Fachpraktikum Graphische Benutzungsoberflächen Sommersemester 2008 Mark Giereth, Steffen Koch, Christoph Müller, Guido Reina, Christiane Taras, Harald.

Slides:



Advertisements
Similar presentations
Samsung Smart TV is a web-based application running on an application engine installed on digital TVs connected to the Internet.
Advertisements

WEB SERVICES. FIRST AND FOREMOST - LINKS Tomcat AXIS2 -
CIS 4004: Web Based Information Technology Spring 2013
PHP syntax basics. Personal Home Page This is a Hypertext processor It works on the server side It demands a Web-server to be installed.
Dodick Zulaimi Sudirman Lecture 12 Introduction to AJAX Pengantar Teknologi Internet Introduction to Internet Technology.
Web Server Programming
Better information. Better decisions. RSS Really Simple Syndication Tutorial.
J.Sant Servlets Joseph Sant Sheridan Institute of Technology.
9. AJAX & RIA. 2 Motto: O! call back yesterday, bid time return. — William Shakespeare.
Building Applications using ASP.NET and C# / Session 1 / 1 of 21 Session 1.
Retrieving compound pages This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:
Servlets and a little bit of Web Services Russell Beale.
Multiple Tiers in Action
Apache Tomcat Server Typical html Request/Response cycle
Does Ajax suck? CS575 Spring 2007 Chanwit Suebsureekul.
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
Using AJAX Galip Aydin, Ahmet Sayar, and Marlon Pierce Community Grids Lab Indiana University.
Web 2.0: Concepts and Applications 3 Syndicating Content.
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
Blogs & feeds Jim des Rivieres Oct. 16, Grappling with question of how to present Jazz/OSLC data resources “Pure” data resources are presentation-
Christopher M. Pascucci Basic Structural Concepts of.NET Browser – Server Interaction.
DAT602 Database Application Development Lecture 15 Java Server Pages Part 1.
Server Side Scripting Norman White. Where do we do processing? Client side – Javascript (embed code in html) – Java applets (send java program to run.
Christopher Paolini Computational Science Research Center College of Engineering San Diego State University Computational Science 670 Fall 2009 Monday.
JavaScript & jQuery the missing manual Chapter 11
1 Ajax. 2 What’s Ajax? AJAX is a combination of a few technologies that has come together in the past few years AJAX used to be an acronym for Asynchronous.
Database-Driven Web Sites, Second Edition1 Chapter 8 Processing ASP.NET Web Forms and Working With Server Controls.
CSCI 6962: Server-side Design and Programming Introduction to AJAX.
ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.
ASP.NET AJAX 1. Ordinary web applications vs. AJAX Ordinary web application The full page is updated at each request The page is not available while being.
Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.
JavaScript, Fourth Edition Chapter 12 Updating Web Pages with AJAX.
Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.
XP New Perspectives on The Internet, Fifth Edition— Comprehensive, 2005 Update Tutorial 7 1 Mass Communication on the Internet Using Newsfeeds Tutorial.
Matrix Mapping Tool Sam Gross Internship at Virtual Technology Corporation.
06/10/2015AJAX 1. 2 Introduction All material from AJAX – what is it? Traditional web pages and operation Examples of AJAX use Creating.
ASP Introduction Y.-H. Chen International College Ming-Chuan University Fall, 2004.
JavaScript, Fourth Edition
Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.
Database Handling, Sessions, and AJAX. Post Back ASP.NET Functionality The IsPostBack method in ASP.NET is similar to the BlackBerry.refresh method –IsPostBack.
Fall 2006 Florida Atlantic University Department of Computer Science & Engineering COP 4814 – Web Services Dr. Roy Levow Part 2 – Ajax Fundamentals.
Web Architecture Introduction
Web Technology Introduction AJAXAJAX. AJAX Outline  What is AJAX?  Benefits  Real world examples  How it works  Code review  Samples.
the acronym for Asynchronous JavaScript and XML.
Ajax for Dynamic Web Development Gregory McChesney.
Chapter 16: Ajax-Enabled Rich Internet Applications with XML and JSON TP2543 Web Programming Mohammad Faidzul Nasrudin.
 AJAX – Asynchronous JavaScript and XML  Ajax is used to develop fast dynamic web applications  Allows web pages to be updated asynchronously by transferring.
Ajax VS Flex A comparison based on shopping cart implementation PoHsu Yeh py2157.
Summer 2007 Florida Atlantic University Department of Computer Science & Engineering COP 4814 – Web Services Dr. Roy Levow Part 1 – Introducing Ajax.
MIS 3200 – Unit 3.2 Page_Load method AutoPostBack property of controls IsPostBack method of the Page object Understanding web page life cycle.
Event Handling & AJAX IT210 Web Systems. Question How do we enable users to dynamically interact with a website? Answer: Use mouse and keyboard to trigger.
AJAX Use Cases for WSRP Subbu Allamaraju BEA Systems Inc WSRP F2F Meeting, May 2006.
JavaScript and Ajax (Internet Background) Week 1 Web site:
Display Page (HTML/CSS)
What is AJAX ? Asynchronous Javascript and XML. Not a stand-alone language or technology. It is a technique that combines a set of known technologies in.
AJAX CS456 Fall Examples Where is AJAX used? Why do we care?
CITA 330 Section 10 Web Remoting Techniques. Web Remoting Web Remoting is a term used to categorize the technique of using JavaScript to directly make.
Ajax SUBMITTED BY NITIN RAMANI C.S.E 3 rd Y 5 th S R.N CS SUBMITTED TO PRO. PUSHPARAJ PATEL SIR.
111 State Management Beginning ASP.NET in C# and VB Chapter 4 Pages
What is AJAX ? Asynchronous Javascript and XML.
JavaScript and Ajax (Ajax Tutorial)
Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.
Not a Language but a series of techniques
AJAX.
JavaScript Client-side
AJAX Robin Burke ECT 360.
Lesson 9: GUI HTML Editors and Mobile Web Sites
JavaScript & jQuery AJAX.
DR. JOHN ABRAHAM PROFESSOR UTPA
Presentation transcript:

Fachpraktikum Graphische Benutzungsoberflächen Sommersemester 2008 Mark Giereth, Steffen Koch, Christoph Müller, Guido Reina, Christiane Taras, Harald Bosch Aufgabe 5: RSS/ATOM Proxy

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 Web Container Institut für Visualisierung und Interaktive Systeme – Universität Stuttgart2 Basic concept of the RSS-Feed-Proxy Feed Proxy News Feeds Iterative Polling Cycle 1 Browser Iterative Polling Cycle 2 http - request http - response http - request http - response Browser AJAX- Handler 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

Institut für Visualisierung und Interaktive Systeme – Universität Stuttgart3 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) Web Container Feed Proxy News Feeds Iterative Polling Cycle 1 http - request http - response Browser subscribe_feeds unsubscribe_feeds get_subscribed_feeds xml-response

First steps of client development Download Apache Tomcat 6.x Install it by unzipping it into arbitrary folder Test Tomcat by starting it and browsing to: Checkout the feed proxy project Adapt localconfig.properties file within project Run ANT task deploy on project Try to browse to: Place your developments under corresponding subfolders of web Institut für Visualisierung und Interaktive Systeme – Universität Stuttgart4

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

Fragen?