Weekend ms cs program internet and web technologies
Download
1 / 20

Weekend MS CS Program - PowerPoint PPT Presentation


  • 259 Views
  • Updated On :

Weekend MS CS Program Internet and Web Technologies. Dr. Roy Levow, Associate Chair & Professor Email: [email protected] Phone: 954-236-1170 Web: http://www.cse.fau.edu/~roy. COT 5930 Web Project Development - Ajax. Lesson Plan. Introduction to Ajax Constituent Technologies XHTML CSS

Related searches for Weekend MS CS Program

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Weekend MS CS Program' - LionelDale


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Weekend ms cs program internet and web technologies l.jpg

Weekend MS CS ProgramInternet and Web Technologies

Dr. Roy Levow, Associate Chair & Professor

Email: [email protected] Phone: 954-236-1170

Web: http://www.cse.fau.edu/~roy

COT 5930

Web Project Development - Ajax


Lesson plan l.jpg
Lesson Plan

  • Introduction to Ajax

  • Constituent Technologies

    • XHTML

    • CSS

    • JavaScript

    • DOM

    • XML, XLS, XSLT

    • XMLHttpRequest

  • Simple Ajax Examples


Slide3 l.jpg
Ajax

  • Asynchronous JavaScript And XML

  • Provides a framework for the development of web pages that are

    • Interactive

    • Highly dynamic

  • Small transfers that update current page provide faster, smoother response


Ajax site example l.jpg
Ajax Site Example

  • Google Suggest (Beta)http://www.google.com/webhp?complete=1&hl=en

  • Google Mapshttp://maps.google.com/

  • Gmailhttp://gmail.google.com/

  • Google Page Creator (Beta)http://pages.google.com/





Pros and cons of ajax pros l.jpg
Pros and Cons of Ajax: Pros

  • Interactivity

    • Achieved by direct manipulation of DOM

    • Quick updates using incremental data loads

  • Portability

    • Open standards

    • JavaScript is supported by most current browsers


Pros and cons of ajax cons l.jpg
Pros and Cons of Ajax: Cons

  • Inefficiency

    • Interpreted code

    • Overhead of XML transfer (larger files)

  • Portability

    • Requires JavaScript

    • Also requires ActiveX on IE

    • Inconsistent rendering

  • Issues with response to Back button

  • Accessibility issues


Alternative technologies l.jpg
Alternative Technologies

  • Macromedia Flash

    • Highly interactive

    • Prepackaged “movies”

    • Requires plugin

  • Java Web Start

    • Java application interacts between client and server

  • Microsoft .NET


Ajax component technologies l.jpg
Ajax Component Technologies

  • XHTML

  • CSS

  • JavaScript

  • Document Object Model (DOM)

  • XML and XSLT

  • XMLHttpRequest


Ajax design principles l.jpg
Ajax Design Principles

  • Highly interactive

  • Smooth responses

  • Separation of

    • Data

    • Presentation

    • Program logic


Ajax tools l.jpg
Ajax Tools

  • A variety and growing number of tools have been developed to support Ajax technology

    • Provide consistent development environment

    • Hide XML and XMLHttpRequest complexity

  • Ruby on Rails / Ajax on Rails

  • Eclipse Ajax Tool Framework


Video introduction l.jpg
Video Introduction

  • Introduction to Ajax video from text

    • what_is_ajax.mov


Xhtml l.jpg
XHTML

  • Provides basis for presentation of web pages

  • Tutorial and Standard at W3Schools


Cascading style sheets css l.jpg
Cascading Style Sheets (CSS)

  • Provide for separation of format from content

  • Tutorial and Standard at W3Schools


Domain object model dom l.jpg
Domain Object Model (DOM)

  • Dynamic access to elements of web page in browser

  • Support for XHTML, XML, CSS

  • Introduction to DOM

    • W3 SchoolsXML DOM Tutorial

  • Using DOM for DHTML

    • Ryan's DHTML Tutorial, Part 4


Slide18 l.jpg
XML

  • Extensible Markup Language

  • Provides basic structure for representation of data and other structured documents

  • Tutorial and Standard at W3Schools

  • Review of XML Namespaces


Slide19 l.jpg
XSL

  • Extensible Stylesheet Language

    • More than just stylesheets

    • For application to XML

  • XSLT for transforming XML documents (into XHTLM)W3 Schools XSLT Tutorial

  • XPath for selecting parts of an XML document W3 Schools XPath Tutorial


References l.jpg
References

  • Wikipedia – Ajax programminghttp://en.wikipedia.org/wiki/AJAX_%28programming%29

  • Ajax information and tutorials at Fiamingadevhttp://dev.fiaminga.com/

  • Ajax Bloghttp://ajaxblog.com/

  • AjaxLessons.comhttp://www.ajaxlessons.com/

  • W3Schools tutorials and standardshttp://www.w3schools.org/


ad