INSTITUT TEKNOLOGI TELKOM SURABAYA

FAKULTAS TEKNOLOGI INFORMASI DAN BISNIS

PROGRAM STUDI FAKULTAS TEKNOLOGI INFORMASI DAN BISNIS

RENCANA PEMBELAJARAN SEMESTER

Mata Kuliah Kode MK Rumpun MK Semester Bobot (sks) Tgl Penyusunan
Pemrograman Web IFC22K4 Pemrograman Terapan 4 T=3 P=1 1 Desember 2022
OTORISASI Pengembang RPS Koordinator RMK Ketua Prodi

Alqis Rausanfita, S.Kom., M.Kom. Ahmad Wali Satria Bahari Johan, S.S.T., M.Kom. Muhammad Dzulfikar Fauzi, S.Kom., M.Cs.
Capaian Pembelajaran (CP) CPL Prodi (Kode S, P, KU, KK)
P.1 Menguasai konsep dan prinsip-prinsip matematika, sains dan sistem cerdas
P.2 Menguasai konsep dan prinsip-prinsip rekayasa perangkat lunak
KU.2 Mampu bekerja secara mandiri dan bekerjasama dalam tim yang interdisiplin dan multidisiplin
KU.3 Mampu berkomunikasi secara efektif, kritis, dan dapat dipertanggungjawabkan
KK.2 Mampu merancang, membangun dan menganalisa perangkat lunak dengan menggunakan prinsip-prinsip proses rekayasa perangkat lunak
CPMK (Kode M)
M1 Mahasiswa mampu menerapkan model yang telah dirancang menjadi web yang menarik dan dinamis, baik secara individual maupun
kerjasama tim (KU.2, KU.3)
M2 Mahasiswa mampu menerapkan konsep pemrogaman web dalam membuat tampilan yang dinamis (P.1)
M3 Mahasiswa mampu membuat aplikasi web sederhana (P.2 , KK.2)
SUB-CPMK (Kode L)
L1 menjelaskan konsep dasar pemrograman web
L2 menjelaskan pengertian html, struktur html, bagian-bagian html, dan elemen html
L3 menjelaskan konsep css
L4 merancang aplikasi berbasis web menggunakan php
L5 merancang aplikasi berbasis web menggunakan javascript
L6 menjelaskan konsep html dom
L7 menjelaskan konsep jquery dalam merancang aplikasi berbasis web
L8 merancang form pada aplikasi berbasis web
L9 merancang aplikasi berbasis web yang menarik dan atraktif
L10 merancang website menggunakan desain template yang telah tersedia untuk digunakan
L11 merancang aplikasi berbasis web menggunakan cms
Deskripsi Singkat Mata Deskripsi
Kuliah Mata kuliah ini membahas teknologi web serta pemrograman web termasuk di dalamnya, yaitu HTML, CSS, PHP, JavaScript, JQuery dan Content Management System
Materi Pembelajaran/Pokok Bahan Kajian
Bahasan Pemrograman Web
Topik Bahasan
1. dasar pemrogaman web
1.1. pengertian web
1.2. jenis-jenis website
1.3. pengertian pemrograman web
1.4. bahasa pemrograman web dan istilah-istilah pemrograman web
1.5. aplikasi pengembang web
2. HTML
2.1. pengertian html
2.2. unsur html
2.3. struktur dasar html
2.4. pemformatan paragaraf dan teks
2.5. List
2.6. attachment
2.7. formulir
2.8. daftar tag html
2.9. atribut global
3. bootstrap
3.1. konsep dasar css
3.2. pengenalan bootstrap
4. PHP
4.1. dasar-dasar php
4.2. fungsi
4.3. variabel superglobal
4.4. session,cookie
4.5. form
4.6. database
5. Javascript
5.1. dasar-dasar javascript
5.2. function dan event
5.3. kotak dialog
5.4. objek string
5.5. objek window dan dokumen
5.6. method tanggal dan waktu
5.7. array
5.8. objek javascript
6. HTML DOM
6.1. dom tree
6.2. dom selection
6.3. dom manipulation
6.4. dom event
7. JQUERY
7.1. selector,effect, event
7.2. plugin jquery
8. CRUD
8.1. konsep CRUD
9. ERD, Use Case Diagram
9.1. Tugas merancang ERD dan Use Case Diagram
10. Frontend
 10.1. Tugas membangun frontend
11. BackEnd
11.1. Tugas membangun backend
Pustaka Utama
1. Abdullah, Rohi. 2018. 7 In 1 Pemrograman Web Untuk Pemula, PT Elex Media Komputindo
Pendukung
2. Thomas A. Powel. 2010. HTML & CSS: The Complete Reference, Fifth Edition. The McGraw-Hill: United States
3. ] Ducket, Jon. 2004. Beginning Web Programming with HTML, XHTML, and CSS. Wiley Publishing: Canada.
4. Wang, Paul. Katila, Sanda. 2003. An Introduction to Web Design+Programming. Brooks/Cole Book
5. Bulger, Brad., Greenspan, Jay., Wall David. 2004. MySQL/PHP Database Applications, Second Edition. Wiley Publishing: Indiana.
Media Pembelajaran Software Hardware
PowerPoint, XAMP, Web Browser, Notepad++ PC & LCD Projector
Teacher/Team Teaching/Tim -
LS
Assessment Pengetahuan: Tes tulis (UTS, UAS), Psikomotorik: Kinerja (Tugas). Sikap: Observasi harian
Mata Kuliah Syarat Algoritma dan Pemrograman

Perte Penilaian
Kemampuan Akhir yang Indikator Pencapaian Bentuk dan Metode Pengalaman Belajar Estimasi Referens
muan Materi Pokok Bentuk & Indikator Bobot
direncanakan Kompetensi Pembelajaran Mahasiswa Waktu i
Ke Kriteria Penilaian (%)
(1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (11)
1 menjelaskan konsep dasar 1.1. menjelaskan pengertian web 1. dasar pemrogaman web Bentuk: Kuliah Mendiskusikan konsep dasar TM: 1x(4x50”) Tes: Tulis Ketepatan 7 1,3,4
pemrograman web 1.2. menyebutkan jenis-jenis 1.1. pengertian web pemrograman web BT: 1x(4x60”) menjelaskan
website Metode: Ceramah, diskusi BM: 1x(4x60”) Pedoman konsep
kelompok/kelas, praktikum, Penskoran pemrograman
1.3. menjelaskan konsep 1.2. jenis-jenis website tanya jawab, presentasi web
pemrograman web
1.4. menjelaskan konsep 1.3. pengertian pemrograman
pemrograman web dan istilah- web
istilah dalam pemrograman web
1.5. menjelaskan aplikasi yang 1.4. bahasa pemrograman web
digunakan dalam pengembangan dan istilah-istilah pemrograman
web web
1.5. aplikasi pengembang web
2 menjelaskan pengertian 2.1. menjelaskan pengertian html 2. HTML Bentuk: Kuliah mendiskusikan dan TM: 2x(4x50”) Tes: Tulis ketepatan 10 1,2,3
html, struktur html, bagian- 2.2. menjelaskan unsur-unsur 2.1. pengertian html mengimplementasikan html BT: 2x(4x60”) Pedoman merancang
bagian html, dan elemen html Metode: Ceramah, diskusi BM: 2x(4x60”) Penskoran aplikasi
html kelompok/kelas, praktikum, berbasis web
2.3. menjelaskan struktur dasar 2.2. unsur html tanya jawab, presentasi Non Tes: Tugas menggunakan
html individu html
2.4. menjelaskan jenis 2.3. struktur dasar html Rubrik penilaian
pemformatan text dalam html
2.5. menyebutkan jenis list 2.4. pemformatan paragaraf dan
teks
2.6. menjelaskan pembuatan 2.5. List
tabel dan menampilkan gambar,
video, audio serta link pada
halaman html
2.7. merancang halaman html 2.6. attachment
agar dapat berfungsi dalam
menginputkan data
2.8. menyebutkan tag-tag html 2.7. formulir
2.9. menjelaskan atribut html 2.8. daftar tag html
2.9. atribut global
3 menjelaskan konsep 3.1. menjelaskan konsep-konsep 3. bootstrap Bentuk: Kuliah mendiskusikan dan TM: 1x(4x50”) Tes: Tulis ketepatan 5 1,2,3
bootstrap dasar css menerapkan css BT: 1x(4x60”) Pedoman menerapkan
3.2. menjelaskan penggunaan 3.1. konsep dasar css Metode: Ceramah, diskusi BM: 1x(4x60”) Penskoran konsep
bootstrap kelompok/kelas, praktikum, bootstrap
tanya jawab, presentasi
3.2. pengenalan bootstrap
4 merancang aplikasi 4.1. Menjelaskan konsep dasar 4. PHP Bentuk: Kuliah mendiskusikan dan TM: 2x(4x50”) Tes: Tulis ketepatan 10 1,5
berbasis web menggunakan php menerapkan php BT: 2x(4x60”) Pedoman merancang
php 4.2. menjelaskan fungsi pada 4.1. dasar-dasar php Metode: Ceramah, diskusi BM: 2x(4x60”) Penskoran aplikasi
php kelompok/kelas, praktikum, berbasis web
tanya jawab, presentasi menggunakan
4.3. menjelaskan variabel- 4.2. fungsi php
variabel superglobal pada php
4.4. menjelaskan konsep session 4.3. variabel superglobal
dan cookie
4.5. menjelaskan proses 4.4. session,cookie
pengiriman data oleh form
4.6. menjelaskan fungsi yang 4.5. form
digunakan dalam pemrosesan
database
4.6. database
5 merancang aplikasi 5.1. menjelaskan konsep dasar 5. Javascript Bentuk: Kuliah mendiskusikan dan TM: 1x(4x50”) Tes: Tulis ketepatan 10 1
berbasis web menggunakan javascript menerapkan javascript BT: 1x(4x60”) Pedoman merancang
javascript 5.2. menjelaskan konsep function 5.1. dasar-dasar javascript Metode: Ceramah, diskusi BM: 1x(4x60”) Penskoran aplikasi
dan event kelompok/kelas, praktikum, berbasis web
tanya jawab, presentasi menggunakan
5.3. menjelaskan jenis-jenis 5.2. function dan event javascript
kotak dialog
5.4. menjelaskan variabel 5.3. kotak dialog
dengan tipe data string
5.5. menjelaskan method yang 5.4. objek string
digunakan untuk memanipulasi
window atau dokumen
5.6. menjelaskan method yang 5.5. objek window dan dokumen
digunakan untuk memanipulasi
tanggal dan waktu
5.7. menjelaskan cara 5.6. method tanggal dan waktu
mendeklarasikan array
5.8. menjelaskan konsep objek di 5.7. array
dalam javascript
5.8. objek javascript
6 menjelaskan konsep html 6.1. menjelaskan konsep dom 6. HTML DOM Bentuk: Kuliah mendiskusikan dan TM: 3x(4x50”) Non Tes: Tugas Ketepatan 7 1,2,3,4
dom tree menerapkan konsep html dom BT: 3x(4x60”) Rubrik merancang
6.2. menjelaskan method untuk 6.1. dom tree Metode: Ceramah, diskusi BM: 3x(4x60”) penilaian aplikasi
seleksi pada dom kelompok/kelas, praktikum, berbasis web
tanya jawab, presentasi dengan
6.3. menjelaskan cara 6.2. dom selection menerapkan
memanipulasi DOM konsep dom
menggunakan method-method
pada javascript
6.4. merancang event pada 6.3. dom manipulation
javascript
6.4. dom event
7 menjelaskan konsep jquery 7.1. menjelaskan konsep 7. JQUERY Bentuk: Kuliah mendiskusikan dan TM: 1x(4x50”) Tes: Tulis ketepatan 7 1
dalam merancang aplikasi selector, effect, dan event pada menerapkan jquery dalam BT: 1x(4x60”) Pedoman merancang
berbasis web jquery Metode: Ceramah, diskusi merancang aplikasi berbasis BM: 1x(4x60”) Penskoran aplikasi
7.2. merancang aplikasi berbasis 7.1. selector,effect, event kelompok/kelas, praktikum, web berbasis web
website menggunakan plugin tanya jawab, presentasi menggunakan
jquery jquery
7.2. plugin jquery
8 UTS
9 menjelaskan cara CRUD 8.1. menjeslakan cara membuat, 8. CRUD Bentuk: Kuliah Mendiskusikan dan TM: 1x(4x50”) Tes: Tulis ketepatan 8 1,3,4
pada aplikasi berbasis web membaca, mengubah, dan menerapkan CRUD pada BT: 1x(4x60”) Pedoman menerapkan
menghapus pada aplikasi Metode: Ceramah, diskusi aplikasi berbasis web BM: 1x(4x60”) Penskoran CRUD
berbasis web kelompok/kelas, praktikum,
8.1. konsep CRUD tanya jawab, presentasi

10 merancang erd dan use 9.1. Merancang ERD dan use 9. ERD, Use Case Diagram Bentuk: Kuliah Mendiskusikan dan TM: 1x(4x50”) Tes: Tulis Ketepatan 10 1,2,3,4,5
case diagram case diagram aplikasi yang mengimplementasikan BT: 1x(4x60”) Pedoman merancang
dibangun Metode: Ceramah, diskusi pemrograman web untuk BM: 1x(4x60”) Penskoran ERD dan
9.1. Tugas merancang ERD dan kelompok/kelas, praktikum, membuat aplikasi berbasis web usecase
Use Case Diagram tanya jawab, presentasi diagram
11,12 Mengimplementasikan 10.1. Mengimplementasikan 10. Frontend Bentuk: Kuliah, Responsi Mendiskusikan dan TM: 1x(4x50”) Tes: Tulis Ketepatan 11 1,2,3,4,5
pemrograman web untuk pemrograman web untuk mengimplementasikan BT: 1x(4x60”) Pedoman membuat
membuat frontend aplikasi membuat frontend aplikasi Metode: Responsi, diskusi pemrograman web untuk BM: 1x(4x60”) Penskoran frontend
berbasis web berbasis web yang menarik kelompok/kelas, praktikum, membuat aplikasi berbasis web aplikasi
10.1. Tugas membangun tanya jawab, presentasi berbasis web
frontend yang menarik
13,14,1 Mengimplementasikan 11.1. merancang dan 11. BackEnd Bentuk: Kuliah, Responsi Mendiskusikan dan TM: 1x(4x50”) Tes: Tulis Ketepatan 15 1,2,3,4,5
5 pemrograman web untuk mengimplementasikan mengimplementasikan BT: 1x(4x60”) Pedoman membuat
membuat backend aplikasi pemrograman web untuk Metode: Responsi, diskusi pemrograman web untuk BM: 1x(4x60”) Penskoran backend
berbasis web membuat web yang atraktif kelompok/kelas, praktikum, membuat aplikasi berbasis web aplikasi
11.1. Tugas membangun tanya jawab, presentasi berbasis web
backend yang menarik
dan atraktif
16 UAS

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. Kreteria Penilaian adalah patokan yang digunakan sebagai ukuran atau tolok ukur ketercapaian pembelajaran dalam penilaian berdasarkan indikator-indikator yang telah ditetapkan. Kreteria penilaian merupakan pedoman
bagi penilai agar penilaian konsisten dan tidak bias. Kreteria 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.

Catatan tambahan:
(1). Bobot SKS (P = Praktek; T= Teori).
(2). TM: Tatap Muka; BT: Beban Tugas; BM: Belajar Mandiri.
(3). 1 sks = (50’ TM + 50’ PT + 60’ BM)/Minggu
(4). Simbol-simbol elemen KKNI pada CPL-Prodi: S = Sikap; KU = Ketrampilan Umum; KK = Ketrampilan Khusus; P = Pengetahuan