Perancangan sistem Prediksi Harga Sepeda Motor Menggunakan Metode Weighted Evolving Fuzzy Neural Network (Wefunn)

3.4. Perancangan sistem

Perancangan sistem di tahap ini akan dilakukan perancangan data Penjualan sepeda motor yang akan diproses di dalam sistem dan juga dilakukan perancangan antarmuka sistem yang akan dibangun. 3.3.1. Use case diagram Use case diagram adalah mengambarkan hubungan actor dengan satu atau lebih dan gambarannya mengunakan sebuah gambar anak panah, orang atau elips. Use case diagram ini mengambarkan penguna untuk memanfaatkan dari sebuah sistem yang akan dibangun sedangkan seorang administrator yang langsung berhubungan atau mengendalikan sebuah sistem. Use case diagram ini mempresentasikan proses atau kegunaan dari seorang aktor pada sebuah sistem yang akan dibangun. Artina, 2006. Use case diagram dari sistem yang akan dibuat dapat dilhat pada Gambar 3.3 Gambar 3.3. Use Case Diagram Sistem Prediksi harga sepeda motor Universitas Sumatera Utara 3.3.2. Use case specification Use case specification merupakan perkembangan dari sebuah use case diagram dan diagram ini memberikan sebuah gambaran dimana pada diagram ini saling berinteraksi antar komponen fungsionalitas dalam model pada sebuah sistem yang akan dibangun. wardani, et al, 2010. Use case spesifikasi untuk sistem yang akan dibangun dapat dilihat pada Tabel 3.2, Tabel 3.3, Tabel 3.4, Tabel 3.5, dan Tabel 3.6. Tabel 3.2 Use Case Spesifikasi untuk Use Case Home Tipe Use Case Penjelasan Nama Use Case Home Aktor User Deskripsi Use case ini dilihat actor saat pertama kali membuka aplikasi. Pre condition - Characteristic of activation Eksekusi dilakukan oleh user. Basic flow - Aktor membuka aplikasi - Aplikasi menampilkan halaman awal Alternative flow - Post condition Pada use case ini aktor dapat memilih menu yang ada. Limitations - Skenario use case Kategori Motor dapat dilihat pada Tabel 3.3. Tabel 3.3 Use Case Spesifikasi untuk Use Case Kategori Motor Tipe Use Case Penjelasan Nama Use Case Kategori Motor Aktor User Deskripsi Use case ini digunakan oleh aktor untuk memasukan kategori jenis motor, contoh jenis motor : Bebek, Sport, Matic, dll. Pre condition Aktor harus masuk berada pada halaman kategori motor terlebih dahulu. Characteristic of activation Eksekusi dapat dilakukan oleh aktor. Universitas Sumatera Utara Basic flow - Aktor memilih menu kategori motor. - Sistem menampilkan halaman kategori motor. - Aktor memasukkan data kategori motor. - Aktor menyimpan data kategori motor - Use case ini berakhir ketika sistem telah menyimpan kategori motor yang telah dibuat. Alternative flow - Post condition Sistem menampilkan kembali semua data kategori motor termasuk data kategori motor terbaru. Limitations - Scenario use case Parameter Data dapat dilihat pada Tabel 3.4. Tabel 3.4 Use Case Spesifikasi untuk Use Case Parameter Data Tipe Use Case Penjelasan Nama Use Case Parameter Data Aktor User Deskripsi Use case ini digunakan oleh user untuk mengisi parameter data yaitu : Jenis Motor, Nama Motor, Tahun, Harga Modal, Komisi Marketing, dan Keuntungan yang diinginkan. Pre condition Aktor telah berada di dalam aplikasi. Characteristic of activation Eksekusi dilakukan oleh user. Basic flow - Aktor memilih menu Parameter Data. - Sistem menampilkan halaman Parameter Data. - Aktor dapat mengisi parameter data dan menekan tombol simpan - Use case ini berakhir ketika sistem telah selesai menampilkan semua parameter data termasuk parameter data terbaru. Alternative flow - Post condition - Sistem menampilkan kembali semua data parameter motor termasuk data parameter motor terbaru Limitations - Universitas Sumatera Utara Scenario use case Parameter Aplikasi dapat dilihat pada Tabel 3.5. Tabel 3.5 Use Case Spesifikasi untuk Use Case Parameter Aplikasi Tipe Use Case Penjelasan Nama Use Case Parameter Aplikasi Aktor User Deskripsi Use case ini digunakan oleh user untuk mengisi parameter aplikasi antara lain : Sensitive Threshold, Error Threshold, Learning Rate 1, dan Learning Rate 2. Pre condition Aktor harus berada di halaman Parameter Aplikasi dan memasukkan parameter dan menekan tombol simpan. Characteristic of activation Eksekusi dilakukan oleh user. Basic flow - Aktor memilih menu Parameter Aplikasi. - Sistem menampilkan halaman Parameter Aplikasi. - Use case ini berakhir ketika sistem telah selesai menampilkan Parameter Aplikasi termasuk data parameter aplikasi terbaru. Alternative flow - Post condition -Sistem menampilkan kembali semua data parameter aplikasi termasuk parameter aplikasi terbaru Limitations - Scenariouse case Prediksi dapat dilihat pada Tabel 3.6. Tabel 3.6 Use Case Spesifikasi untuk Use Case Prediksi Tipe Use Case Penjelasan Nama Use Case Prediksi Aktor User Deskripsi Use case ini digunakan oleh user untuk melihat hasil dari prediksi. Pre condition Aktor harus berada di halaman Prediksi dan menekan tombol show. Characteristic of activation Eksekusi dilakukan oleh user. Basic flow - Aktor memilih menu prediksi. - Sistem menampilkan halaman prediksi dan menampilkan nilai dari parameter aplikasi. - Use case ini berakhir ketika sistem telah selesai menampilkan Universitas Sumatera Utara hasil dr prediksi. Alternative flow - Post condition -. Limitations - 3.3.3. Activity diagram Activity diagram digunakan untuk mendeskripsikan logika prosedural, proses bisnis dan aliran kerja dalam suatu sistem. Activity diagram memiliki peranan seperti flowchart, akan tetapi memiliki perbedaan dimana activity diagram mendukung prilaku paralel sedangkan flowchart tidak Munawar, 2005. Berikut ini adalah diagram aktivitas yang terdapat pada sistem prediksi yang akan dibangun. 1. Activity diagram Home Pada activity diagram home, pengguna sistem akan melihat tampilan home saat pertama membuka aplikasi. Activity diagram home dapat dilihat pada Gambar 3.4. Gambar 3.4. Diagram Aktivitas home 2. Activity diagram Kategori Motor Pada activity diagram Kategori Motor, pengguna dapat memasukkan data Kategori Motor atau bahkan dapat mengedit dan menghapus kategori motor. Kita harus Universitas Sumatera Utara mengisi nama Kategori yang di inginkan dan kemudian menekan tombol Simpan. Activity diagram Kategori Motor dapat dilihat pada Gambar 3.5a, 3.5b dan 3.5c. Gambar 3.5a. Diagram Aktivitas Kategori Motor Gambar 3.5b. Diagram Aktifitas Hapus Kategori Universitas Sumatera Utara Gambar 3.5c. Diagram Aktifitas Edit Kategori 3. Activity diagram Parameter Data Pada activity diagram Parameter Data, pengguna diminta untuk memasukan parameter data yang digunakan antara lain : Jenis Motor, Nama Motor, Tahun, Harga Modal, Komisi Marketing, dan Keuntungan yang diinginkan, dan kemudian menekan tombol simpan. Activity diagram Parameter Data dapat dilihat pada Gambar 3.6a, 3.6b, dan 3.6c. Gambar 3.6a. Diagram Aktifitas Parameter Data Universitas Sumatera Utara Gambar 3.6b. Diagram Aktifitas Hapus Parameter Data Gambar 3.6c. Diagram Aktifitas Edit Parameter 4. Activity diagram Parameter Aplikasi Pada activity diagram Parameter Aplikasi, pengguna diminta untuk memasukan parameter aplikasi yang digunakan yakni : Sensitive Threshold, Error Threshold, Learning Rate 1, Learning Rate 2 dan kemudian menekan tombol simpan. Activity diagram Parameter Aplikasi dapat dilihat pada Gambar 3.7a, 3.7b, dan 3.7c. Universitas Sumatera Utara Gambar 3.7a. Diagram Aktifitas Parameter Aplikasi Gambar 3.7b. Diagram Aktifitas Hapus Parameter Aplikasi Universitas Sumatera Utara Gambar 3.7c. Diagram Aktifitas Edit Parameter Aplikasi 5. Activity diagram Prediksi Pada activity diagram Prediksi, pengguna langsung masuk kedalam halaman prediksi yang pada halaman tersebut menampilkan data dari parameter aplikasi yang telah dibuat dan kemudian menekan tombol show untuk melihat hasil prediksi. Dimana hasil prediksi yang didapat meliputi antara lain: Nama Motor, Tahun, Harga Modal, Harga Target, Prediksi Harga, Nilai Error dan Total MAPE. Activity diagram Prediksi dapat dilihat pada Gambar 3.8. Gambar 3.8. Diagram Aktifitas Halaman Prediksi Universitas Sumatera Utara 3.3.4. Rancangan menu system Rancangan menu sistem dapat digunakan untuk melihat struktur menu yang terdapat pada suatu sistem yang akan dibangun. Rancangan menu sistem yang akan dibangun dapat dilihat pada Gambar 3.9. Rancangan sistem prediksi harga sepeda motor ini terdiri dari halaman home, katageri motor, parameter data, parameter aplikasi, prediksi dan about. Gambar 3.9. Rancangan Menu Sistem 3.3.5. Perancangan antarmuka Perancangan antarmuka berisi gambaran umum tentang perancangan setiap tampilan yang terdapat pada aplikasi yang dibangun. A. Rancangan halaman home Halaman home merupakan halaman awal bagi pengguna saat menggunakan sistem. Halaman home merupakan halaman pembuka, dan halaman awal menuju ke halaman berikutnya. Rancangan antarmuka halaman home dapat dilihat pada Gambar 3.10. Gambar 3.10. Rancangan Antarmuka Halaman Home Home Parameter Data Kategori Motor Prediksi Parameter Aplikasi About Home Parameter Data Kategori Motor Prediksi Parameter Aplikasi About Universitas Sumatera Utara B. Rancangan halaman Kategori Motor Pada bagian halaman ini pengguna dapat melihat semua kategori motor dan dapat menambah kategori lainnya bahkan dapat menghapus kategori yang sudah ada. Rancangan dapat dilihat pada gambar 3.11. Gambar 3.11. Rancagan Antarmuka Halaman Kategori Motor C. Rancangan halaman Parameter Data Pada bagian halaman ini, pengguna dapat melihat seluruh data yang sudah ada dan dapat menambah data yang baru, mengedit data yang sudah ada, dan menghapus parameter yang sudah ada. Rancangan dapat dilihat pada gambar 3.12. Gambar 3.12. Rancangan Antarmuka Halaman Parameter Data Home Parameter Data Kategori Motor Prediksi Parameter Aplikasi About KATEGORI Nama Kategori : No Kategori Action Home Parameter Data Kategori Motor Prediksi Parameter Aplikasi About DATA Jenis : Nama : Tahun : Harga Modal: No Jenis Nama Tahun Harga Modal Universitas Sumatera Utara D. Rancangan halaman Parameter Aplikasi Pada bagian halaman ini, pengguna dapat melihat seluruh data parameter aplikasi yang sudah ada dan dapat menambah data yang baru, mengedit data yang sudah ada, dan menghapus parameter aplikasi yang sudah ada. Rancangan dapat dilihat pada gambar 3.13. Gambar 3.13. Rancagan Antarmuka Halaman Parameter Aplikasi E. Rancangan halaman Prediksi Pada bagian halaman ini, pengguna dapat melihat parameter aplikasi yang digunakan sebelumnya dan melihat hasil prediksi dari data yang sudah di evaluasi. Rancangan dapat dilihat pada gambar 3.14. Gambar 3.14. Rancangan Antarmuka Halaman Prediksi Home Parameter Data Kategori Motor Prediksi Parameter Aplikasi About Parameter Aplikasi Sensitive Threshold : Error Threshold : Learning rate 1 : Learning rate 2 : No Sensitive Threshold Error Threshold Learning rate 1 Learning rate 2 Home Parameter Data Kategori Motor Prediksi Parameter Aplikasi About Hasil Prediksi Sensitive Threshold : Error Threshold : Learning rate 1 : Learning rate 2 : No Nama Motor Harga Target Error Prediksi harga MAPE Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM Pada bab ini akan dijelaskan tentang implementasi dari algoritma Weighted Evolving Fuzzy Neural Network pada sistem, sesuai dengan perancangan sistem yang telah dilakukan di Bab 3 serta melakukan pengujian sistem yang akan dibangun.

4.1. Implementasi sistem