Short Title:Web Design & Development
Full Title:Web Design & Development
Language of Instruction:English
Module Code:WBDB H3000
 
Credits: 5
Field of Study:Computing
Module Delivered in 1 programme(s)
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 Resources

Recommended 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
 

Module Delivered in

Programme Code Programme Semester Delivery
TA_BDAMKT_D BSc in Data Analytics with Digital Marketing 1 Mandatory