lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/bab iii.pdfkaryawan...
TRANSCRIPT
Team project ©2017 Dony Pratidana S. Hum | Bima Agus Setyawan S. IIP
Hak cipta dan penggunaan kembali:
Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.
Copyright and reuse:
This license lets you remix, tweak, and build upon work non-commercially, as long as you credit the origin creator and license it on your new creations under the identical terms.
28
BAB III
METODE DAN PERANCANGAN SISTEM
3.1 Metode Penelitian
Metode yang digunakan untuk merancang dan membangun sistem rekomendasi
adalah sebagai berikut.
1. Analisis Sistem
Pada tahap ini, penelitian dilakukan dengan studi pustaka terlebih dahulu
dengan mempelajari buku, jurnal, artikel, dan referensi lainnya yang berkaitan
dengan penelitian. Kemudian, penelitian dilakukan dengan mengumpulkan
data-data dan menganalisa data-data yang berkaitan serta mewawancarai
seorang sumber yang mengetahui kriteria yang di perlukan dalam pembuatan
sistem.
2. Desain Sistem
Pada tahap ini dibuat rancangan terkait dengan analisis sistem yang dibutuhkan
sebelum dilakukan pemrograman.
3. Pemrograman dan Implementasi Sistem
Pada tahap ini meliputi penulisan kode-kode dengan menggunakan Bahasa
pemrograman PHP, sedangkan untuk memberikan rekomendasi kepada
member digunakan metode entropy dan TOPSIS.
17
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
29
4. Pengujian Aplikasi
Setelah sistem selesai dibangun selanjutnya dilakukan pengujian. Uji coba
dilakukan secara langsung oleh para karyawan Jakarta Smart City, hasilnya
disesuaikan dengan penilaian dari karyawan.
5. Penulisan Laporan
Melakukan penulisan laporan secara berhatan dari analisis sampai dengan
pengujian sistem.
3.2 Perancangan Sistem
Sebelum melakukan pengembangan sistem pendukung keputusan pemilihan
karyawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut.
Tujuannya adalah agar dapat memahami alur kerja sistem tersebut secara keseluruhan.
Sistem tersebut dirancang menggunakan bahasa pemrograman PHP berbasis web
beserta dengan basis data sebagai tempat untuk menyimpan data. Perancangan dan alur
pada sistem yang dibangun dijelaskan dalam user requirement document, data flow
diagram, flow chart, entity relationship diagram , site map, struktur tabel, dan desain
antarmuka.
3.2.1 User Requirement
Menurut Guritno (2011:301), “Requirement adalah sifat-sifat sistem
atau product yang akan dikembangkan sesuai dengan keinginan customer”. Adapun,
spesifikasi software requirement yang baik dan sangat relevan untuk dilakukan
sebelum melakukan penelitian dalam bidang teknologi informasi adalah tidak ambigu
(Unambiguous), lengkap (Complete), konsisten (Consistent), dapat diubah
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
30
(Modifiable), dapat dilacak (Traceable), dan dapat digunakan selama pengoperasian
dan maintenance. User requirement document pada aplikasi Sistem Pendukung
Keputusan Pemilihan Karyawan akan dijelaskan pada Tabel 3.2. Proritas 1 merupakan
fungsi utama dari sistem.
Tabel 3.2 User Requirement Document
Kebutuhan Umum Sistem
Kode Deskripsi Prioritas
UR-01 Sistem berbasis website dan dapat diakses
Project Manager, dan Admin
1
UR-02 Sistem dapat menampilkan menu login
dengan menggunakan username dan
password
1
UR-03 Sistem dapat menampilkan peringatan jika
username dan password salah
1
UR-04 Sistem dapat menampilkan data karyawan,
divisi, status karyawan, dan 5 kriteria
penilaian
1
UR-05 Sistem dapat menambahkan data karyawan,
divisi, status karyawan, 5 kriteria penilaian
1
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
31
Table 3.3 User Requirement Document (Lanjutan)
UR-06 Sistem dapat mengubah data karyawan
berdasarkan id, divisi, status karyawan, dan
5 kriteria penilaian
1
UR-07 Sistem dapat menghapus data karyawan,
divisi, status karyawan, dan 5 kriteria
penilaian
1
UR-08 Sistem dapat melakukan penilaian karyawan 1
UR-09 Sistem dapat menampilkan penilaian
karyawan
1
UR-10 Sistem dapat menampilkan user yang
sedang login
1
UR-11 Sistem dapat melakukan logout 1
3.2.2 Site map
Site Map adalah penggambaran grafik dan tulisan dari hubungan antara
kelompok yang berbeda dari konten pada website. (Chaffey, 2011). Sistem ini
mempunyai 2 site map yaitu site map menu home (front-end) dan site map menu
home (back-end). Site map menu home (front-end) berisikan menu-menu yang
ada pada halaman utama tanpa harus melakukan login. Site map menu home
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
32
(back-end) berisikan menu-menu yang ada pada halaman utama saat user
melakukan login.
1. Site Map Menu Halaman Utama (front-end)
Pada Gambar 3.1 merupakan site map yang menjelaskan menu-menu pada
halaman utama.
Gambar 3.1 Site Map Menu Halaman Utama (Front-End)
2. Site Map Menu Halaman Utama (back-end).
Pada Gambar 3.2 merupakan site map yang menjelaskan menu-menu pada
halaman utama. Menu-menu tersebut bisa di tampilkan saat admin dan
Project Manager sudah melakukan login.
Gambar 3.2 Site Map Menu Halaman Utama (Back-End)
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
33
3.2.3 Data Flow Diagram
Pada Gambar 3.3 menunjukkan hubungan data dan alur yang terjadi pada
aplikasi sistem. Entitas yang terlibat ada 3 yaitu admin, project manager, HRD,
karyawan, dan guest. HRD dan karyawan hanya memberikan data berupa divisi, status,
dan data karyawan untuk bisa di olah oleh admin . Alur data yang dilakukan oleh admin
meliputi status karyawan, data karyawan, divisi karyawan, dan nilai-nilai yang di pakai
sebagai penilaian dalam sistem. Alur data yang dilakukan project manager penilaian
karyawan dan memberikan data nilai berserta bobot kepada admin. Data yang ada pada
guest hanyalah hasil dari penilaian karyawan yang sudah di-input oleh project manager
dan dihitung dengan menggunakan metode entropy dan TOPSIS.
Gambar 3.3 Context Diagram
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
34
Gambar 3.4 Data Flow Diagram Level 1
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
36
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
24
Gambar 3.4 menunjukkan pembagian dari alur proses besar yang ada pada
context diagram pada Gambar 3.3. Terdapat 6 modul yang ada pada sistem yang
terdiri dari modul divisi, karyawan, status karyawan, penilaian karyawan , login,
dan modul nilai. Modul-modul tersebut dilakukan oleh admin ,project manager,
karyawan, guest, dan HRD dimana admin dan project manager dapat memberikan
input dan menerima output, karyawan dan HRD hanya memberikan input
sedangkan guest hanya menerima output. Modul yang ada pada diagram tersebut
akan dibagi lagi menjadi beberapa sub proses.
Gambar 3.5 Data Flow Diagram Level 1 Subproses Modul Divisi
Diagram pada Gambar 3.6 menunjukkan proses-proses yang ada pada
modul divisi. HRD hanya memberikan data divisi kepada admin. Proses tersebut
hanya dilakukan oleh admin dalam menambah, mengubah, melihat, dan menghapus
data divisi karyawan JSC. Berikut adalah penjelasan mengenai proses diagram pada
Gambar 3.6.
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
25
1. Add Divisi
Admin dapat melakukan penambahan data divisi yang diterima oleh HRD
dan bisa dilihat oleh project manager dan guest. Data yang sudah
ditambahkan kemudian disimpan dalam tabel master_divisi.
2. Edit Divisi
Ketika ada perubahan yang diakibatkan oleh beberapa faktor, admin bisa
melakukan perubahan data yang telah disimpan sebelumnya. Data yang
diubah berasal dari tabel master_divisi dan disimpan kembali pada tabel
master_divisi.
3. View Divisi
Admin dapat melihat kembali mengenai seluruh data divisi yang sudah
dimasukkan ke dalam tabel master_divisi yang ada pada database.
4. Delete Divisi
Admin dapat melakukan delete data divisi pada tabel master_divisi yang ada
pada database.
Diagram pada Gambar 3.7 menunjukkan proses-proses yang ada pada
modul status karyawan. Proses tersebut hanya dilakukan oleh admin dalam
menambah, mengubah, melihat, dan menghapus data status karyawan. Berikut
adalah penjelasan mengenai proses diagram pada Gambar 3.7.
1. Add Status Karyawan
Admin dapat melakukan penambahan status karyawan yang sudah diberikan
oleh HRD dan bisa dilihat oleh project manager. Data yang sudah
ditambahkan kemudian disimpan dalam tabel status_karyawan.
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
26
Gambar 3.6 Data Flow Diagram Level 1 Subproses Modul Status
Karyawan
2. Edit Status Karyawan
Ketika ada perubahan yang diakibatkan oleh beberapa faktor, admin bisa
melakukan perubahan data yang telah disimpan sebelumnya. Data yang
diubah berasal dari tabel master_nilai dan disimpan kembali pada tabel
status_karyawan.
3. View Status Karyawan
Admin dapat melihat kembali mengenai seluruh data nilai yang sudah
dimasukkan ke dalam tabel status_karyawan yang ada pada database.
4. Delete Status Karyawan
Admin dapat melakukan delete data nilai database.
Diagram pada Gambar 3.8 menunjukkan proses-proses yang ada pada
modul karyawan. Proses tersebut hanya dilakukan oleh admin dalam
menambah, mengubah, melihat, dan menghapus data nilai disiplin kerja.
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
27
Gambar 3.7 Data Flow Diagram Level 1 Subproses Modul Karyawan
Berikut adalah penjelasan mengenai proses diagram pada Gambar 3.8.
1. Add Karyawan
Admin dapat melakukan penambahan data karyawan yang sudah diberikan
oleh karyawan JSC dan bisa dilihat oleh project manager dan guest. Data
yang sudah ditambahkan kemudian disimpan dalam tabel
master_karyawan.
2. Edit Karyawan
Ketika ada perubahan yang diakibatkan oleh beberapa faktor, admin bisa
melakukan perubahan data yang telah disimpan sebelumnya. Data yang
diubah berasal dari tabel master_karyawan dan disimpan kembali pada tabel
master_karyawan.
3. View Karyawan
Admin dapat melihat kembali mengenai seluruh data nilai disiplin kerja yang
sudah dimasukkan ke dalam tabel master_nilai_5 yang ada pada database.
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
28
4. View Detail Karyawan
Admin dapat melihat secara detail data karyawan beserta status dan divisi
dari tabel master_karyawan.
5. Delete Karyawan
Admin dapat melakukan delete nilai disiplin kerja yang sudah dimasukkan
pada tabel master_nilai_5 pada database.
Diagram pada Gambar 3.9 menunjukkan proses-proses yang ada pada
modul penilaian karyawan. Berikut adalah penjelasan mengenai proses diagram
pada Gambar 3.9.
Gambar 3.8 Data Flow Diagram Level 1 Subproses Modul Penilaian Karyawan
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
29
1. Add Penilaian Karyawan
Project Manager dapat melakukan penilaian karyawan yang bisa dilihat
oleh guest. Data yang sudah ditambahkan kemudian disimpan dalam tabel
penilaian karyawan.
2. Edit Penilaian Karyawan
Ketika ada perubahan yang diakibatkan oleh beberapa faktor, project
manager bisa melakukan perubahan data yang telah disimpan sebelumnya.
Data yang diubah berasal dari tabel penilaian karyawan dan disimpan
kembali pada tabel penilaian karyawan.
3. View Penilaian Karyawan
Project Manager dapat melihat kembali mengenai seluruh data penilaian
karyawan yang sudah dimasukkan ke dalam tabel penilaian karyawan yang
ada pada database.
4. View Detail Penilaian Karyawan
Project Manager dapat melihat secara detail data tersebut dari tabel
penilaian karyawan.
5. Delete Penilaian Karyawan
Project Manager dapat menghapus data penilaian karyawan yang sudah ada
pada tabel penilaian karyawan pada database.
Diagram pada Gambar 3.10 menunjukkan proses-proses yang ada pada
modul nilai. Modul tersebut terdiri dari 5 modul nilai dimana nilai tersebut
mempunyai proses yang sama.
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
30
Gambar 3.9 Data Flow Diagram Level 2 Proses Modul Nilai
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
31
Gambar 3.10 menampilkan sub proses modul nilai kualitas dan kuantitas kerja yang
ada pada modul nilai.
Berikut adalah penjelasan mengenai proses diagram pada Gambar 3.10.
1. Add Nilai Kualitas dan Kuantitas Kerja
Admin dapat melakukan penambahan data nilai dan bobot yang sudah
diberikan oleh project manager dan disimpan dalam tabel master_nilai_1.
2. Edit Nilai Kualitas dan Kuantitas Kerja
Ketika ada perubahan yang diakibatkan oleh beberapa faktor, admin bisa
melakukan perubahan data yang telah disimpan sebelumnya. Data yang
diubah berasal dari tabel master_nilai_1 dan disimpan kembali pada tabel
master_nilai_1.
3. View Nilai Kualitas dan Kuantitas Kerja
Admin dapat melihat kembali mengenai seluruh data nilai kerjasama yang
sudah dimasukkan ke dalam tabel master_nilai_1 yang ada pada database.
Gambar 3.10 Data Flow Diagram Level 3 Subproses Modul Nilai
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
32
4. View Detail Nilai Kuantitas dan Kualitas Kerja
Admin dapat melihat secara detail data nilai tersebut beserta bobotnya dari
tabel master_nilai_1.
5. Delete Nilai Kuantitas dan Kualitas Kerja
Admin dapat menghapus nilai kerjasama yang sudah ada pada tabel
master_nilai_1 pada database.
Diagram pada Gambar 3.11 menunjukkan proses-proses nilai ketaatan. Proses
tersebut hanya dilakukan oleh admin dalam menambah, mengubah, melihat, dan
menghapus nilai. Berikut adalah penjelasan mengenai proses diagram pada Gambar
3.11.
1. Add Nilai Ketaatan
Admin dapat melakukan penambahan data nilai dan bobot yang bisa dilihat
oleh project manager dan guest. Data yang sudah ditambahkan kemudian
disimpan dalam tabel master_nilai_2.
2. Edit Nilai Ketaatan
Ketika ada perubahan yang diakibatkan oleh beberapa faktor, admin bisa
melakukan perubahan data yang telah disimpan sebelumnya. Data yang
diubah berasal dari tabel master_nilai_2 dan disimpan kembali pada tabel
master_nilai_2.
3. View Nilai Ketaatan
Admin dapat melihat kembali mengenai seluruh data nilai ketaatan yang
sudah dimasukkan ke dalam tabel master_nilai_2 yang ada pada database.
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
33
4. View Detail Nilai Ketaatan
Admin dapat melihat secara detail data nilai tersebut beserta bobotnya dari
tabel master_nilai_2.
5. Delete Nilai Ketaatan
Admin dapat menghapus nilai kerjasama yang sudah ada pada tabel
master_nilai_2 pada database.
Diagram pada Gambar 3.12 menunjukkan proses-proses nilai kerjasama. Proses
tersebut hanya dilakukan oleh admin dalam menambah, mengubah, melihat, dan
menghapus nilai kerjasama. Berikut adalah penjelasan mengenai proses diagram
pada Gambar 3.12.
1. Add Nilai Kerjasama
Admin dapat melakukan penambahan penilaian karyawan yang sudah
diberikan oleh bisa dilihat oleh admin dan guest. Data yang sudah
ditambahkan kemudian disimpan dalam tabel master_nilai_3.
Figure 3.11 Data Flow Diagram Level 3 SubProses Modul Nilai
Ketaatan
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
34
2. Edit Nilai Kerjasama
Ketika ada perubahan yang diakibatkan oleh beberapa faktor, admin bisa
melakukan perubahan data yang telah disimpan sebelumnya. Data yang
diubah berasal dari tabel master_nilai_2 dan disimpan kembali pada tabel
master_nilai_3.
3. View Nilai Kerjasama
Project Manager dan admin dapat melihat kembali mengenai seluruh data
nilai kerjasama yang sudah dimasukkan ke dalam tabel master_nilai_3 yang
ada pada database.
4. View Detail Nilai Kerjasama
Project Manager dan admin dapat melihat secara detail nilai tersebut beserta
bobotnya dari tabel master_nilai_3.
5. Delete Nilai Kerjasama
Admin dapat menghapus nilai kerjasama pada tabel master_nilai_3 pada
database.
Gambar 3.12 Data Flow Diagram Level 3 Subproses Modul Nilai
Kerjasama
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
35
Diagram pada Gambar 3.13 menunjukkan proses-proses yang ada pada modul nilai
semangat kerja. Proses tersebut hanya dilakukan oleh admin dalam menambah,
mengubah, melihat, dan menghapus nilai semangat kerja. Berikut adalah penjelasan
mengenai proses diagram pada Gambar 3.13.
1. Add Nilai Semangat Kerja
Admin dapat melakukan penambahan nilai semangat kerja yang sudah
diberikan oleh project manager dan disimpan dalam tabel master_nilai_4.
2. Edit Nilai Semangat Kerja
Ketika ada perubahan yang diakibatkan oleh beberapa faktor, admin bisa
melakukan perubahan data yang telah disimpan sebelumnya. Data yang
diubah berasal dari tabel master_nilai_4 dan disimpan kembali pada tabel
master_nilai_4.
Gambar 3.13 Data Flow Diagram Level 3 Subproses Modul Nilai
Semangat Kerja
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
36
3. View Nilai Semangat Kerja
Project Manager dan admin dapat melihat kembali mengenai seluruh data
nilai kerjasama yang sudah dimasukkan ke dalam tabel master_nilai_4 yang
ada pada database.
4. Delete Nilai Semangat Kerja
Admin dapat menghapus nilai semangat kerja yang sudah ada pada tabel
master_nilai_4 yang ada pada database.
Diagram pada Gambar 3.14 menunjukkan proses-proses yang ada pada modul nilai
displin kerja. Proses tersebut hanya dilakukan oleh admin dalam menambah,
mengubah, melihat, dan menghapus nilai displin kerja.
Berikut adalah penjelasan mengenai proses diagram pada Gambar 3.14.
1. Add Nilai Disiplin Kerja
Admin dapat melakukan penambahan nilai displin kerja yang sudah
diberikan oleh project manager dan disimpan dalam tabel master_nilai_5.
2. Edit Nilai Displin Kerja
Gambar 3.14 Data Flow Diagram Level 3 SubProses Modul Nilai
Disiplin Kerja
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
37
Ketika ada perubahan yang diakibatkan oleh beberapa faktor, admin bisa
melakukan perubahan data yang telah disimpan sebelumnya. Data yang
diubah berasal dari tabel master_nilai_5 dan disimpan kembali pada tabel
master_nilai_5.
3. View Nilai Displin Kerja
Project Manager dan admin dapat melihat kembali mengenai seluruh data
nilai displin kerja yang sudah dimasukkan ke dalam tabel master_nilai_5
yang ada pada database.
4. Delete Nilai Displin Kerja
Admin dapat menghapus nilai dispilin kerja yang sudah ada pada tabel
master_nilai_5 yang ada pada database.
Diagram pada Gambar 3.15 menggambarkan subproses pada proses login. Proses ini
dilakukan oleh admin dan project manager. Project Manager dan admin
memberikan data berupa username dan password kemudian akan dilakukan verfikasi
pada tabel user. Setelah itu proses verfikasi akan memberikan status yaitu bisa login
atau tidak.
Gambar 3.15 Data Flow Diagram Level 1 SubProses
Login
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
38
3.2.3 Flowchart Diagram
Flowchart merupakan sebuah bagan yang menunjukkan alur kerja di dalam
program atau prosedur sistem secara logika (Pahlevy, 2005). Pada Gambar 3.146
menjelaskan flowchart halaman utama.
Admin dan Project Manager harus melakukan login terlebih dahulu untuk bisa
mengakses aplikasi SPK Pemilihan Karyawan Terbaik. Pertama user akan
memasukkan data login, lalu setelah di submit akan diperiksa data yang masuk
apakah valid atau tidak, jika valid maka proses login selesai.
Gambar 3.16 Flowchart Halaman Utama
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
39
Setelah admin dan Project Manager sudah melakukan login, sistem akan
menampilkan halaman utama. Halaman tersebut berisikan menu yang terdiri dari
menu penilaian karyawan, menu master data, menu privilege , dan logout. Menu
master data mempunyai sub-menu yaitu divisi, status karyawan, data karyawan,
nilai kualitas dan kuantitas kerja, nilai ketaatan, nilai kerjasama, nilai semangat
kerja dan nilai disiplin kerja. Flowchart halaman utama untuk admin dan project
manager akan di tampilkan pada Gambar 3.18.
Gambar 3.17 Flowchart Halaman Login
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
40
Gambar 3.18 menunjukkan flowchart diagram pada menu penilaian karyawan.
Gambar 3.18 Flowchart Diagram Menu Halaman Utama (Back-end)
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
41
Menu tersebut hanya bisa dilakukan oleh Project Manager. Project Manager bisa
melihat, mengubah, menambah, dan menghapus data. Jika ingin melihat penilaian
karyawan, database akan menampilkan data penilaian karyawan yang terdiri dari
nama karyawan, 5 kriteria penilaian, hasil, dan ranking. Jika ingin menambah data,
sistem akan melakukan validasi apakah data tersebut sudah ada atau tidak. Jika
tidak, sistem menampilkan form tambah data.
Gambar 3.20 menunjukkan flowchart diagram sub proses status karyawan. Proses
ini hanya dilakukan oleh admin. Pertama proses akan menampilkan halaman status
karyawan. Jika admin ingin mengubah dan menambah status karyawan, admin
Gambar 3.19 Flowchart Diagram Subproses Menu Penilaian
Karyawan
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
42
harus memasukkan data yang baru berupa status karyawan yang terdiri dari kontrak,
magang, dan tetap. Ketika admin menekan tombol submit, data tersebut akan
tersimpan dalam database. Jika ingin menghapus data, admin memilih data yang
akan dipilih untuk dihapus.
Gambar 3.21 menunjukkan flowchart diagram sub proses karyawan. Proses ini
hanya dilakukan oleh admin. Pertama proses akan menampilkan halaman daftar
nama karyawan. Jika admin ingin mengubah dan menambah karyawan, admin
harus memasukkan data yang baru berupa nama, NIK, jabatan, divisi, dan periode.
Ketika admin menekan tombol submit, data tersebut akan tersimpan dalam
Gambar 3.20 Flowchart Diagram SubProses Status Karyawan
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
43
database. Jika ingin menghapus data, admin memilih data yang akan dipilih untuk
dihapus.
Gambar 3.22 menunjukkan flowchart diagram sub proses divisi karyawan. Proses
ini hanya dilakukan oleh admin. Pertama proses akan menampilkan halaman divisi.
Jika admin ingin menambah nilai, admin harus memasukkan data yang baru berupa
divisi yang ada di JSC. Ketika admin menekan tombol submit, data tersebut akan
tersimpan dalam database. Jika ingin menghapus data, admin memilih data yang
akan dipilih untuk dihapus.
Gambar 3.21 Flowchart Diagram SubProses Karyawan
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
44
Gambar 3.22 Flowchart Sub Proses Divisi
Gambar 3.23 menunjukkan flowchart diagram sub proses nilai kualitas dan
kuantitas kerja. Proses ini hanya dilakukan oleh admin. Pertama, proses akan
menampilkan halaman nilai kualitas dan kuantitas kerja. Jika admin ingin
mengubah dan menambah nilai, admin harus memasukkan data yang baru berupa
abjad dan bobot nilai. Ketika admin menekan tombol submit, data tersebut akan
tersimpan dalam database. Jika ingin menghapus data, sistem akan menampilkan
halaman pemberitahuan apakah data tersebut ingin dihapus atau tidak.
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
45
Gambar 3.23 Flowchart Sub Proses Nilai Kualitas dan Kuantitas Kerja
Gambar 3.24 menunjukkan flowchart diagram sub proses nilai ketaatan. Proses ini
hanya dilakukan oleh admin. Pertama, proses akan menampilkan halaman nilai
kualitas dan kuantitas kerja. Jika admin ingin mengubah dan menambah nilai,
admin harus memasukkan data yang baru berupa abjad dan bobot nilai. Ketika
admin menekan tombol submit, data tersebut akan tersimpan dalam database. Jika
ingin menghapus data, sistem akan menampilkan halaman pemberitahuan apakah
data tersebut ingin dihapus atau tidak.
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
46
Gambar 3.25 menunjukkan flowchart diagram sub proses nilai kerjasama. Proses
ini hanya dilakukan oleh admin. Pertama, proses akan menampilkan halaman nilai
kualitas dan kuantitas kerja. Jika admin ingin mengubah dan menambah nilai,
admin harus memasukkan data yang baru berupa abjad dan bobot nilai. Ketika
admin menekan tombol submit, data tersebut akan tersimpan dalam database. Jika
ingin menghapus data, sistem akan menampilkan halaman pemberitahuan apakah
data tersebut ingin dihapus atau tidak.
Gambar 3.24 Flowchart Subproses Nilai Ketaatan
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
47
Gambar 3.26 menunjukkan flowchart diagram sub proses nilai semangat kerja.
Proses ini hanya dilakukan oleh admin. Pertama, proses akan menampilkan
halaman nilai kualitas dan kuantitas kerja. Jika admin ingin mengubah dan
menambah nilai, admin harus memasukkan data yang baru berupa abjad dan bobot
nilai. Ketika admin menekan tombol submit, data tersebut akan tersimpan dalam
database. Jika ingin menghapus data, sistem akan menampilkan halaman
pemberitahuan apakah data tersebut ingin dihapus atau tidak.
Gambar 3.25 Flowchart Subproses Nilai Kerjasama
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
48
Gambar 3.27 menunjukkan flowchart diagram sub proses nilai displin kerja. Proses
ini hanya dilakukan oleh admin. Pertama, proses akan menampilkan halaman nilai
kualitas dan kuantitas kerja. Jika admin ingin mengubah dan menambah nilai,
admin harus memasukkan data yang baru berupa abjad dan bobot nilai. Ketika
admin menekan tombol submit, data tersebut akan tersimpan dalam database. Jika
ingin menghapus data, sistem akan menampilkan halaman pemberitahuan apakah
data tersebut ingin dihapus atau tidak.
Gambar 3.26 Flowchart Diagram Subproses Nilai
Semangat Kerja
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
49
3.2.4 Entitiy Relationship Diagram
Entitiy Relationship Diagram (ERD) adalah suatu model untuk menjelaskan
hubungan antar data dalam basis data yang mempunyai hubungan antar
relasi dan digambarkan dalam beberapa notasi dan simbol. Pada Gambar
3.28 menjelaskan hubungan antar tabel dalam sistem pendukung keputusan
pemilihan karyawan terbaik. Tabel-tabel tersebut terdiri dari master
karyawan yang berfungsi untuk menyimpan data karyawan, tabel user yang
berfungsi untuk menyimpan data user, tabel master_status_karyawan yang
berfungsi menyimpan status karyawan, tabel penilaian karyawan yang
berfungsi untuk menyimpan hasil penilaian karyawan, tabel master_nilai_1
Gambar 3.27 Flowchart Subproses Menu Nilai Disiplin
Kerja
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
50
(kriteria kualitas dan kuantitas kerja) digunakan untuk menyimpan nilai dari
kriteria tersebut, tabel master_nilai_2 (kriteria ketaatan) digunakan untuk
menyimpan nilai dari kriteria tersebut
Gambar 3.28 Entitiy Relationship Diagram
tabel master_nilai_3 (kriteria kerja sama) digunakan untuk menyimpan nilai dari
kriteria tersebut, tabel master_nilai_4 (kriteria semangat kerja) digunakan untuk
menyimpan nilai dari kriteria tersebut, dan tabel master_nilai_5 (kriteria ketaatan)
digunakan untuk menyimpan nilai dari kriteria tersebut. Tabel master_karyawan
yang mempunyai attribute id_karyawan yang menjadi primary key mempunyai
relasi one to one pada attribute karyawan_id dalam tabel_penilaian karyawan yang
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
51
artinya id_karyawan dan karyawan_id mempunyai ID hanya satu dan sama. Tabel
master_status_karyawan yang mempunyai attribute id_status yang menjadi
primary key mempunya relasi one to many pada attribute status_id dalam tabel
master_karyawan yang artinya id_status di tabel master_status_karyawan
mempunyai status hanya satu, status_id di tabel master_karyawan memiliki banyak
status tergantung banyaknya karyawan. Begitu juga dengan relasi tabel lainnya.
3.2.5 Struktur Tabel
Berikut ini adalah tabel-tabel pada basis data (database) yang digunakan
dalam sistem pendukung keputusan pemilihan karyawan terbaik. Di dalam
tabel tersebut ada yang mempunyai primary key dan foreign key. Primary
key merupakan suatu kunci utama dari suatu tabel yang tidak bisa memiliki
data yang sama dengan tabel lain. Foreign key merupakan suatu kunci yang
memiliki relasi dengan tabel lain.
1. Struktur Tabel Karyawan
Nama Tabel : master_karyawan
Fungsi : Menyimpan data karyawan Jakarta Smart City
Primary Key : id_karyawan
Foreign_key : status_id
Tabel 3.4 Struktur Tabel Karyawan
2. Struktur Tabel Nilai Kriteria Kualitas dan Kuantitas Kerja.
Nama Tabel : master_nilai_1
Fungsi : Untuk menyimpan nilai dan bobot
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
52
Primary Key : id_nilai1
Foreign Key : -
Tabel 3.5 Struktur Tabel Nilai Kualitas dan Kuantitas Kerja
3. Struktur Tabel Nilai Kriteria Ketaatan.
Nama Tabel : master_nilai_2
Fungsi : Untuk menyimpan nilai dan bobot
Primary Key : id_nilai2
Foreign Key : -
Tabel 3.6 Struktur Tabel Nilai Kriteria Ketaatan
4. Struktur Tabel Nilai Kriteria Kerjasama
Nama Tabel : master_nilai_3
Fungsi : Untuk menyimpan nilai dan bobot
Primary Key : id_nilai3
Foreign Key : -
Tabel 3.7 Struktur Tabel Nilai Kriteria Kerjasama
5. Struktur Tabel Nilai Kriteria Semangat Kerja.
Nama Tabel : master_nilai_4
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
53
Fungsi : Untuk menyimpan nilai dan bobot
Primary Key : id_nilai4
Foreign Key : -
Tabel 3.8 Struktur Tabel Nilai Kriteria Kerjasama
6. Struktur Tabel Nilai Kriteria Disiplin
Nama Tabel : master_nilai_5
Fungsi : Untuk menyimpan nilai dan bobot
Primary Key : id_nilai5
Foreign Key : -
Tabel 3.9 Struktur Tabel Nilai Kriteria Disiplin
7. Struktur Tabel Status Karyawan
Nama Tabel : master_status_karyawan
Fungsi : Untuk menyimpan status karyawan
Primary Key : id_status
Foreign Key : -
Tabel 3.10 Struktur Tabel Status Karyawan
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
54
8. Struktur Tabel User
Nama Tabel : user
Fungsi : Untuk menyimpan user yang bisa mengakses
halaman back-end
Primary Key : id
Foreign Key : -
Tabel 3.11 Struktur Tabel User
9. Struktur Tabel Penilaian Karyawan
Nama Tabel : penilaian_karyawan
Fungsi : Untuk menyimpan nilai dan hasil pada calon
karyawan terbaik
Primary Key : id_nilai
Foreign Key : karyawan_id, kualitas_dan_kuantitas_kerja,
ketaatan, semangat_kerja, disiplin
Tabel 3.12 Struktur Tabel Penilaian Karyawan
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
55
10. Struktur Tabel User
Nama Tabel : user
Fungsi : Untuk menyimpan data user JSC
Primary Key : id
3.2.6 Tampilan Antarmuka
Berikut adalah rancangan tampilan antarmuka untuk sistem pendukung
keputusan pemilihan karyawan terbaik yang dibuat.
1. Halaman utama
Gambar 3.29 adalah rancangan dari tampilan halaman utama sistem
pendukung keputusan karyawan terbaik.
Gambar 3.29 Mockup Halaman Utama
Tabel 3.13 Struktur Tabel User
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
56
2. Halaman Penilaian Karyawan
Gambar 3.30 adalah rancangan untuk menampilkan penilaian karyawan
rekomendasi dalam bentuk grid view sesuai dengan model yang telah
ditentukan. Halaman ini button add untuk menambah nama karyawan
rekomendasi berserta penilaian pada masing-masing kriteria namun
hanya bisa di akses oleh admin. Pada kolom paling kanan, ada lihat detail
untuk melihat data karyawan rekomendasi secara detail, update, dan
delete.
Gambar 3.30 Mockup Halaman Penilaian Karyawan
3. Halaman Melihat Detail Penilaian Karyawan
Gambar 3.31 adalah rancangan dari tampilan halaman detail penilaian
karyawan.
Gambar 3.31 Mockup Halaman Melihat Detail Penilaian Karyawan
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
57
4. Halaman Help
Gambar 3.32 adalah rancangan dari tampilan halaman cara pencarian
(help) yang menampilkan tentang bagaimana cara menggunakan sistem
tersebut untuk guest, Project Manager¸ dan admin.
Gambar 3.32 Mockup Halaman Help
5. Halaman About
Gambar 3.33 adalah rancangan dari tampilan halaman about pada sistem
pendukung keputusan pemilihan karyawan terbaik. Halaman ini
menampilkan tujuan sistem tersebut dibuat dan pembuat dari sistem
pendukung keputusan pemilihan karyawan terbaik.
Gambar 3.33 Mockup Halaman About
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
58
6. Halaman login.
Gambar 3.34 adalah rancangan dari halaman tampilan halaman login.
Pada halaman ini, user yang memiliki akses bisa memasukkan username
dan password yang telah didaftarkan oleh admin.
Gambar 3.34 Mockup Halaman Login
7. Halaman Mengubah Data Penilaian Karyawan
Gambar 3.35 adalah rancangan dari tampilan halaman mengubah nilai
kriteria untuk karyawan. Pada halaman ini, Project Manager
memasukkan nilai berupa abjad antara A sampai E.
Gambar 3.35 Mockup Halaman Mengubah Data Penilaian Karyawan
8. Halaman Melihat Status Karyawan
Gambar 3.36 adalah rancangan dari tampilan halaman status karyawan
pada bagian back-end. Halaman ini button add untuk menambah status
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
59
karyawan. Pada kolom paling kanan, ada lihat detail untuk melihat status
karyawan secara detail.
9. Halaman Melihat Detail Status Karyawan
Gambar 3.37 adalah rancangan dari halaman melihat data detail status
karyawan.
10. Halaman mengubah status karyawan
Gambar 3.38 adalah rancangan tampilan dari halaman mengubah status
karyawan. Admin hanya bisa mengubah status karyawan pada kolom
keterangan.
Gambar 3.36 Mockup Halaman Status Karyawan
Gambar 3.37 Mockup Halaman Melihat Detail Status
Karyawan
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
60
11. Halaman Melihat Data Karyawan
Gambar 3.39 adalah rancangan dari tampilan halaman data karyawan
Gambar 3.39 Mockup Halaman Melihat Data Karyawan (Back-End)
12. Halaman Melihat Detail Data Karyawan
Gambar 3.40 adalah rancangan dari halaman melihat data karyawan
secara detail.
Gambar 3.38 Mockup Halaman Mengubah Status Karyawan
Gambar 3.40 Mockup Halaman Melihat Detail
Karyawan Halaman
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
61
13. Mengubah Data Karyawan
Gambar 3.41 adalah rancangan tampilan dari halaman mengubah data
karyawan. Admin bisa mengubah nama karyawan, jabatan, NIK, status,
periode, dan divisi.
Gambar 3.41 Mockup Halaman Mengubah Data Karyawan (Back-End)
14. Halaman Melihat Nilai Kriteria.
Gambar 3.42 adalah rancangan dari tampilan halaman melihat nilai pada
masing-masing kriteria. Button add untuk menambah data nilai. Pada
kolom paling kanan, ada lihat detail untuk melihat nilai secara detail.
Gambar 3.42Mockup Halaman Melihat Nilai Kriteria
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
62
15. Halaman Tambah Nilai Kriteria
Gambar 3.43 adalah rancangan dari tampilan halaman menambah nilai
pada masing-masing kriteria. Project Manager hanya memasukkan nilai
berupa abjad dan nomor 1-9 pada kolom bobot.
Gambar 3.43 Mockup Halaman Tambah Nilai Kriteria
16. Halaman Melihat Detail Nilai Kriteria
Gambar 3.44 adalah rancangan dari tampilan halaman melihat nilai
kriteria secara detail. Halaman ini berlaku untuk semua kriteria.
Halaman Melihat Detail Nilai Kriteria
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
63
17. Halaman Mengubah Nilai Kriteria.
Gambar 3.45 adalah rancangan dari tampilan halaman mengubah nilai
kriteria. Halaman ini berlaku untuk semua kriteria.
Gambar 3.44 Mockup Halaman Mengubah Nilai Kriteria
18. Halaman Menambah Status Karyawan.
Gambar 3.46 adalah rancangan dari tampilan halaman menambah status
karyawan oleh admin.
Gambar 4.45 Mockup Halaman Tambah Status Karyawan
19. Halaman Menambah Penilaian Karyawan.
Gambar 3.47 adalah rancangan dari tampilan halaman menambah nilai
pada calon karyawan dari masing-masing divisi.
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018
64
Gambar 3.46 Mockup Halaman Tambah Penilaian Karyawan
20. Halaman Menambah Data Karyawan
Gambar 3.48 adalah rancangan tampilan halaman menambah data
karyawan
Gambar 4.47 Mockup Halaman Menambah Data Karyawan
Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018