Total Recall for Ajax Applications ndash; Firefox extension课件.ppt

Total Recall for Ajax Applications – Firefox extension Smita Periyapatna 15th May, 2009 Advisor: Dr.Pollett 精品文档 Agenda Problem Solution Technologies Used Extension Creation User Interface Caching mechanism Flex Application Usability Testing Conclusion 精品文档 Problem Ajax, or AJAX (Asynchronous JavaScript and XML), is a group of interrelated web development techniques used to create interactive web applications or rich Internet applications. Ajax applications update parts of the page at any time, giving users an instantaneous response to their inputs and queries. One of the biggest problem of these AJAX applications is the stateless ness. The states of the applications are not cached within the browser and stored in the user’s computer for fast reference in case the user opted to use the back button. 精品文档 Solution We have developed an addon to the Mozilla’s Firefox browser Our project involved extending the functionality of the browser to save the states of an Ajax page. The states are cached in a way similar to storing normal history items. This will allow users to go back to the last place they left it, instead of going to the original state of their AJAX application. 精品文档 Technologies Used XUL XUL is an XML based user interface markup language developed by Mozilla. XUL provides a rich set of UI components. For my extension, XUL is used to create the user interface (buttons on the tool bar) and the preference system. Javascript The scripting language used in the browser Chrome to handle events and programming. Javascript is used to handle all the user generated events and to communicate with the XPCOM interfaces used in our extension. XPCOM XPCOM is a standard cross-platform object model provided by Mozilla that exposes a core set of components and interfaces. XPCOM interfaces were used for the preference system, storing and retrieving of pages from the cache. 精品文档 Technologies Used….(contd) CSS Cascading Style Sheets (CSS) are used to describe th