Xây dựng hệ thống giao đồ ăn nhanh

MỤC LỤC PHẦN MỞ ĐẦU 1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI MỤC ĐÍCH CỦA ĐỀ TÀI CÁCH TIẾP CẬN VÀ PHƯƠNG PHÁP NGHIÊN CỨU 3.1 Đối tượng nghiên cứu 3.2 Phạm vi nghiên cứu 3.3 Phương pháp nghiên cứu PHÂN TÍCH CÁC ỨNG DỤNG CĨ LIÊN QUAN KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 GIỚI THIỆU NGƠN NGỮ LẬP TRÌNH 1.1.1 Giới thiệu ngôn ngữ Java[1] 1.1.2 Giới thiệu HTML[2] 1.1.3 Giới thiệu CSS[3] 1.1.4 Giới thiệu ngôn ngữ Javascript[4] 1.2 GIỚI THIỆU VỀ CÔNG NGHỆ SỬ DỤNG 1.2.1 Tìm hiều ReactJS[5] 1.2.1.1 Giới thiệu React 1.2.1.2 Giới thiệu JSX 1.2.1.3 Giới thiệu Components 1.2.1.4 Props State: 1.2.2 Tìm hiểu Redux[6] 1.2.2.1 Khái niệm 1.2.2.2 Cấu trúc 1.2.2.3 Nguyên lý hoạt động 1.2.2.4 Nguyên tắc redux 1.3 CƠ SỞ DỮ LIỆU FIREBASE[7] 1.3.1 Giới thiệu sở liệu Firebase 1.3.2 Các tính Firebase 1.3.2.1 Realtime Database – Cơ sở liệu thời gian thực 1.3.2.2 Tự động tính tốn quy mơ ứng dụng 1.3.2.3 Các tính bảo mật lớp đầu 1.3.2.4 Làm việc offline 10 1.3.2.5 Firebase Authentication – Hệ thống xác thực Firebase 10 1.3.2.6 Firebase Hosting 10 1.3.2.7 Firebase Storage 10 1.3.3 Những lợi ích sử dụng sở liệu Firebase 11 1.3.3.1 Triển khai ứng dụng cực mạnh 11 1.3.3.2 Bảo mật 11 1.3.3.3 Tính linh hoạt khả mở rộng 11 1.3.3.4 Sự ổn định 11 1.3.3.5 Giá thành 12 1.4 HỆ ĐIỀU HÀNH ANDROID: 12 1.4.1 Giới thiệu hệ điều hành Android[8] 12 1.4.2 Những ưu điểm nhược điểm hệ điều hành android[9] 13 CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 14 2.1 KHẢO SÁT HIỆN TRẠNG 14 2.1.1 Vietnammm – web đặt ăn trực tuyến (https://www.vietnammm.com/) 14 2.1.2 GO-Food – ứng dụng ship đồ ăn 15 2.1.3 GrabFood – ứng dụng đặt đồ ăn Online Grab 16 2.1.4 Now.vn – ứng dụng đặt đồ ăn online nhiều deal 17 2.1.5 BAEMIN – ứng dụng đặt đồ ăn online (https://baemin.vn/) 18 2.1.6 Đánh giá chung định hướng thiết kế 20 2.2 XÁC ĐỊNH YÊU CẦU 21 2.2.1 Yêu cầu chức 21 2.2.2 Yêu cầu phi chức 21 CHƯƠNG 3: MƠ HÌNH HĨA U CẦU 22 3.1 LƯỢT ĐỒ USE CASE 22 3.2 ĐẶC TẢ CHI TIẾT USE CASE 23 3.2.1 Đăng kí tài khoản 23 3.2.2 Xem danh sách ăn 24 3.2.3 Tìm kiếm ăn 25 3.2.4 Xem lịch sử đơn hàng 26 3.2.5 Xóa đơn hàng 27 3.2.6 Thay đổi thông tin 28 3.2.7 Đặt hàng 29 3.2.8 Xem danh sách đơn đặt hàng 30 3.2.9 Xem danh sách ăn 31 3.2.10 Thêm ăn 32 3.2.11 Xóa ăn 33 3.2.12 Sửa ăn 34 3.2.13 Xem danh sách tài khoản 35 3.2.14 Xóa tài khoản 36 3.2.15 Xem danh sách đơn hàng cần giao 37 3.2.16 Cập nhập trạng thái đơn hàng 38 3.2.17 Đăng nhập 39 3.2.18 Đăng xuất 40 3.2.19 Chọn ăn 41 CHƯƠNG 4: THIẾT KẾ PHẦN MỀM 42 4.1 THIẾT KẾ CƠ SỞ DỮ LIỆU 42 4.2.1 Lượt đồ quan hệ 42 4.3.2 Cơ sở liệu Firebase 42 4.3.1 Mô tả liệu 44 4.3.1.1 Users 44 4.3.1.2 Orders 45 4.3.1.3 Restaurants 45 4.3.1.4 Menu 46 4.2 THIẾT KẾ GIAO DIỆN 47 4.2.1 Đăng ký 47 4.2.1.1 Thiết kế giao diện 47 4.2.1.2 Mơ tả hình 47 4.2.3.3 Danh sách xử lý 48 4.2.2 Đăng nhập 49 4.2.2.1 Thiết kế giao diện 49 4.2.2.2 Mơ tả hình 49 4.2.2.3 Danh sách xử lý 50 4.2.3 Tìm kiếm ăn 50 4.2.3.1 Thiết kế giao diện 50 4.2.3.2 Mơ tả hình 51 4.2.3.3 Danh sách xử lý 51 4.2.4 Đặt hàng 52 4.2.4.1 Thiết kế giao diện 52 4.2.4.2 Mô tả hình 52 4.2.4.3 Danh sách xử lý 53 4.2.5 Quản lý giỏ hàng 53 4.2.5.1 Thiết kế giao diện 53 4.2.5.2 Mô tả hình 54 4.2.5.3 Danh sách xử lý 54 4.2.6 Quản lý ăn 55 4.2.6.1 Thiết kế giao diện 55 4.2.6.2 Mô tả hình 57 4.2.6.3 Danh sách xử lý 58 4.2.7 Xem danh sách đơn đặt hàng khách hàng 59 4.2.7.1 Thiết kế giao diện 59 4.2.7.2 Mơ tả hình 59 4.2.7.3 Danh sách xử lý 60 4.2.8 Thay đổi thông tin cửa hàng 60 4.2.8.1 Thiết kế giao diện 60 4.2.8.2 Mơ tả hình 60 4.2.8.3 Danh sách xử lý 61 4.2.9 Quản lý tài khoản 61 4.2.9.1 Thiết kế giao diện 61 4.2.9.2 Mơ tả hình 62 4.2.9.3 Danh sách xử lý 63 4.2.10 Xem lịch sử đơn đặt hàng 63 4.2.10.1 Thiết kế giao diện 63 4.2.10.2 Mô tả hình 64 4.2.10.3 Danh sách xử lý 65 4.2.11 Xem danh sách ăn 65 4.2.11.1 Thiết kế giao diện 65 4.2.11.2 Mô tả hình 66 4.2.11.3 Danh sách xử lý 66 4.2.12 Đăng nhập shipper 67 4.2.12.1 Thiết kế giao diện 67 4.2.12.2 Mơ tả hình 67 4.2.12.3 Danh sách xử lý 68 4.2.13 Danh sách đơn hàng cập nhập trạng thái đơn hàng 69 4.2.13.1 Thiết kế giao diện 69 4.2.13.2 Mơ tả hình 69 4.2.13.3 Danh sách xử lý 70 4.3 THIẾT KÊ XỬ LÝ 71 4.3.1 Chức đăng ký 71 4.3.2 Chức đặt hàng 72 4.3.3 Chức thêm sản phẩm 73 4.3.4 Chức xóa cửa hàng 74 4.3.5 Chức cập nhập trạng thái đơn hàng 75 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 76 5.1 CÀI ĐẶT ỨNG DỤNG 76 5.2 KIỂM THỬ ỨNG DỤNG 77 PHẤN KẾT LUẬN 80 KẾT QUẢ ĐẠT ĐƯỢC 80 ƯU ĐIỂM, NHƯỢC ĐIỂM 80 2.1 Ưu điểm: 80 2.2 Nhược điểm: 80 HƯỚNG PHÁT TRIỂN 81 TÀI LIỆU THAM KHẢO 82 DANH MỤC BẢNG BIỂU Bảng 1: Đặc tả use case đăng ký tài khoản 23 Bảng 2: Đặc tả use case xem danh sách ăn 24 Bảng 3: Đặc tả use case tìm kiếm ăn 25 Bảng 4: Đặc tả use case xem lịch sử đơn đặt hàng 26 Bảng 5: Đặc tả use case xóa đơn hàng 27 Bảng 6: Đặc tả use case thay đổi thông tin 28 Bảng 7: Đặc tả use case đặt hàng 29 Bảng 8: Đặc tả use case xem danh sách đơn đặt hàng 30 Bảng 9: Đặc tả use case xem danh sách ăn 31 Bảng 10: Đặc tả use case thêm ăn 32 Bảng 11: Đặc tả use case xóa ăn 33 Bảng 12: Đặc tả use case sửa ăn 34 Bảng 13: Đặc tả use case xem danh sách tài khoản 35 Bảng 14: Đặc tả use case xóa tài khoản 36 Bảng 15: Đặc tả use case xem đơn hàng cần giao 37 Bảng 16: Đặc tả use case cập nhập trạng thái đơn hàng 38 Bảng 17: Đặc tả use case đăng nhập 39 Bảng 18: Đặc tả use case đăng xuất 40 Bảng 19: Đặc tả use case chọn ăn 41 Bảng 20: Mô tả liệu bảng Users 44 Bảng 21:Mô tả liệu bảng orders 45 Bảng 22: Mô tả liệu bảng restaurants 45 Bảng 23: Mô tả liệu bảng menu 46 Bảng 24: Mơ tả hình đăng ký 47 Bảng 25: Danh sách xử lý đăng ký 48 Bảng 26: Mơ tả hình đăng nhập 49 Bảng 27: Danh sách xử lý đăng nhập 50 Bảng 28: Mơ tả hình tìm kiếm ăn 51 Bảng 29: Danh sách xử lý tìm kiếm ăn 51 Bảng 30: Mơ tả hình đặt hàng 52 Bảng 31: Danh sách xử lý đặt hàng 53 Bảng 32: Mô tả hình quản lý giỏ hàng 54 Bảng 33: Danh sách xử lý quản lý giỏ hàng 54 Bảng 34: Mô tả hình quản lý ăn 57 Bảng 35: Danh sách xử lý quản lý ăn 58 Bảng 36: Mơ tả hình xem đơn đặt hàng khách 59 Bảng 37: Danh sách xử lý xem danh sách đơn đặt hàng khách 60 Bảng 38: Mô tả hình thay đổi thơng tin cửa hàng 60 Bảng 39: Danh sách xử lý thay đổi thông tin cửa hàng 61 Bảng 40: Mô tả hình quản lý tài khoản 62 Bảng 41: Danh sách xử lý quản lý tài khoản 63 Bảng 42: Mô tả hình xem lịch sử đơn đặt hàng 64 Bảng 43: Danh sách xử lý xem lịch sử đơn đặt hàng 65 Bảng 44: Mô tả hình xem danh sách ăn 66 Bảng 45: Danh sách xử lý xem danh sách ăn 66 Bảng 46: Mô tả hình giao diện đăng nhập shipper 67 Bảng 47: Danh sách xử lý đăng nhập shipper 68 Bảng 48: Mơ tả hình danh sách đơn hàng cần giao 69 Bảng 49: Danh sách xử lý danh sách đơn hàng cần giao 70 Bảng 50: Kiếm thử ứng dụng 77 DANH MỤC HÌNH ẢNH Hình 1: Cấu trúc Redux Hình 2: Ngun lí hoạt động Redux Hình 3: Ứng dụng đặt Vietnamm 14 Hình 4: Ứng dụn đặt Go- Food 15 Hình 5: Ứng dụng gọi Grabfood 16 Hình 6: Ứng dụng gọi Now.vn 17 Hình 7: Ứng dụng gọi BAEMIN 18 Hình 8: Lượt đồ use case 22 Hình 9: Prototype đăng kí tài khoản 23 Hình 10: Prototype Xem danh sách ăn 24 Hình 11: Prototype tìm kiếm ăn 25 Hình 12: Prototype xem lịch sử đơn hàng 26 Hình 13: Prototype xóa đơn hàng 27 Hình 14: Prototype thay đổi thông tin 28 Hình 15: Prototype đặt hàng 29 Hình 16: Prototype xem danh sách đơn đặt hàng 30 Hình 17: Prototype xem danh sách ăn 31 Hình 18: Prototype thêm ăn 32 Hình 19: Prototype xóa ăn 33 Hình 20: Prototype sửa ăn 34 Hình 21: Prototype xem danh sách tài khoản 35 Hình 22: Prototype Xóa tài khoản 36 Hình 23: Prototype Xem danh sách đơn hàng cần giao 37 Hình 24: Prototype cập nhập trạng thái đơn hàng 38 Hình 25: Prototype đăng nhập 39 Hình 26: Prototype đăng xuất 40 Hình 27: Prototype chọn ăn 41 Hình 28: Lượt đồ quan hệ 42 Hình 29: Cở sở liệu firebase bảng Orders 42 Hình 30: Cơ sở liệu firebase bảng users 43 Hình 31: Cơ sở liệu firebase bảng restaurants 43 Hình 32: Cơ sở liệu firebase bảng menu 44 Hình 33: Giao diện đăng ký 47 Hình 34: Giao diện đăng nhập 49 Hình 35: Giao diện tìm kiếm ăn 50 Hình 36: Giao diện đặt hàng 52 Hình 37: Giao diện quản lý giỏ hàng 53 Hình 38: Giao diện quản lý thực đơn 55 Hình 39: Giao diện thêm ăn 56 Hình 40: Giao diện xóa ăn 56 Hình 41: Giao diện sửa ăn 57 Hình 42: Giao diện xem đơn đặt hàng khách 59 Hình 43: Giao diện thay đổi thông tin cửa hàng 60 Hình 44: Giao diện quán lý tài khoản khách hàng 62 Hình 45: Giao diện quản lý tài khoản cửa hàng 62 Hình 46: Giao diện xem lịch sử đặt hàng 63 Hình 47: Giao diện xem chi tiết đặt đơn hàng 64 Hình 48: Giao diện xem danh sách ăn 65 Hình 49: Giao diện đăng nhập shipper 67 Hình 50: Giao diện danh sách đơn hàng cần giao 69 Hình 51: Lượt đồ chức đăng ký 71 Hình 52: Lượt đồ chức đặt hàng 72 Hình 53: Lượt đồ chức thêm sản phẩm 73 Hình 54: Lượt đồ chức xóa cửa hàng 74 Hình 55: Lướt đồ chức cập nhập trạng thái đơn hàng 75 PHẦN MỞ ĐẦU TÍNH CẤP THIẾT CỦA ĐỀ TÀI Hiện thị trường thành phố Hồ Chí Minh nói riêng nước nói chung, có nhiều hệ thống giao đồ ăn nhanh để phục vụ cho khách hàng Và thị trường trường ngành kinh doanh phát triển, phát triển công ty số lượng lần quy mô, làm cho số lượng nhân viên văn phịng, cơng sở tăng lên Bên cạnh đó, phát triển kinh tế dẫn đến quỹ thời gian người ngày thu hẹp dành vào việc khác nội trợ gia đình dẫn đến nhu cầu loại thức ăn nhanh tăng lên đáng kể Nhận thấy tiềm phát triển khả áp dụng thực tế cao, nên nhóm định chọn đề tài “Xây dựng hệ thống giao đồ ăn nhanh” làm khóa luận tốt nghiệp cho chuyên ngành “Công nghệ phần mềm” MỤC ĐÍCH CỦA ĐỀ TÀI Phân tích, thiết kế xây dựng hệ thống giao đồ ăn nhanh với số chức sau:  Quản lý ăn  Quản lý giỏ hàng  Quản lý cửa hàng  Quản lý người dùng  Quản lý người giao hàng  Đăng nhập  Đăng kí tài khoản CÁCH TIẾP CẬN VÀ PHƯƠNG PHÁP NGHIÊN CỨU 3.1 Đối tượng nghiên cứu Hệ thống giao đồ ăn nhanh dành cho tất người độ tuổi nào, nơi 3.2 Phạm vi nghiên cứu  Tìm hiểu UI/UX cải thiện trải nghiệm người dùng, giúp người dùng sử dụng ứng dụng cách dễ dàng thoải mái thuận tiện Xây dựng hệ thống giao đồ ăn nhanh (5) button Nút “Đăng nhập” 4.2.12.3 Danh sách xử lý Bảng 47: Danh sách xử lý đăng nhập shipper STT Tên xử lí Điều kiện gọi thực Hiển thị ảnh đại diện app Nhập email đăng nhập Nhập giá trị vào (2) Nhập mật đăng nhập Nhập giá trị vào (3) Hiển thị mật Nhấn vào (4) Đăng nhập vào app Nhấn vào (5) Xây dựng hệ thống giao đồ ăn nhanh Ghi 68 4.2.13 Danh sách đơn hàng cập nhập trạng thái đơn hàng 4.2.13.1 Thiết kế giao diện Hình 50: Giao diện danh sách đơn hàng cần giao 4.2.13.2 Mơ tả hình Bảng 48: Mơ tả hình danh sách đơn hàng cần giao Đối tượng Kiểu Ý nghĩa (1) listView Nhãn “Hiển thị danh sách đơn hàng” (2) textView Nhãn “Hiển thị chi tiết đơn hàng” (3) button Nút “Cập nhập trạng thái đơn hàng” Xây dựng hệ thống giao đồ ăn nhanh 69 4.2.13.3 Danh sách xử lý Bảng 49: Danh sách xử lý danh sách đơn hàng cần giao STT Tên xử lí Hiển thị danh sách đơn hàng Hiển thị chi tiết đơn hàng Cập nhập trạng thái đơn hàng Xây dựng hệ thống giao đồ ăn nhanh Điều kiện gọi thực Ghi Nhấn vào (3) 70 4.3 THIẾT KÊ XỬ LÝ 4.3.1 Chức đăng ký Hình 51: Lượt đồ chức đăng ký Đặc tả hành vi đăng ký Người dùng chọn chức đăng ký giao diện Ứng dụng hiển thị giao diện đăng ký Người dùng nhập thông tin đăng ký Ứng dụng lấy thông tin gửi lên server Server lưu trữ thông tin đăng ký người dùng gửi kết cho ứng dụng Ứng dụng hiển thị kết đăng ký cho người dùng Xây dựng hệ thống giao đồ ăn nhanh 71 4.3.2 Chức đặt hàng Hình 52: Lượt đồ chức đặt hàng Đặc tả hành vi đặt hàng Khách hàng chọn danh sách sản phẩm chức đặt hàng Ứng dụng hiển thị giao diện yêu cầu nhập thông tin khách hàng Khách hàng nhập thông tin Ứng dụng nhận gửi thông tin lên server Server tạo lưu thông tin đơn hàng vào CSDL, Gửi kết đặt hàng ứng dụng Ứng dụng gửi kết đặt hàng cho khách hàng Server lựa chọn shipper thích hợp, gửi thông báo ứng dụng shipper Ứng dụng hiển thị thông báo đơn hàng cho shipper Xây dựng hệ thống giao đồ ăn nhanh 72 4.3.3 Chức thêm sản phẩm Hình 53: Lượt đồ chức thêm sản phẩm Đặc tả hành vi thêm sản phẩm Quản lý cửa hàng chọn chức thêm sản phẩm giao diện ứng dụng Hệ thống hiển thị giao diện thêm sản phẩm Quản lý cửa hàng nhập thông tin sản phẩm Hệ thống lấy thông tin gửi lên server để lưu trữ Server lưu trữ thông tin sản phẩm gửi thông báo cho hệ thống Hệ thống nhận thông báo thông báo cho Quản lý cửa hàng thêm thành công Xây dựng hệ thống giao đồ ăn nhanh 73 4.3.4 Chức xóa cửa hàng Hình 54: Lượt đồ chức xóa cửa hàng Đặc tả hành vi xóa cửa hàng Amdin chọn cửa hàng cần xóa chọn chức xóa giao diện Hệ thống gửi thông tin cửa hàng cần xóa lên server Server xóa cửa hàng khỏi CSDL gửi kết hệ thống Hệ thống thông báo kết cho admin Xây dựng hệ thống giao đồ ăn nhanh 74 4.3.5 Chức cập nhập trạng thái đơn hàng Hình 55: Lướt đồ chức cập nhập trạng thái đơn hàng Đặc tả hành vi cập nhật trạng thái đơn Shipper chọn đơn hàng giao Hệ thống trả giao đơn hàng Chọn trạng thái đơn hàng Hệ thống gửi thông tin trạng thái đơn hàng cho server Server gửi kết cho hệ thống Hệ thống hiển thị thông báo kết cho shipper Hệ thống gửi thông báo trạng thái cho người dùng Xây dựng hệ thống giao đồ ăn nhanh 75 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 5.1 CÀI ĐẶT ỨNG DỤNG  Phiên web Để cài đặt phiên web ứng dụng môi trường local, yêu cầu máy tính cài đặt Nodejs 8+, npm (hoặc yarn) Tại thư mục gốc ứng dụng chạy lệnh cmd: npm install, sau việc cài đặt hoàn tất, chạy npm start để khởi động ứng dụng  Phiên di động Sử dụng Android studio để biên dịch chạy ứng dụng Android Studio mơi trường phát triển tích hợp (IDE) từ Google, cơng cụ hỗ trợ lập trình chun nghiệp Nó chuyên sử dụng để phát triển ứng dụng mobile android Xây dựng hệ thống giao đồ ăn nhanh 76 5.2 KIỂM THỬ ỨNG DỤNG Bảng 50: Kiếm thử ứng dụng STT Test name Test description Output Kiểm tra chức đăng nhập Tại hình đăng nhập Nhập thơng tin đăng nhập Thông báo kết đăng nhập Pass Kiểm tra chức đăng ký Tại hình đăng nhập Nhập thông tin form đăng ký, click vào “Đăng ký”; Nếu email đăng ký tồn tại, thông báo đăng ký thất bại, Ngược lại, tiến hành đăng nhập vào tài khoản vừa đăng ký Pass Kiểm tra chức tìm kiếm Ở hình Home Nhập địa muốn tìm kiếm Hiển thị danh sách cửa hàng gần địa nhập Pass Kiểm tra chức thêm sản phẩm vào giỏ hàng Ở hình cửa hàng,click vào button “+” bên cạnh sản phẩm cần mua Cập nhật lại thông tin số lượng chi tiết giỏ hàng Pass Kiểm tra chức chỉnh sửa giỏ hàng Tại giao diện giỏ hàng, tiến hành thay đổi số lượng sản phẩm cần mua Cập nhật lại thông tin số lượng chi tiết giỏ hàng Pass Kiểm tra chức đặt hàng Nếu thông tin hợp lệ, Tại giao diện xác nhận thông báo đặt hàng thành đặt hàng, nhập thông tin công, ngược lại thông người mua báo lỗi Pass Kiểm tra chức đăng xuất Nhấn vào nút đăng xuất header Pass Kiểm tra chức thêm sản phẩm Nhấn vào nút tạo sản phẩm Nhập thông tin nhấn nút xác nhận Xây dựng hệ thống giao đồ ăn nhanh Tài khoản đăng xuất khỏi thiết bị Result Trang thêm sản phẩm hiển thị Nếu thông tin không hợp lệ thông báo thất bại, hợp lệ lưu, xuất thơng báo thành công hiển thị Pass 77 sản phẩm trang quản lý sản phẩm 10 11 Kiểm tra chức chỉnh sửa sản phẩm Kiểm tra chức xóa sản phẩm Kiểm tra chức thêm danh mục sản phẩm Nhấn vào nút chỉnh sửa sản phẩm Nhập nội dung chỉnh sửa nhấn nút xác nhận Chọn sản phẩm cần xóa Nhấn vào nút thêm danh mục Nhập thông tin nhấn nút xác nhận Trang chỉnh sửa sản phẩm thị với thông tin sản phẩm Nếu nội dung không hợp lệ thông báo thất bại, hợp lệ nội dung lưu, xuất thơng báo trang quản lý sản phẩm thay đổi Nếu thất bại xuất thông báo thất bại, thành cơng sản phẩm xóa trang quản lý sản phẩm thay đổi Pass Pass Trang thêm danh mục hiển thị Nếu thông tin không hợp lệ thơng báo thất bại, hợp lệ lưu, trang hiển thị danh mục thay đổi Pass Nếu nội dung không hợp lệ thông báo thất bại, hợp lệ nội dung lưu trang quản lý danh mục sản phẩm thay đổi Pass 13 Kiểm tra chức xóa danh mục Nếu thất bại xuất thông báo thất bại, Chọn danh mục cần xóa thành cơng sản phẩm xóa Pass 14 Kiểm tra chức quản lý user Mở tab người dùng chọn quản lý người dùng Pass 12 Kiểm tra chức chỉnh sửa danh mục sản phẩm Nhấn vào nút sửa danh mục Nhập thông tin nhấn nút xác nhận Xây dựng hệ thống giao đồ ăn nhanh Trang web chuyển trang thị tài khoản user 78 15 Kiểm tra chức xóa user Chọn tài khoản cần xóa nhấn nút xóa tài khoản Tài khoản nị xóa Pass 16 Kiểm tra chức xóa cửa hàng Chọn cửa hàng cần xóa nhấn nút xóa cửa hàng Cửa hàng bị xóa Pass 17 Kiểm tra chức quản lý đơn hàng Mở tab đơn hàng chọn quản lý đơn hàng Trang web chuyển trang đến trang quản lý đơn hàng, đơn hàng hiển thị Pass 18 Kiểm tra chức thay đổi trạng thái đơn hang Trên giao diện giao hàng, chọn cập nhật trạng thái đợn hàng Đơn hàng cập nhật trạng thái Pass 19 Kiểm tra chức thay đổi thông tin cá nhân Trên giao diện thông tin Thông tin lưu cá nhân, nhập thông tin lại click “lưu” 20 Kiểm tra khả hiển thị kích thước hình khác Thay đổi độ thu phóng hình Xây dựng hệ thống giao đồ ăn nhanh Trang web hiển thị tốt thẩm mỹ kích thước hình Pass 79 PHẤN KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC - Xây dựng thành công hệ thống giao đồ ăn nhanh với mức độ hoàn thiện chức cần có - Có đầy đủ chức quản lí quản lý ăn, quản lý giỏ hàng, quản lý người dùng, quản lý cửa hàng, quản lý người giao hàng, đăng kí, đăng nhập - Hồn thành sản phẩm tiến độ đề - Đã xây dựng ứng dụng cho shipper chạy android cho khách hàng, cửa hàng, quản trị chạy website - Vận dụng thành công loại công nghệ phần mềm phổ biến ReactJS Redux cho ứng dụng - Nâng cao khả nghiên cứu, bổ sung kiến thức công nghệ ƯU ĐIỂM, NHƯỢC ĐIỂM 2.1 Ưu điểm: - Đáp ứng đầy đủ chức cho hệ thống giao hàng - Giao diện đơn giản dễ sử dụng tầng lớp khác hàng - Hoạt động quản lý diễn cách trơn tru xác, khơng xảy tình trạng xung đột module - Quản lý ăn, người dùng dể dàng hiệu - Xây dựng cửa hàng hệ thống đơn giản, nhanh chóng - Ứng dụng có cấu trúc, hồn thiện, có khả bảo trì nâng cấp - Ứng dụng chia cấu trúc Frontend – Backend rõ ràng 2.2 Nhược điểm: - Chưa tính toàn số lượng truy cập lúc lượng băng thông cần thiết đến hệ thống - Chưa đưa vào chạy thực tế - Hệ thống dành cho người dùng nhà hàng chưa thiết kế thiết bị android Xây dựng hệ thống giao đồ ăn nhanh 80 HƯỚNG PHÁT TRIỂN Mặc dù tồn hạn chế bất cập nêu với tâm nhóm, đề tài thời gian tới có nhiều điểm cải tiến tích cực nâng cấp, cụ thể là: - Thêm tính tốn loại thẻ tính dụng - Thêm tính xử lý mã giảm giá cho ứng dụng - Tính theo dõi q trình vận chuyển shipper - Cung cấp thêm hình ảnh cho ăn - Phát triển ứng dụng dành cho khách hàng cửa hàng chạy app dành cho android IOS - Nâng cấp băng thông tốc độ xử lí cho ứng dụng Xây dựng hệ thống giao đồ ăn nhanh 81 TÀI LIỆU THAM KHẢO [1] https://freetuts.net/java-la-gi-gioi-thieu-ngon-ngu-java-1023.html [2] https://vi.wikipedia.org/wiki/HTML [3] https://vi.wikipedia.org/wiki/CSS [4] https://vi.wikipedia.org/wiki/JavaScript [5] https://viblo.asia/p/gioi-thieu-ve-reactjs-phan-i-cac-khai-niem-co-ban-V3m5WzjblO7 [6] https://viblo.asia/p/tim-hieu-ve-redux-trong-reactjs-GrLZDe7Olk0 [7] https://eitguide.net/firebase-bai-1-1-authentication/ [8] https://vi.wikipedia.org/wiki/Android_(h%E1%BB%87_%C4%91i%E1%BB%81u_h%C3%A0nh) [9] https://www.dienmayxanh.com/kinh-nghiem-hay/tim-hieu-he-dieu-hanh-android-la-gi-595278 Xây dựng hệ thống giao đồ ăn nhanh 82 ... thoải mái thuận tiện Xây dựng hệ thống giao đồ ăn nhanh  Tìm hiều xây dựng website đặt đồ ăn  Tìm hiểu xây dựng hệ thống giao đồ ăn tảng android  Xây dựng hệ thống giao đồ ăn nhanh phù hợp với... thật ăn KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC  Xây dựng sở liệu phong phú, ăn nằm thực đơn quán mô tả chân thật nhất, rõ ràng  Xây dựng giao diện đơn giản, dễ sử dụng Xây dựng hệ thống giao đồ ăn nhanh  Xây. .. sửa địa giao nhận hình Đặt đồ ăn + Vị trí nhà hàng thể đồ rõ ràng + Món ăn đa dạng Xây dựng hệ thống giao đồ ăn nhanh 16 + Tích hợp nhiều thơng tin ăn hiển thị chi tiết giá cả, thời gian giao hàng,