UNIVERSITAS AMIKOM YOGYAKARTA
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI MANAJEMEN INFORMATIKA

RPS-D3MI-DM184
RENCANA PEMBELAJARAN SEMESTER
MATA KULIAH (MK) KODE Rumpun MK BOBOT (sks) SEMESTER Tanggal Penyusunan
PEMROGRAMAN APLIKASI WEB DASAR DM184 Web Development T= 2 P= 2 2 11 Mar 2026
Pengesahan Dosen Pengembang RPS Koordinator RMK Ka PRODI

M. Nuraminudin, M. Kom
M. Nuraminudin, S.Kom., M.Kom.
Ir. AKHMAD DAHLAN, S.KOM., M.KOM.
Capaian Pembelajaran CPL-PRODI yang dibebankan pada MK
CPL04 Mampu menguasai dan menerapkan konsep dasar serta perkembangan sistem informasi untuk merancang dan mengimplementasikan solusi teknologi informasi secara inovatif, kolaboratif, dan bertanggung jawab sesuai kebutuhan organisasi.
CPL08 Mampu merancang dan mengembangkan aplikasi berbasis web, mobile, dan multimedia interaktif dengan menerapkan tools, teknik, serta prinsip UI/UX yang sesuai dengan karakteristik kebutuhan organisasi.
Capaian Pembelajaran Mata Kuliah (CPMK)
CPMK.04.1 Mampu menerapkan konsep dasar sistem informasi untuk merancang solusi teknologi informasi yang sesuai dengan kebutuhan organisasi secara kolaboratif dan bertanggung jawab.
CPMK.08.3 Mampu menerapkan teknik UI/UX dalam membangun sistem aplikasi sesuai dengan karakteristik kebutuhan organisasi
Kemampuan akhir tiap tahapan belajar (Sub-CPMK)
sub.cpmk.DM184.CPMK.04.1.1 Mahasiswa mampu menjelaskan dan mengimplementasikan dasar-dasar pemrograman web.
sub.cpmk.DM184.CPMK.08.3.1 Mahasiswa mampu mengimplementasikan desain website yang responsive dalam project website.
Korelasi CPMK terhadap Sub-CPMK
CPMK.04.1 sub.cpmk.DM184.CPMK.04.1.1
CPMK.08.3 sub.cpmk.DM184.CPMK.08.3.1
Deskripsi Singkat MK Mahasiswa mampu menjelaskan konsep sebuah web statis dibuat, struktur HTML, rancangan layout dengan menggunakan CSS, penggunaan javascript dan implementasinya, serta pengenalan bootstrap sebagai sebuah framework.
Bahan Kajian : Materi Pembelajaran 1. Dasar Pemrograman Web 2. HTML Dasar dan Lanjut 3. CSS Dasar 4. Responsive Design 5. Framework Bootstrap 6. Javascript 7. Library Javascript
Pustaka Utama
  • 1. Dean, John. 2018. Web Programming with HTML5, CSS, and JavaScript. Burlington : Jones & Bartlett Learning1.
Pendukung
  • 2. W3School HTML Tutorial (https://www.w3schools.com/html/)
  • 3. W3School CSS Tutorial (https://www.w3schools.com/css/default.asp)
  • 4. W3School Javascript Tutorial (https://www.w3schools.com/js/default.asp)
  • 5. Bootstrap Documentation (https://getbootstrap.com/docs/5.0/)
Dosen Pengampu M. Nuraminudin, S.Kom., M.Kom.
Mata Kuliah Syarat Algoritma Struktur Data
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.DM184.CPMK.04.1.1-Mahasiswa mampu menjelaskan dan mengimplementasikan dasar-dasar pemrograman web. Kriteria

Teknik
 Kuliah,Ceramah Langsung,[C=100 Menit]
Praktikum,Praktikum,[P=100 Menit]
 Topik
Perkenalan Pemrograman Web
Sub Topik
Kontrak Belajar, Konsep Pemrograman Web
 0
2
3 sub.cpmk.DM184.CPMK.04.1.1-Mahasiswa mampu menjelaskan dan mengimplementasikan dasar-dasar pemrograman web. Ketepatan mahasiswa dalam implementasi kode HTML Kriteria
Ketepatan mengikuti Praktikum
Teknik
Laporan praktikum 		Kuliah,Ceramah Langsung,[C=100 Menit]
Praktikum,Praktikum,[P=100 Menit]
 Kuliah,Video Pembelajaran,[VA=200 Menit]
 Topik
Dasar Pemrograman Web
Sub Topik
Pengenalan Komponen Pemrograman Web, Sintax -Sintax & atribut HTML
 5
4
5 sub.cpmk.DM184.CPMK.04.1.1-Mahasiswa mampu menjelaskan dan mengimplementasikan dasar-dasar pemrograman web. Ketepatan mahasiswa dalam implementasi kode css Kriteria
Ketepatan mengikuti Praktikum
Teknik
Laporan praktikum 		Kuliah,Ceramah Langsung,[C=300 Menit]
Praktikum,Praktikum,[P=300 Menit]
 Topik
CSS Sintax dan Layouting Website
Sub Topik
1. Pengertian, kegunaan dan komponen CSS, Contoh implementasi CSS; 2. HTML Sematics, Konsep layouting website menggunakan HTML dan CSS; 3. CSS Flexbox, CSS Grid
 15
6
7
8
9
10
11 sub.cpmk.DM184.CPMK.08.3.1-Mahasiswa mampu mengimplementasikan desain website yang responsive dalam project website. Ketepatan mahasiswa dalam implementasi kode CSS untuk responsive design Kriteria
Ketepatan mengikuti Praktikum
Teknik
Laporan praktikum 		Kuliah,Ceramah Langsung,[C=100 Menit]
Praktikum,Praktikum,[P=100 Menit]
 Topik
Responsive Design
Sub Topik
Pengertian responsive design, Pengaturan CSS untuk berbagai resolusi layar, Sintax CSS Media
 5
12
13 sub.cpmk.DM184.CPMK.04.1.1-Mahasiswa mampu menjelaskan dan mengimplementasikan dasar-dasar pemrograman web. Kriteria

Teknik
 Topik
HTML Form
Sub Topik
Kegunaan form, Macam-macam form, Sintax pembuatan form HTML
 0
14 sub.cpmk.DM184.CPMK.08.3.1-Mahasiswa mampu mengimplementasikan desain website yang responsive dalam project website. Ketepatan implementasi kode HTML dan CSS sesuai perintah Kriteria
Ketepatan mengikuti perintah
Teknik
Responsi 		Responsi,Tugas Responsi,[TR=100 Menit]
 Topik
Responsi
Sub Topik
Responsi membuat website responsif dengan HTML dan CSS
 10
15 sub.cpmk.DM184.CPMK.04.1.1-Mahasiswa mampu menjelaskan dan mengimplementasikan dasar-dasar pemrograman web. UTS Kriteria
Ketepatan Menjawab Kuis
Teknik
UTS 		Ujian terjadwal,Tugas Take Home,[TH=100 Menit]
 Topik
Materi Minggu 1 - 7
Sub Topik
Tugas mengenai implementasi HTML, CSS, dan Layouting Responsif
 5
16 sub.cpmk.DM184.CPMK.04.1.1-Mahasiswa mampu menjelaskan dan mengimplementasikan dasar-dasar pemrograman web. Ketepatan mahasiswa dalam implementasi kode pembuatan website dengan framework Bootstrap Kriteria
Ketepatan mengikuti Praktikum
Teknik
Laporan Praktikum 		Kuliah,Ceramah Langsung,[C=400 Menit]
Praktikum,Praktikum,[P=400 Menit]
 Topik
Impelementasi Framewwork Bootstrap dalam pembuatan Website
Sub Topik
1. Pengenalan Dasar CSS Framework, Macam-macam CSS Framework, Pengenalan Bootstrap; 2. Komponen Bootstrap; 3. Pengertian dan Kegunaan Javascript , Contoh implementasi javascript, Komponen javascript pada Bootstrap;
15
17
18
19
20
21
22
23
24 sub.cpmk.DM184.CPMK.04.1.1-Mahasiswa mampu menjelaskan dan mengimplementasikan dasar-dasar pemrograman web. Ketepatan mahasiswa dalam implementasi kode form validation dengan html, css, dan javascript Kriteria
Ketepatan mengikuti Praktikum
Teknik
Laporan praktikum 		Kuliah,Ceramah Langsung,[C=100 Menit]
Praktikum,Praktikum,[P=100 Menit]
 Topik
Form Validation
Sub Topik
Pengertian & Kegunaan form validation, Teknik implementasi Form Validation dengan HTML5, Teknik implementasi Form Validation dengan Javascript
 5
25
26 sub.cpmk.DM184.CPMK.04.1.1-Mahasiswa mampu menjelaskan dan mengimplementasikan dasar-dasar pemrograman web. Ketepatan mahasiswa dalam implementasi kode library pihak ketiga yang mendukung UI/UX pada frontend Kriteria
Ketepatan mengikuti Praktikum
Teknik
Laporan praktikum 		Kuliah,Ceramah Langsung,[C=100 Menit]
Praktikum,Praktikum,[P=100 Menit]
 Topik
Library Pendukung Frontend
Sub Topik
Pengertian library, Macam-macam library dan contoh implementasinya
 5
27
28 sub.cpmk.DM184.CPMK.08.3.1-Mahasiswa mampu mengimplementasikan desain website yang responsive dalam project website. Ketepatan mahasiswa dalam menjelaskan final project yang dibuat dan menjawab pertanyaan teknis mengenai pembuatan final project Kriteria
Penguasaan materi, komunikasi, kerjasama, dan inovasi
Teknik
Presentasi dan Tanya Jawab 		Presentasi,Presentasi,[PS=200 Menit]
 Topik
Final Project Feedback
Sub Topik
Presentasi Final Project, Penilaian dan feedback terhadap final project mahasiswa
 30
29
30 sub.cpmk.DM184.CPMK.08.3.1-Mahasiswa mampu mengimplementasikan desain website yang responsive dalam project website. Ketepatan menngikuti perintah UAS Kriteria
Ketepatan mengikuti perintah
Teknik
UAS 		Ujian terjadwal,Tugas Take Home,[TH=100 Menit]
 Topik
Materi Minggu 8 - 14
Sub Topik
Tugas implementasi website dengan bootstrap
 5

Teknik Penilaian CPMK

CPL MK CPMK Tugas Praktikum Responsi Tes Tulis (UTS) Unjuk Kerja (Presentasi) Tes Tulis (UAS)
CPL04 PEMROGRAMAN APLIKASI WEB DASAR CPMK.04.1 Y Y
CPL08 PEMROGRAMAN APLIKASI WEB DASAR CPMK.08.3 Y Y Y Y

Prosedur Penilaian CPMK

1. Komponen Penilaian CPMK
CPL CPMK Sub-CPMK Detail Penugasan (Teknik Penilaian) Bobot % Kriteria Penilaian
CPL04 CPMK.04.1 sub.cpmk.DM184.CPMK.04.1.1 0
CPL04 CPMK.04.1 sub.cpmk.DM184.CPMK.04.1.1 Laporan praktikum 5 Ketepatan mengikuti Praktikum
CPL04 CPMK.04.1 sub.cpmk.DM184.CPMK.04.1.1 Laporan praktikum 15 Ketepatan mengikuti Praktikum
CPL08 CPMK.08.3 sub.cpmk.DM184.CPMK.08.3.1 Laporan praktikum 5 Ketepatan mengikuti Praktikum
CPL04 CPMK.04.1 sub.cpmk.DM184.CPMK.04.1.1 0
CPL08 CPMK.08.3 sub.cpmk.DM184.CPMK.08.3.1 Responsi 10 Ketepatan mengikuti perintah
CPL04 CPMK.04.1 sub.cpmk.DM184.CPMK.04.1.1 UTS 5 Ketepatan Menjawab Kuis
CPL04 CPMK.04.1 sub.cpmk.DM184.CPMK.04.1.1 Laporan Praktikum 15 Ketepatan mengikuti Praktikum
CPL04 CPMK.04.1 sub.cpmk.DM184.CPMK.04.1.1 Laporan praktikum 5 Ketepatan mengikuti Praktikum
CPL04 CPMK.04.1 sub.cpmk.DM184.CPMK.04.1.1 Laporan praktikum 5 Ketepatan mengikuti Praktikum
CPL08 CPMK.08.3 sub.cpmk.DM184.CPMK.08.3.1 Presentasi dan Tanya Jawab 30 Penguasaan materi, komunikasi, kerjasama, dan inovasi
CPL08 CPMK.08.3 sub.cpmk.DM184.CPMK.08.3.1 UAS 5 Ketepatan mengikuti perintah
Total 100
2. Penilaian CPMK
CPL MK CPMK Tugas Praktikum Responsi Tes Tulis (UTS) Unjuk Kerja (Presentasi) Tes Tulis (UAS) Total
CPL04 PEMROGRAMAN APLIKASI WEB DASAR CPMK.04.1 0% 45% 0% 5% 0% 0% 50%
CPL08 PEMROGRAMAN APLIKASI WEB DASAR CPMK.08.3 0% 5% 10% 0% 30% 5% 50%
100%