SlideShare una empresa de Scribd logo
1 de 37
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

Más contenido relacionado

Similar a Aplicaciones Universales: Cómo crear y compartir código entre Windows y Windows Phone

De Windows Phone App Studio a la Store
De Windows Phone App Studio a la StoreDe Windows Phone App Studio a la Store
De Windows Phone App Studio a la StoreJavier Suárez Ruiz
 
Diplomatura Desarrollo de Aplicaciones Móviles 2014
Diplomatura Desarrollo de Aplicaciones Móviles 2014Diplomatura Desarrollo de Aplicaciones Móviles 2014
Diplomatura Desarrollo de Aplicaciones Móviles 2014Interlat
 
Mod00 transparencias
Mod00 transparenciasMod00 transparencias
Mod00 transparenciasLorenzo Perez
 
Examen final ntic.pptx
Examen final ntic.pptxExamen final ntic.pptx
Examen final ntic.pptxKerlyAguilar2
 
6- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net (...
6- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net (...6- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net (...
6- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net (...Luis Fernando Aguas Bucheli
 
Visteme con 'Clean Architecture' que tengo prisas
Visteme con 'Clean Architecture' que tengo prisasVisteme con 'Clean Architecture' que tengo prisas
Visteme con 'Clean Architecture' que tengo prisasJosé María Pérez Ramos
 
Files temarios-programa 00005611-p 5611-tem_2083
Files temarios-programa 00005611-p 5611-tem_2083Files temarios-programa 00005611-p 5611-tem_2083
Files temarios-programa 00005611-p 5611-tem_2083uiem
 
DotNet2018: Xamarin.Forms Everywhere!
DotNet2018: Xamarin.Forms Everywhere!DotNet2018: Xamarin.Forms Everywhere!
DotNet2018: Xamarin.Forms Everywhere!Javier Suárez Ruiz
 
Curso de Android Xamarin desde cero
Curso de Android Xamarin desde ceroCurso de Android Xamarin desde cero
Curso de Android Xamarin desde ceroIndevo
 
Estándares Web y Accesibilidad en Colombia
Estándares Web y Accesibilidad en ColombiaEstándares Web y Accesibilidad en Colombia
Estándares Web y Accesibilidad en ColombiaGabriel Porras
 
Migración a Software Libre
Migración a Software LibreMigración a Software Libre
Migración a Software LibreEnrique Zanardi
 
Presentacion Xcode - Casos Exito y Productos
Presentacion Xcode - Casos Exito y ProductosPresentacion Xcode - Casos Exito y Productos
Presentacion Xcode - Casos Exito y ProductosXcode
 
Share point y los dispositivos moviles
Share point y los dispositivos movilesShare point y los dispositivos moviles
Share point y los dispositivos movilesAdrian Diaz Cervera
 
2.1 android cep jaen 2014 estructura de aplicación
2.1 android cep jaen 2014   estructura de aplicación2.1 android cep jaen 2014   estructura de aplicación
2.1 android cep jaen 2014 estructura de aplicaciónJose Antonio Vacas
 
Curso de programacion en android
Curso de programacion en androidCurso de programacion en android
Curso de programacion en androidEscurra Walter
 

Similar a Aplicaciones Universales: Cómo crear y compartir código entre Windows y Windows Phone (20)

De Windows Phone App Studio a la Store
De Windows Phone App Studio a la StoreDe Windows Phone App Studio a la Store
De Windows Phone App Studio a la Store
 
Firefox OS App Days USACH 2014
Firefox OS App Days USACH 2014Firefox OS App Days USACH 2014
Firefox OS App Days USACH 2014
 
Diplomatura Desarrollo de Aplicaciones Móviles 2014
Diplomatura Desarrollo de Aplicaciones Móviles 2014Diplomatura Desarrollo de Aplicaciones Móviles 2014
Diplomatura Desarrollo de Aplicaciones Móviles 2014
 
Mod00 transparencias
Mod00 transparenciasMod00 transparencias
Mod00 transparencias
 
Examen final ntic.pptx
Examen final ntic.pptxExamen final ntic.pptx
Examen final ntic.pptx
 
6- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net (...
6- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net (...6- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net (...
6- Unidad 1: Introducción a la Plataforma .NET-1.3. Aplicaciones en C# .net (...
 
Visteme con 'Clean Architecture' que tengo prisas
Visteme con 'Clean Architecture' que tengo prisasVisteme con 'Clean Architecture' que tengo prisas
Visteme con 'Clean Architecture' que tengo prisas
 
Files temarios-programa 00005611-p 5611-tem_2083
Files temarios-programa 00005611-p 5611-tem_2083Files temarios-programa 00005611-p 5611-tem_2083
Files temarios-programa 00005611-p 5611-tem_2083
 
Casos exito santiago toribio almatech
Casos exito santiago toribio almatechCasos exito santiago toribio almatech
Casos exito santiago toribio almatech
 
DAM-S4.pptx
DAM-S4.pptxDAM-S4.pptx
DAM-S4.pptx
 
DotNet2018: Xamarin.Forms Everywhere!
DotNet2018: Xamarin.Forms Everywhere!DotNet2018: Xamarin.Forms Everywhere!
DotNet2018: Xamarin.Forms Everywhere!
 
Curso de Android Xamarin desde cero
Curso de Android Xamarin desde ceroCurso de Android Xamarin desde cero
Curso de Android Xamarin desde cero
 
Estándares Web y Accesibilidad en Colombia
Estándares Web y Accesibilidad en ColombiaEstándares Web y Accesibilidad en Colombia
Estándares Web y Accesibilidad en Colombia
 
Migración a Software Libre
Migración a Software LibreMigración a Software Libre
Migración a Software Libre
 
Presentacion Xcode - Casos Exito y Productos
Presentacion Xcode - Casos Exito y ProductosPresentacion Xcode - Casos Exito y Productos
Presentacion Xcode - Casos Exito y Productos
 
Share point y los dispositivos moviles
Share point y los dispositivos movilesShare point y los dispositivos moviles
Share point y los dispositivos moviles
 
2.1 android cep jaen 2014 estructura de aplicación
2.1 android cep jaen 2014   estructura de aplicación2.1 android cep jaen 2014   estructura de aplicación
2.1 android cep jaen 2014 estructura de aplicación
 
Curso de programacion en android
Curso de programacion en androidCurso de programacion en android
Curso de programacion en android
 
Programacion de app
Programacion de appProgramacion de app
Programacion de app
 
Programacion de app
Programacion de appProgramacion de app
Programacion de app
 

Aplicaciones Universales: Cómo crear y compartir código entre Windows y Windows Phone

  • 3. 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
  • 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
  • 7.
  • 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 nuevo tipo 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
  • 12.
  • 13. Estructura de una Aplicación Universal • Un proyecto Windows 8.1 • Un proyecto Windows Phone 8.1 • Un proyecto de código compartido
  • 14. 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)
  • 15. Por qué dos aplicaciones
  • 17. 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
  • 18.
  • 19. DEMO Convertir una aplicación Windows 8.1 en Aplicación Universal
  • 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 • Ciclos de 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
  • 26.
  • 27. • Intellisense • Cambios de contexto • Panel de dispositivo
  • 28.
  • 29. DEMO Convertir una aplicación Windows 8.1 en Aplicación Universal
  • 30. Formas de compartir el código • Shared Project • PCL (Portable Class Library) • Añadir como enlace
  • 31. 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)
  • 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. DEMO Crear una Portable Class Library
  • 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 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

Notas del editor

  1. 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.
  2. 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.
  3. 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.
  4. 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.