Membuat aplikasi Kalkulator menggunakan Macromedia flash

faaTeman-teman pembaca sekalian kali ini saya akan membahas tentang Flash, yaitu “Membuat Aplikasi Kalkulator Dengan Macromedia Flash 8”. Kebetulan ini adalah tugas kuliah

Gambaran kalkulator yang akan dibuat seperti gambar di bawah ini : saya dalam mata kuliah Multimedia Pendidikan,  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 :

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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s