topical media & game development

talk show tell print

lib-present-course-webtechnology-practicum-lab-2.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>Practicum</title>
    <link href="lib-present-course-webtechnology-style-note.css"
          rel="stylesheet" type="text/css"/>
  </head>
  
  <body>
  
  <h1>Web Technology - Lab Manual</h1>
  
  <h2>Week 2</h2>
  
  <ol class="lab">
  
  <li>
  Discuss the relationship between HTML 4.01, XHTML 1.0, SGML and XML.
  (max 200 words)
  </li>
  
  <li>
  Imagine you work for a product development team on a personal photo
  management application.  The product needs to be able to store short
  textual descriptions for each photo.  The current design is to store
  these descriptions in a proprietary, binary and application-specific
  format.  Someone in the team suggests to store these in XML.  Provide
  briefly the pros and cons of the two options.  Use a table with a row
  for each format, and columns for the different criteria.  Fill each
  cell with a short (max 5 words) indication how the formats scores on
  each criterion. 
  </li>
  
  <li>
  Can you use Chinese or Arabic in your XML tags? Why or why not?
  </li>
  
  <li>
  Indicate in one sentence the key difference between XML 1.0 and XML
  1.1.  Why is XML 1.0 still more popular that XML 1.1? 
  </li>
  
  <li>
  Give the key disadvantages of the syntax of XML DTDs.
  </li>
  
  <li>
  CSS does <strong>not</strong> use XML syntax.  Give the key advantage and a possible disadvantage.
  </li>
  
  <li>
  You can use CSS to style XHTML documents, but also to style XML
  documents with other vocabularies, for example the "MyOwnXML"
  vocabulary you designed yourself.  Explain the key difference between
  using CSS for XHTML versus CSS for MyOwnXML documents.
  </li>
  
  <li>
  Consider the following document:
  <pre>
  &lt;root1>
  &lt;/root1>
  &lt;root2>
  &lt;/root2>
  </pre>
  Will a validating parser parse this without reporting errors? Explain.
  <br/>
  Will a non-validating parser parse this without reporting errors? Explain.
  </li>
  
  <li>
  You have designed your own XML Namespace and have provided a URI that
  applications can use as the name of the namespace. What should happen
  if users try to resolve that URI? Explain your answer.
  </li>
  
  <li>Explain the key difference between a DOM-based and SAX-based API.
  Give a typical application for which you would use DOM, and a typical
  application for which you would use SAX.  
  </li>
  
  <li>What is the purpose of XPath?</li>
  
  <li>
  Give a natural-language description of the following XPath expressions:
  <ol style="list-style-type: lower-alpha;">
  <li><code>/artwork[creation-date&lt;1900]/title</code></li>
  <li><code>/artwork/creator/name[1]</code></li>
  </ol>
  </li>
  
  <li>
  Consider the following four path expressions:
  <pre>
  p
  /p
  //p
  .//p
  </pre>
  Briefly explain which element(s) are addressed by each expression.
  </li>
  
  <li>
  Describe the major similarities and differences between Java and JavaScript
  </li>
  
  <li>
  What does the acronym "AJAX" stand for?
  Explain the role of the term the first "A" refers to.
  </li>
  
  <li>
  What is the role of the host objects in JavaScript? Name two often
  used host objects. Why are there no equivalents in Java?  </li>
  
  <li>
  Name two objects that are built into the JavaScript language.
  Briefly explain their role. 
  </li>
  
  <li>
  How do you set in CSS a document's background color to the color with
  RGB values 255,255,255 using decimal numbers and the functional
  notation? (tip: check section 4 of the CSS Level 2 Recommendation)
  
  <br/>
  
  How do you achieve the same effect using JavaScript and the DOM API?
  (Tip: give the answer, but also include the same JavaScript in a
  <code>script</code> element into this document and check if it really
  works with several color values.  
  This will save you time with answering the next question!)</li> 
  
  <li>
  Briefly explain the role of <strong>events</strong> and <strong>event
  listeners</strong> in JavaScript.  
  
  <br/>
  
  Suppose a third-party software component generates an event object
  <code>e</code>, where <code>e.newValue</code> is a JavaScript array of
  R, G, B values.  Write an event listener function that takes such an
  event as an argument and uses the color value to set the current
  document's background color. (Tip: check if the function really works.
  This will save you time making Assignment 3!)  
  </li>
  
  <li>Watch the "featured video" from the Google Developers Day in 2007 at
  <a href="http://code.google.com/apis/maps/">http://code.google.com/apis/maps/>
  <br/>Summarize in three lines the "message" of the video.
  </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>
  
  </body>
  </html>
  


(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.