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 Đồ Ăn

Sinh viên thực hiện: Huỳnh Hoài Tâm
Lớp:

19i2

Giảng viên hướng dẫn: TS. Phạm Hồ Trọng Nguyên

Đà Nẵng, tháng 11 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 Đồ Ăn

Sinh viên:
Mã:

Huỳnh Hoài Tâm
191C900096

Giảng viên hướng dẫn: TS. Phạm Hồ Trọng Nguyên

Đà Nẵng, tháng 11 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.
Em xin bày tỏ lịng biết ơn xâu sắc nhất tới cơ giáo TS.Phạm Hồ Trọng Nguyên,
người đã hướng dẫn, chỉ bảo tận tình để em hồn thành q trình làm đồ án tốt nghiệp.
Xin cảm ơn bạn bè và gia đình đã động viên cổ vũ, đóng góp ý kiến, trao đổi,

động viên trong suốt quá trình học cũng như làm đồ án tốt nghiệp, gúp em hoàn thành
đề tài đúng thời hạn.
Em xin chân thành cảm ơn!

Sinh viên,
Huỳnh Hoài Tâm

iv


MỤC LỤC
DANH MỤC CÁC TỪ VIẾT TẮT .................................................................... vii
DANH MỤC HÌNH VẼ ..................................................................................... viii
MỞ ĐẦU ............................................................................................................... 1
1. Lý do chọn đề tài ....................................................................................... 1
2. Mục tiêu đạt được ..................................................................................... 1
3. Nhiệm vụ và hướng giải quyết .................................................................. 1
4. Ý nghĩa thực tiển của đề tài ...................................................................... 2
5. Bố cục của đồ án ....................................................................................... 2
Chương 1. CÔNG CỤ CÔNG NGHỆ .................................................................. 3
1.1 Công cụ phần mềm ................................................................................. 3
1.1.1. Visual Studio Code ....................................................................... 3
1.1.2. Microsoft SQL Server.................................................................. 4
1.2. Công nghệ .............................................................................................. 4
1.2.1. HTML , CSS ................................................................................. 4
1.2.2. C# ................................................ Error! Bookmark not defined.
1.2.3.ASP.Net ....................................... Error! Bookmark not defined.
1.2.4. SQL Server ................................................................................... 6
Chương 2. PHÂN TÍCH MƠ HÌNH HỆ THỐNG ............................................... 7
2.1 Phân tích yêu cầu .................................................................................... 8

2.1.1. Yêu cầu chức năng hệ thống ......................................................... 8
2.1.2. Yêu cầu về hình thức .................................................................... 9
2.2 Sơ đồ chức năng ...................................................................................... 9
2.2.1 Sơ đồ UseCase chung .................................................................... 9
2.2.2 Về người dùng ............................................................................. 10
2.2.3 Về người quản trị ......................................................................... 10
2.3 Phân tích cơ sở dữ liệu .......................................................................... 11
v


2.3.1. Bảng tài khoản ............................................................................ 11
2.3.2. Bảng sản phẩm ............................................................................ 11
2.3.3. Bảng nhóm sản phẩm.................................................................. 12
2.3.4. Bảng giỏ hàng ............................................................................. 12
2.3.5. Bảng đơn hàng ............................................................................ 12
2.3.6. Bảng chi tiết đơn hàng ................................................................ 13
Chương 3. XÂY DỰNG WEBSITE ................................................................... 14
3.1. Giao diện cho người dùng .................................................................... 14
3.1.1. Giao diện trang đồ ăn .................. Error! Bookmark not defined.
3.1.2. Giao diện trang đồ uống ............. Error! Bookmark not defined.
3.1.3. Giao diện trang giỏ hàng............. Error! Bookmark not defined.
3.2. Giao diện người quản trị ..................... Error! Bookmark not defined.
3.2.1. Giao diện đăng nhập .................. Error! Bookmark not defined.
KẾT LUẬN ......................................................................................................... 16
1. Kết quả đạt được ..................................................................................... 16
2. Hạn chế và hướng phát triển ................................................................... 16
2.1. Hạn chế .......................................................................................... 16
2.2. Hướng phát triển ............................................................................ 17
TÀI LIỆU THAM KHẢO ......................................................................................
iPHỤ LỤC ...............................................................................................................

i

vi


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

NỘI DUNG

PHP

Hypertext Preprocessor

FTP

File Transfer Protocol

HTML

Hyper Text Markup Language

CSS

Cascading Style Sheets

ID

Identification


ORM

Object Relational Mapping

API

Application Programming Interface

vii


DANH MỤC HÌNH VẼ
Hình 1: Ứng dụng của Visual Studio Code ................................................................3
Hình 2: Ứng dụng Microsoft SQL Server .................................................................4
Hình 3: HTML ............................................................................................................5
Hình 4: Đoạn code dùng CSS .....................................................................................5
Hình 5: Ngơn ngữ C#..................................................................................................6
Hình 6: Ngơn ngữ ASP.Net........................................................................................7
Hình 7: Sơ đồ Usecase...............................................................................................9
Hình 8: Sơ đồ Usecase của khách hàng................................................................... 10
Hình 9 Sơ đồ Usecase của Admin........................................................................... 10
Hình 10: Trang đồ ăn............................................................................................... 14
Hình 11: Trang đồ uống........................................................................................... 14
Hình 12: Trang giỏ hàng........................................................................................... 15
Hình 13: Trang Login............................................................................................... 15

viii


MỞ ĐẦU

1. Lý do chọn đề tài
Ngày nay, công nghệ thông tin không ngừng phát triển một cách mạnh mẽ và hiện
đại. Các ứng dụng của công nghệ thông tin ngày càng đi sâu vào đời sống con người trở
thành một bộ phận không thể thiếu của thế giới văn minh. Hiện nay, nhịp sống ngày một hối
hả, những lúc bận rộn, các bạn trẻ khó có thể chấp nhận việc đi một quãng đường dài chỉ để
mua đồ ăn vặt thỏa mãn “cơn đói” của mình. Vì thế, em đã chọn đề tài Thiết kế Website Bán
đồ ăn vặt để khắc phục được khó khăn trên và đáp ứng nhu cầu của giới trẻ hiện nay.

2. Mục tiêu đạt được
Thông tin hiện nay là một lĩnh vực rất quan trọng đối với cuộc sống hiện nay, bên
cạnh đó cịn có các nhu cầu nghe nhìn giải trí trao đổi thơng tin, …. Ngồi ra đồ ăn vặt
ln là thức q u thích khơng chỉ của các bạn trẻ mà còn cả người trưởng thành. Khi
internet đã trở thành một thành phần tất yếu của cuộc sống, đặt đồ qua mạng trở thành
một thói quen của số đơng người dân thì kinh doanh đồ ăn vặt online thật sự là một ý
tưởng hay khơng thể bỏ qua. Vì vậy em đã xây dựng website bán đồ ăn vặt nhằm một
phần nào đó giúp khách hàng có thể lựa chọn và mua những món ăn ngon mọi lúc mọi
nơi, khơng cần đi xa mà đồ ăn về tận nhà chỉ cần một cái click chuột.
Khách hàng có thể lựa chọn nhiều phương thức thanh toán cũng như thời gian và
địa điểm nhận hàng.

3. Nhiệm vụ và hướng giải quyết
Từ các yêu cầu đặt ra, đề 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:
- Hoàn chỉnh các chức năng cơ bản của một trang web thương mại điện
tử: Các chức năng như đăng nhập, xem giỏ hàng, xem các sản phẩm trên
hệ thống.
1


- Quản lý thơng tin các mặt hàng: Các món ăn đều có thơng tin xuất xứ,

cũng như có các đánh giá từ người dùng để lấy lòng tin từ khách hàng.
- Quản lý thông tin về đơn mua hàng: Thơng tin về các món ăn trong giỏ
hàng đều được hiển thị đầy đủ, chi tiết trong phần quản lý giỏ hàng của
người mua.

4. Ý nghĩa thực tiển của đề tài
Ý nghĩa thực tiển của đề tài như sau:
- Ý nghĩa đối với người sử dụng hệ thống website: Mua đồ ăn dể dàng,
không cần đi xa, và được phục vụ tận tình từ nhân viên website.
- Ý nghĩa đối với cá nhân sinh viên: Tạo một website thân thiện và hiệu
quả hơn trong việc quản lý hay bán các mặt hàn. Hoàn thành tốt đồ án tốt
nghiệp đồng thời qua đó nâng cao trình độ của mình.

5. Bố cục của đồ án
Sau phần Mở đầu, báo cáo được trình bày trong ba chương, cụ thể như sau:
- Chương 1. Cơng cụ cơng nghệ. Trong chương này sẽ trình bày các
công cụ công nghệ để xây dựng website.
- Chương 2. Phân tích thiết kế hệ thống. Nội dung chương bao gồm
các:
- Phân tích yêu cầu
- Sơ đồ chức năng
- Phân tích cơ sở dữ liệu
- Chương 3. Xây dựng Website. Chương này trình bày giao diện của
người dùng và của người quản trị.
Cuối cùng là Kết luận, Tài liệu tham khảo và Phụ lục liên quan đến đề tài.

2


Chương 1. CƠNG CỤ CƠNG NGHỆ

1.1 Cơng cụ phần mềm
1.1.1. Visual Studio Code
Visual Studio Code là một trong những trình soạn thảo mã nguồn phổ
biến nhất được sử dụng bởi các lập trình viên. Nhanh, nhẹ, hỗ trợ đa nền tảng,
nhiều tính năng và là mã nguồn mở chính là những ưu điểm vượt trội khiến Visual
Studio Code ngày càng được ứng dụng rộng rãi.

Hình 1: Ứng dụng của Visual Studio Code

Visual Studio Code có thể hỗ trợ nhiều ngơn ngữ lập trình, hỗ trợ đa nền
tảng, cung cấp kho tiện ích mở rộng, kho lưu trữ an tồn, hỗ trợ web, lưu trữ dữ
liệu dạng phân cấp, hỗ trợ viết code, hỗ trợ thiết bị đầu cuối, màn hình đa nhiệm,
hỗ trợ Git.

3


1.1.2. Microsoft SQL Server

Hình 2: Ứng dụng Microsoft SQL Server

Microsoft SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ được phát triển
bởi Microsoft. Là một máy chủ cơ sở dữ liệu, nó là một sản phẩm phần mềm có chức năng
chính là lưu trữ và truy xuất dữ liệu theo yêu cầu của các ứng dụng phần mềm khác. Có thể
chạy trên cùng một máy tính hoặc trên một máy tính khác trên mạng (bao gồm cả Internet).
Microsoft tiếp thị ít nhất một chục phiên bản Microsoft SQL Server khác nhau, nhắm
vào các đối tượng khác nhau và cho khối lượng công việc khác nhau, từ các ứng dụng máy
đơn nhỏ đến các ứng dụng Internet lớn có nhiều người dùng đồng thời.

1.2. Cơng nghệ

1.2.1. HTML , CSS
HTML được viết tắt của từ “Hyper Text Markup Language” dùng để
xây dựng và cấu trúc lại các thành phần có trong website.

4


Hình 3: HTML

HTML giúp người tạo và cấu trúc các thành phần trong trang web hoặc
ứng dụng, phân chia các đoạn văn, heading, links, blockquotes, vâng vâng.
CSS là viết tắt của từ “Cascading Style Sheets” , nó là một ngơn ngữ
được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ
đánh dấu (HTML).

Hình 4: Đoạn code dùng CSS

Có thể hiểu CSS đóng vai trị như một cơng cụ giúp chúng ta thêm vào
những thay đổi về mặt hình thức như đổi bố cục, màu sắc, font chữ. CSS hoạt động
bằng cách khoanh vùng chọn dựa vào tên một thẻ HTML, ID hay Class.
Từ đó, áp dụng những thuộc tính cần thay đổi lên vùng được chọn.
Hình 5: Sử dụng JavaScript

5


1.2.2. C#
C# (C Sharp, đọc là "xi-sáp") là một ngôn ngữ lập trình hướng đối tượng đa năng,
mạnh mẽ được phát triển bởi Microsoft, C# là phần khởi đầu cho kế hoạch .NET của họ.
Tên của ngôn ngữ bao gồm ký tự thăng theo Microsoft nhưng theo ECMA là C#, chỉ bao

gồm dấu số thường. Microsoft phát triển C# dựa trên C++ và Java. C# được miêu tả là
ngôn ngữ có được sự cân bằng giữa C++, Visual Basic, Delphi và Java.
C# được thiết kế chủ yếu bởi Anders Hejlsberg kiến trúc sư phần mềm nổi tiếng
với các sản phẩm Turbo Pascal, Delphi, J++, WFC. Phiên bản gần đây nhất là 9.0, được
phát hành vào năm 2020 cùng với Visual Studio 2019 phiên bản 16.8.

Hình 5: Ngơn Ngữ C#

1.2.3. ASP.Net
ASP.NET là một nền tảng ứng dụng web (web application framework) được phát
triển và cung cấp bởi Microsoft, cho phép những người lập trình tạo ra những trang web
động, những ứng dụng web và những dịch vụ web. Lần đầu tiên được đưa ra thị trường
vào tháng 1 năm 2002 cùng với phiên bản 1.0 của.NET framework, là công nghệ nối
tiếp của Microsoft's Active Server Pages(ASP). ASP.NET được biên dịch dưới
dạng Common Language Runtime (CLR), cho phép những người lập trình viết mã
ASP.NET với bất kỳ ngôn ngữ nào được hỗ trợ bởi.NET language.

6


Hình 6: Ngơn ngữ ASP.Net

1.2.4. SQL Server

7


Chương 2. PHÂN TÍCH MƠ HÌNH HỆ THỐNG
2.1 Phân tích yêu cầu
2.1.1. Yêu cầu chức năng hệ thống

Về phía người dùng: - Đăng nhập
Khi khách hàng đăng nhập và nhập đúng thơng tin thì sẽ chuyển đến
trang chủ của website bán đồng hồ. Nếu khách hàng nhập không đúng thông
tin thì hệ thống sẽ hiển thị thơng báo “Sai Tên Đăng Nhập Hoặc Mật Khẩu”
và khách hàng sẽ phải nhập lại.

- Tìm kiếm sản phẩm
Khi khách hàng tìm kiếm sản phẩm thì hệ thống sẽ hiển thị sản
phẩm theo từ khóa gần giống nhất cho khách hàng. Và khách hàng có thể
lọc tìm sản phẩm theo giá, màu sắc, kích thước, chất liệu hoặc thương hiệu
của sản phẩm để người dùng có thể chọn phù hợp với nhu cầu của mình.

- Xem chi tiết sản phẩm
Khi khách hàng bấm vào sản phẩm sẽ được chuyển đến trang chi
tiết sản phẩm của sản phẩm đó, ở đây hệ thống sẽ hiển các thơng tin của
sản phẩm đó và khách hàng có thể thêm sản phẩm vào giỏ hàng hoặc mua
ngay tại đây.

- Thêm giỏ hàng
Khi khách hàng chọn và ấn thêm sản phẩm vào giỏ hàng thì sản
phẩm sẽ được thêm vào trong giỏ hàng của khách hàng và khách hàng có
thể điều chỉnh tăng giảm số lượng hoặc xố bỏ sản phẩm đấy tuỳ thích tại
giỏ hàng của mình.

- Đặt hàng
Khi khách hàng muốn đặt hàng thì vào phần giỏ hàng để thanh
toán, khi bấm nút thanh toán sẽ đưa khách hàng đến trang thanh tốn để
điền chính xác thơng tin giao hàng và đặt hàng.
Khách hàng cũng có thể đặt hàng bằng cách bấm vào nút mua ngay
để đến trang thanh tốn và điền các thơng tin giao hàng rồi đặt hàng.

Về phía Admin:

- Đăng nhập
Thơng tin đăng nhập sẽ được tạo sẵn do người thiết kế website cung
cấp.

- Quản lý sản phẩm
Người quản trị có thể tạo khuyến mãi cho sản phẩm, có thể thay đổi
thơng tin của các sản phẩm và thêm sửa hoặc xoá các sản phẩm.
8


- Quản lý khách hàng
Người quản trị sẽ quản lý được số lượng khách hàng sử dụng, xem
được thông tin khách hàng

- Quản lý đơn hàng
Người quản trị kiểm tra được tình trạng đơn hàng, thơng tin của
đơn hàng của khách hàng.
2.1.2. Yêu cầu về hình thức
- Giao diện bắt mắt, thân thiện và dễ dùng
- Logo, màu sắc, phông chữ được thiết kế hài hoà
- Thân thiện với các cơng cụ tìm kiếm để các khách hàng dễ dàng tìm kiếm
- Hỗ trợ tư vấn – hỏi đáp

2.2 Sơ đồ chức năng
2.2.1 Sơ đồ UseCase chung

Hình 7: Sơ đồ Usecase


9


2.2.2 Về người dùng

Hình 8: Sơ đồ Usecase của khách hàng

2.2.3 Về người quản trị

Hình 9: Sơ đồ Usecase của Admin

10


2.3 Phân tích cơ sở dữ liệu
2.3.1. Bảng tài khoản
Tên cột

Kiểu dữ liệu

Mô tả

Idtaikhoan

Varchar(15)

Primary Key

ho


Varchar(20)

ten

Varchar(50)

gioitinh

Varchar(5)

sodienthoai

Varchar(10)

email

Varchar(50)

ngaysinh

date

matkhau

Varchar(100)

loaitaikhoan

Int(11)


tinhtrang

Int(11)

thoigian

datetime
Bảng 1: Bảng tài khoản

2.3.2. Bảng món ăn
Tên cột

Kiểu dữ liệu

Mơ tả

IDmonan

Varchar(15)

Primary Key, Foreign
Key

IDloai

Varchar(15)

Foreign Key

Tenmonan


Varchar(100)

Giamonan

Int(11)
Bảng 2: Bảng món ăn

11


2.3.3. Bảng nhóm mặt hàng

Tên cột

Kiểu dữ liệu

Mơ tả

IDloai

Varchar(15)

Primary Key

Tenloai

Varchar(80)
Bảng 3: Bảng nhóm sản phẩm


2.3.4. Bảng giỏ hàng
Tên cột

Kiểu dữ liệu

Mô tả

IDgiohang

Int(11)

Primary Key

IDtaikhoan

Varchar(15)

Foreign Key

IDmonan

Varchar(15)

Foreign Key

Soluong

Int(11)

Thoigian


datetime
Bảng 4: Bảng giỏ hàng

2.3.5. Bảng đơn hàng
Tên cột

Kiểu dữ liệu

Mô tả

IDdonhang

Varchar(15)

Primary Key, Foreign
Key

IDtaikhoan

Varchar(15)

Foreign Key

Diachi

Varchar(100)

Tongtien


Int(11)

Giam

Int(11)

Phuongthucthanhtoan

Int(11)
12


Phivanchuyen

Int(11)

Magiamgia

Varchar(15)

Tinhtrang

Int(11)

Thoigian

datetime
Bảng 5: Bảng đơn hàng

2.3.6. Bảng chi tiết đơn hàng

Tên cột

Kiểu dữ liệu

Mô tả

IDchitietdonhang

Varchar(15)

Primary Key

IDdonhang

Varchar(20)

Foreign Key

IDsanpham

Varchar(50)

Foreign Key

Soluong

Varchar(5)
Bảng 6: Bảng chi tiết đơn hàng

13



Chương 3. XÂY DỰNG WEBSITE
3.1. Giao diện cho người dùng
3.1.1. Giao diện trang đồ ăn

Hình 10: Trang Đồ ăn

3.1.2. Giao diện trang đồ uống

Hình 11: Trang đồ uống

14


3.1.3. Giao diện trang giỏ hàng

Hình 12: Trang giỏ hàng

3.2. Giao diện Admin
3.2.1. Trang Login

Hình 13. Trang Login

15


KẾT LUẬN
1. Kết quả đạt được
Sau thời gian thục hiện đề tài em đạt được một số kết quả sau:

Về phía người dùng:
-

Tìm kiếm sản phẩm

-

Xem chi tiết sản phẩm

-

Thêm sản phẩm vào giỏ hàng

-

Xem giỏ hàng

-

Xoá sản phẩm khỏi giỏ hàng

-

Thêm thông tin địa chỉ nhận hàng khi đặt hàng

-

Xem được trạng thái đơn hàng

-


Xem được các tin tức

Về phía người quản trị:
-

Đăng nhập

-

Quản lý người dùng

-

Quản lý đơn hàng

-

Quản lý sản phẩm

-

Cập nhật thêm sửa xoá các bài tin tức

Về bản thân:
-

Hiểu rõ được quy trình bán hàng trực tuyến

-


Tìm hiểu và nắm khá rõ về các cơng cụ để xây dựng website

-

Thiết kế giao diện dễ nhìn

2. Hạn chế và hướng phát triển
2.1. Hạn chế
Đề tài còn một số hạn chế như sau:

16


- Chưa thể hoàn thành đầy đủ các chức năng của trang web như ban đầu đã
đưa ra.
- Cơ sở dữ liệu nhỏ, chức năng phân quyền chưa tối ưu
- Chưa kết hợp xử lý chức năng thanh toán hoá đơn
2.2. Hướng phát triển
Đề tài có thể tiếp tục hồn thiện và phát triển theo các nội dung sau:
- Xây dựng website đáp ứng đầy đủ yêu cầu nghiệp vụ
- Phân quyền hệt thống và quản trị tối ưu
- Kết hợp chức năng thanh toán trực tiếp hay qua thẻ ATM, liên kết với hệ
thống ngân hàng.

17