luận văn thiết kế web ẩm thực nhà hàng

Xây dựng website giới thiệu về VNG Restaurant
www.Sharecode.org
I – GIỚI THIỆU CÁC CHỨC NĂNG CHÍNH:
Theo yêu cầu của đồ án: “Xây dựng website giới thiệu về một nhà hàng ẩm thực” cần xây
dựng một website với các chức năng đáp ứng nhu cầu thông tin, quản trị và kinh doanh
trực tuyến của nhà hàng. Đảm bảo giới thiệu, cập nhật đầy đủ thông tin của nhà hàng tới
khách hàng, tiếp nhận thông tin phản hồi từ khách hàng một cách nhanh chóng; tiện lợi
dễ dàng trong việc đặt hàng trực tuyến.
Các chức năng của trang web giới thiệu về một nhà hàng ẩm thực có thể chia thành các
nhóm chính như sau:
1. Nhóm chức năng thông tin:Nhóm chức năng này có các nhiệm vụ:
- Giới thiệu tới khách hàng các thông tin về nhà hàng (quá trình phát triển, triết
lý trong kinh doanh, thông tin về các món ăn,thực đơn và dịch vụ được cung
cấp bởi nhà hàng, thông tin chi tiết về các cở sở - chi nhánh của nhà hàng, …).
- Cập nhật các tin tức, sự kiện ẩm thực.
- Giới thiệu các món ăn, cách thức chế biến.
- Có một trang hoạt động như một diễn đàn nhỏ cho phép thành viên đăng tải
kinh nghiệm và ý kiến về ẩm thực. Đánh giá, thông tin phản hồi về cửa hàng.
- Cung cấp thông tin về các chương trình khuyến mại, hay các ưu đãi với khách
hàng thân thiết v v…
- Cung cấp chức năng tìm kiếm các thông tin theo từng chuyên mục.
2. Nhóm chức năng hệ thống:
- Cung cấp chức năng phân quyền, cập nhật các thông tin, dữ liệu trên hệ thống.
- Cho phép người quản trị chỉnh sửa các thông tin trên website phù hợp với yêu
cầu và mục đích của nhà hàng.
- Cho phép khách hàng đăng ký thông tin để đặt hàng cũng như tham gia vào
trang diễn đàn.
- Cung cấp chức năng tìm kiếm thông tin hỗ trợ cho việc quản trị cơ sở dữ liệu
trên website.
3. Nhóm chức năng kinh doanh:
- Giới thiệu các dịch vụ, món ăn, thực đơn của nhà hàng (đi kèm với biểu giá).

- Cung cấp chức năng tìm kiếm các món ăn, thực đơn, dịch vụ theo tên, biểu giá,
v v
- Cho phép khách hàng lựa chọn các món ăn theo sở thích hoặc theo các thực
đơn được xây dựng bởi nhà hàng và đặt hàng trực tuyến một cách đơn giản.
II – THIẾT KẾ CƠ SỞ DỮ LIỆU:
Nhóm 10 – TH5B Page 1
Xây dựng website giới thiệu về VNG Restaurant
www.Sharecode.org
1. Thiết kế cơ sở dữ liệu vật lý:
*Bảng DM_Douong:
Chức năng: Dùng lưu trữ danh mục đồ uống.
Câu trúc:
Tên trường Kiểu dữ liệu Null Chú thích
MaDM Int(11) Mã danh mục
TenDM Varchar(30) Tên danh mục
*Bảng Douong:
Chức năng: Lưu trữ thông tin chi tiết của các loại đồ uống.
Cấu trúc:
Tên trường Kiểu dữ liệu Null Chú thích
MaDU Int(11) Mã đồ uống
TenDU Varchar(70) Tên đồ uống
NguyenLieu Varchar(500) Nguyên liệu
Cachlam Text Cách chế biến
Gioithieu Varchar(500)  Giới thiệu đồ uống
DonGia Int(11)  Giá đồ uống
Anh Varchar(500)  Ảnh minh họa
MaDM Int(11) Mã Danh mục
*Bảng DM_Monan:
Chức năng: Lưu trữ danh mục các món ăn.
Cấu trúc:

Tên trường Kiểu dữ liệu Null Chú thích
MaDM Int(11) Mã Danh mục
TenDM Varchar(30) Tên Danh mục
Nhóm 10 – TH5B Page 2
Xây dựng website giới thiệu về VNG Restaurant
www.Sharecode.org
*Bảng Monan:
Chức năng: Lưu trữ thông tin chi tiết món ăn.
Cấu trúc:
Tên trường Kiểu dữ liệu Null Chú thích
MaMA Int(11) Mã món ăn
TenMA Varchar(70) Tên món ăn
NguyenLieu Varchar(500) Nguyên liệu
CachLam Text Cách chế biến
GioiThieu Varchar(500)  Giới thiệu món ăn
DonGia Int(11)  Giá món ăn
Anh Varchar(300)  Ảnh minh họa
MaDM Int(11) Mã Danh mục
*Bảng KhachHang:
Chức năng: Lưu trữ thông tin khách hàng.
Cấu trúc:
Tên trường Kiểu dữ liệu Null Chú thích
MaKH Int(11) Mã khách hàng
TenKH Varchar(50) Tên khách hàng
TenDangNhap Varchar(30) Tên đăng nhập
MatKhau Varchar(30) Mật khẩu
Email Varchar(50) Địa chỉ Email
Diachi Varchar(100) Địa chỉ khách hàng
DienThoai Varchar(11) Điện thoại KH
GioiTinh Bit(1)  Giới Tính

NgaySinh Date  Ngày sinh
Nhóm 10 – TH5B Page 3
Xây dựng website giới thiệu về VNG Restaurant
www.Sharecode.org
*Bảng NhaHang:
Chức năng: Lưu trữ thông tin về các cơ sở, chi nhánh của nhà hàng.
Cấu trúc:
Tên trường Kiểu dữ liệu Null Chú thích
MaCS Int(11) Mã cơ sở
TenCS Varchar(200) Tên cơ sở
Diachi Varchar(200) Địa chỉ cơ sở
GioiThieu Text  Giới thiệu cơ sở
Anh Varchar(200)  Ảnh
*Bảng Tintuc_Sukien:
Chức năng: Lưu trữ tin tức – sự kiện ẩm thực.
Cấu trúc:
Tên trường Kiểu dữ liệu Null Chú thích
MaTT Int(11) Mã tin tức
Tieude Varchar(500) Tiêu đề
Noidung Text Nội dung
NgayViet Datetime Ngày viết
Anh Varchar(200)  Ảnh
*Bảng YK_Douong
Chức năng: Lưu trữ ý kiến khách hàng về các loại đồ uống.
Cấu trúc:
Tên trường Kiểu dữ liệu Null Chú thích
MaYK Int(11) Mã ý kiến
MaDU Int(11) Mã đồ uống
Nhóm 10 – TH5B Page 4
Xây dựng website giới thiệu về VNG Restaurant

www.Sharecode.org
MaKH Int(11) Mã Khách hàng
Tieude Varchar(200)  Tiêu đề
Noidung Text Nội dung
Ngayviet DateTiem Ngày viết
*Bảng YK_Monan:
Chức năng: Lưu trữ ý kiến khách hàng về các món ăn.
Cấu trúc:
Tên trường Kiểu dữ liệu Null Chú thích
MaYK Int(11) Mã ý kiến
MaMA Int(11) Mã món ăn
MaKH Int(11) Mã Khách hàng
Tieude Varchar(200)  Tiêu đề
Noidung Text Nội dung
Ngayviet DateTime Ngày viết
*Bảng User:
Chức năng: Lưu trữ thông tin người dùng của website.
Cấu trúc
Tên trường Kiểu dữ liệu Null Chú thích
UserName Varchar(30) Tên đăng nhập
Password Varchar(30) Mật khẩu đăng nhập
Insert Bit(1) Quyền thêm
Update Bit(1) Quyền cập nhật
Delete Bit(1) Quyền xóa
Nhóm 10 – TH5B Page 5
Xây dựng website giới thiệu về VNG Restaurant
www.Sharecode.org
2.Mối quan hệ giữa các bảng dữ liệu:
III – THIẾT KẾ GIAO DIỆN:
1. Xác định yêu cầu:

Giao diện của website VNG Restaurant làm việc với hai nhóm đối tượng người dùng
chính là Người quản trị - chịu trách nhiệm quản lý cơ sở dữ liệu và Người dùng –
những người theo dõi thông tin của trang web. Đối với mỗi một nhóm đối tượng có
một yêu cầu về giao diện là khác nhau.
- Với nhóm Người quản trị: yêu cầu giao diện đơn giản, tiện dụng các chức năng
được trình bày tập trung.
Nhóm 10 – TH5B Page 6
Xây dựng website giới thiệu về VNG Restaurant
www.Sharecode.org
- Với nhóm Người dùng: có yêu cầu cao về thị giác. Để thu hút được nhóm
người này giao diện phải sinh động, hấp dẫn, gây ấn tượng mạnh về thị giác;
đồng thời các chức năng cần dễ thao tác, xử lý nhanh ….
2.Thiết kế:
Từ các yêu cầu về giao diện đã xác định được ở trên ta cần thiết kế ba phần giao diện là:
-Giao diện chung.
-Giao diện quản lý.
-Giao diện người dùng.
*Giao diện chung:
-Trang chính:
Nhóm 10 – TH5B Page 7
Xây dựng website giới thiệu về VNG Restaurant
www.Sharecode.org
-Trang đăng nhập:
*Giao diện quản lý:
Nhóm 10 – TH5B Page 8
Xây dựng website giới thiệu về VNG Restaurant
www.Sharecode.org
*Giao diện người dùng:
- Món ăn
Nhóm 10 – TH5B Page 9

Xây dựng website giới thiệu về VNG Restaurant
www.Sharecode.org
-Đồ uống:
Nhóm 10 – TH5B Page 10
Xây dựng website giới thiệu về VNG Restaurant
www.Sharecode.org
-Đăng ký:
Nhóm 10 – TH5B Page 11
Xây dựng website giới thiệu về VNG Restaurant
www.Sharecode.org
-Đặt hàng online:
Nhóm 10 – TH5B Page 12