IBM MobileFirst Reference Architecture with Application architecture, deployment/operational models for developing Android/IoS/Web apps and host in the cloud

1. © 2015 IBM Corporation
MobileFirst Reference
Architecture
Roland Barcia
IBM Distinguished Engineer
CTO MobileFirst/MobileFirst Platform for iOS
Cloud Support and Lab Services
Peter Bahrs
IBM Distinguished Engineer
CTO IBM System Client Success
Gang Chen
Executive IT Specialist
MobileFirst Technical Lead
Cloud Support and Lab Services
Sreeni Pamidala
Executive IT Architect
MobileFirst Lead Architect
Cloud Support and Lab Services

2. Outline
• Architecture Overview
• Application Architecture
• Operational and Deployment Model
• Integration
1

3. Simplifying enterprise mobile with IBM MobileFirst
software services
Efficiently build, secure,
continuously improve and
operate mobile apps that
make a difference for
customers or employees
§ Cross-platform or
native-only
§ Essential backend
infrastructure for a mobile
app
§ One platform, get it your
way: cloud; on premise; iOS
edition
Seamlessly secure and
manage your devices,
applications, content and
transactions
§ Advanced mobile
management
§ Secure productivity suite
§ Secure gateway access
§ Secure document sharing
§ Advanced threat protection
and prevention
Understand, engage and
optimize mobile customer
interactions to maximize the
moments that matter most
§ Push notification and mobile
campaign management
§ Mobile customer experience
analytics, and digital
analytics
§ Intelligent location detection
§ Mobile store and commerce
IBM MobileFirst Platform IBM MobileFirst Protect IBM ExperienceOne

4. IBM MobileFirst Reference Architecture
• More than models and pictures
• Provides details behind IBM
MobileFirst
• Accelerate mobile solutions
development and deployment
• Architectural patterns for
integration of cloud, enterprise and
mobile systems
• Supports requirements from many
industries including banking,
telecommunications and
government
• Accelerate project delivery by
customizing pre-populated assets
• Provides framework for your
Mobile Center of Excellence
• Training

5. IBM MobileFirst Reference Architecture Benefits
• Provides clients access to IBM’s deepest mobile expertise
• Builds client team’s capabilities and expertise, ensuring long-
term self-sufficiency
• Provides visibility into best practices gained from IBM’s
experience across projects in multiple industries
• Offers guidance on Mobile approach and technical
implementation
• Increases productivity
• Minimizes trial and error
• Removes development roadblocks and keeps team on track
4

6. Content
5

7. Key platform services from the MobileFirst Software portfolio enable each app
Integration App Management Authentication Data Store
Crash
Analytics/Feedback
Operational Analytics Push
Workflow
Enterprise Content
Management
Business Analytics
Solution Specific (optional):
Primary Services:
Presence Zones
Runtimes

8. Bluemix Traditional
Deployment
PaaS Dedicated Cloud On Prem
Applications
IBM MobileFirst Deployment Options
Primary Services:
Softlayer
IaaS
Mobile First Platform Foundation
Integration App Management Authentication Data Store
Crash
Analytics/Feedback
Operational Analytics Push Runtimes
Integrated DevOps

9. Mobile
Management
Mobile Secure Container
Mobile
Analytics
Mobile Secure Access
Mobile Application & Data Platform
Cloud, Internet &
Social Data Sources
Systems of
RecordEnterprise Application,
Security & Information
Integration
Cross-Platform
Data Sync
App/Data
Backup, Restore,
Archvive
App-Captured Data
Cloud OE
Private Data
Storage (JSON)
Systems of
Engagement Data
Public / Consumer
Data Storage
Development Services Operational Services Infrastructure Services
Mobile App
Authoring
Mobile Engagement Mobile App
Protection
Hybrid/Native/Mobile
Web Development
Design Patterns
App Lifecycle Mgmt
DevOps (Automated
App Testing, User
Testing/QA, Deploy/
Release Automation,
Test Virtualization,
Collaboration)
Mobile Notifications
Geo-fencing, Mobile
Marketing
Payment Svc Integration
(contactless, wallet, etc)
Unified Communications
& Collaboration
App Integrity
Data Leak Protection
Data Encryption
App Scanning
User Authentication & SSO Secure Gateway Secure Transactions
Container & App Wrapping
Secure Browser Document Sync Unified Comm. Secured Apps
Customer Experience
Analytics
App Diagnostics, App
Performance Analytics
Threat Detection
& Mitigation
CRM, ERP,
LOB Systems...
Enterprise
Data
Device
Management
Self-Service Provisioning
Security Policy
Enforcement
Enterprise App Store
& Distribution
Software Version
Management, Direct Update
App Monitoring
Application
Management
Risk Based Access Mgmt VPN, MicroVPN (in app VPN)Monitoring
Counter-fraud (anti-
malware/phishing/
rooting, etc).
Natural Lang
Processing/Voice
Recognition
Offline
Portal &WCM
Common
Enterprise
Services
End to end interaction
insight
Social Analytics
Enterprise Spend/
Expense Management
Mobile Reference Architecture - Capability View

10. Outline
• Architecture Overview
• Application Architecture
• Operational and Deployment Model
• Integration
9

11. IBM MobileFirst enterprise app life cycle solutions
Operationalize
Integrated DevOps
for Mobile
Develop
Obtain Insight
Manage
Deploy
Instrument
Integrate
Test
Scan & Certify

12. What application questions do we address?
• What style of development?
• Native vs. Hybrid vs. Mobile Web vs. Multi-channel Web
• What type of app am I building?
• Multi-channel vs. targeted app.
• Responsive Design, Adaptive Web, Mobile Framework.
• Which Toolkit should I use?
• Native
• Dojo Mobile/jQuery Mobile/Sencha Touch
• Backbone, Handlebars, Bootstrap, Angular, etc…
• Evolving web ecosystem…
• Client Side Architecture for Single Page Apps/Web 2.0/etc…
• Model View Controller
• Best Practices/Performance/etc…
• Thin Server Application Architecture
• Adapters vs. REST
• Analytics
IBM Confidential
11

13. Spectrum of mobile app development approaches
Web-native continuum
• HTML5, JS,
and CSS3 (full
site or m.site)
• Quicker and
cheaper way to
mobile
• Sub-optimal
experience
• HTML5, JS,
and CSS
• Usually
leverages
Cordova
• Downloadable,
app store
presence, push
capabilities
• Can use native
APIs
• As previous
• + more
responsive,
available offline
• Web + native
code
• Optimized user
experience with
native screens,
controls, and
navigation
• App fully
adjusted to OS
• Some screens
are multi-
platform when
makes sense
• App fully
adjusted to OS
• Best attainable
user
experience
• Unique
development
effort per OS,
costly to
maintain
HybridPure web Pure native
Mobile
web site
(browser
access)
Native
shell
enclosing
external
m.site
Pre-
package
d HTML5
resources
HTML5 +
native UI
Mostly
native,
some
HTML5
screens
Pure
native

14. Your App
Apple iOS Frameworks Other iOS Frameworks
iOS
Device Features/Sensors
CX SDK
MQA SDK
Watson SDK
Xtify SDK
………
Enterprise Kit
Core Convenience APIs Core Primitive APIs Views
Triggers/Event Handlers Visualization Framework
Security
Framework
Push/Subscription
Framework
Data
Framework
Device/User
Auth Handlers
Crypto
Handlers
Network
Req/Resp
Data/File
Storage Handlers
Logging
Handlers
Policy
Framework
Native Development

15. The Model layer in the front end application provides access to the
local or remote services and data needed to perform business logic.
View
Controller
Model
Mobile Application
Front End(s)
Application
Back End
(Systems of Engagement)
RESTful
Services
HTTP RESTful
Services
RESTful
Services
Services
Services
Services
Other Applications &
Systems of Record
HTTP or
Other
Local
Services
Web Code
Native Shell
Hybrid Application Architecture
14

16. Client Side Application Architecture and Framework
Selection
• Module systems: RequireJS/AMD,
Dojo/AMD, CommonJS, ExtJS define,
Flight/AMD, YUI.use()
• Package managers: Bower, Dojo Packages,
CPM, Volo, yeoman
• Build systems: r.js(requirejs), dojo build,
Component, ClosureBuilder, Shifter, grunt
• Templates: AngularJS, Hogan.js, Mustache.js,
Handlebars, Dijit templates, UnderscoreJS, Lo-
Dash, Y.Template.Micro
• Dynamic CSS compilers/interpreters:
SASS, Less.js, Stylus
• Test frameworks: test/assert, Mocha, DOH,
QUnit, YUI Test
• Native Shell: Cordova
“Plumbing”
• Data Binding: Reactive, Rivets, Knockout,
Backbone, AngularJS, Flight, Dojo Observable
• Routing: dojo/router, Backbone
• App Controllers: dojox/app (+ISSW), Backbone,
AuraJS
• Sync: component/model, AngularJS services,
Dojo Object Store, YUI, Backbone Sync
“Interactive User Interface”
• Widgets: Closure Library, Dijit, Dojo mobile,
jQuery/jQuery Mobile, etc.etc., Bootstrap (jQuery),
YUI, Sencha, EXTJS
• Responsive Layout Scaffolding: Bootstrap,
Unsemantic, custom
• Interactive Graphics: Dojo GFX, RaphaelJS,
SVGJS
• Visualization: Dojo Charting/Gauges
Diagrammer, D3

17. User Based Services Drive API’s and REST
User Model
User
Data User
interacts with:
Consumable, Flat,
only what user
needs to know.
Canonical or
Domain Model
Data Built up from various
Data Sources.
Rich,
correlation,Connectivity
REST App Maps
Enterprise View of Data
• Domain/Canonical Data
Models
- Rich Object Models
- Focus on backend
coordination.
- Focused on Back Office
Integration
Consumer View of Data
• User Model
- User’s view of the Data
- Consumable across channels
- Flatter/Simple Data Model
- Channel Constraint aware.
- REST Architecture

18. Example
Policy Management
Quoting
REST APIs
Customer, Vehicle,
Driver
REST APIs
Policies, Coverage,
Billing
Process
Start
Sequence
Vehicle
Flow
Driver
Flow
Customer
Flow
Sequence
Policy
Flow
Coverage
Flow
Billing
Flow
Web API
(User
Model)
BPM/SOA
(Canonical
Model)
Integrate
Challenges
• Course grain data based on
Enterprise Data Sources
• Monolithic processes
• Connectivity and security
• Mobile Innovation
17

19. Development Views
18

20. Outline
• Architecture Overview
• Application Architecture
• Operational and Deployment Model
• Integration
19

21. Bluemix
MobileFirst Platform on Bluemix
APIM
APIGateway
API
Developer
Portal
API
Analytics
API
Assembly
Secure Public or
Private Access
SecureConnector
(GeneratedviaCloudIntegration)
EnterpriseSecurityGateway
SystemsOfRecord
(OnPremises)
Enterprise
DMZ Secure
Firewall
Firewall
Client
Device Capabilities
App Code
Cocoa Touch
Media
Core Services
Core OS
IOSFrameworks
MFP SDK
IMFPush
IMFData
IMFCore
OtherSDK
MFP Foundation for IOS on
Bluemix
Code Runtime
Cloudant
AMA
IMFPush
Bluemix Services
SaaSandPaaSbased
solutionspecific
components
Bluemix Deployment
App
Quality

22. SystemsOfRecord
(OnPremises)
MobileFirst Platform
DMZ Secure
Firewall
Firewall
Device Capabilities
App Code
Cocoa Touch
Media
Core Services
Core OS
IOSFrameworks
IBMSDK’sforMFPforiOS
MDMAgent
MFPF
IOS SDK
MQA SDK
for IOS
MobileFirst Platform Foundation
User Authentication
and Mobile trust
Mashups and Service
composition
JSON Translation
Geolocation services
Adapter Library for
Back-end connectivity
StatsandLogsAggregation
Client Side
App
resources
APNS
Notification
s
LDAP
MobileFirst Platfrom
App Quality
Cloudant Sync
IOS SDK
Cloudant – Local
Adapters
- Classic Rhino Adapters
for JS (former worklight).
- JAXRS based
- Java Based JAXRS
Node Filter and WAS
TAI for Side Workloads.
On Premise/Softlayer Deployment
APIM
APIGateway/
DataPowerVirtual
Appliance
API Developer
Portal
API Analytics
API Assembly

23. Mobile Data,
Access and Network Security
App and Test
Development
Mobile Device
Management
Snapshot of the Mobile Security Ecosystem
Mobile Application Platform and Containers
Device Platforms
i.e. iOS, Android, Windows Mobile, Symbian, etc
Mobile Applications
Mobile Device
Security
Management
§ Device wipe &
lockdown
§ Password
Management
§ Configuration
Policy
§ Compliance
Mobile
Information
Protection
§ Data encryption
(device,file,app)
§ Mobile data loss
prevention
Mobile Threat
Management
§ Anti-malware
§ Anti-spyware
§ Anti-spam
§ Firewall/IPS
§ Web filtering
§ Web Reputation
Mobile Network
Protection
§ Secure
Communication
(VPN)
§ Edge Protection
Mobile
Identity & Access
Management
§ Identity
Management
§ Authorize &
Authenticate
§ Certificate
Management
§ Multi-factor
Mobile Device
Management
Acquire/Deploy
§ Register
§ Activation
§ Content Mgmt
Manage/Monitor
§ Self Service
§ Reporting
§ Retire
Secure Mobile
Application
Development
§ Vulnerability
testing
§ App testing
§ Enforced tools
§ Policy Mgmt
Mobile devices are not only computing platforms but also communication devices, hence mobile security is multi-faceted,
driven by customers’ operational priorities
*2011 Projections - IDC WW Mobile Security, March 2011, IDC WW Mobile Device Mgmt. 2010

24. MaaS360 Architecture

25. Understand the
end-user experience
Follow changing
workloads
Mobile devices & smart endpoints
Private, public & hybrid cloudsHighly virtualized applications,
storage & networks
Discovery
Quickly find
application
resources
End User
Experience
Ensure SLA
compliance
Transaction
Tracking
Rapid problem
isolation
Diagnostics
Domain-specific
deep-dive and
repair
Analytics
Reduce outages &
improve business
performance
shared data & common services
See steps
across the cloud
Visibility, control and automation to intelligently manage critical applications in
cloud, physical and hybrid environments.
24
What is Application Performance Management?
24

26. Outline
• Overview of MFRA
• Architecture Overview
• Application Architecture
• Operational and Deployment Model
• Integration
25

27. MobileFirst iOS Solution standard architecture
iOS device
iOS Enterprise
App
Platform
SDK
iOS Platform
API
Management
APP API
Config
API Mgmt
API
Analytics
API
Assembly
APIGateway
MobileFirst Platform Solution Specific
Components
IBM Industry Solutions
Workflow
Enterprise Content Mgmt
Business Analytics
Push through APNS
MobileFirst Software Solutions
Mobile Data Store
Quality Assurance
Advanced Mobile Access
Version
Mgmt
App Usage App Logging
Push Security Node.js

28. MobileFirst, BPM and 3rd Party
• Extend SAP functionality without over-customizing SAP's packaged content with IBM Smarter Process
• Engage end users with pre-built IBM BPM mobile apps and and other engagement points
• Create custom mobile apps with MobileFirst and integrate with IBM BPM via REST APIs
27
IBM MobileFirst
Non-SAP
Enterprise
Applications
Non-SAP Inner Rings
Cloud
Applications
IBM Smarter Process
IBM Prebuilt
Points of
Engagement
Extended Points
of Engagement
(custom)
IBM Integration Middleware
IBMSmarterProcess
forSAP Mobile
Devices
Embed Monitoring into
Spreadsheets & Charts
Desktop through Google
Gadgets

29. Enterprise Integration Views
!
28
!

30. Reference Architecture Also Covers
• Use Cases
• Functional and Non-Functional Requirements.
• Analytics
• Performance Models
• High Availability and Failover
• Physical topologies
29

31. We Value Your Feedback!
• Don’t forget to submit your Insight session and speaker feedback!
Your feedback is very important to us – we use it to continually
improve the conference.
• Access the Insight Conference Connect tool to quickly submit your
surveys from your smartphone, laptop or conference kiosk.
30

32. Thank You
Your Feedback is
Important!
Access the InterConnect 2015
Conference CONNECT Attendee
Portal to complete your session
surveys from your smartphone,
laptop or conference kiosk.