Xây dựng ứng dụng mua sách trên di động bằng flutter

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NGOẠI NGỮ - TIN HỌC THÀNH PHỐ HỒ CHÍ MINH Đề tài: XÂY DỰNG ỨNG DỤNG MUA SÁCH TRÊN DI ĐỘNG BẰNG FLUTTER Giảng viên hướng dẫn: Thạc sĩ Vũ Đình Ái Sinh viên thực hiện: 17DH110409 – Huỳnh Tuấn Huy 18DH110936 – Đoàn Phi Long 17DH110931 – Lê Quang Huy Ngày 05 tháng 05 năm 2022 Mục lục PHẦN I TỔNG QUAN ĐỀ TÀI .5 Giới thiệu đề tài Công nghệ sử dụng PHẦN PHÂN TÍCH YÊU CẦU Sơ đồ use cases .6 a Khởi động ứng dụng b Đăng ký tài khoản c Đăng ký Gmail d Đăng ký Facebook .8 e Đăng nhập f Đăng nhập Gmail .9 g Đăng nhập Facebook .10 h Thay đổi mật 10 i Thay đổi thông tin cá nhân 10 j Tìm kiếm tựa sách 11 k Thêm tựa sách vào danh sách yêu thích 11 l Bỏ tựa sách khỏi danh sách yêu thích 12 m Thêm sách vào giỏ hàng .12 n Bỏ sách khỏi giỏ hàng 13 o Điều chỉnh số lượng sản phẩm giỏ hàng 13 p Đặt hàng 14 q Nhập địa giao hàng .14 r Chọn phương thức toán 14 s Xác nhận đặt hàng 15 t Hủy đơn hàng 15 Sơ đồ hoạt động (activity diagram) 16 Cơ sở liệu .16 3.1 Sơ đồ sở liệu 16 3.2 Sơ đồ sỡ liệu cụ thể 17 PHẦN 3: THIẾT KẾ GIAO DIỆN 22 Giao diện trang chủ .22 Giao diện thông tin người dùng 23 a Người dùng chưa đăng nhập 23 b Người dùng đăng nhập .24 Giao diện đăng nhập 25 Giao diện đăng ký tài khoản .26 Giao diện nhập, chỉnh sửa địa chỉ, thông tin giao hàng .27 Màn hình thơng tin chi tiết sản phẩm 28 Màn hình giỏ hàng 29 Màn hình danh sách đơn hàng 30 Màn hình chi tiết đơn hàng 31 PHẦN KẾT LUẬN 32 Phần làm .32 Phần chưa hoàn 32 Hướng phát triển 32 Danh mục hình ảnh bảng biểu Hình Sơ đồ use cases người dùng ứng dụng mua sách Hình Sơ đồ activity hệ thống 16 Hình Entity Relationship Diagram 17 Hình Database Diagram 18 Hình Giao diện trang chủ .22 Hình Giao diện thơng tin người dùng 23 Hình Giao diện thơng tin người dùng 24 Hình Giao diện đăng nhập 25 Hình Giao diện đăng ký 26 Hình 10 Giao diện nhập thơng tin địa .27 Hình 11 Giao diện thơng tin chi tiết sản phẩm .28 Hình 12 Giao diện giỏ hàng .29 Hình 13 Giao diện danh sách đơn hàng 30 Hình 14 Giao diện chi tiết đơn hàng .31 Bảng Usecase Khởi động ứng dụng .7 Bảng Usecase Đăng ký tài khoản Bảng Usecase Đăng ký Gmail Bảng Usecase Đăng ký Facebook Bảng Usecase Đăng nhập .9 Bảng Usecase Đăng nhập Gmail Bảng Usecase Đăng nhập Gmail 10 Bảng Usecase Thay đổi mật 10 Bảng Usecase Thay đổi thông tin cá nhân 11 Bảng 10 Usecase Tìm kiếm tựa sách .11 Bảng 11 Usecase Thêm vào yêu thích .12 Bảng 12 Usecase Bỏ khỏi yêu thích 12 Bảng 13 Usecase Thêm vào giỏ hàng 13 Bảng 14 Usecase Bỏ khỏi giỏ hàng 13 Bảng 15 Usecase Chỉnh số lượng giỏ hàng 13 Bảng 16 Usecase Đặt hàng .14 Bảng 17 Usecase Nhập địa giao hàng 14 Bảng 18 Usecase Chọn phương thức toán 15 Bảng 19 Usecase xác nhận đặt hàng .15 Bảng 20 Usecase Hủy đơn hàng .15 PHẦN I TỔNG QUAN ĐỀ TÀI Giới thiệu đề tài Đọc sách thói quen khơng giúp cá nhân người giải trí mà cịn cách thức, phương tiện tốt cho việc tiếp cận với kiến thức thông tin Tuy nhiên, thời đại nay, việc đọc sách dần xa lạ phần không nhỏ người trẻ Để kích thích nhu cầu đọc sách hệ nay, thích ứng với nhịp sống nhu cầu thời kỳ cơng nghệ, việc truy cập tìm kiếm để mua sách mong muốn cần phải đơn giản Ứng dụng di động cách tiếp cận xác Với số lượng thiết bị di động đầu người độ tuổi 12 – 65 Việt Nam thuộc hàng top đầu giới, việc doanh nghiệp bán sách có sẵn cho ứng dụng điện thoại bước tiếp cận gần với người yêu sách Ở xây dựng ứng dụng di dộng với đầy đủ chức mà người dùng cần: - Xem tựa sách giới thiệu sách - Lựa chọn tìm kiếm tựa sách theo thể loại, tác giả, ấn - Lưu danh mục sách ưa thích - Đặt hàng - Tạo quản lý thông tin tài khoản ứng dụng Công nghệ sử dụng Dữ liệu: Sử dụng SQL Server để lưu trữ thông tin liệu hệ thống Phiên bản: Microsoft SQL Server Management Studio 18 API: Sử dụng ASP.NET Core API với ngôn ngữ C# để tạo cổng giao tiếp giao diện hệ thống liệu Phiên bản: NET Core 5.0 Giao diện: Sử dụng Flutter ngôn ngữ Dart để phát triển ứng dụng chạy ổn định tảng di động iOS Android - PHẦN PHÂN TÍCH YÊU CẦU Sơ đồ use cases Hình Sơ đồ use cases người dùng ứng dụng mua sách Danh sách chức người dùng thao tác hệ thống: - Khởi động ứng dụng - Đăng ký tài khoản - Đăng nhập vào ứng dụng - Tìm kiếm tựa sách dựa theo nhiều tiêu chí: + Theo tên tựa sách + Theo tên tác giả + Theo thể loại sách + Theo từ khóa, chủ đề - Xem thơng tin, hình ảnh tựa sách - Thêm tựa sách vào mục u thích (wish list) - Xóa tựa sách mục yêu thích Thêm sản phẩm vào giỏ hàng Chỉnh sửa số lượng giỏ hàng, bỏ bớt sản phẩm giỏ hàng Đặt hàng Cung cấp địa giao hàng Chọn phương thức toán đơn hàng Tắt ứng dụng Đặc tả use cases a Khởi động ứng dụng Tên use case Mã use case Mô tả Khởi động ứng dụng UC01 Người dùng khởi động ứng dụng để sử dụng ứng dụng Đối tượng tương tác Người dùng Độ ưu tiên Must have Điều kiện kích hoạt Người dùng chọn vào khởi động ứng dụng thiết bị Điều kiện để thực thành Thiết bị người dùng cài đặt ứng công dụng Sau thực thành công Thiết bị hiển thị hình yêu cầu người dùng cần đăng nhập đăng ký ứng dụng Nếu người dùng đăng nhập thiết bị hiển thị vào hình trang chủ ứng dụng Bảng Usecase Khởi động ứng dụng b Đăng ký tài khoản Tên use case Mã use case Mô tả Đăng ký tài khoản UC02 Người dùng đăng ký tài khoản thông tin cá nhân lưu hệ thống Đối tượng tương tác Người dùng Độ ưu tiên Must have Điều kiện kích hoạt Người dùng chọn vào nút đăng ký hình đăng nhập/đăng ký Điều kiện để thực thành Nội dung người dùng nhập vào hợp lệ công phải số trường thông tin quy định Sau thực thành công Thông tin tài khoản đăng ký thành công Dữ liệu lưu vào hệ thống, người dùng điều hướng đến hình trang chủ ứng dụng Bảng Usecase Đăng ký tài khoản c Đăng ký Gmail Tên use case Mã use case Mô tả Đăng ký tài khoản Gmail UC02b Người dùng đăng ký tài khoản thông qua dịch vụ Gmail lưu hệ thống Đối tượng tương tác Người dùng Độ ưu tiên Nice to have Điều kiện kích hoạt Người dùng chọn vào nút đăng ký Gmail hình đăng nhập/đăng ký Điều kiện để thực thành Người dùng đăng nhập vào tài khoản công gmail chưa có liệu hệ thống Sau thực thành công Thông tin tài khoản đăng ký thành công, liệu lưu vào hệ thống, người dùng điều hướng đến hình trang chủ ứng dụng Bảng Usecase Đăng ký Gmail d Đăng ký Facebook Tên use case Mã use case Mô tả Đăng ký tài khoản Facebook UC02c Người dùng đăng ký tài khoản thông qua dịch vụ Facebook lưu hệ thống Đối tượng tương tác Người dùng Độ ưu tiên Nice to have Điều kiện kích hoạt Người dùng chọn vào nút đăng ký gmail hình đăng nhập/đăng ký Điều kiện để thực thành Người dùng đăng nhập vào tài khoản cơng Facebook chưa có liệu hệ thống Sau thực thành công Thông tin tài khoản đăng ký thành công, liệu lưu vào hệ thống, người dùng điều hướng đến hình trang chủ ứng dụng Bảng Usecase Đăng ký Facebook e Đăng nhập Tên use case Mã use case Mô tả Đăng nhập vào ứng dụng UC03 Người dùng đăng nhập vào hệ thống cách nhập thông tin vào trường liệu theo yêu cầu Đối tượng tương tác Người dùng Độ ưu tiên Must have Điều kiện kích hoạt Người dùng chọn vào nút đăng nhập hình sau hoàn tất nhập liệu vào trường theo yêu cầu Điều kiện để thực thành Người dùng đăng ký kích cơng hoạt hệ thống Trong dũ liệu có thơng tin khớp với trường liệu mà người dùng nhập Sau thực thành công Người dùng đăng nhập vào ứng dụng thành công Hệ thống ghi nhận đăng nhập thành công Bảng Usecase Đăng nhập f Đăng nhập Gmail Tên use case Mã use case Mô tả Đăng nhập Gmail UC03b Người dùng đăng nhập vào hệ thống tài khoản Gmail Đối tượng tương tác Người dùng Độ ưu tiên Nice to have Điều kiện kích hoạt Người dùng chọn vào nút đăng nhập Gmail Điều kiện để thực thành Người dùng đăng nhập vào Gmail công Sau thực thành công Người dùng đăng nhập vào ứng dụng thành công Hệ thống ghi nhận đăng nhập thành công Bảng Usecase Đăng nhập Gmail g Đăng nhập Facebook Tên use case Mã use case Mô tả Đăng nhập Facebook UC03c Người dùng đăng nhập vào hệ thống tài khoản Facebook Đối tượng tương tác Người dùng Độ ưu tiên Nice to have Điều kiện kích hoạt Người dùng chọn vào nút đăng nhập Facebook Điều kiện để thực thành Người dùng đăng nhập vào Facebook công Sau thực thành công Người dùng đăng nhập vào ứng dụng thành công Hệ thống ghi nhận đăng nhập thành công Bảng Usecase Đăng nhập Gmail h Thay đổi mật Tên use case Mã use case Mô tả Đối tượng tương tác Độ ưu tiên Điều kiện kích hoạt Thay đổi mật UC04 Người dùng thay đổi mật đăng nhập Người dùng Must have Người dùng chọn vào chức thay đổi mật sau đăng nhập vào hệ thống Nhập thông tin mật xác nhận mật cũ vào trường thông tin yêu cầu Điều kiện để thực thành Mật đáp ứng yêu cầu công Mật không trùng lặp với mật cũ Sau thực thành công Thay đổi cập nhật vào hệ thống Người dùng điều hướng sang hình đăng nhập, yêu cầu đăng nhập lại với mật Bảng Usecase Thay đổi mật i Thay đổi thông tin cá nhân Hình Database Diagram Những bảng thêm vào để thể mối liên hệ nhiều – nhiều thực thể mơ tả gồm có: BookMapAuthors, BookMapCategories, Favorites, CartDetails, OrderDetail; Thực thể [Users] phân tách thành bảng: UserMasters, BaseUsers, FacebookUsers, GmailUsers Mô tả cụ thể bảng liệu: Author: Lưu trữ danh sách tác giả, gồm trường liệu: - Id (int, PK): Khóa bảng, kiểu liệu số nguyên không trùng lặp - Name (nvarchar): Tên tác giả - Description: Mô tả tác giả Category: Lưu trữ danh sách thể loại văn học phân loại sách, gồm trường liệu sau - Id (int, PK): Khóa bảng, kiểu liệu số ngun khơng trùng lặp - Name (nvarchar): Tên thể loại Books: Lưu trữ danh sách tựa sách, gồm trường liệu sau - Id (int, PK): Khóa bảng, kiểu liệu số nguyên không trùng lặp - Title (nvarchar): Tựa sách - Description (nvarchar): Mô tả tựa sách - Price (float): Giá bán tựa sách - Quantity (int): Số lượng tồn kho - TotalSold (int): Tổng lượng bán tựa sách BookMapAuthors: Thể mối liên hệ tác giả tựa sách (Ai tác giả tựa sách nào), danh sách trường liệu sau: - Id (int, PK): Khóa bảng, kiểu liệu số nguyên không trùng lặp - BookId (int, FK - Books): Khóa ngoại liên kết với trường Id bảng Books - AuthorId (int, FK - Books): Khóa ngoại liên kết với trường Id bảng Author BookMapCategories: Thể mối liên hệ thể loại tựa sách, danh sách trường liệu sau: - Id (int, PK): Khóa bảng, kiểu liệu số nguyên không trùng lặp - BookId (int, FK - Books): Khóa ngoại liên kết với trường Id bảng Books - CategoryId (int, FK - Books): Khóa ngoại liên kết với trường Id bảng Category BaseUsers: Lưu trữ thông tin đăng nhập người dùng đăng ký trực tiếp thông qua giao diện ứng dụng - Id (int, PK): Khóa bảng, kiểu liệu số nguyên không trùng lặp - HashedPassword (nvarchar): Lưu trữ mật mã hóa người dùng - Username (varchar): Lưu trữ tên đăng nhập người dùng FacebookUsers: Lưu trữ thông tin người dùng đăng nhập thông qua tài khoản Facebook - Id (int, PK): Khóa bảng, kiểu liệu số ngun khơng trùng lặp - FacebookId (varchar): mã người dùng Facebook GmailUsers: Lưu trữ thông tin người dùng đăng nhập thông qua tài khoản Gmail - Id (int, PK): Khóa bảng, kiểu liệu số nguyên không trùng lặp - GmailIdToken (varchar): mã token người dùng Gmail UserMasters: Lưu trữ thông tin hiển thị hệ thống người dùng: - Id (int, PK): Khóa bảng, kiểu liệu số nguyên không trùng lặp - BaseUserId (int, FK – BaseUsers - nullable): Khóa ngoại liên kết với trường Id bảng BaseUsers - FacebookUserId (int, FK – FacebookUsers - nullable): Khóa ngoại liên kết với trường Id bảng FacebookUsers - GmailUserId (int, FK – GmailUsers - nullable): Khóa ngoại liên kết với trường Id bảng GmailUsers - ProfilePicture (varchar): Đường dẫn chứa hình ảnh hiển thị người dùng - Description (nvarchar): Mô tả, trích dẫn từ người dùng - Address (nvarchar): Địa người dùng - TotalSpend (float): Tổng số tiền đơn hàng người dùng Favorites: Lưu trữ thông tin tựa sách danh sách yêu thích - Id (int, PK): Khóa bảng, kiểu liệu số nguyên không trùng lặp - UserId (int, FK - UserMasters): Khóa ngoại liên kết với trường Id bảng UserMasters - BookId (int, FK - Books): Khóa ngoại liên kết với trường Id bảng Books CartDetails: Lưu trữ thông tin tựa sách có giỏ hàng người dùng - Id (int, PK): Khóa bảng, kiểu liệu số nguyên không trùng lặp - UserId (int, FK - UserMasters): Khóa ngoại liên kết với trường Id bảng UserMasters - BookId (int, FK - Books): Khóa ngoại liên kết với trường Id bảng Books - Quantity (int): Số lượng giỏ hàng Orders: Lưu trữ thơng tin đơn hàng - Id (int, PK): Khóa bảng, kiểu liệu số nguyên không trùng lặp - UserId (int, FK - UserMasters): Khóa ngoại liên kết với trường Id bảng UserMasters - TotalCost (float): Tổng giá trị đơn hàng - Date (datetime): Ngày xác nhận đơn hàng ... hàng Tắt ứng dụng Đặc tả use cases a Khởi động ứng dụng Tên use case Mã use case Mô tả Khởi động ứng dụng UC01 Người dùng khởi động ứng dụng để sử dụng ứng dụng Đối tượng tương tác Người dùng Độ... doanh nghiệp bán sách có sẵn cho ứng dụng điện thoại bước tiếp cận gần với người yêu sách Ở xây dựng ứng dụng di dộng với đầy đủ chức mà người dùng cần: - Xem tựa sách giới thiệu sách - Lựa chọn... định tảng di động iOS Android - PHẦN PHÂN TÍCH YÊU CẦU Sơ đồ use cases Hình Sơ đồ use cases người dùng ứng dụng mua sách Danh sách chức người dùng thao tác hệ thống: - Khởi động ứng dụng - Đăng