Are you a victim? Categories: Flex

At QCon, Adobe's James Ward shared with InfoQ.com the top Adobe Flex misconceptions that he encounters in his travels evangelizing the Flex application framework.

1. Users Need to Install Something New to Run Flex Applications.
   Ward, exclusive to InfoQ.com, discusses the Flash adoption rates and Flex programming model:

   Flash Player 9 is required for Flex 2 & Flex 3. The Flash Player 9 runtime is currently installed on 94% of the world's computers.
   Flex 2 and Flex 3 applications execute in the Flash Player 9. Flex applications are built on top of the native Flash Player APIs like vector graphics, bitmap manipulation, and networking (which are based on the browser networking stack). The Flex framework adds reusable components like date pickers, data grids, charts, etc. Compiling a Flex application results in a SWF file which is the binary byte code format for the Flash Player. Contained in the SWF file is the byte code for the Flex framework code and a project's custom code. The Flex compiler optimizes the byte code so that only classes which are used go into the SWF file.
   For desktop applications, Adobe is aiming to make their new desktop runtime, dubbed Adobe AIR, as ubiquitous as the web runtime. The 1.0 release of Adobe AIR will be available in the beginning of 2008. Currently, AIR is in beta release from labs.adobe.com. Many companies are already building production applications on AIR. One example, can be seen with eBay's application eBay Desktop.

2. Flash Player is 100% Proprietary.
   Ward continued on this item for InfoQ.com:

   The core of Flash Player is the Tamarin Virtual Machine, which is an open source project under Mozilla. While the SWF file format is not fully open, it is documented by the community on osflash.org. There are numerous open source products that read and write SWF files. The Flash Player's product direction has traditionally been heavily influenced by the community and their needs. The core language for Flash Player is an implementation of ECMAScript 262, which is the specification for JavaScript. Flex also uses CSS for styling of components / applications. Adobe AIR uses web standards as the basis for desktop applications as well as Open Source technologies like Tamarin, Webkit, and SQLite.
   

3. Flash is for Designers, Video, and Annoyances.
   In Ward’s July, 2007 blog, “How I Overcame My Fear of Flash,” he discussed this point:

   Indisputably, the power of Flash has been abused. Pop-ups, pop-overs, skip intros and annoying ads run rampant across our screens. I've heard it said that one should never judge a religion by its abuse. The same adage applies to technology. Flash shouldn't be avoided just because people use it for annoying things. After all, e-mail isn't avoided just because spammers happen to abuse it.

   Ward elaborated on the topic for InfoQ.com:

   Traditionally Flash content was built with the timeline based tool for designers. Flex is the developer toolset for building Flash based content / applications. Designers and developers can work together by sharing assets between the two tools. Flex adds a comprehensive component base:
   http://www.adobe.com/go/flex_explorer_app
   http://www.adobe.com/cfusion/exchange/index.cfm?event=productHome&exc=15&loc=en_us

4. Flex is Not for Enterprise / Business Applications.
   Over the last few weeks, Ward published a seven part blog series on a number of new Oracle applications implemented in Adobe Flex. The applications, which were announced at the recent Oracle OpenWorld, ranged from sales tools, to database management, and business intelligence.
   In addition to Oracle’s usage of Flex, InfoQ.com published a piece recapping a number of groups using Flex for enterprise applications. Ward also points out to InfoQ.com, that there are numerous examples of enterprise applications being developed with Adobe Flex, including work at: Workday, SAP, Salesforce, and Business Objects.
   
5. Flex is Expensive.
   Ward detailed a number of things Adobe has done to address the cost concerns:

   Flex is a free, and soon to be open sourced, developer toolkit for building Rich Internet Applications for the web and the desktop. This free SDK includes everything a developer needs to build RIAs that work the same on any browser or operating system. Part of the free Flex SDK is an extensive set of components which are extensible, skinable, and accessible. You can see many of these components in the Flex Component Explorer: http://www.adobe.com/devnet/flex/samples/code_explorer/
   Flex Builder is an optional plugin for Eclipse which makes developing applications with the free Flex SDK more efficient. It includes features like integrated debugging, design view, and code completion.
   The Flex Builder pricing has changed in quite a few ways recently. Flex Builder is now free for Students and Faculty. The price for the vanilla Flex Builder, without the charting components, has been reduced to $249 to better balance the tiered pricing for Flex Builder.
   There are a number of options for building backend infrastructure for Flex Applications. To take advantage of the high performance AMF data transfer protocol, there are official Adobe products like LiveCycle Data Services, as well as numerous open source projects like Granite Data Services. Using AMF removes the unnecessary steps of converting data to text (SOAP, RESTful, etc), transferring it, and then converting it back to data. AMF also allows type information to be preserved across the wire.

   To see a comparison of AMF to other text based serialization technologies, see James Ward's Census RIA Benchmark application: http://www.jamesward.org/census


6. Flex Applications Require a Special Server.
   Once again, Ward speaking with InfoQ.com:

   Flex applications can run on top of any web server, application server, and database server. Flex applications are much more like client-server applications. Since the logic is running on the client inside the Flash Player, you need some way of communicating with the server. There are many different options for how you connect Flex to your infrastructure. Without any special libraries, you can expose your back-end data and services as RESTful, XML, or SOAP and easily consume that data in your Flex application. If you choose to use the AMF binary serialization protocol, you may need to add some additional libraries into your web application. AMF is just another serialization technology, like XML or JSON, so it can be one of the various methods you use to communicate to your back-end SOA.

7. Flex is Hard to Learn.
   Leftie Friele, from the InfoQ.com community, posted a comment on the InfoQ.com piece “Who is Using Flex?”, detailing his company’s experience in learning Flex:

   Our startup company, Ezmo, have used Flex since the start and we're extremely happy with the framework.
   Without any prior knowledge of Flex/Flash, we built our application in less than two weeks. The integration between Java and Flex is super simple, and getting started with Flex is just a walk in the park.
   The tool support is very good too with Flex Builder. You get the familiar surroundings of Eclipse and you are off and running without many problems. The one thing that is missing is better tools for continuous integration and better plugins into Maven for building Flex applications.

   For those new to Flex, Ward has a Screencast showing a Flex application being built to help get you started. There are also numerous other articles about using Flex and Java in the Adobe Developer Connection.
   
8. With Flex, I Will Need to Rebuild My Entire Application.
   In January, Bruce Eckel published an article titled, “Hybridizing Java.” He argues that the Java community should continue using the good parts of Java, but should use other technologies where Java is weak. His primary focus in the article is using Adobe Flex for user interfaces, instead of the traditional Java options (Swing, JSF, etc…).
   Ward elaborates on this concept:

   Since Flex applications are just the UI piece of an application the back-end usually stays the same. If your back-end was built following the SOA pattern then it is usually very easy to expose those services out to a new Flex UI. This preserves your existing business logic whether it is in EJBs, Spring services, POJOs, etc.

9. Flex Breaks Normal Browser Functionality, Like the Back Button.
   Ward’s blog discusses the back button:

   In Flex, back button support is built in and easily customizable so this was never an issue. Flex also provides an easy way to do hashmark urls (or named anchors), so the url changes as application state changes. Another Web 1.0 integration problem solved.

   Ward adds more details for InfoQ.com:

   Flex 3 provides a simple way for applications to store state parameters in a named anchor and correctly restore state based on those parameters when the URL is requested. More information about this feature can be found in the Flex 3 Feature Introductions Deep Linking documentation.
   Accessibility has always been very important for Flex applications. Since the Flash Player works with Jaws and other accessibility technologies, the capability for adding accessibility to Flash based applications is there. The Flex framework builds accessibility into the core framework. There are many different pieces of accessibility depending on what impairments and disabilities your application needs to support. You can find out more about the accessibility features of Flex in the Developer's Guide.

10. I Can Do Everything Flex Does With Ajax.
    Ward explains:

    RIA with Flex and Ajax is not either/or. Sites like Google Finance show how you can use Flex and Ajax together. Ajax is very good for content-centric applications, while Flex is very good for interactive, media, and data-centric applications. If your application is somewhere in between the two sides of that spectrum, then you can use the Flex Ajax Bridge to combine the two technologies. In Flex 3, the Flex Ajax Bridge is integrated directly into the SDK. If you are using Flex 2, you will need to download the Flex Ajax Bridge separately.

    Also, from the InfoQ.com community, Michael Marth commented on why his group chose Flex:

    We use Flex 2 for our soon-to-launch online dating site viibee.com
    The reason: Flex enabled us to create a user experience far beyond anything that we could have done with a comparable effort in Javascript/Ajax.

For those of you in the InfoQ.com community, are these misconceptions you have held about the Adobe Flex framework? Are there additional barriers that Adobe has yet to address, which are keeping you from using the Flex application framework?

Posted by admin at 10:20 AM | Link | 0 comments

07 January 2008 Save The Date! Flex 3 Pre-Release Tour Coming to Florida Categories: Flex

This is just an announcement to save the date for January 21st, 2008!

The Adobe Developers of Greater Orlando (Adogo) user group has been selected as a stop on Adobe's Flex 3 Pre-release Tour. They're fortunate enough to have Ben Forta, Adobe's Senior Technical Evangelist, speaking to the group for this leg of the tour. The meeting will be held on January 21st, 2008 @ 7:00 PM in the Oleander Room at Westgate Lakes Resort and Spa (located at 10000 Turkey Lake Road, Orlando , FL 32819, parking at The Smokehouse). They'll be giving away a copy of Flex 3 and CS3 Web Premium, a pass to CFUnited 2008, as well as lots of branded schwag from Adobe and CFUnited. Food and drink will be provided to all in attendance while it lasts. This is the ONLY Florida stop for the tour, so be sure to attend.

Registration for this event is available at http://adogo200801.eventbrite.com/ Additionally, more information can also be found on the Adogo website at http://adogo.us.
Hope to see everyone there.

Posted by admin at 7:31 AM | Link | 1 comment

26 October 2007 Flex Video Conference The Camera class with Flash Media Server Categories: Flash Media Server Flex

In my quest for a video email application, I was interested in experimenting with the Flash Camera and Microphone classes, and so with a little help from Renaun Erickson, I devised a little video conference app where you and 9 of your friends can have a video chit-chat conference complete with audio using the Flash Media Server as the central connecting point. The Camera class in Flex is so easy to use, it's not even funny...Once you have the NetStream setup, it's just a matter of calling Camera.getCamera() constuctor and attaching the camera to the NetStream. The same holds true for the Microphone class, and you can even set NetStream's attachAudio method to mute individual streams on the fly. I have posted a sample app with source code here. I also modified Renaun's original example and replaced the Panel with the SuperPanel so now each user can move individual conference attendees around within the browser. I'd like to see Doug McCune implement this with a version of TileUI, so you can start throwing people around the screen mid-conference.

Posted by admin at 9:16 AM | Link | 5 comments

22 October 2007 Abobe unveils Thermo and other experiments Categories: Flex

If you know Flex, then you’ve heard of Ely Greenfield. He is the charting master, and a member of the Flex engineering team. Recently for MAX 2007 in Barcelona, Ely gave a “Flex Roadmap” presentation, see it here, and talked about several new experiments Adobe is considering for the Flex product. The first thing is the Flex designer application code-named “Thermo”. This app is aimed at designers and will give you a visual approach to creating Flex apps much more than design view does now. Think of it as Fireworks in Flex…You as the designer just draw out the layout, and Thermo will generate all the MXML code for you. In addition to Thermo, Ely goes on to talk about some of the experiments they are doing with the Flex framework, and re-thinking the way components are made and interact with each other. Ely talks about for example taking a step back and saying even though we already have these 7000 lines of code that make up the base List component (with all its layout, scrollbars, and button states) what really IS the core function of a List? Its core function is to show an Array of data, all the other stuff like layout, scrollbars, etc is just extra crap that has nothing to with the core function of a list, so this should be handled some where else through the use of visual extensions, and CSS states. This way, there is sort of an MVC kind of architecture going on within the components themselves. Leaving the developer to extend multiple facets of each component in ways that are difficult to do now. It’s kind if hard to explain here, but if you watch the videos it will become clear. As well as that, another thing Ely reveals is a new MXML Graphics engine for Flex, where we can now draw primitive shapes right in MXML. Keep in mind though that all of the examples Ely give come with the disclaimer (that he makes several times) that everything you see may or may not ever make into a release, the roadmap looks promising and very exciting if Adobe does go this route. I say, l et’s just skip 3.0 and go straight to 4.

Posted by admin at 9:09 AM | Link | 0 comments

02 October 2007 Drag & Drop Flex MyTube Streaming video with Flash Media Server Categories: Flash Media Server Flex
Recently I was shown a video email application that would send email recipients a link to a video email message. The idea was cool, but raised concerns for my healthcare practice due to the new privacy laws (HIPPA) and the app being hosted on third party servers. So I figured I would try to build a similar app using Flex and hosting it internally...This way there would be no privacy issues. Before going full bore on a video email app, I thought I might get my feet wet building a simple streaming video library using Flash Media Server to see how it performed. The video files I have on hand are about 30 minutes in length, shot in HDV Inexpensive-High-Definition-Video Dec-07 , and edited in Sony Vegas. This produces, when fully rendered as NTSC (720x480), about a 2GB MPEG file. So, step one was to get some working FLV files that I could test. I needed to batch upload to FMS (Flash Media Server) and transcode the MPEG's (or any other file for that matter) to the FLV format on the fly. I found a command line tool called FFMPEG that does this with great speed, and also captures a still frame from the file that you can use as the thumbnail preview. Sweet...this tool is a must! More on FFMPEG in a later post. I also needed to create a standard SQL database table to hold additional info about each of the videos, like description, title, duration etc. (FLV's can be injected with Metadata for some of these fields, but its limited), and I created a CFC that will query the database and return all recordsets to the Flex app upon initialize. Okay, boring part finished, now onto the Flex front-end and FMS. So my thoughts were to have a single interface, where users could browse the preview thumbnails, and watch a video at the same time. I went with draggable previews that drop onto the main player, and the video starts playing. Easy and intuitive, and you can just page through the rest of the recordset while the video play, while tooltips on the previews provide the user with a video description and duration. Flash Media Server, to my surprise, is such a breeze as well. Just install FMS, create your app directory structure, upload the FLV's into the "streams/_definst_" folder, and feed your Flex app the source paths of the FLV's using the rtmp protocol. It all just works, and the videos stream in!
I have posted an early example of the app HERE which includes source code. (Right-click for the source code) Flash Media Server is for sure the way to go if you want true streaming, video copy protection, and an easy way to deliver lengthy presentations. Way to go Adobe for making it so easy for us!

Posted by admin at 9:00 AM | Link | 0 comments

01 October 2007 Adobe releases Flex Beta 2 today Categories: Flex

Just announced on labs.adobe.com today that Flex Builder 3 Beta 2 is available, as well as several skinning add-ons for other CS3 design platforms. Awesome news!

Posted by admin at 8:55 AM | Link | 0 comments

24 September 2007 Scale 9 "On Time" Reduce stying time and up production value Categories: Flex

So, a few months back I went to the 360|Flex conference in Seattle, and met someone name Juan Sanchez who runs a little site called Scale 9. This site is a collection of Flex and AIR themes that you can incorporate into your own Flex and AIR apps.

Each theme is a collection of skins and CSS stylesheets that really up's the production value of your app's components and the entire project itself. I was able to skin an entire app to the Windows Vista theme in less than 10 minutes. Wow! What a great timesaver, and the look is totally cool and professional. Big thanks go out to Juan for such an awesome site which by the way is chocked full of Flex and RIA resources. Please show Juan some love and visit and support his site.

Posted by admin at 12:00 AM | Link | 0 comments

31 August 2007 Active Directory Users CFC Pull user info out of Active Directory for Flex Categories: Active Directory Flex ColdFusion

So I have been working on a project for creating a Company Directory in Flex and wanted to pull the data about employees out of Microsoft's Active Directory. I chose AD because this seems to be the most up to date info about employees and their status as employees. Some employee databases don't get updated right away when someone get hired/fired, but AD sure does due to it's security model on the network. People need to login on their first day, and Managers want them locked out on their last.

Upon doing some research a few years ago on this subject I saw that ColdFusion had an LDAP tag built-in and could query AD relatively easily. I decided to once again go this route and create a CFC that would query Active Directory, and Flex could just call using Remote Object.

Some of the challenges with using AD is that I wanted it to be easy for Admins to populate AD the way they've always done it and feel most comfortable. This means using the Active Directory Users and Computers dialog forms within Windows. The problem here is that not every field I wanted, even though it may be in Active Directory, is available within the dialog forms. Some of the workarounds I came up with was to populate the un-used fields that already exist in the dialog but use them for other purposes. For example on the General tab there is a field called "Web Page"...so no one at this company has their own webpage,and this is usually just left blank. I decided to put the employee photo filename here, and have Flex work it out to pull the image directly from the server using this information. Also, DOB is not included in any of the forms, so I had to add this to the Notes field and preceed it with "DOB:" and let Flex parse it out and convert it to a date.

Despite the shortcomings of Microsoft, this CFC and Flex does a really good job at getting this info and it's really fast! I think the ultimate in customization would be to have a Flex Users admin screen where we can just populate AD directly and add in any custom fields we want into AD, including a raw ByteArray field for images.

<cfcomponent extends="Service">

<cffunction name="getEmployees" access="remote" returntype="query">
<!---This function will bomb in Flex if the defaults below are not set properly--->

<!---************CHANGE DEFUALTS BELOW**************--->
<!---Replace with your Domian name--->
<cfparam name="domain" default="YOUR_DOMAIN">
<!---Replace with your Domian Controller name--->
<cfparam name="server" default="YOUR_ACTIVE_DIRECTORY_SERVER_NAME">
<!---Replace with an Administrative AD account--->
<cfparam name="username" default="Administrator">
<!---Replace with account password --->
<cfparam name="password" default="ADMINPASSWORD">
<!---Replace with your specific LDAP port number if different from MS default--->
<cfparam name="port" default="389">
<!---************END OF DEFAULTS***See Below for more options--->

<!---OK, Ready?...Try to get employee data from Active Directory--->
<cftry>
<cfldap action="QUERY"
name="ldapquery"
<!--- Most popular fields pulled from AD Users you can add more if you wish. View AD schema with any LDAP viewer --->
attributes="sn,givenname,initials,title,department,company,ipPhone,telephoneNumber,mail,physicalDeliveryOfficeName,wwwhomepage"
<!---Look in Users containter only, Bitch--->
start="cn=users,dc=#domain#"
<!---Used to filter AD...looks at "Office" field in AD Users (physicalDeliveryOfficeName) and pulls record if populated with "DCC" Change as nessesary. userAccountControl makes sure to only select users who are NOT(!) disabled in AD. Looks crazy, but we're talking Microsoft here--->
filter="(&(objectclass=user)(!(userAccountControl:1.2.840.113556.1.4.803:=2)) (physicalDeliveryOfficeName=DCC))"
sort="givenname" <!--- Sort records by First Name. Change fields as nessesary or comment out for "random" results--->
server="#sever#.#domain#"
port="#port#"
username="#domain#/#username#"
password="#password#">

<cfcatch type="any"> <!---If LDAP query fails for any reason...execute this and return 0 records.--->
<cfset UserSearch = "Failed">
<cfset ldapquery.RecordCount = 0>
</cfcatch>
</cftry>

<cfreturn ldapquery> <!---Return data back to Actionscript--->

</cffunction>
</cfcomponent>

-Christopher C. Keeler

Posted by admin at 10:54 AM | Link | 0 comments

22 August 2007 360|Flex in Seattle A gathering of all things Flex Categories: 360 Flex Flex

This past week I was able to attend the 360|Flex conference in Seattle. All I can say is wow! Tom & John did a great job organizing this conference, and I feel it was the best conference I had ever been to for the money. All the great names in Flex were there, and my favorite by far was Doug McCune's session on custom components. Doug has done some amazing things (using other people's work) by mashing up all the cool open source code there is out there, and creating things that really knock your socks off. Being at the conference, I was also privvy to some of the beta Flex apps that are being talked about, like Buzzword the web-based word processor, and Mixbook - the collaborative photo book creator. Also announced was the next 360|Flex event being held in Italy. Ciao bella! The Seattle Flex Users Group put together a charity code jam during the entire event and the goal was to create a Flex based website for Northwest Harvest Food Bank. The nice thing about this charity event was that the entire project is open source which means that the entire code base, which was figured out to be valued around $74,000, can be used to setup other sites for food banks/etc. Great work from everybody. Looking forward, I see Flex as becoming one of the mainstream technologies for RIA development, and judging by the crowd and enthusiasm at 360, I think I'm not alone.

Posted by admin at 12:00 AM | Link | 0 comments