Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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,543 views

Published on

  • Be the first to comment

  • Be the first to like this

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...

×