Module Descriptors
WEB DESIGN AND DEVELOPMENT
COMP50030
Key Facts
Digital, Technology, Innovation and Business
Level 5
20 credits
Contact
Leader: Fiona Knight
Email: F.L.Knight@staffs.ac.uk
Hours of Study
Scheduled Learning and Teaching Activities: 34
Independent Study Hours: 166
Total Learning Hours: 200
Pattern of Delivery
  • Occurrence A, Stoke Campus, UG Semester 3
  • Occurrence B, CECOS College - Birmingham, UG Semester 2
  • Occurrence C, Stoke Campus, UG Semester 2
  • Occurrence D, Asia Pacific Institute of Information Technology Sri Lanka (Colombo), UG Semester 1
  • Occurrence E, Asia Pacific Institute of Information Technology Sri Lanka (Colombo), UG Semester 2
  • Occurrence H, CECOS College London, UG Semester 2
Sites
  • Asia Pacific Institute of Information Technology Sri Lanka (Colombo)
  • CECOS College - Birmingham
  • CECOS College London
  • Stoke Campus
Assessment
  • 20 minute Presentation / Demonstration weighted at 100%
Module Details
Learning Outcomes
1. Reflect on the different techniques for the development of web applications in order to select an appropriate one for a given scenario.
Knowledge and Understanding, Analysis, Reflection

2. Utilise current tools and techniques to design and develop a web application taking the user into account.
Communication, Analysis

3. Select and utilise tools and techniques to make media suitable for the web, in order to attract customers to a web application.
Problem solving, Application, Communication

4. Utilise suitable libraries and frameworks to enhance a web application.
Knowledge and Understanding, Learning, Application

Additional Assessment Details
The assessment will comprise of 1 assignment, which will involve students working as individuals. Students will be given a scenario to produce a 5-page client-side web application, showing their stages of design and development. This will involve a 20-minute presentation and demonstration of what they have produced and the reasoning behind it. (100%) (LOs 1-4)
Indicative Content
Web Page Creation
Concepts of how web applications work
Web Standards
HTML, CSS
Creating web pages for different devices
Styling web pages for different audiences
Attracting users with content

Frameworks and Libraries
Introduction to programming using frameworks and libraries for the web

Design
Design techniques for different devices
User Experience
Accessibility
Knowledge of graphic tools such as Adobe Photoshop

Digital media on the web
Compression and conversion of digital media for web
Web Descriptor
In choosing this module you will further your existing knowledge in web design and development by using current technologies such as HTML5, CSS and JavaScript. You will also be introduced to current development environments and frameworks on both the client and server side. You will also use the latest API's and other emerging technologies.
Learning Strategies
Lecture/lab-based sessions, which will comprise delivery of theoretical material, tutor-led practical walkthroughs and self-directed exercises to support transfer of knowledge and understanding. You will also be encouraged to develop your intellectual, communicative and problem-solving skills.

You will undertake ‘formative’ assessments during the module to help you monitor your learning and provide you and us with ongoing feedback on your progress, that helps you prepare for the summative assessment during or at the end of the module.
Reference Texts
Mozilla. (2018), MDN Web docs. [ONLINE] Available at: https://developer.mozilla.org/en-US/

Morgan, J., (2018). Simplifying JavaScript: Writing Modern JavaScript with ES5, ES6, and Beyond. Pragmatic
Bookshelf. ISBN: 9781680502886
Module Resources
Modern web browsers
Web text editor, e.g. Visual Studio code