Siguenza2

WEB 2.0

Joaquín Salvachúa

Antonio Fumero

Luis Galindo

web WWW 1.0

Arquitectura básica

Componentes:

HTTP

HTML

URL (URI)

Simétrico

Acceso: ¿ADSL?

LAMP

http://farm1. s http ://farm1.static. flickr .com/91/215123771_27dbb39c8a_o. jpg tatic . flickr .com/136/326916191_4d08d30917_b.jpg

LAMP

Linux

Apache

MySql

PHP

Plataforma muy barata Disponible y Accesible

Web 2.0 [email_address] cc bajo licencia cc 2.5 es de atribución 04.11.06 Recomendación Afiliación Audio Marketing viral El usuario decide La larga cola Estándares Web Beta perpetua Datos AJAX Wikis Software Social Blogs Diseño CSS Movilidad RSS Folcsonomía Video IMS APIs abiertas Compartir Simplicidad Servicio El usuario es el centro Microformatos Economía Usabilidad Participación Remezclabilidad Estandarización Teleco 2.0 Diseño WiMAX Widgets Simplicidad VC SOAP Sindicación Videocasting XHTML ‘ Podcasting’ Granularidad Agregación Ruby on Rails ‘ Data Inside’ Colaboración UMTS LTE IM ‘ Page Rank’ Optimización para Motores de Búsqueda Presencia Coste por Click Modularidad SEO Confianza XFN FOAF Web 2.0 Web 2.0 Wikipedia GMail CSS Beauty GMail eBay Delicious LinkedID Itunes PayPal LinkedId Jabber Google Wasp Writely Google Maps Google News Yahoo Maps BaseCamp CastPost TrendMapper Pandora Blogger Live.Com CreativeCommons Amazon Delicious BitTorrent Skype PayPal Flickr OpenBC Technorati AdSense Fotolia TagCloud YouTube Mozilla Dodge Ball MTurk Ipodder A9 Friendster Upcoming Squidoo GTalk RSSReader Orkut Backpack Kiko ZenGarden StyleGala SimpleBits Etsy Flock Gmaps Mashups IceRocket 9Rules Zimbra Tadalist ProtoPage MyYahoo RememberTheMilk BlinkSale Zoozio Netvibes Unwieldly Meebo Alistapart Alexa Chalk.IT GTD Cloudalicious StumbleUpon TrendMapper Rollyo PubSub Wink InOrder BuzzTracker FeedBurner Feedster NewsGator Rojo Plazes Vimeo LastFM MeasureMap WordPress TypePad Mint Planzo Upcoming SoFLow Ning 43Things Digg TagTagger Taggling

Web 1.0 Web 2.0

AJAX Asynchronous JavaScript And XML

AJAX

Interactivo

Aplicaciones Web frente a Aplicaciones PC

Necesidad de Instalar un programa.

Problemas de las actualizaciones

Tres niveles de complejidad T ecnología Individuo Grupo Organización

WebDosQué ?!

Web 1.0  Web 2.0 DoubleClick  Google AdSense Ofoto  Flickr Akamai  BitTorrent mp3.com  Napster Britannica Online  Wikipedia Personal websites  blogging Evite  upcoming.org and EVDB Domain name speculation  SEO Page views  cost per click Screen scraping  web services Publishing  participation Content Management Systems  wikis Directories (taxonomy)  tagging ("folksonomy") Stickiness  syndication “ What is Web 2.0 ”, Tim O’Reilly, september, 2005

Dion Hinchcliffe

La Red sociotécnica (I) Web 2.0: “The Web as platform” Software Social Gestión de Redes Sociales Interacciones (ciber)Sociales

La Red sociotécnica (y II) Individuos, Organizaciones Plataforma Web Sustrato Social ( Social Middleware )

La Web de las personas Web 1.0 Web 2.0 Web Semántica T=01990 T=01998 T=02004 La Web de los datos La Web de los meta-datos La Web de las personas

O rganización I ndividuo T ecnología P rocesos Nativos digitales Red Universal Digital Redes Sociales Nuevo Entorno Tecnosocial WebNG

Resumiendo El usuario es el rey: Es la innovación de usuario la que se perfila como la verdadera fuerza renovadora detrás de la tecnología . Es la combinación creativa de elementos ya existentes la que está dando los frutos más apetecibles. La semántica la ponen las personas: La verdadera web semántica la han desarrollado los usuarios con los componentes que ya existían en la Red . Se imponen los microformatos frente a los desarrollos “normativos” del W3C. No es sólo tecnología: Las redes son sociotécnicas . Redes sociales y técnicas se entrelazan formando un entorno “análogo-digital” que no entiende de fronteras entre realidad y virtualidad. Evolución, no revolución:¿Qué hay en dos que no estuviera ya implícito en el uno? . El hiperenlace vuelve a convertirse en el elemento sustancial de la Red; tal como se pensó en sus orígenes.

Software… Social?!

Software Social (I)

[...] the phrase social software [...] can distinguish software built around one or more of these premises:

Support for conversational interaction between individuals or groups — including real time and "slow time" conversation, like instant messaging and collaborative teamwork spaces, respectively [...]

Support for social feedback — which allows a group to rate the contributions of others, perhaps implicitly, leading to the creation of digital reputation […]

Support for social networks — to explicitly create and manage a digital expression of people's personal relationships, and to help them build new relationships […] (Stowe Boyd in “ Are you ready for Social Software? ”)

"tools that depend more on social convention than on software features to facilitate interaction and collaboration.“ ( Adina Levin )

“ software that supports group interaction” ( Clay Shirky )

Algunas definiciones

Software Social (II)

As We May Think (Bush, 1945)

Augmenting Human Intellect: A Conceptual Framework (Engelbart, 1962)

The Computer as a Communication Device (Licklider, 1968)

Office Automation

EIES (1972)

Groupware (1978)

CSCW (1984)

Hypertext Publishing and the Evolution of Knowledge (Drexler, 1987)  Aparece el término “Social Software”

Groupware: Computer Support for Business Teams (Robert Johansen, 1988)  Clasificación herramientas de colaboración .

Mensajería Instantánea Corporativa , 2001.

"Social Software Summit" ( Clay Shirky , November, 2002).

Web 2.0 , “The Web as platform” ( O’Reilly , 2004)

Historia ( Tracing the Evolution of Social Software , C. Allen )

Social Software (y III)

Es más “social” que “software”.

De las aplicaciones a los servicios.

Definidos por los patrones de uso .

Interacciones sociales “virtualizadas”.

Se definen en un entorno cibersocial .

Democratizing Innovation (Eric von Hippel)

infocapitalistes et pronétaires (Joël de Rosnay)

El Universo Blog

La pregunta del millón: ¿Qué es un blog ? “ Un blog es cualquier cosa que se parezca a un blog ” ( Víctor Ruiz ) “ Un (multi)formato de publicación en la Web ” ( Fernando Sáez Vacas ) “ Es el primer formato nativo de la Web” ( Julio Alonso ) “ … una especie de cacharro ‘personal’ que a uno le sirve para ‘conversar’ con sus colegas (y con otros)…” ( Adolfo Estalella ) “ Una herramienta de publicación para tontos” ( Alberto Knapp ) “… Internet era la dinamita, y probablemente los blogs sean la mecha … La venganza de los aficionados” ( Julio Alonso )

We blog (1/2) The New Yorker , July 1993 The New Yorker , September 2005

Blog : noun [short for Weblog] (1999) : a Web site that contains an online personal journal with reflections, comments, and often hyperlinks provided by the writer . ( Merriam-Webster online Dictionary ) Un weblog, también conocido como blog o bitácora (listado de sucesos), es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores donde el más reciente aparece primero, con un uso o temática en particular, siempre conservando el autor la libertad de dejar publicado lo que crea pertinente. Existen weblogs de tipo personal, periodístico , empresariales o corporativos, tecnología , educativos, etc. ( Wikipedia ) We blog (2/2)

Media El asalto ciudadano a los medios tradicionales El periodismo ciudadano está viviendo su renacer debido a la “crisis de credibilidad” de los medios tradicionales ( Mean Stream Media, MSM ) y está alcanzando su propia “perfección tecnológica” a través de los medios sociales como los blogs y ese “vigoroso subespacio de comunicación” que emerge en la Web y que es la blogosfera.

Conversaciones La conversación como el elemento “atómico” a analizar en la blogosfera. Las interacciones hipertextuales que tienen lugar en la Web mediante un entramado de posts , comentarios, enlaces y trackbacks , añaden significado humano a la propia Web. The Cluetrain Manifesto nos recuerda que “los mercados son conversaciones” y que en una Web viva donde las personas reconocen la voz de otras personas entre la multitud, las empresas deben “entrar en la conversación” y hablar a las personas con voz humana si pretenden hacerse escuchar. El lado social de la ecuación:

Tecnología Estándares de sindicación: RSS - Really Simple Syndication – y sus diferentes versiones. Atom , su contendiente más serio. Son “dialectos” XML para la publicación de contenido, que facilitan enormemente la suscripción a una variedad creciente de fuentes de información. AJAX - Asynchronous JavaScript And XML – Una manera creativa de combinar tecnologías existentes para desarrollar interfaces más ágiles, optimizando las transacciones en las aplicaciones Javascript en el navegador y el servidor . CMS – Content Management Systems – Una forma sencilla de automatizar el proceso de publicación en la Web. Son las plataformas tecnológicas detrás de la mayoría de servicios de publicación y gestión de blogs y wikis. SOA – Services-Oriented Architecture – La arquitectura más “aparente” para la Web de Nueva Generación . Normalmente se utiliza para la implementación de Web Services mediante el uso de XML , HTTP , SOAP , WSDL & UDDI .

Wikis, colaboraci ón ‘ onemoretime ’ La Web de lecto-escritura: Un repositorio universal y creciente de conocimiento humano sin fronteras. Una especie de hipocampo colectivo , con el que venimos soñando hace siglos, ahora parece realizable en la Red. Un wiki (del hawaiano wiki wiki , «rápido») es una forma de sitio web en donde se acepta que usuarios creen, editen, borren o modifiquen el contenido de una página web , de una forma interactiva , fácil y rápida. Dichas facilidades hacen de una wiki una herramienta efectiva para la escritura colaborativa . El término wiki también se refiere a la colaboración de código para crear programas, en el cual un servidor permite que los documentos allí alojados (las páginas wiki) sean escritos de forma colaborativa a través de un navegador , utilizando una notación sencilla para dar formato, crear enlaces, etc. Cuando alguien edita una página wiki, sus cambios aparecen inmediatamente en la web, sin pasar por ningún tipo de revisión previa. También se puede referir una wiki como una colección de páginas hipertexto , que pueden ser visitadas y editadas por cualquier persona.. ( Wikipedia )

La semántica de verdad Definición: La web semántica con minúsculas, No La Web Semántica con Mayúsculas Semántica emergente (x) html Es “la gente normal”, el usuario, quien la adopta Está más allá de los académicos y las discusiones teóricas tantek çelik, kevin marks, 2004 Principios básicos: No intentes “definir el mundo” Piezas pequeñas débilmente acopladas Evolución, en lugar de Revolución Añade semántica a la Web actual, en lugar de crear otra Web del futuro Diseño enfocado en el usuario Primero las personas, luego las máquinas

Etiquetas y folcsonomías Folcsonomía, calco del inglés folksonomy , es un neologismo que da nombre a la categorización colaborativa por medio de etiquetas simples en un espacio de nombres llano, sin jerarquías ni relaciones de parentesco predeterminadas. Se trata de una práctica que se produce en entornos de software social cuyos mejores exponentes son los sitios compartidos como del.icio.us (enlaces favoritos), Flickr (fotos), Tagzania (lugares) o 43 Things (deseos). ( Wikipedia )

Software Social Social Networking: La Gestión sistemática de tus contactos online a través de una interfaz web que te proporciona una metáfora adecuada para su representación . Social Bookmarking: Gestión de tus enlaces favoritos en la Red. Te permite compartirlos y darles significado y contexto, así como realizar cierta labor de filtrado en colaboración con tu red de contactos. Social Tagging (Folksonomies): Un esfuerzo colectivo descentralizado para categorizar los contenidos de la Web, añadiéndoles significado social. ··· Socialware: del.icio.us, de.lirio.us, BlogMarks, Wists, LinkedIn, eConozco, Orkut, 43Things, flickr.. . Siempre en “beta permanente”, ofreciendo sus API en abierto y manteniendo cierto nivel de modificabilidad que permita al hacker desplegar todo su potencial como INNOVACIÓN DE USUARIO. Social Calendaring: Agendas compartidas en la Red que permiten coordinar encuentros con diferentes círculos sociales.

Todo está conectado

Web 2.0: Más allá del fenómeno blog Blogs Wikis Web Services (x)html Service-Oriented Architecture Folksonomies Messaging Social Software Semantic Web CMS RSS/Atom IPv6 GRID P2P SIP MPLS Web 2.0 VoIP Next Generation Internet AJAX

Contenidos y propiedad intelectual De la cultura de la remezcla a la creatividad colectiva

Ningún derecho reservado Copyright vs. Copyleft Copyfight Cultura Libre Remix Culture Creación colectiva

Algunos derechos reservados (I) Entre LA GRAN C – todos los derechos reservados – y el dominio público, existe un espectro considerable de posibilidades para definir de manera explícita la forma en que quieres que se utilicen tus creaciones, legalmente y sin contar con el intermediario.

Algunos derechos reservados (y II) “ En relación al binomio protección/difusión de contenidos digitales se propugnan soluciones que, buscando el necesario equilibrio entre los derechos de propiedad intelectual de los derechohabientes y el libre acceso a la cultura de los usuarios, permitan la necesaria seguridad jurídica a través de contratos en línea que reflejen la voluntad de los derechohabientes y de los usuarios de la cultura; favoreciendo aquellas soluciones contractuales que contribuyan a la libre circulación del conocimiento sin merma de la protección de los derechos morales entendidos como derechos de la personalidad y favoreciendo la libertad de autogestión.” ( Declaración de Zaragoza )

Es importante recordar que No dogma: Todo dogmatismo resulta, a la postre, pernicioso . Ni todos los derechos reservados, ni sin derechos reservados. Entramos en la era de los contenidos: Tan importante como compartir es proteger la creatividad y la innovación en cualquier sociedad que pretenda ser competitiva . No queremos que se nos legislen encima: Tenemos leyes suficientes . No necesitamos – y de hecho no debemos – legislar para Internet como un entorno ajeno al mundo real. Los bits fluirán por cualquier resquicio tecnológico: El DRM está condenado al fracaso desde su misma concepción . La tecnología no va a parar una evolución de la que es parte consustancial

Oye, papi, mi e-mail está caído otra vez; ¿Me puedes enseñar cómo se usa esta cosa?

Un sitio web no es la descripción de una persona … Es su propia representación a través de su red (S. Downes)

Car acterísticas de un blog Estructura Ordenaci ón temporal + comentarios + trackbacks Entrada Texto y enlaces Sal i da HTML y links Autores Autor & comentarios

TITLE

POST

DATE/TIME

AUTHOR

¿cómo los buscas? HTML Based website XML Web Based RSS Aggregator (www.bloglines.com) RSS/Atom/XML feed Web Based RSS Aggregator (my.yahoo.com) Browser-like Software (www.bradsoft.com) Daily e-mail updates (www.bloglet.com)

RSS

¿Qué es RSS?

Seg ún a quien preguntes:

Really Simple Syndication

Rich Site Summary

RDF Site Summary

RSS es un lenguaje basado en XML para la sindicaci ón de contenidos y noticias en Internet.

Diferentes versiones de RSS

Existen 9 versiones RSS 0.90, 0.91, 0.92, 0.93, 0.94, 1.0, 2.0, 3.0 & Atom

Cada una tiene sus campos específicos desde el punto de vista del autor.

Todos los agregadores los soportan de forma transparente.

Historia de RSS (source : http://www.opikanoba.org/xml/040315/)

RSS Versi ó n 1

<?xml version="1.0"?>

<rdf:RDF

xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

xmlns="http://purl.org/rss/1.0/" >

<channel rdf:about="http://www.xml.com/xml/news.rss">

<title> XML.com </title>

<link> http : //xml . com/pub </link>

<description>

XML.com features a rich mix of information and services

for the XML community.

</description>

<image rdf:resource="http://xml.com/universal/images/xml_tiny.gif" />

RSS is a powerful, lightweight format. How do you create RSS news feeds?

NOTE: Trust is an important aspect of news feeds – is the supplier of news embedded in your Web pages, providing accurate information – the above news is not true! RSS Channels <channel> <title>BBC News | UK | UK Edition</title> <link>http://news.bbc.co.uk/hi/uk/default.stm</link> <description>BBC UK News updated every minute of every day</description> </channel> RSS News Items <item> <title>Tony Blair quits over Iraq</title> <description>Tony Blair quits the cabinet, accusing George W Bush of breaking promises over UN's role in rebuilding Iraq.</description> <link>http://news.bbc.co.uk/hi/uk_politics/3019871.stm</link> </item>

¿Cómo funciona?

Feeder

Este formato se carga dinámicamente por una aplicaci ón web para indicar los cambios en el lugar web.

Reader

Un programa que lee periodicamente la informaci ón de feeder RSS y la transforma para presentarla al usuario.

RSS 2.0 & Documentos

Permite incluir documentos pegados llamados “enclosures”

Podcasting

Bajar audio en MP3

Videocasting

Mediablogging

Mobile blogging (moblogging)

Bajar FLV

RSS 0.92

RSS 2.0

Tipos de agregadores

Clientes:

FeedReader , Radio UserLand

PIM add-ins

Pluck, NewsGator, intraVnews

Browser Firefox 1.0PR , Sage

Web-based

Bloglines , NewsIsFree, google reader

Terms: Syndication

Making Web feeds available from a site so other people can display an updating list of content from it

Focuses on changing content

For example: one's latest forum or weblog postings, etc.

This originated with news and blog sites but is increasingly used to syndicate any information

Sindicaci ón RSS aadvanmoorsel holland.com amazon tigers.org XML.com yahoo RSS aggregator browser Internet user Internet (My yahoo) or user (RSS clients) RSS feeds (‘channels’)

Blogs I subscribe to. Excerpts and prior posts Full texts of posts

Lo importante es la búsqueda

Podcasting Desktop computer RSS RSS RSS iPod Sincroniza los ficheros con el iPod / MP3 Escuchar offline Cuando desees.

Un poco de terminolog ía

Blogroll

CMS .

Permalink

Ping

Portal

Syndication

Trackback

¿Aplicaciones web offline?

Compartir buscar

Al estar los datos de otros usuarios en el servidor se pueden buscar y compartir.

En el PC es necesario tener protocolos complejos para la misma funcionalidad.

long tail The long Tail

ZIPF

The long tail

Estanterias

Google Pagerank

Grafos (Euler)

La Web Sem á ntica

Visión definida por Tim Berners-Lee (1997)

“ The Semantic Web is an extension of the current web in which information is given well-defined meaning, better enabling computers and people to work in cooperation.”

T. Berners-Lee, J. Hendler, O. Lassila, “The Semantic Web”, Scientific American, May 2001

El Web actual

Inventado por Tim Berners-Lee en 1989

Idea principal: combination of

Hypertexto

Internet

URI: evolución de URL a identificador global.

HTTP / HTML: protocolo y datos del hipertexto.

Para ver en un navegador (posterirmente).

Objetivos de Web Semántico

La información sea comprensible para personas y maquinas. No solo representarla en la pantalla.

“ The Semantic Web will bring structure to the meaningful content of Web pages, creating an environment where software agents roaming from page to page can readily carry out sophisticated tasks for users. ” ( T. Berners-Lee, J. Hendler, O. Lassila, “The Semantic Web”, Scientific American, May 2001)

Mom Physician’s Agent Lucy’s Agent required treatment schedule appointment Insurance Co. Provider sites Rating in-plan? close-by? specialist? Pete’s Agent driving schedule

La TRANSPARENCIA

Web Languages for Machine Interpretation XML (Extensible Markup Language): Semiformal documents range between non-formatted texts and fully formatted databases RDF (Resource Description Framework): Structured metadata describe arbitrary heterogeneous Web pages/objects in a homogeneous manner

Ejemplo Xaver M. Linde Wikingerufer 7 10555 Berlin <em> Xaver M. Linde </em><br> Wikingerufer 7 <br> <strong> 10555 Berlin </strong> <address> <name> Xaver M. Linde </name> <street> Wikingerufer 7 </street> <town> 10555 Berlin </town> </address> Representación frente a Estructura external HTML XML

En RDF <address> <name> Xaver M. Linde </name> <street> Wikingerufer 7 </street> <town> 10555 Berlin </town> </address> Estructura frente a semántica XML ont:Address rdf:type Xaver M. Linde Wikingerufer 7 10555 Berlin ont:name ont:street ont:town RDF

RDF —Resource Description Framework <ont:Address> <ont:name>Xaver M. Linde</ont:name> <ont:street>Wikingerufer 7</ont:street> <ont:town>10555 Berlin</ont:town> </ont:Address> Statements of the form <subjecto, predicate, objecto> Que pueden ser literales (strings) o URIs. El grafo tiene múltiples serializacione. Una de ellas en XML.

Dublin Core Metadata

Dublin Core: estándar de metadatos

Continene 15 elementos.

Content Intellectual Property Instantiation

Coverage Contributor Date

Description Creator Format

Type Publisher Identifier

Relation Rights Language

Source

Subject

Title

Ejemplo

<?xml version="1.0"?>

<!DOCTYPE rdf:RDF PUBLIC "-//DUBLIN CORE//DCMES DTD 2002/07/31//EN" "http://dublincore.org/documents/2002/07/31/dcmes-xml/dcmes-xml-dtd.dtd">

<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

xmlns:dc="http://purl.org/dc/elements/1.1/">

<rdf:Description rdf:about="http://www.ilrt.bristol.ac.uk/people/cmdjb/">

< dc:title >Dave Beckett's Home Page</dc:title>

< dc:creator >Dave Beckett</dc:creator>

< dc:publisher >ILRT, University of Bristol</dc:publisher>

< dc:date >2002-07-31</dc:date>

</rdf:Description>

</rdf:RDF>

RDFS : un paso adelante

Core Classes

Root-Class rdfs:Resource

MetaClass rdfs:Class

Literals rdfs:Literal

rdfs:subclassOf -property

Inherited from RDF: properties (slots)

rdfs:domain & rdfs:range

rdfs:label , rdfs:comment , etc.

Inherited from RDF: InstanceOf ( rdf:type )

RDFS: Example rdfs:Resource xyz:MotorVehicle rdfs:Class s s t t xyz:Truck s t xyz:PassengerVehicle s = rdfs:subClassOf t = rdf:type xyz:Van s s xyz:MiniVan s s t t t t

RDF/S: algunas aplicaciones

DAML+OIL and OWL

DARPA DAML project: DAML+OIL

Web Ontology Working Group: OWL

Higher expressiveness than RDF Schema:

Class Expressions (Intersection, Union, Complement)

XML Schema Datatypes

Property restrictions

Cardinality constraints

Value restrictions

Axioms: equality, transitivity, …

(Semantic) Web Services

Public process description and advertisement

WSDL: Web Services Description Language

UDDI: Universal Description, Discovery, and Integration of Business for the Web

(SOAP: Simple Object Access Protocol)

Discovery and Composition of Services

DAML-S

WSFL: Web Services Flow Language

No es la solución: Las personas mentimos

Folksonomías frente a Ontologías

¿Quienes Somos en Internet ?

Azar o Necesidad

Identidad

Anteriormente centradas en corporaciones.

Transmitimos este modelo a Internet.

Los usuarios NO son empleados.

Esquemas centrados en el usuario

¿Como hacerlo?

Web Semántica y SOA

Soluciones a los problemas.

Las mismas ideas: Web Semántica SOA Implementación KISS

Microformatos

La web semántica de pobres

REST

Uso de semántica de HTTP

Funciona

Organización

DataPortability

OpenId

Identidad centrada en usuario.

Soy mi url.

Evito registros repetidos.

Características Open-Id

Sistema descentralizado: Eliges quien deseas que gestione tu identidad.

Tu identidad es un URL

http://jsalvachua.myopenid.com

Permite un SSO con diferentes organizaciones de forma flexible.

RSS / ATOM ATOM-PP

OPML

Blogrolls

Listas de lectura.

FoaF

SIOC

Microformatos

Hcard

Hcalendar

Hfn

XOXO

Web Semántica o Microformatos

W3C: World Wide Web Consortium

Esta definiendo lenguajes “semánticos”

RDF (Resource Description Framework)

Para describir propiedades semánticas de recursos Web

OWL: Web Ontology Language

Para describir significado y propiedades semánticas de recursos Web

… ..

Son lenguajes de bastante complejidad

Microformatos

Conjunto de meta-datos sencillos y abiertos

Descritos en (X)HTML semántico

Basados en normas ampliamente adoptadas en Internet

Microformatos

Mantenidos por un grupo de usuarios

Definidos en: http://microformats.org/

Aparecen relacionadas con el mundo de los blogs

Se crean a medida que se necesitan

Ejemplos

hCard: Tarjeta de visita basada en vCard (RFC2426)

hCalendar: Datos de reunión basada en iCalendar (RFC2445)

Geo y Adr: posición y dirección

XFN: Redes sociales de conocidos

Rel-licence: licencia de publicación

Rel-tag: índice de clasificación (tag)

XMDP: XHTML Meta Data Profiles

…

Microformatos: características

Diseñados para personas primero , maquinas después

Diseñados para resolver problemas concretos

Diseños iniciales lo mas sencillos posibles

Modulares e insertables

Reusando partes de normas ampliamente aceptadas

Permitiendo y promoviendo desarrollos, contenidos y servicios descentralizados

Microformatos: beneficios

Código (X)HTML mas eficiente y mantenible

Permiten indexación y agregación de micro-contenidos

Búsquedas mas eficaces (Google, Yahoo, Technorati, …)

Agregación de recomendaciones, tags, … dispersos

Interoperabilidad entre contenidos Web y aplicaciones

Por ejemplo: Outlook, Agendas, Calendarios, ....

Ejemplo basado en Firefox add-on:

https://addons.mozilla.org/es-ES/firefox/addon/4106

Marcado (X)HTML semántico

Semántica: “Estudio del significado de las palabras”

Sintaxis: “Estudio de las reglas de composición de las palabras”

Visualización: “Presentación visual de la información”

Marcado (X)HTML semántico

Marcado que define la estructura de un documento

Definiendo el formato de visualización de forma independiente

Por ejemplo, CSS (Cascading Style Sheets)

(X)HTML semántico

Utiliza marcas estructurales existentes siempre que sea posible

Headings (<h1,..>), Lists (<ul>, <ol>, ..), Paragraphs (<p>), Citation (<cite>, <q>, <blockquote>,..), Abbreviations (<abbr>), ….

Cuando no es posible, se extiende (X)HTML utilizando

Marca genérica de bloque <div> o de linea (inline) <span>

Con atributos de clase “class”, identificador “id” o de relación “rel” o “rev”

Marcas y Atributos más usados

Marcas

<div>: define un bloque

<span>: define un elemento de un bloque

<abbr>: define una abreviatura

<p>: párrafo

<ul>, <ol>, <li>: listas itemizadas u ordenadas

<a>: define un enlace en el cuerpo visible (body)

<link>: define un enlace en la cabecera (head)

Atributos: definen la semántica

Atributo “ class ”: clase asociada a la marca

Atributo “id”: identificador único en el fichero

Atributo “ rel ”: relación con la página enlazada

Atributo “rev”: relación inversa con página enlazada

Ejemplo: vCard y hCard

hCard: Microformato para definir contactos y tarjeta de visita basados en vCard (RFC2426)

Generador de hCard: http://microformats.org/code/hcard/creator

Ejemplo de hCard:

<div id="hcard-Juan-Quemada" class="vcard">

<span class="fn">Juan Quemada</span>

<div class="org">UPM</div>

<a class="email"

href="mailto:jquemada@dit.upm.es">jquemada@dit.upm.es</a>

<div class="tel">+34 91 336 7331</div>

<p style="font-size:smaller;">This

<a href="http://microformats.org/wiki/hcard">hCard</a> created with the

<a href="http://microformats.org/code/hcard/creator"> hCard creator</a>.

</p>

</div>

Ejemplo: iCalendar y hCalendar

hCalendar: Microformato para definir eventos y citas basados en vCard iCalendar (RFC2445)

Generador de hCalendar: http://microformats.org/code/hcalendar/creator

Ejemplo de iCalendar:

BEGIN:VCALENDAR

PRODID:-//XYZproduct//EN

VERSION:2.0

BEGIN:VEVENT

URL:http://www.web2con.com/

DTSTART:20071005

DTEND:20071020

SUMMARY:Web 2.0 Conference

LOCATION:Argent Hotel, San Francisco, CA

END:VEVENT

END:VCALENDAR

Ejemplo de hCalendar:

<div class="vevent">

<a class="url" href="http://www.web2con.com/">http://www.web2con.com/</a>

<span class="summary">Web 2.0 Conference</span>:

<abbr class="dtstart" title="2007-10-05">October 5</abbr>-

<abbr class="dtend" title="2007-10-20">19</abbr>, at the

<span class="location">Argent Hotel, San Francisco, CA</span>

</div>

Relaciones

Los atributos “rel” y “rev” se utilizan para definir relaciones, por ejemplo

Microformato “rel-tag”: definición de índices (tags) de una página. El URL se utiliza para permitir búsquedas adicionales de dicho índice.

<a rel=“tag" href=“http://technorati.com/tag/css“>CSS</a>

Microformato “rel-license”: definición de licencia (URL) bajo la que se publica una página.

<a rel=“license" href=“http://creativecommons.org/licenses/by/2.5/“>

This doc is published under …..</a>

Web humana

Visor Web, HTTP y HTML

HTML: diseñado para leer documentos

A evolucionado hacia CSS, XML, XHTML, …

Web programable

API, HTTP/SOAP, XML y ………

XML: Datos procesables por programa

Fuerte debate entre

REST: utilizado en los servicios reales

“ Big” Web Services: propuesto por W3C

A medio desarrollar

Web humana y Web programable

“ Big” Web Services (W3C)

SOA: Arquitectura orientada a servicios

APIs de Servicio de acceso a objetos remotos tipo RMI

RMI: Remote Method Invocation

RESTful Web Services

ROA: Arquitectura Orientada a Recursos

Interfaces Uniformes (métodos HTTP)

APIs de acceso y gestión de recursos Web

Los recursos se representan en XML, XHTML, JSON, ..

Servicios o Recursos

¿Qu é es REST?

RE presentational S tate T ransfer.

Arquitectura de aplicaciones Web

Propuesta por Roy Fielding en su tesis doctoral (2000)

http://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm

Co-diseñador de HTTP y uno de los principales desarrolladores del proyecto Apache

Arquitectura desacoplada y escalable

Rest y HTTP

REST es una abstracción que puede implementarse sobre cualquier protocolo.

La mejor forma de implementarlo es sobre HTTP.

Perfectamente adaptado a HTTP

Principal diferencia con SOAP

Identificador de recursos

Recurso: cualquier cosa en Internet que “merezca la pena ser referenciada pos si misma”

Un fichero, un mapa, un usuario, un libro, un coche, …

Cada recurso se identifica con un URI

El URI (Permalink) da acceso al recurso

Cada URI añade valor a la red.

Ejemplo: Amazon S3

Servicio de almacenamiento de objetos.

Tiene 3 tipos de recursos:

Bucket-list : conjunto de buckets* de un usuario

https://s3.amazonaws.com/

Bucket en particular : repositorio de objetos

https://s3.amazonaws.com/{Bucket}/

Objeto : posee metadato y valor

https://s3.amazonaws.com/{Bucket}/{Objeto}

*Bucket: disco o repositorio virtual accesible a través de HTTP

Interfaz uniforme

Gestionar recursos solo con métodos HTTP :

GET (leer, copia solo lectura)

HEAD (cabecera)

PUT (crear)

POST (añadir)

DELETE (eliminar)

Es el interfaz CRUD : Create, Read, Update, Delete

Posibilidad de hacer uso extensivo de

Cabeceras y códigos de respuesta de HTTP

Posibilidad de optimizar mediante el uso de caches .

Amazon S3: Interfaz Uniforme GET HEAD PUT DELETE Bucket-list Lista los buckets de un usuario Bucket Lista los objetos del bucket Crear bucket Borrar bucket Objeto Obtener valor y metadato del objeto Obtener metadato del objeto Crear y/o Asignar valor a objeto y metadato Borrar Objeto

Representación de los recursos

Que es lo que obtenemos al acceder al URI del recurso?

Una representación “bien conocida” y “abierta”

Pueden utilizar varios formatos:

HTML, XHTML, XML, JSON, PDF, FLASH, FLEX, ...

HTTP nos facilita el tipo (MiME) y permite negociar el formato.

Habitualmente es XML.

Comunicación sin estado

El servidor NO mantiene el estado de la conversación con cada cliente .

El estado esta explicito en las llamadas.

Cada estado se representa con una URI

Incrementa exponencialmente la escalabilidad .

Enfoque dispara y olvida (“fire and forget”).

Muy bajo acoplamiento

Ejemplo stateful:

FTP

Existe un directorio implicito de trabajo

HTTP stateful

URI relativo: dependencia entre accesos consecutivos

Ejemplo statelessness:

HTTP con URLs absolutas

ATOM-PP y ATOM

Google Maps, Amazon S3, del.icio.us, …

REST y AJAX

El despliegue AJAX de un servicio REST

Son clientes en Javascript

que invocan el servicio con el interfaz uniforme

Mashups

Inteligencia social

Emergencia de capacidades en redes sociales.

La gente puede colaborar para conseguir un bien común.

Búsqueda de impactos de meteorito (crowdsourcing).

Selección de contenidos.

Depende de la comunidad

El mismo software puede “evolucionar” diferente frente a dos comunidades:

Meneame

Fresqui

Gen Egoista : Reproducción sexual

Objetivo fundamental de los cibernautas:

Ligar

Objetivo similar a los chats: conocer pareja.

MOSOSO

MObile SOcial SOftware

Adaptación a los móviles.

Transparecia vs. privacidad

Mostrarnos para conseguir ciberexito social.

Peligros en algunos casos

Technosexuals

teleco 2.0

Mezcla de la web 2.0 y el mundo movil.

Problema de modelos de negocios:

Internet todo gratis.

Movil: todo de pago.

MOBILE 2.0

You

¿Qué busca el usuario? Worldwide unique visitors of networking sites (millions) Source: June 2007 comScore data, member statistics released by providers

La era de la personalización

Tryversity

¿Qué nombre le pondrías?

¿Y el precio?

Nuevos Negocios

Me he perdido alguna fiesta?

Quid pro Quo

Más Objetivo

650 k visitantes únicos

8 k usuarios nuevos/semana

2.100 M páginas vistas/mes

2 horas de conexión por persona

Red social líder en España

Tuenti (Fuente CiberPaís Marzo 2008)

64 M usuarios

490 k en España

2,8 M latinos

Facebook

Twitter

Preguntemos al Oráculo

Hábitos en el móvil

Multitarea Source: Forrester Age “ Do you ever do any of the following while using the Internet / emailing at home?”

Inmediatez Source: Forrester On a scale from 1 to 5, how much do you agree with each of the following statements?

¿Se entiende? “ En este entorno sorprende ver como todavía hay empresas con ejecutivos ocupando altos cargos directivos simplemente porque son expertos en lo que era importante ayer” Jonas Ridderstràle,

Dispositivos móviles…

… que son parte de nuestro cuerpo Source: Forrester “ Which one device could you not live without?” (% of respondents who do each activity at all)

UX. Efectos para normales

UX. Rompiendo barreras UX. Rompiendo barreras

Más ancho de banda móvil

Penetración 3G

Cobertura UMTS Fuente CMT

Mashups

Burning 2.0 ¿Qué hace un Operador como tú en un sitio como este?

Beneficios por Servicios

¿Estamos cubriendo las necesidades del cliente? Bye Dad, Bye Mum I don’t know what we did wrong

Dodgeball

Spain is different

Iniciativa española

Mezcla de la web 2.0 y el mundo movil

Asume la existencia de un mundo Todo-IP abundante de recursos, donde el usuario elige libremente, y basado en sus preferencias, las aplicaciones, dispositivos y plataformas a utilizar

Servicios básicos tradicionales se ofrecen sin coste

El usuario paga por servicios innovadores

Problema de modelos de negocios:

Internet todo gratis

Movil todo de pago

¿Qué es Teleco 2.0?

Potenciar el desarrollo de las Nuevas redes de telecomunicaciones de habla Hispana con Web 2.0

Socialización de las telecomunicaciones

Centrado en el usuario

Servicios  Tecnologías

Especialización en las diferentes relaciones con el usuario

Construcción de relaciones ganador-ganador

Innovación

Open-garden vs Walled-garden

‘ The long tail’

Más información en www.teleco2.net

Objetivos

WIMS 2.0: Web 2.0 + TELCO Telco 2.0: un nuevo orden del sector

Telco 2.0, , asume los siguientes puntos de partida, alineados con ideas Web 2.0:

Evolución hacia redes Todo-IP

Separación de la conectividad de red y los servicios.

Convergencia fijo – móvil.

El usuario elige los servicios y los dispositivos y sólo paga por valor añadido. Paso a “ take what you want ”

Necesario un cambio en el mercado de las telecomunicaciones

NO es una nueva tecnología, sino una nueva forma de pensar y reformular el mercado telco

Iniciativas como Telco 2.0 auguran tendencias pesimistas respecto al negocio de los operadores en el mundo IP

Actualmente, “ take what you are given ”. No se cumplen las expectativas del usuario

Pérdida de valor de los servicios telco tradicionales, principalmente la voz.

Telco 2.0: un futuro de cambio para la industria? Modelos de Negocio

Marca relaciones de confianza para el estilo de vida digital

Usuario es la clave. (lealtad, TTM, cubrir necesidades)

Proveedores de Servicios de Comunicaciones Personales e Integradores

Punto de encuentro entre voz, mensajería, comunidades, presencia, redes sociales, juegos on-line…

Proveedores de Plataformas de Capacidades para terceros

Proveedores de conectividad

Loyal clients Innovative and Integrated services Compromised employees Profitable Growth

WIMS 2.0: Web 2.0 + TELCO Nuevo modelo de negocio

Asimilando estas ideas, desde WIMS 2.0 se recomienda que el operador, además de proveedor de conectividad, asuma el rol de proveedor de capacidades que habiliten la creación de servicios propios o desde terceras partes.

Creación de un ecosistema donde se creen relaciones win-win, las

WIMS-WIMS relationships

donde todos los actores ganen

Telefónica, como operador, debe:

Replantear su situación

Redefinir su rol estratégico.

Renovar su modelo de negocio.

WIMS 2.0: Web 2.0 + TELCO ¿Qué queremos hacer y por qué?

Doble estrategia desde Telefónica:

El operador ofrece sus capacidades de servicio hacia el entorno Web 2.0 para la creación de servicios desde terceras partes

El operador explota el mundo Web 2.0 (conceptos, contenidos, tecnologías…) para enriquecer sus propios servicios.

Habilitar una nueva generación de servicios telco convergentes con Web 2.0 Creación de un ecosistema donde se creen relaciones win-win, las WIMS-WIMS relationships donde todos los actores ganen Resultado: líneas de convergencia, análisis tecnológico, definición de una plataforma de servicios WIMS 2.0, generación de servicios innovadores WIMS 2.0 compliant y creación del ecosistema WIMS 2.0

Estrategias para convergencia Web 2.0 + TELCO Líneas de convergencia WIMS 2.0

Siguiendo con nuestro doble objetivo:

El operador ofrece capacidades telco hacia el entorno Web 2.0

Incorporación de capacidades telco en servicios Web 2.0

1.1 Mashup basado en widgets o PSEs

1.2 Mashup basado en APIs

Nuevas formas de publicación de contenidos en Web 2.0

1.3 Publicación de user-generated content

El operador explota el mundo Web 2.0 en la prestación de sus propios servicios:

Contenidos y eventos Web 2.0 en los servicios del operador

2.1 Suscripción y Distribución de Contenidos/Eventos Web 2.0

Interfaces web para la prestación de servicios IMS

2.2 Creación de aplicaciones on-line (terminal virtual)

APIs abiertas + APIS internas

Estrategias para convergencia Web 2.0 + TELCO Caso de uso para mashup basado en widgets o PSEs

Widget con mashup de localización, presencia y C2T

Localiza a tus amigos de Facebook, visualiza su posición en un mapa, su estado de presencia e invoca una llamada entre vosotros con Click-to-Talk

Estrategias para convergencia Web 2.0 + TELCO Caso de uso para mashup basado en API

YouTube realtime videosharing

share rating IM

Estrategias para convergencia Web 2.0 + TELCO Caso de uso para User-Generated Content

Realtime video generation

Estrategias para convergencia Web 2.0 + TELCO Caso de uso para User-Generated Content

Publicación del mensaje personal e icono de presencia en Twitter

Estrategias para convergencia Web 2.0 + TELCO Caso de uso para Suscripción y Distribución de Contenidos y Eventos

Agregación de Presencia en el Comunicador de Telefónica

Estrategias para convergencia Web 2.0 + TELCO Caso de uso para Suscripción y Distribución de Contenidos y Eventos

Mi Música Te llama

mp3 Llamada Hang on St. Christopher

Redes sociales Junio 2007 Worldwide unique visitors of networking sites (millions) Source: June 2007 comScore data, member statistics released by providers