21

BAB III

ANALISA DAN PERANCANGAN SISTEM

Bab ini meliputi analisa dan perancangan sistem. Analisa sistem dengan

mendeskripsikan sistem, kebutuhan sistem, use case, dan arsitektur aplikasi my health

calendar. Sedangkan perancangan sistem meliputi perancangan diagram UML

(Unified Modelling Language) yang terdiri dari use case diagram, activity diagram,

sequence diagram, class diagram dan perancangan desain antarmuka.

3.1 Analisa Sistem

Aplikasi My Healt Calendar ini merupakan suatu aplikasi untuk melakukan

perhitungan siklus menstruasi teratur dan tidak teratur, penandaan pada kalender,

masa subur, dan memberikan informasi tentang kesehatan kewanitaan yang pada

mobile android. Pengguna jika memilih perhitungan tak teratur maka akan tampil

form yang harus diisi oleh user untuk dihitung siklus masa suburnya, sedangkan jika

memilih perhitungan teratur akan tampil kalender perhitungan siklus menstruasi dan

masa subur, dan bila memilih menu info sehat wanita, pengguna dapat melihat artikel

mengenai informasi tentang kesehatan kewanitaan.

3.1.1 Deskripsi Sistem

Pada aplikasi My Healt Calendar ini pertama user akan memilih menu utama

yang didalamnya yaitu ada menstrual cycle, kalender, info sehat wanita, about us, dan

exit.

1. Menu perhitungan tak teratur, menampilkan form perhitungan tak teratur yang

harus diisi oleh user.

2. Menu perhitungan teratur, menampilkan tampilan kalender perhitungan.

3. Menu info sehat, berisi artikel-artikel tentang kesehatan kewanitaan yang update

4. Menu about us, mendiskripsikan tentang tujuan pembuatan aplikasi

5. Menu exit, untuk keluar aplikasi.

22

Y

T

Y

T

Y

T

Y

T

T

Y

Gambar 3.1. Flowchart

Dalam pembuatan info sehat wanita yang selalu bias update, maka dibutuhkan

koneksi web service. Web service yang akan dibangun menggunakan arsitektur

sebagai berikut:

start

Pilih menu

Tak

Teratur

Tampil

form

perhitung

an

Tampil

kalender

Tampil

list judul

Penjelasan

tentang

aplikasi

end

Kalender

Teratur

Info

sehat

About

Us

Selesai

23

Gambar 3.2. Arsitektur My Healt Calendar

Sebuah client akan mengirim request ke server melalui koneksi internet berupa

alamat URL untuk mengakses file PHP yang berfungsi mengambil data artikel dari

database, server akan mengirim kembali informasi artikel pada client berupa format

XML. Sehingga informasi – informasi yang diberikan akan selalu update jika server

selalu meng-update dalam menambah informasi dalam database.

3.1.2 Kebutuhan Sistem Fungsional

Menganalisis kebutuhan sistem merupakan hal yang sangat penting, karena

kesalahan dalam tahap ini akan menyebabkan kesalahan pada tahap selanjutnya.

Kebutuhan sistem fungsional adalah deskripsi dari aktivitas-aktivitas dan layanan-

layanan yang harus disediakan oleh sistem. Dalam artian suatu sistem memiliki

kebutuhan sama hal nya dengan user, dimana kebutuhan suatu sistem itu tentunya

akan mendukung daripada pengguna atau user sistem tersebut.

Pada table 3.1 dibawah ini dapat dilihat setiap fungsi yang ada pada setiap

tampilan menu pada aplikasi my health calendar. Proses fungsional dan non

fungsional yang nantinya akan berkaitan erat dengan tampilan desain yang ada pada

menu perhitungan tak teratur, perhitungan teratur, dan info sehat wanita.

No Fungsional Keterangan

1 Perhitungan Tak Teratur

- Memasukkan data tanggal, siklus

terpanjang, siklus terpendek dalam

form yang akan diproses oleh system

- Proses perhitungan masa subur yang

menggunakan rumus masa subur yang

sesuai dengan siklus menstruasi

- Menampilkan hasil perhitungan masa

subur

24

2 Perhitungan Teratur

- Masukan masa haid terakhir yang

akan dihitung

- Melakukan proses perhitungan masa

subur

- Proses penampilan masa subur

3 Info Sehat Wanita - Proses menampilkan artikel

Tabel 3.1. Fungsional

3.1.3 Kebutuhan Sistem Non Fungsional

Kebutuhan sistem non fungsional adalah deskripsi dari fitu-fitur, karakteristik,

dan batasan-batasan yang lain yang mendefinisikan sistem. Sedangkan constraint atau

batasan itu sendiri dalam sebuah sistem merupakan sesuatu yang membatasi

fleksibilitas dalam mendefinisikan solusi untuk sebuah objektif dan biasanya

constraint tidak bisa diubah.

No. Non Fungsional Keterangan

1. Keamanan - Aplikasi tidak bersifat private, bias

dibuka siapa saja

2. Kecepatan /

performansi

- Tidak ada batas kecepatan untuk

penggunaan aplikasi

Tabel 3.2. Non Fungsional

3.1.4 Use Case

Use case merupakan permodelan struktural fungsi yang disediakan oleh

sebuah sistem yang digambarkan dari sudut pandang user sebuah sistem. Use case

bekerja dengan cara mendeskripsikan tipikal interaksi antara user (pengguna) sebuah

sistem dengan sistemnya sendiri melalui sebuah cerita bagaimana sebuah sistem

dipakai. Urutan langkah-langkah yang menerangkan antara pengguna dan sistem

disebut scenario. Sebuah use case dapat meng-include fungsionalitas use case lain

sebagai bagian dari proses dalam dirinya.

25

Gambar 3.3. Use case diagram keseluruhan

Pada gambar 3.2 menjelaskan tentang tindakan yang dilakukan oleh user,

tindakan- tindakan tersebut yaitu:

1. Menjalankan aplikasi

Pengguna terlebih dahulu menginstal aplikasi di handphone yang berbasis android.

2. Memilih menu

Setelah menjalankan aplikasi terdapat beberapa menu utama, yang terdiri dari

perhitungan tak teratur, perhitungan teratur, info sehat wanita, about us, dan exit. User

dapat memilih menu yang diinginkan.

3. memasukan data

Pengguna dapat mengisi data setelah memilih jenis perhitungan. Bila memilih

perhitungan tak teratur, pengguna harus memilih tanggal, memasukkan siklus

26

terpanjang dan terpendek. Jika memilih perhitungan teratur, pengguna hanya memilih

tanggal haid.

4. Mereset tanggal

Pengguna bisa me-reset tanggal pada perhitungan teratur setelah pengguna memilih

tanggal.

5. Melihat hasil perhitungan

Pengguna bias melihat hasil perhitungan siklus masa subur setelah mengisi data

sesuai siklusnya.

6. Tentang aplikasi

Pengguna dapat melihat tentang aplikasi aplikasi tersebut pada menu about us.

7. Keluar dari aplikasi

Pengguna bias keluar aplikasi bila tidak ada lagi tindakan yang akan dilakukan.

3.2 Perancangan Sistem

Pada tahap ini dilakukan perancangan sistem dalam membuat aplikasi my health

calendar yang baik, agar aplikasi yang dihasilkan sesuai dengan yang direncanakan.

Proses yang perlu disusun adalah kebutuhan masukan, kebutuhan keluaran, kebutuhan

proses, kebutuhan antarmuka dari sistem tersebut.

1. Kebutuhan Masukan

Pada sistem ini user menginputkandata yang akan dimasukkan pada aplikasi my

health calendar. Data yang dimasukkan seperti tanggal akhir haid, siklus terpanjang,

siklus terpendek. Setelah user selesei memasukan data, maka sistem akan memproses

hasilnya sesuai inputan yang dimasukkan.

2. Kebutuhan Proses

Sistem meminta user untuk memasukkan data sesuai dengan petunjuk yang ada

disistem, maka selanjutnya sistem akan memproses perhitungan.

27

3. Kebutuhan Keluaran

Dalam sistem ini keluaran yang diharapkan berupa hasil perhitungan masa subur yang

sesuai dengan siklus haid user.

3.2.1 UML ( Unified Modelling Language )

Desain sistem dengan menggunakan UML (Unified Modelling Language ),

untuk menggambarkan suatu jaringan pada sistem baik secara manual maupun

komputerisasi untuk menghubungkan proses fungsional satu sama lain.

3.2.1.1 Activity Diagram

Activity diagram menggambarkan berbagai aktifitas yang dilakukan oleh user

dan sistem perangkat lunak. Aktifitas tersebut dapat dilihat pada gambar activity

diagram yang akan dijelaskan pada gambar berikut:

1. Activity diagram perhitungan teratur

Gambar 3.4. Activity diagram perhitungan teratur

Pada gambar diatas menjelaskan aktifitas yang dilakukan oleh user ketika

memilih perhitungan teratur. User memilih perhitungan teratur, sistem akan

menampilkan kalender perhitungan, kemudian user meng-input tanggal, sistem akan

menampilkan hasil perhitungan, dan user melihat hasil perhitungan.

28

2. Activity diagram perhitungan tak teratur

Gambar 3.5. Activity diagram perhitungan tak teratur

Pada gambar diatas dijelaskan aktifita user ketika memilih menu perhitungan

tak teratur. User memilih perhitungan teratur, sistem menampilkan form perhitungan,

user mng-input tanggal dan hitung, sistem menampilkan output hasil perhitungan, dan

user melihat hasil perhitungan.

3. Activity diagram info sehat

Gambar 3.6. Activity diagram info sehat

29

Pada gambar diatas dijelaskan aktifitas user ketika melihat info sehat. User

memilih menu info sehat, sistem menampilkan list judul info sehat, user memilih

judul, sistem menampilkan informasi kesehatan, dan user melihat informasi.

3.2.1.2 Sequence Diagram

Sequence diagram menjelaskan bagaimana interaksi yang terjadi diantara

objek-objek dalam perangkat lunak. Obyek-obyek tersebut kemudian diurutkan dari

kiri ke kanan, aktor yang menginisialisasi interaksi biasanya ditaruh di paling kiri dari

diagram. Sequence diagram memperlihatkan alur kerja langkah demi langkah pada

setiap aktifitas yang dilakukan.

1. Squence Diagram tak teratur

Gambar 3.7. Squence Diagram tak teratur

Pada gambar 3.6 dijelaskan alur proses ketika user masuk pada halaman utama

dimana user memilih menu perhitungan tak teratur, kemudian sistem menampilkan

form perhitungan tak teratur untuk diisi oleh user yang kemudian sistem menampilkan

hasil perhitungan masa subur pada siklus tak teratur.

30

2. Squence Diagram teratur

Gambar 3.8. Squence Diagram teratur

Pada gambar 3.7 dijelaskan alur proses ketika user memilih menu perhitungan

tak teratur, kemudian sistem menampilkan kalender yang didalamnya sudah ada

perhitungan masa subur dan haid selanjutnya pada siklus haid teratur, kemudian

sistem menampilkan hasil perhitungan masa subur pada siklus tak teratur.

3. Squence Diagram info sehat wanita

Gambar 3.9. Squence Diagram info sehat wanita

31

Pada gambar 3.8 dijelaskan alur kerja user yang memilih menu info sehat

wanita dan sistem melakukan request data yang kemudian ditampilkan list informasi

kesehatan wanita.

3.2.1.3 Class Diagram

Class diagram digunakan untuk menampilkan kelas - kelas dan paket - paket

didalam sistem. Biasanya, dibuat beberapa class diagram untuk system tunggal.

Diagram akan menampilkan subset dari kelas-kelas dan relasinya. Dapat dibuat

beberapa diagram sesuai dengan yang diinginkan untuk mendapatkan gambaran

lengkap terhadap sistem yang dibangun.

Pada gambar 3.9 dibawah ini menunjukan hubungan antar class yang sedang

dibangun untuk mencapai suatu tujuan dalam membuat aplikasi my health calendar.

Class diagram dibawah ini akan menggambarkan struktur data dan deskripsi class,

package dan objek dalam berkolaborasi satu sama lain.

Gambar 3.10. Class Diagram My Health Calendar

3.2.1.4 Perancangan Antar Muka

Perancangan antar muka merupakan konsep yang mempermudah dalam

pembuatan aplikasi, desain yang dibuat mirip dengan pola aplikasi. Perancangan

antarmuka dalam sistem my health calendar, yaitu:

32

1. Desain Halaman Utama

Tampilan awal program akan menampilkan louding awal untuk masuk pada

aplikasi. Kemudian akan tampil halaman menu utama seperti pada gambar berikut:

Gambar 3.11. Desain interface menu awal

Pada gambar 3.10 diatas merupakan tampilan menu awal atau tampilan utama.

Menu utama tersebut terdapat menu pilihan seperti perhitungan tak teratur,

perhitungan teratur, info sehat wanita, about us, dan exit.

2. Desain menu tak teratur

Jika pengguna memilih menu perhitungan tak teratur, maka akan tampil form

seperti pada gambar dibawah ini:

33

Gambar 3.12. Desain menu tak teratur

Pada gambar 3.11 berisi form yang harus diisi oleh pengguna untuk

mengetahui perhitungan masa subur pada siklus haid tak teratur. Pengguna harung

memasukkan tanggal haid, siklus terpanjang, dan siklus terpendek. Kemudian tekan

button hitung untuk dilakukan proses perhitungan oleh sistem. Setelah dihitung akan

tampil hasil masa subur.

3. Desain menu perhitungan teratur

Jika pengguna memilih menu perhitungan teratur, maka akan tampil aplikasi

kalender pada gambar berikut:

34

Gambar 3.13. Desain menu teratur

Pada gambar 3.12 akan tampil aplikasi kalender yang didalamnya sudah

terdapat perhitungan untuk siklus teratur. Pengguna hanya memasukkan tanggal haid,

maka sistem secara otomatis akan menampilkan tanggal yang ditandai sebagai hasil

masa subur dan haid untuk bulan selanjutnya. Pengguna juga bias me-reset ulang bila

ingin menghapus tanggal.

4. Desain menu info sehat wanita

Jika pengguna memilih menu info sehat wanita, maka akan tampil list judul

artikel pada gambar berikut:

35

Gambar 3.14. Desain menu info sehat wanita

Pada gambar 3.13 pengguna dapat melihat informasi – informasi tentang

kesehatan terutama tentang info sehat wanita. Pengguna hanya memilih judul yang

diinginkan lalu akan tampil informasi-informasi sesuai yang dipilih.