BAB III ANALISA DAN PERANCANGAN
3.1
Analisa Sistem Dalam membangun aplikasi simulasi pembelajaran struktur data materi
queue, penulis akan menganalisa kebutuhan dasar sistem. Analisa dilakukan terhadap data-data merepresentasikan masalah, sehingga dapat diketahui apa saja yang dibutuhkan dalam spesifikasi sistem yang dibangun.
Aplikasi ini terdiri dari rancangan berbasis multimedia yang ditujukan untuk mahasiswa ilmu komputer. Aplikasi ini terdiri dari materi dan latihan, dimana materi-materi tersebut di dapat berdasarkan kurikulum. Kegunaan aplikasi ini bertujuan untuk mempermudah mahasiswa untuk memahami dan berlatih dalam pembelajaraan materi struktur data queue.
3.2 Pengumpulan Data Dalam tahap ini penulis mengumpulkan data-data yang berupa dari buku panduan dan informasi dari situs internet.
3.3
Metode Pengembangan Multimedia
3.3.1Konsep Aplikasi “Simulasi Pembelajaran Struktur Data Materi Queue” dibuat khususnya untuk mahasiswa ilmu komputer. Aplikasi ini terdiri dari konsep, perancangan, pengumpulan bahan, pembuatan, pengujian dan distribusi.
Tabel 3.1 Deskripsi Konsep Aplikasi Judul
Simulasi pembelajran struktur data materi queue
Pengguna
Mahasiswa ilmu komputer
Bentuk Aplikasi
Aplikasi pembelajaran interaktif
26
27
Lanjutan Tabel 3.1 Deskripsi Konsep Aplikasi Gambar
Menggunakan format JPG
Suara
Menggunakan file Mp3
Animasi
Animasi pada teks dan gambar dibuat sendiri
Interaktif
Menggunakan
link
pada
tombol
untuk
mahasiswa lebih mudah menuju halaman selanjutnya
3.4
Perancangan Pada tahap perancangan, penulis melakukan tahap rancangan pada aplikasi
terdiri dari perancangan Storyboard, Use case Diagram, Activity Diagram dan Sequence Diagram. 1. Materi Dalam Tahapan materi penulis menyediakan penjelasan materi agar mahasiswa dapat mengerti dan memahami.
2. Latihan Pada halaman latihan disediakan soal latihan. Tujuan adanya soal tersebut untuk menguji kemampuan mahasiswa setelah memahami materi yang sudah diberikan.
3.4.1 Perancangan Use Case Diagram Use case diagram mendeskripsikan interaksi tipikal antara para pengguna sistem dengan sistem itu sendiri, dengan memberi sebuah narasi tentang bagaimana sistem tersebut digunakan (Fowler, 2005:141). Diagram ini menunjukkan fungsionalitas suatu sistem atau kelas dan bagaimana sistem berinteraksi dengan dunia luar. Use case diagram simulasi pembelajaran struktur data materi queue dapat lihat pada Gambar 3.1
28
Materi
Latihan
Profil Mahasiswa
Gambar 3.1 Use case diagram Simulasi Pembelajaran Struktur Data Queue Pada aplikasi ini aktor utamanya adalah user (pengguna). Dari identifikasi aktor tersebut, maka akan didapatkan suatu use case diagram dan beberapa skenario yang memperlihatkan interaksi-interaksi use case dengan aktor. Berikut adalah tabel deskripsi use case yang telah digambarkan diatas : Tabel 3.2 Use Case Materi Nama
Materi
Aktor
User (Pengguna)
Deskripsi
Pengguna dapat memilih materi.
Skenario
1. Pengguna memilih materi. 2. Sistem akan menampilkan materi yang telah dipilih.
Kondisi awal
Pengguna menerima halaman materi yang terdiri dari definisi, circular, linear, deque, animasi dan menu.
Kondisi akhir
Pengguna mempelajari materi yang telah dipilih.
29
Tabel 3.3 Use Case Latihan Nama
Latihan.
Aktor
User (Pengguna).
Deskripsi
Pengguna dapat mengerjakan soal latihan.
Skenario
1. Pengguna memilih menu latihan. 2. Sistem akan menampilkan soal latihan. 3. Pengguna menjawab soal latihan 4. Sistem akan menampilkan nilai yang benar.
Kondisi awal
Pengguna menerima halaman latihan.
Kondisi akhir
Pengguna
menjawab
soal
latihan
dan
mendapatkan nilai.
Tabel 3.4 Use Case Profil Nama
Profil.
Aktor
User (Penggguna).
Deskripsi
Pengguna dapat melihat biodata si penulis
Skenario
1. Pengguna memilih profil 2. Sistem menampilkan biodata si pembuat.
Kodisi awal
Pengguna menerima halaman profil.
Kondisi akhir
Pengguna dapar melihat biodata si pembuat.
3.4.2 Perancangan Activity Diagram Activity Diagram menggambarakan aliran fungsional sistem. Pada tahap pemodelan, diagram activity diagram dapat digunakan untuk menunjukan aliran kerja.
30
1. Perancangan Activity Diagram Halaman Materi Aplikasi dimulai ketika pengguna memilih menu materi. Selanjutnya sistem akan menampilkan halaman materi.
Gambar 3.2 Activity Diagram Halaman Materi
2. Perancangan Activity Diagram Halaman Latihan Aplikasi dimulai dengan memilih menu latihan. Kemudian sistem akan menampilkan halaman latihan. Aktifitas selanjutnya adalah mengerjakan latihan soal dan memilih jawaban. Setelah itu sistem akan memberikan nilai.
Gambar 3.3 Activity Diagram Halaman Latihan.
31
3. Perancangan Activity Diagram Halaman Profil Aplikasi dimulai dengan memilih menu profil. Kemudian sistem akan menampilkan biodata si pembuat apilkasi dan ucapan terima kasih.
Gambar 3.4 Activity Diagram Halaman Profil
3.4.3 Perancangan Sequence Diagram Sebuah sequence diagram secara khusus menjabarkan aktivitas sebuah skenario tunggal. Diagram tersebut menunjukkan sejumlah objek contoh dan pesan-pesan yang melewati objek-objek di dalam use case diagram (Fowler, 2005:81). Dari bentuk use case yang telah digambarkan sebelumnya. Komponen utama sequence diagram terdiri dari atas obyek yang dituliskan dengan kotak segiempat bernama message diwakili oleh garis dengan tanda panah dan waktu yang ditunjukkan dengan progres vertical.
1. Perancangan Sequence Diagram Untuk Halaman Materi Pada sequence diagram halaman materi, pengguna masuk halaman materi kemudian memilih menu materi. Sistem akan menampilkan halaman materi selanjutnya pengguna dapat memilih materi definisi, operasi antrian, circular dan linear. Kemudian masuk ke halaman materi yang dipilih dan sistem akan menampilkan materi yang dipilih.
32
Gambar 3.5 Sequence Diagram Halaman Materi
2. Perancangan Sequence Untuk Halaman Latihan Pada sequence halaman latihan, pengguna masuk ke halaman menu utama, kemudian memilih menu latihan. Sistem akan menampilkan latihan soal dan selanjutnya memilih jawaban. Sistem akan memberi nilai dari setiap soal latihan tersebut.
Gambar 3.6 Sequence Diagram Halaman Latihan 3. Perancangan Sequence Untuk Halaman Profil Pada sequence diagram menu profil mahasiswa atau pengguna akan mengakses melalui menu utama, pada menu utama pengguna akan memilih menu profil. Setelah itu akan terdapat tampilan profil penulis.
33
Gambar 3.7 Sequence Diagram Halaman Profil
3.4.4 Perancangan Storyboard Merupakan perancangan umum tampilan layar demi layar, serta dilengkapi dengan penjelasan dan spesifikasi dari setiap layar. Satu kolom storyboard mewakilisatu layer dari setiap monitor.
1. Menu Background
Gambar
Materi
Latihan
Profil
Keluar
Gambar 3.8 Storyboard Menu
Keterangan : Materi
: Tombol navigasi untuk menuju halaman materi
Latihan
: Tombol navigasi untuk menuju halaman latihan
Profil
: Tombol navigasi untuk menuju halaman profil
Keluar
: Tombol navigasi untuk keluar dari aplikasi ini
34
2. Materi
Gambar 3.9 Storyboard Materi
Keterangan : Materi 1
: Tombol navigasi untuk ke materi 1
Materi 2
: Tombol navigasi untuk ke materi 2
Materi 3
: Tombol navigasi untuk ke materi 3
Materi 4
: Tombol navigasi untuk ke materi 4
Menu
: Tombol navigasi untuk kembali ke halaman menu
Animasi 1 : Tombol navigasi untuk ke animasi 1 Animasi 2 : Tombol navigasi untuk ke animasi 2 Animasi 3 : Tombol navigasi untuk ke animasi 3 Selanjutnya : Tombol navigasi untuk ke halaman selanjutnya
35
3. Isi Materi
Gambar 3.10 Storyboard isi Materi
Keterangan : Teks
: Merupakan isi materi
Gambar 1
: Tombol navigasi untuk kembali ke halaman sebelumnya
Gambar 2
: Tombol navigasi untuk kembali ke halaman selanjutnya
4. Isi Animasi
Gambar 3.11 Storyboard isi Animasi
36
Keterangan : Gambar 1 : Merupakan animasi dari isi materi Teks
: Merupakan penjelasan dari animasi
Gambar 2 : Tombol navigasi untuk kembali ke halaman sebelumnya Gambar 3 : Tombol navigasi untuk kembali ke halaman selanjutnya
5. Latihan
Gambar 3.12 Storyboard Latihan
Keterangan : Gambar
: Tombol navigasi untuk masuk ke soal latihan
Teks
: Merupakan isi petunjuk dalam soal latihan
37
6. Soal Latihan
Gambar 3.13 Storyboard Soal Latihan Keterangan : Teks
: Merupakan isi latihan
Gambar
: Tombol navigasi untuk ke soal selanjutnya
