Studying at York
Web Application Design & Development - TFT00034I
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 2023-24 |
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 | 20 |
| Essay/coursework | 80 |
Special assessment rules
None
Indicative reassessment
| Task | % of module mark |
|---|---|
| Essay/coursework | 20 |
| Essay/coursework | 80 |
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/