• Tidak ada hasil yang ditemukan

BAB IV PERANCANGAN SISTEM

N/A
N/A
Protected

Academic year: 2022

Membagikan "BAB IV PERANCANGAN SISTEM"

Copied!
26
0
0

Teks penuh

(1)

36 4.1 Analisis Sistem

Analisis sistem dapat didefinisikan sebagai uraian dari sistem informasi yang utuh ke dalam bagian – bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan – permasalahan, kesempatan – kesempatan, hambatan – hambatan yang terjadi dan kebutuhan – kebutuhan yang diharapkan sehingga dapat sesuai dengan kebutuhan.

4.1.1 Analisis Masalah

Masalah seperti kekurangan ataupun kelebihan berat badan sering dialami oleh masyarakat. Bahkan kondisi seperti ini sering menimbulkan penyakit kronis yang malah dapat membahayakan kesehatan. Contohnya penyakit kronis yang mengikuti orang dengan kondisi badan kegemukan cukup beragam, di antaranya yang dominan adalah, hipertensi, serangan jantung, diabetes, dan beberapa jenis kanker.

Untuk menghindari penyakit – penyakit tersebut tidak sedikit dari mereka yang ingin mendapatkan berat badan yang ideal. Karena dengan berat badan yang ideal mereka akan mendapatkan banyak manfaat diantaranya mereka akan selalu menjaga pola hidup sehat yang akan menghindarkan dari resiko penyakit,

(2)

meningkatkan percaya diri, penampilan akan lebih manarik dan masih banyak lagi manfaat lainnya.

Tapi masalahnya kebanyakan dari masyarakat tidak tahu apakah berat badan mereka sudah dalam keadaan normal atau ideal. Dan kebanyakan pula dari masyarakat yang kesulitan dalam mendapatkan informasi untuk mengetahui bagaimana cara yang baik untuk mendapatkan berat badan yang ideal, baik dari informasi pembatasan asupan kalori makanan maupun olah raga.

Oleh karena itu untuk mempermudah masyarakat mendapatkan kebutuhan infromasi tersebut diperlukan sebuah sistem yang efektif, cepat dan mudah dalam mendapatkan informasi tersebut yaitu dengan aplikasi mobile. Karena dengan perangkat mobile, aplikasi ini dapat digunakan kapan saja dan dimana saja.

4.2 Perancangan Sistem

Perancangan adalah suatu bagian dari metodologi pengembangan pembangunan suatu perangkat lunak yang dilakukan setelah tahapan untuk memberikan gambaran secara terperinci.

Berdasarkan uraian diatas perancangan sistem merupakan tahapan dari siklus pengembangan sistem yang didefinisikan dari kebutuhan-kebutuhan fungsional dan persiapan untuk rancang bangun implementasi yang menggambarkan bagaimana suatu sistem dibentuk, yang dapat berupa penggambaran, perancangan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi, juga menyangkut konfigurasi dari komponen- komponen perangkat keras dan perangkat lunak dari suatu sistem.

(3)

4.2.1 Tujuan Perancangan Sistem

Tujuan dari pembuatan perancangan sistem Aplikasi Berat Badan Ideal adalah untuk menghasilkan suatu perangkat lunak berbasis mobile aplikasi android yang mampu :

1. Melahirkan konten aplikasi berat badan ideal pada operasi sistem android.

2. Memberikan kemudahan dalam menentukan kriteria berat badan, kebutuhan kalori, dan memberikan info kesehatan.

4.2.2 Gambaran Umum Sistem yang Diusulkan

Pembuatan Aplikasi Berat Badan Ideal yang akan dibuat diharapkan mampu menentukan kriteria berat badan, kebutuhan kalori, dan memberikan info kesehatan secara umum yang akan diterapkan pada smartphone android.

4.2.3 Perancangan Sistem Yang Diusulkan

Proses perancangan ini merupakan tahap awal dari perancangan aplikasi berat badan ideal yang dilakukan sebagai pemecahan masalah yang ada pada proses aplikasi berat badan ideal ketika digunakan.

(4)

4.2.3.1 Use Case Diagram

Gambar 4.1 Use Case Diagram

Definisi Aktor

Bisa dibuat dalam bentuk table berikut:

Tabel 4.1 Definisi Aktor

No Aktor Deskripsi

1 User Actor dapat menjalankan menu Hitung, Kelola data dan Info kesehatan.

System

User

Menghitung

Mengelola data

Info Kesehatan

(5)

Definisi Use case

Bisa dibuat dalam bentuk table berikut:

Tabel 4.2 Definisi Use Case

No Use case Deskripsi

1 Menghitung

Sistem menampilkan menu Hitung, kemudian sistem dapat menentukan kriteria berat badan, menghitung kalori, dan memberikan info kesehatan setelah mendapat inputan dari user.

2

Mengelola data

Sistem menampilkan menu Kelola data, didalam menu ini terdapat history data user dari menu Hitung, yang dapat di kelola.

3 Info Kesehatan

Sistem menampilkan menu Info Kesehatan yang dialamnya terdapat info kesehatan.

Skenario Use Case No Use Case : 01

Nama Use Case : Menghitung Skenario :

(6)

Tabel 4.3 Skenario Use Case Menghitung

Aksi Aktor Reaksi Sistem

1. Memilih menu hitung

2. Menampilkan layar hitung 3. Menginputkan data sesuai

ketentuan dan memilih tombol Hitung

4. Mengecek valid tidak nya inputan data

5. Memproses data dari inputan user

6. Menampilkan output kelayar

7. Menerima output dan menyimpan data pada tombol Simpan

8. Menyimpan data user ke Data base

9. Menampilkan pesan data sukses di simpan

10. Memilih link untuk menerima output selanjutnya

11. Menampilkan output selanjutnya

(7)

Aksi Aktor Reaksi Sistem 12. Menerima output

No Use Case : 02

Nama Use Case : Mengelola data (update data) Skenario :

Tabel 4.4 Skenario Use Case Mengelola data (update data)

Aksi Aktor Reaksi Sistem

1. Memilih menu Kelola data

2. Menampilkan layar Kelola data

3. Memilih menu Update

4. Menampilkan list record data user

5. Memilih/ klik record data yang akan di update.

6. Menampilkan detail history data

7. Mengupdate data dan memilih tombol simpan.

8. Menyimpan data ke Data base

(8)

Aksi Aktor Reaksi Sistem

9. Menampilkan pesan data sukses di simpan

10. Menampilkan record data yang telah di update.

11. Menerima output record data baru

Nama Use Case : Mengelola data (delete data) Skenario :

Tabel 4.5 Skenario Use Case Mengelola data (delete data)

Aksi Aktor Reaksi Sistem

1. Memilih menu Kelola data

2. Menampilkan layar Kelola data

3. Memilih menu Delete

4. Menampilkan list record data user

5. Memilih/ klik record data yang akan di delete

6. Menampilkan detail history data

7. Delete data dan memilih tombol hapus.

(9)

Aksi Aktor Reaksi Sistem 8. Memproses data ke Data

base

9. Menampilkan pesan data sukses di hapus

10. Menampilkan record data yang masih tersedia

11. Menerima output record data

No Use Case : 03

Nama Use Case : Info Kesehatan Skenario :

Tabel 4.6 Skenario Use Case Info Kesehatan

Aksi Aktor Reaksi Sistem

1. Memilih menu Info kesehatan

2. Menampilkan layar Info Kesehatan

3. Memilih link info kesehatan

4. Menampilkan info kesehatan sesuai permintaan

5. Menerima info kesehatan

(10)

4.2.3.2 Activity Diagram

Pilih menu Hitung Menampilkan layar hitung

Input data & pilih tombol hitung

Validasi data

Memproses data

Menampilkan output

Menerima output & pilih tombol simpan

Menyimpan data

Menampilkan pesan data sukses di simpan

Pilih link output selanjutnya

Menampilkan output

Menerima output

User Sistem

valid invalid

Gambar 4.2 Activity Diagram Menghitung

(11)

Pilih menu Kelola data

Menampilkan record data

Memilih/ klik record data yang akan di update.

Menampilkan detail history data

Menerima output

User Sistem

update data dan memilih tombol simpan

Menyimpan data ke Data base

Menampilkan pesan data sukses di simpan

Menampilkan record data yang telah di update.

Menampilkan layar Kelola data

Memilih menu Update

Gambar 4.3 Activity Diagram Mengelola data (update data)

(12)

Pilih menu Kelola data

Menampilkan record data

Memilih/ klik record data yang akan di Delete.

Menampilkan detail history data

Menerima output

User Sistem

Delete data dan memilih tombol hapus

Memproses data ke Data base

Menampilkan pesan data sukses di hapus

Menampilkan record data Menampilkan layar Kelola data

Memilih menu Delete

Gambar 4.4 Activity Diagram Mengelola data (delete data)

(13)

Pilih menu Info kesehatan Menampilkan layar Info kesehatan

Memilih link info kesehatan

User Sistem

Menampilkan info kesehatan

Menerima info kesehatan

Gambar 4.5 Activity Diagram Info Kesehatan

(14)

4.2.3.3 Sequence Diagram

- Sequence Diagram Menghitung

Gambar 4.6 Sequence Diagram Menghitung

User menu : AndroidDashboardDesign hitung : FormInputActivity db : AlmagHelper

1 : Pilih Menu Hitung()

2 : Panggil Menu Hitung()

3 : Menampilkan Menu Hitung()

4 : Input Data dan Hitung()

5 : Validasi()

6 : Proses Data()

7 : Output1()

8 : Simpan Data()

9 : Data Sukses Disimpan() 10 : Pesan Data sukses disimpan()

11 : Pilih link Output 2() 12 : Output2()

User

(15)

- Sequence Diagram Mengelola data (update data)

Gambar 4.7 Sequence Diagram Mengelola data (update data)

User menu : AndroidDashboardDesign kd : KelolaDataActivity data : Data hitung : FormInputActivity db : AlmagHelper

1 : Pilih Menu Kelola Data() 2 : Panggil Kelola Data activity()

3 : Menampilkan Kelola Data activity()

4 : Memilih Menu Update() 5 : Panggil Record Data()

6 : Panggil Data()

7 : Record Data() 8 : Menampilkan Record Data()

9 : Pilih Record Data() 10 : Panggil Form()

11 : Panggil Data()

12 : Detail Data() 13 : Menampilkan Detail History Data()

14 : Update data dan Simpan() 15 : Simpan Data()

16 : Data Sukses Disimpan() 17 : Menampilkan Record Data Update()

User

(16)

- Sequence Diagram Mengelola data (delete data)

Gambar 4.8 Sequence Diagram Mengelola data (delete data)

User menu: AndroidDashboardDesign kd: KelolaDataActivity data : Data del : FormDeleteActivity db : AlmagHelper

1 : Pilih Menu Kelola Data()

2 : Panggil Kelola Data activty()

3 : Menampilkan Kelola Data activity()

4 : Memilih Menu Delete() 5 : Panggil Record Data()

6 : Panggil Data()

7 : Record Data() 8 : Menampilkan Record Data()

9 : Pilih Record Data() 10 : Panggil Form()

11 : Panggil Data()

12 : Detail Data() 13 : Menampilkan Detail History Data()

14 : Delete Data() 15 : Proses Data()

16 : Data Sukses Dihapus() 17 : Menampilkan Record Data()

User

(17)

- Sequence Diagram Info Kesehatan

Gambar 4.9 Sequence Diagram Info Kesehatan

User menu: AndroidDashboardDesign kes : InfoKesehatanActivity

1 : Pilih Menu Info Kesehatan()

2 : Panggil Info Kesehatan activity()

3 : Menampilkan Info Kesehatan activity()

4 : Pilih Link Info Kesehatan()

5 : Info Kesehatan() User

(18)

1 1

1

1 1 1

n 1 4.2.3.4 Class Diagram

Class Diagram dibawah ini menggambarkan hubungan antar Class yang terdapat dalam suatu package com.androidhive.dashboard pada Aplikasi Berat Badan Ideal.

Gambar 4.10 Class Diagram

AndroidDashboardDesign +void close()

+void onCreate() DashboardLayout

+int UNEVEN_GRID_PENALTY_MULTIPLIER +int mMaxChildHeight

+int mMaxChildWidth +DashboardLayout() +DashboardLayout() +DashboardLayout() +void onLayout() +void onMeasure()

PetunjukActivity +TextView text1 +TextView menu1 +TextView isimenu1 +TextView sumbermenu1 +TextView menu2 +TextView isimenu2 +TextView menu3 +TextView isimenu3 +TextView menu4 +TextView isimenu4 +TextView menu5 +TextView isimenu5 +void onCreate() InfoKaloriActivity

+void onCreate()

InfoDietActivity +void onCreate()

InfoIdealActivity +void onCreate()

InfoNaikActivity +void onCreate()

KelolaDataActivity +Button update +Button delete +void onCreate()

LawalActivity +onCreate()

AlmagHelper +String DATABASE_NAME +int SCHEMA_VERSION +AlmagHelper() +boolean delete() +Cursor getAll() +String getBerat() +Cursor getById() +String getJekel() +String getJkesimpulan() +String getJsolusi() +String getKalori() +String getKesimpulan() +String getKriteria() +String getNama() +String getNilai() +String getTgl() +String getTinggi() +String getUmur() +void insert() +void onCreate() +void onUpgrade() +void update() Data

+String ID_EXTRA

+DataUpdate.AlmagAdapter adapter +EditText berat

+AlmagHelper helper +RadioGroup jekel +TextView jkesimpulan +TextView jsolusi +TextView kalori +TextView kesimpulan +EditText kriteria +Cursor model +EditText nama +EditText nilai +OnClickListener onSave +EditText tgl +EditText tinggi +EditText umur +void onCreate() +void onDestroy() +void onListItemClick() FormInputActivity

+EditText tgl +EditText nama +EditText umur +EditText berat +EditText tinggi +EditText nilai +EditText kriteria +RadioButton pria +RadioButton wanita +Button hitung +Button ulang +TextView jkesimpulan +TextView kesimpulan +TextView jsolusi +TextView kalori +TextView infokal +RadioGroup jekel +AlmagHelper helper +String almagId +OnClickListener onSave +void load() +void onCreate() +void onDestroy()

InfoKesehatanActivity +void onCreate()

AlmagAdapter +AlmagAdapter() +void bindView() +View newView()

AlmagHolder +ImageView icon +TextView nama +View row +TextView tgl +AlmagHolder() +void populateFrom()

FormDeleteActivity +String almagId +EditText berat +AlmagHelper helper +TextView infokal +RadioGroup jekel +TextView jkesimpulan +TextView jsolusi +TextView kalori +TextView kesimpulan +EditText kriteria +EditText nama +EditText nilai +OnClickListener onSave +RadioButton pria +EditText tgl +EditText tinggi +EditText umur +RadioButton wanita +void load() +void onCreate() +void onDestroy()

(19)

4.2.3.5 Object Diagram

la : LawalActivity

menu : AndroidDashboardDesign cmenu : DashboardLayout

int UNEVEN_GRID_PENALTY_MULTIPLIER = 10 int mMaxChildHeight = 0

int mMaxChildWidth = 0

hitung : FormInputActivity EditText tgl=”Sun Jun 03"

EditText nama=”edu”

EditText umur=”22"

EditText berat=”66"

EditText tinggi=”170"

EditText nilai=”22.837370242214536"

EditText kriteria=”Normal”

RadioButton pria=1 RadioButton wanita=0 Button hitung Button ulang

TextView jkesimpulan=”KESIMPULAN”

TextView kesimpulan=

"-Nilai BMI anda 22.837370242214536 -Artinya anda termasuk kriteria Normal -Dan berat badan anda sudah Ideal"

TextView jsolusi=”SOLUSI”

TextView kalori="Untuk menjaga tubuh ideal diperlukan pembatasan asupan kalori.

Dan kebutuhan kalori harian anda sebanyak 1670.6"

TextView infokal=”Klik disini untuk melihat rekomendasi asupan makanan dan olahraga sebagai panduan menjaga berat badan ideal"

RadioGroup jekel=pria AlmagHelper helper=new AlmagHelper String almagId=

getIntent().getStringExtra(Data.ID_EXTRA)

OnClickListener onSave

kd : KelolaDataActivity Button update Button delete

kal : InfoKaloriActivity kes : InfoKesehatanActivity ptjk : PetunjukActivity TextView text1 TextView menu1 TextView isimenu1 TextView sumbermenu1 TextView menu2 TextView isimenu2 TextView menu3 TextView isimenu3 TextView menu4 TextView isimenu4 TextView menu5 TextView isimenu5 data : Data

String ID_EXTRA="com.androidhive.dashboard._ID"

AlmagAdapter adapter=new AlmagAdapter

Cursor model=helper.getAll()

OnClickListener onSave

aa :AlmagAdapter

ah :AlmagHolder ImageView icon=pria TextView nama=”edu"

View row=row TextView tgl=”Sun Jun 03"

db : AlmagHelper String DATABASE_NAME="coba.db"

int SCHEMA_VERSION=1

del : FormDeleteActivity

TextView infokal

OnClickListener onSave diet : InfoDietActivity

naik : InfoNaikActivity

ideal : InfoIdealActivity

EditText berat=”66"

TextView jkesimpulan=”KESIMPULAN”

TextView jsolusi=”SOLUSI”

TextView kalori="Untuk menjaga tubuh ideal diperlukan pembatasan asupan kalori.

Dan kebutuhan kalori harian anda sebanyak 1670.6"

TextView kesimpulan=

"-Nilai BMI anda 22.837370242214536 -Artinya anda termasuk kriteria Normal -Dan berat badan anda sudah Ideal"

EditText kriteria=”Normal”

EditText nama=”edu”

EditText nilai=”22.837370242214536"

EditText tgl=”Sun Jun 03"

EditText tinggi=”170"

EditText umur=”22"

RadioGroup jekel=pria AlmagHelper helper=new AlmagHelper

String almagId=

getIntent().getStringExtra(Data.ID_EXTRA)

EditText berat=”66"

AlmagHelper helper=new AlmagHelper RadioGroup jekel=pria TextView jkesimpulan=”KESIMPULAN”

TextView jsolusi=”SOLUSI”

TextView kalori="Untuk menjaga tubuh ideal diperlukan pembatasan asupan kalori.

Dan kebutuhan kalori harian anda sebanyak 1670.6"

TextView kesimpulan=

"-Nilai BMI anda 22.837370242214536 -Artinya anda termasuk kriteria Normal -Dan berat badan anda sudah Ideal"

EditText kriteria=”Normal”

EditText nama=”edu”

EditText nilai=”22.837370242214536"

RadioButton pria=1 RadioButton wanita=0 EditText tgl=”Sun Jun 03"

EditText tinggi=”170"

EditText umur=”22"

Gambar 4.11 Object Diagram

(20)

4.2.3.6 Component Diagram

Component Diagram dibawah ini menggambarkan struktur dan hubungan antar komponen piranti lunak Aplikasi Berat Badan Ideal dalam suatu package.

com.androidhive.dashboard XML GUI

SQLite

AndroIdeal.apk

IDE Eclipse

Java Development Kit (JDK)

Android SDK

Gambar 4.12 Component Diagram

4.2.3.7 Deployment Diagram

Deployment Diagram dibawah ini menggambarkan komponen pada deploy dalam suatu infrastruktur sistem Aplikasi Berat Badan Ideal beserta hubungannya.

Smartphone

AndroIdeal.apk

OS Android

PC/ Laptop

IDE Eclipse AndroIdeal Project

Gambar 4.13 Deployment Diagram

(21)

4.2.4 Perancangan Antar Muka

Perancangan dilakukan untuk menggambarkan, merencanakan, dan membuat sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi. Perancangan ini merupakan hasil transformasi dari analisa ke dalam perancangan yang nantinya akan di implementasikan.

Hal penting yang menjadi perhatian pada perancangan adalah bahwa rancangan yang dibuat diharapkan dapat digunakan dengan mudah oleh semua pengguna smartphone android. Tidak hanya seorang ahli dalam memainkan aplikasi android saja yang dapat menggunakan aplikasi ini, namun orang awam pun dengan mudah dapat memainkannya. Selain itu beberapa hal yang harus diperhatikan antara lain adalah kinerja program yang baik dalam mengoperasikan aplikasi yang dibuat.

4.2.4.1 Struktur Menu

Pada perancangan struktur menu Aplikasi Berat Badan Ideal memiliki 5 menu utama diantaranya menu Hitung, Kelola data, Info kalori, Info kesehatan, dan Petunjuk.

(22)

Hitung Kelola Data

Info Kalori Info Kesehatan

Petunjuk

androideal X

Gambar 4.14 Rancangan Struktur Menu Aplikasi Berat Badan Ideal

- Menu Kelola Data

Pada menu kelola data terdapat 2 pilihan sub menu yaitu Update data dan Delete data. Menu Update data digunakan untuk menghubungkan ke laman data yang akan di ubah, sedangkan Menu Delete data digunakan untuk menghubungkan ke laman data yang akan di hapus.

(23)

androideal

UPDATE DATA

DELETE DATA

Gambar 4.15 Rancangan Menu Kelola Data

- Menu Info Kalori

Pada menu Info kalori terdapat text dan gambar yang berisikan informasi mengenai kalori makanan dan olah raga.

androideal

Gambar Text

Gambar 4.16 Rancangan Menu Info Kalori

(24)

- Menu Info Kesehatan

Pada menu Info kesehatan terdapat pilihan text berlink mengenai informasi kesehatan secara umum.

androideal

Text 1

Text 2

Text ...

Gambar 4.17 Rancangan Menu Info Kesehatan

- Menu Petunjuk

Pada menu Petunjuk terdapat text mengenai petunjuk aplikasi.

androideal

Gambar

Text

Gambar 4.18 Rancangan Menu Petunjuk

(25)

4.2.4.2 Perancangan Input

Perancangan input merupakan rancangan yang menggambarkan konversi data mentah menjadi output contoh Kegiatan input yang dilakukan dalam sistem ini adalah

- Rancangan Input dalam menu Hitung oleh user

androideal

INPUT Tgl Nama

Jenis Kelamin

Umur Berat (kg) Tinggi (cm)

Pria

Wanita

Hitung Ulang

Gambar 4.19 Rancangan Input Pada Menu Hitung

4.2.4.3 Perancangan Output

Perancangan output atau keluaran merupakan hal yang tidak dapat diabaikan, karena keluaran yang dihasilkan harus memudahkan bagi setiap unsur manusia yang membutuhkannya.

- Rancangan Output dalam menu Hitung

(26)

OUTPUT Nilai BMI

Kriteria

Simpan

KESIMPULAN

SOLUSI

………

………

Gambar 4.20 Rancangan Output Pada Menu Hitung

Gambar

Gambar 4.1 Use Case Diagram
Tabel 4.2 Definisi Use Case
Tabel 4.3 Skenario Use Case Menghitung
Tabel 4.4 Skenario Use Case Mengelola data (update data)
+7

Referensi

Dokumen terkait

Menu Hitung Target Air disajikan pada halaman yang berisi form untuk mengisi data user. seperti nama, usia, dan

8 Saya mengontrol asupan kalori dalam tubuh agar mendapatkan berat badan yang ideal.. 9 Saya rutin mengikut fitness agar kalori

3.12.2 Struktur Tampilan Menu Pakar Menu Utama Gangguan Penyakit Gejala Relasi Data Pengunjung Relasi Gangguan Relasi Penyakit Pakar. Gambar 3.35 Struktur Tampilan

Sistem penentuan kombinasi menu makanan ini dibuat dengan mengimplementasikan algoritma PSO, pengguna akan diminta menginputkan data diri seperti nama, tinggi badan, berat

Komponen yang harus diperhitungkan dalam menentukan kalori ini adalah berat badan ideal, kebutuhan basal, aktifitas fisik yang dilakukan dan juga koreksi

1. Mengelola menu pengguna. Mengelola menu pembayaran. Mencetetak laporan dari bendahara madrasah. Skenario Kebutuhan Bendahara madrasah a. Mengelola menu data siswa. Mengelola

Aplikasi menghitung berat badan ideal, jumlah kalori yang dibutuhkan tubuh dan memberikan informasi tentang kandungan gizi makanan serta menambah jumlah kalori yang

Aplikasi menghitung berat badan ideal, jumlah kalori yang dibutuhkan tubuh dan memberikan informasi tentang kandungan gizi makanan serta menambah jumlah kalori yang