RENCANA PROGRAM KEGIATAN PEMBELAJARAN SEMESTER (RPKPS) PEMROGRAMAN WEB. Disusun Oleh: Lelly Hidayah Anggraini, S.Kom, M.Cs

Transkripsi

1 RENCANA PROGRAM KEGIATAN PEMBELAJARAN SEMESTER (RPKPS) PEMROGRAMAN WEB Disusun Oleh: Lelly Hidayah Anggraini, S.Kom, M.Cs PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS SEPTEMBER 2012

2 LEMBAR PENGESAHAN Judul RPKPS Dosen Pengampu : Pemrograman Web : Lelly Hidayah Anggraini, S.Kom, M. Cs Mengetahui dan Menyetujui: Ketua Program Studi Kudus, 6 Februari 2013 Penyusun (Ahmad Jazuli, M. Kom) (Lelly Hidayah Anggraini, S. Kom, M. Cs)

3 A. Latar Belakang Mata kuliah pemrograman web merupakan mata kuliah yang mempelajari proses pengembangan sebuah website. Mata kuliah ini akan membahas beberapa jenis konsep dan metode dalam pengembangan website serta langkah pengannya. Pemrograman Web merupakan mata kuliah dalam program studi Teknik Informatika Universitas Muria Kudus, yang diberikan di semester VI. Mata kuliah diberikan untuk memberikan pengetahuan dasar mengenai langkah pengembangan website bagi mahasiswa Universitas Muria Kudus. Dengan mengikuti mata kuliah ini mahasiswa diharapkan memiliki pegetahuan dasar mengenai langkah perancangan dan pembuatan website. Agar dalam pelaksanaan proses pembelajaran mencapai sasaran dan tujuan yang telah di tetapkan maka diperlukan perencanaan, persiapan dan pengendalian yang baik terhadap proses pembelajaran. Untuk itu diperlukan Rencana Program Kegiatan Pembelajaran Semester (RPKPS) yang disusun dengan baik. Dengan RPKPS diharapkan penerapan proses pembelajaran dapat menumbuhkan motivasi belajar yang tinggi terhadap mahasiswa dan pelaksanaan perkuliahan dapat berjalan dengan lancar, sesuai dengan kurikulum dan silabus yang telah dikembangkan. B. Perencanaan Pembelajaran 1. Nama Mata Kuliah : Pemrograman Web 2. Kode Mata Kuliah : TIT Bobot SKS : 3 SKS 4. Semester : V 5. Dosen : Lelly Hidayah Anggraini, S. Kom, M. Cs 6. Kompetensi : 1. Memahami konsep-konsep dan metode dalam pengembangan website 2. Mengkan metode pengembangan website dalam proyek pengembangan website 7. Media Pembelajaran : komputer, LCD Projector, Whiteboard 8. Daftar Pustaka : a.

4 b. Rachmat, A. C., Modul Ajar pemrograman Web, Universitas Kristen Duta Wacana Yogyakarta 9. Rancangan Pembelajaran.

5 RANCANGAN PEMBELAJARAN Nama Matakuliah : Pemrograman Web SKS : 3 Program Studi : Teknik Informatika Semester : VI Fakultas : Teknik Kompetensi Matakuliah : 1. Memahami konsep-konsep dan metode dalam pengembangan website 2. Mengkan metode pengembangan website dalam proyek pengembangan website Matriks Pembelajaran (1) PERTEMUAN 1 2 (2) KEMAMPUAN AKHIR YANG DIHARAPKAN Memahami materi yang akan diterima pada perkuliahan pemrograman web Mengenal lingkungan website Mengenal Hypertext Markup Language (3) MATERI/ POKOK BAHASAN Rencana pembelajaran - Pengenalan website - Trend Website - Web Server - Domain dan Hosting - Menggunakan FTP untuk upload website - Pengenalan HTML - Syntax dasar HTML - Elemen HTML (4) STRATEGI PEMBELAJAR AN Penjelasan dari dosen mengenai materi pembelajaran Penjelasan dosen dari (5) LATIHAN YANG DILAKUKAN Praktek membuat halaman web dengan HTML (6 KRITERIA PENILAIAN (indikator) (7) BOBOT (%)

6 (1) PERTEMUAN (2) KEMAMPUAN AKHIR YANG DIHARAPKAN Mengenal Cascading Sheet Style Membuat Layout dengan Cascading Style Sheet Mengenal Javascript (3) MATERI/ POKOK BAHASAN - Pengenalan CSS - Penggunaan CSS - Syntax CSS - CSS Layouting - Pengenalan Javascript - Javascript dan HTML - Array dan Fungsi - Alert - HTML DOM - Javascript dan Fungsi - Teks HTML dan Style - Javascript PopUp Box - Regular Expression - Pengenalan JSON - Syntax JSON (4) STRATEGI PEMBELAJAR AN (5) LATIHAN YANG DILAKUKAN Praktek memberikan style pada web HTML yang sudah dibuat Praktek membuat layout website dengan CSS (6 KRITERIA PENILAIAN (indikator) javascript - Latihan studi kasus (7) BOBOT (%) 6 Mengenal JQuery Membuat website static sederhana Mengenal dasar PHP - Pengenalan JQuery - Syntax JQuery - JQuery Events - JQuery Effects - JQuery UI - Presentasi kelompok - Presentasi - Pengenalan PHP - Arsitektur PHP - Syntax dasar PHP - Tipe data - Operator - Kondisi - Perulangan JQuery - Latihan Studi Kasus Presentasi PHP - Latihan studi kasus

7 (1) PERTEMUAN (2) KEMAMPUAN AKHIR YANG DIHARAPKAN Menghubungkan PHP dengan basisdata Mengenal PHP tingkat lanjut (3) MATERI/ POKOK BAHASAN - Array - Function - Include dan Require - Array Global - Session - Review Basisdata - Koneksi PHP dan MySQL - Query - Fungsi-fungsi basisdata - Mengirim - Upload file - Paginasi - PHP OOP (4) STRATEGI PEMBELAJAR AN (5) LATIHAN YANG DILAKUKAN - latihan studi kasus - Latihan studi kasus (6 KRITERIA PENILAIAN (indikator) (7) BOBOT (%) 12 Mengenal AJAX Mengenal Framework PHP - Pengenalan AJAX - JQuery-AJAX - AJAX-PHP - Pengenalan Framework - Pola MVC - Instalasi dan Konfigurasi Code Igniter - Helper Code Igniter - Library Code Igniter - Controller - Model - View - Latihan studi kasus Latihan Studi Kasus

8 Format Rancangan Tugas Nama Matakuliah : Pemrograman Web SKS : 3 Program Studi : Teknik Informatika Pertemuan : 2-6 Fakultas : Teknik A. Tujuan Tugas Menghasilkan website statik. B. Batasan yang Dikerjakan Membuat perancangan antarmuka Membuat deskripsi fungsional sistem Implementasi C. Metode /Cara Pengerjaan Mahasiswa membagi kelompok, satu kelompok maksimal 3 orang Mempresentasikan hasil website D. Kriteria Penilaian (30%) Langkah Pengerjaan Ketepatan Hasil

9 GRADING SCHEME COMPETENCE KRITERIA 1: KETEPATAN PENGERJAAN DIMENSI Sangat Batas Kurang KELENGKAPAN Digambarkan dan Digambarkan Penggambaran Hanya diberi PERANCANGAN diberi penjelasan seadanya penjelasan singkat KELENGKAPAN Lengkap dan Disebutkan tanpa Disebutkan tetapi Kuramg sesuai DESKRIPSI dijelaskan penjelasan kurang relevan dengan konteks FUNGSIONAL dengan tema Di bawah standard Kosong Kosong SKOR KRITERIA 2: KETEPATAN HASIL DIMENSI Sangat HASIL Antarmuka sesuai IMPLEMENTASI perancangan, fungsional sesuai perancangan dan berjalan dengan baik Batas Kurang Antarmuka sesuai Antarmuka tidak Hanya terdapat perancangan sesuai dan halaman utama tetapi fungsional fungsional tidak saja tidak lengkap lengkap Di bawah standard Kosong SKOR

10 Format Rancangan Tugas Nama Matakuliah : Pemrograman Web SKS : 3 Program Studi : Teknik Informatika Pertemuan : 8-14 Fakultas : Teknik A. Tujuan Tugas Menghasilkan website dinamis dari tema yang sudah ditentukan. B. Batasan yang Dikerjakan Membuat perancangan fungsional, proses, data, dan antarmuka Implementasi C. Metode /Cara Pengerjaan Setiap kelas mengerjakan satu proyek Mempresentasikan hasil website D. Kriteria Penilaian (50%) Langkah Pengerjaan Ketepatan Hasil

11 GRADING SCHEME COMPETENCE KRITERIA 1: KETEPATAN PENGERJAAN DIMENSI Sangat Batas Kurang KELENGKAPAN Perancangan Digambarkan Penggambaran Hanya diberi PERANCANGAN digambarkan dan tanpa penjelasan seadanya penjelasan singkat dijelaskan Di bawah standard Kosong SKOR KRITERIA 2: KETEPATAN HASIL DIMENSI Sangat HASIL Antarmuka sesuai IMPLEMENTASI perancangan, fungsional sesuai perancangan dan berjalan dengan baik Batas Kurang Antarmuka sesuai Antarmuka tidak Hanya terdapat perancangan sesuai dan halaman utama tetapi fungsional fungsional tidak saja tidak lengkap lengkap Di bawah standard Kosong SKOR

12 Lembar Kerja Proyek Website Company Profile 1. Membuat kelompok masing-masing 3 mahasiswa dalam satu kelompok. 2. Membuat perancangan antar muka dan deskripsi fungsional website 3. Implementasi website mencakup: a. HTML b. CSS c. Javascript dan atau JQuery 4. Presentasi Lembar Kerja Proyek Website 1. Setiap kelas menjadi 1 kelompok 2. Tema website: a. Social Network b. E-commerce c. E-learning 3. Membuat perancangan fungsional, proses, dan data 4. Implementasi website 5. Presentasi