Đề tài ứng dụng đọc sách thông minh

Trang TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN Đề tài: ỨNG DỤNG ĐỌC SÁCH THÔNG MINH Giảng viên hướng dẫn : Mai Trọng Khang Sinh viên thực hiện: Nguyễn Đức Chí Đạt 19521334 TP Hồ Chí Minh, tháng 12 năm 2022 Trang TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN Đề tài: ỨNG DỤNG ĐỌC SÁCH THÔNG MINH Giảng viên hướng dẫn : Mai Trọng Khang Sinh viên thực hiện: Nguyễn Đức Chí Đạt 19521334 TP Hồ Chí Minh, tháng 12 năm 2022 Trang Lời mở đầu Đầu tiên, nhóm chúng em xin gửi lời cảm ơn chân thành đến tập thể quý Thầy Cô Trường Đại học Công nghệ thông tin – Đại học Quốc gia TP.HCM quý Thầy Cô khoa Cơng Nghệ Phần Mềm giúp cho nhóm chúng em có kiến thức làm tảng để thực đề tài Đặc biệt, nhóm chúng em xin gửi lời cảm ơn lòng biết ơn sâu sắc tới Thầy Mai Trọng Khang Đã giúp nhóm chúng em hồn thành tốt báo cáo mơn học Trong thời gian học đề tài, nhóm chúng em vận dụng kiến thức tảng tích lũy đồng thời kết hợp với việc học hỏi nghiên cứu kiến thức Từ đó, nhóm chúng em vận dụng tối đa thu thập để hồn thành báo cáo đồ án tốt Tuy nhiên, trình thực hiện, nhóm chúng em khơng tránh khỏi thiếu sót Chính vậy, nhóm chúng em mong nhận góp ý từ phía Thầy Cơ nhằm hồn thiện kiến thức mà nhóm chúng em học tập hành trang để nhóm chúng em thực tiếp đề tài khác tương lai Nhóm em xin chân thành cảm ơn quý Thầy Cô! Trang NHẬN XÉT CỦA GIẢNG VIÊN ……………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… Trang Mục lục Danh mục hình ảnh Chương I Tổng quan Lý chọn đề tài Mục tiêu Phạm vi Người dùng Phương pháp nghiên cứu Chương II Cơ sở lý thuyết & Tổng quan công nghệ 10 Giới thiệu React Native 10 Giới thiệu MongoDB 12 2.1 Các đặc điểm MongoDB 12 2.2 Ưu nhược điểm MongoDB 13 Kiến trúc hệ thống 16 3.1 Kiến trúc hệ thống 16 3.2 Mơ hình kiến trúc hệ thống 16 Mô tả chi tiết thành phần hệ thống 17 Chương III Phân tích thiết kế ứng dụng 19 Yêu cầu nghiệp vụ 19 1.1 Danh sách yêu cầu nghiệp vụ 19 Trang 1.2 Nhập đầu sách 19 1.3 Quản lý tủ sách 20 Use case 21 2.1 Mơ hình Use Case 21 2.2 Danh sách Actor 22 2.3 Danh sách Use case 23 Activity 29 3.1 Cập nhật đầu sách 29 3.2 Đọc sách 30 Thiết kế CSDL 32 4.1 Sơ đồ logic 32 4.2 Mô tả chi tiết thành phần sơ đồ logic 32 Thiết kế giao diện 33 5.1 Danh sách hình 33 5.2 Mô tả chi tiết hình 35 Component diagram 47 Deploy diagram 47 Chương IV Tổng quan 48 Kết 48 Hạn chế 48 Hướng phát triển 48 Tài liệu tham khảo 49 Trang Danh mục hình ảnh Hình Khả mở rộng Horizontal Scalability 19 Hình Chi tiết thành phần hệ thống 21 Hình Biểu mẫu nhập đầu sách 23 Hình Biểu mẫu hóa đơn bán hàng 23 Hình Use case tổng quát 24 Hình Use case quản lý đầu sách 25 Hình Use case đăng nhập 25 Hình Use case quản lý khách hàng 25 Hình 10 Sơ đồ lớp (mức phân tích) 25 Hình 11 Sơ đồ logic 26 Hình 12 Giao diện đăng nhập 27 Hình 13 Giao diện quên mật khẩu 29 Hình 14 Giao diện hình wellcome 39 Hình 15 Giao diện đăng ký 43 Hình 16 Giao diện trang chủ 44 Hình 17 Giao diện thơng tin cá nhân 45 Hình 18 Giao diện đọc sách 46 Hình 19 Giao diện đầu sách 47 Hình 20 Giao diện cập nhật đầu sách 49 Hình 21 Component Diagram 57 Hình 22 Deploy Diagram 57 Trang Chương ITổng quan Lý chọn đề tài Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cưng cơng ty, cửa hàng, đóng vai trị quan trọng tạo bước đột phá mạnh mẽ Việc xây dựng ứng dụng để phục vụ cho nhu cầu riêng tổ chức, cơng ty chí cá nhân, ngày nay, khơng lấy làm xa lạ Đối với lĩnh vực giải trí đọc sách làm nhu cầu to lớn Khách hàng ngày có nhiều nhu cầu tìm đọc sách online, ebook thay kiểu đọc sách truyền thống Vì ứng dụng cơng nghệ vào lĩnh vực ngày phổ biến Với vài thao tác đơn giản, nhanh chóng, người doanh nghiệp dễ dàng tìm đọc đầu sách ứng ý mọi thiết bị Dựa vào kiến thức học, cần thiết vấn đề em xây dựng “Ứng dụng đọc sách thông minh” Tuy việc xây dựng phần mềm cịn nhiều khó khăn thiếu sót giúp chúng em có thêm nhiều kiến thức học hỏi, tạo bước phát triển cho sau Mục tiêu ● Nghiên cứu tổng quan nghiệp vụ tìm sách đọc sách ● Nghiên cứu sở lý thuyết việc phát triển hệ thống thông tin quản lý thương mại điện tử ứng dụng đọc sách thông minh ● Xây dựng hệ thống giao diện đẹp mắt, chức tối ưu phù hợp cho việc đọc sách Trang Phạm vi Quy trình đọc sách, tìm sách, lịch sử “Ứng dụng đọc sách thơng minh” Quy trình đăng nhập đăng xuất ứng dụng Các vấn đề cần giải trình đọc tìm sách “Ứng dụng đọc sách thơng minh”, ví dụ như: ●Nghiệp vụ đọc sách, hình nền, font chữ, kích thước,… ●Theo dõi, quản lý lịch sử đọc sách ●Thêm, xóa, sửa tra cứu tìm kiếm thơng tin sách vào tủ sách ●Từ tiến hành xây dựng sở liệu khai thác liệu phục vụ công tác quản lý ứng dụng Người dùng Hệ thống phần mềm hướng phía người dùng giúp: khách hàng có phương tiện thuận lợi để tìm đọc mẫu sách đồng thời có trải nhiệm đọc sách tuyệt vời Phương pháp nghiên cứu ● Phương pháp hệ thống, phương pháp tư ● Phương pháp phân tích, tổng hợp ● Phương pháp tin học hóa cơng cụ lập trình để giải vấn đề Trang 10 Chương II Cơ sở lý thuyết & Tổng quan công nghệ Giới thiệu React Native React native cơng cụ giúp lập trình đa tảng để tạo ứng dụng môi trường native Nó framework mã nguồn mở phát triển Facebook, cho phép bạn sử dụng Java script để phát triển phần mềm điện thoại di động Android IOS React native giống React chúng sử dụng native components thay web components Một điểm hấp dẫn React thư viện khơng hoạt động phía client, mà cịn render server kết nối với React so sánh thay đổi giá trị lần render với lần render trước cập nhật thay đổi DOM Trước đến cài đặt cấu hình, đến số khái niệm bản: - Virtual DOM: Công nghệ DOM ảo giúp tăng hiệu cho ứng dụng Việc node gốc có trạng thái thay đổi tái cấu trúc lại toàn bộ, đồng nghĩa với việc DOM tree phải thay đổi phần, điều ảnh hưởng đến tốc độ xử lý React JS sử dụng Virtual DOM (DOM ảo) để cải thiện vấn đề này.Virtual DOM object Javascript, object chứa đầy đủ thông tin cần thiết để tạo DOM, liệu thay đổi tính tốn thay đổi object tree thật, điều giúp tối ưu hoá việc re-render DOM tree thật React sử dụng chế one-way data binding – luồng liệu chiều Dữ liệu truyền từ parent đến child thông qua props Luồng liệu đơn giản giúp dễ dàng kiểm soát sửa lỗi Với đặc điểm trên, React dùng để xây dựng ứng Trang 35 5.2 Mô tả chi tiết hình 5.2.1.Loadding Hình 34 Giao diện loadding của ứng dụng Trang 36 Mô tả đối tượng hình Kiểu STT Tên Chức Bảng 46 Đối tượng hình Danh sách biến cố xử lý tương ứng STT Biến cố Xử lý Bảng 47 Danh sách biến cố xử lý tương ứng của hình 5.2.2.Bottom tab Hình 35 Giao diện bottom tab Mơ tả đối tượng hình STT Kiểu Button Button Button Button Button Tên Trang chủ Liên hệ Tủ sách Thông báo Tài khoản Chức Hiển thị hình trang chủ Hiển thị hình liên hệ Hiển thị tủ sách Hiển thị danh sách thông báo Hiển thị thông tin tài khoản Bảng 48 Đối tượng SlideBar Danh sách biến cố xử lý tương ứng STT Biến cố Chọn button Dashboard Chọn button Customer Chọn button Products Chọn button Orders Chọn button Analytics Chọn button Logout Xử lý Chuyển sang hình Thơng Tin Chung Chuyển sang hình Khách Hàng Chuyển sang hình Đầu sách Chuyển sang hình Hóa Đơn Chuyển sang hình Biểu đồ Chuyển sang hình Signin Bảng 49 Biến cố xử lý tương ứng SlideBar Trang 37 5.2.3.Wellcome Hình 36 Giao diện wellcome Mơ tả đối tượng hình Kiểu Button Button STT Tên Đăng nhập Đăng ký Chức Mở hình đăng nhập Mở hình đăng ký Bảng 50 Đối tượng hình wellcome Danh sách biến cố xử lý tương ứng STT Biến cố Chọn vào button Đăng nhập Chọn vào button Đăng ký Xử lý Chuyển sang hình đăng nhập Chuyển sang hình đăng ký Bảng 51 Biến cố xử lý tương ứng hình wellcome Trang 38 5.2.4.Đăng nhập Hình 48 Giao diện đăng nhập khách hàng Mơ tả đối tượng hình STT Tên PhoneNumber Password Quên mật khẩu Đăng nhập Kiểu input/number input/password Link Button Chức Nhập số điện thoại đăng nhập Nhập mật khẩu Chuyển đến trang quên mật khẩu Đăng nhập Bảng 69 Đối tượng của đăng nhập khách hàng Danh sách biến cố xử lý tương ứng STT Biến cố Chọn button Đăng nhập Chọn quên mật khẩu Xử lý Chuyển đến giao diện Trang chủ Chuyển đến giao diện quên mật khẩu Bảng 70 Biến cố xử lý tương ứng của đăng nhập khách hàng Trang 39 5.2.5.Đăng ký Hình 49 Giao diện đăng ký khách hàng Mơ tả đối tượng hình Kiểu input/number Button STT Tên PhoneNumber Tiếp tục Chức Nhập số điện thoại Chuyển đến giao diện nhập mã OTP Bảng 71 Đối tượng của đăng ký khách hàng Danh sách biến cố xử lý tương ứng STT Biến cố Chọn button tiếp tục Xử lý Chuyển đến giao diện nhập mã OTP Bảng 72 Biến cố xử lý tương ứng của đăng ký khách hàng Trang 40 5.2.6.Quên mật Hình 51 Giao diện quên mật Mơ tả đối tượng hình STT Tên PhoneNumber Tiếp tục Kiểu Input/Number Button Chức Nhập số điện thoại Chuyển đến hình xác minh OTP Bảng 73 Đối tượng của quên mật Danh sách biến cố xử lý tương ứng STT Biến cố Chọn Tiếp tục Xử lý Chuyển đến hình nhập mã OTP Bảng 74 Biến cố xử lý tương ứng của quên mật Trang 41 5.2.7.Trang chủ Hình 52 Giao diện trang home Mơ tả đối tượng hình STT Tên Banner Kiểu Picture Mới List Đề cử List Đọc Add Button Button Chức Hiển thị quảng cáo cho đầu sách Hiển thị danh sách đầu sách Hiển thị danh sách đầu sách đề cử Vào giao diện đọc sách Thêm sách vào tủ sách Bảng 75 Đối tượng của trang home Danh sách biến cố xử lý tương ứng STT Biến cố Xử lý Trang 42 Chọn vào đầu sách Chọn đọc Chuyển qua hình chi tiết đầu sách Chuyển qua hình đọc sách Bảng 76 Biến cố xử lý tương ứng của trang home 5.2.8.Màn hình đầu sách Hình 53 Giao diện đầu sách Mơ tả đối tượng hình STT Tên Tải xuống Kiểu Button Button Button Mục lục Thêm vào kệ Chức Tải nội dung sách để đọc offline Hiển thị mục lục sách Thêm vào tủ sách Bảng 77 Đối tượng của đầu sách Danh sách biến cố xử lý tương ứng STT Biến cố Chọn button tải xuống Chọn button mục lục Thêm vào kệ Xử lý Tải nội dung sách để đọc offline Hiển thị mục lục sách Thêm vào tủ sách Bảng 78 Biến cố xử lý tương ứng của đầu sách Trang 43 5.2.9.Đọc sách Hình 54 Giao diện đọc sách Mơ tả đối tượng hình Kiểu STT Tên Chức Bảng 79 Đối tượng của chi tiết đầu sách Danh sách biến cố xử lý tương ứng STT Biến cố Chọn vào hình Xử lý Xuất button để lựa chọn giao diện sáng/ tối Bảng 80 Biến cố xử lý tương ứng của chi tiết đầu sách Trang 44 5.2.10 Danh mục Hình 55 Giao diện xem giá danh mục Mô tả đối tượng hình STT Tên Danh mục Book Kiểu List Button Chức Danh sách kiểu lọc Chuyển đến nội dung sách Bảng 81 Đối tượng của xem giá bán hàng Danh sách biến cố xử lý tương ứng Trang 45 STT Biến cố Chọn danh mục Xử lý Hiển thị đầu sách danh mục tương ứng Bảng 82 Biến cố xử lý tương ứng của xem giá bán hàng 5.2.11 Profile Hình 55 Giao diện thơng tin cá nhân Mơ tả đối tượng hình Kiểu Label Button STT Tên Tên Đăng xuất Chức Hiển thị tên người dùng Thoát Bảng 83 Đối tượng của xem giá mua hàng Danh sách biến cố xử lý tương ứng STT Biến cố Chọn button Thoát Xử lý Về hình Wellcome Bảng 84 Biến cố xử lý tương ứng của xem giá mua hàng Trang 46 5.2.12 ResetPasswrod Hình 55 Giao diện đổi mật Mơ tả đối tượng hình Kiểu Input/Passwor d Input/Passwor d Input/Passwor d STT Tên CurrentPassword NewPassword ReEnterPassword Chức Nhập password trước Nhập password Nhập lại password Bảng 97 Đối tượng của đổi mật Danh sách biến cố xử lý tương ứng STT Biến cố Chọn button saveChange Chọn button Close Xử lý Lưu password Đóng trang resetPassword Bảng 98 Biến cố xử lý tương ứng của đổi mật Trang 47 Component diagram Hình 57 Component Diagram Deploy diagram Hình 58 Deploy Diagram Trang 48 Chương IV Tổng quan Kết Sau thời gian thực đề tài, chương trình hoàn thành đạt số kết sau: - Hiểu rõ mong muốn người dùng trình kế ứng dụng - Hiểu rõ vấn đề việc dựng ứng dụng di động - Xây dựng thành công ứng dụng đọc sách thông minh đáp ứng nhu cầu đặt khách hàng - Giao diện chương trình thân thiện, dễ sử dụng, - Hiểu nắm kiến thức mơ hình Client - Server, EntityFramework, Repository, MongoDB - Luyện tập React Native, NativeBase, Javascript Hạn chế Do hạn chế mặt thời gian kinh phí nên nhóm hồn thành mức độ hồn thành yêu cầu đặt đề tài Nhóm chưa có chức voice readding, auto scroll,… nhiên nhóm cố gắng hồn thiện dự án Hướng phát triển Đề tài ứng dụng đọc sách phổ biến có khả cao việc đưa vào ứng dụng thực tiễn Tuy nhiên hạn chế thời gian nghiên cứu kinh nghiệm, nhóm phát triển mức độ hoàn thành yêu cầu đặt đề tài, tốc độ xử lý chưa hồn thiện Nhóm cố gắng tìm hiểu sâu có phương pháp quản lý hệ thống xử lý khối liệu lớn với hiệu cao, mở rộng phạm vi dự án Trang 49 Tài liệu tham khảo ● Các thư viện Native Base : Getting Started | NativeBase ● Tài liệu mongoDB : MongoDB Documentation ● Các học JavaScript website https://www.w3schools.com/ ● Tài liệu NodeJS : Documentation | Node.js (nodejs.org) ● Các hướng dẫn Youtube Stack Overflow - Where Developers Learn, Share, & Build Careers ... CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN Đề tài: ỨNG DỤNG ĐỌC SÁCH THÔNG MINH Giảng viên hướng dẫn : Mai Trọng Khang Sinh viên thực hiện: Nguyễn Đức Chí Đạt 19521334 TP Hồ Chí Minh, tháng... đọc sách Trang Phạm vi Quy trình đọc sách, tìm sách, lịch sử ? ?Ứng dụng đọc sách thơng minh? ?? Quy trình đăng nhập đăng xuất ứng dụng Các vấn đề cần giải trình đọc tìm sách ? ?Ứng dụng đọc sách. .. Mới List Đề cử List Đọc Add Button Button Chức Hiển thị quảng cáo cho đầu sách Hiển thị danh sách đầu sách Hiển thị danh sách đầu sách đề cử Vào giao diện đọc sách Thêm sách vào tủ sách Bảng