Perancangan Class Diagram Object Oriented Design

No. Field Type Field lengthvalues Keterangan 1. id_rootJab int 11 Id root jabatan 2. root_jab varchar 50 Nama Root jabatan 5. Nama file : mst_surat Primary key : id_surat Foreign key : id_user Struktur file : No. Field Type Field lengthvalues Keterangan 1. id_surat int 11 Id surat 2. No_surat varchar 50 Nomor surat 3. Tanggal_surat date Tanggal surat 4. Jenis_surat enum ‘private’, ‘penting’, ‘biasa’ Jenis surat 5. Tipe_surat enum ‘interna’, ‘eksterna’, ‘keluar’ Tipe surat 6. Asal_surat varchar 50 Asal surat 7. Dari varchar 30 Pengentri surat 8. Id_user int 11 Id user 9. Tujuan_surat_keluar varchar 100 Tujuan surat keluar 10. Perihal varchar 200 Perihal 11. Tembusan varchar 100 Tembusan 12. No_berkas varchar 50 Nomor berkas arsip 13. Status_surat varchar 50 Status surat 14. Status_disposisi varchar 50 Status disposisi 15. File_surat varchar 100 File surat 16. File_path varchar 100 alamat path surat 17. Keterangan text Keterangan 18. Tanggal_entry Date Tanggal entry 19. Waktu_entry timestamp Waktu entry 6. Nama file : disposisi_surat Primary key : id_disposisi Foreign key : id_surat Struktur file : No. Field Type Field lengthvalues Keterangan 1. id_disposisi Int 11 Id disposisi 2. Id_surat Int 11 Id surat 3. Dari Varchar 30 Asal disposisi 4. Untuk int 11 Tujuan disposisi 5. Disposisi_status varchar 30 Status disposisi 6. Status_surat_disposisi varchar 30 Status surat disposisi 7. Tipe_surat_disposisi enum ‘internal’, ‘eksterna;’, ‘internal’ Tipe surat disposisi 8. Tanggal_disposisi Date Tanggal disposisi 9. Waktu_disposisi timestamp Waktu disposisi

4.3.5. Kamus Data Data Dictionary

Berikut adalah table kamus data sistem manajemen surat dan pengarsipan: Tabel. 4.27. Kamus data mst_user file user { id_user + nik + username + nama_user + jenis_kelamin + tgl_lahir + handphone + email + alamat + password + id_bagian + id_jabatan + id_ rootJab + authority + last_login } mst_bagian file bagian { id_bagian + kode_bagian + nama_bagian + keterangan } mst_jabatan file jabatan { id_jabatan + nama_jabatan + id_bagian + level + parent_jab + id_rootJab + keterangan } mst_rootjabatan file roojabatan { id_rootJab + root_jab } mst_surat file surat { id_surat + no_surat + tanggal_surat + jenis_surat + tipe_surat + asal_surat + dari + id_user + tujuan_surat_keluar + perihal + tembusan + no_berkas + status_surat + status_disposisi + file_surat + file_path + keterangan + tanggal_entry + waktu_entry } disposisi_surat file disposisi_surat { id_disposisi + id_surat + dari + untuk + disposisi_status + status_surat_disposisi + tipe_surat_disposisi + tanggal_disposisi + waktu_disposisi }

4.3.6. Perancangan User Interface

1. Halaman login

Gambar. 4.52. Perancangan Halaman Login

2. Halaman Utama Admin

Gambar. 4.53. Perancangan Halaman Homepage Admin