BAB III ANALISA DAN PERANCANGAN
3.1
Analisa Sistem Tahap analisa merupakan tahap awal penulis dalam pembuatan aplikasi
perangkat lunak. Dalam membangun program pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ) .ini penulis akan menganalisa kebutuhan
dasar
sistem.
Analisa
dilakukan
terhadap
data-data
yang
merepresentasikan masalah, sehingga dapat diketahui spesifikasi 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 mengajar yang berbasis multimedia dapat digunakan untuk menciptakan sarana belajar yang menarik dan interaktif untuk mahasiswa/umum sehingga cocok digunakan sebagai alternatif lain untuk sarana belajar berkreatifitas selain belajar melalui buku. Permasalahan pembelajaran kemacetan jaringan dengaan mekanisme weighted fair queueing (WFQ) yang dihadapi pada saat ini adalah banyaknya materi yang disuguhkan. selain itu motivasi dan minat mempelajari materi dasar dan lebih mendalam tentang kemacetan jaringan dengan mekanisme weighted fair queueing tersebut pun berkurang. Dilihat dari keadaan tersebut penulis berkeinginan membuat aplikasi pembelajaran interaktif tentang pemahaman kemacetan jaringan dengan mekanisme weighted fair queueing berbasis multimedia, karena dengan adanya aplikasi tersebut bisa digunakan untuk membantu pembelajaran mengenali kemacetan jaringan dengan mekanisme weighted fair
queueing dalam suatu
jaringan komputer. Aplikasi tersebut dibuat menggunakan Adobe Flash CS3 Professional. Aplikasi yang dibuat adalah aplikasi yang bisa digunakan untuk menambah pembelajaran dan pemahaman secara individu atau mandiri agar mahasiswa/umum mudah mengerti dalam pembelajaran pemahaman kemacetan 31
32
jaringan dengan mekanisme weighted fair queueing tersebut. Selain itu juga untuk menarik minat dan motivasi belajar para mahasiswa/umum, agar gemar untuk belajar mengenali kemacetan jaringan dengan mekanisme weighted fair queueing. Dalam pembuatan perangkat lunak ini penulis menganalisa komponen dari sistem yang dibangun atau dibuat diantaranya adalah sebagai berikut: 1. Perangkat lunak, yaitu aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing serta teknik perjalanan paket data yang terjadi di queue router berbasis multimedia. 2. Materi yang ada dalam aplikasi ini meliputi materi dasar tentang kemacetan jaringan dengan mekanisme weighted fairr queueing serta teknik perjalanan paket data yang terjadi di queue router. 3. Perangkat keras, yaitu komputer 4. Manusia, yaitu pengguna yang mengakses sistem 5. Prosedur
yaitu
langkah-langkah
yang
mendefinisikan
tentang
penggunaan sistem. Dari keseluruhan komponen sistem yang dibangun, maka didapat masukan, proses dan keluaran yaitu: 1. Pada proses pengambilan materi berupa gambar, huruf dan soal-soal latihan kemacetan jaringan dengan mekanisme weighted fair queueing. Semuanya disimpan terlebih dahulu ke dalam direktori data penyimpanan sebagai masukan kemudian dalam tahap proses, terjadi pengambilan materi berupa gambar, huruf dan soal-soal latihan tersebut dari direktori berkas penyimpanannya dan langsung tereksekusi kemudian muncul pada layar sebagai keluaran. 2. Pada proses pengambilan suara, suara berformat “.wav” disimpan ke dalam direktori berkas penyimpanan suara sebagai masukan kemudian dalam tahap proses terjadi pengaturan sewaktu gambar atau teks keluar lalu suara tereksekusi kemudian munculah keluaran berupa bunyi.
33
3.2
Konsep Aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted
fair queueing ini merupakan aplikasi yang dibuat untuk membantu mempermudah mahasiswa/umum dalam mempelajari memahami kemacetan jaringan dengan mekanisme weighted fair queueing. Aplikasi ini dirancang menggunakan metode pengembangan multimedia dilakukan melalui 5 tahap yaitu konsep, perancangan, pengumpulan material, pembuatan dan pengujian. Dalam aplikasi ini terdapat 4 sub menu materi yaitu materi, penjadwalan, kuis dan profile. Berikut
penjelasan
secara
rinci
mengenai
konsep
dari
aplikasi
pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing yaitu: 1. Materi Pada menu materi ini pengguna dapat membaca materi dasar mengenai definisi dan mekanisme kerja kemacetan jaringan dengan mekanisme weighted fair queueing model dan fungsi dari qos yang berupa tulisan yang disertakan dengan animasi agar lebih menarik minat belajar,serta penjadwalan dari paket data tersebut. 2. Penjadwalan Pada menu penjadwalan berisi scenario kemacetan jaringan pada paket data tersebut.Dengan beberapa scenario paket data yang terjadi pada kemacetan jaringan weighted fair queueing. 3. Kuis Pada menu kuis ini berisi soal - soal tentang jaringan komputer, terdapat 10 (sepuluh) soal latihan yang berkaitan dengan kemacetan jaringan yang nantinya di khusus kan bagi pengguna aplikasi untuk tes keahliannya dalam menjawab soal latihan tersebut.
34
4. Profile Pada menu profile ini terdapat informasi biodata dari pembuat aplikasi. yang berisi nama, jurusan dan nama universitas. Aplikasi ini juga dimaksudkan untuk menggantikan pembelajaran yang bersifat manual menjadi digital selain dijadikan pembelajaran secara mandiri juga menggunakannya akan lebih mengasyikkan karena kelebihan unsur multimedia yang dapat menarik indera dan minat, karena merupakan gabungan antara pandangan,
suara
dan
gerakan.
Aplikasi
ini
juga
membiasakan
para
mahasiswa/umum untuk terbiasa menggunakan komputer dan mouse yang relevan serta memahami lebih mendalam tentang ilmu kemacetan jaringan komputer dengan perkembangan zaman. 3.3
Perancangan Pada bab ini penulis melakukan perancangan aplikasi yang terdiri dari
perancangan use case diagram dan perancangan activity diagram. 3.3.1 Perancangan Use Case Diagram Use case mendeskripsikan interaksi tipikal antara para pengguna sistem dengan sistem itu sendiri, dengan memberi sebuah narasi tentang bagaimana sistem tersebut digunakan. Use case diagram mengambarkan fungsionaliatas yang diharapkan dari suatu sistem, yang ditekankan adalah “apa” yang diperbuat sistem dan bukan “bagaimana” sebuah use case mempresentasikan sebuah interaksi antara aktor dengan sistem. Use case mengambarkan kata kerja seperti Login ke sistem, maintenance user dan sebagainya. Dalam bahasan use case,
para pengguna disebut sebagai
aktor. Seorang (aktor) merupakan sebuah peran penting dalam kaitannya dengan sistem untuk melakukan pekerjaan atau aktivitas tertentu. Use case diagram dapat sangat membantu bila kita sedang menyusun requirement sebuah sistem, mengkomunikasikan rancangan dengan klien, dan merancang test case untuk semua feature yang ada pada sistem.
35
Pada aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing dapat diketahui bahwa aktor tersebut adalah pengguna. Maka didapatkan suatu Use case diagram dan beberapa skenario yang memperlihatkan interaksi-interaksi Use case diagram dengan aktor Use case diagram dari aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing ini dapat dilihat pada Gambar 3.1 berikut :
Melihat materi pembelajaran Melihat penjadwalan
Mengerjakan soal soal latihan
mahasiswa Melihat profil
Gambar 3.1 use case diagram Pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ) Gambar use case diagram diatas mempresentasikan aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing. Berikut penjelasan gambar : 1. Karikatur manusia mangambarkan seorang aktor 2. Gambar lingkaran oval merepresentasikan use case 3.
Garis-garis merepresentasikan kardinalitas.
Pada gambar 3.1 dapat dijelaskan bahwa ada seorang aktor atau pengguna yaitu mahasiswa/umum. Use case tersebut adalah use case menu pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing,
36
use case melihat materi pembelajaran,use case melihat simulasi dan use case mengerjakan soal - soal latihan. Berikut adalah deskripsi use case yang telah digambarkan : Tabel 3.1 use case aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ). Nama
Bab Materi
Aktor
Mahasiswa/umum
Deskripsi
Pengguna dapat memilih materi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ) yang berisikan materi-materi dasar yaitu definisi dari weighted fair queueing (WFQ), definisi tujuan dan perjalanan paket data pada penjadwalan weighted fair queueing serta melihat penjadwalan mekanisme kerjanya dan mengerjakan soal - soal kuis.
Skenario
1. halaman utama. 2. Pengguna memilih menu materi definisi dari weighted fair queing serta prinsip penjadwalan dari paket data weighted fair queueing. 3. Sistem masuk ke halaman materi yang dipilih 4. Sistem menampilkan informasi dari definisi dari weighted fair queueing serta prinsip penjadwalan dari paket data weighted fair queing 5. Pengguna memilih menu mengerjakan soal-soal latihan.
kuis
untuk
6. Sistem masuk ke halaman soal - soal latihan yang terdiri dari 10 (sepuluh) soal latihan. Soal latihan tersebut berkaitan dengan teknologi informasi. 7. Sistem mengecek jawaban pengguna dan menampilkan nilai
37
Tabel 3.1 use case aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ). Kondisi Awal
1. Pengguna menerima halaman materi pelajaran pada menu materi. 2. Pengguna menerima halaman materi dasar yang di dalamnya terdiri dari definisi weighted fair queueing serta prinsip penjadwalan dari paket data weighted fair queing. 3. Pengguna menerima halaman penjadwalan untuk melihat mekanisme kerja dari weighted fair queueing serta prinsip penjadwalan dari paket data weighted fair queueing.
Kondisi Akhir
1. Pengguna mempelajari materi pelajaran pada menu materi yang dipilih 2. Pengguna memahami materi pembelajaran materi dasar dari dari weighted fair queueing serta prinsip penjadwalan dari paket data weighted fair queueing 3. Pengguna melihat mekanisme kerja dari dari weighted fair queueing serta prinsip penjadwalan dari paket data weighted fair queueing. 4. Pengguna mengisi soal - soal latihan pada menu evaluasi yang terdiri dari 10 (sepuluh) soal dan langsung bisa terlihat nilai nya.
Deskripsi
Pengguna dapat melihat materi pembelajaran dasar dari weighted fair queueing serta prinsip penjadwalan dari paket data weighted fair queueing,melihat cara kerjanya penjadwalan weighted fair queueing dan mengerjakan soal soal latihan yang terdiri dari 10 (sepuluh) soal latihan.
38
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. Diagram ini menggambarkan langkah yang mana dijalankan secara berurutan dan langkah mana yang dijalankan secara bersamaan. Diagram aktifitas dalam pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing seperti pada gambar berikut. 1. Activity diagram menu materi aktifitas dimulai pada saaat mahasiswa memilih menu materi maka sistem akan menampilkan halaman materi.
Gambar 3.2 activity diagram menu materi Aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ)
39
Pada gambar 3.2 diatas menjelaskan bahwa aktifitas terjadi setelah pengguna menjalankan aplikasi setelah itu pengguna masuk kehalaman menu materi. Pengguna dapat melihat menu materi pada tampilan halaman materi .Pada menu materi, pengguna di hadapkan tentang definisi, pada paket data weighted fair queueing (WFQ), cara kerja serta penyaluran paket data pada penjadwalan WFQ. Yang di bahas penjadwalan kemacetan jaringan dengan mekanisme WFQ serta membahas QOS yang digunakan WFQ. 2. Activity diagram menu penjadwalan aktifitas dimulai pada saaat mahasiswa memilih menu penjadwalan maka sistem akan menampilkan halaman penjadwalan.
Gambar 3.3 activity diagram menu penjadwalan Aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ)
40
Pada gambar 3.3 diatas menjelaskan bahwa aktifitas terjadi setelah pengguna menjalankan aplikasi setelah itu pengguna masuk kehalaman menu penjadwalan. Pengguna
dapat
melihat
menu
penjadwalan
pada
tampilan
halaman
penjadwalan.Pada menu penjadwalan, pengguna dihadapkan tentang skenario penjadwalan bagaimana penyaluran paket data tersebut dapat bekerja dengan baik dan lancar serta jelas. 3. Activity diagram menu kuis aktifitas dimulai pada saaat mahasiswa memilih menu kuis maka sistem akan menampilkan halaman kuis.
Gambar 3.4 activity diagram menu kuis Aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ)
41
Pada gambar 3.4 diatas menjelaskan bahwa aktifitas terjadi setelah pengguna menjalankan aplikasi setelah itu pengguna masuk kehalaman menu kuis. Pengguna dapat melihat menu penjadwalan pada tampilan halaman kuis Pada menu kuis, pengguna di hadapkan tentang 10 (sepuluh) soal latihan dan soal latihan tersebut berkaitan dengan kemacetan jaringan WFQ Dan masing - masing soal tersebut jika benar menjawab mendapat skor 10 dan jika salah menjawab mendapatkan nilai 0. 4. Activity diagram menu profil aktifitas dimulai pada saaat mahasiswa memilih menu profil maka sistem akan menampilkan halaman profil.
Gambar 3.5 activity diagram menu profil Aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ) Pada gambar 3.5 diatas menjelaskan bahwa aktifitas terjadi setelah pengguna menjalankan aplikasi setelah itu pengguna masuk kehalaman menu kuis. Pengguna dapat melihat menu penjadwalan pada tampilan halaman kuisPada menu profile, pengguna dihadapkan tentang biodata dari pembuat aplikasi tugas akhir.
42
5. Activity diagram menu keluar Activity diagram menu keluar aktifitasnya akan dimulai pada menu utama, selanjutnya mahasiswa memilih menu keluar dan aplikasi pun akan keluar.
Gambar 3.6 activity diagram menu keluar Aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ) 3.3.3 Perancangan Peta Navigasi Peta navigasi ini memudahkan untuk merancang aplikasi yang akan dibuat dengan menentukan lokasi pada setiap halaman yang ada dalam aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ). peta navigasi dari pembelajaran pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing.
Halaman Utama
Materi
Penjadwalan
Kuis
profile
Gambar 3.6 peta navigasi Aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ)
43
3.3.4 Perancangan Antarmuka (Storyboard) Pada bagian desain antarmuka (interface desain) ini akan digambarkan mengenai bagian-bagian yang akan ditampilkan pada aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queueing (WFQ). 1. Tampilan antarmuka index
Gambar 3.7 perancangan antarmuka index Pada tampilan antarmuka index ini adalah halaman depan yang berisi button-button yang berfungsi sebagai petunjuk sekaligus juga berfungsi untuk mempermudah user dalam menggunakan aplikasi ini.
44 2. Tampilan antarmuka halaman materi
Gambar 3.8 perancangan antarmuka halaman materi Pada tampilan antarmuka halaman materi aplikasi ini penulis dengan desain seperti papan tulis dan halaman aplikasi ini dibuat semenarik mungkin agar dapat menarik minat pengguna pada saat melihat aplikasi ini.
45 3. Tampilan antarmuka menu penjadwalan
Gambar 3.9 perancangan antarmuka menu penjadwalan Pada tampilan menu utama ini terdiri dari tombol-tombol yang akan menghubungkan ke halaman menu home, penjadwalan paket per paket, penjadwalan paket prioritas
dan penjadwalan paket kombinasi yang dipilih
pengguna.
46 4. Tampilan antarmuka halaman kuis
Gambar 3.10 perancangan antarmuka halaman kuis Pada tampilan
halaman kuis adalah dimana pengguna telah masuk
kedalam halaman yang berisikan soal-soal latihan yang telah dibuat penulis.
•
Mengisi soal latihan pilihan ganda
•
Mengisi soal latihan Isian
•
Melihat nilai
47 5. Tampilan antarmuka halaman profil
Gambar 3.11 perancangan antarmuka halaman profil 6. Tampilan antar muka halaman isi penjadwalan WFQ
Gambar 3.12 perancangan antar muka halaman isi penjadwalan WFQ
48
Pada tampilan di halaman isi penjadwalan WFQ pengguna di suguhkan tentang simulasi penjadwalan kemacetan jaringan WFQ.Agar pengguna mengetahui cara kerja dari WFQ. 7. Tampilan antar muka halaman keluar
Gambar 3.13 perancangan antar muka halaman keluar Pada tampilan di halaman keluar, pengguna akan di alihkan dengan tidak bisanya mengakses aplikasi jika pengguna sudah tidak ingin menggunakannya. 3.4
Pengumpulan Bahan Setelah melakukan analisis, konsep dan perancangan terhadap aplikasi
pembelajaran kemacetan jaringan dengan mekanisme weighted fair queing, tahapan selanjutnya adalah pengumpulan bahan dan pembuatan. Aplikasi pembelajaran kemacetan jaringan dengan mekanisme weighted fair queing ini berbasis multimedia yang digunakan sebagai media pembelajaran, pada tahap
49
pengumpulan bahan material penulis membagi menjadi beberapa bagian, yaitu tahap pengumpulan bahan yang dibuat sendiri dan pengumpulan bahan yang diunduh. Tabel 3.2 Pengumpulan bahan yang dibuat sendiri No
Nama
Ukuran
Piksel
Tipe
Durasi
Keterangan
1
Background
17 kb
-
.docx
-
Dibuat menggunakan Microsoft office word document 2007
2
Tombol Back
3
Tombol Next
59 kb
-
.docx
-
Dibuat menggunakan Microsoft office word document 2007
Tabel 3.2 Pengumpulan bahan yang dibuat sendiri (Lanjutan) No
Nama
Ukuran
Piksel
Tipe
Durasi
Keterangan
3
Tombol Materi
47 kb
-
.docx
-
Dibuat menggunakan Microsoft office word document 2007
4
Tombol Penjadwalan
46 kb
-
.docx
-
Dibuat menggunakan Microsoft office word document 2007
5
Tombol Kuis
90,1kb
500 x 300
JPEG
-
Dibuat menggunakan adobe illustrator cs3
6
Tombol Profil
14,2 kb
368 x 442
JPEG
-
Dibuat menggunakan adobe illustrator cs3
7
Tombol Keluar
11,3 kb
368 x 442
JPEG
-
Dibuat menggunakan adobe illustrator cs3
8
Tombol Play
17 kb
492 x 420
JPEG
-
Dibuat menggunakan adobe illustrator cs3
9
Tombol Stop
12,2 kb
317 x 212
JPEG
-
Dibuat menggunakan adobe illustrator cs3
50
10
Tombol Replay
27 kb
759 x 650
JPEG
-
Dibuat menggunakan adobe illustrator cs3
Pada pengumpulan bahan yang dibuat sendiri, materi yang berupa sketsa gambar dibuat menggunakan Adobe Illustrator CS3 , tulisannya dibuat langsung di dalam Adobe Flash CS3 Professional. Tabel 3.3 Pengumpulan bahan yang diunduh No
Nama
Ukuran
Piksel
Tipe
1
Materi WFQ
141 kb
-
Docu ment websit e
http://www.networkg uruz.com/networking -basics/what-isunicast-broadcastand-multicast/
2
Materi QOS
141 kb
-
Docu ment Websi te
http://www.nixnux.or .id/tag/network/
3
Gambar Router
68,7 kb
1182 x 734
JPEG
-
http://www.google.c om/hub-1/
4
15,4 kb
489 x 333
JPEG
-
http://www.google.c om/switch-network/
5
12,2 kb
300 x 273
JPEG
-
http://www.google.c m/router-cisco/
285 kb
-
.Amr
15 detik
http://www.4shared.c om/search=audioamr
6
Audio Battle fields
Durasi
Keterangan
Pada pengumpulan bahan material yang diunduh penulis mengambil bahan melalui internet. Gambar yang di unduh dalam bentuk Ai file, dibuka dengan menggunakan Adobe Illustrator lalu di pindah ke dalam library flash dengan terlebih dahulu menconvert menjadi file graphic didalam flash.
