SMK TECHNO MEDIA

Petualangan IT: Web & Jaringan

"{{ currentSubtitle }}"

Pengabdian Kepada Masyarakat (PKM) • Universitas Pamulang

Peningkatan Keterampilan Vokasi Siswa SMK Techno Media Tangerang Selatan

Pelatihan Web Development Berbasis Jaringan Nirkabel Berwawasan Etika Profesi IT (Sesi 1 Jam / 60 Menit)

Tim Pemateri / Narasumber:
MY

M. Yunus Rangkuti, M.Kom.

Ketua Pelaksana / Dosen
SP

Septa, S.Kom.

Narasumber Vokasi
JG

Juli Gunawan, S.Kom.

Narasumber Vokasi

Setiap misi dilengkapi animasi interaktif, suara narator ramah, dan jeda diskusi kelas!

MISI 1 DARI 5 • DASAR JARINGAN KOMPUTER (TKJ)

Misi 1: Apa itu Jaringan & IP Address?

Komputer itu seperti rumah. Agar surat data tidak nyasar, setiap komputer butuh nomor alamat bernama IP Address . Dan pengatur lalu lintasnya adalah Router !

Subnet Lab: 192.168.1.0/24
Paket Data Nirkabel
Komputer Budi 192.168.1.2
Router Polisi 192.168.1.1
Komputer Andi 192.168.1.3
Ke: 192.168.1.3
"Surat dari Budi (192.168.1.2) diantar oleh Router tepat ke Andi (192.168.1.3)!"
Jeda Diskusi Kelas (5-7 Menit)

Pertanyaan Diskusi: "Siapa di sini yang tahu nomor IP Address di HP-nya sendiri?"

Petunjuk Guru: Ajak 2 orang siswa membuka menu Pengaturan Wi-Fi > Detail Jaringan di HP mereka. Tunjukkan angka seperti 192.168.x.x agar siswa paham bahwa HP mereka punya nomor rumah digital!

MISI 2 DARI 5 • KEAMANAN NIRKABEL (TKJ)

Misi 2: Wi-Fi Terbuka vs Gembok WPA3

Surat data yang terbang di udara Wi-Fi sangat mudah dicuri hacker kalau jaringan tidak digembok dengan WPA3 !

Status: {{ m2Security === 'wpa3' ? 'Terkunci WPA3' : 'Wi-Fi Terbuka' }}
Gelombang Radio Lab
Komputer Siswa
Router Wi-Fi {{ m2Security === 'wpa3' ? 'Gembok WPA3' : 'Tanpa Sandi' }}
Server Sekolah
{{ m2Security === 'wpa3' ? 'Terenkripsi' : 'Teks Terbuka' }}

{{ m2Security === 'wpa3' ? 'Hacker Terpental (Gagal Mencuri Surat)' : 'HACKER MENCURI SURAT DI UDARA!' }}

{{ m2Security === 'wpa3' ? 'Kode WPA3 mustahil dibaca.' : 'Membaca: "Data sensitif siswa"' }}
Jeda Diskusi Kelas (5-7 Menit)

Pertanyaan Diskusi: "Pernahkah kalian terhubung ke Wi-Fi kafe tanpa password?"

Petunjuk Guru: Jelaskan bahaya login ke media sosial atau akun bank saat memakai Wi-Fi kafe gratisan tanpa gembok sandi. Orang jahat di meja sebelah bisa menjalankan aplikasi Packet Sniffer!

MISI 3 DARI 5 • DASAR WEB DEVELOPMENT (RPL)

Misi 3: Bagaimana Aplikasi Web Bekerja?

Saat kamu buka website, HP kamu mengirim surat permintaan (Request) ke Gedung Server . Server lalu mengambil datanya dari Gudang Database !

Alur Klien-Server: Request & Response HTTP/HTTPS
HP Siswa (Klien) Buka Web
Request
Gedung Server Pelayan Data
Gudang Database Penyimpan Data
"HP minta web -> Server cari data di Database -> Hasil dikirim balik ke layar HP!"
Jeda Diskusi Kelas (5-7 Menit)

Pertanyaan Diskusi: "Ada yang tahu di mana letak gedung server Google atau TikTok?"

Petunjuk Guru: Beri tahu siswa bahwa gedung server (Data Center) itu berukuran raksasa seperti pabrik dengan pendingin es super dingin. Server Google ada di Jakarta, Singapura, hingga Amerika!

MISI 4 DARI 5 • KEAMANAN BASIS DATA (RPL)

Misi 4: Plain Text vs Bcrypt Hashing

Jangan simpan password polos (Plain Text)! Gunakan mesin pengacak Hashing Bcrypt agar saat gudang database bocor, password tetap aman!

Form Pendaftaran Akun

{{ m4Method === 'bcrypt' ? 'Mesin Hashing Aktif' : 'Plain Text Tanpa Enkripsi' }}

{{ m4Method === 'bcrypt' ? 'Password dimasukkan ke mesin giling satu arah.' : 'Password ditulis apa adanya tanpa perlindungan.' }}

Gudang Database (Tabel users)

Tersimpan di harddisk server sekolah
{{ m4Method === 'bcrypt' ? 'TERENKRIPSI HASH' : 'RAW PLAINTEXT' }}
Kolom: username Kolom: password_di_database
User: {{ m4User }}
Password di Database: {{ displayedM4Password }}

Sekalipun file database bocor, hacker cuma melihat kode acak yang tidak bisa diartikan! Siapapun yang memegang file database bisa membaca password siswa dengan mudah!

PHP password_hash()
Jeda Diskusi Kelas (5-7 Menit)

Pertanyaan Diskusi: "Siapa yang password-nya masih pakai tanggal lahir?"

Petunjuk Guru: Beri tahu siswa bahwa hacker punya kamus kata sandi (Dictionary Attack). Password seperti tanggal lahir atau nama pacar bisa ditebak komputer dalam hitungan mikrodetik!

MISI 5 DARI 5 • ETIKA & HUKUM SIBER

Misi 5: Aturan Main Anak IT (Etika Digital)

Sebagai ahli IT yang hebat, kita wajib menghargai hasil karya orang lain ( Lisensi MIT ) dan tidak boleh membocorkan rahasia data pengguna ( Privacy Notice ).

{{ m5Checklist.license && m5Checklist.privacy ? 'ETIKA TERPENUHI 100%' : 'KLIK 2 KOTAK DI BAWAH' }}

1. Hargai Pembuat Kode Asli (Lisensi Open-Source / MIT)

Jangan asal copas kode orang lalu mengaku buatan sendiri. Cantumkan nama pencipta aslinya di bagian footer website sebagai tanda terima kasih!

Lencana Lisensi MIT Tercantum!
Klik kartu ini untuk mencentang komitmen lisensi

2. Jaga Privasi Teman (Privacy Notice / UU PDP)

Berjanji tidak menjual atau menyebarkan data teman (nomor HP, alamat rumah, atau kata sandi). Sediakan aturan privasi resmi di websitemu.

Tameng Privasi Data Siswa Aktif!
Klik kartu ini untuk mencentang janji privasi
Jeda Diskusi Kelas (5-7 Menit)

Pertanyaan Diskusi: "Apa hukumannya kalau kita menyebarkan data pribadi teman?"

Petunjuk Guru: Ceritakan tentang UU Perlindungan Data Pribadi (UU PDP) dan sanksi hukum bagi pelaku kebocoran data (denda hingga hukuman pidana), serta hancurnya reputasi profesional seorang ahli IT.

SESI AKHIR PELATIHAN • KUIS SERU BERSAMA KELAS

Mini Kuis Cepat: Jawab Bersama dengan Suara Lantang!

Ayo uji pemahaman kita selama 1 jam belajar tadi. Guru membacakan soal, siswa menjawab pilihan A atau B bersama-sama!

1 Soal Nomor 1 (Dasar Jaringan):

Alat pengatur arah data agar surat data tidak nyasar ke komputer lain disebut apa?

2 Soal Nomor 2 (Keamanan Wi-Fi):

Gembok Wi-Fi super canggih yang membuat paket data terbungkus brankas baja di udara adalah?

3 Soal Nomor 3 (Keamanan Password):

Mesin pengacak kata sandi satu arah yang bikin hacker menangis karena kodenya rumit adalah?

LUAR BIASA! SELURUH SOAL BERHASIL DIJAWAB BENAR!

Kamu telah membuktikan pemahamanmu dari Misi 1 sampai Misi 5! Sekarang mari kita cetak Piagam Penghargaan Kelulusan Pelatihanmu!

Klaim Sertifikat Kamu!

Ketik nama lengkapmu di bawah ini, lalu klik tombol "Buat Sertifikat" untuk menerbitkan piagam digitalmu:

Sertifikat Resmi Terverifikasi
UNIVERSITAS PAMULANG • PENGABDIAN KEPADA MASYARAKAT

SERTIFIKAT PENGHARGAAN

Nomor Sertifikasi: UNPAM-PKM/SMK-TM/2026/0{{ certificateNumber }}

Sertifikat ini dengan bangga diberikan kepada:

{{ studentName || 'Siswa SMK Techno Media' }}

Siswa Kelas XI • Jurusan Teknik Komputer & Jaringan (TKJ) dan Rekayasa Perangkat Lunak (RPL)

Atas keberhasilannya menyelesaikan Pelatihan Web Development & Keamanan Jaringan Nirkabel Berwawasan Etika Profesi IT yang mencakup IP Routing, WPA3 Encryption, Arsitektur Web & Database, Bcrypt Hashing, serta Kode Etik Digital.

Septa, S.Kom.

Narasumber Vokasi Universitas Pamulang

Juli Gunawan, S.Kom.

Narasumber Vokasi Universitas Pamulang
Tanda Tangan Digital QR Code
pkm.septalabs.com

M. Yunus Rangkuti, M.Kom.

Ketua Pelaksana / Dosen Universitas Pamulang
"Menjadi Ahli Teknologi Masa Depan yang Cerdas, Andal, dan Beretika Tinggi."
Kamus Gaul IT Vokasi:

{{ activeTooltip.title }}

Analogi Sehari-hari:

{{ activeTooltip.analogy }}

Penjelasan Ilmiah Singkat: {{ activeTooltip.technical }}