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ĐỒ Á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ĐỒ Á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ĐỒ Á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ĐỒ Á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ĐỒ ÁN HỌC PHẦN Ứng dụng di động XÂY DỰNG HỆ THỐNG ĐỒ Á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ĐỒ Á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ĐỒ Á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Đ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.
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 .1 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 GIỚI THIỆU VỀ FOODNOW .3 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 .3 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 .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 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 xun 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 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 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 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 Databas e 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 Ràng buộc Ghi UserID(PK) String ID UserName String PK,Not Null Not Null UserPasswo rd String Not Null Bảng address Tên cột Họ Tên Mật Khẩu Bảng 3.2 Bảng address Kiểu Ràng buộc Ghi AdressID(PK) ID District String Bảng Shop PK, NOT NULL NOT NULL ID ngƣời dùng Quận Bảng 3.3 Bảng Shop Tên cột Kiểu Ràng buộc Ghi ShopName String Tên ShopImage String PK, NOT NULL NOT NULL Hình ảnh ShopAddress String NOT NULL Địa ShopNote String NOT NULL Mô tả Bảng Categor y 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 NameCategor y 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 [edt_TaiKhoan ] [edt_MatKhau ] [btn_DangNha p] Màn hình trang chủ: 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 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 đạt đƣợc KẾT LUẬN 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-nativecommunityhttps://www.facebook.com/groups/ reactnativevietnam/ ... hiểu cơng nghệ cá nhân, luân văn tốt nghiệp em đạt đƣợc mục đích mong đợi 1.4 Ý NGHĨA CỦA ĐỀ TÀI Trước hết, đề tài? ?? Xây dựng ứng dụng giao đồ ăn, nước uống FoodNow” ứng dụng xây dựng đề tài thể việc... 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... 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 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 GIỚI THIỆU VỀ FOODNOW