bab iv rancangan sistem dan program usulan fileadmin dapat mengelola master soal seleksi ... b. use...

29

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisis Kebutuhan Software

Analisis kebutuhan software merupakan langkah awal untuk menentukan

perangkat lunak seperti apa yang akan dihasilkan. Berikut adalah tahapan dalam

analisa kebutuhan software.

A. Tahapan Analisis

Sistem informasi rekrutmen karyawan berbasis website dimana calon

karyawan mendaftar di website tersebut, apabila berkas yang dikrim memenuhi

syarat maka calon karyawan bisa mengerjakan ujian tes via online dan di nyatakan

lulus maka akan dilakukan pemanggilan untuk interview. Berikut ini spesifikasi

analisa kebutuhan dari sistem informasi penerimaan karyawan baru.

Halaman pengunjung :

A1. Pengunjung dapat melihat halaman home

A2. Pengunjung dapat melihat halaman info loker

A3. Pengunjung dapat melakukan pendaftaran

A4. Pengunjung dapat melihat persyaratan

A5. Pengunjung dapat melihat profil perusahaan

A6. Pengunjung dapat melihat contact perusahaan

30

Halaman calon karyawan :

B1. Calon karyawan dapat melakukan login

B2. Calon karyawan dapat melakukan ujian tes

B3. Calon karyawan dapat melihat hasil ujian tes

B4. Calon karyawan mengelola data pribadi

B5. Calon karyawan dapat melakukan logout

Halaman HRD :

C1. HRD dapat melakukan login

C2. HRD dapat melihat halaman home

C3. HRD dapat mengelola data account

C4. HRD dapat mengelola data formulir

C5. HRD dapat mengelola data hasil seleksi

C6. HRD dapat mengelola data interview

C7. HRD dapat melakukan logout

Halaman Administrator :

D1. Admin dapat melakukan login

D2. Admin dapat megelola menu data master

D3. Admin dapat mengelola data administrator

D4. Admin dapat mengelola data HRD

D5. Admin dapat melihat dan menghapus karyawan yang diterima

D6. Admin dapat mengelola master soal seleksi

D7. Admin dapat melihat data formulir pendaftaran

D8. Admin dapat mengelola menu peneriman pegawai

D9. Admin dapat mengelola data hasil seleksi

31

D10. Admin dapat melihat laporan hasil seleksi

D11. Admin dapat melihat data testimoni

D12. Admin dapat mengelola data master informasi

D13. Admin dapat mengelola data master berita

D14. Admin dapat melihat, mengelola,update, dan menghapus berita

D15. Admin dapat melakukan logout

B. Use Case Diagram

Use CaseDiagram menggambarkan fungsionalitas yang diharapkan dari

sebuah sistem yang menjelaskan keseluruhan kerja sistem secara garis besar

dengan mempresentasikan interaksi antara actor yang dibuat, serta memberikan

gambaran fungsi-fungsi pada sistem tersebut.

1. Use case Diagram Rekrutment karyawan Halaman Pengunjung

Home

Contact

Profil

Persyaratan

Pendaftaran

Info loker

Pengunjung

Tampilan home

«include»

tampilan halaman

info loker

tampilan halaman

pendaftaran

tampilan halaman

persyaratan

tampilan halaman

profil

tampilan halaman

contact

daftar

cancel

«include»

«include»

«include»

«include»

«include»

«ext»

«ext»

Gambar IV.1

Use case Diagram Rekrutment Karyawan Halaman Pengunjung

32

Table IV.1

Deskripsi Use Case Rekrutment Karyawan Halaman Pengunjung

Use Case Name Halaman Pengunjung

Requirements A1 – A6

Goal Pengunjung dapat melihat info loker

Pre-Conditions Pengunjung mengisi form pendaftaran

Post-Conditions Pengunjung masuk ke halaman pengunjung

Failed end Condition -

Primary Actors Pengunjung

Main Flow / Basic Path 1. Pengunjung melihat info loker

2. Pengunjung melihat persyaratan

pendaftaran

2. Use CaseDiagram Rekrutment karyawan Halaman Calon Karyawan

calon karyawan

login

ujian tes

logout

data pribadi

hasil ujian

menampilkan

halaman ujian tes

«include»

mulai ujian

lihat hasil ujian

menampilkan

halaman hasil ujian

menampilakn

halaman data pribadiupdate password

«include»

«include»

«ext»

«ext»

«ext»

«ext»

«ext»

«ext»

«ext»

Gambar IV.2

Use caseDiagram Rekrutment Karyawan Halaman Calon Karyawan

33

Table IV.2

Deskripsi Use Case Rekrutment Karyawan Halaman Calon Karyawan

Use Case Diagram Halaman Calon Karyawan

Requiremenst B1-B5

Goal Calon karyawan bisa mengerjakan soal seleksi

tes, melihat informasi data pribadi, dan

mengupdate password secara online via

website

Pre-Conditions Calon Karyawan sudah login

Post-Conditions Calon Karyawan mengakses halaman Calon

Karyawan

Failed end Conditions Calon Karyawan gagal login

Primary Actors Calon Karyawan

Main Flow / Basic Path 1. Calon Karyawan dapat login berdasarkan

email dan password

2. Calon Karyawan dapat mengerjakan soal

ujian tes

3. Calon Karyawan bisa melihat hasil ujian tes

4. Calon Karyawan dapat mengubah password

5. Calon karyawan logout

Invariant -

3. Use Case Diagram Rekrutment karyawan Halaman HRD

HRD

login

home

accuont

data formulir

hasil seleksi

interview

logout

menampilkan data

formulir

menampilkan

halaman home

menampilkan

halaman account

menampilkan

halaman seleksi

menampilkan

halaman interview

update

cancel

«include»

«ext»

«ext»

«ext»

«ext»

«ext»

«ext»

«include»

«include»

«include»

«include»

«ext»

«ext»

berkas

«ext»

lihat

«ext»

tes

«ext»

mulai interview

«ext»

Gambar IV.3

Use case Diagram Rekrutment Karyawan Halaman HRD

34

Table IV.3

Deskripsi Use Case Rekrutment Karyawan Halaman HRD

Use Case Diagram Halaman HRD

Requiremenst C1-C7

Goal HRD dapat seleksi berkas calon karyawan,

mengedit account, melakukan interview,

melihat hasil ujian tes.

Pre-Conditions HRD telahlogin

Post-Conditions HRD menyeleksi berkas calon karyawan

Failed end Conditions HRD gagal login

Primary Actors HRD

Main Flow / Basic Path 1. HRD dapat login berdasarkan email dan

password

2. HRD dapat melihat hasil tes ujian calon

karyawan

3. HRD dapat mengubah password

4. HRD logout

Invariant -

4. Use CaseDiagram Rekrutment karyawan Halaman Admin

A. Use CaseDiagram Data Master Administrator

Gambar IV.4

Use caseDiagram Rekrutment Karyawan Halaman Data Master

Administrator

35

Table IV.4

Deskripsi Use Case Rekrutment Karyawan Halaman Data master

Use Case Diagram Halaman Admin

Requiremenst D2

Goal Admin dapat melakukan menambahkan data

Admin, HRD, melihat karyawan yang

diterima.

Pre-Conditions Admin telah login

Post-Conditions -

Failed end Conditions Admin gagal login

Primary Actors Admin

Main Flow / Basic Path 1.Admin dapat login berdasarkan email dan

password

2. Admin dapat menambahkan soal ujian tes

3. Admin dapat mengubah password

4. Adminlogout

Invariant -

B. Use Case Diagram Penerimaan Karyawan

admin

login

data formulir

pendaftaran

data hasil seleksi

laporan hasil

seleksi

logout

«ext»

«ext»

«ext»

«ext»

menampilkan

formulir pendaftaran

lihat

«include»

«ext»

halaman hasil

seleksi

terima

tolak

«include»

«ext»

«ext»

menampilkan

laporan seleksi

«include»

Gambar IV.5

Use caseDiagram Rekrutment Karyawan Halaman Penerimaan Karyawan

36

Table IV.5

Deskripsi Use Case Rekrutment Karyawan Halaman Penerimaan Karyawan


Requiremenst D8

Goal Admin menerima data hasil seleksi


Post-Conditions Admin Memasukan NIK sebagai karyawan

baru




password

2. Admin dapat menerima karyawan yang

lulus tes ujian dan interview

3. Admin dapat menolak karyawan yang lulus

tes ujian dan interview

4. Admin logout

Invariant -

C. Use Case Diagram Master Testimoni

admin

login

data testimoni

logout

menampilkan

halaman testimonihapus

«ext»

«ext»

«include» «ext»

Gambar IV.6

Use case Diagram Rekrutment Karyawan Halaman Master Testimoni

37

Table IV.6

Deskripsi Use Case Rekrutment Karyawan Halaman Master Testimoni


Requiremenst D11

Goal Admin melihat testimoni dari pengunjung


Post-Conditions -




password

2. Admin dapat menghapus pesan testimoni

dari pengunjung

3. Admin logout

Invariant -

D. Use CaseDiagram Data Informasi

admin

login

data master

informasi

data master berita

lihat berita

logout

«ext»

«ext»

«ext»

menampilkan

halaman informasi

tambah data

edit

hapus

«include»

«ext»

«ext»

«ext»

menampilkan halaman

master berita simpan berita

batalkan

«ext»

«ext»

«include»

menampilkan data

beritaedit

hapus

«include»«ext»

«ext»

Gambar IV.7

Use caseDiagram Rekrutment Karyawan Halaman Data Informasi

38

Table IV.7

Deskripsi Use Case Rekrutment Karyawan Halaman Data Informasi


Requiremenst D12

Goal Admin dapat menambahkan data informasi


Post-Conditions -




password

2. Admin dapat menghapus berita

3. Admin dapat melihat berita yang sudah

diupdate

4. Admin logout

Invariant -

C. Activity Diagram

1. Activity Diagram Halaman Pengunjung

Fomulir

pendaftaran Input data diri Simpan dataYa

Start

Finish

Tidak

Gambar IV.8

Activity Diagram Halaman Pengunjung

2. Activity Diagramhalaman Calon Karyawan

39

Login

Input email dan

password

Valid

Tampil halaman

utama calon

karyawan

Tampil soal ujian

tes

Simpan dataTampil data

Tampil hasil ujianHasil ujian

Data pribadi

Ujian tes

Logout

Simpan ujian

tesYa

Tidak

Ya

Tidak

Ya

Tidak

Ya

Tidak

Ya

Submit

Start

Finish

Kerjakan soal

Tidak

Ya

Update

passwordYa

Tidak

Tidak

Gambar IV.9

Activity Diagramhalaman Calon Karyawan

3. Activity Diagram Halaman HRD

40

Login

Account

Halaman HRD

Input email dan

password

Logout

Interview

Hasil seleksi

Tampil halaman

account

Data formulir Ubah berkas

Simpan data

interview

Ubah status

interview

Tampil hasil seleksi

Berkas

Ya

Tidak

Ya

Tidak

Ya

Tidak

Ya

Ya

Tidak

Tidak

Ya

Start

Tidak

Tidak

Ya

Tes Ubah hasil

tesYa

Tidak

Ya

Ubah berkas

Ya

Tidak

Tidak

Finish

Gambar IV.10

Activity DiagramHalaman HRD

4. Activity Diagramlogin admin

41

Login

Valid Tampil halaman

utama administrator

Input username

dan password

Selamat datang di

ruang administrator

Tidak

Ya

Start

Finish

Gambar IV.11

Activity Diagram login admin

5. Activity Diagram Halaman Data Administrator

Pilih menu

Administrator

Data terhapusHapus

Tampil form

editEdit

Submit Tambah dataTampil data

adminYa

Tidak

Ya

Tidak

Ya

Start

Finish

Tampil form

tambah

Cancel

Ya

Ya

Tidak

Tidak

Tidak

Tidak

Cancel

Update Ya

Ya

Tidak

Simpan

Gambar IV.12

Activity Diagram Halaman Data Administrator

6. Activity DiagramHalaman Data HRD

42

Pilih menu

HRD

Data terhapusHapus

Tampil form

editEdit

Submit Tambah dataTampil data HRD Ya

Tidak

Ya

Tidak

Ya

Start

Finish

Tampil form

tambah

Cancel

Ya

Ya

Tidak

Tidak

Tidak

Tidak

Cancel

Update Ya

Ya

Tidak

Simpan

Gambar IV.13

Activity DiagramHalaman Data HRD

7. Activity DiagramHalaman Data Karyawan Yang Diterima

Pilih menu

karyawan diterima

Data terhapusHapus

Lihat Tampil data

karyawanYa

Tidak

Ya

Start

Tampil data

karyawan

Tidak

Finish

Gambar IV.14

Activity DiagramHalaman Data Karyawan Yang Diterima

8. Activity DiagramHalaman Master Soal Seleksi

43

Pilih menu master

soal seleksi

Lihat

Tampil data soalTambah soal

Submit Tambah dataTampil data soal Ya

Tidak

Ya

Tidak

Ya

Start

Finish

Tampil form

data soal

Cancel

Ya

Ya

Tidak

Tidak

Tidak

Tidak

Cancel

Submit Ya

Ya

Simpan

Ubah statusEdit Update

Cancel

Ya

Tidak

Ya

Data terhapusHapus

Tidak

Ya

Tidak

Tidak

Gambar IV.15

Activity DiagramHalaman Master Soal Seleksi

9. Activity DiagramHalaman Data Formulir Pendaftaran

Lihat formulirPilih menu formulirTampil formulir

pendaftaranFinish

Start

Gambar IV.16

Activity DiagramHalaman Data Formulir Pendaftaran

10. Activity DiagramHalaman Data Hasil Seleksi

44

Pilih menu data

hasil seleksi

Data telah di

hapusTolak

Terima Tampil seleksi

pendaftaranYa

Tidak

Ya

Start

Submit

Tidak

Finish

Gambar IV.17

Activity DiagramHalaman Data Hasil Seleksi

11. Activity DiagramHalaman Laporan Hasil Seleksi

Pilih menu laporan

seleksi

Tampil laporan

seleksi pendaftaran

Start

Finish

Gambar IV.18

Activity DiagramHalaman Laporan Hasil Seleksi

12. Activity Diagram Halaman Data Testimoni

45

Pilih menu

testimoniData terhapus

Tampil data

testimoniHapus Ya

Start

Finish

Tidak

Gambar IV.19

Activity Diagram Halaman Data Testimoni

13. Activity DiagramHalaman Data Master Informasi

Pilih menu data

master informasi

Data terhapusHapus

Tampil form

edit Edit

Simpan Tambah dataTampil data

informasiYa

Tidak

Ya

Tidak

Ya

Start

Finish

Tampil form

tambah data

Batal

Ya

Ya

Tidak

Tidak

Tidak

Tidak

Batal

Update Ya

Ya

Tidak

Simpan

Gambar IV.20

Activity DiagramHalaman Data Master Informasi

14. Activity DiagramHalaman Data Master Berita

46

Pilih menu data

master berita

Penulisan jadi

kosongBatalkan

Simpan beritaTampil tambah

beritaYa

Tidak

Ya

Start

Data berhasil

tersimpan

Tidak

Finish

Gambar IV.21

Activity DiagramHalaman Data Master Berita

15. Activity Diagram Halaman Lihat Berita

Pilih menu lihat

berita

Data terhapusEdit

Update

beritaEdit Tampil data berita Ya

Tidak

Ya

Start

Finish

Tampil form

edit berita

Batalkan

Ya

Ya

Tidak

Tidak Simpan

Tidak

Gambar IV.22

Activity DiagramHalaman Lihat Berita

4.2 Desain

47

Pada tahapan ini penulis akan menjelaskan tentang desain database, desain

software architecture, dan desain interface yang dibuat:

4.2.1. Database

1. Entity Relationship Diagram

Daftar

email_daftar

status_daftar

foto_daftar

agama_daftar

telp_daftar

pengalaman

no_identitas

alamat_daftar

kelamin_daftar

pendidikan

nama_daftar

ijasah

tanggal_lahir_daftar

id_daftar

keterangan

pass_daftar

tempat_lahir_daftar

file_identitas

Tanggal_daftar

Seleksi Detail seleksi

id_seleksi

tanggal_seleksi

total_nilai

id_soal

id_daftar

id_seleksinilai

pertanyaan jawaban

1 1 1 M

karyawan

Memiliki

Memiliki Memiliki

Detail soalSoal

Memiliki

Memiliki 1 M

tanggal_lahir_karyawan

pass_karyawan

agama_karyawan

nik

id_daftar

foto_karyawan

email_karyawan

jabatan_karyawan

status_karyawan

kelamain_karyawan

nama_karyawan

tempat_lahir_karyawan

alamat_karyawan

id_soal kondisi

nama_soal

pilihan_a

pertanyaan

id_soal

pilihan_c

kunci

pilihan_d

pilihan_b

1

1

1

1

Gambar IV.23

Entity Relationship Diagram

2. Logical Record Structure

48

Daftar

id_daftar *

tanggal_daftar

nama_daftar

no_identitas

file_identitas

tempat_lahir_daftar

tanggal_lahir_lahir

kelamin_daftar

agama_daftar

alamat_daftar

email_daftar

telp_daftar

status_daftar

pendidikan

ijasah

pengalaman

foto_daftar

pass_daftar

keterangan

seleksi

id_seleksi *

tanggal_seleksi

id_daftar

id_soal

total_nilai

detail seleksi

id_seleksi**

pertanyaan

jawaban

nilai

karyawan

nik

id_daftar

nama_karyawan

temapat_lahir_karyawan

alamat_karyawan

kelamin_karyawan

agama_karyawan

status_karyawan

jabatan_karyawan

email_karyawan

foto_karyawan

pass_karyawan

soal

id_soal *

nama_soal

kondisi

detail soal

id_soal **

pertanyaan

pilihan_a

pilihan_b

pilihan_c

pilihan_d

kunci

id_daftar Id_soal

Id_soal

id_daftar

id_seleksi

Gambar IV.24

Logical Record Structure

3. Spesifikasi File

A. Spesifikasi File Tabel Karyawan

Nama Database : db_kat

Nama File : Tabel karyawan

Akronim : Daftar.myd

Tipe File : Master

Akses File : Random

Panjang Record : 375 Byte

Kunci Field : nik

Tabel IV.8

49

Spesifikasi File Tabel Karyawan

No Elemen Data Nama Field Type Size Keterangan

1 NIK Nik Varchar 15 Primary Key

2 ID Pendaftaran id_daftar Varchar 10

3 Nama Karyawan nama_karyawan Varchar 30

4 Tempat Lahir tempat_lahir_karyawan Varchar 30

5 Tanggal Lahir tanggal_lahir_karyawan Date 10

6 Alamat alamat_karyawan Varchar 100

7 Jenis Kelamin kelamin_karyawan Varchar 15

8 Agama agama_karyawan Varchar 15

9 Status status_karyawan Varchar 15

10 Jabatan jabatan_karyawan Varchar 30

11 Email email_karyawan Varchar 40

12 Foto Karyawan foto_karyawan Varchar 50

13 Password pass_karyawan Varchar 15

B. Spesifikasi File Tabel Daftar


Nama File : Tabel daftar

Akronim : daftar.myd

Tipe File : Master

Akses File : Random

Panjang Record : 617Byte

Kunci Field : id_daftar

50

Tabel IV.9

Spesifikasi File Tabel daftar


1 ID Daftar id_daftar Varchar 10 Primary Key

2 Tanggal Daftar tanggal_daftar Date 10

3 Nama Daftar nama_daftar Varchar 30

4 No Identitas no_identitas Varchar 20

5 File Identitas file_identitas Varchar 50

6 Tempat Lahir tempat_lahir_daftar Varchar 30

7 Tanggal Lahir tanggal _lahir_daftar Date 10

8 Jenis Kelamin kelamin_daftar Varchar 15

9 Agama agama_daftar Varchar 15

10 Alamat alamat_daftar Varchar 100

11 Email email_daftar Varchar 40

12 No Telepon telp_daftar Varchar 12

13 Status Daftar status_daftar Varchar 15

14 Pendidikan Pendidikan Varchar 15

15 Ijazah Ijazah Varchar 50

16 Pengalaman Pengalaman Text 100

17 Foto foto_daftar Varchar 50

18 Password pass_daftar Varchar 15

19 Keterangan Keterangan Varchar 30

C. Spesifikasi File Tabel Admin


Nama File : Tabel Admin

Akronim : Admin.myd

Tipe File : Master

Akses File : Random

Panjang Record :78 Byte

Kunci Field : id_admin

51

Tabel IV.10

Spesifikasi File Tabel Admin


1 ID Admin id_admin Int 3 Primary Key

2 Username Username Varchar 30

3 Nama Admin nama_admin Varchar 30

4 Password Admin pass_admin Varchar 15

D. Spesifikasi File Tabel hrd


Nama File : Tabel hrd

Akronim : hrd.myd

Tipe File : Master

Akses File : Random


Kunci Field : id_hrd

Tabel IV.11

Spesifikasi File Tabel hrd


1 ID HRD id_hrd Varchar 15 Primary Key

2 Nama HRD nama_hrd Varchar 30

3 Tempat Lahir tempat_lahir_hrd Varchar 30

4 Tanggal Lahir tanggal_lahir_hrd Date 10

5 Alamat alamat_hrd Varchar 100

6 Jenis Kelamin kelamin_hrd Varchar 15

7 Agama agama_hrd Varchar 15

8 Status status_hrd Varchar 15

9 Jabatan jabatan_hrd Varchar 30

10 Email email_hrd Varchar 40

11 Foto foto_hrd Varchar 50

12 Password pass_hrd Varchar 15

52

E. Spesifikasi File Tabel Testimoni


Nama File : Tabel Testimoni

Akronim : testimoni.myd

Tipe File : Master

Akses File : Random


Kunci Field : id_testimoni

Tabel IV.12

Spesifikasi File Tabel Testimoni


1 ID Testimoni id_testimoni Int 3 Primary Key

2 Tanggal Testimoni tanggal_testimoni Date 10

3 Username Username Varchar 30

4 Email Email Varchar 30

5 Judul Judul Varchar 50

6 Pesan Pesan Text 50

F. Spesifikasi File Tabel Informasi


Nama File : Tabel Informasi

Akronim : informasi.myd

Tipe File : File Master

Akses File : Random


Kunci Field : id_informasi

53

Tabel IV.13

Spesifikasi File Tabel Informasi


1 ID Informasi id_informasi Int 3 Primary Key

2 Tanggal Informasi tanggal_informasi Date 10

3 Jenis Informasi jenis_informasi Varchar 30

4 Judul Judul Varchar 100

5 Isi Informasi isi_informasi Text 50

G. Spesifikasi File Tabel Soal


Nama File : Tabel Soal

Akronim : soal.myd


Akses File : Random


Kunci Field : id_soal

Tabel IV.14

Spesifikasi File Tabel Soal


1 ID Soal id_soal Int 3 Primary Key

2 Nama Soal nama_soal Varchar 30

3 Kondisi Kondisi Varchar 5

54

H. Spesifikasi File Tabel Detail Soal


Nama File : Tabel Detail Soal

Akronim : detailsoal.myd


Akses File : Random


Kunci Field : id_soal

Tabel IV.15

Spesifikasi File Tabel Detail Soal


1 ID Soal id_soal Int 3 Primary Key

2 Pertanyaan Pertanyaan Text 30

3 Pilihan_a pilihan_a Text 1

4 Pilihan_b pilihan_b Text 1

5 Pilihan_c pilihan_c Text 1

6 Pilihan_d pilihan_d Text 1

7 Kunci jawaban Kunci Varchar 5

I. Spesifikasi File Tabel Seleksi


Nama File : Tabel Seleksi

Akronim : seleksi.myd

Tipe File : File Transaksi

Akses File : Random


Kunci Field : id_seleksi

55

Tabel IV.16

Spesifikasi File Tabel Seleksi


1 ID Seleksi id_seleksi Int 3 Primary Key

2 Tanggal Seleksi tangal_seleksi Date 10

3 ID Daftar id_daftar Int 3 Foreign Key

4 ID Soal id_soal Int 3 Foreign Key

5 Total Nilai total_nilai Float 5

J. Spesifikasi File Tabel Detail Seleksi


Nama File : Tabel Detail Seleksi

Akronim : detailseleksi.myd

Tipe File : File Transaksi

Akses File : Random


Kunci Field : id_seleksi

Tabel IV.17

Spesifikasi File Tabel Detail Seleksi


1 ID Seleksi id_seleksi Int 3 Primary Key

2 Pertanyaan Pertanyaan Text 30

3 Jawaban Jawaban Varchar 5

4 Nilai Nilai Int 3

56

4.2.2. Software Architecture

1. 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 atau package, tapi dapat juga dari komponen-komponen yang lebih kecil.

Komponen dapat juga berupa interface, yaitu kumpulan layanan yang disediakan

sebuah komponen untuk komponen lain. Berikut gambar component software:

Gambar IV.25

Component Diagram Sistem Informasi Rekrutment karyawan

Database

MySQL

Database

Application

Jquery.js

Style.css

Xampp 1.8.1

Application

Admin Application

Frontpage

57

2. Deployment Diagram

Gambar IV.26

Deployment Diagram Sistem Informasi Rekrutment karyawan

4.2.3. User Interface

A. Tampilan Depan Halaman Website

Gambar IV.27

Tampilan Depan Halaman Website

Browser

Web Server

Database Server

Client PC

Application Frontpage

Application Admin

Apache 2 Server

Style.css

Jquery.js

Database MySQL

Database Application

58

B. Tampilan Halaman Info Loker

Gambar IV.28

Tampilan Halaman Info Loker

C. Tampilan Halaman Pendaftaran

Gambar IV.29

Tampilan Halaman Pendaftaran

59

D. Tampilan Halaman Login Calon Karyawan Dan HRD

Gambar IV.30

Tampilan Halaman Login Calon Karyawan Dan HRD

E. Tampilan Halaman Utama Calon Karyawan

Gambar IV.31

Tampilan Halaman Utama Calon Karyawan

60

F. Tampilan Halaman Tes Ujian Calon Karyawan

Gambar IV.32

Tampilan Halaman Calon Karyawan Tes Ujian

G. Tampilan Halaman Data Pribadi Calon Karyawan

Gambar IV.33

Tampilan Halaman Data Pribadi Calon Karyawan

61

H. Tampilan Halaman Utama HRD

Gambar IV.34

Tampilan HalamanUtama HRD

I. Tampilan Halaman Login Admin

Gambar IV.35

Tampilan HalamanLogin Admin

62

J. Tampilan Halaman Utama Admin

Gambar IV.36

Tampilan Halaman Utama Admin

K. Tampilan Halaman Data Administrator Admin

Gambar IV.37

Tampilan Halaman Data Administrator Admin

63

L. Tampilan Halaman Data HRD Admin

Gambar IV.38

Tampilan HalamanData HRD Admin

M. Tampilan Halaman Data Karyawan Yang Diterima Admin

Gambar IV.39

Tampilan HalamanDataKaryawan Yang Diterima Admin

64

N. Tampilan Halaman Master Soal Seleksi Admin

Gambar IV.40

Tampilan Halaman Master Soal Seleksi Admin

O. Tampilan Halaman Hasil Seleksi Pendaftaran Admin

Gambar IV.41

Tampilan HalamanHasil Seleksi Pendaftaran Admin

65

4.3. Code generation

1. Listing Pendaftaran

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title>

<script type="text/javascript" src="../config/tiny_mce/tiny_mce.js"></script>

<script type="text/javascript"> tinyMCE.init({

mode : "textareas",

theme : "advanced" });

</script>

<script language="javascript"> function getkey(e)

{

if (window.event) return window.event.keyCode;

else if (e)

return e.which; else

return null; }

function angkadanhuruf(e, goods, field)

{ var angka, karakterangka;

angka = getkey(e);

if (angka == null) return true; karakterangka = String.fromCharCode(angka);

karakterangka = karakterangka.toLowerCase();

goods = goods.toLowerCase();

// check goodkeys

if (goods.indexOf(karakterangka) != -1)

return true; // control angka

if ( angka==null || angka==0 || angka==8 || angka==9 || angka==27 )

return true; if (angka == 13) {

var i;

for (i = 0; i < field.form.elements.length; i++) if (field == field.form.elements[i])

break;

i = (i + 1) % field.form.elements.length; field.form.elements[i].focus();

return false;

}; // else return false

return false;

}

</script>

function ubahTgl($tanggal){

$pisah = explode('/'$tanggal); $larik = array($pisah[2],$pisah[1],$pisah[0]);

$satukan = implode('-'$larik);

return $satukan; }

</head>

<body> <font color="#003300"><b>Formulir Pendaftaran,</b></font>

<form action="formulir_simpan.php" method="post" enctype="multipart/form-data">

<table width="526" border="0" cellspacing="1" cellpadding="3"> <tr>

<td width="200">Nama Lengkap</td>

<td width="3">:</td> <td width="475"><input name="nama" type="text" id="nama" onkeypress="return

angkadanhuruf(event,'abcdefghijklmnopqrstuvwxyz',this)" size="40" maxlength="35" /></td>

</tr>

66

<tr> <td>No. Identitas/KTP</td>

<td>:</td>

<td><input name="ktp" type="text" id="ktp" size="25" onkeypress="return angkadanhuruf(event,'0123456789',this)" /></td>

</tr>

<tr> <td>Tempat/ Tanggal Lahir</td>

<td>:</td>

<td><input name="tempat" type="text" id="tempat" size="30" onkeypress="return angkadanhuruf(event,'abcdefghijklmnopqrstuvwxyz',this)"/>

/

<input type="text" name="tanggal" id="tanggal" placeholder="Format: [yyyy-mm-dd]" /></td> </tr>

<tr>

<td>Jenis Kelamin</td> <td>:</td>

<td><input type="radio" name="kelamin" id="radio" value="Pria" />

Pria <input type="radio" name="kelamin" id="radio2" value="Wanita" />

Wanita</td>

</tr> <tr>

<td>Agama</td>

<td>:</td> <td><select name="agama" id="agama">

<option value="Islam">Islam</option>

<option value="Kristen">Kristen</option> <option value="Katolik">Katolik</option>

<option value="Hindu">Hindu</option>

<option value="Budha">Budha</option> <option value="Kong Huchu">Kong Huchu</option>

<option value="Lainnya">Lainnya</option>

</select></td> </tr>

<tr>

<td valign="top">Alamat</td> <td valign="top">:</td>

<td><textarea name="alamat" id="alamat" cols="45" rows="5"></textarea></td> </tr>

<tr>

<td>Email</td> <td>:</td>

<td><input name="email" type="text" id="email" size="40" placeholder="Cth: [email protected], dll" /></td>

</tr> <tr>

<td>No. Telepon/ Hp</td>

<td>:</td> <td><input name="telp" type="text" id="telp" size="15" maxlength="13" onkeypress="return

angkadanhuruf(event,'0123456789',this)" /></td>

</tr> <tr>

<td>Status</td>

<td>:</td> <td><input type="radio" name="status" id="radio3" value="Menikah" />

Menikah

<input type="radio" name="status" id="radio4" value="Belum_Menikah" /> Belum Menikah</td>

</tr>

<tr> <td>Pendidikan Terakhir</td>

<td>:</td>

<td><input name="pendidikan" type="text" id="pendidikan" size="20" /></td> </tr>

<tr>

<td>Upload Ijasah</td> <td>:</td>

<td><input type="file" name="ijasah" id="ijasah" /></td>

</tr> <tr>

<td valign="top">Pengalaman</td>

<td valign="top">:</td> <td><textarea name="pengalaman" id="pengalaman" cols="45" rows="5"></textarea></td>

67

</tr> <tr>

<td colspan="3"><hr /></td>

</tr> <tr>

<td>Upload File Identitas</td>

<td> </td> <td><input type="file" name="identitas" id="identitas" /></td>

</tr>

<tr> <td>Upload Foto (4x6)</td>

<td>:</td>

<td><input type="file" name="foto" id="foto" /></td> </tr>

<tr>

<td colspan="3"><input type="submit" name="button" id="button" value="Daftar" /> <input type="reset" name="button2" id="button2" value="Cancel" /></td>

</tr>

</table> </form>

</body>

</html>

2. Listing Formulir Berkas HRD


transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title> </head>

<body>

<?php include"../config/koneksi.php";

$ID=$_GET['ID']; $cari=mysql_query("select*from daftar where id_daftar='$ID'");

$data=mysql_fetch_array($cari);

?> <font color="#003300"><b>Verifikasi Berkas Pendaftaran,</b></font>

<form action="index.php?page=formulir_update_berkas" method="post">


<td>Id Pendaftaran</td>

<td>:</td> <td><?php echo $data['id_daftar'];?></td>

<td width="145" rowspan="6" align="center"><img src="../datafile/<?php echo $data['foto_daftar'];?>" width="130"

height="150" /></td> </tr>

<tr>

<td width="160">Nama Lengkap</td> <td width="6">:</td>

<td width="264"><?php echo $data['nama_daftar'];?></td>

</tr> <tr>

<td>No. Identitas</td>

<td>:</td> <td><?php echo $data['no_identitas'];?></td>

</tr>

<tr> <td>Tempat/ Tanggal Lahir</td>

<td>:</td>

<td><?php echo $data['tempat_lahir_daftar'];?>/ <?php echo $data['tanggal_lahir_daftar'];?></td> </tr>

<tr>

<td>Jenis Kelamin</td> <td>:</td>

<td><?php echo $data['kelamin_daftar'];?></td>

</tr> <tr>

68

<td>Agama</td> <td>:</td>

<td><?php echo $data['agama_daftar'];?></td>

</tr> <tr>

<td valign="top">Alamat</td>

<td valign="top">:</td> <td><?php echo $data['alamat_daftar'];?></td>

<td> </td>

</tr> <tr>

<td>Email</td>

<td>:</td> <td><?php echo $data['email_daftar'];?></td>

<td> </td>

</tr> <tr>

<td>No. Telepon/ Hp</td>

<td>:</td> <td><?php echo $data['telp_daftar'];?></td>

<td> </td>

</tr> <tr>

<td>Status</td>

<td>:</td> <td><?php echo $data['status_daftar'];?></td>

<td> </td>

</tr> <tr>

<td>Pendidikan Terakhir</td>

<td>:</td> <td><?php echo $data['pendidikan'];?></td>

<td> </td>

</tr> <tr>

<td valign="top">Pengalaman</td>

<td valign="top">:</td> <td><?php echo $data['pengalaman'];?></td>

<td> </td> </tr>

<tr>

<td valign="top">Keterangan</td> <td valign="top">:</td>

<td><select name="keterangan" id="keterangan">

<option value="Berkas_Diterima">Berkas Diterima</option> <option value="Berkas_Ditolak">Berkas Ditolak</option>

</select>

<input name="ID" type="hidden" id="ID" value="<?php echo $ID;?>" /></td> <td> </td>

</tr>

<tr> <td valign="top"><input type="submit" name="button" id="button" value="Submit" /></td>

<td valign="top"> </td>

<td> </td> <td> </td>

</tr>

<tr> <td colspan="4" valign="top"><hr /></td>

</tr>

<tr> <td valign="top">Data File Pendaftaran</td>

<td valign="top">:</td>

<td> </td> <td> </td>

</tr>

<tr> <td colspan="4" align="center"><img src="../datafile/<?php echo $data['file_identitas'];?>" width="300" height="225"

/><br />

<br /> <img src="../datafile/<?php echo $data['ijasah'];?>" width="600" height="700" /></td>

</tr>

</table> </form>

69

</body> </html>

3. ListingSoal Tes Seleksi Karyawan

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

</head> <body>

<font color="#003300"><b>Soal Tes Seleksi Karyawan,</b></font>

<table width="628" border="0" cellspacing="1" cellpadding="3" style="border: outset">

<tr>

<td width="65" align="center" style="border: dotted"><font color="#000"><strong>No.</strong></font></td>

<td width="364" align="center" style="border: dotted"><font color="#000"><strong>Soal Tes Seleksi</strong></font></td>

<td width="192" align="center" style="border: dotted"><font color="#000"><strong>Aksi</strong></font></td>

</tr> <?php

include"../config/koneksi.php";

$no=1; $cari=mysql_query("select*from soal order by id_soal desc");

while($data=mysql_fetch_array($cari)){ ?>

<tr>

<td align="center"><?php echo $no++;?></td> <td ><div align="center"><?php echo $data['nama_soal'];?></div></td>

<td align="center">

<?php $cariseleksi=mysql_query("select*from seleksi where id_daftar='$_SESSION[id_daftar]' And id_soal='$data[id_soal]'");

if($dataseleksi=mysql_fetch_array($cariseleksi)){

echo"<a href=index.php?page=soal_hasil&ID=$data[id_soal]>Lihat</a>"; }

else{

if($data['kondisi']=='Tutup'){ echo"<font color=red>Waiting</font>";

}

else{ echo"<a href=index.php?page=soal_aksi&ID=$data[id_soal]>Mulai Ujian</a>";

}

} ?></td>

</tr>

<?php }?> </table>

<br />

<br /> <strong>Note :</strong><br />

<font color="#CC3300">Saol tes seleksi karyawan akan dapat diakses jika link sudah di buka oleh bagian administrator

kami. Tanda soal tersebut sudah dapat diakses yaitu jika di bagian aksi sudah menampilkan tombol input.<br /> <br />

Terima Kasih.</font>

</body> </html>

4. Listing Tambah Soal Admin


transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title>

</head>

70

<body> <font color="#003300"><b>Data Soal,</b></font>

<form action="media.php?page=soal_simpan" method="post">


<td width="200">Nama Soal</td>

<td width="3">:</td> <td width="475"><input name="nama" type="text" id="nama" size="40" /></td>

</tr>

<tr> <td colspan="3">

<input type="submit" name="button" id="button" value="Submit" />

<a href="media.php?page=soal_tampil"><input type="button" name="button2" id="button2" value="Cancel" /></a></td> </tr>

</table>

</form> </body>

</html>

4.4. Testing

1. Form Login Calon Karyawan

Tabel IV.18

Hasil Pengujian Black Box Testing FormLogin Calon Karyawan

No. Skenario Pengujian Test Case Hasil yang

Diharapkan Hasil Pengujian Kesimpulan

1.

Mengosongkan semua

isian data login pada

login calon karyawan, lalu langsung

mengklik tombol

„Login‟

Email : (kosong)

Password : (kosong)

Sistem akan menolak

akses login dengan

menampilkan tulisan “Username atau

password anda

salah!”

Sesuai Harapan Valid

2.

Hanya mengisi data

email dan

mengosongkan data password , lalu

langsung mengklik

tombol „Login‟

Email:(rangga@gmail.

com) Password : (kosong)

Sistem akan menolak akses login dengan

menampilkan tulisan

“ password anda belum diisi!”


3.

Hanya mengisi data

password dan

mengosongkan dataEmail, lalu

langsung mengklik

tombol „Login‟

Email : (kosong)

Password : (1993-07-27)


menampilkan tulisan

“Username anda belum diisi”


4.

Menginput data login

yang benar, lalu

mengklik tombol

„login‟

Email:(rangga@gmail.

com)

Password : (1993-07-27)

Sistem menerima akses login dan

kemudian langsung

menampilkan form halaman calon

karyawan.


71

2. Form Login HRD

Tabel IV.19

Hasil Pengujian Black Box Testing FormLogin HRD



1.

Mengosongkan semua isian data login pada

login HRD, lalu

langsung mengklik tombol „Login‟

Email : (kosong)

Password : (kosong)

Sistem akan menolak

akses login dengan


password anda belum

diisi!”


2.

Hanya mengisi data

email dan


langsung mengklik

tombol „Login‟

Email:([email protected]

om) Password : (kosong)

Sistem akan menolak

akses login dengan

menampilkan tulisan

“password anda belum diisi!”


3.

Hanya mengisi data

password dan

mengosongkan dataEmail, lalu

langsung mengklik

tombol „Login‟

Email : (kosong)

Password : (1993-07-27)


menampilkan tulisan

“Username anda belum diisi”


4.

Menginput data login

yang benar, lalu

mengklik tombol „login‟

Email:([email protected]

om) Password : (1993-07-

27)


kemudian langsung

menampilkan form halaman HRD.


3. Form Login Admin

Tabel IV.20

Hasil Pengujian Black Box Testing Form Login Admin



1.

Mengosongkan semua isian data login pada

login admin, lalu

langsung mengklik tombol „Login‟

User Name: (kosong)

Password : (kosong)

Sistem akan menolak

akses login dengan


password anda

salah!”


2.

Hanya mengisi data

User Name dan


langsung mengklik

tombol „Login‟

User Name :(admin)

Password : (kosong)

Sistem akan menolak

akses login dengan

menampilkan tulisan

“Usernameatau passwordandasalah!”


3.

Hanya mengisi data password dan

mengosongkan

dataUser Name, lalu langsung mengklik

tombol „Login‟

User Name : (kosong) Password : (admin)

Sistem akan menolak

akses login dengan menampilkan tulisan

“Usernameatau

passwordandasalah”


4.

Menginput data login yang benar, lalu

mengklik tombol

„login‟

User Name :(admin)

Password : (admin)


kemudian langsung

menampilkan form halaman utama

admin.


72

4.5. Support

4.5.1. Publikasi Web

Setelah websiterekrutment ini tercipta, langkah selanjutnya adalah untuk

menentukan nama domaindan mencari paket web hosting. Dalam publikasi situs

atau web kita dapat menggunakan layanan gratis atau berbayar, namun sebaiknya

tidak menggunakan layanan gratis dikarenakan kualitasnya tidak terlalu baik dan

tidak bagus. Karena perusahaan layanan web hosting menyesuaikan antara paket

harga dengan bentuk layanan.

Berikut beberapa hal yang harus diketahui sebelum mempublikasikan web, antara

lain:

1. Nama Domain

Nama domain (domain name) adalah sebuah nama unik yang diberikan

untuk mengidentifikasikan sebuah web, yang berfungsi untuk mempermudah

pengguna di internet pada saat melakukan akses ke sebuah server, selain juga

dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal

deretan angka yang rumit yang dikenal sebagai IPAddress,nama domain ini juga

dikenal sebagai kesatuan dari sebuah situs web atau alamat webseperti contohnya

“Detik.com”. Untuk itu penulis membeli domain dengan nama cvkat.web.id

sesuai dengan nama perusahaan tersebut.

2. Hosting dan Analisa Biaya

Hosting adalah jasa layanan internet yang menyediakan server-server

untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan

informasi di internet. Kapasitas hosting yang ditawarkan penyedia jasa hosting

pun cukup beragam. Dalam hal ini, penulis memanfaatkan jasa dari salah satu

73

perusahaan penyedia hosting yaitu www.dapurhosting.com. Berikut detail daftar

biaya untuk hosting di www.dapurhosting.com :

Gambar IV.42

Tarif Biaya Hosting

4.5.2. Spesifikasi Spesifikasi Leptop Yang Digunakan

Tabel IV.21

Spesifikasi Leptop Yang Digunakan

Kebutuhan Keterangan

Sistem Operasi : Windows 7

Processor : Intel (R) Core (TM) i3-2348M CPU

@ 1.66 GHz

RAM : 1Gb

Harddisk : 128 Gb

System Type : 32-bit Operating System

Display :14 inci WXGA LED

http://www.dapurhosting.com/

http://www.dapurhosting.com/

bab iv rancangan sistem dan program usulan fileadmin dapat mengelola master soal seleksi ... b. use...

Documents