Digital Media Tecnology, autumn 2007

Exercise 1 (send the solutions in email by Friday the 14th of September at 16.00)

  1. As discussed in lectures, it is possible to implement hypertext as a database. Let the nodes of the hypertext be URL identifiable files. There are different types of relations among the nodes and they may be used in navigation from one node to another. Relations have type names but some of them may also have instance names. Bi-directional relations may have different names for each direction. Previous node and next node in a sequence should be considered as a special case of these relations. Outline the structure of the relational database for this application and how to present the nodes and the navigation data as a web page.
  2. Page http://www.cs.helsinki.fi/kokeet/ekokeets07.html lists the separate exams in the department of computer science this autumn. Try to figure out what are the primary information needs this list should serve. Is this a good solution? Outline a better one. You may restrict your design on the list part of the page.
  3. Some browsers, for example Mozilla 1.1, provide a LINK-toolbar to enable the use of the relations specified in the html link-tags for navigation. Suplementary tools are available to provide this functionality in some other browsers (look: http://webcoder.info/reference/LinkBars.html or http://www.euronet.nl/~tekelenb/WWW/LINK/). One link type is 'glossary'. The toolbars typically provide access to the starting page of the glossary. What do you think to be the best way of using a glossary. Does any browser provide such a way yet?
  4. Express the definition of the following table in XHTML.
    table image
    Validate your XHTML.
  5. File Pkerros.gif shows the map of the gound floor of the Exactum building. Copy the image and implement a page that makes it possible to obtain detailed information about a room the user clicks. Two hot spots in the map are enough for this exercise.

Instructions

How to publish your web pages in CS environment: