Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD – Web Developer, Windows Azure Developer, SharePoint 2010

  • View
    104

  • Download
    1

Embed Size (px)

Transcript

  • Slide 1
  • Windows 8 Desenvolvimento de Metro Style Apps Deric Ferreira MCPD Web Developer, Windows Azure Developer, SharePoint 2010
  • Slide 2
  • Objetivos Fornecer uma viso geral sobre a nova plataforma de desenvolvimento Demonstrar aplicaes Metro Incentivar o Desenvolvimento de Apps Metro Style
  • Slide 3
  • Agenda Viso geral da Plataforma Demonstrao Navegao e Interface Particularidades das Metro Style Apps Demonstrao Timer App (Ciclo de Vida de Processos) Navegao com Metro Style Apps Demonstrao Navegao com Grid Template e Simulador de Dispositivos Desenvolvimento de Games Demonstrao Platformer Game (HTML5) Futuro das Metro Apps
  • Slide 4
  • Viso Geral da Plataforma
  • Slide 5
  • Algumas coisas ainda podem mudar Developer Preview Developer Preview Consumer Preview Consumer Preview Release Candidate Release Candidate Setembro/2011 Fevereiro/2012 RTM / GA 26 de Outubro de 2012 Maio/2012
  • Slide 6
  • Slide 7
  • Slide 8
  • Slide 9
  • Navegao e Interface -
  • Slide 10
  • Slide 11
  • Slide 12
  • Metro style Apps HTML JavaScript C C++ C# VB Desktop Apps Win32.NET / SL Internet Explorer Communication & Data Application Model Devices & Printing WinRT APIs Graphics & Media JavaScript (Chakra) C C++ C# VB XAMLHTML / CSS Windows Core OS Services
  • Slide 13
  • Windows Runtime (WinRT) Todas APIs WinRT so nativas WinRT APIs parecem naturais em C++, C#/VB, e JavaScript Mtodos assncronos (> performance) Reutilizao de cdigo portado em C++ (Games) WinRT APIs permite rico acesso a dispositivos, OS e servios HTML5/CSS/JavaScript e XAML = Metro style apps > Riqueza de Controles e Funcionalidades < Curva de Aprendizado Metro style apps oferecem suporte nativo a DirectX (Games)
  • Slide 14
  • Cdigo que escrevemos hoje
  • Slide 15
  • Cdigo 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; }
  • Slide 16
  • Cdigo 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).do ne(function (file) { if (file) { var photoBlobUrl = URL.createObjectURL(file, { oneTimeOnly: true }); document.getElementById("capturedPhoto").src = photoBlobUrl; } });
  • Slide 17
  • 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.CameraCaptur eUIMode.photo).done(function (file) { if (file) { var photoBlobUrl = URL.createObjectURL(file, { oneTimeOnly: true }); document.getElementById("capturedPhoto").src = photoBlobUrl; } }); C#Javascript
  • Slide 18
  • Particularidades
  • Slide 19
  • Aplicaes declaram os recursos que necessitam Acesso a arquivos (Documentos, Fotos, etc) Dispositivos (WebCam, Microfone, SMS, etc) Rede (Internet, Intranet, etc) Contratos (Search, Share, etc) Onde esto todas estas configuraes? Appxmanifest.xml
  • Slide 20
  • install Windows Store backend SCCM
  • Slide 21
  • Sistema Operacional Processo1 Local context Web context AppData LocalTempRoaming Processo2 Local context Web context AppData LocalTemp Roamin g User dataDevicesCommunicationsHandlersTiles
  • Slide 22
  • Slide 23
  • Slide 24
  • Slide 25
  • Slide 26
  • Slide 27
  • TimeApp -
  • Slide 28
  • Navegao com Metro Apps
  • Slide 29
  • Slide 30
  • Slide 31
  • Nagevacao com GRID Template + Simulador de Dispositivos -
  • Slide 32
  • Desenvolvimento de Games
  • Slide 33
  • Movies & Cut Scenes Your Killer Game Game Input Graphics Audio Direct3D DirectX Video Pointer Point Pointer Point PLM XAudio2 Windows Live Connected Services Local Services Direct2D XInput Sensor API WASAPI Windows Store Xbox LIVE Media Foundation AppData Contracts Visual Studio Asset Viewers Asset Processors Tools HTML XAML
  • Slide 34
  • Slide 35
  • Platformer Game -
  • Slide 36
  • Futuro das Metro Apps
  • Slide 37
  • Windows Store
  • Slide 38
  • O que deve nos interessaro 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.
  • Slide 39
  • Slide 40
  • Perguntas
  • Slide 41
  • Obrigado! Deric Ferreira dericferreira@hotmail.com http://dericferreira.wordpress.com