Asynchronous Java script And XML Technology

Slides:

Advertisements

Similar presentations

AJAX Development By Gary Mandela December 26,

Advertisements

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

AJAX : Technology Evaluation Bryan Jones Philip Lim Fred Lo Warren Wang.

AJAX Presented by: Dickson Fu Dimas Ariawan Niels Andreassen Ryan Dial Jordan Nielson CMPUT 410 University of Alberta 2006.

IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.

Product Management System Xiao Zhou. Introduction Why This project? It is an opportunity to learn new things and gain some experiences. My friend is a.

Ajax Dr Jim Briggs WEBP Ajax1. 2 Ajax Asynchronous JavaScript And XML Method of creating more interactive web applications Moves more of the application.

CSC 2720 Building Web Applications JavaScript. Introduction  JavaScript is a scripting language most often used for client-side web development.  JavaScript.

A closer look Dynamic Webpages Jessica Meyerson March 1, 2011.

Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Rich Internet Applications: AJAX, Server.

RIA Introduce Comparison among several technology.

Ryan Putz. Outline  What is Ajax?  Member Technologies  Methodology  When and When Not To Use  Who’s Using Ajax?  Code Examples.

Introduction to AJAX AJAX Keywords: JavaScript and XML

May 16 – 18, 2007 Copyright 2007, Data Access Worldwide May 16 – 18, 2007 Copyright 2007, Data Access Worldwide Build Great Web Application 'Fast and Easy'

Ruth Betcher Ruth Christie

HTML Forms and Scripts. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript.

Lecture 12 – AJAX SFDV3011 – Advanced Web Development Reference: 1.

ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.

Ajax Technology for the Web Nic Shulver, FCET, Staffordshire University Introduction What is it? Pros and Cons Why is it important? Traditional Client-Server.

AJAX and Atlas in ASP.NET 2.0 William J. Steele MSDN Developer Evangelist Microsoft Corporation

Instructor, Dr. Khalili Bahram Jeevan Kumar Gogineni.

The Document Object Model. The Web B.D, A.D. They aren’t web pages, they’re document objects A web browser interprets structured information. A server.

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

StockWatch Developers: Nimrod Hagay Hagai Barkan Supervisors: Assaf Solomovitch Viktor Kulikov June 2009.

Ajax. –Asynchronous JavaScript and XML –Umbrella term for technologies that often: Use client-side scripting for layout and formatting Use less than full.

Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.

Web Technology Introduction AJAXAJAX. AJAX Outline  What is AJAX?  Benefits  Real world examples  How it works  Code review  Samples.

Ajax for Dynamic Web Development Gregory McChesney.

INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.

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 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.

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.

JavaScript & Introduction to AJAX

AJAX AJAX Asynchronous JavaScript and XML --- MADHAVI

INNOV-2: Build a Better Web Interface Using AJAX Chris Morgan Pandora Software Systems

Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.

 AJAX technology  Rich User Experience  Characteristics  Real live examples  JavaScript and AJAX  Web application workflow model – synchronous vs.

1 Introduction to Web Application Review. 2 Five Layers Architecture HTML, CSS, Java Script ASP.net User ’ s.dll, Nunit, Web Services ADO.net SQL Server,

PHP and AJAX. Servers and Clients For many years we tried to move as much as possible to the server. Weak clients, poor bandwidth, browser compatibility..

Introduction to AJAX MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/4/2016.

Open Solutions for a Changing World™ Eddy Kleinjan Copyright 2005, Data Access WordwideNew Techniques for Building Web Applications June 6-9, 2005 Key.

I NTRO TO W EB TECHNOLOGY Basic terms. C LIENT – S ERVER M ODEL a distributed communication between service requestors and service providers.

November 21, 2016 Web Technologies in the IUB Libraries’ Web Site AJAX, More than Scrubbing the Tub: Doug Ryner & Tadas Paegle.

INNOV-16: Rich User Interface for the Web???? AJAX to the Rescue Ken Wilner VP of Technology Progress Software.

JQuery Fundamentals Introduction Tutorial Videos

JavaScript and Ajax (Ajax Tutorial)

Introduction to ASP By “FlyingBono” 2009_01 By FlyingBono 2009_01

Working with Client-Side Scripting

Application with Cross-Platform GUI

By Gary Mandela December 26, 2006

Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS

Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS

IS 360 Course Introduction

COP 3813 Intro to Internet Computing

Secure Web Programming

MIS JavaScript and API Workshop (Part 3)

A Beginners Session to Ajax

BOF #1 – Fundamentals of the Web

DR. JOHN ABRAHAM PROFESSOR UTPA

Introduction to AJAX and JSON

Ajax and JSON Jeremy Shafer Department of MIS Fox School of Business

Class 4: Building Interactive Web Pages

Ajax and JSON Jeremy Shafer Department of MIS Fox School of Business

MIS Professor Sandvig MIS 424 Professor Sandvig

AJAX By Prof. B.A.Khivsara

Presentation transcript:

Asynchronous Java script And XML Technology Ajax Technology Asynchronous Java script And XML Technology

Agenda Introduction Classic Model vs. Ajax Model. Demo. Microsoft Atlas. Demo References.

Introduction What is Ajax. Technologies Ajax used.

What is Ajax? Ajax, shorthand for Asynchronous JavaScript and XML, is a Web development technique for creating interactive web applications.

Live Examples Google Suggestion Google Gmail. Google Maps. MS Outlook Web Access. Microsoft Virtual Earth.

Other ways to exchange data with server Invisible inline frames Netscape's LiveConnect Microsoft's ActiveX Microsoft's XML Data Islands Macromedia Flash Player Java Applets

XML , HTML , Plain text , JSON Technologies Ajax use XHTML (or HTML), CSS. marking up and styling information DOM (Document Object Module) accessed with a client-side scripting language The XMLHttpRequest object to exchange data asynchronously with the web server. XML,HTML, plain text or JSON as the format for transferring data between the server and client. XHTML CSS XMLHttpRequest XML , HTML , Plain text , JSON

XmlHttpRequest XMLHttpRequest is an API that can be used by JavaScript, JScript, VBScript and other web browser scripting languages to transfer and manipulate XML data to and from a web server using HTTP, establishing an independent connection channel between a web page's Client-Side and Server-Side.

Classic Model vs. Ajax Model. Structure. Event handling.

Classic WAM Structure To understand Ajax structure we should take a look at the classic web application model.

Ajax WAM Structure Ajax engine lays in client side to be as a communicate layer between client side and server side

Classic Application and Events Allows the page is reloading because the event will be fired from the server.

Ajax Web Application and Events In Ajax case the event will be called from the client side and handled by Ajax engine in the background.

Ajax Demo AjaxSession.Classic AjaxSession.Ajax

Microsoft Atlas What is Atlas? "Atlas" is a free framework for building a new generation of richer, more interactive, highly personalized standards based Web applications.

Microsoft Atlas features Cross-Browser. client-side JavaScript framework for easy script creation and reuse. super easy to use services from ASP.NET.

Atlas Demo AjaxSession.Ajax AjaxSession.Atlas

References www.Google.com www.xulplanet.com/references/objref/XMLHttpRequest.html www.w3schools.com en.wikipedia.org/wiki/Ajax_(programming) www.codeproject.com/AJAX/AJAXExplained.asp Atlas.asp.net