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 IBM Cloud. You will also learn how to use the Mobile Quality Assurance service on IBM Cloud. 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 IBM Cloud. 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 IBM Cloud 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 IBM Cloud.
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 IBM Cloud using a JavaScript adapter.
Time to complete: 35 minutes
Description: Create an AppScan Mobile Analyzer service instance on IBM Cloud, 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 IBM Cloud, 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
Inclusive terminology note: The Mobile First Platform team is making changes to support the IBM® initiative to replace racially biased and other discriminatory language in our code and content with more inclusive language. While IBM values the use of inclusive language, terms that are outside of IBM's direct influence are sometimes required for the sake of maintaining user understanding. As other industry leaders join IBM in embracing the use of inclusive language, IBM will continue to update the documentation to reflect those changes.