129
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.
4.1.1 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
b. Spesifikasi Perangkat Keras untuk Client
1. Processor Intel Core 2 Duo T5450 @1.66GHz
2. RAM 2048MB
3. Hard Disk Drive 200GB
4. Monitor LCD 15.4 inc
5. Keyboard dan mouse standar
4.1.2 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 1.6.7
4. MS Office 2007
5. Database Server MySQL 5.5.8
6. PHP 3.3.9
7. 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.
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
di-install adalah XAMPP. Berikut adalah petunjuk instalasi yang harus dilakukan
agar aplikasi dapat berjalan dengan baik.
4.3.1 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-win32-1.7.4. Langkah-langkah instalasi xampp-win32-1.7.4 adalah sebagai berikut :
1. Download file xampp-win32-1.7.4 dari
www.apachefriends.org/en/xampp-windows.html, sehingga
mendapatkan file installernya.
2. Setelah kita mengunduhnya, jalankan installer tersebut sehingga
Gambar 4.1 Install XAMPP (1)
Pilih bahasa yang anda inginkan, defaultnya English lalu klik
tombol OK.
3. Kemudian akan muncul tampilan sebagai berikut :
Gambar 4.2 Install XAMPP (2)
Klik tombol next untuk melanjutkan instalasi.
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
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
Gambar 4.7 Install XAMPP (7)
6. Setelah Apache dan MySql berjalan, databse sudah dapat digunakan
dengan cara membuka http://localhost/phpmyadmin/ pada browser
dengan tampilan seperti ini :
4.4 Prosedur Penggunaan Aplikasi
4.4.1 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
3. Membuka browser google chrome lalu ketik
“localhost/phpmyadmin”
Gambar 4.11 Browse localhost/phpmyadmin
Ini adalah tahapan setelah membuka google chromelalu
mem-browse localhost/phpmyadmin untuk memasukkan database yang
sudah dibuat.
4. Tampilan untuk membuat folder database dengan menulis nama
folder di dalam kotak, lalu klik create.
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
Gambar 4.13 Tampilan Memasukkan Database
Ini adalah tampilan untuk memasukkan database yang sudah
dibuat.
6. Tampilan setelah mengklik import, lalu klik choose file.
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.
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
di-import ke dalam phpmyadmin, dan aplikasi sudah siap untuk
dijalankan.
4.4.2 Hosting Aplikasi
1. Tampilan awal hosting di nusantarahost.net
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
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
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
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
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
Ini adalah tampilan akhir dari pemesanan nama domain dan detail
contact person serta masa berlaku hosting.
12.Tampilan homeMusic“DJ Creator” setelah di hosting
(www.musicdjcreator.com)
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
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.
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.
4.4.3 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
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.
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
Keterangan gambar :
Pada halaman master data ini admin dapat me-manage user,
me-manage 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
data-data dari member tersebut.
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
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.
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
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
men-delete musik yang sudah di input dan edit untuk mengedit judul
musik.
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
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.
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
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
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”.
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
• 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
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
• Tampilan Halaman Music Gallery
Gambar 4.56 Tampilan Halaman Music Gallery
Keterangan gambar:
Ini adalah tampilan halaman music gallery yang berisi
musik-musik yang sedang trend yang sudah dimasukkan oleh admin.
3. Halaman Member
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
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
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
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.
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
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.
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
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
musik-musik yang sedang trend yang sudah dimasukkan oleh admin.
4.5 Evaluasi
Evaluasi dilakukan terhadap pengguna dan sistem.
4.5.1 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)
Ga muda 2. Apa dala a. I b. T 1. Apak dimain ambar 4.69D Seluruh k ah untuk dim akah aplika am memadu Iya (30 kore Tidak (0 kor kah aplikas nkan? Diagram Has DJ Creator koresponden mainkan atau asi musik w
ukan dan mem
sponden) responden) 1 si musik web sil EvaluasiA Mudah untu n merasa bah u digunakan.
webini dapat
mbuat musik 100% 0 b ini mudah Apakah Aplik uk Dimainka hwa aplikasi . t membantu k? h untuk kasi Musik W an i musik web u Anda mel Web “DJ Creato latihkreatifit Mudah Sulit r” as
Gambar 4 mem musi 3. Ba a. S b. M c. K d. T 2. Apa melatih 4.70Diagram Melatih Kre Seluruh k mbantu peng ik. agaimana kom Sangat Mena Menarik (20 Kurang Men Tidak Menar kah aplikas h kreatifitas m Hasil Evalu eatifitas dala koresponden gguna melat mentar Anda arik (8 kores 0 koresponde narik (2 kore rik (0 koresp si musik we dalam mem uasiApakah A am Memadu n merasa bah ih kreatifita a tentang tam sponden) en) esponden) ponden) 100% 0 eb ini dapa madukan dan Aplikasi Mu
kan dan Mem
hwa aplikasi
as dalam m
mpilan aplik at membant
n membuat
usik Web ini
mbuat Musi i musik web memadukan d asi musik we tu Anda musik? Membantu k “DJ Creato dan membu eb ini? Iya Tidak r” uat
“ Gam Sebagian “DJ Creator” 4. Apa web a. S b. P c. K d. T 3. Bag musik mbar 4.71 Dia Tenta n besar kore ” menarik. akah Anda p b ini? Sangat Puas Puas (20 kor Kurang Puas Tidak Puas ( 67% gaimana ko web ini? agram Hasil ang Tampilan esponden be puas dengan (8 korespon responden) s (2 korespon (0 korespond 6% 0 omentar An Evaluasi Ba n Aplikasi M erpendapat b fitur-fitur ya nden) nden) den) 27% nda tentang agaimana Ko Musik “DJ C bahwa tamp ang terdapat g tampilan omentar Pen Creator” pilan aplikas t dalam aplik aplikasi Sang Men Kura Tidak ngguna si musik we kasi musik gat Menarik arik ng Menarik k Menarik eb
d Gambar Sebagian dalam aplika 5. Me a. B b. T Ga 4. Ap dalam 5. Me sudak 4.72 Diagra yang Ter n besar ko asi musik we enurut Anda Baik (30 kor Tidak Baik ( ambar 4.73 D 63% akah Anda m aplikasi mu enurut And k baik? am Hasil Eva rdapat dalam responden m eb “DJ Creat apakah infor responden) (0 korespond Diagram Has Mu % 7% 0 a puas den usik web in 10 0 da apakah aluasi Kepua m Aplikasi M menjawab p tor”. rmasi menge den) sil Evaluasi A usik Sudah B 30% ngan fitur-f ni? 0% 0 h informasi asan Penggu Musik Web D puas dengan enai musik s Apakah Info Baik fitur yang t i mengenai una dengan F DJ Creator n fitur-fitur y sudah baik? ormasi Meng terdapat Sa P K T i musik Fitur-Fitur yang terdap genai angat Puas uas urang Puas idak Puas Baik Tidak Baik pat
m a Seluruh k musik dalam 6. Apaka a. Baik b. Tidak Gamb Seluruh k aplikasi mus 7. M a b 6. Ap cukup koresponden m aplikasi mu ah memaduk (30 korespon k Baik (0 kor bar 4.74 Diag Aplikas koresponden sik web “DJ Menurut And a. Cukup (3 b. Tidak Cu pakah mem p baik? n menjawab usik web “D kan musik da nden) responden) gram Hasil E si Musik We n merasa sud Creator”. da membuat 30 korespond ukup (0 kore 100 0 madukan mu baik untuk DJ creator”. alam aplikasi Evaluasi Apa eb DJ Creato dah cukup b musik di ap den) sponden) % usik dalam informasi y i ini sudah c akah Memad or Sudah Cuk baik untuk m
plikasi ini sud aplikasi in yang disediak cukup baik? dukan Musik kup Baik memadukan dah cukup b ni sudah Cu Tid kan mengen k dalam musik dala baik? ukup dak Cukup nai am
s G Seluruh k sudah cukup 8. Apa dala a. Iy b. T Gambar 4 Suda 7. M cuku 8. Ap memb Gambar 4.75 Apl koresponden p baik. akah aplikas am memadu ya (30 kores Tidak (0 kore 4.76 Diagram ah Cukup un Menurut An up baik? pakah aplik berikan pela 5 Diagram H likasi Musik n merasa mem si musik web ukan musik? sponden) esponden) m Hasil Eva ntuk Member 10 0 da membua kasi musik atihan dalam Hasil Evaluas k Web DJ Cr mbuat musik b ini sudah c aluasi Apaka rikan Pelatih 0% 0 at musik di 100% 0 web ini su m memaduk si Apakah M reator Sudah k di aplikasi ukup untuk ah Aplikasi M han dalam M aplikasi in udah cukup kan musik? Membuat Mu h Cukup Baik i musik web memberikan Musik Web D Memadukan M ni sudah Cu Ti p untuk ? usik dalam k b "DJ Creato n pelatihan DJ Creator Musik ukup idak Baik Ya Tidak r”
b d Seluruh k baik untuk m 9. Apa mu a. b. c. G H Sebagia di dalam apl 10. Apak a. Iy b. T 9. A perk koresponden melatih kreat akah yang A
sik web ini?
Menyediaka Pengguna d Menyediaka Gambar 4.77 Harapkan Ke an besar kor likasi musik kah yang An ya (30 kores Tidak (0 kore 37% 20% Apakah yan kembangan n merasa ap tifitas dalam Anda harapka an nada-nad dapat menged an fitur-fitur 7 Diagram H edepannya u esponden m web “DJ Cr nda tertarik m sponden) esponden) % ng Anda h aplikasi mu likasi musik m memadukan an kedepann da dasar yang
dit hasil kary
r yang lebih Hasil Evalua untuk Aplika menginginkan reator”. menggunaka 43% harapkan k
usik web ini
k web “DJ C n musik. nya untuk pe g lebih banya ya sendiri (1 menarik (6 k si Apakah y asi Musik W n nada-nada an aplikasi m kedepannya i? Me das Pen has Me yan Creator” ini rkembangan ak (13 kores 11 korespond koresponden ang Penggun Web DJ Creat dasar yang musik web in a untuk nyediakan nad
sar yang lebih b
ngguna dapat m
sil karya sendir
nyediakan fitu ng lebih menar sudah cuku n aplikasi sponden) den) n) na tor lebih banya i? da‐nada banyak mengedit i ur‐fitur ik up ak
4 T G Selur 4.5.2 Evalua Tabel 4.1 Pe No Ka 1 Memb 2 Mema lagu 3 Meny hasil k yang s dibuat mema musik 10. A web i ambar 4.78 D Meng ruh korespon asi Aplikasi erbandingan ategori buat lagu adukan yimpan karya sudah t dalam adukan k Apakah And ini? Diagram Ha ggunakan Ap nden tertarik i Sejenis aplikasi seje Fruity Loops 9 9 9 da tertarik asil Evaluasi plikasi Musi k menggunak enis Kristal P 9 9 9 100% 0 menggunak Apakah Pen ik Web DJ C kan aplikasi Psycle M C 9 - - kan aplikasi ngguna Terta Creator musik web Music “DJ Creator” 9 9 9 i musik arik “DJ Creator Iya Tidak r”.
No Kategori Fruity Loops
Kristal Psycle Music “DJ Creator” 4 Melihat hasil karya orang lain dalam memadukan musik - - - 9 5 Mempunyai Fitur WikiMusik - - - 9 6 Mempunyai Fitur Music Gallery - - - 9 7 Mempunyai Fitur Message - - - 9 8 Bisa menjadi member - - 9 9 9 Tampilan menarik 9 9 - 9 10 Bisa diakses di web - - 9 9 11 User Friendly 9 - - 9
4.5.3 Evaluasi segi Interaksi Manusia dan Komputer (8 Golden Rules)
Penerapan delapan aturan emas perancangan antarmuka pada aplikasi musik
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
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. 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
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
re-type password. Bila password yang diisi berbeda, maka akan muncul
peringatan kalau password yang diisi berbeda.
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.
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.
4.5.4 Evaluasi dari segi multimedia
Evaluasi dari segi multimedia diambil berdasarkan 5 element multimedia.
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
musik yang terdapat di musicgallery maka gambar tersebut akan
mengeluarkan animasi yang menarik.
Berdasarkan 5 elemen multimedia, aplikasi musik “DJ Creator” telah