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

27
Tvorba webových sídel jako inženýrský úkol Ing. Martin Molhanec, CSc České vysoké učení technické

Upload: flynn

Post on 10-Jan-2016

30 views

Category:

Documents


0 download

DESCRIPTION

Tvorba webových sídel jako inženýrský úkol. Ing. Martin Molhanec, CSc České vysoké učení technické. Ú v o d. Dů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 - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 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é

Page 2: Tvorba webových sídel jako inženýrský úkol

Ú 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

Page 3: Tvorba webových sídel jako inženýrský úkol

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

Page 4: Tvorba webových sídel jako inženýrský úkol

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

Page 5: Tvorba webových sídel jako inženýrský úkol

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

Page 6: Tvorba webových sídel jako inženýrský úkol

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)

Page 7: Tvorba webových sídel jako inženýrský úkol

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

Page 8: Tvorba webových sídel jako inženýrský úkol

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)

Page 9: Tvorba webových sídel jako inženýrský úkol

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)

Page 10: Tvorba webových sídel jako inženýrský úkol

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

Page 11: Tvorba webových sídel jako inženýrský úkol

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)

Page 12: Tvorba webových sídel jako inženýrský úkol

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)

Page 13: Tvorba webových sídel jako inženýrský úkol

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

Page 14: Tvorba webových sídel jako inženýrský úkol

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

Page 15: Tvorba webových sídel jako inženýrský úkol

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

Page 16: Tvorba webových sídel jako inženýrský úkol

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)

Page 17: Tvorba webových sídel jako inženýrský úkol

RMDM – Relational Management data Model

Page 18: Tvorba webových sídel jako inženýrský úkol

RMDM – Relational Management data Model

Page 19: Tvorba webových sídel jako inženýrský úkol

RMDM – Relational Management data Model

Page 20: Tvorba webových sídel jako inženýrský úkol

RMDM – Relational Management data Model

Page 21: Tvorba webových sídel jako inženýrský úkol

RMDM – Relational Management data Model

Page 22: Tvorba webových sídel jako inženýrský úkol

RMDM – Relational Management data Model

Page 23: Tvorba webových sídel jako inženýrský úkol

RMDM – Relational Management data Model

Page 24: Tvorba webových sídel jako inženýrský úkol

RMDM – Relational Management data Model

Page 25: Tvorba webových sídel jako inženýrský úkol

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

Page 26: Tvorba webových sídel jako inženýrský úkol

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.

Page 27: Tvorba webových sídel jako inženýrský úkol

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