Module Proforma
Module full title Web Application Development
SITS Module Code 7SENG014C
Credit level Masters Level
Length Semester
UK credit value 20
ECTS credit value 10
College Design, Creative and Digital Industries
School Computer Science and Engineering
Host programme of study MSc Software Engineering (Conversion) FT
Progression and assessment IIT PAB
board
Pre-requisites None
Co-requisites None
Study abroad No
Special features Franchised to IIT Sri Lanka
Access restrictions None
Are the module learning
outcomes delivered, assessed
or supported through an Yes
arrangement with
organisation(s) other than the
University of Westminster:
This module covers the design and implementation of web applications. It is
suitable for students with a strong interest in SQL, server-side web
Summary of module content programming, HTML, CSS and browser scripting. Client-side and server-side
programming languages, as well as markup languages, are covered to the level
required for implementing fully functional web-enabled database applications.
Module aims
The module seeks to provide the student with an introduction to the development of web applications. It will cover
markup languages needed to control the display of web pages, and programming languages typically used on the
browser and the server to make web applications capable of responding dynamically to user interaction. It will also
cover typical application scenarios, such as connecting to and using databases. In addition, it will introduce the student
to the underlying technologies and infrastructure of the web and the internet.
Assessment Methods
1/4
Qualifying set
(where the
Qualifying minimum
Rank Assessment type Assessment name Weighting
Mark mark required
applies across
multiple
assessments)
Coursework Backend Web Development 40
Coursework Frontend Web Development 60
Synoptic assessment
n/a
Learning outcomes
By the end of the module, the successful student will be able to:
LO1 Critically evaluate the underlying technologies and protocols of the web and internet, and explain how they
are used in building a web application.
LO2 Build a static user interface for a web application using appropriate client-side technologies such HTML and
CSS.
LO3 Apply server-side programming in an appropriate programming language typically used in web programming,
as well typical server-side technologies for handling database connection, session and user authentication, to the
development of complex web applications.
LO4 Apply JavaScript and client-side libraries such as jQuery and data exchange formats such as JSON for
dynamic interaction with server-side programs, to build rich dynamic user interfaces for web applications.
LO5 Justify and critically evaluate the use of client-side and server-side technologies and languages in the design
and development of a fully-functioning web application.
Indicative syllabus content
Web architecture: the underlying client-server model of the web, HTTP, cookies, and internet services such as
DNS; How to build a web page: HTML and CSS;
How to make a web page interactive: programming in JavaScript, the browser Document Object Model (DOM) and
browser events;
How to build web pages dynamically: server-side programming; using databases;
Client and server communication: JavaScript libraries and passing data between client and server;
Typical application scenarios: authenticating users; remembering user state, for example, user identity, shopping
baskets;
Making your web application secure: protecting against typical attacks such as SQL injection and XSS attacks.
Teaching and learning methods
Students attend a lecture (1.5 hours) and a practical computing laboratory tutorial (1.5 hour) per week.
Lectures will be used to introduce students to the theory and practice of web application development, including main
concepts, use of markup and programming languages. Lectures will be supported with slides, and code examples and
demonstrations, including use of software tools such as programming editors and browser debugging tools.
Tutorials will provide students with guided learning activities and independent study. Tutorials will focus on developing
practical skills and reinforcing knowledge in areas covered by lectures. Most of the activities will be in the form of
programming activities using the environments, technologies and programming languages explored in the lectures and
which are typically used in web development. These exercises will also allow students to receive feedback and assess
their progress.
2/4
Activity type Category Student learning and teaching hours *
Lecture Scheduled 16
Seminar Scheduled 3
Tutorial Scheduled 17
Project supervisor Scheduled
Demonstration Scheduled
Practical classes and workshops Scheduled
Supervised time in studio/workshop Scheduled
Fieldwork Scheduled
External visits Scheduled
Work based learning Scheduled
Scheduled online learning Scheduled
Other learning Scheduled
Total scheduled 36
Placement Placement
Independent study Independent 164
Total student learning and teaching hours 200
* hours per activity type are indicative and subject to change
Assessment rationale: Why has this assessment been used for this module?
Formative assessment is provided by means of graduated tutorial exercises that prepare students for the two
summative assessments. More open ended tutorial exercises will also be provided to allow students to gain a deeper
understanding of the subject. Students are given feedback on tutorial exercises and general issues during tutorials and
online outside tutorials, which they can then use to guide their independent study and development.
Summative assessment is by means of two pieces of coursework.
The first coursework will assess a student’s understanding of and ability to use Dot Net framework and Database for the
server-side programming to build a simple database-driven webservice, for example, a RESTful service that allows
users to perform CRUD operations on a database.Thecourseworkwillnormallyrequirea student to design, develop, and
analyzeawebservice.Areport containing a description of the application, as well as a code listing will be submitted, and
the application deployed on university servers to be tested. Learning outcomes covered by this assessment are (LO1),
(LO3) and (LO5). (LO1) will be covered by the report, describing use of browser and server programming languages
and technologies,(LO3) and(LO5) will be met by development and consumption of an application service using browsers
or an application like postman or swagger to test the server-side, including programming in Dot Net Core (C#) server-
side programming language, as well as setting up, connecting to and using a database on the server.
The second coursework will assess a student’s understanding and ability to use technologies and programming
languages to solve problems associated with typical web application scenarios, such as user registration and
authentication, and remembering user state. This will require more complex and richer interactions between browser and
server, typically using the React JS framework and consumption of backend services. The coursework will require a
student to design, develop an application, as well as critically evaluate the role of the technologies and languages used in
its development.Areport containing a description of the application, as well as a code listing will be submitted, and the
application deployed on university servers to be tested. Learning outcomes covered are (LO2),(LO4), and (LO5). (LO5)
will be met by development of an application using browser and server technologies, including programming in React JS
and a server-side programming language (C#), as well as setting up, connecting to and using a database on the server.
This will advance (LO4) for CW1 through use of web protocols not covered in CW1 (State management and client side).
(LO4) will be met by use of React JS and its different libraries to create rich interfaces. (LO5) will be met by the report
which will describe the architecture of the application and evaluate the choices made in the design and coding of the
application.
3/4
Assessment criteria: What criteria will be used to assess my work on this
module?
University Grade Descriptors are a benchmark point of reference, they are contextualised using specific subject
specialist criteria specific to a particular assessment.
University Grade Descriptors
The university general grading criteria will provide a point of reference to support academic judgement in relation to the
standard of students’ work across grade bands; support the facilitation of the feedback to students; provide guidance to
students on the relative changes in demands as they progress through the levels of their course; and provide a
benchmarking tool to support the full range of marks. In addition, specific grade criteria are provided below:
First Coursework (Backend Web Development)
To what extent can the student select and apply appropriate methods and techniques in designing and
implementing web applications using server-side programming languages
To what extent can the student produce a comprehensive explanation and evaluation of the significance of web
protocols and technologies in the development of a basic web application
within the database
To what extent can the student implement and articulate strategies to connect web applications to server-side
databases, demonstrating CRUD (Create, Retrieve, Update, Delete) operations on records
Second Coursework (Frontend Web Development)
To what extent can the student select and apply effective methods and techniques in designing and implementing
sophisticated web applications with dynamic interfaces
To what extent can the student explain and justify a well-balanced combination of client-side and server-side
functionalities within web applications
To what extent can the student select and apply appropriate web protocols and technologies to create highly
interactive web applications
The exact assessment criteria that will apply to each assessment will be stated in the assessment specification which will
also be available on Blackboard.
How will this module enhance employability?
This module enhances employability by equipping students with comprehensive understanding of both the theoretical and
practical aspects of web technologies. Students gain experience in the entire web development process, capable of
both Front-end and Back-end development. The module emphasises hands-on experience with industry standard tools
for both client and server side technologies ensuring graduates can integrate into professional development teams with
minimal onboarding.
4/4
