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

3,118 views

Published on

Create next-to-native mobile applications using Oracle Application Express and Cordova (or Phonegap).

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,118
On SlideShare
0
From Embeds
0
Number of Embeds
169
Actions
Shares
0
Downloads
69
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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

  1. 1. The best of both worlds Going hybrid with Oracle Application Express Copyright © 2013 Apex Evangelists
  2. 2. Web Vs Native Copyright © 2013 Apex Evangelists http://apex-evangelists.com
  3. 3. Web And Native + = Copyright © 2013 Apex Evangelists http://apex-evangelists.com
  4. 4. #WORKSPACE_IMAGES#ireland.css
  5. 5. Install Cordova
  6. 6. $ sudo npm install -g cordova
  7. 7. Create ContactSync app
  8. 8. $ cordova create contactsync com.apex-evangelists.contactsync ContactSync
  9. 9. Add platform(s)
  10. 10. $ cd contactsync $ cordova platform add ios
  11. 11. $ cordova platform ls Installed platforms: ios 3.1.0 Available platforms: android, blackberry10, firefoxos
  12. 12. Build and run
  13. 13. $ cordova build ios
  14. 14. $ cordova emulate ios [TypeError: Arguments to path-join must be strings]
  15. 15. Ok ... switch over to Xcode
  16. 16. Run our (empty) app
  17. 17. Quick look at the APEX app
  18. 18. Embed the APEX app
  19. 19. Run the APEX app as a native app
  20. 20. Add plugins to the project
  21. 21. $ cordova plugin add org.apache.cordova.device $ $ cordova plugin add org.apache.cordova.network-information $ $ cordova plugin add org.apache.cordova.contacts $
  22. 22. $ cordova plugin list [ ‘org.apache.corodova.contacts’, ‘org.apache.corodova.device’, ‘org.apache.corodova.network-information’ ]
  23. 23. Copy plugins to the web server
  24. 24. Reference the JavaScript file in the APEX app
  25. 25. Show device info in the APEX app
  26. 26. 2 3 1
  27. 27. Load iPhone Contacts into your APEX application
  28. 28. 1 2
  29. 29. Download Database Contacts to your iPhone Contacts
  30. 30. 1 2
  31. 31. 1 2
  32. 32. 1 2
  33. 33. Upload iPhone Contacts to your Database Contacts
  34. 34. 1
  35. 35. 2
  36. 36. 1 2
  37. 37. Full native integration
  38. 38. JavaScript JavaScript REST -> PL/SQL REST -> JSON
  39. 39. So, what do you need to build a native app …! ! - HTML! - CSS! - JavaScript! ! ! Try this at home !!
  40. 40. Q A & Copyright © 2013 Apex Evangelists http://apex-evangelists.com
  41. 41. ! roel@apex-evangelists.com http://apex-evangelists.com

×