tiểu luận ứng dụng di động xây DỰNG hệ THỐNG điểm DANH SINH VIÊN BẰNG NHẬN DIỆN KHUÔN mặt

VIỆN KỸ THUẬT & CÔNG NGHỆ NGÀNH CÔNG NGHỆ THÔNG TIN ĐỒ ÁN HỌC PHẦN Ứng dụng di động XÂY DỰNG HỆ THỐNG ĐIỂM DANH SINH VIÊN BẰNG NHẬN DIỆN KHUÔN MẶT Giảng viên hướng dẫn: TS Trần Xuân Hào Sinh viên thực hiện: Nguyễn Đfíc Mạnh – 1755248020100122 Nguyễn Thế Vũ – 1755248020100057 Nguyễn Viết Đfíc – 1755248020100225 Nghệ An -12/2022 LỜI CẢM ƠN Sau thời gian thực đồ án tốt nghiệp, đến công việc liên quan đến đồ án hoàn tất Trong suốt thời gian này, em nhận nhiều giúp đỡ Ở phần luận văn, cho phép em có đơi điều gfíi đến ng ười em vô biết ơn Em xin chân thành cảm ơn Khoa Công nghệ thông tin, Trường Đại học Vinh tạo điều kiện thuận cho chúng em thực tập để có hội thực đề tài tốt nghiệp Em xin bày tỏ lòng biết ơn sâu sắc đến thầy Trần Xuân Hào tận tình hướng dẫn, bảo chúng em suốt trình thực đề tài Chúng em xin chân thành cảm ơn quý Thầy Cô Khoa Công nghệ thông tin tận tình giảng dạy, trang bị cho em kiến thfíc quý báu Cũng xin gfíi lời biết ơn đến ba, đến mẹ, người ln dành tình thƣơng yêu cho chúng em, người hỗ trợ, dõi theo bƣớc chúng em tất năm học vừa qua Cảm ơn tất bạn bè, người sát cánh niềm vui, chia sẻ khó khăn chúng em giúp đỡ chúng em nhiều trình thực đồ án i MỤC LỤC LỜI CẢM ƠN i MỤC LỤC ii DANH MỤC TỪ VIẾT TẮT iv DANH MỤC BẢNG BIỂU v DANH MỤC HÌNH ẢNH vi MỞ ĐẦU CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 GIỚI THIỆU VỀ FOODNOW 1.1.1 Tổng hợp, gợi ý ăn uống theo xu hướng 1.1.2 Thơng tin chương trình khuyến 1.2 GIỚI THIỆU VỀ CÔNG NGHỆ SỬ DỤNG CHO ỨNG DỤNG FOODNOW5 1.2.1 Ngôn ngữ Java 1.2.2 Hệ điều hành android 1.3 MỤC ĐÍCH CỦA ĐỀ TÀI 12 1.4 Ý NGHĨA CỦA ĐỀ TÀI 13 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 14 2.1 MƠ TẢ BÀI TOÁN 14 2.2 CHỨC NĂNG CỦA ĐỒ ÁN: 14 2.3 CÁC TÁC NHÂN VÀ HƯỚNG GIẢI QUYẾT 14 2.4 SƠ ĐỒ 15 2.4.1 Biểu đồ usecase 15 2.4.2 Biểu đồ 17 2.4.3 Biểu đồ hoạt động 20 2.4.4 Biểu đồ lớp 21 2.4.5 Sơ đồ triển khai yêu cầu hệ thống: 21 CHƯƠNG TRIỂN KHAI VÀ XÂY DỰNG ỨNG DỤNG 3.1 THIẾT KẾ ỨNG DỤNG 3.1.1 Mơ hình cơng nghệ fíng dụng 23 23 23 3.1.2 Thiết kế liệu vật lý 3.2 GIAO DIỆN ỨNG DỤNG 23 24 KẾT LUẬN 29 DANH MỤC TÀI LIỆU THAM KHẢO 30 DANH MỤC TỪ VIẾT TẮT Dom Document Object Mode npm Node Package Manager HTML Hypertext Markup Language CSS Cascading Style Sheets CLI Command line interface JSON JavaScript Object Notation DANH MỤC BẢNG BIỂU Bảng 3.1 Bảng user 23 Bảng 3.2 Bảng address 23 Bảng 3.3 Bảng Shop 24 Bảng 3.4: Bảng Category 24 Bảng 3.5 Mơ tả hoạt động chfíc đăng nhập 25 DANH MỤC HÌNH ẢNH Hình 1.1: Ứng fíng liên tục cập nhật gợi ý ăn Hình 1.2: Chƣơng trình ƣu đãi fíng dụng cập nhật thƣờng xun Hình 1.3: Tạo đặt hàng nhanh chóng Hình 1.4: Các thfíc hoạt động HTML Hình 1.5 Biểu đồ thống kê thời gian sfí dụng smartphone ngày 11 Hình 1.6 Biểu đồ thay đổi hàng năm giá điện thoại thông minh trung bình tồn cầu 11 Hình 1.7 Biểu đồ tổng doanh thu từ fíng dụng tồn giới (2018) 12 Hình 2.1 Sơ đồ Usecase dành cho khách hàng 15 Hình 2.2 Sơ đồ Usecase Admin 16 Hình 2.3 Usecase khách hàng 16 Hình 2.4 Sơ đồ usecase quản lý sản phẩm 17 Hình 2.5 Sơ đồ cho chfíc đăng nhập 17 Hình 2.6 Sơ đồ cho Administrator đăng nhập 18 Hình 2.7 Sơ đồ Administrator thêm khách hàng 18 Hình 2.8 Sơ đồ Administrator thêm sản phẩm 19 Hình 2.9 Sơ đồ Administrator cập nhật thơng tin danh mục 19 Hình 2.10 Sơ đồ hoạt động khách hàng tìm kiếm sản phẩm 20 Hình 2.11 Sơ đồ hoạt động Administrator quản lý sản phẩm 20 Hình 2.12 Sơ đồ lớp 21 Hình 2.13 Sơ đồ triển khai 21 Hình 3.1 Giao diện đăng nhập 24 Hình 3.2 Màn hình trang chủ 25 Hình 3.3 Màn hình Setting 26 Hình 3.4 Màn hình chi tiết sản phẩm 26 Hình 3.5 Truy cập từ chi tiết sản phẩm đến giỏ hàng 27 Hình 3.6 Màn hình đƣa sản phẩm vào giỏ hàng đặt sản phẩm 27 Hình 3.7 Màn hình đặt hàng thành cơng 28 Hình 3.8 Các loại ăn khách hàng truy cập vào 28 MỞ ĐẦU Lý chọn đề tài Thương mại điện tfí (TMĐT) lĩnh vực tương đối Việt Nam quan tâm ngày quan trọng cho phát triển kinh tế Đối với cfía hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp fíng nhu cầu khách hàng cần thiết Thời đại Công nghệ 4.0 tập trung vào phát triển cơng nghệ Tfíc tất liên quan đến hệ thống vật lý không gian mạng Internet Như cảm nhận đƣợc, công nghệ tạo ảnh hưởng to lớn lên tất ngành lĩnh vực đời sống Sự bùng nổ thương mại điện tfí sâu vào lĩnh vực thfíc ăn, đồ uống Hầu hết giao dịch thương mại điện tfí lĩnh vực thfíc ăn đồ uống đƣợc thực thơng qua thiết bị di động nhƣ điện thoại máy tính bảng Nên em định chọn đề tài “Xây dựng fíng dụng giao đồ ăn, nước uống foodnow”, với mong muốn giúp tránh ảnh hưởng đến sfíc khỏe khách hàng thời gian dịch bệnh kéo dài Đối tượng phạm vi nghiên cfíu Nghiên cfíu phát triển triển fíng dụng foodnow tảng phổ biến android ios Phương pháp nghiên cfíu Sfí dụng kiến thfíc học tài liệu có liên quan ngồi nước liên quan đến đề tài nghiên cfíu đặc biệt tài liệu phát triển fíng dụng Nghiên cfíu tìm hiểu tập trung bám sát đề cương hướng dẫn thầy giáo Mục tiêu nghiên cfíu đề tài Hiện nay, tinh hình dịch bênh tăng cao gây ảnh hƣởng nhiều đến nên kinh tế, sfíc khỏe người Cho nên em đưa giải pháp đặt đồ ăn giao đồ ăn nhằm phục vụ nhu cầu người, tránh ảnh hưởng đến sfíc khỏe khách hàng ngồi thời gian dịch bệnh Đó “FoodNow” fíng dụng giao đồ ăn đồ uống • Tác nhân Administrator Hình 2.6 Sơ đồ cho Administrator đăng nhập Hình 2.7 Sơ đồ Administrator thêm khách hàng Hình 2.8 Sơ đồ Administrator thêm sản phẩm Hình 2.9 Sơ đồ Administrator cập nhật thông tin danh mục 2.4.3 Biểu đồ hoạt động • Tác nhân khách hàng: Hình 2.10 Sơ đồ hoạt động khách hàng tìm kiếm sản phẩm • Tác nhân Administrator Hình 2.11 Sơ đồ hoạt động Administrator quản lý sản phẩm 2.4.4 Biểu đồ lớp Hình 2.12 Sơ đồ lớp 2.4.5 Sơ đồ triển khai yêu cầu hệ thống: Sơ đồ triên khai: Hình 2.13 Sơ đồ triển khai User (khách hàng): - Khách hàng tải fíng dụng điện thoại expo thơng qua CH- play, trải nghiệm fíng dụng mà mang lại cho quý khách hàng Admin (quản trị viên): - Quản trị viên phụ trách kiểm tra hệ thống, đảm bảo hệ thống vận hành trôi chảy, báo cáo xfí lý hệ thống gặp lỗi, hỗ trợ việc đặt hàng gặp vấn đề xảy Yêu cầu hệ thống: Thiết bị: Sfí dụng smartphone hệ điều hành Android Phần mềm: Cài đặt từ CH- Play khách hàng có CHƯƠNG TRIỂN KHAI VÀ XÂY DỰNG ỨNG DỤNG 3.1 THIẾT KẾ ỨNG DỤNG 3.1.1 Mơ hình cơng nghệ fíng dụng Client React Native Database Json Mơ tả: Sfí dụng Json tích hợp với Server – Website Client(Front- end) đƣợc xây framework React- Native Tạo giao diện tƣơng tác phù hợp cho ngƣời dùng Sfí dụng mơ hình MVC (Model – View – Controller) Controller: đƣợc tạo để thực thi yêu cầu từ ngƣời dùng, controller thực tiếp nhận tham số, gọi hàm model, nạp view cần thiết Model: dùng để cung cấp liệu, thực kết nối, trích lọc, chèn, chỉnh sfía liệu database View: trang web hiển thị liệu Dữ liệu mà view hiển thị controller cung cấp (controller lấy từ model để đƣa cho view) 3.1.2 Thiết kế liệu vật lý • Bảng User Bảng 3.1 Bảng user Tên cột Kiểu Ràng buộc Ghi UserID(PK) String PK,Not Null ID UserName String Not Null Họ Tên UserPassword String Not Null Mật Khẩu Bảng 3.2 Bảng address • Bảng address Tên cột Kiểu Ràng buộc Ghi AdressID(PK) ID PK, NOT NULL ID ngƣời dùng District String NOT NULL Quận • Bảng Shop Bảng 3.3 Bảng Shop Tên cột Kiểu Ràng buộc Ghi ShopName String PK, NOT NULL Tên ShopImage String NOT NULL Hình ảnh ShopAddress String NOT NULL Địa ShopNote String NOT NULL Mơ tả • Bảng Bảng 3.4: Bảng Category Category Tên cột Kiểu Ràng buộc Ghi IdCategory String NOT NULL ID Loại NameCategory String NOT NULL Tên Loại 3.2 GIAO DIỆN ỨNG DỤNG Màn hình đăng nhập: Hình 3.1 Giao diện đăng nhập Mơ tả hoạt động: Bảng 3.5 Mơ tả hoạt động chfíc đăng nhập TT ID Sự kiện Mô tả hoạt động [edt_TaiKhoan] Nhập Nhập tải khoản để đăng nhập [edt_MatKhau] Nhập Nhập mật để đăng nhập [btn_DangNhap] Nhập Kiểm tra tài khoản mật khẩu, chuyển sang trang ch Màn hình trang chủ: Hình 3.2 Màn hình trang chủ Màn hình setting: Hình 3.3 Màn hình Setting Màn hình chi tiết sản phẩm: Hình 3.4 Màn hình chi tiết sản phẩm giỏ hàng: Hình 3.5 Truy cập từ chi tiết sản phẩm đến giỏ hàng Màn hình Hình 3.6 Màn hình đƣa sản phẩm vào giỏ hàng đặt sản phẩm Hình 3.7 Màn hình đặt hàng thành cơng Màn hình loại ăn: Hình 3.8 Các loại ăn khách hàng truy cập vào KẾT LUẬN Kết đạt đƣợc Sau thực đề tài, chương trình đạt số kết sau: - Hiểu rõ quy trình xây dựng fíng dụng di động - Xây dựng thành cơng fíng dụng order ăn smartphone đáp fíng nhu cầu đặt ngƣời dùng - Tìm hiều nắm rõ công cụ để xây dựng fíng dụng React Navite - Giao diện chương trình thân thiện, dễ sfí dụng Hạn chế đề tài - Chƣa kết nối đƣợc liệu để nhằm xây dựng app di động hoàn chỉnh - Ứng dụng cịn nhiều thiếu sót cần phát triển tỉ mỉ để hợp tác với cfía hàng ăn uống - Thực đơn ăn, nước uống cịn chưa cập nhật cách nhanh để đáp fíng cho khách hàng Hƣớng phát triển đề tài Với nổ lực thân, em cố gắn hoàn thành đồ án tốt nghiệp thời hạn yêu cầu thầy cô đặt Do thời gian lực có hạn nên em tâm hƣớng việc phải triển FrontEnd app Mong muốn đề tài “Xây dựng fíng dụng giao đồ ăn, nước uống FoodNow” trở thành fíng dụng odrer đồ ăn chuyên nghiệp, cung cấp đầy đủ ăn từ cfía hàng khác Đi kèm với ăn dịch vụ giao hàng uy tín chất lƣợng Đề nghị ý kiến Trong thời gian thực đề tài em khơng thể tránh khỏi thiếu sót, em mong nhận đóng góp ý kiến từ, ngƣời hƣớng dẫn, thầy cô bạn để em hồn thiện cho fíng dụng đặt đồ ăn, nước uống FoodNow điện thoại di động DANH MỤC TÀI LIỆU THAM KHẢO [1] https://github.com/facebook/react- native [2] https://facebook.github.io/react- native/ [3] https://expo.io/ [4] https://github.com/react-native-communityhttps://www.facebook.com/groups/ reactnativevietnam/ LỜI CẢM ƠN MỤC LỤC DANH MỤC TỪ VIẾT TẮT DANH MỤC BẢNG BIỂU DANH MỤC HÌNH ẢNH MỞ ĐẦU Đối tượng phạm vi nghiên cfíu Phương pháp nghiên cfíu Mục tiêu nghiên cfíu đề tài Cấu trúc để tài CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 GIỚI THIỆU VỀ FOODNOW 1.1.1 Tổng hợp, gợi ý ăn uống theo xu hướng Hình 1.1: Ứng fíng liên tục cập nhật gợi ý ăn Hình 1.2: Chương trình ưu đãi fíng dụng cập nhật thường xun Hình 1.3: Tạo đặt hàng nhanh chóng 1.2 GIỚI THIỆU VỀ CÔNG NGHỆ SỬ DỤNG CHO ỨNG DỤNG FOODNOW 1.2.1 Ngơn ngữ Java 1.2.1.1 Java gì? 1.2.1.2 Các tính Java 1.2.1.3 Java sử dụng để làm gì? 1.2.1.4 Kiến trúc mơi trường Java gì? 1.2.1.5 Máy ảo Java (JVM) 1.2.1.6 Mơi trường thời gian chạy Java – JRE 1.2.1.7 Bộ phát triển Java (JDK) 1.2.1.8 Ưu, nhược điểm Java 1.2.2 Hệ điều hành android 1.2.2.2 Giao diện fíng dụng Android Giao diện Ứng dụng 1.2.2.3 Ưu, nhược điểm hệ điều hành Android 1.3 MỤC ĐÍCH CỦA ĐỀ TÀI 1.4 Ý NGHĨA CỦA ĐỀ TÀI CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1 MƠ TẢ BÀI TỐN 2.2 CHỨC NĂNG CỦA ĐỒ ÁN: 2.3 CÁC TÁC NHÂN VÀ HƯỚNG GIẢI QUYẾT Quản lý Người dùng 2.4 SƠ ĐỒ 2.4.1 Biểu đồ usecase Hình 2.1 Sơ đồ Usecase dành cho khách hàng Hình 2.2 Sơ đồ Usecase Admin • Tác nhân khách hàng o Tác nhân Administrator Hình 2.4 Sơ đồ usecase quản lý sản phẩm 2.4.2 Biểu đồ • Tác nhân khách hàng: • Tác nhân Administrator Hình 2.7 Sơ đồ Administrator thêm khách hàng Hình 2.9 Sơ đồ Administrator cập nhật thơng tin danh mục 2.4.3 Biểu đồ hoạt động • Tác nhân khách hàng: • Tác nhân Administrator 2.4.4 Biểu đồ lớp 2.4.5 Sơ đồ triển khai yêu cầu hệ thống: Hình 2.13 Sơ đồ triển khai Yêu cầu hệ thống: CHƯƠNG TRIỂN KHAI VÀ XÂY DỰNG ỨNG DỤNG 3.1 THIẾT KẾ ỨNG DỤNG 3.1.1 Mô hình cơng nghệ fíng dụng 3.1.2 Thiết kế liệu vật lý Bảng 3.1 Bảng user Bảng 3.2 Bảng address Bảng 3.3 Bảng Shop Category Bảng 3.4: Bảng Category Hình 3.1 Giao diện đăng nhập Bảng 3.5 Mô tả hoạt động chfíc đăng nhập Hình 3.2 Màn hình trang chủ Hình 3.3 Màn hình Setting Màn hình chi tiết sản phẩm: giỏ hàng: Hình 3.6 Màn hình đƣa sản phẩm vào giỏ hàng đặt sản phẩm KẾT LUẬN Kết đạt đƣợc Hạn chế đề tài Hƣớng phát triển đề tài Đề nghị ý kiến DANH MỤC TÀI LIỆU THAM KHẢO ... rõ cơng cụ để xây dựng fíng dụng React Navite - Giao di? ??n chương trình thân thiện, dễ sfí dụng Hạn chế đề tài - Chƣa kết nối đƣợc liệu để nhằm xây dựng app di động hồn chỉnh - Ứng dụng cịn nhiều... 2.4.3 Biểu đồ hoạt động 20 2.4.4 Biểu đồ lớp 21 2.4.5 Sơ đồ triển khai yêu cầu hệ thống: 21 CHƯƠNG TRIỂN KHAI VÀ XÂY DỰNG ỨNG DỤNG 3.1 THIẾT KẾ ỨNG DỤNG 3.1.1 Mơ hình cơng nghệ fíng dụng 23 23 23... (quản trị viên) : - Quản trị viên phụ trách kiểm tra hệ thống, đảm bảo hệ thống vận hành trơi chảy, báo cáo xfí lý hệ thống gặp lỗi, hỗ trợ việc đặt hàng gặp vấn đề xảy Yêu cầu hệ thống: Thiết