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
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
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 gambar- gambar yang tersaji, sehingga menghasilkan persepsi yang sama pada ide cerita kita secara garis besar pemodelan storyboard pada aplikasi ini dapat dilihat pada gambar dibawah.
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
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
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 Kecil Otak Besar
Saraf Parasimpatik Saraf Simpatik Sumsum Lanjutan Sumsum Tulang Belakang
Gambar 3.5 Halaman Menu Tampilan Jenis-Jenis Saraf
3.2.4.4 Rancangan Storyline Saraf Otak Besar
Pada halaman ini terdapat visual gambar dan penjelasan dari saraf otak besar.
Otak Besar
Teks Penjelasan Gambar
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
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
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
Teks Penjelasan Gambar
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
Teks Penjelasan Gambar
Gambar 3.11 Halaman Menu 31 Pasang Saraf Tulang Belakang
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
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
Teks Penjelasan Gambar
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
Teks Penjelasan Gambar
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
Teks Penjelasan Gambar
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
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
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
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 Pilih
Latihan Pilih
Tentang Pilih
Petunjuk
Tampilan
Layar Materi Tampilan
Layar Latihan Tampilan Layar Tentang
Aplikasi
Tampilan Petunjuk Penggunanan
Aplikasi
A B
END Tidak
Ya Ya Ya
Tidak Tidak
Ya
Tidak
Gambar 3.21 Rancangan Flowchart Menu Utama
Gambar 3.22 Rancangan Flowchart Menu Materi
Gambar 3.23 Rancangan Flowchart Latihan
Gambar 3.24 Rancangan Flowchart Jenis Saraf
1.4 Struktur Database
Tabel 3.1 Spesifikasi Tabel Data Materi
NO Nama Field Tipe Size Keterangan
1 Id_Materi Text - Identitas Materi
2 Nama Text - Nama Saraf
3 Penjelasan Text - Penjelasan Saraf
4 Gambar Blob - Gambar
5 IsMenu Integer - Isi Menu
Tabel 3.2 Spesifikasi Tabel Data Jenis Saraf
NO Nama Field Tipe Size Keterangan
1 Id_JenisSaraf Text - Identitas Jenis Saraf
2 Nama Text - Nama Saraf
3 Penjelasan Text - Penjelasan Saraf
4 Gambar Blob - Gambar
Tabel 3.3 Spesifikasi Tabel Data Question
NO Nama Field Tipe Size Keterangan
1 Id_Question Text - Identitas Question
2 Pertanyaan Text - Pertanyaan
3 Nilai Integer - Jumlah Point
Tabel 3.4 Spesifikasi Tabel Data Answer
NO Nama Field Tipe Size Keterangan
1 Id_Answer Text - Identitas Answer
2 Id_Question Text - Identitas Pertanyaan
3 Jawaban Text - Jawaban Pilihan Ganda
4 Is_True Text - Nilai Pertanyaan Benar
3.4.1 Perancangan Database Konseptual
Materi
-Id_Materi -Nama -Penjelasan -Gambar -IsMenu +Tampil() +Edit() +Delete()
Jenis Saraf
-Id_JenisSaraf -Nama -Penjelasan -Gambar +Tampil() +Edit() +Delete()
Question
-Id_Question -Pernyataan -Nilai +Tampil() +Edit() +Delete()
Answer
-Id_Answer -Id_Question -Jawaban -Is_True +Tampil() +Edit() +Delete()
1 1* 1*
1
1 1*
1 1
Gambar 3.25 Class Diagram Database
