IS2S556 - Responsive Web Development 01 Jul 2022 - 31 Aug 2028 | Version 2

Associated Module Information

Module Code: IS2S556
Module Title: Responsive Web Development
Faculty: Faculty of Computing, Engineering and Science
Faculty Group: Computing and Mathematics
Faculty Sub Group: Informatics
Module Leader: Nathan Thomas
Module Team: Iain Shewring, Gaylor Boobyer
First Intended Intake: Final Year of Intake:
Date Closed:
Credit Value: 20 Credit Level: 5
Language: English
Percentage of Module Taught in Welsh: 0
Equivalent Module:
HECOS codes: 100373 - internet technologies 100375 - web and multimedia design
HECOS Code Weighting: 50 50

Document Version Information

Version 2
Valid From 01 Jul 2022
Valid To 31 Aug 2028

Module Aims

To appreciate the structure of modern responsive websites and relevant standards.

To be able to develop and test modern websites that are secure, responsive and interactive.

To undertake in a professional manner analysis, design, production and evaluation of solutions to either small-scale unbounded or well-defined, more complex design and implementation problems in website development.

To demonstrate engineering skills in terms of data storage, website components, and tools.

To be able to develop and test website components and/or technologies. The principles and role of quality management as applied through the website development life cycle.

Content Summary

Website content and structure:

  • Menu and navigation design such as HTML5 and CSS3;
  • Incorporation of various media assets and functionality such as HTML5 animation, HTML5 effects, HTML5 canvas, WebGL, HTML5 audio and video, HTML5 forms and validation etc.

Scripting languages:

  • Client-side scripting languages such as HTML5, CSS, Javascript, jQuery;
  • Server-side scripting languages such as PHP to manage information from a suitable database such as MySQL.

Responsive web development:

  • Design considerations for desktop, mobile and tablet devices;
  • Overview to responsive frameworks such as CSS and media queries.

Local web services:

  • Local web server technologies such as XAMPP;
  • Local database administration and maintenance such as PhPMyAdmin.

Learning and Teaching Methods

Activity Type Hours
Lecture 24
Practical classes and workshops 24
Independent Study 80
Directed Study 72
Total Hours Selected 200

Learning Outcomes

# Learning Outcome
LO1 To understand the structure of modern web sites, standards and technologies.
LO2 To understand issues and be able to apply the principles involved in web site development and technologies.

Module Requisites

Code Title Requisite Type
MOD009868 Web Development pre-requisite
}

Assessment Criteria

Assessment Category Assessment Type Description Duration Word Count Weight (%) Best of? Pass Mark
Asynchronous Assessment Practical Coursework 2 (Asynch) Implementation of a website using latest web standards such as PhP/MySQL 0 2000 50 No 40
Asynchronous Assessment Practical Coursework 1 (Asynch) Implementation of a website using latest web standards such as HTML5/CSS3 0 2000 50 No 40

Assessment Matrix

Assessment Type Learning Outcomes
LO1 LO2
Practical Coursework 2 (Asynch)
Practical Coursework 1 (Asynch)

Reading List

Wempen F, Start Here! Learn HTML5. Microsoft Press, Latest Edition 978-0735669826

Tittel E. and Minnick C, Beginning HTML5 and CSS3 For Dummies. John Wiley & Sons, Latest Edition 978-1118657201

Welling, L., and Thompson, L. PHP and MySQL Web Development, 2nd edition,?Sams?Publishing. Latest Edition

Cochran (latest edition) Bootstrap Site Blueprints,?Packt?Publishing, Latest Edition

Suehring (latest edition)?PhP, MySQL, JavaScript & HTML5 All in one, John Wiley & Sons, Latest Edition