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

VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

──────── * ────────

ĐỒ ÁN TỐT NGHIỆP
NGÀNH CÔNG NGHỆ THÔNG TIN
Chuyên ngành Hệ thống Thông tin

HỆ THỐNG CHIA SẺ CÔNG THỨC MÓN ĂN

Sinh viên thực hiện: Đào Đức Minh – 20189669

minh.dd189669@sis.hust.edu.vn
Giáo viên hướng dẫn: TS. Trần Việt Trung
Bộ môn: Hệ thống thông tin
Viện: Công nghệ thông tin và Truyền thông

Hà Nội, 5 tháng 5 năm 2021

 PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP

1. Thông tin về sinh viên

Họ và tên sinh viên: Đào Đức Minh

Điện thoại liên lạc: 0339715025 Email: minh.dd189669@sis.hust.edu.vn

Lớp: CNTT-TT2 (CN lên KS) Hệ đào tạo: Kỹ sư

Đồ án tốt nghiệp được thực hiện tại:

Thời gian làm ĐATN: Từ ngày 22/03/2021 đến 13/05/2021

2. Mục đích nội dung của ĐATN

Thiết kế và xây dựng một ứng dụng chia sẻ công thức món ăn

3. Các nhiệm vụ cụ thể của ĐATN

- Xây dựng hệ thống quản lí và chia sẻ công thức món ăn.

- Thu thập dữ liệu món ăn và dữ liệu đánh giá cho hệ thống.
- Triển khai chức năng hỗ trợ xây dựng thực đơn.

4. Lời cam đoan của sinh viên:

Tôi – Đào Đức Minh - cam kết ĐATN là công trình nghiên cứu của bản thân tôi dưới sự
hướng dẫn của TS. Trần Việt Trung

Các kết quả nêu trong ĐATN là trung thực, không phải là sao chép toàn văn của bất kỳ công
trình nào khác.
Hà Nội, ngày 15 tháng 06 năm 2021
Tác giả ĐATN

Đào Đức Minh

5. Xác nhận của giáo viên hướng dẫn về mức độ hoàn thành của ĐATN và cho phép bảo vệ:

Hà Nội, ngày tháng năm

Giáo viên hướng dẫn

Sinh viên thực hiện: Đào Đức Minh – 20189669 Khoá: 62 Lớp: CNTT-TT2 (CN lên KS) 2
 LỜI CÁM ƠN

Em xin chân thành cảm ơn Viện Công nghệ thông tin và Truyền thông, trường
Đại học Bách Khoa Hà Nội đã tạo điều kiện tốt cho em thực hiện đề tài này.

Em xin chân thành cảm ơn thầy Trần Việt Trung, là người hướng dẫn, chỉ bảo
em trong suốt thời gian thực hiện đề tài.

Em cũng xin gửi lời cảm ơn sâu sắc đến quý thầy cô trong Viện đã tận tình
giảng dạy, trang bị cho chúng em những kiến thức quý báu trong những năm học vừa
qua.

Em xin gửi lòng biết ơn sâu sắc đến bố mẹ, các anh chị và bạn bè đã ủng hộ,
giúp đỡ và động viên chúng em trong những lúc khó khăn cũng như trong suốt thời
gian học tập và nghiên cứu.

Mặc dù em đã cố gắng hoàn thành đồ án trong phạm vị và khả năng cho phép,
nhưng chắc chắn sẽ không tránh khỏi những thiếu sót. Kính mong sự cảm thông và
tận tình chỉ bảo của quý thầy cô và các bạn.

Người thực hiện

Đào Đức Minh

Sinh viên thực hiện: Đào Đức Minh – 20189669 Khoá: 62 Lớp: CNTT-TT2 (CN lên KS) 3
 MỤC LỤC

PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP...............................................2

LỜI CÁM ƠN ............................................................................................................3

MỤC LỤC ..................................................................................................................4

TỔNG QUAN VỀ ĐỀ TÀI .......................................................................................6

DANH MỤC TỪ VIẾT TẮT VÀ THUẬT NGỮ ...................................................7

DANH MỤC CÁC HÌNH ẢNH ...............................................................................8

DANH MỤC CÁC BẢNG ......................................................................................10

LỜI MỞ ĐẦU ..........................................................................................................11

CHƯƠNG 1. VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP ................................12

1.1. Đặt vấn đề ...................................................................................................12
1.2. Mô tả bài toán ............................................................................................12
1.3. Định hướng giải pháp ................................................................................12
1.3.1. Kiến trúc ...............................................................................................12
1.3.2. Giao diện người dùng ...........................................................................13
1.3.3. Công cụ phát triển .................................................................................14
CHƯƠNG 2. HỆ THỐNG CHIA SẺ CÔNG THỨC MÓN ĂN .....................16
2.1. Sơ đồ phân rã chức năng ..........................................................................16
2.2. Biểu đồ ca sử dụng .....................................................................................17
2.2.1. Tác nhân trong hệ thống .......................................................................17
2.2.2. Biểu đồ use case tổng quan ...................................................................18
2.2.3. Biểu đồ use case phân rã .......................................................................18
2.3. Biểu đồ trình tự ..........................................................................................28
2.4. Sơ đồ lớp tổng thể ......................................................................................33
2.5. Lược đồ cơ sở dữ liệu quan hệ ..................................................................36

CHƯƠNG 3. ĐÁNH GIÁ VÀ CẢI THIỆN HỆ THỐNG................................41

3.1. Môi trường phát triển ...............................................................................41
3.1.1. Công cụ phát triển .................................................................................41
3.1.2. Bộ dữ liệu chạy thử ...............................................................................41
3.2. Đánh giá hệ thống ......................................................................................42

Sinh viên thực hiện: Đào Đức Minh – 20189669 Khoá: 62 Lớp: CNTT-TT2 (CN lên KS) 4
 3.2.1. Giao diện người dùng ...........................................................................42
3.2.2. Chức năng hệ thống ..............................................................................42
3.2.3. Hiệu năng hệ thống ...............................................................................43
3.2.4. Hiệu năng trang web .............................................................................44
3.3. Giao diện sử dụng ......................................................................................46

CHƯƠNG 4. TỔNG KẾT ..................................................................................51

4.1. Các công việc đã làm được........................................................................51
4.2. Các công việc chưa làm được ...................................................................51
4.3. Hướng phát triển đề tài .............................................................................51

TÀI LIỆU THAM KHẢO ......................................................................................52

PHỤ LỤC .................................................................................................................53

Sinh viên thực hiện: Đào Đức Minh – 20189669 Khoá: 62 Lớp: CNTT-TT2 (CN lên KS) 5
 TỔNG QUAN VỀ ĐỀ TÀI

Tên đề tài Hệ thống chia sẻ công thức món ăn

Giáo viên hướng dẫn TS. Trần Việt Trung

Thời gian thực hiện Từ ngày 22/03/2021 đến ngày 13/05/2021

Môi trường thực hiện Đề tài cá nhân

- Xây dựng hệ thống quản lí và chia sẻ công thức

món ăn.
Nội dung nhiệm vụ - Thu thập dữ liệu món ăn và dữ liệu đánh giá cho
hệ thống.
- Triển khai chức năng hỗ trợ xây dựng thực đơn.

Đề tài gồm 4 phần:

- Phần 1: Vấn đề và định hướng giải pháp.
Tóm tắt bố cục - Phần 2: Hệ thống chia sẻ công thức món ăn
- Phần 3: Các kết quả đạt được.
- Phần 4: Tổng kết.

Sinh viên thực hiện: Đào Đức Minh – 20189669 Khoá: 62 Lớp: CNTT-TT2 (CN lên KS) 6
 DANH MỤC TỪ VIẾT TẮT VÀ THUẬT NGỮ

Từ viết tắt Từ đầy đủ Chú giải

MVC Model-View-Controller Là mô hình thiết kế ứng dụng theo 3
thành phần: Model, View và Controller
RWD Responsive web design Thiết kế web đáp ứng các thiết bị, kích
thước màn hình khác nhau
CSDL Cơ sở dữ liệu
GIN Generalized Inverted Index Kiểu chỉ mục trong PostgreSQL dành
cho các trường lưu trữ kết quả vector
hoá để tìm kiếm Full-Text

Sinh viên thực hiện: Đào Đức Minh – 20189669 Khoá: 62 Lớp: CNTT-TT2 (CN lên KS) 7
 DANH MỤC CÁC HÌNH ẢNH

Hình 1 Mô hình MVC ...............................................................................................13

Hình 2 Sơ đồ phân ra chức năng ...............................................................................16
Hình 3 Biểu đồ tác nhân trong hệ thống ...................................................................17
Hình 4 Biểu đồ ca sử dụng tổng quan .......................................................................18
Hình 5 Biểu đồ ca sử dụng Tạo công thức món ăn ...................................................18
Hình 6 Biểu đồ ca sử dụng Cập nhật công thức món ăn ...........................................19
Hình 7 Biểu đồ ca sử dụng Xoá công thức món ăn ..................................................20
Hình 8 Biểu đồ ca sử dụng Đánh giá công thức món ăn...........................................21
Hình 9 Biểu đồ ca sử dụng Tìm kiếm công thức món ăn .........................................22
Hình 10 Biểu đồ ca sử dụng Tạo thực đơn ...............................................................23
Hình 11 Biểu đồ ca sử dụng Cập nhật thực đơn .......................................................23
Hình 12 Biểu đồ ca sử dụng Xoá thực đơn ...............................................................24
Hình 13 Biểu đồ ca sử dụng Tìm kiếm thực đơn ......................................................25
Hình 14 Biểu đồ ca sử dụng Đánh giá thực đơn .......................................................26
Hình 15 Biểu đồ ca sử dụng Xem trang cá nhân của tài khoản ................................27
Hình 16 Biểu đồ ca sử dụng Thay đổi trạng thái tài khoản ......................................27
Hình 17 Biểu đồ trình tự Người dùng đăng nhập hệ thống.......................................28
Hình 18 Biểu đồ trình tự Người dùng đăng ký tài khoản mới ..................................28
Hình 19 Biểu đồ trình tự Cập nhật thông tin người dùng .........................................29
Hình 20 Biểu đồ trình tự Lấy lại mật khẩu ...............................................................29
Hình 21 Biểu đồ trình tự Tìm kiếm người dùng .......................................................29
Hình 22 Biểu đồ trình tự Thêm công thức món ăn ...................................................30
Hình 23 Biểu đồ trình tự Cập nhật công thức món ăn ..............................................30
Hình 24 Biểu đồ trình tự Xoá công thức món ăn ......................................................30
Hình 25 Biểu đồ trình tự Đánh giá công thức món ăn ..............................................31
Hình 26 Biểu đồ trình tự Tìm kiếm công thức món ăn .............................................31
Hình 27 Biểu đồ trình tự Tạo thực đơn .....................................................................31
Hình 28 Biểu đồ trình tự Cập nhật thực đơn .............................................................32
Hình 29 Biểu đồ trình tự Xoá thực đơn ....................................................................32
Hình 30 Biểu đồ trình tự Đánh giá thực đơn.............................................................32
Hình 31 Biểu đồ trình tự Tìm kiếm thực đơn ...........................................................33
Hình 32 Biểu đồ trình tự Thay đổi trạng thái người dùng ........................................33
Hình 33 Biểu đồ lớp tổng thể ....................................................................................33
Hình 34 Biểu đồ thực thể quan hệ .............................................................................36
Hình 35 Đánh giá hiệu năng trang web .....................................................................45
Hình 36 Giao diện Trang chủ ....................................................................................46
Hình 37 Giao diện Đăng nhập ...................................................................................46
Hình 38 Giao diện Đăng ký tài khoản .......................................................................47
Hình 39 Giao diện Danh sách công thức món ăn......................................................47

Sinh viên thực hiện: Đào Đức Minh – 20189669 Khoá: 62 Lớp: CNTT-TT2 (CN lên KS) 8
Hình 40 Giao diện Chi tiết công thức món ăn ..........................................................48
Hình 41 Giao diện Tạo công thức món ăn ................................................................48
Hình 42 Giao diện Cập nhật công thức món ăn ........................................................49
Hình 43 Giao diện Chi tiết thực đơn .........................................................................49
Hình 44 Giao diện Tạo thực đơn ...............................................................................50
Hình 45 Giao diện Đánh giá công thức món ăn ........................................................50

Sinh viên thực hiện: Đào Đức Minh – 20189669 Khoá: 62 Lớp: CNTT-TT2 (CN lên KS) 9
 DANH MỤC CÁC BẢNG

Bảng 1 Mô tả ca sử dụng Tạo công thức món ăn ......................................................19

Bảng 2 Mô tả ca sử dụng Cập nhật công thức món ăn .............................................20
Bảng 3 Mô tả ca sử dụng Xoá công thức món ăn .....................................................20
Bảng 4 Mô tả ca sử dụng Đánh giá công thức món ăn .............................................21
Bảng 5 Mô tả ca sử dụng Tìm kiếm công thức món ăn ............................................22
Bảng 6 Mô tả ca sử dụng Tạo thực đơn ....................................................................23
Bảng 7 Mô tả ca sử dụng Cập nhật thực đơn ............................................................24
Bảng 8 Mô tả ca sử dụng Xoá thực đơn ....................................................................25
Bảng 9 Mô tả ca sử dụng Tìm kiếm thực đơn ...........................................................25
Bảng 10 Mô tả ca sử dụng Đánh giá thực đơn ..........................................................26
Bảng 11 Mô tả ca sử dụng Xem trang cá nhân của tài khoản ...................................27
Bảng 12 Mô tả ca sử dụng Thay đổi trạng thái tài khoản .........................................28
Bảng 13 Mô tả lớp User ............................................................................................34
Bảng 14 Mô tả lớp Recipe.........................................................................................34
Bảng 15 Mô tả lớp RecipeRating ..............................................................................35
Bảng 16 Mô tả lớp Category .....................................................................................35
Bảng 17 Mô tả lớp Menu ..........................................................................................35
Bảng 18 Mô tả lớp MenuRating ................................................................................35
Bảng 19 Mô tả thực thể User ....................................................................................37
Bảng 20 Mô tả thực thể Recipe .................................................................................38
Bảng 21 Mô tả thực thể Category .............................................................................39
Bảng 22 Mô tả thực thể RecipeRating ......................................................................39
Bảng 23 Mô tả thực thể Menu...................................................................................40
Bảng 24 Mô tả thực thể MenuDetail .........................................................................40
Bảng 25 Mô tả thực thể MenuRating ........................................................................40
Bảng 26 Chi tiết phiên bản các công cụ sử dụng ......................................................41
Bảng 27 Mô tả dữ liệu gốc Công thức món ăn .........................................................41
Bảng 28 Mô tả dữ liệu gốc Người dùng....................................................................41
Bảng 29 Mô tả dữ liệu gốc Đánh giá ........................................................................42
Bảng 30 Đánh giá Giao diện người dùng ..................................................................42
Bảng 31 Đánh giá Chức năng hệ thống ....................................................................42
Bảng 32 Danh sách chỉ mục trong cơ sở dữ liệu ......................................................43
Bảng 33 Phương thức vector cho các bảng trong CSDL ..........................................44

Sinh viên thực hiện: Đào Đức Minh – 20189669 Khoá: 62 Lớp: CNTT-TT2 (CN lên KS) 10