weekend ms cs program internet and web technologies l.
Download
Skip this Video
Download Presentation
Weekend MS CS Program Internet and Web Technologies

Loading in 2 Seconds...

play fullscreen
1 / 20

Weekend MS CS Program Internet and Web Technologies - PowerPoint PPT Presentation


  • 259 Views
  • Uploaded on

Weekend MS CS Program Internet and Web Technologies. Dr. Roy Levow, Associate Chair & Professor Email: roy@cse.fau.edu 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

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 Internet and Web Technologies' - LionelDale


Download Now 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

Weekend MS CS ProgramInternet and Web Technologies

Dr. Roy Levow, Associate Chair & Professor

Email: roy@cse.fau.edu Phone: 954-236-1170

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

COT 5930

Web Project Development - Ajax

lesson plan
Lesson Plan
  • Introduction to Ajax
  • Constituent Technologies
    • XHTML
    • CSS
    • JavaScript
    • DOM
    • XML, XLS, XSLT
    • XMLHttpRequest
  • Simple Ajax Examples
slide3
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
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
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
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
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
Ajax Component Technologies
  • XHTML
  • CSS
  • JavaScript
  • Document Object Model (DOM)
  • XML and XSLT
  • XMLHttpRequest
ajax design principles
Ajax Design Principles
  • Highly interactive
  • Smooth responses
  • Separation of
    • Data
    • Presentation
    • Program logic
ajax tools
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
Video Introduction
  • Introduction to Ajax video from text
    • what_is_ajax.mov
xhtml
XHTML
  • Provides basis for presentation of web pages
  • Tutorial and Standard at W3Schools
cascading style sheets css
Cascading Style Sheets (CSS)
  • Provide for separation of format from content
  • Tutorial and Standard at W3Schools
domain object model dom
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
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
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
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/