tvorba webových sídel jako inženýrský úkol

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://molhanec@fel.cvut.czhttp://martin.feld.cvut.cz/~mmmhttp://k313.feld.cvut.czmailto://martin@molhanec.czhttp://www.molhanec.cz