COMP08161 2019 Web and UI Design
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 | Coursework Assessment | Assignment | 25 % | Week 4 | 1,2 |
| 2 | Open Book JavaScript exam | Coursework Assessment | Open Book Exam | 25 % | Week 8 | 3 |
| 3 | Add behaviour to a website using Javascript | Coursework 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 |
| Practical / Laboratory | 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
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
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