Flow Chart Perancangan User Interface

Gambar 3.6. Entity Relation Diagram

3.6. Flow Chart

Flow Chart merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol. sampel Sampel_1 Sampel_1 Sampel_3 Sampel_3 Sampel_4 Sampel_4 Sampel_6 Sampel_6 Sampel_7 Sampel_7 Sampel_8 Sampel_8 Sampel_2 Sampel_2 Id_sampel Id_sampel Sampel_5 Sampel_5 Akumulasi_jarak Id_akumulasi_jarak Id_akumulasi_jarak Id_sampel Id_sampel Cluster_pilihan Cluster_pilihan urutan urutan memiliki 1 1 Akumulasi_jarak2 Id_akumulasi_jarak2 Id_akumulasi_jarak2 Id_sampel Id_sampel Cluster_pilihan Cluster_pilihan urutan urutan 1 Akumulasi_knn hasil hasil Id_akumulasi_knn Id_akumulasi_knn Id_sampel 1 memiliki 1 jarak Id_jarak Id_jarak Id_sampel Id_sampel hasil hasil urutan urutan M Jarak_knn Id_jarak Id_jarak Id_sampel Id_sampel nilai nilai M Data_baru t1 t1 t3 t3 t4 t4 t5 t5 t6 t6 t7 t7 t2 t2 Id_data_baru Id_data_baru t8 t8 Nilai_acak2 x1 x1 x3 x3 x4 x4 x6 x6 x7 x7 x8 x8 x2 x2 Id_nilai_acak2 Id_nilai_acak2 x5 x5 Nilai_acak x1 x1 x3 x3 x4 x4 x6 x6 x7 x7 x8 x8 x2 x2 Id_nilai_acak Id_nilai_acak x5 x5 testing t1 t1 t3 t3 t4 t4 t5 t5 t6 t6 t7 t7 t2 t2 Id_testing Id_testing t8 t8 waktu waktu waktu Id_waktu Id_waktu urutan iterasi iterasi iterasi iterasi Universitas Sumatera Utara Dengan demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antar proses digambarkan dengan garis penghubung. 1. Flow Chart Menu Flow Chart Menu dari system yang akan dirancang dapat dilihat pada gambar 3.7 di bawah ini Gambar 3.7. Flow Chart Menu Universitas Sumatera Utara 2.Flow Chart K-Means Clustering Flow Chart K-Means Clustering dari system yang akan dirancang dapat dilihat pada gambar 3.8 di bawah ini Gambar 3.8. Flow Chart t K-Means Universitas Sumatera Utara 3. Flow Chart K-Nearest Neighbor Flow Chart K-Nearest Neighbor dari system yang akan dirancang dapat dilihat pada gambar 3.9 di bawah ini Gambar 3.9. Flow Chart K-Nearest Neighbor Universitas Sumatera Utara

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. Universitas Sumatera Utara 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 Universitas Sumatera Utara 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 Universitas Sumatera Utara 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 Universitas Sumatera Utara 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 Universitas Sumatera Utara 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. Universitas Sumatera Utara 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. Universitas Sumatera Utara 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 Universitas Sumatera Utara 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 Universitas Sumatera Utara 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 Universitas Sumatera Utara 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 Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Pengertian Implementasi Sistem