Web 2.0 (dic 2010)

78

Transcript of Web 2.0 (dic 2010)

Page 1: Web 2.0 (dic 2010)
Page 3: Web 2.0 (dic 2010)

3

¿Qué es la web 2.0?

Taxonomías: categorías y[ nubes de] etiquetas (tags)

Participación de los usuarios

Mezclas (mash-ups)

Del escritorio al navegador

Usabilidad

ComunidadesConocimiento colectivo

Podcasts, VidcastsWikis

Sindicación y Agregación

Folksonomías

Marcadores sociales

Nuevas formas de relacionarse

Blogs

Canales (Feeds)RSS y Atom

La nubeWidgets

Microblogs

Page 7: Web 2.0 (dic 2010)

7

Historia de la web

2001:la burbujatecnológica:muchosfracasos yalgunoséxitos

2004:primeraconferenciasobreweb 2.0Protagonista:el usuario

1990:www y elprimernavegador

1993:navegadorMosaicweb 1.0

20??:web 3.0:web semántica,inteligencia artificial, 3D,...Protagonista:los procesadores

Page 8: Web 2.0 (dic 2010)

8

Foto tendencias 2007

Info

rmati

on

Arc

hit

ects

In

c.

Jap

an

– W

eb

Tre

nd

s

Page 9: Web 2.0 (dic 2010)

9

CC

BY

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/2

14

96

790

@N

06

/50

65

83

441

1

¿Para qué vale la web 2.0?

Page 16: Web 2.0 (dic 2010)

16

Requisitos tecnológicos

Programas

Dispositivocon conexión

a Internet

Navegador yextensiones

Otros

Page 17: Web 2.0 (dic 2010)

17

Contenidos digitales

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

●Textos: Artículos, Libros,...●Imagen: Fotos, Dibujos,...●Video: Películas de cine,...●Audio: Canciones,...●Software

●Cuadros●Esculturas●Obras de teatro

Page 18: Web 2.0 (dic 2010)

18

Licencias Creative Commons

● Para trabajos creativos, ej. arte, fotos, escritos, música,... No para software

● 6 licenciasbasadasen combinar4 obligaciones

● Versiones (ej. 3.0) y traducciones● Repositorios que las usan:

BY

NC (non-commercial)

SA (share alike)

No derivative works

http://flickrcc.bluemountains.nethttp://www.archive.org/about/faqs.php#263 http://commons.wikimedia.org/

Page 19: Web 2.0 (dic 2010)
Page 20: Web 2.0 (dic 2010)

20

Ámbitos relacionales

Todo el mundo

Sóloyo

Amistades Ámbitoprofesional

AlumnadoGrupo de

investigación...

● Público

● Privado

● Íntimo

Page 21: Web 2.0 (dic 2010)

21

Infraestructura de servicio

● Antes programas “desktop”.● Ahora “webtop”. Alternativas:

Sóloen la nube

Instalableen

servidorpropio

¿Efecto “bar vacío”?Alta concentraciónen “los grandes”,

ej. Google en casi todo

Page 22: Web 2.0 (dic 2010)

22

Riesgos

● Fiabilidad● Propiedad de datos● Privacidad● Infoxicación

Page 23: Web 2.0 (dic 2010)

23

Control de datos y Software libre

http://wiki.debian.org/FreedomBox/LeavingTheCloud http://autonomo.us/wiki/Wish_list

● Acceso a datos:

– Automático: APIs abiertas– Manual, ej:

http://www.dataliberation.org/● Acceso al código● Alternativas:

Page 24: Web 2.0 (dic 2010)

24

Interrelación entre servicios

IdentificaciónAutorización

Integraciónde

contenidos(mash-up)

Iconosde enlaces

Page 25: Web 2.0 (dic 2010)

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

Page 26: Web 2.0 (dic 2010)

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

Page 27: Web 2.0 (dic 2010)

27

Criterios de selección

PrecioEspacio

Publicidad

Idiomas

Funcionalidadweb 2.0

Uso amplio

web 1.0

Infraestructura

web 2.0

Contenidos

-Licenciabilidad-Propiedad-Usos y privacidad-Acceso manual(export/import)

-Publicación compartida-Etiquetas-Sindicación-Interacción APIs

-Softwareinstalable/libre

Page 28: Web 2.0 (dic 2010)

28

Aprendizaje para cada servicio

En quéconsiste

Para quévale

Cómose usa

Quéalternativas hay

ServicioX

Page 29: Web 2.0 (dic 2010)

29

Cuentas para las prácticas

● google● delicious (o yahoo)● wikispaces (u openid)● wordpress.com

● twitter, identica● facebook● flickr (o yahoo)● dropbox, sugarsync, spideroak

Aconsejables:

Optativas:

Page 30: Web 2.0 (dic 2010)

30

Noticias sociales

CC

BY-

NC

-SA

htt

p:/

/ww

w.f

lickr.

com

/ph

oto

s/itm

igh

tbed

ave/5

22

27

72

657

Page 31: Web 2.0 (dic 2010)

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

Page 32: Web 2.0 (dic 2010)

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

Page 33: Web 2.0 (dic 2010)

33

Marcadores sociales

CC

BY-

NC

-ND

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/2

553

33

61@

N00

/29

76

233

47

Page 34: Web 2.0 (dic 2010)

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

Page 35: Web 2.0 (dic 2010)

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

Page 36: Web 2.0 (dic 2010)

36

Blogs

Page 37: Web 2.0 (dic 2010)

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

Page 38: Web 2.0 (dic 2010)

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

Page 39: Web 2.0 (dic 2010)

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

Page 40: Web 2.0 (dic 2010)

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

Page 41: Web 2.0 (dic 2010)

41

Agregación

CC

BY

htt

p:/

/ww

w.f

lickr.

com

/ph

oto

s/n

ikon

vsc

an

on

/344

721

727

7

Page 42: Web 2.0 (dic 2010)

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

Page 43: Web 2.0 (dic 2010)

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.

Page 44: Web 2.0 (dic 2010)

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

Page 45: Web 2.0 (dic 2010)

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

Page 46: Web 2.0 (dic 2010)

46

Sindicación

CC

BY-

ND

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/2

80

47

774

@N

04

/48

21

21

749

1

Page 47: Web 2.0 (dic 2010)

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:

Page 48: Web 2.0 (dic 2010)

48

Sindicación

¿Para qué vale?● Para publicar contenidos en varios sitios a

la vez● Para fidelizar a los clientes

Page 49: Web 2.0 (dic 2010)

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

Page 50: Web 2.0 (dic 2010)

50

Podcast y Vidcast

Page 51: Web 2.0 (dic 2010)

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

Page 52: Web 2.0 (dic 2010)

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:

Page 53: Web 2.0 (dic 2010)

53

Buscadores de blogs

CC

BY

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/s

ud

ham

shu

/330

02

383

26

Page 54: Web 2.0 (dic 2010)

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

Page 55: Web 2.0 (dic 2010)

55

Wikis

http://en.wikipedia.org/wiki/Comparison_of_wiki_farms

Page 56: Web 2.0 (dic 2010)

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

Page 57: Web 2.0 (dic 2010)

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

Page 58: Web 2.0 (dic 2010)

58

Wikis vs Blogs

● Blog– De uno/pocos– Organización en

base al tiempo(requiere más constancia)

– Puede buscar recoger opiniones

● Wiki– De varios/muchos– Organización en

base a contenidos

Page 59: Web 2.0 (dic 2010)

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”

Page 60: Web 2.0 (dic 2010)

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

Page 61: Web 2.0 (dic 2010)

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

Page 62: Web 2.0 (dic 2010)

62

Wikis

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

Page 63: Web 2.0 (dic 2010)

63

Ofimática 2.0

CC

BY-

NC

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/s

tasilan

d/4

77

37

79

97

Page 64: Web 2.0 (dic 2010)

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

Page 65: Web 2.0 (dic 2010)

65

Gestión de info. personal (PIM)

CC

BY-

SA

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/2

42

93

932

@N

00

/37

19

15

726

6

Page 66: Web 2.0 (dic 2010)

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

Page 67: Web 2.0 (dic 2010)

67

Microblogging

CC

BY-

NC

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/o

uts

an

ityp

hoto

s/2

45

77

46

322

Page 68: Web 2.0 (dic 2010)

68

Acortadores de URLs

CC

BY-

NC

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/k

risti

nro

ach

/31

619

44

13

2

Page 69: Web 2.0 (dic 2010)

69

Redes sociales

CC

BY-

NC

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/c

ala

fellvalo

/28

60

952

64

2

http://en.wikipedia.org/wiki/List_of_social_networking_websites

Page 70: Web 2.0 (dic 2010)

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)

Page 71: Web 2.0 (dic 2010)

71

Mapa

Page 72: Web 2.0 (dic 2010)

72

Almacén de ficheros

CC

BY-

NC

-SA

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/t

hed

ep

art

men

t/1

374

13

90

5

http://en.wikipedia.org/wiki/List_of_online_backup_services

Page 73: Web 2.0 (dic 2010)

73

Escritorio web

CC

BY-

NC

-SA

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/b

ren

op

eck/2

66

82

911

85

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

Page 74: Web 2.0 (dic 2010)

74

Fotos

CC

BY-

NC

-ND

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/p

osta

letr

ice/4

03

50

30

00

9

Page 75: Web 2.0 (dic 2010)

75

Videos

CC

BY-

NC

-ND

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/p

hilip

pele

royer/

45

007

72

00

7

http://openvideoalliance.org

Page 76: Web 2.0 (dic 2010)

76 CC

BY-

ND

htt

p:/

/ww

w.f

lick

r.com

/ph

oto

s/c

avem

an

_92

22

3/3

183

162

056

Mapas

Page 77: Web 2.0 (dic 2010)

77

Eskerrik asko etortzeagatik

CC

BY-

NC

htt

p:/

/ww

w.f

lickr.

com

/ph

oto

s/4

835

524

3@

N0

0

Page 78: Web 2.0 (dic 2010)

78

Acerca de esta presentación

● Licencia de uso de esta presentación:

● 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

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