Xây dựng hệ thống thư viện và hỗ trợ đọc sách trực tuyến

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHĨA LUẬN TỐT NGHIỆP NGÀNH KỸ THUẬT DỮ LIỆU XÂY DỰNG HỆ THỐNG THƯ VIỆN VÀ HỖ TRỢ ĐỌC SÁCH TRỰC TUYẾN GVHD: TS LÊ VĂN VINH SVTH: NGUYỄN TRUNG TÍN HUỲNH THỊ THUÝ VY SKL009619 Tp.Hồ Chí Minh, năm 2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN -🙞🙜🕮🙞🙜 - NGUYỄN TRUNG TÍN - 18110381 HUỲNH THỊ THUÝ VY - 18110400 Đề Tài: XÂY DỰNG HỆ THỐNG THƯ VIỆN VÀ HỖ TRỢ ĐỌC SÁCH TRỰC TUYẾN KHOÁ LUẬN TỐT NGHIỆP GIẢNG VIÊN HƯỚNG DẪN TS LÊ VĂN VINH KHÓA 2018 - 2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN -🙞🙜🕮🙞🙜 - NGUYỄN TRUNG TÍN - 18110381 HUỲNH THỊ THUÝ VY - 18110400 Đề Tài: XÂY DỰNG HỆ THỐNG THƯ VIỆN VÀ HỖ TRỢ ĐỌC SÁCH TRỰC TUYẾN KHOÁ LUẬN TỐT NGHIỆP GIẢNG VIÊN HƯỚNG DẪN TS LÊ VĂN VINH KHÓA 2018 - 2022 ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: Nguyễn Trung Tín MSSV 1: 18110381 Họ tên Sinh viên 2: Huỳnh Thị Thuý Vy MSSV 2: 18110400 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng hệ thống thư viện hỗ trợ đọc sách trực tuyến Họ tên Giáo viên hướng dẫn: TS Lê Văn Vinh NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày tháng Giáo viên hướng dẫn (Ký & ghi rõ họ tên) năm 2022 ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên 1: Nguyễn Trung Tín MSSV 1: 18110381 Họ tên Sinh viên 2: Huỳnh Thị Thuý Vy MSSV 2: 18110400 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng hệ thống thư viện hỗ trợ đọc sách trực tuyến Họ tên Giáo viên phản biện: ThS Mai Anh Thơ NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày tháng Giáo viên phản biện (Ký & ghi rõ họ tên) năm 2022 LỜI CẢM ƠN Lời đầu tiên, nhóm xin phép gửi lời cảm ơn chân thành đến với Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tạo điều kiện cho nhóm chúng em trau dồi, học tập phát triển tảng kiến thức vững để thực đề tài Bên cạnh đó, nhóm chúng em xin gửi đến thầy Lê Văn Vinh lời cảm ơn chân thành sâu sắc Thầy tận tâm hướng dẫn nhiệt tình đưa góp ý quý báu cho nhóm chúng em suốt trình từ lúc bắt đầu kết thúc đề tài Nhờ có tảng kiến thức chuyên ngành vững cộng thêm với kinh nhiệm yêu cầu thực tế xã hội thông qua việc học trường thực tập công ty Tập thể thầy cô Khoa Công Nghệ Thông Tin đặc biệt thầy Lê Văn Vinh đem đến cho chúng em khối lượng kiến thức kinh nghiệm khổng lồ chuyên ngành công việc tương lai Đặc biệt điều giúp thơi thúc chúng em hồn thành đề tài Đây hành trang vô lớn chúng em trước bước sống Tuy nhiên lượng kiến thức vô tận với khả hạn hẹp chúng em cố gắng để hồn thành cách tốt Chính việc xảy thiếu sót điều khó tránh khỏi Chúng em hi vọng nhận góp ý tận tình q thầy (cơ) qua chúng em rút học kinh nghiệm hoàn thiện cải thiện nâng cấp lại sản phẩm cách tốt Chúng em xin chân thành cảm ơn! Nhóm thực Nguyễn Trung Tín – 18110381 Huỳnh Thị Thuý Vy – 18110400 Trường Đại học Sư phạm Kỹ thuật TP.HCM Khoa Công nghệ Thông tin ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP Họ Tên SV thực 1: Nguyễn Trung Tín Mã Số SV: 18110381 Họ Tên SV thực 2: Huỳnh Thị Thuý Vy Mã Số SV: 18110400 Thời gian làm luận văn: Từ 14/03/2022 đến 03/07/2022 Chuyên ngành: Công nghệ phần mềm Tên luận văn: Xây dựng hệ thống thư viện hỗ trợ đọc sách trực tuyến Giáo viên hướng dẫn: TS Lê Văn Vinh Nhiệm vụ luận văn: Lý thuyết: Tìm hiểu công nghệ: ReactJS, NodeJS, ExpressJS, Flutter, JSON Web Token Thực hành: - Sử dụng NodeJS ExpressJS để xây dựng Backend, viết API cho module hệ thống - Sử dụng MongoDB để lưu trữ liệu người dùng hệ thống - Sử dụng JSON Web Token để xác thực ủy quyền cho hệ thống API hoạt động tốt hiệu - Sử dụng thư viện React để thiết kế xử lý giao diện web cho người dùng thao tác - Sử dụng Flutter để thiết kế xử lý giao diện di động cho người dùng sử dụng Đề cương viết luận văn: MỤC LỤC Phần MỞ ĐẦU 1.1 Tính cấp thiết đề tài 1.2 Mục đích đề tài 1.3 Cách tiếp cận phương pháp nghiên cứu - Đối tượng nghiên cứu - Phạm vi nghiên cứu 1.4 Phân tích cơng trình có liên quan 1.5 Kết dự kiến đạt Phần NỘI DUNG Chương 1: CƠ SỞ LÝ THUYẾT 1.1 ReactJS Framework 1.2 Redux 1.3 Các thư viện hỗ trợ khác Front-End 1.4 Flutter Framework 1.5 NodeJS 1.6 ExpressJS 1.7 MongoDB 1.8 Các thư viện hỗ trợ khác Back-End Chương 2: KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HÓA YÊU CẦU 2.1 Khảo sát trạng 2.2 Kiến trúc chung hệ thống 2.3 Xác định yêu cầu 2.4 Mơ hình hóa u cầu Chương 3: THIẾT KẾ PHẦN MỀM 3.1 Lược đồ 3.2 Lược đồ lớp 3.3 Thiết kế sở liệu 3.4 Thiết kế giao diện Chương 4: CÀI ĐẶT VÀ KIỂM THỬ 4.1 Cài đặt phần mềm 4.2 Kiểm thử phần mềm Phần KẾT LUẬN Tài liệu tham khảo KẾ HOẠCH THỰC HIỆN STT Thời gian 14/03/2022 – 20/03/2022 Công việc Ghi - Khảo sát trạng - Thiết kế usecase mơ hình hóa u cầu - Thiết kế sở liệu 21/03/2022 – 07/04/2022 - 08/04/2022 – 17/04/2022 - 18/04/2022 – 08/05/2022 - 09/05/2022 – 09/06/2022 09/06/2022 – 20/06/2022 21/06/2022 – 10/07/2022 - Tìm hiểu thư viện React JavaScript Tìm hiểu tảng NodeJS ExpressJS Tìm hiểu tảng Flutter ngơn ngữ Dart Tìm hiểu JSON Web Token để ứng dụng vào xác thực phân quyền API hệ thống Tìm hiểu NoSQL MongoDB để áp dụng vào lưu trữ liệu người dùng hệ thống Tiến hành phát triển API dựa kiến thức tìm hiểu tài liệu Tiến hành xây dựng giao diện người dùng cho hệ thống Kết hợp phần xây dựng lại với (giao diện, API, sở liệu) Tìm hiểu, sửa đổi hệ thống để hồn thiện Kiểm thử chương trình tiến hành sửa lỗi Viết hoàn thiện báo cáo Ngày tháng năm 2022 Người viết đề cương Ý kiến giáo viên hướng dẫn (ký ghi rõ họ tên) MỤC LỤC LỜI CẢM ƠN ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG BIỂU 10 PHẦN MỞ ĐẦU 12 TÍNH CẤP THIẾT CỦA ĐỀ TÀI 12 ĐỐI TƯỢNG NGHIÊN CỨU 12 PHẠM VI NGHIÊN CỨU 13 MỤC TIÊU CỦA ĐỀ TÀI 13 4.1 PHÍA NGƯỜI DÙNG 13 4.2 PHÍA QUẢN TRỊ VIÊN 14 Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN 14 PHÂN CÔNG 14 PHẦN NỘI DUNG 16 CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 16 CÁC CÔNG NGHỆ SỬ DỤNG Ở FRONT-END 16 1.1.1 ReactJS Framework 16 1.1.2 Redux 19 1.1.3 Các thư viện hỗ trợ khác 20 1.1.4 Flutter Framework 21 1.2 CÁC CÔNG NGHỆ SỬ DỤNG Ở BACK-END 21 1.2.1 NodeJS 21 1.2.2 ExpressJS 22 1.2.3 MongoDB 25 1.2.4 Các thư viện hỗ trợ khác 29 CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HỐ U CẦU 31 2.1 KHẢO SÁT HIỆN TRẠNG 31 2.2 KIẾN TRÚC CHUNG CỦA HỆ THỐNG 36 2.3 XÁC ĐỊNH YÊU CẦU 37 2.4 MƠ HÌNH HỐ U CẦU 38 2.4.1 Lược đồ Use case 38 Hình 104 Reading Space 165 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 4.1 CÀI ĐẶT 4.1.1 Yêu cầu hệ thống Để chạy ứng dụng, máy tính phải có u cầu sau: - Phải cài đặt npm - Phải cài đặt NodeJS - Phải cài đặt ReactJS - Phải cài đặt Flutter Android Studio Virtual Device - Phải có Windows Terminal Command Prompt 4.1.2 Các bước tiến hành Bước 1: Clone download project từ link github: - Back-end: https://github.com/VyHuynh20/library-server - Front-end (User): https://github.com/tinntbee/Library-Online - Front-end (Admin): https://github.com/tinntbee/Lbrary-Admin - Mobile (User): https://github.com/tinntbee/library_online_application Bước 2: Khởi chạy Back-End - Sau clone Back-End máy, chuột phải vào thư mục tải chọn “Open in Windows Terminal” - Sau Windows Terminal ra, chạy lệnh “npm i” để cập nhật thư viện package cần thiết để project hoạt động - Tiếp tục chạy lệnh “node app.js” Windows Terminal để bắt đầu chạy back-end Bước 3: Khởi chạy Front-End (admin user) - Sau clone Front-End máy, chuột phải vào thư mục tải chọn “Open in Windows Terminal” - Sau Windows Terminal ra, chạy lệnh “npm i” để cập nhật thư viện package cần thiết để project hoạt động - Tiếp tục chạy lệnh “npm start” Windows Terminal để bắt đầu chạy Front-End Bước 4: Khởi chạy Mobile 166 - Mở Android Studio Virtual Device kết nối với ứng dụng điện thoại android sẵn có - Sau clone Mobile máy, chuột phải vào thư mục tải chọn “Open in Windows Terminal” - Sau Windows Terminal ra, chạy lệnh “flutter pub get” để cập nhật thư viện package cần thiết để project hoạt động - Tiếp tục chạy lệnh “flutter run” Windows Terminal để bắt đầu chạy Mobile 4.2 KIỂM THỬ 4.2.1 Kế hoạch kiểm thử 4.2.1.1 Phạm vi kiểm thử Bảng 50 Phạm vi kiểm thử Tên module Vai trị áp dụng Mơ tả Đăng nhập Người dùng Người dùng đăng nhập vào hệ thống email sinh viên trường cấp Chỉnh sửa Người dùng Người dùng chỉnh sửa thơng tin tài khoản hệ thống thông tin tài khoản Thêm Sách Người dùng vào Tủ sách Người dùng mua sách từ hoa tích luỹ thêm sách có Thư viên vào Tủ sách cá nhân Chỉnh sửa Tủ Người dùng sách Thêm Chỉnh sửa Người dùng chỉnh sửa thơng tin Tủ sách cá nhân Người dùng Người dùng tạo chỉnh sửa thơng tin ghi q trình đọc sách thông tin Ghi 167 Thêm chỉnh Người dùng sửa Bình luận Người dùng tạo chỉnh sửa bình luận sách Thư viện Thêm, Chỉnh Quản trị viên sửa Sách Quản trị viên thao tác xem, thêm, sửa, xố Sách vào Thư viện Thêm, Chỉnh Quản trị viên sửa Loại thẻ Quản trị viên thao tác xem, thêm, sửa, xoá Loại thẻ sách vào Thư viện sách Thêm, Chỉnh Quản trị viên sửa Thẻ sách Quản trị viên thao tác xem, thêm, sửa, xố Thẻ sách vào Thư viện Thống kê Quản trị viên Quản trị viên tuỳ chọn xem thống kê theo sách theo người dùng Các tính khơng kiểm thử: - Sự logic sở liệu 4.2.1.2 - Loại kiểm thử Integration test: kết hợp module ứng dụng kiểm thử ứng dụng hoàn chỉnh - System test: kiểm thử xem thiết kế tồn hệ thống (sau tích hợp) có thỏa mãn yêu cầu đặt hay không - Usability test: xác minh ứng dụng có khả ứng dụng cao dễ sử dụng, giao diện thân thiện với người dùng 4.2.1.3 Rủi ro vấn đề Bảng 51 Rủi ro vấn đề Rủi ro Kế hoạch giảm nhẹ Các thành viên nhóm thiếu kỹ Các thành viên nhóm tìm cần thiết để kiểm thử phần mềm kiếm tài liệu hướng dẫn mạng Internet để học hỏi thêm lý thuyết kỹ 168 4.2.1.4 Logistics kiểm thử Dự án sử dụng thành viên nhóm làm tester Quá trình kiểm thử bắt đầu tất điều sau thỏa mãn: - Phần mềm sẵn sàng để kiểm thử - Đặc tả kiểm thử xác định - Môi trường kiểm thử xây dựng - Đủ nhân lực cho trình kiểm thử 4.2.2 Quy trình kiểm thử Quy trình kiểm thử gồm bước sau: Requirement analysis - Phân tích yêu cầu: nghiên cứu, phân tích yêu cầu dự án Test planning - Lập kế hoạch kiểm thử: - Xác định phạm vi dự án - Xác định phương pháp tiếp cận - Xác định nguồn lực - Lên kế hoạch thiết kế công việc kiểm thử Test case development - Thiết kế test case: - Review tài liệu - Viết test cases / checklist - Chuẩn bị liệu kiểm thử - Review test cases / checklist Test environment setup - Thiết lập môi trường kiểm thử: thiết lập kiểm tra môi trường kiểm thử Test execution - Thực kiểm thử: - Thực kiểm thử phần mềm - So sánh với kết mong đợi báo cáo lỗi xảy lên công cụ quản lý lỗi - Thực re-test để xác định lỗi sửa regression test có thay đổi liên quan 169 - Đo phân tích tiến độ - Điều chỉnh, sửa chữa tài liệu tiến độ dự án theo tình hình thực tế - Báo cáo thường xuyên cho Project Manager khách hàng tình hình thực dự án Test cycle closure - Đóng chu trình kiểm thử: - Tổng kết, báo cáo kết việc thực thi test case - Đánh giá tiêu chí hồn thành phạm vi kiểm tra, chất lượng, chi phí, thời gian, mục tiêu kinh doanh quan trọng - Thảo luận rút học kinh nghiệm 4.2.3 Kết kiểm thử Bảng 52 Kết kiểm thử chức phía Người dùng ST T Mơ tả Các bước thực Kết Kết Trạn mong đợi thực tế g thái Kiểm thử chức Đăng - Chọn chức đăng nhập Google - Chọn tài khoản Google nhập Đăng nhập Đăng thành công, thành công, chuyển đến chuyển nhập đến Đạt Trang chủ hệ Trang chủ hệ thống thống Kiểm thử chức Thay đổi thông tin - Nhập thông tin cần Thông báo cập thay đổi nhật thông tin - Chọn Lưu thay đổi thành công Thông báo cập nhật thông tin Đạt thành công tài khoản Kiểm thử Thông báo Thơng báo luận bình luận chức - Nhập bình luận bình - Chọn Đăng tải thành Thêm cơng thành cơng Hiển thị bình Hiển thị bình 170 Đạt bình luận luận chi tiết luận chi tiết cho sách sách Kiểm thử Thơng báo Thơng báo chức bình luận bình luận - Chọn bình luận Thêm trả lời bình muốn trả lời - Nhập bình luận - Chọn Đăng tải công thành công Hiển thị trả lời Hiển thị trả Đạt bình luận lời bình luận luận cho tương ứng tương ứng sách chi tiết sách Kiểm thử chức thành sách Thêm sách vào - Chọn xem chi tiết Thông báo sách muốn thêm thêm sách vào - Chọn Thêm vào tủ thành công Tủ sách - Chọn Xác nhận Tủ sách Hiển thị sách tủ sách cá nhân - Chọn đọc sách Tủ sách Thông báo lưu chức - Chọn biểu tượng thay đổi thành Note Sidebar công Tạo ghi Kiểm thử Thêm - Soạn thảo Ghi chú My Ghi - Chọn Lưu thay Notes đổi Kiểm thử - Chọn biểu tượng chức Thay đổi ảnh bìa Thay đổi - Chọn ảnh muốn thay đổi thông tin - Chọn Lưu thay Tủ sách Thông chi tiết sách Thông thêm đổi 171 sách vào tủ thành công Hiển Đạt thị sách tủ sách cá nhân Thông báo lưu thay đổi thành công Tạo ghi Đạt My Notes báo Thông thay đổi thành thay công báo báo đổi Đạt thành công Kiểm thử chức Chuyển tab Thông - Chọn đọc sách báo Thông POMODORO Tủ sách - Chọn tab trình duyệt POMODOR Reset lại O Reset Đạt dô người dùng lại dơ người rời q trình báo dùng rời đọc sách - Chọn Ghi cần thay đổi thông tin Kiểm thử - Chọn biểu tượng chức Thay đổi thông tin Ghi thay đổi ảnh đại Thông diện Ghi báo thay đổi thông - Chọn ảnh muốn tin thay đổi - Thay đổi Tên ghi ghi thành công Thông báo thay đổi thông tin ghi Đạt thành công - Chọn Lưu thay đổi Bảng 53 Kết kiểm thử chức phía Quản trị viên ST T Mơ tả Các bước thực Kết Kết Trạn mong đợi thực tế g thái Kiểm thử chức - Chọn Thêm Thông thêm Loại thẻ sách Thêm - Nhập Loại thẻ báo thành thông tin công Hiển thị Loại thẻ sách Loại thẻ sách vào - Chọn Lưu thay đổi Thư viện thư viện 172 Thông báo thêm thành công Hiển thị Loại thẻ Thư viện Đạt Kiểm thử chức - Chọn Thêm Thông thêm Thẻ sách Thêm - Nhập Thẻ sách vào thông báo thành tin công Hiển thị Thẻ sách Thẻ sách thư - Chọn Lưu thay đổi Thư viện viện Kiểm thử - Chọn Thêm Thông báo chức Sách thêm thành - Nhập thông tin công Hiển thị Sách Thêm Sách Sách vào - Chọn Lưu thay Thư viện đổi thư viện Kiểm thử - Chọn Chỉnh sửa chức Loại thẻ sách Chỉnh - Thay đổi thông tin Loại thẻ sách thẻ sách Chỉnh - Thay đổi thông tin Thẻ sách Kiểm thử chức thành công Hiển thị Thẻ sách Đạt Thư viện Thông báo thêm thành công Hiển thị Sách Đạt Thư viện báo Thông báo chỉnh sửa chỉnh sửa Đạt thành công Thông báo Thông báo chỉnh sửa chỉnh sửa Đạt thành công sửa Thẻ - Chọn Lưu thay sách thêm đổi Kiểm thử - Chọn Chỉnh sửa chức Thẻ sách báo Thông thành công sửa Loại - Chọn Lưu thay Thông thành công đổi - Chọn Chỉnh sửa Sách - Thay đổi thông tin Sách Thông báo Thông báo chỉnh sửa chỉnh sửa Đạt thành công 173 thành công Chỉnh sửa Sách - Chọn Lưu thay đổi 174 PHẦN KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC Sau trình nghiên cứu hồn thiện đề tài “Hệ thống thư viện hỗ trợ đọc sách Trực tuyến”, tổng kết lại nhóm thực đạt kết sau: 1.1 Về lý thuyết Trong suốt trình thực đề tài, để xây dựng ứng dụng Web Di động Android hoàn thiện nhóm chúng em phải liên tục tìm hiểu nghiên cứu, thơng qua có nhìn chi tiết kiến thức công nghệ kĩ thuật liên quan đến ReactJS, Redux, NodeJS, ExpressJS Flutter, nắm bắt áp dụng kiến thức NoSQL MongoDB việc lưu trữ liệu người dùng Hiểu yêu cầu bảo mật ứng dụng Web di động, từ sử dụng Cơng nghệ Json Web Token vào đề tài để đảm bảo an toàn liệu Hệ thống Nắm bắt ứng dụng thành công framework cho webiste ReactJS thư viện hỗ trợ khác Redux Saga, Axios, Material UI, framework Flutter tảng thiết bị di động việc xây dựng Giao diện cải thiện tương tác với người dùng 1.2 Về ứng dụng Hoàn thiện chức hai tảng web di động: - Cho phép đăng nhập tài khoản Email, chức tài khoản cập nhật thông tin thay đổi ảnh đại diện - Xây dựng Thư viện Trực tuyến, người dùng xem danh sách tìm kiếm sách thư viện, xem chi tiết Sách, để lại đánh giá bình luận diễn đàn; mua sách trực tuyến tốn thơng qua Hoa (đơn vị trao đổi hệ thống) - Xây dựng Tủ sách cá nhân, cho phép người dùng lưu lại sách mua vào tủ sách cá nhân, thêm xóa sách, thêm/sửa xóa ghi gắn sách; Cá nhân hóa tủ sách cho phép người dùng thay đổi ảnh tủ sách 175 - Xây dựng chức hỗ trợ đọc Sách trực tuyến, cho phép người dùng đọc sách trực tuyến, tạo lưu lại ghi sách, lưu lại trang sách tại, hỗ trợ dịch thuật trực tiếp - Xây dựng chức Pomodoro, dựa ý tưởng kích thích người dùng đọc sách cách theo dõi trình đọc sách người dùng dùng thời gian đọc sách đổi Hoa – sử dụng để toán hệ thống Đồng thời, thống kê báo cáo trình sử dụng pomodoro cho người dùng - Thủ thư (Admin) quản trị hệ thống thông qua chức như: Xem khóa người dùng, Quản trị Sách, Thống kê báo cáo ƯU ĐIỂM Ứng dụng chúng em có ưu điểm sau: - Hỗ trợ tảng website di động - Ứng dụng chạy xác chức cài đặt, không xảy tượng xung đột lỗi - Các chức xây dựng theo hướng tách Module Component, dễ dàng sửa đổi, cập nhật mở rộng - Người dùng cuối dễ dàng truy cập sử dụng nhờ giao diện bắt mắt, thân thiện - Ứng dụng Công nghệ Json Web Token giúp bảo mật liệu ẩn trình duyệt giúp hạn chế công mạng làm ảnh hưởng đến liệu hệ thống NHƯỢC ĐIỂM Bên cạnh đó, ứng dụng gặp phải nhược điểm: - Ứng dụng phiển Mobile giới hạn nên số chức chưa thể thực thành công web: tải ảnh từ thiết bị lên firebase, bình luận phản hồi, chức ghi nâng cao dịch nghĩa AnhViệt - Hệ thống chưa áp dụng động bồ hóa ghi di động web lúc 176 HƯỚNG PHÁT TRIỂN Để xây dựng ứng dụng đầy đủ hoàn thiện hơn, chúng em hướng đến: - Cải thiện hiệu hệ thống cho phép đọc sách với dung lượng lớn - Mở rộng chức phía người dùng cuối như: Hệ thống âm Thumbnail Pomodoro, chức tạo thẻ ghi nhớ Flash card - Hồn thiện nhóm chức ứng dụng phiên di động, đảm bảo thiết bị sử dụng cách đồng hiệu suất 177 TÀI LIỆU THAM KHẢO [1] The MongoDB 4.4 Manual (2021) https://docs.mongodb.com/manual/ [2] ReactJS Docs (2021) https://reactjs.org/docs/getting-started.html [3] The MongoDB 4.4 Manual https://docs.mongodb.com/manual/ [4] npm Docs (2021) https://docs.npmjs.com/ [5] npm package (2021) https://www.npmjs.com/package/ [6] Nguyễn Thành Lực, (28/07/2015) Tổng quan NodeJs, Viblo.asia https://viblo.asia/p/tong-quan-ve-node-js-AeJ1vOdQRkby [7] Expressjs gì? Tất tần tật Express.js (14/12/2017), TopDev https://topdev.vn/blog/express-js-la-gi/ 178 S K L 0