48

BAB III
ANALISA DAN PERANCANGAN

3.1 ANALISA
3.1.1 Analisis Sistem
Analisis sistem adalah penguraian dari suatu sistem informasi
yang utuh kedalam bagian-bagian komponennya dengan maksud
untuk

mengidentifikasikan

dan

mengevaluasi

permasalahan,

kesempatan, hambatan yang terjadi dan kebutuhan yang diharapkan

sehingga dapat diusulkan perbaikan.
Menurut Kristanto (2003) analisis sistem adalah suatu proses
mengumpulkan dan menginterpretasikan kenyataan-kenyataan yang
ada, mendiagnosa persoalan dan menggunakan keduanya untuk
memperbaiki sistem dan orang yang mempunyai kemampuan untuk
menganalisis sebuah sistem, memilih alternatif pemecahan masalah
dan

menyelesaikan

masalah

tersebut

dengan

menggunakan

komputer.
Melihat permasalahan yang terjadi dari hasil analisis sistem
adalah sebagai berikut:
1.

Pelajaran IPA mengenai perkembangbiakan hewan pada

Siswa SD kelas VI masih belum menggunakan metode media
pembelajaran yang berbasis multimedia.

49

2.

Keterbatasan tenaga pendidik ketika harus menyampaikan

materi ajar dengan kurun waktu yang lama, yang mengakibatkan
kurang optimalnya penyampaian materi yang diajarkan.

3.1.2 Analisis Kebutuhan Sistem

Analisis kebutuhan sistem sangat diperlukan sekali dalam
mendukung kerja sistem, apakah sistem yang dibuat sesuai dengan
kebutuhan yang diperlukan oleh sebuah instasi. Perancangan dan
pengembangan sistem memiliki tujuan agar dapat memperoleh
informasi yang lebih cepat dan tepat serta dapat meningkatkan
kualitas kerja.
Dari hasil pengamatan maka kebutuhan sistem multimedia ini
diutamakan bagi keperluan guru maupun siswa yang membutuhkan
media pembelajaran berbasis multimedia, dimaksudkan agar
terciptanya peserta didik yang mandiri, kreatif dan memberikan
kemudahan kepada tenaga pendidik dalam penyampaian materi ajar
pada mata pelajaran Biologi, khsusunya tentang pertumbuhan dan
perkembangan tumbuhan dan hewan.
Kebutuhan fungsional adalah kebutuhan yang berisi prosesproses apa saja yang nantinya dapat dilakukan oleh sistem.
Kebutuhan fungsional juga berisi informasi yang harus ada dan
dihasilkan oleh sistem antara lain:
a. Sistem dapat menampilkan menu pilihan materi yang diajarkan
yaitu materi tentang benua dan samudra.

50

b. User dapat memilih dan menampilkan menu-menu yang ingin

ditampilkan sesuai dengan keinginan.
c. Sistem dapat mengeluarkan suara sesuai dengan materi yang ada.
d. Terdapat menu testing yang berisi tentang latihan soal untuk
mengetahui grade/nilai siswa.
Dalam pembuatan media interaktif, memerlukan kebutuhan
penunjang dalam perancangan media tersebut dengan menggunakan
perangkat multimedia, yang terdiri dari hardware (perangkat keras)
dan software (perangkat lunak),

adapun sepesifikasi kebutuhan

sistem standar minimal yang digunakan oleh peneliti dalam

pembuatan media pembelajaran berbasis multimedia ini adalah
sebagai berikut :
1. Kebutuhan Hardware
b. Processor Intel Pentium IV dengan kecepatan minimal 3 Ghz.
c. Memory minimal 1 Gigabyte
d. VGA Card 1 Gb
e. Monitor dengan resolusi sedang / tinggi
f. DVD
g. Sound Card
h. Sound System

51

2. Kebutuan Software
Untuk

membuat

karya

media

interaktif

dengan

menggunakan multimedia, penulis menggunakan software yang

digunakan untuk merancang media pembelajaran tersebut, yaitu :
a. Macromedia Flash 8 (sebagai Authorware Software)
b. Adobe Photoshop (untuk design tampilan dan menu )
c. Swish max ( untuk membuat animasi teks kecil)
d.

Flash MX (untuk membuat animasi kecil , dan merubah

video tutorial dari format AVI menjadi SWF)

e. Microsoft Office ( word dan power point, digunakan untuk

editing teks )
3.1.3 Analisis Pengguna
Analisis pengguna media pembelajaran ini adalah siswa SD
kelas VI pada mata pelajaran IPA tentang perkembangbiakan hewan.
Materi yang diuraikan dalam media pembelajaran IPA ini antara lain
Perkembangbiakan hewan dengan generatif dan vegetative.
3.2 PERANCANGAN
3.2.1 Merancang Konsep
Dalam suatu rancangan konsep pembuatan media interaktif
dengan menggunakan multimedia ini dirancang dengan memenuhi
kriteria media interaktif yaitu navigasi yang mudah, informasi yang
presentatif dan memiliki estetika dan artistik (Green & Brown;2002).

52

Tabel 3.1
Rancangan Awal Ciri-ciri Perkembangbiakan Hewan
Desain Tampilan
1. Teks

Tujuan
Memberikan keterangan
tentang
Perkembangbiakan
hewan
Memberikan gambaran
tentang gambar

Informasi yang diberikan

Penjelasan secara ringkas
tentang perkembangbiakan
hewan

3. Animasi

Mengilustrasikan gerak
agar berkesan tidak kaku
dan monoton

Gerakan pada gambar alat indra

4.Backsound:Musik
instrumental

Menciptakan suasana
hidup

Keterangan Perkembangbiakan
hewan , narasi dsb

5.Ilustrasi;Gambar
/foto, /video

Gambaran tentang ciriciri Perkembangbiakan

hewan

Gambar suatu Lingkungan ciriciri Perkembangbiakan Hewan

2. Warna

Berdasarkan table 3.1 Rancangan Awal Media Interaktif,

maka ada

5 elemern penting dalam penyajian multimedia

diantaranya Teks, Warna, Animasi, Suara dan Gambar, sehingga

aplikasi yang akan dibuat dapat menarik untuk dilihat dan di
gunakan sebagai suatu media informasi dalam menyampaikan materi
ajar tentang Perkembangbiakan Hewan.
Untuk merancang sistem multimedia interaktif, perlu
memperhatikan kepentingan pengguna atau user sehingga dapat
menarik pengguna untuk memakai Multimedia tersebut. Berdasarkan
Lembaga Riset dan Penerbit Computer yaitu Computer Technology
Research (CTR) menyatakan bahwa orang yang mampu mengingat
20% dari yang dilihat dan 30 % dari yang didengar. Tetapi orang
mengingat 50 % dari yang dilihat dan didengar dan 80 % dari yang

53

dilihat, didengar dan dilakukan sekaligus, oleh karena itu

perancangan multimedia harus disesuaikan dengan keinginan dan
kebutuhan pengguna / user.
Pembuatan

aplikasi

multimedia

tidak

terlepas

dari

penyusunan struktur aplikasi multimedia, karena struktur ini

merupakan titik terpenting untuk membuat hasi aplikasi yang
sempurna.

Struktur ini berguna untuk memvisualkan seluruh

struktur relasional dari aplikasi yang sedang dibangun serta

menjelaskan organisasi file dari macromedia sebagai software utama,
grafik dan sumber daya yang lain, sehingga tidak hanya
memudahkan untuk melakukan revisi pada tiap komponen dalam
aplikasi multimedia yang dibutuhkan, tapi juga dapat member
gambaran urutan animasi yang di tuangkan pada storyboard.
Struktur yang dibuat dalam rancangan sistem multimedia ini
menggabungkan antara struktur linear dan Hirarki dalam penyajian
materi, dengan menggunakan sistem campuran ini pengguna dapat
memilih dan berpindah kemenu yang lain dengan mengklik menu
yang diinginkan, tapi ada beberapa menu yang harus dilalui dengan
menggunakan sistem linear. Gambaran lebih jelas tentang isi dari
setiap menu yang ditampilkan pada aplikasi ini dapat dilihat pada
struktur menu dibawah ini :

54

Media Interaktif Ilmu Pengetahuan

Alam tentang Perkembangbiakan
Hewan

Kompetensi Dasar

Standar kompetensi

Indikator

Data :
Teks, Narasi,
Image, Video

Data :
Teks, Narasi,
Image, Video

Data :
Teks, Narasi,
Image, Video

Materi
Perkembangbiakan
hewan

Sub
Men
u

Data :
Teks, Narasi,
Image, Video

Gambar 3.1 : Struktur Sistem Multimedia Interaktif untuk Media Pembelajaran

3.2.2 Merancang Isi

Penyajian

Informasi

tentang

konsep

IPA

tentang

Perkembangbiakan Hewan ditampilkan menjadi 3 tampilan intro

Yaitu: Kompetensi Dasar, Standar Kompetensi, dan Indikator
dan 1 tampilan menu yaitu : Menu Materi.
Didalam aplikasi media pembelajaran dengan multimedia
interakif, penggunaan teks, suara, gambar, video, dan animasi
tersebut di wujudkan kedalam beberapa bagian menu. Adapun alasan
pemilihan media diatas yaitu :
1. Teks, dengan menggunakan beberapa jenis font bertujuan untuk
membedakan antara judul dengan isi, selain itu supaya terlihat

55

menarik bagi yang melihatnya, serta menghindari ketersediaan

jenis font pada komputer pengguna aplikasi ini. Jenis font yang
digunakan ini merupakan font yang ada pada aplikasi Microsoft
Windows.
2. Suara, dalam bentuk wav, swa dan mp3, penggunaan suara
bertujuan supaya tampilan lebih hidup dan tidak membosankan.
3. Gambar dalam bentuk png, bertujuan agar mengurangi kapasitas
ukuran memory gambar dan ketika dijalankan tidak terasa berat.
4.

Animasi, yang berfungsi untuk kontiunitas transisi,

dimensionalitas transisi, perubahan seiring waktu, multiplexing
tampilan,

memperkaya

representasi

grafis,

dan

menarik

perhatian.
5. Video, dengan memperaktikan cara-cara penggunaan komputer
yang baik dan

sesuai prosedur, bisa mempermudah siswa

memperaktikan isi dari video itu dilain waktu, tanpa harus

kebingungan dan melihat langkah-langkah manual lagi, yaitu
dengan melihat catatan tentang langkah-langkah penggunaan
aplikasi komputer. video pembelajaran ini dibuat dengan format
flash movie (swf), dimaksudkan agar kapasitas video tutorial
tidak terlalu besar.
Tampilan media pembelajaran dengan multimedia interaktif
ini diwujudkan kedalam beberapa tampilan yaitu: Tampilan intro
(File, View, Control dan Help) dan tampilan menu utama (Flora,

56

Fauna dan Game). berikut ini merupakan isi dari menu-menu pada
setiap tampilan tersebut.
1.

Tampilan Menu Bar yang merupakan

tampilan awal aplikasi dijalankan, diisi dengan keterangan
aplikasi dan proses yang sedang berjalan dengan menggunakan
menu bar antara lain :
a)

File : berisi Sub menu Open ; untuk membuka file, Close ;

untuk menutup file, Print ; untuk Mencetak File dan Exit;
untuk Keluar File.

b) View : berisi sub menu 100% ; untuk membuka tampilan,

Show All; untuk membuka semua menu, Zoom In; untuk
memperbesar , Quality; untuk merubah mutu tampilan.
c)

Control : berisi sub menu Play ; untuk menjalankan tampilan,

Rewind; untuk mengulang, Step Forward; untuk maju
selangkah , Step Back; untuk mundur selangkah, Loop; untuk
mengulang.

d) Help : berisi sub menu bantuan Macromedia Flash 8.

2.

Tampilan Menu Intro

yang merupakan

tampilan awal aplikasi multi media IPA- Perkembangbiakan

Hewan terdiri dari :
a)

Kompetansi Dasar : berisi penjelasan tentang kompetensi

dasar mempelajari Perkembangbiakan Hewan

57

b) Standar Kompetensi : berisi keterangan standar kompetensi

materi tersebut.
c)

Indikator : berisi penjelasan tentang indikator pencapaian

hasil belajar Perkembangbiakan Hewan

3.

Menu Utama yang merupakan tampilan isi

aplikasi, diisi dengan Materi tentang Perkembangbiakan Hewan
hidup yang terdiri dari:
a) Generatif
b) Vegetatif
c)

Game

3.2.3 Merancang Naskah

Merancang suatu Naskah atau teks pada aplikasi Multimedia
merupakan bagian yang sangat penting, karena adanya naskah suatu
aplikasi akan mudah dipahami maksud dan tujuannya. Naskah yang
disajikan dibuat secara sistematis dalam suatu struktur untuk
mempermudah dalam merancang aplikasi.
Merancang naskah pada aplikasi Media interaktif haruslah jelas
dan

mudah

dipahami

orang

yang

memakainya,

sehingga

membutuhkan spesifikasi yang lengkap dari teks dan narasi dalam

aplikasi pembelajaran dengan multimedia.
Dalam merancang naskah, peneliti menetapkan dialog dan
urutan elemen-elemen secara rinci, serta memperhatikan beberapa
pertimbangan untuk mendapatkan naskah multimedia agar efektif,

58

diantaranya yaitu, (Suyanto, 2007) : memahami penglihatan, suara

dan gerakan, kata yang di tampilkan menginterpretasikan gambar
dan pemikiran yang lebih lanjut,
Adapun kegiatan menulis naskah dapat dijelaskan pada
diagram alur aplikasi sebagai berikut :
3.2.3.1

Diagram Alur
Diagram alur merupakan rangkaian navigasi setiap
menu yang digunakan ataupun jalan cerita dari aplikasi
multimedia pembelajaran ini, yang dirangkai dengan
diagram seperti yang tergambar pada gambar alur dibawah
ini:

INTRO

MATERI

Kompetensi Dasar

Penjelasan

Standar Kompetensi

Penjelasan

Indikator

Penjelasan

IPA Perkembangbiakan Hewan

Generatif
Vegetatif
Game

Home

Gambar 3.2 : Diagram Alur Media Pembelajaran IPA Perkembangbiakan Hewan

3.2.3.2

Storyboard

59

Storyboard merupakan serangkaian sketsa (gambar kartun

yang

dibuat

berbentuk

persegi

panjang

yang

menggambarkan suatu urutan (alur cerita) elemen-elemen

yang diusulkan untuk aplikasi multimedia (Suyanto,
2007).
Adapun storyboard pada aplikasi Media interaktif dengan
menggunakan multimedia, dapat dijelaskan sebagai berikut:

a. Storyboard Tampilan Menu Bar

Modul
Nama File
Frame no

: 01
: Tampilan Menu Bar
: 1 sampai 10
File

View

Control Help

Keterangan
File
View
Control
Help

:
: berisi sub menu Buka File
: berisi sub menu tampilan
: berisi sub menu Pengontrolan
: berisi sub Menu Bantuan

Audio

: Musik latar Intro

Catatan
:
Tampilan intro akan tampil pada bagian atas Kotak Media Interaktif yang berfungsi
membantu user untuk membuka, menutup file dan lain sebagainya.

Gambar 3.3 : Storyboard tampilan Menu Bar

60

b. Storyboard Tampilan Intro1 (Dasar Kompetensi)

Modul
Nama File
Frame no

: 02
: Tampilan Intro1 Dasar Kompetensi
: 53 sampai 61

Text1
Text2

Text3

Keterangan
Text 1
Text 2
Text 3

:
: berisi judul Media Interaktif
: Judul Intro1 (Dasar Kompetensi)
: Penjelasan Intro1

Audio

: Musik latar

Navigasi
Home
Screen

: digunakan untuk kembali ketampilan awal ( tampilan intro)

: digunakan untuk melebarkan layar

Gambar 3.4 : Storyborad Tampilan Intro1 Dasar Kompetensi

61

c. Storyboard Tampilan Intro2 (Standar Kompetensi)

Modul
Nama File
Frame no

: 03
: Tampilan intro2 (Standar Kompetensi)
: 53 sampai 61

Keterangan

Text 1
Text 2
Text 3

: berisi judul Media Interaktif

: Judul Intro2 (Standar Kompetensi)
: Penjelasan Intro2

Audio

: Musik latar

Navigasi
Home
Screen

: digunakan untuk kembali ketampilan awal ( tampilan intro)

: digunakan untuk melebarkan layar

Gambar 3.5 : Storyborad Tampilan Intro2 Standar Kompetensi

62

d. Storyboard Tampilan Intro3 (Indikator)

Modul
Nama File
Frame no

: 04
: Tampilan intro3 indikator
: 53 sampai 61

Keterangan

Text 1
Text 2
Text 3

: berisi judul Media Interaktif

: Judul Intro2 (Standar Kompetensi)
: Penjelasan Intro3

Audio

: Musik latar

Navigasi
Home
Screen

: digunakan untuk kembali ketampilan awal ( tampilan intro)

: digunakan untuk melebarkan layar

Gambar 3.6 : Storyborad Tampilan Menu Entry

63

2. Storyboard Materi
Modul
Nama File
Frame no

: 05
: Tampilan Menu Materi
: 53 sampai 61

Text1
Text2
Text3

Image1

Text4
Text5

Keterangan

Text 1
Text 2
Text 3
Text 4
Text 5

:
:
:
:
:

Image1

: Berisi gambar Latar dan dapat berubah sesuai Sub menu pada Text

Audio

: Musik latar

Navigasi
Home
Screen

berisi judul Media Interaktif

Sub Menu1
Sub Menu2
Sub Menu3
Sub Menu4

: digunakan untuk kembali ketampilan awal ( tampilan intro)

: digunakan untuk melebarkan layar

64

Gambar 3.7 : Storyborad Tampilan Kompetensi 3

3.2.4

Merancang Grafik
Dalam perancangan grafik tersebut berisi rancangan dari grafisgrafis yang akan ditampilkan dalam aplikasi CD Interaktif. Dalam
pembuatan desain grafik harus disesuaikan dengan tema yang
terdapat dalamnya yaitu tentang Perkembangbiakan Hewan, bentuk
kegiatan didalamnya meliputi tentang pemilihan grafik yang sesuai
dengan dialog, latar belakang atau perlengkapan yang di gunakan.
Dalam merancang grafik meliputi beberapa kegiatan diantaranya
yaitu, merancang grafik dua dimensi, merancang video, merancang
audio dan merancang animasi.
3.2.4.1

Merancang Grafik Dua Dimensi

Dalam merancang grafik dua dimensi penulis merancang
meliputi garis, Bentuk, warna, dan teks.
a. Dalam perancangan garis, perancang menggunakan
garis sebagai pemisah warna satu dengan warna yang
lainnya agar terjadi perpaduan dan pemisahan warna
yang tepat, serta garis sebagai pembatas antara teks
dengan navigasi.
b. Dalam perancangan bentuk, perancang lebih pada satu
bentuk tampilan saja, yang dibedakan hanya tampilan

65

intro,

tampilan

isi.

Pada

tampilan

isi

sengaja

menggunakan satu tampilan untuk semua sub menu

agar memudahkan pengguna dalam pemakaian program
aplikasi ini, serta menimbulkan kesan konsisten pada
tampilan.
c. Pemilihan

warna

dalam

aplikasi

pembelajaran

multimedia ini yaitu, warna biru, orange, dengan opaciti

atau taransparansi yang rendah yang digunak untuk
beckground dan foreground, warna hijau dan merah
digunakan pada tampilan tombol submenu dan teks
navigasi. Semua warna dipadu dengan warna hkitam
dan putih untuk mengatur pencahayaan pada warna
tampilan.
d. Pemilihan dan pengunaan teks pada aplikasi ini,
menggunakan 2 jenis teks yaitu Arial dan verdana,
dimaksudkan penggunakan teks tersbut karena lebih
mudah untuk dibaca walapun dalam ukuran yang kecil,
sebagian besar tulisan yang diterbitkan pada tampilan
website menggunakan jenis tulisan verdana. Tulisan
arial digunakan untuk nama tombol navigasi, dan
tulisan verdana untuk isi data.
3.2.4.2

Merancang Video

66

Adapun Video yang di rancang dan di gunakan untuk di

tampilkan, adalah video tutorial penggunaan komputer
desktop maupun laptop.

3.2.4.3

Merancang Audio
Dalam sistem multimedia interaktif terdapat elemen audio
yang meliputi suara, musik dan efek suara. Suara yang
terdapat pada aplikasi multimedia pembelajaran interaktif
di peroleh dengan cara

merekam

dengan bantuan

microphone.
3.2.4.4

Merancang Animasi
Animasi adalah salah satu bagian yang bisa membuat
tampilan pada aplikasi multimedia pembelajaran interaktif
menjadi lebih efektif dan menarik. Adapun animasinya
terdapat pada tombol, tulisan, dan gambar.

3.3 ARSITEKTUR SISTEM

Arsitektur sistem aplikasi media pembelajaran berbasis multimedia
mata pelajaran teknologi informasi dan komunikasi dapat digambarkan
sebagai berikut :

67

Gambar 3.10 : Arsitektur Sistem Multimedia