GWT Designer, Organización del proyecto GWT Google Web Toolkit Prof

Presentación del tema: "GWT Designer, Organización del proyecto GWT Google Web Toolkit Prof"— Transcripción de la presentación:

1 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

2 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.

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

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

5 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

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

7 Plugins para navegadores
gwt-dev-plugin.crx

8 Ejemplo Send

9 Ejemplo Send Servidor Web

10 Ejemplo Servidor Web

11 Ejemplo Servidor Web

12 GWT Pasos básicos

13 GWT Pasos básicos

14 GWT Pasos básicos

15 GWT Pasos básicos

16 GWT Pasos básicos

17 GWT Pasos básicos

18 GWT Pasos básicos

19 GWT Pasos básicos

20 GWT Pasos básicos

21 GWT Pasos básicos

22 GWT Pasos básicos

23 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.

24 GWT Designer – Code designer

25 GWT Designer – Visual designer

26 GWT Designer – Visual designer

27 Widgets por default

28 GWT Designer – Paleta Standar

29 GWT Designer – Paleta GWT Ext

30 GWT Designer – Paleta Smart GWT

31 GWT Designer – Toolbar

32 GWT Designer – Contextual Menu

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

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

35 Change the relative z-order of the selected component.

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

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

38 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.

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

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

41 GWT HTML Host Pages

42 GWT HTML Host Pages

43 GWT Module Configuration .gwt.xml.

44 GWT Module Configuration .gwt.xml.

45 Ejemplo

46 Ejemplo Project Name: TestDesigner

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

48 Ejemplo

49 Ejemplo

50 Ejemplo

51 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.

52 Ejercicio 1

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

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

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

56 Ejemplos on-line

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

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