This module covers topics of:

Uses of media on the web / choice of media type to enhance user experience

Media rich applications for different target audiences

Design, Creation and Testing of high media web sites

Reflection of current trends in using media on the web

Augmented Reality on the web

Virtual Reality on the web

Use of colour

Designing web applications



Video / Audio

HTML 5 Video and Audio

Scripting with Video and Audio APIs

Streaming – use of content servers such as YouTube

Live broadcast on the web

Podcasts

Accessibility considerations of video and audio – e.g. subtitles



Graphics and Animation

Converting graphics to improve performance

Bitmap Graphics and resolution of images

Vector Graphics on the web

CSS Animation / JS Animation

2D and 3D Graphics on the web using scripting such as canvas and WebGL

Scripting uses with graphics such as maps

Accessibility considerations of graphics – e.g text alternatives

Photography: Camera Techniques; Photography Techniques; and Digital dark room work

Written Report – A researched report on the different media formats and the current advantages and issues of using them in web applications (Learning Outcome 2).

Demonstration – A demonstration of a media rich application on different platforms for a given scenario, using scripting to enhance it, and reflection on the use of media within this application (Learning Outcomes 1, 3, and 4).

1. Assess the needs of target audiences and apply these in the effective design, development and testing of media rich web applications for different platforms.

Application

2. Critically reflect upon the latest media formats available on the web and the issues involved using these media formats

Reflection,

Analysis

3. Design, develop and test a web application that utilises appropriate media formats to enhance the user experience.

Application

4. Utilise scripting to enhance media usage in web applications

Application,

Problem Solving

All teaching sessions will blend theory and practical learning. Students will be introduced to curriculum concepts and ideas and will then be able to apply theory to practical examples within the same sessions. In addition, students will be provided with a range of resources for independent study such as case studies, academic papers and industry stories. There will be a mixture of practical and theoretical formative (mock or practice) exercises which will help students build knowledge and confidence in preparation for summative (formal) assessment.

Cameras

Microphones

Adobe Creative Suite

MDN - https://developer.mozilla.org/en-US/ (Accessed January 2023)

Hardy, D.L, (2022), Introduction to Digital Media Design: Transferable hacks, skills and tricks; Bloomsbury Visual Arts

Leceister-Hardy, D., (2022), Introduction to Digital Media Design: Transferable hacks, skills and tricks, Bloomsbury Visual Arts

Gilbert, R. M. (2019), Inclusive Design for a Digital World: Designing with Accessibility in Mind (Design Thinking), Apress; 1st ed. Edition

Burrough, X. (2019), Foundations of Digital Art and Design with Adobe Creative Cloud, New Riders; 2nd edition

This module will enhance students knowledge of media and its use in web applications. You will look at the use of video, audio and graphics in web applications and how to use the correct media formats for different target audiences and devices. This will include scripting to increase the performance and user experience of media.