Đồ án HCMUTE: Xây dựng ứng dụng di động bán sách sử dụng Flutter

Đồ án kỹ thuật nghiên cứu hcmute xây dựng ứng dụng di động đa nền tảng bán sách sử dụng framework flutter, thiết kế chi tiết, tính toán kỹ thuật theo tiêu chuẩn, đánh giá tính khả

• Tác giả: Đào Ngọc Hùng
• Người hướng dẫn: Th.S. Phạm Công Thiện
• Trường học: Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Ứng Dụng Di Động Đa Nền Tảng Bán Sách Sử Dụng Framework Flutter
• Loại tài liệu: đồ án tốt nghiệp
• Năm xuất bản: 2020
• Địa điểm: Tp. Hồ Chí Minh

Mục lục chi tiết

• LỜI CẢM ƠN
• 1. CHƯƠNG 1: TỔNG QUAN
• 1.1. Khảo sát hiện trạng
• 1.2. Xác định yêu cầu
• 1.2.1. Giới thiệu chung về ứng dụng
• 1.2.2. Mô tả chức năng
• 1.2.3. Mô tả phi chức năng
• 1.2.4. Lược đồ Usecase tổng quan
• 2. CHƯƠNG 2: CƠ SỞ LÝ THUYẾT
• 2.1. Tổng quan Framework Flutter
• 2.2. Lịch sử phát triển
• 2.3. Đặc điểm chính
• 2.4. Kiến trúc của Flutter
• 2.5. Ưu điểm và nhược điểm. So sánh Flutter với React Native
• 2.6. Tổng quan Firebase
• 2.7. Lịch sử phát triển Firebase
• 2.8. Lợi ích khi sử dụng Firebase
• 2.9. Điểm yếu của Firebase
• 2.10. Một số dịch vụ Firebase cung cấp
• 3. CHƯƠNG 3: THIẾT KẾ PHẦN MỀM
• 3.1. Thiết kế phần mềm
• 3.2. Thiết kế dữ liệu
• 3.3. Lược đồ cơ sở dữ liệu
• 3.4. Thiết kế giao diện
• 3.5. Màn hình ứng dụng
• 4. CHƯƠNG 4: KẾT QUẢ SO SÁNH, THỰC NGHIỆM, PHÂN TÍCH, TỔNG HỢP
• 4.1. Cài đặt ứng dụng
• 4.2. Kiểm thử ứng dụng
• 5. CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
• 5.1. Những kết quả đạt được
• 5.2. Ưu điểm của đề tài
• 5.3. Hạn chế của đề tài
• 5.4. Hướng phát triển
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Phát triển ứng dụng di động

Đề tài "Xây dựng ứng dụng di động đa nền tảng bán sách sử dụng Framework Flutter" tập trung vào phát triển ứng dụng di động. Khóa luận trình bày quá trình xây dựng một ứng dụng bán sách trực tuyến, đa nền tảng (ứng dụng đa nền tảng cross-platform) cho phép người dùng mua sách trên cả hệ điều hành Android và iOS (ứng dụng bán sách trên iOS, ứng dụng bán sách trên Android). Ứng dụng tận dụng khung ứng dụng Flutter để đạt được hiệu quả tối ưu. Quá trình phát triển bao gồm các giai đoạn nghiên cứu, thiết kế, triển khai và kiểm thử. Phát triển ứng dụng bán sách online là trọng tâm, đáp ứng nhu cầu mua sách trực tuyến ngày càng tăng của người dùng. Các chức năng chính bao gồm: xem thông tin sách, tìm kiếm sách, thêm vào giỏ hàng, thanh toán, quản lý tài khoản cá nhân. Ứng dụng thương mại điện tử này hướng đến trải nghiệm người dùng tốt hơn so với mua sách truyền thống.

1.1. Ứng dụng bán sách online

Khóa luận nhấn mạnh vào việc xây dựng ứng dụng bán sách online. Đây là một xu hướng phát triển mạnh mẽ, giúp người dùng tiết kiệm thời gian và chi phí. Ứng dụng này cung cấp giải pháp ứng dụng bán sách trực tuyến, giúp người dùng dễ dàng tìm kiếm và mua sách mà không cần đến cửa hàng truyền thống. Các tính năng như thanh toán online trong ứng dụng, tích hợp các phương thức thanh toán phổ biến, tích hợp thanh toán nhằm đảm bảo trải nghiệm mua hàng thuận tiện. Ứng dụng còn cho phép người dùng bình luận sách, đánh giá sách, tương tác với cộng đồng và chia sẻ trải nghiệm. Việc quản lý kho sách online được thực hiện thông qua hệ thống quản trị, đảm bảo cập nhật thông tin sách kịp thời và chính xác. Ứng dụng đọc sách điện tử bổ sung trải nghiệm đọc sách, tùy thuộc vào thiết kế ứng dụng.

1.2. Ứng dụng đa nền tảng

Ứng dụng được xây dựng với mục tiêu ứng dụng đa nền tảng. Việc sử dụng Flutter giúp tạo ra một ứng dụng hoạt động mượt mà trên cả hai hệ điều hành Android và iOS. Điều này tiết kiệm chi phí phát triển và thời gian, so với việc phát triển riêng cho từng nền tảng. Ứng dụng di động đa nền tảng này đáp ứng nhu cầu người dùng ngày càng cao về sự tiện lợi và khả năng truy cập trên nhiều thiết bị khác nhau. Ứng dụng được thiết kế để hoạt động trên nhiều hệ điều hành, đảm bảo tính tương thích và trải nghiệm người dùng đồng nhất trên cả Android và iOS. Xây dựng ứng dụng đa nền tảng là một lựa chọn thông minh, tối ưu về mặt tài nguyên và nguồn lực.

II. Xây dựng ứng dụng Flutter

Chọn Flutter là một quyết định chiến lược trong xây dựng ứng dụng. Học Flutter được xem xét kỹ lưỡng, dựa trên những ưu điểm vượt trội của framework này. Hướng dẫn lập trình Flutter cung cấp kiến thức nền tảng cần thiết. Lập trình ứng dụng di động với Flutter đơn giản hơn so với lập trình native. Khung ứng dụng Flutter cho phép phát triển ứng dụng nhanh chóng, hiệu quả và tiết kiệm chi phí. Thư viện Flutter phong phú, hỗ trợ việc phát triển ứng dụng đa dạng và phức tạp. Khóa luận nêu bật quá trình ứng dụng các kỹ thuật lập trình Flutter, từ thiết kế giao diện (thiết kế UI/UX ứng dụng di động) đến triển khai và tích hợp các chức năng.

2.1. Cơ sở dữ liệu và API

Khóa luận đề cập đến việc sử dụng Firebase với Flutter. Firebase được lựa chọn làm cơ sở dữ liệu, giúp lưu trữ và quản lý dữ liệu một cách hiệu quả. Việc tích hợp API cho ứng dụng bán sách giúp kết nối với các hệ thống khác, như hệ thống thanh toán hoặc hệ thống quản lý kho hàng. Quản lý kho sách online được đơn giản hóa bằng việc sử dụng cơ sở dữ liệu đám mây. Khóa luận cũng phân tích ưu nhược điểm của việc sử dụng Firebase, và các biện pháp đảm bảo an ninh ứng dụng di động. Việc thiết kế và triển khai API được trình bày chi tiết, đảm bảo sự tương tác giữa ứng dụng và các hệ thống bên ngoài.

2.2. Kiểm thử và triển khai

Sau khi hoàn thành việc phát triển, ứng dụng được kiểm thử kỹ lưỡng. Test ứng dụng Flutter là một giai đoạn quan trọng để đảm bảo chất lượng và ổn định của ứng dụng. Triển khai ứng dụng di động bao gồm việc xuất bản ứng dụng lên các cửa hàng ứng dụng (Google Play Store và App Store). Khóa luận trình bày chi tiết về quá trình kiểm thử, bao gồm cả kiểm thử chức năng và kiểm thử hiệu năng. Chi phí phát triển ứng dụng được ước tính và phân tích, giúp người đọc hiểu rõ hơn về quy trình phát triển ứng dụng. Ví dụ ứng dụng Flutter trong khóa luận đóng vai trò minh họa cho các giải pháp kỹ thuật được áp dụng.

III. Phân tích thị trường và chiến lược

Khóa luận đề cập đến xu hướng phát triển ứng dụng, cụ thể là trong lĩnh vực thương mại điện tử. Phân tích thị trường ứng dụng giúp xác định tiềm năng và thách thức của ứng dụng. Mẫu hình kinh doanh ứng dụng bán sách được đề xuất, cùng với chiến lược quảng bá ứng dụng di động và marketing ứng dụng di động. Việc nghiên cứu đối thủ cạnh tranh giúp xác định vị thế của ứng dụng trên thị trường. Tối ưu hóa hiệu năng ứng dụng cũng được đề cập để đảm bảo trải nghiệm người dùng tốt nhất. Kinh nghiệm phát triển ứng dụng được đúc kết từ quá trình thực hiện khóa luận.

3.1. So sánh công nghệ

Khóa luận thực hiện so sánh Flutter và Native, đánh giá ưu điểm và nhược điểm của mỗi công nghệ. Việc lựa chọn Flutter dựa trên sự cân nhắc kỹ lưỡng về hiệu quả, chi phí và khả năng đáp ứng yêu cầu của dự án. Flutter vs React Native được phân tích, giúp độc giả hiểu rõ hơn về sự lựa chọn công nghệ. Lựa chọn công nghệ phát triển ứng dụng là một quyết định quan trọng ảnh hưởng đến toàn bộ quá trình phát triển. Khóa luận đưa ra những luận cứ thuyết phục về việc lựa chọn Flutter trong dự án này. Source code ứng dụng Flutter có thể được cung cấp để minh họa quá trình phát triển.

3.2. Thách thức và giải pháp

Khóa luận cũng đề cập đến những thách thức phát triển ứng dụng. Việc đảm bảo an ninh ứng dụng di động là một trong những thách thức quan trọng. Thực tiễn phát triển ứng dụng cho thấy cần có sự chuẩn bị kỹ lưỡng về mặt kỹ thuật và nguồn lực. Khóa luận đề xuất các giải pháp để khắc phục những khó khăn trong quá trình phát triển. Tối ưu hóa hiệu năng ứng dụng giúp đảm bảo trải nghiệm người dùng mượt mà. Thích hợp phát triển ứng dụng phụ thuộc vào nhiều yếu tố, bao gồm cả kinh nghiệm của đội ngũ phát triển.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

1. Lý do chọn đề tài và bối cảnh thực tiễn

Sự bùng nổ của mạng Internet và tiến bộ của công nghệ thông tin đã tác động sâu sắc đến mọi lĩnh vực đời sống, sinh hoạt và giải trí của con người, thúc đẩy sự phát triển của thương mại điện tử. Trước đây, nhu cầu tiếp cận tri thức chủ yếu thông qua sách giấy tại các hiệu sách truyền thống, khiến người mua gặp khó khăn về việc tìm kiếm các đầu sách hiếm cũng như tiêu tốn thời gian và chi phí đi lại. Hiện nay, các nền tảng thương mại điện tử và ứng dụng di động ra đời đã giải quyết rào cản này.

Theo số liệu khảo sát của nhóm nghiên cứu Picodi công bố vào tháng 3/2019 (thực hiện trên 7.800 người tại 41 quốc gia nhân ngày Sách và Bản quyền Thế giới):

• 89% người Việt Nam đọc sách và 21% còn lại không đọc.
• 60% người Việt mua 1 cuốn sách/năm.
• 29% người Việt mua sách giấy từ các cửa hàng sách trực tuyến.

Số liệu trên cho thấy tiềm năng tiêu thụ và nhu cầu đối với các ứng dụng mua bán sách trực tuyến tại Việt Nam là rất lớn. Xuất phát từ thực tiễn đó, cùng với sự xuất hiện của các ứng dụng thương mại điện tử bán sách trên thị trường như Fahasa, Vinabook, Tiki, đề tài "Xây dựng ứng dụng di động đa nền tảng bán sách sử dụng Framework Flutter" được thực hiện nhằm xây dựng giải pháp mua sắm sách trên thiết bị di động tiện lợi, không bị giới hạn bởi không gian và thời gian.

2. Mục tiêu và nhiệm vụ nghiên cứu

Đề tài xác định các mục tiêu và nhiệm vụ cụ thể sau:

1. Tìm hiểu ngôn ngữ lập trình Dart, nền tảng Flutter và cơ sở dữ liệu Cloud Firestore (thuộc hệ sinh thái Firebase) để ứng dụng vào phát triển phần mềm.
2. Phân tích, thiết kế và xây dựng ứng dụng di động hỗ trợ mua sắm sách trực tuyến cùng hệ thống trang web quản trị phục vụ công tác quản lý.
3. Hiện thực hóa các nhóm chức năng nghiệp vụ:
   • Dành cho khách vãng lai (Guest): xem màn hình giới thiệu, duyệt trang chủ, tra cứu danh mục, xem thông tin chi tiết sách, tìm kiếm sách, thêm sách vào giỏ hàng.
   • Dành cho khách hàng thành viên (Member): các chức năng của khách vãng lai kèm theo bình luận, đánh giá số sao, đặt hàng, áp dụng mã khuyến mãi, thanh toán (trực tiếp hoặc qua ví điện tử MoMo), quản lý tài khoản, quản lý đơn hàng, thêm sách yêu thích, phản hồi và báo lỗi.
   • Dành cho nhà quản trị (Admin): đăng nhập trang quản trị, quản lý danh mục sách, quản lý quảng cáo/banner, quản lý người dùng và nhóm quyền, quản lý chi tiết đơn hàng cùng các trạng thái thanh toán và vận chuyển.

3. Đối tượng và phạm vi nghiên cứu

• Đối tượng nghiên cứu: Công nghệ phát triển ứng dụng di động đa nền tảng Flutter (ngôn ngữ Dart), giải pháp Backend-as-a-Service Firebase và hệ cơ sở dữ liệu NoSQL Cloud Firestore.
• Phạm vi không gian và công nghệ: Xây dựng ứng dụng di động đa nền tảng mang tên "Lollipop Book" chạy trên hệ điều hành Android và iOS từ một cơ sở mã nguồn duy nhất, kết hợp một trang web quản trị đơn giản dành cho quản trị viên.
• Phạm vi thời gian: Đề tài được giao ngày 24/02/2020 và hoàn thành nộp báo cáo vào ngày 01/07/2020 tại Khoa Đào tạo Chất lượng cao, Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh.

---

Cơ sở lý thuyết và phương pháp

1. Khung lý thuyết và công nghệ sử dụng

• Framework Flutter: Là bộ công cụ mã nguồn mở phát triển giao diện (UI Framework) do Google công bố lần đầu vào năm 2015 dưới tên Sky và phát hành bản ổn định từ cuối năm 2018. Flutter cho phép biên dịch mã nguồn viết bằng ngôn ngữ Dart thành mã máy Native chạy trên cả Android, iOS, Web và Desktop.
• Ngôn ngữ Dart: Ngôn ngữ lập trình hướng đối tượng hỗ trợ cơ chế biên dịch Just-In-Time (JIT) phục vụ tính năng Hot Reload trong quá trình phát triển và Ahead-Of-Time (AOT) khi xuất bản ứng dụng.
• Kiến trúc Widget trong Flutter: Giao diện được cấu thành hoàn toàn từ các Widget phân cấp (StatelessWidget cho thành phần tĩnh và StatefulWidget kết hợp hàm setState() để cập nhật lại cây giao diện khi trạng thái dữ liệu thay đổi).
• Cơ sở dữ liệu Firebase Cloud Firestore: Giải pháp cơ sở dữ liệu NoSQL dạng tài liệu (Document) đặt trong các bộ sưu tập (Collection), hỗ trợ đồng bộ dữ liệu thời gian thực (Realtime), hỗ trợ truy vấn ngoại tuyến (Offline support), bảo mật truy cập thông qua Firebase Authentication và Firestore Security Rules.

2. Phương pháp nghiên cứu thực tế

• Phương pháp phân tích và thiết kế hệ thống: Khảo sát yêu cầu người dùng, mô hình hóa chức năng qua biểu đồ Use Case tổng quan và 29 đặc tả Use Case chi tiết, xây dựng các biểu đồ tuần tự (Sequence Diagram) cho các luồng nghiệp vụ quan trọng (Đăng ký, Đăng nhập, Quên mật khẩu, Tìm kiếm sách, Thanh toán, Sửa thông tin cá nhân, Đăng xuất).
• Phương pháp so sánh công nghệ: Đối chiếu đặc tính kỹ thuật giữa hai nền tảng phát triển đa nền tảng hàng đầu là Flutter và React Native.
• Phương pháp thực nghiệm phát triển phần mềm: Tiến hành cài đặt mã nguồn, cấu hình liên kết cơ sở dữ liệu Firebase và kiểm thử chức năng (Functional Testing) trên hệ thống giao diện người dùng.

---

Thiết kế và triển khai

1. Kiến trúc hệ thống

Hệ thống ứng dụng Flutter được tổ chức theo cấu trúc phân tầng chuẩn gồm:

• Tầng Platform: Cung cấp Shell để lưu trữ máy ảo Dart VM, cung cấp API truy cập dịch vụ nền tảng gốc (Native Platform) và Embedder API.
• Tầng Engine: Đóng gói Dart Runtime, thư viện đồ họa 2D Skia Canvas, Platform Channels giúp giao tiếp với hệ điều hành.
• Tầng Framework: Chứa bộ thư viện giao diện phong phú viết bằng Dart, chia thành hai phong cách chính là Material (chuẩn Android) và Cupertino (chuẩn iOS), đi kèm hệ thống xử lý hoạt ảnh (Animation), vẽ giao diện (Painting) và nhận diện cử chỉ (Gestures).

2. Cấu trúc cơ sở dữ liệu Firestore

Cơ sở dữ liệu NoSQL của ứng dụng Lollipop Book được thiết kế gồm 15 bộ sưu tập (Collections) lưu trữ tài liệu dữ liệu:

STT	Tên Collection	Mục đích lưu trữ
1	Advertisement	Thông tin hình ảnh, liên kết các chương trình quảng cáo
2	DanhMucCollection	Danh sách các danh mục phân loại sách
3	SachCollection	Chi tiết sách (tên, giá, nhà xuất bản, số lượng, mô tả)
4	ReviewCollection	Bình luận và số sao đánh giá của khách hàng
5	FeedbackCollection	Danh mục các tiêu đề phản hồi, đóng góp ý kiến
6	FeedbackDetailCollection	Nội dung chi tiết các phản hồi và báo lỗi từ người dùng
7	NotificationsCollection	Thông tin các thông báo hệ thống gửi tới người dùng
8	SearchCollection	Lịch sử và dữ liệu từ khóa tìm kiếm
9	SuggestionBookCollection	Danh sách sách gợi ý hiển thị cho người dùng
10	UserCollection	Thông tin tài khoản người dùng, email, thông tin định danh
11	FavoriteBookCollection	Danh sách các đầu sách được người dùng đánh dấu yêu thích
12	OrderCollection	Thông tin chi tiết đơn đặt hàng của từng người dùng
13	BoughtBooksCollection	Danh sách các sách đã được khách hàng thanh toán hoàn tất
14	PromotionalCodeCollection	Mã giảm giá, điều kiện áp dụng và mức chiết khấu
15	OrderAdminCollection	Tổng hợp toàn bộ đơn hàng phục vụ phân quyền xử lý cho Admin

3. Thiết kế giao diện và quy trình nghiệp vụ

Ứng dụng di động thiết kế hơn 26 màn hình chức năng chính, bao gồm: Màn hình khởi động (SplashScreen), Giới thiệu, Chọn danh mục yêu thích, Chào mừng (Welcome), Đăng ký, Đăng nhập (hỗ trợ tài khoản Email, Facebook, Google), Quên mật khẩu, Xác minh số điện thoại/OTP, Trang chủ, Danh mục, Giỏ hàng, Tiêu điểm sách, Trang cá nhân, Chi tiết sách, Đánh giá sách, Địa chỉ nhận hàng, Phương thức thanh toán, Xác nhận đơn hàng, Quản lý đơn hàng, Thông báo, Danh sách yêu thích, Khuyến mãi, Góp ý và báo lỗi.

---

Nội dung chính theo từng chương

CHƯƠNG 1: TỔNG QUAN

Chương 1 tập trung khảo sát hiện trạng thị trường mua bán sách trực tuyến và làm rõ các yêu cầu của hệ thống. Tác giả phân tích số liệu khảo sát thói quen đọc sách năm 2019 của Picodi và khảo sát các ứng dụng tương tự (Fahasa, Vinabook, Tiki). Từ đó, xác định hệ thống có 3 tác nhân chính: Khách vãng lai (Guest), Khách hàng thành viên (Member) và Quản trị viên (Admin).

Chương này xây dựng lược đồ Use Case tổng quan và cung cấp 29 bảng đặc tả Use Case chi tiết:

• Phía khách hàng gồm 20 chức năng: Đăng ký, Đăng nhập, Chọn 4 danh mục yêu thích, Xem trang chủ, Xem thông tin sách, Tìm kiếm sách, Thêm vào giỏ hàng, Xem giỏ hàng, Xem danh mục, Xem tiêu điểm, Bình luận & đánh giá, Thanh toán, Sử dụng mã khuyến mãi, Quản lý tài khoản cá nhân, Quản lý đơn hàng, Thêm sách yêu thích, Phản hồi/báo lỗi, Xem thông báo, Quên mật khẩu, Đăng xuất.
• Phía quản trị gồm 6 chức năng: Đăng nhập web Admin, Đăng xuất web Admin, Quản lý sách, Quản lý quảng cáo, Quản lý người dùng, Quản lý đơn đặt hàng (cập nhật trạng thái thanh toán: Chưa thanh toán, Đã thanh toán; trạng thái giao hàng: Chờ xử lý, Đang xử lý, Đang giao, Hoàn tất, Hủy đơn hàng).

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT

Chương 2 trình bày chi tiết về các công nghệ nền tảng được lựa chọn:

1. Framework Flutter: Trình bày lịch sử phát triển từ dự án Sky (2015) của Eric Seidel đến bản phát hành chính thức năm 2018; phân tích đặc điểm mọi thành phần đều là Widget; làm rõ kiến trúc 3 tầng (Platform, Engine, Framework); đánh giá ưu điểm (mã nguồn mở, giao diện đẹp với Material/Cupertino, tốc độ phát triển nhanh với Hot Reload, hiệu năng Native, dùng chung một codebase) và nhược điểm (kích thước file ứng dụng lớn, hệ thống thư viện mở rộng còn ít hơn Native thuần).
2. So sánh Flutter và React Native: Phân tích sự khác biệt giữa hai giải pháp cross-platform hàng đầu.

Tiêu chí	Flutter	React Native
Ngôn ngữ	Dart	JavaScript
Nhà phát triển	Google	Facebook
Năm phát hành	2017 (bản thử nghiệm)	2015
Hiệu năng Native	Rất tốt (biên dịch trực tiếp mã máy, render qua Skia)	Tốt (thông qua cầu nối giao tiếp JavaScript Bridge)
Thời gian ra thị trường	Nhanh	Chậm hơn Flutter
Tài liệu hướng dẫn	Tóm lược, rõ ràng và liên tục cập nhật	Không tóm lược, được cập nhật
Ứng dụng tiêu biểu	Alibaba, Reflectly, Google Greentea, Tencent, Google App, App Tree	Facebook, Instagram, Pinterest, Uber, Tesla, Walmart, Baidu Mobile

3. Tổng quan Firebase và Cloud Firestore: Giới thiệu lịch sử hình thành từ dịch vụ Envolve (2011) do James Tamplin và Andrew Lee sáng lập, tái cấu trúc thành Firebase năm 2012 và được Google mua lại năm 2014. Làm rõ mô hình lưu trữ NoSQL theo Collection/Document/Subcollection, khả năng đồng bộ thời gian thực, hạn ngạch gói miễn phí và cơ chế xác thực Authentication.

CHƯƠNG 3: THIẾT KẾ PHẦN MỀM

Chương 3 trình bày toàn bộ quá trình thiết kế hệ thống phần mềm:

• Xây dựng 7 lược đồ Sequence chi tiết cho các tiến trình: Đăng ký, Đăng nhập, Quên mật khẩu, Tìm kiếm sách, Thanh toán, Sửa thông tin cá nhân và Đăng xuất.
• Thiết kế chi tiết cấu trúc dữ liệu cho 15 Collection trong Cloud Firestore, xác định cụ thể kiểu dữ liệu và ý nghĩa của từng trường thuộc tính (như Advertisement, SachCollection, OrderCollection, PromotionalCodeCollection,...).
• Thiết kế chi tiết giao diện người dùng và lập bảng mô tả thành phần điều khiển (UI Controls/Objects) cho hơn 25 màn hình ứng dụng trên thiết bị di động.

CHƯƠNG 4: KẾT QUẢ SO SÁNH, THỰC NGHIỆM, PHÂN TÍCH, TỔNG HỢP

Chương 4 ghi nhận kết quả triển khai cài đặt ứng dụng trên môi trường thực tế:

• Hoàn thiện cài đặt ứng dụng di động đa nền tảng Flutter và triển khai trang web quản trị đơn giản.
• Tiến hành kiểm thử chức năng (Functional Testing) cho toàn bộ các màn hình và luồng thao tác của người dùng (từ khâu đăng ký, đăng nhập tài khoản, duyệt danh mục, tìm kiếm, đưa sách vào giỏ, nhập mã giảm giá, chọn phương thức thanh toán đến hủy đơn hàng ở trạng thái cho phép). Kết quả kiểm thử chức năng được tổng hợp chi tiết theo bảng kiểm thử.

CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

Chương 5 đúc kết các kết quả đạt được, đánh giá ưu điểm và hạn chế trong quá trình thực hiện đồ án, đồng thời vạch ra lộ trình hoàn thiện và mở rộng đề tài trong tương lai.

---

Kết quả và đóng góp

1. Kết quả chính đạt được

• Xây dựng thành công ứng dụng di động đa nền tảng "Lollipop Book" viết bằng ngôn ngữ Dart trên nền tảng Flutter, hoạt động đồng bộ với hệ thống cơ sở dữ liệu đám mây Firebase Firestore.
• Xây dựng hệ thống web quản trị đơn giản hỗ trợ quản trị viên thực hiện đầy đủ các tác vụ quản lý sách, quản lý người dùng, quản lý quảng cáo và theo dõi, cập nhật tiến độ đơn đặt hàng.
• Hiện thực hóa đầy đủ 20 chức năng người dùng di động và 6 nhóm chức năng quản trị đúng theo mục tiêu thiết kế ban đầu; hỗ trợ tích hợp phương thức thanh toán ví điện tử MoMo bên cạnh hình thức thanh toán khi nhận hàng (COD).

2. Đóng góp về mặt kỹ thuật và thực tiễn

• Kiểm chứng tính khả thi và hiệu quả của Framework Flutter trong việc phát triển ứng dụng thương mại điện tử di động với một cơ sở mã nguồn duy nhất cho cả Android và iOS, giúp rút ngắn thời gian và chi phí phát triển so với lập trình Native riêng biệt.
• Áp dụng thành công mô hình cơ sở dữ liệu NoSQL đám mây Cloud Firestore vào việc quản lý dữ liệu phân cấp, danh mục sách, đơn hàng và xử lý đồng bộ dữ liệu người dùng theo thời gian thực.

---

Hạn chế và hướng nghiên cứu tiếp

1. Hạn chế

• Do thời điểm thực hiện (năm 2020), hệ sinh thái thư viện ngoài của Flutter SDK còn hạn chế hơn so với Native SDK truyền thống.
• Kích thước tệp cài đặt ứng dụng Flutter còn tương đối lớn vì phải tích hợp các thành phần thư viện và Engine hỗ trợ đa nền tảng.
• Cơ sở dữ liệu NoSQL Firestore tổ chức theo dạng cây phân cấp (Tree/Parent-Children) không theo cấu trúc bảng quan hệ (Table) truyền thống, đòi hỏi xử lý cấu trúc truy vấn đặc thù để tránh phát sinh chi phí đọc/ghi dữ liệu.

2. Hướng phát triển

• Tối ưu hóa hiệu năng và dung lượng gói cài đặt ứng dụng khi triển khai thực tế.
• Mở rộng thêm các cổng thanh toán điện tử khác ngoài MoMo và tích hợp sâu hơn hệ thống thông báo đẩy (Push Notification) qua Firebase Cloud Messaging.
• Tận dụng năng lực đa nền tảng mở rộng của Flutter để phát triển phiên bản Web và Desktop hoàn chỉnh cho hệ thống quản trị.

---

Giá trị tham khảo

Đồ án là tài liệu tham khảo hữu ích cho:

• Sinh viên ngành Công nghệ Thông tin, Kỹ thuật Phần mềm: Tham khảo quy trình phân tích thiết kế hệ thống hoàn chỉnh từ khảo sát yêu cầu, xây dựng bảng đặc tả Use Case, thiết kế biểu đồ tuần tự (Sequence Diagram) đến thiết kế dữ liệu NoSQL trên Cloud Firestore.
• Lập trình viên ứng dụng di động: Cung cấp tài liệu tổng quan, bảng so sánh trực quan giữa Flutter và React Native, cùng cấu trúc tổ chức mã nguồn giao diện dựa trên Widget và quản lý trạng thái (StatefulWidget, setState) trong Flutter.

---

Câu hỏi thường gặp

1. Theo khảo sát được trích dẫn trong đề tài, tỷ lệ mua và đọc sách của người Việt Nam như thế nào?

Theo số liệu khảo sát tháng 3/2019 của tổ chức Picodi trên 7.800 người tại 41 quốc gia được tác giả trích dẫn: 89% người Việt Nam có đọc sách (21% không đọc), 60% người Việt mua 1 cuốn sách trong 1 năm và 29% mua sách giấy thông qua các kênh cửa hàng sách trực tuyến.

2. Kiến trúc của Flutter bao gồm những tầng nào và vai trò của từng tầng là gì?

Kiến trúc Flutter gồm 3 tầng:

• Tầng Platform: Cung cấp Shell lưu trữ Dart VM, cấp quyền truy cập API gốc của nền tảng Native và cung cấp Embedder API.
• Tầng Engine: Chứa Dart Runtime, công cụ kết xuất đồ họa 2D Skia Canvas và Platform Channel để giao tiếp với hệ thống.
• Tầng Framework: Chứa bộ điều khiển UI (Widget) theo phong cách Material/Cupertino, hệ thống quản lý hoạt ảnh, vẽ đồ họa và nhận diện tương tác cử chỉ.

3. Cơ sở dữ liệu của ứng dụng Lollipop Book được tổ chức như thế nào trên Firestore?

Cơ sở dữ liệu được tổ chức dưới dạng NoSQL Cloud Firestore gồm 15 Collection chính: Advertisement, DanhMucCollection, SachCollection, ReviewCollection, FeedbackCollection, FeedbackDetailCollection, NotificationsCollection, SearchCollection, SuggestionBookCollection, UserCollection, FavoriteBookCollection, OrderCollection, BoughtBooksCollection, PromotionalCodeCollection và OrderAdminCollection.

4. Ứng dụng hỗ trợ những phương thức thanh toán nào cho khách hàng?

Ứng dụng Lollipop Book hỗ trợ hai phương thức thanh toán gồm: thanh toán trực tiếp khi nhận hàng (COD) và thanh toán trực tuyến thông qua ví điện tử MoMo.

5. Người dùng thành viên có thể hủy đơn hàng trong trạng thái nào?

Theo tài liệu đặc tả chức năng (Bảng 1.26), khách hàng thành viên có quyền thực hiện hủy đơn hàng khi đơn hàng đang ở trạng thái "Đã tiếp nhận" (hoặc đơn có trạng thái chưa thanh toán, chưa giao hàng và chờ xử lý).

---

Kết luận

Đồ án tốt nghiệp "Xây dựng ứng dụng di động đa nền tảng bán sách sử dụng Framework Flutter" của sinh viên Đào Ngọc Hùng và Nguyễn Thị Vân Anh (Trường Đại học Sư phạm Kỹ thuật TP.HCM) đã hoàn thành trọn vẹn mục tiêu nghiên cứu và xây dựng phần mềm thương mại điện tử bán sách Lollipop Book. Đề tài đã phân tích chi tiết cơ sở lý thuyết về kiến trúc Flutter, ngôn ngữ Dart và hệ cơ sở dữ liệu đám mây Cloud Firestore, đồng thời so sánh toàn diện với giải pháp React Native. Kết quả của đề tài khẳng định tính khả thi, tiện ích và hiệu quả của việc ứng dụng Flutter trong việc phát triển ứng dụng di động đa nền tảng hiện đại.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: TỔNG QUAN 1. Khảo sát hiện trạng Qua quá trình khảo sát và tìm hiểu thì ngày nay Internet đang dần trở thành một phần không thể thiếu trong đời sống của con người. Nó len lỏi qua từng lĩnh vực sinh hoạt, công việc, hoạt động giải trí của con người. Sự bùng nổ mạnh mẽ của Internet đã thúc đẩy hàng loạt sự việc gây ảnh hưởng lớn đến thời đại, là một nhân tố đắc lực giúp việc công nghiệp hóa – hiện đại hóa ngày càng mạnh mẽ.

Ngày xưa, khi công nghệ chưa phát triển thì nhu cầu tiếp nhận thông tin mới của con người đều qua sách giấy là chính, họ tìm đến những hiệu sách để tìm mua sách, và hiển nhiên có những cuốn sách rất khó để tìm mua, người mua sách phải tìm đến nhiều hiệu sách, khiến họ tốn cả thời gian và chi phí đi lại. Nhưng hiện nay, với sự phát triển mạnh mẽ của thương mại điện tử, hàng loạt trang mạng, ứng dụng điện thoại như Fahasa(www.com), Vinabook (www.com), Nhã Nam (nhanam.vn),… ra đời, đã giải quyết được vấn đề khó tìm mua sách với chỉ một cái nhấp chuột, vì vậy việc mua sách online đã không còn xa lạ đối với người Việt. Những trang web, ứng dụng đọc sách ra đời đem lại sự trải nghiệm mới mẻ và nó còn mang tới nhiều lợi ích nổi bật. Gần đây, để chào đón ngày Sách và Bản Quyền Thế Giới (23/4), nhóm nghiên cứu Picodi đã công bố một khảo sát liên quan đến thói quen đọc sách và mua sách của người Việt cũng như người đọc tại một số quốc gia khác trên thế giới.

Bản khảo sát này được thực hiện vào tháng 3/2019, dựa trên các giao dịch tại các nhà sách trực tuyến cùng kết quả thu thập từ 7.800 người đến từ 41 quốc gia khác nhau. Theo nghiên cứu này thì có 89% người Việt Nam đọc sách và 21% còn lại không đọc, 60% người Việt mua 1 cuốn sách / 1 năm, 29% người Việt mua sách giấy từ các cửa hàng sách online. Phần lớn người Việt cho biết rằng họ là người yêu văn hóa đọc. Với lượng người có thói quen đọc sách và mua sách giấy cao như vậy thì tiềm năng của một ứng dụng mua bán sách là rất lớn.

Thay vì đi mua sách ở những tiệm sách truyền thống thì người dùng có thể mua sách qua một chiếc điện thoại nhỏ gọn, không bị giới hạn bởi không gian và thời gian, giảm được chi phí di chuyển, thời gian và công sức. 1 do an Các ứng dụng cùng ý tưởng với đề tài đã được ra mắt:  Fahasa  Vinabook  Tiki 1. Xác định yêu cầu 1. Giới thiệu chung về ứng dụng Ứng dụng Lollipop Book là một ứng dụng chuyên kinh doanh về sách thuộc nhiều danh mục khác nhau như Chuyên ngành, Kinh tế, Tạp chí, Thiếu nhi, … của nhiều tác giả nổi tiếng.

Ứng dụng luôn cập nhật những cuốn sách mới với nhiều chương trình ưu đãi và khuyến mãi hấp dẫn. Các chức năng này đều do người quản trị và người dùng có quyền hạn quy định khi xây dựng ứng dụng. Mô tả chức năng 1. Mô tả các tác nhân Bảng 1.1: Mô tả tác nhân Tên tác nhân Công việc/ vai trò - Đăng ký - Đăng nhập - Chọn các danh mục yêu thích Guest - Xem trang chủ ứng dụng - Xem thông tin sách (Khách hàng chưa - Tìm kiếm sách đăng nhập) - Thêm sách vào giỏ hàng - Xem giỏ hàng - Xem danh mục sách - Xem tiêu điểm sách 2 do an - Những tính năng của khách trước khi đăng nhập - Bình luận và đánh giá sách - Thanh toán - Dùng mã khuyến mãi khi mua sách Member - Quản lý tài khoản cá nhân (Khách hàng đã - Quản lý đơn hàng đăng nhập) - Thêm sách vào yêu thích - Phản hồi và báo lỗi - Xem thông báo - Quên mật khẩu - Đăng xuất - Đăng nhập web Admin - Đăng xuất web Admin - Quản lý sách Admin - Quản lý quảng cáo - Quản lý người dùng - Quản lý đơn đặt hàng - Bao gồm những công việc của Member 3 do an 1.

Mô tả chức năng Bảng 1.2: Mô tả chức năng của khách hàng STT Chức năng Mô tả Người dùng có thể chọn Email Password, Facebook, 1 Đăng ký Google để đăng ký tài khoản. Sau khi đăng ký thành công người dùng sẽ tới bước tạo thông tin tài khoản. Đăng nhập bằng tài khoản đăng ký trước đó hoặc 2 Đăng nhập đăng nhập bằng Facebook, Google. Trước khi vào trang chủ của ứng dụng, người dùng Chọn các danh mục bắt buộc phải chọn 4 danh mục họ yêu thích, những 3 yêu thích danh mục này sẽ được hiển thị ở trang chủ của ứng dụng người dùng Người dùng có thể xem trang chủ của ứng dụng bao Xem trang chủ ứng gồm các mục quảng cáo, danh mục sách bán chạy, 4 dụng mới phát hành cùng các danh mục mà người dùng yêu thích Người dùng có thể xem thông tin chi tiết của từng 5 Xem thông tin sách sách như: tên sách, giá tiền, nhà xuất bản, bình luận của từng sách, lượt đánh giá của sách,.

Người dùng tìm sách yêu thích và hiển thị nội dung 6 Tìm kiếm sách có liên quan tới nội dung người dùng nhập. Thêm sách vào giỏ Người dùng có thể chọn sách mình muốn mua để 7 hàng thêm vào giỏ hàng 4 do an Sau khi thêm sách vào giỏ hàng, người dùng có thể 8 Xem giỏ hàng xem giỏ hàng để biết được mình đã mua những sách nào Người dùng có thể xem tất cả các danh mục sách trên 9 Xem danh mục sách ứng dụng. Người dùng có thể xem các bản tin về thông tin, giới 10 Xem tiêu điểm sách thiệu các cuốn sách Bình luận và đánh Người dùng nhập cảm nghĩ của bản thân về cuốn 11 giá sách sách và chọn số sao để đánh giá. Người dùng cần phải đăng nhập.

Sau đó chọn 12 Thanh toán phương thức thanh toán (thanh toán khi nhận hàng hoặc thanh toán thông qua Momo). Người dùng có thể sử dụng mã giảm giá để áp dụng Dùng mã khuyến 13 vào đơn hàng của mình, tổng tiền sẽ bằng tổng tạm mãi khi mua sách tính trừ đi số tiền giảm giá Khách hàng phải đăng nhập vào tài khoản để quản lý thông tin tài khoản. Gồm các tác vụ: Quản lý tài khoản cá 14 nhân  Sửa thông tin cá nhân  Đổi mật khẩu  Quản lý hoá đơn  Đăng xuất 5 do an Khách hàng phải đăng nhập vào tài khoản để hiển thị 15 Quản lý đơn hàng và hủy với những đơn có trạng thái chưa thanh toán, chưa giao hàng và chờ xử lý. Thêm sách vào yêu Người dùng chọn một cuốn sách và chọn thêm sách 16 thích vào yêu thích.

Khách hàng phải đăng nhập sau đó chọn loại lỗi và 17 Phản hồi và báo lỗi mô tả chi tiết lỗi. 18 Xem thông báo Khách hàng xem thông tin thông báo của ứng dụng Người dùng sẽ nhập email của tài khoản. Sau đó vào 19 Quên mật khẩu email xác nhận để đổi mật khẩu. 20 Đăng xuất Đăng xuất tài khoản hiện tại.

6 do an Bảng 1.3: Mô tả chức năng của admin STT Chức năng Mô tả Đăng nhập web 1 Đăng nhập bằng tài khoản được cấp quyền. Admin Đăng xuất web 2 Đăng xuất tài khoản hiện tại Admin Đăng nhập vào tài khoản Admin để thêm, xóa, cập 3 Quản lý sách nhật và tìm kiếm sách. Đăng nhập vào tài khoản Admin để thêm, xóa, cập 4 Quản lý quảng cáo nhật quảng cáo Đăng nhập vào tài khoản Admin để thêm, xóa, cập 5 Quản lý người dùng nhật và hiển thị danh sách nhóm người dùng, quyền và người dùng. Đăng nhập vào tài khoản Admin để hiển thị thông tin chi tiết đơn đặt hàng, cập nhật trạng thái thanh Quản lý đơn đặt toán (chưa thanh toán, đã thanh toán) và đơn đặt hàng 6 hàng (Chờ xử lý, đang xử lý, đang giao, hoàn tất, hủy đơn hàng).

Chỉ hủy với những đơn có trạng thái chưa giao hàng, chưa thanh toán và chờ xử lý. Mô tả phi chức năng Hỗ trợ khách hàng an toàn khi mua sản phẩm như các thông tin cá nhân liên quan đến khách hàng được đảm bảo an toàn. Ứng dụng có tốc độ xử lý nhanh. 7 do an Ứng dụng dễ dàng tiếp cận mọi chức năng với người dùng ở mọi lúc mọi nơi khi có kết nối Internet.

Giao diện thân thiện dễ dùng, hấp dẫn, dễ tìm kiếm thông tin các sản phẩm. Cơ sở dữ liệu đám mây giúp người dùng có thể đăng nhập tài khoản, đồng bộ hóa dữ liệu khi đăng nhập ở các thiết bị khác nhau. Lược đồ Usecase tổng quan Hình 1.1: Lược đồ Use Case tổng quan của ứng dụng Lollipop Book 8 do an 1. Mô tả chi tiết Usecase 1.

Mô tả Usecase Đăng nhập Bảng 1.4: Mô tả Usecase Đăng nhập Usecase Đăng nhập Mô tả Kiểm tra và xác thực vai trò người dùng. Tác nhân kích hoạt Khách Tiền điều kiện Tồn tại tài khoản. Các bước thực hiện (1) Vào màn hình Đăng Nhập. (2) Nhập Username và Mật khẩu hoặc chọn đăng nhập thông qua Facebook hoặc Google.

(3) Nhấn “Đăng Nhập”. (4) Nếu thành công sẽ chuyển tới trang chủ. Mô tả Usecase Đăng Ký Bảng 1.5: Mô tả Usecase Đăng ký Usecase Đăng ký Mô tả Tạo tài khoản sử dụng ứng dụng. Tác nhân kích hoạt Khách Tiền điều kiện Không có Các bước thực hiện (1) Vào màn hình Đăng Ký.

(3) Chọn “Đăng Ký” và xác thực đăng ký. (4) Trở lại đăng nhập. Mô tả Usecase Quên mật khẩu Bảng 1.6: Mô tả Usecase Quên mật khẩu Usecase Quên mật khẩu Mô tả Người dùng quên mật khẩu và muốn đổi mật khẩu mới. Tác nhân kích hoạt Thành viên Tiền điều kiện Tài khoản người dùng đã tồn tại.

Các bước thực hiện (1) Vào màn hình Đăng nhập (2) Chọn “Quên mật khẩu”. (3) Nhập Email của tài khoản. (4) Vào Email để đổi mật khẩu. Mô tả Usecase Xem màn hình giới thiệu Bảng 1.7: Mô tả Usecase Xem màn hình giới thiệu Mô tả Usecase Xem màn hình giới thiệu Mô tả Xem màn hình giới thiệu ứng dụng.

Tác nhân kích hoạt Khách, Thành viên Tiền điều kiện Mở ứng dụng lần đầu sau khi cài đặt. Các bước thực hiện (1) Mở ứng dụng lần đầu. Mô tả Usecase Xem trang chủ Bảng 1.8: Mô tả Usecase Xem màn hình trang chủ Usecase Xem màn hình trang chủ Mô tả Xem màn hình trang chủ, người dùng có thể xem các loại sách và tìm kiếm sách. Tác nhân kích hoạt Khách, Thành viên Tiền điều kiện Không có Các bước thực hiện (1) Mở ứng dụng.

Mô tả Usecase Xem thông tin sách Bảng 1.