introduction to mobile center [20170923]

45

Upload: madoka-chiyoda

Post on 21-Jan-2018

927 views

Category:

Engineering


0 download

TRANSCRIPT

Page 1: Introduction to Mobile Center [20170923]
Page 2: Introduction to Mobile Center [20170923]

I am Madoka Chiyoda!

Page 3: Introduction to Mobile Center [20170923]

My manga work:

“Let’s run! Coding Academy”

Page 4: Introduction to Mobile Center [20170923]

@chomado

Page 5: Introduction to Mobile Center [20170923]

This is not our goal !

Page 6: Introduction to Mobile Center [20170923]

mobile apps dev/ops challenges

lifecycle

what Mobile Center offers

• Automate lifecycle

Page 7: Introduction to Mobile Center [20170923]
Page 8: Introduction to Mobile Center [20170923]

A/B Testing

Live Update

Push Notifications

Crash Reporting

Remote Config.

Page 9: Introduction to Mobile Center [20170923]

Visual Studio Mobile Center

https://mobile.azure.com

Page 10: Introduction to Mobile Center [20170923]

2. Demo: Automated UI Testing with Mobile Center

4. Demo: Take a look at Mobile Center

5. Getting started with Mobile Center

6. Demo: How to enable Mobile Center to your app

Page 11: Introduction to Mobile Center [20170923]
Page 12: Introduction to Mobile Center [20170923]

Business Goal:

Source: Puppet Labs 2016 State of DevOps Report

Low performers

High performers49%time on

new work

38%time on

new work

Page 13: Introduction to Mobile Center [20170923]

Business Goal:

of users

will immediately

switch to another

app if it fails to meet

their needs

of users

will take negative

action toward a

brand after a less-

than-optimal mobile

experience

Page 14: Introduction to Mobile Center [20170923]

Business Goal:

Page 15: Introduction to Mobile Center [20170923]
Page 16: Introduction to Mobile Center [20170923]
Page 17: Introduction to Mobile Center [20170923]
Page 18: Introduction to Mobile Center [20170923]

3D Touch

iPhone 6s /7

series only

Apple pencil

iPad Pro only

Multi Tasking

Only select iPads

iPads

iPod

touchiPhones

Form factors iOS 9+ feature

s

Page 19: Introduction to Mobile Center [20170923]

25% 50% 75% 90%Market Share

Nu

mb

er

of D

evic

es

13

45

134

288

0

U.S. Device Market Coverage Data

Page 20: Introduction to Mobile Center [20170923]
Page 21: Introduction to Mobile Center [20170923]

UIinteracts with your app just like your users do

Page 22: Introduction to Mobile Center [20170923]

Tap Scroll Swipe Pinch Multi Finger

Text Entry Rotation GPS

Page 23: Introduction to Mobile Center [20170923]
Page 24: Introduction to Mobile Center [20170923]

2. Demo: Automated UI Testing with Mobile Center

4. Demo: Take a look at Mobile Center

5. Getting started with Mobile Center

6. Demo: How to enable Mobile Center to your app

Page 25: Introduction to Mobile Center [20170923]

I want to create a mobile application.

After the development, I also want to publish them to the stores!

Page 26: Introduction to Mobile Center [20170923]

Requirement #1:

Cross Platform Application

Page 27: Introduction to Mobile Center [20170923]

Requirement #1:

Cross Platform Application

Page 28: Introduction to Mobile Center [20170923]

Requirement #1:

Cross Platform Application

Page 29: Introduction to Mobile Center [20170923]

Requirement #2:

Automated UI TestingWith various Real devices

Page 30: Introduction to Mobile Center [20170923]

Requirement #3:

Distribute builds tointernal / external testers

Page 31: Introduction to Mobile Center [20170923]

Requirement #4:

Publish to the stores

Page 32: Introduction to Mobile Center [20170923]

Requirement #5:

Learn from our usersBy monitoring and analytics

Page 33: Introduction to Mobile Center [20170923]

Requirement #5:

Learn from our usersBy monitoring and analytics

Page 34: Introduction to Mobile Center [20170923]
Page 35: Introduction to Mobile Center [20170923]
Page 36: Introduction to Mobile Center [20170923]

Multi-stage Development

(just one app involves many stages)

Page 37: Introduction to Mobile Center [20170923]
Page 38: Introduction to Mobile Center [20170923]

2. Demo: Automated UI Testing with Mobile Center

4. Demo: Take a look at Mobile Center

5. Getting started with Mobile Center

6. Demo: How to enable Mobile Center to your app

Page 39: Introduction to Mobile Center [20170923]

I understood what Mobile Center offers and how to enable mobile developers to build better apps.

So now I want to know how to get started with Mobile Center!

Page 40: Introduction to Mobile Center [20170923]
Page 41: Introduction to Mobile Center [20170923]

2. Demo: Automated UI Testing with Mobile Center

4. Demo: Take a look at Mobile Center

5. Getting started with Mobile Center

6. Demo: How to enable Mobile Center to your app

Page 42: Introduction to Mobile Center [20170923]

Visual Studio Mobile Center

Page 43: Introduction to Mobile Center [20170923]

Lifecycle:

Monitoring:

Mobile Backend:

Page 44: Introduction to Mobile Center [20170923]

mobile.azure.com

Page 45: Introduction to Mobile Center [20170923]