KESIMPULAN DAN SARAN BANGUNAN APLIKASI DIET BERDASARKAN GOLONGAN DARAH BERBASIS MULTIMEDIA.

BAB VI

KESIMPULAN DAN SARAN

6.1. Kesimpulan

Berdasarkan pembahasan pada bab-bab sebelumnya dan pada dokumen pendukung (SKPL, DPPL dan PDHUPL), maka dapat ditarik beberapa kesimpulan yaitu:

1. Aplikasi diet berdasarkan golongan darah berbasis

multimedia (ADiGoDa) ini telah berhasil dibangun dan mudah dalam penggunaannya (user friendly).

2. Empat elemen multimedia yaitu teks, gambar,

animasi, dan suara yang ada dalam aplikasi ADiGoDa ini telah berhasil diintegrasikan dan dapat berjalan dengan baik lewat media telepon seluler Nokia 5310.

3. Aplikasi ini telah diujicoba pada 30 responden

dengan umur antara 18-60 tahun dan 1 orang nutrisionis dengan hasil 28% orang memberikan penilaian sangat baik, dan 63% orang memberikan penilaian baik.

6.2. Saran

Saran yang diberikan untuk pengembangan lebih lanjut terhadap aplikasi diet berdasarkan golongan darah berbasis multimedia ini adalah dengan mengembangkan aplikasi ini menjadi aplikasi mobile yang online, sehingga menu diet makanan berdasarkan golongan darah bisa terupdate secara lebih mudah.

LAMPIRAN I:

SKPL-ADiGoDA

SPESIFIKASI KEBUTUHAN PERANGKAT LUNAK

Pembangunan Aplikasi Diet Berdasarkan

Golongan Darah Berbasis Multimedia

(ADiGoDa)

Disusun Oleh:

Helen Nessia B

05 07 04734

Program Studi Teknik Informatika

Fakultas Teknologi Industri

Universitas Atma Jaya Yogyakarta

Program Studi Teknik Informatika

Fakultas Teknologi Industri

Nomor Dokumen Halaman SKPL- ADiGoDa _1/ Revisi

DAFTAR PERUBAHAN

Revisi Deskripsi

A

B

C

D

E

F

INDEX TGL

- A B C D E F G

Ditulis oleh Diperiksa

oleh Disetujui

Daftar Halaman Perubahan

Daftar Isi

1. Pendahuluan ... 8

1.1. Tujuan ... 8

1.2. Lingkup Masalah ... 8

1.3. Definisi Akronim dan Singkatan ... 8

1.4. Referensi ... 9

1.5. Deskripsi Umum (Overview) ... 9

2. Deskripsi Kebutuhan ... 10

2.1. Perspektif Produk ... 10

2.1.1 Antarmuka Pemakai ... 10

2.1.2 Antarmuka Perangkat Keras ... 10

2.1.3 Antarmuka Perangkat Lunak ... 11

2.1.4 Batasan Memori ... 11

2.1.5 Operasi ... 11

2.2. Fungsi Produk ... 12

2.3. Karakteristik Pengguna ... 14

2.4. Batasan-batasan ... 14

2.5. Asumsi dan Ketergantungan ... 14

3. Kebutuhan Khusus ... 15

3.1. Kebutuhan Fungsionalitas ... 15

3.1.1. Aliran Informasi ... 15

3.1.1.1 DFD Level 0 (Diagram Konteks) ADiGoDa (Gambar 1)... 15

3.1.1.1.1 Entitas Data ... 15

3.1.1.1.2 Proses ... 15

3.1.1.1.3 Topologi ... 15

3.1.1.2 DFD Level 1 ADiGoDa (Gambar 2) ... 16

3.1.1.2.1 Entitas Data ... 16

3.1.1.2.2 Proses ... 16

3.1.1.3 DFD Level 2 Proses 2 Tes Pengetahuan

Makanan Sehat (Gambar 3)... 19

3.1.1.3.1 Entitas Data ... 19

3.1.1.3.2 Proses ... 19

3.1.1.3.3 Topologi ... 19

3.1.1.4 DFD Level 2 Proses 3 Pengukuran Status Gizi (Gambar 4)... 20

3.1.1.4.1 Entitas Data ... 20

3.1.1.4.2 Proses ... 20

3.1.1.4.3 Topologi ... 21

3.1.2. Deskripsi Proses ... 21

3.1.2.1 Proses Tampil Menu Makanan Sehat ... 21

3.1.2.1.1 Entitas Data Masukan ... 21

3.1.2.1.2 Algoritma atau Formula Dari Proses ... 21

3.1.2.1.3 Entitas Data Terlibat atau Keluaran ... 22

3.1.2.2 Proses Tes Pengetahuan Makanan Sehat... 22

3.1.2.2.1 Entitas Data Masukan ... 22

3.1.2.2.2 Algoritma atau Formula Dari Proses ... 22

3.1.2.2.3 Entitas Data Terlibat atau Keluaran ... 22

3.1.2.3 Proses Pengukuran Status Gizi ... 23

3.1.2.3.1 Entitas Data Masukan ... 23

3.1.2.3.2 Algoritma atau Formula Dari Proses ... 23

3.1.2.3.3 Entitas Data Terlibat atau Keluaran ... 23

3.1.2.4 Proses Tampil Tips ... 23

3.1.2.4.2 Algoritma atau Formula Dari Proses ... 23 3.1.2.4.3 Entitas Data Terlibat atau

Keluaran ... 24 3.1.2.5 Proses Tampil Tes Bantuan ... 24

3.1.2.5.1 Entitas Data Masukan ... 24 3.1.2.5.2 Algoritma atau Formula Dari

Proses ... 24 3.1.2.5.3 Entitas Data Terlibat atau

Keluaran ... 24 3.1.2.6 Proses Tampil Profil Pembuat ... 24

3.1.2.6.1 Entitas Data Masukan ... 24 3.1.2.6.2 Algoritma atau Formula Dari

Proses ... 25 3.1.2.6.3 Entitas Data Terlibat atau

Keluaran ... 25 3.1.2.7 Proses Tampil Referensi ... 25

3.1.2.7.1 Entitas Data Masukan ... 25 3.1.2.7.2 Algoritma atau Formula Dari

Proses ... 25 3.1.2.7.3 Entitas Data Terlibat atau

Keluaran ... 25 3.1.3 Spesifikasi Data ADiGoDa ... 26 3.2 Kamus Data ... 26

Daftar Gambar

Gambar 1. DFD Level 0 ADiGoDa ... 15 Gambar 2. DFD Level 1 ADiGoDa ... 18 Gambar 3. DFD Level 2 Proses 2 Tes Pengetahuan

Makanan Sehat ... 20 Gambar 4. DFD Level 2 Proses 3 Pengukuran Status

1.

_Pendahuluan

1.1 _Tujuan

Dokumen Spesifikasi Kebutuhan Perangkat Lunak (SKPL) ini merupakan dokumen spesifikasi kebutuhan dari perangkat lunak pembangunan aplikasi diet berdasarkan golongan darah berbasis multimedia (ADiGoDa) untuk mendefinisikan kebutuhan perangkat lunak yang meliputi antarmuka eksternal (antarmuka antara sistem dengan sistem perangkat lunak dan perangkat keras, dan pengguna), perfomansi (kemampuan perangkat lunak dari segi kecepatan, tempat penyimpanan yang dibutuhkan, serta keakuratan), dan atribut (feature-feature tambahan yang dimiliki sistem), serta mendefinisikan fungsi perangkat lunak. SKPL-ADiGoDa ini juga mendefinisikan batasan perancangan perangkat lunak.

1.2 _{Lingkup Masalah}

Perangkat lunak ADiGoDa dikembangkan dengan tujuan untuk memberikan informasi tentang makanan yang dianjurkan dan yang tidak boleh dimakan oleh pengguna, pengguna mendapatkan menu diet makanan sesuai golongan darah, pengukuran berat badan ideal, pengukuran makanan (gram) dalam kalori.

1.3 _{Definisi, Akronim dan Singkatan}

Daftar definisi akronim dan singkatan :

Keyword/Phrase Definisi SKPL Merupakan dokumen spesifikasi kebutuhan dari perangkat lunak yang akan dikembangkan.

ADiGoDa Sebuah aplikasi perangkat lunak yang digunakan untuk memberikan informasi

kepada pengguna mengenai makanan yang dianjurkan dan yang dipantang sesuai golongan drah, menu diet makanan sesuai golongan darah, pengukuran berat badan ideal serta pengukuran makanan (gram) dalam kalori.

DFD Merupakan singkatan dari Data Flow Diagram yang digunakan untuk merepresentasikan aliran proses pada sistem perangkat lunak ini.

1.4 _Referensi

Referensi yang digunakan pada perangkat lunak ini adalah:

1. GL01, Spesifikasi Kebutuhan Perangkat Lunak, Jurusan Teknik Informatika - UAJY.

2. SKPL-SikFi, Spesifikasi Kebutuhan Perangkat Lunak, Oleh Ronald Prasetya, Jurusan Teknik Informatika - UAJY.

1.5 _{Deskripsi umum (Overview)}

Secara umum dokumen SKPL ini terbagi atas 3 bagian utama. Bagian utama berisi penjelasan mengenai dokumen SKPL tersebut yang mencakup tujuan pembuatan SKPL, ruang lingkup masalah dalam pengembangan perangkat lunak tersebut, definisi, referensi dan deskripsi umum tentang dokumen SKPL ini.

Bagian kedua berisi penjelasan umum tentang perangkat lunak ADiGoDa yang akan dikembangkan, mencakup perspektif produk yang akan dikembangkan, fungsi produk perangkat lunak, karakteristik pengguna, batasan dalam penggunaan perangkat lunak dan asumsi

yang dipakai dalam pengembangan perangkat lunak ADiGoDa tersebut.

Bagian ketiga berisi penjelasan secara lebih rinci tentang kebutuhan perangkat lunak ADiGoDa yang akan dikembangkan.

2. _{Deskripsi Kebutuhan} 2.1 _{Perspektif produk}

Perangkat lunak ADiGoDa secara umum merupakan perangkat lunak yang digunakan untuk memberikan informasi kepada pengguna mengenai menu makanan diet golongan darah. Selain itu, memberikan informasi mengenai anjuran dan pantangan makanan menurut golongan darah, pengukuran berat badan ideal, tips mendapatkan tubuh sehat, serta pengukuran makanan (gram) dalam kalori.

2.1.1 Antarmuka Pemakai

Pemakai berinteraksi dengan antarmuka yang ditampilkan dalam bentuk screen-screen. Interaksi dengan pengguna memungkinkan pengguna untuk melihat informasi menu makanan diet golongan darah, anjuran dan pantangan makanan menurut golongan darah, pengukuran berat badan ideal, tips mendapatkan tubuh sehat, serta pengukuran makanan (gram) dalam kalori. Aplikasi akan menerima masukan dari pengguna melalui pilihan fungsi.

2.1.2 Antarmuka Perangkat Keras

Piranti antarmuka perangkat keras yang digunakan dalam pengembangan perangkat lunak ADiGoDa ini adalah :

1. PC dengan minimum RAM 512MB (rekomendasi RAM 1GB). 2. Mouse.

3. Keyboard . 4. Monitor 15”. 5. Harddisk 40 GB.

6. Ponsel dengan system operasi Symbian OS™ S60 3rd edition.

2.1.3 Antarmuka Perangkat Lunak

Perangkat lunak yang dibutuhkan dalam pembangunan perangkat lunak ADiGoDa adalah sebagai berikut :

1. Nama : Adobe Flash CS3 Professional Sumber : Adobe

Sebagai antarmuka 2. Nama : Windows XP Sumber : Microsoft

Sebagai sistem operasi komputer. 3. Nama : Player Flash Lite 2.0

Sebagai pre-instal yang ditanamkan di ponsel. 4. Nama : Corel Draw X3, Photoshop CS3.

Sebagai kompresi gambar.

5. Nama : Symbian OS™ S60 3rd edition.

Sebagai sistem operasi dalam ponsel untuk mendukung jalannya program.

2.1.4 Batasan Memori

Batasan memori primer yang dibutuhkan dalam operasional ADiGoDa yaitu minimum RAM untuk PC adalah 512MB (rekomendasi 1GB), sedangkan untuk ponsel adalah minimum 1MB.

Variasi mode operasi yang dibutuhkan dalam pengembangan perangkat lunak ADiGoDa adalah Mode Read

Only, yaitu user hanya dapat membaca atau memperoleh

informasi menu makanan diet golongan darah, anjuran dan pantangan makanan menurut golongan darah, pengukuran berat badan ideal, tips mendapatkan tubuh sehat, serta pengukuran makanan (gram) dalam kalori.

2.2 Fungsi Produk

ADiGoDa merupakan aplikasi stand-alone pada ponsel yang digunakan untuk memudahkan sistem dalam mengenalkan dan memberi informasi seputar diet berdasarkan golongan darah. Adapun fungsi-fungsi yang dimiliki oleh perangkat lunak ini, sebagai berikut :

1. Intro (SKPL-ADiGoDa-01) merupakan screen yang akan mengantar ke screen utama.

2. Tampil Jenis Golongan Darah (SKPL-AdoGoDa-02)

2.1. Tampil Golongan Darah A

(SKPL-ADiGoDa-02-01) berfungsi menampilkan golongan darah A. 2.1.1. Tampil Menu Diet Makanan A

(SKPL-ADiGoDa-02-02-01) berfungsi untuk menampilkan pilihan menu diet makanan A.

2.1.2. Tampil Anjuran dan Pantangan Jenis Makanan A (SKPL-ADiGoDa-02-02-02) berfungsi untuk menampilkan jenis-jenis makanan yang dianjurkan dan dipantangkan golongan darah A.

2.2. Tampil Golongan Darah B

(SKPL-ADiGoDa-02-02) berfungsi menampilkan golongan darah B. 2.2.1. Tampil Menu Diet Makanan B

(SKPL-ADiGoDa-02-02-01) berfungsi untuk menampilkan pilihan menu diet makanan B.

2.2.2. Tampil Anjuran dan Pantangan Jenis Makanan B (SKPL-ADiGoDa-02-02-02) berfungsi untuk menampilkan jenis-jenis makanan yang dianjurkan dan dipantangkan golongan darah B.

2.3. Tampil Golongan Darah AB

(SKPL-ADiGoDa-02-03) berfungsi menampilkan golongan darah O. 2.3.1. Tampil Menu Diet Makanan AB

(SKPL-ADiGoDa-02-03-01) berfungsi untuk menampilkan pilihan menu diet makanan AB.

2.3.2. Tampil Anjuran dan Pantangan Jenis Makanan O (SKPL-ADiGoDa-02-03-02) berfungsi untuk menampilkan jenis-jenis makanan yang dianjurkan dan dipantangkan golongan darah AB.

2.4. Tampil Golongan Darah O

(SKPL-ADiGoDa-02-04) berfungsi menampilkan golongan darah O. 2.4.1. Tampil Menu Diet Makanan O

(SKPL-ADiGoDa-02-04-01) berfungsi untuk menampilkan pilihan menu diet makanan O.

2.4.2. Tampil Anjuran dan Pantangan Jenis Makanan O (SKPL-ADiGoDa-02-04-02) berfungsi untuk menampilkan jenis-jenis makanan yang dianjurkan dan dipantangkan golongan darah O.

3. Tampil Pengukuran Berat Badan Ideal (SKPL-ADiGoDa-03) berfungsi untuk mengukur berat badan ideal dengan membutuhkan inputan dari pengguna.

3.1. Inputan Pengukuran Berat Badan Ideal

(SKPL-ADiGoDa-03-01) berfungsi untuk menginputkan berat badan serta tinggi badan

3.2. Tampil Hasil Berat Badan Ideal (SKPL-ADiGoDa-03-02) berfungsi untuk menampilkan hasil pengukuran berat badan ideal dan hasil kategori berat badan berdasarkan inputan dari pengguna.

4. Tampil Menu Tips (SKPL-ADiGoDa-04) berfungsi untuk menampilkan pilihan dalam menu tips.

4.1. Tips Tubuh Sehat (SKPL-ADiGoDa-04-01)

berfungsi untuk menampilkan tips tentang tubuh sehat.

5. Tampil Bantuan (SKPL-ADiGoDa-05) berfungsi untuk menampilkan bantuan dari aplikasi ADiGoDa ini.

6. Tampil Profil pembuat (SKPL-ADiGoDa-07) berfungsi untuk menampilkan profil dari pembuat aplikasi ini.

2.3 Karakteristik Pengguna

Karakteristik pengguna yang menggunakan perangkat lunak ADiGoDa adalah sebagai berikut :

• Mengerti dan memahami bagaimana caranya menjalankan aplikasi di ponsel.

2.4 Batasan-batasan

Batasan dalam pengembangan perangkat lunak ADiGoDa yaitu :

1. Kebijaksanaan umum

Mengacu pada tujuan pengembangan perangkat lunak ADiGoDa

2. Keterbatasan perangkat keras

3. Kebutuhan keandalan

Pengembangan perangkat lunak ini dibatasi pada kemudahan penggunaan dan kecepatan dalam proses pengolahannya.

2.5 Asumsi dan Ketergantungan

Asumsi yang digunakan dalam pengembangan perangkat lunak ADiGoDa yaitu :

• Tersedia perangkat lunak yang sesuai dengan kebutuhan untuk mengoperasikan produk perangkat lunak ADiGoDa yaitu Flash Lite Player 2.1.

• Flash Lite 2.0 memerlukan :

• Ponsel : sistem operasi Symbian S60 3rd edition minimum RAM 1 MB.

• CPU : karakteristik CPU 32-bit data bus 1.8 GHz, minimum RAM 512 MB,Rekomendasi RAM 1GB.

3 Kebutuhan Khusus

3.1 Kebutuhan Fungsionalitas 3.1.1 Aliran Informasi

3.1.1.1 DFD Level 0 (Diagram Konteks) ADiGoDa (Gambar 1)

3.1.1.1.1 Entitas data

Entitas eksternal data yang terlibat dalam pengembangan perangkat lunak ADiGoDa ini adalah pengguna.

3.1.1.1.2 Proses

Proses yang terjadi dalam perangkat lunak ADiGoDa ini adalah menerima input data dari pengguna dan mengolah data input tersebut menjadi output sesuai fungsi yang diinginkan.

Topologi prosesnya dapat dilihat sebagai berikut :

Gambar 1. DFD Level 0 ADiGoDa

3.1.1.2 DFD Level 1 ADiGoDa (Gambar 2) 3.1.1.2.1 Entitas data

Entitas eksternal data yang terlibat dalam pengembangan perangkat lunak ADiGoDa ini sesuai dengan DFD Level 0 (Diagram Konteks) ADiGoDa diatas yaitu pengguna.

3.1.1.2.2 Proses

Proses yang terjadi dalam DFD level 1 ini mencakup 6 proses, yaitu :

1. Tampil Jenis Golongan Darah adalah suatu proses untuk 4 jenis golongan darah (A, B, AB, O) pada pengguna.

2. Pengukuran Berat Badan Ideal adalah suatu proses untuk menampilkan pengukuran berat badan ideal pengguna, maka disini pengguna perlu memberikan input berat badan serta tinggi badan, setelah

semua diisi, maka sistem akan memproses data inputan dan menampilkan hasil pengukuran berat badan ideal kepada pengguna.

3. Pengukuran Makanan (gram) dalam Kalori adalah suatu proses untuk menampilkan pengukuran makanan(gram) dalam kalori, maka disini pengguna perlu memberikan input jumlah kalori dalam 1 hari, maka sistem akan memproses data inputan dan menampilkan jenis makanan dalam bentuk gram.

4. Tampil Tips adalah suatu proses untuk menampilkan tips-tips yang berkaitan dengan kesehatan yaitu tips hidup sehat.

5. Tampil Bantuan adalah suatu proses yang menampilkan bantuan dalam penggunaan aplikasi ADiGoDa ini.

6. Tampil Profil Pembuat adalah suatu proses untuk menampilkan profil dari pembuat aplikasi ini.

3.1.1.2.3 Topologi

3.1.1.3 DFD Level 2 Proses 1 Tampil Jenis Golongan Darah (Gambar 3)

3.1.1.3.1 Entitas data

Entitas eksternal data yang terlibat dalam pengembangan perangkat lunak ADiGoDa ini sesuai dengan DFD Level 0 (Diagram Konteks) ADiGoDa diatas yaitu pengguna.

3.1.1.3.2 Proses

Proses yang terjadi dalam DFD level 2 dari Proses

Tampil Jenis Golongan Darah ini mencakup 4 proses,

yaitu :

1. Tampil Golongan Darah A adalah sebuah proses untuk menampilkan menu makanan serta anjuran dan pantangan makanan bagi pengguna yang memiliki bergolongan darah A.

2. Tampil Golongan Darah B adalah sebuah proses untuk menampilkan menu makanan serta anjuran dan pantangan makanan bagi pengguna yang memiliki bergolongan darah B.

3. Tampil Golongan Darah AB adalah sebuah proses untuk menampilkan menu makanan serta anjuran dan pantangan makanan bagi pengguna yang memiliki bergolongan darah AB.

4. Tampil Golongan Darah O adalah sebuah proses untuk menampilkan menu makanan serta anjuran dan pantangan makanan bagi pengguna yang memiliki bergolongan darah O.

3.1.1.3.3 Topologi

Gambar 3. DFD Level 2 Proses 1 Tampil Jenis Golongan Darah

3.2 Kamus Data

Kamus data berdasarkan DFD yang dibuat adalah :

Nama Data : Pilihan jenis golongan darah Deskripsi : Data ini menggambarkan pilihan

untuk menampilkan jenis golongan darah.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : [True|False]

Nama Data : Inputan pengukuran berat badan ideal

Deskripsi : Data ini menggambarkan masukan dari pengguna untuk mengukur berat badan ideal.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : Integer

Nama Data : Inputan pengukuran makanan (gram) dalam kalori

Deskripsi : Data ini menggambarkan masukan dari pengguna untuk mengukur makanan (gram) dalam kalori. Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : Integer

Nama Data : Pilihan tips tubuh sehat

Deskripsi : Data ini menggambarkan pilihan untuk menampilkan tips tubuh sehat.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : [True|False]

Nama Data : Pilihan bantuan

Deskripsi : Data ini menggambarkan pilihan untuk menampilkan bantuan dalam menjalankan sistem.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data :[True|False]

Nama Data : Pilihan profil pembuat

Deskripsi : Data ini menggambarkan pilihan untuk menampilkan profil pembuat sistem.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : [True|False]

Nama Data : Tampilan Jenis Golongan Darah Deskripsi : Data ini menggambarkan tentang

jenis-jenis golongan darah untuk ditampilkan.

Dari : Sistem ADiGoDa

Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data : Pilihan menu makanan A

Deskripsi : Data ini menggambarkan pilihan untuk menampilkan menu makanan golongan darah A.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : [True|False]

Nama Data : Pilihan menu makanan B

Deskripsi : Data ini menggambarkan pilihan untuk menampilkan menu makanan golongan darah B.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : [True|False]

Nama Data : Pilihan menu makanan AB

Deskripsi : Data ini menggambarkan pilihan untuk menampilkan menu makanan golongan darah AB.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : [True|False]

Nama Data : Pilihan menu makanan O

Deskripsi : Data ini menggambarkan pilihan untuk menampilkan menu makanan golongan darah O.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : [True|False]

Nama Data : Tampilan menu makanan A

Deskripsi : Data ini menggambarkan tentang tampilan menu makanan golongan darah A.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data : Tampilan menu makanan B

Deskripsi : Data ini menggambarkan tentang tampilan menu makanan golongan darah B.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z} Nama Data : Tampilan menu makanan AB

Deskripsi : Data ini menggambarkan tentang tampilan menu makanan golongan darah AB.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data : Tampilan menu makanan O

Deskripsi : Data ini menggambarkan tentang tampilan menu makanan golongan darah O.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data : Pilihan anjuran dan pantangan makanan A

Deskripsi : Data ini menggambarkan pilihan untuk menampilkan anjuran dan pantangan makanan golongan darah A.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : [True|False]

Nama Data : Pilihan anjuran dan pantangan makanan B

Deskripsi : Data ini menggambarkan pilihan untuk menampilkan anjuran dan pantangan makanan golongan darah B.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : [True|False]

Nama Data : Pilihan anjuran dan pantangan makanan AB

Deskripsi : Data ini menggambarkan pilihan untuk menampilkan anjuran dan pantangan makanan golongan darah AB.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : [True|False]

Nama Data : Pilihan anjuran dan pantangan makanan O

Deskripsi : Data ini menggambarkan pilihan untuk menampilkan anjuran dan pantangan makanan golongan darah O.

Dari : Pengguna

Ke : Sistem ADiGoDa Struktur Data : [True|False]

Nama Data :Tampilan anjuran dan pantangan makanan A

Deskripsi : Data ini menggambarkan tentang tampilan anjuran dan pantangan makanan golongan darah A.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data :Tampilan anjuran dan pantangan makanan B

Deskripsi : Data ini menggambarkan tentang tampilan anjuran dan pantangan makanan golongan darah B.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data :Tampilan anjuran dan pantangan makanan AB

Deskripsi : Data ini menggambarkan tentang tampilan anjuran dan pantangan makanan golongan darah AB.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data :Tampilan anjuran dan pantangan makanan O

Deskripsi : Data ini menggambarkan tentang tampilan anjuran dan pantangan makanan golongan darah O.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data : Tampilan pengukuran berat badan ideal

Deskripsi : Data ini menggambarkan tentang pengukuran berat badan ideal untuk ditampilkan kepada pengguna.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data : Laporan hasil pengukuran berat badan ideal

Deskripsi : Data ini merupakan data hasil pengukuran berat badan ideal, dimana hasil bergantung pada nilai inputan tinggi dan berat badan pengguna.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data :{0|1|...|9|a|b|...|z}

Nama Data : Tampilan pengukuran makanan (gram) dalam kalori

Deskripsi : Data ini menggambarkan tentang pengukuran status gizi untuk ditampilkan kepada pengguna. Dari : Sistem ADiGoDa

Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data : Laporan hasil pengukuran makanan (gram) dalam kalori Deskripsi : Data ini merupakan data hasil

ukuran makanan (gram) dalam kalori, dimana hasil bergantung pada nilai inputan

kalori pengguna. Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data :{0|1|...|9|a|b|...|z}

Nama Data : Tampilan bantuan

Deskripsi : Data ini menggambarkan tentang tampilan bantuan dalam menggunakan sistem berupa informasi kepada pengguna.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data : Tampilan tips tubuh sehat

Deskripsi : Data ini menggambarkan tentang tampilan tips tubuh sehat

berupa informasi kepada pengguna.

Dari : Sistem ADiGoDa Ke : Pengguna

Struktur Data : {0|1|...|9|a|b|...|z}

Nama Data : Tampilan profil pembuat

Deskripsi : Data ini menggambarkan tentang tampilan profil pembuat aplikasi berupa informasi kepada pengguna.

Dari : Sistem ADiGoDa Ke : Pengguna

LAMPIRAN II:

DPPL-ADiGoDa

Program Studi Teknik Informatika DPPL – ADiGoDa 1

DPPL

DESKRIPSI PERANCANGAN PERANGKAT LUNAK

Aplikasi Diet Berdasarkan Golongan darah

Berbasis Multimedia

(ADiGoDa)

Untuk :

Universitas Atma Jaya Yogyakarta

Dipersiapkan oleh:

Helen Nessia.B.

/ 05 07 04734

Program Studi Teknik Informatika Fakultas Teknologi Industri Universitas Atma Jaya Yogyakarta

Program Studi Teknik Informatika

Fakultas Teknologi Industri

Nomor Dokumen Halaman

DPPL-ADiGoDa

1/36

Revisi Tgl:

Program Studi Teknik Informatika DPPL – ADiGoDa 2

DAFTAR PERUBAHAN

Revisi Deskripsi

A

B

C

D

E

F

INDEX TGL

- A B C D E F G

Ditulis oleh

Diperik sa oleh

Disetuj ui oleh

Program Studi Teknik Informatika DPPL – ADiGoDa 3

Daftar Halaman Perubahan

Program Studi Teknik Informatika DPPL – ADiGoDa 4

Daftar Isi

1. Pendahuluan ... 8 1.1. Tujuan ... 8 1.2. Lingkup Masalah ... 8 1.3. Definisi, Akronim dan Singkatan ... 8 1.4. Referensi ... 9 1.5. Deskripsi Umum (Overview) ... 9 2. Deskripsi Dekomposisi ... 11 2.1 Rancangan Arsitektur ... 11 2.2 Ketergantungan Antar Modul ... 12 2.3 Deskripsi Dekomposisi Modul ... 13 2.3.1 Deskripsi Modul 1 ... 13 2.3.2 Deskripsi Modul 2 ... 13 2.3.3 Deskripsi Modul 3 ... 13 2.3.4 Deskripsi Modul 3a ... 14 2.3.5 Deskripsi Modul 3a1 ... 14 2.3.6 Deskripsi Modul 3a2 ... 14 2.3.7 Deskripsi Modul 3a3 ... 14 2.3.8 Deskripsi Modul 3a1a ... 15 2.3.9 Deskripsi Modul 3a2a ... 15 2.3.10 Deskripsi Modul 3a3a ... 15 2.3.11 Deskripsi Modul 3b ... 15 2.3.12 Deskripsi Modul 4 ... 16 2.3.13 Deskripsi Modul 5 ... 16 2.3.14 Deskripsi Modul 6 ... 16 2.3.15 Deskripsi Modul 6a ... 16 2.3.16 Deskripsi Modul 6b ... 17 2.3.17 Deskripsi Modul 7 ... 17 2.3.18 Deskripsi Modul 8 ... 17

Program Studi Teknik Informatika DPPL – ADiGoDa 5 2.3.19 Deskripsi Modul 9 ... 17 2.4 Dekomposisi Data ... 17 2.4.1 Deskripsi Entitas Data 1 ... 18 2.4.2 Deskripsi Entitas Data 2 ... 18 2.4.3 Deskripsi Entitas Data 3 ... 18 2.4.4 Deskripsi Entitas Data 4 ... 19 2.4.5 Deskripsi Entitas Data 5 ... 19 2.4.6 Deskripsi Entitas Data 6 ... 19 3. Deskripsi Perancangan Antarmuka dan Fungsional ... 20 3.1 Deskripsi Antarmuka Modul ... 20 3.1.1 Intro ... 20 3.1.2 Antarmuka Menu Utama ... 21 3.1.3 Antarmuka Menu Makanan Sehat ... 22 3.1.4 Antarmuka Daftar Resep Makanan Sehat ... 23 3.1.5 Antarmuka Resep Makanan 1 ... 24 3.1.6 Antarmuka Resep Makanan 2 ... 24 3.1.7 Antarmuka Resep Makanan 3 ... 25 3.1.8 Antarmuka Demo Masak Resep Makanan 1 ... 26 3.1.9 Antarmuka Demo Masak Resep Makanan 2 ... 27 3.1.10 Antarmuka Demo Masak Resep Makanan 3 .... 27 3.1.11 Antarmuka Referensi Tempat Makan ... 28 3.1.12 Antarmuka Tes Pengetahuan Makanan

Sehat ... 29

3.1.13 Antarmuka Display Hasil Tes ... 29 3.1.14 Antarmuka Pengukuran Statuz Gizi ... 30 3.1.15 Antarmuka Display Hasil Pengukuran ... 31 3.1.16 Antarmuka Tips ... 32 3.1.17 Antarmuka Tips Makanan Sehat ... 32 3.1.18 Antarmuka Tips Tubuh Sehat ... 33 3.1.19 Antarmuka Bantuan ... 34 3.1.20 Antarmuka Profil Pembuat ... 35

Program Studi Teknik Informatika DPPL – ADiGoDa 6 3.1.21 Antarmuka Referensi ... 36

Program Studi Teknik Informatika DPPL – ADiGoDa 7

Daftar Gambar

Gambar 1. Rancangan Arsitektur ADiGoDa ... 11 Gambar 2. Ketergantungan Antar Modul ... 12 Gambar 3. Form Intro 1 ... 20 Gambar 4. Form Intro 2 ... 20 Gambar 5. Menu Utama ... 22 Gambar 6. Menu Makanan Sehat ... 23 Gambar 7. Daftar Resep Makanan Sehat ... 23 Gambar 8. Resep Makanan 1 ... 24 Gambar 9. Resep Makanan 2 ... 25 Gambar 10. Resep Makanan 3 ... 26 Gambar 11. Demo Masak Resep Makanan 1 ... 26 Gambar 12. Demo Masak Resep Makanan 2 ... 27 Gambar 13. Demo Masak Resep Makanan 3 ... 28 Gambar 14. Referensi Tempat Makan ... 28 Gambar 15. Tes Pengetahuan Makanan Sehat ... 29 Gambar 16. Display Hasil Tes ... 30 Gambar 17. Pengukuran Status Gizi ... 31 Gambar 18. Display Hasil Pengukuran ... 31 Gambar 19. Menu Tips ... 32 Gambar 20. Tips Makanan Sehat ... 33 Gambar 21. Tips Tubuh Sehat ... 34 Gambar 22. Bantuan ... 35 Gambar 23. Profil Pembuat ... 35 Gambar 24. Referensi ... 36

Program Studi Teknik Informatika DPPL – ADiGoDa 8

1 Pendahuluan

1.1 Tujuan

Tujuan dari dokumen Deskripsi Perancangan Perangkat Lunak (DPPL) ini adalah untuk mendefinisikan perancangan perangkat lunak yang akan dikembangkan yaitu aplikasi resep menu makanan sehat berbasis multimedia. Dokumen ini digunakan oleh pengembang perangkat lunak sebagai acuan untuk implementasi pada tahap selanjutnya.

1.2 Lingkup Masalah

Perangkat lunak ADiGoDa dikembangkan dengan tujuan untuk memberikan informasi tentang makanan yang dianjurkan dan yang tidak boleh dimakan oleh pengguna, pengguna mendapatkan menu diet makanan sesuai golongan darah, pengukuran berat badan ideal, pengukuran makanan (gram) dalam kalori.

1.3 Definisi, Akronim dan Singkatan

Daftar definisi akronim dan singkatan yang digunakan:

Keyword/Phrase Definisi

DPPL Merupakan dokumen deskripsi perancangan

dari perangkat lunak yang akan dikembangkan.

ADiGoDa Sebuah aplikasi perangkat lunak yang

digunakan untuk memberikan informasi kepada pengguna mengenai makanan yang dianjurkan dan yang dipantang sesuai

Program Studi Teknik Informatika DPPL – ADiGoDa 9

golongan darah, menu diet makanan sesuai golongan darah, pengukuran berat badan ideal serta pengukuran makanan (gram) dalam kalori.

1.4 Referensi

Dokumen yang digunakan sebagai acuan dalam rencana pengembangan perangkat lunak ini adalah:

1. GL01, Spesifikasi Kebutuhan Perangkat Lunak,

Jurusan Teknik Informatika - UAJY.

2. DPPL-SikFi, Deskripsi Perancangan Perangkat

Lunak, Oleh Ronald Prasetya, Jurusan Teknik Informatika - UAJY.

3. SKPL-ADiGoDa, Spesifikasi Kebutuhan Perangkat

Lunak, Oleh Asteria Meilani Witanti, Jurusan Teknik Informatika - UAJY.

1. 5 Deskripsi umum (Overview)

Secara umum dokumen DPPL ini terbagi atas 3 bagian utama. Bagian utama berisi penjelasan mengenai dokumen DPPL ini yang mencakup tujuan pembuatan DPPL, ruang lingkup masalah dalam pengembangan perangkat lunak tersebut, definisi akronim yang digunakan, referensi dan deskripsi umum tentang dokumen DPPL ini.

Bagian kedua berisi deskripsi dekomposisi perangkat lunak ADiGoDa yang akan dikembangkan, mencakup dekomposisi data dan dekomposisi modul dari perangkat lunak ADiGoDa.

Program Studi Teknik Informatika DPPL – ADiGoDa 10 Bagian ketiga berisi deskripsi perancangan antar muka dan fungsional dari masing-masing form yang akan digunakan dalam pengembangan perangkat lunak ADiGoDa ini.

2 Deskripsi Dekomposisi

2.1 Rancangan Arsitektur

Rancangan arsitektur perangkat lunak ADiGoDa dapat dilihat seperti pada gambar 1.

2.2 Ketergantungan Antar Modul

Program Studi Teknik Informatika DPPL – ADiGoDa 13

2.3 Deskripsi Dekomposisi Modul

Deskripsi ini akan mencatat pembagian sistem perangkat lunak ke dalam modul-modul dari perangkat lunak yang akan dibuat.

2.3.1 Deskripsi Modul 1

Nama : Intro

Tujuan : Pengantar menuju menu utama

Tugas : Menampilkan loading screen.

2.3.2 Deskripsi Modul 2

Nama : Sistem ADiGoDa (Menu Utama)

Tujuan : Mengajak pengguna untuk memilih pilihan

menu yang disediakan seperti pilihan menu diet berdasarkan golongan darah, pengukuran berat badan ideal, pengukuran makanan (gram) dalam kalori, tips, bantuan dan profil.

Tugas : Menampilkan menu utama dari sistem ADiGoDa.

2.3.3 Deskripsi Modul 3

Nama : Menu Diet

Tujuan : Mengajak pengguna untuk memilih pilihan

menu yang disediakan seperti pilihan daftar menu makanan serta anjuran dan pantangan makanan yang sesuai golongan darah.

Tugas : Menampilkan menu diet makanan berdasarkan

Program Studi Teknik Informatika DPPL – ADiGoDa 14

2.3.4 Deskripsi Modul 3a

Nama : Daftar Resep Makanan Sehat

Tujuan : Mengajak pengguna untuk memilih pilihan

daftar resep makanan untuk memilih resep makanan yang ingin ditampilkan.

Tugas : Menampilkan daftar resep makanan sehat.

2.3.5 Deskripsi Modul 3a1

Nama : Resep Makanan 1

Tujuan : Mengajak pengguna untuk melihat detail

resep makanan 1 yang telah dipilih sebelumnya yang berupa bahan-bahan, cara pembuatan, dan info kalori.

Tugas : Menampilkan tampilan resep makanan 1.

2.3.6 Deskripsi Modul 3a2

Nama : Resep Makanan 2

Tujuan : Mengajak pengguna untuk melihat detail

resep makanan 2 yang telah dipilih sebelumnya yang berupa bahan-bahan, cara pembuatan, dan info kalori

Tugas : Menampilkan tampilan resep makanan 2.

2.3.7 Deskripsi Modul 3a3

Nama : Resep Makanan 3

Tujuan : Mengajak pengguna untuk melihat detail

resep makanan 3 yang telah dipilih sebelumnya yang berupa bahan-bahan, cara pembuatan, dan info kalori.

Program Studi Teknik Informatika DPPL – ADiGoDa 15

2.3.8 Deskripsi Modul 3a1a

Nama : Demo Masak Resep Makanan 1

Tujuan : Mengajak pengguna untuk melihat demo

masakan resep makanan 1.

Tugas : Menampilkan tampilan demo masak resep

makanan 1.

2.3.9 Deskripsi Modul 3a2a

Nama : Demo Masak Resep Makanan 2

Tujuan : Mengajak pengguna untuk melihat demo

masakan resep makanan 2.

Tugas : Menampilkan tampilan demo masak resep

makanan 2.

2.3.10 Deskripsi Modul 3a

Nama : Resep Makanan 3

Tujuan : Mengajak pengguna untuk melihat demo

masakan resep makanan 3.

Tugas : Menampilkan tampilan demo masak resep

makanan 3.

2.3.11 Deskripsi Modul 3b

Nama : Referensi Tempat Makan

Tujuan : Mengajak pengguna untuk melihat referensi

tempat makan yang menyajikan menu makanan sehat.

Tugas : Menampilkan tampilan referensi tempat

Program Studi Teknik Informatika DPPL – ADiGoDa 16

2.3.12 Deskripsi Modul 4

Nama : Tes Pengetahuan Makanan Sehat

Tujuan : Mengajak pengguna untuk mengetahui

tingkatan pengetahuan makanan sehat.

Tugas : Menampilkan tampilan tes pengetahuan

makanan sehat

2.3.13 Deskripsi Modul 5

Nama : Pengukuran Status Gizi

Tujuan : Mengajak pengguna untuk menginputkan berat

badan badan dan tinggi badan dari pengukuran status gizi yang telah disediakan.

Tugas : Menampilkan tampilan pengukuran status gizi

2.3.14 Deskripsi Modul 6

Nama : Tips

Tujuan : Mengajak pengguna untuk memilih pilihan

menu tips kesehatan.

Tugas : Menampilkan tampilan menu tips

2.3.15 Deskripsi Modul 6a

Nama : Tips Makanan Sehat

Tujuan : Mengajak pengguna untuk melihat tips

makanan sehat.

Program Studi Teknik Informatika DPPL – ADiGoDa 17

2.3.16 Deskripsi Modul 6b

Nama : Tips Hidup Sehat

Tujuan : Mengajak pengguna untuk melihat tips hidup

sehat.

Tugas : Menampilkan tampilan tips hidup sehat

2.3.17 Deskripsi Modul 7

Nama : Bantuan

Tujuan : Mengajak pengguna untuk melihat bantuan

penggunaan sistem ADiGoDa ini.

Tugas : Menampilkan tampilan bantuan

2.3.18 Deskripsi Modul 8

Nama : Profil Pembuat

Tujuan : Mengajak pengguna untuk melihat profil

pembuat sistem.

Tugas : Menampilkan tampilan profil pembuat.

2.3.19 Deskripsi Modul 9

Nama : Referensi

Tujuan : Mengajak pengguna untuk melihat referensi

sistem.

Tugas : Menampilkan tampilan referensi.

2.4 Dekomposisi Data

Dekomposisi data ini berisikan penjelasan tentang entitas data yang ada pada tiap scene.

Program Studi Teknik Informatika DPPL – ADiGoDa 18

2.4.1 Deskripsi Entitas Data 1

Nama : tampilan menu makanan sehat

Struktur Data :

2.4.2 Deskripsi Entitas Data 2

Nama : tampilan tes pengetahuan makanan

sehat Struktur Data :

2.4.3 Deskripsi Entitas Data 3

Nama : tampilan pengukuran status gizi

Struktur Data :

Nama Layer Keterangan

Layer Gambar Latar

Layer Tulisan Tulisan

Layer Suara Suara

Layer Tombol Tombol

Layar Action Aksi

Layer Latar Background

Nama Layer Keterangan

Layer Gambar Latar

Layer Tulisan Tulisan

Layer Suara Suara

Layer Tombol Tombol

Layar Action Aksi

Layer Latar Background

Nama Layer Keterangan

Layer Gambar Latar

Layer Tulisan Tulisan

Layer Suara Suara

Layer Tombol Tombol

Layar Action Aksi

Program Studi Teknik Informatika DPPL – ADiGoDa 19

2.4.4 Deskripsi Entitas Data 4

Nama : tampilan tips

Struktur Data :

2.4.5 Deskripsi Entitas Data 5

Nama : tampilan bantuan

Struktur Data :

2.4.6 Deskripsi Entitas Data 6

Nama : tampilan Profil Pembuat dan

Referensi Struktur Data :

Nama Layer Keterangan

Layer Gambar Latar

Layer Tulisan Tulisan

Layer Suara Suara

Layer Tombol Tombol

Layar Action Aksi

Layer Latar Background

Nama Layer Keterangan

Layer Gambar Latar

Layer Tulisan Tulisan

Layer Suara Suara

Layer Tombol Tombol

Layar Action Aksi

Layer Latar Background

Nama Layer Keterangan

Layer Gambar Latar

Layer Tulisan Tulisan

Layer Suara Suara

Layer Tombol Tombol

Layar Action Aksi

Program Studi Teknik Informatika DPPL – ADiGoDa 20

3

Deskripsi Perancangan Antarmuka dan

Fungsional

3.1 Deskripsi Antarmuka Modul

Deskripsi antarmuka modul ini menjelaskan tentang bentuk antarmuka dari perangkat lunak yang akan dibuat.

3.1.1 Intro

Antarmuka ini merupakan deskripsi antarmuka tampilan awal perangkat lunak ADiGoDa sebelum masuk ke dalam menu utama (gambar 3, gambar 4). Terdiri dari 2 tampilan, yang pertama menampilkan judul aplikasi dan logo universitas, sedangkan yang kedua berisi judul aplikasi dan animasi loading screen.

Gambar 3. Form Intro 1

Gambar 4. Form Intro 2

Logo UAJY Judul Aplikasi

Loading Screen Judul Aplikasi

Program Studi Teknik Informatika DPPL – ADiGoDa 21

3.1.2 Antarmuka Menu Utama

Pada modul 2 ini berisi deskripsi antarmuka menu utama sistem (Gambar 5). Menu sistem terdiri dari : Menu Makanan Sehat, Tes Pengetahuan Makanan Sehat, Pengukuran Status Gizi, Tips, Bantuan dan Tentang. Menu-menu yang ditampilkan ini berupa tombol yang digunakan untuk mengakses masing-masing submenu didalamnya. Tombol menu resep makanan sehat, untuk menuju ke antarmuka resep makanan sehat, tombol tes pengetahuan makanan sehat untuk menuju ke antarmuka tes pengetahuan makanan sehat, tombol pengukuran status gizi untuk menuju ke antarmuka pengukuran status gizi, tombol tips untuk menuju ke antarmuka tips, tombol bantuan untuk menuju ke antarmuka bantuan penggunaan aplikasi dan tombol tentang untuk menuju ke antarmuka

tentang. Selain itu juga terdapat key Keluar yang

Program Studi Teknik Informatika DPPL – ADiGoDa 22 Gambar 5. Menu Utama

3.1.3 Antarmuka Menu Makanan Sehat

Antarmuka ini berisi deskripsi antarmuka menu makanan sehat (Gambar 6). Menu makanan sehat terdapat dua tombol yaitu: tombol Daftar Resep Makanan Sehat untuk menuju ke antarmuka daftar resep makanan sehat dan tombol Referensi Tempat Makan untuk menuju ke antarmuka referensi tempat makan. Selain itu juga

terdapat key Kembali yang berfungsi untuk kembali ke

menu utama.

Menu Makanan Sehat

Tes Pengetahuan Makanan Sehat

Pengukuran Status Gizi

Tips

Bantuan

Tentang

Keluar Menu Utama

Program Studi Teknik Informatika DPPL – ADiGoDa 23 Kembali

Gambar 6. Menu Makanan Sehat

3.1.4 Antarmuka Daftar Resep Makanan Sehat

Pada antarmuka ini akan ditampilkan daftar dari resep-resep makanan sehat. Disini akan ditampilkan judul dari masing-masing makanan sehat. Jadi, disini terdapat tiga buah tombol yang merupakan judul-judul makanan, yaitu tombol-tombol untuk menuju ke antarmuka

masing-masing resep yang sesuai dengan pilihan user

dengan menggunakan tombol navigasi. Selain itu juga

terdapat key Kembali yang berfungsi untuk kembali ke

menu sebelumnya yaitu menu makanan sehat.

Kembali

Gambar 7. Daftar Resep Makanan Sehat

Resep Makanan 1 Daftar Resep Makanan Sehat

Resep Makanan 2

Resep Makanan 3

Daftar Resep Makanan Sehat

Referensi Tempat Makan

Tombol Navigasi

Program Studi Teknik Informatika DPPL – ADiGoDa 24

3.1.5 Antarmuka Resep Makanan 1

Pada antarmuka ini akan ditampilkan detail dari

judul resep makanan 1 yang telah dipilih oleh user

sebelumnya. Disini akan ditampilkan keterangan bahan-bahan yang dibutuhkan, cara pembuatan dan info kalori dengan menggunakan tombol navigasi. Selain itu,

terdapat dua buah key yaitu : key Demo Masak yang

berfungsi untuk menuju ke antarmuka cara pembuatan

makanan tersebut dan key Kembali yang berfungsi untuk

kembali ke menu sebelumnya yaitu daftar resep makanan sehat.

Demo Masak Kembali Gambar 8. Resep Makanan 1

3.1.6 Antarmuka Resep Makanan 2

Pada antarmuka ini akan ditampilkan detail dari

judul resep makanan 2 yang telah dipilih oleh user

sebelumnya. Disini akan ditampilkan keterangan bahan-bahan yang dibutuhkan, cara pembuatan dan info kalori dengan menggunakan tombol navigasi. Selain itu,

terdapat dua buah key yaitu : key Demo Masak yang

Judul Makanan 1

Deskripsi Resep Makanan 1

Tombol Navigasi

Program Studi Teknik Informatika DPPL – ADiGoDa 25 berfungsi untuk menuju ke antarmuka cara pembuatan

makanan tersebut dan key Kembali yang berfungsi untuk

kembali ke menu sebelumnya yaitu daftar resep makanan sehat.

Demo Masak Kembali Gambar 9. Resep Makanan 2

3.1.7 Antarmuka Resep Makanan 3

Pada antarmuka ini akan ditampilkan detail dari

judul resep makanan 3 yang telah dipilih oleh user

sebelumnya. Disini akan ditampilkan keterangan bahan-bahan yang dibutuhkan, cara pembuatan dan info kalori dengan menggunakan tombol navigasi. Selain itu,

terdapat dua buah key yaitu : key Demo Masak yang

berfungsi untuk menuju ke antarmuka cara pembuatan

makanan tersebut dan key Kembali yang berfungsi untuk

kembali ke menu sebelumnya yaitu daftar resep makanan sehat.

Judul Makanan 2

Deskripsi Resep Makanan 2

Tombol Navigasi

Program Studi Teknik Informatika DPPL – ADiGoDa 26 Demo Masak Kembali

Gambar 10. Resep Makanan 3

3.1.8 Antarmuka Demo Masak Resep Makanan 1

Pada antarmuka ini akan ditampilkan demo masak

dari resep makanan 1 yang telah dipilih oleh user

sebelumnya. Untuk melihat demo masak selanjutnya atau

sebelumnya dapat digunakan tombol navigasi key right

atau key left. Selain itu, terdapat sebuah key Kembali yang berfungsi untuk kembali ke menu sebelumnya yaitu resep makanan 1.

Kembali

Gambar 11. Demo Masak Resep Makanan 1

3.1.9 Antarmuka Demo Masak Resep Makanan 2

Judul Makanan 3

Deskripsi Resep Makanan 3

Tombol Navigasi

Judul Makanan 1

Demo Masak Resep Makanan 1

Tombol Navigasi

Program Studi Teknik Informatika DPPL – ADiGoDa 27 Pada antarmuka ini akan ditampilkan demo masak

dari resep makanan 2 yang telah dipilih oleh user

sebelumnya. Untuk melihat demo masak selanjutnya atau

sebelumnya dapat digunakan tombol navigasi key right

atau key left. Selain itu, terdapat sebuah key Kembali yang berfungsi untuk kembali ke menu sebelumnya yaitu resep makanan 2.

Kembali

Gambar 12. Demo Masak Resep Makanan 2

3.1.10 Antarmuka Demo Masak Resep Makanan 3

Pada antarmuka ini akan ditampilkan demo masak

dari resep makanan 3 yang telah dipilih oleh user

sebelumnya. Untuk melihat demo masak selanjutnya atau

sebelumnya dapat digunakan tombol navigasi key right

atau key left. Selain itu, terdapat sebuah key Kembali yang berfungsi untuk kembali ke menu sebelumnya yaitu resep makanan 3.

Judul Makanan 2

Demo Masak Resep Makanan 2

Tombol Navigasi

Program Studi Teknik Informatika DPPL – ADiGoDa 28 Kembali

Gambar 13. Demo Masak Resep Makanan 3

3.1.11 Antarmuka Referensi Tempat Makan

Pada antarmuka ini akan ditampilkan referensi-referensi tempat makan yang menyajikan menu makanan sehat. Disini akan ditampilkan nama tempat makan beserta keterangan detail tempat makan tersebut. Selain

itu terdapat pula key Kembali yang berfungsi untuk

kembali ke menu sebelumnya yaitu menu makanan sehat.

Kembali

Gambar 14. Referensi Tempat Makan

Referensi Tempat Makan

Nama Tempat Makan 1

Detail Tempat Makan 1 Judul Makanan 3

Demo Masak Resep Makanan 3

Nama Tempat Makan 2

Detail Tempat Makan 2 Tombol Navigasi

Program Studi Teknik Informatika DPPL – ADiGoDa 29

3.1.12 Antarmuka Tes Pengetahuan Makanan Sehat

Pada antarmuka ini akan ditampilkan tes

pengetahuan makanan sehat. Disini user akan diminta

memilih jawaban benar apa salah sesuai dengan soal tes yang ditampilkan dengan menggunakan tombol navigasi key up atau down. Sedangkan untuk menuju ke soal sebelumnya atau selanjutnya dapat menggunakan key left atau right. Dalam modul ini akan ditampilkan 5 soal dan apabila user telah selesai menjawab maka akan secara otomatis menuju ke antarmuka pemrosesan hasil tes. Adapun

terdapat key Kembali yang berfungsi untuk kembali ke

menu sebelumnya yaitu menu utama.

Kembali

Gambar 15. Tes Pengetahuan Makanan Sehat

3.1.13 Antarmuka Display Hasil Tes

Pada antarmuka ini akan menampilkan hasil tes berupa kata berdasarkan kriteria yang telah disediakan yaitu tingkatan pengetahuan pengguna tentang makanan

sehat. Pada antarmuka ini terdapat key Kembali yang

Tes Pengetahuan Makanan sehat

Soal tes pengetahuan makanan sehat

Tombol Navigasi Pilihan Jawaban Tes

Program Studi Teknik Informatika DPPL – ADiGoDa 30 berfungsi untuk kembali ke menu sebelumnya yaitu menu utama.

Kembali Gambar 16. Display Hasil Tes

3.1.14 Antarmuka Pengukuran Status Gizi

Pada antarmuka ini akan ditampilkan pengukuran

status gizi tubuh pengguna. Disini user akan diminta

menginputkan data berat badan dan tinggi badan untuk dilakukan pengukuran status gizi. Jadi, disini terdapat dua buah key, yaitu : key Hitung yang berfungsi untuk menuju ke antarmuka display hasil pengukuran yang

menampilkan hasilnya kepada user dan key Kembali yang

berfungsi untuk kembali ke menu sebelumnya yaitu menu utama.

Program Studi Teknik Informatika DPPL – ADiGoDa 31 Hitung Kembali

Gambar 17. Pengukuran Status Gizi

3.1.15 Antarmuka Display Hasil Pengukuran

Pada antarmuka ini akan menampilkan hasil pengukuran berupa bilangan numerik hasil pengukuran dan kata berdasarkan kriteria yang telah disediakan yaitu tingkatan hasil pengukuran pengguna. Pada antarmuka ini

terdapat key Kembali yang berfungsi untuk kembali ke

menu sebelumnya yaitu menu utama.

Gambar 18. Display Hasil Pengukuran Kembali

Pengukuran Status Gizi

Inputan User Berat Badan = Tinggi Badan =

Program Studi Teknik Informatika DPPL – ADiGoDa 32

3.1.16 Antarmuka Tips

Pada antarmuka ini akan ditampilkan menu tips. Disini akan ditampilkan pilihan dalam menu tips yang dapat dipilih oleh user. Jadi, disini terdapat dua buah tombol yaitu tombol tips makanan sehat untuk menuju ke antarmuka tips makanan sehat dan tombol tubuh sehat untuk menuju ke antarmuka tips tubuh sehat. Selain itu, terdapat: key Kembali yang berfungsi untuk kembali ke menu sebelumnya yaitu menu utama.

Kembali Gambar 19. Menu Tips

3.1.17 Antarmuka Tips Makanan Sehat

Pada antarmuka ini akan ditampilkan sebuah informasi mengenai tips makanan sehat. Disini hanya terdapat sebuah keterangan untuk memberikan penjelasan mengenai tips makanan sehat yang dapat dilihat dengan menggunakan tombol navigasi key up dan key down. Juga

terdapat 2 buah key, yaitu key Selanjutnya yang

berfungsi untuk menuju ke tips makanan sehat

Tips Makanan Sehat

Program Studi Teknik Informatika DPPL – ADiGoDa 33

selanjutnya dan key Kembali yang berfungsi untuk

kembali ke menu sebelumnya yaitu menu tips.

Selanjutnya Kembali Gambar 20. Tips Makanan Sehat

3.1.18 Antarmuka Tips Tubuh Sehat

Pada antarmuka ini akan ditampilkan sebuah informasi mengenai tips tubuh sehat. Disini hanya terdapat sebuah keterangan untuk memberikan penjelasan mengenai tips tubuh sehat yang dapat dilihat dengan menggunakan tombol navigasi key up dan key down. Juga

terdapat 2 buah key, yaitu key Selanjutnya yang

berfungsi untuk menuju ke tips tubuh sehat selanjutnya

dan key Kembali yang berfungsi untuk kembali ke menu

sebelumnya yaitu menu tips.

Tips Makanan Sehat

Tombol Navigasi

Program Studi Teknik Informatika DPPL – ADiGoDa 34 Gambar 21. Tips Tubuh Sehat

3.1.19 Antarmuka Bantuan

Pada antarmuka ini akan ditampilkan sebuah informasi mengenai bagaimana cara menggunakan aplikasi ini. Disini hanya terdapat sebuah keterangan untuk memberikan penjelasan mengenai bagaimana caranya untuk menggunakan aplikasi ini dimana pengguna dapat

menggunakan tombol navigasi key up dan down untuk

melihat. Pada antarmuka ini terdapat dua buah key,

yaitu key Selanjutnya yang berfungsi melihat bantuan

selanjutnya dan key Kembali yang berfungsi untuk

kembali ke menu sebelumnya yaitu menu utama. Selanjutnya Kembali

Tips Tubuh Sehat

Tombol Navigasi

Program Studi Teknik Informatika DPPL – ADiGoDa 35 Selanjutnya Kembali

Gambar 22. Bantuan

3.1.20 Antarmuka Profil Pembuat

Pada antarmuka ini akan ditampilkan profil dari pembuat aplikasi ini. Disini hanya terdapat sebuah keterangan dan foto dari pembuat aplikasi ini. Pada modul ini hanya terdapat sebuh key, yaitu key Kembali yang berfungsi untuk kembali ke menu sebelumnya yaitu menu utama.

Gambar 23. Profil Pembuat Kembali

Bantuan

Tombol Navigasi

Program Studi Teknik Informatika DPPL – ADiGoDa 36

3.1.21 Antarmuka Referensi

Pada antarmuka ini akan ditampilkan referensi pustaka dalam pembuatan aplikasi ini. Disini hanya terdapat sebuah keterangan referensi. Pada modul ini

hanya terdapat sebuh key, yaitu key Kembali yang

berfungsi untuk kembali ke menu sebelumnya yaitu menu utama

Kembali Gambar 24. Referensi

LAMPIRAN III:

PAPAN CERITA

(STORY BOARD)

ADiGoDa

(Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia)

Untuk :

Tugas Akhir (Skripsi)

Dipersiapkan oleh:

Hellen Nesia / 05 07 04734

Program Studi Teknik Informatika – Fakultas Teknologi Industri

Universitas Atma Jaya Yogyakarta

Program Studi Teknik Informatika

Fakultas Teknologi Industri

Nomor Dokumen Halaman

Perancangan Arsitektur Papan Cerita AdiGoDa

PAPAN CERITA

No. Papan Cerita : PC(1)1.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa)

T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Intro 1 Arahan Grafik Arahan keterangan : Langkah

G1: Gambar latar intro 1 G2: Gambar logo UAJY

T1: Teks yang berisi tulisan “Aplikasi Diet Berdasarkan Golongan Darah”

T2: Teks yang berisi tulisan “ADiGoDa”

• Screen ini akan tampil

beberapa detik sebelum masuk

ke intro kedua ADiGoDa

No. Papan Cerita : PC(1)1.2

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Intro 2 Arahan Grafik Arahan keterangan : Langkah

G1: Gambar latar intro 2 T1: Teks yang berisi tulisan

“@2010”

T2: Teks yang berisi tulisan “Loading...”

T3: Teks yang berisi tulisan “ADiGoDa”

A1: Animasi gambar mascot ADiGoDa

• Screen ini akan tampil

beberapa detik sebelum masuk ke menu utama ADiGoDa PC(2)2.1

No. Papan Cerita : PC(2)2.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Menu Utama Arahan Grafik Arahan keterangan : Langkah

G1: Gambar latar menu utama T1: Teks yang berisi

tulisan “Menu Utama” TO1: Tombol “Golongan

Darah”

TO2: Tombol “Pengukuran Berat Badan Ideal” TO3: Tombol “Pengukuran

Kalori Tubuh”

TO4: Tombol “Data Kalori Makanan”

TO5: Tombol “Tips” TO6: Tombol “Bantuan” TO7: Tombol “Profil

Pembuat”

TO8: Tombol “Referensi” TO9: Tombol navigasi atas

dan bawah

TO10: Tombol yang berisi tulisan “Keluar”

• Jika TO1 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil submenu pilihan menu golongan darah (PC(2)2.2)

• Jika TO2 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil Pengukuran Berat Badan Idal (PC(2)2.3)

• Jika TO3 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil Pengukuran Kalori tubuh (PC(2)2.4)

• Jika TO4 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil Data Kalori Makanan (PC(2)2.5)

• Jika TO5 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil submenu Tips (PC(2)2.6)

• Jika TO6 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil Bantuan (PC (2)2.7)

• Jika TO7 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil Profil Pembuat (PC(2)2.8)

• Jika TO8 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil Referensi (PC(2)2.9)

navigasi atas dan bawah pada handphone • Jika TO10 dipilih dengan menekan tombol

keypad “Enter" maka akan keluar dari aplikasi ADiGoDa

No. Papan Cerita : PC(2)2.2

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa)

T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Submenu Jenis Golongan Darah

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar latar menu utama T1: Teks yang berisi

tulisan “Jenis Golongan Darah”

TO1: Tombol “Golongan Darah A”

TO2: Tombol “Golongan Darah B”

TO3: Tombol “Golongan Darah AB”

TO4: Tombol “Golongan Darah O”

TO5: Tombol navigasi atas dan bawah

TO6: Tombol yang berisi tulisan “Keluar”

• Jika TO1 dipilih dengan menekan

tombol keypad “Enter" maka akan menuju ke antarmuka tampil golongan darah A (PC(3)3.1)

• Jika TO2 dipilih dengan menekan

tombol keypad “Enter" maka akan menuju ke antarmuka tampil golongan darah B (PC(3)3.2)

• Jika TO3 dipilih dengan menekan

tombol keypad “Enter" maka akan menuju ke antarmuka tampil golongan darah AB (PC(3)3.3)

• Jika TO4 dipilih dengan menekan

tombol keypad “Enter" maka akan menuju ke antarmuka tampil golongan darah O (PC(3)3.4)

• TO5 digunakan untuk memilih isi menu jenis golongan darah dengan menekan keypad tombol navigasi atas dan bawah pada handphone

• Jika TO6 dipilih dengan menekan

No. Papan Cerita : (PC(3)3.1)

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Golongan Darah A Arahan Grafik Arahan keterangan : Langkah

T1 : Teks yang berisi penjelasan Anjuran dan Pantangan Makanan Golongan Darah A

TO1: Tombol “Menu Diet A”

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil submenu Menu Diet Golongan Darah A (PC(3)3.1)

• Jika TO2 ditekan dengan

menggunakan keypad softkey kanan maka akan kembali ke antarmuka

Submenu Jenis Golongan Darah

No. Papan Cerita : PC(4)4.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Menu Diet A Arahan Grafik Arahan keterangan : Langkah

T1: Teks yang berisi tulisan “Menu Diet Golongan Darah A” TO1: Tombol “Bistik Nabati” TO2: Tombol “Ikan Kuah

Kemangi”

TO3: Tombol yang berisi tulisan “Kembali”

• Jika TO1 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil Bistik Nabati (PC(5)5.1)

• Jika TO2 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil Ikan Kuah Kemangi (PC(6)6.1)

• Jika TO3 ditekan dengan menggunakan

keypad softkey kanan maka akan

kembali ke antarmuka Golongan Darah A (PC(3)3.1)

No. Papan Cerita : PC(5)5.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Bistik Nabati (Bahan-bahan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar bistik nabati T1: Teks yang berisi tulisan

“Bistik Nabati”

T2: Teks yang berisi tulisan “Bahan-bahan”

T3: Teks isi detail bahan-bahan bistik nabati

TO1: Tombol navigasi atas dan bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi

bawah maka akan menuju

tampilan Bistik Nabati (Cara Pembuatan) (PC(5)5.2)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

tampilan pilihan menu Menu

No. Papan Cerita : PC(5)5.2

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Bistik Nabati (Cara Pembuatan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar bistik nabati T1: Teks yang berisi tulisan

“Bistik Nabati”

T2: Teks yang berisi tulisan “Bahan-bahan”

T3: Teks isi detail cara pembuatan bistik nabati

TO1: Tombol navigasi atas dan bawah

TO3: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi

atas maka akan menuju tampilan

bistik nabati

(bahan-bahan)(PC(5)5.1)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

tampilan pilihan menu Menu

No. Papan Cerita : PC(6)6.1

Topik : Pembangunan Aplikasi Resep Menu Makanan Sehat Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Ikan Kuah Kemangi (Bahan-bahan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar ikan kuah kemangi

T1: Teks yang berisi tulisan “Ikan Kuah Kemangi”

T2: Teks yang berisi tulisan “Cara Pembuatan”

T3: Teks isi detail bahan-bahan ikan kuah kemangi

TO1: Tombol navigasi atas dan bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi

bawah maka akan menuju

tampilan Ikan Kuah Kemangi

(Cara Pembuatan) (PC(6)6.2)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

tampilan pilihan menu Menu

No. Papan Cerita : PC(6)6.2

Topik : Pembangunan Aplikasi Resep Menu Makanan Sehat Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Ikan Kuah Kemangi (Cara Pembuatan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar ikan kuah kemangi

T1: Teks yang berisi tulisan “Ikan Kuah Kemangi”

T2: Teks yang berisi tulisan “Cara Pembuatan”

T3: Teks isi detail cara pembuatan ikan kuah kemangi

TO1: Tombol navigasi atas dan bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi

atas maka akan menuju tampilan

Ikan Kuah Kemangi

(Bahan-bahan) (PC(6)6.2)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

tampilan pilihan menu Menu

No. Papan Cerita : PC(3)3.2

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Golongan Darah B Arahan Grafik Arahan keterangan : Langkah

T1 : Teks yang berisi penjelasan Anjuran dan Pantangan Makanan Golongan Darah B

TO1: Tombol “Menu Diet B”

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil submenu Menu Diet Golongan Darah B (PC(7)7.1)

• Jika TO2 ditekan dengan

menggunakan keypad softkey kanan maka akan kembali ke antarmuka

Submenu Jenis Golongan Darah

No. Papan Cerita : PC(7)7.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Menu Diet B Arahan Grafik Arahan keterangan : Langkah

T1: Teks yang berisi tulisan “Menu Diet Golongan Darah B” TO1: Tombol “Sayur Bening

Selada”

TO2: Tombol “Satai

Kambing Lilit Serai” TO3: Tombol yang berisi

tulisan “Kembali”

• Jika TO1 dipilih dengan menekan

tombol keypad “Enter" maka akan

menuju ke antarmuka tampil Sayur

Bening Selada(PC(8)8.1)

• Jika TO2 dipilih dengan menekan

tombol keypad “Enter" maka akan

menuju ke antarmuka tampil Satai

Kambing Lilit Serai(PC(9)9.1)

• Jika TO3 ditekan dengan menggunakan

keypad softkey kanan maka akan

kembali ke antarmuka Golongan Darah B (PC(3)3.2)

No. Papan Cerita : PC(8)8.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Sayur Bening Selada (Bahan-bahan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar sayur bening selada T1: Teks yang berisi tulisan

“Sayur Bening Selada” T2: Teks yang berisi tulisan

“Bahan-bahan”

T3: Teks isi detail bahan-bahan sayur bening selada

TO1: Tombol navigasi atas dan bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi

bawah maka akan menuju tampilan

Sayur Bening Selada (Cara

Pembuatan) (PC(8)8.2)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

tampilan pilihan menu Menu Diet B (PC(7)7.1)

No. Papan Cerita : PC(8)8.2

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Sayur Bening Selada (Cara Pembuatan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar Sayur Bening Selada T1: Teks yang berisi tulisan

“Sayur Bening Selada” T2: Teks yang berisi tulisan

“Bahan-bahan”

T3: Teks isi detail cara pembuatan sayur bening selada

TO2: Tombol navigasi atas dan bawah

TO3: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi atas maka akan menuju tampilan sayur

bening selada

(bahan-bahan)(PC(8)8.1)

• Jika TO2 ditekan dengan

menggunakan keypad softkey kanan

maka akan kembali ke pilihan

tampilan menu Menu Diet B

No. Papan Cerita : PC(9)9.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Satai

Kambing Lilit Serai (Bahan-bahan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar satai kambing lilit serai

T1: Teks yang berisi tulisan “Satai

Kambing Lilit Serai”

T2: Teks yang berisi tulisan “Cara Pembuatan”

T3: Teks isi detail bahan-bahan satai kambing lilit serai TO1: Tombol navigasi atas dan

bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi bawah maka akan menuju tampilan Satai

Kambing Lilit Serai(Cara

Pembuatan) PC(9)9.2)

• Jika TO2 ditekan dengan

menggunakan keypad softkey kanan

maka akan kembali ke tampilan

pilihan menu Menu Diet

No. Papan Cerita : PC(9)9.2

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Satai Kambing Lilit Serai (Cara

Pembuatan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar satai kambing lilit serai

T1: Teks yang berisi tulisan “Satai Kambing Lilit Serai” T2: Teks yang berisi tulisan “Cara

Pembuatan”

T3: Teks isi detail cara pembuatan satai kambing lilit serai

TO1: Tombol navigasi atas dan bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi

atas maka akan menuju tampilan

Satai Kambing Lilit Serai

(Bahan-bahan) (PC(9)9.2)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

tampilan pilihan menu Menu

No. Papan Cerita : PC(3)3.3

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Golongan Darah AB Arahan Grafik Arahan keterangan : Langkah

T1 : Teks yang berisi penjelasan Anjuran dan Pantangan Makanan Golongan Darah AB

TO1: Tombol “Menu Diet AB” TO2: Tombol yang berisi tulisan

“Kembali”

• Jika TO1 dipilih dengan menekan tombol keypad “Enter" maka akan menuju ke antarmuka tampil submenu Menu Diet Golongan Darah AB (PC(10)10.1)

• Jika TO2 ditekan dengan

menggunakan keypad softkey kanan maka akan kembali ke antarmuka

Submenu Jenis Golongan Darah

No. Papan Cerita : PC(10)10.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Menu Diet AB Arahan Grafik Arahan keterangan : Langkah

T1: Teks yang berisi tulisan “Menu Diet Golongan Darah B” TO1: Tombol “Tumis

Sukiyaki”

TO2: Tombol “Sup Seafood Cream”

TO3: Tombol yang berisi tulisan “Kembali”

• Jika TO1 dipilih dengan menekan

tombol keypad “Enter" maka akan

menuju ke antarmuka tampil Tumis

Sukiyaki(PC(11)11.1)

• Jika TO2 dipilih dengan menekan

tombol keypad “Enter" maka akan

menuju ke antarmuka tampil Sup

Seafood Cream(PC(12)12.1)

• Jika TO3 ditekan dengan menggunakan

keypad softkey kanan maka akan

kembali ke antarmuka Golongan Darah AB (PC(3)3.3)

No. Papan Cerita : PC(11)11.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Tumis Sukiyaki (Bahan-bahan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar tumis sukiyaki T1: Teks yang berisi tulisan

“Tumis Sukiyaki”

T2: Teks yang berisi tulisan “Bahan-bahan”

T3: Teks isi detail bahan-bahan tumis sukiyaki

TO1: Tombol navigasi atas dan bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi

bawah maka akan menuju

tampilan Tumis Sukiyaki (Cara Pembuatan) (PC(11)11.2)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

tampilan pilihan menu Menu

No. Papan Cerita : PC(11)11.2

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Tumis Sukiyaki (Cara Pembuatan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar tumis sukiyaki T1: Teks yang berisi tulisan

“Tumis Sukiyaki”

T2: Teks yang berisi tulisan “Bahan-bahan”

T3: Teks isi detail cara pembuatan tumis sukiyaki TO1: Tombol navigasi atas dan

bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi atas

maka akan menuju tampilan tumis

sukiyaki (Bahan-bahan)(PC(11)11.1)

• Jika TO2 ditekan dengan

menggunakan keypad softkey kanan maka akan kembali ke pilihan menu Menu Diet AB(PC(10)10.1)

No. Papan Cerita : PC(12)12.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Sup Seafood Cream (Bahan-bahan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar sup seafood cream T1: Teks yang berisi tulisan “Sup

Seafood Cream”

T2: Teks yang berisi tulisan “Cara Pembuatan”

T3: Teks isi detail bahan-bahan sup seafood cream

TO1: Tombol navigasi atas dan bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi

bawah maka akan menuju

tampilan Sup Seafood Cream

(Cara Pembuatan) (PC(12)12.2)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

pilihan menu Menu Diet

No. Papan Cerita : PC(12)12.2

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Sup Seafood Cream (Cara Pembuatan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar sup seafood cream T1: Teks yang berisi tulisan “Sup

Seafood Cream”

T2: Teks yang berisi tulisan “Cara Pembuatan”

T3: Teks isi detail cara pembuatan sup seafood cream

TO1: Tombol navigasi atas dan bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi

atas maka akan menuju tampilan

Sup Seafood Cream

(Bahan-bahan) (PC(12)12.1)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

pilihan menu Menu Diet

No. Papan Cerita : PC(3)3.4

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Golongan Darah O Arahan Grafik Arahan keterangan : Langkah

T1 : Teks yang berisi penjelasan Anjuran dan Pantangan Makanan Golongan Darah O

TO1: Tombol “Menu Diet O”

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 dipilih dengan

menekan tombol keypad “Enter" maka akan menuju ke antarmuka

tampil submenu Menu Diet

Golongan Darah O (PC(13)13.1)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

Submenu Jenis Golongan Darah (PC(2)2.2)

No. Papan Cerita : PC(13)13.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Menu Diet O Arahan Grafik Arahan keterangan : Langkah

T1: Teks yang berisi tulisan “Menu Diet Golongan Darah B” TO1: Tombol “Mentimun Cah

Ikan Asin”

TO2: Tombol “Iga Bumbu Serai”

TO3: Tombol yang berisi tulisan “Kembali”

• Jika TO1 dipilih dengan menekan

tombol keypad “Enter" maka akan menuju ke antarmuka tampil Mentimun Cah Ikan Asin(PC(14)14.1)

• Jika TO2 dipilih dengan menekan

tombol keypad “Enter" maka akan menuju ke antarmuka tampil Iga Bumbu Serai (PC(15)15.1)

• Jika TO3 ditekan dengan menggunakan

keypad softkey kanan maka akan

kembali ke antarmuka Golongan Darah O (PC(3)3.4)

No. Papan Cerita : PC(14)14.1

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Mentimun Cah Ikan Asin (Bahan-bahan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar mentimun cah ikan asin T1: Teks yang berisi tulisan

“Mentimun Cah Ikan Asin” T2: Teks yang berisi tulisan

“Bahan-bahan”

T3: Teks isi detail bahan-bahan mentimun cah ikan asin

TO1: Tombol navigasi atas dan bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi

bawah maka akan menuju tampilan

Mentimun Cah Ikan Asin (Cara

Pembuatan) (PC(14)14.2)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

pilihan menu Menu Diet

No. Papan Cerita : PC(14)14.2

Topik : Pembangunan Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia (ADiGoDa) T(Teks), G(Grafik), S(Suara), A(Animasi)

Judul : Form Mentimun Cah Ikan Asin(Cara Pembuatan)

Arahan Grafik Arahan keterangan : Langkah

G1: Gambar mentimun cah ikan asin T1: Teks yang berisi tulisan

“Mentimun Cah Ikan Asin” T2: Teks yang berisi tulisan

“Bahan-bahan”

T3: Teks isi detail cara pembuatan mentimun cah ikan asin

TO1: Tombol navigasi atas dan bawah

TO2: Tombol yang berisi tulisan “Kembali”

• Jika TO1 ditekan dengan

menggunakan keypad navigasi

atas maka akan menuju tampilan mentimun cah ikan asin(bahan-bahan)(PC(14)14.1)

• Jika TO2 ditekan dengan

menggunakan keypad softkey

kanan maka akan kembali ke

pilihan menu Menu Diet

Program Studi Teknik Informatika PDHUPL– ADiGoDa 31/33

Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika

9 Susilowati C. A. 49 Ibu Rumah

Tangga

Bagus dan menarik

10 Dhika 22 Mahasiswa Gambar darah keren, aplikasinya menarik

11 Dayati 36 Ibu Rumah

Tangga

Sudah menarik, tetapi tulisan terlalu kecil untuk orang tua.

12 Bp. Umar 56 Pensiunan Menu kurang variasi, tapi keseluruhan sudah cukup

baik

13 Adi Nugrahawati 37 Nutrisionis Berikan petunjuk penggunaan untuk mempermudah

penggunaan.

14 Dhiba P. 21 Mahasiswa Lucu, hebat

15 Mellisa Lestari 41 Manager Sangat bagus, teruskanlah

16 Silvana Lolita 32 Ibu Rumah

Tangga

Bermanfaat, sangat baik

17 Teddy Setiawan 29 Penjaga Rental program ini sangat cocok untuk orang yang peduli

dengan kesehatan

18 Boaz. S 24 Pemain Bola Prgram sudah sangat baik dan menunjang untuk diet

golongan darah

19 Henny Sulistiawati 45 Ibu Rumah

Tangga

Sudah baik, dikembangkan terus.

Program Studi Teknik Informatika PDHUPL– ADiGoDa 32/33

Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika

21 Paijah 35 Pembantu Rumah

Tangga

Menarik mudah digunakan

22 Cynthia 28 Karyawan

-23 Yati 38 Ibu Rumah

Tangga

Sudah bagus tapi menu resepnya dibanyakin

24 Vera 32 Karyawan Sangat memuaskan

25 Febi F. 44 Ibu Rumah

Tangga

Good

26 Linda Sosiawan 40 Ibu Rumah

Tangga

Variasi warna kurang menarik, musik latar kurang baik, tapi secara keseluruhan aplikasinya baik

27 Sri Padmawati 46 Dosen Penggunaan referensi (sumber, harap menggunakan

jurnal yang terakreditasi, bukan hanya website yang hanya .com

28 Nurul Fidiyati 23 Mahasiswa

-29 Esti 35 Mahasiswa Bravo dengan ide kreatifnya, sangat berguna

30 Feni Josita 40 Ibu Rumah

Tangga

Baik

Program Studi Teknik Informatika PDHUPL– ADiGoDa 33/33

Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika

Dan berdasarkan data hasil pengujian yang dilakukan menggunakan kuesioner yang diisi oleh 31 Pengguna, maka didapatkan data penilaian sebagai berikut:

Tabel 5. Tabel Hasil Penilaian Oleh Pengguna

No Pertanyaan Kriteria Penilaian

Sangat Baik

Baik Cukup Kurang Kurang Sekali

1.

Penggunaan variasi warna pada setiap halaman pada aplikasi ADiGoDa

7 23 1 0 0

2.

Penggunaan musik latar

pada aplikasi ADiGoDa

9 15 7 0 0

3.

Kejelasan teks pada setiap halaman (bentuk font, warna teks, kemudahan pembacaan)

14 15 2 0 0

4.

Aplikasi ini mudah

digunakan (user

friendly)

12 18 1 0 0

5.

Penilaian tentang aplikasi AdiGoDa

sebagai sebuah sistem yang berkaitan dengan menu diet golongan darah

11 19 1 0 0

6. Penggunaan animasi dari

aplikasi ADiGoDa

8 20 3 0 0

7. Penggunaan gambar dari

aplikasi ADiGoDa

9 20 2 0 0

8.

Penyajian menu diet

makanan dalam aplikasi ADiGoDa

9 21 1 0 0

9.

Hasil pengukuran pada bagian pengukuran berat badan ideal dalam aplikasi ADiGoDa

6 20 5 0 0

10.

Hasil pengukuran pada

bagian pengukuran

kalori tubuh dalam aplikasi ADiGoDa

6 19 6 0 0

11. Tips-tips yang

ditampilkan

8 21 2 0 0

12. Keefektifan penggunaan

Bantuan

114

LAMPIRAN V:

Nama : Umur : Pekerjaan :

Kuesioner

Aplikasi Diet Berdasarkan Golongan Darah Berbasis Multimedia

(ADiGoDa)

Berikan pendapat anda dan penilaian anda mengenai ADiGoDa (Aplikasi Diet Golongan Darah) dengan memberikan tanda silang (X) pada pilihan yang disediakan.

Bagaimana pendapat anda mengenai:

1. Penggunaan variasi warna pada setiap halaman pada aplikasi ADiGoDa? a. sangat baik b. baik c. kurang baik d. tidak baik e. sangat tidak baik 2. Penggunaan musik latar pada aplikasi ADiGoDa?

a. sangat baik b. baik c. kurang baik d. tidak baik e. sangat tidak baik 3. Bagaimana kejelasan teks pada setiap halaman (bentuk font, warna teks,

kemudahan pembacaan)?

a. sangat jelas b. jelas c. kurang jelas d. tidak jelas e. sangat tidak jelas 4. Apakah aplikasi ADiGoDa ini mudah digunakan (user friendly)?

a. sangat mudah d. tidak mudah b. mudah e. sangat tidak mudah c. kurang mudah

5. Bagaimanakah penilaian anda tentang aplikasi ADiGoDa ini sebagai sebuah sistem yang berkaitan dengan menu diet golongan darah?

a. sangat baik b. baik c. kurang baik d. tidak baik e. sangat tidak baik 6. Bagaimanakah dengan penggunaan animasi dari aplikasi ADiGoDa ini ?

a. sangat baik b. baik c. kurang baik d. tidak baik e. sangat tidak baik 7. Bagaimanakah dengan penggunaan gambar dari aplikasi ADiGoDa ini?

8. Apakah penyajian menu diet makan dalam aplikasi ADiGoDa ini sudah menarik?

a. sangat menarik d. tidak menarik b. menarik e. sangat tidak menarik c. kurang menarik

9. Apakah hasil pengukuran pada bagian Pengukuran Berat Badan Ideal dalam aplikasi ADiGoDa ini sesuai dengan kenyataan Anda?

a. sangat sesuai d. tidak sesuai b. sesuai e. sangat tidak sesuai c. kurang sesuai

10. Apakah hasil pengukuran pada bagian Pengukuran Kalori Tubuh dalam aplikasi ADiGoDa ini sesuai dengan kenyataan Anda?

a. sangat sesuai d. tidak sesuai b. sesuai e. sangat tidak sesuai c. kurang sesuai

11. Apakah tips-tips yang ditampilkan pada bagian menu Tips dalam aplikasi ADiGoDa ini berguna bagi Anda?

a. sangat berguna d. tidak berguna b. berguna e. sangat tidak berguna c. kurang berguna

12. Apakah penggunaan Bantuan dalam aplikasi ADiGoDa ini efektif? a. sangat efektif d. tidak efektif

b. efektif e. sangat tidak efektif c. kurang efektif

Pendapat anda mengenai sistem ADiGoDa ini secara keseluruhan :

---