of the Evolution of Mobile

Lars Kjær Ipsen Tech sales IBM MobileFirst Nordc Ipsen@.ibm.com

@ipsenlars

#ibmmobile #bluemix

Agenda •  Bluemix

o  Introduk0on0lIBMPAAS(Bluemix)o  DeploymentiBluemix"Howtodeployapplica0onsinBluemix(Boilerplatesandrun0meenvironements)"–demoo  Con0nuesdelivery"DeliveryPipeline,howtomodifyandeployanApplica0on"–demoo  DevOps(Planandtracktask/stories)o  GennemgangafServicekatalogiBluemix,herunderAPImanagemento  Pricingogdeliverymodels(Public,Dedicated,Local)(Mads)

•  MobileFirstPlaMorm:o  Introduk0on0lMFP(herunderhvorforoghvornårerdetnødvendigtmedenMobileplaMorm)o  Hvordanintegrerer/fungererMFPmedandreuviklingsværktøjer?somf.eks.Xamarin,Ionic,Xcodemv.o  HTMLvsNa0vevsHybrid...o  MFPsomforvaltningsplaMormforgamleognyeapp's-MFPforOpera0onso  KomponenteriMFP:

o  Securityo  Analy0co  Integra0on0lback-endsystemero  MobileQualityAssurance

o  MFPvsMobileservicesiBluemix-hvordankomplementererMFPogBluemixhinandeno  DemoafMFPo  KortgennemgangafApple/IBMsamarbejdeto  RevideretPricingoglicensering(Mads)

Brian Solis

The evolu/on of the phone

2013

The Mobile Moment

2005

The next generation Apps are all about data and workflows

Why most people aren’t downloading apps anymore!

65% 11.5 6

Designing for mobile is different

39% 19%

10

Stakeholder Map Empathy Map Scenario Map

Wireframe Technical Prototype Feedback Grid Prioritization Grid

Story Map

Brainstorming using design

Evolu/on from Worklight to MobileFirst

•  Focusedonhybrid/HTMLwithopenstandards

•  ImprovedevspeedbysharingcodeacrossOSesandenablingdeviceop0miza0on

•  Connecttobackendsystemsusingadapters

•  Basicversionanddeploymentmanagement

•  Expandtosupportpurena0veapps

•  Truehybridapps(mixHTMLwithna0ve)

•  Focusonfourkeyvalues:1.  Management2.  Security3.  Visibility4.  Integra0on

•  Openapproachtoclienttech.S0llprovideaonestopshopforcrossplaMorm

•  Shihtomodularservices

•  Fouruniversalproblems:1.  Keeptheappworking,responsive,and

deliveringagreatexperienceatall0mes2.  Ensuretheappissecure3.  Enablethecrea0onofcontextualand

personalizedexperiences4.  Getdataformbackendsystemsandmove

dataclosertotheuser(offline,crossdevicesynch,clientcache)

“Writeonce,runeverywhere”

“Maketheappenterpriseready”

“Focusonmakingtheappbemer”

2012 2013-14 2015

Magic Quadrant for Mobile Applica/on Development PlaAorms

Systems of Record

Operational Analytics

MobileFirst Server

The Anatomy of the IBM MobileFirst Platform

Mobile App Developers

Administrator / Operational Support

Employees (testers)

Customer

Adapters

Console

MobileFirst Studio Tools

(or BYOT / Native)

Mobile Quality Assurance

MobileFirst AppScan

Cloudant (NoSQL DB)

Presence Insights

App Center"(B2E App Store)

Adaptive Content (soon!)

StrongLoop + Node.js

Back-end implementa/on plan

14

IBM MobileFirst PlaAorm provides a comprehensive set of services delivered in a modular fashion

Data Rich Secure Continuously Improve Contextualize and Personalize

Applica'onScanning•  Development-0me

vulnerabilitydetec0on

QualityAssurance•  Sen0mentanalysis•  In-appfeedback•  Crash-analysis

Cloudant•  Syncable,managed•  no-SQLdatastore

PresenceInsights•  Mul0-sensorindooruser

engagement

•  Na0veandhybriddevelopment•  Opsanaly0cs•  Problemdetermina0onandtroubleshoo0ng•  Versionenforcement•  Applica0oncatalog

•  Pushno0fica0ons•  Outdoorandindoorloca0on

detec0on,triggering,andrules•  Mobile-op0mizedenterprise

integra0onandsync

AdvancedMobileAccess(Bluemix)

•  Authen0ca0on•  Analy0cs

Founda'on(On-premisesandIaaS)

Spectrum of mobile app development approaches

Web-Na'veCon'nuum

!  HTML5,JS,andCSS3(fullsiteorm.site)

!  Quickerandcheaperwaytomobile

!  Sub-op0malexperience

!  HTML5,JS,andCSS

!  UsuallyleveragesCordova

!  Downloadable,appstorepresence,pushcapabili0es

!  Canusena0veAPIs

!  Asprevious!  +moreresponsive,availableoffline

!  Web+na0vecode

!  Op0mizeduserexperiencewithna0vescreens,controls,andnaviga0on

!  AppfullyadjustedtoOS

!  Somescreensaremul0-plaMormwhenmakessense

!  AppfullyadjustedtoOS

!  Bestamainableuserexperience

!  UniquedevelopmenteffortperOS,costlytomaintain

HybridPureweb Purena0ve

Mobilewebsite(browseraccess)

Na'veshell

enclosingexternalm.site

Pre-packagedHTML5

resources

HTML5+na'veUI

Mostlyna've,someHTML5screens

Purena've

Demo

• MQA• MobilizeCar2Go+AirCanada• AppleIBM(Passenger+)