Mô hình trình bày tương ứng với thành phần giao diện của ứng dụng Web. Mô hình này sẽ chứa các form để người dùng nhập dữ liệu. Do đó, việc kiểm tra tính hợp lệ dữ liệu của các trường trong form nhập liệu là hết sức quan trọng, giúp đưa ra các thông báo, hướng dẫn nhập liệu tương ứng, nâng cao trải nghiệm của người sử dụng. Yếu tố cốt lỗi đóng vai trò thành công của ứng dụng Web.
Quy trình thực hiện chuyển đổi bất biến mô hình yêu cầu sang mô hình trình bày
B1: Duyệt danh sách các presentation group được tạo ra theo quy tắc D2G B2: Với mỗi presentation group, đọc lấy danh sách các interation pin của display
action tương ứng.
B3: Với mỗi pin, đọc tất các ràng buộc OCL của pin đó. Thêm vào danh sách ràng
buộc nếu chưa tồn tại.
B4: Với mỗi ràng buộc trong danh sách lấy ở B3. Tạo ràng buộc tương ứng và
thêm vào cho các thành phần tương ứng với pin đó trong mô hình trình bày
Biểu đồ chuyển đổi ràng buộc bất biên mô hình trình bày
Trong nội dung này, tác giả trình bày phương pháp chuyển đổi từ mô hình yêu cầu sang mô hình nội dung, điều hướng sang mô hình xử lý và mô hình yêu cầu sang mô hình trình bày với các quy tắc chuyển đổi bổ sung. Với mỗi quy tắc, nghiên cứu trình bày các bước xử lý và biểu đồ diễn tiến của quá trình cài đặt. Với những quy tắc chuyển đổi được bổ sung vào bộ quy tắc, giúp cho quá trình chuyển đổi tự động hiệu quả hơn.
Bổ sung các quy tắc chuyển đổi sang mô hình trình bày:
Quy tắc D2G (Display action to group element): Display action đại diện cho thành
phần hiển thị hoặc nhập dữ liệu trong mô hình hoạt động, bao gồm tập các pin. Do đó, display action sẽ được chuyển đổi thành một group element. Dựa trên type của display action thành phần tương ứng trong mô hình trình bày sẽ được tạo.
Bảng 2.1. Thành phần DisplayAction type và Prentation element
Display action type Presentation element
Form InputForm
Group PresentationGroup Alternatives PresentationAlternatives Iteration IteratedPresentationGroup
Quy trình thực hiện quy tắc D2G
B1: Đọc mô hình lấy activity diagram tương ứng với process class.
B2: Đọc tất cả các node của activity diagram. Nếu stereotype là display action.
Kiểm tra type của node đó và tạo thành phần ánh xạ tương ứng với node đó theo Bảng 2.1.
B3: Nếu type của node “validated” tạo button confirm và button cancel thêm vào
thành phần giao diện được tạo ra ở B2.
Quy tắc P2E (Pin of display action to UIElement): Các input pin của display
action trong mô hình yêu cầu đại diện cho các trường nhập dữ liệu từ người sử dụng. Do đó, các pin sẽ được chuyển đổi tương ứng sang các UIElement trong mô hình giao diện tương ứng với Bảng 2.2 sau đây:
Bảng 2.2.Các thành phần tương ứng với Pin type và giao diện
Pin Type Thành phần giao diện tương ứng
Display Pin Text Text Image Picture Media MediaObject Interaction Pin Text InputText Selection Selection File FileUpload Các bước thực hiện quy tắc P2E:
Quy trình thực hiện quy tắc P2E
B1: Đọc mô hình lấy activity diagram tương ứng với display action trong quy
tắc D2G.
B2: Với activity diagram ở B1, đọc tất các input pin, thêm vào danh sách B3: Với mỗi pin trong B3. Tạo thành phần tương ứng trong mô hình giao diện