Membuat Tampilan HTML Tanpa Kode? Bisa Dong!
Website adalah sesuatu yang tidak bisa dilepaskan dari kehidupan sehari hari. Website telah masuk hampir ke seluruh sektor kehidupan, seperti ekonomi, pariwisata, hiburan, hingga Pendidikan. Per-Januari 2019, jumlah website aktif mencapai angka 1,5 miliar lebih loh. Angka yang begitu besar membuat banyak orang berbondong-bondong mempelajari pemrograman website. HTML adalah bahasa pertama yang akan mereka pelajari. Nah, tahukah kamu bahwa kita bisa membuat tampilan HTML tanpa kode? Eits, bisa dong! Mau tahu caranya?
Berkenalan dengan Sketch2Code
Buat yang belum kenal, Skecth2Code adalah aplikasi web gratis dari Microsoft yang akan mengubah file gambar menjadi kode HTML. Sketch2Code menggunakan teknologi yang bernama Computer Vision. Computer Vision inilah yang akan mengenali objek dalam pola dalam suatu gambar. Kemudian computer vision ini akan memprediksi elemen desain dalam gambar itu. Selanjutnya Sketch2Code akan mengubah desain menjadi baris-baris HTML. Menariknya lagi, Skecth2Code gratis Loh!
Skecth2code telah terhubung pada platform cloud Microsoft, Microsoft Azure, beserta layanan Web Azure Cloud AI. Sketch2Code memanfaatkan beberapa APIs yakni custom Vision APIs dan Computer Vision APIs untuk deteksi objek, OCR, dan deteksi tulisan tangan.
Untuk menggunakan layanan keren ini, kita perlu mengunjungi web resmi Skecth2Code pada link ini. Selanjutnya kita perlu mengupload desain yang sebelumnya telah tergambar. Selain itu, kita juga dapat secara langsung mengambil gambar melalui kamera device dengan dengan tombol ‘ Take a Picture ‘. Pastikan garis, gambar, dan teks telah terlihat jelas ya.
Proses selanjutnya adalah proses deteksi objek yang terdapat pada gambar. Hal ini dilakukan melalui Computer Vision. Beberapa saat kemudian website akan menampilkan cuplikan tampilan HTML dari gambar yang terdeteksi. Desain HTML akan berdampingan dengan gambar yang telah kita upload sebelumnya.
Selanjutnya kita tinggal mengunduh kode HTML menggunakan tombol Download Your HTML Code. Kita akan mendapatkan file HTML dari desain yang kita unggah. Buka file dengan browser untuk melihat hasilnya.
Tips:
Untuk mendapatkan hasil yang maksimal, gunakan gambar latar berupa whiteboard yang bersih. Dengan demikian tidak akan ada objek-objek yang akan mengganggu proses identifikasi objek.
Nah, itu lah sedikit pembahasan mengenai membuat membuat tampilan HTML tanpa kode. Ternyata bisa dong.
