pemrograman web - Fakultas Teknik UMK

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