Tutorial Aplikasi Android Menggunakan Adobe Flash CS6

Tutorial Aplikasi Android
menggunakan Adobe Flash CS6
A. Membuat halaman menu

1. Pada saat pertama kali membuka adobe flash cs6 kita akan melihat
tampilan sebagai berikut, untuk membuat aplikasi android kita pilih
air for android
2.
itu akan muncul blank template untuk membuat aplikasi android

3. Pertama kita akan membuat menu utama seperti dibawah ini,
a. Membuat tampilan logo unnes
S
e
t
e
l
a
h
buat new symbol denagan cara insert>new symbol (ctrl +f8 )
Kemudian akan muncul kotak dialog berikut
Lalu masukan nama:logo, pilih type:movie clip lalu tekan

tombol ok
Kemudiaan akan muncul tampilan untuk membuat movie clip

logo
Kita akan membuat animasi sederhana dengan motion tween
Setelah animasi selesai kita masukan action stop(); seperti

gambar diatas pada akhir frame agar setelah anaimasi logo tetap
terlihat
Kemudian kita kembali ke scene 1
Buka library yang ada pada panel sebelah kanan
Kemudian drag movie clip yg kita buat tadi dari library ke

dalam stage, terus tinggal diatur penempatanya
b. Membuat judul
Menggunakan textool dengan format: arial bold size:20,
alignment, center
Setelah itu kita membuat efek neon dengan cara setting
properties sebagai berikut
Efek glow dengan warna #00FFFF, 2px, high
Efek glow dengan warna #00FF00, 5px, high
Efek glow dengan warna #00FF00, 8px, high
c. Membuat tombol menu
Untuk membuat tombol kita pilih new symbol>butoon lalu akan
muncul kotak dialog berikut
Beri nama symbol tutorial
Setelah itu di panel library terdapat button library kita edit
dengan cara klik dua kali tombol tersebut pada library
Kemudian buatlah tombol sesuai keinginan kita
Setelah tombol selesai di buat, kita drag tombol tersebut dari
library ke stage
Lalu kita aka membuat tombol kedua dengan cara duplicate
tombol yang sudah kita buat sebelumnya, klik kanan pada
library button tutorial, pilih duplicate maka akan muncul kotak
dialog berikut
Beri nama tombol reguler klik ok, lalu drag lagi masukan
kedalam stage
Begitu pula untuk tombol yang ketiga dan keempat, semua
tinggal kita duplicate dan edit.
Setelah semua tombol di buat kita beri instance name untuk
keempat tombol tersebut, tutorial, reguler, prabayar dan exit
Setelah itu kita
Lihat gambar berikut
d. Membuat frame action
Dalam menu utama yang perlu kita buat action adalah event
listener untuk keempat tombol tersebut di tambah action stop()
agar frame berhenti
Masukan scrip berikut:
/* action tombol tutorial*/

tutorial.addEventListener(MouseEvent.CLICK,
fl_ClickToGoToAndStopAtFrame);
function
fl_ClickToGoToAndStopAtFrame(event:MouseEvent):void
{
gotoAndStop(2);
}
/* action tombol reguler*/
reguler.addEventListener(MouseEvent.CLICK,
fl_ClickToGoToAndStopAtFrame_2);
function
fl_ClickToGoToAndStopAtFrame_2(event:MouseEvent):void
{
gotoAndStop(3);
}
/* action tombol prabayar*/
prabayar.addEventListener(MouseEvent.CLICK,
function
{
gotoAndStop(4);
}
Masukan scrip berikut untuk tombol exit:
import flash.events.MouseEvent;
exit.addEventListener (MouseEvent.CLICK, quitApp);
function quitApp(event:MouseEvent):void {
NativeApplication.nativeApplication.exit();
}
stop();
B.
B. Membuat halaman tutorial

1. Setelah halaman menu utama di buat kita kan membuat halaman
tutorial. Untuk membuat tutorial kita akan membuat key frame
kosong baru dengan cara klik kanan pada framemenu kemudian pilih
insert blank keyframe.
2. Setelah itu buat tutorial menggunakan text tool yang ada di toll box.
Dengan format font: arial size:18 reguler.
3. Buat button home dengan cara duplicate button pada halaman menu
utama. lalu masukan script berikut agar tombol home ketika di klik
menuju halaman menu utama.
stop();
home.addEventListener(MouseEvent.CLICK,
function
{
gotoAndStop(1);
}
C. Membuat halaman perhitungan tarif reguler
1. Halaman perhitungan tarif reguler, kira-kira seperti ini:
2. Kita membuat 2 combobox (bulanR dan dayaR), pilih menu

windows>componet (ctrl+f7)
Lalu pilih user interface>combo box, drag ke dalam stage
Pilih combo box, lalu buka panel properties, pada bagian istance
name isi nama combo, bulan R dan dayaR
Untuk membuat opsi/pilihan, kia bisa bisa masukan secara otomatis

maupun melalui action script, kali ini agar mudah kita buat otomatis,
Pilih combo, lalu buka panel properties, pada bagian component
paramete kita klik gambar pencil, lihat gambar:
Lalu akan muncul kotak dialog, isi semua data lihat gambar berikut:
Tanda + untuk menambah data, tombol untuk mengahpus data,
3. selanjutnya kita buat 2 input text (inputAr, inputBr, dan InputCr),

pilih tex tool pada panel tool bar sebelah kiri, lalu buka panel
properties sebelah kanan, kita setting sebagai input text, family: arial,
type: reguler, size:20, format: center, lihat gambar berikut:
4. kemudian kita membuat dynamic text sebagai output (hasilr).

pilih tex tool, lalu buka panel properties sebelah kanan, kita setting
sebagai dynamic text, family: arial, type: reguler, size:20, format:
center, instance name: hasilr , lihat gambar berikut:
5. Pada layer action, masukan acrion script berikut ini:

stop();
homeR.addEventListener(MouseEvent.CLICK,
function fl_ClickToGoToAndStopAtFrame_5(event:MouseEvent):void
{
gotoAndStop(1);
}
clearR.addEventListener(MouseEvent.CLICK, resetR);
function resetR(event:MouseEvent):void
{
dayaR.selectedIndex=0;
bulanR.selectedIndex=0;
inputAr.text = "";
inputBr.text = "";
inputCr.text = "";
hasilr.text = "";
}
inputAr.restrict = "0-9";
inputBr.restrict = "0-9";
inputCr.restrict = "0-9";
var tf:TextFormat = new TextFormat();
tf.font = "Arial";
tf.size = 18;
tf.color = 0x000000;
bulanR.textField.setStyle("textFormat", tf);
dayaR.textField.setStyle("textFormat", tf);
/* action untuk mrnghitung*/
bulanR.addEventListener(Event.CHANGE,bulanSelectr);
function bulanSelectr(event:Event)
{
var bulan= event.target.value;
dayaR.addEventListener(Event.CHANGE,dayaSelectr);
function dayaSelectr(event:Event)
{
var daya= event.target.value;
hitungR.addEventListener(MouseEvent.CLICK,
fl_MouseClickHandler);
function fl_MouseClickHandler(event:MouseEvent):void
{
if (daya==450&&bulan=="januari")
{
trace("450 januari");
var blok1=169;
var blok2=360;
var blok3=495;
var beabeban=11;
var kwh:Number= Number(inputCr.text);
var b3= kwh-60;
var b2= kwh-30;
var e:Number=daya*beabeban;
if (kwh>60)
{
var b=blok1*30;
var c=blok2*30;
var d=blok3*b3;
}
else if (kwh<=60&&kwh>30)
{
var b=0;
var c=blok2*30;
var d=blok3*b2;
}
else
{
var b=0;
var c=0;
var d=blok3*kwh;
}
var f:Number=b+c+d+e;
}
{
var blok1=275;
var blok2=445;
var blok3=495;
var beabeban=20;
var b3= kwh-60;
var b2= kwh-20;
if (kwh>60)
{
var b=blok1*20;
var c=blok2*40;
var d=blok3*b3;
}
{
var b=0;
var c=blok2*20;
var d=blok3*b2;
}
else
{
var b=0;
var c=0;
var d=blok3*kwh;
}
}
{
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=833;
var b3= 0;
var b2= 0;
var e:Number=kwh*beabeban;
var j:Number=(40*daya*beabeban/1000);
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=843;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=948;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=948;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var beabeban=980;
var b3= 0;
var b2= 0;
var b6= kwh-55;
var b62= 1380;
var b60= kwh/(daya/1000);
if (b60>55)
{
var b=beabeban*kwh;
var c=b62*kwh;
var d=0;
}
else
{
var b=kwh*beabeban;
var c=0;
var d=0;
}
var e:Number=b+c;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
if (daya==450&&bulan=="april")
{
trace("450 april");
var blok1=169;
var blok2=360;
var blok3=495;
var beabeban=11;
var b3= kwh-60;
var b2= kwh-30;
if (kwh>60)
{
var b=blok1*30;
var c=blok2*30;
var d=blok3*b3;
}
{
var b=0;
var c=blok2*30;
var d=blok3*b2;
}
else
{
var b=0;
var c=0;
var d=blok3*kwh;
}
}
{
trace("900 april");
var blok1=275;
var blok2=445;
var blok3=495;
var beabeban=20;
var b3= kwh-60;
var b2= kwh-20;
if (kwh>60)
{
var b=blok1*20;
var c=blok2*40;
var d=blok3*b3;
}
{
var b=0;
var c=blok2*20;
var d=blok3*b2;
}
else
{
var b=0;
var c=0;
var d=blok3*kwh;
}
}
{
trace("1300 april");
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=879;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=893;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=1009;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=1009;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var beabeban=1225;
var b3= 0;
var b2= 0;
var b6= kwh-55;
var b62= 1380;
if (b60>55)
{
var b=beabeban*kwh;
var c=b62*kwh;
var d=0;
}
else
{
var b=kwh*beabeban;
var c=0;
var d=0;
}
var e:Number=b+c;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
if (daya==450&&bulan=="juli")
{
trace("450 juli");
var blok1=169;
var blok2=360;
var blok3=495;
var beabeban=11;
var b3= kwh-60;
var b2= kwh-30;
if (kwh>60)
{
var b=blok1*30;
var c=blok2*30;
var d=blok3*b3;
}
{
var b=0;
var c=blok2*30;
var d=blok3*b2;
}
else
{
var b=0;
var c=0;
var d=blok3*kwh;
}
}
{
trace("900 juli");
var blok1=275;
var blok2=445;
var blok3=495;
var beabeban=20;
var b3= kwh-60;

var b2= kwh-20;
if (kwh>60)
{
var b=blok1*20;
var c=blok2*40;
var d=blok3*b3;
}
{
var b=0;
var c=blok2*20;
var d=blok3*b2;
}
else
{
var b=0;
var c=0;
var d=blok3*kwh;
}
}
{
trace("1300 juli");
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=928;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
trace("2200 juli");
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=947;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
trace("3500 juli");
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=1075;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
trace("5500 juli");
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=1075;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
trace("6600 juli");
var beabeban=1290;
var b3= 0;
var b2= 0;
var b6= kwh-55;
var b62= 1380;
if (b60>55)
{
var b=beabeban*kwh;
var c=b62*kwh;
var d=0;
}
else
{
var b=kwh*beabeban;
var c=0;
var d=0;
}
var e:Number=b+c;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
if (daya==450&&bulan=="oktober")
{
trace("450 oktober");
var blok1=169;
var blok2=360;
var blok3=495;
var beabeban=11;
var b3= kwh-60;
var b2= kwh-30;
if (kwh>60)
{
var b=blok1*30;
var c=blok2*30;
var d=blok3*b3;
}
{
var b=0;
var c=blok2*30;
var d=blok3*b2;
}
else
{
var b=0;
var c=0;
var d=blok3*kwh;
}
}
{
var blok1=275;
var blok2=445;
var blok3=495;
var beabeban=20;
var b3= kwh-60;
var b2= kwh-20;
if (kwh>60)
{
var b=blok1*20;
var c=blok2*40;
var d=blok3*b3;
}
{
var b=0;
var c=blok2*20;
var d=blok3*b2;
}
else
{
var b=0;
var c=0;
var d=blok3*kwh;
}
}
{
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=979;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=1004;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=1145;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var blok1=0;
var blok2=0;
var blok3=0;
var beabeban=1145;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
{
var beabeban=1352;
var b3= 0;
var b2= 0;
if (e>=j){
var f=e;
}
else{
var f=j;
}
}
var a:Number=Number(inputBr.text);
var g1:Number=Number(inputAr.text)/100;
var g:Number=f*g1;
var h1:Number=a+f+g;
if (h1<=250000){var h=0}
else if(h1>=250000&&h1>=1000000){var h=3000}
else{h=6000}
var i:Number=h1+h;
trace(kwh);
trace(a);
trace(b);
trace(c);
trace(d);
trace(e);
trace(f);
trace(g);
trace(h);
trace(i);
hasilr.text="Rp "+String(i);
}
}
}
D.
D. Membuat halaman perhitungan tarif prabayar

1. Halaman perhitungan tarif reguler, kira-kira seperti ini:
2. Kita membuat 2 combobox (bulanR dan dayaR), pilih menu

windows>componet (ctrl+f7)
Lalu pilih user interface>combo box, drag ke dalam stage
Pilih combo box, lalu buka panel properties, pada bagian istance
name isi nama combo, bulan R dan dayaR
Untuk membuat opsi/pilihan, kia bisa bisa masukan secara otomatis

maupun melalui action script, kali ini agar mudah kita buat otomatis,
Pilih combo, lalu buka panel properties, pada bagian component
paramete kita klik gambar pencil, lihat gambar:
Lalu akan muncul kotak dialog, isi semua data lihat gambar berikut:
Tanda + untuk menambah data, tombol untuk mengahpus data,
3. selanjutnya kita buat 2 input text (inputAr, inputBr, dan InputCr),

pilih tex tool pada panel tool bar sebelah kiri, lalu buka panel
properties sebelah kanan, kita setting sebagai input text, family: arial,
type: reguler, size:20, format: center, lihat gambar berikut:
4. kemudian kita membuat dynamic text sebagai output (hasilr).

pilih tex tool, lalu buka panel properties sebelah kanan, kita setting
sebagai dynamic text, family: arial, type: reguler, size:20, format:
center, instance name: hasilr , lihat gambar berikut:
5. Pada layer action, masukan acrion script berikut ini:

/* Stop at This Frame
The Flash timeline will stop/pause at the frame where you insert this
code.
Can also be used to stop/pause the timeline of movieclips.
*/
stop();
/* Click to Go to Frame and Stop

Clicking on the specified symbol instance moves the playhead to the
specified frame in the timeline and stops the movie.
Can be used on the main timeline or on movie clip timelines.
Instructions:
1. Replace the number 5 in the code below with the frame number
you would like the playhead to move to when the symbol instance is
clicked.
*/
homeP.addEventListener(MouseEvent.CLICK,
fl_ClickToGoToAndStopAtFrame_P);
function fl_ClickToGoToAndStopAtFrame_P(event:MouseEvent):void
{
gotoAndStop(1);
}
clearP.addEventListener(MouseEvent.CLICK, resetP);
function resetP(event:MouseEvent):void
{
dayaP.selectedIndex=0;
bulanP.selectedIndex=0;
inputAp.text = "";
inputBp.text = "";
inputCp.text = "";
hasilp.text = "";
}
inputAp.restrict = "0-9";
inputBp.restrict = "0-9";
inputCp.restrict = "0-9";
var tfp:TextFormat = new TextFormat();
tfp.font = "Arial";
tfp.size = 18;
tfp.color = 0x000000;
bulanP.textField.setStyle("textFormat", tfp);
dayaP.textField.setStyle("textFormat", tfp);
/* action untuk mrnghitung*/
bulanP.addEventListener(Event.CHANGE,bulanSelectp);
function bulanSelectp(event:Event)
{
var bulanp= event.target.value;
dayaP.addEventListener(Event.CHANGE,dayaSelectp);
function dayaSelectp(event:Event)
{
var dayap= event.target.value;
hitungP.addEventListener(MouseEvent.CLICK,
fl_MouseClickHandlerP);
function fl_MouseClickHandlerP(event:MouseEvent):void
{
if (dayap==450&&bulanp=="januari")
{
var beabeban:Number=415;
}
{
}
{
}
{
}
{
}
{
}
{
}
if (dayap==450&&bulanp=="april")
{
}
{
}
{
}
{
}
{
}
{
}
{
}
if (dayap==450&&bulanp=="juli")
{
}
{
}
{
}
{
}
{
}
{
}
{
}
if (dayap==450&&bulanp=="oktober")
{
}
{
}
{
}
{
}
{
}
{
}
{
}
var a:Number = Number(inputCp.text);
if (a<=250000){
var b=0}
else if(a>=250000&&a>=1000000){
b=3000}
else{b=6000}
var c:Number = Number(inputBp.text);
var d:Number = (a-b-c);
var p=d/(1+
(Number(inputAp.text)/100))*(Number(inputAp.text)/100);
var e:Number = p;
var f:Number = d-e;
var h:Number = f/beabeban;
trace(a);
trace(b);
trace(c);
trace(d);
trace(e);
trace(f);
trace(beabeban);
trace(h);
hasilp.text=String(h)+" KWh";
}
}
}

Tutorial Aplikasi Android Menggunakan Adobe Flash CS6

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tutorial Aplikasi Android Menggunakan Adobe Flash CS6

Diunggah oleh

Hak Cipta:

Format Tersedia

Tutorial Aplikasi Android

menggunakan Adobe Flash CS6

A. Membuat halaman menu

itu akan muncul blank template untuk membuat aplikasi android

a. Membuat tampilan logo unnes

buat new symbol denagan cara insert>new symbol (ctrl +f8 )

Kemudian akan muncul kotak dialog berikut

Lalu masukan nama:logo, pilih type:movie clip lalu tekan

Kemudiaan akan muncul tampilan untuk membuat movie clip

Kita akan membuat animasi sederhana dengan motion tween

Setelah animasi selesai kita masukan action stop(); seperti

Buka library yang ada pada panel sebelah kanan

Kemudian drag movie clip yg kita buat tadi dari library ke

/* action tombol tutorial*/

B. Membuat halaman tutorial

2. Kita membuat 2 combobox (bulanR dan dayaR), pilih menu

Lalu pilih user interface>combo box, drag ke dalam stage

Untuk membuat opsi/pilihan, kia bisa bisa masukan secara otomatis

3. selanjutnya kita buat 2 input text (inputAr, inputBr, dan InputCr),

4. kemudian kita membuat dynamic text sebagai output (hasilr).

5. Pada layer action, masukan acrion script berikut ini:

var b3= kwh-60;

D. Membuat halaman perhitungan tarif prabayar

2. Kita membuat 2 combobox (bulanR dan dayaR), pilih menu

Lalu pilih user interface>combo box, drag ke dalam stage

Untuk membuat opsi/pilihan, kia bisa bisa masukan secara otomatis

3. selanjutnya kita buat 2 input text (inputAr, inputBr, dan InputCr),

4. kemudian kita membuat dynamic text sebagai output (hasilr).

5. Pada layer action, masukan acrion script berikut ini:

/* Click to Go to Frame and Stop

Anda mungkin juga menyukai