1. Methods For Web Page Design 6

2. Methods Why use one? What it covers –Possibly all stages Feasibility Analysis Design Implementation Testing –Maybe just some of them Just design –The one you do…. A method must cover front end design, flow and data at least

3. Where are we with web application design methods? It’s a relatively new area, most significant work only emerged from 1993 onwards Very much in the infancy stages No one solid method has emerged Few approaches have been rigorously tested Is this a problem? We have most methods and technique components we need in existence for a web method, in almost all cases though they have just not been integrated So, currently we need to work around the issue by forming ‘hybrid’ methods that share and borrow techniques

4. Storyboards Simple paper based technique Basically pictures and text to roughly illustrate the make up / appearance of a screen Not intended to be totally accurate, Limited on interaction, but shows screen sequences Each screen is accompanied by text to describe the scene, user interaction and any dynamic media (e.g. sound) shown on a timeline

5. Flowcharts Give a sense of sequence and structure - Show interaction routes to the user - How screens are linked to each other On its own may appear not too useful for design, but in combination with paper mock-ups or storyboards begins to give a user a complete picture of how an application is structured

6. DENIM Web specific tool Uses pen-based interaction (gesture recognition) Used in the early stages of design Specifically supports web-design at three distinct levels: Site maps, Storyboards and Individual pages (Can create, edit and run simple web-site hierarchies) - Provides ‘zoom’ levels with which to get different perspectives of your site, the levels have a ‘metaphor’ strategy of enlarging your perspective as you move down the viewing controls of DENIM

7. WebML Provides graphical, yet formal specifications The main objectives of the WebML design process are: Expressing the structure of a web application with a high- level description Providing multiple views of the same content Separating the information content from its composition into pages, navigation, and presentation, which can be defined and developed independently;

8. Storing the meta-information collected during the design process within a repository, which can be used during the lifetime of the application for dynamically generating Web pages; modelling users and communities explicitly in the repository, to permit the specification of personalisation policies and one-to-one applications; Enabling the requirement of data manipulation operations for updating the site content or interacting with random external services.

9. Data model :. The WebML data model is a suitable adaptation of conceptual models for data design, The fundamental elements of data models are entities, and relationships. entities have named properties, called attributes, WebML are abstract concepts, which can be implemented in alternative ways in the underlying storage manager, e.g., primary keys in a relational data store or XML ID attributes in a XML data source. The image shows an example of data model, representing information about musical albums, which are composed by artists, about whom are provided some reviews. Each album can contain several tracks.