Desain Sistem UML Tahap Perancangan

63 Gambar 4.6. Dekomposisi Fungsi Sistem Usulan

4.4.2 Desain Sistem UML

Unified Modelling Language UML merupakan suatu bahasa pemodelan untuk melakukan spesifikasi, visualisasi, kontruksi dan dokumentasi objek dalam pengembangan sebuah perangkat lunak system. UML bertujuan untuk melakukan pemodelan terhadap pembuatan suatu sistem dengan menggunakan konsep berorientasi objek object oriented. Sistem Informasi Cuti Data Master Informasi Cuti Laporan Data Master Pegawai Data Master Bagian Data Master Cuti Data Master User Pengajuan Cuti Pembatalan Cuti Persetujuan Cuti Kabag Persetujuan Cuti Kabag Kepeg. Logout Laporan Pegawai yang cuti Laporan Pegawai yang Batal Cuti Status Pegawai Cuti Status Pembatalan Cuti 64 Setelah dilakukan pengumpulan kebutuhan dan studi literature, dihasilkan hal sebagai berikut:

A. Use Case Diagram

Use case adalah rangkaianuraian sekelompok yang saling terkait dan membentuk sistem secara teratur yang dilakukan atau diawasi oleh sebuah aktor. Use case digunakan untuk membentuk tingkah-laku benda things dalam sebuah model serta di realisasikan oleh sebuah collaboration. Umumnya use case digambarkan dengan sebuah elips dengan garis yang solid, biasanya mengandung nama. Pada use case diagram dibawah ini,dapat dilihat bahwa Sistem Informasi Pengajuan Cuti Karyawan PT Integrasi Tri Tama Cendekia memiliki dua pengguna, yaitu Admin dan Karyawan PT Integrasi Tri Tama Cendekia. 65 Gambar 4.7 . Use Case Diagram Berikut ini adalah use case diagram yang ada di sistem usulan 1. Proses Login user karyawan. Gambar 4.8. Use Case Diagram Login user karyawan. 66 Tabel 4.1 . Use Case Diagram Login user karyawan Use Case Menampilkan Halalaman Login Brief Description Use Case ini memungkinkan user karyawan membuka halaman login . Actor User Pre Condition user karyawan harus menggunakan browser internet untuk mengakses Main Flow Saat Sistem Informasi Cuti pertama kali diakses melalui browser internet, User Karyawan akan menuju pada halaman utama yaitu index.php untuk kemudian dapat memasukan username dan password supaya bisa masuk ke dalam aplikasi permohonan cuti 2. Proses pengajuan cuti Gambar 4.9. Use Case Diagram Pengajuan cuti. 67 Tabel 4.2. Use Case diagram Pengajuan cuti. Use Case Menampilkan Halalaman Pengajuan Cuti Brief Description Use Case ini menjelaskan bagaiman user yang bertujuan untuk mengajukan permohonan cuti. Actor User Pre Condition user karyawan harus menggunakan browser internet untuk mengakses sistem informasi cuti Main Flow Setelah karyawan memasukan username dan password maka akan tampil halaman berikutnya yaitu halaman index2.php.disitu karyawan yang akan melakukan permohonan cuti dengan mengklik pengajuan cuti,dan karyawan diharuskan mengisi data yang ada di aplikasi tersebut setelah selesai mengisi semua maka tekan tombol kirim. Post Condition Jika proses telah berhasil maka karyawan diharuskan mengklik Logout untuk keluar dari aplikasi pengajuan cuti. 3. Laporan Gambar 4.10. Use Case Diagram Laporan. Bagian Kepegawian 68 Tabel 4.3. Use Case diagram Laporan. Use Case Menampilkan Halalaman Laporan Brief Description Use Case ini menjelaskan bagaiman admin yang bertujuan untuk memberikan tentang laporan data karyawan yang melakukan cuti Actor Admin Pre Condition Admin harus menggunakan browser internet untuk mengakses sistem informasi cuti Main Flow Admin melakukan rekap data dan setelah itu admin memberikan laporan kepada Kepala Bagian dan Kepala Bagian KepegawaianHRD Post Condition Admin Bisa Melakukan Tambah,Ubah,Hapus,Simpan dan Batal Pada Data Master,Informasi Cuti.

B. Statechart Diagram

Statechart Diagram menggambarkan transisi dan perubahan keadaan dari suatu state ke state lain suatu objek pada sistem sebagai akibat dari perubahan yang diterima. Statechart diagram pada umumnya menggambarkan class tertentu suatu class dapat memiliki lebih dari satu Statechart Diagram. 69 a. Statechart diagram Login. Gambar 4.11. Statechart Diagram Login Admin user Deskripsi gambar: Admin mebuka login admin, maka akan tampil form login admin. Input username dan password. Jika username atau password belum lengkap haruslah dilengkapi terlebih dahulu. Dan jika sudah lengkap maka halaman untuk admin tampil. b. Statechart diagram Data Master Pegawai Gambar 4.12. Statechart Diagram Data Master Pegawai. Deskripsi gambar: Admin membuka halaman data master pegawai dan menginput, mengedit dan menghapus data master 70 pegawai,setelah itu meng-update data yang telah diolah oleh admin c. Statechart diagram Data Master Bagian Gambar 4.13. Statechart Diagram Data Master Bagian. Deskripsi gambar: Admin membuka halaman data master bagian. Admin menginput,mengedit dan menghapus data master bagian, setelah itu meng-update data yang telah diolah oleh admin. d. Statechart Diagram Data Master Cuti. Gambar 4.14. Statechart Diagram Data Master Cuti 71 Deskripsi gambar: Admin membuka halaman data master cuti. Admin menginput,mengedit dan menghapus data master bagian, setelah itu meng-update data yang telah diolah oleh admin. e. Statechart Diagram Data Master User Gambar 4.15. Statechart Diagram Data Master user. Deskripsi gambar: Admin membuka halaman data master user. Admin menginput,mengedit dan menghapus data master bagian, setelah itu meng-update data yang telah diolah oleh admin. f. Statechart Diagram Data Pengajuan Cuti Gambar 4.16. Statechart Diagram Data Pengajuan Cuti 72 Deskripsi gambar: User membuka halaman form pengajuan cuti. User mengisi aplikasi pengajuan cuti setelah data telah diisi semua, user diarahkan untuk mengklik tombol Kirim. maka data akan terkirim dan tersimpan kedalam database.. g. Statechart Diagram Pembatalan Cuti Gambar 4.17. Statechart Diagram Pembatalan Cuti Deskripsi gambar: Admin membuka tabel pengajuan cuti karyawan,setelah menyamakan dengan data master cuti,ternyata karyawan yang mengajukan cuti telah habis masa cutinya. Maka cuti yang diajukan oleh karyawan tersebut dibatalkan. 73 h. Statechart Diagram Persetujuan Cuti Gambar 4.18. Statechart Diagram Persetujuan Cuti Deskripsi gambar: Admin membuka tabel pengajuan cuti karyawan,setelah menyamakan dengan data master cuti, karyawan yang mengajukan cuti masih mempunyai masa cuti yang belum diambil. Maka cuti yang diajukan oleh karyawan tersebut disetujui.

C. Activity Diagram

Activity Diagram memberikan gambaran bagaimana sistem berinteraksi dengan pengguna danatau dengan sistem lain. Berikut merupakan activity diagram dari fungsi pengajuan cuti karyawan PT Integrasi Tri Tama Cendekia. Aktivitas dimulai data sistem menampilkan tata cara pengajuan cuti karyawan,kemudian karyawan pengguna sebelum masuk ke aplikasi pengajuan cuti terlebih dahulu karyawanpengguna harus login terlebih dahulu setelah bisa login 74 karyawan akan dihadapkan pada pilihan untuk mengisi aplikasi pengajuan cuti, pengguna akan dihadapkan pada pilihan cuti yang akan diambil. Urutan aktivitas akan berakhir saat pengguna mengklik tombol SEND atau membatalkan pengajuan cuti. a. Activity Diagram Admin Admin Web Gambar 4.19. Activity Diagram Admin 75 b. Activity Diagram pengajuan cuti karyawan Karyawan Web Gambar 4.20. Activity Diagram Karyawan 76 c. Activity Diagram Laporan Admin Web Kabag Kepeg Gambar 4.21 . Activity Diagram Laporan

D. Package Diagram

Package diagram adalah sebuah bentuk pengelompokan yang memungkinkan untuk mengambil sebuah bentuk di UML dan mengelompokan elemen-elemennya dalam tingkatan unit yang lebih 77 tinggi. Kegunaan package yang paling umum adalah untuk mengelompokkan class. Berikut adalah gambar package diagram yang ada di dalam perancangan sistem infomasi kepegawaian : Gambar 4.22. Package Diagram

E. Class Diagram

Class diagram adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek. Class menggambarkan keadaan atributproperti suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut metoda fungsi. Class diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan lain-lain. 78 Users username password noid_peg kdbagian nmkepala_bagian jml_cuti email level blokir Bagian kd_bagian nmbagian Cuti kd_cuti nm_cuti Dtl_cuti noid_peg tgl_mulai tgl_selesai tgl_kembali ambil_cuti almt_cuti kdcuti kep_cuti tgl_ajukan Jmlcuti_thn periode_cuti Statuscuti_kabag Statuscuti_kepeg Pegawai noid_pegawai nama_pegawai jns_kelamin tgl_lahir nmbagian pendidikan agama jurusan jabatan tgl_bekerja Alamat no_ktp no_telp no_jamsostek awal_jamsostek gol_darah status tgl_menikah nm_istrisuami pekerjaan 0.. 0.. 1.. 1.. 0.. 1.. 1.. 0.. Gambar 4.23 . Class Diagram Tabel 4.4. Dokumentasi Class diagram No Requirement Class Entity 1 Yang dapat login ke halaman Sistem Informasi Kepegawaian PT Integrasi Tri Tama Cendekia adalah Admin dan User Login 2 Yang dapat mengisi aplikasi pengajuan cuti adalah user pegawai Form pengajuan cuti 3 Yang dapat menambah ,mengedit dan menghapus data adalah administrator Data Master,Informasi Cuti dan Laporan 4 Yang dapat mengupdate adalah administrator dan ditampilkan di halaman Status Cuti Status Cuti 79

F. Sequence Diagram

Sequence diagram diagram urutan adalah suatu diagram yang memperlihatkan atau menampilkan interaksi-interaksi antar objek di dalam sistem yang disusun pada sebuah urutan atau rangkaian waktu. Interaksi antar objek tersebut termasuk pengguna, display, dan sebagainya berupa pesanmessage. Sequence Diagram digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai sebuah respon dari suatu kejadianeven untuk menghasilkan output tertentu. Sequence Diagram diawali dari apa yang me-trigger aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan. Berikut adalah Sequence Diagram yang ada di program usulan 1. Sequence Diagram Login Gambar 4.24. Sequence Diagram Login 80 2. Sequence Diagram Entry Data Master Adminuser Open Input data pegawai Input data cuti Input data bagian Form Data Master Control Data Master File Data Master simpan Batal Input data user display Edit Gambar 4.25. Sequence Diagram Data Master 3. Sequence Diagram Entry Laporan Gambar 4..26. Sequence Diagram Laporan 81 4. Sequence Diagram Entry Pengajuan Cuti Gambar 4.27. Sequence Diagram Pengajuan Cuti.

G. Component Diagram

Component diagram menggambarkan struktur dan hubungan antar komponen piranti lunak, termasuk ketergantungan dependency diantaranya. Komponen piranti lunak adalah modul berisi code, baik berisi source code maupun binary code, baik library maupun executable, baik yang muncul pada compile time, link time maupun run time. Umumnya komponen terbentuk dari beberapa class dan atau package, tapi dapat juga berupa interface, yaitu kumpulan layanan yang disediakan sebuah komponen untuk komponen lainnya. 82 Gambar 4.28. Component Diagram

H. Collaboration Diagram

Collaboration diagram juga menggambarkan interaksi antar objek seperti Sequence diagram, tetapi lebih menekankan pada peran masing-masing objek dan bukan pada waktu penyampaian message. 83 AdminUser Open Hal.Data Master Logout View Jenis-jenis Cuti Vie w Interaksi Laporan Pengajuan Cuti Hapus Edit Tambah View View Tambah Edit Hapus V ie w Vie w View Cuti Tahunan Cuti Besar Cuti Sakit Cuti Bersalin Cuti Alasan Penting Cuti diluar tgungan Negara Form Pengajuan Cuti Index Gambar 4.29. Collaboration Diagram

I. Deployment Diagram

Deployment physical diagram menggambarkan detail bagaimana komponen di-deployment dalam infrastruktur sistem, dimana komponen akan terletak pada mesin, server atau piranti keras apa, bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi server, dan hal-hal lain yang bersifat fisikal. Sebuah node adalah server, workstation atau piranti keras lain yang digunakan untuk men- deployment komponen dalam lingkungan sebenarnya. 84 Gambar 4.30. Deployment Diagram

4.2.3. ERD Entity Relationship Diagram