1 / 9

Ajax VS Flex

A comparison based on shopping cart implementation. PoHsu Yeh py2157. Ajax VS Flex. Agenda. Goal of this project Flex introduction Ajax introduction System architecture Demo Conclusion. Goal. implement a web shopping cart improve user experience drag and drop

eve
Download Presentation

Ajax VS Flex

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. A comparison based on shopping cart implementation PoHsu Yeh py2157 Ajax VS Flex

  2. Agenda • Goal of this project • Flex introduction • Ajax introduction • System architecture • Demo • Conclusion

  3. Goal • implement a web shopping cart • improve user experience • drag and drop • real time feedback search • comparison • performance • complexity • learning curve

  4. What is Flex? • a standards-based programming methodology for building presentation tier of rich internet application • must run in Flash Player,and is able to interact with server-side functionality, such as web services, java objects, and other services • benefits • standards-based architecture, MXML, Actionscript • reduction in server load and bandwidth, no page refresh • common deployment environment, Flash player which is platform-independent, runs consistently in all browsers

  5. What is Ajax? • Acronym: Asynchronous JavaScript and XML • JavaScript + XML + XMLHTTPRequest • use JavaScript to make asynchronous calls to web-based services that return XML • Benefits • allows users to continue interact with web page while waiting for data returned • partially update web page without refreshing • result in better user experience • some Ajax library, is used to reduce amount of code, Ex:Prototype, Dojo,Rico, Yahoo UI library, Microsoft Ajax Library

  6. System Architecture

  7. Demo

  8. Conclusion • Development complexity     1. Drag and Drop • in Flex, enable 3 properties of datagrid control • in Microsoft Ajax library, implement 2 interface, roughly 6 methods for each interface     2. Real time feed back search • in Flex, make web service call and data binding • in Ajax, make web service call, callback function will be called and update corresponding DOM element • learning curve • Flex, non-technical developer • Ajax, OO concept, DOM, HTML/DHTML, JavaScript, XML • Performance analysis     1. Initial load time    2. Response time

  9. Thank you

More Related