windows 8 desenvolvimento de metro style apps deric ferreira mcpd – web developer, windows azure...
TRANSCRIPT
![Page 1: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/1.jpg)
Windows 8Desenvolvimento de Metro Style Apps
Deric FerreiraMCPD – Web Developer, Windows Azure Developer, SharePoint 2010
![Page 2: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/2.jpg)
Objetivos
Fornecer uma visão geral sobre a nova plataforma de desenvolvimento
Demonstrar aplicações Metro Incentivar o Desenvolvimento de Apps
Metro Style
![Page 3: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/3.jpg)
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
![Page 4: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/4.jpg)
Visão Geral da Plataforma
![Page 5: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/5.jpg)
Algumas coisas ainda podem mudar…
DeveloperPreview
DeveloperPreview
ConsumerPreview
ConsumerPreview
ReleaseCandidateRelease
Candidate
Setembro/2011
Fevereiro/2012
RTM / GA
26 de Outubro de 2012
Maio/2012
![Page 6: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/6.jpg)
![Page 7: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/7.jpg)
![Page 8: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/8.jpg)
![Page 9: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/9.jpg)
Navegação e Interface -
![Page 10: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/10.jpg)
![Page 11: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/11.jpg)
![Page 12: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/12.jpg)
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
![Page 13: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/13.jpg)
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)
![Page 14: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/14.jpg)
Código que escrevemos hoje…
![Page 15: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/15.jpg)
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;}
![Page 16: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/16.jpg)
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; }});
![Page 17: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/17.jpg)
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
![Page 18: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/18.jpg)
Particularidades
![Page 19: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/19.jpg)
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
![Page 20: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/20.jpg)
install
install
Windows Store backend
SCCM
![Page 21: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/21.jpg)
Sistema Operacional
Processo1Local context Web
contextAppData
Local Temp Roaming
Processo2Local context Web
contextAppData
Local Temp Roaming
User data Devices Communications Handlers Tiles …
![Page 22: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/22.jpg)
![Page 23: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/23.jpg)
![Page 24: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/24.jpg)
![Page 25: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/25.jpg)
![Page 26: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/26.jpg)
![Page 27: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/27.jpg)
TimeApp -
![Page 28: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/28.jpg)
Navegação com Metro Apps
![Page 29: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/29.jpg)
![Page 30: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/30.jpg)
![Page 31: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/31.jpg)
Nagevacao com GRID Template + Simulador de Dispositivos -
![Page 32: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/32.jpg)
Desenvolvimento de Games
![Page 33: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/33.jpg)
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
![Page 34: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/34.jpg)
![Page 35: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/35.jpg)
Platformer Game -
![Page 36: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/36.jpg)
Futuro das Metro Apps
![Page 37: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/37.jpg)
Windows Store
![Page 38: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/38.jpg)
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.
![Page 39: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/39.jpg)
![Page 40: Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010](https://reader035.vdocuments.com.br/reader035/viewer/2022062318/552fc12b497959413d8cfdba/html5/thumbnails/40.jpg)
Perguntas