Pengenalan PictoBlox: Belajar Coding dengan Block untuk Pemula
Pengenalan PictoBlox
Belajar pemrograman berbasis block melalui contoh kehidupan nyata dan proyek interaktif membuat Tobi berjalan.
Pengenalan PictoBlox: Belajar Coding dengan Block untuk Pemula
Pada pelajaran ini kita memulai pemrograman dari situasi yang dekat dengan kehidupan sehari-hari, lalu beralih ke PictoBlox dan membuat Tobi berjalan di Stage.
- mengenali penerapan pemrograman dalam kehidupan nyata;
- memahami pengertian program dalam ilmu komputer;
- mengenal PictoBlox dan bagian-bagian antarmukanya;
- menyusun instruksi menggunakan block;
- menguji, mengamati, dan memperbaiki program.
Mengapa kita belajar dari lampu lalu lintas?
Lampu lalu lintas tampak sederhana, tetapi bekerja mengikuti aturan dan urutan tertentu. Lampu berganti secara berkala untuk mengatur arus lalu lintas. Sistem yang lebih cerdas bahkan dapat menggunakan sensor untuk mendeteksi kondisi lalu lintas.
Gagasan penting: sistem komputer bekerja melalui instruksi. Jika urutan atau kondisi perintah tidak tepat, hasil yang diperoleh juga dapat berbeda.
Program Ada di Sekitar Kita
Pemrograman tidak hanya digunakan untuk membuat aplikasi yang terlihat rumit. Kita berinteraksi dengan program ketika memindai barcode, memesan tiket secara daring, mencetak dokumen, menggunakan browser, memainkan video game, atau menikmati animasi.
Bagaimana sebuah program bekerja?
Program adalah sekumpulan instruksi yang diikuti komputer untuk menyelesaikan suatu tugas. Karena komputer bekerja berdasarkan instruksi, perintah perlu disusun secara jelas dan teratur.
Contoh penerapan pemrograman
Barcode
Pemindai membaca informasi barang dan sistem memprosesnya.
Lalu lintas
Program mengatur perubahan lampu berdasarkan aturan dan waktu.
Pemesanan daring
Sistem membantu memproses pemesanan tiket bus, kereta, pesawat, atau bioskop.
Perangkat lunak
Browser dan aplikasi pengolah dokumen menjalankan instruksi untuk menyelesaikan tugas.
Tiga Tahapan dalam Pemrograman
Pemrograman tidak dimulai dengan buru-buru menyusun kode. Ada tiga bagian penting: merencanakan program, menulis program ke dalam kode, kemudian menguji dan melakukan debugging.
Merencanakan
Tentukan masalah yang ingin diselesaikan dan susun langkah yang diperlukan.
Menulis kode
Terjemahkan rencana menjadi instruksi yang dapat dijalankan komputer.
Menguji & debugging
Jalankan program, amati hasilnya, temukan masalah, lalu perbaiki.
Dekomposisi: memecah masalah menjadi bagian kecil
Bagian perencanaan dan pengujian membutuhkan pemecahan masalah. Dekomposisi membantu kita memecah masalah besar menjadi tugas-tugas yang lebih kecil dan mudah dikelola.
Analogi: berpakaian sebelum berangkat sekolah
Berpakaian juga mengikuti urutan: melepas pakaian tidur, mengenakan pakaian dalam bersih, seragam, aksesori, kaus kaki, lalu sepatu. Urutan tersebut tidak boleh dilakukan sembarangan. Prinsip yang sama digunakan saat menyusun instruksi program.
PictoBlox: Teman Belajar Pemrograman
PictoBlox adalah perangkat lunak pemrograman grafis berbasis block. Antarmukanya menggunakan fungsi drag-and-drop sehingga siswa dapat menyusun perintah tanpa harus langsung menghafal sintaks bahasa pemrograman tradisional.
Dengan pendekatan block, perhatian dapat diarahkan pada pemecahan masalah, berpikir kritis, penalaran logis, serta hubungan antara perintah dan hasil.
Instalasi sesuai perangkat
Windows
Gunakan installer .exe untuk Windows 7 atau lebih baru, tersedia 64-bit dan 32-bit.
macOS
Gunakan installer .dmg dan jalankan file tersebut.
Android / iPhone
Buka aplikasi PictoBlox melalui perangkat seluler dan gunakan My Space untuk mengelola proyek.
Linux
Unduh PictoBlox dari sumber unduhan yang disediakan untuk sistem Linux.
Mengenal Stage, Sprite, Block, dan Script
Stage
Area proyek tempat sprite bergerak, menggambar, dan berinteraksi. Stage memiliki script, gambar, dan suara sendiri.
Sprite
Objek atau karakter yang menjalankan instruksi dan dapat bergerak di Stage. Dalam proyek ini digunakan Tobi.
Stage Palette
Alat untuk memilih backdrop, menggambar atau mengimpor gambar, serta mengambil foto.
Block
Perintah berbentuk seperti kepingan puzzle yang diseret dan dilepas ke scripting area.
Block Palette
Berisi kategori seperti Motion, Sound, dan Control. Setiap kategori menyediakan fungsi yang berbeda.
Script
Kumpulan block yang disusun dalam urutan tertentu untuk menjalankan tugas.
Scripting Area adalah tempat kita menyusun script. Di sinilah rencana program diterjemahkan menjadi rangkaian instruksi yang dapat dijalankan.
Membuat Tobi Berjalan
Kita akan membuat program sederhana secara bertahap. Setelah setiap block ditambahkan, jalankan program dan amati perubahan yang terjadi.
Langkah 1 — Membuat file baru
Pada Windows, macOS, atau Linux, buka PictoBlox dan pilih lingkungan Block Coding. Pada Android atau iPhone, buka aplikasi, masuk ke My Space, lalu tekan tanda + untuk membuat file baru.
Langkah 2 — Menentukan kapan script dimulai
Buka palette Events, lalu seret block when flag clicked ke scripting area. Block ini disebut hat block dan digunakan untuk memulai script ketika bendera hijau diklik.
Langkah 3 — Membuat Tobi bergerak terus
Dari palette Control, tambahkan block forever di bawah when flag clicked. Block ini mengulang sekumpulan perintah sampai script dihentikan.
Langkah 4 — Menambahkan gerakan
Dari palette Motion, masukkan move (10) steps ke dalam forever. Jalankan program. Tobi akan bergerak terus.
Menyempurnakan Gerakan Tobi
Langkah 5 — Membuat Tobi memantul di tepi Stage
Tanpa pengaturan tambahan, Tobi dapat terus berjalan hingga keluar dari bingkai Stage. Tambahkan when on edge, bounce ke dalam forever. Block ini mendeteksi tepi Stage dan mengubah arah gerak.
Langkah 6 — Mengatur arah Tobi
Jika Tobi terlihat terbalik ketika berganti arah, tambahkan set rotation style (left-right) di bawah when flag clicked. Pilihan left-right membuat tampilan Tobi mengikuti arah kiri atau kanan tanpa berputar terbalik.
Langkah 7 — Memperlambat gerakan
Jika Tobi bergerak terlalu cepat, tambahkan wait (0.1) seconds di bawah move (10) steps. Block wait memberi jeda sehingga gerakan lebih nyaman diamati.
move dan wait. Amati bagaimana perubahan angka memengaruhi perilaku Tobi.Membaca kembali script
Urutan akhirnya adalah: when flag clicked → set rotation style (left-right) → forever → move (10) steps → wait (0.1) seconds → when on edge, bounce.
Menyimpan, Mengunggah, dan Mengembangkan Program
Menyimpan proyek
Pada Windows, macOS, dan Linux pilih File > Save As, tentukan lokasi, beri nama Tobi Walking, lalu simpan. Proyek tersimpan sebagai file .sb3. Pada Android dan iPhone, gunakan tombol Save, tulis nama proyek, lalu simpan.
Tugas: mengunggah proyek
Pilih Browse, cari file proyek .sb3, pilih Open, kemudian Upload. File yang diunggah harus berupa SB3 dan ukuran maksimum yang disebutkan dalam materi adalah 5 MB.
✓ program dapat dijalankan
✓ file sudah tersimpan
✓ ekstensi file .sb3
✓ ukuran tidak melebihi 5 MB
Pembelajaran mendalam
Berkesadaran: pahami fungsi block sebelum menyusunnya. Bermakna: hubungkan setiap block dengan perubahan yang terlihat pada Tobi. Menyenangkan: cobalah variasi gerakan, kecepatan, backdrop, suara, atau karakter.
Tantangan pengembangan
- ubah
movedari 10 menjadi 5; - ubah
movemenjadi 20; - ubah nilai
waitdan bandingkan hasilnya; - ganti backdrop Stage;
- gunakan sprite lain;
- jelaskan fungsi
forever,move,wait, danwhen on edge, bounce.
Kesimpulan
Kita belajar bahwa sistem di sekitar kita bekerja berdasarkan instruksi. Kita mengenal perencanaan, penulisan kode, pengujian dan debugging, lalu menerapkannya melalui proyek Tobi berjalan. Keberhasilan program tidak hanya ditentukan oleh kemampuan memasang block, tetapi juga kemampuan memahami tujuan, mengamati hasil, mencoba perubahan, dan memperbaiki program.
Uji Pemahaman: PictoBlox & Berpikir Komputasional
Pilih satu jawaban yang paling tepat.
Sebuah siswa membuat Tobi bergerak dengan move (10) steps di dalam forever. Tobi keluar dari Stage. Perubahan paling langsung untuk mengatasi masalah tersebut adalah …
Program lampu lalu lintas mengubah warna pada interval tertentu. Jika urutan instruksi tidak disusun dengan benar, dampak yang paling masuk akal berdasarkan konsep artikel adalah …
Seorang siswa langsung menulis block tanpa menentukan langkah penyelesaian masalah. Ia kemudian kesulitan menemukan sumber kesalahan. Tahap yang terlewat adalah …
Contoh script Tobi dengan pengaturan arahTobi tampak terbalik ketika berubah arah setelah menggunakan when on edge, bounce. Solusi yang sesuai dengan artikel adalah …
Dua program sama-sama membuat Tobi bergerak. Program X menggunakan move (10) tanpa jeda, sedangkan Program Y menambahkan wait (0.1). Pernyataan yang paling tepat adalah …
Seorang siswa mengganti move (10) menjadi move (20). Berdasarkan prinsip percobaan dalam artikel, langkah berikutnya yang paling tepat adalah …
Manakah pasangan konsep yang menunjukkan hubungan yang benar?
Block when flag clicked sebagai pemicu scriptDalam alur program, when flag clicked ditempatkan sebagai pemicu awal. Jika block ini tidak digunakan pada script tersebut, konsekuensi yang paling sesuai dengan penjelasan artikel adalah …
Sebuah kelompok membagi tugas membuat proyek menjadi: memahami tujuan, menyusun gerak Tobi, mengatur pantulan, menguji kecepatan, dan memperbaiki kesalahan. Strategi tersebut paling dekat dengan konsep …
Jika forever dihapus dari program Tobi, perubahan yang paling logis untuk diuji siswa adalah …
Tahapan pemrograman: merencanakan, menulis kode, menguji dan debuggingSebuah program sudah dapat dijalankan, tetapi hasilnya berbeda dari tujuan. Tindakan yang sesuai dengan tahap debugging adalah …
Seorang siswa ingin mengembangkan proyek tanpa mengubah tujuan dasar Tobi berjalan. Perubahan yang paling sesuai dengan bagian tantangan artikel adalah …
Urutan aktivitas yang paling mencerminkan proses pemrograman dalam artikel adalah …
Sebuah sistem lampu lalu lintas dapat menggunakan sensor untuk mendeteksi kemacetan dan bekerja ketika ada lalu lintas. Gagasan tersebut menunjukkan bahwa program dapat …
Proyek PictoBlox sebagai konteks pengembangan dan refleksiSiswa A hanya meniru susunan block. Siswa B meniru lalu mengubah move dan wait, mengamati hasil, serta menjelaskan penyebab perubahan. Berdasarkan pembelajaran mendalam dalam artikel, aktivitas Siswa B menunjukkan …
.jpg)
