session 1 windows 8 & metro ui - sapient.com · •support the metro search charm by making...

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

Upload: lelien

Post on 16-Sep-2018

218 views

Category:

Documents


0 download

TRANSCRIPT

Session 1

Windows 8 & Metro UI: The Changing Application Paradigm

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?

3 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Changing Landscape

Monolithic

Client Server

Distributed, Web Based, Mobile

4 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Introducing Metro

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

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

7 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Monolithic Rich Apps

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

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

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

11 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Costly to support Multiple Devices

DIFFERENT APPS

DIFFERENT DEVICES

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

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

14 © COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

Sharing Perspectives

Q&A session