Tailieunhanh Xay Dung Website Kinh Doanh Nha Hang Am Thuc Nhat Bannihonfood 2252

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 58

lOMoARcPSD|16911414

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP.HCM


KHOA CÔNG NGHỆ THÔNG TIN

ĐỒ ÁN HỌC PHẦN
Tên học phần: LẬP TRÌNH WEB

XÂY DỰNG WEBSITE KINH DOANH


NHÀ HÀNG ẨM THỰC NHẬT BẢN
NIHONFOOD

Giảng viên hướng dẫn: ThS. Dương Thành Phết


Sinh viên thực hiện:
MSSV Họ và tên Lớp
191106064 Võ Thị Cẩm Vy 19DTHJA
6 2
191106247 Trương Thiên Lảnh 19DTHJA
1 2
191106125 Trần Ngọc Hưng 19DTHJA
4 2

TP. Hồ Chí Minh, 4/2022

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

LỜI NÓI ĐẦU


Cùng với sự phát triển của các lĩnh vực kinh tế, xã hội, nhu
cầu ứng dụng công nghệ thông tin ngày càng cao và không ngừng
biến đổi. Khi hệ thống càng phát triển, càng phức tạp thì các
phương thức quản lý cổ điển truyền thống sẽ trở nên cồng kềnh và
khó có thể đáp ứng yêu cầu ngày càng cao của hệ thống. Để xử lý
các thông tin một cách nhanh chóng, chính xác và có hiệu quả, đòi
hỏi phải có sự hỗ trợ của một công cụ hiện đại, đó chính là công
nghệ thông tin. Sự phát triển nhảy vọt của công nghệ thông tin đã
tác động mạnh mẽ đến các hoạt động xã hội, làm thay đổi một
cách sâu sắc đến phong cách sống và làm việc của một xã hội.

Công nghệ thông tin đã trở thành trụ cột chính của nền kinh
tế tri thức, ứng dụng công nghệ thông tin vào việc quản lý các
hoạt động xã hội và nghiên cứu hay trao đổi mua bán. Phạm vi
ứng dụng của công nghệ thông tin ngày càng mở rộng trên nhiều
lĩnh vực: Truyền thông, đo lường, tự động hoá, quản lý các hoạt
động của con người và xã hội . Những lợi ích mà các phần mềm
ứng dụng mang lại là đáng kể như: Xử lý thông tin nhanh chóng,
chính xác, khoa học, giảm bớt nhân lực và công sức, phí tổn thấp
và hiệu quả công việc nâng cao một cách rõ rệt.

Việc ứng dụng tin học vào các lĩnh vực cửa cuộc sống ngày
càng được quan tâm và sử dụng hiệu quả. Đem lại lợi ích to lớn về
mọi mặt. Với đề tài “ website kinh doanh nhà hàng ẩm thực Nhật
Bản Nihonfood” website được xây dựng với nhu cầu của sự nhanh
– tiện, người dùng có thể đặt đồ ăn online chỉ bằng vài thao tác
đơn giản

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

LỜI CẢM ƠN
Chúng em xin gửi lời cảm ơn chân thành đến thầy Dương
Thành Phết đã hướng dẫn chúng tôi trong suốt quá trình học và
quá trình làm báo cáo đồ án này. Xin gửi lời cảm ơn đến các bạn
trong nhóm đã nhiệt tình cống hiến trong suốt thời gian học tập
nhằm thực hiện tốt dự án và học hỏi thêm nhiều kinh nghiệm quý
báu.

Mặc dù đã nỗ lực hết sức mình nhưng đồ án của chúng em


khó tránh khỏi những thiếu sót. Chúng em rất mong nhận được sự
thông cảm và sự chỉ bảo tận tình của quý thầy cô và các bạn để
thực hiện tốt đồ án này.

Do chưa có nhiều kinh nghiệm nghiên cứu, thực hành nên đề


tài thực hiện còn nhiều thiếu sót, chúng em mong nhận được đóng
góp ý kiến của thầy để đề tài được hoàn thiện hơn.

Chúng em xin chân thành cảm ơn!

Sinh viên thực hiện

Võ Thị Cẩm Vy
Trương Thiên Lảnh
Trần Ngọc Hưng

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

PHIẾU PHÂN CÔNG NHIỆM VỤ


THỰC HIỆN ĐỒ ÁN HỌC PHẦN: LẬP TRÌNH WEB

1. Tên đề tài: XÂY DỰNG WEBSITE KINH DOANH NHÀ HÀNG ẨM


THỰC NHẬT BẢN NIHONFOOD

2. Giảng viên hướng dẫn: ThS. Dương Thành Phết

Tự đánh giá
Nội dung công việc thực
TT MSS/Họ tên Tỷ lệ &
hiện
Điểm
1911061254 – Sản phẩm và chi tiết
- – Đăng ký, đăng nhập
– Đăng nhập admin,
1 Trần Ngọc Hưng trang chủ admin 30%
– Các chức năng của
Admin 8.5
– Báo cáo, chương 1,2
1911062471
- – Giao diện
Trương Thiên Lảnh – Trang chủ
– Phân trang
2 – Giao diện Form News 40%
– Giao diện Form About 9
– Nhúng API
– Báo cáo, chương 5

1911060646 – Các sơ đồ UC
- – Cơ sở dữ liệu 30%
– Giỏ hàng
Võ Thị Cẩm Vy – Đặt hàng 8.5
3
– Báo cáo, chương 3,4

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

MỤC LỤC
Chương I: GIỚI THIỆU ĐỀ TÀI..................................................................6
1.1 LÝ DO CHỌN ĐỀ TÀI...................................................................6
1.2 MỤC TIÊU CỦA NHÓM..............................................................6
1.3 GIỚI THIỆU ĐỀ TÀI......................................................................7
1.4 MỘT SỐ CÔNG NGHỆ SỬ DỤNG..........................................7
1.4.1 ASP.NET MVC 5..........................................................................7
1.4.2 JQUERY......................................................................................8
1.4.3 NODEJS......................................................................................8
1.4.4 REACTJS.....................................................................................8
1.4.5 API...............................................................................................9
1.4.6 SQL..............................................................................................9
1.4.7 Mô Hình ENTITY FRAMEWORK.............................................11
1.5 HỆ THỐNG NGƯỜI DÙNG......................................................12
1.6 YÊU CẦU CHỨC NĂNG............................................................13
1.6.1. Đối với người quảng trị................................................................13
1.6.2. Đối với người dùng......................................................................13
1.7 YÊU CẦU PHI CHỨC NĂNG...................................................13
1.8 PHẠM VI DỰ ÁN.........................................................................13
Chương II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG...................................15
2.1 MÔ TẢ CHỨC NĂNG.................................................................15
2.2 TRANG NGƯỜI DÙNG..............................................................15
2.3 TRANG NGƯỜI QUẢN LÍ (ADMIN)....................................16
2.4 PHÂN TÍCH CHỨC NĂNG NGƯỜI DÙNG........................17
2.5 PHÂN TÍCH CHỨC NĂNG CỦA ADMIN............................18
2.6 SƠ ĐỒ TỔNG QUÁT USE CASE...........................................19
2.6.1 Use case quản lý nghiệp vụ............................................19
2.6.2 Use case quản lý đối tượng cơ bản..............................21
2.6.3 Use case quản lý đối tượng ngoài................................21
2.6.4 Use case phân rã chức năng quản lý giỏ hàng.......23
2.6.5 Class Diagram......................................................................24
4

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Chương III: CƠ SỞ DỮ LIỆU.....................................................................25


Chương IV: THỰC HIỆN SẢN PHẨM......................................................28
4.1 GIAO DIỆN NGƯỜI DÙNG......................................................28
4.1.1 Giao diện tổng quát...........................................................28
4.1.2 Giao diện trang chủ...........................................................29
4.1.3 Giao diện Menu....................................................................29
4.1.4 Giao diện chi tiết sản phẩm............................................32
4.1.5 Giao diện giỏ hàng.............................................................33
4.1.6 Chức năng phân trang......................................................35
4.1.7 Bảng tin..................................................................................35
4.1.8 Chi tiết bảng tin...................................................................37
4.1.10 Thanh toán............................................................................40
4.1.11 Plugin Facebook..................................................................41
4.1.12 API Google Maps.................................................................42
4.2 GIAO DIỆN NGƯỜI QUẢN LÝ (ADMIN)..........................42
4.2.1 Đăng nhập ADMIN..............................................................42
4.2.2 Chức năng quản lý món ăn.............................................44
Chương V: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN................................49
5.1 KẾT LUẬN........................................................................................49
5.1.1 Kết quả đạt được.......................................................................49
5.1.2 Hướng phát triển.......................................................................49
5.2 KIẾN NGHỊ.........................................................................................49
TÀI LIỆU THAM KHẢO............................................................................50

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Chương I: GIỚI THIỆU ĐỀ TÀI

1.1 LÝ DO CHỌN ĐỀ TÀI


– Mang văn hóa và ẩm thực Nhật Bản đến Việt Nam.
– Đáp ứng được nhu cầu nhanh – tiện.
– Đáp ứng nhu cầu đặt đồ ăn online. Khách hàng có thể đặt đồ
ăn, ở nhà hàng ở mọi nơi và sẽ được giao đến tận nơi một
cách nhanh chóng tiện lợi.
– Đáp ứng được vấn đề hết bàn vào phút cuối, hủy bàn, hủy
kèo vào những thời điểm tụ tập bạn bè. Với chức năng online,
khách hàng có thể đặt trước bàn ưa thích cho thời gian họp
bạn muốn và được thông báo trước nếu có bất kỳ sự hủy bỏ
nào và vẫn có cơ hội đặt bàn trước ở một chi nhánh khác của
nhà hàng.
– Việc có mặt trực tuyến sẽ giúp chủ nhà hàng tiếp cận rộng
rãi với những khách hàng thường xuyên đặt món từ nhà hàng
và bạn có thể tăng doanh thu một cách suôn sẻ trong cùng
một khoản đầu tư.
1.2 MỤC TIÊU CỦA NHÓM
– Mang văn hóa và ẩm thực Nhật Bản đến Việt Nam.
– Cung cấp chuỗi nhà hàng tiện lợi mang phong cách Nhật
Bản.
– Phát triển nhà hàng với qui mô lớn hơn để từ đó nhiều người
sẽ biết tới hơn và trọn nhà hàng là nơi thưởng thức ẩm thực
Nhật Bản.
– Tạo ra nét đặc trưng, riêng biệt của chuỗi nhà hàng Nhật.
– Nắm vững các kiến thức cơ bản về lập trình web.
– Tìm hiểu về ASP.NET MVC, ENTITY FRAMEWORK, HTML, CSS.
– Bảo mật thông tin trên website, thông tin cá nhân người
dùng.

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

– Màu sắc cân đối đẹp mắt và thân thiện.


– Giao diện hỗ trợ đa màn hình, tương thích với từng thiết bị và
trình duyệt.

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

1.3 GIỚI THIỆU ĐỀ TÀI

Nhà hàng NihonFood là nhà hàng với phong cách Nhật Bản
có địa chỉ tại số ….. Nhà hàng có không gian rộng với tổng diện
tích sử dụng gần 600 m2 gồm 3 phòng VIP lớn phục vụ từ 10 đến
30 khách, nhà sàn với sức chứa 140 khách. Nhà Sàn với diện tích
280m2 được coi là nhà hàng mang phong cách Nhật Bản đẹp và
lớn nhất thành phố HCM , được đặt tại vị trí rất thuận lợi cho giao
thông nhưng vẫn tách biệt gần như với sự ồn ào vốn có của một
thành phố. Không gian nhà hàng, từ những chậu cây xanh được bố
trí như những điểm nhấn sinh động cho đến những luồng gió mát
được thổi từ nhiều hướng.

Không chỉ nổi tiếng những món sashimi , sushi trứ danh với
các nguyên liệu tươi ngon nhất được đánh bắt tại Việt Nam hoặc
vận chuyển trực tiếp từ chợ hải sản lừng danh Tsukiji và Osaka của
Nhật Bản, nhà hàng nhật bản Nihon còn có khu Yakitori &Beer
Kitchen, nơi các đầu bếp thực hiện món nướng yakitori với các
nguyên liệu cũng nổi bật không kém như bò Wagyu hay bò Angus
được nướng trên bếp than đỏ rực để mang lại những hương vị
tuyệt vời nhất. Tinh hoa ẩm thực Nhật Bản với mỗi món ăn là một
tác phẩm nghệ thuật cùng sự tận tâm của hơn 20 đầu bếp hàng
đầu đã làm nên hương vị Nhật Bản thuần khiết.

1.4 MỘT SỐ CÔNG NGHỆ SỬ DỤNG

1.4.1 ASP.NET MVC 5


Asp.Net MVC là một Framework sử dụng .Net Framework cho
việc phát triển ứng dụng web động, trước khi Asp.Net MVC ra đời,
lập trình viên sử dụng công nghệ Asp.Net Web Form trên nền
tảng .Net Framework để phát triển ứng dụng Web động.

Asp.Net MVC phát triển trên mẫu thiết kế chuẩn MVC, cho
phép người sử dụng phát triển các ứng dụng phần mềm. MVC là
tên một mẫu phát triển ứng dụng, phương pháp này chia nhỏ một

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

ứng dụng thành ba thành phần để cài đặt, mỗi thành phần đóng
một vai trò khác nhau và ảnh hưởng lẫn nhau, đó là models, views,
và controllers.

Tách bạch các tác vụ của ứng dụng (logic nhập liệu, business
logic, và logic giao diện), dễ dàng kiểm thử và mặc định áp dụng
hướng phát triển TDD. Tất cả các tính năng chính của mô hình
MVC được cài đặt dựa trên interface và được kiểm thử bằng cách
sử dụng các đối tượng mocks, mock object là các đối tượng mô
phỏng các tính năng của những đối tượng thực sự trong ứng dụng.
Bạn có thể kiểm thử unit-test cho ứng dụng mà không cần chạy
controller trong tiến trình ASP.NET, và điều đó giúp unit test được
áp dụng nhanh chóng và tiện dụng. Bạn có thể sử dụng bất kỳ nền
tảng unit-testing nào tương thích với nền tảng .NET.

1.4.2 JQUERY
JQuery là thư viện được viết từ JavaScript, jQuery giúp xây
dựng các chức năng bằng Javascript dễ dàng, nhanh và giàu tính
năng hơn.

JQuery không phải là một ngôn ngữ lập trình riêng biệt mà
hoạt động liên kết với JavaScript. Với jQuery, bạn có thể làm được
nhiều việc hơn mà lại tốn ít công sức hơn. jQuery cung cấp các API
giúp việc duyệt tài liệu HTML, hoạt ảnh, xử lý sự kiện và thao tác
AJAX đơn giản hơn. JQuery hoạt động tốt trên nhiều loại trình duyệt
khác nhau.

1.4.3 NODEJS
NodeJS là một nền tảng được xây dựng trên V8 JavaScript
Engine – trình thông dịch thực thi mã JavaScript, giúp xây dựng các
ứng dụng web một cách đơn giản và dễ dàng mở rộng.

Phần Core bên dưới của Nodejs được viết hầu hết bằng C++
nên cho tốc độ xử lý và hiệu năng khá cao.

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Nodejs tạo ra được các ứng dụng có tốc độ xử lý nhanh,


realtime thời gian thực và được áp dụng cho các sản phẩm có
lượng truy cập lớn, cần mở rộng nhanh, cần đổi mới công nghệ,
hoặc tạo ra các dự án Startup nhanh nhất có thể.

1.4.4 REACTJS
ReactJS được hiểu nôm na là một thư viện trong đó có chứa
nhiều JavaScript mã nguồn mở và cha đẻ của ReactJS đó chính là
một ông lớn với cái tên ai cũng biết đó chính là Facebook. Mục đích
của việc tạo ra ReactJS là để tạo ra những ứng dụng website hấp
dẫn với tốc độ nhanh và hiệu quả cao với những mã hóa tối thiểu.
Và mục đích chủ chốt của ReactJS đó chính là mỗi website khi đã
sử dụng ReactJS thì phải chạy thật mượt thật nhanh và có khả
năng mở rộng cao và đơn giản thực hiện.

Trong React, thay vì thường xuyên sử dụng JavaScript để thiết


kế bố cục trang web thì sẽ dùng JSX. JSX được đánh giá là sử dụng
đơn giản hơn JavaScript và cho phép trích dẫn HTML cũng như việc
sử dụng các cú pháp thẻ HTML để render các subcomponent. JSX
tối ưu hóa code khi biên soạn, vì vậy nó chạy nhanh hơn so với
code JavaScript tương đương.

1.4.5 API
API là viết tắt của Application Programming Interface –
phương thức trung gian kết nối các ứng dụng và thư viện khác
nhau. Nó cung cấp khả năng truy xuất đến một tập các hàm hay
dùng, từ đó có thể trao đổi dữ liệu giữa các ứng dụng.

Web API: là hệ thống API được sử dụng trong các hệ thống


website. Hầu hết các website đều ứng dụng đến Web API cho phép
bạn kết nối, lấy dữ liệu hoặc cập nhật cơ sở dữ liệu. Ví dụ: Bạn
thiết kế chức nằng login thông Google, Facebook, Twitter, Github…
Điều này có nghĩa là bạn đang gọi đến API của. Hoặc như các ứng
dụng di động đều lấy dữ liệu thông qua API.

10

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

1.4.6 SQL
– Hệ quản trị cơ sở dữ liệu SQL Server

SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ


(Relational Database Management System (RDBMS) sử dụng câu
lệnh SQL (Transact-SQL) để trao đổi dữ liệu giữa máy Client và máy
cài SQL Server. Một RDBMS bao gồm databases, database engine
và các ứng dụng dùng để quản lý dữ liệu và các bộ phận khác
nhau trong RDBMS.

SQL Server được tối ưu để có thể chạy trên môi trường cơ sở


dữ liệu rất lớn (Very Large Database Environment) lên đến Tera-
Byte và có thể phục vụ cùng lúc cho hàng ngàn user. SQL Server
có thể kết hợp “ăn ý” với các server khác như Microsoft Internet
Information Server (IIS), E-Commerce Server, Proxy Server….

Một vài ấn bản SQL Server: Enterprise Standard developer


Workgroup Express.

– Các thành phần cơ bản trong SQL Server

SQL Server được cấu tạo bởi nhiều thành phần như Database
Engine, Reporting Services, Notification Services, Integration
Services, Full Text Search Service…. Các thành phần này khi phối
hợp với nhau tạo thành một giải pháp hoàn chỉnh giúp cho việc lưu
trữ và phân tích dữ liệu một cách dễ dàng.

– Các thành phần chính SQL Server:

Database Engine: Đây là một engine có khả năng chứa dữ


liệu ở các quy mô dưới dạng support và table. Ngoài ra, nó còn có
khả năng tự điều chỉnh ví dụ: trả lại tài nguyên cho hệ điều hành
khi một user log off và sử dụng thêm các tài nguyên của máy khi
cần.

Integration Services: là tập hợp các đối tượng lập trình và các
công cụ đồ họa cho việc sao chép, di chuyển và chuyển đổi dữ

11

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

liệu. Khi bạn làm việc trong một công ty lớn thì dữ liệu được lưu
trữ ở nhiều nơi khác nhau như được chứa trong: Oracle, SQL
Server, DB2, Microsoft Access… và bạn chắc chắn sẽ có nhu cầu di
chuyển dữ liệu giữa các server này. Ngoài ra, bạn còn muốn định
dạng dữ liệu trước khi lưu vào database. Chắc chắn Integration
Services sẽ giúp bạn giải quyết được công việc này dễ dàng.

Analysis Services: Đây là một dịch vụ phân tích dữ liệu rất


hay của Microsoft. Dữ liệu khi được lưu trữ vào trong database mà
bạn không thể lấy được những thông tin bổ ích thì coi như không
có ý nghĩa gì. Chính vì thế, công cụ này ra đời giúp bạn trong việc
phân tích dữ liệu một cách hiệu quả và dễ dàng bằng cách dùng
kỹ thuật khai thác dữ liệu – Data mining và khái niệm hình khối
nhiều chiều – multidimensional cubes.

Notification Services: Dịch vụ thông báo này là nền tảng cho


sự phát triển và triển khai các ứng dụng soạn và gửi thông báo.
Ngoài ra, dịch vụ này còn có chức năng gửi thông báo theo dịch
thời đến hàng ngàn người đăng ký sử dụng trên nhiều loại thiết bị
khác nhau.

Reporting Services: là một công cụ tạo, quản lý và triển khai


báo cáo bao gồm: server và client. Ngoài ra, nó còn là nền tảng
cho việc phát triển và xây dựng các ứng dụng báo cáo.

Full Text Search Service: là một thành phần đặc biệt trong
việc truy vấn và đánh chỉ mục dữ liệu văn bản không cấu trúc được
lưu trữ trong các cơ sở dữ liệu SQL Server.

1.4.7 Mô Hình ENTITY FRAMEWORK


– Khái niệm Entity Framework.

Entity Framework được phát hành lần đầu tiên vào năm
2008, nó là phương tiện tương tác chính giữa các ứng dụng .NET
và cơ sở dữ liệu quan hệ. Entity Framework là một ánh xạ quan hệ
đối tượng (ORM), một loại công cụ giúp đơn giản hóa ánh xạ giữa
12

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

các đối tượng trong phần mềm của bạn với các bảng và cột của cơ
sở dữ liệu quan hệ. Entity Framework có mã nguồn mở độc lập
với .NET Framework.

Entity Framework đảm nhiệm việc tạo các kết nối cơ sở dữ


liệu và thực thi các lệnh, cũng như lấy kết quả truy vấn và tự động
ánh xạ các kết quả đó thành các đối tượng trong ứng dụng của
bạn. Ngoài ra, Entity Framework giúp theo dõi các thay đổi của đối
tượng và cập nhật các thay đổi đó trở lại cơ sở dữ liệu cho bạn.

Entity Framework được thiết kế nhằm mục đích tăng năng


suất của nhà phát triển bằng cách giảm các công việc dư thừa như
là duy trì dữ liệu được sử dụng trong các ứng dụng.

Entity Framework có thể tạo các câu lệnh truy cấn cần thiết
để đọc hoặc ghi dữ liệu trong cơ sở dữ liệu và thực thi chúng cho
bạn.

Entity Framework sẽ thực hiện các truy vấn có liên quan


trong cơ sở dữ liệu và sau đó ánh xạ kết quả trả về thành các đối
tượng để bạn làm việc trong ứng dụng của mình.

Entity Framework có lớp ánh xạ chi tiết hơn để bạn có thể tùy
chỉnh ánh xạ. Ví dụ, bằng cách ánh xạ một thực thể vào nhiều
bảng trong cơ sở dữ liệu hoặc thậm chí nhiều thực thể vào một
bảng.

– Kiến trúc của Entity Framework

Application (ứng dụng): Tầng chứa giao diện tương tác với
người dùng, có thể là ứng dụng web hoặc ứng dụng Windows
Forms. Tầng này thường sử dụng Repository pattern để làm việc
với cơ sở dữ liệu thông qua Entity Framework.

Object Services: Tầng chứa quá trình tương tác giữa ứng
dụng và database, hay nói cách khác nó là nơi chủ yếu để truy cập
dữ liệu từ database và trả ngược kết quả về giao diện. Object

13

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Services cung cấp các tiện ích để truy vết các thay đổi và cập nhật
thay đổi trở lại ở database.

EntityClient Data Provider: Đây là tầng cung cấp các kết nối,
diễn dịch các truy vấn thực thể thành truy vấn nguồn dữ liệu, trả
về data reader để EF dùng chuyển dữ liệu thực thể thành các đối
tượng. Phần này kết nối ADO.NET Data Providers để gửi hoặc lấy
dữ liệu từ database.

ADO.NET Data Providers: Đây là tầng thấp nhấp để dịch các


truy vấn LINQ to Entity thành các câu lệnh SQL và thực thi các câu
lệnh trong hệ thống DBMS. Tầng này kết với database sử dụng
ADO.NET.

Entity Data Model (EDM): Entity Data Model gồm 3 phần


chính: mô hình khái niệm (CSDL – Conceptual schema definition
language), mô hình ánh xạ (MSL – mapping specification language)
và mô hình lưu trữ (SSDL – store schema definition language).
Entity Data Model khác với EntityClient Data Provider ở chỗ nó sử
dụng LINQ là ngôn ngữ truy vấn tương tác với database.

Mô hình khái niệm (CSDL): Mô hình khái niệm chứa các lớp
mô hình và mối quan hệ giữa các lớp này. Nó độc lập với mô hình
quan hệ các bảng trong database.

Mô hình lưu trữ (SSDL): Mô hình lưu trữ là 1 mô hình thiết kế


database bao gồm các table, view, stored procedure, mối quan hệ
giữa chúng các bảng và khóa. Mô hình này thể hiện gần giống mô
hình quan hệ các bảng trong database.

Mô hình ánh xạ (MSL): Mô hình ánh xạ gồm thông tin về cách


mô hình khái niệm được ánh xạ đến mô hình lưu trữ.

1.5 HỆ THỐNG NGƯỜI DÙNG

Website sẽ có 3 loại người dùng:

14

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

– Người dùng không có tài khoản trên website: Có thể sử dụng


các chức năng đặt đồ ăn, tìm kiếm thông tin món ăn, xem tin
tức văn hóa ẩm thực Nhật.
– Người dùng có tài khoản trên website: Có thể sử dụng tất cả
chức năng của trang web như, đặt món ăn, ngoài ra còn được
giảm giá, rút thăm trúng thưởng...
– Người dùng là Admin của hệ thống: Quản lí tài khoản người
dùng và quản trị nội dung website.
1.6 YÊU CẦU CHỨC NĂNG

1.6.1. Đối với người quảng trị


– Quản lí tài khoản khách hàng, quản lí về nhà hàng, món
ăn tin tức văn hóa. ẩm thực thông qua các tác vụ thêm,
xóa, sửa.
– Xử lí khắc phục các lỗi trên website.
– Tạo tài khoản, cấp quyền cho thành viên quản trị.

1.6.2. Đối với người dùng


– Đăng nhập và đăng kí.
– Xem tin tức về văn hóa ẩm thực Nhật.
– Xem những thôn tin món ăn của nhà hàng.
– Đặt đồ ăn trực tuyến.
1.7 YÊU CẦU PHI CHỨC NĂNG
– Hỗ trợ khách hàng khi sử dụng các dịch vụ của nhà hàng
như thông tin cá nhân liên quan đến khách hàng được
đảm bảo an toàn.
– Giao diện thân thiện và đơn giản với người dùng. Ẩm thực
và tin tức văn hóa Nhật được trình bày bắt mắt, dễ dàng
tìm kiếm.
– Website có dung lượng không quá lớn, tốc độ xử lý nhanh.
– Việc tính toán đảm bảo tính chính xác cao và không chấp
nhận sai sót.
– Đảm bảo an toàn dữ liệu khi chạy.
15

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

– Mang đến trải nghiệm tuyệt vời về văn hóa sứ mặt trời
mọc cho những người chưa từng tiếp xúc.
1.8 PHẠM VI DỰ ÁN

Xây dựng website ẩm thực chạy trên đa màn hình, đa trình


duyệt, sử dụng công nghệ ASP.NET MVC, ENTITY FRAMEWORK,
HTML, CSS, chạy được trên đa nền tảng. Tạo được một trang web
giúp người tiêu dùng tiết kiệm thời gian thay vì phải bỏ ra để tìm
hiểu trực tiếp. Mang văn hóa ẩm thực sứ hoa anh đào đến với
người Việt. Ngoài ra, chủ nhà hàng còn có thể thu lại một khoảng
tiền với các quảng cáo, hợp tác trên website của mình mang lại..

16

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Chương II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG


2.1 MÔ TẢ CHỨC NĂNG

Qua quá trình khảo sát theo những tiêu chí của các trang
web về lĩnh vực ẩm thực và ý kiến khách quan từ nhiều nguồn
xung quanh như bạn bè, anh chị, người khách hàng đã và đang sử
dụng các dịch vụ online mua hàng đặt biệt là những người đã từng
sử dụng dịch vụ từ đó chúng tôi đã thiết kế ra 2 giao diện chính đó
là giao diện người dùng và giao diện quản trị viên.

2.2 TRANG NGƯỜI DÙNG

Khách hàng là những người có nhu cầu về sử dụng dịch vụ tại


nhà hàng và khi đến với trang web thì phải có giao diện bắt mắt,
người dùng dễ thao tác và sử dụng vì vậy giao diện được thiết kế
với những tiêu chí sau đây:

– Hiển thị các món ăn mới nhất, các món ăn hot hay được bán
chạy nhất.
– Hiển thị các món ăn được sắp xếp theo một tiêu chí cụ thể
giúp khách hàng dễ dàng tìm kiếm.
– Có menu chi tiết cụ thể và đầy đủ về thức ăn, đồ uống.
– Các món ăn được đặt hàng nhiều nhất sẽ hiện ở trang chủ
giúp người mua dễ dàng lựa chọn sản phẩm.
– Phân bố dàn trang logic, dễ theo dõi.
– Màu sắc trang nhã, sử dụng màu sắc trendy.
– Link trang thân thiện giúp người dùng dễ dàng tìm kiếm.
– Có các bài viết về nguồn gốc và câu chuyện của nó tạo sự
hứng thú, quan tâm cho người dùng.

Về sản phẩm của nhà hàng:

– Phân loại thành nhiều chuyên mục loại sản phẩm khác
nhau.

17

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

– Ngoài sản phẩm chính ra khách hàng có thể nhìn thấy


được sản phẩm tương tự mà không cần phải tìm kiếm.
– Có thể thêm, bớt, xóa, sửa nội dung trong trang linh
hoạt.

Về trang chi tiết món ăn:

– Nội dung có bố cục khoa học, đẹp mắt, thân thiện với
khách hàng, hiển thị đầy đủ chi tiết thông tin về các loại
sản phẩm.
– Sản phẩm liên quan đến sản phẩm đang xem.
– Thể hiện đầy đủ kích cỡ, số lượng một cách chi tiết.
– Nút đặt hàng cho mỗi sản phẩm.
– Có thể thêm sản phẩm, giảm sản phẩm và xóa sản phẩm.

Thông tin khách hàng – đăng kí đăng nhập:

– Có thể xem được chi tiết thông tin của cá nhân và cập
nhật thêm thông tin cho bản thân.
– Muốn thay đổi mật khẩu có thể thay đổi ngay khi đã đăng
nhập.
– Xem thông tin đơn hàng đã được xử lý.
– Đăng ký thành viên, để được giảm giá
– Đăng nhập để đặt món ăn.
– Tích hợp thanh toán trực tuyến từ nhiều hình thức khác
nhau như VN PAY, Momo…
2.3 TRANG NGƯỜI QUẢN LÍ (ADMIN)

Đăng nhập để quản trị tất cả nội dung trên website, người làm chủ
ứng dụng có quyền kiểm soát mọi hoạt động của hệ thống, nó đòi
hỏi sự chính xác các thao tác quản trị. Người này được cấp
username và password để đăng nhập hệ thống thực hiện chức
năng của mình như:

Quản lý danh mục sản phẩm:

18

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

– Thêm mới danh mục món ăn đồ uống.

– Cập nhật danh mục sản phẩm.

– Xóa danh mục.

– Tìm kiếm danh mục trong trang quản trị.

Quản lý đồ ăn, thức uống:

– Xem tất cả đồ ăn, thức uống.

– Tìm đồ ăn, thức uống.

– Tạo đồ ăn, thức uống mới theo từng chuyên mục, loại đồ
ăn, thức uống.

– Sửa nội dung đồ ăn, thức uống, hoặc đồ ăn, thức uống
sang danh mục, thể loại tin khác.

– Cập nhật giá đồ ăn, thức uống và các thông tin khác.

– Xóa đồ ăn, thức uống.

Chức năng viết bài, viết đồ ăn, thức uống:

– Tích hợp bộ soạn thảo nội dung tương tự Microsoft Office


Word.

– Tải lên hình ảnh mới trong bài viết.

– Chèn hình ảnh vào nội dung bài viết, chèn liên kết.

– Tự động hoàn thành liên kết tiêu đề seo phục vụ cho seo
website.

Quản lý media (hình ảnh):

– Xem ảnh hiện có trên website.

– Tải lên hình ảnh mới, xóa ảnh cũ.

– Quản trị users và phân quyền trong hệ thống admin:

– Xem danh sách tài khoản thành viên và quản trị viên.

– Xem danh sách quyền hạng trong hệ thống.


19

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

– Tạo tài khoản quản trị mới toàn quyền quản trị thêm, sửa,
xóa.

– Tạo tài khoản thành viên hạn chế quyền.

– Phân quyền tài khoản.

– Khóa tài khoản của khách hàng hoặc quản trị viên.

Thống kê doanh số bán hàng:

– Thống kê doanh thu bán hàng trong tuần trong tháng, tính
lợi nhuận thu được.
2.4 PHÂN TÍCH CHỨC NĂNG NGƯỜI DÙNG

ST Nội dung Mô tả chi tiết


T

1 Đăng ký tài - Khách hàng cần đăng kí tài khoản thì mới
khoản có thể mua hàng và đặt hàng.

2 Chức năng - Khách hàng có thể tự thay đổi tài khoản –


thay đổi mật ảnh đại diện trực tiếp thông qua trang người
khẩu dùng mà không phải thông qua nhân viên
hay quản trị viên.

3 Chức năng - Khách hàng đăng nhập mới có thể đặt


đăng nhập hàng và thanh toán online hoặc thanh toán
website khi nhận hàng.

4 Thanh toán - Thanh toán trực tuyến thông qua giao diện
trực tuyến thân VN PAY hoặc Momo.

2.5 PHÂN TÍCH CHỨC NĂNG CỦA ADMIN

ST Nội dung Mô tả chi tiết


T
1 Chức năng - Người quản trị (Admin): được toàn quyền sử
phân dụng tất cả chức năng.

20

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

quyền sử - Thành viên khác hay khách hàng: không


dụng được quyền truy cập vào trang quản trị.
2 Chức năng - Xem danh sách danh mục sản phẩm hiện
quản lý có trong hệ thống.
sản phẩm - Tạo mới, cập nhật, xóa các danh mục đơn
giản thông qua thao tác quản trị.
3 Chức năng - Xem tất cả bài viết có trong hệ thống.
quản lý - Chỉnh sửa, xóa bài thông qua thao tác quản
danh sách trị.
bài viết - Bổ sung thêm các tag sản phẩm.
4 Chức năng - Tích hợp bộ soạn thảo nội dung. Tải lên
thêm viết hình ảnh mới.
bài - Chèn nội dung, mô tả, ngày tạo, hình ảnh
vào trong bài viết.
- Trạng thái của bài viết.
5 Chức năng - Xem tất cả bình luận có trong hệ thống.
quản lý - Xóa bình luận xấu.
bình luận
6 Chức năng - Thống kê các đơn hàng đặt trong tuần,
thống kê trong tháng.
- Thống kê doanh thu theo tuần, theo tháng
- Thống kê tổng doanh thu.
7 Chức năng - Xem danh sách các thương hiệu hiện có
quản lý trong hệ thống
thương - Thêm, xóa, sửa các thương hiệu thông qua
hiệu thao tác quản trị.

2.6 SƠ ĐỒ TỔNG QUÁT USE CASE


2.6.1 Use case quản lý nghiệp vụ

21

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 2.6.1 Usecase quản lý nghiệp vụ.

– Khách hàng có thể tương tác với các chức năng bao gồm:
Đặt hàng, và khi nhận hàng sẽ thanh toán.
– Admin sẽ kiểm tra thông tin khi khách hàng đặt hàng, lập
phiếu giao hàng, lập hóa đơn.

22

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

2.6.2 Use case quản lý đối tượng cơ bản

Hình 2.6.2 Use case quản lý đối tượng cơ bản.

– Khách hàng có thể lên website của nhà hàng để tìm món
ăn, xem thông tin món ăn, quản lý giỏ hàng của mình.
– Admin có thể quản lý món ăn, cập nhật món ăn, loại món
ăn.
2.6.3 Use case quản lý đối tượng ngoài

23

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 2.6.3 Use case quản lý đối tượng ngoài

24

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

– Khách hàng có thể quản lý thông tin của mình và có tác


tác vụ như cập nhật thông tin.
– Admin cũng có quyền quản lý thông tin khách hàng, có
thể tìm khách hàng, xem thông tin khách hàng.
2.6.4 Use case phân rã chức năng quản lý giỏ hàng

Hình 2.6.4 Use case phân rã chức năng quản lý giỏ


hàng

– Khách hàng có thể quản lý thông tin giỏ hàng của mình, có các
tác vụ như xem giỏ hàng, thay đổi số lượng của sản phẩm mình
đã thêm vào giỏ, xóa sản phẩm.
– Đăng nhập để dễ dàng trao đổi thông tin với admin hơn (khách
hàng không cần đăng nhập vẫn có thể quản lý giỏ hàng của
mình).

25

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

2.6.5 Class Diagram

Hình 2.6.5 Class Diagram

26

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Chương III: CƠ SỞ DỮ LIỆU

Hình 3.1 Cơ sở dữ liệu của website kinh doanh nhà hàng ẩm thực
nhật bản NIHONFOOD

Bảng khách hàng

Tên Thuộc Diễn Giải Kiểu Dữ Ràng


Tính Liệu Buộc
MAKH Mã khách int Khóa
hàng Chính
TENKHACH Tên thuộc tính nvarchar(5
0)
EMAILKHACH Email khách varchar(10
hàng 0)
SDTKHACH Số điện thoại varchar(10
)

27

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

USERKHACH Tài khoản varchar(50


)
PASSKHACH Mật khẩu varchar(50
)
NGAYSINH Ngày sinh DATETIME

28

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Bảng nhà hàng


Tên Thuộc Diễn Giải Kiểu Dữ Ràng
Tính Liệu Buộc
IDNH Id nhà hàng int Khóa
Chính
TENNH Tên thuộc tính nvarchar(2
0)
DIACHINH Email khách nvarchar(1
hàng 00)
SDTNH Số điện thoại varchar(10
)

Bảng món ăn
Tên Thuộc Tính Diễn Giải Kiểu Dữ Ràng
Liệu Buộc
MAMONAN Mã món ăn int Khóa
Chính
MALOAI Tên thuộc nvarchar(5 Khóa phụ
tính 0)
TENMONAN Tên món ăn nvarchar(1
00)
GIA Giá món ăn varchar(10
)
ANHMONANH Ảnh món varchar(50
ăn )
MOTA Mô tả varchar(50
)
NGAYCAPNHAT Ngày cập DATETIME
nhật

Bảng loại món


Tên Thuộc Diễn Giải Kiểu Dữ Ràng
Tính Liệu Buộc
MALOAI Mã loại int Khóa
29

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

món Chính
TENLM Tên loại nvarchar(3
món 0)

Bảng Admin
Tên Thuộc Diễn Giải Kiểu Dữ Ràng
Tính Liệu Buộc
USERADMIN Tài khoản varchar(50 Khóa
admin ) Chính
PASSADMIN Password varchar(50
admin )
HOTENADMI Họ tên admin nvarchar(1
N 00)

30

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Bảng đặt hàng


Tên Thuộc Tính Diễn Giải Kiểu Dữ Ràng
Liệu Buộc
MADH Mã đặt hàng int Khóa
Chính
MAKH Mã khách Int
hàng
NGAYDH Ngày đặt hàng Datetime
SDTNHAHANG Sdt nhà hàng Varchar(10)
DCNHAHANG Địa chỉ nhà Nvarchar(2
hàng 00)
IDNH Id nhà hàng Int
DATHANHTOAN Tình trạng Bit
thanh toán
TINHTRANGGIAOHANG Tình trạng Bit
giao hàng
TENNGUOINHAN Tên người nvarchar(5
nhận 0)

Bảng chi tiết đặt hàng


Tên Thuộc Diễn Giải Kiểu Dữ Ràng
Tính Liệu Buộc
MAMONAN Mã món int Khóa
ăn Chính
MADH Mã đơn int Khóa phụ
hàng
SOLUONG Số lượng Int
DONGIA Phí ship MONEY

31

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Chương IV: THỰC HIỆN SẢN PHẨM


4.1 GIAO DIỆN NGƯỜI DÙNG
4.1.1 Giao diện tổng quát

Hình 4.1 Trang chủ của website

32

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

4.1.2 Giao diện trang chủ

Hình 4.2 Trang chủ của website

– Với giao diện đơn giản nhưng bắt mắt chúng tôi mang đến
cho khách hàng sự dễ chịu, thư giãn của ẩm thực Nhật Bản.
– Khách hàng có thể dễ dàng tiếp cận với các món ăn được
hiển thị ngay trên trang chủ và được cập nhật liên tục dựa
vào ngày ra mắt món ăn.
4.1.3 Giao diện Menu

33

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 4.3 Giao diện Menu

– Khi khách hàng bấm vào trang menu sẽ hiển thị những món
ăn khác nhau dựa vào loại món ăn.

Hình 4.4 Loại món ăn

– Chức năng này sẽ giúp người dùng tìm kiếm món ăn theo loại
món ăn.
– Khi khách hàng bấm vào loại món ăn sẽ hiển thị đúng loại
món ăn đó ở trang menu.

Hình 4.5 Sắp xếp món ăn theo loại món ăn (Cơm)

34

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 4.6 Sắp xếp món ăn theo loại món ăn (Cháo)

– Giao diện đăng nhập, đăng ký.


– Khi bấm vào trang web sẽ chuyển qua trang đăng
nhập, nếu chưa có tài khoản có thể đăng ký.

Hình 4.8 Giao diện đăng nhập

– Nếu thông tin đăng nhập trùng với dữ liệu trong database
thì đăng nhập thành công và chuyển về trang chủ.
– Nếu đăng nhập thành công sẽ chuyển qua trang chủ.

35

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 4.9 Giao diện đăng ký

4.1.4 Giao diện chi tiết sản phẩm

– Khi click vào sản phẩm bất kì ở menu hoặc trang chủ sẽ đi tới
chi tiết sản phẩm của chính sản phẩm đó. Phía dưới sẽ có các
món ăn cùng loại.

– Thông tin bao gồm tên món ăn, giá, mô tả,..

36

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 4.10 Chi tiết món ăn


4.1.5 Giao diện giỏ hàng

Hình 4.11 Giao diện giỏ hàng

37

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

– Giao diện giỏ hàng ở phần số lượng có ô thay đổi dễ dàng


cho khách hàng khi sử dụng hơn.

H
ình 4.12 Giao diện giỏ hàng khi trống

38

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

4.1.6 Chức năng phân trang

Hình 4.13 Chứ năng phân trang

– Khi phân trang sẽ giúp khách hàng không phải kéo trang
xuống nhiều hơn.

4.1.7 Bảng tin

39

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 4.14 Bảng tin 1

Hình 4.15 Bảng tin 2

- Có thể xem các tin tức về nhà hàng ở trong bảng này.

40

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

4.1.8 Chi tiết bảng tin

Hình 4.16 Chi tiết bảng tin

41

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

4.1.9 Về chúng tôi

Hình 4.17 About 1

42

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 4.18 About 2

Hình 4.19 About 3

43

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 4.20 About 4


– Form này sẽ nói về những người lập ra nhà hàng.
– Video về món ăn có tại nhà hàng.

4.1.10 Thanh toán

44

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 4.21 Giao diện thanh toán

- Khi khách hàng thanh toán sẽ in những thông tin khách hàng
như họ tên, địa chỉ, sdt,...

45

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 4.22 Lời cảm ơn khách hàng sau khi thanh


toán.

4.1.11 Plugin Facebook

Hình 4.23 Viết bình luận về page.

46

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

4.1.12 API Google Maps

Hình 4.24 Liên hệ với chúng tôi tại Địa điểm

4.2 GIAO DIỆN NGƯỜI QUẢN LÝ (ADMIN)


4.2.1 Đăng nhập ADMIN
- Chỉ có admin mới được phép đăng nhập vào trang quản trị,
mỗi admin sẽ dược cấp một tài khoản để vào hệ thống quản
trị, chỉ cần nhập đúng tài khoản và mật khẩu sẽ đăng nhập
vào trong.

47

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Hình 4.25 Form login admin

- Muốn vào form quản lý bắt buộc admin phải đăng nhập vì an
toàn bảo mật.

48

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

4.2.2 Chức năng quản lý món ăn

Hình 4.26 Quản lý món ăn

- Có thể chỉnh sửa, xem chi tiết, xóa các món ăn ở form này.

4.2.3 Chi tiết món ăn ADMIN

Hình 4.27 Chi tiết món ăn

49

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

– Các thông tin như món ăn, loại món, giá món ăn, mô tả,.. sẽ
được hiển thị để admin có thể dễ dàng xem. Admin muốn
sửa thông tin thì bấm vào điều chỉnh.
4.2.4 Chức năng sửa món ăn

Hình 4.28 Khi sửa thông tin món ăn

– Khi Admin muốn chỉnh sửa thông tin món ăn sẽ hiển thị
như trên.
– Có thể chỉnh loại món, tên món, giá món ăn,..mô tả.
– Ảnh món ăn sau khi cập nhật sẽ xuống cơ sở dữ liệu.
– Bấm lưu thông tin để tất cả thông tin sẽ cập nhật xuống
cơ sở dữ liệu.

4.2.5 Chức năng xóa món ăn

Hình 4.29 Khi xóa món ăn

– Khi bấm vào xóa món ăn sẽ xóa hẳn trong cơ sở dữ liệu.

50

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

4.2.6 Quản lý thông tin khách hàng

Hình 4.30 Quản lý thông tin khách hàng


– Admin chỉ xem được các thông tin như tên, sdt.

– Không thể chỉnh sửa thông tin khách hàng.

– Được xóa khách hàng.

4.2.7 Quản lý loại món ăn

Hình 4.31 Quản lý loại món ăn


51

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

52

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

– Admin có thể thêm và xóa loại món ăn.


– Không thể xóa nếu loại món ăn đó còn được sử dụng trong
bảng món ăn.

4.2.8 Sửa chi tiết đơn đặt hàng

Hình 4.32 Sửa đơn hàng

4.2.9 Quản lý chi tiết giao hàng

Hình 4.33 Chi tiết giao hàng

53

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

4.2.10 Quản lý trang chủ

Hình 4.33 Quản lý trang chủ


– Admin có thể quản lý thông tin đơn hàng qua những thao tác như chỉnh
sửa xem chi tiết và xóa.

54

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

Chương V: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

5.1 KẾT LUẬN


5.1.1 Kết quả đạt được

CHỨC NĂNG HOÀN THIỆN

YÊU CẦU NỘI DUNG


 Menu phân cấp tự động theo loại món ăn giúp tiếp cận
người dùng dễ dàng
 Danh sách món ăn theo loại món ăn
 Danh sách bài viết cho hay cho khách hàng, phân theo
loài bài viết
 Thêm sản phẩm vào giỏ hàng dễ dàng
TRANG
 Tìm kiếm sản phẩm theo tên nhập từ bàn phím (Theo
NGƯỜI DÙNG
tên sản phẩm, tên thương hiệu, danh mục sản phẩm…)
 Tích hợp API Google Map
 Trang tin tức giúp khách hàng nắm bắt thông tin nhà
hàng dễ dàng
 Phân trang cho danh sách sản phẩm, thương hiệu
 URL thân thiện tối ưu hóa SEO
 Quản lý món ăn(Thêm, xóa, sửa Sản phẩm)
TRANG  Quản lý thông tin khách hàng(Xem, xóa)
ADMIN  Quản lý loại món ăn(Thêm, xóa, sửa Sản phẩm)
 Quản lý thông tin đặt hàng(Xem, Sửa, Xóa)
 Tạo ra được giao diện thân thiện người dùng.
Website  Bố cục trang web, thiết kế rõ ràng, hợp lý, dễ theo dõi.
 Dễ dàng đặt hàng, liên hệ, thanh toán

5.1.2 Hướng phát triển


– Trong tương lai chúng em muốn Website được hoàn chỉnh hơn về
mặt chức năng.
– Nhóm muốn thêm chức năng đặt bàn, giao hàng.
5.2 KIẾN NGHỊ

55

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)


lOMoARcPSD|16911414

TÀI LIỆU THAM KHẢO


[1] https://www.w3schools.com/php/default.asp

[2] https://www.w3schools.com/angular/default.asp

[3] https://stackoverflow.com/search?q=learning+php

[4] https://Myclass.vn

[5] http://www.tutorialsteacher.com/mvc/asp.net-mvc-tutorials

[6] https://www.w3schools.com/bootstrap4/default.asp

[7] http://thayphet.net/product-cat/176-lap-trinh-website-asp.net-
mvc-5.html

[8] Các bộ thư viện của JS

[9] Slide bài giảng và bài tập thực hành lập trình web của thầy
Dương Thành Phết.

[10] Tài liệu giáo trình + bài tập thực hành Cơ sở dữ liệu của thầy
Cao Tùng Anh.

[11] Tài liệu tham khảo tập hợp từ nhiều đồ án và nhiều trang
website.

[12] Lập trình dự án Website bán hàng ASP.NET MVC 4


(tedu.com.vn)

56

Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)

You might also like