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

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
1


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

2


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

3


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

4


MỤC LỤC
DANH MỤC CÁC TỪ VIẾT TẮT ................................................................................. 6
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 ............................................................................................ 2
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
5


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 ....................................................................................... 23
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
6


PHP

Hypertext Preprocessor

STEM

Structured Query Lanuage

7


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.

1.5. Định hướng giải quyết.

2


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 hoà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 quá 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

6

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à
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

13


Hình 3.3.3. Sơ đồ quản lý danh mục admin
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

14


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

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

15


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

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
16


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

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

17


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

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

18