weekend ms cs program internet and web technologies
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 - PowerPoint PPT Presentation


  • 259 Views
  • Uploaded 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

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

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
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/
ad