Flash,Flex Vs HTML 5

I was checking the HTML 5 with Java script,CSS 3 and Jquery around since last 4 months.Also was keeping my eyes on this since 2008,but never get inspired to do anything.Now also I found that HTML 5 is still in the state where Flash was 7 to 8 years back.HTML 5 can replace maximum of simple banners and animated advertisements which were created using the flash.For that also the development cost is going to increase and quality will be not up to that extent as the Flash has provided long earlier.

But for the Audio/Video Streaming,Image manipulation,Gaming and Enterprise applications HTML5 needs to take still around 10 years.Also currently I don’t found any thing as impressive as AMF for the Client Server communication over the internet.The reason for this is simply that HTML 5 is also a markup language.You can check the link below,you will realize where the HTML 5 is in reality:-

http://www.w3.org/TR/html5-diff/

So the only thing which I will like to say is that Flash and HTML 5 will be needed in the same way
as earlier they were used together on the web.If you will try to replace Flash by HTML 5 for the small
purpose then you have to pay lot more then flash.And if you will be trying to create the Enterprise Application with HTML 5 then I think you will come back to Flex one day.Flash player is ruling since last 15 plus years,its not so simple to replace that.

Keep Rocking………..

Using charts inside Mobile Applications with Adobe AIR

I was in a big doubt since very long time,I was waiting for the new version of the Charts under the Spark Components,so that I can use them inside the mobile applications.But I was surprised also that why there is nothing for this in the Spark components.But Yesterday I just checked with the MX Charts components in my mobile application for a demo on my Samsung mobile,and things were working excellent and smooth.Was happy and surprised also that how is it is it possible?. Later on started to search on the net for this.And found it on my first click.It was clearly mention there at http://www.adobe.com/devnet/flex/articles/mobile-development-flex-flashbuilder.html#articlecontentAdobe_numberedheader_1 by Narciso Jaramillo long long ago that:-.

Charts are supported in mobile projects, but other MX components are not. We don’t recommend using MX components in mobile projects; use the Spark components instead. The one exception is the charting components, which are usable in mobile projects if care is taken to avoid displaying or animating too much data at once.

So finally I have to made myself satisfy with ‘Better late than never.’
Hence sharing it,hope this can help someone.

Keep Rocking………..

Official Flex User Group Tour date announcement started by Adobe

Its nice to see that adobe has started their International Flex User Group Tour
to discuss their last year ends announcements about Flex and Flash Platform.They
have announced the dates for the North America.

Schedule can be checked at:-

http://blogs.adobe.com/flex/2012/01/announcing-flex-user-group-2012-tour-north-america-dates.html

Waiting for the turn of Asia including India.

Enjoy Flexing…….
Shardul

Flex 4.5 Book for ios Development

Below is the wonderful link for purchasing the book for developing the ios based application using the Flex 4.5.

Flex 4.5 Book for ios Development

Enjoy…Flexing……..

Unit Testing in Flex 4 application Using Flash-Builder 4

Inside the Flash builder 4 simply create a new Flex project,I am naming it as UnitTestingDemo.
1)I have created a class with name MyMath.as under the folder the utils,I am putting it inside the utils just for practice.
Which is as below:-

package utils
{
public class MyMath
{
public function MyMath()
{
}

public function add(num1 : Number,num2 : Number) : Number
{
return num1 + num2;
}

public function multiply(num1 : Number,num2 : Number) : Number
{
return num1 * num2;
}
}
}

2)Now go to File>New>Test Case Class

3)Now I am createing a class with name MyTestCase1. See below:-

Click on the Browser button.

4)It will look as :-

Select the MyMath and click OK as below:-

Now it should look like:-

click on Next button.You will see like below:-

Click Finish.

5)Now on the Package Explorer on the left you will MyTestCase1.as under the folder flexUnitTests.You will see there a method with name testAdd() inside this class.

Now I am going to check for my expected positive result from this method.As we know that 5+6=11.So I have written like this inside this method:-

var myMath : MyMath = new MyMath();
Assert.assertEquals(myMath.add(5,6),11);

6)Now Click on the MyTestCase1.as and select it on the left side Package Explorer.Right Mouse click on this.You will see there a menu with title ‘Execute Flex UnitTests’ click on this.If every thing goes well you will see like below in your browser:-

Except this inside flash builder you will see a tab with title ‘FlexUnit Results’ Explore this for detail investigation.

Enjoy Flexing…………..

Saving Image to File System Using Flex 4

It is possible for us to saving any image to our computer from flex application( without any server code).Below is
the demo application.Please not that this is the feature of the flash player 10. So It will not work if your flash player is
older than flash player 10.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
 <fx:Script>
 <![CDATA[

 import mx.graphics.ImageSnapshot;
 import mx.graphics.codec.JPEGEncoder;
 private function saveImageToFileSystem():void
 {
 var jPEGEncoder:JPEGEncoder = new JPEGEncoder(500);
 var imageSnapshot:ImageSnapshot = ImageSnapshot.captureImage(imgCanvas, 0, jPEGEncoder);
 var fileReference:FileReference = new FileReference();
 fileReference.save(imageSnapshot.data, "img123.jpg");
 }
 ]]>
 </fx:Script>

<mx:VBox horizontalAlign="center" verticalAlign="middle">
<mx:Canvas id="imgCanvas">
<mx:Image source="images/image1.jpg"/>
</mx:Canvas>
 <s:Button click="saveImageToFileSystem()" label="Save Image"/>
</mx:VBox>


</s:Application>

Mobile Applications in Flex

Great news from Adobe that now we can create the web,desktop as well as the most awaited mobile applications only from the single framework.One more platform open for all the flex guys.”Hero” is the code name for this sdk.

For detail please visit:-

http://opensource.adobe.com/wiki/display/flexsdk/Hero

Please also explore for detail:-

http://download.macromedia.com/pub/labs/flex/mobile/flexmobile_whitepaper.pdf

Enjoy Flexing……..

Using Image Inside the Sprite in Flex

Using Image Inside the Sprite in Flex

If we want to add any Image inside the Sprite class in flex,then It is not possible to add image inside the sprite. But if your requirement is as such in that case you can achieve this by adding the Loader inside the sprite. Below is the code for the same.

MainApplication.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute" creationComplete="createSpriteWithBitmap()">
	<mx:Script>
	<![CDATA[
	import mx.controls.Image;
	private function createSpriteWithBitmap():void
	{
	var sp : SpriteWithBitmap = new SpriteWithBitmap();
	can.rawChildren.addChild( sp );
	}
	]]>
	</mx:Script>
	<mx:Canvas id="can" x="200" y="200"/>
</mx:Application>

SpriteWithBitmap

package 
{
import flash.display.Loader;
import flash.display.Sprite;
import flash.events.*;
import flash.net.URLRequest;

import mx.controls.Alert;

public class SpriteWithBitmap extends Sprite
{
	//Pass the source path or url here. 
	private var url:String = "http://shardulbartwal.files.wordpress.com/2009/09/ssbrose.jpg";

	public function SpriteWithBitmap() 
	{
		loadImg();
	}
	private function loadImg():void 
	{
		var loader:Loader = new Loader();
		loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, loadFailure);
		var request:URLRequest = new URLRequest(url);
		loader.load(request);
		this.addChild(loader);
	}

	private function loadFailure(event:IOErrorEvent):void
	{
		Alert.show("Can't load :" + url);
	}
}

}

Enjoy Flexing………….

Passing variable from outside into a popup window

If we are require to pass any variable from outside into a popup window in flex,the way
is slightly different then creating Popup in a classic way.Actully its not the different
instead there is a type casting into the same class which we are going to display in popup.
Let suppose you want to pass a string value into the popup then inside the popup you need
to create a public varible, like I am creating ‘urlValue’ string type variable inside the popup.

Now pass the value inside the popup as below:-

var myPopUp:MyPopup= MyPopup(PopUpManager.createPopUp(this, MyPopup, true));

myPopUp.move(((Application.application.width/2)-(myPopUp.width/2)),((Application.application.h

eight/2)-(myPopUp.height/2)));

myPopUp.urlValue = “value from outside”;

Here the MyPopUp is the class which we are going to show in popup.

Hope it will be helpfull for you.

Unable to resolve a class for ResourceBundle: string

Unable to resolve a class for ResourceBundle: string

========================================================

  Few  days  back when I was using the PhotoViewer  from  the adobe’s  sample  example  then

With the download code I got the problem with message ‘Unable to resolve a class for Resource Bundle: string’. This is one of the common problems related to the setting of your applications ‘compiler setting’. If you want to resolve this then just right click right mouse click on your project and then click on the ‘Properties’. It will open a new window with title ‘Properties for …your project name….’.Here Just click on the ‘Flex Compiler’. It will take you to the ‘Flex compiler’. Here under ‘Additional compiler arguments’ you have to write:-

‘ -use-network=false -library-path+=locale/{locale}

-source-path+=locale/{locale} -locale=en_US’.

 Now compile your application. The issue will be resolved.

 

 

Hope it will help you if required……………………