Aplicaciones
Universales
Asier Tarancón García
@asiertarancon
asiertarancon@outlook.com
2
Rioja{dotnet}
Objetivos
- Ser un punto de encuentro entre
profesionales/estudiantes/interesados en
tecnologías .NET
- Traer gente especialista en .Net para hacer eventos,
cursos, charlas, talleres…
- Aprender, aprender y aprender
3
PRESENTE Y futuro
- Llenar la web: www.riojadotnet.comde
contenido
- Seguiremos con los eventos
- Reuniones mensuales
- Proyectos en equipo. (por ejemplo con la propia web,
aplicaciones para Windows Phone…)
4
RECURSOS PARA ESTUDIANTES
- Alianza académica de Microsoft con la UR
- DreamSpark (http://www.dreamspark.com)
- Imaginecup (http://www.imaginecup.com)
- Microsoft Student Partners
(http://www.microsoftstudentpartners.com)
- Microsoft Virtual Academy
(www.microsoftvirtualacademy.com)
- Microsoft Student Career Portal
(www.microsoft.com/learning/student-
career/en/us/default.aspx) 5
contacto
• Web: http://www.riojadotnet.com
• E-mail: info@riojadotnet.com
• Twitter: @RiojaDotNet
• Asier Tarancón García
• E-mail: asiertarancon@outlook.com
• Twitter: @asiertarancon 6
Indice
• Introducción. ¿Qué son?
• Estructura de una Aplicación Universal en VS
• Cómo depurar, selección del proyecto inicial
• Usar directivas de precompilación
• Intellisense warnings limitaciones de plataforma
Aplicaciones Universales
Un nuevo tipo de aplicación que nos
permitirá compartir mucho código y
recursos entre las plataformas Windows 8 y
Windows Phone
Creando aplicaciones universales
• Necesitamos el update 2 de Visual Studio 2013
• C#, C++ y JavaScript
• Nuevas plantillas. Es la forma más sencilla de empezar
con las aplicaciones universales.
Creando aplicaciones universales
• Plantillas:
• Aplicación vacía
• Hub (Evolución del panorama)
• PCL (Portable Class Library)
• Componentes de Windows
Estructura de una Aplicación Universal
• Un proyecto Windows 8.1
• Un proyecto Windows Phone 8.1
• Un proyecto de código
compartido
Proyecto compartido
• Permite compartir el código entre las aplicaciones
• No saca unos archivos binarios
• ¿Qué podemos compartir?
La mayoría de ficheros, como ficheros de código (VM,
Servicios…) pero también XAML (Vistas), imágenes,
logos, ficheros de localización (resw)
Por qué dos aplicaciones
DEMO
Aplicación HUB, estructura de
proyectos
Convertir una aplicación existente
• Podemos convertir una aplicación hecha para
Windows 8.1 a aplicación universal y
• Podemos convertir una aplicación Windows Phone 8.1
a aplicación universal
DEMO
Convertir una aplicación Windows 8.1
en Aplicación Universal
Convergencia plataformas Windows
Convergencia en números. (I)
• En 8.0 ~30% de
convergencia
• En 8.1 ~90% de
convergencia
• Contratos convergen:
Launch, Share, FilePicker
• Las que no se comparten
son por temas muy
inherentes al dispositivo
(sms, llamadas…)
Convergencia en números (II)
Classes Structs Interfaces
Windows 8.1 SDK 566 119 59
Windows Phone 8.1 SDK 624 131 57
+58 +12 -2
Datos extraídos de la conferencia Build 2014
Características separadas todavía
• Pantalla de bloqueo. Background Provider
• Tonos de llamadas
• Alarmas y recordatorios
• Aplicaciones de lentes
• …
En común
• Ciclos de vida
• Misma tienda
• Conjunto de herramientas compartidas
• Marco común para la interfaz de usuario
Directivas de compilación
• Usaremos las siguientes directivas para diferenciar en
qué plataforma estamos:
WINDOWS_APP para Windows 8
WINDOWS_PHONE_APP para Windows Phone
• Por ej:
#if WINDOWS_PHONE_APP
private TransitionCollection transitions;
#endif
• Intellisense
• Cambios de
contexto
• Panel de
dispositivo
DEMO
Convertir una aplicación Windows 8.1
en Aplicación Universal
Formas de compartir el código
• Shared Project
• PCL (Portable Class Library)
• Añadir como enlace
Proyecto compartido
• No saca unos archivos binarios
• ¿Qué podemos compartir?
La mayoría de ficheros, como ficheros de código (VM,
Servicios…) pero también XAML (Vistas), imágenes,
logos, ficheros de localización (resw)
Portable Class Library
• Sí que genera binarios
• Nos permite compartir una dll a
varias aplicaciones. Universal apps,
pero también otro tipo de
aplicaciones, como Xamarin
DEMO
Crear una Portable Class Library
Tienda
Tokens de desarrollador
• Microsoft os regala tokens de desarrollador para que
durante un año podáis subir aplicaciones a la tienda de
Windows 8 / Windows Phone 8.
• Para conseguirlos tenéis que enviar un mail a
sopwp@microsoft.com
Referencias
• Vídeos Channel 9:
http://channel9.msdn.com/Series/Building-Apps-for-Windows-Phone-8-
1/22
http://channel9.msdn.com/Events/Build/2014/3-591
• Samples: http://code.msdn.microsoft.com/windowsapps/Universal-
Windows-app-cb3248c3
• Blogs:
http://wintellect.com/blogs/jprosise/building-universal-apps-with-visual-
studio-2013-update-2
http://geeks.ms/blogs/jyeray/
http://msdn.microsoft.com/es-es/library/windows/apps/dn609832.aspx
¡Gracias!
Asier Tarancón García
@asiertarancon
asiertarancon@outlook.com

Aplicaciones universales, Windows 8 y Windows Phone 8. @RiojaDotNet

  • 1.
  • 2.
  • 3.
    Objetivos - Ser unpunto de encuentro entre profesionales/estudiantes/interesados en tecnologías .NET - Traer gente especialista en .Net para hacer eventos, cursos, charlas, talleres… - Aprender, aprender y aprender 3
  • 4.
    PRESENTE Y futuro -Llenar la web: www.riojadotnet.comde contenido - Seguiremos con los eventos - Reuniones mensuales - Proyectos en equipo. (por ejemplo con la propia web, aplicaciones para Windows Phone…) 4
  • 5.
    RECURSOS PARA ESTUDIANTES -Alianza académica de Microsoft con la UR - DreamSpark (http://www.dreamspark.com) - Imaginecup (http://www.imaginecup.com) - Microsoft Student Partners (http://www.microsoftstudentpartners.com) - Microsoft Virtual Academy (www.microsoftvirtualacademy.com) - Microsoft Student Career Portal (www.microsoft.com/learning/student- career/en/us/default.aspx) 5
  • 6.
    contacto • Web: http://www.riojadotnet.com •E-mail: info@riojadotnet.com • Twitter: @RiojaDotNet • Asier Tarancón García • E-mail: asiertarancon@outlook.com • Twitter: @asiertarancon 6
  • 8.
    Indice • Introducción. ¿Quéson? • Estructura de una Aplicación Universal en VS • Cómo depurar, selección del proyecto inicial • Usar directivas de precompilación • Intellisense warnings limitaciones de plataforma
  • 9.
    Aplicaciones Universales Un nuevotipo de aplicación que nos permitirá compartir mucho código y recursos entre las plataformas Windows 8 y Windows Phone
  • 10.
    Creando aplicaciones universales •Necesitamos el update 2 de Visual Studio 2013 • C#, C++ y JavaScript • Nuevas plantillas. Es la forma más sencilla de empezar con las aplicaciones universales.
  • 11.
    Creando aplicaciones universales •Plantillas: • Aplicación vacía • Hub (Evolución del panorama) • PCL (Portable Class Library) • Componentes de Windows
  • 13.
    Estructura de unaAplicación Universal • Un proyecto Windows 8.1 • Un proyecto Windows Phone 8.1 • Un proyecto de código compartido
  • 14.
    Proyecto compartido • Permitecompartir el código entre las aplicaciones • No saca unos archivos binarios • ¿Qué podemos compartir? La mayoría de ficheros, como ficheros de código (VM, Servicios…) pero también XAML (Vistas), imágenes, logos, ficheros de localización (resw)
  • 15.
    Por qué dosaplicaciones
  • 16.
  • 17.
    Convertir una aplicaciónexistente • Podemos convertir una aplicación hecha para Windows 8.1 a aplicación universal y • Podemos convertir una aplicación Windows Phone 8.1 a aplicación universal
  • 19.
    DEMO Convertir una aplicaciónWindows 8.1 en Aplicación Universal
  • 20.
  • 21.
    Convergencia en números.(I) • En 8.0 ~30% de convergencia • En 8.1 ~90% de convergencia • Contratos convergen: Launch, Share, FilePicker • Las que no se comparten son por temas muy inherentes al dispositivo (sms, llamadas…)
  • 22.
    Convergencia en números(II) Classes Structs Interfaces Windows 8.1 SDK 566 119 59 Windows Phone 8.1 SDK 624 131 57 +58 +12 -2 Datos extraídos de la conferencia Build 2014
  • 23.
    Características separadas todavía •Pantalla de bloqueo. Background Provider • Tonos de llamadas • Alarmas y recordatorios • Aplicaciones de lentes • …
  • 24.
    En común • Ciclosde vida • Misma tienda • Conjunto de herramientas compartidas • Marco común para la interfaz de usuario
  • 25.
    Directivas de compilación •Usaremos las siguientes directivas para diferenciar en qué plataforma estamos: WINDOWS_APP para Windows 8 WINDOWS_PHONE_APP para Windows Phone • Por ej: #if WINDOWS_PHONE_APP private TransitionCollection transitions; #endif
  • 27.
    • Intellisense • Cambiosde contexto • Panel de dispositivo
  • 29.
    DEMO Convertir una aplicaciónWindows 8.1 en Aplicación Universal
  • 30.
    Formas de compartirel código • Shared Project • PCL (Portable Class Library) • Añadir como enlace
  • 31.
    Proyecto compartido • Nosaca unos archivos binarios • ¿Qué podemos compartir? La mayoría de ficheros, como ficheros de código (VM, Servicios…) pero también XAML (Vistas), imágenes, logos, ficheros de localización (resw)
  • 32.
    Portable Class Library •Sí que genera binarios • Nos permite compartir una dll a varias aplicaciones. Universal apps, pero también otro tipo de aplicaciones, como Xamarin
  • 33.
  • 34.
  • 35.
    Tokens de desarrollador •Microsoft os regala tokens de desarrollador para que durante un año podáis subir aplicaciones a la tienda de Windows 8 / Windows Phone 8. • Para conseguirlos tenéis que enviar un mail a sopwp@microsoft.com
  • 36.
    Referencias • Vídeos Channel9: http://channel9.msdn.com/Series/Building-Apps-for-Windows-Phone-8- 1/22 http://channel9.msdn.com/Events/Build/2014/3-591 • Samples: http://code.msdn.microsoft.com/windowsapps/Universal- Windows-app-cb3248c3 • Blogs: http://wintellect.com/blogs/jprosise/building-universal-apps-with-visual- studio-2013-update-2 http://geeks.ms/blogs/jyeray/ http://msdn.microsoft.com/es-es/library/windows/apps/dn609832.aspx
  • 37.

Notas del editor

  • #17 1- Abrir un proyecto existente de Windows 8.1 2- Ir al menú contextual sobre el proyecto y enseñar la opción de añadir proyecto Windows Phone 3- Mostrar la estructura de tres proyectos que crea y ver cómo en el proyecto Shared no hay ningún fichero 4- Podríamos arrastrar todos los View Models y las clases comunes a ese proyecto compartido 5- No pueden existir los mismos archivos en el área compartida y en los proyectos específicos porque lo que hace el sistema en compilación es cogerlos y añadirlos en los respectivos proyectos.
  • #20 1- Abrir un proyecto existente de Windows 8.1 2- Ir al menú contextual sobre el proyecto y enseñar la opción de añadir proyecto Windows Phone 3- Mostrar la estructura de tres proyectos que crea y ver cómo en el proyecto Shared no hay ningún fichero 4- Podríamos arrastrar todos los View Models y las clases comunes a ese proyecto compartido 5- No pueden existir los mismos archivos en el área compartida y en los proyectos específicos porque lo que hace el sistema en compilación es cogerlos y añadirlos en los respectivos proyectos.
  • #30 1- Abrir un proyecto existente de Windows 8.1 2- Ir al menú contextual sobre el proyecto y enseñar la opción de añadir proyecto Windows Phone 3- Mostrar la estructura de tres proyectos que crea y ver cómo en el proyecto Shared no hay ningún fichero 4- Podríamos arrastrar todos los View Models y las clases comunes a ese proyecto compartido 5- No pueden existir los mismos archivos en el área compartida y en los proyectos específicos porque lo que hace el sistema en compilación es cogerlos y añadirlos en los respectivos proyectos.
  • #34 1- Abrir un proyecto existente de Windows 8.1 2- Ir al menú contextual sobre el proyecto y enseñar la opción de añadir proyecto Windows Phone 3- Mostrar la estructura de tres proyectos que crea y ver cómo en el proyecto Shared no hay ningún fichero 4- Podríamos arrastrar todos los View Models y las clases comunes a ese proyecto compartido 5- No pueden existir los mismos archivos en el área compartida y en los proyectos específicos porque lo que hace el sistema en compilación es cogerlos y añadirlos en los respectivos proyectos.