Larry Osterbaan cs658 Final Presentation

Larry Osterbaan CS658 Final Presentation

• http://www.tvparty.com/vaultcom2.html A white tornado tour of AJAX

The Plan

• Based on the card game, “Apples To Apples”, I explored AJAX and its ability to implement distributed computing.

• The short answer is AJAX is primarily useful within the Client/Server model of distributed computing

AJAX execution path

Interesting tangents

• AJAX uses HTML

• HTML uses CSS

• AJAX uses JavaScript

• JavaScript uses DOM

• AJAX uses XML

• The server side of the world

• System administration issues
• Development tools

AJAX execution path

HTML bumps & bruises

• Like any computer interaction, you must complete each tag’s braces

• These tags I really like:

• (note, this tag can be obey width & height)

• These attributes (of tags) I really like:

• ID= to access html elements via script
• Size by px, %, em, ex

• Suggested link. http://www.htmlcodetutorial.com

• Comments on the tools I used.

• Macromedia Dreamweaver
• Linux Quanta
• Microsoft Frontpage

Source code onion soup

• JavaScript is embedded in HTML pages java.sun.com/developer/technicalArticles/J2EE/AJAX/index.html links to www.quirksmode.org/ as a good source of tips to keep JavaScript browser neutral

CSS cleans up HTML

• CSS – Cascading Style Sheets

• At its most simplistic level, CSS is a level of indirection. That indirection enhances consistency.

• My favorite example, a collection of image tags can use the same style which specifies width & height

JavaScript

• JavaScript is not Java http://msdn.microsoft.com/library/default.asp?url=/library/en-us/script56/html/4af19f1b-1e9b-4116-beb6-6cde5d56947b.asp

• Mozilla.org has good JavaScript references

• Firefox has JavaScript console & DOM inspector

• Internet Explorer has JavaScript tools too, but I had previously neutered mine.

XML as seen in AJAX

• JavaScript may request XML from its server asynchronously from HTTP’s full page refresh cycle

• XML – cool buzzword, easy to think about

• XML can be inspected easy
• XML may be statically supplied

The server side of the world

• From Netbean’s quick starts, use a Servlet

• The power of Servlets

• The pain of Servlets

• I’ve composed a nice webpage using a nice layout tool, how do I make a Servlet serve it?

• Alternatives (at the server)

• You may get closer “to the metal” – WHY?
• You may wrap much of the mechanical steps – Java Server Pages (JSP)

System administration comments

• How I used EOS

• Netbeans -> Tomcat, change the ports to avoid conflict, configured in Server.xml
• Putty
• tunnel for home access "putty.exe" -ssh arch05.cis.gvsu.edu -L 5900:arch05.cis.gvsu.edu:5901 -L 9984:arch05.cis.gvsu.edu:9984
• VNC for remote access
• do use F8 - full screen

System administration comments

• Why I feel good about using EOS.

• I recognized Tomcat being used in an application at work.
• I believe, if it will work in “locked down” EOS, it’s a viable model for general deployment
• My development environment is accessible from several spots on the internet

Strange yet true

• developer.netscape.com seems to be a dead domain