Southern Cross University CSC10217: Movie Zone Website Design Report

This report presents the design and development of a web application for a hypothetical DVD rental e-shop, referred to as 'Movie Zone'. It begins with a requirement analysis, outlining both functional requirements like home page design, data storage, data fetching, AJAX requests, and authentication, and non-functional requirements including performance, reliability, availability, security, and usability. The report then progresses to high-level and low-level design diagrams, illustrating the website's architecture and the flow of user requests, data processing, and database interactions. The design includes considerations for user interaction, server-side processing, and database management. The document also includes a bibliography of resources used in the design process.

Running head: DESIGN AND BUILD A WEB SITE
Design and build a Web site
Name of the Student
Name of the University
Author’s note:

1DESIGN AND BUILD A WEB SITE
Table of Contents
Requirement Analysis:.....................................................................................................................2
High-Level Design:.........................................................................................................................3
Low-Level Design:..........................................................................................................................4
Bibliography:...................................................................................................................................5

2DESIGN AND BUILD A WEB SITE
Requirement Analysis:
Functional Requirements:
i. Home Page is a very important requirement of the system. This page shows all the
necessary data that user may need to understand purpose of the website. A typical
modern home page has a hero section that catches the user eyes. Some
promotional content, brief about the website and a list of associates or
organizations that are associated with it.
ii. Store data into database is also a very essential requirement of the system. The
website will need to store the user details provided from registration page. The
proposed website will send the data to server using Post method. This ensures that
none of the data is shown the url. The website always maintains the security by
making sure that all the data send from the front end to server is through post
method.
iii. Fetch data from the database is also essential for the website. The front end of the
website will fetch data from the server using API calling. Based on the calling
method, the system will process the user request and provide the requested data to
the user.
iv. AJAX requests is a very essential part of the website stricture. The website does
not load dynamic pages by default. The website uses JavaScript to check for user
requests. Then fetches data from the system as per request. The HTTP Ajax has
been used for implementing the API call.
v. Authentication is the process of deciding whether user is permitted to login or not.
Generally a website hides specific data or processes until a user is not logged in.

3DESIGN AND BUILD A WEB SITE
This is because movie zone may want to allow track user activities and control it.
The website will implement authentication using login process. User will provide
the stored username and password during registration to make sure that only
registered user whom can be tracked are allowed within the system.
vi. The system has authorization that checks for user privilege to access specific
information. Authorization level is assigned to the user during the registration
process. User will specify occupation. Authorization level is also used for various
processing because many times authorization level can be checked for offers.
Non-Functional Requirements: Considering the movie zone, there are some specific
non-functional requirements that are required in this context. These are discussed in the
following section.
i. Performance: Performance of the overall system is one of the important
requirements that is required in this context. Here, the developed system of the
movie zone must be fast and high performing. Slow systems are non-acceptable in
any type of condition which can harm the business operations. Therefore, high
performance of the system must be ensured.
ii. Reliability: Reliability is another important non-functional requirement that tis
also important for the movie zone. The reliability defines the failure rates of the
system. A high reliable system means the overall rates of errors is very low in the
system which extremely required for the current movie zone.
iii. Availability: Availability is another important factor that is extremely required for
the movie zone. The availability defines how likely the system is accessible at any
instance of time. In this case high availability of the movie zone system is

4DESIGN AND BUILD A WEB SITE
required. A high percentage of availability of the system will ensure that the
system is available for most of the times whenever it required.
iv. Security: Security is also important as it defines how much secure the system.
High security of the system is always required so that it can be protected against
any kind of attack. Due to this reason, the security factor is important for the
movie zone and a highly secured system is required for the movie zone in this
context.
v. Usability: Lastly, the usability is another important factor and one of the
important non-functional requirements for the movie zone. The usability defines
the utilization difficulty of the system. High usability means the overall system
can be operated very easily. Therefore, a high usability is require for the current
system of movie zone.
High-Level Design:
Figure 1: Design Diagram for High Level
(Source: Created by Author)

5DESIGN AND BUILD A WEB SITE
The diagram illustrates that user will send request to the server. The medium of
communication will be a browser and method will be url. The server will check for a valid URL.
If the URL is valid then server will send a request to website to fetch data accordingly. The
website will request the database to provide all the necessary data and then send it back to user
through server.
Low-Level Design:
Figure 2: Design Diagram for Low Level
(Source: Created by Author)
As per the diagram depicts, the user uses the front end to make request. All the requests
are processed in the server. User makes Ajax API request to server. Then server receives that
request and verify security parameters. If all things are ok then request is send to main. Then
main class checks the request url. The main class then initialize the controller call. Controller
class checks for the requested process or information. It is to be noted that each user click can

6DESIGN AND BUILD A WEB SITE
request for more than one process. Then controller class call appropriate methods within model
and view classes. The model class uses the abstraction for calling the database directly. It uses
the methods written with dba to call classes. The dba fetches data from database. View classes
call methods that loads HTML pages either already exists or HTML components created within
its methods. After all the process is completed, the data are bind with view components and sent
to browser.

7DESIGN AND BUILD A WEB SITE
Bibliography:
Lassen, A., 2018. Function Point Analysis FPA on A Team Planning Website Based on PHP and
MYSQL. J. Inf. Technol. Softw. Eng, 8(3), pp.1-5.
Mondin, F. and Cortesi, A., 2018, September. MySQL extension automatic porting to PDO for
PHP migration and security improvement. In IFIP International Conference on Computer
Information Systems and Industrial Management (pp. 461-473). Springer, Cham.