České vysoké učení technické v Praze Fakulta elektrotechnická Katedra počítačů. Diplomová práce. U3V Portal. Bc. Martina Míčová

České vysoké učení technické v Praze Fakulta elektrotechnická Katedra počítačů

Diplomová práce

U3V Portal Bc. Martina Míčová

Vedoucí práce: Ing. Božena Mannová, Ph.D.

Studijní program: Elektrotechnika a informatika, strukturovaný Obor: Výpočetní technika 20. května 2009

-2-

Poděkování Děkuji frekventantům kurzu U3V za trpělivost s mými otázkami. A paní doktorce Mannové, zadavatelce mé diplomové práce, děkuji za cennou podporu, pomoc a rady, které mi při vypracovávání poskytla. -3-

-4-

Prohlášení Prohlašuji, že jsem práci vypracovala samostatně a použila jsem pouze podklady uvedené v přiloženém seznamu. Nemám závažný důvod proti užití tohoto školního díla ve smyslu §60 Zákona č. 121/2000 Sb., o právu autorském, o právech souvisejících s právem autorským a o změně některých zákonů· (autorský zákon).

V Dlouhopolsku dne 20. 5. 2009 ………………………………………………….. -5-

-6-

Abstrakt Cílem této diplomové práce je provést analýzu požadavků na WWW stránky pro seniory. Součástí jsou usability testy, které byly na začátku provedeny a na jejichž základě je poté navržen cvičný webový portál pro frekventanty U3V.

Abstract This master thesis deals with creation of WWW portals for seniors. The first part is an introduction to the fields. The analyses of some existing portals with usability tests are presented. The last part of the thesis describes design, implementation and evaluation of the Trainitg portal for seniors, which was created.

-7-

-8-

Obsah Seznam obrázků ................................................................................................................. 11 1.

Úvod ........................................................................................................................... 13

2.

Celoživotní vzdělávání................................................................................................ 14

3.

4.

2.1.

Historie ............................................................................................................... 14

2.2.

Současnost ......................................................................................................... 15

2.3.

Vzdělávání seniorů ............................................................................................. 15

Portály ........................................................................................................................ 17 3.1.

Webové portály ................................................................................................. 17

3.2.

Všeobecný rozbor .............................................................................................. 17

3.3.

Usability testy portálů ........................................................................................ 21

3.4.

Webové portály přímo určené pro seniory ....................................................... 23

Jak psát web pro seniory............................................................................................ 26 4.1.

Struktura stránky ............................................................................................... 26

4.2.

Prohlížeče ........................................................................................................... 27

4.3.

Písmo .................................................................................................................. 29

4.4.

Barevné schéma ................................................................................................. 29

4.4.1.

5.

Poruchy barevného vidění ......................................................................... 30

4.5.

Web Accessibility Initiative (WAI) ...................................................................... 30

4.6.

Vyhledávače ....................................................................................................... 33

4.6.1.

Training portal............................................................................................ 33

4.6.2.

ČVUT........................................................................................................... 35

4.6.3.

Vyhledávání na mapách a vyhledávání spojení ......................................... 35

4.7.

Barva a velikost .................................................................................................. 37

4.8.

RSS ...................................................................................................................... 37

4.9.

Počasí ................................................................................................................. 38

4.10.

Hodiny ............................................................................................................ 38

4.11.

Obecný obsah ................................................................................................ 38

4.12.

Email............................................................................................................... 38

4.13.

Implementace ................................................................................................ 39

Závěr........................................................................................................................... 40

Literatura............................................................................................................................ 41 Obsah přiloženého CD ....................................................................................................... 42

-9-

Příloha č. 1 – Usability testy ................................................................................................. 1 Vyhodnocení usability testů ................................................................................................ 2 Zhodnocení usability testů ................................................................................................... 4 Výsledky usability testů........................................................................................................ 6 Příloha č. 2 – Screeny webových portálů určených pro seniory .......................................... 1

- 10 -

Seznam obrázků Obrázek 1: www.seznam.cz ........................................................................................... 18 Obrázek 2: www.o2active.cz ......................................................................................... 18 Obrázek 3: www.centrum.cz ......................................................................................... 18 Obrázek 4: www.atlas.cz ......................................................................................... 18 Obrázek 5: www.caramba.cz ......................................................................................... 19 Obrázek 6: www.yahoo.com ......................................................................................... 19 Obrázek 7: www.google.com ......................................................................................... 19 Obrázek 8: www.live.com .................................................................................................. 19 Obrázek 9: www.msn.com ................................................................................................. 20 Obrázek 10: www.aol.com................................................................................................. 20 Obrázek 11: www.igoogle.com .......................................................................................... 21 Obrázek 12: Usability testy portálů ................................................................................... 22 Obrázek 13: Možnosti členění stránek .............................................................................. 26 Obrázek 14: Příklady umístění vyhledávacího pole ........................................................... 27 Obrázek 15: Zastoupení prohlížečů březen 2009 .............................................................. 28 Obrázek 16: Rozhození grafiky na stránkách o.s. Život90 ................................................. 28 Obrázek 17: Zkomolení češtiny na stránkách RS ČR, o.s. v prohlížeči Safari ..................... 28 Obrázek 18: Nabídky změny velikosti písma na některých stránkách............................... 29 Obrázek 19: Seniorum.cz ve verzi pro barvoslepé............................................................. 29 Obrázek 20: Barevné palety viděny pod poruchami barevného vidění ............................ 30 Obrázek 21: Úvodní stránka cvičného webového portálu ................................................ 31 Obrázek 22: Obecná část cvičného webového portálu ..................................................... 32 Obrázek 23: Napodobenina prostředí email ..................................................................... 33 Obrázek 24: Zobrazení výsledku vyhledávání .................................................................... 35 Obrázek 25: Další možnosti vyhledávání ........................................................................... 36 Obrázek 26: Žluté barevné schéma s velkým písmem....................................................... 37 Obrázek 27: ERD diagram .................................................................................................. 39 Příloha č. 2 Obrázek 28: http://www.seniori.org ................................................................................... 2 Obrázek 29: http://duchodce.proprio.cz/ ........................................................................... 2 Obrázek 30: http://www.rscr.cz/ ......................................................................................... 3 Obrázek 31: http://www.gerontocentrum.cz/gema/ ......................................................... 4 Obrázek 32: http://www.zivot90.cz/ ................................................................................... 4 Obrázek 33: http://www.veselysenior.cz/........................................................................... 5 Obrázek 34: http://www.gerontologie.cz ........................................................................... 5 Obrázek 35: http://seniori.nmnm.cz ................................................................................... 6 Obrázek 36: http: //www.svetsenioru.cz/ ........................................................................... 7 Obrázek 37: http://www.aktivni.cz/ .................................................................................... 8 Obrázek 38: http://www.seniortip.cz/ ................................................................................ 9 Obrázek 39: http://www.senio.cz/ .................................................................................... 10 Obrázek 40: http://www.helpnet.cz/seniori ..................................................................... 11 Obrázek 41: http://www.seniorum.cz ............................................................................... 12 Obrázek 42: http://sen.felk.cvut.cz/sen/index_cz.html .................................................... 12

- 11 -

- 12 -

1. Úvod Je nespornou pravdou, že se mění věková struktura obyvatelstva. Populace stárne. Bohužel druhou pravdou je, že se společnost stále nemůže zbavit zažitých stereotypů ohledně občanů staršího věku. Často je považujeme za nepřizpůsobivé, za neschopné přijímat nové podněty a informace. Očekáváme, že s odchodem ze zaměstnání se tito lidé stáhnou i ze života ostatních. Naopak neočekáváme, že se senioři dále budou aktivně zajímat o dění kolem sebe a budou ho chtít aktivně ovlivňovat. Přesto mnoho seniorů stále zůstává aktivními členy společnosti. A jako každý aktivní člověk mají i oni touhu neustále se seznamovat s novými poznatky a přispívat do studnice lidské moudrosti svými vědomostmi. V dnešní době je hlavním místem výměny těchto informací internet. Proto se mnoho škol a dalších institucí zaměřilo na kurzy počítačů a internetu pro seniory. Rovněž jsou na internetu vytvářeny stránky s obsahem zaměřeným na tuto cílovou skupinu. Cílem mé diplomové práce je zhodnocení těchto stránek (3. kapitola). Vyvození základních pravidel pro jejich tvorbu (4. kapitola). Vytvoření cvičného webového portálu postaveného na těchto poznatcích, určeného pro první seznámení seniorů s možnostmi internetu (5. kapitola).

- 13 -

2. Celoživotní vzdělávání V dnešní době patří vzdělávání neodmyslitelně k životu. Díky překotnému vývoji dnešního světa se objevují nové poznatky a technologie takřka neustále. Vysoké školy na tento trend zareagovaly vytvořením institutů celoživotního vzdělávání. Jedná se o způsob doplnění znalostí, aniž by posluchači byli studenty ve smyslu ve smyslu zákona č.111/1998 Sb. O vysokých školách. Stačí splnit stanovená kritéria. Na závěr je jim vystaven certifikát o absolvování kurzu. Možnosti studia se většinou dělí podle cílové kategorie, pro které je kurz určen. Patří sem přípravné kurzy k přijímacím zkouškám, rekvalifikační kurzy, kariérní kurzy, postgraduální kurzy a další. Speciálně pro seniory jsou určeny univerzity třetího věku (U3V). Instituce nabízející tuto formu vzdělávání seskupuje občanské sdružení Asociace Univerzit Třetího Věku (AU3V). Byla založena v roce 1993 z iniciativy dobrovolníků, kteří se na univerzitách zabývali vzděláváním občanů důchodového věku. AU3V se stará o výměnu zkušeností mezi členy sdružení a získávání mezinárodních kontaktů na evropské organizace – zejména na AIUTA (Internation Association of the Universities of the Third Age), EFOS (European Federation of Older Students) a evropské informační sítě pro U3V.

2.1. Historie Popud k celoživotnímu vzdělávání dala neustále se zvyšující rychlost přílivu nových poznatků. Ta donutila odborníky vracet se do škol za účelem doplnění vzdělání. Společně s nimi se začali do škol vracet i lidé, kteří již ukončili aktivní etapu svého života, ale stále jim fyzický stav umožňoval aktivní účast. První kurzy zaměřené cíleně na vzdělávání seniorů vznikaly v roce 1973 ve Francii. U nás byly původně pořádány různými institucemi (Gerontologická společnost, Svaz důchodců aj.). Historie českých U3V sahá do 80. let minulého století (1986). Dnes lze nalézt tento subjekt v rámci takřka každé vysoké školy. Mezi průkopníky kurzů pro seniory patří zejména medicínské a přírodovědné fakulty vysokých škol. Poskytovaly přednášky týkající se správného způsobu života, otázek stárnutí, zdravé výživy atd. Postupně do této oblasti začaly pronikat i požadavky na seznámení s novými technologiemi. Důvodem bylo porozumění mladé populaci a technice, která všechny obklopuje. V dnešní době mají největší význam kurzy práce s počítači a internetem. V České republice, jako i v řadě dalších postkomunistických států, se přidal k zájmu o vzdělání i fakt, že mnohým lidem bylo za éry komunismu odepřeno vysokoškolské vzdělání a po devadesátém roce dvacátého století si jej mohli doplnit. V roce 2002 byla zpracována zpráva, která přispěla k zařazení požadavku na dotaci U3V v rámci vládního programu „Příprava na stárnutí populace České - 14 -

republiky.“ Díky tomu byly na 20 českých veřejných vysokých školách vybudovány internetové studovny speciálně určené pro seniorské studenty. Samozřejmě toto je pouze příklad výsledku, vyplývající z uvědomění si potřeby vzdělávat seniory.

2.2. Současnost V oblasti celoživotního vzděláváním jsou klíčovými dokumenty Lisabonská strategie a navazující dokument Vzdělávání a odborná příprava 2010, které představují všeobecné strategie Evropské unie. Jejich klíčovou myšlenkou je, že každý by se měl učit a vzdělávat po celý život. Mezi základní dokumenty v ČR patří Strategie celoživotního učení ČR, Operační program Vzdělávání pro konkurenceschopnost a Dlouhodobý záměr vzdělávání a rozvoje vzdělávací soustavy ČR.

U3V jsou dnes chápány nejenom jako instituce seniorského vzdělávání, ale i jako společenské využití volného času. Ostatně z výsledků průzkumů (např. Randuchová, L. The statistic analysis of the satisfaction of the participants of theUniversity of the Third Age MZLU in Brno. Diploma thesis. Brno, 2007) vyplývá, že pro posluchače kurzů představuje studium smysluplné využití jejich volného času. Díky počátkům vzdělávání dospělých spojeným s vysokými školami je dnešní vzdělání součástí programu těchto institucí, což zajišťuje vysokou úroveň přednášek. Ty mají podobu ucelených cyklů. Jejich délka se pohybuje od samostatných přednášek až po dvouleté studium. Nabídka se nesoustřeďuje pouze na přednášky, ale je rozšířená i na řadu doprovodných akcí. Výuka má charakter přednášky, semináře, cvičení a exkurze. Některé školy využívají i tzv. britského konceptu U3V. Tj. že někteří studenti se sami v rámci tématiky, které rozumějí, stávají učiteli.

Mluvíme-li o vzdělávání seniorů, nesmíme zapomenout ani na nabídku jednotlivých organizací a nadací zabývajících se prací se seniory. Zde se však jedná o krátké cykly, které mají seznámit seniory s vybranou problematikou.

2.3. Vzdělávání seniorů Je třeba si uvědomit, že vzdělávání seniorů již není směřováno ke zvládnutí problematiky za účelem zvýšení kvalifikace v oboru a tím získání lepšího postavení na trhu práce, ale slouží především k získání znalostí umožňujících pochopení okolního světa a udržení a rozvoje duševního i fyzického zdraví. Znalosti, které senioři nasbírali během svého života, jim zůstávají. Bohužel se zvyšujícím se věkem se objevují fyzické i psychické problémy.

- 15 -

Zatímco problémy se zrakem lze často řešit větším rozlišením obrazovky, nebo zaostřením obrazu, třes rukou ovlivňující jemnou a přesnou motoriku se může často ukázat jako určující faktor pro chuť pracovat s počítačovými technologiemi. Mezi nejznámější psychické poruchy provázející stáří patří Alzheimerova choroba, projevující se dezorientací v prostoru, času, lidech i věcech. Dalším prvkem brzdícím počítačovou (ale i jinou) výuku seniorů je nedůvěra k novým technologiím. Při výuce se musí zvolit pomalejší tempo, aby se posluchačům poskytl dostatek času na překonání jejich odporu, pochopení a procvičení problematiky a zapsání poznámek. Jak se v praxi často ukazuje, tak různá „udělátka“, která se tak líbí mladým, jako jsou například různá vyskakující okna a zprůhlednění, seniory často mate. Proto je preferován co nejjednodušší design, pokud možno s intuitivním ovládáním.

- 16 -

3. Portály 3.1. Webové portály Pojem webový portál úzce souvisí s využíváním internetu jako zdroje informací. Původní portály sloužily jako rozcestníky. Typicky obsahovaly katalog odkazů. Mnoho uživatelů si zvyklo mít tyto stránky nastaveny jako výchozí ve svých webových prohlížečích. Časem došlo k doplnění základní nabídky těchto stránek o další služby. Cílem bylo udržet návštěvníky na webovém portálu i po nalezení informací, které ho primárně zajímaly. Proto zde kromě vyhledávacího nástroje nalezneme i katalogy odkazů, zpravodajství, email, a další. Touto cestou se z prostých vyhledávacích portálů staly webové portály tak, jak je známe dnes. Portály, které se zaměřují tímto způsobem na pokrytí širokého spektra informací, označujeme jako horizontální portály. Některé portály se postupem času začaly specializovat pouze na určitou problematiku a tím i pouze na určitou skupinu lidí. Označují se jako vertikální portály. Vžil se pro ně název vortály. Pro osoby zabývající se daným tématem mohou být tyto portály cenným zdrojem informací. Typickým příkladem jsou portály specializované na nákup zboží, ekologii, či koníčky. Někdy bývají začleněny do struktury velkých webových portálů.

3.2. Všeobecný rozbor Mezi nejnavštěvovanější české webové portály patří Seznam (www.seznam.cz), Atlas (www.atlas.cz), Centrum (www.centrum.cz), O2 Active (www.o2active.cz) a Caramba! (www.caramba.cz). Mezi anglické webové portály patří Google (www.google.com), Yahoo! (www.yahoo.com), MSN (www.msn.com), Windows live (www.live.com) a AOL (www.aol.com). Některé z těchto portálů, jako například google, mají i českou lokalizaci. Seznam, Centrum a Atlas jsou typickými představiteli českých všeobecných webových portálů. Kromě poskytnutí služeb vyhledávacího stroje na svých stránkách poskytují základní paletu informací, jako jsou zprávy, počasí, aktuální televizní program, kurz měny. Taktéž nabízejí bezplatný email. Vzhledu těchto tří portálů dominuje vyhledávací pole, které je doprovázeno i jejich logem. Pod ním je umístěn obsah rozdělený přehledně do dvou nestejně širokých sloupců. Portál atlas přidává navíc k tomuto obsahu i postraní menu ve kterém má umístěny odkazy na zajímavé vortály, nebo podsekce svých stránek. Centrum a Seznam tyto odkazy ze svých stránek tak zřetelně nevydělují.

- 17 -

Obrázek 1: www.seznam.cz

Obrázek 2: www.o2active.cz

Obrázek 3: www.centrum.cz

Obrázek 4: www.atlas.cz

- 18 -

Obrázek 5: www.caramba.cz

Obrázek 6: www.yahoo.com

Obrázek 7: www.google.com

Obrázek 8: www.live.com

- 19 -

Obrázek 9: www.msn.com

Obrázek 10: www.aol.com

Portál O2 stojí na rozhraní mezi webovým portálem a vortálem. Nabízí všeobecné služby jako předcházející portály. Nicméně, protože se jedná o firmu, která nabízí telefonní služby, jsou všechny nástroje uzpůsobeny pro využívání v mobilních telefonech. Tato základní nabídka je doplněna dalším obsahem – nabídkami firmy, nástroji, programy a nabídkami pro mobilní telefony. Podobně jako u předchozích webových portálů tvoří dominantu stránky vyhledávací pole doplněné o logo portálu. Hned pod ním se nachází záložky, které uživateli umožňují přechod do jednotlivých zájmových sekcí. Obsah jednotlivých stránek více méně dodržuje členění do třech stejně velkých sloupců. - 20 -

Portál Caramba! je webovým portálem, který se nejvíce blíží historickým portálům. Na rozdíl od Seznamu, Centra, nebo Atlasu nespravuje vortály, jejichž služby by potom na hlavní straně nabízel. Jde o katalog odkazů. Pro vyhledávání odkazů v něm využívá Caramba! nástroj Google. Portály Google a Live jsou typickými představiteli portálů, které k udržení svých příznivců nepotřebují svoji titulní stránku zaplnit informacemi. Portál Google nicméně pro své přihlášené uživatele nabízí další služby. Mimo jiné i klasickou všeobecnou webovou stránku, pro kterou nabízí řadu modulů k doplnění (Obrázek 11: www.igoogle.com). Přesto jsou tyto dva webové portály známy spíš pro svůj kvalitní vyhledávací stroj. Portály AOL, MSN a YAHOO jsou klasickými všeobecnými webovými portály. Svým obsahem se neliší od Seznamu, Centra nebo Atlasu. Respektive při bližším pohledu můžeme vidět inspiraci českých portálů jejich zahraničními kolegy.

Obrázek 11: www.igoogle.com

3.3. Usability testy portálů Jako výchozí zdroj informací pro moji diplomovou práci jsem použila usability test, který vyhodnocoval orientaci seniorů na webových portálech. Testovanou skupinou - 21 -

byly frekventanti kurzu Univerzity třetího věku (U3V). Test se sestával ze dvou částí. První dotazník zjišťoval všeobecné informace zaměřené na znalosti uživatelů. Druhý test byl zaměřen na orientaci na konkrétním webovém portálu. Verze a) byla vytvořena pro internetové portály, které na svých stránkách poskytují kromě vyhledávacího nástroje i další informace (www.seznam.cz). Verze b) byla určena pro vyhledávací portály (www.google.cz). Z výsledků testů vyplývá, že uživatelé používající internet méně často inklinují k portálu Seznam. Uživatelé, kteří mají s internetem více zkušeností, využívají i služby portálu Google. Oba portály vyšly z testu bez vážnějších připomínek. U obou lze zkonstatovat, že jsou navrženy pro maximální pohodlí uživatelů s ohledem na maximální intuitivitu v ovládání. Pokročilejší uživatelé nemají s orientací na dvou zhodnocených webových portálech žádný problém. Jediná výtka se většinou týkala anglické nápovědy portálu Google. Vzhledem k výsledkům usability testů se staly portály Seznam a Google výchozími pro moji práci.

Obrázek 12: Usability testy portálů - 22 -

3.4. Webové portály přímo určené pro seniory Webové portály určené pro seniory můžeme rozdělit několika způsoby. Asi nejjednodušším dělením je rozdělení na portály občanských sdružení, státních a zájmových organizací a webové portály určené pro rozptýlení seniorů. Do první kategorie můžeme zařadit například stránky Portálu pro seniory (http://www.seniori.org) (příloha 2, Obrázek 28). Ty byly vytvořeny za přispění Evropské unie z programu Phare 2002 – Podpora aktivního života seniorů. Jedním z hlavních účelů stránek je poskytnout návod, jak založit Radu seniorů. Jedná se o organizace, které mají za cíl společenský, kulturní, vzdělávací, a sportovní život seniorů. Příkladem může být Rada seniorů České republiky, o.s. (http://www.rscr.cz/) (příloha 2, Obrázek 30) nebo Svaz důchodců ČR Liberec (http://duchodce.proprio.cz/) (příloha 2, Obrázek 29). Dále se zde nachází poradna, která zahrnuje sekce zdraví, sociální oblast a ochranu spotřebitele. Výhodou je, že ve všech třech sekcích odpovídají na dotazy kvalifikovaní odborníci. Rovněž podsekce Evropská unie a Dokumenty jsou vedeny se stejnou pečlivostí a s ohledem na snahu o maximální kvalitu informací pro cílového uživatele. Nicméně i tyto stránky jsou odlehčené rubrikami, jako je Společnost a kultura, Hobby, Vzdělávání a zaměstnání a Cestování a sport. Na rozdíl od mnohých jiných stránek určených pro seniory, nebo pro širokou veřejnost jsou i tyto podsekce psány nikoliv návštěvníky stránek, ale redaktory. Dalšími portály spadajícími do první kategorie jsou stránky Občanského sdružení GEMA (http://www.gerontocentrum.cz/gema/) (příloha 2, Obrázek 31), občanského sdružení Život 90 (http://www.zivot90.cz/) (příloha 2, Obrázek 32) a stránky nadačního fondu Veselý senior (http://www.veselysenior.cz/) (příloha 2, Obrázek 33). Stránky sdružení GEMA jsou odrazem cíle jejich snažení – sdružení se nespecializuje na podporu internetového života seniorů, ale na jejich žití v běžném světě. Proto i jejich stránky slouží jen jako prezentace jejich aktivit. Sdružení GEMA se snaží připravovat projekty, které se týkají převážně podpory zdraví a prevence onemocnění ve vyšším věku. V roce 1998 se GEMA zapojila do celoevropského programu zdravotní výchovy, který nese název "Stárnout zdravě v Evropě". Cílem tohoto projektu byla podpora zdraví a prodlužování aktivního života seniorů. Jedním z výsledků jejich projektu je několik kaváren pro seniory (internetové i klasické) po celé ČR. V obdobném duchu jsou navrženy i stránky sdružení Život 90 a fondu Veselý senior. Nalezneme zde informace o jejich aktivitách. Do první kategorie můžeme zařadit i stránky klubů seniorů, jako například Klubu seniorů v Novém Městě na Moravě (http://seniori.nmnm.cz/) (příloha 2, Obrázek 35). Obdobně jako u předchozích stránek zde nalezneme informace o klubu a prezentaci aktivit klubu ve vnějším světě. - 23 -

Portál Seniorum.cz (http://www.seniorum.cz/) (příloha 2, Obrázek 41) je provozován občanským sdružením Život 90 ve spolupráci s Nadací České spořitelny. Stojí na rozhraní mezi prvním a druhým typem stránek. Přestože je zde řada zájmových sekcí, je jeho obsah psán spíše profesionálními přispěvovateli než širokou veřejností.

Do druhé kategorie spadají stránky, které jsou koncipovány jako klasické zájmové stránky s tím rozdílem, že cílovou skupinou jsou senioři. Mezi tyto stránky patří například Svět seniorů (http://www.svetsenioru.cz/) (příloha 2, Obrázek 36), Aktivní.cz – Život 2, Obrázek 37), Senior Tip po 50 (http://www.aktivni.cz/) (příloha (http://www.seniortip.cz/) (příloha 2, Obrázek 38), Senio (http://www.senio.cz/) (příloha 2, Obrázek 39). Na rozdíl od předchozích stránek těchto portálů není mnoho. Dalo by se říci, že stránek poskytujících seniorům informace a rady jsou desítky, ale stránek, na kterých by si senioři mohli vyměňovat své zážitky, svěřovat se se svým trápením, pocity, zamyšleními a životními příběhy, je jen pár. Vzhledem k tomuto nepoměru se takřka zdá, že máme tendenci radit seniorům, jak se mají chovat v rámci našich zažitých stereotypů, ale už nemáme zájem, aby se sami ke své situaci vyjadřovali. Portál Svět seniorů se koncepcí podobá všeobecným portálům, nicméně jeho cílovou skupinou jsou senioři. Nalezneme zde články, které se jich týkají. Kromě katalogu odkazů na stránky s podobnou tématikou nabízí také diskusní fórum a možnost tvorby vlastního blogu. Dle četností příspěvků v obou těchto sekcích lze usuzovat na značnou oblíbenost těchto možností. Portál Aktivní.cz který, jak sám uvádí, je zaměřený na lidi nad věkovou hranicí 50 let, si klade za cíl být místem zábavy, poučení a setkávání. Jak sami autoři těchto stránek uvádějí, tak byl důvodem pro jejich vznik nedostatečný prostor pro občany starší generace. Portál je rozčleněn do čtyř podsekcí: magazín, diskuze, fotoalba a klub. Články jsou většinou od návštěvníků portálu. Portály Senio a Senior tip se zaměřují na široké spektrum zájmů seniorů. Obsah obou portálů je tvořen převážně články, které píší senioři, nebo ke kterým se tak či onak vyjadřují. Můžeme sem zařadit i například portál, který si sami udržují posluchači U3V při ČVUT (http://sen.felk.cvut.cz/sen/index_cz.html) (příloha 2, Obrázek 42).

Mimo základní dělení existují ještě stránky, které přestože nejsou primárně zaměřeny na seniory, tak pro ně mají užitečné informace. Příkladem může být například informační portál Helpnet (http://www.helpnet.cz/seniori) (příloha 2, Obrázek 40), který je zaměřený na osoby se specifickými potřebami. Iniciátorem projektu byla Asociace informačních systémů pro osoby se specifickými potřebami (AISO). Realizace projektu

- 24 -

se ujalo BMI sdružení (nezisková organizace zabývající se podporou rozvoje Internetu jako globálního komunikačního prostředku) Na těchto stránkách můžeme nalézt informace pro různě postižené – členěno na zrakové postižení, sluchové postižení, mentální postižení, tělesné postižení, vnitřní nemoci, duševní zdraví. Portál doplňuje nabídku o tzv. průřezové kategorie, jako jsou sociální služby, legislativa, dokumenty, kompenzační pomůcky, zaměstnávání či vzdělávání osob se zdravotním postižením, odstraňování bariér, poradenství, fundraising, kalendář akcí. Dále upozorňuje na vyhlášená grantová a dotační řízení, informuje o aktuálním dění v cílové komunitě osob. Mezi jinými zde můžeme najít i informace pro seniory. Jsou členěny do několika podsekcí: Weby pro seniory, Dokumenty týkající se seniorů, Publikace, studie o seniorech, Internet pro seniory, Univerzity třetího věku a Služby pro seniory. Obdobným příkladem mohou být stránky Gerontologie (http://www.gerontologie.cz) (příloha 2, Obrázek 34). Tyto stránky jsou zaměřeny na podání informací nejenom seniorům, kteří se potýkají s Alzheimerovou chorobou, ale i jejich okolí. Jde převážně o nabídku služeb a informací týkající se této choroby.

- 25 -

4. Jak psát web pro seniory V dnešní době existuje mnoho rad a pokynů, jak správně vytvořit webový portál. Pokusím se je shrnout a na jejich základě zhodnotit předchozí stránky.

4.1. Struktura stránky V první řadě se tvůrce každých stránek musí zamyslet nad strukturou webu. Je dokázaným faktem, že uživatelé webu vnímají na webových stránkách takřka pouze nadpisy a obrázky. Dlouhý text nikoho nezaujme – alespoň ne na první pohled. Stránka musí mít na úvodní stránce čtenáři co nabídnout, jinak většinou odchází. Tento faktor je snadné dodržet například u vyhledávacích portálů – kromě vyhledávacího pole je kolem už jen pár odkazů. U všeobecných portálů, nebo vortálů je nutné klást důraz na členění stránky a nadpisy. U portálů jako je Seznam a podobně se používá rozčlenění do bloků, které jsou barevně zvýrazněny a na první pohled zřetelně označeny. Orientaci napomáhají i obrázky. Méně časté už je používání menu, nebo záložek. Obdobné praktiky využívají i portály pro seniory. Výrazněji odlišené jsou zde jednotlivé články, nikoliv bloky článků. Ne vždy je však toto členění navrhnuto šťastně. Například na stránkách Senior Tip nebo Aktivni.cz můžeme vidět celkem zdařilou prezentaci příspěvků. Na první pohled rozeznatelný nadpis, stručný popis obsahu doplněný o informace o autorovi, reakcích nebo příslušnosti článku do podsekce. Naopak na stránkách portálu Senio působí členění nepřehledně.

Stránka samotná je pak členěná nejčastěji některým ze způsobů, které lze vidět na následujícím obrázku. (Obrázek 13)

Obrázek 13: Možnosti členění stránek V záhlaví stránky bývá logo portálu. Velmi časté je využívání postranního menu. To je umístěné v pravé nebo levé části stránky. Pokud je na stránkách i druhý postranní

- 26 -

sloupec, pak je využit pro reklamu, statistiky, upozornění apod. Pro výraznější členění stránek jsou někdy použity i záložky umístěné pod záhlavím. Hlavní obsah bývá v nejširší ústřední části. Pouze u cca jedné třetiny stránek se tento sloupec člení ještě na další (nejčastěji dva). V zápatí stránky bývá úzký panel s odkazy nejčastěji na provozovatele stránek, nebo na sponzory. Přestože Google nabízí vytvoření vlastního vyhledávače, ne všechny portály tuto možnost využívají. Pokud však ano, potom pole vyhledávače neumisťují na svých stránkách nikam na výlučné místo. Někdy sdílí hlavičku společně s logem, jindy bývá umístěn v postranním menu (Obrázek 14).

Obrázek 14: Příklady umístění vyhledávacího pole V dnešní době je již velmi obtížné určit, v jakém rozlišení bude uživatel stránky prohlížet. Je pravda, že mnoho seniorů má horší zrak, a proto mají monitory nastavené na nižší rozlišení. Proto portály pro seniory často počítají s nastavením monitoru 800x600. Větší rozlišení řeší barevným ohraničením stránky, které může být libovolně široké. Druhou variantou, která se používá, je využití 100% obrazovky a navržení stránky tak, aby se text roztáhnul dle aktuálně používaného rozlišení. Příkladem těchto stránek můžou být stránky Svazu důchodců ČR, o.s. Liberec, Portál pro seniory nebo stránky Rady seniorů České Republiky o.s.

4.2. Prohlížeče Dalším aspektem, ze kterého lze hodnotit stránky, je možnost jejich bezproblémového zobrazení v růžných prohlížečích. Na Obrázek 15 je statistika zastoupení nejpoužívanějších prohlížečů na platformě Windows (zdroj Prohlížeče.info). Samozřejmě existují i další prohlížeče – například Konqueror, který hojně využívají uživatelé linuxových distribucí. Stejně tak pro uživatele OS Mac je klíčovým prohlížečem

- 27 -

Safari. Pro mobilní telefony jsou vyvíjeny samostatné prohlížeče – příkladem může být prohlížeč, který pro svá zařízení vyvíjí společnost Nokia.

Obrázek 15: Zastoupení prohlížečů březen 2009 Bohužel co se v jednom prohlížeči zobrazuje korektně, v jiném nemusí. Může se jednat o drobné rozhození grafiky (Obrázek 16) nebo v horším případě o takový problém, jako je zkomolení češtiny (Obrázek 17).

Obrázek 16: Rozhození grafiky na stránkách o.s. Život90

Obrázek 17: Zkomolení češtiny na stránkách RS ČR, o.s. v prohlížeči Safari Stránky Seniori jsou typickým příkladem snahy programátorů předvídat, odkud jsou jejich stránky prohlíženy. Po zadání do adresního řádku adresy http://www.seniori.org/ jsou potom ve většině prohlížečů stránky přesměrovány na http://www.seniori.org/DesktopDefault.aspx. Komplikace působí prohlížeče Opera a Safari – oba tyto stránky přesměrují automaticky na adresu http://www.seniori.org/ MobileDefault.aspx, což bohužel vede k tomu, že stránky ohlásí chybu. - 28 -

4.3. Písmo Kladně hodnoceným prvkem na stránkách je možnost zvětšit písmo jedním kliknutím myši. Přestože se mnoho seniorů poměrně rychle naučí využívat možnosti prohlížečů pro zvětšení písma, uvítají větší písmo již v základním zobrazení. Je proto poněkud překvapivé, jak málo je této skutečnosti využíváno.

Aktivni.cz

Klub seniorů Nové město na Moravě

Seniorum.cz

Obrázek 18: Nabídky změny velikosti písma na některých stránkách

4.4. Barevné schéma Tvoří-li někdo stránky pro starší generace, musí počítat s vadami zraku. Vedle velikosti písma je třeba zamýšlet se i nad barevným schématem, které na stránkách použije. Některé stránky nabízejí změnu barev přihlášeným uživatelům. Jiné, jako například stránky Seniorum.cz, mají tuto možnost už v základní nabídce (Obrázek 19).

Obrázek 19: Seniorum.cz ve verzi pro barvoslepé

- 29 -

4.4.1. Poruchy barevného vidění Většinou dochází k tomu, že na sítnici chybí jeden ze tří druhů čípku, a tak je člověk schopen rozlišit pouze dvě základní barvy. Průměrně každý dvanáctý člověk trpí nějakou poruchou barevného vidění – 8% tvoří muži a 0,4% ženy. Zcela barvoslepých je jen asi padesát osob z milionu.

Poruchy: • • • • • • •

protanopie = necitlivost na červenou (1% mužů) protanomálie = snížená citlivost na červenou (1% mužů) deuteranomálie = snížená citlivost na zelenou (5% mužů, 0,4% žen) tritanopie = necitlivost na modrou (0,003% populace) tritanomálie = snížená citlivost na modrou (prakticky se nevyskytuje) monochromatismus = úplná barvoslepost (5% populace) atypický monochromatismus = snížená celková barevná citlivost

normálně protanopie deuteranomálie tritanopie Obrázek 20: Barevné palety viděny pod poruchami barevného vidění

4.5. Web Accessibility Initiative (WAI) Myšlenka webových stránek s designem přívětivým pro každého uživatele, nejenom pro seniory, není nová. Na jejím základě vznikla Iniciativa pro bezbariérový přístup – Web Accessibility Initiative (WAI). Jejím úkolem je definovat pravidla a techniky pro tvorbu takovýchto stránek, internetových prohlížečů a vývojářských nástrojů. Na tomto základu vznikly i validátory, které mají kontrolovat dodržování těchto pravidel. Přestože jsou tato pravidla dnes již považována za mezinárodní standard pro přístupný web, ne každý tvůrce webových stránek cítí nutnost dopodrobna se jimi řídit.

- 30 -

5. Cvičný webový portál Součástí mé práce bylo i vytvoření cvičného webového portálu. Při jeho tvorbě jsem se pokusila uplatnit všechny získané znalosti o této problematice. Vycházela jsem z testů použitelnosti (usability tests), které jsem realizovala na počátku vypracovávání diplomové práce a z analýzy nejužívanějších a nejpropracovanějších portálů. Mimo to jsem čerpala motivaci i ze stránek portálů určených pro seniory, zejména pak z portálu, který je provozován jimi samotnými na katedře počítačů. Jedním z prvotních zjištění bylo, že lze mnohem snáz specifikovat pro seniory formu www stránek, než jejich obsah. Proto jsem se zaměřila především na ni. To se projevuje zejména volbou barevnosti stránek, velikosti písma, rozlišením atd. Hlavním úkolem mnou vytvořeného portálu je být jakousi vstupní cvičnou bránou při prvním seznámení seniorů s internetem. Na základě zhodnocení obsahu běžných webových portálů jsem se rozhodla stránky rozdělit do tří částí: úvodní stranu, všeobecnou část a email.

Úvodní strana má formu vycházející z všeobecných portálů. Jedná se o jakousi napodobeninu. Protože z usability testů vyšel jako seniory nejpoužívanější portál Seznam, rozdělila jsme stránku po jeho vzoru.

Obrázek 21: Úvodní stránka cvičného webového portálu - 31 -

V původní verzi se nacházely v levé části zprávy stahované pomocí RSS z několika zdrojů, užitečné odkazy, oddíl s cvičným textem Lorem Ipsum. V levém sloupci bylo přihlašovací okno do emailu, počasí, horoskop a hodiny. Vrchní část stránky zaujímalo logo portálu a vyhledávací pole. Na základě konzultace se seniory byly do stránky dodány ještě další vyhledávače a možnost výběru z dvou základních velikostí písma a barevných schémat.

Druhá část je napodobeninou některých ze zájmových portálů. Jeho struktura se skládá z vrchní části s logem, postranního menu a samotného obsahu stránky. Opět je zde cvičný text Lorem Ipsum, dále pak sekce s odkazy na U3V a sekce s odkazy na portály přímo určené pro seniory.

Obrázek 22: Obecná část cvičného webového portálu Třetí část tvoří email. Cílem této části je, aby si uživatel vyzkoušel odesílání zpráv bez obav z nějakých následků, proto napodobuje chování a vzhled webových emailů. Stránka je jako v předchozím případě členěna na záhlaví s logem, postranní menu a samotný obsah stránky.

- 32 -

Obrázek 23: Napodobenina prostředí email

5.1. Vyhledávače Pro stránky cvičného webového portálu jsem použila vyhledávač poskytovaný společností Google. Na stránkách cvičného webového portálu jsou jeho dvě verze – training portal a vyhledávač ČVUT. Do těla hlavní stránky jsem včlenila i další vyhledávače. Konkrétně se jedná o vyhledávání v mapách a vyhledávání spojení.

5.1.1. Training portal Google adresa http://www.google.com/coop/cse?cx=008232762226453233027:kpwjdzd0tio&hl= cs

Zahrnuté adresy http://www.aktivni.cz/*

http://www.vstupujte.cz/*

http://www.elpida.cz/*

http://www.veselysenior.cz/*

http://www.gerontologie.cz/*

http://www.pecujici.cz/*

http://www.zivot90.cz/*

http://seniori.nmnm.cz/*

http://www.gerontocentrum.cz/gema/*

http://www.rscr.cz/*

http://duchodce.proprio.cz/*

http://www.senio.cz/*

http://www.e-senior.cz/index.php/*

http://www.umirani.cz/*

www.helpnet.cz/seniori/weby-pro-seniory/*

http://www.svetsenioru.cz/*

sen.felk.cvut.cz/sen/index_cz.html/*

http://www.seniorum.cz/*

http://www.helpnet.cz/seniori/weby-pro-seniory/* http://www.seniortip.cz/* - 33 -

Tento vyhledávač jsme vytvořila speciálně pro potřeby cvičného webového portálu. Je nastaven tak, aby vyhledával pouze v zadaných internetových adresách, nikoli v celém internetu. Tento seznam lze samozřejmě později doplnit. Při zadávání adres je třeba dodržet několik zásad. Pokud se zadá adresa ve formátu www.example.cz/, potom se vyhledává pouze na zadané stránce. Pokud se tato adresa doplní *, pak jsou prohledávány všechny stránky z této vycházející. Další možností je zadat adresu ve formátu www.example.com/index.asp*cat=1, která nám umožní vyhledat všechny stránky obsahující „ www.example.com/index.asp“ a zároveň „cat=1“.

Kód vyhledávače Existuje několik způsobů, jakým lze zobrazit výsledky. Prvním případem je zobrazení výsledků hledání na stránkách Google. Kód vyhledávače je potom následující.

<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=csesearch-box&lang=cs"> Na stránkách cvičného webového portálu jsem použila druhou možnost – zobrazení výsledků na samostatné vlastní stránce. Jak je vidět v následujícím kódu, tak se změnila pouze adresa, na kterou formulář ukazuje a přibyla proměnná cof.

<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=csesearch-box&lang=cs"> - 34 -

Třetí možností je použít překryvná data využitím rozhraní API pro vyhledávání AJAX. Tento postup vyžaduje bezplatný klíč rozhraní API, který je přiřazen účtu Google.

Obrázek 24: Zobrazení výsledku vyhledávání Přispěvatelé Poměrně zajímavou možností je vytvoření skupiny přispěvatelů. Vstup lze nastavit komukoliv, nebo lze uživatele oslovit rozesláním pozvánek. Výhodou je, že vyhledávač potom nevytváří jedna osoba, ale na jeho vývoji se podílí celá skupina zainteresovaných.

5.1.2. ČVUT Jedná se o vyhledávač provozovaný ČVUT. Cílovou oblastí jeho hledání jsou stránky školy.

5.1.3. Vyhledávání na mapách a vyhledávání spojení Kromě vyhledávání všeobecných informací na internetu, se taktéž často dostáváme do situace, kdy potřebujeme na mapě nalézt nějaké místo, nebo vyplánovat trasu cesty. Proto jsem na stránky umístila i vyhledávače, které toto umožňují. Na rozdíl od předchozích dvou všeobecných vyhledávačů, tyto už nezobrazují výsledky na stránkách cvičného webového portálu, ale na svých domovských stránkách.

- 35 -

Obrázek 25: Další možnosti vyhledávání

Vyhledávání na mapách Pro vyhledávání konkrétního místa a trasy na mapách jsou uživateli nabídnuty dvoje mapy – Google maps a portálu mapy.cz. Portál mapy.cz má velice dobrou podporu, co se týká České republiky. Mapy portálu google poskytují spíše celosvětovou podporu vyhledávání. Na stránky jsme je zařadila z toho důvodu, že jsou podobně jako vyhledávač od google poskytovány jako doplněk. Lze tedy očekávat, že se s nimi bude uživatel internetu setkávat stále častěji. Mezi oběma variantami si uživatel volí pomocí tlačítek s logy portálu, který mapy poskytuje. Tato tlačítka jsou realizována pomocí klikacích map.

<MAP NAME="mapy"> <MAP NAME="google"> Vyhledávání spojení U nás je asi nejznámějším vyhledávačem spojení server jizdnirady.idnes.cz (kdysi idos.cz). Umožňují nalézt autobusové i vlakové jízdní řády. Na stránkách cvičného portálu jsem možnosti zadávání omezila jen na možnost zadání nástupní a výstupní stanice. Portál idos samozřejmě umožňuje výběr podle dalších kritérií.

- 36 -

5.2. Barva a velikost Na základě konzultace se seniory byl na portálu poskytnut výběr ze dvou základních velikostí písma – 12px a 16px. Rovněž tak byla vytvořena dvě barevná schémata – modré a žluté. Výběr z obou nabídek se provádí v záhlaví stránky. Výsledný vybraný css styl se tedy skládá z kombinace barva + velikost písma.

Obrázek 26: Žluté barevné schéma s velkým písmem

5.3. RSS Pro zajištění podoby cvičného webového portálu s klasickými webovými portály jsou stahovány pomocí RSS zprávy a horoskop. Využívám k tomuto účelu knihovnu lastRSS.php, která je poskytována Vojtěchem Semeckým pod GNU licencí. Technologie RSS využívá formát XML. Je určena k distribuci a čtení novinek z webových stránek poskytujících RSS zdroj. Původně měl tento formát sloužit k předávání aktualit mezi servery. RSS formát poskytuje různá metadata, dle uvážení zdrojového serveru. Nejčastěji to je obsah článku a odkaz na jeho umístění na serveru. Jako RSS zdroj jsem vybrala následující: • • • • •

http://www.novinky.cz/rss2 - všeobecné novinky http://www.sport.cz/rss2 - sportovní novinky http://www.svetsenioru.cz/feed/aktualni-clanky - články týkající se seniorů http://www.seniorum.cz/rss - články týkající se seniorů http://www.horoskopy.cz/rss/ - horoskopy

- 37 -

5.4. Počasí Zprávy o počasí jsou stahovány ze serveru http://www.meteocentrum.cz/. Nevýhodou tohoto kódu je bohužel to, že odmítá reagovat na změny velikosti písma na stránce. <iframe src="http://www.meteocentrum.cz/sluzby/01/predpoved_2.php?bg=&text=" id="Pocasi">Počasí na web

5.5. Hodiny Hodiny jsou vytvořeny pomocí kódu poskytnutého stránkou www.clocklink.com.

5.6. Obecný obsah Lorem Ipsum Tato část má napodobovat portály obsahující zprávy. Její obsah je načítán ze souboru temp/lorem.txt. V základním zobrazení je vypsáno pět odstavců. Jejich text je zkrácen. Po vybrání některého z příspěvku, je tento zobrazen nad ostatními v nezkrácené podobě.

Užitečné odkazy Na úvodní straně portálu jsou v sekci užitečné odkazy linky na některé webové portály pro seniory. Pokud uživatel klikne na nadpis sekce, nebo na link „Další …“, pak je přesměrován do této části, kde jsou odkazy na další portály společně s jejich popisem. Tyto údaje jsou načítány ze souboru temp/odkazy.txt.

U3V Na základě konzultace se seniory jsem na stránky přidala odkazy na některé z U3V při vysokých školách. Tyto odkazy jsou načítány ze souboru temp/U3Vodkazy.txt. To umožňuje snadné doplnění textu administrátorem.

5.7. Email Tato část má pouze simulovat email. Registrací získá uživatel emailovou adresu ve tvaru [email protected]. Poté si může vyzkoušet, jakým způsobem se odesílají zprávy, jak nakládat s příchozími a odchozími zprávami ad. Kladla jsem důraz na autenticitu chování emailu. Nicméně je jasné, že emaily dnes poskytují mnohem širší paletu služeb. Zprávy jsou předávány pomocí lokální databáze. Po odhlášení uživatele je veškerý obsah koše vymazán. - 38 -

Automatické zprávy Po registraci je uživateli poslána uvítací zpráva. Rovněž při nedoručení zprávy – z důvodu uvedení chybné adresy – je uživateli poslána zpráva o nedoručení. Tyto dvě zprávy jsou uloženy pod ID 1 a 2 v databázi.

Práce s hesly Pro práci s hesly uživatelů je využita hashovací funkce md5(). Ta kóduje řetězec na základě algoritmu Message-Digest.

5.8. Implementace Pro programování jsem využila PHP v. 5 – skriptovací programovací jazyk pro programování dynamických webových stránek začleněný do HTML, doplněný o Java skript. Dále pro potřeby emailu využívám relační databázi MySQL.

Obrázek 27: ERD diagram

Kromě toho pro potřeby programu využívám knihovny lastRSS.php od Vojtěcha Semeckého a AutoCzech.php od Radka Hulana - oboje distribuované pod GNU GPL. Cvičný webový portál jsem vytvářela na základě připomínek posluchačů U3V a ve spolupráci s nimi. Proto jsem upustila od provádění usability testů. Praktické využití portálu bude ověřeno až při jeho nasazení do provozu a případná dodatečná doladění budou realizována až během tohoto běhu.

- 39 -

6. Závěr Podchytit možnosti internetu, byť omezené úhlem pohledu daným prací se seniory, je dost obtížné. Přesto jsem se o to ve své diplomové práci snažila. Vzdělávání seniorů, a zejména vzdělávání počítačovému, se vzhledem k celkovému stárnutí populace věnuje stále více pozornosti. Avšak podpora seniorů na internetu stále není dostačující. Pokud se podíváme na portály z jejich pohledu, vidíme, že stránky pro ně určené často neodpovídají požadavkům a nárokům ze strany seniorů kladeným. Naštěstí se situace neustále, přestože pomalu, zlepšuje. Zůstává však otázka, zda dnešní generaci seniorů, dříve než se do internetových stránek plně včlení podpora maxima prostředků a funkcí k jejich spokojenosti, nevystřídá generace seniorů s internetovým prostředím již plně seznámená.

Během své diplomové práce jsem vytvářela za podpory posluchačů U3V webový portál určený pro výuku seniorů. Přestože se mi nepodařilo do stránek vměstnat veškerý obsah, který byl z jejich strany vyžadován, je tento dobrým základem při seznámení nových posluchačů s internetovým prostředím. Přestože se na počátku mé práce zdálo, že se jeho vývoj bude ubírat nečekanými směry, jeho finální podoba se příliš neliší od standardních portálů. Je odrazem přístupu jedné generace k technologiím jiné. Jinými slovy, pokud se podíváme na portál, který si posluchači udržují v rámci své výuky a portál, který vznikl za jejich pomoci, vidíme dvě zcela odlišná prostředí. Jedno odpovídá jejich zájmům a druhé odpovídá jejich schopnosti sžití se s klasickými standardy. Z toho vyplývá poznatek, že pokud překonáme jistá specifika při tvorbě webových stránek pro ně určených, můžeme použít standardní šablony a postupy. Dvěma překážkami, které nám brání uvítat seniory do společnosti pohybující se ve světě internetu, tedy není, jak se mnozí domnívají, jejich konzervativnost a pasivita, ale přístup k internetu a překonání počátečního odporu k neznámému. Ten je pro tuto cílovou skupinu vůbec největší bariérou.

- 40 -

Literatura [1] Prof. MUDr. Jaroslav Slípka, DrSc., Specifický vývoj českých U3V http://au3v.vutbr.cz/soubory/Rancirov_2007/prispevky/slipka.pdf. Sborník z mezinárodní konference Současnost a perspektivy seniorského vzdělávání na vysokých školách v České republice a v Evropě, Jihlava – Rančířov, 4.–6. června 2007 [2] Ing. Pavel Máchal, CSc., Některé problémy spojené s rozvojem univerzit třetího věku http://au3v.vutbr.cz/soubory/Rancirov_2007/prispevky/machal.pdf. Sborník z mezinárodní konference Současnost a perspektivy seniorského vzdělávání na vysokých školách v České republice a v Evropě, Jihlava – Rančířov, 4.–6. června 2007 [3] Prof. Ing. Petr Vavřín, DrSc., Historie a současnost univerzitního vzdělávání pro seniory http://au3v.vutbr.cz/soubory/Rancirov_2007/prispevky/vavrin.pdf. Sborník z mezinárodní konference Současnost a perspektivy seniorského vzdělávání na vysokých školách v České republice a v Evropě, Jihlava – Rančířov, 4.–6. června 2007 [4] Vyhledávače.cz http://www.vyhledavace.cz/ [5] Wikipedia.org http://cs.wikipedia.org [6] Webové portály http://knihovna.vsb.cz/internet/webove-portaly.htm [7] Prohlížeče.info http://prohlizece.info [8] Jakpsatweb.cz http://www.jakpsatweb.cz/ [9] Strategie celoživotního učení http://www.msmt.cz/vzdelavani/strategie-celozivotniho-uceni-cr [10] Průvodce dalším vzděláváním http://www.msmt.cz/vzdelavani/pruvodce-dalsim-vzdelavanim [11] Oficiální stránky WAI http://www.w3.org/WAI/intro/wcag.php [12] Zerzaň, Tomáš., Zařazování seniorů do informační společnosti, Diplomová práce, VŠE, 2006

- 41 -

Obsah přiloženého CD TEXT – elektronická podoba práce WWW – zdrojové soubory cvičného webového portálu MYSQL – obsah databáze

- 42 -

Příloha č. 1 – Usability testy

Vyhodnocení usability testů Vstupní analýza Cílovou skupinu těchto testů tvoří studenti univerzity třetího věku při ČVUT. Testy se skládají ze dvou částí. První dotazník zjišťuje všeobecné informace ohledně znalostí uživatelů. Druhý test je již zaměřen konkrétně na orientaci na webovém portálu. Verze a) je vytvořena pro internetové portály, které na svých stránkách poskytují kromě vyhledávacího nástroje i další informace (www.seznam.cz). Verze b) je určena pro vyhledávací portály (www.google.cz)

Statistika testů Účastníci testů využívají internet pro zábavu i jako studenti. Po vyhodnocení vstupního usability testu (1) vyplývá, že uživatelé používající internet méně často inklinují k používání spíše portálu seznam. Uživatelé, kteří mají s internetem více zkušeností, využívají i služby portálu Google.

Portál www.seznam.cz Z reakce uživatelů lze velmi kladně zhodnotit umístění vyhledávacího pole nahoře na středu stránky odděleně od ostatního obsahu. Tři účastníci testu vyhledávali zboží nikoliv pomocí záložky Zboží u vyhledávacího pole, ale v katalogu firem. Rozložení informací na stránce portálu hodnotili uživatelé jako přehledné. A nikdo neměl problémy se na stránce orientovat. Horší už bylo nalezení odkazu na nápovědu. Nicméně vzhledem k tomu, že je portál navržen pro maximálně intuitivní ovládání, nelze toto považovat za vážnější nedostatek stránky.

Portál www.google.cz Portál je primárně navržen na vyhledávání informací na internetu. Jeho úvodní stránka obsahuje pouze pár odkazů na další možnosti a vyhledávácí pole. Proto byl usability test zaměřen na pokročilé možnosti vyhledávání. Přestože ani jeden z uživatelů nebyl obeznámen s možnostmi pokročilého vyhledávání, neměli problémy se zorientovat v nabídce a celkově hodnotili možnosti jako přehledné a využitelné. Celkem negativně byla hodnocena nápověda Googlu. Bohužel jsou Tipy pro vyhledávání anglicky, což bylo považováno za vadu, zvláště proto, že Google má již českou lokalizaci. Českou nápovědu lze najít pod záložkou Vše o Google. Opět jako u seznamu platí, že tento nedostatek je kompenzován maximální intuitivností ovládání. Ani jeden z uživatelů neměl problémy s vyhledávání v obrázcích. Nicméně pouze dva uživatelé využili při hledání výrazu Karel Čapek dle stanovaných kritérií možnosti rozšířeného vyhledávání. -2-

Doplňující otázky Z výsledků testů vyplývá, že rozložení informací na stránkách portálů je uživateli hodnoceno maximálně kladně. Pouze jeden z účastníků testu zkonstatoval, že je potřeba se s nabídkou rozšířeného vyhledávání portálu Google blíže seznámit. Barevné ladění stránky všem účastníkům testu vyhovovalo. Ani jeden z účastníků testu neměnil vzhled portálu.

Závěr Oba portály vyšli z testů bez vážnějších připomínek. U obou lze zkonstatovat, že jsou navrženy pro maximální pohodlí uživatelů s ohledem na maximální intuitivitu v ovládání. Pokročilejší uživatelé nemají s orientací na dvou zhodnocených webových portálech žádný problém. Největší výhrady měli účastníci testu k anglické nápovědě od Googlu.

-3-

Zhodnocení usability testů 1

2

Účastníci testu 3 4 více než rok a více než pět let méně než pět let jednou za týden několikrát týdně

5

Jak dlouho používáte internet?

méně než rok

více než pět let

Jak často chodíte na internet?

méně často

Z jakého důvodu používáte nejčastěji internet?

pro zábavu

Který webový portál využíváte pro vyhledávání informací nejčastěji.

www.seznam.cz

několikrát týdně několikrát denně jako student, zaměstnanec, pro pro zábavu jako student jako student zábavu www.seznam.cz, www.seznam.cz, www.seznam.cz, www.google.cz www.google.cz www.google.cz www.google.cz

Vyhodnocení portálu www.seznam.cz Otevřete si úvodní stránku Vašeho oblíbeného vyhledávacího webového portálu a najděte kolonku pro vyhledávání. Pokud to Vámi používaný portál umožňuje, zkuste přejít do vyhledávání zboží. Vraťte se na úvodní stránku Vašeho oblíbeného vyhledávacího webového portálu a zjistěte, co Vám nabízí. Najděte na stránkách odkazy na nejnovější zprávy. Najděte na stránkách zprávy o počasí. Najděte na stránkách odkaz na nápovědu.

více než pět let

1

1

1

1

1

1

2

1

1

2

1

2

1 1 5

1 2 1

1 1 4

1 1 2

1

1

1

1

1

1

1

1

Vyhodnocení portálu www.google.cz Otevřete si úvodní stránku Vašeho oblíbeného vyhledávacího webového portálu a najděte kolonku pro vyhledávání. Najděte odkaz na pokročilé vyhledávání. -4-

Prohlédněte si nabídku a zjistěte, co máte za možnosti. Najděte odkaz na nápovědu / rady pro vyhledávání a zkuste najít nějaké základní informace k vyhledávání. Jak se orientujete v nápovědě. Je pro Vás přínosná? Vraťte se do nabídky pokročilého vyhledávání. Zkuste najít odkazy na výraz „Karel Čapek“. Použijte vyhledávání s přesnou frází a alespoň s jedním ze slov. Zapamatujte si, jak se liší zápis výrazu Karel Čapek, pokud hledáte přesnou frázi a pokud hledáte alespoň jedno ze slov. Pokud to Vámi zvolený vyhledávací portál umožňuje, přejděte na vyhledávání obrázků. Najděte obrázky tykající se výrazu „Karel Čapek“. Porovnejte obrázky, které vyhledávač najde, když použijete hledání celé fráze a když použijete hledání alespoň jednoho ze slov.

-5-

2

1

2

1

3

5

2

1

5

3

3

1

1

1

1

1

1

1

1

1

Výsledky usability testů Účastník č. 1

Datum:20.3.2009

1. Jak dlouho používáte internet?

•

méně než rok

2. Jak často chodíte na internet?

•

méně často

3. Z jakého důvodu používáte nejčastěji internet?

•

pro zábavu

4. Který webový portál využíváte pro vyhledávání informací nejčastěji.

•

www.seznam.cz

Vyhodnocení portálu www.seznam.cz 1.

2.

3.

4.

Otevřete si úvodní stránku Vašeho oblíbeného vyhledávacího webového portálu a najděte kolonku pro vyhledávání.

jednoduché

Pokud to Vámi používaný portál umožňuje, zkuste přejít do vyhledávání zboží.

jednoduché

Vraťte se na úvodní stránku Vašeho oblíbeného vyhledávacího webového portálu a zjistěte, co Vám nabízí.

jednoduché

Najděte na stránkách odkazy na nejnovější zprávy.

jednoduché

1

1

1

1 5.

Najděte na stránkách zprávy o počasí.

2

2

2

3

4

Najděte na stránkách odkaz na nápovědu.

3

4

1. Jak se orientujete v rozložení informací na stránce? Dobře. 2. Vyhovuje Vám barevné ladění stránky? Ano.

-6-

2

5 složité

3

4

5 složité

3

4

5 složité

3

4

jednoduché 1

Doplňující otázky:

2

5 složité

jednoduché 1

6.

2

složité

5 složité

3

4

5

3. Co byste změnili na stránkách Vámi zvoleného webového vyhledávače? Nic. 4. Pokud to Vámi zvolený webový portál umožňuje, změnili jste si jeho vzhled? ano ne Jak snadné / obtížné se Vám to zdálo?

Zhodnocení reakcí U otázky č. 2 vyhledává zboží ve firmách, nikoliv pomocí záložky Zboží v nabídce vyhledávácí kolonky. Dalším problémem je nalezení nápovědy. Po radě, že stránka přesahuje zobrazení prohlížeče, ji nakonec nalézá dole na stránce. Osobní komentář k uspořádání informací na portálu – lepší, než nabídka Start MS Windows.

-7-

Účastník č. 2

Datum:24.3.2009


•

více než pět let


•

několikrát týdně


•

jako student

•

jako zaměstnanec

•

pro zábavu

•

www.seznam.cz

•

www.google.cz



2.

3.

4.


jednoduché


jednoduché


jednoduché


jednoduché

1

1

1

1 5.


2

2

2

3

4


3

4

1. Jak se orientujete v rozložení informací na stránce? Dobře. 2. Vyhovuje Vám barevné ladění stránky? -8-

2

5 složité

3

4

5 složité

3

4

5 složité

3

4

jednoduché 1


2

5 složité

jednoduché 1

6.

2

složité

5 složité

3

4

5

Ano. 3. Co byste změnili na stránkách Vámi zvoleného webového vyhledávače? Vyhovuje mi. 4. Pokud to Vámi zvolený webový portál umožňuje, změnili jste si jeho vzhled? ano ne Jak snadné / obtížné se Vám to zdálo?

Vyhodnocení portálu www.google.cz 1.

2.


jednoduché

Najděte odkaz na pokročilé vyhledávání.

jednoduché

1

1 3.

Prohlédněte si nabídku a zjistěte, co máte za možnosti.

Najděte odkaz na nápovědu / rady pro vyhledávání a zkuste najít nějaké základní informace k vyhledávání. Jak se orientujete v nápovědě. Je pro Vás přínosná?

7.

2

2

přínosná 1

6.

2

jednoduché

Zapamatujte si, jak se liší zápis výrazu Karel Čapek, pokud hledáte přesnou frázi a pokud hledáte alespoň jedno ze slov.

jednoduché

Doplňující otázky: 1. Jak se orientujete v rozložení informací na stránce?

-9-

1

1

5 složité

3

4

5 složité

3

4

5 složité

3

4

5

nepřínosná

Vraťte se do nabídky pokročilého vyhledávání. Zkuste najít odkazy na výraz „Karel Čapek“. Použijte vyhledávání s přesnou frází a alespoň s jedním ze slov.

Pokud to Vámi zvolený vyhledávací portál umožňuje, přejděte na vyhledávání obrázků. Najděte obrázky tykající se výrazu „Karel Čapek“. Porovnejte obrázky, které vyhledávač najde, když použijete hledání celé fráze a když použijete hledání alespoň jednoho ze slov.

4

jednoduché 1

5.

2

3

jednoduché 1

4.

2

složité

2

2

3

4

5 složité

3

4

5 složité

3

4

5

Vyžaduje bližší seznámení. 2. Vyhovuje Vám barevné ladění stránky? Ano. 3. Co byste změnili na stránkách Vámi zvoleného webového vyhledávače? Nápověda by měla být česky. 4. Pokud to Vámi zvolený webový portál umožňuje, změnili jste si jeho vzhled? ano ne Jak snadné / obtížné se Vám to zdálo?

Zhodnocení reakcí www.seznam.cz Při vyhledávání zboží na Seznamu využívá nabídky firem, nikoli záložky zboží u vyhledávací kolonky. Při vyhledávání údajů o počasí hledá podobný odkaz jako pro novinky – nezastaví se u oddílu počasí. Komentuje ho pouze jako: „Jedno počasí je zde.“ Nápovědu na rozdíl od předchozího účastníka testu nalézá ihned. www.google.cz Z reakcí účastníka je znát, že procházel i další nabídku Googlu – nepoužívá jen základní vyhledávací kolonku. Obtížné hledání nápovědy = Tipů pro vyhledávání. Při prvním přečtení otázky se vrátil na úvodní stránku portálu a zkonstatoval, že zde nápověda chybí. Při vyhledávání fráze využívá automaticky uvozovky a nevyužívá rozšířené nabídky vyhledávání. Velmi dobře se ve vyhledávači orientuje.

- 10 -

Účastník č. 3

Datum:24.3.2009


•

více než rok a méně než pět let


•

jednou za týden


•

pro zábavu


•

www.seznam.cz

•

www.google.cz


2.

3.

4.


jednoduché


jednoduché


jednoduché


jednoduché

1

1

1

1 5.



1. Jak se orientujete v rozložení informací na stránce? Dobře. 2. Vyhovuje Vám barevné ladění stránky? Ano. - 11 -

2

2

4

2

2

5 složité

3

4

5 složité

3

4

5 složité

3

4

5 složité

3

4

jednoduché 1


2

3

jednoduché 1

6.

2

složité

5 složité

3

4

5

3. Co byste změnili na stránkách Vámi zvoleného webového vyhledávače? Nevím. 4. Pokud to Vámi zvolený webový portál umožňuje, změnili jste si jeho vzhled? ano ne Jak snadné / obtížné se Vám to zdálo?


2.


jednoduché


jednoduché

1

1 3.

4.

5.


7.

2

3

4

1

2

5 složité

3

4

jednoduché

5 složité

3

4

5

Najděte odkaz na nápovědu / rady pro vyhledávání a jednoduché zkuste najít nějaké základní informace 1 2 k vyhledávání.

3

Jak se orientujete v nápovědě. Je pro Vás přínosná?

nepřínosná

přínosná 1

6.

2

složité

2


jednoduché


jednoduché


Doplňující otázky: 1. Jak se orientujete v rozložení informací na stránce? - 12 -

1

1

2

2

složité

3

4

4

5

5 složité

3

4

5

složité 3

4

5

Dobře. 2. Vyhovuje Vám barevné ladění stránky? Ano. 3. Co byste změnili na stránkách Vámi zvoleného webového vyhledávače? Nic. 4. Pokud to Vámi zvolený webový portál umožňuje, změnili jste si jeho vzhled? ano ne Jak snadné / obtížné se Vám to zdálo?

Zhodnocení reakcí www.seznam.cz Nemá problémy najít záložku zboží. Malé problémy při hledání nápovědy. Po nápovědě, že je někde na stránce napadlo uživatele sjet a nápovědu snadno nalezl dole na stránce. www.google.cz Obtížné hledání nápovědy = Tipů pro vyhledávání. Po radě, kde hledat, zkonstatuje, že je složité ji najít. Pro vyhledávání využívá plně rozšířenou nabídku vyhledávače. Rovněž využívá rozšířenou nabídku i pro vyhledávání obrázků.

- 13 -

Účastník č. 4

Datum:24.3.2009


•

více než pět let


•

několikrát týdně


•

jako student


•

www.seznam.cz

•

www.google.cz


2.

3.

4.


jednoduché


jednoduché


jednoduché


jednoduché

1

1

1

1 5.



2

2

2

3

2

2

5 složité

3

4

5 složité

3

4

5 složité

3

4

5 složité

3

4

jednoduché 1

5 složité

3

Doplňující otázky: 1. Jak se orientujete v rozložení informací na stránce? OK. 2. Vyhovuje Vám barevné ladění stránky? OK. 3. Co byste změnili na stránkách Vámi zvoleného webového vyhledávače? - 14 -

4

jednoduché 1

6.

2

složité

4

5

Nic. 4. Pokud to Vámi zvolený webový portál umožňuje, změnili jste si jeho vzhled? ano ne Jak snadné / obtížné se Vám to zdálo.


2.


jednoduché


jednoduché

1

1 3.


Najděte odkaz na nápovědu / rady pro vyhledávání a zkuste najít nějaké základní informace k vyhledávání. Jak se orientujete v nápovědě. Je pro Vás přínosná?

7.

2

2

přínosná 1

6.

2

jednoduché


jednoduché

Doplňující otázky: 1. Jak se orientujete v rozložení informací na stránce? Dobře. 2. Vyhovuje Vám barevné ladění stránky?

- 15 -

1

1

5 složité

3

4

5 složité

3

4

5 složité

3

4

5

nepřínosná



4

jednoduché 1

5.

2

3

jednoduché 1

4.

2

složité

2

2

3

4

5 složité

3

4

5 složité

3

4

5

Ano. 3. Co byste změnili na stránkách Vámi zvoleného webového vyhledávače? Nevím. 4. Pokud to Vámi zvolený webový portál umožňuje, změnili jste si jeho vzhled? ano ne Jak snadné / obtížné se Vám to zdálo?

Zhodnocení reakcí www.seznam.cz Nemá problémy najít záložku zboží u vyhledávací kolonky. Nápovědu našel snadno – dle pravidla, že může být nahoře, nebo dole. www.google.cz Prohlédl si podrobně všechny rozbalovací nabídky. Zeptal se, zda se má nápověda najít ze stránky rozšířeného hledání. Po potvrzení ihned našel Tipy pro vyhledávání. Nicméně odsoudil, že jsou v angličtině. Při vyhledávání používá nabídku rozšířeného vyhledávání. Pro vyhledávání v obrázcích nevyužívá rozšířeného vyhledávání ani některého z triků pro hledání slov („“, OR …). Při konečném zhodnocení webu ho ještě jednou v rychlosti celý prohlédl.

- 16 -

Účastník č. 5

Datum:24.3.2009


•

více než pět let


•

několikrát denně


•

jako student


•

www.google.cz


2.


jednoduché


jednoduché

1

1 3.


5.

7.

2

Najděte odkaz na nápovědu / rady pro vyhledávání a zkuste najít nějaké základní informace k vyhledávání.

jednoduché

Jak se orientujete v nápovědě. Je pro Vás přínosná?

přínosná

1

1 6.

2

2

2

jednoduché


jednoduché

- 17 -

4

1

1

5 složité

3

4

5 složité

3

4

5 složité

3

4

5

nepřínosná



3

jednoduché 1

4.

2

složité

2

2

3

4

5 složité

3

4

5 složité

3

4

5

Doplňující otázky: 1. Jak se orientujete v rozložení informací na stránce? Ano. 2. Vyhovuje Vám barevné ladění stránky? Ano. 3. Co byste změnili na stránkách Vámi zvoleného webového vyhledávače? Nic. 4. Pokud to Vámi zvolený webový portál umožňuje, změnili jste si jeho vzhled? ano ne Jak snadné / obtížné se Vám to zdálo?

Zhodnocení reakcí Jedná se o velmi zkušeného uživatele. Všechny úkoly plnil bez připomínek.

- 18 -

Příloha č. 2 – Screeny webových portálů určených pro seniory

Obrázek 28: http://www.seniori.org

Obrázek 29: http://duchodce.proprio.cz/ 2

Obrázek 30: http://www.rscr.cz/

3

Obrázek 31: http://www.gerontocentrum.cz/gema/

Obrázek 32: http://www.zivot90.cz/

4

Obrázek 33: http://www.veselysenior.cz/

Obrázek 34: http://www.gerontologie.cz

5

Obrázek 35: http://seniori.nmnm.cz

6

Obrázek 36: http: //www.svetsenioru.cz/

7

Obrázek 37: http://www.aktivni.cz/

8

Obrázek 38: http://www.seniortip.cz/

9

Obrázek 39: http://www.senio.cz/

10

Obrázek 40: http://www.helpnet.cz/seniori

11

Obrázek 41: http://www.seniorum.cz

Obrázek 42: http://sen.felk.cvut.cz/sen/index_cz.html

12

České vysoké učení technické v Praze Fakulta elektrotechnická Katedra počítačů. Diplomová práce. U3V Portal. Bc. Martina Míčová

Recommend Documents