ĐỒ Á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 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 23 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 CSS Hypertext Markup Language 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 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 ngồi 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 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 CHplay, 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 Databa se React Native 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 UserID(PK) String UserName String Ràng buộc PK,Not Null Not Null String Not Null UserPasswo rd ● Bảng address Ghi ID Họ Tên Mật Khẩu Bảng 3.2 Bảng address Tên cột Kiểu Ràng buộc Ghi AdressID(PK) ID ID ngƣời dùng District String PK, NOT NULL NOT NULL Quận ● G Bảng Shop Bảng 3.3 Bảng Shop M Tên cột Kiểu ShopName String ShopImage String h ShopAddress String ì ShopNote String n ● Bảng Categor y n h B ảng 3.4: Bảng Category đ ă Tên cột Kiểu n IdCategory String g NameCategory String 3.2 G n I h A ậ O p : D I Ệ N Ứ N G D Ụ N 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 T T ID [edt_TaiKhoan ] [edt_MatKhau ] [btn_DangNha p] Sự kiện Nhập Mô tả hoạt động Nhập tải khoản để đăng nhập Nhập Nhập mật để đăng nhập 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 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 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 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 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/ 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 cứu Phương pháp nghiên cứu Mục tiêu nghiên cứu đề tài Cấu trúc để tài CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI GIỚI THIỆU VỀ FOODNOW Tổng hợp, gợi ý ăn uống theo xu hướng 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 xun Hình 1.3: Tạo đặt hàng nhanh chóng GIỚI THIỆU VỀ CƠNG NGHỆ SỬ DỤNG CHO ỨNG DỤNG FOODNOW Ngơn ngữ Java Java gì? Các tính Java Java sử dụng để làm gì? Kiến trúc mơi trường Java gì? Máy ảo Java (JVM) Môi trường thời gian chạy Java – JRE Bộ phát triển Java (JDK) Ưu, nhược điểm Java Hệ điều hành android Giao diện ứng dụng Android Giao diện Ứng dụng Ưu, nhược điểm hệ điều hành Android MỤC ĐÍCH CỦA ĐỀ TÀI Ý NGHĨA CỦA ĐỀ TÀI CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG MƠ TẢ BÀI TỐN CHỨC NĂNG CỦA ĐỒ ÁN: CÁC TÁC NHÂN VÀ HƯỚNG GIẢI QUYẾT Quản lý Người dùng SƠ ĐỒ 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 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 Biểu đồ hoạt động Tác nhân khách hàng: Tác nhân Administrator Biểu đồ lớp 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 THIẾT KẾ ỨNG DỤNG Mơ hình cơng nghệ ứng dụng 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 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 chứ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: 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.7 Màn hình đặt hàng thành cơng Màn hình loại ăn: KẾT LUẬN 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