SlideShare uma empresa Scribd logo
1 de 78
Baixar para ler offline
¿Qué es la web 2.0?

                Participación de los usuarios

                                            Sindicación y Agregación
    Del escritorio al navegador
                                                      Canales (Feeds)
                                                      RSS y Atom
                                      Usabilidad
Taxonomías: categorías y                             La nube
[ nubes de] etiquetas (tags)                                      Widgets
                                   Blogs
 Folksonomías                                           Mezclas (mash-ups)
                                   Microblogs
                      Podcasts, Vidcasts
   Wikis
                                                   Marcadores sociales
    Comunidades
                               Conocimiento colectivo

       Nuevas formas de relacionarse
                                                                            3
Historia de la web



                                        20??:
                                        web 3.0:
                                        web semántica,
                                        inteligencia artificial,
1990:        2001:                      3D,...
www y el     la burbuja                 Protagonista:
primer       tecnológica:               los procesadores
navegador    muchos
             fracasos y
                        2004:
             algunos
                        primera
             éxitos
                        conferencia
       1993:            sobre
       navegador        web 2.0
       Mosaic           Protagonista:
       web 1.0          el usuario                             7
Foto tendencias 2007




8




Information Architects Inc. Japan – Web Trends
¿Para qué vale la web 2.0?




    9




CC BY http://www.flickr.com/photos/21496790@N06/5065834411
Requisitos tecnológicos

 Dispositivo
con conexión
 a Internet




               Navegador y
               extensiones



 Programas



                  Otros


                                 16
Contenidos digitales
●Textos: Artículos, Libros,...
●Imagen: Fotos, Dibujos,...      ●Cuadros
●Video: Películas de cine,...    ●Esculturas

●Audio: Canciones,...            ●Obras de teatro

●Software




    ●   Cuestiones:
        –   Registro: Autoría
        –   Licencia: Derechos y Obligaciones




                                                    17
Licencias Creative Commons
●   Para trabajos creativos, ej. arte, fotos,
    escritos, música,... No para software
●   6 licencias               BY

    basadas                   SA (share alike)

    en combinar               NC (non-commercial)
                              No derivative works
    4 obligaciones
●   Versiones (ej. 3.0) y traducciones
●   Repositorios que las usan:
       http://flickrcc.bluemountains.net
       http://www.archive.org/about/faqs.php#263
       http://commons.wikimedia.org/

                                                    18
Ámbitos relacionales

                            Todo el mundo




              Amistades             Ámbito
                                  profesional
●   Público
●   Privado    ...                       Grupo de
                            Alumnado   investigación
●   Íntimo
                     Sólo
                      yo




                                                       20
Infraestructura de servicio
●   Antes programas “desktop”.
●   Ahora “webtop”. Alternativas:


                                  Instalable
            Sólo
                                      en
         en la nube
                                   servidor
                                    propio

       Alta concentración     ¿Efecto “bar vacío”?
        en “los grandes”,
    ej. Google en casi todo
                                                     21
Riesgos
●   Fiabilidad
●   Propiedad de datos
●   Privacidad
●   Infoxicación




                             22
Control de datos y Software libre
●   Acceso a datos:
    –   Automático: APIs abiertas
    –   Manual, ej:
        http://www.dataliberation.org/
●   Acceso al código
●   Alternativas:
    http://wiki.debian.org/FreedomBox/LeavingTheCloud
    http://autonomo.us/wiki/Wish_list




                                                   23
Interrelación entre servicios

                           Iconos
Identificación           de enlaces
 Autorización




                 Integración
                     de
                 contenidos
                  (mash-up)




                                      24
Publicación en servicios web
●   Condición: tener una cuenta
●   Posibilidades para publicar:
    –   En la página del servicio
    –   Con iconos desde otra página:

    –   Con programas: con una extensión desde el
        navegador, o con otros




                                                    25
Identificación en servicios web
●   En general independientes, pero a veces
    unos valen para otros
●   Identificador de usuario “bonito”
●   Claves:
    –   Fortaleza
    –   Muchas. ¿Todas iguales?
    –   Opción de guardar en el navegador
●   “Captchas” anti robot-spam


                                              26
Criterios de selección

                         Publicidad

       web 1.0                             Idiomas

                  Espacio
                                  Precio
web 2.0
Funcionalidad                                       Infraestructura
   web 2.0                                          -Software
  -Publicación compartida         Contenidos        instalable/libre
  -Etiquetas
  -Sindicación                 -Licenciabilidad
  -Interacción APIs            -Propiedad
                               -Usos y privacidad
                               -Acceso manual
                Uso amplio     (export/import)


                                                                       27
Aprendizaje para cada servicio
                 En qué
                consiste



  Para qué       Servicio       Cómo
    vale            X           se usa



                   Qué
             alternativas hay

                                         28
Cuentas para las prácticas
Aconsejables:
  ● google
  ● delicious (o yahoo)

  ● wikispaces (u openid)

  ● wordpress.com




Optativas:
  ● twitter, identica
  ● facebook

  ● flickr (o yahoo)

  ● dropbox, sugarsync, spideroak




                                    29
Noticias sociales




30




CC BY-NC-SA http://www.flickr.com/photos/itmightbedave/5222772657
Noticias sociales
¿En qué consiste?
●   Son webs que recogen artículos del
    público, ej. noticias, eventos,...
●   A veces los jerarquizan (más visibles)
    según valoraciones del público:
    –   Nº de votos (usuarios anónimos o registrados)
    –   Tiempo desde que se publicó
    –   Nº de comentarios



                                                        31
Noticias sociales
¿Para qué vale?
●   Noticias más “democráticas”: es la
    comunidad de usuarios quien decide qué
    es noticia
●   Aumentan las visitas al sitio origen. A
    veces "se llevan" los comentarios de los
    blogs individuales




                                               32
Marcadores sociales




33




CC BY-NC-ND http://www.flickr.com/photos/25533361@N00/297623347
Marcadores sociales
¿En qué consiste?
●   Guardar direcciones de páginas web en la
    página del servicio web de marcadores
●   Organizables con etiquetas
●   Públicos y Privados




                                               34
Marcadores sociales
¿Para qué vale?
●   Organizar páginas de interés en base a
    etiquetas
●   Acceso a marcadores desde cualquier
    ordenador con conexión a Internet
●   Generar y acceder al conocimiento
    colectivo:
    –   Al compartir marcadores con otras personas
    –   Al usar iguales etiquetas que otras personas

                                                       35
Blogs




        36
Blogs
¿En qué consiste?
●   Un blog (o weblog o bitácora) es una
    página web en la que:
    –   El contenido se basa en pequeños artículos
        llamados entradas o posts
    –   Las entradas publicadas se muestran de
        forma cronológica
    –   La información se puede distribuir mediante
        sindicación
    –   A veces los lectores pueden dejar
        comentarios
                                                      37
Blogs
¿Para qué vale?
●   Para dar información u opiniones de
    cierta actualidad
●   Para crear y mantener una audiencia
    potencial. Marketing: a alguna gente le
    pagan por escribir en blogs
●   Para recoger comentarios a nuestra
    opinión


                                              38
Blogs
¿Cómo poner en marcha un blog?
●   Algunas claves:
    –   Una tarea de [casi] todos los días
    –   Transparencia y honestidad. Disposición a la
        crítica externa
    –   Contenidos de calidad (relevancia=influencia,
        popularidad, autoridad). Indicadores:
         ●   Frecuencia de posts
         ●   Enlaces desde otros sitios
         ●   Nº de comentarios

                                                       39
Blogs
¿Cómo se usa?
●   Contenido:
    –   Propio (una o varias personas) y externo ej.
        videos
    –   Tipo: Texto e imágenes, externo, widgets
    –   Organización: Cronológico (Archivo) y según
        etiquetas y/o categorías
    –   Estado: publicado, para moderar, borrador
●   Apariencia: plantilla
●   Permisos : publicar, ver posts, comentar
                                                       40
Agregación




41




CC BY http://www.flickr.com/photos/nikonvscanon/3447217277
Agregación
¿En qué consiste?
●   Agregar es integrar en un único sitio
    contenidos de distintas fuentes
●   Cambio de método:
    –   Antes:
         ●   Consultar varias páginas web
         ●   Suscripción a listas de correo electrónico
    –   Ahora: suscripción a canales



                                                          42
Agregación
¿Para qué vale?
●   Para mantenerse informada sobre un
    tema de interés:
    –   Personal: aficiones, el tiempo, las noticias
    –   Laboral: área de conocimiento, la
        competencia, los clientes, los proveedores,...
●   Para mantener las relaciones: seguir lo
    que publican las personas y
    organizaciones con las que nos
    relacionamos.
                                                         43
Agregación
¿Cómo se usa? (suscripción a un canal)
●   1. Buscar páginas con contenidos
    agregables o “sindicados”:



    (Firefox muestra el icono en la barra de
    direcciones)
●   2. Añadir el canal a un programa
    agregador
                                               44
Agregación
¿Cómo se usa? (lectura de contenidos)
●   Los agregadores presentan las N entradas
    más recientes de cada canal
●   Marcar entradas como leído/no leído
●   Almacenar o etiquetar determinadas
    entradas
●   Otras: alertas para PC, iconos en
    navegador, páginas web especiales para
    dispositivos móviles

                                             45
Sindicación




46




CC BY-ND http://www.flickr.com/photos/28047774@N04/4821217491
Sindicación
¿En qué consiste?
●   Es publicar artículos simultáneamente en
    distintos medios a través de una fuente
    única.
●   Conceptos:
    –   Canal o Feed
    –   Formatos internos: RSS, Atom, RDF/XML
●   Iconos indicadores en páginas web con
    contenidos sindicados:

                                                47
Sindicación
¿Para qué vale?
●   Para publicar contenidos en varios sitios a
    la vez
●   Para fidelizar a los clientes




                                              48
Sindicación
¿Cómo se usa?
●   Es automático. El usuario publicador no
    ha de hacer nada (ej. antes había de
    enviar un aviso por mail)
●   Servicios con agregación:
    –   Blogs, podcasts, vidcasts
    –   Noticias sociales
    –   Marcadores sociales
    –   … y en muchas otras herramientas web 2.0

                                                   49
Podcast y Vidcast




                    50
Podcast y Vidcast
¿En qué consiste?
●   Sindicar y agregar archivos de sonido o
    video, y
●   Agregar mediante un programa que
    permita buscar canales, y oír/ver o
    descargar los ficheros respectivos:
    –   de audio ej. a un reproductor portátil
    –   de video
●   vidcast = vodcast

                                                 51
Podcast y Vidcast
¿Cómo se usa?
●   Sindicación:
    –   1. Darse de alta en un servicio de sindicación
        que permita publicar
    –   2. Crear el fichero de audio/video y subirlo al
        feed
●   Agregación: con programas o dispositivos
    agregadores, ej:



                                                          52
Buscadores de blogs




    53




CC BY http://www.flickr.com/photos/sudhamshu/3300238326
Buscadores de blogs
¿Para qué valen si ya hay buscadores?
●   Búsquedas de información sobre blogs y
    posts según criterios varios:
    –   Que hablen de..., etiquetados como...
    –   Que tengan mucha o poca autoridad
    –   Publicados hace...
●   Seguimiento de resultados mediante
    etiquetas o sindicación
●   Analizar tendencias de forma gráfica

                                                54
Wikis




                                                        55
http://en.wikipedia.org/wiki/Comparison_of_wiki_farms
Wikis
¿En qué consiste?
●   wiki wiki = rápido (hawaiano)
●   Son páginas web editables de una forma
    sencilla por varias personas a la vez.
●   Es distinto a ej. Google docs




                                             56
Wikis
¿Para qué vale?
●   Para la edición colaborativa: varias
    personas publican más o menos a la vez
●   Para explicitar y compartir el
    conocimiento:
    –   Publicar (editor, lenguajes especiales)
    –   Historia: control de versiones recuperables y
        aviso ante cambios
    –   Buscar

                                                        57
Wikis vs Blogs
●   Blog                    ●   Wiki
    –   De uno/pocos            –   De varios/muchos
    –   Organización en         –   Organización en
        base al tiempo              base a contenidos
        (requiere más
        constancia)
    –   Puede buscar
        recoger opiniones




                                                        58
Wikis
●   El gran ejemplo: Wikipedia
    –   Enciclopedia libre gestionada por personas
        voluntarias: cualquiera puede consultar y
        también aportar o corregir
    –   Estadísticas (mayo '09):
         ●   Usuarios: > 1.000.000 registrados, 134
             bibliotecarios
         ●   Entradas: es > 474.000, eu > 38.000
    –   La Cuestión: rigurosidad.
         ●   Hay revisiones permanentes
         ●   “Primera fuente de información” vs “otra fuente
             de consulta”
                                                               59
Wikis
●   Otros proyectos:
    –   Relacionados con wikipedia:
         ●   Commons: http://commons.wikimedia.org
         ●   Diccionario: http://es.wiktionary.org
         ●   Textos de dominio público: http://es.wikisource.org
         ●   Libros de contenido libre: http://es.wikibooks.org
         ●   Citas: http://es.wikiquote.org
         ●   Universidad: http://es.wikiversity.org
    –   http://www.indymedia.org
    –   http://www.wikihow.com
    –   http://www.wikitravel.com
                                                                  60
Wikis
●   Vandalismo
    –   Es la posibilidad de que se modifiquen o
        borren contenidos de forma inadecuada, ej:
         ●   spam publicitario
         ●   personas con malas intenciones: borrar
             contenidos, tergiversar, subir materiales ajenos al
             site,...
    –   Soluciones
         ●   Corregir “a mano”
         ●   No permitir editar sin registrarse
         ●   Bloquear las páginas, bloquear las IPs vandálicas

                                                                   61
Wikis
Claves para poner en marcha una wiki
●   Actitud de explicitar el conocimiento
●   Cultura colaborativa
●   Persona(s) dinamizadora(s) del proceso




                                             62
Ofimática 2.0




     63




CC BY-NC http://www.flickr.com/photos/stasiland/477377997
Ofimática 2.0
¿En qué consiste?
●   Ofimática = documentos de texto, hojas
    de cálculo, presentaciones
●   Funcionalidades comunes:
    –   Ver
    –   Editar, guardar, control de versiones
    –   Organizar: tags y/o carpetas
    –   Importar, exportar
    –   Publicar, compartir para leer y/o modificar

                                                      64
Gestión de info. personal (PIM)




   65




CC BY-SA http://www.flickr.com/photos/24293932@N00/3719157266
Gestión de info. personal (PIM)
¿En qué consiste?
●   Correo electrónico
●   PIM (Personal Information Management)
    –   Calendarios
    –   Contactos
    –   Tareas
●   Chat: google talk
●   Gqueues
●   Colaboración y Web conference
                                            66
Microblogging




67




CC BY-NC http://www.flickr.com/photos/outsanityphotos/2457746322
Acortadores de URLs




68




CC BY-NC http://www.flickr.com/photos/kristinroach/3161944132
Redes sociales




                                                                       CC BY-NC http://www.flickr.com/photos/calafellvalo/2860952642
http://en.wikipedia.org/wiki/List_of_social_networking_websites
                                                                  69
Redes sociales
¿En qué consiste?
●   Son sitios web 2.0 para relacionarse en
    base a intereses comunes de personas,
    publicando y compartiendo información:
    –   Datos personales: foto, contactos
    –   Textos, fotos, música, videos,...
    –   Red interna de mensajería, Foros,...
●   Clasificaciones:
    –   Por edades, por ámbitos horizontales
        (personal / profesional) o verticales (ej.
        viajes)                                      70
Mapa




       71
Almacén de ficheros




                                                                              CC BY-NC-SA http://www.flickr.com/photos/thedepartment/137413905
           http://en.wikipedia.org/wiki/List_of_online_backup_services
                                                                         72
Escritorio web




   http://en.wikipedia.org/wiki/Web_desktop
                                      73




CC BY-NC-SA http://www.flickr.com/photos/brenopeck/2668291185
Fotos




     74




CC BY-NC-ND http://www.flickr.com/photos/postaletrice/4035030009
Videos




                 http://openvideoalliance.org




    75




CC BY-NC-ND http://www.flickr.com/photos/philippeleroyer/4500772007
Mapas




76




CC BY-ND http://www.flickr.com/photos/caveman_92223/3183162056
Eskerrik asko etortzeagatik




77




CC BY-NC http://www.flickr.com/photos/48355243@N00
Acerca de esta presentación
●   Licencia de uso de esta presentación:

              http://creativecommons.org/licenses/by-sa/3.0/es/


●   Todos los logotipos son propiedad de sus dueños
    respectivos
●   Herramientas utilizadas para hacer esta presentación:
    kubuntu, openoffice impress, firefox, ksnapshot


“As we enjoy great advantages from inventions of
others, we should be glad of an opportunity to serve
others by any invention of ours; and this we should do
freely and generously.”
                                          Benjamin Franklin
                                                                  78

Mais conteúdo relacionado

Mais procurados

Mais procurados (18)

Trabajo apliweb t.2
Trabajo apliweb t.2Trabajo apliweb t.2
Trabajo apliweb t.2
 
Lola Lozano. Redes sociales: un reto editorial 2.0.
Lola Lozano. Redes sociales: un reto editorial 2.0.Lola Lozano. Redes sociales: un reto editorial 2.0.
Lola Lozano. Redes sociales: un reto editorial 2.0.
 
Actividad 1 modulo 3 herramientas web 2.0
Actividad 1 modulo 3 herramientas web 2.0Actividad 1 modulo 3 herramientas web 2.0
Actividad 1 modulo 3 herramientas web 2.0
 
Introduccion web20
Introduccion web20Introduccion web20
Introduccion web20
 
Publicaciones interactivas
Publicaciones interactivasPublicaciones interactivas
Publicaciones interactivas
 
Web2.0
Web2.0Web2.0
Web2.0
 
Web 2.0 y nube de internet
Web 2.0 y nube de internetWeb 2.0 y nube de internet
Web 2.0 y nube de internet
 
HERRAMIENTAS WEB 2.0
HERRAMIENTAS WEB 2.0HERRAMIENTAS WEB 2.0
HERRAMIENTAS WEB 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Proyecto web 2.0
Proyecto web 2.0Proyecto web 2.0
Proyecto web 2.0
 
U M Trendmarker Widgets Febrero 2008
U M  Trendmarker  Widgets  Febrero 2008U M  Trendmarker  Widgets  Febrero 2008
U M Trendmarker Widgets Febrero 2008
 
Herramientas web 2,0
Herramientas web 2,0Herramientas web 2,0
Herramientas web 2,0
 
Evaluacion de Computacion
Evaluacion de ComputacionEvaluacion de Computacion
Evaluacion de Computacion
 
Aplicacion web - presentacion impress
Aplicacion web -  presentacion impressAplicacion web -  presentacion impress
Aplicacion web - presentacion impress
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Los blogs de Blogger: Utilización y aplicaciones de la plataforma de desarrol...
Los blogs de Blogger: Utilización y aplicaciones de la plataforma de desarrol...Los blogs de Blogger: Utilización y aplicaciones de la plataforma de desarrol...
Los blogs de Blogger: Utilización y aplicaciones de la plataforma de desarrol...
 
Web 2.0 jhean carlos piedrahita cabezas
Web 2.0 jhean carlos piedrahita cabezasWeb 2.0 jhean carlos piedrahita cabezas
Web 2.0 jhean carlos piedrahita cabezas
 
Educación 2.0
Educación 2.0Educación 2.0
Educación 2.0
 

Destaque

RSR Exports brochure
RSR Exports brochureRSR Exports brochure
RSR Exports brochureR.S.R Exports
 
Doctorado2012
Doctorado2012Doctorado2012
Doctorado2012joxemi
 
Refleja. Principis per una vida emocionalment más ecológica
Refleja. Principis per una vida emocionalment más ecológicaRefleja. Principis per una vida emocionalment más ecológica
Refleja. Principis per una vida emocionalment más ecológicaRefleja tu Amor
 
108 - Las Tres Mentes
108 - Las Tres Mentes108 - Las Tres Mentes
108 - Las Tres MentesMiguel Amaro
 
¿Qué dicen que es la Web Social?
¿Qué dicen que es la Web Social?¿Qué dicen que es la Web Social?
¿Qué dicen que es la Web Social?Ismael Peña-López
 
Sindicacion
SindicacionSindicacion
SindicacionJUMORO1
 
Proyecto de aprovechamiento sostenible de la vicuña en Uracaya y Saruyo Ayllu...
Proyecto de aprovechamiento sostenible de la vicuña en Uracaya y Saruyo Ayllu...Proyecto de aprovechamiento sostenible de la vicuña en Uracaya y Saruyo Ayllu...
Proyecto de aprovechamiento sostenible de la vicuña en Uracaya y Saruyo Ayllu...Castellvi Solidari - Junts Podem
 
Refleja. Amor Universal.
Refleja. Amor Universal.Refleja. Amor Universal.
Refleja. Amor Universal.Refleja tu Amor
 
Francesc Picas "Por Habernos Pensado"
Francesc Picas "Por Habernos Pensado"Francesc Picas "Por Habernos Pensado"
Francesc Picas "Por Habernos Pensado"francescpicas
 
Avances en tecnología_ROMERO,IERONE,ASSEF Y ABELEDO_4°1ra
Avances en tecnología_ROMERO,IERONE,ASSEF Y ABELEDO_4°1raAvances en tecnología_ROMERO,IERONE,ASSEF Y ABELEDO_4°1ra
Avances en tecnología_ROMERO,IERONE,ASSEF Y ABELEDO_4°1raAlumnos Instituto Grilli
 
Tecnologías de la Información y la Comunicación: el Esteroide de los Nego...
Tecnologías de la Información y la Comunicación:  el  Esteroide  de los  Nego...Tecnologías de la Información y la Comunicación:  el  Esteroide  de los  Nego...
Tecnologías de la Información y la Comunicación: el Esteroide de los Nego...ezecal
 
Levantamiento De Contenidos Wired
Levantamiento De Contenidos WiredLevantamiento De Contenidos Wired
Levantamiento De Contenidos Wiredkachucho
 

Destaque (20)

RSR Exports brochure
RSR Exports brochureRSR Exports brochure
RSR Exports brochure
 
Tips para migrar al Uso del Software Libre
Tips para migrar al Uso del Software Libre Tips para migrar al Uso del Software Libre
Tips para migrar al Uso del Software Libre
 
Diseña tu propio PLE
Diseña tu propio PLEDiseña tu propio PLE
Diseña tu propio PLE
 
Doctorado2012
Doctorado2012Doctorado2012
Doctorado2012
 
Informatica
InformaticaInformatica
Informatica
 
Refleja. Principis per una vida emocionalment más ecológica
Refleja. Principis per una vida emocionalment más ecológicaRefleja. Principis per una vida emocionalment más ecológica
Refleja. Principis per una vida emocionalment más ecológica
 
108 - Las Tres Mentes
108 - Las Tres Mentes108 - Las Tres Mentes
108 - Las Tres Mentes
 
Trabajo de info_piola
Trabajo de info_piolaTrabajo de info_piola
Trabajo de info_piola
 
crear un podcast con Audacity
crear un podcast con Audacity crear un podcast con Audacity
crear un podcast con Audacity
 
¿Qué dicen que es la Web Social?
¿Qué dicen que es la Web Social?¿Qué dicen que es la Web Social?
¿Qué dicen que es la Web Social?
 
Sindicacion
SindicacionSindicacion
Sindicacion
 
Proyecto de aprovechamiento sostenible de la vicuña en Uracaya y Saruyo Ayllu...
Proyecto de aprovechamiento sostenible de la vicuña en Uracaya y Saruyo Ayllu...Proyecto de aprovechamiento sostenible de la vicuña en Uracaya y Saruyo Ayllu...
Proyecto de aprovechamiento sostenible de la vicuña en Uracaya y Saruyo Ayllu...
 
IconoS
IconoSIconoS
IconoS
 
Refleja. Amor Universal.
Refleja. Amor Universal.Refleja. Amor Universal.
Refleja. Amor Universal.
 
Francesc Picas "Por Habernos Pensado"
Francesc Picas "Por Habernos Pensado"Francesc Picas "Por Habernos Pensado"
Francesc Picas "Por Habernos Pensado"
 
De las sedes a las redes
De las sedes a las redesDe las sedes a las redes
De las sedes a las redes
 
Avances en tecnología_ROMERO,IERONE,ASSEF Y ABELEDO_4°1ra
Avances en tecnología_ROMERO,IERONE,ASSEF Y ABELEDO_4°1raAvances en tecnología_ROMERO,IERONE,ASSEF Y ABELEDO_4°1ra
Avances en tecnología_ROMERO,IERONE,ASSEF Y ABELEDO_4°1ra
 
Tecnologías de la Información y la Comunicación: el Esteroide de los Nego...
Tecnologías de la Información y la Comunicación:  el  Esteroide  de los  Nego...Tecnologías de la Información y la Comunicación:  el  Esteroide  de los  Nego...
Tecnologías de la Información y la Comunicación: el Esteroide de los Nego...
 
Levantamiento De Contenidos Wired
Levantamiento De Contenidos WiredLevantamiento De Contenidos Wired
Levantamiento De Contenidos Wired
 
Clases de SI Y LI
Clases de SI Y LIClases de SI Y LI
Clases de SI Y LI
 

Semelhante a Web 2.0 (dic 2010) (20)

Pipe
PipePipe
Pipe
 
La web 2
La web 2La web 2
La web 2
 
Comparativo de web 1
Comparativo  de web 1Comparativo  de web 1
Comparativo de web 1
 
Web 2.O
Web 2.OWeb 2.O
Web 2.O
 
[online] Travel 2.0: Cómo adaptar la web de su hotel a las últimas tendencias...
[online] Travel 2.0: Cómo adaptar la web de su hotel a las últimas tendencias...[online] Travel 2.0: Cómo adaptar la web de su hotel a las últimas tendencias...
[online] Travel 2.0: Cómo adaptar la web de su hotel a las últimas tendencias...
 
Presentacion tog Jornada Innovacion
Presentacion tog Jornada InnovacionPresentacion tog Jornada Innovacion
Presentacion tog Jornada Innovacion
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Herramientas colaborativas y online
Herramientas colaborativas y onlineHerramientas colaborativas y online
Herramientas colaborativas y online
 
Nociones básicas alrededor de la web 2.0-
 Nociones básicas alrededor de la web 2.0-  Nociones básicas alrededor de la web 2.0-
Nociones básicas alrededor de la web 2.0-
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Introduccion web20
Introduccion web20Introduccion web20
Introduccion web20
 
Herramientas
HerramientasHerramientas
Herramientas
 
Introduccion web20 (1)
Introduccion web20 (1)Introduccion web20 (1)
Introduccion web20 (1)
 
Herramientas web
Herramientas webHerramientas web
Herramientas web
 
Curso web2.0
Curso web2.0Curso web2.0
Curso web2.0
 
La web
La webLa web
La web
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 

Mais de Dani Gutiérrez Porset

Librecon 2016 - Emprendizaje digital y Software libre
Librecon 2016 - Emprendizaje digital y Software libreLibrecon 2016 - Emprendizaje digital y Software libre
Librecon 2016 - Emprendizaje digital y Software libreDani Gutiérrez Porset
 
Evolución de las Herramientas de aprendizaje online con licencia libre
Evolución de las Herramientas de aprendizaje online con licencia libreEvolución de las Herramientas de aprendizaje online con licencia libre
Evolución de las Herramientas de aprendizaje online con licencia libreDani Gutiérrez Porset
 
Introducción al diseño grafico con software libre
Introducción al diseño grafico con software libreIntroducción al diseño grafico con software libre
Introducción al diseño grafico con software libreDani Gutiérrez Porset
 
Intro a los sistemas operativos móviles
Intro a los sistemas operativos móvilesIntro a los sistemas operativos móviles
Intro a los sistemas operativos móvilesDani Gutiérrez Porset
 

Mais de Dani Gutiérrez Porset (20)

Librecon 2016 - Emprendizaje digital y Software libre
Librecon 2016 - Emprendizaje digital y Software libreLibrecon 2016 - Emprendizaje digital y Software libre
Librecon 2016 - Emprendizaje digital y Software libre
 
FFMPEG and LibAV
FFMPEG and LibAVFFMPEG and LibAV
FFMPEG and LibAV
 
Multimedia Services: Video
Multimedia Services: VideoMultimedia Services: Video
Multimedia Services: Video
 
Multimedia Services: Image
Multimedia Services: ImageMultimedia Services: Image
Multimedia Services: Image
 
Multimedia Services: Audio
Multimedia Services: AudioMultimedia Services: Audio
Multimedia Services: Audio
 
Evolución de las Herramientas de aprendizaje online con licencia libre
Evolución de las Herramientas de aprendizaje online con licencia libreEvolución de las Herramientas de aprendizaje online con licencia libre
Evolución de las Herramientas de aprendizaje online con licencia libre
 
Sockets ipv4
Sockets ipv4Sockets ipv4
Sockets ipv4
 
Mecanismos IPC system V en Linux
Mecanismos IPC system V en LinuxMecanismos IPC system V en Linux
Mecanismos IPC system V en Linux
 
Señales en Linux
Señales en LinuxSeñales en Linux
Señales en Linux
 
Introducción al diseño grafico con software libre
Introducción al diseño grafico con software libreIntroducción al diseño grafico con software libre
Introducción al diseño grafico con software libre
 
Moodle avanzado - Julio 2012
Moodle avanzado - Julio 2012Moodle avanzado - Julio 2012
Moodle avanzado - Julio 2012
 
Akademy 2013 bilbao_proposal
Akademy 2013 bilbao_proposalAkademy 2013 bilbao_proposal
Akademy 2013 bilbao_proposal
 
Web 2.0 (2010ko abendua) euskeraz
Web 2.0 (2010ko abendua) euskerazWeb 2.0 (2010ko abendua) euskeraz
Web 2.0 (2010ko abendua) euskeraz
 
Sareen kudeaketa, SNMP eta RMON
Sareen kudeaketa, SNMP eta RMONSareen kudeaketa, SNMP eta RMON
Sareen kudeaketa, SNMP eta RMON
 
Cómo hacer una buena presentación
Cómo hacer una buena presentaciónCómo hacer una buena presentación
Cómo hacer una buena presentación
 
Ofimatica con Libreoffice
Ofimatica con LibreofficeOfimatica con Libreoffice
Ofimatica con Libreoffice
 
Gestión de redes, SNMP y RMON
Gestión de redes, SNMP y RMONGestión de redes, SNMP y RMON
Gestión de redes, SNMP y RMON
 
DHCP, DNS, whois
DHCP, DNS, whoisDHCP, DNS, whois
DHCP, DNS, whois
 
Intro a los sistemas operativos móviles
Intro a los sistemas operativos móvilesIntro a los sistemas operativos móviles
Intro a los sistemas operativos móviles
 
kde on windows
kde on windowskde on windows
kde on windows
 

Web 2.0 (dic 2010)

  • 1.
  • 2.
  • 3. ¿Qué es la web 2.0? Participación de los usuarios Sindicación y Agregación Del escritorio al navegador Canales (Feeds) RSS y Atom Usabilidad Taxonomías: categorías y La nube [ nubes de] etiquetas (tags) Widgets Blogs Folksonomías Mezclas (mash-ups) Microblogs Podcasts, Vidcasts Wikis Marcadores sociales Comunidades Conocimiento colectivo Nuevas formas de relacionarse 3
  • 4.
  • 5.
  • 6.
  • 7. Historia de la web 20??: web 3.0: web semántica, inteligencia artificial, 1990: 2001: 3D,... www y el la burbuja Protagonista: primer tecnológica: los procesadores navegador muchos fracasos y 2004: algunos primera éxitos conferencia 1993: sobre navegador web 2.0 Mosaic Protagonista: web 1.0 el usuario 7
  • 8. Foto tendencias 2007 8 Information Architects Inc. Japan – Web Trends
  • 9. ¿Para qué vale la web 2.0? 9 CC BY http://www.flickr.com/photos/21496790@N06/5065834411
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. Requisitos tecnológicos Dispositivo con conexión a Internet Navegador y extensiones Programas Otros 16
  • 17. Contenidos digitales ●Textos: Artículos, Libros,... ●Imagen: Fotos, Dibujos,... ●Cuadros ●Video: Películas de cine,... ●Esculturas ●Audio: Canciones,... ●Obras de teatro ●Software ● Cuestiones: – Registro: Autoría – Licencia: Derechos y Obligaciones 17
  • 18. Licencias Creative Commons ● Para trabajos creativos, ej. arte, fotos, escritos, música,... No para software ● 6 licencias BY basadas SA (share alike) en combinar NC (non-commercial) No derivative works 4 obligaciones ● Versiones (ej. 3.0) y traducciones ● Repositorios que las usan: http://flickrcc.bluemountains.net http://www.archive.org/about/faqs.php#263 http://commons.wikimedia.org/ 18
  • 19.
  • 20. Ámbitos relacionales Todo el mundo Amistades Ámbito profesional ● Público ● Privado ... Grupo de Alumnado investigación ● Íntimo Sólo yo 20
  • 21. Infraestructura de servicio ● Antes programas “desktop”. ● Ahora “webtop”. Alternativas: Instalable Sólo en en la nube servidor propio Alta concentración ¿Efecto “bar vacío”? en “los grandes”, ej. Google en casi todo 21
  • 22. Riesgos ● Fiabilidad ● Propiedad de datos ● Privacidad ● Infoxicación 22
  • 23. Control de datos y Software libre ● Acceso a datos: – Automático: APIs abiertas – Manual, ej: http://www.dataliberation.org/ ● Acceso al código ● Alternativas: http://wiki.debian.org/FreedomBox/LeavingTheCloud http://autonomo.us/wiki/Wish_list 23
  • 24. Interrelación entre servicios Iconos Identificación de enlaces Autorización Integración de contenidos (mash-up) 24
  • 25. Publicación en servicios web ● Condición: tener una cuenta ● Posibilidades para publicar: – En la página del servicio – Con iconos desde otra página: – Con programas: con una extensión desde el navegador, o con otros 25
  • 26. Identificación en servicios web ● En general independientes, pero a veces unos valen para otros ● Identificador de usuario “bonito” ● Claves: – Fortaleza – Muchas. ¿Todas iguales? – Opción de guardar en el navegador ● “Captchas” anti robot-spam 26
  • 27. Criterios de selección Publicidad web 1.0 Idiomas Espacio Precio web 2.0 Funcionalidad Infraestructura web 2.0 -Software -Publicación compartida Contenidos instalable/libre -Etiquetas -Sindicación -Licenciabilidad -Interacción APIs -Propiedad -Usos y privacidad -Acceso manual Uso amplio (export/import) 27
  • 28. Aprendizaje para cada servicio En qué consiste Para qué Servicio Cómo vale X se usa Qué alternativas hay 28
  • 29. Cuentas para las prácticas Aconsejables: ● google ● delicious (o yahoo) ● wikispaces (u openid) ● wordpress.com Optativas: ● twitter, identica ● facebook ● flickr (o yahoo) ● dropbox, sugarsync, spideroak 29
  • 30. Noticias sociales 30 CC BY-NC-SA http://www.flickr.com/photos/itmightbedave/5222772657
  • 31. Noticias sociales ¿En qué consiste? ● Son webs que recogen artículos del público, ej. noticias, eventos,... ● A veces los jerarquizan (más visibles) según valoraciones del público: – Nº de votos (usuarios anónimos o registrados) – Tiempo desde que se publicó – Nº de comentarios 31
  • 32. Noticias sociales ¿Para qué vale? ● Noticias más “democráticas”: es la comunidad de usuarios quien decide qué es noticia ● Aumentan las visitas al sitio origen. A veces "se llevan" los comentarios de los blogs individuales 32
  • 33. Marcadores sociales 33 CC BY-NC-ND http://www.flickr.com/photos/25533361@N00/297623347
  • 34. Marcadores sociales ¿En qué consiste? ● Guardar direcciones de páginas web en la página del servicio web de marcadores ● Organizables con etiquetas ● Públicos y Privados 34
  • 35. Marcadores sociales ¿Para qué vale? ● Organizar páginas de interés en base a etiquetas ● Acceso a marcadores desde cualquier ordenador con conexión a Internet ● Generar y acceder al conocimiento colectivo: – Al compartir marcadores con otras personas – Al usar iguales etiquetas que otras personas 35
  • 36. Blogs 36
  • 37. Blogs ¿En qué consiste? ● Un blog (o weblog o bitácora) es una página web en la que: – El contenido se basa en pequeños artículos llamados entradas o posts – Las entradas publicadas se muestran de forma cronológica – La información se puede distribuir mediante sindicación – A veces los lectores pueden dejar comentarios 37
  • 38. Blogs ¿Para qué vale? ● Para dar información u opiniones de cierta actualidad ● Para crear y mantener una audiencia potencial. Marketing: a alguna gente le pagan por escribir en blogs ● Para recoger comentarios a nuestra opinión 38
  • 39. Blogs ¿Cómo poner en marcha un blog? ● Algunas claves: – Una tarea de [casi] todos los días – Transparencia y honestidad. Disposición a la crítica externa – Contenidos de calidad (relevancia=influencia, popularidad, autoridad). Indicadores: ● Frecuencia de posts ● Enlaces desde otros sitios ● Nº de comentarios 39
  • 40. Blogs ¿Cómo se usa? ● Contenido: – Propio (una o varias personas) y externo ej. videos – Tipo: Texto e imágenes, externo, widgets – Organización: Cronológico (Archivo) y según etiquetas y/o categorías – Estado: publicado, para moderar, borrador ● Apariencia: plantilla ● Permisos : publicar, ver posts, comentar 40
  • 42. Agregación ¿En qué consiste? ● Agregar es integrar en un único sitio contenidos de distintas fuentes ● Cambio de método: – Antes: ● Consultar varias páginas web ● Suscripción a listas de correo electrónico – Ahora: suscripción a canales 42
  • 43. Agregación ¿Para qué vale? ● Para mantenerse informada sobre un tema de interés: – Personal: aficiones, el tiempo, las noticias – Laboral: área de conocimiento, la competencia, los clientes, los proveedores,... ● Para mantener las relaciones: seguir lo que publican las personas y organizaciones con las que nos relacionamos. 43
  • 44. Agregación ¿Cómo se usa? (suscripción a un canal) ● 1. Buscar páginas con contenidos agregables o “sindicados”: (Firefox muestra el icono en la barra de direcciones) ● 2. Añadir el canal a un programa agregador 44
  • 45. Agregación ¿Cómo se usa? (lectura de contenidos) ● Los agregadores presentan las N entradas más recientes de cada canal ● Marcar entradas como leído/no leído ● Almacenar o etiquetar determinadas entradas ● Otras: alertas para PC, iconos en navegador, páginas web especiales para dispositivos móviles 45
  • 47. Sindicación ¿En qué consiste? ● Es publicar artículos simultáneamente en distintos medios a través de una fuente única. ● Conceptos: – Canal o Feed – Formatos internos: RSS, Atom, RDF/XML ● Iconos indicadores en páginas web con contenidos sindicados: 47
  • 48. Sindicación ¿Para qué vale? ● Para publicar contenidos en varios sitios a la vez ● Para fidelizar a los clientes 48
  • 49. Sindicación ¿Cómo se usa? ● Es automático. El usuario publicador no ha de hacer nada (ej. antes había de enviar un aviso por mail) ● Servicios con agregación: – Blogs, podcasts, vidcasts – Noticias sociales – Marcadores sociales – … y en muchas otras herramientas web 2.0 49
  • 51. Podcast y Vidcast ¿En qué consiste? ● Sindicar y agregar archivos de sonido o video, y ● Agregar mediante un programa que permita buscar canales, y oír/ver o descargar los ficheros respectivos: – de audio ej. a un reproductor portátil – de video ● vidcast = vodcast 51
  • 52. Podcast y Vidcast ¿Cómo se usa? ● Sindicación: – 1. Darse de alta en un servicio de sindicación que permita publicar – 2. Crear el fichero de audio/video y subirlo al feed ● Agregación: con programas o dispositivos agregadores, ej: 52
  • 53. Buscadores de blogs 53 CC BY http://www.flickr.com/photos/sudhamshu/3300238326
  • 54. Buscadores de blogs ¿Para qué valen si ya hay buscadores? ● Búsquedas de información sobre blogs y posts según criterios varios: – Que hablen de..., etiquetados como... – Que tengan mucha o poca autoridad – Publicados hace... ● Seguimiento de resultados mediante etiquetas o sindicación ● Analizar tendencias de forma gráfica 54
  • 55. Wikis 55 http://en.wikipedia.org/wiki/Comparison_of_wiki_farms
  • 56. Wikis ¿En qué consiste? ● wiki wiki = rápido (hawaiano) ● Son páginas web editables de una forma sencilla por varias personas a la vez. ● Es distinto a ej. Google docs 56
  • 57. Wikis ¿Para qué vale? ● Para la edición colaborativa: varias personas publican más o menos a la vez ● Para explicitar y compartir el conocimiento: – Publicar (editor, lenguajes especiales) – Historia: control de versiones recuperables y aviso ante cambios – Buscar 57
  • 58. Wikis vs Blogs ● Blog ● Wiki – De uno/pocos – De varios/muchos – Organización en – Organización en base al tiempo base a contenidos (requiere más constancia) – Puede buscar recoger opiniones 58
  • 59. Wikis ● El gran ejemplo: Wikipedia – Enciclopedia libre gestionada por personas voluntarias: cualquiera puede consultar y también aportar o corregir – Estadísticas (mayo '09): ● Usuarios: > 1.000.000 registrados, 134 bibliotecarios ● Entradas: es > 474.000, eu > 38.000 – La Cuestión: rigurosidad. ● Hay revisiones permanentes ● “Primera fuente de información” vs “otra fuente de consulta” 59
  • 60. Wikis ● Otros proyectos: – Relacionados con wikipedia: ● Commons: http://commons.wikimedia.org ● Diccionario: http://es.wiktionary.org ● Textos de dominio público: http://es.wikisource.org ● Libros de contenido libre: http://es.wikibooks.org ● Citas: http://es.wikiquote.org ● Universidad: http://es.wikiversity.org – http://www.indymedia.org – http://www.wikihow.com – http://www.wikitravel.com 60
  • 61. Wikis ● Vandalismo – Es la posibilidad de que se modifiquen o borren contenidos de forma inadecuada, ej: ● spam publicitario ● personas con malas intenciones: borrar contenidos, tergiversar, subir materiales ajenos al site,... – Soluciones ● Corregir “a mano” ● No permitir editar sin registrarse ● Bloquear las páginas, bloquear las IPs vandálicas 61
  • 62. Wikis Claves para poner en marcha una wiki ● Actitud de explicitar el conocimiento ● Cultura colaborativa ● Persona(s) dinamizadora(s) del proceso 62
  • 63. Ofimática 2.0 63 CC BY-NC http://www.flickr.com/photos/stasiland/477377997
  • 64. Ofimática 2.0 ¿En qué consiste? ● Ofimática = documentos de texto, hojas de cálculo, presentaciones ● Funcionalidades comunes: – Ver – Editar, guardar, control de versiones – Organizar: tags y/o carpetas – Importar, exportar – Publicar, compartir para leer y/o modificar 64
  • 65. Gestión de info. personal (PIM) 65 CC BY-SA http://www.flickr.com/photos/24293932@N00/3719157266
  • 66. Gestión de info. personal (PIM) ¿En qué consiste? ● Correo electrónico ● PIM (Personal Information Management) – Calendarios – Contactos – Tareas ● Chat: google talk ● Gqueues ● Colaboración y Web conference 66
  • 68. Acortadores de URLs 68 CC BY-NC http://www.flickr.com/photos/kristinroach/3161944132
  • 69. Redes sociales CC BY-NC http://www.flickr.com/photos/calafellvalo/2860952642 http://en.wikipedia.org/wiki/List_of_social_networking_websites 69
  • 70. Redes sociales ¿En qué consiste? ● Son sitios web 2.0 para relacionarse en base a intereses comunes de personas, publicando y compartiendo información: – Datos personales: foto, contactos – Textos, fotos, música, videos,... – Red interna de mensajería, Foros,... ● Clasificaciones: – Por edades, por ámbitos horizontales (personal / profesional) o verticales (ej. viajes) 70
  • 71. Mapa 71
  • 72. Almacén de ficheros CC BY-NC-SA http://www.flickr.com/photos/thedepartment/137413905 http://en.wikipedia.org/wiki/List_of_online_backup_services 72
  • 73. Escritorio web http://en.wikipedia.org/wiki/Web_desktop 73 CC BY-NC-SA http://www.flickr.com/photos/brenopeck/2668291185
  • 74. Fotos 74 CC BY-NC-ND http://www.flickr.com/photos/postaletrice/4035030009
  • 75. Videos http://openvideoalliance.org 75 CC BY-NC-ND http://www.flickr.com/photos/philippeleroyer/4500772007
  • 77. Eskerrik asko etortzeagatik 77 CC BY-NC http://www.flickr.com/photos/48355243@N00
  • 78. Acerca de esta presentación ● Licencia de uso de esta presentación: http://creativecommons.org/licenses/by-sa/3.0/es/ ● Todos los logotipos son propiedad de sus dueños respectivos ● Herramientas utilizadas para hacer esta presentación: kubuntu, openoffice impress, firefox, ksnapshot “As we enjoy great advantages from inventions of others, we should be glad of an opportunity to serve others by any invention of ours; and this we should do freely and generously.” Benjamin Franklin 78