35
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 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.
Tabel 3.1. Deskripsi Konsep Aplikasi
Judul Rancang pembuatan aplikasi materi pembelajaran gizi untuk 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
• Animasi pada teks dan gambar dibuat sendiri
• 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
Aplikasi
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.
Pengguna
Memilih bab materi
Latihan Memilih materi «uses» «uses» Materi Monitoring Gizi
Materi Masalah Gizi
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
materi-materi 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.
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 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.
Kondisi Akhir
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
1. Pengguna menerima halaman latihan yang terdiri dari 10 soal pilihan ganda
Kondisi Akhir
2. Pengguna masuk ke halaman nilai untuk mengetahui nilai yang didapat setelah mengerjakan soal-soal latihan.
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.
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
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
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
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
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
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
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.
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.
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.
3.4.5 Rancangan Tampilan Profil
Pada halaman ini terdapat button foto profil penulis dan di frame selanjutnya terdapat data diri penulis.
