1 / 27

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 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

flynn
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. Ú 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 • Webové sídlo až na výjimky není umělecký artefact, ale informační systém - technický produkt

  3. 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

  4. 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

  5. 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

  6. Metodologie • Vznikla z nutnosti • Nebyl čas na studium pramenů • Vychází ze zkušeností metodologií IS • Byla prakticky s úspěchem použita (nicméně se nejednalo i nikterak rozsáhlý projekt)

  7. 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

  8. 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)

  9. Struktura webového sídla • Je sestrojena na základě vyplněných karet • Vzá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)

  10. 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

  11. 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)

  12. 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)

  13. 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

  14. Dobrý vstupní bod • Kurs: Website Design and Managementobsahuje 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

  15. RMM – Relationship Management Methodology • 1995 – Isakowitz, Stohr, Balasubramanian • Je použitelná i na hypermedia • Využívá ERM • Stanovuje 7 kroků vývoje aplikace • Definuje vlastní diagramy pro popis problému • Existuje pro ní CASE nástroj

  16. 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)

  17. RMDM – Relational Management data Model

  18. RMDM – Relational Management data Model

  19. RMDM – Relational Management data Model

  20. RMDM – Relational Management data Model

  21. RMDM – Relational Management data Model

  22. RMDM – Relational Management data Model

  23. RMDM – Relational Management data Model

  24. RMDM – Relational Management data Model

  25. 7 kroků RMM • E-R design • Slice design • Navigational design • Conversion protocol design • User-interface design • Run-time behaviour design • Construction and testing

  26. 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.

  27. Ing. Martin Molhanec, CSc.Molhasoft ČVUT-FEL, K313 Technická 2 166 27 PRAHA 6 Tel.: ++420 (2) 2435 2118 mailto://molhanec@fel.cvut.cz http://martin.feld.cvut.cz/~mmm http://k313.feld.cvut.cz mailto://martin@molhanec.cz http://www.molhanec.cz

More Related