Exercise2 Mobile

Exercise 2
Mobile development
Exercise context
Overview
Company ACME Goods is a retail distribution company that acquires its products directly from the
producers and sell them to small/medium shops.
While at their customer location, sellers typically need to check the product database to explain the
product details and they dont want to type anything to find the products.
Main Needs:
Ability to find a product in the product database by
scanning the barcode directly
OutSystems.
OutSystems.
All All
Rights
Rights
Reserved
Reserved
www.outsystems.com
Mobile Hands On
Building a Mobile app
Mobile Hands On
Step 1 Install OutSystems Now in your environment
1. Go to the OutSystems tab in the development tool and select OutSystems Now
2. Select install and then confirm the installation
Remark: This will enable you to connect to the platform using the OutSystems Now native app
4
OutSystems.
OutSystems.
All All
Rights
Rights
Reserved
Reserved
www.outsystems.com
Mobile Hands On
Step 2 Install the Accident Reporting app in your Environment
OutSystems.
OutSystems.
All All
Rights
Rights
Reserved
Reserved
www.outsystems.com
Mobile Hands On
Step 3 Install OutSystems Now in your mobile device
1. Open the App Store (on iOS) or Google Play (on Android) and search for OutSystems
2. Install the App and open it
OutSystems.
OutSystems.
All All
Rights
Rights
Reserved
Reserved
www.outsystems.com
Mobile Hands On
Step 4 Try out the apps in your mobile device
1. Enter your server details and login credentials

2. Select your app(s) and play with them on your phone
Remark: The OutSystems Now app works as a source of single sign on and a directory of all your
enterprise apps. It also enables you to access your phone's native functionality.
7
OutSystems.
OutSystems.
All All
Rights
Rights
Reserved
Reserved
www.outsystems.com
Mobile Hands On
Step 5 Add reference to Barcode scanning web block
1. Click the Add/Remove References button on the toolbar

2. In the OutSystemsNow module, select the ScanBarcode web block and click OK
Remark: This will enable you to reuse this functionality within your application
8
OutSystems.
OutSystems.
All All
Rights
Rights
Reserved
Reserved
www.outsystems.com
Mobile Hands On
Step 6 Add button to trigger Barcode scanning
1. In the Products screen create a new button by dragging the button widget from the toolbar
2. Name it ScanButton and change it's label to Scan
3. Define a dummy destination for the button (the actual behaviour will be handled in JavaScript)
Remark: This is the button to which you'll associate the bar code scanning functionally
9
OutSystems.
OutSystems.
All All
Rights
Rights
Reserved
Reserved
www.outsystems.com
Mobile Hands On
Step 7 Assign scanning functionality to the button
ScanButton.ID
SearchInput.ID
1. Under the UI layer, find the ScanBarcode web block of the OutSystems Now module and
drag it next to the scan button
2. After dragging, define its ButtonId and InputId as seen in the screenshot
Remark: This will tell the Native module which button will trigger the scanning action and where to
place the barcode number that was scanned
10
OutSystems.
OutSystems.
All All
Rights
Rights
Reserved
Reserved
www.outsystems.com
Mobile Hands On
Step 7 Set Barcode Scanning to only show in OutSystems Now
1. Add a reference to the IsUsingOutSystemsNowApp, under the OutSystems Now module

2. Change the Visible property of the Scan button so that it only shows in the right context
3. Publish your application
Remarks: this action will return true when called within the context of an application that's being
accessed through the OutSystems Now App
11
OutSystems.
OutSystems.
All All
Rights
Rights
Reserved
Reserved
www.outsystems.com
Mobile Hands On
Step 8 Try out the new Native functionality
12
OutSystems.
OutSystems.
All All
Rights
Rights
Reserved
Reserved
www.outsystems.com
Thank you for your time!

Hope you enjoy the session!
Copyright
This material is owned by OutSystems and may only be
used in the ways described in this Copyright Notice:
You may take temporary copies necessary to read this
document
You may print a single copy of this material for
personal use
You must not change any of this material or remove
any part of any copyright notice
You must not distribute this material in any shape or
form
www.outsystems.com
Page 14
OutSystems all rights reserved

Exercise2 Mobile

Uploaded by

Copyright:

Available Formats

Exercise2 Mobile

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Exercise2 Mobile

Uploaded by

Copyright:

Available Formats

Exercise 2

1. Enter your server details and login credentials

1. Click the Add/Remove References button on the toolbar

1. Add a reference to the IsUsingOutSystemsNowApp, under the OutSystems Now module

Thank you for your time!

OutSystems all rights reserved

You might also like