Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador...

44
Introducció a la Web 2.0 Introducció a la Web 2.0 Ismael Peña-López Participació i noves tecnologies: reptes i oportunitats Di ió d B l Diputacde Barcelona 29 d’abril de 2011

Transcript of Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador...

Page 1: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Introducció a la Web 2.0Introducció a la Web 2.0

Ismael Peña-López

Participació i noves tecnologies: reptes i oportunitatsDi ió d B lDiputació de Barcelona

29 d’abril de 2011

Page 2: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

PART I:PART I:

Fonament “teòric”

Page 3: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

1. De la web 1.0 a la Web 2.0

a) Canvi filosòfica) Canvi filosòfic

b) Canvi tecnològic) g

c) Canvi comunicatiu)

Page 4: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

2. Principals conceptes de la Web 2.0

a) RSS i sindicació de contingutsa) RSS i sindicació de continguts

b) Tag i filtrat de continguts) g g

c) API, mashup i aplicacions riques) , p p q

d) El paradigma “obert” i les llicències

Page 5: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Web 2.0 (I)( )

Comparar els webs:Comparar els webs:

http://www.cambraterrassa.es/p

http://ismael.catp

Page 6: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Més conceptes de la Web 2.0 (I)( )

Tothom és creadorTothom és creador

Multimedia

Massa crítica i nínjols: la llarga cuaj g

Masses i compartició de continguts: intel•ligència de les masses

Jerarquia de continguts vs. horitzontalitat

Categories (jeràrquiques) vs. tags

Page 7: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Més conceptes de la Web 2.0 (II)( )

Contingut vs. continent, bases de dades,Contingut vs. continent, bases de dades, gestors de continguts

Estàndards

XML, RSS, API

Mashups

Conversa, honestedat, economia del do

La beta perpètua

Page 8: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici : Web 2.0 (II)( )

Pros i contres de la web 2.0 segonsPros i contres de la web 2.0 segons s’acaba de definir. Alguns cons :

Reputació

Reconeixement autoria

Infoxicació

Crisi institucions

Page 9: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

PART II:PART II:

Eines

Page 10: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

3. Construir i compartir text

a) Blog (Wordpress, Blogger)a) Blog (Wordpress, Blogger)

b) Nanoblog (Twitter)) g ( )

c) Marcadors socials (Delicious)) ( )

Page 11: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Blog (I)g ( )

Explorar un blogExplorar un blog (http://sociedadred.ictlogy.net) :

identificar les principals parts: nom, autor entrada comentaris fil RSSautor, entrada, comentaris, fil RSS, blogroll

tags vs. categories

moderació i comentaris: oberts, moderats, tancats

Page 12: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Twitter (I)( )

Explorar un compte de Twitter (@ictlogist) :Explorar un compte de Twitter (@ictlogist) :

timeline

follows, followers i llistes,

cerques de paraules clau, hashtags i filtrat per hashtag

subscripció a hashtag (via Twitter i RSS)

TweetDeck

Page 13: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Delicious (I)( )

Explorar un compte de DeliciousExplorar un compte de Delicious(http://delicious.com/ictlogist) :

identificar les principals parts: autor, favorit tags nombre d’usuaris quefavorit, tags, nombre d’usuaris que comparteixen, navegació per autor, cerca i filtrat

navegació, filtrat i subscripció per tags

Page 14: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Blog (II)g ( )

Trobar un blog d’un polític/ajuntament:Trobar un blog d un polític/ajuntament:

identificar les principals partsp p p

Page 15: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Twitter (II)( )

Trobar el compte a Twitter d’unTrobar el compte a Twitter d unpolític/ajuntament:

identificar les principals parts

Page 16: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Delicious (II)( )

Trobar un tema a Delicious d’especialTrobar un tema a Delicious d especialinterès:

identificar les principals parts

Page 17: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Blog (III)g ( )

Obrir un blog a Wordpress.com:Obrir un blog a Wordpress.com:

identificar les principals parts de p p pl’administrador

Page 18: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Twitter (III)( )

Obrir un compte a Twitter.com:Obrir un compte a Twitter.com:

identificar les principals parts de p p pl’administrador

Page 19: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Delicious (III)( )

Obrir un compte a Delicious.com:Obrir un compte a Delicious.com:

identificar les principals parts de p p pl’administrador

Page 20: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

4. Buscar i compartir material gràficg

a) Fotografia (Flickr, Picassa)a) Fotografia (Flickr, Picassa)

b) Vídeo (Youtube, Vimeo)) ( , )

c) Presentacions (Slideshare)) ( )

d) Documents (Scribd)

Page 21: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Flickr (I)( )

Explorar un compte de FlickrExplorar un compte de Flickr(http://www.flickr.com/photos/ictlogist):

identificar les principals parts: autor, sets, tags personestags, persones

llicènciesllicències

galeriesgaleries

grupsgrups

Page 22: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Youtube (I)( )

Explorar un compte de YoutubeExplorar un compte de Youtube(http://youtube.com/ictlogist):

identificar les principals parts: autor, vídeosvídeos

llistesllistes(http://www.youtube.com/playlist?p=A24154FBD7DF2A06)

Page 23: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Slideshare (I)( )

Explorar un compte de SlideshareExplorar un compte de Slideshare(http://www.slideshare.net/ictlogist):

identificar les principals parts: autor, presentacions documents tagspresentacions, documents, tags

esdevenimentsesdeveniments(http://www.slideshare.net/event/edem10/slideshows)

Page 24: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Scribd (I)( )

Explorar una cerca a ScribdExplorar una cerca a Scribd(http://es.scribd.com/search?query=diputacio+barcelona)io+barcelona):

identificar les principals parts:identificar les principals parts: documents, tags, autors

Page 25: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Flickr (II)( )

Obrir un compte a Flickr:Obrir un compte a Flickr:

identificar les principals parts de p p pl’administrador

Page 26: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Youtube (II)( )

Obrir un compte a Youtube:Obrir un compte a Youtube:

identificar les principals parts de p p pl’administrador

Page 27: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Slideshare (II)( )

Obrir un compte a Slideshare:Obrir un compte a Slideshare:

identificar les principals parts de p p pl’administrador

Page 28: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Scribd (II)( )

Obrir un compte a Scribd:Obrir un compte a Scribd:

identificar les principals parts de p p pl’administrador

Page 29: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

5. Treball col·laboratiu

a) Wiki (Mediawiki, Wikispaces)a) Wiki (Mediawiki, Wikispaces)

b) Documents Col•laboratius (Google ) ( gDocuments)

Page 30: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Debat: com treballeu col·laborativament

necessitat d’unicitat de versionsnecessitat d unicitat de versions

necessitat de concurrència

necessitat de compartir el resultat finalp

similituds i diferències entre la wiki i els documents compartits

Page 31: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Més conceptes del treball col·laboratiu

Cloud computingCloud computing

Servei remot vs. allotjament d’una eina: jdiferències, pros, contres

Wikitext

Page 32: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Wiki (I)( )

Explorar una pàgina de la ViquipèdiaExplorar una pàgina de la Viquipèdia(http://ca.wikipedia.org/wiki/Democr%C3%A0cia directa)0cia_directa)

identificar les principals parts: pàginaidentificar les principals parts: pàgina, discussió, historial, categories

Page 33: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Wiki (II)( )

Explorar una wiki a WikispacesExplorar una wiki a Wikispaces(http://eadmin.wikispaces.com)

identificar les principals parts: pàgina, discussió historial categoriesdiscussió, historial, categories

Page 34: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Wiki (III)( )

Comparació de les dues eines de wikiComparació de les dues eines de wiki

Mediawiki

Wikispacesp

Page 35: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Google Documentsg

Exploració ràpida de les possibilitats deExploració ràpida de les possibilitats de Google Documents

Document

Full de càlcul

Col·leccions i arxius compartits

Page 36: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

6. Plataformes de xarxes socials

a) Facebooka) Facebook

Page 37: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Conceptes de xarxes socials

Xarxa social = persones + constructesXarxa social persones constructes

Xarxa social = marxar de casa per sortir al pcarrer: pros i contres

Page 38: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Exercici: Facebook

Explorar un usuari de FacebookExplorar un usuari de Facebook

(http://www.facebook.com/#!/arturmas)( p )

i una pàgina de Facebookp g

(http://www.facebook.com/UOC.universitat)

usuari vs. pàgina

identificar les principals parts: informacióprincipal, amics, mur, “likes”

Page 39: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Conceptes a Facebook

contingut: enllaços, fotos, vídeocontingut: enllaços, fotos, vídeo

aplicacionsp

amics, grups d’amics, filtrat, g p ,

esdeveniments

Facebook connect

botons per compartir

Page 40: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

7. Seguimentg

a) Lectors de feeds (Google Reader)a) Lectors de feeds (Google Reader)

b) Mètriques i mesura d’impacte (Google ) q p ( gAnalytics, Clicky, Seesmic)

Page 41: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Conceptes de Seguiment (I)g ( )

Com llegir blogs i pàgines dinàmiques enCom llegir blogs i pàgines dinàmiques en general, com estar al dia

Repàs a l’RSS

RSS i espais, usuaris, categories, tags i qualsevol cosa amb contingut dinàmicqualsevol cosa amb contingut dinàmic

Page 42: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Conceptes de Seguiment (II)g ( )

El lector de fils RSS: Google ReaderEl lector de fils RSS: Google Reader

RSS com agregador: blogs agregadorsg g g g g(http://ictlogy.net/lo/eadministracion/)

RSS i agregador com a pàgina col•lectora: Netvibes (http://www netvibes com/uoc)Netvibes (http://www.netvibes.com/uoc)

Automatismes amb RSS: enviar a d’altresAutomatismes amb RSS: enviar a d altresaplicacions: els compartits de Google Reader a Twitter

Page 43: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Conceptes de Seguiment (III)g ( )

Mètriques quantitatives, mètriquesMètriques quantitatives, mètriquesqualitatives

Avaluació de l’impacte: necessitat i obsessióobsessió

Page 44: Introducció a la Web 2 · Més conceptes de la Web 2.0 (()I) Tothom és creadorTothom és creador Multimedia Massa crítica i nínjols: la llarga cua Masses i compartició de continguts:

Barcelona, 29 d’abril de 2011. Diputació de Barcelonaa ce o a, 9 d ab de 0 pu ac ó de a ce o a

Per a citar aquesta obra:Peña-López, Ismael. (2011) Introducció a la Web 2.0. Sessió al curs Participació i noves e a ópe , s ae ( 0 ) t oducc ó a a eb 0 Sess ó a cu s a t c pac ó o estecnologies: reptes i oportunitats, 29/04/2011.<http://ictlogy.net/presentations/20110429_ismael_pena-lopez_-_introduccio_a_la_web_2.0.pdf>

Per contactar amb l’autor:Per contactar amb l autor:http://ictlogy.net

Tota la informació presentada en aquest document es troba sotaTota la informació presentada en aquest document es troba sota una Llicència Creative Commons del tipus

Reconeixement – No Comercial – Sense Obra Derivada

Per més informació visiteuhttp://creativecommons.org/licenses/by-nc-nd/2.5/