Desain dan Implementasi Multimedia (MPP215303)
Sistem Informasi | Sri Rahayu., M.Kom | 3 SKS (Semester 5)
Deskripsi Mata Kuliah
Mata kuliah Desain dan Implementasi Multimedia membahas konsep, prinsip, metode, teknologi, serta proses perancangan dan implementasi multimedia dalam lingkungan Sistem Informasi. Materi mencakup konsep dasar multimedia, elemen multimedia berupa teks, gambar, audio, video, animasi, prinsip desain visual dan antarmuka, storyboard, authoring, pengolahan aset multimedia, integrasi multimedia pada aplikasi berbasis web dan digital, hingga pengembangan proyek multimedia secara nyata. Pembelajaran dilaksanakan secara teoritis dan praktis melalui studi kasus, praktikum, dan Project-Based Learning (PjBL) sehingga mahasiswa mampu menghasilkan produk multimedia yang komunikatif, interaktif, fungsional, dan sesuai kebutuhan pengguna serta memperhatikan aspek etika, hak cipta, aksesibilitas, dan keamanan informasi. Mata kuliah ini penting bagi mahasiswa Sistem Informasi karena memberikan kemampuan untuk mengembangkan media digital yang mendukung penyampaian informasi, promosi, edukasi, bisnis, dan kebutuhan organisasi.
Bahan Kajian (BK) / Materi Pembelajaran
Software Development
Multimedia and Interactive Systems
Tim Pengembang & Otorisasi
| Pengembang RPS | Koordinator RMK | Ketua Program Studi |
|---|---|---|
| Sri Rahayu., M.Kom | M. Junius Effendi, S.Kom., M.Kom |
Capaian Pembelajaran Lulusan (CPL)
| Kode CPL | Kategori | Deskripsi CPL |
|---|---|---|
| ku1 | Keterampilan Umum | Mampu berpikir logis, kritis, sistematis, kreatif, inovatif, serta mengambil keputusan berdasarkan analisis data dan metode ilmiah dalam menyelesaikan permasalahan Sistem Informasi. |
| ku2 | Keterampilan Umum | Mampu berkomunikasi secara efektif, bekerja sama dalam tim multidisiplin, menyusun karya ilmiah, serta memanfaatkan teknologi informasi secara profesional. |
| ku3 | Keterampilan Umum | Mampu mengelola proyek, mengevaluasi hasil pekerjaan, melakukan peningkatan mutu secara berkelanjutan, serta mengembangkan kompetensi diri sesuai perkembangan ilmu pengetahuan dan teknologi |
| kk2 | Keterampilan Khusus | Mampu mengembangkan, mengimplementasikan, mengintegrasikan, menguji, dan mengevaluasi aplikasi berbasis web, mobile, multimedia, serta teknologi digital sesuai kebutuhan pengguna. |
| kk4 | Keterampilan Khusus | Mampu mengelola proyek Sistem Informasi, menerapkan tata kelola dan keamanan teknologi informasi, menghasilkan inovasi digital, serta mengembangkan solusi berbasis kewirausahaan yang bernilai bagi masyarakat dan dunia usaha. |
| pp2 | Pengetahuan | Menguasai metode analisis, perancangan, pengembangan, implementasi, pengujian, evaluasi, tata kelola, keamanan, dan manajemen proyek Sistem Informasi. |
| pp3 | Pengetahuan | Menguasai konsep basis data, analitik data, kecerdasan buatan, multimedia, teknologi web, teknologi mobile, dan teknologi digital terkini untuk mendukung transformasi digital organisasi. |
| s2 | Sikap | Bersikap profesional, adaptif, mampu bekerja sama, berkomunikasi secara efektif, memiliki jiwa kepemimpinan, kewirausahaan, serta berkomitmen pada pembelajaran sepanjang hayat. |
Capaian Pembelajaran Mata Kuliah (CPMK)
| Kode CPMK | Deskripsi CPMK | Sub-CPMK Turunan |
|---|---|---|
| CPMK-139 | Mampu menganalisis kebutuhan pengguna dan tujuan komunikasi sebagai dasar desain produk multimedia. |
|
| CPMK-140 | Mampu merancang storyboard, struktur navigasi, antarmuka, dan alur interaksi produk multimedia. |
|
| CPMK-141 | Mampu mengimplementasikan produk multimedia yang mengintegrasikan teks, grafis, audio, video, animasi, dan interaktivitas menggunakan perangkat yang sesuai. |
|
| CPMK-142 | Mampu menguji dan mengevaluasi produk multimedia berdasarkan aspek teknis, visual, interaktivitas, usability, dan kebutuhan pengguna. |
|
Matriks 16 Minggu Perkuliahan
| Mg | Sub-CPMK | Materi Pembelajaran | Metode & Media | Pengalaman Belajar | Assessment | Bobot % |
|---|---|---|---|---|---|---|
| 1 | Sub-CPMK-139.1 | Konsep dasar multimedia; kebutuhan pengguna; tujuan komunikasi; identifikasi masalah; kebutuhan informasi |
Metode: Ceramah, Diskusi, Brainstorming Media: Slide Presentation, LMS |
Mengidentifikasi contoh multimedia dan mendiskusikan penerapannya dalam Sistem Informasi |
Partisipasi Mampu mengidentifikasi kebutuhan pengguna dan merumuskan tujuan komunikasi secara tepat. |
3.00% |
| 2 | Sub-CPMK-139.2 | Karakteristik pengguna; user profile; persona; konteks penggunaan; kebutuhan dan perilaku pengguna |
Metode: Kuliah, Diskusi, & Praktikum Media: Slide Presentation, LMS, PC Studio |
Menganalisis karakteristik pengguna dan menyusun persona berdasarkan studi kasus |
Tugas studi kasus Ketepatan dalam menganalisis karakteristik pengguna, kebutuhan, perilaku, dan konteks penggunaan |
3.00% |
| 3 | Sub-CPMK-139.3 | Konsep visual; warna; tipografi; gaya desain; pemilihan media; kesesuaian media dengan pengguna |
Metode: Kuliah, Diskusi, & Praktikum Media: Slide Presentation, LMS, PC Studio |
Menentukan konsep visual, gaya desain, warna, tipografi, dan jenis media |
Tugas desain visual Assessment: Tugas desain visual. Indikator: Kesesuaian konsep visual, warna, tipografi, layout, dan media dengan karakteristik pengguna serta tujuan komunikasi. |
3.00% |
| 4 | Sub-CPMK-140.1 | Storyboard; alur cerita; scene; shot; script; visualisasi informasi |
Metode: Demonstrasi, Case Study, PjBL Media: Slide Presentation, LMS, PC Studio |
Menyusun storyboard produk multimedia berdasarkan konsep dan alur komunikasi |
Penilaian produk storyboard. Kelengkapan scene, kejelasan alur, kesesuaian visual dengan narasi, dan keterkaitan dengan tujuan produk. |
3.00% |
| 5 | Sub-CPMK-140.2 | Struktur navigasi; flowchart; user flow; interaction flow; tombol navigasi; prinsip interaksi |
Metode: Demonstrasi, Praktikum, PjBL Media: Slide Presentation, LMS, PC Studio |
Membuat flowchart, user flow, dan rancangan navigasi |
Tugas rancangan navigasi. Struktur navigasi logis, alur interaksi jelas, konsisten, mudah dipahami, dan sesuai kebutuhan pengguna. |
3.00% |
| 6 | Sub-CPMK-140.3 | UI/UX; layout; grid; konsistensi; hierarchy; usability; accessibility; wireframe dan mockup |
Metode: Demonstrasi, Praktikum, PjBL Media: LMS, PC Studio |
Membuat wireframe dan mockup antarmuka produk multimedia |
Penilaian wireframe/mockup Kesesuaian layout, hierarchy, konsistensi, usability, accessibility, dan kebutuhan pengguna. |
3.00% |
| 7 | Sub-CPMK-141.1 | Teks; tipografi; gambar; ilustrasi; bitmap; vector; komposisi; optimasi aset |
Metode: Demonstrasi, Praktikum, PjBL Media: Slide Presentation, LMS, PC Studio |
Mengolah aset teks dan grafis serta mengintegrasikannya ke dalam rancangan multimedia |
Praktik/proyek Ketepatan pengolahan aset, kualitas visual, komposisi, keterbacaan teks, dan integrasi grafis. |
3.00% |
| 8 | - | UJIAN TENGAH SEMESTER (UTS) |
Metode: Ujian / Evaluasi Terstruktur Media: LMS, PC Studio |
Pengerjaan Lembar Ujian & Project Demo |
UTS Evaluasi Capaian Pembelajaran Minggu 1-7 |
25.00% |
| 9 | Sub-CPMK-141.2 | Audio digital; recording; editing; voice over; sound effect; video; transisi; subtitle; sinkronisasi |
Metode: Demonstrasi, Praktikum, PjBL Media: Slide Presentation, LMS, PC Studio |
Merekam, mengedit, dan mengintegrasikan audio-video |
Praktik integrasi audio-video. Kualitas audio/video, ketepatan editing, sinkronisasi, transisi, subtitle, dan kesesuaian dengan storyboard |
3.00% |
| 10 | Sub-CPMK-141.3 | Prinsip animasi; motion; transition; interactive button; hyperlink; trigger; timing |
Metode: Demonstrasi, Praktikum, PjBL Media: Slide Presentation, LMS, PC Studio |
Membuat animasi sederhana dan menambahkan elemen interaktif |
Praktik/proyek interaktif. Ketepatan penggunaan animasi, fungsi tombol/interaksi, kelancaran transisi, dan kesesuaian dengan alur pengguna. |
3.00% |
| 11 | Sub-CPMK-141.4 | Integrasi aset; storyboard; UI/UX; audio; video; animasi; interaktivitas; finalisasi produk |
Metode: PjBL, Praktikum, Bimbingan Media: Slide Presentation, LMS, PC Studio |
Mengembangkan produk multimedia secara utuh sesuai storyboard dan rancangan |
Penilaian produk/proyek. Kelengkapan produk, kesesuaian dengan storyboard, kualitas visual, audio, video, animasi, interaktivitas, dan fungsi produk. |
3.00% |
| 12 | Sub-CPMK-142.2 | Pengujian produk; test case; skenario pengujian; aspek teknis, visual, fungsional, dan usability |
Metode: Ceramah, Case Study, Praktikum Media: Slide Presentation, LMS, PC Studio |
Menyusun test case dan skenario pengujian berdasarkan fitur dan kebutuhan pengguna |
Tugas penyusunan test case. Kelengkapan skenario, kejelasan langkah pengujian, kriteria keberhasilan, dan keterkaitan dengan fitur produk. |
3.00% |
| 13 | Sub-CPMK-142.2 | Technical testing; visual testing; functional testing; compatibility; responsivitas; error checking |
Metode: Praktikum, Case Study, PjBL Media: Slide Presentation, LMS, PC Studio |
Melakukan pengujian produk dan mencatat hasil berdasarkan test case |
Praktik pengujian Ketepatan pelaksanaan pengujian, kelengkapan hasil, kemampuan menemukan error, dan dokumentasi hasil pengujian. |
3.00% |
| 14 | Sub-CPMK-142.3 | Usability; UX; efektivitas; efisiensi; learnability; satisfaction; feedback pengguna |
Metode: Case Study, Diskusi, Praktikum Media: Slide Presentation, LMS, PC Studio |
Melakukan usability testing, mengumpulkan feedback, menganalisis hasil, dan menyusun rekomendasi |
Laporan evaluasi usability. Kemampuan menganalisis feedback, mengidentifikasi masalah usability, dan memberikan rekomendasi perbaikan yang relevan. |
3.00% |
| 15 | Sub-CPMK-142.2 | Analisis hasil pengujian; identifikasi masalah; revisi desain; perbaikan navigasi; optimalisasi; finalisasi |
Metode: PjBL, Praktikum, Bimbingan Media: Slide Presentation, LMS, PC Studio |
Memperbaiki produk berdasarkan hasil pengujian dan feedback pengguna serta melakukan finalisasi |
Penilaian revisi produk. Kesesuaian perbaikan dengan hasil evaluasi, peningkatan kualitas produk, konsistensi desain, fungsi, dan usability. |
3.00% |
| 16 | - | UJIAN AKHIR SEMESTER (UAS) |
Metode: Ujian / Evaluasi Terstruktur Media: LMS, PC Studio |
Pengerjaan Lembar Ujian & Project Demo |
UAS Evaluasi Capaian Pembelajaran Minggu 9-15 |
35.00% |
Pustaka & Referensi
Referensi Utama
- Vaughan, Tay (2014). Multimedia: Making It Work, 9th Edition. McGraw-Hill Education.
- Rogers, Y., Sharp, H., & Preece, J. (2023). Interaction Design: Beyond Human-Computer Interaction, 6th Edition. Wiley.
- Krug, S (2014). Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability, 3rd Edition. New Riders.
Perangkat & Media Pembelajaran
Software: -
Hardware: -