UNIVERSITAS POTENSI UTAMA
FAKULTAS FAKULTAS TEKNIK DAN ILMU KOMPUTER
PROGRAM STUDI SISTEM INFORMASI

RPS--AC2024MTII311
RENCANA PEMBELAJARAN SEMESTER
MATA KULIAH (MK) KODE Rumpun MK BOBOT (sks) SEMESTER Tanggal Penyusunan
Pemrograman Web AC2024MTII311 Enterprise Architecture T= 3 2 26 Jun 2024
Pengesahan Dosen Pengembang RPS Koordinator RMK Ka PRODI

Elida Tuti Siregar,M.Kom
Elida Tuti Siregar,M.Kom
Mas Ayoe Elhias Nst, M. Kom
Capaian Pembelajaran CPL-PRODI yang dibebankan pada MK
CPL01 Mampu memahami, menganalisis, menilai konsep dasar dan peran sistem informasi dalam mengelola data serta memberikan rekomendasi pengambilan keputusan pada proses dan sistem organisasi.
CPL03 Mampu memahami dan menggunakan berbagai metodologi pengembangan sistem beserta alat pemodelan sistem dan menganalisa kebutuhan pengguna dalam membangun sistem informasi untuk mencapai tujuan organisasi
Capaian Pembelajaran Mata Kuliah (CPMK)
CPMK01.3 Mampu menilai proses dan sistem pengelolaan data pada organisasi
CPMK03.3 Mampu menganalisa kebutuhan pengguna dalam membangun sistem informasi untuk mencapai tujuan organisasi
CPMK03.4 Mampu membangun sistem informasi untuk mencapai tujuan organisasi
Kemampuan akhir tiap tahapan belajar (Sub-CPMK)
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu memahami dasar-dasar pengelolaan data dan struktur data dalam konteks aplikasi web.
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu merancang dan mengimplementasikan sistem pengelolaan data menggunakan teknologi front-end (HTML,CSS, JavaScript).
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu mengembangkan dan mengelola data backend menggunakan Node.js dan Express serta mengintegrasikan dengan basis data.
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu menganalisa dan mengevaluasi efektivitas dan efisiensi sistem pengelolaan data dalam aplikasi web serta menerapkan praktik terbaik untuk meningkatkan kinerja sistem.
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu mengidentifikasi dan menganalisa kebutuhan pengguna serta merancang struktur dasar halaman web menggunakan HTML dan CSS.
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu mengaplikasikan teknik lanjutan dalam HTML5 dan CSS3 untuk memenuhi kebutuhan desain responsif dan estetika dari pengguna.
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu memahami dan menerapkan JavaScript untuk meningkatkan interaktivitas dan responsivitas halaman web sesuai kebutuhan pengguna.
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu melakukan manipulasi DOM dengan JavaScript dan mengembangkan aplikasi web interaktif.
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu menggunakan framework front-end (seperti React atau Vue) untuk membangun aplikasi web yang efisien dan dinamis.
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu mengembangkan backend aplikasi web menggunakan Node.js dan Express untuk mendukung kebutuhan sistem informasi organisasi.
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu mengintegrasikan basis data dengan aplikasi web untuk mendukung operasi CRUD yang diperlukan dalam sistem informasi.
sub.cpmk.AC2024MTII311.CP Mahasiswa mampu menerapkan prinsip-prinsip keamanan web dalam pembangunan sistem informasi untuk melindungi data dan integritas aplikasi.
Korelasi CPMK terhadap Sub-CPMK
CPMK01.3 sub.cpmk.AC2024MTII311.CP
sub.cpmk.AC2024MTII311.CP
sub.cpmk.AC2024MTII311.CP
sub.cpmk.AC2024MTII311.CP
CPMK03.3 sub.cpmk.AC2024MTII311.CP
sub.cpmk.AC2024MTII311.CP
sub.cpmk.AC2024MTII311.CP
sub.cpmk.AC2024MTII311.CP
CPMK03.4 sub.cpmk.AC2024MTII311.CP
sub.cpmk.AC2024MTII311.CP
sub.cpmk.AC2024MTII311.CP
sub.cpmk.AC2024MTII311.CP
Deskripsi Singkat MK Mata kuliah Pemrograman Web mengajarkan dasar-dasar pengembangan aplikasi web menggunakan HTML, CSS, JavaScript, serta backend dengan Node.js dan Express. Mahasiswa akan mempelajari pembuatan antarmuka responsif, interaktif, dan aman, menggunakan framework modern seperti React atau Vue, serta integrasi basis data untuk operasi CRUD. Melalui proyek praktis, mahasiswa akan menganalisis kebutuhan pengguna dan membangun sistem informasi yang efektif untuk mendukung tujuan organisasi.
Bahan Kajian : Materi Pembelajaran 1. Pengantar Pemrograman Web, HTML dan CSS Dasar 2. HTML Lanjutan dan CSS3 3. Pengantar JavaScript 4. JavaScript Lanjutan dan DOM 5. Pengantar Framework Front-end (React/Vue) 6. Backend Development (Node.js/Express) 7. Basis Data dan Integrasi dengan Backend
Pustaka Utama
  • 1. Ariawan,J.(2023).Pemrograman Web dengan HTML, CSS, dan JavaScript (Edisi 2). Gramedia Pustaka Utama. https://www.gramedia.com/products/buku-sakti-html-css-javascript-pemrograman-web-itu-gamp
  • 2. Nugroho,A.D.(2022).Membangun Aplikasi Web Modern dengan React dan Redux (Edisi 2). Informatika Media Pustaka. https://www.youtube.com/watch?v=jJJMtFn7UZo
  • 3. Simpson,K.(2021).The Complete JavaScript Handbook (Edisi 5). No Starch Press. https://nostarch.com/javascript-crash- course
Pendukung
Dosen Pengampu DIAN MAYASARI ELIDA TUTI SIREGAR FAISAL AMIR HARAHAP
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.AC2024MTII311.CP-Mahasiswa mampu memahami dasar-dasar pengelolaan data dan struktur data dalam konteks aplikasi web.
 menunjukkan pemahaman yang baik tentang dasar- dasar pengelolaan data dan struktur data dalam aplikasi web. Kriteria
Ketepatan dan penguasaan
Teknik
Latihan dengan cara menjelaskan secara lisan atau tertulis. 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Sejarah dan perkembangan web
● PENGERTIAN DAN SEJARAH WEB
● KONSEP DAN CARA KERJA WEB
● JENIS DAN FUNGSI WEB
● PENGERTIAN DAN SEJARAH INTERNET
Sub Topik

 2
2 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu merancang dan mengimplementasikan sistem pengelolaan data menggunakan teknologi front-end (HTML,CSS, JavaScript).
 Mahasiswa berhasil merancang dan mengimpleme ntasikan sistem pengelolaan data pada front-end, menggunakan HTML, CSS, dan JavaScript. Kriteria
Ketepatan dan penguasaan
Teknik
Tugas Individu 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Pengantar HTML, CSS, dan JavaScript Struktur dasar HTML - Tag dan elemen HTML - Pengenalan CSS - Selektor dan properti CSS
Sub Topik

 5
3 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu mengembangkan dan mengelola data backend menggunakan Node.js dan Express serta mengintegrasikan dengan basis data.
 Mahasiswa menunjukkan kemampuan dalam pengembangan dan pengelolaan data backend, serta integrasinya dengan basis data menggunakan Node.js dan Express. Kriteria
Ketepatan dan penguasaan
Teknik
Tugas Kelompok 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Backend Development dengan Node.js dan Express
Sub Topik

 5
4 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu menganalisa dan mengevaluasi efektivitas dan efisiensi sistem pengelolaan data dalam aplikasi web serta menerapkan praktik terbaik untuk meningkatkan kinerja sistem.
 Mahasiswa menerapkan praktik terbaik untuk meningkatkan kinerja aplikasi web. Kriteria
Ketepatan dan penguasaan
Teknik
Kuis 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
HTML Lanjutan dan CSS3 Elemen-elemen baru di HTML5 - Teknik CSS3: animasi,transformasi, dan transisi - Media queries untuk desain responsif
Sub Topik

 5
5 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu mengidentifikasi dan menganalisa kebutuhan pengguna serta merancang struktur dasar halaman web menggunakan HTML dan CSS.
 Mahasiswa berhasil menerapkan fitur-fitur lanjutan HTML5 dan CSS3, menciptakan halaman web yang responsif dan estetis, serta sesuai dengan kebutuhan pengguna. Kriteria
Ketepatan dan penguasaan
Teknik
Presentasi 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Elemen-elemen baru di HTML5 Teknik CSS3: animasi, transformasi, dan transisi Media queries untuk desain responsif Implementasi layout responsif
Sub Topik

 5
6 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu mengaplikasikan teknik lanjutan dalam HTML5 dan CSS3 untuk memenuhi kebutuhan desain responsif dan estetika dari pengguna.
 Mahasiswa berhasil menerapkan fitur-fitur lanjutan HTML5 dan CSS3, menciptakan halaman web yang responsif dan estetis, serta sesuai kebutuhanpengguna. Kriteria
Ketepatan dan penguasaan
Teknik
Tugas Individu 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Implementasi layout responsive untuk desain responsif
Sub Topik

 5
7 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu memahami dan menerapkan JavaScript untuk meningkatkan interaktivitas dan responsivitas halaman web sesuai kebutuhan pengguna.
 Mahasiswa mampu menambahkan interaktivitas dasar pada halaman web menggunakan JavaScript, membuat halaman lebih responsif terhadap tindakan pengguna. Kriteria
Ketepatan dan penguasaan
Teknik
Kuis 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
- DOM (Document Object Model) -
Seleksi elemen dan manipulasi konten
- Event listeners dan event handling
- Pembuatan aplikasi web interaktif sederhana
Sub Topik

 6
8 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu melakukan manipulasi DOM dengan JavaScript dan mengembangkan aplikasi web interaktif.
 Ujian Tengah Semester Kriteria
Ketepatan jawaban ujian sesuai perintah soal
Teknik
Ujian Tengah Semester 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Ujian Tengah Semester
Sub Topik

 10
9 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu menggunakan framework front-end (seperti React atau Vue) untuk membangun aplikasi web yang efisien dan dinamis.
 Mahasiswa menunjukkan keterampilan dalam manipulasi DOM dengan JavaScript, mengembangka n aplikasi web yang interaktif dan dinamis. Kriteria
Ketepatan dan penguasaan
Teknik
Kehadiran dan Keaktifan (Partisipasi) 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
JavaScript Lanjutan dan Manipulasi DOM DOM (Document Object Model) Seleksi elemen dan manipulasi konten Event listeners dan event handling Pembuatan aplikasi web interaktif sederhana
Sub Topik

 5
10 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu menggunakan framework front-end (seperti React atau Vue) untuk membangun aplikasi web yang efisien dan dinamis.
 Mahasiswa berhasil menggunakan framework front-end untuk membuat aplikasi web dengan komponen yang efisien dan dinamis. Kriteria
Ketepatan dan penguasaan
Teknik
Tugas Individu 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Framework Front-end (React/Vue) Pengantar React dan Vue Konsep komponen dan state management Routing dan SPA (Single Page Application) Integrasi dengan API
Sub Topik

 5
11 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu mengembangkan backend aplikasi web menggunakan Node.js dan Express untuk mendukung kebutuhan sistem informasi organisasi.
 Mahasiswa Berhasil mengimplemen tasikan backend dengan Node.js dan Express, mendukung kebutuhan sistem informasi organisasi dengan API yang fungsional. Kriteria
Ketepatan dan penguasaan
Teknik
Tugas Kelompok 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Backend Development dengan Node.js dan Express Pengantar Node.js dan npm Dasar-dasar Express.js Routing dan middleware di Express Membuat API sederhana
Sub Topik

 3
12 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu mengembangkan backend aplikasi web menggunakan Node.js dan Express untuk mendukung kebutuhan sistem informasi organisasi.
 Mahasiswa Berhasil mengimplemen tasikan backend dengan Node.js dan Express, mendukung kebutuhan sistem informasi organisasi dengan API yang fungsional. Kriteria
Ketepatan dan penguasaan
Teknik
Tugas Kelompok 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Backend Development dengan Node.js dan Express Pengantar Node.js dan npm Dasar-dasar Express.js Routing dan middleware di Express Membuat API sederhana
Sub Topik

 5
13 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu mengintegrasikan basis data dengan aplikasi web untuk mendukung operasi CRUD yang diperlukan dalam sistem informasi.
 Mahasiswa mampu mengimplemen tasikan backend dengan Node.js dan Express, mendukung kebutuhan sistem informasi organisasi dengan API yang fungsional. Kriteria
Ketepatan dan penguasaan
Teknik
Kuis 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Integrasi Basis Data dengan Backend Pengantar basis data dan MySQL Penggunaan XAMPP untuk manajemen basis data Koneksi Node.js dengan MySQL Operasi CRUD (Create, Read, Update, Delete)
Sub Topik

 5
14 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu mengintegrasikan basis data dengan aplikasi web untuk mendukung operasi CRUD yang diperlukan dalam sistem informasi.
 Mahasiswa mampu mengimplemen tasikan backend dengan Node.js dan Express, mendukung kebutuhan sistem informasi organisasi dengan API yang fungsional. Kriteria
Ketepatan jawaban ujian sesuai perintah soal
Teknik
Presentasi 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Integrasi Basis Data dengan Backend Pengantar basis data dan MySQL Penggunaan XAMPP untuk manajemen basis data Koneksi Node.js dengan MySQL Operasi CRUD (Create, Read, Update, Delete)
Sub Topik

 5
15 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu menerapkan prinsip-prinsip keamanan web dalam pembangunan sistem informasi untuk melindungi data dan integritas aplikasi.
 berhasil menerapkan prinsip-prinsip keamanan web dasar untuk melindungi data dan integritas aplikasi web. Kriteria
Ketepatan dan penguasaan
Teknik
Kuis 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
Keamanan Web
Sub Topik

 9
16 sub.cpmk.AC2024MTII311.CP-Mahasiswa mampu menerapkan prinsip-prinsip keamanan web dalam pembangunan sistem informasi untuk melindungi data dan integritas aplikasi.
 keberhasilan membangun aplikasi web dinamis dan interaktif dengan menggunakan framework seperti React atau Vue untuk bagian front- end, serta Node.js dan Express untuk bagian backend. Kriteria

Teknik
Menjawab Soal UAS 		Tatap Muka,Proses Belajar,[PB=150 Menit]
 Tatap Muka,Proses Belajar,[PB=150 Menit]
 Topik
UAS
Sub Topik

 20

Teknik Penilaian CPMK

CPL MK CPMK Presentasi Tugas Individu Tugas Kelompok Kuis Tes Tertulis (UTS) Tes Tertulis (UAS) Kehadiran dan Keaktifan (Partisipasi)
CPL01 Pemrograman Web CPMK01.3 Y Y Y Y
CPL03 Pemrograman Web CPMK03.3 Y Y Y Y
CPL03 Pemrograman Web CPMK03.4 Y Y Y Y Y Y

Prosedur Penilaian CPMK

1. Komponen Penilaian CPMK
CPL CPMK Sub-CPMK Detail Penugasan (Teknik Penilaian) Bobot % Kriteria Penilaian
CPL01 CPMK01.3 sub.cpmk.AC2024MTII311.CP Latihan dengan cara menjelaskan secara lisan atau tertulis. 2 Ketepatan dan penguasaan
CPL01 CPMK01.3 sub.cpmk.AC2024MTII311.CP Tugas Individu 5 Ketepatan dan penguasaan
CPL01 CPMK01.3 sub.cpmk.AC2024MTII311.CP Tugas Kelompok 5 Ketepatan dan penguasaan
CPL01 CPMK01.3 sub.cpmk.AC2024MTII311.CP Kuis 5 Ketepatan dan penguasaan
CPL03 CPMK03.3 sub.cpmk.AC2024MTII311.CP Presentasi 5 Ketepatan dan penguasaan
CPL03 CPMK03.3 sub.cpmk.AC2024MTII311.CP Tugas Individu 5 Ketepatan dan penguasaan
CPL03 CPMK03.3 sub.cpmk.AC2024MTII311.CP Kuis 6 Ketepatan dan penguasaan
CPL03 CPMK03.3 sub.cpmk.AC2024MTII311.CP Ujian Tengah Semester 10 Ketepatan jawaban ujian sesuai perintah soal
CPL03 CPMK03.4 sub.cpmk.AC2024MTII311.CP Kehadiran dan Keaktifan (Partisipasi) 5 Ketepatan dan penguasaan
CPL03 CPMK03.4 sub.cpmk.AC2024MTII311.CP Tugas Individu 5 Ketepatan dan penguasaan
CPL03 CPMK03.4 sub.cpmk.AC2024MTII311.CP Tugas Kelompok 3 Ketepatan dan penguasaan
CPL03 CPMK03.4 sub.cpmk.AC2024MTII311.CP Tugas Kelompok 5 Ketepatan dan penguasaan
CPL03 CPMK03.4 sub.cpmk.AC2024MTII311.CP Kuis 5 Ketepatan dan penguasaan
CPL03 CPMK03.4 sub.cpmk.AC2024MTII311.CP Presentasi 5 Ketepatan jawaban ujian sesuai perintah soal
CPL03 CPMK03.4 sub.cpmk.AC2024MTII311.CP Kuis 9 Ketepatan dan penguasaan
CPL03 CPMK03.4 sub.cpmk.AC2024MTII311.CP Menjawab Soal UAS 20
Total 100
2. Penilaian CPMK
CPL MK CPMK Presentasi Tugas Individu Tugas Kelompok Kuis Tes Tertulis (UTS) Tes Tertulis (UAS) Kehadiran dan Keaktifan (Partisipasi) Total
CPL01 Pemrograman Web CPMK01.3 0% 5% 5% 5% 0% 0% 2% 17%
CPL03 Pemrograman Web CPMK03.3 5% 5% 0% 6% 10% 0% 0% 26%
CPL03 Pemrograman Web CPMK03.4 5% 5% 5% 14% 0% 20% 8% 57%
100%