SMAC Toronto presentation with Mobile as the main theme for this event. Demos using IBM Worklight, Cloudant, App Inventor, and BLU Acceleration for Cloud

1. #TOSMAC
Toronto SMAC Meetup – Welcome!
Introducing Worklight: Mobile App Development & Management

2. #TOSMAC
Agenda
5:30pm - 6:00pm: Eat and Network! – Free Pizza and Pop!
6:00pm - 6:05pm: Recap of previous meetup event
6:05pm - 6:20pm: Guest Presenter: Ryerson’s RC4
6:20pm – 6:35pm: App Inventor, Cloudant and BlueMix demo
6:35pm - 7:30pm: Introducing Worklight + Demo
7:30pm - 8:00pm: Web App, Mobile App and Cloudant Demo
8:00pm - 8:30pm: Questions & Networking
| © 2014 IBM Corporation2

3. #TOSMAC
Toronto SMAC Team
| © 2014 IBM Corporation3
Raul Chong
Lila Adamec
Grant Hutchison
Grace Barker
Luiz AoquiSerjik Dikaleh Salman Moghal

4. #TOSMAC
Let’s be social!
Start tweeting with: #TOSMAC
| © 2014 IBM Corporation4

5. #TOSMAC
Recap from last meetup event
Previous meetup help Apr 2nd: Introducing BlueMix
| © 2014 IBM Corporation5

6. #TOSMAC
Recap from last meetup
- Why this meetup & approach
- IBM SMAC program
- IBM Global Entrepreneur Program
- We encourage guest speakers to present (eg: Bionym)
- Introduction to BlueMix
- BlueMix Workshop on May 7th at 3600 Steeles Ave, Markham
- Next topics
| © 2014 IBM Corporation6

7. #TOSMAC
RC4
Guest presenter:
| © 2014 IBM Corporation7

8. #TOSMAC
Introducing MIT App Inventor, Cloudant &
BlueMix
Mobile App Development & Management
| © 2014 IBM Corporation8

9. #TOSMAC
Cloudant
- Recent IBM acquisition
- noSQL DBaaS, scales massively, managed by Cloudant experts
- Good for mobile and Web developers
- Available in BlueMix as “Cloudant JSONDB”
- Available on SoftLayer (IBM Cloud), AWS, Azure, Rackspace, etc.
- Supports JSON, full text, geospatial data, etc.
- Cloudant Features: Replication, Sync, MapReduce, Search, Geospatial, etc.
- CloudantCON, San Francisco (June 16-17, 2014)
| © 2014 IBM Corporation9

10. #TOSMAC
http://appinventor.mit.edu
• No programming experience
required.
• IBM BlueMix (Cloud Storage)
• Cloudant
•Documents
•JSON / NoSQL
• BLU
•Relational DB
April 21, 2014| © 2014 IBM Corporation
Screen Designer

11. #TOSMAC
Using Cloudant as the Cloud Datastore
April 21, 2014| © 2014 IBM Corporation

12. #TOSMAC
Using BLU as the Cloud Datastore
TinyDB Component
Ruby Sinatra App on BlueMix
April 21, 2014| © 2014 IBM Corporation
TinyWebDB Component

13. #TOSMAC
Introducing Worklight
Mobile App Development & Management
| © 2014 IBM Corporation13

14. #TOSMAC
April 21, 2014| © 2014 IBM Corporation
IBM MobileFirst Portfolio
Industry Solutions
IBM & Partner Applications
Banking Insurance Transpor
t
Telecom GovernmentRetail Healthcare Automotive
Application & Data Platform
Strategy&DesignServices
Cloud & Managed Services
Devices Network Servers
Development&Integration
Services
Management AnalyticsSecurity

15. #TOSMAC
April 21, 2014| © 2014 IBM Corporation
Worklight
PureApp Pattern
IBM Worklight V6.1 – Enterprise Edition
IBM MobileFirst
Application & Data
Platform
Includes
Worklight
PureApp Pattern
IBM Worklight V6.1 - Consumer Edition
Editions
IBM Worklight V6.1 - Developer Edition
Tools only, no standard
support (forum only)
No app authenticity/security
Product Packaging
15

16. #TOSMAC
How to Get Started
| © 2014 IBM Corporation16
Download the free IBM Worklight Developer Edition:
http://www.ibm.com/developerworks/mobile/worklight
Talk with your IBM representative or Business
Partner to find the right next step for you
Learn more at www.ibm.com/mobile-enterprise
Interact with us @ibmmobile and #ibmmobile

17. #TOSMAC
Getting Started
| © 2014 IBM Corporation17

18. #TOSMAC
IBM Worklight Overview
| © 2014 IBM Corporation18
Open standards-based
development framework
optimized for code re-use
across device platforms.
Mobile application server provides
mobile-specific administrative,
notifications, analytics and security
services while leveraging existing
investments in data, applications and
infrastructure
Client device layer enables
client-side security, enforces
app upgrades, secures local
storage and allows access to
device features.
Essential development, runtime and
client device services

19. #TOSMAC
IBM Bluemix & Worklight Positioning
| © 2014 IBM Corporation19
On Premise Hosted
(IaaS)
Managed Cloud
(PaaS)
Owned
Hardware
IBM
SoftLayer
IBM
Managed
Services
Cloud
Services
Perpetual Subscription
• Design & Development tooling including integrated devOps
• Automated test framework and operational analytics
• Unified Push and SMS Notification
• Integrated security framework
• Client-side runtime, including device storage encryption, and offline sync
• Push Notifications
• Data Management
• Mobile App Mgt
• Custom Scripts
• Quality Assurance
DeliveryLicense
Single-Tenant Multi-Tenant
Capabilities
Flexible deployment models to match your organization’s strategy

20. #TOSMAC
Worklight – At a Glance
| © 2014 IBM Corporation20
Reporting for Statistics
and Diagnostics
Worklight Application
CenterDevelopment Team
Provisioning
App Feedback Management
Enterprise App
Provisioning
and Governance
Device RuntimeCross-Platform
Compatibility
Layer
Encrypted and
Syncable Storage
Runtime Skins
Server
Integration
Framework
ApplicationCode
Worklight Console
Unified Push and SMS Notification
Development and Operational Analytics
App Version Management
EnterpriseBackendSystems&
CloudServices
Worklight Server
User Authentication
and Mobile Trust
Mashups and
Service
Composition
JSON Translation
Adapter Library for
Backend
Connectivity
StatsandLogsAggregation
Unified Push
Notifications
Client-Side
App Resources
Direct Update
Mobile
Web Apps
Geolocation
Services
HTML5, Hybrid, and
Native Coding
Optimization
Framework
Integrated Device
SDKs
3rd Party Library
Integration
Worklight Studio
SDKs
Functional
Testing
WYSIWG Editor
and Simulator
Blackberr
y
Android
iOS
Windows
Phone
Java ME
Windows 8
Mobile
Web
Desktop Web
Enhanced crash &
platform-level
exception capture
Location-based
event handling

21. #TOSMAC
Worklight – Components
| © 2014 IBM Corporation21
Worklight Studio
Leading tools for cross-
platform hybrid development
that maximize code reuse,
speed up development, and
promote team work
Operational Console
UI for app deployment, management, and
version enforcement, real-time operational
analytics, push notifications
Worklight App Center
A non-MDM, cross-platform, private mobile app store tailored to the needs of
development team or as an enterprise store
App Runtime
Client APIs available for native, hybrid, and
web apps
Development Run Time
`
Worklight Server
Gateway for mobile user engagement,
security, analytics, and application control

22. #TOSMAC
Worklight – Supported App Spectrum
| © 2014 IBM Corporation22
* 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
HybridPure web Pure native
Mobile
web site
(browser
access)
Native
shell
enclosing
external
m.site
Pre-
packaged
HTML5
resources
HTML5 +
native UI
Mostly
native,
some
HTML5
screens
Pure
native
* 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

23. #TOSMAC
Worklight – Project Structure
| © 2014 IBM Corporation23
Adapters – Server side
connectivity code
Project applications – Client
side code and configuration
Server customization
components

24. #TOSMAC
April 21, 201411 | © 2014 IBM Corporation
Worklight – JavaScript MVC Frameworks

25. #TOSMAC
Worklight – Mobile Patterns
- 40+ out-of-the-box common screen
patterns:
- Authentication
- Configuration
- Lists
- Navigation and Search
- Live preview using the underlying
jQuery Mobile and Dojo Mobile
widget libraries
| © 2014 IBM Corporation25

26. #TOSMAC
April 21, 201413 | © 2014 IBM Corporation
Worklight – Simplified Development
11
Ctrl-S of any
web resources
22
33
- Save & Refresh: Mobile front-
end developer can save
changes to the web
resources (html, javascript or
css) and immediately see the
result of the changes by
refreshing the previewed
application in the browser
- No need to perform a full
Worklight build every time

27. #TOSMAC
Worklight – Artifacts & Deployment
| © 2014 IBM Corporation27
Native
Shell
IPA/APK
HTML5
resources
wlapp
JEE App Server (e.g., Liberty)
Worklight Runtime
Customization
WAR file
Connect and
InvokeProcedure calls
Server deployable:
• Customization
WAR and adapters
Client deployable:
• IPA, APK and other native
• wlapp – pushed to the client from
the server
Adapter
Adapter
Adapter

28. #TOSMAC
April 21, 2014| © 2014 IBM Corporation
Worklight – Geo-location
Routing trucks arriving at
warehouse
Location-aware security for
hospital app
Username
Password
Submit
✔
?
Automati
c
Check-In
.........
...
…
…
…
…
…
…
…
Automated hotel check-in
More engaging mall experience
SMS,
Push

29. #TOSMAC
April 21, 2014| © 2014 IBM Corporation
Worklight – Functional Testing
- Comprehensive, complete, resilient functional
testing
- Android and iOS, native and hybrid
HTML and JQuery
- Record, edit, and run on mobile devices or emulator
- Same test runs across multiple devices in the
platform family
- Natural language scripts can be used by
developers and non-developers alike
- Streamlined, four-step process
- Record
- Author
- Playback
- Report

30. #TOSMAC
Worklight - Demo
| © 2014 IBM Corporation30

31. #TOSMAC
Web App (using BlueMix), Mobile App and
Cloudant demo
| © 2014 IBM Corporation31
Mobile App Development & Management

32. #TOSMAC
Grocery Shopping List Web and Mobile App
| © 2014 IBM Corporation32

33. #TOSMAC
Grocery shopping List Mobile and Web app architecture
| © 2014 IBM Corporation33

34. #TOSMAC
Resources
| © 2014 IBM Corporation34
bluemix.net
bluforcloud.com
ibm.com/isv/startup
bigdatauniversity.com
https://ibm.biz/BdRAfT

35. #TOSMAC
Thank you!
Let’s network!
| © 2014 IBM Corporation35