Module Details
Module Code: |
MMED M7001 |
Full Title:
|
UX Web Design Fundamentals
|
Valid From:: |
Semester 1 - 2020/21 ( September 2020 ) |
Language of Instruction: | English |
Module Owner:: |
Adele Commins
|
Module Description: |
This module will equip students with the visual design and HCI skills to create a user-centred website. Students will also acquire the skills to setup, design and user test a website using a content management system connected to a database.
|
Module Learning Outcome |
On successful completion of this module the learner will be able to: |
# |
Module Learning Outcome Description |
MLO1 |
Apply responsive design techniques using a front-end web development framework. |
MLO2 |
Use JavaScript to enhance interactivity and user engagement in a website. |
MLO3 |
Demonstrate the ability to design and develop a website using a Content Management System. |
MLO4 |
Test website functionality and usability on users. |
Pre-requisite learning |
Module Recommendations
This is prior learning (or a practical skill) that is strongly recommended before enrolment in this module. You may enrol in this module if you have not acquired the recommended learning but you will have considerable difficulty in passing (i.e. achieving the learning outcomes of) the module. While the prior learning is expressed as named DkIT module(s) it also allows for learning (in another module or modules) which is equivalent to the learning specified in the named module(s).
|
No recommendations listed |
Module Indicative Content |
Using JavaScript events and DOM Scripting
Apply simple javascript to HTML and CSS elements on a website.
|
Fundamentals of Content Management Systems
Explain how a CMS works and the difference between a static and dynamic website.
|
Installing and configuring a CMS
Demonstrate how to set up a CMS from scratch.
|
Techniques for embedding audio files into a website
Include audio in a web project using HTML5 and Cloud hosted audio files.
|
Techniques for embedding video into a website
Embed video in a web project using HTML5 and Cloud hosted video files such as Youtube/Vimeo.
|
Compare the key differences between a static and dynamic website
Show students the difference between static and dynamic websites and explain how a server processes server-side code.
|
Apply media queries in responsive design
Use breakpoints and media queries to control how a website appears on various devices.
|
Mobile device testing
Demonstrate how to view and interact with a website running on a Desktop, Tablet and Smartphone.
|
Module Assessment
|
Assessment Breakdown | % |
Project | 100.00% |
Module Special Regulation |
|
AssessmentsFull-time
Reassessment Requirement |
A repeat examination
Reassessment of this module will consist of a repeat examination. It is possible that there will also be a requirement to be reassessed in a coursework element.
|
DKIT reserves the right to alter the nature and timings of assessment
Module Workload
Workload: Full-time |
Workload Type |
Contact Type |
Workload Description |
Frequency |
Average Weekly Learner Workload |
Hours |
Lecture |
Contact |
Theory lecture on web design |
Every Week |
1.00 |
1 |
Practical |
Contact |
Work on web project |
Every Week |
2.00 |
2 |
Independent Study |
Non Contact |
Research HTML, CSS and JS coding techniques on the internet and in books |
Every Week |
5.00 |
5 |
Total Weekly Learner Workload |
8.00 |
Total Weekly Contact Hours |
3.00 |
Workload: Part-time |
Workload Type |
Contact Type |
Workload Description |
Frequency |
Average Weekly Learner Workload |
Hours |
Lecture |
Contact |
Theory lecture on web design |
Every Week |
1.00 |
1 |
Practical |
Contact |
Work on web project |
Every Week |
2.00 |
2 |
Independent Study |
Non Contact |
Research HTML, CSS and JS coding techniques on the internet and in books |
Every Week |
5.00 |
5 |
Total Weekly Learner Workload |
8.00 |
Total Weekly Contact Hours |
3.00 |
Module Resources
|
Recommended Book Resources |
---|
-
Dr. Andy Williams. (2019), WordPress for Beginners: A Visual Step-by-Step Guide to Mastering WordPress, 1st edition. Independently published, p.277, [ISBN: 1490532471].
-
Frahaan Hussain. (2017), Responsive Web Design by Example: Embrace responsive design with HTML5, CSS3, JavaScript, jQuery and Bootstrap 4., 1st edition. Packt Publishing, p.292 pa, [ISBN: 9781787287068].
| Supplementary Book Resources |
---|
-
Jon Duckett. (2014), JavaScript and JQuery: Interactive Front-End Web Development, 1st edition. Wiley, p.640, [ISBN: 9781118531648].
-
Dr. Vic Costello. (2012), Multimedia Foundations: Core Concepts for Digital Design, 1st edition. Focal Press, p.464, [ISBN: 978-024081394].
| This module does not have any article/paper resources |
---|
Other Resources |
---|
-
Website, creativebloq,
-
Website, Smashing Magazine,
-
Website, The FWA,
-
Website, Webby awards,
-
Website, Republic of Code,
| |