BAB 3 ALGORITMA DAN PERANCANGAN
3.1
Algoritma Program Dibutuhkan algoritma untuk diimplementasikan ke dalam program aplikasi ini,
yaitu langkah–langkah instruksi sehingga dicapai hasil yang diinginkan. Algoritma yang digunakan dalam aplikasi untuk menentukan klasifikasi emosi musik adalah sebagai berikut : 1. Data file musik yang hanya dapat digunakan adalah file musik yang berformat wav. 2. User menekan tombol Play untuk memainkan lagu yang telah dipilih. 3. User menekan tombol Stop untuk memberhentikan lagu yang telah dipilih. 4. Tersedia inputan untuk 4 user. 5. Pada bagian input data disediakan beberapa pilihan emosi yang sudah tersedia sesuai dengan model emosi yang ada. 6. Kemudian masing-masing user memilih emosi sesuai dengan pendapatnya tentang emosi yang ada pada lagu tersebut. 7. Setelah user selesai memasukkan data, maka data disimpan. 8. Kemudian user menekan tombol Analisis Emosi untuk mengetahui emosi yang terdapat dalam lagu tersebut.
28
3.2
Perancangan
3.2.1
Perancangan Diagram Alir Diagram alir merupakan alat bantu pemrograman yang dapat membantu
programmer dalam mengorganisasikan pemikiran mereka dalam pemrograman, terutama bila dibutuhkan penalaran yang tajam dalam logika prosedur suatu program (Aryono, 2008). Simbol–simbol yang sering digunakan dalam diagram alir antara lain (Aryono, 2008) : 1. Proses •
Berupa proses atau pengolahan, misalnya perhitungan
•
Untuk predefine process
2.
Operasi Input atau Output
3.
Operasi Manual Input
4.
Panah, menguhubungkan antar komponen dan menunjukkan arah
5.
Decision, berupa pertanyaan atau penentuan suatu keputusan
29
6.
Terminal, untuk menandai awal atau akhir program
7.
.
8.
Preparation, untuk inisialisasi suatu nilai
Connector, sebagai penghubung dalam satu halaman
9.
Off Page Connector, sebagai penghubung Antar kalimat
3.2.1.1 Perancangan Diagram Alir Program Proses yang terjadi pada program yang dirancang ini dapat dijelaskan melalui flowchart pada gambar 3.1 berikut ini.
30
Mulai
tidak
Lagu
Sesuai format?
ya Memainkan lagu
Memberhentikan lagu
Emosi
Simpan
Analisis Fuzzy
Emosi
Selesai Gambar 3.1 Perancangan Flowchart Program
31
3.2.2. Perancangan Diagram Transisi (State Transition Diagram) Diagram transisi memberi keterangan kepada sistem tentang apa yang harus dikerjakan (action) dalam keadaan (state) tertentu. Condition adalah suatu kejadian (event) pada external environtment yang dapat dideteksi oleh sistem, seperti sinyal atau interrupt. Hal ini menyebabkan perubahan terhadap state dari aktivitas x ke aktivitas y. action adalah hal yang dilakukan oleh sistem bila terjadi perubahan state (Aryono, 2008). Komponen utama dalam diagram transisi adalah sebagai berikut(Aryono, 2008) : State, merupakan kumpulan suatu keadaan atau atribut yang menjelaskan suatu kondisi.
Anak panah berarah, menunjukkan perubahan keadaan yang disebabkan oleh aksi dan kondisi.
32
3.2.3 Perancangan Menu Perancangan menu pada program yang dirancang dijabarkan melalui Gambar 3.2 berikut.
Menunggu pilihan
Display pilihan menu
Pilih Open
Browse lagu
Pilih emosi
Analisa emosi
Gambar 3.2 State Transition Diagram dari Menu Utama
3.2.4
33
Perancangan Layar
3.2.4.1 Rancangan Layar Menu Utama
Gambar 3.3 Rancangan Layar Menu Utama
Keterangan pada tampilan rancangan layar diatas adalah •
Judul form dengan tulisan ‘menuUtama’
•
Tombol pada bagian kanan atas dengan tanda ‘_’ berfungsi untuk menyembunyikan layar
•
Tombol pada bagian kanan atas dengan tanda ‘ ’ berfungsi untuk memperbesar layar.
•
Tombol pada bagian kanan atas dengan tanda ‘X’ berfungsi untuk menutup form yang sedang aktif.
34
•
Tombol menu ‘File’ berfungsi untuk membuka sub-menu ‘Open’, dan ‘Exit’.
•
Tombol menu ‘Help’ berfungsi untuk membuka sub-menu ‘About’.
3.2.4.2 Rancangan Layar Menu Open
Gambar 3.4 Rancangan Layar Menu Open
Keterangan pada tampilan rancangan layar di atas adalah •
Judul form dengan tulisan openPlay.
•
Text box disamping tulisan ‘File’ berfungsi untuk menampilkan nama file berisi lagu yang diinginkan.
•
Tombol dengan tulisan ‘Browse’ berfungsi untuk menampilkan pilihan directory dari file yang diinginkan.
35
•
Tombol dengan tulisan ‘Play’ berfungsi untuk memainkan file wav tersebut.
•
Tombol dengan tulisan ‘Stop’ yang berfungsi untuk memberhentikan file musik yang sedang dimainkan.
•
Tombol ‘Enter Emotion’ yang berfungsi sebagai tahap lanjut untuk memasukkan pendapat tentang emosi yang terkandung dalam lagu yang sudah dimainkan.
3.2.4.3 Rancangan Layar Membuka File
Gambar 3.5 Rancangan Layar Membuka File
Pada rancangan layar ini terdapat pilihan direktori tempat di mana file musik yang akan di buka. Juga terdapat tombol ‘Open dan Cancel. Tombol Open berfungsi untuk membuka file, sedangkan tombol ‘Cancel’ berfungsi untuk membatalkan pembukaan file. Selain itu, pada bagian sebelah kiri terdapat icon-icon, yaitu My Recent Documents, Desktop, My Documents, My Computer, dan My Network Places, yang berfungsi untuk memudahkan user menuju tempat penyimpanan file yang diinginkan.
36
3.2.4.4 Rancangan Layar enterEmotion
Gambar 3.6 Rancangan Layar Emotion Analyst
Keterangan pada tampilan rancangan layar diatas adalah •
Judul form dengan tulisan emotionAnalyst.
•
Combo box disamping tulisan ‘User 1’ berisi pilihan emosi yang diinginkan untuk menentukan analisis emosi.
•
Combo box disamping tulisan ‘User 2’ berisi pilihan emosi yang diinginkan untuk menentukan analisis emosi.
•
Combo box disamping tulisan ‘User 3’ berisi pilihan emosi yang diinginkan untuk menentukan analisis emosi.
•
Combo box disamping tulisan ‘User 4’ berisi pilihan emosi yang diinginkan untuk menentukan analisis emosi.
37
•
Tombol ‘Analysis Emotion’ berfungsi untuk menentukan emosi yang terkandung dari lagu yang telah dipilih sebelumnya.
•
Picture Box menampilkan model emosi yang telah ditentukan.
3.2.4.5 Rancangan Layar Menu About Pada perancangan layar menu About, gambar 3.7 berisi informasi mengenai program klasifikasi ini beserta nama pembuat program.
Gambar 3.7 Rancangan Layar Menu About
