Hooks pada React

Adhy Wiranto — Sat, 03 Apr 2021 09:11:35 +0000

Hari ini saya belajar mengenai Hooks pada React. Fitur ini telah ada sejak react merilis versi 16.8.0 nya dimana memang sangat baru implementasinya (sekarang sudah versi 17.0.2). Sebelumnya untuk melakukan passing nilai variabel dari komponen untuk dikelola harus memakai kelas, ketika saya perhatikan kodenya memang lebih banyak, seperti extends ke React.Components, membuat constructor(), dan keyword this yang merajalela dimana-mana.

Apa yang saya pelajari dari Hooks ini:

misalnya saya punya state seperti berikut untuk membuat app counter
const [count, setCount] = useState(0);
terdapat destructuring variabel count dan function setCount dengan nilai awal dari variabel count adalah 0 (diset pada useState()), tugas function setCount() adalah untuk mengubah value dari count
setCount mengambil value dari count, sehingga jika kita membuat aplikasi form yang dapat menampilkan isi input form secara seamless maka kita bisa kondisikan dari key pada objek apa yang kita ganti isinya dan sisanya tetap tidak diubah.

Banyak sekali yang saya pelajari mengenai react ini, rencananya setelah belajar react ini saya akan belajar mengenai pembuatan API dan Otentikasi. Setelah itu saya akan kembali lagi ke dasar ilmu dari javascript agar ilmu fundamentalnya lebih kuat lagi.

Wish me luck!

Tentang Computer Vision

Adhy Wiranto — Thu, 25 Mar 2021 13:01:30 +0000

Computer Vision merupakan bidang ilmiah interdisipliner yang membahas mengenai bagaimana komputer dapat memperoleh pemahaman tingkat tinggi dari gambar atau video digital. Dari perspektif teknik, bidang ini berupaya mengotomisasikan tugas-tugas yang dapat dilakukan oleh sistem penglihatan manusia.

Computer Vision melakukan suatu Pattern Recognition atau pengenalan pola pada suatu citra/gambar. Misalkan komputer dilatih dengan memberikan 100 buah gambar kucing dengan jenis yang berbeda-beda, namun kucing memiliki ciri khasnya tersendiri dimana kucing memiliki kumis, telinga yang berbentuk segitiga, dan berkaki empat. Dari ciri khas tersebut, komputer bertanggungjawab untuk “belajar” mengenal pola dari fitur/ciri yang dimiliki kucing tersebut yang nantinya jika komputer diberikan gambar kucing yang berbeda misalkan warna yang berbeda atau jenis yang belum pernah dilatih sebelumnya, komputer dapat dengan baik mengenal bahwa gambar tersebut adalah kucing. Jika komputer diberikan gambar anjing tentu komputer belum dapat mengenal hewan tersebut karena komputer belum belajar mengenal pola dari bentuk anjing itu sendiri, ini merupakan salah satu contoh agar pengenalan pola dari objek yang beragam dapat dilakukan maka komputer juga harus dilatih dengan data yang beragam.

Pada Gambar di atas menggambarkan tugas-tugas yang dilakukan oleh Computer Vision yang dibagi menjadi 4 yaitu Classification, Classification + Localization, Object Detection, dan Instance Segmentation. Algoritma Classification melakukan klasifikasi setiap gambar yang diberikan dimana setiap 1 gambar yang diberikan komputer akan mengklasifikasikannya dengan 1 kelas/informasi yang paling sesuai dengan gambar tersebut. Classification + Localization mirip dengan Classification biasa yang diberikan lokalisasi berupa informasi tambahan yaitu bounding box yang memberi informasi letak dari objek yang diklasifikasikan. Lalu ada algoritma yang melakukan pendeteksian lebih dari 1 objek yaitu Object Detection. Object Detection dapat melakukan pendeteksian objek yang berada pada 1 gambar yang sama dan jenis objek yang berbeda-beda. Seperti gambar diatas terdapat gambar berisikan 2 anak kucing, 1 anjing, dan 1 mainan bebek, algoritma Object Detection mendeteksi objek apa yang ada pada gambar dan memberikan bounding box pada setiap objek tersebut. Lalu yang keempat adalah Instance Segmentation, algoritma jenis ini memiliki kelebihan dibandingkan dengan Object Detection yaitu dapat mengetahui bentuk dari objek itu sendiri.

Computer Vision sudah banyak diterapkan dalam kehidupan sehari-hari, misalkan pada aplikasi kamera smartphone terdapat fitur Face Recognition untuk selfie sehingga hasil foto menjadi lebih bagus, ataupun hal yang lebih baru misalkan mobil listrik yang dikeluarkan oleh perusahaan Tesla, memakai banyak teknologi salah satunya adalah Object Detection untuk mendeteksi objek di sekitarnya untuk menentukan berbagai hal seperti mengatur laju mobil, berhenti, belok ke arah kanan dan kiri, dan juga dapat memberi peringatan terhadap objek yang ada di depannya.

DEV Community: Adhy Wiranto

Hooks pada React

Tentang Computer Vision