Bab 3 Β· Sesi 4 dari 5

Sesi 4 Β· Pemrograman Prosedural πŸ”

Input β†’ proses β†’ output! Variabel, percabangan, dan pengulangan β€” fondasi semua program.

⏱️ ±10 menit 🎯 1 mini quiz 🎞️ Bisa jadi presentasi

🎬 Cerita Pembuka

Bayangin ini…

β€œHello World!” β€” itu program pertama semua programmer di dunia! Di sesi ini kita beneran baca & tulis program: komputer terima input, simpen di variabel, proses hitung & logika, terus kasih output. Program itu cuma cara ngomong ke komputer: β€œlakuin ini, kalau gitu lakuin itu!” πŸ—£οΈπŸ’»

πŸ“₯ Input-Proses-Output

Tiga elemen penting pemrograman prosedural:

⌨️

Input

Komputer terima masukan, disimpen di variabel (nama buat nyimpen nilai).

Baca bilangan N β†’ variabel N
βš™οΈ

Proses

ALU (Arithmetic Logic Unit) ngitung aritmatika (+,βˆ’,Γ—,Γ·) & logika (AND, OR, NOT, perbandingan).

K = sisa bagi N dengan 2
πŸ–¨οΈ

Output

Perintah print/write/display buat nampilin nilai ke layar.

Print β€œHello World!”
πŸ’‘ Tips: Program = instruksi yang ngendaliin komputer buat Input-Proses-Output. Kalau bisa nulis program, kamu bisa nyuruh komputer ngapa-ngapain! 😎
πŸ‘€ Bentuk kodenya β€” program pertama: β€œHello World!”
when run diklik
writeLine "Hello World!"
// di Blockly β†’ bahasa kode:
print("Hello World!");
Outputnya muncul di layar: Hello World! β€” input nggak ada, prosesnya nggak ada, cuma output. Simple tapi ini langkah pertama semua programmer! πŸ‘£

πŸ“¦ Variabel & Tipe Data

Sebelum nulis program, kita perlu tempat nyimpen data. Di pemrograman, tempat itu namanya variabel:

VARIABEL = kotak bernama yang nyimpen nilai
namaSiswaβ€œBudi”
Kotak bernama namaSiswa, isinya β€œBudi” di dalam. Isinya bisa diganti-ganti β€” makanya disebut variable (bisa berubah)!

Nilai yang disimpen punya tipe β€” ini 3 tipe data dasar di Blockly:

πŸ”€

Tipe: Teks (String)

Kumpulan karakter/kata, ditulis dalam tanda kutip.

namaSiswa = β€œBudi”
πŸ”’

Tipe: Bilangan

Angka buat dihitung.

umur = 13
βœ…

Tipe: Boolean

Cuma dua nilai: true atau false.

lulus = true
🀯 Fakta seru: Beri nama variabel yang menggambarkan fungsinya β€” buku bilang gini: bayangin kalau variabelmu cuma β€œx”, β€œy”, β€œz”, kamu bakal lupa fungsinya di tengah jalan! 🀦
πŸ‘€ Bentuk kodenya β€” variabel di program
set namaSiswa to "Budi"
set umur to 13
writeLine namaSiswa
// di bahasa kode:
namaSiswa = "Budi";
umur = 13;
print(namaSiswa);

πŸ”€ Percabangan (If)

Komputer bisa ambil keputusan β€” periksa kondisi, pilih alternatif:

βš–οΈ

Perbandingan

Operator: sama dengan (=), tidak sama (β‰ ), kurang dari (<), lebih dari (>).

umur < 13
πŸ”—

Logika

AND, OR, NOT buat gabungin kondisi.

umur > 40 AND nama = β€œBudi”
🚦

If / Else

Kalau kondisi bener β†’ jalanin do. Kalau salah β†’ jalanin else.

umur < 13 β†’ β€œKids”, else β†’ β€œNot Kids”
πŸ’‘ Tips: Ingat tabel kebenaran: A AND B cuma true kalau dua-duanya true. A OR B true kalau salah satu aja true. NOT kebalikannya! πŸ”„
πŸ‘€ Bentuk kodenya β€” percabangan if/else
if umur < 13 then
writeLine "Kids"
else
writeLine "Not Kids"
// di bahasa kode:
if (umur < 13) {
  print("Kids");
} else {
  print("Not Kids");
}
Umur 10 β†’ β€œKids”. Umur 17 β†’ β€œNot Kids”. Komputer milih salah satu jalur berdasarkan kondisinya! 🚦

πŸ” Pengulangan (Loop)

Komputer jago banget ngulang β€” itu keunggulannya vs manusia:

πŸ”

repeat n times

Ulang sebanyak yang ditentukan.

Tampilkan β€œBlockly” 10Γ—
♾️

repeat while

Ulang SELAMA kondisi kepenuhan. Berhenti kalau syaratnya nggak kepenuhan lagi.

Maju 1 langkah sampai ada dinding
⭐

Pola Bintang

Nested loop: pengulangan di dalam pengulangan buat bikin pola.

N=4 β†’ *, **, ***, ****
🀯 Fakta seru: Contoh loop di kehidupan: ngecat kamar β€” celup kuas, usap dinding, ulang… sampai semua dinding kecat! 🎨
πŸ‘€ Bentuk kodenya β€” pengulangan
repeat 10 times
writeLine "Blockly"
repeat while hitung ≀ 10
writeLine hitung
// di bahasa kode:
for (let i = 0; i < 10; i++) {
  print("Blockly");
}
Blok di dalam [repeat] diulang-ulang β€” nggak perlu nulis 10Γ—! Komputer nggak pernah bosen ngulang. πŸ˜„

✏️ Mini Quiz β€” Uji Ingatanmu

Klik pilihan jawabanmu buat tiap soal (bisa diganti), terus tekan tombol Periksa Jawaban di bawah. πŸ‘‡

1. ALU (Arithmetic Logic Unit) itu bagian komputer yang…
βœ… Betul! ALU! Ngitung aritmatika & logika β€” otak matematika komputer.
2. Tipe data yang cuma punya nilai true atau false = …
βœ… Betul! Boolean! Cuma true/false β€” kayak saklar nyala/mati.
3. Kalau umur = 17 dan kodenya β€œumur < 13 β†’ Kids, else β†’ Not Kids”, outputnya…
βœ… Betul! Not Kids! 17 nggak kurang dari 13, jadi jalanin cabang else.
4. Blok [repeat while] berhenti saat…
βœ… Betul! Repeat WHILE = ulang selama syarat bener, berhenti pas syaratnya salah!

Pilih jawaban untuk semua 4 soal dulu, terus tekan tombolnya ya!

🎯 Skor kamu: 0 / 4
🎞️ Mode Presentasi · Sesi 4
πŸ”

Pemrograman Prosedural
Input β†’ Proses β†’ Output

  • ⌨️ Input: data masuk ke variabel
  • βš™οΈ Proses: ALU hitung & logika
  • πŸ–¨οΈ Output: print ke layar

Hello World = program pertama! πŸ‘‹

πŸ“¦

Variabel & Tipe Data

  • 🏷️ Variabel: nama ↔ nilai
  • πŸ”€ String: teks β€œBudi”
  • πŸ”’ Bilangan: 29
  • βœ… Boolean: true/false
πŸ”€

Percabangan

  • βš–οΈ Perbandingan: = β‰  < >
  • πŸ”— Logika: AND OR NOT
  • 🚦 If do..else: pilih jalur

umur < 13 β†’ Kids, else β†’ Not Kids

πŸ”

Pengulangan

  • πŸ” repeat n times: 10Γ—
  • ♾️ repeat while: selama syarat bener
  • ⭐ Nested loop: pola bintang

Ngecat kamar = loop! 🎨

🏁

Ingat 4 Hal Ini

  • 1️⃣ Input-Proses-Output
  • 2️⃣ Variabel & 3 tipe data
  • 3️⃣ Percabangan if/else
  • 4️⃣ Pengulangan while & n times
Gunakan tombol panah ← β†’ di keyboard