Module: Advanced Web Design

Module Specifications.

Current Academic Year 2024 - 2025

All Module information is indicative, and this portal is an interim interface pending the full upgrade of Coursebuilder and subsequent integration to the new DCU Student Information System (DCU Key).

As such, this is a point in time view of data which will be refreshed periodically. Some fields/data may not yet be available pending the completion of the full Coursebuilder upgrade and integration project. We will post status updates as they become available. Thank you for your patience and understanding.

Date posted: September 2024

Module Title	Advanced Web Design
Module Code	CA2106 (ITS) / CSC1019 (Banner)
Faculty	Engineering & Computing	School	Computing
Module Co-ordinator	Tai Mai
Module Teachers	Tracey Mehigan
NFQ level	8	Credit Rating	5
Pre-requisite	Not Available
Co-requisite	Not Available
Compatibles	Not Available
Incompatibles	Not Available

Coursework Only

Description

This module introduces more advanced aspects of web design. Students wil gain an understanding of semantic markup, CSS3, and including Javascript in web pages. Students will also gain an appreciation of reusable components, user experience and accessibility.

Learning Outcomes

1. Understand the role of HTML in the creation of web-based user interfaces
2. Understand the role of CSS3 in the creation of web-based user interfaces
3. Apply problem-solving techniques to the design and creation of well-structured web pages.
4. Become familiar with the concepts of user experience
5. Gain an understanding of designing with accessibility in mind.
6. Develop an understanding of the process of creating a component-based web page through individual and/or team-based projects.

*Type*	*Hours*	*Description*
Workload	Full-time hours per semester
Workshop	24	Workshops and presentations.
Laboratory	24	Module practical work.
Directed learning	30	Projects and other assignments
Independent Study	47	Individual study
Total Workload: 125

All module information is indicative and subject to change. For further information,students are advised to refer to the University's Marks and Standards and Programme Specific Regulations at: http://www.dcu.ie/registry/examinations/index.shtml

Indicative Content and Learning Activities

user Experience
Understanding contexts of use. Designing for different devices.

Advanced HTML
Use of proper semantic mark-up. Use of appropriate navigational tags. using sectional and other HTML tags. Understanding the HTML Document Object Model and Outline Algorithm

CSS3
Use of Flex-box Use of Grid. Applying Responsive Design Techniques to facilitate use on different devices and in different contexts.

JavaScript
When to use, and when not to use, Javascript. Using Javascript to add interaction to web-pages.

Accessibility
Understanding WCAG2.1 Evaluating Websites for compliance with WCAG2.1 Automated and human testing and evaluation.

Forms
Creating semantically correct and usable forms. using appropriate advanced HTML elements. Styling forms with CSS3.

Assessment Breakdown
Continuous Assessment	100%	Examination Weight	0%

Type	Description	% of total	Assessment Date
Course Work Breakdown
Assignment	Build an individual portfolio, or other similar web-page	25%	n/a
Completion of online activity	Create a component of a web page (such as navigation) based on a specification.	10%	n/a
Project	Group project to build a comprehensive web-site	50%	n/a
In Class Test	Three short class tests	15%	n/a

Reassessment Requirement Type
Resit arrangements are explained by the following categories: Resit category 1: A resit is available for both* components of the module. Resit category 2: No resit is available for a 100% continuous assessment module. Resit category 3: No resit is available for the continuous assessment component where there is a continuous assessment and examination element.
* ‘Both’ is used in the context of the module having a Continuous Assessment/Examination split; where the module is 100% continuous assessment, there will also be a resit of the assessment
This module is category 1

Indicative Reading List

Other Resources

None