44
BAB III
ANALISA DAN DESAIN SISTEM
III.1. Analisa Sistem Yang Berjalan
Proses yang sedang berjalan dalam penginformasian perkembangan janin masih bersifat manual. Bentuk manual yang dibuat oleh saat ini yaitu membuat gambar, tulisan tanpa adanya gambar bergerak dan dalam bentuk buku tutorial tentang alat reproduksi manusia. Banyaknya kendala yang terdapat pada penginformasian melalui gambar, tulisan tanpa adanya gambar bergerak dan dalam bentuk buku tutorial, mengakibatkan proses pembelajaran tentang perkembangan janin dalam rahim kurang diminati oleh masyarakat.
Melihat kebutuhan akan informasi tentang perkembangan janin merupakan hal yang penting bagi setiap masyarakat yang ingin mengetahui proses perkembangan janin pada saat dikandungan. Namun kesulitan umum yang sering dialami oleh pihak yang membutuhkan adalah tidak terdapat informasi yang cukup dan tidak mengenal proses kerja alat reproduksi manusia tersebut. Dalam aplikasi yang dibuat ini akan membantu pihak yang membutuhkan dalam mendapatkan informasi perkembangan janin dalam kandungan yang ingin diketahui dengan menyajikan sebuah gambar dan animasi yang dapat berinteraksi dengan penggunanya sehingga dapat memberikan informasi yang lebih akurat
Dalam analisa yang sedang berjalan adanya pemeriksaan secara terperinci agar masalah dan keterbatasan sistem lama dapat diketahui dengan jelas. Maka
dijelaskan bentuk input dari sistem yang sedang berjalan dapat dilihat pada gambar III.1.
Gambar III.1. Proses Perkembangan Janin III.2. Desain Sistem
Aplikasi Sistem Informasi alat reproduksi pada manusia yang menyajikan informasi tentang proses perkembangan janin baik dalam bentuk tulisan, gambar dan animasi. Informasi perkembangan janin direpresentasikan dalam bentuk grafis dan animasi. Berikut merupakan tahapan dalam pembuatan Sistem Informasi alat reproduksi pada manusia.
Diagram berikut menjelaskan tentang alur dari pembuatan sistem aplikasi ini dengan tahapan: Peta yang dibutuhkan diinput ke komputer, lalu dibuat animasi dan disimpan dengan ekstension.swf. Bila animasi sudah dibuat, secara otomatis gambar akan menampilkan animasi yang menjelaskan informasi perkembangan janin dalam kandungan.
III.3 Diagram Alur Data dan Informasi III.3.1. Unified Modeling Languange (UML).
Use Case Diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem yang menekankan apa yang dibuat sistem dan merepresentasikan sebuah interaksi antara actor dengan system.
1. Use Case Diagram
Tabel III.2 Use case description Pengguna
Keterangan dari Use case diagram diatas dapat dilihat pada tabel dibawah ini.
No
1 Nama Sekenario : Case utama pada Aplikasi
2 Deskripsi Pendek : Skenario ini dilakukan ketika pengguna pertama kali menjalankan aplikasi.
3 Trigger : Pengguna memilih menu-menu utama yang terdapat pada aplikasi
5 Pre-conditions :Perangkat sudah terinstall aplikasi. Perangkat terhubung dengan internet.
6 Post-Conditions :Pengguna mengakses menu-menu yang telah disediakan pada Menu Utama. Aplikasi menampilkan menu sesuai yang telah dipilih pengguna.
7 Actor actions System respons
8 1 Pengguna menjalankan aplikasi. 9 2 Sistem menampilkan halaman utama.
10 3 Pengguna mengakses Menu Utama dengan memilih command masuk pada halaman utama.
11 4 Sistem menampilkan Menu Utama.
12 5 Pengguna memilih salah satu menu yang berada pada Menu Utama.
13 Menu : Kompetensi, Materi, Latihan, Simulasi, test.
14 6 Sistem menampilkan menu yang diseleksi oleh pengguna.
III.3.2 Desain Sistem Secara Detail
Desain sistem dari aplikasi yang akan dirancang adalah sebagai berikut : 1. Rancangan Form Utama
Rancangan form utama merupakan rancangan awal aplikasi dijalankan. Rancangan form utama berisi menu Komptensi, Materi, Latihan, Simulasi dan Test. Bentuk rancangan form utama dapat dilihat pada gambar III.2.
Gambar III.2. Rancangan Form Utama 2. Rancangan Form Kompetensi
Rancangan form kompentensi merupakan rancangan form yang berisi animasi proses penyatuan sperma dan sel telur, zigot, embrio dan fetus. Bentuk rancangan form kompentensi dapat dilihat pada gambar III.3.
Gambar III.3. Rancangan Form Kompetensi
jika diklik tombol Selanjutnya akan akan muncul materi yang dapat dipahami oleh user saat menggunakan aplikasi yang akan dirancang. Bentuk rancangan form ini dapat dilihat pada gambar di bawah ini.
Gambar III.6. Rancangan Form Kompetensi lanjutan a. Rancangan Form Sub Menu Materi
KOMPETENSI MATERI LATIHAN SIMULASI TEST
KOMPETENSI MATERI LATIHAN SIMULASI TEST
KOMPETENSI MATERI LATIHAN SIMULASI TEST
Setelah Mempelajari program ini, diharapkan anda dapat, 1. Menjelaskan tentang struktur sel telur
2. Menjelaskan tentang struktur sperma 3. Menjelaskan tentang proses fertilisasi 4. Menjelaskan tentang proses kehamilan
Rancangan sub menu materi berisi sub menu sebagai berikut : 1. Fertilasi a. Pengertian b. Struktur ovum c. Struktur Sperma d. Proses 2. Gestasi a. Pengertian b. Perkembangan Zigot c. Implantasi
d. Membran Gestasi dan Plasenta 3. Rancangan Form Sub Menu
Bentuk rancangan form sub menu materi dapat dilihat pada gambar III.4.
Gambar III.7. Rancangan Form Sub Menu Materi
Gambar III.4. Rancangan Form Sub Menu Materi
KOMPETENSI MATERI LATIHAN SIMULASI TEST
Fertilasi Pengertian Struktur ovum Struktur Sperma Proses Gestasi Pengertian Perkembangan Zigot Implantasi
4. Rancangan Form Materi
Rancangan form materi merupakan rancangan form yang berisi materi dan animasi yang mendukung informasi reproduksi pada manusia. Bentuk rancangan form materi dapat dilihat pada gambar III.5.
Gambar III.5. Rancangan Form Materi 5. Rancangan Form Latihan
Rancangan form Latihan merupakan rancangan form yang soal-soal latihan yang dapat dijawab oleh user sebelum menjawab soal test. Bentuk rancangan form Latihan dapat dilihat pada gambar III.6.
Gambar III.6. Rancangan Form Test
KOMPETENSI MATERI LATIHAN SIMULASI TEST
TEXT, GAMBAR DAN ANIMASI
KOMPETENSI MATERI LATIHAN SIMULASI TEST
LATIHAN
1. Implantasi merupakan penanaman …….kedalam uterus a. Zigot b. Gastrula c. Blastosit d. Morula e. Janis PENYELESAIN
6. Rancangan Form Simulasi
Rancangan form simulasi merupakan rancangan form yang berisi simulasi pertemuan sperma dengan indung telur. Bentuk rancangan form simulasi dapat dilihat pada gambar III.7.
Gambar III.7. Rancangan Form Simulasi 7. Rancangan Form Test
Rancangan form Test merupakan rancangan form yang soal-soal latihan yang dapat dijawab oleh user. Bentuk rancangan form test dapat dilihat pada gambar III.8.
Gambar III.8. Rancangan Form Test
KOMPETENSI MATERI LATIHAN SIMULASI TEST
SIMULASI
KOMPETENSI MATERI LATIHAN SIMULASI TEST
LATIHAN
2. Implantasi merupakan penanaman …….kedalam uterus a. Zigot b. Gastrula c. Blastosit d. Morula e. Janis PENYELESAIN
III.3.5. Logika Program (Activity Diagram)
Activity Diagram merupakan Diagram Alir data sekukumpulan simbol – simbol atau skema yang menunjukkan atau mengambarkan rangkaian kegiatan proses atau langkah – langkah proses program dari awal sampai akhir. Inti pembuatan ini Activity Diagram atau diagram alir ini adalah pengambaran urutan langkah – langkah pengerjaan dari suatu algoritma alir ini adalah pengambaran urutan langkah – langkah pengerjaan dari suatu algoritma program.
1. Activity Diagram Menu
Adapun Activity Diagram Administrator dapat dilihat pada gambar III.9.
2. Activity Diagram Halaman Materi
Activity Diagram Halaman materi merupakan diagram alir pada halaman materi sistem yang dibangun. Bentuk Activity Diagram halaman materi dapat dilihat pada gambar III.10.
Keterangan gambar : 1. Mulai
2. Tampil Menu Utama 3. Jika dipilih Vertilasi
a. Jika dipilih Pengertian, tampil halaman pengertian
b. Jika dipilih Struktur Ovum, Tampil Halaman Struktur Ovum c. Jika dipilih Struktur Sperma, Tampil Halaman Struktur Sperma d. Jika dipilih Proses, Tampil Halaman Proses
4. Jika dipilih Gestasi
a. Jika dipilih Pengertian, tampil halaman pengertian
b. Jika dipilih Perkembangan Zigot, Tampil Halaman Perkembangan Zigot c. Jika dipilih Implantasi, Tampil Halaman Implantasi
d. Jika dipilih Membran Gestasi dan Plasenta, Tampil Halaman Membran Gestasi dan Plasenta
e. Jika dipilih perkembangan embrio, tampil halaman perkembangan embrio. 5. Selesai
3. Activity Diagram Form Latihan
Activity Diagram Form Latihan merupakan diagram alir pada Form Latihan sistem yang dibangun. Bentuk Activity Diagram Form Latihan dapat dilihat pada gambar III.11.
Gambar III.11. Activity Diagram Form Latihan Keterangan gambar :
1. Mulai
2. Tampil Pertanyaan 3. Klik salah satu jawaban
4. Jika jawaban tidak, Klik tombol penyelesaian 5. Jika benar ?
6. Apakah mau dilanjutkan ? 7. Jika ya, jawab pertanyaan. 8. Jika tidak, selesai
4. Activity Diagram Form Test
Activity Diagram Form test merupakan diagram alir pada Form test sistem yang dibangun. Bentuk Form test dapat dilihat pada gambar III.12.
Gambar III.12. Activity Diagram Form Test Keterangan gambar :
1. Mulai
2. Tampil Pertanyaan 3. Klik salah satu jawaban
4. Jika jawaban tidak, Klik tombol penyelesaian 5. Jika benar ?
6. Apakah mau dilanjutkan ? 7. Jika ya, jawab pertanyaan. 8. Jika tidak, selesai
