UNIVERSITAS AMIKOM YOGYAKARTA
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI SISTEM INFORMASI

RPS-S1SI-SI172
RENCANA PEMBELAJARAN SEMESTER
MATA KULIAH (MK) KODE Rumpun MK BOBOT (sks) SEMESTER Tanggal Penyusunan
PENGENALAN PERANCANGAN WEB SI172 Application Development/Programming P= 4 2 26 Apr 2026
Pengesahan Dosen Pengembang RPS Koordinator RMK Ka PRODI

Aditya Rizki Yudiantika, ST, M.Eng
Aditya Rizki Yudiantika, ST, M.Eng
Anggit Dwi Hartanto, M.Kom
Capaian Pembelajaran CPL-PRODI yang dibebankan pada MK
CPL06 Mampu menerapkan dasar-dasar sistem informasi atau aplikasi interaktif, pemrograman dasar, pemrograman lanjut, keamanan dasar serta infrastruktur teknologi sebagai dasar pengembangan sistem informasi
CPL07 Mampu menjelaskan pemahaman mengenai dasar-dasar sistem informasi atau aplikasi interaktif, pemrograman dasar, pemrograman lanjut, keamanan dasar serta infrastruktur teknologi sebagai dasar pengembangan sistem informasi
Capaian Pembelajaran Mata Kuliah (CPMK)
CPMK15 Mampu menerapkan pemrograman lanjut sebagai dasar pengembangan sistem informasi
CPMK18 Mampu menjelaskan pemahaman mengenai pemrograman lanjut sebagai dasar pengembangan sistem informasi
Kemampuan akhir tiap tahapan belajar (Sub-CPMK)
sub.cpmk.SI172.CPMK15.1 Mahasiswa mampu mengimplementasikan pembuatan layout dan pengaturan website menggunakan HTML5 dan CSS3
sub.cpmk.SI172.CPMK15.2 Mahasiswa mampu mengimplementasikan JavaScript dan framework Bootstrap.
sub.cpmk.SI172.CPMK18.1 Mahasiswa mampu mempresentasikan dan menyusun laporan project pengembangan website menggunakan client-side scripting dan framework
Korelasi CPMK terhadap Sub-CPMK
CPMK15 sub.cpmk.SI172.CPMK15.1
sub.cpmk.SI172.CPMK15.2
CPMK18 sub.cpmk.SI172.CPMK18.1
Deskripsi Singkat MK Matakuliah ini diselenggarakan dalam 14 (empat belas) kali pertemuan. Perkuliahan diawali dengan menjelaskan pentingnya mempelajari konsep perancangan web, termasuk silabus materi yang akan dipelajari, referensi, serta tata cara perkuliahan dan penugasan. Tugas perkuliahan diberikan secara individu atau kelompok untuk mengevaluasi tingkat pemahaman mahasiswa terhadap materi yang telah dibahas. Mata kuliah ini bertujuan untuk mengenalkan kepada mahasiswa bagaimana sebuah website statis dibangun melalui penjelasan konsep dan praktik secara langsung, kemudian diakhiri dengan penugasan proyek akhir pada akhir pertemuan. Tujuan akhir dari mata kuliah ini adalah agar mahasiswa mampu membuat sebuah website statis yang diharapkan dapat diimplementasikan dalam dunia kerja nyata. Mata kuliah ini menjadi prasyarat mata kuliah Pemrograman Web Lanjut.
Bahan Kajian : Materi Pembelajaran Materi yang dibahas meliputi konsep tampilan web statis, struktur dasar dan elemen-elemen HTML5, perancangan layout website dengan menggunakan CSS3, dasar dan pemanfaatan JavaScript sebagai client-side scripting, serta penggunaan framework Bootstrap untuk mengembangkan website responsif dan mobile-first.
Pustaka Utama
  • 1. Enterprise, Jubilee. (2014). HTML 5 Manual Book, Penerbit Elex Media Komputindo : Jakarta
Pendukung
  • 2. Khafidli, M. Firgiawan. (2011). Trik Menguasai HTML5, CSS3, PHP Aplikatif. Yogyakarta: Lokomedia.
  • 3. Kadir, Abdul. (2011). From Zero to a Pro CSS: Tip dan Trik untuk Menyertakan Cascading Style Sheet dalam Halaman Web, Penerbit Andi: Yogyakarta
  • 4. Rozi, Zaenal A. (2015). Bootstrap Design Framework.Elexmedia Komputindo: Jakarta Pusat
  • 5. Bootstrap. (No Year). Get started with Bootstrap diakses dari https://getbootstrap.com
  • 6. W3Schools. (2023). HTML 5, CSS3, JS Online Tutorial diakses dari https://www.w3schools.com/php
  • 7. Tim Dosen Pengenalan Perancangan Web (2022). Modul Praktikum PPW. Universitas AMIKOM Yogyakarta
  • 8. Enterprise, Jubilee. (2026). Pengantar Pemrograman Javascript. Elex Media Komputindo.
  • 9. Enterprise, Jubilee. (2019). HTML5 dan Javascript untuk Pemula. Elex Media Komputindo.
  • 10. Flanagan, D. (2020). JavaScript: The Definitive Guide: Master the World's Most Used Programming Language (7th ed.). O'Reilly Media.
  • 11. Frisbie, M. (2020). Professional JavaScript for Web Developers (4th ed.). Wrox.
Dosen Pengampu Aditya Rizki Yudiantika, S.T., M.Eng., Irma Rofni Wulandari, S.Pd., M.Eng., Moch Farid Fauzi, S.Kom., M.Kom., Deni Kurnianto Nugroho, M.Eng.
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.SI172.CPMK15.1-Mahasiswa mampu mengimplementasikan pembuatan layout dan pengaturan website menggunakan HTML5 dan CSS3
 1. Ketepatan menjelaskan konsep internet,web statis, web dinamis, client side scripting dan server side scripting 2. Ketepatan menjelaskan konsep HTML5 3. Mampu membuat output teks sederhana menggunakan struktur HTML5 4. Ketepatan menjelaskan konsep format teks pada HTML5, list item, link, image, video & audio, dan atribut style 5. Mampu mengimplementasikan konsep format teks pada HTML5, list item, link, image, video & audio, dan atribut style pada halaman web Kriteria
Kesesuaian sintaks dan output yang diharapkan
Teknik
Tugas Praktikum Pengenalan HTML5 dan Partisipasi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=60 Menit]
Penugasan,Laporan Praktikum,[LP=30 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=60 Menit]
Penugasan,Laporan Praktikum,[LP=30 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Topik
Pengantar Pemrograman Web dan Struktur Dasar HTML5
Sub Topik
1. Kontrak Perkuliahan PPW
2. Konsep Internet, Web, dan Cara Kerja Web (Client-Server)
3. Pengenalan Code Editor (VS Code) & Ekstensi
4. Struktur Dasar HTML5: Tag, Element, Attribute, Comments
5. Elemen Heading, Text, Paragraph, dan List
6. Navigasi Antarhalaman (Anchor tag) dan Absolute/Relative Path
7. Elemen Image. Audio, dan Video pada HTML5
8. Struktur Tabel HTML5
3
2
3
4 sub.cpmk.SI172.CPMK15.1-Mahasiswa mampu mengimplementasikan pembuatan layout dan pengaturan website menggunakan HTML5 dan CSS3
 1. Ketepatan menjelaskan konsep form dan fungsi input pada HTML5 2. Mampu membuat form input dan mengimplementasikannya pada halaman web HTML5 3. Ketepatan menjelaskan konsep elemen semantik dan layout dasar HTML5 4. Mampu membuat halaman layout web menggunakan elemen-elemen semantik HTML5 Kriteria
Kesesuaian sintaks dan output yang diharapkan
Teknik
Tugas praktikum elemen input form & semantik dan partisipasi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=60 Menit]
Penugasan,Laporan Praktikum,[LP=30 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=60 Menit]
Penugasan,Laporan Praktikum,[LP=30 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Topik
Elemen Form dan Semantik pada HTML5
Sub Topik
1. Konsep form dan jenis elemen input HTML5
2. Dasar Validasi Form HTML5 dan Submit Button
3. Konsep HTML Head Elements untuk SEO & Aksesibilitas
4. Elemen dasar semantik HTML5 (Header, Nav, Main, Section, Aside, Footer)
 2
5
6 sub.cpmk.SI172.CPMK15.1-Mahasiswa mampu mengimplementasikan pembuatan layout dan pengaturan website menggunakan HTML5 dan CSS3
 1. Ketepatan menjelaskan konsep dasar CSS3 2. Mampu mengimplementasikan script CSS3 pada dokumen HTML5 3. Ketepatan menjelaskan pemanfaatan box model dan tipografi dengan CSS3 4. Mampu mengimplementasikan komponen box model dan tipografi menggunakan CSS3 Kriteria
Kesesuaian sintaks dan output yang diharapkan
Teknik
Tugas praktikum komponen dasar CSS3 dan partisipasi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=60 Menit]
Penugasan,Laporan Praktikum,[LP=30 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=60 Menit]
Penugasan,Laporan Praktikum,[LP=30 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Topik
Komponen Dasar, Box Model, dan Tipografi pada CSS3
Sub Topik
1. Struktur dasar CSS dan cara embed CSS3 ke HTML5
2. Jenis-Jenis selector CSS dan aturan specificity
3. Implementasi box model pada CSS
4. Mengelola tipografi dokumen web menggunakan CSS
 2
7
8 sub.cpmk.SI172.CPMK15.1-Mahasiswa mampu mengimplementasikan pembuatan layout dan pengaturan website menggunakan HTML5 dan CSS3
 1. Ketepatan menjelaskan konsep dasar layout website dengan CSS3 2. Mampu mengimplementasikan layout HTML5 dengan CSS3 3. Ketepatan menjelaskan konsep web modern yang responsif 4. Mampu mengimplementasikan komponen CSS3 untuk membuat layout web modern Kriteria
Kesesuaian sintaks dan output yang diharapkan
Teknik
Kuis konsep layout web modern dengan CSS3 dan partisipasi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=50 Menit]
Penugasan,Kuis Langsung,[KL=40 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=50 Menit]
Penugasan,Kuis Langsung,[KL=40 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Topik
Konsep Layout Web Modern dengan CSS3
Sub Topik
1. Konsep CSS positioning
2. Mengelola background image dan gradient
3. Konsep flexbox CSS
4. Membuat navbar responsif dengan flexbox
 3
9
10 sub.cpmk.SI172.CPMK15.1-Mahasiswa mampu mengimplementasikan pembuatan layout dan pengaturan website menggunakan HTML5 dan CSS3
sub.cpmk.SI172.CPMK15.2-Mahasiswa mampu mengimplementasikan JavaScript dan framework Bootstrap.
 1. Ketepatan menjelaskan konsep framework CSS melalui Bootstrap 5 2. Mampu mengimplementasikan fitur dan komponen dasar Bootstrap 5 3. Ketepatan menjelaskan konsep modern layouting dan responsiveness pada Bootstrap 5 4. Mampu mengembangkan layout web modern berbasis Bootstrap 5 Kriteria
Kesesuaian sintaks dan output yang diharapkan
Teknik
Tugas praktikum pengenalan Bootstrap 5 & modern layouting dan partisipasi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Topik
Pengenalan Framework Bootstrap 5 dan Modern Layouting
Sub Topik
1. Konsep framework CSS dan pengenalan Bootstrap 5
2. Instalasi Bootstrap 5
3. Struktur dasar dan fitur Bootstrap
4. Konsep layouting pada Bootstrap menggunakan 12-Column System
5. Mengenal komponen-komponen user interface (UI) Bootstrap
 2
11
12 sub.cpmk.SI172.CPMK15.1-Mahasiswa mampu mengimplementasikan pembuatan layout dan pengaturan website menggunakan HTML5 dan CSS3
sub.cpmk.SI172.CPMK15.2-Mahasiswa mampu mengimplementasikan JavaScript dan framework Bootstrap.
 1. Ketepatan menjelaskan konsep membuat form menggunakan Bootstrap 5 2. Mampu mengimplementasikan kustomisasi form pada Bootstrap 5 3. Ketepatan menjelaskan komponen web modern pada Bootstrap 5 4. Mampu mengimplementasikan komponen-komponen Bootstrap 5 menjadi web yang utuh Kriteria
Kesesuaian sintaks dan output yang diharapkan
Teknik
Tugas praktikum kustomisasi form & komponen Bootstrap 5 dan partisipasi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Topik
Kustomisasi Form dan Komponen Bootstrap 5
Sub Topik
1. Kustomisasi spacing (margin/padding), typography, dan shadow
2. Kustomisasi form dengan Bootstrap
3. Penggunaan komponen-komponen Bootstrap (Navbar, Modals, Carousel, Dropdowns, Table)
 2
13
14 sub.cpmk.SI172.CPMK15.1-Mahasiswa mampu mengimplementasikan pembuatan layout dan pengaturan website menggunakan HTML5 dan CSS3
 Ketepatan menjawab soal responsi yang berhubungan dengan scripting HTML5 dan CSS3 Kriteria
Ketepatan jawaban sesuai perintah soal
Teknik
Responsi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Responsi,Tugas Langsung,[TL=90 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Responsi,Tugas Langsung,[TL=90 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Topik
Responsi
Sub Topik
Responsi materi HTML5 dan CSS3
 20
15 sub.cpmk.SI172.CPMK15.1-Mahasiswa mampu mengimplementasikan pembuatan layout dan pengaturan website menggunakan HTML5 dan CSS3
sub.cpmk.SI172.CPMK15.2-Mahasiswa mampu mengimplementasikan JavaScript dan framework Bootstrap.
 Ketepatan menuliskan jawaban sesuai perintah soal Kriteria
Ketepatan jawaban ujian sesuai perintah soal
Teknik
Menyusun laporan project sesuai ketentuan soal. 		Ujian terjadwal,Durasi sesuai arahan DAAK,[D=100 Menit]
 Ujian terjadwal,Durasi sesuai arahan DAAK,[D=100 Menit]
 Topik
Materi praktikum pertemuan 1 sampai pertemuan 13
Sub Topik
Materi praktikum pertemuan 1 sampai pertemuan 13
 20
16 sub.cpmk.SI172.CPMK15.2-Mahasiswa mampu mengimplementasikan JavaScript dan framework Bootstrap.
 1. Ketepatan menjelaskan konsep dan struktur dasar kode JavaScript 2. Mampu menyisipkan kode JavaScript pada halaman web 3. Ketepatan menjelaskan perbedaan jenis variabel, tipe data, dan operator JavaScript 4. Mampu mengimplementasikan berbagai variabel, tipe data, dan operator JavaScript 5. Ketepatan menjelaskan struktur kontrol percabangan dan perulangan pada JavaScript 6. Mampu mengimplementasikan struktur kontrol percabangan dan perulangan pada JavaScript Kriteria
Kesesuaian sintaks dan output yang diharapkan
Teknik
Tugas dasar-dasar & struktur kontrol JavaScript dan partisipasi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=60 Menit]
Penugasan,Laporan Praktikum,[LP=30 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=60 Menit]
Penugasan,Laporan Praktikum,[LP=30 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Topik
Dasar-Dasar dan Struktur Kontrol JavaScript

Sub Topik
1. Pengenalan JavaScript
2. Struktur Kode JavaScript
3. Menyisipkan Kode JS ke dalam HTML
4. Mengenal Variabel (let, const) dan Tipe Data
5. Operator Aritmatika dan Perbandingan
6. Konsep Percabangan pada JS (If, Else, Switch)
7. Konsep Perulangan pada JS (For, While)
 2
17
18 sub.cpmk.SI172.CPMK15.2-Mahasiswa mampu mengimplementasikan JavaScript dan framework Bootstrap.
 1. Ketepatan menjelaskan konsep function, array, dan object pada JavaScript 2. Mampu mengimplementasikan function, array, dan object pada JavaScript Kriteria
Kesesuaian sintaks dan output yang diharapkan
Teknik
Tugas konsep function, array, & object dan partisipasi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Topik
Konsep Function, Array, dan Object pada JavaScript
Sub Topik
1. Deklarasi Function vs Arrow Function pada JS
2. Local vs Global Scope pada JS
3. Manipulasi Array (Push, Pop, Map, Filter)
4. Struktur data Object dan JSON dasar
 2
19
20 sub.cpmk.SI172.CPMK15.2-Mahasiswa mampu mengimplementasikan JavaScript dan framework Bootstrap.
 1. Ketepatan menjelaskan konsep DOM dan Event Listener pada JavaScript 2. Mampu mengimplementasikan DOM dan Event Listener pada studi kasus aplikasi web Kriteria
Kesesuaian sintaks dan output yang diharapkan
Teknik
Kuis studi kasus DOM & Event Listener dan partisipasi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Kuis Take Home,[KH=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Kuis Take Home,[KH=70 Menit]
 Topik
DOM Manipulation & Event Listener pada JavaScript
Sub Topik
1. Metode memilih elemen HTML dengan JavaScript
2. Mengubah Isi Elemen HTML dan Style CSS via JS
3. Implementasi Event Listener (Click, Submit, Hover)
4. Studi kasus mini proyek berbasis DOM dan event listener

 2
21
22 sub.cpmk.SI172.CPMK15.2-Mahasiswa mampu mengimplementasikan JavaScript dan framework Bootstrap.
 1. Ketepatan menjelaskan konsep asynchronous dan fetch data API melalui JS 2. Mampu mengimplementasikan konsep asynchronous dan fetch data API melalui JavaScript Kriteria
Kesesuaian sintaks dan output yang diharapkan
Teknik
Tugas praktikum studi kasus asynchronous JS & fetch data API dan partisipasi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=90 Menit]
Penugasan,Tugas Take Home,[TH=70 Menit]
 Topik
Metode Asynchronous JavaScript dan API
Sub Topik
1. Pengantar Metode Asynchronous pada JS
2. Konsep Fetch API untuk Mengambil Data Sederhana (TXT/JSON)
3. Studi Kasus Membuat Aplikasi Web yang Memanfaatkan API Sederhana
 2
23 sub.cpmk.SI172.CPMK15.2-Mahasiswa mampu mengimplementasikan JavaScript dan framework Bootstrap.
 1. Ketepatan menjelaskan cara kerja Git dan proses deployment ke hosting/server 2. Mampu mempraktikkan perintah-perintah Git dan deployment ke hosting/server Kriteria
Kesesuaian sintaks dan output yang diharapkan
Teknik
Tugas praktikum mengelola akun Git & deployment dan partisipasi 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=60 Menit]
Penugasan,Laporan Praktikum,[LP=30 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Proses Belajar,[PB=60 Menit]
Penugasan,Laporan Praktikum,[LP=30 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Topik
Version Control System dengan Git dan Deployment Project
Sub Topik
1. Pengenalan version control system
2. Konsep perintah-perintah Git (Push, Pull, Commit, Clone, Branch)
3. Deploy project ke hosting/server

 3
24
25
26 sub.cpmk.SI172.CPMK18.1-Mahasiswa mampu mempresentasikan dan menyusun laporan project pengembangan website menggunakan client-side scripting dan framework
 Mampu membuat halaman website utuh dengan mengkombinasikan script HTML5, CSS3, Javascript, dan Framework Bootstrap Kriteria
Kesesuaian output isi presentasi sesuai ketentuan
Teknik
Presentasi final project 		Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Presentasi,[PS=90 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Kuliah,Persiapan Perkuliahan,[P=10 Menit]
Kuliah,Presentasi,[PS=90 Menit]
Pemahaman materi mandiri,Kegiatan Mandiri,[PM=70 Menit]
 Topik
Presentasi Proyek Akhir
Sub Topik
Hasil final project setiap kelompok
 20
27
28
29
30 sub.cpmk.SI172.CPMK15.1-Mahasiswa mampu mengimplementasikan pembuatan layout dan pengaturan website menggunakan HTML5 dan CSS3
sub.cpmk.SI172.CPMK15.2-Mahasiswa mampu mengimplementasikan JavaScript dan framework Bootstrap.
 Ketepatan menuliskan jawaban sesuai perintah soal Kriteria
Ketepatan jawaban ujian sesuai perintah soal
Teknik
Menyusun laporan final project sesuai ketentuan soal. 		Ujian terjadwal,Durasi sesuai arahan DAAK,[D=100 Menit]
 Ujian terjadwal,Durasi sesuai arahan DAAK,[D=100 Menit]
 Topik
Materi pertemuan 16-25
Sub Topik
Materi pertemuan 16-25
 15

Teknik Penilaian CPMK

CPL MK CPMK Tugas Praktikum Kuis Responsi Tes Tulis (UTS) Unjuk Kerja (Presentasi) Tes Tulis (UAS)
CPL06 PENGENALAN PERANCANGAN WEB CPMK15 Y Y Y Y Y
CPL07 PENGENALAN PERANCANGAN WEB CPMK18 Y

Prosedur Penilaian CPMK

1. Komponen Penilaian CPMK
CPL CPMK Sub-CPMK Detail Penugasan (Teknik Penilaian) Bobot % Kriteria Penilaian
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.1 Tugas Praktikum Pengenalan HTML5 dan Partisipasi 3 Kesesuaian sintaks dan output yang diharapkan
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.1 Tugas praktikum elemen input form & semantik dan partisipasi 2 Kesesuaian sintaks dan output yang diharapkan
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.1 Tugas praktikum komponen dasar CSS3 dan partisipasi 2 Kesesuaian sintaks dan output yang diharapkan
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.1 Kuis konsep layout web modern dengan CSS3 dan partisipasi 3 Kesesuaian sintaks dan output yang diharapkan
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.1, sub.cpmk.SI172.CPMK15.2 Tugas praktikum pengenalan Bootstrap 5 & modern layouting dan partisipasi 2 Kesesuaian sintaks dan output yang diharapkan
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.1, sub.cpmk.SI172.CPMK15.2 Tugas praktikum kustomisasi form & komponen Bootstrap 5 dan partisipasi 2 Kesesuaian sintaks dan output yang diharapkan
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.1 Responsi 20 Ketepatan jawaban sesuai perintah soal
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.1, sub.cpmk.SI172.CPMK15.2 Menyusun laporan project sesuai ketentuan soal. 20 Ketepatan jawaban ujian sesuai perintah soal
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.2 Tugas dasar-dasar & struktur kontrol JavaScript dan partisipasi 2 Kesesuaian sintaks dan output yang diharapkan
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.2 Tugas konsep function, array, & object dan partisipasi 2 Kesesuaian sintaks dan output yang diharapkan
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.2 Kuis studi kasus DOM & Event Listener dan partisipasi 2 Kesesuaian sintaks dan output yang diharapkan
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.2 Tugas praktikum studi kasus asynchronous JS & fetch data API dan partisipasi 2 Kesesuaian sintaks dan output yang diharapkan
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.2 Tugas praktikum mengelola akun Git & deployment dan partisipasi 3 Kesesuaian sintaks dan output yang diharapkan
CPL07 CPMK18 sub.cpmk.SI172.CPMK18.1 Presentasi final project 20 Kesesuaian output isi presentasi sesuai ketentuan
CPL06 CPMK15 sub.cpmk.SI172.CPMK15.1, sub.cpmk.SI172.CPMK15.2 Menyusun laporan final project sesuai ketentuan soal. 15 Ketepatan jawaban ujian sesuai perintah soal
Total 100
2. Penilaian CPMK
CPL MK CPMK Tugas Praktikum Kuis Responsi Tes Tulis (UTS) Unjuk Kerja (Presentasi) Tes Tulis (UAS) Total
CPL06 PENGENALAN PERANCANGAN WEB CPMK15 20% 5% 20% 20% 0% 15% 80%
CPL07 PENGENALAN PERANCANGAN WEB CPMK18 0% 0% 0% 0% 20% 0% 20%
100%