Web 2.0

Z MiS
(Rozdíly mezi verzemi)
Přejít na: navigace, hledání
(Blog: Oprava - zrušen odkaz na martinsimunek, který nechtěně vznikl!)
(Poznámky o cloudu přidány ke stránce o Cloud-u, nastavení Joomly osamostatněno.)
 
(Nejsou zobrazeny 2 mezilehlé verze od 1 uživatele.)
Řádka 3: Řádka 3:
  
 
== Charakteristika ==
 
== Charakteristika ==
* Uživatelé se stávají i autory.
+
* Uživatelé webu se stávají i autory.
** Zatímco v klasickém webu tvořil stránky zkušený vývojář a milióny lidí si je četli, u Webu 2.0 píší příspěvky běžní uživatelé.
+
* Provozovatel webu pouze vytvoří rámec, obsah (částečně nebo úplně) dodávají uživatelé sami.
* Příklady aplikací
+
* 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'').
** wikipedia
+
; Příklady aplikací
** sociální sítě (Facebook)
+
* [http://www.wikipedia.org Wikipedia.org]
** sdílení fotek, videí (YouTube)
+
* sociální sítě (Facebook, LinkedIn,...)
* many-to-many
+
* sdílení fotek, videí (YouTube,...)
** na rozdíl od klasického one-to-many
+
** Provozovatel pouze vytvoří rámcovou aplikaci, obsah dodávají uživatelé sami.
+
* Zaplavení webu „balastem“.
+
** Problémy s vyhledáváním.
+
  
== Rizika ==
+
== Rizika, problémy ==
Motto: „Internet je jako peklo: co jednou uchvátí, již nikdy nevrátí...“
+
<div class="Motto">Motto: „Internet je jako peklo: co jednou uchvátí, již nikdy nevrátí...“ ;)</div>
* Trvanlivost informací na webu.
+
* Zaplavení webu „balastem“.
** Stažení obrázků, cache vyhledávačů, archivační servery,...
+
* Problémy s vyhledáváním.
* Šíření trojských koní.
+
* Svádí k publikování citlivých informací.
** Pozvánky na podivné aplikace na Facebooku, o kterých jejich odesilatelé vůbec neví.
+
** Trvanlivost informací na webu (stažení a re-publikování obrázků jinými uživateli, cache vyhledávačů, archivační servery,...)
*** ForYou!!!
+
* Šíření škodlivého software.
* Aneb:
+
** Pozvánky na podivné aplikace na Facebooku, o kterých jejich odesilatelé vůbec neví. (Příklad: aplikace ''ForYou!!!'')
** Jste si jistí, že fotky se vám lechtivé fotky z víkendové pařby nevrátí v bulváru, až budete za 20 let kandidovat na prezidenta???
+
** Z Computeru: Chlubíte se na blogu, jak jste si zabezpečili dům pomocí zabezpečovacího systému? Chválíte na Facebooku řecké pláže, kde budete dalších 14 dní? Zloději, vítej k nám domů... ;)
+
** Údajně ze života: Vyhazov ze zaměstnání za to, že byl zaměstnanec oficiálně nemocný, ale na Facebooku se chlubil, jak si užívá tenis s kamarády.
+
 
* Mocné vyhledávače a „Velký bratr“.
 
* 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ů.
 +
 +
<div class="Poznamka">Aneb:
 +
* Jste si jistí, že fotky se vám lechtivé fotky z víkendové pařby nevrátí v bulváru, až budete za 20 let kandidovat na prezidenta???
 +
* Z Computeru: Chlubíte se na blogu, jak jste si zabezpečili dům pomocí zabezpečovacího systému? Chválíte na Facebooku řecké pláže, kde budete dalších 14 dní? Zloději, vítej k nám domů... ;)
 +
* Údajně ze života: Vyhazov ze zaměstnání za to, že byl zaměstnanec oficiálně nemocný, ale na Facebooku se chlubil, jak si užívá tenis s kamarády.
 +
</div>
  
 
Viz také [[Netiketa | netiketa a chování v sociálních sítích]]
 
Viz také [[Netiketa | netiketa a chování v sociálních sítích]]
Řádka 33: Řádka 33:
 
* Tag (štítek)
 
* Tag (štítek)
 
** Používáno k třídění obsahu.
 
** Používáno k třídění obsahu.
 +
* [[Cloud Cloud computing]]
 +
** Způsob poskytování prostředků IT, doplňující se s Web 2.0.
  
 
== Snadné vytváření stránek ==
 
== Snadné vytváření stránek ==
Řádka 46: Řádka 48:
 
** e-stranky.cz
 
** e-stranky.cz
  
== Další způsoby publikování informací ==
+
== Způsoby publikování informací ve Web 2.0 ==
  
=== Mailové konference ===
 
* Někdy také „mailové diskusní fórum“
 
* Mailman
 
** pouze na Linuxovém stroji???
 
* pandora.idnes.cz <http://pandora.idnes.cz/>
 
** server, kde si můžete zřídit vlastní konferenci
 
=== 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
 
** Složitější uspořádání hlavní strany.
 
* Příklady
 
** WordPress
 
** Joomla
 
** Drupal
 
=== Wiki ===
 
* Charakteristika
 
** správce systému
 
** texty tvoří sami návštěvníci stránek
 
*** obvykle po registraci
 
** vytvořený obsah je obvykle opět přístupný všem
 
** delší texty
 
** provazování textů systémem odkazů
 
** design není podstatný, obvykle jedna z několika šablon na výběr
 
* Příklady
 
** Wikipedia
 
*** systém mediawiki
 
* Jak vytvořit?
 
** Wikidot.com
 
** mediawiki.org > Wiki > MediaWiki > Cs <http://www.mediawiki.org/wiki/MediaWiki/cs>
 
 
=== Blog ===
 
=== Blog ===
* Charakteristika
+
; Charakteristika
** jeden autor
+
* jeden autor
*** registrujete si osobní blog
+
* příspěvky řazeny obvykle chronologicky („internetový deníček“)
** delší texty
+
* střední délka textů, doplněné o obrázky,...
* Příklady
+
; Příklady blogů
** Osobní blog
+
* Osobní blog
*** Blog kontrolora blogů... ;)
+
** Blog kontrolora blogů... ;) &mdash; [http://krutomluv.blog.cz/0909/co-vse-lze-spachat-na-blogu krutomluv.blog.cz > Co-vse-lze-spachat-na-blogu]
*** krutomluv.blog.cz > 0909 > Co-vse-lze-spachat-na-blogu <http://krutomluv.blog.cz/0909/co-vse-lze-spachat-na-blogu>
+
 
* Firemní blog
 
* Firemní blog
** blog.vodafone.cz <http://blog.vodafone.cz/>
+
** [http://blog.vodafone.cz/ blog.vodafone.cz]
 
* Publicistika
 
* Publicistika
** neviditelnypes.lidovky.cz <http://neviditelnypes.lidovky.cz/>
+
** [http://neviditelnypes.lidovky.cz/ neviditelnypes.lidovky.cz]
* Odkazy na další
+
* Další
*** cwordpress.cz > Webove-stranky-pouzivajici-wordpress-rs <http://www.cwordpress.cz/webove-stranky-pouzivajici-wordpress-rs>
+
** [http://www.cwordpress.cz/webove-stranky-pouzivajici-wordpress-rs cwordpress.cz > Webove-stranky-pouzivajici-wordpress-rs]
* Jak vytvořit blog?
+
; Jak vytvořit blog? (Nemám vlastní server.)
** Blog.cz <http://www.blog.cz>
+
* [http://www.blog.cz Blog.cz]
** Blogger <http://www.blogger.com>
+
* [http://www.blogger.com Blogger.com]
*** Pod Google.
+
** Pod Google.
*** Až 1 GB prostoru pro obrázky.
+
** Až 1 GB prostoru pro obrázky.
*** Možnost provozu na vlastní doméně.
+
** Možnost provozu na vlastní doméně.
**** Například si můžete zaplatit adresu jako http://www.e-mis.cz a blog bude přístupný pod touto adresou.
+
** [http://www.cwordpress.cz/ CWordPress.cz]
** WordPress
+
; Jak vytvořit blog? (Mám vlastní server.)
*** hosting + nahraný software
+
* WordPress
*** cwordpress.cz <http://www.cwordpress.cz/>
+
** 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
 +
** [[Instalace RS Joomla]], [[Nastavení RS 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 &mdash; založena na systému MediaWiki.
 +
; Jak vytvořit?
 +
* Předpřipravený hosting s hotovým systémem pro wiki: [http://www.wikidot.com Wikidot.com]
 +
* Systém pro nahrání na vlastní hosting: [http://www.mediawiki.org/wiki/MediaWiki/cs MediaWiki.org]
  
 
=== Mikro-blog ===
 
=== Mikro-blog ===
* Charakteristika
+
; Charakteristika
** jeden autor
+
* jeden autor, který píše příspěvky chronologicky (podobné blogu)
** krátké poznámky
+
* omezená délka poznámek (příspěvky typicky omezeny na cca 160 znaků)
*** Příspěvky typicky omezeny na cca 160 znaků
+
* podobně jako v sociální síti „sledujeme“ vybrané uživatele.
* Twitter <http://www.twitter.com>
+
; Příklady
** jako „Status“ z Facebooku
+
* [http://www.twitter.com Twitter]
 +
 
 
=== Diskusní fóra ===
 
=== Diskusní fóra ===
* Charakteristika
+
; Charakteristika
*** Krátké příspěvky jednotlivých autorů.
+
* 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í.
+
* Č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.
+
* 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.
+
* 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í.
+
* Autor příspěvku může být informován na mail, pokud na jeho příspěvek někdo zareaguje odpovědí.
* Uživatelé
+
; Rozdělení uživatelů
** administrátoři
+
* administrátoři
** Registrovaní uživatelé
+
* registrovaní uživatelé
** vlastní skupiny
+
* lze často vytvářet vlastní skupiny
* Struktura
+
; Struktura
** fórum (kategorie)
+
* fórum (kategorie)
** podfórum (fórum)
+
* podfórum (fórum)
** vlákno
+
* vlákno &mdash; téma, o kterém se diskutuje
*** téma, o kterém se diskutuje
+
* příspěvek
** příspěvek
+
; Zabezpečení
* Zabezpečení
+
* Fóra lze zobrazovat jen vybraným uživatelům/skupinám uživatelů.
** Fóra lze zobrazovat jen vybraným uživatelům/skupinám uživatelů.
+
* Přístup do fóra lze zabezpečit heslem.
** Přístup do fóra lze zabezpečit heslem.
+
; Příklady systémů pro tvorbu fóra
 
* phpBB
 
* phpBB
 
** fóra mohou mít podfóra
 
** fóra mohou mít podfóra
Řádka 142: Řádka 139:
 
** fóra mohou nebo nemusí být přístupná veřejnosti
 
** 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
 
** lze nastavit zasílání informací z fóra (příspěvků) na mail
** Změna uživatelského profilu
+
** modul pro [[RSS]] čtečku.
*** Položka Uživatelský panel v horní části okna
+
; Příklady funkčních fór
** Modul pro RSS čtečku
+
* [http://forum.ubuntu.cz/ Forum.Ubuntu.cz]
*** RSS Feed 2.2.4 <http://www.phpbb.com/community/viewtopic.php?t=254606>
+
* [http://www.cestovatel.cz/forum/hledam-spolucestovatele/ Cestovatel.cz > Hledam-spolucestovatele]
*** Další
+
 
**** RSS Syndication mod 1.0.4 <http://www.phpbb.com/phpBB/viewtopic.php?t=349668>
+
**** RSS Content Syndicator 2.0.2 <http://www.phpbb.com/phpBB/viewtopic.php?t=144548>
+
* Příklady
+
** forum.ubuntu.cz <http://forum.ubuntu.cz/>
+
** cestovatel.cz > Forum > Hledam-spolucestovatele <http://www.cestovatel.cz/forum/hledam-spolucestovatele/>
+
 
=== Videokonference ===
 
=== Videokonference ===
* TooMeeting Conference 3.2 <http://toomeeting-conference.en.softonic.com>
+
* [http://toomeeting-conference.en.softonic.com TooMeeting Conference 3.2]
** ale placené s 10-denní trial verzí
+
** Placené, s 10-denní trial verzí.
 +
 
 
=== Sociální sítě ===
 
=== Sociální sítě ===
* Charakteristika
+
; Charakteristika
** Vytváříte vazby mezi svou stránkou a stránkami svých přátel/známých.
+
* Vytváříte vazby mezi svou stránkou a stránkami svých přátel/známých.
** Sdílení fotek, poznámek,...
+
* 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
 
* Zaměřené na profesionální prezentaci
** LinkedIn <http://www.linkedin.com>
+
** [http://cz.linkedin.com LinkedIn]
 
*** Stručné profesně orientované informace.
 
*** Stručné profesně orientované informace.
*** Vlastně životopis na webu, ale provázaný s ostatními uživateli, možnost vyhledávat, doporučovat.
+
*** Vlastně životopis na webu, ale provázaný s ostatními uživateli, možnost vyhledávat, doporučovat zaměstnance,...
*** Skutečné údaje (?)
+
*** Vyžadují se skutečné údaje &mdash; navazováním kontaktů potvrzujete životopis dotyčného.
 
*** Možnost využití personálními agenturami.
 
*** Možnost využití personálními agenturami.
 
* Zaměřené na zábavu
 
* Zaměřené na zábavu
** Facebook <http://www.facebook.com>
+
** [http://www.facebook.com Facebook]
** Líbím se Ti <http://libimseti.cz/>
+
** [http://libimseti.cz/ 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
 +
* [http://pandora.idnes.cz/ Pandora.iDnes.cz]
 +
** server, kde si můžete zřídit vlastní konferenci
  
 
== Další služby ==
 
== Další služby ==
 +
 
=== Webové disky ===
 
=== Webové disky ===
 
* Charakteristika
 
* Charakteristika
Řádka 189: Řádka 196:
 
** Synchronizační klient pro Windows, Linux i Mac OS X
 
** Synchronizační klient pro Windows, Linux i Mac OS X
 
** Jen 2 GB prostoru, omezení 350 MB na soubor.
 
** Jen 2 GB prostoru, omezení 350 MB na soubor.
 +
 
===  Publikování videa ===
 
===  Publikování videa ===
 
* YouTube <http://www.youtube.com>
 
* YouTube <http://www.youtube.com>
Řádka 202: Řádka 210:
 
** Česká služba
 
** Česká služba
 
** I pořady TV Prima.
 
** I pořady TV Prima.
 +
 
=== Publikování fotek ===
 
=== Publikování fotek ===
 
* Flickr <http://www.flickr.com>
 
* Flickr <http://www.flickr.com>
Řádka 214: Řádka 223:
 
* Rajče.net <http://www.rajce.net>
 
* Rajče.net <http://www.rajce.net>
 
** Bez omezení, není webový editor.
 
** Bez omezení, není webový editor.
 +
 
=== Virtuální desktop ===
 
=== Virtuální desktop ===
 
* OpenOffice Web Apps <../wrd/alternat.mm>
 
* OpenOffice Web Apps <../wrd/alternat.mm>
 +
 
=== Jednoúčelové systémy ===
 
=== Jednoúčelové systémy ===
 
* TinyMCE
 
* TinyMCE
 
** PHP skripty
 
** PHP skripty
 
** umožňují psát stránky „jako ve Wordu“
 
** umožňují psát stránky „jako ve Wordu“
* Doodle <http://www.doodle.com>
+
* [http://www.doodle.com Doodle]
 
** hlasování na webu
 
** 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 ==
 
== Zdroje ==
 
* Computer 11/09
 
* Computer 11/09

Aktuální verze z 4. 11. 2013, 15:42

Nadřazené stránky: CRI

Obsah

Charakteristika

Příklady aplikací

Rizika, problémy

Motto: „Internet je jako peklo: co jednou uchvátí, již nikdy nevrátí...“ ;)
Aneb:
  • Jste si jistí, že fotky se vám lechtivé fotky z víkendové pařby nevrátí v bulváru, až budete za 20 let kandidovat na prezidenta???
  • Z Computeru: Chlubíte se na blogu, jak jste si zabezpečili dům pomocí zabezpečovacího systému? Chválíte na Facebooku řecké pláže, kde budete dalších 14 dní? Zloději, vítej k nám domů... ;)
  • Údajně ze života: Vyhazov ze zaměstnání za to, že byl zaměstnanec oficiálně nemocný, ale na Facebooku se chlubil, jak si užívá tenis s kamarády.

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

Související pojmy

Snadné vytváření stránek

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

Blog

Charakteristika
Příklady blogů
Jak vytvořit blog? (Nemám vlastní server.)
Jak vytvořit blog? (Mám vlastní server.)

Redakční systém

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

Wiki

Charakteristika
Příklady
Jak vytvořit?

Mikro-blog

Charakteristika
Příklady

Diskusní fóra

Charakteristika
Rozdělení uživatelů
Struktura
Zabezpečení
Příklady systémů pro tvorbu fóra
Příklady funkčních fór

Videokonference

Sociální sítě

Charakteristika
Příklady

Mailové konference

Příklady

Další služby

Webové disky

Publikování videa

Publikování fotek

Virtuální desktop

Jednoúčelové systémy

Zdroje

Osobní nástroje
Jmenné prostory
Varianty
Akce
Výuka
Navigace
Nástroje