Giai đoạn này:
- Định nghĩa cách thức các đối tượng duyệt khác nhau sẽ xuất hiện; đối tượng giao diện nào sẽ hoạt hoá quá trình duyệt và các chức năng ứng dụng; đối tượng giao diện nào mà người dùng sẽ nhìn thấy; cũng như những diễn tiến giao diện nào sẽ xảy ra và xảy ra khi nào.
- Cho phép xây dựng các giao diện khác nhau cho cùng một mô hình duyệt, dẫn đến sự độc lập mức cao về kỹ thuật giao diện người dùng. - Chỉ ra một cách rõ ràng diễn tiến nào thuộc về giao diện cũng đồng thời
là diễn tiến của quá trình duyệt. Có sự phân biệt giữa các thao tác duyệt và thao tác giao diện, không phải tất cả những gì xảy ra ở giao diện đều liên quan đến quá trình duyệt.
- Chỉ ra diễn tiến giao diện nào là cục bộ đơn giản không ảnh hưởng đến tình trạng của quá trình duyệt, do đó không cần truy cập đến web server.
KHOA CNTT –
ĐH KHTN
Sinh viên thực hiện: Cao Thị Thuỳ Liên - Nguyễn Thế Vũ Trang 37
Khi thực thi, giao diện của ứng dụng Web thường được tạo bởi các trình soạn thảo HTML chuyên biệt, nhiều khía cạnh quan trọng của giao diện có thể bị loại trừ.
OOHDM dùng hướng tiếp cận Khung nhìn dữ liệu trừu tượng (Abstract Data View design) để mô tả giao diện người dùng của một ứng dụng hypermedia.
Khung nhìn dữ liệu trừu tượng (ADV - Abstract Data View) là các mô hình chính thức của đối tượng giao diện và được chỉ ra bằng cách cho biết:
- Các khía cạnh tĩnh, có cấu trúc của những đối tượng giao diện.
- Cách thức chúng liên hệ tĩnh với Đối tượng dữ liệu trừu tượng (ADO - Abstract Data Object), ở đây là các đối tượng duyệt. Ta sử dụng Lược đồ cấu hình (configuration diagram) để diễn tả những mối quan hệ này. Một ADV liên hệ với một đối tượng ứng dụng tương ứng, đối tượng này hành động như một server đối với các thao tác không đặc trưng cho giao diện. Đối tượng này được gọi là ADV owner.
- Cách thức chúng cư xử để phản ứng lại các sự kiện bên ngoài; cụ thể, chúng kích hoạt quá trình duyệt thế nào, và diễn tiến giao diện nào xảy ra khi người dùng tương tác với ứng dụng. OOHDM sử dụng ADV- chart, và một hệ thống ký hiệu tương tự Petri-Net để diễn đạt các vấn đề đồng bộ hoá thường được gặp khi làm việc với dữ liệu multimedia.
ADV là các đối tượng có trạng thái và giao diện, trong đó giao diện có thể được thi hành thông qua thông điệp (cụ thể là các sự kiện bên ngoài phát sinh bởi người dùng). ADV trừu tượng ở chỗ chúng chỉ mô tả giao diện và trạng thái chứ không thực thi. ADV được sử dụng để mô tả giao diện giữa hai phương tiện khác nhau như là người dùng, mạng hay một thiết bị (ví dụ Timer), hoặc giao diện giữa hai hay nhiều ADO. ADO là các đối tượng không hỗ trợ sự kiện bên ngoài do người dùng phát sinh. Từ quan điểm kiến trúc, ADV là nhà quan sát (observer) cho ADO, vì vậy giao thức liên lạc
KHOA CNTT –
ĐH KHTN
Sinh viên thực hiện: Cao Thị Thuỳ Liên - Nguyễn Thế Vũ Trang 38
giữa giao diện và đối tượng ứng dụng sẽ tuân theo quy tắc mô tả trong Observer Design Pattern.
Một ADV được sử dụng trong thiết kế ứng dụng web có thể được xem như một đối tượng giao diện. Nó gồm một tập các thuộc tính định nghĩa những đặc tính perception của nó, và một tập các sự kiện nó có thể xử lý, ví dụ như những sự kiện do người dùng phát sinh.
Giá trị thuộc tính có thể được định nghĩa như hằng số, để xác định các kiểu trình bày cụ thể như vị trí, màu sắc, âm thanh. Nói chung, ADV chỉ ra tổ
chức và hành vi của giao diện, nhưng trình bày vật lý thật sự hay trình bày ADV trên màn hình được làm ở giai đoạn thực thi.
Một biến được lưu trữ, “perceptionContext”, dùng để chỉ ra sự chỉnh sửa của
không gian perception (tập hợp các đối tượng có thể thấy tại một thời điểm). Khi ta muốn để đối tượng nào đó có thể được thấy, ta bổ sung nó vào perceptionContext, và các yếu tố được loại khỏi perceptionContext sẽ không được thấy nữa.
Trong ngữ cảnh của OOHDM, các đối tượng duyệt như là node, index sẽ đóng vai trò ADO, và ADV liên kết với chúng sẽ được dùng để xác định thể hiện của chúng đến người dùng. Chúng ta sẽ dùng từ ADV để chỉ các đối tượng và các lớp giao diện.
ADV có thể được bao gồm bởi aggregation hay composition của các ADV mức thấp hơn, do đó cho phép việc xây dựng giao diện người dùng với các đối tượng có thể thấy được lại bị ẩn đi. Giả sử, ví dụ, ta có ứng dụng vẽ. Hình 2.12 cho thấy một ADV mô tả một bức vẽ có thể tạo bởi 3 ADV, chứa một image, text và một button. Ngoài ra, ADV có thể được tổ chức trong những cấu trúc tổng quát hoá / đặc biệt hoá cung cấp một framework mức quan niệm để định nghĩa thứ bậc của các đối tượng giao diện.
KHOA CNTT –
ĐH KHTN
Sinh viên thực hiện: Cao Thị Thuỳ Liên - Nguyễn Thế Vũ Trang 39 Hình 2. 12 – ADV có thể là aggregation
Hình 2. 13 – ADV sử dụng khái niệm kế thừa
Trong Hình 2.13, AnchoredText là một đối tượng giao diện, nó thêm một tập anchor (được thực thi trong ví dụ như là các hotword) vào TextField tổng quát hơn. Trong khi Description là một button được chuyên biệt hoá bằng cách thêm vào một hành vi được tuỳ biến hơn (không cho thấy trong hình). (adsbygoogle = window.adsbygoogle || []).push({});
KHOA CNTT –
ĐH KHTN
Sinh viên thực hiện: Cao Thị Thuỳ Liên - Nguyễn Thế Vũ Trang 40 Hình 2. 14 – ADV Painting trong trang Web Portinari
ADV Painting chứa một số thuộc tính mô tả các khía cạnh nhất định của một bức vẽ và nhiều ADV ẩn như Picture, References và People. Trong ký hiệu ở Hình 2.14 References và People không được cho thấy cùng một lúc, do đó ADV của chúng chồng lên nhau. Các ADV ShowPeople, ShowReferences là control cho phép hiển thị một trong các ADV đề cập trước đó. ADV
InContext Theme thi hành giao diện của lớp InContext Theme và cung cấp những công cụ duyệt bên trong ngữ cảnh duyệt Paintings of a Theme.
Trong khi lược đồ trên cho thấy bản chất tĩnh của giao diện Painting, tính chất động được mô tả bằng ADV-chart. Khi ShowPeople được click, nó gửi thông điệp trình bày danh sách People liên quan đến bức vẽ, và tương tự với
ShowReference. Đây là hiệu ứng hoàn toàn về giao diện, không tính đến việc duyệt qua node khác. Trong khi đó, khi đối tượng giao diện Previous được click, nó gửi thông điệp "anchorSelected (previous)" đến ADO tương ứng, trong trường hợp này một đối tượng InContext liên lạc với anchor tương ứng và nhờ đó ta duyệt đến bức vẽ khác.
KHOA CNTT –
ĐH KHTN
Sinh viên thực hiện: Cao Thị Thuỳ Liên - Nguyễn Thế Vũ Trang 41