Accessibility statement

Web Application Design & Development - TFT00034I

« Back to module search

  • Department: Theatre, Film, Television and Interactive Media
  • Credit value: 20 credits
  • Credit level: I
  • Academic year of delivery: 2024-25

Module summary

In this module, you will learn how to create high quality useable websites and applications that can be used on both mobile and desktop devices, using the foundational languages of the web. The module begins with learning how to make static websites using HTML to define the site content and CSS to apply styling. Then, we will add interactivity to your sites and begin to make more complex applications using the JavaScript programming language and databases. The emphasis of the module is on web design as well as development so you will learn some key web design topics including information architecture, responsive design and web accessibility. Lectures will be used to introduce topics and techniques and the practicals will give you experience in implementing websites and applications using those approaches.

Module will run

Occurrence Teaching period
A Semester 2 2024-25

Module aims

Module Aims:

  • To develop technical skills in the creation of high quality, usable, accessible web applications using industry-standard technologies.

  • To develop design skills for web applications with a variety of purposes and target user groups.

  • To understand the different approaches towards designing and developing web applications for different device types, including mobile first and responsive design.

  • To learn how to exploit Application Programming Interfaces (APIs), Frameworks and Libraries in an appropriate manner.

Module learning outcomes

Upon completion of this module, you are expected to be able to:

  • Design and implement web applications suitable for multiple devices.

  • Use of industry-standard development tools, including various Application Programming Interfaces (APIs), Frameworks and Libraries, as appropriate for we application development.

  • Demonstrate ability to design web-based content, considering aspects such as information architecture, visual design and layout for different device types and audiences.

  • Demonstrate ability to evaluate the success of web applications, including usability evaluation in relation to a defined target marked.

  • Demonstrate an understanding of accessibility and ability to create accessible web applications.

  • Demonstrate problem solving skills in the context of web design and development.

  • Design an abstract model, using computer programming abstractions, of an unseen problem.

  • Deliver a tested working solution to an unseen problem.

  • Analyse an unseen problem, devise a computational solution. and design and implement a software system that embodies the solution.

  • Communicate technical and design thinking.

Indicative assessment

Task % of module mark
Essay/coursework 100

Special assessment rules

None

Additional assessment information

In the formative assessment, students will be given the design and content for a website and asked to code it in HTML and CSS. They will submit code only, with no associated report. They will receive feedback on the quality of the code they have written.

Indicative reassessment

Task % of module mark
Essay/coursework 100

Module feedback

You will receive oral feedback for the weekly practical lab sessions, during the lab sessions.

You will receive written feedback on coursework assignments using a proforma identifying key requirements and marks awarded for sections of the assignment. This will be in line with standard University turnaround times.

Indicative reading

Scott, B & Neil, T. (2009) Designing Web Interfaces, O'Reilly.

Krug, S. (2006) Don't make me think! a common sense approach to Web usability

Duckett, J. (2011) HTML & CSS: design and build website, Wiley.

Duckett, J. (2013) JavaScript & JQuery: interactive front-end Web development, Wiley.

Rosenfeld, L. & Morville, P. (2002) Information Architecture for the world wide web, O'Reilly.

http://www.w3schools.com/html/default.asp

https://mva.microsoft.com/en-us/training-courses/developing-in-html5-with-javascript-and-css3-jump-start-8223?l=lCnp5kIy_5104984382

https://dev.w3.org/html5/html-author/



The information on this page is indicative of the module that is currently on offer. The University constantly explores ways to enhance and improve its degree programmes and therefore reserves the right to make variations to the content and method of delivery of modules, and to discontinue modules, if such action is reasonably considered to be necessary. In some instances it may be appropriate for the University to notify and consult with affected students about module changes in accordance with the University's policy on the Approval of Modifications to Existing Taught Programmes of Study.