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
LEMBAR PENGESAHAN
Judul RPKPS
: Pemrograman Web
Dosen Pengampu
: 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)
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 pengimplementasiannya. 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 implementasi 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 302 3. 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. Mengimplementasikan
metode
pengembangan
website
pengembangan website 7. Media Pembelajaran : komputer, LCD Projector, Whiteboard 8. Daftar Pustaka : a. http://w3schools.com
dalam
proyek
b. Rachmat, A. C., Modul Ajar pemrograman Web, Universitas Kristen Duta Wacana Yogyakarta 9. Rancangan Pembelajaran.
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. Mengimplementasikan metode pengembangan website dalam proyek pengembangan website Matriks Pembelajaran
(1) PERTEMUAN
1
(2) KEMAMPUAN AKHIR YANG DIHARAPKAN Memahami materi yang akan diterima pada perkuliahan pemrograman web Mengenal lingkungan implementasi website
2
(3) MATERI/ POKOK BAHASAN
(4) STRATEGI PEMBELAJAR AN
Rencana pembelajaran
Penjelasan dari dosen mengenai materi pembelajaran
-
Mengenal Hypertext Markup Language -
Pengenalan website Trend Website Web Server Domain dan Hosting Menggunakan FTP upload website Pengenalan HTML Syntax dasar HTML Elemen HTML
Penjelasan dosen
(5) LATIHAN YANG DILAKUKAN
(6 KRITERIA PENILAIAN (indikator)
dari
untuk
-
Penjelasan Praktek
Praktek membuat halaman web dengan HTML
-
Langkah pengerjaan Ketepatan pengerjaan
(7) BOBOT (%)
(1) PERTEMUAN
(2) KEMAMPUAN AKHIR YANG DIHARAPKAN
3
Mengenal Cascading Sheet
4
Membuat Layout dengan Cascading Style Sheet
5
(3) MATERI/ POKOK BAHASAN
Style -
Mengenal Javascript
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
-
Pengenalan JQuery Syntax JQuery JQuery Events JQuery Effects JQuery UI
Mengenal JQuery
7
Membuat website static sederhana
8-9
CSS Layouting
-
6
Mengenal dasar
Pengenalan CSS Penggunaan CSS Syntax CSS
PHP -
Presentasi kelompok Pengenalan PHP Arsitektur PHP Syntax dasar PHP Tipe data Operator Kondisi Perulangan
(4) STRATEGI PEMBELAJAR AN -
Penjelasan Praktek
-
Penjelasan Praktek
(5) LATIHAN YANG DILAKUKAN Praktek memberikan style pada web HTML yang sudah dibuat Praktek membuat layout website dengan CSS -
-
Praktek implementasi javascript Latihan studi kasus
Penjelasan Praktek
-
Penjelasan Praktek
Praktek implementasi JQuery - Latihan Studi Kasus Presentasi
Presentasi
Penjelasan Praktek
-
-
-
-
-
-
-
-
(6 KRITERIA PENILAIAN (indikator)
-
Praktek implementasi PHP Latihan studi kasus
-
Langkah pengerjaan Ketepatan pengerjaan Langkah pengerjaan Ketepatan pengerjaan
Langkah pengerjaan Ketepatan pengerjaan
Langkah pengerjaan Ketepatan pengerjaan Langkah pengerjaan Ketepatan pengerjaan Langkah pengerjaan Ketepatan pengerjaan
(7) BOBOT (%)
(1) PERTEMUAN
10
11
12
13-14
(2) KEMAMPUAN AKHIR YANG DIHARAPKAN
(3) MATERI/ POKOK BAHASAN
Menghubungkan PHP dengan basisdata Mengenal PHP tingkat lanjut -
Mengenal AJAX
Mengenal Framework PHP
Array Function Include dan Require Array Global Session Review Basisdata Koneksi PHP dan MySQL Query Fungsi-fungsi basisdata Mengirim Email Upload file Paginasi PHP OOP
(4) STRATEGI PEMBELAJAR AN
-
Penjelasan Praktek
-
Penjelasan Praktek
-
Praktek implementasi - Latihan studi kasus Latihan Studi Kasus
-
-
-
-
Pengenalan AJAX JQuery-AJAX AJAX-PHP
-
Penjelasan Praktek
-
Pengenalan Framework Pola MVC Instalasi dan Konfigurasi Code Igniter Helper Code Igniter Library Code Igniter Controller Model View
-
Penjelasan Praktek
(6 KRITERIA PENILAIAN (indikator)
Praktek implementasi latihan studi kasus Praktek implementasi Latihan studi kasus
-
-
-
(5) LATIHAN YANG DILAKUKAN
-
-
-
Langkah pengerjaan Ketepatan pengerjaan Langkah pengerjaan Ketepatan pengerjaan Langkah pengerjaan Ketepatan pengerjaan
Langkah pengerjaan Ketepatan pengerjaan
(7) BOBOT (%)
Format Rancangan Tugas
Nama Matakuliah
: Pemrograman Web
SKS
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 implementasi website
D. Kriteria Penilaian (30%)
Langkah Pengerjaan
Ketepatan Hasil
: 3
GRADING SCHEME COMPETENCE KRITERIA 1: KETEPATAN PENGERJAAN DIMENSI Sangat Memuaskan Memuaskan KELENGKAPAN Digambarkan dan Digambarkan PERANCANGAN diberi penjelasan KELENGKAPAN Lengkap dan Disebutkan tanpa DESKRIPSI dijelaskan penjelasan FUNGSIONAL KRITERIA 2: KETEPATAN HASIL DIMENSI Sangat Memuaskan HASIL Antarmuka sesuai IMPLEMENTASI perancangan, fungsional sesuai perancangan dan berjalan dengan baik
Memuaskan Antarmuka sesuai perancangan tetapi fungsional tidak lengkap
Batas Penggambaran seadanya Disebutkan tetapi kurang relevan dengan tema
Batas Antarmuka tidak sesuai dan fungsional tidak lengkap
Kurang Memuaskan Hanya diberi penjelasan singkat Kuramg sesuai dengan konteks
Di bawah standard Kosong
Kurang Memuaskan Hanya terdapat halaman utama saja
Di bawah standard Kosong
SKOR
Kosong
SKOR
Format Rancangan Tugas
Nama Matakuliah
: Pemrograman Web
SKS
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 implementasi website
D. Kriteria Penilaian (50%)
Langkah Pengerjaan
Ketepatan Hasil
: 3
GRADING SCHEME COMPETENCE KRITERIA 1: KETEPATAN PENGERJAAN DIMENSI Sangat Memuaskan Memuaskan KELENGKAPAN Perancangan Digambarkan PERANCANGAN digambarkan dan tanpa penjelasan dijelaskan KRITERIA 2: KETEPATAN HASIL DIMENSI Sangat Memuaskan HASIL Antarmuka sesuai IMPLEMENTASI perancangan, fungsional sesuai perancangan dan berjalan dengan baik
Memuaskan Antarmuka sesuai perancangan tetapi fungsional tidak lengkap
Batas Penggambaran seadanya
Batas Antarmuka tidak sesuai dan fungsional tidak lengkap
Kurang Memuaskan Hanya diberi penjelasan singkat
Di bawah standard Kosong
SKOR
Kurang Memuaskan Hanya terdapat halaman utama saja
Di bawah standard Kosong
SKOR
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