BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 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 an 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

2 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 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. 3.1 Struktur Navigasi Hirarki 2

3 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. 3.2 Storyboard 3

4 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 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 3.3 Halaman Layar Tampilan Menu Utama 4

5 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 3.4 Halaman Layar Tampilan List Menu 5

6 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 3.5 Halaman Menu Tampilan Jenis-Jenis Saraf 6

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

8 Rancangan Storyline Sumsum Lanjutan Pada halaman ini terdapat visual gambar dan penjelasan dari saraf sumsum lanjutan. Sumsum Lanjutan 3.8 Halaman Menu Saraf Sumsum Lanjutan Rancangan Storyline Sumsum Tulang Belakang Pada halaman ini terdapat visual gambar dan penjelasan dari saraf sumsum tulang belakang. Sumsum Tulang Belakang 3.9 Halaman Menu Sumsum Tulang Belakang 8

9 Rancangan Storyline 12 Pasang Saraf Kranial Pada halaman ini terdapat visual gambar dan penjelasan dari 12 pasang saraf kranial. 12 Pasang Saraf Kranial 3.10 Halaman Menu 12 Pasang Saraf Kranial 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 3.11 Halaman Menu 31 Pasang Saraf Tulang Belakang 9

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

11 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 3.14 Halaman Menu Bagian - Bagian Sel Saraf Rancangan Storyline Klasifikasi Sel Neuron Pada halaman ini terdapat visual gambar dan penjelasan dari berbagai macam bentuk saraf berdasarkan klasifikasinya. Klasifikasi Sel Neuron 3.15 Halaman Menu Klasifikasi Sel Neuron 11

12 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 3.16 Halaman Menu Fungsi Sistem Saraf Manusia 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 3.17 Halaman Menu Gangguan Pada Sistem Saraf 12

13 Rancangan Storyline Petunjuk Pada halaman ini terdapat penjelasan berupa teks yaitu petunjuk dalam penggunaan aplikasi pembelajaran fungsi sistem saraf pada manusia. PETUNJUK PETUNJUK PENGGUNAAN 3.18 Halaman Menu Petunjuk Cara Penggunaan Aplikasi 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.19 Halaman Menu Tentang Profil Pembuat Aplikasi 13

14 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 Halaman Menu Soal Soal Latihan 14

15 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 Pilih Latihan Tidak Pilih Tentang Tidak Pilih Petunjuk Ya Ya Ya Ya Tampilan Layar Materi Tampilan Layar Latihan Tampilan Layar Tentang Aplikasi Tampilan Petunjuk Penggunanan Aplikasi A B Tidak END 3.21 Rancangan Flowchart Menu Utama 15

16 3.22 Rancangan Flowchart Menu Materi 16

17 3.23 Rancangan Flowchart Latihan 17

18 3.24 Rancangan Flowchart Jenis Saraf 18

19 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 Blob - 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 Blob - 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 19

20 3.4.1 Perancangan Database Konseptual 1* -Id_Materi -Nama -Penjelasan - -IsMenu +Tampil() +Edit() +Delete() Materi * 1* Question Answer Jenis Saraf -Id_Question -Pernyataan -Nilai +Tampil() +Edit() +Delete() 1 1 -Id_Answer -Id_Question -Jawaban -Is_True +Tampil() +Edit() +Delete() -Id_JenisSaraf -Nama -Penjelasan - +Tampil() +Edit() +Delete() 3.25 Class Diagram Database 20