Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Introducción </li></ul><ul><li>Frameworks de J...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Introducción La web ha cambiado... </li></ul>
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>...las interfaces mejoran... </li></ul>
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>En 2005, con la popularización de la tecnologí...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>En ese mismo año, surge el proyecto ”Ruby on R...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>En 2006, Yahoo! rediseña su portal y decide ut...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>...y entonces los frameworks se multiplicaron....
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Ventajas de los frameworks: </li></ul><ul><ul>...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Problemas comunes: </li></ul><ul><ul><li>Libre...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>¿Qué es EXT? </li></ul><ul><ul><li>Es un nuevo...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Ventajas de EXT </li></ul><ul><ul><li>Código r...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Desventajas </li></ul><ul><ul><li>La librería ...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Qué ofrece la librería </li></ul><ul><ul><li>C...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Ejemplos... </li></ul>
Próxima SlideShare
Cargando en…5
×

Ext JS y frameworks JavaScript

11.157 visualizaciones

Publicado el

Publicado en: Empresariales
1 comentario
2 recomendaciones
Estadísticas
Notas
Sin descargas
Visualizaciones
Visualizaciones totales
11.157
En SlideShare
0
De insertados
0
Número de insertados
349
Acciones
Compartido
0
Descargas
253
Comentarios
1
Recomendaciones
2
Insertados 0
No insertados

No hay notas en la diapositiva.

Ext JS y frameworks JavaScript

  1. 1. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Introducción </li></ul><ul><li>Frameworks de JavaScript </li></ul><ul><li>¿Qué es EXT JS? </li></ul><ul><li>Ventajas y desventajas </li></ul><ul><li>Ejemplos... </li></ul><ul><li>Más información </li></ul><ul><li>Conclusión </li></ul>
  2. 2. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Introducción La web ha cambiado... </li></ul>
  3. 3. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>...las interfaces mejoran... </li></ul>
  4. 4. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>En 2005, con la popularización de la tecnología basada en el objeto xmlHttpRequest (AJAX), surgieron nuevas ideas para interfaces... </li></ul><ul><li>...sin embargo, AJAX resultó más difícil de implementar que lo que los autores del concepto creían... </li></ul><ul><li>...por lo que varios desarrolladores se dieron a la tarea de facilitar las cosas. </li></ul>
  5. 5. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>En ese mismo año, surge el proyecto ”Ruby on Rails”, un nuevo concepto de desarrollo de software basado en metodologías ágiles. </li></ul><ul><li>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. </li></ul>
  6. 6. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>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 </li></ul><ul><li>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... </li></ul>
  7. 7. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>...y entonces los frameworks se multiplicaron... </li></ul>
  8. 8. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Ventajas de los frameworks: </li></ul><ul><ul><li>Código reutilizable </li></ul></ul><ul><ul><li>Facilitan las tareas más comunes </li></ul></ul><ul><ul><li>Ofrecen animación, efectos, movimiento, formas dinámicas. </li></ul></ul><ul><ul><li>No requieren recargar la página completa </li></ul></ul><ul><ul><li>Se comunican por protocolos estándares (JSON/XML/WebServices)‏ </li></ul></ul>
  9. 9. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Problemas comunes: </li></ul><ul><ul><li>Librerías poco interoperables entre sí </li></ul></ul><ul><ul><li>APIs muy complejas y diferentes </li></ul></ul><ul><ul><li>Algunas librerías tienen poco soporte y no se sabe si sobrevivirán en el futuro </li></ul></ul><ul><ul><li>Poca homogeneización </li></ul></ul>
  10. 10. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>¿Qué es EXT? </li></ul><ul><ul><li>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 </li></ul></ul>
  11. 11. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Ventajas de EXT </li></ul><ul><ul><li>Código reutilizable </li></ul></ul><ul><ul><li>Independiente o adaptable a frameworks diferentes (prototype, jquery, YUI)‏ </li></ul></ul><ul><ul><li>Orientada a la programación de interfaces tipo desktop en el web. </li></ul></ul><ul><ul><li>El API es homogeneizado independientemente del adaptador usado. Los controles siempre se verán igual. </li></ul></ul><ul><ul><li>Soporte comercial </li></ul></ul><ul><ul><li>Una extensa comunidad de usuarios </li></ul></ul>
  12. 12. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Desventajas </li></ul><ul><ul><li>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. </li></ul></ul>
  13. 13. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Qué ofrece la librería </li></ul><ul><ul><li>Controles de GUI: </li></ul></ul><ul><ul><ul><li>Layouts </li></ul></ul></ul><ul><ul><ul><li>Paneles </li></ul></ul></ul><ul><ul><ul><li>Grids </li></ul></ul></ul><ul><ul><ul><li>Ventanas DHTML </li></ul></ul></ul><ul><ul><ul><li>Tooltips </li></ul></ul></ul><ul><ul><ul><li>Pestañas </li></ul></ul></ul><ul><ul><ul><li>Controles de formulario </li></ul></ul></ul><ul><ul><ul><li>Menús </li></ul></ul></ul>
  14. 14. Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript <ul><li>Ejemplos... </li></ul>

×