ANALISIS DAN PERANCANGAN SISTEM
10. Tabel sampel
3.7. Perancangan User Interface
3.7.1. Perancangan Admin Interface Input (Pemasukan) Data
Perancangan input adalah spesifikasi pembuatan perancangan input yang nantinya akan berguna untuk mempermudah proses penginputan
1. Import Data Sampel Diabetes
Rancangan Import Data Sampel Diabetes dapat dilihat seperti pada Gambar 3.10.
Gambar 3.10. Import Data Sampel Diabetes Keterangan Gambar :
1. Link Home : Apabila diklik link ini, akan mengarah ke halaman home
2. Link Import Data : Apabila diklik link ini, akan mengarah ke halaman import data 3. Link Sampel Diabetes : Apabila diklik link ini, akan mengarah ke halaman sampel
Diabetes.
4. Link Algoritma K-Means : Apabila diklik link ini, akan mengarah ke halaman proses K-Means
5. Link Algoritma KNN : Apabila diklik link ini, akan mengarah ke halaman
proses KNN
6. Link Form Atribut : Apabila diklik link ini, akan mengarah ke halaman
form atribut
7. Link Data Atribut : Apabila diklik link ini, akan mengarah ke halaman data
atribut
8. Tombol Choose File : Tombol ini berfungsi untuk mengambil file yang akan diimport dari berkas yang ada dalam berkas Komputer pengguna
9. Tombol Import : Tombol ini berfungsi untuk melakukan proses import
setelah file berhasil diambil dari berkas komputer pengguna
2. Perancangan Input Nilai Data Baru dan Nilai Limit
Rancangan Input Nilai Data Baru dan Nilai Limit dapat dilihat pada Gambar 3.11.
Gambar 3.11. Perancangan Input Nilai Data Baru dan Nilai Limit
Keterangan Gambar :
1. Link Home : Apabila diklik link ini, akan mengarah ke halaman home
2. Link Import Data : Apabila diklik link ini, akan mengarah ke halaman import data 3. Link Sampel Diabetes : Apabila diklik link ini, akan mengarah ke halaman sampel
diabetes
4. Link Algoritma K-Means : Apabila diklik link ini, akan mengarah ke halaman proses K-Means
5. Link Algoritma KNN : Apabila diklik link ini, akan mengarah ke halaman KNN
6. Link Form Atribut : Apabila diklik link ini, akan mengarah ke halaman
form atribut
7. Link Data Atribut : Apabila diklik link ini, akan mengarah ke halaman data atribut
8. Textbox TI : Textbox ini berfungsi sebagai inputan dari nilai T1 9. Textbox T2 : Textbox ini berfungsi sebagai inputan dari nilai T2
10. Textbox T3 : Textbox ini berfungsi sebagai inputan dari nilai T3
11. Textbox T4 : Textbox ini berfungsi sebagai inputan dari nilai T4
12. Textbox T5 : Textbox ini berfungsi sebagai inputan dari nilai T5
13. Textbox T6 : Textbox ini berfungsi sebagai inputan dari nilai T6
14. Textbox T7 : Textbox ini berfungsi sebagai inputan dari nilai T7
15. Textbox T8 : Textbox ini berfungsi sebagai inputan dari nilai T8
16. Textbox Nilai K : Textbox ini berfungsi sebagai inputan dari nilai Limit dari K
17. Tombol Submit : Tombol ini berfungsi untuk melakukan proses submit
setelah semua data terisi
3. Perancangan Input Nilai Data Centroid 1 dan Data Centroid 2
Rancangan Input Nilai Data Centroid 1 dan Data Centroid 2 dapat dilihat pada Gambar 3.12.
Gambar 3.12. Perancangan Input Nilai Data Centroid 1 dan Data Centroid 2 Keterangan Gambar :
1. Link Home : Apabila diklik link ini, akan mengarah ke halaman home
2. Link Import Data : Apabila diklik link ini, akan mengarah ke halaman import data 3. Link Sampel Diabetes : Apabila diklik link ini, akan mengarah ke halaman sampel
diabetes
4. Link Algoritma K-Means : Apabila diklik link ini, akan mengarah ke halaman proses K-Means
5. Link Algoritma KNN : Apabila diklik link ini, akan mengarah ke halaman proses KNN
6. Link Form Atribut : Apabila diklik link ini, akan mengarah ke halaman
form atribut
7. Link Data Atribut : Apabila diklik link ini, akan mengarah ke halaman data atribut
8. Textbox Centroid 1 X1 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
1 X1
9. Textbox Centroid 1 X2 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
1 X2
10. Textbox Centroid 1 X3 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
1 X3
11. Textbox Centroid 1 X4 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
1 X4
12. Textbox Centroid 1 X5 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
1 X5
13. Textbox Centroid 1 X6 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
1 X6
14. Textbox Centroid 1 X7 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
1 X7
15. Textbox Centroid 1 X8 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
1 X8
16. Textbox Centroid 2 X1 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
2 X1
17. Textbox Centroid 2 X2 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
2 X2
18. Textbox Centroid 2 X3 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
2 X3
19. Textbox Centroid 2 X4 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
2 X4
20. Textbox Centroid 2 X5 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
2 X5
21. Textbox Centroid 2 X6 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
2 X6
22. Textbox Centroid 2 X7 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
2 X7
23. Textbox Centroid 2 X8 : Textbox ini berfungsi sebagai inputan dari nilai Centroid
2 X8
24. Tombol Submit : Tombol ini berfungsi untuk melakukan proses submit
setelah semua data terisi 4. Perancangan Form Atribut
Rancangan Form Atribut dapat dilihat pada Gambar 3.13.
Gambar 3.13. Perancangan Form Atribut
Keterangan Gambar :
1. Link Home : Apabila diklik link ini, akan mengarah ke halaman home
2. Link Import Data : Apabila diklik link ini, akan mengarah ke halaman import data
3. Link Sampel Diabetes : Apabila diklik link ini, akan mengarah ke halaman sampel
diabetes
4. Link Algoritma K-Means : Apabila diklik link ini, akan mengarah ke halaman
proses K-Means
5. Link Algoritma KNN : Apabila diklik link ini, akan mengarah ke halaman proses
KNN
6. Link Form Atribut : Apabila diklik link ini, akan mengarah ke halaman
form atribut
7. Link Data Atribut : Apabila diklik link ini, akan mengarah ke halaman data atribut
8. Textbox nama atribut : Textbox ini berfungsi sebagai inputan dari nama atribut
9. Textbox min : Textbox ini berfungsi sebagai inputan dari nilai min
10. Textbox Mean : Textbox ini berfungsi sebagai inputan dari nilai Mean
11. Textbox Max : Textbox ini berfungsi sebagai inputan dari nilai Max
12. Textbox Standard deviation : Textbox ini berfungsi sebagai inputan dari nilai
Standard deviation
13. Tombol Submit : Tombol ini berfungsi untuk melakukan proses submit
setelah semua data terisi
3.7.2. Perancangan Admin Interface Output (Keluaran)
Perancangan output merupakan suatu bentuk keluaran yang dibutuhkan oleh admin dalam penyampaian informasi. Adapun maksud dari output disini adalah yang dihasilkan di layar monitor.
1. Perancangan Output Sampel Diabetes
Rancangan Output Sampel Diabetes dapat dilihat pada Gambar 3.14.
Gambar 3.14. Perancangan Output Sampel Diabetes Keterangan Gambar :
1. Link Home : Apabila diklik link ini, akan mengarah ke halaman home
2. Link Import Data : Apabila diklik link ini, akan mengarah ke halaman import data 3. Link Sampel Diabetes : Apabila diklik link ini, akan mengarah ke halaman sampel
diabetes
4. Link Algoritma K-Means : Apabila diklik link ini, akan mengarah ke halaman proses K-Means
5. Link Algoritma KNN : Apabila diklik link ini, akan mengarah ke halaman proses
KNN
6. Link Form Atribut : Apabila diklik link ini, akan mengarah ke halaman
form atribut
7. Link Data Atribut : Apabila diklik link ini, akan mengarah ke halaman data atribut
8. Tabel Sampel Diabetes : Tabel ini berisi dari data sampel diabetes yang teridiri dari kolom jumlah kehamilan, konsentrasi plasma glukosa, tekanan
diastolic, ketebalan kulit, index berat badan, fungsi pedigree, dan umur.
2. Perancangan Output Data Atribut
Rancangan Output Data Atribut dapat dilihat pada Gambar 3.15.
Gambar 3.15. Perancangan Output Data Atribut
Keterangan Gambar :
1. Link Home : Apabila diklik link ini, akan mengarah ke halaman home
2. Link Import Data : Apabila diklik link ini, akan mengarah ke halaman import data 3. Link Sampel Diabetes : Apabila diklik link ini, akan mengarah ke halaman sampel
diabetes
4. Link Algoritma K-Means : Apabila diklik link ini, akan mengarah ke halaman proses K-Means
5. Link Algoritma KNN : Apabila diklik link ini, akan mengarah ke halaman proses
KNN
6. Link Form Atribut : Apabila diklik link ini, akan mengarah ke halaman
form atribut
7. Link Data Atribut : Apabila diklik link ini, akan mengarah ke halaman data atribut 9. Tabel Sampel Diabetes : Tabel ini berisi dari data sampel diabetes yang teridiri
dari kolom nama atribut, min, mean, max, standard deviation, edit, dan delete
8
3. Perancangan Hasil Proses Clustering K-Nearest Neighbor
Rancangan Hasil Proses Clustering K-Nearest Neighbor dapat dilihat pada Gambar 3.16.
Gambar 3.16. Perancangan Hasil Proses Clustering K-Nearest Neighbor
Keterangan Gambar :
1. Link Home : Apabila diklik link ini, akan mengarah ke halaman home
2. Link Import Data : Apabila diklik link ini, akan mengarah ke halaman import data 3. Link Sampel Diabetes : Apabila diklik link ini, akan mengarah ke halaman sampel
diabetes
4. Link Algoritma K-Means : Apabila diklik link ini, akan mengarah ke halaman proses K-Means
5. Link Algoritma KNN : Apabila diklik link ini, akan mengarah ke halaman proses
KNN
6. Link Form Atribut : Apabila diklik link ini, akan mengarah ke halaman
form atribut
7. Link Data Atribut : Apabila diklik link ini, akan mengarah ke halaman data atribut
8. Tabel Algoritma KNN : Tabel ini berisi dari data hasil proses dari algoritma KNN yang teridiri dari kolom jumlah kehamilan, konsentrasi plasma glukosa, tekanan diastolik, ketebalan kulit, index berat badan, fungsi pedigree, umur,
sequare instance, dan status
4. Perancangan Hasil Proses Clustering K-Means
Rancangan Hasil Proses Clustering K-Means dapat dilihat pada Gambar 3.17.
Gambar 3.17. Perancangan Hasil Proses Clustering K-Means
Keterangan Gambar :
1. Link Home : Apabila diklik link ini, akan mengarah ke halaman home
2. Link Import Data : Apabila diklik link ini, akan mengarah ke halaman import data 3. Link Sampel Diabetes : Apabila diklik link ini, akan mengarah ke halaman sampel
diabetes
4. Link Algoritma K-Means : Apabila diklik link ini, akan mengarah ke halaman proses K-Means
5. Link Algoritma KNN : Apabila diklik link ini, akan mengarah ke halaman proses
KNN
8
6. Link Form Atribut : Apabila diklik link ini, akan mengarah ke halaman
form atribut
7. Link Data Atribut : Apabila diklik link ini, akan mengarah ke halaman data atribut
8. Tabel Algoritma K-Means : Tabel ini berisi dari data hasil proses dari algoritma
K-Means yang teridiri dari kolom jumlah kehamilan, konsentrasi plasma glukosa,
tekanan diastolik, ketebalan kulit, index berat badan, fungsi pedigree, umur,
sequare instance, dan status
10.Label Waktu penyelesaian : Label ini adalah label yang menampilkan hasil
waktu penyelesaian dari algoritma K-Means
69
BAB 4
