Episode
Sketch2Code
Proses Desain Antarmuka Pengguna- Kebutuhan melibatkan banyak kreativitas yang dimulai pada papan tulis tempat desainer berbagi ide. Setelah desain digambar, biasanya diambil dalam foto dan diterjemahkan secara manual ke dalam beberapa wireframe HTML yang berfungsi untuk dimainkan di browser web. Ini membutuhkan upaya dan menunda proses desain.
Solusi - Dalam Microsoft Cognitive Services, kami menghosting Computer Vision Service. Model di balik layanan ini telah dilatih dengan jutaan gambar dan memungkinkan deteksi objek untuk berbagai jenis objek. Dalam hal ini, kita perlu membangun model kustom dan melatihnya dengan gambar elemen desain yang digambar tangan seperti kotak teks, tombol, atau kotak kombo. Custom Vision Service memberi kami kemampuan untuk melatih model kustom dan melakukan deteksi objek untuk mereka. Setelah kita dapat mengidentifikasi objek HTML, kita menggunakan fungsionalitas pengenalan teks yang ada di Computer Vision Service untuk mengekstrak teks tulisan tangan yang ada dalam desain. Dengan menggabungkan dua informasi ini, kita dapat menghasilkan cuplikan HTML dari berbagai elemen dalam desain. Kita kemudian dapat menyimpulkan tata letak desain dari posisi elemen yang diidentifikasi dan menghasilkan kode HTML akhir yang sesuai.
Produk dan Layanan- Computer Vision (model OCR tulisan tangan), Custom Vision, Azure Functions, Blob Storage, WebApp
Proses Desain Antarmuka Pengguna- Kebutuhan melibatkan banyak kreativitas yang dimulai pada papan tulis tempat desainer berbagi ide. Setelah desain digambar, biasanya diambil dalam foto dan diterjemahkan secara manual ke dalam beberapa wireframe HTML yang berfungsi untuk dimainkan di browser web. Ini membutuhkan upaya dan menunda proses desain.
Solusi - Dalam Microsoft Cognitive Services, kami menghosting Computer Vision Service. Model di balik layanan ini telah dilatih dengan jutaan gambar dan memungkinkan deteksi objek untuk berbagai jenis objek. Dalam hal ini, kita perlu membangun model kustom dan melatihnya dengan gambar elemen desain yang digambar tangan seperti kotak teks, tombol, atau kotak kombo. Custom Vision Service memberi kami kemampuan untuk melatih model kustom dan melakukan deteksi objek untuk mereka. Setelah kita dapat mengidentifikasi objek HTML, kita menggunakan fungsionalitas pengenalan teks yang ada di Computer Vision Service untuk mengekstrak teks tulisan tangan yang ada dalam desain. Dengan menggabungkan dua informasi ini, kita dapat menghasilkan cuplikan HTML dari berbagai elemen dalam desain. Kita kemudian dapat menyimpulkan tata letak desain dari posisi elemen yang diidentifikasi dan menghasilkan kode HTML akhir yang sesuai.
Produk dan Layanan- Computer Vision (model OCR tulisan tangan), Custom Vision, Azure Functions, Blob Storage, WebApp
Memiliki umpan balik? Kirimkan masalah di sini.