Epizoda

Sketch2Code

Proces návrhu uživatelského rozhraní vyžaduje spoustu kreativity, která začíná na tabuli, kde návrháři sdílejí nápady. Jakmile je návrh nakreslený, obvykle je zachycen v rámci fotografie a ručně přeložen do některého funkčního drátového modelu HTML, se kterým si můžete hrát ve webovém prohlížeči. To vyžaduje úsilí a zpožďuje proces návrhu.

 

Řešení v rámci služeb Microsoft Cognitive Services hostujeme Počítačové zpracování obrazu Service. Model za touto službou byl vytrénován miliony obrázků a umožňuje detekci objektů pro širokou škálu typů objektů. V tomto případě potřebujeme vytvořit vlastní model a vytrénovat ho obrázky ručně nakreslených prvků návrhu, jako je textové pole, tlačítko nebo pole se seznamem. Služba Custom Vision service nám poskytuje možnost trénovat vlastní modely a provádět pro ně detekci objektů. Jakmile můžeme identifikovat objekty HTML, použijeme funkci rozpoznávání textu, která se nachází v Počítačové zpracování obrazu Service k extrakci rukou psaného textu v návrhu. Kombinací těchto dvou informací můžeme vygenerovat fragmenty kódu HTML různých prvků v návrhu. Pak můžeme odvodit rozložení návrhu z pozice identifikovaných prvků a odpovídajícím způsobem vygenerovat konečný kód HTML.

 

Produkty a služby – Počítačové zpracování obrazu (ručně psané modely OCR), Custom Vision, Azure Functions, Blob Storage, Webová aplikace

Vytvoření bezplatného účtu (Azure)