of the evolution of mobile€¦ · • mobilefirst plaorm: o introdukon l mfp (herunder hvorfor og...
TRANSCRIPT
of the Evolution of Mobile
Lars Kjær Ipsen Tech sales IBM MobileFirst Nordc [email protected]
@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+)