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 SemuaButtonBerada di tengahhapussemua
Tombol X2KuadratButtonBerada di tengahkuadrat
Tombol %PersenButtonBerada di tengahpersen
Tombol 1/XSatuperxButtonBerada di tengahsatuperx
Tombol /BagiButtonBerada di tengahbagi
Tombol *KaliButtonBerada di tengahkali
Tombol -KurangButtonBerada di tengahkurang
Tombol +TambahButtonBerada di tengahtambah
Tombol +Plus MinusButtonBerada di tengahplusminus
Tombol .KomaButtonBerada di tengahkoma
Tombol = Sama DenganButtonBerada di tengahsamadengan
Tombol 1SatuButtonBerada di tengahsatu
Tombol 2DuaButtonBerada di tengahdua
Tombol 3TigaButtonBerada di tengahtiga
Tombol 4EmpatButtonBerada di tengahempat
Tombol 5LimaButtonBerada di tengahlima
Tombol 6EnamButtonBerada di tengahenam
Tombol 7TujuhButtonBerada di tengahtujuh
Tombol 8DelapanButtonBerada di tengahdelapan
Tombol 9SembilanButtonBerada di tengahsembilan
Tombol 0NolButtonBerada di tengahnol

- 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...

YOU MIGHT ALSO LIKE

8 comments:

Mherrhy said...

Kalkulator ini, bisa gak dijalankan di HP???

AnzCyber said...

bisa aja asaL HP nya bisa menjalankan fiLe .SWF

all about !! said...

kalo menginput nya gak dari kalkulator nya , tapi input angka nya dari keyboard bisa gak ? kalo boleh script nya di share ya lae :)

AnzCyber said...

wah kaLo itu saia Lum pernah coba Lae... ntar kaLo ada saia share di sini.. Thanks atas kunjuungannya

Unknown said...

gab bisa ga background nya di buat foto/gambar kita sendiri
kalo bisa g mna caranya ?
trimaksih

Unknown said...

gab bisa ga background nya di buat foto/gambar kita sendiri
kalo bisa g mna caranya ?
trimaksih

Unknown said...

Gan.. kalo masukin perintah akar gimana ya gan?
ane udah coba pake tanda ^ , tapi tetap gak bisa..
kasi ane pencerahan gan..

Unknown said...

Gan kalo mau masukin perintah akar gimana gan?
Ane coba pake tanda ^ (1/2) tetap gak bisa gan..
Mohon pencerahannya..