Google Web Toolkit in Practice

62f1a9141f2bbd688f5f3678cf6ca33a?s=47 Alex Boyd
July 25, 2013
Programming
0
49

Google Web Toolkit in Practice

Inside view of what GWT is, why iRule uses, some disadvantages, and the future of GWT.

62f1a9141f2bbd688f5f3678cf6ca33a?s=128

Alex Boyd

July 25, 2013
Tweet

Other Decks in Programming

See All in Programming
58c7dad4dc33a4aeec9f4e63e9355528?s=48 otty375
0
130
A093c82d1ffb09f8a023c757ffa7419d?s=48 yuzujoe
2
190
9af444e4e7110845f0b3319efb1ca252?s=48 920oj
1
680
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
2
310
0aa238a274c2397214b20d6eed58939b?s=48 moomooya
0
310
Fc358d63dcdcbad7a5c29198785dec2c?s=48 naototty
1
270
D9e4d5a4b36f83fbde1076815df1362f?s=48 bmack
0
180
D12a80cab206033a820ccff8319f957b?s=48 s_uryu
5
2.3k
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
220
5a065e7ea7c56f4b04c2271771688df3?s=48 raykataoka
34
18k
E24ebbedcae292dc8e4b56186e082220?s=48 iganari
1
330
354271902cd8ba2762d05b251dfa0f84?s=48 pluu
0
280

Featured

See All Featured
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
2
420
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
249
19k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
330
29k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
494
110k
245cee81a9c424266e5e401d844ea881?s=48 lara
588
60k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
174
7.1k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
119
15k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
50
3.9k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
83
4.5k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
55
5.3k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
391
60k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
142
19k

Transcript

  1. Google Web Toolkit in Practice Detroit Google Developers Group June

    25, 2013 iRule Alex Boyd

  2. Title iRule • iruleathome.com Alex Boyd Who is iRule?

  3. Google Web Toolkit Pronounced 'gwit' What is GWT? History of

    GWT Who uses it?

  4. Title iRule • iruleathome.com Alex Boyd Front End Web Framework

    For RIA

  5. Title iRule • iruleathome.com GWT 1.0.0 – 2006 •  Web

    2.0 •  Huge Java ecosystem •  Hole in Javascript toolset •  jQuery started January 2006 GWT 1.3 – 2007 •  First Open Source Release GWT 2.0 – 2009 •  DevMode, CssResources, ClientBundle Alex Boyd GWT History GWT 2.2 / 2.3 – 2011 •  Better AppEngine Integration •  GWT Designer •  HTML5 Support GWT 2.5 – 2013 •  Super Dev Mode •  Closure Compiler •  Google Relinquishes Control GWT 2.5.1 – Current

  6. Title iRule • iruleathome.com Alex Boyd Who uses it?

  7. How GWT works Compilation / Result Browser Loading

  8. Alex Boyd Compilation and Result iRule • iruleathome.com

  9. Alex Boyd Browser Loading iRule • iruleathome.com Load HTML Host

    Page | | |____ Load Bootstrap JS File | | |____ Load Browser Specific JS File

  10. How iRule uses GWT Builder Manager Mobile

  11. iRule • iruleathome.com Alex Boyd Builder

  12. Title iRule • iruleathome.com Alex Boyd Builder Resizable Sections Menu

    Bar Tree Drag and Drop Tabs

  13. Title iRule • iruleathome.com Alex Boyd Manager

  14. Title iRule • iruleathome.com Alex Boyd Mobile

  15. The Beauty of GWT Productivity for developers, performance for users

    Advantages

  16. Title iRule • iruleathome.com Alex Boyd Cross Browser Compatibility

  17. Title iRule • iruleathome.com Alex Boyd Familiar Tools / Language

  18. Title iRule • iruleathome.com Alex Boyd Familiar Tools Debug Integration

    Code completion Compile-time errors

  19. Title iRule • iruleathome.com Alex Boyd Dynamic Reusable Widgets http://gwt.googleusercontent.com/samples/Showcase/Showcase.html

  20. Title iRule • iruleathome.com Alex Boyd GWT UI Designer

  21. Title iRule • iruleathome.com Alex Boyd GWT Internationalization https://developers.google.com/web-toolkit/tools/ gwtdesigner/features/gwt/internationalization

  22. Title iRule • iruleathome.com Alex Boyd GWT / GAE Integration

  23. Title iRule • iruleathome.com Alex Boyd Code Obfuscation

  24. Title iRule • iruleathome.com Alex Boyd Embedded Resources CSS /

    Images •  Syntax validation •  Minification •  Constants •  Functions •  Obfuscation CSS Pitfalls of Traditional Images •  Large overhead •  Useless freshness checks •  Blocking HTTP connections

  25. Title iRule • iruleathome.com Alex Boyd JavaScript Native Interface

  26. GWT : The Bad Disadvantages

  27. Title iRule • iruleathome.com Alex Boyd Learning Curve

  28. Title iRule • iruleathome.com Alex Boyd Compilation Speed / Debug

  29. Title iRule • iruleathome.com Alex Boyd Large DOM tree

  30. Title iRule • iruleathome.com Alex Boyd Search Engine Indexing ???

    ??? ???

  31. Anatomy of a GWT Application Project Generation Project Structure Hello

    World! Application

  32. Title iRule • iruleathome.com Alex Boyd Project Generation Maven

  33. Title iRule • iruleathome.com Alex Boyd Project Generation Google Plugin

    for Eclipse

  34. Title iRule • iruleathome.com Alex Boyd Project Structure |-­‐src  

         |-­‐main              |-­‐java                    |-­‐com.irule.helloworld                          |-­‐client                                |-­‐GreetingService.java                                |-­‐HelloWorld.java                          |-­‐server                                |-­‐GreetingServiceImpl.java                          |-­‐shared                                |-­‐FieldVerifier.java              |-­‐resources                    |-­‐com.irule.helloworld                          |-­‐HelloWorld.gwt.xml              |-­‐webapp                    |-­‐WEB-­‐INF                          |-­‐web.xml                    |-­‐HelloWorld.css                    |-­‐HelloWorld.html   |-­‐pom.xml     Maven Google Plugin for Eclipse |-­‐src        |-­‐com.irule.helloworld              |-­‐client                    |-­‐GreetingService.java                    |-­‐HelloWorld.java              |-­‐server                    |-­‐GreetingServiceImpl.java              |-­‐shared                    |-­‐FieldVerifier.java              |-­‐HelloWorld.gwt.xml   |-­‐war        |-­‐WEB-­‐INF              |-­‐web.xml        |-­‐HelloWorld.html        |-­‐HelloWorld.css      

  35. Alex Boyd Code – Where it all begins iRule •

    iruleathome.com

  36. Alex Boyd Code – HTML Page iRule • iruleathome.com

  37. Alex Boyd Result iRule • iruleathome.com

  38. Powered by GWT Smart GWT Ext GWT MGWT / gwt-phonegap

  39. Alex Boyd Smart GWT iRule • iruleathome.com

  40. Alex Boyd Sencha GXT iRule • iruleathome.com

  41. Alex Boyd MGWT / gwt-phonegap iRule • iruleathome.com

  42. Future of GWT Openness, Simplicity, Speed, Interoperability, Mobility

  43. Alex Boyd Committee Goals iRule • iruleathome.com Openness •  More

    Direct Committers •  CI Server •  GWT Steering mailing list Simplify •  Cleanup old code - Bye, bye IE6! •  Break GWT into smaller modules Speed •  Improve compile time •  Faster DevMode / SuperDevMode •  Better speed profiling tools Interoperability •  Simplify JSNI •  Better hybrid app support ( GWT and native JS ) Mobility •  Mobile browser support •  Packaged Apps