Contents

Acknowledgments

Introduction

PART I
PeopleSoft Mobile Tools

1 Configuring your Development Workstation

Mobile Application Types

HTML5 Web Applications

Native Applications

Hybrid Applications

HTML5 Defined

Development Tools

Browsers

Text Editors

Debuggers and Browser Tools

Integrated Development Environments

Web Server

Installing Emulators

Conclusion

2 PeopleTools Mobile Design (Fluid)

About PeopleTools Fluid Pages

Responsive and Adaptive Design

CSS3 Layout

HTML5 Runtime Controls

Fluid Mode Setup

Skillset

My First Fluid Page

The Fluid Page’s Data Model

Constructing a Fluid Page

Fluid Search Pages

Fluid Page Navigation

Optimizing the Component for Fluid

Fluid Grids

HTML5 Data-Entry Fields

Adding Transaction Buttons

Fluid Design Patterns

A New Paradigm

Grouplets

Conclusion

3 Building Applications with the Mobile Application Platform

Hello MAP

Creating a Document

Configuring a Layout

The Role of jQuery

A PeopleTools Cross-Pillar Mobile Process Monitor

Data Model

Layout

Initialization

Final Layout Adjustments

Multipage Layouts

Conclusion

PART II
Building Mobile Applications with HTML5

4 Creating a Data Model

Scenario

The Data Model

SQL Definitions

Documents

Defining the Search Parameters Document

Defining the Search Results Document

Defining the Details Input Document

Defining the Details Document

Updating Your Own Profile

Demo Data

Conclusion

5 Prototyping the HTML5 “View” Layer with jQuery Mobile

Wireframes

Prototyping with jQuery Mobile

Creating the Netbeans Source Project

Creating the Search Page

Mocking up the Results Page

Coding the Details Page

Implementing the Responsive Panel

The Profile Update Page

A “Safe” URL

Conclusion

6 Constructing the HTML View Without jQuery

Preparing the Project

The NetBeans/Manual Approach

The Automated Way

Introduction to AngularJS

My First AngularJS Page

Scope

Dependency Injection

Learning from Angular-seed

Comparing Index Files

Resolving Dependencies

Routes

Partials

Controllers

Building with AngularJS

Creating the Search Page

The Results Page

The Details Page

The Profile Page

Adding a Header

Implementing a Navigation Sidebar

Custom Results Directive

Animation

Animating with CSS3 Transitions

Using animate.css

Animating with the GreenSock Animation Platform

Conclusion

7 iScript-based Controllers

What is an iScript?

jQuery Mobile with iScripts

The Search iScript

The Details iScript

Profile Page

Integrating These iScripts with jQuery Mobile

Handling Authentication

AngularJS with iScripts

The Search iScript

The Details iScript

Integrating Our iScripts with AngularJS

Extra Credit

Conclusion

8 REST Controllers

What is REST?

Building REST Service Operations

jQuery Mobile with the RESTListeningConnector

Creating Message Definitions

The REST Service Container

Creating Service Operations

Preparing the jQuery Mobile Application

Configuring a Reverse Proxy

Configuring Apache httpd

Testing the Reverse Proxied jQuery Mobile Application

AngularJS with the RESTListeningConnector

Creating Message Definitions

REST Service Operations

Reverse Proxying the AngularJS Prototype

Conclusion

PART III
Constructing Native Applications

9 Native Apps for Best Results

Introduction to Part III

Chapter 9

Chapter 10

Chapter 11

A word about iOS

Building a Mobile Android Personnel Directory

Why Native?

Introduction to Android Development

Networking with Android

Building a Native Directory

Deploy and Test the Android Application

Conclusion

10 Power-Using Cordova

About the Apache Cordova Platform

Installing the Apache Cordova Platform

Creating a NetBeans Cordova Project

Running a Cordova Project from NetBeans

From Website to On-device

Copying Source Files

Connecting the Emulator to Your PeopleSoft Instance

Implement Authentication

Implementing Native Features

Updating the ProfileCtrl Controller

Updating the Profile Partial

Conclusion

11 Building Mobile Applications with Oracle Mobile Application Framework

Up and Running with JDeveloper 12c

Creating an MAF Project

The Client-Side Data Model

User Interface

Conclusion

Index