Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012
-
Upload
rodolfo-finochietti -
Category
Technology
-
view
4.756 -
download
1
description
Transcript of Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012
![Page 1: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/1.jpg)
Desarrollo de aplicacionesWindows 8 Modern UI con Visual Studio 2012
Rodolfo Finochietti – [email protected]@rodolfof
![Page 2: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/2.jpg)
Windows reimaginado
![Page 3: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/3.jpg)
La misma experiencia en todos los dispositivos
Tablets to laptops to all-in-ones
Highest power to the most efficient chipset
Touch, mouse, keyboard
![Page 4: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/4.jpg)
Demo
Windows 8
![Page 5: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/5.jpg)
Plataforma
• Windows Runtime (WinRT)• Modern UI (ex Metro)• App Execution Environment• Windows Store
![Page 6: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/6.jpg)
Plataforma Windows 8
![Page 7: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/7.jpg)
Ventajas de WinRT
• Es Asincronico• Acceso unico y rico a todos los dispositivos,
SO, y servicios• Sintaxis inspirada en .NET• Codigo nativo para dar la mejor experiencia
![Page 8: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/8.jpg)
Lenguajes
WindowsRuntime
Object(or Component)
Writtenin C++, C#, VB
Windows Metadata
C++ App
Projection
CLR
C#/VB AppProjection
HTML AppChakra
Projection
![Page 9: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/9.jpg)
Process Isolation
![Page 10: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/10.jpg)
Process state transitions
![Page 11: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/11.jpg)
Roaming
La aplicacion utiliza los datos normalmente
La informacion del usuario se sincroniza en la cuenta de Microsoft
![Page 12: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/12.jpg)
Contracts
![Page 13: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/13.jpg)
The Windows Store
![Page 14: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/14.jpg)
Instalacion de aplicaciones
![Page 15: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/15.jpg)
8 rasgos de las aplicaciones Modern UI
Modern UI style designFast and fluidSnap and scale beautifullyUse the right contractsInvest in a great TileFeel connected & aliveRoam to the cloudEmbrace Modern UI principles
![Page 16: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/16.jpg)
Windows RuntimeFor Developers
![Page 17: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/17.jpg)
Windows Runtime desde .NET
• Windows siempre ha proporcionado caracteristicas que los desarrolladores pueden utilizar para construir software sobre ellas.
• Pero nunca fue algo facil de usar desde C# or VB
![Page 18: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/18.jpg)
[DllImport("avicap32.dll", EntryPoint="capCreateCaptureWindow")]static extern int capCreateCaptureWindow( string lpszWindowName, int dwStyle, int X, int Y, int nWidth, int nHeight, int hwndParent, int nID);
[DllImport("avicap32.dll")] static extern bool capGetDriverDescription( int wDriverIndex, [MarshalAs(UnmanagedType.LPTStr)] ref string lpszName, int cbName, [MarshalAs(UnmanagedType.LPTStr)] ref string lpszVer, int cbVer);
// more and more of the same
El código de C# que hoy escribimos
![Page 19: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/19.jpg)
El código que vamos a escribir en Windows 8
using Windows.Media.Capture;
var ui = new CameraCaptureUI();ui.PhotoSettings.CroppedAspectRatio = new Size(4, 3);
var file = await ui.CaptureFileAsync(CameraCaptureUIMode.Photo);
if (file != null) { var bitmap = new BitmapImage() ; bitmap.SetSource(await file.OpenAsync(FileAccessMode.Read)); Photo.Source = bitmap;}
![Page 20: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/20.jpg)
Windows Runtime desde .NET
• Usar Windows Runtime desde C# y Visual Basic se siente natural y familiar.
• La mayoria de las diferencias entre Windows Runtime y.NET estan ocultas
• El uso de Extension methods nos permite cerrar el gap entre Windows Runtime y el código manejado.
![Page 21: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/21.jpg)
Windows Runtime desde JS
• WinRT tambien se siente natural para programadores habituados a HTML y JS
• La naturaleza dinamica de JS permite absorber el gap con WinRT de manera natural
![Page 22: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/22.jpg)
Demo
Desarrollando Apps Modern UI
![Page 23: Desarrollo de aplicaciones Windows 8 Modern UI con Visual Studio 2012](https://reader035.fdocuments.us/reader035/viewer/2022081519/557ad6f9d8b42a8f648b4675/html5/thumbnails/23.jpg)
¿Preguntas?