ADF Mobile with JQuery Mobile
By Jeff Davies-Oracle on Apr 21, 2014
Using JQuery Mobile inside of an ADF Mobile application is a snap![Read More]
Monday Apr 21, 2014
Friday Apr 11, 2014
ADF Mobile - In the Dojo!
By Jeff Davies-Oracle on Apr 11, 2014
The other day I heard someone say that Mobile Suite couldn’t do Dojo. This didn’t make sense to me since Dojo is a HTML5 technology and Mobile Suite supports HTML5 natively. So I thought I put together a small proof-of-concept project to show how easy it is to create a Dojo project in a local HTML page.
I began by creating a new ADF Mobile project in JDeveloper. Then I added a single Local HTML feature to the admf-features.xml file (in the View Controller/Application Sources/META-INF folder).
After that is defined, I open the dojoExample.html file that I created when I added the Local HTML feature and replace the default HTML with the following:
<!DOCTYPE html>
<!--
ADF Mobile Dojo tutorial | Part I
-->
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<title>Dojo ADF Mobile tutorial</title>
<!-- application stylesheet will go here -->
<!-- dynamically apply native visual theme according to the browser user agent -->
<script type="text/freezescript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dojox/mobile/deviceTheme.js"></script>
<!-- dojo configuration options -->
<script type="text/freezescript">
dojoConfig = {
async: true,
parseOnLoad: false
};
</script>
<!-- dojo bootstrap -->
<script type="text/freezescript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dojo/dojo.js"></script>
<!-- dojo application code -->
<script type="text/freezescript">
require([
"dojox/mobile/parser",
"dojox/mobile/compat",
"dojo/domReady!",
"dojox/mobile/View",
"dojox/mobile/Heading",
"dojox/mobile/RoundRectList",
"dojox/mobile/ListItem",
"dojox/mobile/Switch"
], function (parser) {
// now parse the page for widgets
parser.parse();
});
</script>
</head>
<body style="visibility:hidden;">
<!-- the view or "page"; select it as the "home" screen -->
<div id="settings" data-dojo-type="dojox/mobile/View" data-dojo-props="selected:true">
<!-- a sample heading -->
<h1 data-dojo-type="dojox/mobile/Heading">ADF Mobile Dojo!</h1>
<!-- a rounded rectangle list container -->
<ul data-dojo-type="dojox/mobile/RoundRectList">
<!-- list item with an icon containing a switch -->
<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props="icon: 'images/ic-Airline-red48.png'">Airplane Mode
<!-- the switch -->
<div data-dojo-type="dojox/mobile/Switch"></div>
</li>
<!-- list item with an icon that slides this view away and then loads another page -->
<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props="icon: 'images/ic_wireless.png', rightText:'mac'">Wi-Fi</li>
<!-- list item with an icon that slides to a view called "general" -->
<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props="icon: 'images/ic_crm.png', rightText:'AcmePhone'">Carrier</li>
</ul>
</div>
</body>
</html>
Now compile and deploy to the emulator or device of your choice as usual. The result is exactly what you would expect:
As you can see it is pretty straight-forward. In my next installment I'll be showing you how to call ADF Mobile interfaces from within the Dojo page.
Wednesday Mar 19, 2014
Re-Enabling USB Debugging in Android 4.3
By Jeff Davies-Oracle on Mar 19, 2014
Having trouble deploying to your Android device after the recent upgrade to Android 4.3? I have the answer for you![Read More]
Thursday Mar 13, 2014
Oracle ADF Mobile Patch 6 Released - Speeding Up Android Apps
By Shay Shmeltzer on Mar 13, 2014
In the world of mobile you need to be moving fast, and the ADF Mobile team has been busy doing just this.
Less than 2 months after our last patch release - that added the new look and feels for your ADF Mobile apps - we are happy to announce another new release - patch 6.
The main difference you are going to see with this release is if you are doing development/testing/running on the Android OS.
We have dramatically improved the initial startup time for ADF Mobile apps on Android.
What do we mean by dramatic? Well, from our testing ADF Mobile apps are starting up as much as five time faster than before.
So make sure to download the latest ADF Mobile patch using the Help->Check for Update feature in your JDeveloper
Enjoy!
Monday Mar 10, 2014
Implementing Data Caching and Data Syncing
By Steven Davelaar on Mar 10, 2014
Oracle's A-Team has developed a free JDeveloper extension called the "ADF Mobile Persistence Sample". This extension contains powerful design-time wizards and a comprehensive runtime library, allowing you to very quickly create a mobile application with data caching and data syncing capabilities. Check out this impressive video that shows the development process with this extension from start to finish.
More information can be found in two articles on the A-Team Chronicles website:
- Going Mobile with ADF – Implementing Data Caching and Syncing for Working Offline Part I: This articles focusses on the runtime persistence architecture used by the extension.
- Going Mobile with ADF – Implementing Data Caching and Syncing for Working Offline Part II: This article focusses on the design-time wizards used to create a layer of business objects based on a SOAP or REST web service and the wizard used to generate a default mobile user interface. At the bottom of this article you can find the link to download the extension install file, and links to additional videos as well as sample applications.
Oracle A-Team and Mobile Platform Product Management are currently investigating how the functionality of this extension can best be integrated in future releases of the product.
About
This blog is is dedicated to tips and tricks for developing, integrating, securing, and managing mobile applications using Oracle Mobile Platform. It is created and maintained by the Mobile Suite/Oracle ADF Mobile product development team.
Archive of past entries
Even More Mobile Development Blogs
Oracle A-Team Site - Mobile Related Entries
Code samples from the Community
Fusion Middleware Blogs
Search
Recent Posts
- ADF Mobile with JQuery Mobile
- ADF Mobile - In the Dojo!
- Re-Enabling USB Debugging in Android 4.3
- Oracle ADF Mobile Patch 6 Released - Speeding Up Android Apps
- Implementing Data Caching and Data Syncing
- Why Use a Service Bus in Oracle Mobile Suite?
- New Enhancement Released for iOS7+Android Native Look & Feel and Xcode 5 Support
- New ADF Mobile Application User Interface Design Guidelines
- New ADF Mobile Patch Release Is Available
- ADF Mobile @ Oracle OpenWorld 2013