Sismedika · IT Internal

SISTA

Sistem Informasi Tiket dan Relasi Aplikasi — prototipe high-fidelity untuk paparan Direksi.

Menggantikan Mantis Bug Tracker dengan state machine yang lebih kaya, SLA yang berdampak, audit trail append-only, dan bobot tiket berbasis Fibonacci — tanpa regresi kapabilitas.

Mulai Demo — masuk via Login Lihat alur demo
Laravel 10 · Livewire 3 · Tailwind · MySQL 8 (target) Prototipe statis · zero dependency · jalan offline v0.9 · MVP
6 Layar Inti + Design System

Jelajahi Prototipe

SISTA
masuk via email
01

Login

Email perusahaan, tanpa register, reset via Admin System.
02

Dashboard "My Day"

Role-aware: tiket butuh aksi, SLA risk, notifikasi.
03

Daftar Tiket

Filter berfungsi nyata + preset SLA/Genting.

 Layar pahlawan
04

Detail Tiket

Timeline, bobot Fibonacci, audit trail, ubah status live.
1
2
3
05

Buat Tiket

Wizard 3 langkah, duplicate detection, guard Genting.
06

Dashboard Management

KPI, trend, SLA heatmap, top modul, tiket macet.
3 5 8 13
Total Σ 13
07

Bobot Tiket

Penilaian Fibonacci interaktif, total Σ live, riwayat append-only.

Design System — referensi token & komponen

Palet, tipografi, badge status/SLA, shell sidebar+topbar. Sumber konsistensi semua layar.
Skenario 3–4 menit

Klik-path Demo Sabtu

1

Login

Buka login.html. Tunjukkan diagram lifecycle di kiri — "ini workflow, bukan Open/Selesai". Klik "Lupa sandi?" sekilas → reset manual via Admin System. Masuk.

2

Dashboard "My Day"

"Begitu masuk, user langsung tahu apa yang harus dikerjakan." Tunjuk kartu SLA At Risk/Breached + panel Perhatian SLA dengan eskalasi otomatis.

3

Daftar Tiket — filter hidup

Klik preset SLA Breached → tabel menyusut. Hapus chip, klik Genting → muncul tiket SatuSehat. Klik baris itu untuk masuk detail.

4

Detail Tiket — klimaks

SLA countdown berdetak + counter "Dipindah 2×". Buka tab Bobot (Fibonacci + delta), lalu Audit Trail. Klik Ubah Status → On Hold, isi alasan → badge berubah + baris audit baru + toast. "Setiap aksi tercatat."

5

Buat Tiket — pencegahan

Ketik "login emr" → duplicate detection muncul. Pilih Bugs (Reproducibility muncul). Step 2: pilih Genting → guard Business Impact muncul.

6

Dashboard Management — penutup

Tutup di sini. SLA Compliance 91.4%, heatmap → "titik lemah kita: Genting di Development". Trend backlog menyusut. "Visibilitas yang Mantis tak punya."

Yang interaktif (boleh diklik saat demo)

  • • Filter & preset di Daftar Tiket (menyaring nyata)
  • • SLA countdown berdetak di Detail
  • • Ubah Status + modal alasan → tulis audit baru
  • • Tab Komentar/Lampiran/Relasi/Bobot/Audit
  • • Wizard 3 langkah + duplicate detection + guard Genting
  • • Pratinjau live di Buat Tiket

Sifat prototipe ini

HTML + Tailwind statis, dijalankan langsung di browser — tanpa server, tanpa database, tidak bisa "error 500" saat paparan. Markup ini dirancang untuk porting ~1:1 ke Blade nanti, jadi bukan kerja yang terbuang.

Belum termasuk (Phase berikutnya)

Backend nyata (state machine, audit append-only, SLA engine), notifikasi terkirim, panel penilaian bobot oleh assessor, master data Admin System, dan layar IT-RS/QC khusus. Prototipe ini menetapkan arah desain & UX, bukan implementasi penuh.