Web Applications A Client/Server Computing Model ClientComputerBrowserServerComputerHTTPService HTTP REQUEST HTTP RESPONSE (URL,Post,Get,parameters,..)

Slides:



Advertisements
Similar presentations
1/7 ITApplications XML Module Session 8: Introduction to Programming with XML.
Advertisements

Dodick Zulaimi Sudirman Lecture 12 Introduction to AJAX Pengantar Teknologi Internet Introduction to Internet Technology.
WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.
Web Evolution 5280ft View of the Web 2.0 Christopher Fowler Software Developer of eGovernment and Information Technology Secretary of State of Rhode Island.
AJAX – The Future of Web Development? Anders Moberg David Mörtsell David Södermark.
Davis Dai. Introduction  Acronym for “asynchronous JavaScript and XML”  Combination of various technologies  Was not developed as an official standard.
INTRODUCTION The Group WEB BROWSER FOR RELATION Goals.
Introduction to Ajax Professor Stephen K. Kwan MIS, College of Business San José State University Asynchronous.
Ajax Dr Jim Briggs WEBP Ajax1. 2 Ajax Asynchronous JavaScript And XML Method of creating more interactive web applications Moves more of the application.
Introduction to Web Interface Technology (CSE2030)
Multiple Tiers in Action
1 The World Wide Web Architectural Overview Static Web Documents Dynamic Web Documents HTTP – The HyperText Transfer Protocol Performance Enhancements.
Introduction to XHTML Professor Stephen Kwan. 2 XHTML HTML StyleSheets XML CascadingStyleSheets(CSS) ExtensibleStylesheetLanguage(XSL) StructureFormatContent.
Does Ajax suck? CS575 Spring 2007 Chanwit Suebsureekul.
Introduction to XHTML Professor Stephen Kwan. 2 XHTML HTML StyleSheets XML CascadingStyleSheets(CSS) ExtensibleStylesheetLanguage(XSL) StructureFormatContent.
ITM352 Javascript and Dynamic Web Pages: Client Side Processing.
© 2006 by IBM 1 How to use Eclipse to Build Rich Internet Applications With PHP and AJAX Phil Berkland IBM Software Group Emerging.
Introduction to AJAX AJAX Keywords: JavaScript and XML
CS 4720 RESTfulness and AJAX CS 4720 – Web & Mobile Systems.
Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.
Forms and Applications Web Design Professor Frank.
Instructor, Dr. Khalili Bahram Jeevan Kumar Gogineni.
Ajax. –Asynchronous JavaScript and XML –Umbrella term for technologies that often: Use client-side scripting for layout and formatting Use less than full.
Weekend MS CS Program Internet and Web Technologies COT 5930 Web Project Development - Ajax Dr. Roy Levow, Associate Chair & Professor
1 Midterm Review. 2 Midterm Exam  30% of your grade for the course  October14 at the regular class time  No makeup exam or alternate times  Closed.
Ventsislav Popov Crossroad Ltd.. 1. What is AJAX?  AJAX Concept  ASP.NET AJAX Framework 2. ASP.NET AJAX Server Controls  ScriptManager, UpdatePanel.
Session I Chapter 1 - Introduction to Web Development
Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.
Lecture 9: AJAX, Javascript review..  AJAX  Synchronous vs. asynchronous browsing.  Refreshing only “part of a page” from a URL.  Frameworks: Prototype,
The Web and Web Services Jim Graham NR 621 Spring 2009.
AJAX Compiled from “AJAX Programming” [Sang Shin] (Asynchronous JavaScript and XML)
Fall 2006 Florida Atlantic University Department of Computer Science & Engineering COP 4814 – Web Services Dr. Roy Levow Part 2 – Ajax Fundamentals.
Web Architecture Introduction
Ajax. –Asynchronous JavaScript and XML –Umbrella term for technologies that often: Use client-side scripting for layout and formatting Use less than full.
Web Technology Introduction AJAXAJAX. AJAX Outline  What is AJAX?  Benefits  Real world examples  How it works  Code review  Samples.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
Advanced Web Technologies By: Faraz Ahmed. Contents 0 Course Outline 0 Architectures 0 HTTP.
Ajax for Dynamic Web Development Gregory McChesney.
Web Technologies Lecture 3 Web forms. HTML5 forms A component of a webpage that has form controls – Text fields – Buttons – Checkboxes – Range controls.
Web Technologies Lecture 1 The Internet and HTTP.
 AJAX – Asynchronous JavaScript and XML  Ajax is used to develop fast dynamic web applications  Allows web pages to be updated asynchronously by transferring.
COMP9321 Web Application Engineering Semester 2, 2015 Dr. Amin Beheshti Service Oriented Computing Group, CSE, UNSW Australia Week 11 (Part I) 1COMP9321,
SE-2840 Dr. Mark L. Hornick 1 Introduction to Ajax Asynchronous Javascript And XML.
JavaScript Dynamic Active Web Pages Client Side Scripting.
AJAX Asynchronous JavaScript and XML. AJAX introduction  Ajax applications, look and act more like desktop applications. ex. writelywritely Ajax applications.
AJAX and REST. Slide 2 What is AJAX? It’s an acronym for Asynchronous JavaScript and XML Although requests need not be asynchronous It’s not really a.
Dave Salinas. What is XML? XML stands for eXtensible Markup Language Markup language, like HTML HTML was designed to display data, whereas XML was designed.
October 7 th, 2010 SDU Webship. What did we learn last week? jQuery makes it really easy to select elements and do stuff with them. jQuery can process.
AJAX – Asynchronous JavaScript And XML By Kranthi Kiran Nuthi CIS 764 Kansas State University.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
Introduction to AJAX MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/4/2016.
Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved Chapter 7 Representing Web Data:
Javascript AJAX HTML WEB SERVER Asynchronous. Javascript HTML events DOM – document object model browser internal view of html page compute.
Ajax & Client-side Dynamic Web Gunwoo Park (Undergraduate)
National College of Science & Information Technology.
Mark-up Languages Compare and describe at least 3 mark-up languages and what they do.
JavaScript and Ajax (Ajax Tutorial)
Unit 4 Representing Web Data: XML
AJAX AJAX = Asynchronous JavaScript and XML.
AJAX and REST.
Asynchronous Java script And XML Technology
AJAX.
COMP9321 Web Application Engineering Semester 1, 2017
Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS
Chapter 7 Representing Web Data: XML
Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS
Asynchronous Javascript And XML
COP 3813 Intro to Internet Computing
Introduction to World Wide Web
DR. JOHN ABRAHAM PROFESSOR UTPA
Presentation transcript:

Web Applications A Client/Server Computing Model ClientComputerBrowserServerComputerHTTPService HTTP REQUEST HTTP RESPONSE (URL,Post,Get,parameters,..) (XHTML,contents,...) ( A Generic Diagram ) A State-less Environment S. Kwan

XHTML HTML StyleSheets XML CascadingStyleSheets(CSS)ExtensibleStylesheetLanguage(XSL) StructureFormatContent Dynamic JavaScript & DocumentObjectModel(DOM) S. Kwan

Web Applications ClientBrowser (state A) HTTPServer HTTP REQUEST HTTP RESPONSE New Page Default Synchronous Processing Scenario ClientBrowser (state B) e.g. SJSU A State-less Environment (state A) (state A + … = state B) S. Kwan

ClientBrowser (state D) Web Applications ClientBrowser (state A) HTTPServer REQUEST RESPONSE – RESPONSE – New Page Asynchronous Processing Scenario ClientBrowser (state C) ClientBrowser (state B) REQUEST/RESPONSE REQUEST/RESPONSE Using XMLHttpRequest Object S. Kwan