140 likes | 273 Views
Larry Osterbaan CS658 Final Presentation. http://www.tvparty.com/vaultcom2.html A white tornado tour of AJAX. Asynchronous JavaScript And XML. The Plan. Based on the card game, “Apples To Apples”, I explored AJAX and its ability to implement distributed computing.
E N D
Larry OsterbaanCS658 Final Presentation http://www.tvparty.com/vaultcom2.htmlA white tornado tour of AJAX
AsynchronousJavaScriptAnd XML 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 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
Servlet.java HTML<link foobar.ccs> <link foobar.js> Javascript triggers .CSS .JS Source code onion soup • JavaScript is embedded in HTML pagesjava.sun.com/developer/technicalArticles/J2EE/AJAX/index.htmllinks towww.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 <IMG> can use the same style which specifies width & height
JavaScript • JavaScript is not Javahttp://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.comseems to be a dead domain