GWT Designer, Organización del proyecto GWT Google Web Toolkit Prof GWT Designer, Organización del proyecto GWT Google Web Toolkit Prof. Ing. Esteban Ramírez

Contenido Plugin para eclipse / browser Pasos básicos en proyectos GWT Plugin GWT Designer para eclipse Organización interna del proyecto Componentes de GWT, Primeros pasos.

Plataforma de desarrollo Eclipse Plugins de GWT para eclipse GWT Development Kit Browser (Firefox, IE, Chrome) Plugin para browser específico

Plataforma de desarrollo Eclipse Plugin de GWT para eclipse GWT Development Kit Browser (Firefox, IE, Chrome) Plugin para browser específico

Ejemplo Nuevo Proyecto GWT Google Web Toolkit App Engine Nombre: TestGWT Paquete base: com.test Google Web Toolkit C:\gwt\gwt-2.1.0 App Engine C:\gwt\appengine-java-sdk-1.4.0 Run -> Run As -> Web Aplication

Plugins para navegadores gwt-dev-plugin.xpi GwtDevPluginSetupIE.exe gwt-dev-plugin.crx

Plugins para navegadores gwt-dev-plugin.crx

Ejemplo Send

Ejemplo Send Servidor Web

Ejemplo Servidor Web

Ejemplo Servidor Web

GWT Pasos básicos

GWT Pasos básicos

GWT Pasos básicos

GWT Pasos básicos

GWT Pasos básicos

GWT Pasos básicos

GWT Pasos básicos

GWT Pasos básicos

GWT Pasos básicos

GWT Pasos básicos

GWT Pasos básicos

GWT Designer Es una poderosa y fácil de usar herramienta bidireccional para diseñar interfaces graficas Java para aplicaciones GWT sin tener que gastar un montón de tiempo escribiendo código para mostrar las formas simples.

GWT Designer – Code designer

GWT Designer – Visual designer

GWT Designer – Visual designer

Widgets por default

GWT Designer – Paleta Standar

GWT Designer – Paleta GWT Ext

GWT Designer – Paleta Smart GWT

GWT Designer – Toolbar

GWT Designer – Contextual Menu

Add event handler Implement an event handler for an event triggered by the selected component.

Morph the selected components into another type. Widget Morphing Morph the selected components into another type.

Change the relative z-order of the selected component.

Add a public or protected accessor for the selected component. Expose Component Add a public or protected accessor for the selected component.

Rename Components Rename the selected components and/or convert them to fields or local variables.

Enhanced Compilation java.io.File can not be found in source packages. Check the inheritance chain from your module; it may not be inheriting a required module or a module may not be adding its source path entries properly.

GWT Designer – Instalación C:\gwt\GWTDesigner_v8.1.1_UpdateSite_for_Eclipse3.6 1 2 3

GWT Organización de proyecto CONF. MODULO FUENTE CLIENTE FUENTE SERVIDOR LIBRERIAS WAR DEPLOY

GWT HTML Host Pages

GWT HTML Host Pages

GWT Module Configuration .gwt.xml.

GWT Module Configuration .gwt.xml.

Ejemplo

Ejemplo Project Name: TestDesigner

Ejemplo Check : Create GWT Module Module name: TestDesigner Package Name: com.cursojava.ejemplo Check : Create entry point Check : use standar GWT librery

Ejemplo

Ejemplo

Ejemplo

Ejercicio 1 Modificar el ejemplo anterior para presentar un TextBox y un Label como se muestra en la siguiente figura además de un botón con el texto Validar.

Ejercicio 1

RootPanel rootPanel = RootPanel.get(); Ejercicio 1 RootPanel rootPanel = RootPanel.get();

Ejercicio 2 Interacción HTML host con GWT. Modificar el ejercicio 1 para que se visualice de la siguiente manera:

Ejercicio 2 1 - Comentar la linea: // RootPanel rootPanel = RootPanel.get(); 2- En el HTML host (/TestDesigner/war/TestDesigner.html): 3- En el java client:

Ejemplos on-line http://gwt.google.com/samples/Showcase/Showcase.html

Ejercicio 3 Probar la utilización y verificar el código generado de otros tipos de Paneles.

Ejercicio 3 Probar la utilización y verificar el código generado de otros tipos de Widgets.