Best of both worlds: Create hybrid mobile applications with Oracle Application Express

Copyright © 2013 Apex Evangelists

The best of both worldsGoing hybrid with Oracle Application Express

Copyright © 2013 Apex Evangelists http://apex-evangelists.com

Web Vs Native

Copyright © 2013 Apex Evangelists http://apex-evangelists.com

Web And Native

+ =

#WORKSPACE_IMAGES#ireland.css

Install Cordova

$ sudo npm install -g cordova

Create ContactSync app

$ cordova create contactsync - com.apex-evangelists.contactsync - ContactSync

Add platform(s)

$ cd contactsync $ cordova platform add ios

$ cordova platform ls Installed platforms: ios 3.1.0 Available platforms: android, blackberry10, firefoxos

Build and run

$ cordova build ios

$ cordova emulate ios[TypeError: Arguments to path-join must be strings]

Ok ... switch over to Xcode

Run our (empty) app

Quick look at the APEX app

Embed the APEX app

Run the APEX app as a native app

Add plugins to the project

$ cordova plugin add - org.apache.cordova.device $ $ cordova plugin add - org.apache.cordova.network-information $ $ cordova plugin add - org.apache.cordova.contacts $

$ cordova plugin list [ ‘org.apache.corodova.contacts’, ‘org.apache.corodova.device’, ‘org.apache.corodova.network-information’ ]

Copy plugins to the web server

Reference the JavaScript file in the APEX app

Show device info in the APEX app

1

2

3

Load iPhone Contacts into your APEX application

1

2

Download Database Contacts to your iPhone Contacts

1

2

1

2

1

2

Upload iPhone Contacts to your Database Contacts

1

2

1

2

Full native integration

JavaScript

JavaScript REST -> PL/SQL

REST -> JSON

So, what do you need to build a native app …!!

- HTML!- CSS!- JavaScript!!

!

Try this at home !!

Copyright © 2013 Apex Evangelists http://apex-evangelists.com

Q & A

!

roel@apex-evangelists.com http://apex-evangelists.com