Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introducción a Windows 10

Slides de la charla de introducción a Windows 10 que impartí en el congreso #MovilApp15 de Escuela IT

  • Login to see the comments

Introducción a Windows 10

  1. 1. Introducción a Windows 10 Josué Yeray Julián Ferreiro Technical Lead @ @josueyeray jyeray@devsdna.com
  2. 2. Comenzamos!
  3. 3. http://windows.Microsoft.com El Core de Windows Un código común Un kernel Un mismo Sistema de archivos Un modelo de App Y más…
  4. 4. http://windows.Microsoft.com Un Kernel, un sistema
  5. 5. http://windows.Microsoft.com Un código común
  6. 6. http://windows.Microsoft.com Mayor facilidad para estar al día Plataforma de Apps y Core unificado El viaje de la convergencia Windows 10 Convergencia a nivel de kernel Convergencia en el modelo de App
  7. 7. http://windows.Microsoft.com La nueva plataforma Tenemos que controlar algunos acrónimos nuevos UAP Universal App Platform UWP app Universal Windows Platform app CWP app Classic Windows Platform app
  8. 8. http://windows.Microsoft.com UAP = Universal App Platform Una colección de contratos y versiones
  9. 9. http://windows.Microsoft.com Es similar a lo conocido • ¿Existe un archivo de manifiesto? • ¿Existe un Proyecto principal? • ¿Existe un Proyecto Shared? • ¿Tenemos directivas #IF de compilación?
  10. 10. DEMO Hel10 World
  11. 11. Las apps windows correrán en cualquier dispositivo
  12. 12. http://windows.Microsoft.com El SDK de extensión
  13. 13. http://windows.Microsoft.com Extensiones por plataforma <ItemGroup> <!-- Reference to the .Net Framework and Windows SDK are automatic --> <SDKReference Include="Windows Desktop, Version=10.0.9910.0"/> <SDKReference Include="Windows Mobile, Version=10.0.0.1"/> </ItemGroup>
  14. 14. La historia de las Apps Windows adaptativas
  15. 15. http://windows.Microsoft.com Opciones de diseño para adaptar la interfaz Estrategias de diseño Layouts flexibles con tamaños relativos Vistas XAML por dispositivo Archivos XAML separados con código compartido Estados visuales XAML Utilizados para escalar y gestionar orientaciones
  16. 16. http://windows.Microsoft.com
  17. 17. http://windows.Microsoft.com
  18. 18. Los usuarios adoran las Apps que son geniales en cada uno de sus dispositivos
  19. 19. Mejoras en Visual States
  20. 20. http://windows.Microsoft.com Visual State setters & triggers Setters permite establecer propiedades simples La mayoría de propiedades no necesitan animación Triggers declarados cuando se aplica un estado No necesitamos gestionar eventos en el code-behind <VisualState x:Name="wideState"> <VisualState.Setters> <Setter Target="myPanel.Orientation" Value="Horizontal" /> </VisualState.Setters> <VisualState.StateTriggers> <AdaptiveTrigger MinWindowWidth="600"/> </VisualState.StateTriggers> </VisualState>
  21. 21. Device family views
  22. 22. http://windows.Microsoft.com Device families En Windows 10, podemos distinguir los dispositivos de dos formas: • Por resolución • Por familia
  23. 23. http://windows.Microsoft.com Device families Windows 10 ofrece distintas familias de dispositivos: • Desktop • Mobile • Xbox • IoT • …
  24. 24. http://windows.Microsoft.com En algunas ocasiones, puede que el cambio de UI entre familias sea más complejo que una simple reorganización basada en el tamaño Incluso, el tamaño nos puede llevar a equívocos. Por ejemplo: Lumia 1520 1080x1920 Asus VivoTab 800x1280 No solo es importante la resolución: pulgadas y familia también lo son. Device families
  25. 25. Nuevos controles XAML
  26. 26. RelativePanel
  27. 27. http://windows.Microsoft.com Relative Panel Adaptativo Relativo al Panel Relativo a controles “hermanos” Simplifica nuestro XAML Simplifica el árbol visual Simplifica los estados visuales
  28. 28. El control Relative Panel es una de las claves para tus estrategias a la hora de adaptar la UI
  29. 29. SplitView
  30. 30. http://windows.Microsoft.com SplitView
  31. 31. http://windows.Microsoft.com Segoe MDL2 Assets
  32. 32. InkCanvas
  33. 33. http://windows.Microsoft.com InkCanvas DirectInk Más hardware Más preciso
  34. 34. DEMO InkCanvas
  35. 35. Stay tuned for more global MVP events! Visit us at http://mvp.microsoft.com

×