Hướng Dẫn Vẽ Sơ Đồ Sequence Diagram

Trong bài bác trước họ đang mày mò về Sequence Diagram, các yếu tắc, cách thành lập cùng ứng dụng của nó. Trong bài này, họ đã bàn về cách áp dụng sequence diagram để xây dựng mang lại hệ thống eCommerce nhưng mà chúng ta đã bàn sinh hoạt bài 3 của thể loại này.Quý khách hàng đang xem: Hướng dẫn vẽ sơ thiết bị sequence diagram

1. Xây dựng Sequence Diagram

Cách 1: Xác định những Use Case cần thiết kế

Tương từ bỏ như Activity Diagram, bọn họ cũng cần khẳng định những Use Case mà bọn họ đề nghị thực hiện sequence Diagram nhằm xây đắp chi tiết.

Bạn đang xem: Hướng dẫn vẽ sơ đồ sequence diagram

Xem xét bản vẽ Use Case Diagram họ đang vẽ sinh hoạt bài bác 3, chúng ta có thể thấy các Use Case sau quan trọng kế:

– Xem thành phầm theo chủng loại

– Thêm sản phẩm theo nhà cung cấp

– Thêm giỏ hàng

– Chat

– Quản lý solo hàng

– Tkhô hanh toán

– Theo dõi gửi hàng

– Đăng nhập

Tiếp theo, chúng ta đã xây cất mang lại công dụng “Xem sản phẩm theo chủng loại”.

Bước 2: Xem Activity Diagram cho Use Case này họ khẳng định các bước sau:

– Người cần sử dụng lựa chọn một số loại sản phẩm

– Hệ thống sẽ thanh lọc rước các loại sản phẩm tương xứng, sau đó mang giá chỉ, lấy tặng ngay và hiển thị lên màn hình.

– Người dùng coi sản phẩm

Bước 3: Đối chiếu cùng với Class Diagram chúng ta xác định các đối tượng người sử dụng tiến hành nhỏng sau:

Người dùng: lựa chọn một số loại sản phẩm qua giao diện

Giao diện: đang lấy list thành phầm khớp ứng tự Products

Giao diện: lấy giá chỉ của từng sản phẩm từ Class Prices với Promotion Amount từ lớp Promotions

Giao diện: tổng hợp danh sách và hiển thị

Người dùng: Xem sản phẩm

Bước 4: Vẽ sequence Diagram

– Xác định những lớp tđắm đuối gia vào hệ thống gồm: người tiêu dùng (Guest), Giao diện (GUI System), Sản phẩm (Products), Giá (Prices), Khuyến mãi (Promotions). Trong số đó GUI System nhằm sử dụng chung mang lại đồ họa, chúng ta có thể áp dụng cụ thể trang Web như thế nào ví như bạn đã sở hữu Mockup (thi công cụ thể của giao diện).


*

Hình 1. Xác định các đối tượng người tiêu dùng tsi mê gia vào bản vẽ

Các bước triển khai của Use Case nàhệt như sau:

Guest gửi đề nghị coi sản phẩm lên hình ảnh đương nhiên chủng loại– GUI system: gửi yên cầu rước list các sản phẩm tương ứng với chủng loại cho lớp thành phầm cùng dìm lại danh sách.– GUI system: gửi đòi hỏi mang Giá cho từng thành phầm từ bỏ Prices– GUI system: gửi tận hưởng lấy khuyến mãi mang lại từng thành phầm tự Promotions với nhấn lại kết quả– GUI system: ghnghiền lại danh sách cùng hiển thị lên browser và trả về đến Guest

Thể tồn tại bạn dạng vẽ như sau:


*

Hình 2. Bản vẽ Sequence Diagram mang đến chức năng Xem sản phẩm theo chủng các loại.

 

Bước 5: Kiểm tra và update phiên bản vẽ Class Diagram

Chúng ta phân biệt nhằm triển khai được bản vẽ bên trên họ buộc phải bổ sung cập nhật các phương thức cho những lớp như sau:

Products class: bổ sung thủ tục GetProductInfo(Product Type): trả về thông tin sản phẩm gồm loại được truyền vào. Việc này các đối tượng người tiêu dùng của lớp Products trọn vẹn làm cho được vì họ vẫn bao gồm trực thuộc tính ProductType phải chúng ta có thể trả về được ban bố này.

Xem thêm: Tổng Hợp 99+ Mẫu Nhà Cấp 4 Sân Vườn Kiểu Châu Âu Biệt Thự 2021

Prices: bổ sung cập nhật cách thức GetPrice(ProductID): UnitPrice. Sau Khi mang được ProductID từ Products, GUI Gọi thủ tục này để mang giá của sản phẩm từ bỏ lớp giá. Các đối tượng người tiêu dùng từ lớp Prices trọn vẹn đáp ứng điều này.

Promotions: tương tự bổ sung cập nhật cách làm GetPromotion(ProductID).

GUI System(View Product Page): bổ sung cập nhật cách tiến hành DisplayProductList(List of product) nhằm hiển thị danh sách lên sản phẩm. Hình như, bạn cần phải có thêm một cách tiến hành ViewProductbyType(ProductType) nhằm miêu tả bao gồm hoạt động này Lúc người dùng kích chọn.

do đó, họ thấy các cách làm bên trên phần nhiều triển khai được trên những đối tượng người tiêu dùng của các lớp đề xuất kiến tạo của bên trên là khả thi. Bổ sung những phương thức trên vào những Class tương xứng chúng ta có phiên bản vẽ Class Diagram nhỏng sau:


*

Hình 3. Class Diagram sau thời điểm đã bổ sung cập nhật những thủ tục mới

Bên cạnh đó, bạn cũng có thể bổ sung những lớp bối cảnh vào Class Diagram để hoàn chỉnh thiết kế mang lại khối hệ thống.

Hoàn tất sequence diagram mang đến toàn bộ các Use Case chúng ta sẽ ngừng Việc kiến thiết, đôi khi cũng hoàn chỉnh bản vẽ Class Diagram.

2. Kết luận

Trong bài bác tiếp theo sau họ vẫn bàn về Component Diagram cùng Deployment Diagram, đông đảo bản vẽ cuối cùng cho bài toán phân tích cùng thiết kế hướng đối tượng người tiêu dùng sử dụng UML. Mời các bạn phát âm tiếp.