RANCANG BANGUN SISTEM SERTIFIKASI CARA PENANGANAN

IKAN YANG BAIK (CPIB) BERBASIS WEBSITE

(STUDI KASUS BKIPM KELAS II CIREBON)

SKRIPSI

Untuk memenuhi sebagian persyaratan mencapai derajat Sarjana (S1) Teknik

pada Fakultas Teknik Program Studi Teknik Informatika

Disusun oleh:

Wiky Wildan Assidqie

201511009

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH CIREBON

2023/1444 H
RANCANG BANGUN SISTEM SERTIFIKASI CARA PENANGANAN
IKAN YANG BAIK (CPIB) BERBASIS WEBSITE

(STUDI KASUS BKIPM KELAS II CIREBON)

SKRIPSI

Untuk memenuhi sebagian persyaratan mencapai derajat Sarjana (S1) Teknik

pada Fakultas Teknik Program Studi Teknik Informatika

Disusun oleh:

Wiky Wildan Assidqie

201511009

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH CIREBON

2023/1444 H
RANCANG BANGUN SISTEM SERTIFIKASI CARA PENANGANAN
IKAN YANG BAIK (CPIB) BERBASIS WEBSITE

(STUDI KASUS BKIPM KELAS II CIREBON)

DESIGN AND DEVELOPMENT OF A GOOD FISH HANDLING

CERTIFICATION SYSTEM (CPIB) BASED ON WEBSITE

(CASE STUDY: BKIPM CLASS II CIREBON)

Disusun oleh:

Wiky Wildan Assidqie

201511009

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH CIREBON

2023/1444 H

i
 LEMBAR PERSETUJUAN

SKRIPSI

RANCANG BANGUN SISTEM SERTIFIKASI CARA PENANGANAN

IKAN YANG BAIK (CPIB) BERBASIS WEBSITE

(STUDI KASUS BKIPM KELAS II CIREBON)

Diusulkan Oleh:

Nama : Wiky Wildan Assidqie

NIM : 201511009

Prodi : Teknik Informatika

Fakultas : Teknik

Telah Disetujui

Pada tanggal ………………………….,2023

Pembimbing I Pembimbing II

Dian Novianti, [Link] Suhana Minah Jaya M.T

NIDN. 04.2111.7105 NIDN. 0409046101

ii
 LEMBAR PENGESAHAN

RANCANG BANGUN SISTEM SERTIFIKASI CARA PENANGANAN

IKAN YANG BAIK (CPIB) BERBASIS WEBSITE

(STUDI KASUS BKIPM KELAS II CIREBON)

Yang dipersiapkan dan disusun oleh

Wiky Wildan Assidqie

201511009

Disetujui dan disahkan oleh pembimbing

Dian Novianti [Link]., [Link]

NIDN. 04.2111.7105
Suhana Minah Jaya M.T
NIDN. 0409046101
Susunan Dewan Penguji
Telah dipertahankann di depan Dewan Penguji
Pada tanggal ……………………. 2023
Nama Penguji Tanda tangan
Penguji 1
NIDN.
Penguji 2
NIDN.

Skripsi ini telah diterima sebagai salah satu persyaratan

untuk memperoleh gelar Sarjana Teknik
Tanggal ……………….. 2023

Mengetahui,
Ketua Program Studi S1 Teknik Informatika

Dian Novianti, [Link].

NIDN. O4.2111.7105

iii
 HALAMAN PERNYATAAN

Saya yang bertandatangan dibawah ini menyatakan bahwa Skripsi ini merupakan
karya saya sendiri (ASLI), dan isi dalam Skripsi ini tidak terdapat karya yang
pernah diajukan oleh orang lain untuk memperoleh gelar akademis di suatu Institusi
Pendidikan, dan sepanjang pengetahuan saya juga tidak terdapat karya atau
pendapat yang pernah ditulis dan/atau diterbitkan oleh orang lain, kecuali yang
secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka.

Cirebon,………….2023

Wiky Wildan Assidqie

NIM : 201511009

iv
 KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Allah SWT karna dengan rahmat,
karunia serta taufik dan hidayah-Nya serta tidak lupa penulis panjatkan solawat
serta salam kepada Nabi kita Nabi Muhammad SAW sehingga penulis dapat
menyelesaikan skripsi “Rancang Bangun Sistem Sertifikasi Cara Penanganan Ikan
yang Baik (CPIB) Berbasis Web (Studi Kasus BKIPM Kelas II Cirebon)”. Skripsi
ini dibuat untuk memenuhi salah satu syarat dalam memperoleh derajat Sarjana
Teknik Pada Program Studi Teknik Informatika Fakultas Teknik Universitas
Muhammadiyah Cirebon.
Penyusunan skripsi ini tak lepas dari dukungan dan bantuan dari berbagai
pihak. Untuk itu, pada kesempatan ini penulis dengan segala kerendahan hati ini
mengucapkan terima kasih kepada :
1. Bapak Arif Nurudin, M.T., selaku Rektor Universitas Muhammadiyah
Cirebon.
2. Ibu Nuri Kartini, MT.,IPM.,ASEAN Eng., selaku Dekan Fakultas Teknik
Universitas Muhammadiyah Cirebon.
3. Ibu Dian Novianti, [Link], selaku Ketua Program Studi Teknik
Informatika Universitas Muhammadiyah Cirebon Sekaligus Dosen
Pembimbing 1 yang telah memberikan bimbingan dan pengarahan kepada
penulis, sehingga penyusunan draft skripsi ini dapat terealisasikan..
4. Bapak Suhana Minah Jaya M.T., selaku Dosen Pembimbing 1 yang telah
memberikan bimbingan dan pengarahan kepada penulis, sehingga
penyusunan draft skripsi ini dapat terealisasikan.
5. Seluruh Dosen dan Staff Fakultas Teknik, khususnya Program Studi S-1
Teknik Informatika yang telah membekali ilmu dan wawasan kepada
penulis selama belajar di Universitas Muhammadiyah Cirebon.
6. Orang tua dan Keluarga tercinta atas curahan kasih sayang, cinta, doa dan
bimbingan serta dukungan baik moril maupun materil yang selalu menyertai
penulis.
7. Rangga manggala Yudha dan Jeri Maulana yang telah membantu,
memberikan motivasi dan sharing pengetahuan.

v
 8. Teman-teman Jurusan Teknik Informatika yang telah membantu,
memberikan motivasi dan sharing pengetahuan.
9. Serta semua pihak lain yang tidak dapat disebutkan satu persatu yang telah
banyak membantu sehingga penyusunan skripsi ini dapat terselesaikan.
Semoga segala bantuan yang telah diberikan kepada penulis dan
penyusunan skripsi ini mendapat pahala yang setimpal dari Allah SWT.

Penulis menyadari bahwa laporan ini masih banyak kekurangan dan

ketidaksempurnaan, karena keterbatasaan ilmu yang penulis miliki. Untuk itu
penulis mengharapkan masukan dan kritikan yang positif dari pembaca, demi
kesempurnaan laporan ini pada masa yang akan datang.

Akhir kata, penulis berharap semoga laporan ini bermanfaat bagi siapapun
yang membacanya. Semoga Allah senantiasa memberi Rahmat dan Hidayah-Nya
kepada kita semua.

Cirebon, Juni 2023

Penulis,

Wiky Wildan Assidqie

NIM. 201511009

vi
 DAFTAR ISI

HALAMAN JUDUL
LEMBAR PERSETUJUAN.................................................................................... ii
LEMBAR PENGESAHAN ................................................................................... iii
HALAMAN PERNYATAAN ............................................................................... iv
KATA PENGANTAR ............................................................................................ v
DAFTAR ISI ......................................................................................................... vii
DAFTAR GAMBAR ............................................................................................. xi
DAFTAR TABEL ................................................................................................ xiii
DAFTAR LISTING .............................................................................................. xv
INTISARI ............................................................................................................. xvi
ABSTRACT ........................................................................................................ xvii
BAB I PENDAHULUAN ...................................................................................... 1
1.1 Latar Belakang .............................................................................................. 1
1.2 Identifikasi Masalah ...................................................................................... 3
1.3 Rumusan Masalah ......................................................................................... 4
1.4 Batasan Masalah............................................................................................ 4
1.5 Maksud dan Tujuan Penelitian ...................................................................... 5
1.5.1 Maksud ................................................................................................... 5
1.5.2 Tujuan .................................................................................................... 5
1.6 Manfaat Penelitian ........................................................................................ 6
1.7 Metodologi Penelitian ................................................................................... 6
1.7.1 Metode Pengumpulan Data .................................................................... 7
1.7.2 Teknik Pengembangan Sistem ............................................................... 7
1.8 Kerangka Berfikir.......................................................................................... 9
1.9 Tempat Dan Waktu Penelitian .................................................................... 10
1.10 Sistematika Penulisan................................................................................ 10
BAB II TINJAUAN PUSTAKA .......................................................................... 13
BAB III LANDASAN TEORI ............................................................................. 28
3.1 Definisi Judul Penelitian ............................................................................. 28
3.1.1 Sistem ................................................................................................... 28
3.1.2 Informasi .............................................................................................. 28
3.1.3 Sistem Informasi .................................................................................. 28
3.1.4 Sertifikasi ............................................................................................. 29

vii
 3.1.5 Cara Penanganan Ikan yang Baik(CPIB) ............................................. 29
3.2 Konsep Dasar Pemrograman Web .............................................................. 30
3.2.1 Website................................................................................................. 30
3.2.2 Hypertext Markup Language (HTML) ................................................ 30
3.2.3 Hypertext Preprocessor (PHP) ............................................................. 31
3.2.4 Cascading Style Sheet (CSS) ............................................................... 31
3.2.5 Codeigniter ........................................................................................... 31
3.3 Konsep Dasar Basis Data (Database) .......................................................... 31
3.3.1 Pengertian Database ............................................................................. 31
3.3.2 Pengertian Database Management System (DBMS) ........................... 32
3.4 Unified Modelling Language(UML)........................................................... 33
BAB IV ANALISIS DAN PERANCANGAN SISTEM ..................................... 34
4.1 Analisis Sistem ............................................................................................ 34
4.2 Analisis Kebutuhan Sistem ......................................................................... 35
4.2.1 Analisis Kebutuhan Fungsional ........................................................... 35
4.2.2 Analisis Kebutuhan Non Fungsional ................................................... 36
4.3 Deskripsi Sistem.......................................................................................... 36
4.4 Rancangan Model Arsitektur Sistem .......................................................... 38
4.5 Perancangan Sistem .................................................................................... 39
4.5.1 Use Case Diagram ................................................................................ 39
4.5.2 Activity Diagram .................................................................................. 51
4.5.3 Sequence Diagram ............................................................................... 58
4.6 Perancangan Basis Data .............................................................................. 65
4.6.1 Database ............................................................................................... 65
4.7 Desain User Interface ................................................................................. 77
4.7.1 Desain Login System ............................................................................ 77
4.7.2 Desain Registrasi sistem ...................................................................... 78
4.7.3 Desain Halaman Utama (Dashboard)................................................... 79
4.7.4 Desain Halaman Daftar Pengajuan ...................................................... 79
4.7.5 Desain Halaman Permohonan Pengajuan Sertifikasi ........................... 80
4.7.6 Desain Halaman Detail Pengajuan ....................................................... 80
4.7.7 Desain Halaman Daftar Penilaian ........................................................ 81
4.7.8 Desain Halaman Penilaian Sertifikasi .................................................. 82
4.7.9 Desain Halaman Detail Penilaian......................................................... 83

viii
 4.7.10 Desain Halaman Perbaikan Sertifikasi ............................................... 83
4.7.11 Desain Halaman Cetak Sertifikat ....................................................... 84
4.7.12 Desain Halaman Supplier Terdaftar ................................................... 84
4.7.13 Desain Halaman Daftar Pengguna (Administrator) ........................... 85
4.7.14 Desain Halaman Profil Saya .............................................................. 85
4.7.15 Desain Halaman Perbarui Profil......................................................... 86
BAB V IMPLEMENTASI ................................................................................... 87
5.1 Lingkungan Implementasi........................................................................... 87
5.1.1 Perangkat Keras ................................................................................... 87
5.1.2 Perangkat Lunak................................................................................... 87
5.2 Implementasi Sertifikasi Cara Penanganan Ikan yang Baik (CPIB) ........... 88
5.2.1 Halaman Login ..................................................................................... 88
5.2.2 Halaman Registrasi Supplier ................................................................ 89
5.2.3 Halaman Utama .................................................................................... 90
5.2.4 Halaman Permohonan Sertifikasi ......................................................... 91
5.2.5 Proses Pengajuan Sertifikasi ................................................................ 93
5.2.6 Halaman Daftar Penilaian Ajuan ......................................................... 95
5.2.7 Proses Penilaian Sertifikasi .................................................................. 97
5.2.8 Halaman Daftar Perbaikan Sertifikasi ................................................ 100
5.2.9 Proses Perbaikan Ajuan Sertifikasi .................................................... 102
5.2.10 Proses Cetak Sertifikat CPIB ........................................................... 105
5.2.11 Halaman Daftar Sertifikat CPIB ...................................................... 107
BAB VI HASIL DAN PEMBAHASAN ........................................................... 110
6.1 Penggunaan Aplikasi................................................................................. 110
6.1.1 Penggunaan Halaman Index Website(Halaman Login)...................... 110
6.1.2 Proses Pengajuan Sertifikasi CPIB .................................................... 112
6.1.3 Proses Penilaian Sertifikasi CPIB ...................................................... 114
6.1.4 Proses Perbaikan Sertifikasi CPIB ..................................................... 118
6.1.5 Proses Cetak Sertifikat CPIB ............................................................. 121
6.2 Pengujian ................................................................................................... 124
6.2.1 Rencana Pengujian ............................................................................. 124
6.2.2 Hasil Pengujian .................................................................................. 129
6.2.3 Rangkuman Hasil Pengujian .............................................................. 159
BAB VII PENUTUP .......................................................................................... 160

ix
 7.1 Kesimpulan ............................................................................................... 160
7.2 Saran.......................................................................................................... 161
DAFTAR PUSTAKA ......................................................................................... 162
LAMPIRAN ........................................................................................................ 164

x
 DAFTAR GAMBAR

Gambar 4.1 Rancangan Model Arsitektur Sistem................................................. 38

Gambar 4.2 Use Case Diagram ............................................................................. 50
Gambar 4.3 Activity Diagram Registrasi .............................................................. 51
Gambar 4.4 Activity Diagram Login Administrator ............................................. 52
Gambar 4.5 Activity Diagram Login Supplier ...................................................... 53
Gambar 4.6 Activity Diagram Pengajuan Sertifikasi ............................................ 54
Gambar 4.7 Activity Diagram Penilaian ............................................................... 55
Gambar 4.8 Activity Diagram Perbaikan .............................................................. 56
Gambar 4.9 Activity Diagram Cetak Sertifikat..................................................... 57
Gambar 4.10 Sequence Diagram Registrasi.......................................................... 58
Gambar 4.11 Sequence Diagram Login Administrator......................................... 59
Gambar 4.12 Sequence Diagram Login Supplier ................................................. 60
Gambar 4.13 Sequence Diagram Pengajuan Sertifikasi ....................................... 61
Gambar 4.14 Sequence Diagram Penilaian Ajuan ................................................ 62
Gambar 4.15 Sequence Diagram Perbaikan Ajuan ............................................... 63
Gambar 4.16 Sequence Diagram Cetak Sertifikat ................................................ 64
Gambar 4.17 Desain Form Login System ............................................................. 77
Gambar 4.18 Desain Form Register supplier ....................................................... 78
Gambar 4.19 Desain Halaman Dashboard ............................................................ 79
Gambar 4.20 Desain Halaman Daftar Pengajuan ................................................. 79
Gambar 4.21 Desain Halaman Permohonan Pengajuan Sertifikasi ...................... 80
Gambar 4.22 Desain Halaman Detail Pengajuan .................................................. 80
Gambar 4.23 Desain Halaman Daftar Penilaian ................................................... 81
Gambar 4.24 Desain Halaman Penilaian Sertifikasi ............................................. 82
Gambar 4.25 Desain Halaman Detail Penilaian.................................................... 83
Gambar 4.26 Desain Halaman Perbaikan Ajuan................................................... 83
Gambar 4.27 Desain Halaman Cetak Sertifikat .................................................... 84
Gambar 4.28 Desain Halaman Supplier Terdaftar ................................................ 84
Gambar 4.29 Desain Halaman Daftar Pengguna (Administrator) ........................ 85
Gambar 4.30 Desain Halaman Profil Saya ........................................................... 85
Gambar 4.31 Desain Halaman Perbarui Profil ...................................................... 86
Gambar 6.1 Halaman Index website (Login) ...................................................... 111
Gambar 6.2 Halaman Dashboard Administrator ................................................. 111
Gambar 6.3 Daftar Permohonan Sertifikasi CPIB .............................................. 112
Gambar 6.4 Form Permohonan Sertifikasi CPIB ................................................ 113
Gambar 6.5 Notifikasi berhasil dan halaman daftar permohonan ....................... 113
Gambar 6.6 Halaman Daftar Penilaian Ajuan..................................................... 114
Gambar 6.7 Halaman Detail Permohonan Sertifikasi ........................................ 115
Gambar 6.8 Form Pembuatan Tim Inspeksi ....................................................... 115
Gambar 6.9 Form Daftar Isian Penilaian Kelayakan Supplier ............................ 118
Gambar 6.10 Halaman Penilaian Pengajuan ....................................................... 119
Gambar 6.11 Halaman Hasil Penilaian yang perlu diperbaiki ............................ 120
Gambar 6.12 Form Perbaikan Sertifikasi ............................................................ 120

xi
Gambar 6.13 Halaman Perbaikan Ajuan............................................................. 121
Gambar 6.14 Halaman Penilaian Ajuan ............................................................. 122
Gambar 6.15 Halaman Detail Penilaian .............................................................. 123
Gambar 6.16 Form Generate Certificate ............................................................. 124
Gambar 6.17 Halaman Sertifikat......................................................................... 124

xii
 DAFTAR TABEL
Tabel 1.1 Tempat dan Waktu Penelitian ............................................................... 10
Tabel 2.1 Tinjauan Pustaka ................................................................................... 23
Tabel 4.1 Kriteria Penilaian .................................................................................. 37
Tabel 4.2 Definisi Aktor ...................................................................................... 39
Tabel 4.3 Definisi Use Case .................................................................................. 40
Tabel 4.4 Skenario Use Case Registrasi ............................................................... 42
Tabel 4.5 Skenario Use Case Login Administrator .............................................. 43
Tabel 4.6 Skenario Use Case Login Supplier ....................................................... 44
Tabel 4.7 Skenario Use Case Pengajuan Sertifikasi ............................................. 45
Tabel 4.8 Skenario Use Case Penilaian Ajuan ...................................................... 46
Tabel 4.9 Skenario Use Case Perbaikan Ajuan ..................................................... 47
Tabel 4.10 Skenario Use Case Cetak Sertifikat .................................................... 48
Tabel 4.11 Struktur Tabel Users ........................................................................... 65
Tabel 4.12 Struktur Tabel Admin ......................................................................... 66
Tabel 4.13 Struktur Tabel Suppliers ..................................................................... 66
Tabel 4.14 Struktur Tabel Pengajuan .................................................................... 67
Tabel 4.15 Struktur Tabel Penilaian...................................................................... 68
Tabel 4.16 Struktur Tabel Penilaian Detail ........................................................... 69
Tabel 4.17 Struktur Tabel Penilaian Notes ........................................................... 69
Tabel 4.18 Struktur Tabel Penilaian Penanganan ................................................. 70
Tabel 4.19 Struktur Tabel Perbaikan .................................................................... 70
Tabel 4.20 Struktur Tabel Perbaikan Detail .......................................................... 71
Tabel 4.21 Struktur Tabel Sertifikat...................................................................... 71
Tabel 4.22 Struktur Tabel Sertifikat Template ..................................................... 72
Tabel 4.23 Struktur Tabel Tim Inspeksi ............................................................... 74
Tabel 4.24 Struktur Tabel Penanganan ................................................................. 74
Tabel 4.25 Struktur Tabel Daftar Isian ................................................................. 75
Tabel 4.26 Struktur Tabel Jenis Produk ................................................................ 76
Tabel 4.27 Struktur Tabel Kategori Daftar Isian .................................................. 76
Tabel 6.1 Rencana Pengujian .............................................................................. 125
Tabel 6.2 Hasil Pengujian Kode Butir Uji 01 ..................................................... 129
Tabel 6.3 Hasil Pengujian Kode Butir uji 02 ...................................................... 129
Tabel 6.4 Hasil Pengujian Kode Butir Uji 03 ..................................................... 130
Tabel 6.5 Hasil Pengujian Kode Butir Uji 04 ..................................................... 131
Tabel 6.6 Hasil Pengujian Kode Butir Uji 05 ..................................................... 131
Tabel 6.7 Hasil Pengujian Kode Butir Uji 06 ..................................................... 132
Tabel 6.8 Hasil Pengujian Kode Butir Uji 07 ..................................................... 133
Tabel 6.9 Hasil Pengujian Kode Butir Uji 08 ..................................................... 133
Tabel 6.10 Hasil Pengujian Kode Butir Uji 09 ................................................... 134
Tabel 6.11 Hasil Pengujian Kode Butir Uji 10 ................................................... 135
Tabel 6.12 Hasil Pengujian Kode Butir Uji 11 ................................................... 136
Tabel 6.13 Hasil Pengujian Kode Butir Uji 12 ................................................... 137
Tabel 6.14 Hasil Pengujian Kode Butir Uji 13 ................................................... 137
Tabel 6.15 Hasil Pengujian Kode Butir Uji 14 .................................................. 138
Tabel 6.16 Hasil Pengujian Kode Butir Uji 15 ................................................... 139

xiii
Tabel 6.17 Hasil Pengujian Kode Butir Uji 16 ................................................... 139
Tabel 6.18 Hasil Pengujian Kode Butir Uji 17 ................................................... 140
Tabel 6.19 Hasil Pengujian Kode Butir Uji 18 ................................................... 141
Tabel 6.20 Hasil Pengujian Kode Butir Uji 19 ................................................... 141
Tabel 6.21 Hasil Pengujian Kode Butir Uji 20 ................................................... 142
Tabel 6.22 Hasil Pengujian Kode Butir Uji 21 ................................................... 143
Tabel 6.23 Hasil Pengujian Kode Butir Uji 22 ................................................... 143
Tabel 6.24 Hasil Pengujian Kode Butir Uji 23 ................................................... 144
Tabel 6.25 Hasil pengujian Kode butir Uji 24 .................................................... 145
Tabel 6.26 Hasil Pengujian Kode Butir Uji 25 ................................................... 145
Tabel 6.27 Hasil Pengujian Kode Butir Uji 26 ................................................... 146
Tabel 6.28 Hasil Pengujian Kode Butir Uji 27 ................................................... 147
Tabel 6.29 Hasil Pengujian Kode Butir Uji 28 ................................................... 147
Tabel 6.32 Hasil Pengujian Kode Butir Uji 29 ................................................... 148
Tabel 6.34 Hasil Pengujian Kode Butir Uji 30 ................................................... 149
Tabel 6.37 Hasil Pengujian Kode Butir Uji 31 ................................................... 149
Tabel 6.38 Hasil Pengujian Kode Butir Uji 32 ................................................... 150
Tabel 6.39 Hasil Pengujian Kode Butir Uji 33 ................................................... 151
Tabel 6.40 Hasil Pengujian Kode Butir Uji 34 ................................................... 151
Tabel 6.41 Hasil Pengujian Kode Butir Uji 35 ................................................... 152
Tabel 6.42 Hasil Pengujian Kode Butir Uji 36 ................................................... 153
Tabel 6.43 Hasil Pengujian Kode Butir Uji 37 ................................................... 153
Tabel 6.44 Hasil Pengujian Kode Butir Uji 38 ................................................... 154
Tabel 6.45 Hasil Pengujian Kode Butir Uji 39 ................................................... 155
Tabel 6.46 Hasil Pengujian Kode Butir Uji 40 ................................................... 155
Tabel 6.47 Hasil Pengujian Kode Butir Uji 41 ................................................... 156
Tabel 6.48 Hasil Pengujian Kode Butir Uji 42 ................................................... 157
Tabel 6.49 Hasil Pengujian Kode Butir Uji 43 ................................................... 157
Tabel 6.50 Hasil Pengujian Kode Butir Uji 44 ................................................... 158

xiv
 DAFTAR LISTING

Listing 5.1 Halaman Login ................................................................................... 89

Listing 5.2 Halaman Registrasi ............................................................................. 90
Listing 5.3 Halaman Dashboard ............................................................................ 91
Listing 5.4 Halaman Permohonan Sertifikasi ....................................................... 93
Listing 5.5 Proses Pengajuan Sertifikasi ............................................................... 95
Listing 5.6 Halaman Daftar Penilaian Ajuan ........................................................ 97
Listing 5.7 Proses Penilaian Sertifikasi............................................................... 100
Listing 5.8 Halaman Daftar Perbaikan Sertifikasi .............................................. 102
Listing 5.9 Proses Perbaikan Ajuan Sertifikasi ................................................... 105
Listing 5.10 Proses Cetak Sertifikat .................................................................... 106
Listing 5.11 Halaman Daftar Sertifikat CPIB ..................................................... 109

xv
 INTISARI

RANCANG BANGUN SISTEM SERTIFIKASI CARA PENANGANAN

IKAN YANG BAIK (CPIB) BERBASIS WEBSITE
(STUDI KASUS BKIPM KELAS II CIREBON)

Oleh

Wiky Wildan Assidqie

201511009

Penanganan ikan yang baik merupakan faktor penting dalam menjaga

kualitas dan keamanan produk perikanan. Untuk memastikan penanganan ikan
yang tepat, diperlukan sistem sertifikasi yang efisien dan dapat diakses secara luas.
Penelitian ini bertujuan untuk merancang dan mengembangkan Sistem Sertifikasi
Cara Penanganan Ikan yang Baik (CPIB) berbasis website dengan studi kasus di
BKIPM Kelas II Cirebon. Di Badan Karantina Ikan, Pengendalian Mutu dan
Keamanan Perikanan(BKIPM) Sertifikasi CPIB masih menggunakan teknologi
konvensional seperti pengajuan yang harus mendatangi kantor, pengecekan form
penilaian masih menggunakan kertas, penghitungan penilaian yang dilakukan
secara manual dan proses pencetakan sertifikat satu persatu yang masih
menggunakan coreldraw. Hal ini rentan terjadinya human error.
Aplikasi yang dibuat adalah sistem sertifikasi cara penanganan ikan yang
baik (CPIB) berbasis web. Website yang dibuat menggunakan bahasa pemrograman
PHP, mengunakan Framework Codeigniter 3 dan sebagai databasenya adalah
MySQL. Teknik pengumpulan data dilakukan dengan cara observasi, wawancara
dan studi literatur, sedangkan metode yang digunakan adalah waterfall.
Aplikasi berbasis web ini menyedikan layanan sertifikasi cara penanganan
ikan yang baik(CPIB) yang terdiri dari proses permohonan pengajuan sertifikasi,
proses penilaian inspeksi supplier, perbaikan pengajuan sertifikasi, dan proses
pencetakan sertifikat secara otomatis by system.

Kata Kunci : Sistem Sertifikasi,Sertifikat, Cara Penanganan Ikan yang Baik, CPIB,
website

xvi
 ABSTRACT

RANCANG BANGUN SISTEM SERTIFIKASI CARA PENANGANAN

IKAN YANG BAIK (CPIB) BERBASIS WEBSITE
(STUDI KASUS BKIPM KELAS II CIREBON)

By

Wiky Wildan Assidqie

201511009

Good fish handling is an essential factor in maintaining the quality and

safety of fishery products. To ensure proper fish handling, an efficient and widely
accessible certification system is required. This research aims to design and
develop a web-based Good Fish Handling Certification System (CPIB) with a case
study at BKIPM Class II Cirebon. At the Fisheries Quarantine, Quality Control,
and Safety Agency (BKIPM), the CPIB certification process still relies on
conventional technology, such as submitting applications in person, manual paper-
based assessment forms, manual assessment calculations, and individual certificate
printing using CorelDRAW. This conventional approach is prone to human errors.
The developed application is a web-based system for certifying good fish
handling practices (CPIB). The website is built using PHP programming language,
utilizing Codeigniter 3 framework, and MySQL as the database. Data collection
techniques involved observation, interviews, and literature review, while the
methodology employed was the waterfall approach.
This web-based application provides services for the certification of good
fish handling practices (CPIB). It encompasses processes such as certification
application submission, supplier inspection assessment, certification application
improvement, and automated certificate printing by the system.
Keywords: Certification System, Certificate, Good Fish Handling Practices, CPIB,
website

xvii
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi informasi dan komunikasi saat ini
memberikan banyak manfaat dalam berbagai aspek kehidupan manusia,
baik dalam aspek sosial, ekonomi, politik budaya, juga dalam Pendidikan.
Manfaat yang diberikan bisa positif maupun negatif tergantung dari cara
penggunaan teknologi tersebut. Teknologi informasi mengalami kemajuan
yang sangat pesat dan berpengaruh sangat signifikan terhadap segala
aktivitas manusia baik secara pribadi, dalam komunitas, organisasi, maupun
kelembagaan. Manfaat positif dari penggunaan teknologi informasi salah
satunya adalah dapat membantu menyelesaikan pekerjaan manusia menjadi
lebih mudah dan efisien. Banyaknya fasilitas kemudahan-kemudahan yang
diberikan oleh kemajuan teknologi informasi secara langsung berdampak
kepada kegiatan suatu lembaga. Pemanfaatan teknologi informasi dapat
memenuhi kebutuhan suatu lembaga atau organisasi dengan sangat cepat,
tepat waktu, relevan, dan akurat.

BKIPM Cirebon adalah unit organisasi di Badan Karantina Ikan,

Pengendalian Mutu dan Keamanan Hasil Perikanan, Kementerian Kelautan
dan Perikanan yang diberikan mandat oleh Menteri untuk melakukan
pengendalian sistem jaminan kesehatan ikan, mutu dan keamanan hasil
perikanan, berdasarkan pada Permen KP Nomor 19/PerMen-KP/2010.

BKIPM Cirebon menerapkan Sistem Manajemen Mutu ISO 9001:2015

dengan menggunakan pendekatan proses. Pendekatan proses dilakukan
melalui pemahaman kepada masing-masing bagian dalam organisasi terkait
fungsi, tanggung jawab dan posisinya dalam sistem, maupun pentingnya
penerapan Sistem Manajemen Mutu dalam proses pencapaian tujuan
organisasi agar lebih terarah.

1
 2

Sertifikasi adalah suatu penetapan yang diberikan oleh suatu organisasi

professional terhadap seseorang untuk menunjukkan bahwa orang tersebut
memiliki kompetensi, mampu untuk melakukan suatu pekerjaan atau tugas
spesifik . Sertifikasi biasanya harus diperbaharui secara berkala, atau dapat
juga hanya berlaku untuk suatu periode tertentu. Pengguna jasa
berhubungan dengan BKIPM Cirebon dalam beberapa proses. Untuk proses
layanan sertifikasi di lingkup BKIPM Cirebon, pengguna jasa dapat
berinteraksi dalam kegiatan jasa pelayanan:

a. Sertifikasi kesehatan ikan ekspor

b. Sertifikasi kesehatan ikan impor
c. Sertifikasi kesehatan ikan domestik masuk
d. Sertifikasi kesehatan ikan domestik keluar

Proses-proses tersebut didukung oleh dukungan proses yang terdiri dari

proses pengadaan sarana dan prasarana, penilaian resiko, peningkatan
kompetensi personel dan pengetahuan organisasi. Sistem pengendalian juga
diterapkan dan menjadi tanggung jawab Subseksi Pengawasan
Pengendalian Informasi dengan pendekatan ISO 9001:[Link] dari
pengendalian semua proses tersebut adalah untuk memastikan kondisi yang
terkontrol sehingga akan tercapai konsistensi dalam pelaksanaan pekerjaan,
serta melihat peluang perbaikan layanan yang bermuara kepada kepuasan
pelanggan.

Penanganan ikan yang baik merupakan faktor penting dalam menjaga

kualitas dan keamanan produk perikanan. Untuk memastikan penanganan
ikan yang tepat, diperlukan sistem sertifikasi yang efisien dan dapat diakses
secara luas. Untuk menjaga terkontrolnya kualitas produk ekspor maka
BKIPM memiliki suatu proses inspeksi yang disebut dengan CPIB. Bentuk
keluaran dari CPIB ini merupakan sebuah sertifikat yang nantinya
digunakan sebagai tolak ukur apakah penanganan yang dilakukan oleh
supplier sesuai dengan tata cara yang telah ditentukan oleh kementrian
kelautan.
 3

Dalam prosesnya, Sertifikasi CPIB masih menggunakan teknologi

konvensional seperti Ketika supplier ingin mengajukan inspeksi, maka
supplier harus mendatangi kantor BKIPM sehingga untuk melakukan
pengajuan saja membutuhkan waktu yang tidak sedikit. Selain itu, dalam
proses pengecekan penilaian inspektur yang ditugaskan untuk menginspeksi
supplier harus membawa form penilaian berupa kertas. Selain terlalu
banyak formulir yang dibawa, bila kita memakai kertas bisa saja terjadi
hancurnya form dikarenakan air hujan atau yang lainnya. Kemudian, apabila
ingin mendapatkan kriteria penyimpangan maka harus dihitung secara
manual, hal ini bisa menyebabkan kesalahan hitung/human error dan
kriteria yang keluar tidak seharusnya. Dalam pencetakan Sertifikatnya pun
masih dibuat secara manual dengan coreldraw, adobephotoshop atau alat
pengedit gambar lainnya. Hal ini menjadikan waktu yang dibutuhkan untuk
mencetak satu sertifikat saja lama dan dengan perhitungan manual bisa saja
kriteria yang didapatkan tidak sesuai dengan adanya di lapangan.

Berdasarkan hal diatas penulis mengusulkan sebuah rancangan sistem

sertifikasi yang dapat mempermudah dalam melakukan penginspeksian,
penilaian dan pencetakan sertifikat di Badan Karantina Ikan, Pengendalian
Mutu dan Keamanan Perikanan(BKIPM) Kelas II Cirebon maka dibuat
sistem yang berjudul “Rancang Bangun Sistem Sertifikasi Cara Penanganan
Ikan yang Baik(CPIB) Berbasis Web”. Agar dapat membantu dalam proses
inspeksi CPIB.

1.2 Identifikasi Masalah

Dari Uraian Latar Belakang masalah diatas, penulis dapat
mengidentifikasi masalah sebagai berikut:

a. Pengajuan Sertifikat CPIB masih dilakukan secara konvensional

menggunakan kertas ajuan dan harus datang langsung ke kantor
BKIPM sehingga kurang efisien.
b. Penilaian masih dicatat menggunakan kertas sehingga rentan terjadinya
kerusakan dan penghitungan nilai/klasifikasi masih secara manual oleh
 4

inspektur dilapangan sehingga rentan terjadinya kesalahan

penghitungan/human error.
c. Pencetakan Sertifikat masih dilakukan secara manual dengan aplikasi
edit foto sehingga membutuhkan waktu yang lama untuk membuat
sertifikat baru.

1.3 Rumusan Masalah

Berdasarkan Identifikasi Masalah diatas maka dapat dirumuskan
sebagai berikut:

a. Bagaimana cara meningkatkan efisiensi proses pengajuan sertifikasi

CPIB?
b. Bagaimana cara meminimalisir terjadinya kehilangan data penilaian dan
mencegah terjadinya kesalahan hitung/human error?
c. Bagaimana cara mempercepat pembuatan sertifikat Cara Penanganan
Ikan yang Baik(CPIB) di BKIPM Kelas II Cirebon?

1.4 Batasan Masalah

Untuk membatasi penelitian agar cakupan yang dikerjakan lebih jelas,
maka penulis uraikan Batasan masalah sebagai berikut:

a. Penelitian dilaksanakan pada BKIPM Kelas II Cirebon

b. Aplikasi ini dirancang berbasis web dan dapat diakses oleh dua
pengguna
c. Aplikasi ini dirancang hanya untuk Pembuatan Sertifikat CPIB
d. Fitur yang ada di aplikasi ini meliputi pengajuan supplier, penilaian oleh
inspektur/administrator, dan pencetakan sertifikat CPIB
e. Diakses oleh 2 entitas yaitu Supplier dan Administrator/inspektur
 5

1.5 Maksud dan Tujuan Penelitian

1.5.1 Maksud
Berdasarkan latar belakang dan rumusan masalah yang telah
dipaparkan diatas maksud penulis adalah sebagai berikut:

a. Dengan dibangunnya sistem sertifikasi CPIB maka dapat

mengefektikan waktu dalam proses pengajuan dan pencetakan
sertifikat.
b. Dengan dibangunnya sistem sertifikasi CPIB dapat
meminimalisir kesalahan hitung Ketika menentukan kriteria
untuk sertifikat CPIB
c. Dengan dibangunnya sistem sertifikasi CPIB dapat
mempermudah inspektur untuk melakukan inspeksi kepada
supplier.
d. Memudahkan supplier untuk mengajukan proses sertifikasi
CPIB

1.5.2 Tujuan
Berdasarkan Latar Belakang dan Rumusan Masalah yang
telah dipaparkan diatas Tujuan Penulis adalah sebagai berikut:

a. Memudahkan supplier melakukan pengajuan sertifikasi CPIB

b. Untuk mempercepat proses penghitungan kriteria
penyimpangan untuk sertifikat CPIB.
c. Untuk mempermudah inspektur ketika melakukan inspeksi ke
supplier.
d. Untuk mempercepat proses pencetakan Sertifikat.
 6

1.6 Manfaat Penelitian

Penelitian ini dapat memberikan manfaat, diantaranya adalah:

a. Bagi Penulis
Pembuatan Sistem Sertifikasi CPIB membuat penulis dapat
memahami bagaimana merancang dan membuat sistem sertifikasi CPIB
Berbasis Web.
b. Bagi BKIPM Kelas II Cirebon
Sistem Sertifikasi CPIB pada BKIPM Kelas II Cirebon dapat
membantu supplier maupun inspektur yang menangani sertifikasi CPIB
dalam melakukan prosedur mendapatkan dan mencetak Sertifikat CPIB.
c. Bagi Universitas Muhammadiyah Cirebon
Dapat menjadi tolak ukur bagi Universitas Muhammadiyah
Cirebon untuk menghasilkan sarjana yang dapat melakukan
pengembangan sistem pada sebuah instansi/perusahaan.
d. Bagi Pembaca
Pembaca dapat mengetahui Langkah-langkah yang harus ditempuh
dalam merancang dan membangun Sistem Sertifikasi.

1.7 Metodologi Penelitian

Pada penelitian ini penulis menggunakan metode kualitatif, berdasarkan
Modul Rancangan Penelitian (2019) yang diterbitkan Ristekdikti, penelitian
kualitatif adalah prosedur riset yang memanfaatkan data deskriptif, berupa
kata-kata tertulis atau lisan dari orang-orang dan pelaku yang dapat diamati.

Karena penelitian ini menyangkut tentang riset yang bersifat deskriptif

dan cenderung menggunakan analisis. Proses makna (perspektif subjek)
lebih ditonjolkan dalam penelitian kualitatif. Landasan teori dimanfaatkan
sebagai pemandu agar fokus penelitian sesuai dengan fakta di lapangan.
Selain itu landasan teori juga bermanfaat untuk memberikan gambaran
umum tentang latar penelitian dan sebagai bahan pembahasan hasil
penelitian.
 7

1.7.1 Metode Pengumpulan Data

Metode pengumpulan data yang digunakan dalam penelitian
ini adalah metode observasi, wawancara, dan studi pustaka.

1. Observasi
Penulis melakukan pengamatan secara langsung terhadap
objek penelitian seperti dari staf pegawai BKIPM, divisi yang
ditugaskan untuk menangani sertifikasi CPIB maupun supplier
dengan mencatat hal-hal penting yang berhubungan dengan judul
laporan, sehingga diperoleh data yang lengkap dan akurat.
2. Wawancara
Penulis melakukan pengumpulan data dengan cara
melakukan komunikasi dan wawancara secara langsung dengan
pihak-pihak terkait khususnya dengan divisi yang menangani
proses sertifikasi CPIB.
3. Studi Literatur

Penulis juga melakukan pengumpulan data dengan

menggunakan atau mengumpulkan sumber-sumber tertulis dengan
cara membaca, mempelajari, dan mencatat hal-hal penting yang
berhubungan dengan masalah yang sedang dibahas guna
memperoleh gambaran secara teoritis.

1.7.2 Teknik Pengembangan Sistem

Metode pengembangan Perangkat lunak yang digunakan
untuk membangun sistem ini adalah metode Waterfall. Metode ini
merupakan sebuah pendekatan terhadap pengembangan perangkat
lunak yang sistematik, dengan beberapa tahapan, yaitu: System
Engineering, Analysis, Design, Coding, Testing dan Maintenance.
Tahapan utama dalam model waterfall rekayasa perangkat lunak ini
adalah sebagai berikut:
 8

1. System Engineering, merupakan bagian awal dari

pengerjaan suatu proyek perangkat lunak. Dimulai dengan
mempersiapkan segala hal yang diperlukan dalam
pelaksanaan proyek
2. Analysis, merupakan tahapan dimana System engineering
menganalisis segala hal yang ada pada pembuatan proyek
atau pengembangan perangkat lunak yang bertujuan untuk
memahami sistem yang ada, mengidentifikasi masalah dan
mencari solusinya
3. Design, merupakan tahap penerjemah dari keperluan atau
data yang dianalisis ke dalam bentuk yang mudah dimengerti
oleh pemakai (user).
4. Coding, yaitu menerjemahkan data yang dirancang ke dalam
Bahasa pemrograman yang telah ditentukan.
5. Testing, merupakan uji coba terhadap sistem atau program
setelah selesai dibuat.
6. Maintenance, yaitu penerapan sistem secara keseluruhan
disertai pemeliharaan jika terjadi perubahan struktur, baik
dari segi software maupun hardware.
 9

1.8 Kerangka Berfikir

Masalah

1. Pengajuan Sertifikat CPIB masih dilakukan secara konvensional menggunakan

kertas ajuan dan harus datang langsung ke kantor BKIPM sehingga kurang
efisien.
2. Penilaian masih dicatat menggunakan kertas sehingga rentan terjadinya
kerusakan dan penghitungan nilai/klasifikasi masih secara manual oleh
inspektur dilapangan sehingga rentan terjadinya kesalahan penghitungan/human
error.
3. Pencetakan Sertifikat masih dilakukan secara manual dengan aplikasi edit foto
sehingga membutuhkan waktu yang lama untuk membuat sertifikat baru.

Solusi/Tahapan Penyelesaian Metode

1. Perencanaan Studi Kelayakan: Teknis, 1. System Engineering

Operasi 2. Analysis
2. Menganalisis masalah dengan Studi 3. Design
Lapangan, Studi Literatur 4. Coding
3. Mendesain aplikasi/sistem 5. Testing
4. Membuat Aplikasi 6. Maintenance
5. Ujicoba
6. Penerapan
7. Perawatan
Dampak

1. Proses pengajuan
sertifikasi CPIB oleh
Hasil supplier lebih efisien
2. Terjadinya kehilangan
Sistem Sertifikasi Cara Penanganan Ikan data penilaian dan
yang Baik (CPIB) Berbasis Web mencegah terjadinya
(Studi Kasus BKIPM Kelas II Cirebon) kesalahan hitung/human
error dapat di minimalisir
3. Memudahkan dan
mempercepat proses
pembuatan sertifikat
 10

1.9 Tempat Dan Waktu Penelitian

1. Tempat Penelitian

Penelitian ini dilaksanakan Di Badan Karantina Ikan, Pengendalian

Mutu dan Keamanan Perikanan(BKIPM) Kelas II Cirebon.

Jln. Cideng Indah No.236 A Kedawung, Cirebon

2. Waktu Penelitian
Penelitian ini dilaksanakan pada bulan Februari 2023 sampai dengan
Juni 2023

3. Jadwal Penelitian

Tabel 1.1 Tempat dan Waktu Penelitian

Februari Maret April Mei Juni

Jenis Kegiatan (2023) (2023) (2023) (2023) (2023)
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
Analisa Kebutuhan
Desain Sistem
Pembuatan Program
Pengujian Program
Pemeliharaan Program
Pembuatan Laporan

1.10 Sistematika Penulisan

Dalam penyusunan skripsi ini dilakukan secara terarah berdasarkan
sistematika yang teratur. Secara garis besar sistematika penulisan ini terdiri
dari:

BAB I : PENDAHULUAN

Bab pendahuluan berisi latar belakang, Identifikasi masalah,

rumusan masalah, maksud dan tujuan penelitian, manfaat
 11

penelitian, metode penelitian, kerangka berfikir, tempat dan

waktu penelitian, dan sistematika penulisan

BAB II : TINJAUAN PUSTAKA

Bab Tinjauan Pustaka berisi tunjauan-tinjauan Pustaka bagi

teori-teori yang mendasari, relevan, dan terkait subyek dan
permasalahan yang dihadapi dalam penyusunan skripsi.

BAB III : LANDASAN TEORI

Bab landasan teori berisi mengenai konsep dan teori

pembelajaran yang menjadi landasan untuk merancang
danmembuat sistem yang diharapkan, sehubungan dengan
permasalahan yang diangkat dan ilmu yang diterapkan.

BAB IV : ANALISIS PERANCANGAN SISTEM

Bab analisis dan perancangan sistem berisi tentang

gambaran sistem serta deskripsi dari hasil analisis sistem
yang akan dijadikan sebagai petunjuk untuk perancangan
pada tahapan berikutnya.

BAB V : IMPLEMENTASI

Bab implementasi sistem berisi tentang komponen-

komponen kebutuhan sistem seperti kutipan-kutipan
potongan listing coding, dan keterangan dari fungsi-fungsi
yang digunakan serta pengujian pada sistem yang dibuat.

BAB VI : HASIL DAN PEMBAHASAN

 12

Bab hasil dan pembahasan berisi tentang penelitian yang

terkait denga napa yang telah dilakukan, dipaparkan dan
dianalisis di bab terdahulu.

BAB VII : PENUTUP

Bab penutup berisi tentang kesimpulan yang diambil dari

hasil penelitian dan perancangan sistem yang dilakukan serta
saran-saran untuk pengembangan sistem di masa yang akan
datang dari aplikasi yang penulis buat agar dapat dilakukan
perbaikan-perbaikan.
 BAB II

TINJAUAN PUSTAKA

“Rancang Bangun Sistem Sertifikasi Cara Penanganan Ikan yang Baik

(CPIB) Berbasis Web (Studi Kasus BKIPM Kelas II Cirebon)” adalah judul dari
penelitian yang dilakukan oleh penulis. Terdapat kemungkinan penelitian yang
dilakukan oleh penulis memiliki kesamaan dengan penelitian-penelitian yang telah
dilakukan sebelumnya. Hal ini dapat dianggap sebagai plagiarism, untuk mencegah
kemungkinan plagiarism maka perlu adanya tinjauan Pustaka dalam sebuah
penelitian.

Tinjauan Pustaka berisi penjelasan secara singkat tentang penelitian-

penelitian sebelumnya yang memiliki kesamaan tema dalam penelitiannya.
Tinjauan Pustaka digunakan untuk menggali informasi dari penelitian-penelitian
sebelumnya sebagai bahan perbandingan, baik mengenai kekurangan atau
kelebihan dari penelitian yang sudah ada. Tinjauan Pustaka dapat berasal dari
jurnal, skripsi,dan tesis. Berikut ini dijelaskan beberapa penelitian dari jurnal,
skripsi maupun tesis yang memiliki kesamaan tema dengan penelitian yang
dilakukan penulis.

Menurut (Prabowo, 2017) dalam jurnalnya yang berjudul “Sistem Informasi

Pengolahan Sertifikat Berbasis Web Di Divisi Training SEAMOLEC” membahas
tentang Pembuatan Sistem Informasi Pengolah Sertifikat berbasis web untuk
merubah sistem dari manual menjadi komputerisasi, dan membangun sistem yang
dapat membantu dalam pengolahan sertifikat.

Permasalahan yang ada sehingga dibuatkan jurnal ini adalah dikarenakan

pada divisi Training SEAMOLEC pembuatan sertifikat untuk kegiatan Digital
Class Development pada saat ini masih bersifat konvensional dengan menggunakan
software Microsoft Excel dan Microsoft Publiser untuk mengelola sertifikat. Proses
pembuatan sertifikat memakan waktu yang lama dalam pembuatannya dan masih
banyak Staff yang belum bisa mengelola dan mencetak sertifikat dengan baik.

13
 14

Perancangan dan pengembangan sistem ini menggunakan metode waterfall

yang digunakan untuk merancang sistem pengolahan sertifikat. Sistem ini dapat
diakses dengan berbasis web, sehingga pengguna dapat mengaksesnya secara
online yang tidak memerlukan tempat khusus.

Kesimpulan dari sistem ini adalah di Divisi Training SEAMOLEC dalam

mengelola sertifikat masih menggunakan metode yang konvensional dimana masih
menggunakan sistem mail merger dengan menggunnakan Microsoft Publisher dan
Microsoft Excel. Sehingga dibuatlah sebuah sistem pengelolaan sertifikat yang
menggunakan metode waterfall berbasis web untuk mengembangkan sistem
menggunakan beberapa tahap yaitu analisis sistem yang berjalan, perancangan
basis data, perancangan tampilan antarmuka dan pengujian program. Digunakan
bahasa pemrograman Hypertext Preprocessor (PHP), perancangan basisdata
menggunakan database MySQL, dan apache sebagai web servernya. Implementasi
dari Sistem Informasi Pengolah Sertifikat Berbasis Web di divisi Training
SEAMOLEC ini adalah dengan memanfaatkan teknologi internet yang
berkembang saat Staff dapat melakukan proses cetak sertifikat di kantor maupun
disaat melakukan tugas di luar wilayah kantor.

Menurut (Harfayanti, 2018) dalam jurnalnya yang berjudul “Pembangunan

Sistem Informasi Pembuatan Sertifikat Tanah Pada Badan Pertanahan Nasional
Kota Cimahi” membahas tentang sistem pembuatan sertifikat tanah. Sistem
Informasi Pembuatan Sertifikat Tanah merupakan sistem yang dapat membantu
aktivitas Badan Pertanahan Nasional dalam melakukan kegiatan pembuatan
sertifikat tanah sehingga lembaga dapat mengetahui jumlah pembuatan sertifikat
yang telah dilakukan dalam periode tertentu. Sistem Informasi Pembuatan Sertifikat
Tanah ini diharapkan dapat membantu kinerja berbagai pihak yang terlibat dalam
proses pelaksanaan pembuatan sertifikat tanah.

Permasalahan yang ada sehingga adanya pembuatan jurnal ini adalah

dikarenakan Kebutuhan pembuatan sertifikat yang semakin banyak menyebabkan
rawannya terjadi kesalahan dalam memasukkan data identitas tanah, lokasi tanah
yang jauh dan keterbatasan jumlah petugas ukur yang turun ke lapangan pun
 15

menjadi faktor lain yang menyebabkan lamanya waktu pembuatan surat ukur. Hal
tersebut menyebabkan lamanya penerimaan data hasil pengukuran tanah dan
berdampak pada pengambilan keputusan oleh pihak top manajemen yaitu ketua
seksi pengukuran yang tidak dapat melakukan evaluasi terdapat jumlah pendaftaran
tanah yang diterima dalam kurun waktu tertentu.

Metode rekayasa perangkat lunak yang digunakan dalam Pembangunan

sistem ini ialah dengan metode prototyping. Prototype didefinisikan sebagai satu
versi dari sebuah sistem potensial yang memberikan ide bagi para pengembang dan
calon pengguna, bagaimana sistem akan berfungsi dalam bentuk yang telah selesai.
Dasar dari pemikiran ini adalah membuat prototype secepat mungkin, bahkan
dalam waktu semalam, lalu memperoleh umpan balik dari pengguna yang akan
memungkinkan prototype tersebut diperbaiki kembali dengan sangat cepat.

Kesimpulan dari jurnal ini ialah Berdasarkan analisis sistem berjalan dan
analisis sistem fungsional yang telah dilakukan sebelumnya, Sistem Informasi
Pembuatan Sertifikat Tanah pada Badan Pertanahan Nasional Kota Cimahi ini
dapat mempermudah pelaksanaan pendaftaran pada Badan Pertanahan Nasional
Kota Cimahi, baik dari segi pendaftaran pemisahan, pendaftaran penggabungan,
pendaftaran pertama kali, pengelolaan data, maupun pelaporan pelaksanaan
pengukuran. Sistem informasi ini dapat memenuhi kebutuhan setiap aktor yang
terlibat dalam pelaksanaan pembuatan sertifikat tanah.

Menurut (Ulfani, 2020) dalam jurnalnya yang berjudul “Sistem Informasi

Pendaftaran Sertifikasi Tanah Berbasis Web Di Kantor Badan Pertanahan Nasional
Kota Langsa” membahas tentang sistem pendaftaran sertifikasi tanah di badan
pertanahan nasional kota Langsa. Sistem ini berbasis web dan digunakan sebagai
media pendaftaran sertifikasi tanah.

Permasalahan sehingga dibuatnya jurnal ini adalah Pelayanan pembuatan

sertifikat tanah dari kepastian pelayanan mengenai waktu dan biaya sudah jelas.
Namun dalam pelaksanaannya masih mengalami keterlambatan dalam
penyelesaiaannya akibat keterlambatan berkas yang dilengkapi oleh pemohon, serta
 16

kurangnya partisipasi masyarakat dalam pelayanan pembuatan sertifikat tanah.

Padahal sertifikasi tanah itu sangat penting, tidak hanya untuk legalitas kepemilikan
tanah. Namun jika dilihat dari perspektif ekonomi, Sertifikat tanah dapat
dimanfaatkan juga oleh masyarakat untuk mendapatkan modal usaha, sehingga
masyarakat dapat meningkatkan taraf hidup dan kesejahterannya. Total luas
wilayah Kota Langsa sebesar 262.410.000M dan jumlah bidang tanah secara
keseluruhan yaitu 37.807 bidang. Sedangkan yang sudah bersertifikat telah terdaftar
sebanyak 33.273 sertifikat bidang tanah atau kurang lebih sudah mencapai 88,01%,
dan dibutuhkan waktu yang cukup lama untuk menyelesaikan sertifikasi bidang-
bidang tersebut.

Perancangan dan pengembangan sistem ini menggunakan metode Data

Flow Diagram (DFD) dan menggunakan Entity Relationship Diagram (ERD) yang
digunakan untuk merancang sistem pendaftaran sertifikat. Sistem ini dapat diakses
dengan berbasis web, sehingga pengguna dapat mengaksesnya secara online yang
tidak memerlukan tempat khusus.

Kesimpulan dari jurnal ini ialah Sistem informasi sertifikasi tanah

dirancang untuk membantu proses pembuatan surat tanah atau sertifikat di Kantor
Pertanahan Kota Langsa. Sistem informasi sertifikasi tanah memiliki beberapa fitur
yang dapat dibedakan bedasarkan hak akses, yaitu user dan admin. Perancangan
pada sistem ini dibuat menggunakan DFD untuk membantu memahami sistem yang
akan dibuat, serta desain databse pada sistem ini menggunakan ERD untuk
menentukan relasi antar tabel.

Menurut (Rohman, 2022) dalam jurnalnya yang berjudul “Rancang Bangun

Aplikasi E-Sertifikat Berbasis Web Menggunakan Metode User Centered Design”
membahas tentang pembangunan aplikasi pembuatan Sertifikat elektronik berbasis
web yang mampu melakukan pengelolaan, input peserta, penerbitan dan distribusi
sertifikat menggunakan sistem e-Sertifikat. Penelitian dilakukan dengan beberapa
tahapan yaitu Tahap Pengumpulan Data, Tahap Perancangan Sistem dan Tahap
Penulisan Laporan.
 17

Permasalahan sehingga dibuatnya jurnal dan aplikasi tersebut adalah

dikarenakan Proses pengelolaan, pembuatan dan penerbitan sertifikat kegiatan di
lingkungan RSI Assyifa Sukabumi saat ini masih menggunakan aplikasi Microsoft
office dan Photoshop. Dikarenakan masih dilakukan secara konvensional, maka
terdapat beberapa kekurangan diantaranya yaitu: proses pencantuman nama peserta
atau narasumber pada sertifikat diinput satu persatu sehingga memerlukan waktu
dan proses yang lebih lama, proses validasi sertifikat yang diterbitkan masih
dilakukan secara manual yaitu panitia akan membawa sertifikat yang telah dicetak
untuk diserahkan kepada Ketua direktur, kemudian ketua direktur akan
memvalidasi dengan menandatangani sertifikat tersebut, proses pendistribusian
sertifikat masih dilakukan secara manual yaitu dengan memberikan secara langsung
sertifikat kepada yang bersangkutan, sulitnya melakukan rekapitulasi terhadap
sertifikat yang telah diterbitkan, dan tidak dapat melakukan arsip data sertifikat
dikarenakan tata cara penyimpanan data hanya pada lokal komputer, sehingga jika
terjadi kerusakan terhadap komputer tersebut bisa mengakibatkan kehilangan data.

Metode perancangan yang digunakan pada penelitian tersebut adalah User

Centered Design(UCD). Pada tahap perancangan sistem menggunakan Unified
Modeling Language (UML) seperti use case diagram dan activity diagram. Bahasa
pemrograman yang digunakan dalam pembuatan aplikasi ini adalah PHP, toolsnya
menggunakan sublime dan untuk database menggunakan MySQL.

Kesimpulan dari penelitian yang telah dilakukan, sebagai inovasi baru RSI.
Assyifa Sukabumi memiliki sebuah aplikasi E-Sertifikat. Hasil pengujian black box
testing menunjukkan bahwa aplikasi E-Sertifikat berbasis web pada RSI. Assyifa
Sukabumi memiliki antar muka yang sudah sangat baik dan sesuai dengan
kebutuhan pengguna. Aplikasi E-Sertifikat ini diharapkan dapat menunjang proses
pembuatan dan pendistribusian sertifikat sesuai dengan tujuan dari penelitian ini.

Menurut (Maulana, 2021) dalam jurnalnya yang berjudul “Sistem Informasi

Pendaftaran Sertifikasi dan Pelatihan Guru (SIPELURU) Pada LPMP Kalimantan
Barat Berbasis Website Menggunakan Metode Protoype” membahas tentang
 18

sebuah sistem yang didalamnya ada fitur untuk pendaftaran sertifikasi dan pelatihan
guru.

Permasalahan sehingga dibuat jurnal ini adalah roses pelatihan dan

sertifikasi bagi para guru mengunakan proses secara konvensial atau cara lama,
yaitu pengisian data masih menggunakan tulisan tangan yang dimana cara seperti
ini sudah tidak sesuai dengan jaman yang sudah semakin modern.

Metode rekayasa perangkat lunak yang digunakan dalam penelitian ini

adalah metode Prototype. Inti dari metode ini adalah jika sistem mengikuti tahapan
penentuan kebutuhan pengguna, pengembangan prototipe dan prosedur pengujian,
maka pengembangan berhasil. Dalam pembuatan sistem informasi berbasis web,
penulis menggunakan bahasa pemrograman PHP dan MySQL sebagai database-
nya.

Kesimpulan dari pembuatan penelitian tersebut adalah Dengan adanya

sistem ini proses penyimpan pada Lembaga Penjamin Mutu Pendidikan Kalimantan
Barat, akan menjadi lebih mudah karena penyimpanan seluruh data dikelola
menggunakan database. Dengan pembuatan aplikasi para peserta sertifikasi dapat
melakukan pengisian data peserta dengan cepat dan mudah.

Menurut (Sirwandi, 2020) dalam jurnalnya yang berjudul “Rancang Bangun

Sistem Pembuatan Surat Keputusan dan Sertifikat di STMIK GI MDP” membahas
tentang sebuah sistem yang didalamnya berisi tentang pembuatan surat keputusan
dan sertifikat yang dilakukan di STMIL GI MDP.

Permasalahan yang ada sehingga dibuat jurnal dan sistem tersebut adalah
ditemukan bahwa di STMIK GI MDP belum ada sistem informasi yang dapat
membantu pembuatan surat keputusan dan sertifikat. Karyawan harus selalu
mengatur posisi kop surat dan menyusun baris kalimat dalam membuat surat
keputusan. Hal ini membuat karyawan kesulitan dalam membuat surat keputusan
dan sertifikat. Waktu yang diperlukan untuk pembuatan sertifikat pun menjadi lebih
lama. Selain itu, record data dan pengarsipan surat keputusan tidak tersimpan rapi
 19

karena tidak menggunakan database dan hanya dicatat saja, sehingga karyawan
kesulitan ketika ingin mengakses kembali data surat keputusan di masa mendatang.

Metodologi yang digunakan dalam penelitian ini adalah metode iterasi.

Metode iterative disebut juga dengan proses pengembangan berulang (iterative)
atau proses pengembangan bertambah (incremental). Metode ini mensyaratkan
penyelesaian perencanaan, analisis, perancangan atau desain, dan implementasi
secukupnya dengan proses pengembangan berulang karena digunakan untuk
mengembangkan satu bagian dari sistem baru. Dalam perancangan digunakan
metode pendekatan sistem yang berorientasi objek (Object-Oriented Analysis and
Design). Dalam implementasi rancangan sistem digunakan alat bantu
menggunakan Visual Studio 2010 dan DBMS yang digunakan adalah Mysql.

Kesimpulan dari penelitian tersebut adalah Sistem pembuatan surat

keputusan dan sertifikat yang dibangun di STMIK GI MDP merupakan sistem
informasi yang membantu kegiatan administrasi umum di STMIK GI MDP, dalam
hal ini membantu dalam mencakup pembuatan surat keputusan, pengelolaan data
surat keputusan, pencetakan surat keputusan, pembuatan sertifikat, pengelolaan
data sertifikat, dan pencetakan sertifikat.

Menurut (Apriani, 2020) dalam jurnalnya yang berjudul “Rancangan Sistem

Pengolahan Sertifikat Berbasis Website Sebagai Upaya Untuk Peningkatan
Evaluasi Kompetensi Safety Personil Di Lingkungan PT Angkasa Pura II
(Persero)” membahas tentang sistem yang didalamnya berisi tentang pengolahan
sertifikat untuk peningkatan evaluasi kompetensi safety personil pada lingkungan
PT Angkasa Pura II.

Permasalahan sehingga dibuatnya jurnal dan aplikasi tersebut adalah Saat

ini PT Angkasa Pura II (Persero) dalam pelaksanaan proses monitoring sertifikasi
mulai dari pemilihan jenis sertifikasi, dan proses input hasil pelaksanaan sertifikasi
dilakukan tanpa menggunakan sistem atau aplikasi. Sehubungan dengan hal
tersebut, maka diperlukan sistem informasi monitoring sertifikasi yang dapat
digunakan sebagai media untuk memonitor pelaksanaan program sertifikasi
 20

pegawai yang dapat diakses oleh lebih dari satu pengguna di perusahaan PT
Angkasa Pura II (Persero).

Metode yang digunakan dalam perancangan penelitian ini adalah

menggunakan flowchart dan menggunakan Data Flow Diagram (DFD). Sistem
dalam penelitian ini berbasis web menggunakan Bahasa pemrograman PHP,
menggunakan web server XAMPP dan menggunakan MySQL sebagai
databasenya.

Kesimpulan yang dapat diambil dari penelitian tersebut adalah Rancangan

database ini dapat digunakan dalam beberapa bidang, namun pada tugas akhir ini
mengambil contoh database penyimpanan data hasil sertifikasi safety personil di
lingkungan PT Angkasa Pura II (Persero). Rancangan database ini dapat membantu
kinerja tim kantor pusat dalam melakukan filter data dan sebagai sarana untuk
mempermudah data resertifikasi personil.

Menurut (Ryandi., 2021) dalam jurnalnya yang berjudul “Rancang Bangun

Sistem Informasi Sertifikasi Tanah Kantor Pertanahan Kabupaten Sidoarjo”
membahas tentang pembuatan sistem/aplikasi untuk melakukan pendaftaran
sertifikasi di kantor pertanahan Kabupaten Sidoarjo.

Permasalahan sehingga dibuatnya jurnal dan sistem tersebut adalah Melalui

Intruksi Presiden RI No. 2 Tahun 2018, terdapat usulan layanan penciptaan
sertifikasi tanah bersistem secara keseluruhan di area negara Indonesia. Pemerintah
merancang program percepatan registrasi tanah via pendaftaran tanah bersistem
lengkap hingga periode 2025 atas tervalidasinya keseluruhan area tanah yang ada
di Indonesia mengacu pada himbauan di Pasal 19 Undang-Undang Nomor 5 Tahun
1960 mengenai Peraturan Dasar Pokok-Pokok Agraria. Untuk mendapatkan tanah
yang tersertifikasi, masyarakat dapat menjalankan tahapan sesuai anjuran yang
dimuat dalam Peraturan Kepala Badan Pertanahan Nasional Republik Indonesia
Nomor 1 tahun 2010 yang mana harus melalui loket pelayanan Kantor Pertahanan
untuk mendapatkan izin sertifikasi tanah atas pemohon.
 21

Metode yang digunakan dalam perancangan penelitian ini adalah

menggunakan flowchart dan menggunakan Data Flow Diagram (DFD). Sistem
dalam penelitian ini berbasis web menggunakan Bahasa pemrograman PHP,
menggunakan web server XAMPP dan menggunakan MySQL sebagai
databasenya.

Kesimpulan yang dapat diambil dari penelitian tersebut adalah Dengan

adanya sistem informasi pertanahan diharapkan dapat membantu pekerjaan petugas
kantor badan pertanahan nasional, sehingga efisiensi dan efektivitas kinerja
pelayanan dapat ditingkatkan serta mempercepat pelayanan petugas terhadap
transaksi pembuatan tanah di Kabupaten Sidoarjo.

Menurut (Syafiq et al., n.d.) dalam jurnalnya yang berjudul “Rancang

Bangun Aplikasi E-Sertifikat Keanggotaan Berbasis Web pada DPK Apindo Kota
Cirebon” membahas tentang pembuatan e-sertifikat untuk keanggotaan di DPK
Apindo Kota Cirebon.

Permasalahan sehingga dibuatnya jurnal dan sistem tersebut adalah Untuk

memudahkan dalam pembuatan sertifikat, adanya aplikasi pembuat sertifikat
elektronik atau biasa disebut dengan e-sertifikat merupakan suatu hal yang saat ini
banyak digunakan. Dengan adanya aplikasi e-sertifikat ini memberikan kemudahan
bagi pengurus untuk membuat sertifikat. e-sertifikat memiliki beberapa keunggulan
daripada sertifikat konversional, yaitu lebih tahan lama dan bisa diakses dimana
saja karena e-sertifikat dapat diakses oleh pengguna darimana saja karena e-
sertifikat ini berbentuk softcopy.

Metode rekayasa perangkat lunak yang digunakan dalam penelitian ini

adalah metode Prototype. Metode prototyping merupakan model pengembangan
informasi melalui proses interaksi dan berulang-ulang yang sering digunakan.
Dengan metode prototyping kedua belah pihak dapat saling berinteraksi selama
proses pembuatan.. Dalam pembuatan sistem informasi berbasis web, penulis
menggunakan bahasa pemrograman PHP dan MySQL sebagai database-nya.
 22

Kesimpulan dari penelitian ini adalah Membantu menyelesaikan masalah

dalam proses pembuatan e-sertifikat DPK APINDO Kota Cirebon. Mempermudah
dalam menyimpan dan mencari data perusahaan yang tergabung dalam anggota
DPK APINDO Kota Cirebon.

Menurut (Swastika , 2022) dalam jurnalnya yang berjudul “Rancang

Bangun Website Akademik Dengan Penyimpanan Sertifikat Digital Menggunakan
Teknologi Blockchain” membahas tentang pembuatan sistem penyimpanan
sertifikat digital.

Permasalahan sehingga dibuatnya jurnal/sistem ini adalah Sertifikat digital

memang memiliki berbagai macam keuntungan, namun juga tidak terlepas dari
berbagai risiko dan tantangan yang perlu dihadapi. Salah satu contoh tantangan
yang paling dasar adalah penyimpanan data yang masih menggunakan sistem
sentralisasi.

Metode yang digunakan dalam perancangan penelitian ini adalah

menggunakan flowchart. Sistem dalam penelitian ini berbasis web menggunakan
Bahasa pemrograman PHP dan menggunakan teknologi blockchain.

Kesimpulan yang dapat diambil dari penelitian ini adalah Hasil penelitian
dan pengujian sistem yang dilakukan pada sistem blockchain untuk kelas belajar
online memiliki kesimpulan bahwa jaringan blockchain bisa dibuat menggunakan
program milik Ethereum yaitu Geth dan penyimpanan data menggunakan smart
contract yang diterbitkan pada jaringan blockchain. Jaringan blockchain lokal yang
dibuat pada penelitian ini sudah bisa menjalankan fungsi-fungsi yang diperlukan
sebuah platform penerbitan pada sistem belajar online. Penggunaan Geth pada
jaringan blockchain yang dibuat memiliki tingkat keamanan, reliabilitas dan juga
scalability yang cukup baik.
 23

Tabel 2.1 Tinjauan Pustaka

No. Penulis Tahun Judul Bahasan

1. Faizal Ari 2017 Sistem Informasi Dalam penelitian ini
Prabowo Pengolahan Sertifikat membahas tentang
Berbasis Web Di Divisi Pembuatan Sistem
Training SEAMOLEC Informasi Pengolah
Sertifikat berbasis web
untuk merubah sistem
dari manual menjadi
komputerisasi, dan
membangun sistem yang
dapat membantu dalam
pengolahan sertifikat di
divisi training
SEAMOLEC

Perbedaan:
Peneliti membuat sistem
pengajuan, proses
penilaian sertifikasi dan
pembuatan sertifikat di
BKIPM Kelas II
Cirebon
2. Dheniar 2018 Pembangunan Sistem Penelitian ini membahas
Harfayanti Informasi Pembuatan tentang pembangunan
Sertifikat Tanah Pada sistem pembuatan
Badan Pertanahan sertifikat tanah. Sistem
Nasional Kota Cimahi rekayasa perangkat
lunak yang digunakan
adalah metode Prototype

Perbedaan:
Peneliti membuat sistem
sertifikasi Cara
Penanganan Ikan Yang
Baik(CPIB)
menggunakan metode
SDLC waterfall
 24

Tabel 2.1 Tinjauan Pustaka (Lanjutan)

No. Penulis Tahun Judul Bahasan

3. Mudhi ulfani 2020 Sistem Informasi Penelitian ini membahas
Pendaftaran Sertifikasi tentang sistem informasi
Tanah Berbasis Web Di pendaftaran sertifikasi
Kantor Badan Pertanahan tanah berbasis web di
Nasional Kota Langsa kantor badan pertanahan
nasional kota langsa.
Penelitian ini
menggunakan metode
perancangan Data Flow
Diagram (DFD) dan
Entity Relationship
Diagram (ERD)

Perbedaan:
Peneliti membuat sistem
pengajuan, proses
penilaian sertifikasi dan
pembuatan sertifikat di
BKIPM Kelas II
Cirebon. Peneliti
merancang sistem
menggunakan metode
Unified Modelling
Language (UML)
4. Ramdhan Saepul 2022 Rancang Bangun Penelitian ini membahas
rohman Aplikasi E-Sertifikat tentang rancang bangun
Berbasis Web Aplikasi E-sertifikat
Menggunakan Metode berbasis web. Penelitian
User Centered Design ini menggunakan
metode User Centered
Design (UCD) dalam
proses pembuatan
sistemnya.

Perbedaan:
Peneliti membuat sistem
sertifikasi Cara
Penanganan Ikan Yang
Baik(CPIB)
menggunakan metode
SDLC waterfall
 25

Tabel 2.1 Tinjauan Pustaka (Lanjutan)

No. Penulis Tahun Judul Bahasan

5. Reza Maulana 2021 Sistem Informasi Dalam penelitian ini
pendaftaran Sertifikasi membahas tentang
dan Pelatihan Guru pendaftaran sertifikasi
(SIPELURU) pada dan pelatihan guru di
LPMP Kalimantan Barat LPMP Kalimantan
Berbasis Website Barat. Penelitian ini
menggunakan metode
Menggunakan Metode
Prototype.
Prototype
Perbedaan:
Peneliti membuat sistem
sertifikasi Cara
Penanganan Ikan Yang
Baik(CPIB)
menggunakan metode
SDLC waterfall.
6. Pringka Arwanda 2020 Rancang Bangun Sistem Penelitian ini membahas
Sirwandi Pembuatan Surat tentang perancangan dan
Keputusan dan Sertifikat pembangunan sistem
di STMIK GI MDP pembuatan surat
keputusan dan sertifikat.
Dalam implementasi
rancangan sistem
menggunakan Visual
Studio 2010 dan Bahasa
pemrograman Visual
Basic berbasis Desktop.

Perbedaan:
Peneliti membuat sistem
pengajuan, proses
penilaian sertifikasi dan
pembuatan sertifikat
Cara Penanganan Ikan
yang Baik (CPIB).
Dalam implementasi
rancangan sistem
digunakan
alat bantu menggunakan
Visual Studio Code dan
Bahasa pemrograman
PHP berbasis website
 26

Tabel 2.1 Tinjauan Pustaka (Lanjutan)

No. Penulis Tahun Judul Bahasan

7. (Nita Apriani, Feti 2020 Rancangan Sistem Dalam Penelitian ini
Fatonah) Pengolahan Sertifikat menggunakan
Berbasis Website perancangan dengan
Sebagai Upaya Untuk sistem Data Flow
Peningkatan Evaluasi Diagram (DFD).
Kompetensi Safety
Perbedaann:
Personil di Lingkungan
Penulis menggunakan
PT Angkasa Pura II
perancangan
(PERSERO)
menggunakan Teknik
Unified Modelling
Language (UML) untuk
merancang aplikasi yang
dibuat
8. Rizky Fajar 2021 Rancang Bangun Sistem Dalam Penelitian ini
Ryandi Informasi Sertifikasi menggunakan
Tanah Kantor Pertanahan perancangan dengan
Kabupaten Sidoarjo sistem Data Flow
Diagram (DFD).

Perbedaann:
Penulis menggunakan
perancangan
menggunakan Teknik
Unified Modelling
Language (UML) untuk
merancang aplikasi yang
dibuat.
 27

Tabel 2.1 Tinjauan Pustaka (Lanjutan)

No. Penulis Tahun Judul Bahasan

9. Mohammad 2022 Rancang Bangun Dalam penelitian ini
Sayyid Syafiq, Aplikasi E-Sertifikat membahas tentang
Ryan, Keanggotaan Berbasis dibangunnya sistem
Hamonangan, Web pada DPK Apindo pembuatan e-sertifikat
Raditya Danar Kota Cirebon keanggotaan, Sistem
Dana, Edi Tohidi, rekayasa perangkat
dan Umi Hayati lunak yang digunakan
adalah metode Prototype

Perbedaan:
Peneliti membuat sistem
sertifikasi Cara
Penanganan Ikan Yang
Baik(CPIB)
menggunakan metode
SDLC waterfall
10. Windra Swastika, 2022 Rancang Bangun Dalam penelitian ini
Hermawan Wira Website Akademik membahas tentang
Santoso. Oesman Dengan Penyimpanan pembuatan sistem
Hendra Kelana Sertifikat Digital penyimpanan sertifikat
Menggunakan Teknologi digital, metode
Blockchain perancangan yang
dibuat menggunakan
model flowchart

Perbedaan:
Peneliti membuat sistem
pembuatan sertifikasi
Cara Penanganan Ikan
Yang Baik(CPIB)
menggunakan Unified
Modelling
Language(UML)
 BAB III

LANDASAN TEORI

3.1 Definisi Judul Penelitian

3.1.1 Sistem
Secara garis besar sistem merupakan suatu gugusan komponen
dan elemen yang saling terintegrasi, komponen yang terorganisir dan
bekerjasama mewujudkan suatu tujuan tertentu (Pratiwi,2020)

Sistem didefinisikan sebagai sekumpulan prosedur yang saling

berkaitan dan saling terhubung untuk melakukan suatu tugas bersama-
sama. Secara garis besar, sebuah sistem informasi terdiri atas tiga
komponen utama. Ketiga komponen tersebut mencakup software,
hardware, dan brainware. Ketiga komponen ini saling berkaitan satu
sama lain (Krisnadi, 2017)

3.1.2 Informasi
Menurut Sutarman dalam karya buku Muhamad Muslihudin dan
Oktadianti (2016:9) “informasi adalah sekumpulan fakta (data) yang
diorganisasikan dengan cara ataupun metode tertentu sehingga mereka
mempunyai arti bagi si pengguna”.

Menurut Jeperson Hutahaean pada buku yang berjudul konsep

Sistem Informasi (2015:9), informasi adalah data yang diolah menjadi
bentuk yang lebih berguna dan lebih berarti bagi penerimanya. Sumber
informasi adalah data. Data kenyataan yang menggambarkan suatu
kejadian-kejadian dan kesatuan nyata.

3.1.3 Sistem Informasi

Dalam arti luas, sistem informasi dapat dipahami sebagai
sekumpulan subsistem yang saling berhubungan. Subsistem ini
dikelompokkan Bersama untuk membentuk satu kesatuan yang

28
 29

terintegrasi dan bekerjasama satu sama lain dalam beberapa cara untuk
melakukan fungsi pemrosesan data. (Heriyanto, 2018)

Sistem informasi adalah kombinasi terorganisir dari modul yang

berasal dari komponen yang terkait dengan perangkat keras, perangkat
lunak, orang, dan jaringan. (Muhtadibillah, 2019)

Berdasarkan definisi mengenai sistem dan informasi yang telah

dijelaskan diatas, maka dapat dinyatakan bahwa sistem informasi
merupakan gabungan dari empat bagian utama. Keempat bagian utama
tersebut mencakup perangkat lunak (sofware), perangkat keras
(hardware), infrastruktur, dan Sumber Daya Manusia (SDM) yang
terlatih.(Krisnadi, 2017)

3.1.4 Sertifikasi
Sertifikasi adalah suatu penetapan yang diberikan oleh suatu
organisasi profesional terhadap seseorang untuk menunjukkan bahwa
orang tersebut memiliki kompetensi, mampu untuk melakukan suatu
pekerjaan atau tugas spesifik. (Samala & Fajri, 2021)

Maka dari itu, organisasi yang mempekerjakan individu yang

bersertifikat juga dapat mengambil manfaat dari sertifikasi ini, karena
mereka dapat memastikan bahwa individu tersebut memiliki
kemampuan dan pengetahuan yang diperlukan untuk melakukan tugas
dengan efektif dan efisien.

3.1.5 Cara Penanganan Ikan yang Baik(CPIB)

Berdasarkan Peraturan Menteri Kelautan dan Perikanan
Republik Indonesia Nomor 35 tahun 2016, pasal 1 (4) yang dimaksud
dengan Cara Penanganan Ikan yang Baik, yang selanjutnya disingkat
CPIB adalah pedoman dan tata cara mengembangbiakkan Ikan dengan
cara melakukan manajemen induk, pemijahan, penetasan telur, dan
pemeliharaan larva/benih dalam lingkungan yang terkontrol, melalui
penerapan teknologi yang memenuhi kriteria dan persyaratan teknis,
 30

manajemen, keamanan pangan, dan lingkungan. Manajemen

penanganan dilatihkan dengan cara sasaran dididik dan didampingi
dalam perencanaan kegiatan, mempersiapkan alat dan bahan serta
pelaksanaan penanganan ikan sesuai dengan Cara Penanganan Ikan
yang baik dan benar (CPIB). (Bhagawati et al., 2021)

3.2 Konsep Dasar Pemrograman Web

3.2.1 Website
Website adalah kumpulan komponen yang terdiri dari teks,
gambar, suara animasi sehingga merupakan media informasi yang
menarik dan sangat dimininati untuk dipergunakan sebagai media
berbagi informasi (Wahyudin & Rahayu, 2020). Selain itu, Website
merupakan situs sistem informasi yang dapat diakses dengan cepat yang
lahir dari adanya perkembangan zaman saat ini dari bidang teknologi
informasi dan komunikasi (Rahardja et al., 2018). Kesimpulannya
website adalah bagian terbesar dari [Link] merupakan kumpulan
halaman dalam suatu domain yang memuat tentang berbagai informasi
agar dapat dibaca dan dilihat oleh pengguna internet.

3.2.2 Hypertext Markup Language (HTML)

HTML adalah suatu Bahasa pemrograman yang digunakan
untuk pembuatan halaman website agar dapat menampilkan berbagai
informasi baik tulusan maupun gambar pada sebuah web browser.
(Elektro et al., 2019)

HTML merupakan Bahasa yang digunakan untuk

mendeskripsikan struktur sebuah halaman web. HTML berfungsi untuk
mempublikasikan dokumen online. Statement dasar dari HTML disebut
tags. Sebuah tag dinyatakan dalam sebuah kurung siku (< >). Tags yang
ditujukan untuk sebuah dokumen atau bagian dari suatu dokumen
haruslah dibuat berupa pasangan. Terdiri dari tag pembuka dan tag
penutup. Dimana tag penutup menggunakan tambahan tanda garis
miring (/) diawal nama tag. (Pahlevi et al., 2018)
 31

3.2.3 Hypertext Preprocessor (PHP)

Hypertext Preprocessor (PHP) merupakan bahasa pemrograman
untuk membuat website yang bersifat server-side scripting (Novendri et
al., 2019). Selain itu, PHP adalah bahasa pemrograman server-side yang
sudah banyak digunakan pada saat ini, terutama untuk pembuatan
website dinamis (Maulana et al., 2021). PHP banyak digunakan karena
dianggap mudah dan kelengkapan fitur untuk mengimplementasi
sistem, kemampuan untuk cross platform, serta kemudahan untuk
deployment bagi pengembang aplikasi (Samsuni & Erfiyani, 2018).
Kesimpulannya PHP adalah Bahasa pemrograman yang digunakan
secara luas untuk penanganan pembuatan dan pengembangan sebuah
situs web yang bersifat server-side scripting dan [Link]
dianggap mudah.

3.2.4 Cascading Style Sheet (CSS)

CSS adalah kumpulan kode untuk mendefinisikan desai dari
Bahasa “Markup”. Biasanya untuk menutup kelemahan yang ada di
dalam HTML, terutama dalam aspek visual, maka diciptakanlah script
baru yang digunakan sebagai “pendamping” HTML tersebut. (J.
Enterprise, 2016) dalam bukunya yang berjudul “Pengenalan HTML
dan CSS. Jakarta : Elex Media Komputindo”.

3.2.5 Codeigniter
Framework codeigniter adalah sebuah framework PHP yang
dapat membantu mempercepat developer dalam pengembangan aplikasi
web berbasis PHP.(Anggraini et al., 2020)

3.3 Konsep Dasar Basis Data (Database)

3.3.1 Pengertian Database
Basis Data dapat diartikan sebagai kumpulan data tentang suatu
benda / kejadian yg saling berhubungan satu sama lain. Sedangkan data
merupakan fakta yg mewakili suatu obyek seperti manusia hewan yg
 32

dapat dicatat dan mempunyai arti yg implisit . Data dicatat/rekam dalam

bentuk angka, huruf, symbol, gambar, bunyi dan kombinasinya.

Basis data merupakan penyajian suatu aspek dari dunia nyata.

Basis data merupakan kumpulan data dari berbagai sumber yg secara
logika mempunyai arti implisit. Basis data perlu dirancang dibangun dan
data dikumpulkan untuk suatu tujuan.

Database merupakan kumpulan file-file yang saling berkaitan

dan berinteraksi, relasi tersebut bila ditunjukan dengan kunci dari tiap-
tiap file yang ada. Satu database menunjukkan suatu kumpulan data
yang dipakai dalam suatu lingkup perusahaan, instansi. Pengolahan
database merupakan suatu cara yang dilakukan terhadap file-file yang
berada di suatu instansi yang mana file tersebut dapat disusun, diurut,
diambil sewaktu-waktu serta dapat ditampilkan dalam bentuk suatu
laporan sehingga dapat mengolah file-file yang berisikan informasi
tersebut secara rapi Database merupakan kumpulan file-file yang saling
berkaitan dan berinteraksi, relasi tersebut bila ditunjukan dengan kunci
dari tiap-tiap file yang ada. Satu database menunjukkan suatu kumpulan
data yang dipakai dalam suatu lingkup perusahaan, instansi. Pengolahan
database merupakan suatu cara yang dilakukan terhadap file-file yang
berada di suatu instansi yang mana file tersebut dapat disusun, diurut,
diambil sewaktu-waktu serta dapat ditampilkan dalam bentuk suatu
laporan sehingga dapat mengolah file-file yang berisikan informasi
tersebut secara rapi. (Rini Sovia & Jimmy Febio, 2011)

3.3.2 Pengertian Database Management System (DBMS)

Database Management System atau DBMS Merupakan sebutan
dari Sistem pemrosesan basis data yang dimaksudkan untuk mengatasi
kelemahan-kelemahan yang ada pada sistem pemrosesan berkas.

Database Management System (DBMS) merupakan perangkat

lunak untuk mengendalikan pembuatan, pemeliharaan, pengolahan, dan
 33

penggunaan data yang berskala besar. Penggunaan DBMS saat ini

merupakan hal yang sangat penting dalam segala aspek, baik itu dalam
skala yang besar atau kecil. Sebagai contoh media sosial facebook
menggunakan DBMS untuk menyimpan data-data pengguna facebook
yang sangat banyak kedalam DBMS MySQL. (WARMAN &
RAMDANIANSYAH, 2018)

3.4 Unified Modelling Language(UML)

Unified Modelling Language(UML) adalah Bahasa untuk visualisasi,
spesifikasi, membangun sistem perangkat lunak, serta dokumentasi . UML
menyediakan model-model yang tepat, tidak ambigu, dan lengkap. Secara
khusus UML menspesifikasi langkah-langkah penting dalam
pengembangan keputusan analisis, perancangan, serta implementasi dalam
sistem perangkat lunak.

UML adalah salah satu standar bahasa yang banyak digunakan di

dunia industri untuk mendefinisikan requirement, membuat analisis dan
desain, serta menggambarkan arsitektur dalam pemrograman berorientasi
objek. (Wira et al., 2019)
 BAB IV

ANALISIS DAN PERANCANGAN SISTEM

Pada bagian ini dijelaskan tentang perancangan sistem yang akan dibangun
pada aplikasi Sistem Sertifikasi Cara Penanganan Ikan yang Baik (CPIB) di BKIPM
Kelas II Cirebon. Perancangan sistem diartikan dengan menjelaskan detail
bagaimana bagian-bagian dari sistem informasi diimplementasikan. Dalam bagian
ini perancangan sistem berisi tentang sistem lama yang sedang berjalan sebagai
perbaikan dari suatu permasalahan, rancangan sistem, rancangan database,
rancangan tampilan, dan rancangan alur yang secara garis besar disebut siklus
perancangan sistem. Pada Bagian ini perancangan sistem menggunakan UML
(Unified Modeling Language).

4.1 Analisis Sistem

Sistem yang sedang berjalan menjelaskan bahwa pengajuan
permohonan dan pembuatan sertifikat cara penanganan ikan yang baik
(CPIB) masih dilakukan secara konvensional, yang dadalam proses
pengajuannya supplier yang ingin mengajukan permohonan harus datang
langsung ke kantor BKIPM. Kemudian, dalam pelaksanaan inspeksi yang
dilakukan inspektur dari BKIPM masih menggunakan form kertas yang bisa
saja hilang ataupun hancur ketika sedang melakukan inspeksi. Setelah itu,
pada saat penilaian penghitungan penyimpangan yang dijadikan acuan
untuk kriteria masih dilakukan secara manual, hal ini bisa saja menyebabkan
kesalahan hitung. Kemudian dalam pembuatan atau pencetakan sertifikat
masih menggunakan aplikasi pengedit gambar secara manual, hal ini
menyebabkan apabila ingin membuat banyak sertifikat sekaligus
membutuhkan waktu yang lama dikarenakan harus membuat satu persatu.

Sistem Sertifikasi ini bisa mencetak sertifikat secara otomatis

dengan menggunakan media aplikasi web. Sistem sertifikasi ini juga
menggunakan media penyimpanan data yang disebut database, dimana

34
 35

data-data sertifikat, penilaian inspeksi dan lain-lain saling terintegrasi satu

sama lain yang tersimpan pada sebuah hardware komputer.

Hasil output dari sistem ini adalah berupa sertifikat yang berbentuk
file pdf dan jpg serta histori penilaian yang dapat digunakan untuk beberapa
kepentingan, yaitu:

a. Menjadi acuan supplier tersebut telah memenuhi klasifikasi Cara

penanganan ikan yang baik.
b. Bagi BKIPM, Melihat supplier mana saja yang telah lulus
kualifikasi dan nilai dari penilaian terhadap supplier.

4.2 Analisis Kebutuhan Sistem

Analisis kebutuhan sistem menentukan seluruh kebutuhan yang ada
pada sistem secara lengkap. Analisis kebutuhan sistem dibagi menjadi dua
yaitu analisis kebutuhan fungsional dan analisis kebutuhan non fungsional.

4.2.1 Analisis Kebutuhan Fungsional

a. Sistem harus dapat melakukan masukan data yang
berhubungan dengan data Sertifikat.
1. User dapat memasukan data master, seperti : daftar isian,
tahapan penanganan, template sertifikat, supplier, dan
tim inspeksi
2. User dapat memasukkan data pengajuan, seperti : nama
supplier, nama mini plant, jenis produk, file kelengkapan
dokumen, nomor telefon, nomor faximile dan email
b. Sistem harus dapat memberi izin akses.
1. User dapat menambah administrator dan supplier
2. User dapat merubah profil
c. Sistem harus dapat mencetak sertifikat dalam bentuk file pdf
dan image
d. Sistem harus dapat menampilkan histori detail
1. User dapat menampilkan detail dan histori pengajuan
 36

2. User dapat menampilkan detail histori penilaian

3. User dapat menampilkan detail histori perbaikan
pengajuan

4.2.2 Analisis Kebutuhan Non Fungsional

a. Operational
1. Digunakan pada sistem operasi Microsoft Windows 10
Enterprise LTSC 64-Bit
2. Spesifikasi komputer minimum intel core i3.
3. Memori RAM minimal 4GB
b. Security
1. Dilengkapi login menggunakan Password untuk
mengakses sistem.
2. Adanya perbedaan hak akses untuk mengakses fitur
dalam sistem.
3. Penambahan user pada MySQL untuk keamanan
database.
4. Enkripsi digunakan pada password agar keamanan lebih
terjaga.
c. Information
1. Ditampilkan peringatan untuk menginformasikan
apabila username dan password salah.
2. Digunakan untuk menampilkan prosedur atau indikasi
perubahan data.
3. Digunakan untuk memberitahu data yang akan diolah
tidak ada.

4.3 Deskripsi Sistem

Sistem Sertifikasi Penanganan Ikan yang Baik(CPIB) akan dibuat
berdasarkan penelitian yang sudah dilakukan, akan dibuat sesuai dengan
kebutuhan saat ini dan memenuhi kriteria yang sesuai dengan keinginan
pengguna/user.
 37

Aplikasi Sistem Sertifikasi Penanganan Ikan yang Baik(CPIB)

berbasis web (Studi Kasus BKIPM Kelas II Cirebon) yang akan dibuat
dalam penelitian ini, dilakukan oleh Administrator (Pegawai/inspektur
BKIPM) dan Supplier. Kegunaan aplikasi ini adalah untuk memudahkan
Inspektur BKIPM selaku admin dalam melakukan pembuatan sertifikat
CPIB, seperti melakukan peninjauan pengajuan dari supplier, melakukan
penilaian klasifikasi, melakukan peninjauan perbaikan, serta melakukan
pencetakan Sertifikat secara digital melalui aplikasi web browser. Supplier
selaku user dapat melakukan pendaftaran pengajuan sertifikasi CPIB,
melihat hasil penilaian yang telah dilakukan inspektur, melihat hasil
klasifikasi Sertifikat CPIB, melihat perbaikan yang perlu diperbaiki, dan
melihat sertifikat sudah jadi dan dapat diambil atau belum.

Kriteria penilaian hasil inspeksi didasarkan pada tabel klasifikasi

dengan empat kategori penyimpangan yaitu minor, mayor, serius, dan
kritis. Rentang nilai dapat ditentukan setelah Inspektur menilai secara
langsung keadaan di tempat produksi Supplier dengan mengacu pada acuan
yang telah ditetapkan pihak BKIPM sebelumnya.

Berikut ini merupakan tabel klasifikasi yang digunakan sebagai

kriteria akhir penilaian hasil inspeksi.

Tabel 4.1 Kriteria Penilaian

Jumlah Penyimpangan
Klasifikasi
Minor Mayor Serius Kritis
Sangat Baik 0-6 0-5 0 0
Baik ≥7 6-10 1-2 0
Cukup *NA ≥ 11 3-4 0
Kurang *NA *NA ≥5 ≥1
*NA = Not Applicable

Hasil dari penentuan klasifikasi ini merupakan proses akhir dari

rangkaian proses sertifikasi CPIB yang bertujuan untuk menilai hasil
inspeksi dari supplier. Hasil klasifikasi tersebut akan dicetak pada sertifikat
yang akan diberikan kepada supplier. Sertifikat tersebut berfungsi sebagai
 38

bukti bahwa supplier telah melewati proses inspeksi dan memenuhi

persyaratan mutu dan keamanan hasil perikanan yang ditetapkan oleh Badan
Karantina Ikan, Pengendalian Mutu, dan Keamanan Hasil Perikanan
(BKIPM). Selain itu, sertifikat ini juga dapat membantu supplier dalam
memperluas pasar dan meningkatkan reputasi bisnis mereka. Namun, jika
hasil inspeksi menghasilkan klasifikasi “Kurang”, maka supplier diharuskan
untuk memperbaiki kekurangan yang ada sebelum mendapatkan sertifikat.

4.4 Rancangan Model Arsitektur Sistem

Arsitektur perancangan adalah merancang suatu sistem yang berisi
langkah-langkah proses pengolahan data dan prosedur untuk mendukung
operasi sistem, dengan kata lain sebagai penguraian dari suat sistem utuh ke
dalam bagian-bagian suatu sistem untuk dapat mengidentifikasi
permasalahan yang terjadi dan diharapkan adanya perbaukan dari sistem.

Proses perancangan sistem sertifikasi CPIB terdiri dari proses data

input seperti data master berupa data pengguna dan data sertifikasi. Sistem
dapat berjalan pada perangkat komputer menggunakan browser sebagai
penerjemah file-file HTML, CSS, Javascript, Bootstrap, PHP serta MySQL
sebagai databasenya yang tersimpan di server. Dibawah ini merupakan
Rancangan model Arsitektur Sistem:

Gambar 4.1 Rancangan Model Arsitektur Sistem

 39

4.5 Perancangan Sistem

4.5.1 Use Case Diagram
a. Definisi Aktor
Definisi aktor berfungsi untuk menjelaskan peranan aktor
yang dapat menggunakan sistem sertifikasi Cara Penanganan Ikan
yang Baik ini. Definisi tersebut dapat diliat dalam tabel dibawah
ini:

Tabel 4.2 Definisi Aktor

No. Aktor Deskripsi

1. Administrator Merupakan aktor yang berperan dalam mengelola
data informasi dalam database server, sebagai
pelaku yang menyetujui atau menolak pengajuan,
yang melakukan proses penilaian terhadap
supplier, dan berperan dalam mencetak sertifikat
yang telah siap dicetak
2. Supplier Merupakan aktor yang berperan dalam
melakukan pengajuan dan yang membutuhkan
hasil atau output sertifikat yang dicetak oleh
sistem agar

b. Definisi use case

Use case Diagram merupakan sebuah diagram yang terdiri
dari aktor dan interaksi dalam sebuah perangkat lunak. Diagram
ini menggambarkan seluruh fungsi yag ada pada sistem informasi
yang dikembangkan serta batasan-batasan setiap actor yang
terlibat terhadap fungsi yang terdapat dalam sistem informasi yang
dikembangkan. Aktor belum tentu merupakan orang, namun juga
dapat merupakan suatu proses maupun sistem lain yang saling
berinteraksi dengan sistem yang akan dikembangkan. Adapun
definisi aktor-aktor dari sistem yang akan dikembangkan adalah
sebagai berikut:
 40

Tabel 4.3 Definisi Use Case

No. Nama Use Case Deskripsi

1. Login Masuk akun sebagai administrator atau
supplier agar bisa mengakses halaman
sistem dan menggunakan sistem sesuai
dengan hak akses masing-masing
2. Registrasi Membuat akun supplier agar bisa login
atau mengakses sistem
3. Pengajuan Sertifikasi Membuat pengajuan/permohonan
pembuatan sertifikat CPIB dan akan
segera di proses oleh inspektur BKIPM
4. Penilaian Ajuan Menilai dan melakukan proses inspeksi
untuk menentukan apakah supplier
telah lolos proses CPIB atau belum dan
mengeluarkan nilai klasifikasi dalam
sertifikat
5. Perbaikan Ajuan Melakukan perbaikan dan upload ulang
file perbaikan penilaian yang
sebelumnya telah dilakukan oleh
inspektur BKIPM
6. Cetak Sertifikat Mencetak sertifikat yang telah siap
untuk dicetak

c. Skenario Umum Sistem Sertifikasi CPIB

1) Inspektur BKIPM sebagai Administrator dan Supplier dapat
melakukan login untuk mengakses sistem yang ada sesuai
dengan hak akses yang diberikan
2) Supplier yang akan mengakses sistem dapat melakukan
pendaftaran akun melalui registrasi akun
3) Supplier dapat melakukan permohonan pengajuan Sertifikasi,
dan administrator dapat menyetujui ataupun menolak
pengajuan yang diajukan.
4) Inspektur BKIPM sebagai Administrator dapat melakukan
penilaian terhadap ajuan supplier dalam sistem yang nantinya
akan muncul hasil klasifikasi sesuai dengan inspeksi.
5) Supplier dapat mengajukan/menambahkan perbaikan apabila
klasifikasi dalam proses inspeksi/penilaian belum memenuhi
kriteria/klasifikasi yang telah ditentukan. Selain itu Inspektur
 41

BKIPM sebagai Administrator dapat melakukan peninjauan

perbaikan dan dapat menerima atau menolak perbaikan yang
telah dilakukan oleh supplier.
6) Inspektur BKIPM sebagai Administrator dapat melakukan
pengelolaan sertifikat yang telah siap dicetak untuk
ditandatangani.
7) Inspektur BKIPM sebagai Administrator dapat melakukan
pengelolaan daftar isian yang nantinya muncul didalam form
penilaian.
8) Inspektur BKIPM sebagai Administrator dapat melakukan
pengelolaan Tahapan peanganan yang dilakukan oleh supplier
sesuai dangan data inspeksi.
9) Inspektur BKIPM sebagai Administrator dapat melakukan
pengelolaan terhadap data/daftar supplier yang terdaftar di
dalam sistem.
10) Inspektur BKIPM sebagai Administrator dapat melakukan
pengelolaan terhadap data/daftar Administrator yang ada di
dalam sistem.
11) Supplier dapat melakukan perubahan profil akun sesuai
dengan akunnya.
12) Inspektur BKIPM sebagai Administrator dapat melakukan
pengelolaan akun.
13) Inspektur BKIPM sebagai Administrator dapat melakukan
pencetakan sertifikat yang telah siap untuk dicetak.
 42

d. Skenario Use Case

Skenario Pada setiap baguan Use Case yang menunjukkan
penjelasan setiap bagian-bagian di dalam Use Case tersebut.

Tabel 4.4 Skenario Use Case Registrasi

Identifikasi
Nama Use Case Registrasi
Aktor Supplier
Tujuan Mendaftar Akun untuk masuk kedalam sistem
Keadaan Awal Sistem menampilkan halaman login
Skenario Utama
Aksi Aktor Aksi Sistem
1. Menekan Tombol “Belum Punya 2. Menampilkan Halaman registrasi
akun?”
3. Mengisi form yang telah disediakan 4. Merekam data yang di inputkan
dalam halaman registrasi aktor
5. Menekan tombol “Daftar” 6. Menyimpan data yang diinputkan
oleh aktor dan memunculkan pesan
“Berhasil Mendaftarkan akun”
7. Menampilkan Halaman Login
8. Selesai
Kondisi Akhir Akun Berhasil didaftarkan
Skenario Alternatif
Aksi Aktor Aksi Sistem
1. Menekan Tombol “Belum Punya 2. Menampilkan Halaman registrasi
akun?”
3. Mengisi form yang telah disediakan 4. Merekam data yang di inputkan
dalam halaman registrasi aktor
5. Menekan tombol “Daftar” 6. Memunculkan pesan “Gagal
Mendaftarkan akun”
7. Menampilkan Halaman registrasi
8. Mengulangi input data 9. Merekam data yang di inputkan
aktor
10. Menyimpan data yang diinputkan
oleh aktor dan memunculkan pesan
“Berhasil Mendaftarkan akun”
11. Menampilkan Halaman Login
12. Selesai
 43

Tabel 4.5 Skenario Use Case Login Administrator

Identifikasi
Nama Use Case Login
Aktor Administrator
Tujuan Masuk kedalam sistem
Keadaan Awal Sistem menampilkan halaman login
Skenario Utama
Aksi Aktor Aksi Sistem
1. Mengakses Halaman Web 2. Menampilkan Halaman Login
Sistem
3. Mengisi Username dan Password
4. Menekan tombol “Login” 5. Mencocokan username dan
password yang diinputkan aktor
dengan data yang ada dalam
database
6. Menampilkan halaman dashboard
administrator
7. Selesai
Kondisi Akhir Masuk kedalam dashboard
administrator
Skenario Alternatif
Aksi Aktor Aksi Sistem
1. Mengakses Halaman Web 2. Menampilkan Halaman Login
Sistem
3. Mengisi Username dan Password
4. Menekan tombol “Login” 5. Mencocokan username dan
password yang diinputkan aktor
dengan data yang ada dalam
database
6. Menampilkan pesan “gagal masuk”
7. Mengisi Username dan Password
8. Menekan tombol “Login” 9. Mencocokan username dan
password yang diinputkan aktor
dengan data yang ada dalam
database
10. Menampilkan halaman dashboard
administrator
11. Selesai
 44

Tabel 4.6 Skenario Use Case Login Supplier

Identifikasi
Nama Use Case Login
Aktor Supplier
Tujuan Masuk kedalam sistem
Keadaan Awal Sistem menampilkan halaman login
Skenario Utama
Aksi Aktor Aksi Sistem
1. Mengakses Halaman Web 2. Menampilkan Halaman Login
Sistem
3. Mengisi Username dan Password
4. Menekan tombol “Login” 5. Mencocokan username dan
password yang diinputkan aktor
dengan data yang ada dalam
database
6. Menampilkan halaman dashboard
Supplier
7. Selesai
Kondisi Akhir Masuk kedalam dashboard Supplier
Skenario Alternatif
Aksi Aktor Aksi Sistem
1. Mengakses Halaman Web 2. Menampilkan Halaman Login
Sistem
3. Mengisi Username dan Password
4. Menekan tombol “Login” 5. Mencocokan username dan
password yang diinputkan aktor
dengan data yang ada dalam
database
6. Menampilkan pesan “gagal masuk”
7. Mengisi Username dan Password
8. Menekan tombol “Login” 9. Mencocokan username dan
password yang diinputkan aktor
dengan data yang ada dalam
database
10. Menampilkan halaman dashboard
Supplier
11. Selesai
 45

Tabel 4.7 Skenario Use Case Pengajuan Sertifikasi

Identifikasi
Nama Use Case Pengajuan Sertifikasi
Aktor Supplier, Administrator
Tujuan Melakukan penilaian terhadap supplier
Keadaan Awal Sistem menampilkan halaman dashboard
Administraror

Skenario Utama
Aksi Aktor Aksi Sistem
1. Menekan menu “permohonan 2. Menampilkan Halaman
sertifikasi permohonan sertifikasi
3. Menekan Tombol “Ajukan 4. Menampilkan Halamann Ajuan
Permohonan Baru” Permohonan Baru
5. Mengisi Form permohonan 6. Merekam data yang diinputkan oleh
sertifikasi CPIB aktor
7. Menekan Tombol “Ajukan 8. Menyimpan data yang diinputkan
Permohonan” kedalam database
9. Menampilkan pesan “Berhasil
Melakukan Pengajuan”
10. Selesai
Kondisi Akhir Berhasil mengajukan permohonan
sertifikasi CPIB
Skenario Alternatif
Aksi Aktor Aksi Sistem
1. Menekan menu “permohonan 2. Menampilkan Halaman
sertifikasi permohonan sertifikasi
3. Menekan Tombol “Ajukan 4. Menampilkan Halamann Ajuan
Permohonan Baru” Permohonan Baru
5. Mengisi Form permohonan 6. Merekam data yang diinputkan oleh
sertifikasi CPIB aktor
7. Menekan Tombol “Ajukan 8. Gagal menyimpan data yang
Permohonan” diinputkan kedalam database
9. Menampilkan pesan “Gagal
Melakukan Pengajuan”
10. Mengisi ulang Form permohonan 11. Merekam data yang diinputkan oleh
sertifikasi CPIB aktor
12. Menekan Tombol “Ajukan 13. Menyimpan data yang diinputkan
Permohonan” kedalam database
14. Menampilkan pesan “Berhasil
Melakukan Pengajuan”
15. Selesai
 46

Tabel 4.8 Skenario Use Case Penilaian Ajuan

Identifikasi
Nama Use Case Penilaian Ajuan
Aktor Administrator
Tujuan Menilai pengajuan yang diajukan oleh supplier
Keadaan Awal Sistem menampilkan halaman dashboard
Administrator
Skenario Utama
Aksi Aktor Aksi Sistem
1. Menekan menu “permohonan 2. Menampilkan Halaman
sertifikasi” permohonan sertifikasi
3. Menekan Tombol “Detail 4. Menampilkan halaman detail
Pengajuan” pengajuan
5. Menekan Tombol “Lanjutkan 6. Menampilkan halaman pembuatan
Proses” tim inspeksi
7. Mengisi form tim inspeksi 8. Merekam data yang diinputkan oleh
aktor
9. Menekan tombol “Buat tim” 10. Menampilkan pesan “Berhasil
membuat Tim”
11. Menampilkan halaman penilaian
12. Mengisi form penilaian 13. Merekam data yang diinputkan oleh
aktor
14. Mengeluarkan hasil klasifikasi
15. Menekan Tombol “Simpan” 16. Menyimpan data yang telah
diinputkan ke dalam database
17. Menampilkan pesan “berhasil
melakukan penilaian
18. Menampilkan halaman penilaian
ajuan
19. selesai
Kondisi Akhir Berhasil melakukan penilaian
sertifikasi CPIB
Skenario Alternatif
Aksi Aktor Aksi Sistem
1. Menekan menu “permohonan 2. Menampilkan Halaman
sertifikasi” permohonan sertifikasi
3. Menekan Tombol “Detail 4. Menampilkan halaman detail
Pengajuan” pengajuan
5. Menekan Tombol “Lanjutkan 6. Menampilkan halaman pembuatan
Proses” tim inspeksi
7. Mengisi form tim inspeksi 8. Merekam data yang diinputkan oleh
aktor
9. Menekan tombol “Buat tim” 10. Menampilkan pesan “Berhasil
membuat Tim”
 47

11. Menampilkan halaman penilaian

12. Mengisi form penilaian 13. Merekam data yang diinputkan oleh
aktor
14. Mengeluarkan hasil klasifikasi
15. Menekan Tombol “Simpan” 16. Gagal menyimpan data yang telah
diinputkan ke dalam database
17. Menampilkan pesan “gagal
melakukan penilaian”
18. Mengisi ulang form penilaian 19. Merekam data yang diinputkan oleh
aktor
20. Mengeluarkan hasil klasifikasi
21. Menekan Tombol “Simpan” 22. Menyimpan data yang telah
diinputkan ke dalam database
23. Menampilkan pesan “berhasil
melakukan penilaian
24. Menampilkan halaman penilaian
ajuan
25. selesai

Tabel 4.9 Skenario Use Case Perbaikan Ajuan

Identifikasi
Nama Use Case Perbaikan Ajuan
Aktor Supplier
Tujuan Melakukan perbaikan sesuai hasil penilaian yang telah
dilakukan
Keadaan Awal Sistem menampilkan halaman dashboard Supplier
Skenario Utama
Aksi Aktor Aksi Sistem
1. Menekan menu “penilaian 2. Menampilkan Halaman penilaian
sertifikasi” sertifikasi
3. Menekan Tombol “Detail 4. Menampilkan halaman detail
Penilaian” penilaian ajuan
5. Menekan Tombol “Perbaiki Ajuan” 6. Menampilkan halaman perbaikan
ajuan
7. Mengisi form perbaikan ajuan 8. Merekam data yang diinputkan oleh
aktor
9. Menekan tombol “perbaiki ajuan” 10. Menampilkan pesan “Berhasil
mengajukan perbaikan”
11. Menampilkan halaman penilaian
ajuan
12. Selesai
Kondisi Akhir Berhasil melakukan pengajuan
perbaikan sertifikasi CPIB
 48

Skenario Alternatif
Aksi Aktor Aksi Sistem
1. Menekan menu “penilaian 2. Menampilkan Halaman penilaian
sertifikasi” sertifikasi
3. Menekan Tombol “Detail 4. Menampilkan halaman detail
Penilaian” penilaian ajuan
5. Menekan Tombol “Perbaiki Ajuan” 6. Menampilkan halaman perbaikan
ajuan
7. Mengisi form perbaikan ajuan 8. Merekam data yang diinputkan oleh
aktor
9. Menekan tombol “perbaiki ajuan” 10. Menampilkan pesan “Gagal
mengajukan perbaikan”
11. Menampilkan halaman perbaikan
ajuan
12. Mengisi ulang form perbaikan 13. Merekam data yang diinputkan oleh
ajuan aktor
14. Menekan tombol “perbaiki ajuan” 15. Menampilkan pesan “Berhasil
mengajukan perbaikan”
16. Menampilkan halaman penilaian
ajuan
17. Selesai

Tabel 4.10 Skenario Use Case Cetak Sertifikat

Identifikasi
Nama Use Case Penilaian Ajuan
Aktor Administrator
Tujuan Mencetak Sertifikat
Keadaan Awal Sistem menampilkan halaman dashboard
Administrator
Skenario Utama
Aksi Aktor Aksi Sistem
1. Menekan menu “penilaian ajuan” 2. Menampilkan Halaman Penilaian
ajuan
3. Menekan Tombol “Detail 4. Menampilkan halaman detail
Pengajuan” pengajuan
5. Menekan Tombol “Generate 6. Menampilkan halaman Generate
Sertifikat” Sertifikat
7. Mengisi Data Sertifikat 8. Merekam data yang diinputkan oleh
aktor
9. Menekan tombol “Generate” 10. Menampilkan pesan “Berhasil
membuat Sertifikat”
11. Menampilkan halaman Sertifikat
12. selesai
Kondisi Akhir Berhasil mencetak/membuat sertifikat
 49

Skenario Alternatif
Aksi Aktor Aksi Sistem
1. Menekan menu “penilaian 2. Menampilkan Halaman Penilaian
ajuan” ajuan
3. Menekan Tombol “Detail 4. Menampilkan halaman detail
Pengajuan” pengajuan
5. Menekan Tombol “Generate 6. Menampilkan halaman Generate
Sertifikat” Sertifikat
7. Mengisi Data Sertifikat 8. Merekam data yang diinputkan oleh
aktor
9. Menekan tombol “Generate” 10. Menampilkan pesan “Gagal
membuat Sertifikat”
11. Menampilkan halaman Generate
Sertifikat
12. Mengisi Ulang Data Sertifikat 13. Merekam data yang diinputkan oleh
aktor
Menekan tombol “Generate” 14. Menampilkan pesan “Berhasil
membuat Sertifikat”
15. Menampilkan halaman Sertifikat
16. Selesai
 50

e. Use Case Diagram

Gambar 4.2 Use Case Diagram

 51

4.5.2 Activity Diagram

a. Activity Diagram Registrasi

Gambar 4.3 Activity Diagram Registrasi

 52

b. Activity Diagram Login Administrator

Gambar 4.4 Activity Diagram Login Administrator

 53

c. Activity Diagram Login Supplier

Gambar 4.5 Activity Diagram Login Supplier

 54

d. Activity Diagram Pengajuan Sertifikasi

Gambar 4.6 Activity Diagram Pengajuan Sertifikasi

 55

e. Activity Diagram Penilaian

Gambar 4.7 Activity Diagram Penilaian

 56

f. Activity Diagram Perbaikan

Gambar 4.8 Activity Diagram Perbaikan

 57

g. Activity Diagram Cetak Sertifikat

Gambar 4.9 Activity Diagram Cetak Sertifikat

 58

4.5.3 Sequence Diagram

a. Sequence Diagram Registrasi

Gambar 4.10 Sequence Diagram Registrasi

 59

b. Sequence Diagram Login Administrator

Gambar 4.11 Sequence Diagram Login Administrator

 60

c. Sequence Diagram Login Supplier

Gambar 4.12 Sequence Diagram Login Supplier

 61

d. Sequence Diagram Pengajuan Sertifikasi

Gambar 4.13 Sequence Diagram Pengajuan Sertifikasi

 62

e. Sequence Diagram Penilaian Ajuan

Gambar 4.14 Sequence Diagram Penilaian Ajuan

 63

f. Sequence Diagram Perbaikan Ajuan

Gambar 4.15 Sequence Diagram Perbaikan Ajuan

 64

g. Sequence Diagram Cetak Sertifikat

Gambar 4.16 Sequence Diagram Cetak Sertifikat

 65

4.6 Perancangan Basis Data

4.6.1 Database
1. Struktur Tabel Users

Tabel 4.11 Struktur Tabel Users

Nama Tabel : users

Kunci Field : id
Panjang Record : 231 byte
No. Nama Field Type Size
1. id int 11
2. name varchar 50
3. phone varchar 20
4. email varchar 50
5. password varchar 50
6. kd_admin varchar 20
7. kd_supplier varchar 20
8. is_active tinyint 1
 66

2. Struktur Tabel Admin

Tabel 4.12 Struktur Tabel Admin

Nama Tabel : admin

Kunci Field : id
Panjang Record : byte
No. Nama Field Type Size
1. id int 11
2. kd_admin varchar 20
3. no_reg varchar 20
4. nama_admin varchar 50
5. no_telp varchar 20
6. email varchar 50
7. jenis_kelamin enum ‘Laki-laki’,
‘Perempuan’
8. alamat text -
9. avatar text -

3. Struktur Tabel Suppliers

Tabel 4.13 Struktur Tabel Suppliers

Nama Tabel : suppliers

Kunci Field : id
Panjang Record : 271byte
No. Nama Field Type Size
1. id int 11
2. kd_supplier varchar 20
3. nama_miniplant varchar 100
4. nama_pimpinan varchar 50
5. no_telp varchar 20
6. email varchar 50
 67

7. no_fax varchar 20
8. alamat text -
9. avatar text -

4. Struktur Tabel Pengajuan

Tabel 4.14 Struktur Tabel Pengajuan

Nama Tabel : pengajuan

Kunci Field : id
Panjang Record : 31 byte
No. Nama Field Type Size
1. id int 11
2. kd_pengajuan varchar 20
3. kd_supplier varchar 20
4. tgl_pengajuan date -
5. status enum -
6. ktp text -
7. npwp text -
8. nib text -
9. siup text -
10. akta_usaha text -
11. imb text -
12. layout text -
13. panduan_mutu text -
14. keterangan text -
 68

5. Struktur Tabel Penilaian

Tabel 4.15 Struktur Tabel Penilaian

Nama Tabel : penilaian

Kunci Field : id
Panjang Record : 136 byte
No. Nama Field Type Size
1. id int 11
2. kd_penilaian varchar 20
3. kd_pengajuan varchar 20
4. tgl_inspeksi date -
5. kd_supplier varchar 20
6. jenis_supplier enum -
7. kd_tim_inspeksi varchar 20
8. catatan text -
9. jml_minor int 11
10. jml_mayor int 11
11. jml_serius int 11
12. jml_kritis int 11
13. klasifikasi enum -
14. is_need_revisi tinyint 1
15. status enum -
 69

6. Struktur Tabel Penilaian Detail

Tabel 4.16 Struktur Tabel Penilaian Detail

Nama Tabel : penilaian_detail

Kunci Field : id
Panjang Record : 136byte
No. Nama Field Type Size
1. id int 11
2. kd_penilaian varchar 20
3. id_daftar_isian int 11
4. is_minor tinyint 1
5. is_mayor tinyint 1
6. is_serius tinyint 1
7. is_kritis tinyint 1

7. Struktur Tabel Penilaian Notes

Tabel 4.17 Struktur Tabel Penilaian Notes

Nama Tabel : penilaian_notes

Kunci Field : id
Panjang Record : 32 byte
No. Nama Field Type Size
1. id int 11
2. kd_penilaian varchar 20
3. notes text -
4. is_submit tinyint 1
 70

8. Struktur Tabel Penilaian Penanganan

Tabel 4.18 Struktur Tabel Penilaian Penanganan

Nama Tabel : penilaian_penanganan

Kunci Field : id
Panjang Record : 31byte
No. Nama Field Type Size
1. id int 11
2. kd_penilaian varchar 20
3. kd_penanganan varchar 20

9. Struktur Tabel Perbaikan

Tabel 4.19 Struktur Tabel Perbaikan

Nama Tabel : perbaikan

Kunci Field : id
Panjang Record : 71byte
No. Nama Field Type Size
1. id int 11
2. kd_perbaikan varchar 20
3. kd_penilaian varchar 20
4. kd_supplier varchar 20
5. tgl_perbaikan date -
6. status enum -
 71

10. Struktur Tabel Perbaikan Detail

Tabel 4.20 Struktur Tabel Perbaikan Detail

Nama Tabel : perbaikan_nilai

Kunci Field : id
Panjang Record : 32 byte
No. Nama Field Type Size
1. id int 11
2. kd_perbaikan varchar 20
3. id_notes int 11
4. file_perbaikan text -

11. Struktur Tabel Sertifikat

Tabel 4.21 Struktur Tabel Sertifikat

Nama Tabel : sertifikat

Kunci Field : id
Panjang Record : 171byte
No. Nama Field Type Size
1. id int 11
2. kd_supplier varchar 20
3. kd_penilaian varchar 20
4. kd_sertifikat varchar 20
5. no_surat varchar 50
6. tgl date -
7. berlaku_sampai date -
8. kepala_upt varchar 50
9. file_sertifikat text -
 72

12. Struktur Tabel Sertifikat Template

Tabel 4.22 Struktur Tabel Sertifikat Template

Nama Tabel : sertifikat_template

Kunci Field : id
Panjang Record : byte
No. Nama Field Type Size
1. id int 11
2. kd_sertifikat varchar 20
3. nama_sertifikat varchar 50
4. file_template text -
5. priview_template text -
6. no_surat text -
7. s_ no_surat int 11
8. x_ no_surat int 11
9. y_ no_surat int 11
10. supplier text -
11. s_supplier int 11
12. x_supplier int 11
13. y_supplier int 11
14. alamat text -
15. w_alamat int 11
16. s_alamat int 11
17. x_alamat int 11
18. y_alamat int 11
19. jenis_produk text -
20. s_jenis_produk int 11
21. x_jenis_produk int 11
22. y_jenis_produk int 11
23. penanganan text -
 73

24. w_penanganan int 11

25. s_penanganan int 11
26. x_penanganan int 11
27. y_penanganan int 11
28. klasifikasi text -
29. s_klasifikasi int 11
30. x_klasifikasi int 11
31. y_klasifikasi int 11
32. tgl_inspeksi text -
33. s_tgl_inspeksi int 11
34. x_tgl_inspeksi int 11
35. y_tgl_inspeksi int 11
36. berlaku_sampai text -
37. s_berlaku_sampai int 11
38. x_berlaku_sampai int 11
39. y_berlaku_sampai int 11
40. dikeluarkan_di text -
41. s_dikeluarkan_di int 11
42. x_dikeluarkan_di int 11
43. y_dikeluarkan_di int 11
44. tgl text -
45. s_tgl int 11
46. x_tgl int 11
47. y_tgl int 11
48. kepala_upt text -
49. s_kepala_upt int 11
50. x_kepala_upt int 11
51. y_kepala_upt int 11
52. head_of text -
53. s_head_of int 11
 74

54. x_head_of int 11

55. Y_Head_of Int 11

13. Struktur Tabel Tim Inspeksi

Tabel 4.23 Struktur Tabel Tim Inspeksi

Nama Tabel : tim_inspeksi

Kunci Field : id
Panjang Record : 131byte
No. Nama Field Type Size
1. id int 11
2. kd_tim_inspeksi varchar 20
3. kd_pengajuan varchar 20
4. pimpinan_supplier varchar 20
5. ketua_inspeksi varchar 20
6. anggota1 varchar 20
7. anggota2 varchar 20

14. Struktur Tabel Penanganan

Tabel 4.24 Struktur Tabel Penanganan

Nama Tabel : penanganan

Kunci Field : id
Panjang Record : 131 byte
No. Nama Field Type Size
1. id int 11
2. kd_penanganan varchar 20
3. nama_penanganan varchar 100
4. deskripsi text -
 75

15. Struktur Tabel Daftar Isian

Tabel 4.25 Struktur Tabel Daftar Isian

Nama Tabel : daftar_isian

Kunci Field : id
Panjang Record : 31 byte
No. Nama Field Type Size
1. Id int 11
2. kd_daftar_isian varchar 20
3. nama_sub_isian varchar 255
4. is_mayor tinyint 1
5. is_minor tinyint 1
6. is_serius tinyint 1
7. is_kritis tinyint 1
8. acuan text -
 76

16. Struktur Tabel Jenis Produk

Tabel 4.26 Struktur Tabel Jenis Produk

Nama Tabel : jenis_produk

Kunci Field : id
Panjang Record : 101 byte
No. Nama Field Type Size
1. id int 11
2. kd_pengajuan varchar 20
3. kd_supplier varchar 20
4. jenis_produk varchar 50

17. Struktur Tabel Kategori Daftar Isian

Tabel 4.27 Struktur Tabel Kategori Daftar Isian

Nama Tabel : pengajuan

Kunci Field : id
Panjang Record : 31 byte
No. Nama Field Type Size
1. id int 11
2. kd_daftar_isian varchar 20
3. Nama_isian varchar 50
4. Deskripsi Text -
 77

4.7 Desain User Interface

Desain user interface merupakan rancangan/gambaran dari user
interface sistem sertifikasi cara penanganan ikan yang baik(CPIB) yang
dibuat, desain dilakukan agar pengembang mempunyai gambaran tentang
tampilan yang akan dibuat.

4.7.1 Desain Login System

Berikut ini merupakan desain yang akan diterapakan pada
jendela antarmuka form login sesuai dengan kebutuhan user,
sebagai berikut:

Gambar 4.17 Desain Form Login System

Tombol Login berfungsi untuk memproses dan mengalihkan
ke halaman utama (Dashboard) sistem setelah melakukan
pengecekan username dan password yang telah terdaftar. Kemudian
tombol belum punya akun merupakan tombol pendaftaran akun
supplier untuk supplier yang belum memiliki akun yang terdaftar di
sistem.
 78

4.7.2 Desain Registrasi sistem

Berikut ini merupakan desain yang akan diterapakan pada
jendela antarmuka form Register sesuai dengan kebutuhan user,
sebagai berikut:

Gambar 4.18 Desain Form Register supplier

Form yang ada merupakan form yang harus diisi dan nantinya
akan di simpan kedalam sistem dan dibuatkan akun. Tombol daftar
merupakan tombol untuk mengirimkan pendaftaran ke sistem, dan
tombol sudah punya akun digunakan untuk supplier yang telah
mempunyai akun untuk Kembali ke halaman login.
 79

4.7.3 Desain Halaman Utama (Dashboard)

Gambar 4.19 Desain Halaman Dashboard

4.7.4 Desain Halaman Daftar Pengajuan

Gambar 4.20 Desain Halaman Daftar Pengajuan

 80

4.7.5 Desain Halaman Permohonan Pengajuan Sertifikasi

Gambar 4.21 Desain Halaman Permohonan Pengajuan Sertifikasi

4.7.6 Desain Halaman Detail Pengajuan

Gambar 4.22 Desain Halaman Detail Pengajuan

 81

4.7.7 Desain Halaman Daftar Penilaian

Gambar 4.23 Desain Halaman Daftar Penilaian

 82

4.7.8 Desain Halaman Penilaian Sertifikasi

Gambar 4.24 Desain Halaman Penilaian Sertifikasi

 83

4.7.9 Desain Halaman Detail Penilaian

Gambar 4.25 Desain Halaman Detail Penilaian

4.7.10 Desain Halaman Perbaikan Sertifikasi

Gambar 4.26 Desain Halaman Perbaikan Ajuan

 84

4.7.11 Desain Halaman Cetak Sertifikat

Gambar 4.27 Desain Halaman Cetak Sertifikat

4.7.12 Desain Halaman Supplier Terdaftar

Gambar 4.28 Desain Halaman Supplier Terdaftar

 85

4.7.13 Desain Halaman Daftar Pengguna (Administrator)

Gambar 4.29 Desain Halaman Daftar Pengguna (Administrator)

4.7.14 Desain Halaman Profil Saya

Gambar 4.30 Desain Halaman Profil Saya

 86

4.7.15 Desain Halaman Perbarui Profil

Gambar 4.31 Desain Halaman Perbarui Profil

 BAB V

IMPLEMENTASI

5.1 Lingkungan Implementasi

Lingkungan implementasi merupakan alat yang digunakan dalam
proses pengembangan Rancang Bangun Sistem Sertifikasi Cara
Penanganan Ikan yang Baik(CPIB) Berbasis Web (Studi Kasus BKIPM
Kelas II Cirebon) baik dalam bentuk perangkat keras ataupun perangkat
lunak.

5.1.1 Perangkat Keras

Perangkat keras yang digunakan dalam pengembangan
sistem sertifikasi cara penanganan ikan yang baik adalah,
sebagai berikut:

a. Laptop dengan spesifikasi:

1) Asus K46CA Processor Intel® Core™ i3-3217U /
CPU 1.80 GHz.
2) 4 GB RAM
3) SSD 120 GB
4) VGA Intel® HD Graphics 4000
b. Printer Epson L310

5.1.2 Perangkat Lunak

Perangkat Lunak yang digunakan dalam pengembangan
sistem sertifikasi cara penanganan ikan yang baik adalah,
sebagai berikut:

a. Operating System : Windows 10 Enterprise

LTSC 64-bit
b. Bahasa pemrograman : HTML dan PHP
c. Image Editor : [Link], Balsamiq
d. Text Editor : Visual Studio Code
e. Web Server : Apache

87
 88

f. PHP Engine : Php 8.1.10

g. Database : MySQL 8.0.33 yang ada
pada XAMPP Server
h. Database Manager : PhpMyAdmin 10.4.25
i. Browser : Google Chrome
j. Office Tool : Microsoft Office LTSC
Professional Plus 2021

5.2 Implementasi Sertifikasi Cara Penanganan Ikan yang Baik (CPIB)

Pengembangan sistem sertifikasi Cara Penanganan Ikan yang Baik
(CPIB) diharapkan dapat memudahkan supplier dan pegawai/inspektur
BKIPM Kelas II Cirebon dalam memproses pengelolaan pembuatan
sertifikat CPIB. Memberikan fasilitas kepada pengelola sistem untuk
melakukan proses yang diperlukan secara digital.

Hasil yang dicapai dalam pengembangan sistem sertifikasi cara

penanganan ikan yang baik (CPIB), adanya sistem yang dapat
digunakan untuk membantu mempermudah dalam proses pengajuan,
penilaian, perbaikan dan pencetakan sertifikat CPIB.

5.2.1 Halaman Login

Halaman login adalah halaman yang akan ditampilkan
ketika user pertama kali membuka sistem dengan cara
mengetikkan [Link] pada address bar di
browser (seperti : Google Chrome, Microsoft Edge, dan lain-
lain). Halaman ini digunakan untuk memfilter pengguna
sistem agar hanya user terdaftar saja yang dapat mengakses
sistem ini.

Berikut adalah potongan kode pada proses login itu sendiri

adalah, sebagai berikut:
 89

public function login()

{
$this->form_validation->set_rules('credential', 'Kredensial', 'required');
$this->form_validation->set_rules('password', 'Password', 'required');
if ($this->form_validation->run() == FALSE) {
$this->session->set_flashdata('gagal', 'Gagal Masuk !');
$this->index();
} else {
if ($this->auth_model->login()) {
if ($this->session->userdata("login_as") == "admin") {
$page = 'dashboard';
} else if ($this->session->userdata("login_as") == "supplier") {
$page = 'dashboard_supplier';
}
if ($this->session->userdata('referred_from')) {
$referred_from = $this->session->userdata('referred_from');
$this->session->set_flashdata('sukses', 'Berhasil Masuk !');
redirect($referred_from);
} else {
$this->session->set_flashdata('sukses', 'Berhasil Masuk !');
redirect($page);
}
} else {
$this->session->set_flashdata('gagal', 'Pastikan kredensial anda sesuai !');
$this->index();
}
}
}

Listing 5.1 Halaman Login

5.2.2 Halaman Registrasi Supplier
Halaman Registrasi adalah halaman yang akan ditampilkan
ketika user supplier yang belum memiliki hak akses untuk
mengakses sistem ingin membuat akun agar bisa mengakses
halaman sistem. Halaman ini bisa diakses jika kita menekan tombol
“belum punya akun?” maka akan tampil halaman registrasi supplier.

Berikut merupakan potongan kode pada proses registrasi itu

sendiri, sebagai berikut:

public function register()

{
$kd_supplier = $this->supplier_model->kd_supplier_auto();
$name = $this->input->post('name');
$phone = $this->input->post('phone');
$email = $this->input->post('email');
$password = md5($this->input->post('password1'));
$supplier = [
'kd_supplier' => $kd_supplier,
'nama_miniplant' => $name,
'no_telp' => $phone,
'email' => $email,
];
if (!$this->db->insert('suppliers', $supplier)) return FALSE;

$user = [
'name' => $name,
 90

'phone' => $phone,

'email' => $email,
'password' => $password,
'kd_supplier' => $kd_supplier,
'is_active' => 0
];
$notifikasi = [
'kd_supplier' => $kd_supplier,
'type' => 'registrasi',
'pesan' => 'Supplier baru telah mendaftar, aktivasi sekarang?'
];
if (!$this->db->insert('notifikasi', $notifikasi)) return FALSE;
if ($this->db->insert('users', $user)) return TRUE;
}

Listing 5.2 Halaman Registrasi

5.2.3 Halaman Utama
Halaman Utama/Halaman Dashboard adalah halaman yang
ditampilkan ketika user telah berhasil login, pembagian dalam hak
akses user pada pengembangan sistem sertifikasi Cara Penanganan
Ikan yang Baik (CPIB) terbagi menjadi 2, yaitu : Administrator dan
Supplier.

Untuk membuat tampilan halaman menu utama sistem, penulis

menggunakan Framework CSS Bootstrap dan Framework
codeigniter 3. Berikut merupakan potongan kode, sebagai berikut:

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title><?= $title ?> - CPIB BKIPM Cirebon</title>

<link href="[Link] 200i, 300, 300i, 400,

400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link rel="stylesheet" href="<?= base_url('assets') ?>/vendor/fontawesome-
free/css/[Link]">
<link rel="stylesheet" href="<?= base_url('assets') ?>/css/[Link]">
 91

<link rel="stylesheet" href="<?= base_url('assets') ?>/vendor/toastr/[Link]">

<link rel="stylesheet" href="<?= base_url('assets')?>/vendor/datatables
/[Link]">
<link rel="stylesheet" href="<?= base_url('assets') ?>/vendor/magnific-popup/
magnific- [Link]">
<link rel="shortcut icon" href="<?= base_url('assets') ?>/img/logo_bkipm2.png">

<!-- Perpage CSS -->

<?php if (isset($style['css'])) : ?>
<link rel="stylesheet" href="<?= base_url('assets') ?>/css/<?= $style['css'] ?>">
<?php endif ?>
</head>

Listing 5.3 Halaman Dashboard

5.2.4 Halaman Permohonan Sertifikasi
Halaman Permohonan Sertifikasi merupakan halaman yang
ditampilkan ketika user memilih menu permohonan sertifikasi,
halaman ini memuat permohonan sertifikasi yang telah diajukan
dalam sistem. Halaman ini bisa diakses oleh kedua user, untuk
administrator di halaman ini bisa melihat seluruh daftar pengajuan
yang telah diajukan oleh seluruh supplier dan untuk supplier
halaman ini menunjukkan daftar pengajuan yang telah akun supplier
tersebut ajukan. Berikut merupakan potongan kode yang membuat
halaman permohonan sertifikasi, sebagai berikut:

<div class="container-fluid">
<h1 class="h3 mb-2 text-gray-800">Daftar Permohonan Sertifikasi CPIB</h1>
<hr>

<div class="card shadow mb-4">

<div class="card-header py-3">
<a href="<?= base_url('pengajuan/tambah_ajuan') ?>" class="btn btn-sm btn-primary"
id="#myBtn"><i class="fas fa-plus-circle mr-2"></i>Ajukan Permohonan Baru</a>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
 92

<thead>
<tr class="text-center">
<th class="text-center">No.</th>
<th>Tanggal Pengajuan</th>
<th>Kode Pengajuan</th>
<th>Mini Plant</th>
<th>Pimpinan Supplier</th>
<th>Jenis Produk</th>
<th>Status</th>
<th style="text-align:center;">Opsi</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
foreach ($pengajuan as $item) { ?>
<tr>
<th class="text-center"><?= $no++; ?></th>
<td class="text-center" style="width: 125px;"><?= date('d M Y',
strtotime($item['tgl_pengajuan'])) ?></td>
<td class="text-center"><a href="<?= base_url('pengajuan/detail/') .
$item['kd_pengajuan'] ?>" class="badge badge-light" data-toggle="tooltip" data-
placement="right" title="Detail"><?= $item['kd_pengajuan']; ?></a></td>
<td><?= $item['nama_miniplant'] ?></td>
<td><?= $item['nama_pimpinan'] ?></td>
<td class="text-center">
<?php
$colors = ["badge-primary", "badge-success", "badge-danger", "badge-
warning", "badge-info"];
$jenis_produk = $this->db->get_where('jenis_produk', ['kd_pengajuan' =>
$item['kd_pengajuan'], 'kd_supplier' => $item['kd_supplier']])->result_array();
foreach ($jenis_produk as $jp) :
?>
<div class="badge <?= $colors[array_rand($colors)] ?>"><?=
$jp['jenis_produk'] ?></div>
<?php endforeach; ?>
</td>
<td class="text-center">
<?php if ($item['status'] == 'Tertunda') { ?>
<span class="badge badge-primary"><?= $item['status'] ?></span>
<?php } elseif ($item['status'] == 'Dalam proses Inspeksi') { ?>
<span class="badge badge-info"><?= $item['status'] ?></span>
 93

<?php } elseif ($item['status'] == 'Menunggu Sertifikat') { ?>

<span class="badge badge-primary"><?= $item['status'] ?></span>
<?php } elseif ($item['status'] == 'Lolos') { ?>
<span class="badge badge-success"><?= $item['status'] ?></span>
<?php } elseif ($item['status'] == 'Perlu Revisi') { ?>
<span class="badge badge-warning"><?= $item['status'] ?></span>
<?php } elseif ($item['status'] == 'Menunggu validasi perbaikan') { ?>
<span class="badge badge-primary"><?= $item['status'] ?></span>
<?php } elseif ($item['status'] == 'Tidak Lolos') { ?>
<span class="badge badge-danger"><?= $item['status'] ?></span>
<?php } ?>
</td>
<td class="text-center">
<div class="btn-group" role="group" aria-label="Opsi">
<?php $penilaian = $this->db->get_where('penilaian', ['kd_pengajuan' =>
$item['kd_pengajuan']])->row(); ?>
<a href="<?= base_url('pengajuan/detail/' . $item['kd_pengajuan']) ?>"
class="btn btn-success" data-toggle="tooltip" data-placement="right" title="Detail"><i
class="fas fa-info-circle"></i></a>
<a href="<?= base_url('pengajuan/ubah/' . $item['kd_pengajuan']) ?>"
class="btn btn-primary <?= $penilaian || $item['status'] == 'Tidak Lolos' ? 'disabled' : ''
?>" data-toggle="tooltip" data-placement="right" title="Ubah"><i class="fa fa-fw fa-
edit"></i></a>
<a href="<?= base_url('pengajuan/hapus/' . $item['kd_pengajuan']) ?>"
onclick="return confirm('Apakah anda yakin?')" class="btn btn-danger <?= $penilaian ||
$item['status'] == 'Tidak Lolos' ? 'disabled' : '' ?>" data-toggle="tooltip" data-
placement="right" title="Hapus"><i class="fas fa-trash-alt"></i></a>
</div>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

Listing 5.4 Halaman Permohonan Sertifikasi

5.2.5 Proses Pengajuan Sertifikasi
Proses Pengajuan Sertifikasi merupakan awal dari proses
pembuatan sertifikasi Cara Penanganan Ikan yang Baik(CPIB),
dalam hal ini melibatkan proses memasukkan data pengajuan
 94

sertifikasi yang nantinya akan di periksa dan di validasi oleh

Administrator/inspektur BKIPM bahwasannya apakah data yang
telah dimasukkan sesuai dan dapat dilakukan proses selanjutnya.
Berikut merupakan potongan kode untuk proses pengajuan
sertifikasi:

public function kd_pengajuan_auto()

{
$this->db->select('RIGHT(pengajuan.kd_pengajuan,4) as kd_pengajuan', FALSE);
$this->db->order_by('kd_pengajuan', 'DESC');
$this->db->limit(1);
$query = $this->db->get('pengajuan');
if ($query->num_rows() <> 0) {
$data = $query->row();
$kd = intval($data->kd_pengajuan) + 1;
} else {
$kd = 1;
}
$batas = str_pad($kd, 4, "0", STR_PAD_LEFT);
$kdpengajuan = "REG-" . $batas;
return $kdpengajuan;
}
public function tambah()
{
$config['upload_path'] = './assets/dokumen';
$config['allowed_types'] = 'jpg|png|jpeg|pdf';
$this->load->library('upload', $config);
$files = ['ktp', 'npwp', 'nib', 'siup', 'akta_usaha', 'imb', 'layout',
'panduan_mutu'];
$uploadedFiles = [];
foreach ($files as $item) {
if ($this->upload->do_upload($item)) {
$fileName = $this->upload->data('file_name');
array_push($uploadedFiles, $fileName);
} else {
array_push($uploadedFiles, null);
}
};
$kd_pengajuan = $this->input->post('kd_pengajuan');
$kd_supplier = $this->input->post('kd_supplier');
$data = [
'kd_pengajuan' => $kd_pengajuan,
'kd_supplier' => $kd_supplier,
 95

'tgl_pengajuan' => $this->input->post('tgl_pengajuan'),

'status' => 'Tertunda',
'ktp' => $uploadedFiles[0],
'npwp' => $uploadedFiles[1],
'nib' => array_key_exists(2, $uploadedFiles) ? $uploadedFiles[2] : '',
'siup' => array_key_exists(3, $uploadedFiles) ? $uploadedFiles[3] : '',
'akta_usaha' => array_key_exists(4, $uploadedFiles) ? $uploadedFiles[4] : '',
'imb' => array_key_exists(5, $uploadedFiles) ? $uploadedFiles[5] : '',
'layout' => $uploadedFiles[6],
'panduan_mutu' => $uploadedFiles[7],
];
if ($this->input->post('jenis_produk')) $this->tambah_jenis_produk();
if ($this->db->insert('pengajuan', $data)) return TRUE;
}

Listing 5.5 Proses Pengajuan Sertifikasi

5.2.6 Halaman Daftar Penilaian Ajuan
Halaman Daftar Penilaian Ajuan Sertifikasi merupakan
halaman yang ditampilkan ketika user memilih menu penilaian
ajuan, halaman ini memuat daftar penilaian sertifikasi yang telah
dilakukan dalam sistem. Halaman ini bisa diakses oleh kedua user,
untuk administrator di halaman ini bisa melihat seluruh daftar ajuan
yang telah dilakukan penilaian semua supplier terdaftar dan untuk
supplier halaman ini menunjukkan daftar ajuan yang telah dilakukan
penilaian di akun supplier tersebut. Berikut merupakan potongan
kode halaman daftar penilaian ajuan:

<div class="container-fluid">
<h1 class="h3 mb-2 text-gray-800">Penilaian Ajuan</h1>
<hr>

<div class="card shadow mb-4">

<div class="card-header py-3">
<h6 class="font-weight-bold mb-0">List Penilaian Ajuan</h6>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
<thead>
<tr class="text-center">
<th>No.</th>
 96

<th>Tanggal Inspeksi</th>
<th>Kode Penilaian</th>
<th>Kode Pengajuan</th>
<th>Mini Plant</th>
<th>Pimpinan Supplier</th>
<th>Klasifikasi</th>
<th>Status</th>
<th style="text-align:center;">Opsi</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
foreach ($penilaian as $item) { ?>
<tr>
<th class="text-center"><?= $no++ ?></th>
<td class="text-center" style="width: 125px;"><?= date('d M Y',
strtotime($item['tgl_inspeksi'])) ?></td>
<td class="text-center">
<a href="<?= base_url('penilaian_supplier/detail/') . $item['kd_penilaian']
?>" class="badge badge-light" data-toggle="tooltip" data-placement="right"
title="Detail"><?= $item['kd_penilaian'] ?></a>
</td>
<td class="text-center">
<a href="<?= base_url('pengajuan_supplier/detail/') . $item['kd_pengajuan']
?>" class="badge badge-light" data-toggle="tooltip" data-placement="right"
title="Detail"><?= $item['kd_pengajuan'] ?></a>
</td>
<td><?= $item['nama_miniplant'] ?></td>
<td><?= $item['nama_pimpinan'] ?></td>
<td class="text-center">
<?php if ($item['klasifikasi'] == 'Sangat Baik') : ?>
<span class="badge badge-primary"><?= $item['klasifikasi'] ?></span>
<?php elseif ($item['klasifikasi'] == 'Baik') : ?>
<span class="badge badge-success"><?= $item['klasifikasi'] ?></span>
<?php elseif ($item['klasifikasi'] == 'Cukup') : ?>
<span class="badge badge-warning"><?= $item['klasifikasi'] ?></span>
<?php elseif ($item['klasifikasi'] == 'Kurang') : ?>
<span class="badge badge-danger"><?= $item['klasifikasi'] ?></span>
<?php endif ?>
</td>
<td class="text-center">
<?php if ($item['status'] == 'Menunggu Sertifikat') { ?>
<span class="badge badge-primary"><?= $item['status'] ?></a>
 97

<?php } elseif ($item['status'] == 'Lolos') { ?>

<span class="badge badge-success"><?= $item['status'] ?></a>
<?php } elseif ($item['status'] == 'Perlu Revisi') { ?>
<span class="badge badge-warning"><?= $item['status'] ?></a>
<?php } elseif ($item['status'] == 'Menunggu validasi perbaikan') { ?>
<span class="badge badge-primary"><?= $item['status'] ?></a>
<?php } elseif ($item['status'] == 'Tidak Lolos') { ?>
<span class="badge badge-danger"><?= $item['status'] ?></a>
<?php } ?>
</td>
<td class="text-center">
<div class="btn-group" role="group" aria-label="Opsi">
<a href="<?= base_url('penilaian_supplier/detail/' .
$item['kd_penilaian']) ?>" class="btn btn-success" data-toggle="tooltip" data-
placement="right" title="Detail"><i class="fas fa-info-circle"></i></a>
</div>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

Listing 5.6 Halaman Daftar Penilaian Ajuan

5.2.7 Proses Penilaian Sertifikasi
Proses Penilaian Sertifikasi merupakan proses inspeksi yang
dilakukan oleh inspektur untuk menentukan kelayakan dan
kualifikasi supplier apakah memenuhi kriteria sertifikasi atau tidak,
pada proses ini ketika melakukan inspeksi dan mengisi form
kelayakan supplier dibawah akan otomatis menentukan kriteria
sesuai dengan penyimpangan yang ada. Dalam proses ini juga bisa
menambahkan proses tahapan penanganan yang dilakukan oleh
supplier dan juga apabila adanya perbaikan yang harus diakukan
oleh supplier akan ada form untuk menambah kan file revisi dan
 98

catatan-catatan perbaikan. Proses ini hanya bisa diakses dan

dilakukan oleh akun Administrator. Berikut merupakan potongan
kode proses penilaian sertifikasi:

// ============================================================
// HITUNG NILAI
// ============================================================
// Update Klasifikasi
const updateKlasifikasi = () => {
const minor = $("#jmlMinor").val();
const mayor = $("#jmlMayor").val();
const serius = $("#jmlSerius").val();
const kritis = $("#jmlKritis").val();
let klasifikasi
if (minor == 0 && mayor == 0 && serius == 0 && kritis == 0) {
klasifikasi = '-';
} else if (minor <= 6 && mayor <= 5 && serius == 0 && kritis == 0) {
klasifikasi = 'Sangat Baik';
} else if (minor >= 7 && (mayor >= 6 && mayor <= 10) && (serius >= 1 && serius <=
2) && kritis == 0) {
klasifikasi = 'BAIK';
} else if (mayor >= 11 && (serius >= 3 && serius <= 4) && kritis == 0) {
klasifikasi = 'Cukup';
} else if (serius >= 5 && kritis >= 1) {
klasifikasi = 'Kurang';
} else {
klasifikasi = 'Tidak memenuhi Kriteria';
}

$("#klasifikasi").val(klasifikasi);
$("#is_needRevisi").attr("checked", false);
if (klasifikasi == 'Cukup' || klasifikasi == 'Kurang')
$("#is_needRevisi").attr("checked", true);
$(".tdKlasifikasi").attr('class', 'text-center tdKlasifikasi');
const className = "bg-success text-light";

if (minor <= 6) {
$("#minor_6").addClass(className);
} else if (minor >= 7) {
$("#minor_7").addClass(className)
}

if (mayor <= 5) {
$("#mayor_5").addClass(className)
 99

} else if (mayor <= 10) {

$("#mayor_10").addClass(className)
} else if (mayor >= 11) {
$("#mayor_11").addClass(className)
}

if (serius == 0) {
$("#serius_0").addClass(className)
} else if (serius <= 2) {
$("#serius_2").addClass(className)
} else if (serius <= 4) {
$("#serius_4").addClass(className)
} else if (serius >= 5) {
$("#serius_5").addClass(className)
}

if (kritis == 0) {
$("#kritis_01").addClass(className)
$("#kritis_02").addClass(className)
$("#kritis_03").addClass(className)
} else if (kritis >= 1) {
$("#kritis_1").addClass(className)
}
}

updateKlasifikasi()

// MINOR
$(".checkbox_is_minor").click(function(e) {
$(this).toggleClass('checked_minor');

let totMinor = 0;
$(".checked_minor").each(function(index, element) {
totMinor += 1;
});

$("#jmlMinor").val(totMinor);
updateKlasifikasi()
});
// MAYOR
$(".checkbox_is_mayor").click(function(e) {
$(this).toggleClass('checked_mayor');

let totMayor = 0;
$(".checked_mayor").each(function(index, element) {
totMayor += 1;
 100

});

$("#jmlMayor").val(totMayor);
updateKlasifikasi()
});
// SERIUS
$(".checkbox_is_serius").click(function(e) {
$(this).toggleClass('checked_serius');

let totSerius = 0;
$(".checked_serius").each(function(index, element) {
totSerius += 1;
});

$("#jmlSerius").val(totSerius);
updateKlasifikasi()
});
// KRITIS
$(".checkbox_is_kritis").click(function(e) {
$(this).toggleClass('checked_kritis');

let totKritis = 0;
$(".checked_kritis").each(function(index, element) {
totKritis += 1;
});

$("#jmlKritis").val(totKritis);
updateKlasifikasi()
});

// remove marked table

$("button[type='reset']").click(function(e) {
updateKlasifikasi()
});
});

Listing 5.7 Proses Penilaian Sertifikasi

5.2.8 Halaman Daftar Perbaikan Sertifikasi

Halaman Daftar Perbaikan Ajuan Sertifikasi merupakan
halaman yang ditampilkan ketika user memilih menu perbaikan
ajuan, halaman ini memuat daftar perbaikan ajuan sertifikasi yang
telah dilakukan dalam sistem. Halaman ini bisa diakses oleh kedua
 101

user, untuk administrator di halaman ini bisa melihat seluruh daftar

penilaian ajuan yang telah dilakukan perbaikan semua supplier
terdaftar dan untuk supplier halaman ini menunjukkan daftar
penilaian ajuan yang telah dilakukan perbaikan di akun supplier
tersebut. Berikut merupakan potongan kode halaman daftar
perbaikan ajuan, sebagai berikut:

<div class="container-fluid">
<h1 class="h3 mb-2 text-gray-800">Perbaikan Ajuan</h1>
<hr>

<div class="card shadow mb-4">

<div class="card-header py-3">
<h6 class="font-weight-bold mb-0">List Perbaikan Ajuan</h6>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
<thead class="text-center">
<tr>
<th class="text-center">No.</th>
<th>Tanggal</th>
<th>Kode Perbaikan</th>
<th>Kode Penilaian</th>
<th>Mini Plant</th>
<th>Pimpinan Supplier</th>
<th>Status</th>
<th style="text-align:center;">Opsi</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
foreach ($perbaikan_ajuan as $item) { ?>
<tr>
<th class="text-center"><?= $no++; ?></th>
<td class="text-center" style="width: 125px;"><?= date('d M Y',
strtotime($item['tgl_perbaikan'])) ?></td>
<td class="text-center"><a href="<?= base_url('perbaikan_supplier/detail/')
. $item['kd_perbaikan'] ?>" class="badge badge-light" data-toggle="tooltip" data-
placement="right" title="Detail"><?= $item['kd_perbaikan']; ?></a></td>
 102

<td class="text-center"><a href="<?= base_url('penilaian_supplier/detail/')

. $item['kd_penilaian'] ?>" class="badge badge-light" data-toggle="tooltip" data-
placement="right" title="Detail"><?= $item['kd_penilaian']; ?></a></td>
<td><?= $item['nama_miniplant']; ?></td>
<td><?= $item['nama_pimpinan'] ?></td>
<td class="text-center">
<?php if ($item['status'] == 'Menunggu validasi perbaikan') { ?>
<span class="badge badge-primary"><?= $item['status'] ?></a>
<?php } elseif ($item['status'] == 'Menunggu Sertifikat') { ?>
<span class="badge badge-primary"><?= $item['status'] ?></a>
<?php } elseif ($item['status'] == 'Lolos') { ?>
<span class="badge badge-success"><?= $item['status'] ?></a>
<?php } elseif ($item['status'] == 'Perlu Revisi') { ?>
<span class="badge badge-warning"><?= $item['status'] ?></a>
<?php } elseif ($item['status'] == 'Tidak Lolos') { ?>
<span class="badge badge-danger"><?= $item['status'] ?></a>
<?php } ?>
</td>
<td class="text-center">
<div class="btn-group" role="group" aria-label="Basic example">
<a href="<?= base_url('perbaikan_supplier/detail/' .
$item['kd_perbaikan']) ?>" class="btn btn-success" data-toggle="tooltip" data-
placement="right" title="Detail"><i class="fas fa-info-circle"></i></a>
</div>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

Listing 5.8 Halaman Daftar Perbaikan Sertifikasi

5.2.9 Proses Perbaikan Ajuan Sertifikasi
Proses perbaikan ajuan sertifikasi merupakan sebuah proses
yang dilakukan apabila kualifikasi supplier dalam penilaian
kelayakan supplier mendapatkan nilai cukup atau kurang maka perlu
diadakannya proses ini. Proses ini berisi tentang perbaikan yang
sebelumnya harus diperbaiki sesuai dengan catatan inspektur pada
 103

saat penilaian dengan cara mengirimkan file bukti perbaikan

tersebut kedalam sistem, yang nantinya akan ditinjau oleh pihak
inspektur. Proses ini bisa diakses oleh dua entitas yaitu administrator
/inspektur dan oleh supplier. Untuk akun administrator itu bisa
melakukan input perbaikan, selain itu juga bisa meninjau file
perbaikan yang telah supplier kirimkan ke sistem dan juga bisa
menerima atau menolak perbaikan tersebut. Sedangkan akun
supplier hanya bisa melakukan upload file perbaikan ajuan
sertifikasi. Berikut merupakan potongan kode proses perbaikan
ajuan sertifikasi, sebagai berikut:

public function index()

{
$this->db->join('suppliers', 'suppliers.kd_supplier = users.kd_supplier', 'left');
$supplier = $this->db->get_where('users', ['[Link]' => $this->session-
>userdata('id')])->row();

$this->db->join('suppliers', 'suppliers.kd_supplier = perbaikan.kd_supplier', 'left');

$this->db->order_by('tgl_perbaikan', 'desc');
$this->db->order_by('kd_perbaikan', 'desc');
$data['perbaikan_ajuan'] = $this->db->get_where('perbaikan', ['perbaikan.kd_supplier'
=> $supplier->kd_supplier])->result_array();

$data['title'] = 'Perbaikan Ajuan';

$this->loadView('perbaikan', $data);
}

public function detail($kd_perbaikan)

{
$perbaikan = $this->db->get_where('perbaikan', ['kd_perbaikan' => $kd_perbaikan])-
>row();
$this->db->join('penilaian_notes', 'penilaian_notes.id = perbaikan_detail.id_notes',
'left');
$perbaikan_detail = $this->db->get_where('perbaikan_detail', ['kd_perbaikan' =>
$kd_perbaikan])->result_array();
$penilaian = $this->db->get_where('penilaian', ['kd_penilaian' => $perbaikan-
>kd_penilaian])->row();
$penilaian_detail = $this->db->get_where('penilaian_detail', ['kd_penilaian' =>
$perbaikan->kd_penilaian])->result_array();
$supplier = $this->db->get_where('suppliers', ['kd_supplier' => $perbaikan-
>kd_supplier])->row();
 104

$jenis_produk = $this->db->get_where('jenis_produk', ['kd_pengajuan' => $penilaian-

>kd_pengajuan, 'kd_supplier' => $penilaian->kd_supplier])->result_array();
$tim_inspeksi = $this->db->get_where('tim_inspeksi', ['kd_pengajuan' => $penilaian-
>kd_pengajuan])->row();
$kategori_daftar_isian = $this->daftar_isian_model->semuaKategori();
$this->db->join('penanganan', 'penanganan.kd_penanganan =
penilaian_penanganan.kd_penanganan', 'left');
$penanganan = $this->db->get_where('penilaian_penanganan', ['kd_penilaian' =>
$perbaikan->kd_penilaian])->result_array();
$notes = $this->db->get_where('penilaian_notes', ['kd_penilaian' => $perbaikan-
>kd_penilaian])->result_array();
$anggota2 = $this->db->get_where('admin', ['kd_admin' => $tim_inspeksi->anggota2])-
>row('nama_admin');

$data = [
'supplier' => $supplier,
'jenis_produk' => $jenis_produk,
'ketua_tim' => $this->db->get_where('admin', ['kd_admin' => $tim_inspeksi-
>ketua_inspeksi])->row(),
'anggota1' => $this->db->get_where('admin', ['kd_admin' => $tim_inspeksi->anggota1])-
>row(),
'anggota2' => $anggota2 ? $anggota2 : '-',
'penilaian' => $penilaian,
'penilaian_detail' => $penilaian_detail,
'kategori_daftar_isian' => $kategori_daftar_isian,
'penanganan' => $penanganan,
'notes' => $notes,
'perbaikan' => $perbaikan,
'perbaikan_detail' => $perbaikan_detail,
];

$data['title'] = 'Detail Perbaikan';

$this->loadView('detail', $data);
}

public function validasi()

{
$this->form_validation->set_rules('kd_perbaikan', 'Kode Perbaikan', 'required');
$this->form_validation->set_rules('kd_penilaian', 'Kode Penilaian', 'required');
$this->form_validation->set_rules('klasifikasi', 'Klasifikasi', 'required');

if ($this->form_validation->run() == FALSE) {
$this->session->set_flashdata('gagal', "Mohon isi data dengan lengkap !");
$this->session->set_flashdata('hasModalID', 'terimaPerbaikan');
$this->detail($this->input->post('kd_perbaikan'));
} else {
 105

if ($this->perbaikan_model->validasi()) {
$this->session->set_flashdata('sukses', 'Berhasil Terima Perbaikan !');
redirect('perbaikan');
} else {
$this->session->set_flashdata('gagal', 'Gagal Terima Perbaikan !');
$this->detail($this->input->post('kd_perbaikan'));
}
}
}

Listing 5.9 Proses Perbaikan Ajuan Sertifikasi

5.2.10 Proses Cetak Sertifikat CPIB
Proses cetak sertifikat merupakan proses generate sertifikat
atau pembuatan sertifikat terhadap ajuan yang telah memenuhi
kiteria dengan nilai baik atau sangat baik ketika proses penilaian
kelayakan supplier. Dalam proses ini hanya administrator yang
dapat mengakses dan melakukan pembuatan sertifikat. Berikut
merupakan potongan kode proses cetak sertifikat Cara Penanganan
Ikan yang Baik (CPIB), sebagai berikut:

private function generate_certificate(){

$this->load->library('Pdf');
$template = $this->db->get_where('sertifikat_template', ['kd_sertifikat' => $this-
>input->post('kd_sertifikat')])->row();
$supplier = $this->db->get_where('suppliers', ['kd_supplier' => $this->input-
>post('kd_supplier')])->row();
$penilaian = $this->db->get_where('penilaian', ['kd_penilaian' => $this->input-
>post('kd_penilaian')])->row();
$jenis_produk = $this->db->get_where('jenis_produk', ['kd_pengajuan' =>
$penilaian->kd_pengajuan])->result_array();
$this->db->join('penanganan', 'penanganan.kd_penanganan =
penilaian_penanganan.kd_penanganan', 'left');
$tahap_penanganan = $this->db->get_where('penilaian_penanganan', ['kd_penilaian'
=> $penilaian->kd_penilaian])->result_array();

$font = APPPATH . '..\assets\fonts\[Link]';

$image = imagecreatefromjpeg(base_url('assets/sertifikat/template/' . $template-
>file_template));
$color = imagecolorallocate($image, 0, 0, 0);
 106

imagettftext($image, $template->s_no_surat, 0, $template->x_no_surat, $template-

>y_no_surat, $color, $font, $this->input->post('no_surat'));
imagettftext($image, $template->s_supplier, 0, $template->x_supplier, $template-
>y_supplier, $color, $font, $supplier->nama_miniplant);
imagettftext($image, $template->s_alamat, 0, $template->x_alamat, $template-
>y_alamat, $color, $font, wordwrap($supplier->alamat, $template->w_alamat));
imagettftext($image, $template->s_jenis_produk, 0, $template->x_jenis_produk,
$template->y_jenis_produk, $color, $font, implode(", ", array_column($jenis_produk,
"jenis_produk")));
imagettftext($image, $template->s_penanganan, 0, $template->x_penanganan,
$template->y_penanganan, $color, $font, wordwrap(implode(" - ",
array_column($tahap_penanganan, "nama_penanganan")), $template->w_penanganan));
imagettftext($image, $template->s_klasifikasi, 0, $template->x_klasifikasi,
$template->y_klasifikasi, $color, $font, $penilaian->klasifikasi);
imagettftext($image, $template->s_tgl_inspeksi, 0, $template->x_tgl_inspeksi,
$template->y_tgl_inspeksi, $color, $font, date('d M Y', strtotime($penilaian-
>tgl_inspeksi)));
imagettftext($image, $template->s_berlaku_sampai, 0, $template->x_berlaku_sampai,
$template->y_berlaku_sampai, $color, $font, date('d M Y', strtotime($this->input-
>post('berlaku_sampai'))));
imagettftext($image, $template->s_dikeluarkan_di, 0, $template->x_dikeluarkan_di,
$template->y_dikeluarkan_di, $color, $font, $this->input->post('dikeluarkan_di'));
imagettftext($image, $template->s_tgl, 0, $template->x_tgl, $template->y_tgl,
$color, $font, date('d M Y', strtotime($this->input->post('tgl'))));
imagettftext($image, $template->s_kepala_upt, 0, $template->x_kepala_upt,
$template->y_kepala_upt, $color, $font, $this->input->post('kepala_upt'));
imagettftext($image, $template->s_head_of, 0, $template->x_head_of, $template-
>y_head_of, $color, $font, $this->input->post('head_of'));

$fileName = $template->kd_sertifikat . '-' . $supplier->kd_supplier . '-' .

date('YmdHis');
$output = APPPATH . '../assets/sertifikat/' . $fileName;
imagejpeg($image, $output . '.jpg');
$pdf = new FPDF('P', 'in', [8.27, 11.7]);
$pdf->AddPage();
$pdf->Image($output . '.jpg', 0, 0, 8.27, 11.7);
$title = 'Sertifikat CPIB - ' . $supplier->nama_miniplant;
$pdf->SetTitle($title);
$pdf->SetAuthor('BKIPM Cirebon');
$pdf->Output($output . '.pdf', 'F');

return $fileName;
}

Listing 5.10 Proses Cetak Sertifikat

 107

5.2.11 Halaman Daftar Sertifikat CPIB

Halaman Daftar Sertifikat CPIB merupakan halaman yang
ditampilkan ketika user memilih menu Sertifikat CPIB, halaman ini
memuat daftar sertifikat yang telah dilakukan proses pencetakan
sertifikat. Halaman ini bisa diakses oleh kedua user, untuk
administrator di halaman ini bisa melihat seluruh daftar sertifikat
yang telah dicetak dan untuk supplier halaman ini menunjukkan
daftar sertifikat yang telah dicetak di akun supplier tersebut. Berikut
merupakan potongan kode halaman daftar sertifikat CPIB, sebagai
berikut:

<div class="container-fluid">
<h1 class="h3 mb-2 text-gray-800">Sertifikat Supplier</h1>
<hr>

<div class="card shadow mb-4">

<div class="card-header py-3">
<h6 class="font-weight-bold mb-0">List Sertifikat Supplier</h6>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
<thead class="text-center">
<tr>
<th class="text-center">No.</th>
<th>Tanggal</th>
<th>No. Sertifikat</th>
<th>Mini Plant</th>
<th>Pimpinan Supplier</th>
<th>Jenis Produk</th>
<th>Berlaku Sampai</th>
<th>Sertifikat</th>
<th>Opsi</th>
</tr>
</thead>
<tbody>
<?php
$no = 1;
foreach ($sertifikat as $item) { ?>
<tr>
<td class="text-center"><?= $no++ ?></td>
 108

<td class="text-center" style="width:125px ;"><?= date('d M Y',

strtotime($item['tgl'])) ?></td>
<td class="text-center">
<span class="badge badge-light"><?= $item['no_surat'] ?></span>
</td>
<td><?= $item['nama_miniplant'] ?></td>
<td><?= $item['nama_pimpinan'] ?></td>
<td class="text-center">
<?php
$colors = ["badge-primary", "badge-success", "badge-danger", "badge-
warning", "badge-info"];
$jenis_produk = $this->db->get_where('jenis_produk', ['kd_pengajuan' =>
$item['kd_pengajuan'], 'kd_supplier' => $item['kd_supplier']])->result_array();
foreach ($jenis_produk as $jp) :
?>
<div class="badge <?= $colors[array_rand($colors)] ?>"><?=
$jp['jenis_produk'] ?></div>
<?php endforeach; ?>
</td>
<td class="text-center" style="width:125px ;"><?= date('d M Y',
strtotime($item['berlaku_sampai'])) ?></td>
<td class="text-center align-middle">
<a href="<?= base_url('assets/sertifikat/') . $item['file_sertifikat'] .
'.jpg' ?>" target="__blank" class="imgPopup btn btn-outline-primary" data-toggle="tooltip"
data-placement="right" title="Click to preview image"><i class="fas fa-file-
image"></i></a>
<a href="<?= base_url('assets/sertifikat/') . $item['file_sertifikat'] .
'.pdf' ?>" target="__blank" class="pdfPopup btn btn-outline-danger" data-toggle="tooltip"
data-placement="right" title="Click to preview PDF"><i class="fas fa-file-pdf"></i></a>
</td>
<td class="text-center">
<div class="btn btn-group">
<a href="<?= base_url('sertifikat/detail/') . $item['id'] ?>"
class="btn btn-success" data-toggle="tooltip" data-placement="right" title="Detail
Sertifikat"><i class="fas fa-info-circle"></i></a>
<a href="<?= base_url('sertifikat/hapus/') . $item['id'] ?>"
class="btn btn-danger" data-toggle="tooltip" data-placement="right" title="Hapus
Sertifikat" onclick="return confirm('Apakah anda yakin ingin menghapus ini?')"><i
class="fas fa-trash-alt"></i></a>
</div>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
 109

</div>
</div>
</div>
</div>

Listing 5.11 Halaman Daftar Sertifikat CPIB

 BAB VI

HASIL DAN PEMBAHASAN

6.1 Penggunaan Aplikasi

Aplikasi yang dihasilkan dari sistem sertifikasi cara penanganan
ikan yang baik yang dapat digunakan secara umum adalah melakukan
pengajuan dan perbaikan ajuan sertifikasi Cara Penanganan Ikan yang
Baik di Balai Karantina Ikan, Pengendalian Mutu dan Keamanan
Perikanan (BKIPM) Kelas II Cirebon. Sebelum masuk ke halaman
utama sistem, untuk keamanan aplikasi dibekali dengan halaman login
yang digunakan sebagai filter pengguna hak akses ke aplikasi. Setelah
berhasil masuk ke dalam aplikasi, terdapat side bar menu navigation
pada halaman dan terdapat rincian pengajuan, penilaian, perbaikan dan
jumlah sertifikasi yang telah diproses. Pengguna hak akses aplikasi
dapat melakukan pengajuan sertifikasi, perbaikan sertifikasi dan melihat
sertifikat yang telah selesai diproses.

Aplikasi yang dibuat masih dalam lingkup localhost atau berada

dalam jaringan lokal, maka sebelumnya harus sudah terinstal web
server, seperti LAMP, XAMPP, atau WAMP Server, kemudian import
database MySQL dari aplikasi tersebut, dan jalankan atau aktifkan web
server.

6.1.1 Penggunaan Halaman Index Website(Halaman Login)

Kegiatan ini bertujuan untuk menerangkan secara singkat cara
mengakses sistem sertifikasi cara penanganan ikan yang baik di
halaman web dengan asumsi web server sudah terinstal dan aktif,
serta database sudah ada.

a. Buka web browser yang anda miliki, kemudian tulis

‘localhost/cpib’ pada address bar dan tekan enter, maka
halaman yang tampil adalah seperti yang ditunjukan oleh
gambar 6.1. Pada halaman index (login) ini terdapat form

110
 111

inputan berupa username dan password agar dapat

mengakses aplikasi.

Gambar 6.1 Halaman Index website (Login)

b. Ketikkan username dan password yang telah terdaftar dalam

sistem pada kolom inputan halaman login. Ketika login
berhasil maka aplikasi akan menampilkan halaman utama
(sebagai administrator) seperti pada Gambar 6.2.

Gambar 6.2 Halaman Dashboard Administrator

 112

6.1.2 Proses Pengajuan Sertifikasi CPIB

Proses pengajuan sertifikasi Cara Penanganan Ikan yang Baik
(CPIB) dapat dilakukan oleh Supplier maupun Adminstrator yang
sebelumnya sudah terdaftar didalam sistem.

a. Setelah login dan memilih menu permohonan sertifikasi,

maka akan tampil halaman seperti yang ditunjukan oleh
Gambar 6.3 berikut.

Gambar 6.3 Daftar Permohonan Sertifikasi CPIB

b. Pilihlah tombol “Ajukan Permohonan Baru” untuk
melakukan pengajuan sertifikasi CPIB dan mengisi
kelengkapan data, maka akan tampil form seperti pada
Gambar 6.4.
 113

Gambar 6.4 Form Permohonan Sertifikasi CPIB

c. Setelah mengisi seluruh form yang tersedia. Pilihlah
tombol “Ajukan Permohonan” untuk mengajukan
sertifikasi CPIB. Maka akan tampil notifikasi berhasil
mengajukan dan akan muncul halaman daftar pengajuan
sertifikasi CPIB seperti pada Gambar 6.5

Gambar 6.5 Notifikasi berhasil dan halaman daftar permohonan

 114

6.1.3 Proses Penilaian Sertifikasi CPIB

Proses penilaian sertifikasi Cara Penanganan Ikan yang Baik
(CPIB) hanya dapat dilakukan oleh Adminstrator yang sebelumnya
sudah terdaftar didalam sistem.

a. Setelah login dan memilih menu penilaian sertifikasi,

maka akan tampil halaman seperti yang ditunjukan oleh
Gambar 6.6 berikut.

Gambar 6.6 Halaman Daftar Penilaian Ajuan

b. Pilihlah Tombol detail yang disimbolkan oleh symbol “i”
pada pengajuan yang akan di proses. Maka akan tampil
halaman seperti pada Gambar 6.7 berikut.
 115

Gambar 6.7 Halaman Detail Permohonan Sertifikasi

c. Pilihlah tombol Lanjutkan Proses untuk memproses
pengajuan dan melakukan penilaian sertifikasi CPIB,
maka akan tampil halaman form pembuatan tim inspeksi
seperti pada Gambar 6.8 berikut.

Gambar 6.8 Form Pembuatan Tim Inspeksi

 116

d. Setelah melakukan pengisian form tim inspeksi pilihlah

tombol “Buat Tim” untuk melakukan penilaian sertifikasi
CPIB, maka akan tampil halaman form Daftar Isian
penilaian kelayakan Supplier seperti pada gambar 6.9
berikut.
117
 118

Gambar 6.9 Form Daftar Isian Penilaian Kelayakan Supplier

6.1.4 Proses Perbaikan Sertifikasi CPIB
Proses Perbaikan Sertifikasi Cara Penanganan Ikan yang baik
(CPIB) ini hanya dilakukan ketika penilaian kelayakan supplier
mendapatkan klasifikasi dibawah baik yaitu cukup atau kurang.
Proses perbaikan sertifikasi Cara Penanganan Ikan yang Baik
(CPIB) dapat dilakukan oleh Supplier maupun Adminstrator yang
sebelumnya sudah terdaftar didalam sistem.

a. Setelah login dan memilih menu penilaian sertifikasi,

maka akan tampil halaman seperti yang ditunjukan oleh
Gambar 6.10 berikut.
 119

Gambar 6.10 Halaman Penilaian Pengajuan

b. Pilihlah Tombol detail yang disimbolkan oleh simbol “i”
pada penilaian yang akan dilakukan perbaikan. Maka
akan tampil halaman hasil penilaian seperti pada gambar
6.11 berikut.
 120

Gambar 6.11 Halaman Hasil Penilaian yang perlu diperbaiki

c. Pilihlah tombol “Perbaiki Ajuan” untuk melanjutkan
proses perbaikan sertifikasi yang perlu diperbaiki, maka
akan tampil form perbaikan seperti pada gambar 6.12
berikut.

Gambar 6.12 Form Perbaikan Sertifikasi

 121

d. Setelah mengisi semua data yang perlu diperbaiki pada

form perbaikan pilihlah tombol “Perbaiki Ajuan” untuk
melakuakan pengajuan perbaikan, maka dataakan
tersimpan dan akan diarahkan ke halaman Daftar
Perbaikan sertifikasi seperti pada gambar 6.13 berikut.

Gambar 6.13 Halaman Perbaikan Ajuan

6.1.5 Proses Cetak Sertifikat CPIB
Proses cetak sertifikat Cara Penanganan Ikan yang Baik
(CPIB) ini hanya dapat dilakukan oleh Adminstrator yang
sebelumnya sudah terdaftar didalam sistem.

a. Setelah login dan memilih menu penilaian sertifikasi,

maka akan tampil halaman seperti yang ditunjukan oleh
Gambar 6.14 berikut.
 122

Gambar 6.14 Halaman Penilaian Ajuan

b. Pilihlah Tombol detail yang disimbolkan oleh simbol “i”
pada penilaian yang telah selesai dan akan dilakukan
proses cetak sertifikat. Maka akan tampil halaman hasil
penilaian seperti pada gambar 6.15 berikut.
 123

Gambar 6.15 Halaman Detail Penilaian

c. Pilihlah tombol “Generate Certificate” untuk melanjutkan
proses pencetakan serifikat, maka akan muncul halaman
form generate Certificate seperti pada Gambar 6.16
berikut.
 124

Gambar 6.16 Form Generate Certificate

d. Setelah menginputkan data yang harus diinputkan untuk
untuk proses pencetakan sertifikat, selanjutnya pilihlah
tombol “Generate” untuk melakukan proses. Maka
sertifikat akan secara otomatis terbuat dan akan diarahkan
ke menu sertifikat CPIB seperti pada gambar 6.17 berikut.

Gambar 6.17 Halaman Sertifikat

6.2 Pengujian
Pengujian adalah proses pelaksanaan suatu program dengan tujuan
menemukan kesalahan atau fungsi yang tidak sesuai dari tujuan
pengembangan program yang dibuat, agar dapat dilakukannya
perbaikan jika terdapat kesalahan dalam Sistem Sertifikasi Cara
Penangan Ikan yang Baik (CPIB) Berbasis Web (Studi Kasus BKIPM
Kelas II Cirebon).

6.2.1 Rencana Pengujian

Pada tabel 6.1 menunjukkan rencana pengujian yang akan
dilakukan dari Rancang Bangun Sistem Sertifikasi Cara Penanganan
Ikan yang Baik (CPIB) Berbasis Web (Studi Kasus BKIPM Kelas II
 125

Cirebon). Pengujian akan dilakukan dengan menggunakan metode

Black Box.

Tabel 6.1 Rencana Pengujian

Teknik
Kelas Uji Kode Butir Uji Butir Uji
Pengujian

Menambah data dengan data yang

01 benar sesuai yang ada dalam Black box
Login Sistem database
Menambah data dengan
02 Black box
mengkosongkan semua kolom
Memasukkan data dengan data yang
03 Black box
benar dan mengisi semua kolom
Mengisi data dengan
Registrasi Supplier 04 Black box
mengkosongkan semua kolom
Mengisi data dengan
05 Black box
mengkosongkan beberapa kolom
Menambah data dengan data yang
06 benar dan mengisi semua kolom Black box
yang wajib diisi
Menambah data dengan
07 Black box
mengkosongkan semua kolom
Tambah Data
Menambah data dengan
Pengajuan Sertifikasi
08 mengosongkan beberapa kolom Black box
yang wajib diisi
Menambah data dengan
09 mengkosongkan beberapa kolom Black box
yang tidak wajib diisi
Menambah data dengan data yang
10 Black box
benar dan mengisi semua kolom
Tambah Tim Inspeksi
Menambah data dengan
11 Black box
mengkosongkan semua kolom
 126

Tabel 6.1 Rencana Pengujian (Lanjutan)

Teknik
Kelas Uji Kode Butir Uji Butir Uji
Pengujian

Menambah data dengan

12 mengkosongkan kolom ketua Black box
inspeksi
Tambah Tim Inspeksi Menambah data dengan
13 Black box
mengosongkan kolom anggota 1
Menambah data dengan
14 Black Box
mengosongkan kolom anggota 2
Menambah data dengan mengisi
semua kolom checklist sesuai
15 dengan lapangan dan mengisi Black Box
semua kolom tahapan penanganan
dan kolom revision note
Menambah data dengan mengisi
checklist dengan nilai minor
16 Black Box
sebanyak 0-6 kolom dan mayor
sebanyak 0-6 kolom
Menambah data dengan mengisi
Tambah Penilaian checklist dengan nilai minor
Sertifikasi 17 sebanyak lebih dari 7 kolom, nilai Black Box
mayor sebanyak 6-10 kolom dan
nilai serius 1-2 kolom
Menambah data dengan mengisi
checklist dengan nilai mayor
18 Black Box
sebanyak lebih dari 11 kolom dan
nilai serius 3-4 kolom
Menambah data dengan mengisi
checklist dengan nilai serius
19 Black Box
sebanyak lebih dari 5 kolom dan
nilai serius lebih dari 1 kolom
 127

Tabel 6.1 Rencana Pengujian (Lanjutan)

Teknik
Kelas Uji Kode Butir Uji Butir Uji
Pengujian

Menambah data dengan mengisi

checklist dengan nilai minor
sebanyak 1 kolom, nilai mayor dari
20 Black Box
Tambah Penilaian 1 kolom, nilai serius sebanyak 1
Sertifikasi kolom dan nilai kritis sebanyak 1
kolom
Menambah data dengan
21 Black Box
mengkosongkan semua kolom
Menambah data dengan mengisi
22 Black Box
kolom dokumen perbaikan
Tambah Perbaikan
Menambah data dengan
Sertifikasi
23 mengosongkan semua kolom Black Box
dokumen perbaikan
Cetak sertifikat dengan mengisi Black Box
24 semua kolom dengan data yang
benar
Cetak Sertifikat/ Cetak Sertifikat dengan Black Box
Generate Certificate 25 mengosongkan salah satu atau
beberapa kolom
Cetak Sertifikat dengan Black Box
26
mengosongkan semua kolom
Menolak Ajuan Sertifikasi dengan
27 mengisi kolom keterangan Black box
Tolak Pengajuan Penolakan
Sertifikasi Menolak Ajuan Sertifikasi dengan
28 mengosongkan kolom keterangan Black box
Penolakan
 128

Tabel 6.1 Rencana Pengujian (Lanjutan)

Teknik
Kelas Uji Kode Butir Uji Butir Uji
Pengujian

Menambah data dengan data yang Black box

29
Tambah Tahapan benar
Penanganan Menambah data dengan Black box
30
mengosongkan semua kolom
Menambah data dengan data yang Black box
31
benar
Tambah Supplier Menambah data dengan Black box
32
Terdaftar Mengosongkan salah satu kolom
Menambah data dengan Black box
33
mengosongkan semua kolom
Menyimpan data tanpa melakukan Black box
34
Edit Supplier perubahan data
Terdaftar Merubah data dengan data yang Black box
35
benar
Menyimpan data tanpa melakukan Black box
36
perubahan data
Edit Tim Inspeksi
Merubah data dengan data yang Black box
37
benar
Menambah data dengan data yang Black box
38
benar
Tambah Pengguna Menambah data dengan Black box
39
(Administrator) Mengosongkan salah satu kolom
Menambah data dengan Black box
40
mengosongkan semua kolom
Menyimpan data tanpa melakukan Black box
41
Edit Pengguna perubahan data
(Administrator) Merubah data dengan data yang Black box
42
benar
Menyimpan data tanpa melakukan Black box
43
perubahan data
Edit Profil Saya
Merubah data dengan data yang Black box
44
benar
 129

6.2.2 Hasil Pengujian

Hasil Pengujian dibuat untuk membuktikan serta
memperlihatkan bahwa aplikasi yang dikembangkan sudah sesuai
dengan tujuan pengembangan dan mampu memenuhi kebutuhan
pengguna. Pengujian yang berdasarkan rencana pengujian
menghasilkan hasil pengujian, sebagai berikut:

1) Hasil Pengujian Kelas Uji Login Sistem

Tabel 6.2 Hasil Pengujian Kode Butir Uji 01

Kode Butir Uji 01
Nama Butir Uji Menambah data dengan data yang benar sesuai yang ada dalam database
Kelas Uji Login Sistem
Tujuan Masuk kedalam dashboard sistem
Kondisi Awal User sudah mengakses halaman login
Skenario
1. Mengisi kolom username dan password dengan data yang benar
2. Menekan tombol masuk
3. Sistem memvalidasi data
4. Sistem memunculkan halaman Dashboard
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Email: Masuk kedalam • Pada kolom username OK
admin@[Link] dashboard dan password
Password: sistem mengisikan data yang
Admin benar(Lampiran
Gambar L.1)
• Sistem memvalidasi
data dan
menampilkan
halaman dashboard
(Lampiran Gambar
L.2)

Tabel 6.3 Hasil Pengujian Kode Butir uji 02

Kode Butir Uji 02
Nama Butir Uji Menambah data dengan mengkosongkan semua kolom
Kelas Uji Login Sistem
Tujuan Menggagalkan user masuk kedalam sistem
Kondisi Awal User sudah mengakses halaman login
Skenario
1. Mengosongkan kolom username dan password
2. Menekan tombol masuk
3. Sistem memvalidasi data
 130

4. Sistem memunculkan notifikasi “please fill out this field”

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Menggagalkan • Pada kolom username OK
yang di berikan user masuk dan password data
kedalam sistem dikosongkan
dan Sistem (Lampiran Gambar
memunculkan L.3)
notifikasi • Sistem memvalidasi
“please fill out data dan
this field” menampilkan
notifikasi “please fill
out this field”
(Lampiran Gambar
L.4)

2) Hasil Pengujian Kelas Uji Registrasi Supplier

Tabel 6.4 Hasil Pengujian Kode Butir Uji 03

Kode Butir Uji 03
Nama Butir Uji Memasukkan data dengan data yang benar dan mengisi semua kolom
Kelas Uji Registrasi Supplier
Mendaftar Akun untuk masuk kedalam sistem dan menyimpan data
Tujuan
akun kedalam database
Kondisi Awal • User sudah mengakses halaman login
• User menekan tombol belum punya akun
• User mengakses halaman registrasi
Skenario
1. Mengisi semua kolom pendaftaran dengan data yang benar
2. Menekan tombol daftar
3. Menyimpan data registrasi ke database
Hasil
Data yang diberikan Yang Pengamatan Kesimpulan
diharapkan
Kd_supplier : SPL- Data tersimpan • Pada semua kolom OK
004 kedalam mengisikan data yang
Nama miniplant : database benar(Lampiran
CV. Dwi Cipta Gambar L.5)
Usaha • Sistem menyimpan
No Telepon : data ke dalam
08211387384 database dan
Email : memunculkan
dwicipta@[Link] notifikasi “Berhasil
Mendaftarkan
Akun!” (Lampiran
Gambar L.6)
• Data muncul di tabel
daftar supplier
terdaftar(Lampiran
Gambar L.7)
 131

Tabel 6.5 Hasil Pengujian Kode Butir Uji 04

Kode Butir Uji 04
Nama Butir Uji Mengisi data dengan mengkosongkan semua kolom
Kelas Uji Registrasi Supplier
Sistem memunculkan notifikasi “please fill out this field” dikarenakan
Tujuan
mengosongkan kolom
Kondisi Awal • User sudah mengakses halaman login
• User menekan tombol belum punya akun
• User mengakses halaman registrasi
Skenario
1. Mengosongkan semua kolom pendaftaran
2. Menekan tombol daftar
3. Sistem memunculkan notifikasi “please fill out this field”

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Sistem • Mengosongkan OK
yang di berikan memunculkan semua kolom
notifikasi registrasi(Lampiran
“please fill out Gambar L.8)
this field” • Sistem memunculkan
notifikasi “please fill
out this
field”(Lampiran
Gambar L.9)

Tabel 6.6 Hasil Pengujian Kode Butir Uji 05

Kode Butir Uji 05
Nama Butir Uji Mengisi data dengan mengkosongkan beberapa kolom
Kelas Uji Registrasi Supplier
Sistem memunculkan notifikasi “please fill out this field” dikarenakan
Tujuan
mengosongkan beberapa kolom
Kondisi Awal • User sudah mengakses halaman login
• User menekan tombol belum punya akun
• User mengakses halaman registrasi
Skenario
1. Mengosongkan beberapa kolom pendaftaran
2. Menekan tombol daftar
3. Sistem memunculkan notifikasi “please fill out this field”
 132

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Kd_supplier : Sistem • Mengosongkan OK
SPL-005 memunculkan beberapa kolom
Nama miniplant : notifikasi registrasi(Lampiran
CV. Dwi Cipta “please fill out Gambar L.10)
No Telepon : this field” • Sistem memunculkan
081220876553 notifikasi “please fill
Email : out this
dwi@[Link] field”(Lampiran
Gambar L.11)

3) Hasil Pengujian Kelas Uji Tambah Data Pengajuan Sertifikasi

Tabel 6.7 Hasil Pengujian Kode Butir Uji 06

Kode Butir Uji 06
Nama Butir Uji Menambah data dengan data yang benar dan mengisi semua kolom
yang wajib diisi
Kelas Uji Tambah Data Pengajuan Sertifikasi
Data yang ditambahkan masuk kedalam database dan data yang
Tujuan
ditambahkan tampil di daftar pengajuan
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu pengajuan sertifikasi
• User sudah mengakses halaman Ajuan baru
Skenario
1. Mengisikan data dengan data yang benar dengan mengisi semua kolom yang wajib
diisi
2. Menekan tombol ajukan
3. Sistem memunculkan notifikasi “Data Berhasil Disimpan”
Hasil
Data yang diberikan Yang Pengamatan Kesimpulan
diharapkan
Kode ajuan: Data yang • Mengisikan data dengan OK
REG-007 ditambahkan data yang benar dengan
Tanggal Pengajuan: masuk kedalam mengisi semua kolom
16/05/2023 database dan yang wajib diisi
Supplier: data yang (Lampiran Gambar L.12)
CV. Dwi Cipta Usaha ditambahkan • Sistem memunculkan
Jenis Produk: tampil di daftar notifikasi “Data berhasil
Udang pengajuan ditambahkan”(Lampiran
Surat Permohonan: Gambar L.13)
Surat [Link] • Data muncul di tabel
KTP : daftar Pengajuan
[Link] sertifikais(Lampiran
NPWP : Gambar L.14)
[Link]
NIB:
[Link]
SIUP:
[Link]
Akta Usaha:
 133

Akta [Link]
IMB:
[Link]
Denah Lokasi:
Denah [Link]
Panduan Mutu GMP-
SSOP:
Panduan [Link]

Tabel 6.8 Hasil Pengujian Kode Butir Uji 07

Kode Butir Uji 07
Nama Butir Uji Menambah data dengan mengkosongkan semua kolom
Kelas Uji Tambah Data Pengajuan Sertifikasi
Sistem memunculkan notifikasi “please fill out this field” dikarenakan
Tujuan
mengosongkan semua kolom
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu pengajuan sertifikasi
• User sudah mengakses halaman Ajuan baru
Skenario
1. Mengosongkan semua kolom
2. Menekan tombol ajukan
3. Sistem memunculkan notifikasi “please fill out this field”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Sistem • Mengosongkan semua OK
yang diberikan memunculkan kolom yang wajib diisi
notifikasi (Lampiran Gambar
“please fill out L.15)
this field” • Sistem memunculkan
dikarenakan notifikasi “please fill
mengosongkan out this field”(Lampiran
semua kolom Gambar L.16)

Tabel 6.9 Hasil Pengujian Kode Butir Uji 08

Kode Butir Uji 08
Nama Butir Uji Menambah data dengan mengosongkan beberapa kolom yang wajib diisi
Kelas Uji Tambah Data Pengajuan Sertifikasi
Sistem memunculkan notifikasi “please fill out this field” dikarenakan
Tujuan
mengosongkan beberapa kolom yang wajib diisi
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu pengajuan sertifikasi
• User sudah mengakses halaman Ajuan baru
 134

Skenario
1. Mengosongkan beberapa kolom yang wajib diisi
2. Menekan tombol ajukan
3. Sistem memunculkan notifikasi “please fill out this field”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Kode ajuan: Sistem • Mengosongkan OK
REG-0008 memunculkan beberapa kolom yang
Tanggal notifikasi wajib diisi (Lampiran
Pengajuan: “please fill out Gambar L.17)
16/05/2023 this field” • Sistem memunculkan
Supplier: dikarenakan notifikasi “please fill
CV. Dwi Cipta mengosongkan out this field”(Lampiran
Usaha beberapa Gambar L.18)
Jenis Produk: kolom yang
Udang wajib diisi
Surat
Permohonan:
Surat
[Link]
NPWP :
[Link]
Panduan Mutu
GMP-SSOP:
Panduan [Link]

Tabel 6.10 Hasil Pengujian Kode Butir Uji 09

Kode Butir Uji 09
Nama Butir Uji Menambah data dengan mengkosongkan beberapa kolom yang tidak
wajib diisi
Kelas Uji Tambah Data Pengajuan Sertifikasi
Data yang ditambahkan masuk kedalam database dan data yang
Tujuan
ditambahkan tampil di daftar pengajuan
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu pengajuan sertifikasi
• User sudah mengakses halaman Ajuan baru
Skenario
1. Mengisikan data dengan data yang benar dengan mengosongkan beberapa kolom yang
tidak wajib diisi
2. Menekan tombol ajukan
3. Sistem memunculkan notifikasi “Data Berhasil Disimpan”
 135

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Kode ajuan: Data yang • Mengisikan data dengan OK
REG-007 ditambahkan data yang benar dengan
Tanggal masuk kedalam mengosongkan
Pengajuan: database dan beberapa kolom yang
16/05/2023 data yang tidak wajib diisi
Supplier: ditambahkan (Lampiran Gambar
CV. Dwi Cipta tampil di daftar L.19)
Usaha pengajuan • Sistem memunculkan
Jenis Produk: notifikasi “Data berhasil
Udang ditambahkan”(Lampiran
Surat Gambar L.20)
Permohonan: • Data muncul di tabel
Surat daftar Pengajuan
[Link] sertifikasi(Lampiran
KTP : Gambar L.21)
[Link]
NPWP :
[Link]
NIB:
[Link]
IMB:
[Link]
Denah Lokasi:
Denah [Link]
Panduan Mutu
GMP-SSOP:
Panduan [Link]

4) Hasil Pengujian Kelas Uji Tambah Tim Inspeksi

Tabel 6.11 Hasil Pengujian Kode Butir Uji 10

Kode Butir Uji 10
Nama Butir Uji Menambah data dengan data yang benar dan mengisi semua kolom
Kelas Uji Tambah Tim Inspeksi
Data yang ditambahkan masuk kedalam database dan data yang
Tujuan
ditambahkan tampil di daftar Tim Inspeksi
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Tim Inspeksi
• User sudah mengakses halaman tambah tim inspeksi
Skenario
1. Mengisikan data dengan data yang benar dengan mengisi semua kolom
2. Menekan tombol buat tim
3. Sistem memunculkan notifikasi “Tim Inspeksi berhasil dibuat”
 136

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Ketua Inspeksi: Data yang • Mengisikan data dengan OK
Admin ditambahkan data yang benar dan
Anggota 1: masuk kedalam mengisi semua kolom
Wiky database dan (Lampiran Gambar
Anggota 2: data yang L.22)
Rangga ditambahkan • Sistem memunculkan
tampil di daftar notifikasi “Tim Inspeksi
Tim Inspeksi Berhasil
Dibuat”(Lampiran
Gambar L.23)
• Data muncul di tabel
daftar Tim
Inspeksi(Lampiran
Gambar L.24)

Tabel 6.12 Hasil Pengujian Kode Butir Uji 11

Kode Butir Uji 11
Nama Butir Uji Menambah data dengan mengkosongkan semua kolom
Kelas Uji Tambah Tim Inspeksi
Sistem memunculkan notifikasi “Data Harus Diisi” dikarenakan
Tujuan
mengosongkan semua kolom
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Tim Inspeksi
• User sudah mengakses halaman tambah tim inspeksi
Skenario
1. Mengisikan data dengan data yang benar dengan mengisi semua kolom
2. Menekan tombol buat tim
3. Sistem memunculkan notifikasi “Data Harus Diisi”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Sistem • Menambah data dengan OK
yang diberikan memunculkan mengosongkan semua
notifikasi kolom (Lampiran
“Data Harus Gambar L.25)
Diisi” • Sistem memunculkan
dikarenakan notifikasi “Data Harus
mengosongkan Diisi”(Lampiran
semua kolom Gambar L.26)
dan tidak
tampil di daftar
Tim Inspeksi
 137

Tabel 6.13 Hasil Pengujian Kode Butir Uji 12

Kode Butir Uji 12
Nama Butir Uji Menambah data dengan mengkosongkan kolom ketua inspeksi
Kelas Uji Tambah Tim Inspeksi
Tujuan Sistem memunculkan notifikasi “Ketua Inspeksi Harus Diisi”
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Tim Inspeksi
• User sudah mengakses halaman tambah tim inspeksi
Skenario
1. Mengisikan data dengan data yang benar dengan mengosongkan kolom ketua inspeksi
2. Menekan tombol buat tim
3. Sistem memunculkan notifikasi “Ketua Inspeksi Harus Diisi”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Anggota 1: Sistem • Menambah data dengan OK
Wiky memunculkan mengosongkan kolom
Anggota 2 : notifikasi ketua inspeksi
Jeri “Ketua (Lampiran Gambar
Inspeksi Harus L.27)
Diisi” dan data • Sistem memunculkan
tidak tampil di notifikasi “Ketua
daftar Tim Inspeksi Harus
Inspeksi Diisi”(Lampiran
Gambar L.28)

Tabel 6.14 Hasil Pengujian Kode Butir Uji 13

Kode Butir Uji 13
Nama Butir Uji Menambah data dengan mengosongkan kolom anggota 1
Kelas Uji Tambah Tim Inspeksi
Tujuan Sistem memunculkan notifikasi “Anggota 1 Harus Diisi”
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Tim Inspeksi
• User sudah mengakses halaman tambah tim inspeksi
Skenario
1. Mengisikan data dengan data yang benar dengan mengosongkan kolom anggota 1
2. Menekan tombol buat tim
3. Sistem memunculkan notifikasi “anggota 1 Harus Diisi”
 138

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Ketua Inspeksi: Sistem • Menambah data dengan OK
Admin memunculkan mengosongkan kolom
Anggota 2: notifikasi Anggota 1 (Lampiran
Wiky “Anggota 1 Gambar L.29)
Harus Diisi” • Sistem memunculkan
dan data tidak notifikasi “Anggota 1
tampil di daftar Harus Diisi”(Lampiran
Tim Inspeksi Gambar L.30)

Tabel 6.15 Hasil Pengujian Kode Butir Uji 14

Kode Butir Uji 14
Nama Butir Uji Menambah data dengan mengkosongkan kolom anggota 2
Kelas Uji Tambah Tim Inspeksi
Data yang ditambahkan masuk kedalam database dan data yang
Tujuan
ditambahkan tampil di daftar Tim Inspeksi
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Tim Inspeksi
• User sudah mengakses halaman tambah tim inspeksi
Skenario
1. Mengisikan data dengan data yang benar dengan mengosongkan kolom Anggota 2
2. Menekan tombol buat tim
3. Sistem memunculkan notifikasi “Tim Inspeksi berhasil dibuat”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Ketua Inspeksi: Data yang • Mengisikan data dengan OK
Admin ditambahkan data yang benar dan
Anggota 1: masuk mengosongkan kolom
Wiky kedalam anggota 2 (Lampiran
database dan Gambar L.31)
data yang • Sistem memunculkan
ditambahkan notifikasi “Tim Inspeksi
tampil di daftar Berhasil
Tim Inspeksi Dibuat”(Lampiran
Gambar L.23)
• Data muncul di tabel
daftar Tim
Inspeksi(Lampiran
Gambar L.32)
 139

5) Hasil Pengujian Kelas Uji Tambah Penilaian Sertifikasi

Tabel 6.16 Hasil Pengujian Kode Butir Uji 15

Kode Butir Uji 15
Nama Butir Uji Menambah data dengan mengisi semua kolom checklist sesuai dengan
lapangan dan mengisi semua kolom tahapan penanganan dan kolom
revision note
Kelas Uji Tambah Penilaian Sertifikasi
Data yang ditambahkan masuk kedalam database dan data yang
Tujuan
ditambahkan tampil di daftar Penilaian Sertifikasi
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Penilaian Sertifikasi
• User sudah mengakses halaman Penilaian Sertifikasi
Skenario
1. Mengisikan data dengan data yang benar dengan mengisi seluruh kolom sesuai dengan
proses inspeksi
2. Menekan tombol Simpan.
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Checklist Data yang • Mengisikan semua OK
penilaian ditambahkan kolom checklist sesuai
kelayakan masuk dengan lapangan dan
supplier kedalam mengisi semua kolom
Tahapan database dan tahapan penanganan dan
penanganan data yang kolom revision note
Revision Notes ditambahkan (Lampiran Gambar
Klasifikasi tampil di daftar L.33)
Penilaian • Sistem memunculkan
Sertifikasi notifikasi “Berhasil
Menyimpan
data”(Lampiran Gambar
L.34)
• Data muncul di tabel
daftar Penilaian
Sertifikasi (Lampiran
Gambar L.35)

Tabel 6.17 Hasil Pengujian Kode Butir Uji 16

Kode Butir Uji 16
Nama Butir Uji Menambah data dengan mengisi checklist dengan nilai minor sebanyak
0-6 kolom dan mayor sebanyak 0-6 kolom
Kelas Uji Tambah Penilaian Sertifikasi
Menghitung jumlah nilai yang masuk dan menentukan klasifikasi sesuai
Tujuan
dengan perhitungan
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Penilaian Sertifikasi
• User sudah mengakses halaman Penilaian Sertifikasi
 140

Skenario
1. Mengisikan data dengan data yang benar dengan mengisi seluruh kolom sesuai dengan
proses inspeksi
2. Sistem menampilkan nilai kualifikasi
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Checklist minor Kolom • Mengisikan kolom OK
sebanyak 6 Klasifikasi checklist dengan minor
Checklist mayor berubah sebanyak 6 dan mayor
sebanyak 5 nilainya sebanyak 5(Lampiran
menjadi Gambar L.36)
“Sangat Baik” • Sistem menampilkan
klasifikasi “Sangat Baik
(Lampiran Gambar
L.37)

Tabel 6.18 Hasil Pengujian Kode Butir Uji 17

Kode Butir Uji 17
Nama Butir Uji Menambah data dengan mengisi checklist dengan nilai minor sebanyak
lebih dari 7 kolom, nilai mayor sebanyak 6-10 kolom dan nilai serius 1-2
kolom
Kelas Uji Tambah Penilaian Sertifikasi
Menghitung jumlah nilai yang masuk dan menentukan klasifikasi sesuai
Tujuan
dengan perhitungan
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Penilaian Sertifikasi
• User sudah mengakses halaman Penilaian Sertifikasi
Skenario
1. Mengisikan data dengan data yang benar dengan mengisi seluruh kolom sesuai dengan
proses inspeksi
2. Sistem menampilkan nilai kualifikasi
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Checklist minor Kolom • Mengisikan kolom OK
sebanyak 7 Klasifikasi checklist dengan minor
Checklist mayor berubah sebanyak 7, mayor
sebanyak 6 nilainya sebanyak 6 dan serius
Checklist serius menjadi sebanyak 1
sebanyak 1 “Baik” • Sistem menampilkan
klasifikasi “Baik”
(Lampiran Gambar
L.38)
 141

Tabel 6.19 Hasil Pengujian Kode Butir Uji 18

Kode Butir Uji 18
Nama Butir Uji Menambah data dengan mengisi checklist dengan nilai minor sebanyak
lebih dari 7 kolom, nilai mayor sebanyak 6-10 kolom dan nilai serius 1-2
kolom
Kelas Uji Tambah Penilaian Sertifikasi
Menghitung jumlah nilai yang masuk dan menentukan klasifikasi sesuai
Tujuan
dengan perhitungan
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Penilaian Sertifikasi
• User sudah mengakses halaman Penilaian Sertifikasi
Skenario
1. Mengisikan data dengan data yang benar dengan mengisi seluruh kolom sesuai dengan
proses inspeksi
2. Sistem menampilkan nilai kualifikasi
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Checklist mayor Kolom • Mengisikan kolom OK
sebanyak 11 Klasifikasi checklist dengan mayor
Checklist serius berubah sebanyak 11 dan serius
sebanyak 3 nilainya sebanyak 3
menjadi • Sistem menampilkan
“Cukup” dan klasifikasi “Cukup”
tombol switch (Lampiran Gambar
on L.39)

Tabel 6.20 Hasil Pengujian Kode Butir Uji 19

Kode Butir Uji 19
Nama Butir Uji Menambah data dengan mengisi checklist dengan nilai serius sebanyak
lebih dari 5 kolom dan nilai Kritis lebih dari 1 kolom
Kelas Uji Tambah Penilaian Sertifikasi
Menghitung jumlah nilai yang masuk dan menentukan klasifikasi sesuai
Tujuan
dengan perhitungan
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Penilaian Sertifikasi
• User sudah mengakses halaman Penilaian Sertifikasi
Skenario
1. Mengisikan data dengan data yang benar dengan mengisi seluruh kolom sesuai
dengan proses inspeksi
2. Sistem menampilkan nilai kualifikasi
 142

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Checklist serius Kolom • Mengisikan kolom OK
sebanyak 5 Klasifikasi checklist dengan serius
Checklist kritis berubah sebanyak 5 dan kritis
sebanyak 4 nilainya sebanyak 4
menjadi • Sistem menampilkan
“Kurang” dan klasifikasi “kurang”
tombol switch (Lampiran Gambar
on L.40)

Tabel 6.21 Hasil Pengujian Kode Butir Uji 20

Kode Butir Uji 20
Nama Butir Uji Menambah data dengan mengisi checklist dengan nilai minor sebanyak 1
kolom, nilai mayor dari 1 kolom, nilai serius sebanyak 1 kolom dan nilai
kritis sebanyak 1 kolom
Kelas Uji Tambah Penilaian Sertifikasi
Menghitung jumlah nilai yang masuk dan menentukan klasifikasi sesuai
Tujuan
dengan perhitungan
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Penilaian Sertifikasi
• User sudah mengakses halaman Penilaian Sertifikasi
Skenario
1. Mengisikan data dengan data yang benar dengan mengisi seluruh kolom sesuai dengan
proses inspeksi
2. Sistem menampilkan nilai kualifikasi
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Checklist minor Kolom • Mengisikan kolom OK
sebanyak 1 Klasifikasi checklist dengan minor
Checklist mayor berubah sebanyak 1, mayor
sebanyak 1 nilainya sebanyak 1, serius
Checklist serius menjadi sebanyak 1 dan kritis
sebanyak 1 “Tidak sebanyak 1
Checklist kritis Memenuhi • Sistem menampilkan
sebanyak 1 Kriteria” klasifikasi “Tidak
Memenuhi Kriteria”
(Lampiran Gambar
L.41)
 143

Tabel 6.22 Hasil Pengujian Kode Butir Uji 21

Kode Butir Uji 21
Nama Butir Uji Menambah data dengan mengkosongkan semua kolom
Kelas Uji Tambah Penilaian Sertifikasi
Mengecek jika semua kolom dikosongkan maka muncul notifikasi
Tujuan
Gagal
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Penilaian Sertifikasi
• User sudah mengakses halaman Penilaian Sertifikasi
Skenario
1. Mengosongkan semua kolom isian yang tersedia
2. Menekan tombol “Simpan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Sistem • Mengosongkan semua OK
yang diberikan menampilkan kolom yang ada
pesan “Gagal • Sistem memunculkan
mohon isi data notifikasi “Gagal
dengan mohon isi data dengan
lengkap dan lengkap dan teliti!”
teliti!” (Lampiran Gambar
L.42)

6) Hasil Pengujian Kelas Uji Tambah Perbaikan Sertifikasi

Tabel 6.23 Hasil Pengujian Kode Butir Uji 22

Kode Butir Uji 22
Nama Butir Uji Menambah data dengan mengisi kolom dokumen perbaikan
Kelas Uji Tambah Perbaikan Sertifikasi
Data yang ditambahkan masuk kedalam database dan data yang
Tujuan
ditambahkan tampil di daftar Perbaikan Sertifikasi
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Perbaikan Sertifikasi
• User sudah mengakses halaman Perbaikan Sertifikasi
• User sudah mengakses halaman Detail Perbaikan Sertifikasi
Skenario
1. Mengisi kolom dokumen perbaikan dengan data yang benar
2. Menekan tombol “perbaiki ajuan
 144

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
File Data yang • Mengisi kolom upload OK
[Link] ditambahkan dokumen(Lampiran
masuk Gambar L.43)
kedalam • Sistem memunculkan
database dan notifikasi “Berhasil
data yang Menambahkan
ditambahkan perbaikan”
tampil di daftar • Data tersimpan di
Perbaikan database dan
Sertifikasi ditampilkan di daftar
perbaikan sertifikasi
(Lampiran Gambar
L.44)

Tabel 6.24 Hasil Pengujian Kode Butir Uji 23

Kode Butir Uji 23
Nama Butir Uji Menambah data dengan mengosongkan semua kolom dokumen perbaikan
Kelas Uji Tambah Perbaikan Sertifikasi
Tujuan Menampilkan notifikasi “gagal”
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses menu Perbaikan Sertifikasi
• User sudah mengakses halaman Perbaikan Sertifikasi
• User sudah mengakses halaman Detail Perbaikan Sertifikasi
Skenario
1. Mengosongkan semua kolom isian yang tersedia
2. Menekan tombol “Simpan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Sistem • Mengosongkan semua OK
yang diberikan menampilkan kolom upload dokumen
pesan “Gagal!” (Lampiran Gambar
L.45)
• Sistem memunculkan
notifikasi “Gagal
menambahkan
perbaikan” (Lampiran
Gambar L.46)
 145

7) Hasil Pengujian Kelas Uji Cetak Sertifikat/Generate Certificate

Tabel 6.25 Hasil pengujian Kode butir Uji 24

Kode Butir Uji 24
Nama Butir Uji Cetak sertifikat dengan mengisi semua kolom dengan data yang benar
Kelas Uji Cetak Sertifikat/ Generate Certificate
Data yang ditambahkan masuk kedalam database, mengenerate
Tujuan
sertifikat dan data yang ditambahkan tampil di daftar Sertifikat
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses halaman Cetak sertifikat
Skenario
1. Mengisi semua kolom untuk mencetak sertifikat
2. Menekan tombol “Generate”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Sertifikat : Berhasil • Mengisi semua kolom OK
CPIB-004 Mencetak cetak sertifikat
No. Sertifikat: Sertifikat (Lampiran Gambar
1002/cpib- L.47)
35/VI/2023 • Sistem memunculkan
Tanggal Validasi: notifikasi “Berhasil
06/25/2023 Mencetak Sertifikat”
Berlaku Sampai; • Data sertifikat muncul
06/25/2027 di daftar Sertifikat CPIB
Dikeluarkan di: (Lampiran Gambar
Cirebon L.48)
Kepala UPT
BKIPM:
R. Rudi Barmara
Head of TIU:
Cirebon

Tabel 6.26 Hasil Pengujian Kode Butir Uji 25

Kode Butir Uji 25
Nama Butir Uji Cetak Sertifikat dengan mengosongkan salah satu atau beberapa kolom
Kelas Uji Cetak Sertifikat/ Generate Certificate
Mengagalkan cetak sertifikat dan menampilkan notifikasi “Please fill
Tujuan
out this field” di kolom yang kosong
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses halaman Cetak sertifikat
Skenario
1. Mengosongkan kolom cetak sertifikat
2. Menekan tombol “Generate”
 146

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Sertifikat : Sistem • Mengosongkan OK
CPIB-004 menampilkan beberapa kolom cetak
Tanggal Validasi: pesan “Please sertifikat (Lampiran
06/25/2023 fill out this Gambar L.49)
Berlaku Sampai; field!” dan • Sistem memunculkan
06/25/2027 tidak ada data notifikasi “Please fill
Dikeluarkan di: yang disimpan out this field!” di kolom
Cirebon yang kosong (Lampiran
Kepala UPT Gambar L.50)
BKIPM:
R. Rudi Barmara
Head of TIU:
Cirebon

Tabel 6.27 Hasil Pengujian Kode Butir Uji 26

Kode Butir Uji 26
Nama Butir Uji Cetak Sertifikat dengan mengosongkan semua kolom
Kelas Uji Cetak Sertifikat/ Generate Certificate
Mengagalkan cetak sertifikat dan menampilkan notifikasi “Please fill
Tujuan
out this field” di kolom yang kosong
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses halaman Cetak sertifikat
Skenario
1. Mengisi semua kolom untuk mencetak sertifikat
2. Menekan tombol “Generate”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Sistem • Mengosongkan semua OK
yang diberikan menampilkan kolom cetak sertifikat
pesan “Please (Lampiran Gambar
fill out this L.51)
field!” • Sistem memunculkan
notifikasi “Please fill
out this field!” di kolom
yang kosong (Lampiran
Gambar L.52)
 147

8) Hasil Pengujian Kelas Uji Tolak Pengajuan Sertifikasi

Tabel 6.28 Hasil Pengujian Kode Butir Uji 27

Kode Butir Uji 27
Nama Butir Uji Menolak Ajuan Sertifikasi dengan mengisi kolom keterangan Penolakan
Kelas Uji Tolak Pengajuan Sertifikasi
Tujuan Menolak pengajuan sertifikasi dan menampilkan notifikasi ajuan ditolak
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses halaman detail pengajuan
Skenario
1. Mengakses detail pengajuan
2. Menekan tombol “Tolak Ajuan”

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Keterangan Sistem • Sistem menampilkan OK
Penolakan: menampilkan modal tolak ajuan dan
Upload Ulang pesan user mengisi kolom
KTP, karena KTP “Pengajuan tolak ajuan (Lampiran
Kurang Jelas ditolak” dan Gambar L.53)
mengubah • Sistem memunculkan
status menjadi notifikasi pengajuan di
“Tidak Lolos” tolak
• Sistem menampilkan
status “Tidak Lolos”
(Lampiran Gambar
L.54)

Tabel 6.29 Hasil Pengujian Kode Butir Uji 28

Kode Butir Uji 28
Nama Butir Uji Menolak Ajuan Sertifikasi dengan mengosongkan kolom keterangan
Penolakan
Kelas Uji Tolak Pengajuan Sertifikasi
Tujuan menampilkan notifikasi “Please fill out this field” di kolom kosong
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses halaman detail pengajuan
Skenario
1. Mengakses detail pengajuan
2. Menekan tombol “Tolak Ajuan”
 148

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak Ada data Sistem • Sistem menampilkan OK
yang diberikan menolak modal tolak ajuan dan
melanjutkan user mengosongkan
dan kolom tolak ajuan
menampilkan (Lampiran Gambar
notifikasi L.55)
“Please fiil out • Sistem memunculkan
this field” notifikasi “Please fiil
out this field”(Lampiran
Gambar L.56)

9) Hasil Pengujian Tambah Tahapan Penanganan

Tabel 6.30 Hasil Pengujian Kode Butir Uji 29

Kode Butir Uji 29
Nama Butir Uji Menambah data dengan data yang benar
Kelas Uji Tambah Tahapan Penanganan
Data yang ditambahkan masuk kedalam database dan data yang
Tujuan
ditambahkan tampil di daftar Tahapan Penanganan
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses Menu Tahapan Penanganan
Skenario
1. Mengakses halaman tambah Tahapan Penanganan
2. Menekan Tombol “tambahkan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Kode Penanganan: Data yang • Mengisikan data dengan OK
PNG-004 ditambahkan data yang benar dengan
Nama Penanganan: masuk kedalam mengisi semua kolom
Pencucian II database dan (Lampiran Gambar L.57)
Deskripsi : data yang • Sistem memunculkan
Tahapan ini ditambahkan notifikasi “Berhasil
merupakan proses tampil di daftar Menambahkan Tahapan
pencucian kedua Tahapan Penanganan”(Lampiran
Penanganan Gambar L.58)
• Data muncul di daftar
Tahapan
Penanganan(Lampiran
Gambar L.59)
 149

Tabel 6.31 Hasil Pengujian Kode Butir Uji 30

Kode Butir Uji 30
Nama Butir Uji Menambah data dengan Mengosongkan semua kolom
Kelas Uji Tambah Tahapan Penanganan
Sistem memunculkan notifikasi “please fill out this field” dikarenakan
Tujuan
mengosongkan semua kolom
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses Menu Tahapan Penanganan
Skenario
1. Mengakses halaman tambah Tahapan Penanganan
2. Menekan Tombol “tambahkan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Sistem • Mengosongkan semua OK
yang diberikan memunculkan kolom (Lampiran
notifikasi Gambar L.60)
“please fill out • Sistem memunculkan
this field” di notifikasi “please fill
kolom yang out this field” di kolom
kosong yang kosong(Lampiran
Gambar L.61)

10) Hasil Pengujian Kelas Uji Tambah Supplier Terdaftar

Tabel 6.32 Hasil Pengujian Kode Butir Uji 31
Kode Butir Uji 31
Nama Butir Uji Menambah data dengan data yang benar
Kelas Uji Tambah Supplier Terdaftar
Data yang ditambahkan masuk kedalam database dan data yang
Tujuan
ditambahkan tampil di daftar Supplier Terdaftar
Kondisi Awal • User sudah Masuk ke halaman dashboard dengan level
administrator
• User sudah mengakses Menu Supplier Terdaftar
Skenario
1. Mengakses halaman tambah Supplier Terdaftar
2. Menekan Tombol “tambahkan”
 150

Hasil
Data yang diberikan Yang diharapkan Pengamatan Kesimpulan
Kode Supplier: Data yang • Mengisikan data OK
SPL-005 ditambahkan dengan data yang
Mini Plant: masuk kedalam benar dengan mengisi
PT. Samudera database dan semua kolom
Sejahtera data yang (Lampiran Gambar
Pimpinan Supplier: ditambahkan L.62)
Yudha tampil di daftar • Sistem memunculkan
No. Telepon: Supplier notifikasi “Berhasil
081234567890 Terdaftar Menambahkan
No. Fax: Supplier”(Lampiran
273671817 Gambar L.63)
Email: • Data muncul di daftar
Samudera@[Link] Supplier
Alamat: Terdaftar(Lampiran
Blok Karang Tajug Rt Gambar L.64)
03 Rw 01 Desa
Mundupesisir
Kecamatan Mundu
Kecamatan Mundu
Kabupaten Cirebon

Tabel 6.33 Hasil Pengujian Kode Butir Uji 32

Kode Butir Uji 32
Nama Butir Uji Menambah data dengan Mengosongkan salah satu kolom
Kelas Uji Tambah Supplier Terdaftar
Sistem memunculkan notifikasi “please fill out this field” dikarenakan
Tujuan
mengosongkan kolom
Kondisi Awal • User sudah Masuk ke halaman dashboard dengan level administrator
• User sudah mengakses Menu Supplier Terdaftar
Skenario
1. Mengakses halaman tambah Supplier Terdaftar
2. Menekan Tombol “tambahkan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Kode Supplier: Sistem • Menambahkan data OK
SPL-006 memunculkan dengan mengosongkan
Pimpinan notifikasi salah satu kolom
Supplier: “please fill out (Lampiran Gambar
Alan this field” L.65)
No. Telepon: dikarenakan • Sistem memunculkan
0812987654 mengosongkan notifikasi “please fill
No. Fax: kolom out this field” di kolom
72639128 yang kosong(Lampiran
Email: Gambar L.66)
alan@[Link]
Alamat:
 151

Kelurahan
Pegambiran
Kecamatan
Lemahwungkuk,
Kota Cirebon,
Jawa Barat,
Indonesia

Tabel 6.34 Hasil Pengujian Kode Butir Uji 33

Kode Butir Uji 33
Nama Butir Uji Menambah data dengan mengosongkan semua kolom
Kelas Uji Tambah Supplier Terdaftar
Sistem memunculkan notifikasi “please fill out this field” dikarenakan
Tujuan
mengosongkan kolom
Kondisi Awal • User sudah Masuk ke halaman dashboard dengan level administrator
• User sudah mengakses Menu Supplier Terdaftar
Skenario
1. Mengakses halaman tambah Supplier Terdaftar
2. Menekan Tombol “tambahkan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Sistem • Menambahkan data OK
yang diberikan memunculkan dengan mengosongkan
notifikasi semua kolom
“please fill out (Lampiran Gambar
this field” L.67)
dikarenakan • Sistem memunculkan
mengosongkan notifikasi “please fill
kolom out this field” di kolom
yang kosong(Lampiran
Gambar L.68)

11) Hasil Pengujian Kelas Uji Edit Supplier Terdaftar

Tabel 6.35 Hasil Pengujian Kode Butir Uji 34
Kode Butir Uji 34
Nama Butir Uji Menyimpan data tanpa melakukan perubahan data
Kelas Uji Edit Supplier Terdaftar
Memeriksa apakah menyimpan data tanpa melakukan perubahan dapat
Tujuan
dilakukan
Kondisi Awal • User sudah Masuk ke halaman dashboard dengan level
Administrator
• User sudah mengakses Menu Supplier Terdaftar
• User sudah mengakses Ubah Supplier Terdaftar
 152

Skenario
1. Mengakses halaman Ubah Supplier Terdaftar
2. Menekan Tombol “Simpan Perubahan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Tidak ada data • Pada kolom edit tidak OK
yang dirubah yang diupdate dilakukan perubahan
data (Lampiran Gambar
L.69)
• Sistem memunculkan
notifikasi “data berhasil
diubah” (Lampiran
Gambar L.70)
• Tidak ada perubahan
data dalam daftar
Supplier Terdaftar
(Lampiran Gambar
L.71)

Tabel 6.36 Hasil Pengujian Kode Butir Uji 35

Kode Butir Uji 35
Nama Butir Uji Merubah data dengan data yang benar
Kelas Uji Edit Supplier Terdaftar
Tujuan Merubah data yang ada dalam database
Kondisi Awal • User sudah Masuk ke halaman dashboard dengan level
Administrator
• User sudah mengakses Menu Supplier Terdaftar
• User sudah mengakses Ubah Supplier Terdaftar
Skenario
1. Mengakses halaman Ubah Supplier Terdaftar
2. Mengisi Form
3. Menekan Tombol “Simpan Perubahan”
Hasil
Data yang diberikan Yang Pengamatan Kesimpulan
diharapkan
Pimpinan Supplier: Data yang di • Mengisi data dengan OK
Muhammad Yudha edit berubah ke perubahan yang benar dan
Alamat: data yang menekan tombol “simpan
Blok Karang Tajug terbaru perubahan” (Lampiran
Rt 05 Rw 01 Desa Gambar L.72)
Mundupesisir • Sistem memunculkan
Kecamatan Mundu notifikasi “data berhasil
Kecamatan Mundu diubah” (Lampiran Gambar
Kabupaten Cirebon L.73)
• Data berubah ke data ter
update dalam daftar
Supplier Terdaftar
(Lampiran Gambar L.74)
 153

12) Hasil Pengujian Kelas Uji Edit Tim Inspeksi

Tabel 6.37 Hasil Pengujian Kode Butir Uji 36
Kode Butir Uji 36
Nama Butir Uji Menyimpan data tanpa melakukan perubahan data
Kelas Uji Edit Tim Inspeksi
Memeriksa apakah menyimpan data tanpa melakukan perubahan dapat
Tujuan
dilakukan
Kondisi Awal • User sudah Masuk ke halaman dashboard dengan level
Administrator
• User sudah mengakses Menu Tim Inspeksi
• User sudah mengakses Ubah Tim Inspeksi
Skenario
1. Mengakses halaman Ubah Tim Inspeksi
2. Menekan Tombol “Simpan Perubahan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Tidak ada data • Pada kolom edit tidak OK
yang dirubah yang diupdate dilakukan perubahan data
(Lampiran Gambar L.75)
• Sistem memunculkan
notifikasi “data berhasil
diubah” (Lampiran Gambar
L.76)
• Tidak ada perubahan data
dalam daftar Tim Inspeksi
(Lampiran Gambar L.77)

Tabel 6.38 Hasil Pengujian Kode Butir Uji 37

Kode Butir Uji 37
Nama Butir Uji Merubah data dengan data yang benar
Kelas Uji Edit Tim Inspeksi
Tujuan Merubah data yang ada dalam database
Kondisi Awal • User sudah Masuk ke halaman dashboard dengan level
Administrator
• User sudah mengakses Menu Tim Inspeksi
• User sudah mengakses Ubah Tim Inspeksi
Skenario
1. Mengakses halaman Ubah Tim Inspeksi
2. Mengisi form
3. Menekan Tombol “Simpan Perubahan”
 154

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Ketua Inspeksi: Data yang di • Mengisi data dengan OK
Admin edit berubah ke perubahan yang benar
Anggota 1: data yang dan menekan tombol
Wiky terbaru “simpan perubahan”
Anggota 2: (Lampiran Gambar
Jeri L.78)
• Sistem memunculkan
notifikasi “data berhasil
diubah” (Lampiran
Gambar L.79)
• Data berubah ke data ter
update dalam daftar
Supplier Terdaftar
(Lampiran Gambar
L.80)

13) Hasil Pengujian Kelas Uji Tambah Pengguna (Administrator)

Tabel 6.39 Hasil Pengujian Kode Butir Uji 38
Kode Butir Uji 38
Nama Butir Uji Menambah data dengan data yang benar
Kelas Uji Tambah Pengguna (Administrator)
Data yang ditambahkan masuk kedalam database dan data yang
Tujuan
ditambahkan tampil di daftar Pengguna(Administrator)
Kondisi Awal • User sudah Masuk ke halaman dashboard dengan level
administrator
• User sudah mengakses Menu Pengguna (Administrator)
Skenario
1. Mengakses halaman tambah Pengguna(Administrator)
2. Mengisi form
3. Menekan Tombol “tambahkan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Kode Pengguna: Data yang • Mengisikan data dengan OK
ADM-005 ditambahkan data yang benar dengan
No Reg: masuk kedalam mengisi semua kolom
Reg-093 database dan (Lampiran Gambar L.81)
Nama Lengkap: data yang • Sistem memunculkan
Wildan ditambahkan notifikasi “Berhasil
No. Telfon: tampil di daftar Menambahkan
081245678909 Pengguna Pengguna”(Lampiran
Email: (Administrator) Gambar L.82)
wildan@[Link] • Data muncul di daftar
Jenis Kelamin: Pengguna(Administrator)
Laki-laki (Lampiran Gambar L.83)
Alamat:
 155

Desa Sindangkasih
Kecamatan Beber
Kabupaten Cirebon

Tabel 6.40 Hasil Pengujian Kode Butir Uji 39

Kode Butir Uji 39
Nama Butir Uji Menambah data dengan Mengosongkan salah satu kolom
Kelas Uji Tambah Pengguna (Administrator)
Sistem memunculkan notifikasi “please fill out this field” dikarenakan
Tujuan
mengosongkan kolom
Kondisi Awal • User sudah Masuk ke halaman dashboard dengan level
administrator
• User sudah mengakses Menu Pengguna(Administrator)
Skenario
1. Mengakses halaman tambah Pengguna (Administrator)
2. Mengisi Form
3. Menekan Tombol “tambahkan”
Hasil
Data yang diberikan Yang Pengamatan Kesimpulan
diharapkan
Kode Pengguna: Sistem • Menambahkan data OK
ADM-006 memunculkan dengan mengosongkan
No Reg: notifikasi salah satu kolom
Reg-053 “please fill out (Lampiran Gambar
Nama Lengkap: this field” L.84)
inday suci dikarenakan • Sistem memunculkan
Email: mengosongkan notifikasi “please fill
inday@[Link] kolom out this field” di kolom
Jenis Kelamin: yang kosong(Lampiran
Perempuan Gambar L.85)
Alamat:
Desa Sindangkasih
Kecamatan Beber
Kabupaten Cirebon

Tabel 6.41 Hasil Pengujian Kode Butir Uji 40

Kode Butir Uji 40
Nama Butir Uji Menambah data dengan Mengosongkan semua kolom
Kelas Uji Tambah Pengguna (Administrator)
Sistem memunculkan notifikasi “please fill out this field” dikarenakan
Tujuan
mengosongkan semua
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses Menu Pengguna (Administrator)
 156

Skenario
1. Mengakses halaman tambah Pengguna (Administrator)
2. Menekan Tombol “tambahkan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Sistem • Mengosongkan semua OK
yang diberikan memunculkan kolom (Lampiran
notifikasi Gambar L.86)
“please fill out • Sistem memunculkan
this field” di notifikasi “please fill
kolom yang out this field” di kolom
kosong yang kosong(Lampiran
Gambar L.87)

14) Hasil Pengujian Kelas Uji Edit Pengguna (Administrator)

Tabel 6.42 Hasil Pengujian Kode Butir Uji 41
Kode Butir Uji 41
Nama Butir Uji Menyimpan data tanpa melakukan perubahan data
Kelas Uji Edit Pengguna(Administrator)
Memeriksa apakah menyimpan data tanpa melakukan perubahan dapat
Tujuan
dilakukan
Kondisi Awal • User sudah Masuk ke halaman dashboard dengan level
Administrator
• User sudah mengakses Menu Pengguna (Administrator)
• User sudah mengakses Ubah Pengguna (Administrator)
Skenario
1. Mengakses halaman Ubah Pengguna(Administrator)
2. Menekan Tombol “Simpan Perubahan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Tidak ada data • Pada kolom edit tidak OK
yang dirubah yang diupdate dilakukan perubahan
data (Lampiran Gambar
L.88)
• Sistem memunculkan
notifikasi “berhasil
mengubah pengguna”
(Lampiran Gambar
L.89)
• Tidak ada perubahan
data dalam daftar
Pengguna
(Administrator)
(Lampiran Gambar
L.90)
 157

Tabel 6.43 Hasil Pengujian Kode Butir Uji 42

Kode Butir Uji 42
Nama Butir Uji Merubah data dengan data yang benar
Kelas Uji Edit Pengguna (Administrator)
Tujuan Merubah data yang ada dalam database menjadi data terupdate
Kondisi Awal • User sudah Masuk ke halaman dashboard dengan level
Administrator
• User sudah mengakses Menu Pengguna (Administrator)
• User sudah mengakses Ubah Pengguna (Administrator)
Skenario
1. Mengakses halaman Ubah Pengguna (Administrator)
2. Mengisi form
3. Menekan Tombol “Simpan Perubahan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Nama Lengkap : Data yang di • Mengisi dan mengganti OK
Wildan Assidqie edit berubah ke data dengan perubahan
No. Telepon : data yang yang benar dan
08198765432 terbaru menekan tombol
Alamat: “simpan perubahan”
Rt 09 RW 02 (Lampiran Gambar
Desa L.91)
Sindangkasih • Sistem memunculkan
Kecamatan Beber notifikasi “data berhasil
Kabupaten diubah” (Lampiran
Cirebon Gambar L.92)
• Data berubah ke data ter
update dalam daftar
Pengguna (Lampiran
Gambar L.93)

15) Hasil Pengujian Kelas Uji Edit Profil Saya

Tabel 6.44 Hasil Pengujian Kode Butir Uji 43
Kode Butir Uji 43
Nama Butir Uji Menyimpan data tanpa melakukan perubahan data
Kelas Uji Edit Profil Saya
Memeriksa apakah menyimpan data tanpa melakukan perubahan dapat
Tujuan
dilakukan
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses Menu Profil Saya
• User sudah mengakses Ubah Profil Saya
Skenario
1. Mengakses halaman Ubah Profil Saya
2. Menekan Tombol “Simpan Perubahan”
 158

Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Tidak ada data Tidak ada data • Pada kolom edit tidak OK
yang dirubah yang diupdate dilakukan perubahan
data (Lampiran Gambar
L.94)
• Sistem memunculkan
notifikasi “data berhasil
diubah” (Lampiran
Gambar L.95)
• Tidak ada perubahan
data dalam detail Profil
Saya (Administrator)
(Lampiran Gambar
L.96)

Tabel 6.45 Hasil Pengujian Kode Butir Uji 44

Kode Butir Uji 44
Nama Butir Uji Merubah data dengan data yang benar
Kelas Uji Edit Profil Saya
Tujuan Merubah data yang ada dalam database menjadi data terupdate
Kondisi Awal • User sudah Masuk ke halaman dashboard
• User sudah mengakses Menu Profil Saya
• User sudah mengakses Edit Profil Saya
Skenario
1. Mengakses halaman Edit Profil Saya
2. Mengisi form
3. Menekan Tombol “Simpan Perubahan”
Hasil
Data yang Yang Pengamatan Kesimpulan
diberikan diharapkan
Pimpinan Data yang di • Mengisi dan mengganti OK
Supplier: edit berubah ke data dengan perubahan
Wiky Wildan data yang yang benar dan
No Fax: terbaru menekan tombol
8979889 “simpan perubahan”
Alamat: (Lampiran Gambar
Rt 03 RW 01 L.97)
Desa • Sistem memunculkan
Sindanghayu notifikasi “data berhasil
Kecamatan Beber diubah” (Lampiran
Kabupaten Gambar L.98)
Cirebon • Data berubah ke data ter
Password: update dalam daftar
dwiciptausaha Pengguna (Lampiran
Gambar L.99)
 159

6.2.3 Rangkuman Hasil Pengujian

Pengujian yang dilakukan pada Sistem Sertifikasi Cara
Penanganan Ikan yang Baik menghasilkan kesimpulan bahwa
sistem sudah sesuai dengan hasil yang diharapkan.
 BAB VII

PENUTUP

7.1 Kesimpulan
Berdasarkan uraian pada bab-bab sebelumnya, maka kesimpulan
yang dapat penulis ambil, yaitu:

a. Untuk meningkatkan efisiensi proses pengajuan sertifikasi CPIB,

perlu dikembangkan sebuah sistem berbasis web yang
memungkinkan pengajuan sertifikasi dilakukan secara online.
Dengan adanya sistem ini, pelaku usaha perikanan dapat
mengajukan sertifikasi CPIB dengan lebih cepat dan mudah,
menghindari proses manual yang memakan waktu dan
memungkinkan adanya keterlambatan dalam pengajuan.
b. Untuk meminimalisir kehilangan data penilaian dan mencegah
terjadinya kesalahan hitung atau human error, perlu digunakan
sistem komputerisasi yang dapat merekam dan menyimpan data
penilaian dengan aman. Dengan adanya sistem ini, data penilaian
akan tercatat dengan baik dan tidak mudah hilang atau rusak. Selain
itu, penggunaan perhitungan otomatis dalam sistem juga dapat
mengurangi risiko kesalahan manusia dalam menghitung hasil
penilaian.
c. Untuk mempercepat pembuatan sertifikat CPIB di BKIPM Kelas II
Cirebon, diperlukan implementasi sistem otomatisasi dalam proses
pencetakan sertifikat. Dengan adanya sistem otomatis ini, sertifikat
CPIB dapat dicetak secara langsung melalui sistem tanpa perlu
membuatnya satu per satu secara manual menggunakan software
seperti CorelDRAW. Hal ini akan menghemat waktu dan tenaga
dalam proses pembuatan sertifikat, sehingga mempercepat
keluarnya sertifikat CPIB kepada pelaku usaha perikanan yang
memenuhi persyaratan.

160
 Dengan mengimplementasikan sistem berbasis web, penggunaan
sistem komputerisasi yang aman, dan proses otomatisasi dalam
pencetakan sertifikat, BKIPM Kelas II Cirebon dapat meningkatkan
efisiensi dan kecepatan dalam proses pengajuan sertifikasi CPIB,
meminimalisir risiko kehilangan data dan kesalahan manusia, serta
mempercepat keluarnya sertifikat CPIB kepada pelaku usaha perikanan.

7.2 Saran
Berdasarkan kesimpulan dan hasil implementasi diatas, penulis
masih menyadari kekurangan dan kelemahan aplikasi yang sudah
dibuat, maka penulis mengharapkan kerja sama dan penambahan opini
dan masukan dari pembaca dan penilai.

a. Peningkatan dalam hal keamanan sistem sertifikasi yang masih

kurang
b. Pendataan dan pengelolaan sistem belum dapat diolah
berdasarkan query yang khusus seperti menggunakan metode
trigger, function ataupun procedure untuk meningkatkan
performance.
c. Peningkatan aplikasi dengan menambah fitur-fitur tambahan
seperti inject tanda tangan digital dan lainnya
d. Peningkatan tampilan yang bisa lebih ditingkatkan sehingga user
bisa lebih nyaman saat menggunakan aplikasi.

161
 DAFTAR PUSTAKA

Anggraini, Y., Pasha, D., & Setiawan, A. (2020). SISTEM INFORMASI

PENJUALAN SEPEDA BERBASIS WEB MENGGUNAKAN
FRAMEWORK CODEIGNITER (STUDI KASUS : ORBIT
STATION). Jurnal Teknologi Dan Sistem Informasi (JTSI), 1(2), 64–70.
[Link]

editorpro,+Journal+editor,+31-96-1-PB. (n.d.).

Harfayanti, D., Pudjiantoro, H., & Sabrina, P. N. (n.d.). PEMBANGUNAN

SISTEM INFORMASI PEMBUATAN SERTIFIKAT TANAH PADA
BADAN PERTANAHAN NASIONAL KOTA CIMAHI.

jurnalmanager,+5.+Yuli+A+27+-+32. (n.d.).

Krisnadi, I. (n.d.). Sistem Informasi Pengolahan Sertifikat Berbasis Web Di

Divisi Training SEAMOLEC.

Maulana, R., Fimansyah, Y., & Bordeus Vernanda, W. (2021). WEBSITE

MENGGUNAKAN METODE PROTOYPE. Jurnal Teknik Informatika
Kaputama (JTIK), 5(2).

No.6. (n.d.).

No.7. (n.d.).

Saepul Rohman, R., Arief Firmansah, D., & Ermawati, E. (2022). RANCANG
BANGUN APLIKASI E-SERTIFIKAT BERBASIS WEB
MENGGUNAKAN METODE USER CENTERED DESIGN. JURNAL
RESPONSIF, 4(1). [Link]

Sistem, R. B., Sertifikasi, I., Kantor, T., Kabupaten, P., Rizky, S., Ryandi, F.,
& Findawati, Y. (2021). Seminar Nasional & Call for Paper Fakultas
Sains dan Teknologi (SENASAINS 1 st. In Procedia of Engineering and
Life Science (Vol. 1, Issue 1).

162
Swastika, W., Santoso, H. W., & Hendra Kelana, O. (2022). RANCANG
BANGUN WEBSITE AKADEMIK DENGAN PENYIMPANAN
SERTIFIKAT DIGITAL MENGGUNAKAN TEKNOLOGI
BLOCKCHAIN. 9(1), 33–40. [Link]

Syafiq, M. S., Hamonangan, R., Danar Dana, R., Tohidi, E., Hayati, U.,
Aplikasi, R. B., Keanggotaan, E.-S., Web, B., Apindo, D., Cirebon, K.,
Mohammad, ), Syafiq, S., Raditya, ), Dana, D., & Tohidi, ) Edi. (n.d.).
Rancang Bangun Aplikasi E-Sertifikat Keanggotaan Berbasis Web pada
DPK Apindo Kota Cirebon Oleh. 7(1).
[Link]

Ulfani, M., Maulana, A., & Fadillah, N. (2020). KOTA LANGSA. In Jurnal
Informatika dan Teknologi Komputer (Vol. 01, Issue 01).
[Link]

WARMAN, I., & RAMDANIANSYAH, R. (2018). ANALISIS

PERBANDINGAN KINERJA QUERY DATABASE MANAGEMENT
SYSTEM (DBMS) ANTARA MySQL 5.7.16 DAN MARIADB 10.1.
JURNAL TEKNOIF, 6(1), 32–41.
[Link]

Wira, D., Putra, T., & Andriani, R. (2019). Unified Modelling Language
(UML) dalam Perancangan Sistem Informasi Permohonan Pembayaran
Restitusi SPPD. 7(1).

163
 LAMPIRAN

A. Lampiran Gambar Hasil Pengujian Kelas Uji Login Sistem

Gambar L.1 Halaman Login (Mengisi data dengan benar)

Gambar L. 2 Halaman Dashboard

164
Gambar L. 3 Halaman Login (Mengosongkan seluruh Kolom)

Gambar L. 4 Halaman Login (tampil notifikasi penolakan)

165
B. Lampiran Gambar Hasil Pengujian Kelas Uji Registrasi Supplier

Gambar L. 5 Halaman Registrasi (input data yang benar)

Gambar L. 6 Notifikasi berhasil registrasi akun

166
Gambar L. 7 daftar supplier terdaftar (akun setelah di registrasi)

Gambar L. 8 Halaman Registrasi (mengosongkan semua kolom)

Gambar L. 9 halaman Registrasi (sistem memunculkan notifikasi)

167
Gambar L. 10 Halaman Registrasi (Mengosongkan beberapa kolom)

Gambar L. 11 Notifikasi Sistem

168
C. Lampiran Gambar Hasil Pengujian Tambah Data Ajuan Sertifikasi

Gambar L. 12 Form Permohonan Sertifikasi (Mengisi semua kolom)

Gambar L. 13 Notifikasi Sistem berhasil mengajukan

Gambar L. 14 Daftar Permohonan Sertifikasi (Setelah data ditambahkan)

169
Gambar L. 15 Form Permohonan Sertifikasi (Mengosongkan semua kolom)

Gambar L. 16 Notifikasi Sistem (penolakan karena kolom kosong)

170
Gambar L. 17 Form Permohonan Sertifikasi (Mengosongkan beberapa
kolom wajib diisi)

Gambar L. 18 Notifikasi Sistem (penolakan karena kolom kosong)

171
 Gambar L. 19 Form Permohonan Sertifikasi (Mengosongkan beberapa
kolom tidak wajib diisi)

Gambar L. 20 Notifikasi Sistem (Berhasil Mengajukan Permohonan)

Gambar L. 21 Daftar Permohonan Sertifikasi (Setelah data ditambahkan)

172
D. Lampiran Gambar Hasil Pengujian Tambah Tim Inspeksi

Gambar L. 22 Form Buat Tim Inspeksi

Gambar L. 23 Notifikasi Berhasil Membuat Tim

Gambar L. 24 Daftar Tim Inspeksi (Setelah Data Ditambahkan)

173
Gambar L. 25 Form Buat Tim Inspeksi (Mengosongkan semua kolom)

Gambar L. 26 Notifikasi Gagal Membuat Tim

174
Gambar L. 27 Form Buat Tim Inspeksi (Mengosongkan Kolom Ketua
Inspeksi)

Gambar L. 28 Notifikasi Gagal Membuat Tim

175
Gambar L. 29 Form Buat Tim Inspeksi (Mengosongkan Kolom Anggota 1)

Gambar L. 30 Notifikasi Gagal Membuat Tim

Gambar L. 31 Form Buat Tim Inspeksi (Mengosongkan kolom Anggota 2)

176
 Gambar L. 32 Daftar Tim Inspeksi (Setelah Data Ditambahkan)
E. Lampiran Gambar Hasil Pengujian Tambah Penilaian Sertifikasi

Gambar L. 33 Form Penilaian

Gambar L. 34 Berhasil Melakukan penilaian
Gambar L. 35 Daftar Penilaian Sertifikasi

177
 Gambar L. 36 Form Checklist Penilaian

Gambar L. 37 Jumlah Penyimpangan dan Hasil Klasifikasi (Sangat Baik)

178
 Gambar L. 38 Jumlah Penyimpangan dan Klasifikasi (Baik)

Gambar L. 39 Jumlah Penyimpangan dan Klasifikasi (Cukup)

Gambar L. 40 Jumlah Penyimpangan dan Klasifikasi (Kurang)

Gambar L. 41 Jumlah Penyimpangan dan Klasifikasi (Tidak Memenuhi

Kriteria)

179
 Gambar L. 42 Notifikasi Gagal

F. Lampiran Gambar Hasil Pengujian Tambah Perbaikan

Gambar L. 43 Form Perbaikan (Mengisi Kolom Dokumen Perbaikan)

Gambar L. 44 Daftar Perbaikan Ajuan (Data Setelah Ditambahkan)

180
Gambar L. 45 Form Perbaikan (Mengosongkan Kolom Dokumen Perbaikan)

Gambar L. 46 Notifikasi Gagal Menambahkan Perbaikan

G. Lampiran Gambar Hasil Pengujian Cetak Sertifikat

Gambar L. 47 Form Cetak Sertifikat (Mengisi Semua Kolom)

181
 Gambar L. 48 Daftar Sertifikat Supplier (Setelah sertifikat dibuat)

Gambar L. 49 Form Cetak Sertifikat (Mengosongkan beberapa kolom)

Gambar L. 50 Notifikasi Sistem

182
 Gambar L. 51 Cetak Sertifikat (Mengosongkan Semua kolom)

Gambar L. 52 Notifikasi Sistem

H. Lampiran Gambar Hasil Pengujian Tolak Pengajuan

Gambar L. 53 Form Tolak Ajuan

183
 Gambar L. 54 Daftar Permohonan Sertifikasi (Setelah ajuan ditolak)

Gambar L. 55 Form Tolak Ajuan (Mengosongkan Keterangan Tolak Ajuan)

Gambar L. 56 Notifikasi Sistem

184
 I. Lampiran Gambar Hasil Pengujian Tambah Tahapan
Penanganan

Gambar L. 57 Form Tambah Tahapan Penanganan

Gambar L. 58 Notifikasi Sistem

Gambar L. 59 Daftar Tahapan Penanganan (Setelah Data Ditambahkan)

185
Gambar L. 60 Form Tambah Tahapan Penanganan (Mengosongkan semua
kolom)

Gambar L. 61 Notifikasi Sistem

186
J. Lampiran Gambar Hasil Pengujian Tambah Supplier Terdaftar

Gambar L. 62 Form Tambah Supplier

Gambar L. 63 Notifikasi Sistem

Gambar L. 64 Daftar Supplier Terdaftar (Setelah Data Ditambahkan)

187
Gambar L. 65 Form Tambah Supplier (Mengosongkan salah satu kolom)

Gambar L. 66 Notifikasi Sistem

188
Gambar L. 67 Form Tambah Supplier (Mengosongkan Semua Kolom)

Gambar L. 68 Notifikasi Sistem

K. Lampiran Gambar Hasil Pengujian Edit Supplier Terdaftar

189
Gambar L. 69 Form Edit Supplier (Tidak Ada Data Yang diubah)

Gambar L. 70 Notifikasi Sistem

Gambar L. 71 Daftar Supplier (Setelah dilakukan Perubahan)

190
Gambar L. 72 Form Edit Supplier (Melakukan Perubahan Data)

Gambar L. 73 Notifikasi Sistem

Gambar L. 74 Daftar Supplier (Setelah Dilakukan Perubahan)

191
L. Lampiran Gambar Hasil Pengujian Edit Tim Inspeksi

Gambar L. 75 Form Edit Tim Inspeksi (Tidak Ada Data yang Diubah)

Gambar L. 76 Notifikasi Sistem

Gambar L. 77 Daftar Tim Inspeksi (Setelah dilakukan Perubahan)

192
Gambar L. 78 Form Ubah Tim Inspeksi (Dilakukan Perubahan Data)

Gambar L. 79 Notifikasi Sistem

Gambar L. 80 Daftar Tim Inspeksi (Setelah dilakukan Perubahan)

M. Lampiran Gambar Hasil Pengujian Tambah Pengguna
(Administrator)

193
 Gambar L. 81 Form Tamah Pengguna (Mengisi Seluruh Kolom)

Gambar L. 82 Notifikasi Sistem

Gambar L. 83 Daftar Pengguna/Administrator (Setelah Data Ditambahkan)

194
Gambar L. 84 Form Tambah Pengguna (Mengosongkan Salah Satu Kolom)

Gambar L. 85 Notifikasi Sistem

195
Gambar L. 86 Form Tambah Pengguna (Mengosongkan Semua Kolom)

Gambar L. 87 Notifikasi Sistem

196
N. Lampiran Gambar Hasil Pengujian Edit Pengguna
(Administrator)

Gambar L. 88 Form Edit Pengguna (Tidak Ada Data yang Diubah)

Gambar L. 89 Notifikasi Sistem

Gambar L. 90 Daftar Pengguna (Setelah dilakukan perubahan)

197
Gambar L. 91 Form Edit Pengguna (Dilakukan Perubahan Data)

Gambar L. 92 Notifikasi Sistem

Gambar L. 93 Daftar Pengguna (Setelah dilakukan perubahan)

198
 O. Lampiran Gambar Hasil Pengujian Edit Profil Saya

Gambar L. 94 Form Ubah Profil Saya (Tidak Ada yang diubah)

Gambar L. 95 Notifikasi Sistem

Gambar L. 96 Halaman Profil Saya (Setelah Dilakukan Perubahan)

199
Gambar L. 97 Form Ubah Profil Saya (Dilakukan Perubahan Data)

Gambar L. 98 Notifikasi Sistem

Gambar L. 99 Halaman Profil Saya (Setelah Dilakukan Perubahan)

200