BAB 3
ALGORITMA DAN PERANCANGAN
3.1.
Algoritma Program Untuk
mengimplementasikan
ke
dalam
program
aplikasi
dibutuhkan algoritma, yaitu langkah-langkah instruksi sehingga dicapai hasil yang diinginkan. Algoritma yang digunakan dalam aplikasi untuk membaca partitur musik ini adalah sebagai berikut : 1.
Data partitur musik yang digunakan adalah partitur musik yang hanya terdiri dari 1 tangga nada.
2.
Pada bagian input data disediakan 1 garis paranada yang dapat digunakan oleh user untuk memasukkan nada-nada yang diinginkan.
3.
User menekan bagian pada garis paranada tersebut yang sesuai dengan nada yang diinginkan.
4.
Kemudian user memilih nilai nada yang diinginkan.
5.
Jika ingin memasukkan tanda diam, maka user menekan bagian dalam garis paranada di tempat yang diinginkan, kemudian memilih nilai tanda diam yang diinginkan.
6.
Setelah user selesai memasukkan data, maka data disimpan dan oleh perhitungan menggunakan Fast Fourier Transform, data diubah menjadi file dengan format .MIDI.
23
7.
User membuka bagian Open & Play untuk mendengarkan hasil masukan tersebut dan membuka file yang telah terbentuk tadi.
8.
Jika ingin melihat partitur yang sudah disimpan sebelumnya, maka user membuka bagian Open & Show dan membuka file yang diinginkan.
3.2.
Perancangan
3.2.1. Perancangan Diagram Alir (Flowchart) Diagram alir merupakan alat bantu pemrograman yang dapat membantu programmer dalam mengorganisasikan pemikiran mereka dalam pemrograman, terutama bila dibutuhkan pnalaran yang tajam dalam logika prosedur suatu program (Jones, 1980). Simbol-simbol yang sering digunakan dalam diagram alir antara lain : 1.
Proses •
Berupa proses atau pengolahan, misalnya perhitungan
•
Untuk predefined process
2.
Operasi Input / Output
3.
Operasi Manual Input
24
4.
Panah, menghubungkan antar komponen dan menunjukkan arah
5.
Decision, berupa pertanyaan atau penentuan suatu keputusan
6.
Terminal, untuk menandai awal atau akhir program
7.
Preparation, untuk inisialisasi suatu nilai
8.
Connector, sbagai penghubung dalam satu halaman
9.
Off Page Connector, sebagai penghubung antar halaman
3.2.1.1. Perancangan Diagram Alir Program Proses yang terjadi pada program yang dirancang ini dapat dijelaskan melalui flowchart pada gambar 3.1 berkut ini.
25
Gambar 3.1 Perancangan Flowchart Program
26
3.2.2. Perancangan Diagram Transisi (State Transition Diagram) Diagram transisi memberikan keterangan kepada sistem tentang apa yang harus dikerjakan (action) dalam keadaan (state) tertentu. Condition adalah suatu kejadian (event) pada external environment 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. Komponen utama dalam diagram transisi adalah sebagai berikut : State, merupakan kumpulan suatu keadaan atau atribut yang menjelaskan suatu kondisi.
Anak panah berarah, menunjukkan perubahan keadaan yang disebabkan aksi dan kondisi.
27
3.2.2.1.
Perancangan Menu Perancangan menu pada program yang dirancang dijabarkan melalui Gambar 3.2 berikut.
Gambar 3.2 State Transition Diagram dari Menu Utama
28
3.2.3. Perancangan Layar 3.2.3.1. Rancangan Layar Menu Utama
Gambar 3.3 Rancangan Layar Menu Utama
Keterangan pada tampilan rancangan layar di atas 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.
29
•
Tombol menu ‘File’ berfungsi untuk membuka sub-menu ’Create’, ‘Open & Play’, ‘Open & Show’, dan ‘Exit’.
•
Tombol menu ‘About’ berfungsi untuk membuka sub-menu ‘Manual’ dan ‘Help’.
3.2.3.2. Rancangan Layar Menu Music Composer
Gambar 3.4 Rancangan Layar Menu Music Composer
Keterangan pada tampilan rancangan layar di atas adalah •
Judul form dengan tulisan ‘Music Composer’.
•
Tombol dengan tulisan ‘Clear Staff’ berfungsi untuk menghapus semua nada (node) yang terdapat pada garis paranada yang sedang dalam kondisi aktif.
30
•
Tombol dengan tulisan ‘Clear All Satff’ berfungsi untuk menghapus semua nada (node) yang terdapat pada Input Area.
•
Tombol dengan tulisan ‘Add Staff’ berfungsi untuk menambah 1 baris garis paranada pada Input Area.
•
Tombol dengan tulisan ‘Cancel Edit’ berfungsi untuk me-nonaktifkan node yang sedang dalam kondisi aktif.
•
Tombol dengan tulisan ‘Delete Node’ berfungsi untuk menghapus nada (node) yang sedang dalam kondisi aktif.
•
Tombol dengan tulisan ‘Play Node’ berfungsi untuk memainkan semua nada (node) yang telah di-input ke dalam Input Area.
•
Tombol dengan tulisan ‘Save’ berfungsi untuk menyimpan semua data, yaitu nada (node) yang telah di-input.
•
Kotak dengan tulisan ‘Nada’ berisi pilihan nilai nada (node) yang diinginkan untuk proses input.
•
Kotak dengan tulisan ‘Tanda Diam’ berisi pilihan tanda diam yang diinginkan untuk proses input.
•
Combo box dengan tulisan ‘Instrument’ berisi pilihan instrument yang diinginkan untuk memainkan nada (node) yang telah diinput.
•
Input Area berisi tangga nada yang berfungsi sebagai tempat untuk meletakkan nada (node).
31
3.2.3.3. Rancangan Layar Menu Open & Play
Gambar 3.5 Rancangan Layar Menu Open & Play
Keterangan pada tampilan rancangan layar di atas adalah •
Judul form dengan tulisan ‘openPlay’.
•
Text box di samping tulisan ‘File’ berfungsi untuk menampilkan nama file berisi nada yang diinginkan.
•
Tombol dengan tulisan ‘Browse’ berfungsi untuk menampilkan pilihan diretory dari file yang diinginkan.
•
Tombol dengan tulisan ‘Play’ berfungsi untuk memainkan file tersebut.
32
3.2.3.4.
Rancangan Layar Menu Open & Show
Gambar 3.6 Rancangan Layar Menu Open & Show
Keterangan pada tampilan rancangan layar di atas adalah •
Judul form dengan tulisan ‘openShow’.
•
Text box di samping tulisan ‘FILE’ berfungsi untuk menampilkan nama file berisi nada yang diinginkan.
•
Tombol dengan tulisan ‘Browse’ berfungsi untuk menampilkan pilihan diretory dari file yang diinginkan.
•
Tombol dengan tulisan ‘Recognize Node’ berfungsi untuk menampilkan menu Music Composer dan menampilkan file yang diinginkan tersebut pada Input Area.