BAB III ANALISA DAN PERANCANGAN 3.1 Analisa Sistem Tahap analisa merupakan tahap awal penulis dalam pembuatan aplikasi ini. Dalam membangun aplikasi Pembelajaran Struktur Data Materi Linked List ini penulis akan menganalisa kebutuhan dasar sistem. Analisa dilakukan terhadap datadata yang merepresentasikan masalah, sehingga dapat diketahui spesisifikasi kebutuhan sistem yang akan dibangun. Perkembangan teknologi komputer telah membuat komputer bukan hanya sebagai alat bantu hitung dan pemrosesan data saja, tetapi juga dapat digunakan pada bidang multimedia. Perangkat ajar yang berbasis multimedia dapat digunakan untuk menciptakan sarana belajar yang menarik dan interaktif untuk anak-anak sehingga cocok digunakan sebagai alternatif lain untuk sarana belajar anak selain belajar melalui buku. Dalam tugas akhir ini akan dibangun aplikasi simulasi pembelajaran struktur data materi linked list berbasis multimedia. Aplikasi ini berisi materi-materi linked list yang diperoleh dari banyak sumber dan latihan untuk menguji mahasiswa dalam pemahaman materi Linked List. Aplikasi ini disertai pula dengan suara sehingga memberikan kemudahan kepada pengguna dalam menggunakan aplikasi ini dan dapat dengan mudah mempelajari materi. Adapun program ini memiliki kegunaan untuk mempermudah pembelajaran mahasiswa khususnya dalam materi linked list ini. Pada program ini mahasiswa dapat mengulang sendiri materi yang belum dikuasai dan mahasiswa dapat memahami materi lebih dalam yang telah disampaikan. Program ini menyediakan keunikan yang menarik karena ditunjang oleh gambar suara, dan animasi sehingga memiliki potensi 27
28 bagi mahasiswa yang dapat memicu semangat belajar mahasiswa untuk meningkatkan hasil belajar serta mahasiswa mudah memahami materinya. Dari keseluruhan komponen sistem yang dibangun, maka didapat masukan dan keluaran yaitu: Masukkan : 1. Data Materi Linked List : penjelasan Materi Linked List. Keluaran : 2. Daftar jenis materi linked list yang telah disediakan. 3. Daftar latihan essay linked list tentang materi linked list Dalam aplikasi pembelajaran struktur data linked list ini memiliki beberapa menu diantaranya, yaitu : 1. Menu Materi Pada menu materi ini terdapat jenis-jenis materi linked list yang akan dibahas oleh penulis. Setelah kita klik materi akan terdapat jenis-jenis materi, tombol home, tombol lanjut atau next,tombol replay untuk mengulang, tombol on dan off untuk sound. Diharapkan agar mahasiswa dapat membaca,mempelajari dan memahami penjelasan-penjelasan pada halaman materi ini. 2. Menu profile Pada menu profile ini terdapat biodata dari penulis secara lengkap dengan maksud agar pengguna aplikasi ini dapat mengetahui dengan jelas siapa penulis atau pembuat dari aplikasi ini. Di dalam menu profile terdapat foto dari penulis, nama, tanggal lahir, alamat dan email dari penulis.
29 3. Menu Latihan Dalam menu latihan ini, terdapat beberapa tombol yaitu tombol home untuk kembali ke halaman utama dan tombol mulai untuk memulai latihan. Jika kita klik tombol mulai berarti kita akan memulai latihan, dalam latihan ini terdapat beberapa soal yang harus dikerjakan dengan tipe soal yang berbeda beda. 4. Menu Game Dalam menu game ini, terdapat sebuah permainan sebagai hiburan yang sejenis dengan materi ini. 3.2 Konsep Aplikasi Simulasi Pembelajaran Struktur Data Materi Linked List ini merupakan aplikasi yang dibuat untuk mahasiswa-mahasiswi fakultas ilmu komputer. Aplikasi ini bebasis multimedia yang akan digunakan sebagai media pembelajaran interakif, yaitu konsep, perancangan, pengumpulan bahan, pembuatan, pengujian dan distribusi. Deskripsi konsep aplikasi seperti pada tabel 3.1, dibawah ini. Judul Aplikasi Simulasi Pembelajaran Struktur Data Materi Linked List Pengguna Mahasiswa-Mahasiswi Ilmu Komputer Bentuk Aplikasi Media Pembelajaran Interaktif Gambar Menggunakan file berformat JPG, EPS, PNG Suara Menggunakan file berformat MP3 Animasi Animasi pada teks, tombol dan gambar dibuat sendiri Interaktif Menggunakan link berupa tombol untuk pengguna menuju ke halaman yang diinginkan.
30 3.3 Perancangan Pada tahap perancangan ini penulis melakukan rancangan aplikasi yang akan menjelaskan dengan secara rinci perancangan Aplikasi Simulasi Pembelajaran Struktur Data Linked List ini yang terdiri dari Use case Diagram, Activity Diagram dan Sequence Diagram. 3.3.1 Perancangan Use Case Diagram Pada aplikasi Simulasi Pembelajaran Struktur Data Materi Linked List berbasis multimedia ini, mengidentifikasi yang menjadi aktor utamanya adalah mahasiswa. Dari identifikasi aktor tersebut maka akan peroleh suatu diagram use case dan skenario yang memperlihatkan interaksi antara use case dengan aktor. Use case diagram Aplikasi Simulasi Pembelajaran Struktur Data Materi Linked List dalam dilihat pada dibawah ini. Materi Profil Latihan Mahasiswa Game Gambar 3.1 Use case diagram Aplikasi Simulasi Pembelajaran Struktur Data Materi Linked List. Berikut ini merupakan deskripsi Use case diagram diatas :
31 Tabel 3.2 Use Case Materi Nama Aktor Deskripsi Materi Mahasiswa. Mahasiswa dapat memilih materi yang ada. 1. Mahasiswa memilih menu materi. Skenario 2. Sistem menampilkan halaman materi. 3. Mahasiswa memilih materi-materi yang ada. Kondisi Awal Kondisi Akhir Mahasiswa menerima halaman materi yang terdapat beberapa Materi yaitu : definisi list, kamus data, linked list, dan variasi senarai. Mahasiswa dapat melihat dan mempelajari isi dari setiap materi.. Tabel 3.3 Use Case Profile Nama Aktor Deskripsi Profile. Mahasiswa. Mahasiswa dapat melihat profile penulis. 1.Mahasiswa memilih menu profile Skenario 2.Sistem menampilkan halaman profile. 3.Mahasiswa dapat melihat profile dari penulis.
32 Kondisi Awal Mahasiswa menerima halaman profile. Kondisi Akhir Mahasiswa dapat melihat profile penulis. Tabel 3.4 Use Case Latihan Nama Aktor Deskripsi Latihan. Mahasiswa. Mahasiswa dapat mengerjakan latihan soal yang ada pada halaman latihan. 1. Mahasiswa memilih menu latihan. Skenario 2. Sistem menampilkan halaman latihan dan memilih menu mulai. 3. Mahasiswa dapat mengerjakan latihan soal. Pada setiap soal akan menampilkan point benar atau salah. Kondisi Awal Kondisi Akhir Mahasiswa menerima halaman latihan yang terdapat soal. Mahasiswa telah mengerjakan latihan soal.
33 Tabel 3.5 Game Nama Aktor Deskripsi Game. Mahasiswa. Mahasiswa dapat bermain game. 1. Mahasiswa memilih menu game. Skenario 2. Sistem menampilkan halaman game. Kondisi Awal Kondisi Akhir 3. Mahasiswa dapat memainkan game Mahasiswa menerima halaman game. Mahasiswa dapat memainkan game. 3.3.2 Perancangan Activity Diagram Activity diagram adalah teknik untuk menggambarkan logika procedural, proses bisnis, dan jalur kerja. Dalam beberapa hal, diagram ini memainkan peran mirip sebuah diagram alir, tetapi perbedaan prinsip antar diagram ini dan notasi diagram alir adalah diagram ini mendukung behavior parallel. (Fowler, 2005) Activity diagrams menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Diagram ini menggambarkan langkah yang mana dijalankan secara berurutan dan langkah mana yang dijalankan secara bersamaan.
34 1. Activity diagram menu materi Pada gambar 3.2 aktifitas dimulai pada saat mahasiswa memilih menu materi, sistem akan menampilkan halaman materi aktifitas selanjutnya memilih submenu materi yang akan dipelajari yaitu submenu definisi list, kamus data, Linked List, dan variasi senarai (List). Setelah mahasiswa memilih salah satu submenu tersebut, maka akan ditampilkan materi yang dipilih. Pengguna Sistem Memilih menu materi Menampilkan halaman materi Memilih materi 1 sampai materi 4 Menampilkan materi yang sudah dipilih Gambar 3.2 Activity diagram menu materi 2. Activity diagram menu profile Pada gambar 3.3 aktifitas dimulai pada saaat mahasiswa memilih menu profile maka sistem akan menampilkan halaman profile, setelah itu mahasiswa memilih biodata diri maka sistem akan menampilkan halaman bidata diri.
35 Pengguna Sistem Memilih menu profile Menampilkan halaman profile Memilih Biodata diri Menampilkan halaman biodata diri Gambar 3.3 Activity diagram menu profile 3. Activity diagram menu latihan Pada gambar 3.4 aktivity diagram aktifitas akan dimulai saat mahasiswa sudah masuk kedalam menu utama, selanjutnya aktifitas mahasiswa memilih menu latihan, didalam menu latihan aktifitas selanjutnya mahasiswa mulai latihan, sistem akan menampilkan halaman latihan dan mahasiswa akan mengerjakan latihan dan menjawabnya, setelah itu sistem akan memeriksa jawaban dan sistem akan menampilkan nilai benar atau salah.
36 Gambar 3.4 activity diagram menu latihan 4. Activity diagram menu game Pada gambar 3.5 aktivity diagram menu game ketika mahasiswa memilih menu game, kemudian mahasiswa dapat memainkan gamenya.
37 Pengguna Sistem Memilih Menu Game Menampilkan halaman game Memainkan Game ya Gambar 3.5 activity diagram menu game. 3.3.3 Perancangan Sequence Diagram Sequence diagram menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri atar dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait). Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu.
38 1. Sequence diagram menu materi Pada sequence diagram menu materi mahasiswa atau pengguna akan mengakses melalui menu utama, pada menu utama pengguna akan memilih menu materi dan sistem akan menampilkan menu materi. Setelah itu mahasiswa atau pengguna dapat memilih sub materi yang ada dan sistem akan menampilkan sub materi. Mahasiswa Menu materi Halaman sub materi Pilih menu materi Tampilan halaman materi Pilih sub materi Tampilan halaman sub Gambar 3.6 Sequence diagram menu materi 2. Sequence diagram menu profile Pada sequence diagram menu profile mahasiswa atau pengguna akan mengakses melalui menu utama, pada menu utama pengguna akan memilih menu profile. Setelah itu akan terdapat tampilan profile penulis tersebut.
39 Mahasiswa Menu profile My Profile Pilih menu profile Tampilan halaman profile Pilih My Profile Tampilan halaman my profile Gambar 3.7 sequence diagram menu profile 3. Sequence diagram menu latihan Pada sequence diagram menu latihan pengguna akan mengakses melalui menu utama, pada menu utama mahasiswa akan memilih menu latihan dan sistem akan menampilkan halaman latihan dan mahasiswa akan mengerjakan latihan.
40 Mahasiswa Menu latihan Soal Pilih menu latihan Tampilan halaman latihan Pilih mulai Tampilan halaman soal Mengerjakan soal Menampilkan benar atau salah Gambar 3.8 sequence diagram menu latihan 4. Sequence diagram menu game Pada sequence diagram menu game, mahasiswa atau pengguna masuk halaman menu, kemudian memilih menu game. Sistem akan menampilkan halaman game, selanjutnya mahasiswa dapat memainkan game.
41 Mahasiswa Menu Game Pilih menu game Memainkan game Gambar 3.9 sequence diagram menu game 3.3.4 Perancangan Storyboard Storyboard adalah gambar gambar yang mewakili pengambilan gambar dalam sebuah scene atau adegan. Storyboard digunakan sebagai alat bantu pada tahap perancangan multimedia. Pada bagian perancangan storyboard ini akan digambarkan mengenai bagian bagian yang akan ditampilkan pada Aplikasi Simulasi Pembelajaran Struktur Data Materi Linked List.
42 1. Storyboard Halaman Intro Judul Tanggal Animasi Menu Gambar Nama scene : Menu Link : Menu : menuju ke halaman menu utama Keterangan : Halaman depan Gambar 3.10 storyboard halaman depan 2. Storyboard Menu Utama Materi JUDUL Home Keluar Profil Latihan Game Nama scene : Menu Link : Home : Menuju ke halaman utama Keluar : Menuju ke halaman keluar Materi : Menuju ke halaman materi Profile : Menuju ke halaman profile Latihan : Menuju ke halaman latihan Game : Menuju ke halaman game Keterangan : Halaman menu utama Gambar 3.11 storyboard menu utama
43 3. Storyboard Halaman Materi Balik MATERI Materi 1 Materi 2 Materi 3 Materi 4 Nama scene : Materi Link : Materi 1 : menuju ke halaman materi 1 Materi 2 : menuju ke halaman materi 2 Materi 3 : menuju ke halaman materi 3 Materi 4 : menuju ke halaman materi 4 Balik : menuju ke halaman menu utama Keterangan : Halaman materi Gambar 3.12 storyboard halaman materi 4. Storyboard Halaman Profile Teks My Profile Nama scene : Profile Link : Biodata diri : Menuju ke halaman biodata diri Keterangan : Halaman menu profile Gambar 3.13 storyboard halaman profil
44 5. Storyboard Halaman Latihan Latihan Soal Balik Mulai!!! Cek Ulangi Nama scene : Latihan Link : Ayo Mulai : Menuju ke halaman soal Balik : Menuju ke halaman menu utama Cek : Mengecek jawaban benar atau salah Ulangi: Untuk mengerjakan soal kembali Lanjut: Melanjutkan ke soal berikutnya Keterangan : Halaman latihan Gambar 3.14 storyboard halaman latihan Lanjut 6. Storyboard Halaman Game Game Balik Nama scene : Game Link : Game : menampilkan sebuah game Balik : kembali ke halaman menu utama Keterangan : Halaman Game Gambar 3.15 storyboard halaman game