Trong gói FrontEnd sẽ thiết kế các View Container gồm:
- ViewCongBao: Biểu diễn thông tin các số công báo đƣợc đăng tải, cho phép ngƣời dùng tìm kiếm và lọc các số công báo.
- ViewCongBaoDetail: Biểu diễn thông tin chi tiết về một số công báo, bao gồm thông tin về số công báo và các văn bản đƣợc đăng trong số công báo này. - SearchVanban: Biểu diễn giao diện tìm kiếm thông tin về văn bản.
- ViewVanBan: Biểu diễn thông tin chi tiết của một văn bản.
Hình 5.12 Biểu đồ tổng quan gói FrontEnd - Cinematic Model
Một Flow chính duy nhất viewCongBao biểu diễn các hành động, các trang và sự chuyển đổi giữa các trang (chi tiết xem hình Hình 5.13). Nhƣ hình vẽ, từ
ViewCongBao (đối tƣợng View trong Flow) có giao diện đƣợc thể hiện là
ViewCongBao::ViewContainer (đối tƣợng ViewContainer trong mô hình Cinematic)
qua hành động detail (đối tƣợng Action trong Flow) đƣợc chuyển đến
ViewCongBaoDetail. Tƣơng tự ViewCongBaoDetail có giao diện đƣợc thể hiện bởi
ViewCongBaoDetail::ViewContainer. ViewDetail có hành động detailVanBan, sau khi
Flow đƣợc thiết kế và mô tả nhƣ trên nhằm đặc tả ngữ cảnh: Bắt đầu ngƣời dùng vào xem ứng dụng, họ sẽ thấy một trang để xem thông tin các công báo đƣợc đăng (ViewCongBao). Tại đây có có thể thực hiện hành động xem nội dung chi tiết về một số công báo cụ thể bằng cách đƣa ra hành động viewDetail. Hành động viewDetail sẽ chuyển ngƣời dùng đến trang xem thông tin chi tiết nhƣ yêu cầu (ViewCongBaoDetail). Sau đó từ giao diện xem chi tiết một số công báo, ngƣời dùng có thể yêu cầu xem chi tiết một văn bản trong số công báo này, hành động này đƣợc biểu diễn thông qua Action detailVanBan.
Nhƣ vậy qua biểu đồ ta thấy, mỗi đối tƣợng View trong biểu đồ đƣợc gắn với một
ViewContainer, trong một View gắn với nhiều Action nhằm thực hiện các hành động diễn ra với hệ thống, sau đó thông qua các Transition để chuyển tới một View khác.