VYUŽITÍ WEBOVÝCH KAPACIT V CESTOVNÍM RUCHU Ing. Pavel Čech, Ph.D. Podpora Modulu kognitivních, informatických a multioborových přístupů k udržitelnosti cestovního ruchu
Obsah přednášky • • • • •
2012
Virtuální prohlídky Online prodejní katalogy Sdílení souborů Online tvorba stránek Redakční systémy
Webové aplikace v CK a CA
2
Trendy
• Zdroje informací o cestování (Pechanec 2010) – – – – –
Internet: 45 % Cestovní kanceláře / cestovní agentury: 20 % Přátelé / známí: 17 % Turističtí průvodci: 8% Cestovní brožury: 7 %
• Využívání internetu (Factum Invenio 2008) – 95 % uživatelů hledalo informace o cestování – 71 % uživatelů opakovaně
• Nejčastěji hledané informace (dopravní spojení, prohlížení map, informace o cílové destinaci) 2012
Webové aplikace v CK a CA
3
2012
Webové aplikace v CK a CA
4
Využití internetu
2012
Webové aplikace v CK a CA
5
Možnosti využití Internetu v CR • • • • • • • • • • • • • 2012
marketing komunikace získávání informací sledování konkurence vylepšení image sledování aktuálních trendů sledování legislativy zapojení se do různých akcí sociální sítě plánování tras rezervační systémy podpora standardizace a certifikace získávání zpětné vazby. Webové aplikace v CK a CA
6
Webové stránky
2012
Webové aplikace v CK a CA
7
Virtuální prohlídky
2012
Webové aplikace v CK a CA
8
Virtuální prohlídky • Prohlídka a navození atmosféry cílové destinace • Příprava zájezdu • Webové kamery – http://www.virtualtravel.cz – http://www.spindleruvmlyn.com/cz/webkamera/&cam=3
• Google streetview • Virtuální světy • Portály cestovního ruchu (www.visitXXX.yyy) 2012
Webové aplikace v CK a CA
9
Tvorba panoramatické prohlídky • Využití technologie Flash VR, QuickTime a HTML 5.0 • Intuitivní ovládání pohybu v prostoru s možností přizpůsobení vlastním potřebám • Možnost definování „hotspots“ s odkazem na webové stránky
2012
Webové aplikace v CK a CA
10
Nástroje pro tvorbu • Klasické aplikace – Pano2VR – Panoweaver, Tourweaver http://www.easypano.com/ – Activeden (pro produkty) - http://activeden.net
• Online – Tour Hosting - http://www.tour-hosting.com/ – Dermadar - http://www.dermandar.com/ – 360 Flashtour - http://360flashtour.com/ 2012
Webové aplikace v CK a CA
11
• Ukázka prostředí pro tvorbu panoramatických prohlídek
2012
Webové aplikace v CK a CA
12
Online katalogy produktů
2012
Webové aplikace v CK a CA
13
Základní charakteristiky • Definice a organizace produktů a dalších dodatečných informací • Podpora marketingových aktivit prostřednictvím SEM a SEO • Propojení na sociální sítě • Propojení na statistické vyhodnocování • Export do globálních katalogů (Google shopping) • Propojení na online platební systémy (např. PayPal) 2012
Webové aplikace v CK a CA
14
• Ukázka www.freewebstore.org
2012
Webové aplikace v CK a CA
15
Sdílení souborů
2012
Webové aplikace v CK a CA
16
Základní funkce • • • • •
2012
Nahrávání a stahování souborů Organizace souborů a složek Sdílení souborů a složek Sledování aktivit uživatelů Slouží jako záloha
Webové aplikace v CK a CA
17
Možnosti sdílení souborů • Nejznámější – Google Drive – 5-10GB – SkyDrive – 7-25GB – Dropbox – 2-18GB
• Další – Box, SugarSync, Minus, RapidShare, …
2012
Webové aplikace v CK a CA
18
• Ukázka Dropbox
2012
Webové aplikace v CK a CA
19
Základy webových projektů
2012
Webové aplikace v CK a CA
20
Etapy tvorby webových stránek 1. Hledáni důvodů tvorby webové prezentace. – Určení nebo-li cíl prezentace. – Najití a registrace vhodného doménového jména.
2. Rozvržení webové stránky. – Hlavička. – Tělo. – Patička.
3. 4. 5. 6. 2012
Grafický návrh stránky. Šablona stránky . Funkční část stránky. Doména a webový hosting. Webové aplikace v CK a CA
21
Určení nebo-li cíl prezentace • Vždy je důležité web konstruovat k předem určenému účelu a cíli (půjde pouze o prezentaci společnosti / pobočky, nabídkový web, komunitní web, …) • Na cíl prezentace navazují další kroky • Důležitá role managementu firmy • S cílem souvisí také název domény
2012
Webové aplikace v CK a CA
22
Základní pravidla pro tvorbu doménových jmen • Technická pravidla – doména může obsahovat pouze povolené znaky, malá písmena latinské abecedy (a-z), dále arabské číslice (0-9) a pomlčka – nelze používat diakritiku
• Pravidla zapamatovatelnosti a čitelnosti – charakterizovat zaměření daného webu – složení z maximálně dvou slov
• Příklady doménových jmen pro Cestovní kancelář Tourpress. – Správné: www.tourpress.cz, www.cktourpress.cz – Špatné: www.cestovni-kancelar-tour-press.cz, www.more-vylety-tourpress.cz 2012
Webové aplikace v CK a CA
23
Registrace domény • Správce domén v ČR – CZ NIC
• Registrátoři – Active 24 – Czechia – ...
• Cena domény – CZ domény jsou prodávány od 150-250Kč / rok – světové až do cca 4 tisíc 2012
Webové aplikace v CK a CA
24
Rozložení webové stránky • Hlavička – utváří charakter stránky (logo společnosti + menu) – mohou být nejdůležitější kontaktní údaje – zpravidla neměnná
• Tělo – obsahová část stránky. – část kvůli které uživatel na stránky přistupuje. – může mít několik typů rozložení
• Patička – uzavírá každou stránku webové prezentace – důležité informace a odkazy – je neměnná 2012
Webové aplikace v CK a CA
25
Grafický návrh stránky • barevné a grafické vyladění rozložení stránky • vhodné je volit jemné odstíny bílé a světlé barvy v kombinaci s kontrastním obsahem • časová náročnost – Do 5 hodin práce včetně konzultace.
• cena – Do 4000Kč za celek.
2012
Webové aplikace v CK a CA
26
Šablona stránky • Grafický návrh převedený do jazyka čitelného pro webový prohlížeč. Nejčastěji do jazyka xHTML. • Obsahuje základní prvky optimalizace pro vyhledávače (SEO) • Časová náročnost: – 8-15 hodin
• Obvyklá cena: – Do 1500Kč 2012
Webové aplikace v CK a CA
27
Funkční část stránky • Varianty – Statická – neměnný obsah jedné stránky data jsou zpravidla součástí kódu stránky – Dynamická – obsah jedné stránky se generuje pomocí skriptů a načítání z databáze – Editovatelná – obsah stránky může uživatel upravovat
• Časová náročnost – Dle rozsahu zadání. Základní model od 10 hodin. Složitý model od 50 hodin.
• Cena – Od 2500Kč . Hodinová mzda od 250Kč / hod 2012
Webové aplikace v CK a CA
28
Obsah stránky • texty, obrázky videa atd. • data jsou zpravidla uložena v databázi a do šablony jsou zařazována funkční částí stránky • časová náročnost – Podle rozsahu webu.
• cena: – Dle rozsahu prezentace. Hodinová mzda od 70Kč / hod. 2012
Webové aplikace v CK a CA
29
Možnosti tvorby webu
• Zadání práce jako celku odborné firmě.
– Výhody - Komplexní web.;„Bez starostí.“ – Nevýhody - Vyšší cena díky malé informovanosti poptávajícího. Často tvořeno pomocí neprůhledných marketingových balíčků. Chybějící nebo vynechané části vývoje.
• Svépomocí zadáním dílčích úkolů jednotlivým odborníkům – Výhody - Možnost přímo ovlivňovat tvorbu. Kompletní web.Téměř minimální potřeby budoucích investicí. Možnost spojit tvorbu webu na 2 celky. – Nevýhody - Neúplnost dílčích prací. Velké množství reklamací. Delší časové nároky.
• Zadání práce pseudo odborníkovi. – Výhody - Nízká cena. Rychlost předávky. – Nevýhody - Nízká kvalita zpracování. Velké množství reklamací. Časté budoucí investice. 2012
Webové aplikace v CK a CA
30
Pravidla přístupnosti • Ustanovení novely zákona č. 365/2000 Sb. o informačních systémech veřejné správy, provedená Zákonem č. 81/2006 Sb. • Kapitoly – Kapitola A: Obsah webových stránek je dostupný a čitelný – Kapitola B: Práci s webovou stránkou řídí uživatel – Kapitola C: Informace jsou srozumitelné a přehledné – Kapitola D: Ovládání webu je jasné a pochopitelné – Kapitola E: Kód je technicky způsobilý a strukturovaný – Kapitola F: Prohlášení o přístupnosti webových stránek
2012
Webové aplikace v CK a CA
31
Online tvorba webových stránek
2012
Webové aplikace v CK a CA
32
Základní charakteristiky
• Oprošťují vytváření stránek od samotného programování • Svázány s poskytováním webového prostoru (hostingem) • Funkcionalita – Definování základního vzhledu (šablony, styly) – Vkládání textů, obrázků, formulářů, multimediálního obsahu (např. pomocí drag & drop) – Propojení na další aplikace např. Google maps, sociální sítě apod. 2012
Webové aplikace v CK a CA
33
Příklady • • • • •
2012
Google Sites – sites.google.com Wix – www.wix.com DevHub – www.devhub.com Webs – www.webs.com WebNode – www.webnode.com
Webové aplikace v CK a CA
34
• Ukázka Google sites
2012
Webové aplikace v CK a CA
35
Redakční systémy
2012
Webové aplikace v CK a CA
36
Redakční systémy • angl. Content Management System (CMS) jinak také spisová služba • zaměření na nestrukturovaná data (až 80% podnikových dat tvoří nestrukturovaná data) • nestrukturovaná data jsou – – – – –
zprávy (výroční, o činnosti, o produktech, …), reporty smlouvy, nabídky, schémata, … poštovní korespondence, faxy organizační pravidla případové studie
2012
37
Životní cyklus dokumentu 1. Vznik elektronického dokumentu (vytvoření, digitalizace, skenování, …) 2. Zařazení dokumentu do CMS (definování klíčových slov, kategorizace) 3. Zpracování dokumentu (indexace, automatizovaná kategorizace) 4. Užití (vyhledávání, řízení přístupu) 5. Archivace dokumentu
2012
38
Funkce CMS • správa verzí – možnost pracovat na více verzích jednoho dokumentu; návrat k předešlým verzím a pokračování jiným směrem, … • zabezpečení – ochrana dokumentů; přístup jen autorizovaným osobám; různá opravnění (např. čtení, editace, smazání, …) • workflow – možnost definování předávacích procedur a návazností pro jednotlivé dokumenty; umožňuje sledovat průběh a aktuální stav dokumentu • elektronická (digitální) knihovna – archivační a organizační funkce • vyhledávání (fultextové, pomocí klíčových slov, pomocí kategorií; různé způsoby zobrazování výsledků) 2012
39
Příklady redakčních systémů • Platforma – php: Joomla, Drupal, WordPress – .net: Kentico, mojoPortal, Orchad, DotNetNuke
• Funkcionalita – Administrativní rozhraní – Správa uživatelů, dokumentů – Definice webu a stránek pomocí šablon – Webové komponenty: diskuze, blogy, e-shop, galerie, … – Propojení na sociální sítě 2012
Webové aplikace v CK a CA
40
• Ukázka prostředí alfresco, mojoPortal, Kentico
2012
Webové aplikace v CK a CA
41