Diagram Aktivasi Aplikasi Arsitektur Umum Aplikasi

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