#ISMOB

Mobile en Cloud: wat is de impact op ons huidige IT-ecosysteem? @marcelmeijer

DennisVroegopDotNed

MarcelMeijerSDN

Marcel de VriesRegional Director@marcelv

@dvroegop

NUIAgenda CloudNUI

context Mobile

Trends

Trend 1: Mobile

Market research# of mobile devices sold now exceeds # of PC’s!

Source:http://www.businessinsider.com/

Market researchIn a few years the number of mobile devices will dwarf the number of PC’s

Source:http://www.businessinsider.com/

Market SharesRight now it is a two horse race

Source:http://www.businessinsider.com/

Market sharesThe game is not over, there is still a big market to gain!

Source:http://www.businessinsider.com/

Android39%

BlackBerry 13%

iOS19%

Symbian19%

Windows Phone

6%

Others4%

2011

Android49%

BlackBerry 13%

iOS17%

Symbian0%

Windows Phone20%

Others3%

2015Android

23%

BlackBerry 13%

iOS16%

Symbian38%

Windows Phone4%

Others4%

2010

Source: Gartner (http://www.gartner.com/it/page.jsp?id=1622614)

Smart Phone OS predictions

Tablet Market shares predictions

Android14%

iOS84%

Others2%

2010Android

17%

iOS73%

Others10%

2011Android

22%Windows

4%

iOS67%

Others7%

2012Android

35%

Windows11%

iOS45%

Others9%

2015

Source: Gartner (http://www.gartner.com/it/page.jsp?id=1800514)

The different business models

Revenue = hardware Revenue = software license Revenue = advertisement

High margins High volume High volume

Consumer focused Enterprise and Consumer Consumer

Building mobile apps

Building apps for the Mobile SpaceUser Experience Developer

productivity

Which platforms?

Application Lifecycle

Management

Distribution: Public or private

Corporate?Security & privacy

User interface designGraphical design– How does the app look?

Interaction design– How do I create an effective and efficient user

interface?– How do I create a natural experience that people

understand without training?

User ExperienceEmotionSenseSometimes almost a religion!Must closely match the native device experience!

Application types

HTML 5 mobile websitesRuns from the webMaximum reachNo native user interfaceOptional shortcut on the device with offline support

HTML5 mobile appsCan be purchased from AppStoreInstalled on the deviceNetwork connection not required to runNo native user interface

Native mobile appsCan be purchased from AppStoreInstalled on the deviceNetwork connection not required to runNative interfaceMaximum richness

Native mobile appsDifferent development environments– Java for Android– Objective-C for iPhone– XAML/C# for Windows Phone

Application types

Native look & feel -- -- ++Camera Access -- +- ++GPS ++ ++ ++

Secure service communication JSON/REST JSON/REST JSON/SOAP

Access to calendar -- -- ++Twitter integration +- +- +Distribution ++ AppStore presence AppStore presence

Building native apps, the options

Objective-CC / C++

C / C++Different CPU architectures

C# / Silverlight 3+

Java

Building native apps, the optionsReally?Write an app for each device?I need to master Objective C, Java and C#?Any alternatives?

3 types

App Logic

Vendor tools “Magic Box” Hybrid

XCodeObjective-C

WP7 Silverlight

C#

Android SDKJava

Appcelerator TitaniumJavaScript > Native

PhoneGapHTML5 / CSS / JS

Adobe AIRActionScript

AntennaRapid Scripting

Language

Service2MediaLua C#

XamarinMonoTouch

WP7 Silverlight

XamarinMono for Android

RhodesRuby + HTML

Sybase Unwired“4GL” code gen

Shared languageKony

Javascript Lua

Building the right user interfaceUI technology changes more rapidly then your servicesSo what UI technology do I choose?General rule of thumb:– Reach: Web– Rich: Native OS

Separate lifecycle of client and services– Services are stable– Uix changes more rapidly

Code sharing is possible!

Reusable20%

Shared app logic20%Windows8

13%

iOS18%

WP712%

Android16%

Shared

65%

Specific35%

Per App

...and that’s without the back end!

As long as you do proper design

Trends

Next Generation User Interfaces

Touch interface

usability research

How target size influences error rate

1/25

1/100

1/1000

Use touch target sizeRecommended size

– 7x7mm

Optimized for accuracy

– 9x9mm

Optimized for small size

– 5x5mm

Each target has 2mm padding

touch target padding

Microsoft: 9x9mmApple HIG: 44x44px

What about other input methods?

• Text commands

> Command output> more command more output

Command line interface• Click, double-click, right

click

Graphical user interface Metro style user interface• Slide/right click to select• Zoom/scrollbar to jump• Hold/hover to learn

Windows 8 touch interactions

Press and hold to learn

Swipe to selectSlide to dragTap for primary action

Pinch to zoom Rotate to rotateSwipe from edge forapp and system UI

Need for a design language(Metro)

Trends

Cloud

Cloud Computing is Serious Business

Cloud Services

“Bring Your Own User”

Software-as-a-ServiceSaaS“Bring Your Own

APP”

Platform-as-a-ServicePaaS“Bring Your Own

VM”

Infrastructure-as-a-Service

IaaS

Capacity Current

Investment

Estimate

Takes time

Capacity Cloud

Pay as you go

Fast

Monitoring

Typical Scenario

Cloud implications on architecture Cloud introduces a new phenomenon– Pay as you go cost model

This can have major implications on your architecture– Which cloud specific features do I use

Hard questions– Pay based on I/O or Compute cycles

• How many I/O’s to storage of my service?• Algorithms can make a difference!

– How much data am I going to store• Price differences based on storage models

Development Changes

Load Balancers

Scale out vs.Scale up

Synchroon vs.Asynschroon

Stateless

Cost Efficient

Multi TenancyIn fact:

it is normal Web development

Continuous clientAs a user I want to use multiple devices and continue my work seamlessly

Source:Gartner

Source:Gartner

Source:Gartner

Mobile trend is just taking offThe game is on!, not overNew user interface concepts will influence the way we build appsEach form factor requires unique interfaceCloud is there to support our massive computing demand Pay as you go model– Game changer for new business models!

Summary

Thank you!

Next session:20:15Track 1 (Seminarruimte 1)Next Generation User Interfaces Track 2 (Seminarruimte 2)Gebruik van MVVM en Maps op Windows Phone

@marcelmeijer

DennisVroegopDotNed

MarcelMeijerSDN

Marcel de VriesRegional Director@marcelv

@dvroegop