Your SlideShare is downloading. ×
0
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Comenzando con GWT
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Comenzando con GWT

794

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
794
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
26
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Tema IComenzando con GWT Willy Hurtado Vela
  • 2. • Comprender la razones del uso de GWT.• Conocer sus ventajas y desventajas.• Adquirir la habilidad de crear proyectos 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. Librería JRE – Emulación 2.3. Librería UI3. Creando un proyecto GWT 3.1. Arquitectura de un proyecto 3.2. Archivo de configuración GWT 3.3. Punto de entrada 3.4. Servicios GWTContenido
  • 4. 3.5. GWT Plugin para Eclipse 3.6. GWT Plugin para navegadores 3.7. Corriendo y desplegando códigoContenido
  • 5. 1. ¿Porque usar GWT?
  • 6. Navegador Web Servidor Web/AplicacionesTecnología CSS HTML desde CSS Javascript JSP JSF Cliente HTML Datos PHP Javascript ASP ServletTecnología CSS PHP Datos Python del HTML JMS Cliente Javascript WebServices RESTful GWT, Pyjamas, Openlaszlo 1. ¿Porque usar GWT?
  • 7. • Desarrollo del lado del cliente.• Codificas en java y tienes un compilado en javascript• Interfaz gráfica de usuario esta a nivel del las aplicaciones de escritorio pero en Aplicaciones Web.• Mínimas necesidades de interacción con el código del servidor• Código rápido y mejor que un humano pueda escribir.• Código compilado multi navegador. 1. ¿Porque usar GWT?
  • 8. • Lenguaje de alto nivel, fácil de mapear los diseños.• Curva de aprendizaje para GWT no es difícil.• Evitar el uso de javascript de aprovechar las capacidad de corrección de errores (Debugging).• Fácil de acoplar a las metodologías agiles como XP y Scrum. A tiempo de usar TDD y JUnit• Aprovechar las técnicas comunes de la programación en Escritorio, como Swing, SWT, etc.1.1. ¿Por qué Java? 1. ¿Porque usar GWT?
  • 9. • Las paginas web no son indexsables por los motores de búsqueda• Las páginas GWT no se degradan correctamente en navegadores antiguos.• Son mas propensos a ataques por javascript• Desarrollo y compilación es lenta. 1. ¿Porque usar GWT?
  • 10. Interfaz de Usuario Emulación Librería JRECompilador Java - Javascript 2. Componentes GWT
  • 11. Navegadores Soportados Safari - Todas Chrome - Todas IE 6-8 Firefox - Todas Opera > 9.xOptimizaciones del compilador Propagar Copia Código Muerto Código Revestido Plegar Constantes Internación de Cadenas 2.1. Compilador Java - Javascript 2. 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. Emulación Librería 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"webAppCreator com.google.gwt.sample.stockwatcher.StockWatcher GWT Plugin Proyecto GWT para eclipse C:proyectosmiProyectomvn archetype:generate -DarchetypeGroupId=org.codehaus.mojo -DarchetypeArtifactId=gwt-maven-plugin -DarchetypeVersion=2.5.0-rc2 3. Creando un proyecto GWT
  • 15. Código fuente cliente y servidor Librerías Java Librerías GWT Contenido del web para despliegue3.1. Arquitectura de un Proyecto 3. Creando un proyecto GWT
  • 16. Configuración de lado clienteCódigo cliente Punto de entrada EntryPoint Servicios RPCCódigo servidor Implementación del Servicio Librerías GWT Contenido del web para despliegue Conjuntos de librerías (jars) para despliegue Configuración de lado servidor Estilos CSS HTML principal 3.1. Arquitectura de un Proyecto 3. Creando un proyecto GWT
  • 17. Archivo xml Etiqueda de un modulo GWT Herencia de módulos <?xml version="1.0" encoding="UTF-8"?> <!-- <module rename-to=proyectogwt> --> <module> <inherits name="com.google.gwt.user.User"/> <inherits name="com.google.gwt.user.theme.standard.Standard"/> <entry-point class="com.mycompany.project.client.ModuloGWT"/> </module>Declaracion anternativa de un módulo Clase main – Punto de entrada 3.2. Archivo de configuración GWT 3. Creando un proyecto GWT
  • 18. <?xml version="1.0" encoding="UTF-8"?><module> <inherits name="com.google.gwt.user.User"/> <inherits name="com.google.gwt.user.theme.standard.Standard"/> <entry-point class="com.mycompany.project.client.ModuloGWT"/></module> /** * Clase punto de entrada que define <code>onModuleLoad()</code>. */ public class ModuloGWT implements EntryPoint { public void onModuleLoad() { Window.alert("Hola mundo con GWT"); } } 3.3. Punto de entrada 3. 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.xml<servlet> <servlet-name>ServicioGWTRPC</servlet-name> <servlet-class>com.mycompany.project.server.ServicioGWTRPCImpl</servlet-class></servlet><servlet-mapping> <servlet-name>ServicioGWTRPC</servlet-name> <url-pattern>/com.mycompany.project.ModuloGWT/ServicioGWTRPC</url-pattern></servlet-mapping> 3.4. Servicios GWT 3. 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 Navegadores 3. Creando un proyecto GWT
  • 23. GWT Plugin para eclipse3.7. GWT Corriendo y Desplegando código 3. Creando un proyecto GWT
  • 24. GWT Designer3.7. GWT Corriendo y Desplegando código 3. Creando un proyecto GWT
  • 25. • Essential GWT. Building for Web the Google Web Toolkit 2. 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 Bibliografía

×