Kit de herramientas web de Google

Kit de herramientas web de Google (GWT)

Información

Desarrollado por	Google
Última versión	2.9.0 (13 de mayo de 2020)
Versión avanzada	1.0 RC 1 (16 de mayo de 2006)
Depositar	github.com/gwtproject/gwt
Escrito en	Java y JavaScript
Sistema de explotación	Linux
Tipo	Kit de herramientas de widget de marco de aplicación AJAX
Licencia	Licencia de Apache versión 2.0
Sitio web	www.gwtproject.org

Google Web Toolkit ( GWT ) es un conjunto de herramientas de software desarrolladas por Google , para crear y mantener aplicaciones web dinámicas que implementan JavaScript , utilizando herramientas y lenguaje Java . Es un software gratuito distribuido bajo los términos de la licencia Apache 2.0.

GWT hace hincapié en soluciones eficientes y reutilizables a los problemas que suele encontrar el desarrollo AJAX : dificultad de depuración de JavaScript, gestión de llamadas asincrónicas, problemas de compatibilidad entre navegadores, gestión del historial y favoritos, etc.

Principio

GWT se basa en un concepto original: durante la fase de desarrollo, la aplicación se escribe en Java de la forma clásica, en un entorno de desarrollo integrado de Java, y se puede depurar con las herramientas habituales de Java. Una vez que la aplicación está lista para ser implementada, el compilador de GWT la traduce a JavaScript puro , con soporte automático y transparente para los principales navegadores ( Internet Explorer , Firefox , Chrome , Safari , Opera ). El código JavaScript generado utiliza HTML dinámico y técnicas de manipulación del Modelo de objetos de documento (DOM) para los aspectos dinámicos de la interfaz.

Este principio es posible gracias a los diferentes componentes de GWT:

el compilador de Java a JavaScript
un navegador especialmente modificado para permitir la ejecución (y depuración) de código Java nativo sin necesidad de compilación de JavaScript
una biblioteca de emulación JRE: esta es una implementación de JavaScript de un subconjunto de la biblioteca de clases estándar de Java (en particular, casi todo el paquete java.lang y parte de java.util)
una biblioteca de componentes gráficos que contiene widgets básicos que permiten la construcción de una interfaz gráfica

GWT es un marco que deja libertad al desarrollador al no imponer una estructura demasiado rígida; Como su nombre indica, es una caja de herramientas que ofrece soluciones que facilitan el desarrollo de soluciones web / AJAX, aprovechando las herramientas y habilidades de Java existentes e ignorando la complejidad generalmente asociada a este tipo de tecnología.

Ficha técnica

Componentes gráficos dinámicos y reutilizables
Mecanismo simple de llamada RPC
Gestión del historial de navegación (botones del navegador anterior / siguiente)
Capacidad para depurar la aplicación con un depurador de Java
Gestión transparente de las diferencias de comportamiento entre navegadores
Integración con JUnit
Internacionalización simplificada
Capacidad para integrar JavaScript directamente en el código fuente mediante una técnica llamada JSNI (interfaz nativa de JavaScript)
Soporte para bibliotecas de API de Google (incluido Google Gears )
Código completamente abierto
El desarrollo se realiza en Java puro, lo que permite verificaciones de consistencia de compilación (a diferencia de JavaScript que se interpreta), refactorización asistida, etc.
Disponibilidad de muchas bibliotecas de terceros que amplían la funcionalidad de GWT

Widgets disponibles

Encontramos en GWT un conjunto de widgets para construir una interfaz de usuario:

Paneles
Botones
Casillas de verificación
Tablas / Cuadrículas
Cuadros de diálogo
HTML primitivo (incluidas imágenes e hipervínculos)
Menús y barras de menús
Desplazamiento de ventanas
Pestañas
Árboles

Siempre que sea posible y viable, los widgets de GWT utilizan el control HTML nativo equivalente (por ejemplo, Checkbox genera un elemento INPUT de tipo checkbox), pero también es posible crear widgets completamente sintéticos.

Aunque ofrece funciones más avanzadas que los componentes HTML, la biblioteca de widgets de GWT sigue siendo espartana cuando se trata de crear una GUI avanzada; por eso han surgido bibliotecas de terceros. Podemos citar :

Ext-GWT (también llamado GXT), un puerto de Ext-JS a GWT,
Biblioteca de componentes de GWT ,
gwt-ext , un contenedor que permite el uso de componentes Ext-JS en GWT (ya que lo abandonó su creador),
Biblioteca de widgets de GWT ,
GWTiger
SmartGWT , un contenedor de la biblioteca de JavaScript SmartClient

Si bien los contenedores de bibliotecas de JavaScript de GWT a menudo son ricos en componentes, no siguen la filosofía de GWT de generar código JavaScript completamente desde Java.

Historial de versiones

GWT 2.8.2 19 de octubre de 2017
GWT 2.8.1 24 de abril de 2017
GWT 2.8 20 de octubre de 2016
GWT 2.7 20 de noviembre de 2014
GWT 2.6.1 9 de mayo de 2014
GWT 2.6.0 30 de enero de 2014
GWT 2.5.1 11 de marzo de 2013
GWT 2.5 25 de octubre de 2012
GWT 2.4 7 de septiembre de 2011
GWT 2.3 2 de mayo de 2011
GWT 2.2 11 de febrero de 2011
GWT 2.1 19 de octubre de 2010
GWT 2.0 8 de diciembre de 2009
GWT 1.7 13 de julio de 2009
GWT 1.6 7 de abril de 2009
GWT 1.5 27 de agosto de 2008
GWT 1.4 28 de agosto de 2007
GWT 1.3 5 de febrero de 2007
GWT 1.2 16 de noviembre de 2006
GWT 1.1 11 de agosto de 2006
GWT 1.0 17 de mayo de 2006

Entornos de desarrollo

Por diseño, GWT es independiente de cualquier IDE y puede integrarse en cualquier. Sin embargo, existen complementos que facilitan el desarrollo de una aplicación GWT:

GWT Designer es un complemento gratuito para Eclipse derivado de WindowsBuilder Pro, que ofrece herramientas de diseño gráfico.
gwtDeveloper es un editor WYSIWYG para JDeveloper.
El complemento GWT Studio es un complemento para IntelliJ IDEA que admite aspectos de creación de artefactos específicos de GWT, comprobaciones de validez ( inspectores ), refactorización, lanzamiento de acciones, etc.
Cypal Studio es un complemento para Eclipse que ofrece una funcionalidad similar. Está limitado a la versión 1.5 de GWT
GWT4NB es un complemento GWT para NetBeans .

Finalmente, al mismo tiempo que GWT 1.6, Google lanzó un complemento para Eclipse que integra aspectos de GWT y Google App Engine .

Ventajas y desventajas

En el modo alojado , la aplicación se ejecuta como código de bytes Java como una aplicación normal; por lo tanto, se pueden utilizar todas las posibilidades de depuración nativa de Java .
El uso del mecanismo RPC facilita la comunicación entre cliente y servidor, automatizando completamente la serialización de datos. Sin embargo, requiere soporte específico por parte del servidor. Sin embargo, el acceso a todo tipo de servicios es posible a través de HTTP, en particular los servicios web que utilizan SOAP y otros servicios que codifican datos con JSON .
El código Java se puede compartir entre el cliente y el servidor, en particular para los objetos que pasan entre ellos. Sin embargo, esta funcionalidad es limitada, ya que el cliente solo admite un subconjunto limitado de la API de Java.
GWT permite limitar los intercambios con el servidor a la recepción y envío de datos comerciales. La lógica empresarial se puede integrar completamente en el navegador del cliente. De este modo se aumenta la capacidad de respuesta de la interfaz gráfica y se conserva el ancho de banda de la red ... Pero el código a veces es más importante y el problema de seguridad debe gestionarse con atención.
El código JavaScript generado es grande pero no requiere la inclusión de bibliotecas externas. El código se puede dividir en varios paquetes, cada uno de los cuales se descarga solo cuando es necesario.
El código JavaScript generado es difícil de leer. Sin embargo, en la mente de los diseñadores de GWT, este código no está destinado a ser leído ni optimizado por un humano, sino solo por el navegador; de acuerdo con este punto de vista, se puede considerar que JavaScript es el equivalente de lo que es ensamblador para lenguajes de alto nivel. Aún existen opciones para generar código menos denso y más legible, en detrimento del tamaño de los archivos generados y el rendimiento.
La fase de compilación de GWT es relativamente larga y crece con el número de clases y el número de permutaciones (navegador + combinaciones de idiomas). Esto se debe a las muchas optimizaciones estáticas realizadas por el compilador de GWT. Sin embargo, es posible restringir el número de permutaciones generadas.
El uso de GWT no debe olvidar los aspectos de seguridad.
GWT es parte de los frameworks RIA que ofrecen una implementación al menos parcial de ARIA permitiendo enfrentar los problemas de accesibilidad de interfaces ricas .
GWT se puede utilizar como tecnología de cliente web única o en conjunto.

Versión 2.0

La versión 2.0 de GWT ofrece varias características nuevas en comparación con las versiones anteriores, que incluyen:

Modo de desarrollo en el navegador (también llamado Modo alojado fuera de proceso, OOPHM): antes de la versión 2.0, el modo alojado incluía una versión modificada de un navegador para permitir la ejecución y depuración de la versión de código de bytes de la aplicación durante el desarrollo. Con la versión 2.0, el modo alojado, rebautizado como "modo de desarrollo", permite el uso de cualquier navegador (compatible) a través de un complemento. El complemento se comunica con el shell de modo de desarrollo a través de TCP / IP, lo que permite la depuración cruzada (por ejemplo, depurar una aplicación en Internet Explorer en Windows desde un shell de modo de desarrollo que se ejecuta en Linux)
División de código: al confiar en la orientación del desarrollador en el código fuente, el compilador de GWT puede dividir el código JavaScript generado en varias partes más pequeñas, en lugar de un solo bloque. Esto ayuda a reducir el tiempo de inicio de la aplicación al reducir el tamaño de la descarga inicial.
Construcción de interfaces declarativas: mediante un formato XML, la nueva funcionalidad denominada "UiBinder" ofrece la posibilidad de crear interfaces de usuario de forma declarativa, en contraposición a la creación mediante código Java. Esto permite una separación limpia de la construcción de la interfaz y la implementación del comportamiento dinámico de la misma.
Agrupación de recursos: la interfaz ClientBundle permite la agrupación transparente de recursos de todo tipo (imágenes, CSS, texto, binarios) que serán transferidos juntos en una sola operación, reduciendo así el número de viajes de ida y vuelta entre el cliente y el servidor, y en el mismo tiempo reduciendo la latencia.

Como el nuevo "modo de desarrollo" ha eliminado la mayor parte del código escrito específicamente para una plataforma de destino, la nueva versión se distribuirá como un solo archivo (en lugar de uno por plataforma como era el caso de las versiones anteriores).

Productos de la competencia

Enfoque "estilo GWT" (el cliente está pregenerado):

Flex / Aire
Silverlight
JavaFX hasta cierto punto
Pijamas (para pitón)

Enfoque RIA clásico (HTML y JavaScript generados desde el servidor):

Wickets
ExtJS
Eco
SwingWeb
ZK

Marcos asociados

Vaadin - Licencia ASLv2 para core y comercial
Sencha GXT - Licencia GPLv3 para la primera versión y comercial
Errai Framework RedHat - Licencia ASLv2
Pyjs portando GWT a Python

Notas y referencias

" Versión 2.9.0 " ,2 de mayo de 2020(consultado el 3 de mayo de 2020 )
" https://code.google.com/webtoolkit/versions.html "
Aspectos de seguridad
(in) Developer's Guide - Accessibility Support, Google Code and WAI-ARIA Implementation in JavaScript UI Libraries - actualizado, The Paciello Group Blog , Steve Faulkner, julio de 2009.