Final Report
Final Report
Final Report
with React.js
A Project Report
Submitted by
BACHELOR OF ENGINEERING
IN
Chandigarh University
June-July 2022
i
BONAFIDE CERTIFICATE
ii
Training Certificate
iii
ACKNOWLEDGEMENT
Himanshu Singh
iv
List of Figures
3. 3.3 ER Diagram 18
5. 4.1 Result 21
6. 4.2 Result 22
7. 4.3 Result 23
8. 4.4 Result 24
5
TABLE OF CONTENTS
Topic Page No.
Acknowledgement 4
List of Figures 5
Abstract 7
Chapter 1 Introduction 8-10
1.1 Overview 8
1.2 Background Study 8
1.3 Project Planning 9
1.4 Problem Identification 9
1.5 Task Identification 10
1.6 Software and Hardware Requirement 10
Chapter 2 Literature Survey 11-12
6
ABSTRACT
Movie booth in web system is basically made for providing the customers an
anytime and anywhere service for booking cinema tickets and providing
information regarding movies and their online schedule. Due to increase in
technology and digitalization online movie system has become much more popular.
Instead of wasting time in queues of movie counter, it provides easy and efficient
way to book the tickets online. It is quite fascination to sit at home browse the
movies which have been released, read the review and then book the tickets
according to our feasibility. Online cinema ticket booking system is actually in
action for the last 15 years but it gained its popularity after 2004 and its reach
increased several folds in the past 6-10 years because of increasing net
accessibility.
7
CHAPTER-1
Introduction
1.1 Overview
Movie ticket booking in web system is basically made for providing the customers
an anytime and anywhere service for booking cinema tickets and providing
information regarding movies and their online schedule. Due to increase in
technology and digitalization online movie system has become much more popular.
Instead of wasting time in queues of movie counter, it provides easy and efficient
way to book the tickets online. It is quite fascination to sit at home browse the
movies which have been released, read the review and then book the tickets
according to our feasibility. Online cinema ticket booking system is actually in
action for the last 15 years but it gained its popularity after 2004 and its reach
increased several folds in the past 6-10 years because of increasing net
accessibility
8
1.3 Project Planning
Create a Movie booth in React. The movie booth should have all the features
displayed in the mock-up screens in the scenario.
After identifying the problems, it is now time to lay out the task that the
development of web-app will follow. The website is made open source for anyone
to share and contribute. No login/sign-up forms were attached.
9
1.6 Software and Hardware tools required for the Project:
Hardware Required:
Software Required:
10
CHAPTER-2
Literature Survey
Create a Movie booth using React Js. The website should have all the features
displayed in the mock-up screens in the scenario. To calculate the rating for
each movie, we can use rules similar to the sample rules displayed below.
2.2 Objectives
The functional requirements are those requirements that are necessary to the
eye of the user and the client. Here we try to make the module possible to
accomplish the need of the desired function.
11
CHAPTER-3
Design Flow/Process
4. Risk: Every product involves some risk throughout its life cycle. So,
there can be many risks involved with this project but the most
crucial one would be the use of only one template as it can be off-
putting for some users.
12
5. Benefits: The main benefit of the web-app is the simple and easy to
use UI which may repulse user as they might consider it too simple
looking and not something extravagant.
13
3.3 Data Flow Diagram
Data Flow Diagrams show the flow of data from external entities into the
system, and from one process to another within the system. There are four
symbols for drawing a DFD:
Figures below are the Data Flow Diagrams for the current system. Each
process within the system is first shown as a Context Level DFD and later as a
Detailed DFD. The Context Level DFD provides a conceptual view of the
process and its surrounding input, output and data stores. The Detailed DFD
provides a more detailed and comprehensive view of the interaction among the
sub-processes within the system.
14
Context Level Diagram
Fig.3.1
DFD Level - 1
15
Fig.3.2
3.4 ER Diagram
16
databases in the fields of software engineering, business information systems,
education and research. Also known as ERDs or ER Models, they use a defined
set of symbols such as rectangles, diamonds, ovals and connecting lines to
depict the interconnectedness of entities, relationships and their attributes. They
mirror grammatical structure, with entities as nouns and relationships as verbs.
ER diagrams are related to data structure diagrams (DSDs), which focus on the
relationships of elements within entities instead of relationships between
entities themselves. ER diagrams also are often used in conjunction with data
flow diagrams (DFDs), which map out the flow of information for processes or
systems.
17
Fig.3.3
18
3.5 Sequence Diagram
Actor
An Actor models a type of role played by an entity that interacts with the
subject (e.g., by exchanging signals and data), but which is external to the
subject (i.e., in the sense that an instance of an actor is not a part of the
instance of its corresponding subject). Actors may represent roles played by
human users, external hardware, or other subjects. Note that an actor does
not necessarily represent a specific physical entity but merely a particular
facet (i.e., "role") of some entity that is relevant to the specification of its
associated use cases. Thus, a single physical instance may play the role of
several different actors and, conversely, a given actor may be played by
19
multiple different instances. Since an actor is external to the subject, it is
typically defined in the same classifier or package that incorporates the
subject classifier.
Call Message
Fig.3.4
20
CHAPTER-4
4.1 Result:
Fig.4.1
21
Fig.4.2
Fig.4.3
22
Fig.4.4
23
App.js:
24
Api.js
25
26
27
CHAPTER-5
5.1 Conclusion
React JS has come at a good time helping the developers to build highly engaging
web apps and user interfaces within quick time. It allows you to break down the
components and create a single page application with less coding. Moreover, the
virtual DOM also integrates the performance and React JS is also known to be SEO
friendly. You can develop large scale apps with frequently changing data. It is due to
these major advantages that React JS has gained much spotlight. Within our pages
on this project you'll find worthy, concrete and timely news about the industry, that
emphasize not only the product but the personalities also.
The arithmetic of film earnings on OTT platforms is straightforward. OTT has to buy
the rights to the movies for release or streaming. ... In this deal, it happens that the
platform gives a fixed amount to the filmmakers and the producers make the film for
less than that, that is the remaining amount is their profit. Revenues tend to dry up after
a few years, but movie studios can still make money from older films by licensing them
to Netflix or Amazon Prime. However, the success of original content on the streaming
services also draws audiences away from traditional movies.
The Indian film industry makes over 1000 movies annually of which a substantial
portion is produced by the popular Hindi film industry known as Bollywood. Following
observations have been made from the selection of films: First, the standard idea of
blockbuster by casting superstars stars being the highest profitmaking product has been
seriously challenged. Secondly, low budget films with issue-based content have
featured in large numbers in the list. Finally, structural changes are observed in the
profit-making model while producing a film. The present paper uses specific variables
to produce a descriptive statistical analysis of the selected movies.
28
References
29