Hình 5.19: Màn hình Quản lý tài khoản
Màn hình “Quản lý tài khoản” được hiển thị khi người dùng nhấn vào nút “Tài khoản”. Tại trang này, người dùng có thể thay đổi các thông tin cá nhân bằng cách nhấn vào biểu tượng cây bút bên cạnh mỗi trường thông tin.
Ngoài ra còn có hai thao tác có thể thực hiện: Đổi mật khẩu hoặc Đăng xuất. Khi nhấn vào Đổi mật khẩu, giao diện đổi mật khẩu sẽ hiện ra. Khi nhấn vào Đăng xuất, người dùng được điều hướng về lại trang Đăng nhập.
61
5.2.17. Màn hình “Đổi mật khẩu”
Hình 5.20: Màn hình đổi mật khẩu
Khi người dùng cần đổi mật khẩu, hộp thoại này sẽ hiện ra để người dùng nhập thông tin. Để đổi mật khẩu thành công, các thông tin nhập vào đều phải chính xác và không được để trống.
62
5.2.18. Màn hình “Chatbot tư vấn”
Hình 5.21: Màn hình Chatbot tư vấn
Đây là giao diện của chatbot tư vấn được tích hợp vào website. Đây là một dịch vụ của bên thứ ba giúp chúng ta dễ dàng tích hợp và sửa kịch bản cho phù hợp với mỗi doanh nghiệp.
63
Chương 6. KẾT LUẬN
6.1.Ưu điểm
Vì toàn bộ đồ án sử dụng code HTML, CSS. JavaScript thuần, hoàn toàn không dùng thêm thư viện bên ngoài nên tốc độ tải trang khá nhanh.
Giao diện tối giản và dễ sử dụng. Hầu như chỉ cần nhìn vào là biết cách sử dụng ngay.
Tông màu chủ đạo là màu xanh, tạo cảm giác thoải mái cho người dùng khi sử dụng lâu dài.
Có sử dụng thiết kế bo tròn kết hợp đổ bóng hiện đại.
Đáp ứng được các chức năng cơ bản của một website thương mại điện tử đơn giản.
Toàn bộ hệ thống được viết theo quy chuẩn ba lớp, dễ dàng bảo trì.
6.2.Hạn chế
Vì hướng đến sự tối giản nên website chưa được bắt mắt như một số trang thương mại điện tử khác.
Bởi vì đây là đồ án đầu tiên của nhóm trên nền tảng web, các thành viên phải học hỏi trong quá trình làm nên mất khá nhiều thời gian.
Hiện tại website có trải nghiệm tốt nhất trên các thiết bị PC, chưa tương thích giao diện với các màn hình nhỏ.
Chưa hỗ trợ thanh toán online cũng như tích hợp tính phí vận chuyển.
6.3.Hướng phát triển
Trong tương lai, nhóm em mong muốn phát triển tiếp sản phẩm đồ án này:
Cải thiện UI/UX tổng thể.
Thêm hệ thống phân chia tài khoản giữa người mua, người bán và người vận chuyển.
Tích hợp các kênh thanh toán online.
64
TÀI LIỆU THAM KHẢO
[1] HTML – Bách khoa toàn thư Wikipedia tiếng Việt -
https://vi.wikipedia.org/wiki/HTML
[2] CSS là gì ? – TopDev - https://topdev.vn/blog/css-la-gi/
[3] CSS là gì ? Lịch sử phát triển các phiên bản của CSS – Software4win -
https://software4win.com/css-la-gi/
[4] JavaScript là gì? Kiến thức cơ bản về ngôn ngữ lập trình JS – Bizfly Cloud -
https://bizflycloud.vn/tin-tuc/javascript-la-gi-va-no-hoat-dong-nhu-the-nao-
20181123142006163.htm#:~:text=JavaScript%20%C4%91%C6%B0%E1%BB%A3c %20b%E1%BA%AFt%20%C4%91%E1%BA%A7u%20v%C3%A0o,nh%C3%BAng
%20v%C3%A0o%20Scheme%20Programming%20language.
[5] PHP là gì? Hướng dẫn chi tiết cho người mới bắt đầu – Arena FPT -
https://arena.fpt.edu.vn/php-la-
gi/#:~:text=PHP%20l%C3%A0%20vi%E1%BA%BFt%20t%E1%BA%AFt%20c%E1 %BB%A7a,th%E1%BA%ADp%20d%E1%BB%AF%20li%E1%BB%87u%20tr%C3
%AAn%20Server.
[6] MySQL là gì: giải thích tường tận MySQL cho người mới bắt đầu – Hostinger -