Báo cáo dự án tốt nghiệp smart thing

  TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT - - GVHD: Thầy NGUYỄN THANH PHƯỚC Lớp IT15306 – Nhóm MSSV Họ tên Vai trị PS11906 Triệu Văn Sơn Trưởng nhóm PS11920 Hồng Tân Đại Thành viên PS12088 Lê Bảo Chấn Thành viên PS12129 Hoàng Nguyễn Ánh Như Thành viên     Electronic Shop MỤC LỤC LỜI Mở đầu PHẦN 1: GIỚI THIỆU ĐỀ TÀI 1.1 Giới thiệu dự án PHẦN 2: KHẢO SÁT – SURVEY 2.1 Mục tiêu – phạm vi đồ án 2.2 Khỏa sát website PHẦN 3: PHÂN TÍCH - ANALYSIS 3.1 Mơ hình triển khai hệ thống 3.2 Sơ đồBÁO Use Cases CÁO DỰ ÁN TỐT NGHIỆP 3.2.1 Tổng quan SMART THING 3.2.2 Use case cho khách hàng 3.2.3 Use Case N dành cho :quản trị DỤNG PHẦN MỀM GÀNH Ứ  NG 3.3 Đặc tả yêu cầu hệ thống (SRS) 3.3.1 Chi tiết use cases dành cho khách hàng 3.3.2 Chi tiết use cases dành cho quản trị PHẦN 4: THIẾT KẾ - DESIGN 4.1 Mô hình cơng nghệ 4.2.1 PHÁC THẢO GIAO DIỆN 4.2.2.1 Giao diện trang index 4.2.2.2 Giao diện trang đăng nhập 4.2.2.3 Giao diện trang đăng ký 4.2.2.4 Giao diện trang giỏ hàng 4.2.2.5 Giao diện trang toán 4.2.2.6 Giao diện trang sản phẩm 4.2.2.7 Giao diện trang chi tiết sản phẩm 4.2.2.7 Giao diện admin 4.3 Thiết kế liệu 4.3.1 phác thảo Sơ đồ quan hệ thực thể (ERD) 4.4 Sơ đồ lớp DAO TP.HCM 11/23/2021 TRANG 2 5 6 7 8 10 12 13 21 24 24 25 25 26 27 28 29 30 31 32 32 32 34   Electronic Shop PHẦN 5: THỰC HIỆN – IMPLEMENT 5.1 Database 5.1.1 DATABASE DIAGRAM 5.1.2 MÔ TẢ DATABASE 5.2 Layout 5.2.1 trang đăng nhập 5.2.2 trang chủ khách hàng 5.2.3 trang đăng ký 5.2.4 trang tìm kiếm theo thể loại 5.2.5 trang chi tiết sản phẩm 5.2.6 trang giỏ hàng 5.2.7 trang tốn 5.2.8 trang thơng tin cá nhân khách hàng 5.2.9 trang quản lý đơn hàng khách hàng 5.2.10 trang chi tiết đơn hàng 5.2.11 trang địa người dùng 5.2.12 trang quản lý đơn hàng admin 5.2.13 trang quản lý đơn hàng 5.4 Các loại sơ đồ 5.4.1 Sequence Diagram 5.5 API 5.5.1 Controllers user 5.5.2 Controllers admin 5.5.3 Servives (Bussiness Logic Layer) 5.6 Các thư viện cần thiết PHẦN 6: KIỂM THỬ - TESTING 6.1 Test case đăng nhập 6.2 Test case đăng xuất 6.3 Test case đăng ký 6.4 Tescase khách hàng 6.5 Tescase admin TRANG 3 34 34 35 35 41 41 42 44 45 46 47 48 49 50 51 52 53 54 56 56 59 59 60 61 63 63 63 65 65 69 71   Electronic Shop PHẦN 7: ĐÓNG GÓI & TRIỂN KHAI KẾT LUẬN Tóm tắt Hướng phát triển PHỤ LỤC TÀI LIỆU THAM KHẢO TRANG 4 74 74 74 75 75 75   Electronic Shop LỜI MỞ ĐẦU Đầu tiên, xin chân thành cảm ơn đến thầy cô, giảng viên trường cao đẳng Fpoly Polytechnic HCM nói chung, khoa Cơng Nghệ Thơng Tin, chun ngành Ứng Dụng Phần Mềm nói riêng hướng dẫn, cung cấp kiến thức quan trọng khía cạnh chuyên ngành xã hội, giúp chúng tơi có kinh nghiệm, kỹ cơng việc, học tập, cách sống thật đắn Đặc biệt, xin chân thành cảm ơn hướng dẫn bảo tận tình thầy Nguyễn Thành Phước - người hướng dẫn, quan tâm, động viên, thông cảm, tạo điều kiện thuận lợi cho nhóm nhiều trình thực đề tài Các định hướng hiểu biết khoa học thầy tiền đề để chúng tơi hồn thành đề tài Bài báo cáo ứng dụng cịn nhiều hạn chế Kính mong thầy góp ý để đề tài chúng tơi hồn thiện Cho chúng tơi lời khun để có thêm kinh nghiệm bước vào tương lai Chúng xin chân thành cảm ơn! TP.Hồ Chí Minh, ngày 25 tháng 11 năm 2021 Tất thành viên nhóm Triệu Văn Sơn Hồng Tân Đại Lê Bảo Chấn Hoàng Nguyễn Ánh Như PHẦN 1: GIỚI THIỆU ĐỀ TÀI 1.1 GIỚI THIỆU DỰ  ÁN - Ngày Internet trở thành dịch vụ phổ biến thiết yếu có ảnh hưởng sâu rộng tới thói quen, sinh hoạt, giải trí nhiều người Cùng với phát triển nhanh chóng Internet hình thức mua bán hàng hóa cho người ngày đa dạng phát triển Các ứng dụng Web ngày trở nên phổ biến TRANG 5   Electronic Shop - Trước nhu cầu nhóm chúng em định chọn đề tài “Xây dựng Website bán hàng trực tuyến”, cụ thể là:” bán thiết bị điện tử ” Phần mềm xây dựng với mục đích nhằm giúp cửa hàng quản lý cơng việc dễ dàng hiệu Chính phần mềm giúp tăng suất làm việc nhân viên lên gấp nhiều lần, dễ dàng quản lý, giúp tiết kiệm thời gian chi phí - Với đề tài này, nhóm xin chân thành cảm ơn giúp đỡ tận tình Thầy  Nguyễn Thanh Phước, cịn nhiều hạn chế đề tài nhóm xây dựng khơng tránh khỏi thiếu sót Rất mong thầy bạn đóng góp ý kiến để chương trình ngày hồn thiện đưa vào sử dụng PHẦN 2: KHẢO SÁT – SURVEY 2.1 MỤC TIÊU – PHẠM VI ĐỒ ÁN a) Mục tiêu - Nội dung hấp dẫn, đầy đủ, phù hợp với đối tượng sử dụng - Được xếp, bố cục cách hợp lý, tạo điều kiện cho người đọc dễ định hướng website - Hình thức đẹp phù hợp với chủ đề, nội dung, thân thiện với người dùng b) Phạm vi - Phạm vi thực đồ án dựa kiến thức thu từ mơn học q trình học tập trường tham khảo thêm số tài liệu bên để bổ sung thêm kiến thức nhằm hoàn thiện đồ án tốt hơn, đáp ứng mục tiêu đồ án - Ứng dụng phát triển hoàn chỉnh tăng hiệu kinh doanh, giảm tri phí quảng cáo, giúp tuyên truyền dễ dàng 2.2 K HỎA SÁT CÁC WEBSITE Các website tham Các tính khỏa dienmayxanh.com - Hiển thị danh mục sản phẩm - Tìm kiếm sản phẩm tên sản  phẩm tên loại sản phẩm - Xem chi tiết sản phẩm - Gợi ý sản phẩm tương tự - Hiển thị sản phẩm tương tự - Thêm sản phẩm vào giỏ hàng - Đặt hàng toán, giao tận nơi nhận trực tiếp cửa hàng - Hiển thị nhiều khuyến hot sản phẩm sales Gearvn - Hiển thị danh mục sản phẩm TRANG 6 Đề xuất giải pháp -Thêm đăng nhập đăng ký để có tương tác khách hàng - Tối ưu hóa giao   Cellphones.com.v n Electronic Shop - Tìm kiếm sản phẩm theo tên mã sản phẩm - Xem chi tiết sản phẩm - Gợi ý sản phẩm tương tự - Thêm sản phẩm vào giỏ hàng - Đặt hàng toán online - Hiển thị nhiều khuyến hot sản phẩm sales - Đăng nhập đăng ký lưu đơn hàng mua - Hiển thị danh mục sản phẩm - Tìm kiếm sản phẩm theo tên mã sản phẩm - Xem chi tiết sản phẩm - Gợi ý sản phẩm tương tự - Thêm sản phẩm vào giỏ hàng - Đặt hàng toán online - Hiển thị nhiều khuyến hot sản phẩm sales - Đăng nhập đăng ký lưu đơn hàng mua PHẦN 3: PHÂN TÍCH - ANALYSIS 3.1 MƠ HÌNH TRIỂN KHAI HỆ THỐNG TRANG 7 diện - Cần thêm nhiều lợi chọn màu sắc sản phẩm - Thông tin sản  phẩm nên đầy đủ   Electronic Shop 3.2 SƠ  ĐỒ USE CASES 3.2.1 TỔNG QUAN Website xây dựng để phục vụ đối tượng : - ADMIN -Khách hàng +User: khách hàng có tài khoản +Guest: khách hàng chưa có tài khoản TRANG 8   Electronic Shop 3.2.2 USE CASE CHO KHÁCH HÀNG Khách hàng có chức sau: -Guest: Khách hàng xem sản phẩm muốn sử dụng chức khác bắt buộc phải đăng ký tài khoản -User: Khách hàng có tài khoản có chức sau +Quản lý tài khoản: -Xem thông tin tài khoản -Cập nhật thông tin tài khoản +Xem thông tin sản phẩm,thông tin chi tiết sản phẩm +Quản lý đơn hàng TRANG 9   Electronic Shop -Xem lịch sử đặt đơn hàng -Xem thông tin chi tiết đơn hàng -Hủy đơn hàng +Xem lại giỏ hàng -Xóa giỏ hàng -Cập nhật giỏ hàng +Gửi đặt hàng(đặt hàng tốn) +Tìm kiếm 3.2.3 USE CASE DÀNH CHO QUẢN TRỊ TRANG 10   URL /admin/order /admin/order/:id Electronic Shop MÔ TẢ HOẠT ĐỘNG BẢO MẬT Xem tất đơn hàng Đăng nhập Xem cập nhập đơn Đăng nhập hàng theo id 5.5.3 SERVIVES (BUSSINESS LOGIC LAYER ) SERVICE USER : METHOD User saveUser Role saveRole addRoleToUser User getUser List getUsers User updateUser THAM SỐ MÔ TẢ HOẠT ĐỘNG User user Thêm user Role role Thêm role String userName, String Thêm user có role roleName String userName Tìm kiếm user   Hiển thị tất user   User user Cập nhập user   SERVICE PRODUCT: METHOD Product saveProduct Product updateProduct deleteProduct Product findById THAM SỐ MÔ TẢ HOẠT ĐỘNG Product product Thêm sản phẩm Product product, Integer  Cập nhập sản phẩm theo id mã id Integer id Xóa sản phẩm theo id Integer id Tìm kiếm sản phẩm theo id Hiển thị tất sản phẩm List getProducts List Integer brandId getProductsByBrandId List Integer cateId getProductsByCateId List String keywords findProductByKeyword TRANG 62 Tìm kiếm sản phẩm theo  brand Tìm kiếm sản phẩm theo category Tìm kiếm sản phẩm theo từ khóa   Electronic Shop SERVICE BRAND: METHOD Brand saveBrand Brand updateBrand deleteBrand Brand findById List getBrand THAM SỐ Brand brand Brand brand, Integer id Integer id Integer id MÔ TẢ HOẠT ĐỘNG Thêm hãng Cập nhập hãng theo id Xóa hãng theo id Tìm kiếm hãng theo id Hiển thị tất hãng SERVICE PRODUCT-CATEGORY: METHOD ProductCategory save ProductCategory THAM SỐ ProductCategory  productCategory MÔ TẢ HOẠT ĐỘNG Thêm thể loại ProductCategory ProductCategory update ProductCategory  productCategory, Integer id Cập nhập thể loại theo id deleteProductCategory ProductCategory findById List getProductCategory Integer id Integer id Xóa thể loại theo id Tìm kiếm thể loại theo id Hiển thị tất thể loại METHOD Order saveOrder THAM SỐ Order order MÔ TẢ HOẠT ĐỘNG Thêm đơn hàng Order updateOrder Order order, Long id Cập nhập đơn hàng theo id deleteOrderByIdUser Integer id Order findById Integer id List getAll Sort sort List getOrderByUser  List String username Xóa đơn hàng theo id với tài khoản Tìm kiếm đơn hàng theo id Hiển thị tất đơn hàng Hiển thị tất đơn hàng theo tài khoản Hiển thị chi tiết đơn SERVICE ORDER : Long orderId TRANG 63   Electronic Shop getOrderDetailsByOrder  Id List getOrderDetails hàng theo mã đơn hàng id Hiển thị toàn chi tiết đơn hàng 5.6 CÁC THƯ  VIỆN CẦN THIẾT - Thư viện kết nối CSDL o mysql-connector-java - Thư viện quản lý tài khoản: o guava 31.0.1-jre o  jjwt-api 0.11.2 o  jjwt-impl 0.11.2 o  jjwt-jackson 0.11.2 - Thư viện react o axios: 0.20.0 o react-apexcharts: 1.3.9 o react-dom: 17.0.2 o react-router-dom: 5.2.0 o react-paypal-express-checkout: 1.0.5 o react-toastify: 8.1.0 PHẦN 6: KIỂM THỬ - TESTING 6.1 TEST CASE ĐĂNG NHẬP TC ID TC1 Kịch Đăng nhập trang dành cho khách hàng Các bước Dữ liệu 1.Truy cập vào locallhost:3000/login 2.Nhập Tên đăng nhập Nhập mật Kết dự   Kết Pass/Fail kiến thực tế Đăng nhập thành công khachhang chuyển sang trang chủ 123 Nhấn nút đăng nhập TC2 Đăng nhập 1.Truy cập vào Đăng nhập TRANG 64   sai thông tin tài khoản trang đăng nhập Electronic Shop locallhost:3000/login 2.Nhập sai tên người dùng kh 3.Nhập mật 4.Nhấn nút đăng nhập TC3 Đăng nhập sai thông tin tài khoản trang đăng nhập 1.Truy cập vào locallhost:3000/login 2.Nhập tên người dùng 3.Nhập sai mật 4.Nhấn nút đăng nhập TC4 Đăng nhập sai thông tin tài khoản trang đăng nhập TC5 Đăng nhập sai thông tin tài khoản trang đăng nhập TC6 Đăng nhập sai thông tin tài khoản trang đăng nhập TC7 Đăng nhập sai thông tin tài khoản thất bại hiển thị thông báo 123 lỗi “Tên người dùng nhập chưa đúng” Đăng nhập thất bại thị khachhang hiển thông báo lỗi “Mật 111 nhập chưa đúng” 1.Truy cập vào locallhost:3000/login 2.Nhập sai tên người dùng Đăng nhập thất bại hiển thị kh thông báo 3.Nhập sai mật 11 lỗi “Thông tin đăng 4.Nhấn nút đăng nhập nhập chưa đúng” 1.Truy cập vào Đăng nhập locallhost:3000/login thất bại hiển thị 2.Để trống tên người dùng thông báo 3.Để trống mật lỗi “Mời nhập thông 4.Nhấn đăng nhập tin đăng nhập” 1.Truy cập vào Đăng nhập locallhost:3000/login thất bại hiển thị 2.Để trống tên người dùng thông báo 3.Nhập password 123 lỗi “Tên người dùng 4.Nhấn nút đăng nhập trống” 1.Truy cập vào Đăng nhập locallhost:3000/login thất bại 2.Nhập tên đăng nhập khachhang hiển thị TRANG 65   Electronic Shop 3.Để trống mật trang đăng nhập TC8 4.Nhấn nút đăng nhập Admin đăng nhập sai thông tin tài khoản trang đăng nhập 1.Truy cập vào locallhost:5000/admin/logi n 2.Nhập tên đăng nhập AD 3.Nhập mật 123 4.Bấm đăng nhập thơng báo lỗi “Mật cịn trống” Đăng nhập thất bại hiển thị thông báo lỗi “Tài khoản không tồn tại” 6.2 TEST CASE ĐĂNG XUẤT TC ID TC1 Kịch Đăng xuất tài khoản Các bước Dữ liệu 1.Truy cập vào locallhost:3000/ login 2.Đăng nhập thành công 3.Nhấn đăng xuất Kết dự   Kết Pass/Fail kiến thực tế Đăng xuất thành công 6.3 TEST CASE ĐĂNG KÝ TC ID TC1 Kịch Các bước Đăng ký thất bại trang dành cho khách hàng 1.Truy cập vào locallhost:3000 / register  2.Bỏ trống full name Bỏ trống user name Dữ liệu TRANG 66 Kết dự kiến Kết Pass/Fail thực tế Đăng ký thất bại hiển thị thông  báo lỗi “Thông tin đăng ký trống”   Electronic Shop TC2 TC3 TC3 Bỏ trống  password 5.Bỏ trống confirm  password 6.Bỏ trống email Nhấn nút đăng ký Đăng ký 1.Tiếp tục thất bại trang đăng ký trang 2.Nhập dành cho fullname khách Bỏ trống hàng user name Bỏ trống  password 5.Bỏ trống confirm  password 6.Bỏ trống email Nhấn nút đăng ký Đăng ký 1.Tiếp tục thất bại trang đăng ký trang 2.Nhập dành cho fullname khách 3.Nhập hàng username tồn Bỏ trống  password 5.Bỏ trống confirm  password 6.Bỏ trống email Nhấn nút đăng ký Đăng ký 1.Tiếp tục thất bại trang đăng ký  Nguyen van a  Nguyen van a khachhangdaco Đăng ký thất bại hiển thị thông  báo lỗi “ User name trống” Đăng ký thất bại hiển thị thông  báo lỗi “Username tồn mời nhập username khác” Đăng ký thất bại hiển thị thông TRANG 67   trang dành cho khách hàng TC4 TC5 2.Nhập fullname 3.Nhập username Bỏ trống  password 5.Bỏ trống confirm  password 6.Bỏ trống email Nhấn nút đăng ký Đăng ký 1.Tiếp tục thất bại trang đăng ký trang 2.Nhập dành cho fullname khách 3.Nhập hàng username Nhập  password 5.Bỏ trống confirm  password 6.Bỏ trống email Nhấn nút đăng ký Đăng ký 1.Tiếp tục thất bại trang đăng ký trang 2.Nhập dành cho fullname khách 3.Nhập hàng username Nhập  password 5.Nhập confirm  password không trùng với  password 6.Bỏ trống email Electronic Shop  Nguyen van a khachhang  Nguyen van a khachang  báo lỗi “Password cịn trống” Đăng ký thất bại hiển thị thơng  báo lỗi “Confirm Password trống” 123  Nguyen van a khachang 123 12 TRANG 68 Đăng ký thất bại hiển thị thông  báo lỗi “Confirm Password không giống với Password nhập”   Electronic Shop TC6 TC7 TC8 Nhấn nút đăng ký Đăng ký 1.Tiếp tục thất bại trang đăng ký trang 2.Nhập dành cho fullname khách 3.Nhập hàng username Nhập  password 5.Nhập confirm  password 6.Bỏ trống email Nhấn nút đăng ký Đăng ký 1.Tiếp tục thất bại trang đăng ký trang 2.Nhập dành cho fullname khách 3.Nhập hàng username Nhập  password 5.Nhập confirm  password 6.Nhập email không định dang Nhấn nút đăng ký Đăng ký 1.Tiếp tục thất bại trang đăng ký trang 2.Nhập dành cho fullname khách 3.Nhập hàng username Nhập  password 5.Nhập  Nguyen van a Đăng ký thất bại hiển thị thông  báo lỗi “Email trống” khachang 123 123  Nguyen van a khachang 123 123 Đăng ký thất bại hiển thị thông  báo lỗi “Email không định dạng định dạng email theo mẫu abc@gmail.com ” Jbba@jkafnsui Đăng ký thành công  Nguyen van a khachang 123 123 TRANG 69   Electronic Shop confirm  password 6.Nhập email nguoidung@gmail.com định dang Nhấn nút đăng ký 6.4 TESCASE KHÁCH HÀNG TC ID TC1 TC2 TC3 TC4 Kịch Kiểm tra giao diện cửa sổ ( Menu, Kích thước, Màu sắc ) Kiểm tra điều khiển ( Lable, Text Box, Check Box, Option(lựa trọn –radio  button)… Kiểm tra việc đăng nhập trước khách hàng đặt hàng khơng có thơng tin Các bước Dữ liệu 1.Truy cập vào locallhost:3000 2.Đăng nhập thành công 3.Kiểm tra giao diện Kết dự kiến Giao diện hiển thị đầy đủ mục layout định dạng Đúng với yêu cầu đặt 1.Truy cập localhost:3000/cart/checkout 2.Chọn mua sản phẩm chưa đăng nhập Kiểm tra việc 1.Truy cập vào thêm thành locallhost:3000 công sản TRANG 70 Mua hàng thất bại yêu cầu khách hàng đăng nhập chuyển sang trang đăng nhập Thêm sản  phẩm vào giỏ thành Kết thực tế Pass/Fail   Electronic Shop  phẩm vào giỏ 2.Đăng nhập thành công Tên người hàng dùng: nguoidung Mật khẩu: 123 Click biểu tượng [Thêm sản phẩm vào giỏ] TC5 TC6 Kiểm tra Việc tăng giảm, xóa sản phẩm giỏ hàng 1.Khách hàng giỏ hàng 2.Click xóa sản phẩm Kiểm tra 1.Khách hàng trang chức nằn tìm chủ kiếm theo tên sản phẩm 2.Nhập tên sản phẩm Điện thoại công cập nhập số lượng sản  phẩm giỏ Xác nhận sản phẩm thêm vào giỏ hàn thao tác Xác nhận liệu đưa với từ khóa tìm kiếm 3.Click biểu tượng [Tìm kiếm] TC7 Kiểm tra chức tìm kiếm theo thể loại 1.Khách hàng trang chủ 2.Nhấn chọn [shop] menu Chọn sản phẩm TRANG 71 Xác nhận liệu đưa với sản  phẩm chọn   TC7 Kiểm tra thông tin tài khoản với thông tin đăng ký Electronic Shop 1.User trang chủ 2.Nhấn chọn cá nhân Kiểm tra thông tin cá nhân hiển thị với thông tin đăng ký 3.Chọn tab thông tin cá nhân TC7 Kiểm tra thông tin cá nhân cập nhập thành công 1.User trang chủ Xác nhận liệu cập nhật thành công 2.Nhấn chọn cá nhân 3.Nhập liệu cần cập nhật 4.Nhấn cập nhật 6.5 TESCASE ADMIN TC ID TC1 Kịch Kiểm tra giao diện form admin(màu sắc, tab) Các bước Dữ liệu 1.Truy cập vào locallhost:5000/admin / dashboard 2.Đăng nhập thành Tên người công dùng: Admin Mật khẩu: 123 TRANG 72 Kết dự   kiến Xác nhận giao diện form Admin hiển thị với layout thiết kế kiểm tra chi tiết Kết Pass/Fail thực tế   Electronic Shop 3.Kiểm tra form TC2 Kiểm tra tab quản lý tài khoản 1.Admin form Admin 2.Chọn tab quản lý tài khoản TC3 Kiểm tra chức cập nhập thông tin tài khoản Admin 1.Admin tab quản lý tài khoản 2.Nhập liệu cần update form màu sắc chữ màu sắc form định dạng Kiểm tra liệu đổ lên form với định dạng form Xác nhận liệu vừa cập nhật cập nhật thành công 3.Nhấn cập nhật TC4 Kiểm tra tab quản lý sản  phẩm 1.Nhấn chọn tab quản lý sản phẩm TC5 Kiểm tra chức thêm sản  phẩm 1.Admin form quản lý sản phẩm 2.Nhấn chọn[Thêm] để thêm sản phẩm TRANG 73 Kiểm tra danh sản  phẩm sản  phẩm đổ lên bảng với định dạng bảng Kiểm tra liệu nhập vào hiển thị thông báo “thêm thành công”   Electronic Shop 3.Nhập liệu vào form 3.Nhấn nút lưu TC6 Kiểm tra chức cập nhật sản phẩm 1.Admin form quản lý sản phẩm Chọn sản phẩm cần cập nhật 3.Nhấn chọn biểu tượng [cập nhật] 4.Nhập liệu cần cập nhật xác nhận sản  phẩm đưa vào danh sản  phẩm sản  phẩm Xác nhận liệu cập nhật vào hiển thị thông báo “Cập nhật thành công” xác minh sản phẩm vừa cập nhật cập nhật danh sản  phẩm sản  phẩm 5.Nhấn [cập nhật] TC7 Kiểm tra tab quản lý đơn hàng 1.Nhấn chọn tab quản lý đơn hàng TC8 Kiểm tra chức cập nhật trạng thái đơn 1.Admin form quản lý đơn hàng TRANG 74 Kiểm tra liệu danh sản phẩm đơn hàng hiển thị với định dạng form Kiểm tra trạng thái đơn hàng   Electronic Shop 2.Chọn đơn hàng cần cập nhật hàng 2.Chọn trạng thái đơn hàng cần cập nhật cập nhật thành công hiển thị thông  báo “Cập nhật thành công” 3.Nhấn chọn cập nhật TC9 Kiểm tra thống 1.Nhấn chọn tab thống kê kê Kiểm tra thống kê hiển thị theo yêu cầu PHẦN 7: ĐÓNG GÓI & TRIỂN KHAI KẾT LUẬN TÓM TẮT Trong q trình nghiên cứu để hồn thành dự án “Website bán đồ điện tử”, nhóm em hồn thành hầu hết chức như: Đăng nhập, đăng ký, phân quyền, thêm, xóa, sửa, cập nhập sản phẩm, đơn hàng, đồng thời việc tìm kiếm, tốn online ví paypal, … Tuy nhiên bên cạnh nhóm em cịn gặp vài khó khăn:    Chưa khỏa sát thực tế, lấy yêu cầu từ bên khách hàng để biết họ cần có chức cho website, từ chúng em bổ sung cho thiếu sót Việc áp dụng cơng nghệ xu hướng lập trình việc tối ưu hóa website chưa tốt hạn chế kiến thức kinh nghiệm làm dự án Làm việc nhóm chưa hiệu khơng có nhiều thời gian thành viên thực tập ảnh hưởng dịch “Covid 19” Bên cạnh khó khăn nhóm em nhận giúp đỡ quan tâm từ GVHD “Nguyễn Thành Phước” tận tình hướng dẫn khắc phục sai sót làm TRANG 75       Electronic Shop dự án Cung cấp cho chúng em kiến thức cần thiết tinh thần học tập độc lập sáng tạo môn học HƯỚNG PHÁT TRIỂN Với khó khăn chúng em đưa giải pháp hướng phát triển cho sản phẩm mình:    Tìm hiểu nghiệp vụ kinh doanh shop bán hàng điện tử, quản lý nhân viên, quản lý công việc dịch vụ cho khách hàng để áp dụng vào sản phẩm cho thực tế Hiểu thêm chun mơn để hồn thành chức tốt hơn, không gây lỗi cho người dùng Bổ sung thêm tính cơng nghệ tốn thơng qua liên kết ngân hàng, ví điện tử, đăng nhập website Google, Faceboook, … PHỤ LỤC TÀI LIỆU THAM KHẢO      Code Splitting: https://facebook.github.io/create-react-app/docs/code-splitting Analyzing the Bundle Size: https://facebook.github.io/create-reactapp/docs/analyzing-the-bundle-size Making a Progressive Web App: https://facebook.github.io/createreact-app/docs/making-a-progressive-web-app Advanced Configuration: https://facebook.github.io/create-reactapp/docs/advanced-configuration Deployment: https://facebook.github.io/create-react-app/docs/deployment  Spring Security with JWT: https://www.youtube.com/watch? v=VVn9OG9nfH0 TRANG 76