Episódio
Sketch2Code
O processo de Design de Interface de Usuário envolve muita criatividade que começa em um quadro branco onde os designers compartilham ideias. Uma vez que um design é desenhado, ele geralmente é capturado dentro de uma fotografia e traduzido manualmente em algum wireframe HTML de trabalho para brincar em um navegador da web. Isso exige esforço e atrasa o processo de design.
A Solução- Dentro dos Serviços Cognitivos da Microsoft, hospedamos o Serviço de Visão Computacional. O modelo por trás desse serviço foi treinado com milhões de imagens e permite a detecção de objetos para uma ampla gama de tipos de objetos. Neste caso, precisamos construir um modelo personalizado e treiná-lo com imagens de elementos de design desenhados à mão, como uma caixa de texto, botão ou caixa de combinação. O Serviço de Visão Personalizada nos dá a capacidade de treinar modelos personalizados e executar a detecção de objetos para eles. Uma vez que podemos identificar objetos HTML, usamos a funcionalidade de reconhecimento de texto presente no Serviço de Visão Computacional para extrair o texto manuscrito presente no design. Ao combinar essas duas informações, podemos gerar os trechos HTML dos diferentes elementos no design. Podemos então inferir o layout do projeto a partir da posição dos elementos identificados e gerar o código HTML final de acordo.
Produtos e Serviços - Visão Computacional (modelos OCR manuscritos), Visão Personalizada, Azure Functions, Armazenamento de Blobs, WebApp
O processo de Design de Interface de Usuário envolve muita criatividade que começa em um quadro branco onde os designers compartilham ideias. Uma vez que um design é desenhado, ele geralmente é capturado dentro de uma fotografia e traduzido manualmente em algum wireframe HTML de trabalho para brincar em um navegador da web. Isso exige esforço e atrasa o processo de design.
A Solução- Dentro dos Serviços Cognitivos da Microsoft, hospedamos o Serviço de Visão Computacional. O modelo por trás desse serviço foi treinado com milhões de imagens e permite a detecção de objetos para uma ampla gama de tipos de objetos. Neste caso, precisamos construir um modelo personalizado e treiná-lo com imagens de elementos de design desenhados à mão, como uma caixa de texto, botão ou caixa de combinação. O Serviço de Visão Personalizada nos dá a capacidade de treinar modelos personalizados e executar a detecção de objetos para eles. Uma vez que podemos identificar objetos HTML, usamos a funcionalidade de reconhecimento de texto presente no Serviço de Visão Computacional para extrair o texto manuscrito presente no design. Ao combinar essas duas informações, podemos gerar os trechos HTML dos diferentes elementos no design. Podemos então inferir o layout do projeto a partir da posição dos elementos identificados e gerar o código HTML final de acordo.
Produtos e Serviços - Visão Computacional (modelos OCR manuscritos), Visão Personalizada, Azure Functions, Armazenamento de Blobs, WebApp