Web 2.0

Nadřazené stránky: CRI

Obsah 1 Charakteristika 2 Rizika, problémy 3 Související pojmy 4 Snadné vytváření stránek 5 Způsoby publikování informací ve Web 2.0 5.1 Blog 5.2 Redakční systém 5.3 Wiki 5.4 Mikro-blog 5.5 Diskusní fóra 5.6 Videokonference 5.7 Sociální sítě 5.8 Mailové konference 6 Další služby 6.1 Webové disky 6.2 Publikování videa 6.3 Publikování fotek 6.4 Virtuální desktop 6.5 Jednoúčelové systémy 7 Cloud computing 8 Praktická úloha: Instalace RS Joomla 9 Zdroje

Charakteristika

• Uživatelé webu se stávají i autory.
• Provozovatel webu pouze vytvoří rámec, obsah (částečně nebo úplně) dodávají uživatelé sami.
• Zatímco v devadesátých letech tvořil webové stránky zkušený vývojář (přístup one-to-many) a milióny lidí si je četli, u Webu 2.0 píší příspěvky běžní uživatelé (přístup many-to-many).

Příklady aplikací

• Wikipedia.org
• sociální sítě (Facebook, LinkedIn,...)
• sdílení fotek, videí (YouTube,...)

Rizika, problémy

• Zaplavení webu „balastem“.
• Problémy s vyhledáváním.
• Svádí k publikování citlivých informací.
  • Trvanlivost informací na webu (stažení a re-publikování obrázků jinými uživateli, cache vyhledávačů, archivační servery,...)
• Šíření škodlivého software.
  • Pozvánky na podivné aplikace na Facebooku, o kterých jejich odesilatelé vůbec neví. (Příklad: aplikace ForYou!!!)
• Mocné vyhledávače a „Velký bratr“.
  • Omezení soukromý, agregace informací z mnoha serverů může vést k odhalení citlivých osobních údajů.

Viz také netiketa a chování v sociálních sítích

Související pojmy

• Tag (štítek)
  • Používáno k třídění obsahu.

Snadné vytváření stránek

• Osobní stránky
  • flavors.me
    • jednoduché šablony osobních stránek
    • možnost provázání se sociálními sítěmi
  • about.me
    • jednoduché šablony osobních stránek
    • možnost provázání se sociálními sítěmi
• Obecnější stránky
  • redakční systémy
  • e-stranky.cz

Způsoby publikování informací ve Web 2.0

Blog

Charakteristika

• jeden autor
• příspěvky řazeny obvykle chronologicky („internetový deníček“)
• střední délka textů, doplněné o obrázky,...

Příklady blogů

• Osobní blog
  • Blog kontrolora blogů... ;) — krutomluv.blog.cz > Co-vse-lze-spachat-na-blogu
• Firemní blog
  • blog.vodafone.cz
• Publicistika
  • neviditelnypes.lidovky.cz
• Další
  • cwordpress.cz > Webove-stranky-pouzivajici-wordpress-rs

Jak vytvořit blog? (Nemám vlastní server.)

• Blog.cz
• Blogger.com
  • Pod Google.
  • Až 1 GB prostoru pro obrázky.
  • Možnost provozu na vlastní doméně.
  • CWordPress.cz

Jak vytvořit blog? (Mám vlastní server.)

• WordPress
  • Stažení systému WordPress + nahrání na vlastní hosting.

Redakční systém

Charakteristika

• Střední délka příspěvku, doplněny obrázky,...
• Omezená skupina autorů, různé úrovně oprávnění
  • správce
  • redaktor
  • registrovaný čtenář
  • veřejnost
• Možnost veřejné diskuse pod článkem
• Osobitý design úvodní strany, vlastní styl vzhledu webu.
• Často složitější uspořádání hlavní strany než u blogu.

Příklady redakčních systémů

• WordPress
• Joomla
• Drupal

Wiki

Charakteristika

• správce systému
• texty tvoří sami návštěvníci stránek (obvykle po registraci, identita pisatele zde ale není obvykle klíčová)
• vytvořený obsah je obvykle opět přístupný všem
• určeno především pro delší texty
• provazování textů systémem odkazů
• design není podstatný, obvykle jedna z několika šablon na výběr

Příklady

• Wikipedia — založena na systému MediaWiki.

Jak vytvořit?

• Předpřipravený hosting s hotovým systémem pro wiki: Wikidot.com
• Systém pro nahrání na vlastní hosting: MediaWiki.org

Mikro-blog

Charakteristika

• jeden autor, který píše příspěvky chronologicky (podobné blogu)
• omezená délka poznámek (příspěvky typicky omezeny na cca 160 znaků)
• podobně jako v sociální síti „sledujeme“ vybrané uživatele.

Příklady

• Twitter

Diskusní fóra

Charakteristika

• Krátké příspěvky jednotlivých autorů.
• Často může být náplní příspěvku prosba o pomoc s nějakým problémem, ostatní přispěvatelé v odpovědi na příspěvek navrhují řešení.
• Příspěvky jsou organizovány do vláken (thread), vlákno začíná příspěvkem (často dotazem) a následují odpovědi na daný příspěvek/dotaz.
• Velké množství autorů, většinou se vyžaduje registrace.
• Autor příspěvku může být informován na mail, pokud na jeho příspěvek někdo zareaguje odpovědí.

Rozdělení uživatelů

• administrátoři
• registrovaní uživatelé
• lze často vytvářet vlastní skupiny

Struktura

• fórum (kategorie)
• podfórum (fórum)
• vlákno — téma, o kterém se diskutuje
• příspěvek

Zabezpečení

• Fóra lze zobrazovat jen vybraným uživatelům/skupinám uživatelů.
• Přístup do fóra lze zabezpečit heslem.

Příklady systémů pro tvorbu fóra

• phpBB
  • fóra mohou mít podfóra
    • při vytvoření fóra se rozhodneme, jestli vytváříme fórum, nebo kategorii fór
  • fóra mohou nebo nemusí být přístupná veřejnosti
  • lze nastavit zasílání informací z fóra (příspěvků) na mail
  • modul pro RSS čtečku.

Příklady funkčních fór

• Forum.Ubuntu.cz
• Cestovatel.cz > Hledam-spolucestovatele

Videokonference

• TooMeeting Conference 3.2
  • Placené, s 10-denní trial verzí.

Sociální sítě

Charakteristika

• Vytváříte vazby mezi svou stránkou a stránkami svých přátel/známých.
• Sdílení fotek, poznámek,...
• Sdílení jen vybraným uživatelům.
• Integrace sdílení multimédií, textů, on-line komunikace (chat),...

Příklady

• Zaměřené na profesionální prezentaci
  • LinkedIn
    • Stručné profesně orientované informace.
    • Vlastně životopis na webu, ale provázaný s ostatními uživateli, možnost vyhledávat, doporučovat zaměstnance,...
    • Vyžadují se skutečné údaje — navazováním kontaktů potvrzujete životopis dotyčného.
    • Možnost využití personálními agenturami.
• Zaměřené na zábavu
  • Facebook
  • Líbím se Ti
  • ...

Mailové konference

• Někdy také „mailové diskusní fórum“.
• Zmiňujeme spíše jako předchůdce diskusních fór.
• Vlastně ani nepatří do Webu 2.0, mailové konference byly moderní v 70. a 80. letech, v 90. letech spíše doznívaly a dnes už se používají spíše pro specifické účely.

Příklady

• Mailman
• Pandora.iDnes.cz
  • server, kde si můžete zřídit vlastní konferenci

Další služby

Webové disky

• Charakteristika
  • Ukládáme si soubory.
  • Neohrozí nás havárie počítače.
  • Můžeme k souborům přistupovat z různých systémů.
  • Zabezpečení šifrováním dat.
• Humyo <http://www.humyo.cz>
  • 5 GB pro multimédia
  • 5 GB pro data
  • editor fotografií
  • textový procesor Zoho
• Mesh <http://www.mesh.com>
  • Od Microsoftu.
  • Limit 5 GB.
  • Možnost synchronizace webových složek se složkou na počítači.
  • Možnost sdílení souborů s dalšími uživateli.
• Dropbox <http://www.getdropbox.com>
  • Synchronizační klient pro Windows, Linux i Mac OS X
  • Jen 2 GB prostoru, omezení 350 MB na soubor.

Publikování videa

• YouTube <http://www.youtube.com>
  • Omezení 1 GB a 10 minut.
  • Obrovský objem nových klipů.
• Viddler <http://www.viddler.com>
  • Lze vkládat komentáře do časové osy videa.
  • Limit na 500 MB.
• Vimeo <http://www.vimeo.com>
  • Týdně jedno video s 500 MB.
  • Placená verze za 60 USD, limit 5 GB za týden.
• Stream.cz <http://www.stream.cz>
  • Česká služba
  • I pořady TV Prima.

Publikování fotek

• Flickr <http://www.flickr.com>
  • Součást Yahoo od roku 2004.
  • I video.
  • On-line editor.
  • Lze omezit přístup k fotografiím.
• Google Picasa Wb Albums <http://picasa.google.com>
  • Nutno instalovat klienta Picasa.
  • Možnost katalogizovat podle tváří vyfocených lidí.
  • Omezení na 1 GB fotografií.
• Rajče.net <http://www.rajce.net>
  • Bez omezení, není webový editor.

Virtuální desktop

• OpenOffice Web Apps <../wrd/alternat.mm>

Jednoúčelové systémy

• TinyMCE
  • PHP skripty
  • umožňují psát stránky „jako ve Wordu“
• Doodle <http://www.doodle.com>
  • hlasování na webu

Cloud computing

• Zdroje
  • itbiz.cz > Cloud-computing-v-praxi-cloud-a-bezpecnost-2 <http://www.itbiz.cz/cloud-computing-v-praxi-cloud-a-bezpecnost-2>
• Přesun úloh desktopových aplikací na webové servery.
• Například webové editory fotografií či textové procesory.
• Přichází ve stejné době jako Web 2.0, vhodně ho doplňuje.
• Příklady
  • Editor obrázků CellSea
    • cellsea.com > Media > Index <http://www.cellsea.com/media/index.htm>
  • kreslení UML diagramů
    • websequencediagrams.com <http://websequencediagrams.com%20>

Praktická úloha: Instalace RS Joomla

• na hosting Endora.cz
• Postup instalace
  • Přihlásit do administrace
  • ikonka Aplikace u domény
  • Instalace češtiny
    • joomlacode.org > Gf > Project > Jtranslation > Frs <http://joomlacode.org/gf/project/jtranslation/frs>
      • Stáhnout ZIP
    • Extensions-> Install
      • vybrat ZIP
    • Site-> Control Panel-> Language Manager
      • vybrat
• Úprava
  • Přidání ankety
    • Content-> Polls
      • Vytvořte anketu
    • Menus-> Main menu
      • Povolit položku Poll
  • Položky v hlavním menu
  • První článek
    • Content-> Article Manager
    • Ostatní články zakažte zobrazovat
  • Změna šablony
    • webaid.cz > Webove-sablony-zdarma > 111 > Joomla-sablony-zdarma <http://webaid.cz/webove-sablony-zdarma/111/joomla-sablony-zdarma>
      • stáhnout
    • Rozšíření-> Instalovat
      • vybrat soubor, nahrát
    • Rozšíření-> Správce šablon
      • zvolit šablonu jako default
  • Nadpis stránek
    • Uživatelská část-> Globální nastavení

Zdroje

• Computer 11/09