Abstract

Human Computer Interaction (HCI) patterns are a contemporary topic in the literature of user interface engineering. An HCI pattern offers proven that is mostly described in terms of a set of collaborating design structures. Composing these design structures to develop a user interface is a tedious task. A tool that supports how to combine HCI patterns to develop user interface designs will ultimately make the analysis and design phases more efficient and more productive. In this thesis, we present a tool, named UPADE to formalize the visual presentation of HCI patterns and their relationships for the purpose of developing pattern-oriented designs. The tool develops a structural composition approach to browse, search, and edit a repository of HCI patterns stored into namely the Pattern view, the Design view, and the Code View. The proposed tool aims to abate disparity between the HCI pattern descriptions and their implementations. It gives a systematic methodology to glue HCI patterns and supports the integration of patterns into the user interface development life cycle.