COMP08161 2019 Web and UI Design

General Details

Full Title
Web and UI Design
Transcript Title
Web and UI Design
Code
COMP08161
Attendance
N/A %
Subject Area
COMP - Computing
Department
COEL - Computing & Electronic Eng
Level
08 - NFQ Level 8
Credit
05 - 05 Credits
Duration
Semester
Fee
Start Term
2019 - Full Academic Year 2019-20
End Term
9999 - The End of Time
Author(s)
Una LEstrange, Colm Davey
Programme Membership
SG_KCOMP_L08 201900 Higher Diploma in Science in Computing SG_KCMPU_L08 202000 Higher Diploma in Science in Computing
Description

This module will enable the leaner to design and develop a static website while gaining an understanding of the web design process. The learner will also gain knowledge of client-side scripting.

Learning Outcomes

On completion of this module the learner will/should be able to;

1.

Describe the architecture of the world wide web and its applications

2.

Create and style website content using HTML and CSS, applying appropriate accessibility guidelines

3.

Describe the fundamentals of the Javascript language

4.

Dynamically style a webpage employing knowledge of the Document Object Model

Teaching and Learning Strategies

Short videos explaining core concepts will be made available on a weekly basis. Students will be encouraged to ask and answer questions via Moodle and tasks will be given out on a weekly basis with feedback provided.

Module Assessment Strategies

One practical assignment will be given out on week 4. On week 8, students will sit a JavaScript exam either on-site or via remote proctoring. As the final project encompasses all learning outcomes, learners must pass this in order to pass the module.

Repeat Assessments

A repeat project covering all learning outcomes will be provided. Students may be required to undertake an interview (e.g. via Skype) where appropriate.

Indicative Syllabus

Explain the architecture of the world wide web and its applications

- The client/server model
- The architecture and evolution of the world wide web

Create and style website content using HTML and CSS, applying appropriate accessibility guidelines

- HTML elements
- The semantic web
- Styling a webpage with CSS
- Accessibility (choice of colours, use of text alternatives etc.) 

Describe the fundamentals of the Javascript language

- The role and purpose of Javascript
- Data types, loops, statements
- Functions (anonymous and named) and methods

Dynamically style a webpage employing knowledge of the Document Object Model

- The DOM tree and nodes
- Traversing and manipulating the DOM tree
- Dynamically creating and styling elements
- Debug website code via a browser

Coursework & Assessment Breakdown

Coursework & Continuous Assessment
100 %

Coursework Assessment

Title Type Form Percent Week Learning Outcomes Assessed
1 Design and host a website Continuous Assessment Assignment 25 % Week 4 1,2
2 Open Book JavaScript exam Continuous Assessment Open Book Exam 25 % Week 8 3
3 Add behaviour to a website using Javascript Continuous Assessment Assignment 50 % OnGoing 1,2,3,4

Full Time Mode Workload


Type Location Description Hours Frequency Avg Workload
Lecture Lecture Theatre Lecture 1 Weekly 1.00
Laboratory Practical Computer Laboratory Lab Practical 3 Weekly 3.00
Independent Learning Not Specified Self-directed learning 3 Weekly 3.00
Total Full Time Average Weekly Learner Contact Time 4.00 Hours

Online Learning Mode Workload


Type Location Description Hours Frequency Avg Workload
Lecture Online Lecture 4 Weekly 4.00
Independent Learning Online Independent Learning 3 Weekly 3.00
Total Online Learning Average Weekly Learner Contact Time 4.00 Hours

Required & Recommended Book List

Recommended Reading
2014-08-15 Web Design with HTML, CSS, JavaScript and jQuery Set John Wiley & Sons
ISBN 1118907442 ISBN-13 9781118907443
Recommended Reading
2018-12-14 Eloquent Javascript, 3rd Edition: A Modern Introduction to Programming No Starch Press,US
ISBN 1593279507 ISBN-13 9781593279509

Module Resources

Journal Resources

None

URL Resources

https://www.w3schools.com/html/

https://www.tutorialspoint.com/css/

https://developer.mozilla.org/bm/docs/Web/JavaScript

Other Resources

Virtual machines

Additional Information

None