Introducció a la Web 2.0

                Ismael Peña-López




Participació i noves tecnologies: reptes i oportunitats
                Diputació d B
                Di     ió de Barcelona
                                   l
                 3 d’octubre de 2012
PART I:

Fonament “teòric”
1. De la web 1.0 a la Web 2.0

a) Canvi filosòfic
b) Canvi tecnològic
 )              g
c) Canvi comunicatiu
 )
2. Principals conceptes de la Web 2.0

a) 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
Exercici: Web 2.0 (I)
                  ()

Comparar els webs:
 http://www.cambraterrassa.es/
    p
 http://ismael.cat
    p
Més conceptes de la Web 2.0 (I)
                            ()

 Tothom és creador
 Multimedia
 Massa crítica i nínjols: la llarga cua
                    j            g
  Masses i compartició de continguts:
intel•ligència de les masses
 Jerarquia de continguts vs. horitzontalitat
 Categories (jeràrquiques) vs. tags
Més conceptes de la Web 2.0 (II)
                            ( )

 Contingut vs. continent, bases de dades,
gestors de continguts
 Estàndards
 XML, RSS, API
 Mashups
 Conversa, honestedat, economia del do
 La beta perpètua
Exercici : Web 2.0 (II)
                   ( )

Pros i contres de la web 2.0 segons
s’acaba de definir. Alguns cons :
 Reputació
 Reconeixement autoria
 Infoxicació
 Crisi institucions
PART II:

 Eines
3. Construir i compartir text

a) Blog (Wordpress, Blogger)
b) Nanoblog (Twitter)
 )        g(        )
c) Marcadors socials (Delicious)
 )                   (         )
Exercici: Blog (I)
             g()

Explorar un blog
(http://sociedadred.ictlogy.net) :
 identificar les principals parts: nom,
autor, entrada comentaris, RSS
autor entrada, comentaris fil RSS,
blogroll
 tags vs. categories
 moderació i comentaris: oberts,
moderats, tancats
Exercici: Twitter (I)
                  ()

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
Exercici: Delicious (I)
                    ()

Explorar un compte de Delicious
(http://delicious.com/ictlogist) :
  identificar les principals parts: autor,
favorit, tags
favorit tags, nombre d’usuaris que
comparteixen, navegació per autor, cerca i
filtrat
 navegació, filtrat i subscripció per tags
Exercici: Blog (II)
             g( )

Trobar un blog d un polític/ajuntament:
               d’un
 identificar les principals parts
                 p     p    p
Exercici: Twitter (II)
                  ( )

Trobar el compte a Twitter d un
                           d’un
polític/ajuntament:
 identificar les principals parts
Exercici: Delicious (II)
                    ( )

Trobar un tema a Delicious d’especial
                           d especial
interès:
 identificar les principals parts
Exercici: Blog (III)
             g( )

Obrir un blog a Wordpress.com:
  identificar les principals parts de
                  p     p    p
l’administrador
Exercici: Twitter (III)
                  ( )

Obrir un compte a Twitter.com:
  identificar les principals parts de
                  p     p    p
l’administrador
Exercici: Delicious (III)
                    ( )

Obrir un compte a Delicious.com:
  identificar les principals parts de
                  p     p    p
l’administrador
4. Buscar i compartir material gràfic
                               g

a) Fotografia (Flickr, Picassa)
b) Vídeo (Youtube, Vimeo)
 )       (       ,      )
c) Presentacions (Slideshare)
 )               (          )
d) Documents (Scribd)
Exercici: Flickr (I)
                 ()

Explorar un compte de Flickr
(http://www.flickr.com/photos/ictlogist):
  identificar les principals parts: autor, sets,
tags,
tags persones
 llicències
 galeries
 grups
Exercici: Youtube (I)
                  ()

Explorar un compte de Youtube
(http://youtube.com/ictlogist):
  identificar les principals parts: autor,
vídeos
  llistes
(http://www.youtube.com/playlist?p=A2415
4FBD7DF2A06)
Exercici: Slideshare (I)
                     ()

Explorar un compte de Slideshare
(http://www.slideshare.net/ictlogist):
 identificar les principals parts: autor,
presentacions, documents
presentacions documents, tags
  esdeveniments
(http://www.slideshare.net/event/edem10/sli
deshows)
Exercici: Scribd (I)
                 ()

Explorar una cerca a Scribd
(http://es.scribd.com/search?query=diputac
io+barcelona):
io+barcelona)
 identificar les principals parts:
documents, tags, autors
Exercici: Flickr (II)
                 ( )

Obrir un compte a Flickr:
  identificar les principals parts de
                  p     p    p
l’administrador
Exercici: Youtube (II)
                  ( )

Obrir un compte a Youtube:
  identificar les principals parts de
                  p     p    p
l’administrador
Exercici: Slideshare (II)
                     ( )

Obrir un compte a Slideshare:
  identificar les principals parts de
                  p     p    p
l’administrador
Exercici: Scribd (II)
                 ( )

Obrir un compte a Scribd:
  identificar les principals parts de
                  p     p    p
l’administrador
5. Treball col·laboratiu

a) Wiki (Mediawiki, Wikispaces)
b) Documents Col•laboratius (Google
 )                          (   g
   Documents)
Debat: com treballeu col·laborativament

 necessitat d’unicitat de versions
            d unicitat
 necessitat de concurrència
 necessitat de compartir el resultat final
                  p
 similituds i diferències entre la wiki i els
documents compartits
Més conceptes del treball col·laboratiu

 Cloud computing
 Servei remot vs. allotjament d’una eina:
                       j
diferències, pros, contres
 Wikitext
Exercici: Wiki (I)
               ()

Explorar una pàgina de la Viquipèdia
(http://ca.wikipedia.org/wiki/Democr%C3%A
0cia_directa)
0cia directa)
 identificar les principals parts: pàgina
                                   pàgina,
discussió, historial, categories
Exercici: Wiki (II)
               ( )

Explorar una wiki a Wikispaces
(http://eadmin.wikispaces.com)
 identificar les principals parts: pàgina,
discussió, historial
discussió historial, categories
Exercici: Wiki (III)
               ( )

Comparació de les dues eines de wiki
 Mediawiki
 Wikispaces
      p
Exercici: Google Documents
             g

Exploració ràpida de les possibilitats de
Google Documents
 Document
 Full de càlcul
 Col·leccions i arxius compartits
6. Plataformes de xarxes socials

a) Facebook
Conceptes de xarxes socials

 Xarxa social = persones + constructes
 Xarxa social = marxar de casa per sortir al
                               p
carrer: pros i contres
Exercici: Facebook

Explorar un usuari de Facebook
( p
(http://www.facebook.com/#!/arturmas)
                                    )
i una pàgina de Facebook
      p g
(http://www.facebook.com/UOC.universitat)
 usuari vs. pàgina
 identificar les principals parts: informació
principal, amics, mur, “likes”
Conceptes a Facebook

 contingut: enllaços, fotos, vídeo
 aplicacions
  p
 amics, grups d’amics, filtrat
      ,g p           ,
 esdeveniments
 Facebook connect
 botons per compartir
7. Seguiment
     g

a) Lectors de feeds (Google Reader)
b) Mètriques i mesura d’impacte (Google
 )      q                  p    (   g
   Analytics, Clicky, Seesmic)
Conceptes de Seguiment (I)
               g       ()

 Com 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àmic
Conceptes de Seguiment (II)
               g       ( )

 El lector de fils RSS: Google Reader
  RSS com agregador: blogs agregadors
              g g           g g g
(http://ictlogy.net/lo/eadministracion/)
 RSS i agregador com a pàgina col•lectora:
Netvibes (http://www netvibes com/uoc)
         (http://www.netvibes.com/uoc)
 Automatismes amb RSS: enviar a d’altres
                                   d altres
aplicacions: els compartits de Google
Reader a Twitter
Conceptes de Seguiment (III)
               g       ( )

 Mètriques quantitatives, mètriques
qualitatives
 Avaluació de l’impacte: necessitat i
obsessió
Barcelona, 3 d’octubre de 2012. Diputació de Barcelona
 a ce o a, d oc ub e       0      pu ac ó     a ce o a

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

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




                            Tota 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ó visiteu
                      http://creativecommons.org/licenses/by-nc-nd/2.5/

Introducció a la Web 2.0

  • 1.
    Introducció a laWeb 2.0 Ismael Peña-López Participació i noves tecnologies: reptes i oportunitats Diputació d B Di ió de Barcelona l 3 d’octubre de 2012
  • 2.
  • 3.
    1. De laweb 1.0 a la Web 2.0 a) Canvi filosòfic b) Canvi tecnològic ) g c) Canvi comunicatiu )
  • 4.
    2. Principals conceptesde la Web 2.0 a) 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
  • 5.
    Exercici: Web 2.0(I) () Comparar els webs: http://www.cambraterrassa.es/ p http://ismael.cat p
  • 6.
    Més conceptes dela Web 2.0 (I) () Tothom és creador Multimedia Massa crítica i nínjols: la llarga cua j g Masses i compartició de continguts: intel•ligència de les masses Jerarquia de continguts vs. horitzontalitat Categories (jeràrquiques) vs. tags
  • 7.
    Més conceptes dela Web 2.0 (II) ( ) Contingut vs. continent, bases de dades, gestors de continguts Estàndards XML, RSS, API Mashups Conversa, honestedat, economia del do La beta perpètua
  • 8.
    Exercici : Web2.0 (II) ( ) Pros i contres de la web 2.0 segons s’acaba de definir. Alguns cons : Reputació Reconeixement autoria Infoxicació Crisi institucions
  • 9.
  • 10.
    3. Construir icompartir text a) Blog (Wordpress, Blogger) b) Nanoblog (Twitter) ) g( ) c) Marcadors socials (Delicious) ) ( )
  • 11.
    Exercici: Blog (I) g() Explorar un blog (http://sociedadred.ictlogy.net) : identificar les principals parts: nom, autor, entrada comentaris, RSS autor entrada, comentaris fil RSS, blogroll tags vs. categories moderació i comentaris: oberts, moderats, tancats
  • 12.
    Exercici: Twitter (I) () 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
  • 13.
    Exercici: Delicious (I) () Explorar un compte de Delicious (http://delicious.com/ictlogist) : identificar les principals parts: autor, favorit, tags favorit tags, nombre d’usuaris que comparteixen, navegació per autor, cerca i filtrat navegació, filtrat i subscripció per tags
  • 14.
    Exercici: Blog (II) g( ) Trobar un blog d un polític/ajuntament: d’un identificar les principals parts p p p
  • 15.
    Exercici: Twitter (II) ( ) Trobar el compte a Twitter d un d’un polític/ajuntament: identificar les principals parts
  • 16.
    Exercici: Delicious (II) ( ) Trobar un tema a Delicious d’especial d especial interès: identificar les principals parts
  • 17.
    Exercici: Blog (III) g( ) Obrir un blog a Wordpress.com: identificar les principals parts de p p p l’administrador
  • 18.
    Exercici: Twitter (III) ( ) Obrir un compte a Twitter.com: identificar les principals parts de p p p l’administrador
  • 19.
    Exercici: Delicious (III) ( ) Obrir un compte a Delicious.com: identificar les principals parts de p p p l’administrador
  • 20.
    4. Buscar icompartir material gràfic g a) Fotografia (Flickr, Picassa) b) Vídeo (Youtube, Vimeo) ) ( , ) c) Presentacions (Slideshare) ) ( ) d) Documents (Scribd)
  • 21.
    Exercici: Flickr (I) () Explorar un compte de Flickr (http://www.flickr.com/photos/ictlogist): identificar les principals parts: autor, sets, tags, tags persones llicències galeries grups
  • 22.
    Exercici: Youtube (I) () Explorar un compte de Youtube (http://youtube.com/ictlogist): identificar les principals parts: autor, vídeos llistes (http://www.youtube.com/playlist?p=A2415 4FBD7DF2A06)
  • 23.
    Exercici: Slideshare (I) () Explorar un compte de Slideshare (http://www.slideshare.net/ictlogist): identificar les principals parts: autor, presentacions, documents presentacions documents, tags esdeveniments (http://www.slideshare.net/event/edem10/sli deshows)
  • 24.
    Exercici: Scribd (I) () Explorar una cerca a Scribd (http://es.scribd.com/search?query=diputac io+barcelona): io+barcelona) identificar les principals parts: documents, tags, autors
  • 25.
    Exercici: Flickr (II) ( ) Obrir un compte a Flickr: identificar les principals parts de p p p l’administrador
  • 26.
    Exercici: Youtube (II) ( ) Obrir un compte a Youtube: identificar les principals parts de p p p l’administrador
  • 27.
    Exercici: Slideshare (II) ( ) Obrir un compte a Slideshare: identificar les principals parts de p p p l’administrador
  • 28.
    Exercici: Scribd (II) ( ) Obrir un compte a Scribd: identificar les principals parts de p p p l’administrador
  • 29.
    5. Treball col·laboratiu a)Wiki (Mediawiki, Wikispaces) b) Documents Col•laboratius (Google ) ( g Documents)
  • 30.
    Debat: com treballeucol·laborativament necessitat d’unicitat de versions d unicitat necessitat de concurrència necessitat de compartir el resultat final p similituds i diferències entre la wiki i els documents compartits
  • 31.
    Més conceptes deltreball col·laboratiu Cloud computing Servei remot vs. allotjament d’una eina: j diferències, pros, contres Wikitext
  • 32.
    Exercici: Wiki (I) () Explorar una pàgina de la Viquipèdia (http://ca.wikipedia.org/wiki/Democr%C3%A 0cia_directa) 0cia directa) identificar les principals parts: pàgina pàgina, discussió, historial, categories
  • 33.
    Exercici: Wiki (II) ( ) Explorar una wiki a Wikispaces (http://eadmin.wikispaces.com) identificar les principals parts: pàgina, discussió, historial discussió historial, categories
  • 34.
    Exercici: Wiki (III) ( ) Comparació de les dues eines de wiki Mediawiki Wikispaces p
  • 35.
    Exercici: Google Documents g Exploració ràpida de les possibilitats de Google Documents Document Full de càlcul Col·leccions i arxius compartits
  • 36.
    6. Plataformes dexarxes socials a) Facebook
  • 37.
    Conceptes de xarxessocials Xarxa social = persones + constructes Xarxa social = marxar de casa per sortir al p carrer: pros i contres
  • 38.
    Exercici: Facebook Explorar unusuari de Facebook ( p (http://www.facebook.com/#!/arturmas) ) i una pàgina de Facebook p g (http://www.facebook.com/UOC.universitat) usuari vs. pàgina identificar les principals parts: informació principal, amics, mur, “likes”
  • 39.
    Conceptes a Facebook contingut: enllaços, fotos, vídeo aplicacions p amics, grups d’amics, filtrat ,g p , esdeveniments Facebook connect botons per compartir
  • 40.
    7. Seguiment g a) Lectors de feeds (Google Reader) b) Mètriques i mesura d’impacte (Google ) q p ( g Analytics, Clicky, Seesmic)
  • 41.
    Conceptes de Seguiment(I) g () Com 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àmic
  • 42.
    Conceptes de Seguiment(II) g ( ) El lector de fils RSS: Google Reader RSS com agregador: blogs agregadors g g g g g (http://ictlogy.net/lo/eadministracion/) RSS i agregador com a pàgina col•lectora: Netvibes (http://www netvibes com/uoc) (http://www.netvibes.com/uoc) Automatismes amb RSS: enviar a d’altres d altres aplicacions: els compartits de Google Reader a Twitter
  • 43.
    Conceptes de Seguiment(III) g ( ) Mètriques quantitatives, mètriques qualitatives Avaluació de l’impacte: necessitat i obsessió
  • 44.
    Barcelona, 3 d’octubrede 2012. Diputació de Barcelona a ce o a, d oc ub e 0 pu ac ó a ce o a Per a citar aquesta obra: Peña-López, Ismael. (2012) Introducció a la Web 2.0. Sessió al curs Participació i noves e a ópe , s ae ( 0 ) t oducc ó a eb 0 Sess ó a cu s a t c pac ó o es tecnologies: reptes i oportunitats, 3/10/2012. <http://ictlogy.net/presentations/20121003_ismael_pena-lopez_-_introduccio_a_la_web_2.0.pdf> Per contactar amb l autor: l’autor: http://ictlogy.net Tota 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ó visiteu http://creativecommons.org/licenses/by-nc-nd/2.5/