bab iv perancangan sistem usulan · pengunjung dapat melihat info loker dan persyaratan . 37 9....

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


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


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


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


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


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


Actors : Admin

Main Flow / Basic Path 1. Admin masukkan username dan password


halaman admin


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


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


Post-Conditions Tampil laporan karyawan baru

Failed end Conditions Admin tidak dapat login karena salah masukkan


Actors Admin

Main Flow / Basic Path 1. Admin memlih menu laporan karyawan baru


laporan karyawan baru


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


Post-Conditions Tampil pesan masuk

Failed end Conditions Admin tidak dapat login karena salah masukkan


Actors Admin

Main Flow / Basic Path 1. Admin memlih menu pesan masuk

3. Sistem melakukan verivikasi dan menampilkan pesan

masuk


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


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


mulai

dashboard calon

karyawan

pilih menu hasil

seleksi

selesai

menampilkan hasil

seleksi

cetakbatalmenampilkan cetak

pdf

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


Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap terjadi psikotes dasar


3. Nama Dokumen : Hasil Seleksi

Fungsi : Untuk mengetahui Hasil Seleksi Akhir

Sumber : Hrd


Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap terjadi penyeleksian karyawan baru


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


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

email

username

password

pendaftaran

id_pendaftaran

nik

nama_lengkap

jenis_kelamin

tempat_lahir

tanggal_lahir

no_ponsel

agama

email

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

email

pendaftaran

id_pendaftaranPK

nikFK

nama_lengkap

jenis_kelamin

tempat_lahir

tanggal_lahir

alamat

no_ponsel

agama

email

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 Tabel : pendaftaran

Akronim : pendaftaran.myd



Akses File : Random

Media : Harddisk


Field Key : id_pendaftaran

Software : MySQL

Tabel IV.11.

Spesifikasi File Pendaftaran


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 Tabel : tpsikotes

Akronim : tpsikotes.myd



Akses File : Random

Media : Harddisk


Field Key : id_tpsikotes

Software : MySQL

Tabel IV.12.

Spesifikasi File Tpsikotes


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 Tabel : detail_tpsikotes

Akronim : detail_tpsikotes.myd



Akses File : Random

Media : Harddisk


Field Key : id_tpsikotes

Software : MySQL

96

Tabel IV.13.

Spesifikasi File Detail Tpsikotes


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 Tabel : htpsikotes

Akronim : htpsikotes.myd



Akses File : Random

Media : Harddisk


Field Key : id_htpsikotes

Software : MySQL

Tabel IV.14.

Spesifikasi File Htpsikotes


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 Tabel : detail_htpsikotes

Akronim :detail_htpsikotes.myd



Akses File : Random

Media : Harddisk


Field Key : id_htpsikotes

Software : MySQL

97

Tabel IV.15.

Spesifikasi File Detail Htpsikotes


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 Tabel : hrd

Akronim : hrd.myd



Akses File : Random

Media : Harddisk


Field Key : id_hrd

Software : MySQL

Tabel IV.16.

Spesifikasi File HRD


1. ID HRD id_hrd Integer 5 Primary Key

2. Nama HRD nama_hrd Varchar 30



8. Spesifikasi File Permintaan


Nama Tabel : permintaan

Akronim : permintaan.myd



Akses File : Random

Media : Harddisk


Field Key : id_permintaan

Software : MySQL

98

Tabel IV.17.

Spesifikasi File Permintaan


1. ID Permintaan id_permintaan Integer 5 Primary Key

2. ID Divisi id_divisi 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 Tabel : divisi

Akronim : divisi.myd



Akses File : Random

Media : Harddisk


Field Key : id_divisi

Software : MySQL

Tabel IV.18.

Spesifikasi File Divisi


1. ID Divisi id_divisi Integer 5 Primary Key

2. Nama Divisi nama_divisi Varchar 30



10. Spesifikasi File Detail Divisi


Nama Tabel : detail_divisi

Akronim : detail_divisi.myd



Akses File : Random

Media : Harddisk


Field Key : id_divisi

Software : MySQL

99

Tabel IV.19.

Spesifikasi File Detail Divisi


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 Tabel : hseleksi

Akronim : hseleksi.myd



Akses File : Random

Media : Harddisk


Field Key : id_hseleksi

Software : MySQL

Tabel IV.20.

Spesifikasi File Hseleksi


1. ID Hasil Seleksi id_hseleksi Integer 5 Primary 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


- nama_tpsikotes: char

- l ihat: int

+ simpan() : void

+ lihat() : void

htpsikotes

- id_htpsikotes: int


- id_tpsikotes: int

- jumlah_jawaban_benar: char

+ lihat() : void

+ hapus() : void

+ cetak() : void

detail_htpsikotes


- 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_tpsikotes: 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



3. gagal login()



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()


sd sequence diagram kepala div isi

Kepala Divisi

Login Formulir SPPK SPPK Laporan

Karyawan Baru

LogoutMenu UtamaSistem



3. gagal login()


5. mengisi formulir surat permohonan permintaan karyawan()

6. melihat surat permohonan permintaan karyawan()




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



3. gagal login()




7. mengelola surat permohonan permintaan karyawan()



sd sequence diagram back end

Admin

Login Ubah Password Data Master Laporan

Karyawan Baru

Pesan Masuk LogoutMenu UtamaSistem



3. gagal login()



6. mengelola isi data master()

7. mengelola laporan karyawan baru()

8. mengelola isi pesan masuk()

9. keluiar dari menu utama()


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



3. gagal login()


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()



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



3. gagal login()

4. mengelola laporan karyawan baru()



sd sequence diagram pesan masuk

Admin

Login Menu Utama Pesan Masuk LogoutSistem



3. gagal login()

4. mengelola isi pesan masuk()



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

bab iv perancangan sistem usulan · pengunjung dapat melihat info loker dan persyaratan . 37 9....

Documents