Module Details

Module Code: PROG
Module Title: User Interface Programming
Title: User Interface Programming
Module Level:: 6
Credits:: 10
Module Coordinator: Nigel Whyte
Module Author:: Colm ONeill
Domains:  
Module Description: Learn how to implement a broad range of easy to use, easy to learn user interfaces
 
Learning Outcomes
On successful completion of this module the learner will be able to:
# Learning Outcome Description
LO1 Implement standard and custom UI components
LO2 Create a fully operational interface from a mockup, video, or specification document
LO3 Test an interface with users and modify it to address issues that arise
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
UI Components
Standard components such as: alerts, buttons, button groups, carousel, date picker, dropdown, form, labels, list, modal, nav bars, pop over, progress bar, sortable list, tables, text box (with prediction); custom components; combining components into larger designs
Layout and style
Layout: grid systems, the box model, positioning elements, margins, padding, borders, styles (e.g. rounded corners, drop shadows), typography
Animation
Transforms, transitions (e.g. slide in, hinge in, scale in), easing, keyframes.
Different target platforms
Designing and developing UIs for different target platforms web, mobile, and desktop
Audio
Audio interfaces, playing sounds, voice input
interaction
Implementing different interaction approaches using mouse, keyboard, touch, gestures, voice
UI frameworks
Detailed analysis and comparison of the most used frameworks; the merits of not using a framework
Module Content & Assessment
Assessment Breakdown%
Project50.00%
Practical50.00%

Assessments

Full Time

No Continuous Assessment
Project
Assessment Type Project % of Total Mark 25
Timing Week 8 Learning Outcomes 1,2,3
Non-marked No
Assessment Description
Project 1: an authentic UI project involving iterations of design, development, and user testing, applying most of the skills learned in the first term.
Assessment Type Project % of Total Mark 25
Timing Week 13 Learning Outcomes 1,2,3
Non-marked No
Assessment Description
Project 2: an authentic UI project involving iterations of design, development, and user testing, applying most of the skills learned in the full course. This is a cross module project.
Practical
Assessment Type Practical/Skills Evaluation % of Total Mark 50
Timing n/a Learning Outcomes 1,2,3
Non-marked No
Assessment Description
Practical labs involving practising UI skills in preparation for the authentic projects
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.
Reassessment Description
Decided by module academic in conjunction with programme board. Repeat of coursework and/or written examination or other repeat mechanism as appropriate dependent on students performance and module engagement.

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
Practicals Contact Practical classes - includes short worked examples and explanations from lecturer; most of the time spent working on exercises both individually and in teams. 12 Weeks per Stage 6.00 72
Lecture Contact User interface programming principles lecture: the lecture will cover the mechanics of the languages needed for the subject and introduce (before practice) to core concepts in web languages, user interfacing and programming. 12 Weeks per Stage 1.00 12
Tutorial Contact Group and individual tutorial sessions addressing learner specific needs and review sessions 12 Weeks per Stage 1.00 12
Estimated Learner Hours Non Contact Self study. Practice using concepts introduced in lectures and practicals. 15 Weeks per Stage 10.27 154
Total Weekly Contact Hours 8.00
 
Module Resources
Recommended Book Resources
  • David Sawyer McFarland. (2015), CSS: The Missing Manual, [ISBN: 978-149191805].
  • Steve Krug. (2014), Don't Make Me Think, [ISBN: 978-032196551].
  • Head First. (2014), Head First JavaScript Programming, [ISBN: 978-144934013].
  • David Flanagan. (2020), JavaScript: the Definitive Guide, O'Reilly Media, p.706, [ISBN: 9781491952023].
  • Jason Grigsby. (2018), Progressive Web Apps, [ISBN: 9781937557720].
  • Ben Frain. (2020), Responsive Web Design with HTML5 and CSS, Packt Publishing Ltd, p.408, [ISBN: 1839219793].
This module does not have any article/paper resources
This module does not have any other resources
Discussion Note: