A PROJECT REPORT

on

“INTERACTIVE GAME STUDIO”

Submitted to

KIIT Deemed to be University

In Partial Fulfilment of the Requirement for the Award of

BACHELOR’S DEGREE IN
INFORMATION TECHNOLOGY
BY

PRAJNADEEP 21052167
PRADHAN
SOURAV ACHARYA 21052199
VANSHIKA PUNEET 21051865

UNDER THE GUIDANCE OF

GUIDE NAME

SCHOOL OF COMPUTER ENGINEERING

KALINGA INSTITUTE OF INDUSTRIAL TECHNOLOGY

BHUBANESWAR, ODISHA - 751024

May 2020
 Acknowledgements
I am deeply grateful for the unwavering support and assistance provided by the
Dean of the School of Computing and the dedicated members of the Department of
Computing during the entire duration of my project. Their expertise and willingness
to help have been invaluable to the successful completion of my work. Furthermore,
I would like to express my utmost appreciation to Dr. Manas Ranjan Nayak, my
esteemed Project Guide, for his exceptional guidance, insightful suggestions, and
constant encouragement, all of which played a pivotal role in shaping the successful
outcome of my project.
Dr. Nayak's expertise and unwavering support have been an immense source of
inspiration throughout this journey, and I am truly thankful for his mentorship. It is
through his valuable insights and encouragement that I was able to navigate the
challenges and intricacies of the project, ultimately leading to its successful
completion. I am sincerely grateful to both the Dean, School of Computing, and Dr.
Manas Ranjan Nayak for their instrumental roles in my academic accomplishments,
and I will always hold their guidance and support in high regard

PRAJNADEEP PRADHAN

SOURAV ACHARYA

VANSHIKA PUNEET
 ABSTRACT

The Interactive Game Studio is an online platform that provides access to four
timeless interactive games: Tic Tac Toe, Rock Paper Scissors, Whack-A-
Mole, and Connect Four. Constructed using HTML, CSS, and JavaScript, the
studio offers an appealing and adaptable interface, enabling users to
experience these games in one integrated space. The homepage showcases a
structured design where every game is depicted by an interactive, animated
box. This project highlights user-friendly navigation, utilizing hover effects
and transitions to boost user interaction. The aim of this platform is to deliver
a smooth, enjoyable gaming experience on various devices.

Keywords:

HTML (HyperText Markup Language): A markup language used to structure

and organize content on the web. It defines the layout of a webpage using
elements such as headers, paragraphs, images, and links.

CSS (Cascading Style Sheets): A stylesheet language used to control the

presentation of HTML content. It allows developers to style and visually
enhance web pages with colors, fonts, layouts, and responsive designs.

JavaScript: A programming language used to create dynamic and interactive

elements on web pages. It enables functions like animations, form validation,
content updates, and interactive features without reloading the page.
Contents:

1 Introduction 1
2 Basic Concepts/ Literature Review 2

2.1 HTML 2
2.2 CSS
2.3 JAVASCRIPT
2.4 PRINCIPLES OF GAME DESIGN
2.5 DESIGN OF UI AND UX
2.6 BROWSER COMAPATIBILITY
3 Problem Statement / Requirement Specifications 3

3.1 EXAMINATION OF PROJECT 3

3.2 PROJECT PLANNING 3
3.3 SYSTEM DESIGN 3
3.3.1 CONSTRAINTS OF DESIGN 3
3.3.2 STRUCTURE OF DESIGN 3
4 Implementation 4

4.1 PROPOSAL 4
4.2 TESTING 4
4.3 RESULT ANALYSIS 4
4.4 QUALITY ASSURANCE 4
5 Standard Adopted 5

5.1 DESIGN 5
5.2 CODING 5
5.3 TESTING 5
6 Conclusion and Future Scope 6

6.1 CONCLUSION 6
6.2 FUTURE SCOPE 6
References 7

Individual Contribution 8

Plagiarism Report 9
 ITERACTIVE GAME STUDIO

Chapter 1

Introduction
The Interactive Game Studio initiative is an online platform created to
offer users convenient access to a variety of classic, interactive games
straight from their browser. With the rise of casual gaming, this
platform is designed to meet the needs of users looking for fast, fun
games without the inconvenience of downloading extra apps. The
initiative features classic games such as Tic-Tac-Toe, Rock-Paper-
Scissors, Whack-a-Mole, and Connect Four, each providing
straightforward yet captivating play.

Created with HTML, CSS, and JavaScript, the Interactive Game

Studio is designed for accessibility and user-friendliness, allowing
users to play the games on any device that has a modern web browser.
The interface is crafted to be user-friendly, showcasing each game in a
cohesive, attractive setting that enables users to move effortlessly
between games. The initiative also integrates responsive design
principles, ensuring a uniform and seamless user experience across
different screen sizes, ranging from desktops to mobile devices.

The Interactive Game Studio emphasizes the significance of

lightweight, accessible web applications in the current digital
environment, offering a platform that merges functionality, enjoyment,
and ease of use. This initiative highlights the power of merging simple
design with captivating content by showcasing these classic games on
a unified platform, resulting in a resource that appeals to users across
various ages and technical skills.

School of Computer Engineering, KIIT, BBSR 4

 ITERACTIVE GAME STUDIO

Chapter 2

Basic Concepts/ Literature Review

This part discusses the essential principles, resources, and methods employed in
the Interactive Game Studio project. Grasping these ideas will offer clarity on
the design and development choices implemented during the project and will
assist readers in acquiring a technical comprehension of the utilized components.

2.1 HTML (HyperText Markup Language)

HTML serves as the standard language for constructing and organizing web
pages. It is crucial for outlining the arrangement and material of every page,
comprising text, images, links, and various multimedia. In this project, HTML
acts as the core of the Interactive Game Studio by offering the essential
framework for the primary interface and every single game. Every game is
integrated as an individual module within the HTML framework, enabling users
to move smoothly between games.

Tags and Elements: HTML employs tags like, and to delineate content areas and
connections between games.

Links and Anchors: Hyperlinks allow users to jump straight from the main game
hub to each specific game. This straightforward yet efficient application of
HTML anchors establishes the foundation of the platform's navigation system.

2.2 CSS (Cascading Style Sheets)

CSS is a styling language employed to specify the visual display of HTML

elements. CSS improves flexibility and maintenance by distinguishing design
from content. In the Interactive Game Studio, CSS manages the aesthetics of the
platform, guaranteeing that it stays visually attractive and uniform throughout all
games.

Design and Arrangement: CSS is utilized to craft the layout, hues, typefaces, and
adaptable features of the interface. Designs like display, flexbox, and grid
facilitate flexible layouts that modify for different screen dimensions.

Responsive Design: CSS media queries make certain that the platform is usable
on various devices by modifying the layout and font sizes for the best viewing
experience on desktops, tablets, and smartphones.

School of Computer Engineering, KIIT, BBSR 5

2.3 JavaScript

JavaScript is a crucial programming language for incorporating interactivity and

dynamic features into web pages. It is the main language employed to develop
the logic for every game in the Interactive Game Studio. Every game—including
Tic-Tac-Toe, Rock-Paper-Scissors, Whack-a-Mole, and Connect Four—utilizes
JavaScript functions to oversee gameplay mechanics, monitor player actions, and
deliver immediate feedback.

Game Mechanics: JavaScript functions are utilized to manage particular game

rules and actions, such as player moves, computer reactions, and victory/defeat
scenarios.
DOM Manipulation: JavaScript alters the Document Object Model (DOM) in
real-time to showcase modifications in the game (e.g., refreshing game board
graphics or showing win notifications).

Event Management: JavaScript event listeners identify user activities (such as

clicks), ensuring that gameplay is dynamic and engaging.

2.4 Font Awesome

Font Awesome is a well-known icon library that offers scalable vector icons for
web apps. Through the use of Font Awesome, the project integrates familiar
icons that improve user experience by making navigation easier and clearly
differentiating various elements. For instance, icons could symbolize game
categories or navigation controls.

User-Friendly: Icons can be accessed by adding a class to an HTML element,

which makes their implementation and customization straightforward.

Scalability: Font Awesome icons can be scaled and retain their quality on
various screen sizes, fitting the project’s responsive design objectives.

2.5 Principles of Responsive Web Design

Responsive Web Design (RWD) guarantees that a web application adjusts to

different screen sizes and devices. This principle is essential to the Interactive
Game Studio, enabling users to enjoy games on devices of all sizes, from
desktops to mobile phones.

Media Queries: CSS media queries allow for style adjustments based on screen
size, orientation, and resolution.
Adaptive Designs: Through CSS flexbox and grid techniques, the platform
modifies itself to accommodate the user's display, guaranteeing that buttons and
text are correctly scaled.
School of Computer Engineering, KIIT, BBSR 6
 ITERACTIVE GAME STUDIO

2.6 Web Hosting and Deployment

In order for users to access the Interactive Game Studio, the project must be
hosted on a web server. Web hosting allows users to reach the games from any
place with internet access, offering a smooth, unified gaming experience.

Static Hosting: As the platform is developed using only HTML, CSS, and
JavaScript, it is ideal for static web hosting, which is both efficient and
economical.

Accessibility: By hosting the platform on a server, it can be accessed through a

URL, eliminating the requirement for users to install extra software or
applications.

2.7 Design Focused on Users (DFU)

User-Centered Design is a design approach centered on addressing the needs and

desires of the final user. In this project, UCD principles are utilized to guarantee
that the platform is user-friendly, aesthetically pleasing, and accessible.

Simplicity: The interface is crafted to be straightforward and free from clutter,

enabling users to concentrate on gameplay without interruptions.

Navigation: Simple and intuitive navigation allows users to reach every game
with few clicks.

Visual Cohesion: Uniform application of fonts, colors, and icons across the
platform improves usability by creating a unified experience.

2.8 IEEE Standards for Software Specifications

The IEEE Standard for Software Requirements Specification (SRS) serves to

define and document the requirements of this project. Adhering to this standard
guarantees clarity, structure, and thoroughness in the specification process.

Requirement Specification: The SRS document outlines both the functional and
non-functional requirements, specifying what the system must achieve and the
quality features it should have.

Design and Development Standards: Utilizing a standard such as IEEE offers

direction for structuring project documentation and the development process,
guaranteeing professionalism and consistency.
School of Computer Engineering, KIIT, BBSR 7
 ITERACTIVE GAME STUDIO

Chapter 3
Problem Statement / Requirement Specifications

PROBLEM STATEMENT:
The Interactive Game Studio initiative seeks to fulfill the demand for a user-friendly,
centralized gaming platform that enables users to enjoy classic, casual games without
requiring extra software installations. In the modern, rapid-moving, mobile-oriented
environment, users are more frequently seeking lightweight and readily available applications
that provide swift entertainment on various devices. This initiative offers a web-based
platform featuring a variety of well-known games—including Tic-Tac-Toe, Rock-Paper-
Scissors, Whack-a-Mole, and Connect Four—providing a cohesive experience that is user-
friendly, entertaining, and effective. By presenting these games via one interface, the
Interactive Game Studio addresses the demand for straightforward, entertaining games that
can be accessed anytime and on any device.

Requirement Specifications (IEEE format):

Functional Specifications:

The platform will offer users a variety of games available from one central interface.

Every game must be completely operational, featuring explicit rules and responsive controls.

The platform will provide cross-device compatibility, guaranteeing a uniform experience on

both desktop and mobile devices.

Games should be straightforward to begin and resume without complicated navigation.

Non-Functional Specifications:

Usability: The interface must be straightforward, attractive, and user-friendly.

Performance: Games need to load swiftly, with little lag in response times.

Scalability: The system must support future growth to incorporate additional games when
required.

3.1 Organization of the Project

The subsequent steps describe the project structure to guarantee effective development and
implementation:

School of Computer Engineering, KIIT, BBSR 8

 ITERACTIVE GAME STUDIO

Requirement Collection:

Recognize and describe the fundamental group of games (Tic-Tac-Toe, Rock-Paper-Scissors,

Whack-a-Mole, Connect Four).

Detail the requirements for the user interface, emphasizing simple navigation and adaptable
controls.

Establish technical objectives, including cross-platform compatibility and a lightweight design.

Design Stage:

Create the primary platform design, emphasizing user-friendliness and accessibility.

Design the unique interfaces and gameplay rules for every game.

3.2 Examination of the Project

After establishing the problem and requirements, an analysis was performed to resolve any
possible issues or uncertainties:

Requirement Verification:
Ensure that every game corresponds with the main objectives of simplicity and user-
friendliness.

Viability Assessment:

Assess the practicality of utilizing HTML, CSS, and JavaScript to create a visually attractive
and adaptable platform.

Evaluating Risks:
Recognize risks, including browser compatibility problems or interface difficulties.

3.3 System Design

3.3.1 Constraints of Design

Minimum System Specifications:

The project is web-based, allowing it to function on any device that is compatible with modern
web browsers (computers, tablets, smartphones).
Software Specifications:
Web Browsers: The platform is compatible with Google Chrome, Mozilla Firefox, Safari, and
various other browsers.
Development Tools: The platform is constructed using HTML, CSS, and JavaScript, alongside
external resources such as Font Awesome for iconography.
External Libraries: Font Awesome is utilized to improve the user interface with familiar icons.

School of Computer Engineering, KIIT, BBSR 9

 ITERACTIVE GAME STUDIO

3.3.2 Structure of the System OR Block Diagram

The system framework for the Interactive Game Studio includes a client-side configuration
where:

Main Interface (Frontend): The platform's main interface is constructed using HTML for
layout, CSS for design, and JavaScript for dynamic features. Every game is integrated as a
separate module that can be accessed through the main interface.

Game Modules: Every game (Tic-Tac-Toe, Rock-Paper-Scissors, Whack-a-Mole, Connect

Four) contains its unique JavaScript logic, allowing for independent performance while
guaranteeing seamless interaction with the primary interface.

Styling and Icon Assets: CSS styling provides visual uniformity, whereas Font Awesome
icons enhance navigation and visual appeal.

Schematic Representation:

Primary Interface: The main HTML page offers an easy-to-navigate design featuring links to
every game.

Standalone Game Modules: Every game functions autonomously within the platform,
controlled by JavaScript to facilitate gameplay.

CSS and External Libraries: Styling and outside resources guarantee that the platform
maintains a polished, unified appearance that improves the user experience.

Responsive Design: CSS media queries allow the platform to adjust to varying screen sizes,
enhancing accessibility on multiple devices.

School of Computer Engineering, KIIT, BBSR 10

 ITERACTIVE GAME STUDIO

Chapter 4

Implementation
This section outlines the thorough execution of the Interactive Game Studio project,
encompassing the techniques, testing procedures, outcomes, and quality assurance adhered
to throughout the creation process.

4.1 Approach or Plan

The Interactive Game Studio was created by using HTML, CSS, and JavaScript on the client
side. The development process used an incremental methodology, where each game was
created separately and later combined into one interface. Listed below are the primary
techniques commonly utilized.

HTML Layout:

Developed a primary HTML page functioning as the main interface, enabling users to choose
among different games.

Every game can be easily accessed through clickable links that open up the game modules,
making navigation simple and straightforward.

CSS customization:

Employed CSS for design and formatting to guarantee a uniform appearance throughout the
platform.

Utilized responsive design principles by incorporating media queries to adjust the layout on
various devices such as desktops, tablets, and mobile devices.

Programming in JavaScript for the logic of games:

Created the game logic for each game separately using JavaScript. Original text: The quick
brown fox jumps over the lazy dog.

Paraphrased text: The speedy brown fox leaps over the lethargic dog.

Developed a system to monitor player actions, identify victories, and enable gameplay
against the computer in Tic-Tac-Toe.

School of Computer Engineering, KIIT, BBSR 11

 ITERACTIVE GAME STUDIO

Whack-a-Mole: Establish time frames for moles to randomly show up, with listeners to
identify clicks and calculate scores.

Connect Four was created with a logic system to manage column drops, verify if there are
four in a row, and announce the winning player.

Implemented individual functions for each game's code to guarantee modularity and
simplified maintenance.

Outside libraries:

Incorporated Font Awesome for icons, improving user interface and attractiveness.

4.2 Plan for Testing or Verification

A thorough testing plan was put in place to guarantee that the Interactive Game Studio
satisfied both functional and non-functional requirements. The table below shows example
test cases utilized in the verification stage.
ID Test Title Condition Behavior Result

During the Navigation Test, the user will click on each game link, causing the selected game
to open in a new tab without any errors.

The user clicks on moles that appear in the Whack-a-Mole [Link] system records the click
and increases the score accurately.

Multiple scenarios were used to test each game and the platform's navigation to confirm
their proper functioning and provide accurate feedback to the user.

Test ID Test Case Title Test Condition System Behavior Expected Result
Navigation User clicks on each Platform opens the Game opens in a new tab
T01
Test game link selected game without error
Tic-Tac-Toe User completes a winning System detects win Win message
T02
Win Check row/column/diagonal and displays message displayed correctly
System compares
Rock-Paper- User selects a choice Correct win/loss/tie
T03 choices and declares
Scissors (rock/paper/scissors) result shown
result
Whack-a-Mole User clicks on System registers click and Score increments
T04
Click Test appearing mole increments score accurately
Connect Four User completes System detects win Win detected and game end
T05
Win Check four in a row and ends game message displayed
Responsive Platform accessed on Layout adjusts to Consistent layout
T06
Layout different devices screen size across devices

School of Computer Engineering, KIIT, BBSR 12

 ITERACTIVE GAME STUDIO

4.3 Examining the Results or Images of the Screens

The next part showcases screenshots and examines the game's results to illustrate effective
implementation.

Primary Display:

Screenshot displays the primary game selection interface, allowing users to select a game to
play.

A game of Tic-Tac-Toe involves two players taking turns to place their mark on a 3x3 grid,
with the goal of getting three of their marks in a row.

Image capturing the Tic-Tac-Toe board in the middle of a match.

Image capturing the win recognition interface, showcasing a notification following a

successful sequence.

Game of "Rock-Paper-Scissors":

Image displaying user and computer selections along with outcome message (e.g., "You Win"
or "You Lose").

The game involves trying to hit popping up moles with a mallet before they disappear.

Image showing the Whack-a-Mole game with a visible score counter, showcasing the
appearance of moles and the clicks made by the user.

The game Connect Four:

A picture of the Connect Four game board showing tokens in a line either vertically,
horizontally, or diagonally indicating a win.

The results of every game were examined to guarantee that all visual components, gameplay
features, and notifications were portrayed correctly and in line with the intended user
interaction.

4.4 Ensuring quality control

Quality control was carried out by performing functional tests, cross-browser compatibility
tests, and device compatibility checks to verify that the platform met user expectations for
performance and accessibility.

Functionality Testing: Every game underwent testing to ensure accuracy in gameplay logic
and win/loss conditions. Functional testing confirmed that user actions resulted in correct
feedback and games either restarted or ended as intended.

School of Computer Engineering, KIIT, BBSR 13

 ITERACTIVE GAME STUDIO

4.4 Ensuring quality control

Quality control was carried out by performing functional tests, cross-browser compatibility
tests, and device compatibility checks to verify that the platform met user expectations for
performance and accessibility.

Functionality Testing: Every game underwent testing to ensure accuracy in gameplay logic
and win/loss conditions. Functional testing confirmed that user actions resulted in correct
feedback and games either restarted or ended as intended.

Testing the platform on various popular browsers (Chrome, Firefox, Safari) confirmed
compatibility, ensuring consistent performance and appearance.

Compatibility of devices: Testing was done to ensure the layout and functionality work on
desktops, tablets, and mobile devices.

Standards for code quality were followed in the project, ensuring readability and easy
maintenance through adherence to basic HTML, CSS, and JavaScript coding standards. Code
comments and a modular structure are key in guaranteeing the platform's scalability for
future improvements.

The Interactive Game Studio was confirmed to fulfill the requirements and goals outlined in
the project scope via these quality assurance procedures.

School of Computer Engineering, KIIT, BBSR 14

 ITERACTIVE GAME STUDIO

Chapter 5

Standards Adopted
5.1 Design Guidelines
In designing this project, the subsequent standards and suggested practices were adhered to:

IEEE Standards for Software Development:

IEEE 1016: This standard was adhered to for recording the software design through
appropriately structured design descriptions. Essential aspects like data flow diagrams,
software elements, and system interactions were elaborated on to guarantee clarity and
consistency in the design.

IEEE 830: This standard offered guidelines for precisely documenting all functional and non-
functional requirements for Software Requirements Specification (SRS), which laid the
groundwork for the system's design and implementation.

UML (Unified Modeling Language):

UML diagrams were developed to illustrate the architecture and interactions within the system,
comprising:

Use Case Diagrams: Outlined user engagements with the recommendation engine.

Class Diagrams: Depicted system classes and their interactions.

Sequence Diagrams: Depicted the operation flow in the recommendation process,

encompassing data requests, algorithm processing, and API replies.

Standards for Database Design:

Normalization: The database structure was normalized to the third normal form (3NF) to
minimize data redundancy and enhance integrity.

ISO/IEC 11179: Utilized for naming conventions and standards for data dictionaries in
database design to ensure uniformity and clarity throughout tables and fields.

5.2 Coding Standards

In order to guarantee readability, maintainability, and consistency, the Interactive Game
Studio project adhered to these coding standards:
Compose Code Concisely:Focused on streamlining code for efficiency, emphasizing the
elimination of repetition and simplification of logic whenever feasible. This method enhances
efficiency and simplifies the process of identifying and fixing errors.

School of Computer Engineering, KIIT, BBSR 15

 ITERACTIVE GAME STUDIO

Follow correct naming standards when naming variables and functions.

Adhered to naming conventions for variables, functions, and classes to guarantee clarity and
uniformity. An instance of this is camelCase being utilized for JavaScript variables and
functions (playerScore, incrementScore), while kebab-case is used for CSS classes (game-
container, score-display).

Arrange code into different sections:

Divided various parts of code, like initialization, managing events, and game rules, into
distinct segments. The logic of each game was stored in a separate function for individual
testing and modularity purposes.

Improving readability by using indentation.

Regularly employed indentation to differentiate the start and finish of control structures, loops,
and function blocks. Every inner block was offset by a pair of spaces to improve legibility.

Utilize compact, modular functions.

Made sure that each function carried out only one task, ensuring that functions were concise
and directed. Breaking down each game's components, such as updating scores, handling
events, and checking results, separately improved readability and maintainability through a
modular approach.

Providing remarks and detailed explanations.

Comments have been included in the code to provide explanations for complex code blocks or
functions, detailing the purpose and function of each section. Limited use of inline comments
with descriptions preceding each function explaining its purpose was implemented.

5.3 Standards for Testing

The Interactive Game Studio project followed ISO and IEEE guidelines, ensuring product
quality, functional, and usability through industry standards for testing and quality assurance.
The standards mentioned were used as references.

IEEE 829 (Standard for Software Test Documentation) will be paraphrased using the same
input language and word count thus
IEEE 829 (Guidelines for Software Testing Documentation):

The testing process was documented following IEEE 829, which outlines a systematic way to
document the testing plan. Test cases were generated with distinctive IDs, explanations,
anticipated results, and findings, guaranteeing thorough test coverage.

ISO/IEC 9126 (Software Quality Model) is a standard used to measure the quality of software
products.

ISO/IEC 9126 was used as a reference to define quality attributes such as functionality,
reliability, usability, efficiency, maintainability, and portability. Every characteristic was
assessed in testing to verify that the platform satisfied user expectations and technical needs.

School of Computer Engineering, KIIT, BBSR 16

 ITERACTIVE GAME STUDIO

ISO/IEC 25010 is a standard for evaluating the quality of software products.

This standard directed the evaluation of the platform's non-functional requirements,

emphasizing usability, performance, and compatibility on various devices. It assisted in
guaranteeing the platform's ability to respond and be easily accessed, crucial for improving
user interaction.

Standards for Unit Testing and Integration Testing:

Every game was created and evaluated as its own module to guarantee independent
functionality prior to being combined into the primary platform. This method adhered to the
top standards of unit and integration testing, ensuring that every module functioned properly
independently and within the broader platform.

By adhering to these coding and testing standards, the Interactive Game Studio project was
able to reach a superior level of code quality, ease of maintenance, and dependability,
guaranteeing that the platform fulfilled both its functional and non-functional needs.

School of Computer Engineering, KIIT, BBSR 17

 ITERACTIVE GAME STUDIO

Chapter 6

Conclusion and Future Scope

CONCLUSION:

The Interactive Game Studio project effectively reached its objective by developing a
centralized online platform for hosting diverse classic, casual games, offering users an
interactive and convenient gaming experience. The platform offers a smooth and adaptable
interface that is compatible with various devices and browsers by integrating HTML, CSS,
and JavaScript. The games such as Tic-Tac-Toe, Rock-Paper-Scissors, Whack-a-Mole, and
Connect Four provide basic, widely known gameplay that attracts users of every age,
establishing a fun and engaging setting. The project's commitment to coding and testing
guidelines resulted in a top-notch product with scalable, efficient code that is simple to
manage and expand. By applying user-centered design principles and careful planning, the
Interactive Game Studio shows how simple web development techniques can create a
functional, visually appealing, and easily accessible casual gaming platform.

FUTURE SCOPE:

Although the Interactive Game Studio project effectively incorporates essential features and
games, there are various possibilities for future expansion and improvement.

Adding Additional Games:

The range of games on the platform can be increased to incorporate Chess, Sudoku, or word
puzzles, attracting a larger audience and involving more users. Every additional game can be
easily incorporated in modules to keep integration simple and ensure the platform can grow.

Authentication and user profiles:

Adding user accounts and profiles will enable players to save their game progress, monitor top
scores, and access achievements. This characteristic has the potential to improve user retention
and provide a more customized experience on the platform.

Features for multiple players:

Enabling live multiplayer features, whether through in-person or internet connections, would
provide users with the opportunity to compete against friends or fellow online gamers,
introducing a social element to the platform. Real-time interactions could be enabled by
utilizing WebSockets or comparable technologies.

Improved graphics and animations:

Enhancing the gaming experience can be achieved by incorporating advanced animations and
visual effects, such as transitions or hover effects. Utilizing CSS animations and JavaScript
libraries can enhance the visual appeal of games without affecting their performance.

School of Computer Engineering, KIIT, BBSR 18

 ITERACTIVE GAME STUDIO

AI and Degrees of Complexity:

Introducing AI adversaries of varying difficulty levels in games such as Tic-Tac-Toe or

Connect Four can accommodate players with different skill levels. This characteristic will
enhance the platform's appeal by providing challenging gameplay for experienced players.

Incorporation with Mobile Application:

Users could have the option to play games offline by accessing a mobile app version of the
platform. This will increase the platform's range and offer users more options for accessing the
games.

Data analysis and input from users:

Utilizing user feedback mechanisms and usage analytics can enhance the platform by enabling
continuous improvement. Analytics can offer information about popular games, session
durations, and user preferences, which can help in making improvements in the future.

School of Computer Engineering, KIIT, BBSR 19

 ITERACTIVE GAME STUDIO

References
J. Duckett authored the first edition of "HTML and CSS: Design and Build Websites" for
Wiley in 2011.

Head First JavaScript Programming by E. Freeman and E. Robson was published by O'Reilly
Media in 2014.

M. Keith, D. Schlotfeldt, and J. Hogan authored Learning JavaScript: Add Sparkle and Life to
Your Web Pages, published by O'Reilly Media in 2007.

A. Rubin and J. Choi authored CSS: The Missing Manual, 4th edition, published by O'Reilly
Media in 2018.

The text is titled "Font Awesome." (2023). In the year 2023. "Icons of Font Awesome." [Over
the internet]. Accessible at: [Link]

IEEE Computer Society published the IEEE Std 829-2008, a standard for software and system
test documentation, in 2008.

ISO/IEC 25010:2011 by the International Organization for Standardization covers Systems

and software Quality Requirements and Evaluation (SQuaRE), focusing on system and
software quality models in the field of systems and software engineering.

A. Marcotte's book "Responsive Web Design" was first published in 2011 by A Book Apart.

[9] The World Wide Web Consortium. (2023). By the year 2023. "Standards for HTML and
CSS," [Online]. Accessible: [Link]

MDN Web Docs remain unchanged in terms of content and structure. (2023). "Documentation
for JavaScript" [Internet]. Accessible: [Link]
US/docs/Web/JavaScript.

School of Computer Engineering, KIIT, BBSR 20

 ITERACTIVE GAME STUDIO

INDIVIDUAL CONTRIBUTION REPORT:

INTERACTIVE GAME STUDIO

Abstract:
The Game Studio project is an online platform that offers a variety of classic games like Tic-
Tac-Toe, Rock-Paper-Scissors, Whack-a-Mole, and Connect Four. The goal of this project is
to offer a straightforward and easily accessible gaming experience using a responsive and
compatible interface that works on various devices. The platform was created using HTML,
CSS, and JavaScript to provide users with a gaming environment that is lightweight and
simple to navigate.

Personal contribution and results:

VANSHIKA PUNEET (21051865)

My main responsibility in this project was to create and execute the game mechanics for the
Tic-Tac-Toe and Rock-Paper-Scissors components. I was tasked with creating the JavaScript
functions for the games, establishing the game logic, and guaranteeing smooth performance of
each game on the platform. I additionally designed the user interface for these games, using
CSS to maintain visual uniformity and adaptability on various devices.

PRAJNADEEP PRADHAN (21052167)

I created the system for the Tic-Tac-Toe game to monitor player actions, identify when a
player wins, and manage player versus computer interactions. This consisted of creating arrays
to track every move and utilizing conditional statements to detect victories, defeats, or ties. I
created a system for Rock-Paper-Scissors that randomly selects computer moves, evaluates the
results, and shows the outcome of each game.

SOURAV ACHARYA (21052199)

I played a crucial role in planning by outlining the specific functions needed for each game
and dividing the logic into modular functions. I made sure that each component was testable
on its own by organizing the code in this manner, which helped streamline the debugging
process. Throughout the development process, I faced difficulties in managing responsive
elements, specifically in guaranteeing that the games were properly showcased on various
screen sizes. Yet, I addressed this issue by employing CSS media queries and evaluating the
platform on various devices.

The experience I acquired in technical matters was extremely valuable. Enhancing my grasp
on JavaScript functions and arrays through working on these game.

School of Computer Engineering, KIIT, BBSR 2

 ITERACTIVE GAME STUDIO

Individual Contribution for Project Presentation and Demonstration:

For the project presentation, I contributed to creating the PowerPoint slides, focusing on the
technical aspects of game development, such as the game logic and user interface design.
During the demonstration, I was responsible for presenting the Tic-Tac-Toe and Rock-Paper-
Scissors modules, explaining the code structure, gameplay mechanics, and responsive design
elements to the audience.

Full Signature of Supervisor: ____________________

Full Signature of Student: ____________________

School of Computer Engineering, KIIT, BBSR 21

“INTERACTIVE GAME STUDIO”
ORIGINALITY REPORT

10 %
SIMILARITY INDEX
8%
INTERNET SOURCES
2%
PUBLICATIONS
6%
STUDENT PAPERS

PRIMARY SOURCES

1
Submitted to KIIT University
Student Paper 3%
2
[Link]
Internet Source 2%
3
Sufyan bin Uzayr. "Frontend Development -
The Ultimate Guide", CRC Press, 2022
1%
Publication

4
Submitted to TRC Colleges
Student Paper <1 %
5
[Link]
Internet Source <1 %
6
[Link]
Internet Source <1 %
7
[Link]
Internet Source <1 %
8
[Link]
Internet Source <1 %
9
Submitted to University of West London
Student Paper <1 %
 <1 %
10
[Link]
Internet Source

11
Anna Szopa, Marcelo M. Soares. "Handbook
of Standards and Guidelines in Human
<1 %
Factors and Ergonomics - Second Edition",
CRC Press, 2021
Publication

12
Submitted to University of Newcastle
Student Paper <1 %
13
[Link]
Internet Source <1 %
14
[Link]
Internet Source <1 %
15
[Link]
Internet Source <1 %
16
[Link]
Internet Source <1 %
17
[Link]
Internet Source <1 %
18
[Link]
Internet Source <1 %
19
Yuki Terawaki. "Supporting of Requirements
Elicitation for Ensuring Services of
<1 %
Information Systems Used for Education",
Lecture Notes in Computer Science, 2011
Publication
20
[Link]
Internet Source <1 %
21
[Link]
Internet Source <1 %
22
She-I Chang, Cheng-Chih Wu, I-Cheng Chang.
"The Development of a Computer Auditing
<1 %
System Sufficient for Sarbanes-Oxley Section
404— A Study on the Purchasing and
Expenditure Cycle of the ERP System",
Information Systems Management, 2008
Publication

Exclude quotes Off Exclude matches Off

Exclude bibliography Off