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

  • Published on
    25-Dec-2014

  • View
    1.084

  • Download
    7

Embed Size (px)

DESCRIPTION

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

Transcript

<ul><li> 1. Apropament prctic a les noves eines d'Internet. Web 2.0 Xavier Noguero David Manjon Estiu 2009 Universitat de Lleida </li> <li> 2. ndex Introducci Comunicaci Organitzaci personal Oficina Blocs, wikis i variants Multimdia: Fotografia Multimdia: udio Multimdia: Vdeo Sindicaci Cerca d'informaci Xarxes socials Mashups </li> <li> 3. Introducci: conceptes i tecnologies Apropament prctic a les noves eines d'Internet. Web 2.0 David Manjon Estiu 2009 Universitat de Lleida </li> <li> 4. Introducci: Conceptes i tecnologies Origen del terme. Evoluci. Canvi de Filosofia. Tecnologia. Web 3.0? </li> <li> 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 </li> <li> 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. </li> <li> 7. Introducci: Evoluci Font: http://blog.aysoon.com/le-web20-illustre-en-une-seule-image </li> <li> 8. Introducci: Evoluci, exemples Web 1.0 Web 2.0 Enciclopdia Britnica Wikipedia Pgines web personals Blocs personals </li> <li> 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 </li> <li> 10. Introducci: Canvi de filosofia Font: http://webilus.com/illustration/web20-une-personne-nest-plus-quun-simple-consommateur </li> <li> 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 </li> <li> 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. </li> <li> 13. Introducci: Tecnologia Bases tecnolgiques: Permeten crear les noves eines per als usuaris. Eines pels usuaris: Permeten als usuaris crear, valorar i consumir continguts. </li> <li> 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. </li> <li> 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. </li> <li> 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. </li> <li> 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. </li> <li> 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: </li> <li> 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 </li> <li> 20. Tecnologia: Feeds: exemple Web RSS </li> <li> 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. </li> <li> 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. </li> <li> 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. </li> <li> 24. Introducci: Web 3.0 ? Web Semntica Agents intelligents Web 3D Mltiples formes de connexi Geolocalitzaci ? </li> <li> 25. Introducci: Nvol resum </li> <li> 26. Introducci: Per saber ms Web 2.0 (Fundacin Orange): http://www.fundacionorange.es/areas/25_publicaciones/publi _253_11.asp La Web 2.0: La revolucin social de Internet: http://es.youtube.com/watch?v=OwWbvdllHVE Web 2.0 The Machine is Us (en castell): http://es.youtube.com/watch?v=PL-ywltLjzk Mapa visual de la web 2.0: http://internality.com/web20/ </li> <li> 27. Comunicaci Apropament prctic a les noves eines d'Internet. Web 2.0 Xavier Noguero Estiu 2009 Universitat de Lleida </li> <li> 28. Comunicaci El correu electrnic o el xat sn exemples de mecanismes per a comunicar-nos. Les interfcies de les pgines web han millorat fins al punt que imiten a la perfecci les aplicacions clssiques que installem a l'ordinador. Hi molts exemples de serveis de correu web. Alguns dels ms destacats sn: Gmail Yahoo Mail Windows Live Hotmail </li> <li> 29. Qu cal fer per utilitzar-los? Normalment sn gratuts, per amb publicitat. Primer cal fer un registre d'alta, rpid i senzill. Un cop registrats ja tenim un nom d'usuari i una paraula clau que ens identifica com a usuaris del servei. I amb aquestes dades ja en tenim prou per comenar a fer- los servir. </li> <li> 30. Correu electrnic via web amb GMail Cas d'xit: Gmail (www.gmail.com) Pertany a l'empresa Google, tot un monstre del segment Internet d'aquesta dcada. Sorg al 2004, amb unes prestacions que de bon principi competien directament amb la competncia. </li> <li> 31. Perqu escollim Gmail? (I) Caracterstiques de valor afegit: S'ordenen els missatges i es mostren segons el context. Organitzaci de missatges amb etiquetes en substituci de les carpetes tradicionals. Cerca avanada de missatges. Xat per conversar amb usuaris de Google Talk </li> <li> 32. Perqu escollim Gmail? (II) Altres que tamb cal destacar: Filtre de correu brossa (spam) fora aconseguit. Arxivament automtic de les adreces de mail a Contactes. Molt d'espai per arxivar tots els missatges. Internacionalitzaci a ms de 40 idiomes. </li> <li> 33. Perqu escollim Gmail? (III) Altres caracterstiques avanades: Filtres de missatges amb moltes opcions. Reenviament de missatges a d'altres adreces. Compatible amb l'accs IMAP o POP. Permet enviar correus des d'altres adrees de mail nostres i recuperar el correu electrnic d'altres comptes nostres (POP3). </li> <li> 34. Organitzaci personal Apropament prctic a les noves eines d'Internet. Web 2.0 David Manjon Estiu 2009 Universitat de Lleida </li> <li> 35. Organitzaci personal: Caracterstiques Optimitzar el nostre temps. Agenda disponible des de qualsevol lloc. Calendaris compartits. Recordatoris. </li> <li> 36. Organitzaci personal: Google Calendar La nostra agenda personal a la xarxa: Crear, gestionar les nostres tasques. Creaci de mltiples calendaris, segons el propsit: Diversos calendaris personals per organitzar-nos millor. Exemple: un per la feina i un per les vacances. Calendaris compartits. Exemple: calendari de l'agrupaci sardanstica Calendaris pblics per a tothom. </li> <li> 37. Organitzaci personal: Google Calendar Opcions de configuraci: amagar calendaris, triar el color. Diferents vistes du...</li></ul>