MEMBUAT APLIKASI KALKULATOR DENGAN MACROMEDIA FLASH
Teman-teman pembaca sekalian kali ini saya akan membahas tentang Flash, yaitu "Membuat Aplikasi Kalkulator Dengan Macromedia Flash 8". Kebetulan ini adalah tugas kuliah saya dalam mata kuliah Perancangan Multimedia, maka saya sempatkan untuk memposting artikel ini agar dapat saling berbagi ilmu. Macomedia Flash bukan hanya dapat membuat animasi tetapi juga dapat membuat program-program layaknya Bahasa Pemrograman seperti yang sedang dibahas di sini. Ok kita akan mulai langkah-langkah pembuatannya seperti berikut :
Gambaran kalkulator yang akan dibuat seperti gambar di bawah ini :
Gambar 1
- Buka aplikasi Macromedia Flash
- Pada Tab Create New pilih Flash Document
- Pada Tab Tools pilih Text Tool(T), dan buat seperti Gambar 2
Gambar 2
- Pada Tab Properties ada 3 tipe Text, yaitu :
Static Text
Dynamic Text
Input Text
- Maka pilih Dynamic Text dan pada kolom Var ketikkan dengan nama “hasil” (tanpa tanda kutip), lihatyang ditandai pada Gambar 3
Gambar 3
- Buat tombol-tombol seperti Gambar 4 dengan Rectangle Tool (R) dan buat angka atau simbolnya dengan Text Tool (T) dan susun semuanya sesuai dengan Gambar 1
Gambar 4
Keterangan Gambar 4 :
Tombol C : untuk menghapus seluruhnya
Tombol X2 : kuadrat / pangkat 2
Tombol % : persen
Tombol 1/x : untuk membagi bilangan 1 dengan bilangan x
Tombol / : untuk melakukan pembagian
Tombol * : untuk melakukan perkalian
Tombol - : untuk melakukan pengurangan
Tombol + : untuk melakukan penjumlahan
Tombol + : untuk bilangan positif/negatif
Tombol . : untuk membuat bilangan desimal
Tombol = : untuk memproses
Tombol 1 : untuk membuat angka 1
Tombol 2 : untuk membuat angka 2
Tombol 3 : untuk membuat angka 3
Tombol 4 : untuk membuat angka 4
Tombol 5 : untuk membuat angka 5
Tombol 6 : untuk membuat angka 6
Tombol 7 : untuk membuat angka 7
Tombol 8 : untuk membuat angka 8
Tombol 9 : untuk membuat angka 9
Tombol 0 : untuk membuat angka 0
- Kemudian Convert tombol-tombol tersebut ke Symbol, caranya blok satu-persatu tombol-tombol tersebut dan pilih Menu Modify dan pilih Convert to Symbol (Tekan F8) dan buat Name, Type dan Registration dan pada Tab Properties isikan Intance Name sesuai dengan keterangan di bawah :
Gambar 5
Gambar 6
Keterangan :
Tombol | Name | Type | Registration | Intance Name |
Tombol C | Hapus Semua | Button | Berada di tengah | hapussemua |
Tombol X2 | Kuadrat | Button | Berada di tengah | kuadrat |
Tombol % | Persen | Button | Berada di tengah | persen |
Tombol 1/X | Satuperx | Button | Berada di tengah | satuperx |
Tombol / | Bagi | Button | Berada di tengah | bagi |
Tombol * | Kali | Button | Berada di tengah | kali |
Tombol - | Kurang | Button | Berada di tengah | kurang |
Tombol + | Tambah | Button | Berada di tengah | tambah |
Tombol + | Plus Minus | Button | Berada di tengah | plusminus |
Tombol . | Koma | Button | Berada di tengah | koma |
Tombol = | Sama Dengan | Button | Berada di tengah | samadengan |
Tombol 1 | Satu | Button | Berada di tengah | satu |
Tombol 2 | Dua | Button | Berada di tengah | dua |
Tombol 3 | Tiga | Button | Berada di tengah | tiga |
Tombol 4 | Empat | Button | Berada di tengah | empat |
Tombol 5 | Lima | Button | Berada di tengah | lima |
Tombol 6 | Enam | Button | Berada di tengah | enam |
Tombol 7 | Tujuh | Button | Berada di tengah | tujuh |
Tombol 8 | Delapan | Button | Berada di tengah | delapan |
Tombol 9 | Sembilan | Button | Berada di tengah | sembilan |
Tombol 0 | Nol | Button | Berada di tengah | nol |
- Tambahkan satu buah Layer untuk Script Programnya dan ganti namanya dengan nama Program
Pilih Layer Program dan buka Actions Script dengan cara pilih Menu Window dan pilih Actions (Tekan F9)
Ketikkan/Copy Script Program berikut ini :
var hasil = "";
satu.onRelease = function()
{
hasil = hasil + 1;
}
dua.onRelease = function()
{
hasil = hasil + 2;
}
tiga.onRelease = function()
{
hasil = hasil + 3;
}
empat.onRelease = function()
{
hasil = hasil + 4;
}
lima.onRelease = function()
{
hasil = hasil + 5;
}
enam.onRelease = function()
{
hasil = hasil + 6;
}
tujuh.onRelease = function()
{
hasil = hasil + 7;
}
delapan.onRelease = function()
{
hasil = hasil + 8;
}
sembilan.onRelease = function()
{
hasil = hasil + 9;
}
nol.onRelease = function()
{
hasil = hasil + 0;
}
satuperx.onRelease = function()
{
hasil = 1 / Number(hasil);
}
kuadrat.onRelease = function()
{
hasil = Number(hasil) * Number(hasil);
}
kali.onRelease = function()
{
tampung = hasil;
hasil = "";
operator = "*";
}
bagi.onRelease = function()
{
tampung = hasil;
hasil = "";
operator = "/";
}
tambah.onRelease = function()
{
tampung = hasil;
hasil = "";
operator = "+";
}
kurang.onRelease = function()
{
tampung = hasil;
hasil = "";
operator = "-";
}
samadengan.onRelease = function()
{
if (operator == "*")
hasil = Number (tampung) * Number (hasil);
else if (operator == "/")
hasil = Number (tampung) / Number (hasil);
else if (operator == "+")
hasil = Number (tampung) + Number (hasil);
else if (operator == "-")
hasil = Number (tampung) - Number (hasil);
}
hapussemua.onRelease = function()
{
hasil = "";
}
persen.onRelease = function()
{
hasil = (Number (tampung) * Number (hasil))/100;
}
plusminus.onRelease = function()
{
hasil = hasil - (hasil * 2);
}
koma.onRelease = function()
{
hasil = hasil +".";
}
- Perlu diingat bahwa Instance Name dengan script program harus sama, jika tidak maka program tidak akan jalan
- Silahkan lakukan Test Movie, pilih Menu Control dan pilih Test Movie (Tekan Alt+Enter)
- Untuk hasilnya silahkan lihat di sini
Mudah Bukan!!! Silahkan berikan komentar anda atau masukan anda untuk melengkapi artikel ini, bertanya juga boleh lho...
Labels:
Flash
YOU MIGHT ALSO LIKE
Subscribe to:
Post Comments (Atom)
Archive
Label
About AnzCyber
- AnzCyber
- Firman Siahaan A.K.A Anz, trying to share what I know about computer Tips and Tricks, Multimedia and many more..
AnzCyber @ Google+, 'N Facebook
8 comments:
Kalkulator ini, bisa gak dijalankan di HP???
bisa aja asaL HP nya bisa menjalankan fiLe .SWF
kalo menginput nya gak dari kalkulator nya , tapi input angka nya dari keyboard bisa gak ? kalo boleh script nya di share ya lae :)
wah kaLo itu saia Lum pernah coba Lae... ntar kaLo ada saia share di sini.. Thanks atas kunjuungannya
gab bisa ga background nya di buat foto/gambar kita sendiri
kalo bisa g mna caranya ?
trimaksih
gab bisa ga background nya di buat foto/gambar kita sendiri
kalo bisa g mna caranya ?
trimaksih
Gan.. kalo masukin perintah akar gimana ya gan?
ane udah coba pake tanda ^ , tapi tetap gak bisa..
kasi ane pencerahan gan..
Gan kalo mau masukin perintah akar gimana gan?
Ane coba pake tanda ^ (1/2) tetap gak bisa gan..
Mohon pencerahannya..
Post a Comment
siLahkan berkomentar & jangan pake user Anonymous ya!
!!!Pengunjung yang baik pasti seLaLu meninggaLkan komentar!!!
Komentar anda adalah semangat bagi saya :D