WEB 2.0. Amiről szó lesz… Web átalakulóban, a WEB 2.0 –Újszerű weboldalak… –Első a tartalom! –A felhasználók hatalomátvétele?! –A Web mint platform –

Az előadások a következő témára: "WEB 2.0. Amiről szó lesz… Web átalakulóban, a WEB 2.0 –Újszerű weboldalak… –Első a tartalom! –A felhasználók hatalomátvétele?! –A Web mint platform –"— Előadás másolata:

1 WEB 2.0

2 Amiről szó lesz… Web átalakulóban, a WEB 2.0 –Újszerű weboldalak… –Első a tartalom! –A felhasználók hatalomátvétele?! –A Web mint platform – (Google OS?) –Mi az a Web 2.0? Van olyan is, hogy Web 1.0? Web technológiák –Kliens és szerver, HTTP, HTML, CSS –A „régimódi” statikus és a „modern” dinamikus Web építőkövei Web 2.0 technológiák –RSS, AJAX és a többiek…

3 Talán hallottam már erről… Az utóbbi néhány évben sok újfajta weboldal, - pontosabban webes szolgáltatás - jelent meg az Interneten, melyek „valahogy mások”, mint a korábban nem kisebb népszerűségnek örvendő „elődeik”… Wikipedia, Del.icio.us, Google alkalmazások (Mail,Maps,Docs,…) Flickr, Facebook és még sokan mások… talán ismerősek lehetnek

4 Tendenciák Britannica Online  Wikipedia személyes honlapok  blogging weblapok  webes szolgáltatások publikáció  részvétel, hozzájárulás content management sys.  wiki könytárak (taxonomy)  tagging ("folksonomy") bannerek  Google AdSense Ofoto  Flickr mp3.com  BitTorrent, Napster

5 Weboldalak mint alkalmazások Weboldalak gazdag felhasználói felülettel, melyek többet nyújtanak, mint egy elektronikus könyv vagy mint egy számítógépes program - Rich Internet Applications Olyan programokat használhatunk az Interneten, amilyeneket eddig csak saját gépünkön. Szöveget, képet szerkeszthetünk, filmet nézhetünk. Programjaink, adataik mindenhonnan ugyanúgy elérhetőek (függetlenül attól, hogy honnan internetezünk) A Web 2.0 mint platform

6 Részvételi internetezés Passzív látogatókból (olvasókból) aktív résztvevők - komoly értéknövekedés –Közösség - Community –Véleményezés - Ranking –Címkézés - Tagging –Személyes napló irás - Blogging

7 Példa: Címkézés – Tagging a Flickr.com címkéi

8 Nyitottság Nyílt szabványok (w3c.org) betartása = mindenki számára „érthető” tartalmak A felhasználó rendelkezik saját tartalmával - leveheti, máshol is felhasználhatja, mások (vagy más alkalmazások) számára is elérhetővé teheti Syndcication (publikáció egyszerre több helyre) Újfajta szerzői jogok Tartalom függetlenítése a megjelenítés módjától, illetve keletkezési helyétől „No more secret” & „Radical Trust”

9 © Tim O'ReillyTim O'Reilly

10 Web technológiák - Kliens és szerver Szerver Kliens

11 Webes kommunikáció Web Szerver Böngésző (Kliens) HTTP kérés HTTP válasz HTML

12 Webes kommunikáció – Statikus Web Böngésző (Kliens) HTTP kérés HTTP válasz HTML Web Szerver program Fájlrendszer statikus fájlok HTML, JPG, …

13 Webes kommunikáció – Dinamikus Web Böngésző (Kliens) HTTP kérés HTTP válasz HTML Web Szerver program Fájlrendszerben PROGRAM fájlok is: Pl. PHP ADATBÁZIS szerver SQL kérés Válasz: ADATOK

14 Technológiák: RSS Really Simple Syndication (RSS 2.0)

15 Technológiák: AJAX Asynchronous JavaScript and XML Az Ajax nem egy technológia, pontosabban: nem EGY. Több „bevált” technológia együtt: –Szabványos tartalom megjelenítés: XHTML és CSS; –Dinamikus nézet és interaktivitás: Document Object Model; –Adatátvitel és adatkezelés: XML és XSLT; –Aszinkron adatkérés: XMLHttpRequest; –JavaScript, mely mindezeket összekapcsolja.

16 Mire ad megoldást az Ajax? A Web hypertext megjelenítőként verhetetlen, de programok futtatására is kiválóan megfelel? Mit csinál felhasználó, amíg a Webszerver az általa kért oldalt készíti? Kell azt nekünk látni, hogy a böngészőnk éppen mikor kommunikál szerverrel?

17 Mi a különbség? - Modell

18 Mi a különbség? - Kommunikáció

19 Kik használják az AJAX-ot? A gyakorlati (nem „laboratóriumi”) technológiára példa: –Google (Gmail, Google Groups, Google Suggest, Google Maps, Docs, Calendar, …) –Flickr – fotók tárolása, keresése, szerkesztése, megosztása, … –del.icio.us - bookmark –Youtube –Wikipedia –Facebook –És még sokan mások…