Tvorba webových sídel jako inženýrský úkol
Ing. Martin Molhanec, CSc
České vysoké učení technické
Ú v o dDůvod vzniku tohoto příspěvku
– Praktická zkušenost
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ý artefact, 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á navigaceUž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íkyZá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
Metodologie
Vznikla z nutnostiNebyl čas na studium pramenůVychází ze zkušeností metodologií ISByla prakticky s úspěchem použita
(nicméně se nejednalo i nikterak rozsáhlý projekt)
Představení u zákazníka
Osnova jednání Zásady součinnosti Co je cílem metodiky Předběžná analýza Analýza požadavků Matice afinity Typologie stránek Vzhled stránek Struktura webového sídla
Karty požadavků
Požadavek– Stanovení prezentovaných objektů (výrobek, služba,
atp.) Data
– Jaké údaje nás o daném objektu zajímají Time
– Jak často se daný objekt bude aktualizovat Funkcionalita
– Navigace daného objektu (například UPLINK)
Struktura webového sídla
Je sestrojena na základě vyplněných karetVzájemné vztahy jsou určeny navigací
(funkcinalita)Dá se vyjádřit
– Strukturogramem (1, 2.1, 2.2, 3, …)– Diagramem struktury webového sídla
(například FrontPage)
Vzhled webových stránek
Typologie – jaké existují různé elementy, které je možné na webových stránkách umístit
Vlastní navrh s využitím výše uvedených elementů a vyplněných karet
Komunikace se zákazníkem
Formuláře pro zákazníka, aby věděl jaké informace má dodat a kam patří
Odpovídající šablony stránek, zejména těch které se opakují (například: výrobek, řada výrobků, služby, atp.)
Lze oddělit práci návrháře a toho, kdo do šablon umisťuje informace (šlo by částečně zautomatizovat)
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)
Některé současné techniky
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
Dobrý vstupní bod
Kurs: Website Design and Management obsahuje cenné anotace a další odkazy
http://ise.ee.uts.edu.au/ise/wdm
Stránky anotací k dalším IS kursům (WEB, Hypermedia)
http://ise.eng.uts.edu.au/ise/ise_note.htm
RMM – Relationship Management Methodology
1995 – Isakowitz, Stohr, Balasubramanian Je použitelná i na hypermediaVyužívá ERMStanovuje 7 kroků vývoje aplikaceDefinuje vlastní diagramy pro popis
problémuExistuje pro ní CASE nástroj
RMDM – Relational Management Data Model
Domain Primitives– Entity, Atributy, Vztahy– Slice (pizza slice)
Access primitives (navigace)– Links (jen mezi slices)– Indexy, guided tour, groupings (menu)
RMDM – Relational Management data Model
RMDM – Relational Management data Model
RMDM – Relational Management data Model
RMDM – Relational Management data Model
RMDM – Relational Management data Model
RMDM – Relational Management data Model
RMDM – Relational Management data Model
RMDM – Relational Management data Model
7 kroků RMM
1. E-R design
2. Slice design
3. Navigational design
4. Conversion protocol design
5. User-interface design
6. Run-time behaviour design
7. Construction and testing
Z á v ě rV současné době je bohužel v praxi
upřednostňována grafická stránka věciV českých zdrojích jsou prozatím
diskutovány pouze technické aspektyVe 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.
Ing. Martin Molhanec, CSc.
MolhasoftČVUT-FEL, K313Technická 2166 27 PRAHA 6Tel.: ++420 (2) 2435 2118mailto://[email protected]://martin.feld.cvut.cz/~mmmhttp://k313.feld.cvut.czmailto://[email protected]://www.molhanec.cz