Click here to close now.

Welcome!

You will be redirected in 30 seconds or close now.

ColdFusion Authors: Yakov Fain, Maureen O'Gara, Nancy Y. Nee, Tad Anderson, Daniel Kaar

Related Topics: ColdFusion

ColdFusion: Article

Flash for CFers:Getting over the Hump

Flash for CFers:Getting over the Hump

Where do you stand in the march of CF developers moving toward implementing Flash interfaces in your Web apps? Are you gung ho? Still on the fence? Dead set against it? Feeling left out? Left behind?

In this month's Journeyman ColdFusion column, I'd like to take up the cause of Flash for CFers. In particular, if you're a developer who's been feeling left out or left behind, or simply challenged to understand most articles and books on the subject, take heart. In this article, I will share some observations and insights to help get you on the right path.

As I say in my user group seminars on this particular topic, it's like there's a wall you need to get over to get started. It's not that high, but just high enough to make it hard to get started on your own without a little leg up. Once you get that leg up, however, there's a whole world of cool possibilities.

The Challenge of Getting Started: It's Not Your Fault
Have you been impressed with Flash integration, but felt that it was beyond your reach? Have you tried to follow along with Flash Remoting articles, but felt stumped by your lack of Flash experience? Have you tried to read beginner Flash books, only to be frustrated by their focus on drawing, graphics, animation, sound, and video? Or by their wading through every part of the Flash interface?

The challenge of getting started with Flash as a Web developer is not your fault. It's partly due to Flash's heritage as a design tool, and the recent addition of many features for developers. Similar challenges exist for Dreamweaver MX. Bringing together two worlds, designer and developer, has left many resources challenged as to how to present fundamentals to each audience.

Also, Macromedia's showing the Pet Market and Broadmoor examples might also have set high expectations, leaving the average newcomer to believe creating Flash interfaces must be difficult. Some have tried to propose that CFers should focus on the back end and leave Flash to designers. On the other hand, those complex examples may have even lowered the expectation of some, thinking such Flash-based replacements of complex processes are not a suitable opportunity to add to their site.

You can integrate Flash easily and effectively. It's just a matter of finding simple samples and walkthroughs, trying them out for yourself, and identifying suitable next steps and resources for learning more from this perspective.

Some Good Starting Points for Web App Developers
Note that I said the first step is "finding simple samples and walkthroughs." In this article, I'm not going to actually walk you through getting started with the Flash interface. I'm not going to show any screenshots nor a single line of ActionScript. Frankly, an excellent guide to getting started was written by our own Ben Forta in the November 2002 issue of CFDJ.

In "Data Entry reFORMed," available at www.sys-con.com/coldfusion/article.cfm?id=528, Ben solves the challenge in a way that few have. He doesn't presume any prior Flash experience, but he walks through the basics of using the interface to build a typical "two-selects related" interface that's hard to do in HTML. Even with JavaScript, it could involve caching large amounts of data on the client and may not work on all browsers.

This sort of solution is easy in Flash, and he walks through building it without a lot of focus on needless details. Yet he doesn't leave anything out that you might need. Too many articles soon drop a "place this code in the first layer of the first frame," but if these are foreign terms to you, then the wall has been raised. If you visit that page and use the "print article" link, you'll have an excellent resource that gets you started in just 2300 words. From there, you should be able to proceed to other resources, appreciating all the articles on Remoting and using Flash for Web apps.

Unfortunately, other resources aren't as well-suited to us. For instance, many articles recognize that readers may not have enough Flash knowledge and suggest that you "read the manuals." The problem is, they're really too designer oriented. As I said before, they tend to focus on aspects of using Flash that may not interest us, at least not from the start.

While it may seem counterintuitive, I don't recommend that you start with the Flash MX Manual, Using Flash MX. At least not at first. When you're ready, it's available at Help>Using Flash. There are also tutorials and samples available from the Flash help menu, but those, too, tend to be focused on using Flash in ways that may not immediately seem related to our needs as Web app developers.

Even Ben's book, Reality ColdFusion: Flash MX Integration, while seemingly the perfect starting point, presumes that you already understand Flash. The good news is that his article, and a couple of others I'll recommend, will help get you quickly up to speed to appreciate that book and several others, including the very popular and highly regarded ActionScript: The Definitive Guide (recently released in an MX version) and Object-Oriented Programming with ActionScript.

There is one other book that I'll recommend, and it may surprise you. Most will know that the ColdFusion MX Web Application Construction Kit is the latest edition of what's regarded by many as the seminal introduction to CF. Intermediate and advanced developers may spurn it, thinking if they already have one of the earlier editions that they are perhaps above getting it again. But the book has an excellent chapter, 23, on Flash integration. It was written by Nate Weiss and it's a great introduction to Flash and CF integration.

The chapter covers far more than Ben's article could (he has a whole chapter) and similarly, Nate never loses you nor bores you with Flash interface details you don't need. He builds a few simple but useful examples of Flash/CFMX integration, and even shows a simple, useful application of Flash's animation abilities. He also offers examples of server integration, using techniques other than Remoting. This chapter alone may justify the cost of the book - $35 at Buy.com at the time of this writing.

Other Good Resources
Once you've gotten over the humps explained by the resources above, you should be able to appreciate and take advantage of the many articles both in past issues of CFDJ and the Macromedia DesDev center as well as many other sites. They may have seemed daunting if you read them in the past, but would now be worth your consideration with just that little bit of Flash experience you didn't have before.

The CFDJ articles on Flash and CFMX integration have included, starting with the most recent:

  • "Bridging the Gap Between Flash and ColdFusion MX," by Simon Horwith (Vol. 5, issue 2) at www.sys-con.com/coldfusion/article.cfm?id=570
  • "Web Services in a Flash," by Dennis Baldwin (Vol. 5, issue: 1) at www.sys-con.com/coldfusion/article.cfm?id=556
  • "The Flash MX Calendar Component," by Mike Britton (Vol. 5, issue 1) at www.sys-con.com/coldfusion/article.cfm?id=555
  • "Flash Remoting with Macromedia's DesDev Feed," by Dennis Baldwin (Vol. 4, issue 12) at www.sys-con.com/coldfusion/article.cfm?id=540
  • "Get Connected with Flash Debugging," by Dennis Baldwin (Vol. 4, issue 10) at www.sys-con.com/coldfusion/article.cfm?id=513
  • "Flash Up Your Forms with Components," by Dennis Baldwin (Vol. 4, issue 6) at www.sys-con.com/coldfusion/article.cfm?id=451
  • "Building the Development Team in Flash MX and ColdFusion MX," by Kevin Towes (Vol. 4, issue 6) at www.sys-con.com/coldfusion/article.cfm?id=448

    There have also been some great introductory articles at the Macromedia DesDev center. Again, at first reading, without a little Flash experience, they may have seemed daunting and beyond you, but give them a look after getting just the little bit of experience offered by the two resources discussed in the previous section. They include:

  • "Macromedia Flash MX Remoting: Open the Gate for Rich, Dynamic Content," by Kevin Towes at www.macromedia.com/desdev/mx/coldfusion/articles/remoting.html
  • "Getting Started with Flash Remoting," by Mike Chambers at www.macromedia.com/desdev/mx/coldfusion/articles/startremoting.html
  • "Flash Remoting Basics for ColdFusion Developers," by Lucas Sherwood at www.macromedia.com/desdev/mx/flashremoting/articles/cfexample.html

    You can find even more articles at the various DesDev centers, including the following:

  • www.macromedia.com/desdev/mx/flashremoting
  • www.macromedia.com/desdev/mx/coldfusion
  • www.macromedia.com/desdev/mx/flash/
  • www.macromedia.com/desdev/mx/flashcom/
  • www.macromedia.com/desdev/rich_media_ads/

    The last one is quite recent, having been opened just in January.

    There are also lists of examples of such integration, including articles (some of which are a little more advanced) available at www.macromedia.com/desdev/topics/sample_apps.html. There's also a page devoted to resources specifically for Flash/CFMX integration at www.macromedia.com/support/flash/programs_cf.html.

    There are even a number of online video presentations that walk you through the use of Flash, including several related to CF integration, available at www.macromedia.com/software/flash/productinfo/tutorials/gettingstarted.

    One of those videos is on the accessibility features of FlashMX. This is a topic of significant importance to many developers and administrators, and Flash MX does add new features to address this important aspect of creating usable applications. Indeed, Macromedia has a site devoted to the topic, at www.macromedia.com/macromedia/accessibility /features/flash. Still one more non-Macromedia resource devoted to the goal of promoting usable Flash sites is a "Wiki" at www.whatisflash.com. The topic is also discussed in a couple of books, including The Flash Usability Guide, by Chris McGregor, et al. Indeed, a useful sample chapter is available online at www.friendsofed.com/books/flash_mx_titles/mx_usability/sample_chapter.pdf. Another is Constructing Accessible Web Sites, by Jim Thatcher, et al.

    If you'd like to take a course on the topic of both Flash and integration with CFMX, Macromedia has recently released the class, "Developing Rich Internet Applications." It's an intense three days covering lots about ActionScript, fundamentals of the Flash interface, and integration with CFMX. Simon Horwith wrote about the class in last month's aforementioned "Bridging the Gap Between Flash and ColdFusion MX." Learn more about the class at www.macromedia.com/support/training/instructor_led_curriculum/dev_apps_fmx_cfmx.html.

    What If You're Not Using CFMX or Flash MX?
    While it would be best to leverage the power and improvements in CFMX and Flash MX, the reality is that some people simply can't or won't yet have migrated. Or maybe you have co-workers or clients interested in doing this integration with servers that do not support Remoting (it is currently supported only on CFMX, ASP.NET, and certain J2EE servers).

    What if you're on CF5? Or 4.5? Or PHP? Or Perl? Or some mainframe Web server, for that matter? Or still using Flash 5? You may be led to believe that you're out of luck and unable to play the game of Flash/CF integration. You can! It's just not as easy as it is with CFMX and Remoting. The good news is that we at CFDJ have been covering Flash and CF integration for nearly two years now. Check out any of the following:

  • "Macromedia Flash 5 and ColdFusion 5," by Mike Chambers (Vol. 3, issue 11) at www.sys-con.com/coldfusion/article.cfm?id=366
  • "ColdFusion-Driven Flash Content," by R. Drisgill and J. Montilla (Vol. 3, issue 9) at www.sys-con.com/coldfusion/article.cfm?id=347
  • "Getting CF into Flash," by Randy H. Drisgill and Jason Montilla (Vol. 3, issue 8) at www.sys-con.com/coldfusion/article.cfm?id=346
  • "ColdFusion Meets Flash," by Dennis Baldwin (Vol. 3, issue 8) at www.sys-con.com/coldfusion/article.cfm?id=309

    Also note that the approaches described apply to pretty much any Web application server. It's worth noting, however, that if you have Flash MX it offers even more powerful new ways of integrating with Web app servers even without Remoting, in the form of the new LoadVars and XML objects. Do look into these if you're not using a server that supports Remoting. The bottom line is that it's pretty easy to pass data back and forth from a Flash movie on the client up to a server of any kind.

    Other Next Steps
    The focus to this point has been on resources that would be especially suitable for CF and other Web app developers who might otherwise find typical "beginner Flash" resources to be inappropriate. But as I said before, once you get over the initial hump of being shown the most fundamental aspects, your next step is to learn how to use the rest of the features of the Flash interface, such as layers, frames, animation, more about UI components, more about ActionScripting, debugging, troubleshooting, and more.

    An excellent starting point once you're prepared to dive into more about Flash would be Foundation Macromedia Flash MX, a "Friends of ED" book. In fact, the first chapter of the book is available online at www.friendsofed.com/books/ foundation/flashmx/Found_MX_Chapter_01.pdf and would be a great resource even if you don't get the entire book (though I'm confident that chapter will motivate you to get it).

    A couple of other books that do a surprisingly good job of introducing fundamentals (including some server integration) are Macromedia MX eLearning; Advanced Training from the Source, and the recently released Mobile Macromedia Flash MX. Even if you're not interested in doing development for mobile devices, it's interesting to consider that the skills and efforts applied to building Flash apps for browsers can be applied just as readily to mobile devices (phones, PDAs, and more).

    Still other things you may want to explore once you're "over the hump" are Macromedia's "Developer Resource Kits" (DRKs), which offer several useful new components, demonstrations, and more (mostly Flash-oriented). Learn more at www.macromedia.com/software/drk. Another possible next step would be to explore the Flash Communications Server product. While it's primarily shown as being a tool for streaming audio/video, it's much more than that and really about live shared data applications. This month Kevin Towes offers a great tutorial on getting started with that aspect of the Flash Communication Server in "Persistent Data Communications." Learn more at www.macromedia.com/desdev/mx/flashcom.

    One more possible next step to consider is the "Flash Component Kit for ColdFusion." This toolkit, available at www.macromedia.com/v1/handlers/index.cfm?ID=20983, is really something from the Flash 5 time frame. It's a set of ColdFusion custom tags (that work in CF5 as well as CFMX) that provides some prebuilt components that integrate with CF but don't require you to have or use the Flash authoring tool.

    Before concluding the article, I'd like to point out a few Web sites that are devoted to topics related to Flash/server integration. Some are portals with articles, links to other sources, mailing lists, blogs, and more. See:

    • Flashcfm.com
    • Devmx.com
    • Flash-remoting.com
    • FlashForProgrammers.com
    • Flash-db.com
    • actionscript.org
    • flashmagazine.com
    • flashguru.co.uk
    • actionscript-toolbox.com
    • flashsupport.com
    • flashkit.com
    Many of these (and an always updated list of them) are available at www.macromedia.com/support/flash/ ts/documents/flash_websites.htm.

    Conclusion
    I hope this little compendium of resources for getting started in using Flash, as a Web application developer, has been useful for you. I'm simply sharing my observations and discoveries in the hope of helping others either get over their own frustration getting started, or avoid it in the first place.

    Indeed, I'm thinking of creating my own book and class on the topic, focusing on certain things from this particular perspective and highlighting more lessons learned and key topics.

    It's really not difficult to get into all this stuff. It's just a matter of getting that gentle leg up over the wall that then opens to the many paths to creating Flash-enabled Web applications and interface widgets. Now, be on your way!

  • More Stories By Charlie Arehart

    A veteran ColdFusion developer since 1997, Charlie Arehart is a long-time contributor to the community and a recognized Adobe Community Expert. He's a certified Advanced CF Developer and Instructor for CF 4/5/6/7 and served as tech editor of CFDJ until 2003. Now an independent contractor (carehart.org) living in Alpharetta, GA, Charlie provides high-level troubleshooting/tuning assistance and training/mentoring for CF teams. He helps run the Online ColdFusion Meetup (coldfusionmeetup.com, an online CF user group), is a contributor to the CF8 WACK books by Ben Forta, and is frequently invited to speak at developer conferences and user groups worldwide.

    Comments (0)

    Share your thoughts on this story.

    Add your comment
    You must be signed in to add a comment. Sign-in | Register

    In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.


    @ThingsExpo Stories
    GENBAND has announced that SageNet is leveraging the Nuvia platform to deliver Unified Communications as a Service (UCaaS) to its large base of retail and enterprise customers. Nuvia’s cloud-based solution provides SageNet’s customers with a full suite of business communications and collaboration tools. Two large national SageNet retail customers have recently signed up to deploy the Nuvia platform and the company will continue to sell the service to new and existing customers. Nuvia’s capabilities include HD voice, video, multimedia messaging, mobility, conferencing, Web collaboration, deskt...
    The WebRTC Summit 2014 New York, to be held June 9-11, 2015, at the Javits Center in New York, NY, announces that its Call for Papers is open. Topics include all aspects of improving IT delivery by eliminating waste through automated business models leveraging cloud technologies. WebRTC Summit is co-located with 16th International Cloud Expo, @ThingsExpo, Big Data Expo, and DevOps Summit.
    SYS-CON Media announced today that @WebRTCSummit Blog, the largest WebRTC resource in the world, has been launched. @WebRTCSummit Blog offers top articles, news stories, and blog posts from the world's well-known experts and guarantees better exposure for its authors than any other publication. @WebRTCSummit Blog can be bookmarked ▸ Here @WebRTCSummit conference site can be bookmarked ▸ Here
    SYS-CON Events announced today that Cisco, the worldwide leader in IT that transforms how people connect, communicate and collaborate, has been named “Gold Sponsor” of SYS-CON's 16th International Cloud Expo®, which will take place on June 9-11, 2015, at the Javits Center in New York City, NY. Cisco makes amazing things happen by connecting the unconnected. Cisco has shaped the future of the Internet by becoming the worldwide leader in transforming how people connect, communicate and collaborate. Cisco and our partners are building the platform for the Internet of Everything by connecting the...
    Temasys has announced senior management additions to its team. Joining are David Holloway as Vice President of Commercial and Nadine Yap as Vice President of Product. Over the past 12 months Temasys has doubled in size as it adds new customers and expands the development of its Skylink platform. Skylink leads the charge to move WebRTC, traditionally seen as a desktop, browser based technology, to become a ubiquitous web communications technology on web and mobile, as well as Internet of Things compatible devices.
    SYS-CON Events announced today that robomq.io will exhibit at SYS-CON's @ThingsExpo, which will take place on June 9-11, 2015, at the Javits Center in New York City, NY. robomq.io is an interoperable and composable platform that connects any device to any application. It helps systems integrators and the solution providers build new and innovative products and service for industries requiring monitoring or intelligence from devices and sensors.
    Wearable technology was dominant at this year’s International Consumer Electronics Show (CES) , and MWC was no exception to this trend. New versions of favorites, such as the Samsung Gear (three new products were released: the Gear 2, the Gear 2 Neo and the Gear Fit), shared the limelight with new wearables like Pebble Time Steel (the new premium version of the company’s previously released smartwatch) and the LG Watch Urbane. The most dramatic difference at MWC was an emphasis on presenting wearables as fashion accessories and moving away from the original clunky technology associated with t...
    Docker is an excellent platform for organizations interested in running microservices. It offers portability and consistency between development and production environments, quick provisioning times, and a simple way to isolate services. In his session at DevOps Summit at 16th Cloud Expo, Shannon Williams, co-founder of Rancher Labs, will walk through these and other benefits of using Docker to run microservices, and provide an overview of RancherOS, a minimalist distribution of Linux designed expressly to run Docker. He will also discuss Rancher, an orchestration and service discovery platf...
    SYS-CON Events announced today that Akana, formerly SOA Software, has been named “Bronze Sponsor” of SYS-CON's 16th International Cloud Expo® New York, which will take place June 9-11, 2015, at the Javits Center in New York City, NY. Akana’s comprehensive suite of API Management, API Security, Integrated SOA Governance, and Cloud Integration solutions helps businesses accelerate digital transformation by securely extending their reach across multiple channels – mobile, cloud and Internet of Things. Akana enables enterprises to share data as APIs, connect and integrate applications, drive part...
    SYS-CON Events announced today that Vitria Technology, Inc. will exhibit at SYS-CON’s @ThingsExpo, which will take place on June 9-11, 2015, at the Javits Center in New York City, NY. Vitria will showcase the company’s new IoT Analytics Platform through live demonstrations at booth #330. Vitria’s IoT Analytics Platform, fully integrated and powered by an operational intelligence engine, enables customers to rapidly build and operationalize advanced analytics to deliver timely business outcomes for use cases across the industrial, enterprise, and consumer segments.
    SYS-CON Events announced today that Solgenia will exhibit at SYS-CON's 16th International Cloud Expo®, which will take place on June 9-11, 2015, at the Javits Center in New York City, NY, and the 17th International Cloud Expo®, which will take place on November 3–5, 2015, at the Santa Clara Convention Center in Santa Clara, CA. Solgenia is the global market leader in Cloud Collaboration and Cloud Infrastructure software solutions. Designed to “Bridge the Gap” between Personal and Professional Social, Mobile and Cloud user experiences, our solutions help large and medium-sized organizations dr...
    SYS-CON Events announced today that Liaison Technologies, a leading provider of data management and integration cloud services and solutions, has been named "Silver Sponsor" of SYS-CON's 16th International Cloud Expo®, which will take place on June 9-11, 2015, at the Javits Center in New York, NY. Liaison Technologies is a recognized market leader in providing cloud-enabled data integration and data management solutions to break down complex information barriers, enabling enterprises to make smarter decisions, faster.
    Cloud is not a commodity. And no matter what you call it, computing doesn’t come out of the sky. It comes from physical hardware inside brick and mortar facilities connected by hundreds of miles of networking cable. And no two clouds are built the same way. SoftLayer gives you the highest performing cloud infrastructure available. One platform that takes data centers around the world that are full of the widest range of cloud computing options, and then integrates and automates everything. Join SoftLayer on June 9 at 16th Cloud Expo to learn about IBM Cloud's SoftLayer platform, explore se...
    @ThingsExpo has been named the Top 5 Most Influential M2M Brand by Onalytica in the ‘Machine to Machine: Top 100 Influencers and Brands.' Onalytica analyzed the online debate on M2M by looking at over 85,000 tweets to provide the most influential individuals and brands that drive the discussion. According to Onalytica the "analysis showed a very engaged community with a lot of interactive tweets. The M2M discussion seems to be more fragmented and driven by some of the major brands present in the M2M space. This really allows some room for influential individuals to create more high value inter...
    The world's leading Cloud event, Cloud Expo has launched Microservices Journal on the SYS-CON.com portal, featuring over 19,000 original articles, news stories, features, and blog entries. DevOps Journal is focused on this critical enterprise IT topic in the world of cloud computing. Microservices Journal offers top articles, news stories, and blog posts from the world's well-known experts and guarantees better exposure for its authors than any other publication. Follow new article posts on Twitter at @MicroservicesE
    SYS-CON Events announced today the IoT Bootcamp – Jumpstart Your IoT Strategy, being held June 9–10, 2015, in conjunction with 16th Cloud Expo and Internet of @ThingsExpo at the Javits Center in New York City. This is your chance to jumpstart your IoT strategy. Combined with real-world scenarios and use cases, the IoT Bootcamp is not just based on presentations but includes hands-on demos and walkthroughs. We will introduce you to a variety of Do-It-Yourself IoT platforms including Arduino, Raspberry Pi, BeagleBone, Spark and Intel Edison. You will also get an overview of cloud technologies s...
    SYS-CON Events announced today that SafeLogic has been named “Bag Sponsor” of SYS-CON's 16th International Cloud Expo® New York, which will take place June 9-11, 2015, at the Javits Center in New York City, NY. SafeLogic provides security products for applications in mobile and server/appliance environments. SafeLogic’s flagship product CryptoComply is a FIPS 140-2 validated cryptographic engine designed to secure data on servers, workstations, appliances, mobile devices, and in the Cloud.
    Containers and microservices have become topics of intense interest throughout the cloud developer and enterprise IT communities. Accordingly, attendees at the upcoming 16th Cloud Expo at the Javits Center in New York June 9-11 will find fresh new content in a new track called PaaS | Containers & Microservices Containers are not being considered for the first time by the cloud community, but a current era of re-consideration has pushed them to the top of the cloud agenda. With the launch of Docker's initial release in March of 2013, interest was revved up several notches. Then late last...
    SOA Software has changed its name to Akana. With roots in Web Services and SOA Governance, Akana has established itself as a leader in API Management and is expanding into cloud integration as an alternative to the traditional heavyweight enterprise service bus (ESB). The company recently announced that it achieved more than 90% year-over-year growth. As Akana, the company now addresses the evolution and diversification of SOA, unifying security, management, and DevOps across SOA, APIs, microservices, and more.
    After making a doctor’s appointment via your mobile device, you receive a calendar invite. The day of your appointment, you get a reminder with the doctor’s location and contact information. As you enter the doctor’s exam room, the medical team is equipped with the latest tablet containing your medical history – he or she makes real time updates to your medical file. At the end of your visit, you receive an electronic prescription to your preferred pharmacy and can schedule your next appointment.