Your SlideShare is downloading. ×
0
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Larry Osterbaan CS658 Final Presentation
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Larry Osterbaan CS658 Final Presentation

314

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
314
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • AJAX does stretch the client/server model by allowing some (lots of) asynchronous activity. AJAX is limited because its XML requests must be directed back to the same server from which the HTML page originated.
  • FORM Action helps answer “Which can first, the chicken or the egg?”
  • I have used EOS *On site *Windows labs at Allendale & Pew *Mac labs at Calder Art Center of Allendale campus *Home -- speak to distributed development environment
  • Transcript

    • 1. Larry Osterbaan CS658 Final Presentation http://www.tvparty.com/vaultcom2.html A white tornado tour of AJAX
    • 2. The Plan <ul><li>Based on the card game, “Apples To Apples”, I explored AJAX and its ability to implement distributed computing. </li></ul><ul><li>The short answer is AJAX is primarily useful within the Client/Server model of distributed computing </li></ul>Asynchronous JavaScript And XML
    • 3. AJAX execution path https://bpcatalog.dev.java.net/nonav/ajax/autocomplete/frames.html
    • 4. Interesting tangents <ul><li>AJAX uses HTML </li></ul><ul><li>HTML uses CSS </li></ul><ul><li>AJAX uses JavaScript </li></ul><ul><li>JavaScript uses DOM </li></ul><ul><li>AJAX uses XML </li></ul><ul><li>The server side of the world </li></ul><ul><ul><li>System administration issues </li></ul></ul><ul><ul><li>Development tools </li></ul></ul>
    • 5. AJAX execution path https://bpcatalog.dev.java.net/nonav/ajax/autocomplete/frames.html
    • 6. HTML bumps & bruises <ul><li>Like any computer interaction, you must complete each tag’s braces </li></ul><ul><li>These tags I really like: </li></ul><ul><ul><li><DIV> </li></ul></ul><ul><ul><li><IMG> (note, this tag can be obey width & height) </li></ul></ul><ul><ul><li><FORM Action=“../cgi_bin/mycgi.pl”> </li></ul></ul><ul><ul><li><META HTTP-EQUIV=“Expires” CONTENT=“0”> </li></ul></ul><ul><li>These attributes (of tags) I really like: </li></ul><ul><ul><li>ID= to access html elements via script </li></ul></ul><ul><ul><li>Size by px, %, em, ex </li></ul></ul><ul><li>Suggested link. http:// www.htmlcodetutorial.com </li></ul><ul><li>Comments on the tools I used. </li></ul><ul><ul><li>Macromedia Dreamweaver </li></ul></ul><ul><ul><li>Linux Quanta </li></ul></ul><ul><ul><li>Microsoft Frontpage </li></ul></ul>
    • 7. Source code onion soup <ul><li>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 </li></ul>Servlet.java HTML <link foobar.ccs> <link foobar.js> Javascript triggers .CSS .JS
    • 8. CSS cleans up HTML <ul><li>CSS – Cascading Style Sheets </li></ul><ul><li>At its most simplistic level, CSS is a level of indirection. That indirection enhances consistency. </li></ul><ul><ul><li>My favorite example, a collection of image tags <IMG> can use the same style which specifies width & height </li></ul></ul>
    • 9. JavaScript <ul><li>JavaScript is not Java http://msdn.microsoft.com/library/default.asp?url=/library/en-us/script56/html/4af19f1b-1e9b-4116-beb6-6cde5d56947b.asp </li></ul><ul><li>Mozilla.org has good JavaScript references </li></ul><ul><li>Firefox has JavaScript console & DOM inspector </li></ul><ul><li>Internet Explorer has JavaScript tools too, but I had previously neutered mine. </li></ul>
    • 10. XML as seen in AJAX <ul><li>JavaScript may request XML from its server asynchronously from HTTP’s full page refresh cycle </li></ul><ul><li>XML – cool buzzword, easy to think about </li></ul><ul><ul><li>XML can be inspected easy </li></ul></ul><ul><ul><li>XML may be statically supplied </li></ul></ul>
    • 11. The server side of the world <ul><li>From Netbean’s quick starts, use a Servlet </li></ul><ul><li>The power of Servlets </li></ul><ul><li>The pain of Servlets </li></ul><ul><ul><li>I’ve composed a nice webpage using a nice layout tool, how do I make a Servlet serve it? </li></ul></ul><ul><li>Alternatives (at the server) </li></ul><ul><ul><li>You may get closer “to the metal” – WHY? </li></ul></ul><ul><ul><li>You may wrap much of the mechanical steps – Java Server Pages (JSP) </li></ul></ul>
    • 12. System administration comments <ul><li>How I used EOS </li></ul><ul><ul><li>Netbeans -> Tomcat, change the ports to avoid conflict, configured in Server.xml </li></ul></ul><ul><ul><li>Putty </li></ul></ul><ul><ul><ul><li>tunnel for home access &quot;putty.exe&quot; -ssh arch05.cis.gvsu.edu -L 5900:arch05.cis.gvsu.edu:5901 -L 9984:arch05.cis.gvsu.edu:9984 </li></ul></ul></ul><ul><ul><li>VNC for remote access </li></ul></ul><ul><ul><ul><li>do use F8 - full screen </li></ul></ul></ul>
    • 13. System administration comments <ul><li>Why I feel good about using EOS. </li></ul><ul><ul><li>I recognized Tomcat being used in an application at work. </li></ul></ul><ul><ul><li>I believe, if it will work in “locked down” EOS, it’s a viable model for general deployment </li></ul></ul><ul><ul><li>My development environment is accessible from several spots on the internet </li></ul></ul>
    • 14. Strange yet true <ul><li>developer.netscape.com seems to be a dead domain </li></ul>

    ×