G MAF Sample Applications

This appendix describes the MAF sample applications.

This appendix includes the following section:

G.1 Overview of the MAF Sample Applications

Mobile Application Framework ships with a set of a sample applications that provide different development scenarios, such as creating the basic artifacts, accessing such device-native features as SMS and e-mail, or performing CRUD (Create, Read, Update, and Delete) operations on a local SQLite database. The sample applications are available from File > New > MAF Examples.

These applications, which are described in Table G-1, are complete. Except where noted otherwise, these applications can be deployed to a simulator after you configure the development environment as described in Oracle Enterprise Pack Installing Oracle Enterprise Pack for Eclipse.

Tip:

To get an idea of how to create a mobile application, review these applications in the order set forth in Table G-1.

Table G-1 MAF Sample Applications

Application Name Description Additional Resources Required to Run the Sample Application

HelloWorld

The "hello world" application for MAF, which demonstrates the basic structure of the framework. This basic application has a single application feature that is implemented with a local HTML file. Use this application to ascertain that the development environment is set up correctly to compile and deploy an application. See also Section 2.2.2, "What Happens When You Create an MAF Application."

  

APIDemo

This application demonstrate how to bind the user interface to JavaBeans. It also demonstrates how to invoke EL bindings from the Java layer using the supplied utility classes. For more information, see Section B.2, "The MAF Container Utilities API."

  

BarcodeDemo

This application demonstrates how to make use of a Cordova plugin by calling the BarcodeScanner plugin from embedded JavaScript that is invoked from a backing bean. Android and iOS versions of the plugin are manually added to the assembly project and view project, then registered within maf-application.xml. For more information, see Chapter 10, "Using Plugins in MAF Applications."

  

CompGallery

This application serves as an introduction to the MAF AMX UI components by demonstrating all of these components. Using this application, you can change the attributes of these components and see the effects of those changes in real time without recompiling and redeploying the application after each change. See generally Chapter 13, "Creating the MAF AMX User Interface."

  

ConfigServiceDemo

This application demonstrates the use of the Configuration Service to change the end points used in a MAF application. Changes to end points in connections.xml are propagated to the application on the device and the application re-initialized to consume the new end points.

  

DeviceDemo

This application shows you how to use the DeviceFeatures Data Control to expose device features such as geolocation, e-mail, SMS, and contacts, as well as how to query the device for its properties. This feature demonstrates how to use displayFile method from DeviceFeatures data control to display various types files like .doc, .ppt, .xls, and .png. For more information, see Section 14.10, "Using the DeviceFeatures Data Control" and Section 14.10.9, "How to Use the displayFile Method to Enable Displaying Files."

You must also run this application on an actual device, because SMS and some of the device properties do not function on an iOS simulator or Android emulator.

ExpandCollapseComponent

This application demonstrates how to create a custom component which can act as a container for any type of AMX component and provides an expand, collapse functionality.

For more details look at the cardview.js file under the js folder. This JavaScript file contains a method ('expandcollapse.prototype.render') which renders the UI of the component. It also contains a method which demonstrates how to render the child components of the custom component.

  

FragmentDemo

This application shows how you can use fragments to define reusable artifacts that can used as templates. It demonstrates how you can have multiple content types for each feature, one for tablet, one for phone, and use the fragment so that you don't have to code the list/form each time.

  

GestureDemo

This application demonstrates how gestures can be implemented and used in MAF applications. See also Section 13.4, "Enabling Gestures."

  

Java8Example

This applications demonstrates use of Java 8 language features in an AMX application.

  

LifecycleEvents

This application implements lifecycle event handlers on the mobile application itself and its embedded application features. This application shows you where to insert code to enable the applications to perform their own logic at certain points in the lifecycle. See also Section 11.1, "About Using Lifecycle Event Listeners in MAF Applications."

For iOS, the LifecycleEvents sample application logs data to the Console application, located at Applications-Utilities-Console application.

Navigation

This application demonstrates the various navigation techniques in MAF, including bounded task flows and routers. It also Chapter 29, "Securing MAF Applications."demonstrates the various page transitions. See also Section 12.2, "Creating Task Flows."

.

PrefDemo

This application demonstrates application-wide and application feature-specific user setting pages. See generally Chapter 21, "Enabling User Preferences"

  

PushDemo

This application demonstrates how to register for and receive push notifications from the Apple Push Notification and Google Could Messaging servers. For more information, see Section 25.2, "Enabling Push Notifications for a Mobile Application."

  

RangeChangeDemo

This sample demonstrates how to invoke a rangeChangeListener by invoking a Java handler method when the Load More Rows link within the List View component is activated or when the List View is scrolled to the end. It also demonstrates that rangeChangeListener is called every time new data is being fetched by the List View. It shows how you can use RangeChangeEvent to define whether or not more data is available to download on the client.

  

RESTDemo

This application demonstrates how to use the RestServiceAdapter to connect to REST service JSON formats. For more information, see Chapter 16, "Working with REST Services."

  

SecurityDemo

This application demonstrates how to secure a MAF application, configure authentication and the login server, use the Access Control Service, and access secure web services. For more information, see Chapter 29, "Securing MAF Applications."

  

SkinningDemo

This application demonstrates how to skin applications and add a unique look and feel by either overriding the supplied style sheets or extending them with their own style sheets. This application also shows how skins control the styling of MAF AMX UI components based on the type of device. It also demonstrates the ability to change skin families (out-of-the-box or custom) at runtime. See also Chapter 8, "Skinning MAF Applications."

  

SlidingWindowsDemo

This application demonstrates the use of the AdfmfSlidingWindowUtilities API, which can be used to display multiple features on the screen at the same time. This sample shows how you can create a custom springboard or create a global navigation bar using the AdfmfSlidingWindowUtilities API.

  

StockTracker

This sample demonstrates a simple example of how to build CRUD operations using a SQLite DB and a dean data control. It displays a list of stocks and allows you to Create, Update, Delete or Reorder the stocks. It uses a local SQLite database to store its data. The StockTracker application persists the data during CRUD operations. This sample also demonstrates how data change events use Java to enable data changes to be reflected in the user interface. It also has a variety of layout use cases, gestures, and basic mobile application layout patterns. This sample also demonstrates how to use CREATE and DELETE operations to add or delete items to and from a collection. For more details, look at the addStock and deleteStock methods in Portfolio.java class located in the Portfolio package. See also Section 14.12, "About Data Change Events."

  

UIDemo

This application demonstrates the user interface layout and shows how to create the various list and button styles that are commonly used in mobile applications. It also demonstrates how to create the action sheet style of a popup component and how to use various chart and gauge components. See Section 13.3, "Creating and Using UI Components" and Section 13.5, "Providing Data Visualization."

  

URLSchemeDemo

This application demonstrates the URL Scheme feature.

  

WorkBetter

This human resources application contains two features: People and Organizations.People: This feature includes a search component, which allows you to search for people. It also demonstrates the ability to create custom components as well as how to build reusable layouts as fragments and use them between different features. It demonstrates how to use various DVT visualization components to display performance, compensation, and timeline- related information. Organizations: Like the People feature, this feature demonstrates how to build reusable layouts as fragments and use them between different features. It also demonstrates how to create views for different form factors and configure them.

This application is meant to be an end-to-end demo of the various UI techniques and components available. It shows a variety of layout patterns and demonstrates various uses for both common and more complex components. It is not meant to showcase a compete application but rather focus on the user interface. Please consult other samples for things like data-model or web services.