redefining perspectives 4 - metro ui session 1

14
Session 1 Windows 8 & Metro UI: The Changing Application Paradigm

Upload: sapientindia

Post on 18-Dec-2014

83 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Redefining Perspectives 4 - Metro ui Session 1

Session 1

Windows 8 & Metro UI: The Changing Application Paradigm

Page 2: Redefining Perspectives 4 - Metro ui Session 1

2 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

What we’ll cover

Changing landscape

– a brief history of applications What is Metro?

What do Architects and Developers need to change to use Metro?

Page 3: Redefining Perspectives 4 - Metro ui Session 1

3 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Changing Landscape

Monolithic

Client Server

Distributed, Web Based, Mobile

Page 4: Redefining Perspectives 4 - Metro ui Session 1

4 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Introducing Metro

Page 5: Redefining Perspectives 4 - Metro ui Session 1

5 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Windows Runtime – the underlying platform

Windows Core OS Services

JavaScript (Chakra)

C C++

C# VB

Metro style apps

Communication

& Data

Application Model

Devices &

Printing

WinRT APIs

Graphics &

Media

XAML HTML / CSS

HTML JavaScript

C# VB

C C++

Desktop apps

Win32 .NET

/ SL

Internet

Explorer

Syst

em

Se

rvic

es

Vie

w

Mo

de

l C

on

tro

ller

Co

re

Page 6: Redefining Perspectives 4 - Metro ui Session 1

6 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

A Financial World Scenario

Actors Applications Functions

Portfolio Manager

Execution Trader

Analyst

- Front-faces Investors

- Creates Strategies & Deals

- Watches Stock Prices

- Acknowledges New Orders

- Approves Orders

- Analyzes Daily Trading Data

- Watches Stock Prices

- Go To Person For All Research & Analysis

- Watches Stock Prices

Page 7: Redefining Perspectives 4 - Metro ui Session 1

7 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Monolithic Rich Apps

Page 8: Redefining Perspectives 4 - Metro ui Session 1

8 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Less is More • Create smaller apps focused on specific things they are best at

• Share charm used to share functionality

Share

Page 9: Redefining Perspectives 4 - Metro ui Session 1

9 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Contracts and Reuse

• Support the Metro search charm by making your application searchable

• Enables mash-up scenarios not thought of at the time of application development

• Activation contracts enable Applications to invoke one another

Page 10: Redefining Perspectives 4 - Metro ui Session 1

10 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Think standards

Navigation – [Hub, Flat]

Commanding

Charms

Touch, mouse, and keyboard

• Detailed UI guidelines and standards around:

• Key component of enabling support across multiple devices and form factors

Page 11: Redefining Perspectives 4 - Metro ui Session 1

11 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Costly to support Multiple Devices

DIFFERENT APPS

DIFFERENT DEVICES

Page 12: Redefining Perspectives 4 - Metro ui Session 1

12 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Multiple devices • Not all parts of a large app make sense on all devices. Smaller focused apps

enable easier multi-device support • Standards enable support for multiple form factors • Application lifecycle management changes to support devices with limited

battery life

Page 13: Redefining Perspectives 4 - Metro ui Session 1

13 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Key changes

1. Less is more!

2. Create small apps that are best at doing just one thing

3. Think of contracts that your application needs to expose

4. Think of the activation points of your application

5. Reuse existing applications to create mash ups

6. Much more discipline around standards!

7. Bring together use cases that make sense on multiple form

factor devices

8. Application lifecycle

Page 14: Redefining Perspectives 4 - Metro ui Session 1

14 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Sharing Perspectives

Q&A session