KEMBAR78
Javascript as a target language - GWT kickoff - part1/2 | PDF
Javascript as a target language: 
GWT Kickoff (Part 1/2) 
Alberto Mancini - Francesca Tosi 
alberto@jooink.com - francesca@jooink.com
Alberto 
alberto@jooink.com 
http://github.com/jooink 
http://www.jooink.com 
http://jooink.blogspot.com
Francesca 
francesca@jooink.com 
+FrancescaTosi 
@francescatosi 
http://github.com/jooink 
http://www.jooink.com 
http://jooink.blogspot.com
GWT cos’è 
Google Web Toolkit (GWT) is an open source Java software 
development kit that makes writing AJAX applications like 
Google Maps and Gmail easy for developers. 
http://www.gwtproject.org/
GWT Stats 
Official GWT Report by Vaadin 
[2012] - 
https://vaadin.com/gwt-report-2012- 
portlet/download/1871870899/Future-of-GWT-Report-2012. 
pdf 
[2013] - (del 10/04/2014 → GWT in crescita) 
https://vaadin.com/documents/10187/42fbbec4-51c8-426b- 
8aa8-fe46129353a3
GWT Stats 
E’ una delle 
librerie più 
utilizzate 
http://zeroturnaround.com/rebellabs/the-curious-coders- 
java-web-frameworks-comparison-spring-mvc- 
grails-vaadin-gwt-wicket-play-struts-and-jsf/
GWT Stats 
Come viene 
principalmente 
utilizzato
GWT Stats 
Browser & 
platform 
support.
GWT Stats 
GWT è 
molto usato in Europa
GWT Stats 
GWT 
why i love it ;-)
GWT Stats 
GWT 
the dark side
right for ?
GWT Stats 
as of Q4/2012 
● SDK downloaded over 1 million times 
● 100,000+ Active Developers 
● Deep Integration with Eclipse, IntelliJ, Spring STS/Roo 
● Used by Google products such as AdWords, Flights, 
Wallet 
● Fun things: GwtQuake, Angry Birds for the Web 
● GWT Today is a mature, high quality, code base.
... not a Framework 
Frameworks that may help 
https://github.com/ArcBees/GWTP 
model-view-presenter framework 
http://www.jboss.org/errai 
CDI, and JPA for GWT 
http://www.tessell.org/ 
app framework (on gwt-pectin)
Ecosystem 
Sencha’s GXT - http://www.sencha.com/products/gxt/ 
https://vaadin.com/gwt 
http://code.google.com/p/smartgwt/
Why 
Why?
FOSS 
The GWT Steering committee was founded in 2012 to help 
the GWT project become an even bigger success as an open 
source project. 
● Ray Cromwell, Google 
● Artur Signell, Vaadin 
● Colin Alworth, Sencha 
● Mike Brock, RedHat 
● Thomas Broyer 
● Stephen Haberman, Bizo 
● Daniel Kurka, Google 
● Christian Goudreau, Arcbees 
● Konstantin Solomatov, Jetbrains
Evolving & Mature 
Rev. Improvements 
2006 GWT 1.0 
2007 GWT 1.3/GWT 1.4 First Open Source Release, OSX support / JUnit and ImageBundle 
2008 GWT 1.5 Java 1.5 support, Overlay Types, DOM API, CSS Themes, Linkers 
2009 GWT 1.6/GWT 1.7 
GWT 2.0 
EventHandlers, EMMA Support, WAR support, Parallelized Builds/Newer 
browser support, IE8, GPE and AppEngine/DevMode, DraftCompile, 
UIBinder, LayoutPanel, CodeSplitter, ClientBundle, CssResource 
2010 GWT 2.1 RequestFactory, Editor Framework, Validation, MVP, Cell Widgets 
2011 GWT 2.2/GWT 2.3 
GWT 2.4 
GWT Designer, HTML5 support/Better AppEngine 
integration/Maven and RequestFactory enhancements 
2012 GWT 2.5 SuperDevMode, Elemental, UiRenderers, FragmentMerging, 
ClosureCompiler 
2013 GWT 2.5.1 ….
Browsers
Browsers
xché 
una codebase e 
tante 'incarnazioni' 
dell'applicazione.
Born to be ... 
Why GWT? The beginnings of rich internet 
applications started taking off in 2004-2005 with 
Gmail/Google Maps. jQuery didn't even exist yet. 
There was a vacuum for tools to build large scale 
web applications, and leveraging the already mature 
Java toolchain of IDEs, libraries, build tools, testing 
frameworks, made good sense. 
Ray Cromwell
Nowadays 
● Plethora of languages compiling to js (..., python, C/C++, 
Ocaml, Haskel, ...) 
● Good and awesome js libraries & frameworks 
Closure 
Tools
Secondo noi 
● non tutte le applicazioni sono uguali 
● ed alle volte alcune richiedono strumenti inustitati
GWT-Boofcv 
GWT-Boofcv sample at: 
http://goo.gl/3IJQgs
DEMO 
http://picshare.jooink.com
Marker Based AR http://code.google.com/p/gwt-webgl/ 
http://picshare.jooink.com 
http://code.google.com/p/gwt-nyartoolkit/
Mobile (& tab) too
Come Funziona 
<video/> 
<canvas/> 
Ny 
HTTP 
http://code.google.com/p/gwt-nyartoolkit/
java → GWT 
Using Java libraries into the 
browser
JS → GWT 
Using js libraries with java
Deeper 
Deeper.
Thanks 
Alberto Mancini 
alberto@jooink.com 
Francesca Tosi 
francesca@jooink.com

Javascript as a target language - GWT kickoff - part1/2

  • 1.
    Javascript as atarget language: GWT Kickoff (Part 1/2) Alberto Mancini - Francesca Tosi alberto@jooink.com - francesca@jooink.com
  • 2.
    Alberto alberto@jooink.com http://github.com/jooink http://www.jooink.com http://jooink.blogspot.com
  • 3.
    Francesca francesca@jooink.com +FrancescaTosi @francescatosi http://github.com/jooink http://www.jooink.com http://jooink.blogspot.com
  • 4.
    GWT cos’è GoogleWeb Toolkit (GWT) is an open source Java software development kit that makes writing AJAX applications like Google Maps and Gmail easy for developers. http://www.gwtproject.org/
  • 5.
    GWT Stats OfficialGWT Report by Vaadin [2012] - https://vaadin.com/gwt-report-2012- portlet/download/1871870899/Future-of-GWT-Report-2012. pdf [2013] - (del 10/04/2014 → GWT in crescita) https://vaadin.com/documents/10187/42fbbec4-51c8-426b- 8aa8-fe46129353a3
  • 6.
    GWT Stats E’una delle librerie più utilizzate http://zeroturnaround.com/rebellabs/the-curious-coders- java-web-frameworks-comparison-spring-mvc- grails-vaadin-gwt-wicket-play-struts-and-jsf/
  • 7.
    GWT Stats Comeviene principalmente utilizzato
  • 8.
    GWT Stats Browser& platform support.
  • 9.
    GWT Stats GWTè molto usato in Europa
  • 10.
    GWT Stats GWT why i love it ;-)
  • 11.
    GWT Stats GWT the dark side
  • 12.
  • 13.
    GWT Stats asof Q4/2012 ● SDK downloaded over 1 million times ● 100,000+ Active Developers ● Deep Integration with Eclipse, IntelliJ, Spring STS/Roo ● Used by Google products such as AdWords, Flights, Wallet ● Fun things: GwtQuake, Angry Birds for the Web ● GWT Today is a mature, high quality, code base.
  • 14.
    ... not aFramework Frameworks that may help https://github.com/ArcBees/GWTP model-view-presenter framework http://www.jboss.org/errai CDI, and JPA for GWT http://www.tessell.org/ app framework (on gwt-pectin)
  • 15.
    Ecosystem Sencha’s GXT- http://www.sencha.com/products/gxt/ https://vaadin.com/gwt http://code.google.com/p/smartgwt/
  • 16.
  • 17.
    FOSS The GWTSteering committee was founded in 2012 to help the GWT project become an even bigger success as an open source project. ● Ray Cromwell, Google ● Artur Signell, Vaadin ● Colin Alworth, Sencha ● Mike Brock, RedHat ● Thomas Broyer ● Stephen Haberman, Bizo ● Daniel Kurka, Google ● Christian Goudreau, Arcbees ● Konstantin Solomatov, Jetbrains
  • 18.
    Evolving & Mature Rev. Improvements 2006 GWT 1.0 2007 GWT 1.3/GWT 1.4 First Open Source Release, OSX support / JUnit and ImageBundle 2008 GWT 1.5 Java 1.5 support, Overlay Types, DOM API, CSS Themes, Linkers 2009 GWT 1.6/GWT 1.7 GWT 2.0 EventHandlers, EMMA Support, WAR support, Parallelized Builds/Newer browser support, IE8, GPE and AppEngine/DevMode, DraftCompile, UIBinder, LayoutPanel, CodeSplitter, ClientBundle, CssResource 2010 GWT 2.1 RequestFactory, Editor Framework, Validation, MVP, Cell Widgets 2011 GWT 2.2/GWT 2.3 GWT 2.4 GWT Designer, HTML5 support/Better AppEngine integration/Maven and RequestFactory enhancements 2012 GWT 2.5 SuperDevMode, Elemental, UiRenderers, FragmentMerging, ClosureCompiler 2013 GWT 2.5.1 ….
  • 19.
  • 20.
  • 21.
    xché una codebasee tante 'incarnazioni' dell'applicazione.
  • 22.
    Born to be... Why GWT? The beginnings of rich internet applications started taking off in 2004-2005 with Gmail/Google Maps. jQuery didn't even exist yet. There was a vacuum for tools to build large scale web applications, and leveraging the already mature Java toolchain of IDEs, libraries, build tools, testing frameworks, made good sense. Ray Cromwell
  • 23.
    Nowadays ● Plethoraof languages compiling to js (..., python, C/C++, Ocaml, Haskel, ...) ● Good and awesome js libraries & frameworks Closure Tools
  • 24.
    Secondo noi ●non tutte le applicazioni sono uguali ● ed alle volte alcune richiedono strumenti inustitati
  • 25.
    GWT-Boofcv GWT-Boofcv sampleat: http://goo.gl/3IJQgs
  • 26.
  • 27.
    Marker Based ARhttp://code.google.com/p/gwt-webgl/ http://picshare.jooink.com http://code.google.com/p/gwt-nyartoolkit/
  • 28.
  • 29.
    Come Funziona <video/> <canvas/> Ny HTTP http://code.google.com/p/gwt-nyartoolkit/
  • 30.
    java → GWT Using Java libraries into the browser
  • 31.
    JS → GWT Using js libraries with java
  • 32.
  • 33.
    Thanks Alberto Mancini alberto@jooink.com Francesca Tosi francesca@jooink.com