Khóa luận tốt nghiệp tìm hiểu FLUTTER và xây dựng ứng dụng đặt hàng ONLINE

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM HỒ NGUYỄN NHẬT TIẾN HUỲNH NGUYỄN QUANG TÍN KHĨA LUẬN TỐT NGHIỆP TÌM HIỂU FLUTTER VÀ XÂY DỰNG ỨNG DỤNG ĐẶT HÀNG ONLINE Flutter Research and build an online odering app KỸ SƯ CƠNG NGHỆ PHẦN MỀM TP HỒ CHÍ MINH, 2021 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM HỒ NGUYỄN NHẬT TIẾN - 16521218 HUỲNH NGUYỄN QUANG TÍN – 16521242 KHĨA LUẬN TỐT NGHIỆP TÌM HIỂU FLUTTER VÀ XÂY DỰNG ỨNG DỤNG ĐẶT HÀNG ONLINE Flutter Research and build an online odering app KỸ SƯ CÔNG NGHỆ PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN TS NGUYỄN TẤT BẢO THIỆN ThS: TRẦN ANH DŨNG TP HỒ CHÍ MINH, 2021 THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số …………………… ngày ………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin - Chủ tịch - Thư ký - Ủy viên - Ủy viên ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm…… NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN/PHẢN BIỆN) Tên khóa luận: TÌM HIỂU FLUTTER VÀ XÂY DỰNG ỨNG DỤNG ĐẶT HÀNG ONLINE Nhóm SV thực hiện: Cán hướng dẫn: Hồ Nguyễn Nhật Tiến – 16521218 Ths Trần Anh Dũng Huỳnh Nguyễn Quang Tín - 16521242 Đánh giá Khóa luận Về báo cáo: Số trang _ Số chương _ Số bảng số liệu _ Số hình vẽ _ Số tài liệu tham khảo _ Sản phẩm _ Một số nhận xét hình thức báo cáo: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về nội dung nghiên cứu: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về chương trình ứng dụng: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về thái độ làm việc sinh viên: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Đánh giá chung:Khóa luận đạt/khơng đạt u cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Hồ Nguyễn Nhật Tiến:……… /10 Huỳnh Nguyễn Quang Tín:……… /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm…… NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN/PHẢN BIỆN) Tên khóa luận: TÌM HIỂU FLUTTER VÀ XÂY DỰNG ỨNG DỤNG ĐẶT HÀNG ONLINE Nhóm SV thực hiện: Cán phản biện: Hồ Nguyễn Nhật Tiến – 16521218 Huỳnh Nguyễn Quang Tín - 16521242 Đánh giá Khóa luận Về báo cáo: Số trang _ Số chương _ Số bảng số liệu _ Số hình vẽ _ Số tài liệu tham khảo _ Sản phẩm _ Một số nhận xét hình thức báo cáo: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về nội dung nghiên cứu: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về chương trình ứng dụng: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về thái độ làm việc sinh viên: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Đánh giá chung:Khóa luận đạt/khơng đạt u cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Hồ Nguyễn Nhật Tiến:……… /10 Huỳnh Nguyễn Quang Tín:……… /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: TÌM HIỂU FLUTTER VÀ XÂY DỰNG ỨNG DỤNG ĐẶT HÀNG ONLINE TÊN ĐỀ TÀI (tiếng Anh): FLUTTER RESEARCH AND BUILD AN ONLINE ORDERING APP Cán hướng dẫn: TS Đỗ Thị Thanh Tuyền,ThS Trần Anh Dũng Thời gian thực hiện: Từ ngày 21/9/2020 đến ngày 02/01/2021 Sinh viên thực hiện: Huỳnh Nguyễn Quang Tín - 16521242 Hồ Nguyễn Nhật Tiến - 16521218 Nội dung đề tài:(Mô tả chi tiết mục tiêu, phạm vi, đối tượng, phương pháp thực hiện, kết mong đợi đề tài) Mục tiêu đề tài Bối cảnh chọn đề tài Ngày nay, nhiều cửa hàng đồ ăn thức uống mở nhằm phục vụ nhu cầu ăn uống người Người dùng thường sử dụng dịch vụ đặt hàng giao hàng GrabFood, GoFood, Beamin,… Điều làm đem lại tiện lợi cho khách hàng cửa hàng Nhưng cửa hàng lớn, việc đem lại bất lợi cho cửa hàng Bởi thơng qua ứng dụng đặt hàng, vơ tình cửa hàng cửa hàng đối thủ sử dụng chung tệp khách hàng nhu cầu, sở thích ăn uống khác Có người thích cửa hàng A, có người thích cửa hàng B, vơ tình bên có chênh lệch khuyến việc lượng khách hàng cửa hàng nêu xảy Vì vậy, nhóm em định chọn đề tài “Tìm hiểu Flutter xây dựng ứng dụng đặt hàng online” nhằm mục đích tạo ứng dụng đặt hàng cho chuỗi cửa hàng bán đồ ăn thức uống cụ thể Mục tiêu: - Xây dựng ứng dụng bán đồ ăn thức uống cho mộ Tính mới/ khác biệt chức đề tài so với số ứng dụng đặt thức ăn/ đồ uống online   Tính đề tài: Áp dụng Flutter, framework mới, đa tảng, hiệu cao, giải toán thường gặp Fast Development Native Performance  Áp dụng Microservices để dễ dàng quản lý triển khai phần so với kiến trúc Monolithic thông thường  Áp dụng Docker để triển khai ứng dụng, giải vấn đề cài đặt môi trường nhiều server  Áp dụng Golang, ngơn ngữ lập trình có hiệu cao Mục đích đề tài Ứng dụng đặt hàng chạy Android/iOS thực dựa hai mục đích sau: Thứ nghiên cứu cơng nghệ lập trình như: lập trình ứng dụng với Flutter,lập trình web api với ngơn ngữ golang, áp dụng kiến trúc microservices để xây dựng ứng dụng Thứ hai phát triển ứng dụng có tính thực tiễn cao, có khả triển khai ứng dụng vào thực tế Nhóm hy vọng dựa tảng lý thuyết thầy truyền thụ lại, kết hợp với tìm hiểu cơng nghệ nhóm, luận văn tốt nghiệp nhóm đạt mục đích mong đợi Ý nghĩa đề tài Trước hết, đề tài ““Tìm hiểu Flutter xây dựng ứng dụng đặt hàng online”” ứng dụng xây dựng đề tài thể việc áp dụng kiến thức quý báu thầy cô trường Đại học Công nghệ Thông tin – Đại học Quốc gia thành phố Hồ Chí Minh nhiệt tình truyền thụ lại cho chúng em Và đặc biệt theo dõi quan tâm giúp đỡ thầy Trần Anh Dũng suốt thời gian nhóm chúng em thực đề tài Thứ hai kinh nghiệm quý báu mà nhóm có q trình thực đề tài hành trang tuyệt vời giúp ích nhiều cho công việc sau thành viên nhóm Nhiệm vụ đề tài Đề tài “Tìm hiểu Flutter xây dựng ứng dụng đặt hàng online” ứng dụng chạy điện thoại sử dụng hệ điều hành Android Ứng dụng gồm có phần: Ứng dụng viết cho tảng mobile Webservice quản trị viết ngôn ngữ Golang  Mobile app dành cho người tiêu dùng  Đăng ký đăng nhập  Tìm kiếm sản phẩm có sử dụng lọc  Sắp xếp sản phẩm theo hạng mục tương ứng  Tin tức cửa hàng như: Cập nhật ăn, thức uống, ưu đãi,… 4.7.11 Chỉnh sửa thơng tin tài khoản Hình 4.16: Màn hình chỉnh sửa thơng tin cá nhân 84 4.7.12 Danh sách ưu đãi Hình 4.17: Màn hình danh sách ưu đãi 85 4.7.13 Chi tiết ưu đãi Hình 4.18: Màn hình chi tiết ưu đãi 86 4.7.14 Xác nhận đổi ưu đãi Hình 4.19: Màn hình xác nhận đổi ưu đãi 87 4.7.15 Danh sách coupon Hình 4.20: Màn hình danh sách coupon 88 4.7.16 Chi tiết coupon Hình 4.21: Màn hình chi tiết Coupon 89 4.7.17 Giỏ hàng Hình 4.22: Màn hình giỏ hàng 90 4.7.18 Tìm kiếm địa Hình 4.23: Màn hình tìm kiếm địa 91 4.7.19 Thơng tin thành viên Hình 4.24: Màn hình thơng tin thành viên 92 4.7.20 Cửa hàng ưu đãi Hình 4.25: Màn hình hàng ưu đãi 93 4.7.21 Tài khoản Hình 4.26: Màn hình tài khoản 94 Chương KẾT LUẬN 5.1 Kết đạt Về mặt kỹ thuật công nghệ: - Tìm hiểu áp dụng cách thiết kế hệ thống microservice - Học ngơn ngữ lập trình mới: Dart - Học cách lập trình sử dụng framework: Flutter Framework, Reactjs, Echo Framework Nâng cao kỹ lập trình, giải vấn đề - Về mặt sản phẩm: - Giao diện đơn giản, dễ sử dụng - Tạo ứng dụng hồn chỉnh với nhiều tính hữu ích 5.2 Thuận lợi khó khăn 5.2.1 Thuận lợi: - Giao tiếp, trao đổi, đưa ý kiến giải vấn đề nhóm sn sẻ Giảng viên hỗ trợ tận tình Áp dụng kiến thức, quy trình học trường 5.2.2 Khó khăn: - Stack cơng nghệ nhóm đặt để sử dụng cho project nên nhiều thời gian tìm hiểu - Lập trình front-end khơng phải mạnh nhóm - Lần đầu tìm hiểu Flutter, tiếp xúc với ngơn ngữ Dart nên việc lập trình frontend cịn chậm - Tìm hiểu Echo Framework viết Golang ngơn lập trình - Chưa có nhiều kiến thức thiết kế hệ thống Microservices, nên nhiều thời gian để tìm hiểu, nghiên cứu - Lượng kiến thức cần tìm hiểu lớn khối lượng công việc nhiều nên chịu áp lực mặt thời gian 95 - Kinh nghiệm làm Ecomerce chưa nhiều 5.3 Hướng phát triển: - Cải tiến giao diện, đem lại thoải mái cho người dùng Bổ sung nhiều tính như: o Gợi ý sản phẩm o Chatbot hỗ trợ đặt hàng 96 TÀI LIỆU THAM KHẢO Tài liệu tiếng Anh [1] Stack Overflow: Stack Overflow - Where Developers Learn, Share, & Build Careers [2] Flutter Youtube Chanel: https://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw [3] Google Maps Flutter: https://codelabs.developers.google.com/codelabs/google-maps-in-flutter#0 [4] Microservices in Go: https://codelabs.developers.google.com/codelabs/google-maps-in-flutter#0 [5] Docker Document: https://docs.docker.com/ [6] NATS Document: https://docs.nats.io/ [7] KrakenD Document: https://www.krakend.io/docs/overview/introduction/ [8] Redis Document: https://redis.io/documentation [9] Echo Document: https://redis.io/documentation [10] Building Microservice using Golang Echo Framework https://medium.com/cuddle-ai/building-microservice-using-golang-echoframework-ff10ba06d508 [11] Google Maps API: https://developers.google.com/maps/documentation [12] Reactjs Document: https://reactjs.org/docs 97 Ant Design of React - Ant Design [13] Twilio https://www.twilio.com/blog/2017/09/send-text-messages-golang.html Tài liệu tiếng Việt: [1] Tìm hiểu Microservices https://cloud.cmctelecom.vn/use-cases/Microservice-1-microservices-la-gi63vKjVjyK2R [2] Tìm hiểu Redis: https://topdev.vn/blog/redis-la-gi/ [3] API Gateway gì? Tại hệ thống Microservice lại cần API Gateway? https://viblo.asia/p/api-gateway-la-gi-tai-sao-mot-he-thong-microservices-laicanapi-gateway-Do754pDX5M6 [4] Tìm hiểu Google Cloud Messaging: https://firebase.google.com/docs/cloudmessaging?hl=vi [5] Tìm hiểu Google Map APIS: https://danglong.name.vn/tim-hieu-ve-googlemaps-api-va-cach-lay-key-de-sudung/ [6] Tìm hiểu Docker: https://viblo.asia/p/docker-la-gi-L4x5x12bKBM [7] Tổng quan Flutter: https://viblo.asia/p/tong-quan-ve-flutter-Eb85oyAkZ2G [8] Tìm hiểu ngơn ngữ Dart: https://viblo.asia/p/tim-hieu-ve-ngon-ngu-dartphan-i-bJzKmykwK9N 98 ... tài khóa luận tốt nghiệp ? ?Tìm hiểu Flutter xây dựng ứng dụng đặt hàng online? ?? 1.3 Mục tiêu - Tìm hiểu tổng quan Flutter, lịch sử phát triển, ưu nhược điểm, so sánh Flutter với đối thủ Xây dựng ứng. .. TIN TP HCM, ngày… tháng… năm…… NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN/PHẢN BIỆN) Tên khóa luận: TÌM HIỂU FLUTTER VÀ XÂY DỰNG ỨNG DỤNG ĐẶT HÀNG ONLINE Nhóm SV thực hiện: Cán phản biện:... nhóm Nhiệm vụ đề tài Đề tài ? ?Tìm hiểu Flutter xây dựng ứng dụng đặt hàng online? ?? ứng dụng chạy điện thoại sử dụng hệ điều hành Android Ứng dụng gồm có phần: Ứng dụng viết cho tảng mobile Webservice