Digital Media Technology, autumn 2007

Requirements

There are three types of activities to carry out in order to pass the course:

exam (weight: 1/2)
project (weight: 3/8)
optional exercises (weight: 1/8)

Exercises

Email your answers to the lecture by the deadline.

Project

The task in the project is to implement the web pages or a web application to explain and demonstrate some of the topics related to the course but not necessary discussed in the lectures. The project material should be such that it could be used as course material in this course.

Topics (select one of these, or propose your own topic)

Vector graphics in xhtml documents [principles and demonstration]
How to create and include simple animations in xhtml documents. [principles and demonstration, for example, Flash or gif or some other]
Management of multimedia representations with SMIL (Syncronized Multimedia Integration Language) [principles and demonstration}
Meta data in image files (for example JPEG) and their use in programs (php, or java) [principles and demonstrations]
How to create a combined and titled web representation of video clips taken in normal digital camera [restrict to simple tools]
How to inform about page changes and news with RSS-feeds [principles and demonstration]
Color compatibility tester [background, text, screen areas a small application]
Control of document layout and columns without tables [principles and demonstrations]
Your own proposal

Deadline for the project is Friday the 14th of October at 23.59.

The URL of the project page may be deliverd by e-mail to the lecturer or by using the DELIVERY FORM (in Finnish)

Lectures

4.9. |
5.9. |
11.9. |
12.9. |
18.9. |
19.9. |
25.9. |
26.9. |
2.10. |
3.10. |
9.10. |

Lecture slides and supplementary material

Tue 4.9.

Introduction, general hypertext, tagged languages, XHTML as an implementation of hypertext, links

Lecture slides (in Finnish):

Introduction (popup,color,pdf)

Supplementary material:

Wikipedia (engl.): Hypertext
Thierry Bardini: Bridging the Gulfs: From Hypertext to Cyberspace Journal of Computer-Mediated Communication, September, 1997
V. Balasubramanian: State of the Art Review on Hypermedia Issues And Applications, Chapter 1: Hypertext - An introduction

Wed 5.9.

HTML, XHTML, some elements XHTML, for example images, image maps, tables (Note: the basics of XHTML are assumed)

Lecture material (in Finnish):

Good supplementary material:

Tue 11.9.

XHTML-forms, metadata

Lecture material (in Finnish):

XHTML/2 (väri,pdf) Form example

Good supplementary material:

Look at the material listed above

Wed 12.9.

Representation

Lecture material (in Finnish)

CSS (color,pdf) ( Bigger one )
CSS examples

Supplementary:

ti 18.9.

Control of presentation with CSS

Lecture material (in Finnish):

ke 19.9.

JavaScript

Lecture material (In Finnish):

ti 25.9.

Javascrip continues, DOM tree, structure of web applications, building pages in a server

Lecture material in Finnish:

Supplementary material:

ke 26.9.

Server side processing, SSI, CGI

Lecture material (in Finnish):

ti 2.10.

Server side programming, PHP

Lecture material (In Finnish) :

Supplementary material:

ke 3.10.

PHP, php ja ajax, XML-data

Lecture material(In Finnish):

Supplementary:

ti 9.10.

Reachability, accessibility, usability

Lecture material (In Finnish):

Oheismateriaalia:

Web search engine (just main principles)
Deeb web, hidden web
W3C: Web content accessibility guidelines

About the exam

Below is a list of things that may be asked in the exam

   
Hypertext
  principle of hypertext
  general hypertext vs. html hypertext
Marking languages 
  tagged  representation of data
  the idea of XML
  XHTML vs HTML
XHTML
  connections and linking in XHTML
  the types of XHTML elements
  some kernel attributes in XHTML: id, class, style, event attributes
  XHTML-forms, types of elements
  supported image formats
  what are plugins
  document metadata 
CSS
  what is CSS
  cascading
  DOM tree
  rules and their targets
  how to deal with conflicting rules
  inheritance of rules
  the use of class attribute
  link related pseudo classes
  div and span, use and differences
  principles of style based layout
  ability to interpret some style definition
  if you are asked to write a style definition, you will receive a brief summary of CSS
Javascript
  where to run it
  typical usage situations
  what you can do and what you cannot 
  variables and datatypes
  associative arrays, objects as associative arrays
  how to access the information on the web page (the principles)
  how to connect javascript to the pafge processing - event attributes
  what is dynamic html - changing style attributes with javascript
  Ajax-principle of page processing
  you will not be asked to write any program in Javascript
  you may be asked to interpret a small piece of program
What is SSI (server side include)
CGI
   what information is delivered from client to server in request
  is the email address of the user delivred?
  How to maintain a session
  standard programming languages and script language on the server side - what is the difference
PHP
  where to run
  what kind of language
  user presses a button to change the background color of the page, explain the 
    difference php and javascript based solutions
  how to access request parameters
  how to distribute the functionality between javascript and server programs
  Ajax principle
  you will not be asked to write a program in php
XML
  How to control the representation of general XML in browsers 
   (CSS, XSLT - only the principle)
Finding information
  Principle of search engines
  Invisible informaton (deep web)
Accessibility
  some main princibles

10.10.2007 Harri Laine