Google Web Toolkit Utilizando o GWT para Desenvolvimento WEB

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

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

Portado pelos googlers GWT compilado para HTML5 Sem Flash / Plugin Carregamento Dinâmico Multiplayer Audio Tempo Real Quer jogar? Utilizando o GWT para Desenvolvimento WEB5

Utilizando o GWT para Desenvolvimento WEB6

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

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

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

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

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

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

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

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

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

Como solucionar esse dilema? Utilizando o GWT para Desenvolvimento WEB16

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

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 GWT Team O que é GWT? Utilizando o GWT para Desenvolvimento WEB18

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

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

Como funciona? Utilizando o GWT para Desenvolvimento WEB21

Como funciona? Utilizando o GWT para Desenvolvimento WEB22

Como funciona? Utilizando o GWT para Desenvolvimento WEB23

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

“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

Quem está usando? Utilizando o GWT para Desenvolvimento WEB26

Quem está usando? Utilizando o GWT para Desenvolvimento WEB27

Quem está usando? Utilizando o GWT para Desenvolvimento WEB28

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

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

Ferramentas Utilizando o GWT para Desenvolvimento WEB31

Ferramentas Utilizando o GWT para Desenvolvimento WEB32

Utilizando o GWT para Desenvolvimento WEB33

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

Utilizando o GWT para Desenvolvimento WEB35

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

Utilizando o GWT para Desenvolvimento WEB37

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

Componentes Utilizando o GWT para Desenvolvimento WEB39

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

Utilizando o GWT para Desenvolvimento WEB41

Utilizando o GWT para Desenvolvimento WEB42

Utilizando o GWT para Desenvolvimento WEB43

Plataforma Utilizando o GWT para Desenvolvimento WEB44

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

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

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

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

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

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

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

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

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

Demos Utilizando o GWT para Desenvolvimento WEB54

Referências Utilizando o GWT para Desenvolvimento WEB55

Livros Utilizando o GWT para Desenvolvimento WEB56

Livros Utilizando o GWT para Desenvolvimento WEB57

Obrigado Perguntas? Utilizando o GWT para Desenvolvimento WEB58