BAB 3 ANALISIS DAN PERANCANGAN

BAB 3 ANALISIS DAN PERANCANGAN Pada bab ini menjelaskan mengenai analisis permasalahan yang dihadapi dan perancangan program aplikasi yang akan dibentuk. Bab ini terdiri atas algoritma program, pemecahan masalah, perancangan program aplikasi, perancangan Backpropagation, serta perancangan lainnya yang digunakan untuk membuat program aplikasi ini. 3.1 Algoritma Program Dibutuhkan beberapa algoritma untuk diimplementasikan ke dalam program aplikasi yang dibentuk. Algoritma yang dibutuhkan dalam aplikasi searching lagu berdasarkan nada yang dihasilkan oleh suara manusia adalah sebagai berikut: a. Data berupa nada didapatkan dengan cara merekam suara manusia dengan mikrofon. Hasil rekaman yang berupa sinyal analog diubah menjadi sinyal digital dan disimpan dalam file dengan ekstension.wav. b. Dengan berdasarkan sampling, quantization, dan fast fourier transform encoding maka sinyal analog dapat diubahkan menjadi sinyal digital. c. Setelah sinyal digital terbentuk, program aplikasi yang dibentuk akan memproses sinyal digital yang sudah diproses dengan menggunakan fast fourier transform. d. Program aplikasi akan membentuk data storage lagu dengan cara pemasukkan lagu-lagu original dalam format.wav, yang tiap lagunya akan disimpan dalam data storage berbentuk.txt. 20

21 e. Proses Training akan dilakukan dengan metode algoritma backpropagation, untuk lagu original sebelum lagu tersebut dimasukkan ke dalam data storage. f. Aplikasi akan melakukan proses searching dengan cara membandingkan sinyal digital berdasarkan amplitudo hasil rekaman dengan sinyal digital berdasarkan aplitudo dari lagu original. g. Setelah proses searching lagu berhasil, maka akan ditampilkan judul lagu dari lagu yang memiliki nada yang mirip. h. Lagu dengan judul lagu tersebut kemudian dapat dimainkan untuk melakukan pemeriksaan dari hasil output program aplikasi. 3.2 Permasalahan yang Dihadapi Semakin banyaknya lagu-lagu baru yang tercipta, hal ini tentu dapat menyebabkan permasalahan. Lagu-lagu baru tersebut memang baru diciptakan dan memiliki unsur-unsur musiknya masing-masing yang berbeda dengan lagu yang telah ada sebelumnya, tetapi lagu-lagu tersebut dapat memiliki judul yang sama dengan lagu yang ada sebelumnya. Meskipun dinyanyikan oleh penyanyi yang berbeda, ada pula lagu dari seorang penyanyi dinyanyikan kembali oleh penyanyi lain dengan versinya sendiri dan lagu tersebut memiliki nada-nada yang berbeda pada beberapa bagian. Permasalahan yang muncul lainnya adalah bagi orang-orang yang masih awam dalam pengenalan lagu,. Mereka mendengar sebuah lagu dan kemudian menyukai lagu tersebut, tetapi mereka tidak mengetahui judul lagu ataupun penyanyi lagu tersebut. Mereka hanya mengingat nada atau sebagian lirik yang ada pada lagu tersebut. Hal ini menyebabkan saat mereka ingin mencari suatu lagu tentu akan mengalami kesulitan,

22 karena mereka hanya mengingat nada ataupun lirik dari lagu tersebut tanpa mengetahui judul lagu ataupun penyanyi yang menyanyikan lagu tersebut. 3.3 Pemecahan Permasalahan Dengan mengetahui permasalahan yang ada, maka diperlukanlah sistem searching atau pencarian yang baru untuk lagu. Untuk yang mengalami kesulitan dalam mencari lagu yang diinginkan, maka aplikasi yang dibentuk akan memudahkan user untuk mencari lagu yang diinginkan. Hanya dengan menyanyikan nada dari lagu tersebut, maka aplikasi ini akan mencari semua lagu yang memiliki nada seperti yang dinyanyikan oleh user aplikasi ini. Aplikasi ini akan menampilkan semua lagu yang memiliki nada seperti atau mirip dengan nada yang dinyanyikan oleh pengguna aplikasi ini. Pada hasil akhir pencarian, aplikasi ini akan menampilkan judul lagu serta penyanyi dari lagu yang dicari, aplikasi ini juga memperbolehkan user untuk menjalankan dan mendengarkan lagu yang telah di search oleh aplikasi ini, sehingga user dapat memastikan apakah lagu hasil pencarian tersebut adalah lagu yang diinginkan oleh user. Aplikasi ini mudah digunakan oleh semua orang, sehingga semua user yang menggunakan aplikai ini dapat dengan mudah melakukan pencarian untuk lagu yang diinginkan. 3.4 Perancangan Program Aplikasi Penulis menggunakan salah satu aplikasi pemrograman terbaik dalam perancangan program aplikasi yang dirancang, yaitu aplikasi pemrograman dari Microsoft Corporation, Microsoft Visual Studio 2008 C++ Express Edition. Berikut adalah penjelasan mengenai Microsoft Visual Studio 2008 C++ Express. Visual C++

23 2008 Express bisa membangun aplikasi native dan non-managed. Termasuk Windows Platform SDK yang dapat digunakan untuk membangun aplikasi yang menggunakan Win32 API. Aplikasi menggunakan MFC atau ATL memerlukan Standard Edition atau lebih tinggi, dan tidak dapat dikompilasi dengan Express Edition. Visual C++ 2008 Express Edition dapat digunakan untuk mengkompilasi.net serta aplikasi Win32 segera setelah instalasi. Namun, mengkompilasi native aplikasi 64- bit melalui IDE tidak didukung tanpa konfigurasi terlebih dahulu. Jika Windows SDK yang bisa didapatkan secara gratis terinstal, aplikasi 64-bit dapat dibangun pada baris perintah dengan menggunakan cross-compiler x64 (Cl.exe) disertakan dengan SDK. Visual C++ 2008 Express tidak mendukung OpenMP, 64-bit compiler, atau editor sumber daya. Semakin tinggi edisi Visual Studio, khususnya Professional dan Team Suite edition, maka akan memiliki fitur ini. 3.4.1 Penerapan Program Aplikasi Aplikasi ini digunakan untuk melakukan proses searching atau pencarian untuk lagu berdasarkan hasil suara yang dihasilkan oleh user dan direkam dengan hardware yang ada. Aplikasi ini dirancang dengan user interface yang sederhana, tetapi menarik untuk dilihat. Aplikasi ini juga sangat mudah untuk digunakan, hal ini dikarenakan langkah-langkah untuk menjalankan aplikasi ini sudah diatur dengan sedemikian rupa, sehingga user hanya perlu melakukan langkah-langkah yang telah disediakan oleh aplikasi ini. Aplikasi ini akan berjalan dengan sangat baik apabila proses perekaman suara dilakukan hanya pada saat ada satu suara saja, dan durasi proses perekaman dilakukan dalam waktu yang cukup lama. Hal ini dilakukan agar noise yang ada pada hasil perekaman sedikit, dan durasi perekaman yang lebih lama akan mempermudah aplikasi

24 untuk melakukan perbandingan. Sehingga keakuratan dari proses searching atau pencarian lagu akan semakin akurat. 3.5 Perancangan Backpropagation Penulis menggunakan metode Backpropagation dalam pembuatan aplikasi ini. Dalam perancangan Backpropagation penulis menampilkan topologi yang dirancang untuk mempermudah pembuatan Backpropagation yang diguanakan, serta penulis akan menjelaskan mengenai fungsi aktifasi yang digunakan dalam perancangan Backpropagation ini. 3.5.1 Rancangan Topologi Backpropagation Dalam perancangan topologi dibutuhkan satu lapisan input (input layer), satu atau lebih lapisan tersembunyi (hidden layer), dan satu lapisan output (output layer). Dalam perancangan topologi ini, penulis menggunakan satu lapisan input (input layer), satu lapisan tersembunyi (hidden layer), dan satu lapisan output (output layer). Gambar 3.1 dibawah ini akan memperlihatkan topologi yang dirancang oleh penulis dalam perancangan Backpropagation ini. Dalam perancangan topologi ini, input layer dan output layer ditentukan oleh penulis, dan perhitungan hidden layer dilakukan dengan rumus: [ ( * Input Layer) + Output Layer ] Setiap node tersambung pada node-node yang ada di layer berikutnya. Selain itu juga terdapat nilai bias yang terhubung dengan node-node pada hidden layer dan output layer. Nilai bias juga memiliki nilai bobot masing-masing, dan nilai bobot itu berdasarkan pada node-node yang terhubung pada hidden layer dan output layer.

25 X1 Z1 W1 X2 Z2 W2 X3 Z3 W3 X4 Z4 W4 Z5 Z6 Bias Bias Input Layer Hidden Layer Output Layer Gambar 3.1 Topologi Backpropagation Dalam topologi Backpropagation yang dijabarkan di Gambar 3.1 diatas. Penulis menggunakan empat neuron untuk input layer dan output layer, sehingga akan menggunakan enam neuron untuk hidden layer. Perhitungan hidden layer didapatkan

26 melalui [( * 4) + 4 ] sehingga hasil yang didapatkan adalah 6, yang berarti enam neuron pada hidden layer. 3.5.2 Fungsi Aktifasi Penulis dalam perancangan backpropagation dalam aplikasi ini menggunakan fungsi aktifasi non-linear, fungsi aktifasi non-linear yang biasanya digunakan antara lain fungsi identitas, fungsi tangga biner, fungsi tangga bipolar, fungsi signoid biner,dan fungsi signoid bipolar. Fungsi aktifasi yang digunakan penulis dalam perancangan backpropagation ini adalah fungsi signoid biner. Untuk gambar fungsi signoid biner dapat dilihat pada Gambar 2.1 di bab 2. Fungsi signoid biner memiliki range antara 0 sampai dengan 1. Dibawah ini adalah rumus yang digunakan dalam fungsi signoid biner. 1 - > 1 3.6. Perancangan Program Dalam perancangan ini akan menggunakan Block Diagram System, Data Flow Diagram, Structured Chart, State Transition Diagram, Flowchart, dan Input/Output Diagram dan untuk menjelaskan program aplikasi yang dirancang. Perancangan program ini akan menjelaskan secara spesifik proses dalam sistem dari program aplikasi yang dirancang.

27 3.6.1 Block Diagram System Penulis menampilkan Block Diagram System untuk mempermudah dalam penjelasan sistem yang dibentuk oleh penulis. Rangkaian proses yang dilakukan oleh sistem aplikasi ini dapat dilihat pada Gambar 3.2 dibawah ini. Record Insert Encode Fast Fourier Transform Training Insert to File Insert to Data storage Backpropagation Search Compare With Data storage View Output Gambar 3.2 Block Diagram System Melalui langkah-langkah yang dijelaskan melalui Gambar 3.2 diatas, aplikasi ini akan dapat dimengerti dengan mudah, sehingga bagi semua orang yang mempelajari ataupun menggunakan apilikasi ini, dapat dengan cepat memahami sistem kerja dari sistem yang dibentuk dalam aplikasi ini.

28 3.6.2 Data Flow Diagram Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasinotasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis. User Send The Original Insert Saving Data Storage Loading Search Human Voice Record Saving Searching for Data Storage User Receive with Backpropagation with Fast Fourier Transform Loading Gambar 3.3 Data Flow Diagram Level 0 Gambar 3.3 diatas adalah gambar DFD Nol yang menjelaskan secara lebih rinci mengenai proses-proses yang ada dalam aplikasi yang dibentuk. Pada diagram ini terdapat tiga proses, yaitu Insert, Record, dan Search. Yang pada proses Insert dilakukan algoritma Backpropagation, dan pada Record

29 dilakukan algoritma Fast Fourier Transform. Pada diagram ini juga terdapat data storage, yang berguna sebagai tempat penyimpanan data. The Original Human Voice Searching for with Backpropagation with Fast Fourier Transform Sender Fast Fourier Transform and Backpropagation Receiver Searching for Gambar 3.4 Data Flow Diagram Konteks Gambar 3.4 diatas merupakan DFD konteks, yang bertujuan untuk menjelaskan secara rinci seluruh proses yang terjadi pada aplikasi yang dibentuk, dengan satu proses utama, yaitu Fast Fourier Transform dan Backpropagation. 3.6.3 Structured Chart Structured Chart merupakan suatu alat bantu yang menjelaskan suatu sistem dari awal sistem tersebut sampai ke proses akhir dari sistem tersebut. Structured Chart menjelaskan modul-modul pada sistem yang dibentuk, modul-modul tersebut disusun menyerupai struktur pohon atau tree. Struktur pohon atau tree tersebut menggambarkan hubungan antara modul. Gambar dibawah ini akan menjelaskan secara detail mengenai sistem yang akan dirancang dalam pembuatan program aplikasi ini.

30 Main Validate Inserted Validate Inserted Validate Search Result End Insert End Record End Search Insert Record Search Inserted End Select Select End Insert Back Inserted End Record Start Recording Back End Record Search Result Select End Select End Search Back End Record Play End Submit Inserted Record Validate Inserted End Play Search Result Submit Train Calculate End Train End Validate End FFT Backpropagation Play Submit Fast Fourier Transform Pause End Stop End Gambar 3.5 Structured Chart Program Aplikasi Gambar 3.5 diatas menjelaskan secara detail hubungan antar modul yang digunakan dalam pembentukan sistem. Terdapat tiga modul utama, yaitu Insert, Record, dan Search yang didalam modul-modul tersebut terdapat berbagai

31 modul yang mendukung modul utama tersebut, seperti Select, Start Recording, Play, Submit, Record, Back, dan lain lain. Dengan menggunakan Structured Chart hubungan antara modul tergambarkan dengan baik, sehingga akan mudah untuk mempelajari sistem yang dibentuk. 3.6.4 State Transition Diagram State Transition Diagram biasa disingkat STD, merupakan salah satu jenis diagram yang digunakan untuk menjelaskan proses kerja dari sistem. STD menggambarkan bagaimana kerja sistem melalui kondisi (state) dan kejadian yang menyebabkan kondisi berubah. STD juga menggambarkan aksi yang dilakukan karena kejadian tertentu. Start Record Layar Utama Singing Muse Search Insert Gambar 3.6 State Transition Diagram Layar Utama Pada Gambar 3.6 diatas memperlihatkan proses kerja sistem yang dapat dilakukan setelah user memulai program aplikasi yang dibentuk. Terdapat tiga fungsi utama yang user dapat lakukan setelah memulai program aplikasi ini, yaitu Record, Insert, dan Search.

32 Play Insert Layar Utama Singing Muse Layar Insert Back Putar Lagu Play Submit Simpan Lagu Save Insert Layar Select Pilih Lagu Tampilkan Judul Lagu Show Text Gambar 3.7 State Transition Diagram Insert Pada Gambar 3.7 diatas memperlihatkan proses kerja sistem dari fungsi Insert. Sitem ini dimulai dengan menampilkan layar Insert, yang didalamnya terdapat tombol 'Select ', 'Play', 'Submit', dan 'Back'. Pada layar ini user dapat memasukkan lagu yang diinginkan, dan setelah proses pemasukkan lagu dilakukan, user dapat memainkan lagu tersebut dengan mengklik tombol 'Play'. Setelah itu user dapat menyimpan lagu tersebut dengan cara mengklik tombol 'Submit'. Tombol 'Back' untuk kembali ke layar utama.

33 Layar Utama Singing Muse Record Back Layar Record Play Putar Hasil Record Pause Save Start Recording Muncul Layar Dengan Proses Record Record Reset Pause Hasil Record Simpan Hasil Record Proses Record Ulang Proses Record Stop Stop Hasil Record Save Record Selesai Record Reset Record Selesai Gambar 3.8 State Transition Diagram Record Pada Gambar 3.8 diatas memperlihatkan proses kerja sistem dari fungsi Record. Sitem ini dimulai dengan menampilkan layar Record, yang didalamnya terdapat tombol 'Start Recording' dan 'Back'. Tombol 'Back' digunakan untuk kembali ke layar utama. Setelah user mengklik tombol 'Start Recording', akan ditampilkan layar Record dengan tambahan sistem untuk melakukan Record. Yang didalamnya terdapat tombol 'Play', 'Pause', 'Save', dan 'Reset'. Pada layar dengan tambahan sistem ini user dapat melakukan proses perekaman suara, memainkan hasil rekaman tersebut, dan kemudian menyimpan hasil rekaman tersebut ke data storage,

34 selain itu sistem juga menyediakan proses untuk mengulang perekaman suara, yaitu melalui tombol 'Reset'. Layar Utama Singing Muse Search Back Play Layar Search Insert Submit Putar Lagu Layar Select Proses Search Gagal Pilih Lagu Berhasil Tampilkan Judul Lagu Tampilkan Hasil Search Show Table Search Play Show Text Reset Ulang Proses Search Reset Search Gambar 3.9 State Transition Diagram Search Pada Gambar 3.9 diatas memperlihatkan proses kerja sistem dari fungsi Search. Sitem ini dimulai dengan menampilkan layar Search, yang didalamnya terdapat tombol 'Select ', 'Play', 'Submit', dan 'Back'. Tombol 'Back' untuk kembali ke layar utama, sedangkan tombol 'Select ', digunakan untuk memilih hasil rekaman yang telah ada. Setelah itu user dapat memainkan hasil rekaman yang telah dipilih dengan tombol 'Play' untuk memastikan apakah hasil rekaman tersebut benar. Setelah itu user dapat melakukan proses pencarian lagu dengan mengklik tombol 'Submit', sistem akan melakukan proses pencarian lagu dengan cara melakukan perbandingan antara lagu

35 yang ada di data storage dengan hasil rekaman yang telah dimasukkan oleh user. Setelah proses pencarian selesai, sistem akan memperlihatkan hasil proses pencarian lagu dalam bentuk tabel yang menampilkan lagu-lagu yang memiliki nada yang mirip seperti nada pada hasil rekaman, apabila proses pencarian gagal, yaitu tidak ditemukan lagu dengan nada yang mirip seperti hasil rekaman, sistem akan memberikan pemberitahuan kepada user. Apabila user ingin mengulang proses pencarian lagu dari awal, user dapat mengklik tombol 'Reset'. 3.6.5 Flowchart Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta pernyataannya. Gambaran ini dinyatakan dengan berbagai jenis simbol. Setiap simbol menggambarkan suatu proses tertentu. Tiap simbol-simbol grafis menyatakan tipe operasi program yang berbeda. Sebagai representasi dari sebuah program, flowchart dapat menjadi alat bantu untuk memudahkan perancangan alur urutan logika suatu program, memudahkan pelacakkan sumber kesalahan program, dan alat untuk menerangkan logika program. Flowchart dari aplikasi yang dirancang dijelaskan melalui gambar-gambar dibawah ini.

36 Begin Begin Insert UI Insert UI Press Select Button Press Back Button Have a (*.wav) file No Cancel Exit Yes End Open the Appear.wav text Press Play Button Play Press Submit Button Save.wav Train.wav End Gambar 3.10 Flowchart Insert Pada Gambar 3.10 diatas memperlihatkan urutan dan hubungan antar proses dalam Insert. Dimulai dengan tampilan awal Insert, kemudian memasukkan lagu dalam format lagu.wav dengan cara mengklik tombol 'Select ', jika tidak memilikinya dapat melakukan fungsi Record terlebih dahulu. Setelah lagunya dimasukkan, maka akan ditampilkan nama file nya. Setelah itu lagu tersebut dapat

37 dimainkan dengan mengklik tombol 'Play'. Dan terakhir lagu tersebut dapat disimpan ke dalam data storage lagu dengan mengklik tombol 'Submit'. Saat proses penyimpanan lagu terjadi juga proses Training dengan menggunakan Backpropagation. Maka proses Insert telah selesai. Begin Begin Record UI Record UI Press Start Recording Button Press Back Button Appear Record System Exit Press Record Button Record End Press Record Button Stop Record Press PlayButton Play Record Reset Record Yes No Press Submit Button Save Record End Gambar 3.11 Flowchart Record

38 Pada Gambar 3.11 diatas memperlihatkan urutan dan hubungan antar proses dalam Record. Dimulai dengan tampilan awal Record, kemudian mengklik tombol Start Recording, yang akan memunculkan form untuk Record, kemudian tinggal mengklik tombol 'Record', untuk melakukan proses perekaman suara, setelah itu tekan tombol 'Record' untuk menghentikan proses perekaman suara. Untuk memainkan hasil record klik tombol 'Play', apabila ingin menghapus dan mengulang proses Record, klik tombol 'Reset'. Setelah selesai melakukan proses Record, klik tombol 'Submit' untuk menyimpan hasil perekaman suara ke dalam data storage. Maka proses Record telah selesai. Begin Begin Seach UI Seach UI Press Select Button Press Back Button Have a (*.wav) file No Cancel Exit Yes End Open the Appear.wav text Press Play Button Play Press Submit Button 1 2

39 1 2 Search Success No Yes Appear Table Search Result Reset Search Yes No Press Back Button Exit End Gambar 3.12 Flowchart Search Pada Gambar 3.12 diatas memperlihatkan urutan dan hubungan antar proses dalam Search. Dimulai dengan tampilan awal Search, kemudian memasukkan lagu dalam format lagu.wav dengan cara mengklik tombol 'Select ', jika tidak memilikinya dapat melakukan fungsi Record terlebih dahulu. Setelah lagunya dimasukkan, maka akan ditampilkan nama file nya. Setelah itu lagu tersebut dapat dimainkan dengan mengklik tombol 'Play'. Setelah yakin dengan lagu yang dimasukkan untuk melakukan proses pencarian tinggal mengklik tombol 'Submit'. Maka akan ditampilkan tabel yang berisikan lagu dari data storage yang memiliki nada mirip seperti lagu yang dimasukkan. Maka proses pencarian lagu telah selesai, untuk mengulang kembali proses pencarian lagu tinggal mengklik tombol 'Reset'.

40 3.6.6 Input / Output Diagram Input / Output Diagram adalah suatu diagram yang menunjukkan secara garis besar hubungan dari input, proses, dan output. Gambar 3.4 dibawah akan memperlihatkan Input / Output Diagram dari program aplikasi yang dirancang. Proses akan mengubah rekaman suara menjadi sinyal digital dengan Fast Fourier Transform, Training lagu original dengan Backpropagation, dan melakukan compare keduanya untuk proses searching Input merupakan suara manusia yang direkam melalui mikrofon, serta lagu original. Input Proses Output yang dihasilkan adalah menampilkan lagu lagu yang memiliki sinyal digital dan aplitudo yang mirip seperti hasil rekaman suara manusia. Output Gambar 3.13 Input / Output Diagram Gambar 3.13 diatas menjelaskan secara rinci hasil proses dari sistem yang dirancang, dengan menjelaskan secara rinci mengenai input yang akan dimasukkan dan output yang akan dihasilkan dari program aplikasi yang dirancang, serta menjelaskan proses yang dijalankan untuk memproses input menjadi output yang diinginkan. Pada input terdapat suara manusia yang direkam melalui mikrofon dan juga lagu original yang dimasukkan ke dalam data storage oleh user, kemudian akan dilakukan proses Fast Fourier Transform dan Backpropagation, yang akan menghasilkan output yang berupa hasil proses pencarian untuk lagu yang dicari.

41 3.7 Perancangan User Interface Perancangan layar akan dibuat dengan sesederhana mungkin untuk memudahkan user dalam menjalankan program ini. Layar-layar yang dapat dilihat oleh user adalah layar menu utama, layar search song, dan layar result. Pada menu utama, user dapat memilih untuk menggunakan aplikasi atau keluar dari aplikasi. Pada layar search song, user dapat merekam suaranya untuk mencari suatu lagu tertentu, dan pada layar result akan ditampilkan hasil pencarian dari lagu yang dicari. 3.7.1 Rancangan Layar Utama Pada rancangan layar utama user dapat membuka menu 'File' yang dapat digunakan untuk menampilkan pembuat aplikasi ini, yaitu sub-menu 'About', serta untuk dapat keluar dari aplikasi, yaitu sub-menu 'Exit'. Selain itu user juga dapat secara langsung menjalankan fungsi yang ada di menu 'File' tanpa harus membuka sub-menu file. User dapat menjalankan proses Search dengan mengklik tombol 'Search '. Gambar 3.14 Rancangan Layar Utama

42 Keterangan yang ada pada tampilan layar pada Gambar 3.14 tersebut adalah sebagai berikut: a. Judul form dengan tulisan "Singing Muse" b. Kotak tanda 'X' di samping judul berfungsi untuk keluar dari aplikasi. c. Kotak tanda ' ' di samping judul berfungsi untuk memaksimumkan layar. d. Kotak tanda '_' di samping judul berfungsi untuk menyembunyikan aplikasi ke taskbar. e. Tombol menu 'File' berfungsi untuk membuka sub-menu 'About' dan 'Exit'. f. Tombol 'Search ' berfungsi untuk menuju ke menu 'Search '. g. Tombol 'About' berfungsi untuk menampilkan pop-up mengenai aplikasi yang digunakan. h. Tombol 'Exit' berfungsi untuk keluar dari aplikasi. 3.7.2 Rancangan Layar Search Pada rancangan layar search song, user dapat melakukan proses perekaman suara dengan menggunakan mikrofon. Selain itu user juga dapat menglihat hasil perekaman suara dalam bentuk sinyal digital yang berupa spektrum suara. User juga dapat memainkan kembali suara yang telah direkam, selain itu user juga dapat kembali ke layar utama dengan mengklik tombol 'Back', user juga dapat mengulang proses perekaman suara dengan mengklik tombol 'Reset'. Apabila user sudah selesai melakukan proses dan yakin akan rekaman suaranya, user dapat mengklik tombol 'Submit' untuk menlanjutkan aplikasi.

43 Gambar 3.15 Rancangan Layar Search Keterangan yang ada pada tampilan layar Gambar 3.15 tersebut adalah sebagai berikut: a. Judul form dengan tulisan "Search " b. Kotak tanda 'X' di samping judul berfungsi untuk keluar dari aplikasi. c. Kotak tanda ' ' di samping judul berfungsi untuk memaksimumkan layar. d. Kotak tanda '_' di samping judul berfungsi untuk menyembunyikan aplikasi ke taskbar. e. Tombol menu 'File' berfungsi untuk membuka sub-menu 'About' dan 'Exit'. f. Tombol 'Record ' berfungsi untuk menampilkan proses perekaman suara, yaitu lf record. g. Tombol 'Back' berfungsi untuk kembali ke layar menu utama. h. Tombol ' ' berfungsi untuk enabled lf record, yang berfungsi untuk melakukan proses perekaman suara lewat mikrofon. i. Diagram ' ' menunjukan sinyal digital dari hasil suara yang direkam.

44 j. Tombol ' ' berfungsi untuk memainkan kembali diagram dari sinyal digital dari proses perekaman suara manusia. k. Tombol 'Submit' berfungsi untuk menampilkan pop-up yang memproses pencarian lagu yang sesuai dengan sinyal digital yang telah direkam. l. Tombol 'Reset' berfungsi untuk menghapus hasil rekaman suara, dan dapat melakukan proses pengrekaman suara kembali. 3.7.3 Rancangan Layar Result Pada rancangan layar result, user dapat menglihat hasil proses pencarian lagu berdasarkan dari hasil rekaman suara yang dilakukan, lagu yang ditampilkan merupakan hasil perbandingan dari nada yang mirip dari suara rekaman dengan lagu yang ada. Selain itu user juga dapat memainkan lagu yang diinginkan untuk memastikan apakah lagu tersebut adalah lagu yang dicari oleh user, dengan cara mengklik lagu yang ada di tabel hasil pencarian dan kemudian mengklik tombol 'Play'. Setelah selesai user dapat mengklik tombol 'Back' untuk kembali ke layar utama. Gambar 3.16 Rancangan Layar Result

45 Keterangan yang ada pada tampilan layar Gambar 3.16 tersebut adalah sebagai berikut: a. Judul form dengan tulisan "Result" b. Kotak tanda 'X' di samping judul berfungsi untuk keluar dari aplikasi. c. Kotak tanda ' ' di samping judul berfungsi untuk memaksimumkan layar. d. Kotak tanda '_' di samping judul berfungsi untuk menyembunyikan aplikasi ke taskbar. e. Tabel di tengah berfungsi untuk menampilkan lagu hasil pencarian. f. Tombol menu 'File' berfungsi untuk membuka sub-menu 'About', dan 'Exit'. g. Tombol 'Play' berfungsi untuk memainkan lagu yang dipilih. h. Tombol 'Back' berfungsi untuk kembali ke layar menu utama. Sesuai dengan tujuan dan manfaat rancangan dari aplikasi ini, pada bab 3 telah memperlihatkan bahwa aplikasi yang dirancang dapat mempermudah keinginan pengguna dalam mencari judul ataupun penyanyi dari lagu yang diinginkan. Aplikasi ini memiliki alur penggunaan yang sederhana dan mudah dimengerti sehingga dapat digunakan oleh semua orang.