PHẦN MỞ ĐẦU 1. Tính cấp thiết của đề tài 2. Mục tiêu của đề tài 3. Đối tượng và phạm vi nghiên cứu 4.
Dự kiến kết quả đạt được 5. Kết cấu của đề tài PHẦN NỘI DUNG 1. KHẢO SÁT HIỆN TRẠNG 1. Phân tích ưu điểm, nhược điểm của một số website 1.
Đánh giá chung Luan van 2. Giới thiệu chung về công nghệ sử dụng 2. Giới thiệu hệ quản trị CSDL MongoDB 2. Giới thiệu NodeJS 2.
Giới thiệu ExpressJS 2. Giới thiệu ReactJS 3. XÁC ĐỊNH VÀ MÔ HÌNH HÓA YÊU CẦU 3. Xác định yêu cầu 3.
Mô hình hóa yêu cầu 4. THIẾT KẾ PHẦN MỀM 4. Thiết kế hệ thống 4. Thiết kế CSDL 4.
Thiết kế giao diện 5. CÀI ĐẶT, KIỂM THỬ PHẦN MỀM 5. Kiểm thử phần mềm PHẦN KẾT LUẬN 1. Kết quả đạt được 2.
Nhược điểm 4. Hướng phát triển TÀI LIỆU THAM KHẢO KẾ HOẠCH THỰC HIỆN STT Thời gian Công việc Ghi chú Tìm hiểu các kiến thức cơ bản, cần thiết 1 30/3/2020 - 6/4/2020 về các thành phần trong MERN stack và sự kết hợp giữa chúng để áp dụng vào đề 2 6/4/2020 - 13/4/2020 tài. Khảo sát hiện trạng và xác định yêu cầu 3 13/4/2020 - 20/4/2020 cho dự án. 4 20/4/2020 - 27/4/2020 Mô hình hóa yêu cầu, thiết kế hệ thống 5 27/4/2020 - 4/5/2020 và thiết kế CSDL Luan van 6 4/5/2020 - 11/5/2020 Xây dựng giao diện, thiết kế xử lý 7 11/5/2020 - 18/5/2020 8 18/5/2020 - 25/5/2020 Xây dựng giao diện, thiết kế xử lý 9 25/5/2020 - 1/6/2020 10 1/6/2020 - 8/6/2020 Xây dựng chức năng của User 11 8/6/2020 - 15/6/2020 12 15/6/2020 - 22/6/2020 Xây dựng chức năng của Admin 13 22/6/2020/ - 29/6/2020 14 29/6/2020 - 6/7/2020 Lên kế hoạch và kiểm thử phần mềm 15 6/7/2020 - 13/7/2020 Hoàn thành các báo cáo, bài thuyết trình 16 13/7/2020 - 20/7/2020 Kiểm tra tổng thể lại website, báo cáo, 17 20/7/2020 - 27/7/2020 bài thuyết trình, quay video demo Ngày tháng năm 2020 Người viết đề cương Ý kiến của giáo viên hướng dẫn.
(Ký và ghi rõ họ tên) Luan van MỤC LỤC PHẦN 1. TÍNH CẤP THIẾT CỦA ĐỀ TÀI. MỤC TIÊU CỦA ĐỀ TÀI. ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU.
DỰ KIẾN KẾT QUẢ ĐẠT ĐƯỢC. KẾT CẤU CỦA ĐỀ TÀI .2 PHẦN 2: NỘI DUNG. KHẢO SÁT HIỆN TRẠNG. PHÂN TÍCH ƯU ĐIỂM, NHƯỢC ĐIỂM CỦA MỘT SỐ WEBSITE.
Website https://bitis. Website https://vinagiay. Website http://www. Website https://www.
ĐÁNH GIÁ CHUNG. CHƯƠNG 2: CƠ SỞ LÝ THUYẾT. TỔNG QUAN VỀ CÔNG NGHỆ SỬ DỤNG. Khái quát về Technical Stack.
Khái quát về MERN Stack. GIỚI THIỆU VỀ HỆ QUẢN TRỊ CSDL MONGODB. Khái quát về NoSQL. Khái quát về MongoDB.
GIỚI THIỆU VỀ NODEJS. Khái quát về NodeJS. Đặc điểm của NodeJS. Nhược điểm của NodeJS.
GIỚI THIỆU VỀ EXPRESSJS. Khái quát về ExpressJS. Đặc điểm của ExpressJS. Tại sao sử dụng Express trong việc quản lý Rest API.
GIỚI THIỆU VỀ REACTJS. Khái quát về ReactJS. Đặc điểm của ReactJS. Tại sao lại sử dụng ReactJS làm Front-end framework?.
CHƯƠNG 3: XÁC ĐỊNH VÀ MÔ HÌNH HÓA YÊU CẦU. XÁC ĐỊNH YÊU CẦU. MÔ HÌNH HÓA YÊU CẦU. Các lược đồ Use case.
Đặc tả, luồng xử lý Use case. CHƯƠNG 4: THIẾT KẾ PHẦN MỀM. THIẾT KẾ HỆ THỐNG. THIẾT KẾ CỞ SỞ DỮ LIỆU.
Lược đồ quan hệ. Mô tả dữ liệu. THIẾT KẾ GIAO DIỆN. Màn hình đăng nhập.
Màn hình đăng ký. Màn hình quên mật khẩu. Màn hình trang chủ. Màn hình Quản lý tài khoản.
Màn hình thông tin cá nhân. Màn hình Thay đổi thông tin cá nhân. Màn hình Đổi mật khẩu. Màn hình Quản lý danh sách sản phẩm yêu thích.
Màn hình Lịch sử đơn hàng. Màn hình Danh mục sản phẩm. Màn hình Chi tiết sản phẩm. Màn hình Liên hệ.
Màn hình Tìm kiếm sản phẩm. Màn hình Tin nhắn. Màn hình Giỏ hàng. Màn hình Xác nhận đơn hàng và thanh toán.
Màn hình Dashboard Admin. Màn hình Quản lý User. Màn hình Thêm user. Màn hình Sửa user.
Màn hình Quản lý sản phẩm. Màn hình Thêm sản phẩm. Màn hình Chỉnh sửa thông tin sản phẩm. Màn hình Xác nhận xóa.
Màn hình Quản lý danh mục sản phẩm. Màn hình Chi tiết danh mục sản phẩm. Màn hình Thêm danh mục sản phẩm. Màn hình Chỉnh sửa danh mục sản phẩm.
Màn hình Quản lý đơn hàng. Màn hình Chi tiết đơn hàng. Màn hình Cập nhật trạng thái đơn hàng. Màn hình Quản lý tin nhắn.
Màn hình Thêm tin nhắn. Màn hình Chat. CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ PHẦN MỀM. Chuẩn bị môi trường.
Các bước tiến hành. KIỂM THỬ PHẦN MỀM. Chiến lược và kế hoạch kiểm thử. Một số kỹ thuật kiểm thử dùng trong dự án.
Quy trình kiểm thử .145 PHẦN 3: KẾT LUẬN. KẾT QUẢ ĐẠT ĐƯỢC. NHƯỢC ĐIỂM. HƯỚNG PHÁT TRIỂN .154 DANH MỤC TÀI LIỆU THAM KHẢO.155 Luan van DANH MỤC HÌNH ẢNH Hình 1.1: Trang chủ website bitis.2: Trang sản phẩm website bitis.3: Chi tiết sản phẩm website bitis.4: Trang tìm kiếm webite bitis.5: Trang chi tiết giỏ hàng website bitis.6: Trang sản phẩm yêu thích website bitis.7: Trang tìm cửa hàng website bitis.8: Trang chủ website vinagiay.9: Trang chủ website vinagiay.10: Trang tìm kiếm website vinagiay.11: Trang mua hàng website vinagiay.12: Trang hệ thống phân phối website vinagiay.13: Trang chủ website buywholesalefootwear.14: Trang mua sản phẩm website buywholesalefootwear.15: Trang thanh toán sản phẩm website buywholesalefootwear.16: Trang chủ wesbite addidas.17: Trang danh mục sản phẩm website addidas.18: Trang chi tiết sản phẩm website addidas.19: Trang Ratings & Reviews website addidas.20: Trang giỏ hàng website addidas.21: Trang chat trực tuyến website addidas.1: Mô hình họa động của Mongoose .2: Multi thread trên hệ thống cũ .4: Event driven NodeJS .5: Hình ảnh về luồng dữ liệu trong ReactJS.1: Lượt đồ Use case chung của website .2: Lược đồ chi tiết Use case Đăng nhập .3: Lược đồ chi tiết Use case Quản lý giỏ hàng .4: Lược đồ chi tiết Use case Quản lý Tài khoản .5: Lượt đồ chi tiết Use case Quản lý Danh sách yêu thích.6: Lượt đồ chi tiết Use case Lịch sử Đơn hàng .7: Lượt đồ chi tiết Use case Đánh giá Sản phẩm .8: Lượt đồ chi tiết Use case Xác nhận và thanh toán online đơn hàng .9: Lượt đồ chi tiết Use case Chat .10: Lượt đồ chi tiết Use case Quản lý User .11: Lượt đồ chi tiết Use case Quản lý Sản phẩm .12: Lượt đồ chi tiết Use case Quản lý Danh mục Sản phẩm.13: Lượt đồ chi tiết Use case Quản lý Đơn hàng .14: Lượt đồ chi tiết Use case Quản lý Tin nhắn .15: Lượt đồ chi tiết Use case Xem thống kê .1: Sequence Diagram Đăng nhập qua Facebook/Google .2: Sequence Diagram Đăng nhập bằng Email/SĐT .3: Sequence Diagram Đăng ký .4: Sequence Diagram Quên mật khẩu .5: Sequence Diagram Thay đổi thông tin .6: Sequence Diagram Đổi mật khẩu.
51 Luan van Hình 4.7: Sequence Diagram Hủy đơn hàng .8: Sequence Diagram Xác nhận đơn hàng và thanh toán .9: Sequence Diagram Thêm user .10: Sequence Diagram Sửa user .11: Sequence Diagram Xóa user .12: Sequence Diagram Tìm kiếm user .13: Sequence Diagram Thêm Sự kiện sale .14: Lượt đồ Quan hệ.15: Đối tượng trên màn hình Đăng nhập .16: Xử lý trên màn hình Đăng nhập .17: Đối tượng trên màn hình Đăng ký .18: Xử lý trên màn hình Đăng ký .19: Đối tượng trên màn hình Quên mật khẩu .20: Xử lý trên màn hình Quên mật khẩu .21: Đối tượng trên màn hình Trang chủ .22: Xử lý trên màn hình Trang chủ .23: Đối tượng trên màn hình Quản lý tài khoản .24: Xử lý trên màn hình Quản lý tài khoản .25: Đối tượng trên màn hình Thông tin cá nhân .26: Xử lý trên màn hình Thông tin cá nhân .27: Đối tượng trên màn hình Thay đổi thông tin cá nhân .28: Xử lý trên màn hình Thay đổi thông tin cá nhân .29: Đối tượng trên màn hình Đổi mật khẩu .30: Xử lý trên màn hình Quên mật khẩu .31: Đối tượng trên màn hình Quản lý danh sách sản phẩm yêu thích .32: Xử lý trên màn hình Quản lý danh sách sản phẩm yêu thích .33: Đối tượng trên màn hình Lịch sử đơn hàng .34: Xử lý trên màn hình Lịch sử đơn hàng .35: Đối tượng trên màn hình Danh mục sản phẩm .36: Xử lý trên màn hình Danh mục sản phẩm.37: Đối tượng trên màn hình Chi tiết sản phẩm .38: Xử lý trên màn hình Chi tiết sản phẩm .39: Đối tượng trên màn hình Liên hệ .40: Xử lý trên màn hình Liên hệ .41: Đối tượng trên màn hình Tìm kiếm sản phẩm .42: Xử lý trên màn hình Tìm kiếm sản phẩm .43: Đối tượng trên màn hình Tin nhắn .44: Xử lý trên màn hình Tin nhắn .45: Đối tượng trên màn hình Giỏ hàng .46: Xử lý trên màn hình Giỏ hàng.47: Đối tượng trên màn hình Xác nhận đơn hàng và thanh toán.48: Xử lý trên màn hình Xác nhận đơn hàng và đơn hàng.49: Đối tượng trên màn hình Thống kê .50: Xử lý trên màn hình Thống kê .51: Đối tượng trên màn hình Quản lý user .52: Xử lý trên màn hình Quản lý user .53: Đối tượng trên màn hình Thêm user .54: Xử lý trên màn hình Thêm user. 114 Luan van Hình 4.55: Đối tượng trên màn hình Sửa user .56: Xử lý trên màn hình Sửa user.57: Đối tượng trên màn hình Quản lý sản phẩm .58: Xử lý trên màn hình Quản lý sản phẩm .59: Đối tượng trên màn hình Thêm sản phẩm.60: Xử lý trên màn hình Thêm sản phẩm .61: Đối tượng trên màn hình Chỉnh sửa thông tin sản phẩm .62: Xử lý trên màn hình Chỉnh sửa thông tin sản phẩm.63: Đối tượng trên màn hình Xác nhận xóa .64: Xử lý trên màn hình Xác nhận xóa .65: Đối tượng trên màn hình Quản lý danh mục sản phẩm .66: Xử lý trên màn hình Quản lý danh mục sản phẩm .67: Đối tượng trên màn hình Chi tiết danh mục sản phẩm .68: Xử lý trên màn hình Chi tiết danh mục sản phẩm.69: Đối tượng trên màn hình Thêm danh mục sản phẩm .70: Xử lý trên màn hình Thêm danh mục sản phẩm .71: Đối tượng trên màn hình Chỉnh sửa danh mục sản phẩm .72: Xử lý trên màn hình Chỉnh sửa danh mục sản phẩm .73: Đối tượng trên màn hình Quản lý đơn hàng.74: Xử lý trên màn hình Quản lý đơn hàng .75: Đối tượng trên màn hình Chi tiết đơn hàng .76: Xử lý trên màn hình Chi tiết đơn hàng.77: Đối tượng trên màn hình Cập nhật trạng thái đơn hàng .78: Xử lý trên màn hình Cập nhật trạng thái đơn hàng .79: Đối tượng trên màn hình Quản lý tin nhắn .80: Xử lý trên màn hình Quản lý tin nhắn .81: Đối tượng trên màn hình Thêm tin nhắn .