Ext JS y frameworks JavaScript

11,025 views
10,818 views

Published on

Published in: Business
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
11,025
On SlideShare
0
From Embeds
0
Number of Embeds
337
Actions
Shares
0
Downloads
253
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

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>

×