에피소드
Sketch2Code
Need- User Interface Design 프로세스에는 디자이너가 아이디어를 공유하는 화이트보드에서 시작하는 많은 창의성이 포함됩니다. 디자인이 그려지면 일반적으로 사진 내에서 캡처되고 웹 브라우저에서 재생하기 위해 작동하는 HTML 와이어프레임으로 수동으로 변환됩니다. 이렇게 하면 많은 노력이 필요하고 디자인 프로세스가 지연됩니다.
솔루션 - Microsoft Cognitive Services 내에서 Computer Vision Service를 호스트합니다. 이 서비스 뒤에 있는 모델은 수백만 개의 이미지로 학습되었으며 다양한 유형의 개체에 대해 개체를 검색할 수 있도록 합니다. 이 경우 사용자 지정 모델을 빌드하고 텍스트 상자, 단추 또는 콤보 상자와 같은 손으로 그린 디자인 요소의 이미지로 학습해야 합니다. Custom Vision Service는 사용자 지정 모델을 학습시키고 이를 위해 개체 검색을 수행할 수 있는 기능을 제공합니다. HTML 개체를 식별할 수 있으면 Computer Vision Service에 있는 텍스트 인식 기능을 사용하여 디자인에 있는 손으로 쓴 텍스트를 추출합니다. 이러한 두 가지 정보를 결합하여 디자인에서 서로 다른 요소의 HTML 조각을 생성할 수 있습니다. 그런 다음 식별된 요소의 위치에서 디자인의 레이아웃을 유추하고 그에 따라 최종 HTML 코드를 생성할 수 있습니다.
제품 및 서비스 - Computer Vision(필기 OCR 모델), Custom Vision, Azure Functions, Blob Storage, WebApp
Need- User Interface Design 프로세스에는 디자이너가 아이디어를 공유하는 화이트보드에서 시작하는 많은 창의성이 포함됩니다. 디자인이 그려지면 일반적으로 사진 내에서 캡처되고 웹 브라우저에서 재생하기 위해 작동하는 HTML 와이어프레임으로 수동으로 변환됩니다. 이렇게 하면 많은 노력이 필요하고 디자인 프로세스가 지연됩니다.
솔루션 - Microsoft Cognitive Services 내에서 Computer Vision Service를 호스트합니다. 이 서비스 뒤에 있는 모델은 수백만 개의 이미지로 학습되었으며 다양한 유형의 개체에 대해 개체를 검색할 수 있도록 합니다. 이 경우 사용자 지정 모델을 빌드하고 텍스트 상자, 단추 또는 콤보 상자와 같은 손으로 그린 디자인 요소의 이미지로 학습해야 합니다. Custom Vision Service는 사용자 지정 모델을 학습시키고 이를 위해 개체 검색을 수행할 수 있는 기능을 제공합니다. HTML 개체를 식별할 수 있으면 Computer Vision Service에 있는 텍스트 인식 기능을 사용하여 디자인에 있는 손으로 쓴 텍스트를 추출합니다. 이러한 두 가지 정보를 결합하여 디자인에서 서로 다른 요소의 HTML 조각을 생성할 수 있습니다. 그런 다음 식별된 요소의 위치에서 디자인의 레이아웃을 유추하고 그에 따라 최종 HTML 코드를 생성할 수 있습니다.
제품 및 서비스 - Computer Vision(필기 OCR 모델), Custom Vision, Azure Functions, Blob Storage, WebApp