Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Desenvolvendo Aplicações Metro
Search
mateusrevoredo
June 01, 2012
Programming
2
150
Desenvolvendo Aplicações Metro
mateusrevoredo
June 01, 2012
Tweet
Share
More Decks by mateusrevoredo
See All by mateusrevoredo
Bootstrapping web applications without Bootstrap
mateusrevoredo
0
100
Produtividade Ninja: Como ZSH e Fabric Mudaram minha forma de trabalhar
mateusrevoredo
1
130
Cloud Computing Com Amazon Web Services
mateusrevoredo
1
58
Bugzilla
mateusrevoredo
4
130
ASP.NET MVC Keynote
mateusrevoredo
1
120
Casos de Uso e Cenário
mateusrevoredo
1
93
Other Decks in Programming
See All in Programming
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
130
Cloudflare Realtime と Workers でつくるサーバーレス WebRTC
nekoya3
0
250
少数精鋭エンジニアがフルスタック力を磨く理由 -そしてAI時代へ-
rebase_engineering
0
130
マテリアルって何者?RealityKitで扱うマテリアル入門
nao_randd
0
140
RubyKaigi Hack Space in Tokyo & 函館最速 "予習" 会 / RubyKaigi Hack Space in Tokyo & The Fastest Briefing of RubyKaigi 2026 in Hakodate
moznion
1
130
技術的負債と戦略的に戦わざるを得ない場合のオブザーバビリティ活用術 / Leveraging Observability When Strategically Dealing with Technical Debt
yoshiyoshifujii
0
160
単体テストの始め方/作り方
toms74209200
0
130
JVM の仕組みを理解して PHP で実装してみよう
m3m0r7
PRO
1
250
テスト分析入門/Test Analysis Tutorial
goyoki
12
2.7k
バランスを見極めよう!実装の意味を明示するための型定義 TSKaigi 2025 Day2 (5/24)
whatasoda
2
780
TypeScript だけを書いて Tauri でデスクトップアプリを作ろう / Tauri with only TypeScript
tris5572
2
540
Feature Flag 自動お掃除のための TypeScript プログラム変換
azrsh
PRO
4
640
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
35
6.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
GitHub's CSS Performance
jonrohan
1031
460k
Producing Creativity
orderedlist
PRO
346
40k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
Stop Working from a Prison Cell
hatefulcrawdad
269
20k
Designing Experiences People Love
moore
142
24k
Visualization
eitanlees
146
16k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
Making Projects Easy
brettharned
116
6.2k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Transcript
Desenvolvendo Aplicações Metro Mateus Revoredo
about.me/mateusrevoredo
Introdução Tela Inicial do Windows 8 Interface Metro App Snapping
Charms App Bar
Introdução Tela Inicial do Windows 8 Interface Metro App Snapping
Charms App Bar
Interface Metro
Características Imersivas(Focadas no Conteúdo) Rápidas Aceitam gestos Integração com Windows
Interface consistente
Características Imersivas(Focadas no Conteúdo) Rápidas Aceitam gestos Integração com Windows
Interface consistente
None
None
None
None
Benefícios Notificações Integradas Podem ter um “Live Tile” Sem Bordas
Múltiplas resoluções Ciclo de vida gerenciado
Benefícios Notificações Integradas Podem ter um “Live Tile” Sem Bordas
Múltiplas resoluções Ciclo de vida gerenciado
Notificações integradas
Benefícios Notificações Integradas Podem ter um “Live Tile” Sem Bordas
Múltiplas resoluções Ciclo de vida gerenciado
Tiles Chamativo Próxima atividade Lembrete Extensão da Aplicação Ausente Conectado
None
None
Benefícios Notificações Integradas Podem ter um “Live Tile” Sem Bordas
Múltiplas resoluções Ciclo de vida gerenciado
None
10” 1024x768 13” 1400x1050 20” 1920x1080 27” 2560x1600 11.6” 1366x768
10” 1024x768 13” 1400x1050 20” 1920x1080 27” 2560x1600 11.6” 1366x768
10” 1024x768 13” 1400x1050 20” 1920x1080 27” 2560x1600 11.6” 1366x768
10” 1024x768 13” 1400x1050 20” 1920x1080 27” 2560x1600 11.6” 1366x768
10” 1024x768 13” 1400x1050 20” 1920x1080 27” 2560x1600 11.6” 1366x768
Benefícios Notificações Integradas Podem ter um “Live Tile” Sem Bordas
Múltiplas resoluções Ciclo de vida gerenciado
Terminada Suspensa Executando
Terminada Suspensa Executando
Terminada Suspensa Executando
App Snapping
Características Feitas para modo paisagem No mínimo 1366 pixels de
largura Podem ser “Snapped” do lado direito ou esquerdo Visualização “Snapped” é diferente da full screen
Informações Feitas para modo paisagem No mínimo 1366 pixels de
largura Podem ser “Snapped” do lado direito ou esquerdo Visualização “Snapped” é diferente da full screen
None
None
None
None
Charms
O que é? Conecta a sua aplicação a: Outras aplicações
Impressoras Modifica configurações
App Bar
None
None
Conforto na manipulação Controles mais utilizados próximos as bordas
Reimaginando uma aplicação Desktop no estilo Metro
None
None
None
None
None
None
None
None
Para o desenvolvedor
Desktop Apps C C++ Win32 C# VB .NET SL HTML
JavaScript Internet Explorer Windows Kernel Services
Communication & Data Devices & Printing WinRT APIs Graphics &
Media Desktop Ap C C++ Win32 HTML JavaScript Internet Explorer Metro style Apps Application Model XAML JavaScript HTML / CSS C C++ C# VB Windows Kernel Services System Services View Model Controller Kernel
None
None
None
Receita 70% Aplicações novas 80% Quando aplicação vender $25.000
Segurança
Custo Desenvolvedores Independentes Empresas $49 $99 Anualmente
< + + +
SkyDrive
Celsius vs. Fahrenheit (Tempo) Feeds que acompanho (Notícias) Cidades que
acompanho(Tempo) Configurações Última página lida(Leitor) Último estágio salvo(Jogo) Última música escutada(Música) Estado Armazenamento
demo Javascript App
None
obrigado!