17 BAB 3 Metode dan Perancangan Sistem 3.1 Metode Perancangan Sistem Metode yang dipakai untuk membuat sistem ini adalah prototype model. Prototype model memungkinkan adanya interaksi yang lebih baik antara pengembang program dan pengguna, sehingga sistem yang dibuat hasilnya lebih maksimal (Pressman, 1997). Tahap-tahap metode prototype dapat dilihat pada Gambar 3.1. Gambar 3.1 Model Proses Prototype (Pressman, 1997) Model prototype dikembangkan dengan membuat prototype aplikasi perangkat lunak untuk selanjutnya dievaluasi oleh pengguna dan diperbaiki sesuai dengan hasil evaluasi tersebut. Model ini
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
17
BAB 3
Metode dan Perancangan Sistem
3.1 Metode Perancangan Sistem Metode yang dipakai untuk membuat sistem ini adalah
prototype model. Prototype model memungkinkan adanya interaksi
yang lebih baik antara pengembang program dan pengguna,
sehingga sistem yang dibuat hasilnya lebih maksimal (Pressman,
1997). Tahap-tahap metode prototype dapat dilihat pada Gambar
3.1.
Gambar 3.1 Model Proses Prototype (Pressman, 1997)
Model prototype dikembangkan dengan membuat prototype
aplikasi perangkat lunak untuk selanjutnya dievaluasi oleh pengguna
dan diperbaiki sesuai dengan hasil evaluasi tersebut. Model ini
18
sangat cocok untuk dipakai bila pada aplikasi yang dibuat, output
yang diinginkan pengguna kurang terdefinisi secara jelas. Model ini
membutuhkan komunikasi yang jelas antara pengembang perangkat
lunak dengan pengguna sehingga hasil yang diperoleh sesuai dengan
keinginan pengguna.
Adapun tahapan dari model prototype ini adalah sebagai
berikut:
1. Pengumpulan kebutuhan
Tahap pengumpulan ini adalah dilakukan wawancara kepada
guru pengajar mata pelajaran IPA dan bahan atau data yang
diperlukan untuk membuat aplikasi. Pengumpulan materi
pembelajaran kelas VI SD untuk tata surya yang diambil dari buku-
buku paket dan situs internet.
2. Perancangan
Perancangan prototype mulai dilakukan dengan merancang
desain tampilan antarmuka aplikasi, use case diagram, activity
diagram, sequence diagram, dan class diagram.
3. Evaluasi prototype
Pada tahap ini, dilakukan pengujian terhadap aplikasi dengan
wawancara dari Guru kelas VI SDN 06 Salatiga, jika masih ada
yang kurang sesuai pada aplikasi maka diadakan perbaikan pada
aplikasi dengan mulai mengumpulkan data seperti pada tahap
pertama. Apabila aplikasi sesuai dengan yang diinginkan, maka
proses selesai.
19
3.1.1 Kebutuhan Sistem
Dalam perancangan aplikasi penggunaan multimedia pada
aplikasi alat bantu ajar tata surya, terdiri dari dua perangkat yaitu
perangkat keras (hardware) dan perangkat lunak (software).
1. Perangkat keras (hardware) merupakan media pendukung
untuk membuat dan menjalankan perangkat lunak (software), yang
di dalamnya terdapat unit masukan (input) dan keluaran (output).
Perangkat keras secara umum memiliki CPU, Keyboard, Mouse,
Monitor, Speaker. Perangkat keras yang digunakan adalah :
- AMD Turion Dual-Core 2,3 GHz processor
- RAM 1 GB
- 3.5 GB of available hard-disk space
- DVD-ROM drive
2. Perangkat lunak (software) merupakan program komputer
yang diperlukan untuk mengoperasikan perangkat keras dan
pengolahan data. Berikut adalah daftar perangkat lunak yang
digunakan pada aplikasi :
- Adobe Photoshop CS3
- Adobe Dreamweaver CS4
- Rational Rose
3.2 Perancangan Sistem Perancangan sistem merupakan rancangan awal sebelum
dilakukan penyelesaian suatu masalah yang ada. Pencapaian tujuan
atau hasil yang diinginkan sesuai dengan kubutuhan dari
permasalahan yang ada, maka suatu rancangan sistem diperlukan
untuk mendapatkan gambaran secara garis besar selutuh masalah
20
yang akan di komputerisasi. UML sebagai bahasa pemodelan untuk
merancang sistem pada aplikasi yang akan dibangun ini.
3.2.1 Use Case Diagram
Use case diagram menggambarkan fungsionalitas yang
diharapkan dari sebuah sistem yang menjelaskan keseluruhan kerja
sistem secara garis besar dengan mempresentasikan interaksi antara
aktor yang dibuat, serta memberikan gambaran fungsi-fungsi pada
sistem tersebut.
Gambar 3.2 adalah use case diagram menjelaskan peranan dan
fungsi user yang berperan sebagai pengguna alat bantu ajar ini.
Gambar 3.2 Use Case Diagram Sistem
Berdasarkan use case diagram pada Gambar 3.2, dapat
dijelaskan secara singkat masing-masing fungsi dari use case
sebagai berikut :
1. Use case pengenalan planet, use case berupa tampilan planet-
planet dan penjelasannya.
2. Use case orbit tata surya, use case yang berupa tampilan orbit
tata surya dan penjelasannya.
21
3. Use case gerhana, use case yang berupa tampilan dari gerhana
matahari dan gerhana bulan serta penjelasannya.
4. Use case meteor dan meteoroid, use case yang berupa
penjelasan tentang meteor dan meteoroid.
5. Use case sistem penanggalan, use case yang berupa penjelasan
tentang kalender masehi dan kelender hijriah.
6. Use case bantuan, use case yang berfungsi untuk mendapatkan
informasi tentang masing-masing materi.
7. Use case latihan soal, use case yang berisi soal-soal mengenai
tata surya.
3.2.2 Activity Diagram
Activity diagram menjelaskan proses user masuk ke halaman
utama, kemudian aplikasi akan menampilkan halaman utama dari
aplikasi. Halaman utama aplikasi pembelajaran tata surya akan
menampilkan beberapa pilihan menu aplikasi, dimana dalam pilihan
tersebut terdapat pengenalan planet-planet, orbit tata surya,
terjadinya gerhana, meteor dan sistem penanggalan.
User memilih menu yang akan ditampilkan pada halaman
menu yang telah dipilih sesuai keinginan user. User dapat
berinteraksi dengan halaman menu yang telah dipilih. Ada button
exit jika user ingin keluar dari tampilan aplikasi.
22
Gambar 3.3 Activity Diagram User
3.2.3 Sequence Diagram
Sequence diagram menjelaskan bagaiman alur di dalam
menjalankan aplikasi ini. Aplikasi pembelajaran tata surya ada
beberapa Sequence diagram antara lain:
1. Sequence diagram pengenalan planet
User akan masuk ke halaman utama dari aplikasi, dimana akan
ditampilkan pilihan menu yang dapat dipilih. User memilih menu
Pengenalan Planet dan aplikasi akan menampilkan halaman
Pengenalan Planet. Dalam halaman ini, user dapat belajar tentang
planet dengan penjelasan berbagai planet-planet yang ada di dunia
ini. Jika ingin keluar dari aplikasi, user dapat menekan tombol exit
untuk kembali ke halaman menu. Secara lengkap dijelaskan dalam
Gambar 3.4.
23
Gambar 3.4 Sequence Diagram Pengenalan Planet
2. Sequence diagram orbit tata surya
User akan masuk ke halaman utama dari aplikasi, dimana akan
ditamplikan pilihan menu yang dapat dipilih. User memilih menu
Orbit Tata Surya dan aplikasi akan menampilkan halaman Orbit Tata
surya. Halaman ini user mendapatkan informasi tentang pergerakan
planet-planet dengan tampilan animasi. Jika ingin keluar dari
aplikasi, user dapat menekan tombol exit untuk kembali ke halaman
menu. Secara lengkap dijelaskan dalam Gambar 3.5.
24
Gambar 3.5 Sequence Diagram Orbit Tata Surya
3. Sequence diagram terjadinya gerhana
User akan masuk ke halaman utama dari aplikasi, dimana akan
ditamplikan pilihan menu yang dapat dipilih. User memilih menu
Gerhana dan aplikasi akan menampilkan halaman Gerhana.
Halaman ini user dapat informasi tentang pergerakan bulan yang
mengakibatkan gerhana matahari dan bulan. Untuk keluar dari
aplikasi user dapat menekan tombol exit untuk kembali ke halaman
menu. Secara lengkap dijelaskan dalam Gambar 3.6.
25
Gambar 3.6 Sequence Diagram Gerhana
4. Sequence diagram meteor dan meteoroid
User akan masuk ke halaman utama dari aplikasi, dimana akan
ditamplikan pilihan menu yang dapat dipilih. User memilih menu
Meteor dan Meteoroid dan aplikasi akan menampilkan halaman
Meteor dan Meteoroid. Halaman ini user dapat informasi tentang
meteor dengan animasinya Jika ingin keluar dari aplikasi, user dapat
menekan tombol exit untuk kembali ke halaman menu. Secara
lengkap dijelaskan dalam Gambar 3.7.
26
Gambar 3.7 Sequence Diagram Meteor dan Meteoroid
5. Sequence diagram sistem penanggalan
User akan masuk ke halaman utama dari aplikasi, dimana akan
ditamplikan pilihan menu yang dapat dipilih. User memilih menu
Sistem Penanggalan dan aplikasi akan menampilkan halaman Sistem
Penanggalan. Dalam halaman ini, user dapat informasi tentang
penanggalan menurut perhitungan gerakan matahari dan bulan. Jika
ingin keluar dari aplikasi, user dapat menekan tombol exit untuk
kembali ke halaman menu. Secara lengkap dijelaskan dalam Gambar
3.8.
27
Gambar 3.8 Sequence Diagram Sistem Penanggalan
3.2.4 Class Diagram
Class diagram merupakan diagram yang digunakan untuk
menampilkan kelas yang ada dalam suatu sistem serta
menggambarkan relasi antar kelas tersebut. Perancangan class
diagram pada sistem ini dapat dilihat pada Gambar 3.9.
Gambar 3.9 Class Diagram Aplikasi
28
3.3 Desain Antarmuka Rancangan antarmuka aplikasi merupakan halaman yang akan
menampilkan aplikasi desktop. Adapun beberapa rancangan
antarmuka dari aplikasi yaitu halaman utama, halaman pilihan menu,