Comenzando con GWT

  • View
    798

  • Download
    5

Embed Size (px)

Transcript

  • 1. Tema IComenzando conGWTWilly Hurtado Vela

2. Comprender la razones del uso deGWT. Conocer sus ventajas y desventajas. Adquirir la habilidad de crearproyectos GWT en eclipse.Objetivos 3. 1. Por qu usar GWT? 1.1. Por qu Java? 1.2. Algunas Desventajas Actuales 2. Componentes GWT 2.1. Compilador 2.2. Librera JRE Emulacin 2.3. Librera UI3. Creando un proyecto GWT 3.1. Arquitectura de un proyecto 3.2. Archivo de configuracin GWT 3.3. Punto de entrada 3.4. Servicios GWTContenido 4. 3.5. GWT Plugin para Eclipse3.6. GWT Plugin para navegadores3.7. Corriendo y desplegando cdigoContenido 5. 1. Porque usar GWT? 6. Navegador WebServidor Web/AplicacionesTecnologaCSSHTML desde CSSJavascript JSP JSFClienteHTML DatosPHPJavascript ASP ServletTecnologaCSSPHPDatosPythondel HTMLJMSClienteJavascriptWebServicesRESTful GWT, Pyjamas, Openlaszlo 1. Porque usar GWT? 7. Desarrollo del lado del cliente. Codificas en java y tienes un compilado en javascript Interfaz grfica de usuario esta a nivel del lasaplicaciones de escritorio pero en Aplicaciones Web. Mnimas necesidades de interaccin con el cdigo delservidor Cdigo rpido y mejor que un humano puedaescribir. Cdigo compilado multi navegador. 1. Porque usar GWT? 8. Lenguaje de alto nivel, fcil de mapear los diseos. Curva de aprendizaje para GWT no es difcil. Evitar el uso de javascript de aprovechar lascapacidad de correccin de errores (Debugging). Fcil de acoplar a las metodologas agiles como XP yScrum. A tiempo de usar TDD y JUnit Aprovechar las tcnicas comunes de la programacinen Escritorio, como Swing, SWT, etc.1.1. Por qu Java?1. Porque usar GWT? 9. Las paginas web no son indexsables por los motoresde bsqueda Las pginas GWT no se degradan correctamente ennavegadores antiguos. Son mas propensos a ataques por javascript Desarrollo y compilacin es lenta. 1. Porque usar GWT? 10. Interfaz de Usuario Emulacin Librera JRECompilador Java - Javascript2. Componentes GWT 11. Navegadores Soportados Safari - Todas Chrome - Todas IE 6-8Firefox - TodasOpera > 9.xOptimizaciones del compilador Propagar Copia Cdigo MuertoCdigo RevestidoPlegar ConstantesInternacin de Cadenas2.1. Compilador Java - Javascript2. Componentes GWT 12. java.lang java.lang.annotation java.util java.io java.sqlhttps://developers.google.com/web-toolkit/doc/1.6/RefJreEmulation 2.2. Emulacin Librera JRE 2. Componentes GWT 13. 2.3. Interfaz de Usuario 2. Componentes GWT 14. C:proyectosmiProyectowebAppCreator -out StockWatcherComando-junit "C:eclipsepluginsorg.junit_3.8.2.v200706111738junit.jar"webAppCreatorcom.google.gwt.sample.stockwatcher.StockWatcherGWT PluginProyecto GWTpara eclipseC:proyectosmiProyectomvn archetype:generate -DarchetypeGroupId=org.codehaus.mojo -DarchetypeArtifactId=gwt-maven-plugin -DarchetypeVersion=2.5.0-rc23. Creando un proyecto GWT 15. Cdigo fuente cliente y servidorLibreras JavaLibreras GWTContenido del web para despliegue3.1. Arquitectura de un Proyecto 3. Creando un proyecto GWT 16. Configuracin de lado clienteCdigo clientePunto de entrada EntryPointServicios RPCCdigo servidorImplementacin del Servicio Libreras GWT Contenido del web para despliegueConjuntos de libreras (jars) para despliegue Configuracin de lado servidorEstilos CSS HTML principal3.1. Arquitectura de un Proyecto3. Creando un proyecto GWT 17. Archivo xml Etiqueda de un modulo GWTHerencia de mdulos Declaracion anternativa de un mdulo Clase main Punto de entrada 3.2. Archivo de configuracin GWT3. Creando un proyecto GWT 18. /** * Clase punto de entrada que define onModuleLoad(). */ public class ModuloGWT implements EntryPoint {public void onModuleLoad() { Window.alert("Hola mundo con GWT");} }3.3. Punto de entrada3. Creando un proyecto GWT 19. Cliente Servidor3.4. Servicios GWT 3. Creando un proyecto GWT 20. ServicioGWTRPC.java@RemoteServiceRelativePath("ServicioGWTRPC")public interface ServicioGWTRPC extends RemoteService { public BigDecimal calcularIntereses(Long idUsuario);}web.xmlServicioGWTRPCcom.mycompany.project.server.ServicioGWTRPCImplServicioGWTRPC/com.mycompany.project.ModuloGWT/ServicioGWTRPC3.4. Servicios GWT3. Creando un proyecto GWT 21. GWT Plugin para eclipse GWT Designer3.5. GWT Plugin para Eclipse 3. Creando un proyecto GWT 22. 3.6. GWT Plugin para Navegadores3. Creando un proyecto GWT 23. GWT Pluginpara eclipse3.7. GWT Corriendo y Desplegando cdigo3. Creando un proyecto GWT 24. GWT Designer3.7. GWT Corriendo y Desplegando cdigo3. Creando un proyecto GWT 25. Essential GWT. Building for Web the Google Web Toolkit2. Federico Kereki. 322p. Addison-Wesley Google Web Toolkit. https://developers.google.com/web-toolkit Java Community Process (JSR). http://www.jcp.org Eclipse. http://www.eclipse.org Bibliografa