Xây dựng website thương mại điện tử về thực phẩm sạch với ReactJs và MongoDB
MỤC LỤC
TểM TẮT ĐỒ ÁN
GIỚI THIỆU CHUNG
Những chủ cửa hàng có nhu cầu sử dụng công cụ để quản lý của hàng bao. Người tiêu dùng quan tâm đến thực phẩm sạch và thường xuyên mua sắm online. ‒ Nghiên cứu từ những website đang có trên thị trường hiện nay như: Bác tôm, Thực phẩm sạch 24h, Sfood,… Từ đó rút ra những ưu, nhược điểm về cả tính năng lẫn giao diện và đưa ra giải pháp cho phần mềm của mình.
‒ Tìm hiểu những công nghệ cần thiết và phù hợp với nhu cầu của đề tài. ‒ Tìm hiểu và áp dụng những kiến trúc, mẫu thiết kế cho từng phần của dự án để đạt hiệu quả tối đa có thể. ‒ Tham khảo ý kiến đóng góp của giảng viên hướng dẫn để phát triển đề tài đạt được kết quả tốt nhất.
CÔNG NGHỆ SỬ DỤNG
- ReactJs
- MongoDB
- Nodejs
‒ MongoDB là một hệ quản trị cơ sở dữ liệu phi quan hệ, mã nguồn mở, hướng tài liệu (Document-Oriented) MongoDB được phát triển bởi MongoDB Inc và ra mắt vào tháng hai năm 2009. ‒ MongoDB lưu trữ dữ liệu trong document kiểu JSON (Binary JSON) thay vì dạng bảng như các hệ sở dữ liệu quan hệ nên công việc truy vấn sẽ rất nhanh. ‒ MongoDB lưu trữ dữ liệu dưới dạng Bson, được xây dựng dựa trên Json và sử dụng ngôn ngữ MQL, được xây dựng dựa trên JavaScript.
Vì thế hệ quản trị cơ sở dữ liệu sẽ tương thích tốt với lại server được xây dựng bằng JavaScript, từ đó nâng cao tốc độ phát triển. ‒ MongoDB dễ dàng cài đặt, tương thích mọi nền tảng, từ đó dễ dàng triển khai MongoDB trên bất kỳ hệ điều hành nào. ‒ NodeJS là mã nguồn mở chạy trên môi trường V8 JavaScript runtime (một trình thông dịch JavaScript chạy cực nhanh trên trình duyệt Chrome).
‒ NodeJS có thể được dùng để xây dựng các loại ứng dụng khác nhau như các ứng dụng dòng lệnh, ứng dụng web, ứng dụng trò chuyện theo thời gian thực, máy chủ REST API,. Tuy nhiên, NodeJS thường được dùng chủ yếu để xây dựng các chương trình mạng như máy chủ web, tương tự như PHP, Java hoặc ASP.NET.
THIẾT KẾ HỆ THỐNG
- Phân tích yêu cầu
- Thiết kế hệ thống
- Thiết kế dữ liệu 1. Sơ đồ Logic
Dòng sự kiện ngoại lệ Không có Các yêu cầu đặc biệt Không có Trạng thái hệ thống. Tài khoản được chỉnh sửa và hiển thị thông báo Dòng sự kiện khác Không có. Dòng sự kiện ngoại lệ Không có Các yêu cầu đặc biệt Không có Trạng thái hệ thống trước.
Sản phẩm được chỉnh sửa và hiển thị thông báo Dòng sự kiện khác Không có. Thông tin loại sản phẩm không đạt yêu cầu Hệ thống hiển thị thông báo thông tin không hợp lệ. Tóm tắt Xem danh sách loại sản phẩm trên giao diện quản lý Dòng sự kiện chính 1.
Dòng sự kiện ngoại lệ Không có Các yêu cầu đặc biệt Không có Trạng thái hệ thống. Tóm tắt Chỉnh sửa loại sản phẩm trên giao diện quản lý Dòng sự kiện chính 1. Tóm tắt Xem danh sách phiếu nhập trên giao diện quản lý Dòng sự kiện chính 1.
Dòng sự kiện ngoại lệ Không có Các yêu cầu đặc biệt Không có Trạng thái hệ thống. Dòng sự kiện ngoại lệ Không có Các yêu cầu đặc biệt Không có Trạng thái hệ thống trước. Thông tin phiếu giảm giá không đạt yêu cầu Hệ thống hiển thị thông báo thông tin không hợp lệ.
Dòng sự kiện ngoại lệ Không có Các yêu cầu đặc biệt Không có Trạng thái hệ thống. Dòng sự kiện ngoại lệ Không có Các yêu cầu đặc biệt Không có Trạng thái hệ thống trước. Dòng sự kiện ngoại lệ Không có Các yêu cầu đặc biệt Không có Trạng thái hệ thống.
Chức vụ được chỉnh sửa và hiển thị thông báo Dòng sự kiện khác Không có. Tóm tắt Chức năng đăng nhập vào hệ thống bằng tài khoản khách hàng khi ở giao diện khách hàng. Tài khoản khách hàng được tạo trong hệ thống và hiển thị thông báo thành công.
Dòng sự kiện ngoại lệ Không có Các yêu cầu đặc biệt Không có Trạng thái hệ thống trước.
XÂY DỰNG ỨNG DỤNG
- Chi tiết màn hình
Trường nhập (2) tên tài khoản khi đăng nhập admin và số điện thoại khi là khách hàng. ‒ Sau khi đăng nhập, người dùng sẽ được chuyển đến trang chủ của admin hoặc khách hàng tùy thuộc vào tài khoản. ‒ Sau khi admin đăng nhập thành công sẽ hiện thông báo thành công (1) góc trên bên phải.
‒ Nút thêm hóa đơn (2) dùng để chuyển sang trang tạo hóa đơn hoặc mua hàng tại cửa hàng. ‒ Bảng hóa đơn (4) bao gồm các thông tin như: Mã hóa đơn, Ngày lập hóa đơn, số điện thoại, giá, thành tiền, tình trạng giao hàng và tình trạng thanh toán,. ‒ Khung hóa đơn (5) gòm các thông tin như mã sản phẩm, tên sản phẩm, giá sản phẩm và số lượng.
‒ Ở phương thức “Thanh toán ngay”(6) thực hiện tại chỗ thì có hiện thông tin giá hóa đơn, tiền giảm giá, tiền nhận và sẽ tự động tính tiền thừa. Màn hình loại sản phẩm gồm những thành phần cơ bản đã giải thích trước đó. ‒ Màn hình thêm mã giảm giá bao gồm thành phần Mã giảm giá (1) để người dùng hoặc nhân viên nhập vào khi thanh toán hóa đơn.
‒ Màn hình này dùng để quản lý tài khoản thành viên của khách hàng gồm những thành phần đã được giải thích. ‒ Màn hình này dùng để đăng ký thành viên khi khách hàng muốn nhân viên. Màn hình quản lý tài khoản dùng để quản lý những tìa khoản đăng nhập vào module admin, là những tài khoản như chủ cửa hàng, nhân viên, quản lý sử dụng.
Quyền admin truy cập thể thêm những tài khoản có thể sử dụng để quản lý cửa hàng.
TỔNG KẾT
- Đánh giá
‒ Hoàn thành các yêu cầu, đáp ứng đầy đủ các chức năng mà nhóm đã đặt ra từ trước. ‒ Phân quyền người dùng hợp lý hiệu quả làm cho việc quản lý phần mềm trở nên mạch lạc, dễ quản lý hơn. ‒ Giao diện tươi mới, sáng tạo, thân thiện giúp cho người dùng dễ dàng thao tác và sử dụng.
‒ Phần quản lý cửa hàng đầy đủ các chức năng để có thể áp dụng vào thực tế 5.3. ‒ Phần module khách hàng còn ít chức năng, cần phát triển trọng tâm các chức năng module khách mua hàng của thương mại điện tử thay vì các chức năng quản lý nâng cao. ‒ Áp dụng các thuật toán thông minh nhằm tối ưu trải nghiệm của người dùng trong quá trình phát triển lên khoá luận tốt nghiệp.