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

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

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

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 o standards-based architecture, MXML, Actionscript o reduction in server load and bandwidth, no page refresh o common deployment environment, Flash player which is platform-independent, runs consistently in all browsers

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 o allows users to continue interact with web page while waiting for data returned o partially update web page without refreshing o result in better user experience o some Ajax library, is used to reduce amount of code, Ex:Prototype, Dojo,Rico, Yahoo UI library, Microsoft Ajax Library

System Architecture

Demo

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

Thank you