1 / 6

RSS/ATOM Proxy Browser: Enhancing Web Usability with AJAX

Explore the basic concept of an RSS/ATOM proxy browser utilizing asynchronous JavaScript and XML to update content partially, reducing bandwidth and boosting usability. Learn about iterative polling cycles and the functionality of the Feed Proxy. Follow initial client development steps and requirements for the client interface.

theo
Download Presentation

RSS/ATOM Proxy Browser: Enhancing Web Usability with AJAX

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. FachpraktikumGraphische BenutzungsoberflächenSommersemester 2008 Mark Giereth, Steffen Koch, Christoph Müller, Guido Reina, Christiane Taras, Harald Bosch Aufgabe 5: RSS/ATOM Proxy

  2. Browser Browser AJAX- Handler Basic concept of the RSS-Feed-Proxy • Using asynchronous JavaScript and XML it is possible to update content partially • Advantage of such an approach is reduction of bandwidth and increased usability (may not be true for the visually impaired) by better responsiveness • Iterative tasks can be accomplished by polling • Traditional browser-webserver interaction is form-based • On submit content of previous (HTML-)page is dropped • According to an http-request including aparameters a new (HTML-)page is recieved and displayed Iterative Polling Cycle 1 Web Container http - request http - request Feed Proxy News Feeds http - response http - response Iterative Polling Cycle 2 Institut für Visualisierung und Interaktive Systeme – Universität Stuttgart

  3. Functionality of the Feed Proxy • Three requests allowed • Use AJAX to perform requests (test by browser) and handle results • Encode parameters in requests (get or post) Iterative Polling Cycle 1 subscribe_feeds Web Container unsubscribe_feeds http - request get_subscribed_feeds Feed Proxy News Feeds Browser http - response xml-response Institut für Visualisierung und Interaktive Systeme – Universität Stuttgart

  4. First steps of client development • Download Apache Tomcat 6.xhttp://tomcat.apache.org/download-60.cgi • Install it by unzipping it into arbitrary folder • Test Tomcat by starting it and browsing to:http://localhost:8080 • Checkout the feed proxy project • Adapt localconfig.properties file within project • Run ANT task „deploy“ on project • Try to browse to:http://localhost:8080/FeedServer/feed.server?action=subscribe_feeds&feedUrl= • Place your developments under corresponding subfolders of „web“ Institut für Visualisierung und Interaktive Systeme – Universität Stuttgart

  5. Requirements for the client • Subscription of new feeds • Selection of subscribed feed resulting in display of feed entries • Errors have to be presented appropriately • Automatic update of all feeds • Availability of new articles has to be signaled to the user • Feed sites as well as news have to be accessible by click (open in new window) • CSS has to be used • Loading-bar should be displayed when ajax request is performed Institut für Visualisierung und Interaktive Systeme – Universität Stuttgart

  6. Fragen?

More Related