Membuat Aplikasi “Hello World” dengan ActionScript 3.0

Nah.. jika kemarin-kemarin saya banyak membahas mengenai teori tentang Adobe Flex, ActionScript, Adobe AIR, dll. Sekarang saatnya mencoba langsung praktek programmingnya hehe.. 😀

Aplikasi perdana yang akan saya bahas merupakan aplikasi yang sudah mendunia dan terkenal di seluruh alam jagad raya (hehe.. :D) yaitu aplikasi “Hello World” (terkenal kan?? :D) yang itung-itung pemanasan ya..

Okey, yang harus disediain yaitu:
1. Basmalah sebanyak-banyaknya.. 😉
2. Air Minum (eh lagi puasa, ga oleh ding :D)
3. Software Adobe Flex Builder (saya baru bisa pake soft ini..:D) jangan lupa untuk di install, kalau belum punya bisa download versi trialnya di sini

Lanjut ke proses:
1. Buat Flex Project,(Buka Flex Builder, pilih menu file ->New->Flex Project).

2. Isi project name “HelloWorld” (tanpa spasi).
3. Type pilih Web Application (karena akan dijalankan di Flash Player)

4. Server technology pilih saja “None”, lalu Finish.
5. Sekarang kita buat terlebih dahulu file AS (ActionScript), pilih menu File->New->ActionScript File. Beri nama file “Sapa”
dan masukkan syntax berikut:
[sourcecode language=”xml”]
package
{
public class Sapa
{
public function ucapHello():String
{
var sapaan:String;
sapaan = "Hello World!";
return sapaan;
}
}
}
[/sourcecode]

Sekarang saatnya menggunakan ActionScript tadi
6. Buka File “HelloWorld.mxml”, dan masukkan syntax berikut:
[sourcecode language=”xml”]
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="initApp()">

<mx:Script>
<![CDATA[
private var mySapa:Sapa = new Sapa();

public function initApp():void
{
//untuk menampilkan pada variable mainTxt ketika aplikasi pertama kali dijalankan
mainTxt.text = mySapa.ucapHello();
}
]]>
</mx:Script>

<mx:TextArea
id = "mainTxt" width="400" />

</mx:Application>
[/sourcecode]

7. Jangan lupa Save semua pekerjaan..
8. Untuk menjalankan aplikasi, pilih menu Run->Run HelloWorld dan tunggu beberapa saat..dan taraaa…
aplikasi muncul.. 😀

Alhamdulillah.. akhirnya selesai juga untuk aplikasi perdana kali ini. Insya4WI akan kita lanjutkan nanti..

Source:

Share this...

Facebook

Twitter

Linkedin

email