Pembelajaran Interaktif Informatika Bab 8: Proyek Pemrograman Terapan

🚀

Bab 8: Proyek Pemrograman Terapan

Informatika Kelas X SMK - Kurikulum Merdeka

Dibuat oleh:

Dede Munawar, S.E

Progress Pembelajaran 0/5 Subbab

🎯 Pilih Jurusanmu

Jurusan terpilih:

Proyek akan disesuaikan dengan jurusanmu!

📋 Ringkasan Inti

Menentukan masalah yang akan diselesaikan dan platform coding (Canva Code, Gemini Code, atau AI Code).

💡 Penjelasan Sederhana

Seperti memilih resep dan bahan sebelum memasak. Kita harus tahu mau masak apa dan alat apa yang dibutuhkan.

🎮 Demo: Pilih Proyek Sesuai Jurusan

Pilih jurusanmu di atas untuk melihat contoh proyek!

💻 Platform Coding

Canva Code

Platform visual untuk membuat website interaktif

Gemini Code

AI assistant untuk coding dan debugging

AI Code

Platform AI untuk generate dan optimize code

✅ Checkpoint Mini

Apa langkah pertama dalam memulai proyek pemrograman?

📋 Ringkasan Inti

Membuat flowchart dan algoritma sebelum mulai coding.

💡 Penjelasan Sederhana

Seperti menyiapkan langkah-langkah memasak sebelum mulai praktek. Rencana yang jelas membuat hasil lebih baik.

🎮 Demo: Membuat Flowchart

MULAI

Input Data

Proses Data

Output Hasil

SELESAI

✅ Checkpoint Mini

Mengapa flowchart penting dalam pemrograman?

📋 Ringkasan Inti

Menulis kode sesuai algoritma menggunakan Canva Code, Gemini Code, atau AI Code.

💡 Penjelasan Sederhana

Seperti mengikuti resep masakan untuk menghasilkan hidangan digital. Setiap langkah harus diikuti dengan teliti.

🎮 Demo: Editor Coding

Pilih Platform: Canva Code Gemini Code AI Code

// Contoh kode sederhana

function sayHello() {

console.log("Hello World!");

}

sayHello();

Output: Hello World!

✅ Checkpoint Mini

Apa yang harus dilakukan sebelum menulis kode?

📋 Ringkasan Inti

Memeriksa kesalahan, memperbaiki bug, dan memastikan program berjalan sesuai rencana.

💡 Penjelasan Sederhana

Seperti mengecek masakan apakah matang dan rasa pas. Kalau ada yang kurang, kita perbaiki sampai sempurna.

🎮 Demo: Debugging

Kode dengan Bug:

function hitungLuas(panjang, lebar) {

return panjang * lebar

}

console.log(hitungLuas(5, 3));

✅ Checkpoint Mini

Apa itu debugging dalam pemrograman?

📋 Ringkasan Inti

Menyajikan hasil proyek dan membuat dokumentasi.

💡 Penjelasan Sederhana

Seperti menyiapkan hidangan dan menulis resep agar orang lain bisa meniru. Presentasi yang baik membuat karya kita dipahami orang lain.

🎮 Demo: Membuat Presentasi

Slide 1: Judul Proyek

Slide 2: Masalah yang Diselesaikan

Slide 3: Solusi

Preview Presentasi:

✅ Checkpoint Mini

Apa yang harus ada dalam dokumentasi proyek?

🔍 Refleksi Akhir

Proyek apa yang bisa kamu buat di jurusanmu menggunakan Canva/Gemini/AI Code?

Langkah mana yang paling menantang saat implementasi proyek?

📝 Quiz Akhir