BAB III ANALISA DAN DESAIN SISTEM

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB III ANALISA DAN DESAIN SISTEM"

Sukarno Susanto
6 tahun lalu
Tontonan:

1 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

2 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.

3 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

4 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 Pengguna mengakses Menu Utama dengan memilih command masuk pada halaman utama Sistem menampilkan Menu Utama Pengguna memilih salah satu menu yang berada pada Menu Utama. 13 Menu : Kompetensi, Materi, Latihan, Simulasi, test 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.

5 48 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. Setelah Mempelajari program ini, diharapkan anda dapat, 1. Menjelaskan tentang struktur sel telur 2. Menjelaskan tentang struktur sperma 3. Gambar Menjelaskan III.6. tentang Rancangan proses Form fertilisasi Kompetensi lanjutan 4. Menjelaskan tentang proses kehamilan a. Rancangan 5. Menjelaskan Form Sub tentang Menu proses Materi perkembangan manusia

6 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. 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

7 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. TEXT, GAMBAR DAN ANIMASI 5. Rancangan Form Latihan Gambar III.5. Rancangan Form Materi 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. 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.

8 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. SIMULASI 7. Rancangan Form Test Gambar III.7. Rancangan Form Simulasi 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. LATIHAN 2. Implantasi merupakan penanaman.kedalam uterus a. Zigot b. Gastrula c. Blastosit d. Morula e. Janis PENYELESAIN Gambar III.8. Rancangan Form Test

9 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

10 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

11 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

12 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

13 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

dokumen-dokumen yang mirip

BAB I PENDAHULUAN. siswa dan pengajar. Bagi siswa, animasi dapat meningkatkan minat belajar siswa

BAB I PENDAHULUAN. siswa dan pengajar. Bagi siswa, animasi dapat meningkatkan minat belajar siswa BAB I PENDAHULUAN I.1. Latar Belakang Sehubungan dengan perkembangan tekhnologi dan informasi pada era globalisasi ini, semakin banyak perusahaan yang berkembang. Suatu perusahaan yang baru berdiri maupun