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

Obrigado!

Deric Ferreira dericferreira@hotmail.com http://dericferreira.wordpress.com