BAB III Analisa dan Perancangan
3.1
Analisis Sistem Tahap analisis adalah tahap awal dalam membangun sebuah aplikasi. Dalam
bab ini penulis menganalisa kebutuhan dasar system. Analisa dilakukan terhadap data-data yang merepresentasikan masalah, sehingga dapat diketahui spesifikasi kebutuhan system yang akan dibangun. Pada tugas akhir ini, akan dirancang aplikasi bantu pelajaran Pemrograman Paralel. Aplikasi ini hanya terdiri dari materi pemrograman, materi - materi Peralel Virtual Machine (PVM) dan Message Passing Interface (MPI) yang menggunakan simulasi di setiap materinya. Kegunaan aplikasi ini adalah untuk membantu atau mempermudah para dosen menjelaskan materi-materi Pemrograman Paralel kepada mahasiswa yang khususnya para mahasiswa yang mengambil pelajaran Pemrograman Paralel. Penulis merancang bangun aplikasi bantu kuliah Pemrograman Paralel dengan proses pengambilan materi, materi disimpan terlebih dahulu ke dalam direktori file penyimpanan materi sebagai masukkan kemudian dalam tahap proses, terjadi pengambilan gambar tersebut dari direktori file penyimpanannya dan langsung tereksekusi dan muncul pada layar sebagai keluaran.
3.2
Konsep Aplikasi bantu pelajaran Pemrograman Paralel ini merupakan aplikasi untuk
membantu khususnya mahasiswa MercuBuana (UMB) belajar Pemrograman Paralel. Aplikasi ini menggunakan metode pengembangan multimedia dilakukan melalui 6 tahap yaitu konsep, perancangan, pengumpulan material, pembuatan, pengujian dan
distribusi. Aplikasi ini menggunakan teks untuk pembelajaran dan penjelasan, gambar sebagai pembelajaran, dan animasi supaya pengguna tidak bosan. Deskripsi konsep aplikasi ini dapat dilihat pada tabel 3.1 di bawah ini. Tabel 3.1. Deskripsi Konsep Aplikasi Judul
Aplikasi bantu kuliah Pemrograman Paralel dengan animasi
Pengguna
Mahasiswa khususnya mahasiswa MercuBuana
Gambar
Menggunakan file berformat .jpg dan .png serta gambar yang dibuat yang dibuat sendiri
Animasi teks
Animasi pada teks dan gambar dibuat sendiri
Interaktif
Menggunakan tombol navigasi animasi pada aplikasi
3.3
Perancangan Pada bagian ini akan dijelaskan secara rinci Rancang Bangun Aplikasi Bantu
Kuliah Pemrograman Paralel yang meliputi data flow diagram, data alur program, perancangan storyboard dan sekenario pengujian.
3.4
Gambar Flowchart
Start
Menampilkan Pembuka
Menampilkan Menu Utama
Apakah pilih pendahuluan
tidak
ya
Apakah pilih Proses
tidak
Apakah pilih PVM
ya
Menampilkan Pendahuluan
Apakah pilih MPI
ya
Menampilkan Proses
ya
tidak
Menampilkan PVM
Apakah pilih Menu Utama
tidak End
Gambar 3.1 Flowchart
tidak
ya
Menampilkan MPI
Menampilkan Latihan
3.5
Navigasi Diagram
Gambar 3.2 Navigasi Diagram Aplikasi Pemrograman Parallel
3.6 Storyboard Pada bagian ini penulis membuat storyboard yang digunakan sebagai alat bantu pada tahapan perancangan aplikasi yang penulis buat. Storyboard merupakan deskripsi masing-masing tampilan suatu kejadian dari movie yang akan dimainkan. Dengan mencantumkan semua objek atau elemen multimedia serta komponenkomponen aplikasi yang akan dibuat. Satu kolom storyboard mewakili satu tampilan dilayar monitor.
Tabel 3.2 Storyboard No
Visual
1
Nama Form : Pembukaan Link
: Load Movie Menu Utama
Keterangan : Pembukaan ini adalah scene awal yang akan muncul pertama kali dijalankanya progam ini. Scene ini ada pengantar untuk masuk ke movie Menu utama, tautan yang ada pada scene ini adalah pada teks masuk.
2
Nama Form : Menu Utama Link
: scene7, scene2, scene4, scene5, scene3, dan scene10
Keterangan : Menu utama adalah movie kedua pada program yang digunakan untuk masuk ke menu, scene7 (Menu Pendahuluan), scene2 (Menu Proses), scene4 (Materi PVM), scene5 (Materi MPI), scene3 (Manu Latihan), dan scene10 (credit dan keluar) 3
Nama Form : Menu Pendahuluan Link
: scene6, scene8, scene9 dan scene1
Keterangan : Menampilkan menu pelajaran Pemrograman Paralel, scene6 (Pengertian Paralel), scene8 (Langkah-Langkah Pemrograman Paralel), dan scene9 (Tujuan Pemrograman Paralel)
4
Nama Form : Pengertian Link
: scene7
Keterangan : Menampilkan halaman pengertian dari Pemrograman Paralel dan visual 5
Nama Form : Langkah-Langkah Link
: scene7
Keterangan : Menampilkan halaman langkah – langkah dari Pemrograman Parallel
6
Nama Form : Tujuan Link
: scene7
Keterangan : Menampilkan halaman tujuan dari Pemrograman Paralel 7
Nama Form : Menu Proses Link
: scene 1 dan 10
Keterangan : Menampilkan halaman menu proses Pemrograman Paralel
8
Nama Form : Materi PVM Link
: scene 1 dan 10
Keterangan : Menampilkan halaman materi PVM (Parallel Virtual Machine) 9
Nama Form : Materi MPI Link
: scene 1 dan 10
Keterangan : Menampilkan halaman materi MPI (Message Passing Interface) 10
Nama Form : Latihan Link
: scene 1 dan 10
Keterangan : Menampilkan halaman menu latihan 11 Nama Penulis Nim Penulis Jurusan Kuliah Penulis
Nama Form : Keluar Link
: keluar
Keterangan :Menampilkan profil pembuat aplikasi animasi Pemrograman Paralel dan keluar
3.7
Metode Black Box Testing Sekenario yang dijelaskan antar lain sekenario menu pembuka, menu utama,
menu pendahuluan, menu tujuan, menu proses, menu materi PVM, menu materi MPI, dan latihan.
Tabel 3.5 Sekenario Pengujian Sekenaio
Pengujian
Hasil yang diharapkan
Pembuka
Tombol Masuk
Menampilkan halaman Menu Utama
Menu Utama
Tombol Exit
Menampilkan halaman credit title
Tombol Pendahuluan
Menampilkan halaman Pendahuluan
Tombol Proses
Menampilkan halaman Proses
Tombol PVM
Menampilkan halaman Materi PVM
Tombol MPI
Menampilkan halaman Materi MPI
Tombol Latihan
Menampilkan halaman Latihan
Menu pendahuluan Tombol Menu Utama Tombol Pengeritan
Menampilkan halaman Menu utama Menampilkan halaman pengertian Pemrograman Paralel
Tombol langkah(step)
Menampilkan halaman step Pemrograman Paralel
Tombol tujuan
Menampilkan halaman tujuan Pemrograman Paralel
Menu Pengertian
Tombol kembali
Menampilkan halaman Pendahuluan
Tombol 2 client
Menampilkan visual 2 client
Tombol 4 client
Menampilkan visual 4 client
Tombol 6 client
Menampilkan visual 6 client
Menu langkah
Tombol kembali
Menampilkan halaman Pendahuluan
Menu Tujuan
Tombol kembali
Menampilkan halaman Pendahuluan
Tombol mempercepat
Menampilkan halaman mempercepat proses
Tombol mengoptimalkan
Menampilkan halaman mengoptimalkan proses
Menu proses
Menu PVM
Menu MPI
Tombol kembali
Menampilkan halaman Menu Utama
Tombol exit
Menampilkan halaman credit title
Tombol OR
Menampilkan visual OR
Tombol And
Menampilkan visual AND
Tombol MISD
Menampilkan visual MISD
Tombol MIMD
Menampilkan visual MIMD
Tombol kembali
Menampilkan halaman Menu Utama
Tombol exit
Menampilkan halaman credit title
Tombol pengertian
Menampilkan halaman pengertian PVM
Tombol explicit
Menampilkan visual explicit PVM
Tombol implicit
Menampilkan visual implicit PVM
Tombol kembali
Menampilkan halaman Menu Utama
Tombol exit
Menampilkan halaman credit title
Tombol pengertian
Menampilkan halaman pengertian MPI
Tombol explicit
Menampilkan visual explicit MPI
Tombol implicit
Menampilkan visual implicit MPI