Module Details

Module Code: MMED M7004
Full Title: UX Front-End Web Development
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 provides a platform for learning popular UX/UI, interface design and responsive design techniques. It also allows students to apply programming principles into their websites to enhance the user experience. In addition, the module provides an opportunity for students to research into emerging trends and learn about current best practices in the UX/UI/Web design industry.
 
Module Learning Outcome
On successful completion of this module the learner will be able to:
# Module Learning Outcome Description
MLO1 Report on emerging trends in the web design and UX/UI industry.
MLO2 Implement a popular front-end web framework to create a responsive website.
MLO3 Apply CSS or SCSS and JavaScript to a web project to improve the aesthetics and user experience.
MLO4 Deploy a web application to a remote server using FTP and describe the process.
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
Emerging trends
Report on emerging design and technological web trends from industry.
Research user behaviour
Current user behaviour and market trends on the Internet.
Web design appreciation
Analysis of current and best practice websites for inspiration.
Planning the process
Project management for web design.
Selecting plugins
Demonstrate the selection process for sourcing, testing and integrating javascript and CSS plugins to a web project.
File Transfer Protocol
Explain how FTP works, the difference between SFTP and FTP.
Responsive design techniques
Show students how to apply breakpoints and media queries to make their application mobile friendly.
Module Assessment
Assessment Breakdown%
Course Work100.00%
Module Special Regulation
 

Assessments

Full-time

Course Work
Assessment Type Presentation % of Total Mark 30
Marks Out Of 100 Pass Mark 40
Timing S1 Week 4 Learning Outcome 1
Duration in minutes 0
Assessment Description
On a current / emerging trend in web design/UX/UI.
Assessment Type Continuous Assessment % of Total Mark 60
Marks Out Of 100 Pass Mark 40
Timing S1 Week 11 Learning Outcome 3
Duration in minutes 0
Assessment Description
Web design and development practical project.
Assessment Type Written Report % of Total Mark 10
Marks Out Of 100 Pass Mark 40
Timing End-of-Semester Learning Outcome 4
Duration in minutes 0
Assessment Description
Short written report about the process needed to deploy a web application to a server.
No 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.

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 Lecture Every Week 1.00 1
Practical Contact Work on project Every Week 3.00 3
Independent Study Non Contact Research front-end web development tutorials on the Internet Every Week 3.00 3
Directed Reading Non Contact Read books about responsive web design and web animations Every Week 1.00 1
Total Weekly Learner Workload 8.00
Total Weekly Contact Hours 4.00
Workload: Part-time
Workload Type Contact Type Workload Description Frequency Average Weekly Learner Workload Hours
Lecture Contact Lecture Every Week 1.00 1
Practical Contact Work on project Every Week 3.00 3
Independent Study Non Contact Research front-end web development tutorials on the Internet Every Week 3.00 3
Directed Reading Non Contact Read books about responsive web design and web animations Every Week 1.00 1
Total Weekly Learner Workload 8.00
Total Weekly Contact Hours 4.00
 
Module Resources
Recommended Book Resources
  • Zak Ruvalcaba & Mary Delamater. (2017), Murach's JavaScript and jQuery, 3rd edition. Mike Murach & Associates, p.620, [ISBN: 9781943872053].
  • Kirupa Chinnathambi. (2017), Creating Web Animations: Bringing Your UIs to Life, O'Reilly Media;, p.210, [ISBN: 9781491957516].
  • J.D. Rockefeller. (2016), Web Hosting Guide for Beginners, 1st edition. CreateSpace Independent Publishing Platform, p.26, [ISBN: 1539545393].
Supplementary Book Resources
  • Giner Alor-Hernández, José Luis Sánchez-Cervantes, Alejandro Rodríguez-González. (2019), Current Trends in Semantic Web Technologies: Theory and Practice (Studies in Computational Intelligence), 1st edition. Springer, p.292, [ISBN: 3030061485].
  • Kirupa Chinnathambi. (2016), HTML5 Canvas: From Noob to Ninja, 1st edition. CreateSpace Independent Publishing Platform, p.322, [ISBN: 1523978090].
This module does not have any article/paper resources
Other Resources