Minggu, Oktober 09, 2016

MEMBUAT APLIKASI KALKULATOR DENGAN MACROMEDIA FLASH

Teman-teman pembaca sekalian kali ini saya akan membahas tentang Flash, yaitu "Membuat Aplikasi dengan Macromedia Flash.
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 :


- Buka aplikasi Macromedia Flash

- Pada Tab Create New pilih Flash Document
- Pada Tab Tools pilih Text Tool(T), dan buat seperti 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 1

Gambar 1

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

Keterangan Gambar 2 :
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 3

Keterangan :

Tombol

Name

Type

Registration

Intance Name

Tombol CHapus SemuaButtonBerada di tengahhapussemuaTombol X2KuadratButtonBerada di tengahkuadratTombol %PersenButtonBerada di tengahpersenTombol 1/XSatuperxButtonBerada di tengahsatuperxTombol /BagiButtonBerada di tengahbagiTombol *KaliButtonBerada di tengahkaliTombol -KurangButtonBerada di tengahkurangTombol +TambahButtonBerada di tengahtambahTombol +Plus MinusButtonBerada di tengahplusminusTombol .KomaButtonBerada di tengahkomaTombol = Sama DenganButtonBerada di tengahsamadenganTombol 1SatuButtonBerada di tengahsatuTombol 2DuaButtonBerada di tengahduaTombol 3TigaButtonBerada di tengahtigaTombol 4EmpatButtonBerada di tengahempatTombol 5LimaButtonBerada di tengahlimaTombol 6EnamButtonBerada di tengahenamTombol 7TujuhButtonBerada di tengahtujuhTombol 8DelapanButtonBerada di tengahdelapanTombol 9SembilanButtonBerada di tengahsembilanTombol 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)

Mudah Bukan!!!..