UNIVERSITAS AMIKOM YOGYAKARTA
FAKULTAS EKONOMI DAN SOSIAL
PROGRAM STUDI ILMU PEMERINTAHAN

RPS--IP113
RENCANA PEMBELAJARAN SEMESTER
MATA KULIAH (MK) KODE Rumpun MK BOBOT (sks) SEMESTER Tanggal Penyusunan
DESAIN WEB IP113 Tata Kelola Digital dan Komputerisasi Pemerintahan; Teknologi Informasi dan Media Komunikasi Pemerintahan P= 2 4 16 Sep 2026
Pengesahan Dosen Pengembang RPS Koordinator RMK Ka PRODI

Firman Asharudin, S.Kom., M.Kom

Ferri Wicaksono, S.IP., M.A., Muhammad Zuhdan, S.IP., M.A.

Hanantyo Sri Nugroho, S.I.P., M.A.
Capaian Pembelajaran CPL-PRODI yang dibebankan pada MK
CPL09 Lulusan mampu menuangkan gagasan/ide bagi penyelanggaraan pemerintahan di berbagai media yang sesuai
CPL10 Lulusan terampil menggunakan teknologi informasi untuk penyelanggaran bidang pekerjaa sektor
Capaian Pembelajaran Mata Kuliah (CPMK)
CPMK113 Mahasiswa mampu menggunakan teknologi informasi dalam membuat desain web untuk pengguna
Kemampuan akhir tiap tahapan belajar (Sub-CPMK)
sub.cpmk.IP113.CPMK113.1 Mengimplementasikan elemen-elemen dasar Html
sub.cpmk.IP113.CPMK113.2 Memahami dan menggunakan teks editor
sub.cpmk.IP113.CPMK113.3 Merancang web menggunakan framework css.
sub.cpmk.IP113.CPMK113.4 Membuat dan menyusun form input
Korelasi CPMK terhadap Sub-CPMK
CPMK113 sub.cpmk.IP113.CPMK113.1
sub.cpmk.IP113.CPMK113.2
sub.cpmk.IP113.CPMK113.3
sub.cpmk.IP113.CPMK113.4
Deskripsi Singkat MK Mata kuliah ini membahas teknologi web serta pemrograman web termasuk di dalamnya, yaitu HTML , CSS, Web Layout, JQuerydan Front-endframework.
Bahan Kajian : Materi Pembelajaran Dasar-dasar Web, Layout design, dan Web Framework framework development
Pustaka Utama
Pendukung
Dosen Pengampu Firman Asharudin, S.Kom., M.Kom.
Mata Kuliah Syarat -
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.IP113.CPMK113.2-Memahami dan menggunakan teks editor
Dapat menjelaskan dan menunjukan fungsi-fungsi pada teks editor Kriteria
Ketepatan dalam menyelesaikan studi kasus pada praktikum
Teknik
Topik
Pengenalan Teks Editor
Sub Topik
1. Jenis-jenis teks editor
2. Cara kerja teks editor
4.28
2 sub.cpmk.IP113.CPMK113.1-Mengimplementasikan elemen-elemen dasar Html
Mahasiswa dapat membuat contoh sederhana menggunakan format teks dasar, URL, link, image. Kriteria
Ketepatan dalam menyelesaikan studi kasus pada praktikum
Teknik
Topik
Komponen konten pada web
Sub Topik
1. Teks
2. Image
3. Link
4.28
3 sub.cpmk.IP113.CPMK113.1-Mengimplementasikan elemen-elemen dasar Html
sub.cpmk.IP113.CPMK113.4-Membuat dan menyusun form input
Mahasiswa mampu memahami dan membuat Link & Navigasi. Kriteria
Ketepatan dalam menyelesaikan studi kasus pada praktikum
Teknik
Topik
Elemen HTML
Sub Topik
1. Link / anchor
2. Navigasi
4.28
4 sub.cpmk.IP113.CPMK113.1-Mengimplementasikan elemen-elemen dasar Html
sub.cpmk.IP113.CPMK113.2-Memahami dan menggunakan teks editor
Mahasiswa mampu memahami dan mengimplementasikan elemen Image, dan Colors Kriteria
Ketepatan dalam menyelesaikan studi kasus pada praktikum
Teknik
Topik
Color, Image, dan CSS
Sub Topik
1. Menentukan palete color menggunakan tools
2. Menampilkan dan menyusun gambar menggunakan table
3. Manipulasi gambar menggunakan css
8.57
5
6 sub.cpmk.IP113.CPMK113.1-Mengimplementasikan elemen-elemen dasar Html
sub.cpmk.IP113.CPMK113.2-Memahami dan menggunakan teks editor
sub.cpmk.IP113.CPMK113.3-Merancang web menggunakan framework css.
sub.cpmk.IP113.CPMK113.4-Membuat dan menyusun form input
Mahasiswa dapat membuat contoh form sederhana dan form menggunakan Tabel. Kriteria
Ketepatan dalam menyelesaikan studi kasus pada praktikum
Teknik
Topik
Jenis-jenis form dan membuat form pendataan sederhana
Sub Topik
1. Kriteria Data
2. Jenis-jenis form
3. Menentukan form yang tepat
8.57
7
8 sub.cpmk.IP113.CPMK113.1-Mengimplementasikan elemen-elemen dasar Html
sub.cpmk.IP113.CPMK113.2-Memahami dan menggunakan teks editor
sub.cpmk.IP113.CPMK113.3-Merancang web menggunakan framework css.
Mahasiswa dapat mengetahui dan memahami fungsi dan pengimplementasian CSS Kriteria
Ketepatan dalam menyelesaikan studi kasus pada praktikum
Teknik
Topik
CSS (Manipulasi interface)
Sub Topik
1. Pengenalan css
2. Cara implementasi
3. Fungsi CSS
4.28
9 sub.cpmk.IP113.CPMK113.3-Merancang web menggunakan framework css.
Mahasiswa dapat membuat class dan ID pada halaman Html dan CSS Kriteria
Ketepatan dalam menyelesaikan studi kasus pada praktikum
Teknik
Topik
Selektor CSS
Sub Topik
Class & ID
4.28
10 sub.cpmk.IP113.CPMK113.3-Merancang web menggunakan framework css.
Mahasiswa mam[u membuat beberapa layout homepage web Kriteria
Ketepatan dalam menyelesaikan studi kasus pada praktikum
Teknik
Topik
Layouting
Sub Topik
1. Jenis-jenis layout
2. Karakteristik layout
4.28
11 sub.cpmk.IP113.CPMK113.3-Merancang web menggunakan framework css.
sub.cpmk.IP113.CPMK113.4-Membuat dan menyusun form input
Mahasiswa mampu merancang dashboard Kriteria
Ketepatan dalam menyelesaikan studi kasus pada praktikum
Teknik
Topik
Layout
Sub Topik
Merancang dashboard sesuai kebutuhan informasi & data
8.57
12
13 sub.cpmk.IP113.CPMK113.1-Mengimplementasikan elemen-elemen dasar Html
sub.cpmk.IP113.CPMK113.2-Memahami dan menggunakan teks editor
sub.cpmk.IP113.CPMK113.3-Merancang web menggunakan framework css.
sub.cpmk.IP113.CPMK113.4-Membuat dan menyusun form input
Mahasiswa dapat membuat web statis menggunakan framework. Kriteria
Ketepatan dalam menyelesaikan studi kasus pada praktikum
Teknik
Topik
Web statis & Web dinamis
Sub Topik
1. Web Statis
2. Web Dinamis
4.28
14 sub.cpmk.IP113.CPMK113.3-Merancang web menggunakan framework css.
sub.cpmk.IP113.CPMK113.4-Membuat dan menyusun form input
Mahasiswa mampu membuat prototype company profile Kriteria
Ketepatan dalam menyelesaikan studi kasus pada praktikum
Teknik
Duplikasi & Customisasi
Topik
Company Profile
Sub Topik
1. Wireframe
2. Prototype
15
15 sub.cpmk.IP113.CPMK113.3-Merancang web menggunakan framework css.
sub.cpmk.IP113.CPMK113.4-Membuat dan menyusun form input
Mahasiswa mampu membuat kerangka web berupa wireframe Kriteria
Kreativitas dan Kelengkapan
Teknik
Topik
UTS
Sub Topik
Evaluasi tengah semester
14.33
16 sub.cpmk.IP113.CPMK113.3-Merancang web menggunakan framework css.
sub.cpmk.IP113.CPMK113.4-Membuat dan menyusun form input
Mahasiswa dapat membuat web statis : company profile / personal web Kriteria
Kreativitas dan Kelengkapan
Teknik
Topik
UAS
Sub Topik
Evaluasi akhir semester
15

Teknik Penilaian CPMK

CPL MK CPMK Keaktifan Tugas Praktikum Ujian Tengah Semester (UTS) Ujian Akhir Semester (UAS)
CPL09 DESAIN WEB CPMK113 Y Y Y Y

Prosedur Penilaian CPMK

1. Komponen Penilaian CPMK
CPL CPMK Sub-CPMK Detail Penugasan (Teknik Penilaian) Bobot % Kriteria Penilaian
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.2 4.28 Ketepatan dalam menyelesaikan studi kasus pada praktikum
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.1 4.28 Ketepatan dalam menyelesaikan studi kasus pada praktikum
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.1, sub.cpmk.IP113.CPMK113.4 4.28 Ketepatan dalam menyelesaikan studi kasus pada praktikum
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.1, sub.cpmk.IP113.CPMK113.2 8.57 Ketepatan dalam menyelesaikan studi kasus pada praktikum
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.1, sub.cpmk.IP113.CPMK113.2, sub.cpmk.IP113.CPMK113.3, sub.cpmk.IP113.CPMK113.4 8.57 Ketepatan dalam menyelesaikan studi kasus pada praktikum
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.1, sub.cpmk.IP113.CPMK113.2, sub.cpmk.IP113.CPMK113.3 4.28 Ketepatan dalam menyelesaikan studi kasus pada praktikum
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.3 4.28 Ketepatan dalam menyelesaikan studi kasus pada praktikum
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.3 4.28 Ketepatan dalam menyelesaikan studi kasus pada praktikum
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.3, sub.cpmk.IP113.CPMK113.4 8.57 Ketepatan dalam menyelesaikan studi kasus pada praktikum
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.1, sub.cpmk.IP113.CPMK113.2, sub.cpmk.IP113.CPMK113.3, sub.cpmk.IP113.CPMK113.4 4.28 Ketepatan dalam menyelesaikan studi kasus pada praktikum
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.3, sub.cpmk.IP113.CPMK113.4 Duplikasi & Customisasi 15 Ketepatan dalam menyelesaikan studi kasus pada praktikum
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.3, sub.cpmk.IP113.CPMK113.4 14.33 Kreativitas dan Kelengkapan
CPL09 CPMK113 sub.cpmk.IP113.CPMK113.3, sub.cpmk.IP113.CPMK113.4 15 Kreativitas dan Kelengkapan
Total 100
2. Penilaian CPMK
CPL MK CPMK Keaktifan Tugas Praktikum Ujian Tengah Semester (UTS) Ujian Akhir Semester (UAS) Total
CPL09 DESAIN WEB CPMK113 4.28% 66.39% 14.33% 15% 100%
100%