Odcinek
Sketch2Code
Proces projektowania interfejsu użytkownika wymaga dużo kreatywności, która rozpoczyna się na tablicy, w której projektanci dzielą się pomysłami. Gdy projekt zostanie narysowany, zazwyczaj jest przechwytywany na zdjęciu i ręcznie przetłumaczony na działającą szkieletową ramkę HTML do odtwarzania w przeglądarce internetowej. Wymaga to nakładu pracy i opóźnienia procesu projektowania.
Rozwiązanie — w ramach usług Microsoft Cognitive Services hostujemy usługę przetwarzanie obrazów. Model za tą usługą został wytrenowany przy użyciu milionów obrazów i umożliwia wykrywanie obiektów dla szerokiego zakresu typów obiektów. W takim przypadku musimy utworzyć model niestandardowy i wytrenować go za pomocą obrazów ręcznie rysowanych elementów projektowych, takich jak pole tekstowe, przycisk lub pole kombi. Usługa Custom Vision Service oferuje nam możliwość trenowania modeli niestandardowych i wykrywania obiektów dla nich. Po zidentyfikowaniu obiektów HTML użyjemy funkcji rozpoznawania tekstu obecnej w usłudze przetwarzanie obrazów, aby wyodrębnić tekst napisany ręcznie w projekcie. Łącząc te dwa fragmenty informacji, możemy wygenerować fragmenty kodu HTML różnych elementów w projekcie. Następnie możemy wywnioskować układ projektu z pozycji zidentyfikowanych elementów i odpowiednio wygenerować końcowy kod HTML.
Produkty i usługi — przetwarzanie obrazów (modele OCR odręczne), Custom Vision, Azure Functions, Blob Storage, WebApp
Proces projektowania interfejsu użytkownika wymaga dużo kreatywności, która rozpoczyna się na tablicy, w której projektanci dzielą się pomysłami. Gdy projekt zostanie narysowany, zazwyczaj jest przechwytywany na zdjęciu i ręcznie przetłumaczony na działającą szkieletową ramkę HTML do odtwarzania w przeglądarce internetowej. Wymaga to nakładu pracy i opóźnienia procesu projektowania.
Rozwiązanie — w ramach usług Microsoft Cognitive Services hostujemy usługę przetwarzanie obrazów. Model za tą usługą został wytrenowany przy użyciu milionów obrazów i umożliwia wykrywanie obiektów dla szerokiego zakresu typów obiektów. W takim przypadku musimy utworzyć model niestandardowy i wytrenować go za pomocą obrazów ręcznie rysowanych elementów projektowych, takich jak pole tekstowe, przycisk lub pole kombi. Usługa Custom Vision Service oferuje nam możliwość trenowania modeli niestandardowych i wykrywania obiektów dla nich. Po zidentyfikowaniu obiektów HTML użyjemy funkcji rozpoznawania tekstu obecnej w usłudze przetwarzanie obrazów, aby wyodrębnić tekst napisany ręcznie w projekcie. Łącząc te dwa fragmenty informacji, możemy wygenerować fragmenty kodu HTML różnych elementów w projekcie. Następnie możemy wywnioskować układ projektu z pozycji zidentyfikowanych elementów i odpowiednio wygenerować końcowy kod HTML.
Produkty i usługi — przetwarzanie obrazów (modele OCR odręczne), Custom Vision, Azure Functions, Blob Storage, WebApp