topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

lib-present-course-webtechnology-practicum-lab-3.htm / htm



  <?xml version="1.0" encoding="UTF-8"?>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
  <html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Lab - Week 3</title>
    <link href="lib-present-course-webtechnology-style-note.css"
          rel="stylesheet" type="text/css"/>
  </head>
  
  <body>
  
  <h1>Web Technology - Lab Manual Week 3</h1>
  
  <ol class="lab">
  
  <li>
  HTTP is a so-called <em>stateless</em> protocol.  Explain what
  this means.  Name at least one advantage and disadvantage of the fact
  that HTTP is stateless.  </li>
  
  <li>
  One of the first applications of HTTP <strong>cookies</strong> was to
  add "shopping basket" functionality to the web sites of online shops.
  Explain why such sites are hard to build without cookies, and how
  cookies are used to implement electronic "shopping baskets".  (max 100
  words) </li>
  
  <li>
  Briefly discuss the key (non-technical) drawback of cookies.</li>
  
  <li>
  What is the difference between a Java <strong>applet</strong> and a
  Java <strong>servlet</strong>?  Give a typical applet and a typical
  servlet example.  </li>
  
  <li>
  What is an HTTP <strong>proxy</strong>?  What is an <strong>caching
  proxy</strong>?  How do such proxies influence web analytics (web log
  analysis)?  </li>
  
  <li>Acquaint yourself with principles of color contrast, e.g. through
  the <a href="http://snook.ca/technical/colour_contrast/colour.html">Color
  Contrast Check</a>. Test three color combinations and write a short
  report of the results and how these should be interpreted.</li>
  
  <li>Read some information about color blindness, e.g.in Wikipedia. Try
  the <a
  href="http://www.vischeck.com/vischeck/vischeckURL.php">ViSCheck</a>
  simulator with two colorful Web pages to check how these would appear
  to color-blind people. Report on the results. </li>
    
  <li>The <a href="http://lynx.browser.org/">Lynx browser</a> is a
  text-only browser. This browser is a helpful tool to check certain
  accessibility issues. Use the <a
  href="http://www.delorie.com/web/lynxview.html">Lynx simulator</a> to
  display <code>http://www.vu.nl> and <code>www.cs.vu.nl</code>
  and report about the results. Note: if you prefer to check two other sites,
  that's fine. </li>
  
  <li>Find out what steganography is and how it differs from
  cryptography</li>
  
  <li>Find out what <a href="http://openid.net/">OpenID</a>
  is about. Describe briefly its rationale. </li>
  
  <li>Choose an existing website and imagine that you are designing an
  A/B test to evaluate changes to that website. Information on A/B tests
  can be found at <a
  href="http://www.useit.com/alertbox/20050815.html">http://www.useit.com/alertbox/20050815.html>.
  Discuss the two versions of the site you would want to test, which
  part of the site you would vary, and how you would measure performance
  of each version.</li>
  
  <li>Choose an existing web site and build a mini-survey that could
  appear as a popup on that web site. Explain (briefly) the purpose of
  your survey, and why you choose to use open questions, yes/no
  questions and/or questions on a scale (e.g the Likert scale). The html
  of the survey should work, but obviously it does not need to work on
  the web site you chose. Include a link to that web site instead.
  </li>
  
  <!--
  <li>
  Choose an existing web site and evaluate that web site based on the
  usability checklist. You don't have to use the full list, choose one
  category of items that you want to evaluate. (Printouts of the
  checklist will be made available in the lab rooms and on Blackboard). 
  am.</liu> 
  
  <li>Question about Google Analytics</li>
  -->
  
  <li>Jakob Nielsen publishes a bi-weekly column on usability. Choose
  one of his columns from <a
  href="http://www.useit.com/alertbox/">http://www.useit.com/alertbox/>,
  give a short summary of the column (in your own words), and give an
  example of a web site that clearly does or does not implement the
  guidelines in the column. Pick your own example, the site should not
  be mentioned in the column.</li>
  
  <li>Read source <a href="#source-1">"Funda gooit site helemaal
  open"</a>. 
  Discuss the economic pros and cons of open access to product
  information. Give also your own opinion. 
  </li>
  
  <li>Read source <a href="#source-2">"Re: wat heb jij op je brood?"</a>
  Discuss the social effects of electronic communication on work
  relations. Give your own opinion on the email-free Friday. 
  </li>
  
  </ol>
  
  <p>
        <a href="http://validator.w3.org/check?uri=referer"><img
            src="http://www.w3.org/Icons/valid-xhtml10.png"
            alt="Valid XHTML 1.0!" height="31" width="88" /></a>
  </p>
  
  <h3 id="source-1">Source: "Funda gooit site helemaal open"</h3>
   
  <p><img src="http://www.cs.vu.nl/~guus/ow/wt/0708/nrc-funda.jpg" 
          width="100%"></p>
  
  <h3 id="source-2">Source: "Re: wat heb jij op je brood?"</h3>
  
  <p><img src="http://www.cs.vu.nl/~guus/ow/wt/0708/noemail-friday.jpg" 
          width="90%" ></p>
  
  </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/08/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.