Bagaimana Mengajari Anak-Anak Berkode dengan Bahasa Awal MIT

Anak-anak belajar secara berbeda daripada orang dewasa, oleh karena itu jika kita ingin mengajar mereka kode, kita perlu menggunakan pendekatan sesuai dengan kebutuhan mereka. Kursus pengkodean orang dewasa biasanya dimulai dengan menjelaskan blok bangunan, seperti tipe data, variabel, dan fungsi, namun metode pengajaran ini tidak cocok dengan kebanyakan anak.

Bahasa blok visual menawarkan solusi untuk masalah ini dengan memperkenalkan peserta didik ke pengkodean dengan bantuan blok bangunan visual. Bahasa blok (terkadang juga disebut bahasa gelembung) fokus pada logika daripada pada sintaks, dan mengajar coding melalui proyek kreatif.

Sejumlah aplikasi hebat yang mengajarkan bahasa blok, seperti Scratch, Code.org, dan Tynker, tersedia di internet (Scratch dan Code.org gratis, dan Tynker dijual dengan harga bersahabat).

Salah satu hal terbaik tentang mereka adalah bahwa Anda tidak harus menjadi seorang programmer untuk membantu anak-anak Anda memulainya. Pada artikel ini, kita akan melihat ke dalam Scratch, bahasa blok visual yang dikembangkan oleh Google dan MIT Media Lab.

Memulai

Menggaruk adalah bahasa pemrograman yang dibuat untuk tujuan pendidikan, di mana Anda perlu jepret blok bersama untuk membuat proyek yang berbeda, seperti animasi, game, dan cerita interaktif.

Scratch terutama dibuat untuk anak-anak dan remaja antara usia 8 dan 16 tahun, tetapi dalam beberapa kasus ini dapat bekerja untuk anak-anak yang lebih muda dan pelajar dewasa juga.

Scratch tersedia dalam lebih dari 40 bahasa, versi terbarunya adalah Gores 2 yang berjalan di browser web yang lebih baru di mesin Windows, Mac, dan Linux. Jika Anda memiliki masalah dengan persyaratan sistem, Anda dapat menggunakan versi sebelumnya, Scratch 1.4, juga.

Anda bisa menggunakan Scratch dalam 3 cara berbeda:

1. Buat akun online, dan gunakan editor online. Jika Anda memilih ini, Anda dapat menyimpan proyek Anda secara online, dan membaginya dengan komunitas Scratch.
2. Gunakan editor online tanpa nama. Jika Anda memilih ini, Anda dapat menyimpan proyek Anda hanya ke komputer Anda.
3. Unduh Scratch Offline Editor, dan bekerja secara lokal.

Untuk memulai, klik menu Buat di bilah menu atas, dan editor Scratch akan muncul di layar Anda.

Buat desain

Pertama, ayo tambahkan elemen desain untuk program kami. Alur kerja pemrograman kehidupan nyata pada dasarnya sama, pertama-tama kita perlu buat elemen desain, seperti latar belakang, tombol, dan navigasi (bagian ini biasanya dilakukan oleh seorang desainer), maka kita perlu tambahkan fungsionalitas kepada mereka dengan kode (bagian ini dikerjakan oleh seorang programmer).

Sprite dan latar belakang

Scratch menawarkan dua jenis elemen desain yang berbeda: latar belakang dan Sprite.

Syarat “latar belakang” singkatan latar belakang, dan istilah “Sprite” singkatan karakter (karakter default adalah kucing yang dapat Anda lihat pada screenshot di atas). Pengaturan terkait mereka berada di sudut kiri bawah, di bawah panggung.

Ada empat cara untuk melakukannya tambahkan latar belakang baru atau Sprite ke panggung, Anda dapat memilih satu dari perpustakaan yang telah ditentukan, melukis satu, mengunggah satu dari komputer Anda, atau mengambil foto dengan kamera web Anda.

Sekarang mari kita gunakan solusi tercepat, dan pilih latar belakang dari Perpustakaan Latar Belakang.

Juga mari kita pilih satu atau lebih Sprite dari Perpustakaan Sprite dengan mengklik ikon sprite kecil di sebelah “Sprite baru” label di sudut kiri bawah layar.

Jika mau, Anda dapat mengedit latar belakang dan Sprite dengan bantuan yang praktis editor gambar yang secara otomatis muncul setelah Anda menambahkan elemen desain baru ke panggung.

Di bawah, Anda dapat melihat layar saya tepat setelah saya menambahkan “Kota malam” latar belakang ke panggung saya - jika saya mau, saya bisa mengubah tampilan latar belakang dengan alat gambar editor gambar.

Pada artikel ini, saya akan membuat a animasi sederhana tentang seorang gadis yang ditakuti oleh hantu di kota malam (saya tahu ...). Saya sudah memiliki latar belakang kota malam, dan sekarang saya membutuhkan dua Sprite: seorang gadis dan hantu.

Saya tidak membutuhkan kucing default, oleh karena itu saya klik kanan padanya, dan hapus. Saya menambahkan gadis dan hantu dari perpustakaan Sprite. Karena hantu lebih besar dari gadis itu, dan mereka terlihat canggung di samping satu sama lain, saya mengubah ukuran hantu menggunakan editor gambar.

Sekarang saya memiliki semua elemen desain yang saya butuhkan. Di bawah ini Anda dapat melihat bagaimana penampilan panggung saya sekarang. Di bagian selanjutnya, kita akan tambahkan fungsionalitas ke dua Sprite (gadis dan hantu) oleh menggunakan blok Scratch.

Tambahkan fungsionalitas

Itu Blok awal yang dapat ditemukan di bawah “Skrip” tab. Di belakang setiap blok ada cuplikan kode yang mendasarinya.

Blok dikelompokkan ke dalam 10 kategori (Gerak, Tampak, Suara, Pena, Data, Acara, Kontrol, Sensing, Operator, Lebih banyak blok), masing-masing menggunakan warna berbeda, dengan cara ini grup blok mudah dibedakan.

Kami akan menambahkan fungsionalitas untuk setiap Sprite (khusus kami akan menganimasinya), yang berarti setiap Sprite akan memiliki skrip sendiri (urutan blok Scratch).

Perhatikan bahwa kami juga dapat menambahkan skrip terpisah ke latar belakang, misalnya mengubah warnanya dari hari ke malam, namun demi kesederhanaan, kami tidak akan mengubah latar belakang dalam contoh ini.

Buat algoritma yang bisa dibaca manusia

Ini bisa membantu rencanakan di atas kertas apa yang akan dilakukan Sprite Anda. Berikut adalah algoritme program contoh gadis-hantu kami.

Algoritma gadis itu:

1. Pengguna dimulai naskah.
2. Gadis itu berpikir tentang betapa dia takut.
3. Gadis itu menunggu sampai hantu menyerangnya.
4. Gadis itu jeritan.
5. Gadis itu melarikan diri.

Algoritma hantu:

1. Pengguna dimulai naskah.
2. Hantu itu menunggu sementara gadis itu sedang berpikir.
3. Hantu pendekatan gadis itu.

Anda dapat melihat bahwa algoritma gadis itu ditulis dari sudut pandang gadis itu, dan algoritma hantu itu ditulis dari sudut pandang hantu. Sementara satu karakter bertindak, yang lain perlu menunggu, seperti yang kita butuhkan menyinkronkan tindakan dua karakter.

Naskah hantu

Mari kita mulai dengan naskah hantu, karena hanya 3 langkah. Klik pada Ghost di sudut kiri bawah, dan Anda bisa mulai menyeret blok ke area Script. Pertama, kita perlu membuat pengguna untuk memulai program. Kita dapat dengan mudah melakukan ini dengan menambahkan “ketika bendera hijau diklik” blok dari “Acara” kategori.

Selanjutnya, hantu menunggu 2 detik saat gadis itu berpikir. Kami memprogram tindakan ini dengan “tunggu 2 detik” blok yang dapat ditemukan di “Kontrol” kategori.

Akhirnya, hantu perlu mendekati gadis itu, yang bisa kita capai dengan “pergi ke Abby” blok dari “Gerakan” kategori. “Abby” adalah nama gadis itu, Scratch secara otomatis menambahkan nama-nama Sprite lain ke menu tarik-turun blok ini.

Seperti inilah bentuk naskah hantu. Sekarang, Anda sudah pasti menyadari bahwa Scratch berfungsi mirip dengan LEGO, kamu butuh bergabung dengan blok bersama.

Script gadis itu

Script gadis itu sedikit lebih rumit. Klik Sprite gadis itu di sudut kiri bawah, dan Anda dapat mulai menambahkan blok yang terkait dengan perilaku gadis itu.

Script gadis itu juga dimulai dengan “ketika bendera hijau diklik” blok. Sekarang saya perlihatkan bagaimana bentuk naskah gadis itu, sehingga Anda dapat mengikuti penjelasan dengan lebih mudah.

Setelah bendera hijau diklik, gadis itu berpikir selama 2 detik (program akan menunjukkan gelembung pemikiran untuk periode ini), ini adalah 2 detik yang sama ketika hantu menunggu di sudut - diprogram dengan blok tunggu di hantu. naskah.

Kemudian, gadis itu perlu menunggu sampai hantu menyentuhnya. Ini dilakukan oleh a blok menunggu tersusun. Anda dapat melihat pada tangkapan layar di atas bahwa blok ini termasuk blok berbentuk berlian dalam Anda harus bergabung secara terpisah. Anda hanya dapat menambahkan blok berbentuk berlian ke blok tunggu ini.

Ingat, Scratch mirip dengan LEGO, Anda harus melakukannya perhatikan bentuknya dari blok juga. Fitur ini mencegah Anda menambahkan blok yang seharusnya tidak ada untuk menghindari logika kode yang salah.

Sekarang, hantu itu menyentuh gadis itu, dan naskah hantu itu berakhir. Sekarang kita perlu membuatnya berteriak dengan “memainkan suara” Blok suara (Saya menambahkan suara jeritan wanita dari Sound Library bawaan), dan akhirnya membuatnya menjauh dari hantu dengan menggunakan “pindahkan 200 langkah” Blok gerak.

Anda dapat melihat proyek akhir di halaman Awal. Jika Anda ingin melihat ke dalam blok bangunan, klik tombol Lihat di dalam di sudut kanan atas.

Langkah selanjutnya

Kami “Hantu di kota” Contohnya adalah proyek yang sangat sederhana. Saat anak-anak Anda dapat dengan aman membuat cerita dan animasi linier, Anda dapat bergerak maju struktur pengkodean yang lebih rumit, seperti jika kemudian blok (pernyataan kondisional) dan ulangi blok (loop), keduanya dapat ditemukan di “Kontrol” kategori.

Jika Anda menginginkan contoh yang lebih rumit untuk animasi linier (masih tanpa pernyataan dan loop bersyarat) Anda dapat melihat demo saya yang lain yang menampilkan dialog sederhana, dan menggunakan 3 Sprite (dua teman dan kue ulang tahun), yang masing-masing memiliki skrip sendiri.

Anda juga dapat menginspirasi anak-anak Anda dengan mencetak Kartu Gores kepada mereka, bahwa mereka dapat pegang di tangan mereka saat pemrograman. Kartu Gores juga ada ide proyek yang bagus pada mereka. Ini juga layak dipelajari dari orang lain menjelajahi proyek yang ada, atau ikut serta dalam forum diskusi.

Jika Anda ingin memahami Scratch lebih baik, ada a kursus Coursera gratis oleh The University of Edinburgh, yang memperkenalkan pemula untuk pemrograman Scratch dengan cara yang sangat mudah diakses, bahkan menyenangkan.

Anda juga dapat memanfaatkan Scratch Wiki, dan jurusan Komputasi Kreatif Universitas Harvard juga beberapa sumber yang bagus untuk pelajar Scratch.