Object-Oriented Hypermedia Design Model Ing. Martin Molhanec, CSc. České vysoké učení technické Fakulta elektrotechnická Katedra elektrotechnologie Česká.

Prezentace na téma: "Object-Oriented Hypermedia Design Model Ing. Martin Molhanec, CSc. České vysoké učení technické Fakulta elektrotechnická Katedra elektrotechnologie Česká."— Transkript prezentace:

1 Object-Oriented Hypermedia Design Model Ing. Martin Molhanec, CSc. České vysoké učení technické Fakulta elektrotechnická Katedra elektrotechnologie Česká republika

2 Úvod Webová sídla se v současnosti stávají centrem zájmu tvůrců informačních systémů Zatímco analytické metody pro tvorbu informačních systémů jsou všeobecně známé. Znalost analytických metody pro tvorbu webových sídel je minimální.

3 Webové sídlo Návrh webového sídla si žádá svoji metodiku podobně jako návrh informačních systémů nebo jiný inženýrsko-technický úkol Webové sídlo až na výjimky není umělecký artefakt, ale informační systém - technický produkt

4 Šílení grafici V současné době převládá často důraz na grafický vzhled, ale informační (přehlednost a navigace) obsah je mnohdy velice nevyhovující a to i u renomovaných firem Jsme v zajetí šílených grafiků?

5 Trocha problémů Typickým znakem je nedostatečná navigace Uživatel musí projít množstvím pro něj nezajímavých stránek, než se dostane na tu kterou hledá Je obtížné rozpoznat kudy se dát ke svému cíli

6 Problémy pokračují Mezera mezi tvůrci a zákazníky –Zákazník je laik a neví o webové technologii příliš mnoho, předpokládá, že mu tvůrce poradí se strukturou sídla –Tvůrce, se soustřeďuje pouze na technickou problematiku (HTML, grafika) a myslí si, že mu zákazník dodá podklady a řekne jaká je struktura webového sídla

7 Co s tím ? Tvorba webového sídla je inženýrsko technický úkol Pro jeho tvorbu je nutné použít analytické a návrhové metody Ale! –Klasické analytické metody moc nehovoří o návrhu GUI aplikace

8 Hypermedia Od konce 80tých let vznik analytických metod pro podporu vývoje hypertextových a hypermediálních aplikací –Kladen velký důraz na Grafické uživatelské rozhraní Navigaci v aplikaci

9 Současný stav Od počátku 90tých let vznikají analytické metody pro podporu tvorby webových aplikací (sídel) Často navazují na metody pro podporu tvorby hypermediálních aplikací

10 Na co navazují Využívají pochopitelně všechny stávající metody –Entitně-relační model –Objektově orientovaný model –Funkční a procesní metody

11 Přehled metod HDM – Hypermedia Design Model OOHDM – Object Oriented based design method with hypermedia domain specific extensions RMM – A methodology for the structure design of hypermedia systems ERMIA – High level design method based on E-R modelling Thuring Framework – A design based methodology based on cognitive issues

12 OOHDM (Object-Oriented Hypermedia Design Method) Autoři –Daniel Schwabe a Gustavo Rossi, PUC- Rio (Rio de Janeiro, Brasilie) Navazuje na starší HDM –Objektová orientace –Webová orientace

13 Základní kroky Konceptuální modelování Navigační návrh Návrh abstraktního rozhraní Implementace

14 Vztahy mezi částmi OOHDM

15 Konceptuální modelování Hledá –Objekty (objects), vztahy (relationships) a spolupráce (collaborations) Používá konstrukty –Třída (class), vztah (relationship) a sub- system

16 Konceptuální modelování Dovoluje –více-typové atributy (různý pohled na tutéž realitu) Využívá metodu –Class and Relationship Cards

17 Konceptuální diagram

18 Návrh navigace Kritický krok pro úspěšný návrh aplikace Navigační model je pohled (View) na konceptuální model Může být několik navigačních modelů pro jeden model konceptuální

19 Návrh navigace Které objekty se účastní navigace? Jaké mají atributy? Jaké jsou vztahy mezi objekty? Jaká je pozadí navigace? V jakém kontextu uživatel naviguje? Zavedení pojmu navigační kontext? Jak vypadají navigační objekty v tom kterém kontextu. Zavedení pojmů V kontextu a dekorace navigačních objektů. Jaké jsou navigační objekty? Odkazy, cesty, indexy, průvodci, atp.

20 Návrh navigace Dvě schémata –Schéma navigačních tříd –Schéma navigačních kontextů Navigační transformace –Harelovy Statecharts –Colemanovy Objectcharts

21 Schéma navigačních tříd

22 Definice uzlu STORY

23 Typy kontextů Simple class based – splňují objekty, které jsou téže třídy C a jsou vybrány prostřednictvím atributu P, který splňuje danou podmínku. Například „all Stories“ pokud je P vždy pravdivé. Class based group – je množina kontextů, které jsou typu Simple class based. Například „Stories by type“ je skupina kontextů, kde každý jednotlivý kontext je Story určitého typu.

24 Typy kontextů Link based – objekty v tomto kontextu jsou stejné třídy a jsou vybrány prostřednictvím vztahu 1:M. Například „all Stories by Bob Woodward“. Link based group – je množina kontextů, kde každý z nich je Link based. Například „Stories by Author“. Enumarated – v tomto případě jsou jednotlivé elementy kontextu jmenovitě vyjmenovány.

25 Diagram navigačních kontextů

26 In Context Node a dekorační třída

27 In context třída STORY

28 Návrh abstraktního rozhraní Zabývá se aspekty uživatelského rozhraní Je oddělena od navigace, čili jedna navigace může mít několik rozhraní! V praxi jsme často omezeni určitým vývojovým prostředím

29 Návrh abstraktního rozhraní ADV (Abstract Data View) jsou objekty popisující uživatelské rozhraní, popisují svůj stav a rozhraní, nikoliv svoji implementaci! ADV mohou obsahovat jiné ADV Je také možné využívat hierarchie

30 Co vyjadřují ADV? Způsob, jak jsou jednotlivé prvky rozhraní strukturovány pomocí agregace a hierarchie. Způsob, jak jsou staticky spojeny s navigačními objekty. V OOHDM se zde využívají tzv. Configuration Diagrams. Jak se chovají na vnější události, například klik nebo dvojklik myší, atp. V OOHDM se využívají tzv. ADV-Charts nebo Petri-Net like notation.

31 ADV diagramy

32 Vztah ADV diagramu a skutečné stránky

33 Implementace Mapování informačních složek –Vyjadřuje souvislost mezi obsahem ADV a DBS, kde je uložen její obsah Implementace kontextu –Zabývá se způsobem, jak zachovat stavovou informaci Implementace rozhraní –Teprve zde se zabýváme způsobem, jak dynamicky generovat skutečné grafické rozhraní

34 Mapování informačních složek Grafické rozhraní je popsáno objektově Data jsou nejčastěji uloženy v relační DBMS Mapování OO modelu do modelu ER –Mé příspěvky od poloviny 90tých let (Programování, Datasem, Tvorba software, Objekty)

35 Implementace kontextu Kontext vyžaduje zachování stavové informace HTTP je ale bezestavový protokol Existují různé metody –Neviditelné proměnné ve formuláři –Cookies

36 Implementace rozhraní Ve většině případů bude nutné dynamicky generovat Existují různé technologie –ASP, JSP, PHP, templates (Cold Fusion, StoryServer) –Mé příspěvky na konferenci Tvorba software popisují různé vhopdné technologie Od autorů OOHDM existuje – nástroj OOHDM-Web, jazyk Lua

37 OOHDM-Web

38 Implementace třídy STORY

39 Dynamická generace

40

41 Závěr Nezbytnost použití analytických metod pro návrh webových sídel Jejich malá znalost v odborné veřejnosti Mezera mezi analýzou a vývojovými nástroji

42 Reference Stránky autorů metodologie věnované metodologii OOHDM (uvedeno ve sborníku) http://www.telemidia.puc- rio.br/oohdm/oohdm.html

43 Ing. Martin Molhanec, CSc. ČVUT-FEL K-313 Technická 2 166 27 PRAHA 6 Tel.:2435 2118 Molhanec@fel.cvut.cz Martin.feld.cvut.cz/~mmm Molhasoft Křivenická 406 181 00 PRAHA 8 Tel.: 855 05 21 Martin@molhanec.cz www.molhanec.cz