BAB III ANALISA DAN PERANCANGAN
3.1 Analisa Sistem Dalam membangun Aplikasi Simulasi pembelajaran pengaturan kemacetan jaringan dengan mekanisme FIFO, penulis akan menganalisa kebutuhan dasar sistem yang dibutuhkan. Analisa dilakukan terhadap data-data yang mempresentasikan masalah, sehingga dapat diketahui spesifikasi kebutuhan sistem yang akan dibangun nanti.
Pada tugas akhir ini akan dibangun aplikasi simulasi pembelajaran pengaturan kemacetan jaringan dengan mekanisme FIFO berbasis multimedia. Aplikasi ini berisi materi-materi yang diperoleh dari banyak sumber dan latihan untuk menguji mahasiswa dalam pemahaman materi ini. Aplikasi ini disertai pula dengan suara sehingga memberikan kemudahan kepada pengguna dalam menggunakan aplikasi ini dan dapat dengan mudah mempelajari materi.
Program ini memiliki kegunaan untuk mempermudah pembelajaran mahasiswa khususnya materi pengaturan kemacetan jaringan dengan mekanisme FIFO. Pada program ini mahasiswa dapat mengulang sendiri materi yang belum dikuasai dan mahasiswa dapat memahami materi lebih dalam yang telah disampaikan. Program ini menyediakan fitur-fitur yang menarik karena ditunjang oleh gambar dan suara, sehingga memiliki daya tarik tersendiri bagi mahasiswa yang dapat memicu semangat belajar mahasiswa untuk meningkatkan hasil belajar serta mahasiswa mudah memahami dan tidak merasa jenuh
29
30
Dari keseluruhan komponen sistem yang dibangun tersebut, maka didapatkan sekumpulan masukan dan keluaran, sebagai berikut :
Masukkan : 1. Data Materi pengaturan kemacetan jaringan dengan mekanisme
FIFO
:
penjelasan
Materi
pengaturan
kemacetan jaringan dengan mekanisme FIFO
Keluaran : 1. Daftar jenis materi FIFO yang telah disediakan. 2. Daftar latihan pilihan ganda tentang materi ini.
Aplikasi pembelajaran pengaturan kemacetan jaringan dengan mekanisme FIFO ini memiliki beberapa menu, yaitu : 1. 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. 2. Menu Materi Pada menu materi ini terdapat jenis-jenis materi yang akan dibahas oleh penulis. Setelah kita klik materi akan terdapat jenis-jenis materi, tombol home, tombol lanjut atau next, tombol on dan off untuk sound dan tumpukan pensil. Jenis-jenis materi yang ditampilkan oleh penulis yaitu :
31
a. QOS (Quality of Service) Pada materi QOS
ini penulis membahas dari QOS itu sendiri lebih
mendalam. Di mulai dari definisi QOS, parameter QOS secara detail dan mendalam dengan simulasi beserta animasinya. b. Memori buffer Dalam menu FIFO buffer ini penulis membahas dari fifo buffer dalam FIFO. Di mulai dari definisi FIFO buffer, simulasi FIFO buffer dan macam – macam gambar FIFO buffer. c. FIFO (first in first out). Pada materi FIFO ini penulis membahas mendalam dari FIFO. Dimulai dari definisi FIFO, simulasi FIFO beserta animasinya, simulasi FIFO jika traffic rendah beserta animasinya, , simulasi FIFO jika traffic sedang beserta animasinya, simulasi FIFO jika traffic padat beserta animasinya. d. Simulasi Dalam menu simulasi ini penulis mensimulasikan cara kerja pengiriman data dengan mekanis me fifo darri traffic sepi sampai traffic padat. 3. Menu Soal Dalam menu latihan ini, terdapat beberapa tombol yaitu tombol keluar untuk kembali ke halaman utama dan tombol mulai untuk memulai latihan. Jika kita klik tombol mulai berarti kita akan memulai soal. 4. Menu Keluar Dalam menu keluar ini, terdapat tombol keluar jika kita ingin keluar dan sudah selesai mempelajari aplikasi ini kita tinggal mengklik tombol keluar.
32
3.2 Konsep Aplikasi Simulasi Pembelajaran Pengaturan Kemacetan Jaringan Dengan Mekanisme FIFO ini merupakan aplikasi yang dibuat untuk mahasiswa-mahasiswi jurusan ilmu komputer. Aplikasi ini menggunakan pengembangan multimedia, yaitu konsep, perancangan, pengumpulan bahan, pembuatan, pengujian dan distribusi.
Tabel 3.1 Deskripsi konsep aplikasi Judul
Aplikasi Simulasi Pembelajaran Pengaturan Kemacetan Jaringan Dengan Mekanisme FIFO
Pengguna
Mahasiswa-Mahasiswi Ilmu Komputer
Bentuk Aplikasi
Media Pembelajaran Interaktif
Gambar
Menggunakan file berformat JPG, PNG dan EPS
Suara
Menggunakan file berformat MP3
Animasi
Animasi pada teks, tombol dan gambar dibuat sendiri
Interaktif
Menggunakan link atau action script berupa tombol untuk pengguna menuju ke halaman yang diinginkan.
3.3 Perancangan
Pada perancangan ini akan menerangkan dengan jelas dan secara rinci perancangan Aplikasi Simulasi Pembelajaran Pengaturan Kemacetan Jaringan Dengan Mekanisme FIFO ini meliputi pemodelan use case diagram, sequence diagram dan activity diagram.
3.3.1 Perancangan Use Case Diagram Pada aplikasi Simulasi Pembelajaran Pengaturan Kemacetan Jaringan Dengan Mekanisme FIFO 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
33
aktor. Use case diagram Aplikasi Simulasi Pembelajaran pengaturan kemacetan jaringan Dengan Mekanisme FIFO pada gambar 3.1. Profile
Materi
Latihan Mahasiswa
Keluar
Gambar 3.1 Use case diagram Berikut ini merupakan deskripsi Use case diagram diatas :
Tabel 3.2 Use Case Profile Nama
Profile.
Aktor
Mahasiswa.
Deskripsi
Mahasiswa dapat melihat profile penulis. 1. Mahasiswa memilih menu profile 2. Sistem menampilkan halaman profile.
Skenario
3. Mahasiswa dapat melihat profile dari penulis dan mahasiswa memilih biodata diri. 4. Sistem menampilkan halaman bidata diri.
Kondisi awal
Mahasiswa menerima halaman profile.
Kondisi Akhir
Mahasiswa dapat melihat profile penulis dan biodata penulis.
34
Tabel 3.3 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.
Kondisi Awal
Mahasiswa menerima halaman materi yang terdapat beberapa Materi yaitu : QOS, Memori buffer, FIFO, Simulasi
Kondisi Akhir
Mahasiswa dapat melihat materi
Tabel 3.4 Use Case Soal Nama Aktor
Latihan. Mahasiswa.
Deskripsi
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.
Kondisi awal
Mahasiswa menerima halaman latihan yang terdapat dalam soal.
Kondisi akhir
Mahasiswa telah mengerjakan latihan soal.
35
Tabel 3.5 Use Case Keluar Nama Aktor
Keluar. Mahasiswa.
Deskripsi
Mahasiswa dapat keluar dari aplikasi. 1.Mahasiswa memilih menu keluar.
Skenario
2.Mahasiswa memilih ya atau tidak 3.Sistem mengeluarkan aplikasi.
Kondisi Awal
Mahasiswa menerima halaman keluar dan memilih keluar ya atau tidak.
Kondisi Akhir
Aplikasi keluar.
3.3.2 Perancangan Activity Diagram Activity diagram menggambarkan alur aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alur berawal. Decision yang mungkin terjadi dan bagaimana mereka berakhir. Activity diagram juga menggambarkan proses pararel yang mungkin terjadi pada bebarap eksekusi.
1. Activity diagram menu profile Pada gambar 3.2 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.
36
Pengguna
Memilih menu profile
Memilih Biodata diri
Sistem
Menampilkan halaman profile
Menampilkan halaman biodata diri
Gambar 3.2 Activity diagram menu profile
2. Activity diagram menu materi Pada gambar 3.3 aktifitas dimulai pada saat mahasiswa memilih menu materi, sistem akan menampilkan halaman materi aktifitas selanjutnya memilih submenu materi yang akan dipelajari yaitu submenu QOS, Memori buffer, FIFO. 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.3 Activity diagram menu materi
37
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. Pengguna
Memilih menu latihan
Memilih menu mulai
Sistem
Menampilkan halaman latihan
Menampilkan halaman soal
Memeriksa jawaban
Mengerjakan soal
Jawaban benar
Nilai +1
Nilai + 0
Menampilkan nilai
Gambar 3.4 activity diagram menu latihan
4.
Activity diagram menu keluar Pada gambar 3.5 aktivity diagram menu keluar aktifitas akan dimulai pada
menu utama, selanjutnya mahasiswa memilih menu keluar dan aplikasi pun akan keluar.
38
Pengguna
Sistem
Memilih menu keluar
Menu Utama
Menampilkan halaman keluar
Tidak Ya
Gambar 3.5 activity diagram menu keluar 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.
1.
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.
39
Mahasiswa
Biodata diri
Menu profile
Pilih menu profile
Tampilan halaman profile
Pilih Biodata diri
Tampilan halaman biodata diri
Gambar 3.6 sequence diagram menu profile
2.
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
Halaman sub materi
Menu materi
Pilih menu materi
Tampilan halaman materi
Pilih sub materi
Tampilan halaman sub
Gambar 3.7 Sequence diagram menu materi
40
3.
Sequence diagram menu latihan Pada sequence diagram menu latihan atau 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.
Mahasiswa
Menu latihan
Soal
Pilih menu latihan
Tampilan halaman latihan
Pilih mulai
Tampilan halaman soal
Mengerjakan soal
Cek jawaban Menampilkan nilai
Gambar 3.8 sequence diagram menu latihan 4.
Sequence diagram menu keluar Pada sequence diagram menu keluar mahasiswa atau pengguna akan memilih
menu keluar. Pada saat memilih menu keluar terdapat option mahasiswa akan keluar atau tidak.
Mahasiswa
Menu keluar
Pilih menu keluar
Keluar dari aplikasi
Gambar 3.9 Sequence diagram menu keluar
41
3.3.4 Perancangan Storyboard Pada bagian perancangan storyboard ini akan digambarkan mengenai bagian – bagian yang akan ditampilkan pada Aplikasi Simulasi Pembelajaran Pengaturan Kemacetan Jaringan Dengan Mekanisme FIFO.
1.
Storyboard Halaman Depan SIMULASI PEMBELAJARAN PENGATUTAN KEMACETAN JARINGAN DENGAN MEKANISME FIFO
Home Nama scane : Intro Link
: Home : menuju ke halaman menu
Keterangan : Halaman depan
Gambar 3.10 storyboard halaman depan 2.
Storyboard Menu Utama Background
Profil Materi Soal Keluar Nama scane : Menu Link
: Profil
: Menuju ke halaman profile
Materi
: Menuju ke halaman materi
Soal
: Menuju ke halaman soal
Keluar
: Menuju halaman keluar
Keterangan : Halaman menu utama
Gambar 3.11 storyboard halaman Menu Utama
42
3.
Storyboard Halaman Profile
Text
Biodata
Nama scane
: Profile
Link
: Biodata : Menuju halaman biodata diri
Keterangan
: Halaman menu profile
Gambar 3.12 storyboard halaman profile
43
4. Storyboard Halaman Materi
Materi Text Materi 1 Materi 2 Materi 3 Simulasi Back Home Nama scane Link
: Materi 1 : Materi 1 : Menuju halaman materi 1 : Materi 2 : Menuju halaman materi 2 : Materi 3 : Menuju halaman materi 3 : Simulasi : Menuju halaman simulasi : Next
: Menuju ke halaman berikutnya
: Back
: Menuju ke halaman sebelumnya
: Home
: Menuju ke halaman menu
Text
: Papan isi materi
Keterangan
: Halaman menu materi
Gambar 3.13 storyboard Halaman Materi
Next
44
5.
Storyboard Halaman Soal
Soal
Next
Nama scane
: Soal
Soal
: Papan soal
Link
: Next : Menuju halaman selanjutnya
Keterangan
: Halaman menu soal
Gambar 3.14 storyboard halaman soal
6.
Storyboard Halaman Score Reset
Pesiksa
Benar Salah Score Nama scane
: Soal
Reset
: Untuk mereset score
Periksa
: Untuk periksa jumlah betul dan salah
Keluar
: Menuju halaman keluar
Keterangan
: Halaman menu score
Gambar 3.15 storyboard halaman scor
Keluar
45
7.
Storyboard Halaman Keluar
Apakah anda ingin keluar?? YA
Nama scane Link
Tidak
: Keluar : Ya
: Keluar dari aplikasi
: Tidak : Kembali ke halaman menu utama Keterangan
: Halaman Keluar
Gambar 3.16 storyboard halaman keluar
