Going hybrid with Oracle Application Express

•

4 gefällt mir•5,247 views

The document discusses how to build a hybrid mobile application using Oracle Application Express (APEX) and the Cordova framework. It provides steps on creating an APEX application, embedding it within a Cordova application, and enabling access to device functionality like contacts through Cordova plugins. The document demonstrates how to load, download and sync contacts between the APEX database and the device's contacts using REST APIs and JavaScript.

Technologie

The best of both worlds
Going hybrid with Oracle Application Express

Copyright © 2013 Apex Evangelists

Web Vs Native

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

Web And Native

+

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

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

$ cd contactsync
$ cordova platform add ios

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

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

$ 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’
]

Reference the JavaScript ﬁle in the APEX app

Load iPhone Contacts into your APEX application

Download Database Contacts to your iPhone Contacts

Upload iPhone Contacts to your Database Contacts

JavaScript
JavaScript

REST -> PL/SQL

REST -> JSON

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

- HTML!
- CSS!
- JavaScript!
!
!

Try this at home !!

Q A
&

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

!

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

Weitere ähnliche Inhalte

Was ist angesagt?

Ionic in 30Ionic Framework

Introduction to VoiceXml and Voice Web ArchitecturePaul Nguyen

Firebase slideApaichon Punopas

VuexAsaquzzaman Mishu

Building MAUI UI in C#.pptxBrandon Minnick, MBA

Selenium interview questions and answerskavinilavuG

.Net Core - not your daddy's dotnetRick van den Bosch

CQRS recipes or how to cook your architectureThomas Jaskula

Can You Do That with APEX? Building Not So Straightforward PagesDimitri Gielis

Flux architectureBoyan Mihaylov

SOLID Principles and The Clean ArchitectureMohamed Galal

FEVR - Micro FrontendMiki Lombardi

FULL stack -> MEAN stackAshok Raj

以 Laravel 經驗開發 Hyperf 應用Shengyou Fan

Reactjs Neha Sharma

Building mobile app with Ionic FrameworkHuy Trần

Flutter festival - Write your first Flutter applicationApoorv Pandey

Laravel overviewObinna Akunne

Build web applications using google flutterAhmed Abu Eldahab

Pune Flutter Presents - Flutter 101Arif Amirani

Was ist angesagt? (20)

Ionic in 30

Introduction to VoiceXml and Voice Web Architecture

Firebase slide

Vuex

Building MAUI UI in C#.pptx

Selenium interview questions and answers

.Net Core - not your daddy's dotnet

CQRS recipes or how to cook your architecture

Can You Do That with APEX? Building Not So Straightforward Pages

Flux architecture

SOLID Principles and The Clean Architecture

FEVR - Micro Frontend

FULL stack -> MEAN stack

以 Laravel 經驗開發 Hyperf 應用

Reactjs

Building mobile app with Ionic Framework

Flutter festival - Write your first Flutter application

Laravel overview

Build web applications using google flutter

Pune Flutter Presents - Flutter 101

Andere mochten auch

Developing Mobile Applications for iOS and Android the Oracle wayToronto-Oracle-Users-Group

APEX Behind the Scenes by Scott SpendoliniEnkitec

Ten Tiny Things To Try Today - Hidden APEX5 Gems RevealedRoel Hartman

Oracle APEX & PhoneGapChristian Rokitta

WebXpress 3PL ManagementWebXpress.IN

Developing A Real World Logistic Application With Oracle Application - UKOUG ...Roel Hartman

APEX printing with BI PublisherRoel Hartman

APEX Developers : Do More With LESS !Roel Hartman

Troubleshooting APEX Performance IssuesRoel Hartman

Automated testing APEX ApplicationsRoel Hartman

My Top 5 APEX JavaScript API'sRoel Hartman

Cordova / PhoneGap, mobile apps development with HTML5/JS/CSSGabriel Huecas

MT AG Rapid Application Development mit APEX 5 (Important: latest version on ...Niels de Bruijn

Mastering universal themeRoel Hartman

Andere mochten auch (14)

Developing Mobile Applications for iOS and Android the Oracle way

APEX Behind the Scenes by Scott Spendolini

Ten Tiny Things To Try Today - Hidden APEX5 Gems Revealed

Oracle APEX & PhoneGap

WebXpress 3PL Management

Developing A Real World Logistic Application With Oracle Application - UKOUG ...

APEX printing with BI Publisher

APEX Developers : Do More With LESS !

Troubleshooting APEX Performance Issues

Automated testing APEX Applications

My Top 5 APEX JavaScript API's

Cordova / PhoneGap, mobile apps development with HTML5/JS/CSS

MT AG Rapid Application Development mit APEX 5 (Important: latest version on ...

Mastering universal theme

Ähnlich wie Going hybrid with Oracle Application Express

An overview of IonicCynoteck Technology Solutions Private Limited

adaptTo() 2014 - Mobile app dev with Cordova, Sling, and AEMrbl002

Cordova 101Rob Dudley

Hybrid app development frameworksSquash Apps Pvt Ltd

Workshop Ionic Framework - CC FE & UXJWORKS powered by Ordina

Ship python apps with docker!Rasheed Waraich

Cross Platform Mobile Apps with the Ionic FrameworkTroy Miles

Workshop on Hybrid App Development with Ionic FrameworkAayush Shrestha

Silicon Valley Code Camp 2019 - Reaching the Cloud Native WorldChris Bailey

Tutorial: Develop Mobile Applications with AngularJSPhilipp Burgmer

MoSync Cross Platform mobile app developmentUday Kothari

Ionic2 First Lesson of FourAhmed Mahmoud Kesha

[Devoxx Morocco 2015] Apache Cordova In ActionHazem Saleh

Developing Native Mobile Apps Using JavaScript, ApacheCon NA 2014Hazem Saleh

Cocoapods and Most common used library in SwiftWan Muzaffar Wan Hashim

iOS App Using cordovaMitosis Technology

Expo - Zero to App.pptx😎 Anthony Kariuki

Containerizing a REST API and Deploying to KubernetesAshley Roach

Introduction to Apache Cordova (Phonegap)ejlp12

App開發 - Web Developer的逆襲益祥許

Ähnlich wie Going hybrid with Oracle Application Express (20)

An overview of Ionic

adaptTo() 2014 - Mobile app dev with Cordova, Sling, and AEM

Cordova 101

Hybrid app development frameworks

Workshop Ionic Framework - CC FE & UX

Ship python apps with docker!

Cross Platform Mobile Apps with the Ionic Framework

Workshop on Hybrid App Development with Ionic Framework

Silicon Valley Code Camp 2019 - Reaching the Cloud Native World

Tutorial: Develop Mobile Applications with AngularJS

MoSync Cross Platform mobile app development

Ionic2 First Lesson of Four

[Devoxx Morocco 2015] Apache Cordova In Action

Developing Native Mobile Apps Using JavaScript, ApacheCon NA 2014

Cocoapods and Most common used library in Swift

iOS App Using cordova

Expo - Zero to App.pptx

Containerizing a REST API and Deploying to Kubernetes

Introduction to Apache Cordova (Phonegap)

App開發 - Web Developer的逆襲

Mehr von Roel Hartman

Wizard of ORDSRoel Hartman

APEX Bad PracticesRoel Hartman

Tweaking the interactive gridRoel Hartman

Docker for DummiesRoel Hartman

A deep dive into APEX JET chartsRoel Hartman

5 Cool Things you can do with HTML5 and APEXRoel Hartman

Striving for Perfection: The Ultimate APEX Application ArchitectureRoel Hartman

XFILES, the APEX 4 version - The truth is in thereRoel Hartman

Done in 60 seconds - Creating Web 2.0 applications made easyRoel Hartman

Tales from a Parallel Universe: Using Oracle 11gR2's Edition Based Redefiniti...Roel Hartman

Creating sub zero dashboard plugin for apex with googleRoel Hartman

Integration of APEX and Oracle FormsRoel Hartman

Mehr von Roel Hartman (12)

Wizard of ORDS

APEX Bad Practices

Tweaking the interactive grid

Docker for Dummies

A deep dive into APEX JET charts

5 Cool Things you can do with HTML5 and APEX

Striving for Perfection: The Ultimate APEX Application Architecture

XFILES, the APEX 4 version - The truth is in there

Done in 60 seconds - Creating Web 2.0 applications made easy

Tales from a Parallel Universe: Using Oracle 11gR2's Edition Based Redefiniti...

Creating sub zero dashboard plugin for apex with google

Integration of APEX and Oracle Forms

Kürzlich hochgeladen

Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructureitnewsafrica

React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech

Top 10 Hubspot Development Companies in 2024TopCSSGallery

Glenn Lazarus- Why Your Observability Strategy Needs Security Observabilityitnewsafrica

MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesManik S Magar

QCon London: Mastering long-running processes in modern architecturesBernd Ruecker

TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc

A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3

Time Series Foundation Models - current state and future directionsNathaniel Shimoni

Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA

Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen

The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney

Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda

TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey

How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes

Data governance with Unity Catalog PresentationKnoldus Inc.

The State of Passkeys with FIDO Alliance.pptxLoriGlavin3

Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765

Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein

How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe

Kürzlich hochgeladen (20)

Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure

React Native vs Ionic - The Best Mobile App Framework

Top 10 Hubspot Development Companies in 2024

Glenn Lazarus- Why Your Observability Strategy Needs Security Observability

MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes

QCon London: Mastering long-running processes in modern architectures

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy

A Deep Dive on Passkeys: FIDO Paris Seminar.pptx

Time Series Foundation Models - current state and future directions

Long journey of Ruby standard library at RubyConf AU 2024

Testing tools and AI - ideas what to try with some tool examples

The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...

Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger

TeamStation AI System Report LATAM IT Salaries 2024

How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes

Data governance with Unity Catalog Presentation

The State of Passkeys with FIDO Alliance.pptx

Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration

Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24

How AI, OpenAI, and ChatGPT impact business and software.

Going hybrid with Oracle Application Express

8. #WORKSPACE_IMAGES#ireland.css

10.

11. Install Cordova

12. $ sudo npm install -g cordova

13. Create ContactSync app

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

15. Add platform(s)

16. $ cd contactsync $ cordova platform add ios

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

18. Build and run

19. $ cordova build ios

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

21. Ok ... switch over to Xcode

22.

23.

24. Run our (empty) app

25.

26. Quick look at the APEX app

27. Embed the APEX app

28.

29. Run the APEX app as a native app

30.

31. Add plugins to the project

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

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

34. Copy plugins to the web server

35.

36. Reference the JavaScript ﬁle in the APEX app

37.

38. Show device info in the APEX app

39. 2 3 1

40.

41. Load iPhone Contacts into your APEX application

42.

43. 1 2

44.