Halo semua, kali saya mau membagikan tutorial bagaimana membuat image recognition dengan thuankable, sebelumnya sudah tahu belum tentang image recognition? Kalau belum tau saya akan menjelaskan sedikit apa itu Image Recognition. Image recognition adalah proses identifikasi dan pendeteksian sebuah objek atau fitur di dalam sebuah gambar digital atau video. Disini saya menggunakan dari thunkable yang dimana pembuatan aplikasi ini menggunakan Tools IDE open source sama seperti App Inventor. Dan sampai saat ini penyedia pembuatan aplikasi IOS + Android thunkable satu-satunya aplikasi yang bisa membuat sekaligus 2 Operating System (OS). Oke lanjut ke tutorialnya.
Langkah Pertama : Buka dulu website dari thunkable > https://thunkable.com/
Jika sudah membuka websitenya silahkan klik GET STARTED ataupun LOGIN. Dan akan menuju tampilan halaman login
Pada tampilan itu silahkan pilih or click here for the Classic Platform karena kita akan membuat aplikasi android. Jika ingin membuat 2 aplikasi sekaligus silahkan pilih Cross Platform iOS + Android.
Silahkan pilih Create New App dan masukan nama aplikasi yang ingin kita buat. Disini adalah saya membuat aplikasi menggunakan nama saya sendiri yaitu Gausrakhesta. Jika sudah langsung aja pilih nama aplikasi yang mau dibuat.
Oke kita sudah ada di layout pembuatan aplikasinya disini saya menggunakan beberapa komponen dalam pembuatan aplikasinya yaitu :
- 1image
- 1 label
- 1 button
- 1 image recognizer
- 1 camera
Silahkan pilih komponen pada menu disamping kiri yang terdapat komponen diatas lalu drag dan drop kedalam aplikasinya. Dan untuk menghilangkan screen 1 pada layoutnya bisa dihapus centang bagian title visible dibagian menu kanan bawah. Kalau ingin mempercantik aplikasi anda bisa mengedit sesuai keinginan dan disini saya hanya memberikan tutorialnya untuk image recognition.
Setelah berhasil drag dan drop kita langsung ke bagian block atau coding, disini pembuatan aplikasi thunkable tidak memerlukan code manual yang harus membuat dengan script tapi menggunakan seperti puzzle yang harus mencocokan code satu dengan code yang lainnya. Silahkan pilih blocks pada bagian kiri atas.
Nah disitu kita memilih menu button1 pada layout kiri dibawah,pilih yang when button1.click do setelah itu pilih lagi menu camera dan pilih call camera.take picture dan sambungkan disamping do pada block button1 karena kita akan melogikan seperti ini “jika button1 di pilih maka akan memanggil dan membuka camera”
Setelah di drag di layout pilih lagi when camera1.After picture image do dan pilih juga di image recognizer1.post image path untuk mengkombinasikannya. Karena path nya kosong maka pilih di bagian when camera1.After picture yang di image dan klik maka akan muncul get image dan set image to disini kita mengambil yang get image dan drag di samping path.
Setelah disambungkan di path kita pilih lagi image1 yang set image1.picture to get image. Di get image ini bisa kita duplikat dengan cara klik tombol kanan pada get image yang di sebelah path setelah itu pilih duplikat selanjutnya drag di bagi samping to. Dan hasil logika jadi seperti ini “ketika kamera1 mengambil gambar maka akan memanggil image recognizer1 lalu path dan mengambil gambar dan set gambar yang sudah di ambil”
Lalu kita pilih di bagian image recognizer seperti gambar diatas when image_recognizer1.got response do, setelah itu pilih dibagian label yang set label1.text1 to dan klik description yang get description. dan logika akan menjadi seperti ini “jika image recognizer1 mendapatkan response maka set label menjadi deskripsi”
Langkah terakhir tinggal di eksport ke dalam bentuk .apk dan save my computer lalu jalankan di perangkat android mau emulator yang ada di laptop/pc kalian. Dan hasilnya seperti ini
Mungkin itu saja yang saya berikan tutorial jika ada yang kurang dimengerti bisa di komen. Terima kasih semoga ilmu ini bermanfaat.
EmoticonEmoticon