COAP:COAP-2100/exams

The educational technology and digital learning wiki
Jump to navigation Jump to search

"Mid-term" exam

Date
Wednesday, week 5 or week 6 (to be discussed)
Format
Open book. You may use both print texts and the Internet. However, use of communication software (including websites like Facebook) is strictly forbidden. Offenders will get an F.
The exam will include all sorts of questions (MCQs, fill-in, code repair, ...)

General HTML/CSS and XML knowledge

Subjects that may be tested
  • Be able to find information about HTML tags/attributes and CSS selectors/properties
  • Selecting an appropriate on-line service for creating a web site.
  • Be able to create simple HTML code and detect errors
    • DocType declarations (superficially, e.g. understand the difference between the strict and transitional HTML4x/XHTML1x models)
    • Required tags: html,body,title,link,a,img,h1,h2,h2,p,ul,ol,li,div,span
    • Required attributes: style + the elementary attributes of the HTML a, img and link tags + class + id
    • Notice: I may design an exam question that asks you to find the definition of another HTML tag or attribute.
  • Simple CSS styling
    • Basic selectors (tag names)
    • Class and ID selectors (.xxx and #xxx)
    • Simple boxing properties (i.e. margins, not positioning)
    • Simple text properties, e.g. fonts, color, font-family, line spacing, left/right/center alignment
  • Color models
    • Basic principles of RGB, RGBa, HSL and HSLa (not HSV). E.g. you should know that RBG combines amount of three colors, that HSL is a color on the "360 color wheel" plus saturation and light. You also should know that alpha means transparency.
    • Be able to find a RGB hex value for a given color name and the other way round (using any tool/table you like)
    • Use colors with CSS and SVG
  • Simple design principles
    • Be able to comment on a web site design
    • Be able to find and use basic web page usability principles, testing a web site with users
    • Creating a simple wireframe (sketch of a web page)
  • XML
    • Roles of XML, some types of XML languages
    • Essentials of the XML formalism, well-formedness
    • The concept of XML grammars and validity (no technical details about DTDs, XML Schemas, etc.)

SVG

Items that may be tested

  • SVG embedding in HTML
  • Graphic primitives: rect, circle, ellipse, line, polyline, polygon and text)
    • Attributes you should know: position and size attributes, opacity, fill and stroke
  • Grouping and reusing: Defining an "id", g and use
    • Make sure to understand basic use of the transform attribute (scaling, rotation, and translation)
  • Simple animation: animate
    • Attributes for animate: to, from, values, dur, begin, end, fill, attributeName, xlink:href, repeatCount

Not tested

  • The "path" language. However, I may ask you to copy/paste a path from the online SVG-edit tool or change its style (e.g. the color).

Preparation:

You can either just read my wiki pages or just the textbook chapters or both .....

Textbook chapters (you can ignore elements that we did not present in class)

Important: Namespace declarations are missing from all the examples in the print text !
  • (2) Building Web Applications with SVG (pages 20 to 39 only !)

Important: If you want to print these textbook chapters, use the PDF that is in the Documents folder of the World Classroom. You are allowed to bring it to the exam ....

Wiki pages:

Final

  • Oral presentation of your term project
  • Screen cast presentation of your term project

... details TBA