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 TỐ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 23 3.1 THIẾT KẾ ỨNG DỤNG 23 3.1.1 Mơ hình cơng nghệ fíng dụng 23 3.1.2 Thiết kế liệu vật lý .23 3.2 GIAO DIỆN ỨNG DỤNG 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 xuyên .4 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 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 hưởng người, đến tránh ảnh 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 - Khách hàng xem sản phẩm, sản phẩm theo loại - Khách hàng xem lịch sfí đơn hàng đặt - Khách hàng chỉnh sfía thơng tin cá nhân địa nhận hàng Hình 2.2 Sơ đồ Usecase Admin - Admin quản lý danh sác sản phẩm, cfía hàng - Xem thống kê - Đăng xuất •Tác nhân khách hàng Hình 2.3 Usecase khách hàng o Tác nhân Administrator Biểu đồ usecase quản lý sản phẩm 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: Hình 2.5 Sơ đồ cho chfíc đăng nhập •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à chúng tơi 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 address Bảng 3.2 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 Hình 3.5 Truy cập từ chi tiết sản phẩm đến giỏ hàng Màn hình 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 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 hồ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 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/ ... 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... (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... 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