BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 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

2 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 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

3 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.

4 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 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.

5 35 Berikut ini merupakan deskripsi Use case diagram diatas : Tabel 3.2 Use Case Materi Nama Aktor Deskripsi Materi Mahasiswa. Mahasiswa dapat melihat materi yang ada 1. Mahasiswa memilih menu materi. Skenario 2.Sistem menampilkan halaman materi. 3. Mahasiswa memilih materi-materi yang ada. Kondisi awal Kondisi akhir 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 Mahasiswa dapat melihat mempelajari isi dari setiap materi Tabel 3.3 Use Case Profil Nama Aktor Deskripsi profil Mahasiswa. 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.

6 36 Tabel 3.4 Use Case Quis Nama Aktor Deskripsi Quis Mahasiswa. 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 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

7 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.

8 38 Pengguna Sistem Memilih menu profile Menampilkan halaman profile Memilih biodata penulis 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

9 39 Gambar 3.4 Activity diagram menu quis 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.

10 40 Menu materi Materi Skenario Quis Keluar Gambar 3.5 peta navigasi Aplikasi pembelajaran kemacetan jaringan mekanisme priority queueing 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 Animasi 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

11 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 On Off Home 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

12 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 animasi Teks teks click Nama scene menu profil Link click: menuju kehalaman profil Keterangan halaman profil Gambar 3.8 storyboard halaman profile

13 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

14 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 Home START 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

15 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

16 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

17 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.

18 48 Tabel 3.5 Pengumpulan bahan yang dibuat sendiri No Nama Ukuran Piksel Tipe Durasi Keterangan 1 Soal-soal dari 1 s/d 10 2 Sketsa skenario hub 17 kb -.docx - Dibuat menggunakan Microsoft office word document 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 Sketsa skenario switch 4 Sketsa Skenario router 47 kb -.docx - Dibuat menggunakan Microsoft office word document kb -.docx - Dibuat menggunakan Microsoft office word document Sketsa gambar data unicast 6 Sketsa gambar data broadcast 7 Sketsa gambar data multicast 8 Gambar kata motivasi 9 Gambar biodata 10,7 kb 368 x ,2 kb 368 x ,3 kb 368 x kb 492 x ,2 kb 317 x 212 JPEG - Dibuat menggunakan adobe illustrator cs3 JPEG - Dibuat menggunakan adobe illustrator cs3 JPEG - Dibuat menggunakan adobe illustrator cs3 JPEG - Dibuat menggunakan adobe illustrator cs3 JPEG - Dibuat menggunakan adobe illustrator cs3

19 49 10 Gambar Backgroun d 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.6 Pengumpulan bahan yang diunduh No Nama Ukuran Piksel Tipe Durasi Keterangan 1 materi data unicast, data broadcast dan data multicast 2 Materi jaringan komputer 141 kb - Docu ment websit e 141 kb - Docu ment Websi te - uruz.com/networking -basics/what-isunicast-broadcastand-multicast/ - r.id/tag/network/ 3 Gambar Hub 68,7 kb 1182 x 734 JPEG - om/hub-1/ 4 Gambar Switch 15,4 kb 489 x 333 JPEG - om/switch-network/ 5 Gambar Router 12,2 kb 300 x 273 JPEG - m/router-cisco/ 6 Audio Intro 285 kb -.Amr 15 detik om/search=audioamr

20 50 Tabel 3.6 Pengumpulan bahan yang diunduh (Lanjutan) No Nama Ukuran Piksel Tipe Durasi Keterangan 7 Techno_ intro 1,22 mb -.fla 25 detik sh.comtehcno_intro1 8 Materi referensi layer OSI dalam jaringan komputer 14,0 Kb - Doc ume nt Web site - pedia.com/mode l_osi.html 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.