HTML5 Apps 
GWT oriented 
Francesca Tosi - Alberto Mancini 
27 Settembre 2014 
Francesca Tosi 
francesca@jooink.com 
@francescatosi 
+FrancescaTosi 
Alberto Mancini 
alberto@jooink.com 
+AlbertoMancini
Alberto Mancini 
alberto@jooink.com 
http://github.com/jooink 
http://www.jooink.com 
http://jooink.blogspot.com 
Intel Software Innovator 
● Software Developer 
● Linux Sysadmin 
● DevOp.
Francesca tosi 
francesca@jooink.com 
http://github.com/jooink 
http://www.jooink.com 
http://jooink.blogspot.com 
Intel Software Innovator 
● Web and mobile dev 
● software engineer and 
architect
#HTML5 #Android 
Parlare di html5 in un 
ambiente con dev 
android … forse è 
meglio nascondersi 
o fare gli indifferenti!!
#html5 #Android 
Ma noi siamo impavidi … ;-) 
e vi presenteremo come 
poter sviluppare app 
Android (e non solo) via 
#MGWT
BTW … #GWtcon 
Spot pubblicitario
it just was’nt ready 
Si riferiva a FB su mobile che era web based 
e stava facendo la prima intervista 
“After the company’s continuous stock price 
drop” (ndr) 
http://mashable.com/2012/09/11/mark-zuckerberg-post-ipo-interview/
Fastbook 
fastbook, Sencha’s FB demo Client 
http://www.sencha.com/blog/the-making-of-fastbook-an-html5-love-story 
It's a technology demo that shows what developers can do with 
HTML5 if they take the right approach, and use the right frameworks 
and tools 
"... is really promising, but it is running 
in the “browser”. When you make an 
“installable” app, you can only use WebView, 
which is a second-class and slower browser."
Web-Apps ? 
● cached 
● offline capable 
● mobile-webapp-capable 
● homescreen-installed 
● hosted app 
● packaged app 
https://developers.google.com/chrome/apps/ 
https://developer.mozilla.org/en-US/Apps/Build/installable_apps 
secondo alcuni sono una liberazione dai marketplace (i.e. Google Play & AppStore) 
secondo alcuni tra l’altro alcune tecnologie vengono ritardate dai produttori per non perdere il potere che viene dai 
marketplace
NATIVE-LIKE-Apps 
essenzialmente una web-view (o il motore di un browser) che 
‘incartano’ una applicazione web 
installabili nel senso che le pubblicate su play !!! 
usano api che i browser si sognano 
possono essere estese con plugin nativi (SIMD.js su crosswalk)
Techs 
TEcnologie: 
● tante 
● in evoluzione
Techs 
in generale un programma e’ piu’ complicato di una 
pagina web e quindi sono indispensabili anche 
strumenti diversi
OPINIONATED - FRAMEWORKS 
…. ne nasce una nuova ogni giorno (http: 
//hood.ie/ ad esempio)
Fast ... 
… targeted alla velocita’ 
(non del prodotto, del 
tempo di sviluppo) 
dal sito di Hoodie 
Very fast app development 
“to build complete web apps 
in days..“
Bug-Fix & Dev Time 
1:1 ? 
molti framework hanno 
piattaforme di testing … 
e la questione si complica
Bug-Fix & Dev Time 
ridurre il tempo di sviluppo 
(acriticamente) 
riduce il tempo 
di testing & Bug Fixing ?
Java compiled into JS 
… a statically typed language 
does … 
… a Compiler DOES … 
(biased opinions)
Java compiled into JS 
● se siete programmatori java 
● se il vostro progetto diventa grosso 
(in termini di codice) 
● se immaginate di dover mantenere il 
codice per lungo tempo 
● se il vostro programma non deve 
essere identico ad uno degli esempi 
dei framework
#GWT #mgwt 
Java to Javascript compiler 
Emulated JRE 
Widgets 
Deferred Binding 
Multiple Browsers 
Compiled Resources 
...
Perchè 
una codebase e tante 
'incarnazioni' dell'applicazione.
DEMO 
https://github.com/mgwt/mgwt 
(older, suppoRts gecko based 
browesers) 
https://github.com/jooink/mgwt
pischsare 
demo 
http://picshare.jooink.com
Thanks!!! 
Francesca Tosi 
francesca@jooink.com 
Alberto Mancini 
alberto@jooink.com 
github.com/jooink/ 
www.jooink.com 
jooink.blogspot.com

Html5 apps - GWT oriented

  • 1.
    HTML5 Apps GWToriented Francesca Tosi - Alberto Mancini 27 Settembre 2014 Francesca Tosi francesca@jooink.com @francescatosi +FrancescaTosi Alberto Mancini alberto@jooink.com +AlbertoMancini
  • 2.
    Alberto Mancini alberto@jooink.com http://github.com/jooink http://www.jooink.com http://jooink.blogspot.com Intel Software Innovator ● Software Developer ● Linux Sysadmin ● DevOp.
  • 3.
    Francesca tosi francesca@jooink.com http://github.com/jooink http://www.jooink.com http://jooink.blogspot.com Intel Software Innovator ● Web and mobile dev ● software engineer and architect
  • 4.
    #HTML5 #Android Parlaredi html5 in un ambiente con dev android … forse è meglio nascondersi o fare gli indifferenti!!
  • 5.
    #html5 #Android Manoi siamo impavidi … ;-) e vi presenteremo come poter sviluppare app Android (e non solo) via #MGWT
  • 6.
    BTW … #GWtcon Spot pubblicitario
  • 7.
    it just was’ntready Si riferiva a FB su mobile che era web based e stava facendo la prima intervista “After the company’s continuous stock price drop” (ndr) http://mashable.com/2012/09/11/mark-zuckerberg-post-ipo-interview/
  • 8.
    Fastbook fastbook, Sencha’sFB demo Client http://www.sencha.com/blog/the-making-of-fastbook-an-html5-love-story It's a technology demo that shows what developers can do with HTML5 if they take the right approach, and use the right frameworks and tools "... is really promising, but it is running in the “browser”. When you make an “installable” app, you can only use WebView, which is a second-class and slower browser."
  • 9.
    Web-Apps ? ●cached ● offline capable ● mobile-webapp-capable ● homescreen-installed ● hosted app ● packaged app https://developers.google.com/chrome/apps/ https://developer.mozilla.org/en-US/Apps/Build/installable_apps secondo alcuni sono una liberazione dai marketplace (i.e. Google Play & AppStore) secondo alcuni tra l’altro alcune tecnologie vengono ritardate dai produttori per non perdere il potere che viene dai marketplace
  • 10.
    NATIVE-LIKE-Apps essenzialmente unaweb-view (o il motore di un browser) che ‘incartano’ una applicazione web installabili nel senso che le pubblicate su play !!! usano api che i browser si sognano possono essere estese con plugin nativi (SIMD.js su crosswalk)
  • 11.
    Techs TEcnologie: ●tante ● in evoluzione
  • 12.
    Techs in generaleun programma e’ piu’ complicato di una pagina web e quindi sono indispensabili anche strumenti diversi
  • 13.
    OPINIONATED - FRAMEWORKS …. ne nasce una nuova ogni giorno (http: //hood.ie/ ad esempio)
  • 14.
    Fast ... …targeted alla velocita’ (non del prodotto, del tempo di sviluppo) dal sito di Hoodie Very fast app development “to build complete web apps in days..“
  • 15.
    Bug-Fix & DevTime 1:1 ? molti framework hanno piattaforme di testing … e la questione si complica
  • 16.
    Bug-Fix & DevTime ridurre il tempo di sviluppo (acriticamente) riduce il tempo di testing & Bug Fixing ?
  • 17.
    Java compiled intoJS … a statically typed language does … … a Compiler DOES … (biased opinions)
  • 18.
    Java compiled intoJS ● se siete programmatori java ● se il vostro progetto diventa grosso (in termini di codice) ● se immaginate di dover mantenere il codice per lungo tempo ● se il vostro programma non deve essere identico ad uno degli esempi dei framework
  • 19.
    #GWT #mgwt Javato Javascript compiler Emulated JRE Widgets Deferred Binding Multiple Browsers Compiled Resources ...
  • 20.
    Perchè una codebasee tante 'incarnazioni' dell'applicazione.
  • 21.
    DEMO https://github.com/mgwt/mgwt (older,suppoRts gecko based browesers) https://github.com/jooink/mgwt
  • 22.
  • 23.
    Thanks!!! Francesca Tosi francesca@jooink.com Alberto Mancini alberto@jooink.com github.com/jooink/ www.jooink.com jooink.blogspot.com