Welcome!

Adobe Flex Authors: Matthew Lobas, PR.com Newswire, Shelly Palmer, Kevin Benedict

Related Topics: Adobe Flex, ColdFusion

Adobe Flex: Article

SWFAddress - Deep Linking for Flash

A new open source project

SWFAddress is a new open source project that provides deep linking and search engine indexing for Flash Websites and applications. In other words, it enables the Back, Forward, and Reload buttons of the browser and creates unique URLs that can be sent over e-mail or IM. Recently it reached version 1.0 and quickly gained the attention of top design agencies and interactive developers. SWFAddress started as a small experiment that aimed to enhance a typical Flash Website by presenting the portfolio of a fellow photographer. It adopted all the best practices available on the Internet and became one of the best solutions among the growing number of similar libraries. After a successful release candidate, SWFAddress went beyond history management and bookmarking by providing an innovative approach for dealing with search engines. SWFAddress's way to success is based on simplicity, a rich feature set, and quality. SWFAddress is the third free software project of Asual DZZD, a small company from Sofia, Bulgaria. Previously known for its user interface framework, EnFlash, and ActionScript preprocessor, EnLarge, Asual continues to provide new ideas and solutions that target the Adobe Flash Player Platform. All the company's projects rely on the hosting services of Sourceforge.net and take part in the growing community of OSFlash.org. SWFAddress is released under the terms of the open source MIT license.

Technical facts about the project include:

  • SWPAddress is a combination of the JavaScript and ActionScript classes that communicate via the ExternalInterface introduced in Flash 8.
  • Provides three different ActionScript classes for each version of the language.
  • Supports Flash Player 8+ and all the major browsers including Mozilla Firefox, Internet Explorer, Safari, and Opera.
  • Uses mod_rewrite with PHP and UrlRewrite with JSP to provide SEO support for Google, MSN, Yahoo and Ask.
  • Comes with sample scenarios for Flash, Flex and MTASC.
SWFAddress was the first add-on for the fantastic SWFObject script by Geoff Stearns. Seamless integration with such a popular Flash embedding solution was one of the key values that attracted the developer community. The increased request for SWFAddress will probably lead to support for alternative methods such as the default Flex 2 templates or custom-made Flash writing scripts. SWFAddress can be quickly added to a Website that uses SWFObject only by inserting the JavaScript file like this:

<script type="text/javascript" src="swfobject/swfobject.js"></script>
<script type="text/javascript" src="swfaddress/swfaddress.js"></script>

The internal implementation of SWFAddress is simple and straightforward. Once a Flash movie containing the library is embedded in an HTML page, it automatically initializes itself and provides the developer with notification of state changes that need to be implemented. This might not be the easiest task for everybody, but SWFAddress streamlines the process by fully supporting testing workflow inside the Flash Program and Standalone Player. URL changes can be invoked from mouse-click events, frame actions, or HTML links.

Here is sample code that can be added to a MovieClip button:

this.onRelease = function () {

      SWFAddress.setValue("/portfolio");
}

For links in HTML-formatted TextFields, the following approach should be used:

<a href="asfunction:SWFAddress.setValue,/portfolio/">Go to Portfolio</a>

SWFAddress has a single onChange event where the navigation logic needs to be coded. The complexity may vary depending on the Website, but if it's planned from the beginning, it may improve maintainability by centralizing all the controller actions. A simple navigation handling can look like this:

SWFAddress.onChange = function () {

      var navigation = new Object();
      navigation.home = {frame: 1, title: "Welcome"};
      navigation.about = {frame: 10, title: "About Us"};
      navigation.contact = {frame: 20, title: "Contact Us"};

      var value = SWFAddress.getValue();

      website_mc.gotoAndStop(navigation[value].frame);

      SWFAddress.setTitle(navigation[value].title);
}

The setTitle method allows you to add unique titles to every section of the Website and they will appear in the browser's titlebar. It should be used inside the onChange event in order to correctly display the initial title value when the page loads.

The SEO support of SWFAddress is probably the most unique feature of the project. It enables the generation of real links that expose the appropriate content to search engines. The magic happens with some interesting URL rewriting and some trivial server-side code. The following is an example how it works for a Website located at http://www.domain.com that contains a portfolio section.

SWFAddress uses http://www.domain.com/#/portfolio/. The URL that can get indexed is http://www.domain.com/portfolio/ and therefore it should exist as a link in the HTML code of the page. When someone visits the indexed address, the rewriting functionality makes a redirect to the URL that SWFAddress expects. Everything happens transparently for the end user and further navigation through the Website correctly changes the Address bar value. The situation is different when the same link is followed by a search engine bot. In this case the address is rewritten without any redirection to http://www.domain.com/?swfaddress=/portfolio/. The page that handles all this should use a server-side technology in order to generate the appropriate content depending on the "swfaddress" parameter value.

Requests containing GET parameters such as http://www.domain.com/#/portfolio/?desc=true&year=2001 are handled similarly. The search engines will index http://www.domain.com/portfolio/?desc=true&year=2001 and the script will expect http://www.domain.com/?swfaddress=/portfolio/&desc=true&year=2001.

The result is a fully indexed Flash Website with deep linking support.

The following sample queries showcase how the SEO sample hosted at Asual.com is indexed:

http://www.google.com/search?q=site:asual.com+aliquet
http://search.yahoo.com/search?p=site:asual.com+praesent
http://search.msn.com/results.aspx?q=site:asual.com+torquent

While this approach improves the usability of Flash content over the Web, it also requires an additional effort, such as some manual work for static Websites and some smart code for dynamic ones. The best case will be a Flash CMS that automates the whole process.

Something similar has still not been created for AJAX-heavy Websites, although a part of it is documented in the Unique URLs pattern on AjaxPatterns.org. It will be great for both Flash and AJAX if a technique like this gets adopted and improved over time.

SWFAddress promises to continue adding interesting functionality like AJAX support, transparent user tracking with Google Analytics, and enhanced event handling. It should definitely be considered for your next Flash project.

More Stories By Rostislav Hristov

Rostislav Hristov works for Asual Interactive Systems. Based in Sofia, Bulgaria, Asual provides outsourcing services to clients all over the world.

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
SYS-CON Events announced today that CollabNet, a global leader in enterprise software development, release automation and DevOps solutions, will be a Bronze Sponsor of SYS-CON's 20th International Cloud Expo®, taking place from June 6-8, 2017, at the Javits Center in New York City, NY. CollabNet offers a broad range of solutions with the mission of helping modern organizations deliver quality software at speed. The company’s latest innovation, the DevOps Lifecycle Manager (DLM), supports Value S...
Multiple data types are pouring into IoT deployments. Data is coming in small packages as well as enormous files and data streams of many sizes. Widespread use of mobile devices adds to the total. In this power panel at @ThingsExpo, moderated by Conference Chair Roger Strukhoff, panelists will look at the tools and environments that are being put to use in IoT deployments, as well as the team skills a modern enterprise IT shop needs to keep things running, get a handle on all this data, and deli...
In his keynote at @ThingsExpo, Chris Matthieu, Director of IoT Engineering at Citrix and co-founder and CTO of Octoblu, focused on building an IoT platform and company. He provided a behind-the-scenes look at Octoblu’s platform, business, and pivots along the way (including the Citrix acquisition of Octoblu).
The Internet of Things is clearly many things: data collection and analytics, wearables, Smart Grids and Smart Cities, the Industrial Internet, and more. Cool platforms like Arduino, Raspberry Pi, Intel's Galileo and Edison, and a diverse world of sensors are making the IoT a great toy box for developers in all these areas. In this Power Panel at @ThingsExpo, moderated by Conference Chair Roger Strukhoff, panelists discussed what things are the most important, which will have the most profound e...
Grape Up is a software company, specialized in cloud native application development and professional services related to Cloud Foundry PaaS. With five expert teams that operate in various sectors of the market across the USA and Europe, we work with a variety of customers from emerging startups to Fortune 1000 companies.
SYS-CON Events announced today that Grape Up will exhibit at SYS-CON's 21st International Cloud Expo®, which will take place on Oct. 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Grape Up is a software company specializing in cloud native application development and professional services related to Cloud Foundry PaaS. With five expert teams that operate in various sectors of the market across the U.S. and Europe, Grape Up works with a variety of customers from emergi...
Financial Technology has become a topic of intense interest throughout the cloud developer and enterprise IT communities. Accordingly, attendees at the upcoming 20th Cloud Expo at the Javits Center in New York, June 6-8, 2017, will find fresh new content in a new track called FinTech.
@ThingsExpo has been named the Most Influential ‘Smart Cities - IIoT' Account and @BigDataExpo has been named fourteenth by Right Relevance (RR), which provides curated information and intelligence on approximately 50,000 topics. In addition, Right Relevance provides an Insights offering that combines the above Topics and Influencers information with real time conversations to provide actionable intelligence with visualizations to enable decision making. The Insights service is applicable to eve...
SYS-CON Events announced today that Interoute, owner-operator of one of Europe's largest networks and a global cloud services platform, has been named “Bronze Sponsor” of SYS-CON's 20th Cloud Expo, which will take place on June 6-8, 2017 at the Javits Center in New York, New York. Interoute is the owner-operator of one of Europe's largest networks and a global cloud services platform which encompasses 12 data centers, 14 virtual data centers and 31 colocation centers, with connections to 195 add...
DevOps is often described as a combination of technology and culture. Without both, DevOps isn't complete. However, applying the culture to outdated technology is a recipe for disaster; as response times grow and connections between teams are delayed by technology, the culture will die. A Nutanix Enterprise Cloud has many benefits that provide the needed base for a true DevOps paradigm.
20th Cloud Expo, taking place June 6-8, 2017, at the Javits Center in New York City, NY, will feature technical sessions from a rock star conference faculty and the leading industry players in the world. Cloud computing is now being embraced by a majority of enterprises of all sizes. Yesterday's debate about public vs. private has transformed into the reality of hybrid cloud: a recent survey shows that 74% of enterprises have a hybrid cloud strategy.
With major technology companies and startups seriously embracing IoT strategies, now is the perfect time to attend @ThingsExpo 2016 in New York. Learn what is going on, contribute to the discussions, and ensure that your enterprise is as "IoT-Ready" as it can be! Internet of @ThingsExpo, taking place June 6-8, 2017, at the Javits Center in New York City, New York, is co-located with 20th Cloud Expo and will feature technical sessions from a rock star conference faculty and the leading industry p...
Today we can collect lots and lots of performance data. We build beautiful dashboards and even have fancy query languages to access and transform the data. Still performance data is a secret language only a couple of people understand. The more business becomes digital the more stakeholders are interested in this data including how it relates to business. Some of these people have never used a monitoring tool before. They have a question on their mind like “How is my application doing” but no id...
With major technology companies and startups seriously embracing Cloud strategies, now is the perfect time to attend @CloudExpo | @ThingsExpo, June 6-8, 2017, at the Javits Center in New York City, NY and October 31 - November 2, 2017, Santa Clara Convention Center, CA. Learn what is going on, contribute to the discussions, and ensure that your enterprise is on the right path to Digital Transformation.
@GonzalezCarmen has been ranked the Number One Influencer and @ThingsExpo has been named the Number One Brand in the “M2M 2016: Top 100 Influencers and Brands” by Analytic. Onalytica analyzed tweets over the last 6 months mentioning the keywords M2M OR “Machine to Machine.” They then identified the top 100 most influential brands and individuals leading the discussion on Twitter.
Five years ago development was seen as a dead-end career, now it’s anything but – with an explosion in mobile and IoT initiatives increasing the demand for skilled engineers. But apart from having a ready supply of great coders, what constitutes true ‘DevOps Royalty’? It’ll be the ability to craft resilient architectures, supportability, security everywhere across the software lifecycle. In his keynote at @DevOpsSummit at 20th Cloud Expo, Jeffrey Scheaffer, GM and SVP, Continuous Delivery Busine...
Most technology leaders, contemporary and from the hardware era, are reshaping their businesses to do software in the hope of capturing value in IoT. Although IoT is relatively new in the market, it has already gone through many promotional terms such as IoE, IoX, SDX, Edge/Fog, Mist Compute, etc. Ultimately, irrespective of the name, it is about deriving value from independent software assets participating in an ecosystem as one comprehensive solution.
SYS-CON Events announced today that T-Mobile will exhibit at SYS-CON's 20th International Cloud Expo®, which will take place on June 6-8, 2017, at the Javits Center in New York City, NY. As America's Un-carrier, T-Mobile US, Inc., is redefining the way consumers and businesses buy wireless services through leading product and service innovation. The Company's advanced nationwide 4G LTE network delivers outstanding wireless experiences to 67.4 million customers who are unwilling to compromise on ...
The 20th International Cloud Expo has announced that its Call for Papers is open. Cloud Expo, to be held June 6-8, 2017, at the Javits Center in New York City, brings together Cloud Computing, Big Data, Internet of Things, DevOps, Containers, Microservices and WebRTC to one location. With cloud computing driving a higher percentage of enterprise IT budgets every year, it becomes increasingly important to plant your flag in this fast-expanding business opportunity. Submit your speaking proposal ...
Cybersecurity is a critical component of software development in many industries including medical devices. However, code is not always written to be robust or secure from the unknown or the unexpected. This gap can make medical devices susceptible to cybersecurity attacks ranging from compromised personal health information to life-sustaining treatment. In his session at @ThingsExpo, Clark Fortney, Software Engineer at Battelle, will discuss how programming oversight using key methods can incre...