Basic Coding
with
Belajar membuat proyek seru dengan aplikasi
berbasis coding untuk anak
4Ye-a7rs
disusun oleh
Indah Febryyani, S. Pd.
i
Basic Coding with
Daftar Isi
Bab 1
Mengapa Harus Belajar Coding Sejak Dini? ............. 1
Bab 2
Permainan Berbasis Coding ............. 4
Bab 3
Kenalan dengan ScratchJr ............. 7
Bab 4
BONUS: Membuat animasi "Magic Show" ........... 16
BONUS: Unplugged Coding Activity for Kids ........... 22
@heynyoo @[Link] [Link]@[Link]
ii
Basic Coding with
Kenalan dengan Penulis!
Indah Febryyani, S. Pd.
(Kak Nyo)
Indah Febryyani (Nyo) adalah edukator dan
peneliti di bidang Pendidikan Anak Usia Dini
(PAUD), lahir dan besar di Jakarta. Nyo
merupakan lulusan S1 PG-PAUD dari Universitas
Negeri Jakarta (UNJ) dan saat ini sedang
menyelesaikan studi S2nya di program Master
of Education in Early Childhood, Monash
University, Australia. Sebelum lanjut S2, Nyo
pernah bekerja sebagai tutor coding bagi anak-
anak dan menjadi asisten guru di TK
Internasional di Jakarta.
Hobinya menulis dan menggambar berhasil
melahirkan beberapa karya buku anak salah
satunya Ciki Belajar Terbang (2023) membahas
tentang konsep STEM dan The Sacred Sago:
Forest Defender (2025), yang mengeksplorasi
isu penjajahan pangan di Papua menggunakan
thisisnyo@[Link]
lensa keadilan sosial.
@heynyoo
Sebagai seorang peneliti, Nyo sangat tertarik
dengan upaya menjadikan pendidikan STEM, @heynyoo
terutama matematika lebih inklusif dan bisa
diakses secara adil oleh seluruh anak Indonesia. [Link] -
Saat ini topik risetnya tentang bermain dan Indah Febryyani
matematika AUD.
@heynyoo @[Link] [Link]@[Link]
1
Basic Coding with
Bab 1 i
Mengapa Harus Belajar
Coding Sejak Dini?
"There's no denying that coding will be an
essential skill in the future. With the rise of
big digital transformation, having coding
knowledge and experience will prepare
children to face the digital future head-on."
@heynyoo @[Link] [Link]@[Link]
2
Basic Coding with
Beberapa alasan mengapa perlu
mengajarkan skill coding kepada anak
1. Mendorong Perkembangan Kognitif
Coding adalah sebuah proses menggunakan bahasa
pemrograman untuk membuat komputer berjalan
seperti yang diperintahkan. Keterampilan ini bertujuan
untuk memberikan instruksi dan menerjemahkannya ke
dalam bahasa komputer, karena komputer tidak
berkomunikasi seperti manusia.
Pada dasarnya, coding itu adalah proses berpikir logis,
komputatif, dan kreatif dimana anak akan belajar
membuat sesuatu dari kanvas kosong. Membuat sesuatu
dari 0 akan mendorong anak untuk menggunakan
penalaran kognitif, imajinasi, kemampuan literasi serta
keterampilan motoriknya secara bersamaan, misalnya
saat membuat game atau animasi sederhana. Aspek
kognitif tersebut mencakup kemampuan dalam
memecahkan masalah, kemampuan berpikir kritis, dan
sistematis bisa terasah.
[Link] Melatih Problem-Solving Skill
Kemampuan memecahkan masalah merupakan sifat
yang berguna dalam kehidupan pada umumnya. Mama
mungkin ingin anak menjadi pemecah masalah yang
hebat, sehingga ia dapat mengatasi kesulitan apa pun
yang dihadapi. Belajar coding memberi anak kesempatan
untuk mempelajari jenis keterampilan ini saat masih muda
dan itu dapat membantunya sepanjang jalan dalam
kehidupan.
@heynyoo @[Link] [Link]@[Link]
3
Basic Coding with
[Link] Computational Thinking
Computational thinking atau pemikiran komputasional
adalah kemampuan untuk menyampaikan dan
mengkomunasikan pikiran secara logis dan memiliki
posedur. Disebut computational thinking karena hakikat
komputer memproses informasi yang masuk secara rinci
dan terstruktur.
Dengan belajar coding, anak-anak dapat meningkatkan
kemampuan berpikir komputasional mereka sekaligus
memahami konsep algoritma. Jadi, mereka dapat belajar
mengidentifikasi suatu masalah dan menyelesaikannya
secara terstruktur. Dalam implementasinya, anak
diharapkan dapat memecahnya menjadi beberapa
langkah nyata yang dapat diaplikasikan.
[Link] Programmer yang Menguasai Coding
Masih Sangat Terbatas
Menurut laporan dari McKinsey Global Institute, hampir
separuh dari pekerjaan manusia akan diambil-alih oleh
mesin/robot otomatis pada tahun 2055. Sementara saat
ini, jumlah programmer yang menguasai coding masih
sangat terbatas, yaitu sekitar 24,5 juta orang di seluruh
dunia.
Akibatnya, profesi programmer/developer menjadi
profesi yang paling banyak dicari dan dibutuhkan,
termasuk di Indonesia.
Kemampuan coding sejak dini menjadi bekal anak untuk
bisa memiliki skill unggula yang bermanfaat dalam
pengembangan ilmu pengetahuan di masa depan. Selain
itu, belajar coding memberikan anak kesempatan untuk
menjadi "creator of technology" tidak hanya "consumer
of technology".
@heynyoo @[Link] [Link]@[Link]
4
Basic Coding with
Bab 2 i
Permainan Berbasis
Coding
"Coding games can teach you essential
principles of programming and don’t feel
like a chore."
@heynyoo @[Link] [Link]@[Link]
5
Basic Coding with
Cocok untuk pembelajar pemula, ScratchJr adalah
aplikasi yang tepat untuk mengenalkan bahasa
pemrograman yang mendukung anak menciptakan
sendiri cerita interaktif atau game mereka menggunakan
block programming. Anak akan belajar menganimasikan
karakter mereka dan belajar konsep baru baik itu
matematika atau bahasa sekaligus membangun struktur
pemrograman.
Game ini karakter utamanya berupa monster kecil,
hewan, dan tokoh animasi lain yang menggemaskan.
Nantinya, terdapat level yang bervariasi dan lengkap
dengan perintah dasar yang mudah dipahami logika
anak, seperti berlari atau meloncat. Dengan begini, anak
secara tidak langsung dilatih untuk merancang jalan
permainannya sendiri.
@heynyoo @[Link] [Link]@[Link]
6
Basic Coding with
Dengan permainan interaktif dan lebih dari 70 pelajaran
berbeda, Kodable berhasil memecah topik ilmu komputer
menjadi konsep dasar yang dapat dipahami oleh anak-
anakmulai dari usia empat tahun. Kodable juga
memungkinkan pengguna untuk membuka banyak fitur
saat mereka naik level untuk terus menantang usernya.
Tynker ditujukan untuk anak-anak usia 5-18 tahun. Anak
bisa membangun proyek dan bermain game
menggunakan HTML, CSS, JavaScript, dll. Mereka juga
ada game untuk mengembangkan kemampuan coding.
Kalian dapat membuat proyek dan berbagi kreasi secara
online di komunitas. Tynker.
@heynyoo @[Link] [Link]@[Link]
7
Basic Coding with
Bab 3 i
Kenalan dengan
ScratchJr
ScratchJr adalah aplikasi belajar bahasa
pemograman bagi pemula berbasis visual
coding (coding secara visual) cocok untuk
anak usia 5-7 tahun. Mereka bisa
mengkreasikan animasi dan game melalui
aplikasi ini.
@heynyoo @[Link] [Link]@[Link]
8
Basic Coding with
Apa itu Block Programming?
Block programming adalah bagian dari pemrograman
visual dimana bentuk bahasa pemrogramannya
programmer mengeluarkan instruksi dengan drag dan
drop blok. Ini membantu mencegah kesalahan sintaks dan
programmer tidak perlu menghafal sintaks untuk menulis
kode (Codejig, 2021).
ScratchJr
ScratchJr adalah aplikasi untuk mengenalkan bahasa
pemrograman berbasis visual programming yang
memungkinkan anak-anak (usia 5-7 tahun) untuk
membuat cerita dan permainan interaktif mereka sendiri.
Anak-anak akan menyatukan blok pemrograman grafis
untuk membuat karakter bergerak, melompat, menari,
dan bernyanyi. Anak-anak dapat memodifikasi karakter di
editor cat, menambahkan suara dan suara mereka
sendiri, bahkan menyisipkan foto diri mereka sendiri
kemudian menggunakan blok pemrograman untuk
menganimasikan karakter mereka.
ScratchJr terinspirasi oleh bahasa pemrograman Scratch
yang populer ([Link]). ScratchJr, didesain agar
sesuai dengan cara belajar anak agar sesuai dengan
perkembangan kognitif, pribadi, sosial, dan emosional
anak usia dini.
@heynyoo @[Link] [Link]@[Link]
9
Basic Coding with
Cara Instalasi Scratchjr di Laptop
[Link] browser dan masukkan alamat link
[Link] kemudian
pilih OS yang dipakai dalam komputer anda apakah itu
Window atau Mac lalu klik tombol Download.
[Link] file yang sudah berhasil diunduh untuk melakukan
instalasi tunggu sampai file terinstall dan tampilan awal
aplikasi nantinya akan seperti ini
@heynyoo @[Link] [Link]@[Link]
10
Basic Coding with
Cara Instalasi Scratchjr di Smartphone/Tablet
[Link] Playstore atau Appstore di smartphone atau tablet
Anda kemudian cari aplikasi “ScratchJr”
2. Klik tombol Install lalu tunggu hingga aplikasi terpasang
di smartphone/tablet anda.
Elemen Penting dalam ScratchJr
Scratchjr memiliki beberapa area dan tombol yang
berfungsi untuk menciptakan sebuah project sebagai
berikut:
@heynyoo @[Link] [Link]@[Link]
11
Basic Coding with
1. Save
Menyimpan proyek yang sedang dikerjakan dan keluar ke
halaman Beranda
2. Stage
Di sinilah proses game dan animasi dalam proyek akan
dikerjakan. Stage menampilkan desain dan komposisi
latar serta karakter dalam proyek. Untuk menghapus
karakter, tekan karakter dan tahan hingga muncul simbol
X berwarna merah kemudian tekan tombol X tersebut
3. Mode Presentasi
Mode presentasi akan menampilkan proyek secara full
screen sehingga keseluruhan proyek bisa terlihat jelas
4. Tampilan Grid
Aktifkan (dan nonaktifkan) tampilan koordinat x-y.
5. Ganti Background
Pilih atau buat gambar latar belakang untuk stage
(panggung)
6. Tambah Teks
Tulis judul dan label di atas panggung.
7. Reset Karakter
Atur ulang semua karakter ke posisi awal mereka di atas
panggung. (Seret karakter untuk mengatur posisi awal
baru.)
8. Green Flag
Untuk memulai semua skrip pemrograman yang dimulai
dengan blok "Start on Green Flag"
@heynyoo @[Link] [Link]@[Link]
12
Basic Coding with
9. Halaman
Menambahkan halaman baru dalam stage yang sedang
dikerjakan. Biasanya untuk memberi transisi tempat
dalam sebuah cerita. Klik tanda plus untuk menambahkan
halaman baru. Setiap halaman nantinya akan memiliki set
karakter dan latar belakangnya sendiri yang harus
ditambahkan dari awal. Untuk menghapus halaman,
tekan dan tahan hingga muncul simbol X berwarna
merah. Untuk menyusun ulang halaman, tekan dan seret
halaman ke urutan posisinya yang baru.
10. Info Project
Ubah judul proyek, lihat kapan proyek dibuat, dan
bagikan proyek melalui email.
11. Undo dan Redo
Jika Anda membuat kesalahan, Tekan Undo (panah ke
kiri) untuk, mengembalikan tindakan terakhir. Tekan Redo
(panah ke kanan) untuk membalikkan Undo terakhir.
12. Script Program
Rangkaian blok yang disusun seperti puzzle untuk
memberikan perintah pada karakter (sprite). Untuk
menghapus blok atau skrip, seret blok ke bagian atas ke
luar area pemrograman. Untuk menyalin blok atau skrip
dari satu karakter ke karakter lain, seret ke gambar mini
karakter di sisi kiri layar.
13. Area Pemrograman
Area pemrograman adalah area kosong di bagian bawah
layar dimana area tersebut berfungsi sebagai tempat
untuk menghubungkan blok pemrograman agar menjadi
rangkaian skrip utuh, memberi tahu karakter apa yang
harus dilakukan.
@heynyoo @[Link] [Link]@[Link]
13
Basic Coding with
14. Palet Blok
Ini adalah menu blok pemrograman. Seret blok ke area
pemrograman, lalu ketuk untuk melihat fungsinya.
15. Kategori Blok
Di sinilah Anda dapat memilih kategori blok
pemrograman: Blok Trigger (Kuning), Gerakan (Biru),
Tampilan (Ungu), Suara (Hijau), Kontrol (Oranye), Blok
Akhir (Merah).
16. Karakter (Sprite)
Tekan simbol plus + untuk menambahkan karakter yang
baru. Setelah karakter dipilih, Anda dapat merangkai
skripnya. Bila ingin mengganti nama sprite, Anda bisa
tekan bagian yang berisi nama sprite atau ketuk logo
kuas di sebelah nama sprite untuk mengedit gambarnya.
Untuk menghapus karakter, tekan dan tahan hingga
muncul simbol X berwarna merah. Untuk menyalin
karakter ke halaman lain, seret ke thumbnail halaman di
sisi kanan layar.
@heynyoo @[Link] [Link]@[Link]
14
Basic Coding with
i
blok-blok di ScratchJr
@heynyoo @[Link] [Link]@[Link]
15
Basic Coding with
i
blok-blok di ScratchJr
@heynyoo @[Link] [Link]@[Link]
16
Basic Coding with
Bab 4 i
Membuat Animasi
"Magic Show"
Create your first animation. It's easy and a
creative way to learn the basic of coding.
@heynyoo @[Link] [Link]@[Link]
17
Basic Coding with
Pertama, buat proyek baru di ScratchJr. Di halaman
pertama setelah membuat proyek, akan muncul sprite
kucing (di Tablet/HP) atau Tic Biru (di laptop). Karena kita
tidak menggunakan Tic, maka kita hapus sprite tersebut.
Cara menghapus sprite dengan menekan spritenya cukup
lama hingga muncul simbol "X" berwarna merah, tap
simbol tersebut dan sprite akan hilang.
Kedua, tambahan sprite baru untuk proyek ini. Tekan
tombol "+" di pojok kiri layar (lihat kota berwarna merah).
@heynyoo @[Link] [Link]@[Link]
18
Basic Coding with
Ketiga, pilih karakter "Wizard" lalu klik simbol checklist.
Keempat, tambahkan karakter lainnya yaitu "Rabbit".
Kemudian tekan simbol checklist bila sudah dipilih.
@heynyoo @[Link] [Link]@[Link]
19
Basic Coding with
Kelima, kita perlu memilih background untuk proyek ini.
Klik icon foto di bagian atas layar (sebelah ikon ABC)
untuk memilih background. Pilih background "Theatre"
lalu klik checklist.
Keenam, buat judul animasi. Klik icon "ABC" di tengah atas
layar, lalu minta anak untuk mengetik "Magic Show".
Ukuran dan warna teks bisa diatur dengan menekan icon
"Aaa" atau "Cat Tumpah" di penulisan teks.
@heynyoo @[Link] [Link]@[Link]
20
Basic Coding with
Selanjutnya, kita perlu menyusun blok-blok kode untuk
Karakter Wizard terlebih dahulu.
Keenam, buat judul animasi. Klik icon "ABC" di tengah atas
layar, lalu minta anak untuk mengetik "Magic Show".
Ukuran dan warna teks bisa diatur dengan menekan icon
"Aaa" atau "Cat Tumpah" di penulisan teks.
@heynyoo @[Link] [Link]@[Link]
21
Basic Coding with
The purpose of practice is
not to achieve perfection.
It is because we strive to
progress that we practice!
@heynyoo @[Link] [Link]@[Link]
22
Basic Coding with
BONUS! i
Unplugged Coding
Activity for Kids
Dalam pembelajaran coding bagi anak,
untuk membangun logika dan
pemahamannya tidak melulu dengan
interaksi screen time. Berikut aktivitas
unplugged coding yang bisa digunakan di
rumah!
@heynyoo @[Link] [Link]@[Link]
Basic Coding with
@heynyoo @[Link] [Link]@[Link]
Basic Coding with
CHASE THE CARROT!
@heynyoo @[Link] [Link]@[Link]
Basic Coding with
coordinate colorings
@heynyoo @[Link] [Link]@[Link]
Basic Coding with
@heynyoo @[Link] [Link]@[Link]
Basic Coding with
@heynyoo @[Link] [Link]@[Link]
Basic Coding with
burger
sequence
1. Cetak halaman ini
dengan printer
warna
2. Ajak anak
menggunting bentuk
dari setiap potongan
burger
3. Minta anak
menyusun burger
sesuai urutannya di
kertas kosong
4. Kegiatan ini bisa
dilakukan beberapa
kali dengan urutan isi
burger yang
berbeda.
@heynyoo @[Link] [Link]@[Link]
Basic Coding with
Halo!
Bagaimana nih pengalaman membuat animasi berbasis
aplikasi coding pertamamu? Jika para orang tua,
mahasiswa, dan guru ingin tahu tips & trick ataupun
mendaftarkan sekolah mereka di program pelatihan
coding dan pengembangan guru lainnya, kalian bisa
berkonsultasi dengan EduPlay.
Jangan khawatir karena mentor di EduPlay akan
membantu kamu dan lembagamu mulai dari penyusunan
materi, merumuskan silabus, konsultasi media belajar,
hingga riset kolaborasi. Jika ingin informasi lebih lanjut
kalian bisa kunjungi sosial media Instagram kita
@[Link] ya!
Yuk rencanakan kegiatan bermain untuk
Anak Usia Dini yang efektif, edukatif, juga
up to date dengan perkembangan jaman!
Perencanaan Kurikulum Kreasi Media Pembelajaran
Konsultasi Program AUD Layanan Pelatihan
Riset dan Pengembangan Pengembangan Guru PAUD
STEM PAUD
Konsultasi sekarang!
2025 EduPlay ECLRC. All rights reserved.
Buku ini dilarang diperbanyak, digandakan, dan diperjualbelikan
tanpa sepengetahuan dan izin dari penulis. Hak cipta dan kekayaan
intelektual berlaku sesuai Undang-Undang.
@heynyoo @[Link] [Link]@[Link]