Connect and Transform Your Digital Business with IBM 1
MANAGEMENT ANALYTICS SECURITY MobileFirst Foundation will help deliver your mobile apps faster IDE & Tools Mobile App Builder Development Framework PUSH NOTIFICATIONS MobileFirst Studio Bringyour-own AUTHENTICATION BUSINESS LOGIC OFFLINE SYNC MobileFirst Foundation Build with any development tools, including Xcode, Android Studio, and MobileFirst Studio Develop in native or hybrid and integrate any front-end framework Access the MobileFirst Foundation backend services via SDK, no matter which front-end framework, codebase, or tools you choose 2 2
MANAGEMENT ANALYTICS SECURITY Add push, authentication, offline sync, and business logic to your app Push Notifications Unified push service that sends relevant content using tagging and subscription. User Authentication Standards-compliant framework to authenticate against any user identity infrastructure PUSH NOTIFICATIONS Business Logic Write mobile APIs that access backend systems and data Offline Access & Sync Encrypted on-device storage with push and pull-based sync AUTHENTICATION BUSINESS LOGIC OFFLINE SYNC MobileFirst Foundation 3 3
Building the KidBrix customer mobile experience Cross-platform development Easily access and integrate with multiple mobile back-end services Fast deployment to the cloud MobileFirst Studio MobileFirst CLI MobileFirst MobileFirst Customer App Push Notification Services Authentication Product Catalog DB 4 Accelerate front-end development Ensure app works and looks good on any device Simplify configuration and management of push notification services Simplify authentication with third party providers Easy access to back end resources such as databases Ready-to-go MobileFirst Service (Mobile Foundation) Easily extend app with catalog of services Flexible deployment options (public/dedicated/local) 4
MobileFirst supports a wide variety of development frameworks Competitive Project Office Languages Swift, Objective-C Java C#, VB.NET, etc. HTML5, JavaScript C#,.NET Tools KidBrix chose the hybrid approach for their mobile app Common code base written in JavaScript, HTML5 Runs on all devices Xcode, Swift Sandbox Android Studio Android SDK Visual Studio Windows Phone Dev Tools Any editor E.g. Eclipse Xamarin Studio, Visual Studio Executables.app.apk.xap.app,.apk,.xap.app,.apk,.xap App Store Apple App Store Google Play Windows Phone Store Depends on the generated executable Depends on the generated executable Type Native Native Native Cross platform Cross platform Native mobile apps for one platform cannot run on another Mobile Web apps use common code, but don t have native look and feel, and also cannot access all device features Hybrid mobile apps use common code, have native look and feel and can exploit native device features Cordova and Xamarin allow enterprises to develop in one common language (HTML5, C# etc.) and during build time generate platform specific code 5
Mobile App Builder can help you quickly prototype your app Build app using drag and drop components Connect to cloud data services (Cloudant) Bind to MobileFirst Server in Bluemix Generate ios or Android source code and executable (Build in the cloud) Deploy to MobileFirst Server Import the source code into your favorite IDE to customize the app 6
Command line interface works with your favorite IDE to develop your mobile apps CLI gives developers flexibility to use their favorite IDE Developers can use the CLI to create MobileFirst Foundation artifacts such as adapters and deploy to local or remote MobileFirst server Create, test and deploy adapters independently from UI code Interactive mode simplifies using CLI Ideal for creating native apps using Xcode IDE for ios devices or Android Studio IDE for Android devices Favorite IDE (e.g. Xcode, Android Studio) MobileFirst Foundation CLI 7
KidBrix chose MobileFirst Studio and MobileFirst CLI as their development environment for its rich and integrated features MobileFirst Studio is an eclipse plug-in available in Eclipse marketplace for free Integrates with ThyM open source eclipse plug-in to build Cordova hybrid applications Launch MobileFirst Console from MobileFirst Studio Common code base for all platforms Integrated mobile browser simulator to preview apps Integrates with MFF Development Kit which bundles development Server for unit testing 8
Demo: Jump start development by creating a Cordova hybrid project using ThyM Wizard helps create a Cordova hybrid project Choose Android or Windows platform from wizard Preview app in Mobile browser simulator before deploying to server Structured directory for each environment 9
Adapter Framework provides easy-to-use, secure access to back end resources Adapters run on MobileFirst Server not the device for better security Wizard supports adapter creation to access SAP, SOAP and REST services, JDBC data, etc. MobileFirst Server intermediates communication between client and back end service, triggering authentication automatically when required Information about backend systems (credentials, URL or DB name, etc.) is only stored on the MobileFirst server, not the mobile device, for better security MobileFirst Server Business Process Manager Decision Manager App Runtime client library HTTPS App s Server Code Runtime library Integration Bus (ESB) WebSphere Cast Iron Backend Applications Partner Applications Third-Party Packaged Applications HTTP adapter SOAP REST Application App Server Application Server SQL adapter JDBC Backend Data Database 10
Demo: KidBrix stores product catalog in Cloudant database and uses adapters to retrieve data quickly MobileFirst CLI helps create the adapter Adapters can be deployed to MobileFirst Server Template provided to access the respective backend Adapter are independent of applications Developers can test adapters independent of application Same adapter can be used by multiple apps Use Swagger from MobileFirst Console to test adapters MobileFirst Server Cloudant (Catalog) App Runtime client library Adapter Adapter Adapter Adapter Adapter FB Server Push Notification MACM (Special Offers) Google GCM Apple APN Microsoft MPNS 11 VIP Experience
Microsoft and Amazon do not provide any framework and rely on vendor specific SDKs Microsoft relies on ODBC drivers (ADO.NET) to connect to RDBMS DB2, Oracle, MySQL, Sybase SDK syntax and usage are vendor specific Amazon implementation are different for Android and ios platform Security information regarding the backend access is embedded in the client code 12
KidBrix Customer App uses MobileFirst OAuth support to authenticate users using Facebook MobileFirst security framework protects resources, procedures and mobile apps Cordova InApp browser plug-in bundled with MobileFirst makes the initial Facebook call to authenticate users Response code is returned after authentication HTTP Adapter used to retrieve user profile using Facebook Graph API Response code is stored on the device until the user logs out Runtime client library App InApp browser plug-in MobileFirst Server HTTP adapter FB Server User authenticated Response code returned 13
To engage customers KidBrix sends targeted push notifications with special offers Competitive Project Office Customers subscribe to favorite play themes KidBrix sends special offers based on favorites 14
Easily add push notification capabilities to your apps MobileFirst Server Push Configuration Central location to configure push for any platform App Runtime client library Push Framework REST API for sending notification Google GCM Apple APN Single line of code to subscribe for push notifications based on customer interests Microsoft MPNS 15
Conveniently configure push notifications for all device types in one place MobileFirst Console provides central location to configure push for all device platforms via GUI (no messing with XML) Key and Sender ID obtained from the vendor by registering the KidBrix App Google Cloud Messaging (GCM) for Android devices Apple Push Notification (APN) for Apple devices Microsoft Push Notification (MPNS) for Microsoft devices Competitive Project Office 16
Simply subscribe to favorites to target customized notifications Favorites specified as tags Define tags in the MobileFirst Console Competitive Project Office Developer creates a UI to allow customers to select topics of interest (i.e. tags) Developer writes a single line of code to subscribe based on tag name 17
Send push notifications based on tags or deviceid Use MFPPush client SDK to register the device Use REST API to send notification https://kidbrixmfp8-server.mybluemix.net:443/imfpush/v1/apps/com.ibm.kidbrix/messages The REST API body contains various options and targets (tags, deviceid, userid, platform) MFPPush notification callback is used to retrieve and display the notification based on the device platform MobileFirst Server Push Framework Google GCM Apple APN Microsoft MPNS 18
Demo: Test the UI look and feel on any device Mobile browser simulator can simulate any type of mobile device Test the look and feel of the app on various device types and sizes (android, ios, Samsung, Nexus) without the need for the actual device 19
KidBrix wants to deploy the server component on the cloud in a quick and efficient way Bluemix provides a fast and easy way to deploy on the cloud Bluemix offers MobileFirst Foundation as a service It comes with all the essential components to deploy on the cloud MobileFirst service can be created in minutes MobileFirst CLI can be used to deploy applications and adapters from the development environment MobileFirst is integrated with DevOps for continuous integration and continuous deployment Eclipse (MF Studio) Bluemix MobileFirst service (KidBrix App) Mobile Devices (KidBrix App client) MF CLI 20
Other solution alternatives don t stack up to MobileFirst on Bluemix Competitive Project Office Push notifications Mobile user authentication Portable mobile back-end services (on or off-premises, different cloud providers) mobile platform specific Mobile application authentication Adapter framework 21 Integrate device testing framework (not all device or app features supported) virtual devices real devices virtual devices
What is cognitive computing? Interprets & Evaluates Learns & Adapts Makes Decisions 22
Unstructured Data Fuels Cognitive Computing HEALTHCARE DATA 99% 88% growth by 2017 unstructured GOVERNMENT & EDUCATION DATA 94% growth by 2017 84% unstructured Healthcare data comes from sources such as: Government & education data comes from sources such as: Patient Sensors Electronic Medical Records Test Results Vehicle Fleet Sensors Traffic Sensors Student Evaluations UTILITIES DATA 93% 84% growth by 2017 unstructured Utilties data comes from sources such as: MEDIA DATA 97% 82% growth by 2017 Media data comes from sources such as: unstructured Utility Sensors Employee Sensors Location Data Video and Film Images Audio 23
KidBrix uses cognitive services to personalize the shopping experience Competitive Project Office Know the basics Age, gender, favorites, birthday Provided directly by customer Customer Profile Pull Special Offer KidBrix Select Special Offer Push Special Offer Gain deep understanding Personality characteristics, values, emotions, desires, likes, dislikes Extracted from other interactions Cognitive Profile Mobile Application Content Manager Special Offers 24
Watson cognitive mobile services Embed human intuition and expertise into your mobile app Interact with users as a human would using natural language 25
KidBrix cognitive shopping experience KidBrix Written Reviews Recorded Reviews OpenWhisk Cloudant Trigger Speech to Text Language Translator Tone Analyzer Mobile Application Content Manager Special Offers Recorded Calls Live Text Chats E-mails Customer Feedback Personality Insights Customer Profiles Get personalized special offers Get personalized sales strategy Written Posts Recorded Posts OpenWhisk Periodic Trigger Customer Sales Data 26
Summary MobileFirst Foundation Platform to develop both hybrid and native apps Use Mobile App Builder to create apps rapidly by a LOB person Use MobileFirst Studio or the CLI with your favorite IDE Essentials like authentication, push notification and integration to backend resources are already integrated Framework and tools to ensure app looks good on any device Fast deployment to the cloud Watson Cognitive Services Gain deep understanding of your customers personalities, and how satisfy their wants and needs 27 2/27/2017