Html5 apps - GWT oriented

HTML5 AppsGWT oriented

Francesca Tosi - Alberto Mancini27 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 compilerEmulated JREWidgets

Deferred BindingMultiple BrowsersCompiled 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 Tosifrancesca@jooink.com

Alberto Mancinialberto@jooink.com

github.com/jooink/

www.jooink.com

jooink.blogspot.com