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).
helloworld 01

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

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.. 😀
helloworld 05

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

Source:
download

0 thoughts on “Membuat Aplikasi “Hello World” dengan ActionScript 3.0”

Leave a Comment