BAB III PEMBAHASAN MASALAH
3.1
Analisa Masalah Program aplikasi gerhana merupakan suatu program aplikasi yang
memberikan sedikit pengetahuan tentang gerhana untuk dipelajari oleh murid Sekolah Dasar atau anak-anak pada umumnya, dengan harapan dapat menumbuhkan semangat untuk belajar. Proses pembuatan aplikasi gerhana ini terbagi dalam beberapa tahap. Tahapan-tahapan tersebut dikerjakan secara berurutan. Dalam bab ini yang akan dibahas adalah mengenai pembuatan peta navigasi, story board, membuat desain antarmuka. Dan pembahasan paling akhir adalah proses program. 3.2
Peta Navigasi Untuk membuat program aplikasi gerhana terlebih dahulu menentukan peta
navigasi. Peta navigasi yang digunakan adalah navigasi hierarchi. Setelah menentukan peta navigasi maka dibuatlah story board. Story Board adalah bentuk detail dari peta navigasi. Story Board menunjukkan arah dari perjalanan aplikasi.
19
20
Intro Main menu
Gerhana
Gerhana Matahari
Gerhana Bulan
Latihan
Teks
Animasi
Animasi
Soal-soal
Gambar 3.1 Peta Navigasi 3.3
Story Board Story Board dari aplikasi ini adalah :
masuk
G
GM G
GB
L
Start
M
INTRO
ANIMASI
TEKS
Gambar 3.2 Story Board
21
3.4
Rancangan Tampilan Dalam membuat sebuah aplikasi yang harus dilakukan terlebih dahulu setelah
pembuatan sturktur dan peta navigasi ialah sebuah perancangan interface. Dalam pembuatan aplikasi ini perancangan interfacenya dibuat secara bertahap, yang antara lain yakni : 3.4.1
Rancangan Tampilan Pertama Bagian ini merupakan sebuah interface yang pertama kali muncul dalam
aplikasi.
Selamat datang
in
out
Gambar 3.3 Interface Pertama 3.4.2
Rancangan Tampilan Main Menu Bagian ini akan muncul apabila mengklik tombol pada interface pertama.
Pada Interface kedua ini perancangan yang dibuat ialah untuk interface main menu yang berisi antara lain menu 1, menu 2, menu 3 dan menu 4.
22
MAIN MENU
Menu 1
exit
Menu 2
Menu 3
Menu 4
GAMBAR
Gambar 3.4 Interface Main Menu 3.4.3
Rancangan Tampilan Menu Pilihan Bagian ini merupakan rancangan interface apabila mengklik salah satu menu
yang tersedia di interface kedua atau main menu.
Menu 2
Mm
Ex t
GERHANA MATAHARI START
eclipse application
Gambar 3.5 Interface Klik Menu
23
3.4.4
Rancangan Tampilan Menu Gerhana Pada perancangan ini memuat pengertian tentang Gerhana itu sendiri yang
disajikan dalam bentuk tulisan ditambah dengan gambar-gambar yang menarik. Gambar 3.6. Interface isi Menu Gerhana Mm
Ex
Menu 1
Gambar 1
TEKS
Gambar 2 Gambar 3
eclipse application
3.4.5
Rancangan Tampilan Menu Gerhana Matahari Perancangan pada interface ini terdapat tombol-tombol yang menjalankan
animasi Gerhana matahari dengan disertai penjelasan tentang Gerhana tersebut.
24
Menu 2
Mm
GAMBAR
PLAY
MS
Ex
ANIMASI
MT
MC
TEKS
eclipse application
Gambar 3.7 Interface Isi Gerhana matahari
25
3.4.6
Rancangan Tampilan Menu Gerhana Bulan Pada perancangan Gerhana Bulan ini sama dengan tampilan Gerhana
Matahari yang memuat tombol-tombol yang dapat dipilih untuk menjalankan animasi Gerhana dan 1 tombol untuk memulai.
Mm
Ex
Menu3
GAMBAR
Play
BS
ANIMASI
BT
TEKS
eclipse application
Gambar 3.8 Interface isi Gerhana Bulan 3.4.7
Rancangan Tampilan Menu Latihan Rancangan Tampilan Menu Latihan ini memuat 3 tombol yang dapat dipilih
salah satu.
26
Mm
Ex
Menu 4
NILAI SOAL -SOAL
Tombol 1
Tombol 2
Tombol 3
eclipse application
Gambar 3.9 Interface isi Menu Latihan 3.5
Pembuatan Aplikasi Dalam membuat program aplikasi Gerhana ini saya membaginya menjadi 8
file movie atau 8 bagian, antara lain yaitu : 3.5.1
Main menu : Untuk membuat main menu langkah yang dilakukan ialah :
1.
Membuat tampilan pembuka : klik rectangel tool kemudian buatlah persegi
dengan ukuran diagonal sebesar 30, akan tetapi untuk garis tepinya tak perlu digunakan maka stroke color pada status no color lalu jangan lupa persegi tersebut diberi warna orange. Agar lebih menarik buatlah beberapa lingkaran didalam persegi tersebut, tentunya pada layer yang berbeda. Lalu buatlah animasi untuk merubah warna-warna pada lingkaran-lingkaran tersebut sehingga lebih menarik, maka pada tiap-tiap frame buatlah keyframe, lalu pada masing-masing frame tersebut ubahlah warna yang berbeda. Setelah itu insert new layer lalu buatlah atau ketiklah “selamat datang di program aplikasi gerhana” lalu buatlah animasinya dengan memutar kalimat tersebut dengan cara : convert to symbol menjadi graphic lalu pada keyframe
27
1 perkecillah kalimat tersebut kemudian pilihlah alpha sebesar 0%, setelah itu pada keyframe 20 perbesarlah kalimat tersebut dengan alpha 100% lalu pilihlah rotate CCW. Buatlah 2 buah layer baru, pada layer pertama buatlah tombol masuk “in” dengan action script (1) kemudian pada layer yang kedua buatlah tombol keluar “out” dengan action script (2).
Gambar 3.10 Tampilan depan
28
2. Membuat tampilan main menu : insert new layer, letakkanlah layernya pada frame 30, insert keyframe pada frame 30 lalu buatlah persegi dengan menggunakan rectangel tools berukuran kecil lalu letakkan diluar dari pada background. Setelah itu convertlah menjadi movie klip kemudian masukkan action script (3) ini digunakan untuk meload file musik yang akan menjadi background dari aplikasi tersebut, frame terakhir adalah pada frame 210. setelah itu insert new layer buatlah persegi hingga menutupi background dengan warna putih, kemudian convertlah menjadi movie klip. Setelah itu klik 2 kali pada movie klip tersebut kemudian masukkan beberapa layer baru lalu masukkan beberapa gambar untuk menghiasi background kemudian gunakan animasi pada gambar tersebut hingga kelihatan lebih menarik. Setelah itu klik 2 kali pada movie klip tersebut. Insert new layer ketiklah “Eclipse Application”, lalu convertlah menjadi graphic. Setelah itu insert new layer lalu buatlah kotak kecil yang mungkin menutupi teks yang lalu. Setelah itu convertlah menjadi graphic lalu gerakkan kotak tersebut berada diatas teks hingga menutupi supaya terlihat lebih menarik langkah ini dilakukan dimulai pada keyframe 42. Buatlah 3 layer baru pada frame 65 kemudian buatlah lingkaran pada masing-masing layer kemudian masukkan gambar pada masing-masing lingkaran tersebut. Untuk lingkaran yang pertama berguna untuk masuk kebagian gerhana matahari, yang kedua masuk ke bagian gerhana bulan lalu yang ke tiga untuk masuk ke bagian latihan. Supaya terlihat userfriendly maka langkah yang dilakukan ialah convertlah lingkaran tersebut menjadi button lalu kemudian klik 2 kali pada button tersebut lalu pada bagian over convertlah menjadi movie klip setelah itu tambahkan layer baru yang berisi teks “gerhana matahari” lalu convertlah menjadi graphic setelah itu animasikan supaya kelihatan lebih menarik. Hal ini dilakukan guna ketika mouse berada tepat diatas tombol yang kita buat tersebut maka akan ada teks yang keluar. Langkah ini dilakukan untuk semua lingkaran yang telah dibuat dengan teks yang berbeda. Frame terakhirnya yaitu pada frame 210, untuk action script tombol gerhana matahari adalah (4), tombol
29
gerhana bulan adalah (5), untuk tombol latihan adalah (6) dan untuk tombol gerhana adalah (7). Setelah itu masukkan layer baru, insert key frame pada frame 210 dengan action script (8), semua lingkaran diletakkan ditengahtengah. Lalu masukkan symbol movie klip kosong yang diberi nama “klip target”. Hal ini dilakukan untuk tempat dimana file movie klip yang akan di load. Kemudian masukkan 2 buah layer baru kemudian buatlah 2 buah lingkaran lalu masukkan gambar pada masing-masing lingkaran, untuk lingkaran yang pertama digunakan untuk kembali ke main menu lalu yang ke dua digunakan untuk keluar. Supaya lebih userfriendly lakukan langkah seperti diatas. Untuk lingkaran yang pertama menggunakan actionscript (9) dan yang kedua menggunakan actionscript (10). Simpan file dengan nama main menu.
Gambar 3.11 Main menu
30
Movie gerhana matahari Pertama buatlah file baru dengan ukuran pixel 600 x 420. lalu pada layer pertama buatlah persegi hingga menutupi kertas kerja dengan round rectangel radius sebesar 40 dengan warna biru muda lalu buatlah persegi lagi yang diletakkan ditengah-tengah persegi tersebut. Setelah itu buatlah persegi kecil lalu letakkan pada bagian kiri atas persegi yang lalu setelah itu masukkan gambar gerhana matahari yang sama dengan gambar tombol pada main menu. Kemudian insert new layer lalu ketikan “gerhana matahari” setelah itu buatlah action script (11) pada keyframe 1. Setelah itu masukkan layer baru lalu buatlah gambar daun lalu ketikkan “start”, buatlah menjadi tombol dengan di convert lalu masukkan action script (12). Kemudian masukan layer baru lalu masukkan key frame pada frame 5 lalu letakkan symbol kosong dengan nama “klip target” berguna untuk meload file movie gerhana matahari, simpanlah file tersebut dengan nama matahari. Untuk selanjutnya, buatlah sebuah file baru, lalu pada layer pertama buatlah persegi dengan round rectangel radius 20 dengan warna putih lalu pada layer berikutnya buatlah gambar matahari kemudian animasikan dari bawah hingga ke atas, lalu pada keyframe pertamanya masukkan action script (13) lalu pada keyframe 50 masukkan juga action script (14). Setelah itu masukkan layer baru lalu masukkan gambar background berupa bangunan dan awan guna membuat animasi. Setelah itu masukkan layer baru kemudian pada keyframe 57 buatlah gambar berbentuk bulan setelah itu animasikan hingga menutupi matahari yang telah dibuat hingga keyframe 80 dengan action script (15). Lalu pada keyframe 90 buatlah animasi hingga menutupi matahari, buat hingga keyframe 114 dan masukkan ationscript (16). Setelah itu pada keyframe 130 buat animasi yang sama dengan sebelumnya hingga keyframe 155 dan masukkan action script (17). Kemudian masukkan layer baru, lalu buat persegi yang sama besar dengan background yang dibuat tadi. Setelah itu ubahlah menjadi graphic, setelah itu
31
animasikan menurut proses gerhana yang tadi dibuat, jika gerhana matahari sebagian maka persegi tersebut buatlah agar menjadi lebih agak gelap, lalu jika gerhana matahari total dan cincin buatlah persegi tersebut menjadi lebih gelap dari sebelumnya. Setelah itu masukkan layer baru lalu buatlah persegi kecil dan ketikkan “play” lalu ubahlah menjadi button setelah itu masukkan action script (18). Kemudian insert new layer, setelah itu buatlah 3 persegi dan ketikkan “matahari sebagian”, “matahari total”, “matahari cincin”. Ubahlah kesemuanya itu menjadi 3 buah tombol lalu masukkan action script (19), (20), (21). Setelah itu masukkan 2 buah layer baru, untuk layer pertama masukkan scroll bar dengan lembar teksnya setelah itu pada keyframe 1 masukkan segala teori tentang gerhana matahari. Lalu pada keyframe 51 gantilah teorinya dengan teori gerhana matahari sebagian, kemudian pada keyframe 81 gantilah teorinya dengan teori gerhana matahari total, dan yang terakhir pada keyframe 115 gantilah teorinya dengan teori gerhana matahari cincin. Pada layer yang kedua masukkan gambar dan buatlah persegi dengan memasukkan nama dari gambar tersebut, kemudian gambar dan teksnya diubah seiring dengan diubahnya teori yang diganti. Untuk membuat efek pada matahari karena tejadinya gerhana maka buatlah 2 buah layer baru lalu letakkan diatas background efek lalu pada tiaptiap bagian gerhana buatlah animasinya. Simpanlah file tersebut dengan nama background2.
32
Gambar 3.12 Tampilan Gerhana Matahari
Gambar 3.13 File Movie Bacground1
33
Movie gerhana bulan Untuk membuat movie gerhana bulan buatlah langkah-langkah seperti diatas dari awal hingga selesai. Simpanlah nama file yang pertama dengan nama bulan, lalu yang kedua simpanlah dengan nama background3.
Gambar 3.14 Tampilan Gerhana Bulan
Gambar 3.15 File Movie Bacground2
34
Movie gerhana Untuk membuat movie gerhana buatlah seperti langkah-langkah membuat file matahari. lalu untuk meload movienya yakni, buatlah file baru dengan ukuran layar kerjanya 550 x 400 pixel lalu pada layer pertama buatlah gambar sebuah rumah, pohon dan importlah gambar orang. Kemudian masukkan layer baru lalu masukkan scroll bar beserta lembar teksnya kemudian masukkan teori tentang gerhana. Simpanlah file dengan nama background3.
Gambar 3.16 Tampilan Gerhana
35
Gambar 3.17 File Movie Bacground3
3.5.5
Movie latihan Untuk membuat movie latihan buatlah seperti langkah-langkah membuat file
matahari lalu tambahkan layer baru buatlah sebuah persegi besar dengan round rectangel radius sebesar 30 kemudian letakkan ditengah-tengah lalu buatlah pula sebuah persegi kecil lalu letakkan disebelah kiri atas persegi tadi. Setelah itu tepat dibawah persegi kecil yang tadi ketikkan “nilai”, kemudian masukkan sebuah gambar atau masukkan kata-kata yang telah disusun untuk membuat suatu latihan. Kesemuanya ini dimasukkan pada keyframe 10. Lalu masukkan action script (22) pada keyframe 10. Setelah itu masukkan layer baru lalu pada keyframe 10 buatlah dynamic text kosong dengan variable nilai, lalu pada keyframe tersebut sisipkan actionscript (23). Setelah itu masukkan layer baru lalu pada keyframe 10 masukkan 3 buah persegi beserta masukkan alternatif jawaban di dalamnya lalu convertlah menjadi button. Untuk jawaban yang benar menggunakan action script (24) lalu
36
untuk jawaban yang salah masukkan action script (25). Lakukan langkah ini hingga ke pertannyaan ke sepuluh.
Gambar 3.18 Tampilan Movie Latihan
Gambar 3.19 File Movie Bacground4 3.5.6
Movie musik Untuk membuat file movie musik yaitu buatlah file movie baru lalu importlah
lagu yang dikehendaki, kemudian pada akhir frame lagu tersebut masukkan keyframe dengan actionscript (26). Lalu simpanlah file tersebut dengan nama musik.
37
3.5.7
Movie musik1 Untuk membuat file movie musik yaitu buatlah file movie baru lalu importlah
lagu yang dikehendaki, kemudian pada akhir frame lagu tersebut masukkan keyframe dengan actionscript (27). Lalu simpanlah file tersebut dengan nama musik1. musik ini dipergunakan untuk meload file lagu apabila anda memilih dari 4 buah tombol yang tesedia dan cara meloadnya adalah dengan meletakkan sebuah movie klip pada movie-movie yang diload pada masing-masing tombol dengan memasukkan actionscript (28). 3.5.8
Exit Untuk keluar dari program pada tombol out dan exit yang ada pada movie
main menu berguna untuk keluar dari program dengan tambahan intro pada fram 240 hingga 418 dengan action script pada keyframe 418 yaitu (29).
Gambar 3.20 Movie Exit Perlu diingat file movie untuk kesemuanya itu haruslah di publish menjadi file swf. Dan khusus untuk file main menu publishlah file movie tersebut menjadi file exe.
38
3.6
Konfigurasi Software dan Hardware Untuk menjalankan program aplikasi ini dibutuhkan spesifikasi software dan
hardware sebagai berikut : 1. Untuk Software
: minimal Intel Pentium I 200 MHz dengan Windows 98 SE,
Windows ME, Windows NT 4.0, Windows 2000, atau Windows XP. 2. Untuk Hardware : kebutuhan RAM sebesar 64 MB (disarankan 128 MB); kapasitas harddisk kosong 20 MB, monitor warna 16 bit dengan resolusi 1024 x 768 dan drive CD-ROM.
