Introducción¿ Qué es GWT?El significado de GWT es Google web Tools, un framework, generador de JavaScriptcreado por Google...
¿ Qué tengo que instalar ?En re sumen lo que debemos instalar son estas 3 simples herramientas:- Java Se Development Kit 7...
Antes que nada, debemos tener previamente instalado el Java Se Development Kit 7, quepodemos descargarlo de la pagina ofic...
Ya tenemos instalado el Eclipse correctamente,pero todavía necesitamos los plugins y SDK de GWT.Para hacer esto, debemos a...
Una vez que completemos estos 2 campos de texto, le damos OK, en la ventana anterior,nos va a cargar la lista de cosas que...
Para poder ver funcionando localmente nuestra aplicación, solo debemos ir a nuestraaplicación y darle click derecho, y dir...
Para ejecutar la aplicación en JavaScript de GWT en el modo " producción", compilaremosla aplicación haciendo clic derecho...
Tutorial rápido hecho por: Jorge Luis GarcíaAño: 6to           División: 11ºCon ayuda de: Luchee-PCPara: Laboratorio III c...
Upcoming SlideShare
Loading in...5
×

Gwt

425

Published on

Tutorial de GWT hecho por Luis García. Alumno de Laboratorio III Confederación Suiza. 2012

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide

Gwt

  1. 1. Introducción¿ Qué es GWT?El significado de GWT es Google web Tools, un framework, generador de JavaScriptcreado por Google que permite el desarrollo de aplicaciones web, facilitando alprogramador trabajar en un entorno ágil, de alto nivel, y despreocupándose de problemascomo la incompatibilidad de navegadores. Además permite al programador trabajar enJava, sin necesidad de jamás escribir una sola línea de HTML o JavaScript.¿Para que sirve?Con la biblioteca GWT, los desarrolladores pueden crear y depurar aplicaciones AJAX enlenguaje JAVA usando el entorno de desarrollo que prefieran. Cuando una aplicación esdesplegada, el compilador GWT traduce la aplicación Java a un archivo Javascript, quepuede ser ofuscado para optimizar el rendimiento.
  2. 2. ¿ Qué tengo que instalar ?En re sumen lo que debemos instalar son estas 3 simples herramientas:- Java Se Development Kit 7-Eclipse Indigo o Eclipse Classic-Plugin y SDK de GWTMas adelante, veremos como instalaremos fácilmente estas 3 herramientasnecesarias y como pondremos correctamente en marcha nuestra primeraplicación GWT¿Qué es Eclipse?Eclipse es un entorno de desarrollo integrado de código abiertomultiplataforma para desarrollar lo que el proyecto llama "Aplicaciones deCliente Enriquecido", opuesto a las aplicaciones "Cliente-liviano" basadas ennavegadores. Esta plataforma, típicamente ha sido usada para desarrollarentornos de desarrollo integrados (IDE), como el IDE de Java llamado JavaDevelopment Toolkit (JDT) y el compilador (ECJ) que se entrega como parte deEclipse Sin embargo, también se puede usar para otros tipos de aplicacionescliente, como BitTorrent o Azureus.
  3. 3. Antes que nada, debemos tener previamente instalado el Java Se Development Kit 7, quepodemos descargarlo de la pagina oficial:http://www.oracle.com/technetwork/java/javase/downloads/java-se-jdk-7-download-432154.html, en la misma, nos da una lista de opciones para descargar según el SO quetengamos instalado, nosotros vamos a elegir el que corresponda con nuestra PC. Una vez que tengamos instalado el Java Se Develpment kit, podemos pasar a lainstalación del Eclipse, nos dirigimos a la webhttp://www.eclipse.org/downloads/ ydescargamos el que muestra esta imagen a continuación.Una vez descargado, ya estamos listo para configurarlo, dado que no necesita instalación,solo los queda descomprimirlo en una carpeta que nos sea cómoda.
  4. 4. Ya tenemos instalado el Eclipse correctamente,pero todavía necesitamos los plugins y SDK de GWT.Para hacer esto, debemos abrirel eclipse y dirigirnos a:Help > Install new softwaredonde se nos abrirá una nueva ventana, en la misma, debemos hacer click enAdd, nos va a aparecer una ventana nueva con 2 espacios en blanco El primero será el nombre que le pongamos a nuestro nuevo software, en este caso es GWT El segundo, será la dirección de donde se podrá descargar nuestro plugin.En este caso lo descargaremos directo de Googlehttp://dl.google.com/eclipse/plugin/3.7
  5. 5. Una vez que completemos estos 2 campos de texto, le damos OK, en la ventana anterior,nos va a cargar la lista de cosas que tenemos paradescargar, como las que aparece en la imagen.Ahora que tenemos seleccionados los pluginsLe damos a NEXT y aceptamos los términos y condiciones de uso de plugin, y por ultimo,le damos click en FINISH para que comience la descarga e instalación de los plugins ySDK que seleccionamos. Cuando la descarga e instalación terminé, debemos reiniciar elEclipse, y todo esta listo para poder empezar con nuestro primer proyecto.Para crear nuestra primera aplicación web, vamos aFile > New > Web Aplication Proyect . Esto nos abrirá unAsistente para crear la aplicación y sus datos, como el nombreY el paquete Java que se va a usar, en este caso será:com.mycompany.mywebapp. Igual que en la imagenCon esto, ya podemos darle Finish para que Eclipse cargueNuestra primer aplicación.
  6. 6. Para poder ver funcionando localmente nuestra aplicación, solo debemos ir a nuestraaplicación y darle click derecho, y dirigirnos a Debug as > Web Aplication , estodepurará la aplicación y nos permitirá acceder a ella mediante cualquier navegador deinternet.Como esta es la primera vez que ingresamosDesde un navegador en el modo de desarrolloNos permitirá instalar el Web Developer ToolkitSolo tendremos que seguir las instrucciones del navegador para instalarlo y refrescar ladirección cuando termine. Teniendo listo nuestra sencilla aplicación, podemos hacer unos pequeñoscambios como, editar algunos textos, para ello iremos a la carpeta SCR de nuestraaplicación, donde se encuentra el código fuente, veremos un paquete llamadocom.mycompany.mywebapp.client , dentro de el hay un archivo llamado MyWebApp.javaQue tiene en la linea 40 construido el boton Send “final Button sendButton = newButton(“Send");” Cambiaremos el nombre “Send” por “Enviar al servidor”, guardamos yactualizamos la pagina para ver el cambio, que quedará así:
  7. 7. Para ejecutar la aplicación en JavaScript de GWT en el modo " producción", compilaremosla aplicación haciendo clic derecho en el proyecto y la elección de Google > CompilarGWT .Este comando invoca el compilador de GWT que genera una serie de archivos deJavaScript y HTML a partir del código fuente de Java en el MyWebApp MyWebApp/war/ subdirectorio. Para ver la aplicación final, abra elArchivo ”MyWebApp/war / MyWebApp.html”nuestro navegador, que ya puede estar listo para implementarse en cualquierservidor copiando los archivos que se encuentran MyWebApp/war .A final de esta sencilla guía de GWT, aprendimos como preparar todo el entorno y a crearuna aplicación web con GWT, esto nos sirve para desarrollar cualquier en cualqueirade nuestros proyectos en los que queramos utilizar las herramientas de Java parahacer Ajax y javascript y que funcione en cualquier navegador moderno sinproblemas.
  8. 8. Tutorial rápido hecho por: Jorge Luis GarcíaAño: 6to División: 11ºCon ayuda de: Luchee-PCPara: Laboratorio III con Pablo Conrado
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×