BAB III ANALISA DAN PERANCANGAN

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 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 dan mahasiswa memilih biodata diri. 4. Sistem menampilkan halaman bidata diri. Kondisi awal Kondisi Akhir Mahasiswa menerima halaman profile. Mahasiswa dapat melihat profile penulis dan biodata penulis.

34 Tabel 3.3 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 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 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. Kondisi awal Kondisi akhir Mahasiswa menerima halaman latihan yang terdapat dalam soal. Mahasiswa telah mengerjakan latihan soal.

35 Tabel 3.5 Use Case Keluar Nama Aktor Deskripsi Keluar. Mahasiswa. Mahasiswa dapat keluar dari aplikasi. 1.Mahasiswa memilih menu keluar. Skenario 2.Mahasiswa memilih ya atau tidak 3.Sistem mengeluarkan aplikasi. Kondisi Awal Kondisi Akhir Mahasiswa menerima halaman keluar dan memilih keluar ya atau tidak. 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 Sistem Memilih menu profile Menampilkan halaman profile Memilih Biodata diri 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 Sistem Memilih menu materi Menampilkan halaman materi Memilih materi 1 sampai materi 4 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 Sistem Memilih menu latihan Menampilkan halaman latihan Memilih menu mulai Menampilkan halaman soal Mengerjakan soal Memeriksa jawaban 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 Menampilkan halaman keluar Menu Utama 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 Menu profile Biodata diri 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 Menu materi Halaman sub 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 Link Keterangan : Profile : Biodata : Menuju halaman biodata diri : Halaman menu profile Gambar 3.12 storyboard halaman profile

43 4. Storyboard Halaman Materi Materi Materi 1 Text Materi 2 Materi 3 Simulasi Home Back Next Nama scane : Materi 1 Link : 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

44 5. Storyboard Halaman Soal Soal Next Nama scane Soal Link Keterangan : Soal : Papan soal : Next : Menuju halaman selanjutnya : Halaman menu soal Gambar 3.14 storyboard halaman soal 6. Storyboard Halaman Score Reset Pesiksa Benar Salah Score Keluar Nama scane Reset Periksa Keluar Keterangan : Soal : Untuk mereset score : Untuk periksa jumlah betul dan salah : Menuju halaman keluar : Halaman menu score Gambar 3.15 storyboard halaman scor

45 7. Storyboard Halaman Keluar Apakah anda ingin keluar?? YA Tidak Nama scane : Keluar Link : Ya : Keluar dari aplikasi : Tidak : Kembali ke halaman menu utama Keterangan : Halaman Keluar Gambar 3.16 storyboard halaman keluar