Web Toolkit

Universidade Vila Velha Hugo Corteletti e Lorran Pegoretti Trabalho realizado para avaliao na disciplina de Programao Avanada para WEB, do curso de Cincia da Computao, turno matutino, da Universidade de Vila Velha (UVV), ministrada pelo professor Vinicius Rosalen. 2013

Tpicos Abordados
O que o GWT?

Histria
Vantagens Desvantagens

Comeando uma aplicao

Google APIs Desenvolvimento com GWT Empresas que utilizam GWT

O que o GWT?
Framework para desenvolvimento de aplicaes ricas para internet que traduz cdigo Java em cdigo JavaScript Lema: Produtividade para desenvolvedores, desempenho para usurios. Deixar uma interface rica e que funcione nos principais navegadores muito difcil devido falta de padres existentes entre os navegadores O Google Web Toolkit foi criado com intuito de ajudar os desenvolvedores nessa tarefa Definio: Google Web Toolkit (GWT) um kit de ferramentas de desenvolvimento para a construo e otimizao de aplicaes complexas baseadas em browser.

Histria
Sua verso 1.0 foi lanada em 16 de maio de 2006, tendo sido apresentado na conferncia JavaOne naquele mesmo ano Em agosto de 2010 o Google focou o GWT para eclipse, lanando com o Google Plugin for Eclipse Sua verso atual a 2.5.1 que foi lanada em maro de 2013

Compilao

Vantagens
Processamento de apresentao todo realizado no cliente

Menor uso de recursos do servidor

Escalabilidade

Menor trfego de rede

Aps o carregamento inicial apenas dados trafegam, pois a lgica de exibio e as telas j esto todas no cliente

Vantagens
Compilador JavaScript
Alta performance

Erros encontrados em tempo de compilao Mltiplos navegadores Permite utilizar JavaScript no cdigo Java via JSNI (JavaScript Native Interface)
JSNI o responsvel por fazer a integrao diretamente com o cdigo Java

Desvantagens
Tamanho do JavaScript inicial pode ser grande No possvel utilizar todas as classes do Java do lado do cliente, apenas um conjunto delas

Classes utilizadas no lado do cliente devem ser traduzveis para JavaScript

Uso de bibliotecas de terceiros

H menor controle sobre o cdigo do cliente no aplicativo Difcil de debugar CSS Difcil de simular integrao com outras tecnologias (ex. Flash)

Comeando uma Aplicao

Necessrio download do plugin GWT para a IDE.

Comeando uma Aplicao

Main.gwt.xml: O arquivo do mdulo XML do projeto, contido no pacote raiz do projeto, um arquivo XML que detm as configuraes completas da aplicao necessrias por um projeto GWT

Comeando uma Aplicao

Main.gwt.xml

inherits: Especifica os mdulos herdados por este mdulo. Neste simples caso, ns s herdamos a funcionalidade fornecida pelo mdulo User, que integrada ao framework GWT. Quando sua aplicao se torna mais complexa, a herana de mdulo permite que voc reutilize partes de funcionalidade de uma maneira rpida e eficiente entry-point: Refere-se classe que ser instanciada pelo framework GWT quando o mdulo for carregado

Comeando uma Aplicao

MainEntryPoint.java: A classe que designa o ponto de entrada principal da aplicao, conforme especificado em Main.gwt.xml. Ela estende a classe EntryPoint e, quando o mdulo GWT carregado pelo framework, essa classe instanciada e seu mtodo onModuleLoad() chamado automaticamente

Comeando uma Aplicao

MainEntryPoint.java

Comeando uma Aplicao

MainEntryPoint.java o mtodo onModuleLoad() default do EntryPoint adiciona os seguintes componentes aplicao:
Label: Um novo Label GWT criado, exibindo o texto, 'Hello, GWT!!!'. O label adicionado ao RootPanel atravs da linha final do cdigo, RootPanel.get().add(label) Button: Um novo Button (Boto) GWT criado, exibindo o texto Click me! com um listener do boto, implementado por ClickListener. O listener do boto especifica que quando o boto clicado, o label fica oculto

Comeando uma Aplicao

MainEntryPoint.java

O boto adicionado ao RootPanel por meio da penltima linha de cdigo.

Comeando uma Aplicao

welcomeGWT.html: A pgina HTML do host gerada, que o arquivo de boas-vindas designado para a aplicao. O arquivo web.xml usa o elemento welcome-file para especificar que a pgina do host ser a pgina inicial exibida no browser quando a aplicao for implantada. A pgina do host referencia o caminho para o cdigo-fonte JavaScript e pode referenciar a folha de estilo da aplicao

Comeando uma Aplicao

welcomeGWT.html

Comeando uma Aplicao

welcomeGWT.html meta: Aponta para o diretrio de projeto da aplicao. Essa tag fornece um link entre a pgina HTML e a aplicao script: Importa cdigos do arquivo JavaScript do framework GWT. Esse arquivo contm o cdigo necessrio para o bootstrap do framework GWT. Ele usa a configurao no mdulo do projeto e carrega dinamicamente o JavaScript criado ao compilar o ponto de entrada para entregar aplicao. O arquivo JavaScript gerado pelo framework GWT ao executar a aplicao no modo hospedado ou ao compilar a aplicao

Google APIs
Google+ API Google Books API Google Calendar API Google APIs Discovery Service Google Latitude API Google Tasks API Google URL Shortener (goo.gl)

API Google Maps

A API do Google Maps fornece uma API JavaScript que permite que voc adicione a funcionalidade de mapeamento para a sua aplicao

A biblioteca do Google Maps para o GWT permite que voc acesse este API JavaScript a partir do cdigo Java compilado com o compilador GWT

API Google Maps

API Google Maps

Desenvolvimento com GWT

Facilita o desenvolvimento de aplicaes que faam uso de Ajax Evita que o desenvolvedor perca tempo com detalhes tcnicos durante a criao de aplicaes web bastante dinmicas Evita incompatibilidades entre browsers e plataformas e permite maior modularizao dos componentes AJAX e JavaScript

Empresas que utilizam GWT

GFT Brasil Consultoria Informtica Ltda.
O Grupo GFT um dos principais fornecedores mundiais de servios de TI para o setor financeiro. Presente no Brasil desde 2005, a empresa emprega cerca de 160 profissionais no pas.

INCORP
Softwares estratgicos para administrao de conselhos regionais de profisses regulamentadas, autoatendimento via web e gesto de processos eleitorais. Certificada nvel G do MPS.BR

Converge TI
Empresa especializada no desenvolvimento de solues para empresas.

Referncias
Google Web Toolkit Overview - https://developers.google.com/webtoolkit/overview Google Web Toolkit - http://en.wikipedia.org/wiki/Google_Web_Toolkit#History Aplicao NetBeans - https://netbeans.org/kb/docs/web/quickstart-webappsgwt_pt_BR.html API do Google Maps - https://code.google.com/p/gwt-googleapis/wiki/MapsGettingStarted Mail app - http://gwt.googleusercontent.com/samples/Mail/Mail.html Empresas que utilizam GWT no Brasil https://groups.google.com/forum/?fromgroups#!topic/gwt-brasil/K7NiaY1hkMw