Introduccion a la Web 20

Cátedra Telefónica en UPM Internet de Nueva GeneraciónCátedra Telefónica en UPM Internet de Nueva Generación

Introducción a las Jornadasy al Web 2.0

Juan QuemadaDirector de la Cátedra

http://www.cting.upm.es


Jornadas Internet NG 2006Jornadas Internet NG 2006

➨Este año se centran en aplicaciones y

servicios

✔Dia 18: “Web 2.0”

✔Dia 19: “Blogs: La Conversacion”

➨Año de conexión con Latinoamerica

✔UPM ha firmado un convenio con CLARA

✔Mas de 20 universidades de Latinoamerica


Sextas Jornadas Internet de Nueva GeneraciónSextas Jornadas Internet de Nueva Generación

Primera SesiónPrimera Sesión (en Español): Introducción al Web 2.0

Segunda SesiónSegunda Sesión (en Español): Mesa RedondaSociedad Web 2.0: Blogs y comunidades

Tercera SesiónTercera Sesión (en Ingles): Perspective on the New Web

Cuarta SesiónCuarta Sesión (en Inglés): Pannel DiscussionWeb 2.0 and beyond


Jornada distribuida: Platforma IsabelJornada distribuida: Platforma Isabel

INTERNET

DE BANDA

ANCHA


Que es Web 2.0Que es Web 2.0

➨ Web2.0 aparece como termino en 2004Web2.0 aparece como termino en 2004✔ Promovido por un grupo de personas (fundamentalmente en California)Promovido por un grupo de personas (fundamentalmente en California)✔ O’Reilly está considerado como el promotor o inventor del términoO’Reilly está considerado como el promotor o inventor del término

➨ Es un proceso de reflexión -> no es una nueva tecnologíaEs un proceso de reflexión -> no es una nueva tecnología

➨ Objetivo:Objetivo:✔ encontrar patrones de éxito de empresas y servicios de Internetencontrar patrones de éxito de empresas y servicios de Internet

✔Que han sobrevivido con enorme éxito a la burbuja de InternetQue han sobrevivido con enorme éxito a la burbuja de Internet✔ Google, Amazon, eBay, Skipe, Wikipedia, Blogosfera, ….Google, Amazon, eBay, Skipe, Wikipedia, Blogosfera, ….

➨ Hay personas que lo consideran un termino vacio de contenidoHay personas que lo consideran un termino vacio de contenido✔ Aunque es una realidad en terminos de empresas y serviciosAunque es una realidad en terminos de empresas y servicios


Sustratos del Web 2.0Sustratos del Web 2.0

➨ Sustrato participativo y socialSustrato participativo y social✔ Web 2.0 es sobre todo interaccion y collaboración entre personas al Web 2.0 es sobre todo interaccion y collaboración entre personas al

margen de la tecnologíamargen de la tecnología✔Comunidades On-lineComunidades On-line

➨ Sustrato personalSustrato personal✔ Voluntad de vivir en la red y aprovechar sus posibilidadesVoluntad de vivir en la red y aprovechar sus posibilidades

➨ Sustrato tecnológicoSustrato tecnológico✔ Arquitecturas de despliegue de servicios que facilitan Arquitecturas de despliegue de servicios que facilitan

✔El uso de los servicios por los usuariosEl uso de los servicios por los usuarios✔El despliegue y la creación de nuevos serviciosEl despliegue y la creación de nuevos servicios


Tagging (folksonomy)Directorios, taxonomyConocimiento

SyndicationURLsReferencias

BitTorrent (P2P)Akamai (Content deliv.)Contenidos

……….……..……

WikipediaBritannica OnlineEnciclopedia

SKIPE, …NetmeetingV&VoIP

Servicios Google, …Netscape, Explorer, ..Plataformas

WikisContent Manag. SystemsSitios Web

BlogsPaginas personalesImagen personal

Web 2.0Web 2.0Web 1.0Web 1.0

Ejemplos de paso de Web1.0 a Web 2.0


Sustrato personal: Homo 2.0Sustrato personal: Homo 2.0

➨ Los pioneros del Web 2.0Los pioneros del Web 2.0✔ Desarrollan al máximo su proyección e imagen en la redDesarrollan al máximo su proyección e imagen en la red

✔Poseen su Blog: es su imagen/personalidad en la redPoseen su Blog: es su imagen/personalidad en la red✔Siguen reglas/etiquetas de comportamiento en redSiguen reglas/etiquetas de comportamiento en red

➨ EvoluciónEvolución✔ -> Homo sapiens -> Homo sapiens ✔ -> Homo papyrus-> Homo papyrus✔ -> Homo zappiens-> Homo zappiens✔ -> Homo 2.0-> Homo 2.0

✔Bloglodita, homo blogotiensis u hombre de BlogmañonBloglodita, homo blogotiensis u hombre de Blogmañon


Sustrato socialSustrato social

➨ La red se democratizaLa red se democratiza✔ Se amplia enormente el número de usuarios que utilizan la red de Se amplia enormente el número de usuarios que utilizan la red de

forma activa y participativaforma activa y participativa✔Usuarios no técnicos desarrollan sus propios serviciosUsuarios no técnicos desarrollan sus propios servicios

➨ Aparecen las comunidades en la redAparecen las comunidades en la red✔ La interacción-participación se hace al margen de la técnologíaLa interacción-participación se hace al margen de la técnología✔ Crecen de forma espectacular Crecen de forma espectacular

✔Si satisfacen una necesidad social o de collaboraciónSi satisfacen una necesidad social o de collaboración✔ Las comunidades enriquecen el “conocimiento” en la redLas comunidades enriquecen el “conocimiento” en la red

✔Compartiendo datos y reflexiones con la comunidadCompartiendo datos y reflexiones con la comunidad


➨ El valor de un servicios esta en El valor de un servicios esta en ✔ El tamaño de la comunidadEl tamaño de la comunidad

✔ La acumulación de datos y conocimiento: “Data Inside” La acumulación de datos y conocimiento: “Data Inside”

✔ Compartido y enriquecido por todos los usuariosCompartido y enriquecido por todos los usuarios

✔ Indices (Tags), recommendaciones, comentarios, …Indices (Tags), recommendaciones, comentarios, …

➨ Folksonomies (tag clouds):Folksonomies (tag clouds):✔ Ontologias creadas dinamicamente por los usuariosOntologias creadas dinamicamente por los usuarios

✔ Clasifican la información guardada por una comunidadClasifican la información guardada por una comunidad

✔ Son un subproducto de enorme utilidad de la actividad de la comunidadSon un subproducto de enorme utilidad de la actividad de la comunidad

➨ Ejemplos de uso de conocimiento compartidoEjemplos de uso de conocimiento compartido✔ Google: Explota económicamente el conocimiento del interés de un usuarioGoogle: Explota económicamente el conocimiento del interés de un usuario

✔ Amazón, eBay: datos de ventas, comentarios, .. ayudan a otros usuariosAmazón, eBay: datos de ventas, comentarios, .. ayudan a otros usuarios

✔ Del.icio.us: los links guardados por un usuario son valiosos para otrosDel.icio.us: los links guardados por un usuario son valiosos para otros

La comunidad como valor


➨ Understand your goal simplysimply. -> Simplicidad ➨ Know thy popular standardspopular standards and use them. ➨ The Web is the platformWeb is the platform; make it grow.

➨ The link link is the fundamental unit of thoughtfundamental unit of thought. -> Permalink

➨ Data belongs to those that create itData belongs to those that create it. -> Data orientation ➨ It's about data firstdata first, experiences and functionality second. ➨ Everything is editableeditable. ➨ GranulateGranulate your data and services. ➨ Provide data and services that are for user's individual benefituser's individual benefit.

➨ Be prepared to shareshare everything with enthusiasmwith enthusiasm. -> Collaboracion

➨ IdentityIdentity on the Web is sacrosanctsacrosanct. -> Identidad

➨ Offer/use rich user experiencesrich user experiences. -> User is first ➨ Obey the law of unintended usesunintended uses. ➨ Understand and embrace the "capability gradientcapability gradient“ .➨ User-drivenUser-driven organization and filtering are not just nice to have. ➨ Embrace and enable rapid change and feedbackrapid change and feedback.

Thinking in Web 2.0 - Sixteen Ways Thinking in Web 2.0 - Sixteen Ways Dion HinchcliffeDion Hinchcliffe


Identidad: Individuo o EmpresaIdentidad: Individuo o Empresa

- Identidad social: <dirección-email>, acronimo, ..- Identidad social: <dirección-email>, acronimo, ..

- Software Social basado en:- Software Social basado en:

Confianza y reputaciónConfianza y reputación

Web 2.0Web 2.0

- Entorno corporativo- Entorno corporativo- Identidad digital segura- Identidad digital segura

SOA (pesada)SOA (pesada)


➨ El permalink aparece en los blogs El permalink aparece en los blogs ✔ Para acceder a una noticia cuando sale de la pagina principalPara acceder a una noticia cuando sale de la pagina principal

➨ Los recursos Web deben ser accesibles siempreLos recursos Web deben ser accesibles siempre✔ Un URL, el permalink, debe identificarloUn URL, el permalink, debe identificarlo

✔ Muchas paginas Web no siguen este principio: FramesMuchas paginas Web no siguen este principio: Frames

✔ El permalink permite reutilización en cualquier momentoEl permalink permite reutilización en cualquier momento

✔ Se evitan los links rotosSe evitan los links rotos

➨ El permalink debe ser legible y con formato predefinido:El permalink debe ser legible y con formato predefinido:✔ boastMachine:boastMachine:

✔ http://<site-specific>/post/<blog_name>/<unique integer identifier>/<article name>http://<site-specific>/post/<blog_name>/<unique integer identifier>/<article name>

✔ WordPress: WordPress:

✔ http://<site-specific>/<4 digit year>/<2 digit month>/<2 digit date>/<article name>/http://<site-specific>/<4 digit year>/<2 digit month>/<2 digit date>/<article name>/

➨ El permalink puede publicarse en HTMLEl permalink puede publicarse en HTML

Permalink


Sindicación de Contenidos: RSS/AtomSindicación de Contenidos: RSS/Atom

➨ RSS/Atom se ha convertido en el eje del Web 2.0RSS/Atom se ha convertido en el eje del Web 2.0✔ Protocolo de transferencia estructurada de flujos de notificacionesProtocolo de transferencia estructurada de flujos de notificaciones✔ RSS conocido como el “PIPE de Internet”RSS conocido como el “PIPE de Internet”

➨ Usos de RSS/AtomUsos de RSS/Atom✔ Notificación: Para informar (masivamente) sobre cambios de información Notificación: Para informar (masivamente) sobre cambios de información

✔ Sin control centralSin control central✔ Orientado a autoservicioOrientado a autoservicio

✔ Sindicación:Sindicación: ✔ Para publicación regular de informaciónPara publicación regular de información

✔ blogs, articulos de noticias, podcasts, videos, anuncios de trabajo, blogs, articulos de noticias, podcasts, videos, anuncios de trabajo, informes metereológicos, finacieros, etc.informes metereológicos, finacieros, etc.

✔ Pegamento para construir servicios: Pegamento para construir servicios: ✔ Para conectar 2 servicios entre si Para conectar 2 servicios entre si

✔ Haciendo mezcla de datos Haciendo mezcla de datos ✔ Permiten crear cadenas de suministro de datos Permiten crear cadenas de suministro de datos


Con tecnologías basadas en servidorCon tecnologías basadas en servidor✔ Arquitecturas de tipo ‘Open Network Computing’Arquitecturas de tipo ‘Open Network Computing’

✔ Con despliegue nulo para los usuariosCon despliegue nulo para los usuarios✔ Basadas en Web: Firefox, Explorer, Opera, Safari, ..Basadas en Web: Firefox, Explorer, Opera, Safari, ..

AJAX: Asynchronous JavaScript And XMLAJAX: Asynchronous JavaScript And XML✔ Basada en estandares del W3CBasada en estandares del W3C✔ Popularizada por GooglePopularizada por Google✔ Mejora la usabilidad y prestaciones Mejora la usabilidad y prestaciones

✔ frente a técnicas tradicionalesfrente a técnicas tradicionales

RoR (Rubi on Rails)RoR (Rubi on Rails)✔ Candidato principal para “mashing up”Candidato principal para “mashing up”

✔ Gran productividadGran productividad

Tecnologías de despliegue de servicios: ejemplos


Los grandes competidoresLos grandes competidores

Writely, ….

Google Groups, Talk, Calendar y

Gmail

Blogger

GoogleGoogle

(anuncios)(anuncios)

Office 2007Ofimática distribuida

Yahoo Groups, Skipe, Calendar y

mail

MSN Groups, Messenger,

hotmail y Outlook

Desarrollo y soporte de comunidades

GeoCitiesMSN SpacesPublicación y agregación

Yahoo/EbayYahoo/Ebay

(anuncios y (anuncios y ventas)ventas)

MicrosoftMicrosoft

(licencias)(licencias)

Servicios


Conclusiones Conclusiones

➨ Web 2.0 es un “gravitational core” (O’Reilly)Web 2.0 es un “gravitational core” (O’Reilly)

✔ Web 2.0 no es una nueva propuesta técnica Web 2.0 no es una nueva propuesta técnica

✔ Web 2.0 son ‘recomendaciones’ para:Web 2.0 son ‘recomendaciones’ para:✔ Desarrollar servicios simples y escalablesDesarrollar servicios simples y escalables

✔ Perfiles de normas y middleware a utilizarPerfiles de normas y middleware a utilizar✔ Propuesta metodológicaPropuesta metodológica✔ Estilo de vida en la red y en sus comunidadesEstilo de vida en la red y en sus comunidades

➨ Web 2.0 promueve la ‘innovación de los usuarios’Web 2.0 promueve la ‘innovación de los usuarios’✔ Con técnicas sencillas e interfaces usablesCon técnicas sencillas e interfaces usables

✔ Capaces de esacalar a grandes comunidadesCapaces de esacalar a grandes comunidades

➨ Web 2.0 no tiene autoridades centralesWeb 2.0 no tiene autoridades centrales✔ Comunidades basadas en consenso, convergencia, confianza Comunidades basadas en consenso, convergencia, confianza

✔ Ejemplo: anotaciones semanticas & folksonomies Ejemplo: anotaciones semanticas & folksonomies


Algunas referenciasAlgunas referencias

➨ Web 2.0, by Tim O’ReillyWeb 2.0, by Tim O’Reilly✔ http://www.oreillynet.com/lpt/a/6228http://www.oreillynet.com/lpt/a/6228

➨ Web 2.0 Journal, by Web 2.0 Journal, by Dion HinchcliffeDion Hinchcliffe ✔ http://web2.wsj2.com/http://web2.wsj2.com/

✔ Web 2.0 definitions: Web 2.0 definitions: http://web2.wsj2.com/review_of_the_years_best_web_20_explanations.htmhttp://web2.wsj2.com/review_of_the_years_best_web_20_explanations.htm

✔ Social software: Social software: http://web2.wsj2.com/useful_distinctions_in_social_software.htmhttp://web2.wsj2.com/useful_distinctions_in_social_software.htm

✔ Muchos otrosMuchos otros

➨ Web 2.0, AJAX, JSON, … in Wikipedia Web 2.0, AJAX, JSON, … in Wikipedia ✔ http://en.wikipedia.org/wiki/Web_2.0http://en.wikipedia.org/wiki/Web_2.0, …., ….

➨ Microformatos Microformatos ✔ http://http://microformats.org/wiki/microformatsmicroformats.org/wiki/microformats

http://www.oreillynet.com/lpt/a/6228

http://web2.wsj2.com/

http://web2.wsj2.com/review_of_the_years_best_web_20_explanations.htm

http://web2.wsj2.com/useful_distinctions_in_social_software.htm

http://en.wikipedia.org/wiki/Web_2.0

http://microformats.org/wiki/microformats

http://microformats.org/wiki/microformats

Technology

Introduccion a la Web 20