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


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


#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


#TOSMAC

RC4Guest presenter:


#TOSMAC

Introducing MIT App Inventor, Cloudant & BlueMix

Mobile App Development & Management


#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)


#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


#TOSMAC

Using BLU as the Cloud DatastoreTinyDB Component

Ruby Sinatra App on BlueMix


TinyWebDB Component

#TOSMAC

Introducing WorklightMobile App Development & Management


#TOSMAC


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


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


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


#TOSMAC

IBM Worklight Overview


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


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


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


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


* 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


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


#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


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


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


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


#TOSMAC

Web App (using BlueMix), Mobile App and Cloudant demo


Mobile App Development & Management

#TOSMAC

Grocery Shopping List Web and Mobile App


#TOSMAC

Grocery shopping List Mobile and Web app architecture


#TOSMAC

Resources


bluemix.net

bluforcloud.com

ibm.com/isv/startup

bigdatauniversity.com

https://ibm.biz/BdRAfT

#TOSMAC

Thank you!Let’s network!


0430 toronto smac_meetup_worklight_intro_final

Technology

Transcript of 0430 toronto smac_meetup_worklight_intro_final