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
44
45
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.
46
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
4
Tipe : Eksternal temporal
47
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 14
Menu : Kompetensi, Materi, Latihan, Simulasi, test. 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.
48
KOMPETENSI
MATERI
LATIHAN SIMULASI
TEST
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. KOMPETENSI
MATERI
LATIHAN SIMULASI
TEST
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. KOMPETENSI
MATERI
LATIHAN SIMULASI
TEST
Setelah Mempelajari program ini, diharapkan anda dapat, 1. Menjelaskan tentang struktur sel telur 2. Menjelaskan tentang struktur sperma 3. Gambar Menjelaskan tentang proses Form fertilisasi III.6. Rancangan Kompetensi lanjutan 4. Menjelaskan tentang proses kehamilan 5. Menjelaskan a. Rancangan Form Subtentang Menu proses Materiperkembangan manusia
49
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.
KOMPETENSI
MATERI LATIHAN SIMULASI Fertilasi Pengertian Struktur ovum Struktur Sperma Proses Gestasi Pengertian Perkembangan Zigot Implantasi Membran Gestasi dan Plasenta
Gambar III.7. Rancangan Form Sub Menu Materi
Gambar III.4. Rancangan Form Sub Menu Materi
TEST
50
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. KOMPETENSI
MATERI
LATIHAN SIMULASI
TEST
TEXT, GAMBAR DAN ANIMASI
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. KOMPETENSI
MATERI
LATIHAN SIMULASI TEST LATIHAN 1. Implantasi merupakan penanaman …….kedalam uterus a. Zigot b. Gastrula c. Blastosit d. Morula e. Janis PENYELESAIN Gambar III.6. Rancangan Form Test
51
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. KOMPETENSI
MATERI
LATIHAN SIMULASI SIMULASI
TEST
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. KOMPETENSI
MATERI
LATIHAN SIMULASI
LATIHAN 2. Implantasi merupakan penanaman …….kedalam uterus a. Zigot b. Gastrula c. Blastosit d. Morula e. Janis PENYELESAIN Gambar III.8. Rancangan Form Test
TEST
52
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.
Gambar III.9. Diagram Activity Menu Administrator
53
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.
Gambar III.10. Activity Diagram Halaman Menu Materi
54
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
55
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
56
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