Web Application Design & Development - TFT00034I
Module summary
In this module, students 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 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 students 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 give students experience in implementing websites and applications using those approaches.
Module will run
| Occurrence | Teaching period |
|---|---|
| A | Spring Term 2022-23 |
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
Subject content
-
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.
Academic and graduate skills
-
To demonstrate problem solving skills in the context of web design and development.
-
To design an abstract model, using computer programming abstractions, of an unseen problem.
-
To deliver a tested working solution to an unseen problem.
-
To analyse an unseen problem, devise a computational solution. and design and implement a software system that embodies the solution.
-
To communicate technical and design thinking.
Indicative assessment
| Task | % of module mark |
|---|---|
| Essay/coursework | 70 |
| Essay/coursework | 30 |
Special assessment rules
None
Indicative reassessment
| Task | % of module mark |
|---|---|
| Essay/coursework | 70 |
| Essay/coursework | 30 |
Module feedback
Students will receive oral feedback for the weekly practical lab sessions, during the lab sessions.
Students will receive written feedback on coursework assignments using a proforma identifying key requirements and marks awarded for sections of the assignment. This will be available within 20 working days of submission, except in exceptional circumstances which will be communicated to the students.
Indicative reading
Designing Web Interfaces, Scott, B & Neil, T. 2009. O'Reilly.
Don't make me think! a common sense approach to Web usability, Krug, S. 2006
HTML & CSS: design and build website, Duckett, J. 2011. Wiley.
JavaScript & JQuery: interactive front-end Web development, Duckett, J. 2013. Wiley.
Information Architecture for the world Wide Web, Rosenfeld, L. & Morville, P. 2002. 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/