Transcript Larry Osterbaan CS658 Final Presentation

Larry Osterbaan
CS658 Final Presentation
http://www.tvparty.com/vaultcom2.html
A white tornado tour of AJAX
The Plan
Asynchronous
JavaScript
And
XML
• 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
https://bpcatalog.dev.java.net/nonav/ajax/autocomplete/frames.html
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
https://bpcatalog.dev.java.net/nonav/ajax/autocomplete/frames.html
HTML bumps & bruises
• Like any computer interaction,
you must complete each tag’s braces
• These tags I really like:
–
–
–
–
<DIV>
<IMG> (note, this tag can be obey width & height)
<FORM Action=“../cgi_bin/mycgi.pl”>
<META HTTP-EQUIV=“Expires” CONTENT=“0”>
• 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
Servlet.java
HTML
<link foobar.ccs>
<link foobar.js>
Javascript triggers
.CSS
.JS
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 <IMG> 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