MobileFirst Platform Foundation 7.1 Labs


Canteen

During this lab you will create a Canteen application for cashiers of a Canteen. They will use this app on tablets instead of having a PC with touch-enabled monitors to select and report an order.

This app will be using a Cloudant database, JavaScript adapters, JSONStore and the recently introduced Cordova application project.

Development will be done using the Ionic Framework, MobileFirst Platform CLI and Atom as the main IDE.

You will learn how to create a MobileFirst Platform server instance on Bluemix. You will also learn how to use the Mobile Quality Assurance service on Bluemix. Application development will start with creating a application using the Ionic command-line interface. The created blank project will be then migrated to a MobileFirst platform Cordova application project and you development will continue from there.

Description: Using the Ionic framework CLI, create blank project and then migrate it to a MobileFirst Platforn Cordova project.
Time to complete: 20 minutes
Description: Create a Cloudant service instance on Bluemix. Add data to database and retrieve it using a JavaScript adapter. Display in application.
Time to complete: 50 minutes
Lab files: download
Description: Using the Bluemix Containers capabilities, create a MobileFirst IBM Container with the evaluation image.
Time to complete: 10 minutes
Description: Implement the "order" logic and deploy the “canteenPOS” application to the MobileFirst Platform IBM Container on Bluemix.
Time to complete: 40 minutes
Description: Using the Ionic framework and custom css, modify the application UI.
Time to complete: 50 minutes
Lab files: download
Description: Create a JSONStore instance and sync it with the Cloudant database on Bluemix using a JavaScript adapter.
Time to complete: 35 minutes
Description: Create an AppScan Mobile Analyzer service instance on Bluemix, scan the “canteenPOS” binary apk file and investigate scanning report.
Time to complete: 10 minutes
Lab files: download
Description: Create an MQA service instance on Bluemix, add MQA SDK to hybrid application, establish the session and submit a bug report.
Time to complete: 25 minutes
Description: Add a modal window with a list of past orders by getting it from JSONStore.
Time to complete: 25 minutes