Adobe Spry, AJAX para diseñadores
Escrito por Revista NeoPixel Domingo, 06 de Septiembre de 2009 09:07
Texto por: Edgar Parada.
Siguelo en Twitter por @edgarparada
Spry es un framework para desarrollar Sitios Web con AJAX de una forma transparente hacia los diseñadores ya que prácticamente solo tienen que conocer XML y CSS para empezar a utilizarlo y dotar a sus sitios web de mejoras interesantes en cuanto a la experiencia del usuario.
Antes de seguir hablando de Spry, hay algunas palabras clave en la definición anterior que considero importantes explicarlas para un correcto entendimiento. Empezaremos con AJAX que resulta de abreviar “Asynchronous Javascript And Xml” (JAVA y XML asíncronos), y es que AJAX por si mismo no es una tecnología ni tampoco un producto, si no una serie de recomendaciones para desarrollar sitios web que se comporten de una forma diferente a los sitios tradicionales, realizando peticiones “fuera de sincronía” al servidor mediante un lenguaje de programación llamado Javascript que es una tecnología disponible en la mayoría de los navegadores web y que la estructura de estas peticiones este basada en otro lenguaje llamado XML que es uno de los estándares web más difundidos actualmente.
La siguiente palabra que puede resultar diferente es “framework”, esta palabra es un anglicismo que puede traducirse como “marco de trabajo” y se presenta aquí un debate interesante entre adoptar un framework ya existente o desarrollar uno propio, es cierto que uno puede hacer páginas con AJAX sin utilizar ningún framework y solo uniendo las tecnologías antes descritas sin embargo hay un beneficio interesante en adoptar uno, sobretodo en cuestiones de alcance de nuestros proyectos.
AJAX, ¿Por qué tanto ruido?
Es difícil creer que existe un diseñador web que a estas alturas no haya escuchado el término AJAX, y todo esto va de la mano porque AJAX es uno de los pilares en la construcción de Sitios Web 2.0 o de nueva generación. Y el hecho de que Jesse James Garret utilizara el término por primera vez públicamente, desató una serie de eventos que empezaron a cambiar algunas reglas del mundo del diseño web. Lo principal fue el hecho de que el usuario ya no tenía que cambiar de página a cada vez que quería desplegar alguna información diferente en un sitio web y ahí comenzó el cambio en la experiencia, hasta lo que podemos ver hoy en día que con interfaces de usuario realmente sofisticadas, efectos, transiciones, campos que se auto completan, etc.
Los primeros en adoptar el modelo AJAX fueron los diseñadores/desarrolladores independientes, algunos de ellos veían algo nuevo, otros tantos que ya conocían tecnologías como Flash lo vieron como un argumento útil para clientes y/o proyectos que no aceptaban otra cosa que no fuera HTML y Javascript en sus páginas web, después vinieron “los grandes del web” a adoptarlo, empresas de la talla de Amazon, Google, Yahoo, Ebay, etc. y ellos mismos desarrollaron sus propios frameworks, de ellos el más sobresaliente GWT de Google del cual hemos visto su potencial en aplicaciones como Gmail, Google Maps, Google Docs, etc.
Tantas Opciones, ¿Cuál elegir?
Algo que sin duda es complicado cuando hablamos de un sitio web que implique la utilización de AJAX es; ¿Qué opción elegir para desarrollarlo? como ya dijimos antes, Google tiene un framework muy poderoso orientado a programadores Java, Microsoft tiene un proyecto llamado ATLAS. Hay otras opciones también muy interesantes: Dojo, Script.aculo.us, Yahoo UI Library, Adobe Spry, y una larga lista de etcéteras, como en todo no hay una respuesta absoluta, aunque sí hay una respuesta específica y es: depende!
Depende de muchos factores, pero si nuestro perfil es el de un diseñador web que desea conocer AJAX, entonces Adobe Spry resulta una oferta muy interesante. Desde su lanzamiento estuvo sujeto a fuertes críticas del punto de vista de lineamientos de estándares web, también era cierto que su integración con otras tecnologías era complicada y no era bien soportado por todos los navegadores y se le veía más bien como un proyecto experimental lejos de ser algo utilizado en la producción de un sitio web.
Hoy en día todo lo anterior es parte del pasado. El equipo de Adobe Spry realiza una labor constante para tener compatibilidad con los estándares web, los sitios web que utilizan esta tecnología pueden ser vistos de igual manera en IE, Firefox, Safari, etc. Y lo más importante, que Adobe Spry esta incluido como parte de la última versión de Dreamweaver que es la herramienta líder en el mercado para la creación de sitios web. Por cierto aunque Spry sea parte de Dreamweaver, es una tecnología libre de uso que no implica la compra de una licencia, solo hay que descargarlo para comenzar a utilizarlo: http://labs.adobe.com/technologies/spry/
Un vistazo rápido a Spry
Adobe Spry se compone de 3 partes: Spry Data, Spry Widgets y Spry Effects.
Spry Data: se encarga de transformar los datos para que puedan ser utilizados en cualquier parte de una página web, soporta diferentes fuentes de datos siendo la más común XML y esto vuelve fácil el agregar secciones dinámicas a nuestra página para controlar la información que se muestra en los diferentes apartados.
Spry Widgets: son una serie de componentes web que pueden ser modificados con un nivel básico de conocimientos de HTML y CSS, son accesibles para responder a la navegación, mediante el teclado; entre los más populares están los acordeones, las tablas dinámicas y los paneles.
Spry Effects: nos permite agregar transiciones a prácticamente cualquier parte de la página web, pueden ser muy útiles para resaltar información, crear animaciones básicas, y/o alterar visualmente algún elemento como podría ser una imagen o un texto.
Consideraciones Finales
La escena web es una de las más competidas últimamente, con una evolución constante y rápida de las tecnologías; ya no es suficiente para un diseñador/desarrollador web con conocer HTML y un poco de Flash. Un diseñador web competitivo debe conocer el manejo de CSS, XML y Javascript, importante también que tenga nociones de alguna tecnología de servidor como puede ser PHP, y si puede incluir AJAX a su repertorio será algo importante a tener en cuenta, solo hace falta ver los proyectos web más exitosos en la actualidad para darse cuenta que todo esto es una constante en páginas como YouTube, Facebook, MySpace.
A todo esto Adobe Spry es una tecnología que nos permitirá acercarnos al paradigma AJAX con una curva de aprendizaje ligera, puede comenzar a utilizarse de inmediato en cualquier proyecto web ya que no tiene unos requisitos demasiado exigentes en cuanto a conocimientos previos y es compatible con una serie de productos de los más utilizados por las agencias y los profesionales del mundo web.
Nos despedimos no sin antes dejarles un saludo y unas ligas de referencia:
Página Oficial de Spry - http://labs.adobe.com/technologies/spry/home.html
Blog del Equipo de Desarrolladores de Spry - http://blogs.adobe.com/spryteam
Tutoriales de Spry (español) - http://www.esmmug.com/docs/tutoriales/spry
Tutoriales de Spry (inglés) - http://www.adobe.com/devnet/spry
Sitio Web Spry desarrollado por el autor y el equipo de Mimo Diseño - http://www.posu.com.mx
Texto por: Edgar Parada.
Siguelo en Twitter por @edgarparada
RSS feed Comments
