Skip to Content

Creating character fields for scanning QR codes or barcodes

As an application developer, create character fields that enable mobile application users to scan data in QR codes (Quick Response codes) or barcodes. 

Information

Scenario

Seth, a developer in Apex Global wants to create an application screen with character fields where mobile application users are able to scan QR codes containing asset data. This data is then added to a character field. Once the asset data is added to a character field, he can create workflows to create, search, or update asset data in the database. 

To  create character fields for scanning QR codes or barcodes

  1. In Developer Studio, create a new form.
    AR System Navigator > All Objects > Forms > New Regular Form
    New Regular Form option in Developer Studio
  2. Create a progressive view.
    1. Select Form > Create New View.
      The Create New View dialog box is displayed.
    2. From the View Type list, select Progressive. 
      Create New View dialog box
      Developer Studio automatically creates a Section Panel.
  3. From the Palette, drag Character into the view to create a character field.
    Palette with Character field option
  4. With the character field selected, set the following properties:
    1. Set Display Type to Scanner.
    2. Set Scanner Style to either Overwrite or Additive.
      The settings determine whether scanned data is overwritten or appended to existing data.
    3. Specify a scanner delimiter.
      For example, set a comma (,) character as a delimiter to separate the values. The QR code icon (d-icon-qrcode) automatically appears next to the character field.
  5. Use the keyword LAST_SCANNED_VALUE to store the scanned values.
  6. Save the changes. 
Success

Tip:
Alternatively, you can use the following commands in a workflow:

  • Use the PERFORM-ACTION-SET-SCANNER-TYPE process command to switch a character field's input type from text input to scanner input. 
  • Use the PERFORM-ACTION-OPEN-QR-SCANNER in a button next to the character field to open the scanner. 

To validate the scanner in Progressive Web Applications

  1. In a browser, log in to PWA:
    (On-premise) http://<midtierHostName>:<portNumber>/arsys/pwa/#/login
    (helix) http://<helixBaseURL>/arsys/pwa/#/login
  2. Change the URL to include the Progressive View form that you created in Developer Studio.

  3. (On-premise) http://<midtierHostName>:<portNumber>/arsys/pwa/#/forms/<AR_Server_Name>/<formName>/
    (helix) http://<helixBaseURL>/arsys/pwa/#/forms/<AR_Server_Name>/<formName>/

    The character field is displayed with a QR code or barcode scanner when displayed in mobile view. 

Related topics

Creating active links

Process commands

Field properties

Keywords

Adding icons to Progressive Web Applications

Coded labels for assets that can be scanned on mobile devices

 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*

BMC Helix Innovation Suite 26.1