TUTORIAL

PEMBUATAN SOFTWARE PEMBELAJARAN MANDIRI ( SPM )

DENGAN MENGGUNAKAN TEMPLATE MTs NMRANGGEN
Oleh: M. Yasin
Tutorial Pembuatan Multimedia Pembelajaran ini dirancang dan dibuat dengan menggunakan
Software Macromedia Flash Professional versi 8.
Multimedia Pembelajaran ini dibuat dalam 1 file utama bernama "starting.fla" dan di-publish ke dalam
format:
1. File flash (starting.swf)
2. HTML (starting.html)
3. Windows projector (starting.exe)
Untuk menggunakan masukkan CD Tutorial Multimedia Pembelajaran ini ke CD-ROM dan salin
folder TIK dari CD ini ke dalam PC / Laptop Bapak/Ibu tempatkan di direktori D atau E.
Rekomendasi perangkat keras dan sistem operasi.
Media pembelajaran ini direkomendasikan untuk komputer dengan spesifikasi sebagai berikut:
1. Prosesor minimal berkecepatan 233 MHz.
2. RAM minimal 128 Mb
3. VGA 16 Mb, resolusi 1024x768 pixels, True color
4. Speaker Aktif
5. CD-ROM minimal 24x
6. Sistem operasi komputer minimal windows 98.
7. Komputer sudah terinstall program macromedia Flash 8 atau versi diatasnya
Petunjuk Penggunaan :
Klik dua kali file starting.fla di folder TIK

Setelah file starting.fla terbuka tempatkan kursor di layer tulisan atas di frame 1 dan bukalah
kunci di layer atas dengan cara klik 1 kali seperti gambar dibawah ini:
Klik 1 kali

Sehingga kunci layer terbuka :

Masih dalam posisi kursor di frame 1 pada layer tulisan atas pilihlah di arena atau stage
tulisan seperti dibawah ini dan gantilah tulisan tersebut dengan Mata Pelajaran yang
Bapak/ibu ajarkan,

dengan cara :
1. Setelah tulisan TEKNOLOGI INFORMASI DAN KOMUNIKASI terpilih kemudian,
Klik text tool pada tool box:
Text tool

Pindahkan kursor pada awal tulisan TEKNOLOGI INFORMASI DAN KOMUNIKASI

selanjutnya gantilah tulisan tersebut dengan Mata Pelajaran yang bapak/ibu ajarkan,
sedangkan tulisan atau huruf yang tidak perlu hapus dengan cara tekan tombol delete di
keyboard
2. Selanjutnya pindahkan kursor pada layer tulisan atas di frame 2, dengan cara yang sama
seperti langkah di atas dan gantilah tulisan TEKNOLOGI INFORMASI DAN
KOMUNIKASI tersebut disesuaikan dengan mata pelajaran yang bapak ibu ajarkan.
3. Setelah dua tulisan di layer tulisan atas di frame 1 dan 2 diganti, kuncilah layer tersebut
dengan cara klik di layer tersebut dibawah gambar kunci

sebelum layer terkunci

setelah layer terkunci
4. Pindahkan kursor di layer Konten dan klik di frame 5, gantilah pernyataan di dalam
pendahuluan ini disesuaikan dengan mata pelajaran yang bapak/ibu ajarkan dengan cara
pilih angka 5 di play head :
selanjutnya memilih area teks yang akan diganti baru kemudian
Klik text tool dan tempatkan kursor di teks yang akan diganti, ok
dan hapus teks tersebut dan gantilah sesuai dengan mata
pelajaran yang bapak / ibu ajarkan.
Angka 5

5. Lakukan hal yang sama untuk mengisi di Layer Konten yang lain yaitu untuk mengganti :
a. Mata Pelajaran
Pilih frame 10
b. SK dan KD
Pilih frame 15
c. Indikator
Pilih frame 20
d. Pokok Materi
Pilih frame 25
e. Materi
Pilih mulai frame 35
f. Daftar Pustaka
Pilih frame 85
g. Profil
Pilih frame 90

Memasukkan materi berupa teks:

o Untuk mengisi materi dimulai dari frame 35 layer Konten, maka pilihlan frame 35
kemudian klik text tool dan tulislah materi pembejaran yang bapak/ibu kehendaki,
untuk pengaturan font, font colour, font size, dengan cara aktifkan properties
Klik ini untuk mengaktifkan
properties

setelah di klik maka akan aktif menu properties seperti gambar dibawah ini:

o menu properties bisa tampil seperti ini apabila bapak/ibu telah mengklik text toll
o Aturlah jenis hurufnya, besarnya huruf, warna huruf dan perataannya, seperti
pengaturan dalam document word
Mengisi materi berupa scroll teks :
o Klik di layer Konten frame 40
o Untuk mengganti teks yang ada dalam scroll teks pilihlah teks tersebut selanjutnya klik
text tool yang ada dalam tool box, blok semua teks tersebut kemudian delete
o Untuk memasukkan teks yang ada dalam document Microsoft word, blok teks yang kan
dimasukkan klik copy--- berpindahlah ke scroll teks dalam flash kemudian klik Edit
Paste, atau tekan di keyboard CTRL jangan dilepas kemudian tekan tombol V
Memasukkan materi berupa gambar :
o Siapkan file-file gambar yang akan dimasukkan ke document flash dalam folder
tertentu akan mencarinya mudah
o Langkah-langkah :
Klik File Import Import to library pilih file gambar yang di inginkan
Open
Memasukkan gambar ke stage ( arena ) aktifkan menu library dengan cara pilih
menu Window kemudian klik library maka jendela library akan aktif

Gambar cara mengaktifkan library

Gambar Jendela Library

Setelah jendela library aktif maka pilihlah gambar yang akan dimasukkan dalam
dokumen flash ( stage ) dengan cara pilih gambar tersebut tekan mouse sebelah
kiri tahan dan drag gambar tersebut ke arena
Untuk memperbesar atau memperkecil gambar caranya pilih gambar tersebut
dan klik menu free transform tool di tool box maka akan menjumpai node-node
di gambar tersebut geserlah kearah dalam untuk memperkecil dan geserlah

kearah luar untuk memperbesar gambar tersebut.

Free Transform Tool

Tarik ke dalam untuk

memperkecil tarik
keluar untuk
memperbesar gambar

Memasukkan materi berupa Video :

o Buka file materi video.fla dengan cara klik dua kali atau pilih kemudian tekan tombol
enter
o Setelah file terbuka akan menemukan file yang masih kosong siap diisi file video
o File materi video.fla ini berupa file yang berisi movie clip hal ini bias kita lihat setelah
klik menu tombol play dan perhatikan di properties maka akan terlihat keterangan
movie clip lihat gambar di bawah ini:

Movie Clip

o Langkah-langkah untuk memasukkan video dalam movie clip ini adalah klik dua kali
tombol menu maka akan terlihat ada 3 layer yaitu :

1 layer script
1 layer video
1 layer menu

o Untuk memasukkan video klik layer video tempatkan di frame 1

o Selanjutnya klik menu File Klik Import Klik Import Video Klik Browse
Kemudian Pilih file video Klik Open Klik Next Klik Embed video in swf
and play time line Klik Next Klik Next Klik Finish
1.

2.

3.

4.

5.
6.
7. ..
8. .Perhatikan untuk memperbesar dan memperkecil tampilan video pilih free
transform tool kemudian tarik keluar atau kedalam node video tersebut
9. Selanjutnya samakan panjang tampilan pada layer menu pada movie klip video
tersebut dengan layer video dengan cara masukkan Insert Frame pada layer menu
Caranya klik kanan pada layer menu pada frame terakhir kemudian klik insert
frame
Tampilan sebelum
diberi insert frame
pada layer menu

Tampilan setelah diberi

insert frame pada layer
menu

10. Setelah selesai memasukan video pada movie clip tersebut kembalilah pada Scene 1

11. Langkah selanjutnya pindahkan movie clip video pada file materi video.fla ke
dalam file starting.fla yaitu klik frame 1 kemudian klik kanan klik copy frame
kemudian berpindah ke file strating.fla yang sudah terbuka klik frame yang akan
dimasukkan video di layer Konten pilih, Klik kanan ----Paste Frame dan pilih

dan klik OK
o Setelah berhasil memasukkan materi video dalam Software Pembelajaran Mandiri
berbasis Flash selesai kuncilah layer konten dengan cara klik di bawah gambar kunci di
layer konten
Membuat Quiz :
o Pilihlah layer Evaluasi dan klik di frame 60
o Klik dua kali di movie klip evaluasi untuk mengisi soal di quiz ini
o Untuk memasukkan soal di template quiz dimulai dengan memilih frame 2 di layer soal

..
o Tampilan stage di layer soal mulai frame dua akan terlihat seperti gambar dibawah ini :

Keterangan :
S = jawaban salah
B = jawaban benar

Gantilah teks tersebut dengan pertanyaan, maupun jawaban, khusus untuk jawaban
yang benar tempatkan dan gantilah teks B tersebut dengan jawaban yang benar.
Demikian untuk pertanyaan selanjutnya:
Frame
Soal
Kunci jawaban
1
C
2
C
3
B
4
E
5
B
6
D
7
A

8
D
9
B
10
A
11
C
12
E
13
D
14
A
15
B
16
D
17
E
18
B
19
C
20
E
o Namun demikian untuk tampilan di swfnya atau file jadinya quiz tersebut akan tampil
soal dengan acak atau random
o Setelah selesai semua soal dimasukkan jangan lupa layer evaluasi dikunci
Mengganti lagu :
o Bukalah kunci layer Script dan lagu
o Untuk memasukkan lagu kedalam library langkahnya adalah sama seperti memasukkan
gambar
o Untuk mengganti lagu pada template ini langkahnya adalah :
Setelah kunci layer Script dan lagu terbuka pilihlah movie clip musik dengan
cara klik dua kali pada movie klip tersebut

Klik dua
kali di
tanda ini

Keterangan
movie klip
musik

o Setelah movie klip musik di klik 2 kali maka akan tampil sbb:

lagu 1

lagu 2

lagu 3

lagu 4

untuk mengganti lagu 1 contohnya, pilih layer 7 dan klik frame 2, klik kanan---pilih
Clear KeyFrame----Klik kanan lagi --- klik Insert Keyframe ..

dst

o Masih dalam pilihan layer 7 dan posisi frame 2 selanjutnya carilah di panel Library
lagu yang diinginkan setelah terpilih draglah lagu tersebut ke arena atau stage maka
lagu yang baru saja terpilih akan berjalan pada pilihan lagu 1 ( pertama )