of the evolution of mobile€¦ · • mobilefirst plaorm: o introdukon l mfp (herunder hvorfor og...
TRANSCRIPT
![Page 1: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/1.jpg)
of the Evolution of Mobile
Lars Kjær Ipsen Tech sales IBM MobileFirst Nordc [email protected]
@ipsenlars
#ibmmobile #bluemix
![Page 2: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/2.jpg)
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)
![Page 3: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/3.jpg)
Brian Solis
![Page 4: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/4.jpg)
The evolu/on of the phone
![Page 5: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/5.jpg)
2013
The Mobile Moment
2005
![Page 6: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/6.jpg)
The next generation Apps are all about data and workflows
![Page 7: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/7.jpg)
Why most people aren’t downloading apps anymore!
65% 11.5 6
![Page 8: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/8.jpg)
Designing for mobile is different
39% 19%
![Page 9: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/9.jpg)
10
Stakeholder Map Empathy Map Scenario Map
Wireframe Technical Prototype Feedback Grid Prioritization Grid
Story Map
Brainstorming using design
![Page 10: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/10.jpg)
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
![Page 11: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/11.jpg)
Magic Quadrant for Mobile Applica/on Development PlaAorms
![Page 12: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/12.jpg)
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
![Page 13: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/13.jpg)
Back-end implementa/on plan
14
![Page 14: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/14.jpg)
![Page 15: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/15.jpg)
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)
![Page 16: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/16.jpg)
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
![Page 17: of the Evolution of Mobile€¦ · • MobileFirst Plaorm: o Introdukon l MFP (herunder hvorfor og hvornår er det nødvendigt med en Mobile plaorm) o Hvordan integrerer/fungerer](https://reader036.vdocument.in/reader036/viewer/2022070816/5f1041187e708231d4483399/html5/thumbnails/17.jpg)
Demo
• MQA• MobilizeCar2Go+AirCanada• AppleIBM(Passenger+)