BAB IV PERANCANGAN SISTEM 4.1 Perancangan Sistem Dalam perancangan sistem ini, metode yang digunakan adalah metode perancangan Unified Modeling Language (UML). 4.1.1 Use Case Diagram, Activity Diagram dan Sequence Diagram Use case diagram, activity diagram dan sequence diagram merupakan gambaran kegiatan yang bisa dilakukan oleh user terhadap sistem dan berfungsi sebagai dokumentasi alur dari setiap kejadian yang dapat dilakukan dengan sistem. Gambar 4.1 : Use Case Diagram 49
berikut : Penjelasan tiap-tiap langkah dalam use case diagram diatas adalah, sebagai 4.1.2 Spesifikasi Use Case Diagram : Login Use Case : Login Actor : Admin Tujuan : Melakukan Login Deskripsi : Actor melakukan proses login Langkah-langkahnya: Tindakan yang dilakukan actor 1. Actor memasukan user name dan password Respon Program 1. Program akan memvalidasi use name dan password yang dimasukan oleh user 2. Jika user name dan password tersebut valid, maka program akan melakukan koneksi ke server data sehingga program akan menampilkan form selamat dating yang merupakan konfirmasi bahwa program sudah terhubung denga basis data Dari penjelasan langkah-langkah di atas, maka proses login ini bias digambarkan dengan Activity Diagram Login dan Sequence Diagram Login. Kedua diagram tersebut adalah sebagai berikut: 50
Gambar 4.2 : Activity Diagram Login admin Form login Validasi user Validasi user Hal selamat datang Masukan username proses validasi include koneksi dan password (userid, password) basis data Gambar 4.3: Sequence Diagram Login menampilkan halaman selamat yang menandakan validasi user koneksi data sukses 51
4.1.3 Spesifikasi Use Case Diagram : Profile Bank Use Case : Home Actor : Admin Tujuan : Menjelaskan halaman informasi profile bank-bank dan teori data mining Deskripsi : Actor memahami penjelasan algoritma K-Means dan profile bank Langkah-langkahnya: Tindakan yang dilakukan actor 1. Actor memilih Home Page dan Profile bank Respon Program 1. Program akan menampilkan informasi penjelasan tentang profile bank dan penjelasan data mining menggunakan algoritma K-means. 2. Jika user name memilih menu Home Page dan Profile Bank, maka program akan melakukan koneksi ke server data sehingga program akan menampilkan halaman penjelasa algoritma K- means dan penjelasan singkat profil bank. Dari penjelasan langkah-langkah di atas, maka proses home ini bisa digambarkan dengan Activity Diagram Login dan Sequence Diagram Login. Kedua diagram tersebut adalah sebagai berikut: 52
Gambar 4.4: Activity Diagram Menampilkan Profile Bank admin Halaman Utama Halaman Home tekan menu profil bank menampilkan halaman home Gambar 4.5: Sequence Diagram Menampilkan Halaman Home 4.1.4 Spesifikasi Use Case Diagram : import data Use Case : Import Data Actor : Admin Tujuan : Menampilkan halaman import Deskripsi : Actor melakukan proses import data dan penentuan centroid awal Langkah-langkahnya: Tindakan yang dilakukan actor Respon Program 53
1. Actor memilih menu semua data 1. Program akan menampilkan menu import data 2. Jika user admin memilih menu import data, maka akan menampilakan inputan data excell dan penentuan data centroid Dari penjelasan langkah-langkah di atas, maka proses import data ini bisa digambarkan dengan Activity Diagram Import data dan Sequence diagram import data. Kedua diagram tersebut adalah sebagai berikut: Gambar 4.6: Activity Diagram Import Data 54
admin Form lmport data Server Basis Data Halaman import data memilih menu import data include koneksi basis data menampilkan halaman import data Gambar 4.7: Sequence Diagram Import Data 4.1.5 Spesifikasi Use Case Diagram : Hasil Clustering Use Case : Hasil Clustering Actor : Admin Tujuan : Menampilkan halaman Hasil Clustering Deskripsi : Menampilakan halaman hasil clustering Proses berikutnya Langkah-langkahnya: Tindakan yang dilakukan actor 1. Actor memilih menu Hasil Clustering Respon Program 1. Program akan menampilkan menu Hasil Clustering 2. Jika user admin memilih menu Hasil Clustering, maka akan menampilakan hasil dari proses clustering berupa tahapan iterasi dari awal hingga selesai Dari penjelasan langkah-langkah di atas, maka proses import data ini bisa digambarkan dengan Activity Diagram hasil clustering dan Sequence diagram hasil clustering. Kedua diagram tersebut adalah sebagai berikut: 55
Gambar 4.8: Activity Diagram Hasil Clustering admin Form Hasil Clustering Server Basis Data Halaman Hasil Clustering memilih menu hasil clustering include koneksi basis data menampilkan halaman hasil clustering Gambar 4.9: Sequence Diagram Hasil Clustering 4.1.6 Spesifikasi Use Case Diagram : Log Out Use Case : Logout Actor : Admin Tujuan : Melakukan Logout 56
Deskripsi : Actor Melakukan Proses Logout Langkah-langkahnya: Tindakan yang dilakukan actor Respon Program 1. Actor menekan menu Logout 1. Program akan mengakhiri proses pad aplikasi 2. Program kembali ke form Login (form awal) Dari penjelasan langkah-langkah di atas, maka proses import data ini bisa digambarkan dengan Activity Diagram logout dan Sequence diagram logout. Kedua diagram tersebut adalah sebagai berikut: Gambar 4.10: Activity Diagram Logout Admin Menu Logout Halaman Selamat Datang Tekan menu logout Program Kembali ke halaman Login Gambar 4.11: Sequence Diagram Logout 57
4.1.7 Alur Proses Persiapan dataset Mulai Ambil data Bank Simpan Ke Format Excell Lakukan seleksi atribut Lakukan transformasi dengan tabel spesifikasi Konversi data menjadi numerik Lakukan integrasi/merge data Simpan file dengan format excell 2010 Workbook Selesai Gambar 4.12: Alur Proses Persiapan dataset 58
4.1.8 Class Diagram Class diagram merupakan gambaran dari keadaan suatu sistem yang bisa digunakan untuk menjalankan sistem itu sendiri. Dalam studi kasus ini bentuk dari class diagram adalah sebagai berikut : Tbl_centroid Tbl_objek Tbl_admin -id_centroid -id_objek -user name -data_centroid -nama_objek -password +Add() -data -nama_lengkap +Add() +Add() -email +Delete() +Edit() -no_telp +Delete() -level +Add() +Edit() Tbl_iterasi +Delete() -data1 -data2 -data3 -cluster1 -cluster2 -cluster2 +Add() +Add() +Delete() Gambar 4.13: Class Diagram 4.2 Perancangan Antar Muka Perancangan antar muka akan memperlihatkan desain layout aplikasi yang akan dibangun dan merupakan bentuk nyata dari sistem yang akan dibangun. Berikut adalalah rancangan antar muka aplikasi yang akan dibangun dalam studi kasus ini : 4.2.1 Desain Form Login Desain antar muka untuk halaman login adalah sebagai berikut : 59
ADMIN LOGIN Username Password LOGIN Gambar 4.14: Halaman Login 4.2.2 Desain Form Halaman Utama Desain antar muka untuk halaman utama adalah sebagai berikut : LOGO Home Algoritma K-Means Import Data Hasil Clustering Logout Aplikasi Data Mining Gambar 4.15: Halaman Utama 60
4.2.3 Desain Form Import Data Desain antar muka untuk Import Data adalah sebagai berikut : LOGO Home Algoritma K-Means Import Data Hasil Clustering Logout Aplikasi Data Mining DATA OBJECT DATA CLUSTER Data Excell: Browse Import Delete All Cluster Centroid Awal Nama Objek Data Tambahka Tambahkan Hapus Hapus Data Gambar 4.16: Halaman Import Data 4.2.4 Desain Form View Hasil Clustering Desain antar muka untuk halaman hasil clustering adalah sebagai berikut : LOGO Home Algoritma K-Means Import Data Hasil Clustering Logout Aplikasi Data Mining Hasil Proses Clustering Algoritma K-Means Terhadap data Bank ITERASI 1 Objek Gambar 4.17: Halaman Hasil Clustering 61