Ajax for Web 2.0 Presented by: Jonathan Meersman.

Slides:



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

Mobile Web Design with Adobe® Dreamweaver CS5.5
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.
DT228/3 Web Development WWW and Client server model.
AJAX Technologies KAUNAS UNIVERSITY OF TECHNOLOGY MODULE: INFORMATION TECHNOLOGY GROUP: IF - 4/9 GROUP: VENTILIATORIAI
6/3/2015eBiquity1 Tutorial on AJAX Anubhav Kale (akale1 AT cs DOT umbc DOT edu)
Davis Dai. Introduction  Acronym for “asynchronous JavaScript and XML”  Combination of various technologies  Was not developed as an official standard.
AJAX Presented by: Dickson Fu Dimas Ariawan Niels Andreassen Ryan Dial Jordan Nielson CMPUT 410 University of Alberta 2006.
AJAX & By – Anupama Sharma. Defining Ajax Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together.
Ajax Dr Jim Briggs WEBP Ajax1. 2 Ajax Asynchronous JavaScript And XML Method of creating more interactive web applications Moves more of the application.
Adobe® Dreamweaver Develop Sites with CMS Support Presented by: Jonathan Meersman.
Does Ajax suck? CS575 Spring 2007 Chanwit Suebsureekul.
Web 2.0 CS 575. Definition: Web 2.0 generally refers to a second generation of services available on the World Wide Web that let people collaborate, and.
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
A closer look Dynamic Webpages Jessica Meyerson March 1, 2011.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
The World Wide Web By: Brittney Hardin, Carlos Smith, and David Wilkins.
Web Design Basic Concepts.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
JavaScript & jQuery the missing manual Chapter 11
Štefan PERO AIS What is Web 1.0?  statical web pages  contains informations to one use  no reason to comeback  not interactive web pages.
CS 4720 RESTfulness and AJAX CS 4720 – Web & Mobile Systems.
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
Lecture 12 – AJAX SFDV3011 – Advanced Web Development Reference: 1.
AJAX By Steven Hernandez Research Analyst NIATEC.
ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.
 2008 Pearson Education, Inc. All rights reserved Ajax-Enabled Rich Internet Applications.
DIRAC Web User Interface A.Casajus (Universitat de Barcelona) M.Sapunov (CPPM Marseille) On behalf of the LHCb DIRAC Team.
AJAX Without the “J” George Lawniczak. What is Ajax?
Adobe Dreamweaver Advanced Design for Web 2.0 Presented by: Jonathan Meersman.
Ajax Technology for the Web Nic Shulver, FCET, Staffordshire University Introduction What is it? Pros and Cons Why is it important? Traditional Client-Server.
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.
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.
Web Applications BIS4430 – unit 8. Learning Objectives Explain the uses of web application frameworks Relate the client-side, server-side architecture.
Random Logic l Forum.NET l AJAX Behind the buzz word Forum.NET ● January 23, 2006.
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.
Overview Web Session 3 Matakuliah: Web Database Tahun: 2008.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
Ajax ( Asynchronous JavaScript + XML ) Information Science and Knowledge Systems: Semantic Web Spring 2006 / Dr. Don Turnbull Presented by David Kim.
the acronym for Asynchronous JavaScript and XML.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
Ajax for Dynamic Web Development Gregory McChesney.
Web Development & Design Foundations with XHTML Chapter 11 Key Concepts.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
Paul Jones Web 2.0 New Technologies and new interactions.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
Semantic Web Technologies Brief Readings Discussion Class work: Projects discussion Research Presentations.
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.
Introduction to the World Wide Web & Internet CIS 101.
Introduction to AJAX Sue Brandreth. What is Ajax?
Introduction to AJAX MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/4/2016.
1 CP586 © Peter Lo 2003 Multimedia Communication Analysis & Design of Electronic Communication.
Submitted by: Moran Mishan. Instructed by: Osnat (Ossi) Mokryn, Dr.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
I NTRO TO W EB TECHNOLOGY Basic terms. C LIENT – S ERVER M ODEL a distributed communication between service requestors and service providers.
National College of Science & Information Technology.
November 21, 2016 Web Technologies in the IUB Libraries’ Web Site AJAX, More than Scrubbing the Tub: Doug Ryner & Tadas Paegle.
CS 371 Web Application Programming
Working with Client-Side Scripting
Application with Cross-Platform GUI
AJAX.
WEB 237 Education for Service-- snaptutorial.com.
CMP Creating Your Personal and Small Business Web Sites
HTML5 Level I Session I Chapter 1 - Introduction to Web Development
COP 3813 Intro to Internet Computing
Presentation transcript:

Ajax for Web 2.0 Presented by: Jonathan Meersman

The Conference 2009 – Las VegasMarch 11-13, 2009 Presenter Background  Current Industry Employment Milwaukee Area Technical College – Web Design Faculty  Previous Industry Experience HostingSpot.com – Founder & Past President General Electric – eLead Systems Designer Milwaukee Kickers Soccer Club – Multimedia Coordinator  Education MBA in eBusiness BA in Geography (focus: Computer Cartography)

The Conference 2009 – Las VegasMarch 11-13, 2009 Session Agenda  History of Ajax  Ajax Defined  Ajax Advantages & Disadvantages  Ajax Frameworks  Live Demonstration  Ajax Course at MATC  Web Design at MATC

The Conference 2009 – Las VegasMarch 11-13, 2009 History of Ajax  Term first used in 2005 by Jesse James Garrett  Asynchronous JavaScript and XML  Used to create web applications

The Conference 2009 – Las VegasMarch 11-13, 2009 Ajax Defined  Ajax is several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates: standards-based presentation using XHTML and CSS; dynamic display and interaction using the Document Object Model; data interchange and manipulation using XML and XSLT; asynchronous data retrieval using XMLHttpRequest; and JavaScript binding everything together.

The Conference 2009 – Las VegasMarch 11-13, 2009 Ajax Advantages  Based on open standards  Can decrease bandwidth by only updating content that needs to be updated  Allows sites to be more interactive, yet quicker than static sites  Reduces connections to web servers (i.e..css file only needs to be requested once)

The Conference 2009 – Las VegasMarch 11-13, 2009 Ajax Disadvantages  May not register with browser’s history engine, making back button only semi-functional  Does not work well with search engine optimization  Does not work if user has JavaScript disabled in browser  Minimal support with mobile devices

The Conference 2009 – Las VegasMarch 11-13, 2009 Ajax Frameworks FrameworkFramework Example JavaScriptYahoo User Interface Library (YUI) JavaGoogle Web Toolkit.NETASP.NET AJAX PHPSajax PythonPyjamas

The Conference 2009 – Las VegasMarch 11-13, 2009 Live Demonstration  Demonstration of an Ajax Framework

The Conference 2009 – Las VegasMarch 11-13, 2009 Example Sites  (aggregator of Ajax examples)  (great Ajax example)  (Ajax IM client)  

The Conference 2009 – Las VegasMarch 11-13, 2009 Ajax Course at MATC  Advanced Web Site Development (VICOM-125) Fourth Semester Course Web Development with JavaScript & Ajax

The Conference 2009 – Las VegasMarch 11-13, 2009 Web Design at MATC  Visual Communications (Multimedia) Visual Communications 69 Credits (A.A.S. Degree)  eCommerce/Web Administration eCommerce/Web Administration 70 Credits (A.A.S. Degree)  Web Designer Web Designer 32 Credits (Technical Diploma)  Graphic Technologies/Web Development Graphic Technologies/Web Development 9 Credits (Advanced Technical Certificate)

The Conference 2009 – Las VegasMarch 11-13, 2009 Updated Presentation  Downloads

The Conference 2009 – Las VegasMarch 11-13, 2009 Q & A  Time for Questions

The Conference 2009 – Las VegasMarch 11-13, 2009 Resources          

The Conference 2009 – Las VegasMarch 11-13, 2009 Presenter Contact Information Jonathan Meersman Milwaukee Area Technical College 6665 South Howell Avenue Oak Creek, WI (414)