3.2 Perancangan Sistem
Pada perancangan sistem akan dilakukan perancangan bagaimana sistem akan dibangun untuk memvisualisasikan suara paru-paru serta memberikan informasi yang
dibutuhkan. Dan dilakukan juga perancangan tentang antarmuka sistem yang akan dibangun.
3.3.1 Arsitektur umum
Desain arsitektur dari suatu sistem merepresentasikan struktur data dan komponen program yang diperlukan dalam membangun sebuah sistem Presman, 2010.
Rancangan sistem yang akan dibuat dalam penelitian ini dapat dilihat pada gambar 3.2
Input suara pernafasan
Db suara pasien
Inisialisasi file suara .wav
Ekstrak nilai-nilai yang dibutuhkan
Tampil gambar visualisasi suara
informasi
∙ Frekuensi tarik nafas ∙ Frekuensi buang nafas
∙ Jarak antar nafas ∙ Durasi tarik nafas
∙ Durasi buang nafas
Gambar 3.2 Arsitektur umum
3.3.2 Diagram use case
Use case diagram merupakan pemodelan terhadap cara kerja maupun tingkah laku sistem informasi yang akan dibuat. Use case mendeskripsikan interaksi tipikal antara
user dengan sistem itu sendiri dengan member sebuah narasi tentang bagaimana sistem tersebut digunakan Fowler, 2005. Use case diagram yang digunakan pada
penelitian ini yaitu pada gambar 3.3
Universitas Sumatera Utara
User dokter
Login
Input data pasien suara pernafasan
Pilih data pasien Logout
Tampil hasil visualisasi dan
informasi suara include
include
Gambar 3.3 diagram use case sistem 3.3.3 Use case spesifikasi
Use case spesifikasi adalah dekskripsi mengenai use case diagram, menjelaskan bagaimana sebuah use case itu bekerja Muchtar, et al. 2011. Tabel 3.2 menjelaskan
spesifikasi use case yang digunakan dalam sistem yang akan dibangun.
Tabel 3.2 Spesifikasi use case untuk login
Nama use case login
Aktor Dokter user
Deskripsi Use case ini digunakan oleh user untuk masuk ke
dalam sistem Pre condition
User harus memiliki username dan password untuk login
Characteristic of activation Eksekusi hanya dapat dilakukan oleh dokter user
Basic flow - Dokter memasukkan username dan password
pada form yang tersedia, lalu klik login - Sistem akan mengecek apakah username dan
password ada atau tidak
[H-1 Akun tidak tersedia]
- jika akun ada dalam database maka user akan
masuk ke halaman daftar data pasien.
Alternative flow H-1 : Akun tidak tersedia
Sistem akan menampilkan pesan bahwa akun salah Post condition
User dokter dapat masuk dan mengolah sistem Limitations
-
Universitas Sumatera Utara
Tabel 3.3 Spesifikasi use case untuk input data
Nama use case Input data
Aktor Dokter user
Deskripsi Use case ini digunakan oleh user untuk menginput
data pasien Pre condition
User harus memiliki username dan password untuk login
Characteristic of activation Eksekusi hanya dapat dilakukan oleh dokter user
yang login Basic flow
- Dokter me-klik tombol menu pada sistem
- Dokter memasukkan data-data yang diperlukan
pada form data pasien - Klik tombol simpan data
Alternative flow -
Post condition User dokter dapat menambah data pasien
Limitations -
Tabel 3.4 Spesifikasi use case untuk pilih data
Nama use case Pilih data
Aktor Dokter user
Deskripsi Use case ini digunakan oleh user untuk melihat
gambar grafik visualisasi dan informasi dari data Pre condition
User harus memiliki username dan password untuk login
Characteristic of activation Eksekusi hanya dapat dilakukan oleh dokter user
Basic flow - User harus login terlebih dahulu
- Sistem akan langsung menampilkan data pasien
yang telah diinput - User memilih data yang ingin dilihat
- Kemudian sistem menampilkan visualisasi dan
informasi yang dibutuhkan.
Alternative flow -
Post condition User dapat melihat visualisasi dari data pasien dan
informasinya Limitations
-
Universitas Sumatera Utara
3.3.4 Activity diagram
Activity diagram sistem menggambarkan urutan aktivitas dalam sistem yang sedang dirancang. Aktivitas yang digambarkan hanya secara umum, tidak secara eksak seperti
pembuatan flowchart yang terstruktur. Diagram activasi menjelaskan tentang kegiatan apa yang dapat dilakukan pada sistem tetapi tidak menjelaskan apa yang telah
dilakukan oleh actor Fowler, 2005. Diagram aktivasi sistem yang akan dibangun dapat dilihat pada gambar 3.4.
Pada gambar 3.4, jika user ingin menambah data pasien maka dapat dilakukan dengan pertama-tama user harus login terlebih dahulu, sistem akan mengecek apakah
user ada atau tidak. Lalu user dapat memilih menu input data, kemudian sistem akan menampilkan form untuk mengisimenambah data pasien. Setelah diinput, maka data
pasien akan tampil pada halaman daftar data pasien.
User Sistem
Login Cek User
Tampil data pasien yang ada Pilih data
Gambar 3.4 Activity diagram sistem input data
Universitas Sumatera Utara
User Sistem
Login Cek User
Tampil data pasien yang ada
Pilih data Proses visualisasi dan
ekstrak informasi suara
Tampil Grafik Informasi dari Suara
Gambar 3.5 Activity digram sistem pilih data
Pada gambar 3.5, apabila user ingin melihat tampilan visualisasi dari data pasien yang telah diinput, maka pertama user harus login terlebih dahulu ke dalam
sistem. Lalu sistem akan mengecek apakah user ada atau tidak. Lalu sistem akan menampilkan list daftar data pasien yang telah ada. Kemudian user dapat memilih
data pasien mana yang ingin dilihat hasil visualisasinya serta informasi yang dibutuhkan.
3.3.5 Perancangan Antar Muka
Perancangan antar muka merupakan gambaran umum tentang perancangan setiap tampilan yang terdapat dalam sistem yang akan dibangun. Berikut akan dijelaskan
rancangan bagian-bagian dari sistem. a. Rancangan halaman awal
Pada halaman awal sistem terdapat nama sistem pada bagian atas. Di bagian tengah terdapat logo tentang sistem, serta keterangan untuk mengetuk layar yang berfungsi
Universitas Sumatera Utara
untuk memulai sistem. Pada bagian bawah halaman terdapat nama dan nim penulis. Rancangan tampilan seperti pada gambar 3.6.
Nama aplikasi
LOGO
Menu Home
Kembali
“Tap to continue”
Gambar 3.6 rancangan halaman awal
Keterangan : - “tap to continue” menunjukkan bahwa user memungkinkan untuk melanjutkan
sistem ke halaman utama.
b. Rancangan Halaman Utama login Pada halaman utama, sistem menampilkan form login. User harus memasukkan nama
dan password untuk masuk ke halaman berikutnya. Rancangan halaman utama seperti pada gambar 3.7
Universitas Sumatera Utara
Nama aplikasi
User name
Menu Home
Kembali Login Dokter
Password
Login
Gambar 3.7 rancangan halaman utama login
c. Rancangan halaman daftar data pasien Pada halaman ini, rancangan sistem dibuat untuk menampilkan daftar-daftar pasien
yang telah diinput. Seperti pada gambar 3.8
Nama aplikasi
Menu Home
Kembali Daftar Data Pasien
nama Suara pernafasan
umur Jenis kelamin
1. 2.
3. ∙
∙ ∙
∙
Gambar 3.8 rancangan halaman daftar data pasien
Universitas Sumatera Utara
Keterangan : - Tombol menu yang ada pada perangkat android, dapat di klik pada saat user
ingin menambahkan pasien pada sistem, kemudian akan dilanjutkan pada halaman input data pasien.
d. Rancangan halaman tambah data pasien Pada rancangan halaman ini, user dapat menambahkan data-data pasien yang akan
dimasukkan ke dalam sistem sesuai dengan kolom-kolom yang tersedia. Saat mengklik tombol simpan data, maka data yang telah diisi akan tersimpan. Rancangan
halaman ini seperti pada gambar 3.9.
Nama aplikasi
Menu Home
Kembali Tambah data
Id dokter Nama pasien
Umur pasien Jenis kelamin
Id pasien Suara nafas
Simpan data
gambar 3.9 rancangan halaman tambah data
Universitas Sumatera Utara
e. Rancangan halaman visualisasi suara Pada halaman ini, ditampilkan gambar grafik dari suara pasien yang telah
dimasukkan. Serta informasi yang dibutuhkan, yaitu : - Frekuensi tarik nafas
- Frekuensi buang nafas - Jarak antar nafas
- Durasi tarik nafas - Durasi buang nafas
Nama aplikasi
Menu Home
Kembali
Detik mulai Detik akhir
Informasi Suara
Skip back
play next
Zoom in
Zoom out
Grafik visualisasi suara pernafasan
Gambar 3.10 rancangan halaman visualisasi suara
Keterangan : a. Tombol “skipback” memungkinkan user untuk mengulang suara yang telah
dijalankan play. b. Tombol “play” memungkinkan user untuk menjalankan suara paru-paru yang
ada. Sehingga suara pernafasan akan terdengar.
Universitas Sumatera Utara
c. Tombol “next” memungkinkan user untuk mempercepat suara yang sedang dijalankan, ataupun memindahkan tampilan ke akhir visualisasi.
d. Tombol “zoom in” memungkinkan user untuk memperbesar tampilan gambar grafik dari suara yang ditampilkan.
e. Tombol “zoom out” memungkinkan user untuk memperkecil tampilan gambar grafik dari suara yang ditampilkan.
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN
Pada bab ini, akan dibahas pengimplementasian dan pengujian sistem sesuai dengan analisis dan perancangan yang telah dibahas pada bab sebelumnya. Tahapan ini
bertujuan untuk menampilkan hasil tampilan akhir sistem yang dibangun dan proses pengujian sistem yang nantinya dapat menghasilkan visualisasi dan memberi
informasi yang dibutuhkan dari file suara pernafasan.
4.1 Implementasi Sistem
Sesuai dengan analisis dan perancangan yang dibuat, sistem yang akan dibuat ini akan diimplementasikan menggunakan bahasa pemrograman java untuk android dan
database MySQL. Kebutuhan dalam pembangunan sistem ini meliputi perangkat keras dan lunak.
4.1.1 Perangkat keras Spesifikasi perangkat keras yang digunakan untuk implementasi sistem adalah
sebagai berikut : - Processor
: Intel® Core™ 2 Duo - RAM
: 2 GB - Harddisk
: 500 GB
Universitas Sumatera Utara