(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến(Đồ án tốt nghiệp) Xây dựng Website bán quần áo và phụ kiện trực tuyến
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM - - NGUYỄN THỊ TRÚC MY – 15110251 DƯƠNG ĐẠI DŨNG – 15110183 Đề Tài: XÂY DỰNG HỆ THỐNG WEBSITE BÁN HÀNG TRỰC TUYẾN KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN THS NGUYỄN MINH ĐẠO KHÓA 2015 - 2019 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM - - NGUYỄN THỊ TRÚC MY – 15110251 DƯƠNG ĐẠI DŨNG – 15110183 Đề Tài: XÂY DỰNG HỆ THỐNG WEBSITE BÁN HÀNG TRỰC TUYẾN KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN THS NGUYỄN MINH ĐẠO KHĨA 2015 - 2019 LỜI CẢM ƠN Nhóm em xin chân thành cám ơn khoa Công Nghệ Thông Tin, Bộ Môn Công Nghệ Phần Mềm, trường Đại học Sư Phạm Kỹ Thuật Tp.HCM tạo điều kiện thuận lợi cho chúng em thực đề tài Chúng em xin gửi lời cảm ơn chân thành đến cô Đặng Thị Kim Giao, người tận tình bảo hướng dẫn nhóm em thực đề tài Bên cạnh đó, chúng em xin gửi lời cảm ơn đến thầy cô giảng viên trường Đại Học Sư Phạm Kỹ Thuật Tp.HCM nói chung thầy cô giảng viên khoa Công Nghệ Thơng Tin nói riêng, người giảng dạy, tạo điều kiện cho em tích lũy kiến thức quý báu năm học qua Dù cố gắng hồn thành đề tài khóa luận tốt nghiệp yêu cầu, thời gian hạn hẹp khả cịn hạn chế nên chắn khơng tránh khỏi thiếu sót Chúng em mong nhận thơng cảm tận tình bảo thầy bạn Xin chân thành cảm ơn! i ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT ******* XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP Họ tên sinh viên 1: Nguyễn Thị Trúc My MSSV: 15110251 Họ tên sinh viên 2: Dương Đại Dũng MSSV: 15110183 Thời gian làm luận văn: Bắt đầu từ 18/03/2019 đến 30/06/2019 Chun ngành: Cơng nghệ phần mềm Tên khóa luận: Tìm hiểu Spring boot, Angular 5, Microservice Xây dựng website bán hàng trực tuyến Giáo viên hướng dẫn: ThS Nguyễn Minh Đạo Nội dung thực hiện: Lý thuyết: Tổng quan Spring Framework: SpringBoot, Spring Security, Spring Data… - Định nghĩa Cấu trúc Nhu cầu, mục đích sử dụng Ứng dụng Tổng quan Microservices, Angular 5, RESTful APIs - Thực hành: - Tìm hiểu Microservices, Angular 5, RESTful APIs - Áp dụng xây dựng hệ thống website bán hàng trực tuyến Kế hoạch thực hiện: STT Thời gian Công việc 18/03/2019 đến 24/03/2019 - Tìm hiểu mơ hình Microservices - Thiết kế, xây dựng mơ hình Microservices cho Project 25/03/2019 đến 31/03/2019 - Phân tích yêu cầu, nhận diện tác nhân chức sơ đồ Usecase - Đặc tả Usecase, lược đồ Sequence Ghi ii 01/04/2019 đến 07/04/2019 - Thiết kế sở liệu 08/04/2019 đến 14/04/2019 - Thiết kế giao diện đăng nhập, đăng ký, trang chủ website, xem chi tiết sản phẩm 15/04/2019 đến 21/04/2019 - Thiết kế giao diện quản lý thông tin cá nhân, quản lý giỏ hàng, quản lý hóa đơn, quản lý wishlist 22/04/2019 đến 28/04/2019 - Thiết kế giao diện quản lý loại sản phẩm, quản lý sản phẩm, quản lý người dùng, thống kê, quản lý đơn đặt hàng 29/04/2019 đến 05/05/2019 - Viết API đăng nhập, đăng ký, trang chủ, xem chi tiết sản phẩm 06/05/2019 đến 12/05/2019 - Viết API quản lý thông tin cá nhân, quản lý giỏ hàng, quản lý hóa đơn, quản lý wishlist 13/05/2019 đến 19/05/2019 - Viết API quản lý loại sản phẩm, quản lý sản phẩm, quản lý người dùng, thống kê, quản lý đơn đặt hàng 10 20/05/2019 đến 26/05/2019 - Map API với giao diện đăng nhập, đăng ký, trang chủ 11 27/05/2019 đến 02/06/2019 - Map API với giao diện xem chi tiết sản phẩm, quản lý thông tin cá nhân, quản lý giỏ hàng iii 12 03/06/2019 đến 09/06/2019 - Map API với giao diện quản lý hóa đơn, quản lý wishlist, thống kê, quản lý đơn đặt hàng 13 10/06/2019 đến 16/06/2019 - Map API với giao diện diện quản lý loại sản phẩm, quản lý sản phẩm, quản lý người dùng 14 17/06/2019 đến 23/06/2019 - Chạy demo, kiểm thử chức website - Fix lỗi phát sinh trình demo, kiểm thử 15 24/06/2019 đến 30/06/2019 - Viết báo cáo, dựng powerpoint, chuẩn bị bước cuối cho báo cáo Tp Hồ Chí Minh, ngày tháng năm 2019 Người viết đề cương (Ký & ghi rõ họ tên) Ý kiến giáo viên hướng dẫn (Ký & ghi rõ họ tên) Th.S Nguyễn Minh Đạo iv MỤC LỤC LỜI CẢM ƠN i NHIỆM VỤ THỰC HIỆN KHÓA LUẬN TỐT NGHIỆP ii MỤC LỤC v DANH MỤC BẢNG BIỂU vii DANH MỤC HÌNH ẢNH ix MỞ ĐẦU xi TÍNH CẤP THIẾT CỦA ĐỀ TÀI xi MỤC TIÊU CỦA ĐỀ TÀI xii CÁCH TIẾP CẬN VÀ PHƯƠNG PHÁP NGHIÊN CỨU xiii PHÂN TÍCH CÁC HỆ THỐNG WEBSITE CÓ LIÊN QUAN xiii KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC xiii Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN xiv PHẦN NỘI DUNG CHƯƠNG CÁC CÔNG NGHỆ SỬ DỤNG 1.1 TỔNG QUAN VỀ ANGULAR 1.2 TỔNG QUAN VỀ SPRING BOOT 1.3 TỔNG QUAN VỀ MICROSERVICE 1.4 HIBERNATE CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 11 2.1 PHÂN TÍCH HIỆN TRẠNG 11 2.2 PHÂN TÍCH YÊU CẦU 11 CHƯƠNG MƠ HÌNH HĨA U CẦU 14 3.1 NHẬN DIỆN TÁC NHÂN VÀ CHỨC NĂNG TRONG SƠ ĐỒ USE CASE 14 3.2 MÔ TẢ CHI TIẾT TỪNG TÁC NHÂN VÀ TỪNG CHỨC NĂNG 15 3.3 SƠ ĐỒ USE CASE 20 CHƯƠNG THIẾT KẾ PHẦM MỀM 36 4.1 THIẾT KẾ HỆ THỐNG: 36 4.2 THIẾT KẾ DỮ LIỆU 43 4.3 THIẾT KẾ GIAO DIỆN 55 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 84 5.1 CÀI ĐẶT: 84 5.2 KIỂM THỬ: 84 KẾT LUẬN 87 NHỮNG KẾT QUẢ ĐẠT ĐƯỢC 87 NHỮNG KHÓ KHĂN VÀ CÁCH KHẮC PHỤC KHI THỰC HIỆN ĐỀ TÀI 87 ƯU ĐIỂM 87 v HẠN CHẾ 87 KINH NGHIỆM ĐẠT ĐƯỢC 88 HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI 88 TÀI LIỆU THAM KHẢO 89 PHỤ LỤC 90 vi DANH MỤC BẢNG BIỂU Bảng 2.1 Bảng chức nghiệp vụ quản trị viên 12 Bảng 2.2 Bảng chức nghiệp vụ người dùng 12 Bảng 2.3 Bảng yêu cầu phi chức 13 Bảng 3.1 Danh sách tác nhân chức 14 Bảng 3.2 Tác nhân vai trò tác nhân 15 Bảng 3.3 Mô tả chức 16 Bảng 3.4 Mô tả use case Đăng nhập 24 Bảng 3.5 Mô tả use case Đăng ký 24 Bảng 3.6 Mô tả use case Xem chi tiết sản phẩm 25 Bảng 3.7 Mô tả use case Xem danh sách sản phẩm 25 Bảng 3.8 Mô tả use case Xem thông tin cá nhân 26 Bảng 3.9 Mô tả use case Sửa thông tin cá nhân 26 Bảng 3.10 Mô tả use case Xem sản phẩm giỏ hàng 26 Bảng 3.11 Mơ tả use case Xóa sản phẩm giỏ hàng 27 Bảng 3.12 Mô tả use case Thêm sản phẩm vào giỏ hàng 27 Bảng 3.13 Mô tả use case Chỉnh sửa số lượng sản phẩm giỏ hàng 27 Bảng 3.14 Mô tả use case Chỉnh sửa ảnh đại diện 28 Bảng 3.15 Mô tả use case Đổi mật 28 Bảng 3.16 Mô tả use case Xem danh sách hóa đơn 29 Bảng 3.17 Mô tả use case Tra cứu sản phẩm 29 Bảng 3.18 Mô tả use case Thanh toán nhận hàng 29 Bảng 3.19 Mô tả use case Thanh toán online 30 Bảng 3.20 Mô tả use case Đăng xuất 30 Bảng 3.21 Mô tả use case Xem danh sách loại sản phẩm 31 Bảng 3.22 Mô tả use case Thêm loại sản phẩm 31 Bảng 3.23 Mô tả use case Chỉnh sửa loại sản phẩm 31 Bảng 3.24 Mô tả use case Thêm sản phẩm 32 Bảng 3.25 Mô tả use case Khóa/mở khóa sản phẩm 32 Bảng 3.26 Mô tả use case Cấp quyền admin cho tài khoản 33 Bảng 3.27 Mô tả use case Chỉnh sửa sản phẩm 33 Bảng 3.28 Mô tả use case Xem wishlist 33 Bảng 3.29 Mô tả use case Chỉnh sửa giá mong đợi wishlist 34 Bảng 3.30 Mô tả use case Xem bảng thống kê doanh số bán hàng 34 Bảng 3.31 Mô tả use case Xem đơn đặt hàng 35 Bảng 3.32 Mô tả use case Xem chi tiết đơn đặt hàng 35 Bảng 4.1 Chi tiết bảng Sản phẩm 43 Bảng 4.2 Chi tiết bảng Loại sản phẩm 44 Bảng 4.3 Chi tiết bảng chi tiết giỏ hàng 44 Bảng 4.4 Chi tiết bảng Giỏ hàng 44 Bảng 4.5 Chi tiết bảng Người dùng 45 Bảng 4.6 Chi tiết bảng Loại người dùng 45 Bảng 4.7 Chi tiết bảng Hóa đơn 46 Bảng 4.8 Chi tiết bảng Chi tiết hóa đơn 46 Bảng 4.9 Chi tiết bảng Wishlist 46 Bảng 4.10 Tầm ảnh hưởng ràng buộc khố loại người dùng 47 Bảng 4.11 Tầm ảnh hưởng ràng buộc khố người dùng 48 Bảng 4.12 Tầm ảnh hưởng ràng buộc khố hóa đơn 48 Bảng 4.13 Tầm ảnh hưởng ràng buộc khố chi tiết hóa đơn 48 Bảng 4.14 Tầm ảnh hưởng ràng buộc khố giỏ hàng 49 vii Bảng 4.15 Tầm ảnh hưởng ràng buộc khoá chi tiêt giỏ hàng 49 Bảng 4.16 Tầm ảnh hương ràng buộc khố sản phẩm 49 Bảng 4.17 Tầm ảnh hưởng ràng buộc khố loại sản phẩm 50 Bảng 4.18 Tầm ảnh hưởng ràng buộc khố wishlist 50 Bảng 4.19 Tầm ảnh hưởng ràng buộc khóa ngoại hóa đơn 50 Bảng 4.20 Tầm ảnh hưởng ràng buộc khóa ngoại chi tiết hóa đơn 51 Bảng 4.21 Tầm ảnh hưởng ràng buộc khóa ngoại bảng người dùng 51 Bảng 4.22 Tầm ảnh hưởng ràng buộc khóa ngoại bảng giỏ hàng 52 Bảng 4.23 Tầm ảnh hưởng ràng buộc khóa ngoại bảng chi tiết giỏ hàng 52 Bảng 4.24 Tầm ảnh hưởng ràng buộc khóa ngoại bảng sản phẩm 53 Bảng 4.25 Tầm ảnh hưởng ràng buộc khóa ngoại chi tiết hóa đơn 53 Bảng 4.26 Tầm ảnh hưởng ràng buộc miền giá trị bảng chi tiết giỏ hàng 53 Bảng 4.27 Tầm ảnh hưởng ràng buộc miền giá trị bảng chi tiết hóa đơn 54 Bảng 4.28 Tầm ảnh hưởng ràng buộc miền giá trị bảng wishlist 54 Bảng 4.29 Bảng đối tượng hình 56 Bảng 4.30 Bảng đối tượng hình xem, sửa loại sản phẩm 58 Bảng 4.31 Bảng đối tượng hình xem thông tin, sửa quyền người dùng 60 Bảng 4.32 Bảng đối tượng hình xem sản phẩm 61 Bảng 4.33 Bảng đối tượng hình thêm sản phẩm 64 Bảng 4.34 Bảng đối tượng hình thêm loại sản phẩm 65 Bảng 4.35 Bảng đối tượng hình sửa thơng tin sản phẩm 67 Bảng 4.36 Bảng đối tượng hình đăng nhập 69 Bảng 4.37 Bảng đối tượng hình đăng ký 70 Bảng 4.38 Bảng đối tượng hình xem chi tiết sản phẩm 71 Bảng 4.39 Bảng đối tượng hình giỏ hàng 73 Bảng 4.40 Bảng đối tượng hình xem hóa đơn mua hàng 75 Bảng 4.41 Bảng đối tượng hình lịch sử chi tiết mua hàng 76 Bảng 4.42 Bảng đối tượng hình thơng tin cá nhân 77 Bảng 4.43 Bảng đối tượng hình wishlist 79 Bảng 4.44 Bảng đối tượng hình xem đơn đặt hàng Admin 81 Bảng 4.45 Bảng đối tượng hình xem chi tiết đơn đặt hàng Admin 83 Bảng 5.1 Một số Test Case tiêu biểu nhóm kiểm thử 84 viii simpleText Chuyển đến hình thơng tin cá nhân simpleText Đăng xuất simpleText Chuyển đến hình giỏ hàng simpleText Chuyển đến hình xem hóa đơn simpleText Chuyển đến hình wishlist simpleText Chuyển đến hình trang chủ simpleButton Chọn hình ảnh để thay đổi simpleButton Update hình ảnh 10 input Nhập thông tin cần thay đổi 11 input Nhập mật muốn thay đổi 12 simpleButton Update thông tin 13 simpleButton Update mật Sơ đồ biến cố: Hình 4.49 Sơ đồ biến cố hình thơng tin cá nhân 4.3.2.15 Màn hình wishlist: Ý nghĩa: Lập danh sách đồ muốn mua chưa mua Chi tiết hình: 78 Hình 4.50 Màn hình wishlist Các đối tượng hình: Bảng 4.43 Bảng đối tượng hình wishlist Loại Ý nghĩa simpleText Chuyển đến hình trang chủ simpleText Chuyển đến hình thơng tin cá nhân simpleText Đăng xuất simpleText Chuyển đến hình giỏ hàng simpleText Chuyển đến hình xem hóa đơn simpleText Vẫn hình wishlist simpleText Chuyển đến hình trang chủ input Giá mong muốn simpleButton Xóa sản phẩm khỏi wishlist 10 simpleButton Chuyển đến hình trang chủ STT 79 Sơ đồ biến cố: Hình 4.51 Sơ đồ biến cố hình wishlist 4.3.2.16 Màn hình xem đơn đặt hàng Admin: Ý nghĩa: xem đơn đặt hàng người mua Chi tiết hình: Hình 4.52 Màn hình xem đơn đặt hàng Admin 80 Các đối tượng hình: Bảng 4.44 Bảng đối tượng hình xem đơn đặt hàng Admin Loại Ý nghĩa simpleText Chuyển đến hình trang chủ simpleText Chuyển đến hình thơng tin cá nhân simpleText Đăng xuất simpleText Chuyển đến hình giỏ hàng simpleText Chuyển đến hình xem hóa đơn simpleText Chuyển đến hình wishlist simpleText Chuyển đến hình trang chủ simpleText Chuyển đến hình quản lý loại sản phẩm simpleText Load lại hình quản lý sản phẩm 10 simpleText Chuyển đến hình quản lý tài khoản 11 simpleText Chuyển đến hình xem thống kê 12 simpleText Chuyển đến hình quản lý đơn đặt hàng 13 select Chọn kích thước bảng 14 input Nhập tên đơn đặt hàng cần tìm 15 simpleButton Chuyển đến trang xem chi tiết đơn đặt hàng 16 simpleButton Xác nhận đơn đạt hàng STT 81 Sơ đồ biến cố: Hình 4.53 Sơ đồ biến cố hình xem đơn đặt hàng Admin 4.3.2.17 Màn hình xem chi tiết đơn đặt hàng Admin: Ý nghĩa: Admin xem chi tiết đơn đặt hàng khách hàng Chi tiết hình: Hình 4.54 Màn hình xem chi tiết đơn đặt hàng Admin 82 Các đối tượng hình: Bảng 4.45 Bảng đối tượng hình xem chi tiết đơn đặt hàng Admin Loại Ý nghĩa simpleText Chuyển đến hình trang chủ simpleText Chuyển đến hình thơng tin cá nhân simpleText Đăng xuất simpleText Chuyển đến hình giỏ hàng simpleText Chuyển đến hình xem hóa đơn simpleText Chuyển đến hình wishlist simpleText Chuyển đến hình trang chủ simpleText Chuyển đến hình quản lý loại sản phẩm simpleText Chuyển đến hình quản lý sản phẩm 10 simpleText Chuyển đến hình quản lý tài khoản 11 simpleText Chuyển đến hình xem thống kê 12 simpleText Chuyển đến hình quản lý đơn đặt hàng STT Sơ đồ biến cố: Hình 4.55 Sơ đồ biến cố hình xem chi tiết đơn đặt hàng Admin 83 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 5.1 CÀI ĐẶT - Cài đặt java JDK 1.8 trở lên: Link: https://www.oracle.com/technetwork/java/javase/downloads/jdk8downloads-2133151.html - Cài đặt node.JS: Link: https://nodejs.org/en/ - Thêm thư viện datatable vào front-end hổ trợ giao diện phân trang search table: npm install bootstrap@4.0.0-beta.2 save save-exact npm install datatables.net –save npm install datatables.net-bs4 –save npm install jquery –save npm install @types/jquery save-de - Thêm thư viện Ckeditor vào front-end hổ trợ viết văn bản: npm i -S ngx-ckeditor - Thêm thư viên moment vào front-end hổ trợ định dạng ngày tháng: npm install moment save 5.2 KIỂM THỬ - Nhóm lên kế hoạch kiểm thử(lập Test Plan, Test Case chi tiết) Website Vì nhóm có hai thành viên nên nhóm thực kiểm thử chéo Thành viên đảm nhiệm lập trình chức kiểm thử thành viên khác ngược lại Dưới số test case tiêu biểu kiểm thử: Bảng 5.1 Một số Test Case tiêu biểu nhóm kiểm thử Test case ID Test case Test steps description REG_01 Kiểm tra đăng Expected Status Result Truy cập vào Xuất thông ký với tài khoản hệ thống báo “Tài khoản tồn Thực tồn !!!” PASS đăng ký tài khoản với tên tài khoản tồn 84 REG_02 Kiểm tra đăng Truy cập vào Xuất thông ký với mật hệ thống báo “Mật xác nhận không Thực xác nhận phải khớp đăng ký tài khoản với mật PASS giống mật !!!” xác nhận không khớp REG_03 Kiểm tra đăng Truy cập vào Xuất thông ký với tên hệ thống báo “Bạn phải tài khoản, mật Thực nhập thông khẩu, mật đăng ký xác nhận không nhập rỗng PASS tin bắt buộc !!!” tên tài khoản, mật khẩu, mật xác nhận LOG_01 Kiểm tra Khách Nhập tên tài đăng nhập sai khoản mật tài khoản mật Nhấn button Xuất thông PASS báo “Sai tài khoản mật !!!” “Login” LOG_02 Kiểm tra Khách đăng nhập với tài khoản bị khóa Nhập tên tài khoản mật Nhấn button “Login” PAY_01 Xuất thông báo “Tài khoản bạn bị khóa !!!” Kiểm tra Vào giỏ hàng Xt thơng tốn khơng Chọn báo “Bạn chưa nhập địa hai nhập địa giao hàng phương thức PASS PASS nhận hàng !!!” toán chưa nhập địa 85 nhận hàng PAY_02 Kiểm tra Vào giỏ hàng Xuất thơng tốn Chọn báo “Giỏ hàng giỏ hàng chưa hai bạn có sản phẩm phương thức PASS trống !!!” tốn giỏ hàng chưa có sản phẩm CHANGEAVA Kiểm tra cập Vào trang cá Xuất thông nhật ảnh báo “Bạn chưa diện chưa Ở tab chọn ảnh ???” chọn ảnh PASS “Change Avatar”, nhấn “Submit” 86 KẾT LUẬN NHỮNG KẾT QUẢ ĐẠT ĐƯỢC Sau trình làm việc chăm với hướng dẫn tận tâm thầy, tụi em hồn thành website demo cơng nghệ nghiên cứu Và chúng em nắm rõ tảng cách vận hành công nghệ Cũng chúng em xây dựng chương trình hồn chỉnh có khả áp dụng vào thực tế NHỮNG KHÓ KHĂN VÀ CÁCH KHẮC PHỤC KHI THỰC HIỆN ĐỀ TÀI 2.1 Khó khăn Khó khăn việc thiết kế sở kiệu phân chia công việc cho hợp lý việc chúng em tránh khỏi Ngồi cơng nghệ mà tụi em vừa tiếp xúc nên nhiều điều bở ngỡ mà cần tốn khoảng thời gian định để làm quen 2.2 Cách khắc phục Bản thân trang bị kiến thức liên quan thiết kế website Đã có kinh nghiệm việc tìm hiểu, phân tích thiết kế hệ thống thơng tin Được giúp đỡ tận tình Giáo viên hướng dẫn: Nguyễn Minh Đạo trợ giúp kiến thức từ Internet Chúng em hiểu áp dụng thành công mản kiến thức spring boot AngularJS cách kết nối chúng lại với để thành website hoàn chỉnh ƯU ĐIỂM - Spring boot hỗ trợ hoàn hảo giúp cho thao tác trở nên minh bạch dễ dàng sử dụng - Hệ thống sở liệu xây dựng linh hoạt, ràng buộc chặt chẽ - Khi gặp lỗi thông báo cách rõ ràng, dễ hiểu - Chức hệ thống đáp ứng gần đầy đủ nhu cầu người dùng - Giao diện thông minh, dễ dàng xây dựng thân thiện với người dùng HẠN CHẾ - Còn thiếu số chức định - HIện chưa áp dụng vào thực tế 87 KINH NGHIỆM ĐẠT ĐƯỢC Sau trình làm việc chăm với hướng dẫn tận tâm thầy, tụi em hoàn thành website demo cơng nghệ nghiên cứu Và chúng em nắm rõ tảng cách vận hành công nghệ Cũng chúng em xây dựng chương trình hồn chỉnh có khả áp dụng vào thực tế HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI - Thêm chức liên kết với facebook - Cãi thiện giao diện để ngày gần gũi dễ sử dụng cho người dùng người quản trị - Thêm chức để đáp ứng nhu cầu người dùng - Hoàn thiện tốt ràng buộc - Thêm chức cho quản trị viên - Kiểm tra trình giao nhận hàng - Kiểm thử thành cách nghiêm túc chặt chẽ Tình cách để đưa sản phẩm áp dụng vào thực tế 88 TÀI LIỆU THAM KHẢO Trang web: www.yearofmoo.com Trang web: www.codecademy.com Trang web: www.tutorialspoint.com Trang web: www.coursera.org Trang web: www.udacity.com Trang web: www.w3schools.com Trang web: www.lynda.com Trang web: https://techmaster.vn/ Trang web: https://zendvn.com/ https://www.youtube.com/watch?v=j1gU2oGFayY https://www.youtube.com/watch?v=1MOFT2_-NII&list=PLRhlTlpDUWsw70vZAkJgALJ1yhgYsqDGx https://www.youtube.com/watch?v=rlS9eH5tEnY https://www.youtube.com/watch?v=WmithtRyoIc&list=PLWglOIfkJX0JYcHdoYpZb9wkhCyp-sYni https://www.youtube.com/watch?v=5jQSat1cKMo https://www.youtube.com/watch?v=BZi44GOD8kY https://www.youtube.com/watch?v=xkKcdK1u95s&list=PLqq-6Pq4lTTZh5U8RbdXq0WaYvZBz2rbn https://www.youtube.com/watch?v=DCZOchCX10s https://www.youtube.com/watch?v=7NDohpda7YU https://www.youtube.com/watch?v=CrjDoPITesQ https://www.youtube.com/watch?v=MaI0_XdpdP8 https://www.youtube.com/watch?v=sSm2dRarhPo https://www.youtube.com/watch?v=t6eHXbT6XT8&list=PLWBrqglnjNl1qQw2nH5O1A8W_DVC3x o-V&index=1 https://www.youtube.com/watch?v=y7G57qcNJMk&index=5&list=PLWBrqglnjNl1qQw2nH5O1A8 W_DVC3xo-V https://www.youtube.com/watch?v=kuhvtz4b6ZA&list=PLWBrqglnjNl1qQw2nH5O1A8W_DVC3xo -V&index=15 89 PHỤ LỤC BẢNG PHÂN CÔNG CÔNG VIỆC CỤ THỂ Sinh viên thực Service Công việc Guest Service Đăng ký Đăng nhập Xem danh sách sản phẩm Xem thông tin chi tiết sản phẩm Tìm kiếm sản phẩm Quản lý thơng tin cá nhân: Dương Đại Dũng (50%) Nguyễn Thị Trúc User Service - Xem thông tin cá nhân - Chỉnh sửa thông tin cá nhân - Đổi mật - Đổi ảnh đại diện Quản lý giỏ hàng: - Xem danh sách sản phẩm giỏ hàng - Thêm sản phẩm vào giỏ hàng - Xóa sản phẩm khỏi giỏ hàng - Chỉnh sửa số lượng sản phẩm giỏ My (50%) hàng - Chỉnh sửa size sản phẩm giỏ hàng Mua hàng(đặt hàng, tốn) Quản lý hóa đơn: - Xem danh sách hóa đơn - Xem chi tiết hóa đơn Quản lý wishlist: 90 - Xem danh sách sản phẩm wishlist - Thêm sản phẩm vào wishlist - Xóa sản phẩm khỏi wishlist - Chỉnh sửa giá mong muốn sản phẩm wishlist Quản lý người dùng: - Xem danh sách tài khoản - Cấp quyền Admin Quản lý sản phẩm: Admin Service - Xem danh sách sản phẩm - Thêm sản phẩm - Chỉnh sửa thông tin sản phẩm - Thay đổi trạng thái sản phẩm Quản lý loại sản phẩm: - Thêm loại sản phẩm - Sửa tên loại sản phẩm Xem thống kê Quản lý đơn đặt hàng: - Xem đơn đặt hàng - Xác nhận đơn đặt hàng - Xem chi tiết đơn đặt hàng 91 S K L 0 ... dạn chọn việc xây dựng website bán hàng trực tuyến MỤC TIÊU CỦA ĐỀ TÀI Tìm hiểu Microservices, Angular, RESTful APIs Phân tích, thiết kế xây dựng hệ thống website tin tức trực tuyến với số chức... Tiền điều kiện Người dùng thực xem danh sách sản phẩm website bán hàng Khách, quản trị viên, thành viên Người dùng truy cập vào trang web bán hàng Người dùng truy cập vào website Chọn vào mục loại... sắm trực tuyến thường xuyên tương lai Theo thống kê có từ 55% chủ shop bán hàng online tham gia đánh giá, website xếp facebook chiếm 51% sàn thương mại điện tử chiếm 20% Website Facebook kênh bán