BAB III ANALISA DAN PERANCANGAN

BAB III ANALISA DAN PERANCANGAN

3.1

Analisa Seperti langkah-langkah yang dilakukan pada salah satu model proses rekayasa

perangkat lunak yaitu model MDLC (Multimedia Development Life Cycle), maka pada bab ini akan dibahas tentang tahap-tahap dalam membangun perangkat lunak. Proses analisis merupakan salah satu tahapan yang harus dilalui rekayasa perangkat lunak karena melalui analisis definisi masalah menjadi lebih jelas, kebutuhan sistem dapat dispesifikasi sehingga kriteria yang harus dipenuhi dalam aplikasi dapat ditentukan agar aplikasi yang dihasilkan nantinya menjadi solusi dari masalah tersebut. 3.2

Perancangan Aplikasi

Perancangan adalah suatu bagian dari metodologi pengembangan pembangunan suatu perangkat lunak yang dilakukan setelah tahapan untuk memberikan gambaran secara terperinci. Agar aplikasi ini mudah dipahami rancangan yang akan dibuat adalah Pemodelan Struktur Navigasi untuk rancangan alur program dimana desain harus mengenal dengan baik karena setiap model memberikan solusi untuk kebutuhan yang berbeda. Pemodelan Storyboard untuk gambaran dari scene yang hasil dari perancangan akan menjadi acuan dalam pembuatan tampilan pada tahap implementasi. Pemodelan Storyline merupakan sebuah naskah cerita dalam bentuk teks dan gambar merancang naskah merupakan spesifikasi dari teks dan narasi dalam aplikasi multimedia. 3.2.1

Gambaran Umum Sistem Yang Diusulkan

Pembuatan aplikasi pembelajaran fungsi sistem saraf manusia yang akan dibuat mampu menampilkan berupa teks dan visualisasi gambar pada layar smartphone android

1

http://digilib.mercubuana.ac.id/

3.2.2 Perancangan Prosedur Yang Diusulkan Proses perancangan ini merupakan tahap awal dari perancangan aplikasi pembelajaran fungsi sistem saraf manusia yang dilakukan sebagai pemecahan masalah yang ada pada proses aplikasi sistem saraf manusia ketika digunakan. 3.2.2.1 Pemodelan Struktur Navigasi Struktur navigasi adalah struktur atau alur dari suatu program yang merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan aplikasi atau website. Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page 2 (halaman utama kedua), dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya tampilan secara linier, Secara umum pemodelan struktur navigasi pada aplikasi ini dapat dilihat pada gambar dibawah ini.

Gambar 3.1 Struktur Navigasi Hirarki

2


3.2.3

Pemodelan Storyboard

Storyboard adalah sketsa gambar yang disusun berurutan sesuai dengan naskah, dengan storyboard kita dapat menyampaikan ide cerita kita kepada orang lain dengan lebih mudah, karena kita dapat menggiring khayalan seseorang mengikuti gambargambar yang tersaji, sehingga menghasilkan persepsi yang sama pada ide cerita kita secara garis besar pemodelan storyboard pada aplikasi ini dapat dilihat pada gambar dibawah.

Gambar 3.2 Storyboard

3


3.2.4 Pemodelan Storyline Storyline (kerangka cerita) lebih sering disebut story dalam bahasa animasi,video, komik, story making, dan sinema. storyline adalah keseluruhan cerita dari awal sampai akhir dalam berbagai bentuk tulisan, gambar, script, screenplay, copyplay, stageplay dan berbagai coretan teks sementara lainya nanti bisa digabung-gabungkan mejadi satu cerita utuh. 3.2.4.1 Rancangan Storyline Menu Utama Pada halaman ini menu yang tampilkan ketika akan memasuki aplikasi fungsi sistem saraf manusia, yaitu materi untuk masuk ke dalam materi pengenalan, menu latihan akan muncul soal-soal latihan sistem saraf manusia, menu petunjuk berisikan tentang penggunaan aplikasi, jika menu tentang yang dipilih akan muncul data diri pembuat aplikasi.

APLIKASI FUNGSI SISTEM SARAF MANUSIA

Materi

Latihan

Tentang

Petunjuk

Gambar 3.3 Halaman Layar Tampilan Menu Utama

4


3.2.4.2 Rancangan Storyline Materi Pada halaman ini terdapat 5 (lima) menu untuk memilih menu saraf manusia apa yang akan ditampilkan. Terdapat Sistem saraf, Fungsi saraf, Bagian – Bagian Sel Saraf, Klasifikasi Neuron, dan Ganguan Pada Sistem Saraf.

MATERI

Sistem Saraf Fungsi Sistem Saraf Bagian – Bagian Sel Saraf Klasifikasi Sel Neuron Gangguan Pada sistem Saraf

Gambar 3.4 Halaman Layar Tampilan List Menu

5


3.2.4.3 Rancangan Storyline Jenis - Jenis Saraf Pada halaman ini terdapat pengertian sistem saraf dan mempunyai 8 (delapan) menu untuk memilih jenis saraf apa yang ingin ditampilkan pada layar yaitu : 12 Pasang Saraf Kranial, 31 Pasang Saraf Sumsum Tulang Belakang, Otak Besar, Otak Kecil, Saraf Parasimpatik, Saraf Simpatik, Sumsum Lanjutan, Sumsum Tulang Belakang.

Jenis - Jenis saraf

TEKS PENJELASAN SISTEM SARAF

12 Pasang Saraf Kranial 31 Pasang Saraf Sumsum Tulang Belakang Otak Besar Otak Kecil Saraf Parasimpatik Saraf Simpatik Sumsum Lanjutan Sumsum Tulang Belakang

Gambar 3.5 Halaman Menu Tampilan Jenis-Jenis Saraf

6


3.2.4.4 Rancangan Storyline Saraf Otak Besar Pada halaman ini terdapat visual gambar dan penjelasan dari saraf otak besar.

Otak Besar

Gambar

Teks Penjelasan

Gambar 3.6 Halaman Menu Saraf Otak Besar 3.2.4.5 Rancangan Storyline Saraf Otak Kecil Pada halaman ini terdapat visual gambar dan penjelasan dari saraf otak kecil.

Otak Kecil

Gambar

Teks Penjelasan

Gambar 3.7 Halaman Menu Saraf Otak Kecil

7


3.2.4.6 Rancangan Storyline Sumsum Lanjutan Pada halaman ini terdapat visual gambar dan penjelasan dari saraf sumsum lanjutan.

Sumsum Lanjutan

Gambar

Teks Penjelasan

Gambar 3.8 Halaman Menu Saraf Sumsum Lanjutan

3.2.4.7 Rancangan Storyline Sumsum Tulang Belakang Pada halaman ini terdapat visual gambar dan penjelasan dari saraf sumsum tulang belakang.

Sumsum Tulang Belakang

Gambar

Teks Penjelasan

Gambar 3.9 Halaman Menu Sumsum Tulang Belakang

8


3.2.4.8 Rancangan Storyline 12 Pasang Saraf Kranial Pada halaman ini terdapat visual gambar dan penjelasan dari 12 pasang saraf kranial.

12 Pasang Saraf Kranial

Gambar

Teks Penjelasan

Gambar 3.10 Halaman Menu 12 Pasang Saraf Kranial 3.2.4.9 Rancangan Storyline 31 Pasang Saraf Tulang Belakang Pada halaman ini terdapat visual gambar dan penjelasan dari 31 pasang saraf tulang belakang.

31 Pasang Saraf Sumsum Tulang Belakang

Gambar

Teks Penjelasan

Gambar 3.11 Halaman Menu 31 Pasang Saraf Tulang Belakang

9


3.2.4.10 Rancangan Storyline Saraf Simpatik Pada halaman ini terdapat visual gambar dan penjelasan dari saraf simpatik.

Saraf Simpatik

Gambar

Teks Penjelasan

Gambar 3.12 Halaman Menu Saraf Simpatik 3.2.4.11 Rancangan Storyline Saraf Parasimpatik Pada halaman ini terdapat visual gambar dan penjelasan dari saraf parasimpatik.

Saraf Parasimpatik

Gambar

Teks Penjelasan

Gambar 3.13 Halaman Menu Saraf Parasimpatik

10


3.2.4.12 Rancangan Storyline Bagian – Bagian Sel Saraf Pada halaman ini terdapat visual gambar dan penjelasan dari bagian sel - sel saraf pada tubuh manusia.

Bagian Bagian Sel Saraf

Gambar

Teks Penjelasan

Gambar 3.14 Halaman Menu Bagian - Bagian Sel Saraf

3.2.4.13 Rancangan Storyline Klasifikasi Sel Neuron Pada halaman ini terdapat visual gambar dan penjelasan dari berbagai macam bentuk saraf berdasarkan klasifikasinya.

Klasifikasi Sel Neuron

Gambar

Teks Penjelasan

Gambar 3.15 Halaman Menu Klasifikasi Sel Neuron

11


3.2.4.14 Rancangan Storyline Fungsi Sistem Saraf Pada halaman ini terdapat visual gambar dan penjelasan dari apa saja fungsi sistem saraf untuk tubuh manusia.

Fungsi Sistem Saraf

Gambar

Teks Penjelasan

Gambar 3.16 Halaman Menu Fungsi Sistem Saraf Manusia

3.2.4.15 Rancangan Storyline Gangguan Pada Sistem Saraf Pada halaman ini terdapat visual gambar dan penjelasan dari apa saja gangguan pada sistem saraf.

Gangguan Pada sistem Saraf

Gambar

Teks Penjelasan

Gambar 3.17 Halaman Menu Gangguan Pada Sistem Saraf

12


3.2.4.16 Rancangan Storyline Petunjuk Pada halaman ini terdapat penjelasan berupa teks yaitu petunjuk dalam penggunaan aplikasi pembelajaran fungsi sistem saraf pada manusia.

PETUNJUK

PETUNJUK PENGGUNAAN

Gambar 3.18 Halaman Menu Petunjuk Cara Penggunaan Aplikasi

3.2.4.17 Rancangan Storyline Tentang Pada halaman ini terdapat penjelasan berupa teks yaitu tentang profil pembuat aplikasi pembelajaran fungsi sistem saraf pada manusia.

TENTANG

PROFIL PEMBUAT

Gambar 3.19 Halaman Menu Tentang Profil Pembuat Aplikasi

13


3.2.4.18 Rancangan Storyline Latihan Pada halaman ini terdapat latihan 10 soal berupa pilihan ganda dari sistem saraf manusia, nilai yang akan ditampilkan adalah nilai yang berhasil dijawab dengan benar.

Gambar 3.20 Halaman Menu Soal – Soal Latihan

14


3.3 Perancangan Bagan Alir (Flowchart) Sistem flowchart menggunakan tahapan proses dari suatu sistem, termasuk sistem multimedia. START

Tampilan Menu Utama

Pilih Menu

Pilih Materi

Tidak

Ya

Pilih Latihan

Tidak

Pilih Tentang

Tidak

Ya

Ya

Tampilan Layar Materi

Tampilan Layar Latihan

A

B

Tidak

Tampilan Layar Tentang Aplikasi

END

Gambar 3.21 Rancangan Flowchart Menu Utama

15


Pilih Petunjuk

Ya

Tampilan Petunjuk Penggunanan Aplikasi

Gambar 3.22 Rancangan Flowchart Menu Materi

16


Gambar 3.23 Rancangan Flowchart Latihan

17


Gambar 3.24 Rancangan Flowchart Jenis Saraf

18


1.4

Struktur Database

Tabel 3.1 Spesifikasi Tabel Data Materi NO 1 2 3 4 5

Nama Field Id_Materi Nama Penjelasan Gambar IsMenu

Tipe Text Text Text Blob Integer

Size -

Keterangan Identitas Materi Nama Saraf Penjelasan Saraf Gambar Isi Menu

Size -

Keterangan Identitas Jenis Saraf Nama Saraf Penjelasan Saraf Gambar

Size -

Keterangan Identitas Question Pertanyaan Jumlah Point

Size -

Keterangan Identitas Answer Identitas Pertanyaan Jawaban Pilihan Ganda Nilai Pertanyaan Benar

Tabel 3.2 Spesifikasi Tabel Data Jenis Saraf NO 1 2 3 4

Nama Field Id_JenisSaraf Nama Penjelasan Gambar

Tipe Text Text Text Blob

Tabel 3.3 Spesifikasi Tabel Data Question NO 1 2 3

Nama Field Id_Question Pertanyaan Nilai

Tipe Text Text Integer

Tabel 3.4 Spesifikasi Tabel Data Answer NO 1 2 3 4

Nama Field Id_Answer Id_Question Jawaban Is_True

Tipe Text Text Text Text

19


3.4.1 Perancangan Database Konseptual

Materi 1*

1

-Id_Materi -Nama -Penjelasan -Gambar -IsMenu +Tampil() +Edit() +Delete()

1

1

1*

1*

Question

Answer

Jenis Saraf

-Id_Question -Pernyataan -Nilai +Tampil() +Edit() +Delete()

1

1

-Id_Answer -Id_Question -Jawaban -Is_True

-Id_JenisSaraf -Nama -Penjelasan -Gambar

+Tampil() +Edit() +Delete()

+Tampil() +Edit() +Delete()

Gambar 3.25 Class Diagram Database

20


BAB III ANALISA DAN PERANCANGAN

Recommend Documents