The document discusses hybrid mobile apps and how they can provide faster development times than native apps. It notes that hybrid apps use web technologies like HTML, CSS, and JavaScript to create apps that run on multiple platforms. The document highlights frameworks like Ionic and React Native that help develop hybrid apps and allow sharing of code between websites and mobile apps. It also discusses how a content management system like Hippo can provide REST APIs and content to power hybrid apps. An example demo is then shown of building a hybrid app with Ionic.

1. hybrid apps: rocket fast app development
05 november 2015 @ hippo connect 2015

2. bart waardenburg
consultant & enthousiast
consultant @ Incentro
front-end developer @ ANWB
believer of hippo
scared of java
hybrid app enthousiast

3. agenda
01 hybrid apps: the ground rules time (minutes) 10
02 hippo: how to power your app time (minutes) 5
03 demo: talk the talk walk the walk time (minutes) 10

4. hybrid apps
the ground rules

5. web usage by device type
2007 2008 2009 2010 2011 2012 2013 2014 2015
0
200
400
600
800
1000
1200
1400
1600
1800
2000
number of global users (millions)
desktop
mobile
source: Morgan Stanley Research (2015)

6. app usage
85% of people prefer
apps to mobile websites
89%
11%
percent of mobile media time spend
apps mobile web
average time spend on
apps is increased by
21% over the last year source: Nielsen (2014)
source: Compuware (2013)
source: Localistics (2014)

7. app development disadvantages
it takes 18 weeks on
avarage to develop a
mobile app
it takes 12 weeks to
build a Boeing 777
airplane
for enterprises you can
at least double that
if you want to develop
for the majority you have
to do it at least twice
source: Kinvey & AYTM (2013)
source: Boeing (2012)

8. hybrid apps to the rescue
one set of components
one programming language
multiple apps
centralized business logic

9. fast
development
push new
features up to
twice as fast

10. where you can see them
the tools have only
recently matured
ionic framework hit
version 1.0 in may 2015
react native for iOS was
released in march 2015
react native for Android
in september 2015

11. hybrid apps: the good
parts
ads manager app by
Facebook build with react
native

12. hybrid apps: the good
parts
Sworkit fitness app
build with ionic

13. hybrid apps: the good
parts
Uber app has hybrid
parts
Instagram app has
hybrid parts
Yelp app has hybrid
parts

14. hybrid apps: the dangers
Rabobank app build
with cordova

15. hippo
how to power your app

16. where hippo plays its role
hippo separates
information and
presentation
hippo enables reuse of
content across multiple
channels

17. what do we need from hippo
a RESTful API to provide
us with the data
onehippo.org/labs has an
excellent guide how to set it up
hippo even provides a
Rest Service Setup tool

18. demo
talk the talk walk the walk

19. Ionic is the beautiful, open source front-
end SDK for developing hybrid mobile
apps with web technologies

20. + share code between
website and mobile apps
+ written in HTML,
javascript and CSS+ powered by AngularJS
+ open source

21. - may suffer in
performance
- access to native
functionalities may be
hard

22. React Native enables you to build world-
class application experiences on native
platforms using a consistent developer
experience based on JavaScript

23. + cross platform
native apps
+ open source
+ fantastic
performance
+ facebook is
committed+ powered by React

24. - just a few months old
- new framework that
needs to be learned

25. questions? contact me!
https://www.linkedin.com/in/bartwaardenburg