Kawaldeep
Kawaldeep
Project Report
Aptech Hathi Gate Amritsar
(SESSION: June-August 2023)
Submitted to the faculty of engineering and technology for partial fulfillment
Of the requirement of
Kawaldeep Kaur
STUDENT DECLARATION
Submitted to the Govt. Polytechnical College Bhikhiwind , is a record of an original work done by me
under the guidance of Mr.Sumit Dhiman, Faculty Member, Aptech I/S Hathi Gate, Near DAV College
Asr, and is genuine work done originally by me and has not been published or submitted elsewhere for
the requirement of a degree programme. Any literature, data, or works done by others and cited within
this report has been given due acknowledgement and listed in the reference section.
The project was undertaken by them in Computer Networking titled “Hospital Management
System”.The Project on evaluation fulfills all the stated criteria and the student’s findings are
his/her original work.
We found them sincere, hardworking, and technically sound and result oriented.
Regards,
Sumit Dhiman
(Faculty)
Phone: 7807180487
TABLE OF CONTENTS:
S.No Topic Page No
1 1.Required Specifications 7
1.1 Hardware Required
1.2 Software Required
2 2.Introduction to Project 8
2.1 GYM Management Project
2.2 Feasibility Study 9-10
3 3.Analysis And DFD
3.1 Requirement Analysis 11-12
3.2 Data Flow Diagram(DFD)
4 4.System Designing
4.1 Designing 13
5 5.Technologies
5.1 HTML
5.2 Introduction To HTML 14-20
5.3 Advantages
5.4 History
6 6.CSS
6.1 Introduction To CSS
6.2 Advantages
6.3 Features 21-25
6.4 Goods In CSS
6.5 CSS Tools
7 7.Java Script
7.1 Introduction To JavaScript 26-29
7.2 Applications
7.3 Advantages
7.4 History
8 8. Requirement Specifications
8.1 Software Requirement 30
8.2 Operating System & Hardware Req
9 9. Screenshots 31-38
10 10. Testing
10.1 What Do I Test
10.2 Level of Testing 39-42
10.3 Data Test
10.4 Test Case
11 Advantages of Snake Game 43
12 Future Scope 44
13 Conclusion 45
14 Bibliography 46
HARDWARE AND SOFTWARE REQUIRMENTS
HARDWARE REQUIREMENTS :-
SOFTWARE REQUIRMENTS:-
Notepad,VSC Code
Chrome, Internet Explorer, Mozilla firefox and any other.
Windows 10 Pro
INTRODUCTION TO PROJECT
GYM MANAGEMENT PROJECT
This project entitled “GYM MANAGEMENT PROJECT” has been developed in HTML,
CSS and JAVASCRIPT.
FEASIBILITY STUDY:-
TECHNICAL
ECONOMIC
OPERATIONAL
Technical feasibility :-
There are number of technical issues which generally raised during the
feasibility stages of investigation which are as follows:-
Also referred to as cost benefit analysis, is the most frequently used method for
evaluating the effectiveness of a proposed system. The focus is to determine
the benefits and savings that are expected from proposed system and
compared them with cost. if benefit outweigh cost then the decision is made
and implement the system.
Our proposed system needs only a few software’s and printer along with a few
computer operators. Keeping in a view the long-term benefits provided by this
proposed system, these inputs costs are minimum.
OperationalFeasibility :-
REQUIREMENT ANALYSIS:-
It is the detail study of the various operations performed by the system and
their relationship with in & outside the organization. The key question is:
One of the most difficult aspects of program development is in getting both the
customer & developers to understand what each of them is trying to say.
DFD:-
DESIGNING
DESIGNING:-
The most creative and challenging phase of the system development life cycle is
System design. The term design describes a final system and the process
The first step is to determine how the output is too produced and in what format.
Samples of input and output are also presented. The second step is Input data and
the master files have to be designed to meet the requirement and an impact of the
system on the organization are document and evaluated by the management.
A lot of factor are taken into consideration while preparing a good system design
which includes performance analysis, security and control, system prototyping,
designing user interface, design documentation and reviews etc. In the context of
present project, great care and attention has been provided to ensure proper
security, password have been use to restrict access only to the authorized user.
Moreover, In order to make the software easy to use, a user interface that is very
much user friendly has been used with a lot of useful tips displayed while feeding
and retrieving information.
INTRODUCTION TO HTML
HTML stands for Hypertext Markup Language. It was created by Tim Berners-
Lee at CERN, the European Laboratory for Particle Physical in Geneva. It was
later modified to act as a universally understood language.
The word Language refers to the syntax that is similar to any other language.
So HTML is a method where ordinary text can be converted into hypertext using
a special set of symbols to control the layout and appearance of text.
HTML TOOLS
TAG - These are the symbol of character used to define the appearance and
contents of web page. Tab are represent by angular bracket (<>).
Paired
Unpaired
<html> - the <html> tag is used to tell the browser that document is written
in html. All other tags included within <html> and </html>tags.
<head> -this tag contains the information about the document. The portion
enclosed between the <head> and </head> tags is called header.
<title> - this element contain the document title. Title is given between the
tags <title> and </title>.
<body> -this tag encloses tags, attributes and information that one wants the
browser to display. To use <body> tag, enter it below the closing </head>tag
and above closing </html> tags.
<P>…</P>-Using this tag the document look like a single large paragraph.
<br>- The <br> tag is used to break a line at a particular place without
resorting to start a new paragraph. The <br> element never needs an end-tag.
IMAGE TAG (<IMG>) - Images are used to make your webpage distinctive.
The simplest way to place an image on the webpage is to use <img> tag.
Marquee – this tag is used to scroll text horizontally across the screen.
1989: Tim Berners-Lee invents the Web with HTML as its publishing language. The
World Wide Web began life in the place where you would least expect it: at CERN, the
European Laboratory for Particle Physics in Geneva, Switzerland.
Html is very evolving markup language and has evolved with various version updating
long before its revised standards and specification are carried in , each version has
allowed its user to create web pages in a much easier and prettier way and make sites
very efficient.
The first version of HTML was 1.0, which was the barebones version of HTML
language, and it was released in 1991.
This was the next version which was released in 1995, and it was standard
language version for website design.
HTML 2.0 was able to support extra features such as form-based file upload,
form elements such as text box, option button, etc.
HTML 3.2 version was published by W3C in early 1997.
This version was capable of creating tables and providing support for extra
options for form elements.
It can also support a web page with complex mathematical equations.
It became an official standard for any browser till January 1997.
Today it is practically supported by most of the browsers.
HTML 4.01 version was released on December 1999, and it is a very stable
version of HTML language.
This version is the current official standard, and it provides added support for
stylesheets (CSS) and scripting ability for various multimedia elements.
HTML5 is the newest version of Hypertext Markup language.
The first draft of this version was announced in January 2008.
There are two major organizations one is W3C (World Wide Web Consortium),
and another one is WHATWG( Web Hypertext Application Technology Working
Group) which are involved in the development of HTML 5 version, and still, it is
under development.
CSS:
CSS stands for Cascading Style Sheets
CSS describes how HTML elements are to be displayed on screen, paper, or in
other media
CSS saves a lot of work. It can control the layout of multiple web pages all at
once
External stylesheets are stored in CSS files
CSS is the language we use to style a Web page.
Features of CSS
Attribute Selectors. CSS selectors make it easy to apply styles to specific HTML
elements. ...
Rounded Corners. ...
Multi-Column Layouts. ...
Setting the Opacity. ...
Font Flexibility. ...
Word Wrapping. ...
Text Shadowing. ...
Applying Box Shadowing.
History of CSS:
CSS was created HÃ¥KON WIUM LIE to allow web designers to change the
layout, colors, and fonts of their websites.
Originally, websites were meant to be used by researchers only, so the
decoration did not matter.
However, when websites became widespread, the need to make them look nice
grew.
1994- HÃ¥kon Wium Lie proposed the idea of CSS.
1996- The first version of CSS was invented.
1998- CSS 2 was released and work on CSS 3 began. CSS 3 was very different
from the other versions, fot instead of being a single monolithic specification,
it was published as a set of separate documents known as modules. Each
module dealt with a relatively small subset of the overall specification, and either
added new features or refined and extended existing features. All additions and
enhancements to the specification were written in order to be backward-
compatible with older versions of CSS.
Classes in CSS:CSS classes enable you to apply unique style properties to groups of HTML elements
to achieve your desired web page appearance.
Let’s try making a CSS class from scratch. Say you want to make a paragraph of
text and style certain words for more emphasis. You can do this by creating a
CSS class for these special words, then assigning this class to individual words
with span tags.
Paragraph (<p>)
Body (<body>)
Title (<title>)
Headers (<h1>, <h2>, <h3>, etc.)
Blockquotes (<blockquote>)
Spans (<span>)
Divs (<div>)
Images (<img>)
Buttons (<button>)
Embeds (<embed>)
Links (<a>)
Ordered lists and list items (<ol> and <li>, respectively)
Unordered lists and list items (<ul> and <li>, respectively)
Tables (<table>)
Features of JavaScript
• There are following features of JavaScript:
• All popular web browsers support JavaScript as they provide built-in execution
environments.
• JavaScript follows the syntax and structure of the C programming language.
Thus, it is a structured programming language.
• JavaScript is a weakly typed language, where certain types are implicitly cast
(depending on the operation).
• JavaScript is an object-oriented programming language that uses prototypes
rather than using classes for inheritance.
• It is a light-weighted and interpreted language.
• It is a case-sensitive language.
• JavaScript is supportable in several operating systems including, Windows,
macOS, etc.
• It provides good control to the users over the web browsers.
Application of JavaScript
• JavaScript is used to create interactive websites. It is mainly used for:
• Client-side validation,
• Dynamic drop-down menus,
• Displaying date and time,
• Displaying pop-up windows and dialog boxes (like an alert dialog box,
confirm dialog box and prompt dialog box),
• Displaying clocks etc.
Python is a popular programming language. It was created by Guido van Rossum, and
released in 1991.
It is used for:
Learning by Doing
In this tutorial you get a step by step guide on how to install and create a Django project.
You will learn how to create a project where you can add, read, update or delete data.
You will learn how to make HTML Templates and use Django Template Tags to insert data
within a HTML document.
You will learn how to work with QuerySets to extract, filter, and sort data from the database.
You will also learn how to set up a PostgreSQL database and how to deploy your Django
project to the world.
What is Django?
Django is a Python framework that makes it easier to create web sites using Python.
Django takes care of the difficult stuff so that you can concentrate on building your web
applications.
Model - The data you want to present, usually data from a database.
View - A request handler that returns the relevant template and content - based on the
request from the user.
Template - A text file (like an HTML file) containing the layout of the web page, with
logic on how to display the data.
Model
The model provides data from the database.
In Django, the data is delivered as an Object Relational Mapping (ORM), which is a technique
designed to make it easier to work with databases.
The most common way to extract data from a database is SQL. One problem with SQL is that
you have to have a pretty good understanding of the database structure to be able to work
with it.
Django, with ORM, makes it easier to communicate with the database, without having to
write complex SQL statements.
View
A view is a function or method that takes http requests as arguments, imports the relevant
model(s), and finds out what data to send to the template, and returns the final result.
Template
A template is a file where you describe how the result should be represented.
Templates are often .html files, with HTML code describing the layout of a web page, but it
can also be in other file formats to present other results, but we will concentrate on .html
files.
Django uses standard HTML to describe the layout, but uses Django tags to add logic:
RequirementsSpecification
Software Requirements:
Technology: html, css, javascript
IDE: Atom, Vs Code
Hardware Requriment:
Processor: Pentium-lll or higher
Ram: 4GB or higher
Hard disk: 120GB OR HIGHER
SCREENSHOTS:
TESTING
While the game of snake does make use of the hash and queue, it does not serve as a
exhaustive test or your data structure implementation. For example it takes a long time of
playing to create a resize event that is often the hardest to get correct for both the array
queue and myhashset. Instead, write unit test to check the correctness of your program.
What do I test?
Probably the hardest part of testing is figuring out a strategy to make good tests.
Your end goal is to make sure you cover every possible code path and check that it
is correct.
LEVEL OF TESTING:
Three types of testing
Sanity test:
Sanity test are tests that check basic operation. The goal is
to make sure you got a good start on the code. A sanity test
might add an item to queue and then remove it, and check
that the same item was returned.
Edge case tests:
What happen if you construct a hashtable with a load factor
of -1.1?
Check to make sure your code act correctly, for example, by
throwing an expception.what happen when the array wrap
around or resize? Check cases like this as well with separate
test.
Stress tests :
Stress tests will attempt to run through all code paths by
doing long, random sequence of operations.
DATA TEST
Test Data
Tests Drives
Component
Objective
Once connected the two team members should try to “Stick together”
the whole game unless their tail is pulled. The objective of the snake
head is to pull the tails off of the other snakes.
CONCLUSION
While the final version resulted in a snake that could eat food, the
movement glitch caused the food to cause further size issues. Despite the
fact that the game could not truly be played due to the fact no score
could be given, the game is still satisfying.
If the snake crashes into a side, or into itself, then it is dead, and the
game stops.
The Snake and The Mirror summary teaches us that we should not be
proud of ourselves and whatever one has is a blessing from God.
BIBLIOGRAPHY
Wikipedia
https://www.geeksforgeeks.org/HTML,CSS,JAVASCRIPT
https://www.javatpoint.Com
https://www.w3school.Com
https://www.tutorialspoint/