Tabel 3.3 Spesifikasi Use case Bantuan
Nama use case Bantuan
Aktor User
Deskripsi Use case ini digunakan oleh user untuk melihat
petunjuk penggunaan aplikasi Pre condition
- Characteristic of activation
Eksekusi dapat dilakukan oleh user Basic flow
User menjalankan mengklik tombol bantuan
Alternative flow -
Post condition User dapat melihat petunjuk penggunaan aplikasi
Limitations -
3.5 Perancangan Antarmuka Sistem
Perancangan antarmuka merupakan perancangan tampilan dari sistem yang akan dibangun. Tampilan interface yang dibangun diharapkan dapat memudahkan
pengguna saat menjalankan sistem ini. Penjelasan bagian-bagian dari antarmuka sistem yang akan dibangun adalah sebagai berikut.
3.5.1 Rancangan Halaman Awal
Pada halaman awal terdapat nama sistem pada bagian atas dan logo instansi Universitas Sumatera Utara berada tepat di bawahnya. Kemudian disebelah kiri ada
button “Pengenalan Nada Senar” untuk memulai proses pengenalan nada. Disebelah kanan atas terdapat button “Input Data Latih” untuk masuk ke halaman input data latih
yang fungsinya memasukkan data latih senar gitar ke dalam sistem. Kemudian terdapat button “about” di sebelah kanan bawah yang berfungsi untuk membukan
halaman “about” yang isinya tentang penulis. Kemudian terdapat button “Keluar”
pada posisi paling bawah yang berfungsi untuk keluar dari sistem. Rancangan tampilan halaman awal dapat dilihat pada gambar 3.5.
Universitas Sumatera Utara
Gambar 3.5 Tampilan Halaman Awal
3.5.2 Rancangan Halaman Pengenalan Senar Gitar
Pada halaman ini terdapat “radio button” dengan tulisan senar 1, senar 2, sampai senar 6 yang berfungsi untuk memilih senar yang akan disetem. Disebelah kiri atas terdapat
button rekam yang berfungsi untuk merekam suara dan button stop untuk berhenti merekam. Pada posisi tengah terdapat gambar gitar. Kemudian dibawahnya terdapat
progres bar untuk menampilkan perubahan sinyal suara yang masuk ke dalam sistem. Disebelah kiri bawah terdapat textbox untuk melihat frekuensi dari suara yang masuk.
Disebelah kanan bawah terdapat tombol “kembali” untuk kembali ke halaman awal. Rancangan halaman pengenalan nada senar dapat dilihat pada gambar 3.6.
Universitas Sumatera Utara
Gambar 3.6 Rancangan Halaman Pengenalan Nada Gitar
3.5.3 Rancangan Halaman Bantuan
Halaman ini berisikan informasi bagaimana menggunakan sistem. Rancangan halaman bantuan dapat dilihat pada gambar 3.7.
Gambar 3.7 Rancangan Halaman Input Data Latih
Universitas Sumatera Utara
3.5.4 Rancangan Halaman About Us
Halaman ini berisikan informasi tentang penulis. Rancangan halaman about us dapat dilihat pada gambar 3.8.
Gambar 3.8 Rancangan Halaman About Us
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN
