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 – (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…

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

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

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

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

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

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”

© Tim O'ReillyTim O'Reilly

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

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

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, …

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

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

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.

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?

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

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

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…