KURIKULUM SMK NEGERI 1 SURABAYA 2011 SILABUS NAMA SEKOLAH MATA PELAJARAN KELAS/SEMESTER STANDAR KOMPETENSI KODE KOMPETENSI ALOKASI WAKTU KOMPETENSI DASAR 1. Menjelaskan konsep dasar dan tehnologi dari webpage : : : : : : SMK Negeri 1 Surabaya Menguasai dasar-dasar pembuatan WEB statis tingkat Dasar X/1 Menguasai dasar-dasar pembuatan WEB statis tingkat Dasar 070.KK.11 54 X 45 Menit MATERI PEMBELAJARAN INDIKATOR Konsep-konsep dan teknologi web dijelaskan (web Server, URL, HTTP, HTML, Web browser , gateway Perbedaan antara klien dan server dijelas. 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 dimiliki dibandingkan server provider dijelaskanKegunaan dari dokumen dan audiens diidentifikasi KOMPETENSI KEAHLIAN : REKAYASA PERANGKAT LUNAK Konsep dan teknologi web Konsep klien dan server pada teknologi WEB Kapasitas Bandwidth dan kulaitas tampilan halaman WEB Pemilihan software aplikasi perancangan web Perbandingan local server dan remote server (hosting provider) ALOKASI WAKTU KEGIATAN PEMBELAJARAN Menjelaskan Konsep-konsep dan teknologi web (web Server, URL, HTTP, HTML, Web browser , gateway ) Mengetahui Cara bagaimana bandwidth mempengaruhi transmisi data dan gambar pada layer Menjelaskan perbedaan antara klien dan server Menjelaskan cara bagaimana bandwidth mempengaruhi transmisi data dan gambar pada layer Membandingkan ciri-ciri dan fungsi dari software teks editor yang tersedia untuk merancang web page Menjelaskan keuntungan dan kerugian running dari server yang dimiliki dibandingkan server provider. Mengetahui Keuntungan dan kerugian running dari server yang dimiliki dibandingkan server provider. Mengidentifikasi kegunaan dari dokumen dan audiens PENILAIAN TM 32 PS 14(2) SUMBER BELAJAR PI 8(4) SILABUS –KOMPETENSI KEJURUAN Halaman 1 dari 4 KURIKULUM SMK NEGERI 1 SURABAYA 2011 KOMPETENSI DASAR 2. Menjelaskan struktur dokumen HTML INDIKATOR Bahasa HTML yang tepat yang akan digunakan pada dokumen dan audiens ditetapkan pengguna dirancang Site map dokumen dikembangkan dan dikonfirmasikan dengan klien Struktur dasar dokumen sesuai persyaratan Dokumen HTML dilengkapi dengan Head dan title Body pada dokumen dibuat, teks dan paragraf sesuai kebutuhan ditambahkan Format dokumen menarik dan mudah dibaca dibuat Simbol khusus pada browser/ platform ditambahkan dan ditampilkan secara tepat Dokumen disimpan sesuai dengan penamaan standar. KOMPETENSI KEAHLIAN : REKAYASA PERANGKAT LUNAK MATERI PEMBELAJARAN ALOKASI WAKTU KEGIATAN PEMBELAJARAN Menetapkan bahasa HTML yang tepat yang akan digunakan pada dokumen dan audiens Membuat program sederhana dari script dasar Merancang struktur dasar dokumen sesuai persyaratan pengguna Site map dokumen dikembangkan dan dengan klien Mengetahui scriptdasar HTML Mengkonfirmasikan Dokumen HTML dengan Head dan title Body pada dokumen, teks dan paragraf sesuai kebutuhan ditambahkan Menlengkapi dokumen HTML dengan Head dan title Membuat Body pada dokumen Menambahkan teks dan paragraf sesuai kebutuhan Format dokumen menarik dan mudah Dokumen penamaan standar. Medesain Format dokumen menarik dan mudah dibaca dibuat Penambahan simbol khusus pada browser/ platform Mengatur itampilan secara tepat Penyimpanan dokumen disimpan sesuai dengan penamaan standar. PENILAIAN Program sederhana Program dokumen se derhana TM 2 PS 4(8) SUMBER BELAJAR PI 8(16) SILABUS –KOMPETENSI KEJURUAN Halaman 2 dari 4 Buku HTML Dasar E-book HTML Komputer Modul ajar jobsheet KURIKULUM SMK NEGERI 1 SURABAYA 2011 KOMPETENSI DASAR 3. Menambahkan objek pada Web MATERI PEMBELAJARAN INDIKATOR Teks diformat untuk memenuhi persyaratan penyajian pengguna Background warna atau gambar yang sesuai menurut persyaratan pengguna ( logo peru-sahaan, buku pedoman perusahaan) 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 KOMPETENSI KEAHLIAN : REKAYASA PERANGKAT LUNAK ALOKASI WAKTU KEGIATAN PEMBELAJARAN Format teks dengan Mempormat Teks untuk memenuhi HTML persyaratan penyajian pengguna Pemberian Background Memasang Background warna atau gambar dan warna pada yang sesuai menurut persyaratan dokumen pengguna ( logo peru-sahaan, buku pedoman perusahaan) Menempatkan objek pada bidang desain Menempatkan Posisi setiap elemen pada halaman Indent teks dan list (ordered, unordered, dan nested) Wrap teks di sekitar gambar digunakan atau jarak di sekitar Skala gambar dan perataan pada dokumen di format Membuat setiap elemen pada halaman dibuat lebih menarik Membuat Indent teks dan list (ordered, unordered, dan nested) Menyisipkan gambar disisipkan (GIF, JPEG, atau embedded image) Mempormat dokumen sesuai persyaratan Menambahkan Wrap teks di sekitar gambar Menambahkan jarak di sekitar gambar Mempormat skala gambar dan perataan pada dokumen PENILAIAN Program sederhana campuran dari materi 3 Contoh program insert object (gambar dan teks) TM 2 PS 4(8) SUMBER BELAJAR PI 8(16) SILABUS –KOMPETENSI KEJURUAN Halaman 3 dari 4 Buku HTML Dasar E-book HTML Komputer Modul ajar jobsheet KURIKULUM SMK NEGERI 1 SURABAYA 2011 KOMPETENSI DASAR 4.Membuat table pada Web. 5 Membuat link pada Web 6.Menyimpan dan menguji dokumen 7. Menampilkan Web dalam browser .Memahami penggunaan tag TABLE untuk membuat table Software teks editor dan browser sesuai dengan kebutuhan diidentifikasi Software beroperasi sesuai dengan standar operasi software Sketsa disain untuk web yang akan dibuat sudah disiapkan Data yang akan ditampilkan di Web tersedia Area kerja untuk membuat dokumen web baru sudah disiapkan. Proses pembuatan Web sesuai dengan standar operasi aplikasi dilakukan Web yang dibuat tampil dilayar sesuai dengan disain Data yang tersedia tampil di layar Web 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 ALOKASI WAKTU MATERI PEMBELAJARAN INDIKATOR Penggunaan tag TABLE Pemilihan teks editor dan browser Kinerja WEB Browser Desain layout halaman WEB Proses pembuatan Web sesuai dengan standar operasi aplikasi KEGIATAN PEMBELAJARAN Mendesain layout web dengan TABLE Menggunakan tag TABLE untuk membuat BUKU TAMU Mengidentifikasi software teks editor dan browser sesuai dengan kebutuhan Mempersiapkan software beroperasi sesuai dengan standar operasi software Membuat Area kerja untuk membuat dokumen web Mempersiapkan sketsa disain untuk web yang akan dibuat sudah disiapkan Menyediakan data yang akan ditampilkan di Web Menyiapkan area kerja untuk membuat dokumen web baru. Memanagemen langkah langkah Proses pembuatan Web sesuai dengan standar operasi aplikasi Membandingkan Web yang dibuat tampilan dilayar sesuai dengan disain Menampilkan data yang tersedia di layar Web Membuat tampilan Format URL (Uniform Resource Locator) Mendemonstrasikan Peran dari browser dalam membaca file-file Web (text-only, hypertext) dengan mengakses ke URL tertentu melalui menu yang tersedia 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 dari halaman web Mengetahui Perbedaan browser mempengaruhi tampilan dari halaman web Format URL (Uniform Resource Locator) Peran dari browser dalam membaca filefile Perbandingan lokasi browser KOMPETENSI KEAHLIAN : REKAYASA PERANGKAT LUNAK PENILAIAN TM PS sketsa disain untuk web sketsa disain untuk web SUMBER BELAJAR PI Kompilasi program Hasil Web standar 4 4(8) Kompilasi program Hasil Web standar 4 4(8) Bukub Pemrogram an HTML Komputer Buku membuat halaman WEB dengan Frontpage Bukub Pemrogram an HTML Komputer Buku membuat halaman WEB dengan Frontpage SILABUS –KOMPETENSI KEJURUAN Halaman 4 dari 4