(Tiểu luận) xây dựng ứng dụng giao đồ ăn, nƣớc uống foodnow

TRƢỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH NGUYỄN HỒI BẢO XÂY DỰNG ỨNG DỤNG GIAO ĐỒ ĂN, NƢỚC UỐNG FOODNOW ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN (ỨNG DỤNG PHẦN MỀM) Đà Nẵng - 12/2021 TRƢỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH NGUYỄN HỒI BẢO K13C04A010 XÂY DỰNG ỨNG DỤNG GIAO ĐỒ ĂN, NƢỚC UỐNG FOODNOW ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN (ỨNG DỤNG PHẦN MỀM) Giảng viên hƣớng dẫn: ThS Lƣơng Khánh Tý Đà Nẵng - 12/2021 Xây dựng ứng dụng giao đồ ăn, nƣớc uống Foodnow 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 hồn tất Trong suốt thời gian này, em nhận đƣợc 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 Khoa học máy tính, Trƣờng Đại học Công nghệ Thông tin Truyền thông Việt- Hàn 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 Lƣơng Khánh Tý 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 q Thầy Cơ Khoa Khoa học máy tính 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 q trình thực đồ án SVTH: Nguyễn Hồi Bảo - K13C04A010 i Xây dựng ứng dụng giao đồ ăn, nƣớc uống Foodnow 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 1.2 GIỚI THIỆU VỀ CƠNG NGHỆ SỬ DỤNG CHO ỨNG DỤNG FOODNOW5 1.2.1 Ngơn ngữ HTML 1.2.2 Ngôn ngữ Javascrip 1.2.3 Công nghệ React Native .9 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 SVTH: Nguyễn Hoài Bảo - K13C04A010 ii Xây dựng ứng dụng giao đồ ăn, nƣớc uống Foodnow 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 SVTH: Nguyễn Hoài Bảo - K13C04A010 iii Xây dựng ứng dụng giao đồ ăn, nƣớc uống Foodnow 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 SVTH: Nguyễn Hoài Bảo - K13C04A010 iv Xây dựng ứng dụng giao đồ ăn, nƣớc uống Foodnow 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 SVTH: Nguyễn Hoài Bảo - K13C04A010 v Xây dựng ứng dụng giao đồ ăn, nƣớc uống Foodnow DANH MỤC HÌNH ẢNH Hình 1.1: Ứng ứng liên tục cập nhật gợi ý ăn .3 Hình 1.2: Chƣơng trình ƣu đãi đƣợc ứng dụng cập nhật thƣờng xun Hình 1.3: Tạo đặt hàng nhanh chóng .5 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 SVTH: Nguyễn Hoài Bảo - K13C04A010 vi Xây dựng ứng dụng giao đồ ăn, nƣớc uống Foodnow 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 đƣợc 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 đƣợc 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 dƣới 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 SVTH: Nguyễn Hoài Bảo - K13C04A010 Xây dựng ứng dụng giao đồ ăn, nƣớc uống Foodnow 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 SVTH: Nguyễn Hoài Bảo - K13C04A010