Page 1 of 12

SILABUS
Nama Sekolah Kompetensi Keahlian Mata Pelajaran Kelas / Semester Standar Kompetensi Kode Kompetensi Durasi Pembelajaran : SMK MERDEKA BANDUNG : Teknik Komputer & Jaringan : .Web Disain : XI / 3 : Menerapkan dasar-dasar pembuatan web statis tingkat dasar : 070 KK 11 : .14 X 45
ALOKASI WAKTU PENILAIAN Tatap Muka

KEG PEMBELAJARAN KOMPETENSI DASAR INDIKATOR MATERI PEMBELAJARAN KEGIATAN NILAI PBKB

PK di Sekolah

PK di Luar Sekolah

SUMBER BELAJAR

1
11.01

2
Konsep-konsep dan teknologi web dijelaskan (web Server, URL, HTTP, HTML, Web browser ) Perbedaan antara sisi klien dan sisi server dijelaskan.

3
Program aplikasi untuk menjalankan halaman Web Konsep dan teknologi web Konsep klien dan server pada teknologi WEB Pemilihan software aplikasi perancangan web

4 Menjelaskan
Konsep-konsep dan teknologi web (web Server, URL, HTTP, HTML, Web browser , gateway ) bagaimana bandwidth mempengaruhi transmisi data dan gambar pada layer

6
Tes Tertulis

7 2

10
Modul Komputer Internet Software Menu Help

Menjelaskan konsep dasar dan teknologi Webpage

Menjelaskan cara

Cara bagaimana bandwidth mempengaruhi transmisi data dan gambar pada layar dijelaskan. Ciri-ciri dan fungsi dari software teks editor yang tersedia untuk merancang web page dibandingkan Keuntungan dan kerugian running dari server yang

Perbandingan local
server dan remote server (hosting provider)

Menjelaskan

perbedaan antara klien dan server Membandingkan ciri-ciri dan fungsi dari software teks editor yang tersedia untuk merancang web page Menjelaskan keuntungan dan

/var/www/apps/conversion/tmp/scratch_4/126312152.doc

Page 2 of 12
dimiliki dibandingkan server provider dijelaskan. kerugian running dari server yang dimiliki dibandingkan server provider. Guru, sebagai fasilitator: mengamati, memantau dan menilai kegiatan siswa (memberikan penilaian afektif dan psikomotor)

MMen jelaskan Struktur Dokumen HTML

11.02

Kegunaan dari dokumen dan target-sasaran web yang dituju diidentifikasi Bahasa HTML yang tepat yang akan digunakan pada dokumen dan target-sasaran web ditetapkan Struktur dasar dokumen sesuai persyaratan pengguna dirancang Site map dokumen dikembangkan dan dikonfirmasikan dengan targetsasaran web

Kegunaan dari

dokumen dan targetsasaran web yang dituju

Mengidentifikasi

Bahasa HTML Struktur dasar

penulisan dokumen

Site map dokumen

dikembangkan dengan user

kegunaan dari dokumen dan sasaran web Menetapkan bahasa HTML yang tepat yang akan digunakan pada dokumen dan sasaran web Membuat program sederhana dari script dasar Merancang struktur dasar dokumen sesuai persyaratan pengguna Mengatahui scriptdasar HTML Mengkonfirmasik an Site map dokumen dikembangkan dengan klien

Tes Tertulis

2
Modul Komputer Internet Software Menu Help

/var/www/apps/conversion/tmp/scratch_4/126312152.doc

Page 3 of 12
11.03

Menambahk an Objek pada Web

Teks diformat

Format teks dengan

HTML

Memformat Teks

untuk memenuhi persyaratan penyajian pengguna

Pemberian

untuk memenuhi persyaratan penyajian pengguna

Test tertulis

2
Modul Komputer Internet Software Menu Help

Background

Background dan warna pada dokumen

Memasang

warna atau gambar yang sesuai menurut persyaratan pengguna ( logo perusahaan, foto) dipasang Posisi setiap elemen pada halaman dibuat lebih menarik Indent teks dan list (ordered, unordered, dan nested) dibuat Gambar disisipkan (GIF, JPEG, atau embedded image) dan dokumen diformat sesuai persyaratan Wrap teks di sekitar gambar digunakan atau ditambahkan jarak di sekitar gambar Skala gambar dan perataan pada dokumen di format

Menempatkan

objek pada bidang desain

Background warna atau gambar yang sesuai menurut persyaratan pengguna ( logo perusahaan, buku pedoman perusahaan)

Menempatkan

Posisi setiap elemen pada halaman

Guru, sebagai

fasilitator: mengamati, memantau dan menilai kegiatan siswa (memberikan penilaian afektif dan psikomotor)

/var/www/apps/conversion/tmp/scratch_4/126312152.doc

Page 4 of 12

11.04

Membuat Tabel pada Web

Elemen tabel dijelaskan dan ditunjukan Atribut tabel diidentifikasi Menambah kan obyek pada tabel ditunjukan

Semua atribut pada tabel Elemen judul, header, footer, column, row Menambahan obyek atau image dalam tabel

Menjelaskan dan membuat elemen judul, header, footer, column, dan row Menjelaskan dan membuat penambahan obyek atau image dalam tabel Guru, sebagai fasilitator: mengamati, memantau dan menilai kegiatan siswa

Tes Tertulis

Modul Komputer Internet Software Menu Help

11.05

Membuat link pada web

Link berbasis teks diperlihatkan Link berbasis gambar diperlihatkan Jenis-jenis link ditunjukan

Pembuatan macammacam link dalam halaman web

Menjelaskan pemakaian link secara standar Mendekorasi link Membuat link yang bersifat absolut Membuat link yang bersifat relatif Membuat link yang berasosiasi dengan program email (email link) Membuat link yang menuntun pengguna ke seksi lain dalam satu halaman

Tes Tertulis

Modul Komputer Internet Software Menu Help

/var/www/apps/conversion/tmp/scratch_4/126312152.doc

Page 5 of 12
11.06 Struktur direktori yang dibuat Penyimpanan berkas dengan ekstensi yang tepat Penyimpanan berkas pada folder di server yang tepat 11.07 Format URL (Uniform Resource Locator) dijelaskan Peran dari browser dalam membaca file-file Web didemonstrasikan (text-only, hypertext) dengan mengakses ke URL tertentu melalui menu yang tersedia Perbedaan browser mempengaruhi tampilan dari halaman web dapat diidentifikasi Desain struktur direktori Penamaan berkas yang tepat Penempatan berkas di lokasi yang tepat di komputer server Menjelaskan struktur direktori untuk menyimpan proyek didesain secara efektif dan efisien Memberi nama dan ekstensi berkas yang tepat

Menyimpan dokumen

Tes Tertulis

Modul Komputer Internet Software Menu Help

Menaruh berkas di
lokasi server yang tepat Mendemonstrasika n peran dari browser dalam membaca filefile Web (text-only, hypertext) dengan mengakses ke URL tertentu melalui menu yang tersedia Membuat tampilan Format URL (Uniform Resource Locator)

Menguji Dokumen

Format URL (Uniform Resource Locator) Peran dari browser dalam membaca filefile

Tes Tertulis

Modul Komputer Internet Software Menu Help

Perbandingan lokasi browser

Mengatahui macam-macam browser web Mengetahui Peran dari browser dalam membaca file-file Web (text-only, hypertext) dengan mengakses ke URL tertentu melalui menu yang tersedia Mengidentifikasi perbedaan browser yang mempengaruhi tampilan web

/var/www/apps/conversion/tmp/scratch_4/126312152.doc

Page 6 of 12

SILABUS
Nama Sekolah Kompetensi Keahlian Mata Pelajaran Kelas / Semester Standar Kompetensi Kode Kompetensi Durasi Pembelajaran : SMK MERDEKA BANDUNG : Teknik Komputer & Jaringan : Web Disain : XI / 4 : Menerapkan bahasa pemrograman SQL tingkat dasar : 070 KK 09 : .10 X 45
ALOKASI WAKTU PENILAIAN Tatap Muka

KEG PEMBELAJARAN KOMPETENSI DASAR INDIKATOR MATERI PEMBELAJARAN KEGIATAN NILAI PBKB

PK di Sekolah

PK di Luar Sekolah

SUMBER BELAJAR

1 09.01.
Menjelaskan konsep pengoperasian bahasa pemrograman (SQL)

2
Konsep
Database dijelaskan

3
Web Server Apache
dan MySQL

4
Mendemonstrasik
an instalasi server apache dan PHP_MySQL

6
Pengamatan

7 2

10
Modul Komputer Internet Software Menu Help

Kegunaan

PHPmyadmin Client Side dan

Server Side

SQL dijelaskan

Mendemonstrasik
an peran dari SQL dalam menampilkan data sesuai kriteria

Kelebihan
SQL diidentifikasi

Membuat contoh
menghubungkan pengguna dengan server

/var/www/apps/conversion/tmp/scratch_4/126312152.doc

Page 7 of 12

09.02.
Mempersiapkan perangkat lunak SQL

Perangkat

lunak MySQL dapat diinstall di Windows

Instalasi Apache
dan MySQL PHPmyadmin Client Side dan Server Side

Mendemonstrasik
an instalasi server apache dan PHP_MySQL Mendemonstrasik an Peran dari SQL dalam menampilkan data sesuai kriteria Membuat contoh menghubungkan pengguna dengan server

Pengamatan

Konfigurasi
file my.ini dan my.cnf dapat diidentifikasi Struktur folder hasil instalasi dan isinya dapat diidentifikasi

Modul Komputer Internet Software Menu Help

09.03.
Mendeskripsikan menu aplikasi SQL

Menu-menu dalam aplikasi SQL diidentifikasi

database MySQL PHPmyadmin Client Side dan Perintah yang Server Side ada dalam aplikasi SQL dijelaskan

Server Apache dan

Mendemonstrasik

Contoh

-contoh penggunaan perintah dalam aplikasi SQL diberikan

an menu-menu yang ada dalam database MySQL Mendemonstrasik an jalannya perintah dalam database MySQL untuk menampilkan data sesuai kriteria Mengaktifkan dan menonaktifkan database MySQL yang ada di server

Pengamatan

Modul Komputer Internet Software Menu Help

09.04.
Membuat tabel

Langkah-

langkah dalam membuat tabel dalam database diidentifikasi Perintahperintah yang

Tipe Kolom

Tipe String Tipe Numerik Tipe Date, Time Tipe Tabel Atribut Autoincrement

Membuat Tabel Menampilkan

Tabel yang ada di Database Menampilkan Field yang ada di Database

Pengamatan

Modul Komputer Internet Software Menu Help

/var/www/apps/conversion/tmp/scratch_4/126312152.doc

Page 8 of 12
ada dalam mengubah dan menambah tabel dijelaskan Membuat field-field dalam suatu tabel dijelaskan

Atribut Not Null Atribut Nul

Mengisi Tabel

yang ada di Database

Langkah-

Mendemonstrasik Select mengambil atau

menampilkan data dari tabel Insert menambah record data Drop Table untuk menghapus table an langkah-langkah dalam menampilkan tabel database MySQL dalam browser Mendemonstrasik an jalannya perintah dalam mengubah, menambah atau menghapus DATA dalam tabel di database MySQL Mendemonstrasik an cara menampilkan DATA tabel dalam database MySQL yang ada di server untuk dilakukan operasi tambah, edit, hapus. Pengamatan

09.05.
Mengoperasikan tabel dan table view

langkah dalam mengoperasik an table dalam database diidentifikasi Perintahperintah yang ada dalam menampilkan tabel dijelaskan Menampilkan tabel dalam menu aplikasi dan browser dijelaskan

Modul Komputer Internet Software Menu Help

/var/www/apps/conversion/tmp/scratch_4/126312152.doc

Page 9 of 12

SILABUS
Nama Sekolah Kompetensi Keahlian Mata Pelajaran Kelas / Semester Standar Kompetensi Kode Kompetensi Durasi Pembelajaran : SMK MERDEKA BANDUNG : Teknik Komputer & Jaringan : .Web Disain : XI / 4 : Membuat halaman web dinamis tingkat dasar : 070 KK 12 : .10 X 45
ALOKASI WAKTU PENILAIAN Tatap Muka

KEG PEMBELAJARAN KOMPETENSI DASAR INDIKATOR MATERI PEMBELAJARAN KEGIATAN NILAI PBKB

PK di Sekolah

PK di Luar Sekolah

SUMBER BELAJAR

1
12.01

2
Konsep-konsep dan teknologi web dinamis dijelaskan (web Server, URL, HTTP, HTML, Web browser ) Perbedaan antara sisi klien dan sisi server dijelaskan.

3
Program aplikasi Konsep dan
untuk menjalankan halaman Web Dinamis teknologi web dinamis

4 Menjelaskan
Konsep-konsep dan teknologi web (web Server, URL, HTTP, HTML, Web browser , gateway ) bagaimana bandwidth mempengaruhi transmisi data dan gambar pada layer

6
Tes Tertulis

7 2

10
Modul Komputer Internet Software Menu Help

Menjelaskan konsep pembuatan halaman web dinamis

Konsep klien dan

server pada teknologi Web dinamis

Menjelaskan cara

Cara bagaimana bandwidth mempengaruhi transmisi data dan gambar pada layar dijelaskan.

Menjelaskan

/var/www/apps/conversion/tmp/scratch_4/126312152.doc

Page 10 of 12
perbedaan antara klien dan server

Memper sudah dipasang (diinstall) siapkan lingkungan Software yang teknis dibutuhkan untuk
12.02 disain web (adobe, corel, firework) diidentifikasi.

Web Server

Folder atau diretori di localhost Software Grafis Editor Halaman Web Resolusi Monitor Pixel dan bytes

Menjelaskan cara
menyimpan Halaman dalam direktori yang tepat.

2
Pengamatan

Menjelaskan

Editor web diidentifikasi dan disiapkan.

Akses file melalui http://localhost, alamat IP lokal, atau URL

Resolusi monitor yang akan dipakai diidentifikasi

Ukuran pixel dan ukuran byte pada gambar dipahami

12.03

Tema rancangan

Membuat halaman web dinamis sederhana

website ditentukan Rancangan tampilan dasar web dibuat. Peta situs (site map) ditentukan Lokasi penyimpanan Halaman web dibuat secara

Jenis-2 Website Macromedia Frontpage

Menambah kode
di antara tag pembatas.

Pengamatan

Break dan indent

yang tepat pada baris kode Membuat baris kode yang memudahkan pembacaan.

Modul Komputer Internet Software Menu Help

Mengunakan Tag /var/www/apps/conversion/tmp/scratch_4/126312152.doc

Page 11 of 12
tepat Database dan tabel data dibuat dan dijelaskan. HTML pada format halaman dan konten sesuai dengan kebutuhan.

12.04

Menambahkan fungsi-fungsi pada halaman web dinamis

Fungsi-fungsi tambahan untuk animasi Teks diidentifikasi

Pengenalan PHP Koneksi ke Basisdata

Control structure

Fungsi-fungsi tambahan untuk animasi Gambar dipilih

(seperti statement If, While, for, swicth) digunakan sesuai kebutuhan. dan konstansta

Modul Komputer Internet Software Menu Help

Nilai variabel, string

CSS

12.05

Link Link tiap

Menguji halaman web dinamis

halaman diperiksa. Pesan kesalahan dalam browser diperiksa dan diidentifikasi. Efektifitas gambar diperiksa dan dievaluasi.

Koneksitas ke Database PHPmyadmin Browser Mozilla Firefox, Google Chrome, Internet Explorer dan Opera FTP

Website dapat
di-upload

Menjelaskan link link tiap halaman secara benar Menjelaskan cara mengupload website ke hosting server Menjelaskan efektifitas gambar yang dipasang , validasi kode HTML, CSS validasi kode, resolusi layar, Alt atribut, kontras warna yang benar, ukuran font, huruf biasa, perataan teks, pos hierarki, desain khusus browser, halaman kesalahan , navigasi situs web

Pengamatan

Modul Komputer Internet Software Menu Help

/var/www/apps/conversion/tmp/scratch_4/126312152.doc

Page 12 of 12

/var/www/apps/conversion/tmp/scratch_4/126312152.doc