bab iv perancangan sistem usulan · pengunjung dapat melihat info loker dan persyaratan . 37 9....
Post on 26-Aug-2020
9 Views
Preview:
TRANSCRIPT
36
BAB IV
PERANCANGAN SISTEM USULAN
4.1. Tahapan Perancangan Sistem
Tahapan perancangan sistem ini akan mengidentifikasi kebutuhan yang didapat
berdasarkan dari kebutuhan pengguna/user dan kebutuhan sistem/system.
4.1.1. Analisis Kebutuhan
Menjelaskan dua macam kebutuhan yang akan penulis usulkan sebagai berikut :
A. Kebutuhan Pengguna
Dalam perancangan sistem penerimaan karyawan baru ini terdapat lima
pengguna yang dapat saling berinteraksi dalam lingkungan sistem, antara lain:
Halaman pengunjung, Halaman calon karyawan, Halaman HRD, Halaman Divisi,
Halaman direktur, dan Halaman admin. Keenam pengguna tersebut memiliki
karakteristik interaksi dengan sistem yang berbeda selain itu memiliki kebutuhan
informasi yang berbeda, yaitu:
A. Skenario Kebutuhan Halaman Pengunjung
1. Pengunjung dapat melihat halaman beranda
2. Pengunjung dapat melihat halaman tentang kami
3. Pengunjung dapat melihat halaman jasa
4. Pengunjung dapat melihat halaman peralatan
5. Pengunjung dapat melihat halaman proyek
6. Pengunjung dapat melihat halaman kontak kami
7. Pengunjung dapat melihat halaman karir
8. Pengunjung dapat melihat info loker dan persyaratan
37
9. Pengunjung dapat register
B. Slenario Kebutuhan Halaman Calon Karyawan
1. Calon karyawan dapat melakukan login
2. Calon karyawan dapat merubah password
3. Calon karyawan dapat melakukan pendaftaran
4. Calon karyawan dapat mencetak bukti pendaftaran
5. Calon karyawan dapat melihat loker dan persyaratan
6. Calon karyawan dapat melakukan tes psikotes dasar
7. Calon karyawan dapat melihat hasil tes psikotes dasar
8. Calon karyawan dapat mencetak hasil tes psikotes dasar
9. Calon karyawan dapat melihat hasil seleksi
10. Calon karyawan dapat mencetak hasil seleksi
11. Calon karyawan dapat melakukan logout
C. Skenarion Kebutuhan Halaman HRD
1. HRD dapat melakukan login
2. HRD dapat merubah password
3. HRD dapat melihat SPPK
4. HRD dapat melihat form pendaftaran
5. HRD dapat mengelola tes psikotes dasar
6. HRD dapat mengelola hasil tes psikotes dasar
7. HRD dapat mengelola hasil seleksi
8. HRD dapat melihat laporan karyawan baru
9. HRD dapat melakukan logout
D. Skenario Kebutuhan Kepala Divisi
1. Kepala Divisi dapat melakukan login
38
2. Kepala Divisi dapat mengisi SPPK
3. Kepala Divisi dapat melihat SPPK
4. Kepala Divisi dapat melihat laporan karyawan baru
5. Kepala Divisi dapat melakukan logout
E. Skenario Kebutuhan Direktur
1. Direktur dapat melakukan login
2. Direktur dapat merubah password
3. Direktur dapat melihat laporan penerimaan karyawan baru
4. Direktur dapat mengelola SPPK
5. Direktur dapat melakukan logout
F. Skenario Kebutuhan Admin
1. Admin dapat melakukan login
2. Admin dapat merubah password
3. Admin dapat mengelola data admin
4. Admin dapat mengelola data hrd
5. Admin dapat mengelola data direktur
6. Admin dapat mengelola data divisi
7. Admin dapat mengelola data calon karyawan
8. Admin dapat mengelola SPPK
9. Admin dapat mengelola form pendaftaran
10. Admin dapat mengelola tes psikotes dasar
11. Admin dapat mengelola hasil tes psikotes dasar
12. Admin dapat mengelola hasil seleksi
13. Admin dapat mengelola laporan penerimaan karyawan
14. Admin dapat mengelola pesan masuk
39
15. Admin dapat melakukan logout.
B. Kebutuhan Sistem
1. Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses
website ini dengan memasukkan username dan password agar privasi masing-
masing pengguna tetap terjaga keamanannya.
2. Pengguna harus melakukan logout setelah selesai menggunakan website ini.
3. Sistem melakukan kalkulasi data calon karyawan yang masuk.
40
4.1.2. Rancangan Diagram Use Case
1. Use Case Diagram Front End Pengunjung
melihat halaman beranda
melihat halaman tentang kami
melihat halaman jasa
melihat halaman peralatan
melihat halaman proyek
melihat halaman kontak kami
melihat halaman karir
melihat halaman info loker
& persyaratan
login/register
<<extend>>
<<extend>>
Gambar IV.1. Use Case Diagram Front End Pengunjung
Tabel IV.1.
Deskripsi Use Case Front End Pengunjung
Use Case Name Front End
Requirements A1-A9
Goal Pengunjung dapat melihat front end dan buat akun
Pre-Conditions Pengunjung melihat front end
Post-Conditions Pengunjung dapat buat akun
Failed end Conditions Pengunjung tidak dapat register karena tidak mengisi
form register
Actors Pengunjung
Main Flow / Basic Path 1. Pengunjung membuka web
2. Sistem menampilkan halaman front end
Alternate Flow/Invariant A -
Invariant B -
41
2. Use Case Diagram Calon Karyawan
melakukan login
input username
& password
merubah
passoword
melakukan
pendaftaran
melihat lowongan
melihat hasil
seleksi
melakukan logout
loker dan
persyaratan
<<include>>
<<extend>> melakukan tes
psikotes dasar<<extend>>
melihat dan
mencetak hasil
seleksi
<<extend>>
melihat dan cetak
hasil tes psikotes
dasar
<<extend>>
cetak bukti
pendaftaran
<<extend>>
Gambar IV.2. Use Case Diagram Calon Karyawan
Tabel IV.2.
Deskripsi Use Case Calon Karyawan
Use Case Name Calon Karyawan
Requirements B1-B11
Goal Calon karyawan dapat mengikuti tes psikotes dasar
Pre-Conditions Calon karyawan masukan username dan password
Post-Conditions Calon karyawan mengisi soal psikotes dan melihat hasil
Failed end Conditions Calon karyawan tidak dapat login karena salah masukan
username dan password
Actors Calon karyawan
Main Flow / Basic Path 1. Calon karyawan masukan username dan password
2. Calon karyawan lakukan psikotes dasar dan lihat hasil
3.Sistem melakukan verivikasi dan menampilkan
halaman calon karyawan
Alternate Flow/Invariant A -
Invariant B -
42
3. Use Case Diagram HRD
melakukan logininput username
& password
merubah password
melihat form pendaftaran
mengelola tes
psikotes dasar
mengelola hasil
seleksi
melakukan logout
<<include>>
melihat laporan
karyawan baru
<<extend>>
<<extend>>
<<extend>><<extend>>
<<extend>>
melihat SPPK
<<extend>>
mengelola hasil tes
psikotes dasar
<<extend>>
Gambar IV.3. Use Case Diagram HRD
Tabel IV.3.
Deskripsi Use Case HRD
Use Case Name HRD
Requirements C1-C9
Goal HRD dapat login dan melihat halaman HRD
Pre-Conditions HRD masukan username dan password
Post-Conditions HRD melihat halaman HRD
Failed end Conditions HRD tidak bisa login karena salah memasukkan username
dan password
Actors HRD
Main Flow / Basic Path 1. HRD masukkan username dan password
2. HRD melihat halaman HRD
3.Sistem melakukan verivikasi dan menampilkan halaman
HRD
Alternate Flow/Invariant A -
Invariant B -
43
4. Use Case Diagram Kepala Divisi
melakukan login
melihat laporan
karyawan baru
mengisi SPPK
melakukan logout
masukan username
dan password<<include>>
<<extend>>
<<extend>>
Divisi
<<extend>>
melihat SPPK
<<extend>>
Gambar IV.4. Use Case Diagram Kepala Divisi
Tabel IV.4.
Deskripsi Use Case Kepala Divisi
Use Case Name Kepala Divisi
Requirements D1-D5
Goal Kepala Divisi login, mengisi sppk dan melihat laporan
Pre-Conditions Kepala Divisi masukkan username dan password
Post-Conditions Kepala Divisi mengisi sppk
Failed end Conditions Kepala Divisi tidak dapat login karena salah
memasukkan username dan password
Actors Kepala Divisi
Main Flow / Basic Path 1. Kepala Divisi memasukkan username dan password
2.Kepala Divisi mengisi sppk, melihat laporan karyawan
baru
3.Sistem melakukan verivikasi dan menampilkan
halaman kepala divisi
Alternate Flow/Invariant A -
Invariant B -
44
5. Use Case Diagram Direktur
melakukan login
merubah password
melihat laporan
karyawan baru
melakukan logout
masukan username
dan password<<include>>
<<extend>>
<<extend>>
<<extend>>
mengelola SPPK
<<extend>>
Gambar IV.5. Use Case Diagram Direktur
Tabel IV.5.
Deskripsi Use Case Direktur
Use Case Name Direktur
Requirements E1-E5
Goal Direktur melihat laporan karyawan baru
Pre-Conditions Direktur masukkan username dan password
Post-Conditions Direktur setujui sppk dan melihat laporan
Failed end Conditions Direktur tidak dapat login karena salah masukkan
username dan password
Actors Direktur
Main Flow / Basic Path 1. Direktur masukkan username dan password
2. Direktur mengelola sppk dan melihat laporan
karyawan
3. Sistem melakukan verivikasi dan menampilkan
halaman direktur
Alternate Flow/Invariant A -
Invariant B -
45
6. Use Case Diagram Back End Admin
melakukan logininput username
dan password
mengelola data master
mengelola laporan
karyawan baru
melakukan logout
<<include>>
<<extend>>
<<extend>>
<<extend>>
mengelola pesan masuk
<<extend>>
merubah password
<<extend>>
Gambar IV.6. Use Case Diagram Back End Admin
Tabel IV.6.
Deskripsi Use Case Back End Admin
Use Case Name : Back end
Requirements : F1-F15
Goal : Admin dapat login dan melihat back end admin
Pre-Conditions : Admin masukkan username dan password
Post-Conditions : Admin dapat login
Failed end Conditions : Admin tidak dapat login karena salah masukkan
username dan password
Actors : Admin
Main Flow / Basic Path 1. Admin masukkan username dan password
2. Sistem melakukan verivikasi dan menampilkan
halaman admin
Alternate Flow/Invariant A -
Invariant B -
46
7. Use Case Diagram Manage Data
melakukan manage
data
mengelola data admin
mengelola data hrd mengelola data direktur
mengelola data calon karyawan
mengelola form pendaftaran
mengelola hasil seleksi
<<extend>>
<<extend>> <<extend>>
<<extend>>
<<extend>>
<<extend>>
Admin
mengelola data divisi
mengelola SPPK
<<extend>>
<<extend>>
mengelola tes psikotes dasar
<<extend>>
mengelola hasil tes psikotes dasar
<<extend>>
Gambar IV.7. Use Case Diagram Manage Data
Tabel IV.7.
Deskripsi Use Case Manage Data
Use Case Name Manage Data
Requirements F3-F12
Goal Admin dapat melihat manage data
Pre-Conditions Admin telah login
Post-Conditions Tampil daftar manage data
Failed end Conditions Admin tidak dapat login karena salah masukkan username
dan password
Actors Admin
Main Flow / Basic Path 1. Admin memlih menu manage data
3. Sistem melakukan verivikasi dan menampilkan manage
data
Alternate Flow/Invariant A -
Invariant B -
47
8. Use Case Diagram Mengelola Laporan
mengelola laporanlaporan karyawan
baru<<extend>>
Gambar IV.8. Use Case Diagram Mengelola Laporan
Tabel IV.8.
Deskripsi Use Case Mengelola Laporan
Use Case Name Mengelola Laporan
Requirements F13
Goal Admin dapat melihat laporan karyawan baru
Pre-Conditions Admin telah login
Post-Conditions Tampil laporan karyawan baru
Failed end Conditions Admin tidak dapat login karena salah masukkan
username dan password
Actors Admin
Main Flow / Basic Path 1. Admin memlih menu laporan karyawan baru
3. Sistem melakukan verivikasi dan menampilkan
laporan karyawan baru
Alternate Flow/Invariant A -
Invariant B -
48
9. Use Case Diagram Pesan Masuk
mengelola pesan
masukmelihat pesan masuk<<extend>>
Gambar IV.9. Use Case Diagram Mengelola Pesan Masuk
Tabel IV.9.
Deskripsi Use Case Mengelola Pesan Masuk
Use Case Name Pesan Masuk
Requirements F14
Goal Admin dapat mengelola pesan masuk
Pre-Conditions Admin telah login
Post-Conditions Tampil pesan masuk
Failed end Conditions Admin tidak dapat login karena salah masukkan
username dan password
Actors Admin
Main Flow / Basic Path 1. Admin memlih menu pesan masuk
3. Sistem melakukan verivikasi dan menampilkan pesan
masuk
Alternate Flow/Invariant A -
Invariant B -
49
4.1.3. Rancangan Diagram Activity
1. Activity Diagram Halaman Front End Pengunjung
Activity Diagram Front End Pengunjung
Pengunjung Sistem
mulai
selesai
membuka webmenampilkan
halaman beranda
beranda tentang
kami
jasa peralatan proyek
kontak kami karir
menampilkan proyek
menampilkan peralatan
menampilkan jasa
menampilkan tentang kami
menampilkan beranda
menampilkan karir
menampilkan kontak kami
info loker dan
persyaratanregister login menampilkan login
menampilkan register
menampilkan info loker
dan persyaratan
Gambar IV.10. Activity Diagram Halaman Front End Pengunjung
50
2. Activity Diagram Karir
Activity Diagram Karir
SistemPengunjung
halaman
beranda
pilih menu karir
mulai
selesai
menampilkan menu karir
info loker dan
persyaratanregister login
menampilkan info loker
dan persyaratan
menampilkan login
menampilkan register
batalisi data
register
submit data berhasil disimpan
yatidak
Gambar IV.11. Activity Diagram Karir
51
3. Activity Diagram Login Calon Karyawan
Activity Diagram Login Calon Karyawan
Calon Karyawan Sistem
mulai
login
masukan username
dan password
ya
menampilkan
dashboard calon karyawan
selesai
tidak
Gambar IV.12. Activity Diagram Login Calon Karyawan
4. Activity Diagram Pendaftaran Calon Karyawan
Activity Diagram Pendaftaran Calon Karyawan
SistemCalon Karyawan
pendaftaranmenampilkan
formulir pendaftaran
isi formulir pendaftaran
simpanbatal data berhasil disimpan
mulai
selesai
yatidak
Gambar IV.13. Activity Diagram Pendaftaran Calon Karyawan
52
5. Activity Diagram Ubah Password Calon Karyawan
Activity Diagram Ubah Password Calon Karyawan
SistemCalon Karyawan
ubah passwordmenampilkan ubah
password
isi password menjadi
password baru
simpanbatal password berhasil dirubah
mulai
selesai
yatidak
Gambar IV.14. Activity Diagram Ubah Password Calon Karyawan
53
6. Activity Diagram Tes Psikotes Dasar
Activity Diagram Psikotes Dasar
Calon Karyawan Sistem
mulai
dashboard calon
karyawan
memilih lowongan
selesai
menampilkan lowongan
info loker dan persyaratan
tes psikotes dasar
menampilkan info loker dan persyaratan
menampilkan tes psikotes dasar
batal jawab soal
submit jawaban berhasil disimpan
hasil tes psikotes dasar
menampilkan hasil tes psikotes dasar
cetakbatal
menampilkan cetak pdf
yatidak
yatidak
Gambar IV.15. Activity Diagram Tes Psikotes Dasar
54
7. Activity Diagram Hasil Seleksi
Activity Diagram Hasil Seleksi
Calon Karyawan Sistem
mulai
dashboard calon
karyawan
pilih menu hasil
seleksi
selesai
menampilkan hasil
seleksi
cetakbatalmenampilkan cetak
simpan
yatidak
Gambar IV.16. Activity Diagram Hasil Seleksi
55
8. Activity Diagram Halaman HRD
Activity Diagram HRD
SistemHRD
menampilkan
halaman HRD
melihat sppk
mulai
selesai
form
pendaftaran
laporan
karyawan baru
tes psikotes
dasarhasil seleksi
menampilkan laporan
karyawan baru
menampilkan form
pendaftaran
menampilkan sppk
menampilkan hasil seleksi
menampilkan tes psikotes
dasar
hapus
edit
tambah
simpan berhasil disimpan
berhasil dihapus
login
masukan
username dan
password
tidak
ya
menampilkan hasil tes psikotes
dasar
hasil tes
psikotes dasar
cetak
menampilkan
cetak pdf
Gambar IV.17. Activity Diagram Halaman HRD
56
9. Activity Diagram Halaman Kepala Divisi
Activity Diagram Kepala Divisi
Kepala Divisi Sistem
mulai
selesai
melihat sppk
mengisisppk
menampilkan mengisi sppk
menampilkan sppk
sppk telah diisi
melihat laporan karyawan baru
menampilkan laporan karyawan baru
isi data sppk
simpanbatal
menampilkan
halaman kepala
divisi
login
masukan username
dan password
tidak
ya
yatidak
Gambar IV.18. Activity Diagram Halaman Kepala Divisi
57
10. Activity Diagram Halaman Direktur
Activity Diagram Halaman Direktur
Direktur Sistem
mulai
selesai
laporan karyawan baru
merubah password
menampilkan ubah password
menampilkan laporan karyawan baru
isi password baru
update password password berhasil dirubah
mengelolasppk
menampilkan mengelola sppk
edit
setujutdk setuju
simpan data berhasil disimpan
menampilkan
halaman direktur
login
masukan username
dan password
ya
tidak
yatidak
Gambar IV.19. Activity Diagram Halaman Direktur
58
11. Activity Diagram Login Admin
Activity Diagram Login Admin
Admin Sistem
mulai
login
masukan username
dan password
ya
menampilkan
dashboard admin
selesai
tidak
Gambar IV.20. Activity Diagram Login Admin
59
12. Activity Diagram Manage Data
Activity Diagram Manage Data
Admin Sistem
mulai
selesai
dashboard admin
manage datamenampilkan
manage data
admin hrd direktur divisicalon
karyawan
sppkform
pendaftaran
tes psikotes
dasar
menampilkan calon karyawan
menampilkan divisi
menampilkan data direktur
menampilkan data hrd
menampilkan data admin
menampilkan hasil seleksi
menampilkan form pendaftaran
menampilkan sppk
hapus edit
ubah data data berhasil diubah
data berhasil dihapus
hasil
seleksi
menampilkan tes psikotes dasar
hasil tes
psikotes dasar
menampilkan hasil tes psikotes dasar
cetak
menampilkan cetak pdf
Gambar IV.21. Activity Diagram Manage Data
60
13. Activity Diagram Laporan Karyawan Baru
Activity Diagram Laporan Karyawan Baru
Admin Sistem
dashboard admin
pilih menu laporan
karyawan baru
menampilkan laporan
karyawan baru
mulai
selesai
batal print cetak pdf menampilkan pdf
menampilkan print
Gambar IV.22. Activity Diagram Laporan Karyawan Baru
14. Activity Diagram Pesan Masuk
Activity Diagram Pesan Masuk
Admin Sistem
mulai
dashboard admin
pilih menu pesan
masuk
menampilkan
daftar pesan masuk
selesai
hapus pesan
ya
tidak
Gambar IV.23. Activity Diagram Pesan Masuk
61
15. Activity Diagram Ubah Password Admin
Activity Diagram Merubah Password Admin
Admin Sistem
dashboard admin
merubah passwordmenampilkan halaman
merubah password
isi data
update password password berhasil diubah
mulai
selesai
Gambar IV.24. Activity Diagram Ubah Password Admin
62
4.1.4. Rancangan Dokumen Sistem Usulan
Menjelaskan secara rinci setiap rancangan dokumen pada program yang
dihasilkan dan uraian parameter-parameter dokumen tersebut.
1. Nama Dokumen : Bukti Pendaftaran
Fungsi : Untuk bukti telah melakukan pendaftaran
Sumber : Hrd
Tujuan : Calon Karyawan
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi pendaftaran calon karyawan
Bentuk : Lampiran C1
2. Nama Dokumen : Hasil Tes Psikotes Dasar
Fungsi : Untuk mengetahui nilai tes psikotes dasar
Sumber : Hrd
Tujuan : Calon Karyawan
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi psikotes dasar
Bentuk : Lampiran C2
3. Nama Dokumen : Hasil Seleksi
Fungsi : Untuk mengetahui Hasil Seleksi Akhir
Sumber : Hrd
Tujuan : Calon Karyawan
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi penyeleksian karyawan baru
Bentuk : Lampiran C3
4. Nama Dokumen : Laporan Karyawan Baru
Fungsi : Untuk mengetahui karyawan yang diterima
Sumber : Hrd
Tujuan : Direktur
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi penerimaan karyawan baru
Bentuk : Lampiran C4
63
4.1.5. Rancangan Prototype
1. Menu Utama Front End Pengunjung
Gambar IV.25. Menu Utama Front End Pengunjung
64
2. Menu Tentang Kami
Gambar IV.26. Tentang Kami
65
3. Menu Jasa
Gambar IV.27. Jasa
4. Menu Peralatan
Gambar IV.28. Menu Peralatan
66
5. Menu Proyek
Gambar IV.29. Menu Proyek
67
6. Menu Kontak Kami
Gambar IV.30. Menu Kontak Kami
7. Menu Karir
Gambar IV.31. Menu Karir
68
8. Menu Register dan Login
Gambar IV.32. Menu Register dan Login
69
9. Menu Utama Calon Karyawan
Gambar IV.33. Menu Utama Calon Karyawan
70
10. Menu Ubah Password Calon Karyawan
Gambar IV.34. Menu Ubah Password Calon Karyawan
71
11. Menu Pendaftaran Calon Karyawan
Gambar IV.35. Menu Pendaftaran Calon Karyawan
72
12. Pendaftaran Berhasil Disimpan
Gambar IV.36. Pendaftaran Berhasil Disimpan
73
13. Info Loker dan Persyaratan
Gambar IV.37. Info Loker dan Persyaratan
74
14. Tes Psikotes Dasar
Gambar IV.38. Tes Psikotes Dasar
15. Jawaban Berhasil Disimpan
Gambar IV.39. Jawaban Berhasil Disimpan
75
16. Hasil Tes Psikotes Dasar
Gambar IV.40. Hasil Tes Psikotes Dasar
17. Hasil Seleksi
Gambar IV.41. Hasil Seleksi
76
18. Menu Utama Halaman HRD
Gambar IV.42. Menu Utama Halaman HRD
19. Ubah Password Halaman HRD
Gambar IV.43. Ubah Password Halaman HRD
77
20. SPPK Halaman HRD
Gambar IV.44. SPPK Halaman HRD
21. Formulir Pendaftaran Halaman HRD
Gambar IV.45. Formulir Pendaftaran Halaman HRD
78
22. Tes Psikotes Dasar Halaman HRD
Gambar IV.46. Tes Psikotes Dasar Halaman HRD
23. Hasil Tes Psikotes Dasar Halaman HRD
Gambar IV.47. Hasil Tes Psikotes Dasar Halaman HRD
79
24. Hasil Seleksi Halaman HRD
Gambar IV.48. Hasil Seleksi Halaman HRD
25. Laporan Karyawan Baru Halaman HRD
Gambar IV.49. Laporan Karyawan Baru Halaman HRD
80
26. Menu Utama Halaman Divisi
Gambar IV.50. Menu Utama Halaman Divisi
81
27. Formulir SPPK Halaman Divisi
Gambar IV.51. Formulir SPPK Halaman Divisi
82
28. SPPK Halaman Divisi
Gambar IV.52. SPPK Halaman Divisi
29. Laporan Karyawan Baru Halaman Divisi
Gambar IV.53. Laporan Karyawan Baru Halaman Divisi
83
30. Menu Utama Halaman Direktur
Gambar IV.54. Menu Utama Halaman Direktur
31. Ubah Password Halaman Direktur
Gambar IV.55. Ubah Password Halaman Direktur
84
32. SPPK Halaman Direktur
Gambar IV.56. SPPK Halaman Direktur
33. Laporan Karyawan Baru Halaman Direktur
Gambar IV.57. Laporan Karyawan Baru Halaman Direktur
85
34. Login Admin
Gambar IV.58. Login Admin
35. Menu Utama Halaman Admin
Gambar IV.59. Menu Utama Halaman Admin
86
36. Ubah Password Halaman Admin
Gambar IV.60. Menu Utama Halaman Admin
37. Data Admin Halaman Admin
Gambar IV.61. Data Admin Halaman Admin
87
38. Data HRD Halaman Admin
Gambar IV.62. Data HRD Halaman Admin
39. Data Direktur Halaman Admin
Gambar IV.63. Data Direktur Halaman Admin
88
40. Data Divisi Halaman Admin
Gambar IV.64. Data Divisi Halaman Admin
41. Data Calon Karyawan Halaman Admin
Gambar IV.65. Data Calon Karyawan Halaman Admin
89
42. SPPK Halaman Admin
Gambar IV.66. SPPK Halaman Admin
43. Formulir Pendaftaran Halaman Admin
Gambar IV.67. Formulir Pendaftaran Halaman Admin
90
44. Tes Psikotes Halaman Admin
Gambar IV.68. Tes Psikotes Halaman Admin
45. Hasil Tes Psikotes Halaman Admin
Gambar IV.69. Hasil Tes Psikotes Halaman Admin
91
46. Hasil Seleksi Halaman Admin
Gambar IV.70. Hasil Seleksi Halaman Admin
47. Laporan Karyawan Baru Halaman Admin
Gambar IV.71. Laporan Karyawan Baru Halaman Admin
92
4.2. Perancangan Perangkat Lunak
Perancangan lunak ini difokuskan pada enam atribut, yaitu ERD, LRS,
Spesifikasi File, Class Diagram, Sequence Diagram, dan Spesifikasi Hardware dan
Software.
4.2.1. Entity Relationship Diagram (ERD)
Perancangan basis data dan menghasilkan pemetaan tabel-tabel yang
digambarkan dengan Entity Relationship Diagram (ERD).
ckaryawan
id_ckaryawan
nama_lengkap
username
password
pendaftaran
id_pendaftaran
nik
nama_lengkap
jenis_kelamin
tempat_lahir
tanggal_lahir
no_ponsel
agama
status_pernikahan
kewarganegaraan
pendidikan
melakukan detail_divisi
id_divisi
nama_kepala_divisi
jabatan
divisi
id_divisi
nama_divisi
username
password
memiliki
permintaan
id_permintaan
id_divisi
nama_divisi
nama_kepala_divisi
jabatan_dibutuhkan
jabatan_dibutuhkan
jumlah_dibutuhkan
melihathrd
id_divisi
id_hrd
nama_hrd
username
password
tpsikotes membuat
id_tpsikotes
id_hrd
nama_tpsikotes
htpsikotesmenghasilk
an
id_htpsikotes
id_pendaftaran
id_tpsikotes
jumlah_jawaban_be
nar
detail_htpsiko
tesmemiliki
id_htpsikotes
pertanyaan
jawaban
total_nilai
detail_tpsikot
es
memiliki
id_tpsikotes
pertanyaan
jawaban_a
jawaban_b
jawaban_c
jawaban_d
jawaban_benar
hseleksi
menghasilkan
id_hseleksi
id_pendaftaran
id_tpsikotes
id_htpsikotes
keterangan
melakukan
1 1
1
1
1 1
melakukan
m
m
m1
1m
1111
1
1
1
1
tanggal_tes
waktu_tes
alamat
id_ckaryawan
mengelola
melihat1
1
1
m
no_ponsel
id_hrd
Gambar IV.72. Entity Relationship Diagram (ERD)
93
4.2.2. Logical Record Structure (LRS)
ckaryawan
id_ckaryawanPK
nama_lengkap
no_ponsel
username
password
pendaftaran
id_pendaftaranPK
nikFK
nama_lengkap
jenis_kelamin
tempat_lahir
tanggal_lahir
alamat
no_ponsel
agama
status_pernikahan
kewarganegaraan
pendidikan
detail_divisi
id_divisiFK
nama_divisi
nama_kepala_divisi
jabatan
divisi
id_divisiPK
nama_divisi
username
password
permintaan
id_permintaanPK
id_divisiFK
nama_divisi
nama_kepala_divisi
jabatan_dibutuhkan
jumlah_dibutuhkan
id_hrdFK
hrd
id_hrdPK
nama_hrd
username
password
detail_htpsikotes
id_htpsikotesFK
pertanyaan
jawaban
total_nilai
htpsikotes
id_htpsikotesPK
id_pendaftaran
id_tpsikotesFK
jumlah_jawaban_benar
tpsikotes
id_tpsikotesPK
nama_tpsikotes
id_pendaftaran
detail_tpsikotes
id_tpsikotesFK
pertanyaan
jawaban_a
jawaban_b
jawaban_c
jawaban_d
jawaban_benar
hseleksi
id_hseleksiPK
id_pendaftaranFK
id_tpsikotes
id_htpsikotesFK
keterangan
id_hrdFK
tanggal_tes
waktu_tes
id_ckaryawanFK
id_hrdFK
1
1
1
1
1
1
1
1
1
1
m
1
m
1
11
1
m
m
m
1
1
1
1
1
Gambar IV.73. Logical Record Structure (LRS)
94
4.2.3. Spesifikasi File
Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD (dan
atau file-file penunjang untuk web). File-file ini tersimpan pada database
pkaryawanbaru dengan parameter-parameter sebagai berikut :
1. Spesifikasi File Ckaryawan
Nama Database : pkaryawanbaru.sql
Nama Tabel : ckaryawan
Akronim : ckaryawan.myd
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Record Size : 142 byte
Field Key : id_ckaryawan
Software : MySQL
Tabel IV.10.
Spesifikasi File Ckaryawan
No Elemen Data Akronim Tipe Ukuran Keterangan
1. ID Calon Karyawan id_ckaryawan Integer 5 Primary Key
2. Nama Lengkap nama_lengkap Varchar 35
3. No Ponsel no_ponsel Varchar 12
4. Email email Varchar 30
5. Username username Varchar 30
6. Password password Varchar 30
2. Spesifikasi File Pendaftaran
Nama Database : pkaryawanbaru.sql
Nama Tabel : pendaftaran
Akronim : pendaftaran.myd
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Record Size : 200 byte
Field Key : id_pendaftaran
Software : MySQL
Tabel IV.11.
Spesifikasi File Pendaftaran
No Elemen Data Akronim Tipe Ukuran Keterangan
1. ID Pendaftaran id_pendaftaran Integer 5 Primary Key
2. Nik nik Varchar 16 Foreign Key
3. Nama Lengkap nama_lengkap Varchar 35
95
4. Jenis Kelamin jenis_kelamin Enum -
5. Tempat Lahir tempat_lahir Varchar 15
6. Tanggal Lahir tanggal_lahir Varchar 2
7. Alamat alamat Varchar 50
8. No Ponsel no_ponsel Varchar 12
9. Agama agama Varchar 35
10. Email email Varchar 30
11. Status Pernikahan status_pernikahan Enum -
12. Kewarganegaraan kewarganegaraan Enum -
13. Pendidikan pendidikan Enum -
3. Spesifikasi File Tpsikotes
Nama Database : pkaryawanbaru.sql
Nama Tabel : tpsikotes
Akronim : tpsikotes.myd
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Record Size : 45 byte
Field Key : id_tpsikotes
Software : MySQL
Tabel IV.12.
Spesifikasi File Tpsikotes
No Elemen Data Akronim Tipe Ukuran Keterangan
1. ID Tes Psikotes id_tpsikotes Integer 5 Primary Key
2. ID HRD id_hrd Integer 5 Foreign Key
3. Nama Tes Psikotes nama_tpsikotes Varchar 35
4. Spesifikasi File Detail Tpsikotes
Nama Database : pkaryawanbaru.sql
Nama Tabel : detail_tpsikotes
Akronim : detail_tpsikotes.myd
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Record Size : 215 byte
Field Key : id_tpsikotes
Software : MySQL
96
Tabel IV.13.
Spesifikasi File Detail Tpsikotes
No Elemen Data Akronim Tipe Ukuran Keterangan
1. ID Tes Psikotes id_tpsikotes Integer 5 Foreign Key
2. Pertanyaan pertanyaan Varchar 35
3. Jawaban a jawaban_a Varchar 35
4. Jawaban b jawaban_b Varchar 35
5. Jawaban c jawaban_c Varchar 35
6. Jawaban d jawaban_d Varchar 35
7. Jawaban Benar jawaban_benar Varchar 35
5. Spesifikasi File Htpsikotes
Nama Database : pkaryawanbaru.sql
Nama Tabel : htpsikotes
Akronim : htpsikotes.myd
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Record Size : 50 byte
Field Key : id_htpsikotes
Software : MySQL
Tabel IV.14.
Spesifikasi File Htpsikotes
No Elemen Data Akronim Tipe Ukuran Keterangan
1. ID Hasil Tes Psikotes id_htpsikotes Integer 5 Primary Key
2. ID Pendaftaran id_pendaftaran Integer 5
3. ID Tes Psikotes id_tpsikotes Integer 5
4. Jumlah Jawaban Benar jumlah_jawaban_benar Varchar 35
6. Spesifikasi File Detail Htpsikotes
Nama Database : pkaryawanbaru.sql
Nama Tabel : detail_htpsikotes
Akronim :detail_htpsikotes.myd
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Record Size : 110 byte
Field Key : id_htpsikotes
Software : MySQL
97
Tabel IV.15.
Spesifikasi File Detail Htpsikotes
No Elemen Data Akronim Tipe Ukuran Keterangan
1. ID Hasil Tes Psikotes id_htpsikotes Integer 5 Foreign Key
2. Pertanyaan pertanyaan Varchar 35
3. Jawaban jawaban Varchar 35
4. Total Nilai total_nilai Varchar 35
7. Spesifikasi File HRD
Nama Database : pkaryawanbaru.sql
Nama Tabel : hrd
Akronim : hrd.myd
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Record Size : 95 byte
Field Key : id_hrd
Software : MySQL
Tabel IV.16.
Spesifikasi File HRD
No Elemen Data Akronim Tipe Ukuran Keterangan
1. ID HRD id_hrd Integer 5 Primary Key
2. Nama HRD nama_hrd Varchar 30
3. Username username Varchar 30
4. Password password Varchar 30
8. Spesifikasi File Permintaan
Nama Database : pkaryawanbaru.sql
Nama Tabel : permintaan
Akronim : permintaan.myd
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Record Size : 190 byte
Field Key : id_permintaan
Software : MySQL
98
Tabel IV.17.
Spesifikasi File Permintaan
No Elemen Data Akronim Tipe Ukuran Keterangan
1. ID Permintaan id_permintaan Integer 5 Primary Key
2. ID Divisi id_divisi Integer 5 Foreign Key
3. ID HRD id_hrd Integer 5 Foreign Key
4. Nama Divisi nama_divisi Varchar 35
5. Nama Kepala Divisi nama_kepala_divisi Varchar 35
6. Jabatan jabatan Varchar 35
7. Jabatan Dibutuhkan jabatan_dibutuhkan Varchar 35
8. Jumlah Dibutuhkan jumlah_dibutuhkan Varchar 35
9. Spesifikasi File Divisi
Nama Database : pkaryawanbaru.sql
Nama Tabel : divisi
Akronim : divisi.myd
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Record Size : 95 byte
Field Key : id_divisi
Software : MySQL
Tabel IV.18.
Spesifikasi File Divisi
No Elemen Data Akronim Tipe Ukuran Keterangan
1. ID Divisi id_divisi Integer 5 Primary Key
2. Nama Divisi nama_divisi Varchar 30
3. Username username Varchar 30
4. Password password Varchar 30
10. Spesifikasi File Detail Divisi
Nama Database : pkaryawanbaru.sql
Nama Tabel : detail_divisi
Akronim : detail_divisi.myd
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Record Size : 65 byte
Field Key : id_divisi
Software : MySQL
99
Tabel IV.19.
Spesifikasi File Detail Divisi
No Elemen Data Akronim Tipe Ukuran Keterangan
1. ID Divisi id_divisi Integer 5 Foreign Key
2. Nama Kepala Divisi nama_kepala_divisi Varchar 30
3. Jabatan jabatan Varchar 30
11. Spesifikasi File Hseleksi
Nama Database : pkaryawanbaru.sql
Nama Tabel : hseleksi
Akronim : hseleksi.myd
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Record Size : 55 byte
Field Key : id_hseleksi
Software : MySQL
Tabel IV.20.
Spesifikasi File Hseleksi
No Elemen Data Akronim Tipe Ukuran Keterangan
1. ID Hasil Seleksi id_hseleksi Integer 5 Primary Key
2. ID HRD id_hrd Integer 5 Foreign Key
3. ID Pendaftaran id_pendaftaran Integer 5 Foreign Key
4. ID Tes Psikotes id_tpsikotes Integer 5
5. ID Hasil Tes Psikotes id_htpsikotes Integer 5 Foreign Key
6. Keterangan keterangan Varchar 30
100
4.2.4. Class Diagram
1. Class Diagram Penerimaan Karyawan Baru
Gambar IV.74. Class Diagram Penerimaan Karyawan Baru
class Penerimaan Karyawan
ckaryawan
- id_ckaryawan: int
- nama_lengkap: char
- no_ponsel: char
- email: char
- username: char
- password: char
+ login() : void
+ logout() : void
pendaftaran
- id_pendaftaran: int
- nik: char
- nama_lengkap: char
- jenis_kelamin: enum
- tempat_lahir: char
- tanggal_lahir: char
- alamat: char
- no_ponsel: char
- agama: char
- email: char
- status_pernikahan: enum
- kewarganegaraan: enum
- pendidikan: enum
- logout: int
+ simpan() : void
+ hapus() : void
detail_div isi
- id_divisi: int
- nama_divisi: char
- nama_kepala_divisi: char
- jabatan: char
div isi
- id_divisi: int
- nama_divisi: char
- username: char
- password: char
+ login() : void
+ lihat() : void
+ simpan() : void
+ hapus() : void
+ logout() : voidhrd
- id_hrd: int
- nama_hrd: char
- username: char
- password: char
+ login() : void
+ lihat() : void
+ edit() : void
+ simpan() : void
+ hapus() : void
+ logout() : void
permintaan
- id_permintaan: int
- id_divisi: int
- id_hrd: int
- nama_divisi: char
- nama_kepala_divisi: char
- jabatan_dibutuhkan: char
- jumlah_dibutuhkan: char
+ simpan() : void
+ hapus() : void
+ lihat() : void
tpsikotes
- id_tpsikotes: int
- id_hrd: int
- id_pendaftaran: int
- nama_tpsikotes: char
- l ihat: int
+ simpan() : void
+ lihat() : void
htpsikotes
- id_htpsikotes: int
- id_pendaftaran: int
- id_tpsikotes: int
- jumlah_jawaban_benar: char
+ lihat() : void
+ hapus() : void
+ cetak() : void
detail_htpsikotes
- id_htpsikotes: int
- pertanyaan: char
- jawaban: char
- total_nilai: char
detail_tpsikotes
- id_tpsikotes: int
- pertanyaan: char
- jawaban_a: char
- jawaban_b: char
- jawaban_c: char
- jawaban_d: char
- jawaban_benar: char
- tanggal_tes: date
- waktu_tes: time
hseleksi
- id_hseleksi: int
- id_hrd: int
- id_pendaftaran: int
- id_tpsikotes: int
- id_htpsikotes: int
- keterangan: char
+ lihat() : void
+ hapus() : void
+ cetak() : void
1 1 1 1
m
m
1
m
1
m
1
1
11
1
1
1
1
1
1
1
1
1
1
1
m
membuat
menghasilkan
memilikimemiliki
menghasilkan
melakukan
melihat
melakukan
memilikimelakukan
melihat
mengelola
101
4.2.5. Sequence Diagram
1. Sequence Diagram Kegiatan Pengunjung
Gambar IV.75. Sequence Diagram Kegiatan Pengunjung
2. Sequence Diagram Kegiatan Calon Karyawan
Gambar IV.76. Sequence Diagram Kegiatan Calon Karyawan
sd sequence diagram front end
Pengunjung
Beranda Tentang Kami Jasa Peralatan Proyek Karir Info Loker dan
Persyaratan
Buat Akun Login Kontak KamiSistem
1. Masuk halaman beranda()
2. Melihat tentang kami()
3. melihat jasa()
4. Melihat peralatan()
5. melihat proyek()
6. melihat karir()
7. melihat info persyaratan()
8. mengisi formulir buat akun agar bisa login()
9. masukkan username dan password() 10. melakukan login()
11. login gagal()
11. mengirimkan pesan()
sd sequence diagram calon karyawan
Calon Karyawan
Login Menu Utama Ubah Password Pendaftaran Lowongan Info Loker dan
Persyaratan
Tes Psikotes Dasar Hasil Seleksi LogoutHasil Tes Psikotes
Dasar
Sistem
1. masukkan username dan password()
2. melakukan login()
3. gagal login()
4. masuk ke menu utama()
5. merubah password baru()
6. mengisi formulir pendaftaran lengkap()
7. melihat dua submenu didalam()
8. melihat info loker dan persyaratan()
9. mengikuti tes psikotes dasar()
10. melihat hasil tes psikotes dasar()
11. melihat hasil keseluruhan seleksi()
12. keluar dari halaman calon karyawan()
13. berhasil logout()
102
3. Sequence Diagram Kegiatan HRD
Gambar IV.77. Sequence Diagram Kegiatan HRD
4. Sequence Diagram Kegiatan Kepala Divisi
Gambar IV.78. Sequence Diagram Kegiatan Kepala Divisi
sd sequence diagram hrd
HRD
Login Menu Utama Ubah Password SPPK Form Pendaftaran Tes Psikotes Dasar Hasil Seleksi Laporan
Karyawan Baru
LogoutHasil Tes Psikotes
Dasar
Sistem
1. masukkan username dan password()
2. melakukan login()
3. gagal login()
4. masuk ke menu utama()
5. merubah password baru()
6. melihat surat permohonan permintaan karyawan()
7. melihat formulir pendaftaran()
8. mengelola tes psikotes dasar()
9. mengelola hasil tes psikotes dasar()
10. mengelola hasil seleksi akhir()
11. melihat laporan karyawan baru()
12. keluar dari menu utama()
13. berhasil logout()
sd sequence diagram kepala div isi
Kepala Divisi
Login Formulir SPPK SPPK Laporan
Karyawan Baru
LogoutMenu UtamaSistem
1. masukkan username dan password()
2. melakukan login()
3. gagal login()
4. masuk ke menu utama()
5. mengisi formulir surat permohonan permintaan karyawan()
6. melihat surat permohonan permintaan karyawan()
7. melihat laporan karyawan baru()
8. keluar dari menu utama()
9. berhasil logout()
103
5. Sequence Diagram Kegiatan Direktur
Gambar IV.79. Sequence Diagram Kegiatan Direktur
6. Sequence Diagram Kegiatan Back End Admin
Gambar IV.80. Sequence Diagram Kegiatan Back End Admin
sd sequence diagram direktur
Direktur
Login Ubah Password Laporan
Karyawan Baru
SPPK LogoutMenu UtamaSistem
1. masukkan username dan password()
2. melakukan login()
3. gagal login()
4. masuk ke menu utama()
5. merubah password baru()
6. melihat laporan karyawan baru()
7. mengelola surat permohonan permintaan karyawan()
8. keluar dari menu utama()
9. berhasil logout()
sd sequence diagram back end
Admin
Login Ubah Password Data Master Laporan
Karyawan Baru
Pesan Masuk LogoutMenu UtamaSistem
1. masukkan username dan password()
2. melakukan login()
3. gagal login()
4. masuk ke menu utama()
5. merubah password baru()
6. mengelola isi data master()
7. mengelola laporan karyawan baru()
8. mengelola isi pesan masuk()
9. keluiar dari menu utama()
10. berhasil logout()
104
7. Sequence Diagram Manage Data
Gambar IV.81. Sequence Diagram Manage Data
sd sequence diagram manage data
Admin
Login Menu Utama Data Master Admin HRD Direktur Divisi Calon Karyawan SPPK Formulir
Pendaftaran
Tes Psikotes Dasar Hasil Seleksi LogoutHasil Tes Psikotes
Dasar
Sistem
1. masukkan username dan password()
2. melakukan login()
3. gagal login()
4. masuk ke menu utama()
5. melihat isi menu data master()
6. mengelola data admin()
7. mengelola data HRD()
8. mengelola data direktur()
9. mengelola data divisi()
10. mengelola data calon karyawan()
11. mengelola surat permohonan permintaan karyawan()
12. mengelola formulir pendaftaran()
13,. mengelola isi soal tes psikotes dasar()
14. mengelola hasil tes psikotes dasar()
15. mengelola hasil seleksi akhir()
16. keluar dari menu utama()
17. berhasil logout()
105
8. Sequence Diagram Mengelola Laporan
Gambar IV.82. Sequence Diagram Mengelola Laporan
9. Sequence Diagram Pesan Masuk
Gambar IV.83. Sequence Diagram Pesan Masuk
sd sequence diagram mengelola laporan
Admin
Login Menu Utama Laporan
Karyawan Baru
LogoutSistem
1. masukkan username dan password()
2. melakukan login()
3. gagal login()
4. mengelola laporan karyawan baru()
5. keluar dari menu utama()
6. berhasil logout()
sd sequence diagram pesan masuk
Admin
Login Menu Utama Pesan Masuk LogoutSistem
1. masukkan username dan password()
2. melakukan login()
3. gagal login()
4. mengelola isi pesan masuk()
5. keluar dari menu utama()
6. berhasil logout()
106
4.2.6. Spesifikasi Hardware dan Software
1. Spesifikasi Hardware
a. Server
1) CPU
(a) Processor AMD Fusion APU E2-1800 Dual Core 1.7Ghz
(b) RAM DDR3 2GB
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 1 Mbps.
b. Client
1) CPU
(a) Processor Pentium 4
(b) RAM DDR2 1GB
(c) Hard Disk 500GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi minimum 1024x768
107
5) Koneksi internet dengan kecepatan 56 Kbps.
2. Spesifikasi Software
1. Server
a. Sistem operasi yang umum digunakan seperti : Miscrosoft Windows atau Linux
(Ubuntu, Fedora, dll).
b. Aplikasi bundle web server seperti : Xampp, WampServer, php2triad yang
terdiri dari beberapa komponen, diantaranya:
(1) Aplikasi Apache Server v2
(2) Aplikasi PHP Server v5
(3) Aplikasi MySQL Server v5
(4) Aplikasi phpMyAdmin v3
c. Aplikasi Web seperti Mozilla Firefox, Opera, Safari, Internet Explorer, Google
Chrome.
2. Client
a. Sistem operasi yang umum digunakan seperti : Microsoft Windows atau Linux
(Ubuntu, Fedora, dll).
b. Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
108
4.3. Jadwal Implementasi
Tabel IV.21.
Jadwal Implementasi
No KEGIATAN
WAKTU
BULAN I BULAN II BULAN III
1 2 3 4 1 2 3 4 1 2 3 4
1 Persiapan data
awal
2 Analisa
3 Desain Sistem
4 Desain Perangkat
Lunak
5 Pembuatan dan
Tes Program
6 Tes Sistem
7 Pelatihan
8 Pembuatan Buku
Petunjuk
9 Evaluasi dan
Operasional
top related