Posts Tagged ‘fundamentos web’

FW – Dia 2 – Ponencia 2: portabilidad en las redes sociales

Thursday, October 4th, 2007

Nuevamente entro tarde… está hablando de los objetivos de la portabilidad de datos en las redes sociales.

En el escenario… Tantek Çelik (Tantek.com)… tenía ya ganas de ver/oir a este chaval.

Algunos objetivos en el tema de la portabilidad de perfiles en las redes sociales
-Facilidad para los usuarios: todos los días salen nuevas redes sociales, Una cosa que habría que conseguir que pudiésemos tener un perfil común para todos. Cierto, eso sería maravilloso (¿OpenId?)
-Facilidad para los desarrolladores:
-accesible para diseñadores (desarrolladores web) no para programadores. Si se logra que el sitio sea accesible para los diseñadores (POSH).
-También lograr que incrementando el esfuerzo se incremente los resultados
-Modularidad de las soluciones: es necesario que las soluciones sean modulares, en bloques independientes.
-También es importante la reutilización tanto de las urls y los contenidos ya existentes.
-Esto facilita tambien el princpio DRY (no repetirse)

Pone un ejemplo de un perfil de usuario y va a explicar cómo utilizar el microformato hCard para el trabajo con perfiles de usuario. Pone una página con un perfil en HCard y nos muestra como enviarlos a su libreta de contactos mediante la extensión Operator. Comienza a profundizar en el hCard y lo útil que es para publicar información de perfiles e interactuar con ella (importar los datos, portabilidad de los perfiles entre sitios)

Ahora introduce el tema de OpenID. para el tema de compartir datos de perfiles y cosas como los enlaces a mi perfil, los iconos de mis amigos, nombre… para conseguir esta portabilidad entre perfiles usa hCard y XFN.

Va a poner un ejemplo de cómo publicar datos en hCard + XFN (relaciones).

Otro punto importante de las redes sociales: la suscripción a los perfiles de la gente. Nos enseña una implementacion de hCard + XFN con un ejemplo en HTML.

Ahora vemos el tema de la equivalencia de perfiles en distintos sitios, para eso la base es poner el enlace a mi perfil y usar el tag “rel” con valor “me”. También como poner en nuestro perfil nuestra lista de amigos; para eso vuelve a usar hCard mediante el cual va definiendo una lista de gente.

En los sitios de redes sociales, cuando se popularizan mucho, empieza a no caber la gente y empieza a ser problemático tanto a nivel de uso como de rendimiento del sitio. Ahora propone como hacer nuestra lista de amigos pero con una página para cada uno,… lo mismo pero ahora incorporamos en el enlace el valor “next ” o “preve” dentro del rel

Hay muchas páginas que pueden permitir utilizar un perfil único: flickr, twitter, technorati… wordpress.

Importación de perfiles… va a poner un ejemplo de cómo lo ha hecho en getSatisfaction (www.getsatisfaction.com). A la hora de darte de alta, en este sitio permiten importar tu perfil de otros sitios (flickr, technorati…) ponemos el nombre y lo busca en estos sitios… Otra similar es ¿Doppler? que permite importar tu perfil directamente de Twitter.

Pregunta importante ¿Porqué una empresa va a permitir la portabilidad de los datos de sus usuarios?… ¿Por que le va a interesar a Flickr compartir los datos de sus usuarios?… no veo claras las razones que da…

Código (programación) para usar hCard:
-hKit
-Online Identity Consolidator
-Django-PSN

Problemas de la portabilidad de perfiles:
-Las empresas que utilizan perfiles de usuarios corren el riesgo de molestar al usuario al usar datos que éste no quiere publicar (ej,: dirección email )
-En ocasiones piden passwords de otros sitios para obtener el perfil (ej.: twitter lo hace para explorar tu red de contactos en Gmail e incorporarlos a tu lista) esa tendencia es un problema imporante.

Hacia donde va el tema de la portabilidad de Perfiles
-Matenerse informado de los cambios que publican en microformats
-Empezar a usar OpenId
-Echar un vistazo a los esfuerzos que están haciendo desde OAuth (Sistema para autorización abierta)

Por dios… que agobio con la pobre traductora afónica.

FW – Dia 2 – Ponencia 1: diseñar para y con la comunidad web

Thursday, October 4th, 2007

La espicha criminal. Lo siento pero llego tarde…

La chica es George Oates (Flickr) y nos está hablando de la variedad y curiosidad de las comunidades de Flickr. Nos pone un ejemplo de las normas de una comunidad… concretamente eseña una que ella dice que no les gusta, pero que tiene que respetarlo.

Flickr es una comunidad social, donde lo importante es la gente, no los ordenadores. Estas comunidades a veces entran en conflicto.

Hay un aspecto fundamental de Flickr y es cómo la gente puede crear sus personalidades (avatares). Es ese avartar el que desarrolla el producto, no la persona, y es lo que hace de Flickr un sitio acojador. El tema de los avatares lleva a cosas muy curiosas.

Hay otro concepto interesante en Flickr, lo que llame “Sin datos o Cero Datos”… habla de qué ocurre cuando un usuario entra sin estar registrado: le dan opciones, le muestran fotos y puede verlas… también pueden acceder a grupos.

Otro punto importante: un sitio con demasiadas opciones puede tener problemas, ellos se centran en dar las opciones básicas, lo que llaman “opciones por defecto” pero a partir de ahí cada uno puede personalizar su forma de manejar flickr. En este punto también resalta lo que llaman “pasarelas” que permiten al usuario ir adquiriendo experiencia.

El tema de mostrar la actividad de la gente, como base del aspecto social de Flickr.

Ayuda: Ellos han incorporado algunas cosas como, para empezar, las normas. La primera “Pórtate bien”… tras una año de Flickr duplicaron las normas pero lo hicieron con mucho cuidado.

Otro elemento importante en el software social: atención al cliente. Le da mucha importancia y considera que hay que ciudarlo

Un punto de vista neutral: en flickr hay millones de usuarios y para ellos, que son 30 personas en el equipo, es dificil tener un punto de vista objetivo. Prefieren dejar a la gente en paz y libre, no hacen de árbitros. Cuando se hace esto la gente se siente bien en flickr.

La API de Flickr (para mí una de las principales razones de su éxito). Se trata de una API abierta que permite que se desarrollen cosas que ellos ni conocen (www.flickr.com/services). La apli parte de cuatro métodos básicos. Esto convierte a Flickr en algo moldeable y que puede ir en cualquier dirección.

Un par de ejemplos:
-El famosos selector de fotos por color (intentaré buscar la dirección) la verdad es que está genial. La persona que lo hizo desarrolló algo que ellos ni habían pensado…
-BigHugeLabs: un sitio que tiene multitud de herramientas para usuarios de Flickr, como hacerte chapas con las fotos. Lo importante de este tío, es que ha convertido su trabajo con la API de Flickr en su profesión.
-El sistema de eventos de Yahoo (upcoming) también está directamente relacionado con Flickr, ya que permite enviar fotos y asociarlas al evento.

Flickr tb ha es una fuente de contenidos para la gente, debido a su empeño en facilitar al máximo la entrada y salida de usuarios en su web. A ellos les gusta ver que, en otros sitios, utilizan API´s abiertas. Considera eso una innovación de Flickr (no lo es, amazon lo hacía mucho antes, pero si que fue la que popularizó el asunto,)

AVANCE-> en poco tiempo van a sacar una nueva funcionalidad relacionada con el geo-posicionamiento de las fotos (lo que no entiendo ni entendí nunca es que no lo tuviese hace tiempo). Nos pone una foto de un geek de la leche que ellos han contratado para que use su API y experimente; con esa metodología han desarrollado esa nueva funcionalidad.

Para ellos, en Flickr, todo el mundo es un diseñador, todo el mundo es un desarrollador… pero esto puede generar problemas… ej, un tío que estaba haciendo 300 consultas / segundo a la base de datos de FlickrDe hecho Flickr se ha convertido en una infraestructura para mucha gente.

Finalizando… tienen muchos datos y de muchos sitios, no saben por donde va a ir el futuro pero una premisa fundamental siempre será respetar al usuario, su intimidad y su libertas. El concepto de que el Caos lleva a la cooperación, el dejar a la gente libre hace que vayan surgiendo cosas nuevas e interesantes. La comunidad ahora es algo más, es un reflejo de la sociedad, y es difícil gobernar; por ello hay que mantener una perspectiva neutra.

Fin, aplausos… ha estado bastante vien la parte que he visto…(diós… la traductora está afónica)

Mesa redonda: navegadores entre nuevas tecnologías

Wednesday, October 3rd, 2007

Mesa redonda en la que participan representantes de IE, Firefox, Opera, Nokia y Konkeror.

a ver si soy capaz de hacer una crónica de esto…

Empieza hablando el chico de ópera… ¿Dónde está la web hoy en día? en todos sitios: consolas, ordenadores, pdas, en el coche, en el barco, en el avión… en el bar,

¿Que hacemos con la web? todo, trabajo, formacion, socialización …

¿En qué estado estamos? HTML4, XHTML 1, CSS 2.1, ECMAScript, SVG, etc..
¿A donde vamos? a una web más rica: video, sonido, multimedia; aplicaciones web más potentes,,, pero ¿Quién controla los estándares?

Desafíos para el futuro:
-seguridad
-fiabillidad y control de la información
-Accesibilidad e internacionalización

El chico de Firefox: nos está enseñando cosas chulas con SVG y vídeo. Bastante espectaclar… pero como que para esas cosas voy a preferir flash normalmente. Ve el futuro en experiencias multimedia en el navegador con etiquetas no elementos embebidos.

Nokia again: habla de dos cosas importantes:

interoperabilidad…¿Se necesitan nuevos estándares para resolverlos? ¿No traerá HTML 5 más problemas de lo que pueda ayudar? ¿Habrá mas codigo abierto que ayude a resolver la interoperabilidad?

El otro tema ¿Una única web?: si… una única web. Pero… ¿Es un mito lo de la web única?

El resto no habla… comienza el debate pero no lo voy a poder retransmitir.

Me quedo sin batería…. una pena pero ya sabéis que el reportero más dichero siempre tiene ordenador de repuesto… :)

Movilidad y estándares web

Wednesday, October 3rd, 2007

Va a empezar hablando de la vision de la web móvil desde la perspectiva de Nokia. Considera que para el año 2015 5.000 millones de personas estarán conectadas.

Ellos tienen un navegador propio para sus móviles. Su enfoque es que sea navegador estándar, no especifico para móvil… con el que se puede navegar mediante una experiencia global.

La otra ventaja de los móviles es la conectividad que uno tiene… casi permanente y con muchos protocolos distintos (WIFI, Bluetooth Wimax, gps, gsm, etc..). Además apuntaque cuando uno está fuera de casa, de viaje, el encontrar información es mucho más importante; cierto.

Widgets. Nokia va a introducirlos en sus móviles. Los considera mas que html, algo parecido a los que tenemos en el Mac Os X; utilizan javascript, pero se ejecutan fuera del navegador como una aplicación más.

Este hombre considera que el móvil es una herramienta que se puede utilizar para tener una experiencia de navegación completa, incluyendo el acceso a sitio tipo web 2.0; por esto entiendo Fickr, My Spaces o los podcast. Habla del móvil como herramienta para hacer podcasting o para genera vídeos para youTube

eeeeh, algo sorprendente. Nokia tiene un SERVIDOR WEB para el móvil. Esto es interesante, el móvil no solo para recibir información sino también para servirla. Genial.

Aborda también el móvil como un “media browser”.

Las experiencias de usuario con dispositivos móviles las considera muy “dinámicas”. Hay cosas novedosas y tecnologías, no solo HTML y CSS que generarán nuevas experiencias al usuario,

Algunas nuevas tecnologías
-Procolos de localización
-Protocolos de presencia
-Protocolos para mensajes
-etc, etc… que me ha quitado la transparencia.

Consortia Group

Se trata de un consorcio que se encargan de crear estos nuevos estándares:
-OMA
-W3C
-IETF
-Java
-otros…

También hay otros consorcios para temas de certificación y otro para llevar el tema de Open Source para móvil (entre otros: gnome, Safari, Mozilla, Eclipse, Linux Foundation)

el navegador que ellos utilizan es el S60, es un navegador de código abierto y es capaz de ejecutar AJAX. Gracias a hacerlo con código abierto han podido implementar muchas funcionalidades en su navegador.

Hay muchos desarrolladores en el mundo web y esta es una de la razones por la que apuestan por los Widgets (están hecho con tecnologías web). La fase I en el desarrollo de sus Widgets va dirigida a tener resuelta la forma extraer la información de Internet; en una segunda fase se preocuparán por el acceso a las plataformas de servicios web.

Web Application Working Group.

Llevan 3 especificaciones en las que están trabajando
-Widgets:
.aplicaciones basadas en tecnologías web (html, CSS, JavaScript, Ajax) que pueden ser descargadas y ejecutadas de forma separada.
-Suelen empaquetarse con ZIP
-Incorporan metadatos para informar sobre el widget
-Están buscando API´s para la manipulación de la ventana de Widget
-También buscan un modelo para firmar los Widgets

-Han publicado un borrador de trabajo hace 3 mese sobre los requisitos de los Widgets. La especificación en sí parece que va más lenta

-XBL
-Es un lenguaje declarativo, algo complejo que parece que puede usarse ara, por ejemplo, extender un documento base como HTML (añadirle eventos, añadirle CSS. Otro caso de uso puede ser, por ejemplo, re-ordenar contenidos para un dispositivo con pantalla pequeña (lo siento, no lo entiendo demasiado bien y no puedo explicarlo mejor)
-Lo usa Mozilla en su navegador y en Firefox

-con esta tecnología están intentando habilitar el acceso de lectura para recursos web. Aquí entra en un tema complejo de políticas de lectura de contenidos entre dominios (Cross-domain)

Comercial y luego excesivamente técnico: no me ha gustado demasiado, un 5 raspado

FW – Ponencia 4: Nuevas tecnologias – tecnologías accesibles

Wednesday, October 3rd, 2007

ZZZZZZZZZZZZZZZZZZ

No me he dormido pero he tenido que hacer grandes esfuerzos. No me apetece resumir el plastazo de ponencia que ha dado el de adobe… accesibilidad, pero con unas metáforas y un discurso que no he conseguido pillar. Lo siento.

http://www.torresburriel.com/weblog/2007/10/03/fw2007-nuevas-tecnologias-tecnologias-accesibles-matt-may/

FW – Ponencia 3: Diseñando la nueva generación de aplicaciones web

Wednesday, October 3rd, 2007

Jeffrey Veen (Google) el que lleva cosas com Gmail, Blogger, Google Calendar…

Va a hablar del futuro en las aplicaciones web, Empieza introduciendo como los medios exageran cuando surge una nueva teconología como, por ejemplo, los blogs. Se llegaba a decir, si no tienes un blog tu empresa va a la ruina.

Entra en el tema definicion web 2.0 y las absurdeces que se han dicho sobre el tema. Para él el futuro se parece mucho al pasado.El futuro de la web debe estar basado en las personas. Personas que no entienden la tecnología. Diseño orientado al usuario.

  • Experiencia
  • Patrones
  • Usuarios
  • Objetivos
  • Cosas

Nuestro trabajo es presentar esas cosas que ofrecemos para que el usuario las pueda entender, ver, interactuar… Es decir que el usuario tenga una experiencia sencilla e intuitiva en nuestra web al interactuar con nuestras cosas.

No todos los usuarios son iguales, Un buen diseño debería lograr que todos los usuarios puediesen conseguir todos los objetivos en nuestro sitio web. Insiste, la gente, los usuarios, son muy distintos.

Pone un ejemplo claro, ante un mismo objeto, como un vaso con un refresco, muchas personas utilizan palabras distintas para definirlo (refresco, coca-cola, bebida… ).

La globalización, además, añade dificultades… una web para un coreano o para un indio o para un occidental. En Google, por ejemplo, cuando lanzan una En, de base suele salir en 40 idiomas.

Pone también el caso de webs inaccesibles que, al cargarla en un navegador como Lynx, te dice que cambies de navegador.

Está poniendo ejemplos de webs que van evolucionando, como la General Electric o Amazon.

Es necesario entender que ocurre en el mundo del usuario para adaptarnos a él y no hacer que él se tenga que adaptar a nuestra web.

Va a hablar ahora de patrones de datos

pone una pantalla con números repartidos aleatoriamente por la pantalla con números aleatorios y luego muestra esos números puestos en una tabla. La diferencia es evidente (son temperaturas) y a partir de ahí va distintas formas de presentar esos datos que cada vez mejoran la experiencia de usuario al presentar los datos de una forma que el usuario puede controlar.

Un claro ejemplo, las mashups que se están haciendo con google maps, por ejemplo, mostrar un mapa de una ciudad y señalar las zonas donde hay delitos es mejor que una tabla con barrios y cifras.

Sigue poniendo ejemplos de páginas poco usables. ¿Cómo podemos ayudar a los usuarios? ¿Cómo saber lo que piensan y como piensan? – Preguntándoles y haciéndolo de forma metódica de forma que se pueda analizar lo que han dicho. Esa es la metodología que él sigue en Google.

A partir de ese análisis comienzan a diseñar la arquitectura del sitio… hacen decenas, cientos de entrevistas, a la hora de diseñar una aplicación web. Va entrando poco a poco en su metodología, difícil de explicar aqui… lo siento.

Pero la idea está clara, se siga la metodología que se siga hay que investigar al usuario. Fases del proyecto ordenadas por lo abierto a soluciones que está en proyecto en cada una.

-definición de proyecto
-investigación de usuarios
-diseño de interacción
-Implementación
-Lanzamiento

Nota… el tema es muy interesante… pero por ahora no tiene mucho que ver con el título de la ponencia.

Ahora vuelve al futuro… lo único que nos dice es que no temamos al futuro, que lo importante siempre es que pensemos en el usuario. Juel

Finaliza

Ponencia interesante, pero no relacionada con el título, No cumple expectativas, un 6

Diapositivas en: www.veen.com/fundamentos07.pdf