lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/bab iii.pdfkaryawan...

51
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.

Upload: vodang

Post on 10-Aug-2019

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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.

Page 2: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 3: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 4: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 5: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 6: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 7: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 8: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

34

Gambar 3.4 Data Flow Diagram Level 1

Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018

Page 9: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018

Page 10: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

36

Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018

Page 11: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 12: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 13: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 14: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 15: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 16: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 17: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

30

Gambar 3.9 Data Flow Diagram Level 2 Proses Modul Nilai

Rancang Bangun Aplikasi..., Mitha Anggreani Rupang, FTI UMN, 2018

Page 18: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 19: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 20: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 21: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 22: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 23: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 24: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 25: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 26: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 27: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 28: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 29: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 30: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 31: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 32: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 33: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 34: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 35: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 36: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 37: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 38: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 39: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 40: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 41: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 42: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 43: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 44: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 45: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 46: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 47: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 48: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 49: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 50: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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

Page 51: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/5066/4/BAB III.pdfkaryawan terbaik, diperlukan analisis dan perancangan terhadap sistem tersebut. Tujuannya adalah

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