Short Title: | Web Design & Development |
---|
Full Title: | Web Design & Development |
---|
Language of Instruction: | English |
---|
Reviewed By: | FINBARR FEENEY |
---|
Module Author: | Lorraine Carmody |
---|
Module Description: | This module aims to:
- To communicate a knowledge and understanding of the basic concepts of graphical user interface design.
- To identify design guidelines and demonstrate applications that use them.
- To demonstrate a number of different visual interface environments (desktop GUI, Web, Mobile interfaces).
- To demonstrate the use of HTML, CSS and JavaScript for designing a website.
|
---|
Learning Outcomes |
On successful completion of this module the learner will be able to: |
LO1 |
Describe technical architecture of the internet and a the operation of the World Wide Web (WWW). |
LO2 |
Explain and demonstrate the principles of good user interface design through design guidelines and best practices. |
LO3 |
Develop a website and content using HTML, CSS, JavaScript and media elements. |
LO4 |
Identify and compare graphical image formats, video and audio in order to evaluate their suitability for use in websites. |
Module Content & Assessment
Course Work |
Assessment Type |
Assessment Description |
Outcome addressed |
% of total |
Assessment Date |
Practical/Skills Evaluation |
Prototype of user interface - the student will be required to produce a design for a web site user interface. A prototype for the web site will be created using a prescribed method. |
1,2,3 |
30.00 |
Week 4 |
Practical/Skills Evaluation |
The student will produce a document outlining their analysis and design for their proposed website. The student must take into account the design principles they have learnt in order to produce the appropriate analysis and design document.
The student will then use their design document to implement their web site solution using HTML, CSS, JavaScript and media elements acquired. |
2,3,4 |
40.00 |
Week 10 |
Multiple Choice Questions |
Theory assessment - the final assessment will evaluate, through a quiz, the students understanding of the guidelines presented to them throughout the course. |
1,2,3,4 |
30.00 |
Week 13 |
No End of Module Formal Examination |
TU Dublin – Tallaght Campus reserves the right to alter the nature and timings of assessment
Module Workload
Workload: Full Time |
Workload Type |
Workload Description |
Hours |
Frequency |
Average Weekly Learner Workload |
Lecture |
Explain the principles of good user interface design, associated appropriate media elements and web site creation using HTML, CSS and JavaScript |
2.00 |
Every Week |
2.00 |
Lab |
Implement and evaluate the principles taught and demonstrated during the lectures. The primary focus will be prototyping, design and implementation using HTML, CSS and JavaScript |
2.00 |
Every Week |
2.00 |
Independent Learning |
Reading, Group Work |
4.00 |
Every Week |
4.00 |
Total Weekly Learner Workload |
8.00 |
Total Weekly Contact Hours |
4.00 |
Workload: Part Time |
Workload Type |
Workload Description |
Hours |
Frequency |
Average Weekly Learner Workload |
Lecture |
Explain the principles of good user interface design, associated appropriate media elements and web site creation using HTML, CSS and JavaScript |
2.00 |
Every Second Week |
1.00 |
Lab |
Implement and evaluate the principles taught and demonstrated during the lectures. The primary focus will be prototyping, design and implementation using HTML, CSS and JavaScript |
2.00 |
Every Second Week |
1.00 |
Independent Learning |
Reading, Group Work |
4.00 |
Every Week |
4.00 |
Total Weekly Learner Workload |
6.00 |
Total Weekly Contact Hours |
2.00 |
Module ResourcesRecommended Book Resources |
---|
- Ben Shneiderman 2016, Designing the User Interface, 6 Ed., Pearson
- John P. Rhynes 2017, HTML5 and CSS3: The Basics. Introduction for Beginners, Independently published
- Eric A. Meyer 2018, CSS Pocket Reference: Visual Presentation for the Web, 5 Ed., O'Reilly
| This module does not have any article/paper resources |
---|
Other Resources |
---|
- Website- Tutorial: W3schools 2018, HTML Tutorial, W3schools
- Website- Tutorial: W3Schools 2018, CSS Tutorial, W3Schools
|
Module Delivered in
|