Đồ án tìm hiểu net, react và vận dụng xây dựng hệ thống nhập hàng trung quốc việt nam

TỔNG QUAN

Cách tiếp cận và phương pháp nghiên cứu

1.3.1 Đối tượng nguyên cứu Đối tượng nghiên cứu trong đề tài “Tìm hiểu Net, React và vận dụng xây dựng hệ thống website nhập hàng Trung Quốc – Việt Nam” gồm:

− Các công nghệ Net và React: Nghiên cứu về cách thức sử dụng, cấu trúc, tính năng và ưu điểm của các công nghệ này để áp dụng vào việc xây dựng hệ thống website.

− Hệ thống website nhập hàng Trung Quốc – Việt Nam: Nghiên cứu về các yêu cầu, tính năng cần có của hệ thống website nhập hàng, cũng như phân tích, thiết kế và triển khai hệ thống này sử dụng các công nghệ Net và React.

− Người dùng: Nghiên cứu về các đặc điểm và yêu cầu của người dùng trong quá trình nhập hàng từ Trung Quốc về Việt Nam, từ đó đưa ra các giải pháp tối ưu cho hệ thống website nhập hàng.

− Nhân viên quản lý hệ thống: Nghiên cứu về các yêu cầu và kỹ năng cần có của nhân viên quản lý hệ thống để có thể quản lý và bảo trì hệ thống website nhập hàng.

Từ những đối tượng nghiên cứu trên, nhóm sẽ phân tích, đưa ra giải pháp và triển khai hệ thống giải quyết các vấn đề liên quan đến việc nhập hàng từ Trung Quốc về Việt Nam một cách hiệu quả và tiện lợi hơn.

1.3.2 Phạm vi nghiên cứu Đề tài sẽ tập trung nghiên cứu và vận dụng các công nghệ để xây dựng hệ thống website nhập hàng hiệu quả và thuận tiện cho người dùng Phạm vi nghiên cứu sẽ bao gồm các khía cạnh sau:

Tìm hiểu về các công nghệ Net và React: đề tài sẽ tập trung nghiên cứu và phân tích các tính năng, ưu điểm, hạn chế của các công nghệ này để có thể vận dụng chúng vào việc xây dựng hệ thống website nhập hàng.

Phân tích yêu cầu và đặc điểm của người dùng và nhà cung cấp: nhằm tạo ra một hệ thống website nhập hàng thân thiện và dễ sử dụng cho người dùng, đề tài sẽ nghiên cứu và phân tích các yêu cầu và đặc điểm của người dùng cũng như nhà cung cấp.

Thiết kế và triển khai hệ thống website nhập hàng: dựa trên các công nghệ Net và React, đề tài sẽ tập trung vào việc thiết kế và triển khai hệ thống website nhập hàng từ Trung Quốc về Việt Nam một cách đơn giản, đầy đủ và tốc độ cao. Đánh giá hiệu của hệ thống website định, độ tin cậy và sự quả của hệ thống website nhập hàng: đề tài sẽ đánh giá hiệu quả nhập hàng đã xây dựng bằng các chỉ tiêu như tốc độ xử lý, độ ổn hài lòng của người dùng.

Kết quả dự kiến đạt được

Nâng cao hiểu biết về công nghệ NET và React, đặc biệt là về cách tích hợp giữa hai công nghệ này để xây dựng các ứng dụng web hiệu quả.

Hiểu rõ quy trình và các bước để xây dựng một hệ thống nhập hàng đầy đủ tính năng và đáp ứng được nhu cầu của các doanh nghiệp nhập hàng từ Trung Quốc về Việt Nam.

Tạo ra một ứng dụng web thực tế và hoàn thiện để quản lý quá trình nhập hàng từ Trung Quốc về Việt Nam, bao gồm các tính năng như đặt hàng, quản lý đơn hàng, kiểm tra kho, thanh toán Hệ thống khắc phục được nhược điểm của các hệ thống cũ trên thị trường.

Cải thiện khả năng phân tích, thiết kế, triển khai và kiểm thử phần mềm của nhóm nghiên cứu.

CƠ SỞ LÝ THUYẾT

Giới thiệu

Microsoft NET 6 là một nền tảng phát triển ứng dụng phần mềm được cung cấp bởi Microsoft Nó là phiên bản tiếp theo của Microsoft NET Framework và được phát hành vào năm 2021.

.NET 6 cung cấp môi trường chạy ứng dụng đa nền tảng (cross-platform) cho việc phát triển ứng dụng web, ứng dụng di động, ứng dụng máy tính và các dịch vụ điện toán đám mây Nền tảng này bao gồm một bộ công cụ và thư viện mạnh mẽ để xây dựng, triển khai và quản lý các ứng dụng phần mềm.

Back-end

Để thực hiện tạo cấu trúc cơ sở dữ liệu hệ thống sử dụng phương pháp EF Code First của Entity Framework tạo ra các đối tượng trước sau đó dựa trên các đối tượng mới bắt đầu tạo ra cấu trúc cơ sở dữ liệu tương ứng.

Kiến trúc Back-end được chia thành các Class Library: jeamin.API, jeamin.AppDbContext, jeamin.BaseAPI, jeamin.Entities, jeamin.Extensions, jeamin.Interface, jeamin.Models, jeamin.Requets, jeamin.Service, jeamin.Utilities. jeamin.API chứa các Controller xử lý yêu cầu và phản hồi từ phía client Các

Controller được đặt tên ứng với mỗi bảng trong cơ sở dữ liệu Các controller nhận yêu cầu sau đó gọi các Interface để thực hiện chức năng sau đó trả dữ liệu về client. jeamin.AppDbContext được sử dụng để tương tác với cơ sở dữ liệu jeamin.BaseAPI định nghĩa các phương thức và thuộc tính chung để các API

Controller trong jeamin.API kế thừa và mở rộng nhằm giảm thiểu việc các API giống nhau phải viết nhiều lần. jeamin.Entities chứa các lớp đại diện cho các đối tượng trong cơ sở dữ liệu Các lớp này sẽ kế thừa lớp AppDomain (chứa các thuộc tính bắt buộc của mỗi đối tượng). jeamin.Extensions cung cấp các phương thức mở rộng, cho phép mở rộng các chức năng và tính năng của các lớp đã tồn tại. jeamin.Interface dùng để định nghĩa các interfaces chứa các phương thức của các lớp triển khai nằm trong jeamin.Service. jeamin.Models định nghĩa và quản lý các mô hình dữ liệu trong hệ thống Các lớp này được dùng để trả dữ liệu về phía client. jeamin.Requets chứa các lớp đóng vai trò nhận yêu cầu từ client jeamin.Service triển khai các phương thức đã định nghĩa ở jeamin.Interface jeamin.Utilities chứa các lớp cung cấp các hàm xử lý, enum, đối tượng được sử dụng trong hệ thống. Để ánh xạ dữ liệu giữa các đối tượng (request, entity, model) hệ thống đã sử dụng thư viện AutoMapper hỗ trợ Mỗi thực thể đều được định nghĩa quy tắc ánh xạ từ model sang entity, request sang entity và ngược lại.

Hệ thống sử dụng design pattern UnitOfWork để quản lý các hoạt động truy cập cơ sở dữ liệu giúp đảm bảo tính toàn vẹn dữ liệu, hiệu suất và quản lý tài nguyên.

React

React là một thư viện JavaScript mã nguồn mở được phát triển bởi Facebook. React được sử dụng để xây dựng các ứng dụng web đơn trang (Single Page Applications) và cung cấp các thành phần UI tái sử dụng cho các ứng dụng web.

Kiến trúc front-end được chia thành các phần để dễ dàng quản lý cũng như việc mở rộng và tải sử dụng.

Kiến trúc mà nhóm sử dụng dựa trên kiến trúc cơ bản của Framework Nextjs vì sẽ không cần phải cài đặt thêm package router dành cho React, sử dụng hệ thống File- system routing (mỗi folder trong folder pages sẽ là 1 router). Ý nghĩa của các thư mục:

− node_modules: chứa các package được cài để hỗ trợ.

− public: chứa các hình ảnh mặc định của hệ thống.

− api: định nghĩa các instance và các request api.

− assest: chứa các file json, css của thư viện như fontawesome.

− components: chứa các component dùng cho từng page và toàn hệ thống.

− configs: định nghĩa các biến trong hệ thống (Status, params request, …), phần quyền trên các role hooks: định nghĩa các custom hook.

− pages: File-system routing mặc định của nextjs (mỗi 1 file con là route).

− providers: định nghĩa context riêng cho warehouse.

− store: định nghĩa các global state của redux, lưu trữ các global state.

− styles: các file css định nghĩa cho toàn bộ hệ thống, custom lại thư viện tailwind

− types: định nghĩa các kiểu dữ liệu của typescript.

− utils: Chứa các modules xử lý các hàm sử dụng chung cho toàn hệ thống: format tiền, format ngày, getBase64, …

Mục đích chia các component là để dễ quản lý, chủ động được khi nào component re-render, chia nhỏ còn giúp cho re-render đúng component mà không re-render các component khác.

Các Hook được sử dụng trong hệ thống bao gồm:

− UseState: ví dụ khi người dùng sử dụng bộ lọc danh sách thì state hiện tại của danh sách đó sẽ thay đổi và khi React nhận thấy sự thay đổi của state sẽ thực hiện re-render lại danh sách.

− UseRef: ví dụ khi sử dụng bộ lọc có ngày tháng, mặc định khi lọc thì sẽ re- render lại toàn component bao gồm các filter Để giữ lại ngày tháng đã chọn thì userRef sẽ hỗ trợ điều đó tức là chỉ khi người dùng thao tác chọn lại ngày tháng thì phần lọc ngày tháng mới thay đổi.

− UseEffect được sử dụng chủ yếu để gọi API khi người dùng thao tác trên giao diện.

− Mục đích sử dụng store là lưu state tại global, dù là component con bậc mấy vẫn gọi trực tiếp mà không cần thông qua truyền props xuống.

Tailwind là 1 css framework giống như bootstrap nhưng hiệu quả và tối ưu hơn, không cần viết css thuần quá nhiều mà chỉ cần thêm các className tương ứng đã được định nghĩa sẵn.

Mặc định reactjs đã có virtual DOM, dùng từ khoá key để so sánh state đầu và state sau khi được cập nhật, những phần nào update sẽ được virtual DOM cập nhật trước và những phần không thay đổi vẫn giữa nguyên.

Hệ quản trị cơ sở dữ liệu SQL Server

Microsoft SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ (RDBMS) được phát triển bởi Microsoft, được thiết kế để lưu trữ và quản lý dữ liệu quan hệ của các ứng dụng doanh nghiệp với khả năng xử lý tối đa hàng nghìn đến hàng triệu dòng dữ liệu.

SQL Server được hỗ trợ trên các hệ điều hành như Windows Server và Linux và hỗ trợ các ngôn ngữ lập trình như C#, Java, PHP, Python, Node.js, v.v SQL Server cũng hỗ trợ nhiều tính năng như transaction processing, data warehousing, data mining, business intelligence, v.v.

Một trong những tính năng nổi bật của SQL Server là khả năng tối ưu hóa hiệu suất với tính năng query optimizer, index optimization và memory management, hỗ trợ các công nghệ mới như columnstore index và in-memory OLTP (online transaction processing) để tối ưu hóa hiệu suất xử lý dữ liệu.

SQL Server cũng cung cấp các công cụ quản lý và giám sát dữ liệu như SQL Server Management Studio (SSMS) và SQL Server Profiler, giúp người dùng quản lý và giám sát hoạt động của cơ sở dữ liệu.

KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU

Khảo sát hiện trạng

Xác định được mục tiêu là các hệ thống nhập hàng Trung Quốc – Việt Nam, nhóm đã đưa ra được các từ khóa là “website nhập hàng”, “nhập hàng từ Trung Quốc”,

“đặt hàng Trung Quốc” trên nền tảng tìm kiếm Google Search.

Thông qua các từ khóa tìm kiếm, nhóm nhận thấy rằng các phần mềm liên quan phần lớn dùng nền tảng website để vận hành và một số hệ thống kèm theo ứng dụng di động để cho người dùng sử dụng.

Hiện tại, ở thị trường Việt Nam cũng đã có rất nhiều hệ thống để người dùng mua hàng từ Trung Quốc như thuongdo.com, vominhthien.com, nhaphangtrung.vn và rất nhiều hệ thống khác Để hiểu rõ nghiệp vụ của một hệ thống nhập hàng Trung Quốc nhóm đã thực hiện khảo sát hệ thống nhaphangtrung.vn.

Hệ thống nhaphangtrung.vn sử dụng nền tảng website cho cả người dùng và quản trị viên sử dụng. Để sử dụng được chức năng mua hàng của hệ thống nhaphangtrung.vn thì người dùng phải cài đặt một công cụ trên cửa hàng chrome trực tuyến thông qua đường dẫn mà website cung cấp.

Hình 3 1 Công cụ đặt hàng nhaphangtrung.vn

Sau khi cài đặt công cụ, người dùng sẽ tìm kiếm tên sản phẩm mình muốn mua ở1 trong 3 sàn thương mại điện tử là 1688.com, taobao.com và tmall.com trên giao diện trang chủ của website.

Hình 3 2 Giao diện thanh tìm kiếm nhaphangtrung.vn

Sau khi nhập từ khóa tìm kiếm và bấm nút tìm kiếm thì hệ thống sẽ mở một trang ứng với website đã chọn để hiển thị các sản phẩm liên quan đến từ khóa tìm kiếm Sau đó người dùng sẽ chọn vào một sản phẩm muốn mua, tại trang chi tiết sản phẩm sẽ hiện ra công cụ để người dùng thêm sản phẩm vào giỏ hàng.

Hình 3 3 Thông báo yêu cầu đăng nhập công cụ đặt hàng nhaphangtrung.vn

Nếu như người dùng chưa đăng nhập vào hệ thống nhaphangtrung.vn thì khi nhấn thêm vào giỏ hàng công cụ hiển thị thông báo yêu cầu người dùng đăng nhập. Sau khi đăng nhập người dùng có thể thêm sản phẩm vào giỏ hàng của tài khoản.

Hình 3 4 Giao diện giỏ hàng của hệ thống nhaphangtrung.vn Ở giao diện giỏ hàng người dùng xem được thông tin sản phẩm đã thêm vào, có thể tăng số lượng sản phẩm, xóa sản phẩm, chọn các dịch vụ thêm và đặt hàng

Hình 3 5 Giao diện đặt hàng của hệ thống nhaphangtrung.vn

Sau khi nhấn đặt hàng, tại giao diện đặt hàng người dùng sẽ được xem lại các thông tin của đơn và phải chọn phương thức vận chuyển rồi bấm hoàn tất để hoàn thành quá trình đặt hàng.

Hình 3 6 Giao diện đặt hàng của hệ thống nhaphangtrung.vn

Hệ thống sẽ chuyển giao diện đến trang danh sách đơn hàng sau khi quá trình đặt hàng Tại trang danh sách đơn hàng, ứng với mỗi đơn hàng sẽ có các thao tác:

− Chi tiết: chuyển hướng đến trang chi tiết đơn hàng

− Tạo đơn tương tự: tạo một đơn hàng dựa trên dữ liệu từ đơn hàng cũ

− Đặt cọc: thanh toán số tiền phải cọc:

− Thanh toán: thanh toán số tiền còn lại của đơn hàng

− Khiếu nại: tạo khiếu nại cho đơn hàng

Hình 3 7 Giao diện chi tiết đơn hàng hệ thống nhaphangtrung.vn

Tại trang chi tiết đơn hàng người dùng cũng có các thao tác đặt cọc, thanh toán và xóa đơn hàng Trang chi tiết đơn hàng có thông tin của đơn hàng, danh sách mã vận đơn, danh sách phụ phí, danh sách sản phẩm và lịch sử thanh toán của đơn hàng.

Hình 3 8 Giao diện nạp tiền hệ thống nhaphangtrung.vn

Hệ thống nhaphangtrung.vn thực hiện giao dịch thông qua ví điện tử của hệ thống, khách hàng sẽ tiến hành tạo lệnh nạp tiền ở trang nạp tiền, sau khi quản trị viên duyệt yêu cầu nạp tiền thì số dư của tài khoản sẽ được cộng tiền vào.

Hình 3 9 Giao diện lịch sử giao dịch hệ thống nhaphangtrung.vn

Mọi hoạt động về tài chính sẽ được lưu trữ và hiển thị trong trang lịch sử giao dịch để khách hàng nắm bắt các giao dịch của tài khoản.

Hình 3 10 Giao diện danh sách khiếu nại hệ thống nhaphangtrung.vn

Những khiếu nại đã gửi đi khách hàng sẽ truy cập vào trang danh sách khiếu nại để xem thông tin.

Hình 3 11 Giao diện tracking hệ thống nhaphangtrung.vn Để xem quá trình vận chuyển của mã vận đơn khách hàng có thể truy cập vào trang tracking của hệ thống và nhập mã vận đơn vào mục tìm kiếm để xem chi tiết.

Hình 3 12 Giao diện tài khoản hệ thống nhaphangtrung.vn

Trang thông tin tài khoản của hệ thống nhaphangtrung.vn cho phép khách hàng xem chi tiết thông tin tài khoản của mình và cập nhật nếu cần thiết.

Hệ thống dành cho nhân viên bao gồm nghiệp vụ quản lý đơn hàng dành cho nhân viên kinh doanh và nhân viên đặt hàng; quản lý kho dành cho nhân viên kho Trung

Xác định yêu cầu

Sau khi thực hiện khảo sát hệ thống nhaphangtrung.vn nhóm nhận thấy rằng hệ thống này đã có một quy trình làm việc đầy đủ, tuy nhiên phần hệ thống xử lý vẫn còn một số hạn chế như tốc độ tải dữ liệu khá chậm, giao diện không được bắt mắt và đặc biệt không lấy dữ liệu mới nhất khi người dùng thực hiện cập nhật Việc không tải lại trang thì không lấy được dữ liệu mới nhất sẽ gây ra một số lỗi khá nghiêm trọng vì liên quan đến tài chính của khách hàng và số tiền của đơn hàng Để khắc phục những nhược điểm đó nhóm đã xác định được những yêu cầu của đề tài mà nhóm thực hiện.

3.2.1 Các yêu cầu chức năng

Hình 3 32 Lược đồ chức năng

Bảng 3 1 Các chức năng của hệ thống

STT CHỨC NĂNG MÔ TẢ

1 Đăng ký Người dùng đăng ký tài khoản trong hệ thống

2 Đăng nhập Người dùng, quản trị viên đăng nhập vào hệ thống

3 Đăng xuất Người dùng, quản trị viên đăng xuất tài khoản khỏi hệ thống

4 Yêu cầu mua hộ Người dùng gửi yêu cầu mua hộ sản phẩm đến quản trị viên

5 Yêu cầu nạp tiền Người dùng tạo lệnh nạp tiền vào tài khoản

6 Yêu cầu rút tiền Người dùng tạo lệnh rút tiền khỏi tài khoản

7 Khiếu nại đơn hàng Người dùng tạo khiếu nại đơn hàng khi đơn đã hoàn thành

8 Đặt cọc đơn hàng Người dùng thanh toán tiền đặt cọc của đơn hàng khi đơn chưa cọc

9 Thanh toán đơn Người dùng thanh toán số tiền còn lại của đơn hàng khi hàng đơn hàng đã về Việt Nam

10 Thay đổi thông tin Người dùng thay đổi các thông tin cơ bản của tài khoản tài khoản đang đăng nhập vào hệ thống

11 Cấu hình hệ thống Quản trị viên cầu hình hệ thống, phi người dùng, phí mua hàng, phí kiểm đếm, phí cân nặng, phí thể tích, danh sách ngân hàng, kho và phương thức vận chuyển.

12 Quản lý tài khoản Quản trị viên xem danh sách, cập nhật thông tin tài người dùng khoản trong hệ thống/

13 Cập nhật đơn hàng Nhân viên cập nhật thông tin đơn hàng

14 Lên đơn hộ khách Nhân viên tạo đơn hàng giúp khách hàng

15 Xem, cập nhật Quản trị viên xem, cập nhật khiếu nại cho người dùng. khiếu nại

16 Kiểm hàng kho Nhân viên quét mã vận đơn, cập nhật cân nặng, kích Trung Quốc thước, hình ảnh, ghi chú, trạng thái về kho Trung Quốc cho mã vận đơn.

17 Import kho Trung Nhân viên import file Excel danh sách mã vận đơn và

Quốc cân nặng vào hệ thống.

18 Kiểm hàng kho Nhân viên quét mã vận đơn, cập nhật cân nặng, kích Việt Nam thước, hình ảnh, ghi chú, trạng thái về kho Việt Nam cho mã vận đơn.

19 Xuất kho Nhân viên xuất kho các mã vận đơn và in phiếu xuất kho

20 Thanh toán xuất Nhân viên thanh toán phiên xuất kho đã tạo và in phiếu kho xuất kho

21 Xem, cập nhật bao Nhân viên xem danh sách bao hàng, cập nhật trạng thái hàng bao hàng

22 Xem danh sách mã Nhân viên xem danh sách mã vận đơn có trong hệ thống vận đơn

23 Gán kiện trôi nổi Nhân viên gán kiện hàng trôi nổi cho một đơn hàng dựa cho đơn hàng vào mã đơn hàng

24 Nạp, rút tiền cho Quản trị viên tạo lệnh nạp, rút tiền cho khách hàng khách hàng

25 Duyệt yêu cầu nạp, Quản trị viên cập nhật yêu cầu nạp, rút tiền trong hệ rút tiền thống

26 Xem thống kê Quản trị viên xem thống kê doanh thu, tiền nạp rút, giao dịch của hệ thống

27 Xem, tạo, cập nhật Nhân viên tạo các bài viết, chuyên mục hiển thị trên bài viết trang chủ của hệ thống

28 Tìm kiếm sản Người dùng nhập từ khóa tìm kiếm bằng tiếng Việt thì phẩm trên 1688, hệ thống sẽ tự động dịch sang tiếng Trung Quốc và hiển Tmall, Taobao thị kết quả tìm kiếm

29 Tra cứu mã vận Người dùng tra cứu thông tin mã vận đơn có trong hệ đơn thống

30 Xem tin tức Người dùng xem các bài viết có trong hệ thống

Các chức năng phía người dùng cuối bao gồm:

− Xác thực và ủy quyền: hệ thống cho phép người dùng đăng ký tài khoản, đăng nhập, đăng xuất khỏi hệ thống và thay đổi thông tin của tài khoản.

− Tìm kiếm sản phẩm: người dùng có thể tìm kiếm sản phẩm trên ba trang thương mại điện tử lớn ở Trung Quốc là taobao.com, tmall.com và 1688.com.

− Theo dõi mã vận đơn: người dùng có thể theo dõi mã vận đơn có trong hệ thống.

− Quản lý tài chính: người dùng có thể nạp tiền vào hệ thống, rút tiền và xem lịch sử giao dịch của tài khoản.

− Quản lý đơn hàng: người dùng tạo đơn hàng, đặt cọc, thanh toán và theo dõi đơn hàng.

− Cấu hình hệ thống: hệ thống cho phép thay đổi thông tin hệ thống, cấp bậc người dùng, phí mua hàng, phí kiểm hàng, phí vận cân nặng, phí thể tích, ngân hàng, kho và phương thức vận chuyển.

− Quản lý tài khoản: hệ thống cho phép xem danh sách tài khoản quản trị viên, khách hàng, nhân viên, hoa hồng và các thao tác thay đổi thông tin, nạp tiền, rút tiền, xem lịch sử giao dịch của tài khoản.

− Đơn hàng: hệ thống hiển thị danh sách đơn hàng, lọc danh sách, đặt cọc, thanh toán, cập nhật, xem các lịch sử của đơn hàng.

− Khiếu nại: hệ thống cho phép xem, tìm kiếm, cập nhật các khiếu nại.

− Nghiệp vụ kho: kiểm hàng kho Trung Quốc, kiểm hàng kho Việt Nam, xuất kho và thanh toán xuất kho.

− Quản lý kiện hàng: xem danh sách bao hàng, cập nhật bao, xem danh sách mã vận đơn.

− Tài chính: nạp hoặc rút tiền trực tiếp vào tài khoản khách hàng, xem, cập nhật danh sách yêu cầu nạp/yêu cầu rút.

− Thống kê: thống kê doanh thu, lợi nhuận mua hộ, nạp-rút tiền, số dư và giao dịch.

− Nội dung trang chủ: cấu hình nội dung trang chủ, chuyên mục và bài viết.

3.2.2 Các yêu phi chức năng

− Xử lý yêu cầu người dùng không quá 5 giây.

− Lấy dữ liệu mới nhất khi người dùng thao tác ở hầu hết các trang.

− Giao diện thân thiện, dễ sử dụng.

− Giao diện website phù hợp với kích cỡ thiết bị thông dụng.

− Dễ dàng mở rộng chức năng của hệ thống.

− Không hiển thị các lỗi hệ thống.

THIẾT KẾ HỆ THỐNG

Lược đồ Usecase và đặc tả Usecase

Bảng 4 1 Đặc tả usecase đăng ký

Brief description Người dùng đăng ký tài khoản trong hệ thống.

Pre-conditions Người dùng sử dụng Gmail, số điện thoại và tên đăng nhận chưa tồn tại trong hệ thống.

Thành công: người dùng được thông báo thành công và đăng

Post-conditions nhập vào hệ thống.

Thất bại: hiển thị thông báo đăng ký không thành công

Use case bắt đầu khi người dùng truy cập website.

1 Người dùng nhấn nút đăng ký.

2 Hệ thống hiển thị mẫu đăng ký.

3 Người dùng nhập tên đăng nhập, họ và tên, email, số điện thoại, mật khẩu, nhập lại mật khẩu.

Basic flow 4 Hệ thống kiểm tra định dạng tên đăng nhập, email, số điện

5 Hệ thống xác thực gmail, số điện thoại, tên đăng nhập chưa được sử dụng [A2]

6 Người dùng nhấn nút đăng ký.

7 Hiển thị thông báo đăng ký thành công, đăng nhập tài khoản vào hệ thống [A3]

[A1] Người dùng nhập sai định dạng tên đăng nhập, email, số điện thoại, mật khẩu, hiển thị thông báo sai định dạng ở mục nhập sai, quay lại bước (4) ở Basic flow.

Exception flow [A2] Hệ thống kiểm tra tên đăng nhập, email, số điện thoại đã

(Thất bại) được sử dụng, hiển thị thông báo đã tồn tại ở mục nhập, quay lại bước (4) ở Basic flow.

[A3] Hệ thống thêm tài khoản thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 2 Lược đồ tuần tự chức năng đăng ký 4.1.2.2 Đăng nhập

Bảng 4 2 Đặc tả usecase đăng nhập

Brief description Đăng nhập tài khoản vào hệ thống.

Actor(s) Khách hàng, nhân viên.

Pre-conditions Khách hàng, nhân viên đã có tài khoản được kích hoạt trong hệ thống.

Post-conditions Thành công: tài khoản đăng nhập vào hệ thống.

Thất bại: hiển thị không báo lỗi đăng nhập.

Use case bắt đầu khi người dùng truy cập website.

1 Actor nhấn nút đăng nhập.

Basic flow 2 Hệ thống hiển thị mẫu đăng nhập.

(Thành công) 3 Actor nhập tài khoản và mật khẩu.

4 Hệ thống xác thực thông tin [A1]

5 Tài khoản đăng nhập vào hệ thống [A2]

[A1] Tài khoản hoặc mật khẩu không đúng hiển thị thông báo lỗi

Exception flow đăng nhập và trở lại bước (3) của basic flow.

(Thất bại) [A2] Đăng nhập không thành công, hiển thị thông báo lỗi, dừng usecase

Hình 4 3 Lược đồ tuần tự chức năng đăng nhập 4.1.2.3 Đăng xuất

Bảng 4 3 Đặc tả usecase đăng xuất

Brief description Tài khoản đăng xuất khỏi hệ thống.

Pre-conditions Tài khoản đã đăng nhập vào hệ thống.

Thành công: tài khoản thoát khỏi hệ thống và quay về trang

Thất bại: tài khoản không thoát khỏi hệ thống.

Use case bắt đầu khi tài khoản đã đăng nhập vào hệ thống.

Basic flow 1 Actor chọn đăng xuất [A1]

(Thành công) 2 Hệ thống xác nhận, thoát phiên đăng nhập.

3 Hệ thống hiển thị trang landing page.

Exception flow [A1] Người dùng tắt trình duyệt, dừng usecase.

Hình 4 4 Lược đồ tuần tự chức năng đăng xuất 4.1.2.4 Quên mật khẩu

Bảng 4 4 Đặc tả usecase quên mật khẩu

Brief description Người dùng nhận mật khẩu mới thông qua email.

Pre-conditions Email tồn tài trong hệ thống và không phải email giả.

Post-conditions Thành công: người dùng nhận được email có mật khẩu mới.

Thất bại: người dùng không nhận được email.

Use case bắt đầu khi người dùng chọn quên mật khẩu ở mẫu đăng nhập.

Basic flow 1 Hệ thống hiển thị mẫu quên tài khoản.

(Thành công) 2 Actor nhập email và bấm gửi yêu cầu [A1]

4 Hệ thống hiển thị thông báo thành công [A2]

Exception flow [A1] Người dùng tắt mẫu quyên tài khoản, dừng usecase.

[A2] Hệ thống gửi email thất bại, hiển thị thông báo lỗi, dừng

Hình 4 5 Lược đồ tuần tự chức năng quên mật khẩu 4.1.2.5 Thay đổi thông tin tài khoản

Bảng 4 5 Đặc tả usecase Thay đổi thông tin tài khoản

Name Thay đổi thông tin tài khoản

Brief description Người dùng xem và sửa thông tin tài khoản.

Pre-conditions Tài khoản đã đăng nhập hệ thống.

Post-conditions Thành công: thông tin tài khoản được cập nhật.

Thất bại: thông tin tài khoản không được cập nhật.

Use case bắt đầu sau khi actor truy cập vào trang thông tin tài khoản.

1 Trang thông tin tài khoản được hiển thị.

2 Actor nhập thông tin muốn thay đổi.

4 Hệ thống cập nhật thông tin tài khoản và hiển thị thông báo thành công [A2]

[A1] Actor nhấn nút hủy, dừng usecase.

[A2] Hệ thống cập nhật thất bại, hiển thị thông báo lỗi, quay lại bước (2) ở Basic flow.

Hình 4 6 Lược đồ tuần tự chức năng thay đổi thông tin tài khoản 4.1.2.6 Yêu cầu nạp tiề n

Bảng 4 6 Đặc tả usecase Yêu cầu nạp tiền

Name Yêu cầu nạp tiền

Brief description Khách hàng gửi yêu cầu nạp tiền đến nhân viên.

Pre-conditions Khách hàng đã đăng nhập vào hệ thống.

Post-conditions Thành công: yêu cầu nạp được thêm vào hệ thống.

Thất bại: yêu cầu nạp không được thêm vào hệ thống.

Use case bắt đầu sau khi khách hàng truy cập vào trang yêu cầu nạp tiền.

1 Khách hàng chọn ngân hàng đã chuyển tiền, nhập số tiền

Basic flow và nội dung.

2 Khách hàng nhấn nút gửi xác nhận [A1]

3 Hệ thống thêm yêu cầu nạp, gửi thông báo cho nhân viên, hiển thị thông báo yêu cầu thành công.

[A1] Khách hàng chưa chọn ngân hàng, hệ thống hiển thị cảnh báo chọn ngân hàng, quay lại bước (1) ở Basic flow.

[A2] Hệ thống thêm yêu cầu thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 7 Lược đồ tuần tự chức năng yêu cầu nạp tiền 4.1.2.7 Yêu cầu rút tiền

Bảng 4 7 Đặc tả usecase Yêu cầu rút tiền

Name Yêu cầu rút tiền

Brief description Khách hàng gửi yêu cầu rút tiền khỏi tài khoản đến nhân viên

Pre-conditions Khách hàng đã đăng nhập vào hệ thống, số dư lớn hơn 0

Thành công: hệ thống thêm yêu cầu rút vào danh sách, tài khoản

Post-conditions người dùng bị trừ số dư.

Thất bại: yêu cầu rút không được thêm vào hệ thống.

Use case bắt đầu sau khi khách hàng truy cập trang yêu cầu rút tiền.

1 Khách hàng chọn ngân hàng đã chuyển tiền, nhập số tiền

Basic flow rút, số tài khoản, người hưởng thụ, ngân hàng và nội dung.

2 Khách hàng nhấn nút gửi yêu cầu [A2]

3 Hệ thống thêm yêu cầu rút, gửi thông báo cho nhân viên, hiển thị thông báo yêu cầu thành công [A3]

[A1] Khách hàng bỏ trống mục nhập, hiển thị lỗi không được bỏ trống ở mục chưa nhập, quay lại bước (1) ở Basic flow [A2] Khách hàng không nhấn nút gửi yêu cầu, dừng usecase [A3] Hệ thống thêm yêu cầu thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 8 Lược đồ tuần tự chức năng yêu cầu rút tiền 4.1.2.8 Yêu cầu mua hộ

Bảng 4 8 Đặc tả usecase Yêu cầu mua hộ

Name Yêu cầu mua hộ

Brief description Khách hàng gửi yêu cầu mua hộ đơn hàng hoặc nhân viên kinh doanh lên đơn hàng hộ khách.

Actor(s) Khách hàng, nhân viên kinh doanh.

Pre-conditions Khách hàng đã đăng nhập vào hệ thống.

Post-conditions Thành công: đơn hàng được tạo ở trạng thái chờ báo giá.

Thất bại: đơn hàng không được tạo.

Use case bắt đầu sau khi khách hàng truy cập trang tạo đơn mua hộ.

Basic flow 1 Actor nhập thông tin đơn hàng [A1]

(Thành công) 2 Actor nhấn nút tạo đơn hàng.

3 Hệ thống tạo đơn hàng, hiển thị thông báo tạo đơn thành công [A2]

[A1] Khách hàng bỏ qua những thông tin cần nhập, hệ thống báo đỏ ở mục nhập, quay lại bước (1) ở Basic flow.

[A2] Hệ thống không tạo được đơn hàng, hiển thị thông báo lỗi, dừng usecase.

Hình 4 9 Lược đồ tuần tự chức năng yêu cầu mua hộ 4.1.2.9 Đặt c ọc đơn hàng

Bảng 4 9 Đặc tả usecase Đặt cọc đơn hàng

Name Đặt cọc đơn hàng

Brief description Khách hàng, nhân viên kinh doanh đặt cọc đơn hàng.

Actor(s) Khách hàng, nhân viên kinh doanh

Pre-conditions Khách hàng đã đăng nhập vào hệ thống, đơn hàng có trạng thái chờ đặt cọc.

Thành công: Đơn hàng đổi sang trạng thái đã đặt cọc, tài khoản

Post-conditions khách hàng bị trừ tiền, lưu lại lịch sử giao dịch.

Thất bại: đơn hàng không được đặt cọc.

Use case bắt đầu khi khách hàng truy cập trang danh sách đơn hàng.

Basic flow 1 Actor nhấn nút đặt cọc của đơn hàng.

2 Actor xác nhận đặt cọc.

3 Hệ thống đổi trạng thái đơn hàng sang đã đặt cọc, tài khoản khách hàng bị trừ tiền, lưu lại lịch sử giao dịch, hiển thị thông báo đặt cọc thành công [A1]

[A1] Hệ thống cập nhật trạng thái không thành công, hiển thị thông báo lỗi, dừng usecase.

Hình 4 10 Lược đồ tuần tự chức năng đặt cọc đơn hàng 4.1.2.10 Thanh toán đơn hàng

Bảng 4 10 Đặc tả usecase Thanh toán đơn hàng

Name Thanh toán đơn hàng

Brief description Khách hàng, nhân viên kinh doanh thanh toán đơn hàng.

Actor(s) Khách hàng, nhân viên kinh doanh, quản trị viên, quản lý.

Pre-conditions Tài khoản đã đăng nhập vào hệ thống, đơn hàng có trạng thái đã về kho Việt Nam.

Thành công: Đơn hàng đổi sang trạng thái đã thanh toán, tài

Post-conditions khoản khách hàng bị trừ tiền, lưu lại lịch sử giao dịch.

Thất bại: đơn hàng không được thanh toán.

Basic flow 1 Khách hàng nhấn nút thanh của đơn hàng.

2 Khách hàng xác nhận thanh toán.

3 Hệ thống đổi trạng thái đơn hàng sang đã thanh toán, tài khoản khách hàng bị trừ tiền, lưu lại lịch sử giao dịch, hiển thị thông báo thanh toán thành công [A1]

Exception flow [A1] Hệ thống cập nhật trạng thái không thành công, hiển thị

(Thất bại) thông báo lỗi, dừng usecase.

Hình 4 11 Lược đồ tuần tự chức năng thanh toán đơn hàng 4.1.2.11 Khiếu nại đơn hàng

Bảng 4 11 Đặc tả usecase Khiếu nại đơn hàng

Name Khiếu nại đơn hàng

Brief description Khách hàng tạo khiếu nại cho đơn hàng

Pre-conditions Khách hàng đã đăng nhập vào hệ thống, đơn hàng có trạng thái đã hoàn thành.

Thành công: đơn hàng đổi sang trạng thái đã khiếu nại, khiếu nại

Thất bại: khiếu nại không được tạo.

1 Khách hàng nhấn nút khiếu nại.

Basic flow 2 Khách hàng nhập số tiền, nội dung và hình ảnh [A1]

(Thành công) 3 Khách hàng nhấn nút tạo khiếu nại.

4 Hệ thống đổi trạng thái đơn hàng sang đã khiếu nại, gửi thông báo đến nhân viên và hiển thị thông báo khiếu nại thành công [A2]

Exception flow [A1] Khách hàng bỏ qua các mục yêu cầu thông tin, hệ thống hiển thị yêu cầu ở những mục cần nhập, quay lại bước (2) ở Basic

[A2] Hệ thống cập nhật trạng thái không thành công, hiển thị thông báo lỗi, dừng usecase.

Hình 4 12 Lược đồ tuần tự chức năng khiếu nại đơn hàng 4.1.2.12 Cập nhật cấu hình hệ thống

Bảng 4 12 Đặc tả usecase Cập nhật cấu hình hệ thống

Name Cập nhật cấu hình hệ thống

Brief description Quản trị viên thay đổi cấu hình của hệ thống.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên.

Post-conditions Thành công: cấu hình của hệ thống được cập nhật.

Thất bại: cấu hình hệ thống không được cập nhật.

Use case bắt đầu sau khi quản trị viên truy cập vào trang cấu hình hệ thống:

Basic flow 1 Quản trị viên nhập các thông tin cần chỉnh sửa [A1]

(Thành công) 2 Quản trị viên nhấn nút cập nhật.

3 Hệ thống cập nhật thông tin cấu hình, hiển thị thông báo cập nhật thành công [A2]

[A1] Quản trị viên bỏ qua các mục cần nhập, hệ thống hiển thị

Exception flow cảnh báo ở mục nhập, khóa nút cập nhật, quay lại bước (1) ở

[A2] Hệ thống cập nhật thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 13 Lược đồ tuần tự chức năng cập nhật cấu hình hệ thống

4.1.2.13 Cập nhật cấu hình phí người dùng

Bảng 4 13 Đặc tả usecase Cấu hình phí người dùng

Name Cập nhật cấu hình phí người dùng

Brief description Quản trị viên thay đổi phí người dùng

Actor(s) Quản trị viên, nhân viên quản lý

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý.

Post-conditions Thành công: phí người dùng được cập nhật.

Thất bại: phí người dùng không được cập nhật.

Use case bắt đầu sau khi Actor truy cập vào trang cấu hình phí người dùng

Basic flow 1 Actor chọn nút cập nhật ở phí người dùng.

2 Hệ thống hiển thị mẫu cập nhật phí người dùng.

3 Actor nhập thông tin thay đổi [A1]

4 Actor nhấn nút cập nhật.

5 Hệ thống cập nhật phí người dùng [A2]

[A1] Actor bỏ mục cần nhập, hệ thống hiển thị cảnh báo ở mục nhập, khóa nút cập nhật, quay lại bước (3) ở Basic flow.

Exception flow [A2] Actor nhấn nút hủy, hệ thống ẩn mẫu nhập thông tin, dừng

[A3] Hệ thống cập nhật thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 14 Lược đồ tuần tự chức năng cập nhật cấu hình phí người dùng

4.1.2.14 Cập nhật cấu hình phí mua hàng

Bảng 4 14 Đặc tả usecase Cấu hình phí mua hàng

Name Cập nhật cấu hình phí mua hàng

Brief description Quản trị viên, quản lý thay đổi thông tin phí mua hàng

Actor(s) Quản trị viên, quản lý

Post-conditions Thành công: phí mua hàng được cập nhật.

Thất bại: phí mua hàng không được cập nhật.

Use case bắt đầu sau khi Actor truy cập vào trang cấu hình phí dịch vụ mua hàng:

Basic flow 1 Actor chọn nút cập nhật ở phí mua hàng.

2 Hệ thống hiển thị mẫu cập nhật phí mua hàng.

5 Hệ thống cập nhật phí mua hàng [A2]

[A1] Actor bỏ mục cần nhập, hệ thống hiển thị cảnh báo ở mục nhập, khóa nút cập nhật, quay lại bước (3) ở Basic flow.

Exception flow [A2] Actor nhấn nút hủy, hệ thống ẩn mẫu nhập thông tin, dừng

[A3] Hệ thống cập nhật thất bại, hiển thị thông báo lỗi, dừng use case.

Hình 4 15 Lược đồ tuần tự chức năng cập nhật cấu hình phí mua hàng 4.1.2.15 Thêm phí cân nặ ng

Bảng 4 15 Đặc tả usecase Thêm phí cân nặng

Name Thêm phí cân nặng

Brief description Quản trị viên, quản lý thêm phí cân nặng

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, phí vận chuyển chưa tồn tại trong hệ thống

Post-conditions Thành công: phí cân nặng được thêm vào hệ thống.

Thất bại: phí cân nặng không được thêm vào hệ thống.

Use case bắt đầu actor truy cập danh sách phí cân nặng

Basic flow 2 Hệ thống hiển thị mẫu thêm phí cân nặng.

(Thành công) 3 Actor nhập các thông tin phí [A1]

4 Actor nhấn nút cập nhật [A2]

5 Hệ thống hiển thị thông báo thành công [A3].

[A1] Actor bỏ các trống các mục yêu cầu, hệ thống hiển thị cảnh

Exception flow báo ở mục nhập, quay lại bước (3) ở Basic flow.

[A2] Actor nhấn nút hủy, ẩn mẫu thêm phí, dừng usecase.

[A3] Hệ thống thêm phí thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 16 Lược đồ tuần tự chức năng thêm phí cân nặng 4.1.2.16 Cập nhật phí cân nặng

Bảng 4 16 Đặc tả usecase Cập nhật phí cân nặng

Name Cập nhật phí cân nặng

Brief description Quản trị viên, quản lý cập nhật phí cân nặng.

Actor(s) Quản trị viên, quản lý.

Post-conditions Thành công: phí cân nặng được cập nhật.

Thất bại: phí cân nặng không được cập nhật.

1 Actor nút cập nhật trên dòng phí.

Basic flow 2 Hệ thống hiển thị mẫu cập nhật phí cân nặng.

[A2] Actor nhấn nút hủy, ẩn mẫu cập nhật phí, dừng usecase.

[A3] Hệ thống cập nhật phí thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 17 Lược đồ tuần tự chức năng cập nhật phí cân nặng 4.1.2.17 Xóa phí cân nặ ng

Bảng 4 17 Đặc tả usecase Xóa phí cân nặng

Name Xóa phí cân nặng

Brief description Quản trị viên, quản lý xóa phí cân nặng

Thành công: phí cân nặng được xóa, hiển thị thông báo thêm

Thất bại: hiển thị thông báo lỗi.

Basic flow 1 Actor nút xóa trên dòng phí

2 Hệ thống hiển thị xác nhận xóa.

Exception flow [A1] Actor nhấn nút hủy, ẩn mẫu xác nhận, dừng usecase.

(Thất bại) [A2] Hệ thống xóa thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 18 Lược đồ tuần tự chức năng xóa phí cân nặng 4.1.2.18 Cập nhật cấu hình phí kiểm đếm

Bảng 4 18 Đặc tả usecase cập nhật cấu hình phí kiểm đếm

Name Cập nhật cấu hình phí kiểm đếm

Brief description Quản trị viên, quản lý thay đổi thông tin phí kiểm đếm

Post-conditions Thành công: phí kiểm đếm được cập nhật.

Thất bại: phí kiểm đếm không được cập nhật.

Use case bắt đầu sau khi Actor truy cập vào trang cấu hình phí kiểm đếm:

Basic flow 1 Actor chọn nút cập nhật ở phí kiểm đếm.

2 Hệ thống hiển thị mẫu cập nhật.

[A1] Actor bỏ mục cần nhập, hệ thống hiển thị cảnh báo ở mục nhập, quay lại bước (3) ở Basic flow.

Exception flow [A2] Actor nhấn nút hủy, hệ thống ẩn mục nhập thông tin, dừng

[A3] Hệ thống cập nhật thất bại, hiển thị thông báo lỗi, dừng use case.

Hình 4 19 Lược đồ tuần tự chức năng cập nhật cấu hình phí kiểm đếm 4.1.2.19 Thêm phí thể tích

Bảng 4 19 Đặc tả usecase Thêm phí thể tích

Name Thêm phí thể tích

Brief description Quản trị viên, quản lý thêm phí thể tích

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, phí thể tích chưa tồn tại trong hệ thống.

Post-conditions Thành công: phí thể tích được thêm vào hệ thống.

Thất bại: phí thể tích không được thêm vào hệ thống.

Use case bắt đầu actor truy cập danh sách phí thể tích

Basic flow 2 Hệ thống hiển thị mẫu thêm phí thể tích.

[A2] Actor nhấn nút hủy, ẩn mẫu thêm phí, dừng usecase.

[A3] Hệ thống thêm phí thất bại, hiển thị thông báo lỗi dừng usecase.

Hình 4 20 Lược đồ tuần tự chức năng thêm phí thể tích 4.1.2.20 Cập nhật phí thể tích

Bảng 4 20 Đặc tả usecase Cập nhật phí thể tích

Name Cập nhật phí thể tích

Brief description Quản trị viên, quản lý cập nhật phí thể tích

Pre-conditions Tài khoản đăng nhập có vai trò quản trị viên, quản lý

Post-conditions Thành công: phí thể tích được cập nhật.

Thất bại: phí thể tích không được cập nhật.

1 Actor nút cập nhật trên dòng phí

Basic flow 2 Hệ thống hiển thị mẫu cập nhật phí thể tích.

(Thất bại) [A2] Actor nhấn nút hủy, ẩn mẫu cập nhật phí, dừng usecase.

[A3] Cập nhật phí thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 21 Lược đồ tuần tự chức năng cập nhật phí thể tích 4.1.2.21 Xóa phí thể tích

Bảng 4 21 Đặc tả usecase Xóa phí thể tích

Name Xóa phí thể tích

Brief description Quản trị viên, quản lý xóa phí thể tích

Post-conditions Thành công: phí thể tích được xóa.

Thất bại: phí thể tích không được xóa.

Basic flow 1 Actor nút xóa trên dòng phí

Hình 4 22 Lược đồ tuần tự chức năng xóa phí thể tích 4.1.2.22 Thêm kho

Bảng 4 22 Đặc tả usecase Thêm kho

Brief description Quản trị viên, quản lý thêm kho

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, phí vận chuyển chưa tồn tại trong hệ thống

Post-conditions Thành công: kho được thêm vào hệ thống.

Thất bại: kho không được thêm vào hệ thống.

Use case bắt đầu actor truy cập danh sách kho

1 Actor chọn nút thêm kho

Basic flow 2 Hệ thống hiển thị mẫu thêm kho.

(Thành công) 3 Actor nhập các thông tin kho [A1]

4 Actor nhấn nút thêm mới [A2]

[A2] Actor nhấn nút hủy, ẩn mẫu thêm kho, dừng usecase.

[A3] Hệ thống thêm kho thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 23 Lược đồ tuần tự chức năng thêm kho Trung Quốc

Hình 4 24 Lược đồ tuần tự chức năng thêm kho Việt Nam 4.1.2.23 Cập nhật kho

Bảng 4 23 Đặc tả usecase Cập nhật kho

Name Cập nhật phí thể tích

Brief description Quản trị viên, quản lý cập nhật kho

Post-conditions Thành công: kho được cập nhật.

Thất bại: kho không được cập nhật.

Basic flow Use case bắt đầu actor truy cập danh sách kho

1 Actor nút cập nhật trên dòng kho

2 Hệ thống hiển thị mẫu cập nhật kho.

3 Actor nhập các thông tin kho [A1]

(Thất bại) [A2] Actor nhấn nút hủy, ẩn mẫu cập nhật kho, dừng usecase.

[A3] Hệ thống cập nhật kho thất bại, hiển thị thông báo lỗi.

Hình 4 25 Lược đồ tuần tự chức năng cập nhật kho Trung Quốc

Hình 4 26 Lược đồ tuần tự chức năng cập nhật kho Việt Nam

Bảng 4 24 Đặc tả usecase ẩn kho

Brief description Quản trị viên, quản lý ẩn kho

Post-conditions Thành công: kho được ẩn.

Thất bại: kho không được ẩn.

Use case bắt đầu actor truy cập danh sách kho

Basic flow 1 Actor nút ẩn trên dòng kho

2 Hệ thống hiển thị xác nhận ẩn.

(Thất bại) [A2] Hệ thống ẩn thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 27 Lược đồ tuần tự chức năng ẩn kho Trung Quốc

Hình 4 28 Lược đồ tuần tự chức năng ẩn kho Việt Nam 4.1.2.25 Thêm phương thức vận chuyển

Bảng 4 25 Đặc tả usecase Thêm phương thức vận chuyển

Name Thêm phương thức vận chuyển

Brief description Quản trị viên, quản lý thêm phương thức vận chuyển

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, phương thức vận chuyển chưa tồn tại trong hệ thống

Thành công: phương thức vận chuyển được thêm vào hệ thống.

Post-conditions Thất bại: phương thức vận chuyển không được thêm vào hệ thống.

Use case bắt đầu actor truy cập danh sách phương thức vận chuyển

Basic flow 1 Actor chọn nút thêm phương thức.

2 Hệ thống hiển thị mẫu thêm phương thức vận chuyển.

3 Actor nhập các thông tin phương thức vận chuyển.

[A1] Actor nhấn nút hủy, ẩn mẫu thêm phương thức vận

Exception flow chuyển, dừng usecase.

(Thất bại) [A3] Hệ thống thêm phương thức vận chuyển thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 29 Lược đồ tuần tự chức năng thêm phương thức vận chuyển

4.1.2.26 Cập nhật phương thức vận chuyển

Bảng 4 26 Đặc tả usecase Cập nhật phương thức vận chuyển

Name Cập nhật phương thức vận chuyển

Brief description Quản trị viên, quản lý cập nhật phương thức vận chuyển

Pre-conditions Tài khoản đăng nhập hệ thống có vai trò quản trị viên, quản lý.

Thành công: phương thức vận chuyển được cập nhật, hiển thị

Post-conditions thông báo thêm thành công.

Thất bại: phương thức vận chuyển không được cập nhật, hiển thị thông báo lỗi.

Basic flow 1 Actor nút cập nhật trên dòng phương thức vận chuyển

2 Hệ thống hiển thị mẫu cập nhật phương thức vận chuyển.

3 Actor nhập các thông tin kho [A1]

(Thất bại) [A2] Actor nhấn nút hủy, ẩn mẫu cập nhật phương thức vận chuyển, dừng usecase.

[A3] Hệ thống cập nhật phương thức vận chuyển thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 30 Lược đồ tuần tự chức năng cập nhật phương thức vận chuyển

4.1.2.27 Xóa phương thức vận chuyển

Bảng 4 27 Đặc tả usecase xóa phương thức vận chuyển

Name Xóa phương thức vận chuyển

Brief description Quản trị viên, quản lý ẩn phương thức vận chuyển

Pre-conditions Tài khoản đăng nhập có vai trò quản trị viên, quản lý.

Thành công: phương thức vận chuyển được xóa, hiển thị thông

Post-conditions báo thêm thành công.

Thất bại: phương thức vận chuyển không được xóa, hiển thị thông báo lỗi.

Basic flow 1 Actor nút xóa trên dòng phương thức vận chuyển

(Thành công) 2 Hệ thống hiển thị xác nhận ẩn.

Hình 4 31 Lược đồ tuần tự chức năng xóa phương thức vận chuyển 4.1.2.28 Thêm ngân hàng

Bảng 4 28 Đặc tả usecase Thêm ngân hàng

Brief description Quản trị viên, quản lý thêm ngân hàng

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, ngân hàng chưa tồn tại trong hệ thống

Thành công: ngân hàng được thêm vào hệ thống, hiển thị thông

Thất bại: ngân hàng không được thêm vào hệ thống, hiển thị thông báo lỗi.

Use case bắt đầu actor truy cập danh sách ngân hàng

1 Actor chọn nút thêm ngân hàng.

Basic flow 2 Hệ thống hiển thị mẫu thêm ngân hàng.

(Thành công) 3 Actor nhập các thông tin ngân hàng.

[A1] Actor nhấn nút hủy, ẩn mẫu thêm ngân hàng, dừng

(Thất bại) [A2] Hệ thống thêm ngân hàng thất bại, hiển thị thông báo lỗi, dừng usecase.

Hình 4 32 Lược đồ tuần tự chức năng thêm ngân hàng 4.1.2.29 Cập nhật ngân hàng

Bảng 4 29 Đặc tả usecase Cập nhật ngân hàng

Name Cập nhật ngân hàng

Brief description Quản trị viên, quản lý cập nhật ngân hàng

Pre-conditions Tài khoản đăng nhập hệ thống có vai trò quản trị viên, quản lý.

Thành công: ngân hàng được cập nhật, hiển thị thông báo cập

Post-conditions nhật thành công.

Thất bại: ngân hàng không được cập nhật, hiển thị thông báo lỗi.

Use case bắt đầu actor truy cập danh sách ngân hàng

1 Actor nút cập nhật trên dòng ngân hàng.

Basic flow 2 Hệ thống hiển thị mẫu cập nhật ngân hàng.

(Thành công) 3 Actor nhập các thông tin ngân hàng.

[A1] Actor nhấn nút hủy, ẩn mẫu cập nhật ngân hàng dừng

(Thất bại) [A2] Hệ thống cập nhật ngân hàng thất bại, hiển thị thông báo lỗi.

Hình 4 33 Lược đồ tuần tự chức năng cập nhật ngân hàng 4.1.2.30 Thêm tài khoả n

Bảng 4 30 Đặc tả usecase Thêm tài khoản

Brief description Quản trị viên, quản lý, nhân viên kinh doanh thêm tài khoản

Actor(s) Quản trị viên, quản lý, nhân viên kinh doanh

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kinh doanh, tài khoản chưa tồn tại trong hệ thống

Thành công: tài khoản được thêm vào hệ thống, hiển thị thông

Thất bại: tài khoản không được thêm vào hệ thống, hiển thị thông báo lỗi.

Use case bắt đầu actor truy cập danh sách tài khoản

Basic flow 2 Hệ thống hiển thị mẫu thêm tài khoản.

(Thành công) 3 Actor nhập các thông tin tài khoản.

Exception flow [A1] Actor nhấn nút hủy, ẩn mẫu thêm tài khoản, dừng usecase.

(Thất bại) [A2] Hệ thống thêm tài khoản thất bại, hiển thị thông báo lỗi.

Hình 4 34 Lược đồ tuần tự chức năng thêm tài khoản 4.1.2.31 Cập nhật tài khoả n

Bảng 4 31 Đặc tả usecase Cập nhật tài khoản

Name Cập nhật tài khoản

Brief description Quản trị viên, quản lý, nhân viên kinh doanh cập nhật tài khoản

Actor(s) Quản trị viên, quản lý, nhân viên kinh doanh

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kinh doanh.

Thành công: tài khoản được cập nhật, hiển thị thông báo cập

Use case bắt đầu actor truy cập thông tin tài khoản

Basic flow 1 Actor nhập các thông tin tài khoản.

(Thành công) 2 Actor nhấn nút cập nhật [A1]

Exception flow [A1] Actor nhấn nút trở về, dừng usecase.

[A2] Hệ thống cập nhật tài khoản thất bại, hiển thị thông báo

Hình 4 35 Lược đồ tuần tự chức năng cập nhật tài khoản 4.1.2.32 Thanh toán hoa hồng

Bảng 4 32 Đặc tả usecase Thanh toán hoa hồng

Name Thanh toán hoa hồng

Brief description Quản trị viên, quản lý, kế toán thanh toán hoa hồng cho nhân viên.

Actor(s) Quản trị viên, quản lý, kế toán.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, kế toán, hoa hồng chưa được thanh toán

Thành công: hoa hồng được thanh toán, tài khoản nhân viên

Post-conditions được cộng tiền, hiển thị thông báo thành công.

Use case bắt đầu actor truy cập danh sách hoa hồng

1 Actor chọn nút thanh toán trên dòng hoa hồng hoặc nút

Basic flow thanh toán tất cả.

(Thành công) 2 Hệ thống hiển thị xác nhận thanh toán.

3 Actor xác nhận thanh toán [A1]

Exception flow [A1] Actor nhấn nút hủy, dừng usecase.

(Thất bại) [A2] Hệ thống thanh toán thất bại, hiển thị thông báo lỗi.

Hình 4 36 Lược đồ tuần tự chức năng thanh toán hoa hồng 4.1.2.33 Cập nh ật đơn hàng

Bảng 4 33 Đặc tả usecase Cập nhật đơn hàng

Name Cập nhật đơn hàng

Brief description Quản trị viên, quản lý, nhân viên kinh doanh, nhân viên đặt hàng cập nhật đơn hàng.

Actor(s) Quản trị viên, quản lý, nhân viên kinh doanh, nhân viên đặt hàng.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kinh doanh, nhân viên đặt hàng.

Thành công: đơn hàng được cập nhật, hiển thị thông báo thành

Use case bắt đầu actor truy cập trang chi tiết đơn hàng.

1 Actor thêm mã đơn hàng.

Basic flow 2 Mã đơn hàng được thêm vào hệ thống, đơn hàng chuyển sang trạng thái đã mua hàng.

3 Actor nhập các thông tin đơn hàng.

Exception flow [A1] Hệ thống cập nhật thất bại, hiển thị thông báo lỗi.

Hình 4 37 Lược đồ tuần tự chức năng cập nhật đơn hàng 4.1.2.34 Cập nhật khiếu nạ i

Bảng 4 34 Đặc tả usecase Cập nhật khiếu nại

Name Cập nhật khiếu nại

Brief description Quản trị viên, quản lý cập nhật khiếu nại

Thành công: khiếu nại được cập nhật, hiển thị thông báo thành

Use case bắt đầu actor truy cập trang khiếu nại.

Basic flow 1 Actor chọn nút cập nhật trên dòng khiếu nại.

2 Actor nhập thông tin cập nhật.

[A1] Actor nhấn nút hủy, ẩn mẫu cập nhật khiếu nại, dừng use

(Thất bại) [A2] Hệ thống cập nhật khiếu nại thất bại, hiển thị thông báo lỗi.

Hình 4 38 Lược đồ tuần tự chức năng cập nhật khiếu nại 4.1.2.35 Tạ o bao hàng

Bảng 4 35 Đặc tả usecase Tạo bao hàng

Brief description Quản trị viên, quản lý, nhân viên kho Trung Quốc tạo bao hàng.

Actor(s) Quản trị viên, quản lý, nhân viên kho Trung Quốc.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kho Trung Quốc.

Post-conditions Thành công: bao hàng được tạo, hiển thị thông báo thành công.

Use case bắt đầu actor truy cập trang kiểm hàng Trung Quốc.

Basic flow 1 Actor chọn nút tạo bao mới.

(Thành công) 2 Actor nhập thông tin bao.

Exception flow [A1] Actor nhấn nút hủy, ẩn mẫu thêm bao lớn, dừng use case.

(Thất bại) [A2] Hệ thống thêm bao lớn thất bại, hiển thị thông báo lỗi.

Hình 4 39 Lược đồ tuần tự chức năng tạo bao hàng 4.1.2.36 Cập nhật mã vận đơn

Bảng 4 36 Đặc tả usecase Cập nhật mã vận đơn

Name Cập nhật mã vận đơn

Brief description Quản trị viên, quản lý, nhân viên kho Trung Quốc, nhân viên kho Việt Nam cập nhật mã vận đơn.

Actor(s) Quản trị viên, quản lý, nhân viên kho Trung Quốc, nhân viên kho Việt Nam.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kho Trung Quốc, nhân viên kho Việt Nam.

Thành công: mã vận đơn, đơn hàng được cập nhật, hiển thị

Post-conditions thông báo thành công.

Use case bắt đầu actor truy cập trang kiểm hàng.

Basic flow 1 Actor quét mã vận đơn.

2 Actor nhập thông tin mã vận đơn.

Exception flow [A1] Actor nhấn nút ẩn đi, ẩn mẫu cập nhật mã vận đơn, dừng use case.

[A2] Hệ thống thêm bao lớn thất bại, hiển thị thông báo lỗi.

Hình 4 40 Lược đồ tuần tự chức năng cập nhật mã vận đơn 4.1.2.37 Xuất kho

Bảng 4 37 Đặc tả usecase Xuất kho

Brief description Quản trị viên, quản lý, nhân viên kho Việt Nam xuất kho kiện hàng.

Actor(s) Quản trị viên, quản lý, nhân viên kho Việt Nam.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kho Việt Nam, mã vận đơn đã về kho Việt Nam.

Thành công: mã vận đơn, đơn hàng được cập nhật, hiển thị

Post-conditions thông báo thành công.

Use case bắt đầu actor truy cập trang xuất kho.

1 Actor lấy mã vận đơn của tên tài khoản.

2 Actor chọn các mã vận đơn xuất kho.

Basic flow 3 Actor nhấn nút xuất kho các kiện đã chọn.

(Thành công) 4 Hệ thống tạo phiên xuất kho, chuyển hướng đến trang chi tiết phiên xuất kho.

5 Actor nhấn nút xuất kho [A1]

6 Hiển thị thông báo thành công và phiếu xuất kho [A2]

Exception flow [A1] Actor không nhấn nút xuất kho, dừng use case.

(Thất bại) [A2] Hệ thống xuất kho thất bại, hiển thị thông báo lỗi.

Hình 4 41 Lược đồ tuần tự chức năng xuất kho 4.1.2.38 Thanh toán xuất kho

Bảng 4 38 Đặc tả usecase Thanh toán xuất kho

Name Thanh toán xuất kho

Brief description Quản trị viên, quản lý, nhân viên kho Việt Nam, kế toán thanh toán phiên xuất kho và xuất kho kiện hàng.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kho Việt Nam, phiên xuất kho chưa thanh toán.

Thành công: phiên xuất kho được xử lý, hiện nút in phiếu xuất

Post-conditions kho, hiển thị thông báo thành công.

Use case bắt đầu actor truy cập trang chi tiết thanh toán xuất kho.

Basic flow 1 Actor nhấn nút thanh toán.

(Thành công) 2 Hiển thị thông báo thanh toán thành công [A1]

3 Actor nhấn nút in phiếu xuất kho.

4 Kiện hàng đổi trạng thái đã giao, hiển thị phiếu xuất.

Exception flow [A1] Hệ thống thanh toán thất bại, hiển thị thông báo lỗi.

Hình 4 42 Lược đồ tuần tự chức năng thanh toán xuất kho xuất kho 4.1.2.39 Cập nhậ t bao hàng

Bảng 4 39 Đặc tả usecase Cập nhật bao hàng

Name Cập nhật bao hàng

Brief description Quản trị viên, quản lý, nhân viên kho Việt Nam cập nhật bao hàng.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kho Việt Nam.

Thành công: bao hàng được cập nhật, hiển thị thông báo thành

Use case bắt đầu actor truy cập trang chi tiêt thanh toán xuất kho.

Basic flow 1 Actor nhập thông tin bao hàng.

(Thành công) 2 Actor nhấn nút cập nhật [A1]

3 Actor nhấn nút in phiếu xuất kho.

4 Hiển thị thông báo thành công.

Exception flow [A1] Hệ thống thanh toán thất bại, hiển thị thông báo lỗi.

Hình 4 43 Lược đồ tuần tự chức năng cập nhật bao hàng 4.1.2.40 Gán mã vận đơn cho đơn hàng

Bảng 4 40 Đặc tả usecase Gán mã vận đơn cho đơn hàng

Name Gán mã vận đơn cho đơn hàng

Brief description Quản trị viên, quản lý, nhân viên kho Việt Nam gán kiện trôi nổi cho đơn hàng.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, nhân viên kho Việt Nam.

Thành công: mã vận đơn được gán cho đơn hàng, hiển thị thông

Post-conditions báo thành công.

Use case bắt đầu actor truy cập danh sách kiện trôi nổi.

1 Actor chọn nút gán kiện.

Basic flow 2 Hệ thống hiển thị mẫu gán kiện cho đơn.

(Thành công) 3 Actor nhập mã đơn trong hệ thống.

Exception flow [A1] Actor nhấn hủy, ẩn mẫu gán đơn, dừng use case.

(Thất bại) [A2] Hệ thống gán thất bại, hiển thị thông báo lỗi.

Hình 4 44 Lược đồ tuần tự chức năng gán mã vận đơn cho đơn hàng

4.1.2.41 Duyệt yêu cầu nạp tiền

Bảng 4 41 Đặc tả usecase Duyệt yêu cầu nạp tiền

Name Duyệt yêu cầu nạp tiền

Brief description Quản trị viên, quản lý, kế toán duyệt yêu cầu nạp tiền.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, kế toán.

Thành công: yêu cầu nạp tiền được cập nhật, tài khoản được

Post-conditions cộng số dư, hiển thị thông báo thành công.

Use case bắt đầu actor truy cập trang lịch sử nạp tiền

1 Actor chọn nút cập nhật.

Basic flow 2 Hệ thống hiển thị mẫu cập nhật yêu cầu nạp.

5 Tài khoản được cộng tiền, hệ thống hiển thị thông báo thành công [A2]

Exception flow [A1] Actor nhấn hủy, ẩn mẫu cập nhật, dừng use case.

(Thất bại) [A2] Hệ thống cập nhật thất bại, hiển thị thông báo lỗi.

Hình 4 45 Lược đồ tuần tự chức năng duyệt yêu cầu nạp tiền 4.1.2.42 Hủy yêu cầu nạp tiền

Bảng 4 42 Đặc tả usecase Hủy yêu cầu nạp tiền

Name Hủy yêu cầu nạp tiền

Brief description Quản trị viên, quản lý, kế toán, khách hàng hủy yêu cầu nạp tiền.

Actor(s) Quản trị viên, quản lý, kế toán, khách hàng.

Thành công: lệnh nạp tiền được cập nhật, hiển thị thông báo

(Thành công) 3 Actor nhập thông tin.

Hình 4 46 Lược đồ tuần tự chức năng hủy yêu cầu nạp tiền 4.1.2.43 Duyệt yêu cầu rút tiền

Bảng 4 43 Đặc tả usecase Duyệt yêu cầu nạp tiền

Name Duyệt yêu cầu rút tiền

Brief description Quản trị viên, quản lý, kế toán duyệt yêu cầu rút tiền.

Thành công: yêu cầu rút tiền được cập nhật, hiển thị thông báo

Basic flow 2 Hệ thống hiển thị mẫu cập nhật yêu cầu rút.

(Thành công) 3 Actor nhập thông tin.

Hình 4 47 Lược đồ tuần tự chức năng duyệt yêu cầu rút tiền 4.1.2.44 Hủy yêu cầu rút tiền

Bảng 4 44 Đặc tả usecase Hủy yêu cầu rút tiền

Name Hủy yêu cầu rút tiền

Brief description Quản trị viên, quản lý, kế toán, khách hàng hủy yêu cầu rút tiền.

Actor(s) Quản trị viên, quản lý, kế toán, khách hàng.

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, kế toán, khách hàng.

Thành công: yêu cầu rút tiền được cập nhật, ví người dùng được

Post-conditions hoàn lại số dư, hiển thị thông báo thành công.

5 Hệ thống hoàn số tiền yêu cầu rút vào ví người dùng, hiển thị thông báo thành công [A2]

Hình 4 48 Lược đồ tuần tự chức năng hủy yêu cầu rút tiền 4.1.2.45 Thêm menu header trang chủ

Bảng 4 45 Đặc tả usecase menu header trang chủ

Name Thêm menu header trang chủ

Brief description Quản trị viên, quản lý thêm menu header

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, menu header chưa tồn tại trong hệ thống

Thành công: menu header được thêm vào hệ thống, hiển thị

Use case bắt đầu actor truy cập trang cấu hình trang chủ

1 Actor chọn nút thêm menu.

Basic flow 2 Hệ thống hiển thị mẫu thêm menu.

(Thành công) 3 Actor nhập các thông tin menu.

Exception flow [A1] Actor nhấn nút thoát, ẩn mẫu thêm menu, dừng usecase.

(Thất bại) [A2] Hệ thống thêm menu thất bại, hiển thị thông báo lỗi.

Hình 4 49 Lược đồ tuần tự chức năng thêm menu header trang chủ

4.1.2.46 Cập nhật menu header trang chủ

Bảng 4 46 Đặc tả usecase Cập nhật menu header trang chủ

Name Cập nhật menu header trang chủ

Brief description Quản trị viên, quản lý cập nhật menu header trang chủ.

Thành công: menu header được cập nhật, hiển thị thông báo cập

1 Actor nút cập nhật menu.

Basic flow 2 Hệ thống hiển thị mẫu cập nhật menu.

(Thành công) 3 Actor nhập các thông tin menu.

Exception flow [A1] Actor nhấn nút thoát, ẩn mẫu cập nhật menu, dừng usecase.

[A2] Hệ thống cập nhật menu thất bại, hiển thị thông báo lỗi.

Hình 4 50 Lược đồ tuần tự chức năng cập nhật menu header trang chủ

4.1.2.47 Xóa menu header trang chủ

Bảng 4 47 Đặc tả usecase Xóa menu header trang chủ

Name Xóa menu header trang chủ

Brief description Quản trị viên, quản lý xóa menu header trang chủ

Thành công: menu header được xóa, hiển thị thông báo thêm

Basic flow 1 Actor nút xóa

Exception flow [A1] Actor nhấn nút No, ẩn mẫu xác nhận, dừng usecase.

(Thất bại) [A2] Hệ thống xóa thất bại, hiển thị thông báo lỗi.

Hình 4 51 Lược đồ tuần tự chức năng xóa menu header trang chủ

4.1.2.48 Cập nhật quyền lợi khách hàng trang chủ

Bảng 4 48 Đặc tả usecase Cập nhật quyền lợi khách hàng trang chủ

Name Cập nhật quyền lợi khách hàng trang chủ

Brief description Quản trị viên, quản lý cập nhật quyền lợi khách hàng trang chủ.

Thành công: quyền lợi khách hàng được cập nhật, hiển thị thông

Post-conditions báo cập nhật thành công.

1 Actor nút cập nhật quyền lợi khách hàng.

Basic flow 2 Hệ thống hiển thị mẫu cập nhật.

(Thành công) 3 Actor nhập các thông tin quyền lợi khách hàng.

[A1] Actor nhấn nút hủy, ẩn mẫu cập nhật quyền lợi khách

Exception flow hàng, dừng usecase.

(Thất bại) [A2] Hệ thống cập nhật quyền lợi khách hàng thất bại, hiển thị thông báo lỗi.

Hình 4 52 Lược đồ tuần tự chức năng cập nhật quyền lợi khách hàng trang chủ 4.1.2.49 Cập nhật bước đăng ký trang chủ

Bảng 4 49 Đặc tả usecase Cập nhật bước đăng ký trang chủ

Name Cập nhật bước đăng ký trang chủ

Brief description Quản trị viên, quản lý cập nhật các bước đăng ký ở trang chủ.

Thành công: bước đăng ký được cập nhật, hiển thị thông báo

Post-conditions cập nhật thành công.

1 Actor nút cập nhật bước đăng ký.

Basic flow 2 Hệ thống hiển thị mẫu cập nhật.

(Thành công) 3 Actor nhập các thông tin bước đăng ký.

Exception flow [A1] Actor nhấn nút hủy, ẩn mẫu cập nhật, dừng usecase.

[A2] Hệ thống cập nhật bước đăng ký thất bại, hiển thị thông

Hình 4 53 Lược đồ tuần tự chức năng cập nhật bước đăng ký trang chủ 4.1.2.50 Thêm chuyên mụ c

Bảng 4 50 Đặc tả usecase chuyên mục

Brief description Quản trị viên, quản lý thêm chuyên mục

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, chuyên mục chưa tồn tại trong hệ thống

Thành công: chuyên mục được thêm vào hệ thống, hiển thị

Use case bắt đầu actor truy cập trang danh sách chuyên mục

Basic flow 1 Actor chọn nút thêm thêm chuyên mục.

2 Chuyển hướng đến trang tạo chuyên mục.

3 Actor nhập các thông tin chuyên mục.

4 Actor nhấn nút tạo mới [A1]

Exception flow [A1] Actor nhấn nút trở về, chuyển hướng đến trang danh sách chuyên mục, dừng usecase.

[A2] Hệ thống thêm chuyên mục thất bại, hiển thị thông báo lỗi.

Hình 4 54 Lược đồ tuần tự chức năng thêm chuyên mục 4.1.2.51 Cập nhật chuyên mụ c

Bảng 4 51 Đặc tả usecase Cập nhật chuyên mục

Name Cập nhật chuyên mục

Brief description Quản trị viên, quản lý cập nhật chuyên mục.

Thành công: chuyên mục được cập nhật, hiển thị thông báo cập

Use case bắt đầu actor truy cập trang danh sách chuyên mục

Basic flow 1 Actor nút cập nhật chuyên mục.

2 Chuyển hướng đến trang chỉnh sửa chuyên mục.

3 Actor nhập các thông tin chuyên mục.

[A1] Actor nhấn nút trở về, chuyển hướng đến trang danh sách

Exception flow chuyên mục, dừng usecase.

(Thất bại) [A2] Hệ thống cập nhật chuyên mục thất bại, hiển thị thông báo lỗi.

Hình 4 55 Lược đồ tuần tự chức năng cập nhật chuyên mục 4.1.2.52 Thêm bài viế t

Bảng 4 52 Đặc tả usecase Thêm bài viết

Brief description Quản trị viên, quản lý thêm bài viết

Pre-conditions Tài khoản đăng nhập vào hệ thống có vai trò quản trị viên, quản lý, bài viết chưa tồn tại trong hệ thống

Thành công: bài viết được thêm vào hệ thống, hiển thị thông

Use case bắt đầu actor truy cập trang danh sách bài viết

1 Actor chọn nút thêm thêm bài viết.

Basic flow 2 Chuyển hướng đến trang tạo bài viết.

(Thành công) 3 Actor nhập các thông tin bài viết.

4 Actor nhấn nút tạo mới [A1]

Exception flow [A1] Actor nhấn nút trở về, chuyển hướng đến trang danh sách bài viết, dừng usecase.

[A2] Hệ thống thêm bài viết thất bại, hiển thị thông báo lỗi.

Hình 4 56 Lược đồ tuần tự chức năng thêm bài viết 4.1.2.53 Cập nhật bài viế t

Bảng 4 53 Đặc tả usecase Cập nhật bài viết

Name Cập nhật bài viết

Brief description Quản trị viên, quản lý cập nhật bài viết.

Thành công: bài viết được cập nhật, hiển thị thông báo cập nhật

Use case bắt đầu actor truy cập trang danh sách bài viết

1 Actor nút cập nhật bài viết.

Basic flow 2 Chuyển hướng đến trang chỉnh sửa bài viết.

(Thành công) 3 Actor nhập các thông tin bài viết.

Exception flow [A1] Actor nhấn nút trở về, chuyển hướng đến trang danh sách bài viết, dừng usecase.

[A2] Hệ thống cập nhật bài viết thất bại, hiển thị thông báo lỗi.

Hình 4 57 Lược đồ tuần tự chức năng thêm bài viết

Lược đồ lớp

Mô tả dữ liệu

Từ lược đồ lớp đã thiết kế ánh xạ qua cơ sở dữ liệu được các bảng mô tả sau:

# Field name Data type Allow null

THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ

Giao diện trang chủ

Hình 5 1 Giao diện trang chủ Bảng 5 1 Mô tả giao diện trang chủ

1 Button Hiển thị mẫu đăng nhập

2 Button Hiển thị mẫu đăng nhập

3 Dropdown Chọn trang tìm kiếm

5 Button Tìm kiếm sản phẩm

7 Button Tìm kiếm mã vận đơn

Hình 5 2 Giao diện đăng nhập Bảng 5 2 Mô tả giao diện đăng nhập

3 Button Thực hiện đăng nhập

4 Link Hiển thị mẫu đăng ký

5 Link Hiển thị mẫu quên mật khẩu

Hình 5 3 Giao diện đăng ký

Bảng 5 3 Mô tả giao diện đăng ký

6 Input Xác nhận mật khẩu

7 Button Thực hiện đăng ký

5.1.4 Giao diện quên mật khẩu

Hình 5 4 Giao diện quên mật khẩu Bảng 5 4 Mô tả giao diện quên mật khẩu

1 Input Email đã đăng ký

2 Button Thực hiện nhận mật khẩu

3 Link Hiển thị mẫu đăng nhập

Hình 5 5 Giao diện chuyên mục Bảng 5 5 Mô tả giao diện chuyên mục

1 Link Chuyển hướng đến trang bài viết

Hình 5 6 Giao diện bài viết

Bảng 5 6 Mô tả giao diện bài viết

Giao diện khách hàng

Hình 5 7 Giao diện điều khiển

Bảng 5 7 Mô tả giao diện điều khiển

1 Link Chuyển hướng đến trang chủ

2 Button Vào trang quản trị

3 Button Danh sách thông báo

4 Dropdown Các thao tác tài khoản

5 Dropdown Các thao tác đơn hàng

6 Dropdown Các thao tác tài chính

7 Dropdown Các thao tác kiểm tra

8 Link Chuyển hướng đến trang danh sách đơn hàng

9 Button Chuyển hướng đến trang chi tiết đơn hàng

5.2.2 Giao diện danh sách đơn hàng

Hình 5 8 Giao diện danh sách đơn hàng

Bảng 5 8 Mô tả giao diện danh sách đơn hàng

1 Button Ẩn/Hiện bộ lọc nâng cao

2 Dropdown Các loại tìm kiếm

3 Input Nội dung tìm kiếm

4 Dropdown Các loại trạng thái

5 Input Ngày bắt đầu và ngày kết thúc

6 Button Thực hiện tìm kiếm

7 Button Thực hiện tìm kiếm theo trạng thái

9 Button Chuyển hướng đến trang tạo khiếu nại

5.2.3 Giao diện tạo đơn hàng

Hình 5 9 Giao diện tạo đơn hàng

Bảng 5 9 Mô tả giao diện tạo đơn hàng

1 Dropdown Các phương thức vận chuyển

2 Dropdown Các kho Trung Quốc

3 Dropdown Các kho Việt Nam

4 Button Thêm phần nhập sản phẩm

5 Input Hình ảnh sản phẩm

8 Input Thuộc tính sản phẩm

10 Input Số lượng sản phẩm

11 Input Ghi chú sản phẩm

12 Button Xóa sản phẩm khỏi giao diện

14 Input Ghi chú toàn đoan hàng

15 Button Thực hiện tạo đơn hàng

5.2.4 Giao diện chi tiết đơn hàng

Hình 5 10 Giao diện chi tiết đơn hàng

Bảng 5 10 Mô tả giao diện chi tiết đơn hàng

1 Button Chuyển hướng đến trang danh sách đơn hàng

2 Button Thực hiện đặt cọc/thanh toán

5.2.5 Giao diện lịch sử giao dịch

Hình 5 11 Giao diện lịch sử giao dịch

Bảng 5 11 Mô tả giao diện lịch sử giao dịch

1 Input Ngày bắt đầu và kết thúc

2 Dropdown Trạng thái giao dịch

3 Button Thực hiện lọc kết quả

Hình 5 12 Giao diện nạp tiền Bảng 5 12 Mô tả giao diện nạp tiền

3 Input Nội dung chuyển khoản

4 Button Thực hiện tạo yêu cầu nạp tiền

5 Button Hủy yêu cầu nạp tiền

Hình 5 13 Giao diện rút tiền Bảng 5 13 Mô tả giao diện rút tiền

6 Button Thực hiện yêu cầu rút

7 Button Thực hiện xóa yêu cầu rút

5.2.8 Giao diện tracking mã vận đơn

Hình 5 14 Giao diện tracking mã vận đơn

Bảng 5 14 Mô tả giao diện tracking mã vận đơn

2 Button Thực hiện tìm kiếm mã vận đơn

5.2.9 Giao diện danh sách mã vận đơn

Hình 5 15 Giao diện danh sách mã vận đơn Bảng 5 15 Mô tả giao diện danh sách mã vận đơn

1 Dropdown Các loại tìm kiếm

2 Input Nội dung tìm kiếm

3 Dropdown Các loại trạng thái

5.2.10 Giao diện tạo khiếu nại

Hình 5 16 Giao diện tạo khiếu nại

Bảng 5 16 Mô tả giao diện tạo khiếu nại

1 Input Số tiền khiếu nại

2 Input Nội dung khiếu nại

4 Button Thực hiện tạo khiếu nại

5.2.11 Giao diện thông tin người dùng

Hình 5 17 Giao diện thông tin người dùng Bảng 5 17 Mô tả giao diện thông tin người dùng

1 Button Thực hiện cập nhật tài khoản

2 Dropdown Các kho Trung Quốc

3 Dropdown Các kho Việt Nam

4 Dropdown Các hình thức vận chuyển

5 Button Chọn đổi mật khẩu

6 Link Hiện mẫu cập nhật ảnh đại diện

Giao diện nhân viên

5.3.1 Giao diện thống kê doanh thu

Hình 5 18 Giao diện thống kê doanh thu Bảng 5 18 Mô tả giao diện thống kê doanh thu

3 Button Chuyển đổi biểu đồ

5.3.2 Giao diện thống kê lợi nhuận

Hình 5 19 Giao diện thống kê doanh thu

Bảng 5 19 Mô tả giao diện thống kê doanh thu

5.3.3 Giao diện thống kê nạp rút tiền

Hình 5 20 Giao diện thống kê nạp rút tiền Bảng 5 20 Mô tả giao diện thống kê nạp rút tiền

1 Input Nhập tên tài khoản

5 Button Xuất file excel danh sách nạp

6 Button Xuất file excel danh sách rút

5.3.4 Giao diện cấu hình hệ thống

Hình 5 21 Giao diện cấu hình hệ thống Bảng 5 21 Mô tả giao diện cấu hình hệ thống

1 Tab Mục cập nhật cấu hình

2 Button Thực hiện cập nhật

5.3.5 Giao diện cấu hình phí người dùng

Hình 5 22 Giao diện cấu hình phí người dùng

Bảng 5 22 Mô tả giao diện cấu hình người dùng

1 Button Hiện mẫu cập nhật

5.3.6 Giao diện cấu hình phí mua hàng

Hình 5 23 Giao diện cấu hình phí mua hàng Bảng 5 23 Mô tả giao diện cấu hình mua hàng

1 Button Hiện mẫu cập nhật

5.3.7 Giao diện cấu hình phí vận chuyển

Hình 5 24 Giao diện cấu hình phí vận chuyển

Bảng 5 24 Mô tả giao diện cấu hình vận chuyển

2 Button Hiển thị mẫu thêm phí vận chuyển

3 Button Hiển thị mẫu cập nhật phí vận chuyển

4 Button Xóa phí vận chuyển

Hình 5 25 Giao diện thêm phí vận chuyển Bảng 5 25 Mô tả giao diện thêm vận chuyển

1 Button Thực hiện thêm phí vận chuyển

2 Button Hủy thêm phí vận chuyển

Hình 5 26 Giao diện cập nhật phí vận chuyển

Bảng 5 26 Mô tả giao diện cập nhật vận chuyển

1 Button Thực hiện cập nhật phí vận chuyển

2 Button Hủy cập nhật phí vận chuyển

5.3.8 Giao diện cấu hình phí kiểm hàng

Hình 5 27 Giao diện cấu hình phí kiểm hàng

Bảng 5 27 Mô tả giao diện cấu hình kiểm hàng

1 Tab Mục phí kiểm hàng

2 Button Hiện mẫu cập nhật phí kiểm hàng

3 Button Thực hiện cập nhật phí kiểm hàng

4 Button Hủy thêm phí kiểm hàng

5.3.9 Giao diện cấu hình phí kho và phương thức vận chuyển

Hình 5 28 Giao diện cấu hình kho và phương thức vận chuyển

Bảng 5 28 Mô tả giao diện cấu hình kho và phương thức vận chuyển

1 Tab Mục kho và phương thức vận chuyển

2 Button Hiện mẫu cập nhật thêm kho

3 Button Hiện mẫu thêm phương thức vận chuyển

4 Button Ẩn kho/phương thức vận chuyển

5 Button Hiện mẫu cập nhật kho/phương thức vận chuyển

5.3.10 Giao diện cấu hình phí ngân hàng

Hình 5 29 Giao diện cấu hình ngân hàng Bảng 5 29 Mô tả giao diện cấu hình ngân hàng

1 Button Hiện mẫu thêm ngân hàng

2 Button Trạng thái hiển thị

3 Button Thực hiện cập nhật ngân hàng

5 Button Hiện mẫu cập nhật ngân hàng

5.3.11 Giao diện danh sách tài khoản

Hình 5 30 Giao diện danh sách tài khoản

Bảng 5 30 Mô tả giao diện danh sách tài khoản

1 Dropdown Các tài khoản nhân viên kinh doanh

2 Dropdown Các tài khoản nhân viên đặt hàng

4 Button Hiện mẫu thêm tài khoản khách hàng

5 Dropdown Các thao tác với tài khoản

5.3.12 Giao diện danh sách hoa hồng

Hình 5 31 Giao diện danh sách hoa hồng Bảng 5 31 Mô tả giao diện danh sách hoa hồng

2 Button Thực hiện thanh toán hoa hồng

5.3.13 Giao diện danh sách đơn hàng

Hình 5 32 Giao diện danh sách đơn hàng

Bảng 5 32 Mô tả giao diện danh sách đơn hàng

1 Button Đặt cọc/thanh toán đơn hàng giúp khách

2 Button Chuyển hướng đến chi tiết đơn hàng

5.3.14 Giao diện tạo đơn hộ khách

Hình 5 33 Giao diện tạo đơn hộ khách

Bảng 5 33 Mô tả giao diện tạo đơn hộ khách

1 Dropdown Danh sách khách hàng của sale

5.3.15 Giao diện danh sách khiếu nại

Hình 5 34 Giao diện danh sách khiếu nại

Bảng 5 34 Mô tả giao diện danh sách khiếu nại

2 Button Hiển thị mẫu cập nhật khiếu nại

4 Button Thực hiện cập nhật khiếu nại

5 Button Hủy cập nhật khiếu nại

5.3.16 Giao diện chi tiết đơn hàng

Hình 5 35 Giao diện chi tiết đơn hàng

Bảng 5 35 Mô tả giao diện chi tiết đơn hàng

1 Button Thực hiện thêm mã đơn hàng

2 Button Hiển thị mẫu thêm mã vận đơn

3 Checkbox Xác nhận đơn hàng đã đủ mã vận đơn

4 Button Thực hiện cập nhật đơn hàng

5 Button Đặt cọc/thanh toán đơn hàng

6 Button Thực hiện cập nhật sản phẩm

7 Button Chuyển hướng đến trang danh sách đơn hàng

8 Button Hiện mẫu thêm phụ phí

9 Checkbox Xác nhận thay đổi cân nặng trong chi tiết đơn

10 Checkbox Xác nhận thay đổi phí vận chuyển trong chi tiết đơn

11 Checkbox Các phí dịch vụ thêm của đơn

5.3.17 Giao diện kiểm hàng kho Trung Quốc

Hình 5 36 Giao diện kiểm hàng kho Trung Quốc

Bảng 5 36 Mô tả giao diện kiểm hàng kho Trung Quốc

1 Dropdown Các bao hàng ở kho Trung Quốc

2 Button Hiển thị mẫu tạo bao hàng

3 Button Quét mã vận đơn

4 Button Cập nhật tất cả kiện đã quét

5 Button Hiển thị mẫu tạo mã vận đơn

6 Button Ẩn tất cả kiện của khách hàng

7 Button Cập nhật tất cả kiện của khách hàng

8 Button Cập nhật kiện hàng

9 Button In barcode của kiện hàng

5.3.18 Giao diện kiểm hàng kho Việt Nam

Hình 5 37 Giao diện kiểm hàng kho Việt Nam Bảng 5 37 Mô tả giao diện kiểm hàng kho Việt Nam

1 Button Hiễn mẫu gán mã vận đơn cho đơn hàng

Hình 5 38 Giao diện xuất kho Bảng 5 38 Mô tả giao diện xuất kho

1 Dropdown Các tên tài khoản

2 Button Lấy tất cả kiện đã về kho Việt Nam

3 Input Nhập mã vận đơn muốn xuất kho

4 Button Tạo phiên xuất kho

5 Selectbox Chọn mã vận đơn muốn xuất kho

5.3.20 Giao diện chi tiết xuất kho

Hình 5 39 Giao diện chi tiết xuất kho

Bảng 5 39 Mô tả giao diện chi tiết xuất kho

1 Button Tải lại phiên/xuất kho phiên

2 Button Ẩn những kiện chưa thanh toán trong phiên

5.3.21 Giao diện chi tiết thanh toán xuất kho

Hình 5 40 Giao diện chi tiết thanh toán xuất kho

Bảng 5 40 Mô tả giao diện chi tiết thanh toán xuất kho

1 Button Nạp tiền rồi thanh toán phiên xuất kho

2 Button Thanh toán phiên xuất kho bằng số dư ví

3 Button Tải lại phiên/in phiếu xuất kho

4 Button Chuyển hướng đến trang danh sách thanh toán xuất kho

5.3.22 Giao diện nạp tiền cho khách

Hình 5 41 Giao diện nạp tiền cho khách Bảng 5 41 Mô tả giao diện nạp tiền cho khách

1 Button Tạo yêu cầu nạp tiền

2 Button Trở về giao diện nạp tiền cá nhân

5.3.23 Giao diện rút tiền cho khách

Hình 5 42 Giao diện rút tiền cho khách Bảng 5 42 Mô tả giao diện rút tiền cho khách

1 Button Tạo yêu cầu rút tiền

2 Button Trở về giao diện rút tiền cá nhân

5.3.24 Giao diện danh sách yêu cầu nạp

Hình 5 43 Giao diện danh sách yêu cầu nạp Bảng 5 43 Mô tả giao diện danh sách yêu cầu nạp

1 Button Hiện mẫu cập nhật yêu cầu nạp

3 Button Thực hiện cập nhật yêu cầu nạp

4 Button Hủy cập nhật yêu cầu nạp

5.3.25 Giao diện danh sách yêu cầu rút

Hình 5 44 Giao diện danh sách yêu cầu rút

Bảng 5 44 Mô tả giao diện danh sách yêu cầu rút

1 Button Hiện mẫu cập nhật yêu cầu rút

3 Button Thực hiện cập nhật yêu cầu rút

4 Button Hủy cập nhật yêu cầu rút

5.3.26 Giao diện nội dung trang chủ

Hình 5 45 Giao diện nội dung trang chủ

Bảng 5 45 Mô tả giao diện nội dung trang chủ

1 Button Hiện mẫu thêm menu

2 Button Hiện mẫu cập nhật menu

3 Button Hiện mẫu thêm menu con

5 Button Hiện mẫu cập nhật bước đăng ký

6 Button Hiện mẫu cập nhật quyền lợi khách hàng

5.3.27 Giao diện danh sách chuyên mục

Hình 5 46 Giao diện danh sách chuyên mục

Bảng 5 46 Mô tả giao diện danh sách chuyên mục

1 Button Chuyển hướng đến trang tạo chuyên mục

2 Button Chuyển hướng đến trang cập nhật chuyên mục

5.3.28 Giao diện tạo chuyên mục

Hình 5 47 Giao diện tạo chuyên mục

Bảng 5 47 Mô tả giao diện tạo chuyên mục

1 Button Thực hiện tạo chuyên mục

2 Button Chuyển hướng đến trang danh sách chuyên mục

5.3.29 Giao diện cập nhật chuyên mục

Hình 5 48 Giao diện cập nhật chuyên mục

Bảng 5 48 Mô tả giao diện cập nhật chuyên mục

1 Button Thực hiện cập nhật chuyên mục

2 Button Chuyển hướng đến trang danh sách chuyên mục

5.3.30 Giao diện danh sách bài viết

Hình 5 49 Giao diện danh sách bài viết

Bảng 5 49 Mô tả giao diện danh sách bài viết

1 Dropdowm Lọc bài viết theo chuyên mục

2 Button Chuyển hướng đến trang tạo bài viết

3 Button Chuyển hướng đến trang cập nhật bài viết

5.3.31 Giao diện tạo bài viết

Hình 5 50 Giao diện tạo bài viết

Bảng 5 50 Mô tả giao diện tạo bài viết

1 Button Thực hiện tạo bài viết

2 Button Chuyển hướng đến trang danh sách bài viết

4 Button Trạng thái bài viết

5.3.32 Giao diện cập nhật bài viết

Hình 5 51 Giao diện cập nhật bài viết

Bảng 5 51 Mô tả giao diện cập nhật bài viết

1 Button Thực hiện cập nhật bài viết

2 Button Chuyển hướng đến trang danh sách bài viết

CÀI ĐẶT VÀ KIỂM THỬ

Cài đặt

Các bước cài đặt hệ thống nhập hàng Trung Quốc – Việt Nam mà nhóm đã thực hiện:

Bước 1: Tải các môi trường để chạy hệ thống bao gồm Microsoft NET SDK

6.0, NodeJS 18.x, Yarn 1.x, Microsoft SQL Server 2019.

Bước 2: Tải mã nguồn qua đường link:

− Backend: https://github.com/GiaMinh20/jeamin-BE

− Frontend: https://github.com/GiaMinh20/jeamin-FE.

Bước 3: Mở cmd ở dự án Frontend, nhập lệnh yarn để tải thư viện của Front end.

Bước 4: Mở cmd ở dự án Frontend, nhập lệnh yarn export để tạo phiên bản tĩnh của Front end.

Bước 5: Trong dự án Backend truy cập thư mục jeamin.API dán toàn bộ dữ liệu của phiên bản tĩnh của Frontend vào thư mục wwwroot.

Bước 6: Mở cmd ở thư mục jeamin.API, nhập lệnh dotnet run.

Bước 7: Copy đường link ở cmd dán vào trình duyệt để mở hệ thống.

Kiểm thử

Sử dụng kiểm thử hộp đen để kiểm tra các chức năng chính của hệ thống Sau khi tiến hành, thu được kết quả như sau:

STT Mô tả test Quy trình Kết quả mong đợi Thực case hiện

1 Kiểm thử chức 1 Nhấn vào nút đăng ký Hiển thị thông báo Pass năng đăng ký trên thanh điều hướng đăng ký thành công, tài

2 Nhập thông tin đăng ký khoản đăng nhập vào

3 Nhấn nút đăng ký hệ thống.

2 Kiểm thử chức 1 Nhấn vào nút đăng nhập Tài khoản đăng nhập Pass năng đăng trên thanh điều hướng vào hệ thống. nhập 2 Nhập tài khoản, mật khẩu.

3 Kiểm thử chức 1 Trỏ chuột đến tên tài Tài khoản thoát phiên Pass năng đăng xuất khoản đăng nhập.

4 Kiểm thử chức 1 Nhấn vào nút đăng nhập Nhận được email của Pass năng quên mật trên thanh điều hướng hệ thống chứa mật khẩu 2 Bấm vào liên kết quên khẩu mới Tài khoản mật khẩu trên mẫu đăng được đổi mật khẩu. nhập.

3 Nhập email đã đăng ký.

5 Kiểm thử chức 1 Truy cập trang thông tin Hiển thị thông báo Pass năng thay đổi người dùng thành công, thông tin thông tin tài 2 Nhập thông tin thay đổi tài khoản được cập khoản 3 Nhấn cập nhật thông tin nhật

6 Kiểm thử chức 1 Truy cập trang nạp tiền Hiển thị thông báo Pass năng yêu cầu 2 Nhập thông tin yêu cầu thành công, yêu cầu nạp tiền 3 Nhấn gửi xác nhận nạp được thêm vào hệ thống, nhân viên nhận được thông báo.

7 Kiểm thử chức 1 Truy cập trang rút tiền Hiển thị thông báo Pass năng yêu cầu 2 Nhập thông tin yêu cầu thành công, yêu cầu rút rút tiền 3 Nhấn gửi xác nhận được thêm vào hệ thống, tài khoản bị trừ số dư, nhân viên nhận được thông báo.

8 Kiểm thử chức 1 Truy cập trang tạo đơn Hiển thị thông báo Pass năng yêu cầu mua hộ thành công, đơn hàng mua hộ 2 Nhập thông tin đơn được thêm vào hệ hàng thống với trạng thái

3 Nhấn tạo đơn hàng chờ báo giá, nhân viên nhận được thông báo.

9 Kiểm thử chức 1 Nhấn nút đặt cọc ở đơn Hiển thị thông báo Pass năng đặt cọc hàng thành công, tài khoản

2 Xác nhận đặt cọc bị trừ số dư, thêm lịch sử giao dịch, thông báo cho nhân viên.

10 Kiểm thử chức 1 Nhấn nút thanh toán ở Hiển thị thông báo Pass năng thanh đơn hàng thành công, tài khoản toán đơn hàng 2 Xác nhận thanh toán bị trừ số dư, thêm lịch sử giao dịch, thông báo cho nhân viên.

11 Kiểm thử chức 1 Nhấn nút khiếu nại ở Hiển thị thông báo Pass năng khiếu nại đơn hàng thành công, chuyển đơn hàng 2 Nhập thông tin khiếu hướng đến trang danh nại sách đơn hàng, thông

3 Nhấn nút tạo khiếu nại báo cho nhân viên

12 Kiểm thử chức 1 Truy cập trang cấu hình Hiển thị thông báo Pass năng cập nhật hệ thống thành công, thông tin cấu hình hệ 2 Nhập thông tin cập cấu hình được cập nhật thống nhật.

13 Kiểm thử chức 1 Truy cập trang cấu hình Phí người dùng được Pass năng cập nhật phí người dùng cập nhật cấu hình phí 2 Nhấn vào nút cập nhật người dùng trong phần thao tác.

3 Nhập thông tin cập nhật.

14 Kiểm thử chức 1 Truy cập trang cấu hình Phí mua hàng được cập Pass năng cập nhật phí mua hàng nhật cấu hình phí 2 Nhấn vào nút cập nhật mua hàng trong phần thao tác.

15 Kiểm thử chức 1 Truy cập trang cấu hình Hiển thị thông báo Pass năng thêm phí phí vận chuyển thành công, phí cân cân nặng 2 Nhấn vào nút thêm nặng được thêm vào

3 Nhập thông tin phí vận danh sách. chuyển.

16 Kiểm thử chức 1 Truy cập trang cấu hình Hiển thị thông báo Pass năng cập nhật phí cân nặng thành công, phí cân phí cân nặng 2 Nhấn vào nút cập nhật nặng được cập nhật. trong phần thao tác.

17 Kiểm thử chức 1 Truy cập trang cấu hình Hiển thị thông báo Pass năng xóa phí phí cân nặng thành công, phí cân cân nặng 2 Nhấn vào nút xóa trong nặng được xóa. phần thao tác.

18 Kiểm thử chức 1 Truy cập trang cấu hình Phí kiểm hàng được Pass năng cập nhật phí kiểm hàng cập nhật cấu hình phí 2 Nhấn vào nút cập nhật kiểm hàng trong phần thao tác.

19 Kiểm thử chức 1 Truy cập trang cấu hình Hiển thị thông báo Pass năng thêm phí phí thể tích thành công, phí thể tích thể tích 2 Nhấn vào nút thêm được thêm vào danh

3 Nhập thông tin phí thể sách. tích.

Tiêu đề	Tìm Hiểu .Net, React Và Vận Dụng Xây Dựng Hệ Thống Nhập Hàng Trung Quốc – Việt Nam
Tác giả	Nguyễn Ngọc Gia Minh
Người hướng dẫn	ThS. Hoàng Công Trình
Trường học	Trường Đại Học Sư Phạm Kỹ Thuật Tp. Hồ Chí Minh
Chuyên ngành	Công Nghệ Thông Tin
Thể loại	Đồ Án Tốt Nghiệp
Năm xuất bản	2023
Thành phố	Tp. Hồ Chí Minh

Định dạng
Số trang	173
Dung lượng	14,73 MB