Webový portál pro vyhledávání dětských organizací

Mendelova zemědělská a lesnická univerzita v Brně

Provozně ekonomická fakulta

Webový portál pro vyhledávání dětských organizací Bakalářská práce

Vedoucí práce Mgr. Tomáš Foltýnek, Ph. D.

Vypracoval Jiří Bulant

Touto cestou bych chtěl poděkovat vedoucímu mojí bakalářské práce Mgr. Tomáši Foltýnkovi, Ph. D. za poskytnutí tématu práce a za nápady, připomínky a testování samotné práce.

Prohlašuji, že jsem tuto bakalářskou práci vypracoval samostatně s použitím uvedené literatury.

V Brně dne 30. dubna 2008

……………………………

Abstract Bulant, J: Web portal for searching organizations for children. Bachelor’s thesis. Brno 2008. This thesis is focused on development of web portal desired to searching and on-line cataloguing of children organizations. Web portals and catalogues are the most effective and most frequently used searching tools. First part consists of web presentation development description with increased emphasis on criteria increasing web presentation visits rate and providing success of presentation. This knowledge was applied in process of creating specific web presentation. Web portal gathers and sorts informations about children interest groups in many organization departments levels. This portal is also focused on providing informations about organizations and their departments, especially on geographic based searching of individual organization clubs. This system is fully functional and will be implemented as production system to replace an old version. The old version was used for extraction of gathered data. System will belong to Jihomoravská rada dětí a mláděže administration. It will be focused on The South Moravian Region. Key words: web portal, web presentation, children organizations

Abstrakt Bulant, J.: Webový portál pro vyhledávání dětských organizací. Bakalářská práce. Brno 2008. V této bakalářské práci je popsán vývoj webového portálu, který slouží k vyhledávání a katalogizaci dětských organizací. Webové portály a katalogy jsou dnes jedny z nejúčinějších a nejvíce využívaných nástrojů pro vyhledávání. Nejdříve je popsán vývoj webové prezentace obecně s důrazem na kritéria, která by měla návštěvnost prezentace zvýšit a zajistit její úspěšnost, následně jsou tyto poznatky aplikovány na vytvoření konkrétní webové prezentace.

Webový portál shromažďuje a třídí informace o zájmových organizacích pro děti, a to ve více úrovních organizačních složek dané organizace. Je zaměřen na poskytování informací o jednotlivých organizacích a jejich složkách a především na vyhledávání kluboven jednotlivých organizací dle územních celků. Systém je plně funkční a bude nasazen do ostrého provozu, kde nahradí starou verzi, ze které byla získána již nashromážděná data. Pracovat bude pod správou Jihomoravské rady dětí a mládeže, zaměřen tedy bude na Jihomoravský kraj. Klíčová slova: webový portál, webová prezentace, dětská organizace

Obsah 1

2

Úvod a cíl práce 8 1.1 Úvod do problematiky .............................................................................................. 8 1.2 Cíl práce .................................................................................................................... 8 Metodika

9

3

Programové prostředky 10 3.1 PHP ......................................................................................................................... 10 3.2 Smarty ..................................................................................................................... 11 3.3 HTML a XHTML ................................................................................................... 12 3.4 Kaskádové styly – CSS........................................................................................... 12 3.5 JavaScript................................................................................................................ 13 3.6 MySQL ................................................................................................................... 13

4

Webový portál 14 4.1 Vyhledávání ............................................................................................................ 14 4.2 Zaměření portálu..................................................................................................... 14 4.3 Vertikální portály .................................................................................................... 15

5

Prvky ovlivňující úspěšnost prezentace 16 5.1 Vliv barev................................................................................................................ 16 5.2 SEO ......................................................................................................................... 17

6

Vlastní práce 19 6.1 Návrh designu ......................................................................................................... 19 6.1.1 Výběr barev..................................................................................................... 19 6.1.2 Design stránky ................................................................................................ 20 6.1.3 Rozložení stránky............................................................................................ 21 6.2 Struktura portálu ..................................................................................................... 22 6.2.1 Zanoření katalogu ........................................................................................... 22 6.2.2 Informační stránky, aktuality .......................................................................... 24 6.3 Vyhledávání ............................................................................................................ 25 6.3.1 Kritéria vyhledávání........................................................................................ 26 6.3.2 Fulltext ............................................................................................................ 27 6.3.3 Způsob vyhledávání ........................................................................................ 27 6.4 Optimalizace prezentace ......................................................................................... 27 6.4.1 Titulky stránek ................................................................................................ 28 6.4.2 Adresy ............................................................................................................. 28 6.4.3 Struktura stránky a kódu ................................................................................. 29 6.4.4 Validita............................................................................................................ 29 6.5 Administrace ........................................................................................................... 29 6.5.1 Správa uživatelů.............................................................................................. 30 6.5.2 Správa fotogalerií............................................................................................ 32

6.5.3 6.5.4 6.5.5 6.5.6 7

Správa organizačních složek........................................................................... 33 Správa kluboven.............................................................................................. 35 Správa aktualit ................................................................................................ 36 Správa textových stránek ................................................................................ 37

Závěr

38

Literatura

39

A ER Diagram

41

1 Úvod a cíl práce 1.1 Úvod do problematiky V dnešní době, kdy je Internet nejrychleji se vyvíjejícím komunikačním prostředkem, je pro různé subjekty stále důležitější se na Internetu prezentovat. Dostupnými se tak stávají informace nejrůznější povahy, od informací o soukromých osobách přes informace o firmách a jejich nabídce až k celým katalogům, shromažďujícím a třídícím informace do přehledné podoby. Vzhledem k dostupnosti a pohodlí při užívání lidé stále více využívájí Internet pro hledání odpovědí na své otázky. Pro úspěch prezentace na Internetu však není důležité její pouhé vytvoření, ale především její kvalita, tedy struktura a uspořádání informací v prezentaci a provedení samotného kódu. Tyto prvky totiž ovlivňují pozici prezentace ve vyhledávačích a tím i návštěvnost stránek. Kvalitu prezentace určuje provedení samotného kódu, které ovlivňuje pozici prezentace ve vyhledávačích a tím i její návštěvnost, a struktura a uspořádání informací v prezentaci, což ovlivňuje úspěch prezentace u návštěvníka. Na Internetu se tak lze setkat s prezentacemi, které jsou co do kódu kvalitní, ale obsahově nepřehledné či s nízkou informační hodnotou, a s prezentacemi, které jsou co do obsahu kvalitní, ale nekvalitním provedením kódu jsou odsouzeny k nízké návštěvnosti.

1.2 Cíl práce Cílem této práce je uvést do problematiky navrhování webových prezentací. Práce se zaměří na jednotlivé části webové prezentace a na jejich moderní metody tvorby s ohledem na budoucí úspěšnost prezentace. Následně vytvoří konkrétní webovou prezentaci s využitím těchto metod, a to katalog, který třídí jednotlivé prvky do dvou rovin, a v těchto rovinách pak umožňuje k informacím přístup. Dále se práce zaměří na správu prezentace, na administraci, která by měla být nedílnou součástí. Úspěšnost webové prezentace totiž závisí na aktuálnosti obsahu.

-8-

2 Metodika Webová prezentace bude vytvořena pomocí skriptovacího jazyka PHP5. K zobrazení informací bude použit jazyk XHTML ve verzi Strict a kaskádové styly CSS. Ke zpřehlednění kódu bude implementován šablonovací systém Smarty, který oddělí HTML kód a skripty PHP. Data budou uložena na pronajatém diskovém prostoru a budou spravována přes databázový systém MySQL. Prezentace bude dostupná na adrese http://klubovny.cz a v testovací verzi na http://klubovny.php5.cz, administrace pak na adrese http://klubovny.cz/admin a v testovací verzi na http://klubovny.php5.cz/admin.

-9-

3 Programové prostředky 3.1 PHP PHP (zkratka pro PHP Hypertext Preprocessor) je skriptovací jazyk zabudovaný na straně serveru. To znamená, že pracuje uvnitř dokumentu HTML a propůjčuje mu tak schopnost generování požadovaného obsahu. PHP bylo navrženo, aby pracovalo na webu, a v této oblasti také vyniká. Skriptovací jádro PHP má dobře optimalizovanou dobu odezvy potřebnou ve webových aplikacích. Také může být součástí webového serveru, čímž zvyšuje propustnost. Vznik PHP je datován někdy do roku 1994, kdy Rasmus Lerdorf dal dohromady kombinaci skriptů v Perlu, aby zjistil, kdo se díval na jeho výsledky. Pozvolna se lidé začali zajímat o tyto skripty, a tak byly později vydány jako balíček „Personal Home Page“ tools (původní význam PHP). Vzhledem k zájmu bylo napsáno skriptovací jádro společně s jiným nástrojem pro analýzu vstupu z formulářů v HTML: FI (Form Interpreter), tedy to, co bylo nazýváno PHP2. Později přešel vývoj z jednoho člověka na skupinu programátorů odpovídající za projekt a jeho organizaci. Tím vznikla verze PHP3 a po ní i další verze. Poslední verzí je verze PHP5, ve které byly oproti předchozí verzi posíleny především bezpečnostní mechanismy a ve které byl uveden nový, podstatně kvalitnější, objektový model umožňující používat PHP jako skutečný objektově orientovaný jazyk. Přednosti jazyka PHP oproti jiným skriptovacím jazykům: •

vysoká výkonnost (jeden jednoduchý a nenáročný server je schopen obsloužit milióny požadavků denně),

•

rozhraní pro mnoho druhů databázových systémů (PHP má schopnost připojovat se bez jakýchkoli prostředníků k mnoha databázovým systémům),

•

zabudované knihovny (pro implementaci mnoha běžných webových úloh stačí jen několik řádků kódu),

•

nízké náklady (PHP je Open source),

- 10 -

•

snadná výuka a použití (syntaxe PHP je založena na jiných programovacích jazycích, především v C a Perlu),

•

přenositelnost (PHP je k dispozici pro mnoho operačních systémů, na většině z nich bude námi vytvořený kód fungovat bez jakýchkoli modifikací) [1].

3.2 Smarty U větších projektů je vhodné mít oddělenou aplikační vrstvu programu od té prezentační. Aby byla práce efektivní, mělo by být cílem, aby mohl grafik nebo tvůrce HTML struktury webu pracovat na projektu bez obavy, že poškodí aplikační kód, a naopak aby grafik nemusel žádat o spolupráci programátora kvůli změnám, které se týkají prezentace dat. Tohoto oddělení můžeme dosáhnout, pokud použijeme šablonovací systém, např. Smarty. Smarty je šablonovací systém vytvořený za použití skriptovacího jazyka PHP. Při jeho použití, díky tomu, že oddělí aplikační logiku od obsahu prezentace, se stává kód prezentace přehlednější a snadněji modifikovatelný. I když je Smarty určen k oddělení aplikační a prezentační logiky, není omezen pouze na tvorbu šablon pomocí HTML značek. Šablonovací stroj umožňuje použití řídících struktur, cyklů, vestavěných funkcí pro práci s řetězci, časem apod. Použití funkcí v prezentační části není omezené, a to díky tzv. pluginům. Několik je jich obsaženo v základní distribuci, ostatní si lze doprogramovat pomocí skriptovacího jazyka PHP. Smarty vytváří pro každou použitou šablonu (pokud není tato možnost vypnuta) zkompilovaný tvar, což je běžný PHP skript, a ukládá ho do speciálního adresáře. Je-li daná šablona použita znovu, neprobíhá zpracování klasické šablony, ale je použita její kompilovaná verze, čímž je dosaženo větší rychlosti. Alternativou ke kompilování šablon je cachování obsahu. Principiálně se jedná o stejný postup, nejsou však vytvářeny PHP skripty, ale HTML kód [2]. Nevýhodou tohoto šablonovacího systému je velikost třídy Smarty a dalších knihoven. Při vývoji byl upřednostněn spíše funkční rozsah před rychlostí zpracování [3].

- 11 -

3.3 HTML a XHTML HTML (HyperText Markup Language) je jazyk určený pro tvorbu webových prezentací, především pro zobrazení obsahu stránek. HTML soubor je čistý textový dokument, který lze vytvářet jakýmkoliv textovým editorem na prakticky jakékoliv platformě. HTML je členěn strukturálně a obsah stránky definuje či zobrazuje pomocí tzv. tagů. Tagy se dělí na párové a nepárové, mohou nést různé atributy a jsou vždy uzavřeny mezi znaky < a > [4]. XHTML vychází z jazyka HTML a z jazyka XML. Oproti HTML, především ve verzi Strict, má větší omezení co do tvorby kódu. Rozdíly v XHTML oproti HTML: •

jména tagů se píší jedině malými písmeny,

•

tagy musí být vnořené ve správném pořadí, tj. první musí být ukončen tag, který byl otevřen jako poslední,

•

každý otevřený tag musí být i uzavřený,

•

hodnota atributů tagů musí být v uvozovkách [5].

3.4 Kaskádové styly – CSS CSS (Cascading Style Sheets) je kolekce metod pro grafickou úpravu webových stránek. Dříve byla vizuální prezentace uložena společně s obsahem stránek. To způsobovalo nepřehlednost zdrojového kódu, změna vzhledu určitého vícekrát se vyskytujícího prvku znamenala změnu kódu na více místech, styl dokumentu byl rozprostřen po celém kódu. Proto byla vytvořena technologie kaskádových stylů, která umožnila odebrat definici vzhledu prezentace z jazyka HTML. To se projevilo u jazyka XHTML. Kaskádové styly definují vzhled dokumentu nezávisle na jeho obsahu. Vzhled je potom snadno modifikovatelný, může být definován centrálně pro celou množinu stránek, nebo v jednom místě na každé stránce, případně i v jednotlivých HTML značkách [6].

- 12 -

3.5 JavaScript JavaScript je skript prováděný na straně klienta, to znamená, že program se odesílá se stránkou do prohlížeče klienta a tam je teprv vykonáván. Nevýhodou JavaScriptu oproti jazyku PHP je, že ke zdrojovým kódům se může dostat každý, kdo si HTML stránku, v níž je skript obsažen, stáhne. Oproti PHP je u JavaScriptu výhodou, že dokáže dynamicky reagovat na události způsobené klientem (např. pohyb kurzoru myši), což PHP nedokáže, neboť k provedení každé nové události je nutné odeslání nového požadavku na server. Proto je výhodné kombinovat PHP s JavaScriptem, případně s jiným dynamicky reagujícím jazykem. JavaScript je interpretovaný jazyk, nemusí se kompilovat, je objektově orientovaný a je závislý na prohlížeči (klient může provádění těchto skriptů zakázat). Výhodou JavaScriptu je rychlé zpracování požadavků. Jelikož pracuje na straně klienta, nezatěžuje server a šetří tím komunikaci se serverem, která by mohla být časově náročná. V největší míře je dnes využíván ke kontrole formulářů a k oživení webu pomocí dynamické práce s prvky [7].

3.6 MySQL MySQL je relační databázový systém. Umožňuje efektivně ukládat, řadit a získávat data. Server MySQL je víceuživatelský vícevláknový server, zajišťuje tedy přístup více oprávněných uživatelů v jednom čase. Používá SQL (Structured Query Language), což je celosvětově používaný dotazovací jazyk pro databáze. Počátky MySQL jsou datovány až do roku 1979, veřejnosti je přístupný od roku 1996. Je k dispozici pod licencí Open Source, což je jedna z jeho velkých výhod. K dalším výhodám patří především vysoká výkonnost, přenositelnost (MySQL je možno používat na různých operačních systémech) a snadná konfigurace a výuka (používá, podobně jako mnoho moderních databází, jazyk SQL) [8].

- 13 -

4 Webový portál Portály se v minulých letech staly pro řadu lidí vstupní branou do Internetu a miliony lidí je stále používají. Od jednoduchých portálů až po ty nabízející desítky služeb či zajímavý obsah, všechny se snaží udržet na trhu, přilákat co nejvíce uživatelů a najít recept na přežití. Zatímco jedni tvrdí, že portály jsou mrtvé, ostatní poukazují na jejich význam a důležitost. Definovat typický portál je velmi obtížné. Přesto existují určité typické služby a nabídka obsahů, které portály poskytují takřka shodně bez výjimek. Ať jde o portály ryze české, nebo portály zahraniční. Vychází se přitom z toho, že portál má sloužit uživateli jako brána do Internetu a umožnit mu internet využívat, vyznat se v něm a pobavit se. Jednou z hlavních služeb webového portálu je beze sporu vyhledávání.

4.1 Vyhledávání Vyhledávání je pro Internet jedna z nejdůležitějších funkcí. Katalogy stránek a webů, tříděné a kategorizované, jsou doplněny o možnost vyhledávání formou klíčových slov a fulltextu a pochopitelně o možnost procházet katalog. Obdoba telefonních seznamů představuje pro uživatele jedinou možnost, jak se v Internetu „vyznat“ a moci v něm najít to, co potřebují. Vedle katalogů nabízejí některé portály taky fulltextové prohledávání internetu jako takového, tj. hledání v „zaindexované“ množině internetových stránek.

4.2 Zaměření portálu Odlišují se dvě skupiny portálů, ty orientované na služby a ty orientované na obsah. Čím originálnější a kvalitnější obsah portál nabízí, tím větší zájem internetových uživatelů má šanci vzbudit. Většina portálů ovšem nabízí zpravodajství, a to zpravodajství přebírané, a české portály příliš různorodosti nenabídnou. Český zpravodajský trh je prozatím omezen na zprávy ČTK a ČIA (k dispozici prakticky na všech českých portálech), a proti nim stavěné zpravodajství iDnes a iHNed. Portály zaměřené na služby nabízejí především elektronickou poštu, a to zdarma. Některé portály nabízejí možnost zaplatit si nadstandardní vlastnosti

- 14 -

poštovních schránek. Elektronická pošta je pro portály velmi významná, protože udržuje loajální a časté návštěvníky portálových stránek [9].

4.3 Vertikální portály Široce zaměřeným webovým portálům se říká horizontální portály. Oproti tomu vertikální webové portály jsou zaměřeny pouze na určitou skupinu uživatelů. Mohou být orientovány jen na jedno téma, a pak jsou využívány navštěvníky hledajícími informaci svázanou s daným tématem, a nebo mohou být orientovány např. na uživatele z určitého regionu [10].

- 15 -

5 Prvky ovlivňující úspěšnost prezentace 5.1 Vliv barev Pro webovou grafiku, ale např. i pro prezentace, je důležitá vhodná volba použitých barev. Je to také jeden ze základních nástrojů, jak ovlivnit uživatele, aniž by o tom přímo věděl. Volba barev může mít zároveň i vypovídací schopnost o tvůrci. Jednotlivé barvy lze přiřadit ke čtyřem základním temperamentům. Žlutá barva se spojuje se sangvinikem, člověkem bezstarostným a radostným. Červená barva je spojována s cholerikem, člověkem vysoce aktivním. Modrá barva se spojuje s melancholikem, člověkem přemýšlivým a zasněným. Zelená barva je pak spojována s flegmatikem, člověkem klidným a rozvážným. Je všeobecně známo, že barvy mají velký vliv na lidskou psychiku. Ovlivňují naše myšlení, chování, nálady a v neposlední řadě též naše zdraví. Přehled vybraných barev a jejich významů: •

červená – teplá barva, je symbolem chuti do života, výrazem emocí a lásky k životu, zážitkům a dobyvačnosti. Smysly pociťují tuto barvu jako vzrušení, touhu, žádostivost. Červenou barvu je vhodné použít pro zdůraznění některých informací, nevhodné je používat ji na pozadí.

•

růžová – symbolizuje lásku, náklonnost a oddanost. Je to barva něhy a jemnosti. Může narušovat vztah k realitě a vědomé odvrácení se od vážných věcí života. Zvyšuje chuť na sladké.

•

oranžová – je symbolem veselí a optimismu. Pomáhá proti depresím, pesimismu, nespokojenosti, pocitům nechuti a letargie. Zvyšuje pocit živosti, ctižádost, chuť k aktivitám a dopomáhá odvaze a síle.

•

hnědá – barva země, odpovídá potřebě bezpečí, tepla a útulnosti, spojené s touhou po jednoduchém, klidném a s přírodou spjatém životě. Znamená stabilitu, zajištění, dar růstu, reality.

- 16 -

•

žlutá – je symbolem moudrosti, vysoké inteligence a myšlení. Tato barva člověka rozveseluje, působí na něj jasně a povzbudivě. Podporuje chápavost, schopnost kontaktu a oživuje myšlení. Působí pozitivně na paměť. U žluté barvy je důležité si uvědomit, že její efekt velice silně závisí na okolních barvách a barvě pozadí.

•

zelená – barva přírody, bujné vegetace, symbolizuje hojnost, růst a rozvoj. Pohled na zelenou barvu uklidňuje nervy člověka, oživuje oči, posiluje smysly a dává pocit klidu a zotavení. Je smiřující, zušlechťující, vzbuzuje důvěru. Zelená barva je vhodná pro kombinaci s jinými barvami, neboť představuje střed mezi teplými a studenými barvami.

•

modrá – barva klidu, míru, uvolnění a rovnováhy. Zjemňuje, ochlazuje a zlepšuje vnímání. Modrá barva otevírá duši, dává pocit vnitřní svobody, je to barva odevzdanosti, touhy, víry a věrnosti.

•

fialová – je symbolem inspirace, mystiky, magie a kouzla. Představuje žal, pokání, odříkání a obětavost.

•

černá – vyjadřuje opuštěnost a neodvratnost. Značí smutek, ztrátu, beznaděj, vše nevysvětlitelné, tajemstvím opředené, temné a hrůzostrašné. Černá barva, zvláště na velkých plochách, má vysokou poutavost, působí elegantně a profesionálně.

•

bílá – je symbolem čistoty, jasnosti, vznešenosti a nevinnosti. Je to barva pravdy, ruší staré myšlenkové struktury a připravuje tím nový začátek.

•

šedá – barva neutrality, opatrnosti a ochoty ke kompromisům. Je schopná přizpůsobení, kombinovatelná a diskrétní. Je to barva potlačování, omezování, nejistoty a strachu ze života. Tato barva může také symbolizovat všednost a nedostatek kreativity [11].

5.2 SEO SEO (Search Engine Optimalization) je optimalizace pro vyhledávače. Vyhledávače využívají postupů, které určují relevanci webové prezentace ve vztahu k vyhledávanému výrazu. Při zadání vyhledávané fráze si vyhledávač ve své databázi najde všechny stránky,

- 17 -

které tuto frázi obsahují, a interně je ohodnotí. Ty, které mají největší hodnotu, poté zobrazuje jako první a ty s menší hodnotou pod nimi. Faktory ovlivňující pozici prezentace ve vyhledávači: • titulek stránky, • zpětné odkazy, • doménové jméno, • klíčová slova a hustota jejich výskytu, • zvýrazněná slova, • název souboru, • meta description, • popisky obrázků, • alternativní texty, • meta keywords. Nejdůležitější jsou pro vyhledávače klíčová slova. Měla by se vyskytovat v titulku stránky, v popiscích obrázků a alternativních textech, v nadpisech, měla by být vhodně rozmístěna v celém textu dokumentu. Je proto velmi důležité zvolit vhodná klíčová slova, která vystihují náplň stránky a pomocí kterých bude návštěvník nejspíše vyhledávat informace, které může webová prezentace poskytnout [12].

- 18 -

6 Vlastní práce Většina lidí, která na internetu hledá informace, nejsou povoláním programátoři, a nedokáží tedy ocenit kvalitu kódu, který stojí v pozadí prezentace. Ocení ale vzhled prezentace a to dle dojmu, který na ně prezentace udělala. Tento je ovlivněn především designem stránky. I přes to, že kód není přímo oceněn, je jeho kvalita také důležitá zvláště ve vztahu k vyhledávačům a webovým prohlížečům.

6.1 2ávrh designu Webový portál má za úkol shromažďovat a přehledně poskytovat informace o organizacích, které se zabývají volnočasovými aktivitami dětí a mládeže. Při dnešním trendu počítačů a televize se tyto organizace vesměs snaží děti přivést do přírody. Tomu by měl být přizpůsoben i samotný design stránek.

6.1.1 Výběr barev Mají-li být na webu prezentovány organizace zprostředkovávající styk dětí s přírodou, bude nejvhodnější zvolit barvy v přírodě běžně se vyskytující. Jelikož se jedná o dětské organizace, měly by být barvy zároveň pestré a veselé a z psychologického hlediska navozovat v návštěvníkovi pocit klidu, ale i pocit živosti, pocity radosti a touhy a chuť k aktivitám. Dle vlivu jednotlivých barev na člověka se jako optimální barvy jeví zelená, hnědá, žlutá, oranžová a modrá. Pro samotný portál byly zvoleny tyto barvy v méně sytých odstínech, a to převážně barva modrá, vyskytující se na velké ploše pozadí a na logu stránky, barva zelená zvýrazňující oproti tmavě šedému textu nadpisy a jednotlivé popisky a tvořící orámování některých textových částí, šedá barva odlišující položky v hromadném výpisu a bílá barva tvořící podklad pro text.

- 19 -

6.1.2 Design stránky Stejně jako mohou zobrazované barvy ovlivnit návštěvníka a je nutné je tedy zvolit vhodně k obsahu prezentace, je stejně důležitý i návrh samotného designu. Design stránek musí být, pokud možno, originální a být pojat dle posledních trendů. Návštěvník si totiž zapamatuje spíše web, který je něčím vyjímečný, ale který se mu zároveň líbí. Bezesporu je u webové prezentace nejdůležitější její obsah, tedy množství informací, které jsou návštěvníkům poskytovány, a především jejich kvalita. Při stále intenzivnějším tempu růstu Internetu však stoupá i potenciální konkurence webových prezentací, a proto množství a kvalita informací již nestačí, protože obdobné informace se dají najít i na jiném místě. Důležité je tedy zaujmout návštěvníka, zapůsobit kladně na jeho estetické vnímání a tím vrýt prezentaci do jeho paměti, do jeho podvědomí. Většina návštěvníků se pak vrací na web, který se jim líbí, a který jim následně nabídne i kvalitní informace. Design by ale neměl odvádět pozornost návštěvníka od samotných informací. Nevhodné se tak jeví použití různých pohyblivých a blikajících prvků. Také přehnané množství grafických prvků zmenšuje prostor pro samotnou textovou prezentaci informace. Pro samotný portál byl zvolen jednoduchý design bez použití prvků, které by se měnily samy bez reakce na akce vytvořené uživatelem. Logo bylo vytvořeno z podkladů zobrazujících děti a mládež s radostným výrazem, což by mělo podtrhnout obsah a význam stránek, a přitom také v návštěvníkovi navodit dobrou náladu (Obrázek 6-1 a Obrázek 6-2). Design pak doplňuje jednoduchý obrázkový banner, odkazující na spřátelený web. Při zanoření se v prezentaci je pak design doplněn logotypem dané organizační složky a případně miniaturou fotky odkazující na fotogalerii vztahující se ke složce.

- 20 -

Obrázek 6-1: Návrh loga z profesionální fotografie

Obrázek 6-2: Návrh loga z podkladu Jihomoravské rady dětí a mládeže

6.1.3 Rozložení stránky Velmi důležité je, aby informace dostupné na webové prezentaci byly podány co nejvíce přehledně. Má-li stránka informační hodnotu a design, který návštěvníka zaujme, nebo alespoň neodradí, musí být i vhodně uspořádána, aby procházení nebylo pro návštěvníka náročné a nelogické. Rovněž by zanoření nemělo být příliš hluboké, aby návštěvníka zbytečně neunavovalo a nezdržovalo. Samozřejmě ale není možné umístit vše na úvodní stránku. Jelikož samotný portál má sdružovat organizace a k územním celkům přiřazovat místa setkávání jejich členů, byla na úvodní stránku umístěna mapa republiky (Obrázek 6-3), která pomůže návštěvníkům při hledání, zároveň s ohledem na hůře se orientující návštěvníky byl vypsán seznam krajů, jako první stupeň při zanořování do katalogu dle

- 21 -

územních celků, dále byl vypsán seznam organizací pro zanořování do katalogu dle organizačních složek.

Obrázek 6-3: Mapa krajů České republiky

Při první návštěvě těchto stránek by nemuselo být zřejmé, jakou funkci mají stránky plnit, proto byla úvodní strana doplněna o krátký informační text. Zároveň je nutné, aby bylo u prezentace vidět, že není statická, ale že „žije“. K tomu je vhodné zavést krátké informační texty řazené dle data vytvoření, aktuality, a jejich krátké úryvky spolu s datem vytvoření umístit na úvodní stranu.

6.2 Struktura portálu Webový portál pro vyhledávání dětských organizací lze zařadit spíše k menším, vertikálním, portálům. Neposkytuje služby jako emailová schránka, webhosting, nebo vyhledávání jiných stránek na Internetu. Jeho úkolem je setřídit informace o dětských organizacích a jejich jednotlivých složkách, a tyto informace přehledně podat. Hlavní funkcí je pak výpis míst, kde se příslušníci organizací setkávají, tedy „kluboven“, dle územních celků.

6.2.1 Zanoření katalogu Katalog portálu je organizován ve dvou paralelních větvích. Každá z větví vede pak ke stejnému koncovému bodu, k zobrazení detailu klubovny určité složky určité organizace v určitém územním celku.

- 22 -

Jedna větev třídí informace dle organizací a jejich složek. Pro tuto větev byla zvolena struktura: organizace – středisko – oddíl – družina (Obrázek 6-4). Na koncovou složku, na družinu, je pak navázána klubovna. Organizace jsou rozlišeny pomocí názvu a pomocí popisného textu, který podává základní informace o organizaci a může být doplněn například o odkaz na domovskou stránku organizace. Dále je k nim přidána možnost přiřadit logo a vytvořit fotogalerii, která by měla stručně ukázat zaměření organizace. Střediska jsou obdobně jako organizace rozlišeny pomocí názvu a je k nim přiřazen popisný text. Středisko je složka organizace vázaná vždy k určitému územnímu celku a sdružuje pod sebe další složky nižších úrovní působící na tomto celku. Proto je u střediska možnost pevně ho svázat s adresou a tím definovat zařazení do územních celků. Středisko je pak pevně přiřazeno pod organizaci. Oddíly jsou organizační složky sdružující pod sebe skupiny členů, které jsou spojeny většinou stejným místem působení, nebo nějakým přesnějším zaměřením v organizaci. Jsou pevně vázány na střediska a obdobně jako u středisek a organizací jsou označeny pomocí názvu, lze k nim doplnit informativní text a přiřadit k nim logo či fotogalerii. Družiny jsou nejnižší složkou organizační struktury. Sdružují členy z určitého územního celku, a to nejčastěji členy stejného pohlaví a stejného rozmezí věku. Kromě názvu a možnosti přiřazení informativního textu obsahují i další parametry. Lze k nim přiřadit den a čas, ve kterém se její členové pravidelně scházejí, určit, zda-li příjímá nové členy a v jakém věkovém rozmezí její členové jsou. Dále je možno definovat adresu domovské stránky družiny a obdobně jako u vyšších organizačních složek přiřadit logo a fotogalerii. Družina je pevně přiřazena pod určitý oddíl.

Obrázek 6-4: Schéma organizační struktury katalogu

Druhá větev třídí informace dle územních celků. Pro návštěvníka může být důležitější místo výskytu klubovny, a ne která organizace tuto klubovnu zaštiťuje. Pro tuto větev byla

- 23 -

zvolena struktura: kraj – okres – obec – část obce (Obrázek 6-5). V každé úrovni zanoření se pak, obdobně jako u první větve, vypisuje seznam kluboven vyhovující parametrům zanoření. U jednotlivých územních celků odpadla potřeba doplňovat další informace.

Obrázek 6-5: Schéma struktury územních celků katalogu

Posledním článkem obou větví, a tedy i výsledkem postupného vyhledávání, je klubovna. Jelikož je to místo setkávání členů určité organizace, má klubovna přesně definovanou adresu pomocí ulice a přiřazení ke kombinaci místní části a poštovního směrovacího čísla, díky čemuž lze u klubovny uvést přesnou adresu včetně obce, okresu a kraje. Stejně jako jsou pro návštěvníka důležité pozice klubovny a informace o ní, je pro něj důležitá i podoba klubovny. Proto je u klubovny přidána možnost připojení fotogalerie. V detailu výpisu klubovny je uveden i stručný přehled družin, které se v klubovně scházejí, což návštěvníkovi poskytne základní přehled o organizaci, která klubovnu spravuje, a o struktuře členů organizace, kteří se zde scházejí.

6.2.2 Informační stránky, aktuality Do webové prezentace by měly být zahrnuty i textové informativní stránky. Ty mohou být různě zaměřeny. Pro portál je vhodné, pokud je jeho struktura složitější, vytvořit schéma portálu a návod pro orientaci na portálu. Návštěvníkovi je tak usnadněno využití portálu a přístup k požadovaným informacím je pro něj jednodušší. Dále se jako vhodné jeví poskytnout i informace o tvůrci a provozovateli portálu, případně i o účelu, pro který byl portál vytvořen. U portálu dětských organizací není složitost strukturování informací příliš vysoká, a tak zde odpadá potřeba tvorby mapy stránek. Naopak je vhodné poskytnout informace o provozovateli portálu, a především popsat, jaké výhody v dnešní době přináší členství v dětské organizaci.

- 24 -

Aby bylo vidět, že je portál pravidelně obnovován a aktualizován, což nemusí být na první pohled jasné, zvláště provádějí-li se změny hlouběji ve struktuře katalogu, byl přidán systém krátkých aktualit. Úryvek vybraných aktualit spolu s datem vytvoření je viditelný hned na úvodní straně (Obrázek 6-6), pomocí prokliku přes úryvek aktuality, nebo pomocí odkazu v horním menu, se lze dostat do sekce aktualit s výpisem všech zpráv řazených dle data od nejnovějšího. Zde lze zveřejňovat nové aktuální informace nebo případně podávat zprávy o provedených změnách.

Obrázek 6-6: Krátké úryvky aktualit na úvodní straně

6.3 Vyhledávání Vyhledávání je pro portál velice důležité. Umožňuje najít požadovanou informaci bez znalosti přesné pozice v katalogu, lze s ním i zkrátit dobu potřebnou k dosažení požadovaného bodu na portálu a umožňuje využít více různých kritérií, podle kterých se třídí ve více větvích, naráz.

- 25 -

6.3.1 Kritéria vyhledávání Portál má za úkol návštěvníkům poskytnout informace o klubovnách různých organizací v různých územních celcích. První kritéria pro vyhledávání se tedy týkají samotné klubovny a jejího spojení s územními celky. Druhá kritéria se pak týkají organizací a jejich nižších složek. Třetí možností je zadat frázi, která bude následně vyhledána v různých parametrech.

Obrázek 6-7: Formulář pro vyhledávání dle atributů klubovny

Mezi první kritéria byl zahrnut název klubovny, ulice, na které se nachází, kraj, okres, obec a část obce (Obrázek 6-7). Jelikož jsou v databázi přímo definované jednotlivé územní celky a klubovna je propojena přímo s těmito územními celky, je u vyhledávání zavedena funkce, která pomáhá návštěvníkovi přesně určit požadovaný územní celek. V první řadě je mu nabídnuta možnost zvolit kraj. Pokud tak učiní a kraj zvolí, bude mu na základě jeho volby nabídnut seznam okresů, při zvolení seznamu okresů následně seznam obcí a poté i seznam částí obcí. Je-li si návštěvník jistý, že zná přesný název územního celku, může před tím, než ze seznamu zvolí nadřazený celek, zadat sám název územního celku. Mezi druhá kritéria patří název organizace, střediska, oddílu a družiny, pod které spadají vyhledávané klubovny. Opět i zde je systém automatických nabídek seznamů. Po výběru určité organizace tak lze vybrat středisko, pod nějž organizace spadá, následně oddíl a družinu.

- 26 -

6.3.2 Fulltext Není-li si návštěvník jistý ani organizačními složkami, ani územními celky, může využít fulltextové vyhledávání. Zadaný výraz je pak prohledáván ve více atributech jednotlivých částí portálů. Při volbě tohoto typu vyhledávání je zadaný text porovnáván s názvy a popisy jednotlivých organizačních složek, s názvy územních celků a s názvy a popisy kluboven.

6.3.3 Způsob vyhledávání Návštěvníkovi byla dána možnost volby, zdali chce vyhledávat klubovny přesně dle zadané kombinace kritérií nebo zda-li stačí vždy shoda klubovny alespoň s jedním z kritérií. Zadaná kombinace kritérií je pak v databázi porovnávána s uloženými hodnotami a jsou vybrány klubovny, které tato kritéria splňují. Jako doplněk k vyhledávání v katalogu byla přidána funkce, která dle zadaných kritérií k výsledku vyhledávání připojí ještě odkazy na jednotlivé organizační složky. Vyhledávání tak není zaměřeno jednostranně pouze na klubovny. Může tedy nastat situace, při které dle kritérií není nalezena žádná klubovna, ale ve výpisu výsledků vyhledávání se objeví odkaz na organizace, případně i na jejich nižší složky. Nutné bylo upravit vyhledávání tak, aby nebylo závislé na velikosti zadaných písmen a na diakritice. Velikost písma byla ošetřena jednoduchou úpravou v dotazu do databáze, diakritika si oproti tomu vyžádala složitější úpravu dotazu.

6.4 Optimalizace prezentace Jelikož se jedná o webovou prezentaci, je velice důležité, aby při použití vyhledávačů uživatelem byla prezentace v seznamu nalezených výsledků na přední pozici. K tomu by mělo pomoci nastavení určitých prvků stránky na hodnoty optimální pro vyhledávače.

- 27 -

6.4.1 Titulky stránek Titulek stránky by měl obsahovat klíčová slova, tedy ta slova, pomocí kterých by uživatel nejspíše zobrazované informace hledal. Titulek by měl co nejpřesněji vystihovat obsah stránky. Jako hlavní a neměnná část titulku tak byla zvolena charakteristika prezentace, tj. text „katalog kluboven dětských organizací“. Při pohybu po prezentaci se následně přidává na začátek titulku slovní spojení označující pozici v prezentaci. Například při zobrazení formuláře pro vyhledávání je to slovní spojení „vyhledat klubovnu“. V případě postupného procházení katalogu se na začátek titulku přidává vždy aktuální zobrazená část katalogu, tedy např. při procházení katalogu z pohledu organizací a jejich složek to může být slovní spojení „středisko A je to“. Je-li zobrazen detail samotné klubovny, do titulku stránky se přidává její název.

6.4.2 Adresy Forma a text adresy zobrazené podstránky také důležitě ovlivňuje kvalitu prezentace z pohledu vyhledávače. Navíc návštěvníkovi napomáhá, stejně jako titulek stránky, k lepší orientaci v prezentaci a k určení přesné pozice v prezentaci. Měla by tedy být dobře čitelná pro uživatele, i když se ve skutečnosti nepočítá s tím, že by si uživatel celou adresu pamatoval a celou ji psal. Pomocí mod_rewrite můžeme změnit vytvořené adresy na adresy skutečné. Toho je docíleno pomocí regulárních výrazů. Při postupném procházení portálu se na pravou stranu adresy za lomítka přidávají jednotlivé části. Ty jsou tvořeny z klíčových slov či slovních spojení, a ve většině případů pak názvem převedeným do požadované formy a identifikačním číslem. Např. při procházení katalogu z pohledu organizací a jejich složek to může být část adresy „/organizace-junaksvaz-skautu-a-skautek-cr_4/stredisko-a-je-to_14“. Klíčová slova „organizace“ a „středisko“ zde vypovídají o pozici v katalogu, následující část textu je pak názvem složky, jejíž detail je zobrazen a činí adresu čitelnější pro návštěvníka, číslo je identifikátorem dané složky v databázi.

- 28 -

6.4.3 Struktura stránky a kódu V prezentaci byl kladen velký důraz na přehlednost a jednoduchost zobrazení informací. V orientaci na stránce napomáhá výrazné odlišení nadpisů (názvy organizačních složek, krajů, …) a textu pomocí velikosti a barvy písma. Při postupném procházení katalogu je pod hlavním nadpisem vytvořena navigace, která umožňuje posun zpět ve větších krocích a stejně jako adresa a titulek stránky napomáhá návštěvníkovi k orientaci. V nadpisech jsou užita klíčová slova, což pomáhá k optimalizaci prezentace pro vyhledávače, loga a odkazy na fotogalerie ve formě obrázků jsou doplněny alternativními texty a titulky.

6.4.4 Validita Validita kódu úspěšnost prezentace u vyhledávačů neovlivňuje. Je ale vhodné vytvořit validní stránku, protože to zajistí správný překlad stránky pomocí vyhledávacích robotů a tedy správnou indexaci stránek u vyhledávače. Zároveň validní kód by měl být zárukou korektního zobrazení ve většině prohlížečů. Prezentace byla vytvořena pod standardem XHTML 1.0 ve variantě Strict, což zaručuje přehlednost kódu díky striktnějším pravidlům. Ve všech částech byl tento standard dodržen, což zaručilo plnou validitu prezentace. To bylo ověřeno za pomoci webového validátoru korporace W3C (http://validator.w3.org).

6.5 Administrace Má-li se obsah webové prezentace stále měnit a být aktuální a tím i zajímavý pro návštěvníky, je nutné k prezentaci připojit i systém, který zajistí pohodlnou správu informací. Změna textů a ostatních částí prezentace pomocí změn přímo v kódu je uživatelsky nepřívětivá a navíc omezuje možnost správy jen na uživatele znalé programování a na uživatele s požadovanými přístupy k samotným souborům. Je-li vytvořena administrace, je na první pohled patrný rozdíl oproti samotné webové prezentaci. Na administraci jsou kladeny jiné požadavky než na prezentaci. Také počet návštěvníků je omezen pouze na ty, kterým byla ke správě udělena dostatečná oprávnění.

- 29 -

Administrace tak není udělána za účelem zaujetí návštěvníka, ale za účelem co nejdetailnější správy prezentace. Design je tvořen spíše pomocí jednoduchých prvků, větší důraz je kladen na přehlednost než na originalitu. Odpadá také potřeba optimalizace pro vyhledávače pomocí tvorby titulků, klíčových slov a přehledných adres. Jediné, co by mělo být splněno stejně jako u samotné prezentace, je validita, zajišťující korektní zobrazení ve většině prohlížečů.

6.5.1 Správa uživatelů V případě, že je prezentace většího rozsahu, vzniká často potřeba poskytnout právo k administraci více lidem. Pokud tato situace nastane, je logické, že s více uživateli budou spojena i různá práva ke správě jednotlivých částí prezentace. V opačném případě by stačilo sloučit všechny uživatele pod jedny přístupové údaje. Jedná-li se o prezentaci, na jejímž obsahu se podílí přesně vymezená skupina osob, lze uživatele definovat pouze v úrovni databáze, není nutné vytvářet rozhraní v administraci. Je-li prezentace katalogového typu, musí se vytvořit i rozhraní pro správu uživatelů, aby bylo možné efektivně vytvářet a spravovat jednotlivé uživatele dle toho, jak jsou informace s nimi spojené zařazovány do katalogu. Do administrace webového portálu byla začleněna i správa uživatelů. Vytvářet, rušit a editovat jednotlivé uživatele má možnost administrátor (Obrázek 6-8). Toto právo je možno mu přidělit pouze přímo v databázi, což zaručuje, že přidělovat toto právo bude pouze osoba s přístupy do databáze a že toto právo nebude přidělováno zbytečně velké skupině osob. Uživatelé jsou definování pomocí přihlašovacího jména (loginu) a hesla. Toto nastavení si může každý uživatel sám měnit, jediným omezením je nutnost jedinečnosti loginu, která je kontrolována systémem. Taktéž administrátor má možnost měnit nastavení přístupových údajů uživatele. Má také právo učinit uživatele nefunkčním a tím mu zamezit v přístupu do administrace. Administrátor pro každého uživatele určuje, které operace má povoleny provádět. Mezi základní operace byly začleněny správa aktualit, správa informačních stránek portálu a možnost vkládat a mazat organizace, jejich jednotlivé složky a klubovny. Není-li ani jedna

- 30 -

z těchto operací uživateli přidělena, má ještě možnost, pokud je definováno alespoň jedno propojení, editovat organizace a jejich složky.

Obrázek 6-8: Správa a přehled uživatelů

Uživatel může být propojen zvlášť s organizacemi a zvlášť pak s jednotlivými středisky organizací. Přitom pro správu určitého střediska není nutné propojení s jeho organizací. V případě, že je propojen s některým ze středisek, přenáší se právo správy i na nižší organizační složky, tedy na oddíly střediska, družiny, a na klubovny s družinami propojené. Dle přidělených práv uživateli se mění i nabídka v menu administrace. To samotné jako ochrana proti nepovoleným operacím ale nestačí, i když se dá předpokládat, že mezi uživatele nebude vložena osoba, která by se nějakým způsobem snažila obejít práva jí přidělená. Na kontrolu práv byl kladen velký důraz. Před každou operací je prováděna kontrola, zdali danou operaci má uživatel povolenu, v případě správy organizací a jejich složek je následně ještě prováděna kontrola, zdali má uživatel s danou organizací či nižšími složkami definováno propojení. Samotné přihlášení, odhlášení a ověřování uživatele je vytvořeno pomocí relací (session). Údaje o přihlášeném uživateli jsou předávány mezi skripty v proměnných $_SESSION. Na začátku každého načteného skriptu je provedeno ověření uživatele dle pře-

- 31 -

daných hodnot. V případě neúspěšného ověření je provedeno automatické přesměrování na úvodní stránku s přihlašovacím formulářem (Obrázek 6-9).

Obrázek 6-9: Přihlašovací formulář

6.5.2 Správa fotogalerií Má-li uživatel vhodná oprávnění, může vytvářet fotogalerie. Fotogalerie je pojata jako skupina fotografií spojená do celku pod jeden orientační název, pod název fotogalerie. Tento název vystupuje pouze v administraci a slouží k uživatelsky přívětivému propojení fotogalerie s organizacemi a jejich složkami. Galerie je možné vytvářet, mazat a měnit jejich názvy. Po vytvoření galerie je uživateli umožněno do galerie přiřazovat jednotlivé fotografie. Vybrat si lze mezi nahráním nové fotografie, nebo zvolit fotografii již do systému nahranou. V případě, že například u oddílu a družiny by měla v galerii vystupovat stejná fotografie, je tímto docíleno snížení nároků na paměťový prostor. Nahraje-li uživatel fotografii novou, je v poměru zmenšena do rámce o velikosti 800×600px, což zaručuje přívětivější zobrazení při prohlížení na většině monitorů, a zmenšením do rámce 150×113px je následně vytvořen náhled, který se zobrazuje v přehledu fotografií galerie a pomáhá tak k lepší orientaci a správě galerie (Obrázek 6-10). Náhled první vložené fotografie galerie je pak využíván i v prezentační části. Ke každé fotografii je možné přiřadit popisný text, který by měl návštěvníkovi, který si bude fotografie prohlížet, pomoci k lepšímu pochopení toho, co je na fotografii zachyceno.

- 32 -

Obrázek 6-10: Správa a přehled fotografií galerie

V případě smazání galerie se mažou i jednotlivé fotografie. Pokud je soubor fotografie přiřazen pouze do jedné galerie, je fyzicky smazán, pokud je přiřazen i do jiné galerie, je smazán pouze záznam v databázi. V případě nahrávání nového souboru, jehož název je shodný s názvem již dříve nahraného souboru, je nově nahrávaný soubor automaticky přejmenován pomocí přidání pořadového čísla. U každé galerie se ukládá, který uživatel ji vytvořil. Uživatel má pak právo spravovat galerie, které sám vytvořil, nebo galerie, které jsou přiřazeny k organizacím či k jejich složkám, jež má uživatel právo administrovat.

6.5.3 Správa organizačních složek Je-li definováno propojení uživatele s organizačními složkami, je uživatel oprávněn tyto složky spravovat. Nemá-li uživatel přiděleno právo vkládat a mazat údaje, je mu umožněno organizační složky pouze editovat. U organizací je možno zadat název, popisný text, nahrát logo a přiřadit fotogalerii (Obrázek 6-11). Jedinou povinnou hodnotou je zde název organizace. Je-li editována organizace s nahraným logem, je uživateli umožněno zvolit, že má být logo smazáno, případně lze

- 33 -

staré logo nahradit novým souborem. V případě nahrání souboru, jehož název koliduje s dříve nahraným souborem, je obdobně jako u fotografií provedeno automatické přejmenování souboru.

Obrázek 6-11: Formulář pro vytvoření a editaci organizace

Jelikož je středisko složka, která zastupuje organizaci na určitém územním celku, byla mu oproti organizaci přidělena možnost definování pevné adresy pomocí ulice a kombinace části obce a poštovního směrovacího čísla (rozepsáno níže u popisu správy kluboven). Středisko je nižsí organizační složka, a proto je nutné aby bylo pevně přiřazeno pod vyšší složku. Kromě názvu je tedy povinný údaj u střediska i organizace, pod kterou středisko patří. Obdobně jako u organizace je u střediska možno zadat popisný text, nahrát logo a připojit galerii. Má-li uživatel oprávnění vytvářet střediska, je mu umožněno střediska přiřazovat k organizacím, k nimž má definováno propojení, nebo k organizacím, jejichž střediska má právo editovat.

- 34 -

Oddíl je organizační složka, která patří pod určité středisko a která pod sebou sdružuje družiny se stejným zaměřením. Mezi povinné údaje u oddílu tedy patří název a středisko, ke kterému je přiřazen, mezi doplňkové údaje pak opět popisný text, logo a galerie. Právo spravovat oddíl se odvíjí od práva spravovat nadřazené středisko oddílu. Taktéž lze oddíly přiřazovat pouze ke střediskům, u kterých je definováno propojení s daným uživatelem. Družina je nejnižší složka organizační struktury, která přímo sdružuje osoby a organizuje jejich setkávání a společné aktivity. Proto je kromě názvu a popisného textu možné přidat i specifické informace, jako je věk členů v družině, den a čas, kdy se družina schází, domovskou stránku družiny a zvolit, zdali družina přijímá nové členy. Družina je povinně přiřazena k oddílu, a navíc musí mít povinně definováno, ve které klubovně se schází. Obdobně jako u vyšších organizačních složek je pak možno družinu propojit s galerií a nahrát její logo.

6.5.4 Správa kluboven Klubovna je místo, kde se pravidelně setkávají členové družiny. V jedné klubovně se může scházet více družin, většinou jsou to všechny družiny jednoho oddílu, proto se nepřiřazuje družina ke klubovně, ale klubovna ke družině. Jelikož je klubovna určitý druh prostoru, většinou část budovy nebo celá budova, je možné definovat její adresu. Na tomto hledisku je založený celý portál kluboven. Nejnižší definovatelný celek území je ulice a číslo popisné dané budovy. Definovat všechny ulice v databázi by znamenalo velký počet položek a získat dané údaje by bylo asi nákladné, proto je klubovna přiřazena k vyššímu definovatelnému územnímu celku, k části obce. Obec může mít více částí, ale každá část může spadat pouze pod jednu obec. Každá část obce může mít více poštovních směrovacích čísel, každé poštovní směrovací číslo může být spojeno s více částmi obce. Proto bylo nutné klubovnu přiřadit nikoliv pouze k části obce nebo pouze k poštovnímu směrovacímu číslu, ale ke spojení poštovního směrovacího čísla a části obce (viz Příloha A). Při vytváření či editaci klubovny je uživatel nucen zadat poštovní směrovací číslo, po jeho zadání se dohledají části obce, ve kterých je dané PSČ evidováno, a uživateli je umožněno zvolit tu správnou. Pevné přiřazení klubovny do části obce je z funkčního pohledu

- 35 -

dostačující, neboť část obce je většinou svou rozlohou nevelká, a navíc je pro návštěvníka nejlepší vyhledávat přítomnost kluboven právě v tomto územním celku. Jako povinné údaje klubovny byly zvoleny název, ulice s číslem popisným a kombinace poštovního směrovacího čísla a části obce, mezi nepovinné pak popisný text, logo a připojená galerie (Obrázek 6-12).

Obrázek 6-12: Formulář pro vytoření a editaci klubovny

6.5.5 Správa aktualit Aktuality jsou krátké texty, které by měly návštěvníky informovat o novinkách v prezentaci. Z tohoto důvodu je důležité jejich zařazení do časové osy. Při vytváření nové aktuality je automaticky předvyplněno aktualní datum a čas, byla ale ponechána možnost tyto dva údaje přizpůsobit přímo zprávě. Datum je nutné zadat v přesně definovaném formátu, systém provádí kontrolu na formát data a času a dále na to, zdali zadané datum existuje. Mezi

- 36 -

povinné údaje dále patří nadpis aktuality, který výrazně informuje o obsahu aktuality, a samotný text aktuality. Mezi nepovinné údaje byl přidán odkaz související s aktualitou. U aktualit je možno definovat, zdali se mají zobrazit v prezentační části. Proto staré neplatné aktuality není nutné mazat, ale je možné je z archivačního hlediska uchovat, aniž by byly dostupné návštěvníkům. Dále je možné zvolit, zdali zkrácený text aktuality spolu s datem bude zobrazen v levé části prezentace.

6.5.6 Správa textových stránek Má-li uživatel dostatečná oprávnění, je mu umožněno administrovat textové stránky, mezi něž patří text na úvodní straně a informační stránky dostupné přes horní menu prezentace. Text na úvodní stránce je definován pomocí nadpisu a samotného textu, oba údaje jsou povinné. U informačních stránek je k těmto dvěma údajům navíc přiřazena možnost zvolit, zdali se daná informační stránka bude zobrazovat a pozici odkazu na stránku v menu. Stejně jako u popisných textů u kluboven, organizací a jejich složek, je i u těchto textů použit jednoduchý javascriptový DHTML editor, který umožňuje popisný text strukturovat pomocí tagů a tím text oživit a zvýraznit potřebné informace. I když zvolený editor nabízí hodně různých funkcí, byly funkce nabídnuté uživatelům omezeny na definování řezu, velikosti, barvy a stylu písma, pozadí textu a na vytváření odkazů, seznamů a tabulek.

- 37 -

7 Závěr Cílem této bakalářské práce bylo seznámit se s postupem vytváření webové prezentace, s prostředky, pomocí kterých se prezentace vytváří a s prvky, které ovlivňují úspěšnost výsledné prezentace. Všechny tyto poznatky byly následně aplikovány v praxi na portál sloužící k vyhledávání dětských organizací. Problematika vytváření webových prezentací je velmi rozsáhlá a proto nebylo možné v bakalářské práci popsat všechny prvky, ale byly popsány ty, které hlavně ovlivňují dojem uživatele, a ty, které hlavně ovlivňují úspěšnost prezentace na Internetu. Nebylo ani možné popsat všechny prostředky, které lze použít při tvorbě prezentace. Proto se práce zaměřila na ty hlavní, nejčastěji se vyskytující, pomocí kterých lze splnit většinu požadavků, jež by mohly být na webovou prezentaci kladeny. Pomocí popsaných postupů byl dle požadavků Jihomoravské rady dětí a mládeže vytvořen webový portál, který slouží k vyhledávání dětských organizací a jako katalog kluboven těchto organizací. Portál vychází z původní verze webové prezentace, kterou měl nahradit. Z původní verze byla převzata data o organizačních složkách, která ale byla dle nového schématu přetransformována a uložena. Jinak je portál zcela samostatnou prací, vytvořenou za pomoci lepších programových prostředků a nově známých postupů, než jak byla vytvořena původní verze. Vzhledem k probíhajícímu testování a aktualizaci dat ze strany Jihomoravské rady dětí a mládeže práce dále pokračuje. V současné době jsou získávány informace o organizačních složkách a již nyní je jisté, že vzhledem k určitým drobným výjimkám ve členění jednotlivých organizací, jež nelze přizpůsobit na dohodnutou strukturu prezentace, bude nutné doimplementovat některé nové funkce a některé části prezentace upravit. Všechny tyto změny bude ale možné navrhnout a provést, až bude dokončena kompletní obnova dat.

- 38 -

Literatura [1] CASTAGNETTO, J., SCHUMANN, S., RAWAT, H. PHP - Programujeme profesionálně. Praha: Computer Press, a.s., 2001. 676 s. ISBN 80-7226-310-2. [2] KAVELEK, T. Smarty – šablonovací systém [on-line]. Poslední modifikace: 7.11.2006 [cit. 2008-04-30]. Dostupné na internetu: [3] KOUBA, Š. Smarty – chytré šablony pro PHP [on-line]. Poslední modifikace: 15.9.2003 [cit. 2008-04-30]. Dostupné na internetu: [4] WEBSTRANKA Co je to HTML [on-line]. Poslední modifikace: 22.9.2005 [cit. 2008-04-30]. Dostupné na internetu: [5] BLAŽEK, M. XHTML [on-line]. Poslední modifikace: 18.12.2007 [cit. 2008-04-30]. Dostupné na internetu: [6] MIKLE, P. XCSS : CSS1, CSS2, CSS2. 1 : úplná přesná referenční příručka. 1. vyd. Brno: ZONER Press, 2004. 231 s. Encyklopedie webdesignera. ISBN 80-86815-13-7. [7] ŠKVAŘIL, R. Redakční a informační systém automobilového serveru. Bakalářská práce, Brno, FIT VUT v Brně, 2006. [8] WELLING, L., THOPSOVÁ, L. MySQL: Průvodce základy databázového systému. CP Books a.s., Brno, 2005. ISBN 80-2510-671-3. [9] TKÁČIKOVÁ, D. Webové portály [on-line]. Poslední modifikace: 31.5.2007 [cit. 2008-04-30].

Dostupné

na

internetu:


internet/webove-portaly.htm> [10] DOČEKAL, D. Portály [on-line]. Poslední modifikace: nezjištěno [cit. 2008-04-30]. Dostupné

na

internetu:


default.asp>

- 39 -

[11] VOTRUBA, Z. Webová grafika [on-line]. Poslední modifikace: nezjištěno [cit. 2008-04-30].

Dostupné

na

internetu:


FIRMA/webovagrafika.pdf> [12] TITL, v. Tipy a triky pro SEO [on-line]. Poslední modifikace: 30.4.2006 [cit. 2008-04-30].

Dostupné

na

internetu:


index.php?akce=clanek&cl=2006041603-tipy-a-triky-pro-seo%96-uvod>

- 40 -

Příloha A

ER Diagram

Obrázek A-1: ER Diagram

- 41 -