Đang tải... (xem toàn văn)
Xây dựng ứng dụng di động đa nền tảng bán sách sử dụng framework flutter Xây dựng ứng dụng di động đa nền tảng bán sách sử dụng framework flutter Xây dựng ứng dụng di động đa nền tảng bán sách sử dụng framework flutter Xây dựng ứng dụng di động đa nền tảng bán sách sử dụng framework flutter
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ Á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 SVTH 1: ĐÀO NGỌC HÙNG MSSV 1: 16110096 SVTH 2: NGUYỄN THỊ VÂN ANH MSSV 2: 16110548 KHĨA: K16 NGÀNH: CƠNG NGHỆ THƠNG TIN GVHD: Th.S PHẠM CƠNG THIỆN Tp Hồ Chí Minh, tháng 07 năm 2020 LỜI CẢM ƠN Chúng xin chân thành cảm ơn hướng dẫn tận tình suốt thời gian qua thầy Phạm Công Thiện, giáo viên khoa Công Nghệ Thông Tin, trường Đại học Sư Phạm Kỹ Thuật Tp HCM Thầy định hướng, góp ý cung cấp cho nhiều kiến thức lĩnh vực bắt đầu thực khóa luận tốt nghiệp, đồng thời xin cảm ơn Trường Đại học Sư Phạm Kỹ Thuật thành phố Hồ Chí Minh giáo viên khoa Đào tạo Chất Lượng Cao, ngành Công Nghệ Thơng Tin trường tạo cho chúng tơi có điều kiện thuận lợi để thực tốt khóa luận Dù cố gắng hồn thành khóa luận tốt nghiệp yêu cầu, thời gian hạn hẹp khả hạn chế nên chắn khơng tránh khỏi thiếu sót Chúng tơi mong nhận bảo, nhận xét Thầy Cô người dùng Nhóm sinh viên thực vi TĨM TẮT Tính cấp thiết đề tài Theo hướng phát triển thời đại mua hàng online trở nên thông dụng Người tiêu dùng dễ dàng tiếp cận thông tin sản phẩm từ nhiều nguồn khác Đặc biệt, có trang web, ứng dụng cung cấp dịch vụ so sánh giá sản phẩm hỗ trợ người tiêu dùng tốt việc mua hàng qua mạng Xu hướng đại hóa, cơng nghiệp hóa phát triển với cấp số nhân giây, đôi tiến vượt bậc công nghệ, đặc biệt ngành công nghệ thông tin Việc ứng dụng tiến công nghệ thông tin giúp đời sống người phát triển mặt tinh thần, lẫn vật chất, hạn chế tối đa việc ảnh hưởng đến môi trường mặt hạn hẹp không gian thời gian việc tiếp cận lượng lớn thông tin Chính nhóm chọn đề tài “Xây dựng ứng dụng di động đa tảng bán sách sử dụng Framework Flutter” cho khoá luận tốt nghiệp Mục tiêu để tài - Tìm hiểu ngơn ngữ Dart, Flutter, sở liệu Firebase – Firestore để áp dụng vào xây dựng ứng dụng - Phân tích, thiết kế xây dựng ứng dụng hỗ trợ việc mua sách, trang web quản lý, mua bán sách trực tuyến - Ứng dụng có chức sau: Khách trước đăng nhập dùng chức xem trang chủ, thông tin sách, tìm kiếm sách, thêm vào giỏ hàng Khách đăng nhập có chức trước đăng nhập có thêm tính bình luận sách, toán, quản lý tài khoản cá nhân Đối tượng nghiên cứu - Tập trung nghiên cứu cơng nghệ Flutter, Firebase - Hồn thành ứng dụng di động bán sách online sử dụng Flutter lưu trữ liệu sở liệu Firebase – Firestore Phương pháp nghiên cứu Để hoàn thành đề tài cần phải áp dụng kiến thức sau: - Nắm vững kiến thức phân tích thiết kế dự án - Tìm hiểu tài liệu sở liệu Firebase - Firestore - Tìm hiểu ngơn ngữ Dart Framework Flutter - Khảo sát ứng dụng liên quan đến đề tài vii MỤC LỤC NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ii PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN iv LỜI CẢM ƠN vi TÓM TẮT vii Tính cấp thiết đề tài vii Mục tiêu để tài vii Đối tượng nghiên cứu vii Phương pháp nghiên cứu vii MỤC LỤC viii DANH MỤC CÁC BẢNG BIỂU xii DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ xvi CHƯƠNG 1: TỔNG QUAN 1.1 Khảo sát trạng 1.2 Xác định yêu cầu 1.2.1 Giới thiệu chung ứng dụng 1.2.2 Mô tả chức 1.2.3 Mô tả phi chức 1.3 Lược đồ Usecase 1.3.1 1.4 Lược đồ Usecase tổng quan Mô tả chi tiết Usecase 1.4.1 Mô tả Usecase Đăng nhập 1.4.2 Mô tả Usecase Đăng Ký 1.4.3 Mô tả Usecase Quên mật 10 viii 1.4.4 Mô tả Usecase Xem hình giới thiệu 10 1.4.5 Mô tả Usecase Xem trang chủ 11 1.4.6 Mô tả Usecase Xem thông tin sách 11 1.4.7 Mơ tả Usecase Bình luận, đánh giá sách 12 1.4.8 Mơ tả Usecase Thêm sách u thích 12 1.4.9 Mơ tả Usecase Tìm kiếm sách 13 1.4.10 Mô tả Usecase Xem danh mục sách 13 1.4.11 Mô tả Usecase Xem giỏ hàng 14 1.4.12 Mô tả Usecase Quản lý giỏ hàng 14 1.4.13 Mô tả Usecase Thêm sách vào giỏ hàng 15 1.4.14 Mô tả Usecase Cập nhật giỏ hàng 15 1.4.15 Mô tả Usecase Sửa giỏ hàng 16 1.4.16 Mơ tả Usecase Xố giỏ hàng 16 1.4.17 Mô tả Usecase Thanh toán 17 1.4.18 Mô tả Usecase Xem tiêu điểm sách 17 1.4.19 Mô tả Usecase Phản hồi Báo lỗi 18 1.4.20 Mô tả Usecase Xem thông báo 18 1.4.21 Mô tả Usecase Xem trang cá nhân 19 1.4.22 Mô tả Usecase Sửa thông tin cá nhân 19 1.4.23 Mô tả Usecase Quản lý đơn hàng 20 1.4.24 Mô tả Usecase Đăng xuất 20 1.4.25 Mô tả Usecase Xem danh sách sách yêu thích 21 1.4.26 Mô tả Usecase Đổi mật 21 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 22 2.1 Tổng quan Framework Flutter 22 2.1.1 Flutter gì? 22 ix 2.1.2 Lịch sử phát triển 22 2.1.3 Đặc điểm 22 2.1.4 Kiến trúc Flutter 23 2.1.5 Ưu điểm nhược điểm 24 2.1.6 So sánh Flutter với React Native 25 2.2 Tổng quan Firebase [6] 27 2.2.1 Firebase gì? 27 2.2.2 Lịch sử phát triển Firebase? 27 2.2.3 Lợi ích sử dụng Firebase 27 2.2.4 Điểm yếu Firebase 28 2.2.5 Một số dịch vụ Firebase cung cấp 28 CHƯƠNG 3: THIẾT KẾ PHẦN MỀM 34 3.1 Thiết kế phần mềm 34 3.1.1 Lược đồ lớp 34 3.1.2 Lược đồ Sequence 35 3.2 Thiết kế liệu 38 3.2.1 Lược đồ sở liệu 38 3.2.2 Các Collection 47 3.3 Thiết kế giao diện 57 3.3.1 Màn hình ứng dụng 57 CHƯƠNG 4: KẾT QUẢ SO SÁNH, THỰC NGHIỆM, PHÂN TÍCH, TỔNG HỢP 84 4.1 Cài đặt ứng dụng 84 4.2 Kiểm thử ứng dụng 84 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 88 5.1 Những kết đạt 88 5.2 Ưu điểm đề tài 88 x 5.3 Hạn chế đề tài 88 5.4 Hướng phát triển 89 TÀI LIỆU THAM KHẢO 90 xi DANH MỤC CÁC BẢNG BIỂU Bảng 1.1: Mô tả tác nhân Bảng 1.2: Mô tả chức khách hàng .4 Bảng 1.3: Mô tả chức admin .7 Bảng 1.4: Mô tả Usecase Đăng nhập Bảng 1.5: Mô tả Usecase Đăng ký .9 Bảng 1.6: Mô tả Usecase Quên mật 10 Bảng 1.7: Mô tả Usecase Xem hình giới thiệu 10 Bảng 1.8: Mô tả Usecase Xem hình trang chủ 11 Bảng 1.9: Mô tả Usecase Xem thông tin sách 11 Bảng 1.10: Mơ tả Usecase Bình luận, đánh giá sách .12 Bảng 1.11: Mô tả Usecase Thêm sách yêu thích 12 Bảng 1.12: Mơ tả Usecase Tìm kiếm sách .13 Bảng 1.13: Mô tả Usecase Xem danh mục sách 13 Bảng 1.14: Mô tả Usecase Xem giỏ hàng 14 Bảng 1.15: Mô tả Usecase Quản lý giỏ hàng 14 Bảng 1.16: Mô tả Usecase Thêm sách vào giỏ hàng 15 Bảng 1.17: Mô tả Usecase Cập nhật giỏ hàng 15 Bảng 1.18: Mô tả Usecase Sửa giỏ hàng 16 Bảng 1.19: Mô tả Usecase Xoá giỏ hàng 16 Bảng 1.20: Mô tả Usecase Thanh toán .17 xii Bảng 1.21: Mô tả Usecase Xem tiêu điểm sách .17 Bảng 1.22: Mô tả Usecase Phản hồi báo lỗi 18 Bảng 1.23: Mô tả Usecase Xem thông báo 18 Bảng 1.24: Mô tả Usecase Xem trang cá nhân .19 Bảng 1.25: Mô tả Usecase Sửa thông tin cá nhân 19 Bảng 1.26: Mô tả Usecase Quản lý đơn hàng 20 Bảng 1.27: Mô tả Usecase Đăng xuất 20 Bảng 1.28: Mô tả Usecase Xem danh sách sách yêu thích .21 Bảng 1.29: Mô tả Usecase Đổi mật 21 Bảng 2.1: Tóm tắt so sánh Flutter React Native 26 Bảng 2.2: Giới hạn áp dụng Firebase Firestore 30 Bảng 2.3: Firebase SDK Authentication 32 Bảng 3.1: Bảng thuộc tính Advertisement 47 Bảng 3.2: Bảng thuộc tính DanhMucCollection 47 Bảng 3.3: Bảng thuộc tính SachCollection 48 Bảng 3.4: Bảng thuộc tính ReviewCollection 49 Bảng 3.5: Bảng thuộc tính FeedbackCollection 50 Bảng 3.6: Bảng thuộc tính FeedbackDetailCollection .50 Bảng 3.7: Bảng thuộc tính NotificationsCollection 50 Bảng 3.8: Bảng thuộc tính SearchCollection .51 Bảng 3.9: Bảng thuộc tính SuggestionBookCollection .51 xiii Bảng 3.10: Bảng thuộc tính UserCollection 52 Bảng 3.11: Bảng thuộc tính FavoriteBookCollection 53 Bảng 3.12: Bảng thuộc tính OrderCollection 54 Bảng 3.13: Bảng thuộc tính BoughtBooksCollection 55 Bảng 3.14: Bảng thuộc tính PromotionalCodeCollection 56 Bảng 3.15: Bảng thuộc tính OrderAdminCollection 57 Bảng 3.16: Mơ tả đối tượng hình Giới thiệu 58 Bảng 3.17: Mô tả đối tượng hình Chọn danh mục u thích 59 Bảng 3.18: Mơ tả đối tượng hình 60 Bảng 3.19: Mô tả đối tượng hình Đăng ký .61 Bảng 3.20: Mơ tả đối tượng hình Đăng nhập 62 Bảng 3.21: Mô tả đối tượng hình Đăng nhập 63 Bảng 3.22: Mô tả đối tượng hình Xác minh (Nhập số điện thoại) 64 Bảng 3.23: Mơ tả đối tượng hình Xác minh (Nhập OTP) 65 Bảng 3.24: Mô tả đối tượng hình Trang chủ 66 Bảng 3.25: Mô tả đối tượng hình Danh mục 67 Bảng 3.26: Mơ tả đối tượng hình Giỏ hàng 68 Bảng 3.27: Mô tả đối tượng hình Tiêu điểm 69 Bảng 3.28: Mô tả đối tượng hình Cá nhân .70 Bảng 3.29: Mô tả đối tượng hình Thơng tin sách .71 Bảng 3.30: Mơ tả đối tượng hình Đánh giá sách 72 xiv cӫD QJѭӡi dùng ÿѭӧFÿăQJWҧi KiӇm tra tính Chӑn cuӕn sách NӃX QJѭӡi dùng QăQJ WKrP ViFK chӑn mөc FKѭD ÿăQJ QKұp sӁ vào yêu thích TC_App_10 ³7KrP YjR \rX WK{QJ EiR QJѭӡi WKtFK´ dùng cҫQÿăQJQKұp Pass NӃX ÿm ÿăQJ QKұp sách sӁ ÿѭӧc thêm vào u thích TC_App_11 KiӇm tra chӍnh sӱa thơng tin cá nhân cӫa tài khoҧn Chӑn button ³(GLW´WURQJPjQ hình chӍnh sӱa thông tin cá nhân Nhұp nӝi dung nhҩn EXWWRQ³2.´ Thông tin tài khoҧn cӫD QJѭӡi dùng ÿѭӧc chӍnh sӱa ÿ~QJ Yӟi thông tin Pass vӯa nhұp Cұp nhұt thơng tin hình 87 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Những kết đạt Tuy thời gian thực đề tài không thực dài nhóm tích lũy nhiều kinh nghiệm quý báu làm hành trang cho sau Nhờ giúp đỡ nhiệt tình Giáo viên hướng dẫn với cố gắng, nhóm đạt kết sau: - Hiểu quy trình xây dựng ứng dụng thực hành cơng việc làm nhóm - Đáp ứng thực yêu cầu công việc giao hạn - Nâng cao khả nghiên cứu, bổ sung kiến thức cơng nghệ - Hồn thành xây dựng ứng dụng di động đa tảng bán sách sử dụng Framework Flutter với đầy đủ chức xác định ban đầu 5.2 Ưu điểm đề tài Qua q trình thực đề tài, nhóm rút ưu điểm: - Nhóm sử dụng nhiều cơng nghệ hỗ trợ lập trình mạnh mẽ - Thường xuyên tiếp xúc với ứng dụng bán sách trực tuyến giúp nhóm có nhìn tổng quan để áp dụng vào ứng dụng đề tài - Giao diện đơn giản, thân thiện với người dùng, phân chia theo danh mục giúp người dùng dễ dàng việc tìm kiếm - Mỗi sách có phần đánh giá bình luận người dùng giúp người mua sách có nhìn tổng qt trước mua sách 5.3 Hạn chế đề tài Bên cạnh ưu điểm đề tài đạt được, tồn hạn chế sau: - Còn số chức nhóm giai đoạn phát triển: quản lý thông báo người dùng, 88 5.4 Hướng phát triển Mặc dù tồn hạn chế nêu với tâm nhóm, đề tài thời gian tới có nhiều điểm cải tiến tích cực nâng cấp, cụ thể là: - Tích hợp nhiều phương thức tốn khác - Tích hợp với bên giao hàng thứ ba - Thêm chức vòng quay may mắn 89 TÀI LIỆU THAM KHẢO [1] Marco L Napoli (2019), “Beginning Flutter: A Hands On Guide to App Development” The Wiley Network, pp 25 - 26 [2] Flutter Documentation: https://flutter.dev/docs/resources/technical-overview [3] Flutter vs React Native: A Developer’s Perspective: https://nevercode.io/blog/flutter-vs-react-native-a-developersperspective/#:~:text=Flutter%20engine%20has%20most%20of,which%20results%2 0in%20poor%20performance [4] Firebase Documentation: https://firebase.google.com/docs?hl=vi 90 ... ? ?Xây dựng ứng dụng di động đa tảng bán sách sử dụng Framework Flutter? ?? cho khoá luận tốt nghiệp Mục tiêu để tài - Tìm hiểu ngơn ngữ Dart, Flutter, sở liệu Firebase – Firestore để áp dụng vào xây. .. trình viên Google Nó cho phép nhà phát triển sử dụng để xây dựng ứng dụng di động đa tảng chạy Android IOS với tảng code 2.1.2 Lịch sử phát triển Flutter công bố hội nghị cấp cao Dart Developer... Firebase – Firestore để áp dụng vào xây dựng ứng dụng - Phân tích, thiết kế xây dựng ứng dụng hỗ trợ việc mua sách, trang web quản lý, mua bán sách trực tuyến - Ứng dụng có chức sau: Khách trước đăng