hybrid apps: rocket fast app development05 november 2015 @ hippo connect 2015

bart waardenburgconsultant & enthousiast

consultant @ Incentrofront-end developer @ ANWB

believer of hipposcared of javahybrid app enthousiast

agenda01 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

hybrid appsthe ground rules

web usage by device type

2007 2008 2009 2010 2011 2012 2013 2014 20150

200

400

600

800

1000

1200

1400

1600

1800

2000

number of global users (millions)

desktopmobile

source: Morgan Stanley Research (2015)

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)

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)

hybrid apps to the rescue

one set of componentsone programming language

multiple appscentralized business logic

fast development

push new features up to twice as fast

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

hybrid apps: the good parts

ads manager app by Facebook build with react native

hybrid apps: the good parts

Sworkit fitness app build with ionic

hybrid apps: the good parts

Uber app has hybrid parts

Instagram app has hybrid parts

Yelp app has hybrid parts

hybrid apps: the dangers

Rabobank app build with cordova

hippohow to power your app

where hippo plays its role

hippo separates information and

presentationhippo enables reuse of content across multiple

channels

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

demotalk the talk walk the walk

Ionic is the beautiful, open source front-end SDK for developing hybrid mobile

apps with web technologies

+ share code between website and mobile

apps + written in HTML, javascript and CSS+ powered by AngularJS

+ open source

- may suffer in performance

- access to native functionalities may be

hard

React Native enables you to build world-class application experiences on native platforms using a consistent developer

experience based on JavaScript

+ cross platform native apps

+ open source

+ fantastic performance

+ facebook is committed+ powered by React

- just a few months old - new framework that

needs to be learned

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