(Đồ án hcmute) xây dựng hệ thống giao đồ ăn nhanh

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ PHẦN MỀM XÂY DỰNG HỆ THỐNG GIAO ĐỒ ĂN NHANH GVHD:ThS NGUYỄN TRẦN THI VĂN SVTH:HUỲNH CÔNG CHIẾN MSSV:16110282 SVTH:TRẦN KHƯƠNG DUY MSSV:16110297 SKL 0 Tp Hồ Chí Minh, năm 2020 an TRƯỜNG ĐH SƯ PHẠM KỸ THUẬT TP HCM KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM  HUỲNH CÔNG CHIẾN - 16110282 TRẦN KHƯƠNG DUY - 16110297 Đề tài: XÂY DỰNG HỆ THỐNG GIAO ĐỒ ĂN NHANH KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN TRẦN THI VĂN KHÓA 2016 – 2020 an TRƯỜNG ĐH SƯ PHẠM KỸ THUẬT TP HCM KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM  HUỲNH CÔNG CHIẾN - 16110282 TRẦN KHƯƠNG DUY - 16110297 Đề tài: XÂY DỰNG HỆ THỐNG GIAO ĐỒ ĂN NHANH KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN TRẦN THI VĂN KHÓA 2016 – 2020 an ĐH SƯ PHẠM KỸ THUẬT TP.HCM XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CÔNG NGHỆ THÔNG TIN Độc lập – Tự – Hạnh Phúc - PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên : Huỳnh Công Chiến MSSV 1: 16110282 Họ tên Sinh viên : Trần Khương Duy MSSV 2: 16110297 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng hệ thống giao đồ ăn nhanh Họ tên Giáo viên hướng dẫn: ThS Nguyễn Trần Thi Văn NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: Ưu điểm: Khuyết điểm Đề nghị cho bảo vệ hay không ? ………………………………………………………… Đánh giá loại Điểm : Tp Hồ Chí Minh, ngày … tháng… năm 20 Giảng viên hướng dẫn (Ký & ghi rõ họ tên) an ĐH SƯ PHẠM KỸ THUẬT TP.HCM XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CÔNG NGHỆ THÔNG TIN Độc lập – Tự – Hạnh Phúc - PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên : Huỳnh Công Chiến MSSV 1: 16110282 Họ tên Sinh viên : Trần Khương Duy MSSV 2: 16110297 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng hệ thống giao đồ ăn nhanh Họ tên Giáo viên phản biện: NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: Ưu điểm: Khuyết điểm Đề nghị cho bảo vệ hay không ? ………………………………………………………… Đánh giá loại Điểm : Tp Hồ Chí Minh, ngày … tháng… năm 20 Giảng viên phản biện (Ký & ghi rõ họ tên) an LỜI CÁM ƠN Nhóm em xin chân thành cảm ơn khoa Công Nghệ Thông Tin, Bộ môn Công nghệ phần mềm, trường Đại học Sư Phạm Kỹ Thuật Thành phố Hồ Chí Minh tạo điều kiện thuận lợi cho chúng em thực đề tài Chúng em xin gửi lời cảm ơn chân thành đến Thầy Nguyễn Trần Thi Văn, giáo viên hướng dẫn tận tình bảo hướng dẫn nhóm em Bên cạnh đó, chúng em xin gửi lời cảm ơn đến Thầy Cơ trường nói chung, người giảng dạy tạo điều kiện cho em tích lũy kiến thức quý báu năm học qua Dù cố gắng hồn thành đề tài khóa luận yêu cầu, khả hạn chế nên chắn khơng tránh khỏi thiếu sót Chúng em mong nhận bảo, nhận xét Thầy Cơ bạn Nhóm thực Trần Khươg Duy – 16110297 Huỳnh Công Chiến – 16110282 an ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CÔNG NGHỆ THÔNG TIN Độc lập – Tự – Hạnh phúc   ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP Họ tên SV: Trần Khương Duy MSSV: 16110297 Họ tên SV: Huỳnh Công Chiến MSSV: 16110282 Thời gian làm tiểu luận: từ ngày 30/3/2020 đến ngày 12/7/2020 (15 tuần) Chuyên ngành: Cơng nghệ phần mềm Tên đề tài khố luận: Xây dựng hệ thống giao đồ ăn nhanh Giáo viên hương dẫn: ThS Nguyễn Đình Thi Văn Nhiệm vụ Khóa luận: Lý Thuyết:  Tìm hiểu ReactJs  Tìm hiểu Firebase  Tìm hiểu Redux  Tìm hiểu thiết kế giao diện android website Thiết kế phần mềm:  Thiết kế CSDL  Thiết kế giao diện gồm chức sau : 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 nhập, đăng kí tài khoản  Thiết kế thủ tục hàm, xử lý thông tin đầu vào cách xác Thực xây dựng ứng dụng:  Lựa chọn hệ quản trị sở liệu cài đặt sở liệu cho hệ thống  Lựa chọn cơng cụ lập trình để xây dựng modules chương trình hệ thống, sau xây dựng hệ thống chức liệt kê  Lựa chọn công cụ để xây dựng giao diện hệ thống an ĐỀ CƯƠNG KHÓA LUẬN PHẦN MỞ ĐẦU 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 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.2 GIỚI THIỆU CÔNG NGHỆ SỬ DỤNG 1.3 CƠ SỞ DỮ LIỆU FIREBASE 1.4 HỆ ĐIỀU HÀNH ANDROID CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 2.1 KHẢO SÁT HIỆN TRẠNG 2.2 XÁC ĐỊNH YÊU CẦU CHƯƠNG 3: MÔ HÌNH HĨA U CẦU 3.1 LƯỢT ĐỒ USE CASE 3.2 ĐẶC TẢ CHI TIẾT USE CASE CHƯƠNG 4: THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 4.1 THIẾT KẾ CƠ SỞ DỮ LIỆU 4.2 THIẾT KẾ GIAO DỆN 4.3 THIẾT KẾ XỬ LÝ an CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 5.1 CÀI ĐẶT ỨNG DỤNG 5.2 KIỂM THỬ ỨNG DỤNG PHẤN KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC ƯU ĐIỂM, NHƯỢC ĐIỂM HƯỚNG PHÁT TRIỂN TÀI LIỆU THAM KHẢO KẾ HOẠCH THỰC HIỆN Người Tuần Ngày Nhiệm vụ (Công việc dự chịu kiến) trách Sản phẩm nhiệm - Xây dựng sở - Khảo sát trạng ứng dụng thi trường 30/ 1+2 – 12/ - Xác định công nghệ sử dụng cho ứng dụng - Xác định usecase cho ứng dụng liệu cho người Chiến + Duy dùng - Xây dựng chức cho ứng dụng - Thiết kế database cho ứng dụng - Tìm hiểu Javascript 3+4 5+6 13/ - Tìm hiểu ReactJS Chiến – - Tìm hiểu Firebase + 26/ - Tìm hiểu Redux 27/ - Thiết kế giao diện người – dùng Font End Duy Chiến - Tạo giao diện + 10/ Duy an người dùng mức cho ứng dụng Chữ ký GVHD - Viết code chức Đăng - Tạo ứng dụng kí tài khoản, Đăng nhập với hai chức đăng nhập, đăng kí tài khoản - Tạo ứng dụng - Viết code chức quản 11/ 7+8 – lý giỏ hàng, quản lý ăn Chiến + 24/5 Duy với hai chức đăng nhập, đăng kí tài khoản, quản lý giỏ hàng, quản lý ăn - Tạo ứng dụng với hai chức 25/ 9+10 – 7/ - Viết code chức quản lý cửa hàng, quản lý người dùng Chiến đăng nhập, đăng kí tài + khoản, quản lý giỏ Duy hàng, quản lý ăn, quản lý cửa hàng, quản lý người dùng 8/ 11+12 – 21/ 22/6 13+14 – 5/ - Viết code chức quản lí người giao hàng – + Duy - Kiểm tra lại toàn chương trình viết báo cáo Chiến + Duy 6/ 15 Chiến Chiến - Hoàn thiện báo cáo 12/ + Duy an - Ứng dụng hoàn thành mặt chức giao diện - Ứng dụng kiểm tra sửa lỗi, Bản báo cáo hoàn chỉnh để in nộp 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 Ý nghĩa Kiểu (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 an 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 Điều kiện gọi thực 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 Ghi Nhấn vào (3) Xây dựng hệ thống giao đồ ăn nhanh an 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 an 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 an 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 an 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 an 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 an 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ó chun sử dụng để phát triển ứng dụng mobile android Xây dựng hệ thống giao đồ ăn nhanh an 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 an 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 an 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 an 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 - Hoà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 tồ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 an 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 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 an 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 an 82 an ... mái thuận tiện Xây dựng hệ thống giao đồ ăn nhanh an  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. .. có nhiều liệu quán + Hình ảnh minh họa ăn cịn Xây dựng hệ thống giao đồ ăn nhanh an 19 2.1.6 Đánh giá chung định hướng thiết kế  Đánh giá chung Nhìn chung ứng dụng giao đồ ăn nhanh có đầy đủ