MATERI KELAS XII MAPEL PEMROGRAMAN WEB

-


🌐 Mata Pelajaran: Pemrograman Web

🎯 Tujuan Pembelajaran

Siswa mampu:

  • Membangun website dinamis menggunakan HTML, CSS, JavaScript, dan bahasa server-side (PHP).

  • Menggunakan framework web (seperti CodeIgniter atau Laravel) untuk mengembangkan aplikasi web.

  • Menghubungkan website dengan database menggunakan MySQL.

  • Mengembangkan sistem CRUD berbasis web.

📚 Materi Pokok Semester 1

🔹 1. Pengenalan Web dan Tools Pengembangan

  • Pengertian Web Static vs Dynamic

  • Client-side vs Server-side

  • Tools: VS Code, XAMPP/Laragon, Browser Developer Tools

  • Struktur folder proyek web

📌 Tugas: Setup project web pertama dan tampilkan halaman HTML sederhana.

🔹 2. Pemrograman HTML & CSS Lanjutan

  • Struktur HTML5 (header, nav, section, article, footer)

  • Form dan validasi dasar

  • Flexbox dan Grid CSS

  • Responsif dengan media query

📌 Proyek: Buat landing page portofolio pribadi.

🔹 3. JavaScript Dasar

  • Variabel, operator, array, object

  • DOM Manipulation

  • Event Handling (onclick, onchange, dsb.)

  • Validasi form dengan JavaScript

📌 Latihan: Validasi form pendaftaran menggunakan JavaScript.

🔹 4. Pemrograman PHP Dasar

  • Sintaks dasar PHP

  • Form handling (GET dan POST)

  • Struktur percabangan dan perulangan

  • Include dan require

📌 Tugas: Buat program login sederhana menggunakan PHP (tanpa database).

🔹 5. Koneksi Database MySQL

  • Koneksi database dengan mysqli_connect / PDO

  • CRUD (Create, Read, Update, Delete)

  • Menampilkan data dari tabel MySQL ke website

📌 Proyek: Buat sistem manajemen data siswa berbasis web.

🔹 6. Pengenalan Framework (Opsional)

  • CodeIgniter / Laravel dasar

  • Struktur MVC

  • Routing dan controller

  • CRUD dengan CodeIgniter

📌 Tugas: Proyek CRUD menggunakan framework.

🔹 7. Deployment Website

  • Hosting gratis (000webhost, InfinityFree)

  • Upload ke GitHub

  • Upload ke hosting via cPanel/FileZilla


Comments

Post a Comment

Popular posts from this blog

MATERI KELAS XII MAPEL BAHASA JAWA

-
Image
  📘 MATERI BAHASA JAWA KELAS 12 SMK – SEMESTER 1 (Kurikulum Merdeka) 🔷 Tujuan Pembelajaran Umum Siswa mampu menggunakan Bahasa Jawa dengan unggah-ungguh (tata krama) sesuai situasi dan lawan bicara. Siswa memahami teks sastra Jawa klasik dan modern. Siswa mampu menulis dan menyajikan teks Bahasa Jawa dalam berbagai bentuk. Siswa memahami nilai-nilai budaya dan kearifan lokal Jawa. 📚 Materi Pokok Semester 1 1. Piwulang Basa (Pembelajaran Bahasa) a. Tembung Krama lan Ngoko Pangerten lan conto tembung ngoko alus, ngoko lugu, krama madya, lan krama inggil. Lathian nyusun ukara nganggo tingkat basa sing trep. Conto dialog basa krama – ngoko antarane guru-siswa, anak-wong tuwa, pembeli-penjual. b. Tembung Saroja lan Bebasan Pangerten tembung saroja (dwilingga salin suara) Pangerten lan conto bebasan lan saloka (peribahasa Jawa) Lathian nggoleki teges lan panganggone c. Paribasan lan Saloka Bentenipun paribasan kaliyan saloka Tegese, ...
Read more

MATERI KELAS XI MAPEL BAHASA JAWA

-
Image
📝 Materi Bahasa Jawa Kelas 11 SMK ✅ Semester 1 1. Ngerteni Ragam Basa Jawa Basa ngoko, krama, lan krama alus Fungsi lan panggonan panganggone Tuladha kalimat nganggo unggah-ungguh basa 2. Wewaton Tembung (Tembung Andhahan, Entar, Camboran) Tembung andhahan (tembung gubahan): "manganan" saka “mangan” Tembung entar (prefiks/sufiks): "kawula", "kapethuk" Tembung campuran: "tukang masak", "sepur uap" 3. Paribasan lan Bebasan Bedane paribasan lan bebasan Tuladha paribasan: “alon-alon waton kelakon” Fungsi paribasan ing piwulang urip 4. Aksara Jawa Nulis aksara carakan Nulis sandhangan swara, pasangan, angka Jawa Maca lan nerjemahake tulisan aksara Jawa ✅ Semester 2 5. Nulis Cerkak (Cerita cekak) Unsur-unsur cerkak: tema, tokoh, latar, alur Struktur teks cerkak Nulis cerkak nganggo basa ngoko alus 6. Maca Geguritan Unsur geguritan: guru lagu, guru wilangan Tema lan isi ...
Read more

MATERI KELAS X MAPEL PERANGKAT LUNAK DAN GIM (PPLG)

-
💻 MATERI PEMROGRAMAN PERANGKAT LUNAK DAN GIM KELAS 10 SMK ⚠️ Mapel ini mencakup dasar-dasar pemrograman, logika algoritma, pemrograman dasar, serta pengenalan ke pengembangan gim dan perangkat lunak. 📘 SEMESTER 1 🔹 1. Pengenalan Dasar-Dasar Komputer dan Sistem Operasi Materi Pokok: Komponen perangkat keras dan perangkat lunak komputer Sistem operasi (Windows, Linux, Android) Instalasi OS dan software dasar Mengenal command line dasar (cmd/powershell/terminal) Tujuan: Siswa memahami fungsi komputer, OS, serta mampu melakukan instalasi dan perawatan dasar. 🔹 2. Etika Profesi dan K3 (Keselamatan dan Kesehatan Kerja) di Bidang TIK Materi Pokok: Etika penggunaan komputer dan internet Hak cipta dan lisensi perangkat lunak Keamanan data dan privasi K3 saat menggunakan komputer (postur, waktu kerja, keamanan listrik) 🔹 3. Algoritma dan Logika Pemrograman Materi Pokok: Pengertian algoritma Flowchart (Diagram Alir) & Pseudocode ...
Read more