BAB III ANALISA DAN PERANCANGAN
3.1
Analisa Analisa sistem merupakan tahapan awal dalam membuat perangkat lunak.
Dalam tahap ini penulis menganalisa kebutuhan dasar sistem. Analisa dilakukan terhadap data-data yang merepresentasikan masalah, sehingga dapat diketahui spesifikasi kebutuhan sistem yang akan dibangun. Penulis merancang aplikasi suatu modul pembelajaran gizi untuk mahasiswa kedokteran. Aplikasi ini terdiri dari materi yang diambil dari buku “Prinsip dasar ilmu gizi”, karangan Sunita Almatsier tahun 2009 adapun materi yang digunakan dari buku tersebut adalah : - akibat gangguan gizi, - ruang lingkup gizi, - sistem pangan gizi, - karbohidrat, - lipida, - protein, - keseimbangan energi, - vitamin, -cairan tubuh, - mineral makro, - pola pangan, - pola menu seimbang,
35
36
- pola menu 4 sehat 5 sempurna, - angka kecukupan gizi dan - masalah gizi di Indonesia. Materi-materi tersebut disusun berdasarkan kurikulum di Indonesia yang sekarang digunakan yaitu Kurikulum Tingkat Satuan Pendidikan (KTSP) tahun 2009. Pembuatan aplikasi ini ditujukan untuk mempermudah pembelajaran khususnya pelajaran gizi, dengan fasilitas yang memungkinkan mahasiswa tersebut mengulang sendiri materi yang belum dipahaminya dan memberikan kesempatan kepada mahasiswa untuk lebih memahami materi yang disampaikan. Aplikasi ini menyediakan tampilan-tampilan yang menarik karena ditunjang oleh gambar dan suara, sehingga memiliki daya tarik tersendiri bagi para mahasiswa yang dapat memicu semangat belajar untuk meningkatkan hasil belajar serta tidak cepat merasa jenuh dalam proses belajar mengajar. Penulis merancang pembuatan aplikasi materi pembelajaran gizi untuk mahasiswa kedokteran ini dengan memasukkan 3 tahap “Input-Proses-Output” yang merupakan sistem kerja dari aplikasi tersebut.
3.1.1
Konsep Rancang pembuatan aplikasi materi pembelajaran gizi ini merupakan aplikasi
yang dibuat khusus untuk digunakan oleh mahasiswa kedokteran. Aplikasi ini menggunakan teks untuk pembelajaran dan penjelasan, gambar sebagai pembelajaran, dan animasi supaya pengguna tidak bosan. Deskripsi konsep aplikasi ini adalah sebagai berikut :
37
Tabel 3.1. Deskripsi Konsep Aplikasi Rancang pembuatan aplikasi materi pembelajaran gizi untuk
Judul
mahasiswa kedokteran
Pengguna
Pelajar atau
mahasiswa khususnya
mahasiswa
yang
mengambil jurusan atau matakuliah gizi
Gambar
Menggunakan file berformat .jpg yang dibuat sendiri
Suara
Menggunakan file .mp3 • Animasi pada teks dan gambar dibuat sendiri
Animasi
• Menggunakan tombol navigasi animasi dan pemanfaatan media suara pada aplikasi
Aplikasi ini dimaksudkan untuk alternatif / pelengkap proses belajar mengajar yang bersifat manual menjadi digital, mudah dimengerti, dan akan lebih menarik. Aplikasi ini bisa digunakan pada komputer atau laptop manapun tidak perlu mengakses internet jadi lebih mudah karena bisa dipakai dimanapun dan kapan saja.
3.2
Perancangan Dalam tahap ini akan dijelaskan secara rinci rancang pembuatan aplikasi
materi Pembelajaran gizi untuk mahasiswa kedokteran yang meliputi pemodelan use case diagram, dan activity diagram.
38
3.2.1Pemodelan Diagram Use Case Pada aplikasi pembelajaran gizi ini, dapat diidentifikasi bahwa aktor utamanya adalah user (pengguna). Dari identifikasi aktor tersebut, maka akan didapatkan satu diagram use case dan beberapa skenario yang memperlihatkan interaksi-interaksi use case dengan aktor. Use case diagram aplikasi ini dapat dilihat pada Gambar 3.1.
Aplikasi
Materi Monitoring Gizi
«uses» Memilih bab materi
Memilih materi
«uses»
Materi Masalah Gizi Latihan
Pengguna
Gambar 3.1. Diagram Use case Rancang Bangun Aplikasi Materi Pembelajaran Gizi
39
Berikut adalah deskripsi Use case yang telah digambarkan di atas. Tabel 3.2. Use Case Menu Bab Materi Nama
Memilih Bab Materi
Aktor
Pengguna
Deskripsi
Pengguna dapat memilih menu bab 1 sampai 2 yang berisikan materimateri pelajaran serta latihan-latihan soal
Skenario
1.
Pengguna memilih menu bab materi
2.
Sistem masuk ke halaman materi yang dipilih
3.
Pengguna memilih submateri yang ada
4.
Sistem masuk ke halaman submateri yang dipilih
5.
Pengguna memilih menu latihan
6.
Sistem masuk ke halaman latihan yang berisi soal-soal pilihan ganda
7.
Pengguna mengerjakan soal-soal yang disediakan
8.
Sistem mengecek jawaban pengguna dan menampilkan nilai dari hasil pekerjaan pengguna
Kondisi Awal
1.
Pengguna menerima halaman materi pelajaran yang terdiri dari beberapa materi yaitu pengertian gizi, ruang lingkup gizi, akibat gangguan gizi, system pangan gizi, karbohidrat, lipida, protein, keseimbangan energy, vitamin, cairan tubuh, mineral makro, pola menu seimbang, pola menu 4 sehat 5 sempurna, angka kecukupan gizi dan masalah gizi di Indonesia. Pengguna menerima halaman latihan dari menu materi yang dipilih.
Kondisi Akhir
1.
Pengguna mempelajari menu materi yang dipilih.
2.
Pengguna mengisi jawaban pada soal latihan materi yang dipilih.
40
Tabel 3.3. Use Case Memilih Materi Nama
Memilih Materi
Aktor
Pengguna
Deskripsi
Pengguna dapat memilih materi-materi yang sudah ada di menu materi
Skenario
1. Pengguna memilih menu materi 2. Sistem masuk ke halaman materi yang dipilih 3. Pengguna memilih submateri yang ada 4. Sistem masuk ke halaman submateri yang dipilih
Kondisi Awal
1. Pengguna menerima halaman materi pelajaran yang terdiri dari beberapa materi yaitu pengertian gizi, ruang lingkup gizi,
akibat
karbohidrat,
gangguan lipida,
gizi,
protein,
system
pangan
keseimbangan
gizi,
energy,
vitamin, cairan tubuh, mineral makro, pola menu seimbang, pola menu 4 sehat 5 sempurna, angka kecukupan gizi dan masalah gizi di Indonesia.
Kondisi Akhir
2. Pengguna mempelajari menu materi yang dipilih
41
Tabel 3.4 Use Case Latihan Nama
Latihan
Aktor
Pengguna
Deskripsi
Pengguna dapat mengerjakan soal-soal latihan
Skenario
1. Pengguna memilih menu latihan 2. Sistem masuk ke halaman latihan 3. Pengguna mengerjakan soal-soal latihan yang terdiri dari 10 soal pilihan ganda 4. Sistem masuk ke halaman nilai apabila seluruh soal telah dikerjakan
Kondisi Awal Kondisi Akhir
1. Pengguna menerima halaman latihan yang terdiri dari 10 soal pilihan ganda 2. Pengguna masuk ke halaman nilai untuk mengetahui nilai yang didapat setelah mengerjakan soal-soal latihan.
42
3.2.5. Diagram Aktifitas Pemodelan activity diagram dapat digunakan sebagai grafis aliran kejadian dari use case. Pada Gambar 3.2 ini menggambarkan langkah yang akan dijalankan secara berurutan dan langkah yang dijalankan secara bersamaan dalam rancang bangun aplikasi pembelajaran gizi.
Gambar 3.2. Diagram Aktifitas
43
3.3. Perancangan Storyboard Storyboard merupakan deskripsi masing-masing tampilan suatu kejadian dari movie yang akan dimainkan. Dengan mencantumkan semua objek atau elemen multimedia serta komponen-komponen aplikasi yang akan dibuat. Satu kolom storyboard mewakili satu tampilan di layar monitor.
Gambar 3.3. Storyboard untuk halaman utama (scene 1) Scene name
: Halaman utama
Link
: Scene 2 dengan mengklik tombol belajar.
Ket
: Menampilkan Halaman Utama
Ukuran frame : 1024 X 768 pixel Background
: Hijau
44
Gambar 3.4. Storyboard scene menu materi monitoring gizi (scene 2) Scene Name : Menu Materi Monitoring gizi Link
: Scene 3 klik tombol materi gizi
Ket
: Menampilkan halaman pada materi monitoring gizi
Ukuran frame : 1024 X 768 pixel Background
: Hijau dan putih
45
Gambar 3.5 Storyboard scene memu materi masalah gizi (scene 4) Scene menu
: Menu Materi Masalah Gizi
Link
: Scene 5 klik tombol latihan
Ket
: Menampilkan Materi masalah gizi
Ukuran frame : 1024 X 768 pixel Background
: Hijau dan putih
46
Gambar 3.6. Storyboard scene menu soal latihan (scene 5) Scene Menu
: Menu Soal Latihan
Link
: Scene 6 tombol profil
Ket
: Menampilkan Soal latihan dan jawaban
Ukuran frame : 1024 X 768 pixel Background
: Hijau dan putih
47
Gambar 3.7. Storyboard scene menu profil dan data penulis (scene 6) Scene Menu
: Menu Profil dan Data Penulis
Link
:-
Ket
: Menampilkan Foto Profil ukuran 699X590 format JPEG dan Data
Pribadi Penulis Ukuran frame : 1024 X 768 pixel Background
: Hijau dan putih
48
3.4 Perancangan Antarmuka Pada tahap ini penulis membuat antarmuka dari aplikasi yang akan dibuat yang akan menunjukan dimana letak tombol satu dan lainnya untuk memulai proses pembelajaran materi gizi. 3.4.1 Rancangan Tampilan Menu Utama Halaman menu utama adalah tampilan utama sebelum memasuki halaman menu materi pelajaran. Ada 3 tautan yang ada pada halaman ini yaitu button belajar, monitoring gizi, dan masalah gizi
Gambar 3.2 Tampilan Menu Utama
49
3.4.2 Rancangan Tampilan Menu Materi Monitoring gizi Halaman menu belajar adalah tampilan button pilihan materi-materi pelajaran. Terdapat button menu materi pelajaran yang ada akan menuju ke scene materi pelajaran yang dipilih.
Gambar 3.3 Tampilan Menu Materi Monitoring Gizi
50
3.4.3 Rancangan Tampilan Letak Menu Materi Masalah Gizi Pada halaman ini terdapat tombol-tombol sub-materi yang dapat dipilih pada button yang telah disediakan yang akan merujuk ke halaman sub-materi yang dipilih oleh user, button latihan yang akan menuju ke halaman latihan, button menu utama yang akan menuju ke halaman menu utama, dan button kembali dan berikutnya untuk mengganti halaman materi.
Gambar 3.3 Tampilan Menu Materi Masalah Gizi
51
3.4.4 Rancangan Tampilan Soal Latihan Pada halaman ini terdapat button a, b, c, dan d yang dapat diklik oleh user untuk memilih jawaban yang benar, kemudian hasil jawaban dan nilai akan di tampilkan dframe berikutnya.
Gambar 3.4 Tampilan Soal Latihan
52
3.4.5 Rancangan Tampilan Profil Pada halaman ini terdapat button foto profil penulis dan di frame selanjutnya terdapat data diri penulis.
Gambar 3.5 Tampilan Profil Penulis
