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 Animasi Menggunakan file Mp3 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 Kondisi akhir Pengguna menerima halaman materi yang terdiri dari definisi, circular, linear, deque, animasi dan menu. Pengguna mempelajari materi yang telah dipilih.
29 Tabel 3.3 Use Case Latihan Nama Latihan. Aktor Deskripsi Skenario Kondisi awal User (Pengguna). Pengguna dapat mengerjakan soal latihan. 1. Pengguna memilih menu latihan. 2. Sistem akan menampilkan soal latihan. 3. Pengguna menjawab soal latihan 4. Sistem akan menampilkan nilai yang benar. Pengguna menerima halaman latihan. Kondisi akhir Pengguna menjawab soal latihan dan mendapatkan nilai. Tabel 3.4 Use Case Profil Nama Aktor Deskripsi Skenario Kodisi awal Kondisi akhir Profil. User (Penggguna). Pengguna dapat melihat biodata si penulis 1. Pengguna memilih profil 2. Sistem menampilkan biodata si pembuat. Pengguna menerima halaman profil. 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 Latihan Profil Keluar : Tombol navigasi untuk menuju halaman materi : Tombol navigasi untuk menuju halaman latihan : Tombol navigasi untuk menuju halaman profil : 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 Gambar 1 Gambar 2 : Merupakan isi materi : Tombol navigasi untuk kembali ke halaman sebelumnya : 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 Teks : Tombol navigasi untuk masuk ke soal latihan : Merupakan isi petunjuk dalam soal latihan
37 6. Soal Latihan Keterangan : Teks Gambar Gambar 3.13 Storyboard Soal Latihan : Merupakan isi latihan : Tombol navigasi untuk ke soal selanjutnya