konzultační hodiny: úterý od 9:45 - 11:15
(předem napsat email o konkrétním problému, který chcete konzultovat)
1. přednáška – Internet, základní pojmy, webové služby, jazyk HTML, (20.09.2011) 2. přednáška – HTML(editory pro úpravu HTML ), WEB 1.0, WEB 2.0 3. přednáška - WEB 1.0, WEB 2.0 , WEB 3.0, vyhledávání, SEO,SEM 4. přednáška - GIMP –teoretický úvod, barvy, rozlišení atd. 5. přednáška - internet v cestovním ruchu, aplikace pro CR, trendy 6. přednáška - využití výpočetní a komunikační techniky v cestovním ruchu 7. přednáška – CRS, GDS
WEB 1.0 Pojetí webu jako prostoru pro vyhledávání a čtení informací pomocí hypertextu Vlastník obsahu je většinou také autor Minimální míra interakce (webové formuláře, nákupní košík)
WEB 2.0 Nejedná se o specifikaci, či standart Pokrývá řadu myšlenek a vizí, které umožňují nové využití služeb na internetu Nové technologie: Změna orientace webové stránky z izolovaného poskytovatele informací na informační zdroj propojující funkcionalitu a tvorbu informací Sociální fenomén- tvorba a distribuce webového obsahu je dostupná komukoliv, otevřená komunikace, decentralizace autorit, sdílení a znovu využití informací Lépe organizovaný a setříděný obsah
Zdroj: http://www.lupa.cz/clanky/web-2-0-bublina-nebo-novy-smer-webu/
Tagging a folksonomy (třídění a popisování informací dle významu, přímo uživateli) Sociální vztahy a blogy (příslušnost ke skupinách, kolektivní vytváření obsahů) Mashup (kombinací existujících obsahů a služeb je možno vytvořit zcela nový zdroj informací) RSS (syndikace obsahu) Long tail (hodně malých zdrojů je může vytvořit rozsáhlý zdroj informací) Webové služby
www.meebo.com www.flickr.com www.facebook.com www.maps.google.com www.youtube.com www.del.icio.us
WEB 2.0 + sémantický web = WEB 3.0 WEB 3.0 = 4C +P + VS (content, commerce, context, community, personalization, vertical search) WEB 4.0 – myšlenky inteligentního webu, koncept WEB OS
Kombinace a pochopení dat je při dnešním stavu webu poměrně snadné pro člověka ◦ Odvození z částečných informací ◦ Vytvoření asociací mezi informacemi ◦ Využití senzorických vjemů
Pro počítač(stroj) se jedná o shluk dat ve formě webových stránek a to bez hlubší možnosti práce s daty ◦ Částeční informace jsou nepoužitelné ◦ Neumí zachytit smysl informace ◦ Obtížná kombinace informací z různých zdrojů
Sémantika – nauka o významu jednotlivých slov, (séma = význam) Aplikace sémantického webu Znalostní databáze (zachycení podstaty znalostí) Pojmové vyhledávání informací (odvozování, doplňování informací) Zpracování přirozeného jazyka Elektronické obchodování Sdílení a integrace znalostí http://www.google.org/flutrends/intl/cs/
Nástroj nabízející služby pro vyhledání informací na základě požadavku od uživatele Dělení dle architektury: ◦ Centralizované – seznam, google ◦ Decentralizované – Gnutella, FreeNet ◦ Hybridní – Napster, BitTorrent
Podle obsahu a služeb ◦ Katalogové (firmy.cz, seznam.cz) ◦ Fulltextové (google.cz, seznam.cz)
Katalogové ◦ Stromová struktura odkazů ◦ Manuální údržba ◦ Propojení s fulltextem
Fulltextové ◦ Rozsáhlá databáze informací (index) ◦ Automatická údržba
Typy dotazů ◦ Navigační (přístup na stránku) ◦ Informační (získání konkrétní informace) ◦ Transakční (informace pro následnou akci…)
Technika pro vyhledávání je založena na zkoumání každého slova ve zdrojových datech Sběr dat – robot, spider, crawler Uložení dat do databáze (index) Dotazování
Zdroj: http://eprints.rclis.org/archive/00007606/01/Internet_Search_Engines.pdf
Indexuje cca 2mil. stránek za den Přeindexování nejhůře 1x za 2 měsíce Ignoruje meta tagy 200 000 screenshotů za den 200 dotazů za 1sekundu zpracování výsledku cca 250ms
Velikost indexu a aktualizace indexu Formáty dokumentů Dynamicky generované stránky Index spamming (oklamání relevance stránek, křížové odkazy, neviditelný text, etický problém, penalizace) Zpracování přirozeného jazyka (význam slov a obsah stránky) Interakce uživatelů a vyhledávače (lidé často nemají jasnou představu co hledají) Ověřování informací (vybrání té správné)
Inteligentní zpracování a tvorba dotazů Selekce zdrojů pro dotazování Personalizace Integrace vyhledávačů Sémantika ◦ z pohledu tvorby obsahu, indexu ◦ z pohledu tvorby dotazu
SEO (Search Engine Optimization, optimalizace pro vyhledávače) je metodika vytváření a upravování webových stránek takovým způsobem, aby jejich forma a obsah byly vhodné pro automatizované zpracování v internetových vyhledávačích. Cílem pak je získat ve výsledku hledání ve vyhledávačích pro danou webovou stránku vyšší pozici, která odpovídá obsahu a tím četnější a zároveň cílené návštěvníky. SEM (Search engine marketing) Jedná se o marketingový nástroj, další forma on-line reklamy, zaměřený na propagaci a zvyšování viditelnosti a známosti webu, tedy navyšování návštěvnosti placenou formou.
http://marketing.blogs.ie.edu/archives/mdac%20sem.gif
PageRank algoritmus pro ohodnocení důležitosti webových stránek Algoritmus využívá strukturu hypertextových odkazů jako vzájemné “doporučování” stránek, ne nepodobné hodnocení vědeckých prací podle počtu citací. Na rozdíl od sledování počtu citací ale dovádí tento princip ještě dál: hodnocení stránky se nepočítá z prostého počtu odkazů, které na ni vedou, ale bere se v úvahu i hodnocení odkazujících stránek.
Etické metody ◦ Kvalitní a unikátní obsah ◦ Používání (X)HTML značek (tagů) podle normových předpisů ◦ Používání titulku, nadpisů a popisů (title, h1, alt) ◦ Krátká a neměnná URL adresa ◦ Budování zpětných odkazů ◦ Správné používání souboru robots.txt ◦ Používání description, keywords
Neetické metody: ◦ Spam ◦ Oklamání robotů ◦ Skrytý text
1. 2. 3. 4.
Druhy reklamních systémů
výměnné bannerové systémy (veřejné) agenturní systémy (otevřené jen pro velké a středně velké servery) soukromé nebo firemní systémy (na velkých serverech) systémy pro vyhledávače (Google AdWords)
Modely placení za webové reklamy jsou tyto: PPV = pay per view, platba za zobrazení Flat rate = paušální platba za čas a pozici PPC = pay per click, platba za proklik PPS = pay per sale, platba za prodej, PPA = pay per action, platba za nějakou akci
Příklad SEM kampaně: Dejme tomu, že prodávám zájezdy do Chorvatska. 1. Předpoklady:
◦ musím mít hotový web, na který chci dostat lidi, aby si zájezdy koupili ◦ musím mít peníze na kampaň
2.
Postup:
◦ Nakoupím si klíčová slova související s Chorvatskem v reklamním systému Google AdWords. Můj odkaz se bude objevovat v pravém sloupci výsledků vyhledávání na Google, když bude nějaký uživatel hledat nějaké mé slovo nebo sousloví. ◦ Zároveň si tatáž slova zadám v systému Sklik na Seznam. ◦ Zvážím, zda se mi vyplatí nakoupit sponzorovaný odkaz na Seznamu na slovo Chorvatsko. ◦ Podle oboru (např. cestování) zkusím najít jiné partnerské weby, které mi umožní mít u nich reklamu, která se mi vyplatí.
Vyplatí se mi to? Jak kdy. Ale dá se to vždy přesně spočítat. Vtip je v tom, že náklady na kliknutí jsou malé a potenciální zisk je velký. Ne všichni lidé, kteří si na moje stránky kliknou, něco nakoupí. Reklamní systémy dokážou změřit, jestli si zákazník, který přišel z vyhledávače, něco koupil. Dokáží i spočítat útratu. Vstupy výpočtu: Dejme tomu, že si zájezd objedná každý padesátý člověk, (2%) který přijde z reklamního odkazu. Za každý reklamní proklik třeba 1 Kč (v AdWords odpovídající suma). Z jednoho prodaného zájezdu mám zisk např. 500 korun. 2% lidí si koupí zájezd -- tomuto číslu se říká míra konverze. (Dobře udělané weby s dobře cílenými kampaněmi dosahují míry konverze v jednotkách procent) Výpočet vypadá takto: Za sto prokliků zaplatím 100 korun. Z těchto sta prokliků přijmu pravděpodobně 2 objednávky, což odpovídá 2x500 Kč = 1000 Kč Když odečtu náklady na kampaň , tak se dostávám k odpovědi: Za 100 prokliků mám čistý zisk 900 Kč. Return On Investment. V tomto příkladu je ROI rovno 900%. Není důležitý být první na Googlu nebo na Seznamu -- důležité je mít vysokou ROI.
Fáze vývoje ◦ ◦ ◦ ◦ ◦ ◦
Plánování Informační architektura Návrh stránek Konstrukce stránek Marketing Sledování, vyhodnocování a údržba
Role (obsahový odborník, redaktor, grafik, technický expert, producent)
Identifikace partnerů, členů, potřeb, cílů. Specifikace finančních, časových potřeb Jaké jsou cíle? (očekávané přínosy) Kdo jsou diváci? (respektování potřeb a
požadavků potenciálních zákazníků, jejich omezení) Kritika návrhu (inspirace u jiných webů)
Inventář obsahu a jeho tvorba (přehled dostupných materiálů k prezentaci)
Specifikační dokument – strukturovaný krátký dokument, definující obsah, rozsah, rozpočet a harmonogram, technické aspekty Další otázky: Jak se bude měřit návštěvnost? Jaké jsou odpovědnosti? Jak se budou hotové stránky aktualizovat? Scope creep – neřízené změny v rozsahu projektu (špatné řízení změn, slabá komunikace mezi aktéry, nejasná specifikace)
Detailní rozbor a návrh obsahu a struktury prezentace Site-map Harmonogram implementace Grafický návrh rozhraní Prototyp stránky
Vytvoření obsahových komponent Texty, úplný grafický návrh, HTML šablony, definice stylu
Dochází ke spojení obsahu, vzhledu a struktury stránek Implementace stránek Testování funkčnosti z pohledu uživatele Korektura textu a vzhledu
podpora zajištění cílů webové prezentace e-mailová kampaň, tiskové zprávy, multimediální reklama URL stránek…atd.
Domovská stránka ◦ ◦ ◦ ◦
Úvodní stránka Úvodní stránka s nabídkou Novinky a události Nabídky a cesty k informacím
Nabídky Seznamy odkazů na jiné stránky Rejstříky a mapy stránek Novinky a aktuality Kontaktní informace, zpětná vazba FAQ Chybové stránky
Tvorba textů s ohledem na ekonomickou efektivitu podané informace – „text, který prodává“ (copy that sells) Vzhled, přístupnost, použitelnost, jsou vlastnosti webových stránek, které nesmí zákazníkovi bránit v nákupu, text a obsah (web copywriting) musí zákazníka k nákupu přesvědčit ◦ ◦ ◦ ◦ ◦
Stylistická a gramatická správnost. Unikátnost a přínos pro čtenáře. Pozitivní nádech. Obsah důležitých informací. Čtivost.
Smyslem bezbariérového webu je to, aby jej mohli používat uživatelé se zdravotním postižením, Měly by být zohledňeny také aktuální schopnosti, dovednosti či technické možnosti uživatelů BFW (Blind Friendly Web) WCAG (Web Content Accessibility Guidelines)
Co jako autor stranky nikdy nevíte:
◦ ◦ ◦ ◦ ◦
Jakého klienta bude mít váš čtenář Jak velká je oblast zobrazující dokument Jaké barevné schéma má uživatel nastaveno Jak velké písmo čtenář používá Má-li povoleno stahování grafiky, multimédií a spouštění skriptů či appletů
Automatické sledování návštěvnosti a přístupu na stránku V dynamickém prostředí internetu není možné ukončit vývoj po zveřejnění stránky Aktualizace obsahu
http://www.youtube.com/v/xj8ZadKgdC0
http://www.youtube.com/v/6gmP4nk0EOE
Přednášky Ing. Michala Radeckého (VŠB-TUO FEI, 2007)
http://www.cs.vsb.cz/katedra/lide-1/contactid_28/michal-radecky.aspx
Wikipedie
www.lupa.cz
http://www.jakpsatweb.cz/reklama/modely.html
Příklady upraveny a převzaty z http://www.jakpsatweb.cz
