PHẦN MỞ ĐẦU. TÍNH CẤP THIẾT CỦA ĐỀ TÀI. ĐỐI TƯỢNG NGHIÊN CỨU. PHẠM VI NGHIÊN CỨU.
MỤC TIÊU CỦA ĐỀ TÀI .28 PHẦN NỘI DUNG. TÌM HIỂU VỀ JAVASCRIPT. Nhược điểm. TÌM HIỂU VỀ MERN STACK.
Nhược điểm. TÌM HIỂU VỀ REACT. Nhược điểm. TÌM HIỂU VỀ NODEJS.
Nhược điểm. Nhược điểm. Nhược điểm. TÌM HIỂU VỀ FLUTTER.
Nhược điểm. PHÂN TÍCH, KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU. PHÂN TÍCH HIỆN TRẠNG. KHẢO SÁT HIỆN TRẠNG.
Các hệ thống khảo sát. Hệ thống Bách Hóa Xanh. Hệ thống Di Động Việt. Yêu cầu bài toán của đề tài.
XÁC ĐỊNH TÁC NHÂN VÀ CHỨC NĂNG. XÁC ĐỊNH YÊU CẦU. Danh sách yêu cầu chức năng hệ thống. Danh sách các yêu cầu phi chức năng.
LƯỢC ĐỒ USE CASE. MÔ HÌNH HÓA YÊU CẦU. Đặc tả Use Case. Đặc tả Use Case.
Đặc tả Use Case. Chỉnh sửa thông tin cá nhân. Đặc tả Use Case. Thay đổi ảnh đại diện.
Đặc tả Use Case. Đổi mật khẩu. Đặc tả Use Case. Khôi phục mật khẩu.
Đặc tả Use Case. Tìm kiếm / Xem sản phẩm – danh mục sản phẩm. Đặc tả Use Case. Thêm sản phẩm vào giỏ hàng.
Đặc tả Use Case. Đặt hàng và thanh toán. Đặc tả Use Case. Quản lý đơn hàng của người dùng.
Đặc tả Use Case. Shipper thanh toán tiền thu hộ (COD). Đặc tả Use Case. Shipper giao hàng.
Đặc tả Use Case. Thêm đơn vị vận chuyển. Đặc tả Use Case. Thêm mới Shipper.
Đặc tả Use Case. Đặc tả Use Case. Thêm sản phẩm. Đặc tả Use Case.
Quản lý sản phẩm. Đặc tả Use Case. Quản lý tài khoản người dùng. Đặc tả Use Case.
Quản lý đơn đặt hàng. Đặc tả Use Case. Quản lý mã khuyến mãi trong hệ thống. Đặc tả Use Case.
THIẾT KẾ HỆ THỐNG. THIẾT KẾ CƠ SỞ DỮ LIỆU. Lược đồ cơ sở dữ liệu. Mô tả các collection trong CSDL.
Mô tả chi tiết từng collection trong CSDL. THIẾT KẾ GIAO DIỆN. Giao diện cho User / Buyer. Giao diện trang đăng nhập.
Giao diện trang đăng ký. Giao diện trang quên mật khẩu. Giao diện trang Home phía Website. Giao diện trang Home phía App.
Giao diện trang thông tin cá nhân người dùng. Giao diện trang chỉnh sửa thông tin cá nhân người dùng. Giao diện trang đổi mật khẩu tài khoản người dùng. Giao diện trang thông tin đặt hàng của người dùng.
Giao diện trang thông tin chi tiết sản phẩm. Giao diện trang đánh giá sản phẩm. Giao diện trang Your Cart. Giao diện trang Checkout phía Website.
Giao diện trang Checkout phía App. Giao diện trang Detail Order. Giao diện trang Tìm kiếm sản phẩm. Giao diện trang Thêm thông tin giao hàng.
Giao diện trang Lọc, sắp xếp sản phầm. Giao diện cho Shipper. Giao diện Trang chủ phía Shipper. Giao diện trang Đơn hàng cần đi giao phía Shipper.
Giao diện cho Admin. Giao diện trang Dashboard phía Admin. Giao diện trang Thêm sản phẩm mới. Giao diện trang Quản lý sản phẩm.
Giao diện trang Quản lý đơn hàng. Giao diện trang Quản lý người dùng. Giao diện trang Quản lý voucher, mã khuyến mãi. Giao diện trang Thêm mới voucher, mã khuyến mãi.
Giao diện trang Quản lý đơn vị vận chuyển. Giao diện trang Thêm mới đơn vị vận chuyển. Giao diện trang Thêm mới Shipper. Giao diện trang Thêm mới hình ảnh cho sản phẩm.
CÀI ĐẶT VÀ KIỂM THỬ. CÀI ĐẶT PHẦN MỀM. Cài đặt ứng dụng, thư viện cần thiết. Cài đặt phía Database.
Cài đặt phía Back – end. Cài đặt phía Front – end. Cài đặt phía App. Store_app phía User / Buyer.
KIỂM THỬ PHẦN MỀM. Kế hoạch kiểm thử. Các loại kiểm thử áp dụng. Mục tiêu kiểm thử.
Tiêu chí kiểm thử. Các trường hợp kiểm thử .141 PHẦN KẾT LUẬN. KẾT QUẢ ĐẠT ĐƯỢC. NHƯỢC ĐIỂM.
HƯỚNG PHÁT TRIỂN .188 TÀI LIỆU THAM KHẢO .189 17 DANH MỤC HÌNH ẢNH Hình 1. Logo ngôn ngữ lập trình Javascript [1]. Logo công nghệ MERN STACK [2]. Logo thư viện React [3].
Logo nền tẳng NodeJS [4]. Logo Framework Express [5]. Logo cơ sở dữ liệu MongoDB [6]. Logo Framework Flutter [11].
BHX – Trang giới thiệu sản phẩm [7]. BHX – Trang chi tiết sản phẩm [7]. BHX – Trang tìm kiếm sản phẩm [7]. BHX – Trang giỏ hàng [7].
BHX – Màn hình giới thiệu sản phẩm [7]. BHX – Màn hình chi tiết sản phẩm [7]. BHX – Màn hình tìm kiếm sản phẩm [7]. BHX – Màn hình giỏ hàng [7].
DĐV – Trang giới thiệu sản phẩm [8]. DĐV – Trang chi tiết sản phẩm [8]. DĐV – Trang đánh giá sản phẩm [8]. DĐV – Trang giỏ hàng [8].
DĐV – Màn hình giới thiệu sản phẩm [8]. DĐV – Màn hình chi tiết sản phẩm [8]. DĐV – Màn hình thông tin cửa hàng [8]. DĐV – Màn hình thông tin tin tức [8].
Lược đồ Use Case. Sequence Diagram cho chức năng “Đăng ký”. Sequence Diagram cho chức năng “Đăng nhập”. Sequence Diagram cho chức năng “Đăng xuất”.
Sequence Diagram cho chức năng “Chỉnh sửa thông tin cá nhân”. Sequence Diagram cho chức năng “Đổi mật khẩu”. Sequence Diagram cho chức năng “Khôi phục mật khẩu”. Sequence Diagram cho chức năng “Tìm kiếm / Xem sản phẩm – danh mục sản phẩm”.
Sequence Diagram cho chức năng “Thêm sản phẩm vào giỏ hàng”. Sequence Diagram cho chức năng “Đặt hàng và thanh toán”. Sequence Diagram cho chức năng “Quản lý đơn hàng của người dùng”. Sequence Diagram cho chức năng “Shipper thanh toán tiền thu hộ (COD)”.
Sequence Diagram cho chức năng “Shipper giao hàng”. Sequence Diagram cho chức năng “Thêm đơn vị vận chuyển”. Sequence Diagram cho chức năng “Thêm mới Shipper”. Sequence Diagram cho chức năng “Thống kê”.
Sequence Diagram cho chức năng “Thêm sản phẩm”. Sequence Diagram cho chức năng “Quản lý sản phẩm”. Sequence Diagram cho chức năng “Xóa sản phẩm”. Sequence Diagram cho chức năng “Quản lý tài khoản người dùng”.
Sequence Diagram cho chức năng “Quản lý đơn đặt hàng”. Sequence Diagram cho chức năng “Quản lý mã khuyến mãi trong hệ thống”. Lược đồ cơ sở dữ liệu. Giao diện trang “Đăng nhập”.
Giao diện trang “Đăng ký”. Giao diện trang “Quên mật khẩu”. Giao diện trang “Home” phía Website. Giao diện trang “Home” phía App.
Giao diện trang “Thông tin cá nhân người dùng”. Giao diện trang “Chỉnh sửa thông tin cá nhân người dùng”. Giao diện trang “Đổi mật khẩu tài khoản người dùng”. Giao diện trang “Thông tin đặt hàng của người dùng”.
Giao diện trang “Thông tin chi tiết sản phẩm”. Giao diện trang “Đánh giá sản phẩm”. Giao diện trang “Your Cart”. Giao diện trang “Checkout phía Website”.
Giao diện trang “Checkout phía App”. Giao diện trang “Detail Order”. Giao diện trang “Tìm kiếm sản phẩm”. Giao diện trang “Thêm thông tin giao hàng”.
Giao diện trang “Lọc, sắp xếp sản phẩm”. Giao diện “Trang chủ phía Shipper”. Giao diện trang “Đơn hàng cần đi giao phía Shipper”. Giao diện trang “Dashboard phía Admin”.
Giao diện trang “Thêm sản phẩm mới”. Giao diện trang “Quản lý sản phẩm”. Giao diện trang “Quản lý đơn hàng”. Giao diện trang “Quản lý người dùng”.
Giao diện trang “Quản lý đánh giá sản phẩm”. Giao diện trang “Quản lý voucher, mã khuyến mãi”. Giao diện trang “Thêm mới voucher, mã khuyến mãi”. Giao diện trang “Quản lý đơn vị vận chuyển”.
Giao diện trang “Thêm mới đơn vị vận chuyển”. Giao diện trang “Thêm mới Shipper”. Giao diện trang “Thêm mới hình ảnh cho sản phẩm”. Các collections của Database.
Cấu trúc thư mục phía Back – end. File môi trường phía Back - end. Khởi chạy project Back – end thành công. Cấu trúc thư mục Front – end.
Khởi chạy project Front – end thành công. Cấu trúc thư mục Store_app phía User / Buyer. Khởi chạy project Store_app User / Buyer. Cấu trúc thư mục Shipping_app.
Khởi chạy project Shipping_app thành công .140 21 DANH MỤC BẢNG BIỂU Bảng 2. Nhận xét “Hệ thống bachhoaxanh. Nhận xét "Hệ thống didongviet. Bảng xác định tác nhân và chức năng.
Đặc tả Use Case “Đăng ký”. Đặc tả Use Case “Đăng nhập”. Đặc tả Use Case “Đăng xuất”. Đặc tả Use Case “Chỉnh sửa thông tin cá nhân”.
Đặc tả Use Case “Thay đổi ảnh đại diện”. Đặc tả Use Case “Đổi mật khẩu”. Đặc tả Use Case “Khôi phục mật khẩu”. Đặc tả Use Case “Tìm kiếm / Xem sản phẩm – danh mục sản phẩm”.
Đặc tả Use Case “Thêm sản phẩm vào giỏ hàng”. Đặc tả Use Case “Đặt hàng và thanh toán”. Đặc tả Use Case “Quản lý đơn hàng của người dùng”. Đặc tả Use Case “Shipper thanh toán tiền thu hộ (COD)”.
Đặc tả Use Case “Shipper giao hàng”. Đặc tả Use Case “Thêm đơn vị vận chuyển”. Đặc tả Use Case “Thêm mới Shipper”. Đặc tả Use Case “Thống kê”.
Đặc tả Use Case “Thêm sản phẩm”. Đặc tả Use Case “Quản lý sản phẩm”. Đặc tả Use Case “Quản lý tài khoản người dùng”. Đặc tả Use Case “Quản lý đơn đặt hàng”.
Đặc tả Use Case “Quản lý mã khuyến mãi trong hệ thống”. Mô tả các collection trong CSDL. Mô tả chi tiết collection “user”. Mô tả chi tiết collection trong “products”.
Mô tả chi tiết collection “vouchers”. Mô tả chi tiết collection “orders”. Mô tả chi tiết collection “address”. Mô tả chi tiết collection “shippings”.
Mô tả chi tiết collection “shippers”. Mô tả trang “Đăng nhập”. Mô tả trang “Đăng ký”. Mô tả trang “Quên mật khẩu”.
Mô tả trang “Home” phía Website. Mô tả trang “Home” phía App. Mô tả trang “Thông tin cá nhân người dùng”. Mô tả trang “Chỉnh sửa thông tin cá nhân người dùng”.
Mô tả trang “Đổi mật khẩu tài khoản người dùng”. Mô tả trang “Thông tin đặt hàng của người dùng”. Mô tả trang “Thông tin chi tiết sản phẩm”. Mô tả trang “Đánh giá sản phẩm”.
Mô tả trang “Your Cart”. Mô tả trang “Checkout phía Website”. Mô tả trang “Checkout phía App”. Mô tả trang “Detail Order”.
Mô tả trang “Tìm kiếm sản phẩm”. Mô tả trang “Thêm thông tin giao hàng” .