Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO

1. Projekt sjednocení vzhledu a funkcionality WWW prezentace SMO Leden 2011Zpracoval: Vladan Lipka

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

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

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

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

6. Schéma řešení v clusteru

7. Funkční řešení

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

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

10. Srovnávací kritéria • Celosvětové nasazení • Široká komunita vývojářů, která není vázaná na jednoho implementátora • Integrace a napojení na stávající systémy SMO (Active Directory, Oracle DB) • Možnost nasazení i na jiné funkce než web (např. intranet a extranet aplikace a další) • Bezpečnost • Jednoduchost pro uživatele • Rozvrstvení: aplikace / design / vlastní obsah • Podpora delší než po dobu udržitelnosti (než 5let) • Ekonomická otázka • Licence • Časová náročnost

11. Srovnávací tabulky

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

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

14. Ukázka wireframe

15. Ukázka schémat

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

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

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

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

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