Prezentace1

Projekt sjednocení vzhledu a funkcionalityWWW prezentace SMO

Leden 2011Zpracoval: Vladan Lipka

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

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

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

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

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

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

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

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

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

Prezentace

Srovnávací tabulky

11

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

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

Prezentace

Ukázka wireframe

14

Prezentace

Ukázka schémat

15

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

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

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

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

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