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