RPL Kelas X



Materi Pengembangan Web & Pemrograman untuk Kelas X SMK

Pada kelas X SMK, fokusnya adalah pada pengenalan dasar-dasar dan konsep fundamental dari setiap bahasa atau teknologi.

1. Python (Dasar-dasar Pemrograman)

Python sering diajarkan sebagai bahasa pemrograman pertama karena sintaksnya yang mudah dipahami. Untuk kelas X, materi akan berkisar pada konsep dasar pemrograman.

  • Pengenalan Python:

    • Apa itu Python dan mengapa penting dalam dunia IT.

    • Sejarah singkat dan kegunaan Python (pengembangan web, data science, otomatisasi, dll.).

    • Cara menginstal Python dan lingkungan pengembangan (IDE/teks editor seperti VS Code, Sublime Text).

  • Sintaks Dasar Python:

    • Mencetak output: print()

    • Komentar dalam kode.

    • Variabel: Pengertian, cara mendeklarasikan, dan aturan penamaan variabel.

    • Tipe Data: Bilangan (integer, float), Teks (string), Boolean (True/False).

  • Operator:

    • Aritmatika: +, -, *, /, %, //, **

    • Perbandingan: ==, !=, <, >, <=, >=

    • Logika: and, or, not

    • Penugasan: =

  • Struktur Kontrol:

    • Percabangan (Conditional Statements): if, elif, else (membuat program membuat keputusan).

    • Perulangan (Loops): for (untuk mengulang berdasarkan urutan), while (untuk mengulang selama kondisi terpenuhi).

  • Struktur Data Sederhana:

    • List: Kumpulan data yang berurutan dan bisa diubah.

    • Tuple: Kumpulan data yang berurutan dan tidak bisa diubah.

    • Dictionary: Kumpulan data dengan pasangan kunci-nilai.

  • Fungsi (Functions):

    • Pengertian dan tujuan fungsi (membuat kode lebih terstruktur dan reusable).

    • Cara mendeklarasikan dan memanggil fungsi.

2. HTML (HyperText Markup Language)

HTML adalah bahasa standar untuk membuat halaman web. Ini adalah kerangka dari setiap website.

  • Pengenalan HTML:

    • Apa itu HTML dan perannya dalam pengembangan web.

    • Struktur dasar dokumen HTML (<!DOCTYPE html>, <html>, <head>, <body>).

  • Tag-tag Dasar HTML:

    • Heading: <h1> sampai <h6> (untuk judul dan subjudul).

    • Paragraf: <p> (untuk teks paragraf).

    • Link: <a href="..."> (untuk membuat tautan).

    • Gambar: <img src="..." alt="..."> (untuk menyisipkan gambar).

    • List: <ul> (unordered list) dan <ol> (ordered list), serta <li> (list item).

    • Tabel: <table>, <tr> (row), <th> (header), <td> (data cell).

    • Form: <form>, <input type="...">, <button>, <label> (untuk membuat formulir input pengguna).

    • Struktur Semantik HTML5: <header>, <nav>, <main>, <article>, <section>, <aside>, <footer> (membuat struktur halaman lebih bermakna).

3. CSS (Cascading Style Sheets)

CSS digunakan untuk mengatur tampilan dan gaya elemen-elemen HTML, membuat website terlihat menarik.

  • Pengenalan CSS:

    • Apa itu CSS dan perannya dalam pengembangan web (memisahkan konten dari presentasi).

    • Cara menyisipkan CSS ke HTML (Inline, Internal, Eksternal).

  • Selektor Dasar CSS:

    • Element Selector: p { ... }

    • Class Selector: .nama-class { ... }

    • ID Selector: #nama-id { ... }

  • Properti Dasar CSS:

    • Warna Teks: color

    • Warna Latar Belakang: background-color

    • Ukuran Font: font-size

    • Jenis Font: font-family

    • Margin dan Padding: margin, padding (mengatur jarak antar elemen dan di dalam elemen).

    • Border: border (membuat bingkai).

    • Display: display: block | inline | inline-block | none (mengatur perilaku tampilan elemen).

    • Box Model: Konsep dasar yang menjelaskan bagaimana elemen HTML memiliki margin, border, padding, dan content.

  • Responsive Design Dasar (Pengenalan):

    • Konsep dasar responsive design (tampilan web yang menyesuaikan berbagai ukuran layar).

    • Penggunaan viewport meta tag.

4. PHP Native (Dasar-dasar)

PHP adalah bahasa pemrograman server-side yang populer untuk pengembangan web dinamis. "Native" berarti belum menggunakan framework.

  • Pengenalan PHP:

    • Apa itu PHP dan perannya dalam pengembangan web (membuat website interaktif dan dinamis).

    • Lingkungan pengembangan (XAMPP/Laragon/WAMP untuk server lokal Apache, MySQL, PHP).

    • Sintaks dasar PHP (<?php ... ?>, komentar).

  • Variabel dan Tipe Data PHP:

    • Variabel: $nama_variabel.

    • Tipe data: String, Integer, Float, Boolean, Array, Object.

  • Operator:

    • Aritmatika, Perbandingan, Logika, Penugasan (mirip dengan Python).

  • Struktur Kontrol:

    • Percabangan: if, elseif, else, switch (mirip dengan Python).

    • Perulangan: for, foreach, while, do-while.

  • Fungsi PHP:

    • Membuat fungsi kustom (function namaFungsi()).

    • Fungsi built-in yang umum (echo, var_dump, isset, empty).

  • Mengolah Form HTML dengan PHP:

    • Mengambil data dari form ($_POST, $_GET).

    • Validasi sederhana.

  • Koneksi Dasar ke Database MySQL/MariaDB:

    • Konsep database dan tabel.

    • Menggunakan MySQLi atau PDO untuk koneksi dan operasi dasar (SELECT, INSERT, UPDATE, DELETE).

5. PHP Framework (CodeIgniter - CI) - Pengenalan Konsep

Penggunaan framework sangat penting di industri, jadi pengenalan di kelas X akan fokus pada konsep dasarnya.

  • Pengenalan Framework PHP:

    • Apa itu framework dan mengapa digunakan (mempercepat pengembangan, kode lebih terstruktur, aman, mudah dipelihara).

    • Keuntungan menggunakan framework (standarisasi, keamanan, fitur built-in).

  • Pengenalan CodeIgniter (CI):

    • Apa itu CodeIgniter dan keunggulannya (ringan, cepat, mudah dipelajari).

    • Proses instalasi dasar CodeIgniter.

  • Konsep MVC (Model-View-Controller): Ini adalah arsitektur dasar framework web.

    • Model: Mengurus interaksi dengan database (misalnya, mengambil data dari tabel produk).

    • View: Bertanggung jawab atas tampilan antarmuka pengguna (HTML, CSS).

    • Controller: Menghubungkan Model dan View, memproses permintaan pengguna, dan menentukan logika bisnis.

  • Routing Dasar di CI: Bagaimana URL dipetakan ke controller dan method.

  • Membuat Halaman Sederhana dengan CI:

    • Contoh sederhana menampilkan "Hello World" menggunakan konsep MVC.

Komentar

Posting Komentar

Postingan Populer