METODOLOGIE ORIENTOVANÉ NA TVORBU WEBOVÝCH SÍDEL 13DFA Ing. Martin Molhanec, CSc. 11. přednáška

Ú v o d 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.

Příliš mnoho umělců 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

Bludiště kolem nás 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

Já dělám to a ty zas ono 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

Návrh webových sídel ve světě Je podroben teoretickým studiím (od poloviny 90 let) Navazuje na klasické techniky softwarového inženýrství (ERM, OOA) Zejména navazuje na techniky vytváření multimediálních aplikací! (počátek 90 let)

Webové metodologie Metodologie pro tvorbu webových sídel jsou specifickou podmnožinou softwarového inženýrství. Navazují na metodologie pro tvorbu hypermediálních/hypertextových aplikací. Jejich znalost není všeobecně rozšířená! Poskytují cestu pro automatizovanou tvorbu webových aplikací.

Některé současné techniky RMM – A methodology for the structure design of hypermedia systems EORM – Enhanced Object Relationship Methodology ERMIA – High level design method based on E-R modelling HDM – Hypermedia Design Model

Některé současné techniky OOHDM – Object Oriented based design method with hypermedia domain specific extensions WebML – Web Modelling Language WSDM – Web Site Design Method Thuring Framework – A design based methodology based on cognitive issues

Cíl této přednášky Přehled metodologií pro tvorbu webových sídel

RMM – Relationship Management Methodology Isakowitz, Stohr, Balasubramanian (1995) Hlavní kroky matodologie – 1. Entity-Relational Design –2. Slice Design –3. Navigational Design –4. User Interface Design –5. Protocol Conversion Design –6. Run-Time Behaviour –7. Construction and Testing

RMM – Relationship Management Methodology Základem je RMDM (Relationship Management Data Model), podobný ER modelům. Slice Design, který definuje jakési pohledy na RMDM. Navigační návrh – definuje pohyb uživatele po aplikaci. –Index, Guided Tour, Indexed Guided Tour, Grouping, Link. RMCase – pro podporu analýzy a návrhu

RMM – Relationship Management Methodology Definice m-slice

RMM – Relationship Management Methodology Navigační diagram

EORM – Enhanced Object Relationship Methodology Objektově orientovaná metodologie Rámce metodologie –Třída –Kompozice –GUI Třída odkazů –simpleLink, navigationalLink, nodeToNode, spanToNode, structureLink, setLink, listLink. Nástroj CASE od fy ONTOS

HDM – Hypermedia Design Method Garzotto, Paulini a Schwabe (1993) Založena na klasickém ER modelu, který rozšiřuje o nové konstrukty: units, links. Entity jsou rozšířeny o navigační sémantiku. Tři typy odkazů: strukturální, perspektivu a aplikační odkaz. Nahrazena objektovou metodologií OOHDM od stejných autorů.

OOHDM – Object Oriented Hypermedia Design Method Rossi a Schwabe (1996, 1998) Nahradila starší HDM metodologii, je ale ve skutečnosti úplně novou metodologií. Byla podrobněji prezentována na této konferenci a na konferenci Objekty. Kroky metodologie: –Konceptuální modelování –Návrh navigace –Návrh abstraktního rozhraní –Implementace

OOHDM – Object Oriented Hypermedia Design Method Diagram navigačních tříd

OOHDM – Object Oriented Hypermedia Design Method Diagram navigačního kontextu

OOHDM – Object Oriented Hypermedia Design Method Návrh abstraktního rozhraní využívá koncepci - Abstrakt Data View (ADV). Podpora implementace pomocí OOHDM-Web Speciální skriptovací jazyk Lua

WebML – Web Modeling Language Politechnika v Miláně Rozsáhlý projekt se zřejmým komerčním záměrem Základem jsou následující modely: –Strukturální model (Structural Model) –Hypertextový model (Hypertext Model) –Prezentační model (Presentational Model) –Uživatelský model (Personalization Model)

Strukturální model Jedná se ve skutečnosti o obvyklé datové modelování. Lze použit libovolný ER nebo OO konceptuální datový model. Pro podporu dotazování do databáze se využívá dotazovací jazyk WebML-OQL, který vychází z jazyka OQL (Object Query Language).

Hypertextový model Skládá se ze dvou modelů, které se kreslí do jednoho diagramu –Kompoziční model, který popisuje z jakých prvků se stránka skládá: data, multi-data, index, filter, scroller a direct unit –Navigační model, který zobrazuje navigaci mezi jednotlivými stránkami pomocí odkazů, které jsou: kontextové nebo bezkontextové.

WebML - Hypertextový model Vlastní model Stránky pro názornost

Prezentační model Vyjadřuje vzhled a rozmístění grafických prvků na stránce nezávisle na výstupním zařízení pomocí abstraktní XML syntaxe. Pro skutečný výstup se využívá technologie XSLT.

Uživatelský model Je určen pro definic jednotlivých uživatelů či skupin uživatelů webového sídla. Hlavním důvodem je jeho customizovatelnost. Například podpora nákupních košíků.

Podpora metodolgie Site Designer je základním nástrojem. Umožňuje vytvořit strukturální, hypertextový a uživatelský model. Presentational Designer umožňuje navrhovat vzhled a rozmístěný grafických prvků na webové stránce. Pro snadnější používání obsahuje Preview Function, která umožňuje navržené grafické schéma okamžitě prohlížet. Site Manager je nástroj, který umožňuje webové sídlo vytvořené metodologií WebML spravovat a instalovat.

WSDM – Web Site Design Method De Troyer a Leune – 1997 Je odlišná, vychází z analýzy chování uživatele. Kroky metodologie –Modelování uživatele, konceptuální návrh a návrh implementace. Objektově orientované modelování uživatele.

WSDM – Web Site Design Method Uživatelský model

Konceptuální modelování Objektové modelování –Uživatelský objektový model (UOM), tradiční OOM, notace OMT nebo UML. –Perspektivní objektový model (POM) zachycuje pohled uživatele na UOM. Návrh navigace –Navigační cesta, vyjadřuje, jak se daný uživatel může pohybovat po aplikaci.

WSDM – Web Site Design Method Navigační cesta

Z á v ě r V současné době je bohužel v praxi upřednostňována grafická stránka věci V českých zdrojích jsou prozatím diskutovány pouze technické aspekty Ve světě existují dostupné zdroje k této problematice Je nezbytné si uvědomit, že pro správný návrh webového sídla je metodika nezbytně nutná, podobně jako u jiného inženýrsko technického díla.

Závěr Existuje specifická skupina metodologií softwarového inženýrství, které se systematicky věnují analýze a návrhu hypermediálních aplikací, respektive webových sídel. Přínos těchto metodologií je především v oblasti systematické analýzy navigace, tedy analýzy způsobu, jakým se uživatel pohybuje mezi jednotlivými uzly (formuláři) aplikace. Další specifickou oblastí těchto metodologií je systematický návrh uživatelského rozhraní, které se považuje za podstatný aspekt hypermediálních aplikací, respektive webových sídel. Přestože se všechny tyto metodologie pokoušejí se svými cíly vyrovnat, neexistuje zatím jediná ta nejlepší metodologie.

Shrnutí Falešné ikony –Grafika – čím úžasnější, tím lepší, vždyť webové sídlo je přeci umění! –Technologie – je lepší ASP, PHP,.NET, Perl, Apache, IIS nebo JSP? –Business – udělej si webové sídlo a vydělávej, vyrábět nic nemusíš, jenom obchoduj! Bohužel, činnosti jako analýza, projektové řízení, kvalita, údržba a testování, které jsou pro skutečný a trvalý úspěch daleko potřebnější přicházejí vniveč.

Shrnutí Svět metodologií pro návrh webových sídel je velice bohatý. Jejich nepoužívání je odpovědí na otázku proč tolik webových sídel je špatně navrženo!