A Mobile RPG Control Gallery

ASNA Mobile RPG is a mobile application suite for the IBM i. It enables RPG programmers to create smartphone and tablet applications with nothing but ILE RPG. Mobile RPG provides a screen design aid on which you drag and drop various UI elements onto the screens you're building. After creating the mobile displays they are exported to the IBM i as traditional display objects.

These exported display files are never seen by human eyeballs; rather they serve as a proxy for the mobile display file so you can compile an ILE RPG program against it. At runtime, IBM's Open Access API redirects workstation files to the mobile display. The entire process is explained in this 38-minute video.

Mobile RPG's controls do most of the heavy lifting, moving data to and from the mobile display. They encapsulate traditional display file behaviors (eg reacting to function keys and indicator-driven conditional behaviors), transport data, and present data to the user. The gallery below shows Mobile RPG's controls and explains what they do.


Navigation bar

Read docs

The DDSNavBar provides a navigational bar that is placed on the display in the header and/or footer. It can have embedded buttons that cause function key presses to be recognized by the underlying RPG program.


Button

Read docs

The DSSButton provides buttons associated with function key presses. For example, you can map an 'F3' key press to a button. The RPG can be programmed to react to that F3 key press (through either an associated response indicator or determining the key pressed through position 369 of the INFDS.) Buttons can be displayed with text, images, or icons (see immediately below).


Icons

Read docs

The DDSIcon provides application icons. As a stand-alone control, icons are output only. However, when combined with the DDSButton control (described above) you can associate a function key press with them.


Image

Read docs

The DDSImage control display images from either an IFS ASCII share on the IBM i or from a directory on the Windows Web server. The image name can be hardcoded or you can map an RPG field value to the image name.


Input/Output fields

Date Field Dropdown Selection

Read docs

Mobile RPG has a full complement of character, numeric, and date/timestamp fields. The DDSDateField provides a dropdown date picker. Fields can be input, output, or both. Each field is associated directly with a field in the RPG program. Like a traditional display file input field, Mobile RPG's fields have conditional behaviors (eg position cursor or non-display) governed by RPG indicator values.


Switch

Read docs

The DDSSwitch provides a slider switch, a common mobile idiom. The user can swipe the switch from one position to another with a finger swipe. It presents its on-off value as a single-character field to the RPG program.


Google Map

Read docs

The DDSGMap displays a Google map. It presents itself to the RPG program as a simple subfile with a location column. By writing rows to its subfile, you can set as many locations as you'd like to see mapped. The image below shows the DDSGMap control in action. See the code for this project.


Charts

Read docs

The DDSChart displays pie and bar charts. It presents itself to the RPG program as a simple subfile with a location column. By writing rows to its subfile, you can chart as many data points as needed.


List

Read docs

The DDS List displays data in one of four ways:

  • navigable list
  • dropdown list
  • radio button list
  • checkbox list

It also presents itself to the RPG program as a simple subfile. This control is highly configurable with many options. It can display images in a row (as shown above) and, when it is presented in its navigable list form (which is probably its most frequent use) it has tappable zones. For example, in the image shown below, the artists' names area is a tappable zone as is the chevron on the right. These tappable zones are associated with function keys and look to the RPG program like a regular function key press.

When presented as a list the DDSList is limited to one column of data (plus an optional image and chevron). See the DDSTable below for a grid with multiple columns.

The top part of the image above shows the DDSList as a navigable list and the bottom shows it as a dropdown list.

This article provides a detailed look at using the DDSList and several Mobile RPG components.


Table

Read docs

The DDSTable presents data in a matrix of rows and columns, It is often used to show grid-based details (eg, part numbers, description, and bin number). Assigning a function key makes rows a tappable zone for selecting a row and doing something with it.


Signature capture

Read docs

The DDSSignatureCapture provides a way to capture signatures. Signatures are saved as images on either an IFS ASCII share on the IBM i or in a folder on the Windows Web server. The DDSSignatureCapture has all the necessary networking built-in to send the signature to its destination. Once you've captured a signature, you could later display in another part of the app with the DDSImage control.


File Uploader

Read docs

The DDSFileUPloader control lets the user send a file back to the server (where it's stored on either an ASCII share of the IFS on the IBM i or in a folder on the Windows Web server). For example, a user could take a picture with the phone's camera and then send that picture back to your app on the server. The control works with binary files such as PNG, GIF, JPG, and PDF and has all of the networking built-in.


Link

Read docs

The DDSLink control provides hyperlinks (surfaced with the HTML anchor tag) for your mobile applications. These links can navigate to an external URL or to a URL internal to your app.


Bar Code Reader

Read docs

The DDSBarCode control lets the user scan bar codes (including QR codes) with the phone's camera. The scanned value is returned to the associated text box.

Because the DDSBarCode control needs to be tightly coupled with phone hardware, it requires the phone to be using the ASNA Go mobile app (available in either the Apple or Google stores). ASNA Go is a special-case browser for Mobile RPG that provides hardware access that exceeds what built-in browsers (ie, Firefox, Chrome, and Safari) provide.


Controls with no UI

Panel

The DDSPanel control provides a container for any of the other controls mentioned.

Read docs


Geo Location

The DDSGeoLocation control doesn't have a UI. It works in the background to send the user's GEO coordinates each time a record format is returned to the RPG program. Upon its first use, the user must authorize the use of the control, otherwise no GEO data is returned.

Read docs



Please login or create an account to post comments.