K4W2 en aplicaciones para la Windows Store XML

Hola y bienvenidos a este nuevo tutorial de Kinect para Windows v2 en aplicaciones para la Windows Store.

En esta ocasión les quiero mostrar las dos maneras de implementar el Kinect en XML.

En el vídeo podrás apreciar la diferencia entre el uso del sensor en una aplicación catálogo  y la misma aplicación pero con la implementación del Kinect SDK.

Para poder desarrollar para Kinect es necesario en toda ocasión agregar las 3 referencias:

1

Para poder eliminar las advertencias y poder empezar a desarrollar, cambia de Any CPU a x86

2

En el AppxManifest > capacidades > Microphone y Webcam.

Nota: Sí no agregas estas dos capacidades no podrás hacer uso del sensor y te marcará error a la hora de correr tu aplicación.

3

 

Método 1:

Busca esta instrucción en el app.xaml.cs:

if (e.PreviousExecutionState != ApplicationExecutionState.Running)

bool loadState = (e.PreviousExecutionState == ApplicationExecutionState.Terminated);

Antes de la instrucción: Window.Current.Content =rootFrame; agrega el siguiente código:

KinectRegion KinectRegion = new KinectRegion();

KinectUserViewer KinectUserViewer = new KinectUserViewer()

{

HorizontalAlignment = HorizontalAlignment.Right,

VerticalAlignment = VerticalAlignment.Top,

Height = 100,

Width = 130,

};

Grid grid = new Grid();

grid.Children.Add(KinectRegion);

grid.Children.Add(KinectUserViewer);

KinectRegion.Content = rootFrame;

Y por último sustituye rootframe por grid de la siguiente manera:

Window.Current.Content =grid;

KinectUserViewer: Es la sección en que el usuario se verá dentro de la aplicación, ubícala y dale el tamaño de acuerdo al diseño de tu aplicación.

KinectRegion: Es toda la zona donde el sensor podrá usarse y permitirá al usuario tener el control de la aplicación.

Método 2:

Busca y posiciónate arriba de esta instrucción en el app.xaml.cs:

   void OnNavigationFailed(object sender, NavigationFailedEventArgs e)

y agrega el siguiente código:

public KinectRegion KinectRegion { get; private set; }

 Ahora busca la siguiente sentencia:

 if (e.PreviousExecutionState != ApplicationExecutionState.Running)

bool loadState = (e.PreviousExecutionState == ApplicationExecutionState.Terminated);

Antes de la instrucción: Window.Current.Content =rootFrame; agrega el siguiente código:

   KinectRegion = new KinectRegion(rootFrame,

HorizontalAlignment.Right, VerticalAlignment.Top);

 Y por último sustituye rootframe por KinectRegion de la siguiente manera:

Window.Current.Content = KinectRegion;

 Y verás que por ambos métodos obtenemos los mismos resultados.

 

 

~ Hasta la próxima ~

Deja un comentario

Archivado bajo Kinect

Kinect for Windows v2 SDK Beta instalación y descarga

Hola y bienvenidos a este nuevo tutorial, hoy es un día muy especial para quienes desarrollamos para Kinect, por fin después de tanta espera se liberó la versión beta del SDK K4W v2.

En este tutoría, el primero sobre el nuevo sdk veremos los requerimientos previos a la instalación del SDK, descarga, instalación y como comprobar la instalación correcta en Visual Studio.

Requerimientos para el SDK:

Sistema Operativo: Windows 8, Windows 8.1

Software: Visual Studio 2012 o 2013.

Hardware:

  • 64-bit (x64) procesador
  • Dual-core 3.1-GHz o superior
  • USB 3.0
  • 2 GB RAM
  • Microsoft Kinect for Windows v2 sensor

Para más información clic aquí.

Descarga el SDK

Para descargar el sdk da clic aquí

Una vez descargado y ejecutado el instalador, acepta los términos y condiciones, da clic en install.

K4WSDK2IM1

Iniciará la instalación del SDK, da clic en instalar si te pide permisos de instalación aparte.

K4WSDK2IM2

Y en menos de 5 minutos tendrás instalado el SDK.

K4WSDK2IM3

Para corroborarlo visualmente en tu panel aparecerán estas 3 herramientas:

– Gesture Builder

– Kinect Studio v2.0

– SDK Browser v2.0

K4WSDK2IM5

 

Y ya estas listo para desarrollar súper aplicaciones con K4W2 y Windows 8.

Para desarrollar con el speetch descarga el sdk aquí.

Lo primero que te preguntará es que tipo de equipo tienes si es 32 bits (x86) o de 64, una vez que tengas seleccionado todo lo que deseas descargar da clic en Next para iniciar la descarga del SDK.

Ya que lo tengas descargado, ejecutalo simplemente sigue el asistente de instalación, en menos de 5 minutos se instalará el sdk.

 

K4WSDK2IM4K4WSDK2IM6

SDK en Visual Studio

En tu Visual Studio al agregar una referencia en tu aplicación para Windows 8.1 te aparecerán todas estas librerías.

K4WSDK2IM7

Hasta la próxima.

  • Para descargar el sdk da clic aquí
  • Speetch sdk aquí.
  • Compra tu Kinect for Windows 2 aquí

Deja un comentario

Archivado bajo Kinect

Internet Explorer.- Conoce a IE Developer Channel

Blog de Peter Concha

Hi geeks,

El post de hoy les traigo los por menores de IE Developer Channel.

¿Qué es IE Developer Channel?

Developer Channel ofrece una versión de Internet Explorer con características y compatibilidad de estándares web que están por venir, y que en la actualidad se encuentran en desarrollo, para que ustedes puedan explorar y probar. Descarguen Developer Channel para probar las nuevas características antes de que estén disponibles, y puedan compartir su opinión con el equipo de IE, para así mejorar el producto con las características que ustedes necesitan.

¿Cuáles son los requisitos?

Sistema Operativo Windows 8.1 o Windows 7 SP 1

En el caso de que tengas W7 SP1, debes tener adicionalmente instalado:

Puedes verificar si posees todo eso instalado dirigiéntote a “Control Panel” en la opción de “Programs and…

Ver la entrada original 248 palabras más

Deja un comentario

Archivado bajo Otros

Proyectando Windows Phone en PC

/r/Geeks by @jRodrigoPuca

Con la llegada del preview de Windows Phone 8.1 para los desarrolladores, encontramos nuevos features! En esta publicación les presentaré la funcionalidad que permite proyectar la pantalla de Windows Phone 8.1 en PC!

Screenshot (932)

Ver la entrada original 135 palabras más

Deja un comentario

Archivado bajo Anuncios

De Project Siena al Windows Store!

/r/Geeks by @jRodrigoPuca

En este post conoceremos los pasos para instalar una aplicación de Microsoft Project Siena en nuestra PC y crear el archivo de subida a la Tienda de Windows (Windows Store).

Instalar nuestra aplicación

Ya sea para compartir nuestro proyecto o bien para tenerlo instalado en nuestra PC, debemos exportar nuestro proyecto de Siena.

1) Para empezar seleccionaremos la opción ‘Publish’:

Screenshot (1003)

2) Elegimos el nombre, el icono para nuestra aplicación, y luego clic en ‘Publish’

Screenshot (1004)3) Y luego seleccionamos la carpeta en donde queremos tener los archivos generados

Screenshot (1005)

Screenshot (1006)

4) Al exportar nuestro proyecto nos genera una carpeta llamada ‘PublishPackage’ con los datos de la aplicación y un instalable. Para instalar la aplicación ejecutamos con permisos de administrador al ‘InstallApp.exe’ y seleccionamos ‘Install on this PC’

Screenshot (1007)

Screenshot (1008)

Screenshot (1009)

Llevando la aplicación al Store

Luego de instalar la aplicación en nuestra PC y comprobar que su funcionamiento sea el esperado.. podremos estar dispuestos a llevar nuestra…

Ver la entrada original 124 palabras más

Deja un comentario

Archivado bajo Anuncios, Windows 8

VM de distribución Linux en Azure

/r/Geeks by @jRodrigoPuca

Una de las grandes posibilidades de Microsoft Azure, es la creación de máquinas virtuales en la nube. De las cuales inclusive es posible realizar con otros sistemas operativos distintos a Windows, en este pequeño tutorial probaremos con realizar una máquina virtual (VM) basada en la distribución OpenSuse y acceder a ella mediante SSH.

Crear máquina virtual de distribución Linux

1) Para empezar a crear una máquina virtual realizamos el siguiente paso: ‘New>Compute>Virtual Machine>From Gallery’. Esto nos permitirá tener una máquina virtual con todas las configuraciones iniciales para comenzar:

Screenshot (616)

2) Elegimos crear la máquina virtual en base a una imagen (para este caso OpenSuse), es destacable que es posible realizar el tutorial con otras distribuciones Linux (Suse, Ubuntu, etc..)

Screenshot (617)

3) A continuación elegimos un nombre para la máquina virtual, el nombre del usuario y la contraseña de acceso (esto es muy importante para el acceso de forma remota)

Screenshot (620)

4)…

Ver la entrada original 186 palabras más

Deja un comentario

Archivado bajo Anuncios

Internet Explorer.- Actualización de IE e Impulsando la Seguridad

Blog de Peter Concha

1017029_579681412147603_504917323412029311_n

La seguridad de nuestros productos es algo que tomamos muy seriamente, la cobertura que se le dio en estos últimos días a una vulnerabilidad en Internet Explorer (IE) ha sido difícil para nuestros clientes y para nosotros. Nos llena de orgullo que entre los navegadores más utilizados, es decir IE el más seguro del mundo debido a su desarrollo seguro y capacidad para proteger a los clientes, incluso frente a los ciber-delincuentes que quieren romper su seguridad.

Esto significa que cuando vimos los primeros informes acerca de esta vulnerabilidad dijimos hay que arreglarlo, arreglarlo rápido y arreglarlo para todos nuestros clientes. Así lo hicimos. La actualización ya se encuentra disponible hoy (01/05/2014) a las 10 a.m. PDT.

Adrienne Hall, Gerente General, Trustworthy Computing, Microsoft.

Palabras de Adrienne Hall, Gerente General, Trustworthy Computing, Microsoft.

Si eres como la mayoría de la gente, y tienes activado las actualizaciones automáticas, ya obtendrás esta nueva actualización sin tener que tomar alguna…

Ver la entrada original 532 palabras más

Deja un comentario

Archivado bajo Anuncios

Recorriendo a Windows Phone App Studio!

/r/Geeks by @jRodrigoPuca

Bienvenidos a nueva publicación! En esta oportunidad recorreremos Windows Phone App Studio que nos permitirá convertir una idea a una aplicación de Windows en muy poco tiempo!

Screenshot (917)

Ver la entrada original 944 palabras más

Deja un comentario

Archivado bajo Windows 8, Windows Phone

Usando la cámara del Kinect como cámara fotográfica.

Hola y bienvenidos a este primer tutorial de Kinect del 2014, está vez vamos a convertir nuestro Kinect en una cámara fotográfica.

  • Crea un nuevo proyecto en Visual Studio 2012 o 2010 de C# tipo Aplicación WPF con el nombre de tu preferencia.
  • Agrega la referencia Windows.Kinect.dll
  • En la ventana agrega los siguientes controles:

– Image: VideoControl

– Button Inicio: BtnBgn

– Button Guardar Imagen: BtnSave

– Button Detener: BtnStop

– Button Salir: BtnExit

*A todos los button agrega el evento Clic.

Ahora es tiempo de programar, nos vamos al MainWindows.xaml.cs

  • Agrega las siguientes librería:  Using Microsoft.Kinect;
  • Antes del MainWindows() agrega lo siguiente: private KinectSensor sensor;  private byte[] pixelData;

 

Una vez que tengamos todo listo es hora de iniciar con nuestro ejercicio.

  • Da clic en la ventana y agrega el evento Loaded y en el MainWindow agrega  this.Loaded += this.MainWindow_Loaded;
  • Y en el evento Loaded agregaremosKinectCam1
  1. Nos permitirá saber si hay uno o más sensores conectados a nuestro computador.
  2. Esta línea de código encuentra el objeto KinectSensor en la colección junto con su estatus, estatus que será asignado a la propiedad sensor.
  3. Iniciamos el Sensor
  4. Deshabilitamos el ColorStream [Obtiene la secuencia de colores para el Kinect.]
  5. Con esto, el control de su aplicación se traslada a la sensor_ColorFrameReady controlador de eventos donde el proceso marco de imagen tiene que ser hecho.
  6. Con este en caso de que no encuentre ningún sensor conectado al ordenador lanza un mensaje de notificación y cierra la ventana automáticamente.

Creación de Imagen

KinectCam2

  1. OpenColorImageFrame() que devuelve un marco de imagen del tipo ColorImageFrame. Ahora pudemos utilizar este mismo código exacto para trabajar marcos de imagen.
  2. Compruebaa si el marco entrante no es null.
  3. Obtiene los datos de los píxeles en la matriz/arreglo de bytes.
  4. Copia los datos de píxeles.
  5. Calcular la stride.
  6. Asignamos el mapa de bits en VideoControl image. Utilizando las dimensiones del image y utilizando el PixelFormats Bgr32 que es el formato del pixel de 32 bits por pixel.Cada canal de color (azul, verde y rojo) se le asignan 8 bits por píxel (BPP).

Inclusive nosotros podemos jugar con esta parte es decir si cambiamos de Bgr32 a Cmyk32 obtendríamos los siguientes resultados. Dentro de las opciones que te da PixelFormats puedes escoger la que más te guste y tomar las fotografías que quieras y divertirte un buen rato con tu aplicación.

Hasta aquí ya tenemos lo principal, si corremos nuestra aplicación en este momento obtendremos lo siguientes resultados.

KinectCam4

Eventos Clic

Antes de encender y/o apagar el dispositivo hay que cerciorarse de que esté conectado y que nos indique si es posible interactuar con el sensor y para ello agregamos en todos los eventos lo siguiente.

if (this.sensor != null && !this.sensor.IsRunning)

Encender/Iniciar el sensor.

this.sensor.Start();

Detener el sensor.

this.sensor.Stop();

Para salir de la ventana primero detenemos el sensor y después ahora si cerramos la ventana.

this.sensor.Stop();

this.Close();

Guardar imagen.

Para ser un poco más ordenados y que no se vea el código todo amontonado crearemos un método llamado SaveImage donde nos permitirá guardar las imágenes.

KinectCam3

  1. Como es un ejemplo simple le daremos un nombre estático a nuestra imagen a guardar en mi caso será: “Mi primer foto con Kinect.jpg” y de daré el formato de .jpg
  2. Para verificar que no marque error al guardar la segunda imagen y se me detenga la aplicación le estoy diciendo que si encuentra una imagen con el mismo nombre sobre escriba o elimine para sustituirla por la nueva.
  3. Aquí es donde guardamos la imagen, creamos un FileStream con el nombre de la imagen y le decimos que el contenido de la imagen es la que contiene nuestra image, en mi caso la guardare en formato .jpg y es por eso que utilizo JpegBitmapEncoder para definir un codificador que se usa para codificar imágenes a ese formato y finalmente la guardo.

Y ya terminamos ahora si podemos correr nuestra aplicación y al guardar una imagen nos dará el siguiente resultado.

*Las dimensiones de la imagen resultante son de 640 x 480.

*La imagen se guardará en la carpeta del paquete de la aplicación en la carpeta  Bin > Debug.

KinectCam5

 

~ Hasta la próxima 🙂 ~ 

2 comentarios

Archivado bajo Kinect

ShareStatusTask en Windows Phone

Hoy te presentamos ShareStatusTask en Windows Phone

 

Deja un comentario

Archivado bajo Windows Phone