0430 toronto smac_meetup_worklight_intro_final
-
Upload
raul-chong -
Category
Technology
-
view
533 -
download
3
description
Transcript of 0430 toronto smac_meetup_worklight_intro_final
#TOSMAC
Toronto SMAC Meetup – Welcome!Introducing Worklight: Mobile App Development & Management
#TOSMAC
Agenda5: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
#TOSMAC
Toronto SMAC Team
| © 2014 IBM Corporation3
Raul Chong
Lila Adamec
Grant Hutchison
Grace Barker
Luiz AoquiSerjik Dikaleh Salman Moghal
#TOSMAC
Let’s be social!Start tweeting with: #TOSMAC
| © 2014 IBM Corporation 4
#TOSMAC
Recap from last meetup eventPrevious meetup help Apr 2nd: Introducing BlueMix
| © 2014 IBM Corporation 5
#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 Corporation 6
#TOSMAC
RC4Guest presenter:
| © 2014 IBM Corporation 7
#TOSMAC
Introducing MIT App Inventor, Cloudant & BlueMix
Mobile App Development & Management
| © 2014 IBM Corporation 8
#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 Corporation 9
#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
#TOSMAC
Using Cloudant as the Cloud Datastore
April 21, 2014| © 2014 IBM Corporation
#TOSMAC
Using BLU as the Cloud DatastoreTinyDB Component
Ruby Sinatra App on BlueMix
April 21, 2014| © 2014 IBM Corporation
TinyWebDB Component
#TOSMAC
Introducing WorklightMobile App Development & Management
| © 2014 IBM Corporation 13
#TOSMAC
April 21, 2014| © 2014 IBM Corporation
IBM MobileFirst PortfolioIndustry Solutions
IBM & Partner Applications
Banking Insurance Transport
Telecom GovernmentRetail Healthcare Automotive
Application & Data Platform
Stra
tegy
& D
esig
n Se
rvic
es
Cloud & Managed Services
Devices Network Servers
Developm
ent & Integration
Services
Management AnalyticsSecurity
#TOSMAC
April 21, 2014| © 2014 IBM Corporation
WorklightPureApp PatternIBM Worklight V6.1 – Enterprise Edition
IBM MobileFirstApplication & Data Platform
Includes
WorklightPureApp PatternIBM Worklight V6.1 - Consumer Edition
Editions
IBM Worklight V6.1 - Developer EditionTools only, no standardsupport (forum only)No app authenticity/security
Product Packaging
15
#TOSMAC
How to Get Started
| © 2014 IBM Corporation 16
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-enterpriseInteract with us @ibmmobile and #ibmmobile
#TOSMAC
Getting Started
| © 2014 IBM Corporation 17
#TOSMAC
IBM Worklight Overview
| © 2014 IBM Corporation 18
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
#TOSMAC
IBM Bluemix & Worklight Positioning
| © 2014 IBM Corporation 19
On Premise Hosted(IaaS)
Managed Cloud(PaaS)
OwnedHardware
IBMSoftLayer
IBMManagedServices
CloudServices
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
Del
iver
yLi
cens
e
Single-Tenant Multi-Tenant
Cap
abilit
ies
Flexible deployment models to match your organization’s strategy
#TOSMAC
Worklight – At a Glance
| © 2014 IBM Corporation 20
Reporting for Statisticsand 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
App
licat
ion
Cod
e
Worklight Console
Unified Push and SMS Notification
Development and Operational Analytics
App Version Management
Ente
rpris
e B
acke
nd S
yste
ms
&
Clo
ud S
ervi
ces
Worklight Server
User Authentication and Mobile Trust
Mashups and Service
Composition
JSON Translation
Adapter Library for Backend Connectivity
Stat
s an
d Lo
gs A
ggre
gatio
n
Unified PushNotifications
Client-SideApp Resources
Direct Update
Mobile Web Apps
Geolocation Services
HTML5, Hybrid, and Native Coding
Optimization Framework
Integrated Device SDKs
3rd Party Library Integration
Worklight StudioSDKs
Functional Testing
WYSIWG Editorand Simulator
Blackberry
Android
iOS
Windows Phone
Java ME
Windows 8
Mobile Web
Desktop WebEnhanced crash & platform-level exception capture
Location-based event handling
#TOSMAC
Worklight – Components
| © 2014 IBM Corporation 21
Worklight StudioLeading tools for cross-platform hybrid development that maximize code reuse, speed up development, and promote team work
Operational ConsoleUI for app deployment, management, and version enforcement, real-time operational analytics, push notifications
Worklight App CenterA 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 ServerGateway for mobile user engagement, security, analytics, and application control
#TOSMAC
Worklight – Supported App Spectrum
| © 2014 IBM Corporation 22
* 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-packagedHTML5
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
#TOSMAC
Worklight – Project Structure
| © 2014 IBM Corporation 23
Adapters – Server side connectivity code
Project applications – Client side code and configuration
Server customization components
#TOSMAC
April 21, 201411 | © 2014 IBM Corporation
Worklight – JavaScript MVC Frameworks
#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 Corporation 25
#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
#TOSMAC
Worklight – Artifacts & Deployment
| © 2014 IBM Corporation 27
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
Adap
ter
Adap
ter
Adap
ter
#TOSMAC
April 21, 2014| © 2014 IBM Corporation
Worklight – Geo-locationRouting trucks arriving at
warehouse
Location-aware security for hospital app
Username
Password
Submit✔
?
Automatic
Check-In
............
…
……
……
……
Automated hotel check-in
More engaging mall experience
SMS, Push
#TOSMAC
April 21, 2014| © 2014 IBM Corporation
Worklight – Functional Testing- Comprehensive, complete, resilient functional
testing
- Android and iOS, native and hybridHTML 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
#TOSMAC
Worklight - Demo
| © 2014 IBM Corporation30
#TOSMAC
Web App (using BlueMix), Mobile App and Cloudant demo
| © 2014 IBM Corporation 31
Mobile App Development & Management
#TOSMAC
Grocery Shopping List Web and Mobile App
| © 2014 IBM Corporation32
#TOSMAC
Grocery shopping List Mobile and Web app architecture
| © 2014 IBM Corporation33
#TOSMAC
Resources
| © 2014 IBM Corporation 34
bluemix.net
bluforcloud.com
ibm.com/isv/startup
bigdatauniversity.com
https://ibm.biz/BdRAfT
#TOSMAC
Thank you!Let’s network!
| © 2014 IBM Corporation 35