Web ToolkitUniversidade Vila VelhaHugo Corteletti e Lorran PegorettiTrabalho realizado para avaliação na disciplina de Pro...
Tópicos Abordados O que é o GWT? História Vantagens Desvantagens Começando uma aplicação Google APIs Desenvolviment...
O que é o GWT? Framework para desenvolvimento de aplicações ricas para internet que traduzcódigo Java em código JavaScrip...
História Sua versão 1.0 foi lançada em 16 de maio de 2006, tendo sido apresentado naconferência JavaOne naquele mesmo ano...
Compilação
Vantagens Processamento de apresentação é todo realizado no cliente Menor uso de recursos do servidor Escalabilidade M...
Vantagens Compilador JavaScript Alta performance Erros encontrados em tempo de compilação Múltiplos navegadores Permi...
Desvantagens Tamanho do JavaScript inicial pode ser grande Não é possível utilizar todas as classes do Java do lado do c...
Começando uma Aplicação Necessário download do plugin GWT para a IDE.
Começando uma Aplicação Main.gwt.xml: O arquivo do móduloXML do projeto, contido no pacoteraiz do projeto, é um arquivo X...
Começando uma Aplicação inherits: Especifica os módulos herdados por este módulo. Neste simples caso, nós sóherdamos a fu...
Começando uma Aplicação MainEntryPoint.java: A classe quedesigna o ponto de entradaprincipal da aplicação, conformeespeci...
Começando uma AplicaçãoMainEntryPoint.java
Começando uma AplicaçãoMainEntryPoint.java o método onModuleLoad() default do EntryPoint adiciona os seguintescomponentes...
Começando uma AplicaçãoMainEntryPoint.javaO botão é adicionado ao RootPanel por meio da penúltima linha de código.
Começando uma Aplicação welcomeGWT.html: A página HTMLdo host gerada, que é o arquivo deboas-vindas designado para aaplic...
Começando uma AplicaçãowelcomeGWT.html
Começando uma AplicaçãowelcomeGWT.html meta: Aponta para o diretório de projeto da aplicação. Essa tag forneceum link ent...
Google APIs Google+ API Google Books API Google Calendar API Google APIs Discovery Service Google Latitude API Googl...
API Google Maps A API do Google Maps fornece uma API JavaScript que permite que vocêadicione a funcionalidade de mapeamen...
API Google Maps
API Google Maps
Desenvolvimento com GWT Facilita o desenvolvimento de aplicações que façam uso de Ajax Evita que o desenvolvedor perca t...
Empresas que utilizam GWT GFT Brasil Consultoria Informática Ltda. O Grupo GFT é um dos principais fornecedores mundiais...
Referências Google Web Toolkit Overview - https://developers.google.com/web-toolkit/overview Google Web Toolkit - http:/...
Upcoming SlideShare
Loading in...5
×

GWT

659

Published on

Apresentação sobre GWT (Google Web Toolkit), Apresentação realizada para a matéria de Programação Avançada para WEB da Universidade de Vila Velha. Alunos: Lorran Pegoretti e Hugo Corteletti Torezani.

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

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

No notes for slide

GWT

  1. 1. Web ToolkitUniversidade Vila VelhaHugo Corteletti e Lorran PegorettiTrabalho realizado para avaliação na disciplina de Programação Avançada paraWEB, do curso de Ciência da Computação, turno matutino, da Universidade deVila Velha (UVV), ministrada pelo professor Vinicius Rosalen.2013
  2. 2. Tópicos Abordados O que é o GWT? História Vantagens Desvantagens Começando uma aplicação Google APIs Desenvolvimento com GWT Empresas que utilizam GWT
  3. 3. O que é o GWT? Framework para desenvolvimento de aplicações ricas para internet que traduzcódigo Java em código JavaScript Lema: “Produtividade para desenvolvedores, desempenho para usuários.” Deixar uma interface rica e que funcione nos principais navegadores é muito difícildevido à falta de padrões existentes entre os navegadores O Google Web Toolkit foi criado com intuito de ajudar os desenvolvedores nessatarefa Definição: “Google Web Toolkit (GWT) é um kit de ferramentas de desenvolvimentopara a construção e otimização de aplicações complexas baseadas em browser.”
  4. 4. História Sua versão 1.0 foi lançada em 16 de maio de 2006, tendo sido apresentado naconferência JavaOne naquele mesmo ano Em agosto de 2010 o Google focou o GWT para eclipse, lançando com o GooglePlugin for Eclipse Sua versão atual é a 2.5.1 que foi lançada em março de 2013
  5. 5. Compilação
  6. 6. Vantagens Processamento de apresentação é todo realizado no cliente Menor uso de recursos do servidor Escalabilidade Menor tráfego de rede Após o carregamento inicial apenas dados trafegam, pois a lógica de exibição e astelas já estão todas no cliente
  7. 7. Vantagens Compilador JavaScript Alta performance Erros encontrados em tempo de compilação Múltiplos navegadores Permite utilizar JavaScript no código Java via JSNI (JavaScript Native Interface) JSNI é o responsável por fazer a integração diretamente com o código Java
  8. 8. Desvantagens Tamanho do JavaScript inicial pode ser grande Não é possível utilizar todas as classes do Java do lado do cliente, apenas umconjunto delas Classes utilizadas no lado do cliente devem ser traduzíveis para JavaScript Uso de bibliotecas de terceiros Há menor controle sobre o código do cliente no aplicativo Difícil de debugar CSS Difícil de simular integração com outras tecnologias (ex. Flash)
  9. 9. Começando uma Aplicação Necessário download do plugin GWT para a IDE.
  10. 10. Começando uma Aplicação Main.gwt.xml: O arquivo do móduloXML do projeto, contido no pacoteraiz do projeto, é um arquivo XMLque detém as configuraçõescompletas da aplicaçãonecessárias por um projeto GWT
  11. 11. Começando uma Aplicação inherits: Especifica os módulos herdados por este módulo. Neste simples caso, nós sóherdamos a funcionalidade fornecida pelo módulo User, que é integrada ao frameworkGWT. Quando sua aplicação se torna mais complexa, a herança de módulo permiteque você reutilize partes de funcionalidade de uma maneira rápida e eficiente entry-point: Refere-se à classe que será instanciada pelo framework GWT quando omódulo for carregadoMain.gwt.xml
  12. 12. Começando uma Aplicação MainEntryPoint.java: A classe quedesigna o ponto de entradaprincipal da aplicação, conformeespecificado em Main.gwt.xml. Elaestende a classe EntryPoint e,quando o módulo GWT é carregadopelo framework, essa classe éinstanciada e seu métodoonModuleLoad() é chamadoautomaticamente
  13. 13. Começando uma AplicaçãoMainEntryPoint.java
  14. 14. Começando uma AplicaçãoMainEntryPoint.java o método onModuleLoad() default do EntryPoint adiciona os seguintescomponentes à aplicação: Label: Um novo Label GWT é criado, exibindo o texto, Hello, GWT!!!. O label éadicionado ao RootPanel através da linha final do código,RootPanel.get().add(label) Button: Um novo Button (Botão) GWT é criado, exibindo o texto “Click me!” comum listener do botão, implementado por ClickListener. O listener do botãoespecifica que quando o botão é clicado, o label fica oculto
  15. 15. Começando uma AplicaçãoMainEntryPoint.javaO botão é adicionado ao RootPanel por meio da penúltima linha de código.
  16. 16. Começando uma Aplicação welcomeGWT.html: A página HTMLdo host gerada, que é o arquivo deboas-vindas designado para aaplicação. O arquivo web.xml usa oelemento welcome-file paraespecificar que a página do hostserá a página inicial exibida nobrowser quando a aplicação forimplantada. A página do hostreferencia o caminho para ocódigo-fonte JavaScript e podereferenciar a folha de estilo daaplicação
  17. 17. Começando uma AplicaçãowelcomeGWT.html
  18. 18. Começando uma AplicaçãowelcomeGWT.html meta: Aponta para o diretório de projeto da aplicação. Essa tag forneceum link entre a página HTML e a aplicação script: Importa códigos do arquivo JavaScript do framework GWT. Essearquivo contém o código necessário para o bootstrap do framework GWT.Ele usa a configuração no módulo do projeto e carrega dinamicamente oJavaScript criado ao compilar o ponto de entrada para entregar àaplicação. O arquivo JavaScript é gerado pelo framework GWT aoexecutar a aplicação no modo hospedado ou ao compilar a aplicação
  19. 19. 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)
  20. 20. API Google Maps A API do Google Maps fornece uma API JavaScript que permite que vocêadicione a funcionalidade de mapeamento para a sua aplicação A biblioteca do Google Maps para o GWT permite que você acesse esteAPI JavaScript a partir do código Java compilado com o compilador GWT
  21. 21. API Google Maps
  22. 22. API Google Maps
  23. 23. Desenvolvimento com GWT Facilita o desenvolvimento de aplicações que façam uso de Ajax Evita que o desenvolvedor perca tempo com detalhes técnicos durante a criação deaplicações web bastante dinâmicas Evita incompatibilidades entre browsers e plataformas e permite maior modularizaçãodos componentes AJAX e JavaScript
  24. 24. Empresas que utilizam GWT GFT Brasil Consultoria Informática Ltda. O Grupo GFT é um dos principais fornecedores mundiais de serviçosde TI para o setor financeiro. Presente no Brasil desde 2005, aempresa emprega cerca de 160 profissionais no país. INCORP Softwares estratégicos para administração de conselhos regionaisde profissões regulamentadas, autoatendimento via web e gestãode processos eleitorais. Certificada nível G do MPS.BR Converge TI Empresa especializada no desenvolvimento de soluções paraempresas.
  25. 25. Referências Google Web Toolkit Overview - https://developers.google.com/web-toolkit/overview Google Web Toolkit - http://en.wikipedia.org/wiki/Google_Web_Toolkit#History Aplicação NetBeans - https://netbeans.org/kb/docs/web/quickstart-webapps-gwt_pt_BR.html API do Google Maps - https://code.google.com/p/gwt-google-apis/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
  1. A particular slide catching your eye?

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

×