topical media & game development
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>
<root1>
</root1>
<root2>
</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<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.