(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng trực tuyến(Đồ án tốt nghiệp) Xây dựng hệ thống Website bán hàng 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 - - TỪ HỊA TRÍ – 15110342 TRẦN THIÊN PHÚC – 15110282 Đề 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 - - TỪ HỊA TRÍ – 15110342 TRẦN THIÊN PHÚC – 15110282 Đề Tài: XÂY DỰNG HỆ THỐNG WEBSITE BÁN HÀNG TRỰC TUYẾN KHOÁ 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 Để báo cáo đạt kết tốt đẹp, nhóm thực đề tài nhận hỗ trợ, giúp đỡ q thầy Với tình cảm sâu sắc, cho phép nhóm thực đề tài bày tỏ lịng biết ơn đến thầy cô hỗ trợ, tạo điều kiện tốt để nhóm hồn thành đề tài Trước hết, nhóm xin gửi lời cảm ơn Ban Giám Hiệu trường Đại học Sư phạm Kỹ thuật thành phố Hồ Chí Minh tạo điều kiện, mơi trường tốt để nhóm học tập phát triển cách tốt Nhóm xin gửi lời cảm ơn đến Ban Chủ nhiệm khoa Công nghệ Thông tin thầy cô khoa Công nghệ Thông tin - trường Đại học Sư phạm Kỹ thuật thành phố Hồ Chí Minh tạo môi trường học tập làm việc chun nghiệp, nhiệt tình giảng dạy nhóm thực đề tài nói riêng sinh viên khoa Cơng nghệ Thơng tin nói chung q trình học tập làm việc trường Đặc biệt, nhóm thực đề tài xin gửi lời cảm ơn sâu sắc đến thầy Nguyễn Minh Đạo hướng dẫn, quan tâm, giúp đỡ tận tình nhóm thời gian thực đề tài Với điều kiện thời gian kinh nghiệm thực tiễn của thành viên nhóm cịn nhiều hạn chế nên báo cáo cịn nhiều thiếu sót Nhóm thực đề tài mong nhận bảo, góp ý q thầy để nhóm có điều kiện bổ sung, nâng cao ý thức, phục vụ tốt cho công tác thực tế sau Xin chân thành cảm ơn! ĐH SƯ PHẠM KỸ THUẬT TP.HCM XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độ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: Từ Hịa Trí MSSV 1: 15110342 Họ tên Sinh viên 2: Trần Thiên Phúc MSSV 2: 15110282 Thời gian làm luận văn: Bắt đầu từ 03/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, Microservices xây dựng hệ thống website tin tức 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, RESTful APIs Thực hành: - Tìm hiểu Microservices, Angular, RESTful APIs - Áp dụng xây dựng hệ thống website tin tức trực tuyến Kế hoạch thực hiện: STT Thời gian Cơng việc 03/03/2019 – 10/03/2919 - Tìm hiểu xậy dựng cấu trúc back-end project mơ hình microservice architecture sử dụng spring framework, restfult api, jpa, postgresql - Tìm hiểu Angular.JS xây dựng cấu trúc frontend project Ghi 11/03/2019 – 17/03/2919 18/03/2019 – 24/03/2919 25/03/2019 – 31/03/2919 01/04/2019 – 31/04/2919 08/04/2019 – 14/04/2919 15/04/2019 – 21/04/2919 22/04/2019 – 28/04/2919 29/04/2019 – 29/05/2919 10 06/05/2019 – 12/05/2919 11 13/05/2019 – 19/05/2919 12 20/05/2019 – 26/05/2919 - Thiết kế sở liệu - Xây dựng model, repository, service - Thiết kế giao diện client, dashboard - Thiết kế giao diện client, dashboard - Tính đăng nhập - Tính đăng ký - Tính thay đổi thơng tin cá nhân - Tính phân loại sản phẩm - Tính thêm sản phẩm vào giỏ hàng - Tính quản lý ngời dùng - Tính xem chi tiết sản phẩm - Tính quản lý quyền - Tính xem sản phẩm trang chủ - Tính quản lý sản phẩm - Tính quản lý loại sản phẩm - Tính quản lý hóa đơn - Tìm hiểu tạo nhiều instance cho module - Tính gửi mail thống báo cho khách hàng giá sản phẩm thấp giá muốn mua - Tìm hiểu tạo nhiều instance cho module - Tính gửi mail thống báo cho khách hàng giá sản phẩm thấp giá muốn mua - Tính câng tải 13 27/05/2019 – 02/06/2919 - Tính so sánh giá sản phẩm với trang khác - Tính câng tải - Tính so sánh giá sản phẩm với trang khác 03/06/2019 – 09/06/2919 - Tính đặt giá mong muốn cho sản phẩm - Tính thống kê doanh thu hệ thống 15 10/06/2019 – 16/06/2919 - Tính đặt giá mong muốn cho sản phẩm - Tính thống kê doanh thu hệ thống 16 17/06/2019 – 23/06/2919 - Chỉnh sửa giao diện, fix bug 17 23/06/2019 – 30/06/2919 - Chỉnh sửa giao diện, fix bug 14 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 MỤC LỤC MỞ ĐẦU 1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI: MỤC ĐÍCH CỦA ĐỀ TÀI: CÁCH TIẾP CẬN VÀ PHƯƠNG PHÁP NGHIÊN CỨU: 3.1 Đối tượng nghiên cứu: 3.2 Phạm vi nghiên cứu: 3.3 Phướng pháp nghiên cứu: PHÂN TÍCH CÁC ỨNG DỤNG CÓ LIÊN QUAN: KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC: Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN: NỘI DUNG CHƯƠNG CÁC CÔNG NGHỆ SỬ DỤNG 1.1 TỔNG QUAN VỀ SPRING BOOT: 1.1.1 Giới thiệu Spring Framework: 1.1.1.1 Spring gì? 1.1.1.2 Kiến trúc, module Spring Framework: 1.1.1.3 Lợi ích Spring Framework: 1.1.2 Giới thiệu Spring Boot: 1.1.2.1 Spring Boot gì? 1.1.2.2 Một số tính bật Spring Boot: 1.2 HIBERNATE: 1.3 GIỚI THIỆU VỀ CẤU TRÚC MICROSERVICES: 1.3.1 Giới thiệu Microservices: 1.3.2 Giới thiệu API Gateway: 1.3.3 Chi tiết cấu trúc Microservices nhóm sử dụng Project: 11 1.4 TỔNG QUAN VỀ ANGULAR 5: 11 1.4.1 Angular gì? 11 1.4.2 Cấu trúc thành phần bản: 11 1.4.3 Module Angular 5: 14 CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 16 2.1 PHÂN TÍCH HIỆN TRẠNG: 16 2.2 PHÂN TÍCH YÊU CẦU: 16 2.2.1 Yêu cầu chức năng: 16 2.2.1.1 Yêu cầu chức nghiệp vụ: 16 2.2.1.2 Yêu cầu chức hệ thống: 23 2.2.2 Yêu cầu phi chức năng: 24 CHƯƠNG MƠ HÌNH HĨA U CẦU 25 3.1 NHẬN DIỆN TÁC NHÂN VÀ CHỨC NĂNG TRONG SƠ ĐỒ USE CASE: 25 3.2 MÔ TẢ CHI TIẾT TỪNG TÁC NHÂN VÀ TỪNG CHỨC NĂNG: 26 3.2.1 Mô tả tác nhân: 26 3.2.2 Mô tả chức năng: 27 3.3 SƠ ĐỒ USE CASE: 32 3.3.1 Các sơ đồ Use case: 32 3.3.2 Đặc tả Use case: 36 CHƯƠNG THIẾT KẾ PHẦN MỀM 51 4.1 THIẾT KẾ HỆ THỐNG: 51 4.1.1 Lược đồ lớp: 51 4.1.2 Lược đồ Sequence: 52 4.1.2.1 Sequence Diagram cho use case Đăng nhập: 52 4.1.2.2 Sequence Diagram cho use case Đăng ký: 52 4.1.2.3 Sequence Diagram cho use case Chỉnh sửa thông tin cá nhân: 53 4.1.2.4 Sequence Diagram cho use case Cập nhật ảnh đại diện: 53 4.1.2.5 Sequence Diagram cho use case Đổi mật khẩu: 54 4.1.2.6 Sequence Diagram cho use case Thêm sản phẩm vào giỏ hàng: 54 4.1.2.7 Sequence Diagram cho use case Xóa sản phẩm khỏi giỏ hàng: 55 4.1.2.8 Sequence Diagram cho use case Chỉnh sửa sản phẩm giỏ hàng: 55 4.1.2.9 Sequence Diagram cho use case Thanh toán nhận hàng: 55 4.1.2.10 Sequence Diagram cho use case Thanh toán Online: 56 4.1.2.11 Sequence Diagram cho use case Thêm loại sản phẩm: 57 4.1.2.12 Sequence Diagram use case Chỉnh sửa thông tin loại sản phẩm: 57 4.1.2.13 Sequence Diagram cho use case Xóa loại sản phẩm: 58 4.1.2.14 Sequence Diagram cho use case Thêm sản phẩm: 58 4.1.2.15 Sequence diagram cho use case Chỉnh sửa thông tin sản phẩm: 59 4.1.2.16 Sequence Diagram cho use case Xóa sản phẩm: 59 4.1.2.17 Sequence Diagram cho use case Chỉnh sửa quyền: 60 4.1.2.18 Sequence Diagram cho use case Thêm tài khoản: 60 4.1.2.19 Sequence Diagram cho use case Chỉnh sửa thông tin tài khoản: 61 4.1.2.20 Sequence Diagram cho use case Khóa tài khoản: 61 4.1.2.21 Sequence Diagram cho use case Kích hoạt tài khoản: 62 4.1.2.22 Sequence Diagram cho use case Tra cứu sản phẩm: 62 4.1.2.23 Sequence Diagram cho use case Mặc cả: 63 4.1.2.24 Sequence Diagram cho use case Theo dõi giá sản phẩm: 63 4.1.2.25 Sequence Diagram cho use case Thống kê: 64 4.2 THIẾT KẾ DỮ LIỆU: 65 4.2.1 Sơ đồ logic: 65 4.2.1.1 Lược đồ logic: 65 4.2.1.2 Chi tiết bảng liệu: 65 4.2.2 Sơ đồ quan hệ: 72 4.2.3 Danh sách ràng buộc toàn vẹn sở liệu: 73 4.2.3.1 Ràng buộc khóa chính: 73 4.2.3.2 Ràng buộc khóa ngoại: 76 4.2.3.3 Ràng buộc miền giá trị: 80 4.3 THIẾT KẾ GIAO DIỆN: 82 4.3.1 Danh sách hình sơ đồ chuyển đổi: 82 4.3.2 Mô tả chi tiết hình: 83 4.3.2.1 Màn hình chính: 83 4.3.2.2 Màn hình Chi tiết sản phẩm: 86 4.3.2.3 Màn hình đăng nhập: 87 4.3.2.4 Màn hình quản lý thơng tin cá nhân: 89 4.3.2.5 Màn hình cập nhật ảnh đại diện: 90 4.3.2.6 Màn hình đổi mật khẩu: 92 4.3.2.7 Màn hình xem danh sách hóa đơn: 94 4.3.2.8 Màn hình quản lý giỏ hàng: 96 4.3.2.9 Màn hình quản lý loại sản phẩm: 98 4.3.2.10 Màn hình thêm mới/ cập nhật loại sản phẩm: 100 4.3.2.11 Màn hình quản lý sản phẩm: 102 4.3.2.12 Màn hình thêm/ cập nhật sản phẩm: 104 4.3.2.13 Màn hình quản lý tất hóa đơn: 106 4.3.2.14 Màn hình quản lý tài khoản: 109 4.3.2.15 Màn hình thêm/ cập nhật tài khoản: 111 4.3.2.16 Màn hình quản lý quyền: 113 4.3.2.17 Màn hình thêm quyền/ cập nhật quyền: 115 4.3.2.18 Màn hình đăng ký: 117 4.3.2.19 Màn hình chi tiết hóa đơn: 119 4.3.2.20 Màn hình wish list: 121 4.3.2.21 Màn hình thống kê doanh thu: 123 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 125 5.1 CÀI ĐẶT: 125 5.2 KIỂM THỬ: 125 KẾT LUẬN 128 NHỮNG KẾT QUẢ ĐẠT ĐƯỢC: 128 NHỮNG KHÓ KHĂN VÀ CÁCH KHẮC PHỤC KHI THỰC HIỆN ĐỀ TÀI: 128 ƯU ĐIỂM: 129 HẠN CHẾ: 129 KINH NGHIỆM ĐẠT ĐƯỢC: 129 HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI: 130 DANH MỤC TÀI LIỆU THAM KHẢO 131 PHỤ LỤC 132 DANH MỤC CÁC HÌNH Hình 1 Kiến trúc tổng thể Spring Framework Hình Kiến trúc Hibernate Framework Hình Ví dụ minh họa API Gateway 10 Hình Chi tiết cấu trúc Microserives áp dụng Project 11 Hình Sơ đồ cấu trúc Angular 12 Hình Các thành phần Angular 13 Hình Mơ tả thành phần thuộc tính Module 14 Hình Use case chung hệ thống 32 Hình Use case Quản lý loại sản phẩm 33 Hình 3 Use case Quản lý quyền 33 Hình Use case Quản lý giỏ hàng 34 Hình Use case Quản lý sản phẩm 35 Hình Use case Quản lý tài khoản 35 Hình Use case Quản lý trang cá nhân 36 Hình Sơ đồ lớp 51 Hình Sequence diagram use case Đăng nhập 52 Hình Sequence diagram use case Đăng ký 52 Hình 4 Sequence diagram use case Chỉnh sửa thông tin cá nhân 53 Hình Sequence diagram use case Cập nhật ảnh đại diện 53 Hình Sequence diagram use case Đổi mật 54 Hình Sequence diagram use case Thêm sản phẩm vào giỏ hàng 54 Hình Sequence diagram use case Xóa sản phẩm khỏi giỏ hàng 55 Hình Sequence diagram use case Chỉnh sửa sản phẩm giỏ hàng 55 Hình 10 Sequence diagram use case Thanh toán nhận hàng 56 Hình 11 Sequence diagram use case Thanh tốn Online 56 Hình 12 Sequence diagram use case Thêm loại sản phẩm 57 Hình 13 Sequence diagram use case Chỉnh sửa thông tin loại sản phẩm 57 Hình 14 Sequence diagram use case Xóa loại sản phẩm 58 Hình 15 Sequence diagram use case Thêm sản phẩm 58 Hình 16 Sequence diagram use case Chỉnh sửa thông tin sản phẩm 59 Hình 17 Sequence diagram use case Xóa sản phẩm 59 Hình 18 Sequence diagram use case Chỉnh sửa quyền 60 Hình 19 Sequence diagram use case Thêm tài khoản 60 Hình 20 Sequence diagram use case Chỉnh sửa thơng tin tài khoản 61 Hình 21 Sequence diagram use case Khóa tài khoản 61 Hình 22 Sequence diagram use case Kích hoạt tài khoản 62 Hình 23 Sequence diagram use case Tra cứu sản phẩm 62 Hình 24 Sequence diagram cho use case Mặc 63 Hình 25 Sequence diagram cho use case Theo dõi giá sản phẩm 63 Hình 26 Sequence diagram cho use case Thống kê 64 Hình 27 Lược đồ logic 65 Hình 28 Sơ đồ quan hệ 72 Hình 29 Sơ đồ chuyển đổi hình 82 Sơ đồ biến cố: Hình 67 Sơ đồ biến cố hình chi tiết hóa đơn 120 4.3.2.20 Màn hình wish list: Ý nghĩa: Cho phép người dùng xem chi tiết wishlist Chi tiết hình: Hình 68 Màn hình chi tiết wishlist Các đối tượng hình: Bảng 34 Bảng đối tượng hình chi tiết wishlist Loại Ý nghĩa selection Chọn số lượng sản phẩm hiển thị simpleButton Chuyển đến hình simpleButton simpleButton Chuyển tới hình quản lý thơng tin cá nhân simpleButton Đăng xuất khỏi hệ thống quay hình đăng nhập simpleButton Chuyển đến hình quản lý hóa đơn simpleButton Chuyển đến hình quản lý giỏ hàng simpleButton Chuyển đến hình quản lý wishlist STT Chuyển đến hình quản lý sản phẩm đăng nhập tài khoản có quyền quản trị viên 121 simpleButton Xóa tất sản phẩm wishlist 10 textEdit nhập từ khóa tìm kiếm wishlist 11 simpleButton Đi tới trang thông tin sản phẩm 12 simpleButton Xóa sản phẩm chọn khỏi giỏ hàng 13 simpleButton Xem danh sách sản phẩm giỏ hàng trang trước 14 simpleButton Xem danh sách sản phẩm giỏ hàng trang sau Sơ đồ biến cố: Hình 69 Sơ đồ biến cố hình wishlist 122 4.3.2.21 Màn hình thống kê doanh thu: Ý nghĩa: Cho phép người dùng xem thống kê doanh thu Chi tiết hình: Hình 70 Màn hình thống kê doanh thu Các đối tượng hình: Bảng 35 Bảng đối tượng hình thống kê doanh thu Loại Ý nghĩa simpleButton Chuyển đến hình simpleButton Chuyển đến hình thống kê simpleButton Chuyển đến hình quản lý sản phẩm simpleButton Chuyển đến hình quản lý loại sản phẩm simpleButton Chuyển đến hình quản lý tất hóa đơn simpleButton Chuyển tới hình quản lý người dung simpleButton Chuyển tới hình quản lý quyền simpleButton Đăng xuất khỏi hệ thống simpleButton Thống kê doanh thu khoản thời gian chọn STT 123 Sơ đồ biến cố: Hình 71 Sơ đồ biến cố hình thống kê 124 CHƯƠNG 5: 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 char: npm install angular-fusioncharts –save npm install fusioncharts save 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 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 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 Xuất thông ký với tài khoản vào hệ báo “Tài khoản tồn thống tồn !!!” - 125 PASS - Thực đăng ký tài khoản với tên tài khoản tồn REG_02 Kiểm tra đăng Truy cập Xuất thông ký với mật vào hệ báo “Mật xác nhận không thống xác nhận phải khớp - - Thực giống mật đăng ký tài !!!” PASS khoản với mật xác nhận không khớp REG_03 Kiểm tra đăng - Truy cập Xuất thông ký với tên vào hệ báo “Bạn phải tài khoản, mật thống nhập thông Thực tin bắt buộc !!!” khẩu, mật - xác nhận đăng ký rỗng không nhập PASS 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 Xuất thông đăng nhập sai khoản báo “Sai tài tài khoản mật khoản mật mật - Nhấn button PASS !!!” “Login” LOG_02 Kiểm tra Khách đăng nhập với - Nhập tên tài Xuất thông khoản báo “Tài khoản mật bạn 126 PASS tài khoản bị - khóa PAY_01 Kiểm tra - tốn khơng nhập địa - giao hàng Nhấn button bị khóa “Login” !!!” Vào giỏ Xt thơng hàng báo “Bạn chưa Chọn nhập địa hai nhận hàng !!!” PASS phương thức toán chưa nhập địa nhận hàng PAY_02 Kiểm tra - toán giỏ hàng chưa - có sản phẩm Vào giỏ Xuất thông hàng báo “Giỏ hàng Chọn bạn hai trống !!!” PASS phương thức tốn giỏ hàng chưa có sản phẩm CHANGEAVA Kiểm tra cập - nhật ảnh đại diện chưa chọn ảnh - Vào trang cá Xuất thông nhân báo “Bạn chưa Ở tab chọn ảnh ???” “Change Avatar”, nhấn “Submit” 127 PASS KẾT LUẬN NHỮNG KẾT QUẢ ĐẠT ĐƯỢC: Hiểu rõ kiến thức Spring Framework: Spring Boot, Spring Data JPA, Microservices Hiểu rõ kiến thức RESTful APIs, Angular Xây dựng thành công Website bán hàng trực tuyến với việc áp dụng kiến thức tìm hiểu NHỮNG KHĨ KHĂN VÀ CÁCH KHẮC PHỤC KHI THỰC HIỆN ĐỀ TÀI: Rủi ro yếu tố tồn tất hoạt động, sản xuất, dự án phát triển phần mềm công nghệ thông tin không ngoại lệ Nếu xem nhẹ khâu nhận diện rủi ro dự án, dự án dẫn đến kết không tốt thất bại Dưới số rủi ro - khó khăn mà nhóm gặp phải q trình tìm hiểu cơng nghệ phát triển phần mềm: Cơng nghệ: STT Rủi ro, khó khăn Cách khắc phục Đồng thời nghiên cứu nhiều cơng nghệ Chia thành viên nhóm tìm Angular, Microservices dẫn hiểu cơng nghệ, sau họp đến tiến độ triển khai dự án không nhóm trao đổi kiến thức nhanh chóng Khai thác tài liệu Internet, nhận ít, khó hiểu tài liệu từ giáo viên hướng dẫn Quy trình nghiệp vụ: STT Tài liệu Microservices mạng cịn Rủi ro, khó khăn Cách khắc phục Source code document liên quan Sử dụng Git lưu trữ tất resource thay đổi theo thời gian Các lỗi phát sinh issue chưa giải - Cùng thảo luận đưa cách giải quyết nhờ trợ giúp GVHD, GVBM, bạn bè cộng đồng stackoverflow… - Nếu chưa tìm solution 128 đưa phương án thay thế, dự trù,… Con người: STT Rủi ro, khó khăn Cách khắc phục Kỹ làm việc nhóm chưa tốt Thường xuyên thảo luận khó khăn làm việc từ đưa hướng giải để khắc phục rút kinh nghiệm Lịch trình họp nhóm khó khăn phải Liên lạc nhiều thông qua MXH thực tập làm công ty FB, Zalo,… ƯU ĐIỂM: Giao diện đơn giản giúp người dùng dễ dàng sử dụng lần Xây dựng Website bán hàng trực tuyến có hai phương thức tốn(đặt hàng, toán Online) giúp khách hàng mua sắm cách dễ dàng HẠN CHẾ: Giao diện chưa đẹp mắt, cịn sơ sài Thuật tốn chưa tối ưu hóa KINH NGHIỆM ĐẠT ĐƯỢC: Sau q trình làm thực dự án, nhóm rút nhiều kinh nghiệm cho thân để sau thực dự án khác cách tốt hơn: Cần rèn luyện kỹ làm việc nhóm, kỹ trình bày, khơng trì hỗn, ln chủ động Tận dụng tối đa thư viện, công cụ hỗ trợ giúp project tốt giảm thiểu chi phí Lưu trữ phiên project Git SVN, commit ghi rõ description để dễ dàng backup Việc clean code, optimize code quan trọng Nhóm nên đưa quy định chung format code 129 HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI: Thêm chức nhắc nhở người dùng, để người dùng biết thông tin sản phẩm nhiều người quan tâm Cho phép người dùng bình luận sản phẩm 130 DANH MỤC TÀI LIỆU THAM KHẢO https://tphangout.com/angular-5-paypal-express-checkout/ https://medium.com/apprendre-le-web-avec-lior/angular-5-and-jquery-datatables-fd1dd2d81d99 https://www.w3schools.com/ https://kipalog.com/posts/Xay-dung-Microservices Su-dung-cong-ket-noi-API APIGateway?fbclid=IwAR1VGRkleflyQcVQgXsA7zvLKiDaxCgIV4_kZBM51kR5BdnMvQDGElQFY4 https://kipalog.com/posts/Gioi-thieu-ve-Microservices-Part-1?fbclid=IwAR2kccFOMsUHjCRbX4HstF76QumBSzCEtpTVOjh0QWCe2e-nic7zJ2NdZQ http://itprotraining.vn/vi/tips-cong-nghe/Kien-truc-tong-quat-cua-Angular%205 https://movan.vn/rest-api-gioi-thieu-rest-api/ 131 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 theo loại, theo tên Quản lý thơng tin cá nhân: Từ Hịa Trí User Service - Xem thông tin cá nhân - Đổi 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ỏ hàng Mua hàng(đặt hàng, tốn Online) Xem danh sách hóa đơn tốn Tính quản lý danh sách sản phẩm muốn mua Tính so sánh giá sản phẩm với trang khác Trần Thiên Phúc Admin Service Quản lý người dùng - Xem danh sách tài khoản - Tạo tài khoản với quyền hạn chọn - Khóa kích hoạt tài khoản - Thay đổi thông tin tài khoản Quản lý sản phẩm - Xem danh sách sản phẩm - Tìm kiếm sản phẩm - Thêm sản phẩm - Thay đổi thơng tin sản phẩm - Xóa sản phẩm 132 Quản lý hóa đơn - Xem danh sách hóa đơn - Tìm kiếm hóa đơn - Xem thơng tin chi tiết hóa đơn Quản lý quyền - Tạo quyền - Sửa tên quyền 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 - Xóa loại sản phẩm khơng có sản phẩm khỏi sở liệu Tính thống kê doanh thu Gửi email thông báo cho khách hàng sản phẩm có giá tốt Cập nhật trạng thái đơn hàng 133 S K L 0 ... muốn có riêng Hệ thống Website để quản lý sản phẩm, đồng thời thực giao dịch mua bán Online nhằm tăng suất bán hàng Sau mô tả chi tiết công việc mà Hệ thống Website bán hàng trực tuyến cần có... MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM - - TỪ HỊA TRÍ – 15110342 TRẦN THIÊN PHÚC – 15110282 Đề Tài: XÂY DỰNG HỆ THỐNG WEBSITE BÁN HÀNG TRỰC TUYẾN KHOÁ LUẬN TỐT NGHIỆP KỸ... thức toán mua sản phẩm: Đặt hàng (thanh toán nhà) Thanh tốn Online (thơng qua cổng tốn trực tiếp Paypal) Khách hàng xem lại tất giao dịch thân Với ? ?Hệ thống Website bán hàng trực tuyến? ??