Pembuatan Design UI/UX dengan Metode Prototyping pada Aplikasi Layanan Pengadilan Negeri Bale Bandung Menggunakan Figma

Aktor:

• Pengguna
• Admin

Use Cases:

• Melihat Informasi Kasus
• Mengajukan Permohonan
• Melacak Status Kasus
• Mengunduh Dokumen
• Mengelola Pengguna (Admin)
• Memproses Permohonan (Admin)
• Memperbarui Status Kasus (Admin)

Hubungan:

• Pengguna dapat melakukan semua use case kecuali yang khusus untuk Admin
• Admin dapat melakukan semua use case

  2. Class Diagram

Class Diagram menunjukkan struktur statis sistem, menggambarkan kelas-kelas, atribut-atributnya, metode-metodenya, serta hubungan antar kelas.

Kelas:

1. User
   • Atribut: id, name, email, password
   • Metode: register(), login()
2. Case
   • Atribut: caseId, caseNumber, filingDate, status
   • Metode: submitCase(), updateStatus()
3. Document
   • Atribut: docId, title, uploadDate
   • Metode: upload(), download()
4. Admin
   • Atribut: adminId, username, password
   • Metode: manageUsers(), manageCases()

Hubungan:

• User "1" -- "*" Case (satu User dapat memiliki banyak Case)
• Case "1" -- "*" Document (satu Case dapat memiliki banyak Document)
• Admin "1" -- "*" Case (satu Admin dapat mengelola banyak Case)
• Admin "1" -- "*" User (satu Admin dapat mengelola banyak User)

  3. Activity Diagram

Activity Diagram menggambarkan alur kerja atau aktivitas dari sebuah sistem atau proses bisnis. Diagram ini sangat berguna untuk mengilustrasikan alur penggunaan aplikasi.

Langkah-langkah:

1. Mulai
2. Login
3. Jika autentikasi berhasil, lanjut ke langkah 4. Jika gagal, kembali ke langkah 2.
4. Isi Formulir Kasus
5. Unggah Dokumen
6. Kirim Permohonan
7. Admin Meninjau
8. Jika disetujui, lanjut ke langkah 9. Jika tidak, kembali ke langkah 4.
9. Kasus Terdaftar
10. Selesai

  4. Entity Relationship Diagram (ERD)

ERD menggambarkan struktur dan hubungan antar data dalam basis data yang akan digunakan oleh aplikasi.