CHAT-ROOM 2019- 20

CHAPTER 1
INTRODUCTION
1.1 Introduction to Project
The Project titled “CHAT-ROOM” .Communication is a mean for people to
exchange messages. It has started since the beginning of human creation. Distant
communication began as early as 1800 century with the introduction of television
communication, telegraph and then telephony.Interstingly enough, telephone
communication stands out as the fastest growing technology, from fixed line to mobile
wireless, from voice call to data transfer. The emergence of computer network and
telecommunication technologies bears the same objective that is to allow people to
communicate. All this while, much efforts has been drawn towards consolidating the
device into one and therefore indiscriminate the services. Chatting is a method of using
technology to bring people and ideas together. It is a kind Communication that offers a
real-time transmission of text messages from sender to receiver.Chat messages are
generally short in order to enable other participants to respond quickly. There by, a
feeling similar to a spoken conversation is created. Our project is an example of a chat
server that allows people to create, share or exchange information. To start chatting our
client should get connected to server where they can do Group and private chatting.

1.2 Objectives of the Project

 The main objective of the project is to allow each and every person can get
connect with each other.
 To allow each person to share their thoughts and views.
 Two way text messaging.
 This Project is to create a chat application with a server and users to enable the
users to chat with each other’s.
 To develop an instant messaging solution to enable users to seamlessly
communicate with each other
 The project should be very easy to use enabling even a novice person to use it.

Dept. of CSE, CIT, Gubbi. Page 1

CHAT-ROOM 2019- 20

CHAPTER-2
SYSTEM ANALYSIS
2.1 Proposed System Features

 User friendliness is provided in the application with various controls.

 The system makes the overall project management much easier and flexible.

 It can be accessed over the internet.

 Vast amount of data can be stored.

 There is no risk of data mismanagement at any level while the project

development is under process.

 Relationship between the administrator, owner/developer and subcontractor can

be maintained very easily.

 It provides high level of security using different protocols like https etc.

2.2 Features of Chat profile Module

 Admin can manage the chat profile

 Admin can edit/delete the chat profile
 Admin can see the list of all chat profile
 Chat user can see chat profile

2.3 Functionality performed by Chat Room:

 Login For Admin

 Forgot password for Admin
 Register for new user
 Dashboard for Admin user
 Manage Chat User
• Adding New Chat User
• Group Chat
• Photo Upload

Dept. of CSE, CIT, Gubbi. Page 2

CHAT-ROOM 2019- 20

• View details of the Chat User

2.4 Scope of the Project

It may help collecting perfect management in details. Ina very short time, the
collection will be obvious, simple and sensible. It will help a person to know the
management of passed year perfectly. It also helps in current all works relative to social
media chat application. It will be also reduced the cost of collecting the management and
collection procedure will go on smoothly.
Our project aims at Business process automation, i.e. we have tried to computerize
various processes of chat application that provides a user-friendly activity to the user
view, download and also share the result page.
 In Computer system, the person has to fill the various forms and number of copies
of the forms can be easily generated at a time.
 To assist the staff in capturing the effort spent on their respective working areas.
 To utilize resources in an efficient manner by increasing the productivity.
 The system generates type of information that can be used for various purposes.
 It satisfies the user requirements.
 Be easy to understand by the user and the admin.
 Be easy to operate and expandable.
 Have a good user-interface.

2.5 Aim of the Project

The main aim of the simple php MySQL project is to develop web
application as per student requirements. The main Objective for developing this social
media chat App is to manage all the information about the chat history of the users.
 Provides the searching facilities based on various factors, Such as Chat History,
Chat Profile.
 To increase efficiency of managing the chat application.
 Editing, uploading photo and updating Records is improved which results in
proper resource management of chat Application.

Dept. of CSE, CIT, Gubbi. Page 3

CHAT-ROOM 2019- 20

CHAPTER 3
REQUIREMENT SPECIFICATIONS

3.1 Software Configuration

NAME OF THE COMPONENT SPECIFICATION

Operating System Windows 8 and above
Frontend Tool Adobe Dream viewer
Server Xampp Server
Backend Layer/Database MySQL
Frontend HTML, CSS(Bootstrap 3), AJAX
Backend PHP

3.2 Hardware Configuration

NAME OF THE COMPONENT SPECIFICATION

Processor Intel core i3 and above version
Speed 1.20 GHz
RAM 2GB or more
Monitor 15” color monitor or advance
Mouse Any mouse
Keyboard Standard windows keyboard

3.3 Development Environment Design Features Open Source

PHP is freely available for use. The community of open source PHP developers
provides technical support and is constantly improving updating the core PHP
functionalities. PHP is available at free of cost under PHP General Public License and
most of its associative required software's like MySQL, Text Editors and Apache Server
are also freely available, so it proves very cost effective for the developers.
Cross-Platform
PHP provides high compatibility with leading operating systems and web servers such as
thereby enabling it to be easily deployed across several different platforms. PHP scripts
Dept. of CSE, CIT, Gubbi. Page 4
CHAT-ROOM 2019- 20

can run across operating systems such as Linux, Windows, Solaris, Open BSD, Mac OSX
etc. and also provide support for all major web servers such as Apache, IIS, iPlanet etc.
Power
Several web tasks can now be easily perform using PHP. For example now we can
develop from small websites to giant business and organizational websites, informative
forums, chatting platforms, CRM solutions, e-commerce shopping carts, community
websites, e-business, shopping carts and gigantic database driven sites.
User Friendly
Designed in a user friendly manner, PHP gives more flexibility than C, C++ and
ASP and overall helps in increasing traffic to the site.
Quick
PHP is designed to work well with the web, and so things like accessing the GET
and POST and working with HTML and URLs are built-ins in the PHP language. This
makes it really concise and straightforward to make a website.
Extensions
Being an open source language, a large number of libraries and extensions, to
extend its core functionalities, are available for download. The source code of PHP can
be modified to include custom created extensions and components thereby increasing its
extensibility.
Easy Deployment
There are many hosting companies that will, for a few dollars a month, give you a
server running PHP so you can make a website really easily.
Automatically Refreshes
Nowadays developing dynamic websites are in the huge demand due to its specific
characteristics like it automatically refreshes and does not need to make much changes
manually.
Community Support
A huge advantage that PHP offers is its community. If you are looking for a
particular script, chances are another user has already created something similar. Check
within the PHP community for availability. Likewise, if you have created a function that
others might enjoy, be sure to post the code for others.
Other Tools
If you need to access other web based tools like Google maps (which is always
advisable for a business website), or any other, PHP makes it easy to access.

Dept. of CSE, CIT, Gubbi. Page 5

CHAT-ROOM 2019- 20

Talent Availability
You can hire PHP programmers more easily than any other language
programmers since so many people know the language.
Apache Web server
Often referred to as simply Apache, a public-domain open source web server
developed by a loosely-knit group of programmers. The first version of Apache, based on
the NCSA http Web server, was developed in 1995.
Core development of the Apache Web server is performed by a group of about 20
volunteer programmers, called the Apache Group. However, because the source code is
freely available, anyone can adapt the server for specific needs, and there is a large public
library of Apache add-ons. In many respects, development of Apache is similar to
development of the Linux operating system.
The original version of Apache was written for UNIX, but there are now versions
that run under OS/2, Windows and other platforms. The name is a tribute to the Native
American Apache Indian tribe, a tribe well known for its endurance and skill in warfare.
A common misunderstanding is that it was called Apache because it was developed from
existing NCSA code plus various patches, hence the name a patchy server, or Apache
server.
Apache consistently rates as the world’s most popular Web server according to
analyst surveys. Apache has attracted so much interest because it is full-featured, reliable,
and free.
Originally developed for UNIX™ operating systems, Apache has been updated to
run on Windows, OS/2, and other platforms. One aspect of Apache that some site
administrators find confusing especially those unfamiliar with UNIX-style software is its
configuration scheme.
Instead of using a point-and-click graphic user interface (GUI) or Windows
Registry keys as most other modern software packages, Apache generally relies on
simple text files for its configuration settings.
Introduction to MYSQL:
MySQL is a powerful database. It’s very good and free of change. Many
developers in the world selected MySQL and php for developing their website.

Dept. of CSE, CIT, Gubbi. Page 6

CHAT-ROOM 2019- 20

The MySQL database has become the world’s most popular open source database
because of its consistent fast performance, high reliability and ease of use. It’s used in
more than 6 million installations ranging from large corporations to specialized
embedded applications on every continent in the world.
Not only is MySQL the world’s most popular open source database, it’s also
become the database of choice for a new generation of applications built on the LAMP
stack(Linux, Apache, MySQL, php / Perl / python.) MySQL runs on more than 20
platforms including Linux, Window, OS/X, HP-UX, AIX, Netware, giving you the kind
of flexibility that puts you in control.
Whether you’re new to database technology or an experienced developer or DBA,
MySQL offers a comprehensive range of certified software, support, training and
consulting to make you successful .MYSQL is a free, widely used SQL engine. It can be
used as a fast database as well as a rock-solid DBMS using modular engine architecture.
MYSQL Language:
DDL (Data Definition Language) refers to the CREATE, ALTER and DROP
statements.DDL allows adding / modifying / deleting the logical structures which contain
the data or which allow users to access / maintains the data (databases, tables, keys,
views...). DDL is about "metadata".
DCL is used to grant / revoke permissions on databases and their contents. DCL is
simple, but MYSQL's permissions are rather complex. DCL is about security.
HTML :
Hypertext Markup Language (HTML) is the standard markup languages for
documents designed to be displayed in a web browser It can be assisted by technologies
such as Cascading Style Sheet (CSS) and scripting language such as Java Script .
Web browsers receive HTML documents from a web server or from local storage
and render the documents into multimedia web pages. HTML describes the structure of a
web page semantically and originally included cues for the appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs,
images and other objects such as interactive forms may be embedded into the rendered
page.
HTML provides a means to create structured documents by denoting
structural semantics for text such as headings, paragraphs, lists link, quotes and other
items. HTML elements are delineated by tags written using angle brackets. Tags such
as <img/> and <input/> directly introduce content into the page. Other tags such

Dept. of CSE, CIT, Gubbi. Page 7

CHAT-ROOM 2019- 20

as <p>surround and provide information about document text and may include other tags
as sub-elements. Browsers do not display the HTML tags, but use them to interpret the
content of the page.
HTML can embed programs written in a scripting language such as JavaScript,
which affects the behavior and content of web pages.
CSS :
Cascading style sheets is a style sheet language used for describing the
presentation of a document written in a mark-up language like HTML. CSS is a corner-
stone technology of the World Wide Web, along sites, along HTML and Java script. CSS
is designed to enable the separation of presentation and content, including layout, colors,
and fonts.
SQL :
Structured Query Language is a domain specific language used in programming
and designed for managing data held in a relational database management system
(RDBMS) or stream processing in a relational data stream management system. It is
particularly useful in handling structured data where there are relations between different
entities/variables of the data.
AJAX :
Asynchronous JavaScript and XML  is a set of web development techniques using
many web technologies on the client side to create asynchronous web application. With
Ajax, web applications can send and retrieve data from a server asynchronously (in the
background) without interfering with the display and behavior of the existing page. By
decoupling the data interchange layer from the presentation layer, Ajax allows web pages
and, by extension, web applications, to change content dynamically without the need to
reload the entire page. In practice, modern implementations commonly
utilize JSON instead of XML.
Ajax is not a single technology, but rather a group of
technologies. HTML and CSS can be used in combination to mark up and style
information. The webpage can then be modified by JavaScript to dynamically display—
and allow the user to interact with—the new information. The built-in XML http
request object, or since 2017 the new "fetch()" function within JavaScript, is commonly
used to execute Ajax on web pages allowing websites to load content onto the screen
without refreshing the page. Ajax is not a new technology, or different language, just
existing technologies used in new ways.

Dept. of CSE, CIT, Gubbi. Page 8

CHAT-ROOM 2019- 20

Bootstrap:
Bootstrap (front-end framework) is a free and open-source front-end framework
for designing websites and web applications. It contains HTML and CSS based design
templates for typography, forms, buttons, navigation and other interface components, as
well as optional JavaScript extensions. It is a framework that helps design websites
faster and easier. It includes HTML and CSS based design templates for typography,
forms, buttons, tables, navigation, image carousels, etc. It also gives us support for
JavaScript plugins. Bootstrap was also programmed to support HTML5 and CSS3.
Some important features of bootstrap are: Easy to begin with, easily customizable,
responsive utility classes, drop-down component menu, bootstrap templates etc.
XAMPP
It is a free and open source cross platform web server solution stack package
developed by Apache . It is simple , lightweight Apache distribution that makes it
extremely easy for developers to create a local web server for testing and deployment
purposes. XAMPP is also cross-platform , which means it works equally well on Linux ,
Mac and windows . Since most actual web server deployments use the same components
as XAMPP , it makes transitioning from a local test server to a live server extremely easy
as well.
XAMPP CONTROL PANEL

Dept. of CSE, CIT, Gubbi. Page 9

CHAT-ROOM 2019- 20

CHAPTER 4
SYSTEM DESIGN

The aim of the site is to present the following factors to the people for better
usability:
• Registering new user.
• Creating valid login credentials.
• Creating or deleting chat rooms.
• Adding members to the chat rooms.
• Making a chat room public or private.
• Admin login to view and change the user information.
• Admin login to view and change chat room information.
• Updating personal information.

4.1 DATA FLOW GRAPH

FIGURE 4.1: Data flow diagram

Dept. of CSE, CIT, Gubbi. Page 10

CHAT-ROOM 2019- 20

CHAPTER 5
SYSTEM IMPLEMENTATION

5.1. Input Design:

Input design is the method by which valid data are accepted from the user.
The valid data turn is stored as operational data in the database. Incorrect input data
are the most common cause of errors in the data processing. The input design is
carried out in such a way that the input screens are user friendly. The goals of
designing input design are to make input data entry as easy and error free. Input
screen takes care to filter the valid data from being becoming an operational data at
data entry phase.
Input design is the part of the overall system design that careful attention and
is the most expensive phase. It is the point of most contact for the users with the
system and so it is prone to errors.
5.2. Output Design:
The output design defines the output required and the format in which it is to be
produced. Care must be given to present the right information.
The output is the most important and direct source of information to the user.
Efficient, output design should improve the systems relationship with the user and helps
in decision making. A major form of output is a hard copy from the printer. Printouts
should be designed around the output requirement to the user. The standard that is
maintained for output design is clear. Output provides a permanent copy of the results for
the later consultation.

5.3 Module Description:

Chat room consists of 7 modules:
1. Register/login:
The user has an existing account; he/she is prompted to login. If it is a new
user, he/she will have to create an account using register module to enter
chat room lobby .
2. Add/delete chat room:
He/She can create a chat room. While creating a chat room user can make
the room private or public. If the user chooses the room to be private, then
he/she need to enter the password.
Dept. of CSE, CIT, Gubbi. Page 11
CHAT-ROOM 2019- 20

3. Add/delete member:
A user who has created the chat room has accessibility to add/delete a
member from a room. The admin also has the privileges to add/delete
member from his/her account.
4. My chat:
The users or members present in the chat room can text other user or
members present in the same room.
5. Update account:
He/she can update his/her account details anytime. Even an admin has
same privileges as the user of that account.

5.4 Test Cases

5.4.1 Login

SI.no Username Password Result Remark

1 Correct Correct Login Pass
Successful
2 Wrong Correct Invalid Pass
username
3 Correct Wrong Invalid Pass
password
4 Wrong Wrong Invalid Pass
username

5.4.2 Entry to chat room

SI.no Password Result Remark

1 Correct Entry to chat room Pass
2 Wrong Invalid Password Pass

Dept. of CSE, CIT, Gubbi. Page 12

CHAT-ROOM 2019- 20

CHAPTER 6
SCREENSHOTS
6.1 Login Page

FIGURE 6.1: Front Page

6.2 New User Sign up

Dept. of CSE, CIT, Gubbi. Page 13

CHAT-ROOM 2019- 20

FIGURE 6.2: Sign Up

6.3 Alert Message

FIGURE 6.3: Alert Message

6.4 Lobby page of Chat room

FIGURE 6.4: Lobby

Dept. of CSE, CIT, Gubbi. Page 14
CHAT-ROOM 2019- 20

6.5 Create new Chat room

FIGURE 6.5: New chat room

6.6 Display of Chat Messages

FIGURE 6.6: Chatting Arena

Dept. of CSE, CIT, Gubbi. Page 15

CHAT-ROOM 2019- 20

6.7 Entry to Chat room by providing password

FIGURE 6.7: Entry by Password

6.8 Adding New member to the Chat Room

FIGURE 6.8: Adding Member

Dept. of CSE, CIT, Gubbi. Page 16

CHAT-ROOM 2019- 20

6.9 Deleting Chat Room

FIGURE 6.9: Deleting Room

6.10 Editing the profile

Figure 6.10: Profile Edit

Dept. of CSE, CIT, Gubbi. Page 17

CHAT-ROOM 2019- 20

6.11 Uploading Photo

FIGURE 6.11: Upload Photo

6.12 User Log Out

FIGURE 6.12: Log Out

Dept. of CSE, CIT, Gubbi. Page 18

CHAT-ROOM 2019- 20

CHAPTER 7
CONCLUSION

The project Chat room helps to communicate with each other easily and also share
our ideas so quickly so that all the things could develop so fast. It enables them to stay
connected with their peers, and help them to interact with each other. This software plays
a pivotal role in decreasing the interaction gap among the various peoples. In our project
dealing with text communication, group chatting. The primary use of a chat room is to
share information via text with a group of other users. Generally speaking, the ability to
converse with multiple people in the same conversation differentiates chat rooms from
instant messaging programs, which are more typically designed for one-to-one
communication. The users in a particular chat room are generally connected with
connection, and chat rooms exist catering for a wide range of subjects. This would be
considered a chat room.

Dept. of CSE, CIT, Gubbi. Page 19

CHAT-ROOM 2019- 20

REFERENCES
Reference books
 Robin Nixon, “Learning PHP, MySQL &JavaScript with jQuery, CSS and
HTML5”,4th Edition
 Luke Welling, Laura Thomson, ”PHP and MYSQL Web Development”,5 th
Edition
 Nicholas C Zakas, ”Professional JavaScript for Web Developers”,3rd Edition
 David sawyer McFarland, ”JavaScript & jQuery: The Missing Manual”, 1 st
Edition.
Web Sites
i. https://stackoverflow.com/

ii. https://www.w3schools.com/

iii. https://www.webdeveloper.com/

Dept. of CSE, CIT, Gubbi. Page 20