Análisis de las herramientas y tecnologías implicadas en la web 2.0
Desarrollo web ágil
Fernando Blat & Álvaro Ortiz
The Cocktail
Cómo construir la web2.0
- Estándares web
- Ajax
- Desarrollo web ágil
- Patrones de diseño en la construcción de CMSs
- De los mass media a los user generated media: nuevos formatos
- Del open source al open data
- ...
La Web2.0... ¿hay que tomársela en serio?
Qué es la Web2.0
- Según la Wikipedia:
- transición de webs como puntos aislados de información hacia fuentes de contenido y funcionalidad - plataforma que proporciona aplicaciones web a usuarios (webservices, rss...)
- fenómeno social - creación y distribución de contenido: comunicación abierta, descentralización de autoridad, libertad para compartir y reutilizar (recuperación ¿inconsciente? de los principios inspiradores de Internet)
- contenido más organizado y categorizado, arquitectura web desarrollada (o en pleno desarrollo... microformatos, tags...)
- un cambio en el valor económico de la web... ?
Core competencies de empresas 2.0
- Servicios, no software empaquetado
- Control sobre fuentes de datos únicas y difíciles de recrear, que se hacen más valiosas cuando más gente las usen (efecto red)
- Confiando en los usuarios como co-desarrolladores
- Cosechando la inteligencia colectiva
- Customer self-service
- Software por encima del nivel de un único dispositivo
- Interfaces de usuario, modelos de desarrollo y modelos de negocio ligeros
Lo qué nos importa de la web2.0
- Arquitectura de la participación / user generated media
- Servicios y herramientas en vez de contenido / re: responder, remezclar, reutilizar (Flickr, Last.fm, Bloglines)
- Estándares abiertos y ligeros
- La simplicidad como premisa
El diseñador web2.0
- ¿qué es un diseñador web?
- un diseñador web debe tocar varios palos, y estar especializado en uno
- arquitectura de la información
- Organización de contenidos, metadatos, taxonomías, navegación
- Usabilidad, Wireframes, prototipos, árboles de contenidos; investigación, métricas indicadores
- Diseño gráfico
- Uso del color, composición, simbolismo
- Fireworks, Photoshop, ilustración…
- Programación cliente / Estándares web
- Marcado semántico, separación de presentación y contenido, sccesibilidad
- XHTML, CSS, DOM, JS
- ¿Programación servidor?
- Drupal, Movable Type, WordPress, MediaWiki, phpMyAdmin…
Estándares web
Viejos conocidos
- Estándares web: especificaciones abiertas
- XHTML, CSS, DOM
- Marcado semántico
- Separación presentación y contenido
- Beneficios: ahorro de costes, es más cómodo trabajar, código reutilizable
- JS no intrusivo (The Behaviour Layer)
web semántica con minúsculas: microformatos
- Real world semantics
- Microformatos:
- están diseñados primero para personas y en segundo lugar para máquinas
- son un conjunto simple de formatos abiertos construidos sobre estándares de uso extendido
- pretenden resolver problemas simples adaptándose a patrones de uso actuales
- Los microformatos amplían la semántica y la estructuración del código o marcado de las páginas web para estandarizar como se muestra determinada información.
- Microformats.org
Desarrollo web ágil
La simplicidad como premisa
- Menos masa
- Debemos evitar:
- Contratos de larga duración; decisiones permanentes; estar atados a una tecnología, un hardware o software; formatos propietarios
- Roadmaps a largo plazo; el pasado dictando el futuro
- Exceso de personal; equipos grandes; papeleo excesivo (administrativo y técnico)
- Debemos perseguir:
- Personas multidisciplinares, Software libre, formatos abiertos
- Menos software, menos código
- Admitir los errores antes, ser humildes
- Usar lo que construyes
- Aprovecharse de las restricciones, no tratar de evitarlas
Menos como una ventaja competitiva
- Artículo de 37 Signals
- Menos dinero
- Hoy en día el hardware es barato, el software es barato, el marketing es barato
- Menos gente
- Más gente: más reuniones, más burocracia, más necesidad de control
- Menos tiempo
- Cuanto más tiempo tienes, más tiempo desaprovechas
- Menos abstracción
- El interfaz es la especificación funcional
- Menos software
- Menos tiempo, menos dinero, menos gente, menos código: menos funcionalidades
- Más restricciones
- las restricciones o limitaciones te obligan a ser creativo
Formatos de sindicación
- sindicación... ¿en castellano?
- El formato de sindicación por excelencia
- Un estándar de facto
- Diferentes versiones...
- Rich Site Summary (RSS 0.91) (Dave Winner, ahora Harvard)
- RDF Site Summary (RSS 0.9 and 1.0) (Netscape)
- Really Simple Syndication (RSS 2.0.0) (continuación 0.9)
- Nació en el submundo, para irse extendiendo...
OPML
- Otro invento de Dave Winner
- Outline Processor Markup Language
- Formato muy sencillo para crear listados de elementos
- ejemplos
- ¿Trivial?
- Simple Sharing Extensions para RSS y OPML
- RSS para compartir items – para permitir la replicación bidireccional y asíncrona de items nuevos y actualizados a lo largo de suscripciones a los mismos feeds
- OPML para compartir listados – para permitir la replicación bidireccional y asíncrona de listados, como una lista de suscripciones RSS
APIs
¿Qué es una API?
- application programming interface
- un programa ofrece sus funcionalidades a agentes externos
- ejemplos:
en definitiva...
- web2.0 es marketing para vender un conjunto de tecnologías y formas de hacer las cosas
- puede llegar a resultar vacío, y la gente acaba(rá) huyendo del término
- tenemos que aprender y aprovechar estás ideas para desarrollar nuestro trabajo
