TRƯỜNG ĐẠI HỌC CẦN THƠ

KHOA PHÁT TRIỂN NÔNG THÔN

BỘ MÔN CÔNG NGHỆ NÔNG THÔN

NIÊN LUẬN CƠ SỞ

XÂY DỰNG WEBSITE BÁN

ĐIỆN THOẠI DI ĐỘNG

Sinh viên thực hiện Cán bộ hướng dẫn

Trần Thanh Duy TS. Trần Công Án
Khoá 42

Hòa An, 2019

 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
…………………………………………………………………………………………
Hòa An, ngày….tháng….năm 2019
Giáo viên hướng dẫn

TRANG I
 LỜI CẢM ƠN

Đầu tiên, em xin chân thành cảm ơn Khoa Phát Triển Nông Thôn trường Đại học
Cần Thơ đã tạo điều kiện tốt cho em thực hiện đề tài này.
Được sự phân công và hướng dẫn của TS. Trần Công Án em đã thực hiện đề tài
“Xây dựng website bán điện thoại di động”. Để hoàn thành tốt niên luận cơ sở, lời đầu
tiên em xin chân thành cảm ơn thầy Trần Công Án đã tạo điều kiện, định hướng, tận
tình giúp đỡ và đồng hành cùng em trong suốt thời gian làm niên luận.
Tuy có nhiều cố gắng để thực hiện đề tài một cách hoàn chỉnh nhất. Song, do
những hạn chế về kiến thức và cũng như kinh nghiệm trong lập trình nên những thiếu
sót là không thể tránh khỏi.
Em rất mong nhận được sự góp ý của Thầy để đề tài được hoàn chỉnh hơn, đồng
thời tạo tiền đề tốt hơn cho những nghiên cứu về sau.
Cuối lời em xin gửi lời chúc Thầy dồi dào sức khỏe và ngày càng thành công trên
con đường sự nghiệp của mình.
Xin chân thành cảm ơn!

Hòa An, ngày 20 tháng 11 năm 2019

Sinh viên thực hiện

Trần Thanh Duy

TRANG II
 MỤC LỤC

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ................................................................ i

LỜI CẢM ƠN ...................................................................................................................ii
MỤC LỤC ...................................................................................................................... iii
DANH MỤC HÌNH ẢNH ................................................................................................ iv
DANH MỤC BẢNG ......................................................................................................... v
DANH MỤC KÝ HIỆU, CHỮ VIẾT TẮT ....................................................................... v
TÓM TẮT ....................................................................................................................... vi
CHƯƠNG 1: TỔNG QUAN ............................................................................................. 1
1.1 ĐẶT VẤN ĐỀ ....................................................................................................... 1
1.1.1 Hiện trạng ....................................................................................................... 1
1.1.2 Một số khái niệm cơ bản .................................................................................. 1
1.1.3 Mục tiêu ......................................................................................................... 1
1.2 LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ ......................................................................... 2
1.3 PHẠM VI CỦA ĐỀ TÀI ........................................................................................ 2
1.3.1 Về cơ sở lý thuyết........................................................................................ 2
1.3.2 Về chức năng .............................................................................................. 3
1.3.3 Về kỹ thuật .................................................................................................. 3
1.4 PHƯƠNG PHÁP NGHIÊN CỨU ............................................................................ 3
1.4.1 Thu thập dữ liệu ............................................................................................... 3
1.4.2 Phân tích hệ thống ....................................................................................... 3
1.4.3 Công cụ và công nghệ ................................................................................. 3
CHƯƠNG 2: CƠ SỞ LÝ THUYẾT .................................................................................. 4
2.1 HTML5 .................................................................................................................. 4
2.2 CSS3 ...................................................................................................................... 5
2.3 MYSQL .................................................................................................................. 6
2.4 JAVASCRIPT ......................................................................................................... 7
2.5 NGÔN NGỮ LẬP TRÌNH PHP ............................................................................. 8
TRANG III
 CHƯƠNG 3: NỘI DUNG VÀ KẾT QUẢ NGHIÊN CỨU .............................................
3.1 ĐẶC TẢ HỆ THỐNG .......................................................................................... 11
3.2 PHÂN TÍCH HỆ THỐNG ..................................................................................... 11
3.2.1 Mô tả các CSDL ............................................................................................. 12
3.2.2 Lưu đồ xử lý chính trong hệ thống............................................................. 14
3.3 KẾT QUẢ THỰC HIỆN ........................................................................................ 15
3.3.1 Trang đăng nhập người dùng ........................................................................ 15
3.3.2 Trang chủ của người dùng ......................................................................... 16
3.3.3 Trang xem thông tin sản phẩm................................................................... 16
3.3.4 Trang lọc sản phẩm ................................................................................... 17
3.3.5 Trang đánh giá sản phẩm ........................................................................... 17
3.4 NHỮNG VẤN ĐỀ CHƯA ĐƯỢC GIẢI QUYẾT ................................................. 17
CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ................................................. 18
1. KẾT QUẢ ĐẠT ĐƯỢC ........................................................................................ 18
2. NHẬN XÉT ........................................................................................................... 18
2.1 Ưu điểm ........................................................................................................... 18
2.2 Khuyết điểm ...................................................................................................... 19
3. HƯỚNG PHÁT TRIỂN ......................................................................................... 19
TÀI LIỆU THAM KHẢO ............................................................................................... 19

DANH MỤC HÌNH ẢNH

Hình 2.1 Cách thức hoạt động của JavaScript ................................................ 9
Hình 3.1 Lưu đồ đăng nhập.......................................................................... 14
Hình 3.2 Đăng nhập ...................................................................................... 15
Hình 3.3 .Trang chủ của người dùng ............................................................. 15
Hình 3.4 Trang lọc sản phẩm ........................................................................ 16
Hình 3.5. Trang thông tin sản phẩm .............................................................. 16
Hình 3.6 chức năng đánh giá sản phẩm ........................................................ 17

TRANG IV
 DANH MỤC BẢNG
Bảng 3.1 Người dùng ................................................................................ 11
Bảng 3.2 Sản phẩm.................................................................................... 11
Bảng 3.3 Loại sản phẩm ............................................................................ 12

DANH MỤC KÝ HIỆU, CHỮ VIẾT TẮT

Ký hiệu/ Chữ viết tắt Diễn giải

CSDL Cơ sở dữ liệu

CSS3 Cascading Style Sheets 3

HTML5 HyperText Markup Language 5

PHP Hypertext Preprocessor

SQL Structured Query Language

TRANG V
 TÓM TẮT
Trong những năm gần đây, nghành công nghiệp smartphone không ngừng phát
triển một cách mạnh mẽ giúp cho đời sống con người được nâng cao rõ rệt.Với số lượng
smartphone, điện thoại di động ngày càng nhiều và giá thành rẻ khiến cho số lượng
người sử dụng smartphone và điện thoại di động tăng cao thay vì dùng desktop/laptop .
Thêm vào đó sử dụng điện thoại để lướt web rất tiện với những người hay phải di chuyển
thường xuyên. Chính vì vậy việc thiết kế website bán điện thoại di động giúp cho người
dùng có thể tham khảo được các sản phẩm, giá cả và so sánh giữa các dòng sản phẩm
với nhau từ đó đưa ra quyết định mua sắm các dòng điện thoại. Thiết kế website bán
điện thoại đang đóng một vai trò quan trọng hơn trước đây. Người dùng bắt đầu chuyển
từ sử dụng máy tính sang sử dụng di động.Một trang web bán điện thoại di động có thể
giúp doanh nghiệp kết nối với khách hàng và chuyển đổi hành vi của họ thành hành
động. Nắm bắt xu hướng này càng sớm là lợi thế cho doanh nghiệp.
Với những lý do đó, em đã quyết định chọn đề tài “Xây dựng website bán điện
thoại di động” nhằm mục đích đáp ứng sự tiện lợi khách hàng và đạt mức lợi nhuận tối
đa trong kinh doanh.

TRANG VI
Xây dựng website bán điện thoại di động

CHƯƠNG 1: TỔNG QUAN

1.1 ĐẶT VẤN ĐỀ
1.1.1 Hiện trạng
Ngày nay, cùng với sự phát triển mạnh mẽ của thương mại điện tử thì nhu cầu
mua sắm của người dùng ngày càng tăng cao. Trong đó, ngành công nghiệp smartphone
là nhân tố đầy triển vọng với sức cạnh tranh mãnh liệt của nhiều thương hiệu nổi tiếng
thế giới như Apple,Samsung,....Chiến lược kinh doanh hướng đến khách hàng đang trở
thành chiến lược quan trọng hàng đầu của các doanh nghiệp. Tuy nhiên với cuộc sống
ngày càng bận rộn như hiện nay thì việc muốn mua một chiếc điện thoại di động ưa
thích thì người tiêu dùng phải đến tận cửa hàng để chọn lựa nên sẽ mất khá nhiều thời
gian.
Cùng với những lí do nêu trên, việc ứng dụng bán điện thoại di động trên website
sẽ giúp cho khách hàng giảm bớt được thời gian và công sức phải đến tận cửa hàng để
mua. Giờ đây việc lựa chọn một chiếc điện thoại ưng ý phù hợp với túi tiền thì khách
hàng chỉ cần ngồi bên máy tính, điện thoại có kết nối mạng internet là có thể mua được
chiếc điện thoại.
Xuất phát từ thực tế đó, em đã quyết định chọn đề tài “Xây dựng website bán
điện thoại di động” được xây dựng dưới hình thức quản lý sản phẩm điện thoại với
định hướng giúp việc mua sắm điện thoại dễ dàng và tiện lợi.
1.1.2 Một số khái niệm cơ bản
1.1.2.1 Khái niệm website
Website là một tập hợp các trang web (web pages) bao gồm văn bản, hình
ảnh, video, flash v.v... thường chỉ nằm trong một tên miền (domain name) hoặc tên miền
phụ (subdomain). Trang web được lưu trữ (web hosting) trên máy chủ web (web server)
có thể truy cập thông qua Internet.
Website đóng vai trò là một văn phòng hay một cửa hàng trên
mạng Internet – nơi giới thiệu thông tin về doanh nghiệp, sản phẩm hoặc dịch vụ do
doanh nghiệp cung cấp… Có thể coi website chính là bộ mặt của doanh nghiệp, là nơi
để đón tiếp và giao dịch với các khách hàng, đối tác trên Internet.
1.1.2.2 Lợi ích của website bán điện thoại
Gia tăng mạnh mẽ chất lượng sản phẩm và dịch vụ.
Gia tăng khả năng mua sắm dễ dàng, tiện lợi của khách hàng.
Nắm bắt được nhiều cơ hội hơn cho hoạt động marketing và bán hàng.
1.1.3 Mục tiêu

Trang 1
Xây dựng website bán điện thoại di động

Mục tiêu chính của đề tài là xây dựng website bán điện thoại cho doanh nghiệp
nhằm cung cấp sản phẩm dịch vụ cho khách hàng tốt hơn, nâng cao hiệu quả bán hàng
của doanh nghiệp bằng việc sử dụng ngôn ngữ lập trình PHP phục vụ nhu cầu mua sắm
điện thoại.
Cung cấp giao diện thân thiện, dễ dàng tiếp cận, không quá bắt mắt nhưng cung
cấp đầy đủ thông tin cần thiết cho người sử dụng.
Website cho phép thực hiện các chức năng sau:
 Người dùng đăng nhập vào trang web
 Đưa ra các mẫu điện thoại đa dạng
 Lọc,tìm kiếm sản phẩm
 Cung cấp thông tin mới nhất của sản phẩm và giá cả
1.2 LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ
Trên thực tế đã và đang có rất nhiều website bán điện thoại với nhiều quy mô và
hình thức khác nhau. Tuy nhiên, mỗi doanh nghiệp, công ty kinh doanh lại có những
định hướng khác nhau về website của mình như giao diện, chức năng, hệ thống quản lý
và các dịch vụ chăm sóc khách hàng riêng.
Chính vì điều đó em đã thực hiện đề tài “Xây dựng website bán diện thoại” dành
cho hệ thống siêu thị,cửa hàng điện thoại cũng như sẽ thừa kế những ưu điểm của những
website đi trước và bổ sung, chỉnh sửa các chức năng phù hợp như tăng khả năng tổ
chức dữ liệu , thông tin của toàn bộ khách hàng sẽ được lưu trữ thông minh theo các
trường hợp giúp doanh nghiệp quản lý, phân loại, tìm kiếm dễ dàng, từ đó hiểu rõ hơn
từng nhóm khách hàng mang lại những trải nghiệm tốt nhất cho người dùng.

1.3 PHẠM VI CỦA ĐỀ TÀI

Xây dựng website bán điện thoại phục vụ tất cả các doanh nghiệp và người tiêu
dùng, mục đích cung cấp các sản phẩm đến người tiêu dùng, tiếp cận, giao tiếp và quản
lý thông tin khách hàng để phục vụ khách hàng tốt hơn,.
Nghiên cứu về lĩnh vực thương mại điện tử, đặc trưng dữ liệu trong lĩnh vực
thương mại điện tử.
Nghiên cứu các công nghệ xây dựng website hiệu quả có tốc độ truy cập nhanh.
1.3.1 Về cơ sở lý thuyết
Vận dụng những kiến thức phân tích hệ thống thông tin đã học để xây dựng các
mô hình để phục vụ cho đề tài.
Nắm vững các phương pháp tổ chức, phân tích và thiết kế cơ sở dữ liệu.
Nghiên cứu, tìm hiểu quy trình xây dựng, thiết kế website thương mại điện tử và
Trang 2
Xây dựng website bán điện thoại di động

ứng dụng vào đề tài.

Có kiến thức cơ bản về ngôn ngữ lập trình PHP, HTML, CSS,JavaScript.
1.3.2 Về chức năng
Mục đích chính của đề tài là xây dựng hệ thống quản lý các sản phẩm điện
thoại:
Đối tượng Người dùng: Có các tính năng như sau:
 Xem sản phẩm
 Lọc, tìm kiếm sản phẩm
 Đánh giá sản phẩm
 Thêm sản phẩm vào giỏ đồ
1.3.3 Về kỹ thuật
 Xây dựng giao diện thân thiện, dễ dàng tiếp cận
 Đảm bảo tính chính xác dữ liệu
 Đảm bảo tốc độ truy xuất nhanh
 Đảm bảo an toàn, bảo mật
 Sử dụng phpmyadmin để quản lý cơ sở dữ liệu
 Sử dụng ngôn ngữ lập trình HTML5, CSS3, Bootstrap 3, để xây dựng
trang web
 Sử dụng ngôn ngữ lập trình PHP 5.6, và cài đặt Xampp,cài đặt Sublime
text
 Chương trình chạy tốt trên các trình duyệt như Chrome,Firefox, Cốc Cốc.
1.4 PHƯƠNG PHÁP NGHIÊN CỨU
1.4.1 Thu thập dữ liệu
Tìm kiếm, tham khảo cách thức hoạt động của các website trên mạng
Internet, rút kinh nghiệm từ những hạn chế, từ đó đưa ra những dữ liệu cần thiết
cho việc thiết kế và xây dựng website.
1.4.2 Phân tích hệ thống
Lập quy trình xây dựng website gồm các bước như sau:
- Thu thập dữ liệu
- Thiết kế cơ sở dữ liệu
- Thiết kế giao diện

Trang 3
Xây dựng website bán điện thoại di động

- Lập trình
- Kiểm tra lỗi
1.4.3 Công cụ và công nghệ
-Phần mềm Sublime Text để lập trình ngôn ngữ PHP, HTML, CSS
- Phpmyadmin để xây dựng cơ sở dữ liệu
- Cài đặt Xampp tạo web server
- Microsoft Office 2013 để soạn thảo văn bản

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT
2.1 HTML5
HTML5 là một chuẩn mới và là thế hệ tiếp theo của ngôn ngữ đánh dấu siêu văn
bản – HyperText Markup Language explained (gọi tắt là HTML). Các phiên bản trước
của HTML, như HTML 4.01 đã ra đời từ năm 1999. Cho đến nay các trang web đã có
những thay đổi rất nhiều kể từ đó. HTML5 vẫn còn trong giai đoạn phát triển và hoàn
thiện. Tuy nhiên, nhiều phiên bản trình duyệt mới hiện nay đã có các hỗ trợ cho những
phần tử, thẻ mới có trong HTML5 và các APIs.

HTML5 là kết quả của sự hợp tác giữa tổ chức W3C và nhóm WHATWG.
WHATWG làm việc với các web form và các ứng dụng, còn W3C thì được làm việc
với XHTML 2.0. Trong năm 2006, họ quyết định hợp tác và tạo ra một phiên bản mới
của HTML, đó chính là HTML5.

 Một số tính năng mới của HTML5:

- Thêm các thẻ đánh dấu mới để dần thay thế cho các mã lập trình.
- Khả năng hoạt động xuyên suốt giữa các trình duyệt.
- Lựa chọn nhiều nguồn ảnh cho responsive design, thêm tính năng cho
context menu của trình duyệt.
- Lưu trữ ngoại tuyến (offline) cho phép lưu trữ dữ liệu liên tục hoặc từng
phần mà không cần cài đặt tính năng bổ sung (plug-in)
- Miền vẽ cho phép tương tác trực tiếp với hình ảnh, biểu đồ, các đối tượng
game thông qua các mã lập trình và tương tác người dùng mà không cần
Flash hay các plug-in.
- Truyền nhận hình ảnh (video) và âm thanh (audio) có thể nhúng audio và
video trên các trang web.

Trang 4
Xây dựng website bán điện thoại di động

- Định vị người dùng (geolocation) có thể giúp xác định vị trí như phục vụ
cho kết quả tìm kiếm hay dùng các thiết bị định vị, nó không giới hạn API
của nhà cung cấp hay công cụ trình duyệt nào.
- Tiếp cận các ứng dụng web dễ dàng (web application focus) như việc xây
dựng công cụ kéo thả, chat thời gian thực. Việc sử dụng các đặc tính mới
này sẽ nhanh chóng hơn và hiệu suất như nhau trên các trình duyệt.
 Lợi ích của HTML5 :
- HTML5 đem lại khả năng hỗ trợ API (Application Programming Interface
– giao diện lập trình ứng dụng) và DOM (Document Object Model – mô
hình đối tượng tài liệu) giúp các nhà phát triển trong việc sáng tạo các ứng
dụng thân thiện hơn với người dùng khi mà họ còn lệ thuộc vào nền tảng
flash – lưu trữ dữ liệu và trình diễn ảnh động.
- Chuẩn hóa các kỹ thuật không chính thức, tăng khả năng phục vụ đa phương
tiện.
- Với HTML5 nhà phát triển chỉ cần lập trình một lần là có thể dùng được
trên nhiều hệ thống, không như flash hay các plug-in khác luôn cần có nhiều
phiên bản khác nhau dành cho mỗi nền tảng.
2.2 CSS3
CSS (Cascading Style Sheet) là ngôn ngữ định kiểu theo tầng được tổ chức World
Wide Web (W3C) giới thiệu vào năm 1996. Nó là một ngôn style sheet được sử dụng
để mô tả giao diện và định dạng của một tài liệu viết bằng ngôn ngữ đánh dấu (markup).
Nó cung cấp một tính năng bổ sung cho HTML. CSS thường được sử dụng với HTML
để thay đổi phong cách của trang web và giao diện người dùng. Nó cũng có thể được sử
dụng với bất kỳ loại tài liệu XML nào bao gồm cả XML đơn giản, SVG và XUL.
CSS3 là một chuẩn mới nhất của CSS hay nói cách khác nó là một phiên bản mới
của CSS. Nó được chia ra làm nhiều module và mỗi module sẽ có những nhiệm vụ khác
nhau khi kết hợp chúng với nhau sẽ tạo nên những hiệu ứng đẹp mắt.Việc thiết kế trình
bày template sẽ trở nên dễ dàng hơn rất nhiều bằng việc bổ sung các tính năng mới để
giúp các nhà phát triển giải quyết một số vấn đề mà không cần đánh dấu phi ngữ nghĩa,
tập lệnh phức tạp hoặc hình ảnh bổ sung.
 Một số tính năng mới của CSS3 :
- Bổ sung thêm khả năng điều chỉnh cho nền (background), đường bao
(border).
- Tạo thêm các hiệu ứng cho văn bản (text).
- Thêm các hiệu ứng biến đổi 2D và 3D.
- Thêm mới các loạt ảnh (animation).
Trang 5
Xây dựng website bán điện thoại di động

- Thêm cấu trúc đa cột (multiple column)

 Ưu điểm của CSS3:
- CSS3 được phát triển nhằm tăng sự tương thích với HTML5 trong việc bố
cục trình bày nội dung, các thẻ HTML đã không còn bị chồng lấn mà được
phân tách bằng các “class” và “id”.
- Truy vấn phương tiện (Media Queries) mới được ra mắt trong CSS3 hỗ
trợ tính tương thích với nhiều kích thước màn hình khác nhau mà không
cần chỉnh sửa nội dung hiểu thị, làm tăng tính uyển chuyển của ứng dụng.
- Tải các trang web về trình duyệt nhanh hơn: chỉ cần viết một quy tắc CSS
cho một thẻ HTML và áp dụng cho tất cả các lần xuất hiện của thẻ đó
trong các trang HTML.
2.3 MYSQL

phpMyAdmin là một ứng dụng web miễn phí cung cấp GUI sử dụng kết hợp với
hệ thống quản lý cơ sở dữ liệu MySQL. Đây là công cụ quản trị MySQL phổ biến nhất
được sử dụng bởi hàng triệu người dùng trên toàn thế giới và đã giành được nhiều giải
thưởng.

Được viết bằng PHP, phpMyAdmin có tất cả các chức năng phổ biến mà bạn cần
khi phát triển ứng dụng hoặc trang web dựa trên MySQL. phpPgAdmin là một sản phẩm
cung cấp chức năng tương tự cho DBMS PostgreQuery.

 Ưu thế nổi bật :

- Có thể sử dụng phpMyAdmin cho hầu hết các hệ điều hành. phpMyAdmin
có thể xuất và nhập cơ sở dữ liệu được tạo và quản lý bởi MySQL DBMS,
cũng như làm việc với một số định dạng dữ liệu khác.
- Danh sách các định dạng được hỗ trợ: SQL, CVS, CodeGen, CVS cho
Microsoft Excel, Microsoft Word 2000, JSON, LaTeX, MediaWiki Table,
OpenDocument Spreadsheet, OpenDocument Text, PDF, PHP Array,
Texy! Text và kiểu dữ liệu YAML.
- PhpMyAdmin là một công cụ hoàn hảo để duyệt cơ sở dữ liệu, quản lý
các đặc quyền người dùng và thực hiện các truy vấn SQL, ngoài ra, nó có
thể được coi là một công cụ quản trị đầy đủ tính năng.
- Vừa có thể làm việc với một đối tượng, vừa xử lý các tình huống không
thể đoán trước, chẳng hạn như SQL injection, lỗi người dùng và các trường
hợp database corruption khác. Đặc biệt, nó có khả năng sao lưu MySQL
tự động.

Trang 6
Xây dựng website bán điện thoại di động

2.4 JAVASCRIPT
JavaScript là một ngôn ngữ lập trình website, được tích hợp và nhúng trong
HTML giúp website sống động hơn, cho phép kiểm soát các hành vi của trang web tốt
hơn so với khi chỉ sử dụng mỗi HTML ,là ngôn ngữ lập trình kiểu thông dịch với khả
năng hướng đối tượng, được dùng phổ biến để viết các script cho máy khách của web.
Các script phía máy khách được thực thi trong một trình duyệt trong khi các script phía
máy chủ được thực thi trên server.
JavaScript do Sun Microsystem và Netscape phát triển, được biết đến đầu tiên
với tên Mocha, sau đó là LiveScript nhưng hãng Netscape thay đổi tên của nó thành
JavaScript, bởi vì sự phổ biến như là một hiện tượng của Java lúc bấy giờ.
JavaScript hỗ trợ hầu như trên tất cả các trình duyệt như Firefox, Chrome, …
thậm chí các trình duyệt trên thiết bị di động.
 Lợi thế của việc sử dụng JavaScript :
- Sự tương tác server (máy chủ) ít hơn: việc xác nhận đầu vào (input) người
sử dụng trước khi gửi tới trang máy chủ giúp làm tiết kiệm lưu lượng tải
ở server.
- Phản hồi ngay lập tức tới người truy cập: sử dụng JavaScript sẽ không
phải chờ cho một trang web tải lại giúp tiết kiệm thời gian của người sử
dụng.
- Khả năng tương tác tăng lên: có thể tạo ra các giao diện phản ứng lại khi
người sử dụng rê chuột qua chúng hoặc kích hoạt chúng thông qua bàn
phím.
- Giao diện phong phú hơn: sử dụng JavaScript vào các thành phần như
Drag và Drop (DnD) và các con trượt (Slider) để cung cấp một giao diện
giàu tính năng (Rich Interface) tới người truy cập.

Trang 7
Xây dựng website bán điện thoại di động

 Cách thức hoạt động của JavaScript (hình 2.1):

Hình 2.1 Cách thức hoạt động của JavaScript

(Nguồn: https://allaravel.com/tutorials/lap-trinh/ecmascript-javascript-
tutorial/javascript-la-gi/)
Khi trình duyệt tải một trang web, đầu tiên bộ phận phân tích cú pháp HTML sẽ
thực hiện phân tích mã HTML và tạo ra các thành phần DOM (Document Object
Model). Sau đó, bất cứ khi nào bộ phân tích CSS và JavaScript nhận lấy mã thì mã này
sẽ cập nhật vào DOM.
JavaScript Engine là một công cụ của JavaScript thực hiện việc tải các file
JavaScript được chèn vào hoặc các mã bên trong web nhưng nó sẽ chờ cho đến khi phân
tích xong HTML và CSS thì nó mới thực thi.
Mã JavaScript được thực thi theo thứ tự xuất hiện trong trang web: các biến và
hàm được định nghĩa đầu tiên, tiếp theo thực hiện lời gọi hàm, tiếp theo nữa là các kích
hoạt sự kiện,… Các hoạt động này được cập nhật vào DOM và được tải ngay lập tức ra
trình duyệt.
2.4 BOOTSTRAP 3
Bootstrap là front-end framework, là một bộ sưu tập miễn phí các công cụ để tạo
ra các trang web và các ứng dụng web. Nó chứa HTML và CSS dựa trên các mẫu thiết
kế cho kiểu chữ (typography), các form, các nút (button), tables, v.v... chuyển hướng và
các thành phần giao diện khác, cũng như mở rộng JavaScript tùy chọn . Trong bootstrap
có thêm các plugin Javascript trong nó. Giúp cho việc thiết kế reponsive của bạn dễ dàng
hơn và nhanh chóng hơn.
Bootstrap được phát triển bởi Mark Otto và Jacob Thornton tại Twitter. Các

Trang 8
Xây dựng website bán điện thoại di động

plugin của Javascript đã được tích hợp vào trong Bootstrap, với mục đích giúp cho các
nhà phát triển có thể thiết kế responsive cho website được dễ dàng và nhanh hơn .
 Một số ưu điểm chính của Bootstrap 3:
- Tiết kiệm thời gian: Bootstrap giúp người thiết kế giao diện website tiết
kiệm rất nhiều thời gian. Các thư viện Bootstrap có những đoạn mã sàng
cho để sử dụng vào các website.
- Responsive Web Design: Bootstrap phát triển giao diện website để phù
hợp với đa thiết bị trở nên dễ dàng. Đây là xu hướng phát triển giao diện
website đang rất ưa chuộng trên thế giới.
- Tương thích với trình duyệt: Nó tương thích với tất cả các trình duyệt
(Chrome, Firefox, Internet Explorer, Safari, Opera…)
2.5 NGÔN NGỮ LẬP TRÌNH PHP
PHP (Hypertext Preprocessor) là ngôn ngữ lập trình kịch bản cho các ứng dụng
web, thực thi ở phía máy chủ (khác với HTML, DHTML, JavaScript, thực thi ở phía
máy khách, trình duyệt web). Mục tiêu của ngôn ngữ là cho phép các nhà phát triển ứng
dụng web viết các trang có nội dung động một cách nhanh chóng .
Khi ai đó truy cập trang web PHP, máy chủ web xử lý các mã PHP. Sau đó, phần
nó cần để hiển thị cho khách bao gồm nội dung và hình ảnh và giấu các thao tác thực thi
bên trong khác như thao tác tập tin, tính toán, sau đó chuyển kết quả thực thi về dạng
HTML, gửi lại trình duyệt web của khách truy cập .
Ngôn ngữ lập trình PHP được phát triển lần đầu vào năm 1994 bởi Rasmus
Lerdorf. Tháng 6 năm 1995, phiên bản PHP/FI 1.0 được phát hành công khai trên nhóm
thảo luận, để thúc đẩy sự cải tiến mã nguồn phát hiện lỗi. Phiên bản này có các chức
năng cơ bản của các phiên bản PHP hiện nay .
Năm 1997, Andi Gutmans và Zeev Suraski đã viết lại bộ phân tích cú pháp và
phát triển ngôn ngữ lập trình PHP 3, đổi tên là PHP – Hypertext Preprocessor.
Năm 2004, Zend Engine phát hành PHP 5 bao gồm các tính năng mới như hỗ trợ
cải thiện cho lập trình hướng đối tượng, các đối tượng dữ liệu PHP mở rộng và cải thiện
hiệu suất.
Năm 2015, PHP 7 được giới thiệu, đây là phiên bản mới nhất hiện nay và được
trông đợi nhất bởi có nhiều thay đổi về cú pháp, bổ sung các thư viện hiện đại giúp ngôn
ngữ PHP trở nên đa dạng hơn .
 Một số tính năng mới của PHP 7 :
- Tốc độ nhanh gấp hai lần so với các phiên bản cũ do việc sử dụng bộ core
Zend Engine mới nên tốc độ của PHP7 tăng lên cho dù là framework hay

Trang 9
Xây dựng website bán điện thoại di động

CMS (Content Management System – hệ thống quản trị nội dung) thì hiệu
suất xử lý đều tăng lên gấp đôi.
- Cho phép khai báo kiểu chính xác.
- Có nhiều toán tử mới trong phiên bản này
 Lợi ích của ngôn ngữ lập trình PHP:
- Mã nguồn mở nên việc cài đặt rất dễ dàng, miễn phí. Vì thế PHP được cài
đặt phổ biến trên các web server thông dụng như Apache, IIS,…
- Tính cộng đồng lớn vì là một ngôn ngữ mã nguồn mở cùng với sự phổ biến
của PHP được coi là chất lượng và khả năng ứng dụng rất cao.
- Hỗ trợ thư viện phong phú từ một đoạn code một hàm cho đến framework
(Laravel, Zend, CakePHP,…) hay ứng dụng hoàn chỉnh (Joomla,
WordPress,…)
- Lập trình hướng đối tượng từ phiên bản thứ 5, PHP đã hỗ trợ hầu hết các
đặc điểm nổi bật của lập trình hướng đối tượng.
- Tính bảo mật: PHP cũng cung cấp nhiều cơ chế cho phép triển khai tính bảo
mật ứng dụng như session, các hàm filter dữ liệu, kỹ thuật ép kiểu… để
tương tác với cơ sở dữ liệu an toàn hơn.

Trang 10
Xây dựng website bán điện thoại di động

CHƯƠNG 3: NỘI DUNG VÀ KẾT QUẢ NGHIÊN CỨU

3.1 ĐẶC TẢ HỆ THỐNG
Xây dựng hệ thống website bán điện thoại di độnnh sử dụng ngôn ngữ lập trình
PHP thuần là nơi hỗ trợ người tiêu dùng mua điện thoại dễ dàng.Ngoài ra, với các dịch
vụ chăm sóc khách hàng mang đến sự thoả mãn cho khách hàng khi mua hàng ở siêu
thị.
Với các yêu cầu đặt ra của hệ thống quản lý quan hệ khách hàng có thể phân chia
chức năng như sau:
Đối tượng người dùng
Người dùng có tài khoản quản trị hệ thống. Có các chức năng cơ bản như sau:
 Quản lý khách hàng:
- Quản lý ,cập nhật thông tin khách hàng.
3.2 PHÂN TÍCH HỆ THỐNG
3.2.1 Một số các bảng cơ sở dữ liệu
3.2.2 Mô tả CSDL Người dùng
Bảng 3.1 Người dùng

Tên thuộc Khoá Khoá Diễn giải

STT Kiểu dữ liệu
tính chính ngoại

1 MAND int x Mã người dùng

2 HO Varchar(20) Họ ngừơi dùng

3 TEN varchar(20) Tên người dùng

4 EMAIL Varchar(50) Email

5 GIOITINH varchar(10) Giới tính

6 SDT varchar(20) Số điện thoại

Trang 11
Xây dựng website bán điện thoại di động

7 DIACHI varchar(200) Địa chỉ

8 TAIKHOAN Varchar(100) Tài khoản

9 MATKHAU Vảrchar(100) Mật khẩu

10 TRANGTHAI int Trạng thái

3.2.3 Mô tả CSDL sản phẩm

Bảng 3.2 Sản phẩm

Khoá Khoá
STT Tên thuộc tính Kiểu dữ liệu Diễn giải
chính ngoại

1 MASP int x Mã khách hàng

Mã loại sản
2 MALSP int x
phẩm

3 TENSP varchar(70) Tên sản phẩm

4 DONGIA int Đơn giá

5 SOLUONG int Số lượng

6 HINHANH Varchar Hình ảnh

7 MaKM int Mã khuyến mãi

8 ManHinh Varchar(200) Màn hình

9 HDH Varchar(50) Hệ điều hành

10 CAMSAU Varchar(50) Camera sau

11 CAMTRUOC Varchar(50) Camera trước

12 CPU Varchar(50) Cpu

13 RAM Varchar(50) RAM

14 ROM Varchar(50) Bộ nhớ trong

15 SDCARD Varchar(50) SDCARD

Trang 12
Xây dựng website bán điện thoại di động

16 PIN Varchar(50) PIN

17 SOSAO int Số sao

18 SODANHGIA int Số đánh giá

19 TRANGTHAI int Trạng thái

3.2.4.3 Mô tả thực thể loại sản phẩm

Bảng 3.3 Loại sản phẩm

Khoá Khoá
STT Tên thuộc tính Kiểu dữ liệu Diễn giải
chính ngoại

Mã loại sản
1 MALSP int x
phẩm

Tên loại sản

2 TENLOAISP int
phẩm

5 HINHANH varchar(200) Hình ảnh

6 MOTA Varchar(200) Mô tả

3.2.5 Lưu đồ xử lý chính trong hệ thống

3.2.6.1 Lưu đồ đăng nhập

Trang 13
Xây dựng website bán điện thoại di động

Hình 3.1 Lưu đồ đăng nhập

Ý nghĩa:Khi đã có tài khoản, người dùng nhập tên đăng nhập và mật khẩu để
đăng nhập vào hệ thống. Nếu nhập sai tên đăng nhập và mật khẩu, hệ thống sẽ thông
báo lỗi. Nếu nhập đúng, sẽ quản trị viên có thể vào trang quản trị.

3.3 KẾT QUẢ THỰC HIỆN

3.3.1 Trang đăng nhập người dùng

Trang 14
Xây dựng website bán điện thoại di động

Hình 3.2 Đăng nhập

Để đăng nhập vào người dùng phải có tài khoản, sau khi người dùng nhập đầy đủ
thông tin hệ thống sẽ kiểm tra nếu đúng hệ thống sẽ chuyển sang trang người dùng,
ngược lại sẽ thông báo không thành công và yêu cầu nhập lại.
3.3.2 Trang chủ của trang người dùng

Trang 15
Xây dựng website bán điện thoại di động

Hình 3.3 .Trang chủ của trang người dùng

3.3.3 Chức năng lọc sản phẩm

Hình 3.4 Trang quản lý khách hàng

Chức năng lọc sản phẩm (hình 3.3). Ở trang này người dùng có thể thực hiện các
thao tác lọc sản phẩm để xem danh sách các điện thoại.
3.3.4 Trang xem thông tin sản phẩm

Trang 16
Xây dựng website bán điện thoại di động

Hình 3.13 Trang xem thông tin sản phẩm

Trang này chứa thông tin chi tiết sản phẩm điện thoại
3.3.5 Chức năng đánh giá sản phẩm

Hình 3.5 chức năng đánh giá sản phẩm

Chức năng này (hình 3.4) cho phép người dùng đánh giá bình luận và cho sao của từng
sản phẩm
3.3 NHỮNG VẤN ĐỀ CHƯA ĐƯỢC GIẢI QUYẾT
Các chức năng của hệ thống chưa được tối ưu hoá.
Chưa làm được phần đăng nhập của người dùng quản trị
Còn thiếu các chức năng:đăng kí,thêm,sửa,xóa sản phẩm, giỏ hàng,thanh toán.

Trang 17
Xây dựng website bán điện thoại di động

CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

1. KẾT QUẢ ĐẠT ĐƯỢC
Sau quá trình thực hiện, đề tài niên luận đã đạt được một số kết quả như sau:
- Xây dựng thành công web bán điện thoại di động bằng ngôn ngữ lập trình
PHP.
- Củng cố được cách sử dụng hệ quản trị cơ sở dữ liệu và các lệnh tương tác
của nó.
- Củng cố khả năng phân tích hệ thống, thiết kế cơ sở dữ liệu, thiết kế các mô
hình chức năng, các lưu đồ giải thuật…
- Nâng cao khả năng lập trình với ngôn ngữ PHP.
- Hiểu biết thêm về cách sử dụng HTML, biết cách thiết kế website chuẩn
bằng cách sử dụng framework Bootstrap.
2. NHẬN XÉT
2.1 Ưu điểm
Giao diện thân thiện, dễ dàng tiếp cận và dễ sử dụng do trang web được xây dựng
trên nền tảng framework Bootstrap.
Trang quản trị có rất nhiều chức năng giúp người quản trị có thể quản lý hệ thống
một cách dễ dàng và thuận tiện hơn.
2.2 Khuyết điểm
Bên cạnh những ưu điểm đạt được thì cũng không thể tránh khỏi những khuyết
điểm trong khi làm đề tài như sau:
- Do chưa có kinh nghiệm thực tế nên không thể không tránh khỏi những
thiếu sót và hạn chế về mặt kỹ thuật.
- Trang quản trị chưa thật sự tối ưu nhất, cần rất nhiều thao tác nên mất rất
nhiều thời gian của người quản lý trang web.
- Về bản thân, qua thời gian thực hiện hệ thống này chúng em cũng nhận ra
nhiều khuyết điểm như chưa phân bố thời gian và sắp xếp công việc hợp lý.
3. HƯỚNG PHÁT TRIỂN
Nhằm khắc phục những khuyết điểm đã nêu chúng em đưa ra một số hướng phát
triển như sau:
- Xây dựng thêm nhiều chức năng mới đáp ứng nhu cầu của người quản trị
hệ thống như quản lý voucher, ghi chú, báo cáo, ...

Trang 18
Xây dựng website bán điện thoại di động

TÀI LIỆU THAM KHẢO

 Tài liệu
[1] ThS. Phan Tấn Tài, KS. Trần Nguyễn Minh Thái, KS. Nguyễn Thanh Hải,
KS. Nguyễn Thị Thu An. Phân tích thiết kế hệ thống thông tin. Trường Đại học Cần
Thơ, 2010.
[2] PGS. TS. Đỗ Thanh Nghị, TS. Trần Công Án, TS. Phan Thượng Cang, ThS.
Lâm Chí Nguyện. Giáo trình lập trình web. Trường Đại học Cần Thơ, 2015.
 Trang web
[3] allaravel.com, https://allaravel.com/, 2018
[4] viblo.asia/p/laravel-framework,http://viblo.asia/p/laravel-framework
[5] kienthucweb.net, http://kienthucweb.net.vn/, 2018
[6] vietpro.net, https://vietpro.net.vn
[7] phpmyadmin.net Bing MySQL to the web, https://www.phpmyadmin.net/, 2018
[8] w3schools.com, https://www.w3schools.com/, 2018

Trang 19