22
if i + start = mSelectionStart i + start mSelectionEnd {
paint = mSelectedLinePaint; } else {
drawWaveformLinecanvas, i, 0, measuredHeight, mUnselectedBkgndLinePaint;
paint = mUnselectedLinePaint; }
drawWaveformLine canvas, i,
ctr - AtThisZoomLevel[start + i], ctr + 1 + AtThisZoomLevel[start + i],
paint;
Secara jelas flowchart yang dibuat dapat dilihat pada gambar 3.1.
Start
Cek tipe file
File = wav
Membaca isi file wav
visualisasi stop
ya tidak
Pengambilan nilai informasi file wav
Zoomlevel = 2 Input file
suara
Gambar 3.1 Flowchart
3.3 Diagram Aktivasi Aplikasi
Diagram aktivasi dari aplikasi menggambarkan urutan aktivitas dalam aplikasi yang sedang dirancang. Dengan adanya diagram aktivasi dapat membantu memahami
Universitas Sumatera Utara
23
proses rancangan aplikasi secara keseluruhan. Diagram aktivasi yang peneliti buat menampilkan aktivitas dalam aplikasi yang dapat dilihat pada gambar 3.2
Gambar 3.2 Diagram Aktivasi Aplikasi
Jika user telah sukses melalukan login maka sistem akan mengarahkan pada halaman pasien. Halaman pasien berupa data informasi pasien seperti, nama pasien,
umur pasien, jenis kelamin pasien, dan nama file suara pasien. Dengan adanya data tersebut user dapat memilih data pasien mana yang ingin divisualisasikan. Setelah
user memilih pasien maka sistem selanjutnya mengarah pada halaman visualisasi suara dengan menampilkan visualisasi suara jantung pasien.
3.4 Arsitektur Umum Aplikasi
Desain arsitektur dari suatu aplikasi merepresentasikan struktur data dan komponen program yang diperlukan dalam membangun sebuah sistem Pressman,2010. Desain
arsitektur ini sangat penting dalam menggambarkan proses dan interaksi antar
Universitas Sumatera Utara
24
komponen dalam suatu aplikasi. Rancangan keseluruhan aplikasi yang akan dibuat dalam bentuk arsitektur umum yang dapat dilihat pada gambar 3.3
Status Login
Database
Copy file Login
Pilih suara Hasil visualisasi
dan informasi suara
START ANDROID
Gambar 3.3 Arsitektur Umum
Penjelasan dari komponen-komponen yang terdapat pada general architecture adalah sebagai berikut:
a. Database
Pada aplikasi ini digunakan database Mysql dengan nama database visualisasi. Dalam database ini terdapat tiga table diantaranya table dokter, table pasien, dan juga table
suara.
b. Copy file
Merupakan tahapan untuk membaca dan meng-copy seluruh file kedalam aplikasi ketika ingin dijalankan. Pada aplikasi ini proses membaca dan meng-copy file
ditampilkan dalam bentuk loading bar.
c. Login
Setelah selesai meng-copy file, maka user akan masuk ke halaman login. User diwajibkan untuk mengisi username dan password dengan benar.
Universitas Sumatera Utara
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