Flex Indonesia

[Review] Presentation at Flash Camp Indonesia January 20, 2011

2011-01-26T02:08:00.002+07:00

Acara Flash Camp pada tanggal 20 januari sudah berlalu, tetapi kesannya masih terus ada. Keinginan terus memajukan komunitas Adobe semakin besar, terutama komunitas Flex dan AIR yang tergolong masih baru. Coba kita flash back, AIR awalnya project sederhana dengan code name Apollo kala itu, sekarang sudah menjadi produk yang besar dan multiplatform semua sisi telah didukung dari Desktop (Windows, Mac OSX, dan Linux) dan Mobile (general phone, Android, dan Playbook). Nah pada tanggal 20 tersebut saya berkesempatan membahas tema yang sangat baru sekali yaitu “Development Playbook Application With Adobe AIR 2.5 dan QNX SDK”, kebetulan project di kantor ada yang berhubungan dengan playbook jadi sekalian riset juga buat aplikasi untuk demo di acara ini. Alhasil dibuatlah G-Spot. Sebetulnya ingin sekali lebih banyak mempresentasikan tentang pengembangan playbook serta demo G-Spot tetapi karena koneksi internet yang kurang baik dan waktunya sedikit, sehingga tidak memungkinkan.

Berikut aplikasi demo G-Spot pada Flash Camp Indonesia

Apa sech G-Spot?

G-Spot kepanjangan dari Gayaku Spot, saat ini sedang dikembangkan oleh Tubagus Saepul Anwar, Yoga Pratama, Adhi Pamungkas, dan Yoanudin. Project dimulai tanggal 1 januari 2010.

Teknologi apa yang digunakan untuk pengembangan aplikasi G-Spot?

Adobe AIR 2.5 dan QNX SDK

Apa saja fitur-fiturnya?

Saat ini fitur yang tersedia Cinema, Event, Restaurant, Shopping (Search), Wheather, Sport, dan Info kost

Device Apa saja yang support sekarang ini?

Masih tersedia untuk Galaxy Tab dan Playbook, dan masih Beta Version

Apa saja kebutuhan G-Spot?

saat ini G-Spot masih menggunakn server biasa tapi kedepannya akan seperti ini

MINIMAL SPECIFICATION FOR SERVER G-SPOT
Server Type : Shared Hosting (Prefer. Dedicated)
Server OS : Any Linux (Prefer. RedHat or Debian Distro)
HDD Capacity : 1.2 GB (PHP 5 and MySQL 5)
Server RAM : 2 GB (Prefer. 4G)
Bandwidth : Unlimited (Local and International)

Screen shot dari G-Spot di Galaxy Tab

Source Pengembangan Playbook dengan Adobe AIR 2.5 dan QNX SDK

*****

I’m Speaker Adobe Flash Camp 2011 Indonesia

2011-01-17T13:29:00.010+07:00

Besok saya akan mempresentasikan “Development Playbook Application with Adobe AIR 2.5 and QNX SDK”, slide udah dibuat aplikasi demo udah ready, mudah-mudah berjalan dengan lancar dan fun, sedikit bocoran, saya akan menampilkan aplikasi playbook dan android yang saya buat dalam 2 minggu bersama tim saya. Aplikasi tersebut memiliki content movie, wheather, television, sport, event, restaurant, dan jual-beli

“See You Tommorow guys!”

Here the detail schedule Flash Camp 2011

Time	Agenda
07:30 - 08:00	Registration
08:00 - 08:15	Opening
08:16 - 09:15	Bridging Adobe Flex, Adobe Air to Java Web Application with Adobe BlazeDS by Nova Saputra, Java Developer
09:16 - 10:15	Developer and Designer Workflow by Ahmad Fathi Hadi and Nata Chen, RIA Developer, Game/Creative Producer
10:16 - 11:15	Behind the scenes of MAX Racer and building realtime multiplayer experiences by Tom Krcha, Adobe Evangelist
11:16 - 12:15	Creating mashup apps using various social media API's and AS3 by Arie M. Prasetyo, Flex & Web Developer
12:16 - 13:15	Break
13:16 - 14:15	Virtual World with AS3isolib by Anggie Bratadinata, Flash Engineer
14:16 - 15:15	Development Playbook Application with Adobe AIR 2.5 and QNX SDK by Tubagus S. Anwar, Flex/AIR Developer
12:16 - 13:15	Break
15:46 - 16:45	Augmented Reality by Rizal Akbar, Flash Developer
16:46 - 17:15	Adobe User Group Indonesia by Ahmad Fathi Hadi
17:16 - 18:00	DoorPrize

***

Alamat Tempat Ujian ACE di Indonesia

2010-12-11T14:07:00.001+07:00

Adobe Certified

Banyak orang yang tidak mengetahui Adobe Certified, hampir semua orang yang saya tanyakan tentang rencana mereka untuk mengambil sertifikasi IT, mereka hanya mengetahui dua sertifikasi, Cicso dan Oracle. Ups, ko’ bisa yah ?. Padalah secara tidak disadarai banyak sekali produk Adobe yang kita gunakan, mulai dari Adobe Reader, Photoshop, Ilustrator, Flash,dll. Itu semua merupakan Teknologi dari Adobe. Sudahkan anda melengkapi diri anda dengan Sertifikasi dari Adobe ?. ada banyak jenis sertifikat yang dikeluarkan oleh Adobe, baik itu per produk, level, dan jenis. Seperti Adobe Certified Instructor (ACI), Adobe Certified Associate (ACA), Adobe Certified Professionals (ACPs), dan Adobe Certified Expert (ACE). Kali ini saya akan menjelaskan tentang Adobe Flex 3 with AIR ACE Exam.

Adobe Flex 3 with AIR ACE Exam adalah bagian dari ACE. Terdapat 50 soal (Pilihan Ganda) yang dapat anda kerjakan, namun syarat kelulusan minimal adalah 67%. Mudah Bukan ?. klik disini untuk melihat Apa saja yang diujikan !. Untuk lebih detailnya lagi, silahkan klik disini. Terdapat banyak tempat di jakarta seperti :

Brainmatics – Menara Bldakara suite 0205, 2nd Fl, JI.
Gatot Subroto Kav. 71-73,Pancoran.
Jakarta, 12870
+62-21-83793383
Jaringan Nusantara – Wisma Kosgoro 8th Floor
Jl. MH. Thamrin kav. 53
Jakarta, 10350
021-39832414
NetTrain Informatika – The East Building 16th floor no. 1
Jl. Lingkar Mega Kuningan Kav E3.2 no. 1
Jakarta, 12950
+62-21-57938538
PT Datacraft Indonesia – Menara Imperium LG Floor #06
Jin.HR. Rasuna Said Kav. 1
Jakarta, 12980
+62-21-285-48092
PT. Andalan Nusantara Teknologi – Wisma Slipi 11th Floor
JI Letjen S. Parman
Kav. 12
Jakarta, 11480
+62215307228

Oh iya, harganya $150 US Dolar. mmm, fikir-fikir lagi deh,hehehe. untungnya saya punya kupon gratis sebagai AUGM. Mungkin dalam tahun ini saya dan beberapa teman dari Indonesian Flex Community akan berencana mengambil ACE. Saya sendiri ingin mengambil Adobe Flex 3 with AIR ACE Exam dan Adobe® Captivate® 3 Exam.

source : http://goo.gl/huC69

Flash Camp Indonesia 2011

2010-12-11T14:02:00.002+07:00

Dear Community
Perkenalkan kami dari Adobe User Group Indonesia akan mengadakan acara Adobe Camp Indonesia.
Seperti di kutip dari Adobe, bahwa Adobe Camp adalah :

celebrations of the talents of the local community. They showcase the skills of local developers and designers to inspire and train the attendees. Adobe speakers also participate in Camps.
events that expose people to Adobe tools. This is done using many creative approaches, such as demos, hands-on trainings, and team coding sessions to just name a few
events that feature case studies and examples of projects built using Adobe technologies
events that raise awareness of the local Adobe community and introduce attendees to the local user groups

Kami mengundang teman-teman komunitas untuk mengadiri acara ini, berikut detail acara :

Nama:Adobe Camp Indonesia

Focus:Adobe Flash Platform

Tempat:Universitas Budi Luhur

Jl. Cileduk Raya Petukangan Utara

Jakarta Selatan 12260

Tanggal:20 Januari 2011. Pukul 08-00 s/d 17:00

Biaya:Free

Pembicara

Tomas Krcha (Adobe Platform Evangelist)

Ahmad Fathi Hadi (RIA and Mobile Developer)

Ari Setyo (Flex and Web Developer)

Anggie Baratadinata (senior Flash Game engineer -handson.com)

Tubagus Saepul Anwar (Flex and AIR Developer)

Nata Chen (Game / Creative Producer)

Nova Saputra (Java Developer)

Rizal Akbar (Flash Developer)

Contact:
Ahmad Fathi Hadi (081808497749)

Anda dapat mendaftar melalui http://adobecampindonesia2011.eventbrite.com/
Pada akhir acara kami akan mengundi satu orang pemenang yang akan berhak mendapatkan lisensi dengan total $2100

Ahmad Fathi Hadi
http://blog.fathihadi.net
Rich Internet Application and Mobile Developer Specializing in Adobe Technology
Adobe Community Champio

Adobe AIR, Pandangan, Harapan ..

2010-09-03T00:09:00.000+07:00

Hampir 2 tahun ini saya bergelut dengan Adobe AIR untuk membuat software real-time di perusahaan sekuritas, banyak tantangan dan perjuangan yang saya lakukan untuk membuat software tersebut, Pengalaman dan pembelajaran saya lakukan mulai dari tidak tahu menjadi tahu istilah kerennya “from zero to Hero”, seperti Flex SDK terbaru aja from zero to Hero.

Adobe awalnya bernama Apollo pada tahun 2007, Apollo sendiri adalah gabungan antara teknologi Acrobat Reader dan Flash Player yang bisa berjalan secara independen tanpa browser dan AIR bisa dikembangan bersama dengan flex, flash, html, ajax. Pada perkembangan tahun 2008 Adobe sudah mengembangkan Adobe Apollo menjadi Adobe AIR (Adobe Integrated Runtime ) yang di rilis dengan versi 1.0, kemudian perkembangan yang cukup stabil pada versi 1.5.kemudian yang terakhir saat ini saya menulis blogs ini adalah versi 2.0.2, pada versi sudah banyak sekali perbaikkan maupun penambahan seperti secara singkat dapat saya sebutkan sebag berikut :

Native process API, dukungan nativeProses yang memungkin kita bisa berkomunikasi dengan native aplikasi , misalkan aplikasi yang dibuat menggunakan bahasa C, C++, java, dan .NET. dan komunikasi tersebut dilakukan dengan standar input dan output
Native document handlers to open documents, file-file seperti PDF, PSD, DOC, PPT, and MP3 bisa di asosiasikan menggunakn native application associated, sehingga langsung diarahkan ke aplikasi yang tepat, misanya file pdf diasosiasikan dengan Adobe Acrobat reader.
Local microphone API
UDP networking support
lebih jelas dapat di lihat di sini

[ FLEX = AIR = Flash = ActionScript ]

Pandangan Singkat:

Bagi saya Adobe memiliki komitmen yang baik dalam mengembangan produk-produknya, meskipun beberapa produknya diklaim kurang bagus, seperti teknologi flash yang ditolak oleh pihak apple. Hal tersebut mungkin memberikan keuntungan dan kerugian, keuntungannya adalah pihak Adobe dapat kritikan yang pedas dan harus memperbaiki kekurangan dan terus maju, Kerugiannya terhadap perusahaan atau developer yang sudah berharap dapat menjalankan teknologi flash di di OS apple (Iphone & IPad), ternyata gagal total.

Saya memprediksikan bahwa teknologi Flash untuk beberapa tahun kedepan masih akan terus dipakai karena dalam beberapa Hal Flash sudah tergolong mature, misalnya untuk animasi, aplikasi Multimedia, dan mobile. Dan sekarang Adobe berkerjasama dengan google untuk membuat teknologi flash supaya bisa berjalan dengan baik di OS yang dikembangkan oleh google yang bernama Android, dan saat ini yang sudah mendukung teknologi AIR/Flash yaitu Android versi 2.2 (Froyo).

Beberapa Vendor yang menggunakan AIR yang tergolong kreatif dan terus berkembang

ebay
nasdaq
Lebih detil lihat di market place Adobe dan success Stories

Harapan Kedepan:

Adobe AIR/Flash/Flex memiliki penanganan multithread, bukan singlethread . Karena pada umumnya teknologi dektop lebih mumpuni jika bisa memiliki kemampuan tersebut.
Adobe bisa memberikan harapan kepada semua orang dengan project open source-nya seperti Adobe AIR for Android, Open Screen Project, dan lain-lain
Dukungan Adobe for Indonesia, paling tidak memiliki perwakilan di Indonesia (*saya siap jadi calon Direkturnya >_<)

Continue …

source :

http://en.wikipedia.org/wiki/Adobe_Integrated_Runtime

Berbagi cerita saat acara 'The Actionscript Conference' di Singapur

2010-06-16T23:56:00.000+07:00

Wah sudah lama tidak nge-blogs, saking sibuknya dengan project yang saya kerjakan. akhirnya lupa untuk mengisi blok saya. Kebetulan saya ada waktu hari ini, terus melihat folder photo satu tahun yang lalu jadi teringat acara TAC'09 saat melihat photo berikut :

Bersama dengan Marco Casario

di depan ruangan konfrensi TAC'09

saya (tubagus) dengan Peter Elst

saya(tubagus), team papervision 3d (madoka & takanori kessoku), dan jhony..

continue ...

Project Flex yang lagi HOT

2009-03-06T23:59:00.001+07:00

Berikut Link project flex yang lagi berkembang

TouchLib, Touchlib is a library for creating multi-touch interaction surfaces. It handles tracking blobs of infrared light, and sends your programs these multi-touch events, such as 'finger down', 'finger moved', and 'finger released'. It includes a configuration app and a few demos to get you started, and will interace with most types of webcams and video capture devices. It currently works only under Windows but efforts are being made to port it to other platforms.

Merapi, Merapi is a bridge between applications written in Java and those running in and created for Adobe AIR™ (Adobe Integrated Runtime™).Merapi has been designed to run on a user's machine, along with an Adobe AIR™application and providea direct bridge between the Adobe AIR™ framework and Java, exposing the power and overall calabilities of the user's operating system, including 3rd party hardware devices.

Degrafa is an open source declarative graphics framework for Flex used by some of the industry's top designers and developers. The framework can be used for a wide variety of purposes, ranging from rich user interfaces to intense graphics editing.

Mate is a tag-based, event-driven Flex framework.

Flex applications are event-driven. Mate framework has been created to make it easy to handle the events your Flex application creates. Mate allows you to define who is handling those events, whether data needs to be retrieved from the server, or other events need to be triggered.

In addition, Mate provides a mechanism for dependency injection to make it easy for the different parts of your application to get the data and objects they need.

OpenFlux is an open-source component framework for Flex which makes radically custom component development fast and easy.

The FlexLib project is a community effort to create open source user interface components for Adobe Flex 2 and 3.

Current components: AdvancedForm, Base64Image, EnhancedButtonSkin, CanvasButton, ConvertibleTreeList, Draggable Slider, Fire, Highlighter, HorizontalAxisDataSelector IconLoader, ImageMap, PromptingTextArea, PromptingTextInput, Scrollable Menu Controls, SuperTabNavigator, Alternative Scrolling Canvases, Horizontal Accordion, TreeGrid, FlowBox, Docking ToolBar, Flex Scheduling Framework

anybody want to add this list??

Kenalan dengan BlazeDS

2009-03-06T23:43:00.001+07:00

BlazeDs adalah sebuah message adapter untuk flex dan java, BlazeDS ini bisa menterjemahkan objek dari java ke actionScript dan sebaliknya. BlazeDS mengggunkan protokol yang disebut dengan Action Message Format (AMF) untuk mengirim data kembali dan seterusnya. AMF mempunyai format binary yang artinya mempunyai pesan yang lebih kecil dibandingkan dengan pesan XML, sehingga hasilnya lebih baik dalam hal performance daripada webservice SOAP. Dasar dari Blaze diambil dari java bean (kelas value objeck), dan merubahnya menjadi sesusai dengan ActionScript Value Object. Blaze menggunakan refleksi untuk mencari kepingan bean apa saja untuk di serialize. Selama refleksi blaze menggunakan java.bean.PropertyDescriptor untuk menentukan apakah field berlaku untuk serialisasi. pada dasarnya itu berarti semau getter yang match dengan setter diserialisasi. sehinga getCostumerName() harus cocok dengan setCostumerName(String n) untuk bisa diserialisasi.

BlazeDS merupakan open source, tersedia secara free. BlazeDS didesain untuk mengirimkan data dan memproses pesan dari apllikasi Flex runtime. BlazeDS memiliki fitur sebagia berikut:

Proxy Service, mendukung proxy HTTP request dan merespon antara aplikasi Flex dan remote Service. Service ini umumnya digunakan saat komunikasi langsung antara client dan server dilarang karena masalah cross-domain security
Remoting Service, adalah sebuah server-side gateway yang memperbolehkan aplikasi Flex untuk memanggil method kelas server-side java menggunakan binary AMF
Message Service, Mendukung kolaborasi antara aplikasi Flex melalui arsitektur pesan hub-and-spoke. Aplikasi Flex mengirim pesan ke BlazeDS, dan BlazeDS menyebarkan pesan tersebut ke client yang terhubung.

Download BlazeDS

Referensi : Enterprise Flex with BlazeDS, Brian Telintelo (2009)

IDE untuk pengembangan FLEX dan AIR

2009-02-28T15:57:00.001+07:00

Berikut IDE untuk pengembangan FLEX dan AIR :

Flex Builder (commercial license and free for academics - http://freeriatools.adobe.com/)
FlashDevelop (Open Source, only windows version)
FDT (commercial license)
IntelliJ IDEA 8.0 (commercial license)
Aptana (free and commercial versions)
Tofino (Free)
Amethyst Personal Edition (Free)
FlexBean (Open Source)
AXDT (Open Source)
Tour de Flex (Flex capabilities demo app

Framework MVC di Flex dan AIR

2009-02-27T23:36:00.001+07:00

Cairngorm (Adobe Open Source)

Cairngorm is the lightweight micro-architecture for Rich Internet Applications built in Flex or AIR. A collaboration of recognized design patterns, Cairngorm exemplifies and encourages best-practices for RIA development advocated by Adobe Consulting, encourages best-practice leverage of the underlying Flex framework, while making it easier for medium to large teams of software engineers deliver medium to large scale, mission-critical Rich Internet Applications.

Cairngorm is now evolving towards a project that will invite community leaders and enterprise adopters to partner with Adobe Consulting in the ongoing development of Cairngorm.

PureMVC (Open Source),

PureMVC is a lightweight framework for creating applications based upon the classic Model, View and Controller concept.

Based upon proven design patterns, this free, open source framework which was originally implemented in the ActionScript 3 language for use with Adobe Flex, Flash and AIR, is now being ported to all major development platforms.

Two versions of the framework are supported with reference implementations; Standard and MultiCore.

In short, the Standard Version provides a simple methodology for separating your coding interests according to the MVC concept. Beyond that, the MultiCore Version allows multiple PureMVC applications to run within the same virtual machine; modular programming.

Though the two versions are very similar they are maintained separately, because for applications that don't need modular functionality (or on development platforms that lack support for it), the Standard Version is adequate.

Mate (Open Source)

Mate is a tag-based, event-driven Flex framework.

In addition, Mate provides a mechanism for dependency injection to make it easy for the different parts of your application to get the data and objects they need.

Swiz (Open Source)
Swiz is a framework for Adobe Flex that aims to bring complete simplicity to RIA development. Swiz provides Inversion of Control, event handing, and simple life cycle for asynchronous remote methods. In contrast to other major frameworks for Flex, Swiz imposes no JEE patterns on your code, no repetitive folder layouts, and no boilerplate code on your development. Swiz represents best practices learned from the top RIA developers at some of the best consulting firms in the industry, enabling Swiz to be simple, lightweight, and extremely productive.
Spring ActionScript (Open Source)

Note: The Spring ActionScript framework was formerly known as the Prana framework and has now been moved under the Spring umbrella as a Spring Extensions project.

Spring ActionScript is an Inversion of Control (IoC) Container for ActionScript 3.0, and more specifically the Flex framework. It enables you to configure objects and components in a non-intrusive way by describing them in an external xml document and having them loaded at runtime.

At its core is a Spring-ish application context and IoC container. The xml dialect for the application context is aimed to be Spring compliant.

Further, the framework also contains utility classes for configuring and extending Cairngorm and PureMVC applications, an MVCS base architecture and general utilities. In the future we’ll be looking into adding AOP support, and we’re always open for suggestions.

Mengenal File properties pada .XML pada Project AIR

2009-02-27T00:08:00.001+07:00

Setelah membuat project AIR dengan menggunakan FlexBuilder bisanya ada beberapa File dan Folder yang terbentuk misalnya terlihat pada gambar berikut:

ada file newProjectAIR.MXML dan newProjectAIR-app.XML, newProjectAIR.MXML adalah suatu aplikasi utama dan newProjectAIR-app.XML adalah propertie dari aplikasi utama. Properties tersebut isi terbagi menjadi Basic settings, Installation settings, dan Window settings

berikut isi dari newProjectAIR-app.XML

<?xml version=”1.0” encoding=”UTF-8”?>
<application xmlns=”http://ns.adobe.com/air/application/1.0”>
<id>org.airbible.project</id>
<filename>newProjectAIR</filename>
<name>newProjectAIR</name>
<version>v1</version>
<initialWindow>
<content></content>
</initialWindow>















</application>

Penjelasan:

Basic settings berisi

id, ini akan digunakan untuk mengenali aplikasi dan id ini digunakan oleh kelas LocalConnection saat memverifikasi asal aplikasi dan saat update aplikasi

filename, digunakan sebagai nama file aplikasi ketika di install, nama file bisa berisi sembarang unicode (UTF-8) kecuali karakter *, “, :, >, <, ?, \, dan |

Version, ini didefinisikan oleh publisher, version ini digunakan untuk identifikasi versi aplikasi

Description, deskripsi ini akan tampil di installer saat kita menginstal aplikasi

Name, nama boleh diisi dan juga tidak tetapi dianjurkan untuk mengisinya karena ini akan muncul di title bar saat kita menginstal aplikasi. ini juga digunakan sebagai nama folder saat installasi

Copyright, informasi copyright akan muncul di OS X didalam about dialog Box

Installation settings berisi

Install folder, berisi path dari folder installasi.Tetapi pada umumnya jika ini tidak diisi maka dia akan secara default berada pada program file.

Program menu folder, hanya bisa digunakan di windows saja.

Window settings berisi:

Content dan title, content berisi deskripsi file dan title akan tampil di title window saat pertama kali muncul

System chrome, ini adalah settingan untuk bingkai pada jendela windows ada 2 value untuk ini yaitu "standard" atau"none", jika pilih none maka bingkai pada jendela windows akan hilang

transparent, ini akan berfungsi jika System chrome di set none, valuenya hanya true atau false

visible, valuenya hanya true atau false

minimizable, valuenya hanya true atau false

Adobe AIR 1.5.1 telah di Rilis

2009-02-26T22:43:00.001+07:00

Pada tanggal 24 Februari adobe merilis Adobe AIR ver 1.5.1 versi ini sudah includes new API`s; InvokeEvent, Capabilities.cpuArchitecture. Along with an updated Adobe Flash player (version 10.0.22).

Release Note AIR | Download AIR 1.5.1

Mendebug code di Flex dan AIR, Tool tambahan Debug

2009-02-24T22:53:00.002+07:00

untuk mendebug suatu aplikasi di Flex dan AIR kita bisa menggunakan cara

menggunakan fungsi trace, fungsi ini sangat simple digunakan kita cukup mengetik trace("text"), trace(variabel) contoh :

trace("Hello World!"); // menghasilkan: "Hello World!"
var myObj:Object= {item:"item 1", desc:'This is item 1'};
trace(myObj); // menghasilkan: [object Object]

Menggunakan perpective Debug pada FlexBuilder, cara ini adalah menggunakan fasilitas FlexBuilder untuk mendebug dengan memberikan breakpoint pada baris kode. dan debuger pada aplikasi akan membaca code satu persatu sesuai dengan urutan code-nya jika pada baris ada sebuah breakpoint maka dia akan berhenti pada titik tersebut dan memperlihatkan kondisi variable pada baris tersebut.

contoh sederhana menggunakan breakpoint pada debug,

1. Buat project flex dengan nama latihanDebug kemudian file latihanDebug.MXML diisi code berikut:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute" creationComplete="init()">
    <mx:Script>
        <![CDATA[
            private function init():void{
            var x:int=1;
            var y:int=2;
            var z:int=0;
            z=x+y;
            trace(z);
            }
        ]]>
    </mx:Script>
</mx:Application>

2. save dan kemudian, buat masuk ke mode Flex Debugging, kemudian buat breakpoint pada line dengan mengklik dua kali pada nomor baris baris, misal seperti ini:

kemudian jalankan debug dengan mengklik icon debug ato tekan tombol F11, dan akan menghasilkan seperti ini

untuk melanjutkan debug bisa mengklik tombol resume

gambar tombol resume

Bila debug terus dilanjutkan sampai posisi breakpoint terakhir maka hasil dari z adalah 3;

Selain menggunakan fungsi trace perpective Debug kita bisa juga Menggunakan tool Debug tambahan, ada beberapa tool Debug tambahan yang bisa dipakai untuk men-debug code di Flex dan AIR. ada pun aplikasi tersebut adalah :

cara menggunakan De Monster Debugger

Download aplikasi dari webnya dari web demonsterdebugger
Instal di PC kita
buat project di Flex atau AIR
Export Class ke File Project kita

import library nl.demonsters.debugger.MonsterDebugger dan kemudian gunakan MonsterDebugger.trace(parameter, "text") kedalam code, misalnya :

http://www.adobe.com/2006/mxml"

Kemudian Run atau jalankan aplikasi, maka akan terlihat seperti ini

Menghubungkan 2 Aplikasi AIR,Tapi Kok Error #2044

2009-02-22T16:57:00.001+07:00

coba-coba menggunakan fungsi LocalConnection untuk menghubungkan 2 aplikasi AIR,tetapi setelah di coba kok error....

Error #2044: Unhandled AsyncErrorEvent:. text=Error #2095: flash.net.LocalConnection was unable to invoke callback TampilData. error=ReferenceError: Error #1069: Property TampilData not found on reicever and there is no default value.

coba lihat code di bawah :

Aplikasi Air 1 sebagi sender;

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        <![CDATA[
            private var kirimConn:LocalConnection=new LocalConnection();
             private function kirimData():void
             {
             var namaLengkap:String=nama.text;
            kirimConn.send("_myConnection", "TampilData",namaLengkap)
            }
        ]]>
    </mx:Script>
    <mx:Form x="0" y="0" width="341" height="174">
        <mx:FormItem label="Nama lengkap">
            <mx:TextInput id="nama"/>
        </mx:FormItem>
        <mx:Button label="Kirim Data" click="kirimData()"/>

</mx:Form>
</mx:WindowedApplication>

Aplikasi Air 2 sebagi receiver:

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute" applicationComplete="init();">
    <mx:Script>
        <![CDATA[
            private var terimaConn:LocalConnection=new LocalConnection();
            private function init():void{
            terimaConn.client=this;
            terimaConn.allowDomain("*");
            terimaConn.connect("_myConnection");

            }
            private function TampilData(s:String):void{
            nama.text=s;
            }
        ]]>
    </mx:Script>
    <mx:TextArea x="167" y="88" width="221" height="131" id="nama"/>
</mx:WindowedApplication>

Ada yang tahu kenapa???

Bacaan Lainnya yang berhubungan dengan AIR Connection

Latihan Membuat Native Window di AIR

2009-02-22T14:43:00.001+07:00

Di AIR terdapat Fasilitas untuk membuat window dengan nama Native window, umumnya aplikasi yang menggunakan native window mudah dalam hal release memory daripada menggunakan single window.kita mulai saja membuat Native window di AIR

1. buat project di AIR namakan dengan ProjectNativeWindows

2. ProjectNativeWindows.MXML isi dengan kode berikut:

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
    <![CDATA[
        import windows.MyNativeWindow
         private var win:MyNativeWindow;
         private function openWindow():void{
          win=new MyNativeWindow();
          win.open();
         }
         private function CloseWindow():void{
          if(win!=null){
          win.close();
          win=null;
          }
         }
    ]]>
</mx:Script>
<mx:Button label="open window" click="openWindow()" x="248" y="132"/>
<mx:Button label="Close Window" click="CloseWindow()" x="248" y="162"/>
</mx:WindowedApplication>

3. buat folder pada folder scr dengan nama windows

4. buat komponen berdasarkan (based on) window nama kan dengan MyNativeWindow

5. isi file MyNativeWindow.MXML dengan kode berikut :

<?xml version="1.0" encoding="utf-8"?>
<mx:Window xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute"
    width="400"
    height="300"
    title="My NativeWindows">
    <mx:Script>
        <![CDATA[
            private function TampilFullScreen():void{
            this.stage.displayState=StageDisplayState.FULL_SCREEN;
            }
            private function TampilNormal():void{
            this.stage.displayState=StageDisplayState.NORMAL;
            }
        ]]>
    </mx:Script>
    <mx:Button label="close" click="close()" x="171.5" y="156"/>
    <mx:Button label="FullScreen" click="TampilFullScreen()" x="156.5" y="79"/>
    <mx:Button label="NormalScreen" click="TampilNormal()" x="146" y="109"/>
</mx:Window>

Oke slamat mencoba..

Happy coding with Flex and AIR

Garbage Collection, Flex Performance, Memory Management, & Object Caching

2009-02-20T08:21:00.001+07:00

if you have problem with memory management try this blog and read, hope can help you

Download

Kumpulan Aplikasi AIR yang keren (2)

2009-02-13T21:51:00.001+07:00

GMDesk

GMDesk is an application that lets you run Gmail, Google Calendar, Google Docs and Google Maps as a stand-alone application to do all your mail handling, calendar event reading etc with.
ReadAir

ReadAir is a desktop client for Google Reader.
Google Analytics Reporting Suite

Google Analytics Reporting Suite brings Google Analytics to the desktop, with a host of features that help you understand how your website is performing and where you can improve.

Photo & Video

Adobe AIR applications that allow you to search, edit, save or upload photo and video.

Flickr Desktop Search

Flickr
Desktop Search is an Adobe AIR based utility which helps you to search Flickr images.
ImageDropr

ImageDropr is a new tool for uploading your images to flickr. This application takes a unique approach towards preparing your content, titles, tags, etc. by creating tools that expedite this process.
Flickr Flipper

Flickr Flipper allows you to search for Flickr photos and also search for photos from specific Flickr users. It uses Papervision to display the photos one at a time and even allows you to download the photo to your computer.
Snoto

Snoto Photo is a desktop application for browsing your recent photos as well as the recent photos of others. You can also do a slideshow of the photos.
FLVPlay HD

FLVPlay HD plays your local or remote flv and mp4 videos, as well as the ones from the YouTube servers which are available via the “Search” feature of the application.
AIRTube Video Downloader

AIRTube Video Downloader allows you to download YouTube FLV videos by simply dragging or pasting in the video’s URL. After the video downloads the application will expand and show you a preview of the video.
RichFLV

RichFLV allows you to read and edit FLV data. You can cut FLVs, convert the sound of the flv to mp3 and convert flv to swf.
uvLayer

UvLayer is a social video application where you can discover, watch, collect and share video media. Searching currently focuses on videos from YouTube and Truveo.
mooFlair

A desktop application that helps you to manage and watch both online and offline FLVs videos. More than a simple flv player, build your own FLV library and save your compilations in playlists.
Adobe Media Player

Adobe Media Player allows you to queue up and download your favorite Internet TV content, track and download new episodes automatically, and manage your personal video library for viewing at your convenience.

Design

Adoeb AIR tools that sharpen your design skill.

Websnapshot

Websnapshot allows you type a URL then take a snapshot using one of the three sizing methods; Thumbnail, Browser or fullpage view.
Shrink-O-Matic

Shrink O’Matic is an AIR application to easily (batch) resize (shrink) images. It handles JPGs, GIFs and PNGs.
Colorpicker

colorPicker is a widget-like AIR application that lets you either choose a “web-safe” color from a color grid or design a color using sliders to adjust the red, green, and blue values of the color.
ColourLovers Desktop Color Finder

Desktop Color Finder lets you search our entire database of nearly 1 million named colors and more than 300,00 user created color palettes.
Font Picker

Font picker allows you to find the right font for the job.
Icon Generator

Icon Generator is a little application that lets you generate a CS3 or Web 2.0 style icon, only 3 step. Pick color, type characters, and save it.
WebKut

WebKut is an AIR application that allows you to capture web pages, or parts of them in a very simple way.
Color Browser

Color Browser is a simple way to create and organize your favorite color palettes. Sets of colors are easily viewable in a clean interface.
Photoshop Express Uploader

Photoshop Express Uploader lets you drag and drop photos from your desktop to upload to Photoshop Express.

Microblogging

Adobe AIR applications that allow you to communicate with microblogs easier and faster.

TweetDeck

TweetDeck is an Adobe Air desktop application that aims to evolve the existing functionality of Twitter by taking an abundance of information.
Alert Thingy

Alert Thingy allows users to see the data stream from people they follow on FriendFeed, and post new messages directly to the service.
Feedalizr

Life streaming to your desktop. View, rate and comment on what your friends are sharing online, using one simple and easy to use desktop tool.
MySocial AIR

MySocial is the newest Twitter/FriendFeed desktop app on the block, although MySocial has previously released a Firefox sidebar addon that offers similar functionality.
Twhirl

Twhirl connects to multiple Twitter, laconi.ca, Friendfeed and seesmic accounts.
Posty

Posty simplifies your microblogging. All you have to do is writing the message and clicking a button. Posty will automatically deliver your message to the services you selected.
Toro

Toro is a very simple Twitter client that aims for a speedier Twitter.
Spaz

Spaz is a Twitter client for users who value free, open-source software, attractive design, and customizability
bTT

bTT lets you receive update from friendfee, post to friendfeed, send and receive tweets with twitter out of one application on your desktop.
Tweetr

Tweetr lets you send files to your friends, but just dragging any file on to Tweetr. Tweetr will automatically upload your file and when it is done will provide a short url to send to your friends

Social Network

Adobe AIR applications that blend your favourite social networks into your desktop.

DiggTop

DiggTop is an application for Windows and MacOSX that lets you view a blended list of your favourite Digg topic or keyword feeds.
Facedesk

facedesk is an application that, when installed, becomes a stand-alone application to do all your Facebook surfing with.
Flair

Flair is a free, easy to install application that lets you know whenever you’re poked, or someone writes on your wall, or adds you as a friend - without having to constantly check the Facebook website or your email.
Babuki

Now all your contacts are in one place wherever you are. There’s no need to create an account and you only have to add details for the other IM networks once.
MINI DIGG

The Digg mini client brings the latest news from Digg to your desktop. It also allows you to store the stories to your computer.

Miscellaneous

Other useful desktop Adobe AIR applications.

Wordpress Comment Moderator

Moderator is a WordPress Plugin and associated desktop application, built using Adobe AIR, that allows you to view and moderate comments from your desktop.
Apprise Reader

Apprise lets you read all your news in one place, and share it all in one place, too. With built-in support for over ten different ways to share stories,
Ora Time and Expense

Ora Time and Expense is a small easy-to-use application for tracking and generating timesheets, expense reports, and invoices.
Timeloc

Timeloc is a desktop widget that keeps track of the time you have spent working on a job or project. It will no longer be a case of guess work as to how much you need to bill your clients or assign to a project
Doomi

Doomi is a simple to-do-list application that designed to stay out of your way, be easy to use and look pretty.
Klok

Klok is a tool intended to be used by individuals, who have a need to track the time they spend on projects, tasks or anything else for that matter.
MiniTask

MiniTask is a FREE, fast and easy-to-use task management application that helps you with organising your daily todos more efficiently.
Agile Agenda

Agile Agenda is a project scheduling utility focused on allowing project managers to enter data about tasks. The software is capable of dynamically adjusting to changing conditions that occur during a project life cycle.
Xdrive Desktop Lite

Xdrive Desktop Lite allows you to easily upload files and folders right from your hard drive, desktop, USB devices, or removable storage drives directly into your Xdrive web storage.
AirTalkr

AirTalkr is a multi-protocol Instant Messenger that connects to MSN, Yahoo!, GTalk, AOL and ICQ. Not only that, it also has connects to to various Web 2.0 services like Flickr and YouTube.
Pownce Desktop 2.0

Pownce makes it even faster to read and send notes to your friends
CL Desktop
- Craigslist is huge, and this application just makes sense. It’s easy to use and saves you time with saved searches and the ability to view pictures right from the original list.
EarthBrowser
- EarthBrowser is a revolutionary new platform for viewing and creating geographically based information.
ebay Desktop
- eBay Desktop is made for search, bidding, browsing, and watching. It’s all there, with a brand new interface.
Finetune Desktop
- Finetune Desktop gives you quick access to your custom playlists and will keep track of your favorite music from Finetune.
Pandora Desktop
- With the Pandora Desktop Application, you can play your Pandora stations right from your desktop – without opening a new browser window.
Snackr
- Snackr is a RSS ticker that pulls random items from your feeds and scrolls them across your desktop. When you see a title that looks interesting, you can click on it to pop up the item in a window.
AIR iPhone
- AIR iPhone is a desktop application created with Adobe AIR and Adobe Flex 3, it simulates the UI of the iPhone. It has the capabilities to make calls, receive calls, check voicemail, add contacts and even send voice messages.
Adobe Developer Connection Developer Desktop
- Adobe Developer Connection Developer Desktop (ADC Desktop) is an Adobe AIR application that delivers a number of helpful resources for Developers.

Resources

Resources, tutorials and collections of Adobe AIR applications.

airapps Wiki

A collection of Adobe® AIR™ applications out in the wild that the community can update.
RIAForge

An online community site, built using their own products and targeted to support developers building open source projects for our products and platform.
Apollo Hunter

A community to share and download Adobe AIR applications with no cost.
O2Apps

The ultimate resource for enthusiasts of Adobe AIR.
Adobe AIR Marketplace

Adobe AIR Marketplace is a place where AIR developers can publish their Adobe AIR applications for users to download.
Adobe Air Tutorials

Adobe AIR Tutorials. Articles, resources, tutorials, and downloads.
Refreshing Apps

Adobe AIR application showcase and resources.

sumber :

http://www.hongkiat.com
http://blog.tuvinh.com/60-useful-adobe-air-applications-you-should-know/

Kumpulan Aplikasi AIR yang Keren

2009-02-12T20:38:00.001+07:00

Adobe AIR is a platform that allows developers to create applications that run on your desktop. Adobe AIR is a good platform to build desktop apps, these apps work both on windows and mac computers (Linux coming soon). Some of the folks have built useful desktop apps using Adobe AIR, here i am going to list some of the useful Apps i came across or used at least once. The below mentioned applications are listed in no particular order.

Twhirl: This is my favorite and always runs on my computer (earlier Review). Twhirl supports twitter, pownce, jaiku and friendfeed. Twhirl updates features very frequently so you can rely on this client. It supports tinyurl, snurl and ls.gd for converting links to short urls. Twitpic is also integrated in to Twhirl. This is the best and popular twitter client available.

Alert Thingy: This is also i am using regularly to keep up to date with Friendfeed (earlier review). I have never came across any good Friendfeed client other than Alert Thingy. Twhirl also supports Friendfeed but this one is the best for friendfeed. It also supports twhirl, tinyurl and flickr.

Pownce Desktop Client: If you use Pownce you may check out this, this is the official Pownce client, i prefer Twhirl over this because its support to twitter and others.

Snippely: Snippely (earleir review) is a little app that is quite useful for collecting code snippets across the web. Download,

Kuler desktop: Kuler Desktop is a desktop app for the popular Adobe kuler application that lets you design color themes for your designs. It displays RSS feeds of color themes from Kuler for inspiration. It lets you search color themes and copy hex color values to your clipboard. download

Google Analytics: Most of the bloggers are stat junkies and this is particularly useful for the stat junkies. This app brings Google Analytics to desktop, almost all the features are supported. Download from here. It also supports multiple accounts, set different profiles for each account. The tabbed interface of the application allows you to switch between reports easily. Reports can be exported to PDF, Excel and XML.

AOL Top 100 Videos: This desktop app features top 100 hottest music videos form AOL Music. It allows you to bookmark videos and watch them whenever you want.

XDrive Desktop Lite: Xdrive Desktop Lite is a desktop client for AOL’s Xdrive. Xdrive is a online data storage service from AOL that gives you 5GB of free storage. With Xdrive Desktop lite you can easily manage all your files including photos, music, videos and files in your Xdrive account. It allows you to just drag and drop from your computer.

eBay Desktop: eBay Desktop is a desktop client for accessing eBay listings. You can use this tool to browse, bid, search and jeep track of your eBay auctions.

WebKut: WebKut is a desktop application that lets you to capture the web pages, or parts of the web pages. It provides 3 options to capture the pages, entire page, current view or only a selection.

Klok: “Klok is a personal time tracking application that makes it easy for anyone working with multiple clients, projects or tasks to keep track of their hours. Klok is meant for those of us who want to press a button when we start working and another when we stop. Klok allows entry of time spent in the past as well and also allows for editing time entries. The application features drag and drop, excel export, archive and a collapsed view that stays our of your way.”

Flickr Flipper: This is useful for people who spent lot of time on Flickr it allows you to search for Flickr photos in general or from a specific user. It uses Papervision to display the photos one at a time and even allows you to download the photo to your computer. The limitation is that it only returns up to 100 photos of your search.

Adobe Media Player: allows you to watch downloaded, streamed, or your personal videos stored on your computer. The interface is clean you can find all the content providers from the catalog. Currently only few content providers are listed including CBS, MTV, UMG, PBS. (earlier review)

ShifD: (earlier review) ShifD allows users to shift notes, links and addresses between desktops and mobile devices. You can access ShifD through web interface or through browser bookmarklet or using a desktop application on top of Adobe AIR.

uvLayer: uvLayer (earlier review) is a Adobe AIR application that allows you to watch and share videos with your friends. uvLayer lets share the videos you are watching with your uvLayer friends or Facebook friends.

WebKut is an AIR application that allows you to capture web pages, or parts of them in a very simple way. It provides you 3 capture options: the entire page, the current view, or only a selection. Useful.

The Google Analytics Reporting suite is an Adobe AIR application that brings Google Analytics to the desktop. It uses it’s own custom API to interact with Google and nearly implements all features of Google Analytics.

This is my favorite one! Twhirl supports Twitter and Friendfeed and also cross-post updates to Pownce and Jaiku. Twitpic is also integrated into Twhirl. This is the best and most popular Twitter client available till now.

Klok is a tool intended to be used by individuals, like myself, who have a need to track the time they spend on projects, tasks or anything else for that matter.

ShifD allows users to shift notes, links and addresses between desktops and mobile devices. You can access ShifD through web interface or through browser bookmarklet or using a desktop application.

AirTalkr is a multi platform IM client that connects to Gtalk, MSN, Yahoo!, AIM, ICQ as well as to Flickr and YouTube.

Snippage: Easily make desktop widgets out of any site! Wouldn't it be great if you could take pieces of your favorite web sites and put them on your desktop? Things like that auction you've got your eye on, your web mail's inbox, or even that search box you're always using. Well, Snippage lets you do just that.

AgileAgenda is a project scheduling utility which lets project managers enter data about tasks. The app, an Adobe AIR Derby Best in Show winner, dynamically adjusts to the changing conditions of a project. It knows today's date and it will automatically adjust tasks that are or aren't complete based on that. Tasks can be moved, extended, or split as needed. A light table lets you view the tasks, reassign them, change their priority, or change the durations. And like most project scheduling utilities, a GANTT view is available as well. Your data can either be stored locally, or even better, on AgileAgenda's web service. AgileAgenda supports data sharing via XML or PDF exports and/or a web-based view on their web service.

ORA Time and Expense is an application for tracking timesheet tasks and expenses. It can also generate and export reports such as timesheets, expense reports, and invoices. It uses the webcam APIs assist in the filing of expense reports by taking pictures of receipts and including them in the expense reports.

Doomi: Clear'n simple to-do's. Designed to stay out of your way, be easy to use, and look pretty.

AgileAgenda

AgileAgenda is a project scheduling utility which lets project managers enter data about tasks. The app, an Adobe AIR Derby Best in Show winner, dynamically adjusts to the changing conditions of a project. It knows today's date and it will automatically adjust tasks that are or aren't complete based on that. Tasks can be moved, extended, or split as needed. A light table lets you view the tasks, reassign them, change their priority, or change the durations. And like most project scheduling utilities, a GANTT view is available as well. Your data can either be stored locally, or even better, on AgileAgenda's web service. AgileAgenda supports data sharing via XML or PDF exports and/or a web-based view on their web service. Download it here.

RichFLV

RichFLV is an AIR app that lets you edit Flash Video (FLV) files. The app reads FLV metadata - while importing the video, the app outputs the number and types of tags found for video, sound, keyframe (Keyframe Tags), and data (DataTags). With RichFLV, you can read, edit, modify, or delete cuepoints and cut FLV files. You can also use the app as a conversion tool, and convert the FLV files to SWF (Shockwave Flash) format. The sound in the FLV can be converted to an MP3, as well. Although serving a niche audience, this popular app has already been downloaded 654 times from the AIR Marketplace. Download it here.

DeskTube. DeskTube is THE desktop YouTube application. Featuring the ability to search videos, view profiles, post comments, upload videos, and much much more! DeskTube features the ability to post updates to Twitter, and even text message and make phone calls right from your desktop.

EarthBrowser. EarthBrowser is an innovative earth simulation that combines an easy to navigate 3 dimensional globe with real-time weather conditions and 7 day forecasts for thousands of locations worldwide. Live earthquakes, hurricanes, webcams, volcanoes and cloud animations are just some of data that is available in an instant. A great aid to teachers for visualizing earth and space with their students. A must have for anyone who loves to watch the weather.

feedalizr. Post text, images, links and videos. Update your status, reply to messages, comment, watch videos and 'like' posts. Keep up to date with your feeds and friend's online activities.

MiniTask. MiniTask is a FREE, fast and easy-to-use task management application that helps you with organising your daily todos more efficiently. It supports features like drag 'n' drop reorder, alarm timers, printing of pretty task sheets, copying tasks from and to other applications etc.

Featured applications

Trendsetting automotive manufacturer extends its iconic MINI brand and lifestyle proposition through online marketing.

Download application

NASDAQ enables investors and brokers to replay market activity in great detail at any given point in time.

Download application

Entertainment leader extends the reach of its brand and engages fans with interactive games.

Download application

The New York Times provides a new way to share information across the desktop and devices.

Download application

Sumber:

http://www.readwriteweb.com/archives/some_adobe_air_apps_worth_a_look.php
http://www.teknobites.com/2008/05/04/useful-adobe-air-apps/
http://anabubula.com/Top10-AIR-applications-productivity
http://blog.code-purity.com/archives/2009/2/11/top_5_adobe_air_applications/
http://www.adobe.com/products/air/showcase/

Create Skinnable Application Using Flex + AIR

2009-02-12T07:53:00.001+07:00

Ok so we start with the “main-app.xml” file. This is the AIR specific configuration file, where we can change the Application specific parameters like:

Application Name
Version
Description etc...

But we’ll directly move to the following settings which allow us to change the windows related settings. When dealing with custom chrome window, following settings need to keep in mind.

SystemChrome
- For creating skinnable application, this parameter should be “none”
Transparent
- This parameter should be “true”

Initially in the configuration file, both the properties (1 & 2) may be commented, so you need to remove the comment for these parameters & then set their values.

There may be a possibility that our Application doesn’t require resizing of the window (because of the odd shape). So we can remove the resizing option by changing the “resizable” parameter value to “false”.

Ok that’s all we need to change in the configuration file.

Now we can move to “main.mxml” file. This is our main UI where we want to set the Application skin. Here we need to set the following properties.

borderStyle = “none”
- By setting this value, window won’t show the border around it.
backgroundAlpha = “0”
- This will make windows background transparent. This’ll be helpful when you place an transparent image (PNG file with alpha transparency) on the main Application interface.
showTitleBar = “false”
showStatusBar = “false”
- By default Title Window & Status Bar display is true (Even if the background is transparent, because default value is true). We need to set these values to false.
horizontalScrollPolicy = “off”
vertical ScrollPolicy = “off”

<mx:WindowedApplication

      xmlns:mx="http://www.adobe.com/2006/mxml"

      width="350" height="350" layout="absolute"

      borderStyle="none" backgroundAlpha="0"

      showTitleBar="false" showStatusBar="false"

      horizontalScrollPolicy="off" verticalScrollPolicy="off"

      initialize="{evntAppInit()}"

      applicationComplete="{evntAppComplete()}"

>

sumber:http://www.actionscript.org/resources/articles/834/1/Create-Skinnable-Application-Using-Flex--AIR/Page1.html

25 OpenSource PHP Framework

2009-02-12T00:36:00.001+07:00

PHP Framework nowadays is getting more popular to web application developers who uses PHP as their main language. A web application framework is a software framework that is designed to support the development of dynamic websites, Web applications and Web services. The framework aims to alleviate the overhead associated with common activities used in Web development. For example, many frameworks provide libraries for database access, templating frameworks and session management, and often promote code reuse. And needless to say that it can cutoff half of your regular development time.

So lets begin with the list (no particular order).

1. Zend Framework

Extending the art & spirit of PHP, Zend Framework is based on simplicity, object-oriented best practices, corporate friendly licensing, and a rigorously tested agile codebase. Zend Framework is focused on building more secure, reliable, and modern Web 2.0 applications & web services, and consuming widely available APIs from leading vendors like Google, Amazon, Yahoo!, Flickr, as well as API providers and cataloguers like StrikeIron and ProgrammableWeb.

Expanding on these core themes, we have implemented Zend Framework to embody extreme simplicity & productivity, the latest Web 2.0 features, simple corporate-friendly licensing, and an agile well-tested code base that your enterprise can depend upon.
Extreme Simplicity & Productivity

Zend Framework Components

Model-View-Controller (MVC)
Database
Internationalization (i18n) and Localization (l10n)
Authentication, Authorization, and Session management
Web and Web Services
Mail, Formats, and Search
Core Infrastructure

2. CakePHP

CakePHP is a rapid development framework for PHP that provides an extensible architecture for developing, maintaining, and deploying applications. Using commonly known design patterns like MVC and ORM within the convention over configuration paradigm, CakePHP reduces development costs and helps developers write less code.

Hot Features

No Configuration - Set-up the database and let the magic begin
Extremely Simple - Just look at the name…It’s Cake
Active, Friendly Community - Join us #cakephp on IRC. We’d love to help you get started.
Flexible License - Distributed under the MIT License
Clean IP - Every line of code was written by the CakePHP development team
Best Practices - covering security, authentication, and session handling, among the many other features.
OO - Whether you are a seasoned object-oriented programmer or a beginner, you’ll feel comfortable

Basic Features

Model, View, Controller Architecture
Application Scaffolding
Code generation via Bake
Helpers for HTML, Forms, Pagination, AJAX, Javascript, XML, RSS and more
Access Control Lists and Authentication
Simple yet extensive validation of model data
Router for mapping urls and handling extensions
Security, Session, and RequestHandler Components
Utility classes for working with Files, Folders, Arrays and more

3. CodeIgniter

CodeIgniter is a powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications. If you’re a developer who lives in the real world of shared hosting accounts and clients with deadlines, and if you’re tired of ponderously large and thoroughly undocumented frameworks CodeIgniter is right for you.

4. SilverStripe

SilverStripe is a free and open source programming framework and content management system (CMS) for creating and maintaining websites. The CMS provides an intuitive web-based administration panel, allowing any person to maintain their website without knowledge of markup or programming languages.

SilverStripe offers a flexible MVC development framework known as Sapphire. Much like Ruby on Rails, but for PHP, it ensures developers are capable of extending and enhancing the functionality of the CMS and the website. More importantly, SilverStripe provides developers with complete control of the generated markup; allowing for higher, semantic standards of XHTML.

5. Akelos Framework

The Akelos PHP Framework is a web application development platform based on the MVC (Model View Controller) design pattern. Based on good practices, it allows you to:

Write views using Ajax easily
Control requests and responses through a controller
Manage internationalized applications
Communicate models and the database using simple conventions.

Your Akelos based applications can run on most shared hosting service providers since Akelos only requires that PHP be available at the server. This means that the Akelos PHP Framework is the ideal candidate for distributing standalone web applications as it does not require any non-standard PHP configuration to run.

6. Symfony

Symfony is a full-stack framework, a library of cohesive classes written in PHP5.

It provides an architecture, components and tools for developers to build complex web applications faster. Choosing symfony allows you to release your applications earlier, host and scale them without problem, and maintain them over time with no surprise.

Symfony is based on experience. It does not reinvent the wheel: it uses most of the best practices of web development and integrates some great third-party libraries.

Thousands of developers already trust symfony for their applications!

New users join the community every day, and that makes of symfony the most popular PHP5 framework around. A large community means easy-to-find support, user-contributed documentation, plugins, and free applications.

7. Zoop Framework

Far from being Yet Another PHP Framework or Rails clone, Zoop has been in development since 2001 and in use for the last 6 years in a number of different production environments. While it predates the recent proliferation of PHP frameworks, it’s based on solid MVC principles, including separation of display, logic, and data layers. It’s designed to be efficient, modular, and extensible, striking a balance between lightweight and fully-featured.

A well-organized, fully-featured front controller.
A Smarty based view layer, enhanced with form generation and rich UI controls.
Several integrated data model access styles.
Automation of common mundane tasks.
Great native libraries and friendly integration with many third-party projects.

8. PHP on TRAX

Php On Trax (formerly Php On Rails) is a web-application and persistance framework that is based on Ruby on Rails and includes everything needed to create database-backed web-applications according to the Model-View-Control pattern of separation. This pattern splits the view (also called the presentation) into “dumb” templates that are primarily responsible for inserting pre-build data in between HTML tags. The model contains the “smart” domain objects (such as Account, Product, Person, Post) that holds all the business logic and knows how to persist themselves to a database. The controller handles the incoming requests (such as Save New Account, Update Product, Show Post) by manipulating the model and directing data to the view.

In Trax, the model is handled by what’s called a object-relational mapping layer entitled Active Record. This layer allows you to present the data from database rows as objects and embellish these data objects with business logic methods.

9. eZcomponents

eZ Components is an enterprise ready, general purpose PHP components library. It is used independently or together for PHP application development. As a collection of high quality independent building blocks, eZ Components will both speed up development and reduce risks. An application can use one or more components effortlessly as they all adhere to the same naming conventions and follow the same structure. All components require atleast PHP 5.2.1.

10. Fusebox

Fusebox is the most popular framework for building ColdFusion and PHP web applications. “Fuseboxers” find that the framework releases them from much of the drudgery of writing applications and enables them to focus their efforts on creating great, customer-focused software.

11. PRADO

PRADO is a component-based and event-driven programming framework for developing Web applications in PHP 5. PRADO stands for PHP Rapid Application Development Object-oriented.

What does PRADO require?

The sole requirement to run PRADO-based applications is a Web server supporting PHP 5.1.0 or higher. PRADO is free. You can use it to develop either open source or commercial applications.

12. Seagull

Seagull is a mature OOP framework for building web, command line and GUI applications. Licensed under BSD, the project allows PHP developers to easily integrate and manage code resources, and build complex applications quickly.

Many popular PHP applications are already seamlessly integrated within the project, as are various templating engines, testing tools and managed library code. If you’re a beginner, the framework provides a number of sample applications that can be customised and extended to suit your needs. If you’re an intermediate or advanced developer, take advantage of Seagull’s best practices , standards and modular codebase to build your applications in record time.

Once your development cycle is complete, use Seagull’s features for deploying and maintaining your apps locally and remotely. Check out the friendly and active Seagull community and see if Seagull’s a good fit for you.

Features:

Check out the screenshots page to see Seagull in action. Or compare the features list with your current framework/CMS. Seagull offers the following key features:

PHP 4/5 compatible
compact core framework with basic CMS and other modules included to get you started
ease of use: learning curve not as steep as other frameworks
enterprise ready, performance conscious design
tight integration with PEAR libraries, great for prototyping complex projects
integrated ORM for RAD
highly configurable, easy to integrate with 3rd party code
community support: the project enjoys participation from a large and active developer community, want the documentation in Chinese, looking for Seagull devs near you?
loosely coupled components, use template engine of your choice, output to multiple devices or CLI
staying power: started in 2001, the Seagull project has been steadily growing in popularity and now enjoys international recognition

13. PhpOpenbiz

Want to build a data centric business application without dirty code - PhpOpenbiz (Openbiz) is the solution! OpenBiz is a PHP application framework for professional IT developers and consultants to build web-based enterprise applications. Key features includes:

XML Metadata-driven design principal. Developers declare business logic in metadata (zero-coding development)
AJAX enabled browser client, Model-View-Controller (MVC), Object Relational Mapping (ORM)
Eclipse plugin authoring tool

14. WASP

What is WASP?

WASP is a powerful web application framework built on PHP 5. WASP strives to allow web developers to make great applications with more fun and less code, but in the familiar playground of PHP.

Why use WASP?

WASP was written from the ground up in pure Object Oriented PHP5. WASP fully utilizes all of the enhancements made to PHP in version 5.

This means you use less code to create enterprise class applications.
This isn’t your hacker’s PHP.

15. WACT

WACT = The Web Application Component Toolkit is a framework for creating web applications. WACT facilitates a modular approach where individual, independent or reusable components may be integrated into a larger web application. WACT assists in implementing the Model View Controller pattern and the related Domain Model, Template View, Front Controller and Application Controller patterns.

The WACT framework is developed with the philosophy of continuous refactoring and Unit Testing. WACT encourages these activities in applications based on the framework. WACT uses Simple Test as a unit testing framework.

WACT emphasizes writing secure web applications. See Web Application Security for more information.

16. PHPDevShell

PHPDevShellserves as a UI “sea shell like” for developers to integrate or develop their applications within, giving the developer an immediate UI advantage of most required web application functionaries.

Features:

PHPDevShell features a number of great pre-developed components. Unlike most other frameworks where power was concentrated on the backend, PHPDevShell has concentrated on a balance providing the developer both a backend and a frontend ui.

Some pre-developed components include;

Backend providing basic development help with:

Good clean file structure.
Multiple site/domain configuration options.
Core Class : General php functionality.
Database Class : General database functions required.
Email Class : Providing emailing support with PHPMailer.
File Manager Class : Providing basic file management support.
Form Class : Very basic form functions.
Navigation Class : Handless all navigation for your application and PHPDevShell itself.
Security Class : Handless all security for your application and PHPDevShell itself.
Template Class : Manages flexible and light template system.
WYSIWYG Class : Manages wysiwyg editor needs with TinyMCE.
Iana Language Class : Manages multiple languages for your software and PHPDevShell itself.
Plugin Manager : Does all plugin based calculations and transactions for you.
Time Zone Class : Manages correct timezones for your application.

17. DIY

DIY is an open-source lightweight web application framework based on object-oriented PHP 5, MySQL, and XSLT. It is fully object-oriented and designed following the MVC architecture and REST design principles. The idea behind it is not to reinvent the wheel but instead to combine existing and proven technologies in a convenient and effective way.

The DIY Framework is a compact class library which can be extended and included by user applications. It puts few restrictions and gives flexibility. In contrast, most of the current web application frameworks are designed inside-out: they define the general structure and only allow your application to fit within their constraints.

For the same reasons, the framework does not contain plugins, scaffolding, routing, AJAX, widgets or other buzzwords. We see them as helper applications at best, not as parts of the framework itself. No frills are included (hence the name) — just precise control over your sever-side code.

Because of the framework’s nature, the following descriptions of architecture and file structure should be seen merely as guidelines for applications. They are also used in the included sample files.

Using the DIY Framework, not a single line of SQL or HTML needs to be hardcoded, constructed “by hand” or mixed with the PHP code. Almost no URL hacking or chopping is needed. The UTF-8 encoding is used exclusively.

The framework exploits PHP 5’s features such as more advanced object model, type hinting and class autoloading. HTTP request, response and session data is accessed via Java servlet-style OO wrappers. The framework has been straightforwardly ported to Java.

It has been successfully used in several small to medium production solutions and is currently used to build a large community-based social website.

18. QPHP

QPHP stands for Quick PHP and is a MVC framework similar as architecture to ASP.NET.

I, as the author of the project, have spent the last 8 years working on web projects using various Java frameworks, ASP.NET and PHP. This framework tries to get the best of the above platforms as well as to avoid the problematic parts. Basically it:

Brings the elegance of Java and C#
Drops all Perl like bizzare statements that other PHP frameworks use
Relies extensively on OOP concepts

Code-behind approach is used, so every webpage consists of 2 files:

.PHP - presentation logic
.PHP.SCRIPT - business/programming logic

19. Ambivalence

Ambivalence is a Model-View-Controller framework for PHP web development. Based on the Java-based Maverick project, Ambivalence also offers clean MVC separation and an XML sitemap. Ambivalence provides an optional service to authenticate and enforce access controls upon users, based on the JBoss implementation of the J2EE Java Authorization and Authentication Service (JAAS).

Core features include:

Configuration using an XML sitemap.
Easily encapsulate variable content within a common layout, look-and-feel, etc.
Cleanly separate application security logic from application functionality via XML security map.

20. ATK Framework

ATK is a business framework. It is written in PHP, and allows you to build web applications with minimal amounts of code. The only code you write is business logic.

The framework is particularly useful for creating business applications; to manipulate data. CRM, HRM, ERP are all area’s where ATK can be used to build custom applications with minimal effort. Check the demo to see examples.

21. Canvas

Canvas is an open-source web application framework built with and for PHP5. Canvas employs the model-view-controller (MVC) design pattern, as well as abstracting database interaction with an object-relational mapping (ORM) model that presents data in a database as real world objects.

Canvas is in active development at Clayton State University’s Office of Information Technology and Services department The HUB. The framework is currently at version 1.1, but has many more releases planned and under way.

The framework was developed out of a need for a simple and common way for the entire department to develop web applications with rapid ease. A great deal of inspiration was pulled from Ruby on Rails and the simplistic beauty it provides the Ruby community. The goal for the design of the system was semantic simplicity and beauty. Agile development methods were employed to enhance the system as much as possible, particularly the “don’t repeat yourself” principle, orthogonality, decoupled design, and others.

The framework uses MySQL as the default relational database engine and Smarty as the default templating system, but is easily modified to use other databases and templating systems.

22. Chisimba

Chisimba is a Web 2.0 enabled rapid application development framework for creating web applications that are platform independent, browser independent, XHTML compliant, and can use a number of common databases. The framework is written in PHP5 using the model-view-controller paradigm, implemented via a modular architecture. Chisimba has an API that can be used by other applications over the Web, and it is Free Software licensed under the GNU GPL.

23. Orinoco Framework

The Orinoco Framework is an open source, object-oriented, full-stack web framework implemented in PHP and released under the MIT License. The framework follows the Model-View-Controller architecture and implements the Model 2 design paradigm. Like any other MVC frameworks, Orinoco Framework allows developer to create web applications in less codes and easily maintainable modules.

24. Ash.MVC

ash.MVC is a simple PHP programming framework proposed by Ash. The basic approach of this framework is to adopt a middle-path approach between faster development cycle, and a robust and scalable application. Moreover, the schemes proposed in the framework stick to the line of simplicity all along.

While encountering this new framework, ash.MVC, one may wonder with various questions, like:

Do we need a framework at the first place?
Why do we need another framework when there are numerous ones available?
Why do we use MVC design pattern for this framework?

All the above questions have been addressed in the FAQs page.

The framework revolves round the concept of MVC design pattern as expected. There are four elements: 1. web browser, 2. Controller, 3. Model, and 4. View. These four elements interact with one another to establish a data-flow that is initiated by HTTP Request from client browser, and is successfully terminated with the receipt of HTTP Response at the client browser.

25. Studs

Studs began simply as a port of Apache’s Jakarta Struts MVC Framework to PHP, though it has turned out to be decidedly more. I started this project to study the internals of J2EE web applications and then to bring these design concepts into the PHP environment. Now it is time the see if the code lives up to this challenge.

Studs Workflow DiagramThe primary goal of this project, apart from being a road tested implementation of the MVC pattern for PHP, is to provide a learning platform for developers looking to give J2EE a try, while at the same time providing a comfortable PHP environment for those people familiar with Java Servlet technology. One way Studs manages this neutral ground is by relying on many of the standard deployment descriptors used in Java Servlets and Struts, including such files as web.xml, struts-config.xml and taglib.tld. By achieving this level of compatibility, existing tools can be leveraged to help develop applications in this environment.

That’s it a total of 25 OpenSource PHP Framework I’ve found. If ever you have any suggestions or addition just leave a comment.

source: http://blog.insicdesigns.com/2008/10/25-opensource-php-framework/

Membuat add button pada TabNavigator

2009-02-11T22:34:00.001+07:00

Kmarin saya sempat bingung bagaimana cara membuat add button pada TabNavigator, setelah googling2 akhirnya menemukan suatu petunjuk bahwa untuk membuat button pada TabNavigator bisa menggunakan cara simple daripada repot2 membuat extended class dari SuperTabNavigator FlexLib.....

caranya begini:

pertama: buat fungsi yang dapat memposiskan button pada sisi kanan Tab:

public function positionAddNewTabButton():void
{
var i:int=nav.numChildren-1;
addNewTabButton.x=nav.getTabAt(i).x +
(nav.getTabAt(i).width) + 1
addNewTabButton.y=nav.getTabAt(i).y +
(nav.getTabAt(i).height/2) - 10
}

Kedua: gunakan Event creationComplete dan updateComplete untuk memproses posisi button pada saat ada penambahan Tab

creationComplete="positionAddNewTabButton()"
updateComplete="positionAddNewTabButton()"

Lebih lengkap:

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        <![CDATA[
            
            public function positionAddNewTabButton():void
            {
               var i:int=nav.numChildren-1;
               addNewTabButton.x=nav.getTabAt(i).x +
               (nav.getTabAt(i).width) + 1
               addNewTabButton.y=nav.getTabAt(i).y +
               (nav.getTabAt(i).height/2) - 10
             }
        ]]>
    </mx:Script>
    <mx:Button id="addNewTabButton" label="Add"/>
    <mx:TabNavigator id="nav" width="100%" height="100%" 
    creationComplete="positionAddNewTabButton()" 
    updateComplete="positionAddNewTabButton()" cre>
        <mx:Canvas label="Home" width="100%" height="100%">
        </mx:Canvas>
    </mx:TabNavigator>
</mx:WindowedApplication>

oke itu saja....:)

XML di Flex

2009-02-06T22:37:00.000+07:00

Akhirnya saya bisa meluangkan waktu untuk menulis blogs lagi, banyak sekali kegiatan yang saya lakukan setelah lulus kuliah...senang rasanya bisa menulis kembali di blogs FlexIndonesia. Btw, sudah lebih dari 6 bulan blogs ini tidak saya update..Padahal sekarang Perkembangan FLEX dan AIR semakin canggih..tadinya cman belajar amfPHP dan WebORB, eh skrang sudah ada BLazeDS buat backbone Java...Eh terus skrang udah ada Flex 4....oke sekian dulu ceritanya...

XML di Flex mengikuti aturan ECMAScript for XML (E4X) di helpnya sech dibahas bahwa tujuan menggunakan format E4X, yaitu:

Simplicity--Where possible, E4X makes it easier to write and understand code for working with XML data.
Consistency--The methods and reasoning behind E4X are internally consistent and consistent with other parts of ActionScript.
Familiarity--You manipulate XML data with well-known operators, such as the dot (.) operator.

contoh penggunaan XML pada Flex

var ids:Array = [121, 122, 123]; 
var names:Array = [["Murphy","Pat"], ["Thibaut","Jean"], ["Smith","Vijay"]]
var x:XML = new XML("<employeeList></employeeList>");

for (var i:int = 0; i < 3; i++)
{
    var newnode:XML = new XML(); 
    newnode =
        <employee id={ids[i]}>
            <last>{names[i][0]}</last>
            <first>{names[i][1]}</first>
        </employee>;

    x = x.appendChild(newnode)
}

Mungkin contoh diatas masih simpel, coba lihat code berikut

[Bindable]
private var MenuList:XML=new XML("" + 
      "<root>" + 
      "<menuitem label='File' id='file'>" + 
            <menuitem label='Exit' id='Exit'/>"+
      </menuitem>" + 
      "</root>);

Pertanyaan???

1. Bagaimana menambah menuitem setelah label exit?? supaya hasilnya menjadi...

      <root>
      <menuitem label="File" id="file">
            <menuitem label="Exit" id="Exit"'/>
            <menuitem label="Open" id="Open"/>
      </menuitem>
      </root>)

Jawab:

untuk bisa menambahkan child setelah label exit kita bisa menggunakan XML method insertChildAfter()

 .....
 var newNode:XML = new XML("<menuitem label='Open' id='Open'/>");
 var contentNode:XML = MenuList.menuitem.menuitem[0];
 var parentNode:XML = MenuList.menuitem[0];
 parentNode.insertChildAfter(contentNode, newNode[0] );
 ....

XML methods

The following methods allow you to work with the hierarchical structure of XML objects:

appendChild()
child()
childIndex()
children()
descendants()
elements()
insertChildAfter()
insertChildBefore()
parent()
prependChild()

The following methods allow you to work with XML object attributes:

attribute()
attributes()

The following methods allow you to you work with XML object properties:

hasOwnProperty()
propertyIsEnumerable()
replace()
setChildren()

The following methods are for working with qualified names and namespaces:

addNamespace()
inScopeNamespaces()
localName()
name()
namespace()
namespaceDeclarations()
removeNamespace()
setLocalName()
setName()
setNamespace()

The following methods are for working with and determining certain types of XML content:

comments()
hasComplexContent()
hasSimpleContent()
nodeKind()
processingInstructions()
text()

The following methods are for conversion to strings and for formatting XML objects:

defaultSettings()
setSettings()
settings()
normalize()
toString()
toXMLString()

There are a few additional methods:

contains()
copy()
valueOf()
length()

3 cara Mengakses data server-side dengan Flex

2008-07-25T01:47:00.001+07:00

Untuk mengakses data server-side bisa menggunakan 3 cara yaitu:

1. menggunakan komponen HTTPService, Dengan komponen ini bisa memanggil link halaman yang mendeskripsikan data ke dalam bentuk XML, halaman dideskripsikan data dalam bentuk XML menggunkan bahasa sever-side seperti PHP, ColdFusion, JSP, Java servlet, Ruby on Rail, dan ASP. berikut potongan MXML yang mendeskripsikan fungsi HTTPservice

     <mx:HTTPService id="userRequest" url="http://localhost/myproj/request_post2.php" useProxy="false" method="POST">

            <mx:request xmlns="">

                <username>{username.text}</username>

                <emailaddress>{emailaddress.text}</emailaddress>

            </mx:request>

        </mx:HTTPService>

Script tersebut melakukan request terhadap file php, dan dipastikan file php tersebut sudah mendeskripsikan hasil query database ke dalam bentuk XML, sebagai contoh scripts yang mendeskripsikan hasil query ke dalam bentuk XML sebagai berikut:

    $Query = "SELECT * from users";

    $Result = mysql_query( $Query );

    $Return = "<users>";

    while ( $User = mysql_fetch_object( $Result ) )

    {

    $Return .= "<user><userid>".$User->userid."</userid><username>".$User->username."</username><emailaddress>".$User->emailaddress."</emailaddress></user>";

    }

    $Return .= "</users>";

    mysql_free_result( $Result );

    print ($Return)

2. menggunakan komponen WebService, dengan komponen ini bisa menggunkan Simple Object Access Protocol (SOAP) dan Web Services Description Language (WSDL) untuk merespon dan mengirimkan data dari client ke server atau sebaliknya. Berikut potongan script MXML WebService

    <mx:WebService

         id="userRequest"

         wsdl="http://localhost:8500/flexapp/returnusers.cfc?wsdl">

        <mx:operation name="returnRecords" resultFormat="object"

         fault="mx.controls.Alert.show(event.fault.faultString)"

         result="remotingCFCHandler(event)"/>

        <mx:operation name="insertRecord" result="insertCFCHandler()"

             fault="mx.controls.Alert.show(event.fault.faultString)"/>

    </mx:WebService>

3. menggunakan komponen RemoteObject, dengan komponen ini bisa melakukan pemanggilan method atau fungsi di dalam suatu kelas yang mendeskripsikan data kedalam bentuk objek, untuk melakukan itu di perlukan aplikasi ketiga seperti AMFPHP, SabreAMF, dan WebORB. Untuk dapat terhubung dengan aplikasi tersebut digunakan kelas mx.rpc.remoting.RemoteObject . Pada WebORB akses data dapat digambarkan sebagai berikut:

Referensi : Help-Flex Builder 3.0

ScreenShot aplikasi Multimedia Library Online

2008-07-25T00:45:00.001+07:00

Saat ini saya sedang mencoba merancang dan mengembangkan aplikasi perpustakaan multimedia online yang dapat digunakan oleh semua instansi maupun perusahaan besar. Aplikasi ini dapat menampung semua dokumen dari buku, ebook, audio, video, image, dan lain-lain. Konsep utama dari aplikasi ini adalah simpel, mudah, dan komunikatif. Selain unsur multimedia yang diterapkan pada aplikasi ini juga diterapkan unsur komunikasi untuk mendukung sharing dan sosialisasi. Berikut Screenshot yang dapat saya tampilkan saat ini

Halaman depan

Halaman Kategori

Tutorial Flex: Menghubungkan Flex dengan database (Bagian 1-PHP-XML)

2008-05-07T22:31:00.000+07:00

Untuk menghubungkan flex dengan database kita bisa menggunakan PHP, JSP,dan .NET,Nah disini saya akan membahas bagaimana menghubungkan flex dengan database menggunakan PHP, Flex tidak secara langsung mendapatkan data dari PHP melainkan, PHP meng-generate output yang dihasilkan ke dalam bentuk XML dan file XML inilah yang diambil oleh Flex sebagai data. ada beberapa cara untuk menghubungkannya kita bisa menggunakan:

xml (HTTPservice)
amfphp (Remote Object)
weborb (Remote Object)
SabreAmf (Remote Object)
LiveCycle Data Services ES (Data Services. bayar, untuk enterprise)

Dengan menggunakan XML (HTTPService)

Kelas HTTPService memperbolehkan kita untuk merequest dari URL dan menerima respon. HTTPService memiliki properti, method, dan Event, ketiga hal tersebut tidak saya paparkan secara rinci, jika ingin tahu lebih jelas silahkan anda baca help-nya adobe Flex. property, method, dan event dalam tag <mx:HTTPService> dapat saya deskripsikan berikut:

Penggunaan HTTPService untuk memanggil file PHP dan menghasil file XML dapat digambarkan sebagai berikut. Pertama MXML dikompile menjadi SWF dan publish diweb, kemudian swf membuat request dengan HTTPService melalui Apache, apache meterjemahkan request tadi dan meminta file PHP untuk menggenerate file XML, bila file XML sudah terbentuk maka apache merespon request tersebut dengan memberikan data XML ke SWF.

sekarang kita mulai saja ke prakteknya,

Apa yang dibutuhkan??

XAMPP
Flex Builder 2 (bisa juga menggunakan IDE yang lain seperti FlashDevelop+Flex SDK)

langkah pertama

buat database dengan nama database 'TestFlex' dan buat tabel 'user'

Tabel:user

field	type	length
userid	int	10
username	varchar	255
emailaddress	varchar	255

untuk membuat database bisa kita bisa menggunakan SQLYog atau phpmyAdmin,untuk phpmyadmin kita menggunakannya dengan mengetik link http://localhost/phpmyadmin dengan anggapan sudah menginstal xampp dan sudah mengaktifkannya

setelah database dibuat, kemudian buat tabel 'users'

atau bisa anda copy paste script berikut ke menu SQL, kemudian tekan tombol go

        1: CREATE TABLE `users` (

       2: `userid` int(10) unsigned NOT NULL auto_increment,

       3: `username` varchar(255) collate latin1_general_ci NOT NULL,

       4: `emailaddress` varchar(255) collate latin1_general_ci NOT NULL,

       5: PRIMARY KEY (`userid`)

       6: ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=3 ;

oke, langkah pertama sudah selesai. database testFlex dan tabel users sudah dibuat, sekarang lanjut ke langkah kedua.

Langkah kedua

buat script request.php

    <?php

    define( "DATABASE_SERVER", "localhost" );

    define( "DATABASE_USERNAME", "root" );

    define( "DATABASE_PASSWORD", "" );

    define( "DATABASE_NAME", "TestFlex" );

    //menghubungkan dengan database

    $mysql = mysql_connect(DATABASE_SERVER, DATABASE_USERNAME, DATABASE_PASSWORD);

    mysql_select_db( DATABASE_NAME );

    function quote_smart($value)

    {

       // Stripslashes

       if (get_magic_quotes_gpc()) {

           $value = stripslashes($value);

       }

       if (!is_numeric($value)) {

           $value = "'" . mysql_real_escape_string($value) . "'";

       }

       return $value;

    }

    if( $_POST["emailaddress"] AND $_POST["username"] AND $_POST["userid"])

    {

          //menambah user

          $Query = sprintf("INSERT INTO users VALUES ( %s, %s, %s)", quote_smart($_POST['userid']), quote_smart($_POST['username']),quote_smart($_POST['emailaddress']) );

          $Result = mysql_query( $Query );

    }

    //mengembalikan semua list users

    $Query = "SELECT * from users";

    $Result = mysql_query( $Query );

    $Return = "<users>";

    while ( $User = mysql_fetch_object( $Result ) )

    {

          $Return .= "<user><userid>".$User->userid."</userid><username>".$User->username."</username><emailaddress>".$User->emailaddress."</emailaddress></user>";

    }

    $Return .= "</users>";

    mysql_free_result( $Result );

    print ($Return)

    ?>

letakan file tersebut di dalam folder website anda, biasanya ada pada folder (direktori installasi)../XAMPP/htdoc/<Nama Folder web>. dalam hal saya meletakan file tersebut di dalam D:\xampp\htdocs\TestFlex\php\

langkah ketiga

buat project, dengan mengklik new->Flex Project.

Pilih Basic(e.g XML or Web service from PHP/JSP/ASP.NET) klik next,

berikan nama projectnya adalah TestFlex, kemudian klik next

letakan hasil kompilasi di folder d:\xampp\htdocs\TestFlex dan URL hasilnya pada http://localhost/TestFlex, kemudian klik finish

setelah selesai menkonfigurasikan project, kemudian muncul workspace, lalu ketik script berikut pada file TestFlex.mxml.

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

    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" layout="absolute" creationComplete="userRequest.send()">

       <mx:HTTPService id="userRequest" url="http://localhost/TestFlex/php/request.php" useProxy="false" method="POST">

          <mx:request xmlns="">

             <userid>{userid.text}</userid><username>{username.text}</username><emailaddress>{emailaddress.text}</emailaddress>

          </mx:request>

       </mx:HTTPService>

       <mx:Form x="43" y="211" width="328" height="200">

          <mx:HBox>

             <mx:Label text="ID" width="84"/>

             <mx:TextInput id="userid"/>

          </mx:HBox>

                <mx:HBox>

             <mx:Label text="Username" width="84"/>

             <mx:TextInput id="username"/>

          </mx:HBox>

          <mx:HBox>

             <mx:Label text="Email Address"/>

             <mx:TextInput id="emailaddress"/>

          </mx:HBox>

          <mx:Button label="Submit" click="userRequest.send()"/>

       </mx:Form>

       <mx:DataGrid id="dgUserRequest" x="43" y="10" dataProvider="{userRequest.lastResult.users.user}">

          <mx:columns>

             <mx:DataGridColumn headerText="User ID" dataField="userid"/>

             <mx:DataGridColumn headerText="User Name" dataField="username"/>

          </mx:columns>

       </mx:DataGrid>

    <mx:TextInput x="43" y="170" id="selectedemailaddress" text="{dgUserRequest.selectedItem.emailaddress}"/>    

    </mx:Application>

pembahasan Script

    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" layout="absolute" creationComplete="userRequest.send()">
  

yang perlu dilihat di script di atas adalah creationComplete="userRequest.send() fungsi bertujuan mengirimkan userRequest yang merupakan HTTPService setelah UI dari file ini lengkap untuk ditampilkan.

    <mx:HTTPService id="userRequest" url="http://localhost/TestFlex/php/request.php" useProxy="false" method="POST">

       <mx:request xmlns="">

          <userid>{userid.text}</userid><username>{username.text}</username><emailaddress>{emailaddress.text}</emailaddress>

       </mx:request>

    </mx:HTTPService>

Script diatas merupakan fungsi dari HTTService yang meminta requet pada url http://localhost/TestFlex/php/request.php dengan format XML yang sama dengan file request.php, jika format tersebut berbeda akan mengakibatkan hilangnya data atau error.

kemudian anda jalankan dengan mengklik run->run TestFlex

kesimpulan

Flex tidak mengambil langsung database dari SQL melainkan menggunakan fungsi HTTPService untuk memanggil request baik itu berupa file JSP, PHP, ASP dan file tersebut harus menghasilkan keluaran berupa tag xml, karena Flex hanya bisa menerima database dalam bentuk XML.

Oke smoga tutorial ini berguna bagi anda, dan bila ada kesalahan dalam tulisan ini, mohon kritikan dan saran anda. coz saya juga masih belajar :). Nanti di lanjutkan ke amfphp, weborb, dan SabreAmf

Referensi:MikePotter Blog

Komunitas Flex di Indonesia Mulai bangkit

2008-04-30T17:28:00.002+07:00

Alhamdulillah, saat ini sudah banyak sekali yang sudah membuat komunitas flex di indonesia. saya sangat bersyukur sekali dan optimis suatu saat flex akan menjadi primadona dan tambang emas bagi programmer yang menggeluti bidang ini. Betapa tidak perkembangan teknologi yang canggih pasti akan lebih mengarah ke tampilan yang indah dan dinamis. Nah..Flex itu bisa diintegrasikan dengan semua bahasa pemrograman dari java, php, .Net, dan lain-lain. Tampilan akan menjadi unsur utama setelah pengembangan backend dan middleware.Nantinya banyak sekali industri yang akan membutuhkan Flex mulai dari restoran, hotel, travel, busana, dan lain-lain yang memberikan kemudahan dan keamanan yang canggih. Flex merupakan terobosan baru dalam dunia web dan desktop (AIR). berikut nama-nama komunitas flex di indonesia yaitu:

Oke saran saya untuk komunitas Flex di indonesia, mohon untuk menterjemahkan tutorial yang ada di web asing agar semua yang ingin belajar Flex tidak kesulitan dalam mempelajarinya dan coba galang Flexer indonesia untuk buat aplikasi kecil maupun besar yang bersifat open source. Tujuannya adalah kita bisa belajar dan memahami Flex sekaligus meciptakan aplikasi yang berguna.Kita bisa menggunakan subversion atau cvs untuk mengembangkan proyek tersebut.

Diharapkan dari kedua web komunitas tersebut bisa memacu flexer indonesia supaya bisa menyumbangkan tulisannya tentang Flex. Insya Allah saya akan fokus mengembangkan flex selepas lulus dari kuliah saya, amin (wah blom lulus juga, gara2 sibuk berbisnis..hehehe)....Sukses bwat komunitas flex indonesia, go go! (sy juga mo buat lohh, tapi masih sibuk...)

Teknologi RIA (Rich Internet Application)

2008-01-29T14:59:00.001+07:00

Saat ini ada beberapa teknologi RIA yang sedang berkembang,diantaranya adalah :

Asynchronous Javascript and XML (Ajax)
Flash
Laszlo
Flex
Windows Presentation Foundation/XAML/Expression

Asynchronous Javascript and XML (Ajax)

Asynchronous Javascript and XML (Ajax), Ajax sudah terkenal sekali bagi developer Web. Ajax menggunakan HTML, DHTML, dan Javascript. Fondasi utama dari Ajax adalah penggunaan JavaScript untuk meng-Update halaman tanpa reloading. Program JavaScript berjalan pada browser bisa meng-insert data baru ke dalam Halaman Web dengan memanipulasi HTML DOM tanpa reloading halaman baru. Update mungkin melibatkan data baru yang di load dari server dalam background (menggunakan XML atau format lain). Untuk me-Request data JavaScript menggunakan perintah XMLHttpRequest.

Flash

Salah satu pemain dalam hal RIA adalah Flash, Sejak tahun 2002 Macromedia (sekarang bagian dari Adobe) mulai fokus pada flash yang bukan sekedar tool untuk animasi saja, Macromedia mulai meningkatkan kemapuan flash sebagai tool untuk membuat web yang interaktif. Hampir 97 persen Web browser sudah menggunakan Flash Player.

Laszlo

untuk memenuhi kebutuhan tool yang developer-friendly dalam membangun RIA, Laszlo System mengembangkan bahasa dan compiler yang memungkinkan developer untuk bekerja dengan bahasa yang Familiar yang compilernya bisa membuat aplikasi untuk dijalankan dalam Flash Player. Laszlo seperti Ajax, aplikasi Laszlo dibuat dari JavaScript dan XML, tetapi bisa berjalan di dalam Flash Player. Akses data pada Laszlo sama dengan Ajax yaitu dengan melakukan load di dalam server-side XML. Laszlo bisa mengakses consume Simple Object Access Protocol (SOAP) di dalam Web Services. Laszlo saat ini merupakan platform yang open source dan gratis.

Flex

Untuk alasan yang sama seperti pengembangan Laszlo yaitu untuk memenuhi kebutuhan tool yang developer-friendly untuk membangun aplikasi flash. Pada tahun 2004 Macromedia meluncurkan Flex 1.0 diikuti Flex 1.5 dan pada tahun 2005 dan 2006 Flex 2.0 diluncurkan. Secara Arsitektur, Aplikasi Flex sama dengan Ajax. Keduanya mampu melakukan dinamik update yang berjalan pada belakang layar. Pada paket yang di bundel Adobe Flex 2.0 berisi AS 3.0, Flash Flayer 9, Flex Framework 2, Flex Builder 2, dan Flex Data Services 2 (FDS2). Tetapi saat ini SDK Flex 2.0 sudah menjadi Open Source seperti halnya SDK-nya Java.

Windows Presentation Foundation/XAML/Expression

Microsoft telah mengumumkan bahwa mereka akan meluncurkan satu set tool untuk membantu developer membangun RIA dalam platform Windows.Sistem Baru itu berisi :

WPF-Windows Presentation Foundation(Kode name Avalon).dianalogikan sebagai Flash Player dan Flex Framework
XAML-Extensible Application Markup Language, merupakan bahasa XML yang bisa membuat Aplikasi WPF. XAML dianalogikan sebagai bahasa MXML pada Flex
C#-merupakan bahasa program yang digunakan untuk membangun aplikasi WPF. C# disini dianalogikan sebagai bahasa AS 3.0 pada Flex
Microsoft Expression
Visual Studio

Referensi : Professional Adobe Flex 2 byRich Tretola, Simon BarberandRenaun Erickson

Test Posting menggunakan Windows Live Writer

2007-12-13T00:14:00.001+07:00

posting ini dikirim lewat windows live writer, saya baru punya windows original jadi saya update trus. di sana ada aplikasi windows llive writer. aplikasi ini digunakan untuk posting blog.....bila berhasil nanti saya posting blog lewat aplikasi ini..biar lebih gampang gtu maksudna..kan males pake login sgla..heheheh....

Integrasi antara Fireworks,Photoshop and Flash CS3 dengan Flex.

2007-07-16T12:02:00.000+07:00

Pada konferensi AdobeLive 2007 di Itali tanggal 14 juni 2007 Enrique dan Marco Casario CEO Comtaste mempresentasikan Adobe AIR (awalnya Apollo) dan fitur baru Flex 3, selanjutnya Marco Casario mempresentasikan bahwa Flex 3 dapat di integrasikan dengan Photoshop CS3, Fireworks CS, Illustrator CS3 dan Flash CS3. Tentunya mereka bisa mengekspor graphic symbols, layouts dan components untuk Flex environment. Dengan Fireworks CS3 anda bisa menggunakan fitur Export as MXML untuk merubah layout grafik PNG menjadi kode MXML....Hebat yahh. Dan hasil dari MXML tadi bisa diedit di Flex Builder. Fitur ini memudahkan bagi para desainer web untuk mendesain web dengan mudah. Pada Illustrator CS3 anda bisa membuat symbol berbasis vector dan mengekspornya sebagai file SWF, yang siap untuk digunakan dan di impor ke dalam Flex. Sebagai contoh anda bisa mengekspor symbol vector anda dan kemudian gunakan mereka untuk merubah style tombol Flex component, gunakan script :

overSkin: Embed(source='styles.swf', symbol='mysymbol');

upSkin: Embed(source='styles.swf', symbol='mysymbol');

downSkin: Embed(source='styles.swf', symbol='mysymbol');

Kemudian dengan Flash CS3 anda bisa lakukan apapun yang anda inginkan dengan CS3 Component Kit untuk Flex . Anda bisa berinteraksi dalam Flex dengan content Flash, call public methods, mengarah ke setiap single object.

Referensi : http://blog.comtaste.com/

FLEX VS AJAX !!!

2007-06-27T16:14:00.000+07:00

AJAX atau Asynchronous JavaScript and XML hampir sama dengan Flex, AJAX dan FLEX sama2 sebuah framework yang bisa mengkompile bahasa script menjadi tampilan GUI dalam rich internet application (RIA). Basic bahasa AJAX adalah javascript jadi bahasanya mirip-mirip javascript sedangkan, sedangkan FLEX berorientasi pada MXML yang bahasa seperti bahasa XML. AJAX dan FLEX dibuat dari bahasa yang sama yaitu java. Mungkin dari segi kecepatan time respond dan compile AJAX lebih cepat dibandingkan FLEX karena tampilan AJAX lebih sederhana dibandingkan FLEX. Browser menggunakan Flash player 9 agar bisa menampilkan FLEX menjadi GUI application dan ActiveX untuk menampilkan AJAX. Secara garis besar AJAX lebih unggul dalam hal kecepatan dibandingkan FLEX, tetapi jika kecepatan bandwith internet di semua negara selain amerika, jepang, malaysia sudah cepat maka tidak menutup kemungkinan FLEX akan lebih unggul dikarenakan tampilannya merupakan Flash. Dalam milis babaflash(babaflash@yahoogroups.com), keuntungan AJAX adalah sebagai berikut :

1. Dalam pengembangan lebih mudah dan terstruktur

-Bisa membuat function/class dlm file-file terstruktur.

-function tersebut bisa dipanggil kapan saja walaupun letak file berbeda, artinya

-setiap modul juga tetap dapat dibuat terpisah.

2. membuat web database juga tetap mudah.

-Proses query bisa di atur sedemikian rupa dalam function tersendiri.

Lihat lebih detail AJAX di http://en.wikipedia.org/wiki/AJAX

Contoh AJAX lihat di link

http://www.dynamicajax.com/fr/AJAX_Programming_Basics-271_272.html

Contoh website yang menggunakan AJAX

Lebih detil lihat http://www.dynamicajax.com/fr/AJAX_Example_Sites-271_287.html

Keuntungan dari Flex itu sendiri adalah dari tampilan dan kompatibilitas yang di hasilkan, dan saat ini flex 3 sudah mengintegrasikan bahasa java dan coldfusion kedalam framework flex.

oke sekian dulu..see next page.

..................we need u attention to develop flex

Berkenalan dengan Flex

2007-06-25T15:15:00.000+07:00

Flex merupakan framework open source untuk membuat dinamik dan interaktif Rich Internet Aplication(RIA), dengan Flex kita bisa membuat aplikasi internet yang canggih dan cantik. Dikarenakan Flex merupakan suatu code yang bisa menghasilkan file flash dengan aturan bahasa MXML. MXML ini seperti bahasa XML dan HTML yang mendefinisikan componen dengan tag-tag. Flex dibuat dengan bahasa java.Sekarang ini Flex sudah dikembangkan menjadi versi 3 beta, Flex SDK versi 2 dapat didownload secara gratis di link http://www.adobe.com/products/flex/downloads/lex/downloads/ , sedangkan Flex buildernya tidak gratis karena merupakan produk dari Adobe . dapat dilihat di link http://www.adobe.com/go/tryflex?sdid=ZFCT Flex mendukung bahasa scripting seperti PHP, ASP, Java, ColdFusion, .NET (http://flex.org/ ).

Elemen aplikasi flex

-Flex framework

-MXML

-ActionScript 3.0

-CSS

-Graphic assets

-Data

Sejarah pengembangan Flex

Flex 1.0 - March 2004
Flex 1.5 - October 2004
Flex 2.0 (Alpha) - October 2005
Flex 2.0 Beta 1 - February 2006
Flex 2.0 Beta 2 - March 2006
Flex 2.0 Beta 3 - May 2006
Flex 2.0 FINAL - June 28, 2006
Flex 2.0.1 - January 5, 2007
Flex 2.0.1 available as open source - April 26, 2007
Flex 3.0 Beta 1[Moxie] - June 11, 2007

http://en.wikipedia.org/wiki/Adobe_Flex

Berikut gambar bagaimana program Flex di compile dan dikembangkan

Contoh bahasa MXML

................Maaf ya klo gambar gak jelas...hehehehe

Sekian dulu perkenalannya....nanti kita lanjutkan lebih detail lagi (TB).