CODEA | Koding dan Kecerdasan ArtificialSemester 1Pertemuan 8B · 1 Pertemuan × 4 JP (180 menit)
Web App: Deteksi Perangkat + Informasi Spesifikasi
Memodifikasi halaman HTML image classifier agar saat perangkat jaringan terdeteksi, muncul informasi spesifikasi dan fungsi perangkat tersebut secara otomatis.
#web app#informasi perangkat#spesifikasi#deteksi#perangkat jaringan
MODUL AJAR
Web App: Deteksi Perangkat + Informasi Spesifikasi
Penyusun: Guru CODEA
Jenjang: SMK
Sekolah: SMK Bina Rahayu
Kelas / Semester: XI TJKT / Gasal
Tahun Pelajaran: 2026/2027
Fase: F
Alokasi Waktu: 1 Pertemuan × 4 JP (180 menit)
Track: B — Image Classifier Perangkat Jaringan
| Komponen | Deskripsi |
|---|---|
| 1. Identitas Modul | |
| Nama Penyusun | Guru CODEA |
| Institusi | SMK Bina Rahayu |
| Mata Pelajaran | CODEA — Koding dan Kecerdasan Artificial |
| Kelas / Semester | XI TJKT / Gasal |
| Fase | F |
| Elemen / Topik | Web App Deteksi Perangkat + Informasi Spesifikasi |
| Alokasi Waktu | 1 Pertemuan × 4 JP (180 menit) |
| Tahun Pelajaran | 2026/2027 |
| 2. Kompetensi Awal | |
| a. Peserta didik telah berhasil menjalankan halaman HTML dengan prediksi real-time (pertemuan 7B). | |
| b. Peserta didik mampu memodifikasi HTML dan CSS dasar. | |
| c. Peserta didik mengenali fungsi dan spesifikasi dasar perangkat jaringan (Router, Switch, AP, Modem, Server). | |
| d. Peserta didik memiliki pemahaman dasar tentang tag HTML dan CSS. | |
| 3. Profil Pelajar Pancasila | |
| a. Bernalar Kritis — Menganalisis apakah informasi yang ditampilkan sesuai dengan perangkat yang terdeteksi. | |
| b. Kreatif — Mendesain tampilan informasi perangkat yang menarik dan informatif. | |
| c. Gotong Royong — Berkolaborasi mengumpulkan data spesifikasi perangkat jaringan. | |
| d. Mandiri — Aktif mengeksplorasi kode HTML/CSS/JavaScript untuk menambahkan fitur baru. | |
| 4. Sarana dan Prasarana | |
| a. Laboratorium komputer dengan laptop (1 per kelompok @3–4 siswa). | |
| b. Koneksi internet yang stabil. | |
| c. Webcam (bawaan laptop atau eksternal). | |
| d. Browser (Google Chrome / Mozilla Firefox). | |
| e. Proyektor/LCD dan layar tayang. | |
| f. Papan tulis / whiteboard dan spidol. | |
| g. LKPD (Lembar Kerja Peserta Didik) — siap cetak. | |
| h. Bahan bacaan siswa — siap cetak. | |
| i. File model TF.js + halaman HTML dari pertemuan 7B. | |
| j. Text editor (Notepad++ / VS Code). | |
| k. Perangkat jaringan fisik untuk testing. | |
| 5. Target Peserta Didik | |
| a. Peserta didik reguler — seluruh siswa kelas XI TJKT. | |
| b. Peserta didik dengan pencapaian tinggi — diberikan tantangan menambah fitur search dan filter. | |
| c. Peserta didik dengan kesulitan belajar — diberikan template kode yang sudah jadi, tinggal mengisi data. | |
| 6. Model Pembelajaran | |
| a. Pendekatan: Saintifik, student-centered, project based. | |
| b. Model: Project Based Learning (PjBL), Discovery Learning, Praktikum Langsung. | |
| c. Metode: Praktik langsung, modifikasi kode, eksperimen, diskusi kelompok. |
Daftar Isi