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
Materi
Aktor
Mahasiswa.
Deskripsi
Mahasiswa dapat memilih materi yang ada. 1. Mahasiswa memilih menu materi.
Skenario
2. Sistem menampilkan halaman materi. 3. Mahasiswa memilih materi-materi yang ada. Mahasiswa menerima halaman materi yang terdapat beberapa
Kondisi Awal
Materi yaitu : definisi list, kamus data, linked list, dan variasi senarai.
Kondisi Akhir
Mahasiswa dapat melihat dan mempelajari isi dari setiap materi..
Tabel 3.3 Use Case Profile Nama
Profile.
Aktor
Mahasiswa.
Deskripsi
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
Latihan.
Aktor
Mahasiswa.
Deskripsi
Mahasiswa dapat mengerjakan latihan soal yang ada pada halaman latihan. 1. Mahasiswa memilih menu latihan. 2. Sistem menampilkan halaman latihan dan memilih menu
Skenario
mulai. 3. Mahasiswa dapat mengerjakan latihan soal. Pada setiap soal akan menampilkan point benar atau salah.
Kondisi Awal
Mahasiswa menerima halaman latihan yang terdapat soal.
Kondisi Akhir
Mahasiswa telah mengerjakan latihan soal.
33
Tabel 3.5 Game Nama
Game.
Aktor
Mahasiswa.
Deskripsi
Mahasiswa dapat bermain game. 1. Mahasiswa memilih menu game.
Skenario
2. Sistem menampilkan halaman game. 3. Mahasiswa dapat memainkan game
Kondisi Awal
Mahasiswa menerima halaman game.
Kondisi Akhir
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
Memilih menu materi
Memilih materi 1 sampai materi 4
Sistem
Menampilkan halaman materi
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
Memilih menu profile
Memilih Biodata diri
Sistem
Menampilkan halaman profile
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
Memainkan Game
Menampilkan halaman 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
Gambar Menu
Nama scene : Menu Link
: Menu : menuju ke halaman menu utama
Keterangan : Halaman depan
Gambar 3.10 storyboard halaman depan
2.
Storyboard Menu Utama
JUDUL
Materi Profil Latihan Game
Nama scene :
Menu
Link
:
Keterangan
:
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 Halaman menu utama
Gambar 3.11 storyboard menu utama
Home
Keluar
43
3.
Storyboard Halaman Materi MATERI
Balik
Materi 1 Materi 2
Materi 3
Materi 4
Nama scene : Materi Link
: Materi Materi Materi Materi Balik
1 2 3 4
: : : : :
menuju menuju menuju menuju menuju
Keterangan
: Halaman materi
ke ke ke ke ke
halaman halaman halaman halaman halaman
materi 1 materi 2 materi 3 materi 4 menu utama
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
Lanjut
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
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
