UNIVERSITAS MUHAMMADIYAH SURABAYA Kode Dokumen

FAKULTAS TEKNIK

RENCANA PEMBELAJARAN SEMESTER

MATA KULIAH KODE Rumpun MK BOBOT (sks) SEMESTER Tgl Penyusunan
Pemrograman Web 20WP2716G32 Rekayasa Perangkat 3 3 10 Agustus 2021
Lunak
OTORISASI Dosen Pengembang RPS Koordinator RMK Ka PRODI

tanda tangan

Ashr Hafiizh Tantri, Tining Haryanti, S.Kom, M.M, M.Kom

S.Kom, M.Kom (UPM)
Capaian CPL-PRODI
Pembelajaran (CP) S6 Dapat bekerja sama dan memiliki kepekaan sosial serta kepedulian terhadap masyarakat dan lingkungan.
S9 Menunjukkan sikap bertanggung jawab atas pekerjaan di bidang keahliannya secara mandiri.
S11 mengintegrasikan nilai-nilai Islam dan kemuhamadiyahan dalam pengembangan dan penerapan ilmu pengetahuan di
bidang Informatika.
PP1 Memiliki pengetahuan yang memadai terkait dengan cara kerja sistem komputer dan mampu merancang dan
mengembangkan berbagai algoritma /metode untuk memecahkan masalah dan meningkatkan keamanan sistem berbasis
jaringan dan teknologi.
PP4 Memiliki pengetahuan dalam mengembangkan aplikasi/ produk dengan menerapkan prinsip keilmuan informatika yang
berorientasi pada market untuk menciptakan peluang berwirausaha.
KU1 Mampu menerapkan pemikiran logis, kritis, sistematis, dan inovatif dalam konteks pengembangan atau implementasi ilmu
pengetahuan dan teknologi yang memperhatikan dan menerapkan nilai humaniora yang sesuai dengan bidang keahliannya.
KU2 Mampu menunjukkan kinerja mandiri, bermutu, dan terukur
KU5 Mampu mengambil keputusan secara tepat dalam konteks penyelesaian masalah di bidang keahliannya, berdasarkan hasil
analisis informasi dan data.
KU8 Mampu melakukan proses evaluasi diri terhadap kelompok kerja yang berada di bawah tanggung jawabnya, dan mampu
mengelola pembelajaran secara mandiri.
 KK2 Mampu merancang dan mengembangkan algoritma dan aplikasi untuk keperluan Human Computer Interaction dengan
menerapkan prinsip prinsip sistem cerdas dan ilmu komputasi secara tim maupun individu yang dapat dimanfaatkan
masyarakat atau industri
KK4 Mampu merancang dan mengembangkan algoritma untuk berbagai keperluan seperti Mobile Computing Intelligent
Systems, Information Management, Algoriths and Complexity dengan menerapkan prinsip-prinsip Rekayasa Perangkat Lunak
secara tim maupun individu skala menengah yang dapat diimplementasikan masyarakat atau industri.
CPMK
02.08.00 Menganalisis suatu sistem berbasis komputer secara efisien untuk menyelesaikan masalah, menggunakan pemrograman
prosedural dan berorientasi objek.
02.09.00 Menguasai bahasa dan algoritma pemrograman yang berkaitan dengan program aplikasi untuk memanipulasi model
gambar, grafis, dan citra.
Kemampuan Akhir Mahasiswa sanggup membuat web interaktif (min. 2 modul)
yang diharapkan/
Goal Mata Kuliah
Diskripsi Singkat Mata kuliah ini memperkenalkan konsep-konsep dasar pemrograman di lingkungan web. HTML dan CSS diperkenalkan sebagai sarana
MK untuk mengembangkan konten dan tampilan halaman web. Pemgrograman di sisi klien (client-side) dilakukan dengan JavaScript,
sedangkan di sisi server (server-side) menggunakan PHP.
Bahan Kajian 1. Menjelaskan konsep dasar pemrograman aplikasi web (S6, S9, S11, PP1, KU2, KU8, P4)
(Materi 2. Menjelaskan HTML dan CSS (S6, S9, PP1, KU2, KU8)
pembelajaran) 3. Menerapkan HTML dan CSS (S6, S9, PP1, KU1, KU2, KU5, KU8, KK2)
4. Menjelaskan PHP, javascript, jquery, dan ajax (S6, S9, PP1, KU2, KU8)
5. Menerapkan PHP, javascript, jquery, dan ajax (S6, S9, PP1, KU1, KU2, KU5, KU8, KK2)
6. Menjelaskan koneksi database dan operasi Create Read Update Delete (CRUD) (S6, S9, PP1, KU2, KU5, KU8)
7. Menerapkan koneksi database dan operasi CRUD (S6, S9, PP1, KU1, KU2, KU5, KU8, KK2, KK4)
Pustaka Utama:
1. Dermawan, Deni. 2013. Desain dan Pemrograman Website, Bandung: Remaja Rosdakarya Bandung
2. Nugroho, Bunafit. 2009. Membuat website sendiri dengan PHP-Mysql. Kakarta : Mediakita
3. Suprianto, Dodit. 2008. Pemrograman PHP. Bandung : OASE. Media
4. Prabawati, Theresia Ari. 2009. Langsung Bisa Membangun Website Preofesional dengan Adobe CS4, PHP, dan MySQL.
Yogyakarta-Madiun: Kerjasama Andi dan Madcom Madiun

Pendukung:
1. http://www.w3schools.com/
2. http://php.net/manual/en/index.php
3. http://dev.mysql.com/doc/
4. http://net.tutsplus.com/
5. http://www.tutorialspoint.com/computer_programming_tutorials.htm
Media Perangkat lunak: Perangkat keras :
Pembelajaran - XAMPP/localhost - LCD & Projector
- Sublime/Notepad++/VSCode atau code editor lainnya - PC Lab
Dosen Pengampu Ashr Hafiizh Tantri, S.Kom, M.Kom
Matakuliah syarat -
FORMAT RPS

Mg Ke- Sub-CPMK Indikator Penilaian Kriteria & Bentuk Bentuk, Metode Materi Pembelajaran Bobot
(sbg kemampuan akhir yg Penilaian Pembelajaran & [Pustaka / Sumber belajar] Penilaian
diharapkan) Penugasan (%)
[ Estimasi Waktu]
(1) (2) (3) (4) (5) (6) (7)
1 - Mahasiswa memahami • Memiliki gambaran Bentuk non-test: Kuliah, Ceramah, - Penyusunan 5%
dan menunjukkan umum tentang mata • Partisipasi Diskusi kelas Kontrak Belajar
karakteristik aplikasi kuliah • Diskusi / tanya- Tugas-1: membuat (Pembahasan RPS)
berbasis web - Dasar Aplikasi web
• Dapat menjelaskan jawab pada halaman web
memberikan contoh akhir kuliah sederhana - Pengantar
aplikasi web menggunakan HTML pemrograman
• Dapat menjelaskan alur Client-Server
kerja dan dalam
pembangunan aplikasi pemrograman web
web - Demonstrasi HTML
• Dapat menjelaskan
kelebihan dan
kekurangan aplikasi
web
2 Mahasiswa mampu • Dapat memberikan Bentuk non-test: Kuliah, Diskusi dan - Tag dalam HTML 5%
mempertunjukkan penggunaan contoh penerapan • Partisipasi Praktek (terbimbing) - Penggunaan HTML
client side scripting dengan layout web dengan • Diskusi / tanya- Tugas-2: membuat draft dan CSS
HTML, CSS dan Javascript - Design dan Layout
HTML dan CSS jawab pada rencana
• Dapat menerapkan akhir kuliah pengembangan/desain
Javascript (variable dan website
3 function) Bentuk non-test: Kuliah, Diskusi dan - Teknik dasar Javascript 5%
• Partisipasi Praktek (terbimbing)
 • Dapat membuat Form • Diskusi / tanya- Tugas-3: Mengerjakan
input user dan event jawab pada pertanyaan terkait
handler akhir kuliah JavaScript
4 • Dapat menunjukkan Bentuk non-test: Kuliah, Diskusi dan - Event Handler dan 5%
penggunaan Validasi • Partisipasi Praktek (terbimbing) pembuatan function
form dengan Javascript • Diskusi / tanya- Tugas-4: membuat Javascript
jawab pada rencana penambahan
akhir kuliah javascript pada website
5 Bentuk non-test: Kuliah, Diskusi dan - Validasi Form 5%
• Partisipasi Praktek (terbimbing) sederhana dengan
Diskusi / tanya- Tugas 5: membuat Javascript
jawab pada akhir rencana penambahan
kuliah form website
6 Bentuk test: Kuliah, Diskusi dan - Pembahasan Ulang 5%
• Presentasi hasil Praktek (terbimbing) materi HTML, CSS, dan
kerja Evaluasi-1: Presentasi Javascript
Website Sederhana
Menggunakan HTML,
CSS, dan JavaScript

7 Mahasiswa menguasai • Dapat menggunakan Bentuk test: Kuliah, Diskusi dan - Dasar PHP 10%
Pemrograman Web script dasar PHP • Partisipasi Praktek (terbimbing) - Variable
menggunakan PHP Diskusi / tanya- Tugas 6: - Sintaksis dasar PHP
(variable dan tipe data)
• Dapat membuat jawab pada akhir mengembangkan
algoritma sederhana kuliah halaman web
dengan pemrograman menggunakan PHP
PHP (penggunaan
kondisi dan perulangan)
• Dapat membuat
function PHP
• Dapat menggunakan
Session PHP
 • Dapat melakukan
pengolahan Form
(input user) dengan
PHP
• Dapat menggabungkan
penggunaan HTML, CSS
dan Javascript, dengan
penggunaan PHP
8 • Bentuk non-test: Kuliah, Diskusi dan - Function 10%
• Partisipasi Praktek (terbimbing) - Session
Diskusi / tanya- Tugas 7: - POST & GETS
jawab pada akhir mengembangkan variable
kuliah halaman web
menggunakan PHP
9 Ujian Tengah Semester – Ujian Tertulis (Materi: Dasar-Dasar HTML, CSS, JavaScript, dan PHP) 5%
10 Mahasiswa mampu • Dapat menggunakan Bentuk non-test: Kuliah, Diskusi dan - Dasar PHP dan 7%
menggunakan PHP dan Database MySQL • Partisipasi Praktek (terbimbing) MySQL,
MySQL untuk membangun • Dapat menjelaskan dan Diskusi / tanya- Tugas 8: - Koneksi Database
Aplikasi web, Menerapkan memberi contoh jawab pada akhir mengembangkan - Konsep CRUD
penggunaan CRUD (create, koneksi PHP dan kuliah halaman web PHP yang
read, update, delete) untuk Database terhubung dengan
manipulasi data pada aplikasi • Dapat memanipulasi database (select
web data dengan sederhana)
11 penggunaan Query Bentuk non-test: Kuliah, Diskusi dan - Konsep CRUD 7%
Update • Partisipasi Praktek (terbimbing) - Manipulasi Database
• Dapat membuat input Diskusi / tanya- Tugas 9: untuk melakukan Insert
data (insert) dan jawab pada akhir dan Select data.
mengembangkan
menampilkan hasil data kuliah
halaman web PHP untuk
(select)
melakukan insert dan
• Dapat memberikan
select data
contoh penggunaan
12 Delete data Bentuk non-test: Kuliah, Diskusi dan - Konsep CRUD 7%
• Partisipasi Praktek (terbimbing)
 • Dapat membuat Diskusi / tanya- Tugas 10: - Manipulasi Database
tampilan web untuk jawab pada akhir mengembangkan untuk melakukan
manipulasi data kuliah halaman web PHP untuk Delete dan Update
melakukan insert dan data.
select data
13 • Dapat menunjukkan Bentuk non-test: Kuliah, Diskusi dan - Penggunaan Library 7%
contoh penerapan dari • Partisipasi Praktek (terbimbing) PHP untuk pengolahan
function String PHP Diskusi / tanya- String dan Array
(minimal 2) jawab pada akhir - https://trustme.co.id/2
• Dapat menunjukkan kuliah 4-library-php-keren-
contoh penerapan dari yang-harus-anda-
function Array PHP ketahui/
(minimal 2 pada -
database)
• Dapat menjelaskan
penggunaan Library
PHP external pada
aplikasi (misal untuk
text editor)
14 Mahasiswa mampu • Mahasiswa memahami Bentuk non-test: Kuliah, Diskusi dan - Pengantar Software 7%
memahami macam-macam macam-macam • Partisipasi Praktek (terbimbing) Design Pattern
Framework yang digunakan Diskusi / tanya- Tugas 11: mencoba - Pengenalan Framework
dalam Industri ITS jawab pada akhir mengembangkan PHP (CodeIgniter, Yii,
kuliah halaman web Laravel)
sederhana
menggunakan salah
satu Framework PHP

15 Mahasiswa mampu • Mahasiswa bisa Bentuk non-test: Kuliah, Diskusi dan - Pengenalan Hosting 5%
memanfaatkan Hosting untuk mengoperasikan • Partisipasi Praktek (terbimbing) dan Domain
mengupload website hosting untuk Diskusi / tanya- Tugas 12: mendaftar
keperluan upload jawab pada akhir hosting dan domain
website + database kuliah gratis
 16 UAS / Evaluasi Akhir Semester: Melakukan validasi penilaian akhir dan menentukan kelulusan mahasiswa – Presentasi Website Yang 5%
Sudah Diupload di
Catatan:
1. Capaian Pembelajaran Lulusan PRODI (CPL-PRODI) adalah kemampuan yang dimiliki oleh setiap lulusan PRODI yang merupakan internalisasi dari sikap, penguasaan
pengetahuan dan ketrampilan sesuai dengan jenjang prodinya yang diperoleh melalui proses pembelajaran.
2. CPL yang dibebankan pada mata kuliah adalah beberapa capaian pembelajaran lulusan program studi (CPL-PRODI) yang digunakan untuk
pembentukan/pengembangan sebuah mata kuliah yang terdiri dari aspek sikap, ketrampulan umum, ketrampilan khusus dan pengetahuan.
3. CP Mata kuliah (CPMK) adalah kemampuan yang dijabarkan secara spesifik dari CPL yang dibebankan pada mata kuliah, dan bersifat spesifik terhadap bahan kajian
atau materi pembelajaran mata kuliah tersebut.
4. Sub-CP Mata kuliah (Sub-CPMK) adalah kemampuan yang dijabarkan secara spesifik dari CPMK yang dapat diukur atau diamati dan merupakan kemampuan akhir
yang direncanakan pada tiap tahap pembelajaran, dan bersifat spesifik terhadap materi pembelajaran mata kuliah tersebut.
5. Kriteria Penilaian adalah patokan yang digunakan sebagai ukuran atau tolok ukur ketercapaian pembelajaran dalam penilaian berdasarkan indikator-indikator yang
telah ditetapkan. Kriteria penilaian merupakan pedoman bagi penilai agar penilaian konsisten dan tidak bias. Kriteria dapat berupa kuantitatif ataupun kualitatif.
6. Indikator penilaian kemampuan dalam proses maupun hasil belajar mahasiswa adalah pernyataan spesifik dan terukur yang mengidentifikasi kemampuan atau kinerja
hasil belajar mahasiswa yang disertai bukti-bukti.
FORMAT RUBRIK PENILAIAN (CONTOH PENGISIAN)

Tugas-1: Membuat Halaman Web Sederhana Menggunakan HTML

SKOR PENILAIAN

Indikator Sangat kurang (E) Kurang (D) Cukup (C) Baik (B) Sangat baik (A)

=< 40 41 – 55 56 - 60 61 - 80 >=81

1 Tingkat Kerumitan (N1) Tidak mengerjakan Menggunakan tag Menggunakan tag Menggunakan tag Menggunakan tag
HTML dasar untuk HTML dasar untuk HTML untuk HTML untuk
menampilkan teks memanipulasi menampilkan teks menampilkan teks,
tampilan teks dan dan gambar gambar, dan tabel
paragraf

2 Kerapian konten (N2) Tidak mengerjakan Letak konten tidak Letak konten tidak Peletakan teks dan Peletakan teks dan
rapi, teks sulit rapi tetapi teks gambar rapi (jika gambar merujuk
dibaca enak dibaca ada) sesuai. pada salah satu
contoh website
terkenal / merujuk
standar desain UI

3 Kerapian Source (N3) Tidak mengerjakan Source file tidak Penulisan baris Format rapi. Format rapi dan
teratur dan kode menggunakan Menggunakan ada “comment“
penyusunan tidak spacing untuk identasi dan yang menjelaskan
tertata pada saat memberi jarak spacing fugnsi bagian
pengumpulan. antara 2 bagian
yang berbeda

Nilai total (N1+N2+N3)/3

KEMENTERIAN RISET TEKNOLOGI DAN
PENDIDIKAN TINGGI

DIREKTORAT JENDERAL PEMBELAJARAN DAN

KEMAHASISWAAN

DIREKTORAT PEMBELAJARAN