Windows 8Desenvolvimento de Metro Style Apps
Deric FerreiraMCPD – Web Developer, Windows Azure Developer, SharePoint 2010
Objetivos
Fornecer uma visão geral sobre a nova plataforma de desenvolvimento
Demonstrar aplicações Metro Incentivar o Desenvolvimento de Apps
Metro Style
AgendaVisão geral da Plataforma
Demonstração – Navegação e Interface
Particularidades das Metro Style Apps Demonstração – Timer App (Ciclo de Vida de Processos)
Navegação com Metro Style Apps Demonstração – Navegação com Grid Template e Simulador de Dispositivos
Desenvolvimento de Games Demonstração – Platformer Game (HTML5)
Futuro das Metro Apps
Visão Geral da Plataforma
Algumas coisas ainda podem mudar…
DeveloperPreview
DeveloperPreview
ConsumerPreview
ConsumerPreview
ReleaseCandidateRelease
Candidate
Setembro/2011
Fevereiro/2012
RTM / GA
26 de Outubro de 2012
Maio/2012
Navegação e Interface -
Metro style Apps
HTMLJavaScrip
t
CC++
C#VB
Desktop Apps
Win32
.NET / SL
Internet Explore
r
Communication & Data
Application Model
Devices & Printing
WinRT APIsGraphics &
Media
JavaScript(Chakra)
CC++
C#VB
XAML HTML / CSS
Windows Core OS Services
Windows Runtime (WinRT)Todas APIs WinRT são nativasWinRT APIs parecem naturais em C++, C#/VB, e JavaScriptMétodos assíncronos (> performance)Reutilização de código portado em C++ (Games)WinRT APIs permite rico acesso a dispositivos, OS e serviçosHTML5/CSS/JavaScript e XAML = Metro style apps
> Riqueza de Controles e Funcionalidades< Curva de Aprendizado
Metro style apps oferecem suporte nativo a DirectX (Games)
Código que escrevemos hoje…
Código equivalente no WinRT (C#)using Windows.Media.Capture;
var ui = new CameraCaptureUI();ui.PhotoSettings.CroppedAspectRatio = new Size(4, 3);
var file = await ui.CaptureFileAsync(CameraCaptureUIMode.Photo);
if (file != null) { var bitmap = new BitmapImage(); bitmap.SetSource(await file.OpenAsync(FileAccessMode.Read)); Photo.Source = bitmap;}
Código equivalente no WinRT (JS)var dialog = new Windows.Media.Capture.CameraCaptureUI();
var aspectRatio = { width: 1, height: 1 };dialog.photoSettings.croppedAspectRatio = aspectRatio; dialog.captureFileAsync(Windows.Media.Capture.CameraCaptureUIMode.photo).done(function (file) { if (file) { var photoBlobUrl = URL.createObjectURL(file, { oneTimeOnly: true }); document.getElementById("capturedPhoto").src = photoBlobUrl; }});
Mais naturalidade, maior produtividade
using Windows.Media.Capture;
var ui = new CameraCaptureUI();ui.PhotoSettings.CroppedAspectRatio = new Size(4, 3);
var file = await ui.CaptureFileAsync(CameraCaptureUIMode.Photo);
if (file != null) { var bitmap = new BitmapImage(); bitmap.SetSource(await file.OpenAsync(FileAccessMode.Read)); Photo.Source = bitmap;}
var dialog = new Windows.Media.Capture.CameraCaptureUI();var aspectRatio = { width: 1, height: 1 };dialog.photoSettings.croppedAspectRatio = aspectRatio; dialog.captureFileAsync(Windows.Media.Capture.CameraCaptureUIMode.photo).done(function (file) { if (file) { var photoBlobUrl = URL.createObjectURL(file, { oneTimeOnly: true }); document.getElementById("capturedPhoto").src = photoBlobUrl; }});
C# Javascript
Particularidades
Aplicações declaram os recursos que necessitamAcesso a arquivos (Documentos, Fotos, etc)Dispositivos (WebCam, Microfone, SMS, etc)Rede (Internet, Intranet, etc)Contratos (Search, Share, etc)
Onde estão todas estas configurações? Appxmanifest.xml
install
install
Windows Store backend
SCCM
Sistema Operacional
Processo1Local context Web
contextAppData
Local Temp Roaming
Processo2Local context Web
contextAppData
Local Temp Roaming
User data Devices Communications Handlers Tiles …
TimeApp -
Navegação com Metro Apps
Nagevacao com GRID Template + Simulador de Dispositivos -
Desenvolvimento de Games
Movies & Cut ScenesMovies &
Cut Scenes
Your Killer Game
Game InputGame InputGraphicsGraphics AudioAudio
Direct3DDirect3D DirectX Video
DirectX Video
PointerPoint
PointerPoint PLMPLM
XAudio2XAudio2
Windows Live
Windows Live
Connected Services
Connected Services
Local Services
Local Services
Direct2DDirect2D
XInputXInput
Sensor API
Sensor API
WASAPIWASAPI
Windows Store
Windows Store
Xbox LIVEXbox LIVE
Media Foundatio
n
Media Foundatio
nAppDataAppData
ContractsContracts
Visual StudioVisual Studio
Asset ViewersAsset
Viewers
Asset Processors
Asset Processors
ToolsTools
HTMLHTML
XAMLXAML
Platformer Game -
Futuro das Metro Apps
Windows Store
O que deve nos interessar…o Potencial
“By 2020, analysts believe enterprise end-users will spend less than 10 percent of their time in Win32 applications. Most applications (including OS-neutral ones) and the browser will be run from Metro. Microsoft will continue to support Win32, but it will encourage developers to write more manageable and engaging applications using WinRT.” - Michael Silver, VP, Gartner.
Perguntas
Recommended
