Koding dan Kecerdasan Artifisial · Kelas VII

Materi KKA Kelas 7

SMP Negeri 2 Glagah · Fase D
Bab 2

Literasi Digital untuk Kreasi Konten

Pendahuluan

Literasi digital adalah kemampuan mencari, memahami, menilai, membuat, dan membagikan informasi digital secara bertanggung jawab. Bukan sekadar bisa memakai aplikasi, tetapi tahu kapan, untuk siapa, dan dengan cara apa sebuah informasi disampaikan.

SubbabMateriFokus keterampilan
AKonten DigitalMengenali jenis, kualitas, dan etika konten
BPengembangan Ide dan Cerita SederhanaMerancang pesan: tujuan, audiens, alur
CAplikasi Dasar Slide dan InfografikMemproduksi konten dengan aplikasi
DTata Letak Visual yang MenarikMenata elemen agar pesan mudah dipahami

Tujuan pembelajaran

  1. Menjelaskan pengertian, jenis, dan ciri konten digital yang berkualitas.
  2. Menyusun ide dan cerita sederhana sesuai tujuan, audiens, dan platform.
  3. Membuat slide presentasi dan infografik menggunakan aplikasi dasar.
  4. Menerapkan prinsip tata letak visual pada konten yang dibuat.
  5. Menerapkan etika digital: menghargai karya orang lain dan menjaga data pribadi.
Ide tema & audiens Storyboard rancang tiap panel Produksi slide atau infografik Jadi rapikan & tempel
Urutan kerja Bab 2. Aplikasi baru dibuka di tahap ketiga — ide dan storyboard dikerjakan lebih dulu di atas kertas.

A. Konten Digital

Konten digital adalah segala bentuk informasi yang dibuat, disimpan, dan disebarkan dalam bentuk digital, lalu dinikmati melalui perangkat elektronik.

1. Jenis konten digital

JenisBentukContoh sehari-hari
TeksTulisanArtikel, caption, pengumuman sekolah
GambarFoto, ilustrasiPoster lomba, foto kegiatan MPLS
AudioSuaraPodcast, rekaman wawancara
VideoGambar bergerak + suaraVlog, video tutorial, film pendek
InfografikData + visualPoster data siswa, alur pendaftaran
SlideHalaman berurutanPresentasi tugas kelompok
InteraktifMenuntut responsKuis daring, gim sederhana
PESAN jangan bagikan data Artikel & caption Video pendek Podcast / audio Infografik
Pesan yang sama bisa dikemas dalam bentuk berbeda. Bentuknya dipilih mengikuti audiens dan platform, bukan mengikuti aplikasi yang kebetulan dikuasai.

2. Unsur pembentuk konten

  • Pesan — gagasan utama yang ingin disampaikan.
  • Media — bentuk penyajian: teks, gambar, audio, video.
  • Platform — tempat konten dipublikasikan.
  • Audiens — siapa yang akan melihat atau mendengar.

3. Ciri konten yang berkualitas

  1. Benar — isinya sesuai fakta dan sumbernya jelas.
  2. Jelas — bahasa sederhana, satu pesan utama.
  3. Relevan — sesuai kebutuhan dan usia audiens.
  4. Menarik — tampilan rapi, visual mendukung isi.
  5. Bermanfaat — memberi informasi, edukasi, atau inspirasi.
  6. Beretika — tidak menyinggung SARA, tidak menyebar hoaks.

Contoh tiap ciri — kasus mading digital sekolah

CiriSudah memenuhiBelum memenuhi
Benar“Jadwal ANBK kelas 7: 12–13 Mei 2026 (sumber: surat edaran sekolah).”“Katanya ANBK diundur, infonya dari grup sebelah.”
JelasPoster berjudul “Bawa Botol Minum Sendiri” dengan tiga alasan singkat.Poster berisi tujuh ajakan sekaligus dalam satu halaman penuh teks.
RelevanPanduan memilah sampah di kantin, dibuat untuk siswa kelas 7.Artikel kebijakan pengelolaan limbah industri untuk audiens yang sama.
MenarikSatu judul besar, satu foto kegiatan, warna seragam di semua halaman.Lima jenis huruf, teks berbayang, gambar diregangkan sampai pecah.
BermanfaatInfografik cara membuat kata sandi kuat, lengkap dengan contoh.Unggahan berisi keluhan tentang tugas, tanpa saran apa pun.
BeretikaFoto kegiatan diunggah setelah minta izin, fotografer disebut namanya.Foto teman yang sedang tertidur di kelas, diberi tulisan lucu.
Satu konten diuji dengan enam ciri

Unggahan OSIS: “Lomba kebersihan kelas mulai Senin, 11 Mei. Penilaian: kerapian meja, kebersihan lantai, dan tempat sampah terpilah. Juknis lengkap ada di papan pengumuman. — Sumber: surat OSIS No. 07/2026.”

Benar ✓ ada tanggal dan sumber · Jelas ✓ satu pesan, tiga kriteria · Relevan ✓ untuk seluruh siswa · Bermanfaat ✓ pembaca tahu harus berbuat apa · Beretika ✓ tidak menyindir kelas mana pun. Yang masih kurang: Menarik — perlu dibuat poster dengan judul besar dan ikon agar terbaca dari jauh.

4. Etika dan hak cipta

  • Sebutkan sumber setiap gambar, data, atau kutipan yang dipakai.
  • Gunakan materi berlisensi bebas (Creative Commons) atau karya sendiri.
  • Dilarang menjiplak dan mengakui karya orang lain sebagai milik sendiri.
  • Minta izin sebelum mengunggah foto orang lain, termasuk teman dan guru.
Keamanan data pribadi

Nama lengkap, alamat rumah, nomor telepon, NISN, tanggal lahir, dan lokasi sekolah tidak dibagikan dalam konten publik. Gunakan kata sandi kuat dan pikirkan dua kali sebelum mengunggah — jejak digital sulit dihapus sepenuhnya.

konten digitalaudiensplatformhak ciptaplagiarismejejak digital

B. Pengembangan Ide dan Cerita Sederhana

Konten yang baik dimulai dari ide yang jelas, bukan dari aplikasi. Ide disusun lebih dulu, baru dipilih media dan alat pembuatnya.

1. Sumber ide

  • Pengalaman pribadi dan kegiatan sehari-hari di sekolah.
  • Masalah di sekitar: sampah, kebiasaan terlambat, hemat air.
  • Materi pelajaran yang ingin dijelaskan ulang dengan cara sendiri.
  • Peristiwa atau tren terkini yang sesuai usia.

2. Menggali ide (brainstorming)

  1. Tulis semua ide tanpa menilai dulu — minimal 10 ide dalam 5 menit.
  2. Kelompokkan ide yang mirip menjadi satu tema.
  3. Seleksi: menarik? bermanfaat? mampu saya kerjakan?
  4. Kembangkan menjadi judul dan pesan utama satu kalimat.

Alat bantu: peta pikiran (mind map) dan 5W+1H.

3. Empat penentu arah konten

AspekPertanyaan kunciContoh
TujuanUntuk apa konten dibuat?Mengajak teman memilah sampah
AudiensSiapa yang membaca?Siswa kelas 7
PlatformDi mana dipublikasikan?Mading digital sekolah
FormatBentuk apa yang cocok?Infografik satu halaman

4. Struktur cerita sederhana

  1. Awal — memperkenalkan tokoh, suasana, atau masalah; menarik perhatian dalam 5 detik pertama.
  2. Tengah — menjelaskan kejadian, konflik, atau langkah penyelesaian.
  3. Akhir — kesimpulan, pesan moral, atau ajakan bertindak.
Contoh alur

Tokoh ditanya tanggal lahirnya oleh akun tak dikenal → guru mengingatkan bahaya membagikan data pribadi → tokoh belajar membuat kata sandi kuat → penutup: pentingnya menjaga data pribadi.

5. Storyboard dan naskah

Storyboard adalah sketsa rencana konten per bagian, dibuat sebelum produksi agar tidak bolak-balik memperbaiki.

Lembar storyboard terisi untuk cerita Jangan Bagikan Data Pribadi: empat panel bertanda Awal, Tengah, Tengah, Akhir; tiap panel memuat sketsa, keterangan yang terlihat, kalimat narasi, dan durasi.
Contoh lembar storyboard yang sudah terisi. Tiap panel menjawab tiga hal: apa yang terlihat, apa yang diucapkan, dan berapa detik — itulah yang perlu ditulis siswa sebelum mulai merekam atau mendesain.

Dalam bentuk tabel, isi storyboard di atas terbaca seperti ini:

PanelVisualTeks / narasiDurasi
1Tokoh membuka ponsel“Ada pesan dari akun asing.”5 detik
2Layar chat meminta data“Boleh tahu tanggal lahirmu?”5 detik
3Tokoh menolak, guru menjelaskan“Jangan bagikan data pribadi.”8 detik

Setelah storyboard siap, isinya dipindahkan ke naskah: daftar adegan beserta kalimat yang diucapkan dan suara yang terdengar. Untuk infografik, naskah diganti kerangka isi: judul, angka utama, 3–5 poin data, penutup, dan sumber.

Dua dokumen berdampingan: naskah video pendek berisi empat adegan dengan kolom visual, narasi atau dialog, suara, dan rentang waktu; serta lembar kerangka isi infografik berisi judul, angka utama, tiga poin isi, penutup dan sumber.
Naskah video (kiri) dan kerangka isi infografik (kanan) untuk cerita yang sama. Storyboard menunjukkan gambarnya, naskah menuliskan kata dan suaranya. Angka 62% di kerangka isi hanya contoh isian.
brainstormingmind map5W+1Hstoryboardajakan bertindak

C. Penggunaan Aplikasi Dasar Slide dan Infografik

1. Mengenal aplikasi

AplikasiSifatKelebihanCatatan
PowerPointLuring/daringLengkap, umum dipakaiPerlu instalasi di lab
Google SlidesDaringKolaborasi, tersimpan otomatisButuh akun dan internet
CanvaDaringBanyak templat siap pakaiCanva for Education gratis
LibreOffice ImpressLuring, gratisTanpa biaya lisensiAlternatif bila internet terbatas

2. Slide presentasi

Bagian slide: judul, isi, nomor halaman, catatan pembicara.

  1. Tentukan pesan utama dan jumlah slide (5–10 untuk presentasi kelas).
  2. Buat kerangka: pembuka, isi, penutup.
  3. Pilih templat atau tema yang konsisten untuk semua slide.
  4. Isi teks singkat — gunakan poin, bukan paragraf.
  5. Tambahkan gambar, ikon, tabel, atau grafik pendukung.
  6. Periksa ejaan dan urutan; ekspor ke PDF bila perlu.
Aturan praktis

Satu slide satu gagasan · maksimal ±6 baris teks · judul ≥ 28 pt, isi ≥ 18 pt · animasi secukupnya.

3. Infografik

Infografik adalah penyajian informasi atau data dalam bentuk visual padat agar cepat dipahami. Jenisnya: statistik, proses/alur, perbandingan, linimasa, dan geografis.

  1. Kumpulkan data atau fakta beserta sumbernya.
  2. Pilih 3–5 poin terpenting saja.
  3. Tentukan jenis dan ukuran kanvas (A4 potret untuk cetak, 1080×1080 px untuk media sosial).
  4. Susun alur baca atas ke bawah: judul → poin utama → penutup/sumber.
  5. Ganti kalimat panjang menjadi ikon, angka besar, atau diagram.
  6. Cantumkan sumber data dan nama pembuat di bagian bawah.
Tangkapan layar aplikasi slide: daftar slide di kiri, slide aktif berjudul Ciri Konten Digital yang Berkualitas berisi lima poin dan kotak aturan enam baris teks, serta catatan pembicara di bawahnya.
Contoh slide KKA yang sedang dikerjakan di aplikasi. Perhatikan judul singkat, lima poin pendek, satu kotak angka sebagai penekanan, dan catatan pembicara yang tidak ikut tampil saat presentasi.
Infografik Bab 2 dalam Angka: 4 subbab, 12 sampai 16 jam pelajaran, 5 tujuan pembelajaran, grafik batang perkiraan jam pelajaran tiap subbab, delapan angka penting seperti 3 sampai 5 poin per infografik dan judul minimal 28 pt, diagram donat bobot penilaian empat aspek masing-masing 25 persen, serta tujuh prinsip tata letak.
Contoh infografik jadi, dibuat dari data Bab 2 sendiri. Susunannya bisa ditiru siswa: judul, angka utama, grafik, poin pendukung, lalu sumber data di bagian bawah.

4. Fitur dasar yang perlu dikuasai

Amati poster berikut. Setiap bagian poster dibuat dengan satu fitur aplikasi — nomornya ditunjukkan langsung pada posternya.

Poster kampanye Sekolah Bebas Sampah Plastik dengan tujuh penanda bernomor: 1 garis margin sebagai templat, 2 judul sebagai teks, 3 ikon sebagai elemen, 4 blok warna pada angka, 5 foto kegiatan yang diunggah, 6 stiker Senin mulai yang menimpa foto sebagai lapisan paling depan, dan 7 berkas poster-kampanye.pdf yang siap diunduh atau dibagikan.
Satu poster jadi, dibedah per bagian. Nomor pada poster menunjuk fitur aplikasi yang dipakai untuk membuat bagian itu.
  1. Templat — kerangka halaman: ukuran kanvas, margin, dan posisi tiap bagian. Semua isi diletakkan di dalam garis margin.
  2. Teks — judul, kalimat ajakan, dan keterangan; diatur jenis huruf, ukuran, dan warnanya.
  3. Elemen — ikon, bentuk, dan garis bawaan aplikasi, dipakai menggantikan kalimat panjang.
  4. Latar dan warna — blok warna untuk menonjolkan angka atau ajakan penting.
  5. Unggah — memasukkan foto kegiatan kelas sendiri dari perangkat, bukan gambar asal ambil dari internet.
  6. Posisi dan lapisan — mengatur objek mana yang di depan; stiker “Senin mulai!” sengaja ditaruh menimpa foto.
  7. Bagikan dan unduh — menyimpan hasil sebagai PNG atau PDF, lalu membagikannya ke mading digital sekolah.
templatkanvasinfografikikoneksporresolusi

D. Tata Letak Visual yang Menarik

Tata letak adalah cara menyusun teks, gambar, dan ruang kosong agar pesan mudah dibaca. Tujuannya bukan ramai, melainkan jelas.

Poster versi berantakan: judul memenuhi tepi kertas, lima jenis huruf dan banyak warna, paragraf panjang, foto teregang, tanpa margin dan tanpa ruang kosong. Poster versi rapi dengan isi yang sama: margin tetap, satu judul besar sebagai titik fokus, tiga poin berikon, satu angka ditonjolkan, ajakan di bawah, dan sumber di kaki poster.
Sebelum Sesudah
Geser untuk membandingkan dua poster dengan pesan yang sama. Versi kiri memakai lima jenis huruf, teks sampai tepi kertas, dan tanpa titik fokus; versi kanan memakai margin tetap, satu judul besar, tiga poin berikon, dan ruang kosong yang cukup.

1. Prinsip desain dasar

PrinsipMaksudPenerapan sederhana
KeseimbanganBobot visual merataJangan menumpuk objek di satu sisi
KeselarasanObjek sejajar pada satu garisRatakan judul dan isi pada tepi kiri yang sama
KontrasPerbedaan yang menonjolkanTeks gelap di latar terang
HierarkiUrutan baca yang jelasJudul → subjudul → isi → sumber
KedekatanInfo sejenis dikelompokkanKeterangan dekat dengan gambarnya
PengulanganKonsistensi gayaWarna dan huruf sama di semua halaman
Ruang kosongMemberi napasSisakan margin, jangan penuhi kanvas
Tujuh kartu prinsip tata letak, masing-masing berisi dua panel: panel bertanda silang memperlihatkan penerapan yang keliru dan panel bertanda centang memperlihatkan penerapan yang benar.
Tiap prinsip ditampilkan dua kali: kiri keliru, kanan benar. Tutup kolom kanan lebih dulu dan minta siswa menebak apa yang salah.

2. Tipografi

  • Maksimal dua jenis huruf: satu untuk judul, satu untuk isi.
  • Huruf tanpa kait (Arial, Calibri, Poppins) mudah dibaca di layar.
  • Ukuran berjenjang: judul paling besar, keterangan paling kecil.
  • Hindari kapital semua dan huruf dekoratif untuk paragraf panjang.
Dua pengumuman dengan isi sama: versi keliru memakai empat jenis huruf berukuran seragam dengan baris rapat; versi benar memakai dua jenis huruf dengan judul besar, isi sedang, keterangan kecil, dan jarak baris longgar.
Isi yang sama dengan dua perlakuan huruf. Yang kanan lebih mudah dibaca karena ukurannya berjenjang dan jenis hurufnya hanya dua.

3. Warna

  • 2–3 warna utama plus satu warna aksen untuk penekanan.
  • Pastikan kontras cukup; teks abu muda di latar putih sulit dibaca.
  • Warna membawa makna: hijau (aman), merah (peringatan), biru (formal).
  • Konsisten: warna sama untuk kategori yang sama.
Dua poster kecil beserta deretan contoh warnanya: versi keliru memakai enam warna mencolok dengan teks berkontras rendah; versi benar memakai dua warna utama, satu warna aksen, dan teks gelap di latar terang.
Enam warna membuat semuanya berebut perhatian. Dua warna utama plus satu aksen justru membuat bagian terpenting menonjol.

4. Menata elemen

  1. Tentukan titik fokus — satu elemen paling menonjol per halaman.
  2. Arahkan alur baca: kiri ke kanan, atas ke bawah (pola Z atau F).
  3. Gunakan grid atau garis bantu agar objek lurus.
  4. Beri margin tetap di keempat sisi.
  5. Pakai gambar beresolusi cukup agar tidak pecah saat dicetak.
Dua kanvas: yang keliru berisi empat objek berukuran mirip yang tersebar dengan garis alur baca berzig-zag kacau; yang benar memiliki judul berwarna penuh sebagai titik fokus, margin putus-putus di empat sisi, dan garis alur baca berbentuk Z.
Garis putus-putus menunjukkan perjalanan mata pembaca. Tanpa titik fokus, mata melompat-lompat; dengan judul yang menonjol, alurnya rapi mengikuti pola Z.
Kesalahan umum

Terlalu banyak teks · lebih dari tiga jenis huruf · objek tidak sejajar · gambar diregangkan hingga berubah proporsi · tidak mencantumkan sumber.

Lima panel kecil bertanda silang: halaman penuh paragraf, campuran huruf dan warna, objek yang tidak sejajar, gambar yang diregangkan sehingga gepeng, dan angka tanpa sumber.
Lima kesalahan itu dalam bentuk gambar. Pakai sebagai daftar periksa cepat sebelum siswa mengumpulkan karyanya.
layoutkontrashierarki visualruang kosongtitik fokus

Peran KA dalam Kreasi Konten

Kecerdasan artifisial dipakai sebagai alat bantu, bukan pengganti kerja peserta didik.

Pemanfaatan yang wajar

  • Membantu menggali ide dan menyusun kerangka cerita.
  • Merapikan kalimat, memeriksa ejaan, atau meringkas teks.
  • Menyarankan judul, warna, atau tata letak alternatif.

Perintah (prompt) yang baik

Memuat empat hal: peran, tugas, konteks, dan format. Contoh: “Buatkan kerangka infografik tentang pemilahan sampah untuk siswa SMP kelas 7, berisi 4 poin, bahasa sederhana.”

Siswa Kecerdasan artifisial “Buatkan kerangka infografik pemilahan sampah, 4 poin.” Draf dari KA diperiksa dulu oleh siswa Tanggung jawab atas isi akhir tetap ada pada pembuat konten.
KA berhenti di tahap draf. Langkah terakhir — memeriksa fakta, merevisi, dan menyebut bantuan KA — selalu dikerjakan siswa.
Batas etis

Hasil KA wajib diperiksa ulang — KA bisa mengarang fakta. Sebutkan bila konten dibantu KA. Jangan memasukkan data pribadi ke dalam prompt, jangan membuat tiruan orang lain (deepfake). Tanggung jawab akhir tetap pada pembuat konten.

Glosarium

Ketuk tiap istilah untuk melihat artinya.

Audiens

Sasaran penerima konten.

Brainstorming

Curah gagasan tanpa menilai lebih dulu.

Hierarki visual

Urutan penonjolan elemen agar alur baca jelas.

Infografik

Penyajian informasi dalam bentuk visual padat.

Jejak digital

Rekam jejak aktivitas seseorang di internet.

Plagiarisme

Mengambil karya orang lain tanpa izin dan kredit.

Prompt

Perintah yang diberikan kepada sistem KA.

Storyboard

Rancangan visual konten per panel sebelum produksi.

Ruang kosong

Area kosong yang membuat tampilan lebih terbaca.