Top Banner
OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM
18

OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

Dec 21, 2015

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Hypermedia Research Work

Designing Web-based applications with Object Oriented Hypermedia

Design Method

OOHDM

Page 2: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Scheduling

IntroductionOOHDM MethodologyWeb Design PatternsWeb Design FrameworksConclusions

Page 3: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Introduction

HDM was released in 1993 OOHDM was released in 1995Not evidence of successUML 1.0 appeared in 1997OOHDM enriched with new versions and add-insNew approaches: Design Patterns and Frameworks

Page 4: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

OOHDM Methodology

An extension of the Unified Process Targets:

Systematize the process Minimize complexity Increase reusability Use of design tools Engineer dream : Automatic implementation

Page 5: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

A sample application

A web-based virtual CD store where users can: Browse CDs by author, subject or relationship Add CDs to the shopping cart Order the purchase

Page 6: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Requirements Gathering

Capturing and specifying the functional requirements Analysis of documents and interviews of usersUML suggest the use of Use Cases DiagramOOHDM introduces the User Interaction Diagrams

(UIDs)

Page 7: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Use Cases Diagram

Specification of the different roles and operations

Page 8: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

User Interaction Diagram

Page 9: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Conceptual Design

Underlying structure of the information Independence of the presentation UML Class Schema

Page 10: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Navigational Design

Navigational Class Schema

Page 11: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Navigational Design

Navigational Context Schema

Page 12: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Web Design Patterns

Idea from a urban architect: Christopher AlexanderAdapted to Software Engineering in 1998 Each pattern describes a problem and its solutionThe key is reusability

Page 13: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Web Design Patterns

‘Portal Pattern’ Problem : Advertise changes and news in a site Solution : An entry point with arbitrary links

Page 14: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Web Design Patterns

‘Active Reference Pattern’ Problem : Users don’t know where they are Solution : Visual information about the path

Page 15: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Web Design Patterns

‘Landmark Pattern’ Problem : Navigational redundancy Solution : Links to other areas of the application

Page 16: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Web Design Frameworks

Patterns allows the reuse of parts of the architectureAllow reusing concrete designs in a domain OOHDM-Frame

Generic Conceptual Model Generic Navigational Model

Page 17: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

Web Design Frameworks

Generic Conceptual Model

Page 18: OOHDM Hypermedia Research Work Designing Web-based applications with Object Oriented Hypermedia Design Method OOHDM.

OOHDM

REFERÈNCIES

 [1] D. Schwabe, F. Garzotto, P. Paolini, "HDM- A Model Based Approach to Hypermedia Application Design", ACM Transaction on Information Systems, Vol. 11, #1, Jan. 1993, pp. 1-26.

[2] D. Lange, "An Object-Oriented design method for hypermedia information systems", Proceedings of the 27th. Annual Hawaii International Conference on System Science, January 1994.

[3] “Design Patterns, Elements of Reusable Object-Oriented Software” by Erich Gamma, Richard Helm, Ralph Johnson, and John Vlissides (The Gang of Four).

[4] D. Schwabe "A Diagrammatic Tool for Representing User Interaction in UML", Lecture Notes in Computer Science, forthcoming, Proc. UML’2000, York, 2000.

[5] D. Schwabe "Systematic Hypermedia Application Design with OOHDM", March 1996

[6] D. Schwabe, Gustavo Rossi, Fernando Lyardet "Patterns for Designing Navigable Information Spaces", 1999.