Adobe flex vs ajax

The second folder — html template — contains the template for the html wrapper, which your application needs to display in the browser. When a Flex application is deployed onto the web, it is wrapped up inside an html page that takes care of detecting whether or not the user has the correct version of the Flash Player installed and, if required, can prompt the user to update their Flash Player.

It is fully customisable, allowing developers to add in custom JavaScript functionality. When you compile your application this wrapper is added to the deployed files, with updated parameters relevant to your application.

The final folder is the bin folder, which is where your compiled application resources will end up - the contents of which would be deployed to your web server. Take a look at the default code that has been created for you. The MXML template contains a single tag:. This is the defining container for the whole application that you will build. Beyond that, the only thing that is specified is that the layout is 'absolute'.

There are three layout modes in the Flex framework: absolute which means that we can position components by x and y coordinates , horizontal everything flows down the page horizontally and vertically everything flows vertically. To make our lives simple for this application, we will change the layout mode to horizontal so that we let the framework do the heavy layout lifting.

The first item that we want to put on the page is a text input control that will let the user type in the company symbol that they are looking for e. The Flex framework provides us with a common set of controls for use in Flex applications; these can be accessed by targeting the mx namespace and then simply typing the control name - just as in.

Note that components in MXML need ids as in. NET so that they can be targeted programmatically in ActionScript. To see what the application looks like you will need to build the solution using the usual VS build menu. You will see the output window confirms the build has been successful. Looking inside the bin folder, you should see the output that has been compiled for you.

Double click the html page to open the wrapper page containing the compiled SWF that is your application. In order to explain what the text input box is for, we need to provide some sort of explanatory label for the user.

Flex provides a label control which you can drop in just above the text input — remember Flex is handling the layout for us because we have set out layout property of the application to horizontal. The Ensemble Tofino plug-in provides complete error feedback for the Flex framework — try missing a quote mark out for example and then building the solution to see an example.

Now we need to add a button for the user and then set about wiring it up to some sort of service to get the information that we want.

A button is created in the same way as the other controls we have seen so far …. NET and a range of other technologies, and then render the results within data-aware display components. In the case of our application, we are going to use the webservicex price lookup Web Service. The Flex framework defines various data components to make working with data easy: Remote Object for mapping to server side classes, including.

The Ensemble Tofino plug-in provides information about the core Flex classes in the Visual Studio object browser, so if you wish to see the methods, properties and return types that a particular class uses, the they are fully exposed here.

They are grouped according to the swc in which the classes are contained similar to zip files which contain related collections of packages. So, we can find all the properties of the WebService class inside rpc. We can now return to the Button and invoke the operation of the service that we are interested in: GetQuote. This call requires one parameter: the recognised symbol of the company that we want to look up.

We will retrieve this in our application from the text property of the stockName text input field. All that remains is to attach the call to an event in this case click on the button. Note that we are accessing the service call in the same way that we access properties and methods of components, so we get the text property of the stockName field by stockName. Parameters are passed inside trailing brackets. Before we add any display element to the application to view these results, we want to check that data is being returned correctly, which allows us to see the power of the Flex debugger.

In order to view the results conveniently, we will specify a result handler and a fault handler for the web service. These are called automatically when the Web Service fires the event in question. If you try to compile now you will get an error, as there are no matching methods on the application.

Matt Adobe at I am currently sitting here at the WebDU conference Webdu. There are many companies that have done this already using Apolo and Flex. I think Long Term — Adobe is trying to capitalise on the web 2. Sherif Mansour at Thanks for taking the time to make this contribution to the discussion.

Nate Koechley at Along the time we found that the best practice in terms of speed of coding and usability is to place several Flash objects wherever is required, but keeping the page as Html files, instead of developing a full flash site. This approach has some advantages also in terms of working as a team, as some crew members have in charge animations, others coding, and so.

About AJAX , we focused on compatibility, as several browsers process JavaScript with slight differences, thus having incompatibilities we needed a solid library for AJAX requests and we came with the solution of Prototype JavaScript library instead of programming our own request script. But still we messed up with integrating this library with our server side code.

Peter Gurtmann at Namastey at For me, web standards are valuable for interoperability. It is very timesaving to program once and run everywhere do you remember original Java slogan? Without standards this is impossible. Buddy at And under the right condition Flash can really improve your site. Groningen at So, Flash can be forward rispect simple Javascript…. I Forget… on Adobe Apollo site there is a sample application Fresh that use a javascript library for rendering: Ext.

Fresh is not an Apollo true Application. The Macromedia Family is included by Adobe now. They have a strong position. I think both of them, Ajax and Flash can co-exist. We are using both. Jens at Thanks for very interesting article. I really enjoyed reading all of your articles. Keep up the good work.

Allest at Not much on my mind right now, but it is not important. I have just been letting everything happen without me. I just do not have anything to say right now. Ashley Phillipe at Flash vs. I lost interest with Flash mainly for these reasons: Monolithic applications: Flash apps tend to exist at one URL , fail to respond to the back button well and generally work within their own environment in the browser rather than working with the browser.

Bad programming environment: Working on a Flash app with more than one person was always a pain in the arse. Because a lot of the app was contained inside one or more FLA files which could only be opened by one person at a time and it was a binary file version control was a pain. Bad for usability. Accessibility no-no: Previously SWFs where essentially a black box to assistive technologies and event MX components seemed to have trouble with keyboard focus and tabbing. As ActionScript develop it becomes less and less dynamic.

I suppose you get a performance boost but really. About This Article Posted on: Related Linkage ajax jlaine. This time Jarkko gets into a real example. Web 2. Aza Raskin says No. I agree, in the 90s everyone wanted to make the web like TV, now everyone wants to make it like the desktop It seems like the only feasible way of testing Ajax.

Just what I need to get my skillz up to date. Sadly, I think JS2 will have the same effect on the web. The first 'flash' effect that's impressed me in a long time.

Play spectrum games without having to download weird software. Good java applet porting skills. ActionScript 2. I need to update my Flash knowledge. A presentation at SXSW made me realise this should be an important part of my skill set.

Apollo:Documentation Apollo looks very entertaining. Must play! Using JavaScript seems so natural for this type of programming.

Implements a custom event for hashchange which is the nicest way to do this. JavaScript fail. Import FABridge. Try clicking on the grid column header to sort the grid and see how it affects the chart and also click on a record in the grid and see new chart getting generated you can also drag drop columns in the grid to rearrange the column order. Hope you like the look and feel of this application. If you run into problems running this or creating this bsp application, you can post your questions either here in comment section or in the bsp forum.

The result is fantastic! The planned next steps are 1. I attended to a Flex training session yesterday and I have been told that - due to security restructions - it was forbidden to directly access Web Services or simply XML from remote servers i.

To override this behaviour, one can use: - crossdomain. I guess Visual Composer is a workaround solution for this because it - somehow - provides proxies to other systems.

Yes its the same for FABridge as well. FABrdige will be good for small amounts of data, if the data to be passed is large, its not a good idea to use FABridge.

Can we embed flex components inside a htmlb page using the bridge? Great job on this example. I look forward to playing around more with Flex builder and integrating it with SAP. I would love to start seeing more examples of real scenarios of this from the community. Flex Ajax Bridge is kind of a joke from Adobe.

Probably they need Ajax buzzword to attract developers to Flex technology, who knows This is just "one-liner" code, i. My flex programming knowledge is only two weeks old, so may not be the right person to comment, but as you said when i first heard Flex-Ajax i was thinking of something else, not expected what it is doing.

But whats there in the name. By the way i did try accessing data using webservice and http service and the reason to choose FABridge was the flexibility to push data.

Sometimes one has a quiet moment on a Sunday morning, and finds an email in the inbox stored for later reading. It was the email about your new blog. Yes, spot on. You have found exactly the one small ellegant solution and approach to make a quantum jump in HTML applications. One can take existing applications, and with the few steps you showed, immediately have nice interactive charts working in the applications something we have also just started with inhouse:.

So definitely, you are leading the way! The total world of Flex is very interesting for richness, although I am at the moment not sure how it will pan out on the long run.

But it will be an interesting ride! I do not understand where you see a quantum leap for HTML applications. For me the example shown, although a very nice realization of a useful functionality, has nothing to do with an HTML application. Its good to know that i am on the right track. I'm not a big fan of FABridge On a security level, I don't like the idea of creating elements with javascript could me be somewhat dangerous.

Raja Like 0 Share Right click and copy the link to share this comment Shiva Suvarna March 25, at pm Hi Raja, First of all i am really appreciating your blog. JS were put in Web Repository and exactly filled the same code. Regards, shiva. I am trying to come up similar stuff for sapgui, if i succeed i will post the same here as another weblog.

Sorry for my late comment My connection at home is really damaged and I have a lot to deal at work At least not yet -:P As soon as I get to learn them I'm going to practice with your blog example -;.

Just one question, because I'm quite new to this flex topic. Why do you use the FABridge? I'm looking forward to see more things from you. This was done to demonstrate on how to push data to flex movie rather than flex pulling data from ABAP. If you are interesed in flex pulling data from ABAP let me know, i can replicate this same sample in that approach. I tried your tutorial and working cool..

Expecting more Thanks for introducing Flex. I am unable to see the graph, the data is perfect, even graph axis is perfect but it is not showing the bars. Like 0 Share Right click and copy the link to share this comment Former Member March 25, at am Please help me out, When i run the application i get the following error: "deconcept" is undefined.

Regards Raja Like 0 Share Right click and copy the link to share this comment Former Member March 26, at pm Hi, Thanks, got the problem, i had imported the entire zip insteam of the js file.

The application is now running without any error, but there still is some problem. The data is 0 and no graphs is displayed. I get empty graphs only the scales are visible. I want to use this type of layouts for my application too I will send you a mail in details