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:

Kudus, 6 Februari 2013
Ketua Program Studi 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 dalam proyek
pengembangan website
7. Media Pembelajaran : komputer, LCD Projector, Whiteboard
8. Daftar Pustaka :
a. http://w3schools.com
 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

(2) (4) (5)

(6 KRITERIA (7)
(1) KEMAMPUAN (3) STRATEGI LATIHAN
PENILAIAN BOBOT
PERTEMUAN AKHIR YANG MATERI/ POKOK BAHASAN PEMBELAJAR YANG
(indikator) (%)
DIHARAPKAN AN DILAKUKAN
Memahami materi
yang akan Penjelasan dari
diterima pada dosen mengenai
Rencana pembelajaran
perkuliahan materi
pemrograman pembelajaran
1 web
- Pengenalan website
Mengenal - Trend Website
lingkungan - Web Server Penjelasan dari
implementasi - Domain dan Hosting dosen
website - Menggunakan FTP untuk
upload website
Praktek membuat - Langkah
Mengenal - Pengenalan HTML
- Penjelasan halaman web pengerjaan
2 Hypertext - Syntax dasar HTML
- Praktek dengan HTML - Ketepatan
Markup Language - Elemen HTML
pengerjaan
 (2) (4) (5)
(6 KRITERIA (7)
(1) KEMAMPUAN (3) STRATEGI LATIHAN
PENILAIAN BOBOT
PERTEMUAN AKHIR YANG MATERI/ POKOK BAHASAN PEMBELAJAR YANG
(indikator) (%)
DIHARAPKAN AN DILAKUKAN
- Pengenalan CSS Praktek - Langkah
Mengenal
- Penggunaan CSS - Penjelasan memberikan style pengerjaan
3 Cascading Style
- Syntax CSS - Praktek pada web HTML - Ketepatan
Sheet
yang sudah dibuat pengerjaan
Praktek membuat - Langkah
Membuat Layout
- Penjelasan layout website pengerjaan
4 dengan Cascading - CSS Layouting
- Praktek dengan CSS - Ketepatan
Style Sheet
pengerjaan
- Pengenalan Javascript - Praktek
- Javascript dan HTML implementasi
- Array dan Fungsi javascript
- Alert - Latihan studi
- HTML DOM kasus - Langkah
Mengenal - Javascript dan Fungsi - Penjelasan pengerjaan
5
Javascript - Teks HTML dan Style - Praktek - Ketepatan
- Javascript PopUp Box pengerjaan
- Regular Expression
- Pengenalan JSON
- Syntax JSON

- Pengenalan JQuery - Praktek

- Langkah
- Syntax JQuery implementasi
- Penjelasan pengerjaan
6 Mengenal JQuery - JQuery Events JQuery
- Praktek - Ketepatan
- JQuery Effects - Latihan Studi
pengerjaan
- JQuery UI Kasus
Presentasi - Langkah
Membuat website pengerjaan
7 - Presentasi kelompok - Presentasi
static sederhana - Ketepatan
pengerjaan
- Pengenalan PHP - Praktek
- Arsitektur PHP implementasi
- Langkah
- Syntax dasar PHP PHP
Mengenal PHP - Penjelasan pengerjaan
8-9 - Tipe data - Latihan studi
dasar - Praktek - Ketepatan
- Operator kasus
pengerjaan
- Kondisi
- Perulangan
 (2) (4) (5)
(6 KRITERIA (7)
(1) KEMAMPUAN (3) STRATEGI LATIHAN
PENILAIAN BOBOT
PERTEMUAN AKHIR YANG MATERI/ POKOK BAHASAN PEMBELAJAR YANG
(indikator) (%)
DIHARAPKAN AN DILAKUKAN
- Array
- Function
- Include dan Require
- Array Global
- Session
- Review Basisdata - Praktek - Langkah
Menghubungkan
- Koneksi PHP dan MySQL - Penjelasan implementasi pengerjaan
10 PHP dengan
- Query - Praktek - latihan studi - Ketepatan
basisdata
- Fungsi-fungsi basisdata kasus pengerjaan
- Mengirim Email - Praktek
- Langkah
- Upload file implementasi
Mengenal PHP - Penjelasan pengerjaan
11 - Paginasi - Latihan studi
tingkat lanjut - Praktek - Ketepatan
- PHP OOP kasus
pengerjaan
- Praktek - Langkah
- Pengenalan AJAX
- Penjelasan implementasi pengerjaan
12 Mengenal AJAX - JQuery-AJAX
- Praktek - Latihan studi - Ketepatan
- AJAX-PHP
kasus pengerjaan
- Pengenalan Framework Latihan Studi
- Pola MVC Kasus
- Instalasi dan Konfigurasi
- Langkah
Code Igniter
Mengenal - Penjelasan pengerjaan
13-14 - Helper Code Igniter
Framework PHP - Praktek - Ketepatan
- Library Code Igniter
pengerjaan
- Controller
- Model
- View
 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 implementasi website
D. Kriteria Penilaian (30%)
Langkah Pengerjaan
Ketepatan Hasil
 GRADING SCHEME COMPETENCE

KRITERIA 1: KETEPATAN PENGERJAAN

DIMENSI Sangat Memuaskan Batas Kurang Di bawah SKOR
Memuaskan Memuaskan standard
KELENGKAPAN Digambarkan dan Digambarkan Penggambaran Hanya diberi Kosong
PERANCANGAN diberi penjelasan seadanya penjelasan singkat
KELENGKAPAN Lengkap dan Disebutkan tanpa Disebutkan tetapi Kuramg sesuai Kosong
DESKRIPSI dijelaskan penjelasan kurang relevan dengan konteks
FUNGSIONAL dengan tema

KRITERIA 2: KETEPATAN HASIL

DIMENSI Sangat Memuaskan Batas Kurang Di bawah SKOR
Memuaskan Memuaskan standard
HASIL Antarmuka sesuai Antarmuka sesuai Antarmuka tidak Hanya terdapat Kosong
IMPLEMENTASI perancangan, perancangan sesuai dan halaman utama
fungsional sesuai tetapi fungsional fungsional tidak saja
perancangan dan tidak lengkap lengkap
berjalan dengan
baik
 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 implementasi website
D. Kriteria Penilaian (50%)
Langkah Pengerjaan
Ketepatan Hasil
 GRADING SCHEME COMPETENCE

KRITERIA 1: KETEPATAN PENGERJAAN

DIMENSI Sangat Memuaskan Batas Kurang Di bawah SKOR
Memuaskan Memuaskan standard
KELENGKAPAN Perancangan Digambarkan Penggambaran Hanya diberi Kosong
PERANCANGAN digambarkan dan tanpa penjelasan seadanya penjelasan singkat
dijelaskan

KRITERIA 2: KETEPATAN HASIL

DIMENSI Sangat Memuaskan Batas Kurang Di bawah SKOR
Memuaskan Memuaskan standard
HASIL Antarmuka sesuai Antarmuka sesuai Antarmuka tidak Hanya terdapat Kosong
IMPLEMENTASI perancangan, perancangan sesuai dan halaman utama
fungsional sesuai tetapi fungsional fungsional tidak saja
perancangan dan tidak lengkap lengkap
berjalan dengan
baik
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