Module Descriptors
WEB STANDARDS
COMP40071
Key Facts
Digital, Technology, Innovation and Business
Level 4
20 credits
Contact
Leader: Robin Oldham
Email: Robin.Oldham@staffs.ac.uk
Hours of Study
Scheduled Learning and Teaching Activities: 34
Independent Study Hours: 24
Total Learning Hours: 58
Pattern of Delivery
- Occurrence A, Stoke Campus, UG Semester 2 to UG Semester 3
Sites
- Stoke Campus
Assessment
- WALK THROUGH PRACTICAL - 15 MINUTES weighted at 40%
- PRESENTATION OF PRACTICAL - 25 MINUTES weighted at 60%
Module Details
LEARNING OUTCOMES
Design, create and test a web-based prototype using current web standards and tools
Application
Evaluate web applications for users including accessibility, performance and search engine optimisation
Analysis, Application
Demonstrate an understanding of current web standards and their influence and application in prototyping interfaces
Learning
Convert media into suitable formats for web prototypes, using current tools and practices
Application, Problem Solving
ADDITIONAL ASSESSMENT DETAILS
Walk Through Practical (LO 1, 3)
Given a scenario and a target audience
Create a prototype using current web standards, and utilising design tokens via CSS
Walk through the design (live) showing the prototype and demonstrating how easy it would be to change using the design tokens
Presentation of Practical (LO 1-4)
Following feedback, refine the web application
Given a scenario and a target audience
Create a prototype using current web standards, and utilising design tokens via CSS
Walk through the design (live) showing the prototype and demonstrating how easy it would be to change using the design tokens
Presentation of Practical (LO 1-4)
Following feedback, refine the web application
INDICATIVE CONTENT
Web Standards
Web design principles
HTML / CSS Introduction
CSS Variables for themes
Tools to help
Creating web prototypes
Converting images for web applications
Performance, SEO, GDPR, Accessibility
The uses of meta data in web applications and media files
Testing web pages to feed forward to developers
The use of front-end development tools to aid in user interfaces
Design systems (for developers)
Web design principles
HTML / CSS Introduction
CSS Variables for themes
Tools to help
Creating web prototypes
Converting images for web applications
Performance, SEO, GDPR, Accessibility
The uses of meta data in web applications and media files
Testing web pages to feed forward to developers
The use of front-end development tools to aid in user interfaces
Design systems (for developers)
WEB DESCRIPTOR
In this module, you will gain knowledge in web standards and building web applications that are suitable for their purpose. You will specifically gain an insight into the role of web standards bodies and user experience optimisation.
You will establish a solid foundation in the basic principles of client-side programming for the web including HTML, CSS, and will learn the essential skills necessary to give you confidence in designing, implementing and testing digital prototypes with a focus on user experience.
You will establish a solid foundation in the basic principles of client-side programming for the web including HTML, CSS, and will learn the essential skills necessary to give you confidence in designing, implementing and testing digital prototypes with a focus on user experience.
LEARNING STRATEGIES
This will be taught in 4 sprints. Students will be required to read around the subject between sprint weeks, using guided sources.
The pattern of sprints will replicate the terminology and the ethos of how UX teams work in industry.
There will be a welcome day for all modules in that term on the first day of the first sprint.
Each sprint will have 1 day (7 hours) of contact totalling 28 hours, plus 6 hours online throughout the module, so 34 hours in total.
Contact will be a combination of workshops, lectures and guest seminars facilitating individual and group work.
The pattern of sprints will replicate the terminology and the ethos of how UX teams work in industry.
There will be a welcome day for all modules in that term on the first day of the first sprint.
Each sprint will have 1 day (7 hours) of contact totalling 28 hours, plus 6 hours online throughout the module, so 34 hours in total.
Contact will be a combination of workshops, lectures and guest seminars facilitating individual and group work.
TEXTS
None – resources will be given in class and via the resource list below
RESOURCES
https://web.dev/learn
https://developer.mozilla.org/en-US/docs/Learn
https://www.w3.org/WAI/
https://developer.mozilla.org/en-US/docs/Learn
https://www.w3.org/WAI/