Download - Introducción a las Apps Universales
![Page 1: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/1.jpg)
Introduccióna las
Aplicaciones
Universales Christmas Mobile
Apps Sessions
![Page 2: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/2.jpg)
XAML Developer Bravent
Microsoft MVP Windows Platform
Development
• Blog: http://geeks.ms/blogs/jsuarez
• Email: [email protected]
• Twitter: @jsuarezruiz
![Page 3: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/3.jpg)
Introducción a las Aplicaciones UniversalesConvergencia
Convertir un Proyecto a Universal
Estrategias para compartir código
MVVM
XAML
![Page 4: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/4.jpg)
Doble trabajo!. Ahora cada
cambio tenemos que tenerlo en
cuenta en dos apps diferentes
¿Solución?
![Page 5: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/5.jpg)
Hace mucho mucho tiempo!Hace pocos meses!
![Page 6: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/6.jpg)
![Page 7: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/7.jpg)
Hoy, llegan las Aplicaciones Universales
![Page 8: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/8.jpg)
El viaje de la
convergencia
![Page 9: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/9.jpg)
Windows Phone 7.5 Windows Phone 8.0
La convergencia comenzo con IE
• WP 7.5 salio con IE9
• Mismo engine de renderizado que
en Windows
• Mismo engine JavaScript que en
Windows
Convergencia a nivel de Core (NT
kernel)
• Common kernel & Sistema de
archivos
• Kernel mode driver framework
• Secure boot encriptación del
almacenamiento (BitLocker)
• Core networking stack
Plataforma de desarrollo
• Convergencial parcial en APIs
(sensores & IAP)
• Códig,o native (C++) y DirectX
• IE10
Convergencia en la plataforma de
desarrollo
• Mayores opciones para la
reutilización
• Mayor reutilización de código
Alieneación de las Stores
• Registro compartido
Common Core Platform
• Proximity & Location frameworks
• Seguridad
• Task scheduler
![Page 10: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/10.jpg)
WinRT es el runtime y conjunto de APIs utilizadas por las aplicaciones Store y Phone
Convergencia 8.1• El objetivo a conseguir es el 100% de convergencia para
el desarrollo
• En 8.0, teníamos ~30% de convergencia en APIs
• Con 8.1, se supera el 90%+ de convergencia
![Page 11: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/11.jpg)
| |
Leyenda
![Page 12: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/12.jpg)
12
![Page 13: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/13.jpg)
Aplicaciones
Universales
![Page 14: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/14.jpg)
![Page 15: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/15.jpg)
Podemos adaptar el diseño a cadaplataforma
![Page 16: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/16.jpg)
![Page 17: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/17.jpg)
![Page 18: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/18.jpg)
![Page 19: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/19.jpg)
•Permite compartir código entre las aplicaciones
convergentes
•NO crea ningún binario en una carpeta Output
•Tiene acceso a todas las APIs WinRT•Soporta todo tipo de ficheros−Code files .cs, .js, .cpp, .h
−XAML
− Images .png, .jpg…
−RESW
−XML etc…
![Page 20: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/20.jpg)
![Page 21: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/21.jpg)
![Page 22: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/22.jpg)
![Page 23: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/23.jpg)
![Page 24: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/24.jpg)
80% exactamente el mismo XAML 20% custom
Comunes BaseAdaptados
DatePicker
TimePicker
CommandBar
Button
CheckBox
RadioButton ProgressBar
Slider
ToggleSwitchHub
Pivot
ListView
GridView
AppBar
SysTray
![Page 25: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/25.jpg)
Windows Windows Phone
![Page 26: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/26.jpg)
Layout: Panel, StackPanel, Grid, Border
Buttons, Slider, ToggleSwitch, CheckBox, RadioButton, ProgressBar
TextBox, TextBlock
Shapes/Path
![Page 27: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/27.jpg)
Hub
AppBar/CommandBar
Date/Time Pickers y ListPickers
ListView
Flyouts
Media
![Page 28: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/28.jpg)
Windows Phone
Windows
![Page 29: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/29.jpg)
![Page 30: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/30.jpg)
Windows SettingsFlyout
SearchBox
Windows Phone Pivot
AutoSuggestBox
ContentDialog
Maps
![Page 31: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/31.jpg)
![Page 32: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/32.jpg)
![Page 33: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/33.jpg)
![Page 34: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/34.jpg)
![Page 35: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/35.jpg)
![Page 36: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/36.jpg)
<tile>
<visual version="2">
<binding template="TileSquare150x150Text01">
<text id="1">New Message</text>
<text id="2">Thomas Fennel</text>
<text id="3">Looking forward to your \\build\ talk next week</text>
<text id="4"></text>
</binding>
<binding template="TileWide310x150SmallImageAndText02">
<image id="1" src="http://favoritesocialmediasite.com/profiles/thomas.png" />
<text id="1">New Message</text>
<text id="2">Thomas Fennel</text>
<text id="3">Looking forward to your \\build\ talk next week</text>
<text id="4"></text>
<text id="5"></text>
</binding>
</visual>
</tile>
![Page 37: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/37.jpg)
![Page 38: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/38.jpg)
![Page 39: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/39.jpg)
Roaming Local Temp
Roaming Local Temp
Roaming
100kb
100kb
Dispositivo A
Dispositivo B
![Page 40: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/40.jpg)
![Page 41: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/41.jpg)
![Page 42: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/42.jpg)
720p
Manifesto(s)
1080p SpanishGermanItalianFrenchEnglishWVGA
DLLs
![Page 43: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/43.jpg)
Soporte a APIs WinRT
Librerías para apps C++, Javascript
![Page 44: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/44.jpg)
• Nuevos controles: FlipView, GridView, ListView, SemanticZoom,
Menu Flyouts, RichTextBox, Hub…
• Controles mejorados: WebView más versátil, CommandBar con
soporte a enlace a datos, etc.
• Nuevas APIS de notificaciones y el Action Center.
• Nuevos Tiles.
• Nuevas APIs Geofencing, permiten la ejecución de código en
segundo plano según el posicionamiento.
• Mejoras en NFC, lectura de TAGS en solo lectura, sin formato, etc.
• APIs criptográficas que permiten trabajar con PKIs, etc.
• Nuevas APIs para la edición directa de video.
• Roaming de settings.
![Page 45: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/45.jpg)
•
•
•
•
•
•
•
•
•
![Page 46: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/46.jpg)
Preguntas y respuestas.
¿Dudas?
&
![Page 47: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/47.jpg)
Introducción a lasAplicaciones Universales
Presentación: http://1drv.ms/1Bl52vc
Ejemplos: http://1drv.ms/1A0uK42
![Page 48: Introducción a las Apps Universales](https://reader034.vdocuments.site/reader034/viewer/2022052700/55a1828a1a28abec098b4849/html5/thumbnails/48.jpg)
Introducción a lasAplicacionesUniversales
Gracias por vuestro tiempo!
Blog: http://geeks.ms/blogs/jsuarez
Email: [email protected]
Twitter: @jsuarezruiz