Windows 8: Desenvolvimento de Metro Style Apps

  • 614 views
Uploaded on

Apresentação do Caio Proiete sobre como podemos desenvolver aplicações Metro style para o Windows 8 e tirar partido das novas APIs introduzidas com o Windows Runtime (WinRT), na 2a Reunião Presencial …

Apresentação do Caio Proiete sobre como podemos desenvolver aplicações Metro style para o Windows 8 e tirar partido das novas APIs introduzidas com o Windows Runtime (WinRT), na 2a Reunião Presencial da Comunidade NetPonto (http://netponto.org) no Porto.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
614
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 2ª Reunião Porto - 14/04/2012 http://netponto.org Windows 8: Como Desenvolver Metro Style Apps Caio Proiete
  • 2. Caio ProieteConsultor Independente / Freelancer –> http://caioproiete.netFormador @ CICLO –> http://ciclo.ptMicrosoft MVP, MCT, MC*.net
  • 3. Agenda• Windows 8 – “Hello Windows 8” – “Hello Metro Apps”• Desenvolver uma pequena Metro App do início até ... onde der :)
  • 4. Disclaimer: Beta Bits • Algumas coisas ainda podem mudar até a versão final RTM / GA ? Release Candidate ? Consumer Preview Fevereiro/2012 Developer PreviewSetembro/2011
  • 5. Windows 8• Nova experiência de utilização• Windows Runtime (WinRT)• Novo ambiente de execução de Apps• Windows Store
  • 6. Windows 8: Nova experiência
  • 7. Windows 8: Nova experiência
  • 8. Windows 8: Controlos
  • 9. Windows 8
  • 10. Windows Runtime (WinRT) APIs
  • 11. Windows Runtime (WinRT) APIs• Acesso aos recursos do sistema operativo, serviços e hardware• São assíncronas• Utilização natural em C#, JavaScript e C++
  • 12. Código C# que escrevemos hoje... DllImport "avicap32.dll" "capCreateCaptureWindow"static extern int string int int int int int int int DllImport "avicap32.dll"static extern bool int MarshalAs UnmanagedType ref string int MarshalAs UnmanagedType ref string int// (continua...)
  • 13. Código semelhante no Windows 8 (C#)using Windows.Media.Capture;var new CameraCaptureUI new Sizevar await CameraCaptureUIModeif var new BitmapImage await FileAccessMode
  • 14. Código semelhante no Windows 8 (JS)var ui = new Windows.Media.Capture.CameraCaptureUI();ui.photoSettings.croppedAspectRatio = { width: 4, height: 3 };ui.captureFileAsync(Windows.Media.Capture.CameraCaptureUIMode.photo).done(function (file) { if (file) { var imageBlobUrl = URL.createObjectURL(file); id("photo").src = imageBlobUrl; }});
  • 15. CameraCaptureUI
  • 16. Instalação típica de Metro Apps
  • 17. App Manifest e Capabilities• Aplicações declaram os recursos que necessitam – Acesso a ficheiros (Documentos, Fotos, etc...) – Dispositivos (WebCam, Microfone, SMS, etc...) – Rede e identidade (Internet, rede privada, etc...) – Associação a tipos de ficheiro (*.doc, etc...) – Contratos que implementa (Search, Share, etc...)• appxmanifest.xml
  • 18. Ambiente de Execução das Apps
  • 19. Ciclo de vida das aplicações Metro
  • 20. Ciclo de vida das Metro Apps
  • 21. Windows Store
  • 22. Windows Store – Potencial
  • 23. Windows Store – Quality Labs• Até o lançamento, só apps que passarem no Quality Labs (Maio e Junho) entram na Windows Store• App precisa ser mesmo boa!! • Só por convite (Chatear o Tiago A. Silva) – tiagoand@microsoft.com
  • 24. Desenvolvimento de uma Metro App
  • 25. Desenvolvimento de uma Metro App
  • 26. Desenvolvimento da App “Revista Programar”
  • 27. Funcionalidades a implementar...• Search: Sugestões de Resultados• Share: Partilhar imagem da revista• Settings: Ecrã com preferências do utilizador• Orientation: Adaptação do layout de acordo com as mudanças de orientação (portrait / snapped)• PLM: Gravar a restaurar estado da aplicação• Live Tiles: Mostrar capa das últimas edições na tile da aplicação• Push Notifications: Mostrar alerta de nova edição disponível para download...
  • 28. Questões?
  • 29. Próximos passosWindows Dev Center – http://dev.windows.comWindows 8 app developer blog – http://blogs.msdn.com/b/windowsappdev/Building Windows 8 – http://blogs.msdn.com/b/b8/The Windows Store blog – http://blogs.msdn.com/b/windowsstore/
  • 30. Patrocinadores "GOLD"
  • 31. Próximas reuniões presenciais• 14/04/2012 – Abril (Porto)• 21/04/2012 – Abril (Lisboa)• 12/05/2012 – Maio (Coimbra)• 26/05/2012 – Maio (Lisboa)Reserva estes dias na agenda! :)
  • 32. Obrigado!Caio Proietecaio@netponto.orghttp://caioproiete.nethttp://twitter.com/caioproiete