web 2.0

139
Curso de Experto: “La web 2.0” Fernando Tricas Garc´ ıa Dpto. de Inform´ atica e Ingenier´ ıa de Sistemas del Centro Polit´ ecnico Superior. Universidad de Zaragoza, Espa˜ na http://www.cps.unizar.es/ ~ ftricas/ ————————————– Curso ‘Experto en internet’ Melilla, noviembre de 2009

Upload: fernando-tricas-garcia

Post on 26-Jun-2015

1.072 views

Category:

Education


0 download

DESCRIPTION

Material utilizado para hablar de la web 2.0 en el curso de experto en internet de Melilla.

TRANSCRIPT

Page 1: Web 2.0

Curso de Experto: “La web 2.0”

Fernando Tricas Garcıa

Dpto. de Informatica e Ingenierıa de Sistemas del Centro Politecnico Superior.Universidad de Zaragoza, Espana

http://www.cps.unizar.es/~ftricas/

————————————–Curso ‘Experto en internet’

Melilla, noviembre de 2009

Page 2: Web 2.0

Programa

I Introduccion

I Leer

I Escribir

I Crear nuestro sitio

I Mas

I Conclusiones

Page 3: Web 2.0

¿Quien soy yo?

I Soy profesor de la Universidad de Zaragoza

I Tengo un blog (bitacora) desde hace mas de 7 anos

http://fernand0.blogalia.com/

I Y una pagina web desde hace algo mas

http://www.cps.unizar.es/~ftricas/

I Ultimamente tambien tiene su bitacora asociada

I Hemos publicado algunos trabajos de investigacion sobrebitacoras (BlogTalk 2003, BlogTalk 2004, ...)

I Estructura de redes socialesI ‘Numerologıa’I ...

I Socio de Blogia, uno de los proveedores hispanos con masbitacoras alojadas.

Page 4: Web 2.0

¿2.0?

http://nww.nerdwideweb.com/web20/Josep M. Ganyet

Markus Angermeier

Page 5: Web 2.0

¿2.0?Los logos ...

http://www.flickr.com/photos/jonastherkildsen/122881874/

Page 6: Web 2.0

¿2.0?

I 226 SHARE

I 166 YOUR

I 97 SEARCH

I 71 2.0

I 50 CREATE

I 50 MANAGE

I 50 SOCIAL

I 49 NEWS

I 46 MASH-UP

I 44 TO

I 44 UPLOAD

I 42 PHOTOS

I 41 ON

I 41 ONLINE

I 40 FIND

I 36 BOOKMARKING

I 36 FOR

I 30 PUBLISH

I 29 STORE

http://blog.drinsama.de/erich/en/xml/2006042603-web-2-oh.html

http://baris.typepad.com/venture_capitalist/2006/03/web_20_

companie.html

Page 7: Web 2.0

¿2.0?

http://www.wordle.net/

Page 8: Web 2.0

Web 2.0

Termino acunado por Tim O’Reilly en el congreso ¡O’Reilly MediaWeb 2.0’ en 2004.

I Ajax (tecnologıa): Asynchronous JavaScript and XMLI ¡Web!I La red como plataforma

I La gente:I ¡interaccion obligatoria!

I No maltratar a los usuariosI Google: ‘Don’t be evil’

Paul Graham, “Web 2.0”http://www.paulgraham.com/web20.html

Page 9: Web 2.0

¡Mas despacio!

Page 10: Web 2.0

Paginas estaticas

http://webdiis.unizar.es/~ftricas/Asignaturas/seguridadD/bibliografia.html

Page 11: Web 2.0

Paginas dinamicas

http://www.cps.unizar.es/

Page 12: Web 2.0

Mas dinamicas todavıa, Ajax

http://maps.google.com/

Page 13: Web 2.0

Ajax

Page 14: Web 2.0

Ajax

Page 15: Web 2.0

Javascript

I Lenguaje de programacionI Se ejecuta en el navegador

I Todos los navegadores modernos lo interpretan (mejor o peor)I Lo inventaron en Netscape Communications

I Se utiliza para:I ‘Efectos’ dinamicos en paginas web

Por ejemplo: ‘widgets’:http://fernand0.blogalia.com/

I Ofrecer paginas alternativas segun las caracterısticas delnavegador, sistema...http://mbpfernand0.wordpress.com/http://mbpfernand0.wordpress.com/wp-content/themes/livesearch.jso(Y otros)

I Y, desde hace unos anos, para cosas mas ‘complejas’

Page 16: Web 2.0

De la web 1.0 a la web 2.0

Web 1.0 Web 2.0

Doble click −→ Google AdSenseOfoto −→ FlickrAkamai −→ BitTorrentmp3.com −→ NapsterBritannica Online −→ Wikipediapersonal websites −→ bloggingevite −→ upcoming.org and EVDBdomain name speculation −→ search engine optimizationpage views −→ cost per clickscreen scraping −→ web servicespublishing −→ participationcontent management systems −→ wikisdirectories (taxonomy) −→ tagging (’folksonomy’)stickiness −→ syndication

Page 17: Web 2.0

La gente

http://arxiv.org/abs/physics/0610104

Structure and tie strengths in mobile communication networks. Authors: J.-P.Onnela, J. Saramaki, J. Hyvonen, G. Szabo, D. Lazer, K. Kaski, J. Kertesz,A.-L. Barabasi

http://www.flickr.com/photos/pietermorlion/2127296477/http://www.flickr.com/photos/anaypacosancho/2357581936/

Page 18: Web 2.0

Participando

I Escribiendo sus blogs (o donde sea)

I Votando (sitios de noticias, encuestas, ...)

I Simplemente pinchando

Page 19: Web 2.0

¿Que es un blog?

Una pagina web

http://www.barrapunto.com

http://www.pjorge.com

http://atalaya.blogalia.com/

http://blogs.creamoselfuturo.

com/nano-tecnologia/

http://rafanavarro.es/

http:

//mevoydeviaje.blogia.com/

Page 20: Web 2.0

El nombre de la cosa

I Weblog = Blog = Bitacora

Somos navegantes . . .La bitacora, donde se guarda elcuaderno de bitacora (foto JJ.

Merelo)

Page 21: Web 2.0

El nombre de la cosa

I Weblog = Blog = Bitacora

Somos navegantes . . .

La bitacora, donde se guarda elcuaderno de bitacora (foto JJ.

Merelo)

Page 22: Web 2.0

El nombre de la cosa

I Weblog = Blog = Bitacora

Somos navegantes . . .La bitacora, donde se guarda elcuaderno de bitacora (foto JJ.

Merelo)

Page 23: Web 2.0

Mas bitacoras (y usos)

http://garciala.blogia.com/

http://webteca.blogspot.com/

http://i3a.unizar.es/intambiental/blog/

http://aragosaurus.blogspot.com/

Page 24: Web 2.0

Pero ... ¿que es?

Un blog, tambien conocido como weblog o bitacora, esun sitio web periodicamente actualizado que recopilacronologicamente textos o artıculos de uno o variosautores, apareciendo primero el mas reciente.Habitualmente, en cada artıculo, los lectores puedenescribir sus comentarios y el autor darles respuesta, deforma que es posible establecer un dialogo. El uso otematica de cada blog es particular, los hay de tipopersonal, periodıstico, empresarial o corporativo,tecnologico, educativo, etc.http: // www. blogia. com/ que-es-un-weblog. php

Page 25: Web 2.0

(Algunos) antecedentes

¿Algo nuevo?quizas, no tanto como algunosnos dicen ... En el ano 1868aparecio en Madrid la revista ElAveriguador

La revista no era ni mas ni menos queuna recopilacion de correspondenciaentre “curiosos, literatos, anticuarios,etc., etc.”, junto con una “revista [...] dedocumentos y noticias interesantes”.

Jose Antonio Millan. Revista deOccidente. Junio 1998

Notificator, Londres, agosto 1935

Finales del siglo XIX, en Londres,los cafes.

“The internet in a cup”, TheEconomist, 20 de diciembre,2003.

Publick Occurrences:both Forreign and Domestick

Page 26: Web 2.0

Bitacora (o blog, o weblog) (II)

I Separacion entre la presentacion el contenido

I Uso muy facilI Dinamismo

I ComentariosI Enlaces

I ¡Relaciones!

Page 27: Web 2.0

Bitacora (o blog, o weblog) (II)

I Separacion entre la presentacion el contenido

I Uso muy facilI Dinamismo

I ComentariosI EnlacesI ¡Relaciones!

Page 28: Web 2.0

Antes de empezar . . .

Podemos compartir enlaces en:http://delicious.com/

¡Compartir es bueno!Copiar URLs no :(

Page 29: Web 2.0

Antes de empezar . . .

Los mıos estan en :http://delicious.com/expertomelilla/expertomelilla

I Todos podemos crear una cuenta allı para compartir enlaces apartir de ahora

Pista 1 Usar como etiqueta: expertomelilla (y otras, claro).Pista 2 Bookmarklets(http://delicious.com/help/buttons?ua=ff)Ahora, lo que pongamos se puede ver en:

http://delicious.com/tag/expertomelilla

Page 30: Web 2.0

Antes de empezar . . .

Los mıos estan en :http://delicious.com/expertomelilla/expertomelilla

I Todos podemos crear una cuenta allı para compartir enlaces apartir de ahora

Pista 1 Usar como etiqueta: expertomelilla (y otras, claro).Pista 2 Bookmarklets(http://delicious.com/help/buttons?ua=ff)Ahora, lo que pongamos se puede ver en:

http://delicious.com/tag/expertomelilla

Page 31: Web 2.0

Antes de empezar . . .

Los mıos estan en :http://delicious.com/expertomelilla/expertomelilla

I Todos podemos crear una cuenta allı para compartir enlaces apartir de ahora

Pista 1 Usar como etiqueta: expertomelilla (y otras, claro).Pista 2 Bookmarklets(http://delicious.com/help/buttons?ua=ff)Ahora, lo que pongamos se puede ver en:

http://delicious.com/tag/expertomelilla

Page 32: Web 2.0

Ejercicio:

I Poner en del.icio.us el nuestro, con la etiqueta expertomelilla

I Poner en nuestro del.icio.us una pagina que nos guste

Page 33: Web 2.0

Ejercicio:

I Poner en del.icio.us el nuestro, con la etiqueta expertomelilla

I Poner en nuestro del.icio.us una pagina que nos guste

Page 34: Web 2.0

Del.icio.us

I Compartir enlaces

I Etiquetas (tags)I Con RSS (claro)

I ‘Topes’ de popularidadI API

http://delicious.com/doc/api

Page 35: Web 2.0

Etiquetas

¿Recuerdan las promesas de la web semantica?

I ¿Quien pone la semantica?

I Ademas, Google ya nos ayuda a encontrar...

I ¡Las etiquetas!

Page 36: Web 2.0

Muchas formas de . . .

I Temas: http://delicious.com/tag/internet

I O mas: http://delicious.com/tag/internet+blogs

I Temas de interes http://delicious.com/inbox/rvr

I Mira este enlace! (Etiqueta for:)

Page 37: Web 2.0

Antes de empezar. Leer

‘Blogrolls’

Page 38: Web 2.0

Pero ...

I ¿Como seguir a tanta gente?

I ¿Cuando actualizan?

I Esto ... ¿lo lei ya o no?

I Prefiero leerlo en ...

Page 39: Web 2.0

RSS

Page 40: Web 2.0

Vale. . . ¿Pero que es RSS?

http://es.wikipedia.org/wiki/RSS

RSS es parte de la familia de los formatos XMLdesarrollado especıficamente para todo tipo de sitios quese actualicen con frecuencia y por medio del cual sepuede compartir la informacion y usarla en otros sitiosweb o programas.

I RSS =I Rich Site SummaryI RDF Site SummaryI Really Simple Syndication

¡Aun mas!

RSS 0.90, RSS 1.0, RSS 1.1, RSS 0.91, RSS 0.92 – 0.94, RSS 2.0

Y Atom :)

Page 41: Web 2.0

Vale. . . ¿Pero que es RSS?

http://es.wikipedia.org/wiki/RSS

RSS es parte de la familia de los formatos XMLdesarrollado especıficamente para todo tipo de sitios quese actualicen con frecuencia y por medio del cual sepuede compartir la informacion y usarla en otros sitiosweb o programas.

I RSS =I Rich Site SummaryI RDF Site SummaryI Really Simple Syndication

¡Aun mas!

RSS 0.90, RSS 1.0, RSS 1.1, RSS 0.91, RSS 0.92 – 0.94, RSS 2.0

Y Atom :)

Page 42: Web 2.0

Vale. . . ¿Pero que es RSS?

http://es.wikipedia.org/wiki/RSS

RSS es parte de la familia de los formatos XMLdesarrollado especıficamente para todo tipo de sitios quese actualicen con frecuencia y por medio del cual sepuede compartir la informacion y usarla en otros sitiosweb o programas.

I RSS =I Rich Site SummaryI RDF Site SummaryI Really Simple Syndication

¡Aun mas!

RSS 0.90, RSS 1.0, RSS 1.1, RSS 0.91, RSS 0.92 – 0.94, RSS 2.0

Y Atom :)

Page 43: Web 2.0

Vale. . . ¿Pero que es RSS?

http://es.wikipedia.org/wiki/RSS

RSS es parte de la familia de los formatos XMLdesarrollado especıficamente para todo tipo de sitios quese actualicen con frecuencia y por medio del cual sepuede compartir la informacion y usarla en otros sitiosweb o programas.

I RSS =I Rich Site SummaryI RDF Site SummaryI Really Simple Syndication

¡Aun mas!

RSS 0.90, RSS 1.0, RSS 1.1, RSS 0.91, RSS 0.92 – 0.94, RSS 2.0

Y Atom :)

Page 44: Web 2.0

Tambien con dibujos

Afortunadamente . . .

No somos programadores

Page 45: Web 2.0

Tambien con dibujos

Afortunadamente . . .No somos programadores

Page 46: Web 2.0

Lectores de RSS ...

Tenemos solo el contenido basico

I Tıtulo + Algo ...

Se parece a ...

I Asunto + Mensaje

Page 47: Web 2.0

Lectores de RSS ...

Tenemos solo el contenido basico

I Tıtulo + Algo ...

Se parece a ...

I Asunto + Mensaje

Page 48: Web 2.0

Algunos ejemplos ...

http://reader.google.com/

Page 49: Web 2.0

Algunos ejemplos ...

http://www.netvibes.com/

Page 50: Web 2.0

Compartir ...

http://www.netvibes.com/muskizkoliburutegia

Page 51: Web 2.0

¿Probamos?

Page 52: Web 2.0

Y, claro ...

http://i3a.unizar.es/blog/

http://groups.blogdigger.com/groups.jsp?id=68

Page 53: Web 2.0

Y, claro ...

http://www.suprglu.com/

http://friendfeed.com/

Page 54: Web 2.0

Muchos RSS’s

Un OPML!(Outline Processor Markup Language)

Page 55: Web 2.0

Y de mas formas . . .

Correo electronico:

http://www.feedblitz.com/

Page 56: Web 2.0

Empecemos ...

Hay muchos servicios

I Gratis, se puede probar y ver

I Sin preocuparse de nada, mas que de escribir

I Sin lımites (o casi). Para siempre ...

http://www.blogia.com/ http://www.nireblog.com/ http://www.lacoctelera.com/

http://www.wordpress.com/ http://www.blogger.com/

Page 57: Web 2.0

Nuestra primera bitacora en Blogia

http://www.blogia.com/

Page 58: Web 2.0

Ejercicio

I Abrir una bitacora

I Le damos a ‘ver tu blog’

I Apuntarla en del.icio.us (ası todos podemos ver las de losdemas)

I Escribimos la primera entrada:Administrar > Escribir nuevo(tambien podemos borrar la que pone Blogia por defecto alcrearla)

I Poner un comentario en nuestra entrada recien creada

I O en la de alguien del curso ...

Page 59: Web 2.0

Ejercicio

I Abrir una bitacora

I Le damos a ‘ver tu blog’

I Apuntarla en del.icio.us (ası todos podemos ver las de losdemas)

I Escribimos la primera entrada:Administrar > Escribir nuevo(tambien podemos borrar la que pone Blogia por defecto alcrearla)

I Poner un comentario en nuestra entrada recien creada

I O en la de alguien del curso ...

Page 60: Web 2.0

O por nuestra cuenta ..

I Nuestro propio dominio

I Control completo

I Segun nuestras necesidades ...

Page 61: Web 2.0

¿Por que?

I Compartir conocimiento, informacion

I Opinar, diarios personales

I Relaciones publicas

I ‘Periodismo’

I Notas, pensamientos, ideas, ...

I Literatura

I Polıtica

I Busqueda de almas gemelas

I Porque si

Page 62: Web 2.0

¿Por que? (II)

Muchos a muchosI Millones de escritores

I La conversacion globalI Ya no somos consumidores pasivosI Tenemos cosas que decir

I Y alguien que nos escucheI O no

Page 63: Web 2.0

¿Por que? (II)

Muchos a muchosI Millones de escritores

I La conversacion globalI Ya no somos consumidores pasivosI Tenemos cosas que decir

I Y alguien que nos escuche

I O no

Page 64: Web 2.0

¿Por que? (II)

Muchos a muchosI Millones de escritores

I La conversacion globalI Ya no somos consumidores pasivosI Tenemos cosas que decir

I Y alguien que nos escucheI O no

Page 65: Web 2.0

¿Y yo?

I Bowling alone

I Trabajo intelectualI Conocimiento

I Articulado: Universidad, cursos, MBA’s. . .I Tacito: no se puede transmitir hablando, sino haciendo y

viendo hacer

Dos lugares muy importantes en cualquier empresa:

I El tablon de anuncios

I La maquina de cafe

Page 66: Web 2.0

¿Y yo?

I Bowling alone

I Trabajo intelectualI Conocimiento

I Articulado: Universidad, cursos, MBA’s. . .I Tacito: no se puede transmitir hablando, sino haciendo y

viendo hacer

Dos lugares muy importantes en cualquier empresa:

I El tablon de anuncios

I La maquina de cafe

Page 67: Web 2.0

Algunos avisos

1. Todo no esta en internet

2. No todo lo que esta en internet es cierto

3. Mucha (mucha, mucha, mucha, mucha, ...) informaciondisponible

I Y poca gente organizandola, dandole sentido.

Infopolucion, infoxicacion, infoabundancia, infomucho, . . .

http://www.flickr.com/photos/lu6fpj/53468446/

http://www.flickr.com/photos/daquellamanera/311131166/

Page 68: Web 2.0

Algunos avisos

1. Todo no esta en internet

2. No todo lo que esta en internet es cierto

3. Mucha (mucha, mucha, mucha, mucha, ...) informaciondisponible

I Y poca gente organizandola, dandole sentido.

Infopolucion, infoxicacion, infoabundancia, infomucho, . . .

http://www.flickr.com/photos/lu6fpj/53468446/

http://www.flickr.com/photos/daquellamanera/311131166/

Page 69: Web 2.0

¿creamos un ‘blogroll’?

I administrar > enlaces(anadir algunos de los que hemos creado)

Page 70: Web 2.0

Ejercicio

Ahora el aspecto ...

I Podemos ponerle un nombre:

Administrar > Weblog (debajo de Mis preferencias)

(y mas cosas ...)

I Cambiar el aspecto

Administrar > Apariencia (debajo de Mis preferencias)

Page 71: Web 2.0

Ejercicio

Ahora el aspecto ...

I Podemos ponerle un nombre:

Administrar > Weblog (debajo de Mis preferencias)

(y mas cosas ...)

I Cambiar el aspecto

Administrar > Apariencia (debajo de Mis preferencias)

Page 72: Web 2.0

¿Que mas?

Es la comunidad

I ¿Quien nos lee?

I ¿Quien nos enlaza?

I ¿De que habla la gente?

I En realidad... ¿quien habla de cosas que me interesan?

I Solucion manual: dejar comentarios, correo electronico ....

¡Importante!

Page 73: Web 2.0

Buscando enlaces

I Los ‘referers’I ‘A lo bruto’ (o con herramientas, si tenemos acceso a los

‘registros’ del servidorI Herramientas externas (la mayorıa de contadores de visitas,

proporcionan este servicio)

Hay quien cree que es esto:

Page 74: Web 2.0

Buscando enlaces

I Los ‘referers’I ‘A lo bruto’ (o con herramientas, si tenemos acceso a los

‘registros’ del servidorI Herramientas externas (la mayorıa de contadores de visitas,

proporcionan este servicio)

Hay quien cree que es esto:

Page 75: Web 2.0

Enlaces ...

Cuando en realidad es esto otro:

Page 76: Web 2.0

Buscando enlaces

I Ventajas:I No hace falta que el otro haga nadaI Hay buenas herramientas

I Inconvenientes:I Alguien tiene que ‘pinchar’I Poco ‘sensible’I Trabajo

Page 77: Web 2.0

¿Quien nos enlaza?

Trackback: ¡eh! te enlaceI Querido diario .... http://blog.com/tal_y_cual.html

I Dicen en http://blog.com/tal_y_cual.html, ’Querido diario ...’http://otroBlog.com/hablando_de_tal_y_cual.html

¡Ping!I Querido diario ... http://blog.com/tal_y_cual.html

Hablan de nosotros en ... http://otroBlog.com/hablando_de_tal_y_cual.html

Page 78: Web 2.0

¿Quien nos enlaza?

Trackback: ¡eh! te enlaceI Querido diario .... http://blog.com/tal_y_cual.html

I Dicen en http://blog.com/tal_y_cual.html, ’Querido diario ...’http://otroBlog.com/hablando_de_tal_y_cual.html

¡Ping!I Querido diario ... http://blog.com/tal_y_cual.html

Hablan de nosotros en ... http://otroBlog.com/hablando_de_tal_y_cual.html

Page 79: Web 2.0

¿Quien nos enlaza?

Trackback: ¡eh! te enlaceI Querido diario .... http://blog.com/tal_y_cual.html

I Dicen en http://blog.com/tal_y_cual.html, ’Querido diario ...’http://otroBlog.com/hablando_de_tal_y_cual.html

¡Ping!I Querido diario ... http://blog.com/tal_y_cual.html

Hablan de nosotros en ... http://otroBlog.com/hablando_de_tal_y_cual.html

Page 80: Web 2.0

¿Quien nos enlaza?

Trackback: ¡eh! te enlaceI Querido diario .... http://blog.com/tal_y_cual.html

I Dicen en http://blog.com/tal_y_cual.html, ’Querido diario ...’http://otroBlog.com/hablando_de_tal_y_cual.html

¡Ping!I Querido diario ... http://blog.com/tal_y_cual.html

Hablan de nosotros en ... http://otroBlog.com/hablando_de_tal_y_cual.html

Page 81: Web 2.0

Avisando

I Ventajas:I AutomatizableI Informacion completa

I DesventajasI No se usa muchoI Spam?

Page 82: Web 2.0

¿Quien nos enlaza?

Buscadores

I http://blogsearch.google.com/

Page 83: Web 2.0

Y mas ...

http://www.blogpulse.com/

Page 84: Web 2.0

En todo caso . . .

Reducir la ‘friccion’“Estimado Sr,

hemos visto que publico en . . . “

!No me preguntes!

Puedes usarlo ası . . .

http://creativecommons.org/ http://www.coloriuris.net/

Page 85: Web 2.0

En todo caso . . .

Reducir la ‘friccion’“Estimado Sr,

hemos visto que publico en . . . “

!No me preguntes!

Puedes usarlo ası . . .

http://creativecommons.org/ http://www.coloriuris.net/

Page 86: Web 2.0

En todo caso . . .

Reducir la ‘friccion’“Estimado Sr,

hemos visto que publico en . . . “

!No me preguntes!

Puedes usarlo ası . . .

http://creativecommons.org/ http://www.coloriuris.net/

Page 87: Web 2.0

¡Uf!No creo que pueda escribir todos los dıas . . .

No hace falta pero . . .

Hay mas formas de participar

Etiquetas, fotos, enlaces, . . .

Page 88: Web 2.0

¡Uf!No creo que pueda escribir todos los dıas . . .

No hace falta pero . . .

Hay mas formas de participar

Etiquetas, fotos, enlaces, . . .

Page 89: Web 2.0

Etiquetas (otra vez)

Page 90: Web 2.0

Compartir fotos

I Flickr http://www.flickr.com/

I Como un fotologI Pero ademas...

I Gestion de contactos (contactos, amigos, familiares)I Notas, Tags (volveremos sobre esto)I API

Page 91: Web 2.0

El API de Flickr

http://www.marumushi.com/apps/

flickrgraph/http://iamcaltrain.com/

Page 92: Web 2.0

Mashups!

Page 93: Web 2.0

¿Que es un Mashup?

¡Viva la mezcla!

En la entrada ...

I APIs abiertasI RSSI Incluso ‘scraping’

http://iamcaltrain.com/

Ejercicio: ¿Fuentes de datos?

Page 94: Web 2.0

¿Que es un Mashup?

¡Viva la mezcla!

En la entrada ...

I APIs abiertasI RSSI Incluso ‘scraping’

http://iamcaltrain.com/

Ejercicio: ¿Fuentes de datos?

Page 95: Web 2.0

Un calendario

http://elmcity.cloudapp.net/services/a2cal/htmlhttp://elmcity.cloudapp.net/

Page 96: Web 2.0

¿Podemos nosotros?

Page 97: Web 2.0

¡Claro!

Dos sitios para probar:

I Yahoo! Pipes

I Tarpipe

Ejemplo: Todos los resultados de nuestro delicious agrupados.Ejercicio: Crear una ‘tuberıa’ que contenga todos nuestros

trabajos (De cada uno).

¿Alguna idea mas?

Page 98: Web 2.0

¡Claro!

Dos sitios para probar:

I Yahoo! Pipes

I Tarpipe

Ejemplo: Todos los resultados de nuestro delicious agrupados.

Ejercicio: Crear una ‘tuberıa’ que contenga todos nuestros

trabajos (De cada uno).

¿Alguna idea mas?

Page 99: Web 2.0

¡Claro!

Dos sitios para probar:

I Yahoo! Pipes

I Tarpipe

Ejemplo: Todos los resultados de nuestro delicious agrupados.Ejercicio: Crear una ‘tuberıa’ que contenga todos nuestros

trabajos (De cada uno).

¿Alguna idea mas?

Page 100: Web 2.0

¡Claro!

Dos sitios para probar:

I Yahoo! Pipes

I Tarpipe

Ejemplo: Todos los resultados de nuestro delicious agrupados.Ejercicio: Crear una ‘tuberıa’ que contenga todos nuestros

trabajos (De cada uno).

¿Alguna idea mas?

Page 101: Web 2.0

Lo penultimo. Nano- y Micro-blogging

http://www.twitter.com/

Page 102: Web 2.0

Lo penultimo. Nano- y Micro-blogging

http://www.twitter.com/

Page 103: Web 2.0

Lo penultimo. Nano- y Micro-blogging

http://www.twitter.com/

Page 104: Web 2.0

La vida de los ‘tuits’

I @nombre =⇒ respuestas, ‘retweets’

I #tema =⇒ temas, asuntos (para facilitar la busqueda)

I d nombre =⇒ mensaje directo. Solo el receptor lo ve y ademasrecibe notificacion por correo. Solo para nuestros ‘amigos’.

Page 105: Web 2.0

¡Probemos!

Page 106: Web 2.0

Lo penultimoNano- y Micro-blogging

.

http://www.tumblr.com/

Page 107: Web 2.0

Noes

I No ignorar a la gente

I No decir algo que no dirıamos a la cara

I No olvidar que puede quedar para siempre

I No hacer trabajar a los que leen

I No descuidar la escritura

I No sobrecargar la pagina con miles de ‘cacharritos’

I No poner entradas para rellenar

I No hacer spam (comentarios en sitios importantes solo paraatraer visitas)

I No robar (siempre citar, referenciar)

I No somos expertos en todo

I No dar demasiada informacion personal (?)

Una (otra) lista:

http://www.invesp.com/blog/blogging/152-dos-donts-of-business-blogging.html

Page 108: Web 2.0

Mas consejos

I Primero, explorar

I Tambien explorar temas nuevos

I Regularidad

I Enlazar

I Si no consigues algo, seguramente no tiene sentido (archivo,diversion, influencia, dinero, ...)

I Naturalidad

I ‘Mirar alrededor’ (estadısticas, enlaces, ...)

I Don’t feed the troll!

I No mentir

http://www.enriquedans.com/2008/03/hablando-sobre-blogs-en-expansion.html

Page 109: Web 2.0

Mas consejos finales

Sobre todo ...

I NO hacer caso de las listas (al menos, no de todo).

Y .....

Divertirse

Page 110: Web 2.0

Mas consejos finales

Sobre todo ...

I NO hacer caso de las listas (al menos, no de todo).

Y .....

Divertirse

Page 111: Web 2.0

¿Que relacion hay?

Page 112: Web 2.0

¿Que relacion hay?

Page 113: Web 2.0

¿Que relacion hay?

Page 114: Web 2.0

¿Que relacion hay?

Page 115: Web 2.0

¿Que relacion hay?

Page 116: Web 2.0

¿Que relacion hay?

Page 117: Web 2.0

Mas despacio

Page 118: Web 2.0

Mas despacio

Page 119: Web 2.0

Mas despacio

Page 120: Web 2.0

Mas despacio

Page 121: Web 2.0

Entonces, ¿de que estamos hablando?

I RelacionesI Consecuencias de estas relaciones

I ¿A quien conozco?I ¿A quien conoces que me gustarıa conocer?I ¿Que puedo decir (de bueno) de tı?

Page 122: Web 2.0

Redes. Algunas caracterısticasLa cola larga

La venganza de los humildes

Bitacoras

Suscriptores Yahoo! Amigos enLiveJournal

¿Como?

I Hay unos pocos que tienen mucho

I Pero, a veces, si se juntan los que tienen menos, tienen mas

Page 123: Web 2.0

Redes. Algunas caracterısticasLa cola larga

La venganza de los humildes

Bitacoras

Suscriptores Yahoo! Amigos enLiveJournal

¿Como?

I Hay unos pocos que tienen mucho

I Pero, a veces, si se juntan los que tienen menos, tienen mas

Page 124: Web 2.0

Redes. Algunas caracterısticasEstructura de comunidad a diferentes escalas

Page 125: Web 2.0

Redes mundo pequeno (panuelo)

I Muchas redes son ası

I Incluso aleatorias

I El experimento de Stanley MilgramPodemos alcanzar a cualquier persona en el mundo mediantecontactos cercanos. En USA, en 1967, la separacion era deseis.

Page 126: Web 2.0

El experimento de Milgram

Las cartasEnviadas por personas elegidas aleatoriamente, residentes enWichita y Omaha.La carta contenıa un resumen del estudio, una foto y el nombre yla direccion de la persona a la que iba destinada.

1. Anada su nombre a la lista de abajo

2. Separe una postal. Rellenela y enviela a la Universidad deHarvard

3. Si conoce a la persona (personalmente) envıele la postal.

4. Si no la conoce personalmente, envıesela a algun conocidopersonal suyo que ud. crea que puede hacer que le llegue.

Page 127: Web 2.0

Los resultados

Solo llegaron el 29 % de las cartas enviadas (42 de 169)

De las que llegaron: la mediana de personas intermedias era 5.5

¿Y en internet?

En la web se hicieron estudios en el 1999, llegando a la conclusionde que entre cualquier par de documentos en la red habrıa undiametro de 18.59 (19 grados de separacion).

Albert, Barabasi.

Page 128: Web 2.0

Los resultados

Solo llegaron el 29 % de las cartas enviadas (42 de 169)

De las que llegaron: la mediana de personas intermedias era 5.5

¿Y en internet?

En la web se hicieron estudios en el 1999, llegando a la conclusionde que entre cualquier par de documentos en la red habrıa undiametro de 18.59 (19 grados de separacion).

Albert, Barabasi.

Page 129: Web 2.0

Bastante popularidad

El numero de Bacon refleja distancia entreactores, basados en pelıculas en las que amboshan participado

Kevin Bacon Number # of People

0 11 19132 1628193 4601134 1104195 79946 7777 788 14

Page 130: Web 2.0

Mas estrellas que en el cielo

I Alfredo Landa, 3

I Antonio Banderas, 2

I Santi Rodrıguez, 3

1. Alfredo Landa was in Around the Worldin Eighty Days (1956) with Larry Duran

2. Larry Duran was in Kidnapping of thePresident, The (1980) with MauryChaykin

3. Maury Chaykin was in Where the TruthLies (2005) with Kevin Bacon

En todo caso . . .

I Hay 1048 actores mejor conectados que Kevin Bacon

I La media del numero de Bacon es de 2’946

I El actor mejor conectado es Rod Steiger 2’678695 (y elsegundo Christopher Lee, con 2’684104)

Page 131: Web 2.0

Mas estrellas que en el cielo

I Alfredo Landa, 3

I Antonio Banderas, 2

I Santi Rodrıguez, 3

1. Alfredo Landa was in Around the Worldin Eighty Days (1956) with Larry Duran

2. Larry Duran was in Kidnapping of thePresident, The (1980) with MauryChaykin

3. Maury Chaykin was in Where the TruthLies (2005) with Kevin Bacon

En todo caso . . .

I Hay 1048 actores mejor conectados que Kevin Bacon

I La media del numero de Bacon es de 2’946

I El actor mejor conectado es Rod Steiger 2’678695 (y elsegundo Christopher Lee, con 2’684104)

Page 132: Web 2.0

Mas estrellas que en el cielo

I Alfredo Landa, 3

I Antonio Banderas, 2

I Santi Rodrıguez, 3

1. Alfredo Landa was in Around the Worldin Eighty Days (1956) with Larry Duran

2. Larry Duran was in Kidnapping of thePresident, The (1980) with MauryChaykin

3. Maury Chaykin was in Where the TruthLies (2005) with Kevin Bacon

En todo caso . . .

I Hay 1048 actores mejor conectados que Kevin Bacon

I La media del numero de Bacon es de 2’946

I El actor mejor conectado es Rod Steiger 2’678695 (y elsegundo Christopher Lee, con 2’684104)

Page 133: Web 2.0

Sitios de redes sociales

Parece que. . .

El ultimo fenomeno de internet es tratar de hacer explıcitas lasrelaciones sociales mediante sistemas orientados a gestionarnuestras relaciones.

I De forma explıcita (Mis amigos son . . . )

I De forma implıcita (Me gusta lo que hace . . . )

Vamos a hablar un poco de estas herramientas. . .

Page 134: Web 2.0

Sitios de redes sociales

http://www.tuenti.com/ http://www.facebook.com/

http://www.xing.com/ http://www.linedin.com/

Page 135: Web 2.0

Sitios de redes sociales

http://www.tuenti.com/ http://www.facebook.com/

http://www.xing.com/ http://www.linedin.com/

Page 136: Web 2.0

En Facebook

I Que lo vean solo nuestros amigosI ... pero asumir que puede que lo vea cualquiera.

I Cuidado con las aplicaciones (en facebook).

I Cuidado con lo que no entendamos bien.

I Podemos buscar amigos (mejor amigos ‘de verdad’)

I Gestion desde el principio (listas ...)

I Es mejor poner fotos reconocibles

I Actualizar el ‘status’I Se pueden poner enlaces, vıdeos, fotografıas, frases, ...

I Y etiquetar a la gente...

I Comentar lo que hacen otros y decir lo que nos gusta (comolos ‘toques’ del movil?).

I Mantener el contacto, pero no ‘abusar’

Page 137: Web 2.0

Crear grupos y ‘eventos’

I Sobre temas que nos interesan

I Se pueden enviar mensajes al grupo

I PERO ... Si alguien no acepta nuestra invitacion es muydesagradable volver a recibirla (cuidado con las invitacionesmasivas).

I Desarrollaremos una actividad, tal dıa, a tal hora, en tallugar...

I Se puede invitar a otros (con respuesta).

Page 138: Web 2.0

Crear grupos y ‘eventos’

I Sobre temas que nos interesan

I Se pueden enviar mensajes al grupo

I PERO ... Si alguien no acepta nuestra invitacion es muydesagradable volver a recibirla (cuidado con las invitacionesmasivas).

I Desarrollaremos una actividad, tal dıa, a tal hora, en tallugar...

I Se puede invitar a otros (con respuesta).

Page 139: Web 2.0

Xing, Linkedin

I Orientacion profesional (currıculum, contacto,recomendaciones de personas, ...)

I Contactos pasados, pero tambien ‘posibles futuros’

I Que hemos hecho, que sabemos hacer, donde hemos estado(profesionalmente).

I Hay grupos (participar o crearlos puede darnos visibilidad)

I Tambien ‘eventos’ e invitaciones.

I Relaciones de relaciones (a veces es mejor contactar conalguien a traves de un tercero).