webml

WebMLWebML

Ing. Martin Molhanec, CSc.Ing. Martin Molhanec, CSc.ČVUT-FELČVUT-FEL

Co je to WebML?Co je to WebML?

• Web Modeling Language.

• Jedná se o metodiku pro návrh webových sídel.

• Vytvořena na polytechnice v Miláně.

• V současné době komerčně orientovaná.Firma : WebRatio.

• Je patentovaná ! Při komerčním použití je nutné platit.

Co jsou to metodiky pro návrh Co jsou to metodiky pro návrh webových sídel?webových sídel?

• Navazují na klasické metodiky – datové, funkční i objektové.

• Navazují na hypermediální metodiky– Vetší důraz na návrh uživatelského rozhraní.– Například HDM (Hypermedia Design Method)

Co jsou to metodiky pro návrh Co jsou to metodiky pro návrh webových sídel?webových sídel?

• Jejich největším přínosem je analýza v oblasti navigace uživatele po webovém sídle.

• Další podobné metodiky– OOHDM (Object Oriented Hypermedia Design

Method)– …

Struktura metodikyStruktura metodiky

• Strukturální model (Structural Model)– Odvozený model (Derivation Model)

• Hypertextový model (Hypertext Model)– Model kompozice (Composition Model)– Navigační model (Navigational Model)

• Uživatelský model (Personalization Model)

• Prezentační model (Presentational Model)

Strukturální modelStrukturální model

• Jedná se o klasický datový konceptuální model.• Je možné využít libovolný datový model: ERM,

UML, ODMG, …• Nicméně autoři WebML preferují UML.• Předpokládají se obvyklé konstrukty: Entita

(třída), Atribut, Vztah.• Dále se předpokládá určitá množina typů

atributu (number, string, date, …)


• Strukturální model je možné zapsat i textovou formou.

• Jako základ textové formy (nejen pro tento diagram) byl použit jazyk XML.

Odvozený modelOdvozený model

• Tento model se odvozuje ze strukturálního modelu.

• Jedná se vlastně o modelování pohledů na data z hlediska určité webové stránky.

• Podobné modely (konstrukty) se zavádějí i v jiných podobných metodikách: RMM, OOHDM.

• Pro popis odvození se využívá WebML-OQL (WebML-Object Query Language)

Odvozený modelOdvozený model

• Odvozený model je možné zapsat i textovou formou.

• Jako základ textové formy (nejen pro tento diagram) byl použit jazyk XML.

Hypertextový modelHypertextový model

• Je nejdůležitějším modelem celé metodiky.

• Modeluje navigaci uživatele po webovém sídle.

• Skládá se ze dvou modelů, které se kreslí do téhož diagramu:– Kompoziční model– Navigační model

Kompoziční modelKompoziční model

• Zachycuje z jakým logických elementů se skládá webová stránka.

• Metodika definuje celou řadu elementů, které se na webových stránkách vyskytují.

• Definuje:– Význam jednotlivých elementů– Grafické znázornění elementu v diagramu

Tento prvek slouží pro publikování (zobrazení) jednoho objektu (řádky) dané třídy (entity, tabulky). Například údaje o jednom konkrétním zpěvákovi z databáze zpěváků. Způsob zobrazení může být libovolný, toto není věc hypertextového modelu, ale modelu presentačního.

Tento prvek slouží pro publikování několika objektů v rámci jedné stránky. Například přehled zboží z databáze skladu. Způsob zobrazení může být libovolný, toto není věc hypertextového modelu, ale modelu presentačního. Nejčastěji se jedná o prvky typu grid, browser, atp.

Index představuje publikování několika objektů entity jako seznamu. Například seznam zboží. Po kliknutí na položku indexu se uskuteční akce navigace, například přechod na stránku s detailními informacemi o vybraném zboží.

Varianta Indexu, kdy je každý prvek seznamu spojen se zaklikávacím boxem. Tento prvek obsahuje dále tlačítko pro odeslání. Při odeslání se uskuteční akce navigace na jinou webovou stránku. Při této navigaci se informace o zaškrtnutých prvcích tohoto prvku přenáší jako parametry navigace do další stránky..

Prvek, který umožňuje krokovat (procházet se) mezi objekty dané entity. Obsahuje obvyklé možnosti vpřed a vzad, případně na začátek a na konec.

Prvek, který představuje vstupní formulář. Slouží pro zadávání údajů. Po odeslání následuje akce navigace na další stránku. Vložené údaje se přenášejí jako parametry navigace a jsou zpracovány následující stránkou.

Navigační modelNavigační model• Modeluje jakým způsobem se uživatel

pochybuje po webovém sídle.

• Základní konstrukty– Webové stránky– Odkazy mezi stránkami

• Kontextové (přenášejí stavovou informaci)• Bezkontextové

• Ukážeme si na jednoduchém příkladě!– Webové sídlo věnované italským zpěvákům

Ukážeme si postupně!

Toto je vlastní diagram!

Toto je jednoduché grafické znázornění případných stránek.

Stránka zobrazující seznam zpěváků.

Stránka zobrazující informace o jednom zpěvákovi a přetáčecí

prvek.

Odkaz mezi dvěma

stránkami.

Odkaz v rámci jedné stránky.

Složitější příklad.Ukážeme si po jednotlivých

částech!

Stránka zobrazuje

seznam všech zpěváků.

Stránka zobrazuje údaje

o jednom zpěvákovi.

Odkaz mezi dvěma

stránkami.

Tento prvek zobrazuje

stručné údaje o jednom

zpěvákovi.

Tento element zobrazuje seznam alb

jednoho zpěváka.

Odkaz v rámci jedné stránky.

Stránka, která zobrazuje údaje o jednom albu.

Element, který zobrazuje údaje o jednom albu.

Element zobrazuje seznam

hudebníků.

Element zobrazuje

seznam skladeb na albu.

Element zobrazuje

stručná data o zpěvákovi.

Odkaz v rámci jedné stránky.Odkaz v rámci jedné stránky.

Odkazy v rámci jedné stránky.

Jak se Vám to líbilo ?Zdá se Vám notace WebML užitečná?

Uživatelský modelUživatelský model

• Modeluje uživatele, kteří s webovým sídlem pracují.

• Modeluje práva uživatelů k jednotlivým informacím, které jsou webovým sídlem poskytovány.

• Využívá objektovou modelovací techniku s notací UML.

Uživatelský modelUživatelský model

Objektový model uživatelů systému (webového sídla).

Prezentační modelPrezentační model

• Modeluje vzhled a chování jednotlivých prvků webových stránek nezávisle na výstupním zařízení (HTML 3.2, HTML 4, WAP, … ).

• Využívá technologie XSLT.• Pro její využití je nutné vývojové prostředí, které

podporuje tento model.• Toto prostředí poskytuje například produkt firmy

WebRatio.

Development processDevelopment process

• Site Designer– Umožňuje vytvořit strukturální, hypertextový a

uživatelský model.

• Presentational Designer– Umožňuje navrhovat vzhled a polohu prvků na

webové stránce.

• Site manager– Nástroj, který umí sídlo instalovat a spravovat.

Development processDevelopment process

PorovnáníPorovnání• Podobně jako OOHDM používá objektový

konceptuální model.

• Podobně jako RRM a OOHDM:– Navrhuje jazyk pro práci s pohledy na data

WebML-OQL.– Navrhuje specifické modelování navigace po

webovém sídle a elementů webových stránek.

• Podobně jako OOHDM se snaží o dopracování do fáze implementace.

ZávěrZávěr• Aktuální problematika – návrh webových sídel.• Teoreticky propracovaná – stále se rozvíjí.• Zahrnuje moderní prvky – například XML.• Staví na standardech – UML.• Mnoho článků, tutoriálů a příkladů.• Velice rozsáhlá a prakticky orientovaná.• Komerční orientace – firma WebRatio.

ZávěrZávěr• Aktuální problematika – návrh webových sídel.• Teoreticky propracovaná – stále se rozvíjí.• Zahrnuje moderní prvky – například XML.

• Staví na standardech – UML.• Mnoho článků, tutoriálů a příkladů.• Velice rozsáhlá a prakticky orientovaná.• Komerční orientace – firma WebRatio.

Metodologie podobného druhu jsou nesmírně důležité!

ZávěrZávěr• Aktuální problematika – návrh webových sídel.• Teoreticky propracovaná – stále se rozvíjí.• Zahrnuje moderní prvky – například XML.

• Staví na standardech – UML.• Mnoho článků, tutoriálů a příkladů.• Velice rozsáhlá a prakticky orientovaná.• Komerční orientace – firma WebRatio.

Jinak je návrh webových sídel amatérský a nikoliv inženýrský!

URLURL

• WebML: http://www.webml.org

• WebRatio: http://www.webratio.com

ČVUT-FEL, K-313Technická 2166 27 PRAHA 6

Tel.: ++420 2 2435 2118Email:

[email protected]:

martin.feld.cvut.cz/~molhanec

MOLHASOFTKřivenická 406181 00 PRAHA 8

Tel.: ++420 233 55 05 21

Email: [email protected]

WWW: www.molhanec.cz

Děkuji za pozornost

webml

Documents