ĐỒ ÁN CƠ SỞ 1 Đề tài: Thiết kế website công nghệ bán hàng đồ ăn - GoFood. TS. PHẠM NGUYỄN MINH NHỰT

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

ĐỒ ÁN CƠ SỞ 1
Đề tài: Thiết kế website công nghệ bán hàng đồ
ăn - GoFood

Sinh viên thực hiện

: LÊ TẤT MINH QUÂN (20IT7)
HỒ TẤN ĐẠT (20IT10)

Giảng viên hướng dẫn: TS. PHẠM NGUYỄN MINH NHỰT


Đà nẵng, ngày 31 tháng 5 năm 2021

-

2 -


NHẬN XÉT
(Của giảng viên hướng dẫn)
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………

………………………………………………………………………………………………

-

3 -


MỤC LỤC
MỤC LỤC...........................................................................................................................................................4
LỜI CẢM ƠN......................................................................................................................................................5
CHƯƠNG I. GIỚI THIỆU TỔNG QUAN...............................................................................................................7
1.1. Lí do chọn đề tài........................................................................................................................................7
1.2. Mục tiêu của đề tài....................................................................................................................................7
1.3 Đối tượng của website...........................................................................................................................8
1.4 Đặc điểm:................................................................................................................................................9
........................................................................................................................................................................10
Chương II. PHÂN TÍCH VÀ THIẾT KẾ GIAO DIỆN.............................................................................................11
2.1.Các thông tin đầu ra đầu vào của hệ thống:........................................................................................11
2.2.Tác nhân:...............................................................................................................................................11
2.3.Kết quả thiết kế giao diện:...................................................................................................................11
Trang chủ.........................................................................................................................................................11
.........................................................................................................................................................................11
Trang đăng nhập:............................................................................................................................................12
Trang đăng kí:..................................................................................................................................................13
Fanpage chính:................................................................................................................................................14
Sắp xếp theo đánh giá món ăn:......................................................................................................................15
KẾT LUẬN - HƯỚNG PHÁT TRIỂN....................................................................................................................16

-

4 -


LỜI CẢM ƠN
Lời đầu tiên, em xin cảm ơn đến tồn thể các q thầy cơ giáo
khoa Khoa học máy tính đã ln đồng hành cùng chúng em trong những
năm bước vào ngưỡng Đại học, giúp chúng em học cách tự lập và tự
mình tìm tịi, khám phá những điều mới mẻ. Thầy cô đã giúp chúng em
rất nhiều trong việc định hướng học tập.
Chúng em cũng xin gửi lời cảm ơn đến thầy Phạm Nguyễn Minh
Nhựt, thầy đã định hướng giúp chúng em có thể chọn được một đề tài
phù hợp với khả năng của mình, đồng thời giúp đỡ trong việc giải đáp và
tìm hiểu các thơng tin mà chúng em gặp vướng mắc không thể giải đáp
được.
Chúng em xin gửi lời cảm ơn đến tất cả các bạn đã giúp đỡ em có
thêm nhiều thơng tin bổ ích cho đề tài để hoàn thiện đồ án của mình.

-

5 -


LỜI MỞ ĐẦU
Ngày nay Internet đã trở thành dịch vụ phổ biến và thiết yếu và có
ảnh hưởng sâu rộng tới thói quen, sinh hoạt, giải trí của nhiều người.
Cùng với sự phát triển nhanh chóng của Internet thì các hình thức mua
và bán hàng hóa cho mọi người ngày càng đa dạng và phát triển hơn.
Các ứng dụng Web ngày càng trở nên phổ biến. Trước nhu cầu đó, cùng
với u cầu mơn học, nhóm chúng em quyết định chọn đề tài “Xây dựng
Website công nghệ bán hàng đồ ăn – GoFood”

Trong phạm vi Đồ án cơ sở 1, nhóm thực hiện đề tài dưới sự
hướng dẫn của TS. Phạm Nguyễn Minh Nhựt đã nghiên cứu “Tên đề tài
ghi ở đây”. Bố cục của đề tài gồm có 02 chương, cụ thể:
- Chương 1. Giới thiệu tổng quan. Chương này trình bày lý do,
mục tiêu cũng như đặc điểm của đề tài.
- Chương 2. Phân tích và thiết kế giao diện. Chương này tìm hiểu
các u cầu, từ đó thiết kế giao diện (front end) của Website.
Phần cuối của đề tài là kết luận cũng như hướng nghiên cứu, mở
rộng phát triển đề tài trong thời gian đến.

-

6 -


CHƯƠNG I. GIỚI THIỆU TỔNG QUAN
1.1. Lí do chọn đề tài
Công nghệ thông tin ngày càng phát triển và xuất hiện trong hầu hết các lĩnh
vực , đặc biệt là khu vực kinh doanh. Trong thực tế rất nhiều ngành trong lĩnh vực
kinh doanh đã áp dụng công nghệ để thu lại lợi nhuận, trong đó có hình thức kinh
doanh online. Hình thức kinh doanh này khơng chỉ mang lại lợi ích cho các nhà
kinh doanh mà cịn phục vụ cho nhu cầu cấp thiết trong cuộc sống hiện đại của
người tiêu dùng.
Có hai nền tảng cơng nghệ cơ bản được áp dụng để xây dựng hệ thống bán
hàng là ứng dụng di động và website.Tuy nhiên ,ứng dụng di động có những hạn
chế như:người dùng phải tải ứng dụng trên điện thoại di động mới có thể truy cập
vào bán hàng online ,cùng với đó , khi ứng dụng có phiên bản mới phải thơng báo
đến người dùng và người dùng phải tải lại ứng dụng hoặc update bản cập nhật
mới , mới có thể sử dụng được những tính năng mới của ứng dụng .Đồng thời nhà
phát triển cũng phải thiết kế giao diện để sao cho hệ thống xuất hiện đẹp , khơng

vỡ , xơ lệch hình ảnh trên các phiên bản di động thông minh khác nhau …Trong
khi đó việc thiết kế website sẽ giải quyết được vấn đề rắc rối đó .Người dùng chỉ
cần truy cập website trên chính trình duyệt trên máy tính hoặc điện thoại hoặc bất
kì thiết bị điện tử nào truy cập được internet.Khi có phiên bản mới người dùng chỉ
cần reload lại trang web là sẽ được tự động cập nhật mà không ảnh hưởng nhiều
đến việc sử dụng của người dùng .Nhà phát triển cũng chỉ cần thiết kế của website
được hiển thị đẹp nhất trên các phiên bản trình duyệt vốn ổn định hơn với các thiết
bị di động thông minh …
Hiện tại, công nghệ website và ứng dụng hoàn toàn phù hợp với các thiết bị
mobe và table, cơng nghệ ứng dụng chạy đa nền tảng thích hợp cho việc kinh
doang online giới thiệu sản phẩm hơn sử dụng app.
1.2. Mục tiêu của đề tài
Mục tiêu của đề tài là thiết kế giao diện Website cho các đối tượng sử dụng
và đảm bảo các chức năng cụ thể như sau:
-

7 -


+ Nội dung hấp dẫn, đầy đủ, phù hợp với mọi đối tượng sử dụng.
+ Được sắp xếp, bố cục một cách hợp lý, tạo điều kiện cho người đọc dễ
định hướng trong Website.
+ Hình thức đẹp phù hợp với chủ đề, nội dung, thân thiện với người dùng.
1.3 Đối tượng của website
Website được xây dựng phục vụ hai đối tượng chính là Administrator (nhà
quản trị) và Khách hàng với các chức năng sau:
•

Admin có những chức năng sau

-

Đăng nhập Website

-

Xem, cập nhật, xố thơng tin sản phẩm.

-

Quản lí đơn đặt hàng

Xem, trả lời ý kiến, góp ý và phản hồi của khách hàng hoặc xố các thơng
tin đó từ khách hàng.
-

Xem, xố các thơng tin của khách hàng nhưng khơng được quyền thay đổi
thơng tin đó.
-

-

Cập nhật tin tức

•

Khách hàng, bao gồm:

-

Guest: Khách viếng thăm

•

+

Xem thơng tin sản phẩm cũng như các tin tức khác

+

Đăng kí thành viên

User:
+

Đã có tài khoản

+

Có quyền đăng nhập, đăng xuất, đổi mật khẩu

+

Đặt mua sản phẩm

+

Được hưởng các quyền ưu tiên như thông báo sản phẩm mới nhất,
download file…
-

8 -


1.4 Đặc điểm:
Xây dựng một hệ thống bán hàng trực tuyến đơn giản, thân thiện, dễ sử
dụng, cho phép khác hàng xem thông tin và đặt hàng qua mạng, người quản trị
quản lý các thông tin về sản phẩm cũng như người dùng.
•

Website được thiết kế với

-

Giao diện hài hồ, thân thiện, giúp người dùng dễ dàng sử dụng.

Trang chủ sẽ hiển thị danh sách các sản phẩm mới nhất và bán chạy nhất
giúp cho người dùng có thể dễ dàng hơn trong việc tìm kiếm.
-

Khách hàng có thể dễ dàng tìm thấy thơng tin chi tiết các loại mặt hàng
mà họ quan tâm.
-

Khách hàng có thể chọn mua các loại mặt hàng mà họ cần dựa trên khả
năng tài chính và chức năng cần thiết bằng cách thêm vào giỏ hàng
-

-

Có chức năng đăng ký, đăng nhập.

Khách hàng có thể gửi ý kiến phản hồi, góp ý đến Website để góp phần làm
Website thêm phong phú và phát triển.
Xây dựng một hệ thống bán hàng trực tuyến đơn giản, thân thiện, dễ sử
dụng, cho phép khác hàng xem thông tin và đặt hàng qua mạng, người quản trị
quản lý các thơng tin về sản phẩm cũng như người dùng.
•

Các module:

-

Module sản phẩm

Hiển thị thông tin và phân loại sản phẩm trong gian hàng ảo. Sản phẩm hiển
thị lên website sẽ được hiển thị đầy đủ thông tin về sản phẩm đó như: hình ảnh, tên
sản phẩm, đặc điểm nổi bật của sản phẩm, giá,…
-

Module giỏ hàng

Khi tham khảo đầy đủ thơng tin về sản phẩm khách hàng có thể đặt mua sản
phẩm ngay tại Website thông qua chức năng giỏ hàng mà không cần phải đến địa
điểm giao dịch, giỏ hàng được làm mô phỏng như giỏ hàng trong thực tế có thể
thêm, bớt, thanh tốn tiền các sản phẩm đã mua. Khi chọn thanh toán giỏ hàng
-

9 -

khách hàng phải ghi đầy đủ các thông tin cá nhân, thông tin này được hệ thống lưu
trữ và xử lý.
-

Module đăng ký thành viên và đăng nhập hệ thống

Mỗi khách hàng giao dịch tại Website sẽ được quyền đăng ký môt tài khoản riêng.
Tài khoản này sẽ được sử dụng khi hệ thống yêu cầu. Một tài khoản do khách hàng
đăng ký sẽ lưu trữ các thông tin cá nhân của khách hàng.
-

Module tìm kiếm sản phẩm, tin tức, tư vấn

Khách hàng sẽ được cung cấp chức năng tìm kiếm trên Website.
-

Trang tin tức

Tư vấn cho khách hàng muốn tìm hiểu về cơng thức và cách thức của mặt
hàng…
-

Trang giới thiệu

Giới thiệu các thông tin về về cửa hàng, phương châm bán hàng…
-

Trang trợ giúp:

Khách hàng có thể liên hệ với nhân viên bán hàng về các thắc mắc, ý kiến
của mình.
-

Module quản lý sản phẩm, đơn hàng

Người quản trị có thể cập nhật thơng tin các mặt hàng, loại hàng, quản lý
thông tin đơn hàng.
-

Module khác

-

10 -


Chương II. PHÂN TÍCH VÀ THIẾT KẾ GIAO DIỆN
2.1.Các thơng tin đầu ra đầu vào của hệ thống:
- Thông tin đầu vào: Thông tin khách hàng; Thông tin sản phẩm; Các phản
hồi; Đơn đặt hàng
- Thông tin đầu ra: Chi tiết về sản phẩm; Hóa đơn; Các phản hồi
2.2.Tác nhân:
-

Khách hàng, bao gồm: User; Guest (Khách viếng thăm)

-

Admin

2.3.Kết quả thiết kế giao diện:
• Trang chủ

-

11 -


• Trang đăng nhập:

-

12 -


• Trang đăng kí:

-

13 -


• Fanpage chính:

Hình ảnh demo nhóm fanpage chính của shop

- Giúp người dùng theo dõi, cập nhật tin tức của website hằng ngày:
+ Các mã giảm giá
+ Cập nhật các món mới ở các quán mỗi ngày

+ Thêm các địa chỉ ở các quán mới khai trương

-

14 -


• Sắp xếp theo đánh giá món ăn:

-

15 -


KẾT LUẬN - HƯỚNG PHÁT TRIỂN
Kết quả đã làm:
+ Xây dựng được các chức năng cơ bản của 1 website giới thiệu bán hàng.
+ Chức năng hiển thị thông báo, hiển thị giỏ hàng.
+ Sắp xếp sản phẩm theo đánh giá, theo vị trí.
Ưu điểm:
+ Cơ bản nắm được các bước xây dựng một website bán hàng trực tuyến,
thực hiện đúng quy trình.
+ Xây dựng được bố cục trang web hợp lí, bước đầu thực hiện được nghiệp
vụ của hệ thống.
+ Giao diện website thân thiện với người dùng
Hạn chế:
+ website nhỏ, mang tính chất mơ phỏng.
+ Chưa kết nối được với cơ sở dữ liệu,
+ Chưa kết hợp xử lí chức năng thanh tốn hóa đơn.
Hướng phát triển:

+ Xây dựng website sử dụng được đáp ứng đầy đủ yêu cầu nghiệp vụ của hệ
thống.
+ Phân quyền và quản trị tối ưu.
+ Xây dựng được một hệ thống cơ sở dữ liệu phong phú và đầy đủ.
+ 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).

-

16 -


-

17 -