Xây dựng website và app bán đồng hồ sử dụng flutter và golang

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN MÔN ĐỒ ÁN Đề tài: Xây dựng website app bán đồng hồ sử dụng Flutter Golang Giảng viên hướng dẫn: Thầy Nguyễn Tấn Toàn Sinh viên thực hiện: Thân Lê Anh Tuấn 17521223 Tô Minh Khuê 17520653 TPHCM, 05/01/2021 TPHCM, 15/06/2019 NHẬN XÉT CỦA GIẢNG VIÊN ……….………………………………………………………………….… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… … LỜI CẢM ƠN Em xin chân thành cảm ơn quý thầy cô Khoa Công Nghệ Phần Mềm, đặc biệt thầy Nguyễn Tấn Tồn tận tình hướng dẫn chúng em hoàn thành đồ án Bên cạnh đó, lần xin cảm ơn nhóm bạn lớp làm đồ án động viên, thảo luận góp ý cho nhóm đồng thời khơi thêm nguồn động lực cho nhóm để tiếp thêm động lực cho nhóm giai đoạn đầy khó khăn Ngoài ra, chúng em cảm ơn anh, chị, bạn bè gia đình giúp đỡ tạo điều kiện cho chúng em hoàn tất đồ án Mặc dù cố gắng, nhiên khả giới hạn nên không tránh khỏi sai sót, chúng em mong nhận thơng cảm góp ý chân tình từ q thầy bạn Một lần xin chân thành cảm ơn người Thành phố Hồ Chí Minh, ngày 05 tháng 01 năm 2021 Thân Lê Anh Tuấn Tô Minh Khuê ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng website app bán đồng hồ sử dụng Flutter Golang Cán hướng dẫn: thầy Nguyễn Tấn Toàn Thời gian thực hiện: Từ ngày 25/09/2020 đến ngày 10/01/2021 Sinh viên thực hiện: Thân Lê Anh Tuấn 17521223 Tô Minh Khuê 17520653 Nội dung đề tài: Xây dựng website app bán đồng hồ sử dụng Flutter Golang Mục tiêu: Tìm hiểu Golang, ưu điểm khuyết điểm Xây dựng ứng dụng bán đồng hồ với giao diện Đối tượng: Các công ty, doanh nghiệp vừa nhỏ Phương pháp thực hiện: Thảo luận làm việc nhóm tìm hiểu theo lực kinh nghiệm có tron Kết mong đợi: Hiểu rõ Golang xây dựng app sử dụng công nghệ Golang Kế hoạch thực hiện: STT Công việc Thời gian thực tuần Phase 1: Tìm hiểu Flutter, Go, Vue Sprint 1: Tìm hiểu định nghĩa công nghệ áp dụng 1.1 - Flutter, Go ? (25/09/2020 – 22/10/2020) Tuần 1-2 - Lịch sử đời roadmap phát triển (25/09/2020 – 10/10/2020) Kh - Nó mang lại lợi ích ? Cho ? Trong hoàn cảnh ? - Những tương đương, tương tự thị trường - open source - thương mại - mơ tả tốn - Kiến trúc tổng thể hệ thống 3.1 Sprint 2: Tìm hiểu mơ hình, cơng nghệ , kỹ thuật để áp dụng vào hệ thống Tuần 3-5 (25/09/2020 – 10/10/2020) Tuấn Sprint 3: Xây dựng sơ đồ kiến trúc hệ thống -kiến trúc logic Tuần 5-7 -kiến trúc vật lý (10/10/2020 – 22/10/2020) Tuấn Tuần Phase 2: Xây dựng back end hệ thống golang 4.1 (22/10/2020- 20/11/2020) Sprint 4: Xây dựng sở liệu hệ thống Xây dựng Restful API cho user module - CRUD API cho người dùng, admin Tuần – 15 (22/10/2020 – 20/11/2020) Tuấn, Khuê Xây dựng Restful API cho product module - CRUD API cho danh mục sản phẩm, sản phẩm Xây dựng Restful API cho giỏ hàng, đơn hàng - CRUD API cho giỏ hàng, đơn hàng người dùng Phase : Xây dựng website application cho người quản lí vue Tuần (20/11/2020- 10/12/2020) Sprint 5: Xây dựng giao diện Giao diện trang chủ - Giao diện đăng nhập + Hiển thị giao diện đăng nhập, thông tin khách hàng, chỉnh sửa tài khoản - Giao diện hiển thị danh sách khách hàng - Giao diện quản lý sản phẩm 5.1 - Giao diện quản lí danh mục sản phẩm - Giao diện quản lí đơn hàng - Giao diện thống kê đơn hàng + Thiết kế, cài đặt giao diện + Hiển thị thông tin đồng hồ + Xây dựng chức thông báo đồng hồ hết, chức lưu trữ chia sẻ sản phẩm Tuần Phase 4: Xây dựng ứng dụng Flutter Sprint 5: Xây dựng giao diện 6.1 Giao diện trang chủ (10/12/2020- 31/12/2020) Tuần – 15 + Thiết kế, cài đặt giao diện (10/12/2020 – 31/12/2020) + Hiển thị danh sách danh mục đồng hồ, đồng hồ - Xây dựng chức tạo tài khoản Tuấn, Khuê - Giao diện quản lý đồng hồ + Hiển thị thống báo kiện -Giao diện tìm kiếm đồng hồ + Thiết kế, cài đặt giao diện + Hiển thị danh mục đồng hồ -Giao diện bán đồng hồ + Thiết kế, cài đặt giao diện + Hiển thị thông tin đồng hồ + Xây dựng chức thông báo đồng hồ hết, chức lưu trữ chia sẻ sản phẩm - Giao diện tài khoản + Thiết kế, cài đặt giao diện + Hiển thị giao diện đăng nhập, thông tin khách hàng, chỉnh sửa tài khoản - Giao diện quản lý giỏ hàng + Thiết kế, cài đặt giao diện + Hiển thị giao diện đồng hồ mua + Xây dựng chức thông báo đặt hàng thành cơng + Tích hợp chức mua đồng hồ qua momo, paypal Sprint 7: Kiểm thử - Kiểm thử Tuần 16 - Đánh giá (01/01/2021 - 10/01/2021) Tuấn, Khuê Kế hoạch thực hiện: STT Công việc Thời gian thực tuần Phase 1: Tìm hiểu Flutter (28/03/2020 – 27/05/2020) Sprint 1: Tìm hiểu định nghĩa Flutter - Flutter ? Tuần 1-2 - Lịch sử đời roadmap phát triển (02/04/2020 – 09/04/2020) Kh - Nó mang lại lợi ích ? Cho ? Trong hoàn cảnh ? 1.1 - Những tương đương, tương tự thị trường - open source - thương mại - mơ tả tốn - Kiến trúc tổng thể hệ thống 3.1 Sprint 2: Tìm hiểu mơ hình, cơng nghệ , kỹ thuật để áp dụng vào hệ thống Tuần 3-5 (09/04/2020 – 23/04/2020) Tuấn Sprint 3: Xây dựng sơ đồ kiến trúc hệ thống -kiến trúc logic Tuần 5-7 -kiến trúc vật lý (23/04/2020 – 07/05/2020) Tuấn Tuần Phase 2: Xây dụng ứng dụng Flutter (07/05/2020- 15/07/2020) Sprint 4: Xây dựng sở liệu hệ thống Tuần - (07/04/2020 - 14/05/2020) Tuấn, Khuê Sprint 5: Xây dựng giao diện 5.1 Giao diện trang chủ Tuần – 15 + Thiết kế, cài đặt giao diện (14/05/2020 – 01/07/2020) + Hiển thị đồng hồ bán chạy, đồng hồ bật - Xây dựng chức tạo tài khoản - Giao diện quản lý đồng hồ -Giao diện thông báo kiện + Thiết kế, cài đặt giao diện + Hiển thị thống báo kiện -Giao diện tìm kiếm đồng hồ + Thiết kế, cài đặt giao diện + Hiển thị danh mục đồng hồ -Giao diện đồng hồ bán + Thiết kế, cài đặt giao diện + Hiển thị thông tin đồng hồ + Xây dựng chức thông báo đồng hồ hết, chức lưu trữ chia sẻ sản phẩm Giao diện khách hàng - Giao diện tài khoản + Thiết kế, cài đặt giao diện + Hiển thị giao diện đăng nhập, thông tin khách hàng, chỉnh sửa tài khoản - Giao diện quản lý giỏ hàng + Thiết kế, cài đặt giao diện + Hiển thị giao diện đồng hồ mua Tuấn, Khuê + Xây dựng chức thông báo đặt hàng thành công + Tích hợp chức mua đồng hồ qua momo, paypal Sprint 6: Kiểm thử - Kiểm thử Tuần 16 - Đánh giá (01/07/2020 - 14/07/2020) Tuấn, Khuê MỤC LỤC Danh mục hình vẽ 10 2.2 2.2.1 ỨNG DỤNG MOBILE QUẢN LÝ ĐĂNG NHẬP Thiết kế giao diện Giao diện 12 Plash Screen(mobile) 77 Giao diện 13 đăng nhập(mobile) 78 Giao diện 14 Tạo tài khoản(mobile) 79 Giao diện 15 Home(Mobile) 80 2.2.2 QUẢN LÝ SẢN PHẨM Thiết kế giao diện Giao diện 16 Sản phẩm danh mục(mobile) 81 Giao diện 17 Tìm kiếm(mobile) 82 Giao diện 18 Thông tin sản phẩm(mobile) 83 2.2.3 QUẢN LÝ ĐƠN HÀNG Thiết kế giao diện Giao diện 19 danh sách sản phẩm đơn hàng(mobile) 84 Giao diện 20 Thanh toán thành cơng(mobile) 85 Giao diện 21 Hóa đơn(mobile) 86 Giao diện 22 Chi tiết đơn hàng(mobile) 87 CÀI ĐẶT 3.1 MƠI TRƯỜNG PHÁT TRIỂN VÀ TRIỂN KHAI 3.1.1 Mơi trường phát triển phần mềm - sử dụng Golang - sử dụng Visual Code, Goland để lập trình - quản lý CSDL PostgreSQL - quản lý source code Github 3.1.2 Mơi trường triển khai Có thể triển khai ứng dụng thông qua điện thoại đa chức năng, máy tính bàn, máy tính xách tay, máy tính bảng,… Điều kiện để triển khai phần mềm bao gồm: + Môi trường triển khai môi trường sau: Android, iOS, Windows 7, Windows 8, Windows 8.1, Windows 10 + Là thiết bị truy cập mạng + Có liệu mạng sẵn có + Sẵn có phần mềm trình duyệt web (FireFox, Cốc cốc, Google Chrome, Internet Explorer, Opera,… 3.1.3 Yêu cầu phần mềm Ứng dụng chạy tảng phổ biến Windows, Linux Mac Để khởi chạy phần hệ thống, ta cần cài đặt phần mềm sau: Đối với server: 88 –Goland phiên goland-2020.3.1 (chính xác) Có thể tải https://www.jetbrains.com/go/ + Vui lịng tìm phiên để đảm bảo mã nguồn hoạt động Đối với client: - Cài đặt Visual Studio Code phiên VSCodeUserSetup-x64-1.52.1 trở lên Có thể tải cài đặt tại: https://code.visualstudio.com/ CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN KẾT LUẬN Thông qua trình thực đồ án với đề tài xây dựng ứng dụng bán đồng hồ Nhóm xây dựng ứng dụng sử dụng chủ yếu số nhà kinh doanh đồng hồ trực tuyến Qua đó, cung cấp tính quản lý đồng hồ cách thuận tiện bao gồm: - - Xây dựng giao diện đẹp mắt, dễ sử dụng Mơ hình xem đồng hồ kết hợp với đặt đồng hồ giúp cho người dùng thuận tiện việc mua đồng hồ Mơ hình tốn tự động, đa dạng với nhiều hình thức khác giúp cho khách hàng thuận tiện việc tốn hóa đơn cách nhanh chóng hiệu Đồng thời giúp cho người quản lý dễ dàng việc quản lý hóa đơn khách hàng Ngoài hệ thống tổ chức phân quyền cách có hiệu giúp ứng dụng vận hành an toàn Đảm bảo khách hàng thực hành động nằm nhóm quyền phân Cũng từ đó, nhờ việc xây dựng hoàn thành ứng dụng Nhóm tích lũy nhiều kinh nghiệm kỹ phát triển phần mềm quan trọng bao gồm: - Học hỏi nhiều công nghệ Flutter, Golang, Vue.js Biết cách lựa chọn kết hợp vô số cơng nghệ Ngồi ra, nhóm có thêm nhiều kinh nghiệm quý báu quy trình phát triển phần mềm, bao gồm: 89 +Sử dụng trình quản lý source code Github, công cụ Git push, Git clone, Git pull +Có thêm kiến thức việc áp dụng CI/CD việc phát triển phần mềm +Với nhiều Unit Test viết tự động chạy CI/CD code đẩy lên GitHub giúp giảm thời gian kiểm thử, giảm thiểu lỗi ý muốn +Áp dụng tính Hot reload, Git push, Git pull giúp cho việc xây dựng ứng dụng nhanh chóng hiệu HƯỚNG PHÁT TRIỂN Ứng dụng bán đồng hồ mà nhóm phát triển hồn thành nghiệp vụ cần có cho việc bán đồng hồ trực tuyến Tuy nhiên, hạn chế thời gian nên số nghiệp vụ khác chưa phát triển Theo đó, nhóm cố gắng tìm hiểu sâu nghiệp vụ liên quan đến công tác quản lý liên quan đến bán đồng hồ để mở rộng thêm cho phần mềm, cụ thể: - Liên kết, huỷ liên kết với ngân hàng - Hệ thống hỗ trợ báo lỗi - Cảnh báo đăng nhập lạ, khoá tài khoản - Thanh toán vân tay - Từ ứng dụng bán đồng hồ phát triển thành ứng dụng bán hàng đa kênh - Chỉnh sửa thông tin tài khoản 90 91 ... Khuê 17520653 Nội dung đề tài: Xây dựng website app bán đồng hồ sử dụng Flutter Golang Mục tiêu: Tìm hiểu Golang, ưu điểm khuyết điểm Xây dựng ứng dụng bán đồng hồ với giao diện Đối tượng: Các... Nếu đăng nhập vào ứng dụng, sai không cho đăng nhập Tra cứu đồng hồ Chức giúp tìm đồng hồ theo thơng tin nhập vào 37 Thêm đồng hồ Thêm đồng hồ vào hệ thống Xóa đồng hồ Xóa đồng hồ có hệ thống... nghiệm, bạn sử dụng Flutter cho View bạn tận dụng nhiều code Java / Kotlin / ObjC / Swift có bạn 1.3 Áp dụng Flutter vào xây dựng ứng dụng bán đồng hồ Flutter SDK Google dành cho mobile app, kết