#AZURE Hello Face: Marcos sobre cada rostro detectado en la app Windows 8.1 (5)

Hola!

Nuevo post para la serie de Face Api en Azure

  1. Face APIs en Azure
  2. Hello Face: Face APIs en una Console App
  3. Hello Face: Face APIs en una WPF App
  4. Hello Face: Face APIs en una app Windows 8.1
  5. Hello Face: Marcos sobre cada rostro detectado en la app Windows 8.1

Ayer me quedó pendiente una pequeña modificación para mostrar un Frame en cada rostro detectado en la app Windows 8.1. En el ejemplo original de WPF esto lo almacenaba en una propiedad de tipo Int32Rect. En Windows Universal Apps no es posible utilizar este tipo, así que he creado 4 propiedades nuevas para guardar este valor.

Una vez agregadas estas clases, lo siguiente era un poco de trigonometría para ajustar el valor de cada rostro detectado. El código es bastante simple

Y luego en un Canvas, creamos una serie de Rectangles con los nuevos valores.

El resultado es un Frame en cada rostro detectado

El código fuente en GitHub se puede descargar desde https://github.com/elbruno/ProjectOxford

Saludos @ Madrid

/El Bruno

Resources:

– MSDN System.Windows.Int32Rect

ENG #AZURE Hello Face: #FaceAPIs for an App Windows 8.1 (4)

Hello!

New post for Azure Machine Learning Face APIs series

  1. Face APIs in Azure
  2. Hello Face: Face APIs in a Console App
  3. Hello Face: Face APIs in a WPF App
  4. Hello Face: Face APIs in a Windows 8.1 App

After the examples of console app and WPF app, today we will see a bit of Face Tracking in an app Windows 8.1. For this app I have "simplified" a little code and within it I have to highlight.

– In the list of faces showing the result, each Face was a cutout from the original image. In Win81 we don’t have a UIElement type T:System.Windows.media.Imaging.CroppedBitmap, so taking This example code, I’ve added a class that allows me to create the cutout of each Face from the original image

– To display them in the app, to the original image and faces cuts "I keep them" in the temporary directory of the app.

– In the original image does not show a square on each Face, as have a few minutes I will be playing with a Canvas and complete it.

Always better as a video that shows the app running and then the source code

On GitHub source code can be downloaded from https://github.com/elbruno/ProjectOxford

Saludos @ Madrid

/El Bruno

Resources:

How to crop bitmap in a Windows Store app (C#)

#AZURE Hello Face: #FaceAPIs en una App Windows 8.1 (4)

Hola!

Nuevo post para la serie de Face Api en Azure

  1. Face APIs en Azure
  2. Hello Face: Face APIs en una Console App
  3. Hello Face: Face APIs en una WPF App

Después de los ejemplos de app de consola y app WPF, hoy veremos un poco de Face Tracking en una app Windows 8.1. Para esta app he “simplificado” un poco el código y dentro del mismo tengo que destacar

– En la lista de caras que se muestra del resultado, cada Face era un recorte de la imagen original. En Win81 no tenemos un UIElement de tipo CroppedBitmap, así que tomando este ejemplo de código he agregado una clase que me permite crear el recorte de cada Face a partir de la imagen original

– Para mostrarlas en la app, a la imagen original y los recortes de faces los “guardo” en el directorio temporal de la app.

– En la imagen original no muestro un cuadrado sobre cada Face, en cuanto tenga unos minutos me pondré a jugar con un Canvas y lo completaré.

Como siempre mejor un video que muestre la app en funcionamiento y a continuación el source code

El código fuente en GitHub se puede descargar desde https://github.com/elbruno/ProjectOxford

Saludos @ Madrid

/El Bruno

Resources:

How to crop bitmap in a Windows Store app (C#)

#EVENT WebCast: Windows 10 Developer Readiness by MVPs (#IOT mode ON)

Hola !

Pues eso, que me he colado en el evento en el que participan los cracks MVPs de Windows Platform para el próximo jueves 11 de Junio.

Me han dado un par de minutos donde comentaré algunas de las capacidades de Windows 10 en el mundo de los Devices, o como ahora se conoce Internet of Things (IOT).

El registro para el webcast se puede hacer desde aquí > https://mvp.eventbuilder.com/event?eventid=f6j8t3

La Información complete del evento la pueden ver en este post de Josue (link)

Saludos @ Madrid

/El Bruno

ENG [#VS2015] Hello Face: #FaceAPIs in a Wpf App (3)

Hello!

New post for Azure Machine Learning Face APIs series

  1. Face APIs in Azure
  2. Hello Face: Face APIs in a Console App
  3. Hello Face: Face APIs in a WPF App

In the previous post I shared the 10 sample lines that we can user as a Face APIs basic functionality in a console app to :

  • detect faces
  • detect age on each face
  • detect sex on each face

Moreover, another option that does Face APIs provide is the ability to identify the region on the original image for each detected face. In the next example, I’ve added a WPF project and I have referenced the ClientLibrary. It is based on one of the examples in the Face APIs SDKs.

This project has 2 important files

lib \ FaceApiHelper.cs. This class is the one used for image processing using Face APIs service.

UserControls \ Face.cs. Represents a User Control, with an image to show the face, and also a series of labels to show the age and sex.

Clipboard02

The MainWindow.xaml main window features a button to select an image of the disk and by under 2 sections showing the original image with boxes on each side found and a list of the found faces. The code by pressing the button is very simple

Clipboard04

Important: The key to use the Face API service is part of the settings of the app.

The StartFaceDetection() function returns 2 collections of Faces. One with the information age and sex of the found face, the other is a special object used to “paint” boxes on the original image.

Clipboard02

If you’ve been able to see the code and not vomiting with error handling, you can try the application. An example of the app in operation is as follows:

2015 06 02 Face Api Wpf

If you want to see the Special transformation to paint the boxes, you can take a look at CalculateFaceRectangleForRendering() .

The code can be downloaded from https://github.com/elbruno/ProjectOxford/tree/master/Samples

Greetings @ Medrid

/El Bruno

[#AZURE] Hello Face: #FaceAPIs en una Wpf App (3)

Hola!

Nuevo post para la serie de Face Api en Azure

  1. Face APIs en Azure
  2. Hello Face: Face APIs en una Console App
  3. Hello Face: Face APIs en una WPF App

En el post anterior puse las 10 líneas de ejemplo con las que podemos incorporar una funcionalidad básica de Face APIs en una app de consola para:

  • detectar rostros y sobre los mismos
  • detectar edad
  • detectar sexo

Además otra opción que no brinda Face APIs es la capacidad de identificar la región en la que está el rostro sobre la imagen original. En el siguiente ejemplo, he agregado un proyecto de tipo WPF y he referenciado la ClientLibrary en el mismo. El mismo se basa en uno de los ejemplos del SDK de Face APIs.

Este projecto tiene 2 elementos importantes

lib \ FaceApiHelper.cs. Esta clase es la que tiene la llamada y posterior procesamiento de las imagenes que nos retorna el servicio de Face APIs.

UserControls \ Face.cs. Representa un User Control, con una imagen para mostrar la cara, y además una serie de labels para mostrar la edad y el sexo.

Clipboard02

La ventana principal MainWindow.xaml posee un boton para seleccionar una imagen del disco y por debajo 2 secciones donde se muestra la imagen original con recuadros en cada cara encontrada y una lista con las caras encontradas. El código al presionar el botón es muy simple

Clipboard04

Importante: La key para utilizar el servicio de Face API es parte de las settings de la app. 

La funcion StartFaceDetection() retorna 2 colecciones de Faces. Una de ellas con la información de edad y sexo del rostro encontrado, la otra es un objeto especial utilizado para “pintar” recuadros sobre la imagen original.

Clipboard02

Si has podido ver el código y no vomitar con el control de errores, ya puedes probar la aplicación. Un ejemplo de la app en funcionamiento es el siguiente:

2015 06 02 Face Api Wpf

Si quieres ver la transformación especial para pintar los recuadros, puedes echarle un vistazo a CalculateFaceRectangleForRendering().

El código se puede descargar desde https://github.com/elbruno/ProjectOxford/tree/master/Samples

Saludos @ Madrid

/El Bruno

ENG [#EVENT] Materials of the #Coding4Fun event in in #DotNetMalaga

Hello!

As a couple of things

– First, I promised another event before holidays in Málaga, with the drone demo, some advanced C# and some more friki stuff

– Tons of thanks to the people who organized the event, they are amazing !

– Finally, here are the slides and source of the materials used in the session 2 days ago

The source code for the examples, as on github ;)

https://github.com/elbruno/events/tree/master/2015%2005%2030%20MalagaDotNet%20Coding4Fun

and as always a few tweets with the wonderful people of Málaga

ttps://twitter.com/jecaestevez/status/604667338466697216

Greetings @ Madrid

/El Bruno