Đồ án xây dựng website thương mại điện tử bán điện thoại (SPKT TP.HCM)

Đồ án xây dựng website thương mại điện tử bán điện thoại chuyên nghiệp. Tìm hiểu quy trình, công nghệ và các bước triển khai chi tiết để tạo website bán hàng hiệu quả.

• Tác giả: Dương Văn Ngọc Tín
• Người hướng dẫn: Ts. Lê Văn Vinh
• Trường học: Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ Thông tin
• Đề tài: Xây dựng website thương mại điện tử buôn bán điện thoại
• Loại tài liệu: Khóa luận tốt nghiệp
• Năm xuất bản: 2019 - 2023
• Địa điểm: Hồ Chí Minh

Mục lục chi tiết

• LỜI CẢM ƠN
• 1. PHẦN 1: MỞ ĐẦU
• 1.1. Lý do chọn đề tài
• 1.2. Đối tượng nghiên cứu
• 1.3. Phạm vi nghiên cứu
• 2. PHẦN 2: NỘI DUNG
• 2. Nội dung
• 2. Nội dung chi tiết
• 2. Phần nội dung chính
• 2. Phần nội dung thêm
• 2. Phần nội dung mở rộng
• 2. CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU
• 1.1. Khảo sát hiện trạng
• 1.2. Mô hình hóa yêu cầu
• 3. CHƯƠNG 2: CƠ SỞ LÝ THUYẾT
• 4. CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
• 3.1. Lược đồ tuần tự
• 3.2. Cơ sở dữ liệu
• 3.3. Thiết kế giao diện
• 5. CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ
• 6. PHẦN 3: KẾT LUẬN
• 6.1. Kết quả đạt được
• 6.2. Nhược điểm
• 6.3. Hướng phát triển
• DANH MỤC TÀI LIỆU THAM KHẢO

Tóm tắt

I. Giới thiệu tổng quan về đồ án thiết kế web TMĐT bán điện thoại

Trong bối cảnh công nghệ và thương mại điện tử phát triển nhanh chóng, việc xây dựng một thiết kế website thương mại điện tử chuyên nghiệp cho lĩnh vực buôn bán điện thoại trở thành nhu cầu thiết yếu. Đồ án này tập trung phát triển một nền tảng web tích hợp đầy đủ chức năng từ hiển thị sản phẩm, quản lý đơn hàng đến thanh toán và quản lý khách hàng. Mục tiêu của phát triển web bán hàng online là cung cấp trải nghiệm mua sắm tiện lợi, nhanh chóng và an toàn cho người dùng, đồng thời hỗ trợ tối đa cho doanh nghiệp trong quy trình quản lý và vận hành. Việc ứng dụng các công nghệ như ReactJS cho phần front-end và Spring Boot cho back-end với hệ quản trị cơ sở dữ liệu PostgreSQL đã góp phần tạo ra một hệ thống linh hoạt, có khả năng mở rộng, tương thích với nhiều thiết bị bởi responsive design hiện đại.

1.1. Khái niệm cơ bản về thiết kế website thương mại điện tử di động

Thiết kế website thương mại điện tử là quá trình xây dựng các giao diện phục vụ hoạt động kinh doanh trực tuyến trên nền tảng internet. Đặc biệt với ngành bán điện thoại, giao diện phải tối ưu cho cả trải nghiệm desktop và mobile, tức là phải áp dụng UX/UI design để người dùng dễ dàng thao tác và tìm kiếm sản phẩm. Một website TMĐT bán điện thoại cần đảm bảo tính năng hiển thị sản phẩm rõ ràng, quản lý kho hàng linh hoạt (inventory management), tích hợp phương thức thanh toán trực tuyến (payment gateway) và hỗ trợ giỏ hàng cũng như xử lý đơn hàng nhanh chóng.

1.2. Ý nghĩa và mục tiêu phát triển hệ thống thương mại điện tử bán điện thoại

Với sự phát triển mạnh mẽ của thương mại điện tử, đặc biệt sau ảnh hưởng của đại dịch COVID-19, các mô hình kinh doanh online trở thành lựa chọn ưu tiên. Đồ án xây dựng website TMĐT bán điện thoại hướng đến giải pháp giảm thiểu chi phí mặt bằng, nhân lực, mở rộng thị trường và nhanh chóng tiếp cận khách hàng. Mục tiêu chính là xây dựng hệ thống có khả năng phục vụ khách hàng 24/7, bảo mật cao với JSON Web Token cho việc xác thực, đồng thời tạo nên trải nghiệm liền mạch trên mọi thiết bị nhờ áp dụng responsive design.

II. Tổng hợp những thách thức thường gặp trong phát triển web TMĐT bán điện thoại

Quá trình thiết kế website thương mại điện tử cho ngành buôn bán điện thoại gặp phải nhiều thách thức phức tạp. Từ việc tối ưu hóa trải nghiệm người dùng trên các nền tảng khác nhau, bảo mật thông tin cá nhân và giao dịch thanh toán, đến việc thiết kế backend hỗ trợ đồng bộ dữ liệu sản phẩm và đơn hàng. Đặc biệt, việc xây dựng một hệ thống quản lý sản phẩm hiệu quả là vấn đề quan trọng vì điện thoại là mặt hàng đa dạng với nhiều loại, thương hiệu và phiên bản khác nhau. Điều này đòi hỏi thiết kế database design tỉ mỉ và linh hoạt. Bên cạnh đó, việc tích hợp các payment gateway an toàn và ổn định cũng là một vấn đề quan trọng nhằm đảm bảo sự tin tưởng của người mua hàng.

2.1. Thách thức về thiết kế giao diện người dùng trên đa nền tảng Mobile Shop

Một trong những khó khăn lớn nhất là đảm bảo giao diện người dùng mobile shop vừa tối ưu trải nghiệm, vừa duy trì tính năng đầy đủ. Người dùng trên điện thoại thường có hành vi nhanh, yêu cầu truy cập nhanh chóng và tiện lợi. Do vậy, phải áp dụng thiết kế theo chuẩn responsive design để mọi nội dung hiển thị phù hợp trên các kích thước màn hình khác nhau. Bên cạnh đó, sự đa dạng về thiết bị và hệ điều hành cũng đặt ra thách thức trong việc kiểm thử giao diện và tối ưu hiệu suất tải trang.

2.2. Vấn đề bảo mật và xử lý thanh toán trong web TMĐT điện thoại

Bảo mật là yếu tố then chốt của mọi nền tảng TMĐT. Trong đồ án này, việc sử dụng JSON Web Token để bảo vệ phiên làm việc và xác thực người dùng giúp giảm thiểu rủi ro về an ninh mạng. Mặt khác, việc tích hợp các payment gateway uy tín như Momo, Paypal mang đến sự thuận tiện và an toàn cho người dùng. Tuy nhiên, quá trình này phải đảm bảo tuân thủ các chuẩn bảo mật như PCI DSS và bảo vệ dữ liệu thanh toán khách hàng một cách nghiêm ngặt.

2.3. Quản lý hệ thống sản phẩm và tồn kho trong môi trường TMĐT

Quản lý đa dạng dòng sản phẩm điện thoại đòi hỏi hệ thống phải có inventory management hiệu quả, giúp đảm bảo sản phẩm luôn sẵn sàng hoặc kịp thời thông báo khi hết hàng. Việc tổ chức danh mục và quản lý thuộc tính sản phẩm cũng đóng vai trò quan trọng để người dùng dễ dàng tìm kiếm và lọc sản phẩm theo nhu cầu. Đây cũng là thách thức không nhỏ trong database design, cần thiết kế các bảng và quan hệ phù hợp để tích hợp linh hoạt, tránh chồng chéo dữ liệu.

III. Hướng dẫn phương pháp phân tích và thiết kế hệ thống web TMĐT bán điện thoại

Phương pháp phát triển hệ thống web TMĐT bán điện thoại được thực hiện qua các bước khảo sát hiện trạng, phân tích yêu cầu, thiết kế hệ thống, cài đặt và kiểm thử. Việc khảo sát các website buôn bán điện thoại lớn như Thế giới di động, CellphoneS, Hoàng Hà Mobile cung cấp dữ liệu tham khảo quan trọng về chức năng và giao diện người dùng. Tiếp đó, sử dụng mô hình hóa yêu cầu như use case giúp xác định rõ các tính năng cần thiết, phục vụ việc thiết kế chi tiết hệ thống. Ứng dụng các kỹ thuật database design chặt chẽ nhằm tối ưu hóa lưu trữ, truy xuất dữ liệu. Việc phân chia quyền truy cập chi tiết hỗ trợ bảo mật và quản lý hiệu quả.

3.1. Phân tích use case và yêu cầu chức năng hệ thống TMĐT

Use case được xây dựng nhằm mô hình hóa hành vi của các nhóm người dùng như Admin, Manager, User và Shipper trong hệ thống. Các chức năng như đăng ký, đăng nhập, xem sản phẩm, quản lý giỏ hàng, thanh toán được phân tích chi tiết trong các use case tương ứng. Điều này tạo cơ sở triển khai từng tính năng một cách chính xác và dễ dàng kiểm thử. Việc nghiên cứu các trường hợp ngoại lệ và luồng thay thế cũng góp phần nâng cao độ ổn định của hệ thống khi đưa vào sử dụng.

3.2. Thiết kế giao diện UX UI và responsive cho website điện thoại

Thiết kế UX/UI design đặc biệt chú trọng đến trải nghiệm người dùng cuối trên cả điện thoại lẫn máy tính để bàn. Các yếu tố như màu sắc, bố cục, điều hướng đều được tối ưu nhằm giảm thiểu thao tác thừa và gia tăng sự hấp dẫn. Giao diện được thiết kế theo chuẩn responsive design, giúp tự động điều chỉnh phù hợp với kích thước màn hình, từ đó tăng tỷ lệ giữ chân khách hàng và nâng cao doanh thu bán hàng online.

3.3. Ứng dụng công nghệ Spring Boot và React trong phát triển web TMĐT

Backend được triển khai bằng Java kết hợp framework Spring Boot giúp xây dựng các Restful API ổn định, đáp ứng nhanh. Frontend sử dụng ReactJS tạo giao diện động, linh hoạt và dễ quản lý. Việc tách biệt frontend và backend giúp nâng cao khả năng mở rộng và quản lý mã nguồn. Hệ thống bảo mật được xử lý qua token JWT đảm bảo an toàn thông tin người dùng và hạn chế các nguy cơ tấn công khai thác lỗ hổng.

IV. Các ứng dụng thực tiễn và kết quả đạt được từ đồ án thiết kế web TMĐT bán điện thoại

Website thương mại điện tử bán điện thoại sau khi hoàn thiện đã đạt được nhiều kết quả thiết thực trong việc hỗ trợ người dùng mua sắm và quản trị hiệu quả các nghiệp vụ bán hàng online. Hệ thống cung cấp đầy đủ các chức năng như tìm kiếm sản phẩm, thêm vào giỏ hàng, quản lý đơn hàng, trả đánh giá sản phẩm, mã giảm giá, cùng với khả năng theo dõi lịch sử mua hàng. Bên cạnh đó, giao diện được tối ưu cho trải nghiệm người dùng trên thiết bị di động (mobile shop) và desktop, đáp ứng xu hướng hiện đại. Đặc biệt, việc tích hợp các payment gateway như Momo, Paypal và hệ thống quản lý vận chuyển giúp quy trình đặt hàng nhanh chóng, tin cậy.

4.1. Triển khai hệ thống quản lý sản phẩm và thao tác giỏ hàng hiệu quả

Hệ thống quản lý sản phẩm được xây dựng với khả năng mở rộng giúp dễ dàng thêm/sửa/xóa danh mục, thương hiệu và sản phẩm. Khả năng tùy biến thuộc tính và quản lý tồn kho qua inventory management giúp đảm bảo tính chính xác trong kiểm soát hàng tồn. Giỏ hàng tích hợp chức năng cập nhật số lượng, xóa và thanh toán trực tuyến qua giao diện thân thiện, dễ sử dụng. Mọi thao tác đều được ghi lại và xử lý nhanh trong cơ sở dữ liệu PostgreSQL.

4.2. Kết quả kiểm thử và phản hồi đánh giá từ người dùng thực tế

Quá trình kiểm thử bảo đảm các chức năng hoạt động ổn định, phản hồi nhanh trong vòng chưa đến 10 giây kết hợp hiển thị trạng thái loading giúp người dùng nắm rõ tiến độ. Bảo mật thông tin và dữ liệu được đảm bảo bằng token JWT và phân quyền rõ ràng giữa ADMIN, MANAGER, USER và SHIPPER. Phản hồi từ nhóm khảo sát và người dùng thử cho thấy website dễ dàng điều hướng, tìm kiếm sản phẩm nhanh và thao tác mua sắm thuận lợi, góp phần nâng cao chất lượng dịch vụ và sự hài lòng.

4.3. Ứng dụng công nghệ mới trong thanh toán online và giao hàng tự động

Có sự tích hợp đa dạng các phương thức thanh toán online như ví Momo QR, Momo ATM và Paypal, giúp người dùng linh hoạt trong lựa chọn. Đồng thời, hệ thống còn phân quyền cho nhân viên giao hàng (Shipper) quản lý trạng thái đơn hàng, tạo điều kiện xử lý đơn nhanh chóng và minh bạch về trạng thái vận chuyển. Việc này góp phần giảm thiểu các rủi ro và nâng cao hiệu quả trong quản lý payment gateway và hoạt động vận hành thực tế.

V. Bí quyết tối ưu SEO và UX trong thiết kế web TMĐT bán điện thoại hiện đại

Tối ưu SEO cho website TMĐT buôn bán điện thoại không chỉ là việc xây dựng nội dung chuẩn, mà còn tập trung vào cấu trúc hợp lý, tốc độ tải trang, và trải nghiệm người dùng mượt mà. Việc áp dụng các nguyên tắc responsive design giúp thân thiện với thiết bị di động, tăng thứ hạng tìm kiếm. Đồng thời, sử dụng từ khóa chính như "thiết kế website thương mại điện tử", "phát triển web bán hàng online", và các biến thể LSI đã cải thiện khả năng xuất hiện trên kết quả tìm kiếm. Áp dụng chiến lược tối ưu hóa cấu trúc URL, mô tả meta, và headings hợp lý cũng góp phần tăng hiệu quả SEO.

5.1. Cách tối ưu cấu trúc website và nội dung chuẩn SEO cho thương mại điện tử

Cấu trúc website được xây dựng theo mô hình phân cấp rõ ràng, phân loại sản phẩm theo danh mục và thương hiệu giúp cải thiện khả năng thu thập dữ liệu cho các công cụ tìm kiếm. Nội dung được tối ưu với mật độ từ khóa nằm trong ngưỡng an toàn (1-2% cho từ khóa chính) và phân bố tự nhiên trong headings và mô tả sản phẩm. Ngoài ra, các mô tả chi tiết, bài viết blog công nghệ được bổ sung nhằm tăng tính chuyên sâu cũng như thu hút khách hàng tiềm năng.

5.2. Phương pháp nâng cao trải nghiệm người dùng qua responsive và UX UI design

Trải nghiệm người dùng là yếu tố không thể thiếu khi phát triển website TMĐT. Áp dụng UX/UI design hợp lý khiến thao tác của người dùng trở nên dễ dàng, giảm thời gian tương tác. Thiết kế theo chuẩn responsive design giúp người dùng từ smartphone hay máy tính bảng đều có trải nghiệm xuyên suốt, không bị lỗi hiển thị. Việc tối ưu tốc độ tải trang cùng giao diện trực quan là bí quyết làm tăng tỷ lệ chuyển đổi và giảm tỷ lệ thoát trang.

5.3. Bí quyết tích hợp hệ thống thanh toán và quản lý đơn hàng hiệu quả

Việc tích hợp các payment gateway an toàn, đa dạng giúp khách hàng linh hoạt trong việc thanh toán. Đồng thời, quản lý đơn hàng cũng phải rõ ràng với các trạng thái như chờ xử lý, đang giao, đã giao và hủy đơn. Hệ thống tự động gửi thông báo cho người dùng khi có thay đổi trạng thái đơn hàng, nâng cao sự minh bạch và tin tưởng. Đặc biệt, tính năng quản lý đơn hàng hỗ trợ tốt cho admin, manager và shipper giúp tối ưu vận hành.

VI. Kết luận và dự báo tương lai phát triển web TMĐT bán điện thoại tối ưu

Kết quả của đồ án xây dựng website thương mại điện tử buôn bán điện thoại đã chứng minh hiệu quả rõ rệt trong việc ứng dụng các công nghệ hiện đại để giải quyết các yêu cầu phức tạp của kinh doanh online. Việc sử dụng Spring Boot, ReactJS, cùng với thiết kế linh hoạt đáp ứng đa nền tảng, bảo mật nghiêm ngặt tạo nền tảng vững chắc cho các doanh nghiệp phát triển. Trong tương lai, sự phát triển của trí tuệ nhân tạo (AI) và công nghệ chatbot, tự động hóa trong quản lý kho hàng và giao vận sẽ tiếp tục nâng cao hiệu quả của web TMĐT. Đồng thời, ứng dụng các chuẩn mới về trải nghiệm người dùng cũng sẽ góp phần định hướng phát triển lâu dài cho ngành thương mại điện tử điện thoại.

6.1. Tổng kết các thành tựu và ưu điểm của hệ thống web TMĐT điện thoại

Hệ thống đã đáp ứng đầy đủ các chức năng cơ bản và nâng cao của một website TMĐT: từ tìm kiếm, hiển thị sản phẩm, quản lý tài khoản đến giỏ hàng, thanh toán và quản lý đơn hàng. Giao diện người dùng thân thiện, tích hợp công nghệ bảo mật JWT, và triển khai hiệu quả các APIs giúp hệ thống chạy nhanh, ổn định. Sự linh hoạt trong quản lý danh mục, thương hiệu, và mã giảm giá cho phép website thích ứng nhanh với nhu cầu thị trường.

6.2. Xu hướng phát triển công nghệ và tác động đến thương mại điện tử điện thoại

Xu hướng cá nhân hóa trải nghiệm mua sắm, tích hợp AI để tư vấn tự động, sử dụng dữ liệu lớn (big data) để quản lý tồn kho và dự báo nhu cầu sẽ là các yếu tố then chốt. Công nghệ thanh toán không chạm, ví điện tử ngày càng phổ biến cũng thúc đẩy sự phát triển của payment gateway hiện đại. Bên cạnh đó, các tiêu chuẩn bảo mật ngày càng cao đòi hỏi hệ thống phải liên tục cập nhật, nâng cấp.

6.3. Khuyến nghị hướng phát triển và mở rộng hệ thống trong tương lai

Để duy trì và nâng cao hiệu quả, cần tiếp tục phát triển các tính năng AI hỗ trợ khách hàng, cải tiến trải nghiệm UX/UI design theo nhu cầu cá nhân. Mở rộng hệ thống tích hợp đa kênh bán hàng (omni-channel) và tăng cường các công cụ quản lý vận hành thông minh cho admin, demo các kịch bản marketing tự động sẽ giúp tăng trưởng doanh thu bền vững. Song song đó, việc nâng cao tính bảo mật và tốc độ xử lý dữ liệu cũng rất cần thiết trong bối cảnh cạnh tranh cao hiện nay.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU 1. Khảo sát hiện trạng 1. Website “Cellphones – Hệ thống bán lẻ di động toàn quốc” Website: https://cellphones. Website “Cellphones – Hệ thống bán lẻ di động toàn quốc” - Các chức năng chính: + Hiển thị thông tin các sản phẩm về điện thoại, phụ kiện điện thoại có trên thị trường và được cập nhật liên tục.

+ Có chức năng mua bán của một trang thương mại điện tử, chức năng giỏ hàng, mua hàng, thanh toán, tra cứu đơn hàng. + Chức năng tìm kiếm sản phẩm. + Chức năng bình luận và đánh giá sản phẩm. + Chức năng hỏi và đáp để được các Quản trị viên tư vấn trực tiếp.

+ Chức năng tra cứu cửa hàng gần đây, kiểm tra sản phẩm mà bạn tìm kiếm còn hàng hay không, thông tin cửa hàng có sản phẩm. + Chức năng xem thông tin chi tiết về sản phẩm, phương thức thanh toán, bảo hành, khuyến mãi, đặc điểm nổi bật và tin tức về sản phẩm. + Có trang tin tức về công nghệ cập nhật các xu hướng về công nghệ ngày nay. + Chức năng HotSale và sản phẩm nổi bật.

+ Chức năng cửa hàng gần bạn và chỉ dẫn đường đi Trang 12 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU + Chức năng sắp xếp sản phẩm theo nhu cầu hiển thị - Ưu điểm + Dù mới thành lập và xuất hiện trên thị trường nhưng Cellphones cũng đã trở thành nơi bán điện thoại có tiếng và được mọi người tin dùng + Giao diện dễ sử dụng, dễ nhìn + Chức năng đa dạng, đáp ứng đủ nhu cầu về một trang thương mại điện tử + Hỗ trợ khác hàng trực tiếp trên website + Cung cấp nhiều thông tin về sản phẩm và có thể xem được nhiều tin tức viết về sản phẩm + Luôn cập nhật xu hướng công nghệ + Tra cứu được tình trạng của sản phẩm tại các cửa hàng lân cận + Chức năng đặt hàng dễ dàng và không phải di chuyển nhiều trang - Nhược điểm + Không có chức năng hiển thị thông tin sản phẩm đã xem qua + Không có chức năng kiểm tra tình trạng đơn hàng, chỉ có thể coi thông tin đơn hàng + Không có chức năng lọc sản phẩm + Không có chức năng chatbox 1. Website “Hoàng Hà Mobile – Hệ thống bán lẻ thiết bị di động và công nghệ” Website: https://hoanghamobile. Website “Hoàng Hà Mobile – Hệ thống bán lẻ thiết bị di động và công nghệ” Trang 13 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU - Các chức năng chính + Chức năng thông tin nổi bật, chương trình khuyến mãi ở đầu trang và được cập nhật liên tục + Hiển thị thông tin sản phẩm về điện thoại, phụ kiện điện thoại, …. có mặt trên thị trường + Có chức năng mua bán của một trang thương mại điện tử, chức năng giỏ hàng, mua hàng, thanh toán, tra cứu đơn hàng.

+ Chức năng tìm kiếm sản phẩm + Chức năng bình luận và đánh giá sản phẩm. + Chức năng hỏi và đáp để được các Quản trị viên tư vấn trực tiếp. + Có trang tin tức về công nghệ + Chức năng kiểm tra tình trạng đơn hàng, hệ thống cửa hàng + Chức năng hiển thị website trên Mobile + Chức năng hiển thị sản phẩm đã xem + Chức năng liên kết với các kênh liên lạc khác Facebook, Youtube, Instagram, + Thông tin cửa hàng và đường đi + Chức năng lọc và sắp xếp sản phẩm - Ưu điểm + Là cửa hàng điện thoại lớn, hình thành lâu đời và có tiếng tại thị trường Việt + Giao diện bắt mắt, thân thiện, dễ sử dụng + Chức năng đầy đủ đa dạng, đáp ứng nhu cầu của khách hàng + Hỗ trợ khách hàng trực tiếp trên website + Có thể hiển thị sản phẩm đã xem + Xem website ở chế độ Mobile + Kiểm tra được tình trạng đơn hàng + Quản trị viên trả lời tư vấn nhanh - Nhược điểm + Không có chức năng chatbox tư vấn khách hàng, muốn tư vấn phải vô sản phẩm để hỏi. Trang 14 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU 1.

Website Thế giới di động Website: https://www. Website Thế giới di động - Các chức năng chính + Hiển thị thông tin nổi bật,chương trình khuyến mãi, thông tin sản phẩm + Chức năng đặt hàng, mua hàng, giỏ hàng và thanh toán + Tra cứu đơn hàng, lịch sử mua hàng + Tìm kiếm sản phẩm + Bình luận, đánh giá, hỏi đáp + Trang tin tức công nghệ, hỏi đáp, vị trí cửa hàng, dịch vụ tiện ích - Ưu điểm + Giao diện dễ tiếp cận, dễ sử dụng + Hỗ trợ tư vấn và đánh giá sản phẩm trực tiếp trên website + Có thể tra cứu thông tin đơn hàng + Chức năng hỏi đáp, Game App + Chức năng kiểm tra tình trạng sản phẩm tại cửa hàng + Hiển thị phụ kiện thường mua cùng điện thoại - Nhược điểm + Không có chức năng hiển thị thông tin sản phẩm đã xem + Không có chức năng chatbox Trang 15 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU 1. Website “Viettel Store – Nhà mạng bán điện thoại lớn nhất Việt Nam” Website: https://viettelstore. Website “Viettel Store – Nhà mạng bán điện thoại lớn nhất Việt Nam” - Các chức năng chính + Hiển thị thông tin nổi bật,chương trình khuyến mãi, thông tin sản phẩm + Chức năng đặt hàng, mua hàng, giỏ hàng và thanh toán + Tra cứu đơn hàng, lịch sử mua hàng + Tìm kiếm sản phẩm + Chức năng hỏi đáp tư vấn - Ưu điểm + Giao diện dễ sử dụng, tiếp cận + Có trang tin tức về công nghệ - Nhược điểm + Tìm kiếm sản phẩm lâu hơn các trang khác + Khi nhấn vô xem thông tin sản phẩm phải chuyển sang trang khác + Không có chức năng kiểm tra sản phẩm tại cửa hàng + Không xem được tình trạng đơn hàng + Không có chức năng bình luận, đánh giá Trang 16 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU 1.

Yêu cầu chức năng Bảng 1. Bảng mô tả yêu cầu chức năng của hệ thống Yêu cầu Mô tả Chi tiết Yêu cầu nghiệp vụ Bảo mật Bảo mật thông tin, phiên làm việc của người dùng bằng JWT Phân quyền người dùng trong hệ thống: Có 4 quyền cơ bản được xác định trong trang web là: ADMIN (người quản trị hệ thống), MANAGER (người quản trị cửa hàng) USER (ngườ dùng ứng dụng), SHIPPER (người dùng ứng dụng với chức năng giao hàng). Lưu trữ Thông tin người dùng, sản phẩm, danh mục, thương hiệu,. được lưu trữ trên bộ nhớ của cơ sở dữ liệu PostgreSQL.

Thư viện hình ảnh được lưu trữ trên Cloudinary và lưu trữ trong cơ sở dữ liệu dưới dạng url Tra cứu Tìm sản phẩm: Hiển thị sản phẩm được yêu cầu tìm kiếm. Tìm sản phẩm theo danh mục: Hiển thị danh sách sản phẩm theo từng danh mục và có hiển thị phân trang Danh sách giỏ hàng : Hiển thị các sản phẩm được chọn mua trong giỏ hàng Trang 17 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU Danh sách hóa đơn và chi tiết hóa đơn: Hiển thị danh sách các hóa đơn đã đặt của người dùng và chi tiết của hóa đơn Danh sách sản phẩm yêu thích: Hiển thị danh sách sản phẩm mà người dùng yêu thích Danh sách mã giảm giá: Hiển thị danh sách mã giảm giá Tính toán Thống kê các thông tin như số người dùng, số đơn hàng, số sản phẩm, tổng giá trị hóa đơn. Chức năng quản lý Chức năng Đăng ký tài khoản của người dùng Đăng nhập Đăng nhập bằng Google, Facebook Quản lý thông tin cá nhân Đổi mật khẩu Quên mật khẩu Quản lý thông tin địa chỉ Thêm, xóa, sửa giỏ hàng Thanh toán, đặt hàng Quản lý danh sách sản phẩm yêu thích Quản lý danh sách đơn hàng Quản lý danh sách mã giảm giá Trang 18 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU Quản lý Thêm, xóa, sửa danh mục danh mục sản phẩm Quản lý Thêm, xóa, sửa thương hiệu thương hiệu Quản lý sản Thêm, xóa, sửa sản phẩm phẩm Quản lý mã Thêm, xóa, sửa mã giảm giá giảm giá Quản lý Xem đánh giá đánh giá Ẩn đánh giá Quản lý đơn Xem đơn hàng hàng Xác nhận vận chuyển Hủy đơn hàng Chức năng tự động Gửi thông Gửi thông báo khi người dùng xác nhận đặt báo hàng và tình trạng đơn hàng 1. Yêu cầu phi chức năng Bảng 1.

Bảng mô tả yêu cầu phi chức năng của hệ thống Yêu cầu Mô tả Chi tiết Chương trình xây Xây dựng Sử dụng Spring Boot và React. dựng trên tiêu chuẩn mô hình Cấu trúc request và response theo mẫu Code cần có comment Thiết bị sử dụng Trình duyệt Hỗ trợ Chrome version ≥ 40.0 web Hỗ trợ Firefox version ≥ 52.0 Hỗ trợ Microsoft Edge version ≥ 88.0 Trang 19 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU Tốc độ và thời gian Tốc độ và Thời gian tối đa xử lý dữ liệu : 10 giây xử lý thời gian xử lý phải Trong lúc xử lý phải hiển thị loading để tránh gây hiểu nhầm nhanh Thông báo Đưa thông Thông báo cụ thể về lỗi, cách sử dụng, báo cụ thể thông tin thao tác một cách cụ thể nhất, không lan man. Bảo mật trên trình Thông tin Tự động đăng xuất sau khoảng 10 phút duyệt session không hoạt động của người dùng. Mô hình hóa yêu cầu 1.

Lược đồ use case tổng quan Hình 1. Lược đồ use case tổng quan Trang 20 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU Hình 1. Lược đồ use case phân hệ quản trị 1. Lược đồ use case chi tiết 1.

Use case xác thực người dùng Hình 1. Use case quản lý xác thực người dùng Bảng 1. Bảng mô tả Use case quản lý xác thực người dùng Trang 21 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ MÔ HÌNH HÓA YÊU CẦU Use Case Id UC-1.1 Use Case Xác thực người dùng Name Description Người dùng đăng nhập vào hệ thống để sử dụng dịch vụ Actor(s) User Priority Must have Trigger Người dùng muốn đăng nhập vào website phoneshop Pre-Condition - Người dùng phải có sẵn tài khoản (số điện thoại, facebook, google) - Tài khoản đã được phân quyền - Thiết bị người dùng được kết nối internet khi sử dụng Post-Condition - Người dùng đăng nhập thành công vào hệ thống - Hệ thống thông báo đăng nhập thành công Basic Flow 1. Người dùng truy cập vào website phoneshop 2.

Người dùng nhập tài khoản của website và chọn đăng nhập 3. Hệ thống xác thực thông tin đăng nhập thành công và cho phép người dùng truy cập website Alternative 2. Người dùng chọn phương thức đăng nhập bằng Flow gmail, facebook, số điện thoại.