Downloaded 121 times
Uploaded byChristian Rokitta
"Native" Apps with APEX and PhoneGap
This document discusses building native mobile apps using Oracle Application Express (APEX) and web technologies. It describes using PhoneGap to wrap an APEX web app into a native mobile application, allowing it to access device APIs. The document outlines getting started with PhoneGap, integrating it with APEX, domain whitelisting requirements, and the PhoneGap API. It compares building native apps versus mobile web apps, and argues PhoneGap allows developing once for multiple platforms using HTML5, CSS, and JavaScript.
More Related Content
Similar to "Native" Apps with APEX and PhoneGap
"Native" Apps with APEX and PhoneGap
- 1. #Kscope Creating a “native”App with Oracle Application Express Christian Rokitta www.themes4apex.com
- 2. About Me 17 years17 years 2 years 3 months
- 3.
- 4.
- 5.
- 6. Top Places ToLoose Your Phone 6
- 7. Usage Web vsApps 7
- 8. Smartphone OS MarketShare 8
- 9. Web Versus Native Native: •An application specifically designed to run on a device’s operating system and machine firmware • It typically needs to be adapted/adjusted for different devices Web: • An application in which all or some parts of the software are downloaded from the Web each time it is run • It can usually be accessed from all web-capable mobile devices
- 10. Pros and Cons NativeBenefits • Performance • Seamless User Interface • Seamless Installation • Distribution • Improved Brand Web Benefits • Interoperability and Vendor Independence • Streamlined Maintenance and Upgrade Path • Shorter Time-to-Market • Leverige Existing Skills
- 11. Native Web App?Hybride!
- 12. Building Apps with HTML,CSS and Javascript SQL & PL/SQLSQL & PL/SQL
- 13. Using APEX &jQuery Mobile • Integrated in 4.2 • HTML5-based user interface • Supports all popular mobile device platforms • Easy to learn, mark-up based system
- 14.
- 16. Why PhoneGap? Mobile developmentis a mess. Building applications for each device (iPhone, Android, Windows Mobile ...) requires different frameworks and languages. Build your app once with web-standards, based on HTML5, PhoneGap leverages web technologies developers already know best... HTML and JavaScript. 16
- 17. PhoneGap Build your apponce with web-standards Wrap it with PhoneGap Get access to native APIs Deploy to multiple platforms
- 18. app = webview+ PhoneGap framework 18
- 19. Getting Started withPhoneGap • Install Eclipse • Install Android/iOS SDK • Set up Project o New Eclipse Project o Copy PhoneGap libs/js/xml o Edit java/xml/html files • Deploy to Simulator • Deploy to Device JSJS HTMLHTML http://www.phonegap.com
- 20. Integrating PhoneGap andAPEX 1. Index.html -> APEX page redirect (JavaScript onLoad!?) 2. Add PhoneGap JS library in APEX Page Template Mobile enabled Template (jQM)
- 21. <!DOCTYPE HTML> <html> <head> <title>FifApex</title> <script ...src="cordova-1.8.0.js"></script> <script type="text/javascript" charset="utf-8"> // Call onDeviceReady when PhoneGap is loaded. // document.addEventListener("deviceready", onDeviceReady, false); // PhoneGap is loaded and it is now safe to make calls PhoneGap methods // function onDeviceReady() { window.location.href='http://m.fifapex.net/apex/f?p=2013:1'; } </script> </head> <body> <h1>loading ...</h1> </body> </html> Redirect (Android)
- 22. Domain Whitelist • Domainwhitelisting is a security model that controls access to outside domains. • The default security policy is to block all network access. • The application developer can then delcare access to specific network domains and subdomains. 22
- 23. Whitelisting Platform Dependent •Android has full support for the whitelisting syntax. The whitelisting rules are found in res/xml/cordova.xml and declared with the element <access origin="..." /> • Windows Phone: whitelisting unsupported By default, all domains are accessible. • iOS : Domain protocols are not supported e.g. http:// and https://; Wildcards on iOS (*) are more flexible Xcode: it is found at AppName/Supporting Files/Cordova.plist, Add a new String value under the ExternalHosts key 23
- 24.
- 25. hybrid : “almost”native 25 no JS background execution! native plug-in
- 26.
- 27.
- 28. 1 license RedGate Deployment Suite for Oracle 28 FifFifAPEXAPEX
- 29. Contact Information Blog: http://rokitta.blogspot.com LinkedIn:http://nl.linkedin.com/in/rokit Website: http://www.rokit.nl themes4apex: http://www.themes4apex.nl FifApex: http://m.fifapex.net Twitter: @crokitta Email: christian@rokitta.nl
Editor's Notes
- #2 This is your opening slide.