Anda di halaman 1dari 4

KURIKULUM SMK NEGERI 1 SURABAYA 2011

SILABUS
NAMA SEKOLAH

SMK Negeri 1 Surabaya

MATA PELAJARAN
KELAS/SEMESTER
STANDAR KOMPETENSI

:
:
:

Membuat halaman Web dinamis tingkat lanjut


XI /2
Membuat halaman Web dinamis tingkat lanjut

KODE KOMPETENSI

070.KK.13

ALOKASI WAKTU

54 X 45 Menit

KOMPETENSI
DASAR
1. Menjelaskan konsep
pemograman Web
dinamis

MATERI
PEMBELAJARAN

INDIKATOR

Standar pemrograman
yang penting dari internet
dapat dijelaskan

Konsep dan Teknologi


pengembangan WEB

2 .Mempersiapkan
pembuatan Aplikasi

Perlengkapan software
teks editor dan browser
sesuai dengan
kebutuhan diidentifikasi
Software dioperasikan
sesuai dengan standar
operasi aplikasi
Sumber data yang
dibutuhkan sudah
ditentukan dimana
letaknya dan bagaimana
mengaksesnya.

KOMPETENSI KEAHLIAN :
REKAYASA PERANGKAT LUNAK

Software aplikasi
pengembangan WEB
Desai Lay out dan
Scripting
Sumber daya server

ALOKASI WAKTU

KEGIATAN PEMBELAJARAN

Mengkoneksikan Internet untuk


pembelajaran WEB dinamis

PENILAIAN

TM

Hasil Program
Tes tertuli
Pengamatan

32

PS
14(2)

PI
8(4)

Modul design
WEB

Mengidentifikasi konten konten WEB


Mengamati berbagai aplikasi web sebagai
contoh di internet

Mengoperasikan software sesuai dengan


standar operasi aplikasi
Menentukan sumber data yang
dibutuhkan sudah ketentuan dimana
letaknya dan bagaimana mengaksesnya.

Buku Macromedia Dreamweaver

Menjelaskan standar pemrograman yang


penting dari internet dapat

Mengidentifikasi perlengkapan software


teks editor dan browser sesuai dengan
kebutuhan

SUMBER
BELAJAR

Web Aplikasi
learning

Web browser
untuk aplikasi
Pengamatan
Tanya jawab

Menyiapkan sketsa disain untuk web yang


akan dibuat
Menyiapkan desain interface/ menu-menu

SILABUS KOMPETENSI KEJURUAN

Komputer
Jobsheet
Buku Macromedia Dreamweaver

Modul design
WEB

Komputer
Jobsheet

KURIKULUM SMK NEGERI 1 SURABAYA 2011

3. Mengaplikasikan fitur- 1
fitur deferent-level
heading, paragraph,
font. List, tabel

2
3
4

4. Melakukan editing
Layout

Sketsa disain untuk web


yang akan dibuat sudah
disiapkan
Desain interface/ menumenu sudah disiapkan
Ditentukan bagianbagian yang akan dibuat
menjadi program script
dan modul-modul

Software aplikasi
pengembangan WEB
Desai Lay out dan
Scripting

Memahami penggunaan
pararaph, dan list untuk
menulis artikel
Memahami penggunaan
font untuk mengatur
tulisan
Memahami penggunaan
table untuk mengatur
layout dan buku tamu

14 Memahami konsep
editing terhadap isi artikel,
news dsb.

15 Memahami editing
terhadap buku tamu dan
komentar

5
6

Sumber daya server

Server yang akan


digunakan untuk web,
dimana script dijalankan,
dan patform komputer
apa yang akan
digunakan sudah
ditentukan
Memahami penggunaan
heading untuk menulis
title

Penggunaan tag heading

Penggunaan tag
paragraph

Menentukan bagian-bagian yang akan


dibuat menjadi program script dan modulmodul
Menentukan server yang akan digunakan
untuk web, dimana script dijalankan, dan
patform komputer apa yang akan
digunakan sudah

Mendesain Sketsa untuk web

Mendesain interface/ menu-menu

16

Penggunaan tag list

Penggunaan tag table

media Dreamweaver

10 Membuat aplikasi sederhana

Modul design

menggunakan tag heading

11 Menjelaskan penggunaan
7

Buku Macro-

Menjelaskan penggunaan heading dan


menuliskan syntaknya.

WEB

pararaph, dan

Komputer

list untuk menulis artikel

12 Menjelaskan penggunaan

Jobsheet

font untuk

mengatur tulisan

13 Menjelaskan penggunaan

table untuk
mengatur layout dan buku tamu

Buku Macro-

17 Melakukan editing terhadap isi artikel, news


dsb.

media Dreamweaver

18 Melakukan editing terhadap buku tamu

Modul design

dan komentar

WEB

Komputer
Jobsheet

KOMPETENSI KEAHLIAN :
REKAYASA PERANGKAT LUNAK

SILABUS KOMPETENSI KEJURUAN

KURIKULUM SMK NEGERI 1 SURABAYA 2011


5. Menggunakan fiturfitur tambahan untuk
mengformat layout
halaman

Buku Macro-

19 Memahami penggunaan 21 Penggunaan tag border 23 Menggunakan tag border untuk mengatur
border pada layout
halaman

20 Memahami penggunaan

untuk layout halaman

22 Penggunaan tag
background untuk layout
halaman

background pada layout


halaman

layout halaman web

media Dreamweaver

Modul design

Menggunakan tag background untuk


mengatur layout halaman web

WEB

Komputer
Jobsheet

6. Mengintegrasikan
24 Memahami penggunaan
dokumen web
tool insert picture untuk
dengan objek lain
memasukkan gambar
seperti grafik,
animasi. Audio,video, 25 Memahami penggunaan
dll
tool insert media untuk
memasukkan animasi

27 Penggunaan tool insert

28 Penggunaan tool insert

memasukkan gambar

File-file HTML dibuat


dengan cara coding

Tujuan dari pengiriman


konten Web yang terdiri
dari file program
didemonstrasikan
Keuntungan/kerugian
pemrosesan client-side
didemonstrasikan

WEB

memasukkan animasi

Komputer
Jobsheet

29 Menciptakan script untuk 32 Membuat scrip untuk memasukkan audio


video

File-file HTML

Membuat coding file-file HTML

Coding dan Scripting

Membangun kode program script dibangun

Kode program script


dibangun dan diuji beserta
modul-modul yang
digunakan
Web yang dibuat tampil
dilayar sesuai dengan
rancangan

Modul design

31 Menggunakan tool insert media untuk

memasukkan audio video


7. Membuat web
dengan
menggunakan
bahasa script

media Dreamweaver

media

26 Memahami script untuk


memasukkan audio video

Buku Macro-

30 Menggunakan tool insert picture untuk

picture

Pengujian script dan


desain WEB

Menguji coba code program script yang


dibangun beserta modul-modul yang
digunakan

Kompilasi
program
Pengamatan
Tes tulis

media Dreamweaver

Modul design
WEB

Buku PHP
Komputer

Menampilkan Web yang dibuat dilayar


sesuai dengan rancangan

Jobsheet

Mendemonstrasikan tujuan dari pengiriman


konten Web yang terdiri dari file program

Mendemonstrasikan keuntungan/kerugian
pemrosesan client-side

KOMPETENSI KEAHLIAN :
REKAYASA PERANGKAT LUNAK

Buku Macro-

SILABUS KOMPETENSI KEJURUAN

KURIKULUM SMK NEGERI 1 SURABAYA 2011


8. Menelusuri dan

memperbaiki
kesalahan pada kodekode pemrograman

(Bug)

Pesan kesalahan yang


muncul bisa dipahami

Pesan kesalahan yang


muncul bisa diatasi

Run dan Debug

Melakukan pengecekan /trial error pada


kode program
Membedakan pesan kesalahan yang
muncul

Kompilasi
program
Pengamatan
Tes tulis

Perilaku Berkarakter :

Jujur,

disiplin, mandiri, kerja


keras, dan peduli lingkungan

Ketrampilan Sosial :

Bertanya, menyumbangkan
ide atau pendapat, menadi
pendengar yang baik dan
berkomunikasi.

Pengamatan
Perilaku
berkarakter

Keterangan
TM
PS
PI

: Tatap Muka
: Praktek di Sekolah (2 jam praktik di sekolah setara dengan 1 jam tatap muka)
: Praktek di Industri (4 jam praktik di Du/ Di setara dengan 1 jam tatap muka)
Mengetahui
Kepala SMK NEGERI 1 SURABAYA

Surabaya, Juli 2011


Guru Mata Pelajaran

DRS. SUGIONO, M.Pd


NIP. 19590705 198603 1 027

..
NIP. .

KOMPETENSI KEAHLIAN :
REKAYASA PERANGKAT LUNAK

SILABUS KOMPETENSI KEJURUAN