Perancangan Prosedur yang diusulkan

Aktor Sistem Menampilkan Menu Utama admin Pilih Input Data User Menampilkan form Data User Input Data User dan Simpan simpan ke Database Gambar 4.15 Activity Diagram Administrator

4.2.4 Perancangan Prosedur yang diusulkan

4.2.4.1 Sequence Diagram

Rosa A.S-M.Shalahuddin 2011:137 Diagram Sekuen menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima antar objek. Berikut adalah diagram sequence Sistem Informasi Rekam Proyek : 1. Sequence Diagram Login Berikut ini merupakan sequence diagram untuk proses login untuk masuk kedalam sistem. Aktor Login Menu Utama 1 : Username, Password 2 : Validasi 3 : Masuk ke Tampilan Menu Utama 4 : Data Tidak Valid 5 : Pesan Username, Password salah Gambar 4.16 Sequence Diagram Login 2. Sequence Diagram Data Kavling Berikut ini merupakan sequence diagram untuk proses Data Kavling. Aktor Menu Utama Data Kavling 1 : Tampilan Menu Utama Sistem 2 : Input Data Kavling 3 : Menampilkan Data Kavling 4 : Input Data Kavling Baru 5 : Menampilkan Data Kavling Gambar 4.17 Sequence Diagram Data Kavling 3. Sequence Diagram Data Target Pembangunan Berikut ini merupakan sequence diagram untuk proses Data Target Pembangunan. Aktor Menu Utama Data Target Pembangunan 1 : Tampilan Menu Utama Sistem 2 : Input Data Target Pembangunan 3 : Menampilkan Data Target Pembangunan 4 : Input Data Target Pembangunan Baru 5 : Menampilkan Data Target Pembangunan Gambar 4.18 Sequence Diagram Data Target Pembangunan 4. Sequence Diagram Progres Berikut ini merupakan sequence diagram untuk proses Progres. Aktor Menu Utama Progres 1 : Tampilan Menu Utama Sistem 2 : Input Progres 3 : Menampilkan Progres 4 : Input Progres Baru 5 : Menampilkan Progres Gambar 4.19 Sequence Diagram Progres 5. Sequence Diagram Material Masuk Berikut ini merupakan sequence diagram untuk proses Material Masuk. Aktor Menu Utama Material Masuk 1 : Tampilan Menu Utama Sistem 2 : Input Data Material Masuk 3 : Menampilkan Data Material Masuk 4 : Input Data Material Masuk Baru 5 : Menampilkan Data Material Masuk Gambar 4.20 Sequence Diagram Material Masuk 6. Sequence Diagram Material Keluar Berikut ini merupakan sequence diagram untuk proses Material Keluar. Aktor Menu Utama Material Keluar 1 : Tampilan Menu Utama Sistem 2 : Input Data Material Keluar 3 : Menampilkan Data Material Keluar 4 : Input Data Material Keluar Baru 5 : Menampilkan Data Material Keluar Gambar 4.21 Sequence Diagram Material Keluar 7. Sequence Diagram Absensi Berikut ini merupakan sequence diagram untuk proses Absensi. Aktor Menu Utama Absensi 1 : Tampilan Menu Utama Sistem 2 : Input Data Absensi 3 : Menampilkan Data Absensi 4 : Input Data Absensi Baru 5 : Menampilkan Data Absensi Gambar 4.22 Sequence Diagram Absensi

4.2.4.2 Class Diagram

Rosa A.S-M.Shalahuddin 2011:122 Diagram kelas atau class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Kelas memiliki apa yang disebut atribut dan metode atau operasi. Berikut adalah diagram kelas pada Sistem Informasi Rekam Proyek : target_pembangunan +id_target +id_kavling +kegiatan +awal_pengerjaan +akhir_pengerjaan +lama_pengerjaan +tgl_kerja +selesai +lama_selesai +tgl_selesai +status +simpan +batal +hapus material_masuk +id_ms +id_material +tgl_masuk +jumlah +simpan +batal +hapus absensi +id_absensi -id_tukang +harike +absensi +tanggal_masuk +simpan +batal +hapus material +id_material +nama_material +stok +harga +simpan +batal +hapus material_keluar +id_mk +id_kavling +id_material +tanggal_keluar +jumlah +simpan +batal +hapus data_tukang +id_tukang +id_kavling +nama_tukang +upah +jumlah_kehadiran +simpan +batal +hapus data_kavling +id_kavling +nama_kaling +luas_kavling +type_rumah +luas_rumah +simpan +batal +hapus menu utama +Beranda +Target Pembangunan +Absensi +Material Keluar +Material Masuk +Menu +Material +Data Tukang +Data Kavling 1 1 1 1 1 1 1 periode_absen +id_periode +periode_hari +simpan +hapus authassignment +itemname +userid +bizrule +data +simpan +batal +hapus authitemchild +parent +child +simpan +hapus authitem +name +type +description +bizrule +data +simpan +batal +hapus kegiatan_proyek +id_kp +kp +simpan +hapus user +id_user +username +password +simpan +batal +hapus rights +itemname +type +wight +simpan +hapus 1 1 1 1 1 1 1 Gambar 4.23 Class Diagram yang diusulkan

4.2.4.3 Component Diagram

Diagram komponen atau component diagram dibuat untuk menunjukkan organisasi dan ketergantungan di antara kumpulan komponen dalam sebuah sistem. Diagram komponen fokus pada komponen sistem yang dibutuhkan dan ada di dalam sistem. Rosa A.S – M.Shalahuddin 2011:125. Berikut adalah diagram komponen dari Sistem Informasi Rekam Proyek : Rekam Proyek index.php material.php target_pembangunan.php material_masuk.php material_keluar.php data_kavling.php absensi.php data_tukang.php Gambar 4.24 Component Diagram yang diusulkan 4.2.4.4 Deployment Diagram Rossa A.S – M.Shalahuddin 2011:129 Diagram deploymen atau deployment diagram menunjukkan konfigurasi komponen dalam proses eksekusi aplikasi. Berikut adalah diagram deploymen untuk Sistem Informasi Rekam Proyek di GRAND SAKINA RESIDENCE : Client SI Rekam Proyek Interface artifact Server MySQL DB artifact SI Rekam Proyek Application artifact LAN Gambar 4.25 Deployment Diagram yang diusulkan

4.2.5 Perancangan Antar Muka