ĐẠ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 TÀI LIỆU ĐẶC TẢ Đồ án Phát triển ứng dụng mua sắm thử quần áo mobile với Android Giảng viên hướng dẫn: Ths Nguyễn Thị Thanh Trúc Danh sách thành viên nhóm: Trần Thanh Lâm – 18520082 Nguyễn Thành Đạt – 18520579 LỜI CẢM ƠN Sau trình học tập rèn luyện khoa Cơng nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM, em trang bị kiến thức kỹ thực tế để hồn thành Đồ án nhóm Để hồn thành đồ án này, với lòng biết ơn sâu sắc em xin gửi lời cảm ơn chân thành đến: Ban Giám hiệu trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM tạo điều kiện thuận lợi để sinh viên tìm kiếm, nghiên cứu thơng tin với hệ thống thư viện đại, đa dạng loại sách tài liệu Gần gũi lời tốt đẹp xin gửi đến đến cô Nguyễn Thị Thanh Trúc tận tình giúp đỡ, định hướng cách tư hướng làm việc khoa học Đó góp ý q báu khơng q trình thực luận văn mà cịn hành trang tiếp bước cho em trình học tập làm việc sau Sau cùng, xin chúc quý Thầy Cơ khoa Cơng nghệ Phần mềm nói riêng giáo viên trường Công nghệ thông tin nói chung thật dồi sức khỏe, niềm tin để tiếp tục thực sứ mệnh cao đẹp Thành phố Hồ Chí Minh, 10 tháng 06 năm 2021 Sinh viên Nguyễn Thành Đạt Sinh viên Trần Thanh Lâm Mục lục Giới thiệu chung 1.1 Đặt vấn đề 1.2 Giải tốn Các cơng nghệ sử dụng đồ án 2.1 Sơ đồ quy trình xử lý hàng hóa 2.2 Cơng nghệ sử dụng 2.3 Mơ tả chi tiết 2.3.1 Flutter – Dart 2.3.2 PostgreSQL 10 Use Case 11 3.1 Bảng yêu cầu nghiệp vụ 11 3.2 Sơ đồ use case tổng quát 13 3.3 16 Sơ đồ use case phân rã 3.3.1 Usecase đăng nhập khách hàng 16 3.3.2 Usecase quản lý đăng nhập admin 16 3.3.3 Usecase quản lý đơn hàng 17 3.3.4 Usecase quản lý danh mục sản phẩm 18 3.3.5 Usecase quản lý sản phẩm 18 3.3.6 Usecase quản lý banner 19 3.3.7 Usecase quản lý khách hàng 20 3.3.8 Usecase thử sản phẩm 20 3.3.9 Usecase quản lí giỏ hàng 21 3.3.10 Use case toán 22 Thiết kế sở liệu 23 Relationship Diagram 24 Class Diagram 24 Sequence Diagram 26 7.1 Đặt hàng toán 26 7.2 Quản lý sản phẩm 27 7.3 Quản lý danh mục sản phẩm 28 7.4 Quản lý banner 29 30 7.6 Thử đồ 31 7.5 Quản lý khách hàng Activity Diagram 32 Đăng nhập 32 8.2 Đặt hàng toán 32 8.3 Quản lý mặt hàng 33 8.4 Quản lý banner 33 8.5 Quản lý khách hàng 34 8.6 Thử sản phẩm 34 Thiết kế giao diện 35 8.1 9.1 Trang chủ 35 9.2 Màn hình sản phẩm chi tiết sản phẩm 35 9.4 Màn hình giỏ hàng tốn 36 9.11 Màn hình quản lý khách hàng 10 36 Tổng quan Machine Learning Fashion-MNIST cho việc thử đồ 37 10.1 Giới thiệu Fashion-MNIST 37 10.2 Tại Fashion-MNIST tạo 38 10.2.1 Nguồn gốc 38 10.2.2 Lấy liệu: 39 10.3 Chi tiết sử dụng 39 10.3.1 Tải liệu với Python (yêu cầu NumPy) 39 10.3.2 Tải liệu với Tensorflow 40 10.3.3 Tải liệu với thư viện Machine Learning khác 40 10.3.4 41 Tải liệu với ngôn ngữ khác 11 Tasksheet 42 12 Tổng kết 43 13 Hướng phát triển 43 14 Tài liệu tham khảo 43 Giới thiệu chung 1.1 Đặt vấn đề Trong thời đại kỷ nguyên số, việc sở hữu ứng dụng thương mại điện tử yếu tố tiên để gia tăng doanh số phát triển doanh nghiệp Nó khơng cịn thuật ngữ xa lạ người cửa hàng sở hữu cho ứng dụng để kinh doanh, quảng cáo thương hiệu Những lợi ích doanh nghiệp sở hữu ứng dụng thương mại điện tử: + Tăng lợi nhuận + Tiết kiệm chi phí khơng cần phải bỏ khoản tiền lớn để thuê mặt bằng, thuê đào tạo đội ngũ nhân viên, mà thu lợi nhuận cao bạn biết kết hợp với số chiến lược Marketing online + Gia tăng khả tương tác với khách hàng + Nâng cao khả cạnh tranh với đối thủ + Quảng bá thương hiệu Chuyển đổi từ ứng dụng có giao diện cũ sang ứng dụng thương mại điện tử chuyên nghiệp xu hướng thu hút nhiều doanh nghiệp Ở ứng dụng thương mại lớn, doanh nghiệp thiết lập cấu trúc ứng dụng rõ ràng khoa học để người mua dễ dàng tìm thấy sản phẩm phù hợp cách nhanh Cấu trúc tích hợp lọc tìm kiếm để phân luồng rõ ràng cấp độ lọc theo giá cả, theo độ phổ biến, chất liệu sản phẩm, kích cỡ, Nhờ mà trải nghiệm mua sắm khách hàng trở nên đơn giản Các đặc điểm bật ứng dụng thương mại điện tử: + Thao tác thuận tiện, nhanh chóng + Cung cấp thơng tin nhanh – xác – đầy đủ + Dễ dàng tương tác với người bán + Hình thức tốn đa dạng 1.2 Giải toán Xây dựng ứng dụng thương mại điện tử có đầy đủ tính với giao diện thân thiện với người dùng Ứng dụng bao gồm hai đối tượng sử dụng chính: khách hàng, chủ cửa hàng(hoặc nhân viên) với đối tượng có chức riêng biệt Các chức phục vụ đối tượng khách hàng: + Quản lý tài khoản + Quản lý giỏ hàng + Thanh toán + Thử quần áo + Gợi ý sản phẩm Các chức phục vụ đối tượng chủ cửa hàng ( nhân viên): + Quản lý tài khoản + Quản lý sản phẩm + Quản lý đơn hàng + Quản lý Banners + Quản lý khách hàng Các công nghệ sử dụng đồ án 2.1 Sơ đồ quy trình xử lý hàng hóa Nhà cung cấp chở hàng đến Nhập kho Phân loại xếp Cập nhật trình trạng Webservice Bán hàng Quy trình xử lý hàng hóa Đóng gói Vận chuyển Khách hàng đặt hàng ứng dụng Hệ thông chuyển hàng kho Nhân viên lấy hàng đóng gói Cập nhật trình trạng hàng vào kho Lấy hàng giao cho khách Chuyển biên lai kho Giải đáp thắc mắc Hậu Xử lý hàng không người nhận Xử lý hàng hóa bị trả lại 2.2 Cơng nghệ sử dụng Trong q trình thực đồ án, nhóm sử dụng số phần mềm, công cụ phục vụ cho việc tìm hiểu xây dựng đề tài bao gồm: - PostgreSQL : hệ thống sở liệu quan hệ đối tượng mã nguồn mở - Flutter : xây dựng phần mềm để viết mã tạo ứng dụng - iTextSharp v5.5.13: Framework hỗ trợ xuất file đuôi pdf - StarUML: Phần mềm đặc tả hệ thống sơ đồ UML 2.3 Mô tả chi tiết 2.3.1 Flutter – Dart Từ góc độ software stack, Flutter bao gồm lớp sau: Lớp thấp lớp runtime xây dựng C++, cần giao tiếp HĐH theo số cách hạn chế – đến Open GL, API truy cập, tệp mạng IO, v.v … Phía lớp API chuyển sang mã Dart Một lớp liên kết chủ yếu cho thiết lập ban đầu Một lớp render mơ hình view điển hình với đối tượng tồn lâu Lớp xử lý thứ bố cục, vẽ, chỉnh sửa văn bản, cử chỉ, v.v Một lớp widget bao gồm thứ có thời gian tồn ngắn mô tả giao diện người dùng trông framework Flutter áp dụng mơ hình lập trình reactive UI xây dựng lại trạng thái thay đổi Một lớp thể thẩm mỹ thiết kế cụ thể, ví dụ Thiết kế Vật liệu cho Android Một số khía cạnh Dart khiến phù hợp với Flutter là: Nó có garbage collector hệ nhanh Điều hữu ích Flutter tn theo mơ hình lập trình reactive đối tượng UI tạo hủy nhanh chóng Trình biên dịch trước thời hạn Dart cho phép biên dịch trực tiếp mã Điều cho phép khởi động nhanh đạt hiệu suất phù hợp Dart tập trung vào trải nghiệm tốt cho lập trình viên Dart có thuật tốn tree shaking – phần framework Flutter sử dụng đưa vào ứng dụng cuối Các IDE hỗ trợ: ● Android Studio ● IntelliJ ● Visual Studio Code Plugin package Một nguyên tắc sáng lập Flutter điều mà phần cứng làm, bạn làm Flutter Mặc dù ln có khả đào sâu vào thư viện cụ thể tảng, với sưu tập gói Flutter ngày phát triển, hầu hết lập trình viên tìm thấy họ cần https://pub.dartlang.org/flutter 2.3.2 PostgreSQL PostgreSQL hệ thống quản trị sở liệu quan hệ-đối tượng (object-relational database management system) có mục đích chung, hệ thống sở liệu mã nguồn mở tiên tiến PostgreSQL sở hữu hệ tính đa dạng giúp hỗ trợ nhà phát triển xây dựng app, nhà quản trị bảo vệ toàn vẹn liệu, tạo môi trường chịu lỗi faulttolerant giúp bạn quản lý liệu tập liệu lớn hay nhỏ Các hệ tính sử dụng đồ án PostgreSQL: - Cấu trúc: Date/Time, Array, Phạm vi, UUID - Document: JSON/JSONB, XML, Key-value (Hstore) - Lập danh mục: Expressions, Partial - Giao tác, Giao tác dạng nest (thông qua lưu điểm) - Ngôn ngữ thủ tục: PGSQL, Python 10 7.5 Quản lý khách hàng 31 7.6 Thử đồ 32 Activity Diagram 8.1 Đăng nhập 8.2 Đặt hàng toán 33 8.3 Quản lý mặt hàng 8.4 Quản lý banner 34 8.5 Quản lý khách hàng 8.6 Thử sản phẩm 35 Thiết kế giao diện 9.1 Trang chủ 9.2 Màn hình sản phẩm chi tiết sản phẩm 36 9.4 Màn hình giỏ hàng tốn 9.11 Màn hình quản lý khách hàng 37 10 Tổng quan Machine Learning Fashion-MNIST cho việc thử đồ 10.1 Giới thiệu Fashion-MNIST - Fashion-MNIST tập liệu hình ảnh viết Zalando — bao gồm tập gồm 60.000 mẫu tập kiểm tra 10.000 mẫu Mỗi mẫu hình ảnh 28x28 grayscale, liên kết với nhãn từ 10 lớp Dư định Fashion-MNIST đóng vai trị thay trực tiếp cho tập liệu MNIST ban đầu cho thuật tốn máy học Nó có kích thước hình ảnh cấu trúc phần đào tạo thử nghiệm - Dưới ví dụ giao diện liệu (mỗi lớp có ba hàng): 38 10.2 Tại Fashion-MNIST tạo 10.2.1 Nguồn gốc Tập liệu MNIST ban đầu chứa nhiều chữ số viết tay Các thành viên cộng đồng AI / ML / Khoa học Dữ liệu yêu thích tập liệu sử dụng điểm chuẩn để xác thực thuật toán Trên thực tế, MNIST thường tập liệu mà nhà nghiên cứu thử 10.2.2 Lấy liệu: - Nhiều thư viện ML bao gồm Fashion-MNIST data/API - Có thể sử dụng liên kết trực tiếp để tải xuống tập liệu Dữ liệu lưu trữ định dạng giống liệu MNIST gốc 39 Ngồi ra, Có thể chép GitHub repository này; tập liệu xuất data / fashion Có chứa số tập lệnh cho benchmark and visualization (hình ảnh hóa) git clone git@github.com:zalandoresearch/fashion-mnist.git 10.3 Chi tiết sử dụng 10.3.1 Tải liệu với Python (yêu cầu NumPy) Sử dụng utils / mnist_reader repo này: 10.3.2 Tải liệu với Tensorflow Đảm bảo bạn tải xuống liệu đặt vào data / fashion Nếu không, Tensorflow tải xuống sử dụng MNIST gốc 40 Tensorflow hỗ trợ truyền url nguồn tới read_data_sets data = input_data.read_data_sets('data/fashion', source_url='http://fashion-mnist.s3website.eu-central-1.amazonaws.com/') 10.3.3 Tải liệu với thư viện Machine Learning khác Cho đến nay, thư viện sau bao gồm Fashion-MNIST dạng tập liệu tích hợp sẵn Do đó, bạn khơng cần phải tự tải xuống Fashion-MNIST Chỉ cần làm theo API họ bạn sẵn sàng Có thể thực pull request gói học máy mã nguồn mở khác, cải thiện khả hỗ trợ chúng tập liệu Fashion-MNIST 10.3.4 Tải liệu với ngôn ngữ khác Là liệu phổ biến cộng đồng Machine Learning, MNIST truyền cảm hứng cho người triển khai trình tải nhiều ngơn ngữ khác Có thể sử dụng tải với liệu Fashion-MNIST 41 11 Tasksheet Đồ án STT Ứng dụng bán quần áo điện thoại Tên task Date of Preparation Planned Start Date Planned Completed Date Tên thành viên March 1st, 2020 March 15th 2021 Nguyễn Thành Đạt Activity Plan Prepared by Nguyễn Thành Đạt Tình trạng Sequence Diagram Use Case Activity Diagram March 15th 2021 Relationship Diagram March 15th ,2021 Thiết kế database March 25th 2021 Hoàn thành Thiết kế API April 20th 2021 Hoàn thành Viết document API April 20th 2021 Hoàn thành Deploy back-end April 20th 2021 Hoàn thành Viết đặc tả use case March 15th 2021 Hoàn thành March 15th 2021 42 Hoàn thành Hoàn thành Hoàn thành Hoàn thành 10 Thiết kế front-end Admin June 15th 2021 11 Thiết kế front-end Customer June 15th 2021 12 Nghiên cứu công nghệ thử đồ May 21st 2021 13 Cài đặt chức thử đồ - 14 Viết báo cáo sản phẩm June 20th 2021 43 Hoàn thành Hoàn thành Trần Thanh Lâm Hoàn thành Hoàn thành Hồn thành 12.Tổng kết Thơng qua đồ án lần này, nhóm chúng em học cách xây dụng ứng dụng bán quần áo online điện thoại, từ việc thiết kế sở liệu, thiết kế giao diện Flutter viết RESTful API PostgreSQL Sequelize Giải thường gặp ứng dụng bán hàng làm quản lí mặt hàng, quản lí đơn hàng, trải nghiệm người dùng,… Hơn hết nghiên cứu công nghệ thử đồ sử dụng Machine Learning Đây lần nhóm chúng em xây dụng ứng dụng điện thoại gần hoàn chỉnh 13.Hướng phát triển Sản phẩm hoàn thiện đầy đủ chức chính, nhiên cịn số hạn chế, thiếu sót định Nhóm dự định tương lai triển khai thêm hình thức tốn online thơng qua ví điện tử phổ biến, thuật tốn đề xuất người dùng, cài đặt hoàn chỉnh phần thử đồ cho người dụng trải nghiệm Ngoài chưa đủ nguồn lực để thuê sever nên thường xuyên xảy tượng giật lag liệu, nhóm khắc phục tình trạng lần báo cáo 14 Tài liệu tham khảo Link github front-end: https://github.com/tranthanhlam10/ApproditeApp_EcomFashionApp Link github back-end: https://github.com/blagonz4/Aphordite-ecom.git Link github thử đồ: https://github.com/zalandoresearch/fashion-mnist.git Sequelize: http://sequelize.org/ Flutter doc: https://flutter.dev/docs 44 45 ... Giải toán Xây dựng ứng dụng thương mại điện tử có đầy đủ tính với giao diện thân thiện với người dùng Ứng dụng bao gồm hai đối tượng sử dụng chính: khách hàng, chủ cửa hàng(hoặc nhân viên) với đối... em học cách xây dụng ứng dụng bán quần áo online điện thoại, từ việc thiết kế sở liệu, thiết kế giao diện Flutter viết RESTful API PostgreSQL Sequelize Giải thường gặp ứng dụng bán hàng làm quản... nghệ thử đồ May 21st 2021 13 Cài đặt chức thử đồ - 14 Viết báo cáo sản phẩm June 20th 2021 43 Hoàn thành Hoàn thành Trần Thanh Lâm Hồn thành Hồn thành Hồn thành 12.Tổng kết Thơng qua đồ án lần