76
4.2 Implementasi Proses
Pada perancangan proses dijelaskan pembuatan proses bagaimana sistem aplikasi website ini diatur dan ditata sehingga setiap entitas saling ber-relasi
dengan baik.
4.2.1 Halaman Menu Utama Pengunjung
Pada gambar 4.1 merupakan tampilan pada saat akses halaman utama Piano Lesson “Media Belejar PianoKeyboard Secara Otodidak, Mudah Dan
Cepat. Terdapat menu Home, About dan Login.
Gambar 4.1 Halaman Utama
77
1 Menu Home
Pada menu home pengunjung dapat melihat tampilan isi halaman home yang ada antara lain, sejarah piano, perbedaan piano, tips bermain piano, dan
istilah musik pada piano. a
Menu Sejarah Piano Menu halaman sejarah piano berisi tentang sejarah awal mula adanya alat
music piano.
Gambar 4.2 Halaman Menu Sejarah Piano
78
b Menu Perbedaan Piano, Keyboard dan Organ.
Menu ini menjelaskan tentang perbedaan antara Piano, Keyboard dan Organ. Pada pembahasannya di menu ini dijelaskan detail ketiga alat
musik yang disertakan juga dengan gambar yang membuat pengguna mengerti perbedaan alat music piano, keyboard dan organ.
Gambar 4.3 Halaman Menu Perbedaan Piano Dan Keyboard
c Menu Tips Bermain Piano
Menu yang ditampilkan pada halaman ini adalah penjelasan tentang tips bermain piano yang benar. Disertakan gambar untuk posisi tangan, duduk,
lengan dan penekana tuts pada piano yang benar. Adapula gambar untuk
79
posisi yang salah agar pengguna mengerti ketika proses pembelejaran dalam bentuk praktek.
Gambar 4.4 Malaman Menu Tips 2
Menu About
Pada menu about ditampilkan berbagai musisi atau pemain piano legendaries beserta profile dan teknik permainan yang menjadi ciri khas.
Pianis-pianis yang disebutkan antara lain adalah Beethoven, Mozart, John Lord, Maxim dan lain-lain.
80
Gambar 4.5 Halaman about Pengunjung 3
Menu Login
Pada menu login pengunjung dapat melakukan registrasi atau login langsung untuk dapat melihat menu utama web ini.
Gambar 4.6 Halaman login Pengunjung
81
4.2.2 Halaman Admin
Pada Gambar 4.8 merupakan tampilan halaman admin tutorial pembelajaran piano. Halaman ini merupakan halaman hak ases admin untuk
mengelola sistem informasi semua data user, pada halaman utama admin ini memiliki menu data user dan data comment.
Gambar 4.7 Halaman login Admin
Gambar 4.8 Halaman Menu Admin 4.2.2.1 Halaman Data User
Pada halaman data user berisi data-data semua user yang telah masuk ke dalam menu login yang sudah tersedia.
Gambar 4.9 Halaman Data User
82
4.2.2.2 Halaman Data Comment
Halaman data comment berisikan semua tentang komentar maupun pesan yang masuk kedalam menu comment, jika pengguna telah melakukan “spam” atau
melakukan tindakan yang kurang menyenangkan kepada pihak lain maka admin bisa menghapus dari menu ini.
Gambar 4.10 Halaman Data User 4.3
Pelaksanaan Uji Coba
Pada sub bab ini akan dijelaskan mengenai pelaksanaan skenario uji coba yang telah disusun pada sub-bab sebelumnya.
4.3.1 Uji Coba Pendaftaran Member
Saat user akan menggunakan sistem ini maka harus melakukan proses daftar member terlebih dahulu.
Gambar 4.11 Tampilan Form Daftar Member
83
Apabila saat daftar member ada salah satu kotak isian yang tidak di isi maka akan pendapat peringatan.
Gambar 4.12 Tampilan Data Belum Lengkap
Setelah tidak ada kesalahan pada proses registrasi maka member akan kembali ke menu utama login.
Gambar 4.13 Tampilan login
84
4.3.2 Uji Coba Login Member