Silabus - Pemrograman Web Dasar

Durasi Pembelajaran

Durasi Pembelajaran level Dasar adalah sebanyak 11 x pertemuan, setiap pertemuan adalah 60 menit (1 jam) tergantung daya tangkap Peserta/siswa. 

Standar Kompetensi (SK), Kompetensi Dasar (KD) dan Indikator.

A. Standar Kompetensi

User/siswa memiliki pemahaman mengenai Dasar Pemrograman Server-Side menggunakan PHP & MySQL serta Pemrograman Client-Side menggunakan HTML, CSS dan Javascript. Membuat website dinamis Company Profile yang mencakup halaman Home, About Us, Gallery  Product dan Contact serta mampu meng online kannya.

B. Kompetensi Dasar & Indikator

Pertemuan 1

Website Fundamental, Manfaat Sasaran dan Tujuan

Pertemuan 2

user/siswa mampu memahami struktur dasar serta penggunaan element-element dokumen HTML.

Indikator :

• Mengenal HTML DASAR.
• Mengenal HTML FORMAT TEKS.
• Mengenal HTML DAFTAR URUTAN.
• Mengenal HTML TABEL.

Pertemuan 3

user/siswa mampu memahami struktur dasar serta penggunaan element-element dokumen HTML.

Indikator :

• Mengenal HTML IMAGE (GAMBAR).
• Mengenal HTML HYPERLINK.
• Mengenal HTML FORM.
• Mengenal HTML FRAME.

Pertemuan 4

user/siswa mampu mengerti bagaimana menggunakan sintaks CSS serta mengimplementasikan CSS pada HTML

Indikator :

• Mengerti istilah dasar CSS (selector, property dan value).
• Pembuatan sintaks CSS.
• Penyingkatan Nilai dari Property CSS.
• 3 cara mengimplementasikan CSS pada HTML.

Pertemuan 5

user/siswa mampu memahami tentang struktur dan pemrograman Javascript serta pemakaian obyek dan form.

Indikator :

• Pengenalan javascript.
• Penanganan Event.
• Objek string.
• Objek Window.
• Array.
• Tanggal dan waktu.
• Dynamic HTML.
• Penanganan Form.

Pertemuan 6

latihan yaitu pembuatan website statis Company Profile menggunakan HTML, CSS dan Javascript.

Indikator :

• Pembuatan halaman Home / Dashboard.
• Pembuatan halaman About Us.
• Pembuatan halaman Gallery
• Pembuatan halaman Contact.

Pertemuan 7

user/siswa mengenal Web Server dan Server Side Scripting serta pemakaian Professional Website Design Tool / Software.

Indikator :

• Cara Install dan Menggunakan XAMPP di Windows (Paket Web Server).
• Cara Install Dreamweaver dan Photoshop.
• Mengenal dan menggunakan Dreamweaver (HTML, CSS dan Javascript Editor).
• Mengenal dan menggunakan Photoshop (Logo, Banner dan Desain Website Editor).

Pertemuan 8

user/siswa mampu memahami Struktur Dasar, Kondisi dan Perulangan PHP.

Indikator :

• Say Hello to PHP.
• Mengenal Variabel, Tipe Data, Konstanta, Array, Operator dan Komentar Program.
• Mengenal Variabel Array.
• Mengenal Struktur Kondisi, Perulangan, Break dan Continue.

Pertemuan 9

user/siswa memahami penanganan Form, String, Tanggal, File dan Direktori PHP.

Indikator :

• Mengenal berbagai cara penanganan Form POST & GET.
• Fungsi String dan Operasi Tanggal.
• Penanganan File, Membuat dan Menghapus Direktori.
• Manipulasi dan Upload File.

Pertemuan 10

user/siswa mampu menggunakan Database Server MySQL dan cara mengimplementasikan MySQL di PHP.

Indikator :

• Pengenalan PHPMyadmin dan SQLyog (tool & editor MySQL).
• Pengenalan Structured Query Language (SELECT, INSERT, UPDATE dan DELETE).
• Merancang Struktur Database.
• Membuat File Koneksi Database.
• Menampilkan Data dari Database ke Halaman Website.
• Menyimpan Data dari Halaman Website (Form) ke Database.

Pertemuan 11

latihan yaitu pembuatan website dinamis Company Profile menggunakan HTML, CSS dan Javascript, PHP dan MySQL.

Indikator :

• Pembuatan halaman Front-End Website (Home, About Us, Product dan Contact).
• Pembuatan halaman Back-End Website Administrator.
• Mengenal Web Server Hosting.