Windows 8

-December 2014+
SMTWTFS
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910
  • RSS
  • Add To My MSN
  • Add To Windows Live
  • Add To My Yahoo
  • Add To Google

Statistics

  • Entries (4)
  • Comments (6)

Desarrollo de aplicaciones para Windows 8 con HTML5 y JavaScript 

Posted by Sorey García Friday, October 18, 2013 11:11:00 PM Categories: metro windows 8

Este mes fui invitada a compartir con los asistentes a JSConf Colombia una charla sobre desarrollo de apps para Windows 8 con HTML5 y JS, gran experiencia ha sido darse la oportunidad de ver otra más de las tecnologías involucradas en este ecosistema, ya que como saben soy desarrolladora XAML y C#.

La experiencia de intentar aplicar lo que ya conocía de desarrollo web, fue genial, por lo que les recomiendo aventurarse a ello.

Ante todo demasiado agradecida con los organizadores de JSConf por permitirme compartir este espacio lleno de tan valiosos speakers.

Las diapositivas un resumen tomado de montones de fuentes y que espero les resulte útil, se las comparto y los invito a seguir los paso a paso de MSDN para aprender de manera muy sencilla y comprensible todo lo que necesitan saber.

Trabajando Bases de Datos locales SQLite y Windows 8  

Posted by Sorey García Sunday, September 09, 2012 11:54:00 PM Categories: SQLite windows 8

Hola a todos

Aprovechando que hoy ando trabajando por estos días con Windows 8, hoy les traigo este tema que nos hizo sufrir a más de uno mientras esperabamos el RTM, en realidad esperabamos ansiosamente el wrapper de SQLite sin saberlo.

SQLite es una biblioteca de software que implementa una en sí misma, sin servidor, sin necesidad de configuración, el motor de base de datos transaccional de SQL y su código fuente es de dominio público.

Pues bien, SQLite ahora está disponible para nuestras aplicaciones Windows 8 que requieren almacenamiento estructurado local. El dolor que teniamos es que hasta ahora no existia una implementación de un wrapper estable y aprobado por Microsoft, que nos permitiera usarlo en nuestras apps. Soy enfática en el tema de aprobado por Microsoft puesto que ya habían varias implementaciones por ahí que muchos estaban usando, sin embargo al enviar nuestras aplicaciones a ser certificadas para publicarse en el Windows Store, estas podían recibir observaciones. Sin embargo ya la librería oficial escrita en C++ y que nos provee todo el poder y funcionalidad de SQLite está disponible para nuestras apps.

A continuación voy a hacer un ejemplo sencillo, paso a paso, mostrando como usarlo en una aplicación  Windows 8, este ejemplo está basado en el artículo publicado por Tim Heuer, una de mis fuentes recurrentes.

Aclaro y soy muy enfatica en ello, de la interfaz que use en el ejemplo, nada que ver con como debería ser una aplicación Windows 8, en este caso el ejemplo está más centrado en como usar SQLite

En primer lugar debemos instalar la extensión que nos permite usar la librería de C++ creada por el equipo de Windows. La encontramos en Tools > Extensions and Updates


Luego buscamos los componentes en línea SQLite for Windows Runtime y la descargamos para que sea instalada en nuestra máquina.

 


Se nos pide una confirmación, que aceptamos para proceder con la instalación.

 
Visual Studio nos notifica que debemos reiniciar para que la extensión sea tomada.
 
 
Reiniciamos y abrimos nuestro proyecto y seleccionamos la opción de añadir referencias.
 
 
Debemos seleccionar SQLite y Microsoft Visual C++ Runtime para que la librería funcione correctamente.

 


En mi caso Visual Studio reportaba un error, ya que debía seleccionar una plataforma específica a pesar de que en realidad se nombran todas las posibles en el mismo mensaje de error.

 


Para corregir ingresamos a las propiedades del proyecto

 
Y seleccionamos en la sección Build, la plataforma de destino.

 

 
Ahora bien,  en este punto si tenemos el conocimiento podríamos acceder a la librería y usarla, sin embargo lo recomendado es buscar algún Wraper existente en C# como es mi caso, para no tener que lidiar con esto si no sabemos como hacerlo. Muchos de esos wraper se encuentran disponibles en NuGet. Si usamos VB debemos continuar los pasos hasta añadir el código del wraper, y compilar una librería en C# y luego referenciar esta desde nuestro proyecto VB.
 
Para iniciar la instalación del wraper verificamos en las extensiones si lo tenemos instalado y si no procedemos a hacerlo igual que se hizo con el SQLite.
 


Ahora bien ingresamos a NuGet para buscar un wrapper adecuado para nuestra aplicación.

 


El wrapper recomendado en el artículo de base de este post es sqlite-net, lo seleccionamos e instalamos.

 

 

Se nos pide seleccionar en que aplicación vamos a añadir el código, en este caso solo tengo un proyecto.
 
 
Lo que sucede es que añaden dos API a nuestro código, una de ellas es una API que usa  Async , palabra que si no entiendes a este instante te recomiendo estudiar en Channel 9 o en el Blog de Walter Novoa
 
En este post usaré Async, si quieres ver como usar la otra API, puedes ver el post de Tim Heuer o bien leer la documentación en español del Windows Developer Center

 

 
Para esto también es muy importante tener los conceptos de objetos y ORM claros en tu cabeza. De hecho empezamos nuestro ejemplo construyendo la clase que mapea con la estructura de nuestra tabla de ejemplo. No debemos confundir la clase con la tabla, la tabla de hecho no la veremos, sin embargo es la clase quien nos ayudará a que finalmente se cree la tabla (esto solo suena enredado si no tienes claros los conceptos que te mencioné)
 
La clase es sencilla, sin embargo podrás ver unos decoradores sobre ella
 
Otros decoradores pueden ser AutoIncrement, MaxLength(30).
 
Ahora creamos nuestra interfaz sencilla, les comparto el Document Outline para que se guien.
 
 

 

 
Tambien pueden ver el XAML del formulario. Solo recuerden que hacer una aplicación Windows 8 requiere de mucho más, pero es bueno iniciar desde lo fácil. 
 
Aprovecho para recomendarles que aprendan a manejar Blend, de verdad es una gran herramienta para abstraernos un poco del arduo trabajo de hacer XAML, sin embargo es igual de importante entender y saber modifical el XAML cuando algo va mal.
 
 
Ahora va el código del botón insertar como ven es bastante sencillo de usar cuando ya tienes el wrapper correcto.
 
 
Aquí la aplicación funcionando.

 

 
Luego tenemos el botón consultar que lleva un ListView los items de la base de datos, bastante sencillo tambien.

 

 
Aqui vemos la aplicación mostrando los nombres registrados.

 

 
Recuerden que hay mucho que hacer con respecto a las listas, y en XAML si sabemos manejar los enlaces correctamente podemos mostrar más información sin hacer más código, veamos un ejemplo de esto para terminar.
 
Pueden modificar el DataTemplate del ListView así:

 


Como mostraremos todo el objeto y no solo una parte de el modificamos el código.

 
Y de esta forma podemos tener una lista con más forma, que de hecho podemos editar mucho mejor si usamos Expression Blend.

 

 
Espero que este corto ejemplo les resulte de mucha utilidad. Nos vemos la próxima.
 
Sorey
View User Profile for Sorey García .NET Mobile Development & Software Architecture Consultant. Agile Enthusiast. Avanet Founder. BarCamp Medellín Co-Organizer. MVP Windows Phone Development.

Plantillas METRO - Visual Studio 2012 

Posted by kaiclemente Friday, June 15, 2012 12:19:00 PM Categories: metro VS2012 windows 8

Fuente: http://kaiclemente.wordpress.com/2012/06/15/plantillas-metro-visual-studio-2012/

Cuando empezamos a crear nuevos proyectos usando Visual Studio, por cada tecnología que nos presenta, nos muestra una serie de plantillas, por ejemplo si elegimos web, tenemos como plantillas Web Forms, MVC, etc.

Si empezamos a crear aplicaciones "Windows Metro style", veremos lo siguiente:

En un post anterior mencionamos que se pueden crear aplicaciones con estilo METRO usando XAML y HTML (usando JAVASCRIPT), peor en la imagen solo tenemos aplicaciones con XAML. Si usamos Visual Studio 2012 ¿Donde podemos encontrar las demas plantillas?.

Al lado Izquierdo tenemos que buscar "Otros Lenguajes (Other Languages)", y al desplegar veremos al final "JAVASCRIPT", cuano desplegamos recien vemos la opcion de estilo Metro:

Si vemos tenemos 3 plantillas iguales en ambos casos:
1.- Blank App - Crear aplicaciones estilos Metro desde 0, recomendado para personas que ya manejan este patrón.

2.- Grid App - Plantilla básica de como debería ser una aplicación METRO, para aquellas personas que desean crear una apps en poco tiempo, o para los que por primera vez van a crear una.

3.- Split App - Plantilla básica base de como crear una lista con su detalle, pensado también para personas que desean crear apps en poco tiempo, o para los que por primera vez van a crear una.

Si se dan cuenta, ya estamos entrando poco a poco a crear aplicaciones con estilos METRO, si desean más información ingresen a http://msdn.microsoft.com/library/windows/apps/hh779072.

Nos leemos

Aplicaciones METRO para Windows 8 

Posted by kaiclemente Monday, June 11, 2012 11:12:00 PM Categories: metro windows 8

Fuente: http://kaiclemente.wordpress.com/2012/06/11/app-win8/

Iniciamos una nueva semana, y cada día me sorprenden las cosas que descubro usando VS2012 y Windows 8.
Si aun no los tienes puedes descargarlos desde aquí:
Windows 8 RC
VS2012 RC

Para empezar a dar ejemplos de como construir aplicaciones METRO debemos de entender lo siguiente:

Windows 8

Como se puede observar, se tiene separadas las aplicaciones con estilo METRO y las aplicaciones de escritorio. Una observación muy importante:

“UNA APLICACION METRO NO ES UN LENGUAJE DE PROGRAMACION”

Las aplicaciones tipo metro, es una forma de trabajo basado en un estilo fomentado por MICROSOFT, que se quiere promover como un estándar un ejemplo clarisimo es Windows Phone que tambien tiene la interfaz METRO.

Para poder crear las aplicaciones con estilo metro, puedes usar como UX XAML o HTML, y para implementar la funcionalidad puedes usar C/C++, C#/VB y JavaScript. Voy a ir explicando en otros artículos cada detalle del grafico, y sobre todo como iniciar a crear este tipo de aplicaciones.

Las aplicaciones con estilo METRO están siendo muy revolucionarias por ser muy amigable e informativa al momento de usarlas.
Así que manos a la obra, empecemos a crear aplicaciones con las nuevas tecnologías.

Nos leemos,
Kai Clemente