BAB III ANALISA DAN PERANCANGAN

BAB III ANALISA DAN PERANCANGAN

3.1

Analisa Sistem Tahap analisa sistem merupakan tahap awal dalam pembuatan aplikasi,

pada

tahap ini juga akan dilakukan proses identifikasi dan analisa tentang

kebutuhan sistem serta data-data yang mempresentasikan masalah, sehingga dapat diketahui spesifikasi kebutuhan sistem yang dibuat. Penulis akan menganalisa kebutuhan dasar sistem yang dibutuhkan Dengan Perkembangan yang terjadi dalam dunia teknologi informasi, maka proses penyampaian informasi di dunia pendidikan sangat dibutuhkan, oleh karena itu pada tugas akhir ini akan dibangun aplikasi pembelajaran kemacetan jaringan dengan metode Priority Queueing. Aplikasi ini berisi materi-materi tentang priority queueing yang diperoleh dari banyak sumber dan latihan untuk menguji mahasiswa dalam pemahaman materi priority queueing. Aplikasi ini berguna untuk mempermudah pembelajaran mahasiswa khususnya materi priority queueing untuk mengatasi masalah kemacetan jaringan. Aplikasi 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 lebih mudah untuk dipahami. Dari keseluruhan komponen sistem yang dibangun tersebut, maka didapatkan sekumpulan masukan dan keluaran, sebagai berikut : 

Masukkan : 1. Data Materi Priority Queueing( PQ ): penjelasan Materi PQ

31

32



Keluaran : 1. Daftar materi PQ yang telah disediakan. 2. Daftar latihan pilihan ganda tentang materi PQ

Aplikasi pembelajaran kemacetan jaringan dengan Priority Queueing 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 dari aplikasi yang akan dibahas oleh penulis. Setelah mahasiswa memilih menu materi akan terdapat jenis-jenis materi, tombol home, tombol quiz, tombol on dan off untuk sound. Jenis-jenis materi yang ditampilkan oleh penulis yaitu : a. Priority Queueing Dalam definisi Priority Queueing ini penulis membahas pengertian dari Priority Queueing yang mudah dimengerti dan dipahami oleh pengguna aplikasi ini, konsep kerja definisi Priority Queueing itu sendiri, kelebihan dan kelemahan pada Priority Queueing,Teori antrian,Qos,Klasifikasi,buffer management,karakterisrik ,teknik-teknik antrian dan penjadwalan serta contoh dari Priority Queueing dalam bentuk animasi agar pengguna dapat lebih jelas memahami cara kerja Priority Queueing.Materi-materi yang disajikan antara lain b. Skenario Priority Queueing Dalam definisi skenario ini penulis membahas tentang proses cara kerja dari prioritas antrian,Dalam suatu pembelajaran kemacetan jaringan agar memudahkan pengguna aplikasi dalam memahami pelajaran tentang prioritas antrian

33

c. Quiz (kuis) Dalam Menu Quiz ini penulis mencoba memberi latihan – latihan dari materi yang telah dibahas pada aplikasi. Menu quiz terdiri dari beberapa soal yang berbentuk pilihan ganda ,dan terdapat high score setelah pengguna menyelesaikan semua soal, yang bertujuan untuk mengevaluasi kemampuan pengguna untuk memahami materi yang telah dibahas.

3.2

Konsep Aplikasi pembelajaran Mengatasi masalah kemacetan jaringan dengan

Priority Queueing ini merupakan aplikasi yang dibuat dan di tunjukkan 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 Pembelajaran Kemacetan Jaringan dengan mekanisme Priority Queueing

Pengguna

Mahasiswa-Mahasiswi Ilmu Komputer

Bentuk Aplikasi

Media Pembelajaran Interaktif

Gambar

Menggunakan file berformat JPG, PNG

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.

34

3.3

Perancangan Pada perancangan ini akan menerangkan dengan jelas dan secara rinci

perancangan Aplikasi pembelajaran Mengatasi masalah kemacetan jaringan dengan Priority Queueing ini meliputi pemodelan use case diagram, sequence diagram dan activity diagram.

3.3.1 Perancangan Use Case Diagram Pada aplikasi Aplikasi pembelajaran Mengatasi masalah kemacetan jaringan dengan Priority Queueing 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 Pembelajaran Struktur Kemacetan Jaringan Dengan Mekanisme Priority Queueing dapat dilihat pada gambar 3.1.

Materi

Profile

Mahasiswa

Gambar 3.1 Use case diagram Aplikasi pembelajaran kemacetan jaringan dengan Priority Queueing.

35

Berikut ini merupakan deskripsi Use case diagram diatas : Tabel 3.2 Use Case Materi Nama

Materi

Aktor

Mahasiswa.

Deskripsi

Mahasiswa dapat melihat materi yang ada 1. Mahasiswa memilih menu materi. 2.Sistem menampilkan halaman materi.

Skenario 3. Mahasiswa memilih materi-materi yang ada.

Kondisi awal

Mahasiswa dapat menerima halaman materi berupa;definisi priority queueing,kelemahan dan kekurangan priority queueing,teori antrian,qos,klasifikasi,buffer management,karakteristik,teknik-teknik antrian dan penjadwalan

Kondisi akhir

Mahasiswa dapat melihat mempelajari isi dari setiap materi

Tabel 3.3 Use Case Profil Nama

profil

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

Kondisi Awal

Mahasiswa menerima halaman profile .

Kondisi Akhir

Mahasiswa dapat melihat profile penulis.

36

Tabel 3.4 Use Case Quis Nama

Quis

Aktor

Mahasiswa.

Deskripsi

Mahasiswa dapat mengerjakan latihan soal yang ada pada halaman latihan. 1. Mahasiswa memilih menu Quis.

Skenario

2. Sistem menampilkan halaman latihan dan memilih menu Start. 3. Mahasiswa dapat mengerjakan latihan soal.

Kondisi Awal

Mahasiswa menerima halaman quis yang terdapat 5 soal.

Kondisi Akhir

Mahasiswa telah mengerjakan latihan soal.

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.

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. Diagram aktifitas dalam pembelajaran kemacetan jaringan dengan mekanisme Priority queueing

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

37

submenu materi yang akan dipelajari yaitu submenu definisi Priority queueing, Skenario priority queueing, serta dapat memilih Quiz. Setelah mahasiswa memilih salah satu submenu tersebut, maka akan ditampilkan materi yang 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.

38

Pengguna

Memilih menu profile

Memilih biodata penulis

Sistem

Menampilkan halaman profile

Menampilkan biodata penulis

Gambar 3.3 Activity diagram menu profile 3.

Activity diagram menu Quis Pada gambar 3.4 aktivity diagram aktifitas akan dimulai saat mahasiswa

sudah masuk kedalam menu utama, selanjutnya aktifitas mahasiswa memilih menu quis, didalam menu quis aktifitas selanjutnya mahasiswa start quis, sistem akan menampilkan halaman quis dan mahasiswa akan mengerjakan quis dan menjawabnya , setelah itu sistem akan memeriksa jawaban dan sistem akan menampilkan nilai

39

Gambar 3.4 Activity diagram menu quis 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 simulasi mekanisme kerja komponen jaringan komputer ini. Pada gambar 3.3 merupakan peta navigasi dari pembelajaran simulasi mekanisme kerja komponen jaringan komputer.

40

Menu materi

Materi

Skenario

Quis

Keluar

Gambar 3.5 peta navigasi Aplikasi pembelajaran kemacetan jaringan mekanisme priority queueing 3.3.4 Perancangan Storyboard Storyboard adalah gambar yang mewakili pengambilan gambar dalam sebuah scene atau adegan. Storyboard digunakan sebagai alat bantu pada tahan perancangan multimedia. Pada bagian perancangan storyboard ini akan digambarkan mengenai bagian-bagian yang akan ditampilkan pada Aplikasi Simulasi Pembelajaran Kemacetan Jaringan Mekanisme priority queueing

1. Storyboard Halaman menu utama

exit

Animasi

Materi

Profil

Nama scene : menu utama Link

: materi : menuju ke halaman menu materi profil : menuju ke halaman menu profil

Keterangan : Halaman utama

Gambar 3.6 storyboard halaman utama

Animasi

41

Pada terdapat menu dimana pengguna biasa menggunakan button-button tombol yang mempunyai fungsi seperti tombol materi dimana pengguna bisa menuju kehalaman materi sedangkan untuk profil pengguna biasa melihat data penulis,untuk animasi menampilakan gambar agar aplikasi lebih menarik. Pada tampilan ini terdapat juga tombol-tombol yang disertakan dengan fungsinya berikut penjelasan secara rinci : 

Tombol materi berfungsi untuk halaman menu materi



Tombol profil berfungsi untuk melihat isi materi



Tombol exit berfungsi untuk keluar



Anamasi berfungsi untuk melihat animasi

2. Storyboard Menu Materi

Menu materi Priority Queueing

Home

On

Skenario pq v Quiz

Nama scene menu materi Link pq :menuju kehalaman materi pq Skenario :menuju kehalaman skenario pq Quis :menuju kehalaman latihan Keterangan: menu materi

Gambar 3.7 storyboard halaman Menu materi

Off

42

Pada halaman menu materi dijelaskan dimana pengguna aplikasi bisa menggunakan tombol aplikasi dengan fungsi sebagai berikut ini: 

Tombol button Priority queueing berfungsi pengguna aplikasi bisa melihat materi priority queueing



Tombol button Skenario PQ berfungsi pengguna aplikasi bisa melihat proses kerja dari pq



Tombol button quis berfungsi pengguna aplikasi bisa melihat soal latihan yang telah disediakan



Tombol button on dan off berfungsi untuk mendengar musik



Tombol button home berfungsi pengguna aplikasi bisa kembali ke halaman awal aplikasi

3. Storyboard Halaman Profile

Teks animasi teks click

Nama scene menu profil Link click: menuju kehalaman profil Keterangan halaman profil

Gambar 3.8 storyboard halaman profile

43

Pada halaman profil pengguna biasa melihat animasi gambar dan bacaan penulis,sedangkan untuk tombool click pengguna dapat melihat halaman biodata penulis Pada tampilan ini terdapat juga tombol-tombol yang disertakan dengan fungsinya berikut penjelasan sebagai berikut : 

Tombol button click berfungsi pengguna aplikasi bisa melihat data penulis

4. Storyboard Halaman Biodata Profil

Gambar penulis Biodata tentang penulis

Tombol button

Nama scene biodata Link tombol button menuju halaman keluar Keterangan halaman biodata

Gambar 3.9 storyboard biodata profil

Pada halaman ini pengguna aplikasi biasa melihat gambar penulis dan biodata penulis.Untuk tombol button pengguna aplikasi biasa kembali kemenu halaman awal aplikasi

44

Pada tampilan ini terdapat juga tombol-tombol yang disertakan dengan fungsinya berikut penjelasan sebagai berikut : 

Tombol button berfungsi pengguna aplikasi bisa keluar dari biodata penulis aplikasi

5. Storyboard Halaman Menu Awal Quiz

Latihan tentang priority queueing

START

Home

Nama scene menu quis Link home: menuju kehalaman menu home awal Start :menuju kehalaman latihan awal

Gambar 3.10 storyboard halaman Menu awal Quiz

Pada halaman menu quis pengguna aplikasi dapat menggunakan tombol start untuk

menuju halaman soal untuk tombol home pengguna memilih untuk

kembali kemenu utama. Pada tampilan ini terdapat juga tombol-tombol yang disertakan dengan fungsinya berikut penjelasan sebagai berikut : 

Tombol home berfungsi pengguna aplikasi bisa kembali kemenu home awal



Tombol start berfunfsi pengguna aplikasi bisa memulai latihan soal yang telah disediakan

45

6. Storyboard halaman soal Quis

soal

Pilihan jawaban

lanjut

Nama scene menu soal quis Link lanjut: menuju kehalaman soal berikutnya Keterangan halaman soal

Gambar 3.11 storyboard halaman quis

Pada halaman quis pengguna dapat melihat soal,jika pertanyaan soal sudah dijawab pengguna biasa memilih tombol lanjut untuk halam berikutnya. Pada tampilan ini terdapat juga tombol-tombol yang disertakan dengan fungsinya berikut penjelasan sebagai berikut : 

Tombol lanjut berfungsi pengguna aplikasi bisa melanjutkan soal berikutnya

46

7. Storyboard halaman evaluasi Quis

Jawaban Lanjut

evaluasi

Nama scene evaluasi quis Link lanjut :menuju kehalaman soal berikutnya Evaluasi menuju kehalaman koreksi jawaban soal Keterangan halaman evaluasi

Gambar 3.12 storyboard halaman jawaban

Pada halaman evaluasi quis dijelaskan untuk pengguna aplikasi,Dimana pengguna biasa melihat jawaban soal yang telah ditentukan jawabannya apakah jawaban tersebut benar atau salah terus biasa menggunakan tombol lanjut untuk melihat hasil dari jawaban yang telah diisi Pada tampilan ini terdapat juga tombol-tombol yang disertakan dengan fungsinya berikut penjelasan sebagai berikut : 

Tombol lanjut berfungsi pengguna aplikasi bisa melanjutkan soal berikutnya



Tombol evaluasi berfungsi pengguna bisa melihat hasil jawaban

47

8. Storyboard Halaman Score home

score

animasi text

Nama scene halaman score Link home menuju kehalaman awal menu materi

Gambar 3.13 storyboard halaman score

Pada halaman ini pengguna dapat melihat hasil dari jawaban soal yang telah diisi,serta dapat melihat animasi gambar dihalaman ini Pada tampilan ini terdapat juga tombol-tombol yang disertakan dengan fungsinya berikut penjelasan sebagai berikut : 

Tombol home berfungsi pengguna aplikasi bisa keluar dari halaman quis

3.4

Pengumpulan Bahan Setelah melakukan analisis, konsep dan perancangan terhadap aplikasi

pembelajaran simulasi mekanisme kerja komponen jaringan komputer, tahapan selanjutnya adalah pengumpulan bahan dan pembuatan. Aplikasi pembelajaran simulasi mekanisme kerja komponen jaringan komputer ini berbasis multimedia yang digunakan sebagai media pembelajaran, pada tahap pengumpulan bahan material penulis membagi menjadi beberapa bagian, yaitu tahap pengumpulan bahan yang dibuat sendiri dan pengumpulan bahan yang diunduh.

48

Tabel 3.5 Pengumpulan bahan yang dibuat sendiri No

Nama

Ukuran

Piksel

Tipe

Durasi

Keterangan

1

Soal-soal dari 1 s/d 10

17 kb

-

.docx

-

Dibuat menggunakan Microsoft office word document 2007

2

Sketsa skenario hub

59 kb

-

.docx

-


Tabel 3.2 Pengumpulan bahan yang dibuat sendiri (Lanjutan) No

Nama

Ukuran

Piksel

Tipe

Durasi

Keterangan

3

Sketsa skenario switch

47 kb

-

.docx

-


4

Sketsa Skenario router

46 kb

-

.docx

-


5

Sketsa gambar data unicast

10,7 kb

368 x 442

JPEG

-

Dibuat menggunakan adobe illustrator cs3

6

Sketsa gambar data broadcast

14,2 kb

368 x 442

JPEG

-


7

Sketsa gambar data multicast

11,3 kb

368 x 442

JPEG

-


8

Gambar kata motivasi

17 kb

492 x 420

JPEG

-


9

Gambar biodata

12,2 kb

317 x 212

JPEG

-


49

10

Gambar Backgroun d

27 kb

759 x 650

JPEG

-


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.6 Pengumpulan bahan yang diunduh No

Nama

Ukuran

Piksel

Tipe

Durasi

Keterangan

1

materi data unicast, data broadcast dan data multicast

141 kb

-

Docu ment websit e

http://www.networkg uruz.com/networking -basics/what-isunicast-broadcastand-multicast/

2

Materi jaringan komputer

141 kb

-

Docu ment Websi te

http://www.nixnux.o r.id/tag/network/

3

Gambar Hub

68,7 kb

1182 x 734

JPEG

-

http://www.google.c om/hub-1/

4

Gambar Switch

15,4 kb

489 x 333

JPEG

-

http://www.google.c om/switch-network/

5

Gambar Router

12,2 kb

300 x 273

JPEG

-

http://www.google.c m/router-cisco/

6

Audio Intro

285 kb

-

.Amr

15 detik

http://www.4shared.c om/search=audioamr

50

Tabel 3.6 Pengumpulan bahan yang diunduh (Lanjutan) No

Nama

Ukuran

Piksel

Tipe

Durasi

Keterangan

7

Techno_

1,22 mb

-

.fla

25 detik

http://warungfla sh.comtehcno_intro1

Doc ume nt Web site

-

http://www.wiki pedia.com/mode l_osi.html

intro 8

Materi referensi layer OSI dalam jaringan komputer

14,0 Kb -

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.

BAB III ANALISA DAN PERANCANGAN

Recommend Documents