RIA Developer Specializing in Adobe Technology

Archive for June, 2009

Kado ulang tahun dari O’Reilly

Sebelumnya selamat Ulang tahun fathi yang ke 19 (^_^). Kemarin adalah hari yang spektakuler, coba anda bayangkan mendapatkan 180 lebih ucapan selamat ulang tahun di wall facebook, sms, dan media lainnya. Sampai-sampai saya bingung untuk membalas semua ucapan ultah di facebook maupun sms, wah banyak banget, cape’.  Makasih ya semua. Setelah melalui hari yang cukup melelahkan, akhirnya saya memutuskan untuk pulang kerumah di daerah matraman salemba. Setibanya disana saya melihat sebuah paket kiriman dari luar, dan ternyata pengirimnya adalah O’Reilly.

Hore, buku yang saya sangat inginkan diberikan cuma-cuma sebagai kado ulang tahun untuk saya dari O’Reilly. Sebagai rasa terima kasih saya kepada O’Rielly, maka saya akan mereview buku mereka sebagai bentuk promosi. (^_^)

Mungkin anda bertanya, kenapa buku ini yang saya inginkan bila dibandingkan buku Flex lainnya ?. Dikarenakan buku ini mempunyai isi yang begitu menarik, maksud saya adalah formatnya, coba lihat sample dibawah ini :

Problem : You need to select regions or items on your chart
Solution : Use the selectionMode attribute of your chart to set the selection type you want; then
use mouse, keyboard, or programmatic means to select items on your chart
Discussion : Just as with the different list components, chart elements are selectable. This might be
used for showing more detail on a data point with data grids or a secondary chart. To
make a chart selectable, you set the selectionMode attribute to single or multiple (the
default value of this attribute is none). A none value does not allow any selection, a
single value allows only one item to be selected at a time, and a multiple value allows
multiple items to be selected. bla bla bla . . . . . .

Bagus kan ?, buku ini memiliki jumlah halaman sebanyak 704 halaman. Bagi anda yang berminat untuk membeli buku atau hanya sekedar ingin melihat sample chapter, silahkan buka http://oreilly.com/catalog/9780596529857

Harga buku ini lumayan mahal, sekitar $45. Tapi apalah arti uang bila dibandingkan peningkatan skill (^_^)

Flash XML Graphics (FXG), Apa itu ?

Flash XML Graphics (FXG) adalah sintax untuk medefinisikan grafik dalam Flex. Mungkin bagi anda yang pernah membaca artikel saya mengenai degrafa yang berjudul “Degrafa untuk Pemula” di http://www.indonesianflexcommunity.org/tutorial-flex/41-design/91-degrafa-untuk-pemula , anda akan mudah dalam memahami FXG.

Sebenarnya FXG dibuat agar para designer bisa bekerja terpisah dengan developer. Maksudnya ?, ya maksud saya adalah dengan menggunakan tools seperti Adobe Photoshop CS4, Illustrator CS4 and Fireworks CS4, kita akan bisa merubahnya kedalah format FXG dan bisa dipakai dalam aplikasi Flex kita. Namun sayangnya format FXG bisa digunakan menggunakan Flex 4 SDK dan termasuk dalam bagian spark .  Maaf ya

Anda bisa menggunakan FXG element langsung didalam sintax MXML ataupun berdiri sendiri sebagai Custom Component.

Contoh :

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx=”http://ns.adobe.com/mxml/2009″ xmlns:s=”library://ns.adobe.com/flex/spark” xmlns:mx=”library://ns.adobe.com/flex/halo” minWidth=”1024″ minHeight=”768″>

<mx:Panel title=”Ellipse”

height=”247″ width=”279″ layout=”horizontal”

paddingTop=”10″ paddingBottom=”10″ paddingLeft=”10″ paddingRight=”10″ x=”259″ y=”154″>

<s:Graphic x=”0″ y=”0″>

<s:Ellipse height=”100″ width=”250″>

<s:stroke>

<s:SolidColorStroke color=”0×000000″ weight=”2″/>

</s:stroke>

<s:fill>

<s:RadialGradient>

<s:entries>

<s:GradientEntry color=”0×1c64a7″/>

<s:GradientEntry color=”0×114371″/>

</s:entries>

</s:RadialGradient>

</s:fill>

<s:filters>

<mx:DropShadowFilter/>

</s:filters>

</s:Ellipse>

</s:Graphic>

</mx:Panel>

</s:Application>

FXG bisa berada dalam file *.mxml dan *.fxg dengan syarat berada didalam tag <Graphic>

Tidak hanya itu, kita juga bisa menggunakan tag <Library> dan <Definition>, yang berfungsi semacam deklarasi FXG yang nantinya bisa kita pakai dengan memanggil namanya.

Contoh :

<?xml version=”1.0″ encoding=”utf-8″?>

<!– Ahmad Fathi Hadi/FXGLibraryExample.mxml –>

<s:Application

xmlns:fx=”http://ns.adobe.com/mxml/2009″

xmlns:mx=”library://ns.adobe.com/flex/halo”

xmlns:s=”library://ns.adobe.com/flex/spark” >

<fx:Library>

<fx:Definition name=”EllipseFathi”>

<s:Graphic x=”0″ y=”0″>

<s:Ellipse height=”100″ width=”250″>

<s:stroke>

<s:SolidColorStroke color=”0×000000″ weight=”2″/>

</s:stroke>

<s:fill>

<s:RadialGradient>

<s:entries>

<s:GradientEntry color=”0×1c64a7″/>

<s:GradientEntry color=”0×114371″/>

</s:entries>

</s:RadialGradient>

</s:fill>

<s:filters>

<mx:DropShadowFilter/>

</s:filters>

</s:Ellipse>

</s:Graphic>

</fx:Definition>

</fx:Library>

<mx:Panel title=”Library Example”

height=”314″ width=”528″ layout=”absolute”

paddingTop=”10″ paddingBottom=”10″ paddingLeft=”10″ paddingRight=”10″ x=”93″ y=”31″>

<fx:EllipseFathi x=”0″ y=”0″/>

<fx:EllipseFathi x=”255″ y=”105″/>

<fx:EllipseFathi x=”0″ y=”105″/>

<fx:EllipseFathi x=”255″ y=”0″/>

</mx:Panel>

</s:Application>

Mungkin dengan anda melihat contoh kode yang saya berikan, anda bisa mengerti maksud saya. (^_^)

Well, mungkin sekian dari saya untuk penjelasan singkat mengenai FXG.

Flash Builder 4

Kamarin malam tepat pukul 23:01, saya dapat email dari labs.adobe.com, setelah saya baca dan ternyata hal sangat saya tunggu telah hadir. Flash Builder 4 beta dan Flash Catalyst ternyata begitu mengagumkan. kali ini saya mau bagi pengalaman menggunakan Adobe Flash Builder 4 beta. Pasti anda bertanya kenapa bukan Flex Builder, melainkan Flash Builder ?, Pada dasarnya Flex adalah sebuah Framework untuk membuat file swf, mungkin dari situ Adobe merubah nama Flex menjadi Flash, walaupun Framework yang digunakan tetep bernama Flex. Ya ngga penting lah untuk dipermasalahkan (^_^).

Dalam menginstal Adobe Flash Builder 4 beta ini tidak dibutuhkan skill khusus, Next next dan Finish.

Untuk mendownloadnya, silahkan berkunjung ke labs.adobe.com

Yang perlu kita lihat dan perhatikan adalah perubahan dan fitur-fitur baru yang terdapat dalam fersi beta ini. ketika kita membuat Project baru, terdapat pilihan Flex SDK Version.

Ternyata komponent sudah berubah penampilannya, seperti pada gambar berikut

Yang menarik disini adalah kita bisa memilih Theme, namun terdapat perbedaan jika kita memilih Versi Flex SDK pada saat awal membuat project, akan terasa perbedaan antara SDK 4 dan SDK 3. Bagi anda  yang terbiasa menggunakan SDK 3, anda akan mengalami hal yang sama seperti saya alami, yaitu terdapat sesuatu yang ganji, aneh, dan kurang menarik

satu fitur lagi yang sangat dirasakan manfaatnya adalah Package Explorer, saya mencoba membrowse file .swc, dan cukup menarik, saya bisa melihat isi dari file berekstensi .swc

Sebenarnya masih banyak fitur-fitur yang sangat bagus, namun akan terlalu panjang jika saya bahas semua disini.

Pada intinya Flash Builder 4 beta sudah sangat bagus, namun masih membutuhkan proses pematangan dari pihak Adobe.