Apropament pràctic a les noves eines d'internet. Web 2.0

Embed Size (px)

DESCRIPTION

Presentacions de la UdL d'Estiu 2009. Apropament pràctic a les noves eines d'internet. Web 2.0

Text of Apropament pràctic a les noves eines d'internet. Web 2.0

  • 1. Apropament prctic a les noves eines d'Internet. Web 2.0 Xavier Noguero David Manjon Estiu 2009 Universitat de Lleida
  • 2. ndex Introducci Comunicaci Organitzaci personal Oficina Blocs, wikis i variants Multimdia: Fotografia Multimdia: udio Multimdia: Vdeo Sindicaci Cerca d'informaci Xarxes socials Mashups
  • 3. Introducci: conceptes i tecnologies Apropament prctic a les noves eines d'Internet. Web 2.0 David Manjon Estiu 2009 Universitat de Lleida
  • 4. Introducci: Conceptes i tecnologies Origen del terme. Evoluci. Canvi de Filosofia. Tecnologia. Web 3.0?
  • 5. Introducci: Origen del terme El terme Web 2.0 va ser creat per Dale Dougherty de O'Reilly Media en una pluja d'idees amb Craig Cline de MediaLive per desenvolupar idees per una conferncia. Dougherty va suggerir que la web estava en renaixement amb regles que canviaven i models de negoci que evolucionaven. Octubre 2004 Font: http://es.wikipedia.org/wiki/Web_2.0
  • 6. Introducci: Evoluci La denominaci 2.0 marca que hi ha alguna cosa anterior, hi ha un 1.0. Com evolucionem de 1.0 a 2.0?: Canvi filosfic: de Mi a Tu. Tu Canvi tecnolgic: tecnologies que permeten dur a terme el canvi de filosofia. Canvi social: milions d'usuaris disposats a crear i no solament consumir.
  • 7. Introducci: Evoluci Font: http://blog.aysoon.com/le-web20-illustre-en-une-seule-image
  • 8. Introducci: Evoluci, exemples Web 1.0 Web 2.0 Enciclopdia Britnica Wikipedia Pgines web personals Blocs personals
  • 9. Introducci: Canvi de filosofia La web 2.0 permet als usuaris participar d'una forma ms activa i immediata, deixa que siguin els propis usuaris (internautes) els que subministren, trien i consumeixen els continguts. En el model anterior 1.0 l'internauta era, bsicament, un receptor passiu. Font: PC Actual, n. 197, Web 2.0: participa, distribuye, disfruta
  • 10. Introducci: Canvi de filosofia Font: http://webilus.com/illustration/web20-une-personne-nest-plus-quun-simple-consommateur
  • 11. Introducci: Canvi de filosofia La web 2.0 serveix de plataforma per crear un sistema de xarxes socials d'informaci i convertir a l'usuari en el protagonista. La xarxa esdev participativa i es democratitza grcies a les noves eines que propicien un canvi de rutines i actitud en milions d'usuaris. Font: PC Actual, n. 197, Web 2.0: participa, distribuye, disfruta
  • 12. Introducci: Premisses 2.0 Una web 2.0 ha de funcionar com un espai obert on es pugui afegir i treure informaci fcilment. Els usuaris controlen la informaci. Aprofitar la intelligncia collectiva. Millor si est basat nicament en la web.
  • 13. Introducci: Tecnologia Bases tecnolgiques: Permeten crear les noves eines per als usuaris. Eines pels usuaris: Permeten als usuaris crear, valorar i consumir continguts.
  • 14. Tecnologia: Bases tecnolgiques XML, Ajax, XHTML, CCS, etc. A partir d'aquestes es creen eines que permeten: Immediatesa. Separar el contingut del format. Compartir. Classificar.
  • 15. Tecnologia: Eines pels usuaris Etiquetes i nvols d'etiquetes. Feeds: RSS o Atom. Modularitat, widgets. Aplicacions RIA (aplicacions enriquides per Internet). Identificador nic i invariable dels elements.
  • 16. Tecnologia: Etiquetes (tags) Les etiquetes ens permeten categoritzar els elements. Exemple: Tenim una foto de los nostres vacances. A aquesta foto li podem associar l'etiqueta: platja, ja que en la foto es veu una platja. Podem assignar ms d'una etiqueta a un element. A la foto anterior li podem afegir etiquetes com: agost, hotel, sopar... depenent del que surti en la foto o del nostre criteri a l'hora d'etiquetar.
  • 17. Tecnologia: Etiquetes (tags) Utilitzarem les etiquetes per classificar els nostres elements i fer cerques per etiquetes. Seguint l'exemple si etiquetem totes les nostres fotos podem fer una cerca i trobar totes les fotos on apareix la platja o totes les fotos d'agost. Podrem cercar per una o varies etiquetes o demanar que no hi sigui una determinada etiqueta. Si compartim informaci podem utilitzar les etiquetes per unir la nostra informaci amb la de ms gent.
  • 18. Tecnologia: Nvol d'etiquetes Un nvol d'etiquetes s una representaci visual de les etiquetes. Com ms utilitzada s una etiqueta ms gran s el tipus de lletra amb que est representada. Exemple:
  • 19. Tecnologia: Feeds La paraula feed s un anglicisme que es refereix a un tipus de dades utilitzat per subministrar informaci que s'actualitza amb freqncia. Formats: RSS o Atom, basats en XML. Els feeds solen ser titulars de notcies, articles... Cada dia hi ha ms mitjans que utilitzen aquest sistema. Font: http://es.wikipedia.org/wiki/Feed
  • 20. Tecnologia: Feeds: exemple Web RSS
  • 21. Tecnologia: Modularitat, widgets Sn petites aplicacions o programes que ens poden donar informaci provinent d'altres pgines web. Exemple: Integrem en el nostre bloc personal una petita aplicaci que ens ofereix el temps que fa a la nostra ciutat.
  • 22. Tecnologia: RIA Rich Internet Applications (Aplicacions Enriquides (potenciades) per Internet): Aquest terme fa referncia a les aplicacions web que s'executen des del nostre navegador sense necessitat de ser descarregades o installades a l'ordinador. Dins de la web 2.0 les capacitats d'aquestes aplicacions arriben a igualar a les aplicacions tradicionals d'escriptori. Exemple: Correu web de Gmail.
  • 23. Tecnologia: Identificador nic i invariable Ms que una tecnologia es tracta d'una premissa. Els nostres objectes (fotos, vdeos, articles...) s'han de poder enllaar directament amb una adrea nica i estable en el temps. Aix ens permet enviar o publicar aquest enllaos. Exemple: Hem llegit una notcia en un diari electrnic i la volem enviar a un amic, necessitem poder enviar la notcia en concret, no un enlla a la plana principal del diari i que ell cerqui la notcia.
  • 24. Introducci: Web 3.0 ? Web Semntica Agents intelligents Web 3D Mltiples formes de connexi Geolocalitzaci ?