google web toolkit

INSTITUTO TECNOLÓGICO DE SONORA Unidad Guaymas

Diseño de sistemas interactivos GWT. Google Web Toolkit.

Rodolfo Antonio Valverde Muñoz ID: 00000014184 Jesús Fco. Rivera Valenzuela ID: 00000013585 Carlos Eduardo Cortez González ID: 00000012572

Lic. Roberto Limón Ulloa

Guaymas Sonora, a 07 de Abril del 2010

INDICE Introducción a las RIA. Historia y lanzamientos. Tipo de licencia. Descripción de la Tecnología. Requerimientos de la Instalación. Componentes. Compatibilidad. Características. Ventajas. Desventajas. Demo Funcional. Conclusiones

Referencias

INDICE DE CUADROS Y GRAFICAS Ejemplo de lo que se puede realizar (Grรกfica tomada del Post Google Visualization API Library for Google Web Toolkit)

Referencia: http://cafelojano.wordpress.com/2008/12/10/en-gwt-ahora-se-puede-generar-graficas/

Referencia: http://fluxqubit.files.wordpress.com/2008/03/0074.jpg

Referencia: http://webcorrect.files.wordpress.com/2008/02/gwt-ext-2.gif

INTRODUCCION DEL TEMA DE RIA Las tecnologías RIA proporcionan las herramientas, marcos de trabajo, servidores, servicios y clientes necesarios para crear exitosas aplicaciones RIA. Utilizando estas tecnologías, los diseñadores y los desarrolladores pueden cooperar de manera eficaz para traspasar las barreras de lo que es posible hoy en día en el navegador y en el escritorio.

Se puede decir que las RIA son la nueva generación de las aplicaciones y es una tendencia ya impuesta por empresas como Macromedia, Sun o Microsoft que se encuentran desarrollando recursos para hacer de este tipo de aplicaciones una realidad.

Estas aplicaciones están basadas en plataformas J2EE o.NET, con un frontend Flash o Java swing y utilizan una arquitectura Cliente/Servidor asíncrona, segura y escalable, junto con una interfaz de usuario Web.

GOOGLE WEB TOOLKIT (GWT) Google anunció la biblioteca GWT en la conferencia JavaOne de 2006 y lanzó la Versión 1.0 RC 1 (build 1.0.20) el 16 de mayo de 2006.

Historial de lanzamientos GWT 1.0 - 17 de mayo de 2006 GWT 1.1 - 11 de agosto de 2006 GWT 1.2 - 16 de noviembre de 2006 GWT 1.3 - 5 de febrero de 2007 GWT 1.4 - 28 de agosto de 2007 GWT 1.5 - 27 de agosto de 2008 GWT 1.6 - 4 de abril de 2009 GWT 1.7 - 13 de julio de 2009

La versión actual es la 2.0

GWT_2_0_RC (Resource Center - Centro De Recursos) Desde su lanzamiento en 2006, el proyecto de código abierto GWT ayuda a los desarrolladores Java a aprovechar la riqueza de AJAX en un entorno multi-plataforma y web amigable. La misión de Google Web Toolkit es la de mejorar radicalmente la experiencia web de los usuarios al permitir a los desarrolladores emplear las herramientas Java existentes para construir AJAX sin compromisos para cualquier navegador moderno. GWT se ha constituido como una plataforma de desarrollo de software Java muy popular capaz de crear sofisticadas aplicaciones web de alto rendimiento, dado que ofrece una experiencia mucho más rica de la que pueden proporcionar las tecnologías UI tradicionales para Java E

Tipo de Licencia

Apache License, Version 2.0 Apache License Version 2.0, January 2004 http://www.apache.org/licenses/

Descripción de la Tecnología GWT o Google Web Toolkit es un framework creado por Google que permite ocultar la complejidad de varios aspectos de la tecnología AJAX. Es compatible con todos los navegadores lo cual es muy importante ya que los distintos navegadores necesitan de distinto código. El concepto de Google Web Toolkit es bastante sencillo, básicamente lo que se debe hacer es crear el código en Java usando cualquier entorno de desarrollo de Java y el compilador lo traducirá HTML Y Java Script.

Requerimientos de Instalación • Instalar el SDK Java.

Si no dispone de una versión reciente del SDK de Java instalado, descargar e instalar Sun Java SDK Standard Edition.

• Descargar Google Web Toolkit.

Descargue el paquete de herramientas web de Google para su sistema operativo.

• Descomprima el paquete de herramientas web de Google.

En Windows, extraer los archivos de gwt-windows-1.5.3.zip con un programa como WinZip. En Mac y Linux, puede desempaquetar el paquete con el comando tar xvzf gwt-mac-1.5.3.tar.gz

Componentes que ofrece GWT contiene los siguientes componentes (arquitecturas): • GWT Java-to-Java Script Compiler: la función de este componente es traducir el código desarrollado en Java al lenguaje Java Script. Lo empleamos cuando usamos al GWT en modo web.

• Hosted Web Browser: este componente ejecuta la aplicación Java sin traducirla a Java Script, en modo host usando la máquina virtual de Java.

• JRE Emulation Library: contiene las bibliotecas más importantes de las Clases (informática) de Java: java.lang en donde se encuentran las clases fundamentales para poder programar en Java y un subconjunto de las clases del paquete java. útil.

Java.lang incluye, entre otras, la clase java.lang.object que es la clase fundamental de la que heredan o extienden todas las clases en Java. El resto de los paquetes no están soportados por GWT. • GWT Web UI Class Library: contiene un conjunto de elementos de interfaz de usuario que permite la creación de objetos tales como textos, cajas de texto, imágenes y botones.

• Desde su lanzamiento en 2006, el proyecto de código abierto GWT ayuda a los desarrolladores Java a aprovechar la riqueza de AJAX en un entorno multiplataforma y web amigable.

• Google Web Toolkit (GWT) permite crear aplicaciones AJAX en el lenguaje de programación Java que son compiladas posteriormente por GWT en código Java

Script ejecutable optimizado que funciona automáticamente en los principales navegadores.

• EL compilador de GWT realiza una sustitución selectiva de llamadas a funciones en los métodos, lo que permite optimizar el rendimiento de las ejecuciones de métodos.

• EL compilador de GWT suprime de forma segura todo el código no utilizable (mediante una exhaustiva tarea de eliminación de clases, métodos, campos, e incluso parámetros, que no se utilizan) para asegurarse de que el archivo de secuencias de comandos compilado sea lo más pequeño posible.

Características Componentes gráficos dinámicos y reusables: los programadores pueden usar clases prediseñadas para implementar comportamientos que de otra manera consumirían mucho tiempo, como arrastrar y soltar o menús en árbol.

• Simple mecanismo RPC. • Gestión del historial del navegador web.

• Soporte para depurado de Java.

• Control de diferentes características del navegador.

• Integración con J Unit.

• Internacionalización. (se Adapta a Diferentes Idiomas) • Los desarrolladores pueden mezclar código escrito en Java script dentro del código Java usando la Interfaz Nativa Java script (JSNI).

• Soporte para las API´S (interfaz de programación de aplicaciones de Google) (inicialmente, soporte para Google Gears).

• Es de código abierto.

• Los desarrolladores pueden diseñar y desarrollar sus aplicaciones orientadas a objetos. Errores comunes en Java script, como la discrepancia de tipos de datos, son controlados en tiempo de compilación.

• El código Java script generado puede ser ofuscado para optimizar el rendimiento.

• Existen un numeroso conjunto de bibliotecas desarrolladas por Google y terceros que amplían las funcionalidades de GWT.

Ventajas • Similar a una aplicación desktop. Alto dinamismo de las pantallas.

• No necesita conocimientos JavaScript.

• Desarrollo ágil.

• Permite avanzar desde un prototipo.

• Multiplataforma y Multinavegador.

• Reduce el ancho de banda una vez cargada la aplicación en la cache.

• Reduce la carga en el servidor. (los datos que se cargaban en la sesión del servidor ahora pasan al cliente.

• Permite la misma seguridad que otros frameworks. (inclusive es más complicado inyectar datos debido al sistema de serializacion que utiliza.

Desventajas • Solo desarrolladores Java • Curva de aprendizaje lenta al principio si el programador tiene mucha experiencia en otra tecnología.

• Dependiendo de las características de la aplicación puede ser un poco más costoso el despliegue.

• Consumo de memoria del navegador.

• No es 100 % API Java Objects.

- Java.lang, Java.util - Reflection.

- Synchronized - Compilación

Demo Funcional

En este enlace se muestra el video, de c贸mo funciona la tecnolog铆a GWT en NetBeans, realizando una serie de pasos para instalar la librer铆a y hasta llegar a realizar una RIA en java. Se demuestra desde un Blog llamado el Blog de Juan.

De clic encima de la imagen o selecciones la siguiente ligapara Ir a la pagian Web y ver la demostraci贸n de GWT : http://blogjuan.com.ar/2008/11/gwt-ext2-en-netbeans.html

En Netbeans en Linux

Existe en Internet una galería bastantes amplia con muchos demos donde veremos ventanas, Botones, Cajas de texto entre otros más, que utilizan esta tecnología (GWT) donde se muestra el código en java en los casos de querer ser utilizado, solo es cuestión de copiar y pegar el código una vez seguido todos y cada uno de los pasos de la instalación de las librerías de GWT. Si se desea ver esta galería entrando a Internet, selecciones el siguiente enlace o de Control Clic encima esta imagen para acceder a la pagina con los ejemplos realizado con la tecnología GWT.

http://www.gwt-ext.com/demo/#

Conclusiones Esta tecnología sacada por Google es un Framework libre el cual puede ser utilizado por cualquier desarrollador Java para mejorar el aspecto de sus Aplicaciones Web, ya que mucho se a buscado dar apariencia a una pagina Web como una forma, de aplicación de escritorio, al inicio de siente un poco complejo el utilizarla pues su proceso de instalación es un poco confusa pero una vez instalada para Java, es decir en NetBeans es posible realizar aplicaciones con mas vista, cosa que anteriormente no se podía realizar debido a que no existía ninguna tecnología para desarrollarlo, o si se podía realizar se tenía que teclear demasiado código, hoy con GWT el código Es transformado a Java Script o HTML utilizando la riqueza de Ajax.

Como equipo confiamos en esta tecnología a sabiendas de existen otras más y que pudieran ser mejor, ya que GWT no tiene su propia IDE sino que solo es una Librería bastante rica, otros como en el caso de PWF que si tiene su propio IDE de creación, pero las dos son orientada a realizar RIA.

Referencias Bibliográficas http://code.google.com/intl/es/webtoolkit/overview.html http://es.wikipedia.org/wiki/Google_Web_Toolkit http://code.google.com/intl/es/webtoolkit/versions.html Instalar GWT http://code.google.com/intl/es/webtoolkit/download.html http://gwt-ext.com/download/ Demos http://blogjuan.com.ar/2008/11/gwt-ext2-en-netbeans.html http://www.gwt-ext.com/demo/#

Link de galería de componentes de Google Web toolkit

http://code.google.com/intl/es-ES/docreader/#p=google-web-toolkit-doc-1-5&s=google-webtoolkit-doc-1-5&t=DevGuideWidgetGallery

Video en Windows XP GWT

http://www.youtube.com/watch?v=phdO09Icxrc

Video en Linux Ubuntu Con My Eclipse http://www.youtube.com/watch?v=CYxn1DuVFUE&feature=related