4.1. Giao diện Admin
121
Hình 37 Giao diện Admin - Menu
122
Hình 38 Giao diện Admin - Màn hình đăng nhập
123
Hình 39 Giao diện Admin – Quản lý các cài đặt khác – Màn hình chính
124
4.1.4. Màn hình quản lý order – Danh sách order
Hình 41 Giao diện Admin - Quản lý order
4.1.5. Màn hình quản lý phản hồi
Hình 42 Giao diện Admin - Màn hình quản lý phản hồi
4.1.6. Màn hình quản lý sách 4.1.6.1. Màn hình chính
125
Hình 43 Giao diện Admin - Quản lý sách - Màn hình chính
126
Hình 44 Giao diện Admin - Quản lý sách - Danh sách Category
127
Hình 45 Giao diện Admin - Quản lý sách - Chỉnh sửa Category
128
Hình 46 Giao diện Admin - Quản lý sách - Chỉnh sửa sách
129
130
Hình 48 Giao diện Admin - Quản lý sách - Nhập sách - Thêm sách mới
131
Hình 49 Giao diện Admin - Quản lý sách - Thêm Category
132
Hình 50 Giao diện Admin - Quản lý sách - Thêm sách
133
4.1.7.1. Màn hình chính
Hình 51 Giao diện Admin - Quản lý tài khoản - Màn hình chính
134
Hình 52 Giao diện Admin - Quản lý tài khoản - Thêm User
135
Hình 53 Giao diện Admin - Quản lý tài khoản - Chính sửa User
4.1.8. Màn hình báo cáo 4.1.8.1. Báo cáo doanh thu
136
Hình 54 Giao diện Admin - Màn hình báo cáo - Báo cáo doanh thu
137
Hình 55 Giao diện Admin - Màn hình báo cáo - Báo cáo nhập sách
4.1.8.3. Báo cáo xuất sách
Hình 56 Giao diện Admin - Màn hình báo cáo - Báo cáo xuất sách
4.2. Giao diện khách hàng 4.2.1. Màn hình đăng nhập 4.2.1. Màn hình đăng nhập
138
Hình 57 Giao diện khách hàng - Đăng nhập
139
Hình 58 Giao diện khách hàng - Đăng ký
140
Hình 59 Giao diện khách hàng - Trang chủ
141
Hình 60 Giao diện khách hàng - Tìm kiếm sách
142
Hình 61 Giao diện khách hàng - Sách yêu thích
143
Hình 62 Giao diện khách hàng - Danh sách order
144
Hình 63 Giao diện khách hàng - Chi tiết sách
145
Hình 64 Giao diện người dùng - Chatbot
146
Hình 65 Giao diện khách hàng - Tài khoản
147
Hình 66 Giao diện khách hàng - Màn hình phản hồi
148
149
CHƯƠNG 6. YÊU CẦU HỆ THỐNG VÀ TRIỂN KHAI 1. Yêu cầu hệ thống
Cấu hình yêu cầu để chạy hệ thống: - Ứng dụng cho Client (Android):
+ Gradle : 6.7
+ minSdkVersion: 16 + targetSdkVersion: 30
- Ứng dụng cho Admin: hoạt động tốt trên mọi trình duyệt web
2. Triển khai
2.1. Công nghệ sử dụng
Môi trường phát triển: Web Application, Mobile Application Ngôn ngữ lập trình: Javascript, Dart
Database: MongoDB Front-end: ReactJS, Flutter Back-end: NodeJS
2.2. Các tool hỗ trợ
Tool phát triển dự án: Visual Studio Code, Postman Tool quản lý phiên bản: Git & Github
150
CHƯƠNG 7. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 1. Kết quả đạt được
• Thông qua việc nghiên cứu đồng thời kết hợp các công nghệ, nhóm đã phát triển được một hệ thống kinh doanh sách trực tuyến hoàn chỉnh với một app mobile dành cho khách hàng và một web app quản lý.
• Phần mềm đáp ứng được tương đối đầy đủ và khá tốt các chức năng cần có của hệ thống kinh doanh sách trực tuyến với giao diện trực quan, khá dễ sử dụng.
• Những kết quả mà nhóm đã đạt được thông qua quá trình nghiên cứu và phát triển dự án này:
o Các thành viên của nhóm thực hiện đã phối hợp tốt với nhau, chia sẻ công việc hợp lý để cùng đi đến thành công chung của dự án
o Hiểu và sử dụng được NodeJS – một công nghệ rất phổ biến hiện nay cùng những thư viện JS trong việc xây dựng hệ thống back-end
o Tìm hiểu được dịch vụ lưu trữ dữ liệu Mongo Atlas, giúp cho việc lưu trữ và truy xuất dữ liệu được nhanh chóng và hiệu quả
o Biết được cách vận hành của hệ thống Client – Server, quản lý các API, biết cách sử dụng phần mềm Postman để kiểm thử các API
2. Thuận lợi và khó khăn
• Thuận lợi:
o Các công nghệ mới được phát triển dựa trên các ngôn ngữ lập trình mà nhóm đã biết nên không mất quá nhiều thời gian để làm quen
o Giảng viên hướng dẫn có nhiều kiến thức và kinh nghiệm đã hỗ trợ nhóm rất nhiều trong việc định hướng đề tài và giải đáp thắc mắc trong quá trình phát triển dự án o Nhóm thực hiện được học tập trong môi trường đại học năng động nên có nhiều
động lực để tìm tòi, học hỏi, trao đổi kiến thức • Khó khăn:
151
o Dự án này là lần đầu tiên các thành viên trong nhóm được tiếp xúc với chatbot, nên gặp không ít khó khăn trong quá trình tìm hiểu các vấn đề liên quan và trong quá trình xây dựng chatbot
o Khối lượng công việc cần thực hiện khá lớn trong khi số lượng thành viên không nhiều nên nhóm chịu tương đối nhiều áp lực về mặt thời gian
o Các platform, framework được cập nhật liên tục nên nhóm cần phải can thiệp kịp thời để tránh cho hệ thống gặp các lỗi xung đột.
3. Hướng phát triển
• Những tiềm năng mà hệ thống có thể tiếp tục phát triển để có thể mở rộng dự án: o Deploy source code để có thể truy cập thông qua mạng internet
o Có thể bổ sung nhiều mặt hàng kinh doanh trên hệ thống hơn bên cạnh sách (thiết bị công nghệ, đồ gia dụng)
o Training trong thời gian dài hơn, áp dụng các thuật toán trí tuệ nhân tạo để giúp cho chatbot trở nên “thông minh” hơn, phục vụ tốt hơn cho khách hàng
o Phát triển chatbot để có thể hỗ trợ nhiều ngôn ngữ hơn, phục vụ khách hàng ở nhiều nơi trên thế giới
o Quản lý sách bằng các phương thức hiện đại hơn (số seri, mã QR) đặc trưng riêng của từng quyển sách riêng biệt giúp tăng hiệu quả hoạt động của hệ thống
o Thu thập dữ liệu thông qua việc tìm kiếm sách, mua sách của khách hàng, phân tích và đưa ra các gợi ý sản phẩm phù hợp nhất cho khách hàng để tăng hiệu quả kinh doanh
• Vì ứng dụng mobile được phát triển dựa trên công nghệ Flutter nên có thể triển khai trên AppStore và Google Play Store để mọi người tải xuống và sử dụng.
152
TÀI LIỆU THAM KHẢO
[1] Flutter. Flutter documentation:
https://docs.flutter.dev [Access Date Jun 15, 2022] [2] Flutter. Flutter packages:
https://pub.dev [Access Date Jun 15, 2022] [3] MongoDB. MongoDB Documentation:
https://www.mongodb.com/docs/ [Access Date Jun 15, 2022] [4] MongoDB. How To Use MERN Stack: A Complete Guide:
https://www.mongodb.com/languages/mern-stack-tutorial [Access Date Jun 15, 2022] [5] Bezkoder. React Refresh Token with JWT and Axios Interceptors:
https://www.bezkoder.com/react-refresh-token/ [Access Date Jun 15, 2022] [6] Dialogflow. API Integration – Dialogflow ES:
https://cloud.google.com/dialogflow/es/docs/api-overview [Access Date Jun 15, 2022] [7] Material UI. Installation:
https://mui.com/material-ui/getting-started/installation/ [Access Date Jun 15, 2022] [8] Mongoose. Mongoose Docs:
https://mongoosejs.com/docs/ [Access Date Jun 15, 2022] [9] MDN Web Docs. Function – Javascript:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions [Access