MMED M7001 - UX Web Design Fundamentals

Module Details

Module Code: MMED M7001
Full Title: UX Web Design Fundamentals
Valid From:: Semester 1 - 2020/21 ( September 2020 )
Language of Instruction:English
Duration: 1 Semester
Credits:: 5
Module Owner:: Adele Commins
Departments: Unknown
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%
Project100.00%
Module Special Regulation
 

Assessments

Full Time On Campus

No Course Work
Project
Assessment Type Project % of Total Mark 50
Marks Out Of 100 Pass Mark 40
Timing Week 6 Learning Outcome 1
Duration in minutes 0
Assessment Description
Web development Practical based project
Assessment Type Project % of Total Mark 50
Marks Out Of 100 Pass Mark 40
Timing End-of-Semester Learning Outcome 2,3,4
Duration in minutes 0
Assessment Description
Web development Practical based project
No Practical
No Final Examination
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.
Reassessment Description
100% CA

DKIT reserves the right to alter the nature and timings of assessment

 

Module Workload

Workload: Full Time On Campus
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 On Campus
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