Kali ini kita memulai Flex dengan menggunakan Flash Develop. Pertama-tama kita harus undeh dulu flash Develop disini, cari file yang terbaru, saat ini yang saya tahu sich ( FlashDevelop 3.0.0 Beta9 released ). Walaupun versi 3 masih dibilang beta, namun semuanya sudah fungsional dan berjalan baik. Kalau sudah diunduh, pastikan untuk mengunduh dan menginstal .Net Framework 2.0 dan JDK 1.6 terlebih dahulu. Memang agak merepotkan, tapi menurut saya it’s worth it.

Oh ya sebelum itu jangan lupa download versi terbaru Flex adalah Flex3SDK. Kalau sudah diunduh, ekstrak dan taruh ke direktori yang dikehendaki (misal c:\flex_3_sdk\). Jika sudah di instal semua, buka FD (Flash Develop) anda, kemudian buka Tools > Program Settings... Pilih AS3Context pada daftar Plugins. Cari Flex SDK Location pada bagian AS3 dan isi dengan direktori tempat flex berada (dalam contoh ini, c:\flex_3_sdk\). Tekan Enter dan klik Close. Sudah, hanya itu!

Tes Koding

Pastikan Flash Develop sudah terbuka. Pilih New Project > Pilihlah seting Action Script 3 > Flex 3 Project dan berikan nama proyek kita “Tes”. Tempatkan pula ke direktori yang dikehendaki. Klik OK

Lalu akan tampil tampilan kayak di bawah ini. Lalu double klik file main.xmxl, lalu muncul lembar kosong

Jika sudah ketikkan script di bawah ini :

Jika sudah selesai compile. tekan F5 atau Project > Test Movie

Lama banget nich rasanya ga pernah ngisi blog lagi, coz lagi sibuk buat menu contact us dari flash(permintaan dari kantor)he….he…..Jadi intinya, waktu kita kirim datanya masuk ke dalam e-mail admin. Terima kasih om Fajar atas infonya, akhirnya selesai juga nich tutorialnya…….Oh ya tutorial ini menggunakan AS 3.0 hanya itu aja ya!!!!!

1. Buka flash CS 3 anda, Buat document baru dengan Action Script 3.0. Ubah ukuran menjadi 570×410.
2. Masukkan gambar terserah, hanya untuk gambar background saja. Jika tidak pakai gambar juga tidak apa-apa kok……
3. Jika anda menggunakan background maka masukkan layer baru lagi, insert new layer.
4. Tekan T atau text, lalu buat tulisan: nama, email, alamat, pesan, dll(terserah anda). Buat sendiri – sendiri ya!!!!jangan menjadi satu kalimat.
5. Jika sudah, masih tekan T. Ubah propertiesnya seperti di bawah ini:
6. Ubah namanya sesuai dengan tulisan di atasnya exp: nama = nama_txt, email = email_txt, dst…..
7. Buat juka sebuah tombol yang berfungsi sebagai pengirim pesan ke email admin
8. Ubah namanya menjadi kirim_btn.
9. Jika sudah simpan dahulu file flash tersebut. File -> Save

Sekarang buat File Action Scriptnya…..

1. Klik File – > New – > Action Script 3.0.
2. Jika sudah masukkan script di bawah ini:
3. package
   {
   import flash.display.MovieClip;
   import flash.text.TextField;
   import flash.text.TextFormat;
   import flash.display.SimpleButton;
   import flash.events.MouseEvent;
   import flash.utils.Timer;
   import flash.events.*;
   import flash.net.URLLoader;
   import flash.net.URLVariables;
   import flash.net.URLRequest;
   import flash.net.URLRequestMethod;
   import flash.net.URLLoaderDataFormat;
   import flash.ui.ContextMenu;
   import flash.ui.ContextMenuItem;
   import flash.net.navigateToURL;

   public class EmailForm extends MovieClip
   {
   private var checker:CheckEmail;
   private var timer:Timer;
   private var checkAlert:Boolean=false;

   public function EmailForm()
   {
   checker= new CheckEmail();

   initMenu();
   init();
   initListener();
   }

   private function init():void
   {
   message_txt.borderColor=0xCCCCCC;
   message_txt.border=true;
   message_txt.backgroundColor=0xF2F8F9;
   message_txt.background=true;

   name_txt.borderColor=0xCCCCCC;
   name_txt.border=true;
   name_txt.backgroundColor=0xF2F8F9;
   name_txt.background=true;

   jum_txt.borderColor=0xCCCCCC;
   jum_txt.border=true;
   jum_txt.backgroundColor=0xF2F8F9;
   jum_txt.background=true;

   norek_txt.borderColor=0xCCCCCC;
   norek_txt.border=true;
   norek_txt.backgroundColor=0xF2F8F9;
   norek_txt.background=true;

   email_txt.borderColor=0xCCCCCC;
   email_txt.border=true;
   email_txt.backgroundColor=0xF2F8F9;
   email_txt.background=true;

   title_txt.borderColor=0xCCCCCC;
   title_txt.border=true;
   title_txt.backgroundColor=0xF2F8F9;
   title_txt.background=true;

   namarek_txt.borderColor=0xCCCCCC;
   namarek_txt.border=true;
   namarek_txt.backgroundColor=0xF2F8F9;
   namarek_txt.background=true;

   rek_txt.borderColor=0xCCCCCC;
   rek_txt.border=true;
   rek_txt.backgroundColor=0xF2F8F9;
   rek_txt.background=true;

   var tf:TextFormat=new TextFormat();
   tf.font=’Arno Pro Caption’;
   tf.color=0×0;
   var t:TextField=new TextField();
   t.embedFonts=true;
   t.htmlText=’<a href=”http:/gokilku.wordpress.com/”>Flash CS3</a>’;
   t.alpha=0;
   t.selectable=false;
   t.setTextFormat(tf);
   addChild(t);
   }

   private function initListener():void
   {
   invia_btn.addEventListener(MouseEvent.MOUSE_DOWN,controllaCampi);
   }

   private function controllaCampi(m:MouseEvent):void
   {
   if(name_txt.text!=”&&email_txt.text!=”&&title_txt.text!=”&&message_txt.text!=”&&jum_txt.text!=”&&namarek_txt.text!=”&&rek_txt.text!=”&&norek_txt.text!=”)
   {
   if(checker.initCheck(email_txt.text))
   {
   checkAlert=true;
   inviaDati();
   }
   else
   {
   checkAlert=false;
   debug_txt.text=’Maaf, penulisan e-mail salah’;
   togliAlert();
   }
   }
   else
   {
   checkAlert=false;
   debug_txt.text=’Cek Form yang kosong’;
   togliAlert();
   }
   }

   private function togliAlert():void
   {
   timer=new Timer(2000,1);
   timer.addEventListener(‘timer’,cancella);
   timer.start();
   }

   private function cancella(t:TimerEvent):void
   {
   debug_txt.text=”;
   if(checkAlert)
   {
   name_txt.text=”;
   email_txt.text=”;
   title_txt.text=”;
   jum_txt.text=”;
   rek_txt.text=”;
   norek_txt.text=”;
   namarek_txt.text=”;
   message_txt.text=”;
   }
   checkAlert=false;
   }

   private function inviaDati():void
   {
   var variables:URLVariables=new URLVariables();
   variables.email=email_txt.text;
   variables.messaggio=message_txt.text;
   variables.titolo=title_txt.text;
   variables.nome=name_txt.text;
   variables.jum=jum_txt.text;
   variables.norek=norek_txt.text;
   variables.namarek=namarek_txt.text;
   variables.rek=rek_txt.text;
   var richiesta:URLRequest=new URLRequest();
   //cambia l’url del file php in base a dove lo metti )
   richiesta.url=’http://detrik.co.cc/inviaMail.php’;
   richiesta.method=URLRequestMethod.POST;
   richiesta.data=variables;
   var loader:URLLoader=new URLLoader();
   loader.dataFormat=URLLoaderDataFormat.VARIABLES;
   addListeners(loader);
   try
   {
   loader.load(richiesta);
   }
   catch (error:Error)
   {
   trace(‘Tidak dapat membaca isi document’);
   }
   }

   private function addListeners(d:IEventDispatcher):void
   {
   d.addEventListener(Event.OPEN,inizio);
   d.addEventListener(ProgressEvent.PROGRESS,inProgresso);
   d.addEventListener(Event.COMPLETE,completato);
   d.addEventListener(SecurityErrorEvent.SECURITY_ERROR,securityError);
   d.addEventListener(HTTPStatusEvent.HTTP_STATUS,httpStatus);
   d.addEventListener(IOErrorEvent.IO_ERROR,ioError);
   }

   private function inizio(e:Event):void
   {
   debug_txt.text=’Sedang dalam proses..’;
   }

   private function inProgresso(e:ProgressEvent):void
   {
   debug_txt.text=’Sedang dalam Proses..’;
   }

   private function completato(e:Event):void
   {
   var loader:URLLoader=URLLoader(e.target);
   var vars:URLVariables=new URLVariables(loader.data);
   if(vars.answer==’ok’)
   debug_txt.text=’Pesan Terkirim, Silahkan Cek E-mail Anda’;
   else
   debug_txt.text=’Sory, verifikasi belum terkirim, silahkan ulangi lagi’;
   togliAlert();
   }

   private function securityError(e:SecurityErrorEvent):void
   {
   debug_txt.text=’Silahkan Cek E-mail Anda’;
   }

   private function httpStatus(e:HTTPStatusEvent):void {}

   private function ioError(e:IOErrorEvent):void
   {
   debug_txt.text=’Silahkan Cek E-mail Anda’;
   }
   public function initMenu():void
   {
   var etichetta:String=’© aura_anar’;
   var cm:ContextMenu=new ContextMenu();
   var item:ContextMenuItem=new ContextMenuItem(etichetta);
   cm.hideBuiltInItems();
   cm.customItems.push(item);
   item.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT,itemHandler1);
   this.contextMenu=cm;
   }
   private function itemHandler1(event:ContextMenuEvent):void
   {
   var url:String=’http://gokilku.wordpress.com/’;
   var request:URLRequest=new URLRequest(url);
   navigateToURL(request,’_parent’);
   }
   }
   }

4. Kata-kata yang name_txt, email_txt anda ganti sesuai dengan yang anda namai waktu di file fla.
5. Lihat kalimat ini “richiesta.url=’http://detrik.co.cc/inviaMail.php’;“, ubah alamat urlnya sesuai dengan alamat tempat anda mengupload file php tersebut.
6. Jika sudah anda simpan, dan buat menjadi satu folder dengan file fla yang tadi anda buat
7. Buka file flash anda tadi, lalu klik tombol di samping gambar ini, lalu anda cari file action script yang juga sudah anda buat tadi.
8. Jika sudah coba jalankan file flash anda. Program anda tidak bisa jalan atau masih erorr, anda masih harus membuat file phpnya….Untuk file nya anda download disini aja ya….hehehhehheeeee
9. Jika sudah anda buat file phpnya, anda upload terlebih dahulu file php anda, jika sudah coba anda jalankan file flash anda.

Klik disini jika anda ingin download

1. Buat Document baru dari Flash Anda.
2. Ubah ukuran menjadi 400×300.
3. Masukkan Gambar ke dalam document. File -> Import -> Import to Stage
4. Klik Gambar kemudian tekan ctrl+b atau break appart.
5. Insert new layer, ubah menjadi gambar. Kembali ke layer pertama, ubah namanya menjadi water
6. Kemudian tekan L atau lasso tool, lalu potong gambar yang sudah di break appart menjadi seperti di bawah ini:
7. Lalu copy kan bagian atas gambar ke layer gambar
8. Klik layer water lalu pilih gambar dan convert menjadi movie clip, dan ubah namanya menjadi water_mc
9. Lalu masukkan lagi layer dan ubah namanya menjadi action. Lalu tekan F9 atau action, dan masukkan script di bawah ini:
10. import flash.display.*;
    import flash.geom.*;
    import flash.filters.*;
    myBitmap = new BitmapData(390,293,false,0);
    pt = new Point(0,0);
    mpoint = new Point(0,0);
    myDispl = new DisplacementMapFilter(myBitmap, mpoint,1,2,10,50);
    water_mc.myList = new Array();
    water_mc.myList.push(myDispl);
    water_mc.filters = water_mc.myList;
    i = 1;
    this.onEnterFrame = function()
    {
    filterList = water_mc.filters;
    offset = new Array();
    offset[1] = new Object();
    offset[1].x = i;
    offset[1].y = i/8;
    myBitmap.perlinNoise(45,5,3,50,true,false, 7,true,offset);
    filterList.mapBitmap = myBitmap;
    water_mc.filters = filterList;
    i++;
    }
11. Silahkan di coba. Tekan ctrl+enter

Klik disini jika ingin download

1. Buka File Flash Document Anda, dan buat document baru. Disini saya menggunakan ukuran 430×148 dan ubah frame  ratenya menjadi 32.
2. Tekan (R) atau Rectangle lalu buat kotak dengan ukuran sesuai document dan atur seperti gambar dibawah ini:
3. Jika sudah buat new layer, lalu tekan (T) atau text, lalu buat tulisan di tengah-tengah document.
4. Buat layer baru lagi di bawah layer teks. Lalu tekan (R) atau Rectangle dan buat seperti gambar di bawah ini:
5. Jika sudah convert menjadi movie clip. Tekan F8
6. Lalu tekan (Q) free transform, lalu buat di bawah ini:
7. Copy movie clip tadi kemudian buat seperti di bawah ini:
8. Jika sudah seleksi semua movie clip tadi dan convert lagi menjadi movie clip
9. Lalu ubah menjadi alpha=25%, lalu klik di frame 200 dan masukkan keyframe, tekan F6
10. Lalu create motion tween dan ubah rotatenya menjadi CW
11. Dan silahkan di coba movie clip tadi

Klik disini jika ingin download

1. Buat document baru di Flash anda. File -> New -> Flash Document.
2. Pada frame 1 ketik actionscript ini : atau tekan F9
3. function itemHandlerProduce(obj, item) {
getURL("http://www.persinggahan-netter.com", _blank);
}
netter_cm = new ContextMenu();
netter_cm.hideBuiltInItems();
netter_cm.customItems.push(new ContextMenuItem("created by: persinggahan-netter", itemHandlerProduce));
_root.menu = netter_cm;
4. Klik Ctrl Enter lalu klik kanan
5. silahkan download contohnya disini