La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

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

Presentaciones similares


Presentación del tema: "G WT Designer, Organización del proyecto GWT Google Web Toolkit Prof. Ing. Esteban Ramírez."— Transcripción de la presentación:

1 G WT 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 Organización interna del proyecto Componentes de GWT, Primeros pasos. Plugin GWT Designer para eclipse

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 Nuevo Proyecto GWT Nombre: TestGWT Paquete base: com.test Google Web Toolkit Google Web Toolkit C:\gwt\gwt App Engine App Engine C:\gwt\appengine-java-sdk Run -> Run As -> Web Aplication

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

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

14

15

16

17

18

19

20

21

22

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

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 Widget Morphing Morph the selected components into another type.

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

36 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

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

41 GWT HTML Host Pages

42

43 GWT Module Configuration.gwt.xml.

44

45 Ejemplo

46 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

50

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();

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

55 Ejercicio 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.


Descargar ppt "G WT Designer, Organización del proyecto GWT Google Web Toolkit Prof. Ing. Esteban Ramírez."

Presentaciones similares


Anuncios Google