BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Transkripsi

1 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Setelah tahap analisis dan perancangan selesai dilakukan, maka tahap selanjutnya adalah tahap implementasi. Pada subbab berikut akan dijelaskan implementasi dari aplikasi bantu kuliah Pemrograman Paralel dengan animasi, terdapat dua cakupan yaitu proses yang meliputi struktur frame dan layer, coding dan spesifikasi kebutuhan sistem yang meliputi perangkat keras (hardware), perangkat lunak (software), dan hal-hal yang berhubungan dengan aplikasi Spesifikasi Kebutuhan Sistem Berikut spesifikasi kebutuhan sistem dimana-mana sistem dibuat dan dijalankan: 1. Perangkat keras (hardware) : a. Intel Pentium4 CPU 2.00 GHz b. RAM 1 GB c. Harddisk 250GB 2. Perangkat lunak (software) : a. Microsoft Windows XP sebagai sistem operasi b. Adobe Flash CS 3 Professional Proses Sebuah movie flash dapat dibagi dalam berbagai scene. Biasanya suatu scene menampilkan suatu adegan. Pembagian movie ke dalam scene berguna untuk memudahkan dalam mengorganisasikan movie. Program ini terdiri dari 11 scene.

2 1. Tampilan Pembuka Pada tampilan pembuka terdapat judul program yang dibuat dengan movie clip yang dapat mucul di bagian atas. Teks Pemrograman Paralel dan di scene ini ada logo Depdiknas dan teks Mercu Buana dibuat dengan movie clip yang dapat mucul di bawah logo Depdiknas. Pada scene ini terdapat 5 layer dan tiap layer memiliki fungsi masing masing. Gambar 4.1 Tampilan Pembuka Tabel 4.1 Fungsi layer pada tampilan pembuka Layer Fungsi Action Menempatkan action script dari tiap frame Masuk Menempatkan tombol masuk yang akan menuju ke movie berikutnya Lambang Menempatkan Logo dan teks Universitas Mercu Buana yang dengan menggunakan movie clip animasi teks Judul Menempatkan teks Pemrograman Parallel yang dengan menggunakan movie clip fade in Background Gambar latar pada tampilan Actionscript yang terdapat pada masing-masing layer sebagai berikut : 1. Untuk tombol masuk:

3 loadmovie("menuutama.swf",0); 2. Untuk layer Action fscommand ("fullscreen", true); 2. Tampilan Menu Utama Pada tampilan Menu Utama terdapat tombol pendahuluan yang berada di gambar papan tulis, menu PVM ini berada di layar monitor, menu MPI juga di layar monitor dan exit yang disamping papan tulis, exit ini akan masuk ke tampilan credit. Pada tampilan ini terdapat 8 layer dan tiap layer memiliki fungsi masing masing. Gambar 4.2 Tampilan Menu Utama Tabel 4.2 Fungsi layer pada Tampilan Menu Utama Layer Fungsi Stop Menempatkan script stop pada tampilan tersebut Menu PVM Menempatkan tombol ke menu Parallel Virtual Machine(PVM) Menu MPI Menempatkan tombol ke menu Message Parallel Interface(MPI)

4 Background Pendahuluan Exit Menu Proses Latihan Gambar latar pada scene Menempatkan tombol Pendahuluan Menempatkan tombol keluar atau credit Menempatkan tombol ke menu Proses Pemrograman Paralel Menempatkan tombol ke menu Latihan Actionscript yang terdapat pada masing-masing layer sebagai berikut : 1. Untuk stop Stop(); 2. Untuk tombol pendahuluan gotoandstop("pendahuluan",1); 3. Untuk tombol Menu PVM gotoandstop("pvm",1); 4. Untuk tombol Menu MPI gotoandstop("mpi",1); 5. Untuk tombol Exit

5 gotoandstop ("penutup ", 1); 6. Untuk tombol Proses On (release) gotoandstop("proses", 1); 7. Untuk tombol Latihan On (release) gotoandstop("latihan",1); 3. Tampilan Menu PVM Pada tampilan Menu PVM ini terdapat tombol materi PVM yang untuk dipelajari. Pada tampilan ini juga terdapat tombol (kembali) untuk ke tampilan Menu Utama dan juga tombol (Exit) untuk menutup proram ini.pada tampilan ini terdapat 5 layer dan tiap layer memiliki fungsi masing masing.

6 Gambar 4.3 Tampilan Menu PVM Tabel 4.3 Fungsi layer pada tampilanmenu PVM Layer Tombol stop Tombol Menu Materi Background Fungsi Menempatkan tombol kembali dan exit Menempatkan script stop pada tampilan tersebut Menempatkan tombol Menu Materi Menempatkan isi materi pada tampilan ini Gambar latar pada tampilan Actionscript yang terdapat pada masing-masing layer sebagai berikut : 1. Untuk Stop Stop(); 2. Untuk tombol pengertian gotoandstop(4);

7 3. Untuk tombol explicit gotoandstop(2); 4. Untuk tombol implicit gotoandstop(3); 5. Untuk tombol Exit gotoandstop ("penutup ", 1); 6. Untuk tombol kembali On (release) gotoandstop ("MenuUtama ", 1);

8 4. Scene Menu MPI Pada tampilan Menu MPI ini terdapat tombol materi MPI yang untuk dipelajari. Pada tampilan ini juga terdapat tombol (kembali) untuk ke tampilan Menu Utama dan juga tombol (Exit) untuk menutup proram ini.pada tampilan ini terdapat 5 layer dan tiap layer memiliki fungsi masing masing. Gambar 4.4 Tampilan Menu MPI Tabel 4.4 Fungsi layer pada tampilan Menu MPI Layer Tombol stop Tombol Menu Materi Background Fungsi Menempatkan tombol kembali dan exit Menempatkan script stop pada tampilan tersebut Menempatkan tombol Menu Materi Menempatkan isi materi pada tampilan ini Gambar latar pada tampilan

9 Actionscript yang terdapat pada masing-masing layer sebagai berikut : 1. Untuk layer Stop Stop(); 2. Untuk tombol pengertian gotoandstop(4); 3. Untuk tombol explicit gotoandstop(2); 4. Untuk tombol implicit gotoandstop(3); 5. Untuk tombol Exit

10 gotoandstop ("penutup",1); 6. Untuk tombol kembali gotoandstop ("penutup",1); 5. Tampilan Pendahuluan Pada tampilan Pendahuluan terdapat animasi professor yang tangannya bergerak dan tombol menu dari Pemrograman Paralel. Tombol pengertian ini untuk ke tampilan pengertian dari Pemrograman Paralel, tombol langkah (step) ini untuk ke tampilan langkah langkah dari pemrograman parallel, tombol tujuan untuk ke tampilan tujuan dari pemrograman parallel dan tombol yang berbentuk home ini untuk kembali ke tampilan Menu Utama. Pada tampilan ini terdapat 5 layer dan tiap layer memiliki fungsi masing masing. Gambar 4.5 Tampilan Pendahuluan

11 Gambar 4.6 Tampilan Pengertian Gambar 4.7 Tampilan Langkah Gambar 4.8 Tampilan Tujuan

12 Gambar 4.9 Tampilan Mempercepat Proses Gambar 4.10 Tampilan Mengoptimalkan Proses Tabel 4.5 Fungsi layer pada tampilan Pendahuluan Layer Fungsi Stop Menempatkan script stop pada tampilan tersebut tombol Menempatkan tombol panah dan kembali(berbentuk rumah) prof Menempatkan gambar animasi profesor Menu Menempatkan movie clip pengertian, langkah(step), tujuan, mempercepat proses dan mengoptimalkan proses

13 Background Simulasi Tombol client Movie Pembahasan Gambar latar pada scene Menempatkan gambar simulasi Menempatkan tombol jumlah client Menempatkan movie clip langkah langkah Pemrograman Paralel Menempatkan pembahasan dari tujuan Pemrograman Paralel Actionscript yang terdapat pada masing-masing layer sebagai berikut : 1. Untuk layer Stop Stop(); 2. Untuk tombol panah pengertian gotoandstop(("pengertian",1); 3. Untuk tombol panah langkah gotoandstop("langkah",1); 4. Untuk tombol panah tujuan

14 gotoandstop("tujuan",1); 5. Untuk tombol home gotoandstop("menuutama",1); 6. Tampilan Proses Pada tampilan Menu Proses ini terdapat tombol materi Proses yang untuk dipelajari. Pada tampilan ini juga terdapat tombol (kembali) untuk ke tampilan Menu Utama dan juga tombol (Exit) untuk menutup proram ini.pada tampilan ini terdapat 5 layer dan tiap layer memiliki fungsi masing masing. Gambar 4.11 Tampilan Proses Tabel 4.6 Fungsi layer pada tampilan Proses Layer Fungsi Tombol Menempatkan tombol kembali dan exit

15 stop Tombol Menu Materi Background Menempatkan script stop pada tampilan tersebut Menempatkan tombol Menu Materi Proses Menempatkan isi materi pada tampilan ini Gambar latar pada tampilan Actionscript yang terdapat pada masing-masing layer dan tombol sebagai berikut: 1. Untuk layer Stop Stop(); 2. Untuk tombol OR gotoandstop(2); 3. Untuk tombol AND gotoandstop(3); 4. Untuk tombol MISD

16 gotoandstop(4); 5. Untuk tombol MIMD gotoandstop(5); 6. Untuk tombol Exit gotoandstop ("penutup",1); 7. Untuk tombol kembali gotoandstop ("MenuUtama",1); 7. Tampilan Latihan Pada tampilan Latihan frame 1 terdapat judul dan tombol untuk memulai latihan. Pada frame 2 sampai 21 terdapat soal dan pilihan jawaban yang dapat dipilih oleh pengguna. Soal ini terdiri dari 20 no soal dan hanya 10 no yang akan

17 di tampilkan secara acak dan setiap menjawab atau pilih jawaban tedapat kunci jawaban disamping hasil jawaban user. Pada frame 22 terdapat animasi bergerak dan terdapat hasil jawaban dari soal-soal tersebut. Pada tampilan ini terdapat 9 layer dan tiap layer memiliki fungsi masing masing. Gambar 4.12 Tampilan awal Latihan Gambar 4.13 Tampilan Latihan jawaban benar

18 Gambar 4.14 Tampilan Latihan jawaban salah Gambar 4.14 Tampilan hasil Latihan Tabel 4.7 Fungsi layer pada tampilan Latihan Nama Layer Mulai Background Tombol Fungsi Menempatkan tombol start atau mulai nya Latihan Gambar latar pada tampilan Menempatkan tombol ke Menu Utama dan keluar(credit title)

19 Action Header Informasi Penomoran Pilihan ABCD Soal Menempatkan Action Script Menempatkan judul atau informasi Menempatkan awal tampilan dan hasil tampilan Menempatkan nomor Menempatkan tombol untuk jawaban Menempatkan soal-soal Actionscript yang terdapat pada masing-masing layer dan tombol sebagai berikut: 1. Layer action di frame 1 stop(); kunci = new Array("C","D","D","A","B","A","A","C","A","D","D","B","B","D","B"," C","D","B","D","B") jml = 0; nilai = 0; soal = new Array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20); soal1 = new Array(); 2. Layer action diframe 22 if (nilai<65) pesan="nilai Anda kurang dari Standar Kompetensi yang ditetapkan. Pelajari kembali media ini, khususnya pada bagian Materi" else pesan="nilai Anda sudah BAIK. Anda boleh mencoba lagi Uji Kompetensi ini sebagai pendalaman materi" 3. Untuk tombol start for (i=1; i<11; i++)

20 rand = random(21-i); dat = soal[rand]; soal1.push(dat); soal.splice(rand, 1); frame=soal1[jml]+1 gotoandstop(frame); soalke = 1; 4. Untuk tombol pilihan jawaban A pilih = "A"; f=_currentframe k = kunci[f-2]; if (pilih == k) nilai = nilai+10; telltarget ("bs") gotoandplay("benar"); else telltarget ("bs") gotoandplay("salah"); jml = jml+1; soalke = soalke+1; frame=soal1[jml]+1 if (jml==10) gotoandstop(22); else gotoandstop(frame);

21 5. Untuk tombol pilihan jawaban B pilih = "B"; f=_currentframe k = kunci[f-2]; if (pilih == k) nilai = nilai+10; telltarget ("bs") gotoandplay("benar"); else telltarget ("bs") gotoandplay("salah"); jml = jml+1; soalke = soalke+1; frame=soal1[jml]+1 if (jml==10) gotoandstop(22); else gotoandstop(frame); 6. Untuk tombol pilihan jawaban C pilih = "C"; f=_currentframe k = kunci[f-2]; if (pilih == k) nilai = nilai+10;

22 telltarget ("bs") gotoandplay("benar"); else telltarget ("bs") gotoandplay("salah"); jml = jml+1; soalke = soalke+1; frame=soal1[jml]+1 if (jml==10) gotoandstop(22); else gotoandstop(frame); 7. Untuk tombol pilihan jawaban D pilih = "A"; f=_currentframe k = kunci[f-2]; if (pilih == k) nilai = nilai+10; telltarget ("bs") gotoandplay("benar"); else telltarget ("bs") gotoandplay("salah");

23 jml = jml+1; soalke = soalke+1; frame=soal1[jml]+1 if (jml==10) gotoandstop(22); else gotoandstop(frame); 8. Untuk tombol Exit gotoandstop ("penutup",1); 9. Untuk tombol kembali gotoandstop ("MenuUtama",1); 8. Tampilan credit title Tampilan ini dibuat dengan movie clip yang seperti mengetik teks yang berisi nama-nama pembuat dan terdapat logo Mercu Buana. Bila semua nama dan identitas pembuat sudah muncul maka secara otomatis program ini akan menutup. Pada tampilan ini hanya memiliki 1 layer.

24 Gambar 4.15 Tampilan credit title Tabel 4.8 Fungsi layer pada tampilan Credit Nama layer Movie2 Fungsi Menempatkan movie clip nama, Nim, dan jurusan Actionscript yang terdapat pada masing-masing layer sebagai berikut: Layer movie2 fscommand("quit"); 4.2 Pengujian Pengujian rancang bangun aplikasi bantu kuliah Pemrograman Paralel dengan animasi ini dilakukan untuk mengetahui apakah aplikasi yang dirancang dan dibuat ini dapat berfungsi dengan baik dan sesuai dengan rancangan yang telah dibuat sebelumnya. Pengujian terhadap aplikasi bantu kuliah Pemrograman Paralel dengan animasi dilakukan dengan menggunakan metode pengujian Black Box.

25 4.2.1 Hasil Pengujian Setelah melakukan pengujian dengan metode Blackbox, maka penulis mendapatkan hasil yang diinginkan. Dibawah ini adalah tebel hasil dari pengujian yang telah dilakukan oleh penulis sebagai pembuktian bahwa rancang bangun aplikasi bantu kuliah Pemrograman Paralel dengan animasi yang telah dibuat dapat dijalankan dengan baik dan sesuai dengan rancangannya sebelum pembuatan. Tabel 4.9 Hasil Pengujian Sekenaio Pengujian Hasil yang diharapkan Hasil Pembuka Tombol Masuk Menampilkan halaman Menu Utama Sukses Menu Utama Tombol Exit Menampilkan halaman credit title Sukses Tombol Pendahuluan Menampilkan halaman Pendahuluan Sukses Tombol Proses Menampilkan halaman Proses Sukses Tombol PVM Menampilkan halaman Materi PVM Sukses Tombol MPI Menampilkan halaman Materi MPI Sukses Tombol Latihan Menampilkan halaman Latihan Sukses Menu pendahuluan Tombol Menu Utama Menampilkan halaman Menu utama Sukses Tombol Pengeritan Menampilkan halaman pengertian Pemrograman Paralel Sukses Tombol langkah(step) Menampilkan halaman step Pemrograman Paralel Sukses Tombol tujuan Menampilkan halaman tujuan Pemrograman Paralel Sukses Menu Pengertian Tombol kembali Menampilkan halaman Pendahuluan Sukses Tombol 2 client Menampilkan visual 2 client Sukses

26 Tombol 4 client Menampilkan visual 4 client Sukses Tombol 6 client Menampilkan visual 6 client Sukses Menu langkah Tombol kembali Menampilkan halaman Pendahuluan Sukses Menu Tujuan Tombol kembali Menampilkan halaman Pendahuluan Sukses Tombol mempercepat Tombol mengoptimalkan Menampilkan halaman mempercepat proses Menampilkan halaman mengoptimalkan proses Sukses Sukses Menu proses Tombol kembali Menampilkan halaman Menu Utama Sukses Tombol exit Menampilkan halaman credit title Sukses Tombol OR Menampilkan visual OR Sukses Tombol And Menampilkan visual AND Sukses Tombol MISD Menampilkan visual MISD Sukses Tombol MIMD Menampilkan visual MIMD Sukses Menu PVM Tombol kembali Menampilkan halaman Menu Utama Sukses Tombol exit Menampilkan halaman credit title Sukses Tombol pengertian Menampilkan halaman pengertian PVM Sukses Tombol explicit Menampilkan visual explicit PVM Sukses Tombol implicit Menampilkan visual implicit PVM Sukses Menu MPI Tombol kembali Menampilkan halaman Menu Utama Sukses Tombol exit Menampilkan halaman credit title Sukses Tombol pengertian Menampilkan halaman pengertian MPI Sukses Tombol explicit Menampilkan visual explicit MPI Sukses Tombol implicit Menampilkan visual implicit MPI Sukses

27