Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

Introducción Frameworks de JavaScript ¿Qué es EXT JS? Ventajas y desventajas Ejemplos... Más información Conclusión

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

Introducción

La web ha cambiado...

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

...las interfaces mejoran...

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

En 2005, con la popularización de la tecnología basada en el objeto xmlHttpRequest (AJAX), surgieron nuevas ideas para interfaces...

...sin embargo, AJAX resultó más difícil de implementar que lo que los autores del concepto creían...

...por lo que varios desarrolladores se dieron a la tarea de facilitar las cosas.

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

En ese mismo año, surge el proyecto ”Ruby on Rails”, un nuevo concepto de desarrollo de software basado en metodologías ágiles.

Con él, surge una librería llamada prototype que ayudaba sensiblemente a la implementación de AJAX en los sitios. Prototype resultó ser una librería muy efectiva y fácil de usar, además de integrarse independientemente de Ruby on Rails, por lo que se hizo muy popular.

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

En 2006, Yahoo! rediseña su portal y decide utilizar AJAX como centro de su interfaz. Pese a la popularidad de Prototype, consideraron que estaba muy poco documentada en ese momento y decidieron crear su propio framework de JavaScript. Yahoo! User Interface surge en ese mismo año y es liberado como código abierto

Otros desarrolladores que no compartían el rumbo que llevaba la librería prototype, comenzaron a desarrollar otros frameworks que implementaban mejoras al DOM/Javascript...

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

...y entonces los frameworks se multiplicaron...

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

Ventajas de los frameworks: Código reutilizable Facilitan las tareas más comunes Ofrecen animación, efectos, movimiento, formas

dinámicas. No requieren recargar la página completa Se comunican por protocolos estándares

(JSON/XML/WebServices)

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

Problemas comunes: Librerías poco interoperables entre sí APIs muy complejas y diferentes Algunas librerías tienen poco soporte y no se sabe

si sobrevivirán en el futuro Poca homogeneización

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

¿Qué es EXT? Es un nuevo framework de javascript, basado

originalmente en YUI pero que actualmente es independiente del framework que se utilice (incluso puede usarse sin frameworks). Ofrece una gran cantidad de widgets para crear interfaces de usuario complejas. Está disponible en:

http://www.extjs.com

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

Ventajas de EXT Código reutilizable Independiente o adaptable a frameworks diferentes

(prototype, jquery, YUI) Orientada a la programación de interfaces tipo

desktop en el web. El API es homogeneizado independientemente del

adaptador usado. Los controles siempre se verán igual.

Soporte comercial Una extensa comunidad de usuarios

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

Desventajas

La librería es muy grande en tamaño (aprox 450Kb comprimida), aunque se puede paliar con el módulo mod_deflate de Apache (utilizando gzip) además de que en el sitio de EXT se puede recortar la librería para incluir solamente aquellas funcionalidades que en realidad se van a utilizar.

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

Qué ofrece la librería Controles de GUI:

Layouts Paneles Grids Ventanas DHTML Tooltips Pestañas Controles de formulario Menús

Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript

Ejemplos...