Posts Tagged ‘Flash Builder’

Adobe Developer Week 2011 – June 20-24

During developer week you can learn how to build expressive mobile, web, and desktop apps with the newly released Flash Builder 4.5 and Flex 4.5. Live eSeminars are free and those are presented by Adobe technology experts.

Sessions:

  • Introduction to Flex 4.5 and Flash Builder 4.5
  • What’s new in Flex 4.5
  • New Features in Flash Builder 4.5
  • Flex and PHP Integrated Development with Flash Builder 4.5 for PHP
  • Build Your First Mobile Application With Flex 4.5
  • Architecting Flex Applications For Re-Use Across Web, Desktop and Mobile
  • Multi-Density and Multi-Platform Authoring for Smart Phones and Tablets With Flex 4.5 SDK
  • Migrating from Flex 3 to Flex 4.5: Understanding Changes from Halo to Spark
  • Creating Expressive Applications with Flash Builder and Flash Catalyst
  • Building Mobile Applications for BlackBerry Playbook
  • Coding Productivity Features in Flash Builder 4.5
  • Next Generation Application Development for the Enterprise
  • Building Data Driven Flex and Java Applications
  • Flex and BlazeDS Integration with Spring
  • Maximizing Flex Application Performance (Mobile and Desktop)
  • Creating Performant Skins and Item Renderers for Mobile Applications
  • Anatomy of an Enterprise Mobile Application Built with Flex 4.5

You can register here: Adobe Developer Week 2011

Send pictures from Android device to Windows with AIR applications

In this example I will show how you can take and send pictures from Android phone to Windows application using Adobe AIR in Android and Windows.

Create AIR for Android application (to take and send picture)

In Adobe AIR 2.5 there is Camera UI class that allows you to capture a still image or video using the default camera application on a device. First check that Camera is supported and create a new Camera UI object and register MediaEvent.COMPLETE to call onComplete function when picture is taken.

After that establish a new NetConnection for P2P in the local network (LAN). This can be done by specifying connection string as "rtmpf:" in NetConnection.

private function init():void {
  if (CameraUI.isSupported){
    myCam = new CameraUI();
    myCam.addEventListener(MediaEvent.COMPLETE, onComplete);
  }
  nc = new NetConnection();
  nc.addEventListener(NetStatusEvent.NET_STATUS, netStatus);
  nc.connect("rtmfp:");
}

When connection is made netStatus function will be called. If NetConnection is ok it is time to setup own group for multicasting. You can set up your own NetGroup with GroupSpecifier. Enable local connections between peers and set your IP address and port for multicasting. You can find more details about multitasking for example here: www.flashrealtime.com (Tom Krcha - thanks about your excellent demos and work with Flash based Technologies).

private function netStatus(event:NetStatusEvent):void {
  switch(event.info.code) {
    case "NetConnection.Connect.Success":
       var groupspec:GroupSpecifier = new GroupSpecifier("fi.ptm.imageApp/myChannel");
       groupspec.postingEnabled = true;
       groupspec.ipMulticastMemberUpdatesEnabled = true;
       groupspec.addIPMulticastAddress("225.225.0.1:30000");
       group = new NetGroup(nc,groupspec.groupspecWithAuthorizations());
       group.addEventListener(NetStatusEvent.NET_STATUS, netStatus);
       break;
  }
}

A new picture is taken when user presses Take Picture Button in device's screen. Picture is taken with Android Native Camera Application (using with Camera UI class) and onComplete will be called when picture is taken.

In this example image is shown with <mx:Image id="image"> and image URL is used when image is sent to Windows AIR application.

private function takePicture():void {
  image.filters = [];
  if (CameraUI.isSupported) myCam.launch(MediaType.IMAGE);
}

private function onComplete(evt:MediaEvent):void{
  image.source = evt.data.file.url;
  imageURL = evt.data.file.url;
}

Image is converted to ByteArray and all of those bytes is sent to Windows AIR application when user clicks send button in the devices screen.

private function sendPicture():void {
  var fs:FileStream = new FileStream();
  fs.open(new File(imageURL), FileMode.READ);
  var bytes:ByteArray = new ByteArray();
  fs.readBytes(bytes);
  fs.close();
  if (bytes == null) {
    trace("Image bytes is null!");
  } else {
    // create a new object with image data and image count (sent)
    var message:Object = new Object();
    message.bytes = bytes;
    message.images = ++imagesSent;
    group.post(message);
    trace("Pictures sent:"+imagesSent);
  }
}

Create AIR local client in Windows (receive images)

Windows AIR application is connected to same group and it is waiting for images from AIR for Android application. If we get a new netStatus with NetGroup.Posting.Notify message then a new image is received from Android. First new Sprite is created and all of those image bytes is loaded with Loader.

public function receivePicture(message:Object):void {
  imageContainer = new Sprite();
  var loaderContext:LoaderContext = new LoaderContext();
  loaderContext.allowCodeImport = false;
  var loader:Loader = new Loader();
  loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onPicLoaded,false,0,true);
  loader.loadBytes(message.bytes, loaderContext);
  // add a new sprite to hold image
  imageSprite = new Sprite();
  imageSprite.addChild(loader);
  imageContainer.addChild(imageSprite);
  wrapper.addChild(imageContainer);
}

ImageSprite is a wrapped for a new image sprite to get Parallel image animation into it (scaling, positioning and sizing) for 4 seconds.

private function onPicLoaded(e:Event):void {
  imageSprite.x = -imageContainer.width / 2;
  imageSprite.y = -imageContainer.height / 2;
  imageContainer.x += imageContainer.width / 2;
  imageContainer.y += imageContainer.height / 2;
  startX = imageContainer.width / 2;
  startY = imageContainer.height / 2;
  targetX = Math.floor(Math.random()*frame.width);
  var borderSize:uint = 100;
  if (targetX < borderSize) targetX = borderSize;
  if (targetX > (frame.width-borderSize)) targetX = frame.width - borderSize;
  targetY = Math.floor(Math.random()*frame.height);
  if (targetY < borderSize) targetY = borderSize;
  if (targetY > (frame.height-borderSize)) targetY = frame.height - borderSize;
  startRotation = Math.floor(Math.random()*360);
  if (Math.random() > .5) targetRotation = startRotation + 180;
  else targetRotation = startRotation - 180;
  imageAnimation.play();
}

Here is a basic parallel animation used to make a cool sliding effect with a new images. All previous taken images will be visible there too.

<mx:Parallel id="imageAnimation" target="{imageContainer}" >
  <mx:AnimateProperty property="scaleX" fromValue="1" toValue="0.2" duration="4000" />
  <mx:AnimateProperty property="scaleY" fromValue="1" toValue="0.2" duration="4000" />
  <mx:AnimateProperty property="x" fromValue="{startX}" toValue="{targetX}" duration="4000" />
  <mx:AnimateProperty property="y" fromValue="{startY}" toValue="{targetY}" duration="4000" />
  <mx:AnimateProperty property="rotation" fromValue="{startRotation}" toValue="{targetRotation}" duration="4000" />
</mx:Parallel>

Testing and source codes

You have to install Flex 4.1 (or newer) and AIR 2.5 SDK to try these examples (just copy/overwrite AIR SDK 2.5 to Flash Builder sdks/4.1.0 folder, or make copy from 4.1.0 to for example FlexAIR2.5 folder and overwrite there).

AIRSendingImageFromAndroid.zip
AIRReceiveImageFromAndroid.zip

Adobe® Developer Week

Adobe is holding free Developer Week at May 10 - 14, 2010. Live webinars includes new Adobe CS5 technologies like: Adobe Flash Platform, Flex, Flash Builder, AIR and interactive Q&A sessions.

Full session list:

  • Welcome and Introduction to the Adobe® Flash® Platform
  • Building Multi-Screen Applications with the Adobe® Flash® Platform and Adobe® Creative Suite® 5
  • New Features in Adobe® Flex® 4 Framework
  • New Features in Adobe® Flash® Builder™ 4
  • Adobe® Flash® Catalyst™ CS5 for Developers
  • Building Mobile Applications with Adobe® Flash® Professional™ CS5: Create a Game
  • What's New in Adobe® Flash® Builder™ for Java Developers
  • New Features in Adobe® Flash® Player 10.1
  • Creating Sexy Applications with the Adobe® Flash® Platform: Designer-Developer Workflow
  • A Basic CRUD Application with Zend AMF and Adobe® Flex 4
  • Adobe® Flash® Builder™ 4 and Adobe® ColdFusion® 9
  • Advanced Features In Adobe® Flex®
  • AS34J: ActionScript 3 for Java Developers
  • Adobe® Flash® Platform and Salesforce.com
  • Adobe® Flash® Builder™ for Adobe® Dreamweaver® CS5 Users
  • What’s New in Adobe® Flash® Builder™ for PHP Developers
  • Using Advanced Features with Adobe® Flex® & PHP
  • Adobe® ColdFusion® 9 and Adobe® Flash® Catalyst™ CS5
  • Adobe® Flex® and BlazeDS Integration with SpringSource
  • Building Desktop Applications with Adobe® AIR® 2.0

More informations and registration.

Flash Builder 4 and Flex 4 SDK released

A long wait is now over and you can download/buy Flash Builder 4 and the Flex SDK. A lot of usefull informations can be found for example in the Official Flex Team blog, What's new in Flash Builder 4, What's new in Flex 4 and Differences between Flex 3 and 4.

Adobe provides a free copy of Flash Builder 4 standard for students, faculty and staff of eligible educational institutions. Download form can be found here.