Ứng dụng thương mại điện tử đa nền tảng với Flutter

MỤC LỤC

SDK phát triển Flutter

● Hot Reload: Cho phép nhà phát triển xem ngay lập tức các thay đổi trong mã nguồn và giao diện người dùng sau khi chỉnh sửa, giúp tăng tốc quá trình phát triển. ● Hot Reload: Chức năng này cho phép nhà phát triển xem ngay lập tức các thay đổi trong mã nguồn và giao diện người dùng sau khi chỉnh sửa, giúp tăng tốc độ phát triển. ● Kích thước ứng dụng: Ứng dụng Flutter có thể có kích thước lớn hơn so với một số ứng dụng được phát triển bằng công nghệ khác, do việc bao gồm các thư viện cần thiết.

Mặc dù có nhược điểm nhất định, nhưng với ưu điểm về hiệu suất, đa nền tảng và khả năng tạo giao diện đẹp, Flutter vẫn là một lựa chọn mạnh mẽ cho việc phát triển ứng dụng di động.

Flutter packages

Khi nhà phát triển cần sử dụng một tính năng cụ thể hoặc thư viện nào đó, họ có thể tìm kiếm trong cơ sở dữ liệu của Pub và thêm gói đó vào dự án Flutter của mình thông qua file pubspec.yaml. ● Đánh giá và điểm số: Cộng đồng có thể đánh giá và đưa ra điểm số cho các gúi dựa trờn trải nghiệm của họ, giỳp người dựng khỏc cú cỏi nhỡn rừ ràng hơn về chất lượng và sự hữu ích của từng gói. ● Hỗ trợ tìm kiếm tùy chỉnh: Cung cấp các tùy chọn tìm kiếm tiên tiến để người dùng có thể lọc các gói theo nhiều tiêu chí khác nhau như phiên bản, ngôn ngữ, chủ đề, và nhiều hơn nữa.

Pub.dev là nguồn tài nguyên quan trọng và hữu ích cho những người phát triển ứng dụng Flutter và Dart khi họ cần tìm các gói, thư viện và công cụ để hỗ trợ trong quá trình phát triển.

Visual Studio Code

● Hiển thị thông tin chi tiết: Mỗi gói trên pub.dev có trang thông tin chi tiết với các thông tin như tên gói, mô tả, phiên bản, điểm số, ví dụ mã nguồn và tài liệu hướng dẫn. ● Mở rộng và tùy chỉnh: VS Code có một hệ thống mở rộng mạnh mẽ, cho phép người dùng cài đặt các extension để mở rộng chức năng của nó, từ debug, quản lý dự án, kiểm soát mã nguồn đến các tính năng phong phú khác. ● IntelliSense: Hỗ trợ tính năng thông minh IntelliSense, giúp tự động hoàn thành mã, đề xuất dòng lệnh và cung cấp thông tin hữu ích về các biến, phương thức và API khi bạn viết mã.

Visual Studio Code đã trở thành một trong những trình biên soạn mã được ưa chuộng nhất trong cộng đồng lập trình do tính linh hoạt, hiệu suất và khả năng tùy chỉnh cao của nó.

Android Studio

● Trình biên soạn mã thông minh: Android Studio đi kèm với trình biên soạn mã tích hợp (IDE) được tối ưu hóa cho việc phát triển Android, cung cấp các tính năng như auto-completion, kiểm tra lỗi, refactoring và hỗ trợ mã nguồn mở rộng. ● Layout Editor: Được tích hợp sẵn, trình chỉnh sửa giao diện (Layout Editor) giúp thiết kế giao diện người dùng (UI) của ứng dụng một cách trực quan và dễ dàng. ● Kết hợp với các công cụ Android phổ biến: Android Studio tích hợp tốt với các công cụ như Firebase, Google Cloud Platform và các thư viện hỗ trợ phát triển Android khác.

Android Studio được coi là công cụ chính cho nhà phát triển Android với nhiều tính năng mạnh mẽ và công cụ hỗ trợ giúp tăng cường quá trình phát triển ứng dụng dành cho nền tảng Android.

Github

GitHub là một nền tảng lưu trữ mã nguồn mở (version control) dựa trên Git, được sử dụng rộng rãi trong cộng đồng phát triển phần mềm để quản lý mã nguồn, theo dừi sự thay đổi, hợp tỏc và triển khai dự ỏn. ● Version Control (Quản lý phiên bản): Sử dụng hệ thống version control của Git, GitHub cho phộp theo dừi sự thay đổi trong mó nguồn, quản lý cỏc phiên bản khác nhau và hỗ trợ quá trình hợp nhất mã (merge code) từ nhiều nguồn khác nhau. ● Documentation và Wiki: GitHub cho phép người dùng tạo và quản lý tài liệu dự án (project documentation) cũng như wiki để chia sẻ thông tin, hướng dẫn và thông tin hữu ích khác.

GitHub đã trở thành một nền tảng quan trọng trong cộng đồng phát triển phần mềm, cung cấp một nơi lưu trữ mã nguồn mở và công cụ hợp tác mạnh mẽ để các nhà phỏt triển làm việc cựng nhau, theo dừi sự thay đổi và quản lý dự ỏn của họ.

Cơ sở lý thuyết

● Công cụ cho người quản lý dự án: Cung cấp công cụ quản lý dự án (project management tools) như issues, project boards và milestones để theo dừi tiến độ dự án. ● Projects (Dự án): Cung cấp các công cụ quản lý dự án như boards (bảng), cards (thẻ), và milestones (cột mốc) để theo dừi cụng việc, sắp xếp nhiệm vụ và quản lý tiến độ dự án. ● Gists (Gists): Cho phép người dùng chia sẻ đoạn mã, văn bản hoặc tệp tin một cách nhanh chóng thông qua URL, hữu ích khi cần chia sẻ mã nguồn nhỏ hoặc nhanh chóng.

● Actions (Hành động): Cung cấp khả năng tự động hóa các quy trình, xây dựng, kiểm tra và triển khai mã nguồn thông qua các luồng công việc được cấu hình.

PHÂN TÍCH, THIẾT KẾ ỨNG DỤNG 1. Tổng quan

Đặc tả yêu cầu chức năng

Thêm cửa hàng Admin có thể xem thông tin cho tiết cửa hàng, thêm phí hoa hồng, xóa. Thêm cửa hàng Admin có thể xem thông tin cho tiết cửa hàng, thêm phí hoa hồng, xóa. ● Người dùng muốn vào hệ thống để thực hiện các tính năng thì phải thông qua đăng nhập.

● Khi quên mật khẩu và muốn lấy lại mật khẩu mới thì người dùng thực hiện use case này. Sự kiện kích hoạt: Bấm “Forgot password” ở màn hình đăng nhập Điều kiện thực hiện: Không có. ● Người dùng muốn vào hệ thống để thực hiện các tính năng thì phải thông qua đăng ký nếu chưa có tài khoản.

● Không có tài khoản nào tồn tại trong hệ thống với thông tin đăng ký được cung cấp. ● Hệ thống yêu cầu Customer cung cấp thông tin cần thiết như tên, địa chỉ email, mật khẩu, và thông tin liên hệ. ● Customer nhận được thông báo về việc đăng ký thành công và có thể đăng nhập vào hệ thống với thông tin tài khoản mới.

● Xác thực tài khoản: Hệ thống có thể yêu cầu xác minh thông tin qua email hoặc số điện thoại trước khi tài khoản được kích hoạt hoặc trước khi có thể sử dụng đầy đủ tính năng của hệ thống. ● Người dùng muốn thay đổi thông tin cá nhân hoặc mật khẩu thì sử dụng use case này.

Bảng 2 Danh sách Use case Admin
Bảng 2 Danh sách Use case Admin

Luồng phụ A1

Sự kiện kích hoạt: Người dùng vendor ấn vào market trên thanh menu Điều kiện thực hiện: Người dùng đăng nhập vào hệ thống. ● Admin có thể thực hiện các hoạt động quản lý như xem thông tin chi tiết của Vendor, kiểm tra hoạt động gần đây của Vendor, và thực hiện các thao tác quản lý khác. ● Nếu Admin phát hiện các vấn đề về hoạt động hoặc cần tạm ngừng tài khoản của Vendor, họ có thể chọn tùy chọn khóa tài khoản để ngăn Vendor truy cập hoặc mở lại tài khoản sau khi xử lý vấn đề.

● Admin có khả năng quản lý và giám sát hoạt động của các Vendor và User trong hệ thống. ● Hệ thống hiển thị danh sách các bài viết, tin tức, hoặc nội dung được đăng trên bảng tin. ● Chỉnh Sửa Nội Dung: Nếu Admin phát hiện nội dung không phù hợp hoặc cần chỉnh sửa, họ có thể thực hiện các thao tác chỉnh sửa hoặc xóa nội dung đó.

● Admin cũng có thể chỉnh sửa hoặc xóa các danh mục hiện có nếu cần thiết, như sửa tên, mô tả hoặc xóa danh mục không còn phù hợp. ● Nếu Admin phát hiện danh mục không chính xác hoặc không còn cần thiết, họ có thể thực hiện các thao tác chỉnh sửa hoặc xóa danh mục đó. ● Admin có khả năng quản lý danh mục của hệ thống, đảm bảo rằng cấu trúc danh mục phù hợp với nhu cầu hoặc chính sách của hệ thống.

● Hệ thống trở lại màn hình hiển thị danh sách các sản phẩm với sản phẩm mới đã được tạo. ● Hệ thống trở lại màn hình hiển thị danh sách các sản phẩm với sản phẩm đã được cập nhật. ● Người dùng nhập thông tin về số lượng sản phẩm muốn mua và nhấn vào nút thêm vào giỏ hàng.

● Hệ thống thông báo kết quả, nút giỏ hàng trên màn hình người dùng có hiện thông báo có sản phẩm vào giỏ.

GIAO DIỆN ỨNG DỤNG 1. Giao diện App Vendor