Core Module Information
Module title: Web Design & Development

SCQF level: 11:
SCQF credit value: 20.00
ECTS credit value: 10

Module code: SET11112
Module leader: Amjad Ullah
School School of Computing, Engineering and the Built Environment
Subject area group: Computer Science
Prerequisites

There are no pre-requisites for this module to be added

Description of module content:

This module introduces students to current concepts and best practices in web page design and development. Topics include the Document Object Model (DOM) and Document Type Definitions (DTD), as well as techniques for web page construction using industry-standard IDE tools such as Eclipse. Students will gain hands-on experience in HTML coding, client-side and server-side scripting, and database connectivity utilizing PHP and MySQL. The module also covers the implementation of Cascading Style Sheets (CSS) to enhance web page styling and layout.

Learning Outcomes for module:

Upon completion of this module you will be able to

LO1: Critically evaluate the current standards & technologies used to develop WWW systems

LO2: Critically analyse the motivation behind trends in modern web technologies and identify emerging issues

LO3: Design, develop and evaluate a suite of web pages using appropriate web technologies

Full Details of Teaching and Assessment
2024/5, Trimester 1, In Person,
VIEW FULL DETAILS
Occurrence: 001
Primary mode of delivery: In Person
Location of delivery: MERCHISTON
Partner:
Member of staff responsible for delivering module: Amjad Ullah
Module Organiser:


Student Activity (Notional Equivalent Study Hours (NESH))
Mode of activityLearning & Teaching ActivityNESH (Study Hours)NESH Description
Face To Face Lecture 20 The lectures provide students with a structured introduction to key concepts and principles in web design and development. Topics covered include modern web design practices, HTML coding, scripting techniques, database integration, and the use of web design and development tools. Lectures are designed to deliver foundational knowledge, explain theoretical concepts, and demonstrate practical applications to prepare students for hands-on learning activities.
Face To Face Practical classes and workshops 20 The practical classes provide hands-on experience in web design and development, allowing students to apply theoretical concepts in a controlled environment. Activities include building and styling web pages using HTML and CSS, implementing client-side and server-side scripting, and connecting to databases using PHP and MySQL. Students will also work with tools like Eclipse and explore the Document Object Model (DOM) to create dynamic, interactive web applications.
Online Guided independent study 160 Students will engage in self-directed learning activities, including reviewing course materials, completing coding exercises, and exploring relevant web design and development tools. This will involve applying concepts such as HTML, CSS, client/server-side scripting, and database integration to practical tasks. Students will also undertake independent research to reinforce their understanding of the Document Object Model (DOM), web standards, and modern development practices.
Total Study Hours200
Expected Total Study Hours for Module200


Assessment
Type of Assessment Weighting % LOs covered Week due Length in Hours/Words Description
Report 40 1~2~3 Week 6 , WORDS= 22 hours The coursework report is designed to assess students' understanding and practical application of the key concepts and techniques learned throughout the course. The report will require students to demonstrate their ability to create and present a fully functional web page or web application, incorporating the various elements covered in the module.
Project - Practical 60 1~2~3 Week 12 HOURS= 33 hours The practical project will involve the design, development, and deployment of a fully functional, interactive web application. Students will be tasked with creating a dynamic website that incorporates the core skills learned throughout the module.
Component 1 subtotal: 100
Component 2 subtotal: 0
Module subtotal: 100
2024/5, Trimester 2, In Person,
VIEW FULL DETAILS
Occurrence: 002
Primary mode of delivery: In Person
Location of delivery: MERCHISTON
Partner:
Member of staff responsible for delivering module: Amjad Ullah
Module Organiser:


Student Activity (Notional Equivalent Study Hours (NESH))
Mode of activityLearning & Teaching ActivityNESH (Study Hours)NESH Description
Face To Face Lecture 20 The lectures provide students with a structured introduction to key concepts and principles in web design and development. Topics covered include modern web design practices, HTML coding, scripting techniques, database integration, and the use of web design and development tools. Lectures are designed to deliver foundational knowledge, explain theoretical concepts, and demonstrate practical applications to prepare students for hands-on learning activities.
Face To Face Practical classes and workshops 20 The practical classes provide hands-on experience in web design and development, allowing students to apply theoretical concepts in a controlled environment. Activities include building and styling web pages using HTML and CSS, implementing client-side and server-side scripting, and connecting to databases using PHP and MySQL. Students will also work with tools like Eclipse and explore the Document Object Model (DOM) to create dynamic, interactive web applications.
Online Guided independent study 160 Students will engage in self-directed learning activities, including reviewing course materials, completing coding exercises, and exploring relevant web design and development tools. This will involve applying concepts such as HTML, CSS, client/server-side scripting, and database integration to practical tasks. Students will also undertake independent research to reinforce their understanding of the Document Object Model (DOM), web standards, and modern development practices.
Total Study Hours200
Expected Total Study Hours for Module200


Assessment
Type of Assessment Weighting % LOs covered Week due Length in Hours/Words Description
Report 40 1~2~3 Week 6 , WORDS= 22 hours The coursework report is designed to assess students' understanding and practical application of the key concepts and techniques learned throughout the course. The report will require students to demonstrate their ability to create and present a fully functional web page or web application, incorporating the various elements covered in the module.
Project - Practical 60 1~2~3 Week 12 HOURS= 33 hours The practical project will involve the design, development, and deployment of a fully functional, interactive web application. Students will be tasked with creating a dynamic website that incorporates the core skills learned throughout the module.
Component 1 subtotal: 100
Component 2 subtotal: 0
Module subtotal: 100
2024/5, Trimester 3, In Person,
VIEW FULL DETAILS
Occurrence: 001
Primary mode of delivery: In Person
Location of delivery: MERCHISTON
Partner:
Member of staff responsible for delivering module: Amjad Ullah
Module Organiser:


Student Activity (Notional Equivalent Study Hours (NESH))
Mode of activityLearning & Teaching ActivityNESH (Study Hours)NESH Description
Face To Face Lecture 20 TR3-The lectures provide students with a structured introduction to key concepts and principles in web design and development. Topics covered include modern web design practices, HTML coding, scripting techniques, database integration, and the use of web design and development tools. Lectures are designed to deliver foundational knowledge, explain theoretical concepts, and demonstrate practical applications to prepare students for hands-on learning activities.
Face To Face Practical classes and workshops 20 TR3-The practical classes provide hands-on experience in web design and development, allowing students to apply theoretical concepts in a controlled environment. Activities include building and styling web pages using HTML and CSS, implementing client-side and server-side scripting, and connecting to databases using PHP and MySQL. Students will also work with tools like Eclipse and explore the Document Object Model (DOM) to create dynamic, interactive web applications.
Online Guided independent study 160 TR3-Students will engage in self-directed learning activities, including reviewing course materials, completing coding exercises, and exploring relevant web design and development tools. This will involve applying concepts such as HTML, CSS, client/server-side scripting, and database integration to practical tasks. Students will also undertake independent research to reinforce their understanding of the Document Object Model (DOM), web standards, and modern development practices.
Total Study Hours200
Expected Total Study Hours for Module200


Assessment
Type of Assessment Weighting % LOs covered Week due Length in Hours/Words Description
Report 40 1~2~3 Week 5 , WORDS= 22 Hours TR3-The coursework report is designed to assess students' understanding and practical application of the key concepts and techniques learned throughout the course. The report will require students to demonstrate their ability to create and present a fully functional web page or web application, incorporating the various elements covered in the module.
Project - Practical 60 1~2~3 Week 11 HOURS= 33 Hours TR3 - The practical project will involve the design, development, and deployment of a fully functional, interactive web application. Students will be tasked with creating a dynamic website that incorporates the core skills learned throughout the module.
Component 1 subtotal: 100
Component 2 subtotal: 0
Module subtotal: 100

Indicative References and Reading List - URL:
Contact your module leader