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
160
2
Share
Desenvolvendo Aplicações Metro
mateusrevoredo
June 01, 2012
More Decks by mateusrevoredo
See All by mateusrevoredo
Bootstrapping web applications without Bootstrap
mateusrevoredo
0
130
Produtividade Ninja: Como ZSH e Fabric Mudaram minha forma de trabalhar
mateusrevoredo
1
150
Cloud Computing Com Amazon Web Services
mateusrevoredo
1
77
Bugzilla
mateusrevoredo
4
150
ASP.NET MVC Keynote
mateusrevoredo
1
130
Casos de Uso e Cenário
mateusrevoredo
1
98
Other Decks in Programming
See All in Programming
タクシーアプリ『GO』の バックエンド開発のおける AI利活用と若者のすべて
pyama86
3
1.8k
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
macha64
0
410
New "Type" system on PicoRuby
pocke
1
430
GitHub Copilot CLIのいいところ
htkym
2
1.2k
ユニットテストの先へ:テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
shimashima35
0
330
AI駆動開発勉強会 広島支部 第一回勉強会 AI駆動開発概要とワークショップ
hayatoshimiu
0
430
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
hirokunimaeta
0
450
プラグインで拡張される Context をtype-safe にする難しさと設計判断
kazupon
2
550
CSC307 Lecture 17
javiergs
PRO
0
310
DynamoDBには集計系のクエリがないけどなんとかしたい
musan
1
120
フロントエンドとバックエンドで「1文字」を揃えよう
youkidearitai
PRO
0
150
TAKTでAI駆動開発の品質を設計する
j5ik2o
4
270
Featured
See All Featured
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
380
We Have a Design System, Now What?
morganepeng
55
8.2k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
400
Rails Girls Zürich Keynote
gr2m
96
14k
For a Future-Friendly Web
brad_frost
183
10k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Facilitating Awesome Meetings
lara
57
6.9k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.8k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Music & Morning Musume
bryan
47
7.2k
Ethics towards AI in product and experience design
skipperchong
2
300
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!