BAB 4 IMPLEMENTASI DAN EVALUASI. dilakukan evaluasi terhadap aplikasi. Aplikasi yang dibangun akan

Transkripsi

1 BAB 4 IMPLEMENTASI DAN EVALUASI Pada bab ini akan dilakukan implementasi dan evaluasi terhadap aplikasi yang dibangun. Tahapan ini dilakukan setelah analisis dan perancangan selesai dilakukan dan selanjutnya akan diimplementasikan. Setelah implementasi maka dilakukan evaluasi terhadap aplikasi. Aplikasi yang dibangun akan diimplementasikan untuk mengetahui apakah sistem tersebut dapat berjalan sesuai dengan tujuannya atau tidak. 4.1 Implementasi Implementasi meliputi perangkat apa saja yang digunakan dalam proses implementasi serta penjelasan tiap proses dalam sistem. Untuk mendukung agar aplikasi ini dapat bekerja dengan baik, maka dalam proses implementasi perlu diperhatikan kebutuhan-kebutuhan dari aplikasi tersebut, baik dari sisi perangkat lunak, maupun perangkat keras Spesifikasi Perangkat Keras (Server dan Client) Perangkat Aplikasi Musik Web DJ Creator yang telah dirancang pada Bab 3 diimplementasikan dalam sebuah lingkungan perangkat keras berspesifikasi sebagai berikut: a. Spesifikasi Perangkat Keras untuk Server 1. ProcessorIntel Core i5-520m 2.40GHz 2. RAM 4GB 3. Hard Disk Drive 500GB 4. Monitor LCD 14 inc 5. Keyboard dan mouse standar PS/2 129

2 130 b. Spesifikasi Perangkat Keras untuk Client 1. Processor Intel Core 2 Duo 2. RAM 2048MB 3. Hard Disk Drive 200GB 4. Monitor LCD 15.4 inc 5. Keyboard dan mouse standar Spesifikasi Perangkat Lunak (Server dan Client) Perangkat lunak yang dipasang penulis pada sistem komputer yang digunakan untuk membuat Aplikasi Musik Web DJ Creator adalah sebagai berikut: 1. Sistem Operasi Microsoft Windows 7 Home Premium 64 bit 2. Adobe Dreamweaver CS5 3. XAMPP MS Office Database Server MySQL PHP Google Chrome 4.2 Spesifikasi Kebutuhan Sumber Daya Manusia Sumber daya manusia yang mampu menjalankan dan memelihara sistem yang sedang berjalan juga sangat diperlukan untuk memaksimalkan kinerja sistem. 1. Web Developer

3 131 Bertugas untuk mengembangkan web dengan menambahkan fungsi-fungsi baru apabila diperlukan. 2. Web Administrator Bertugas untuk memantau dan memelihara sistem aplikasi web yang sedang berjalan serta memberikan hak akses kepada pengguna yang membutuhkan. 4.3 Intalasi Program Aplikasi yang mendukung Aplikasi Musik Web DJ Creator yang perlu diinstall adalah XAMPP. Berikut adalah petunjuk instalasi yang harus dilakukan agar aplikasi dapat berjalan dengan baik Instalasi XAMPP Dalam pembuatan aplikasi Musik Web DJ Creator, admin harus menggunakan sebuah webserver local (offline) terlebih dahulu sebelum di implementasikan.webserver local yang digunakan adalah xampp-win Langkah-langkah instalasi xampp-win adalah sebagai berikut : 1. Download file xampp-win dari sehingga mendapatkan file installernya. 2. Setelah kita mengunduhnya, jalankan installer tersebut sehingga muncul gambar seperti ini :

4 132 tombol OK. Gambar 4.1 Install XAMPP (1) Pilih bahasa yang anda inginkan, defaultnya English lalu klik 3. Kemudian akan muncul tampilan sebagai berikut : Gambar 4.2 Install XAMPP (2) Klik tombol next untuk melanjutkan instalasi. 4. Selanjutnya akan muncul tampilan sebagai berikut :

5 133 Gambar 4.3 Install XAMPP (3) Pilih folder lokasi XAMPP akan di-install, default-nya di C:\ lalu klik tombol next. Lalu muncul tampilan sebagai berikut : Gambar 4.4 Install XAMPP (4) Jika ingin membuat icon XAMPP di desktop centang pada Create a XAMPP desktop icon, dan jika ingin membuat folder XAMPP pada start menu centang pada Create an Apache Friends XAMPP folder in the start menu. Lalu pilih service section yang anda inginkan, jika sudah lalu klik tombol install. Lalu muncul tampilan sebagai berikut :

6 134 Gambar 4.5 Instalasi XAMPP (5) Instalasi XAMPP telah selesai. 5. Setelah selesai meng-install XAMPP, jalankan XAMPP Control Panel untuk menjalankan webserver berupa Apache dan MySQL. Gambar 4.6 Install XAMPP (6) Klik tombol start pada bagian Apache dan MySql hingga muncul tulisan running seperti ini :

7 135 Gambar 4.7 Install XAMPP (7) 6. Setelah Apache dan MySql berjalan, databse sudah dapat digunakan dengan cara membuka pada browser dengan tampilan seperti ini : Gambar 4.8 Memasukkan Database phpmyadmin

8 Prosedur Penggunaan Aplikasi Cara memasukkan data ke dalam XAMPP 1. Membuka menu computer -> Local Disk(C:) ->XAMPP ->htdocs Gambar 4.9 Membuka htdocs Membuka folder htdocs yang berada di XAMPP yang terletak di Local Disk(C:). 2. Memasukan folder musikfinal ke dalam folder htdocs Gambar 4.10 Penempatan Folder musikfinal Setelah membuka folder htdocs, lalu folder aplikasi musik yang sudah dibuat diletakkan ke dalam folder htdocs.

9 Membuka browser google chrome lalu ketik localhost/phpmyadmin Gambar 4.11 Browse localhost/phpmyadmin Ini adalah tahapan setelah membuka google chromelalu membrowse localhost/phpmyadmin untuk memasukkan database yang sudah dibuat. 4. Tampilan untuk membuat folder database dengan menulis nama folder di dalam kotak, lalu klik create. Gambar 4.12 Tampilan Membuat Folder Database

10 138 Tampilan untuk membuat folder database baru yang berisi database yang sudah dibuat dengan menuliskan nama folder sesuai dengan nama dalam database, lalu setelah itu klik create. 5. Tampilan untuk memasukkan database, lalu klik import dibuat. Gambar 4.13 Tampilan Memasukkan Database Ini adalah tampilan untuk memasukkan database yang sudah 6. Tampilan setelah mengklik import, lalu klik choose file. Gambar 4.14 Tampilan Setelah Klik Import

11 139 Setelah tampilan untuk memasukkan database, lalu pengguna meng-klik import untuk memilih file database yang sudah dibuat yang berada di folder htdocs. 7. Tampilan untuk memilih file di folder C: -> XAMPP -> htdocs -> musikfinal-> musiccreatordb.sql ->open Gambar 4.15 Tampilan untuk Mem-browse File Ini adalah tampilan pada saat system mem-browse file database yang berada di dalam folder htdocs. 8. Tampilan setelah file musiccreatordb.sql yang sudah di masukkan, lalu klik GO. Gambar 4.16 Tampilan Setelah File dimasukkan

12 140 Pada halaman ini file database yang dibuat sudah dimasukkan ke dalam folder yang sudah dibuat di phpmyadmin, setelah itu klik GO. 9. Tampilan sukses meng-import folder musikfinal Gambar 4.17 Tampilan Sukses Meng-Import Ini adalah tampilan saat database yang dibuat sudah sukses diimport ke dalam phpmyadmin, dan aplikasi sudah siap untuk dijalankan Hosting Aplikasi 1. Tampilan awal hosting di nusantarahost.net Gambar 4.18 Tampilan awal hosting nusantarahost.net

13 141 Ini adalah tampilan awal pada saat melakukan hosting di nusantarahost.net. Lalu masukkan nama domain yang diinginkan di box domain yang tersedia dan klik Go. 2. Tampilan pada saat pengecekkan domain Gambar 4.19 Tampilan pada saat pengecekkan domain Ini adalah tampilan pada saat penamaan domian dipesan unutk mengecek bahwa domain tersebut belum pernah ada. Lalu klik Order Sekarang. 3. Tampilan Choose Options Gambar 4.20 Tampilan Choose Options

14 142 Ini adalah tampilan Choose Options untuk melakukan tambahan pada saat hosting dengan mencentang semua options. 4. Tampilan Ringkasan Pesanan Gambar 4.21 Tampilan Ringkasan Pesanan Ini adalah tampilan ringkasan pesanan yang menjelaskan deskripsi rincian hosting dan biaya untuk melakukan hosting. Lalu klik lanjutkan untuk langkah berikutnya. 5. Tampilan Pemilihan Paket Hosting Gambar 4.22 Tampilan Pemilihan Paket Hosting

15 143 Ini adalah tampilan untuk pemilihan paket yang tersedia di nusantarahost.net. Terdapat empat paket dengan deskripsi yang berbeda lalu klik order sekarang untuk paket yang diinginkan. 6. Tampilan untuk pemilihan nama domain Gambar 4.23 Tampilan untuk pemilihan nama domain Ini adalah tampilan pemilihan nama domian sesuai dengan keinginan pengguna, lalu klik lanjutkan. 7. Tampilan Billing Gambar 4.24 Tampilan Billing

16 144 Ini adalah tampilan untuk choose billing cycle dengan memilih bulanan atau tahunan. 8. Tampilan deskripsi hosting Gambar 4.25 Tampilan deskripsi hosting Ini adalah tampilan untuk deskripsi hosting yang sudah dipesan dengan detail informasi. 9. Tampilan rincian data pribadi Gambar 4.26 Tampilan rincian data pribadi

17 145 Ini adalah tampilan rincian dari data pribadi pengguna yang harus diisi dengan benar dan lalu klik selesaikan pemesanan. 10. Tampilan Bukti Pembayaran Gambar 4.27 Tampilan Bukti Pembayaran Ini adalah tampilan bukti pembayaran dengan deskripsi paket hosting dan detailnya. 11. Tampilan Sukses Gambar 4.28 Tampilan Sukses

18 146 Ini adalah tampilan akhir dari pemesanan nama domain dan detail contact person serta masa berlaku hosting. 12. Tampilan homemusic DJ Creator setelah di hosting ( Gambar 4.29 Tampilan homemusic DJ Creator Ini adalah tampilan awal aplikasi musik web DJ Creator yang sudah ada di web. 13. Tampilan home member Gambar 4.30 Tampilan home member

19 147 Ini adalah tampilan awalaplikasi musik web DJ Creator jika member sudah sign in. 14. Tampilan Mixing Gambar 4.31 Tampilan Mixing Ini adalah tampilan mixing pada aplikasi musik web DJ Creator untuk memadukan musik. 15. Tampilan Create Music

20 148 Gambar 4.32 Tampilan Create Music Ini adalah tampilan Create Music pada aplikasi musik web DJ Creator untuk membuat musik dari nada-nada dasar dari alat musik piano Cara Penggunaan Sistem Berikut ini adalah cara penggunaan sistem baru yang dibagi menjadi tiga halaman, yaitu halaman admin, public dan member. Berikut tampilan dari aplikasi Musik Web DJ Creator : 1. Halaman Admin Tampilan Halaman Sign In Admin

21 149 Gambar 4.33 Tampilan Halaman Sign In Admin Keterangan gambar : Pada halaman ini terdapat form sign in di bagian kanan atas, textfield username dan password yang harus diisi agar dapat mengakses halaman admin. Terdapat validasi pada saat melakukan sign in dan jika salah maka akan muncul error message. Tampilan Halaman Dashboard

22 150 Gambar 4.34 Tampilan Halaman Dashboard Keterangan gambar : Tampilan halaman dashboard adalah tampilan pertama kali admin sesudah melakukan sign in di halaman ini terdapat data-data dari admin, selain itu juga terdapat menu-menu di bagian atas yang dapat diakses oleh admin. Tampilan Halaman Master Data Gambar 4.35 Tampilan Halaman Master Data

23 151 Keterangan gambar : Pada halaman master data ini admin dapat me-manage user, memanage home, me-managehelp dan me-manage about us. Tampilan Halaman ManageUser Gambar 4.36 Tampilan Halaman Manage User Keterangan gambar : Pada halaman ini, admin dapat mengetahui siapa saja pengguna yang sudah menjadi member dan dapat mengetahui datadata dari member tersebut. Tampilan Halaman Manage Home

24 152 Gambar 4.37 Tampilan Halaman Manage Home Keterangan gambar : Tampilan halaman manage home ini adalah untuk mengubah kata-kata yang terdapat di halaman home untuk public. Selain mengubah kata-kata, di halaman manage home ini juga dapat menambahkan image yang ingin di tampilkan di halaman home untuk public. Tampilan Halaman Manage About Us Gambar 4.38 Tampilan Halaman Manage About Us

25 153 Keterangan gambar : Pada halaman ini terdapat tampilan manage about us, untuk mengubah kata-kata yang terdapat di halaman about us. Jika mengklik update, maka secara otomatis kata-kata yang terdapat di halaman about us untuk public pun akan ter-update. Tampilan Halaman Manage Help Gambar 4.39 Tampilan Halaman Manage Help Keterangan gambar : Tampilan halaman manage help pada halaman admin ini berguna untuk meng-update halaman help yang terdapat di halaman help untuk member ataupun public. Tampilan Halaman Add Music Admin

26 154 Gambar 4.40 Tampilan Halaman Add Music Admin Keterangan gambar : Tampilan halaman add music ini untuk membantu admin untuk menambahkan audio kategori ataupun untuk menambahkan audio pada halaman mixing untuk member, dan juga admin dapat menambahkan musik untuk halaman music gallery. Tampilan Halaman Audio Category Gambar 4.41 Tampilan Halaman Audio Category

27 155 Keterangan gambar : Tampilan halaman audio category ini untuk menambahkan genre musik yang berguna untuk penambahan musik pada halaman mixing. Tampilan Halaman Input Audio Gambar 4.42 Tampilan Halaman Input Audio Keterangan gambar : Tampilan halaman input audio ini adalah halaman untuk admin menambahkan musik yang dibutuhkan pengguna untuk proses memadukan musik. Pada halaman ini pun terdapat data audio untuk melihat musik-musik apa saja yang sudah tersedia, delete untuk mendelete musik yang sudah di input dan edit untuk mengedit judul musik. Tampilan Browse Audio File

28 156 Gambar 4.43 Tampilan Browse Audio File Keterangan gambar : Ini adalah tampilan halaman browse audio file pada saat admin akan menambahkan musik dan meng-klik choose. Admin dapat memilih musik yang ingin ditambahkan sesuai dengan musik yang diinginkan. Tampilan Input Music Gallery Gambar 4.44 Tampilan Input Music Gallery

29 157 Keterangan gambar: Tampilan halaman input music gallery ini adalah halaman pada admin untuk menambahkan dan meng-update musik-musik yang ada di halaman music gallery,,delete untuk men-delete musik yang sudah di input. Tampilan Halaman Message Gambar 4.45 Tampilan Halaman Message Keterangan gambar: Ini adalah tampilan halaman message pada admin yang berisi pesan, kritik, atau saran yang ditujukan kepada admin yang ditulis oleh pengguna di halaman contact us. Tampilan Halaman Post Admin

30 158 Gambar 4.46 Tampilan Halaman Post Admin Keterangan gambar : Tampilan halaman post ini adalah halaman untuk mengisi komentar yang dapat dilihat oleh semua pengguna. Tampilan Halaman Music Gallery Admin Gambar 4.47 Tampilan Halaman Music Gallery Admin Keterangan gambar: Ini adalah tampilan halaman music gallery yang berisi musikmusik yang sedang trend yang sudah dimasukkan oleh admin.admin

31 159 dapat men-delete dan meng-edit musik-musik yang sudah dimasukkan. Tampilan Halaman Manage Wikimusic Admin Gambar 4.48 Tampilan Halaman Manage Wikimusic Admin Keterangan Gambar: Pada halaman ini admin dapat me-manage halaman wikimusic yang terdapat di halaman public. Tampilan Halaman Change Password Admin Gambar 4.49 Tampilan Halaman Change Password Admin

32 160 Keterangan gambar: Pada halaman ini, admin dapat mengganti password yang lama menjadi password yang baru. Dan terdapat validasi pada re-type password apabila password yang dimasukkan berbeda dengan new password. 2. Halaman Public Tampilan Halaman Home Gambar 4.50 Tampilan Halaman Home Keterangan gambar : Tampilan layar home ini adalah halaman yang akan muncul pertama kali ketika website dibuka. Pada halaman ini terdapat beberapa fitur yang tersedia dan juga penjelasan yang berhubungan dengan aplikasi Musik Web DJ Creator. Tampilan Halaman About Us

33 161 Gambar 4.51 Tampilan Halaman About Us Keterangan gambar : Tampilan halaman About Us ini adalah penjelasan tentang aplikasi Musik Web DJ Creator. Tampilan Halaman Contact Us Gambar 4.52 Tampilan Halaman Contact Us Keterangan gambar : Tampilan halaman Contact Us ini adalah form untuk mengisi data dan pertanyaan jika ingin bertanya kepada admin.

34 162 Tampilan Halaman WikiMusic Gambar 4.53 Tampilan Halaman WikiMusic Keterangan Gambar: Pada halaman ini berisi penjelasan-penjelasan tentang musik dan tentang alat musik. Tampilan Halaman Help Gambar 4.54 Tampilan Halaman Help

35 163 Keterangan gambar : Tampilan halaman Help ini adalah contact person dari pembuat aplikasi Musik Web DJ Creator. Tampilan Halaman Sign Up Gambar 4.55 Tampilan Halaman Sign Up Keterangan gambar : Tampilan halaman Sign Up ini berisi form registration untuk menjadi member.setelah melakukan registrasi maka akan muncul notification Success.

36 164 Tampilan Halaman Music Gallery Gambar 4.56 Tampilan Halaman Music Gallery Keterangan gambar: Ini adalah tampilan halaman music gallery yang berisi musikmusik yang sedang trend yang sudah dimasukkan oleh admin. 3. Halaman Member Tampilan Halaman Sign in

37 165 Gambar 4.57 Tampilan Halaman Sign In Keterangan gambar : Tampilan halaman Sign in ini untuk melakukan sign in yang sudah menjadimember dan terdapat validasi pada username dan password. Tampilan Halaman Account Member Gambar 4.58 Tampilan Halaman Account Member

38 166 Keterangan gambar : Tampilan halaman Account ini berisi data dari member yang sudah sign in. Tampilan Halaman Create Music Gambar 4.59 Tampilan Halaman Create Music Keterangan gambar : Tampilan halaman create music ini berisi layar composer, nada-nada dasar dari piano, durasi, oktaf dan accidental untuk membuat sebuah instrument musik. Di halaman ini terdapat

39 167 buttonuntuk menambahkan not, menghapus not dan memulai instrument musik yang sudah dibuat oleh member. Tampilan Halaman Post Member Gambar 4.60 Tampilan Halaman Post Member Keterangan gambar : Tampilan halaman post ini adalah halaman untuk mengisi komentar yang dapat dilihat oleh semua pengguna. Tampilan Halaman Mixing Gambar 4.61 Tampilan Halaman Mixing

40 168 Keterangan gambar : Tampilan halaman mixing ini untuk menambahkan musik yang ingin dipadukan dengan cara mengklik add music dan bisa juga untuk menyimpan musik yang sudah dibuat. Tampilan Halaman Add Music Gambar 4.62 Tampilan Halaman Add Music Keterangan gambar : Tampilan halaman add music ini terdapat list-list musik yang sudah tersedia. Jika pengguna ingin menambahkan musik yang ingin dipadukan, pengguna mengklik add new. Tampilan Halaman Add New

41 169 Gambar 4.63 Tampilan Halaman Add New Keterangan gambar : Tampilan halaman add new ini untuk memasukkan musik dengan memilih kategori audio, mengisi nama musik, mem-browse musik yang ingin ditambahkan, mengisi deskripsi dari musik tersebut dan mengklik send, maka musik tersebut sudah secara otomatis bertambah di data audio. Tampilan untuk Mixing Music Gambar 4.64 Tampilan untuk Mixing Music

42 170 Keterangan gambar : Tampilan untuk mixing music ini adalah halaman yang berisi radio button untuk memadukan musik dengan cara mengatur volume musik yang ingin dipadukan dengan mengklik radio button yang tersedia dan hasil dari mixing dapat di-save. Tampilan Halaman My Music Gambar 4.65 Tampilan Halaman My Music Keterangan gambar: Halaman ini adalah halaman yang berisi hasil mixing yang sudah dibuat oleh pengguna yang telah menjadi member.pengguna yang sudah menjadi member pun dapat mendengarkan kembali hasil mixing yang sudah dibuat. Tampilan Halaman Help Member

43 171 Gambar 4.66 Tampilan Halaman Help Member Keterangan gambar : Tampilan halaman help ini adalah contact person dari pembuat aplikasi Musik Web DJ Creator. Tampilan Halaman Change Password Member Gambar 4.67 Tampilan Halaman Change Password Member Keterangan gambar: Pada halaman ini, pengguna yang sudah menjadi member dapat mengganti password yang lama menjadi password yang

44 172 baru.dan terdapat validasi pada re-type password apabila password yang dimasukkan berbeda dengan new password. Tampilan Halaman Music Gallery Member Gambar 4.68 Tampilan Halaman Music Gallery Member Keterangan gambar: Ini adalah tampilan halaman music gallery yang berisi musikmusik yang sedang trend yang sudah dimasukkan oleh admin. 4.5 Evaluasi Evaluasi dilakukan terhadap pengguna dan sistem Evaluasi Segi Pengguna Evaluasi segi pengguna ini dilihat dari kuisioner yang telah disebar kepada 30 koresponden yang hasilnya dapat dilihat sebagai berikut : 1. Apakah aplikasi musik web ini mudah untuk dimainkan? a. Mudah (30 koresponden) b. Sulit (0 koresponden)

45 Apakah aplikasi musik web ini mudah untuk dimainkan? 0 Mudah Sulit 100% Gambar 4.69Diagram Hasil EvaluasiApakah Aplikasi Musik Web DJ Creator Mudah untuk Dimainkan Seluruh koresponden n merasa bahwa aplikasii musik web DJ Creator mudah untuk dimainkan atau digunakan. 2. Apakah aplikasi musik webini dapat membantu Anda melatihkreatifitas dalam memadukan dan membuat musik? a. Iya (30 koresponden) b. Tidak (0 koresponden)

46 Apakah aplikasi musikweb ini dapat membantu Anda melatih kreatifitas dalam memadukan dan membuat musik? 0 Iya Tidak 100% Gambar 4.70Diagram Hasil EvaluasiApakah Aplikasi Musik Web ini Membantu Melatih Kreatifitas dalam Memadukan dan Membuat Musik Seluruh koresponden n merasa bahwa aplikasii musik web DJ Creator membantu pengguna melatih kreatifitas dalam memadukan dan membuat musik. 3. Bagaimana komentar Anda tentang tampilan aplikasi musik web ini? a. Sangat Menarik (8 koresponden) b. Menarik (20 koresponden) c. Kurang Menarik (2 koresponden) d. Tidak Menarik (0 koresponden)

47 Bagaimana komentar Anda tentang tampilan musik web ini? aplikasi 0 67% 6% 27% Sangat Menarik Menarik Kurang Menarik Tidak Menarik Gambar 4.71 Diagram Hasil Evaluasi Bagaimana Komentar Pengguna Tentang Tampilan Aplikasi Musik DJ Creator Sebagian besar koresponden berpendapat bahwa tampilan aplikasi musik web DJ Creator menarik. 4. Apakah Anda puas dengan fitur-fitur yang terdapatt dalam aplikasi musik web ini? a. Sangat Puas (8 koresponden) b. Puas (20 koresponden) c. Kurang Puas (2 koresponden) d. Tidak Puas (0 koresponden)

48 Apakah Anda puas dengan fitur-fitur yang terdapat dalam aplikasi musik web ini? 0 63% 7% 30% Sangat Puas Puas Kurang Puas Tidak Puas Gambar 4.72 Diagram Hasil Evaluasi Kepuasan Pengguna dengan Fitur-Fitur yang Terdapat dalam Aplikasi Musik Web DJ Creator Sebagian besar koresponden menjawab puas dengann fitur-fitur yang terdapat dalam aplikasi musik web DJ Creator. 5. Menurut Anda apakah informasi mengenai musik sudah baik? a. Baik (30 koresponden) b. Tidak Baik (0 koresponden) 5. Menurut Anda apakah informasii mengenai musik sudak baik? 0 Baik Tidak Baik 100% Gambar 4.73 Diagram Hasil Evaluasi Apakah Informasi Mengenai Musik Sudah Baik

49 177 Seluruh korespondenn menjawab baik untuk informasi yang disediakan mengenai musik dalam aplikasi musik web DJ creator. 6. Apakah memadukan musik dalam aplikasii ini sudah cukup baik? a. Baik (30 koresponden) b. Tidak Baik (0 koresponden) 6. Apakah memadukan musik dalam cukup baik? aplikasi ini sudah 0 Cukup Tidak Cukup 100% Gambar 4.74 Diagram Hasil Evaluasi Apakah Memadukan Musik dalam Aplikasi Musik Web DJ Creator Sudah Cukup Baik Seluruh korespondenn merasa sudah cukup baik untuk memadukan musik dalam aplikasi musik web DJ Creator. 7. Menurut Anda membuat musik di aplikasi ini sudah cukup baik? a. Cukup (30 koresponden) b. Tidak Cukup (0 koresponden)

50 Menurut Anda membuat musik di aplikasi ini sudah cukupbaik? 0 100% Cukup Tidak Baik Gambar 4.75 Diagram Hasil Evaluasi Apakah Membuat Musik dalam Aplikasi Musik Web DJ Creator Sudah Cukup Baik Seluruh korespondenn merasa membuat musik di aplikasii musik web "DJ Creator sudah cukup baik. 8. Apakah aplikasi musik web ini sudah cukup untuk memberikan pelatihan dalam memadukan musik? a. Iya (30 koresponden) b. Tidak (0 koresponden) 8. Apakah aplikasi musik web ini sudah cukup untuk memberikan pelatihan dalam memadukan musik? 0 100% Ya Tidak Gambar 4.76 Diagram Hasil Evaluasi Apakah Aplikasi Musik Web DJ Creator Sudah Cukup untuk Memberikan Pelatihan dalam Memadukan Musik

51 179 Seluruh korespondenn merasa aplikasi musik web DJ Creator ini sudah cukup baik untuk melatih kreatifitas dalam memadukan musik. 9. Apakah yang Anda harapkan kedepannya untuk perkembangann aplikasi musik web ini? a. b. c. Menyediakan nada-nada dasar yang lebih banyak (13 koresponden) Pengguna dapat mengedit hasil karya sendiri (11 koresponden) Menyediakan fitur-fiturr yang lebih menarik (6 koresponden) 9. Apakah yang Anda harapkan kedepannyaa untuk perkembangan aplikasi musik web ini? 37% 20% 43% Menyediakan nada nada dasar yang lebih banyak Pengguna dapat mengedit hasil karya sendiri Menyediakan fitur fitur yang lebih menarik Gambar Diagram Hasil Evaluasi Apakah yang Pengguna Harapkan Kedepannya untuk Aplikasi Musik Web DJ Creator Sebagian besar koresponden menginginkann nada-nada dasar yang lebih banyak di dalam aplikasi musik web DJ Creator. 10. Apakah yang Anda tertarik menggunakan aplikasi musik web ini? a. Iya (30 koresponden) b. Tidak (0 koresponden)

52 Apakah Anda tertarik menggunakan aplikasii musik web ini? 0 Iya Tidak 100% Gambar 4.78 Diagram Hasil Evaluasi Apakah Pengguna Tertarik Menggunakan Aplikasi Musik Web DJ Creator Seluruh koresponden tertarik menggunakan aplikasi musik web DJ Creator Evaluasi Aplikasii Sejenis Tabel 4.1 Perbandingan aplikasi sejenis No Kategori Fruity Kristal Psycle Music DJ Loops Creator 1 Membuat lagu 2 Memadukan - lagu 3 Menyimpan - hasil karya yang sudah dibuat dalam memadukan musik

53 181 No Kategori Fruity Loops Kristal Psycle Music DJ Creator 4 Melihat hasil karya orang lain dalam memadukan musik 5 Mempunyai Fitur WikiMusik 6 Mempunyai Fitur Music Gallery 7 Mempunyai Fitur Message 8 Bisa menjadi member 9 Tampilan menarik 10 Bisa diakses di web 11 User Friendly Evaluasi segi Interaksi Manusia dan Komputer (8 Golden Rules) Penerapan delapan aturan emas perancangan antarmuka pada aplikasi musik web DJ Creator

54 182 a. Konsistensi Perancangan menu untuk tiap halaman dalam aplikasi musik web DJ Creator ini selalu sama dalam hal penggunaan tombol, warna, layout, dan jenis huruf. Sebagai contoh tampilan layar pada aplikasi musik web DJ Creator menggunakan warna dasar tetap hitam (#292929), fontkonsistensi disetiap halaman, dan layar navigasi yang tetap disetiap halaman. Gambar 4.79Tampilan Layar yang Konsisten b. Melayani kebutuhan universal Perancangan navigasi pada aplikasi musik web DJ Creator dibuat sedemikian rupa sehingga pengguna dapat mengakses setiap fitur penting

55 183 dengan cepat. Beberapa menu juga terdapat pada tiap halaman pada tombol di bagian atas untuk mempermudah pengguna mengenal fungsinya.terdapat juga bagian kanan bawah dan kiri samping untuk mengetahui music gallery dan latest post.sebagai contoh, tombol Account untuk mempermudah pengguna untuk lebih cepat dalam kembali ke halaman utama. Dan aksi yang mudah pada music gallery seperti tombol play dan stop. Gambar 4.80Kebutuhan universal c. Memberikan umpan balik yang informative Pada saat pengguna yang sudah menjadi member ingin memadukan musik di fitur Mixing, batas musik untuk dipadukan hanya sampai 3 buah

56 184 musik. Namun jika pengguna ingin memadukan musik lebih dari 3 maka akan muncul box yang memberikan informasi bahwa batas maksimal dari jumlah musik yang di mix hanya sampai 3. Gambar 4.81Umpan balik informatif d. Merancang dialog untuk menghasilkan keadaan akhir Pada saat pengguna selesai melakukan registrasi pada fitur Sign Up maka akan muncul Notification Successfully Registered.

57 185 Gambar 4.82 Hasil keadaan akhir e. Adanya pencegahan kesalahan dan penanganan kesalahan Di dalam fitur change password terdapat validasi bila pengguna ingin mengganti password. Password yang baru tidak boleh berbeda dengan retype password. Bila password yang diisi berbeda, maka akan muncul peringatan kalau password yang diisi berbeda. Gambar 4.83Penanganan kesalahan

58 186 f. Memungkinkan pembalikkan aksi yang mudah Pada fitur Create Music terdapat tombol backuntuk memudahkan pengguna kembali ke halaman sebelumnya. Gambar 4.84Pengembalian aksi yang mudah g. Mendukung pusat kendali internal Pengguna memiliki kendali penuh untuk memilih dan menentukan fitur apa yang ingin dijalankan pada aplikasi ini. Gambar 4.85Mendukung pusat kendali internal

59 187 h. Mengurangi beban ingatan jangka pendek Pada setiap menu terdapat penamaan menu sesuai fungsi-fungsinya. Gambar 4.86Beban ingatan jangka pendek Berdasarkan 8 Golden Rules, aplikasi musik DJ Creator telah memenuhi 8 Golden Rules menurut Shneiderman sebagai petunjuk dasar yang baik untuk merancang suatu user interface Evaluasi dari segi multimedia Evaluasi dari segi multimedia diambil berdasarkan 5 element multimedia. a.teks

60 188 Teks pada aplikasi musik web DJ Creator terdapat pada halaman about us, post, wiki music dimana para pengguna dapat membaca mengenai aplikasi musik web tersebut, memberikan comment, dan mengetahui informasi-informasi tentang musik yang tersaji dalam bentuk teks. b. Gambar Gambar pada aplikasi musik web DJ Creator terdapat pada logo aplikasi dan pada music gallery sebagai cover depan untuk setiap musik yang tersedia. c. Suara Suara pada aplikasi musik web DJ Creator terdapat pada halaman music gallery, mixing dan create music dimana para pengguna dapat mendengarkan musik-musik yang sedang trend, musik yang sudah dipadukan oleh pengguna dan memainkan pembuatan musik dari nada dasar piano. d. Video Video pada aplikasi musik web DJ Creator terdapat pada hampir semua menu baik yang public, member maupun admin. Video tersebut akan di-update oleh admin dan video akan berisi video tentang musik atau video klip musik. e. Animasi Animasi pada aplikasi musik web DJ Creator terdapat pada beberapa halaman, salah satu contoh pada halaman mixing pada saat pengguna ingin add music maka akan muncul box dan pada gambar di menu music gallery. Jika pengguna mengklik tombol play pada menu mixing, radio button tersebut akan berjalan. Setiap pengguna meng-hover kursor ke sebuah

61 189 musik yang terdapat di musicgallery maka gambar tersebut akan mengeluarkan animasi yang menarik. Berdasarkan 5 elemen multimedia, aplikasi musik DJ Creator telah memenuhi semua kriteria elemen multimedia menurut Hoffstetter.