Gwybodaeth Modiwlau

Module Identifier
Module Title
Client-Side Graphics Programming for the Web
Academic Year
Semester 2
CS15020 or equivalent.
Other Staff

Course Delivery

Delivery Type Delivery length / details
Practical 11 x 2hr practicals


Assessment Type Assessment length / details Proportion
Semester Assessment Development project  (Approximately 50 hours work.)  80%
Semester Assessment Accompanying written report.  (Approximately 1000 words.)  20%
Supplementary Assessment Resubmission of failed/non-submitted coursework components or ones of equivalent value.  100%

Learning Outcomes

On successful completion of this module students should be able to:

1. Analyse the place of different technologies and tools for creating interactive web content.

2. Create web content which features animated graphics and interactive elements.

3. Understand the relationship between web technologies, graphics, platforms (e.g. mobile) and search engine visibility.

4. Be familiar with a major client-side web programming environment or language.


This module will provide students with hands-on experience of client-side web programming techniques and environments.

Brief description

This module will consider the tools and techniques appropriate for the creation of web applications, concentrating on those which work on the client-side. One technology in particular will be selected for in-depth study.
Interactive web programming will involve constructing web pages enabling visitors to interact with data and graphics across a range of clients available in the current market (in terms of web-browsers, and in terms of hardware devices). The importance of device neutrality, cross-platform coding, and data visibility to search engines are central to the module.


1. What is Interactive Web Content? Tools for producing content, definitions of interactivity, what makes the web interesting and different.
Computer graphics on the web: Drawing functions, sprites, vectors, text and bitmaps.

2. Mechanisms for interactivity: Traditional (mouse and keyboard) and others (touchscreens, tilt sensors, accelerometers, compasses, gesture sensors, cameras, etc.).

3. Animating graphics: storyboards, frames, simple physics models (e.g. animating gravity in 2d).
Collision detection.

4. Combining animations with interactions: web games and data visualisations.

5. Interacting with server-side technologies rather than user input ? asynchronous communication, separating page loads from server calls.

6. The Future of the web.

Module Skills

Skills Type Skills details
Application of Number Particularly geometry.
Communication Written skills are essential to the assessment.
Improving own Learning and Performance Lectures will introduce main points but students will have to learn independently too.
Information Technology Central to the module.
Personal Development and Career planning May influence career plans.
Problem solving In identification of presentation area.
Research skills Lectures will introduce main points but students will have to learn independently too.
Subject Specific Skills Central to the module.
Team work In class exercises will require small group work and discussion.

Reading List

General Text
Crockford, Douglas. (c2008.) JavaScript :the good parts /by Douglas Crockford. O'Reilly Primo search Pilgrim, Mark. (c2010.) HTML5up and running /Mark Pilgrim. O'Reilly


This module is at CQFW Level 5