• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Comenzando con GWT
 

Comenzando con GWT

on

  • 881 views

 

Statistics

Views

Total Views
881
Views on SlideShare
881
Embed Views
0

Actions

Likes
1
Downloads
16
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Comenzando con GWT Comenzando con GWT Presentation Transcript

    • Tema IComenzando con GWT Willy Hurtado Vela
    • • Comprender la razones del uso de GWT.• Conocer sus ventajas y desventajas.• Adquirir la habilidad de crear proyectos GWT en eclipse.Objetivos
    • 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
    • 3.5. GWT Plugin para Eclipse 3.6. GWT Plugin para navegadores 3.7. Corriendo y desplegando códigoContenido
    • 1. ¿Porque usar GWT?
    • 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?
    • • 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?
    • • 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?
    • • 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?
    • Interfaz de Usuario Emulación Librería JRECompilador Java - Javascript 2. Componentes GWT
    • 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
    • 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
    • 2.3. Interfaz de Usuario 2. Componentes GWT
    • 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
    • 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
    • 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
    • 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
    • <?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
    • Cliente Servidor3.4. Servicios GWT 3. Creando un proyecto GWT
    • 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
    • GWT Plugin para eclipse GWT Designer3.5. GWT Plugin para Eclipse 3. Creando un proyecto GWT
    • 3.6. GWT Plugin para Navegadores 3. Creando un proyecto GWT
    • GWT Plugin para eclipse3.7. GWT Corriendo y Desplegando código 3. Creando un proyecto GWT
    • GWT Designer3.7. GWT Corriendo y Desplegando código 3. Creando un proyecto GWT
    • • 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