YAYASAN PENDIDIKAN TINGGI PAYAKUMBUH
SEKOLAH TINGGI TEKNOLOGI PAYAKUMBUH Alamat : Jl. Khatib Sulaiman Saah Padang, Telp. (0752) 796063 Fax (0752) 90063, email :
[email protected], website:http://www.stt-payakumbuh.ac.id
SILABUS A. Mata Kuliah Kode Jumlah SKS Semester Dosen NIDN
: WEB PROGRAMING : TKK 325 : 2 SKS : Genap (IV) : Dilson, S.Kom., M.Kom : 1001067301
B. Deskripsi mata kuliah Mata kuliah ini membahas tentang pemrograman web secara umum mencakup Konsep Dasar Web, mencakup terminologi, komponen pembangun, mekanisme kerja web dan pemrograman web, serta contoh-contoh pemanfaatan web pada real world, HyperText Markup Language (HTML), memberikan uraian tentang konsep dasar markup language, sintaks HTML, pemanfaatan HTML untuk membuat situs statik, pemanfaatan HTML untuk layout dokumen, dan pemanfaatan HTML untuk menyediakan input user, Cascading Style Sheet (CSS), memberikan uraian tentang konsep dasar, sintaks CSS, dan pemanfaatannya untuk representasi dan layout dokumen pada lingkungan web, Client Side Script dengan JavaScript, memberikan uraian tentang dasar pemrograman dengan JavaScript, sintaks bahasa JavaScript, pemanfaatan JavaScript untuk membangun aplikasi web yang client side yang dinamis, serta integrasi HTML, CSS dan JavaScript dalam membangun aplikasi web yang client side. Interaksi Client Side Script dan Server Side Script, memberikan uraian mengenai cara berinteraksi antara dua sisi program web: client side dan server side. Isu Rancangan dan Usability Aplikasi Web, menguraikan pertimbangan dan isu dalam merancang web, seperti rancangan link, tampilan dan interaksi, kandungan informasi, internasionalisasi untuk meningkatkan usability dari program web. C. Kompetensi Utama Mahasiswa mampu merancang layout web baik secara statis maupun dinamis yang berisikan content web berupa HTML, Image, Media, CSS dan Javascript. D. MEDIA : Papan tulis, LCD Projector, Komputer E. EVALUASI 1. Penilaian terhadap kuis, tugas dan kehadiran pada setiap akhir pokok bahasan. (20%) 2. Evaluasi belajar pada tengah semester dengan Ujian Tengah Semester (25%) 3. Penilaian terhadap tugas/Project akhir yang mencakup seluruh pokok bahasan. (25%)
YAYASAN PENDIDIKAN TINGGI PAYAKUMBUH
SEKOLAH TINGGI TEKNOLOGI PAYAKUMBUH Alamat : Jl. Khatib Sulaiman Saah Padang, Telp. (0752) 796063 Fax (0752) 90063, email :
[email protected], website:http://www.stt-payakumbuh.ac.id
4. Evaluasi belajar pada akhir semester dengan Ujian Akhir Semester. (30%) F. KONTRAK PERKULIAHAN a. Keterlambatan maksimum 15 menit b. Kehadiran minimal 75 % (12 x Pertemuan) sebagai syarat diprosesnya nilai c. Kehadiran 100% ada pertimbangan untuk penambahan nilai akhir Perte muan 1
Kompetensi pendukung
2
Memahami Elemen-elemen HTML
3
Memahami Elemen-elemen HTML lanjutan
Pengalaman belajar Mengemukakan pendapat, bertanya dan menyimpulkan
Materi pembelajaran
Metode
1. Kontrak mata kuliah 2. Apersepsi 3. Review pengetahuan tentang Konsep pemrograman web, Terminologi, Komponen Pembangun dan Contoh pemanfaatan Web
Ceramah, diskusi,
Menjelaskan, 1. Pengenalan Struktur HTML mengemukakan 2. Pengaturan Teks dengan pendapat, memberikan HTML pertanyaan 3. Lists 4. Link Membedakan, 1. Image menerapkan, 2. Tabel menjelaskan dan memberikan pertanyaan
Alokasi Penilaian waktu (assesment) 2 x 50 Penugasan
Sumber bacaan 2,5
Presentasi, diskusi, Praktek
2 x 50
Tes tulis, penugasan, keaktifan, kehadiran
2,5
Presentasi, diskusi, praktek
2 x 50
Tes tulis, penugasan, keaktifan, kehadiran
2,5
YAYASAN PENDIDIKAN TINGGI PAYAKUMBUH
SEKOLAH TINGGI TEKNOLOGI PAYAKUMBUH Alamat : Jl. Khatib Sulaiman Saah Padang, Telp. (0752) 796063 Fax (0752) 90063, email :
[email protected], website:http://www.stt-payakumbuh.ac.id
Perte muan 4
Kompetensi pendukung Memahami Elemen-elemen HTML lanjutan
5
Memahami elemen CSS, dan penerapannya pada HTML secara internal Memahami elemen CSS, dan penerapannya pada HTML secara External Memahami pembuatan menu navigasi dengan CSS dan pemanggilan
6
7
Pengalaman belajar
Materi pembelajaran
Metode
Alokasi Penilaian waktu (assesment) 2 x 50 Tes tulis, penugasan, keaktifan, kehadiran
Sumber bacaan 2,5
Membedakan, menerapkan, menjelaskan dan memberikan pertanyaan
1. Frame 2. Form
Presentasi, diskusi, praktek
Menjelaskan, membedakan, bertanya dan mengemukakan pendapat
1. Pengenalan Elemen CSS 2. Penerapan CSS secara Internal 3. Pemanggilan Css
Presentasi, diskusi, studi kasus dan praktek
2 x 50
Tes tulis, penugasan, keaktifan, kehadiran
2,3,4
Menjelaskan, membedakan, bertanya dan mengemukakan pendapat
1. Pengenalan Elemen CSS 2. Penerapan CSS secara External 3. Pemanggilan Css
Presentasi, diskusi, studi kasus dan praktek
2 x 50
Tes tulis, penugasan, keaktifan, kehadiran
2,3,4
Menjelaskan, membedakan, mengemukakan pendapat, bertanya, menggambarkan
1. Membuat Css Menu Template dan Navigasi 2. Penerapan Css pada HTML 3. Pemanggilan Css 4. Menghubungkan Link dengan Web Page
Presentasi, diskusi, studi kasus dan praktek
2 x 50
Tes tulis, penugasan, keaktifan, kehadiran
2,3,4
YAYASAN PENDIDIKAN TINGGI PAYAKUMBUH
SEKOLAH TINGGI TEKNOLOGI PAYAKUMBUH Alamat : Jl. Khatib Sulaiman Saah Padang, Telp. (0752) 796063 Fax (0752) 90063, email :
[email protected], website:http://www.stt-payakumbuh.ac.id
Perte muan
Kompetensi pendukung web page melalui link
Pengalaman belajar
Materi pembelajaran
UJIAN MID SEMESTER (Pertemuan ke-8) 1. Struktur Javascript 2. Penulisan Javascript pada HTML 3. Pemanggilan Javascript melalui HTML
9
Menjelaskan struktur Javascript, dan penerapannya pada HTML
mengidentifikasi, menjelaskan, mengemukakan pendapat dan bertanya
10
Menjelaskan cara mendeklarasikan Javascript, Variabel, Type Data, dan Operator
Mengidentifikasi, menjelaskan, membedakan, mengemukakan pendapat dan bertanya
1. 2. 3. 4.
11
Menerapkan logika menggunakan kondisi dengan Javascript
Mengidentifikasi, menjelaskan, mengemukakan pendapat dan bertanya
1. 2. 3. 4.
12
Menerapkan perulangan
Mengidentifikasi,
1. For.. 2. While 3. Do .. While
Metode
Alokasi Penilaian waktu (assesment)
Sumber bacaan
Presentasi, diskusi, studi kasus dan praktek
2 x 50
Tes tulis, penugasan, keaktifan, kehadiran
1,2,5
Aturan penulisan Variabel Deklarasi Variabel Penerapan Type data Variabel Penerapan Operator pada Javascript
Presentasi, diskusi, studi kasus dan praktek
2 x 50
Tes tulis, penugasan, keaktifan, kehadiran
1,2,5
Kondisi If…else..endif Kondisi if..elseif ..else..endif Switch… case Nested If/Cases
Presentasi, diskusi, studi kasus dan praktek
2 x 50
Tes tulis, penugasan, keaktifan, kehadiran
1,2,5
Presentasi, diskusi, studi
2 x 50
Tes tulis, penugasan,
1,2,5
YAYASAN PENDIDIKAN TINGGI PAYAKUMBUH
SEKOLAH TINGGI TEKNOLOGI PAYAKUMBUH Alamat : Jl. Khatib Sulaiman Saah Padang, Telp. (0752) 796063 Fax (0752) 90063, email :
[email protected], website:http://www.stt-payakumbuh.ac.id
Perte muan
Kompetensi pendukung menggunakan Javascript
Pengalaman belajar menjelaskan, mengemukakan pendapat dan bertanya Mengidentifikasi, menjelaskan, mengemukakan pendapat dan bertanya
Materi pembelajaran
Metode
Alokasi Penilaian waktu (assesment) keaktifan, kehadiran
4. For..in
kasus dan praktek
1. Struktur Elemen DOM 2. Manipulasi DOM 3. Membuat Elemen DOM
Presentasi, diskusi, studi kasus dan praktek
2 x 50
Tes tulis, penugasan, keaktifan, kehadiran
1,2,5
13
Menjelaskan tentang Document Object Method (DOM)
14
Menerapkan elemen DOM pada elemen Form (HTML)
Mengidentifikasi, 1. Penerapan Javascript pada Merancang, Elemen Form menjelaskan, 2. Event/Method dalam Javascript mengemukakan pendapat dan bertanya
Presentasi, diskusi, studi kasus dan praktek
2 x 50
Tes tulis, penugasan, keaktifan, kehadiran
1,2,5
15
Pemotongan String pada DOM
Mengidentifikasi masalah, Merancang interface, dan manipulasi data menggunakan Javascript pada DOM
Presentasi dan Tanya Jawab
2 x 50
Tes tulis, penugasan, keaktifan, kehadiran
1,2,5
1. Manipulasi Variabel 2. Manipulasi elemen DOM 3. Kisi-kisi UAS
UJIAN AKHIR SEMESTER (Pertemuan ke-16) Sumber bacaan: 1. 2. 3. 4. 5.
Sumber bacaan
Dave Thau, 2007, The Book Of Javascript, 2nd Editional, San Fransisco, William Polock Lukmanul Khakim, Cara Mudah Memadukan Web Design dan Web Programming, PT. Elex Media Komputindo, Jakarta, 2003 Richard York, Choirul. 2007. Beginning CSS. Indiana Polis : Willey Publishing, Inc Steven M.Schafer. 2010. HTML, XHTML, CSS Bible. Indiana Polis : Willey Publishing, Inc www.w3.org