25
d. Pilih suara
Setelah melakukan login, maka aplikasi akan mengarah pada halaman data pasien. Selanjutnya user dapat memilih salah satu data pasien yang suaranya ingin
divisualisasikan.
e. Hasil visualisasi dan informasi
Ketika user telah memilih data pasien, maka aplikasi akan masuk ke halaman utama berupa tampilan visualisasi dari suara jantung pasien. Selain menampilkan hasil
visualisasi, pada halaman ini juga akan ditampilkan informasi yang terkandung didalam suara jantung tersebut.
3.5 Perancangan Tampilan Antarmuka
Untuk memudahkan seorang user dalam menggunakan atau mengakses sebuah aplikasi dibutuhkan suatu interface antarmuka aplikasi.
Antarmuka aplikasi merupakan sebuah alur komunikai antara user dengan aplikasi. Dengan kata lain antarmuka aplikasi digunakan sebagai media antara user
dan komputer agar dapat berinteraksi satu sama lain. Sehingga user dapat lebih mudah mengerti dalam menggunakan aplikasi tersebut.
Disini akan dijabarkan tentang rancangan halaman dan menu pada aplikasi yang akan dibuat. Adapun gambar rancangan dasar antarmuka dari aplikasi visualisasi suara
jantung yang dibuat antara lain
Universitas Sumatera Utara
26
1. Rancangan halaman awal
Gambar 3.4 Rancangan Halaman Awal
Seperti pada gambar 3.4, halaman ini ditampilkan sebuah logo untuk memaksimalkan penampilan dari aplikasi. Untuk masuk ke halaman selanjutnya user diarahkan untuk
melakukan tap to continue.
2. Rancangan halaman login dokter
Gambar 3.5 Rancangan Halaman Login Dokter
Tap to
continue
Universitas Sumatera Utara
27
Seperti pada gambar 3.5, rancangan pada halaman login dilengkapi dengan teksfield untuk pengisian username, password, dan juga dilengkapi dengan tombol login.
3. Rancangan halaman data pasien
Gambar 3.6 Rancangan Halaman Data Pasien
Sesuai dengan gambar 3.6 pada halaman data pasien akan berisikan seluruh data pasien seperti nama pasien, umur, jenis kelamin, dan nama file suara.
4. Rancangan halaman visualisasi
Gambar 3.7 Rancangan Halaman Visualisasi
Universitas Sumatera Utara
28
Seperti pada gambar 3.5, untuk perancangan halaman visualisasi akan dilengkapi dengan:
Canvas , sebagai tempat untuk menampilkan hasil visualisasi suara jantung Tombol rewind , untuk dapat memutar ulang file suara
Tombol fast forward, untuk mempercepat pemutaran file suara Tombol play, untuk memutar file suara
Tombol zoomout, untuk memperbesar tampilan visualisasi Tombol zoomin, untuk memperkecil tampilan visualisasi.
Universitas Sumatera Utara
29
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
Pada bab ini akan dijelaskan implementasi perancangan yang telah dijelaskan pada
bab3 serta melakukan pengujian dari sistem yang telah dibuat. Tahapan ini bertujuan untuk menampilkan hasil tampilan akhir sistem yang dibangun.
4.1 Implementasi Sistem