UNIVERSITAS KLABAT
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI INFORMATIKA

RPS-57202-IFMI351
RENCANA PEMBELAJARAN SEMESTER
MATA KULIAH (MK) KODE Rumpun MK BOBOT (sks) SEMESTER Tanggal Penyusunan
Pengembangan Web Front-End/Front-End Web Development IFMI351 Software Process T= 3 5 01 Jul 2024
Pengesahan Dosen Pengembang RPS Koordinator RMK Ka PRODI

Stenly Ibrahim Adam, S.Kom., M.Sc.
Taju, Semmy Wellem
Semmy Wellem Taju, S.Kom., M.S., PhD
Capaian Pembelajaran CPL-PRODI yang dibebankan pada MK
CPL07 Menguasai konsep teoritis bidang pengetahuan Ilmu Komputer/Informatika dalam mendesain dan mensimulasikan aplikasi teknologi multi-platform yang relevan dengan kebutuhan industri dan masyarakat.
CPL11 Kemampuan menganalisis, merancang, membuat dan mengevaluasi user interface dan aplikasi interaktif dengan mempertimbangkan kebutuhan pengguna dan perkembangan ilmu transdisiplin.
CPL12 Kemampuan mendesain, mengimplementasi dan mengevaluasi solusi berbasis computing multi-platform yang memenuhi kebutuhan-kebutuhan computing pada sebuah organisasi.
Capaian Pembelajaran Mata Kuliah (CPMK)
CPMK10 Mampu menerapkan konsep statistika, probabilitas, dan kalkulus dalam analisis data dan pengambilan keputusan.
CPMK14 Mampu merancang dan mengembangkan aplikasi web front-end dan back-end secara terintegrasi.
CPMK16 Mampu mengembangkan aplikasi berbasis platform spesifik (mobile, web, desktop, embedded) dengan arsitektur yang tepat.
CPMK22 Mampu mengimplementasikan solusi komputasi menggunakan bahasa pemrograman dan framework yang sesuai.
CPMK23 Mampu mengintegrasikan komponen sistem (database, jaringan, UI, logika bisnis) dalam satu solusi utuh.
CPMK24 Mampu mengoptimalkan performa sistem melalui tuning algoritma, database, dan infrastruktur.
CPMK28 Mampu merancang solusi TI terintegrasi untuk organisasi (web, mobile, cloud, IoT, keamanan).
Kemampuan akhir tiap tahapan belajar (Sub-CPMK)
sub.cpmk.IFMI351.CPMK10.1 Mampu melakukan analisis data sederhana menggunakan metode statistika dan probabilitas.
sub.cpmk.IFMI351.CPMK14.1 Mampu membangun antarmuka dan layanan back-end pada aplikasi web.
sub.cpmk.IFMI351.CPMK16.1 Mampu mengembangkan aplikasi pada salah satu platform menggunakan arsitektur yang sesuai.
sub.cpmk.IFMI351.CPMK22.1 Mampu mengimplementasikan program menggunakan bahasa pemrograman dan framework tertentu.
sub.cpmk.IFMI351.CPMK23.1 Mampu mengintegrasikan database dan antarmuka aplikasi dalam satu sistem.
sub.cpmk.IFMI351.CPMK24.1 Mampu melakukan optimasi dasar pada algoritma dan database untuk meningkatkan performa sistem.
sub.cpmk.IFMI351.CPMK28.1 Mampu merancang solusi TI sederhana yang sesuai dengan kebutuhan organisasi.
Korelasi CPMK terhadap Sub-CPMK
CPMK10 sub.cpmk.IFMI351.CPMK10.1
CPMK14 sub.cpmk.IFMI351.CPMK14.1
CPMK16 sub.cpmk.IFMI351.CPMK16.1
CPMK22 sub.cpmk.IFMI351.CPMK22.1
CPMK23 sub.cpmk.IFMI351.CPMK23.1
CPMK24 sub.cpmk.IFMI351.CPMK24.1
CPMK28 sub.cpmk.IFMI351.CPMK28.1
Deskripsi Singkat MK Mata kuliah Front-end Web Development merupakan mata kuliah dengan materi pembuatan aplikasi web yang real-time, dinamis dan memiliki tampilan yang responsive. Bahasa pemograman yang digunakan adalah JavaScript dengan framework ReactJS. Dalam mata kuliah ini mahasiswa juga akan belajar bagaimana bekerja sama dalam membuat aplikasi web secara tim dengan menggunakan tools git dan github. Hasil akhir yang harus dicapai mahasiswa adalah kemampuan membuat aplikasi web yang terintegrasi dengan Firebase dengan memiliki fitur CRUD (create, read, update dan delete) The Front-end Web Development course is a course with material on creating web applications that are real-time, dynamic and have a responsive appearance. The programming language used is JavaScript with the ReactJS framework. In this course students will also learn how to work together to create web applications as a team using git and github tools. The final result that students must achieve is the ability to create web applications that are integrated with Firebase and have CRUD (create, read, update and delete) features.
Bahan Kajian : Materi Pembelajaran JavaScript and React Introduction, Basic JavaScript ES5, Basic JavaScript ES6, Version Control, Basic ReactJS, Presentasi dan demo hasil Proyek 1, Routing and REST API Integration, State Manajemen, Firebase Integration, Presentasi dan demo hasil Proyek 2
Pustaka Utama
  • 1. Marijn Haverbeke, Eloquent JavaScript, A Modern Introduction to Programming, 3rd Ed, 2018
  • 2. Official git documentation. [Online]. Available: https://git-scm.com/doc
  • 3. Offical ReactJS documentation. [Online]. Available: https://reactjs.org/docs/getting-started.html
  • 4. Offical Firebase documentation. [Online]. Available: https://firebase.google.com/docs/guides?hl=id
Pendukung
  • 5. Bootstrap official documentation. [Online]. Available: https://getbootstrap.com/docs/5.3/getting-started/introduction/
  • 6. React Router official documentation. [Online]. Available: https://reactrouter.com/en/main
  • 7. Axios official documentation. [Online]. Available: https://axios-http.com/docs/intro
  • 8. Redux official documentation. [Online]. Available: https://redux.js.org/introduction/getting-started
Dosen Pengampu Adam, Stenly, Taju, Semmy Wellem
Mata Kuliah Syarat [IFAP274] Pemrograman Berorientasi Objek/ Object Oriented Programming - 3 credit(s)
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.IFMI351.CPMK10.1-Mampu melakukan analisis data sederhana menggunakan metode statistika dan probabilitas.
 Mahasiswa memahami konsep dasar statistika Kriteria
Ketepatan konsep atau teori yang digunakan
Teknik
 kehadiran,Tanya Jawab,[TN=90 Menit]
 Topik

Sub Topik

 5
2 sub.cpmk.IFMI351.CPMK10.1-Mampu melakukan analisis data sederhana menggunakan metode statistika dan probabilitas.
 Mahasiswa mampu menghitung probabilitas sederhana Kriteria
ketepatan jawaban
Teknik
 Quiz,Tanya Jawab,[TN=90 Menit]
 Topik

Sub Topik

 5
3 sub.cpmk.IFMI351.CPMK10.1-Mampu melakukan analisis data sederhana menggunakan metode statistika dan probabilitas.
 Mahasiswa melakukan analisis data sederhana Kriteria
Kelengkapan jawaban
Teknik
 Tugas,Studi Kasus,[SK=90 Menit]
 Topik

Sub Topik

 5
4 sub.cpmk.IFMI351.CPMK14.1-Mampu membangun antarmuka dan layanan back-end pada aplikasi web.
 Memahami konsep front-end & back-end Kriteria
Partisipasi aktif
Teknik
 Partisipasi,Project Based Learning,[PBL=90 Menit]
 Topik

Sub Topik

 5
5 sub.cpmk.IFMI351.CPMK14.1-Mampu membangun antarmuka dan layanan back-end pada aplikasi web.
 Membuat UI Kriteria
Membuat UI
Teknik
 Tugas,Project Based Learning,[PBL=90 Menit]
 Topik

Sub Topik

 5
6 sub.cpmk.IFMI351.CPMK16.1-Mampu mengembangkan aplikasi pada salah satu platform menggunakan arsitektur yang sesuai.
 Integrasi FE & BE Kriteria
Integrasi berhasil
Teknik
 Praktikum,Studi Kasus,[SK=90 Menit]
 Topik

Sub Topik

 5
8 sub.cpmk.IFMI351.CPMK16.1-Mampu mengembangkan aplikasi pada salah satu platform menggunakan arsitektur yang sesuai.
 Pemahaman arsitektur Kriteria
proyek dengan integrasi frontend dan backend
Teknik
 Project,Project Based Learning,[PBL=180 Menit]
 Topik

Sub Topik

 20
9 sub.cpmk.IFMI351.CPMK16.1-Mampu mengembangkan aplikasi pada salah satu platform menggunakan arsitektur yang sesuai.
 Implementasi aplikasi Kriteria
Aplikasi berjalan
Teknik
 Tugas,Studi Kasus,[SK=180 Menit]
 Topik

Sub Topik

 5
10 sub.cpmk.IFMI351.CPMK22.1-Mampu mengimplementasikan program menggunakan bahasa pemrograman dan framework tertentu.
 Framework Kriteria
Kedalaman pembahasan
Teknik
 kehadiran,Ceramah,[CR=180 Menit]
 Topik

Sub Topik

 5
11 sub.cpmk.IFMI351.CPMK22.1-Mampu mengimplementasikan program menggunakan bahasa pemrograman dan framework tertentu.
 Coding dengan framework Kriteria
Kesesuaian sintaks atau implementasi teknis
Teknik
 Tugas,Studi Kasus,[SK=180 Menit]
 Topik

Sub Topik

 5
12 sub.cpmk.IFMI351.CPMK23.1-Mampu mengintegrasikan database dan antarmuka aplikasi dalam satu sistem.
 Integrasi DB & UI Kriteria
Aplikasi berjalan
Teknik
 Tugas,Studi Kasus,[SK=180 Menit]
 Topik

Sub Topik

 5
13 sub.cpmk.IFMI351.CPMK24.1-Mampu melakukan optimasi dasar pada algoritma dan database untuk meningkatkan performa sistem.
 Optimasi sistem Kriteria
Performa meningkat
Teknik
 Tugas,Diskusi Kelompok,[DK=180 Menit]
 Topik

Sub Topik

 5
15 sub.cpmk.IFMI351.CPMK28.1-Mampu merancang solusi TI sederhana yang sesuai dengan kebutuhan organisasi.
 Proposal sistem Kriteria
Kesesuaian penerapan arsitektur modular dan clean architecture.
Teknik
 Tugas,Diskusi Kelompok,[DK=180 Menit]
 Topik

Sub Topik

 5
16 sub.cpmk.IFMI351.CPMK28.1-Mampu merancang solusi TI sederhana yang sesuai dengan kebutuhan organisasi.
 Solusi TI terintegrasi Kriteria
Inovasi dan kreativitas
Teknik
 UAS,Project Based Learning,[PBL=180 Menit]
 Topik

Sub Topik

 20

Teknik Penilaian CPMK

CPL MK CPMK Tugas Quiz Kehadiran Mid Test (UTS) Project
CPL05 Pengembangan Web Front-End/Front-End Web Development CPMK10 Y Y
CPL07 Pengembangan Web Front-End/Front-End Web Development CPMK14 Y Y
CPL07 Pengembangan Web Front-End/Front-End Web Development CPMK16 Y Y Y
CPL10 Pengembangan Web Front-End/Front-End Web Development CPMK22 Y
CPL10 Pengembangan Web Front-End/Front-End Web Development CPMK23 Y
CPL10 Pengembangan Web Front-End/Front-End Web Development CPMK24 Y
CPL12 Pengembangan Web Front-End/Front-End Web Development CPMK28 Y Y

Prosedur Penilaian CPMK

1. Komponen Penilaian CPMK
CPL CPMK Sub-CPMK Detail Penugasan (Teknik Penilaian) Bobot % Kriteria Penilaian
CPL05 CPMK10 sub.cpmk.IFMI351.CPMK10.1 5 Ketepatan konsep atau teori yang digunakan
CPL05 CPMK10 sub.cpmk.IFMI351.CPMK10.1 5 ketepatan jawaban
CPL05 CPMK10 sub.cpmk.IFMI351.CPMK10.1 5 Kelengkapan jawaban
CPL07 CPMK14 sub.cpmk.IFMI351.CPMK14.1 5 Partisipasi aktif
CPL07 CPMK14 sub.cpmk.IFMI351.CPMK14.1 5 Membuat UI
CPL07 CPMK16 sub.cpmk.IFMI351.CPMK16.1 5 Integrasi berhasil
CPL07 CPMK16 sub.cpmk.IFMI351.CPMK16.1 20 proyek dengan integrasi frontend dan backend
CPL07 CPMK16 sub.cpmk.IFMI351.CPMK16.1 5 Aplikasi berjalan
CPL10 CPMK22 sub.cpmk.IFMI351.CPMK22.1 5 Kedalaman pembahasan
CPL10 CPMK22 sub.cpmk.IFMI351.CPMK22.1 5 Kesesuaian sintaks atau implementasi teknis
CPL10 CPMK23 sub.cpmk.IFMI351.CPMK23.1 5 Aplikasi berjalan
CPL10 CPMK24 sub.cpmk.IFMI351.CPMK24.1 5 Performa meningkat
CPL12 CPMK28 sub.cpmk.IFMI351.CPMK28.1 5 Kesesuaian penerapan arsitektur modular dan clean architecture.
CPL12 CPMK28 sub.cpmk.IFMI351.CPMK28.1 20 Inovasi dan kreativitas
Total 100
2. Penilaian CPMK
CPL MK CPMK Tugas Quiz Kehadiran Mid Test (UTS) Project Total
CPL05 Pengembangan Web Front-End/Front-End Web Development CPMK10 10% 5% 0% 0% 0% 15%
CPL07 Pengembangan Web Front-End/Front-End Web Development CPMK14 5% 0% 5% 0% 0% 10%
CPL07 Pengembangan Web Front-End/Front-End Web Development CPMK16 5% 5% 0% 20% 0% 30%
CPL10 Pengembangan Web Front-End/Front-End Web Development CPMK22 10% 0% 0% 0% 0% 10%
CPL10 Pengembangan Web Front-End/Front-End Web Development CPMK23 0% 5% 0% 0% 0% 5%
CPL10 Pengembangan Web Front-End/Front-End Web Development CPMK24 5% 0% 0% 0% 0% 5%
CPL12 Pengembangan Web Front-End/Front-End Web Development CPMK28 5% 0% 0% 0% 20% 25%
100%