Senin, 13 Januari 2014

Langkah-langkah pengerjaan, script dan logikanya...

1. Buat halaman Menu dengan cara sebagai berikut.

a. Buat dokumen flash baru pada tab create new pilih flash document.

b. Atur ukuran stage. Pada panel properties, klik tombol size.

c. Pada dialog document properties, modifikasi isian sesuai gambar berikut, kemudian klik OK.

d. Pada dialog background, isi warna dengan kode #DEBEFF.

e. Klik rectangle tool. Buat kotak rectangle tanpa isi (no fill ) pada sembarang tempat, kemudian pada properties ketikan width = 800, height = 600, x : 175 dan y : 75.

f. Klik kanan kotak tersebut, pilih convert to symbol.

g. Pada kotak dialog, pilih movie clip kemudian OK.

h. Lihat panel properties. Pada instance name, ketikkan layar­_mc.

i. Dengan menggunakan line tool, buat tanda panah dan warnai seperti gambar berikut ini.

j. Klik pada text tool.

k. Atur properties text seperti pada gambar berikut.

l. Buat teks dalam tanda panah yang telah dibuat sebelumya.

m. Klik kanan pada teks “Judul”, pilih convert to symbol. Pada dialog kotak pilih button kemudian OK.

n. Klik pada “Judul”, lihat panel properties. Pada instance name, ketikkan judul_btn.

o. Sekarang kita butuh 5 tombol sementara baru ada 1 tombol. Tidak usah repot, tinggal kita duplikasikan tombol pertama dengan menekan pada keyboard ctrl+d (duplicate) atau ctrl+c kemudian ctrl+v (copy – paste). Kemudian ganti teks masing-masing menjadi “Tentang Program”, “Tujuan” , “Mainkan” dan “Keluar”. Letakkan di sebelah kanan tampilan. Dan beri nama masing-masing tentang_btn, tujuan_btn, mainkan_btn dan keluar_btn.

p. Seleksi tombol “Judul”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

Artinya : Pada saat tombol klik lalu di lepaskan (on (release)), maka program akan menunjukkan halaman judul.

q. Seleksi tombol “Tentang Program”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

Artinya : Pada saat tombol klik lalu di lepaskan (on (release)), maka program akan menunjukkan halaman tentang program.

r. Seleksi tombol “Tujuan”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

Artinya : Pada saat tombol klik lalu di lepaskan (on (release)), maka program akan menunjukkan halaman tujuan.

s. Seleksi tombol “Mainkan”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

Artinya : Pada saat tombol klik lalu di lepaskan (on (release)), maka program akan menunjukkan halaman program.

t. Seleksi tombol “Keluar”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

Artinya : Pada saat tombol klik lalu di lepaskan (on (release)), maka program akan keluar.

u. Halaman menu selesai. Save file dengan nama Menu.swf dan Menu.fla.

v. Selanjutnya kita akan melakukan publish (dibuat agar dapat dijalankan di sistem mana saja tanpa perlu menginstall flash. Pilih pada menu bar File > Publish Settings (keyboard : ctrl + Shift + F12). Akan muncul kotak dialog Publish Settings. 76. Hilangkan tanda check pada HTML (.html) dan berikan tanda check pada Windows Projector (.exe). Kemudian klik pada Publish. Kemudian klik OK. OK.. pada folder tempat menyimpan file flash akan muncul sebuah program dengan lambang icon . File ini adalah file program interaktif yang dapat dijalankan di system yang tidak memiliki flash player.

2. Buat halaman Judul dengan cara sebagai berikut.

a. Buat flash document baru dan atur ukuran stage menjadi 800x600 pixels dengan background berwarna #CE9AFF.

b. Rancang sebuah bangun segiempat menggunakan retangle

tool tanpa isi dan klik pada set corner radius isi corner radius = 25. Buat kotak elips berdimensi width = 414; height = 250, posisi x : 194 dan y : 149. Kemudian kita akan mengisi kotak dengan warna gradien tipe radial warna1 : #69696B dan warna2 : #FFFFFF seperti gambar berikut.

c. Kemudian tambahkan teks judul. Ubah jenis dan besar text pada panel properties dengan “feena casual” 75 pt. Klik sekali pada area gambar kemudian ketikan “Menaklukan Segitiga Pascal”. Letakkan text pada area kotak elips menggunakan selection tools seperti pada gambar berikut.

d. Selanjutnya buat teks nama, nim dan tahun pembuatan di bawah kanan teks judul dengan mengubah jenis dan besar text pada panel properties dengan “papyrus” 18 pt seperti pada gambar di bawah ini.

e. Halaman judul selesai. Save file dengan nama Judul.swf dan Judul.fla.

3. Buat halaman Tentang Program dengan cara sebagai berikut.

a. Buat flash document baru dan atur ukuran stage menjadi 800x600 pixels dengan background berwarna #FFCFCE.

b. Buat teks judul. Ubah warna teks pada jendela properties menjadi warna #9C0000 serta jenis dan besar text dengan feena casual” 50 pt. Klik sekali pada area gambar kemudian ketikan “Tentang Program”. Letakkan text dengan menggunakan selection tools seperti pada gambar berikut.

c. Rancang sebuah bangun segiempat menggunakan retangle tool tanpa isi dan klik pada set corner radius isi corner radius = 25. Buat kotak elips berdimensi width = 609; height = 354, posisi x : 117 dan y : 158.5. Kemudian kita akan mengisi kotak dengan warna gradien tipe radial warna1 : #9C0000 dan warna2 : #FFFFFF seperti gambar berikut.

f. Buat teks yang berisi penjelasan mengenai program di dalam kotak yang telah dibuat dengan mengubah jenis dan besar text pada panel properties dengan “papyrus” 15 pt. Teks ini berisi materi pada menu Tentang Program. Misalnya coba ketikkan :

Program interaktif ini dibuat dengan program Macromedia Flash 8 untuk memenuhi salah satu syarat kelulusan dalam Mata Kuliah "Multimedia Pendidikan Matematika". Program ini merupakan program pertama yang saya buat sehingga pasti masih banyak kekurangan. Oleh karena itu harap dimaklumi. Saya berharap program ini dapat berguna bagi Anda yang menggunakannya, khususnya bagi siswa kelas VIII.

Bandung, Januari 2010

Penyusun

Kurnia Putri S D

seperti pada gambar di bawah ini.

g. Halaman tentang program selesai. Save file dengan nama Tentang_program.swf dan Tentang_program.fla.

4. Buat halaman Tujuan dengan cara sebagai berikut.

a. Buat flash document baru dan atur ukuran stage menjadi 800x600 pixels dengan background berwarna #FFFFCE.

b. Buat teks judul. Ubah warna teks pada jendela properties menjadi warna #FF9A00 serta jenis dan besar text dengan “feena casual” 50 pt. Klik sekali pada area gambar kemudian ketikan “Tujuan Umum”. Letakkan text dengan menggunakan selection tools seperti pada gambar berikut.

c. Buat teks judul yang baru. Klik teks “Tujuan Umum” kemudian tekan pada keyboard ctrl+d (duplicate). Kemudian ganti teks masing-masing menjadi “Tujuan umum” dan letakkan teks ini dibawah teks pertama seperti gambar berikut.

d. Rancang sebuah bangun segiempat menggunakan retangle tool tanpa isi dan klik pada set corner radius isi corner radius = 25. Buat kotak elips berdimensi width = 663; height = 188.9, posisi x : 20.1 dan y : 29.1. Kemudian kita akan mengisi kotak dengan warna gradien tipe radial warna1 : #FF9900 dan warna2 : #FFFF99 seperti gambar berikut.

e. Buat teks yang berisi penjelasan mengenai program di dalam kotak yang telah dibuat dengan mengubah jenis dan besar text pada panel properties dengan “papyrus” 17 pt. Teks ini penjelasan mengenai Tujuan Umum. Misalnya coba ketikkan :

Program ini dibuat sebagai salah satu media pembelajaran interaktif bagi siswa agar merasa tidak merasa jenuh melainkan tertarik dan berminat untuk mempelajari matematika secara lebih mendalam.

Seperti gambar di bawah ini.

f. Selanjutnya beri penjelasan mengenai tujuan khusus degan menduplikat kotak yang berisi penjelasan mengenai “Tujuan Umum” sebelumya. Ubah teks yang ada mengenai penjelasan tujuan umum, dengan script seperti gambar berikut.

g. Halaman tujuan selesai. Save file dengan nama Tujuan.swf dan Tujuan.fla.



5. Buat halaman Program dengan cara sebagai berikut.

a. Buat flash document baru dan atur ukuran stage menjadi 800x600 pixels dengan background berwarna #CE9AFF.

b. Rancang sebuah kotak menggunakan retangle tool tanpa isi berdimensi width = 751; height = 65, posisi x : 18 dan y : 20. Kemudian kita akan mengisi kotak dengan warna gradien tipe radial warna1 : #990033 dan warna2 : #FFFFFF seperti gambar berikut.

c. Buat teks judul. Ubah jenis dan besar text dengan “feena casual” 38 pt. Klik sekali pada area gambar kemudian ketikan “Segitiga Pascal dan Pemangkatan suku Dua”. Letakkan text dengan menggunakan selection tools di dalam kotak yang telah dibuat seperti pada gambar berikut.

d. Buat teks di bawah teks judul sebanyak dua buah. Ubah jenis dan besar text dengan “papyrus” 13 pt seperti gambar di bawah ini.

e. Masukkan gambar segitiga Pascal yang telah dibuat sebelumnya. Dengan cara pilih menu > impot > import to stage (keyboard : ctrl+R). Cari file gambar yang ingin dimasukkan. Untuk mengatur besarnya gunakan free transform tool (keyboard : Q). Atur gambar sambil menekan tombol shift pada keyboard untuk mendapatkan hasil yang lebih proporsional.

f. Buat garis dengan menggunakan line tool. Atur properties linenya seperti gambar berikut.

g. Buat static text seperti pada gambar di bawah ini.

h. Buat dynamic text sebanyak 15 buah. Lihat panel properties. Pada instance name, ketikkan a_txt, b_txt, dan seterusnya sampai o_txt.

i. Selanjutnya, buat kembali static text sebagai perintah untuk mencek jawaban.

j. Buat tombol button, dengan nama proses­_btn. Kemudian buat dynamic text dengan nama ket_txt dan ketikkan “Hasilnya adalah…” untuk mengetahui hasil pekerjaan pengguna benar atau salah.

k. Seleksi tombol “Proses”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

(i) Script di atas diketikkan pada baris 1 hingga 16.

(ii) On (release) berarti kondisi saat tombol ditekan kemudian dilepaskan.

(iii) Script pada baris ke 2 hingga 16 berfungsi mendefinisikan variable sebagai data angka dan mengubah teks menjadi angka integer.

(i) Ketikkan script di atas pada baris 18 hingga 37.

(ii) Script pada baris 18 hingga 32 berfungsi sebagai kunci jawaban dari soal yang telah dibuat.

(iii) Script pada baris 33 menunjukkan jika pada dynamic text diisikan angka yang sama dengan kunci jawaban maka ket_txt akan menanpilkan kalimat “Selamat Anda benar.”

(iv) Script pada baris ke 34 hingga 36 menunjukkan jika pada dynamic text diisikan angka yang sama dengan kunci jawaban maka ket_txt akan menanpilkan kalimat “Anda salah. Coba cek kembali.”

(v) Script 37 merupakan script penutup.

h. Halaman program selesai. Save file dengan nama Program.swf dan Program.fla.

Nah program secara keseluruhan telah selesai dibuat. Anda dapat mendownload program ini pada link berikut.

DOWNLOAD DI SINI

Untuk dapat melihat tampilan screen capture dan cara menggunakan multimedia tersebut buka halaman tentang “Screen capture dan cara menggunakan multimedia”.

Kamis, 14 Januari 2010

Storyboard Program

Sehubungan dengan berubahnya tugas yang diberikan, maka saya menuliskan storyboard baru sesuai dengan program yang saya buat. File ini dapat didownload pada link berikut.

DOWNLOAD DI SINI

Langkah-langkah Pengerjaan

1. Buat halaman Menu dengan cara sebagai berikut.

a. Buat dokumen flash baru pada tab create new pilih flash document.

b. Atur ukuran stage. Pada panel properties, klik tombol size.

c. Pada dialog document properties, modifikasi isian sesuai gambar berikut, kemudian klik OK.

d. Pada dialog background, isi warna dengan kode #DEBEFF.

e. Klik rectangle tool. Buat kotak rectangle tanpa isi (no fill ) pada sembarang tempat, kemudian pada properties ketikan width = 800, height = 600, x : 175 dan y : 75.

f. Klik kanan kotak tersebut, pilih convert to symbol.

g. Pada kotak dialog, pilih movie clip kemudian OK.

h. Lihat panel properties. Pada instance name, ketikkan layar­_mc.

i. Dengan menggunakan line tool, buat tanda panah dan warnai seperti gambar berikut ini.

j. Klik pada text tool.

k. Atur properties text seperti pada gambar berikut.

l. Buat teks dalam tanda panah yang telah dibuat sebelumya.

m. Klik kanan pada teks “Judul”, pilih convert to symbol. Pada dialog kotak pilih button kemudian OK.

n. Klik pada “Judul”, lihat panel properties. Pada instance name, ketikkan judul_btn.

o. Sekarang kita butuh 5 tombol sementara baru ada 1 tombol. Tidak usah repot, tinggal kita duplikasikan tombol pertama dengan menekan pada keyboard ctrl+d (duplicate) atau ctrl+c kemudian ctrl+v (copy – paste). Kemudian ganti teks masing-masing menjadi “Tentang Program”, “Tujuan” , “Mainkan” dan “Keluar”. Letakkan di sebelah kanan tampilan. Dan beri nama masing-masing tentang_btn, tujuan_btn, mainkan_btn dan keluar_btn.

p. Seleksi tombol “Judul”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

Artinya : Pada saat tombol klik lalu di lepaskan (on (release)), maka program akan menunjukkan halaman judul.

q. Seleksi tombol “Tentang Program”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

Artinya : Pada saat tombol klik lalu di lepaskan (on (release)), maka program akan menunjukkan halaman tentang program.

r. Seleksi tombol “Tujuan”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

Artinya : Pada saat tombol klik lalu di lepaskan (on (release)), maka program akan menunjukkan halaman tujuan.

s. Seleksi tombol “Mainkan”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

Artinya : Pada saat tombol klik lalu di lepaskan (on (release)), maka program akan menunjukkan halaman program.

t. Seleksi tombol “Keluar”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

Artinya : Pada saat tombol klik lalu di lepaskan (on (release)), maka program akan keluar.

u. Halaman menu selesai. Save file dengan nama Menu.swf dan Menu.fla.

v. Selanjutnya kita akan melakukan publish (dibuat agar dapat dijalankan di sistem mana saja tanpa perlu menginstall flash. Pilih pada menu bar File > Publish Settings (keyboard : ctrl + Shift + F12). Akan muncul kotak dialog Publish Settings. 76. Hilangkan tanda check pada HTML (.html) dan berikan tanda check pada Windows Projector (.exe). Kemudian klik pada Publish. Kemudian klik OK. OK.. pada folder tempat menyimpan file flash akan muncul sebuah program dengan lambang icon . File ini adalah file program interaktif yang dapat dijalankan di system yang tidak memiliki flash player.




2. Buat halaman Judul dengan cara sebagai berikut.

a. Buat flash document baru dan atur ukuran stage menjadi 800x600 pixels dengan background berwarna #CE9AFF.

b. Rancang sebuah bangun segiempat menggunakan retangle

tool tanpa isi dan klik pada set corner radius isi corner radius = 25. Buat kotak elips berdimensi width = 414; height = 250, posisi x : 194 dan y : 149. Kemudian kita akan mengisi kotak dengan warna gradien tipe radial warna1 : #69696B dan warna2 : #FFFFFF seperti gambar berikut.

c. Kemudian tambahkan teks judul. Ubah jenis dan besar text pada panel properties dengan “feena casual” 75 pt. Klik sekali pada area gambar kemudian ketikan “Menaklukan Segitiga Pascal”. Letakkan text pada area kotak elips menggunakan selection tools seperti pada gambar berikut.

d. Selanjutnya buat teks nama, nim dan tahun pembuatan di bawah kanan teks judul dengan mengubah jenis dan besar text pada panel properties dengan “papyrus” 18 pt seperti pada gambar di bawah ini.

e. Halaman judul selesai. Save file dengan nama Judul.swf dan Judul.fla.




3. Buat halaman Tentang Program dengan cara sebagai berikut.

a. Buat flash document baru dan atur ukuran stage menjadi 800x600 pixels dengan background berwarna #FFCFCE.

b. Buat teks judul. Ubah warna teks pada jendela properties menjadi warna #9C0000 serta jenis dan besar text dengan feena casual” 50 pt. Klik sekali pada area gambar kemudian ketikan “Tentang Program”. Letakkan text dengan menggunakan selection tools seperti pada gambar berikut.

c. Rancang sebuah bangun segiempat menggunakan retangle tool tanpa isi dan klik pada set corner radius isi corner radius = 25. Buat kotak elips berdimensi width = 609; height = 354, posisi x : 117 dan y : 158.5. Kemudian kita akan mengisi kotak dengan warna gradien tipe radial warna1 : #9C0000 dan warna2 : #FFFFFF seperti gambar berikut.

f. Buat teks yang berisi penjelasan mengenai program di dalam kotak yang telah dibuat dengan mengubah jenis dan besar text pada panel properties dengan “papyrus” 15 pt. Teks ini berisi materi pada menu Tentang Program. Misalnya coba ketikkan :

Program interaktif ini dibuat dengan program Macromedia Flash 8 untuk memenuhi salah satu syarat kelulusan dalam Mata Kuliah "Multimedia Pendidikan Matematika". Program ini merupakan program pertama yang saya buat sehingga pasti masih banyak kekurangan. Oleh karena itu harap dimaklumi. Saya berharap program ini dapat berguna bagi Anda yang menggunakannya, khususnya bagi siswa kelas VIII.

Bandung, Januari 2010

Penyusun

Kurnia Putri S D

seperti pada gambar di bawah ini.

g. Halaman tentang program selesai. Save file dengan nama Tentang_program.swf dan Tentang_program.fla.



4. Buat halaman Tujuan dengan cara sebagai berikut.

a. Buat flash document baru dan atur ukuran stage menjadi 800x600 pixels dengan background berwarna #FFFFCE.

b. Buat teks judul. Ubah warna teks pada jendela properties menjadi warna #FF9A00 serta jenis dan besar text dengan “feena casual” 50 pt. Klik sekali pada area gambar kemudian ketikan “Tujuan Umum”. Letakkan text dengan menggunakan selection tools seperti pada gambar berikut.

c. Buat teks judul yang baru. Klik teks “Tujuan Umum” kemudian tekan pada keyboard ctrl+d (duplicate). Kemudian ganti teks masing-masing menjadi “Tujuan umum” dan letakkan teks ini dibawah teks pertama seperti gambar berikut.

d. Rancang sebuah bangun segiempat menggunakan retangle tool tanpa isi dan klik pada set corner radius isi corner radius = 25. Buat kotak elips berdimensi width = 663; height = 188.9, posisi x : 20.1 dan y : 29.1. Kemudian kita akan mengisi kotak dengan warna gradien tipe radial warna1 : #FF9900 dan warna2 : #FFFF99 seperti gambar berikut.

e. Buat teks yang berisi penjelasan mengenai program di dalam kotak yang telah dibuat dengan mengubah jenis dan besar text pada panel properties dengan “papyrus” 17 pt. Teks ini penjelasan mengenai Tujuan Umum. Misalnya coba ketikkan :

Program ini dibuat sebagai salah satu media pembelajaran interaktif bagi siswa agar merasa tidak merasa jenuh melainkan tertarik dan berminat untuk mempelajari matematika secara lebih mendalam.

Seperti gambar di bawah ini.

f. Selanjutnya beri penjelasan mengenai tujuan khusus degan menduplikat kotak yang berisi penjelasan mengenai “Tujuan Umum” sebelumya. Ubah teks yang ada mengenai penjelasan tujuan umum, dengan script seperti gambar berikut.

g. Halaman tujuan selesai. Save file dengan nama Tujuan.swf dan Tujuan.fla.




5. Buat halaman Program dengan cara sebagai berikut.

a. Buat flash document baru dan atur ukuran stage menjadi 800x600 pixels dengan background berwarna #CE9AFF.

b. Rancang sebuah kotak menggunakan retangle tool tanpa isi berdimensi width = 751; height = 65, posisi x : 18 dan y : 20. Kemudian kita akan mengisi kotak dengan warna gradien tipe radial warna1 : #990033 dan warna2 : #FFFFFF seperti gambar berikut.

c. Buat teks judul. Ubah jenis dan besar text dengan “feena casual” 38 pt. Klik sekali pada area gambar kemudian ketikan “Segitiga Pascal dan Pemangkatan suku Dua”. Letakkan text dengan menggunakan selection tools di dalam kotak yang telah dibuat seperti pada gambar berikut.

d. Buat teks di bawah teks judul sebanyak dua buah. Ubah jenis dan besar text dengan “papyrus” 13 pt seperti gambar di bawah ini.

e. Masukkan gambar segitiga Pascal yang telah dibuat sebelumnya. Dengan cara pilih menu > impot > import to stage (keyboard : ctrl+R). Cari file gambar yang ingin dimasukkan. Untuk mengatur besarnya gunakan free transform tool (keyboard : Q). Atur gambar sambil menekan tombol shift pada keyboard untuk mendapatkan hasil yang lebih proporsional.

f. Buat garis dengan menggunakan line tool. Atur properties linenya seperti gambar berikut.

g. Buat static text seperti pada gambar di bawah ini.

h. Buat dynamic text sebanyak 15 buah. Lihat panel properties. Pada instance name, ketikkan a_txt, b_txt, dan seterusnya sampai o_txt.

i. Selanjutnya, buat kembali static text sebagai perintah untuk mencek jawaban.

j. Buat tombol button, dengan nama proses­_btn. Kemudian buat dynamic text dengan nama ket_txt dan ketikkan “Hasilnya adalah…” untuk mengetahui hasil pekerjaan pengguna benar atau salah.

k. Seleksi tombol “Proses”. Tekan F9 pada keyboard dan ketikan script seperti berikut ini.

(i) Script di atas diketikkan pada baris 1 hingga 16.

(ii) On (release) berarti kondisi saat tombol ditekan kemudian dilepaskan.

(iii) Script pada baris ke 2 hingga 16 berfungsi mendefinisikan variable sebagai data angka dan mengubah teks menjadi angka integer.

(i) Ketikkan script di atas pada baris 18 hingga 37.

(ii) Script pada baris 18 hingga 32 berfungsi sebagai kunci jawaban dari soal yang telah dibuat.

(iii) Script pada baris 33 menunjukkan jika pada dynamic text diisikan angka yang sama dengan kunci jawaban maka ket_txt akan menanpilkan kalimat “Selamat Anda benar.”

(iv) Script pada baris ke 34 hingga 36 menunjukkan jika pada dynamic text diisikan angka yang sama dengan kunci jawaban maka ket_txt akan menanpilkan kalimat “Anda salah. Coba cek kembali.”

(v) Script 37 merupakan script penutup.

h. Halaman program selesai. Save file dengan nama Program.swf dan Program.fla.

Nah program secara keseluruhan telah selesai dibuat. Anda dapat mendownload program ini pada link berikut.

DOWNLOAD DI SINI

Untuk dapat melihat tampilan screen capture dan cara menggunakan multimedia tersebut buka halaman tentang “Screen capture dan cara menggunakan multimedia”.