Episodio
Sketch2Code
La necesidad: el proceso de diseño de la interfaz de usuario implica mucha creatividad, que comienza en una pizarra en la que los diseñadores comparten ideas. Una vez dibujado el diseño, suele capturarse en una fotografía y traducirse manualmente en algún wireframe HTML funcional con el que jugar en un navegador web. Esto supone un esfuerzo y retrasa el proceso de diseño.
La solución- dentro de Microsoft Cognitive Services alojamos el Servicio Computer Vision. El modelo que hay detrás de este servicio se ha entrenado con millones de imágenes y permite detectar objetos de muy diversos tipos. En este caso, tenemos que crear un modelo personalizado y entrenarlo con imágenes de elementos de diseño dibujados a mano, como un cuadro de texto, un botón o un cuadro combinado. El Servicio de Custom Vision nos proporciona la capacidad de entrenar modelos personalizados y realizar la detección de objetos para ellos. Una vez identificados los objetos HTML, utilizamos la funcionalidad de reconocimiento de texto presente en el Servicio Computer Vision para extraer el texto manuscrito presente en el diseño. Combinando estos dos datos, podemos generar los fragmentos HTML de los distintos elementos del diseño. A continuación, podemos deducir la disposición del diseño a partir de la posición de los elementos identificados y generar el código HTML final en consecuencia.
Productos y servicios: Computer Vision (modelos OCR manuscritos), Custom Vision, Azure Functions, Blob Storage, WebApp
La necesidad: el proceso de diseño de la interfaz de usuario implica mucha creatividad, que comienza en una pizarra en la que los diseñadores comparten ideas. Una vez dibujado el diseño, suele capturarse en una fotografía y traducirse manualmente en algún wireframe HTML funcional con el que jugar en un navegador web. Esto supone un esfuerzo y retrasa el proceso de diseño.
La solución- dentro de Microsoft Cognitive Services alojamos el Servicio Computer Vision. El modelo que hay detrás de este servicio se ha entrenado con millones de imágenes y permite detectar objetos de muy diversos tipos. En este caso, tenemos que crear un modelo personalizado y entrenarlo con imágenes de elementos de diseño dibujados a mano, como un cuadro de texto, un botón o un cuadro combinado. El Servicio de Custom Vision nos proporciona la capacidad de entrenar modelos personalizados y realizar la detección de objetos para ellos. Una vez identificados los objetos HTML, utilizamos la funcionalidad de reconocimiento de texto presente en el Servicio Computer Vision para extraer el texto manuscrito presente en el diseño. Combinando estos dos datos, podemos generar los fragmentos HTML de los distintos elementos del diseño. A continuación, podemos deducir la disposición del diseño a partir de la posición de los elementos identificados y generar el código HTML final en consecuencia.
Productos y servicios: Computer Vision (modelos OCR manuscritos), Custom Vision, Azure Functions, Blob Storage, WebApp
¿Tiene comentarios? Envíe un problema aquí.