ĐỒ Á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

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 Đức Mạnh – 1755248020100122 Nguyễn Thế Vũ – 1755248020100057 Nguyễn Viết Đứ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 gử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 thức quý báu Cũng xin gử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ệ ứ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 chức đăng nhập 25 DANH MỤC HÌNH ẢNH Hình 1.1: Ứng ứng liên tục cập nhật gợi ý ăn Hình 1.2: Chƣơng trình ƣu đãi ứ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 thức hoạt động HTML Hình 1.5 Biểu đồ thống kê thời gian sử 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ừ ứng dụng toà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 chứ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 tử (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 cửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứ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ệ Tứ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 tử sâu vào lĩnh vực thức ăn, đồ uống Hầu hết giao dịch thương mại điện tử lĩnh vực thứ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 ứng dụng giao đồ ăn, nước uống foodnow”, với mong muốn giúp tránh ảnh hưởng đến sứ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 cứu Nghiên cứu phát triển triển ứng dụng foodnow tảng phổ biến android ios Phương pháp nghiên cứu Sử dụng kiến thức học tài liệu có liên quan nước liên quan đến đề tài nghiên cứu đặc biệt tài liệu phát triển ứng dụng Nghiên cứ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 cứ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ế, sứ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 sức khỏe khách hàng thời gian dịch bệnh Đó “FoodNow” ứng dụng giao đồ ăn đồ uống Cấu trúc để tài Mở đầu Chương 1: Tổng quan đề tài Chương 2: Phân tích thiết kế hệ thống Chương 3: Triển khai xây dựng website  Khách hàng xem sản phẩm, sản phẩm theo loại  Khách hàng xem lịch sử đơn hàng đặt  Khách hàng chỉnh sử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, cử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 chứ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 ứng dụng điện thoại expo thông qua CH- play, trải nghiệm ứ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 xử 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ị: Sử 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ệ ứng dụng Client React Native Database Json Mô tả: Sử 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 Sử 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 sử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 Category Bảng 3.4: Bảng 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 chứ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 ứng dụng di động - Xây dựng thành cơng ứng dụng order ăn smartphone đáp ứng nhu cầu đặt ngƣời dùng - Tìm hiều nắm rõ cơng cụ để xây dựng ứng dụng React Navite - Giao diện chương trình thân thiện, dễ sử 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 cử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 ứ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 ứng dụng giao đồ ăn, nước uống FoodNow” trở thành ứng dụng odrer đồ ăn chuyên nghiệp, cung cấp đầy đủ ăn từ cử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 hoàn thiện cho ứ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/