Design and Implementation of Component-based Adaptive Web Presentations

Design and Implementation of Component-based Adaptive Web Presentations Zoltán Fiala, Michael Hinz Technische Universität Dresden Geert-Jan Houben, Flavius Frasincar Technische Universiteit Eindhoven {zoltan. fiala, mh 5}@inf. tu-dresden. de {g. j. houben, f. frasincar}@tue. nl SAC 2004 WTA, March 2004, SAC 2004 WTA, March 14 -17 Nicosia Zoltán Fiala

Structure n n 1 Motivation A Component-based Document Format Hera-based Development Implementation SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Motivation n Today‘s WWW – Personalized ubiquitous medium → Delivery of adapted information needed – Conventional document formats hardly applicable for this challenge – Complex authoring process n AMACONT project [1] – Component-based Development of Adaptive Web Presentations – Composing Web applications from reusable, adaptable document components n Hera project [2] – Structured design methodology for adaptive Web applications – Model driven specification framework based on RDF(S) n Here: Putting it all together – Combining Hera’s modeling power with a flexible AMACONT implementation – Extending Hera with AMACONT’s versatile presentation layer – Automatic transformation from Hera specs. to AMACONT components 2 SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

A Component-based Document Format n 3 Based on different abstraction levels SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Describing Adaptive Behavior 4 SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Describing Adaptive Layout „Layout Managers“ Box-Layout n Border. Layout n Box. Layout <Layout. Properties> <alay: Layout. Manager> n<alay: Box. Layout orientation="y. Axis"> Overlay. Layout <alay: Component. Ref ratio="30%"> n Grid. Layout Picture. Object 1 </alay: Component. Ref> <alay: Component. Ref ratio="70%"> Text. Object 1 n </alay: Component. Ref> </alay: Box. Layout> – x. HTML </alay: Layout. Manager> </Layout. Properties> – c. HTML Transformers for – WML 5 SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Hera-based Development n Hypermedia Design Models – Identify Crucial phases of Web development – Specify hypermedia applications in an appropriate level of abstraction – Already significant research on design and process models » Aspects of adaptation: Hera [2], OOHDM [3], UWE [4] n Idea – Adoption of existing methods for component-based adaptive Web applications – Focus: Model driven Hera methodology [2] n Benefits – Automatic translation of Hera schemas to a component-based AMACONT implementation – Versatile implementation (presentation) layer for Hera framework 6 SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Conceptual Design n Conceptual Model (CM) – Represents the application domain by concepts and concept attributes – Typed concept attributes (Integer, String, Image, Audio, etc. ) – Based on RDFS n Component Development – Creation/retrieval of media instances representing concept attributes – Encapsulating media instances to components » Additional metadata, MPEG 7 descriptors – Providing alternative media instances with different quality 7 SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Application Design n Application Model – Logical, structural and navigational aspects – Grouping concept attributes to Slices – Slice: meaningful presentation unit of some media items n Adaptation Design – Targeting different adaptation aspects in the AM » Adjusting the coarse navigational structure » Population of slices with media items » Dynamic Adaptation – Assigning appearance conditions to slice references 8 SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Application Design n Realization with AMACONT components – Analogies between Hera slices and components: » Meaningful presentation units bearing some semantic role » Both top-level slices and top-level document components correspond to pages to be shown on the user’s display » Contain adaptation issues n Straightforward mapping process – Concept attributes → Media Components – Slices containing attributes from a single concept → Single Document Components – Slices containing concept attributes and subslices from different concepts → Composite Document Components » Same (recursive) mapping process for each aggregated subslice 9 SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Presentation Design n Presentation Model (PM) – Bridges the logical level and the actual implementation – Defines how and where the identified subslices should be displayed – PD: Presentation Diagram – Idea: Adoption of Layout Manager Concept 10 SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Document Generation 11 SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Prototype: Component-based WIS 12 SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Conclusion and Future Work n Conclusion – Construction of adaptive Web presentations from components – Combination of the model-based Hera design methodology and AMACONT’s document formats – Automatic transformation from a high-level specification to a componentbased implementation n Future Work – – 13 Dynamic coupling of AMACONT and Hera Support for presentating data being computed at run-time Specification, acquirement and evaluation of user interactions Realizing dynamic adptation in the joint system SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala

Literature [1] Fiala, Z. , Hinz, M. , Meissner, K. , Wehner, F. : A Component-based Approach for Adaptive, Dynamic Web Documents. Journal of Web Engineering, September 2003 [2] F. Frasincar, G. J. Houben, and R. Vdovjak. Engineering Semantic Web information Systems in Hera. Journal of Web Engineering, September 2003 [3] D. Schwabe, G. Rossi, R. Guimaraes. Designing personalized web applications. WWW 10, Hong Kong, 2001 [4] Koch, N. , Kraus, A. , Hennicker, R. : The authoring process of the UML-based web engineering approach. First International Workshop on Web-Oriented Software Technology. (2001) 14 SAC 2004 WTA, March 14 -17 2004, Nicosia Zoltán Fiala