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