UNIVERSITAS POTENSI UTAMA
FAKULTAS FAKULTAS TEKNIK DAN ILMU KOMPUTER
PROGRAM STUDI INFORMATIKA

RPS--AB2024MT2308
RENCANA PEMBELAJARAN SEMESTER
MATA KULIAH (MK) KODE Rumpun MK BOBOT (sks) SEMESTER Tanggal Penyusunan
Web Design AB2024MT2308 Social Issues and Professional Practice T= 3 2 20 Jun 2024
Pengesahan Dosen Pengembang RPS Koordinator RMK Ka PRODI

Mutiara Sovina, M.Kom
Mutiara Sovina, M.Kom
Dr. Budi Triandi, S.Kom, M.Kom
Capaian Pembelajaran CPL-PRODI yang dibebankan pada MK
CPL11 Kemampuan mengimplementasi kebutuhan komputasi, kecerdasan buatan/Artificial Intelligence,Keamanan/Security, Infrastruktur dan jaringan/Network And Infrastructure, Perangkat bergerak/IT Mobility, dengan mempertimbangkan berbagai metode/algoritma yang sesuai
CPL12 Kemampuan menganalisis, merancang, menciptkan dan mengevaluasi aplikasi interaktif dan user interface, dengan mengutamakan kebutuhan pengguna dan perkembangan interdisiplin keilmuan, sebagai dasar pertimbangan.
CPL13 Kemampuan mengimplementasikan dan menyelesaikan permasalahan prosedural berbasis computing dengan multi-platform untuk memenuhi kebutuhan komputasi pada sebuah organisasi.
Capaian Pembelajaran Mata Kuliah (CPMK)
CPMK113 Mampu memilih dan menyesuaikan metode, algoritma, dan teknik yang sesuai dengan kebutuhan solusi yang diimplementasikan, serta mengukur performa dan efektivitasnya.
CPMK121 Mampu menganalisis kebutuhan pengguna dan lingkungan penggunaan untuk merancang user interface dan aplikasi interaktif yang efektif dan relevan
CPMK122 Mampu merancang user interface yang user-friendly dengan mempertimbangkan prinsip-prinsip desain visual, hierarki informasi, dan arsitektur informasi yang baik
CPMK132 Mampu mengimplementasikan solusi berbasis computing dengan menerapkan prinsip-prinsip pengembangan yang efisien, ramah lingkungan, dan berkelanjutan.
CPMK133 Mampu mengevaluasi kinerja dan keamanan solusi yang dikembangkan pada berbagai platform, serta mengambil langkah-langkah untuk meningkatkan kualitasnya
CPMK134 Mampu menyajikan solusi berbasis computing multi-platform secara komprehensif dan 55ersuasive kepada berbagai pemangku kepentingan melalui dokumentasi, presentasi, dan demonstrasi yang efektif.
Kemampuan akhir tiap tahapan belajar (Sub-CPMK)
sub.cpmk.AB2024MT2308.CPM Mampu memahami teknologi front-end yang digunakan dalam desain web, seperti HTML, CSS, dan JavaScript, serta framework modern seperti Bootstrap atau Foundation.
sub.cpmk.AB2024MT2308.CPM Mampu mengembangkan keterampilan dalam desain grafis untuk web, termasuk penggunaan perangkat lunak desain seperti Adobe Photoshop atau Sketch untuk menciptakan elemen visual yang menarik dan konsisten.
sub.cpmk.AB2024MT2308.CPM Mampu mengintegrasikan desain web mereka dengan sistem manajemen konten seperti WordPress atau Drupal dan lain sebagainya.
sub.cpmk.AB2024MT2308.CPM Mampu memahami prinsip-prinsip dasar keamanan web dan optimisasi kinerja, termasuk teknik- teknik caching, kompresi gambar, dan penggunaan kode yang efisien.
sub.cpmk.AB2024MT2308.CPM Mampu memahami prinsip-prinsip dasar desain web, termasuk tipografi, warna, tata letak, dan kejelasan antarmuka pengguna (UI).
sub.cpmk.AB2024MT2308.CPM Mampu memahami konsep desain web yang responsif, yang dapat menyesuaikan tampilannya dengan baik di berbagai perangkat dan ukuran layar.
sub.cpmk.AB2024MT2308.CPM Mampu memahami prinsip-prinsip dasar pengalaman pengguna (UX) dalam desain web, termasuk navigasi yang intuitif, perencanaan tata letak yang efisien, dan pengelolaan konten yang efektif.
sub.cpmk.AB2024MT2308.CPM Mampu memahami kebutuhan dan praktik terbaik dalam mengelola konten web.
sub.cpmk.AB2024MT2308.CPM Mampu memahami proses pengujian dan evaluasi terhadap desain web mereka, termasuk pengujian pengguna (usability testing) dan analisis statistik untuk memastikan keefektifan desain.
sub.cpmk.AB2024MT2308.CPM Mampu menerapkan standar dan praktik terbaik dalam desain web, termasuk aksesibilitas, SEO (Search Engine Optimization), dan integrasi dengan media sosial.
Korelasi CPMK terhadap Sub-CPMK
CPMK113 sub.cpmk.AB2024MT2308.CPM
sub.cpmk.AB2024MT2308.CPM
sub.cpmk.AB2024MT2308.CPM
sub.cpmk.AB2024MT2308.CPM
CPMK121 sub.cpmk.AB2024MT2308.CPM
sub.cpmk.AB2024MT2308.CPM
CPMK122 sub.cpmk.AB2024MT2308.CPM
CPMK132 sub.cpmk.AB2024MT2308.CPM
CPMK133 sub.cpmk.AB2024MT2308.CPM
CPMK134 sub.cpmk.AB2024MT2308.CPM
Deskripsi Singkat MK Memberikan dasar yang kuat dalam mendesain UI/UX kepada mahasiswa, sehingga mereka dapat melanjutkan ke matakuliah-matakuliah lanjutan dan mengembangkan keterampilan pemrograman yang lebih kompleks.
Bahan Kajian : Materi Pembelajaran 1. HTML 2. CSS 3. JavaScript 4. Adobe Photoshop dan Desain Grafis 5. Keamanan Web 6. User Interface 7. Bootstrap 8. User Xperience 9. Desain Konten Web 10. Usability Testing 11. Search Engine Optimization
Pustaka Utama
  • 1. 1 HTML, CSS dan Javascript, Muhammad Sholikhan, S.Kom., M.Kom 2022 (https://digilib.stekom.ac.id/assets/dokumen/ebook/feb_B8uLNNrqWgUrj5qdyUnK6ryV7949c7R dhjCs8T-AlAjSqdwF-nvQTpc_1682562390.pdf)
  • 2. 2 Interface User Xperience, Hidayatulah Himawan, Mangaras Yanu F. 2020 (http://eprints.upnyk.ac.id/26163/1/Buku_InterfaceUSERExperience_MangarasYanuF.pdf)
  • 3. 3 Desain Grafis (KREASI EFEK PHOTOSHOP CC), Teguh Setiadi, S.Kom., M.Kom 2020 (https://digilib.stekom.ac.id/assets/dokumen/ebook/feb_df1a374f732023e0253c84fca8f64741392c db21_1652841299.pdf)
  • 4. 4 Keamanan Sistem Informasi, Dr. Budi Raharjo, S.Kom., M.Kom., MM. (https://digilib.stekom.ac.id/assets/dokumen/ebook/feb_B8yAOt7hUAcvi5qdyUnN7byV7949c7R dhjGl9DuFlQjSqdwF-n3VTZY_1682568522.pdf)
  • 5. 5 Praktis Membuat Website Sendiri dengan Wordpress, Arista Prasetyo Adi 2023
  • 6. 6 Bootstrap 4: Belajar CRUD Menggunakan PHP dan MySQL, Miftahul Huda 2020 (http://eprints.universitasputrabangsa.ac.id/id/eprint/725/1/Buku%20Belajar%20CRUD%20Meng gunakan%20PHP%20&%20MySQL.pdf)
  • 7. 7 BUKU REFERENSI MENGUKUR USABILITY PERANGKAT LUNAK, Tenia Wahyuningrum 2021 (https://repository.ittelkom- pwt.ac.id/7797/1/Mengukur%20usability%20perangkat%20lunak.pdf)
  • 8. 8 SEO Untuk Pemula Konsep Peringkat Situs Web di Google, Cecep Kurnia Sastradipraja, Hanhan Hanafiah Solihin 2022 (https://www.researchgate.net/publication/365768891_SEO_Untuk_Pemula_Konsep_Peringkat_S itus_Web_di_Google)
  • 9. 9 Konsep dan Praktik Desain User Interface (UI) dan User Experience (UX), 2023 (https://kitamenulis.id/2023/05/16/konsep-dan-praktik-desain-user-interface-ui-dan-user-experience-ux/)
Pendukung
Dosen Pengampu Mutiara Sovina, M.Kom
Mata Kuliah Syarat Pengantar Ilmu Komputer (AB2024MT1305); Dasar Sistem Komputer (AB2024MT1203); Pemrograman Dasar I (AB2024MT1301)
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.AB2024MT2308.CPM-Mampu memahami teknologi front-end yang digunakan dalam desain web, seperti HTML, CSS, dan JavaScript, serta framework modern seperti Bootstrap atau Foundation.
 Ketepatan dalam menjelaskan dan menerapkan konsep, struktur, dan sintaks dasar HTML. Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Partisipasi 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
1. Membuat halaman dasar dengan HTML dan memahami blok bangunan HTML
2. Jenis dokumen
3. Membuat HTML yang baik
4. Perbedaan antara elemen
dan
5. Berlatih membuat tabel
6. Menyertakan tautan dan gambar di halaman web
7. Menulis HTML valid

Sub Topik

  • [1] Hal: all
2
2 sub.cpmk.AB2024MT2308.CPM-Mampu mengembangkan keterampilan dalam desain grafis untuk web, termasuk penggunaan perangkat lunak desain seperti Adobe Photoshop atau Sketch untuk menciptakan elemen visual yang menarik dan konsisten.
sub.cpmk.AB2024MT2308.CPM-Mampu mengintegrasikan desain web mereka dengan sistem manajemen konten seperti WordPress atau Drupal dan lain sebagainya.
 Ketepatan dalam menerapkan konsep, struktur, dan sintak dasar CSS Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Tugas Individu 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
1. Menambahkan Style dengan CSS
2. Tipe Gaya
3. Menyambungkan CSS ke Halaman
4. Cascade CSS
5. Mengimpor CSS dari Dalam HTML
6. Comment CSS
7. Menggunakan Kelas
8. Aturan CSS
9. Font dan Tipografi
10. Menambahkan Border
11. Mengelola Gaya Teks
12. Menyesuaikan Padding
13. Selektor CSS
14. Memilih Berdasarkan Grup
15. Menambahkan Background
16. Warna CSS
17. Elemen Pemosisian
18. Pseudo-Class
19. Menambahkan Gambar Berulang
20. Membuat Layout Halaman
21. Menambahkan Header dan Footer ke Halaman

Sub Topik

  • [1] Hal: all
7
3
4 sub.cpmk.AB2024MT2308.CPM-Mampu memahami prinsip-prinsip dasar keamanan web dan optimisasi kinerja, termasuk teknik- teknik caching, kompresi gambar, dan penggunaan kode yang efisien.
 Ketepatan dalam memahami dan menerapkan sintaks dasar JavaScript. Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Presentasi 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
1. JavaScript dan Teks HTML
2. Array
3. Operator
4. Memulai dengan Pemrograman JavaScript
5. Fungsi JavaScript, Objek, dan Array
6. Bekerja dengan Dokumen HTML
7. Model Objek Dokumen

Sub Topik

  • [1] Hal: all
3
5 sub.cpmk.AB2024MT2308.CPM-Mampu memahami prinsip-prinsip dasar keamanan web dan optimisasi kinerja, termasuk teknik- teknik caching, kompresi gambar, dan penggunaan kode yang efisien.
 Ketepatan dalam memahami penggunaan Adobe Photoshop. Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Tugas Kelompok 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
1. Tool penting dalam Photoshop
2. Cara membuat laman kerja baru
3. Efek pada Photoshop
4. Manipulasi pada Photoshop

Sub Topik

  • [3] Hal: all
3
6 sub.cpmk.AB2024MT2308.CPM-Mampu memahami prinsip-prinsip dasar desain web, termasuk tipografi, warna, tata letak, dan kejelasan antarmuka pengguna (UI).
 Ketepatan dalam memahami penggunaan WordPress dalam mengintegrasikan desain web. Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Tugas 6 Kuis 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
1. Pengenalan Tools
2. Pembuatan Website menggunakan WordPress
3. Website Personal
4. Website Komunitas
5. Website Toko Online
Sub Topik

  • [5] Hal: all
3
7 sub.cpmk.AB2024MT2308.CPM-Mampu memahami konsep desain web yang responsif, yang dapat menyesuaikan tampilannya dengan baik di berbagai perangkat dan ukuran layar.
 Ketepatan dalam memahami dasar keamanan web dan cara menghindari serangan keamanan web. Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Partisipasi 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
1. Kerahasiaan (Confidentiality)
2. Integritas (Integrity)
3. Ketersediaan (Availability)
4. Jenis Ancaman

Sub Topik

  • [4] Hal: all
3
8 sub.cpmk.AB2024MT2308.CPM-Mampu memahami konsep desain web yang responsif, yang dapat menyesuaikan tampilannya dengan baik di berbagai perangkat dan ukuran layar.
 Ketepatan Menuliskan jawaban sesuai soal Kriteria
Ketepatan jawaban ujian sesuai perintah soal
Teknik
Menjawab Soal UTS 		Ujian terjadwal,Durasi sesuai DAAK,[D=100 Menit]
 Ujian terjadwal,Durasi sesuai DAAK,[D=100 Menit]
 Topik
Materi pertemuan 1 sampai pertemuan 7
Sub Topik

 25
9 sub.cpmk.AB2024MT2308.CPM-Mampu memahami prinsip-prinsip dasar pengalaman pengguna (UX) dalam desain web, termasuk navigasi yang intuitif, perencanaan tata letak yang efisien, dan pengelolaan konten yang efektif.
 Ketepatan dalam memahami pembuatan user interface sederhana. Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Partisipasi 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
1. Pengantar Desain UI/UX
2. Fungsi dan Manfaat Desain
3. Teknik dan Metode Desain
4. Pemilihan Warna dalam Desain
5. Tipografi
6. Ikon dan Grafis

Sub Topik

  • [9] Hal: all
2
10 sub.cpmk.AB2024MT2308.CPM-Mampu memahami prinsip-prinsip dasar pengalaman pengguna (UX) dalam desain web, termasuk navigasi yang intuitif, perencanaan tata letak yang efisien, dan pengelolaan konten yang efektif.
 Ketepatan dalam memahami cara kerja dan penggunaan Bootstrap dalam pembuatan website sederhana. Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Unjuk Kerja 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
1. File Bootstrap
2. Introduction
3. Download
4. Grid Bootstrap
5. Class Container
6. Class Row
7. Class Col
Sub Topik

  • [6] Hal: all
3
11 sub.cpmk.AB2024MT2308.CPM-Mampu memahami kebutuhan dan praktik terbaik dalam mengelola konten web.
 Ketepatan dalam memahami pembuatan desain web dengan mengelola konten dengan lebih efektif dan inovatif sebagai pengguna UX Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Tugas Kelompok 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
1. Definisi User Experience
2. Perbedaan UI dan UX
3. Mengapa User Experience Itu Penting?
4. Dasar-Dasar UX
5. Peran UX Research Dalam Proses Desain
6. Wireframe dan Mockup Dalam Desain
7. Prototyping dan Testing
8. Desain UI/UX Pada Aplikasi Mobile
9. Desain UI/UX Pada Situs Web

Sub Topik

  • [2] Hal: all
  • [9] Hal: all
5.5
12
13 sub.cpmk.AB2024MT2308.CPM-Mampu memahami proses pengujian dan evaluasi terhadap desain web mereka, termasuk pengujian pengguna (usability testing) dan analisis statistik untuk memastikan keefektifan desain.
 Ketepatan dalam mengelola pembuatan konten web. Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Tugas Individu 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
Teknik pengelolaan dan pembuatan Konten Web
Sub Topik

 2.5
14 sub.cpmk.AB2024MT2308.CPM-Mampu memahami proses pengujian dan evaluasi terhadap desain web mereka, termasuk pengujian pengguna (usability testing) dan analisis statistik untuk memastikan keefektifan desain.
 Ketepatan dalam menganalisis tingkat kepuasan terhadap desain web. Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Tugas 12 Kuis 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
1. Perbedaan user interface, user experience, dan usability
2. Usability bagian dari kualitas perangkat lunak
3. Ukuran usability
4. Ukuran kinerja

Sub Topik

  • [7] Hal: all
3
15 sub.cpmk.AB2024MT2308.CPM-Mampu menerapkan standar dan praktik terbaik dalam desain web, termasuk aksesibilitas, SEO (Search Engine Optimization), dan integrasi dengan media sosial.
 Ketepatan dalam menerapkan standar dan praktik terbaik SEO. Kriteria
Ketepatan Isi dan Penguasaan
Teknik
Partisipasi 		Kuliah,Diskusi,[D=150 Menit]
 Kuliah,Diskusi,[D=150 Menit]
 Topik
1. Apa itu SEO
2. Bagaimana Mesin Pencari Bekerja
3. Pengertian SEO Copywriting
4. Peringkat Mesin Pencari
5. Pengertian SEO On Page dan Off Page
Sub Topik

  • [8] Hal: all
3
16 sub.cpmk.AB2024MT2308.CPM-Mampu menerapkan standar dan praktik terbaik dalam desain web, termasuk aksesibilitas, SEO (Search Engine Optimization), dan integrasi dengan media sosial.
 Ketepatan Menuliskan jawaban sesuai soal Kriteria
Ketepatan jawaban ujian sesuai perintah soal
Teknik
Menjawab Soal UAS 		Ujian terjadwal,Durasi sesuai DAAK,[D=100 Menit]
 Ujian terjadwal,Durasi sesuai DAAK,[D=100 Menit]
 Topik
Materi pertemuan 9 sampai pertemuan 15
Sub Topik

 35

Teknik Penilaian CPMK

CPL MK CPMK Partisipasi Tugas Teori (Individu) Tugas Teori (Kelompok) Kuis Unjuk Kerja (Presentasi) Tes Tulis (UTS) Tes Tulis (UAS)
CPL11 Web Design CPMK113 Y Y Y Y Y Y
CPL12 Web Design CPMK121 Y Y
CPL12 Web Design CPMK122 Y
CPL13 Web Design CPMK132 Y
CPL13 Web Design CPMK133 Y
CPL13 Web Design CPMK134 Y Y

Prosedur Penilaian CPMK

1. Komponen Penilaian CPMK
CPL CPMK Sub-CPMK Detail Penugasan (Teknik Penilaian) Bobot % Kriteria Penilaian
CPL11 CPMK113 sub.cpmk.AB2024MT2308.CPM Partisipasi 2 Ketepatan Isi dan Penguasaan
CPL11 CPMK113 sub.cpmk.AB2024MT2308.CPM Tugas Individu 7 Ketepatan Isi dan Penguasaan
CPL11 CPMK113 sub.cpmk.AB2024MT2308.CPM Presentasi 3 Ketepatan Isi dan Penguasaan
CPL11 CPMK113 sub.cpmk.AB2024MT2308.CPM Tugas Kelompok 3 Ketepatan Isi dan Penguasaan
CPL11 CPMK113 sub.cpmk.AB2024MT2308.CPM Tugas 6 Kuis 3 Ketepatan Isi dan Penguasaan
CPL11 CPMK113 sub.cpmk.AB2024MT2308.CPM Partisipasi 3 Ketepatan Isi dan Penguasaan
CPL11 CPMK113 sub.cpmk.AB2024MT2308.CPM Menjawab Soal UTS 25 Ketepatan jawaban ujian sesuai perintah soal
CPL12 CPMK121 sub.cpmk.AB2024MT2308.CPM Partisipasi 2 Ketepatan Isi dan Penguasaan
CPL12 CPMK121 sub.cpmk.AB2024MT2308.CPM Unjuk Kerja 3 Ketepatan Isi dan Penguasaan
CPL12 CPMK122 sub.cpmk.AB2024MT2308.CPM Tugas Kelompok 5.5 Ketepatan Isi dan Penguasaan
CPL13 CPMK132 sub.cpmk.AB2024MT2308.CPM Tugas Individu 2.5 Ketepatan Isi dan Penguasaan
CPL13 CPMK133 sub.cpmk.AB2024MT2308.CPM Tugas 12 Kuis 3 Ketepatan Isi dan Penguasaan
CPL13 CPMK134 sub.cpmk.AB2024MT2308.CPM Partisipasi 3 Ketepatan Isi dan Penguasaan
CPL13 CPMK134 sub.cpmk.AB2024MT2308.CPM Menjawab Soal UAS 35 Ketepatan jawaban ujian sesuai perintah soal
Total 100
2. Penilaian CPMK
CPL MK CPMK Partisipasi Tugas Teori (Individu) Tugas Teori (Kelompok) Kuis Unjuk Kerja (Presentasi) Tes Tulis (UTS) Tes Tulis (UAS) Total
CPL11 Web Design CPMK113 5% 7% 3% 3% 3% 25% 0% 46%
CPL12 Web Design CPMK121 2% 0% 0% 0% 3% 0% 0% 5%
CPL12 Web Design CPMK122 0% 0% 5.5% 0% 0% 0% 0% 5.5%
CPL13 Web Design CPMK132 0% 2.5% 0% 0% 0% 0% 0% 2.5%
CPL13 Web Design CPMK133 0% 0% 0% 3% 0% 0% 0% 3%
CPL13 Web Design CPMK134 3% 0% 0% 0% 0% 0% 35% 38%
100%