metro ui session 1
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