Leonardo França » Flex http://www.leonardofranca.com Flash Platform, Adobe AIR, ActionScript, Flash, RIA, Flex, Flash Media Server, RED5, Flash Lite, PHP, ZendAMF, AMFPHP, Java, GraniteDS, BlazeDS Thu, 02 Sep 2010 07:34:19 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Lazy Loading with Adobe Flex and BlazeDS http://www.leonardofranca.com/index.php/2010/08/31/lazy-loading-with-adobe-flex-and-blazeds/ http://www.leonardofranca.com/index.php/2010/08/31/lazy-loading-with-adobe-flex-and-blazeds/#comments Tue, 31 Aug 2010 11:05:08 +0000 Leonardo França http://www.leonardofranca.com/?p=703

BlazeDS is an implementation in Java for working with the protocol AMF (Action Message Format) and facilitate communication between the swf and your server-side Java.
When you begin to use a resource unlike most people, you may find some problems difficult to solve. Flex with Java and the problem is the old Lazy Loading, which already was the subject of several conversations between me and Wenderson. I left this issue aside to focus on other things. However the Wenderson managed to find a solution, see the full article with the solution.
Adobe Flex, BlazeDS, Gilead, LazyLoading Resolvido(LazyLoading Solved)

Recommended books:

]]> http://www.leonardofranca.com/index.php/2010/08/31/lazy-loading-with-adobe-flex-and-blazeds/feed/ 0 Motion Detection Webcam with Adobe Flash http://www.leonardofranca.com/index.php/2010/08/27/motion-detecting-webcam-with-adobe-flash/ http://www.leonardofranca.com/index.php/2010/08/27/motion-detecting-webcam-with-adobe-flash/#comments Fri, 27 Aug 2010 10:56:16 +0000 Leonardo França http://www.leonardofranca.com/?p=654

An interesting feature and that few people know the Flash Player or Adobe AIR, is that in addition to access features like the webcam user, it can also detect whether there is movement in the camera. This can be useful if you're implementing a system to stream live and want to save the bandwidth used. For example, the stream will only be published if you have any camera motion.

Flash Player or Adobe AIR, beyond access features such as webcam user can also detect whether there is movement in the camera.

Let's see an example using Adobe Flash Professional CS5 and Flash Builder 4 (using the Flex framework 4).

Adobe Flash Professional CS5

  • Create a file of type ActionScript 3.0
  • Press F11 to open the library, ask to create a new symbol type "video":

    Library->New Video

  • A new window appears, in the name of "cam" and leave the option "Video (ActionScript-controlled)" selected:

    cam

  • Drag the component you just created for the stage and the instance name of "cam", then resize to 320x240.
  • Drag a ProgressBar component's type library of the User Interface. Name the instance "pbar".
  • After that you should have something like this:

    Stage ready to start programming

We have our stage ready to start programming ActionScript 3.0. Let's start with asking the Flash Player to access the webcam and then put the image of the webcam in our component video.

PLAIN TEXT
ACTIONSCRIPT3:
  1. myCam = Camera.getCamera();
  2. cam.attachCamera(myCam);

Now just to make our movie listen to the event "ActivityEvent" Webcam.

PLAIN TEXT
ACTIONSCRIPT3:
  1. myCam.addEventListener(ActivityEvent.ACTIVITY,handlerMotion);

And handlerMotion method, we implement the actions in the ProgressBar.

PLAIN TEXT
ACTIONSCRIPT3:
  1. function handlerMotion(evt:ActivityEvent):void
  2. {
  3.     trace(evt.target.activityLevel);
  4.     pbar.setProgress(evt.target.activityLevel,100);
  5.     if(evt.target.activityLevel <10)
  6.     {
  7.         trace("muito quieto! =õ(");
  8.     }
  9.     else
  10.     {
  11.         trace("eba! festa!!! \\o/\\O/\\o/");
  12.     }
  13. }

See example in operation:

Adobe Flex 4
We will now see an example using Adobe Flex, I'll grab the camera using component VideoDisplay.

  • Create a project of type web (Flex) or Desktop (AIR).
  • Drag a component of type VideoDisplay and another type ProgressBar to the stage.
  • We have something like this:
    PLAIN TEXT
    MXML:
    1. <?xml version="1.0" encoding="utf-8"?>
    2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    3.                xmlns:s="library://ns.adobe.com/flex/spark"
    4.                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="450" minHeight="400" width="450" height="400">
    5.     <s:VideoDisplay id="cam" x="48" y="38" width="360" height="240"/>
    6.     <mx:ProgressBar id="pbar" x="125" y="297"/>
    7. </s:Application>

Simply implement the ActionScript programming now, is very similar to the way we did in Flash. We will change little in the ActionScript 3.0 code.

PLAIN TEXT
ACTIONSCRIPT3:
  1. protected function application1_creationCompleteHandler(event:FlexEvent):void
  2. {
  3.     pbar.mode = "manual";
  4.     myCam = Camera.getCamera();
  5.     var vd:Video = new Video(320,240);
  6.     vd.attachCamera(myCam);
  7.     cam.addChild(vd);
  8.     myCam.addEventListener(ActivityEvent.ACTIVITY, handlerMotion);
  9. }
  10.  
  11. private function handlerMotion(evt:ActivityEvent):void
  12. {
  13.     trace(evt.target.activityLevel);
  14.     pbar.setProgress(evt.target.activityLevel,100);
  15.     if(evt.target.activityLevel <10)
  16.     {
  17.         pbar.label = "muito quieto! =õ(";
  18.     }
  19.     else
  20.     {
  21.         pbar.label = "eba! festa!!! \\o/\\O/\\o/";
  22.     }
  23. }

Now, we only apply the logic to be transmitted or not the stream of the webcam user.

DOWNLOAD SOURCE FLEX

More:
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/media/Camera.html?allClasses=1

Recommended Books:

Buy Softwares:

]]> http://www.leonardofranca.com/index.php/2010/08/27/motion-detecting-webcam-with-adobe-flash/feed/ 1 Using the local database with Adobe AIR http://www.leonardofranca.com/index.php/2010/07/23/using-the-local-database-with-adobe-air/ http://www.leonardofranca.com/index.php/2010/07/23/using-the-local-database-with-adobe-air/#comments Fri, 23 Jul 2010 22:21:20 +0000 Leonardo França http://www.leonardofranca.com/?p=586

We often need our system can store data locally without the need for a robust database as a MySQL or SQL Server, or even that data can be stored locally for later synchronization with a remote database. Adobe AIR offers the possibility of working with database locally, your bank is based on the SQLite database, the more used to this kind of need to be very fast and easy to work with. Was added transaction support in Adobe AIR 2.0.
Let's do a simple example, start with the SQLConnection class, she will be responsible for connecting with our local bank, it is also defined that the database will be used only in memory or whether it created a local file (extension. db).

PLAIN TEXT
ACTIONSCRIPT3:
  1. conn = new SQLConnection();
  2. try
  3.             {
  4.                 conn.open(dbFile);//conn.open(null) passe null para o banco ser criado somente em memoria
  5.             }
  6.             catch(err:Error)
  7.             {
  8.                 trace(ObjectUtil.toString(err));
  9.                 return;
  10.             }

In this case, I am creating a local file to the database. dbfiles is an instance of the File class:

PLAIN TEXT
ACTIONSCRIPT3:
  1. dbFile = File.applicationStorageDirectory.resolvePath("dbFile.db");

Having created our database, we create our table for storing data. We will use the class SQLStatement.

PLAIN TEXT
ACTIONSCRIPT3:
  1. createStmt = new SQLStatement();
  2.             createStmt.sqlConnection = conn;

We will pass by the SQL string to create the table then to be performed by AIR:

PLAIN TEXT
ACTIONSCRIPT3:
  1. var sql:String = "";
  2.             sql += "CREATE TABLE IF NOT EXISTS contato (";
  3.             sql += "    id  INTEGER PRIMARY KEY AUTOINCREMENT,";
  4.             sql += "    nome    TEXT,";
  5.             sql += "    email   TEXT";
  6.             sql += ")";
  7. createStmt.text = sql;
  8. try
  9.             {
  10.                 createStmt.execute();
  11.             }
  12.             catch(error:SQLError)
  13.             {
  14.                 trace("CREATE TABLE error:", error);
  15.                 trace("error.message:", error.message);
  16.                 trace("error.details:", error.details);
  17.                 return void;
  18.             }

We have our database and tables created, let's create a form to enter some data in the database:

PLAIN TEXT
ACTIONSCRIPT3:
  1. insertStmt = new SQLStatement();
  2.             insertStmt.sqlConnection = conn;
  3.             var sql:String = "";
  4.             sql += "INSERT INTO contatos (nome, email) ";
  5.             sql += "VALUES ('"+txtNome.text+"', '"+txtEmail.text+"')";
  6.             insertStmt.text = sql;
  7.            
  8.             try
  9.             {
  10.                 insertStmt.execute();
  11.             }
  12.             catch (error:SQLError)
  13.             {
  14.                 trace("INSERT error:", error);
  15.                 trace("error.message:", error.message);
  16.                 trace("error.details:", error.details);
  17.                 return void;
  18.             }

Now just create the method to execute the select

PLAIN TEXT
ACTIONSCRIPT3:
  1. selectStmt = new SQLStatement();
  2.             selectStmt.sqlConnection = conn;
  3.             var sql:String = "SELECT id, nome, email FROM contatos";
  4.             selectStmt.text = sql;
  5.            
  6.             try
  7.             {
  8.                 selectStmt.execute();
  9.             }
  10.             catch (error:SQLError)
  11.             {
  12.                 trace("SELECT error:", error);
  13.                 trace("error.message:", error.message);
  14.                 trace("error.details:", error.details);
  15.                 return;
  16.             }
  17.            
  18.             var result:SQLResult = selectStmt.getResult();
  19.             dg.dataProvider = result.data;

Following is the complete code:

PLAIN TEXT
MXML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
  3.                        xmlns:s="library://ns.adobe.com/flex/spark"
  4.                        xmlns:mx="library://ns.adobe.com/flex/mx">
  5.     <fx:Script>
  6.         <![CDATA[
  7.             import flash.data.SQLConnection;
  8.             import flash.data.SQLResult;
  9.             import flash.data.SQLStatement;
  10.             import flash.errors.SQLError;
  11.             import flash.events.MouseEvent;
  12.             import flash.filesystem.File;
  13.            
  14.             import mx.utils.ObjectUtil;
  15.            
  16.             private var conn:SQLConnection;
  17.             private var dbFile:File;
  18.             private var createStmt:SQLStatement;
  19.             private var createStatusStmt:SQLStatement;
  20.             private var insertStmt:SQLStatement;
  21.             private var selectStmt:SQLStatement;
  22.            
  23.             override protected function childrenCreated():void
  24.             {
  25.                 super.childrenCreated();
  26.                
  27.                 dbFile = File.applicationStorageDirectory.resolvePath("dbContatos.db");
  28.                 conn = new SQLConnection();
  29.                
  30.                 try
  31.                 {
  32.                     conn.open(dbFile);
  33.                 }
  34.                 catch(err:Error)
  35.                 {
  36.                     trace(ObjectUtil.toString(err));
  37.                     return;
  38.                 }
  39.                
  40.                 createTable();
  41.                
  42.                 btnInsert.addEventListener(MouseEvent.CLICK,addData);
  43.             }
  44.            
  45.             private function createTable():void
  46.             {
  47.                 createStmt = new SQLStatement();
  48.                 createStmt.sqlConnection = conn;
  49.                
  50.                 var sql:String = "";
  51.                 sql += "CREATE TABLE IF NOT EXISTS contatos (";
  52.                 sql += "    id  INTEGER PRIMARY KEY AUTOINCREMENT,";
  53.                 sql += "    nome    TEXT,";
  54.                 sql += "    email   TEXT";
  55.                 sql += ")";
  56.                 createStmt.text = sql;
  57.                
  58.                 try
  59.                 {
  60.                     createStmt.execute();
  61.                 }
  62.                 catch(error:SQLError)
  63.                 {
  64.                     trace("CREATE TABLE error:", error);
  65.                     trace("error.message:", error.message);
  66.                     trace("error.details:", error.details);
  67.                     return void;
  68.                 }
  69.                
  70.                 getData();
  71.             }
  72.            
  73.             private function addData(evt:MouseEvent=null):void
  74.             {
  75.                 insertStmt = new SQLStatement();
  76.                 insertStmt.sqlConnection = conn;
  77.                 var sql:String = "";
  78.                 sql += "INSERT INTO contatos (nome, email) ";
  79.                 sql += "VALUES ('"+txtNome.text+"', '"+txtEmail.text+"')";
  80.                 insertStmt.text = sql;
  81.                
  82.                 try
  83.                 {
  84.                     insertStmt.execute();
  85.                 }
  86.                 catch (error:SQLError)
  87.                 {
  88.                     trace("INSERT error:", error);
  89.                     trace("error.message:", error.message);
  90.                     trace("error.details:", error.details);
  91.                     return void;
  92.                 }
  93.                 getData();
  94.             }
  95.            
  96.             private function getData():void
  97.             {
  98.                 selectStmt = new SQLStatement();
  99.                 selectStmt.sqlConnection = conn;
  100.                 var sql:String = "SELECT id, nome, email FROM contatos";
  101.                 selectStmt.text = sql;
  102.                
  103.                 try
  104.                 {
  105.                     selectStmt.execute();
  106.                 }
  107.                 catch (error:SQLError)
  108.                 {
  109.                     trace("SELECT error:", error);
  110.                     trace("error.message:", error.message);
  111.                     trace("error.details:", error.details);
  112.                     return;
  113.                 }
  114.                
  115.                 var result:SQLResult = selectStmt.getResult();
  116.                 dg.dataProvider = result.data;
  117.             }
  118.  
  119.         ]]>
  120.     </fx:Script>
  121.     <fx:Declarations>
  122.         <!-- Place non-visual elements (e.g., services, value objects) here -->
  123.     </fx:Declarations>
  124.     <s:Group width="100%" height="100%">
  125.         <mx:ViewStack x="0" y="68" id="viewstack1" width="100%" height="198" creationPolicy="all">
  126.             <s:NavigatorContent label="Registros" width="100%" height="100%">
  127.                 <mx:DataGrid id="dg" x="18" y="30" width="100%" height="100%">
  128.                     <mx:columns>
  129.                         <mx:DataGridColumn headerText="ID" width="25" dataField="id"/>
  130.                         <mx:DataGridColumn headerText="Nome" width="200" dataField="nome"/>
  131.                         <mx:DataGridColumn headerText="Email" width="200" dataField="email"/>
  132.                     </mx:columns>
  133.                 </mx:DataGrid>
  134.             </s:NavigatorContent>
  135.             <s:NavigatorContent label="Inserir Registro" width="100%" height="100%">
  136.                 <s:Label x="10" y="10" text="Inserir Registro"/>
  137.                 <mx:Form x="10" y="34" width="100%" height="100%">
  138.                     <mx:FormItem label="Nome:">
  139.                         <s:TextInput id="txtNome"/>
  140.                     </mx:FormItem>
  141.                     <mx:FormItem label="Email:">
  142.                         <s:TextInput id="txtEmail"/>
  143.                     </mx:FormItem>
  144.                     <mx:FormItem>
  145.                         <s:Button id="btnInsert" label="Inserir"/>
  146.                     </mx:FormItem>
  147.                 </mx:Form>
  148.             </s:NavigatorContent>
  149.         </mx:ViewStack>
  150.         <mx:LinkBar x="0" y="35" dataProvider="{viewstack1}">
  151.         </mx:LinkBar>
  152.     </s:Group>
  153. </s:WindowedApplication>

more:
Quick Start: Working asynchronously with a local SQL database (Flex)
Quick Start: Working asynchronously with a local SQL database (Flash)
Quick Start: Working asynchronously with a local SQL database (HTML)
Quick Start: Working synchronously with a local SQL database (Flex)
Quick Start: Working synchronously with a local SQL database (Flash)
Quick Start: Working synchronously with a local SQL database (HTML)

Books:
Adobe AIR Bible (Bible (Wiley))
Adobe AIR in Action

]]> http://www.leonardofranca.com/index.php/2010/07/23/using-the-local-database-with-adobe-air/feed/ 3 Adobe Certified Expert Flex 4 http://www.leonardofranca.com/index.php/2010/07/19/adobe-certified-expert-flex-4/ http://www.leonardofranca.com/index.php/2010/07/19/adobe-certified-expert-flex-4/#comments Mon, 19 Jul 2010 16:22:55 +0000 Leonardo França http://www.leonardofranca.com/?p=577

Available today is the certification exam of Adobe Flex 4 (Flex 4 # ACE Exam 9A0-129) since July 16, Now you have 59 questions related to Creating a User Interface (UI), Flex system architecture and design, Programming Flex applications with ActionScript, Interacting with data sources and servers and Using Flex in the Adobe Integrated Runtime (AIR)
You need at least 67% to pass.
The proof is performed in authorized centers online by Adobe and you mark the exam through sites Prometric or Pearson VUE
More details:
http://partners.adobe.com/public/ace/main.html
http://partners.adobe.com/public/en/ace/ACE_Exam_Guide_Flex4.pdf
http://www.pearsonvue.com/adobe
http://www.prometric.com

]]> http://www.leonardofranca.com/index.php/2010/07/19/adobe-certified-expert-flex-4/feed/ 0 BR Conference http://www.leonardofranca.com/index.php/2010/07/12/br-conference/ http://www.leonardofranca.com/index.php/2010/07/12/br-conference/#comments Mon, 12 Jul 2010 16:27:35 +0000 Leonardo França http://www.leonardofranca.com/?p=570

BR Conference


BR Conference 2010 is the first event held in Brazil on RIA (Rich Internet Application) and ColdFusion.
With the support of Adobe Systems Inc's and share some of the best and most renowned professionals in the world the tools and technologies ColdFusion, Flex, AIR, Flash Media Server and LiveCycle, BR Conference 2010 is an event created by developers for developers.
Learn more ...

]]> http://www.leonardofranca.com/index.php/2010/07/12/br-conference/feed/ 0 Group and ungroup data in AdvancedDataGrid http://www.leonardofranca.com/index.php/2010/04/07/group-and-ungroup-data-in-advanceddatagrid/ http://www.leonardofranca.com/index.php/2010/04/07/group-and-ungroup-data-in-advanceddatagrid/#comments Wed, 07 Apr 2010 14:35:36 +0000 Leonardo França http://www.leonardofranca.com/?p=549

Needed to implement a feature that in a AdvancedDataGrid hours ordering the data by the first letter or not. First time I thought it was very difficult as I had done something similar in another project where it should split by examples hours the servers, time servers of the instances.
When looking at this old project, I thought it was very complicated and hard to understand, I returned to livedocs to study a little more.
I used the example of Adobe and basic with some adjustments, I saw what I wanted to do was simpler than I thought.
I have a data layer for simple demonstration, and at first, my food grid with it.

PLAIN TEXT
ACTIONSCRIPT3:
  1. [Bindable]
  2.  private var dpFlat:ArrayCollection = new ArrayCollection([
  3.  {Region:"Southwest", Territory:"Arizona",
  4.      Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000},
  5.  {Region:"Southwest", Territory:"Arizona",
  6.      Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000},  
  7.  {Region:"Southwest", Territory:"Central California",
  8.      Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000},  
  9.  {Region:"Southwest", Territory:"Nevada",
  10.      Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000},  
  11.  {Region:"Southwest", Territory:"Northern California",
  12.      Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000},
  13.  {Region:"Southwest", Territory:"Northern California",
  14.      Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000},  
  15.  {Region:"Southwest", Territory:"Southern California",
  16.      Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000},
  17.  {Region:"Southwest", Territory:"Southern California",
  18.      Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000}
  19.             ]);

A CheckBox is adding a listener to tell me when he is selected or not.

PLAIN TEXT
MXML:
  1. <mx:CheckBox id="ckGroup" label="Checkbox"/>

My function that handles the event of the CheckBox will do the work group and ungroup data.

PLAIN TEXT
ACTIONSCRIPT:
  1. private function handlerCheck(evt:Event):void
  2. {
  3.     if(ckGroup.selected)
  4.         {
  5.         trace("selected");
  6.         gc.source = dpFlat;
  7.         gc.refresh();
  8.         hView = new HierarchicalCollectionView(gc);
  9.         myADG.dataProvider = hView;
  10.     }
  11.     else
  12.         {
  13.         trace("no selected");
  14.         myADG.dataProvider = dpFlat;
  15.     }
  16.  }

I am using the class GroupCollection which is responsible for grouping my data for a particular field to be displayed in AdvancedDataGrid.

PLAIN TEXT
MXML:
  1. <mx:GroupingCollection id="gc" source="{dpFlat}">
  2.         <mx:grouping>
  3.             <mx:Grouping>
  4.        <!--         <mx:GroupingField name="Region"/>-->
  5.                 <mx:GroupingField name="Territory"/>
  6.             </mx:Grouping>
  7.         </mx:grouping>
  8.     </mx:GroupingCollection>

Turning then to HierarchicalCollectionView that provides a hierarchical view of my data.

PLAIN TEXT
ACTIONSCRIPT:
  1. gc.source = dpFlat;
  2. gc.refresh();
  3. hView = new HierarchicalCollectionView(gc);
  4. myADG.dataProvider = hView;

The complete example:

PLAIN TEXT
MXML:
  1. <?xml version="1.0"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
  3.     <mx:Script>
  4.        <![CDATA[
  5.             import mx.collections.HierarchicalCollectionView;
  6.            import mx.collections.ArrayCollection;
  7.                  
  8.            [Bindable]
  9.            private var dpFlat:ArrayCollection = new ArrayCollection([
  10.              {Region:"Southwest", Territory:"Arizona",
  11.                  Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000},
  12.              {Region:"Southwest", Territory:"Arizona",
  13.                  Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000},  
  14.              {Region:"Southwest", Territory:"Central California",
  15.                  Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000},  
  16.              {Region:"Southwest", Territory:"Nevada",
  17.                  Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000},  
  18.              {Region:"Southwest", Territory:"Northern California",
  19.                  Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000},
  20.              {Region:"Southwest", Territory:"Northern California",
  21.                  Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000},  
  22.              {Region:"Southwest", Territory:"Southern California",
  23.                  Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000},
  24.              {Region:"Southwest", Territory:"Southern California",
  25.                  Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000}
  26.            ]);
  27.            private var hView:HierarchicalCollectionView;
  28.            
  29.            override protected function childrenCreated():void
  30.            {
  31.                 super.childrenCreated();
  32.                 ckGroup.addEventListener(Event.CHANGE,handlerCheck);
  33.                 myADG.dataProvider = dpFlat;
  34.            }
  35.            
  36.            private function handlerCheck(evt:Event):void
  37.            {
  38.                 if(ckGroup.selected)
  39.                 {
  40.                     trace("selected");
  41.                     gc.source = dpFlat;
  42.                     gc.refresh();
  43.                     hView = new HierarchicalCollectionView(gc);
  44.                     myADG.dataProvider = hView;
  45.                 }
  46.                 else
  47.                 {
  48.                     trace("no selected");
  49.                     myADG.dataProvider = dpFlat;
  50.                 }
  51.            }
  52.        ]]>
  53.    </mx:Script>
  54.     <mx:GroupingCollection id="gc" source="{dpFlat}">
  55.         <mx:grouping>
  56.             <mx:Grouping>
  57.        <!--         <mx:GroupingField name="Region"/>-->
  58.                 <mx:GroupingField name="Territory"/>
  59.             </mx:Grouping>
  60.         </mx:grouping>
  61.     </mx:GroupingCollection>
  62.     <mx:Panel title="AdvancedDataGrid Control Example" height="75%" width="75%" layout="horizontal" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
  63.         <mx:AdvancedDataGrid id="myADG" width="100%" height="100%" initialize="gc.refresh();">        
  64.             <mx:columns>
  65.                 <!--<mx:AdvancedDataGridColumn dataField="Region"/>-->
  66.                 <mx:AdvancedDataGridColumn dataField="Territory"/>
  67.                 <mx:AdvancedDataGridColumn dataField="Territory_Rep" headerText="Territory Rep"/>
  68.                 <mx:AdvancedDataGridColumn dataField="Actual"/>
  69.                 <mx:AdvancedDataGridColumn dataField="Estimate"/>
  70.             </mx:columns>
  71.        </mx:AdvancedDataGrid>
  72.         <mx:ControlBar>
  73.             <mx:CheckBox id="ckGroup" label="Checkbox"/>
  74.         </mx:ControlBar>
  75.     </mx:Panel>
  76. </mx:Application>

references:
http://livedocs.adobe.com/flex/3/html/help.html?content=advdatagrid_06.html

Translations:
Português do Brasil

]]> http://www.leonardofranca.com/index.php/2010/04/07/group-and-ungroup-data-in-advanceddatagrid/feed/ 0 Flash Camp Brasil = Success!!! http://www.leonardofranca.com/index.php/2010/01/18/flash-camp-brasil-sucess/ http://www.leonardofranca.com/index.php/2010/01/18/flash-camp-brasil-sucess/#comments Mon, 18 Jan 2010 14:49:32 +0000 Leonardo França http://www.leonardofranca.com/?p=531

Flash Camp Brasil - I've been there!!!

Flash Camp Brasil - I've been there!!!


The event was unprecedented in Brazil, the Flash Camp Brasil, occurred in the last days 15 and 16 in Maceió, Brazil.
To begin with, was an adventure can go to the event, with tickets and expensive hotel crowded, but it is something that would not miss for the world.
I was staying in a hostel and lucky for me, on the morning of day 15, shared a post from the street, and my notebook with a damaged battery, I decided to go to the hotel of the event to familiarize myself with the way.
The path to the hostel to the hotel was closer than imagined, having only to wait anxiously for 7 hours until the event start.
While waiting and sitting on the couch with a provision making(ufa!!!), reunion the Gabriela Zaninetti, Marketing Manager of Adobe Systems Brasil, soon after going to the place of lecture and mini-courses, met Demian Borba was already in full swing in the last preparations for the event and introduced me to Filipe Cunha of Globo.com, sorry that did not to attend the mini-course it. Who was it was also Pedro Taranto(we almost ran into the airport).
Shortly after the Gabi introduced me to Fabricio Manzi, guy who knew the years and only in the event I can finally meet you in person. Then I had the opportunity to meet Tiago Venegas, with whom he later exchanged ideas on Flash Media Server, Cássio Souza, Technical Director Gringo and Diego of COC, after some talk time, arrivesIgor Costa, another so that the web and knew I had the opportunity to meet personally, I played a little Mortal Kombat vs DC Comics and took a beating by Neto Leal.
A few minutes before the event, entering the auditorium, reunion the Lee with whom I had a quick conversation about our trips were.
In between I had the opportunity to meet Beck Novaes, in which I showed a bit of a speech that would do the next day. At the end of the event, I know Bruno Ribeiro who told me about the project that won the mini ignite.

About the sessions
First day
Well, full auditorium, all fully prepared and Demian opened the event with an exciting presentation on EFM and how did your dream to make a Flash Camp in Brazil.

Joshua Hirsch Minister of Technology of the Big Spaceship, commented on how your company works and has demonstrated some very interesting projects in which the developer program so even in the latest stage of the project, first you need to buy a machine to smoke.

The second lecture was the Daniel Morena Creative Director of the Agency 32 Bits, about 1.0 Enhanced Reality, that really surprised me, systems showed he made a few years with the Flash Platform using multitouch when not imagined that. I could personally give my congratulations to Daniel Morena.

Second day
O segundo dia se iniciou com a palestra do Sam Rivello, CEO of RMC, biology compared with programming, demonstrated in a simple and objective simulation of biological behavior in programming in Flex 4.

The second lecture was that of Igor Costa, and relaxed and animated, it showed 40 differences considered significant change between Flex 3 and Flex 4.

Tiago Venegas began his lecture by explaining what's new in Flash Media Server 3.5, demonstrated vorttice, a tool conference that owes nothing to the Adobe Connect, also shown as is done dynamic stream.

Next, Lee explained some news about Flash Player 10.1 and created an example using the Adobe Flash CS5 exporting directly to a native application for IPhone.

The presentation of Cássio Souza began with a story about how the way you work in, then explained design pattern State Machine. You may have used State Machine and did not know.

Daniel Dura told the story of the multitouch and demonstrated how it can be worked in Flash Platform.

The talk of closure of the event was dedicated to the Beck Novaes about OutBox, and in my opinion, was closed on a high note, was simply fantastic, I think one of the best speeches of the event.

This was a summary on how fast it was my adventure in Flash Camp Brasil and the ultimate feeling is that it was very worthwhile, Maceió was perfect for the event and a cry marked the Flash Camp Brasil: "sa porra!!!".

See more pictures:
http://www.garagem.com.br/novo_garagem/eventos/flashweb/1024/index.php?cd_evento=1227

]]> http://www.leonardofranca.com/index.php/2010/01/18/flash-camp-brasil-sucess/feed/ 0 Installing Flex on Linux (Ubuntu) http://www.leonardofranca.com/index.php/2009/11/10/installing-flex-on-linux-ubuntu/ http://www.leonardofranca.com/index.php/2009/11/10/installing-flex-on-linux-ubuntu/#comments Tue, 10 Nov 2009 17:30:59 +0000 Leonardo França http://www.leonardofranca.com/?p=520

Recently I started using Ubuntu to develop and carry out some tests with the Flash Platform, I came across the problem of installing Flex Builder on Linux. After some tests and almost giving up, with the help of my friend Wenderson, could solve the problem.

Follow the link for the article detailed how to install Flex Builder on Linux using Ubuntu distro.
http://www.wendersonsouza.com.br/index.php/2009/10/03/usando-flex-no-linuxubuntu/

]]> http://www.leonardofranca.com/index.php/2009/11/10/installing-flex-on-linux-ubuntu/feed/ 0 Stream with Flex or Flash or Flash Lite and Flash Media Server http://www.leonardofranca.com/index.php/2009/08/22/stream-with-flex-or-flash-or-flash-lite-and-flash-media-server/ http://www.leonardofranca.com/index.php/2009/08/22/stream-with-flex-or-flash-or-flash-lite-and-flash-media-server/#comments Sat, 22 Aug 2009 03:58:54 +0000 Leonardo França http://www.leonardofranca.com/?p=458

Recent years have seen an explosion of growth of multimedia content available, but also the growing use of broadband, we have more users with access to multimedia content, but the main factor was the ease that Flash brought to this kind of implementation of rich content (or you think that if youtube was done with windows media, would have the same result :P ), Including mobile devices. Recently we had the highest peaks of people accessing streamed content with the funeral of Michael Jackson, not only surpassed by the Obama's Inauguration.

Adobe Flash Media Server e Flash Platform

Adobe Flash Media Server and Flash Platform


The aim of this paper is to demonstrate how we can make the mere distribution of content streamed using Adobe Flash Media Server along with the Flash Platform.

We will see how to implement a service stream with Adobe Flex, Adobe Flash and Adobe Flash Lite along with the streaming server Adobe Flash Media Server.

Adobe Flash Media Server 3.5

Adobe Flash Media Server 3.5


Adobe Flash Media Server, currently in its version 3.5, has three versions available:

  • Adobe Flash Media Streaming Server - for transmission to the streaming content with the Flash Platform
  • Adobe Flash Media Interactive Server - For interactive applications, multi-way communication, videos in real-time, audio, and data sharing.
  • Adobe Flash Media Development Server - Contains all the features of FMIS, being free and limited to 10 simultaneous connections.

In addition to these versions, there are the following:

Preparing the Adobe Flash Media Server
The version used in tutorial is Flash Media Server 3.5, see how to install this article from Tom Green, make sure that the server is running normally, and we will create the directory of our application for example, by default, the directories of the applications are created in the path: "C: \ Program Files \ Adobe \ Flash Media Server 3.5 \ applications", I changed the file fms.ini (C: \ Program Files \ Adobe \ Flash Media Server 3.5 \ conf) in the constant "VHOST . APPSDIR "to" C: \ apache \ htdocs \ applications \ ".
That done, let's create the directory of our application giving the name "videoondemand" and within that, another folder called "streams" and within this, a directory called "_definst_" where videos should be saved.
Our structure is ready to receive the videos will be provided for streaming with Flash Media Server, one last detail is to create a file called "main.asc" and save in "videoondemanda" can even be empty, he will be responsible for Flash Media Server recognizes the application. Let's test the console application using Flash Media Server, ( "C: \ Program Files \ Adobe \ Flash Media Server 3.5 \ webroot \ swfs \ fms_adminConsole.swf"), View Applications tab, select the server in my case will place in combobox "new instance ...". select videoOnDemand "if everything is correct, the island had begun to monitor the application. You should see something like the image below:

Flash Media Server Console

Flash Media Server Console


Stream with Flash and Flash Media Server
Now we just need to create our client that will run the videos, we have several ways to implement this, I will start using Adobe Flash CS4 Professional.

  • Go to "Files-> New .." select Flash File (ActionScript 3.0).
  • In the library panel, click on the "new Video. Give the name of instance "vd. In Type leave selecting "Video (ActionScript-controlled).
    Adobe Flash CS4

    Adobe Flash CS4

  • Create a layer to write our ActionScript.

In the initial code, instantiate the class NetConnection to make the connection to Flash Media Server:

PLAIN TEXT
ACTIONSCRIPT3:
  1. var rtmp:String = "rtmp://localhost/videoOnDemand";//your domain Flash Media Server//
  3.  
  4. function doConnect():void
  5. {
  6.     nc.connect(rtmp);
  7.     //nc.objectEncoding=ObjectEncoding.AMF0; // only for Flash Media Server 2
  8.     nc.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
  9. }
  10.  
  11. function handlerNetStatus(evt:NetStatusEvent):void
  12. {
  13.     var info:Object=evt.info;
  14.     trace(info.code);
  15. }
  16.  
  17. doConnect();

By doing so, we will test pressing ctrl + enter, if all goes well, we should see the following message in the output:

NetConnection.Connect.Success

Now just implement a function that will instantiate the NetStream class, responsible for the video stream, soon after adding the movieclip that will run the video.

PLAIN TEXT
ACTIONSCRIPT3:
  1. function doStream():void
  2. {
  3.     var ns:NetStream=new NetStream(nc);
  4.     vd.attachNetStream(ns);
  5.     ns.play("sneeze");
  6.     ns.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStreamStatus);
  7.     ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR,onMetaData);
  8. }
  9.  
  10. function handlerNetStreamStatus(evt:NetStatusEvent):void
  11. {
  12.     var info:Object=evt.info;
  13.     trace(info.code);
  14. }

We should have the following result:

Stream com Flash e Flash Media Server

Stream com Flash e Flash Media Server


DOWNLOAD SOURCE

Using the FLVPlayback component

  • Go to "Files-> New .." select Flash File (ActionScript 3.0).
  • In dry go to "Window-> Components or Ctrl + F7, drag the FLVPlayback component to the stage, in the name of instance myFLVPlayback

Now we have to "tell" the component that will be using a video stream content, simply set the isLive property to true:

PLAIN TEXT
ACTIONSCRIPT3:
  1. import fl.video.*;
  2.  
  3. flvPlayer.isLive=true;
  4. flvPlayer.source="rtmp://localhost/videoondemand/sneeze";
  5. flvPlayer.scaleMode = VideoScaleMode.MAINTAIN_ASPECT_RATIO;
  6. flvPlayer.play();

Stream with Flex and Flash Media Server
We will see some examples implementing Adobe Flex, the first example will be using the Video class, we instantiate it and add a simple canvas component.
The basics are very similar as done in Adobe Flash.
Using the Video class

PLAIN TEXT
ACTIONSCRIPT3:
  1. private var url_rtmp:String = "rtmp://localhost/videoOnDemand";
  2. private var nc:NetConnection = new NetConnection();
  3. private var ns:NetStream;
  4. private var localVideo:Video = new Video(320,240);
  5. private var videoHolder:UIComponent;

Added the init function to be loaded as createComplete the application:

PLAIN TEXT
ACTIONSCRIPT3:
  1. public function init():void
  2. {
  3.     nc.connect(url_rtmp);
  4.     call();
  5.     //nc.objectEncoding = ObjectEncoding.AMF0; // for Adobe Flash Media Server 2.0
  6.     nc.addEventListener(NetStatusEvent.NET_STATUS,netStatusHandler);
  7.     btnView.addEventListener(MouseEvent.CLICK,play);
  8. }

We will have a function to check if the connection to Flash Media Server was successful.

PLAIN TEXT
ACTIONSCRIPT3:
  1. private function netStatusHandler(e:NetStatusEvent):void
  2. {
  3.     var info:Object = e.info;
  4.     trace(info.code);
  5.     switch(info.code)
  6.     {
  7.         case "NetConnection.Connect.Success":
  8.         btnView.enabled = true;
  9.         btnView.label = "Play";
  10.         break;
  11.         case "NetConnection.Connect.Closed":
  12.         trace();
  13.     break;
  14.     }
  15. }

Function callCamera be responsible for "building" the video (localvideos) to add it in the holder (instance of UIComponent) and only then adding the canvas (cv).

PLAIN TEXT
ACTIONSCRIPT3:
  1. private function call():void
  2. {
  3.     var holder:UIComponent = new UIComponent();
  4.     localVideo = new Video(320,240);
  5.     holder.addChild(localVideo);
  6.     cv.addChild(holder);
  7. }

Now implementing the rest of the code.

PLAIN TEXT
ACTIONSCRIPT3:
  1. private function play(evt:MouseEvent):void
  2. {
  3.     ns = new NetStream(nc);  
  4.         ns.play("sneeze");
  5.     localVideo.attachNetStream(ns);
  6.     ns.addEventListener(NetStatusEvent.NET_STATUS,netStatusHandlerNC);
  7. }
  8.            
  9. private function netStatusHandlerNC(e:NetStatusEvent):void
  10. {
  11.     var info:Object = e.info;
  12.     trace(info.code);
  13. }

Mxml code in this source:
DOWNLOAD SOURCE

Using the component VideoDisplay
The implementation of this component created by Giacomo (Peldi) Guilizzoni after being included in the Flex Framework should be the most difficult of all :P , Or I'll take the time to explain.

PLAIN TEXT
ACTIONSCRIPT3:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  3.     <mx:VideoDisplay id="vd" source="rtmp://localhost/videoondemand/streams/sneeze.flv" x="10" y="10"/>
  4. </mx:Application>

DOWNLOAD SOURCE

Using the FLVPlayback component in Flex
The component can also be FLVPlaybak using Adobe Flex, for this just follow the following steps:

  • Go to "directory to install the Adobe Flash\Common\Configuration\Components\Video\".
  • FLVPlaybackAS3.swc Copy the file to your project in Flex Builder
  • Choose the skin (the installation directory of the Adobe Flash \ Common \ Configuration \ FLVPlayback Skins \ ActionScript 3.0) of your preference and save on your project.

Now just instantiate the class instance and adds it to the stage:

PLAIN TEXT
ACTIONSCRIPT3:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="createVideo();">
  3.     <mx:Script>
  4.         <![CDATA[
  5.             import mx.core.UIComponent;
  6.             import fl.video.FLVPlayback;
  7.             import fl.video.VideoScaleMode;
  8.            
  9.             private function createVideo():void
  10.             {
  11.                 var vid:FLVPlayback = new FLVPlayback();
  12.                 var ui:UIComponent = new UIComponent();
  13.                 //this.addChild(ui);
  14.                 ui.addChild(vid);
  15.                 flvbp.addChild(ui)
  16.                 vid.width = 320;               
  17.                 vid.height = 240;
  18.                 vid.source = "rtmp://localhost/videoondemand/sneeze";
  19.                 vid.skinBackgroundColor = 0x666666;
  20.                 vid.skin = "skins/SkinUnderPlayStopSeekFullVol.swf"; // salvar o skin no projeto
  21.                 vid.scaleMode = VideoScaleMode.MAINTAIN_ASPECT_RATIO;
  22.                 vid.skinAutoHide = false;
  23.             }
  24.         ]]>
  25.     </mx:Script>
  26.     <mx:Canvas id="flvbp" x="0" y="0" />
  27. </mx:Application>

Stream with Flash Lite and Flash Media Server
Adobe Flash Lite 3.0 introduced some new ones, the ability to play video streamed directly with Adobe Flash Media Server. Joining this with the growing use of 3G and models of phones with Flash Lite (the work everyone has a Nokia N95, the less I :P ) , We have an unprecedented range of possibilities in world.
To schedule content for Flash Lite, we will use Adobe Flash CS4 and ActionScript 2.0 programming (still can not use ActionScript 3.0 or even Adobe Flex).

  • Go to "Files-> New .." select Flash File (Mobile).
  • Then, will open the Adobe Device Central CS4, pick any phone model that supports Flash Lite 3.0, has no case, ask for the Device Central update your library.
  • We will do the same thing we did to play stream with Flash CS4, In the library, click on the "new Video. Give the name of instance "vd. In Type leave selecting "Video (ActionScript-controlled).
  • Create a layer to write our ActionScript.

In the initial code, instantiate the class NetConnection to make the connection to Flash Media Server, if successful, begin the stream:

PLAIN TEXT
ACTIONSCRIPT:
  1. //#include "BandwidthAS2.as"
  2.  
  3. var rtmp:String = "rtmp://localhost/webcam";
  4. client_nc = new NetConnection();
  5. client_nc.connect(rtmp);
  6.  
  7. fscommand2("FullScreen", true);
  8.  
  9. client_nc.onStatus = function(info) {
  10.     trace("Level: "+info.level+" Code: "+info.code);
  11.     switch (info.code) {
  12.         case "NetConnection.Connect.Success" :
  13.             doPlay();
  14.             break;
  15.         case "NetConnection.Connect.Closed" :
  16.             break;
  17.     }
  18. };
  19.  
  20. function doPlay()
  21. {
  22.     in_ns = new NetStream(client_nc);
  23.     vd.attachVideo(in_ns);
  24.     in_ns.play("sneeze");
  25.     in_ns.connect();
  26. }

One detail that we must look at the setting of publication, we put the option "Local Playback" to "Access network only", but the video will not run on the phone.

Configuração de publicação para p Flash Lite 3.1

Configuração de publicação para o Flash Lite 3.1


That done, we have the following result:
Adobe Device Central

Adobe Device Central


Now it so save the swf and test the phone, you can also save it as Flash Lite 3.1 and use Adobe Mobile Package to create an installer .sis (to Simbiam) or .cab (for windows mobile) for your mobile.

DOWNLOAD SOURCE

Bonus 1
Stream with Adobe Dreamweaver CS4 and Flash Media Server
Ok ok, not quite but it is an alternative for those not familiar with Adobe Flash or Adobe Flex. Let it:

  • Create a blank html page.
  • Go to "Insert-> Media-> FLV .
  • In Video type, select "Streaming Video".
  • On server load URI put rtmp://localhost/videoondemand/.
  • In stream name, put the name of the video, in our case will "sneeze".
  • Configure the remaining options to your liking, save the page and open in your browser (Dreamweaver will copy some files to your next page)

Bonus 2
Some useful tools for developing with Adobe Flash Media Server, including an update of the FLVPlayback with support for Dynamic Streaming and DVR.
http://www.adobe.com/products/flashmediaserver/tool_downloads/

Bonus 3
The file main.asc used in the example has an implementation to detect the speed of bandwidth used and we can create a feature to determine a video that best fits User Connection. This file appears in the examples that are located in the installation of Adobe Flash Media Server.

DOWNLOAD SOURCE

Flash Media Server Developer Center
http://www.adobe.com/devnet/flashmediaserver/

Recommended Books:
Hands-On Guide to Flash Video: Web Video and Flash Media Server (Hands-On Guide Series)
Flash Video for Professionals: Expert Techniques for Integrating Video on the Web
Introduction to Flash Media Server 2

Translations:
Português do Brasil

]]> http://www.leonardofranca.com/index.php/2009/08/22/stream-with-flex-or-flash-or-flash-lite-and-flash-media-server/feed/ 0 Adobe Flex with PHP using ZendAMF – first steps http://www.leonardofranca.com/index.php/2009/08/21/adobe-flex-with-php-using-zendamf-first-steps/ http://www.leonardofranca.com/index.php/2009/08/21/adobe-flex-with-php-using-zendamf-first-steps/#comments Fri, 21 Aug 2009 20:00:47 +0000 Leonardo França http://www.leonardofranca.com/?p=494

banner_announcement
Unsurprisingly the support of Adobe technologies that integrate seamlessly with Flex. Zend, which maintains the PHP, have your ZendFramework, a package called ZendAMF to implement such an integration between Flex and PHP. In the hands of Wade Arnold, who also holds the AMFPHP.
If took me a while to start using this implementation, had already gotten used to het AMFPHP and made several systems with it. However, their adobe recommends the use of ZendAMF for building RIAS's with Flex and PHP.
As a first example using the ZendAMF, i will use the same database meda in the previus article about Flex and Java.
Ona advantage of Flex is designed to be the view layer, and this alllow the business layer is transparent and can user either Java, PHP or .NET, need only pointo to a different endpoint according to their need.
You can download the latest version of ZendAMF the following link. More importantly, you do note need to dowload any ZendFramework to use this packag.
Once that's done, extract the files in the directory of your choice, in my case, i created one called "ZendAMF" and make sure thath the directory contains "Zend".
The objective is not to change almost anything int the form of organization which was in AMFPHP. So to test our AMF, create a file called "gateway.php" with the following code:

PLAIN TEXT
PHP:
  1. <?php
  2. require_once 'Zend/Amf/Server.php';
  3. $server = new Zend_Amf_Server();
  4. $server->setProduction(false);
  5. echo($server->handle());
  6. ?>

Running the link in your browser, you should see the following message:

Zend Amf Endpoint

The ZendAMF are ready for our development, i tried to keep the directory structure as close as possible to what they had in java, therefore, create the following directory to our VO; br.com.leonardofranca.vo and br.com.leonardofranca for the main class. The structure should be as follows:

Zend
br/com/leonardofranca/vo
br/com/leonardofranca
gateway.php

Our VO in PHP would be as follows:

PLAIN TEXT
PHP:
  1. <?php
  2. class ContatosVO  
  3. {
  4.     public $_explicitType = 'br.com.leonardofranca.vo.ContatosVO';
  5.     public $id = 0;
  6.     public $nome = "";
  7.     public $email = "";
  8.    
  9.     function __construct()
  10.     {
  11.        
  12.     }
  13.    
  14.     public function getId()
  15.     {
  16.         return $this->id;
  17.     }
  18.    
  19.     public function setId($id)
  20.     {
  21.         $this->id = $id;
  22.     }
  23.    
  24.     public function getNome()
  25.     {
  26.         return $this->nome;
  27.     }
  28.    
  29.     public function setNome($nome)
  30.     {
  31.         $this->nome = $nome;
  32.     }
  33.    
  34.     public function getEmail()
  35.     {
  36.         return $this->email;
  37.     }
  38.    
  39.     public function setEmail($email)
  40.     {
  41.         $this->email = $email;
  42.     }
  43. }
  44. ?>

Then, our main class, which will perform the operations list, insert, delete and update data from our database:

PLAIN TEXT
PHP:
  1. <?php
  2. /*
  3.  * author Leonardo França
  4.  * site http://www.leonardofranca.com.br
  5.  */
  6. require_once 'vo/ContatosVO.php';
  7.  
  8. class Contatos  
  9. {
  10.     private $conexao;
  11.     private $sql;
  12.     private $query;
  13.     private $num;
  14.     private $dados;
  15.     public $contatosVO;
  16.    
  17.     function __construct()
  18.     {
  19.         $this->conexao = mysql_connect("localhost","root","");
  20.         mysql_select_db("java");
  21.     }
  22.    
  23.     public function getData()
  24.     {
  25.         $this->sql = "SELECT id, nome, email FROM tabela";
  26.         $this->query = mysql_query($this->sql);
  27.         $this->num = mysql_num_rows($this->query);
  28.         if ($this->num>0)
  29.         {
  30.             while ($this->row = mysql_fetch_assoc($this->query))
  31.             {
  32.                 $contatosVO = new ContatosVO();
  33.                 $contatosVO->setNome($this->row['nome']);
  34.                 $contatosVO->setEmail($this->row['email']);
  35.                 $contatosVO->setId($this->row['id']);
  36.                 $this->dados[] = $contatosVO;
  37.             }
  38.             return($this->dados);
  39.         }
  40.         else
  41.         {
  42.             return false;
  43.         }
  44.        
  45.     }
  46.    
  47.     public function insertData($contatosVO=ContatosVO)
  48.     {
  49.         $this->contatosVO = $contatosVO;
  50.         $this->sql = "INSERT INTO tabela (nome,email) VALUES
  51.         ('".$this->contatosVO->nome."',
  52.         '".$this->contatosVO->email."')";
  53.         $this->query = mysql_query($this->sql);
  54.         if (!mysql_error())
  55.         {
  56.             return true;
  57.         }
  58.         else
  59.         {
  60.             return false;
  61.         }
  62.     }
  63.    
  64.     public function deleteData($contatosVO=ContatosVO)
  65.     {
  66.         $this->contatosVO = $contatosVO;
  67.         $this->sql = "DELETE FROM tabela WHERE id = '".$this->contatosVO->id."' LIMIT 1";
  68.         $this->query = mysql_query($this->sql);
  69.         if (!mysql_error())
  70.         {
  71.             return true;
  72.         }
  73.         else
  74.         {
  75.             return false;
  76.         }
  77.     }
  78.    
  79.     public function updateData($contatosVO=ContatosVO)
  80.     {
  81.         $this->contatosVO = $contatosVO;
  82.         $this->sql = "UPDATE tabela SET nome = '".$this->contatosVO->nome."', email = '".$this->contatosVO->email."' WHERE id = '".$this->contatosVO->id."'";
  83.         $this->query = mysql_query($this->sql);
  84.         if (!mysql_error())
  85.         {
  86.             return true;
  87.         }
  88.         else
  89.         {
  90.             return false;
  91.         }
  92.     }
  93.    
  94. }
  95. ?>

Until now, no mystery, we have a simple class that uses a typed object, now let's edit the file "gateway.php" so you can call our vo and implementation class:

PLAIN TEXT
PHP:
  1. <?php
  2. require_once 'Zend/Amf/Server.php';
  3. require_once 'br/com/leonardofranca/vo/ContatosVO.php';
  4. require_once 'br/com/leonardofranca/Contatos.php';
  5.  
  6. /** Bootstrap */
  7.  
  8. // Instantiate server
  9. $server = new Zend_Amf_Server();
  10. $server->setProduction(false);
  11. //$server->addDirectory('services/');
  12. // reflection
  13. $server->setClass('Contatos');
  14. $server->setClassMap('ContatosVO',"br.com.leonardofranca.vo.ContatosVO");
  15. // Handle request
  16. echo($server->handle());
  17. ?>

Added the call our implementation class and mapped the vo, done that, let's the hardest part now :P ,
got the same mxml file of the previous articles and modify the following line:

PLAIN TEXT
MXML:
  1. <mx : RemoteObject id="ro" destination="zendamf" source="br.com.leonardofranca.Contatos" endpoint="http://localhost/ZendAmf/gateway.php">
  2. <!-- <mx : RemoteObject id="ro" destination="blazeds" source="br.com.leonardofranca.Contatos" endpoint="http://localhost:8080/Contatos/messagebroker/amf"> -->

Moreover, i did not change anything in programming in Fle, the objective here was to show a simple way, how we can have a view layer rich with Adobe Flex, regardless of the business layer.

Download source

Mais:
http://wadearnold.com/blog/?page_id=155
http://framework.zend.com/download/amf
http://framework.zend.com/wiki/display/ZFPROP/Zend_Amf+-+Wade+Arnold

UPDATE

In later versions of ZendAmf, you nedd some packages contained in ZendFramework, one option is to go adding the packages in your project or use any ZendFramework.

Recommended book:

Translations:
Português do Brasil

]]> http://www.leonardofranca.com/index.php/2009/08/21/adobe-flex-with-php-using-zendamf-first-steps/feed/ 1