πŸ’‘ Abstraksi

Slide 1 dari 6

Apa Itu Abstraksi? πŸ’‘

Abstraksi adalah proses menyederhanakan masalah dengan cara membuang atau menyembunyikan detail-detail yang tidak penting, dan hanya memfokuskan pada elemen-elemen utama yang benar-benar kita perlukan untuk menyelesaikan masalah tersebut.

Contoh terbaik dari abstraksi di dunia nyata adalah peta! Jika kamu melihat Google Maps atau peta jalan, kamu hanya akan melihat informasi penting seperti nama jalan utama, arah, dan rute navigasi. Kamu tidak akan melihat detail pohon yang ada di pinggir jalan, jumlah batu atau warna cat setiap rumah. Detail itu dihilangkan agar peta mudah dibaca.

Dalam pembuatan program, berpikir abstrak sangat diperlukan agar kodemu berjalan efisien. Daripada repot-repot memikirkan hal-hal kecil yang tidak memengaruhi tujuan akhir programmu, lebih baik singkirkan saja mereka!

Visualisasi Peta (Abstraksi)

πŸ—ΊοΈ Peta Lengkap (Detail)
πŸ“ MULAI
🎯 TUJUAN
☁️
☁️
β›…
🌲Pohon
🏠Rumah
🏒Gedung
🌳Pohon
πŸͺToko
πŸš—Mobil
🏫Sekolah
πŸ•Anjing
🌲Pohon
🏠Rumah
🐦Burung
🌻Bunga
🚲Sepeda
🌿 🌱 🌿 🌱 πŸ€

Klik tombol di atas untuk menyederhanakan peta! Perhatikan bagaimana detail yang tidak penting dihilangkan πŸ‘†

Abstraksi dalam Scratch βœ‚οΈ

Saat merakit blok pada aplikasi Scratch, tak jarang pemula memasukkan segala jenis blok kode hanya agar terlihat keren atau penasaran saja. Padahal, beberapa blok mungkin tidak ada hubungannya dengan apa yang ingin dicapai oleh program tersebut.

Misalkan tujuan kita hanyalah: "Buat kucing berjalan ke depan saat permainan dimulai." Beberapa orang mungkin tergoda untuk menambahkan blok suara atau blok pengatur warna. Padahal, tujuan utamanya hanya berjalan!

Bandingkan dua susunan blok di bawah ini. Sebelah kiri penuh dengan blok kode, namun banyak yang sebenarnya tidak relevan dengan tujuan awal. Di sebelah kanan, kita telah melakukan proses abstraksiβ€”menghapus blok yang tidak berguna dan hanya menyisakan kode inti yang benar-benar menjalankan perintah utamanya.

SEBELUM ABSTRAKSI
when 🚩 clicked
set color effect to 50
play sound meow
move 10 steps
say Hello
SETELAH ABSTRAKSI
when 🚩 clicked
move 10 steps
SELESAI! βœ…

Game 1: Pilih Blok Penting 🎯

Tujuan: "Buat kucing berjalan ke kanan saat tombol panah ditekan"

Pisahkan blok yang dibutuhkan (PENTING) dan tidak dibutuhkan (BUANG)!

when [β†’] key pressed
move 10 steps
play sound meow
set color effect to 50
if on edge, bounce
change costume
point in direction 90
say Hello for 2 secs
βœ… PENTING (0/4)
❌ BUANG (0/4)
SELESAI! βœ…

Game 2: Sederhanakan Instruksi βœ‚οΈ

Pasangkan instruksi panjang dengan versi sederhananya!

Tekan tombol panah kanan pada keyboard untuk membuat karakter bergerak ke arah kanan layar
Tambahkan efek suara ketika karakter menyentuh tepi layar permainan
Buat karakter berhenti bergerak ketika nyawa pemain habis menjadi nol
Ubah tampilan kostum karakter setiap setengah detik sekali
Tambah nilai skor pemain sebanyak satu poin
Gerak kanan saat β†’ ditekan
Suara saat tepi layar
Berhenti saat nyawa = 0
Ganti kostum tiap 0.5 detik
Skor +1
SELESAI! βœ…

Game 3: Label Bagian Program 🏷️

Seret label untuk menamai bagian-bagian struktur program Scratch!

PEMICU
INISIALISASI
PERULANGAN
KONDISI
AKSI
when 🚩 clicked
set score to 0
repeat until score = 10
if touching cat
change score by 1

Kesimpulan Lesson 🎯

βœ… Abstraksi membantu kita membuang detail yang berlebihan.
βœ… Kode harus fokus hanya pada tujuan utamanya saja.
βœ… Di Scratch, kita menyingkirkan blok yang tidak diperlukan agar program berjalan optimal.

πŸŽ‰ SELAMAT! πŸŽ‰

Kamu sudah memahami Abstraksi!