Tutorial Flex
Tutorial Flex
Tutorial Instalasi Adobe Flex Builder 3 [Video]
User Rating: / 1
PoorBest 
Written by Ahmad Fathi Hadi   
Saturday, 01 November 2008 07:56

Sekarang Indonesian Flex Community sudah bisa menyediakan Video Tutorial, yang bisa diakses melalui Link

http://www.indonesianflexcommunity.org/video

 

Tutorial kali ini adalah tutorial mengenai instalasi Adobe Flex Builder 3 [Video]

Tutorial Instalasi Adobe Flex Builder 3 [Video]

[Klik Pada Video]

 

Last Updated ( Saturday, 01 November 2008 08:00 )
 
Membuat Pop-Up di Flex
User Rating: / 1
PoorBest 
Written by Gudel Piero   
Sunday, 05 October 2008 13:24
Pada mendesign suatu aplikasi berbasis web terkadang kita dihadapkan kepada suatu masalah yaitu keterbatasan layar untuk GUI, hal ini sering kita jumpai jika kita berhadapan tampilan yang di tuntut untuk sedinamis mungkin, mau tidak mau kita harus memperhitungkan luas layar demi menjaga ke dinamisan dan penampilan dari suatu aplikasi. Salah satu solusi untuk mengatasinya adalah dengan menggunakan tampilan yang bersifat floating, atau biasa disebut dengan Pop-Up.

Saya akan coba berbagi cara untuk membuat Pop-Up serta  bagaimana mengirimkan variable dari halaman utama ke halaman Pop-Up. Langsung kepada proses pembuatannya karena saya anggap kita semua sudah bisa membuat project didalam flex yang berbasis Web Application (yang berjalan di flash player).

Pertama kita coba buat form yang berisikan tentang data diri dan komentar seperti yang biasa kita lihat di di halaman-halaman web Wordpress , seperti gambar yang ada berikut :

 

 

Beri ID textInput dan textArea yang sudah kita buat tadi
 
Name      -> txtNameMain
Email       -> txtEmailMain
Comment -> txtCommentMain


Kemudian kita buat halaman popup untuk konfirmasi, caranya yaitu kita Klik menu

File -> New -> MXML Component

Kemudian akan tampil seperti berikut :

 

 

 

Pada Filename kita beri nama confirmationWindows.mxml dan pada Based on kita pilih TitleWindows, pada dasarnya TitleWindows dan Panel memiliki Tampilan yang sama, akan tetapi mengapa saya pilih TitleWindows karena pada TitleWindows kita dapat menambahkan properties ShowCloseButton hal ini berguna untuk menambahkan tombol Close ( X ) seperti yang ada di setiap windows yang biasa kita gunakan.

Kemudian setelah semua kita isi kemudian klik tombol Finish.

Kemudian component yang tadi kita buat menyerupai tampilan berikut :

 

 

 

Beri ID pada Text dan textArea yang sudah kita buat tadi
 
Name      -> txtName
Email       -> txtEmail
Comment -> txtComment

Setelah Semua tampilan Selesai maka kita pindah ke Script, ada beberapa Script yang perlu ditambahkan kedalam Halaman Utama yaitu :

<mx:Script>

<![CDATA[

import mx.managers.PopUpManager;

public var popConfirmation:confirmationWindows;

 

private function showPopConfirmation():void{

popConfirmation = confirmationWindows(PopUpManager.createPopUp(this, confirmationWindows, true));

PopUpManager.centerPopUp(popConfirmation);

popConfirmation.txtName.text = txtNameMain.text;

popConfirmation.txtEmail.text = txtEmailMail.text;

popConfirmation.txtComment.text = txtCommentMain.text;

}

 

]]>

</mx:Script>

 

Kemudian pada Tombol Submit kita tambahkan pada property Click sebuah function yang tadi sudah kita buat yaitu showPopConfirmation().

Kemudian pada Component ConfirmationWindows kita tambahkan Script Berikut: 

 

<mx:Script>

<![CDATA[

import mx.managers.PopUpManager;

 

private function CloseMe():void{

PopUpManager.removePopUp(this);

}

]]>

</mx:Script>

 

Kemudian pada TitleWindows kita tambahkan pada property Close sebuah function yang tadi sudah kita buat yaitu CloseMe().

Demikianlah Tutorial ini telah selesai kita pelajari, jika ada yang ingin di tanyakan YM gw aja oke…

This e-mail address is being protected from spambots, you need JavaScript enabled to view it

 

Last Updated ( Tuesday, 07 October 2008 09:22 )
 
Aplikasi Sederhana Conversi Dolar ke Rupiah menggunakan Flex
Written by Ahmad Fathi Hadi   
Friday, 03 October 2008 19:47

Aplikasi Sederhana Conversi Dolar ke Rupiah menggunakan Flex

 

Aplikasi sederhana ini menggunkan data Binding serta Currency Formatter untuk mengkonversi Dolar ke rupiah.



Last Updated ( Saturday, 04 October 2008 01:08 )
Berikut Source Codenya :
 
Skinning Flex Components (Button) with Adobe Fireworks CS4
User Rating: / 3
PoorBest 
Design
Written by Ahmad Fathi Hadi   
Wednesday, 09 July 2008 09:36

Skinning Flex Components with Adobe Fireworks CS4

 

Jujur saya belum yakin jika para membaca sudah mempunyai Adobe Fireworks CS4 (beta). Anda bisa mendownloadnya di labs.adobe.com
Walapun hanya trial 2 hari tapi sudah lumayan untuk menghilangkan rasa penasaran kita untuk mencoba produk Adobe yang satu ini. Saya tidak akan membahas bagaimana cara agar bisa merubah trial 2 hari menjadi unlimited. (^_^)
Jika anda sudah mendownload dan kemudian menginstalnya, anda bisa membukanya sekarang :

Adobe Fireworks CS4 beta


Nah ikuti saja seperti dibawah ini :

Flex Skinning | New Flex Skin

Last Updated ( Wednesday, 09 July 2008 10:14 )
Selengkapnya . . .
 
Guest Book sederhana dengan Flex (PHP)
User Rating: / 3
PoorBest 
Tutorial Flex Backend
Written by Chilo   
Sunday, 22 June 2008 11:44
Guest Book sederhana dengan Flex (PHP)
 
 
Tentunya rekan rekan sudah mengetahui apa itu Guest Book bukan ?. Biasanya Guest book pada halaman web berguna untuk menyimpan komentar dari para pengunjung web. Pengunjung dapat menuliskan nama kemudian komentarnya selanjutnya aplikasi guest book ini akan menyimpan data tersebut ke server dan menampilkannya di halaman web. Jadi secara garis besar guest book ini mempunyai 2 fungsi utama :
  • Fungsi untuk input komentar ( nama pengunjung dan komentarnya )
  • Fungsi untuk menampilkan komentar yang ada dalam format tabel atau list
Dengan project pembuatan guest book ini diharapkan kita semua dapat mengerti bagaimana menghubungkan antara mySQL, PHP dan Flex.
 
  • MySQL berfungsi untuk penyimpanan database, tentunya rekan rekan bisa menggunakan teknologi yang lain seperti Sql server,Oracle, dlsb. Dalam contoh ini kita coba pakai MySQL
  • PHP berfungsi sebagai back end dan bertanggung jawab untuk :
    • Melakukan koneksi ke database
    • Mengirimkan instruksi sql statement ke database (insert dan select) untuk menambah mengambil data
    • Memformat hasil query (data) ke bentuk XML yang nantinya akan dibaca oleh flex. Sebagai informasi dalam contoh  ini masih menggunakan XML , sebenarnya ada metode yang lebih cepat yaitu dengan remoting server menggunakan AMFPHP, cuma saat ini masih saya pelajari, mungkin di lain kesempatan akan saya bahas lagi dengan menggunakan AMFPHP.
  • Flex berfungsi sebagai front end aplikasi dalam hal ini yang tampak oleh user di browser nya.
 
Selengkapnya . . .
 
<< Start < Prev 1 2 Next > End >>

Page 1 of 2
Indonesian Flex Community | Forum Flex Indonesia, Powered by Joomla! and designed by SiteGround web hosting