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.
Occurrence | Teaching period |
---|---|
A | Spring Term 2022-23 |
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.
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.
Task | % of module mark |
---|---|
Essay/coursework | 70 |
Essay/coursework | 30 |
None
Task | % of module mark |
---|---|
Essay/coursework | 70 |
Essay/coursework | 30 |
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.
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/