You've heard all the terms, mobile web, hybrid app, HTML5, REST, etc... Maybe you've even played around with them a bit, but how do they all fit together? We're going to discuss all of that, and how it is encompassed in the Plain Old HTML5 (POH5) architecture! The sample application will go from nothing, to a cloud based mobile web and Apache Callback application, all in 60 minutes!

1. The
Gear
you
need
to
go
mobile
with
Java
Enterprise
philipp.kumar@akquinet.de
heinz.wilming@akquinet.de

2. Presenta:on
from
Jay
Balunas
Jay
§ JBoss
Core
Developer
at
RedHat
§ Project
lead
Aerogear
§ Asked
us
to
give
this
presentaJon
Copyright
©
2010
–
akquinet
AG
21.04.12
2

3. Who
we
are
Philipp
Kumar
philipp.kumar@akquinet.de
Mobile
Competence
Center
Heinz
Wilming
heinz.wilming@akquinet.de
JBoss
Competence
Center
Copyright
©
2010
–
akquinet
AG
21.04.12
3

4. akquinet
AG
idualprojekte
Indiv
en Mo
ng bil
du e
en
An
nw
we
Geschäftsa
ndun
User
gen
Experience
(UX)
In n
no ie
va t
ive Techno log
B eratu n g
Copyright
©
2010
–
akquinet
AG
21.04.12
4

5. Mobile
Applica:ons
Mobile
Web
Na:ve
Shell
Na:ve
Shell
Na:ve
App
Copyright
©
2010
–
akquinet
AG
21.04.12
5

6. Mobile
Web
Copyright
©
2010
–
akquinet
AG
21.04.12
6

7. JSF
and
Richfaces
JSF
§ Does
not
target
mobile
web
§ Extension
needed
to
fill
the
gap
Richfaces
mobile
+
extension
§ Mobile
skin
§ Device
DetecJon
§ NaJve
feeling
transiJon
§ Back
buVon
support
§ OpJmized
CSS
/
JS
resources
Copyright
©
2010
–
akquinet
AG
21.04.12
7

8. Plain
Old
HTML5
W3C
suite
of
specifica:ons
§ HTML5
§ Tags
§ Set
of
APIs:
WebSockets,
…
§ CSS3
§ JavaScript
Copyright
©
2010
–
akquinet
AG
21.04.12
8

9. ResRul
architecture
§ Based
on
HTTP
standards
§ Resources
(URI)
§ RepresentaJon
§ Meaningful
response
codes
Copyright
©
2010
–
akquinet
AG
21.04.12
9

10. ¡ Text
¡ Text
Let‘s
start
building
an
app!
Copyright
©
2010
–
akquinet
AG
21.04.12
10

11. OpenShiU
http://poh5-akquinet.rhcloud.com/
Copyright
©
2010
–
akquinet
AG
21.04.12
11

12. Get
started
today!
mvn archetype:generate
-DarchetypeArtifactId=jboss-html5-mobile-archetype
-DarchetypeGroupId=org.jboss.aerogear.archetypes
-DarchetypeVersion=1.0.0.M2c
Copyright
©
2010
–
akquinet
AG
21.04.12
12

13. Deploy
your
App
into
the
cloud
Copyright
©
2010
–
akquinet
AG
21.04.12
13

14. Links
hWp://blog.akquinet.de/
hWp://www.jboss.org/aerogear/
hWp://www.jboss.org/tools
hWps://openshiU.redhat.com/
Copyright
©
2010
–
akquinet
AG
21.04.12
14

15. Thank
you
for
your
aVenJon!
QA