rancang bangun aplikasi pendaftaran dan seleksi...

222
RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI BEASISWA MENGGUNAKAN METODE SAW PADA DINAS PENDIDIKAN KOTA SURABAYA TUGAS AKHIR Program Studi S1 Sistem Informasi Oleh: YOLANDRA BAGUS ANDALAN PUTRA 14410100146 FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2018

Upload: others

Post on 06-Jul-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

RANCANG BANGUN APLIKASI PENDAFTARAN DAN

SELEKSI BEASISWA MENGGUNAKAN METODE SAW

PADA DINAS PENDIDIKAN KOTA SURABAYA

TUGAS AKHIR

Program Studi

S1 Sistem Informasi

Oleh:

YOLANDRA BAGUS ANDALAN PUTRA

14410100146

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2018

Page 2: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI

BEASISWA MENGGUNAKAN METODE SAW PADA DINAS

PENDIDIKAN KOTA SURABAYA

TUGAS AKHIR

Diajukan sebagai salah satu syarat untuk menyelesaikan

Program Sarjana Sistem Informasi

Disusun Oleh :

Nama : Yolandra Bagus Andalan Putra

NIM : 14410100146

Program Studi : S1 (Strata Satu)

Jurusan : Sistem Informasi

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

2018

Page 3: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

“Karena kesuksesan itu tidak akan pernah kamu dapatkan di zona

nyamanmu saat ini.” – Hotman Paris

Page 4: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

Kupersembahkan tugas akhir ini untuk kedua orang tua saya dan calon istriku

isti yang selalu mendukung dan memberikan semangat

Page 5: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses
Page 6: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses
Page 7: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

vii

ABSTRAK

Proses pendaftaran, seleksi, dan penerimaan pada dinas pendidikan kota

Surabaya saat ini masih menggunakan proses manual. Proses ini membuat waktu

kinerja penerimaan beasiswa sangat lama, ditambah proses penilaian yang masih

menggunakan kertas yang sangat mudah sekali hilang. Pengarsipan berkas juga

sering hilang dikarenakan proses penyimpanannya masih dilakukan pada almari.

Sistem penerimaan beasiswa masih menggunakan program excel dan berdasarkan

nilai psikotes, nilai survey saja. Belum lagi para pendaftar yang harus bolak-balik

untuk pengumpulan berkas dan menanyakan informasi mendapatkan atau

tidaknya beasiswa dari dinas pendidikan kota Surabaya.

Solusi yang akan diberikan adalah dibuatkannya aplikasi berbasis web yang

dimana dapat membantu pendaftaran secara online, penyeleksian secara online,

penilaian secara online, pengumuman penerimaan secara online, dan penerimaan

beasiswa secara tersistem. Dari sistem ini, akan membantu menyerap mahasiswa

yang berprestasi untuk melanjutkan ke jenjang pendidikan yang lebih tinggi dan

membantu proses pendanaan pendidikan.

Hasil uji coba yang sudah dilakukan menunjukkan bahwa aplikasi ini

membantu dalam proses pendaftaran, penyeleksian, dan penerimaan beasiswa.

Petugas juga terbantu untuk proses penyeleksian dengan metode SAW yang

tersistem serta penilaian untuk petugas psikotes dan survey dapat menginputkan

nilai secara online. Kepala dinas pendidikan juga dapat dengan mudah mengetahui

laporan penerimaan dan pendaftar beasiswa secara real time.

Keywords: Pendaftaran Online, Beasiswa, Penerimaan Online, Website

Page 8: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

viii

KATA PENGANTAR

Puji dan syukur atas kehadirat Tuhan Yang Maha Esa karena atas rahmat

dan karunia-Nya, penulis dapat menyelesaikan laporan tugas akhir yang berjudul

“Rancang Bangun Aplikasi Pendaftaran dan Seleksi Menggunakan Metode SAW”.

Dalam pelaksanaan tugas akhir dan penyelesaian laporan tugas akhir ini,

penulis mendapatkan bimbingan dan dukungan dari berbagai pihak. Oleh karena

itu, pada kesempatan ini penulis mengucapkan terima kasih kepada:

1. Orang tua dan keluarga besar penulis yang selalu memberikan dukungan dan

motivasi.

2. Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng., selaku ketua program studi S1

Sistem Informasi Institut Bisnis dan Informatika Stikom Surabaya.

3. Tri Sagirani, S.Kom., M.MT dan Julianto Lemantara, S.Kom., M.Eng. selaku

dosen pembimbing yang telah memberikan dukungan penuh berupa motivasi,

saran, dan wawasan bagi penulis selama pelaksanaan tugas akhir dan

pembuatan laporan tugas akhir ini.

4. Teman teman saya khususnya UKM Stikomusic Surabaya yang bersedia

untuk mensupport dan memberikan tempat untuk mengerjakan tugas akhir

saya.

5. Terimakasih kepada bapak Aston Tambunan,MSi yang telah mengijinkan

untuk mengerjakan Tugas Akhir saya pada Dinas pendidikan kota Surabaya.

Page 9: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

ix

6. Boyo FC (Yudi Pratsetya, Afif, Diky bong, Ferdy Simorangkir, Mamad,

Fero, Egen, Fathir Ricky Pradana, Willy Faqurohkim) yang telah menemani

penulis dari awal masuk kuliah sampai akhir masa perkuliahan ini.

7. Dan teman-teman lain yang masih bertahan berada disisi penulis maupun

yang pernah berada disisi penulis meskipun sudah tidak lagi, dukungan yang

pernah diberikan tidak akan dilupakan oleh penulis.

Semoga Tuhan Yang Maha Esa memberikan rahmat-Nya kepada seluruh

pihak yang membantu penulis dalam penyelesaian tugas akhir.

Penulis menyadari di dalam laporan tugas akhir ini masih memiliki banyak

kekurangan, meskipun demikian penulis tetap berharap laporan tugas akhir ini

dapat bermanfaat bagi semua pihak dan dapat menjadi bahan acuan untuk

penelitian selanjutnya.

Surabaya, 30 Agustus 2018

Penulis

Page 10: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

x

DAFTAR ISI

ABSTRAK ....................................................................................................... vii

KATA PENGANTAR ......................................................................................... viii

DAFTAR ISI ......................................................................................................... x

DAFTAR GAMBAR ............................................................................................ xv

DAFTAR TABEL .............................................................................................. xxiii

BAB I PENDAHULUAN ....................................................................................... 1

1.1 Latar Belakang ................................................................................ 1

1.2 Rumusan Masalah ........................................................................... 4

1.3 Batasan Masalah.............................................................................. 5

1.4 Tujuan ............................................................................................. 5

1.5 Manfaat ........................................................................................... 5

1.6 Sistematika Penulisan ..................................................................... 6

BAB II LANDASAN TEORI ................................................................................ 8

2.1 Daftar Perincian Pustaka ................................................................. 8

2.1.1 Beasiswa ............................................................................... 8

2.1.2 Teori Seleksi ....................................................................... 10

2.1.3 Tim Seleksi ......................................................................... 12

2.1.4 Seleksi Penerimaan Beasiswa ............................................. 12

2.1.5 Penetapan Hasil Seleksi ...................................................... 13

2.1.6 Aplikasi ............................................................................... 13

2.1.7 Website................................................................................ 14

2.1.8 HTML.................................................................................. 14

2.1.9 Bootstrap ............................................................................ 15

2.1.10 Sistem ................................................................................. 15

2.1.11 Framework.......................................................................... 16

Page 11: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xi

2.1.12 PHP .................................................................................... 16

2.1.13 CodeIgniter ......................................................................... 17

2.1.14 MySQL (My Structure Query Language) .......................... 19

2.1.15 Multi Atribut Decision Making (MADM).......................... 20

2.1.16 Metode Simple Additive Weighting (SAW) ....................... 22

2.1.17 Perhitungan SAW ................................................................ 23

2.1.18 Sistem Development Life Cycle (SDLC) ........................... 29

2.1.19 Unified Modeling Language (UML) .................................. 31

2.1.20 Use case Diagram ............................................................... 31

2.1.21 Activity Diagram................................................................. 33

2.1.22 Sequence Diagram .............................................................. 34

2.1.23 Class Diagram..................................................................... 34

2.2 Kajian Pustaka ............................................................................... 35

BAB III ANALISIS DAN PERANCANGAN SISTEM ...................................... 36

3.1 System Investigation ..................................................................... 36

3.1.1 Metode Pengumpulan Data ................................................ 36

3.2 System Analysis ............................................................................ 38

3.3.1 Analisa Proses Bisnis.......................................................... 38

3.3.2 Identifikasi Permasalahan ................................................... 42

3.3.3 Analisis Kebutuhan Aplikasi .............................................. 43

3.3.4 Analisis Kebutuhan Pengguna ............................................ 46

3.3.5 IPO Diagram ....................................................................... 50

3.3.6 Workflow Aplication .......................................................... 54

3.3.7 Kesimpulan Sebelum dan Sesudah Menggunakan Sistem

Aplikasi ......................................................................................... 55

3.3.8 Perencanaan Perancangan Sistem ....................................... 56

Page 12: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xii

3.3 System Design ............................................................................... 56

3.3.1 Unified Modelling Language (UML) ................................. 57

3.3.2 Usecase System Diagram ................................................... 63

3.3.3 Activity Diagram................................................................. 65

3.3.4 Sequence Diagram .............................................................. 83

3.3.5 Class Diagram .................................................................. 104

3.3.6 Statechart Diagram ........................................................... 117

3.3.7 Component Diagram......................................................... 119

3.3.8 Deployment Diagram ....................................................... 120

3.3.9 Desain Struktur Database ................................................. 120

3.3.10 Desain interface ................................................................ 127

BAB IV IMPLEMENTASI DAN EVALUASI SISTEM ................................... 145

4.1 Implementasi Sistem ................................................................... 145

4.1.1 Kebutuhan Perangkat Keras ............................................. 145

4.1.2 Kebutuhan Perangkat Lunak ............................................ 146

4.1.3 Implementasi Halaman Utama ......................................... 146

4.1.4 Implementasi Halaman Pendaftaran Akun ....................... 149

4.1.5 Implementasi Halaman Login .......................................... 150

4.1.6 Implementasi Halaman Pendaftaran Beasiswa ................. 152

4.1.7 Implementasi Halaman Login Admin .............................. 153

4.1.8 Implementasi Halaman Periode ........................................ 155

4.1.9 Implementasi Halaman Pendaftar ..................................... 155

4.1.10 Implementasi Halaman Seleksi Mahasiswa Penerima

Beasiswa ...................................................................................... 158

4.1.11 Implementasi Halaman Mahasiswa Asuh ......................... 158

4.1.12 Implementasi Halaman Berita .......................................... 159

Page 13: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xiii

4.1.13 Implementasi Halaman Pengumuman .............................. 160

4.1.14 Implementasi Halaman Laporan ....................................... 161

4.1.15 Implementasi Halaman Pengaturan Admin Pengelola ..... 162

4.1.16 Implementasi Halaman Admin Survey ............................. 163

4.1.17 Implementasi Halaman Admin Psikotes ........................... 164

4.1.18 Implementasi Halaman Kepala Dinas Pendidikan ........... 164

4.1.19 Implementasi Halaman Akun Pendaftar ........................... 165

4.2 Uji Coba dan Evaluasi Sistem ..................................................... 166

4.2.1 Uji Coba Pendaftaran Akun .............................................. 166

4.2.2 Uji Coba Login Akun ....................................................... 167

4.2.3 Uji Coba Pendaftaran Beasiswa ....................................... 168

4.2.4 Uji Coba Login Admin ..................................................... 169

4.2.5 Uji Coba Validasi Data Pendaftar .................................... 169

4.2.6 Uji Coba Seleksi Beasiswa ............................................... 170

4.2.7 Uji Coba Login Petugas Psikotes ..................................... 171

4.2.8 Uji Coba Penilaian Psikotes ............................................. 171

4.2.9 Uji Coba Login Petugas Survey ........................................ 172

4.2.10 Uji Coba Penilaian Survey ................................................ 172

4.2.11 Uji Coba Login Kepala Dinas Pendidikan ....................... 172

4.3 Hasil Uji Coba Seleksi Menggunakan Metode SAW dengan

Perhitungan Excel ................................................................................ 173

4.4 Hasil Uji Coba Sistem ................................................................. 175

4.5 Pembahasan Penerapan Rancangan ............................................ 188

BAB V PENUTUP .............................................................................................. 196

5.1 Kesimpulan ................................................................................. 196

5.2 Saran ............................................................................................ 197

Page 14: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xiv

DAFTAR PUSTAKA ......................................................................................... 198

BIODATA PENULIS ......................................................................................... 206

Page 15: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xv

DAFTAR GAMBAR

Gambar 1. 1 Data Jumlah Pendaftar ....................................................................... 1

Gambar 1. 2 Data Kehilangan Berkas Pendaftaran ................................................. 2

Gambar 2. 1 Logo Codeigniter.............................................................................. 17

Gambar 2. 2 Aplication Flowchart Codeigniter ................................................... 19

Gambar 2. 3 Tahapan Sdlc Menurut O’brien & Marakas, 2008 ........................... 29

Gambar 2. 4 Simbol Use Case Diagram ............................................................... 32

Gambar 2. 5 Tipe Relasi Activity Diagram ........................................................... 33

Gambar 2. 6 Contoh Diagram Sequence ............................................................... 34

Gambar 2. 7 Contoh Atribut ................................................................................. 35

Gambar 3. 1 Proses Pendaftaran Mahasiswa ........................................................ 39

Gambar 3. 2 Proses Penyeleksian ......................................................................... 40

Gambar 3. 3 Proses Penilaian Tes Psikologi ......................................................... 41

Gambar 3. 4 Proses Penilaian Survey Lapangan .................................................. 41

Gambar 3. 5 Ipo Diagram ..................................................................................... 51

Gambar 3. 6 Workflow Aplication ......................................................................... 54

Gambar 3. 7 Business Use-Case Diagram ........................................................... 57

Gambar 3. 8 Activity Diagram Mendaftar Beasiswa ............................................ 59

Gambar 3. 9 Activity Diagram Pengumpulan Data Dan Nilai .............................. 61

Gambar 3. 10 Activity Diagram Pengumpulan Data Dan Nilai ............................ 62

Gambar 3. 11 Activity Diagram Perangkingan Dan Penerima Beasiswa ............. 63

Gambar 3. 12 Use-Case System Diagram ............................................................. 64

Page 16: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xvi

Gambar 3. 13 Activity Diagram Mendaftar Beasiswa .......................................... 66

Gambar 3. 14 Activity Diagram Mendapatkan Akun Dan Password ................... 67

Gambar 3. 15 Activity Diagram Mengumpulkan Berkas Pendaftar ..................... 69

Gambar 3. 16 Activity Diagram Mendapatkan Informasi Beasiswa ..................... 70

Gambar 3. 17 Activity Diagram Menerima Data Pendaftar .................................. 71

Gambar 3. 18 Activity Diagram Menerima Berkas Pendaftar .............................. 72

Gambar 3. 19 Activity Diagram Menerima Nilai Psikotes ................................... 73

Gambar 3. 20 Activity Diagram Menerima Nilai Survey ...................................... 74

Gambar 3. 21 Activity Diagram Melakukan Seleksi Beasiswa ............................ 75

Gambar 3. 22 Activity Diagram Melakukan Perangkingan Dan Penerimaan ....... 76

Gambar 3. 23 Activity Diagram Melakukan Pembuatan Laporan ........................ 77

Gambar 3. 24 Activity Diagram Melakukan Pembuatan Laporan ........................ 78

Gambar 3. 25 Activity Diagram Melakukan Penginputan Nilai Survey ............... 80

Gambar 3. 26 Activity Diagram Mendapatkan Laporan Nilai Perangkingan Dan

Penerimaan Beasiswa .................................................................................... 81

Gambar 3. 27 Sequence Diagram Mendaftar Beasiswa........................................ 84

Gambar 3. 28 Sequence Diagram Mendapatkan Username Dan Password Akun

....................................................................................................................... 86

Gambar 3. 29 Sequence Diagram Mengumpulkan Berkas Pendaftar................... 88

Gambar 3. 30 Sequence Diagram Mendapatkan Informasi Beasiswa .................. 89

Gambar 3. 31 Sequence Diagram Menerima Data Pendaftar ............................... 90

Gambar 3. 32 Sequence Diagram Menerima Berkas Pendaftar ........................... 92

Gambar 3. 33 Sequence Diagram Menerima Nilai Psikotes................................. 93

Page 17: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xvii

Gambar 3. 34 Sequence Diagram Menerima Nilai Survey ................................... 95

Gambar 3. 35 Sequence Diagram Seleksi Beasiswa ............................................. 97

Gambar 3. 36 Sequence Diagram Perangkingan Dan Penerimaan Beasiswa ....... 99

Gambar 3. 37 Sequence Diagram Pembuatan Laporan ...................................... 100

Gambar 3. 38 Sequence Diagram Penginputan Nilai Psikotes ........................... 102

Gambar 3. 39 Sequence Diagram Penginputan Nilai Survey ............................. 103

Gambar 3. 40 Sequence Diagram Mendapatkan Rekapan Nilai, Perangkingan,

Dan Penerimaan Beasiswa .......................................................................... 104

Gambar 3. 41 Class Diagram Mendaftar Beasiswa ............................................ 105

Gambar 3. 42 Class Diagram Mendapatkan Username Dan Password .............. 106

Gambar 3. 43 Class Diagram Mengumpulkan Berkas Pendaftar ....................... 107

Gambar 3. 44 Class Diagram Mendapatkan Informasi Beasiswa ....................... 108

Gambar 3. 45 Class Diagram Menerima Data Pendaftar .................................... 109

Gambar 3. 46 Class Diagram Menerima Berkas Pendaftar ................................ 110

Gambar 3. 47 Class Diagram Menerima Nilai Psikotes ..................................... 111

Gambar 3. 48 Class Diagram Menerima Nilai Survey ........................................ 112

Gambar 3. 49 Class Diagram Melakukan Seleksi Beasiswa............................... 113

Gambar 3. 50 Class Diagram Melakukan Perangkingan Dan Penerimaan Beasiswa

..................................................................................................................... 113

Gambar 3. 51 Class Diagram Melakukan Pembuatan Laporan .......................... 114

Gambar 3. 52 Class Diagram Penginputan Nilai Psikotes .................................. 115

Gambar 3. 53 Class Diagram Penginputan Nilai Psikotes .................................. 116

Page 18: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xviii

Gambar 3. 54 Class Diagram Mendapatkan Rekapan Nilai, Perangkingan Dan

Penerimaan Beasiswa .................................................................................. 117

Gambar 3. 55 Statechart Diagram Validasi Data Pendaftar ................................ 118

Gambar 3. 56 Statechart Diagram Penerimaan Beasiswa .................................. 118

Gambar 3. 57 Component Diagram .................................................................... 119

Gambar 3. 58 Deployment Diagram ................................................................... 120

Gambar 3. 59 Pendaftaran Akun ......................................................................... 128

Gambar 3. 60 Detail Pendaftaran Akun .............................................................. 129

Gambar 3. 61 Form Pendaftaran Mahasiswa Asuh ............................................. 130

Gambar 3. 62 Form Upload Berkas Step 2 ......................................................... 131

Gambar 3. 63 Notifikasi Status Pendaftar ........................................................... 132

Gambar 3. 64 Desain Interface Jumlah Pendaftar .............................................. 133

Gambar 3. 65 Desain Interface Proses Validasi Data Pendaftar ........................ 133

Gambar 3. 66 Desain Interface Input Periode Pendaftaran ................................ 134

Gambar 3. 67 Desain Interface Output Periode .................................................. 134

Gambar 3. 68 Desain Interface Input Kuota Penerimaan Beasiswa ................... 135

Gambar 3. 69 Desain Interface Penerima Beasiswa ........................................... 135

Gambar 3. 70 Desain Interface Input Berita ....................................................... 136

Gambar 3. 71 Desain Interface Tampilan Halaman Berita................................. 136

Gambar 3. 72 Desain Interface Halaman Input Pengumuman ........................... 137

Gambar 3. 73 Desain Interface Tampilan Pengumuman .................................... 137

Gambar 3. 74 Desain Interface Tambah Admin ................................................. 138

Gambar 3. 75 Desain Interface Tampilan Setting Admin .................................. 138

Page 19: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xix

Gambar 3. 76 Desain Interface Penilaian Nilai Psikotes .................................... 139

Gambar 3. 77 Desain Interface Tampilan Hasil Penilaian Psikotes ................... 139

Gambar 3. 78 Desain Interface Proses Penilaian Survey .................................... 140

Gambar 3. 79 Desain Interface Tampilan Hasil Penilaian Survey...................... 140

Gambar 3. 80 Desain Interface Input Cetak Laporan ......................................... 141

Gambar 3. 81 Desain Interface Output Cetak Laporan ...................................... 142

Gambar 3. 82 Desain Interace Input Cetak Laporan Kepala Dinas ................... 143

Gambar 3. 83 Desain Interface Output Cetak Laporan ...................................... 143

Gambar 3. 84 Desain Interface Output Cetak Laporan Penerima Beasiswa ...... 144

Gambar 4. 1 Halaman Utama (1) ........................................................................ 146

Gambar 4. 2 Halaman Utama (2) ........................................................................ 147

Gambar 4. 3 Halaman Utama (3) ........................................................................ 147

Gambar 4. 4 Halaman Utama (4) ........................................................................ 148

Gambar 4. 5 Halaman Utama (5) ........................................................................ 148

Gambar 4. 6 Halaman Utama (6) ........................................................................ 148

Gambar 4. 7 Halaman Pendaftaran Akun ........................................................... 149

Gambar 4. 8 Sistem Tidak Berjalan Sebelum Di Centang .................................. 149

Gambar 4. 9 Halaman Detail Pendaftaran........................................................... 150

Gambar 4. 10 Halaman Login ............................................................................. 150

Gambar 4. 11 Halaman Gagal Login .................................................................. 151

Gambar 4. 12 Halaman Pendaftar Step 1 ............................................................ 151

Gambar 4. 13 Halaman Pendaftaran Beasiswa Step 1 ........................................ 152

Gambar 4. 14 Halaman Pendaftaran Beasiswa Step 2 ........................................ 152

Page 20: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xx

Gambar 4. 15 Halaman Pendaftaran Beasiswa Berhasil ..................................... 153

Gambar 4. 16 Halaman Login Admin ................................................................. 153

Gambar 4. 17 Halaman Jika Memasukkan Username Dan Password Salah ..... 154

Gambar 4. 18 Halaman Login Admin Jika Berhasil ........................................... 154

Gambar 4. 19 Halaman Periode Pada Admin ..................................................... 155

Gambar 4. 20 Halaman Pendaftar ....................................................................... 155

Gambar 4. 21 Halaman Detail Pendaftar (1) ....................................................... 156

Gambar 4. 22 Halaman Detail Pendaftar (2) ....................................................... 156

Gambar 4. 23 Halaman Detail Pendaftar (3) ....................................................... 157

Gambar 4. 24 Halaman Detail Pendaftar (4) ....................................................... 157

Gambar 4. 25 Halaman Validasi Data Pendaftar Berhasil .................................. 158

Gambar 4. 26 Halaman Seleksi Mahasiswa Penerima Beasiswa ........................ 158

Gambar 4. 27 Halaman Mahasiswa Asuh ........................................................... 159

Gambar 4. 28 Halaman Berita ............................................................................. 159

Gambar 4. 29 Halaman Penambahan Berita ....................................................... 160

Gambar 4. 30 Halaman Pengumuman ................................................................ 160

Gambar 4. 31 Halaman Penambahan Pengumuman Berhasil ............................. 161

Gambar 4. 32 Halaman Laporan ......................................................................... 161

Gambar 4. 33 Halaman Pengaturan Admin ........................................................ 162

Gambar 4. 34 Halaman Penambahan Admin ...................................................... 162

Gambar 4. 35 Halaman Admin Survey ............................................................... 163

Gambar 4. 36 Halaman Penginputan Nilai Survey.............................................. 163

Gambar 4. 37 Halaman Admin Psikotes ............................................................. 164

Page 21: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xxi

Gambar 4. 38 Halaman Admin Psikotes ............................................................. 164

Gambar 4. 39 Halaman Kepala Dinas Pendidikan .............................................. 165

Gambar 4. 40 Halaman Pendaftar Menerima Beasiswa ..................................... 165

Gambar 4. 41 Halaman Pendaftar Tidak Menerima Beasiswa ........................... 166

Gambar 4. 42 Testcase 1 (Input) ......................................................................... 176

Gambar 4. 43 Testcase 1 (Hasil) ......................................................................... 176

Gambar 4. 44 Testcase 2 (Input) ......................................................................... 177

Gambar 4. 45 Testcase 2 (Hasil) ......................................................................... 177

Gambar 4. 46 Testcase 3 (Input) ......................................................................... 178

Gambar 4. 47 Testcase 3 (Hasil) ......................................................................... 178

Gambar 4. 48 Testcase 4 (Input) ......................................................................... 179

Gambar 4. 49 Testcase 4 (Hasil) ......................................................................... 179

Gambar 4. 50 Testcase 5 (Input) ......................................................................... 179

Gambar 4. 51 Testcase 5 (Hasil) ......................................................................... 180

Gambar 4. 52 Testcase (Input) ............................................................................ 180

Gambar 4. 53 Testcase 6 (Hasil) ......................................................................... 181

Gambar 4. 54 Testcase 7 (Input) ......................................................................... 181

Gambar 4. 55 Testcase 7 (Hasil) ......................................................................... 182

Gambar 4. 56 Testcase 8 (Input) ......................................................................... 183

Gambar 4. 57 Testcase 8 (Hasil) ......................................................................... 183

Gambar 4. 58 Testcase 9 (Input) ......................................................................... 183

Gambar 4. 59 Testcase 9 (Hasil) ......................................................................... 183

Gambar 4. 60 Testcase 10 (Input) ....................................................................... 184

Page 22: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xxii

Gambar 4. 61 Testcase 10 (Hasil) ....................................................................... 184

Gambar 4. 62 Testcase 11 (Input) ....................................................................... 184

Gambar 4. 63 Testcase 11 (Hasil) ....................................................................... 185

Gambar 4. 64 Testcase 12 (Input) ....................................................................... 186

Gambar 4. 65 Testcase 12 (Hasil) ....................................................................... 186

Gambar 4. 66 Testcase 13 (Input) ....................................................................... 187

Gambar 4. 67 Testcase 14 (Input) ....................................................................... 187

Gambar 4. 68 Testcase 13 & 14 (Hasil) .............................................................. 188

Page 23: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xxiii

DAFTAR TABEL

Tabel 2. 1 Jumlah Penghasilan Orang Tua ........................................................... 24

Tabel 2. 2 Jumlah Saudara Kandung..................................................................... 24

Tabel 2. 3 Umur Pendaftar .................................................................................... 25

Tabel 2. 4 Data Pendaftar ...................................................................................... 26

Tabel 2. 5 Tabel Nilai Pembobotan Kriteria ......................................................... 27

Tabel 2. 6 Tabel Perhitungan Pendaftar ................................................................ 27

Tabel 2. 7 Data Perangkingan Pendaftar ............................................................... 29

Tabel 3. 1 Matriks Hasil Pengumpulan Data ........................................................ 36

Tabel 3. 2 Analisis Kebutuhan Aplikasi ............................................................... 43

Tabel 3. 3 Kebutuhan Fungsional Pengguna......................................................... 47

Tabel 3. 4 Jadwal Penelitian.................................................................................. 56

Tabel 3. 5 Struktur Tabel Admin ........................................................................ 121

Tabel 3. 6 Struktur Tabel Beasiswa .................................................................... 121

Tabel 3. 7 Struktur Tabel Data Calon ................................................................. 122

Tabel 3. 8 Struktur Tabel Berita .......................................................................... 124

Tabel 3. 9 Struktur Tabel Nilai ........................................................................... 124

Tabel 3. 10 Struktur Tabel Pendaftar .................................................................. 125

Tabel 3. 11 Struktur Tabel Berita ........................................................................ 127

Tabel 4. 1 Kebutuhan Perangkat Keras ............................................................... 145

Tabel 4. 2 Kebutuhan Perangkat Keras ............................................................... 167

Tabel 4. 3 Tabel Uji Coba Login Akun .............................................................. 167

Page 24: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

xxiv

Tabel 4. 4 Tabel Uji Coba Pendaftaran Beasiswa ............................................... 168

Tabel 4. 5 Login Admin ...................................................................................... 169

Tabel 4. 6 Validasi Data Pendaftar ..................................................................... 169

Tabel 4. 7 Uji Coba Seleksi Beasiswa ................................................................ 170

Tabel 4. 8 Uji Coba Petugas Psikotes ................................................................. 171

Tabel 4. 9 Uji Coba Penginputan Nilai Psikotes ................................................. 171

Tabel 4. 10 Uji Coba Login Petugas Survey ....................................................... 172

Tabel 4. 11 Uji Coba Penilaian Nilai Survey ...................................................... 172

Tabel 4. 12 Kepala Dinas Pendidikan ................................................................. 173

Tabel 4. 13 Test Fungsi Login Admin ................................................................ 175

Tabel 4. 14 Test Fungsi Penambahan Jadwal Periode ........................................ 176

Tabel 4. 15 Test Fungsi Validasi Pendaftar ........................................................ 177

Tabel 4. 16 Test Fungsi Seleksi Beasiswa .......................................................... 178

Tabel 4. 17 Test Fungsi Penerimaan Mahasiswa ................................................ 179

Tabel 4. 18 Test Fungsi Penambahan Berita ....................................................... 180

Tabel 4. 19 Test Fungsi Cetak Laporan .............................................................. 181

Tabel 4. 20 Test Fungsi Setting Admin .............................................................. 182

Tabel 4. 21 Test Fungsi Penilaian Survey ........................................................... 183

Tabel 4. 22 Test Fungsi Penilaian Psikotes ......................................................... 183

Tabel 4. 23 Test Fungsi Cetak Bukti Menerima Beasiswa ................................. 184

Tabel 4. 24 Test Fungsi Pendaftaran Akun ......................................................... 185

Page 25: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Dinas Pendidikan merupakan bagian dari pemerintahan Kota Surabaya yang

mengikuti aturan yang sudah belaku sejak dahulu. Di dalam sub operasi di

Pendidikan Kota Surabaya, Dinas Pendidikan Kota Surabaya mempunyai sub unit

pelaksanaan Teknis Dinas untuk pendaftaran beasiswa. Saat ini jumlah mahasiswa

yang mendaftar untuk mendapatkan beasiswa dari pemerintahan kota Surabaya

mencapai ratusan siswa dari perguruan tinggi.

Setiap 6 bulan sekali Pemerintah Kota Surabaya membuka pendaftran beasiswa

bagi mahasiswa yang ingin mendapatkan beasiswa selama satu semester. Dengan

data pendaftar beasiswa dari tahun 2010 jumlah mahasiswa yang mendaftar

cenderung naik, data pendaftaran beasiswa dapat dilihat di gambar 1.

Gambar 1. 1 Data Jumlah Pendaftar

30

97

14

0

12

7 15

0

24

0

31

1

39

2

40

11

3 16

0

15

5 20

0

27

4

34

2

42

8

2 0 1 0 2 0 1 1 2 0 1 2 2 0 1 3 2 0 1 4 2 0 1 5 2 0 1 6 2 0 1 7

JUMLAH PENDAFTAR BEASISWA 2010-2017

Semester 1 Semester 2

Page 26: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

2

Dari data pendaftar yang diperoleh setiap tahunnya, Pemerintah Kota Surabaya

tepatnya di Dinas Pendidikan kesulitan dalam proses pengarsipan data

pendaftaran beasiswa untuk mahasiswa yang begitu banyak dan terkadang

mengalami kehilangan dokumen adminsistrasi pendaftaran beasiswa. Masalah

selanjutnya adalah soal kehilangan dokumen yang diakibatkan dari human eror

dari petugas beasiswa itu sendiri awal mula permasalahan adalah saat pengarsipan

dokumen atau berkas pendaftar. Berkas pendaftar hanya berupa hardcopy yang

disimpan dan diletakkan bersama pendaftar yang lain, tidak ada Salinan atau

softcopy serta tempat pengarsipan masih menggunakan almari membuat banyak

kehilangan dokumen dan berkas tiap pembukaan beasiswa di Dinas Pendidikan

Kota Surabaya. Rata-rata setiap pendaftaran beasiswa Dinas Pendidikan Kota

Surabaya kehilangan sekitar 4-12% total kehilangan dokumen pendaftar tiap satu

tahun, jumlah ini terus naik hingga tahun 2017. Dampak dari kehilangan dokumen

yang terus meningkat sangat merugikan para pendaftar beasiswa selain kehilangan

banyaknya dokumen menyebabkan yang waktu pencaian lebih lama. Dibawah

Gambar 2 adalah data kehilangan dari tahun 2010-2017.

Gambar 1. 2 Data Kehilangan Berkas Pendaftaran

Page 27: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

3

Selain itu, pihak Dinas Pendidikan menginginkan penyeleksian dari jumlah

pendaftar seluruh Surabaya lebih tersistem dan efisien dalam waktu penyeleksian

mahasiswa, dan agar penerimaan beasiswa sesuai dengan jumlah kuota yang ada.

Pada saat ini, proses penyeleksian pendaftar masih memerlukan banyak waktu dan

tenaga, mulai dari hasil penilaian tes psikotes yang membutuhkan kurang lebih 1

minggu untuk penilaian keseluruhan dari pendaftar mahasiswa. Serta petugas

survey yang membutuhkan waktu 1 hari untuk melakukan survey 7 pendaftar

mahasiswa, untuk hasil penilaian pendaftar petugas survey bisa merekap nilai

keseluruhan untuk di setorkan ke bagian petugas beasiswa adalah 14 hari kerja,

dihitung dengan waktu kerja per harinya adalah 8 jam. Sehingga perlu dibutuhkan

aplikasi yang mengatur penilaian agar lebih update dalam proses penginputan

nilai tes psikotes dan nilai survey lapangan. Dari data yang ada saat ini, proses

pencocokan berkas oleh petugas beasiswa masih membutuhkan waktu lama serta

petugas survey harus melakukan double entry untuk penginputan nilai yang

membuat lebih lama dan untuk waktu penyeleksian setiap mahasiswa

membutuhkan waktu 1 jam. Jika pendaftar mencapai kuota 100 mahasiswa, maka

petugas beasiswa membutuhkan sekitar 12 hari kerja. Untuk itu saya mempuatkan

sebuah aplikasi untuk memudahkan proses pendistribusian nilai yang awalnya

masih mengumpulkan nilai terlebih dahulu lalu di berikan kepada pihak petugas

beasiswa Dinas Pendidikan. Aplikasi ini mempermudah proses pendistribusian

nilai tes psikologi dan nilai survey ke petugas beasiswa lebih cepat diinputkan ke

sistem.

Page 28: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

4

Berdasarkan masalah penyeleksian saat ini pihak Dinas Pendidikan Kota

Surabaya masih belum menggunakan metode yang jelas. Tolak ukur untuk proses

seleksi di Dinas Pendidikan adalah dilihat dari nilai IPK tertinggi, nilai tes

psikologi, nilai hasil survey lapangan yang tentu hanya mengumpulkan datanya

lalu langsung ke tahap perangkingan.

Berdasarkan permasalahan seleksi yang ada, maka dibutuhkan seleksi berupa

aplikasi pendaftaran dan penerimaan beasiswa serta sistem pendukung keputusan

dengan metode Simple Additive Weighting (SAW) untuk proses penyeleksian.

Dengan menggunakan metode SAW, proses penilaian dalam penyeleksian

menggunakan bobot untuk setiap kriteria, Kriteria yang dipakai yaitu nilai IPK,

nilai tes psikotes, gaji orang tua keseluruhan, jumlah anggota keluarga, dan nilai

kecocokan kondisi rumah pendaftar/nilai survey. Dengan menggunakan metode

SAW dalam proses penyeleksian penerimaan mahasiswa, maka mempercepat dan

membantu untuk mencari siapa yang memiliki nilai skor tertinggi untuk

mendapatkan beasiswa dari Dinas Kota Surabaya.

1.2 Rumusan Masalah

Berdasarkan latar belakang diatas, maka disimpulkan permasalahan tersebut :

1. Bagaimana membuat sebuah aplikasi pendaftaran dan pengelolaan beasiswa

mahasiswa dari Pemerintah Kota Surabaya berbasis website.

2. Bagaimana membuat sistem penyeleksian penerima an mahasiswa dengan

menggunakan metode SAW.

Page 29: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

5

1.3 Batasan Masalah

Batasan masalah dalam rancang bangun aplikasi ini adalah sebagai berikut :

1. Aplikasi mencakup pendaftaran dan administrasi mahasiswa.

2. Aplikasi ini mencakup seleksi penerimaan beasiswa untuk mahasiswa.

3. Aplikasi ini tidak mencakup pencairan dana beasiswa kepadda mahasiswa yang

sudah diterima.

4. Jumlah kriteria yang digunakan dalam proses penyeleksian bersifat statis.

5. Penelitian ini tidak sampai pada maintenance.

1.4 Tujuan

Berdasarkan latar belakang permasalahan diatas, maka tujuan Tugas Akhir ini

adalah sebagai berikut :

1. Menghasilkan sebuah aplikasi yang berfungsi untuk pengelolaan pendaftaran

dan seleksi beasiswa bagi mahasiswa se Surabaya dengan menggunakan

metode SAW berbasis website yang dapat mempercepat dan meningkatkan

ketepatan dalam proses penyeleksian beasiswa.

1.5 Manfaat

Manfaat dari aplikasi ini adalah sebagai berikut :

1. Mempermudah pendaftaran beasiswa bagi mahasiswa.

2. Mempermudah dalam pengarsipan admistrasi.

3. Memperkecil kehilangan dokumen pendaftaran.

4. Mempermudah melihat laporan pendaftaran dan penerimaan beasiswa.

5. Mempercepat pencarian data/berkas.

Page 30: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

6

6. Aplikasi ini menghasilkan laporan pendaftaran, laporan penerimaan, dan

penyeleksian mahasiswa.

1.6 Sistematika Penulisan

BAB I : Pendahuluan

Bab ini berisikan tentang latar belakang permaslahan, perumusan

masalah, berdasarkan tujuan dan Batasan permasalahan yang akan di

bahas (dalam hal ini adalah studi kasus pendaftaran, seleksi dan

penerimaan beasiswa pada Dinas Pendidikan Kota Surabaya) juga tujuan

dan manfaat dari pembuatan sistem aplikasi yang diharapkan dapat

menyelesaikan perumusan masalah yang telah diuraikan. Serta

sistematika penuliasan dari proposal.

BAB II : LANDASAN TEORI

Berisikan mengenai teori-teori pendukung dalam proses pembuatan

sistem aplikasi juga teori-teori pendukung dalam operasional perusahaan.

BAB III : ANALISIS DAN PERANCANGAN SISTEM

Berisi tentang penjelasan mengenai penerapan solusi yang telah

dirancang dari rancangan sistem informasi dan evaluasi terhadap sistem

yang akan dirancang.

BAB IV : HASIL DAN PEMBAHASAN

Berisi tentang penjelasan mengenai penerapan solusi yang telah

dirancang dari rancangan sistem aplikasi dan evaluasi terhadap sistem

yang telah dirancang dan diimplementasikan.

BAB V : PENUTUP

Page 31: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

7

Pada bab ini dibahas tentang kesimpulan dari penggunaan program

aplikasi

Page 32: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

8

BAB II

LANDASAN TEORI

2.1 Daftar Perincian Pustaka

2.1.1 Beasiswa

Pengertian beasiswa adalah pemberian bantuan berupa keuangan yang di

berikan untuk perorangan yang bertujuan untuk digunkan demi keberlangsungan

Pendidikan yang di tempuh oleh seseorang itu sendiri. Beasiswa umumnya

didapatkan oleh para siswa sampai mahasiswa, beasiswa itu sendiri dapat

diberikan dari pemerintahan, instansi, perusahaan ataupun yayasan. Lama

penerimaan beasiswa berbeda beda, tergantung pada Lembaga yang memberikan

beasiswa tersebut (Andi,2014).

Pemberian beasiswa ini merujuk kepada keputusan Direktorat Jenderal

Pendidikan Tinggi (DIKTI) yang dikutip dari www.kelembagaan.dikti.go.id yang

menyatakan bahwa :

“Pendidikan berkah mendapatkan biaya Pendidikan bagi mereka yang

orang tuanya tidak mampu membiayai Pendidikan anaknya. Peraturan

pemerintah Nomor 48 tahun 2008 tentang pendanaan Pendidikan,

Bagian Kelima, Pasal 27 ayat (1), menyebutkan bahwa pemerintah

pusat dan pemerintah daerah sesuai dengan kewenangannya memberi

bantuan biaya Pendidikan atau beasiswa kepada peserta didik yang

orang tua atau walinya tidak mampu membiayai pendidikannya. Pasal

27 ayat (2), menyebutkan bahwa Pemerintah pusat dan Pemerintah

Page 33: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

9

daerah sesuai dengan kewenangannya dapat memberi beasiswa kepada

peserta didik yang berprestasi”.

Adapun jenis beasiswa yang telah diterbitkan oleh Direktorat Jenderal

Pendidikan (DIKTI), antara lain adalah

1. Beasiswa Peningkatan Prestasi Akademik (PPA)

Beasiswa dari pemerintah (DIKTI) yang khusus diperuntuhkan bagi

mahasiswa yang kurang mampu dan tidak mampu akan tetapi mahasiswa

tersebut memiliki prestasi akademik yang tinggi. Syarat untuk

memperoleh beasiswa ini diperlukan pemenuhan persyaratan (Andi,

2014).

1. IPK minimal 3.0

2. Mhs S1 : Semester 2 – 8; Mhs D3: Semester 2 - 6

3. Surat keterangan tidak mampu

4. Slip gaji orang tua/wali

5. Umur mahasiswa

6. Tanggungan orang tua didalam keluarga

2. Beasiswa Bantuan Belajar Mahasiswa (BBM)

Beasiswa dari pemerintah (DIKTI) yang khusus diperuntuhkan bagi

mahasiswa yang kurang mampu dan tidak mampu akan tetapi mahasiswa

tersebut memiliki prestasi non akademik yang tinggi. Syarat untuk

memperoleh beasiswa ini diperlukan pemenuhan persyaratan (Andi, 2014)

1. IPK minimal 2.5

2. Mhs S1 : Semester 2 – 8; Mhs D3: Semester 2 – 6

3. Surat keterangan tidak mampu

Page 34: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

10

4. Foto kopi KK

5. Slip gaji orang tua keseluruhan

6. Jumlah saudara kandung

7. Fotokopi piagam atau bukti prestasi.

3. Beasiswa Mahasiswa Asing

Beasiswa dari pemerintah (DIKTI) yang khusus diperuntuhkan bagi

mahasiswa dari negara lain yang kurang mampu dan mahasiswa tersebut

memiliki prestasi akademik yang tinggi. Syarat untuk memperoleh

beasiswa ini diperlukan pemenuhan persyaratan (Andi, 2014).

1. IPK minimal 3.0

2. Mhs S1: Semester 2 - 8; Mhs D3: Semester 2 – 6

3. Surat keterangan tidak mampu dari kedutaan negara mahasiswa

tersebut.

2.1.2 Teori Seleksi

Pengertian seleksi menurut beberapa ahli, yaitu sebagai berikut:

1. Seleksi adalah usaha menjaring dari beberapa kriteria yang dianggap

nantinya bisa menyesuaikan terhadap hasil yang sesuai kebutuhan dan

permintaan itu sendiri (Agus Sunyoto, 2009).

2. Seleksi adalah serangkaian kegiatan yang digunakan untuk

memutuskan apakah hasil yang diminta sesuai dengan kebutuhan suatu

pengguna (Fuad, 2010).

Seleksi untuk sebuah penilaian harus dilakukan secara cermat, jujur, dan

objektif supaya hasil yang diperoleh dari setiap seleksi sangat berguna kepada

Page 35: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

11

sebuah keputusan penerimaan. Penilaian hasil dari observasi dan dari faktor

penunjang penilaian membuat sebuah sistem pendukung keputusan lebih cermat

dalam mengambil keputusan yang diinginkan itu sendiri.

Tujuan seleksi itu sendiri adalah untuk mendapatkan sebuah hasil yang

pasti dan paling tepat serta memangku suatu keputusan penerimaan. Dalam

mengarahkan pada tujuan seleksi yang demikian itu, setiap organisasi yang

bersangkutan akan menggunakan sistem ini untuk menciptakan cara seleksi paling

efisien dan selektif (Hasibuan Nasution, 2011).

Penyeleksian mempunyai beberapa metode, antara lain :

1. Metode SAW

Metode yang sering juga dikenal sebagai istilah metode penjumlahan sebuah

bobot. Konsep dasar yang dipakai dalam metode SAW adalah mencari

penjumlahan terbobot dari rating sebuah kinerja pada setiap alternative dari

semua atribut. Metode SAW membutuhkan proses normalisasi matriks dengan

sebuah keputusan ke suatu skala yang dapat diperbandingkan dengan semua

rating alternative yang ada.

2. Analytical Hierarchy Process (AHP)

AHP adalah model pendukung sebuah keputusan yang mampu menguraikan

permasalahan yang komplek dengan kriteria yang banyak kedalam susunan

hirarki sebuah proses, yang mana setiap level sebuah permasalahan disusun

oleh elemen elemen yang spesifik. Sehingga hirarki didefinisikan sebagai

suatu sistem dari level yang terstratifikasi, dimana masing-masing terdiri

elemen atau faktor. Peralatan utama dari AHP adalah sebuah hirarki

fungsinonal dengan input utamanya presepsi manusia.

Page 36: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

12

2.1.3 Tim Seleksi

Pelaksanaan seleksi dan penerimaannya pada dinas pendidikan kota

Surabaya ditentukan dan disahkan oleh kepala dinas pendidikan kota sarabaya.

Pada pasal 6 tim, seleksi beasiswa sebagaimana dimaksud pada ayat 1 terdiri dari

unsur

a. Dinas sosial

b. Dinas pendidikan

c. Dinas kependudukan

d. Dinas pengendalian Penduduk

Pada pasal 6 ayat 2 menjelaskan tim seleksi calon penerima beasiswa

dalam menyeleksi pendaftaran beasiswa yaitu menangani beasiswa dari unsur

beasiswa berprestasi yaitu dapat disahkan berdasarkan usulan kepala dinas/kantor

masing-masing sesuai kewenangannya.

2.1.4 Seleksi Penerimaan Beasiswa

Sebagaimana informasi yang diumumkan oleh dinas pendidikan kota

Surabaya khususnya dibukanya pendaftaran beasiswa, pada pasal 8 menyatakan

bahwa dinas pendidikan kota Surabaya berhak menyampaikan informasi terkait

penerimaan beasiswa. Calon penerima beasiswa yang telah memenuhi persyaratan

untuk pendaftaran sesuai dalam pasal 4 dan pasal 5 yaitu pendaftar harus

melengkapi syarat pendaftaran berupa foam, berkas dan syarat lain sesuai dengan

kebijakan kantor dinas pendidikan.

Tim seleksi pada pasal 6 melaksanakan beberapa tahap seleksi penerimaan

beasiswa, pendaftar yang telah mengisi form dan syarat pendaftaran maka akan

Page 37: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

13

melalui tahap seleksi sebagaimana dimaksud dalam pasal 8 ayat (2), meliputi :

a. Seleksi Psikotes

b. Seleksi Survey lapangan

Tahapan ini digunakan untuk menerima pendaftar yang lolos di berbagai

tahap seleksi yang dilaksanakan sesuai dengan pasal 10 yang berada pada dinas

pendidikan kota Surabaya.

2.1.5 Penetapan Hasil Seleksi

Pada pasal 13 ayat (1), Kepala dinas pendidikan setelah menerima laporan

dari tim seleksi maka akan menetapkan nama-nama yang dinyatakan lulus seleksi

dan mendapatkan beasiswa berdasarkan peringkat seleksi penerimaan beasiswa

dan kuota yang disediakan oleh dinas pendidikan, dengan keputusan kepala dinas

pendidikan. Keputusan kepala dinas pendidikan kota Surabaya sebagaimana

dimaksud pada ayat (1), bersifat final dan tidak dapat diganggu gugat.

2.1.6 Aplikasi

Menurut (Nasrudin, 2012) Perangkat lunak aplikasi yaitu suatu sub

perangkat lunak komputer yang menjadikan dan memanfaatkan kinerja system

komputer, tapi tidak secara langsung menerapkan kemampuan tersebut untuk

mengerjakan suatu tugas yang menguntungkan pengguna.

Beberapa aplikasi yang biasa dipakai adalah aplikasi kantor dan

perumahan yang mempunyai kelebihan dalam bidang pekerjaan. Contoh adalah

Microsoft Office dan Open Office.org.

Page 38: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

14

2.1.7 Website

Menurut (Hakim Lukmanul, 2012) Website merupakan fasilitas internet

yang menghubungkan dokumen dalam lingkup lokal maupun jarak jauh.

Dokumen pada website disebut dengan web page dan link dalam website

memungkinkan pengguna bisa berpindah dari satu page ke page lain (hyper text),

baik diantara page yang disimpan dalam server yang sama maupun server

diseluruh dunia. Pages diakses dan dibaca melalui browser seperti Netscape

Navigator, Internet Explorer, Mozila Firefox, Google Chrome dan aplikasi

browser lainnya.

Website diartikan suatu kumpulan halaman yang menampilkan berbagai

macam informasi seperti teks, data, gambar diam ataupun bergerak, data animasi,

suara, video maupun gabungan dari semuanya, yang dimana membentuk satu

rangkaian bangunan yang saling berkaitan dimana masing-masing dihubungkan

dengan jaringan halaman atau hyperlink.

2.1.8 HTML

Menurut (Meloni, 2012), HTML adalah bahasa yang digunakan untuk

menjelaskan bagaimana teks, grafik, dan data-data yang mengandung informasi

lain dapat diorganisir dan dihubungkan satu dengan yang lain. HTML adalah

suatu bahasa yang dikenali oleh web browser untuk menampilkan informasi

dengan lebih menarik dibandingkan dengan tulisan teks biasa (plain text).

(Oktavian, 2013).

Page 39: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

15

2.1.9 Bootstrap

Bootstrap merupakan sebuah framework yang dapat memudahkan

penggunanya dalam mendesain sebuah web hanya dengan dasar HTML dan CSS.

Bootstrap dilengkapi dengan beberapa komponen Java Script dalam bentuk

jQuery plugin. framework ini support web responsive, maka tampilan akan

menyesuaikan resolusi monitor device yang akan digunakan oleh penggunanya

dapat membuat responsive website dengan mudah dan berjalan sempurna pada

browser seperti chrome, firefox, safari, dan opera.

2.1.10 Sistem

Menurut Sutarman, (2009) sistem adalah kumpulan elemen yang saling

berhubungan dan saling berinteraksi dalam satu kesatuan untuk menjalankan

suatu proses pencapaian suatu tujuan utama. Yaitu untuk menggerakkan sebuah

rancangan yang sudah dibuat sebelumnya dan sudah disesuaikan dengan

kebutuhan pengguna. Sistem dapat berjalan sempurna karena adanya perencanaan

yang matang dan sebuah konsep yang di rancang sempurna sesuai kebutuhan.

1. Berdasarkan penekanan pada prosedur

Sistem adalah suatu jaringan kerja dari prosedur–prosedur yang saling

berhubungan, berkumpul bersama–sama untuk melakukan suatu kegiatan atau

untuk menyelesaikan suatu sasaran yang tertentu.

2. Berdasarkan penekanan pada elemen atau komponen

Sistem adalah kumpulan dari elemen–elemen yang berinteraksi untuk

mencapai suatu tujuan tertentu.

Page 40: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

16

2.1.11 Framework

Framework aplikasi adalah desain dan sebuah sebuah kerangka program

yang digunakan untuk membangun aplikasi-aplikasi yang sejenis. Framework

memiliki banyak pustaka tingkat tinggi yang dapat digunakan secara berulang.

Saat ini ada banyak framework PHP, diantaranya: Zend, Cake, PHP, Trax,

Codeigniter dan sebagainya. Tentunya setiap framework memiliki kelebihan dan

kekurangannya masing-masing. Umurnya framework perangkat lunak didesain

secara berorientasi objek sehingga desain dan program tersedia sebagai class-class

abstract. Framework yang berada di aplikasi mendefinisikan sebuah arsitektur

aplikasi sehingga penambahan fungsi-fungsi lain dapat dilakukan dengan

menambah modul-modul tanpa perlu dimodifikasi kode program yang sudah ada

kecuali file-file konfigurasi (Basuki, 2010).

2.1.12 PHP

Menurut (Diar Puji Oktavian, 2010) PHP (PHP Hypertext Prosesor) adalah

akronim dari Hypertext Preprocessor, adalah suatu bahasa pemograman

berbasiskan kode (script) yang berfungsi dan digunakan untuk mengolah suatu

data dan mengirimkannya ke web browser menjadi kode HTML.

PHP memiliki beberapa kelebihan, yaitu :

a. Bahasa pemograman PHP adalah sebuah bahasa script yang tidak

melekukan sebuah kompilasi dalam penggunaannya.

b. Banyak web server yang mendukung PHP script antara lain : Apache,

AOLServer, Microsoft IIS, dan sebagainya. Web server ini dapat dijalankan pada

berbagai sistem operasi, dengan konfigurasi yang relatif mudah.

Page 41: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

17

c. PHP mendukung banyak paket database , baik yang komersil maupun

nonkomersil, seperti Oracle, Informix, MySQL, Microsoft SQL Server dan lain-

lain.

2.1.13 CodeIgniter

Menurut Hakim (2010:8) CodeIgniter adalah sebuah framework PHP yang

dapat membantu mempercepat developer dalam pengembangan aplikasi web

berbasis PHP dibanding jika menulis semua kode program dari awal.

Gambar 2. 1 Logo CodeIgniter

CodeIgniter pertama kali dibuat oleh Rick Ellis, CEO Ellislab, Inc.

(http://ellislab.com), sebuah perusahaan yang memproduksi CMS (Content 24

Management System) yang cukup handal, yaitu Expression Engine

(http://www.expressionengine.com). Saat ini, CodeIgniter dikembangkan dan

dimaintain oleh Expression Engine Development Team.

Adapun beberapa keuntungan menggunakan CodeIgniter, diantaranya:

1. Gratis

CodeIgniter berlisensi dibawah Apache/BSD opensorce.

2. Ditulis Menggunakan PHP 4

Page 42: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

18

Meskipun CodeIgniter dapat berjalan di PHP 5, namun sampai saat ini

kode program CodeIgniter masih dibuat dengan menggunakan PHP 4.

3. Berukuran Kecil

Ukuran CodeIgniter yang kecil merupakan keunggulan tersendiri.

Dibanding dengan framework lain yang berukuran besar.

4. Menggunakan Konsep MVC

CodeIgniter menggunakan konsep MVC yang memungkinkan

pemisahan layer application-logic dan presentation.

5. URL yang sederhana

Secara default, URL yang dihasilkan CodeIgniter sangat bersih dan

Serach Engine Friendly (SEF).

6. Memiliki Paket Library yang lengkap

CodeIgniter mempunyai library yang lengkap untuk mengerjakan

operasioperasi yang umum dibutuhkan oleh sebuah aplikasi berbasis

web, misalnya mengakses database , mengirim email, memvalidasi

form, menangani session dan sebagainya.

7. Tidak Memerlukan Template Engine

Meskipun CodeIgniter dilengkapi dengan template parser sederhana

yang dapat digunakan, tetapi hal ini tidak mengharuskan kita untuk

menggunakannya.

8. Dokumentasi Lengkap dan Jelas

Dari sekian banyak framework, CodeIgniter adalah satu-satunya

framework dengan dokumentasi yang lengkap dan jelas.

Page 43: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

19

Gambar 2. 2 Aplication Flowchart CodeIgniter

Keterangan :

1. Index.php berfungsi sebagai front controller, menginisialisasi base

resorce untuk menjalankan CodeIgniter

2. Router memerikasa HTTP request untuk menentukan apa yang

harus dilakukan dengannya.

3. Jika Cache aktif, maka hasilnya akan langsung dikirimkan ke

browser dengan mengabaikan aliran data normal

4. Security. Sebelum Controller dimuat, HTTP request dan data yang

dikirimkan User akan difilter untuk keamanan.

5. Controller memuat model, core libraries, plugins, helpers dan

semua resource yang diperlukan untuk memproses request

6. Akhirnya View yang dihasilkan akan dikirimkan ke browser. Jika

Cache aktif, maka View akan disimpan sebagai Cache dahulu,

sehingga pada request berikutnya langsung dapat ditampilkan

2.1.14 MySQL (My Structure Query Language)

Menurut (Welling & Thomson, 2009), MySQL adalah DBMS yang

disebar adalah secara gratis. Server MySQL mengontrol akses ke dalam data agar

Page 44: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

20

banyak pengguna bisa mengakses data tersebut secara bersamaan dan memastikan

bahwa hanya pengguna tertentu yang dapat mengakses data tersebut.

MySQL adalah sistem yang multi User dan multi server. MySQL

menggunakan Structured Query Language (SQL) yang merupakan standar bahasa

dalam basis data.

2.1.15 Multi Atribut Decision Making (MADM)

Pada dasarnya, proses MADM dilakukan melalui 3 tahap yang berbeda,

yaitu pada proses penyusunan komponen situasi, analisis, dan sintesis informasi.

Pada tahap penyusunan komponen situasi, akan dibentuk sebuah table taksiran

yang berisi tentang identifikasi alternative, spesifikasi tujuan, kriteria, dan atribut,

Dalam tahap analisis dilakukan menggunakan 2 langkah, antara lain

mendatangkan taksiran dan besaran yang potensial, kemungknan, dan

ketidakpastian, yang berhubungan tentang dengan banyaknya dampak-dampak

pada setiap alternative dan tahap selanjutnya adalah tentang meliputi pemilihan

dari preferensi pengambil keputusan untuk setiap nilai yang diperoleh. Demikian

pula, ada beberapa cara untuk menentukan preferensi pengambil keputusan pada

setiap konsekuen yang dapat dilakukan pada langkah kedua (Kusumadewi,2008).

Metode yang paling sederhana adalah untuk menurunkan bobot sebuah

atribut dan kriteria adalah dengan fungsi utilitas atau penjumlahan yang

mempunyai bobot dalam penjumlahan (Kusumadewi,2009). Secara umum,

metode yang menggunakan MADM dapat didefinisikan sebagai berikut :

Misalkan A = {a, | i=n 1,….,n | } adalah himpunan alternative keputusan dan C =

{c,|j = 1,…,m | } adalah himpunan tujuan yang diharapkan, maka dengan adanya

Page 45: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

21

alternative x yang memiliki derajat harapan tertinggi terhadap tujuan yang relevan

c. Sebagian dasar pendekatan tentang MADM dilakukan melalui 2 langkah, yaitu

: langkah pertama adalah melakukan agregasi terhadap keputusan yang tangggap

terhadap semua tujuan pada setiap alternative, Kedua melakukan perangkingan

pada setiap alternative keputusan tersebut. Sehingga bisa dikatakan masalah

MADM adalah mengevaluasi m alternative A (i=1,2,….,m) terhadap sekumpulan

atribut dan kriteria. Dimana setiap atribut saling tidak bergantung satu dengan

lainnya. Matriks keputusan setiap alternative yang ada memungkinkan setiap

atribut memberikan persamaan X sebagai berikut :

Persamaan 2.1

Dimana X11 merupakan sebuah rating kinerja alternative ke-i terhadap

atribut ke-j. nilai bobot yang menunjukkan sebuah tingkat terhadap kepentingan

mempunyai nilai yang relative dalam setiap atribut, dalam hal ini maka setiap

atribut diberikan sebagai, W : W = {w1,w2,…, } Rating kinerja (X), dan bobot

nilai (W) merupakan nilai utama yang mempresentasikan prefensi absolute dari

pengambil keputusan (Kusumadewi,2012).

Dimana X11 merupakan sebuah rating kinerja alternative ke-i terhadap

atribut ke-j. nilai bobot yang menunjukkan sebuah tingkat terhadap kepentingan

mempunyai nilai yang relative dalam setiap atribut, dalam hal ini maka setiap

atribut diberikan sebagai, W : W = {w1,w2,…, } Rating kinerja (X), dan bobot

Page 46: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

22

nilai (W) merupakan nilai utama yang mempresentasikan prefensi absolute dari

pengambil keputusan (Kusumadewi,2012).

2.1.16 Metode Simple Additive Weighting (SAW)

Metode SAW sering juga dikenal sebagi metode penjumlahan di untuk

setiap yang berbobot. Konsep dasar SAW adalah mencari jumlah dari bobot rating

kinerja dan proses normalisasi matriks keputusan (X) ke suatu skala yang dapat di

perbandingkan dengan semua rating yang memiliki alternative. Diberikan

persamaan sebagai berikut:

Persamaan 2.2

Keterangan

Rij = nilai rating kinerja ternomalisasi

Xij = nilai atribut yang dimiliki dari setiap kriteria

Maxxij = nilai terbesar dari setiap kriteria

Min xij = nilai terkecil dari setiap kriteria

Dimana rij adalah sebuah rating kinerja ternomalisasi dari alternative A, pada

atribut C: i=1,2,….,m dan j=1,2,…..,n. Nilai prefrensi yang didapat di setiap

alternative (Vi) diberikan rumus sebagai berikut:

Vi = ∑ wj rij Persamaan 2.3

Page 47: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

23

Vi = rangking untuk setiap alternatif

Wj = nilai bobot dari setiap kriteria

Rij = nilai rating kinerja ternomalisasi

Nilai V, yang lebih besar mengindikasikan bahwa alternative A lebih terpilih

(Kusumadewi,2008)

2.1.17 Perhitungan SAW

Tahap awal dalam perhitungan menggunakan metode SAW adalah

mempersiapkan kriteria untuk di proses. Dalam hal ini kriteria yang di pakai

untuk menyeleksi pendaftar beasiswa adalah

1. Nilai IPK

2. Total Penghasilan Orang Tua

3. Nilai Tes Psikologi

4. Nilai Survey

5. Umur

6. Jumlah Anggota keluarga

Setelah kriteria sudah siap, langkah pertama adalah menggunakan metode

MADM untuk melakukan proses penyusunan kriteria dengan menggunakan table.

Langkah kedua adalah proses pembobotan yang dilakukan untuk mengubah nilai

inputan data mengenai jawaban dari kriteria – kriteria diatas. Dari masing –

masing bobot tersebut, maka dibuat suatu variable, dimana dari suatu variable

yang dibuat akan dirubah kedalam bilangan fuzzynya. Di bawah ini adalah

bilangan fuzzy dari bobot :

Page 48: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

24

1. Sangat Rendah (SR) = 0.10

2. Rendah (R) = 0.25

3. Sedang (S) = 0.50

4. Banyak (B) = 0.75

5. Sangat Tinggi = 1.0

Setelah variabel dengan menggunakan bilangan fuzzy telah selesai, maka

ke tahap pembobotan. Berikut adalah variabel penghasilan orang tua dan jumlah

saudara kandung.

Tabel 2. 1 Jumlah Penghasilan Orang Tua

Penghasilan Orang Tua (X) Nilai

X<= Rp. 1.000.000 1.0

X = Rp. 1.000.000-2.500.000 0.75

X = Rp. 2.500.000-5.000.000 0.50

X = Rp. 5.000.000-10.000.000 0.25

X >= Rp. 10.000.000 0.10

Pada tabel 2 menjelaskan bahwa kriteria yang harus dipenuhi untuk

mendapatkan beasiswa dari Dinas Kota Pendidikan Kota Surabaya adalah

melengkapi data Jumlah Saudara Kandung.

Tabel 2. 2 Jumlah Saudara Kandung

Jumlah Saudara Kandung Nilai

1 anak 0.10

2 anak 0.25

3 anak 0.50

Page 49: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

25

Jumlah Saudara Kandung Nilai

4 anak 0.75

>= 5 anak 1

Pada tabel 2 menjelaskan bahwa kriteria yang harus dipenuhi untuk

mendapatkan beasiswa dari Dinas Kota Pendidikan Kota Surabaya adalah

melengkapi data umur pendaftar beasiswa. Dijelaskan bahwa semakin muda umur

pendaftar maka semakin besar nilai pembobotannya.

Tabel 2. 3 Umur Pendaftar

Umur Pendaftar Nilai

19 1

20 0.75

21 0.50

23 0.25

>= 24 0.10

Setelah variabel telah terkumpul, maka sekarang perhitungan dengan

metode SAW, dikarenakan atribut yang ada adalah atribut keuntungan maka daka

dapat dijabarkan menjadi matriks R sebagai berikut :

R = R1 + R2 +….+ Rn

Kemudian dari matriks tersebur dilakukan proses perangkingan, yang

dapat dirumuskan sebagai berikut

V = R1 + R2 +….+ Rn

Dari perhitungan di atas diketahui bahwa semakin banyak kriteria dan nilai

pembobotan menggunakan bilangan fuzzy, maka tingkat validtasnya akan

Page 50: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

26

cenderung naik dan hasil akhir dari penelitian ini adalah sebuah alternative yang

memiliki alternative terbaik dari alternative yang lain.

Contoh kasus dalam seleksi beasiswa yang menerapkan metode SAW.

Ada 3 mahasiswa yang mendaftar untuk mendapatkan beasiswa dari

pemerintahan kota Surabaya. Dinas Pendidikan Kota Surabaya mempunyai data

pendaftar sebagai berikut :

Tabel 2. 4 Data Pendaftar

Pendaftar 1

Nama Rosid bin slamet Pembobotan

Umur 20 0.75

Jumlah saudara kandung 3 0.50

Penghasilan orang tua Rp. 2.200.000 0.75

Pendaftar 2

Nama Mamad Syaifullah Pembobotan

Umur 23 0.25

Jumlah saudara kandung 2 0.25

Penghasilan orang tua Rp. 3.200.000 0.50

Pendaftar 3

Nama Diky Roysuryo Pembobotan

Umur 20 0.75

Jumlah saudara kandung 5 1

Penghasilan orang tua Rp. 1.400.000 0.75

Page 51: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

27

Jika data rkiteria sudah diketahui maka selanjutnya adalah proses perkalian

dari nilai pembobotan dari setiap kriteria, nilai pembobotan kriteria dapat dilihat

pada table dibawah ini.

Tabel 2. 5 Tabel Nilai Pembobotan Kriteria

Jumlah Saudara Kandung Nilai

Penghasilan Orang Tua 0.25

Jumlah Saudara 0.25

Umur 0.50

Total 1

Jika nilai pembobotan nilai dari setiap kriteria sudah diperoleh, maka

proses selanjutnya adalah proses perhitungan prefensi dengan menggunakan

rumus Vi = ∑ wj rij maka hasilnya dapat dilihat pada table dibawah ini :

Tabel 2. 6 Tabel Perhitungan Pendaftar

Pendaftar 1

Pembobotan Perhitungan

Prefensi

Nama Rosid Bin Slamet

Umur 0.75 0.50 0.37

Jumlah Saudara

Kandung

0.50 0.25 0.12

Penghasilan Orang 0.75 0.25 0,18

Page 52: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

28

Tua

Pembobotan Perhitungan Prefensi

Total 0,67

Pendaftar 2

Pembobotan Perhitungan

Prefensi

Nama Mamad

Umur 0.25 0.50 0.12

Jumlah Saudara

Kandung

0.25 0.25 0.20

Penghasilan Orang

Tua

0.50 0,25 0.12

Total 0,44

Pendaftar 3

Pembobotan Perhitungan

Prefensi

Nama Dicky

Umur 0.75 0.50 0.37

Jumlah Saudara 1 0.25 0,25

Penghasilan Orang

Tua

0.75 0,25 0,18

Total 0,80

Page 53: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

29

Tabel 2. 7 Data Perangkingan Pendaftar

Nama Nilai Pembobotan Rangking

Diky Roysuryo 0.80 1

Rosid bin slamet 0.67 2

Mamad Syaifullah 0.44 3

2.1.18 Sistem Development Life Cycle (SDLC)

Menurut (O'Brien & Marakas, 2008) , SDLC memiliki beberapa tahapan,

yaitu System Investigation, System Analysis, System Design, System

Implementation dan System Maintenance. Berikut tahapan-tahapan SDLC akan

dijelaskan pada Gambar 2.3 :

Gambar 2. 3 Tahapan SDLC menurut O’Brien & Marakas, 2008

1. System Investigation

- Menentukan bagaimana menambah peluang bisnis dan prioritas.

- Melakukan studi kelayakan untuk menentukan apakah sistem bisnis

yang baru atau lebih baik merupakan solusi yang layak.

- Mengembangkan rencana pengelolaan proyek dan mendapatkan

persetujuan manajemen.

Page 54: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

30

2. System Analysis

- Mengidentifikasi kebutuhan informasi karyawan, pelanggan dan

pemangku kepentingan bisnis lainnya.

- Mengembangkan persyaratan fungsional suatu sistem yang dapat

memenuhi prioritas bisnis dan kebutuhan semua pemangku

kepentingan.

- Mengembangkan model logical dari sistem saat ini.

3. System Design

- Mengembangkan spesifikasi untuk perangkat keras, perangkat lunak,

orang, jaringan, dan sumber data dan produk informasi yang akan

memenuhi persyaratan fungsional dari sistem informasi bisnis yang

diusulkan.

- Mengembangkan model logis dari sistem baru.

4. System Implementation

- Mengembangkan perangkat keras dan perangkat lunak.

- Uji sistem dan latih orang untuk mengoperasikan dan

menggunakannya.

- Beralih ke sistem bisnis baru.

- Mengelola efek perubahan sistem pada pengguna akhir.

5. System Maintenance

- Digunakan proses review pasca-implementasi untuk mengevaluasi

dan memodifikasi sistem bisnis sesuai kebutuhan

Page 55: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

31

2.1.19 Unified Modeling Language (UML)

Unified Modeling Language (UML) merupakan sistem arsitektur yang

bekerja dalam OOAD (Object-Oriented Analysis/Design) dengan satu bahasa

yang konsisten untuk menentukan, visualisasi, mengkontruksi, dan

mendokumentasikan artifact (sepotong informasi yang digunakan atau dihasilkan

dalam suatu proses rekayasa software, dapat berupa model, deskripsi, atau

software) yang terdapat dalam sistem software. Dengan adanya UML, maka

diharapkan dapat mengurangi kekacauan dalam bahasa permodelan yang selama

ini terjadi dalam lingkungan pemograman. UML dapat menukar model yang

terjadi selama ini Satzinger (2011:15)

Tujuan dari UML diantaranya adalah :

1. Memberikan model yang siap pakai, bahasa pemodelan visual yang

ekspresif dan untuk mengembangkan dan saling menukar model

mudah dan dimengerti secara umum.

2. Memberikan bahasa pemodelan yang bebas dari berbagai bahasa

pemograman dan proyes rekayasa.

3. Menyatukan praktek-praktek terbaik yang terdapat dalam pemodelan.

2.1.20 Use case Diagram

Use case Diagram adalah rangkaian/uraian dari sekelompok yang saling

terkait satu sama lain dan membentuk sistem secara teratur yang dilakukan atau

diawasi oleh sebuah actor. Berikut pengertian dari use case diagram menurut

Satzinger(2011:20) “Use case Diagram merupakan rangkaian dari beberapa

tindakan yang dilakukan oleh sistem yang dimodelkan”.

Page 56: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

32

Gambar 2. 4 Simbol Use case Diagram

Page 57: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

33

2.1.21 Activity Diagram

Diagram aktifitas adalah Teknik untuk mendeskripsikan logika procedural

pembuatan program, proses bisnis, dan aliran kerja dalam berbagai banyak kasus.

Diagram aktifitas mempunyai peran seperti halnya flowchart, akan tetapi

perbedaanya dengan flowchart adalah diagram aktifitas bisa mendukung perilaku

model sedangkan flowchart tidak bisa Satzinger (2011:23). Sebuah Activity

Diagram memiliki :

Gambar 2. 5 Tipe Relasi Activity Diagram

Page 58: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

34

2.1.22 Sequence Diagram

Merupakan diagram yang menunjukkan aliran fungsionalitas dalam use

case. Sequence adalah satu dari dua interaksi diagram yang mengilustrasikan

objek-objek yang berhubungan dengan use case dan message atau pesan-

pesannya. Komponen utama sequence diagram terdiri atas objek yang dituliskan

dengan kotak segiempat bernama. Message diwakili oleh garis dengan tanda

panah dan waktu yang ditunjukkan dengan progress vertical. Satzinger (2011 : 26)

Gambar 2. 6 Contoh Diagram Sequence

2.1.23 Class Diagram

Diagram kelas atau Class diagram sangat membantu dalam visualisasi

struktur kelas dari suatu sistem. Hal ini disebabkan karena class adalah deskripsi

kelompok obyek-obyek dengan property, operasi dan relasi yang sama.

Disamping itu diagram kelas bisa memberikan pandangan global atas sebuah

sistem. Hal tersebut tercermin dari class-class yang ada dan relasinya satu dengan

lainnya. Itulah sebabnya diagram kelas menjadi diagram yang paling popular di

UML. Satzinger (2011 : 28)

Page 59: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

35

1. Assosiasi adalah class-class yang berhubungan satu sama lain secara

konseptual. yaitu menghubungkan dua kelas menjadi satu asosiasi.

2. Attribut adalah properti dari sebuah kelas. Attribut ini menjelaskan batas

nilai yang mungkin ada pada obyek dari kelas. Sebuah kelas mungkin

mempunyai nol atau lebih attribut. Contoh dari atribut :

Gambar 2. 7 Contoh Atribut

2.2 Kajian Pustaka

Berdasarkan pada uraian latar belakang pada penelitian ini bahwa tujuan

dibukanya pendaftaran beasiswa bagi mahasiswa khususnya disurabaya. Agar

pelajar khususnya mahasiswa disurabaya mendapatkan apreasiasi dalam bentuk

beasiswa. Pendaftaran beasiswa juga dapat meningkatkan semangat bagi

mahasiswa yang kurang mampu dalam menempuh Pendidikan tingkat akhir.

Selain membantu mahasiwa di Surabaya, pendaftaran beasiswa ini sebagai

program kerja Dinas Pendidikan Surabaya dalam meningkatkan mutu Pendidikan

dikota tersebut.

Page 60: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

36

BAB III

ANALISIS DAN PERANCANGAN SISTEM

Dalam bab ini membahas mengenai tahapan dan Analisis dan Perancangan

dari Rancang Bangun Sistem Aplikasi Pendaftaran Seleksi dan Penerimaan

Beasiswa Dinas Pendidikan Kota Surabaya. Pada bab ini mengikuti teori dari

(O’Brien & Marakas, 2008) yaitu dari proses penyelidikan sistem, analisis sistem,

desain sistem, implementasi sistem, dan pemeliharaan sistem (maintenance).

3.1 System Investigation

Pada tahap ini adalah diperlukan adanya kebutuhan untuk menentukan

dan menambah prioritas pengguna. Dalam tahap ini juga merencanakan sistem

aplikasi yang akan berjalan pada sebuah kebutuhan pengguna serta

mengembangkan sistem dan mendapatkan solusi yang terbaik bagi sistem aplikasi

yang akan dibuat. Dalam sub bab ini dibahas mengenai tahap investigation.

Berikut adalah perinciannya :

3.1.1 Metode Pengumpulan Data

Tabel 3. 1 Matriks Hasil Pengumpulan Data

No. Metode Pengumpulan Hasil

1. Wawancara 1. Kebutuhan Pengguna

2. Kebutuhan Fungsional

3. Kebutuhan Non Fungsional

Page 61: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

37

No Metode Pengumpulan Hasil

2. Observasi 1. Data Pendaftar

2. Data Petugas Beasiswa

3. Data Petugas Psikotes

4. Data Petugas Survey

3. Studi Literatur 1. Teori Sistem Pendukung Keputusan

2. Teori Pengembangan Sistem Aplikasi

A. Wawancara

Pada tahap ini, dilakukan proses wawancara kepada pihak internal dinas

Kota Surabaya mengenai proses pendaftaran, seleksi, dan penerimaan beasiswa

kepada mahasiswa yang mendaftar. Hasil dari wawancara diantaranya secara

umum adalah pihak dinas kota Surabaya mengumumkan beasiswa melalui web

diknas Surabaya dan pamflet secara manual, sehingga proses pendaftaran masih

melakukan menggunakan kertas. Mahasiswa yang ingin mendapatkan beasiswa

terlebih harus dahulu mendatangi diknas kota Surabaya untuk melihat persyaratan

yang harus dilengkapi, dan seluruh kelengkapan persyaratan diserahkan langsung

secara kepada pihak administrasi dinas kota Surabaya. Pihak dinas kota Surabaya

masih menggunakan cara manual untuk menerima dan menyeleksi berdasarkan

persyaratan yang ada serta masih menggunakan kertas dalam pengarsipan

dokumen

B. Observasi

Observasi ini bertujuan untuk mendapatkan informasi lebih banyak data

lagi yang digunakan dalam proses pembuatan aplikasi yang terkait dengan

Page 62: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

38

permasalahan serta pada saat wawancara. Dengan observasi maka dapat

mengetahui lebih jelas proses administrasi pengelolaan beasiswa untuk mahasiswa

se Kota Surabaya. Dimulai dari proses pendaftaran, penyerahan berkas, lalu

proses penerimaan beasiswa

C. Studi Literatur

Studi literatur ini dilakukan untuk mencari informasi dari berbagai literatur

yang berhubungan dengan perancangan aplikasi (Aplikasi, Pengelolaan, sistem

pendukung keputusan, HTML, PHP, Bootstrap, MySql, Website, UML, Activity

Diagram,)

3.2 System Analysis

Pada tahap ini diperlukan adanya informasi kebutuhan pendaftar dan

kebutuhan petugas beasiswa, petugas survey lapangan, dan petugas psikotes.

Tahap ini berfungsi untuk mengembangkan persyaratan fungsional dalam sistem

aplikasi yang akan dibuat. Diperlukannya kebutuhan pengguna untuk sebagai

pemangku kepentingan pengguna aplikasi serta mengembangkan model logical

dari sistem saat ini.

3.3.1 Analisa Proses Bisnis

A. Proses Pendaftaran Beasiswa Mahasiswa

Pada proses ini calon mahasiswa harus mengisi fomulir pendaftaran yang

telah disediakan oleh petugas beasiswa di Dinas Pendidikan Kota Surabaya.

Mahasiswa yang mendaftar wajib membawa persyaratan yang diberikan oleh

Page 63: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

39

Dinas Pendidikan, setelah selesai mengisi berkas yang telah disediakan dan

ditetapkan lalu berkas tersebut diberikan kepada petugas beasiswa.

Calon mahasiswa pendaftar

Fomulir pendaftaranBeasiswa dan berkas

persyaratan

Petugas beasiswa Berkas administrasi mahasiswa

Gambar 3. 1 Proses Pendaftaran Mahasiswa

B. Proses Kegiatan Seleksi Beasiswa Pemerintah Kota Surabaya

Selanjutnya adalah petugas beasiswa melakukan pengecekan berkas yang

sudah terkumpul dengan persyaratan pendaftaran beasiswa. Jika berkas admistrasi

mahasiswa tersebut kurang atau belum memenuhi syarat sesuai dengan ketentuan

pemerintah kota Surabaya, maka administrasi tersebut dikembalikan ke

mahasiswa yang mendaftar dan dinyatakan gugur, tetapi jika administrasi dan

berkas pendaftaran telah sesuai dengan ketentuan yang berlaku maka petugas

beasiswa selanjutnya melakukan tahap pengarsipan dokumen beasiswa dan

diteruskan ke tahap seleksi.

Selanjutnya petugas beasiswa menghubungi mahasiswa melalui telepon

untuk memberikan informasi untuk melakukan proses seleksi psikotes dengan

waktu dan tempat yang telah ditentukan oleh pihak pemerintahan kota Surabaya.

Setelahh melakukan tahapan seleksi, petugas beasiswa menerima hasil psikotes

dan nilai lapangan yang telah dilaksanakan oleh petugas yang bersangkutan.

Setelah tahapan ini selesai, petugas melakukan proses seleksi lagi untuk

menghasilkan mahasiswa yang menerima beasiswa, setelah mendapatkan tes hasil

dan nilai keseluruhan, petugas beasiswa segera membuat laporan untuk hasil

Page 64: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

40

mahasiswa yang lulus dan menerima beasiswa kepada Dinas Pendidikan Kota

Surabaya, dan petugas langsung mengkonfirmasi kelulusan kepada mahasiswa

yang telah diterima.

Arsip berkas administrasi

Memberikan informasiTest psikotest

Petugas beasiswa

Nilai seleksi psikotestmahasiswa

Nilai sleksi survey lapangan mahasiswa

Hasil test penilaiankeseluruhan

Petugas beasiswa

Konfirmasi keseluruhan Mahasiswa penerimabeasiswa

Laporan mahaiswa Yang diterima

Kepala Dinas Pendidikan

Gambar 3. 2 Proses Penyeleksian

C. Proses Kegiatan Penilaian Tes Psikologi

Tahapan penilaian untuk psikotes adalah langkah awal dari tes Psikologi

terhadap peserta pendaftar beasiswa. Pendaftar menerima rekomendasi tempat tes

Psikologi dari petugas beasiswa Dinas Pendidikan Kota Surabaya. Setelah itu,

Page 65: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

41

mahasiswa mendaftar dan menjalani tes di tempat yang sudah ditentukan oleh

pihak Dinas Pendidikan. Hasil dari tes Psikologi diarsipkan oleh petugas psikotes,

lalu di buatkan laporan hasil akhir dan diserahkan kepada petugas beasiswa. Hasil

penilaian Tes Psikologi.

Petugas PsikotesSoal tes psikotes

Untuk pesertaCalon mahasiswa

pendaftar

Petugas Psikotes

Soal dan jawabantes pesikotes pendaftar

Hasil Tes Psikotes peserta

Petugas beasiswa

Gambar 3. 3 Proses Penilaian Tes Psikologi

D. Proses Kegiatan Penilaian Survey Lapangan

Pada kegiatan proses penilaian survey lapangan, petugas lapangan

mendapatkan data mahasiswa dari petugas beasiswa yang didalamnya berisi

tentang alamat, nama pendaftar, gaji orang tua, jumlah saudara kandung dan foto

rumah. Setelah mendapatkan data dari petugas beasiswa, maka petugas lapangan

berhak menilai dan mencocokan dari data yang ada. Petugas beasiswa menilai

berdasarkan data yang ada dan meninjau langsung dilokasi pendaftar tinggal.

Setelah selesai, hasil penilaian diberikan ke petugas beasiswa.

Petugas beasiswaBerkas data pendaftar

Beserta alamat Petugas LapanganHasil akhir penilaian

Survey lapanganPetugas beasiswa

Gambar 3. 4 Proses Penilaian Survey Lapangan

Page 66: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

42

E. Alur Proses Kerja Keseluruhan

Alur proses kerja adalah tahapan manual yang masih belum menggunakan

sistem aplikasi, alur proses ini dimulai dari pendaftar yang akan mendaftar hingga

pendaftar mendapatkan informasi status penerimaan beasiswa. Alur proses ini

berfungsi untuk mengetahui alur dari proses awal hingga proses akhir, berikut

adalah alur pendaftaran beasiswa dari dinas pendidikan kota Surabaya :

Gambar 3. 5 Alur Proses Kerja Keseluruhan

3.3.2 Identifikasi Permasalahan

Identifikasi Permasalahan dilakukan untuk mengetahui titik permasalahan

dari data yang telah di dapatkan dan solusi sesuai teori yang di dapat dari studi

pustaka. Dalam topik ini Beasiswa pada Dinas Pendidikan Kota Surabaya masih

Page 67: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

43

belum memiliki sistem aplikasi untuk menunjang penerimaan beasiswa mulai dari

pendaftaran, verivikasi berkas, pendistribusian nilai, seleksi berkas, penerimaan

beasiswa dan cetak laporan penerima beasiswa.

Solusinya adalah pembuatan aplikasi pendaftaran dan seleksi beasiswa dan

menggunakan metode SAW untuk proses seleksinya. Serta pembuatan akun

petugas psikotes dan survey untuk membantu proses penilaian secara online.

Sehingga proses pendistribusian nilai lebih tersistem. Dibuatkan juga akun

pendaftar untuk mengetahui status menerima atau tidaknya beasiswa dari dinas

pendidikan kota Surabaya.

3.3.3 Analisis Kebutuhan Aplikasi

Analisis kebutuhan aplikasi adalah sebuah cara untuk melihat sebuah

permasalahan dan dampaknya untuk suatu kebutuhan yang sedang berjalan. Dari

analisis kebutuhan aplikasi, didapatkan dampak dari masalah yang sudah ada dan

berfungsi untuk membantu dalam proses pembuatan sistem aplikasi.

Tabel 3. 2 Analisis Kebutuhan Aplikasi

No. Proses Pengguna Permasalahan Dampak 1. Menerima

laporan

pengelolaan

beasiswa

keseluruhan

Kepala

Dinas

Pendidikan

Kepala Dinas

Pendidikan

menerima

laporan secara

manual dan

masih

menggunakan

kertas dalam

pengarsipannya

serta laporan

akhirnya.

Pengarsipan jadi

tidak teratur dan

sebagian laporan

hilang dan tidak ada

salinannya lagi.

2. Menginputkan

jumlah

pendaftaran

beasiswa yang

masuk

Petugas

Beasiswa

Petugas beasiswa

masih

menggunakan

cara manual,

yaitu menunggu

Petugas terkadang

mendapati keliruan

dalam mengetik dan

terkadang lupa

menginputkan salah

Page 68: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

44

mahasiswa

mengumpulkan

persyaratan

petugas

menginputkan

secara manual.

satu peryaratan

yang ada, hal ini

membuat proses

penginputan lebih

lama.

3. Menyeleksi

jumlah pendaftar

yang masuk

Petugas

Beasiswa

Proses

penyeleksian

hanya

menggunakan

tolak ukur IPK,

Gaji orang tua,

dan prestasi,

proses

penyeleksian

dicocokan satu

per satu.

Proses ini memakan

waktu yang lama,

mengingat pada

saat penyeleksian,

petugas menyeleksi

satu per satu

dokumen

mahasiswa yang

masuk. Proses ini

membutuhkan

waktu yang lama

dan tingkat

ketelitian yang

tinggi, mengingat

jumlah pendaftar

lebih dari 200

mahasiswa seluruh

Kota Surabaya.

4.

Penerimaan

beasiswa kepada

mahasiswa kota

Surabaya.

Petugas

Beasiswa

Dalam proses

penerimaan

beasiswa kepada

mahasiswa,

petugas hanya

memberikan

informasi secara

langsung dan

dapat surat

rekomendasi dari

petugas beasiswa

ke kepala dinas,

bahwa berhak

mendapatkan

beasiswa selama

satu semester.

Dalam proses ini

menghambat dalam

penyampaian dari

petugas beasiswa ke

kepala dinas untuk

approval lebih

lanjut.

5. Proses

Pengarsipan

Petugas

Beasiswa

Proses

pengarsipan

dokumen

mahasiswa yang

lolos seleksi

masih di simpan

dalam almari

yang tidak ada

softcopynya.

Sehingga proses

penyimpanan

Dalam hal ini,

berkas yang telah

disimpan, seringkali

masih mengalami

kehilangan

dokumen/berkas

dan terselip diantara

tumpukan berkas

yang sudah ada

sebelumya.

Page 69: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

45

yang tidak

teratur dan tidak

sistematis.

6. Proses penilaian Petugas

Psikotes

Proses penilaian

psikotes terhadap

mahasiswa yang

daftar untuk

beasiswa masih

bersifat manual.

Yaitu mahasiswa

diharuskan daftar

ke psikotes yang

di

rekomendasikan

oleh dinas

Pendidikan

Surabaya.

Setelah

melakukan tes

psikotes, hasil

penilaiannya

diserahkan ke

Dinas

Pemerintahan

Kota Surabaya.

Dampak dari proses

manual ini adalah

membutuhkan

waktu yang lama,

proses verivikasi

lebih lama, hasil

nilai tes psikotes

memakan waktu 3-

4 hari. Membuat

proses penerimaan

beasiswa lebih lama

lagi.

7. Proses

pengecekan

Petugas

Lapangan

Proses

pengecekan atau

survey lapangan

ke rumah tempat

tinggal

mahasiswa masih

menggunakan

kertas dalam

bentuk form

untuk proses

penilaiannya.

Dampak yang

terjadi adalah

seringkali petugas

lapangan lalai

dalam

mengarsipkan hasil

survey lapangan

yang dilakukan.

Sehingga

menghambat dalam

proses seleksi.

8. Proses

penginputan hasil

survey

Petugas

Lapangan

Hasil survey

lapangan masih

berbentuk form

pada kertas.

Hasil survey

langsung di

serahkan kepada

pihak petugas

beasiswa. Dalam

penyerahaannya

masih

menggunakan

kertas dan tidak

ada softcopy

Dampak yang

diterima adalah

proses pengarsipan

hasil survey tempat

tinggal oleh petugas

lapangan sangat

tidak karuan.

Seringkali

kehilangan

dokumen hasil

survey .

9. Pendaftaran

beasiswa

Mahasiswa Pendaftaran

beasiswa yang

Dampak yang

diterima adalah

Page 70: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

46

diselenggarakan

oleh dinas kota

Surabaya masih

tergolong

manual.

Mahasiswa harus

datang dulu ke

dinas Kota

Surabaya untuk

mendaftar. Serta

tidak adanya

sarana informasi

berbasis web

yang dimiliki

oleh dinas Kota

Surabaya.

proses pendaftaran

membutuhkan

waktu yang lama

dan membutuhkan

tambahan petugas

beasiswa untuk

menangani calon

pendaftar

mahasiswa dari

berbagai perguruan

tinggi di Surabaya.

3.3.4 Analisis Kebutuhan Pengguna

A. Analisis Pengguna

Pada proses analisa pada pengguna, diuraikan mengenai beberapa

pengguna dari sistem yang dirancang. Dalam penelitian ini memiliki 5 pengguna

utama sistem, yaitu Ketua Dinas Pendidikan, Petugas Survey , Petugas Tes

Psikotes, Petugas Beasiswa, dan Mahasiswa. Berikut ini adalah detail dari

fungsional setiap pengguna :

1. Kepala Dinas Pendidikan

a. Memantau perkembangan pendaftaran dan penerimaan beasiswa

b. Mendapatkan laporan pendaftaran beasiswa

c. Mendapatkan laporan penerimaan beasiswa

2. Petugas Beasiswa

a. Mendapatkan laporan pendaftaran beasiswa

b. Mengelola berkas pendaftar

c. Melakukan penerimaan pendaftaran beasiswa

Page 71: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

47

d. Mendapatkan laporan nilai tes psikologi

e. Mendapatkan laporan nilai survey lapangan

f. Melakukan penyeleksian beasiswa

g. Membuat laporan penerimaan beasiswa

3. Petugas Psikotes

a. Mengola dan mengajukan hasil nilai tes psikologi pendaftar beasiswa

4. Petugas Survey Lapangan

a. Mengola dan mengajukan hasil nilai Survey lapangan pendaftar

beasiswa

5. Pendaftar Beasiswa (Mahasiswa)

a. Melakukan pendaftaran beasiswa

b. Mengajukan berkas administrasi

c. Menerima laporan penerimaan beasiswa keseluruhan

B. Analisis Kebutuhan Fungsional

Berdasarkan hasil analisis pengguna, didapatkan perincian mengenai

pengguna yang akan menggunakan sistem dan kebutuhan untuk setiap pengguna.

Dari kebutuhan pengguna tersebut, didapatkan kebutuhan fungsional yang harus

dipenuhi oleh sistem yang akan dirancang.

Berikut adalah perincian dari kebutuhan fungsional :

Tabel 3. 3 Kebutuhan Fungsional Pengguna

Pengguna Kebutuhan Fungsional

1. Memantau perkembangan

pendaftaran dan penerimaan

1. Laporan pendaftaran

beasiswa

Page 72: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

48

Kepala

beasiswa

2. Mendapatkan laporan

pendaftaran beasiswa

3. Mendapatkan laporan

penerimaan beasiswa

2. Laporan penerimaan

beasiswa beserta nilai

dan perangkingan

Pengguna Kebutuhan Fungsional

Pendaftar

1. Melakukan pendaftaran

beasiswa dan akun

2. Mengajukan berkas

administrasi

3. Menerima informasi

penerimaan keseluruhan

1. Pengelolaan dan

generate data

pendaftar

2. Pengelolaan berkas

pendaftar

3. Laporan penerimaan

beasiswa keseluruhan

Pengguna Kebutuhan Fungsional

Petugas

Beasiswa

1. Mendapatkan laporan

pendaftaran beasiswa

2. Mengelola berkas pendaftar

3. Melakukan konfirmasi

penerimaan berkas

pendaftaran beasiswa

4. Mendapatkan laporan nilai

tes psikologi

5. Mendapatkan laporan nilai

1. Pengelolaan dan

generate data

pendaftar

2. Pengelolaan berkas

pendaftar

3. Validasi pengelolaan

berkas pendaftar

4. Pengelolaan nilai

Psikotes dan nilai

Page 73: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

49

survey lapangan

6. Melakukan penyeleksian

beasiswa

7. Membuat laporan

penerimaan beasiswa

Survey

5. Pengelolaan nilai

survey lapangan

6. Sistem penyeleksian

dengan menggunakan

metode SAW

7. Pembuatan laporan

penerimaan beasiswa

beserta perangkingan

Pengguna Kebutuhan Fungsional

Petugas

Psikotes

1. Mengola dan mengajukan

hasil nilai tes psikologi

pendaftar beasiswa.

1. Pengelolaan nilai

Psikotes

Pengguna Kebutuhan Fungsional

Petugas

Survey

Lapangan

1. Mengola dan mengajukan

hasil nilai survey lapangan

pendaftar beasiswa.

1. Pengelolaan nilai

Survey lapangan

C. Analisis Kebutuhan Non Fungsional

A. Maintainable

Maintainable yang dimaksud adalah kemudahan untuk pemeliharaan data,

karena terdapat data master yang saling terintegerasi dengan data utama dan

Page 74: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

50

menjadi sebuah data inti dari sistem yang dibuat. Sehingga data dapat

dinamis dan mudah untuk melakukan pemeliharaan secara berkala.

B. Security

Security yang dimaksud adalah daris sistem informasi sendiri yang baik

untuk dapat mengatasi sistem yang akan dibuat serta terdapat pembatasan

hak akses.

C. Effectiveness

Effectiveness yang dimaksud disini adalah efektifitas dari sistem itu sendiri,

karena data yang akan diolah berjumlah sekitar ratusan hingga ribuan data

yang akan diolah menjadi sebuah informasi sesuai dengan kebutuhan

pengguna.

3.3.5 IPO Diagram

Input Proses Output (IPO) adalah sebagai salah satu rancangan dalam

berjalannya aplikasi dalam sebuah kebutuhan. IPO sendiri terdiri dari Input yaitu

untuk menginputkan data, Proses yaitu untuk memproses data, lalu Output adalah

berfungsi untuk menghasilkan data yang telah diproses di dalam aplikasi tersebut.

Page 75: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

51

IPO

INPUT PROSES OUTPUT

Pendaftaran calon penerima beasiswa

A

Data pendaftar

Laporan penerimaan beasiswa beserta nilai

Rekap pendaftar

Rekap pendaftar

Pengumpulan berkas pendaftar

Rekap berkas

Rekap berkasValidasi

kelengkapan berkas pendaftar

Data pendaftar

valid

Data nilai Tes Psikologi

Data nilai Tes Survey

Pengumpulan nilai tes psikologi dan

survey

Data nilai psikotes dan nilai survey

B

A

B

Data penilaian seleksi

Data penerima beasiswa

Data penilaian seleksi

Data penerima beasiswa

Pembuatan laporan

penerimaan beasiswa beserta

rangkingD

C

C

D

Proses seleksi dengan metode SAW

1Penentuan bobot

berdasarkan range nilai

2Penjumlahan bobot

berdasarkan range nilai

3Perangkingan hasil nilai akhir dari penjumlahan

pembobotan

Gambar 3. 6 IPO Diagram

A. Input :

- Data Pendaftar yang berisi nama mahasiswa, asal kampus, nama keluarga,

tahun ajaran, angkatan, alamat, kode pos, nomor KTP, nomor ijazah,

jurusan, email, no telepon.

- Data pendaftar yang berisi nama akun/Username dan password pendaftar.

Page 76: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

52

- Data berkas yang berisi data pendaftar yang sudah mendapatkan akun

pendaftar.

- Data pendaftar valid yang berisi berkas yang sudah valid sesuai syarat

beasiswa dan sudah mendapatkan akun pendaftar.

- Data Nilai tes psikotes yang berisi nilai tes psikotes calon mahasiswa

penerima beasiswa

- Data Nilai survey lapangan yang berisi alamat, jumlah anggota keluarga

calon mahasiswa penerima beasiswa

- Data penerimaan beasiswa yang berisi nama mahasiswa yang menerima

beasiswa

- Data penilaian seleksi beasiswa yang berisi nilai dari nama penerima

beasiswa keseluruhan.

B. Proses :

- Pendaftaran calon penerima beasiswa, digunakan untuk mengelola data

pendaftar dan meng generate data agar pendaftar mendapatkan akun dan

password .

- Pengumpulan berkas pendaftar, digunakan untuk pendaftar agar

melengkapi berkas-berkas yang sesuai dengan syarat mendapatkan

beasiswa.

- Validasi kelengkapan berkas pendaftar, digunakan untuk memvalidkan

berkas yang sudah masuk dari pendaftar beasiswa.

- Pengumpulan Tes nilai psikotes, digunakan untuk menampung hasil nilai

para mahasiswa yang mendaftar beasiswa.

- Pengumpulan Tes nilai survey lapangan, digunakan untuk menampung

Page 77: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

53

penilaian terkait survey di lapangan

- Penyeleksian menggunakan metode SAW, digunakan untuk tahap akhir

dalam penyeleksian, yang berfungsi untuk mengetahui mahasiswa yang

berhak menerima beasiswa dari Dinas Pendidikan Kota Surabaya.

- Proses penentuan pembobotan berdasarkan range nilai didapatkan dari

nilai IPK, Total penghasilan orang tua, Nilai tes psikologi, Umur, Jumlah

anggota keluarga, jumlah nilai survey

- Proses penjumlahan bobot berdasarkan range nilai dari kriteria yang sudah

dijadikan bilangan fuzzy rumus yang di pakai adalah R = R1 + R2 +….+

Rn untuk menjumlahkan bobot kriteria.

- Proses perangkingan hasil nilai akhir dari penjumlahan nilai pembobotan

dengan rumus V = R1 + R2 +….+ Rn sebagai penjumlahan dan

mendapatkan nilai rangking dan diurutkan dari nilai bobot akhir terbesar

ke yang terkecil

- Pembuatan laporan penerimaan beasiswa beserta rangking, digunakan

untuk pembuatan laporan penerimaan, sera perangkingan dan nilai seleksi

keseluruhan.

C. Output

- Daftar pendaftar, kumpulan data mahasiswa yang mendaftar beasiswa.

- Data berkas, kumpulan berkas pendaftar yang mendaftar beasiswa.

- Data pendaftar valid, kumpulan data dan berkas pendaftar yang valid.

- Data nilai psikotes dan survey lapangan, kumpulan nilai dari tes psikotes

dan survey lapangan.

- Data penilaian seleksi, kumpulan nilai dari hasil seleksi

Page 78: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

54

- Data penerimaan beasiswa, kumpulan data nama yang mendapatkan

beasiswa keseluruhan

- Laporan penerimaan beasiswa beserta nilai, kumpulan nama dan nilai akhir

penerimaan beasiswa.

3.3.6 Workflow Aplication

Workflow Aplication adalah sebuah rancangan dalam bentuk gambar

diagram yang berfungsi untuk melihat jalannya sebuah aplikasi sesuai kebutuhan

penggunanya.

Gambar 3. 7 Workflow Aplication

Page 79: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

55

Workflow Aplication adalah gambaran dan rancangan aplikasi yang sudah

di implementasikan dan sesuai dengan kebutuhan pengguna. Dimulai dari

pendaftaran beasiswa, pendaftar dapat mendaftar via web dan dapat diakses

dimana saja. Pendaftar mendaftar dan mendapatkan akun dan password yang

berfungsi untuk proses mengunggah berkas sesuai dengan persyaratan pendaftaran

beasiswa. Setelah mengunggah berkas, bagian petugas beasiswa menerima berkas

dan memvalidasi berkas pendaftar. Jika berkas telah valid, maka petugas beasiswa

memberikan data pendaftar ke petugas psikotes dan petugas survey . Petugas

psikotes mendapatkan email dari petugas beasiswa dan memulai seleksi pendaftar.

Setelah proses penilaian maka petugas psikotes merekap dan mengunggah hasil

tes pendaftar ke petugas beasiswa. Begitu juga dengan petugas survey , petugas

survey menilai dan merekap dan mengirim ke petugas beasiswa. Petugas

beasiswa menerima data nilai survey dan data nilai petugas survey , setelah itu

petugas survey melakukan seleksi dengan menggunakan metode SAW. Hasil

seleksi berupa rangking, dalam perangkingan dapat dilihat data penilaian seleksi

dan data penerima beasiswa secara keseluruhan. Petugas beasiswa membuat

laporan penerima beasiswa beserta rangking. Kepala dinas menerima laporan

penerimaan beasiswa keseluruhan.

3.3.7 Kesimpulan Sebelum dan Sesudah Menggunakan Sistem Aplikasi

Saat ini dapat dilihat bahwa dinas pendidikan kota Surabaya masih

menggunakan sistem manual, yaitu mulai dari pendaftaran, seleksi, hingga

penerimaannya yang membuat memakan waktu lama, penyimpanan berkas yang

tidak terarsip dengan baik, pembuatan laporan kurang akurat. Dengan adanya

Page 80: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

56

sistem aplikasi ini maka membantu proses pendaftaran, penginputan nilai,

verivikasi berkas, seleksi beasiswa, penerimaan serta pembuatan laporan secara

real time ditambah lagi data pendaftar tidak hilang dan terimpan pada database

sesuai dengan periode pendaftaran beasiswa.

3.3.8 Perencanaan Perancangan Sistem

Tahapan Planning juga termasuk di dalam sub bab Analisis Sistem karena

didalamnya terdapat perencanaan jadwal pengembangan sistem aplikasi yang

akan menjadi solusi permasalahan dari penelitian ini.

Tabel 3. 4 Jadwal Penelitian

3.3 System Design

Pada tahap ini mengembangkan spesifikasi untuk perangkat keras,

perangkat lunak, orang, jaringan dan sumber data dan produk informasi yang akan

memenuhi persyaratan fungsional dari sistem informasi bisnis yang diusulkan

serta mengembangkan model logis dari sistem yang baru.

Page 81: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

57

3.3.1 Unified Modelling Language (UML)

Unified Modelling Language merupakan proses modeling yang

menggambarkan keseluruhan proses atau data yang mendukung jalannya transaksi

dan aplikasi serta aktifitas yang akan dilakukan oleh aktor seperti diagram berikut.

A. Use-case Business Diagram

Business Use-case Model merupakan model yang menggambarkan sebuah

proses bisnis dari sebuah bisnis atau organisasi dan interaksi dari proses tersebut

dengan pihak luar, seperti para customer dan patners. Model ini juga dapat

memperjelas konteks bisnis dari sistem software yang akan dibuat.

Memodelkan sebuah proses bisnis merupakan bagian yang penting dalam

rekayasa software. Hal ini akan sangat membantu untuk menangkap garsi besar

skema dan prosedur yang menentukan apa yang dikerjakan suatu bisnis.

Gambar 3. 8 Business Use-case Diagram

Page 82: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

58

Pada gambar 3.7 menggambarkan bahwa pendaftar mendaftarkan

beasiswa. Setelah mendaftar, peserta mendapatkan informasi dan syarat untuk

memenuhi syarat beasiswa. Petugas beasiswa bertugas untuk menerima dan

menampung data, berkas dan nilai dari petugas survey dan petugas psikotes.

Petugas survey bertugas untuk menyetorkan nilai ke petugas beasiswa. Petugas

psikotes juga bertugas untuk menyetorkan nilai pendaftar ke petugas beasiswa.

Petugas beasiswa menyeleksi dan melakukan perangkingan penerimaan beasiswa,

lalu di buatkan laporan untuk diserahkan ke kepala dinas Pendidikan

B. Activity Diagram

Diagram aktivitas menggambarkan sebuah fungsionalitas sistem yang

terjadi pada suatu perusahaan yang beroperasi. Diagram aktivitas ini adalah

sebuah cara untuk menggambarkan dan memodelkan aliran kerja dari use case.

Dalam usecase diagram dapat juga digunakan untuk menggambarkan aliran

kejadian dalam sebuah instanasi atau perusahaan. Pemodelan ini menggambarkan

aliran bisnis yang belum menggunakan sistem aplikasi. Dalam pemodelan ini

menunjukkan langkah-langkah aliran kerja dan titik-titik keputusan di dalam

aliran kerja. Berikut ini adalah Activity Diagram yang menggambarkan proses

pendaftaran beasiswa dapat dilihat pada Gambar 3.8

1. Activity Diagram Mendaftar Beasiswa

Diagram aktifitas menggambarkan aliran fungsional sistem yang terjadi

pada suatu proses bisnis yang terjadi. Diagram aktivitas adalah sebuah cara untuk

memodelkan aliran kerja dari use case diagram ke dalam bentuk grafik. Dalam

use case diagram dapat juga digunakan untuk menggambarkan aliran kejadian.

Diagram ini menunjukkan langkah-langkah di dalam aliran kerja, titik-titik

Page 83: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

59

keputusan didalam aliran kerja, siapa yang bertanggung jawab menyelesaikan

masing-masing langkah, dan objek-objek yang digunakan dalam aliran kerja.

Diagram aktivitas dalam desain Pendaftaran dan Seleksi Beasiswa untuk

kasus Mendaftar Beasiswa dapat digambarkan sebagai berikut :

Gambar 3. 9 Activity Diagram Mendaftar Beasiswa

Aktivitas pertama diawali dengan pendaftar melakukan pendaftaran

beasiswa ke dinas Pendidikan. Proses selanjutnya, pendaftar wajib mengisikan

data fomulir pendaftar yang telah didapat dari petugas beasiswa. Setelah proses

pengisian data, pendaftar menyerahkan berkas yang dibutuhkan untuk syarat

mendapatkan beasiswa. Petugas beasiswa menerima syarat berkas pendaftaran

beasiswa dari pendaftar. Pada proses penerimaan berkas pendaftar. Petugas

beasiswa melakukan validasi berkas yang sudah ada untuk proses selanjutnya.

Page 84: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

60

2. Activity Diagram Pengumpulan Data dan Nilai

Memproses pengumpulan data dan nilai merupakan respon dari petugas

beasiswa. Petugas beasiswa berwenang untuk mengumpulkan data pendaftar dan

data nilai dari petugas psikotes dan petugas survey lapangan. Pada aktivitas ini,

Petugas survey hanya melakukan pengumpulan data. Pada Gambar 3.9 terlihat

bahwa ada tiga swimlane yaitu bagian petugas beasiswa, petugas psikotes, dan

petugas survey lapangan. Aktivitas pertama diawali dengan penerimaan data

pendaftar oleh petugas beasiswa. Petugas beasiswa menerima data pendaftar yang

berupa berkas syarat untuk mendapatkan beasiswa. Petugas beasiswa selanjutnya

melakukan verivikasi berkas yang sudah terkumpul. Setelah data dan berkas

pendaftar dinyatakan valid, maka data tersebut di simpah di database data dan

nilai. Selanjutnya, petugas psikotes menginputkan nilai psikotes pendaftar dan

masuk dalam database data dan nilai, begitupun juga dengan petugas survey ,

petugas survey juga menginputkan nilai sesuai dengan penilaian survey

lapangan. Selanjutnya akan dilanjutkan pada proses seleksi beasiswa.

Page 85: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

61

Gambar 3. 10 Activity Diagram Pengumpulan Data dan Nilai

3. Activity Diagram Seleksi Beasiswa

Aktivitas pada proses ini adalah untuk melakukan seleksi calon penerima

beasiswa. Aktivitas pertama yang dilakukan oleh petugas beasiswa adalah

petugas beasiswa sudah mendapatkan data pendaftar beserta berkas dan nilai

psikotes dan survey lapangan. Jika data sudah terkumpul pada database maka

langkah selanjutnya adalah proses seleksi dengan menggunakan metode SAW.

Proses ini hanya sampai pada aktivitas seleksi beasiswa.

Page 86: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

62

Gambar 3. 11 Activity Diagram Pengumpulan Data dan Nilai

4. Activity Diagram Melakukan Perangkingan dan Laporan Penerimaan

Beasiswa

Aktivitas terakhir pada proses ini dapat dilihat pada Gambar 3.11, pada

gambar tersebut mempunyai 2 swimlane, yaitu petugas beasiswa dan kepala dinas

Pendidikan. Aktivitas dimulai pada petugas beasiswa, yang melakukan seleksi

beasiswa sesuai data yang ada pada database . Selanjutnya hasil a seleksi dengan

menggunakan metode SAW. Data menunjukkan berapa siswa penerima beasiswa.

Proses selanjutnya adalah pemberian informasi melalui akun pendaftar beasiswa,

jika pendaftar diterima maka melanjutkan pada proses pembuatan laporan

penerima beasiswa serta proses perangkingan. Laporan dibuat oleh petugas

beasiswa dan akan dilaporkan kepada kepala dinas Pendidikan kota Surabaya

untuk ditindak lanjuti.

Page 87: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

63

Gambar 3. 12 Activity Diagram Perangkingan dan Penerima Beasiswa

3.3.2 Usecase System Diagram

Use-case System Diagram menyatakan arsitektur sebuah proses bisnis dan

mendiskusikan bagaimana sebuah proses bisnis berhubungan dengan actor bisnis

(Business Actor). Actor dalam sebuah business use-case menggambarkan sebuah

peran seseorang atau suatu yang berinteraksi atau berhubungan dengan bisnis

proses tersebut, sebuah sistem informasi yang berhubungan dengan bisnis proses

pun dapat dikatakan sebagai actor bisnis.

Page 88: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

64

Gambar 3. 13 Use-case System Diagram

Pada gambar 3.12 menggambarkan aktfititas berbentuk Use-case System

Diagram yang dimana dapat diketahui aktifitas actor yang dimulai dari pendaftar.

Actor pendaftar melakukan kegiatan mendaftar beasiswa melalui website, setelah

mendaftar, pendaftar mendapatkan Username dan password . Username dan

password digunakan untuk masuk kedalam akun pendaftar yang berfungsi untuk

mengunggah berkas persyaratan beasiswa. Pendaftar juga mendapatkan informasi

diterima atau tidaknya beasiswa melalui website. Actor selanjutnya adalah petugas

beasiswa yang memiliki aktifitas untuk menerima data pendaftar, menerima

berkas pendaftar serta memiliki peran menampung nilai psikotes dari petugas

psikotes dan menampung nilai survey dari petugas survey . Setelah data dan nilai

diterima maka proses selanjutnya yang dilakukan oleh petugas survey adalah

melakukan penyeleksian dengan menggunakan metode SAW. Hasil dari seleksi

menghasilkan perangkingan dan status diterimanya atau tidaknya beasiswa lalu

mengirimkan laporan ke kepala dinas untuk ditindak lanjuti. Petugas psikotes

hanya bertugas untuk menginputkan nilai psikotes pendaftar. Actor selanjutnya

adalah pada petugas survey yang berfungsi untuk menginputkan nilai survey

Page 89: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

65

lapangan. Aktor terakhir adalah kepala dinas Pendidikan, kepala dinas Pendidikan

hanya mendapatkan laporan akhir saja.

3.3.3 Activity Diagram

Dalam membangun sebuah sistem aplikasi diperlukan adanya diagram

yang berfungsi untuk menjelaskan detail aktivitas yang terjadi pada setiap use

case yang ada. Activity Diagram ini digunakan untuk menggambarkan aliran

kejadian pada use case diagram dan menguraikan secara detail apa yang User

lakukan dalam proses aliran kerjanya. Dalam pemodelan Activity Diagram ini

dapat diasumsikan bahwa aktivitas yang ada menggambarkan otomatisasi sistem

informasi. Tujuan dari pembuatan Activity Diagram dalam sebuah rancangan dan

pemodelan aliran kerja yang dilakukan pada perusahaan dan instansi terkait,

karena dalam Activity Diagram sistem akan bekerja sesuai dengan kebutuhan

User.

Activity Diagram ada pada sistem aplikasi ini akan digambarkan dengan

menggunakan Activity Diagram yang sudah ada sebelumya. Model activity ini

bisa digunakan untuk mewakili pemodelan secara grafis dan diagram aliran

kejadian (Activity Diagram). Karena desain sistem aplikasi ini adalah sebuah

rancangan untuk website, maka akan ada penggunaan kata-kata dan istilah yang

ada pada aplikasi web, Activity Diagram yang ada diantaranya sebagai berikut :

A. Activity Diagram Mendaftar Beasiswa

Aktivitas pertama yang akan dilakukan oleh pendaftar adalah mendaftar

beasiswa. Langkah aktivitas yang dilakukan adalah User wajib membuka web

dinas Pendidikan kota Surabaya yaitu pada www.diknassby.org. Sistem akan

Page 90: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

66

menampilkan yang berisi daftar, syarat dan panduan, berita dan pengumuman,

hubungi kami, dan terakhir login.

Gambar 3. 14 Activity Diagram Mendaftar Beasiswa

Langkah awal pendaftar setelah membuka web dinas pendidikan kota

Surabaya adalah memilih menu daftar. Sistem menampilkan form yang wajib diisi

oleh pendaftar. User menginputkan Username dan password untuk pembuatan

akun yang berfungsi untuk mengunggah berkas. Setelah mendapatkan Username

dan akun, User memilih menu login untuk masuk ke akun pendaftar.

Page 91: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

67

B. Activity Diagram Mendapatkan Akun dan Password

Aktivitas kedua dari proses bisnis ini adalah menjelaskan proses pendaftar

atau User mendapatkan akun dan password untuk melakukan proses upload

berkas sebagai syarat untuk mendaftar beasiswa.

Gambar 3. 15 Activity Diagram Mendapatkan Akun dan Password

Aktivitas yang dilakukan oleh pendaftar yaitu sistem menampilkan form

daftar yang wajib di isi, pendaftar wajib mengisi form Username yang berupa

email dan password pendaftar. Jika form sudah di isi semua maka pendaftar

wajib mencentang kolom persetujuan, jika kolom tidak di centang maka akan

Page 92: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

68

muncul notifikasi harus di klik untuk ke proses selanjutnya. Setelah proses itu,

pendaftar mendapatkan Username dan password yang digunakan pada dashboard

dan pilih menu login untuk masuk ke akun pendaftar.

C. Activity Diagram Mengumpulkan Berkas Pendaftar

Pengumpulan berkas pendaftar adalah suatu proses dan syarat mutlak

untuk mendapatkan beasiswa. Proses pengumpulan berkas ini bertujuan agar

petugas beasiswa dan petugas survey dapat mengetahui kebenaran dan bukti dari

pendaftar. Pendaftar wajib mengunggah berkas ke dalam form yang disediakan

oleh sistem. Langkah awal pendaftar masuk ke web dinas pendidikan, dan klik

login untuk masuk ke akun. Sistem akan menampilkan form yang harus diisi oleh

pendaftar selanjutnya 2, pada step 2 sistem akan menampilkan form upload berkas

sesuai dengan kebutuhan pendaftaran beasiswa. Jika sudah klik simpan/proses di

bagian bawah untuk proses penyimpanan ke dalam database dinas pendidikan.

Page 93: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

69

Gambar 3. 16 Activity Diagram Mengumpulkan Berkas Pendaftar

D. Activity Diagram Mendapatkan Informasi Beasiswa

Mendapatkan informasi beasiswa sangat penting diketahui oleh pendaftar,

dalam proses ini pendaftar dapat mengetahui apakah dirinya mendapatkan

beasiswa atau tidak melalui akun yang sudah ada. Pada gambar 3.15 dapat

diketahui proses awal mendapatkan informasi penerimaan beasiswa.

Page 94: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

70

Gambar 3. 17 Activity Diagram Mendapatkan Informasi Beasiswa

E. Activity Diagram Menerima Data Pendaftar

Pada aliran kerja kelima adalah proses dimana petugas beasiswa

mendapatkan data pendaftar beasiswa melalui web admin pada dinas pendidikan.

Diawali dengan petugas beasiswa masuk pada web admin dan memasukkan

Username dan password admin. Sistem akan menampilkan menu pada dashboard

admin, petugas beasiswa memilih menu pendaftar untuk mengecek kelengkapan

data pendaftar. Jika kelengkapan data pendaftar kurang maka petugas beasiswa

berhak memilih kolom tolak, jika kelengkapan pendaftar sesuai dengan syarat

pendaftaran maka petugas beasiswa memilih kolom centang untuk melanjutkan ke

proses seleksi beasiswa dengan menggunakan metode SAW.

Page 95: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

71

Gambar 3. 18 Activity Diagram Menerima Data Pendaftar

F. Activity Diagram Menerima Berkas Pendaftar

Diawali dengan petugas beasiswa masuk pada web admin dan

memasukkan Username dan password admin. Sistem akan menampilkan menu

pada dashboard admin, petugas beasiswa memilih menu pendaftar untuk

mengecek kelengkapan berkas pendaftar. Jika kelengkapan berkas pendaftar

kurang maka petugas beasiswa berhak memilih kolom tolak, jika kelengkapan

pendaftar sesuai dengan syarat pendaftaran maka petugas beasiswa memilih

kolom centang untuk melanjutkan ke proses seleksi beasiswa dengan

menggunakan metode SAW.

Page 96: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

72

Gambar 3. 19 Activity Diagram Menerima Berkas Pendaftar

G. Activity Diagram Menerima Nilai Psikologi

Aliran kerja di proses ini adalah petugas menerima nilai psikologi untuk

kriteria seleksi menggunakan metode SAW. Langkah dimulai dari petugas

beasiswa di dashboard web admin, petugas beasiswa memilih menu seleksi

mahasiswa untuk mengetahui nilai psikotes yang telah di inputkan oleh petugas

psikotes. Nilai psikotes akan mucul setelah petugas psikotes menilai, dan petugas

psikotes dapat menilai setelah proses penerimaan dan validasi data dan berkas

oleh petugas beasiswa.

Page 97: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

73

Gambar 3. 20 Activity Diagram Menerima Nilai Psikotes

H. Activity Diagram Menerima Nilai Survey

Aliran kerja di proses ini adalah petugas beasiswa menerima nilai survey

untuk kriteria seleksi menggunakan metode SAW. Langkah dimulai dari petugas

beasiswa di dashboard web admin, petugas beasiswa memilih menu seleksi

mahasiswa untuk mengetahui nilai survey yang telah di inputkan oleh petugas

survey . Nilai survey akan mucul setelah petugas survey menginputkan nilai, dan

petugas survey dapat menilai setelah proses penerimaan dan validasi data dan

berkas oleh petugas beasiswa.

Page 98: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

74

Gambar 3. 21 Activity Diagram Menerima Nilai Survey

I. Activity Diagram Melakukan Seleksi Beasiswa

Proses seleksi beasiswa ini menggunakan metode SAW, Sebelum masuk

pada proses seleksi, langkah awal adalah sistem menampilkan menu seleksi

beasiswa, petugas dapat melihat nilai dari kriteria yang dibutuhkan untuk proses

seleksi. Diantaranya kriteria Nilai Ipk, Umur, Penghasilan Orangtua, Jumlah

Saudara Kandung, Nilai Psikotes, dan terakhir adalah Nilai Survey . Kriteria ini

mempunyai skor masing-masing. Penilaian seleksi dapat bekerja dari total

keseluruhan skor yang didapat dijumlahkan. Proses seleksi sendiri mempunyai

output yaitu penerimaan, sebelum masuk penerimaan petugas beasiswa

menginputkan batas kuota pendaftar yang akan mendapatkan beasiswa. Sistem

akan mengambil dari skor terbesar ke skor terkecil dari batas kuota yang sudah

ditentukan oleh pihak dinas pendidikan melalui petugas beasiswa.

Page 99: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

75

Gambar 3. 22 Activity Diagram Melakukan Seleksi Beasiswa

J. Activity Diagram Melakukan Perangkingan dan Penerimaan Beasiswa

Perangkingan diurutkan dari hasil seleksi mulai dari skor tertinggi hingga

skor paling terendah, sedangkan penerimaan dapat terjadi jika hasil dari

perangkingan di sertakan dengan kuota batas penerimaan beasiswa. Langkah awal

dari proses perangkingan dan penerimaan adalah dari sistem, sistem mengambil

total skor pendaftar dari database lalu sistem mengurutkan skor nilai tertinggi

hingga terendah yang akan menghasilkan perangkingan. Selanjutnya sistem

menyeleksi dengan Batasan kuota penerima yang diinputkan oleh petugas

Page 100: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

76

beasiswa, hasil dari proses tersebut adalah pendaftar mendapatkan informasi.

Sistem akan menampilkan informasi penerimaan dengan status mahasiswa

mendapatkan beasiswa atau tidak. Sistem akan mengirim status ke akun pendaftar

Gambar 3. 23 Activity Diagram Melakukan Perangkingan dan Penerimaan

K. Activity Diagram Melakukan Pembuatan Laporan

Langkah awal yang akan dilakukan agar proses pembuatan laporan

berjalan lancer adalah petugas membuka dashboard web admin, lalu pilih menu

mahasiswa penerima beasiswa. Sistem akan menampilkan kolom cetak, jika

kolom tersebut di klik dengan otomatis sistem akan mengirimkan laporan

penerimaan beasiswa ke akun kepala dinas pendidikan Surabaya.

Page 101: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

77

Gambar 3. 24 Activity Diagram Melakukan Pembuatan Laporan

L. Activity Diagram Melakukan Penginputan Nilai Psikotes

Penginputan nilai pada sistem aplikasi yang dibuat memiliki 2 nilai, yaitu

nilai psikotes dan nilai survey . Penilaian ini adalah salah satu kriteria

penyeleksian dengan menggunakan metode SAW. Pada proses ini setiap petugas

penilaian mendapatkan akun berbeda dengan petugas beasiswa, karena petugas

psikotes dapat menginputkan nilai jika petugas beasiswa mengvalidkan data dan

berkas pendaftar. Langkah awal yang dilakukan petugas psikotes untuk

menginputkan nilai adalah pertama petugas psikotes masuk ke halaman web

admin, kemudian petugas psikotes memasukkan Usernamne dan password . Jika

Page 102: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

78

sudah maka sistem akan memunculkan dashboard pendaftar, klik pendaftar maka

sistem akan menampilkan jumlah pendaftar yang akan di inputkan nilainya dari

skor 1-100, jika sudah menginput nilai petugas psikotes klik approve untuk

dikirim ke web database dinas pendidikan Surabaya, data tersebut akan diterima

oleh petugas beasiswa dan langsung secara otomatis dimasukkan oleh sistem ke

proses penyeleksian dengan menggunakan metode SAW.

Gambar 3. 25 Activity Diagram Melakukan Pembuatan Laporan

Page 103: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

79

M. Activity Diagram Melakukan Penginputan Nilai Survey

Penginputan nilai pada sistem aplikasi yang dibuat memiliki 2 nilai, yaitu

nilai psikotes dan nilai survey . Penilaian ini adalah salah satu kriteria

penyeleksian dengan menggunakan metode SAW. Pada proses ini setiap petugas

penilaian mendapatkan akun berbeda dengan petugas beasiswa, karena petugas

survey dapat menginputkan nilai jika petugas beasiswa mengvalidkan data dan

berkas pendaftar. Langkah awal yang dilakukan petugas survey untuk

menginputkan nilai adalah pertama petugas survey masuk ke halaman web

admin, kemudian petugas survey memasukkan Usernamne dan password . Jika

sudah maka sistem akan memunculkan dashboard pendaftar, klik pendaftar maka

sistem akan menampilkan jumlah pendaftar yang akan di inputkan nilainya dari

skor 1-100, jika sudah menginput nilai petugas survey klik approve untuk dikirim

ke web database dinas pendidikan Surabaya, data tersebut akan diterima oleh

petugas beasiswa dan langsung secara otomatis dimasukkan oleh sistem ke proses

penyeleksian dengan menggunakan metode SAW.

Page 104: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

80

Gambar 3. 26 Activity Diagram Melakukan Penginputan Nilai Survey

N. Activity Diagram Mendapatkan Laporan Perekapan Nilai

Perangkingan dan Penerimaan Beasiswa

Aliran kerja terakhir adalah terletak pada kepala dinas pendidikan yang

bertugas hanya mendapatkan laporan data dari hasil perangkingan dan data

penerimaan beasiswa yang dapat di cetak untuk proses lebih lanjut. Langkah awal

untuk mendapatkan rakapan nilai rangking dan penerimaan beasiswa adalah

Page 105: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

81

Kepala dinas pendidikan masuk ke dashboard web admin, jika sudah masuk

kepala dinas menginputkan Username dan password akun. Selanjutnya sistem

akan menampilkan laporan perangkingan dan laporan penerima beasiswa, kedua

menu tersebut dapat di cetak melalui kolom cetak. Sistem akan mengola

pencetakan laporan ke dalam bentuk PDF yang dapat langsung di print.

Gambar 3. 27 Activity Diagram Mendapatkan Laporan Nilai Perangkingan dan

Penerimaan Beasiswa

O. Activity Diagram Penyeleksian Menggunakan Metode SAW

Aliran kerja terakhir adalah proses penyeleksian menggunakan metode

SAW yang dirancang menggunakan Diagram Activity. Dalam proses aliran kerja

ini dimulai pada saat petugas beasiswa menentukan nilai bobot dan nilai bobot

Page 106: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

82

alternative, awal perhitungan dimulai dari proses validasi pendaftar sistem secara

otomatis menghitung inputan nilai ipk, umur, penghasilan, jumlah saudara.

Perhitungan di konversikan ke kriteria alternative setelah sudah terkonversi maka

perhitungan selanjutnya adalah dikalikan ke nilai bobot setiap kriteria, hasil akan

disimpan pada total nilai sementara. Petugas survey dan petugas psikotes dapat

menginputkan nilai setelahnya, sama dengan proses perhitungan sebelumnya

perhitungan petugas survey dan psikotes dikonversikan terlebih dahulu lalu di

kalikan dengan nilai bobot kriteria psikotes dan survey hasil dari penjumlahan

digabung dan dijumlahkan dengan total nilai sementara. Dari penjumlahan nilai

keseluruhan maka pendaftar mendapatkan nilai total keseluruhan dan sistem akan

merangking dari jumlah skor tertinggi ke skor terendah.

Gambar 3. 28 Activity Diagram Proses Perhitungan SAW

Page 107: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

83

3.3.4 Sequence Diagram

Sequence diagram adalah yang digunakan untuk melihat behavior objek

didalam use case tunggal. Sequence diagram juga sangat membantu dalam

melihat interaksi antar objek yang ada pada sistem dan berdasarkan pada urutan

waktu awal hingga akhir. Dalam sequence diagram terdapat stereotype antara lain

boundary untuk mendefinisikan beberapa objek tertentu sepeti GUI (web page),

class control untuk mengontrol angka dan jalannya sebuah program kedalam

logika program dan terakhir adalah entity untuk mewakili dimana data itu

disimpan. Pada desain pembuatan sistem aplikasi ini yang berbasis website maka

akan diperlihatkan diagram tahap demi tahap apa yang seharusnya terjadi untuk

menghasilkan sesuatu di dalam use case itu sendiri. Sequence diagram yang akan

dibuat akan dijelaskan sebagai berikut :

A. Sequence Diagram Mendaftar Beasiswa

Pada sequence diagram yang ditunjukkan pada gambar 3.25 terdapat

beberapa objek yaitu diantaranya adalah pendaftar, form daftar, control dan

database pendaftar. Mendaftar beasiswa dimulai saat User memilih menu daftar

lalu mengisi form dengan menginputkan data diri dari nama, Username, password

, data nama orang tua, kartu keluarga, dan terakhir mendaftar dari kampus mana,

program jurusan, klik centang untuk menyetujui. Form daftar menjalan fungsi

request halaman pendaftaran, menampilkan form pendaftaran, lalu yang fungsi

terakhirnya adalah menyimpan data pendaftar ke dalam database pendaftar.

Page 108: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

84

Gambar 3. 29 Sequence Diagram Mendaftar Beasiswa

Page 109: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

85

B. Sequence Diagram Mendapatkan Username dan Password Akun

Pada sequence diagram yang ditunjukkan pada gambar 3.25 memilik 4

objek yaitu pendaftar sebagai user, pendaftaran/daftar akun, control dan terakhir

adalah database pendaftar. Dimulai dari pendaftar/user, yang dimana di awal

pendaftar harus masuk kedalam halaman daftar, user mengisi form yang

disediakan oleh sistem, setelah proses pengsisian pendaftar harus klik daftar untuk

mendapatkan akun. Fungsi setelah user telah menekan tombol daftar, ssistem akan

menyimpan data pendaftar ke dalam database pendaftar. user dapat menjalankan

dan masuk ke akun setelah memilih menu login, user menginputkan Username

dan password .

Page 110: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

86

Gambar 3. 30 Sequence Diagram Mendapatkan Username dan Password Akun

Page 111: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

87

C. Sequence Diagram Mengumpulkan Berkas Pendaftar

Pada sequence diagram yang ada pada gambar 3.26 memiliki 4 fungsi

untuk menjalan kan sistem yang mengatur untuk mengumpulkan berkas pendaftar.

Fungsi pertama adalah pendaftar, pendaftar pertama mengakses halamanlogin(),

sistem akan memproses yaitu requesthalamanlogin(), sistem akan menampilkan

form Username dan password yang harus diinputkan oleh pendaftar yang sudah

memiliki akun. Sistem akan requesthalamanlogin(), sistem akan mengambil data

pendaftar yang sudah tersimpan pada dbpendaftar(), jika sudah sistem akan

menampilkan halaman daftar step satu dan form. Pendaftar mengisi

formhalamandaftarstep1(), jika sudah pendaftar klik tombolnext(), sistem akan

merequesthalamandaftarstep2(), sistem menampilkan halamanformstep2(), klik

tombolchosefile() untuk mengupload berkas, lalu klik tombolsimpan(), sistem

akan requestsimpandatapendaftar(), jika selesai sistem akan menyimpan data

pendaftar ke Database datacalon.

Page 112: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

88

Gambar 3. 31 Sequence Diagram Mengumpulkan Berkas Pendaftar

D. Sequence Diagram Mendapatkan Informasi Beasiswa

Pada gambar 3.27 dapat digambarkan proses kinerja pendaftar

mendapatkan informasi tentang mendapatkan atau tidaknya beasiswa dari dinas

pendidikan kota Surabaya. Dimulai pada pendaftar masuk ke akun pendaftar,

Page 113: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

89

pendaftar masuk ke halaman akun pendaftar yang didalamnya terdapat status

menerima atau tidaknya beasiswa. Halaman akun pendaftar meminta database

dari dbbeasiswa untuk menentukan status pendaftar tersebut

Gambar 3. 32 Sequence Diagram Mendapatkan Informasi Beasiswa

E. Sequence Diagram Menerima Data Pendaftar

Pada gambar 3.28 sequence diagram menerima data pendaftar yang

memiliki 6 fungsi untuk menjalankan proses menerima data pendaftar. Dimulai

pada actor yang mengakseshalamanadmin() serta memasukkan username dan

password (), pada saat akan masuk login admin halaman admin

requesthalamanadmin() , login admin hanya dapat diakses oleh pihak admin pada

dinas pendidikan. Kembali ke user, user pilihmenupendaftar(), sistem akan

requesthalamanpendaftar(). Pada halaman pendaftar, user yaitu petugas beasiswa

mengecek data pendaftar yang sudah masuk, proses diawali dengan

Page 114: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

90

memasukkanverivikasidatapendaftar(), sistem akan requestdatapendaftar(), jika

valid maka petugas beasiswa mencentang menu approve dan sistem akan

requestsimpandataterverivikasi(), database berhasildisimpan(). Jika petugas

beasiswa saat mengecek dan data pendaftar tidak valid maka petugas beasiswa

mengklik tombol silang datatidakdapatdiverivikasi(), sistem akan

requestdatatidakvalid(), data yang tidak valid akan di simpan pada database

pendaftar lalu akan di teruskan ke akun pendaftar tampildiakunpendaftar().

Gambar 3. 33 Sequence Diagram Menerima Data Pendaftar

Page 115: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

91

F. Sequence Diagram Menerima Berkas Pendaftar

Pada gambar 3.28 sequence diagram menerima data pendaftar yang

memiliki 6 fungsi untuk menjalankan proses menerima data pendaftar. Dimulai

pada actor yang mengakseshalamanadmin() serta memasukkanUsernamedan

password (), pada saat akan masuk login admin halaman admin

requesthalamanadmin() , login admin hanya dapat diakses oleh pihak admin pada

dinas pendidikan. Kembali ke user, Userpilihmenupendaftar(), sistem akan

requesthalamanpendaftar(). Pada halaman pendaftar, user yaitu petugas beasiswa

mengecek data pendaftar yang sudah masuk, proses diawali dengan

memasukkanverivikasidatapendaftar(), sistem akan requestdatapendaftar(), jika

valid maka petugas beasiswa mencentang menu approve dan sistem akan

requestsimpandataterverivikasi(), database berhasildisimpan(). Jika petugas

beasiswa saat mengecek dan data pendaftar tidak valid maka petugas beasiswa

mengklik tombol silang datatidakdapatdiverivikasi(), sistem akan

requestdatatidakvalid(), data yang tidak valid akan di simpan pada database

pendaftar lalu akan di teruskan ke akun pendaftar tampildiakunpendaftar().

Page 116: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

92

Gambar 3. 34 Sequence diagram Menerima Berkas Pendaftar

G. Sequence Diagram Menerima Nilai Psikologi

Pada gambar 3.30 adalah menerima nilai psikologi, dapat dilihat pada

diagram sequence menerima nilai psikologi memiliki 4 fungsi yang diantaranya

memiliki peran dan fungsi berbeda. Dimulai pada petugas beasiswa yang

merupakan actor, pertama actor akseshalamanwebadmin(), masukkanUsername

Page 117: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

93

danpassword (), actor masuk pada halaman login, sistem akan requesthalaman

admin() untuk masuk ke menuseleksimahasiswa(). Setelah masuk kedalam menu

seleksi, sistem dengan otomatis akan requestdatanilaipsikotes() untuk

menampilkan nilai psikotes yang telah di inputkan, sistem akan

tampilhalamanseleksipendaftar(), terakhir actor dapat melihat nilai psikotes yang

ada di halaman seleksi pendaftar.

Gambar 3. 35 Sequence Diagram Menerima Nilai Psikotes

Page 118: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

94

H. Sequence Diagram Menerima Nilai Survey

Pada gambar 3.30 adalah menerima nilai survey , dapat dilihat pada

diagram sequence menerima nilai survey memiliki 4 fungsi yang diantaranya

memiliki peran dan fungsi berbeda. Dimulai pada petugas beasiswa yang

merupakan actor, pertama actor akseshalamanwebadmin(), masukkanUsername

danpassword (), actor masuk pada halaman login, sistem akan requesthalaman

admin() untuk masuk ke menuseleksimahasiswa(). Setelah masuk kedalam menu

seleksi, sistem dengan otomatis akan requestdatanilaisurvey () untuk

menampilkan nilai survey yang telah di inputkan, sistem akan

tampilhalamanseleksipendaftar(), terakhir actor dapat melihat nilai survey yang

ada di halaman seleksi pendaftar.

Page 119: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

95

Gambar 3. 36 Sequence Diagram Menerima Nilai Survey

I. Sequence Diagram Melakukan Seleksi Beasiswa

Pada gambar 3.32 dapat kita lihat sequence diagram melakukan seleksi

beasiswa. Pada diagram ini memiliki 5 fungsi yang setiap fungsi memiliki peran

kerja masing-masing. Dimulai dari petugas beasiswa sebagai actor yang

mengakseshalamanadmin(), masukkanUsernamedanpassword () kemudian

halaman beasiswa akan requesthalamanadmin(), sistem akan menampilkan

tampilhalaman admin() sesuai request dari halmam seleksi beasiswa. Actor

Page 120: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

96

memilih pilihmenuseleksibeasiswa(). Sistem akan meminta requesthalamanseleksi

beassiwa(), requestperhitungansleksidenganmetodeSAW(),

requestperhitungantotal denganbilanganfuzzy(),

requestpengurutanskorpembobotan() sistem akan mengontrol dan akan meminta

dari database requestdatapendaftar(), requestdatanilaipsikotes(),

requestdatanilaisurvey (). Jika data yang diminta telah terpenuhi, maka akan

ditampilkan pada halaman seleksi beasiswa dengan fungsi

tampilhalamanseleksi(), tampilhasilperhitunganseleksidenganmetodeSAW(),

tampil perhitungantotalskor(), tampilurutanskortertinggihinggaterendah(), jika

sudah di tampilkan pada halaman seleksi beasiswa, maka akan kembali ke actor

yang tidak lain adalah petugas beasiswa yang menjalankan fungsi

pilihkolomkuota(), masukkanjumlahkuota(), pilihtombolproses() jika sudah

menjalankan fungsi pada halaman seleksi beasiswa akan requestsimpandataskor(),

lalu sistem akan menyimpan ke database dengan fungsi

simpandataskorakhirpendaftaran().

Page 121: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

97

Gambar 3. 37 Sequence Diagram Seleksi Beasiswa

Page 122: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

98

J. Sequence diagram Melakukan Perangkingan dan Penerimaan

Beasiswa

Pada gambar 3.32 mrupakan gambaran yang ditujukkan oleh petugas

beasiswa untuk melakukan perangkingan dan penerimaan. Perangkingan dan

penerimaan dapat ditampilkan oleh sistem saat harus requestdatabase beasiswa(),

didalam database beasiswa terdapat data yang berfungsi untuk melakukan fungsi

dari perangkingan dari skor tertinggi hingga skor terendah dan fungsi penerimaan

yaitu berdasarkan dengan kuota yang telah diinput oleh petugas beasiswa.

Page 123: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

99

Gambar 3. 38 Sequence Diagram Perangkingan dan Penerimaan Beasiswa

K. Sequence Diagram Melakukan Pembuatan Laporan

Pada gambar 3.33 adalah fungsi untuk pembuatan laporan, fungsi ini

adalah untuk melihat hasil perangkingan dan penerimaan beasiswa. Dalam

Page 124: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

100

pembuatan laporan ini, petugas beasiswa memilih menu laporan yang berfungsi

untuk melakukan cetak dan kirim otomatis ke kepala dinas pendidikan. Fungsi ini

mengambil data dari database beasiswa yang berisi tentang data penerima dan

perangkingan beasiswa.

Gambar 3. 39 Sequence diagram Pembuatan Laporan

Page 125: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

101

L. Sequence Diagram Penginputan Nilai Psikotes

Pada gambar 3.34 adalah fungsi penginputan nilai psikotes yang

dikhususkan untuk petugas psikotes dalam mengisi nilai psikotes pendaftar.

Proses ini diawali dengan loginnya petugas psikotes yang menjadi actor, sistem

akan menampilkan halaman seleksi psikotes untuk menginputkan nilai pendaftar.

Sistem meminta database dari data calon, setelah itu jika sudah selesai maka

sistem akan menyimpan ke database nilai untuk penyimpanan nilai psikotes.

Page 126: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

102

Gambar 3. 40 Sequence Diagram Penginputan Nilai Psikotes

M. Sequence Diagram Penginputan Nilai Survey

Pada gambar 3.35 adalah fungsi penginputan nilai psikotes yang

dikhususkan untuk petugas psikotes dalam mengisi nilai psikotes pendaftar.

Proses ini diawali dengan loginnya petugas psikotes yang menjadi actor, sistem

Page 127: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

103

akan menampilkan halaman seleksi psikotes untuk menginputkan nilai pendaftar.

Sistem meminta database dari data calon, setelah itu jika sudah selesai maka

sistem akan menyimpan ke database nilai untuk penyimpanan nilai psikotes

Gambar 3. 41 Sequence diagram Penginputan Nilai Survey

Page 128: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

104

N. Sequence Diagram Mendapatkan Rekapan Nilai, Perangkingan dan

Penerimaan Beasiswa

Pada sequence diagram ini dikhususkan untuk kepala dinas yang bertugas

menerima laporan pendaftara, perangkingan, dan status pendaftar yang diterima

atau ditolak.

Gambar 3. 42 Sequence Diagram Mendapatkan Rekapan Nilai, Perangkingan, dan

Penerimaan Beasiswa

3.3.5 Class Diagram

Class Diagram merupakan sebuah jenis objek yang dijalankan dengan

sistem dan berbagai macam hubungan statis yang berada di antara mereka.

Biasanya, diagram ini dibuat untuk menunjukkan dan menjelaskan attribute,

operasi pada sebuah objek yang akan dibangun. Dalam tahapan sebuah

Page 129: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

105

perancangan sistem, class diagram sendiri berperan sebagai penagkap dan

penerjemah struktur dari semua kelas yang membentuk sebuah sistem yang akan

dibuat. Dalam pembuatan aplikasi pendaftaran dan seleksi beasiswa ini akan

dokelompokkan menjadi dalam package arsitektur sebagai berikut :

A. Class Diagram Mendaftar Beasiswa

Pada gambar 3.37 adalah class diagram yang menggambarkan tentang

mendaftar beasiswa, diagram ini memiliki 1 aktor yaitu petugas beasiswa.

Pendaftaran ini adalah syarat untuk mendapatkan akun yang berfungsi untuk

melengkapi data pada halaman pendaftaran beasiswa. Data akun yang sudah

tersimpan akan disimpan ke database pendaftar, pada proses ini pendaftar yang

sebagai actor mendapatkan Username dan password .

Gambar 3. 43 Class Diagram Mendaftar Beasiswa

Page 130: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

106

B. Class Diagram Mendapatkan Username dan Password

Pada gambar 3.42 dapat dijelaskan bahwa mendapatkan beasiswa dan

password dapat diterima apabila actor sudah menyelesaikan penginputan form

pendaftar. Username dan password berfungsi untuk masuk ke halaman akun yang

digunakan untuk mendaftar beasiswa dan mengetahui informasi status diterima

atau tidaknya mendapatkan beasiswa.

Gambar 3. 44 Class Diagram Mendapatkan Username dan Password

C. Class Diagram Mengumpulkan Berkas Pendaftar

Pada gambar 3.43 terdapat 1 aktor yaitu pendaftar, pendaftar dapat

mengumpulkan berkas setelah login ke dalam halaman akun, pengumpulan berkas

pada halaman pendaftaran beasiswa memiliki 2 step, step 1 berisi tentang data

diri, gaji, orang tua, keterangan rumah dan status siswa. Pada halaman step 2

adalah untuk mengupload berkas dalam bentuk gambar. Setelah berkas terkumpul

maka sistem akan menyimpan didalam database datacalon

Page 131: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

107

Gambar 3. 45 Class Diagram Mengumpulkan Berkas Pendaftar

D. Class Diagram Mendapatkan Informasi Beasiswa

Pada halaman mendapatkan beasiswa, dapat diakses oleh pendaftar.

Pendaftar dapat melihat informasi apakah mendapatkan beasiswa atau tidak. Jika

berhasil maka akan tampil pada dashboard akun beasiswa. Jika tidak maka akan

muncul pemeberitahuan pada dashboard jika tidak menerima beasiswa

Page 132: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

108

Gambar 3. 46 Class Diagram Mendapatkan Informasi Beasiswa

E. Class Diagram Menerima Data Pendaftar

Pada gambar 3.45 terdapat 1 aktor yaitu petugas beasiswa, awal

dimulainya proses ini adalah petugas beasiswa masuk ke halaman admin.

Selanjutnya adalah petugas beasiswa memilih menu halaman pendaftar, pada

halaman ini terdapat data pendaftar yang belum di approve. Petugas beasiswa

melakukan validasi data, jika data benar dan komplit maka akan di centang dan

masuk pada database datacalon, tetapi jika petugas beasiswa menekan tombol

silang maka sistem akan otomatis menggugurkan status pendaftaran dan akan

melakukan informasi ke akun pendaftar jika pendaftaran gugur/gagal.

Page 133: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

109

Gambar 3. 47 Class Diagram Menerima Data Pendaftar

F. Class Diagram Menerima Berkas Pendaftar

Pada gambar 3.46 terdapat 1 aktor yaitu petugas beasiswa, awal

dimulainya proses ini adalah petugas beasiswa masuk ke halaman admin.

Selanjutnya adalah petugas beasiswa memilih menu halaman pendaftar, pada

halaman ini terdapat data pendaftar yang belum di approve. Petugas beasiswa

melakukan validasi data, jika data benar dan komplit maka akan di centang dan

masuk pada database datacalon, tetapi jika petugas beasiswa menekan tombol

silang maka sistem akan otomatis menggugurkan status pendaftaran dan akan

melakukan informasi ke akun pendaftar jika pendaftaran gugur/gagal.

Page 134: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

110

Gambar 3. 48 Class Diagram Menerima Berkas Pendaftar

G. Class Diagram Menerima Nilai Psikotes

Pada gambar 3.47 terdapat 1 aktor yaitu petugas beasiswa, petugas

beasiswa memiliki fungsi untuk dapat menerima nilai psikotes. proses ini sangat

penting dikarenakan adalah syarat untuk ke proses penyeleksian dengan

menggunakan metode SAW. Petugas beasiswa membuka halaman seleksi

beasiswa untuk menerima nilai psikotes yang sudah masuk, nilai psikotes

didapatkan dari database nilai yang sebelumnya telah diinputkan oleh petugas

psikotes itu sendiri.

Page 135: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

111

Gambar 3. 49 Class Diagram Menerima Nilai Psikotes

H. Class Diagram Menerima Nilai Survey

Pada gambar 3.48 terdapat 1 aktor yaitu petugas beasiswa, petugas

beasiswa memiliki fungsi untuk dapat menerima nilai survey . proses ini sangat

penting dikarenakan adalah syarat untuk ke proses penyeleksian dengan

menggunakan metode SAW. Petugas beasiswa membuka halaman seleksi

beasiswa untuk menerima nilai survey yang sudah masuk, nilai survey

didapatkan dari database nilai yang sebelumnya telah diinputkan oleh petugas

survey itu sendiri.

Page 136: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

112

Gambar 3. 50 Class Diagram Menerima Nilai Survey

I. Class Diagram Melakukan Seleksi Beasiswa

Pad gambar 3.49 terdapat 1 aktor yaitu petugas beasiswa, petugas

beasiswa ini memiliki aktivitas untuk melakukan seleksi beasiswa dengan

menggunakan metode SAW. Sistem akan mengambil data dari database data

calon dan data nilai yang selanjutnya akan dipakai untuk seleksi denngan

menggunkan metode SAW.

Page 137: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

113

Gambar 3. 51 Class Diagram Melakukan Seleksi Beasiswa

J. Class Diagram Melakukan Perangkingan dan Penerimaan Beasiswa

Pada gambar 3.50 terdapat 1 aktor yaitu petugas beasiswa, petugas

beasiswa ini sendiri melakukan aktivitas untuk melakukan perangkingan dan

penerimaan beasiswa itu sendiri. Perangkingan dan penerimaan berdasarkan nilai

terbesar hingga terkcil dan penerimaan berdasarkan tentang kuota yang diinputkan

oleh petugas beasiswa itu sendiri.

Gambar 3. 52 Class Diagram Melakukan Perangkingan dan Penerimaan Beasiswa

Page 138: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

114

K. Class Diagram Melakukan Pembuatan Laporan

Pada gambar 3.51 terdapat 1 aktor yaitu petugas beasiswa, actor itu sendiri

bertugas untuk melakukan pembuatan laporan yang berisi tentang data

perangkingan dan data penerima beasiswa yang diambil dari database beasiswa.

Database beasiswa adalah kumpulan pendaftar yang menerima beasiswa melalui

seleksi dengan menggunakan metode SAW. Pembuatan laporan hanya cetak dan

otomatis sistem mengirim ke akun kepala dinas pendidikan kota Surabaya.

Gambar 3. 53 Class Diagram Melakukan Pembuatan Laporan

L. Class Diagram Penginputan Nilai Psikotes

Pada gambar 3.52 terdapat 1 aktor yaitu petugas psikotes, yaitu berperan

untuk menginputkan nilai psikotes yang ada pada halaman dashboar petugas

psikotes. petugas psikotes menginputkan nilai 1-100, sistem akan menyimpan data

nilai tersebut kedalam database nilai.

Page 139: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

115

Gambar 3. 54 Class Diagram Penginputan Nilai Psikotes

M. Class Diagram Penginputan Nilai Survey

Pada gambar 3.53 terdapat 1 aktor yaitu petugas survey , yaitu berperan

untuk menginputkan nilai survey yang ada pada halaman dashboar petugas survey

. petugas survey menginputkan nilai 1-100, sistem akan menyimpan data nilai

tersebut kedalam database nilai.

Page 140: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

116

Gambar 3. 55 Class Diagram Penginputan Nilai Psikotes

N. Class Diagram Mendapatkan Rekapan Nilai, Perangkingan dan

Penerimaan Beasiswa

Pada halaman ini adalah berfungsi untuk kepala dinas pendidikan, kinerja

dari kepala dinas pendidikan ini hanya melihat laporan dan mencetak laporan

mulai dari laporan penerima, laporan pendaftar, laporan periode dan laporan

perangkingan. Laporan ini didapat dari database beasiswa yang telah melalui

proses seleksi dan perangkingan pada saat penyeleksian dan perangkingan.

Page 141: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

117

Gambar 3. 56 Class Diagram Mendapatkan Rekapan Nilai, Perangkingan dan

Penerimaan Beasiswa

3.3.6 Statechart Diagram

Statechart diagram adalah gambaran transisi dan perubahan keadaan

(dari satu state ke state lainnya) pada sistem sebagai akibat dari stimulasi yang

diterima seperti dibawah ini :

A. Statechart Diagram Validasi Data Pendaftar

Pada Gambar 3.51 jika validasi syarat dan ketentuan data pendaftar

terpenuhi maka admin akan mengaprove jika tidak memenuhi syarat dan

ketentuan maka admin akan menolak pendaftar.

Page 142: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

118

Gambar 3. 57 Statechart Diagram Validasi Data Pendaftar

B. Statechart Diagram Penerimaan Beasiswa

Pada Gambar 3.52 penerimaan beasiswa diawali dengan progres seleksi

terlebih dahulu, setelah proses seleksi maka progres selanjutnya adalah

perangkingan nilai dan terakhir adalah penerimaan beasiswa yang sesuai dengan

jumlah kuota yang diinputkan sebelumnya oleh petugas beasiswa. Jika masuk

didalam kuota maka pendaftar menerima beasiswa, jika pendaftar tidak masuk

dalam kuota maka dinyatakan gagal menerima beasiswa.

Gambar 3. 58 Statechart Diagram Penerimaan Beasiswa

Page 143: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

119

3.3.7 Component Diagram

Component diagram pada aplikasi pendaftaran dan seleksi beasiswa dinas

pendidikan kota Surabaya mempunyai 3 alur utama yaitu petani dapat melakukan

pengelolaan produk dan memperbarui perkembangan produk investasi, dan admin

dapat melakukan validasi produk maupun pembayaran dan membuat laporan,

serta investor dapat melakukan pembelian investasi As-Salam dan melihat

perkembangan produk yang telah dibeli seperti pada gambar dibawah ini.

Gambar 3. 59 Component Diagram

Page 144: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

120

3.3.8 Deployment Diagram

Deployment diagram memberikan informasi mengenai komponen

perangkat keras dan perangkat lunak apa yang akan digunakan dan berjalan pada

setiap node aeperti aplikasi web, database , dan cara bagian-bagian yang berbeda

tersebut terhubung seperti gambar dibawah ini.

Gambar 3. 60 Deployment Diagram

3.3.9 Desain Struktur Database

Pemetaan adalah sebuah tahap analisis dan desain sistem ke dalam calass

entity yang tidak lain merupakan tahap pengenalan secara dini class atau objek

lain yang nantinya akan menjadi table penyimpanan database . Selain untuk

desain sistem, class ini dipakai untuk mendefinisikan objek bisnis dalam suatu

aplikasi yang akan dibuat. Class jenis ini dipakai untuk pembuatan database

aplikasi itu sendiri.

Dalam pembuatan aplikasi pendaftaran dan seleksi beasiswa pada dinas

pendidikan kota Surabaya didapatkan class maupun objek yang mendukung untuk

pembuatan aplikasi ini. Untuk menjelaskan hal tersebut akan digunakan

Page 145: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

121

penggambaran struktur table dan struktur table yang ada dalam database adalah

sebagai berikut :

1. Nama Tabel : tbladmin

Fungsi : Menyimpan data dan pengelolaan admin

Tabel 3. 5 Struktur Tabel Admin

Field Type Length Constraint

Username Varchar 20 Primary

nama Varchar 200

password Varchar 20

level Char 1

2. Nama Tabel : tbbeasiswa

Fungsi : Menyimpan data penerima beasiswa

Tabel 3. 6 Struktur Tabel Beasiswa

Field Type Length Constraint

no_asuh Char 15 Primary

id_calon_mhs Char 15 Primary

tgl_diterima Date

tgl_berakhir Date

sts_beasiswa Char

3. Nama Tabel : tbldatacalon

Fungsi : Menyimpan data pendaftar yang sudah valid berkas

Page 146: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

122

Tabel 3. 7 Struktur Tabel Data Calon

Field Type Length Constraint

id_data_mhs Char 15 Primary

no_pendaftaran Char 15 Primary

nik Varchar 16

tempat_lahir Varchar 50

tgl_lahir Date

jenis_kelamin Char 1

agama Varchar 15

jml_saudara Int 11

riwayat_pendidikan Text

fakultas Varchar 50

nim Varchar 20

semester Varchar 25

ipk Varchar 2

tempat_lahir_ayah Varchar 50

tanggal_lahir_ayah Date

agama_ayah Varchar 10

pendidikan_ayah Varchar 10

penghasilan_ayah Int 11

telp_ayah Varchar 13

tempat_lahir_ibu Varchar 50

tanggal_lahir_ibu Date

Page 147: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

123

Field Type Length Constraint

agama_ibu Varchar 10

pendidikan_ibu Varchar 25

penghasilan_ibu Int 11

telp_ibu Varchar 13

kepemilikan_rumah Varchar 25

sts_rumah Varchar 15

luas_tanah Int 11

luas_rumah Int 11

bahan_dinding Varchar 50

bahan_lantai Varchar 50

bahan_atap Varchar 50

listrik Char 1

pdam Char 1

telp_rumah Varchar 20

peralatan_elektronik Text

peralatan_rt Text

peralatan_komunikasi Text

keterangan Varchar 200

status_calon Char 1

Page 148: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

124

4. Nama Tabel : tblberita

Fungsi : Menyimpan data berita pada halaman web

Tabel 3. 8 Struktur Tabel Berita

Field Type Length Constraint

id_berita Int 11 Primary

judul Varchar 100

tgl_post Datetime

isi Text

type Type 1

5. Nama Tabel : tblnilai

Fungsi : Menyimpan data psikotes dan survey

Tabel 3. 9 Struktur Tabel Nilai

Field Type Length Constraint

id_calon_mhs Char 15 Primary

ipk Double

penghasilan_ortu Double

survey Double

psikotes Type 1

jml_saudara_kandung Int 11

umur Int 11

nilai_ipk Double

nilai_penghasilan_ortu Double

nilai_survey Double

Page 149: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

125

Field Type Length Constraint

nilai_psikotes Double

nilai_jml_saudara_kandung Double

nilai_umur Double

tgl Datetime

keterangan Varchar 100

6. Nama Tabel : tblpendaftar

Fungsi : Menyimpan data pendaftar

Tabel 3. 10 Struktur Tabel Pendaftar

Field Type Length Constraint

no_pendaftaran Char 16 Primary

id_periode Char 10

password Varchar 20

nama Varchar 50

asal_sekolah Varchar 50

alamat_sekolah Varchar 100

no_telp Varchar 13

email Varchar 50

no_kk Varchar 16

kelurahan_desa Varchar 50

kecamatan Varchar 50

kota_kabupaten Varchar 50

rt_rw Varchar 10

Page 150: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

126

Field Type Length Constraint

kodepos Varchar 10

universitas Varchar 50

jenjang Varchar 5

alamat_kk Text

nama_ayah Varchar 50

nik_ibu Varchar 16

pekerjaan_ibu Varchar 25

foto Varchar 50

berkas_ktp Varchar 50

berkas_kk Varchar 50

berkas_ijazah Varchar 50

berkas_uan Varchar 50

berkas_sk_tidak_mampu Varchar 50

berkas_sk_belum_menikah Varchar 50

berkas_sk_sehat Varchar 50

berkas_akte Varchar 50

keterangan Varchar 100

sts_daftar Char 1

tgl_daftar Datetime

ktp_orangtua Varchar 50

ket_aktif Varchar 50

transkrip_nilai Varchar 50

Page 151: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

127

7. Nama Tabel : tblperiode

Fungsi : Menyimpan data berita pada halaman web

Tabel 3. 11 Struktur Tabel Berita

Field Type Length Constraint

id_periode Char 10 Primary

nama_periode Varchar 10

tgl_mulai Datetime

tgl_berakhir Datetime

sts Char 1

3.3.10 Desain interface

Pada bagian ini merupakan desain dari prototipe program yang akan

dirancang. Sesuai dengan rancangan, desain yang dirancang sesuai dengan

kebutuhan fungsional maupun non fungsional dan pengguna akan dibagi menjadi

5 sesuai dengan kebutuhan sistem yaitu kepala dinas pendidikan, petugas

beasiswa, petugas psikotes, petugas survey dan pendaftar maka pada desain juga

dibagi menjadi 5 desain, yaitu desain interface dari halaman kepala dinas

pendidikan, petugas beasiswa, petugas psikotes, petugas survey dan pendaftar.

Berikut adalah Desain interface untuk memenuhi kebutuhan fungsional :

1. Desain interface Pendaftaran Akun Pendaftar

Desain aplikasi pendaftar ini adalah sub sistem dari sistem aplikasi

pendaftaran beasiswa. Pendaftaran beasiswa dibagi menjadi 2 yaitu pendaftaran

utnuk mendapatkan akun dan kedua adalah pendaftaran beasiswa yang dimana

Page 152: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

128

User yaitu pendaftar menginputkan secara datail serta menggunggah berkas.

Berikut adalah perincian Desain interface dari sistem :

Gambar 3. 61 Pendaftaran Akun

2. Desain interface Detail Pendaftaran Akun

Setelah penginputan pendaftaran akun selesai maka User pendaftar

mendapatkan detail pendaftaran yaitu adalah Username dan password

akun yang dapat digunakan saat login pendaftar.

Page 153: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

129

Gambar 3. 62 Detail Pendaftaran Akun

3. Desain interface Pendaftaran Beasiswa

Desain aplikasi pendaftaran selanjutnya adalah pada desain pendafatran

calon mahasiswa asuh pada dinas pendidikan kota Surabaya. Pada sub bab ini

User dapat melakukan penginputan data diri, data orang tua, penghasilan, data

rumah, dan data sarana jaringan rumah pendaftar dapat dilihat pada berikut ini :

Page 154: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

130

Gambar 3. 63 Form Pendaftaran Mahasiswa Asuh

Sesuai dengan kebutuhan User untuk mendapatkan beasiswa, User harus

mendaftarkan data diri, data orang tua, data rumah, dan data prasarana rumah.

Data pada form wajib untuk diisi untuk proses seleksi beasiswa. Jika sudah User

dapat menekan tombol next untuk masuk ke step 2 untuk proses upload berkas

Page 155: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

131

4. Desain interface Form Upload Berkas Pendaftar

Gambar 3. 64 Form Upload Berkas Step 2

Setelah mengisi form pada step 1, maka User mengunggah berkas syarat

pendaftaran pada sub menu step 2 pada halaman daftar. Jika sudah User klik

simpan untuk menunggu verivikasi berkas dan penerimaan atau tidaknya

beasiswa.

Page 156: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

132

5. Desain interface Notifikasi Status Pendaftar

Gambar 3. 65 Notifikasi Status Pendaftar

Jika proses mengunggah berkas maka proses selanjutnya adalah User

menunggu proses penerimaan atau tidaknya pada dashboard akun User.

6. Desain interface Verivikasi Berkas Pendaftar

Verivikasi berkas pendaftar dilakukan oleh User yaitu petugas beasiswa.

Petugas beasiswa mendapatkan informasi pendaftar pada sub menu pendaftar

yabg ada pada halaman. Sesuai dengan kebutuhan sistem, berikut ini adalah

desain interface sistem yang menampilkan output pendaftar, User yaitu petugas

beasiswa dapat melakukan verivikasi jika klik tombol detail. Jika valid maka klik

centang, jika tidak valid maka User klik tolak untuk membatalkan ke proses

seleksi

Page 157: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

133

Gambar 3. 66 Desain interface Jumlah Pendaftar

7. Desain interface Proses Validasi Data Pendaftar

Sistem akan menampilkan jumlah pendaftar yang masuk dan akan di validasi

oleh User yaitu petugas beasiswa, dengan menekan tombol detail untuk proses

pengecekan data dan berkas pendaftar.

Gambar 3. 67 Desain interface Proses Validasi Data Pendaftar

Page 158: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

134

8. Desain interface Penambahan Periode Pendaftaran

Penambahan periode dalam pendaftaran beasiswa sangat diperlukan, dari

periode ini dihasilkan waktu batas pendaftaran dan batas akhir pendaftaran berikut

adalah desain interfacenya :

Gambar 3. 68 Desain interface Input Periode Pendaftaran

9. Desain interface Tampilan Periode

Setelah menginputkan batas periode pendaftaran dan berakhir pendaftaran

maka akan menghasilkan output jadwal pendaftaran dan jadwal akhir pendaftaran

beasiswa.

Gambar 3. 69 Desain interface Output Periode

Page 159: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

135

10. Desain interface Penilaian dan Seleksi Mahasiswa

Tahap seleksi dan penilaian nilai pendaftar ada pada sub menu penilaian

mahasiswa pada dashboard menu User petugas beasiswa. Pada sub menu seleksi,

penilaian dari data ipk, psikotes, survey, penghasilan, umur, saudara yang semua

sudah mendapatkan skor fuzzy dan diseleksi menggunakan metode SAW, berikut

adalah desain interfacenya :

Gambar 3. 70 Desain interface Input Kuota Penerimaan Beasiswa

11. Desain interface Penerima Beasiswa

Proses penginputan kuota telah selesai maka sistem akan memunculkan

tab menu mahasiswa asuh yang berarti bahwa mahasiswa yang lolos tahap seleksi

dan berhak menerima beasiswa.

Gambar 3. 71 Desain interface Penerima Beasiswa

Page 160: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

136

12. Desain interface Tambah Berita

Agar para calon pendaftar dan pendaftar mengetahui tentang pendaftaran

beasiswa, mulai dari kapan pembukaan beasiswa, jadwal beasiswa, beasiswa yang

dibuka dan syaratnya. User yaitu petugas beasiswa dapat menginputkan berita

beasiswa pada dashboard admin, dapat dilihat sebagai berikut :

Gambar 3. 72 Desain interface Input Berita

13. Desain interface Tampilan Berita Pada Halaman Utama

Sistem akan menampilkan hasil dari penginputan berita pada dashboard

halaman web beasiswa dinas pendidikan kota Surabaya.

Gambar 3. 73 Desain interface Tampilan Halaman Berita

Page 161: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

137

14. Desain interface Tampah Pengumuman

Tambah pengumuman dapat dilakukan oleh pengguna User yaitu petugas

beasiswa, tambah pengumuman ini digunakan untuk informasi tentang

pengumuman terkini, jadwal terkini dan syarat untuk mendaftar beasiswa :

Gambar 3. 74 Desain interface Halaman Input Pengumuman

15. Desain interface Tampilan Pengumuman Pada Halaman Utama

Proses ini adalah tampilan dari hasil penginputan pengumuman, hasil yang

ditampilkan pada menu berita & penguman yang terletak pada dashboard web

utama.

Gambar 3. 75 Desain interface Tampilan Pengumuman

Page 162: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

138

16. Desain interface Setting Administrator

Penambahan User pengguna admin dapat dilakukan pada sub sistem menu

setting admin pada dashboard admin. Admin mempunyai wewenang untuk

tambah sesuai dengan kebutuhan, mulai dari penambahan akun kepala dinas,

petugas beasiswa, psikotes, dan survey. Disertai dengan password masing-masing

pengguna.

Gambar 3. 76 Desain interface Tambah Admin

17. Desain Interface Hasil Dari Tambah Admin

Output dari proses setting admin yaitu sistem akan memunculkan status

admin dan pengguna web admin pada dinas pendidikan kota Surabaya.

Gambar 3. 77 Desain interface Tampilan Setting Admin

Page 163: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

139

18. Desain Interface Proses Penilaian Psikotes

Penilaian psikotes dapat dilakukan jika petugas psikotes melakukan

penilaian pada dashboard admin. Sistem akan memunculkan no pendaftar, nama

dan kolom untuk pengisian nilai, desain interfacenya dapat dilihat pada gambar

berikut ini :

Gambar 3. 78 Desain interface Penilaian Nilai Psikotes

19. Desain Interface Tampilan Nilai Psikotes

Hasil penilaian psikotes akan tampil pada pengguna User petugas

beasiswa pada halaman admin dan pada sub menu penilaian mahasiswa.

Gambar 3. 79 Desain interface Tampilan Hasil Penilaian Psikotes

Page 164: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

140

20. Desain Interface Proses Penilaian Survey

Penilaian psikotes dapat dilakukan jika petugas psikotes melakukan

penilaian pada dashboard admin. Sistem akan memunculkan no pendaftar, nama

dan kolom untuk pengisian nilai, desain interface nya dapat dilihat pada gambar

berikut ini :

Gambar 3. 80 Desain interface Proses Penilaian Survey

21. Desain interface Tampilan Nilai Survey

Hasil penilaian psikotes akan tampil pada pengguna User petugas

beasiswa pada halaman admin dan pada sub menu penilaian mahasiswa.

Gambar 3. 81 Desain interface Tampilan Hasil Penilaian Survey

Page 165: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

141

22. Cetak Laporan

Proses cetak laporan pada menu laporan adalah proses dimana petugas

beasiswa dapat mencetak data yang masuk dan terkumpul beserta status pendaftar

yang dapat dicetak dalam bentuk pdf dan dapat di print secara langsung berikut

adalah proses penginputan :

a. Input

Proses input pada laporan adalah penginputan tanggal awal dan tanggal

akhir pendaftaran beasiswa. Sistem akan memunculkan status dan priode

pendaftaran beasiswa, sistem dapat mencetak dan menyimpan dalam bentuk pdf

Gambar 3. 82 Desain interface Input Cetak Laporan

b. Output

Output yang dihasilkan dari proses input cetak laporan adalah, laporan

dapat di cetak dan disimpan menggunakan format pdf

Page 166: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

142

Gambar 3. 83 Desain interface Output Cetak Laporan

23. Cetak Laporan Pada Dashboard Kepala Dinas Pendidikan

Proses cetak laporan pada dashboard kepala dinas pendidikan dapat

dilakukan oleh kepala dinas pendidikan. Pada dashboard terdapat 3 menu

pencetakan laporan yaitu laporan pendaftar, laporan calon mahasiswa asuh,

laporah mahasiswa asuh.

a. Input

Proses penginputan laporan yaitu ada pada penginputan tanggal dimulai

dan tanggal berakhir pendaftaran beasiswa. Kepala dinas pendidikan dapat

memilih menu berapa yang diterima dan ditolak.

Page 167: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

143

Gambar 3. 84 Desain Interace Input Cetak Laporan Kepala Dinas

b. Output

Proses output yang dihasilkan adalah sebuah print/cetak laporan yang

berupa pdf dan bisa langsung di cetak menggunakan printer. Gambar cetak

laporan dapat dilihat pada gambar dibawah ini :

Gambar 3. 85 Desain interface Output Cetak Laporan

Page 168: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

144

24. Desain interface Cetak Laporan Pada Penerima Beasiswa

Pendaftar beasiswa yang menerima beasiswa dari dinas pendidikan kota

Surabaya dapat dilihat statusnya pada akun pendaftar. Pendaftar yang menerima

beasiswa dapat mencetak bukti diterima pada akunnya. Berikut adalah proses

input dan outputnya :

a. Input

Berhubungan dengan pendaftar, pendaftar hanya masuk pada akun

pendaftar, lalu sistem akan menampilkan status pendaftar dan tombol cetak bukti

jika pendaftar menerima beasiswa.

b. Output

Sistem akan menampilkan tombol cetak yang berfungsi untuk cetak

laporan sebagai bukti menerima beasiswa dari dinas pendidikan kota Surabaya.

Gambar 3. 86 Desain interface Output Cetak Laporan Penerima Beasiswa

Page 169: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

145

BAB IV

IMPLEMENTASI DAN EVALUASI SISTEM

Dalam bab ini membahas mengenai tahapan Hasil dan Pembahasan dari

Rancang Bangun Sistem Aplikasi Pendaftaran dan Seleksi Beasiswa

menggunakan Metode SAW pada Dinas Pendidikan Kota Surabaya.

4.1 Implementasi Sistem

Dalam tahap ini merupakan penyesuaian perangkat lunak dengan

rancangan atau desain sistem yang telah dibuat dan dikembangkan. Implementasi

sistem digunakan untuk menampilkan dan menjelaskan fitur yang ada pada

aplikasi pengelolaan investasi pertanian berbasis syariah. Ada 2 jenis spesifikasi

kebutuhan sistem yang dibutuhkan yaitu perangkat keras dan perangkat lunak.

4.1.1 Kebutuhan Perangkat Keras

Kebutuhan perangkat keras yang digunakan tentunya membutuhkan

spesifikasi minimal. Spesifikasi minimal yang dibutuhkan dalam tugas akhir ini

yaitu sebagai berikut.

Tabel 4. 1 Kebutuhan Perangkat Keras

Client Side - Processor Intel Core i3

- RAM 2 GB

- Screen

Server Side - Processor Intel Core i5

- RAM 8 GB & SSD 250GB

- Hardisk 1TB

- Screen

- Mouse and Keyboard

Page 170: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

146

4.1.2 Kebutuhan Perangkat Lunak

Kebutuhan perangkat lunak yang digunakan dalam pengembangan dan

pembangunan aplikasi pengelolaan investasi pertanian berbasis syariah yaitu

sebagai berikut.

1. Astal UML, untuk memodelkan dari usecase business diagram, Activity

Diagram, usecase system diagram, sequence diagram, class diagram,

statechart diagram, component diagram, dan deployment diagram.

2. XAMPP untuk web server

3. MySQL, sebagai Database Management System (DBMS)

4.1.3 Implementasi Halaman Utama

Pada halaman utama beasiswa dinas pendidikan memunculkan beberapa

menu yaitu menu home, daftar, syarat, berita, hubungi kami, dan login untuk pada

pendaftar yang sudah mempunyai akun

Gambar 4. 1 Halaman Utama (1)

Page 171: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

147

Gambar 4. 2 Halaman Utama (2)

Gambar 4. 3 Halaman Utama (3)

Page 172: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

148

Gambar 4. 4 Halaman Utama (4)

Gambar 4. 5 Halaman Utama (5)

Gambar 4. 6 Halaman Utama (6)

Page 173: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

149

4.1.4 Implementasi Halaman Pendaftaran Akun

Pada halaman syarat dan ketentuan adalah halaman informasi syarat dan

panduan pendaftaran untuk mendapatkan beasiswa dari dinas pendidikan kota

Surabaya.

Gambar 4. 7 Halaman Pendaftaran Akun

Sistem tidak akan memproses jika pendaftar lupa/tidak mencentang kolom

persetujuan yang berada di halaman paling bawah dapat dilihat pada Gambar 4.60

Gambar 4. 8 Sistem Tidak Berjalan Sebelum di Centang

Page 174: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

150

Jika sudah dicentang maka proses selanjutnya adalah mendapatkan akun

dan masuk pada halaman detail pendaftaran yang berisi Username dan password

untuk login pada akun pendaftar, dapat dilihat pada Gambar 4.62

Gambar 4. 9 Halaman Detail Pendaftaran

4.1.5 Implementasi Halaman Login

Pada halaman login, dapat dilihat terdapat 2 kolom yang harus diisi oleh

pendaftar yaitu terdapat kolom Username dan password .

Gambar 4. 10 Halaman Login

Page 175: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

151

Jika pendaftar salah memasukkan Username/password maka tampilan

halaman dapat dilihat seperti pada Gambar 4.64

Gambar 4. 11 Halaman Gagal Login

Jika pendaftar dapat menginputkan Username/password dengan benar

maka sistem akan memproses lebih lanjut dan masuk ke halaman form calon

mahasiswa asuh, dapat dilihat pada Gambar 4.65.

Gambar 4. 12 Halaman Pendaftar Step 1

Page 176: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

152

4.1.6 Implementasi Halaman Pendaftaran Beasiswa

Pada halaman pendaftaran beasiswa terdapat banyak form yang harus diisi

oleh pendaftar, halaman pendaftar terbagi menjadi 2 step. Step 1 untuk pengisian

data pendaftar dan step ke 2 adalah bagian mengunggah berkas syarat pendaftaran

beasiswa.

Gambar 4. 13 Halaman Pendaftaran Beasiswa Step 1

Jika pendaftar telah mengisi halaman pendaftar step 1 maka sistem akan

menampilkan halaman step 2 untuk mengunggah syarat berkas pendaftaran

beassiwa, halaman pendaftar step 2 dapat dilihat pada Gambar 4.67

Gambar 4. 14 Halaman Pendaftaran Beasiswa Step 2

Page 177: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

153

Jika pendaftar sudah melakukan pendaftaran beasiswa sampai pada tahap

step 2, maka sistem akan menyimpan ke dalam database dan pendaftar hanya

tinggal menunggu penguman diterima atau tidak diterima melalui akun pendaftar.

Pada Gambar 4.68 dapat dilihat jika pendaftar telah berhasil melakukan

pendaftaran dan tinggal menunggu pengumuman

Gambar 4. 15 Halaman Pendaftaran Beasiswa Berhasil

4.1.7 Implementasi Halaman Login Admin

Pada halaman login admin terdapat 2 kolom yang berisi tentang Username

dan password untuk akses admin masuk ke dalam halamannya.

Gambar 4. 16 Halaman Login Admin

Page 178: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

154

Jika admin salah memasukkan Username/password salah maka sistem

akan menolak dan muncul notif jika terjadi kesalahan masukkan, pada Gambar

4.60 dapat dilihat jika salah memasukkan Usermame/password .

Gambar 4. 17 Halaman Jika Memasukkan Username dan Password Salah

Jika admin benar memasukkan Username dan password maka akan

masuk pada dashboard admin dan menu-menu lainnya, dapat dilihat pada Gambar

4.61

Gambar 4. 18 Halaman Login Admin Jika Berhasil

Page 179: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

155

4.1.8 Implementasi Halaman Periode

Pada halaman periode pada admin terdapat tombol tambah data untuk

menentukan kapan awal dibukanya pendaftaran dan kapan ditutupnya pendaftaran

beassiswa.

Gambar 4. 19 Halaman Periode Pada Admin

4.1.9 Implementasi Halaman Pendaftar

Pada halaman pendaftar pada halaman admin terdapat data pendaftar yang

sudah mengunggah data dan berkas. Halaman pendaftar inilah proses validasi data

dan berkas yang akan dilakukan oleh petugas beasiswa.

Gambar 4. 20 Halaman Pendaftar

Page 180: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

156

Data pendaftar akan muncul pada halaman pendaftar, data pendaftar

tersebut jika klik detail maka proses validasi berjalan secara manual yang

dilakukan oleh petugas beasiswa

Gambar 4. 21 Halaman Detail Pendaftar (1)

Gambar 4. 22 Halaman Detail Pendaftar (2)

Page 181: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

157

Gambar 4. 23 Halaman Detail Pendaftar (3)

Gambar 4. 24 Halaman Detail Pendaftar (4)

Jika proses validasi telah selesai maka petugas beasiswa akan menekan

tombol proses yang selanjutnya diteruskan ke proses seleksi beasiswa dan

disimpan kedalam database datacalon

Page 182: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

158

Gambar 4. 25 Halaman Validasi Data Pendaftar Berhasil

4.1.10 Implementasi Halaman Seleksi Mahasiswa Penerima Beasiswa

Pada halaman ini petugas beasiswa dapat memasukkan kuota penerima

beasiswa. Perangkingan dimulai dari tertinggi hingga terendah dan akan diterima

sesuai kuota yang diinputkan oleh petugas beasiswa

Gambar 4. 26 Halaman Seleksi Mahasiswa Penerima Beasiswa

4.1.11 Implementasi Halaman Mahasiswa Asuh

Pada halaman seleksi mahasiswa asuh terdapat data penerima beasiswa

yang telah terseleksi dengan metode SAW, serta melalui proses perangkingan dan

Page 183: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

159

penerimaan menggunakan Batasan kuota yang ada pada halaman seleksi penerima

beasiswa

Gambar 4. 27 Halaman Mahasiswa Asuh

4.1.12 Implementasi Halaman Berita

Pada halaman berita terdapat tombol tambah yang dimana berfungsi untuk

menambahkan berita dan informasi terkait tentang beasiswa dan akan ditampilkan

pada halaman utama web dinas pendidikan kota Surabaya.

Gambar 4. 28 Halaman Berita

Page 184: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

160

Pada Gambar 4.72 dapat dilihat proses pembuatan berita yang akan

ditampilkan pada halaman utama web dinas pendidikan

Gambar 4. 29 Halaman Penambahan Berita

4.1.13 Implementasi Halaman Pengumuman

Pada halaman pengumuman terdapat tombol tambah untuk menambahkan

informasi berupa text yang akan di tampilkan pada menu penguman saat User

mengakses halaman utama web dinas pendidikan

Gambar 4. 30 Halaman Pengumuman

Page 185: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

161

Pada gambar 4.74 dapat dilihat pada saat proses penambahan

pengumuman ke dalam bentuk teks dan jika terproses maka akan tampil pada

halaman utama web dinas pendidikan kota Surabaya.

Gambar 4. 31 Halaman Penambahan Pengumuman Berhasil

4.1.14 Implementasi Halaman Laporan

Pada halaman laporan ini terdapat data pendaftar, data calon mahasiswa

asuh, dan data mahasiswa asuh. Laporan ini sangat membantu dalam menentukan

periode pendaftaran beasiswa.

Gambar 4. 32 Halaman Laporan

Page 186: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

162

4.1.15 Implementasi Halaman Pengaturan Admin Pengelola

Pada halaman pengaturan admin pengelola terdapat tambah data yang

bertujuan untuk menambahkan actor pada web. Hanya terdapat 4 aktor yang

penting dalam pengoperasian sistem aplikasi tersebut.

Gambar 4. 33 Halaman Pengaturan Admin

Pada gambar 4.77 terdapapat kolom yang bisa diisi sesuai kebutuhan dan

fungsi lainnya adalah menambahkan actor

Gambar 4. 34 Halaman Penambahan Admin

Page 187: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

163

4.1.16 Implementasi Halaman Admin Survey

Pada halaman ini berfungsi untuk penilaian survey yang akan diinputkan

langsung oleh petugas survey . Petugas survey dapat langsung mengetahui jumlah

pendaftar dengan menggunakan dashboard.

Gambar 4. 35 Halaman Admin Survey

Proses selanjutnya adalah petugas survey dapat menilai pendaftar dan

dapat dilihat pada gambar 4.79

Gambar 4. 36 Halaman Penginputan Nilai Survey

Page 188: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

164

4.1.17 Implementasi Halaman Admin Psikotes

Pada halaman ini berfungsi untuk penilaian psikotes yang akan diinputkan

langsung oleh petugas psikotes. Petugas psikotes dapat langsung mengetahui

jumlah pendaftar dengan menggunakan dashboard

Gambar 4. 37 Halaman Admin Psikotes

Proses selanjutnya adalah petugas survey dapat menilai pendaftar dan

dapat dilihat pada gambar 4.81

Gambar 4. 38 Halaman Admin Psikotes

4.1.18 Implementasi Halaman Kepala Dinas Pendidikan

Page 189: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

165

Pada halaman kepala dina pendidikan hanya terdapat dashboard dan

laporan pendaftar, berapa yang diterima dan tidak diterima dan jumlah

perangkingan pendaftar

Gambar 4. 39 Halaman Kepala Dinas Pendidikan

4.1.19 Implementasi Halaman Akun Pendaftar

Pada halaman akun pendaftar terdapat dashboard diterima atau tidaknya

mahasiswa yang mengajukan beasiswa. Tampak pada gambar 4.83 bahwa

pendaftar berhasil mendapatkan beasiswa.

Gambar 4. 40 Halaman Pendaftar Menerima Beasiswa

Pada akun pendaftar yang tidak lolos seleksi maka tampilan akun

dashboarnya seperti pada Gambar 4.84.

Page 190: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

166

Gambar 4. 41 Halaman Pendaftar Tidak Menerima Beasiswa

4.2 Uji Coba dan Evaluasi Sistem

Setelah dilakukan implementasi sistem, tahap selanjutnya yaitu melakukan

uji coba dan evaluasi sistem. Tujuan dari dilakukannya uji coba dan evaluasi

sistem ini adalah untuk mengetahui apakah sistem yang dibangun dapat berjalan

dengan baik sesuai tujuan dan keluaran yang diharapkan. Uji coba dan evaluasi

sistem disesuaikan dengan perancangan yang telah dibuat pada bab 3 dan

menggunakan pengujian black box testing.

Black Box Testing difokuskan pada program untuk memenuhi kebutuhan

yang diharapkan dalam spesifikasi. Pengujian dilakukan dengan menjalankan

setiap modul lalu dilakukan pengamatan hasil dari modul yang sesuai.

4.2.1 Uji Coba Pendaftaran Akun

Proses uji coba pada web pendaftaran akun beasiswa dengan memasukkan

data diri pendaftar yang ada pada form daftar

Page 191: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

167

Tabel 4. 2 Kebutuhan Perangkat Keras

Test Case

ID Tujuan Input

Output

Diharapkan Status

1 Melakukan

pendaftaran

Nama pendaftar, email,

password , nama orang

tua, pekerjaan nomor ktp,

nama ibu, nomor sertifikat

rumah, nomor kartu

keluarga, kecamatan,

keluarahan,kode pos,

universitas, program

jurusan, pernyataan

Pendaftaran

berhasil

Sukses

2 Melakukan

pendaftaran

dengan

format salah

Tidak ada input Muncul pesan

: Lengkapi

data anda

Sukses

3 Mendapatkan

akun

Username dan password Muncul data

Username dan

password

Sukses

4.2.2 Uji Coba Login Akun

Proses uji coba pada proses login akun dapat dilakukan setelah pembuatan

akun pada daftar akun. Pendaftar mendapatkan Username dan password terlebih

dahulu sebelum masuk pada menu login.

Tabel 4. 3 Tabel Uji Coba Login Akun

Test

Case ID Tujuan Input

Output

Diharapkan Status

1 Login Akun Username, password Login

berhasil

Sukses

2 Melakukan login

dengan

menggunakan

Username/passwrd

salah

Username/password

salah

Muncul pesan

: gagal login

Sukses

Page 192: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

168

4.2.3 Uji Coba Pendaftaran Beasiswa

Proses uji coba pada pendaftaran beasiswa terletak pada fungsi dimana

pendaftar telah melakukan login, lalu pendaftar akan masuk pada halaman daftar.

Halaman daftar memiliki inputan data dan inputan berkas dalam bentuk gambar.

Tabel 4. 4 Tabel Uji Coba Pendaftaran Beasiswa

Test

Case ID Tujuan Input

Output

Diharapkan Status

1 Melakukan

daftar

beasiswa

dengan data

lengkap step 1

Nomor ktp, ttl, gender,

jumlah saudara kandung,

jalur, semester, ipk, ttl

orang tua, penghasilan,

nomor telepon, data

rumah, sertifikat rumah,

bahan dinding, bahan

atap, lantai, listrik, pdam,

telp rumah

Beralih ke

halaman daftar

step 2

Sukses

2 Melakukan

daftar

beasiswa

dengan data

tidak lengkap

step 1

Nomor ktp, ttl, gender,

jumlah saudara kandung,

jalur, semester, ipk, ttl

orang tua, penghasilan,

nomor telepon, data

rumah, sertifikat rumah,

bahan dinding, bahan

atap, lantai, listrik, pdam,

telp rumah,

Muncul notif

harap

memasukkan

form yang

kosong

Sukses

3 Melakukan

upload berkas

syarat

beasiswa

dengan data

lengkap step 2

Gambar foto, ktp sendiri,

ktp orang tua, kartu

keluarga, surat keterangan

miskin, surat keterangan

belum menikah, surat

keterangan sehat, akte,

transkrip nilai, ket aktif

Muncul notif

Pendaftaran

berhasil.

Silahkan

tunggu

informasi

beasiswa

Sukses

4 Melakukan

upload berkas

Gambar foto, ktp sendiri,

ktp orang tua, kartu

Muncul notif

silahkah isi

Sukses

Page 193: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

169

syarat

beasiswa

dengan data

tidak lengkap

step 2

keluarga, surat keterangan

miskin, surat keterangan

belum menikah, surat

keterangan sehat, akte,

transkrip nilai, ket aktif

data pada form

yang masih

kosong

4.2.4 Uji Coba Login Admin

Proses uji coba pada halaman login admin dapat dikerjakan oleh petugas

beasiswa, petugas beasiswa mempunyai Username dan password guna untuk

mengakses halaman admin.

Tabel 4. 5 Login Admin

Test

Case ID Tujuan Input

Output

Diharapkan Status

1 Login akun

benar

Username dan password Login berhasil Sukses

2 Login akun

dengan

inputan salah

Username dan password Login gagal Sukses

4.2.5 Uji Coba Validasi Data Pendaftar

Proses uji coba pada menu pendaftar yaitu untuk memvalidasi data

pendaftar yang masuk saat pendaftaran akun telah selesai. Pada menu pendaftar

yang ada pada halaman admin, dapat dilihat apakah pendaftar memenuhi syarat

data yang berfungsi untuk melanjutkan ke tahap seleksi beasiswa

Tabel 4. 6 Validasi Data Pendaftar

Test

Case ID Tujuan Input

Output

Diharapkan Status

1 Menyetujui

data pendaftar

Klik tombol centang Data berhasil

tersimpan dan

Sukses

Page 194: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

170

dilanjut pada

proses seleksi

2 Tidak

menyetujui

data pendaftar

Klik tombol silang Data tidak

diteruskan ke

halaman

seleksi.

Sukses

4.2.6 Uji Coba Seleksi Beasiswa

Proses uji coba seleksi beasiswa dapat berjalan sesuai harapan dengan

syarat pendaftar telah disetujui datanya oleh petugas beasiswa. Petugas beasiswa

pada halaman seleksi beasiswa melakukan penginputan kuota untuk mendapatkan

pendaftar yang akan menerima beasiswa dari dinas pendidikan. Pada halaman

seleksi beasiswa aka nada perangkingan yang dapat dilihat dari nilai skor tertinggi

hingga skor terendah.

Tabel 4. 7 Uji Coba Seleksi Beasiswa

Test

Case ID Tujuan Input

Output

Diharapkan Status

1 Proses seleksi

dengan

menggunakan

metode SAW

Wij Rij = Vij

Wij = ipk, penghasilan,

saudara, umur, psikotes,

survey.

Rij = bobot ipk,

penghasilan, saudara,

umur, psikotes, survey.

Total nilai dari

hasil Wij Rij =

Vij

Sukses

2 Memproses

seleksi dengan

menginputkan

kuota batas

penerimaan

Numerik kuota, klik

proses

Berhasil dan

masuk ke

halaman

mahasiswa

asuh

Sukses

3 Memproses

seleksi dengan

tidak

Numerik kuota, klik

proses

Gagal, dan

muncul notif

tolong

Sukses

Page 195: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

171

menginputkan

kuota batas

penerimaan

masukkan

inputan

numerik kuota

4.2.7 Uji Coba Login Petugas Psikotes

Proses uji coba pada halaman login admin psikotes dapat dikerjakan oleh

petugas psikotes, petugas psikotes mempunyai Username dan password guna

untuk mengakses halaman admin.

Tabel 4. 8 Uji Coba Petugas Psikotes

Test

Case ID Tujuan Input

Output

Diharapkan Status

1 Login akun

benar

Username dan password Login berhasil Sukses

2 Login akun

dengan

inputan salah

Username dan password Login gagal Sukses

4.2.8 Uji Coba Penilaian Psikotes

Proses uji coba penilaian psikotes pada akun petugas beasiswa yang

dilakukan oleh pengguna yaitu petugas psikotes itu sendiri.

Tabel 4. 9 Uji Coba Penginputan Nilai Psikotes

Test

Case ID Tujuan Input

Output

Diharapkan Status

1 Menginputkan

nilai psikotes

Nilai psikotes pendaftar Penilaian

berhasil

diinput

Sukses

Page 196: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

172

4.2.9 Uji Coba Login Petugas Survey

Proses uji coba pada halaman login admin survey dapat dikerjakan oleh

petugas survey , petugas survey mempunyai Username dan password guna untuk

mengakses halaman admin.

Tabel 4. 10 Uji Coba Login Petugas Survey

Test

Case ID Tujuan Input

Output

Diharapkan Status

1 Login akun benar Username dan

password

Login berhasil Sukses

2 Login akun dengan

inputan salah

Username dan

password

Login gagal Sukses

4.2.10 Uji Coba Penilaian Survey

Proses uji coba penilaian survey pada akun petugas beasiswa yang

dilakukan oleh pengguna yaitu petugas survey itu sendiri.

Tabel 4. 11 Uji Coba Penilaian Nilai Survey

Test

Case ID Tujuan Input

Output

Diharapkan Status

1 Menginputkan

nilai survey

Nilai survey pendaftar Penilaian

berhasil

diinput

Sukses

4.2.11 Uji Coba Login Kepala Dinas Pendidikan

Proses uji coba pada halaman login kepala dinas dapat dikerjakan oleh

kepala, kepala mempunyai Username dan password guna untuk mengakses

halaman admin.

Page 197: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

173

Tabel 4. 12 Kepala Dinas Pendidikan

Test

Case ID Tujuan Input

Output

Diharapkan Status

1 Login akun

benar

Username dan password Login berhasil Sukses

2 Login akun

dengan

inputan salah

Username dan password Login gagal Sukses

4.3 Hasil Uji Coba Seleksi Menggunakan Metode SAW dengan Perhitungan

Excel

Hasil uji coba seleksi dengan menggunakan metode SAW pada excel perlu

dicoba, apakah hasil perhitungan yang didapat oleh excel sama dengan aplikasi

yang dibuat. Untuk membuktikannya dengan perhitungan, dimulai dari studi

kasus yang ada sebagai berikut :

Nama IPK Penghasilan Saudara Umur Psikotes Survey

Martha 3.50 2.000.000 3 21 70 80

Jika data sudah didapatkan maka proses selanjutnya adalah proses

perhitungan bobot setiap kriteria dengan bilangan fuzzy, Maka hasil akan tampil

seperti ini :

Nama IPK Penghasilan Saudara Umur Psikotes Survey

Martha 0,75 0,75 0,50 0,50 0,75 1

Jika nilai variabel setiap kriteria yang telah dikonversikan ke bilangan

fuzzy telah didapat maka proses selanjutnya adalah perhitungan perfensi. Sebelum

memasuki perhitungan perfensi maka ada nilai pembobotan kriteria, dapat dilihat

sebagai berikut :

Page 198: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

174

No IPK Penghasilan Saudara Umur Psikotes Survey

1 0,30 0,10 0,15 0,10 0,15 0,20

Jika nilai pembobotan nilai kriteria didapat maka proses selanjutnya adalah

proses perhitungan prefensi menggunakan rumus Vi = ∑ Wij Rij dapat

direalisasikan sebagai berikut

Nama Nama Kriteria Konversi Fuzzy Bobot Nilai

Kriteria Wij Rij

Martha IPK 0,75 0,30 0,225

Penghasilan 0,75 0,10 0,075

Saudara 0,50 0,15 0,075

Umur 0,50 0,10 0,05

Psikotes 0,75 0,15 0,1125

Survey 1 0,20 0,2

Total 1 0,7375

Nilai yang didapat dari perhitungan aplikasi adalah 0,7375 maka sekarang

uji perhitungan dengan menggunakan excel dapat dilihat sebagai berikut :

Nilai Konversi Fuzzy

Page 199: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

175

Nilai Pembobotan Setiap Kriteria

Hasil dari perhitungan Prefensi

Hasil uji coba perhitungan SAW dari aplikasi dan di dihitung dengan

menggunakan excel akhirnya sama sehingga uji coba perhitungannya dinyatakan

BERHASIL.

4.4 Hasil Uji Coba Sistem

Proses testing adalah proses pengujian terhadap software yang telah di

buat untuk memastikan tidak ada bug tertentu terkait teknis dari software, untuk

memastikan bahwa semua kebutuhan sudah terpenuhi oleh software yang telah

dibuat dan untuk memastikan bahwa software berfungsi sesuai dengan

seharusnya. Berikut adalah hasil uji coba dari desain uji coba yang telah

dirancang :

Tabel 4. 13 Test Fungsi Login Admin

ID Tujuan Input Hasil

1. Pengecekan fungsi Username Proses Login sukses dan

Page 200: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

176

ID Tujuan Input Hasil

Authentication dan

Authorization melalui

proses Login dari Sistem

Password pengguna masuk ke dalam sistem

dengan informasi sesuai dengan

kewenangannya.

Gambar 4. 42 Testcase 1 (Input)

Gambar 4. 43 Testcase 1 (Hasil)

Tabel 4. 14 Test Fungsi Penambahan Jadwal Periode

ID Tujuan Input Hasil

2. Penambahan jadwal Nama periode, Jadwal periode dimulai dan

Page 201: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

177

ID Tujuan Input Hasil

periode pendaftaran

beasiswa

tanggal mulai,

tanggal akhir

berakhirnya pendaftaran

beasiswa

Gambar 4. 44 Testcase 2 (Input)

Gambar 4. 45 Testcase 2 (Hasil)

Tabel 4. 15 Test Fungsi Validasi Pendaftar

Page 202: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

178

ID Tujuan Input Hasil

3. Proses verivikasi

pendaftar

Klik tombol

centang

Validasi pendaftar

berhasil

Gambar 4. 46 Testcase 3 (Input)

Gambar 4. 47 Testcase 3 (Hasil)

Tabel 4. 16 Test Fungsi Seleksi Beasiswa

ID Tujuan Input Hasil

4. Proses seleksi

mahasiswa

Nilai ipk, penghasilan ortu,

jumlah saudara, umur,

psikotes, survey

Bobot nilai seleksi muncul

pada halaman seleksi

mahasiswa asuh

Page 203: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

179

Gambar 4. 48 Testcase 4 (Input)

Gambar 4. 49 Testcase 4 (Hasil)

Tabel 4. 17 Test Fungsi Penerimaan Mahasiswa

ID Tujuan Input Hasil

5. Proses penerimaan

mahasiswa

- masukkan kuota

penerima

- tekan tombol proses

Data penerima

beasiswa

Gambar 4. 50 Testcase 5 (Input)

Page 204: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

180

Gambar 4. 51 Testcase 5 (Hasil)

Tabel 4. 18 Test Fungsi Penambahan Berita

ID Tujuan Input Hasil

6. Proses penambahan

berita

- masukkan judul

berita

- isi berita

- klik simpan

Sistem menampilkan berita

update

Gambar 4. 52 Testcase (Input)

Page 205: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

181

Gambar 4. 53 Testcase 6 (Hasil)

Tabel 4. 19 Test Fungsi Cetak Laporan

ID Tujuan Input Hasil

7. Proses cetak

laporan

- tanggal mulai

- tanggal akhir

- keterangan

- klik tombol

cetak

Sistem menampilkan laporan dalam

bentuk pdf

Gambar 4. 54 Testcase 7 (Input)

Page 206: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

182

Gambar 4. 55 Testcase 7 (Hasil)

Tabel 4. 20 Test Fungsi Setting Admin

ID Tujuan Input Hasil

8. Setting admin

- nama

- Username

- password

- jabatan

- klik tombol simpan

Sistem menampilkan akun admin

Page 207: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

183

Gambar 4. 56 Testcase 8 (Input)

Gambar 4. 57 Testcase 8 (Hasil)

Tabel 4. 21 Test Fungsi Penilaian Survey

ID Tujuan Input Hasil

9. Penialaian Survey - nilai survey

- klik proses Menampilkan nilai survey pendaftar

Gambar 4. 58 Testcase 9 (Input)

Gambar 4. 59 Testcase 9 (Hasil)

Tabel 4. 22 Test Fungsi Penilaian Psikotes

ID Tujuan Input Hasil

10. Penialaian Psikotes - nilai psikotes

- klik proses Menampilkan nilai psikotes pendaftar

Page 208: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

184

Gambar 4. 60 Testcase 10 (Input)

Gambar 4. 61 Testcase 10 (Hasil)

Tabel 4. 23 Test Fungsi Cetak Bukti Menerima Beasiswa

ID Tujuan Input Hasil

11. Cetak bukti menerima

beasiswa

- klik

cetak

Mencetak bukti penerima beasiswa

dengan format pdf

Gambar 4. 62 Testcase 11 (Input)

Page 209: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

185

Gambar 4. 63 Testcase 11 (Hasil)

Tabel 4. 24 Test Fungsi Pendaftaran Akun

ID Tujuan Input Hasil

12.

Pendaftaran akun

untuk pendaftar

beasiswa

Nama, email, password,

data orang tua, data kartu

keluarga, data mendaftar,

pernyataan.

Sistem menampilkan

Username dan password

untuk mengakses login

akun pendaftar

Page 210: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

186

Gambar 4. 64 Testcase 12 (Input)

Gambar 4. 65 Testcase 12 (Hasil)

ID Tujuan Input Hasil

13.

Pengisian form

untuk pendaftaran

beasiswa

- Ipk, semester, umur, data

orang tua, penghasilan, status

rumah, kondisi rumah, bahan

rumah, luas rumah.

- klik tombol next

Sistem menampilkan

form upload berkas

pada step 2

14. Mengunggah - upload berkas pendaftar Sistem akan

Page 211: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

187

ID Tujuan Input Hasil

berkas pendaftar - klik tombol simpan menampilkan status

menunggu proses

vervikasi dan status

Gambar 4. 66 Testcase 13 (Input)

Gambar 4. 67 Testcase 14 (Input)

Page 212: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

188

Gambar 4. 68 Testcase 13 & 14 (Hasil)

4.5 Pembahasan Penerapan Rancangan

Setelah menentukan solusi dari permasalahan penelitian ini pada BAB I

yaitu membuat aplikasi pendaftaran dan seleksi dengan menggunakan metode

SAW dan merancang solusi tersebut pada BAB III, maka selanjutnya akan

menerapkan rancangan tersebut berupa hasil pada BAB IV. Berikut adalah

pembahasan hasil sesuai dengan perancangan di mana sistem akan dibagi menjadi

9 sub sistem yaitu :

1. Aplikasi Pendaftaran Akun Pendaftar

Pada sub sistem ini, diharapkan dapat menangani permasalahan yang telah

dirinci pada latar belakang yaitu pendaftar harus mendaftar terlebih dahulu ke

kantor dinas pendidikan kota Surabaya, setelah itu pendaftar harus pulang dahulu

untuk melengkapi berkas sesuai dengan syarat dan ketentuan pendaftaran

beasiswa.

Sehingga solusi yang dihasilkan adalah dibuatkannya aplikasi pendafttaran

beasiswa secara online. Sehingga pendaftar dengan mudah bisa mendaftar dimana

Page 213: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

189

saja dan dapat melakukan pengunggahan syarat berkas secara online. Rancangan

solusi yang dihasilkan terdapat pada Gambar 3.59 untuk pendaftaran akun dan

pada Gambar 3.60 untuk detail pendaftaran akun. Untuk proses penerapan dari

rancangan tersebut terdapat pada Gambar 4.7.

Selanjutnya untuk pembuktian bahwa penerapan rancangan tersebut dapat

berjalan dengan baik, maka dilakukan pengujian dengan perincian uji coba

tersebut dapat dilihat pada Tabel 4.2 dan pembuktian bahwa uji coba sukses

terdapat pada Gambar 4.64 dan Gambar 4.65

Berdasarkan hasil uji coba dengan menggunakan metode blackbox testing

dan pengujian kepada pengguna, dapat ditarik kesimpulan bahwa sub sistem ini

dapat memenuhi solusi yang dihasilkan dengan cara menangani permasalahan

dalam pendaftaran beasiswa.

2. Aplikasi Pendaftaran dan Upload Berkas Beasiswa

Pada sub sistem ini, diharapkan dapat menangani permasalahan yang telah

dirinci pada latar belakang yaitu pendaftar harus kembali lagi ke kantor dinas

pendidikan kota Surabaya untuk menyerahkan syarat berkas pendaftaran.

Sehingga solusi yang dihasilkan adalah dibuatkannya aplikasi pendaftaran

beasiswa secara online. Setelah pendaftar mendapatkan akun, pendaftar harus

menuju tombol login akun untuk mendaftar beasiswa dan mengupload syarat

berkas pendaftaran. Rancangan solusi yang dihasilkan terdapat pada Gambar 3.61

untuk proses pendaftaran beasiswa step 1 dan pada Gambar 3.62 untuk proses

mengunggah berkas pendaftar. Untuk proses penerapan dari rancangan tersebut

terdapat pada Gambar 4.13 dan Gambar 4.14.

Page 214: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

190

Selanjutnya untuk pembuktian bahwa penerapan rancangan tersebut dapat

berjalan dengan baik, maka dilakukan pengujian dengan perincian uji coba

tersebut dapat dilihat pada Tabel 4.4 dan pembuktian bahwa uji coba sukses

terdapat pada Gambar 4.66, Gambar 4.67 dan Gambar 4.68.

Berdasarkan hasil uji coba dengan menggunakan metode blackbox testing

dan pengujian kepada pengguna, dapat ditarik kesimpulan bahwa sub sistem ini

dapat memenuhi solusi yang dihasilkan dengan cara menangani permasalahan

dalam pendaftaran beasiswa.

3. Sistem Verfivikasi Pendaftar

Pada sub sistem ini, diharapkan dapat menangani permasalahan yang telah

dirinci pada latar belakang yaitu petugas beasiswa membutuhkan waktu untuk

mencocokan berkas dan memilah siapa pendaftar yang sudah lengkap berkasnya

atau tidaknya. Belum lagi berkas pendaftar ada yang hilang pada saat proses

validasi berkas.

Sehingga solusi yang dihasilkan adalah dibuatkannya sistem verivikasi

berkas untuk petugas beasiswa untuk validasi berkas pendaftar yang lolos atau

tidaknya ke tahap selanjutnya. Rancangan solusi yang dihasilkan terdapat pada

Gambar 3.65. Untuk proses penerapan dari rancangan tersebut terdapat pada

Gambar 4.21.

Selanjutnya untuk pembuktian bahwa penerapan rancangan tersebut dapat

berjalan dengan baik, maka dilakukan pengujian dengan perincian uji coba

tersebut dapat dilihat pada Tabel 4.6 dan pembuktian bahwa uji coba sukses

terdapat pada Gambar 4.46 dan Gambar 4.47.

Page 215: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

191

Berdasarkan hasil uji coba dengan menggunakan metode blackbox testing

dan pengujian kepada pengguna, dapat ditarik kesimpulan bahwa sub sistem ini

dapat memenuhi solusi petugas beasiswa dalam memverivikasi berkas pendaftar

beasiswa.

4. Sistem Aplikasi Penilaian Psikotes

Pada sub sistem ini, diharapkan dapat menangani permasalahan yang telah

dirinci pada latar belakang yaitu petugas psikotes menginputkan nilai secara

offline, yaitu dengan menginputkan nilai melalui kertas lalu menyetorkan nilai

psikotes pendaftar ke petugas beasiswa.

Sehingga solusi yang dihasilkan adalah dibuatkannya sistem penilaian

psikotes, yang dimana petugas psikotes mendapatkan akun untuk menginputkan

nilai psikotes pendaftar beasiswa. Rancangan solusi yang dihasilkan terdapat pada

Gambar 3.76 Untuk proses penerapan dari rancangan tersebut terdapat pada

Gambar 4.38.

Selanjutnya untuk pembuktian bahwa penerapan rancangan tersebut dapat

berjalan dengan baik, maka dilakukan pengujian dengan perincian uji coba

tersebut dapat dilihat pada Tabel 4.9 dan pembuktian bahwa uji coba sukses

terdapat pada Gambar 4.60 dan Gambar 4.61.

Berdasarkan hasil uji coba dengan menggunakan metode blackbox testing

dan pengujian kepada pengguna, dapat ditarik kesimpulan bahwa sub sistem ini

dapat memenuhi solusi petugas psikotes dalam proses penilaian nilai psikotes.

Page 216: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

192

5. Sistem Aplikasi Penilaian Survey

Pada sub sistem ini, diharapkan dapat menangani permasalahan yang telah

dirinci pada latar belakang yaitu petugas survey menginputkan nilai secara offline,

yaitu dengan menginputkan nilai melalui kertas lalu menyetorkan nilai survey

pendaftar ke petugas beasiswa.

Sehingga solusi yang dihasilkan adalah dibuatkannya sistem penilaian

survey, yang dimana petugas survey mendapatkan akun untuk menginputkan nilai

survey pendaftar beasiswa. Rancangan solusi yang dihasilkan terdapat pada

Gambar 3.78 Untuk proses penerapan dari rancangan tersebut terdapat pada

Gambar 4.36.

Selanjutnya untuk pembuktian bahwa penerapan rancangan tersebut dapat

berjalan dengan baik, maka dilakukan pengujian dengan perincian uji coba

tersebut dapat dilihat pada Tabel 4.11 dan pembuktian bahwa uji coba sukses

terdapat pada Gambar 4.58 dan Gambar 4.59.

Berdasarkan hasil uji coba dengan menggunakan metode blackbox testing

dan pengujian kepada pengguna, dapat ditarik kesimpulan bahwa sub sistem ini

dapat memenuhi solusi petugas survey dalam proses penilaian nilai survey.

6. Sistem Seleksi Dengan Menggunakan Metode SAW

Pada sub sistem ini, diharapkan dapat menangani permasalahan yang telah

dirinci pada latar belakang yaitu proses seleksi pendaftaran beasiswa, yaitu masih

menggunakan hanya tola ukur kelengkapan berkas, nilai ipk, penghasilan orang

tua, survey dan nilai psikotes.

Sehingga solusi yang dihasilkan adalah dibuatkannya sistem seleksi

dengan menggunakan metode SAW, yang dimana seleksi ini menggunakan 6

Page 217: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

193

kriteria untuk proses seleksi pendaftaran ditambah dengan setiap kriteria memiliki

bobot tersendiri. Ini yang membuat proses seleksi lebih akurat dan terjamin hasil

akhirnya. Proses penentuan perangkingan diambil dari proses skor akhir paling

tinggi ke skor terendah. Rancangan solusi yang dihasilkan untuk penyeleksian

terdapat pada Gambar 3.68 Untuk proses penerapan dari rancangan tersebut

terdapat pada Gambar 4.26.

Selanjutnya untuk pembuktian bahwa penerapan rancangan tersebut dapat

berjalan dengan baik, maka dilakukan pengujian dengan perincian uji coba

tersebut dapat dilihat pada Tabel 4.7, untuk uji coba perhitungan metode SAW

dengan menggunakan excel dapat dilihat pada Sub bab 4.3 Uji Coba Seleksi

Menggunakan SAW Dengan Perhitungan Excel dan pembuktian bahwa uji coba

sukses terdapat pada Gambar 4.48 dan Gambar 4.49.

Berdasarkan hasil uji coba dengan menggunakan metode blackbox testing

dan pengujian kepada pengguna, dapat ditarik kesimpulan bahwa sub sistem ini

dapat memenuhi solusi dalam proses penyeleksian.

7. Sistem Aplikasi Perangkingan dan Penerimaan Beasiswa

Pada sub sistem ini, diharapkan dapat menangani permasalahan yang telah

dirinci pada latar belakang yaitu proses perangkingan dan penerimaan beasiswa

yang masih menggunakan excel untuk melihat total nilai yang didapat pendaftar.

Sehingga solusi yang dihasilkan adalah dibuatkannya sistem

perangkingan yaitu dengan mengurutkan dari hasil skor tertinggi ke terendah dan

membuatkan sistem kuota untuk menerima pendaftar. Rancangan solusi yang

dihasilkan untuk penyeleksian terdapat pada Gambar 3.68 Untuk proses

Page 218: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

194

penerapan dari rancangan tersebut terdapat pada Gambar 4.26 dan hasil dari

penerimaan akan masuk pada mahasiswa asuh dapat dilihat pada Gambar 4.27.

Selanjutnya untuk pembuktian bahwa penerapan rancangan tersebut dapat

berjalan dengan baik, maka dilakukan pengujian dengan perincian uji coba

tersebut dapat dilihat pada Tabel 4.7 dan pembuktian bahwa uji coba sukses

terdapat pada Gambar 4.50 dan Gambar 4.51.

Berdasarkan hasil uji coba dengan menggunakan metode blackbox testing

dan pengujian kepada pengguna, dapat ditarik kesimpulan bahwa sub sistem ini

dapat memenuhi solusi dalam proses perangkingan dan penerimaan.

8. Sistem Aplikasi Penerimaan dan Cetak Laporan

Pada sub sistem ini, diharapkan dapat menangani permasalahan yang telah

dirinci pada latar belakang yaitu proses cetak laporan untuk setiap kategori, proses

cetak laporan masih menunggu hasil dan memerlukan waktu yang lama untuk

mencetak laporan dan tidak realtime.

Sehingga solusi yang dihasilkan adalah dibuatkannya sistem cetak laporan

yang membantu untuk mencetak laporan dari semua kategori dan di cetak secara

realtime. Rancangan solusi yang dihasilkan untuk penyeleksian terdapat pada

Gambar 3.80 dan Gambar 3.81 untuk proses penerapan dari rancangan tersebut

terdapat pada Gambar 4.32.

Selanjutnya untuk pembuktian bahwa penerapan rancangan tersebut dapat

berjalan dengan baik, maka dilakukan pengujian dengan perincian uji coba

tersebut dapat dilihat pada Tabel 4.7, untuk uji coba cetak laporan dapat dilihat

pada Gambar 4.55.

Page 219: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

195

Berdasarkan hasil uji coba dengan menggunakan metode blackbox testing

dan pengujian kepada pengguna, dapat ditarik kesimpulan bahwa sub sistem ini.

9. Sistem Aplikasi Penerimaan dan Cetak Laporan

Dibawah ini adalah proses dimana kondisi saat masih menggunakan sistem

manual, dari proses pendaftaran hingga penerimaan beasiswa hingga proses disaat

sudah menggunakan sistem aplikasi pendaftaran dan seleksi beasiswa secara

online. Pada table dibawah ini diperinci waktu yang diperlukan saat masih

menggunakan sistem aplikasi, perincian tersebut dapat dilihat pada table berikut :

No Aktivitas Sebelum Sesudah Status

1. Pendaftaran Beasiswa 15 Menit – 1,5 Jam 5 Menit Sukses

2. Validasi Berkas dan Data 30 Menit – 1 Jam 10 Menit Sukses

3. Penilaian Nilai Psikotes 7 Menit – 15 Menit 2 Menit Sukses

4. Penilaian Nilai Survey 30 Menit – 1 Jam 2 Menit Sukses

5. Seleksi Pendaftar 45 Menit – 1 Jam 5 – 50 Detik Sukses

6. Penerimaan Beasiswa 15 Menit – 30 Menit 1 – 5 Menit Sukses

Dapat disimpulkan bahwa setelah menggunakan sistem aplikasi

pendaftaran dan seleksi beasiswa menggunakan metode SAW maka waktu yang

dipangkas sangat banyak, sehingga dari proses pendaftaran hingga proses

penerimaan hanya membutuhkan waktu kurang dari 5 menit dari setiap aktivitas,

maka proses ini dinyatakan sukses untuk mengatasi solusi pada latar belakang.

Page 220: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

196

BAB V

PENUTUP

5.1 Kesimpulan

Dari hasil implementasi, uji coba dan evaluasi sistem yang telah dilakukan

pada aplikasi pendaftaran dan seleksi menggunakan metode SAW, maka

kesimpulan yang didapat adalah sebagai berikut:

1. Aplikasi pendaftaran online dibuat agar pendaftar dapat mendaftar beasiswa

secara online dan mengakses dimana saja.

2. Sistem membuatkan akun pendaftar sehingga memudahkan Pendaftar untuk

mendaftar beasiswa dan mengunggah berkas serta mendapatkan informasi

terkait status penerimaan beasiswa.

3. Sistem seleksi yang menggunakan metode SAW dapat membantu dalam proses

seleksi data beserta nilai dari psikotes dan nilai survey dengan menggunakan

metode SAW sehingga dapat membantu memberikan hasil yang dibutuhkan

oleh petugas beasiswa.

4. Sistem aplikasi cetak laporan untuk petugas beasiswa sehingga membantu

untuk membuat rekapan menjadi lebih akurat dan realtime dengan cetak

laporan.

5. Sistem aplikasi penginputan nilai survey untuk petugas survey sehingga dapat

menginputkan nilai secara online.

6. Sistem aplikasi penginputan nilai psikotes untuk petugas psikotes sehingga

dapat menginputkan nilai secara online.

Page 221: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

197

5.2 Saran

Adapun saran yang dapat diberikan kepada peneliti yang ingin

mengembangkan aplikasi ini adalah:

1. Aplikasi ini dapat dikembangkan menjadi berbasis android dan ios.

2. Menambahkan sistem penyeleksian dengan kategori pendidikan dimulai dari

SMP dan SMA

Page 222: RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI …repository.dinamika.ac.id/id/eprint/3208/1/14410100146... · 2018-12-06 · FAKULTAS TEKNOLOGI DAN INFORMATIKA ... membantu proses

198

DAFTAR PUSTAKA

Andi (2014). Beasiswa Pendidikan Untuk Bangsa . Jakarta: Dunia Pendidikan.

Basuki, A.P. (2010). Membangun Framework Berbasis PHP. Jakarta: Mitra

Wacana Media.

Dharma, Agus. (2009). Manajemen Prestasi Kerja. Jakarta: Rajawali Press.

Fuad, Rozi. (2010). Pengembangan Manajemen Sumber Daya Manusia

Berkualitas. Bandung: Alfabeta.

Hakim, Lukmanul. (2010). Membangun Website Berbasis PHP Dengan

Framework CodeIgniter. Yogyakarta: Lokomedia.

Hakim, Lukmanul. (2012). Trik Rahasia Master PHP Terbongkar Lagi.

Yogyakarta: Lokomedia.

Kusumadewi, Sri. (2008). Pencarian Bobot Atribut Pada Multiple-Attribute

Decision Making. Jakarta: Genetika.

Meloni. (2012). Dasar Pemograman HTML Menggunakan Dreamweaver.

Bandung: Informatika.

Nasution, Hasibuan. (2011). Manajemen Sumber Daya Manusia. Jakarta:

Grafindo.

Nasrudin. (2012). Definisi Aplikasi Dalam Bisnis. Jakarta: Salemba Empat.

O'Brien, J., & Marakas, G. (2008). Introduction To Information Systems. The

MacGraw-Hill Companies.

Oktavian. (2013). Mahir HTML, PHP & Bootsrap Dalam 7 Hari. Yogyakarta:

Lokomedia.

Puji, Diar. (2010). Responsive Web Design dengan PHP & Bootsrap. Yogyakarta:

Lokomedia.

Satzinger, J W., Jackson, R.B, & Burd, S.D. (2011). Object-Oriented Analysis and

Design with Unified Process. USA: Cengage Learning.

Sutarman. (2009). Pengantar Teknologi Informasi. Jakarta: Bumi Aksara.

Welling & Thomson. (2009). Introduction to Information Technology With Mysql.

USA: Wiley.