projekt sjednocení vzhledu a funkcionality www prezentace smo
DESCRIPTION
Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO. Leden 2011 Zpracoval: Vladan Lipka. Historie WWW prezentací SMO. První stránky vznikly v polovině 9O. let 20. století Minimum zkušeností, záleželo na schopnosti jednotlivců Nedostatek informací - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/1.jpg)
Prezentace1
Projekt sjednocení vzhledu a funkcionalityWWW prezentace SMO
Leden 2011Zpracoval: Vladan Lipka
![Page 2: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/2.jpg)
Prezentace
Historie WWW prezentací SMO
• První stránky vznikly v polovině 9O. let 20. století
• Minimum zkušeností, záleželo na schopnosti jednotlivců
• Nedostatek informací• Omezené možnosti tehdejších technologií• Vše ruční práce, náročné na správu• Napojení na databázi MySQL• Vytvoření skriptů pro generování statických
stránek• První dynamické stránky – internetové aplikace
(PHP a MySQL)2
![Page 3: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/3.jpg)
Prezentace
CMS pro redaktory ÚMOb
• Redakční systém EPUS• Jako technologie použito PHP 3 a MySQL• Zcela dynamické stránky• Základní editační schopnosti
– WYSIWYG editor – formátování textu– Vkládání obrázků, odkazů a tabulek– Import obsahu z MS Word
• Nevýhody a omezení– Provázání obsahu se vzhledem– Internetové aplikace pouze jako externí odkazy– Závislost na dodavateli, dlouhá doba potřebná na
změny– Závislost na modulu sablotron, který nebyl dále
podporován 3
![Page 4: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/4.jpg)
Prezentace
CMS Jahia 5 – MMO a vybrané obvody
• Postaveno na moderní objektové technologii• Programovací prostředí Java• Základem modelu je používání šablon
– I u šablon objektový model včetně dědičnosti a zapouzdření
– Různé typy pro různý obsah– Částečné oddělení obsahu od vzhledu
• Napojení na různé databáze• Možnost vkládat různé objekty
– Obrázky– Soubory– Audio i video– Pomocí inframe je možné vložit cokoli
4
![Page 5: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/5.jpg)
Prezentace
Technické problémy – impuls ke změnám
• Navržené řešení v prostředí 2 nodů v clusteru nebylo realizováno
• Konektor na MySQL obsahoval chyby• Objektový model je skvělý pro programátory,
ale pro editory je zcela cizí a složitý na pochopení
• Komunitní verze byla vzhledem k rozsahu prezentace SMO zcela nedostačující
• Problémy na straně dodavatele – ukončení činnosti
• Neexistence podpory a neochota výrobce na přímou podporu, snaha převést odpovědnost na implementátora
5
![Page 6: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/6.jpg)
Prezentace
Schéma řešení v clusteru
• Databáze• Editoři• Workflow• Indexace pro fulltext
Nod1 – lokální síť
• Směrování paketů• Ochrana vnitřní sítě
Firewall • Replika databáze• Přístup pro
anonymního návštěvníka
• Cache
Nod2 - internet
6
![Page 7: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/7.jpg)
Prezentace
Funkční řešení
7
• Editoři• Workflow• Indexace• Cache• Anonymní
návštěvník
Jahia
• Směrování paketů• DMZ• Přístup editorů z LAN
Firewall • Přístup pro anonymního návštěvníka
• Cache• Přepisování URL
Reverzní proxy
![Page 8: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/8.jpg)
Prezentace
Design manuál – sjednocení vzhledu
• Jednotný vzhled daný design manuálem Ostrava!!!
• Požadavek na vytvoření centrální instalace pro MMO a všechny obvody– Celkově 300 editorů– 12 000 stránek– 26 nezávislých prezentací– Jako zdroj dat DB Oracle– Autorizace MS Active Directory
• Pro splnění podmínek byl nutný upgrade na verzi 6 Funkčně vyhovovala pouze distribuce Enterprise
• Výrobcem doporučená konfigurace – cluster se 4 nody
• Finanční náročnost = nutnost hledat alternativy8
![Page 9: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/9.jpg)
Prezentace
Výběr technického řešení
• Základní požadavky na řešení– Oddělení obsahu od vzhledu a funkcionality– Možnost vytvářet vlastní funkcionalitu– Čerpaní dat z externích zdrojů, tvorba portletů– Možnost tvorby „miniwebů“– Škálovatelnost řešení včetně podpory HA– Existence technické podpory přímo v České republice
• Stanovena hodnotící kritéria a nastaveny váhy• Srovnávací tabulky• Testování dvou vybraných řešení• Časová náročnost
9
![Page 10: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/10.jpg)
Prezentace
Srovnávací kritéria
1) Celosvětové nasazení2) Široká komunita vývojářů, která není vázaná na
jednoho implementátora3) Integrace a napojení na stávající systémy SMO
(Active Directory, Oracle DB)4) Možnost nasazení i na jiné funkce než web
(např. intranet a extranet aplikace a další)5) Bezpečnost6) Jednoduchost pro uživatele7) Rozvrstvení: aplikace / design / vlastní obsah8) Podpora delší než po dobu udržitelnosti (než 5let)9) Ekonomická otázka10) Licence11) Časová náročnost
• 10
![Page 11: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/11.jpg)
Prezentace
Srovnávací tabulky
11
![Page 12: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/12.jpg)
Prezentace
Stránky nejsou pouze vzhled
• Vzhled je sice to první, co vidíme, ale ne to nejdůležitější
• Nejdůležitější jsou informace, které chceme návštěvníkovi stránek předat
• Informace musí mít svou logiku, které musí rozumět cílový uživatel
• Jednoduché nalezení požadovaných informací• Dodržovat standardy a zvyklosti, které jsou na
internetu běžné• Pamatovat na přístupnost stránek
12
![Page 13: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/13.jpg)
Prezentace
Jednotící prvky - funkcionalita
• Stejné prvky musí být v celé prezentaci konzistentní
• Stejná funkcionalita se vždy chová stejně• Funkční prvky umístěny tam, kde je návštěvník
předpokládá• Prvky se musí chovat obvyklým
(předvídatelným) způsobem• Stejná struktura prezentovaných dat
13
![Page 14: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/14.jpg)
Prezentace
Ukázka wireframe
14
![Page 15: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/15.jpg)
Prezentace
Ukázka schémat
15
![Page 16: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/16.jpg)
Prezentace
Definice rozsahu projektu
• Projektové řízení• Rozdělení projektu na etapy• Změnit technologii pro WWW prezentaci SMO• Navrhnout funkční model stránek ve dvou
variantách – MMO a ÚMOb• Implementovat prostředí pro testování, školení
a produkční provoz• Vytvořit instance pro MMO a 4 vybrané ÚMOb• Připravit vše pro změnu designu v další etapě• Sběr požadavků pro další rozvoj• Školení editorů a správců
16
![Page 17: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/17.jpg)
Prezentace
Střet dvou světů
• Nedostatek zkušeností komerčních firem s prostředím municipalit
• Rozdílné pohledy na cíle projektu• „Nekompatibilita“ pojmů
17
![Page 18: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/18.jpg)
Prezentace
Realizace projektu
• Důsledné projektové řízení• Jasné vymezení cílů projektu• Stanovování úkolů na konkrétní řešitele, v
určeném čase• Kontrola plnění úkolů a termínů• Pravidelné schůzky• Podpora vedení• Elektronická komunikace, existence WIKI pro
všechny úrovně řešitelů• Definování procesu vývoje, testování a
akceptace• Vytvoření pocitu důvěry a tvůrčího prostředí
18
![Page 19: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/19.jpg)
Prezentace
Zajímavé odkazy
• A list apart (http://www.alistapart.com/)• Alertbox (http://useit.com/alertbox/)• UIE.com (http://uie.com) • GUUUI (http://www.guuui.com) • Digital Web (http://digital-web.com) • IAWiki (http://www.iawiki.net) • Usability News (http://psychology.wichita.edu/
surl/newsletter.htm) • InfoDesign (http://www.informationdesign.org) • Dušan Janovský (http://www.jakpsatweb.cz/
weblog/) • Martin Snížek (http://www.snizekweb.cz)
19
![Page 20: Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO](https://reader031.vdocuments.pub/reader031/viewer/2022012922/56816384550346895dd46ac5/html5/thumbnails/20.jpg)
Prezentace
Zajímavé odkazy II, knihy
• Sova v síti (http://www.sovavsiti.cz) • Blog H1.cz (http://blog.h1.cz) nebo Firemní
seriál zaměřený na tvorbu webu (http://firemniweb.h1.cz/)
Knižní tituly• Nenuťte uživatele přemýšlet (Steve Krug,
Computer Press, 2003)• Použitelnost domovských stránek (Jakob
Nielsen & Marie Tahir, Zoner Press, 2004)• Tvoříme přístupné webové stránky (David
Špinar, ZONER software, s.r.o., oddělení Zoner Press, 2004, 360 stran, ISBN 80–86815–11–0) 20