PEMROGRAMAN WEB

(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 : 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)

(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 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

(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. Mengimplementasikan metode pengembangan website dalam proyek pengembangan website Matriks Pembelajaran

(1) PERTEMUAN

(2) KEMAMPUAN

AKHIR YANG DIHARAPKAN

(3)

MATERI/ POKOK BAHASAN

(4) STRATEGI PEMBELAJAR

AN

(5) LATIHAN

YANG DILAKUKAN

(6 KRITERIA PENILAIAN

(indikator)

(7) BOBOT

(%)

1

Memahami materi

yang akan

diterima pada perkuliahan pemrograman web

Rencana pembelajaran

Penjelasan dari dosen mengenai materi

pembelajaran

Mengenal lingkungan implementasi website

- Pengenalan website - Trend Website - Web Server

- Domain dan Hosting

- Menggunakan FTP untuk upload website

Penjelasan dari dosen

2

Mengenal Hypertext

Markup Language

- Pengenalan HTML - Syntax dasar HTML - Elemen HTML

- Penjelasan - Praktek

Praktek membuat halaman web dengan HTML

- Langkah pengerjaan - Ketepatan

pengerjaan

(6)

(3)

AN

(5) LATIHAN

(indikator)

(7) BOBOT

(%)

3

Mengenal

Cascading Style Sheet

- Pengenalan CSS - Penggunaan CSS - Syntax CSS

Praktek

memberikan style pada web HTML yang sudah dibuat

pengerjaan

4

Membuat Layout dengan Cascading Style Sheet

- CSS Layouting - Penjelasan - Praktek

Praktek membuat layout website dengan CSS

pengerjaan

5 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

- Praktek implementasi javascript - Latihan studi

kasus - Langkah

pengerjaan - Ketepatan

pengerjaan

6 Mengenal JQuery

- Pengenalan JQuery - Syntax JQuery - JQuery Events - JQuery Effects - JQuery UI

- Praktek implementasi JQuery - Latihan Studi

Kasus

pengerjaan

7 Membuat website

static sederhana - Presentasi kelompok - Presentasi

Presentasi - Langkah pengerjaan - Ketepatan

pengerjaan

8-9 Mengenal PHP

dasar

- Pengenalan PHP - Arsitektur PHP - Syntax dasar PHP - Tipe data

- Operator - Kondisi - Perulangan

- Praktek implementasi PHP

- Latihan studi kasus

pengerjaan

(7)

(3)

AN

(5) LATIHAN

(indikator)

(7) BOBOT

(%) - Array

- Function

- Include dan Require - Array Global - Session

10

Menghubungkan PHP dengan basisdata

- Review Basisdata

- Koneksi PHP dan MySQL - Query

- Fungsi-fungsi basisdata

- Praktek implementasi - latihan studi

kasus

pengerjaan

11 Mengenal PHP

tingkat lanjut

- Mengirim Email - Upload file - Paginasi - PHP OOP

- Praktek implementasi - Latihan studi

kasus

pengerjaan

12 Mengenal AJAX

- Pengenalan AJAX - JQuery-AJAX - AJAX-PHP

- Praktek implementasi - Latihan studi

kasus

pengerjaan

13-14 Mengenal

Framework PHP

- Pengenalan Framework - Pola MVC

- Instalasi dan Konfigurasi Code Igniter

- Helper Code Igniter - Library Code Igniter - Controller

- Model - View

Latihan Studi Kasus

pengerjaan

(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 implementasi website D. Kriteria Penilaian (30%)

 Langkah Pengerjaan

 Ketepatan Hasil

(9)

GRADING SCHEME COMPETENCE

KRITERIA 1: KETEPATAN PENGERJAAN DIMENSI Sangat

Memuaskan

Memuaskan Batas Kurang

Memuaskan

Di bawah standard

SKOR

KELENGKAPAN PERANCANGAN

Digambarkan dan diberi penjelasan

Digambarkan Penggambaran seadanya

Hanya diberi penjelasan singkat

Kosong KELENGKAPAN

DESKRIPSI FUNGSIONAL

Lengkap dan dijelaskan

Disebutkan tanpa penjelasan

Disebutkan tetapi kurang relevan dengan tema

Kuramg sesuai dengan konteks

Kosong

KRITERIA 2: KETEPATAN HASIL DIMENSI Sangat

Memuaskan

SKOR

HASIL

IMPLEMENTASI

Antarmuka sesuai perancangan, fungsional sesuai perancangan dan berjalan dengan baik

Antarmuka sesuai perancangan tetapi fungsional tidak lengkap

Antarmuka tidak sesuai dan fungsional tidak lengkap

Hanya terdapat halaman utama saja

Kosong

(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 implementasi website D. Kriteria Penilaian (50%)

 Langkah Pengerjaan

 Ketepatan Hasil

(11)

GRADING SCHEME COMPETENCE

KRITERIA 1: KETEPATAN PENGERJAAN DIMENSI Sangat

Memuaskan

SKOR

KELENGKAPAN PERANCANGAN

Perancangan digambarkan dan dijelaskan

Digambarkan tanpa penjelasan

Penggambaran seadanya

Hanya diberi penjelasan singkat

Kosong

KRITERIA 2: KETEPATAN HASIL DIMENSI Sangat

Memuaskan

SKOR

HASIL

IMPLEMENTASI

Antarmuka sesuai perancangan, fungsional sesuai perancangan dan berjalan dengan baik

Antarmuka sesuai perancangan tetapi fungsional tidak lengkap

Antarmuka tidak sesuai dan fungsional tidak lengkap

Hanya terdapat halaman utama saja

Kosong

(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