Đồ án ứng dụng bán sách

ĐẠ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 ĐỒ ÁN ỨNG DỤNG BÁN SÁCH Giáo viên hướng dẫn: Thái Thụy Hàn Uyển Sinh viên thực hiện: Vũ Bảo Châu – 20521128 TP Hồ Chí Minh, tháng 06 năm 2023 LỜI CẢM ƠN Lời em xin chân thành cảm ơn hướng dẫn tận tình cô Thái Thụy Hàn Uyển - giảng viên hướng dẫn mơn Đồ án tạo điều kiện cho nhóm em có hội thực đồ án, hỗ trợ thông tin cần thiết giải đáp thắc mắc cho nhóm suốt q trình thực đề tài Vì kiến thức em cịn hạn hẹp nên khơng thể tránh khỏi thiếu sót q trình thực đồ án Vì nhóm em ln mong đợi nhận ý kiến đóng góp q báu từ phía giảng viên để qua rút kinh nghiệm, tự sửa chữa, hoàn thiện thân tinh thần nghiêm túc, tự giác học hỏi Một lần em xin chân thành cảm ơn Nhóm thực Trường Đại học Cơng nghệ Thơng tin, tháng năm 2023 MỤC LỤC I MỞ ĐẦU Lý chọn đề tài Đối tượng hướng đến II CƠ SỞ LÝ THUYẾT Flutter 1.1 Tổng quan lịch sử 1.2 Thành phần Flutter 1.3 Một số đặc điểm bật 1.4 Ưu nhược điểm Ngôn ngữ lập trình Dart 2.1 Tổng quan 2.2 Tại Flutter chọn Dart? Hệ quản trị sở liệu Firebase 10 3.1 Firebase gì? 10 3.2 Ưu điểm Firebase 11 3.3 Nhược điểm Firebase 12 III Xây dựng hệ thống 13 Tổng quan hệ thống 13 1.1 Công nghệ sử dụng 13 1.2 Kiến trúc hệ thống: Mơ hình Client – Sever 13 1.3 Kiến trúc ứng dụng: Bloc 13 Mơ hình Use-case 14 2.1 Sơ đồ Use-case 14 2.2 Danh sách Use-case 15 2.3 Đặc tả Use-case 17 Mơ tả hình 40 3.1 Màn hình đăng nhập 40 3.2 Màn hình đăng ký 41 3.3 Màn hình quên mật 42 3.4 Màn hình trang chủ 43 3.5 Màn hình thơng báo 44 3.6 Màn hình giỏ hàng 45 3.7 Màn hình quản lý tài khoản 46 3.8 Màn hình tìm kiếm 47 3.9 Màn hình kết tìm kiếm 48 3.10 Màn hình danh mục sản phẩm 49 3.11 Màn hình thơng tin sản phẩm 50 3.12 Màn hình toán đơn hàng 51 3.13 Màn hình đơn hàng bạn 52 3.14 Màn hình đánh giá sản phẩm 53 3.15 Màn hình chỉnh sửa thơng tin 54 3.16 Màn hình u thích 55 3.17 Màn hình thay đổi địa 56 3.18 Màn hình thay đổi mật 57 3.19 Màn hình chọn phương thức vận chuyển 58 3.20 Màn hình chọn phương thức toán 59 Sơ đồ lớp 60 Sơ đồ hoạt động 61 5.1 Đăng nhập 61 5.2 Đăng ký 62 5.3 Tìm kiếm 63 5.4 Đánh giá sản phẩm 63 5.5 Thanh toán 64 IV Kết luận 65 Kết đạt 65 Ưu điểm 65 Nhược điểm giải pháp 65 I MỞ ĐẦU Lý chọn đề tài Trong thời đại công nghệ số, việc mua sắm trực tuyến trở nên phổ biến hết Các ứng dụng bán hàng trực tuyến Lazada, Shopee, Tiki tạo sức ảnh hưởng lớn đến thói quen mua sắm người tiêu dùng Tuy nhiên, nói đến việc mua sách trực tuyến, chưa có nhiều ứng dụng đáp ứng nhu cầu người đọc Với mục đích giải vấn đề này, nhóm đồ án định phát triển ứng dụng bán sách online tảng di động Với ứng dụng này, người đọc dễ dàng tìm kiếm mua sách u thích mà không cần phải đến tận cửa hàng Đồng thời, ứng dụng cung cấp cho người dùng tính tiện ích đánh giá sản phẩm, gợi ý sách mới, hỗ trợ tốn trực tuyến an tồn nhanh chóng Với phát triển cơng nghệ thông tin, chúng em tin ứng dụng bán sách online mang lại nhiều lợi ích cho người đọc nhà xuất Chúng em hy vọng ứng dụng chúng em đáp ứng nhu cầu mua sắm sách người đọc đóng góp vào việc phát triển ngành xuất thời đại số Đối tượng hướng đến Nhóm đối tượng chủ yếu ứng dụng tổ chức/cá nhân có biết sử dụng smart phone độ tuổi từ 12 đến 60, cụ thể: - Những người yêu sách, thích đọc sách muốn tiếp cận với tác phẩm nhất, phong phú đa dạng - Những người bận rộn, khơng có thời gian để đến cửa hàng sách truyền thống để mua sách - Những người có nhu cầu mua sách nhanh chóng tiện lợi, tốn thời gian lại - Những người muốn tiết kiệm chi phí cho việc mua sách, đặc biệt có sẵn nhiều chương trình khuyến giảm giá ứng dụng - Những người có nhu cầu mua sách tiếng Anh sách nước ngồi, khơng dễ dàng tìm thấy cửa hàng sách truyền thống Ứng dụng bán sách online di động cung cấp cho người dùng trải nghiệm mua sắm sách trực tuyến dễ dàng tiện lợi hết, với hàng ngàn sách nhiều thể loại khác tính tìm kiếm thơng minh giúp người dùng tìm kiếm sách cách nhanh chóng thuận tiện CƠ SỞ LÝ THUYẾT II Flutter 1.1 Tổng quan lịch sử Flutter công cụ phát triển phần mềm mã nguồn mở tạo Google – công ty công nghệ lớn hành tinh Nó sử dụng với mục đích phát triển ứng dụng đa tảng cho Android, iOS, Linux, Windows, MacOS web từ tảng mã Flutter giới thiệu lần vào năm 2015 đến tháng 5, 2017 phiên ổn định mắt thức Dù mắt trễ Flutter phát triển mạnh mẽ, dần trở thành đối thủ nặng ký công cụ hỗ trợ lập trình đa tảng khác React Native (Facebook), Xamarin (Microsoft)… Tính đến thời điểm Flutter cơng cụ hỗ trợ lập trình đa tảng sử dụng nhiều Một số ứng dựng tiếng viết Flutter: 1.2 Thành phần Flutter Flutter gồm có hai tầng Engine Framework: - Tầng engine chứa thư viện đồ hoạ giúp render giao diện người dùng máy ảo Dart – môi trường để thực thi mã nguồn biên dịch mã lệnh Dart Đây nơi thực việc kết nối với hệ thống - Tầng framework viết mã lệnh Dart, cung cấp lớp, chức tiện ích (widget) dùng để tạo ứng dụng Flutter Lập trình viên sử dụng chủ yếu tầng để lập trình 1.3 - Một số đặc điểm bật Fast Development: Tíng Hot Reload hoạt động milliseconds để thị giao diện tới bạn Sử dụng tập hợp widget customizable để xây dựng giao diện vài phút Ngồi Hot Reload cịn giúp bạn thêm tính năng, fix bug tiết kiệm thời gian mà không cần phải thông qua máy ảo, máy android iOS - Expressive and Flexible UI: Có nhiều thành phần để xây dựng giao diện Flutter vô đẹp mắt theo phong cách Material Design Cupertino, hỗ trợ nhiều APIs chuyển động, smooth scrolling - Native Performance: Các widget fluter kết hợp khác biệt tảng ví dụ scrolling, navigation, icons, font để cung cấp hiệu tốt tới iOS Android 1.4 Ưu nhược điểm Ưu điểm: - Flutter open-source SDK, tức hồn tồn miễn phí “mở” mà cộng đồng lập trình viên tham gia phát triển hồn thiện - Flutter cung cấp đầy đủ đa dạng tiện ích (widget) hỗ trợ nên lập trình viên cần hỗ trợ từ thư viện bên thứ ba cung cấp - Hỗ trợ hot reload: Tính cho phép thay đổi xuất trực tiếp ứng dụng mà khơng cần phải rebuild lại tồn ứng dụng từ làm giảm thời gian lập trình viên khiến việc xây dựng ứng dụng trở nên dễ dàng Nhược điểm: - Còn nhiều hạn chế phát triển ứng dụng có chức cần can thiệp sâu vào phần cứng thiết bị - Kích thước ứng dụng lớn Flutter hỗ trợ đa tảng nên hiển nhiên số lượng file mã nguồn bị đội lên nhiều, nhiên điều Google cam kết cải thiện tương lai - Công nghệ cịn chưa có q nhiều thư viện hỗ trợ, nhiên cộng đồng lập trình viên sử dụng Flutter ngày nhiều, mà tương lai chắn có thêm nhiều thư viện hỗ trợ tốt cho Flutter Ngôn ngữ lập trình Dart 2.1 - Tổng quan Flutter sử dụng ngơn ngữ lập trình Dart Ra đời từ năm 2011 phát triển Google, Dart sử dụng để xây dựng ứng dụng web, server, máy tính để bàn thiết bị di động - Dart ngơn ngữ lập trình đa mục đích ban đầu phát triển Google sau Ecma (ECMA-408) phê chuẩn làm tiêu chuẩn - Dart ngôn ngữ hướng đối tượng, xác định theo lớp, với chế garbage-collected, sử dụng cú pháp kiểu C để dịch mã tùy ý sang JavaScript Nó hỗ trợ interface, mixin, abstract, generic, static typing type safe 2.2 Tại Flutter chọn Dart? 3.13 Màn hình đơn hàng bạn STT Biến cố Xử lý Chọn xem trạng thái khác Chuyển san hình chứa đơn hàng trạng thái khác Chọn đơn hàng Chuyển đến hình Chi tiết đơn hàng Chọn icon button Back Trở hình Quản lý tài khoản 52 3.14 Màn hình đánh giá sản phẩm Biến cố STT Xử lý Chọn số đánh giá Tô đậm số tương ứng Nhập đánh giá Hiển thị nội dung nhập Chọn Hoàn tất Lưu đánh giá cho sản phẩm Hủy Ẩn bottom sheet đánh giá sản phẩm 53 3.15 Màn hình chỉnh sửa thông tin STT Biến cố Xử lý Chọn thay đổi ảnh Thay đổi ảnh đại diện người dùng Nhập tên Hiển thị tên Nhập số điện thoại Hiện thị số điện thoại Chọn giới tính Hiển thị giới tính chọn Chọn ngày sinh Hiển thị ngày sinh chọn Chọn Cập nhật Cập nhật thông tin lên hệ thống Chọn icon button Back Trở lại hình Quản lý tài khoản 54 3.16 Màn hình yêu thích STT Biến cố Xử lý Chọn sản phẩm Chuyển đến hình thơng tin sản phẩm Chọn Đặt mua Thêm sản phẩm vào giỏ hàng Chọn Xóa sản phẩm Bỏ u thích sản phẩm Chọn icon button Back Trở hình Quản lý tài khoản 55 3.17 Màn hình thay đổi địa Biến cố STT Chọn làm địa mặc định Xử lý Cập nhật địa mặc định hệ thống Xóa địa Xóa địa khỏi danh sách địa Chọn icon button Back Trở hình trước Thêm địa Chuyển đến hình Địa Nhập thông tin Hiển thị thông tin địa Chọn hoàn tất Thêm địa vào danh sách địa 56 3.18 Màn hình thay đổi mật STT Biến cố Xử lý Nhập mật Hiển thị mật Nhập mật xác nhận Hiển thị mật xác nhận Chọn Ẩn/Hiện mật Hiển thị mật dạng Ẩn (ký tự *) Hiện Chọn Xác nhận Thực xác thực mật cập nhật mật cho tài khoản Chọn icon button Back Trở hình Quản lý tài khoản 57 3.19 Màn hình chọn phương thức vận chuyển STT Biến cố Xử lý Chọn phương thức vận chuyển Hiển thị lại phương thức vận chuyển chọn Chọn Xác nhận Trở hình Thanh tốn cập nhật lại phương thức vận chuyển cho đơn hàng Chọn icon button Back Trở hình Thanh tốn 58 3.20 Màn hình chọn phương thức tốn STT Biến cố Xử lý Chọn phương thức toán Cập nhật lại phương thức toán chọn Chọn Xác nhận Trở hình Thanh tốn cập nhật lại phương thức toán Chọn icon button Back Trở hình Thanh tốn 59 Sơ đồ lớp 60 Sơ đồ hoạt động 5.1 Đăng nhập 61 5.2 Đăng ký 62 5.3 Tìm kiếm 5.4 Đánh giá sản phẩm 63 5.5 Thanh toán 64 IV Kết luận Kết đạt - Sản phẩm phát triển hoàn chỉnh - Áp dụng kiến thức quy trình phát triển phần mềm hướng đối tượng cách chuyên nghiệp - Tìm hiểu thêm công nghệ kiến trúc kỹ thuật - Hiểu nắm kiến thức ứng dụng Visual Studio Code - Hiểu nắm cách xây dựng ứng dụng di động với Flutter - Nắm rõ Dart, Flutter, package, thiết kế giao diện ứng dụng di động Ưu điểm - Dễ dàng sử dụng - Giao diện đẹp mắt, thân thiện với người dùng - Có tính ứng dụng thực tế cao - Hồn tồn miễn phí - Có nhiều chức đáp ứng đủ nhu cầu người dùng Nhược điểm giải pháp - Phương thức toán hạn chế o Giải pháp: Nghiên cứu, bổ sung ví điện tử, banking app,… - Chưa có tính đề xuất sản phẩm cho người dùng o Giải pháp: Mở rộng liệu nghiên cứu, phát triển chức đề xuất cho người dùng - Chưa mang lại trải nghiệm mượt mà cho người dùng o Giải pháp: Nghiên cứu cách tối ưu hệ thống - Luồng xử lý kiện rườm rà, phức tạp o Giải pháp: Nghiên cứu, tìm cách tối ưu thuật toán luồng xử lý kiện 65 TÀI LIỆU THAM KHẢO Flutter document: https://docs.flutter.dev/ Bloc Library: https://bloclibrary.dev/ Firebase document: https://firebase.google.com/docs/build 66