Professional Documents
Culture Documents
On
Online Accommodation
Submitted By:
ROHIT JHA
ABHISHEK ANAND
SOUMYA SHRIVASTAVA
B. TECH DEGREE
In
School of Engineering
Cochin University of Science & Technology
Kochi-682022
CERTIFICATE
ONLINE ACCOMADATION
Done by
ROHIT JHA
ABHISHEK ANAND
SOUMYA SHRIVASTAVA
ACKNOWLEDGEMENT
We take this occasion to thank God, almighty for blessing us with his grace and taking our endeavor to
a successful culmination. We extend our sincere and heartfelt thanks to our esteemed guide
Dr.SUDHEEP ELAYIDOM , for providing us with the right guidance and advice at the crucial junctures
and for showing me the right way. We also take this opportunity to express a deep sense of gratitude to
our class coordinators, Dr. SUDHEEP ELAYIDOM and Mrs PREETHA S for their cordial support,
valuable suggestions and guidance. We extend our sincere thanks to our respected Head of the
division Mr. PRAMOD PAVITHRAN, for allowing us to use the facilities available. We would like to
thank the other faculty members also, at this occasion. Last but not the least, we would like to thank our
friends and family for the support and encouragement they have given us during the course of our work .
ABSTRACT
GROUP MEMBERS:
PROJECT GUIDE:
Dr.SUDHEEP ELAYIDOM
DESCRIPTION:
Online accommodation is a web portal for providing details about the rooms available in our campus
.User need to specify their requirement like gender (male, female),room type(single,
double),region(North India, South India)and range(1000,2000 ,3000).The system will match the user
details in the database and after finding the match the required details is given tothe user.
It will also give information about cooks and shops available inside the campus.
The system will have a Admin page from which he can add details about the rooms. This will reduce the
effort required by the new students and existing student in searching room and other useful things.
LANGUAGE USED:
TABLE OF CONTENTS
1. INTRODUCTION
1.1 PROJECT AIMS AND OBJECTIVES
1.2 BACKGROUND OF PROJECT
1.3 OPERATION ENVIRONMENT
2. SYSTEM ANALYSIS
2.1 SOFTWARE REQUIREMENT SPECIFICATION
2.2 EXISTING VS PROPOSED
2.3 SOFTWARE TOOL USED
3. SYSTEM DESIGN
3.1 DATA FLOW DIAGRAM’S
3.2 TABLE DESIGN
4. SYSTEM IMPLEMENTATION
4.1 MODULE DESCRIPTION
5. SYSTEM TESTING
6.CONCLUSION .
APPENDIX
CHAPTER 1
INTRODUCTION
This chapter gives an overview about the aim,objectives, background and operation
environment of the system.
DATABASE MY SQL
CHAPTER 2
SYSTEM ANALYSIS
In this chapter, we will discuss and analyze about the developing process of Online accommodation
System including software requirement specification (SRS) and comparison between existing and
proposed system. The functional and non functional requirements are included in SRS part to provide
complete description and overview of system requirement before the developing process is carried out.
Besides that, existing vs proposed provides a view of how the proposed system will be more efficient
than the existing one.
When a computerized system is not there large amount of time is wasted in going to each and every
location and talking with the land owner.
2.1.3.1.1EFFICIENCY REQUIREMENT
When this online accommodationportal system will be implemented users and house owners can
easily access online accommodation system and searching for accommodation will be very faster .
The whole system is expected to be delivered in six months of time with a weekly evaluation by the
project guide.
2.1.3.2FUNCTIONAL REQUIREMENTS
2.1.3.2.1SEARCH ACCOMODATION
This feature used by the user to search for accommodation in the system. They are required to enter fields
regarding their gender,location,range region etc. .The corresponding details will be retrieved from the
database and displayed to the user.The system performs the search from the database and based on the
entered field required information is displayed to the user.
New accommodation can be added by the admin.
This feature can be performing by all users to register new admin .Admin is the moderator of the page
and can modify info about the accommodation.
2.1.3.2.2VERIFY ACCOMODATION
System must be able to verify information,Only single entry must be assigned for each attribute of a
table and it should not allow two same address having same location id.
In this feature we can get the info about the cook available in the university along with their
contact information and their in picsSystem must be able to filter cook details based on keyword
entered.System must be able to show the filtered cook in table view
2.1.3.2.4SHOP DETAILS
This feature gives details about the shop stationed in our campus. System must be able to enter
cook information in database.System must be able to update details of cooks.System must be able to
The process of finding accommodation was relatively very difficult and made it trouble
for students and parents to find room in campus thus to overcome this this portal was
designed:
i. There is no such existing system presently and this made is difficult
ii. The searching process included a lot of hardship and wastage of time.
iii. The proposed system is completely new concept that will be helpful to students and parents
iv. The proposed system makes a great database of all the accommodation of the campus thus
can be used for other purpose too.
v. The proposed system is quiet secure as only admin is allowed make any entry to it
The whole Project is divided in two parts the front end and the back end.
Front end
The front end is designed using of html , Php ,css, Java script :
1. HTML
HTML- HTML or Hyper Text Markup Language is the main markup language for
creating web pages and other information that can be displayed in a web browser.HTML is
written in the form of HTML elementsconsisting of tags enclosed in angle
brackets (like <html>), within the web page content. HTML tags most commonly come in pairs
like <h1> and </h1>, although some tags represent empty elements and so are unpaired, for
example <img>. The first tag in a pair is the start tag, and the second tag is the end tag (they
are also called opening tags and closing tags). In between these tags web designers can add
text, further tags, comments and other types of text-based content. The purpose of a web
browser is to read HTML documents and compose them into visible or audible web pages. The
browser does not display the HTML tags, but uses the tags to interpret the content of the
page.HTML elements form the building blocks of all websites. HTML allows images and
objects to be embedded and can be used to create interactive forms. It provides a means to
create structured documents by denoting structural semantics for text such as headings,
paragraphs, lists, links, quotes and other items. It can embed scripts written in languages such
as JavaScript which affect the behavior of HTML web pages.
An HTML document has a definite structure that must be specified to the browser. The HTML's
beginning and end must be defined, as well as the document's HEAD (which contains information for
the browser that does not appear in the browser's main window) and its BODY (which contains the text
that will appear in the browser's main window). The use and order of tags that define the HTML
structure are described below.
<IMG SRC="filename.ext">
Inserts a graphic into the web page. "SRC" is a required attribute. "HEIGHT",
"WIDTH", "ALT", "BORDER" and "ALIGN" are optional attributes.
CSS- Cascading Style Sheets (CSS) is a style sheet language used for describing the look and
formatting of a document written in a markup language. While most often used to style web
pages and interfaces written in HTML and XHTML, the language can be applied to any kind
of XML document, including plain XML, SVG and XUL. HTML was originally designed as a simple
way of presenting information, with the aesthetics of a web page being far less important than the
content (and largely being left up to the web browser). Of course, now that the web has become as
popular as it has, the presentation of your content has become almost critical to a site’s success.
CSS is the key presentational technology that is used to design websites. CSS is a cornerstone
specification of the web and almost all web pages use CSS style sheets to describe their
presentation.CSS is designed primarily to enable the separation of document content from
document presentation, including elements such as the layout, colors, and fonts. This separation
can improve content accessibility, provide more flexibility and control in the specification of
presentation characteristics, enable multiple pages to share formatting, and reduce complexity and
repetition in the structural content (such as by allowing for table less web design).CSS can also
allow the same markup page to be presented in different styles for different rendering methods,
such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader)
and on Braille-based, tactile devices. It can also be used to allow the web page to display differently
depending on the screen size or device on which it is being viewed. While the author of a document
typically links that document to a CSS file, readers can use a different style sheet, perhaps one on
their own computer, to override the one the author has specified. However if the author or the
reader did not link the document to a specific style sheet the default style of the browser will be
applied.CSS specifies a priority scheme to determine which style rules apply if more than one rule
matches against a particular element. In this so-called cascade, priorities or weights are calculated
and assigned to rules, so that the results are predictable.
3 JavaScript (JS)
JAVA SCRIPT- JavaScript (JS) is a dynamic computer programming language. It is most commonly
used as part of web browsers, whose implementations allow client-side scripts to interact with the user,
control the browser, communicate asynchronously, and alter the document content that is displayed. It
is also being used in server-side programming, game development and the creation of desktop and
mobile applications. JavaScript is a prototype-based scripting language with dynamic typing and
has first-class functions. Its syntax was influenced by C. JavaScript copies many names and naming
conventions from Java, but the two languages are otherwise unrelated and have very different
semantics. The key design principles within JavaScript are taken from
the Self and Scheme programming languages. It is a multi-paradigm language, supporting object-
oriented, imperative, and functional programming styles. The application of JavaScript to use outside of
web pages—for example, in PDF documents, site-specific browsers, and desktop widgets—is also
significant. Newer and faster JavaScript VMs and platforms built upon them (notably Node.js) have also
increased the popularity of JavaScript for server-side web applications. On the client side, JavaScript
was traditionally implemented as an interpreted language but just-in-time compilation is now performed
by recent (post-2012) browsers.
4. PHP
PHP is a server-side scripting language designed for web development but also used as a general-
purpose programming language.PHP is a popular general-purpose scripting language that is especially
suited to web development.Fast, flexible and pragmatic, PHP powers everything from your blog to the
most popular websites in the world. PHP is now installed on more than 244 million websites and 2.1
million web servers. Originally created by Rasmus Lerdorf in 1995, the reference implementationof PHP
is now produced by The PHP Group. While PHP originally stood for Personal Home Page, it now stands
for PHP: Hypertext Preprocessor, a recursive backronym.PHP code is interpreted by a web server with
a PHP processor module, which generates the resulting web page: PHP commands can be embedded
directly into an HTML source document rather than calling an external file to process data. It has also
evolved to include a command-line interface capability and can be used in standalone graphical
applications.PHP is free software released under the PHP License. PHP can be deployed on most web
servers and also as a standalone shell on almost every operating system and platform, free of charge.
4.1 PHP 5
PHP 5 was released in July 2004 after long development and several pre- releases. It is mainly
driven by its core, the Zend Engine 2.0 with a new object model and dozens of other new features.
PHP's development team includes dozens of developers, as well as dozens others working on PHP-
related and supporting projects, such as PEAR, PECL, and documentation, and an underlying network
infrastructure of well over one-hundred individual web servers on six of the seven continents of the
world. Though only an estimate based upon statistics from previous years, it is safe to presume PHP is
now installed on tens or even perhaps hundreds of millions of domains around the world.
BACK END- The back end is designed using mysql which is used to design the databases
MYSQL- MySQL ("My S-Q-L", officially, but also called "My Sequel") is (as of July 2013) the
world's second most widely used open-source relational database management
system (RDBMS). It is named after co-founder Michael Widenius daughter, My. The SQL phrase
stands for Structured Query Language. The MySQL development project has made its source
code available under the terms of the GNU General Public License, as well as under a variety
of proprietary agreements. MySQL was owned and sponsored by a single for-profit firm,
the Swedish company MySQL AB, now owned by Oracle Corporation .MySQL is a popular
choice of database for use in web applications, and is a central component of the widely
used LAMP open source web application software stack (and other 'AMP' stacks). LAMP is an
acronym for "Linux, Apache, MySQL, Perl/PHP/Python." Free-software-open source projects
that require a full-featured database management system often use MySQL. For commercial
use, several paid editions are available, and offer additional functionality. Applications which use
MySQL databases include: TYPO3, MODx, Joomla, WordPress, phpBB, MyBB, Drupal and
other software. MySQL is also used in many high-profile, large-scale websites,
including Wikipedia, Google (though not for searches), Facebook, Twitter, Flickr, and YouTube
2 PHP is a server-side scripting language designed for web development but also used as a general-
purpose programming language.PHP is a popular general-purpose scripting language that is
especially suited to web development.Fast, flexible and pragmatic, PHP powers everything from
your blog to the most popular websites in the world. PHP is now installed on more than 244
million websites and 2.1 million web servers. Originally created by Rasmus Lerdorf in 1995,
the reference implementationof PHP is now produced by The PHP Group. While PHP originally
stood for Personal Home Page, it now stands for PHP: Hypertext Preprocessor, a
recursive backronym.PHP code is interpreted by a web server with a PHP processor module, which
generates the resulting web page: PHP commands can be embedded directly into an HTML source
document rather than calling an external file to process data. It has also evolved to include
a command-line interface capability and can be used in standalone graphical applications.PHP
is free software released under the PHP License. PHP can be deployed on most web servers and
also as a standalone shell on almost every operating system and platform, free of charge.
PHP 5
PHP 5 was released in July 2004 after long development and several pre- releases. It is
mainly driven by its core, the Zend Engine 2.0 with a new object model and dozens of
other new features.
PHP's development team includes dozens of developers, as well as dozens others working
on PHP-related and supporting projects, such as PEAR, PECL, and documentation, and an
underlying network infrastructure of well over one-hundred individual web servers on six of
the seven continents of the world. Though only an estimate based upon statistics from
previous years, it is safe to presume PHP is now installed on tens or even perhaps
hundreds of millions of domains around the world.
CHAPTER 3
SYSTEM DESIGN
GENERAL MODEL
General model of online accommodation is shown in fig in which administrator and staff at remote
Server can send request to client system to capture their desktop.
NETWORK
SEARCH DATABASE
ENTER
ENTER SPECIF CHECK
STUDENT NAME FOR
D
ICATION
MATCH
IF FOUND
ACCOMADATION
WEB SERVER DISPLAY
PAGE
After entering to the home page of the website, student/parent can choose the services option where they are
asked to enter name ,gender, range and location etc. fields that will generate a search result on the basis of match
found retrieving data from search database.
ADMIN
DATABASE
ENTER
ENTER USERNAME CHECK
ADMINT URL & VALIDITY
PASSWORD
IF VALID
ADMIN
WEB SERVER LOGIN
PAGE
FIGURE :3.1
After entering to the home page of the website, admin can choose the admin LOGIN option where they
are asked to enter username &password, and if he/she is a valid user then a admin login page will be
displayed and will be redirected to a data addition page.
O.
ADMIN DATA ENTER
IF
MESSAGE UPDTE
ESSGE
SELECT
LOGIN DETAIL BOOK
NO. “BOK
OF
PAGE ENTRY
ISSUE
VALIDDISPLAYED COPIS RESERVED”
PAGE 3
SEARCH
DATABASE
FIGURE :3.2
It is a 2nd level Data Flow Diagram where after entering ADMIN LOGIN page he/she can enter the
required fields related to any accommodation in the campus thus making a control over duplicate and
illegal entry.
TABLE DESIGN
CHAPTER 4
SYSTEM IMPLEMENTATION
ADMIN
The following module contains various facilities like data entry, data validation ,search and
report generation.
<li><a href="adminlogin.html">ADMIN</a></li>
<li><a href="shop.html">Shops</a></li>
<li><a href="cook.html">Cook details</a></li>
<li><a href="gal.html">Gallery</a></li>
</ul>
<ul id="feed">
<li><a href="help.html"><FONT
SIZE=3>HELP</FONT SIZE></a></li>
</ul>
</div>
</div>
</body>
</html>
//////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////
<?php #admin/index.php
#####[make sure you put this code before any html
output]#####
//connect to server
$dbc = mysqli_connect("localhost","root","","project") or
die('could not connect: '. mysqli_connect_error());
//select db
mysqli_select_db($dbc, 'project') or die('no db connection');
//starting a session
session_start();
<html>
<body>
<h1>WRONG PASSWORD
<a href="adminlogin.html">try again </a>
</body>
</html>
//////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////
<?php
$con=mysqli_connect("localhost","root","","project");
// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$locid1=$_GET['locid'];
$location1=$_GET['location'];
$rangee1=$_GET['rangee'];
$region1=$_GET['region'];
$roomtype1=$_GET['roomtype'];
$ownername1=$_GET['ownername'];
$contact1=$_GET['contact'];
$advance1=$_GET['advance'];
$comment1=$_GET['comment'];
$address1=$_GET['address'];
$sex1=$_GET['sex'];
$landmark1=$_GET['landmark'];
($locid1,$rangee1,$location1,$region1,$roomtype1,$ownername1,
$address1,$contact1,$advance1,$comment1,$sex1,$landmark1)";
if(!mysqli_query($con,$sql))
{
die(' entered data successfully ');
}
echo "Entered data successfully\n";
mysql_close($con);
?>
SERVICES Module
SERVICES
REGARDING The
THE following module contains various facilities like DATA ENTRY IN
MODULE
FORM, SEARCH DATABASE, FORM ADDITION etc.
HOUSE
<div class="form1">
<div style="padding-top:20px">
<h2><b><font color ="black" size="30"><pre>Enter your
requirments and details</pre>
</font></b></h2>
<feildset>
<form method="GET" action="mailing.php">
<table align="center">
<tr>
<td>NAME:
</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>Gender
</td>
<td>
<select name="sex" size="1">
<option selected value="MALE">MALE
</option>
<option value="FEMALE">FEMALE:
</option>
</select>
</td>
</tr>
<tr>
<td>
</td>
</tr><tr>
<td>
</td>
</tr>
<tr>
<td>ROOM TYPE:
</td>
<td>
<select name="roomtype" size="1">
<option selected value="SINGLE">single
</option>
<option value="DOUBLE">double
</option>
<option value="ONE_ROOM_FLAT">one room flat
</option>
<option value="DOUBLE_ROOM_FLAT" >Double bed room flat
</option>
</select>
</td>
</tr>
<tr>
<td>
</td>
</tr><tr>
<td>
</td>
</tr>
<tr>
<td>RANGE:
</td>
<td>
<select name="rangee" size="1">
<option selected value="ONE">below 1000
</option>
<option value="TWO" >1000-2000
</option>
<option value="THREE" >beyond 2000
</option>
</select>
</td>
</tr>
<br>
<tr>
<td>
</td>
</tr><tr>
<td>
</td>
</tr>
<tr>
<td>LOCATION:
</td>
<td>
<select name="location" size="1">
<option selected value="ABDULLAH">abdullah corner
</option>
<option value="MAVELI">maveli nagar
</option>
<option value="PAYAPILLIY">payapilliy
</option>
<option value="HMT">hmt colony
</option>
<option value="HIDAYAT">hidayat nagar
</option>
</select>
</td>
</tr>
<tr>
<td>
</td>
</tr><tr>
<td>
</td>
</tr>
<tr>
<td>Region
</td>
<td>
<select size="1" name="region">
<option selected value="NORTH">North indian
</option>
<option value="SOUTH">South indian
</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="checkbox" value="declaration">
</td>
<td>
<b>
i hereby declare that the above informations are corect
</b>
</tr>
<tr>
<td>
</td>
</tr><tr>
<td>
</td>
</tr><tr>
<td>
</td>
</tr>
<tr>
<td>
<input type="submit" value="SUBMIT">
</td>
<td>
<input type="reset" value="RESET">
</td>
</tr>
<tr>
<td>
<div id="capt" class="captcha">
<div style="float:center ;">
<a></a>Please type the code shown in the image: <input
type="text" name="wsp_code"/>
</div>
<div style="float:center;">
<script type="text/javascript"
src="http://webspamprotect.com/captcha/6226/"></script>
<noscript>This form protected by <a
href="http://webspamprotect.com" target="_blank" title="Web form
spam protection">WebSpamProtect</a>.
</noscript>
</div>
</td>
</tr>
</form>
</feildset>
</div>
</body>
</html>
3 OTHER MODULE
SHOP SOME
COOK DETAILS
DETAILS RECOMMANDATION
GALLAREY
SECTION
The following module contains various facilities like cook details, shop
details, some special recommendation and gallery.
CHAPTER 5
SYSTEM TESTING
The aim of the system testing process was to determine all defects in our project .The program was
subjected to a set of test inputs and various observations were made and based on these observations
it will be decided whether the program behaves as expected or not.
Our Project went through two levels of testing
1.Unit testing
2.Integration testing
UNIT TESTING
Unit testing is undertaken when a module has been created and succesfully reviewed .In order to test a
single module we need to provide a complete environment that is besides the module we would
require
4 The procedures belonging to other modules that the module under test calls
5 Non local data structures that module accesses
6 A procedure to call the functions of the module under test with appropriate parameters
Unit testing was done on each and every module that is described under module description of chapter
4
1. Test For the admin module
Testing admin login form-This form is used for log in of administrator of the system. In this
we enter the username and password if both are correct administration page will open other
wise if any of data is wrong it will get redirected back to the login page and again ask for
username and password
In this section the STUDENT/PARENT can get details from main database and the whole
information depending upon the user specification is generated as a table.
INTEGRATION TESTING
In this type of testing we test various integration of the project module by providing the
input .The primary objective is to test the module interfaces in order to ensure that no
errors are occurring when one module invokes the other module.
CONCLUSION
This website provides a web portal that is a online accommodation system which will benefit the
students as well as the parents.
It makes entire process online where student and parents can search room online just by few clicks. It
also has a facility for admin login where admin can login and can see status of flats and room issued as
well change there status or give some suggestions. It has a facility of services form where anyone can
search for their accommodation and also a suggestion page is there wherenecessarysuggestion to the
portal can be made and a mesmerizing collection of pictures so that the overview of the campus can be
collected.
Overall this website will help the students as well Parents and will make management of the
accommodation very easy very easy.
THANK YOU
APPENDIX:
TIMELINE OF PROJECT
JANUARY
2014
1 2 3 4 5 6 7
FRONT THE THE
END BASIC MAIN REQUIRED
DEVELOPMEN PAGE IMAGES
T DEVELOPED DETAILS
STRATED COLLECT
8 9 10 11 12 13 14
DEVELOP MAIN MAINPA
MENT OF PAGE GE WORK
LOGO SILDE COMPLET
SHOW OF D
IMAGE
ADDED
15 16 17 18 19 20 21
MEETI
NG WITH
GUIDE
22 23 24 25 26 27
SERVICES DATAB SERVICE FIRST
FORM ASE S FORM TABLE
CREATED WORK COMPLETE CREATED
BEGINS D
28 29 30 31
MONTH ENDS
FEBURARY
2014
15 16 17 18 19 20 21
DEMONST MEETI SUDHEEPSI INFORMA
RATION TO NG WITH R GAVE US TION OF
PREETHA GUIDE GUIDELINE TO HOUSES
MAM ADD SHOP FEED IN
PAGES DATABASE
22 23 GALL 25 26 27 28
ERY
PAGE
COMPLE
TED24
SHOP REVIE ALL
PAGE W FROM REQUIRED
COMPLETED GUIDE TABLES
CREATED
MONTH ENDS
MARCH
2014
1 2 3 4 5 6 7
FINAL ALL THE SUDHEE
ADJUSMENT LINKS ADDED PSIR
BEGIN TO CORRECT REVIEWE
PLACE D AND
CORRECTE
D OUR PHP
SCRIPTS
8 9 10 11 12 13 14
HELP ALL PROJECT
PAGE THE REVIEWED
CREATED IMPORTA
NT
CHANGES
IN OUR
CSS AS
PER
GUDING
OF
SUDHEEP
SIR
15 16 17 18 19 20 21
MEETI REPO
NG WITH RT
GUIDE PREPARE
D
22 23 25 26 27 28
ABLE REVIE
TO W FROM FINAL
COMPLET GUIDE PREENTATIO
E THE N
PROJECT
COMPLET
ED
SCREENSHOTS
FIG:6.1
The above two pictures are the main page that consist the link to various other
pages and modules , it has basic quality to attract and appeal the user
FIGURE:6.2
The above screen shot depicts the services page where the user can search
for a new accommodation and is the main tool of this portal is the
FIGURE :6.3
The admin login module for admin to make a login to insert data in the data base
FIGURE:6.3
The details of cook are displayed here.
Figure:6.4
The vivid images of campus are displayed here.
Figure:6.5
The help page is for the convenience of user
Figure:6.6
The details of flat are displayed here.
Figure:6.7
This module represent more details of flats.