Welcome!

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

Related Topics: Adobe Flex

Adobe Flex: Article

MAX 2005 – Visual Programming in Macromedia Flash & SOAP Web Services

Take advantage of the benefits of Flash

3.  Hide frmLoading by selecting it and changing the visible property in the Parameters inspector to false. This prevents the loading widget from appearing by default. Later you'll make this screen visible with ActionScript while the search is executing.

Connecting to Data Sources with Components
Flash MX Professional sports a new component architecture, both for UI components and the new data components. In Flash, components aren't compiled code libraries like DLLs. Rather, they are equivalent to controls in VB or Delphi. Flash Professional adds XMLConnector and WebServiceConnector components to automate the interfaces with these two common data sources.

New component bindings allow you to define inputs and outputs for data components. Using the visual design panels built into the IDE, you wire XMLConnector or WebServiceConnector parameters directly to UI components in your forms. Flash features a Parameter tab on the Component inspector that works just like the property pages in VB.

Here's how you use these techniques to connect your application to the Google search service:

1.  Drag a WebServiceConnector component from the Components panel to the frmSearch form screen. It doesn't matter where you put it; the component won't be visible in the published application. Give the component an instance name of GoogleSearch.

2.  Select the GoogleSearch component and open the Component inspector. This is where you establish the web service settings. Select the Parameters tab and set the WSDLURL parameter to Google's WSDL URI (as of this writing, it's http://api.google.com/GoogleSearch.wsdl). Flash automatically queries the service and retrieves its available operations. From the operations pop-up menu, select doGoogleSearch (see Figure 5).

3.  Select the Bindings tab in the Component inspector. This panel allows you to bind the web service inputs and outputs directly to a UI component in the application. Click the + icon to choose which parameters to bind. Input parameters are indicated by a right arrow and output parameters by a left arrow (see Figure 6). The Google interface requires all these input parameters, so add those one by one to the bindings list. Because you're also binding one output parameter, results.searchTime, add it to the list.

4.  For each binding in the list, you need to set a UI component, a variable reference, or a literal value to pass to or from the web service. First select params.q from the binding list - the search query string to pass to the Google service. To bind it to the TextInput component on the frmSearch form, click the "find" icon in the Bound To row. Flash opens the Bound To dialog box, which displays a hierarchical list of components in your application. Find the txtQuery component instance, select it, and click OK (shown in Figure 7).

5.  Fill in the rest of the input parameters for the Google service. The other parameters can take literal inputs. To define a literal input, follow the same procedure as in Step 4, except in the Bound To dialog check Use Constant Value and enter the literal into the corresponding text box. Listing 1 shows what values to use for each input parameter.

6.  Repeat Step 4 for the results.searchTime output parameter, binding it to the lblSearchTime component instance on frmSearch. The component system allows you to format the input or output before binding. Since the searchTime parameter is just a floating-point number, format this value to make it more intelligible to users. From the Formatter pop-up menu, select Compose String. Then click Formatter Options, and enter the following string into the dialog box:

Search time: <.> seconds
The parameter value will be substituted for the <.> placeholder when the component binds.

Note: By default, Macromedia Flash Player security restrictions prohibit Flash movies from accessing web services that reside outside the exact domain of the SWF attempting to access those web services. This restriction does not apply to SWFs that are run locally off your hard drive, only those that originate from a web server. A SWF can access a cross-domain web service if the server hosting that service contains a security policy file.

Attaching Script Actions
Macromedia Flash MX 2004 features a new version of the application's native scripting language. ActionScript 2 is object-oriented and complies with ECMA-262 Edition 4. Still, visual programmers need to become familiar with the unique way that Flash attaches script actions to events in the application.

New behaviors make the process of triggering scripted UI component events much easier than in previous versions of Flash.

Here's how you use a behavior to trigger the web service and display its results:

1.  Click the btnSearch button on frmSearch. In the Behaviors panel, click the + icon and choose Data > Trigger Data Source. In the resulting dialog box, select GoogleSearch WebServiceConnector and click OK (see Figure 8).

2.  With btnSearch still selected, open the Actions panel. You'll see that Flash automatically added the code to trigger the web service when the user clicks the Search button.

3.  Any web service output you don't bind in the Component inspector needs to be managed with code. Just before the trigger event, add the code in Listing 2. These event listeners allow you to intercept the web service's send and result events and perform additional operations with ActionScript.


on (click) {

// Trigger Data Source Behavior
// Macromedia 2003
this._parent.GoogleSearch.addEventListener("send", onGoogleSearch);
this._parent.GoogleSearch.addEventListener("result", onGoogleSearchResult);
this._parent.GoogleSearch.trigger();

}

More Stories By Ian Bogost

Ian Bogost is an academic videogame researcher, game designer, and educational publisher. Ian is Assistant Professor of Literature Communication and Culture at Georgia Institute of Technology, where he teaches and researches in undergraduate and graduate programs in digital media. He is also the founder of two companies, Persuasive Games, a game studio that designs, builds, and distributes electronic games for persuasion, instruction, and activism and Open Texture, a publisher of cross-media education and enrichment materials for families. He has over a decade of experience in digital media production for film, music, games, advertising, and eBusiness.

Comments (4) View Comments

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.


Most Recent Comments
darcymonash 08/19/09 12:46:00 AM EDT

A good description on how to perform work and create new things in Flash. Its on the initial stages that I have come across such good expertise on it by going through your article. Its just like the starting of me learning How to draw Yoda and then perfect it.

NicJob 10/17/05 07:29:18 AM EDT

I agree that hierarchical forms take a bit of getting used to for Windows forms designers but you are right that the benefit is striking.

SYS-CON Australia News Desk 10/15/05 08:04:27 PM EDT

Visual Programming in Macromedia Flash and SOAP Web Services. If you are a visual programmer working in environments like Visual Basic, Delphi, REAL basic, or PowerBuilder, you may hesitate to take advantage of the benefits of Flash because of concerns about learning a new, unfamiliar environment. To show how easily you can transfer your existing knowledge to Flash MX Professional, in this article I will explain how you can create a simple web search application that queries the Google web API using SOAP web services:

MXDJ News Desk 10/15/05 05:30:42 PM EDT

MXDJ Special - Visual Programming in Macromedia Flash. If you are a visual programmer working in environments like Visual Basic, Delphi, REAL basic, or PowerBuilder, you may hesitate to take advantage of the benefits of Flash because of concerns about learning a new, unfamiliar environment. To show how easily you can transfer your existing knowledge to Flash MX Professional, in this article I will explain how you can create a simple web search application that queries the Google web API using SOAP web services:

IoT & Smart Cities Stories
Dynatrace is an application performance management software company with products for the information technology departments and digital business owners of medium and large businesses. Building the Future of Monitoring with Artificial Intelligence. 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 busine...
DXWorldEXPO LLC announced today that Big Data Federation to Exhibit at the 22nd International CloudEXPO, colocated with DevOpsSUMMIT and DXWorldEXPO, November 12-13, 2018 in New York City. Big Data Federation, Inc. develops and applies artificial intelligence to predict financial and economic events that matter. The company uncovers patterns and precise drivers of performance and outcomes with the aid of machine-learning algorithms, big data, and fundamental analysis. Their products are deployed...
All in Mobile is a place where we continually maximize their impact by fostering understanding, empathy, insights, creativity and joy. They believe that a truly useful and desirable mobile app doesn't need the brightest idea or the most advanced technology. A great product begins with understanding people. It's easy to think that customers will love your app, but can you justify it? They make sure your final app is something that users truly want and need. The only way to do this is by ...
The challenges of aggregating data from consumer-oriented devices, such as wearable technologies and smart thermostats, are fairly well-understood. However, there are a new set of challenges for IoT devices that generate megabytes or gigabytes of data per second. Certainly, the infrastructure will have to change, as those volumes of data will likely overwhelm the available bandwidth for aggregating the data into a central repository. Ochandarena discusses a whole new way to think about your next...
CloudEXPO | DevOpsSUMMIT | DXWorldEXPO are the world's most influential, independent events where Cloud Computing was coined and where technology buyers and vendors meet to experience and discuss the big picture of Digital Transformation and all of the strategies, tactics, and tools they need to realize their goals. Sponsors of DXWorldEXPO | CloudEXPO benefit from unmatched branding, profile building and lead generation opportunities.
Digital Transformation and Disruption, Amazon Style - What You Can Learn. Chris Kocher is a co-founder of Grey Heron, a management and strategic marketing consulting firm. He has 25+ years in both strategic and hands-on operating experience helping executives and investors build revenues and shareholder value. He has consulted with over 130 companies on innovating with new business models, product strategies and monetization. Chris has held management positions at HP and Symantec in addition to ...
Cell networks have the advantage of long-range communications, reaching an estimated 90% of the world. But cell networks such as 2G, 3G and LTE consume lots of power and were designed for connecting people. They are not optimized for low- or battery-powered devices or for IoT applications with infrequently transmitted data. Cell IoT modules that support narrow-band IoT and 4G cell networks will enable cell connectivity, device management, and app enablement for low-power wide-area network IoT. B...
The hierarchical architecture that distributes "compute" within the network specially at the edge can enable new services by harnessing emerging technologies. But Edge-Compute comes at increased cost that needs to be managed and potentially augmented by creative architecture solutions as there will always a catching-up with the capacity demands. Processing power in smartphones has enhanced YoY and there is increasingly spare compute capacity that can be potentially pooled. Uber has successfully ...
SYS-CON Events announced today that CrowdReviews.com has been named “Media Sponsor” of SYS-CON's 22nd International Cloud Expo, which will take place on June 5–7, 2018, at the Javits Center in New York City, NY. CrowdReviews.com is a transparent online platform for determining which products and services are the best based on the opinion of the crowd. The crowd consists of Internet users that have experienced products and services first-hand and have an interest in letting other potential buye...
When talking IoT we often focus on the devices, the sensors, the hardware itself. The new smart appliances, the new smart or self-driving cars (which are amalgamations of many ‘things'). When we are looking at the world of IoT, we should take a step back, look at the big picture. What value are these devices providing. IoT is not about the devices, its about the data consumed and generated. The devices are tools, mechanisms, conduits. This paper discusses the considerations when dealing with the...