Nghiên cứu xây dựng ứng dụng di động cho việc thiết lập bữa ăn đảm bảo dinh dưỡng

TRƯỜNG ĐẠI HỌC SƯ PHẠM ĐẠI HỌC ĐÀ NẴNG KHOA TIN HỌC BÁO CÁO KHÓA LUẬN TỐT NGHIỆP TÊN ĐỀ TÀI NGHIÊN CỨU XÂY DỰNG ỨNG DỤNG DI ĐỘNG CHO VIỆC THIẾT LẬP BỮA ĂN ĐẢM BẢO DINH DƯỠNG Sinh viên Lớp Mã SV CBHD : VÕ NGUYỄN HOÀNG PHI : 16CNTT3 : 312024161133 : PGS.TSKH TRẦN QUỐC CHIẾN ĐÀ NẴNG, 07/2020 MỞ ĐẦU Lời em xin cám ơn thầy PGS TSKH Trần Quốc Chiến tận tình giúp đỡ thời gian em xây dựng hệ thống ứng dụng làm báo cáo khóa luận Em xin cám ơn quý thầy cô trường Đại học Sư Phạm Đà Nẵng tạo nhiều điều kiện để em học tập nghiên cứu đề tài Lời cuối em xin chúc quý thầy, cô quý anh, chị giúp đỡ em thời gian qua xin chúc tất người khỏe mạnh thành công sống Em xin chân thành cám ơn! Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) MỤC LỤC LỜI MỞ ĐẦU MỤC LỤC CÁC CHỮ VIẾT TẮT DANH MỤC BẢNG DANH MỤC CÁC HÌNH VẼ - ĐỒ THỊ GIỚI THIỆU Lý chọn đề tài Mục tiêu nhiệm vụ đề tài 2.1 Mục tiêu 2.2 Nhiệm vụ Đối tượng phạm vi nghiên cứu 3.1 Đối tượng nghiên cứu 3.2 Phạm vi nghiên cứu Phương pháp nghiên cứu 10 Giải pháp đề xuất 10 Kết dự kiến 10 6.1 Lý thuyết 10 6.2 Thực tiễn 10 Bố cục khóa luận 11 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 12 Khái quát phân tích thiết kế hệ thống 12 1.1 Định nghĩa 12 1.2 Ưu điểm nhược điểm việc phân tích hệ thống 12 1.3 Phân tích thiết kế hướng cấu trúc 13 1.4 Phân tích thiết kế hướng đối tượng 13 1.5 Các khái niệm lập trình hướng đối tượng 13 Khái quát UML 14 2.1 Định nghĩa 14 2.2 Thiết kế hướng đối tượng sử dụng UML 14 Nền tảng công nghệ 14 Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) 3.1 Tổng quan ngơn ngữ lập trình Javascript 14 3.2 Tổng quan Nodejs Framework 14 3.3 Tổng quan React Native Framework 15 3.4 Tổng quan MongoDB 16 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 17 Yêu cầu chức 18 1.1 Chức hệ thống 18 2.2 Đặc tả phần mềm 20 CHƯƠNG 3: CÀI ĐẶT VÀ THỬ NGHIỆM 51 Môi trường phát triển 51 Giao diện 51 2.1 Giao diện hệ thống 51 2.2 Giao diện người quản trị 58 KẾT LUẬN 62 Kết luận 62 Hướng phát triển 62 DANH MỤC TÀI LIỆU THAM KHẢO 63 Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) CÁC CHỮ VIẾT TẮT UML Unified Modeling Language RAM Random Access Memory CPU Center Processing Unit API Application Program Interface RDBMS Relational Database Management System Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) DANH MỤC BẢNG Bảng 1: Phân tích chức hệ thống 20 Bảng 2: Mô tả tác nhân hệ thống 20 Bảng 3: Đặc tả Use case đăng nhập 30 Bảng 4: Đặc tả Use case đăng ký 30 Bảng 5: Đặc tả Use case tìm kiếm thực phẩm 31 Bảng 6: Đặc tả Use case chọn thực phẩm 31 Bảng 7: Đặc tả Use case chọn thực đơn 32 Bảng 8: Đặc tả Use case xem thực đơn 32 Bảng 9: Đặc tả Use case thay đổi thông tin 33 Bảng 10: Đặc tả Use case xem thực phẩm 33 Bảng 11: Đặc tả Use case xem chi tiết ăn 34 Bảng 12: Đặc tả Use case người quản trị 34 Bảng 13: Đặc tả Use case lấy thực phẩm 35 Bảng 14: Bảng liệu History 37 Bảng 15: Bảng liệu Statistic 37 Bảng 16: Bảng liệu User 38 Bảng 17: Bảng liệu Dish 38 Bảng 18: Bảng liệu Ingredient 39 Bảng 19: Bảng liệu Catogory 39 Bảng 20: Bảng liệu Nutrition 40 Bảng 21: Bảng liệu Menu 40 Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) DANH MỤC CÁC HÌNH VẼ - ĐỒ THỊ Hình 1: Chức hệ thống 18 Hình 2: Sơ đồ Use case cho quản trị viên 21 Hình 3: Sơ đồ Use case quản lý liệu ăn 22 Hình 4: Sơ đồ Use case quản lý liệu phân loại 22 Hình 5: Sơ đồ Use case quản lý liệu thực phẩm 23 Hình 6: Sơ đồ Use case quản lý liệu người dùng 23 Hình 7: Sơ đồ Use case quản lý liệu thực đơn 24 Hình 8: Sơ đồ Use case quản lý liệu dinh dưỡng 24 Hình 9: Sơ đồ Use case cho người sử dụng 25 Hình 10: Sơ đồ Use case xem chi tiết ăn 26 Hình 11: Sơ đồ Use case chọn thực phẩm 26 Hình 12: Sơ đồ Use case chọn thực đơn 27 Hình 13: Sơ đồ Usecase sửa đổi thông tin 27 Hình 14: Sơ đồ Use case xem thực phẩm 28 Hình 15: Sơ đồ Use case xem thực đơn 28 Hình 16: Sơ đồ Use case đăng ký, đăng nhập 29 Hình 17: Sơ đồ Use case tìm kiếm thực phẩm 29 Hình 18: Sơ đồ Class diagram 36 Hình 19: Sơ đồ hoạt động xem đăng nhập 41 Hình 20: Sơ đồ hoạt động đăng ký 42 Hình 21: Sơ đồ hoạt động tìm kiếm 43 Hình 22: Sơ đồ hoạt động xem thực phẩm 44 Hình 23: Sơ đồ hoạt động xem thực đơn 45 Hình 24: Sơ đồ hoạt động xem chi tiết 46 Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) Hình 25: Sơ đồ hoạt động thay đổi thông tin 47 Hình 26: Sơ đồ hoạt động chọn thực phẩm 48 Hình 27: Sơ đồ hoạt động chọn thực đơn 49 Hình 28: Sơ đồ hoạt động người quản trị 50 Hình 29: Giao diện đăng nhập, đăng ký 51 Hình 30: Giao diện thực phẩm 52 Hình 31: Giao diện thực đơn 53 Hình 32: Giao diện chọn thực phẩm, thực đơn 54 Hình 33: Giao diện thay đổi thông tin 55 Hình 34: Giao diện ăn, chi tiết ăn 56 Hình 35: Giao diện tìm kiếm 57 Hình 36: Giao diện đăng nhập người quản trị 58 Hình 37: Giao diện trang chủ người quản trị 59 Hình 38: Giao diện chi tiết quản lý 60 Hình 39: Giao diện thêm sửa xóa 61 Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) GIỚI THIỆU Lý chọn đề tài Ngày nay, xã hội kinh tế ngày phát triển người ngày trở nên bận rộn Bận rộn công việc khiến khơng cịn nhiều thời gian để lên ý tưởng cho bữa ăn phù hợp Giá cho bữa ăn vấn đề chọn bữa ăn phù hợp Dinh dưỡng bữa ăn cung cấp vấn đề không quan trọng Do đó, việc thiết lập bữa ăn phù hợp mà đảm bảo dinh dưỡng tất yếu cần thiết cho người bận rộn, người quan tâm đến bữa ăn dinh dưỡng, ngồi việc thơng báo giá cho bữa ăn đảm bảo dinh dưỡng giúp có thêm nhiều lựa chọn Hơn nữa, góp ý q trình học tập, tơi nghiên cứu đề xuất xây dựng đề tài “Ứng dụng di động cho việc thiết lập bữa ăn đảm bảo dinh dưỡng” giảng viên PGS TSKH Trần Quốc Chiến hướng dẫn Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) Mục tiêu nhiệm vụ đề tài 2.1 Mục tiêu Xây dựng ứng dụng di động cho phép người dùng tham khảo bữa ăn đảm bảo dinh dưỡng, giá phù hợp với giao diện thân thiện dễ sử dụng 2.2 Nhiệm vụ Tìm hiểu nghiên cứu ngơn ngữ lập trình Javascript bao gồm framework React Native Nodejs Tìm hiểu dinh dưỡng cho bữa ăn, nguồn giá cho thực phẩm Nghiên cứu cơng cụ sử dụng q trình làm đồ án: Visual Studio Code, MongoDB Atlas, Mongo Compass, Heroku (Cloud Application Flatform), Git Đối tượng phạm vi nghiên cứu 3.1 Đối tượng nghiên cứu Nhu cầu vấn đề chọn bữa ăn với giá phù hợp Nhu cầu vấn đề chọn bữa ăn đảm bảo dinh dưỡng Cách thiết kế giao diện trực quan dễ sử dụng Quy trình xây dựng hồn chỉnh ứng dụng di động 3.2 Phạm vi nghiên cứu Tài liệu liên quan đến ngôn ngữ Javascript MDN Web Tài liệu hướng dẫn liên quan đến Framework React Native Tài liệu hướng dẫn liên quan đến Framework Nodejs Các báo nói dinh dưỡng bữa ăn Các website cung cấp giá cho thực phẩm uy tín (LotteMart, Vinmart BigC) Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) 50 2.2.7.10 Sơ đồ hoạt động người quản trị Hình 28: Sơ đồ hoạt động người quản trị Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) 51 CHƯƠNG 3: CÀI ĐẶT VÀ THỬ NGHIỆM Môi trường phát triển Sử dụng React Native để phát triển môi trường iOS, Android Sử dụng ReactJS để phát triển trang administrator website Sử dụng Mongo Atlas để lưu trữ sở liệu đám mây Giao diện 2.1 Giao diện hệ thống Hình 29: Giao diện đăng nhập, đăng ký Võ Nguyễn Hồng Phi – Lớp 16CNTT3 (2016-2020) 52 Hình 30: Giao diện thực phẩm Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) 53 Hình 31: Giao diện thực đơn Võ Nguyễn Hồng Phi – Lớp 16CNTT3 (2016-2020) 54 Hình 32: Giao diện chọn thực phẩm, thực đơn Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) 55 Hình 33: Giao diện thay đổi thơng tin Võ Nguyễn Hồng Phi – Lớp 16CNTT3 (2016-2020) 56 Hình 34: Giao diện ăn, chi tiết ăn Võ Nguyễn Hồng Phi – Lớp 16CNTT3 (2016-2020) 57 Hình 35: Giao diện tìm kiếm Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) 58 2.2 Giao diện người quản trị Hình 36: Giao diện đăng nhập người quản trị Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) 59 Hình 37: Giao diện trang chủ người quản trị Võ Nguyễn Hồng Phi – Lớp 16CNTT3 (2016-2020) 60 Hình 38: Giao diện chi tiết quản lý Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) 61 Hình 39: Giao diện thêm sửa xóa Võ Nguyễn Hồng Phi – Lớp 16CNTT3 (2016-2020) 62 KẾT LUẬN Kết luận Về lý thuyết: • Hiểu quy trình xây dựng phát triển phần mềm • Ứng dụng React Native để thiết kế giao diện • Ứng dụng Nodejs để xây dựng API cho nhu cầu ứng dụng Về chức bao gồm: • Chọn thực phẩm • Xem thực phẩm • Chọn thực đơn • Xem thực đơn • Xem chi tiết ăn • Tìm kiếm Hướng phát triển Phát triển thêm chức ăn uống dành cho người bệnh, người tập thể dục Nâng cao liệu để có nhiều lựa chọn Phân tích dinh dưỡng xác Võ Nguyễn Hồng Phi – Lớp 16CNTT3 (2016-2020) 63 DANH MỤC TÀI LIỆU THAM KHẢO [1] "Use case," [Online] Available: https://vi.wikipedia.org/wiki/Use_case [2] "React native," [Online] Available: https://techtalk.vn/tong-quan-ve-react-native.html [3] "Nodejs," [Online] Available: https://vi.wikipedia.org/wiki/Node.js [4] "Nodejs," [Online] Available: https://techtalk.vn/node-js-la-gi.html [5] "Js framework for mobile application," [Online] Available: https://www.hongkiat.com/blog/mobile-frameworks/ [6] "Js framework for server side," [Online] Available: https://hackr.io/blog/best-javascriptframeworks [7] "Phân tích thiết kế hướng đối tượng," [Online] Available: https://iviettech.vn/blog/302ooaduml.html [8] "Dinh dưỡng bữa ăn," [Online] Available: https://dantri.com.vn/suc-khoe/chuyen-giadinh-duong-goi-y-4-bua-an-hoan-chinh-cho-ngay-ban-ron-20181012095341836.htm [9] Bảng thành phần thực phẩm Việt Nam, NHÀ XUẤT BẢN Y HỌC, 2007 [10] "UML," [Online] Available: https://en.wikipedia.org/wiki/Unified_Modeling_Language Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) 64 Ý KIẾN CỦA CÁN BỘ HƯỚNG DẪN Đà Nẵng, ngày tháng năm 2020 Cán hướng dẫn Ý KIẾN CỦA HỘI ĐỒNG CHẤM BÁO CÁO Đà Nẵng, ngày tháng năm 2020 Cán duyệt báo cáo Võ Nguyễn Hoàng Phi – Lớp 16CNTT3 (2016-2020) ... tưởng cho bữa ăn phù hợp Giá cho bữa ăn vấn đề chọn bữa ăn phù hợp Dinh dưỡng bữa ăn cung cấp vấn đề khơng quan trọng Do đó, việc thiết lập bữa ăn phù hợp mà đảm bảo dinh dưỡng tất yếu cần thiết cho. .. bữa ăn dinh dưỡng, ngồi việc thơng báo giá cho bữa ăn đảm bảo dinh dưỡng giúp có thêm nhiều lựa chọn Hơn nữa, góp ý q trình học tập, tơi nghiên cứu đề xuất xây dựng đề tài ? ?Ứng dụng di động cho. .. vi nghiên cứu 3.1 Đối tượng nghiên cứu Nhu cầu vấn đề chọn bữa ăn với giá phù hợp Nhu cầu vấn đề chọn bữa ăn đảm bảo dinh dưỡng Cách thiết kế giao di? ??n trực quan dễ sử dụng Quy trình xây dựng