Sencha Ext JS
| ||
Sumario
¿Qué es ExtJS?
ExtJS es una librería Javascript que permite construir aplicaciones complejas en Internet ademas de flexibilizar el manejo de componentes de la página como el DOM, Peticiones AJAX, DHTML, tiene la gran funcionalidad de crear interfaces de usuario bastante funcionales.
Esta librería incluye:
- Componentes UI del alto performance y personalizables.
- Modelo de componentes extensibles.
- Un API fácil de usar.
- Licencias Open source y comerciales
Origenes
Originalmente construida como una extensión de la biblioteca YUI, en la actualidad puede usarse como extensión para las biblioteca jQuery y Prototype. Desde la versión 1.1 puede ejecutarse como una aplicación independiente.
Funcionalidades
Lo primero es contar con el framework Ext JS, disponible en el sitio ofiacial de Sencha y tener conocimeinto sobre los terminos de su uso descritos en su licencia. Se recomienda el uso del navegador web Firefox pues cuenta con el firebug herramienta que permite la compilación de codigo javascript.
Este framework cuenta con un conjunto de componentes (widgets) para incluir dentro de una aplicación web, como:
- Cuadros y áreas de texto.
- Campos para fechas.
- Campos numéricos.
- Combos.
- Radiobuttons y checkboxs.
- Editor HTML.
- Elementos de datos (con modos de sólo lectura, datos ordenables, columnas que se pueden bloquear y arrastrar, etc.).
- Árbol de datos.
- Pestañas.
- Barra de herramientas.
- Menús al estilo de Windows.
- Paneles divisibles en secciones.
- Sliders.
Varios de estos componentes están dotados de comunicasión con el servidor usando AJAX. También contiene numerosas funcionalidades que permiten añadir interactividad a las páginas HTML, como:
- Cuadros de diálogo.
- quicktips para mostrar mensajes de validación e información sobre campos individuales.
Ext JS soporta todos los navegadores web más importantes, incluyendo:
- FireFox 1.5+ (PC, Mac)
- Safari 3+
- Chrome 3+
- Opera 9+ (PC, Mac)
- Internet Explorer 6+
Librerias Importantes
Existe una condición primaria para el uso de esta herramienta y es la correcta ubicación dentro del codigo HTML de las siguientes librerias, imprescindible para su correcto funcionamiento:
1- ext-ll.csc: contiene todos los estilos para visualizar correctamente los componentes.
2- ext-base.js: contiene solo lo que necesita ext para su correcto funcionamiento.
3- ext-all.js: contiene todos los componentes y características disponibles en Ext JS.
Ej:
.....
<head>
<title>Primeros pasos con Ext JS</title>
<!--IMPORTANTE AGREGAR LA HOJA DE ESTILOS -->
<link type="text/css" rel="stylesheet" href="common/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="common/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="common/ext/ext-all.js" ></script>
<script type="text/javascript" src="common/ext/src/locale/ext-lang-es.js"></script>
</head>
.....
Ventajas y Desventajas
ExtJS ha marcado la diferencia en la preferencia de muchos desarrolladores. Y no solo para aplicaciones web sino que yas es util para productos como iPhone y IPAD.
Ventajas
1- Una de las grandes ventajas de utilizar ExtJS es que nos permite crear aplicaciones complejas utilizando componentes predefinidos.
2- Evita el problema de tener que validar el código para que funcione bien en cada uno de los navegadores(Firefox, IE, Safari, Opera etc.).
3- El funcionamiento de las ventanas flotantes lo pone por encima de cualquier otro.
4- Relación entre Cliente-Servidor balanceado: Se distribuye la carga de procesamiento entre, permitendo que el servidor pueda atender mas cleintes al mismo tiempo.
4- Eficiencia de la red: Dsiminuye el trafico en la red pues las aplicaciones ceuntan con las posibilida de elegir que datos desea trasmitir al servidor y viceversa(Criterio este que pue variar con el uso de aplicaciones de pre-carga).
4- Comunicación asíncrona. En este tipo de aplicación el motor de render puede comunicarse con el servidor sin necesidad de estar sujeta a un clic o una acción del usuario, dándole la libertad de cargar información sin que el cliente se de cuenta.
Desventajas
1- Necesidad de una plataforma: Pues dependemos del paquete ExtJS para obtener los resultados deseados.
2- Falta de un potente diseñador gráfico: demora la obtencion del resultado final al no proveer una forma fácil y rápida de desarrollar.
3- Para algunos el no contar con una licencia LGPL.
Lista de aplicaciones desarrolladas bajo Ext JS
opengoo.org, es un completa suite ofimática de código abierto que se puede instalada en nuestro propio servidor web, esto es muy útil para ser usado en la intranet de una empresa y que los documentos se almacenen de manera centralizada en el servidor de la empresa.
conjoon, es un administrador de información personal con un fuerte enfasis en el intercambio de mensajes. Su ambición es convertirse en uno de groupware basado en web.
Express Web, finalmente un proyecto personal, es un sistema web de courier, para realizar envios de encomiendas, facturacion, cobros creditos, etc, realizado para la empresa geomil, una de las empresas principales para el envio y recepcion de encomiendas del Ecuador – Españal.
Cedrux, es un sistema de gestión integral que en el futura sera un sistema de Palanificación de Recursos Empresariales (Enterprise Resource Planning, ERP), se desarrolla actualmente en la Univercidad de las Ciencias Informáticas(UCI) mediante el uso de este framework.
Otros Productos de Sencha
Sencha Touch: Construir aplicaciones web ricas móviles
para Android, iPhone y IPAD.
Ext GWT: Libreria de Java para la creación de aplicaciones ricas de Internet con GWT.
Ext Designer: Crear impresionantes interfaces web con un simple arrastrar y soltar.
Enlaces Relacionados
Fuente
www.ecured.cu
www.pri.jovenclub.cu
www.gutl.jovenclub.cu
www.sencha.com
