GWTGoogle Web Toolkit       Parte 01   RAFAEL AD RIANO
Introdução É um framework desenvolvido pela Google, que facilita a criação de aplicativos web, sem preocupar- se com comp...
Ambiente IDE Eclipse; Suporte a linguagem Java; Google Suite Plugin;    Facilita configuração do projeto GWT.
Projeto Estrutura do projeto;    Servidor;    Cliente;    Configuração (Módulo);    Web;    Biblioteca.
Prática Criação do projeto;    Nome: Teste;    Pacote: br.udesc.
Módulo XML;    Nome do módulo;    Bibliotecas;    Ponto de entrada;    Lado cliente.
Prática Criando um módulo;    Criar html;    Inserir módulo no html.
Ponto de entrada EntryPoint; onModuleLoad.
Prática Criando ponto de entrada;    Registrar no XML do módulo.
Teste Compilar; Executar; Browser; Plugin; Sucesso.
Widgets São mini aplicações projetadas para serem executadas como aplicações individuais ou add-on (adicionáveis) em pági...
Prática Criar um VerticalPanel; Criar um HorizontalPanel; Criar um Label; Criar um TextBox; Criar um Button.
Comunicação Suporta JSON e XML; GWT RPC é um protocolo semelhante ao tradicional Java RMI, bastando criar uma interface ...
Comunicação - GWT RPC
Prática GWT RPC;    Criar interface no pacote client;      Interface estende RemoteService;      Gerar Async pelo plug...
Internacionalização Suporta três técnicas de implementação;    Static String Internacionalization;    Dynamic String In...
Prática Static String Internacionalization;     Criar duas interfaces;       MinhasConstants estende a interface Consta...
JSNI JavaScript Native Interface; Responsável por permitir a codificação de JavaScript no meio de código Java; Métodos ...
Prática Criar método nativo; Invocar método.          public native void showMessage(String msg)/*-{                  $w...
SmartClient Biblioteca JavaScript;   Desenvolvida pela Isomorphic Software;   Utilização do lado client é gratuita;   ...
Prática Baixar biblioteca; Adicionar jars no classpath do projeto;   smartgwt.jar;   smartgwt-skins.jar; Registrar no...
Deploy/Prática Compilação; Biblioteca;    Adicionar bibliotecas necessárias na WEB-INF/lib; Publicação;    Copiar pas...
Continua...
Upcoming SlideShare
Loading in …5
×

Gwt parte 01

2,405 views
2,293 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,405
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
37
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Gwt parte 01

  1. 1. GWTGoogle Web Toolkit Parte 01 RAFAEL AD RIANO
  2. 2. Introdução É um framework desenvolvido pela Google, que facilita a criação de aplicativos web, sem preocupar- se com compatibilidade de navegadores e manutenção de código JavaScript.
  3. 3. Ambiente IDE Eclipse; Suporte a linguagem Java; Google Suite Plugin;  Facilita configuração do projeto GWT.
  4. 4. Projeto Estrutura do projeto;  Servidor;  Cliente;  Configuração (Módulo);  Web;  Biblioteca.
  5. 5. Prática Criação do projeto;  Nome: Teste;  Pacote: br.udesc.
  6. 6. Módulo XML;  Nome do módulo;  Bibliotecas;  Ponto de entrada;  Lado cliente.
  7. 7. Prática Criando um módulo;  Criar html;  Inserir módulo no html.
  8. 8. Ponto de entrada EntryPoint; onModuleLoad.
  9. 9. Prática Criando ponto de entrada;  Registrar no XML do módulo.
  10. 10. Teste Compilar; Executar; Browser; Plugin; Sucesso.
  11. 11. Widgets São mini aplicações projetadas para serem executadas como aplicações individuais ou add-on (adicionáveis) em páginas Web; No GWT são basicamente os componentes para se montar uma página web.
  12. 12. Prática Criar um VerticalPanel; Criar um HorizontalPanel; Criar um Label; Criar um TextBox; Criar um Button.
  13. 13. Comunicação Suporta JSON e XML; GWT RPC é um protocolo semelhante ao tradicional Java RMI, bastando criar uma interface e especificar os métodos remotos que se desejam ser chamados;  Serializa automaticamente os argumentos/parâmetros;  Todas suas chamadas são assíncronas;  Suporta transmitir exceções.
  14. 14. Comunicação - GWT RPC
  15. 15. Prática GWT RPC;  Criar interface no pacote client;  Interface estende RemoteService;  Gerar Async pelo plugin no pacote client;  Anotar a interface com @RemoteServiceRelativePath(“servletName”);  Criar pacote server;  Implementar interface no pacote server;  Implementação estende RemoteServiceServlet;  Implementação é um servlet;  Registrar o servlet no web.xml;  Integrar com a tela.
  16. 16. Internacionalização Suporta três técnicas de implementação;  Static String Internacionalization;  Dynamic String Internacionalization;  Extending or implementing Localizable.
  17. 17. Prática Static String Internacionalization;  Criar duas interfaces;  MinhasConstants estende a interface Constants;  MinhasMessages estende a interface Messages;  Criar dois arquivos properties;  MinhasConstants_pt_BR.properties;  MinhasMessages_pt_BR.properties;  Registrar locale pt_BR no XML do módulo;  <extend-property name="locale" values="pt_BR"/>;  Registrar no XML do módulo caso necessite formatar data;  <inherits name="com.google.gwt.i18n.I18N"/>;  Criar constantes e mensagens;  Integrar com a tela.
  18. 18. JSNI JavaScript Native Interface; Responsável por permitir a codificação de JavaScript no meio de código Java; Métodos JSNI são declarados nativamente e o bloco delimitado entre /*-{ e }-*/; Muito usado para criação de novos componentes.
  19. 19. Prática Criar método nativo; Invocar método. public native void showMessage(String msg)/*-{ $wnd.alert(msg); }-*/;
  20. 20. SmartClient Biblioteca JavaScript;  Desenvolvida pela Isomorphic Software;  Utilização do lado client é gratuita;  URL: http://www.smartclient.com/; Integração SmartClient com GWT;  Projeto SmartGWT;  OpenSource;  URL: http://code.google.com/p/smartgwt/; Mais componentes; Componentes ricos.
  21. 21. Prática Baixar biblioteca; Adicionar jars no classpath do projeto;  smartgwt.jar;  smartgwt-skins.jar; Registrar no biblioteca no XML do módulo;  <inherits name="com.smartgwt.SmartGwt"/>; Criar um ListGrid;  Campos Nome e Idade;  Popular.
  22. 22. Deploy/Prática Compilação; Biblioteca;  Adicionar bibliotecas necessárias na WEB-INF/lib; Publicação;  Copiar pasta war e publicar no TomCat.
  23. 23. Continua...

×