Luận văn tốt nghiệp Khoa học máy tính: Hệ thống đặt chỗ cho nhà hàng

 Các chức năng của hệ thống còn đơn giản, chưa có tính năng mới: các vấn đề gộp bàn, tách bàn chưa được xử lý, giao diện đặt bàn chưa thân thiện hỗ trợ kéo thả, chỉnh sửa layout…, ngoài

TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA KHOA HỌC VÀ KỸ THUẬT MÁY TÍNH

LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC

- Độc lập - Tự do - Hạnh phúc

TRƯỜNG ĐẠI HỌC BÁCH KHOA

HỌ VÀ TÊN Đoàn Thị Hạ Duyên _ MSSV: 1610518

HỌ VÀ TÊN: Vũ Khắc Tình _ MSSV: 1613587 NGÀNH: Khoa học Máy tính _ LỚP:

1 Đầu đề luận án:

Phát triển hệ thống đặt chỗ cho nhà hàng _

2 Nhiệm vụ (yêu cầu về nội dung và số liệu ban đầu):

✔ Tìm hiểu và phân tích các hệ thống đặt chỗ hiện có

✔ Tìm hiểu các công nghệ hiện đại để phát triển hệ thống

✔ Nhận diện các bài toán có liên quan và đề xuất giải pháp

✔ Thiết kế hệ thống

✔ Phát triển phiên bản mẫu của hệ thống

✔ Hoàn chỉnh hệ thống

✔ Thử nghiệm và đánh giá hệ thống

3 Ngày giao nhiệm vụ luận án: 23/08/2021

4 Ngày hoàn thành nhiệm vụ: 13/12/2021

1) TS Phan Trọng Nhân Nội dung và yêu cầu LVTN đã được thông qua Bộ môn

Ngày 23 tháng 08 năm 2021

CHỦ NHIỆM BỘ MÔN GIẢNG VIÊN HƯỚNG DẪN CHÍNH

(Ký và ghi rõ họ tên) (Ký và ghi rõ họ tên)

PGS TS Trần Minh Quang TS Phan Trọng Nhân

PHẦN DÀNH CHO KHOA, BỘ MÔN:

Người duyệt (chấm sơ bộ):

KHOA KH & KT MÁY TÍNH Độc lập - Tự do - Hạnh phúc

-

Ngày 20 tháng 12 năm 2021

PHIẾU CHẤM BẢO VỆ LVTN

(Dành cho người hướng dẫn)

1 Họ và tên SV: Đoàn Thị Hạ Duyên

Họ và tên SV: Vũ Khắc Tình

2 Đề tài: Phát triển hệ thống đặt chỗ cho nhà hàng

3 Họ tên người hướng dẫn: TS Phan Trọng Nhân

4 Tổng quát về bản thuyết minh:

- Số bản vẽ vẽ tay Số bản vẽ trên máy tính:

6 Những ưu điểm chính của LVTN:

- Sinh viên có tìm hiểu và phân tích các chức năng cơ bản của một hệ thống quản lý chuỗi khách sạn

- Sinh viên dùng công nghệ hiện đại để hiện thực hệ thống, có đề xuất những giải pháp cho những bài toán liên quan, và thực hiện kiểm thử hệ thống cần thiết

7 Những thiếu sót chính của LVTN:

- Thiết kế hệ thống còn cứng nhắc, khó có thể tùy chỉnh cấu hình theo yêu cầu của từng nhà hàng

- Một số chức năng chưa được hoàn chỉnh

8 Đề nghị: Được bảo vệ  Bổ sung thêm để bảo vệ  Không được bảo vệ 

9 3 câu hỏi SV phải trả lời trước Hội đồng:

10 Đánh giá chung (bằng chữ: giỏi, khá, TB): Giỏi

Ký tên (ghi rõ họ tên)

Phan Trọng Nhân

KHOA KH & KT MÁY TÍNH Độc lập - Tự do - Hạnh phúc

2 Đề tài: Phát triển hệ thống đặt chỗ cho nhà hàng

3 Họ tên người phản biện: Ths Nguyễn Đình Thành

4 Tổng quát về bản thuyết minh:

6 Những ưu điểm chính của LVTN:

 Luận văn đã hoàn thành các chức năng quản lý hệ thống đặt chỗ cho nhà hàng

 Đã tìm hiểu và áp dụng tốt được các công nghệ liên quan

 Nghiệp vụ bài toán được nhóm phân tích và thiết kế tốt

7 Những thiếu sót chính của LVTN:

 Slide báo cáo trình bày cần ngắn gọn, súc tích, tập trung vào phần hệ thống của nhóm

 Phần thiết kế cơ sở dữ liệu ERD còn nhiều thiếu sót, cần chỉnh sửa lại

 Các chức năng của hệ thống còn đơn giản, chưa có tính năng mới: các vấn đề gộp bàn, tách bàn chưa được xử lý, giao diện đặt bàn chưa thân thiện (hỗ trợ kéo thả, chỉnh sửa layout…), ngoài ra với các chuỗi nhà hàng: chưa cho phép sao chép layout giữa các chi nhánh khác nhau

 Giao diện web còn thô sơ, chưa có tính responsive cho đa thiết bị

8 Đề nghị: Được bảo vệ ■ Bổ sung thêm để bảo vệ □ Không được bảo vệ □

9 3 câu hỏi SV phải trả lời trước Hội đồng:

10 Đánh giá chung (bằng chữ: giỏi, khá, TB): Giỏi Điểm : 8.5/10

Ký tên (ghi rõ họ tên)

Nguyễn Đình Thành

LỜI CAM ĐOAN

Nhóm xin cam đoan luận văn tốt nghiệp đề tài “Hệ thống đặt chỗ cho nhà hàng: Booking” hoàn toàn là nghiên cứu riêng của nhóm dưới sự hướng dẫn và góp ý của Thạc

Ez-sĩ Phan Trọng Nhân Những nội dung trình bày phần lớn là nhóm thu thập được đã phântích và đánh giá chọn lọc trong quá trình nghiên cứu không sao chép, đạo văn Nhữngnội dung từ những công trình nghiên cứu, nhận xét, tài liệu khác được nhóm sử dụngtham khảo tất cả đều có trích dẫn, chú thích nguồn gốc theo quy định Nhóm xin chịutrách nhiệm về lời cam đoan này cũng như nội dung luận văn Nếu có xảy ra những vấn

đề vi phạm về bản quyền, trách nhiệm hoàn toàn thuộc về nhóm nghiên cứu và khôngliên quan đến Trường đại học Bách Khoa - Đại học quốc gia Thành phố Hồ Chí Minh

LỜI CẢM ƠN

Trong quá trình tìm hiểu đề tài này này chúng em đã gặt hái được rất nhiều kiến thức vàbài học quý giá dưới sự hướng dẫn tận tâm của thầy Phan Trọng Nhân Chúng em rấtbiết ơn thầy vì đã hướng dẫn chúng em trong quá trính tìm hiểu, nghiên cứu và xây dựng

Vì kinh nghiệm và kiến thức còn hạn hẹp nên luận văn này không tránh khỏi những thiếusót Chúng em mong nhận được những góp ý đánh giá và chỉ bảo để có thể hoàn thiệnhơn

Xin bày tỏ lòng biết ơn chân thành đến tất cả mọi người Viên gạch cuối cùng này đượcxây nên không phải chỉ bởi sự cố gắng của nhóm mà nhờ rất nhiều sự hỗ trợ của mọingười Cây cầu này sẽ đưa chúng em đến tương lai một cách vững vàng nhất Xin kínhchúc tất cả các thầy cô đạt được nhiều thành công trong cuộc sống

Trân trọng cảm ơn

Nhóm sinh viên thực hiện đề tài

TÓM TẮT ĐỀ TÀI

Ezbooking là một trang web cho phép người dùng có thể đặt bàn trước khi đến nhà hàngvới các tính năng: xem các thông tin về nhà hàng, thực hiện đặt bàn tại nhà hàng yêuthích, xem các nhận xét và đánh giá về nhà hàng của những người dùng đến trước Web còn hỗ trợ cho người dùng là chủ của các nhà hàng có thể đăng ký cộng tác đểngười dùng có thể dễ dàng tiếp cận với nhà hàng

Để hoàn thành đề tài này, chúng em đã thực hiện các công việc sau:

• Khảo sát các trang web liên quan về đặt bàn cho nhà hàng như foody, nowtable,

• Đưa ra các tiêu chí cho web của nhóm

• Tìm hiểu cách hoạt động của việc tạo form đăng ký trực tuyến

• Tìm hiểu cách hoạt động của việc tạo thông tin về nhà hàng

• Tìm hiểu cách thực hiện thanh toán qua Paypal

TÓM TẮT CHƯƠNG

Chương 1: Tổng quan đề tài

Trong chương này, nhóm giới thiệu tổng quan về đề tài, đưa ra mục tiêu cho luận văn củanhóm, đồng thời nêu ra những hạn chế và giới hạn mà nhóm chưa làm được

Chương 2: Kiến thức nền tảng

Chương này trình bày những kiến thức nền tảng được sử dụng trong hệ thống Khảosát các web liên quan đang có trên mạng, đánh giá, phân tích và đưa ra những ý tưởngcho luận văn Đưa ra các khái niệm được sử dụng trong hệ thống Nêu các công nghệ

sẽ dùng để phát triển hệ thống, bao gồm: Docker, SocketIO, Express, Mongoose, JSONWeb Token, cổng thanh toán paypal

Chương này sẽ test các chức năng của hệ thống

Chương 7: Tổng kết và hướng phát triển đề tài

Chương này trình bày về các kết quả đạt được từ mục tiêu đề ra và hướng phát triển hệthống trong tương lai

1 Tổng quan đề tài 14

1.1 Giới thiệu 14

1.2 Mục tiêu 14

1.3 Phạm vi đề tài 15

1.4 Ý nghĩa đề tài 15

1.5 Thách thức 16

1.6 Kết quả cần đạt 16

2 Kiến thức nền tảng 17 2.1 Tham khảo và đánh giá các hệ thống khác 17

2.1.1 Now Table 17

2.1.2 Jamja 20

2.1.3 Grabooking 22

2.1.4 PasGo 23

2.1.5 Chuỗi nhà hàng King BBQ 24

2.1.6 Don Chicken 27

2.1.7 Chef Dzung 29

2.2 Đề xuất và đưa ra ý tưởng 30

2.3 Cơ sở lý thuyết 31

2.3.1 Mô hình MVC 31

2.3.2 RESTful API 32

2.3.3 Cơ sở dữ liệu NoSQL 34

2.3.4 Server-side Rendering 35

2.4.1 Front end - Expressjs 36

2.4.2 Back-end 37

2.5 Tích hợp thanh toán trực tuyến 40

2.5.1 Tìm hiểu về cổng thanh toán Paypal 40

2.5.2 Đăng ký tài khoản Paypal 41

2.5.3 Hiện thực chức năng thanh toán 43

2.5.4 Bảo mật thông tin của người dùng khi thanh toán 46

3 Phân tích hệ thống 47 3.1 Phân tích yêu cầu 47

3.2 Các loại người dùng trong hệ thống 48

3.3 Luồng hoạt động của hệ thống 50

3.4 Lược đồ Use-Case 54

3.5 Đặc tả Use-Case 57

3.5.1 Đặc tả những usecase chung của user 57

3.5.2 Đặc tả các Use-Case chung của admin booking 63

3.5.3 Đặc tả Use-Case cho admin chi nhánh 65

3.5.4 Đặc tả Use-Case cho admin chủ nhà hàng 67

3.5.5 Đặc tả Use-Case của admin hệ thống 69

3.6 Phân tích yêu cầu trực quan hóa dữ liệu 70

4 Thiết kế hệ thống 71 4.1 Kiến trúc hệ thống 71

4.2 Sơ đồ các khối chức năng 73

4.2.1 Cơ sở dữ liệu ý niệm ERD 73

4.2.2 Mô tả chi tiết ERD 74

5 Hiện thực hệ thống 80 5.1 Quản lý mã nguồn 80

5.1.1 Git 80

5.1.2 Gitlab 80

5.2 Cấu trúc mã nguồn 81

5.2.2 Backend 85

5.3 Mô tả API 87

5.3.1 Một số API đại diện trên công cụ admin 87

5.3.2 Một số API đại diện trên trang web người dùng sử dụng 88

5.4 Giao diện 91

6 Kiểm thử phần mềm 112 6.1 Kiểm thử chức năng 112

6.1.1 Các chức năng cần kiểm thử 112

6.1.2 Kiểm thử các Giao diện 120

6.1.3 Kiểm thử các API 120

6.2 Kiểm thử phi chức năng 123

6.2.1 Kiểm thử hiệu suất 123

6.2.2 Kiểm thử khả năng tương thích 123

7 Tổng kết và hướng phát triển đề tài 124 7.1 Đánh giá kết quả đạt được 124

7.1.1 Đối với tìm hiểu nghiệp vụ 124

7.1.2 Đối với cơ sở lý thuyết và công nghệ 124

7.1.3 Đối với phân tích và thiết kế hệ thống 124

7.1.4 Đối với hiện thực hệ thống 124

7.2 Hướng phát triển đề tài 125

2.1 Giao diện của NowTable [2] 17

2.2 Trang chi tiết một Nhà hàng của Now Table [3] 18

2.3 Những nội dung khách hàng cần cung cấp khi tiến hành đặt bàn trên Now Table [4] 19

2.4 Xác nhận thông tin đặt bàn [5] 19

2.5 Giao diện Jamja trong lĩnh vực ăn uống [6] 21

2.6 Ứng dụng đặt bàn của Grabooking [9] 22

2.7 Giao diện trang chủ PasGo [10] 23

2.8 Giao diện trang chủ King BBQ [11] 25

2.9 Mục đặt bàn tại trang web King BBQ [12] 25

2.10 Những thông tin khách hàng cần cung cấp khi đặt bàn tại King BBQ [13] 26 2.11 Giao diện trang chủ Don Chicken [14] 27

2.12 Mục Đặt bàn được thiết kế chạy dọc theo trang web [15]] 27

2.13 Các thông tin khách hàng cần điền khi đặt bàn tại Don Chiken có tích hợp thêm bản đồ [16] 28

2.14 Giao diện trang chủ Chef Dzung [17] 29

2.15 Những thông tin khách hàng cần cung cấp khi đặt bàn [18] 30

2.16 Mô hình MVC[20] 32

2.17 RESTful API[21] 32

2.18 Cơ sở dữ liệu NoSQL[23] 34

2.19 Công nghệ Server-side Rendering[25] 35

2.20 Môi trường Nodejs runtime bao gồm mọi thứ cần đề thực thi một chương trình viết bằng JavaScript[29] 38

2.21 Luồng hoạt động khi thanh toán qua Paypal[33] 41

2.22 Trang chủ của Paypal Developer[34] 42

2.23 Thông tin về Client ID và Secret Key trong App[35] 42

2.24 Thông tin về tạo các tâì khoản sanbox[36] 43

3.1 Lược đồ Use-Case tổng quát 54

3.2 Lược đồ usecase của người dùng hệ thống 55

3.3 Lược đồ usecase của admin nhà hàng 56

3.4 Lược đồ usecase của admin hệ thống 57

4.1 Kiến trúc hệ thống 71

4.2 Lược đồ ERD 73

5.1 Tổ chức thư mục phần Front-end 81

5.2 Cấu trúc thư mục public 82

5.3 Cấu trúc thư mục admin trong thư mục view 82

5.4 Cấu trúc thư mục ezbooking trong thư mục view 83

5.5 Cấu trúc thư mục frontend trong thư mục view 84

5.6 Cấu trúc thư mục admin trong thư mục view 84

5.7 Cách tổ chức thư mục phần Backend 85

5.8 Các file chứa trong thư mục configs 85

5.9 Các file chứa trong thư mục libs 85

5.10 Cấu trúc thư mục admin trong modules 86

5.11 Giao diện trang đăng ký 91

5.12 Giao diện trang đăng nhập 92

5.13 Giao diện trang chủ 93

5.14 Giao diện trang danh mục nhà hàng 94

5.15 Giao diện trang bộ sưu tập 95

5.16 Giao diện chi tiết nhà hàng 96

5.17 Giao diện trang thông tin cá nhân 97

5.18 Giao diện trang lịch sử đặt bàn 98

5.19 Giao diện chi tiết đơn đặt bàn 99

5.21 Giao diện địa chỉ của nhà hàng hiển thị trên Google Map 101

5.22 Giao diện hiện nhận xét và đánh giá cho nhà hàng 102

5.23 Giao diện form đặt bàn 103

5.24 Giao diện form xác nhận thông tin đặt bàn 104

5.25 Giao diện trang thanh toán trực tuyến 105

5.26 Giao diện đăng nhập trang admin 106

5.27 Giao diện trang chỉnh sửa tài khoản admin 107

5.28 Giao diện trang admin 108

5.29 Giao diện hiển thị danh sách dữ liệu 109

5.30 Giao diện thêm mới dữ liệu Chi nhánh nhà hàng 110

5.31 Giao diện xem chi tiết dữ liệu 1 Chi nhánh nhà hàng 111

6.1 Dùng Postman để kiểm thử API 121

3.1 Đặc tả Use-Case đăng ký của user 57

3.2 Đặc tả Use-Case tìm kiếm của user 58

3.3 Đặc tả Use-Case xem thông tin nhà hàng của user 58

3.4 Đặc tả Use-Case đăng nhập của user 58

3.5 Đặc tả Use-Case đặt bàn của user 59

3.6 Đặc tả Use-Case sử dụng voucher của user 59

3.7 Đặc tả Use-Case theo dõi nhà hàng của user 60

3.8 Đặc tả Use-Case xem lại lịch sử đặt bàn của user 60

3.9 Đặc tả Use-Case thanh toán online của user 61

3.10 Đặc tả Use-Case tích điểm của user 61

3.11 Đặc tả Use-Case gửi đánh giá của user 62

3.12 Đặc tả Use-Case xem thông báo của user 62

3.13 Đặc tả Use-Case đổi quà của user 62

3.14 Đặc tả Use-Case quản lý tài khoản của user 63

3.15 Đặc tả Use-Case lấy lại mật khẩu của user 63

3.16 Đặc tả Use-Case xem lịch sử đặt bàn của admin booking 63

3.17 Đặc tả Use-Case nhận thông báo đặt bàn của admin booking 64

3.18 Đặc tả Use-Case xem thông tin đặt bàn của admin booking 64

3.19 Đặc tả Use-Case liên hệ với khách đặt bàn của admin booking 64

3.20 Đặc tả Use-Case duyệt form đặt bàn của admin booking 65

3.21 Đặc tả Use-Case quản lý nhà hàng của admin chi nhánh 65

3.22 Đặc tả Use-Case quản lý banner, poster của admin chi nhánh 65

3.23 Đặc tả Use-Case quản lý tin tức của admin chi nhánh 66

3.25 Đặc tả Use-Case quản lý bình luận đánh giá của admin chi nhánh 66

3.26 Đặc tả Use-Case quản lý nhân viên booking của admin chi nhánh 67

3.27 Đặc tả Use-Case quản lý chương trình khuyễn mãi của admin chủ nhà hàng 67

3.28 Đặc tả Use-Case xem biểu đồ hoạt động nhà hàng của admin chủ nhà hàng 68 3.29 Đặc tả Use-Case quản lý nhà hàng của admin chủ nhà hàng 68

3.30 Đặc tả Use-Case quản lý menu của admin chủ nhà hàng 68

3.31 Đặc tả Use-Case quản lý chi nhánh của admin chủ nhà hàng 69

3.32 Đặc tả Use-Case xem biểu đồ hoạt động của admin hệ thống 69

3.33 Đặc tả Use-Case quản lý thông tin dữ liệu của admin hệ thống 69

3.34 Đặc tả Use-Case quản lý người dùng của admin hệ thống 70

4.1 Thực thể tài khoản người dùng 74

4.2 Thực thể Đơn đặt bàn 74

4.3 Thực thể Voucher 75

4.4 Thực thể Chi nhánh 75

4.5 Thực thể Bàn 75

4.6 Thực thể UserAdmin 76

4.7 Thực thể Nhà hàng‘ 76

4.8 Thực thể Tầng 76

4.9 Quan hệ giữa Tài khoản người dùng và Chi nhánh nhà hàng 77

4.10 Quan hệ giữa Tài khoản người dùng và Đơn đặt bàn 77

4.11 Quan hệ giữa Tài khoản người dùng và Voucher hệ thống 77

4.12 Quan hệ giữa Đơn đặt bàn và Voucher 77

4.13 Quan hệ giữa Nhà hàng và Chi nhánh 78

4.14 Quan hệ giữa Admin chi nhánh và Chi nhánh 78

4.15 Quan hệ giữa Admin chi nhánh và nhân viên booking 78

4.16 Quan hệ giữa Nhân viên booking và Đơn đặt bàn 78

4.17 Quan hệ giữa Admin nhà hàng và Admin chi nhánh 78

4.18 Quan hệ giữa Admin nhà hàng và Nhà hàng 78

4.19 Quan hệ giữa Nhà hàng và Voucher nhà hàng 78

4.20 Quan hệ giữa Chi nhánh và Tầng 79

4.21 Quan hệ giữa Tầng và Bàn 79

4.22 Quan hệ giữa Đơn đặt hàng và Bàn 79

5.1 Bảng tham số API đăng nhập công cụ admin 87

5.2 Bảng tham số API tạo nhà hàng 88

5.3 Bảng tham số API đăng nhập tài khoản người dùng trang web 89

5.4 Bảng tham số API đăng kí tài khoản người dùng trang web 89

5.5 Bảng tham số API chỉnh sửa thông tin tài khoản người dùng 90

5.6 Bảng tham số API tạo đơn đặt bàn 90

6.1 TestCase kiểm thử tính năng đăng nhập người dùng 114

6.2 Một số API Admin được test trên Postman 121

6.3 Một số API của website được test trên Postman 122

1.2 Mục tiêu

Mục tiêu của đề tài là xây dựng một hệ thống đặt bàn cho nhà hàng trên nền tảng web

Hệ thống sẽ giúp cho người dùng thuận tiện hơn trong việc tiếp cận với thông tin về cácnhà hàng hiện có trên thị trường và có thể đặt bàn trước tại nhà hàng yêu thích

Mục tiêu và các công việc cần thực hiện là:

• Tìm hiểu, phân tích các hệ thống đặt bàn nhà hàng liên quan bao gồm cả hệ thốngdành cho nhiều nhà hàng và hệ thống đặt chỗ riêng của một nhà hàng

• Tham khảo các hệ thống liên quan từ đó tìm ra hướng giải quyết cho các vấn đề

được đặt ra của hệ thống

• Tìm hiểu các công nghệ sử dụng để xây dựng trang web

• Hiện thực hệ thống, nghiên cứu và cải thiện hệ thống

• Đánh giá kết quả đạt được và phương hướng phát triển trong tương lai

1.3 Phạm vi đề tài

Đề tài phù hợp với mục đích nghiên cứu trong phạm vi luận văn đại học Hệ thống xâydựng bao gồm nhiều nhà hàng với nhiều chi nhánh khác nhau Các đối tượng người dùngcủa hệ thống bao gồm: Người dùng vãng lai (người dùng chưa đăng kí tài khoản), Thànhviên (người dùng đã đăng kí tài khoản), Admin booking (Tài khoản nhân viên quản lýcác đơn đặt bàn), Admin Branch (Tài khoản quản lý một chi nhánh của một nhà hàng),Admin Manager (Tài khoản quản lý một nhà hàng), Super Admin (Admin của hệ thống)

1.4 Ý nghĩa đề tài

Cũng như các hệ thống đặt bàn khác, EzBooking đem lại nhiều lợi ích hơn so với việcđặt bàn truyền thống Nhóm đề xuất thêm một phần minigames tích điểm để thu hútkhách hàng truy cập vào hệ thống nhiều hơn Các lợi ích mà hệ thống đặt bàn tự độngđem lại như:

• Tối ưu hoá việc đặt trước: Nếu như trước đây, khi một khách hàng nào đó muốn đặttrước, hủy hay xác nhận, họ sẽ phải gọi điện hoặc trực tiếp đến thẳng nhà hàng đểlàm những điều này Nhưng tích hợp hệ thống Booking online để tối đa hóa việc đặtbàn trước, nhà hàng sẽ giảm nguy cơ đối mặt với tình trạng thừa bàn cho dù là mùathấp điểm, cũng như mang lại tiện lợi cho khách hàng khi họ chỉ cần ngồi một chỗ

là có thể thực hiện bất kỳ hoạt động gì, hệ thống booking cũng ngay lập tức tự động

mở online đem lại cho khách hàng khác một cơ hội để booking khi có người hủy

• Tăng doanh số nhờ bán các dịch vụ đi kèm

• Quản lý dễ dàng hơn

• Người dùng có thể lựa chọn nhiều địa điểm mà không cần đến trang web của từngnhà hàng để xem thông tin

• Người dùng có thể xem thông tin và tiền hành đặt bàn bất cứ lúc nào

• Quản lý, chủ nhà hàng có thể nắm bắt rõ tình hình Nhà hàng

1.5 Thách thức

Trong quá trình hiện thực đề tài sẽ không tránh khỏi nhưng khó khăn vì kinh nghiệmchưa có, kiến thức còn ít Để hệ thống đi vào hoạt động được có rất nhiều thách thứcđược đặt ra như sau:

• Quảng bá nhiều, chiến lược thu hút hiệu quả để tiếp cận được nhiều người dùng

• Phải liên kết được với nhiều đối tác Quán ăn/Nhà hàng

• Thách thức lớn khi nhu cầu người dùng muốn đặt hàng trên website và cả mobileapp

• Hiện nay có một số hệ thống đặt chỗ nhà hàng/quán ăn đang được rất nhiều ngườiquan tâm nên tính cạnh tranh rất cao

1.6 Kết quả cần đạt

Xây dựng được một hệ thống đặt chỗ bao gồm nhiều nhà hàng với các hình thức khácnhau Mỗi nhà hàng có thể có một hoặc nhiều chi nhánh, mỗi chi nhánh sẽ có một ngườiquản lý và những nhận viên đảm nhận việc xử lý các đơn đặt bàn Hệ thống cho phépngười dùng ghé thăm các trang chi tiết của nhà hàng, xem thông tin và tiến hành đặt bàntrên trang web đó Hệ thống có tích hợp các công cụ tìm kiếm phục vụ người dùng Chophép người dùng theo dõi các nhà hàng yêu thích, xem lại lịch sử đặt bàn của mình, đánhgiá/bình luận về chất lượng của nhà hàng sau khi đã tiến hành đặt bàn thành công, nhậnthông báo về tài khoản của mình Ngoài ra hệ thống còn có thêm chương trình tích điểm

để thăng cấp tài khoản thành viên hoặc đổi voucher, điểm có thể kiếm được trong quátrình sử dụng tính năng đặt bàn của hệ thống, hoặc thông qua các mini games được tổchức Hệ thống có các voucher khuyến mãi cho người dùng và cho phép nhà hàng tung

ra các voucher của mình để thu hút người dùng

Kiến thức nền tảng

2.1 Tham khảo và đánh giá các hệ thống khác

2.1.1 Now Table

Tổng quan

NowTable là hệ thống đặt chỗ trực tuyến thuộc Công ty cổ phần Foody nên Now Table

có được nhiều thông tin, chương trình khuyến mãi từ các đối tác là các nhà hàng có liênkết với Foody Không cần đến phiếu voucher, người dùng sẽ thoải mái đến dùng bữa tạinhà hàng đặt chỗ trước với mức giảm giá từ 10-30%.[1]

Hình 2.1: Giao diện của NowTable [2]

chọn nhà hàng, quán ăn theo loại hình ẩm thực vùng miền, khu vực quán, phân loại đồ

ăn Từ đó, bạn sẽ có thể chọn lựa cho mình chỗ dùng bữa phù hợp cho gia đình, bạn bè.Mục dessert bao gồm những địa chỉ quán ăn có bán các món ăn tráng miệng hoặc món

ăn nhẹ, thích hợp để mọi người cùng nhau ngồi trò chuyện, nhâm nhi vài ngụm cà phêhay miếng bánh Mục giải trí bao gồm địa chỉ các quán bar, beer và karaokie có uy tín.Mục bộ sưu tập bao gồm những nhà hàng, quán ăn được chọn lựa theo từng chủ đề riêngnhư món ăn được ưa thích trong tháng 12, Những quán ăn buffet giá rẻ Mục cuối cùng

là blogs sẽ chia các nhà hàng, quán ăn theo các chủ đề tổng hợp

Hiện Table Now đã liên kết với nhiều nhà hàng, quán ăn ở các tỉnh, thành phố nhưTPHCM, Hà Nội, Đà Nẵng, Cần Thơ, Khánh Hòa, Hải Phòng, Huế

Hình 2.2: Trang chi tiết một Nhà hàng của Now Table [3]

Hình 2.2 là trang chi tiết nhà hàng của NowTable, tại đây người dùng có thể xem đượccác thông tin cần thiết về nhà hàng như: địa chỉ, giờ mở cửa, giá tiền món ăn, nhận xét

Hình 2.3: Những nội dung khách hàng cần cung cấp khi tiến hành đặt bàn trên Now Table [4]

Hình 2.3 là form đặt bàn của NowTable Khi người dùng chọn được nhà hàng ưu thích

và chọn đặt bàn tại nhà hàng đó thì sẽ phải điền đầy đủ thông tin cá nhân và thông tincần thiết để đặt chỗ

Hình 2.4: Xác nhận thông tin đặt bàn [5]

Hình 2.4 là form xác nhận thông tin đặt bàn của NowTable Khi người dùng đã điền đầy

đủ thông tin cung cấp cho nhà hàng và xác nhận, form xác nhận này sẽ hiện lên dể ngườidùng kiểm tra lại các thông tin mình đã đưa ra đã đúng chưa Và cuối cùng người dùng

Cách đặt bàn qua Now Table

Cần đăng nhập để đặt bàn hoặc gọi qua hotline Các bước đặt bàn trên website Now:

1 Truy cập website https://www.now.vn/

2 Chọn mục đặt bàn

3 Tìm kiếm nhà hàng muốn đặt hoặc chọn các địa điểm gợi ý

4 Chọn khung giờ trên Trang thông tin chi tiết của Quán/Nhà hàng vừa hiện ra nếumuốn đặt bàn online Hoặc có thể gọi qua hotline được cung cấp để đặt bàn

5 Điền thông tin vào form để tiến hành đặt bàn sau đó ấn nút "Đặt chỗ"

6 Xác nhận lại thông tin đặt bàn

Ưu điểm của Now Table

• Now Table có được nhiều thông tin, chương trình khuyến mãi từ các đối tác là cácnhà hàng có liên kết với Foody

• Liên kết với nhiều nhà hàng, quán ăn ở các tỉnh, thành phố như TPHCM, Hà Nội,

Đà Nẵng, Cần Thơ, Khánh Hòa, Hải Phòng, Huế

• Có lượng người dùng lớn từ Foody và Now

• Phát triển trên cả mobile app và website

• Có Bình luận và đánh giá của người dùng

• Có hệ thống bản đồ tiên tiến Có thể coi chế độ bản đồ bình thường, cũng có thểchuyển qua coi hình ảnh vệ tinh khu vực đó Ngoài ra, hệ thống bản đồ của NowTable còn có chế độ xem phố, đây là tiện ích vô cùng mới mẻ giúp khách hàng chưatừng đến địa điểm của nhà hàng cũng có thể biết được khung cảnh xung quanh cũngnhư của nhà hàng

2.1.2 Jamja

Tổng quan

Jamja là ứng dụng đặt chỗ chuyên nghiệp đầu tiên ở Việt Nam, cho phép người dùng đặtchỗ theo khung giờ, xem và tìm kiếm thông tin giảm giá từ đa dạng lĩnh vực ăn uống,

giải trí và làm đẹp,

Hình 2.5: Giao diện Jamja trong lĩnh vực ăn uống [6]

Hình 2.5 là giao diện trang chủ của ứng dụng Jamja Tại đây người dùng sẽ được xemnhững nhà hàng hot, những bộ sưu tập nhà hàng nổi tiếng hay những nhà hàng mới, nhàhàng đang giảm giá mà hệ thông Jamja đã thống kê

ra tính theo từng giờ, từng phút Đó là lý do Jamja cực kì phổ biến với những ngườiquan trọng về các gói giảm giá.[7]

• Nhờ gói khuyến mãi theo giờ có thể tìm được nhiều khách hàng trung thành theodõi từng khung giờ để tìm voucher

Nhược điểm

thường các nhà hàng thường giảm giá vào các giờ ít khách hàng mà thôi Nếu tính trêncác gói giảm giá thông thường, mức giảm giá chỉ rơi vào khoảng 5 đến 10%.[8]

2.1.3 Grabooking

Tổng quan

Grabooking là một trong những ứng dụng đặt bàn phổ biến nhất tại Hà Nội, tính đến thờiđiểm hiện tại, Grabooking đã trở thành đối tác của rất nhiều nhà hàng, các chuỗi nhàhàng nổi tiếng tại Hà Nội

• Đánh giá nhà hàng theo món ăn, dịch vụ

• Nhận giảm giá, phiếu giảm giá từ các nhà hàng đối tác của Grabooking

• A.I thúc đẩy tìm kiếm thông minh để giới thiệu thực phẩm cho bạn.

• Có thể tìm kiếm bằng giọng nói

• Video đánh giá nhà hàng từ Grabooking

Nhược điểm

• Chỉ phát triển trên mobile app

• Chỉ hoạt động tại Hà Nội

2.1.4 PasGo

Tổng quan

Phần mềm PasGo được phát triển bởi công ty cổ phần ONEPAS PasGo là mạng lướinhà hàng ngon, nổi tiếng, nhiều loại hình với hàng nghìn nhà hàng có mặt rộng khắp.Giúp đặt bàn nhà hàng miến phí, tặng kèm ưu đãi Giải pháp PasGo giúp thực khách đặtbàn nhà hàng trước khi đến ăn tại nhà hàng thông qua môi trường internet Đặt bàn nhàhàng qua PasGo ngoài việc được đảm bảo giữ chỗ, thì đặt bàn qua PasGo còn được kèm

ưu đãi tốt, đa dạng, hấp dẫn mà không còn phải dùng thẻ giảm giá/Deal/Voucher

Hình 2.7: Giao diện trang chủ PasGo [10]

Hình 2.7 là giao diện trang chủ của ứng dụng Pasgo Tại đây người dùng sẽ được xem

hàng đang giảm giá mà hệ thông Pasgo đã thống kê.

• PasGo có Dịch vụ tư vấn, hỗ trợ khách hàng tận tình, chuyên nghiệp

• Về tính năng đặt bàn qua chat live, PasGo Team đang hướng tới sự thông minh và

tự động

• sẽ từng bước đưa trí tuệ nhân tạo vào để hỗ trợ đặt bàn nhanh

• Phát triển các trên mobile app và website

2.1.5 Chuỗi nhà hàng King BBQ

Tổng quan

Chuỗi nhà hàng King BBQ là chuỗi nhà hàng đồ nướng mang theo tinh hoa của ẩm thựcHàn Quốc Được mệnh danh là “Vua nướng”, Chuỗi nhà hàng King BBQ đem đến chokhách hàng 2 hình thức trải nghiệm đặc sắc: King BBQ Alarcate và King BBQ Buffet

Hệ thống King BBQ hiện có tới 85 nhà hàng trên toàn quốc, trong đó có 16 nhà hàngphục vụ hình thức gọi món (King BBQ Alacarte) và 69 nhà hàng tự chọn (King BBQBuffet)

Hình 2.8: Giao diện trang chủ King BBQ [11]

Hình 2.8 là giao diện trang chủ của chuỗi nhà hàng King BBQ Tại đây người dùng sẽđược xem những nhà hàng trong hệ thống nhà hàng BBQ trên toàn quốc Người dùng

có thể tham khảo các món ăn của nhà hàng cũng như những ưu đãi, tin tức về chuỗi nhàhàng King BBQ trên toàn quốc

Hình 2.9: Mục đặt bàn tại trang web King BBQ [12]

Hình 2.9 là giao diện đặt bàn nhà hàng tại chuỗi nhà hàng King BBQ Người dùng cóthể bấm vào đặt bàn để có thể bắt đầu điền thông tin đặt bàn tại nhà hàng

Hình 2.10: Những thông tin khách hàng cần cung cấp khi đặt bàn tại King BBQ [13]

Hình 2.10 là giao diện form điền thông tin đặt bàn nhà hàng tại chuỗi nhà hàng KingBBQ Người dùng phải điền các thông tin cần thiết để đặt bàn tại nhà hàng

Cách đặt chỗ

1 Truy cập website: http://kingbbq.com.vn

2 Sau đó chọn mục “Đặt bàn” tại thanh menu

3 Sau đó kéo xuống dưới có mục “Đặt bàn“

4 Sau khi click “Đặt bàn”, trang web sẽ chuyển qua trang để điền form thông tin kháchhàng

5 Sau đó chỉ cần điền đầy đủ thông tin cần thiết là chúng ta đã đặt bàn thành công

2.1.6 Don Chicken

Tổng quan

Don Chicken là chuỗi nhà hàng Hàn Quốc nổi tiếng với các món như: gà sốt phô mai,kimbap, tokbokki, Khách đến với Don Chicken hài lòng cả về món ăn lẫn không gian.Ban đầu nhà hàng cuốn hút thực khách bởi gà rán, gà sốt nhưng khi bổ sung thêm lẩutokbokki vào menu thì lẩu tokbokki cũng trở thành điểm nhấn của menu

Hình 2.11: Giao diện trang chủ Don Chicken [14]

Hình 2.11 là giao diện trang chủ của chuỗi nhà hàng Don Chicken Tại đây người dùng

sẽ được xem những nhà hàng trong hệ thống nhà hàng Don Chicken Người dùng có thểtham khảo các món ăn của nhà hàng cũng như những ưu đãi, tin tức về chuỗi nhà hàngDon Chicken trên toàn quốc

Hình 2.12: Mục Đặt bàn được thiết kế chạy dọc theo trang web [15]]

Hình 2.12 là giao diện mục đặt bàn cho nhà hàng trong hệ thông Don Chicken Ngườidùng có thể thoải mái lướt xem thông tin trong website trong khi mục đặt bàn luôn nằmbên trái của giao diện và người dùng có thể nhấn đặt bàn bất cứ lúc nào.

Hình 2.13: Các thông tin khách hàng cần điền khi đặt bàn tại Don Chiken có tích hợp thêm bản đồ [16]

Hình 2.13 là giao diện form đặt bàn tại chuỗi nhà hàng Don Chicken Khi người dùngnhấn đặt bàn thì sẽ được chuyển qua trang chứa form đặt bàn Người dùng cần điền đầy

đủ thông tin trong form để đặt bàn tại chuỗi nhà hàng Don Chicken

Cách đặt chỗ

1 Truy cập website: https://donchicken.vn/

2 Chúng ta sẽ thấy bên phải của trang web có mục đặt bàn

3 Sau khi click vào đặt bàn chúng ta sẽ được chuyển qua trang web chứa form để điềnthông tin

4 Sau đó chỉ cần điền đầy đủ thông tin là chúng ta có thể đặt được bàn tại DonChicken

Ưu điểm

• Don Chicken đã tích hợp cả google map vào việc đặt bàn giúp khách hàng có thểđánh giá được chính xác vị trí của quán

• Chỉ cần click vào vị trí quán trên bản đồ nhỏ bên cạnh là khách hàng đã chọn thànhcông nhà hàng dành cho mình mà k cần phải tìm kiếm trong list.

2.1.7 Chef Dzung

Tổng quan

Nhà hàng Buffet lẩu nướng Chef Dzung được ra đời với tâm huyết xây dựng thương hiệu

ẩm thực buffet nướng – lẩu hải sản đẳng cấp và là nơi bạn có thể cảm nhận trọn vẹn tinhhoa ẩm thực khắp thế giới Với menu hơn 200 món ăn Âu - Á dưới bàn tay của nhữngđầu bếp tài hoa và dịch vụ hiện đại - ChefDzung cam kết là một địa chỉ ẩm thực uy tín,đáp ứng yêu cầu khắt khe của khách hàng về chất lượng, lấy lợi ích khách hàng là ưu tiênhàng đầu

Hình 2.14: Giao diện trang chủ Chef Dzung [17]

Hình 2.14 là giao diện trang chủ của nhà hàng Buffet lẩu nướng Chef Dzung Tại đâyngười dùng có thể tham khảo các món ăn của nhà hàng cũng như những ưu đãi, tin tức

về hệ thông nhà hàng Chef Dzung trên toàn quốc

Hình 2.15: Những thông tin khách hàng cần cung cấp khi đặt bàn [18]

Hình 2.15 là giao diện form đặt bàn tại chuỗi nhà hàng Chef Dzung Người dùng cầnđiền đầy đủ các thông tin cần thiết trong form để có thể đặt bàn

Cách đặt chỗ

1 Truy cập website: http://chefdzung.com/

2 Click vào button đặt bàn phía bên phải màn hình

3 Khi đó sẽ có 1 popup hiện ra để điền thông tin đặt hàng

4 Sau đó chỉ cần điền đầy đủ thông tin là chúng ta có thể đặt được bàn tại Chef Dzung

2.2 Đề xuất và đưa ra ý tưởng

Qua khảo sát trên, có thể thấy các trang web lớn hiện nay đã làm tốt việc tạo ra 1 trangweb đặt bàn cho nhà hàng Việc xây dựng lại các trang web như vậy là chuyện có thểlàm nhưng để thực sự thu hút được người dùng thì vấn đề cải tiến cả về giao diện và chứcnăng là điều hết sức quan trọng

Qua đó, nhóm đã định hướng sẽ phát triển dự án với các tính năng cơ bản, tương tự nhưcác website trên:

• Giao diện đơn giản nhưng gây được ấn tượng với người dùng

• Cung cấp và cập nhật thông tin về những nhà hàng một cách nhanh và chính xácnhất

• Hỗ trợ người dùng đặt bàn một cách nhanh và đơn giản nhất.

• Đăng kí tài khoản để thực hiện việc đặt bàn và lưu lại thông tin của người dùng.Tính năng tạo sự khác biệt có thể sẽ phát triển sẽ là:

• Hỗ trợ người dùng đặt bàn hộ

• Hỗ trợ người dùng chọn bàn đặt qua ma trận bàn ăn

• Hỗ trợ người dùng thanh toán trực tuyến qua Paypal

• Hỗ trợ admin nhà hàng quản lý nhà hàng một cách dễ dàng

• Hỗ trợ xác nhận qua email và có email thông báo nhắc nhở gần đến lịch hẹn

2.3 Cơ sở lý thuyết

2.3.1 Mô hình MVC

MVC (Model – View – Controller) Đây là một mẫu kiến trúc phần mềm được sử dụng

để phát triển giao diện người dùng Mô hình MVC được chia thành 3 phần trong sourcecode, tương ứng mỗi từ là một hoạt động tách biệt trong mô hình[19]

• Model: là cơ sở dữ liệu của chương trình, nghĩa là nó sẽ chứa tất cả các hàm, các phương thức truy vấn trực tiếp với dữ liệu và Controller sẽ thông qua các hàm, phương thức đó để lấy dữ liệu rồi gửi qua View.

• View: có nhiệm vụ tiếp nhận dữ liệu từ Controller và hiển thị nội dung qua các

đoạn mã HTML, đây chính là thành phần giao diện

• Controller: đóng vài trò trung gian giữa Model và View Nó có nhiệm vụ tiếp nhận

yêu cầu từ người dùng sau đó xử lý yêu cầu đó, sử dụng các model tương ứng để

truy xuất hay thay đổi dữ liệu, sau đó gửi kết quả qua View tương ứng.

2.3.2 RESTful API

Hình 2.17: RESTful API[21]

RESTful API (hình 2.17) là một tiêu chuẩn dùng trong việc thiết kế API cho các ứng

dụng web (thiết kế Web services) để tiện cho việc quản lý các resource Nó chú trọngvào tài nguyên hệ thống (tệp văn bản, ảnh, âm thanh, video, hoặc dữ liệu động ), bao

gồm các trạng thái tài nguyên được định dạng và được truyền tải qua HTTP[22].

API (Application Programming Interface) là một tập các quy tắc và cơ chế mà theo đó,

một ứng dụng hay một thành phần sẽ tương tác với một ứng dụng hay thành phần khác.API có thể trả về dữ liệu mà bạn cần cho ứng dụng của mình ở những kiểu dữ liệu phổbiến như JSON hay XML

RESTful API không giới hạn bởi ngôn ngữ lập trình ứng dụng, bất kỳ ngôn ngữ hoặcfarmework nào cũng có thể sử dụng

REST hoạt động thông qua giao thức HTTP, bao gồm:

• GET: Trả về resource hoặc một danh sách resource.

• POST: Gửi dữ liệu đầu vào lên server nhằm mục đích tạo mới dữ liệu trên server.

• PUT: Cập nhập dữ liệu cho resource.

• DELETE: Xoá dữ liệu của resource.

Khi request API, kết quả trả về sẽ có kèm theo status để nhận biết Ví dụ:

• 200 OK - Trả về thành công cho các phương thức của REST

• 400 Bad Request - Request không hợp lệ

• 403 Forbidden - Bị từ chối không cho phép

• 404 Not Found – Không tìm thấy resource từ URI

2.3.3 Cơ sở dữ liệu NoSQL

Hình 2.18: Cơ sở dữ liệu NoSQL[23]

Cơ sở dữ liệu NoSQL (hình 2.18) là cơ sở dữ liệu được xây dựng dành riêng cho mô hình

dữ liệu và có sơ đồ linh hoạt để xây dựng các ứng dụng hiện đại Cơ sở dữ liệu NoSQLđược công nhận rộng rãi vì khả năng dễ phát triển, chức năng cũng như hiệu năng ở quy

mô lớn[24]

NoSQL phát triển xuất phát từ yêu cầu cần những CSDL có khả năng lưu trữ dữ liệu vớilượng cực lớn, truy vấn dữ liệu với tốc độ cao mà không đòi hỏi quá nhiều về năng lựcphần cứng cũng như tài nguyên hệ thống và tăng khả năng chịu lỗi Đây là những vấn đề

mà các Relational Database không thể giải quyết được

• High Availability: Chấp nhận dư thừa dữ liệu, khả năng chịu lỗi khi một thành phần

Hình 2.19: Công nghệ Server-side Rendering[25]

Server-side Rendering (hình 2.19) là một cách hiển thị các ứng dụng web trên máy chủ

và sau đó gửi phản hồi và nội dung lại cho người dùng Điều này có nghĩa là khi ngườidùng mở một ứng dụng web, một yêu cầu được gửi đến máy chủ trả về phản hồi cùngvới nội dung, tức là HTML, CSS, JavaScript và các nội dung khác cần thiết để hiển thịtrang cho người dùng[26]

Cách hoạt động của Server-side Rendering:

• Người dùng gửi yêu cầu đến trang web

• Máy chủ kiểm tra tài nguyên, biên dịch và chuẩn bị nội dung HTML sau khi duyệtqua các tập lệnh phía máy chủ nằm trong trang

• Nội dung đã biên dịch này được gửi đến trình duyệt của khách hàng để render và

• Sau đó, trình duyệt tải xuống Javascript (JS) và khi nó thực thi JS, nó làm cho trangtương tác với người dùng.

• Thời gian tải tổng thể chậm hơn

• Mỗi lần người dùng chuyển trang là site phải load lại nhiều lần

do đó nên việc xây dựng các ứng dụng web và API trở nên đơn giản hơn đối với các lậptrình viên và nhà phát triển đã thành thạo JavaScript trước đó[27]

Vì ExpressJS là một framework của Node.js nên hầu hết các mã đã được viết sẵn cho cáclập trình viên làm việc Người dùng có thể tạo các ứng dụng web cho một trang, nhiềutrang hoặc kết hợp lại bằng cách sử dụng ExpressJS framework này khá nhẹ, giúp tổchức các ứng dụng web ở phía máy chủ thành một kiến trúc MVC hoàn hảo hơn

ExpressJS hỗ trợ nâng cao các chức năng của NodeJS Nếu không sử dụng ExpressJS,người dùng phải thực hiện rất nhiều lập trình phức tạp để xây dựng một API hiệu quả.ExpressJS đã giúp cho việc lập trình trong NodeJS trở nên dễ dàng hơn rất nhiều - Ưuđiểm: