UNIVERSITAS KLABAT
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI SISTEM INFORMASI

RPS-57201-SISW214
RENCANA PEMBELAJARAN SEMESTER
MATA KULIAH (MK) KODE Rumpun MK BOBOT (sks) SEMESTER Tanggal Penyusunan
Perancangan Web/ Web Design SISW214 Application Development / Programming 3 0 3 06 Mar 2026
Pengesahan Dosen Pengembang RPS Koordinator RMK Ka PRODI

Rolly Junius Lontaan, S.SI., M.Kom
Rolly Junius Lontaan, S.SI., M.Kom
Jimmy Herawan Moedjahedy
Capaian Pembelajaran CPL-PRODI yang dibebankan pada MK
CPL08 Lulusan memiliki kemampuan untuk merancang aplikasi interaktif dan sistem informasi yang efisien, mempertimbangkan aspek fungsionalitas, keamanan, dan user experience.
CPL09 Lulusan mampu mengembangkan dan mengimplementasikan aplikasi atau sistem informasi yang telah dirancang dengan memanfaatkan teknologi dan metodologi terkini, memastikan kesesuaian dengan kebutuhan organisasi.
Capaian Pembelajaran Mata Kuliah (CPMK)
CPMK04 Mampu merancang dan mengembangkan sistem dan aplikasi inovatif
CPMK09 Mampu merancang aplikasi sistem informasi dengan user experience dan keamanan
CPMK23 Mampu merancang aplikasi interaktif dan sistem informasi
Kemampuan akhir tiap tahapan belajar (Sub-CPMK)
sub.cpmk.SISW214.CPMK04.1 Mampu menjelaskan cara kerja Internet dan Web
sub.cpmk.SISW214.CPMK09.1 Mampu mengimplementasikan bahasa HTML untuk membuat halaman web
sub.cpmk.SISW214.CPMK09.2 Mampu mengimplementasikan bahasa CSS untuk mempercantik halaman web
sub.cpmk.SISW214.CPMK09.3 Mampu menggunakan library Bootstrap CSS
sub.cpmk.SISW214.CPMK23.1 Mampu mengimplementasikan library Bootstrap CSS untuk membuat website
Korelasi CPMK terhadap Sub-CPMK
CPMK04 sub.cpmk.SISW214.CPMK04.1
CPMK09 sub.cpmk.SISW214.CPMK09.1
sub.cpmk.SISW214.CPMK09.2
sub.cpmk.SISW214.CPMK09.3
CPMK23 sub.cpmk.SISW214.CPMK23.1
Deskripsi Singkat MK Pada mata kuliah ini mahasiswa mempelajari tentang: (1) cara kerja jaringan Internet dan teknologi Web; (2) merancang halaman Web di sisi client menggunakan HTML; (3) mengatur tampilan halaman Web agar menjadi menarik dengan CSS; (4) menambah interaksi dengan pengguna Web menggunakan JavaScript; (5); menggunakan library/framework CSS Bootstrap untuk mengembangkan halaman Web. Mahasiswa secara langsung mempraktekan materi yang ada melalui pengembangan halaman Web untuk pendaftaran, berita, halaman login, dan halaman dashboard.
Bahan Kajian : Materi Pembelajaran 1. Fondasi Internet & HTML 2. Styling dengan CSS 3. Framework Modern & Project
Pustaka Utama
  • 1. MDN Web Docs, HTML: Hypertext Markup Language, https://developer.mozilla.org/en-US/docs/Web/HTML
  • 2. MDN Web Docs, CSS: Cascading Style Sheets, https://developer.mozilla.org/en-US/docs/Web/CSS.
  • 3. https://getbootstrap.com/docs/5.3/getting-started/introduction/
Pendukung
Dosen Pengampu Tombeng, Marchel, Lontaan, Rolly Junius, Najoan, Regi, Mokodaser, Wilsen
Mata Kuliah Syarat Pemrograman Komputer / Computer Programming
Pertemuan Ke Kemampuan akhir tiap tahapan belajar (Sub-CPMK) Penilaian Bentuk Pembelajaran; Metode Pembelajaran; Penugasan Mahasiswa; Materi Pembelajaran Bobot Penilaian
Indikator Kriteria & Teknik Luring Daring
1 sub.cpmk.SISW214.CPMK04.1-Mampu menjelaskan cara kerja Internet dan Web Mampu menjelaskan cara kerja Internet dan Web Kriteria
Kelengkapan jawaban
Teknik
 kehadiran,Ceramah,[CR=120 Menit]
 Topik
Pengenalan Internet & Web
Sub Topik
Definisi Internet & Web, Protokol HTTP, DNS, Web Browser, dan URL.
 10
2 sub.cpmk.SISW214.CPMK09.1-Mampu mengimplementasikan bahasa HTML untuk membuat halaman web Kriteria

Teknik
 kehadiran,Ceramah,[CR=120 Menit]
 Topik
Dasar-Dasar HTML & Teks
Sub Topik
Struktur dokumen HTML, memformat teks (heading, paragraf, list), dan elemen semantik (header, footer, nav)
 0
3 sub.cpmk.SISW214.CPMK09.1-Mampu mengimplementasikan bahasa HTML untuk membuat halaman web Ketepatan mahasiswa dalam membuat Web Kriteria
Ketepatan menjawab sesuai instruksi soal
Teknik
Quiz melalui classroom 		kehadiran,Ceramah,[CR=60 Menit]
Quiz,Ujian,[UJ=60 Menit]
 Topik
Multimedia & Link
Sub Topik
Implementasi gambar, video, audio, dan pembuatan hyperlink.
 10
4 sub.cpmk.SISW214.CPMK09.1-Mampu mengimplementasikan bahasa HTML untuk membuat halaman web Kriteria

Teknik
 Topik
Tabel & Formulir Dasar
Sub Topik
Membuat tabel untuk data dan pengenalan elemen form dasar
 0
5 sub.cpmk.SISW214.CPMK09.1-Mampu mengimplementasikan bahasa HTML untuk membuat halaman web Mahasiswa dapat memformat teks, membuat tabel, menambah gambar, video, dan audio, membuat hyperlink, dan formulir Kriteria
Kesesuaian output dengan spesifikasi yang diminta
Teknik
 kehadiran,Ceramah,[CR=60 Menit]
Tugas,Ujian,[UJ=60 Menit]
 Topik
Form Lanjut & Validasi
Sub Topik
Komponen input kompleks dan persiapan Tugas 1.
 10
6 sub.cpmk.SISW214.CPMK09.2-Mampu mengimplementasikan bahasa CSS untuk mempercantik halaman web Kriteria

Teknik
 Demonstrasi,Ceramah,[CR=120 Menit]
 Topik
Pengenalan & Aturan Dasar CSS
Sub Topik
Struktur CSS, Selectors, Inheritance, dan Cascade
 0
7 sub.cpmk.SISW214.CPMK09.2-Mampu mengimplementasikan bahasa CSS untuk mempercantik halaman web Kriteria

Teknik
 Demonstrasi,Ceramah,[CR=120 Menit]
 Topik
The Box Model & Typography
Sub Topik
Box model (margin, border, padding), pengaturan font, teks, warna, dan background
 0
8 sub.cpmk.SISW214.CPMK09.2-Mampu mengimplementasikan bahasa CSS untuk mempercantik halaman web Mahasiswa mampu membuat style dan menerapkannya ke halaman web HTML Kriteria
Kesesuaian output dengan spesifikasi yang diminta
Teknik
 UTS,Ujian,[UJ=120 Menit]
 Topik
Fondasi Internet & HTML
Sub Topik

 25
9 sub.cpmk.SISW214.CPMK09.2-Mampu mengimplementasikan bahasa CSS untuk mempercantik halaman web Kriteria

Teknik
 Demonstrasi,Ceramah,[CR=120 Menit]
 Topik
Layout & Positioning
Sub Topik
Floating, positioning, serta pengenalan Flexbox dan Grid.
 0
10 sub.cpmk.SISW214.CPMK09.2-Mampu mengimplementasikan bahasa CSS untuk mempercantik halaman web Mahasiswa mampu membuat style dan menerapkannya ke halaman web HTML Kriteria
Kesesuaian output dengan spesifikasi yang diminta
Teknik
 Topik
Responsive Web Design
Sub Topik
Media queries dan pembuatan halaman yang mobile-ready.
 10
11 sub.cpmk.SISW214.CPMK09.3-Mampu menggunakan library Bootstrap CSS Kriteria

Teknik
 Demonstrasi,Ceramah,[CR=120 Menit]
 Topik
Dasar Bootstrap CSS
Sub Topik
Instalasi, sistem Grid/Layout, dan tipografi di Bootstrap.
 0
12 sub.cpmk.SISW214.CPMK09.3-Mampu menggunakan library Bootstrap CSS Kriteria

Teknik
 Demonstrasi,Ceramah,[CR=120 Menit]
 Topik
Komponen Bootstrap
Sub Topik
Penggunaan Buttons, Cards, Navbar, dan Alerts.
 0
13 sub.cpmk.SISW214.CPMK09.3-Mampu menggunakan library Bootstrap CSS Mahasiswa mampu mengimplementasikan penggunaan library Bootstrap CSS dalam membuat halaman login dan dashboard Kriteria
Kesesuaian output dengan spesifikasi yang diminta
Teknik
 Demonstrasi,Ceramah,[CR=60 Menit]
Tugas,Ujian,[UJ=60 Menit]
 Topik
Arsitektur Website Multipages
Sub Topik
Menyusun beberapa halaman (Home, About, Contact) menjadi satu website yang koheren.
 10
14 sub.cpmk.SISW214.CPMK23.1-Mampu mengimplementasikan library Bootstrap CSS untuk membuat website Mahasiswa mampu mengimplementasikan penggunaan library Bootstrap CSS dalam membuat membuat website Kriteria
Kesesuaian output dengan spesifikasi yang diminta
Teknik
 Topik

Sub Topik

 25

Teknik Penilaian CPMK

CPL MK CPMK Tugas Quiz Kehadiran Mid Test (UTS) Project
CPL03 Perancangan Web/ Web Design CPMK04 Y
CPL08 Perancangan Web/ Web Design CPMK09 Y Y Y
CPL08 Perancangan Web/ Web Design CPMK23 Y

Prosedur Penilaian CPMK

1. Komponen Penilaian CPMK
CPL CPMK Sub-CPMK Detail Penugasan (Teknik Penilaian) Bobot % Kriteria Penilaian
CPL03 CPMK04 sub.cpmk.SISW214.CPMK04.1 10 Kelengkapan jawaban
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.1 0
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.1 Quiz melalui classroom 10 Ketepatan menjawab sesuai instruksi soal
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.1 0
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.1 10 Kesesuaian output dengan spesifikasi yang diminta
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.2 0
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.2 0
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.2 25 Kesesuaian output dengan spesifikasi yang diminta
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.2 0
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.2 10 Kesesuaian output dengan spesifikasi yang diminta
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.3 0
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.3 0
CPL08 CPMK09 sub.cpmk.SISW214.CPMK09.3 10 Kesesuaian output dengan spesifikasi yang diminta
CPL08 CPMK23 sub.cpmk.SISW214.CPMK23.1 25 Kesesuaian output dengan spesifikasi yang diminta
Total 100
2. Penilaian CPMK
CPL MK CPMK Tugas Quiz Kehadiran Mid Test (UTS) Project Total
CPL03 Perancangan Web/ Web Design CPMK04 10% 0% 0% 0% 0% 0% 10%
CPL08 Perancangan Web/ Web Design CPMK09 30% 0% 10% 0% 25% 0% 65%
CPL08 Perancangan Web/ Web Design CPMK23 0% 0% 0% 0% 0% 25% 25%
100%