P. 1
Silabus Web Disain

Silabus Web Disain

|Views: 21|Likes:
Dipublikasikan oleh Muris Sangad Eksis
silabus web design
silabus web design

More info:

Categories:Types, School Work
Published by: Muris Sangad Eksis on Feb 14, 2013
Hak Cipta:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

01/04/2014

pdf

text

original

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

5

6
 Tes Tertulis

7 2

8

9
♦ ♦ ♦ ♦ ♦

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/129317733.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/129317733.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/129317733.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

2

♦ ♦ ♦ ♦ ♦

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

2

Modul ♦ Komputer ♦ Internet ♦ Software ♦ Menu Help

/var/www/apps/conversion/tmp/scratch_4/129317733.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

2

• ♦ ♦ ♦ ♦

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

2

• ♦ ♦ ♦ ♦

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/129317733.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

5

6
• Pengamatan

7 2

8

9
• ♦ ♦ ♦ ♦

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/129317733.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

2

• 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

2

• ♦ ♦ ♦ ♦

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

2

• ♦ ♦ ♦ ♦

Modul Komputer Internet Software Menu Help

/var/www/apps/conversion/tmp/scratch_4/129317733.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

2

• ♦ ♦ ♦ ♦

Modul Komputer Internet Software Menu Help

/var/www/apps/conversion/tmp/scratch_4/129317733.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

5

6
 Tes Tertulis

7 2

8

9
♦ ♦ ♦ ♦ ♦

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/129317733.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

2

• 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/129317733.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

2

• 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

2

♦ ♦ ♦ ♦ ♦

Modul Komputer Internet Software Menu Help

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

Page 12 of 12

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

You're Reading a Free Preview

Mengunduh
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->