Đồ Án môn học thiết kế web Đề tài booking nhà hàng

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌCNGUYỄN TẤT THÀNH KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN MÔN HỌC THIẾT KẾ WEB ĐỀ TÀI: BOOKING NHÀ HÀNG Giảng viên hướng dẫn: ThS... Trong thời gian làm việc,

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC

NGUYỄN TẤT THÀNH KHOA CÔNG NGHỆ THÔNG TIN

ĐỒ ÁN MÔN HỌC THIẾT KẾ WEB

ĐỀ TÀI: BOOKING NHÀ HÀNG

Giảng viên hướng dẫn: ThS NGUYỄN THỊ HOÀI THU Sinh viên thực hiện: LÊ TRẦN NHẬT HUY

MSSV: 2311554255 Chuyên ngành: CÔNG NGHỆ THÔNG TIN Môn học: Lập trình Web

Khóa: 2023 - 2025

Tp.HCM, tháng 11 năm 2024

LỜI CẢM ƠN

Em xin gửi lời cảm ơn đến giảng viên Nguyễn Thị Hoài Thu đã tận tình giúp

đỡ, trực tiếp chỉ bảo, hướng dẫn em trong suốt quá trình thực hiện học phần Trong thời gian làm việc, em không ngừng tiếp thu thêm nhiều kiến thức bổ ích mà còn học tập được tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, đây là những điều rất cần thiết cho em trong quá trình học tập và công tác sau này

Do kiến thức còn hạn chế, thời gian tập hợp các tài liệu chưa đủ nên trang Web này chưa thể hoàn chỉnh và còn nhiều hạn chế cần được khắc phục trong thời gian tới Vì thế rất mong được các thầy cô góp ý và hướng dẫn trang Web của chúng em làm được tốt hơn

Em xin gửi lời cảm ơn chân thành tới Ban Lãnh đạo và các đồng nghiệp, bạn

bè đã động viên, đóng góp ý kiến và giúp đỡ em trong quá trình học tập, nghiên cứu và hoàn thành khoá luận tốt nghiệp Một lần nữa, em xin chân thành cảm ơn.!

LỜI MỞ ĐẦU

“Booking nhà hàng ” là công trình nghiên cứu của em trong thời gian qua,

không sao chép lại từ cá nhân hoặc tổ chức nào khác Những kết quả đạt được do

em tự nghiên cứu, các số liệu kết quả đúng với thực tế Các kết quả này chưa từng công bố trong bất kỳ tài liệu nào khác Em xin hoàn toàn chịu trách nhiệm trước nhà trường về lời cam đoan này

3

THÔNG TIN KẾT QUẢ NGHIÊN CỨU Thông tin chung

Tên đề tài : Booking nhà hàng

Sinh viên thực hiện : LÊ TRẦN NHẬT HUY

Hệ đào tạo : Chính quy

Điện thoại : 0354420265

Email : nguyenminhanh20202005@gmail.com

Thời gian thực hiện : Tháng 10 năm 2024

Tính cấp thiết của đề tài

Cùng với sự phát triển mạnh mẽ của Internet, ngày nay, việc sở hữu một Website không còn là điều xa lạ, thậm chí trong một số trường hợp còn là tiêu chuẩn bắt buộc đối với doanh nghiệp – công ty trong thời điểm cạnh tranh mang tính toàn cầu như hiện nay

Mục tiêu

Hỗ trợ CB-CNV truy vấn các danh mục theo nhu cầu một cách nhanh nhất Nắm bắt được công nghệ thiết kế web bằng PHP, MYSQL, HTML, JQUERY, JAVASCRIPT, CSS

Ứng dụng mô hình MVC vào xây dựng trang web

Ứng dụng Frameword Laravel vào xây dựng trang web

Nội dung chính

Tìm hiều, ứng dụng các ngôn ngữ lập trình vào thiết kế website (PHP,

MYSQL)

Thiết kế đặc tả hệ thống

Xây dưng cơ sở dữ liệu trên MySQL

Xây dựng các module quản lý

Tìm hiểu về PHP, MySQL, Laravel, phục vụ trong quá trình xây dựng trang

web

4

Kết quả chính đạt được

Tìm hiểu nắm bắt được các kiến thức về HTML, CSS, JQUERY, PHP, MYSQL,

…

TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH

KỲ THI KẾT THÚC HỌC PHẦN

=== o0o ===

PHIẾU CHẤM THI ĐỒ ÁN

23DTH1C

Sinh viên thực hiện:Lê Trần Nhật Huy

L.509

Đề tài tiểu luận/báo cáo của sinh viên: Thiết kế Website

Phần đánh giá của giảng viên (căn cứ trên thang rubrics của môn học):

Tiêu chí

Điểm tối đa

Điểm đạt được

Cấu trúc của báo cáo

Nội dung

- Các nội dung thành phần

- Lập luận

5

- Kết luận

Trình bày

Giảng viên chấm thi

(ký, ghi rõ họ tên)

Th.S Nguyễn Thị Hoài Thu

6

MỤC LỤC

ĐẦU 2

ƠN 3

DẪN 4

CỨU 5

HÌNH 5

DANH MỤC CHỬ VIẾT TẮT Error! Bookmark not defined

CHƯƠNG 1: TỔNG QUAN VỀ CÔNG NGHỆ THIẾT KẾ WEBSITE

Error!

Bookmark not defined

1.1 Tìm hiểu về các ngôn ngữ lập trình Error! Bookmark not defined

1.1.1 Ngôn ngữ HTML Error! Bookmark not defined 1.1.2 Ngôn ngữ CSS Error! Bookmark not defined 1.1.3 Ngôn ngữ lập trình PHP E

rror! Bookmark not defined

1.1.4 Mô hình MVC Error! Bookmark not

defined

1.2 Một số thư viện hỗ trợ Error! Bookmark not defined

1.2.1 Thư viện Javascript Error! Bookmark not defined 1.2.2 Thư viện Ajax Error! Bookmark not defined 1.2.3 Thư viện BOOTSTRAP Error!

Trang 1

Bookmark not defined 1.2.4 Thư viện JQUERY

Error! Bookmark not defined

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE

Error! Bookmark not defined

2.1 Khảo sát và đặc tả yêu cầu Error! Bookmark not defined

2.1.1 Bảng phân quyền truy cập

2.1.2 Giao diện chung

 Giao diện trang chủ

 Giao diện đăng ký

 Giao diện đăng nhập

2.1.3 Giao diện người dùng Error! Bookmark not

defined

 Giao diện nhân viên

 Giao diện trưởng trạm

 Giao diện phó giám đốc

 Giao diện của Giám đốc và Ban điều hành (Tổng giám đóc)

năng 12 2.3 Phân tích thiết kế

hệ thống 13

CHƯƠNG 3: THIẾT KẾ VÀ XÂY DỰNG WEBSITE 14

thị 15

thị 16 3.1.2 Giao diện giới thiệu 17 3.1.3 Giao diện lĩnh vực hoạt động 18 3.1.4 Giao

Trang 2

diện văn hóa EVN 19 3.1.5 Giao diện liên hệ 20 CHƯƠNG 4: TRIỂN KHAI THIẾT KẾ WEB

………21 4.2 Cơ sở dữ liệu

………22 4.3 Sơ đồ thiết kế hệ thống Web - ERD (Entity Relationship Diagram) 22 4.4

……… 23 4.5 Sổ tay hướng dẫn sử dụng trang Web ……… 24

KẾT

LUẬN 25

KHẢO 25

DANH MỤC CÁC BẢNG VÀ HÌNH ẢNH

1 Trang chủ

Hình 1:

Hình 2:

2 Giới thiệu

Hình 1:

3 Lĩnh vực hoạt động

Hình 1:

Hình 2:

4 Cac so do

Trang 3

Trang 4

CFD quy trình đăng ký

B1: Khách hàng truy cập trang web

B2: Nhập thông tin cá nhân: SĐT, Email,

B3: Xác nhận điều khoản sử dụng

B4: Xác nhận thông tin

B5: Hoàn thành đăng kí

Trang 5

CFD quy trình đăng nhập

B1: Khách hàng truy cập trang web

B2: Nhập thông tin đã đăng kí

B3.1: Đăng nhập thành công

B3.2: Đăng nhập thất bại, đăng nhập lại

CFD thanh toán:

B1 Chọn sản phẩm cần thanh toán

B2 Báo giá sản phẩm (TT sản phẩm)

B3 Chọn hình thức thanh toán/kiểm tra tt giao dịch

B4 Xác thực thông tin khách hàng

B5 Duyệt đơn thanh toán (dưới 10m)

B6 Duyệt đơn thanh toán (trên 10m)

B7 Xuất bill thanh toán

B8 Xác nhận thanh toán

B9 Thông báo thanh toán thành công/thất bại

Trang 6

CFD quy trình Lịch sử giao dịch:

1) Yêu cầu kiểm tra lịch sử giao dịch

2) Nhận yêu cầu từ Customer và xác nhận thông tin cần truy vấn

3) Kiểm tra cơ sở dữ liệu giao dịch, xác minh quyền truy cập

4)Gửi thông tin được xác minh đến Manager để phê duyệt

5) Kiểm tra và phê duyệt yêu cầu truy xuất lịch sử giao dịch

6) Tổng hợp dữ liệu giao dịch dựa trên thông tin được phê duyệt

7) Nhận dữ liệu giao dịch từ Officer và chuẩn bị phản hồi

8) Nhận thông tin lịch sử giao dịch từ Cashier

CFD giỏ hàng

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

2) Nhận yêu cầu và xác nhận sản phẩm, số lượng trong giỏ hàng

3) Kiểm tra tính hợp lệ (giá, tồn kho, ưu đãi nếu có)

4) Phê duyệt danh sách sản phẩm trong giỏ hàng (nếu cần thiết)

5) Gửi phản hồi xác nhận trạng thái giỏ hàng về cho Custome

Trang 7

CFD thêm giỏ hàng

B1: Khách hàng truy cập

B2: Chọn dịch vụ

B3: Duyệt dịch vụ

B4: Hiện thị đơn giá, số lượng (chi tiết thông tin đơn)

B5: Thanh toán

Sơ đồ tổ chức hệ thống:

Trang 8

Sơ đồ web

Trang 9

Sơ đồ quản lí Website

Sơ đồ DFD

Trang 10

KẾT LUẬN

Kết quả của đề tài Hạn chế của đề tài Hướng phát triển của đề tài

Trang 11

TÀI LIỆU THAM KHẢO

Các tài liệu tiếng việt

[1] Tài liệu bài giảng môn “Thiết kế website” của thầy Nguyễn Mai Huy [2] Kênh Youtube: Mai Huy Nguyen, Bo Dua Group

Các trang web tham khảo tài liệu:

[3] https://www.w3schools.com/

[4] https://getbootstrap.com/2.3.2

[5] http://css - tricks.com

[6] http://jquery.com

Trang 12