Peta alur mockupBuka mockup →

Peta alur — Kustomisasi Laporan V2 + Buat Template dengan AI

Mockup statis (tanpa backend). Layar SIAKAD disalin dari DOM halaman asli localhost:8030; layar AI meniru Custom Report AI (iframe dalam modal).

A. Buat template baru dengan AI (dari form Tambah)
  1. Daftar Kustomisasi Laporan V2: tombol Buat Template dengan AI (BR-01), atau form Tambah: tombol yang sama di kolom Nama Template USULAN
  2. Pilih Jenis Laporan → Lanjut (BR-02). Jenis dengan kuota bulan ini terpakai (contoh: Ijazah) nonaktif, lengkap dengan pesan dan tanggal kembali; kuota dipakai bersama satu perguruan tinggi (BR-10). Semua jenis tersedia: ?kuota=none. Layar unggah sebelum jenis dipilih: area unggah nonaktif
  3. Unggah PDF (satu file, tanpa pertanyaan, BR-03) → preview halaman pertama PDF, tombol Generate aktif (BR-04), dengan info generate hanya bisa 1× per bulan untuk jenis laporan itu (BR-10)
  4. Generate: loading di tengah dengan hitungan detik → Perbandingan PDF contoh dan hasil AI, jumlah variabel terpasang di bawah perbandingan (BR-07). Tidak ada tombol generate ulang dan tidak ada tombol Buat Ulang di detail template (BR-06)
  5. Generate gagal: pesan jelas, template yang ada tidak berubah, kuota tidak terpakai, tombol Unggah Ulang (BR-09). Gagal juga bisa dijalankan dari alur lewat ?sk=gagal
  6. Simpan sebagai Template Baru: dialog Unit Kerja, Nama Template, Aktif? (dengan teks bantu apa yang diaktifkan), dengan pemberitahuan template lama akan ditimpa (BR-08) → Template tersimpan → detail template
Asli vs rekaan
BagianSumber
Header, menu, footer, tombol, tabel daftar, form Tambah, detail 185ASLI DOM halaman yang dirender + CSS assets/v1 aplikasi
Modal “Buat Template dengan AI”: pilih jenis, unggah PDF, preview, loading di tengah, perbandingan hasil, gagal generate, dialog simpan (timpa), template tersimpanUSULAN alur baru; memakai CSS assets/v1 (Bootstrap 3, style.css, style_new.css) + cra/assets/flow.css. Tidak ada pertanyaan tambahan, riwayat format lama di luar scope.
Record 312 “Transkrip_Akademik_AI.docx”, isi pratinjau, mahasiswa contohREKAAN
Tombol AI di daftar, “Simpan ke SIAKAD sebagai template baru”, tabel “Variabel yang dipasang AI”, pesan sukses setelah simpan, tombol “Lihat Sample”USULAN belum ada di aplikasi