Admission ITH Banner
Kembali ke Projects // Education Platform

Admission ITH

Sistem penerimaan mahasiswa baru Institut Teknologi Hasanuddin — mengelola seluruh proses pendaftaran, seleksi, hingga pengumuman hasil secara digital dan transparan.

Laravel Livewire Alpine.js Tailwind CSS Live

Overview

Admission ITH adalah sistem informasi penerimaan mahasiswa baru yang dibangun untuk Institut Teknologi Hasanuddin (ITH). Sistem ini hadir untuk menjawab kebutuhan digitalisasi proses penerimaan yang sebelumnya berjalan secara manual dan konvensional — mulai dari pengisian formulir kertas, antrian fisik, hingga pengumuman via mading kampus yang tidak efisien.

Dengan Admission ITH, seluruh siklus penerimaan mahasiswa baru dapat berjalan sepenuhnya secara online. Calon mahasiswa dapat mendaftar dari mana saja, mengunggah dokumen persyaratan, memantau status pendaftaran secara real-time, hingga menerima pengumuman hasil seleksi langsung melalui platform — tanpa perlu hadir secara fisik ke kampus.

Screenshots

Tampilan lengkap antarmuka sistem Admission ITH dari berbagai modul.

Halaman Landing & Informasi PMB
Form Pendaftaran Online
Dashboard Calon Mahasiswa
Panel Admin — Verifikasi Berkas
Halaman Seleksi & Penilaian
Pengumuman Hasil Seleksi

Key Features

  • Pendaftaran online multi-jalur: jalur prestasi, reguler, dan beasiswa — masing-masing dengan alur dan persyaratan yang berbeda
  • Upload dan verifikasi berkas persyaratan (KTP, ijazah, foto, dsb.) dengan preview langsung di browser menggunakan Alpine.js
  • Dashboard real-time calon mahasiswa untuk memantau status pendaftaran dan tahapan seleksi yang sedang berjalan
  • Panel admin dengan fitur verifikasi berkas berjenjang dan catatan reviewer per dokumen
  • Sistem penilaian dan scoring calon mahasiswa yang terintegrasi dengan modul seleksi
  • Pengumuman hasil seleksi otomatis yang dapat dipublikasikan dengan satu klik oleh admin
  • Notifikasi email otomatis di setiap perubahan status — dari konfirmasi pendaftaran hingga pengumuman hasil
  • Cetak kartu peserta ujian seleksi langsung dari dashboard calon mahasiswa
  • Laporan statistik PMB: jumlah pendaftar per jalur, per prodi, dan tingkat konversi penerimaan
  • Manajemen referensi pada halamana utama seperti logo, banner, berita dan informasi kontak

Mengapa TALL Stack?

Proyek ini menggunakan pendekatan TALL Stack — kombinasi Tailwind CSS, Alpine.js, Livewire, dan Laravel — yang memungkinkan pengembangan antarmuka yang reaktif dan modern tanpa harus meninggalkan ekosistem PHP/Laravel. Ini adalah pilihan yang sangat efisien untuk tim kecil karena seluruh logika, dari backend API hingga komponen UI interaktif, dapat ditulis oleh satu developer dalam satu codebase yang kohesif.

Livewire menjadi tulang punggung interaktivitas — komponen seperti form multi-step pendaftaran, real-time search data calon mahasiswa, dan filter tabel verifikasi berkas semuanya dibangun sebagai Livewire component yang reaktif tanpa menulis satu baris JavaScript pun untuk logika bisnis. Alpine.js mengisi peran untuk UI behavior ringan seperti toggle dropdown, preview file upload, dan transisi animasi yang tidak memerlukan full reactivity.

Tailwind CSS memungkinkan pengembangan UI yang konsisten dan cepat melalui utility-first approach, sementara seluruh logika backend, autentikasi, dan manajemen data tetap berjalan di atas fondasi Laravel yang solid — termasuk queue untuk email, validasi form server-side, dan policy-based authorization.