Module Details

Module Code: DSGN
Module Title: Web User Interface Design
Title: Web User Interface Design
Module Level:: 6
Credits:: 10
Module Coordinator: Nigel Whyte
Module Author:: Fiona Redmond
Domains:  
Module Description: To provide learners with the necessary skills to design and develop responsive 'design driven' websites.
 
Learning Outcomes
On successful completion of this module the learner will be able to:
# Learning Outcome Description
LO1 Explain the underlying architecture of the internet and world wide web.
LO2 Develop responsive web pages using HTML and CSS that adhere to current Web standards and UI principles.
LO3 Enhance web pages with interactive content using JavaScript.
LO4 Evaluate the planning and development of effective websites to meet specific case studies.
Dependencies
Module Recommendations

This is prior learning (or a practical skill) that is recommended before enrolment in this module.
No recommendations listed
Co-requisite Modules
No Co-requisite modules listed
Additional Requisite Information
No Co Requisites listed
 
Indicative Content
Introduction to Web Architecture
Overview of the internet and world wide web. Web protocols including HTTP. Web concepts including URL, DNS, cookies, browsers, caching, client-server model. Current web standards and UI design principles. Tools and technologies.
HTML
HTML structural elements, tags and attributes. Lists, tables and forms. Inline vs block-level elements. Embedding images, video and audio. Separation of content from presentation.
CSS
Introduction to CSS, selectors, colours, typography, using CSS for layout and navigation, box model, positioning. Responsive designs, creating styles to target various devices and viewports and media queries.
JavaScript
Client‐side scripting using JavaScript, browser object, document object model. Integrating user interaction by dynamically generating and modifying HTML content and CSS properties. JavaScript libraries and API's.
UI Design
Consideration of the principles of good UI design. The sizing, colours and positioning of elements. Grouping and consistency. Website organisation and visual hierarchy that guides the user around the web pages. Clear purpose of imagery.
Website Planning and Development
Planning and development of effective layouts (mobile, tablet and desktop) and designs (appropriate colour schemes and fonts etc.) to meet clients needs following research into current trends and target audiences. Using design skills to complete a web project from concept through UI development, sitemaps, wireframing, development and hosting.
Module Content & Assessment
Assessment Breakdown%
Continuous Assessment20.00%
Project60.00%
Practical20.00%

Assessments

Full Time

Continuous Assessment
Assessment Type Examination % of Total Mark 20
Timing n/a Learning Outcomes 1,2
Non-marked No
Assessment Description
n/a
Project
Assessment Type Project % of Total Mark 60
Timing n/a Learning Outcomes 2,3,4
Non-marked No
Assessment Description
n/a
Practical
Assessment Type Practical/Skills Evaluation % of Total Mark 20
Timing n/a Learning Outcomes 2,3
Non-marked No
Assessment Description
Laboratory sessions will employ activities to assess skills in designing and developing simple web pages.
No End of Module Formal Examination
Reassessment Requirement
Coursework Only
This module is reassessed solely on the basis of re-submitted coursework. There is no repeat written examination.

SETU Carlow Campus reserves the right to alter the nature and timings of assessment

 

Module Workload

Workload: Full Time
Workload Type Workload Category Contact Type Workload Description Frequency Average Weekly Learner Workload Hours
Lecture Contact Lecture 12 Weeks per Stage 2.00 24
Laboratory Contact Laboratory 12 Weeks per Stage 4.00 48
Independent Learning Non Contact Independent Learning 15 Weeks per Stage 11.87 178
Total Weekly Contact Hours 6.00
 
Module Resources
Recommended Book Resources
  • Jon Duckett. Web Design with HTML, CSS, JavaScript and jQuery Set, Wiley, p.1152, [ISBN: 1118907442].
  • Jennifer Niederst Robbins. Learning Web Design, 5th Edition, O'Reilly Media, [ISBN: 1491960205].
  • Ben Frain. Responsive Web Design with HTML5 and CSS, 3rd Edition, [ISBN: 1839211563].
  • Terry Felke-Morris. Basics of Web Design, 5th Edition, Pearson, [ISBN: 0135225485].
This module does not have any article/paper resources
Other Resources
Discussion Note: