Google Web Toolkit Utilizando o GWT para Desenvolvimento WEB.

Apresentação em tema: "Google Web Toolkit Utilizando o GWT para Desenvolvimento WEB."— Transcrição da apresentação:

1 Google Web Toolkit Utilizando o GWT para Desenvolvimento WEB

2 Informações HTML e Javascript GWT Como Funciona? Quem está Usando? Ferramentas Componentes Plataforma Miscelânea Pontos Fracos Referências Perguntas Agenda Utilizando o GWT para Desenvolvimento WEB2

3 3

4 Isto é Quake 2 portado para o GWT, usando somente HTML5 e CSS3. Sem Flash, sem instalação. Apenas uma app Web de nova geração. Utilizando o GWT para Desenvolvimento WEB4

5 Portado pelos googlers GWT compilado para HTML5 Sem Flash / Plugin Carregamento Dinâmico Multiplayer Audio Tempo Real Quer jogar? http://quake2playn.appspot.com/ Utilizando o GWT para Desenvolvimento WEB5

6 http://gwt-phoenix.appspot.com/ Utilizando o GWT para Desenvolvimento WEB6

7 HTML é Programação? Utilizando o GWT para Desenvolvimento WEB7

8 HTML é Programação? NÃO Utilizando o GWT para Desenvolvimento WEB8

9 não programático (feito para desenvolver páginas) bom suporte ao mostrar páginas com auxílio do CSS nenhum suporte a componentes dinâmicos formulário pobre (somente texto) focado em texto e hyperlinks HTML é Programação? Utilizando o GWT para Desenvolvimento WEB9

10 Quer dinamismo, use Javascript... Utilizando o GWT para Desenvolvimento WEB10

11 ... mas lide com: Problemas de compatibilidade entre Browsers Tipagem Fraca (Prototype) Estruturação da linguagem não evoluiu function == panacéia Pode-se remediar com JQuery, etc. Performance –cada browser um truque Quer dinamismo, use Javascript... Utilizando o GWT para Desenvolvimento WEB11

12 Javascript não pode competir com linguagens mais maduras... por mais que se esforce. Utilizando o GWT para Desenvolvimento WEB12

13 JSP, Struts, Taglibs e outras tecnologias não dão o dinamismo que uma aplicação web precisa, sem o programador sujar as mãos com Javascript. Duvida? Outras soluções? Utilizando o GWT para Desenvolvimento WEB13

14 Tente construir um homebroker, ou cliente de email, ou uma aplicação com Drag’n Drop somente com aquelas tecnologias. (Sem codificar Javascript!) Outras soluções? Utilizando o GWT para Desenvolvimento WEB14

15 Como solucionar esse dilema? X Utilizando o GWT para Desenvolvimento WEB15

16 Como solucionar esse dilema? Utilizando o GWT para Desenvolvimento WEB16

17 Delphi/Swing para web O que é GWT? + Utilizando o GWT para Desenvolvimento WEB17

18 Delphi/Swing para web A missão do GWT é melhorar radicalmente a experiência para os usuários de sistemas, possibilitando os desenvolvedores usarem ferramentas java existentes para construir aplicações com ajax facilmente para qualquer browser moderno fevereiro de 2006 - GWT Team O que é GWT? Utilizando o GWT para Desenvolvimento WEB18

19 Imagine: tratar o cliente (browser) como um desktop usar os mesmos beans do servidor no cliente adicionar listeners aos componentes tratar toda a validação no cliente –Máscara, Regex, Format... tudo sem consultar o server invocar o servidor arbitrariamente sem plugin no browser ou coisa parecida 100% opensource (Apache 2.0) O que é GWT? Utilizando o GWT para Desenvolvimento WEB19

20 Imagine: tratar o cliente (browser) como um desktop usar os mesmos beans do servidor no cliente adicionar listeners aos componentes tratar toda a validação no cliente –Máscara, Regex, Format... tudo sem consultar o server invocar o servidor arbitrariamente sem plugin no browser ou coisa parecida 100% opensource (Apache 2.0) E TUDO ISSO PROGRAMANDO EM JAVA! O que é GWT? Isso é GWT! Utilizando o GWT para Desenvolvimento WEB20

21 Como funciona? Utilizando o GWT para Desenvolvimento WEB21

22 Como funciona? Utilizando o GWT para Desenvolvimento WEB22

23 Como funciona? Utilizando o GWT para Desenvolvimento WEB23

24 Múltipla Compilação Simultânea Utilizando o GWT para Desenvolvimento WEB24

25 “We definitely do not view development in GWT as a form of compromise. We firmly believe that GWT should generate better JavaScript code than you would write by hand, and will generally choose to avoid making concessions to convenience if they hurt the performance of the resulting AJAX code. ” GWT Team Javascript compilado? Utilizando o GWT para Desenvolvimento WEB25

26 Quem está usando? Utilizando o GWT para Desenvolvimento WEB26

27 Quem está usando? Utilizando o GWT para Desenvolvimento WEB27

28 Quem está usando? Utilizando o GWT para Desenvolvimento WEB28

29 Java5 apenas, nada mais! Suporte a maior parte de toda a biblioteca básica (java.lang.*, java.utils.*, System, etc.) Libs do gwt para manipular os elementos visuais –DOM, widgets, layouts, panel, button Criação fácil de componentes personalizados através de java extends Todos os listeners possíveis no browser mapeados –OnWindowResize, OnMouseOver, OnClose, OnClick, OnDoubleClick, OnScroll, OnFocus Codificação Utilizando o GWT para Desenvolvimento WEB29

30 Plugin oficial do Google para Eclipse –Criar, rodar, compilar –Integrado com a nuvem do google Plugin para NetBeans GWT Designer do Google para Eclipse Conjunto de ferramentas para teste, debug e métricas Ferramentas Utilizando o GWT para Desenvolvimento WEB30

31 Ferramentas Utilizando o GWT para Desenvolvimento WEB31

32 Ferramentas Utilizando o GWT para Desenvolvimento WEB32

33 Utilizando o GWT para Desenvolvimento WEB33

34 Isso mesmo! Debug direto no Java! Utilizando o GWT para Desenvolvimento WEB34

35 Utilizando o GWT para Desenvolvimento WEB35

36 Todos os serviços (apis) do Google possuem bibliotecas prontas para ser usados com GWT Serviços Encapsulados Utilizando o GWT para Desenvolvimento WEB36

37 Utilizando o GWT para Desenvolvimento WEB37

38 Gwt também é uma plataforma para desenvolvimento de componentes (semelhante ao JSF). Apesar disso possui uma quantidade considerável de componentes. Componentes Utilizando o GWT para Desenvolvimento WEB38

39 Componentes Utilizando o GWT para Desenvolvimento WEB39

40 Ainda possui uma grande quantidade de empresas que disponibilizam componentes opensource, dentre elas, as mais importantes: –Vaadin –SmartGWT –GXT (Sencha) Fora isso, ainda possui quase 10k bibliotecas opensource disponíveis - Google Code e SourceForge Componentes Utilizando o GWT para Desenvolvimento WEB40

41 Utilizando o GWT para Desenvolvimento WEB41

42 Utilizando o GWT para Desenvolvimento WEB42

43 Utilizando o GWT para Desenvolvimento WEB43

44 Plataforma Utilizando o GWT para Desenvolvimento WEB44

45 Parser de xml e json nativo Logging Drag’n Drop Ajax e Comet Invocação de Métodos no Servidor (RPC) –Como retorno, posso esperar um objeto rico (ex.: Bean, EJB3, etc.) e usá-lo na interface. Plataforma Utilizando o GWT para Desenvolvimento WEB45

46 RPC ContaBO.listaContasPorPrefixo(int prefixo) return ArraList Utilizando o GWT para Desenvolvimento WEB46

47 i18n Compartilhamento de beans Convivência de família de componentes –Isso porque todos foram construídos extendendo a mesma classe visual Widget. Sprites Image CSS e Inline Image (data://) Plataforma Utilizando o GWT para Desenvolvimento WEB47

48 Sprites Image CSS e Inline Image Utilizando o GWT para Desenvolvimento WEB48

49 Suporte a compilação para HTML5 Reutilização de ferramentas para testes de Java (Junit, PMD, Findbugs) Injeção de Dependência Suporte a Android e iOS Maven Libs de componentes são simples jars Eventos complexos como MouseRightClick, DoubleClick, etc. Miscelânea Utilizando o GWT para Desenvolvimento WEB49

50 Herança, Polimorfismo, Sobrecarga, e todas as caracteristicas das libs básicas do java Suporte ao "botão voltar" no Browser e refresh Threads! Suporte desde o IE6 Integra com o Seam Não depende de appServer Java Miscelânea Utilizando o GWT para Desenvolvimento WEB50

51 Aprender a realmente programar UI –Listeners, Eventos, Componentes, Layout Não é uma spec –Obs.: as bibliotecas de componentes JSF também não são O google pode desistir do projeto algum dia? –Pode, mas a tecnologia já tomou vulto suficiente para andar por si só (ainda mais sendo totalmente opensource) Pontos Fracos Utilizando o GWT para Desenvolvimento WEB51

52 Todas as bibliotecas e tecnologias listadas nessa apresentação são opensource (exceto Delphi ) Observação Utilizando o GWT para Desenvolvimento WEB52

53 GWT é um marco no desenvolvimento web Não faça mais páginas, faça aplicações Não serve para todos os problemas! –Em sistemas com interfaces simples (uma página simples, ñ uma app) não convém usar GWT Opinião Utilizando o GWT para Desenvolvimento WEB53

54 http://demo.vaadin.com/ReindeerTheme/ http://demo.vaadin.com/VaadinTunesLayout/ http://www.sencha.com/examples/explorer.html http://gwt.google.com/samples/Showcase/Showcase.html http://www.liveleader.com/a/livedemo/?l=en http://www.gminet.com.br/wfinancas/financeiro.do http://4.latest.testchannelll.appspot.com/ Demos Utilizando o GWT para Desenvolvimento WEB54

55 www.jornaljava.com www.portalgwt.com http://www.google.com/events/io/2010/sessions.html http://www.google.com/events/io/2009/sessions.html http://gaejexperiments.wordpress.com/ http://code.google.com/webtoolkit/ http://googlewebtoolkit.blogspot.com/ http://www.ongwt.com/ http://turbomanage.wordpress.com/ Referências Utilizando o GWT para Desenvolvimento WEB55

56 Livros Utilizando o GWT para Desenvolvimento WEB56

57 Livros Utilizando o GWT para Desenvolvimento WEB57

58 Obrigado Perguntas? Utilizando o GWT para Desenvolvimento WEB58