metro ui session 1

Upload: indyfromoz

Post on 03-Apr-2018

223 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/29/2019 Metro UI Session 1

    1/14

    Session 1

    Windows 8 & Metro UI:The Changing Application Paradigm

  • 7/29/2019 Metro UI Session 1

    2/14

    2 COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

    What well cover

    Changinglandscape

    a brief historyof applications What is Metro?

    What do

    Architects andDevelopersneed to changeto use Metro?

  • 7/29/2019 Metro UI Session 1

    3/14

    3 COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

    Changing Landscape

    Monolithic

    Client Server

    Distributed, Web

    Based, Mobile

  • 7/29/2019 Metro UI Session 1

    4/14

    4 COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

    Introducing Metro

  • 7/29/2019 Metro UI Session 1

    5/14

    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

    HTMLJavaScript

    C#

    VB

    C

    C++

    Desktop apps

    Win32.NET/ SL

    InternetExplorer

    SystemS

    ervices

    View

    Model

    Co

    ntroller

    Core

  • 7/29/2019 Metro UI Session 1

    6/14

    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/29/2019 Metro UI Session 1

    7/147 COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

    Monolithic Rich Apps

  • 7/29/2019 Metro UI Session 1

    8/148 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

  • 7/29/2019 Metro UI Session 1

    9/149 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

  • 7/29/2019 Metro UI Session 1

    10/1410 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

  • 7/29/2019 Metro UI Session 1

    11/1411 COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

    Costly to support Multiple Devices

    DIFFERENTAPPS

    DIFFERENTDEVICES

  • 7/29/2019 Metro UI Session 1

    12/1412 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

  • 7/29/2019 Metro UI Session 1

    13/1413 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

  • 7/29/2019 Metro UI Session 1

    14/1414 COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL

    Sharing Perspectives

    Q&A session