Xây dựng ứng dụng chia sẻ phương pháp nấu ăn dinh dưỡng (khóa luận tốt nghiệp)

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM TRƯƠNG BÁ CƯỜNG TRƯƠNG HỮU MINH ĐỨC KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI CHIA SẺ PHƯƠNG PHÁP NẤU ĂN DINH DƯỠNG KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2022 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM TRƯƠNG BÁ CƯỜNG – 18520013 TRƯƠNG HỮU MINH ĐỨC - 18520626 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI CHIA SẺ PHƯƠNG PHÁP NẤU ĂN DINH DƯỠNG KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN Ths Lê Thanh Trọng TP HỒ CHÍ MINH, 2022 THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số …………………… ngày ………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin ……………………………………… – Chủ tịch ……………………………………… – Thư ký ……………………………………… – Ủy viên ……………………………………… – Ủy viên ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THƠNG TIN TP HCM, ngày… tháng… năm…… NHẬN XÉT KHĨA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI CHIA SẺ PHƯƠNG PHÁP NẤU ĂN DINH DƯỠNG Cán hướng dẫn: Nhóm SV thực hiện: Trương Bá Cường 18520013 Trương Hữu Minh Đức 18520626 ThS Lê Thanh Trọng Đánh giá Khóa luận Về báo cáo: Số trang 89 _ Số chương Số bảng số liệu 34 _ Số hình vẽ 65 _ Số tài liệu tham khảo Sản phẩm Một số nhận xét hình thức báo cáo: ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Về nội dung nghiên cứu: ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Về chương trình ứng dụng: ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Về thái độ làm việc sinh viên: ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Đánh giá chung:Khóa luận đạt/khơng đạt u cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Trương Bá Cường:……… /10 Trương Hữu Minh Đức:……… /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm…… NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI CHIA SẺ PHƯƠNG PHÁP NẤU ĂN DINH DƯỠNG Nhóm SV thực hiện: Cán phản biện: Trương Bá Cường 18520013 Trương Hữu Minh Đức 18520626 ThS Mai Trọng Khang Đánh giá Khóa luận Về báo cáo: Số trang 89 _ Số chương Số bảng số liệu 34 _ Số hình vẽ 65 _ Số tài liệu tham khảo Sản phẩm Một số nhận xét hình thức báo cáo: ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Về nội dung nghiên cứu: ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Về chương trình ứng dụng: ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Về thái độ làm việc sinh viên: ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Đánh giá chung:Khóa luận đạt/khơng đạt u cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Trương Bá Cường:……… /10 Trương Hữu Minh Đức:……… /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI CHIA SẺ PHƯƠNG PHÁP NẤU ĂN DINH DƯỠNG Cán hướng dẫn: Ths Lê Thanh Trọng Thời gian thực hiện: Từ ngày 21/02/2022 đến ngày 11/06/2022 Sinh viên thực hiện: Trương Bá Cường - 18520013 Trương Hữu Minh Đức - 18520626 Nội dung đề tài: Tên đề tài: Xây dựng ứng dụng mạng xã hội chia sẻ phương pháp nấu ăn dinh dưỡng Mục tiêu - Xây dựng ứng dụng mạng xã hội chia sẻ công thức nấu ăn khoảnh khắc ăn uống đời sống - Kết nối người có niềm đam mê nấu ăn - Giúp người dùng tiếp cận ăn đa dạng, phong phú, tự xây dựng thực đơn cho thân Phạm vi - Phạm vi môi trường: Mobile app dành cho người dùng, web app dành cho người quản lý - Phạm vi chức năng: o Đăng viết o Bình luận đăng o Yêu thích đăng o Xem hướng dẫn nấu ăn o Tạo ăn o Theo dõi người dùng o Chỉnh sửa thông tin cá nhân o Chat bot gợi ý ăn Đối tượng Người trung niên, người có gia đình, người có niềm đam mê nấu ăn, người quan tâm đến bữa ăn dinh dưỡng chuyên gia dinh dưỡng Phương pháp thực Tìm hiểu - Tìm hiểu khảo sát ứng dụng di động hướng dẫn nấu ăn nước Đối sánh - So sánh rút điểm mạnh, điểm cịn hạn chế Phân tích - Phân tích, lựa chọn nghiệp vụ cần có ứng dụng mạng xã hội chia sẻ phương pháp nấu ăn dinh dưỡng Xây dựng Kết mong đợi đề tài - Mơ tả ứng dụng - Phân tích thiết kế ứng dụng - Xây dựng ứng dụng di động - Xây dựng web cho người quản lý - Đối với sinh viên: Sinh viên rèn luyện thêm kĩ mềm: giao tiếp, trao đổi với giảng viên hướng dẫn Rèn luyện tính: tự lập, chủ động tìm hiểu, làm việc, thực đề tài giảng viên Biết lên kế hoạch chi tiết, đặt mục tiêu cụ thể Học hỏi thêm công nghệ mới, làm hành trang chuẩn bị cho tương lai - Đối với đề tài: Hiểu rõ nghiệp vụ ứng dụng mạng xã hội chia sẻ phương pháp nấu ăn Hoàn thành yêu cầu đặt ban đầu, có đầy đủ tính cần thiết Ứng dụng tạo với mức độ hồn thiện, sử dụng thực tế Kiến trúc ứng dụng phải rõ ràng, hợp lý Để sau ứng dụng dễ bảo trì, phát triển thêm tính Áp dụng Agile quy trình phát triển ứng dụng Ứng dụng có độ chịu tải tốt, hiệu tốt Kế hoạch thực hiện: Nhóm tiến hành chia quy trình xây dựng ứng dụng thành iterations với độ dài từ đến tuần cuối iteration báo cáo xin ý kiến giảng viên hướng dẫn Thời gian Nội dung 21/02 – 06/03/2022 Xác định chức cần bổ sung Người thực Hoàn thiện mã nguồn dự án trước Cả thành viên 07/03 – 20/03/2022 Tìm hiểu cơng nghệ thực chat bot Cả thành viên Huấn luyện chat bot Trương Bá Cường nhiều hình ảnh dạng lướt dọc 10 Bình luận Hiển thị bình luận người dùng 11 Danh sách ăn Hiển thị danh sách ăn có hướng dẫn ứng dụng 12 13 Chi tiết hướng dẫn nấu Hiển thị chi tiết hướng dẫn nấu ăn (tên, ăn nguyên liệu, bước, video) Chia sẻ ăn Tạo đăng đính kèm đường dẫn tới ăn người dùng muốn chia sẻ 14 Đánh giá ăn Người dùng đánh giá ăn (người dùng cho điểm từ đến kèm theo bình luận) 15 16 Xem đánh giá ăn Xem đánh giá ăn tất người người dùng dùng Tạo hướng dẫn nấu ăn Người dùng tạo công thức hướng dẫn nấu ăn 17 Danh sách trị Danh sách tin nhắn người dùng chuyện 18 Nhắn tin Hiển thị tin nhắn người dùng với người dùng khác với chatbot 19 Thông báo Hiển thị thông báo người dùng 20 Trang cá nhân Hiển thị thông tin cá nhân người dùng (ảnh đại diện, tên, danh sách đăng, album) 21 Tạo album Người dùng tạo album 22 Thông tin album Hiển thị thông tin album 23 Xem danh sách đăng, Hiển thị danh sách đăng, ăn mà 75 ăn lưu người dùng lưu 24 Chỉnh sửa thông tin cá nhân Chỉnh sửa thông tin cá nhân người dùng 25 Cài đặt thông báo Người dùng bật tắt tính nhận thơng báo 26 Đổi mật Người dùng thay đổi mật tài khoản 27 Quên mật Người dùng nhập email dùng để đăng ký tài khoản để hệ thống gửi email xác nhận thiết lập lại mật 28 Thay đổi danh sách chủ đề Người dùng thay đổi danh sách chủ đề mà quan tâm quan tâm Bảng 4.34: Danh sách hình 4.2.4.2 Giao diện số hình ứng dụng 76 Hình 4.28: Màn hình đăng nhập Hình 4.29: Màn hình đăng ký Hình 4.30: Màn hình xác thực email Hình 4.31: Màn hình chọn chủ đề 77 Hình 4.32: Màn hình bảng tin Hình 4.33: Màn hình xem đăng theo chủ đề Hình 4.34: Màn hình tìm kiếm người dùng 78 Hình 4.35: Màn hình tạo đăng Hình 4.36: Màn hình tạo đăng kèm Hình 4.37: Màn hình tạo đăng gợi đường dẫn đến hướng dẫn nấu ăn ý ăn nên khơng nên sử dụng Hình 4.38: Màn hình bình luận Hình 4.39: Màn hình hiển thị danh sách ăn 79 Hình 4.40: Màn hình hiển thị chi tiết Hình 4.41: Màn hình hiển thị chi tiết hướng dẫn nấu ăn (1) hướng dẫn nấu ăn (2) Hình 4.42: Màn hình đánh giá ăn Hình 4.43: Màn hình hiển thị đánh giá ăn người dùng 80 Hình 4.44: Màn hình tạo hướng dẫn nấu Hình 4.45: Màn hình hiển thị danh ăn sách đăng lưu Hình 4.46: Màn hình hiển thị danh sách Hình 4.47: Màn hình hiển thị danh ăn nên sử dụng lưu sách ăn khơng nên sử dụng lưu 81 Hình 4.48: Màn hình hiển thị thơng Hình 4.49: Màn hình hiển thị danh báo sách trị chuyện Hình 4.50: Màn hình nhắn tin Hình 4.51: Màn hình trang cá nhân người dùng 82 Hình 4.52: Màn hình chỉnh sửa thơng tin Hình 4.53: Màn hình tạo album cá nhân Hình 4.55: Màn hình thay đổi mật Hình 4.54: Màn hình xem album 83 Hình 4.56: Màn hình bật tắt tính Hình 4.57: Màn hình chỉnh sửa nhận thông báo chủ đề người dùng theo dõi 4.3 Triển khai hệ thống Hình 4.58: Sơ đồ triển khai hệ thống 84 Máy chủ API triển khai hệ thống đám mây Heroku, hoạt động 1000 tháng Sau 30 phút khơng có truy cập hệ thống tự động chuyển trạng thái ngủ phải chờ khoảng thời gian nhỏ đánh thức để sử dụng Hình 4.59: Thơng tin máy chủ triển khai Database ứng dụng sử dụng Add-ons PostgreSql Heroku, Hobby-Dev với số dòng liệu 10000, sức chứa 1GB, tối đa 20 kết nối (connection) lúc Hình 4.60: Thơng tin sở liệu triển khai Hệ thống sử dụng MongoDB Atlat search engine, phiên Shared với thiết lập bản, sức chứa tối đa 512MB, RAM dùng chung Hình 4.61: Thơng tin thiết lập MongoDB Atlat 85 Ngồi ra, hệ thống cịn sử dụng dịch vụ Firebase Firestorage Firestore với thông số: - Firestorage: sức chứa tối đa 5GB, giới hạn số lượt tải xuống 50K/ngày, giới hạn số lượt tải lên 20K/ngày - Firestore: sức chứa tối đa 1GB, số lượt đọc, ghi xóa 50K/ngày, 20K/ngày 20K/ngày 86 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Đánh giá 5.1.1 - Thuận lợi Trên thị trường có nhiều ứng dụng chia sẻ phương pháp nấu ăn ứng dụng mạng xã hội, giúp nhóm có nhiều ý tưởng thiết kế giao diện liệu - Các tài liệu công cụ thực đồ án có đầy đủ chi tiết mạng - Giảng viên hướng dẫn đưa nhiều gợi ý giúp nhóm định hình hướng q trình thực khóa luận 5.1.2 Khó khăn - Mất nhiều thời gian để làm quen với ngôn ngữ, công cụ - Tìm kiếm tài liệu hướng dẫn nấu ăn gặp nhiều khó khăn - Các cơng nghệ cịn chưa hồn thiện, thường xun gặp vấn đề liên quan đến mã nguồn 5.2 Kết đạt - Hoàn thành yêu cầu đặt ban đầu, có đầy đủ tính cần thiết ứng dụng mạng xã hội chia sẻ phương pháp nấu ăn dinh dưỡng - Sinh viên thực nắm cách thức làm ứng dụng di động - Sinh viên nắm công nghệ phổ biến như: Flutter, Firebase, NestJs, MongoDB, Postgresql Ưu điểm: - Giao diện đơn giản, tươi sáng, người dùng dễ dàng theo tác ứng dụng - Tốc độ phản hồi thao tác nhanh Nhược điểm: - Chưa đưa gợi ý thực đơn dựa số sức khỏe người dùng - Tính ứng dụng chatbot chưa cao 87 - Cần cập nhật thêm sở liệu hướng dẫn nấu ăn (Hiện có khoảng 250 món) 5.3 Hướng phát triển - Cải thiện khả xử lý chatbot - Thêm tính tạo thực đơn, đưa gợi ý thực đơn dựa tiêu chí sức khỏe người dùng (chiều cao, cân nặng,…) - Hỗ trợ tính thay đổi ngơn ngữ - Thêm tính báo cáo vi phạm - Tối ưu hóa code để tăng tốc độ tương tác 88 TÀI LIỆU THAM KHẢO [1] Multiple Authors – MongoDB Documentation – [Online] https://docs.mongodb.com/ [2] Multiple Authors – Flutter Documentation – [Online] https://docs.flutter.dev [3] Multiple Authors – Getting Started on Heroku with Node.js – [Online] https://devcenter.heroku.com/articles/getting-started-with-nodejs [4] Multiple Authors – NestJs Documentation – [Online] https://docs.nestjs.com/ [5] Multiple Authors – OneSignal Documentation – [Online] https://documentation.onesignal.com/docs [6] Multiple Authors – Firebase Service Documentation – [Online] https://firebase.google.com/docs [7] Marcin Wanago – NestJs Tutorial – [Online] https://wanago.io/courses/api-withnestjs/ 89 ... dung đề tài: Tên đề tài: Xây dựng ứng dụng mạng xã hội chia sẻ phương pháp nấu ăn dinh dưỡng Mục tiêu - Xây dựng ứng dụng mạng xã hội chia sẻ công thức nấu ăn khoảnh khắc ăn uống đời sống - Kết... niềm đam mê nấu ăn đem lại ăn ngon, dinh dưỡng cho người dùng, nhóm chúng em tạo ứng dụng “Mạng xã hội chia sẻ phương pháp nấu ăn dinh dưỡng” Thông qua ứng dụng, người dùng chia sẻ phương pháp,... TP HCM, ngày… tháng… năm…… NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI CHIA SẺ PHƯƠNG PHÁP NẤU ĂN DINH DƯỠNG Cán hướng dẫn: Nhóm SV thực hiện: