ĐỒ án tốt NGHIỆP WEBSITE bán HÀNG điện tử (2)

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &
TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

BÁO CÁO ĐỒ ÁN TỐT NGHIỆP

WEBSITE BÁN HÀNG ĐIỆN TỬ

Sinh viên thực hiện

: Trần Huỳnh Lợi

Lớp

: 19I1

Giảng viên hướng dẫn: Trần Thu Thủy

Đà Nẵng, tháng 10 năm 2021
i


TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &
TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

BÁO CÁO ĐỒ ÁN TỐT NGHIỆP

WEBSITE BÁN HÀNG ĐIỆN TỬ

Sinh viên:

Trần Huỳnh Lợi

Mã:

191C900025

Giảng viên hướng dẫn: Trần Thu Thủy

Đà Nẵng, tháng 05 năm 2021

ii


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

iii


LỜI CẢM ƠN
Để hoàn thành bài báo cáo này, trước hết, em xin cảm ơn các thầy cô giáo khoa
công nghệ thông tin Trường Đại học CNTT và Truyền Thông Việt - Hàn, em đã nhận
được rất nhiều sự quan tâm, giúp đỡ của quý thầy cô cùng bạn bè. Em cũng xin gửi lời

cảm ơn đến ban giám hiệu nhà trường đã tạo điều kiện tốt nhất cho em củng như các
bạn trong suốt thời gian học tập và làm đồ án tốt nghiệp.
Em xin chân thành cảm ơn cô Trần Thu Thủy đã trang bị cho em những kiến
thức chuyên môn trong thời gian vừa qua, và giúp em hiểu rỏ hơn cái lĩnh vực đã
nghiên cứu để hoàn thành đề tại được giao.
Với điều kiện thời gian có hạn, kiến thức cịn hạn chế, bài báo cáo này khơng thể
tránh được những sai sót. Em rất mong nhận được ý kiến đóng góp của các q thầy
cơ và nhà trường để em có thêm kinh nghiệm và bổ sung kiến thức bản thân, và tiếp
tục phát triển đồ án của mình.
Em xin chân thành cảm ơn!

Sinh viên,
Trần Huỳnh Lợi

iv


MỤC LỤC
DANH MỤC CÁC TỪ VIẾT TẮT ................................................................................ vi
MỞ ĐẦU ........................................................................... Error! Bookmark not defined.
Chương 1. TỔNG QUAN VỀ ĐỀ TÀI … ................................................................... 2
1.1. Tên đề tài ......................................................................................................... 2
1.2. Lý do chọn đề tài ............................................................................................. 2
1.3. Nhiệm vụ.......................................................................................................... 2
1.4. Mục đích nghiên cứu ....................................................................................... 2
1.5. Định hướng giải quyết ..................................................................................... 3
1.6. Ý nghĩa thực tiển của tôi .................................................................................. 3
Chương 2. CƠNG CỤ CƠNG NGHỆ SỬ DỤNG … ................................................. 4
2.1 Cơng cụ, công nghệ sử dụng ............................................................................. 4
2.1.1.Laravel ........................................................................................................... 4

2.1.2. MySQL ......................................................................................................... 5
2.1.3. Bootstrap ....................................................................................................... 5
2.1.4. Javascript ...................................................................................................... 6
2.1.5. Xampp ........................................................................................................... 7
2.1.2. Sublime Text 3 .............................................................................................. 7
Chương 3. PHÂN TÍCH MƠ HÌNH HỆ THỐNG … ................................................ 8
3.1 Phân tích u cầu .............................................................................................. 8
3.1.1 Yêu cầu về chức năng hệ thống ..................................................................... 8
3.1.2 Yêu cầu về hình thức ...................................................................................... 8
3.1.3 Yêu cầu về bảo mật ........................................................................................ 8
3.2 Phân tích chức năng .......................................................................................... 9
3.3 Sơ đồ use case ................................................................................................ 11
3.4 Phân tích cơ sở dữ liệu .................................................................................... 18
Chương 4. Kết quả đạt được .......................................................................................... 19
4.1.Giao diện chung .............................................................................................. 21
4.1.1 Giao diện trang chủ website ......................................................................... 21
4.1.2 Giao diện đăng ký ........................................................................................ 22
4.1.3 Giao diện đăng nhập ..................................................................................... 23
v


4.1.4 Giao diện chi tiết sản phẩm .......................................................................... 24
4.1.5 Giao diện bình luận sản phẩm ...................................................................... 24
4.1.6 Giao diện giỏ hàng ..................................................................................... 220
4.1.7 Giao diện trang chủ admin ........................................................................... 26
4.1.8 Giao diện danh mục sản phẩm ..................................................................... 26
4.1.9 Giao diện quản lý sản phẩm ......................................................................... 27
4.1.10 Giao diện thêm sản phẩm .......................................................................... 27
4.1.11 Giao diện đăng nhập hệ thống ................................................................... 28
Chương 5 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ................................................... 29

5.1. Kết quả đạt được ............................................................................................ 29
5.1.1. Về phía người quản trị ................................................................................ 29
5.1.2.Về phía người dùng ..................................................................................... 29
5.1.3. Về phía bản thân ......................................................................................... 29
5.2. Những hạn chế và thiếu sót............................................................................ 29
5.3. Hướng phát triển ............................................................................................ 30

DANH MỤC CÁC TỪ VIẾT TẮT
VIẾT TẮT

NỘI DUNG
vi


PHP

Hypertext Preprocessor

STEM

Structured Query Lanuage

vii


LỜI MỞ ĐẦU

- Trong thời đại cơng nghiệp hóa - hiện đại hóa đất nước như ngày nay nói đến cơng
nghệ thơng tin chúng ta hình dung ngay tới một môi trường phát triển năng động được
xếp vào hàng bậc nhất thế giới. Công nghệ thông tin được ứng dụng rộng rãi vào mọi

lĩnh vực của đời sống xã hội hiện nay.
- Từ những phần mềm quản lý giúp cho cơng việc bán hàng của cở hàng trở nên nhanh
chóng và dễ dàng, ngày nay công nghệ thông tin đã phát triển mạnh mẽ hơn nữa, Website
ra đời không chỉ đáp ứng cho các khách hàng đến trực tiếp cửa hàng mua sản phẩm mà
nó cịn phục vụ cho những khách hàng ở xa. Không những thế, với việc giới thiệu, quảng
bá hình ảnh về của hàng, cơng ty được mở rộng trên quy mô lớn giúp cho việc kinh
doanh, buôn bán, trao đổi tin tức thuận lợi hơn rất nhiều,mang lại hiệu quả kinh tế cao
hơn tạo uy tín trong khách hàng.
- Chính vì lợi ích mà Website mang lại mà các cửa hàng, nhiều công ty đã áp dụng nó
để phát triển cơng việc kinh doanh giới thiệu của hàng của mình. Trong số đó, hàng điện
tử cũng là một ngành sử dụng nhiều đến Website. Do vậy em lựa chọn đề tài thiết
Website bán hàng điện tử nhằm đưa khách đến cho khách hàng một địa điểm lý tưởng
trong việc mua sắm hàng điện.

1


Chương 1. TỔNG QUAN VỀ ĐỀ TÀI
1.1. Tên đề tài.
Thiết kế Website bán hàng điện tử

1.2. Lý do chọn đề tài.
Ngày nay, việc áp dụng Website trong việc phát triển kinh doanh của cửa hàng
trở nên rất phổ biến và hiệu quả, trong đó ngành thời trang thể thao cũng có sử dụng
nhiều đến Website để giới thiệu và quảng bá sản phẩm của cửa hàng, cơng ty mình. Việc
lên mạng tìm kiếm và mua sản phẩm trở nên khá gần gũi với các bạn trẻ ngày nay, đặc
biệt là các bạn đam mê thể thao là không thể thiếu. Do vậy em quyết định thực hiện đề
tài này với mong muốn đưa đến nhiều sự lựa chon hơn cho khách hàng, và phát triển
của hàng trên quy mô lớn hơn.

1.3. Nhiệm vụ.
Xây dựng một Website bán hàng trực tuyến và giới thiệu quảng bá sản phẩm,
đặt hàng theo yêu cầu, các sản phẩm đa dạng với giá cả hợp lý nhất.

1.4. Mục đích nghiên cứu.
-

Xây dựng một website cung cấp cho khách hàng tất cả những thông tin chi

tiết về các sản phẩm trên trang web, thông tin liên hệ cũng như những sản
phẩm mới nhất được cập nhật thường xuyên.
-

Khách hàng có thể đặt hàng ngay những sản phẩm mà khách hàng yêu

thích
- Tạo ra sản phẩm thân thiện, đơn giản với giao diện tự nhiên, bắt mắt, dễ sử
dụng cho tất cả mọi người.
- Xây dựng một website giúp người quản trị quản lý thông tin hệ thống một
cách dễ dàng hơn, tiện lợi hơn.
- Củng cố và bổ sung kiến thức các môn đã học. Qua đó, rèn luyện kỹ năng
làm việc độc lập.
- Từ đề tài này có thể mở rộng ra và ứng dụng cho các đề tài khác có liên
quan.
2


1.5. Định hướng giải quyết.
Từ các yêu cầu đặt ra của đề tài tiến hành phân tích và đưa ra hướng giải
quyết theo các bước sau:

- Tìm hiểu về các website tương tự để xây dựng các chức năng sao cho phù
hợp với đa phần thị hiếu của người sử dụng hiện nay.
- Tiến hành tìm hiểu về các khái niệm có liên quan và từ các thơng tin khảo
sát được sẽ tiến hành phân tích các chức năng dự định đưa vào website.
- Tìm hiểu về các nội dung cần có của một trang web bán hàng điện tử, từ đó
đưa ra các giải pháp để tiến hành xây dựng.
- Lựa chọn và cài đặt các công cụ, phần mềm phù hợp cho việc thiết kế
website.
- Bắt tay vào việc xây dựng website.
- Tiến hành kiểm tra và chạy thử.
- Thay đổi, bổ sung, khắc phục các lỗi để website hồn chỉnh hơn.

1.6. Ý nghĩa thực tiển của tơi
- Ý nghĩa với doanh nghiệp, cá nhân của website:
Website được xây dựng nhằm giúp quảng bá thông tin sản phẩm , dịch vụ
của hệ thống ra ngoài thị trường một cách rộng rãi. Qua đó giúp tăng số
lượng khách hàng sử dụng trang web và tăng doanh thu. Bên cạnh đó, cịn
giúp cho doanh nghiệp, cá nhân giảm được chi phí.
- Ý nghĩa đối với khách hàng:
Giúp cho người sử dụng có thể nhanh chóng lựa chọn những món hàng mà
mình muốn đặt mà khơng cần đến cửa hàng.
- Ý nghĩa đối với cá nhân sinh viên:
Qua đề tài này, em có thể xây dựng một website để ứng dụng vào thực tế với
giao diện thân thiện, dễ dàng sử dụng trong q trình xem thơng tin và dễ
quản lý .
3


Chương 2. CƠNG CỤ CƠNG NGHỆ SỬ DỤNG

2.1. Cơng cụ, công nghệ sử dụng
-

Ngôn ngữ sử dụng Varavel

-

HTML, CSS, Bootstrap, Javascript…

-

XAMPP.

-

Hệ quản trị cơ sở dữ liệu: MySQL.

-

Phần mềm hỗ trợ viết code: Xampp, Sublime Text 3

2.1.1. Laravel

Laravel là một PHP Framework mã nguồn mở miễn phí, được phát triển bởi Taylor
Otwell với phiên bản đầu tiên được ra mắt vào tháng 6 năm 2011. Laravel ra đời nhằm
mục đích hỗ trợ phát triển các ứng dụng web, dựa trên mơ hình MVC (Model – View –
Controller).
Laravel hiện được phát hành theo giấy phép MIT, với source code được lưu trữ tại
Gitthub.
4

Mặc dù ra đời muộn hơn so với các đối thủ, tuy nhiên Laravel đã thật sự tạo thành một
làn sóng lớn, được đánh giá tốt và sử dụng rộng rãi nhất hiện nay. Biểu đồ dưới đây cho
thấy sự tăng trưởng về số lượng sao trên Github của Laravel so với các Framework
khác

2.1.2. MySQL

Microsoft SQl server là một hệ quản trị cơ sở dữ liệu quan hệ (relational database
management system – RDBMS) do Microsoft phát triển. SQL Server là một hệ quản trị
cơ sở dữ liệu quan hệ mạng máy tính hoạt động theo mơ hình khách chủ cho phép đồng
thời cùng lúc có nhiều người dùng truy xuất đến dữ liệu, quản lý việc truy nhập hợp lệ
và các quyền hạn của từng người dùng trên mạng. Ngôn ngữ truy vấn quan trọng của
Microsoft SQL server là Transact-SQL. Transact-SQL là ngôn ngữ SQL mở rộng dựa
trên SQL chuẩn của ISO (International Organization for Standardization) và
ANSI (American National Standards Institute) được sử dụng trong SQL Server.

5


2.1.3. Bootstrap

Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng để tạo ra
một mẫu webiste hồn chỉnh. Với các thuộc tính về giao diện được quy định sẵn như
kích thước, màu sắc, độ cao, độ rộng…, các designer có thể sáng tạo nhiều sản phẩm
mới mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với framework này trong quá
trình thiết kế giao diện website.
Bootstrap cho phép quá trình thiết kế website diễn ra nhanh chóng và dễ dàng hơn dựa
trên những thành tố cơ bản sẵn có như typography, forms, buttons, tables, grids,

navigation, image carousels…
2.1.4. Javascript

JavaScript là ngôn ngữ phổ biến nhất. Tập lệnh (script) được bao gồm trong HTML
document hoặc được tham chiếu bởi HTML document, sẽ được trình duyệt biên dịch và
6


thực thi. Có thể tương tác với người dùng, kiểm sốt trình duyệt và tạo nội dung HTML
động.
– Cơ chế phía máy khách JavaScript (JavaScript client-side) cung cấp nhiều lợi thế hơn
các kịch bản lệnh phía máy chủ CGI (CGI server-side) truyền thống. Ví dụ: bạn có thể
sử dụng JavaScript để xem liệu người dùng đã nhập địa chỉ email hợp lệ vào form hay
chưa. Mã JavaScript được thực hiện khi người dùng gửi form, và chỉ được thực thi nếu
tất cả các mục nhập hợp lệ và được gửi đến Web Server. Điều này sẽ giúp giảm tải xử
lý ở Web Server.
– Với JavaScript, bạn có thể tương tác với khi dùng khi họ sử dụng website, chẳng hạn
như khi click chuột vào button, click vào liên kết, thay đổi kích thước website,… Dưới
đây là một số ví dụ về những gì JavaScript có thể làm

2.1.5 Xampp

Xampp Là phần mềm web server thuộc bản quyền của GNU General Public Licence,
XAMPP do Apache Friends phân phối và phát triển. Đây là chương trình tạo máy chủ
Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server
và các công cụ như phpMyAdmin.

7

2.1.6 Sublime Text 3

Sublime text 3 là phiên bản mới nhất của chương trình soạn thảo văn bản được sử dụng
nhiều nhất bởi web developers, coders, và programmers. Nó sẵn có cho Mac,
Windows, Linux và cho phép tải về và sử dụng miễn phí. Trong bài viết này chúng ta sẽ
cùng nhau tìm hiểu về hướng dẫn sử dụng Sublime Text 3 cho web developer, phím tắt
hữu ích và hơn thế nữa.

8


Chương 3. PHÂN TÍCH MƠ HÌNH HỆ THỐNG

3.1. Phân tích yêu cầu
3.1.1.Yêu cầu về chức năng hệ thống
-Về phía người dùng (user):
+ đăng ký, đăng nhập
+ Xem chi tiết sản phẩm
+ Tìm kiếm sản phẩm
+ Chọn hàng, mua hàng và thanh tốn
+ Bình luận, đánh giá sản phẩm
+ Thêm vào giỏ hàng, cập nhật giỏ hàng
+ Lọc sản phẩm
+…
-Về phía nhà cung cấp:
-Về phía quản trị (admin)
+ Đăng nhập: Thơng tin đăng nhập có sẵn của quản trị viên sẽ được
tạo sẵn khi website được đưa vào sử dụng .
+ Thống kê: Thống kê doanh thu , thống kê sản phẩm và số lượng sản
phẩm bán ra

+ Quản lý danh mục: Quản lý, thêm sửa, xóa, danh mục
+ Quản lý sản phẩm: Quản lý, thêm sửa, xóa, sản phẩm
+ Quản lý thành viên: Quản lí lượng khách hàng đăng kí và sử dụng
website
+ Quản lý đơn hàng: Kiểm tra tình trạng đơn hàng , kiểm duyệt
thông tin và giao hàng cho khách hàng đặt hàng .
+ Cập nhật giao diện, quảng cáo website
3.1.2.Yêu cầu về hình thức
-Giao diện thân thiện, dễ dùng
-màu sác hài hóa
-Bố cục các chức năng hợp lý
-cho pháp người dùng chọn nhanh các sản phầm thông qua danh sách có sẵn
3.1.3.u cầu về bảo mật:
-Về phía người dùng: cần phải đăng nhập để mua hàng, củng như bình luận và
đánh giá sản phẩm, nếu chưa có tài khoản thì có thể đăng ký…
-Về phía người quản trị: đăng nhập để quản lý dữ liệu website

9


3.2.Phân tích chức năng
3.2.1.Sơ đồ chức năng quản lý admin:

Đăng nhập

Trang quản trị

Trang
chủ

Sản
Phẩm

Danh
mục

Quảng
cáo

Tài
khoản

Khách
hàng

Đơn
hàng

Bình
luận

Kiểm tra, xóa

Đổi mật khẩu

Thêm, sửa, xóa

Hình 3.2.1.Sơ đồ chức năng admin

10

3.2.2.Sơ đồ chức năng của khách hàng:

Trang chủ

Tìm kiếm

Tin tức

Sản phẩm

Chi tiết sản phẩm

Danh mục

Bình luận

Giỏ hàng
Đã có tài khoản

Chưa có tài khoản

True

Đăng ký

Đăng nhập

False

Thơng báo lỗi

Đặt hàng

Thanh tốn

Hình 3.2.2.Sơ đồ chức năng của khách hàng

11

Liên hệ


3.3. Sơ đồ use case
3.3.1. Sơ đồ use case tổng quát

Hình 3.3.1. Sơ đồ use case tổng quát

12


3.3.2. Sơ đồ use case quản lý admin

Hình 3.3.2. Sơ đồ use case quản lý admin

3.3.3. Sơ đồ quản lý danh mục admin

Hình 3.3.3. Sơ đồ quản lý danh mục admin
13

3.3.4 Sơ đồ quản lý sản phẩm admin

Hình 3.3.4 Sơ đồ quản lý sản phẩm admin

3.3.5 Sơ đồ quản lý quảng cáo

Hình 3.3.5 Sơ đồ quản lý quảng cáo

14


3.3.6 Sơ đồ quản lý tài khoản

Hình 3.3.6 Sơ đồ quản lý tài khoản

3.3.7 Sơ đồ quản lý khách hàng

Hình 3.3.7 Sơ đồ quản lý khách hàng

15


3.3.8 Sơ đồ quản lý đơn hàng

Hình 3.3.8 Sơ đồ quản lý đơn hàng

3.3.9 Sơ đồ quản lý bình luận

Hình 3.3.9 Sơ đồ quản lý bình luận

16


3.3.10 Sơ đồ use case phía người dùng

Hình 3.3.10 Sơ đồ use case phía người dùng

3.3.11 Sơ đồ quản lý giỏ hàng

Hình 3.3.11 Sơ đồ quản lý giỏ hàng

17


3.3.12 Sơ đồ thêm sản phẩm vào giỏ hàng

3.3.12 Sơ đồ thêm sản phẩm vào giỏ hàng

3.3.13 Sơ đồ đặt hàng

Hình 3.3.13 Sơ đồ đặt hàng

18