SlideShare a Scribd company logo
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
SystemServicesView
Model
Controller
Core
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

More Related Content

PPTX
Why an innovative mobile strategy needs a robust API
PDF
Enterprise mobility Application Ruggedization
PDF
Mobile OS threats
PDF
Low-Code vs. Programming – It Isn’t an Either/Or Decision
PDF
How to sell Mobility to Enterprises ?
PDF
Mobile Application Architecture Strategy
PDF
SAP Mobile Platform: Virtual Bootcamp – How to build your Enterprise Mobile A...
PPTX
Open Source solution for Mobile Enterprise Application System
Why an innovative mobile strategy needs a robust API
Enterprise mobility Application Ruggedization
Mobile OS threats
Low-Code vs. Programming – It Isn’t an Either/Or Decision
How to sell Mobility to Enterprises ?
Mobile Application Architecture Strategy
SAP Mobile Platform: Virtual Bootcamp – How to build your Enterprise Mobile A...
Open Source solution for Mobile Enterprise Application System

What's hot (20)

PPTX
Mobile Enterprise Application vision
PPTX
API's for innovative cloud and mobile apps
PDF
Mobile App Virtualization (MAV)
PDF
How can Big data accelerate CDN services ?
PDF
Mobile Website vs Mobile App
PDF
6 Reasons Why You Should Create React Native Apps For Your Enterprise in 2021
PPTX
Mobile App Development
PDF
SAP Mobile Business Intelligence
PDF
Run Your Own Mobile App Store with WSO2 App Manager
PPTX
Mobile architecture overview
PDF
WSO2 App Manager: Your One-Stop Shop for App Management Solutions
PDF
Mobile app development guide
PPTX
Application modernization (1)
PPT
Key Architectural Aspects of a Enterprise Mobility Solution
PPTX
Low Code Platform
PDF
SAP Mobile Platform: Virtual Bootcamp – How to build your Enterprise Mobile A...
PPTX
Enterprise App Dev Platform to keep your "Developers, Architects and CIO" Happy
PPTX
Xamarin Mobile Leaders Summit: The Mobile Mind Shift: Opportunities, Challeng...
KEY
BP3: Mobile for BPM, BPM for Mobile Rev 1
PDF
Gartner Catalyst: MobiCloud presentation
Mobile Enterprise Application vision
API's for innovative cloud and mobile apps
Mobile App Virtualization (MAV)
How can Big data accelerate CDN services ?
Mobile Website vs Mobile App
6 Reasons Why You Should Create React Native Apps For Your Enterprise in 2021
Mobile App Development
SAP Mobile Business Intelligence
Run Your Own Mobile App Store with WSO2 App Manager
Mobile architecture overview
WSO2 App Manager: Your One-Stop Shop for App Management Solutions
Mobile app development guide
Application modernization (1)
Key Architectural Aspects of a Enterprise Mobility Solution
Low Code Platform
SAP Mobile Platform: Virtual Bootcamp – How to build your Enterprise Mobile A...
Enterprise App Dev Platform to keep your "Developers, Architects and CIO" Happy
Xamarin Mobile Leaders Summit: The Mobile Mind Shift: Opportunities, Challeng...
BP3: Mobile for BPM, BPM for Mobile Rev 1
Gartner Catalyst: MobiCloud presentation
Ad

Similar to Redefining Perspectives 4 - Metro ui Session 1 (20)

PDF
Getting Started with Windows 8 Apps A Guide to the Windows Runtime 1st Editio...
PDF
The Future of Developing Mobile Apps Trends and Innovations
PDF
Mobile User Interface Development Challenges and Trade-offs
PPTX
Building Windows8 Metro Applications
PPTX
Become a Windows 8 and Windows Phone App Developer at TechDays
PPTX
PDF
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
PDF
Windows 8 product guide developer english
KEY
Min Ahmed - Can help to build a successful mobile application
PDF
Mobile Developer's Guide To The Galaxy No.10
PPTX
Preparing for Windows 8 and Metro
PPTX
Tk2323 lecture 1 introduction to mobile application
PPTX
Beyond App Development
PPTX
Beyond App Development
PDF
iPad Apps for the Enterprise
PDF
Develop an app for Windows 8 using HTML5
PDF
FirstMeetupSlides
PDF
Eindhoven Mobile Development First Meetup Slides
PDF
Essential Windows Phone 75 Application Development With Silverlight 1st Editi...
PPTX
Eco system apps
Getting Started with Windows 8 Apps A Guide to the Windows Runtime 1st Editio...
The Future of Developing Mobile Apps Trends and Innovations
Mobile User Interface Development Challenges and Trade-offs
Building Windows8 Metro Applications
Become a Windows 8 and Windows Phone App Developer at TechDays
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
Windows 8 product guide developer english
Min Ahmed - Can help to build a successful mobile application
Mobile Developer's Guide To The Galaxy No.10
Preparing for Windows 8 and Metro
Tk2323 lecture 1 introduction to mobile application
Beyond App Development
Beyond App Development
iPad Apps for the Enterprise
Develop an app for Windows 8 using HTML5
FirstMeetupSlides
Eindhoven Mobile Development First Meetup Slides
Essential Windows Phone 75 Application Development With Silverlight 1st Editi...
Eco system apps
Ad

More from sapientindia (8)

PPTX
Redefining Perspectives - June 2015
PDF
Redefining Perspectives edition 12 and 13 session 2
PDF
Redefining Perspectives 12th edition Session 1
PDF
Redefining Perspectives 4 - Metro ui Session 2 ver 3 5 (5)
PDF
Redefining Perspectives 6 - Session 1 Jarlath Forde
PDF
Rp 6 session 2 naresh bhatia
PDF
Risk managementusinghadoop
PDF
Analyticsand bigdata
Redefining Perspectives - June 2015
Redefining Perspectives edition 12 and 13 session 2
Redefining Perspectives 12th edition Session 1
Redefining Perspectives 4 - Metro ui Session 2 ver 3 5 (5)
Redefining Perspectives 6 - Session 1 Jarlath Forde
Rp 6 session 2 naresh bhatia
Risk managementusinghadoop
Analyticsand bigdata

Redefining Perspectives 4 - Metro ui Session 1

  • 1. Session 1 Windows 8 & Metro UI: The Changing Application Paradigm
  • 2. 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. 3© COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL Changing Landscape Monolithic Client Server Distributed, Web Based, Mobile
  • 4. 4© COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL Introducing Metro
  • 5. 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 SystemServicesView Model Controller Core
  • 6. 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. 7© COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL Monolithic Rich Apps
  • 8. 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. 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. 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. 11© COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL Costly to support Multiple Devices DIFFERENT APPS DIFFERENT DEVICES
  • 12. 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. 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. 14© COPYRIGHT 2012 SAPIENT CORPORATION | CONFIDENTIAL Sharing Perspectives  Q&A session