Sistem Pendukung Pengambilan Kelas

e-SKPB

Pengambilan kelas yang lebih jelas, aman, dan informatif.

e-SKPB membantu mahasiswa ITS mengecek kuota kelas, melihat detail mata kuliah, memvalidasi kelayakan akademik, mengambil antrean digital, dan menerima notifikasi giliran dalam satu alur layanan.

Lihat Mockup Coba Prototype
0 Main Task
0 Validation Check
0 Main Screen
9:41 ● ● ●
e-SKPB Sistem Informasi
SI

Halo, Mahasiswa SI

Pantau SKPB tanpa harus antre fisik di kampus.

12 Kuota buka
23 Antrean
3 Validasi
🔍

Cari mata kuliah atau kode kelas

Cek Kuota Sisa kursi
Validasi Cek aman
Antrean Digital
Status antrean aktif

A-023 · Posisi 23 dari 40

Basis Data - Kelas A

Menunggu antrean digital

Hampir Penuh
Home Kuota Queue Profil
Overview

Masalah akademik yang diselesaikan

Mahasiswa membutuhkan cara yang lebih cepat dan jelas untuk memilih kelas, mengecek kuota, menghindari bentrok jadwal, dan memahami status layanan SKPB.

🎯

Problem Statement

Informasi kuota, jadwal, prasyarat, dan status validasi sering tersebar sehingga mahasiswa sulit memastikan apakah kelas yang dipilih aman untuk diambil.

💡

Solution

e-SKPB menyatukan pencarian kelas, filter, detail kelas, validasi kelayakan, rekomendasi alternatif, antrean digital, dan notifikasi dalam satu alur.

🚀

Value Proposition

Sistem pendukung pengambilan kelas yang transparan, efisien, dan mudah digunakan untuk membantu mahasiswa mengambil keputusan akademik dengan lebih percaya diri.

Project Highlights

Kenapa e-SKPB penting?

Website ini mendokumentasikan proses desain e-SKPB dari kebutuhan pengguna, rancangan fitur, prototype, hingga evaluasi usability.

3

Task utama: login, cek kuota, validasi dan antrean digital.

4

Validasi akademik: prasyarat, SKS, jadwal, dan kuota.

6

Flow penting: search, filter, detail, validasi, antrean, notifikasi.

Hi-Fi

Prototype final yang siap dipresentasikan dan diuji.

Features

Fitur utama e-SKPB

Fitur dirancang untuk membantu mahasiswa memahami pilihan kelas dan status layanan secara lebih cepat.

🔎

Search & Filter

Mahasiswa dapat mencari mata kuliah dan memfilter berdasarkan departemen, hari, dan status kuota.

📊

Kuota Kelas

Status tersedia, hampir penuh, atau penuh ditampilkan agar pengguna dapat mengambil keputusan cepat.

🛡️

Validasi Kelayakan

Sistem memeriksa prasyarat, jumlah SKS, bentrok jadwal, dan status kuota kelas.

🎟️

Antrean Digital

Mahasiswa mendapatkan nomor antrean, estimasi waktu, dan update posisi antrean.

Task Flow

Alur pengujian dari POV mahasiswa

Prototype dibagi menjadi simple, moderate, dan complex task agar alur utama dapat diuji secara bertahap.

Simple Task

Login & Home

  1. Login dengan akun ITS.
  2. Masuk ke Home.
  3. Melihat ringkasan kuota dan antrean.
Moderate Task

Cek Kuota & Detail Kelas

  1. Buka menu Kuota.
  2. Cari mata kuliah.
  3. Terapkan filter.
  4. Buka detail kelas.
Complex Task

Validasi & Antrean

  1. Mulai validasi kelayakan.
  2. Baca hasil validasi.
  3. Ambil nomor antrean.
  4. Terima notifikasi giliran.
Hi-Fi Mockup

Screen utama dari prototype e-SKPB

Mockup berikut merepresentasikan screen Hi-Fi e-SKPB: Home, Kuota, Detail Kelas, Validasi, Validasi Gagal, Antrean Digital, Status Antrean, dan Notifikasi.

9:41 ● ● ●
Home Kuota Queue Profil
Screen Detail

Home Dashboard

Home menampilkan ringkasan kuota, antrean aktif, validasi aman, pencarian mata kuliah, shortcut fitur, dan riwayat terakhir.

Interactive Prototype

Coba prototype asli dari Figma

Embed ini mengarah ke file Figma e-SKPB agar prototype bisa dicoba langsung dari website.

Hi-Fi Prototype Flow

Flow utama meliputi Login ITS, Home, Cek Kuota, Detail Kelas, Validasi Kelayakan, Validasi Berhasil/Gagal, Rekomendasi Alternatif, Antrean Digital, Status Antrean, dan Notifikasi.

Login ITS Cek Kuota Detail Kelas Validasi Antrean Notifikasi
Buka di Figma
Design Revision

Before vs After

Revisi dilakukan agar alur penggunaan terasa lebih rapi, konsisten, dan mudah dipahami dari pencarian mata kuliah sampai antrean digital.

Before

Flow masih kurang konsisten

  • Search di Home dan Kuota belum seragam.
  • Informasi kelas belum cukup jelas sebelum validasi.
  • Validasi gagal masih terlalu umum.
  • Status antrean belum memberi konteks yang kuat.
After

Alur lebih jelas dan informatif

  • Search dan filter dibuat lebih konsisten.
  • Detail kelas ditampilkan sebelum validasi.
  • Validasi memberi alasan berhasil atau gagal.
  • Antrean digital menampilkan nomor, estimasi, dan status.
Heuristic Evaluation

Major Usability Problems Addressed

Evaluasi digunakan untuk menemukan masalah usability dengan severity tinggi sebelum prototype dilanjutkan ke tahap berikutnya.

Pengguna perlu mengetahui status validasi, status kuota, posisi antrean, dan estimasi waktu. Perbaikan dilakukan dengan progress validasi, status antrean, dan notifikasi.

Pengguna perlu kontrol untuk kembali ke detail kelas, membatalkan antrean, atau memilih rekomendasi alternatif tanpa mengulang alur dari awal.

Istilah, tombol, bottom navigation, dan struktur halaman dibuat konsisten agar pengguna tidak perlu mempelajari ulang setiap screen.

Sebelum pengguna mengambil antrean, sistem menampilkan validasi prasyarat, batas SKS, bentrok jadwal, dan kuota agar kesalahan dapat dicegah.

Meet Our Team

Kelompok 2 DPP (A)

Tim perancang e-SKPB sebagai sistem pendukung pengambilan kelas yang lebih jelas, efisien, dan informatif.

HS

Haura Rahiva Syahla

5026241056

LA

Lenno Andhika Pramudya A.

5026241057

FD

Fawzy Muhammad Dzaake

5026241064

YM

Yesica Ingrita Manik

5026241072

GP

Gading Putra Priyanto

5026241129

Final Prototype

SKPB yang lebih mudah dipahami mahasiswa.

e-SKPB menghadirkan alur cek kuota, validasi, rekomendasi kelas, antrean digital, dan notifikasi dalam satu pengalaman yang lebih jelas.

Coba Prototype