UNIVERSITAS BINA NUSANTARA ANALISIS DAN PERANCANGAN APLIKASI KARAOKE BERBASIS MULTIMEDIA

Transkripsi

1 UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2007/2008 ANALISIS DAN PERANCANGAN APLIKASI KARAOKE BERBASIS MULTIMEDIA Abstrak Matheus Ahen Amelya Indra Permana Rusli TUJUAN PENELITIAN ini adalah untuk menganalisa dan merancang suatu aplikasi karaoke berbasis multimedia. METODE PENELITIAN yang digunakan dalam membuat aplikasi karaoke ini adalah metode analisis dan perancangan. Metode analisis meliputi pengumpulan data melalui studi pustaka, pembagian kuisioner, dan survei tak resmi. Sedangkan metode perancangan meliputi perancangan diagram hierarki, class diagram, use case, use case specification, sequence diagram, activity diagram, dan rancangan layar. HASIL YANG DICAPAI dari penelitian ini adalah suatu aplikasi karaoke dimana user dapat berkaraoke dan membuat album CD nya sendiri. Aplikasi ini berbasis multimedia yang didukung dengan text, gambar, animasi, suara serta video. SIMPULAN yang didapat dari hasil penelitian ini adalah dengan menggunakan aplikasi yang diberi nama KaraStu ini, user dapat menyalurkan bakatnya dengan menciptakan album mereka sendiri karena proses bernyanyi, merekam, membuat lirik, dan burn CD dapat dilakukan pada aplikasi ini. Kata Kunci Karaoke, Multimedia

2 PRAKATA Segala puji dan syukur kami panjatkan kepada Tuhan Yang Maha Esa atas segala berkat, kasih dan penyertaan-nya dalam penyusunan skripsi ini, sehingga penulisan skripsi ini dapat terselesaikan dengan baik dan tepat waktu. Penyelesaian skripsi ini tentunya tidak terlepas dari keterlibatan pihak-pihak yang telah membantu baik secara langsung maupun tidak langsung. Untuk itu penulis mengucapkan banyak terima kasih antara lain ditujukan kepada: 1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc, selaku Rektor Universitas Bina Nusantara 2. Bapak Ir. Sablin Yusuf, Msc, M.Comp.Sc selaku Dekan Fakultas Ilmu Komputer 3. Bapak Fredy Purnomo, S.Kom., M.Kom., selaku Ketua Jurusan Teknik Informatika yang telah memberikan kesempatan dan kepercayaan bagi penulis untuk menyelesaikan skripsi ini. 4. Dosen Pembimbing Bapak Fredy Purnomo, S.Kom., M.Kom., yang telah bersedia meluangkan waktu untuk membimbing dan mengarahkan penulis, sehingga penulis mampu menyelesaikan penyusunan skripsi ini dengan baik. 5. Para Dosen Universitas Bina Nusantara yang selama ini telah memberikan bimbingan pengajaran kepada penulis dimana bimbingan mereka merupakan bekal bagi penulis dalam melakukan penulisan skripsi ini. 6. Orang tua penulis yang telah banyak memberikan dorongan baik dorongan spiritual maupun material selama penulisan skripsi ini. 7. Teman-teman yang tidak dapat penulis sebutkan satu persatu, yang telah banyak memberikan dorongan dan bantuan dalam penyelesaian skripsi ini.

3 Akhir kata dengan segala kerendahan hati, penulis berharap skripsi ini dapat bermanfaat bagi para pembaca dan almamater Universitas Bina Nusantara. Jakarta, Februari 2008 Penulis

4 DAFTAR ISI Halaman Judul Luar Halaman Judul Dalam Halaman Persetujuan Hardcover Halaman Pernyataan Dewan Penguji Abstrak... Prakata...i Daftar Isi...x Daftar Tabel...xvi Daftar Gambar...xxi Daftar Lampiran...xxi BAB 1 PENDAHULUAN 1.1 Latar Belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Sistematika Penulisan... 5 BAB 2 LANDASAN TEORI 2.1 Multimedia Pengertian Sejarah Kata Multimedia... 6

5 2.2 Karaoke Pengertian Karaoke Sejarah Karaoke Video Format Video Video CODEC Audio Pengertian Format Audio Lirik Peralatan Karaoke Mikrofon Sejarah Cara kerja Speaker Pengertian Sejarah Tipe-tipe Driver Sound Card Pengertian Sejarah Televisi Sistem Basis Data... 22

6 2.7.1 Pengertian Komponen Basis Data Alat Bantu Perancangan Class Diagram Use Case Diagram Sequence Diagram Activity Diagram Visual Basic.NET Pengertian Komponen Interaksi Manusia dan Komputer Pengertian Delapan Aturan Emas Interface Pengertian API MCI IMAPI BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1 Gambaran Umum Analisis Kebutuhan Hasil Kuisioner Solusi Masalah... 53

7 3.5 Perancangan Sistem Class Diagram Use Case Diagram Use Case Specification Sequence Diagram Activity Diagram Perancangan Database Tabel Default Path Tabel Lyric Setting Tabel Playlist Setting Tabel Saved Playlist Tabel SongList Entity Relationship Diagram (ERD) Perancangan Hierarki Menu Layar Pembuka Main Menu Control Setting Album Creator Perancangan Layar Rancangan Layar Main Menu Rancangan Layar Control Setting Rancangan Layar Lyric Editor Rancangan Layar Album Creator

8 3.9.5 Rancangan Layar Add Songlist Rancangan Layar Edit Songlist Rancangan Layar Save Playlist Rancangan Layar Manage Playlist Rancangan Layar Load Playlist Rancangan Layar Video Rancangan Layar Play Rancangan Layar About Box Spesifikasi Proses BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Kebutuhan Perangkat Keras Kebutuhan Perangkat Lunak Cara Pengoperasian Sistem Tampilan Layar Main Menu Tampilan Layar Control Setting Tampilan Layar Lyric Editor Tampilan Layar Album Creator Tampilan Layar Add Songlist Tampilan Layar Edit Songlist Tampilan Layar Save Playlist Tampilan Layar Manage Playlist Tampilan Layar Load Playlist

9 Tampilan Layar Video Tampilan Layar Play Tampilan Layar About Box Evaluasi Evaluasi Kuisioner Evaluasi Interaksi Manusia dan Komputer BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran DAFTAR PUSTAKA DATA RIWAYAT HIDUP LAMPIRAN

10 DAFTAR TABEL Tabel 3.1 Tabel Perbandingan Ketersediaan Fitur...37 Tabel 3.2 Tabel Perbandingan Dilihat dari 8 Golden Rules...41 Tabel 3.3 Perbandingan Dilihat Dari Performance...42 Tabel 3.4 Tabel Perbandingan Dilihat Dari Penggunaan Memori...44 Tabel 3.5 Tabel Hasil Kuisioner No Tabel 3.6 Tabel Hasil Kuisioner No Tabel 3.7 Tabel Hasil Kuisioner No Tabel 3.8 Tabel Hasil Kuisioner No Tabel 3.9 Tabel Hasil Kuisioner No Tabel 3.10 Tabel Hasil Kuisioner No Tabel 3.11 Tabel Hasil Kuisioner No Tabel 3.12 Tabel Hasil Kuisioner No Tabel 3.13 Tabel Hasil Kuisioner No Tabel 3.14 Tabel Hasil Kuisioner No Tabel 3.15 Tabel Use Case Specification Add Playlist...68 Tabel 3.16 Tabel Use Case Specification Add Song (Burn)...68 Tabel 3.17 Tabel Use Case Specification Add Songlist...69 Tabel 3.18 Tabel Use Case Specification Browse Audio (Lyric Maker)...69 Tabel 3.19 Tabel Use Case Specification Browse Lyric...70 Tabel 3.20 Tabel Use Case Specification Browse Lyric Advance...70 Tabel 3.21 Tabel Use Case Specification Burning...71 Tabel 3.22 Tabel Use Case Specification Choose Eject When Done...72 Tabel 3.23 Tabel Use Case Specification Choose Simulate...72 Tabel 3.24 Tabel Use Case Specification Clearlist (Burn)...72 Tabel 3.25 Tabel Use Case Specification Click Waveform...73 Tabel 3.26 Tabel Use Case Specification Delete Playlist...73 Tabel 3.27 Tabel Use Case Specification Delete Savelist...74 Tabel 3.28 Tabel Use Case Specification Delete Song (Burn)...74

11 Tabel 3.29 Tabel Use Case Specification Delete Songlist...75 Tabel 3.30 Tabel Use Case Specification Group By Country...75 Tabel 3.31 Tabel Use Case Specification Help...76 Tabel 3.32 Tabel Use Case Specification Load List (Burn)...76 Tabel 3.33 Tabel Use Case Specification Load Playlist...77 Tabel 3.34 Tabel Use Case Specification Make Lyric...77 Tabel 3.35 Tabel Use Case Specification Next (Main Menu)...78 Tabel 3.36 Tabel Use Case Specification Next (Media Player)...78 Tabel 3.37 Tabel Use Case Specification Normalize Song Speed...79 Tabel 3.38 Tabel Use Case Specification Paste Lyric...79 Tabel 3.39 Tabel Use Case Specification Pause (Burn)...80 Tabel 3.40 Tabel Use Case Specification Pause (Lyric Maker)...80 Tabel 3.41 Tabel Use Case Specification Pause (Main Menu)...81 Tabel 3.42 Tabel Use Case Specification Pause (Media Player)...81 Tabel 3.43 Tabel Use Case Specification Play (Burn)...82 Tabel 3.44 Tabel Use Case Specification Play (Lyric Maker)...82 Tabel 3.45 Tabel Use Case Specification Play (Main Menu)...83 Tabel 3.46 Tabel Use Case Specification Playlist Rows Re-Ordering...84 Tabel 3.47 Tabel Use Case Specification Record...84 Tabel 3.48 Tabel Use Case Specification Rename Savelist...85 Tabel 3.49 Tabel Use Case Specification Replace Saveplaylist...85 Tabel 3.50 Tabel Use Case Specification Reset (Search)...86 Tabel 3.51 Tabel Use Case Specification Resume (Burn)...86 Tabel 3.52 Tabel Use Case Specification Resume (Lyric Maker)...86 Tabel 3.53 Tabel Use Case Specification Resume (Main Menu)...87 Tabel 3.54 Tabel Use Case Specification Resume (Main Menu)...87 Tabel 3.55 Tabel Use Case Specification Rows Re-Ordering (Burn)...88 Tabel 3.56 Tabel Use Case Specification Save Lyric...88 Tabel 3.57 Tabel Use Case Specification Save Playlist...89 Tabel 3.58 Tabel Use Case Specification Search Help...90 Tabel 3.59 Tabel Use Case Specification Searching Song...90

12 Tabel 3.60 Tabel Use Case Specification Set Clear Playlist...91 Tabel 3.61 Tabel Use Case Specification Set Font Backcolor...91 Tabel 3.62 Tabel Use Case Specification Set Font Forecolor...92 Tabel 3.63 Tabel Use Case Specification Set Font Size...92 Tabel 3.64 Tabel Use Case Specification Set Font Type...92 Tabel 3.65 Tabel Use Case Specification Set Karaoke Style (Main Menu)...93 Tabel 3.66 Tabel Use Case Specification Set Karaoke Style (Media Player) 93 Tabel 3.67 Tabel Use Case Specification Set Path Burn...93 Tabel 3.68 Tabel Use Case Specification Set Path K-Lyric...94 Tabel 3.69 Tabel Use Case Specification Set Path Record...94 Tabel 3.70 Tabel Use Case Specification Set Path Song...95 Tabel 3.71 Tabel Use Case Specification Set Path Video...95 Tabel 3.72 Tabel Use Case Specification Set Recorder Drive...96 Tabel 3.73 Tabel Use Case Specification Set Seeker...96 Tabel 3.74 Tabel Use Case Specification Set Seeker (Burn)...96 Tabel 3.75 Tabel Use Case Specification Set Seeker (Lyric Maker)...97 Tabel 3.76 Tabel Use Case Specification Set Song Speed...97 Tabel 3.77 Tabel Use Case Specification Set Vocal Remover...98 Tabel 3.78 Tabel Use Case Specification Set Volume Master...98 Tabel 3.79 Tabel Use Case Specification Set Volume Mic...99 Tabel 3.80 Tabel Use Case Specification Setting Volume (Burn)...99 Tabel 3.81 Tabel Use Case Spesification Shuffle...99 Tabel 3.82 Tabel Use Case Specification Sorting Singer (Playlist) Tabel 3.83 Tabel Use Case Specification Sorting Singer (Songlist) Tabel 3.84 Tabel Use Case Specification Sorting Song Title (Playlist) Tabel 3.85 Tabel Use Case Specification Sorting Song Title (Playlist) Tabel 3.86 Tabel Use Case Specification Split Screen Tabel 3.87 Tabel Use Case Specification Stop (Burn) Tabel 3.88 Tabel Use Case Specification Stop (Main Menu) Tabel 3.89 Tabel Use Case Specification Stop (Media Player) Tabel 3.90 Tabel Use Case Specification Update Songlist...104

13 Tabel 3.91 Tabel Use Case Specification Use Default Playlist Tabel 3.92 Tabel Use Case Specification View About Box Tabel 3.93 Tabel Default Path Tabel 3.94 Tabel Lyric Setting Tabel 3.95 Tabel Playlist Setting Table 3.96 Tabel Saved Playlist Table 3.97 Tabel SongList Tabel 4.1 Tabel Hasil Kuisioner Evaluasi No Tabel 4.2 Tabel Hasil Kuisioner Evaluasi No Tabel 4.3 Tabel Hasil Kuisioner Evaluasi No Tabel 4.4 Tabel Hasil Kuisioner Evaluasi No Tabel 4.5 Tabel Hasil Kuisioner Evaluasi No Tabel 4.6 Tabel Hasil Kuisioner Evaluasi No Tabel 4.7 Tabel Hasil Kuisioner Evaluasi No

14 DAFTAR GAMBAR Gambar 3.1 Diagram Hasil Kuisioner No Gambar 3.2 Diagram Hasil Kuisioner No Gambar 3.3 Diagram Hasil Kuisioner No Gambar 3.4 Diagram Hasil Kuisioner No Gambar 3.5 Diagram Hasil Kuisioner No Gambar 3.6 Diagram Hasil Kuisioner No Gambar 3.7 Diagram Hasil Kuisioner No Gambar 3.8 Diagram Hasil Kuisioner No Gambar 3.9 Diagram Hasil Kuisioner No Gambar 3.10 Diagram Hasil Kuisioner No Gambar 3.11 Class Diagram 56 Gambar 3.12 Use Case Diagram KaraStu All 57 Gambar 3.13 Use Case Burn Diagram Audio Preview 58 Gambar 3.14 Use Case Diagram Burn Setting 58 Gambar 3.15 Use Case Diagram Burn List 59 Gambar 3.16 Use Case Diagram Initial Path 60 Gambar 3.17 Use Case Diagram Font Setting 60 Gambar 3.18 Use Case Diagram Maker Enter Time 61 Gambar 3.19 Use Case Diagram Lyric Maker Playback 62 Gambar 3.20 Use Case Diagram Main Menu Setting 63 Gambar 3.21 Use Case Diagram Manage Playlist 63 Gambar 3.22 Use Case Diagram Media Player Playback 64 Gambar 3.23 Use Case Diagram Playlist 65 Gambar 3.24 Use Case Diagram Songlist 66 Gambar 3.25 Use Case Diagram Start Up Setting 67 Gambar 3.26 Use Case Diagram Volume Setting 67 Gambar 3.27 Sequence Diagram Add Playlist 106 Gambar 3.28 Sequence Diagram Add Song (Burn) 107 Gambar 3.29 Sequence Diagram Add Songlist 109

15 Gambar 3.30 Sequence Diagram Browse Audio (Lyric Maker) 110 Gambar 3.31 Sequence Diagram Browse Lyric.111 Gambar 3.32 Sequence Diagram Browse Lyric Advance 112 Gambar 3.33 Sequence Diagram Burning 113 Gambar 3.34 Sequence Diagram Choose Eject When Done 115 Gambar 3.35 Sequence Diagram Choose Simulate 116 Gambar 3.36 Sequence Diagram Clearlist (Burn) 117 Gambar 3.37 Sequence Diagram Click Waveform 118 Gambar 3.38 Sequence Diagram Delete Playlist 119 Gambar 3.39 Sequence Diagram Delete Savelist 120 Gambar 3.40 Sequence Diagram Delete Song (Burn) 121 Gambar 3.41 Sequence Diagram Delete Songlist 122 Gambar 3.42 Sequence Diagram Group By Country 123 Gambar 3.44 Sequence Diagram Load List (Burn) 125 Gambar 3.45 Sequence Diagram Load Playlist 126 Gambar 3.46 Sequence Diagram Make Lyric 127 Gambar 3.47 Sequence Diagram Mute Master Volume 128 Gambar 3.48 Sequence Diagram Mic Volume 129 Gambar 3.49 Sequence Diagram Mute Wave Volume 130 Gambar 3.50 Sequence Diagram Next (Main Menu) 131 Gambar 3.51 Sequence Diagram Next (Media Player) 132 Gambar 3.52 Sequence Diagram Normalize Song Speed 133 Gambar 3.53 Sequence Diagram Paste Lyric 134 Gambar 3.54 Sequence Diagram Pause (Burn) 135 Gambar 3.55 Sequence Diagram Pause (Lyric Maker) 136 Gambar 3.56 Sequence Diagram Pause (Main Menu) 138 Gambar 3.57 Sequence Diagram Pause (Media Player) 139 Gambar 3.58 Sequence Diagram Play (Burn) 140 Gambar 3.59 Sequence Diagram Play (Lyric Maker) 141 Gambar 3.60 Sequencen Diagram Play (Main Menu) 143 Gambar 3.61 Sequence Diagram Playlist Rows Re-Ordering 144

16 Gambar 3.62 Sequence Diagram Record 145 Gambar 3.63 Sequence Diagram Rename Savelist 146 Gambar 3.64 Sequence Diagram Replace SavePlaylist 147 Gambar 3.65 Sequence Diagram Reset (Search) 148 Gambar 3.66 Sequence Diagram Resume(Burn) 149 Gambar 3.67 Sequence Diagram Resume (Lyric Maker) 150 Gambar 3.68 Sequence Diagram Resume (Main Menu) 151 Gambar 3.69 Sequence Diagram Resume (Media Player) 152 Gambar 3.70 Sequence Diagram Rows Re-ordering (Burn) 153 Gambar 3.71 Sequence Diagram Savelist (Burn) 154 Gambar 3.72 Sequence Diagram Save Lyric 155 Gambar 3.73 Sequence Diagram Save Playlist 156 Gambar 3.74 Sequence Diagram Search Help 157 Gambar 3.75 Sequence Diagram Searching Song 158 Gambar 3.76 Sequence Diagram Set Clear Playlist 159 Gambar 3.77 Sequence Diagram Set Font Backcolor 160 Gambar 3.78 Sequence Diagram Set Font Forecolor 161 Gambar 3.79 Sequence Diagram Set Font Size 162 Gambar 3.80 Sequence Diagram Set Font Type 163 Gambar 3.81 Sequence Diagram Set Karaoke Style (Main Menu) 164 Gambar 3.82 Sequence Diagram Set Karaoke Style (Media Player) 165 Gambar 3.83 Sequence Diagram Set Path Burn 166 Gambar 3.84 Sequence Diagram Set Path K-Lyric 167 Gambar 3.85 Sequence Diagram Set Path Lyric 168 Gambar 3.86 Sequence Diagram Set Path Record 169 Gambar 3.87 Sequence Diagram Set Path Song 170 Gambar 3.88 Sequence Diagram Set Path Video 171 Gambar 3.89 Sequence Diagram Set Recorder Drive 172 Gambar 3.90 Sequence Diagram Set Seeker 173 Gambar 3.91 Sequence Diagram Set Seeker Burn 174 Gambar 3.92 Sequence Diagram Set Seeker (Lyric Maker) 175

17 Gambar 3.93 Sequence Diagram Set Song Speed 176 Gambar 3.94 Sequence Diagram Set Vocal Remover 177 Gambar 3.95 Sequence Diagram Set Volume Master 178 Gambar 3.96 Sequence Diagram Set Volume Mic 179 Gambar 3.97 Sequence Diagram Set Volume Wave 180 Gambar 3.98 Sequence Diagram Setting Volume (Burn) 181 Gambar 3.99 Sequence Diagram Show About Box 182 Gambar Sequence Diagram Shuffle 183 Gambar Sequence Diagram Sorting Singer (Playlist) 184 Gambar Sequence Diagram Sorting Singer (Songlist) 185 Gambar Sequence Diagram Sorting Song Title (Playlist) 186 Gambar Sequence Diagram Sorting Songtitle (Songlist) 187 Gambar Sequence Diagram Split Screen 188 Gambar Sequence Diagram Stop (Burn) 189 Gambar Sequence Diagram Stop (Lyric Maker) 190 Gambar Sequence Diagram Stop (Main Menu) 191 Gambar Sequence Diagram Stop ( Media Player) 192 Gambar Sequence Diagram Update Songlist 194 Gambar Sequence Diagram Use Default Playlist 195 Gambar Activity Diagram Lyric Maker 196 Gambar Activity Diagram Main Menu 197 Gambar Activity Diagram Songlist 198 Gambar Activity Diagram Window Burning 199 Gambar Activity Diagram Add Song Songlist 200 Gambar Activity Diagram Burn List 201 Gambar Activity Diagram Group By Country 202 Gambar Activity Diagram Lyric 203 Gambar Activity Diagram Playlist 204 Gambar Activity Diagram Search 205 Gambar Activity Diagram Set Load Savelist 206 Gambar Activity Diagram Set Manage Save Playlist 207

18 Gambar Activity Diagram Set Save Playlist 208 Gambar Activity Diagram Update Song Songlist 209 Gambar Activity Diagram Waveform 210 Gambar Activity Diagram Win Player 211 Gambar Activity Diagram Win Audio 212 Gambar Activity Diagram Win Audio (Lyric Maker) 213 Gambar Activity Diagram Win Audio (Media Player) 214 Gambar Activity Diagram Window Setting 215 Gambar Entity Relationship Diagram 218 Gambar Hierarki Layar Pembuka 219 Gambar Hierarki Main Menu 219 Gambar Hierarki Control Setting 220 Gambar Hierarki Album Creator 220 Gambar Rancangan Layar Main Menu 221 Gambar Rancangan Layar Control Setting 223 Gambar Rancangan Layar Lyric Editor 224 Gambar Rancangan Layar Album Creator 226 Gambar Rancangan Layar Add Songlist 227 Gambar Rancangan Layar Edit Songlist 228 Gambar Rancangan Layar Manage Playlist 229 Gambar Rancangan Layar Load Playlist 230 Gambar Rancangan Layar Video 231 Gambar Tampilan Layar Play 232 Gambar Tampilan About Box 232 Gambar 4.1 Tampilan Layar Main Menu 250 Gambar 4.2 Tampilan Layar Control Setting 252 Gambar 4.3 Tampilan Layar Lyric Editor 253 Gambar 4.5 Tampilan Layar Add Songlist 256 Gambar 4.6 Tampilan Layar Edit Songlist 257 Gambar 4.7 Tampilan Layar Savelist 258 Gambar 4.8 Tampilan Layar Manage Playlist 258

19 Gambar 4.9 Tampilan Layar Load Playlist 259 Gambar 4.10 Tampilan Layar Video 260 Gambar 4.11 Tampilan Layar Play 261 Gambar 4.12 Tampilan Layar About Box 261 Gambar 4.13 Diagram Hasil Kuisioner Evaluasi No Gambar 4.14 Diagram Hasil Kuisioner Evaluasi No Gambar 4.15 Diagram Hasil Kuisioner Evaluasi No Gambar 4.16 Diagram Hasil Kuisioner Evaluasi No Gambar 4.17 Diagram Hasil Kuisioner Evaluasi No Gambar 4.18 Diagram Hasil Kuisioner Evaluasi No Gambar 4.19 Diagram Hasil Kuisioner Evaluasi No

20 DAFTAR LAMPIRAN Analisa Kuisioner Pertama......L1 Evaluasi Kuisioner Kedua......L3 Surat Survei.....L5