<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
xmlns:filters=”flash.filters.*”
layout=”absolute”
applicationComplete=”service.send()”  viewSourceURL=”srcview/index.html”>

<mx:HTTPService id=”service”
url=”photos.xml”
resultFormat=”e4x” />

<mx:TabNavigator
width=”250″
left=”10″
top=”10″
bottom=”10″
creationPolicy=”all”>
<mx:Canvas
label=”List View”
width=”100%”
height=”100%”
showEffect=”Dissolve”>
<mx:List id=”photosList”
dataProvider=”{service.lastResult.photo}”
width=”100%”
height=”100%”
labelField=”@title”
change=”photosTileList.selectedIndex = photosList.selectedIndex”>
</mx:List>
</mx:Canvas>

<mx:Canvas
label=”Tile View”
width=”100%”
height=”100%”
showEffect=”Fade”>
<mx:TileList id=”photosTileList”
dataProvider=”{service.lastResult.photo}”
width=”100%”
height=”100%”
change=”photosList.selectedIndex = photosTileList.selectedIndex” >
<mx:itemRenderer>
<mx:Component>
<mx:Image
horizontalAlign=”center”
source=”{data.@thumb}”
toolTip=”{data.@title}”
width=”100″
height=”60″ />
</mx:Component>
</mx:itemRenderer>
</mx:TileList>
</mx:Canvas>

</mx:TabNavigator>

<mx:Image id=”image”
source=”{photosList.selectedItem.@image}”
left=”270″
top=”10″
bottom=”10″
right=”10″
horizontalAlign=”center”
open=”progressBar.visible = image2.visible = true”
complete=”progressBar.visible = image2.visible = false”
completeEffect=”Fade”/>

<mx:Image id=”image2″
source=”{photosList.selectedItem.@thumb}”
left=”270″
top=”10″
bottom=”10″
right=”10″
horizontalAlign=”center”
hideEffect=”Fade”
showEffect=”Fade”>

</mx:Image>

<mx:ProgressBar id=”progressBar”
x=”270″
y=”10″
source=”{image}”
visible=”false”
showEffect=”Fade”
hideEffect=”Fade”
label=”" />

</mx:Application>

photos.xml

<photos>
<photo
title=”Yawning Camel”
thumb=”http://www.greenlike.com/photogallery/camel_thumb.jpg”
image=”http://www.greenlike.com/photogallery/camel.jpg” />
<photo
title=”Crowdy Head Lighthouse”
thumb=”http://www.greenlike.com/photogallery/lighthouse_thumb.jpg”
image=”http://www.greenlike.com/photogallery/lighthouse.jpg” />
<photo
title=”Sun Shade”
thumb=”http://www.greenlike.com/photogallery/sunshade_thumb.jpg”
image=”http://www.greenlike.com/photogallery/sunshade.jpg” />
<photo
title=”Uluru”
thumb=”http://www.greenlike.com/photogallery/uluru_thumb.jpg”
image=”http://www.greenlike.com/photogallery/uluru.jpg” />
<photo
title=”Devil’s Marbles”
thumb=”http://www.greenlike.com/photogallery/marble_thumb.jpg”
image=”http://www.greenlike.com/photogallery/marble.jpg” />
<photo
title=”Mother and Child”
thumb=”http://www.greenlike.com/photogallery/mother_thumb.jpg”
image=”http://www.greenlike.com/photogallery/mother.jpg” />
<photo
title=”Karnak Temple”
thumb=”http://www.greenlike.com/photogallery/temple_thumb.jpg”
image=”http://www.greenlike.com/photogallery/temple.jpg” />
<photo
title=”Contemplating the Purchase”
thumb=”http://www.greenlike.com/photogallery/purchase_thumb.jpg”
image=”http://www.greenlike.com/photogallery/purchase.jpg” />
</photos>

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” creationComplete=”init()” xmlns:ns1=”*”>

<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function init():void{

}
]]>
</mx:Script>
<mx:Style source=”Assets/styles.css”/>

<ns1:can />

</mx:Application>

can.mxml – Component based on canvas

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Canvas xmlns:mx=”http://www.adobe.com/2006/mxml”  creationComplete=”init()” styleName=”can”>
<mx:Script>
<![CDATA[
import mx.olap.aggregators.CountAggregator;
import mx.controls.Text;
import mx.controls.Image;
import mx.containers.VBox;
import mx.core.DragSource;
import mx.states.AddChild;
import mx.controls.TextInput;
import mx.containers.Canvas;
import mx.events.DragEvent;
import mx.managers.DragManager;
import mx.controls.Alert;
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;
import mx.controls.Label;

[Bindable]
private var resultobj:XML;
private var tempRefJ:Number;
private var draggedObj:Canvas=new Canvas;
private var Hit:Boolean;
private var dropArr:Array = new Array();
private var dropIndexArr:Array = new Array();
private var dragIndex:Array = new Array();
private var rX:Array = new Array();
private var rY:Array = new Array();
[Embed(source='Assets/images/images.swf', symbol='cross')]
[Bindable]
private var cross:Class;
[Embed(source='Assets/images/images.swf', symbol='tick')]
[Bindable]
private var tick:Class;
private var ArraySorteiaBolas:Array = new Array();
private function init():void {
var urlLoader:URLLoader = new URLLoader();
urlLoader.load(new URLRequest(“Assets/data.xml”));
urlLoader.addEventListener(Event.COMPLETE, onLoaded);
}

private function onLoaded(evt:Event):void {
resultobj = new XML(evt.target.data);
for(var i:uint=0;i<resultobj.sentences.item.length();i++){
Alert.show(resultobj.content.sentences.item.length());
var qus:Text=new Text();
this.addChild(qus);
qus.text=resultobj.sentences.item[i];
qus.x=resultobj.sentences.item[i].@xpos;
qus.y=resultobj.sentences.item[i].@ypos;
qus.width=500
qus.selectable=false
qus.styleName=’qus’;
var head:Text=new Text();
this.addChild(head);
head.text=resultobj.rubric[0];
head.x=resultobj.rubric[0].@xpos;
head.y=resultobj.rubric[0].@ypos;
head.width=780
head.selectable=false
head.styleName=’head’;

var tex:Canvas= new Canvas;
tex.width=110
tex.height=20
tex.name = “drop_”+i;
tex.x=650
tex.y=qus.y
dropArr[i] = false;
tex.styleName=’style’
this.addChild(tex)
tex.addEventListener(MouseEvent.MOUSE_DOWN, onDownAns);
var image:Image=new Image;
image.name=”wrong_”+i
image.source=cross;
var image1:Image=new Image;
image1.name=”correct_”+i
image1.source=tick;
image.x=tex.x+120
image.y=tex.y+3
image1.x=tex.x+120
image1.y=tex.y+3
image.visible=false;
image1.visible=false;
this.addChild(image)
this.addChild(image1)
//Alert.show(“drop”,tex.id);
}
var ArrayCriaBolas:Array= new Array();
for(var j:uint=0;j<resultobj.lozenges.item.length();j++){
ArrayCriaBolas.push(j);
}

while( ArraySorteiaBolas.length != ArrayCriaBolas.length ) {
var ran:Number = int(Math.random() * ArrayCriaBolas.length);
var flag:Boolean = false;
for(var m:int = 0; m < ArraySorteiaBolas.length; m++) {
if ( ArraySorteiaBolas[m] == ArrayCriaBolas[ran] ) {
flag = true;
}
}
if ( !flag ) {
ArraySorteiaBolas.push(ArrayCriaBolas[ran]);
}
}

for(var j:uint=0;j<resultobj.lozenges.item.length();j++){
var canans:Canvas=new Canvas()
canans.width=110
canans.height=20
canans.x=resultobj.lozenges.item[ArraySorteiaBolas[j]].@xpos;
canans.y=resultobj.lozenges.item[ArraySorteiaBolas[j]].@ypos;
canans.styleName=’style’
canans.mouseChildren = false;
this.addChild(canans)
var ans:Label=new Label();
canans.addChild(ans);
ans.text=resultobj.lozenges.item[j];
ans.styleName=’ans’;
canans.name=”drag_”+j;

rX.push(resultobj.lozenges.item[ArraySorteiaBolas[j]].@xpos)
rY.push(resultobj.lozenges.item[ArraySorteiaBolas[j]].@ypos);
canans.addEventListener(MouseEvent.MOUSE_DOWN, onDown);
canans.addEventListener(MouseEvent.MOUSE_UP, onUp);
}
}

private function onDownAns(event:MouseEvent):void{
//Alert.show(“ID”,event.currentTarget.id);
}
private    function onDown(event:MouseEvent):void{
var dragTarget=event.target;
event.target.startDrag();
dragTarget.parent.setChildIndex(dragTarget,dragTarget.parent.numChildren – 1)
}
private function onUp(event:MouseEvent):void{
var getname:Array=event.target.name.split(“_”);
draggedObj=event.target as Canvas;
draggedObj.stopDrag()
Hit=false;
for (var jj:uint=0; jj <resultobj.sentences.item.length(); jj++)
{
if (draggedObj.hitTestObject(this.getChildByName(“drop_”+jj)) && !dropArr[jj])
{
var hitcount:Number=1
Hit=true;
draggedObj.x=this.getChildByName(“drop_”+jj).x;
draggedObj.y=this.getChildByName(“drop_”+jj).y;
dropArr[dropIndexArr[getname[1]]] = false;
dropArr[jj] = true;
dropIndexArr[getname[1]] = jj;
dragIndex[jj] = getname[1];
//                            Alert.show(jj+” “+getname[1]);
break;
//Alert.show(“if…”);
}
/* else {
var image:*;
image = this.getChildByName(“correct_”+jj);
image.visible=false;
image = this.getChildByName(“wrong_”+jj);
image.visible=false;
} */

}
var flag:Boolean = false;
for (var jj:uint=0; jj <resultobj.sentences.item.length(); jj++)
{
if (draggedObj.hitTestObject(this.getChildByName(“drag_”+jj)) && draggedObj.name != “drag_”+jj)
{
flag = true;
}
}
if(Hit==false ){

//Alert.show(“HI”,event.target.name);
draggedObj.x=rX[getname[1]];
draggedObj.y=rY[getname[1]];
dropArr[dropIndexArr[getname[1]]] = false;
}
if ( flag  ) {
//Alert.show(rX[getname[1]]+” “+rY[getname[1]]);
draggedObj.x=rX[getname[1]];
draggedObj.y=rY[getname[1]];
dropArr[dropIndexArr[getname[1]]] = false;
}
}

private function restAnwser(event:MouseEvent):void{
for(var j:uint=0;j<resultobj.lozenges.item.length();j++){
var image:*;
var canans:*=this.getChildByName(“drag_”+j);
canans.x=resultobj.lozenges.item[ArraySorteiaBolas[j]].@xpos;
canans.y=resultobj.lozenges.item[ArraySorteiaBolas[j]].@ypos;
image = this.getChildByName(“correct_”+j);
image.visible=false;
image = this.getChildByName(“wrong_”+j);
image.visible=false;
canans.addEventListener(MouseEvent.MOUSE_DOWN, onDown);
canans.addEventListener(MouseEvent.MOUSE_UP, onUp);
submit.enabled=true

}
dropIndexArr = new Array();
dragIndex = new Array();
}
private function ShowAnwser(event:MouseEvent):void{
for(var j:uint=0;j<resultobj.lozenges.item.length();j++){
var image:*;
this.getChildByName(“drag_”+j).x=this.getChildByName(“drop_”+j).x;
this.getChildByName(“drag_”+j).y=this.getChildByName(“drop_”+j).y;
var dragObj:*;
dragObj = this.getChildByName(“drag_”+j);
dragObj.removeEventListener(MouseEvent.MOUSE_DOWN, onDown);
dragObj.removeEventListener(MouseEvent.MOUSE_UP, onUp);
//reset.enabled=false
//submit.enabled=false
image = this.getChildByName(“correct_”+j);
image.visible=true;
image = this.getChildByName(“wrong_”+j);
image.visible=false;
}

}
private function validate(event:MouseEvent):void{
var image:*;
var dragObj:*;
for (var i:uint=0; i <resultobj.lozenges.item.length(); i++){
var target:Number = Number(resultobj.lozenges.item[i].@target);
dragObj = this.getChildByName(“drag_”+i);
dragObj.removeEventListener(MouseEvent.MOUSE_DOWN, onDown);
dragObj.removeEventListener(MouseEvent.MOUSE_UP, onUp);
//Alert.show(target);
if ( target == (Number(dragIndex[i])+1) ) {
image = this.getChildByName(“correct_”+(Number(target.toString())-1));
image.visible=true;
image = this.getChildByName(“wrong_”+(Number(target.toString())-1));
image.visible=false;

//Alert.show(“correct”, target.toString());
}
/* else if(Hit==true){
image = this.getChildByName(“wrong_”+i);
image.visible=false;
}  */
else {
image = this.getChildByName(“correct_”+(Number(target.toString())-1));
image.visible=false;
image = this.getChildByName(“wrong_”+(Number(target.toString())-1));
image.visible=true;
//Alert.show(“wrong”, target.toString());
}

//Alert.show(target+” “+(Number(dragIndex[i])+1));
}

}
private function close(event:MouseEvent):void{

}
]]>
</mx:Script>

<mx:Button id=”submit” label=”Submit”  x=”300″ y=”500″ click=”validate(event)”/>
<mx:Button id=”reset”  label=”Reset”  x=”400″ y=”500″ click=”restAnwser(event)”/>
<mx:Button id=”Showanswer”  label=”Showanswer”  x=”500″ y=”500″ click=”ShowAnwser(event)”/>
</mx:Canvas>

data.xml

<?xml version=”1.0″?>
<content>
<rubric xpos=”45″ ypos=”40″>put one of the words or phrases from the box in the correct position in each sentence.put one of the words or phrases from the box in the correct position in each sentence.</rubric>
<lozenges>
<item xpos=”50″ ypos=”100″ target=”1″ >a bit</item>
<item xpos=”180″ ypos=”100″ target=”2″>a little</item>
<item xpos=”310″ ypos=”100″ target=”3″ >a lot</item>
<item xpos=”440″ ypos=”100″ target=”4″>far</item>
<item xpos=”570″ ypos=”100″ target=”5″ >much</item>
<item xpos=”700″ ypos=”100″ target=”6″>wwwwwwwww</item>
</lozenges>

<sentences totalDropObject =”6″>
<item xpos=”95″ ypos=”150″ >1  There’s very little difference in age between Meg and Sal, but I think Sal’s [[#1]] older.</item>
<item xpos=”95″ ypos=”200″ >2  The roads here are terrible, so travelling by train is [[#2]] faster than driving.</item>
<item xpos=”95″ ypos=”250″ >3  This shirt costs 40$ and this one only costs 15$, so it’s [[#3]] less expensive.</item>
<item xpos=”95″ ypos=”300″ >4  Both restaurants both have really quick service, but I think we’d get served [[#4]] more </item>
<item xpos=”95″ ypos=”350″ >5  Tom hated speaking in public before, but he’s really good at it now. He speaks [[#5]] more </item>
<item xpos=”95″ ypos=”400″ >6  The one on the left is [[#6]] higher.</item>
</sentences>
</content>

styles.css

/* CSS file */
.style{
border-style:none;
background-gradient-colors:#009966, #68808c;
background-color:#CCCCCC

}
.can{
background-color:#cc9999;
border-style:outset;
}
Text,.ans{
fontSize: 14;
}
.head{
fontSize: 14;
fontWeight: bold;
}

Note:

Have the images in the  “src/Assets/images/…” ,  “src/Assets/data.xml” ,  “src/Assets/styles.css”  folder in the application.

MXML

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” creationComplete=”service.send()”>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;
[Bindable]
private var resultobj:ArrayCollection;
private function displaydata(ev:ResultEvent):void{
resultobj=ev.result.main.info;
}
]]>
</mx:Script>

<mx:HTTPService id=”service” url=”Assets/data.xml” result=”displaydata(event)”/>
<mx:DataGrid x=”130″ y=”145″ id=”dgname” dataProvider=”{resultobj}” rowCount=”3″ rowHeight=”60″>
<mx:columns>
<mx:DataGridColumn headerText=”Name” dataField=”names”/>
<mx:DataGridColumn headerText=”Emp ID” dataField=”empid”/>
<mx:DataGridColumn headerText=”Age” dataField=”age”/>
<mx:DataGridColumn headerText=”Mobile” dataField=”mobile”/>
<mx:DataGridColumn headerText=”Designation” dataField=”desc”/>
<mx:DataGridColumn headerText=”Image” dataField=”image” >
<mx:itemRenderer>
<mx:Component>
<!– <mx:HBox height=”70″ width=”100″ horizontalAlign=”center”>–>
<mx:Image width=”100″ source=”{data.image}” height=”100″/>
<!–</mx:HBox>–>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>

</mx:columns>
</mx:DataGrid>
</mx:Application>

XML

<?xml version=”1.0″?>
<main>
<info>
<names>partha</names>
<empid>1</empid>
<age>22</age>
<mobile>99955415145</mobile>
<desc>Jr Ex</desc>
<image>Assets/Photos/temple_thumb.jpg</image>
</info>
<info>
<names>sarathy</names>
<empid>2</empid>
<age>23</age>
<mobile>99955dsd5145</mobile>
<desc>Ex</desc>
<image>Assets/Photos/lighthouse_thumb.jpg</image>
</info>
<info>
<names>ezhil</names>
<empid>3</empid>
<age>22</age>
<mobile>9995541500</mobile>
<desc>Sr Ex</desc>
<image>Assets/Photos/marble_thumb.jpg</image>
</info>
</main>

Note:

Have the images in the  “src/Assets/Photos/…”   folder in the application.

It does happen only when you return 1 result. What happens is when only 1 result is returned it is returned as an ObjectProxy instead of an Array. So just check to see if in fact you are getting a ObjectProxy or ArrayCollection and if need be use the ArrayUtil.toArray to convert it. Here is example code the work around is quite simple.

Use this code for solution:

Description:

• Flex 4 introduces new components, layouts, use of states, and effects.

• The term MX components refer to components in Flex 3. The term Spark components refers to the new set of components in Flex 4.

• The Flex 4 requires Flash Player 10 support.

• The default theme for Flex 3 (Halo) component. In Flex 4 is Spark theme. Therefore, your application may look and size itself differently when you compile it using the Flex 4 beta.

• Flex 4 includes the Halo theme from Flex 3

• Spark components are used in Flex 4 which includes Application, List, Button Bar, and Panel.

• Container’s is managed by the Group class and the layout of the Group’s children is delegated to an associated layout object.

• In Flex 3, an individual component’s code includes logic around its behavior, layout, and visual changes. In Flex 4, the components are factored out into different classes, each handling specific pieces of behavior.

• States are made with simple syntax and make them easier to use.

• Binding has been upgraded and supports two-way communication. Using @ in the front of your binding expression and updates to the binding destination will now be copied back into the source.

• CSS selectors, which includes descendant and id-based selectors.

• Full support for 2D rotations and scales as well as the ability to apply the new 3D capabilities of Flash Player 10 to any component after layout.

• Flex 4 supports the auto-reversing of transitions, Pixel Bender filters applied as effects, transformations in all three planes, and complex key frame-based animations.

• Spark includes Video Display, chrome less Video component, and Video Player, a skinnable wrapper for Video Element.

Skinning and styling – Enhanced

Customize the appearance of an application using CSS and graphical property editors. Quickly the used properties and can preview the results in Design View.

Integration with Creative Suite design tools – Enhanced

Import design assets created using Adobe Creative Suite components such as Adobe Flash Professional, Illustrator, Photoshop, or Fireworks, or import a complete application user interface created using the Adobe Flash Catalyst  interaction design tool.

Powerful coding tools – Enhanced

Develop using a powerful Eclipse based IDE that includes editors for MXML, the Action Script language, and CSS, as well as syntax coloring, statement completion, code collapse, interactive step-through debugging, and automatic generation of common code.

Code refactoring – Enhanced

Quickly navigate through code or restructure it by renaming all references to a class, method, or variable. Flash Builder 4 adds move refactoring.

Rich visual layout – Enhanced

Visually design and preview user interface layout, appearance, and behavior using a rich library of built-in components. Extend the built-in Flex framework components or create new ones as needed.

Debugger improvements – Enhanced

Set conditional breakpoints, evaluate expressions, and set watch points on variables to halt execution on value change. Use the Expressions view to watch variables selected in the Variables view and to add/evaluate watch expressions. Break out of a loop during a debugging session using run to line.

Integration with Adobe Flash Catalyst – New

Import Flex Projects created using Adobe Flash Catalyst, saving time and improving the quality of the user experience. It contains functional UI, including MXML, Action Script, component skins, and graphical assets.

Flex Theme Browser – New

Easily browse and import Flex themes and apply them to your project.

Data-centric application development – New

Introspect Java, PHP, Cold Fusion, REST, and SOAP services and display methods and properties in a tree view in the new Data/Service explorer. Bind methods to UI components using a simple drag-and-drop approach. Display services based on different back-end technologies, all represented in a common, consistent model.

Advanced data services

Use open source BlazeDS to add binary, high-performance, HTTP-based data transport, or add the Adobe LiveCycle Data Services ES2 module to add real-time data push and pub/sub messaging.

Custom templates – New

Customize default information contained in new MXML, Action Script, and CSS files, such as author and date, introductory comments, copyright information, opening and closing tags and attributes, Action Script declarations, namespace prefixes, and more.

ASDoc support – New

Display comments in MXML and Action Script editors using ASDoc.

Adobe Flash Professional workflow – New

Import and update custom Flex components using the new workflow between Adobe Flash Professional software and Flash Builder 4.

Interactive data visualization

Creating interactive data analysis by simply dragging and dropping a chart type and linking it to a data source using the Flex Charting library. Use the powerful Advanced Datagrid to enable users to explore complex data.

Native support for Adobe AIR

Create applications for the Adobe AIR runtime with Flash Builder 4, including all the tools required to build, debug, package, and sign AIR applications. Adobe AIR lets you quickly develop RIAs for the desktop using the same skills and code base you use to build RIAs for the browser.

Network Monitor new (Premium edition only)

Generate a detailed audit trail of all data passed between the local Flex application and the back end, assisting with debugging and performance tuning.

Powerful testing tools – Enhanced (Premium edition only)

Accelerate application performance using memory and performance profilers that monitor and analyze memory consumption and CPU cycles. Support for automated functional testing tools such as HP Quick Test Professional software is also available.

Command line build – New (Premium edition only)

Use the new command line build capability to automate your build process.

Flex unit testing integration – New (Premium edition only)

Automate functional testing using the Flex unit testing framework.

Step 1 : Logon to your wordpress blog
Step 2 : Select the post to be edited.
Step 3 : Now click on Edit as shown in the figure.

Step 4 : After that you specify the date you decide.

Step 5 : Finally Click Update and preview your blog.

Flex Builder Linux is a plugin-only version of the Flex Builder, Version for Linux not yet released. So i need to install Flex Builder as plug-in on the Eclipse IDE.

This Flex Builder Linux is not installed properly in the other version of the Eclipse(lower or upper than 3.3.x). Specifically, Eclipse 3.3.x is only supports to install this Flex Builder. The following prerequisites must be installed before that.

• Java Runtime Engine(JRE) latest
• Eclipse 3.3.x

Install Java Runtime in Ubuntu

To install the latest JRE, go to Add/Remove… Applications, select ‘Sun Java 6 Runtime‘ and click Apply changes. it installs latest JRE.

Install Eclipse 3.3.x

Since the Flex Builder Linux supports Eclipse 3.3.x, we need to download from eclipse.org, Click here to download Eclipse 3.3.x. The Ubuntu synoptics will download latest Eclipse which is mostly not supported. After completing the download, do the following steps to install Eclipse.

Extract the tar.gz file and move to a folder where you want to install.

tar xzf eclipse-jee-europa-winter-linux-gtk.tar.gz
sudo mv eclipse /opt/eclipse
cd /opt
sudo chown -R root:root eclipse
sudo chmod -R +r eclipse
sudo chmod +x `sudo find eclipse -type d`

Create a executable file to launch Eclipse

sudo touch /usr/bin/eclipse
sudo chmod 755 /usr/bin/eclipse
sudoedit /usr/bin/eclipse
#!/bin/sh
#export MOZILLA_FIVE_HOME=”/usr/lib/mozilla/”
export ECLIPSE_HOME=”/opt/eclipse”

$ECLIPSE_HOME/eclipse $*

Create Menu for Eclipse

sudoedit /usr/share/applications/eclipse.desktop

[Desktop Entry]
Encoding=UTF-8
Name=Eclipse
Comment=Eclipse IDE
Exec=eclipse
Icon=/opt/eclipse/icon.xpm
Terminal=false
Type=Application
Categories=GNOME;Application;Development;
StartupNotify=true

Initialize the setup

/opt/eclipse/eclipse -clean

Thats all, eclipse installed, lets do the Flex Builder installation.

Download the Adobe Flex Builder Linux(alpha) here

Change the downloaded file as executable (chmod +x)

Execute the file using shell (sh flexbuilder_linux_install_a4_081408.bin). Now proceed with the installation wizard and we need to give the path of the Eclipse where its installed. In my case its /opt/eclipse and make sure the folder having write permission if you not installed from root user.

Once the installation complete, you just go to Applications –> Programming –> Eclipse. Create a new workspace for Flex and get in to the Eclipse. Change the Flex development perspective and enjoy the coding with Flex on Linux (Ubuntu)

Install xampp using command line:

$sudo tar xvzf xampp-linux-1.7.1.tar.gz -C /opt
$cd /opt/lampp
$sudo ./lampp start

Starting XAMPP for Linux 1.7.1..
XAMPP: Starting Apache with SSL (and PHP5)…
XAMPP: Starting MySQL…
XAMPP: Starting ProFTPD…
XAMPP for Linux started. </code>

XAMPP is now up and running.

Xampp is ready to use it…

Laconica has been renamed as Status.net it is Open source Microblogging.

Configuring Statusnet in localhost required Xampp for linux 1.7.1 version and StatusNet 0.8.1 its a stable,compactable and no bugs found as far my concern.

As root User:

Step 1: Download

tar xvfz xampp-linux-1.7.1.tar.gz -C /opt

That’s it! XAMPP is now installed in /opt/lampp.

Step 2:

Change your current working directory to /opt/lampp (cd /opt/lampp) and enter the following:

./lampp start

You should see the following:

Starting XAMPP for Linux 1.7.1..
XAMPP: Starting Apache with SSL (and PHP5)...
XAMPP: Starting MySQL...
XAMPP: Starting ProFTPD...
XAMPP for Linux started.

XAMPP is now up and running.

To check xampp go to this link in browser http://localhost/xampp/

Step 3: Installing status.net in linux Ubuntu 8.02 LTS

Download the http://status.net/statusnet-0.8.1.tar.gz

and unzip the file.

Now Rename the folder name to statusnet for easier.

Step 4:

Copy that file and Paste it in the location as mentioned  /opt/lampp/htdocs/statusnet

Step 5:

Now, go to  http://localhost/statusnet/install.php

It will show the following window

Step 6:

now, goto Terminal and try this commands:

should be root user (or) other wise the htdocs should have 777 permision for the statusnet folder

chmod a+w /opt/lamp/htdocs/statusnet

chmod a+w /opt/lamp/htdocs/statusnet/avatar/

chmod a+w /opt/lamp/htdocs/statusnet/background/

chmod a+w /opt/lamp/htdocs/statusnet/file/

Step 7:

After that, Create a Database name as statusnet in http://localhost/phpmyadmin/

Step 8:

Now,goto the browser, http://localhost/statusnet/install.php

you will get, as follows

Site name  : your site name

Fancy URLs : Default

Hostname : localhost

Type : Mysql

Name : Database name

Username : root

Password : ‘ ‘

finally submit the form

Successfully you have configured the Statusnet in local host.

Enjoy it now…