School of Computing and Information Systems

PROGRAMME: BSC COMPUTER SYSTEMS ENGINEERING

CSE 322 ADVANCED WED DEVELOPMENT
Year 3
Semester1

Hand Out Date: 19/12/2022

Hand In Date: 13/01/2023

Total Marks:
100

Instructions to candidates

1. Candidates must attempt ALL questions.

2. You are to make your submission on turn-it-in. You may consult with
your tutor/lecturer on how this will be done.
3. Ensure that you have an account on turn-it-in by going
to www.turnitin.com. Use the credentials provided for accessing
this system. If you do not have them, get hold of the tutor/lecturer
as soon as possible.
4. Any work with plagiarism level above 30 % will not be marked. It
your responsibility to make sure that your plagiarism level is within
this level. Monitor it on regular bases. If your share your solution
with others, chances of the plagiarism rising above this level are
high.
5. It is your responsibility to ensure that you have CSE 322
ADVANCED WED DEVELOPMENT module in turn-it-in before
submission date and you do not drop the module. Consult with your
tutor/lecturer if this is not the case.
 ASSIGNMENT OBJECTIVES & OUTCOMES

Learning Objectives:
To teach the students both theoretical and practical knowledge of how to build dynamic
Web applications.
Students will practice the techniques and skills needed to build efficient, full-featured state-
of-the-art web applications using Servlet and JSP and Web services.
Additionally, competencies in advanced Object Oriented techniques will be further
developed and imparted to the students as follows:
1. Apply Unified Modelling Language (UML) notation in documenting requirements
analysis and design
2. Apply Separation of Presentation from Content using the Model View Controller
Architecture
3. Apply Object-Oriented Design & Programming principles (encapsulation, inheritance,
polymorphism) to software solutions
4. Demonstrate understanding of software development methodologies for database
driven web applications using Eclipse IDE or any recommended IDE
5. Demonstrate use of Eclipse IDE or any recommended IDE.

Learning Outcomes: Upon successful completion of this course work component

(assignment), the student should have knowledge and understanding of:

1. Good in-depth understanding of UML

2. Use cascading style sheets and/or UI Frameworks like Bootstrap to control the look
and feel of your web application.
3. Use appropriate IDE to develop web application
4. Develop server side scripts for web forms
6. Access and manipulate data in a data store through a web application
7. Secure a web application by using a variety of techniques
8. Configure and deploy a web application
CLIENT SCENARIO
RedFox is a local agency that markets new or future movies coming to the cinema near you,
RedFox uses targeted marketing to promote future movies and sells tickets for such movies
to its subscribers even before the movie premiers.

RedFox has appointed Black Cat Inc to develop them a portal for their clients, you are the
lead developer for Black Cant Inc, It is your job to interact with the client to clarify exact
system requirements.

You are to develop a web application for Movie Rating Management. The objective is to
design a web application that allows
 Employees to manage an on-line film database
 Subscribers to signup or subscribe to the portal(Provide their details)
 Subscribers to rate films
 Subscribers to rate their most favorite 10 movies
 To make new/future movie recommendations for subscribers based of film rates

Domain information
This is an enumeration of the most relevant domain information which the application
should deal with:

A Movie is defined in terms of :

 A title,
 A director,
 up to 3 main characters (actors),
 A genre (drama, comedy, action, adventure, horror)
 A year of production.
 In addition, it has an average rate. This average rate is calculated using the rates that
 have been given to it by the users of the system.

A director and an actor are defined in terms of the of their First name, Surname and date of
birth.

The system has a collection of users. Each user is defined in terms of:

Subscribers:
 First name
 Surname
 Email address (Unique identifier)
 A list of their preferred genres (in order of preference)
 And other information to allow them to use the system and rate a movies and
receive recommendations

There will be two types of users: employees and subscribers. For the employees, extra
information for rating the movies is not necessary
Functionalities:
The application should offer amongst others the following basic functionalities:

 Backstage functionality:
o Admin should be able to add new employees
o Authenticate an employee.
o Insert a new movie/film into the system.

 Client functionality:
o Authenticate a client.
o View a list of all the upcoming/near future movie/films kept in the system.
o For a specific movie/film, the user can click on its title and see its specific
information (i.e., title, year of production, Producer, average rating, main
characters... ).
o Perform a rate tour.
o During a rate tour, the user is choses a list of movies/films they have watched
and rate them.
o Show the Top-5 movies for the user.
o Each user can be given a list of the top-5 best rated movies as
recommendation. This list consists of the 5 movies/films in the user’s
preferred genres, with better average rate excluding those already rated by
the user (we assume that users rate movies that they have watched).

In this assignment, the technologies that should be used in its development are the
following: (Please note that some of the technologies may have not yet been covered in
lectures and you need to research more about them.)
 Java
 Servlets
 JSP pages
 Sessions and cookies
 JDBC ( MySQL as the database)
 Tags
 Java beans
 Error management with JSP pages

Task 1 [Total 60]

  You are required to produce a working Java Web Application that runs on Apache
Tomcat Server (version 8 or above) using Servlets and JSPs.
 A soft copy of all project files in the Web Archive Resource (WAR) structure must be
submitted (submission location to be shared at a later stage – communication will be
done via tutor meetings)
 In addition to the above database dump files must be submitted with the above WAR
file with full deployment instructions

Architecture – Building the right application right

[30]

This is a three-tier application where you are strictly required to follow the MVC
architecture, whereby:
 The model.BEANS will contain all Java Beans Classes [3%]
 The model.DAO will contain all Java Database/data store Classes [4%]
 The controller (servlet) should handle all client requests and database access. Any
information retrieved to and from the database should be sent via the controller. All
application processing and decision making must be done by the controller
servlet. [6%]
 The view (JSP) must handle all data presentations in the form of HTML. Note that
you will need more than one view, therefore do not overload one view with
multiple roles [4%].
 Correct use of state management techniques to support web site
functionality(sessions[3], cookies[2]) [5%].
 Correct use of presentation techniques where use of EL and/or Standard JSP Tag
Library is used in multiple JSPs (four different tags in two different JSPs at min) [4%].
 [Correct use of database connection pooling using MySQL Datastore object 4]

Functionalities
[30]

 Insert a new movie/film [2]

 Subscribe or register [2]
 Authenticate Client (use of sessions and cookies) [3]
 View List of all new movies/films [2]
 Film/movie details page [4]
 Perform a rate tour, the rating has to contribute to the average rating of a
movie/film [8]
 Show top 5 movies/films for the user as per their preferred genre [5]
 Recommend new movies for the user [4]
Task 2 [Total 40]

Section A – Application Design [25]

For this part you are required

 To produce WEB application architecture report with views to show the structure
and behavior of the system using Unified Modelling Language Notation. (Correct use
of UML to model the system)[12]
 You are also expected to produce an ERD to represents all your entities and their
relationships in your database. (Correct use ERD)[6]
 How MVC have been used in the development of the application[4]
 It is also important to argument views with layout design in the form of HTML
Templates. [3]

Section B - Learning Experiences[15]

Reflection and Continuous improvement are a fundamental aspect of software

development, it is therefore, important that, for this part you are required to
produce a practitioner (learning experiences) statement stating clearly the effectives of
development tools, techniques, and the methodology that you used to achieve the
intended goals and overall success. In addition to this, list and describe each JAVA’s
Dynamic Web feature used (e.g. State Management, Presentation using JSP tags, Model
Data Access Objects using JDBC, Control using Servlet/Application
Context, RequestDispatcher and many more). A word count of 1500 – 2000 words is
required for this part only.
A reflection report with each the following:
Valid report stating experiences and relevant examples from the submitted project on:
 development tools, [max 2]
 techniques and [max 3]
 methodology [max 3]
 examples [max 2]
 JAVA’s Dynamic Web features, 1 mark for a valid and relevant description of how
each of listed features is used. 5 expected. [5]

Guidelines

Task 1 – you are expected to produce a working Java Web Application that runs on Apache
Tomcat Server (version 8 or above) using Servlets and JSPs.
A soft copy of all project files in the Web Archive Resource (WAR) structure must be
submitted ( location to be shared at a later stage – communication will be done via tutor
meetings)
You are also expected to attend a presentation in which you will demonstrate the working
web application and its architecture – failure to attend the presentation will attract zero
mark for the entire Task 1

Task 2 – You are expected to produce a word-processed document containing all

components of Task 2 deliverables and submit them to Turnitin by the due date.

Total
[100]