Categorías
Ideas Webposible

Linked-PIM: Gestión de Información Personal Vinculada

Introducción: Palm Web OS

Hace unos días Palm ha presentado un nuevo teminal (Palm Pre) y su próximo sistema operativo (Palm Web OS). Los anuncios han tenido una repercusión muy positiva: han conseguido atraer la atención a Palm y también ilusionar a los usuarios y seguidores de la marca, tras unos últimos años, digamos, no muy brillantes.

Pero no es momento ni lugar para hacer valoraciones, hablemos de Palm Web OS. Entre las características del sistema operativo, están:

  • La posibilidad de sincronizar calendarios y contactos de sitios webs (Google, Facebook,..) y aplicaciones de escritorio.
  • Crear aplicaciones programadas en CSS, JavaScript y HTML.
  • Seguir las conversaciones recientes con un contacto en un lugar, independientemente del canal (mensajería instantanea o mediante un mensaje de texto).

Promete.

Gestión de Información Personal (PIM) clásica: contactos, tareas, calendario, notas,…

Como ya sabemos todos, los contactos, junto con eventos (o citas), tareas y notas, son las clásicas utilidades de las conocidas PIM, acrónimo de Personal Information Management (o Gestión de Información Personal). Aparece de forma directa en aplicaciones de escritorio, teléfonos móviles, PDAs,… en ocasiones hablamos de estándares (vCard, iCalendar,…) y permite, entre otras cosas poder intercambiar esa información entre diferentes dispositivos, aplicaciones y canales. Por ejemplo: transmitir un contacto desde un teléfono móvil a una PDA mediante bluetooth, o incluso incorporar la información contenida en un microformato de un evento (hCalendar) de una página web a aplicaciones de escritorio, mediante la extensión de Firefox Operator. Esto es interoperabilidad.

La información típica de un contacto está compuesta por su nombre, apellidos, dirección de su domicilio, del trabajo, teléfonos, correos electrónicos, usuario de mensajería instantánea, fecha de cumpleaños,… La de un evento: fecha y hora de inicio y fin, lugar, asunto, notas adicionales,… y bueno el resto lo sabéis o lo imagináis.

Dependiendo de los dispositivos, aplicaciones y sistemas operativos, existe cierta integración con esa información personal, por ejemplo, podemos ver en el calendario un recordatorio del cumpleaños que aparece en un contacto. También la fecha de finalización de una tarea. Y poco más. ¿Es suficiente esa integración? En mi opinión, no. Y debería mejorar.

Gestión de Información Personal (PIM) extendida: fotos, correos, llamadas, blogs,…

Añadamos al conjunto de utilidades clásicas de Personal Information Management (contactos, agenda, tareas, notas), otras bastante habituales, como las fotografías, los correos electrónicos, las llamadas de teléfonos, los SMS,… Y otras un poco más «raras» como conversaciones de mensajería instantánea, blogs, microblogging, …

El enfoque de Palm, con su Web OS, es el de integrar la gestión de información personal con sitios webs populares, además de que el sistema operativo, por lo que parece, tiene una interfaz web -de ahí el nombre-. Pero creo que infravalora uno de los pilares fundamentales de la web: los vínculos. Y ojo, porque esa infravaloración se le puede achacar a muchas aplicaciones y sistemas operativos que le han precedido.

Linked Personal Information Management

Tras esta larga introducción, por fin empezamos a hablar del asunto principal del artículo: Gestión de Información Personal Vinculada (o Linked Personal Information Management). Aquí está mi wishlist.

  • Me gustaría poder ver en un contacto información extra relacionada, como los correos, mensajes de texto, conversaciones por mensajería instantánea y llamadas que hemos intercambiado; eventos o citas en los que hemos coincidido, sus últimas entradas del blog o mensajes en Twitter.
  • Me gustaría poder hacer una foto, y con facilidad, añadir y ver con facilidad en esa foto información con las personas que aparecen y el lugar donde se ha hecho la foto (geoposicionamiento mediante coordenadas GPS, o simplemente lugares genéricos).
  • Me gustaría poder incluir en un evento de forma sencilla, las personas que asisten, y poder ver de un vistazo los correos previos a la reunión, y el cumplimiento de las tareas previas.
  • Me gustaría ir a un día determinado del calendario, y poder ver los posts que han publicado mis contactos, los mensajes de twitter y las fotos que hice ese día.
  • Y lo más importante, me gustaría poder moverme por toda esa información mediante vínculos. Tengo una foto de varios contactos. En la información extra aparece un vínculo a los contactos que previamente he identificado en la foto. Tras ver la información de un contacto, poder seguir el vínculo a la información que tengo sobre su empresa, poder acceder mediante vínculos a todos mis contactos que trabajan en esa empresa, reuniones que he tenido en esa empresa, y ver fotos que he hecho en esa empresa.

¿Qué es y donde se podría aplicar Linked Personal Information Management?

Linked Personal Information Management (Linked-PIM, para abreviar), es sólo una idea.

¿Dónde se podría aplicar Linked-PIM? En cualquier dispositivo-sistema operativo-aplicación que utilice la ya mencionada PIM, en su variante clásica (contactos, calendario, notas, tareas,…) o las otras más avanzadas (correo, mensajería instantánea, fotos, correos, llamadas, blogs,…). Hablamos de teléfonos móviles, ordenadores portátiles o de sobremesa; sistemas operativos o aplicaciones, y por supuesto, sitios web. Obviamente en algunos sitios será más fácil de implementar y podrá relacionar directamente mucha información: por ejemplo, Google, con una gran variedad de servicios. En otros casos habrá limitaciones. Pero es posible.

Linked Personal Information Management y Web Semántica

Los vínculos a los que antes se hacía referencia podrían – y deberían – enriquecerse incluyendo el tipo de relación que hay entre el elemento (por ejemplo, foto) y el destino del vínculo (por ejemplo, persona). Porque en el fondo, y en la forma, estamos hablando de los triples de la web semántica: sujeto-predicado-objeto ó recurso-propiedad-valor.

Aquí tenemos un ejemplo de código ficticio de Linked-PIM en RDF con la sintaxis de XML, donde todas las URLs son de ejemplo (incluido el espacio de nombres).


<?xml version="1.0" encoding="utf-8"?>
<rdf:RDF
	xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
	xmlns:lpim="http://purl.org/lpim/0.1/">
<rdf:Description rdf:about="http://example.org/dude/">
	<lpim:isInPhoto>
		http://example.org/photo.jpg
	</lpim:isInPhoto>
</rdf:Description>
</rdf:RDF>

Y aquí mostramos esa misma información expresada en un grafo:

La descripción de este código e imagen, expresada en palabras humanas es muy sencilla: Dude (http://example.org/dude/) aparece en (http://purl.org/lpim/0.1/isInPhoto) la foto (http://example.org/photo.jpg). Utilizando la nomenclatura sujeto-predicado-objeto, sería Dude (sujeto) aparece en (predicado) la foto (objeto). La nomenclatura recurso-propieda-valor te la imaginas, ¿no?

Hablamos de Web Semántica, pero no hay que olvidar la privacidad y la veracidad de la información. Información Personal, sí, pero información.

¿Cómo sería Linked-PIM en Google?

Aquí hemos hablado de RDF, pero perfectamente se puede usar HTML… con el viejo truco de los vínculos relacionales (ya sabes <a rel=»…»), indicando por supuesto el profile ó scheme. Si me permitís una autocita, dar un vistazo a Metadatos geográficos (2): Empleándolos en ficheros HTML, XHTML y RDF (publicado en Web Semántica Hoy) para refrescar la memoria. Y sí, también se podría expresar en microformatos. De hecho, si hablamos de vínculos relacionales, estamos hablando de microformatos.

Pero hablemos de Google. Estoy en Gmail y tengo a la vista mi lista de contactos. Ahora mismo puedo ver las conversaciones que hemos mantenido en gtalk. Pero teniendo un contacto delante, podría crear o ver una una cita mediante un menú contextual. O ver-añadir a ese contacto en las fotos que tengo en Picassa. O consultar sus últimos post publicados en blogger, o icluso los post publicados en un día o intervalo concreto. La información está ahí.

Linked-PIM podría ser intercambianda entre diferentes sitios webs, pero… habrá que preguntarse hasta que punto quires perder tu privacidad ¿Has leído El phishing que viene? Tal vez el navegador podría funcionar como repositorio de contraseñas.

¿Cómo sería Linked-PIM en Mac OS X?

Hasta aquí hemos hablado de Linked-PIM desde un punto de vista «web», ya sea en un sitio web o en un sistema operativo con una interfaz web. Pero igualmente se podría mostrar el ejemplo anterior para una aplicación de escritorio. En Mac OS X, siguiendo con el ejemplo de la foto, podríamos estar viendo una fotografía en iPhoto, donde aparece una persona – incluída entre nuestros contactos -, y al aparecer identificada esa persona, podríamos ir a la Agenda. Y de ahí, ir directamente a los correos intercambiados en la aplicación Mail, o ver nuestras conversaciones en iChat, o los eventos y citas que hemos compartido ese contacto y yo en iCal. Obviamente las aplicaciones deberían de estar preparadas para poder tener asociada o vinculada esa información (y de momento, no es así).

¿Futuro de Linked-PIM?

Linked-PIM es sólo una idea. Sólo una idea. Pero creo sinceramente que puede ser bastante útil. ¿Alguien tomará el testigo? Palm, GNOME, KDE, Mac OS X, Microsoft, Google, Yahoo, Firefox, Opera,…¿Por qué no?

Categorías
CSS

CSS3 y border-radius: esquinas redondeadas

Uno de los elementos imprescindibles para cualquier sitio web al estilo 2.0 (junto con los degradados, reflejos y colores pastel) son las esquinas redondeadas (nótese la ironía).

Sabemos que hay técnicas para hacerlo mediante CSS e imágenes de fondo (¿quién no se acuerda de Redondeando esquinas (I) y Redondeando esquinas (II) ?).

En la especificación de CSS 3 podemos encontrar una forma más sencilla de hacerlo, mediante el atributo border-radius (especificación CSS 3 del W3C), mediante el uso de las siguientes propiedades: border-radius border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius. Aunque la implementación de esa propiedad ha sido irregular en los principales navegadores: puedes encontrar un resumen en can i use – border-radius.
Aquí va un resumen:

  • Firefox: en las versiones 3.x las soporta mediante el prefijo -moz (-moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft). A partir de la versión 4, está previsto que siga la sintaxis del W3C.
  • Safari: al menos desde la versión 3.2 hasta la versión 4, soportaba esquinas redondeadas mediante el prefijo -webkit (-webkit-border-radius -webkit-border-top-left-radius -webkit-border-top-right-radius -webkit-border-bottom-right-radius -webkit-border-bottom-left-radius). A partir de la versión 5 sigue la sintaxis del W3C.
  • Safari (iOS), desde la versión 3.2 hasta la 4.2 soporta las esquinas redondeadas con el prefijo -webkit.
  • Chrome: al menos desde la versión 7, sigue la sintaxis del W3C.
  • Opera: Desde la versión 10.5 soporta esquinas redondeadas con la sintaxis del W3C.
  • Explorer: se espera que a partir de la versión 9 siga la sintaxis del W3C. Para versiones las versiones entre la 6 y la 8 – se puede usar CSS PIE. Hay circulando un error bastante insistente diciendo que a partir de cierta versión de Explorer soportaba esquinas redondeadas con el prefijo -ms, pero como digo, es falso.
  • KonquerorA pesar de que ha habido gente que ha dicho que soportaba esquinas redondeadas con el prefijo -khtml (yo entre ellos), lo cierto es hasta la versión 3.4 que no hay ninguna notica al respecto (se puede consultar en CSS 2.1 & 3 Support in KHTML 3.4).

En la especificación de CSS 3 podemos encontrar una forma más sencilla de hacerlo, mediante el atributo border-radius (especificación CSS 3 del W3C ) (recordemos, de momento es un borrador y pueden pasar años hasta que sea una recomendación). Pero hasta que llegue ese momento, y mientras se concretan los atributos y valores, cada motor de navegador que se precie (excepto Opera y Explorer ) tiene su propia implementación de esta propiedad, con sutiles diferencias. Hay que tener en cuenta que estas implementaciones de CSS se pueden cosiderar como una especie de versión beta , y que todavía no está claro que la especificación del W3C cambie más adelante (como lo ha hecho recientemente).

Aquí se recopilan las propiedades definidas por el W3C , mozilla, khtml y webkit . Empezando por el borde redondeado para toda la caja, y después para las esquinas individuales (esquinas superior-izquierda, superior-derecha, inferior-derecha e inferior-izquierda, como las agujas del reloj).

W3C (borrador)

border-radius
border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius

Mozilla (Firefox, SeaMonkey, K-meleon,…)

-moz-border-radius
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-radius-bottomright
-moz-border-radius-bottomleft

Khtml (Konqueror)

-khtml-border-radius
-khtml-border-top-left-radius
-khtml-border-top-right-radius
-khtml-border-bottom-right-radius
-khtml-border-bottom-left-radius

Webkit (Safari, Chrome)

-webkit-border-radius
-webkit-border-top-left-radius
-webkit-border-top-right-radius
-webkit-border-bottom-right-radius
-webkit-border-bottom-left-radius

Qué pasa con Opera y Explorer

Del Explorer se ha hablado en algunos sitios de una propiedad -ms-border-radius , pero no existe (¿todavía?). Y en Opera,… tampoco existe, pero, hay una forma de crear esas esquinas redondeadas usando como imágenes de fondo ficheros svg : puedes verlo en la sección Rounded corners del artículo New development techniques using Opera Kestrel (9.5).

Esquinas redondeadas usando javascript

Existe otra forma de lograr tener esquinas redondeadas en navegadores de versiones antiguas mediante javascript, como podemos ver en Nifty Corners Cube , jQuery Corners y probablemente unos cuantos cientos de sitios más.

Categorías
Citas Web móvil

Diseñando para dispositivos móviles: uso y contexto

Designing for Mobiles: Users & Context, un video de animación corto – 3,43 minutos – que han creado con motivos didácticos para un curso de User Experience Design.
El video, alojado en vimeo, termina así:

When design for Mobile, remember: you’re disigning for context. You can’t control how the phone will be use or the enviroments the phone is use in.

Designing for Mobiles: Users & Context

Categorías
Citas Web móvil

Documentos y citas sobre la web móvil

En la sección Best Practices de mobithinking.com (de la gente de mtld.mobi, antiguo dot.mobi) podemos encontrar algunos documentos de interés – en formatos HTML y PDF – en el mundillo de la web móvil:

  • Mobile Internet Usage & Attitudes Study (publicado en Mayo del año 2008). Se trata de los resultados de un estudio que compara usos y actitudes frente a la web móvil en Reino Unido y Estados Unidos, con una muestra de algo más de 2000 personas -algo pobre en mi opinión de estadístico -. A pesar de este detalle, creo que el estudio es bastante amplio y ofrece muchos datos de interés. ¿Los resultados son extrapolables a otros países? Probablemente no, pero puede servir para detectar tendencias (que no es poco).
  • A Three Step Guide to Usability on the Mobile Web (publicado en Septiembre del año 2008). Esos tres pasos de los que habla: arquitectura de la información, prototipado, y diseñar teniendo en cuenta las limitaciones de los dispositivos.
  • 10 Mistakes in Mobile Marketing (publicado también en Septiembre del 2008). Ojo a este documento, que no habla de «marketing» -entendida como publicidad, un título mucho más apropiado podría ser «10 errores conceptuales de posicionamiento de marca en el contexto de la web móvil» (tomayá).
  • Best and Worst Of The Mobile Web (fechado en Noviembre del año 2008). El documento, basado en las opiniones de un grupo de «expertos», alaban y critican sitios webs populares que destacan en ciertos aspectos, tanto técnicos como de diseño, experiencia de usuario,…

Es de esperar que con el paso del tiempo vayan publicando más documentos. Algunas citas de interés de las muchas que se podrían extraer:

Five rules for designing usable mobile web sites

  1. The mobile web is mobile
  2. Context is king
  3. The devices are (very) different
  4. Forget your dotcom thinking. You need unique content and design.
  5. Never forget rules one to four.

A Three Step Guide to Usability on the Mobile Web

Mobile lets you reach people all across the world, many of whom may never own a PC. It’s not just a western phenomenon, it’s global.

Beyond the numbers, the vast potential of the mobile web is also due to the way people think about and use their mobile devices:

  • They’re always on.
  • They’re always at hand.
  • They’re always personal, rarely shared.

No other marketing medium can say any of these things, much less all three.

10 Mistakes in Mobile Marketing

Mobile is not a niche – but it’s still seen as a niche play by too many brands. With anywhere from 3.5 to 4 billion mobile phone users, you’re missing a prime opportunity if you’re not using the mobile web to strengthen relationships with your present and prospective customers when they’re on the move.

[…]

Any site that doesn’t have handset detection, dynamic content formatting and URL redirects is missing out on giving the best user experience.

Best and Worst Of The Mobile Web

Categorías
Citas

Diseñando Sprint Instinct

Navaja suiza

The design was centred on habitual use, not on ease of discovery or ease of learning. «When you adopt it, it is so efficient to use that you don’t want to change».
[…]
The Swiss army knife approach was rejected. All features were removed by default and every 16feature was interviewed again for inclusion.

Morten Hjerde , en el artículo Designing the Sprint Instinct , hablando sobre el proceso de diseño de la interfaz táctil Sprint Instinct tal y como lo explicó Mike Lundy en la Design for Mobile conference.

La foto de la navaja suiza es de herzogbr, publicada bajo licencia Creative Commons.