Project Report On Real State Web App

REAL-ESTATE WEB APP
A PROJECT REPORT
For partial fulfillment of the requirement

for the Award for degree of
BACHELOR OF COMPUTER SCIENCE
Submitted by:
ABDULLAH AMMAR (G.L) 16BS(CS)-10

TANVERR AHMED 16BS(CS)-43
ALI IRTIZA HOAT 16BS(CS)-37
Supervised by:
Engineer Amir Bhutto
Department of Computer Science

Quaid-e-Awam University of Engineering
Science & Technology
October – 2019
CERTIFICATE
This is certified that the work presented in this thesis on “Real-Estate Web App” is
completed and demonstrated by the following group of students of 16BS(CS) batch
themselves under the supervision of honorable Sir Mr. Muhammad Amir Bhutto.
ABDULLAH AMMAR (G.L) 16BS(CS)-10

TANVEER AHMED 16BS(CS)-43
ALI IRTIZA HOAT 16BS(CS)-37
__________________________ __________________________
Mr. Muhammad Amir Bhutto Dr. Muhammad Saleem Vighio
SUPERVISOR CHAIRMAN
_________________________
EXTERNAL EXAMINER
ii
ABSTRACT
The aim of this project was to build a real estate web application using Django
framework and Postgresql. The programming environment was VS code using the
Python programming language. The real estate system provides functionality for
buyers, allowing them to search for houses. It provides functionality for the seller,
allowing them to log into the system and add new listings or delete existing ones. For
this purpose, each user is provided a login account with login ID and password access.
This web application makes use of Django framework, including web controls, html
controls, custom web controls, CSS, error handling. The programming tasks included
building the customer web controls and deploying these on server.
This site is basically developed to provide property information

to User and Realtor. User can search any kind of Real Estate with multiple options in sort
or in details and also shows interest in desired property. Realtor post real estate properties
with full required information, add any location, modify property and view interested
user who interested in his property. Admin can add any location for real estate property,
view details and delete user, realtor and property information (product). As the website
is user-friendly, it contains both simple search for any general user and also advance
search option for us
ii
Acknowledgement
ACKNOWLEDGEMENT
We take this opportunity to express our thoughtful sense of gratitude and respect to all
those who helped us throughout the duration of my project. The beatitude, bliss and
euphoria that accompany the successful completion of any task would not be completed
without the expression of appreciation of simple gratitude to the organization and people
who made it possible.
We are highly indebted to our University for providing us with such a intellectual
platform and support to carry out our project work successfully.
We wish to express out deep sense of gratitude to, Mr. Amir Bhutto, Assistant
Professor, QUEST Nawabshah for his able guidance and useful suggestions, which
helped us in completing the project work, in time.
I express my heartfelt thanks and gratitude to the chairman of the department Prof.
Saleem Vighio, for giving me an opportunity to undertake this project.
Words are inadequate in offering thanks to all my teachers for their constant guidance
and support throughout this project work.
Finally, yet importantly, we would like to express my heartfelt thanks to our beloved
parents for their blessings, out friends for their help and wishes for the successful
completion of this project.
Project Team
Contents
CONTENTS
CERTIFICATE-------------------------------------------------------------------ii
ABSTRACT------------------------------------------------------------------------ii
ACKNOWLEDGEMENT------------------------------------------------------iii
Chapters Page Numbers
Chapter 1: Introduction ----------------------------------------------------------------1

1.1 Introduction
1.2 Objectives
1.3 Scope of Project
Chapter 2: Literature Review ---------------------------------------------------------9

2.1 Literature Survey
2.2 Risk in E-Commerce
2.3 Real-Estate Transaction Stages
Chapter 3: Design and Implementation --------------------------------------------13

3.1 System Requirements
3.2 System Design
3.3 Table Structure
Chapter 4: Flow Charts and DFDS -------------------------------------------------23

4.1 System Flow Charts
4.2 Data Flow Diagrams
4.3 Entity Relationship Diagram
Chapter 5: Testing ---------------------------------------------------------------------29

5.1 System Testing
5.2 Test Levels
5.3 Testing Methods
Chapter 6: Samples --------------------------------------------------------------------37

6.1 User Forms
Chapter 7: Conclusion ----------------------------------------------------------------42

7.1 Conclusion
7.2 Future Scope of the system
Contents
Appendix I: Overview-----------------------------------------------------------------47
A.I.1 Software Specification
A.I.2 Physical Specification
Appendix II: Coding ------------------------------------------------------------------54

A.II.1 Coding
Bibliography ---------------------------------------------------------------------------118
Chapter I: Introduction
1|Page
1.1 Introduction
Modern technology has been industrialized to the extent that even search for land,
apartments is made possible over the internet. The process of searching of dream house
or apartment can be done over the internet. Customer looking to buy or rent a new
home, apartment or any other property can search over the internet.
Customer looking to buy or rent a new home, apartment or any other property can
search over the internet, while sitting at their home. Now customers will not have to go
to the agents personally they can search for their desired home or apartment of a
reasonable rate which suits their pocket.
 Customer looking to buy or rent a new home, apartment or any other property
can search over the internet.
 Customer can search for desired plot or house in a particular area.
 They can specify the no of rooms ,bathroom they need and then can make the
search
 They can also describe what all facilities they want near their house like schools,
malls, garage, shops etc.
 They can search for apartment or plot which suits there budget they can also
specify the amount by entering the cost.
 . Now customers will not have to go to the agents personally they can search for
their desired home or apartment of a reasonable rate which suits their pocket.
And they can also have the view of apartment online
2|Page
The application will be a windows-based, self-contained and independent software product.
Request for Data
HTML/ASP Page .aspx page with

over Client the result (Server)
Machine
Database
Retrieve Data
3|Page
BLOCK DIAGRAM
Search property
Who are we?
Contact
Home
User Login
Product &services
Real-estate
website About us
Specialty
Employee Login
Staff
Employee profile
Username & password
Login
View Search property
property
Address
Contact
us Telephone
Update Add new Select
property property the seller Email id
listing listing of month Quick
search
4|Page
1.2 Objectives
 The major objective of real estate website is the convenience it offers.

 By sitting back at home customer looking to buy a new home, apartment or any
other property can search the desired property by several clicks of mouse
buttons.
 Customers do not have to go to the agents personally they can save their time
by making an online search
 To make the website user friendly.
 To reduce paper work
 To integrate all information which customer needs in the website
 To save people time
 To allow user to enter the acres of land & desired amount for which he wishes
to spend
 To allow the customers to have a pictorial view of the apartment he wishes to
buy
 To overcome the limitations being faced during the manual system of handling
the entire records of the company manager and to manage the work schedule as
well effectively and efficiently.
 To provide more accuracy.
 To provide more security by implementation of various validations.
 To provide easy updating of property listing that involves very little expertise or
knowledge.
 To provide quick and efficient listing of properties.
 To eliminate eligible handwriting, paper work and manual entry.
5|Page
1.3 Scope of Project
 To design a real estate website of a particular agency using information collected

through internet.
 To design a website which integrates all the information needed by user.
 To make the website user friendly.

 To allow the user to search plot & land according to his needs
 The user can specify the location where he wants the land.
 To save user‘s time by allowing easy access to the site.
 Shortens the time between data collection and data analysis.
 Reduces workload
 An advanced yet handy tool with an easy-to-use interface.
 Quickly and easily manages property listings.
 Contributes hugely in saving the time and enhances data quality.
 Data inconsistency almost eliminated
 Storage requirement highly reduced
6|Page
1.4 ADVANTAGES
 Customer can do 24*7 searching.

 More productive and efficient work.
 High degree of Authenticity.
 User friendly
 Time efficient
 Paper saving
1.5 METHDOLOGY USED FOR DATA COLLECTION
Data collection can be done through various sources like interviews, questionnaire,
document analysis or Internet.
1. Primary Data: Interview and Internet
2. Secondary Data: Document Analysis
1.5.1 DATA COLLECTED BY INTERNET
Data about the brief description of organization is collected through Internet i.e. through
the existing website of real estates like:-
 BTrealstate.com
 99 acres.com
 Magic bricks.com
 Scribd.com
7|Page
1.5.2 DATA COLLECTION THROUGH INTERVIEW
Interview is an easy way to interact with the customer. The objective of conducting an
interview is to understand the customer’s expectations from the software. Are you
satisfied with current website?
1. If not, what is the problem you are facing?
2. What all improvements are suggested?
3. Any suggestion to improve this website?
4. Any special feature that you want to be added to website?
1.5.3 DATA COLLECTED THROUGH DOCUMENT ANALYSIS
Data is also collected by various documents which demonstrate the working of the system
and through the newspaper’ Times Property’
8|Page
Chapter II: Literature Review
9|Page
2.1 Literature Survey
Past studies concerning the relationship between the Internet and real estate can be
classified into a few dominating themes. One direction is how the Internet has become
and continues to be a very important tool for marketing real estate and related services.
Rodriquez, Lipscomb and Yancey (1996) identified four different types of real-estate
related sites, including those that offered both real estate for sale and real estate
services, and provided an extensive list of these sites. Bond, Seiler, Seiler and Blake
(2000) examined the explosive growth of real estate-related websites and determined
the reasons why Ohio real estate brokerage firms did or did not use websites in their
businesses, the information contained in their sites and the technical requirements that
were necessary for maintaining them. Similarly, Muhanna (2000) examined how real
estate firms adapted to the use of the Internet and assessed their perceptions regarding
its potential.
A growing body of literature looks at the effect of the Internet on retail sales,
property and service (e.g., Mander, 1996; Wheaton, 1996; Schwarz, 1997; Borsuk,
1999; Hemel and Schmidt, 1999; Baen, 2000; and Miller, 2000). For example, Baen
and Guttery (1997) examined how the Internet threatened the traditional relationship
among licensees, real estate buyers and sellers, and how these developments would
create savings for real estate consumers. Similarly, Thrall (1998) discussed the
emerging trends and changes in the Internet for other real estate service providers,
including lenders, appraisers and commercial brokers. Baen (2000) examined the
impact of e- commerce on traditional retail sales, as well as its potential impact on
commercial property values and percentage rents. Tse and Webb (2002) studied the
impact of information technology on real estate brokerage in Hong Kong, using
regression models to investigate how page ‘‘views’’on the Internet affect real estate
transactions and commissions. Finally, Lucas (2001) believes that since information
technology facilitated the design of new types of organizations, institutions and
partnering arrangements, its implementation would have second-order effects on
demand for physical space of manufacturing, retailing and offices in the industrialized
world.
In older days when we want purchase a property we can’t directly communicate with
the owners. We must contact with the help of mediators, but the mediators takes lot of
amount and it is also time consuming process. In older days the property dealing
procedure consist of many steps like finding agent, appoint correct meeting time,
location and so on. Up till now there was no Security in Online Real Estate System,
Registration form improves the security by limiting user.
The existing sites are:
1. www.99acres.com: The site can be navigated by anybody. No issue of Security is

implemented.
2. www.zameen.com: It is the Pakistani real state website.
10 | P a g e
2.2 Risks in E-commerce
An expansive list of studies examines the risks in e-commerce transactions (e.g., Jung,
Han and Suh 1999; Hsiung, Scheurich and Ferrante, 2001; and Chan, 2001). One focus
is on how to develop technological methods to deal with these risks. For example,
Skevington (1998) outlined some of the technologies that were developed to address
security concerns and to apply them to facilitate trust in electronic trading. Atif (2002)
described a proposal for a trust web model based on a distributed search algorithm and
a network of trusted intermediaries that can establish a trusted channel through which
terminal transacting parties deal virtually directly and risk-free with each other.
However, the traditional models of trust between vendors and buyers fall short of the
requirements for an electronic marketplace, where anonymous transactions cross
territorial and legal boundaries, as well as traditional value-chain structures. To
overcome this problem, Manchala (2000) introduced a notion of quantifiable trust to
evaluate the transaction risk in such an environment. Another direction of the literature
focuses on the managerial perspective of the
transaction risks of e-commerce. Using case studies, Lee and Clark (1997) presented
suggestions on the analysis, design and implementation of electronic market systems by
market-making firms. Brice (2001) discussed some of the risks and considerations
involved in the use of electronic signatures. Westland (2002) developed a model for
evaluating and managing transaction risk in e-commerce in the migration from broker
mediated to electronic markets.
2.3 Real Estate Transaction Stages

Real estate agents and firms are essentially market intermediaries, connecting buyers
and sellers and facilitating the real estate transaction process. Traditionally, real estate
sales can be divided into five stages: property listing, buyer search, property evaluation,
negotiation and execution/closing. With the development and popularity of information
technology, each stage of this process has been affected profoundly.
Stage 1: Property listing. In the past, real estate agents listed houses and entered them
into a Multiple Listing Service (MLS) database. The MLS is today an online network
of properties listed for sale and supported by the NAR. In effect, the MLS created a
cartel-like role in managing information and virtually ensures that the agent will have a
pivotal role in the real estate transaction. However, this situation has since changed
with the introduction of websites in the market that provide property listings. Asurvey
by Muhanna (2000) found that about 23% of real estate agents actually list their
properties on their own websites. In addition, Fletcher (1997) found that their owners
were listing many homes for sale on websites. For example, on Microsoft’s network
system, Home Advisor (www.homeadvisor.msn.com), and national selling services,
such as Abele Owners Network, any seller’s listing can be posted for a nominal fee
(Guttery, Baen and Benjamin, 2000; and Bond, Seiler, Seiler and Blake, 2000).
Stage 2: Buyer search. Although potential buyers can search for homes on their own
through browsing newspaper advertisements or call owners directly, most prospective
buyers generally seek homes through agents that have access to MLS listings.
Nevertheless, buyers can now perform their own searches on the Internet easily. Many
MLS listings can now be reached directly (Aalberts and Townsend, 2002), such as the
11 | P a g e
NAR’s website (www.realtor.com) with more than a million listings. Established real
estate players, such as Coldwell Banker (www.coldwellbanker.com) and Prudential
(www.realbid.com) also have their own listings. Moreover, there are also upstarts doing
the same, including the For-Sale-By-Owner (FSBO) listing and Microsoft’s
Homeadvisor. Finally, some local newspapers provide their own websites
for real estate listings. For example, the Classified Federation, a subsidiary of the
Newspaper Association of America, created www.realfind.com, which is a free service
through which potential buyers may request a copy of the weekend real estate section
of newspapers in major markets and can link directly with the newspaper classifieds via
the Internet
Stage 3: Property evaluation. Traditionally, after buyers find a property of interest, an

agent often arranges for a walk-through showing or has access to a house through a
lock-box. Now, it is possible to conduct a ‘‘virtual’’walk-through online. Since electronic
pictures can be downloaded into a computer’s hard drive, electronic cameras allow the
use of pictures to include landscaping, interior views and neighborhood scenes. In
addition, electronic versions of property photographs and information can be recorded
in VCR tapes and shipped overnight to prospective buyers around the globe.
Furthermore, websites can provide prospective buyers the option to examine the
surrounding neighborhood and environment, including shops, schools, parks,
entertainment, transportation, weather conditions and even crime statistics. As a result,
the number of properties that need to be physically inspected by a buyer can be
substantially reduced. In reality though, no current real estate website can make most
buyers confident enough to decide to buy without any actual physical inspection.
Stage 4: Negotiation and agreement. Negotiating the purchase agreement successfully

can be considered as the most challenging task for a real estate agent. It involves advice
regarding price, offers and counteroffers, and contract contingencies. It also requires
dealings with other real estate professionals, such as lenders, appraisers, title companies
and attorneys. Nevertheless, this stage has also been changed significantly by
information technology. Now a buyer can identify their own appraisers, lenders, title
companies and attorneys, and negotiate with these parties directly through the Internet
(Aalberts and Townsend, 2002). In addition to the use of email, software is also
available that can support multi-party meetings on the Internet, such as Netmeeting.
Capabilities like that offered by Netmeeting allow for virtual negotiation instead of
relying on the physical presence of the different parties.
Stage 5: Execution/closing. The customary role of the escrow agent or attorney in

directing the closing is also changing. The Electronic Signatures in Global and National
Commerce Act or E-Sign legislation passed on October 1, 2000, significantly removed
impediments for business and government transactions to be conducted electronically.
It was predicted that E-signature would allow real estate transactions, which are
traditionally slowed down by endless paper trails, to take place online (Brice, 2001).
Although the dream of ‘‘paperless transactions’’is not yet reality, there have been a few
notable ‘‘paperless transactions’’involving residential real estate. Last year, for example,
Orlando, Florida-based Attorney’s Title Insurance Fund participated in two closings
that met the strict definition of this highly automated process (Southerland, 2002).
12 | P a g e
Chapter III: Design & Implementation
13 | P a g e
3.1 System Requirements
FRONTEND PAGES
 Home
 About
 Listings
 Single Listing
 Search
 Register
 Login
 Dashboard (Inquiries)
DESIGN SPECS
 Use BTRE logo (Frontend and admin)

 Branding colors – blue(#10284e) green(#30caa0)
 Mobile Friendly
 Social media icons & contact info
 Doesn’t have to be too fancy but must be clean
FUNCTIONALITY SPECS
 Manage listings, realtors, contact inquiries and website users via admin
 Role based users (staff and non-staff)
 Display listings in app with pagination
 Ability to set listings to unpublished
 Search listings by keyword, city, state, bedrooms and price (Homepage &
search page)
 List realtors on about page with “seller of the month” (Control via admin)
 Listing page should have fields listed below
 Listing page should have 5 images with lightbox
 Lightbox should scroll through images
 Listing page should have a form to submit inquiry for that property listing
 Form info should go to database and notify realtor(s) with an email
 Frontend register/login to track inquiries
 Both unregistered and registered users can submit form. If registered, can only
submit one per listing
14 | P a g e
LISTING PAGE FIELDS
 Title
 Address, city, state, zip
 Price
 Bedrooms
 Bathrooms
 Square Feet
 Lot Size
 Garage
 Listing Date
 Realtor – Name & Image
 Main image and 5 other images
Possible Future Functionality
 Google maps on listing page

 Buyer testimonials
15 | P a g e
DESCRIPTION OF ‘INPUT TO’ AND ‘OUTPUT OF’ OF PROCESSES
Employee Login Process
EMPLOYEE USERNAME, PASSWORD ACCESS TO SYSTEM

Login
(Input) Process (Output)
9
(O
Property Searching Process
SPECIFY PROPERTY (input) (output) SEARCH RESULT

TO BE SEARCHED
Searching
Process
Registering New User Process
ENTER NEW EMPLOYEE DETAILS Account STORE THE DETAILS

Creation
(Input) Process (Output) (Saved to reg table)
Update property listing process
PROPERTY UPDATED UPDATE

Data File
LISTING
(Input) (Output) (Saved)
Updating New Property Process
NEW PROPERTY UPDATED Data File

(input) UPDATE (Output) (saved )
LISTING
16 | P a g e
3.2 System Design
The system objective outlined during the system analysis serve as the basis from which
the work of system design is initiated. Much of the activities elaborate at this stage is of
technical nature requiring a certain amount of degree of experience in designing systems,
sound knowledge of computer related technology and thorough understanding of
computers related technology. However a system cannot be designed in isolation without
the active involvement of the user. The user has a vigorous role to play at this stage too.
As we know that data collected during the system requirement analysis will be utilized
systematically at this stage. Depending on the plan of system analysis, the level of
detailed study will differ and the system design stage will also differ in the amount of
investigations that still need to be done. This study is generally an activity during the
system design as the designer need to study the minute details in all aspects of the system.
Designing a new system is a creative process which calls for logical as well as lateral
thinking. The logical approach involves systematic moves towards the end product
keeping in mind the know-hows of the personnel and the equipment at each decision
making step. Lateral thought implies including of ideas beyond the usual functions and
equipment’s.
17 | P a g e
3.2.1 SYSTEM DESIGN CONSTRAINTS
The system design process is not a step by step adherence of clear procedures and
guidelines. When designer starts working on system design he will face different types
of problems. Many of these will be due to the constraints imposed by the use or
limitations of the hardware and software available in the market.
3.2.2 THE PRIMARY OBJECTIVE OF THE DESIGN IS:
Of course to deliver the requirements as specified in the SRS. In general, the following
design objectives should be kept in mind:
 Practicality: The system must be stable and can be operated by people with
average IQ.
 Efficiency: This involves accuracy, timeliness and comprehensiveness of the
system output.
 Cost: It is desirable to aim for a system with a minimum cost subject to the
condition that it must satisfy all the requirements.
 Flexibility: The system should be modifiable depending on the changing needs
of the user.
 Security: This is very important aspect of the design and should cover areas of
hardware reliability, fall back procedures, physical security of data and
provision for detection of fraud and abuse.
18 | P a g e
3.2.3 MAJOR SYSTEM DESIGN ACTIVITIES
Several development activities are carried out during structured design. They are data
base design, implementation planning, system test preparation, and system interface
specification and user documentation.
 Database Design: This activity deals with the design of the physical database. A
key is to determine how the access paths are to be implemented.
 Program Design: In conjunction with database design is a decision on the
programming language to be used and the flowcharting, coding and the
debugging procedure prior to conversion. The operating system limits the
programming languages that will run of the system.
 System and Program Test Preparation: Each aspect of the system has a
separate test requirement. System testing is done after all programming and
testing is completed. The test cases cover every aspect of the proposed system,
actual operations user interface and so on.
19 | P a g e
3.2.4 Use case Diagram:
A use case diagram is a diagram which consists of set of usecases and actors enclosed by
system boundary, and association between usecases and actors. Usecases diagram
especially important in organizing, modeling the behavior of the system.
Use case is a set of scenarios tied together by a common user goal. A scenario is a
sequence of steps describing the interaction between a user and system.
Use case Diagram for User:
HOME PAGE
REAL ESTATE
WEB APP
VIEW
PROPERTIES
User
ENTER DETAILS FOR
DESIRED PROPERTY
CONTACT THE
REALTOR
20 | P a g e
Use case Diagram for Admin:
Add listing Update listing
Delete listing View details
Admin
21 | P a g e
3.3 Table Structures
CATEGORY
Category ID Category Name Categorydescription

Auto number Text text
EMPLOYEE
Empid Fname Lname Password Areacode Phone Email Gender Username Datestarted
Auto Text text Text text Text text text text text
number
LIST PROPERTY
Listgid Desclong Avaliability Acres Sqrfeet Numbath Numbed Streetnum Street Zip
Auto no Memo Text text number number number text text text
Catergoryid Schooldist Price Access Empid Proprtyid

number text currency currency Auto no Auto no
PROPERTY
Propertyid Propertyname Propertydescription

Auto number Text Text
CONTACT
Emailed subject query

Text Text Text
22 | P a g e
Chapter IV: Flowcharts & Data Flow Diagrams
23 | P a g e
4.1 System Flow Charts
A flow chart is defined as a pictorial representation describing a process being studied or

even used to plan stages of a project. Flow charts tend to provide people with a common
language or reference point when dealing with a project or process.
Four particular types of flow charts have proven useful when dealing with a process
analysis: top-down flow chart, detailed flow chart, work flow diagrams, and a
deployment chart. Each of the different types of flow charts tends to provide a different
aspect to a process or a task. Flow charts provide an excellent form of
documentation for a process, and quite often are useful when examining how various
steps in a process work together.
When dealing with a process flow chart, two separate stages of the process should be
considered: the finished product and the making of the product. In order to analyze the
finished product or how to operate the process, flow charts tend to use simple and easily
recognizable symbols. The basic flow chart symbols below are used when analyzing how
to operate a process.
24 | P a g e
USER SEARCH FOR PROPERTY
Listing
25 | P a g e
VIEW PROPERTY DETAILS
26 | P a g e
3.2 Data Flow Diagrams
A graphical tool used to describe and analyze the moment of data through a system
manual or automated including the process, stores of data, and delays in the system. Data
Flow Diagrams are the central tool and the basis from which other components are
developed. The transformation of data from input to output, through processes, may be
described logically and independently of the physical components associated with the
system. The DFD is also known as a data flow graph or a bubble chart.
A graphical tool used to describe and analyze the moment of data through a system
manual or automated including the process, stores of data, and delays in the system.
Data Flow Diagrams are the central tool and the basis from which other components are
developed. The transformation of data from input to output, through processes, may be
described logically and independently of the physical components associated with the
system. The DFD is also known as a data flow graph or a bubble chart.
27 | P a g e
3.3 Entity Relationship Diagram
28 | P a g e
Chapter V: Testing
29 | P a g e
5.1 System Testing
In this stages the test group of the development team, using the cases and the test data
already prepared will test the programs. Only after all the functions are tested singularly,
an integrated testing will be performed to see that inter-function dependability is
satisfied. Separate test cases and test data will be worked out for the integrated testing.
Any system, to be successful, must be thoroughly tested, and well managed test plan
should be prepared before actual testing is being performed. “Modules” have been
developed and need to be tested in a manner that can reduce occurring of defects as low
as possible. Following are the activities we planned to test the system.
1. This system is indeed an evolutionary system so every unit of the system is

continuously under testing phase.
2. One test activity “Basis Path Testing” that will try to cover all paths in the system.
This activity identifies all paths that provide different functionality of the system,
and also other paths to reach at that functionality.
3. Other testing activity is “Control Structure Testing”, which will test each and
every condition with positive and negative data combination.
4. This testing activity will also perform “Data Flow Testing” in which it will be
tested how the data re following the system. And will also check whether the data
entered from one procedure, is reflected whenever it requires or not.
5. All conditions will be tested with “Boundary Value Analysis” where different
input will be given to test whether the system is functioning with boundary values
or not.
6. Along with the boundary value analysis, the system is also tested with “Range
Value Tested” where editable values will be tested with ranges of values.
7. The system is being tested in “Unit Testing” manner where at the completion of
one unit that is tested thoroughly with above mentioned testing activities.
8. The integration testing will also be performed to ensure that the integrated unit is
working properly with other units or not.
30 | P a g e
5.2 Test Levels
5.2.1 CONTENT TESTING:
Errors in Project content can be as trivial as minor typographical error as incorrect

information, improper organization or validation of intellectual property laws. Content
Testing attempt to uncover this and many other problems before the user encounter them.
Content Testing Objectives:

There are three types of objectives.
 To uncover syntactic errors in text-based documents, graphical representation and

other media.
 To uncover semantic errors in any content object represented as navigation error.
 To find errors in organization or structure of content that is presented to the end-

user
5.2.2 INTERFACE TESTING:
Interface design model is reviewed to ensure that generic quality criteria established for
all user interfaces have been achieved and that application specific interface design issue
has been properly addressed.
Interface testing strategy:

The overall strategy for interface testing is to (1) Uncover error related to specific
Interface mechanisms (2) uncover errors in the way the interface implements the
semantics of navigation, Web Application functionality, or content display. To
accomplish this strategy, a number of objectives must be achieved:
 Interface futures are tested to ensure that design rules, aesthetics and related
visual content are available for the user without error.
 Individual interface mechanisms are tested in a manner that is analogous to unit

testing.
Testing Interface Mechanisms:-
When a user interacts with a system, the interaction occurs through one or more interface
mechanisms.
31 | P a g e
Forms: -
At a microscopic level, tests are performed to ensure that
 Labels correctly identified fields within the form and that mandatory fields are
identified visually for the user.
 The server receives all information content within the form and their no data are
lost in the transmission between client and server.
 Appropriate defaults are used when the user does not select from a pull down
menu or set of buttons.
 Browsing functions don’t corrupt data entered in the form.
 Scripts that perform error checking on data entered work.
 Properly and provide meaningful error message.
Client side scripting:-
Black box tests are conducted to uncover any error in processing as

The script is executed. These tests are coupled with forms testing because script input is
often derived from data provided as part of forms processing
Application specific interface mechanisms:-

Test conforms to a checklist of functionality and features that are defined by the interface
mechanism.
 Boundary test minimum and maximum number of item that can be placed in to
shopping chart.
 Test to determine persistence of image capture contents.
 Test to determine whether the system can be record co-ordinate content at some
future date.
5.2.3 USABLITY TESTING:-
Usability test may be designed by Project engineering team.
 Define a set of usability testing categories and identify goal for each.
 Design test that will enable each goal to be evaluated.
 Select participants who will conduct test.
 Instrument participant’s interaction with system while testing is conducted.
32 | P a g e
 Develop a mechanism for assessing the usability of the system.
The following test categories and objective illustrate establish testing:-
Interactivity- Are interaction mechanism easy to understand and use?
Layout- Are navigation mechanism, content and function place in a manner that allows
the user to find them quickly?
Readability- Is the text well written and clear?
Aesthetics- Do layout color, typeface, and related characteristics lead to ease of use?
Display Characteristics- Does the system make optimal use of screen size and
resolution?
Time Sensitivity- Can important features, functions and content be used in a timely
manner?
Accessibility- Is the system accessible to people who have Disabilities?
5.2.4 COMPATIBILITY TESTING:-

Project must operate within environment that differs from one another. Different
computer, display device, OS, browser and network connection speed can have
significant on system operation. The Project team derives a series of compatibility,
validation tests, derived from existing interface tests, navigation tests, performance tests
and security tests.
33 | P a g e
5.3 Testing Methods
Analyze and check system representation such as the requirement document, design
diagrams and the program source code. They may be applied at all stages of the process.
Unit Testing
Module Testing
Sub-system
Testing
System Testing
Acceptance
Testing
34 | P a g e
There are different Models of testing. On the basis of testing methods there are two types
of testing:
1. White-box testing.
2. Black-box testing
1. WHITE-BOX TESTING
White-box testing sometimes called glass-box testing, is a test case design method that
users the control structure of the procedural design to drive the test case.
 Logical errors and incorrect assumption are inversely proportional to the

probability that a program will be executed. Errors tend to creep into our work
we design and implement function, condition or control that is out of the
mainstream tends to be well understood.
 We often believe that a logical path is not likely to be executed when in fact it
may be executed on a regular basis. The logical flow of a program times counter
intuitive.
2. BLACK-BOX TESTING:
For our project periodically we have tested our software using black-box testing.
Thinking as a client we have evaluated the software for its easy going and convenience.
 Unit Testing:
During the programming stages each and every form, modules and class treated unit has
been put into the test data. Every module is tested independently. The steps are follows:
 Manually code is tested like spelling checks, logic and errors.

 Once the manual checking is over the complication has been done. Syntactical
errors if any have to be corrected.
 After the clean complication the program, some dummy data, as specification,
has been used for testing of the module to see if it works as specified.
 Integration Testing:
After our individual’s modules were tested out we go the integrated to create a complete
system. This integration process involves building the system and testing the resultant
system for problems that arise from component interaction.
35 | P a g e
 Performance Testing:
Performance testing is designed to test the runtime performance of the system within the
context of the system. These tests were performed as module level as well as system
level. Individual modules were tested for required performance.
 Condition Testing:
Performance testing is a test case design method that exercises the logical conditions.
 Interface Testing:
Interface sting is integral part of integration. We examined the code to be tested and
explicitly list each call to an external component. In the system standards tests for GUIs
have been performed, which are as follows:
 The position and related labels for all controls were checked.
 Validations for all inputs were done.
 Pull down controls was verified for proper functionality.
 Whether the non-editable text controls disabling and it was also verified that it
doesn’t exceed the maximum allowed length.
36 | P a g e
Chapter VI: Samples
37 | P a g e
6.1 Output Samples
Home Page
About Us
38 | P a g e
Featured Listing
Login
39 | P a g e
Register
Search
40 | P a g e
Dashboard
LighBox
41 | P a g e
Chapter VI: Conclusion
42 | P a g e
7.1 Conclusion
 This Real Estate Web App is a typical web application using Django framework,
PostgreSQL database in Python programming language.
 It uses a client/server architecture based on the HTTP protocol. It is developed
in VS Code editor in python programming environment.
 The buyer performs a search for the property listings by putting either Zip
code/City/State in the search textbox. The business logic tier communicates with
the database tier requesting the results of the query sent by it.
 The results obtained by the database are displayed on the data grid, by refreshing
the grid rather than refreshing the entire web page. Efficiency of the application
is improved by the using such a high level framework for web development.
 The performance of this application is evaluated by rigorously testing it against
various test scenarios. Some ways in which this system could be enhanced with
additional functionalities are discussed in the section.
7.2 Future Scope of the system
 This project is developed as a master’s project and still gives lot of scope for its
extension which could be made to the project if it is going to be developed as
commercial product.
 We can use pure object-oriented domain model to deal the database access tier
using VS Code editor. In doing this, we can get a better architecture design which
will improve code efficiency and running performance.
 This project just deals with the Home page and Search page to search for property
listings, more functionality can be added for searching the agents and offices
making it a complete application.
 The feature of providing Google Maps within this application can adds up to the
functionality of the website. With the advancement of technology, dynamic maps
can be generated which help the buyer can locate a particular area where the
property is located in the Google Map.
 Buyer testimonials can also be add in future if the it need it.
43 | P a g e
 Inclusion of all these features would make the application feature rich. The
advantages of putting these functionalities in the project are described in detail in
the following sections.
44 | P a g e
Appendix I: Overview
45 | P a g e
APPENDIX-I
A I.1 SOFTWARE SPECIFICATION
SOFTWARE REQUIREMENTS SPECIFICATION
A Software Requirements Specification (SRS) is a whole description of the behavior of

the system to be developed. It comprises a set of use cases that define all the connections
the users will have with the software. Use cases are also known as functional
requirements. In addition to use cases, the SRS also contains nonfunctional

requirements. Non-functional requirements are requirements which impose
limitations on the design or implementation (such as performance engineering
requirements, quality principles, or design constraints).
DESIGN SPECIFICATION
Design specifications are the measurements and characteristics of a structure or object

which provide for a workable, sustainable, or pleasing creation or construct. This can
apply to a wide variety of manufactured or fabricated objects, such as buildings,
automobiles, and clothes and also utility, computing, and distribution systems. Any
functional thing made by human beings has certain specific details.
FUNCTIONAL SPECIFICATION
In software development, a functional specification (also, functional spec or specs or

functional specifications document (FSD) or Program specification) is the set of
documentation that describes the requested behavior of an engineering system. The
documentation typically describes what is needed by the system user (design-goal),
which internal functions are necessary, as well as, requested properties of inputs and
outputs (for ex. of the software system). As a design document, a functional specification
46 | P a g e
does not typically define the inner workings of the proposed system, it means it does not
yet include the specification how the system function will be implemented. Instead, it
focuses on what various outside agents (people using the program, computer peripherals,
or other computers, for example) might "observe" when interacting with the system
PRODUCT DESIGN SPECIFICATION
A product design specification (PDS) is a statement of what a not-yet-designed product

is intended to do. Its aim is to ensure that the subsequent design and development of a
product meets the needs of the user. [1]
The PDS acts as an initial boundary in the development of products. However, it will
naturally evolve as it is progressed through the different stages of the design process.[2]
REQUIREMENTS ANALYSIS
In systems engineering and software engineering, requirements analysis encompasses

those tasks that go into determining the needs or conditions to meet for a new or altered
product, taking account of the possibly conflicting requirements of the various
stakeholders, such as beneficiaries or users. Systematic requirements analysis is also
known as requirements engineering[1]. It is sometimes referred to loosely by names such
as requirements gathering, requirements capture, or requirements specification. The
term requirements analysis can also be applied specifically to the analysis proper (as
opposed to elicitation or documentation of the requirements, for instance
SOFTWARE DEVELOPMENT PROCESS
A software development process is a structure imposed on the development of a software

product. Synonyms include software life cycle and software process. There are several
47 | P a g e
models for such processes, each describing approaches to a variety of tasks or activities
that take place during the process.
SPECIFICATION (TECHNICAL STANDARD)
A specification is an explicit set of requirements to be satisfied by a material, product,

or service.
USE OF A SPECIFICATION
In engineering, manufacturing, and business, it is vital for suppliers, purchasers, and

users of materials, products, or services to understand and agree upon all requirements.
A specification is a type of a standard which is often referenced by a contract or
procurement document. It provides the necessary details about the specific requirements.
Specifications may be written by government agencies, standards organizations (ASTM,

ISO, CEN, etc), trade associations, corporations, and others.
A product specification does not necessarily prove the product to be correct. Just because
an item is stamped with a specification number does not, by itself, indicate that the item
is fit for any particular use. The people who use the item (engineers, trade unions, etc) or
specify the item (building codes, government, industry, etc) have the responsibility to
consider the available specifications, specify the correct one, enforce compliance, and
use the item correctly. Validation of suitability is necessary.
48 | P a g e
SPECIFICATION AND DESCRIPTION LANGUAGE
Specification and Description Language (SDL) is a specification language targeted at the

unambiguous specification and description of the behaviour of reactive and distributed
systems. It is defined by the ITU-T (Recommendation Z.100.) Originally focused on
telecommunication systems, its current areas of application include process control and
real-time applications in general.
SDL provides both a graphical Graphic Representation (SDL/GR) as well as a textual

Phrase Representation (SDL/PR), which are both equivalent representations of the same
underlying semantics. A system is specified as a set of interconnected abstract machines
which are extensions of finite state machines (FSM).
SYSTEM REQUIREMENTS
To be used efficiently, all computer software needs certain hardware components or other
software resources to be present on a computer system. These pre-requisites are known
as (computer) system requirements and are often used as a guideline as opposed to an
absolute rule. Most software defines two sets of system requirements: minimum and
recommended. With increasing demand for higher processing power and resources in
newer versions of software, system requirements tend to increase over time. Industry
analysts suggest that this trend plays a bigger part in driving upgrades to existing
computer systems than technological advancements
49 | P a g e
A I.2 PHYSICAL SPECIFICATIONS
DATA FLOW DIAGRAM
It is common practice for a designer to draw a context-level DFD first which shows the
interaction between the system and outside entities. The DFD is designed to show how a
system is divided into smaller portions and to highlight the flow of data between those
parts. This context-level DFD is then "exploded" to show more detail of the system being
modeled.
Data flow diagrams were invented by Larry Constantine, the original developer of
structured design, based on Martin and Estrin's "data flow graph" model of computation.
Data flow diagrams (DFDs) are one of the three essential perspectives of Structured
Systems Analysis and Design Method SSADM. The sponsor of a project and the end
users will need to be briefed and consulted throughout all stages of a system's evolution.
With a dataflow diagram, users are able to visualize how the system will operate, what
the system will accomplish, and how the system will be implemented. The old system's
dataflow diagrams can be drawn up and compared with the new system's dataflow
diagrams to draw comparisons to implement a more efficient system. Dataflow diagrams
can be used to provide the end user with a physical idea of where the data they input
ultimately has an effect upon the structure of the whole system from order to dispatch to
restock. How any system is developed can be determined through a dataflow diagram.
Developing a DFD helps in identifying the transaction data in the data model.
There are different notations to draw data flow diagrams, defining different visual
representations for processes, datastores, dataflow, and external entities.
50 | P a g e
It is common practice for a designer to draw a context-level DFD first which shows the
interaction between the system and outside entities. The DFD is designed to show how a
system is divided into smaller portions and to highlight the flow of data between those
parts. This context-level DFD is then "exploded" to show more detail of the system being
modeled.
Data flow diagrams were invented by Larry Constantine, the original developer of
structured design, based on Martin and Estrin's "data flow graph" model of computation.
Data flow diagrams (DFDs) are one of the three essential perspectives of Structured
Systems Analysis and Design Method SSADM. The sponsor of a project and the end
users will need to be briefed and consulted throughout all stages of a system's evolution.
With a dataflow diagram, users are able to visualize how the system will operate, what
the system will accomplish, and how the system will be implemented. The old system's
dataflow diagrams can be drawn up and compared with the new system's dataflow
diagrams to draw comparisons to implement a more efficient system. Dataflow diagrams
can be used to provide the end user with a physical idea of where the data they input
ultimately has an effect upon the structure of the whole system from order to dispatch to
restock. How any system is developed can be determined through a dataflow diagram.
51 | P a g e
ENTITY- RELATIONSHIP MODEL
An entity-relationship model (ERM) is an abstract conceptual representation of

structured data. Entity-relationship modeling is a relational schema database modeling
method, used in software engineering to produce a type of conceptual data model (or
semantic data model) of a system, often a relational database, and its requirements in a
top-down fashion. Diagrams created using this process are called entity-relationship
diagrams, or ER diagrams or ERDs for short.
Originally proposed in 1976 by Peter Chen, many variants of the process have
subsequently been devised.
The first stage of information system design uses these models during the requirements
analysis to describe information needs or the type of information that is to be stored in a
database. The data modeling technique can be used to describe any ontology (i.e. an
overview and classifications of used terms and their relationships) for a certain universe
of discourse (i.e. area of interest). In the case of the design of an information system that
is based on a database, the conceptual data model is, at a later stage (usually called logical
design), mapped to a logical data model, such as the relational model; this in turn is
mapped to a physical model during physical design. Note that sometimes, both of these
phases are referred to as "physical design".
An entity may be defined as a thing which is recognised as being capable of an

independent existence and which can be uniquely identified. An entity is an abstraction
from the complexities of some domain. When we speak of an entity we normally speak
of some aspect of the real world which can be distinguished from other aspects of the
real world .
An entity may be a physical object such as a house or a car, an event such as a house sale
or a car service, or a concept such as a customer transaction or order. Although the term
entity is the one most commonly used, following Chen we should really distinguish
between an entity and an entity-type. An entity-type is a category. An entity, strictly
speaking, is an instance of a given entity-type. There are usually many instances of an
52 | P a g e
entity-type. Because the term entity-type is somewhat cumbersome, most people tend to
use the term entity as a synonym for this term.
Entities can be thought of as nouns. Examples: a computer, an employee, a song, a

mathematical theorem. Entities are represented as rectangles.
A relationship captures how two or more entities are related to one another. Relationships
can be thought of as verbs, linking two or more nouns.
Entities and relationships can both have attributes. Examples: an employee entity might
have a Social Security Number (SSN) attribute; the proved relationship may have a date
attribute. Attributes are represented as ellipses connected to their owning entity sets by a
line.
Every entity (unless it is a weak entity) must have a minimal set of uniquely identifying
attributes, which is called the entity's primary key.
Entity-relationship diagrams don't show single entities or single instances of relations.

Rather, they show entity sets and relationship sets. Example: a particular song is an entity.
The collection of all songs in a database is an entity set. The eaten relationship between
a child and her lunch is a single relationship. The set of all such child-lunch relationships
in a database is a relationship set.
Lines are drawn between entity sets and the relationship sets they are involved in. If all
entities in an entity set must participate in the relationship set, a thick or double line is
drawn. This is called a participation constraint. If each entity of the entity set can
participate in at most one relationship in the relationship set, an arrow is drawn from the
entity set to the relationship set. This is called a key constraint. To indicate that each
entity in the entity set is involved in exactly one relationship, a thick arrow is drawn.
53 | P a g e
Appendix II: Glossary
54 | P a g e
APPENDIX-II
A II.1 CODING
The given code is of front end which in Html some Sass as well as it has some Jinja
syntax, so the given following code is just the theme of our project for loading this in
project we use some Jinja syntax and the Django framework for rendering it. It is given
here because it can be use globally for the theme by making some changes in frontend
for any web app then the backend will be created by using Django, React, JQuery for
any other PHP framework.
Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<link rel="stylesheet" href="assets/css/all.css">

<link rel="stylesheet" href="assets/css/bootstrap.css">

<link rel="stylesheet" href="assets/css/style.css">
<title>BT Real Estate</title>
</head>
<body>
55 | P a g e

<section id="top-bar" class="p-3">
<div class="container">
<div class="row">
<div class="col-md-4">
<i class="fas fa-phone"></i> (617)-555-5555
</div>
<i class="fas fa-envelope-open"></i> contact@btrealestate.co
</div>
<div class="social text-right">
<a href="#">
<i class="fab fa-twitter"></i>
</a>
<a href="#">
<i class="fab fa-facebook"></i>
</a>
<a href="#">
<i class="fab fa-linkedin"></i>
</a>
<a href="#">
<i class="fab fa-instagram"></i>
</a>
<a href="#">
56 | P a g e
<i class="fab fa-pinterest"></i>
</a>
</div>
</div>
</div>
</div>
</section>

<nav class="navbar navbar-expand-lg navbar-dark bg-primary sticky-top">
<a class="navbar-brand" href="index.html">
<img src="assets/img/logo.png" class="logo" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarNavAltMarkup">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<ul class="navbar-nav">
<li class="nav-item active mr-3">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item mr-3">
<a class="nav-link" href="about.html">About</a>
57 | P a g e
</li>
<a class="nav-link" href="listings.html">Featured Listings</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<a class="nav-link" href="register.html">
<i class="fas fa-user-plus"></i> Register</a>
</li>
<a class="nav-link" href="login.html">
<i class="fas fa-sign-in-alt"></i>
Login</a>
</li>
</ul>
</div>
</div>
</nav>

<section id="showcase">
<div class="container text-center">
58 | P a g e
<div class="home-search p-5">
<div class="overlay p-5">
<h1 class="display-4 mb-4">
Property Searching Just Got So Easy
</h1>
<p class="lead">Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Recusandae quas, asperiores eveniet vel nostrum magnam
voluptatum tempore! Consectetur, id commodi!</p>
<div class="search">
<form action="search.html">

<div class="form-row">
<div class="col-md-4 mb-3">
<label class="sr-only">Keywords</label>
<input type="text" name="keywords" class="form-control"
placeholder="Keyword (Pool, Garage, etc)">
</div>
<label class="sr-only">City</label>
<input type="text" name="city" class="form-control" placeholder="City">
</div>
<label class="sr-only">State</label>
59 | P a g e
<select name="state" class="form-control">
<option selected="true" disabled="disabled">State (All)</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
60 | P a g e
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
61 | P a g e
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</div>
</div>

<label class="sr-only">Bedrooms</label>
<select name="bedrooms" class="form-control">
<option selected="true" disabled="disabled">Bedrooms (All)</option>
<option value="1">1</option>
</select>
</div>
62 | P a g e
<select name="price" class="form-control" id="type">
<option selected="true" disabled="disabled">Max Price (Any)</option>
<option value="100000">$100,000</option>
<option value="1000000">$1M+</option>
</select>
</div>
</div>
<button class="btn btn-secondary btn-block mt-4" type="submit">Submit
form</button>
</form>
</div>
</div>
</div>
</div>
</section>

63 | P a g e
<section id="listings" class="py-5">
<h3 class="text-center mb-3">Latest Listings</h3>
<div class="row">

<div class="col-md-6 col-lg-4 mb-4">
<div class="card listing-preview">
<img class="card-img-top" src="assets/img/homes/home-1.jpg" alt="">
<div class="card-img-overlay">
<h2>
<span class="badge badge-secondary text-white">$490,000</span>
</h2>
</div>
<div class="card-body">
<div class="listing-heading text-center">
<h4 class="text-primary">45 Drivewood Circle</h4>
<p>
<i class="fas fa-map-marker text-secondary"></i> Norwood MA,
02062</p>
</div>
<hr>
<div class="row py-2 text-secondary">
<div class="col-6">
<i class="fas fa-th-large"></i> Sqft: 2500</div>
<div class="col-6">
64 | P a g e
<i class="fas fa-car"></i> Garage: 2</div>
</div>
<div class="col-6">
<i class="fas fa-bed"></i> Bedrooms: 3</div>
<div class="col-6">
<i class="fas fa-bath"></i> Bathrooms: 2</div>
</div>
<hr>
<div class="col-6">
<i class="fas fa-user"></i> Kyle Brown</div>
</div>
<div class="row text-secondary pb-2">
<div class="col-6">
<i class="fas fa-clock"></i> 5 days ago</div>
</div>
<hr>
<a href="listing.html" class="btn btn-primary btn-block">More Info</a>
</div>
</div>
</div>

65 | P a g e
<h2>
</h2>
</div>
<h4 class="text-primary">18 Jefferson Lane</h4>
<p>
<i class="fas fa-map-marker text-secondary"></i> Woburn MA, 01801</p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
<i class="fas fa-bath"></i> Bathrooms: 2.5</div>
66 | P a g e
</div>
<hr>
<div class="col-6">
<i class="fas fa-user"></i> Mark Hudson</div>
</div>
<div class="col-6">
</div>
<hr>
</div>
</div>
</div>

<h2> <span class="badge badge-secondary text-white">$580,000</span> </h2>
</div>
67 | P a g e
<h4 class="text-primary">187 Woodrow Street</h4>
<p>
<i class="fas fa-map-marker text-secondary"></i> Salem MA, 01915</p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
</div>
<hr>
<div class="col-6">
</div>
<div class="col-6">
68 | P a g e
</div>
<hr>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="py-5 bg-secondary text-white">
<div class="row text-center">
<i class="fas fa-comment fa-4x mr-4"></i>
<hr>
<h3>Consulting Services</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt, debitis
nam! Repudiandae, provident iste consequatur
hic dignissimos ratione ea quae.</p>
</div>
<i class="fas fa-home fa-4x mr-4"></i>
<hr>
<h3>Propery Management</h3>
69 | P a g e
</div>
<i class="fas fa-suitcase fa-4x mr-4"></i>
<hr>
<h3>Renting & Selling</h3>
</div>
</div>
</div>
</section>

<footer id="main-footer" class="py-4 bg-primary text-white text-center">
Copyright ©
<span class="year"></span> BT Real Estate
</footer>
<script src="assets/js/jquery-3.3.1.min.js "></script>
<script src="assets/js/bootstrap.bundle.min.js "></script>
<script src="assets/js/main.js "></script>
</body>
</html>
70 | P a g e
About.html
<!DOCTYPE html>
<html lang="en">
<head>


</head>
<body>

<div class="row">
71 | P a g e
</div>
</div>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
</div>
</div>
</div>
</div>
72 | P a g e
</section>

</a>
</button>
</li>
</li>
</li>
</ul>
73 | P a g e
</li>
Login</a>
</li>
</ul>
</div>
</div>
</nav>
<section id="showcase-inner" class="py-5 text-white">
<h1 class="display-4">About BT Real Estate</h1>
<p class="lead">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sunt,
pariatur!</p>
</div>
</div>
74 | P a g e
</div>
</section>

<section id="bc" class="mt-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">
<i class="fas fa-home"></i> Home</a>
</li>
<li class="breadcrumb-item active"> About</li>
</ol>
</nav>
</div>
</section>
<section id="about" class="py-4">
<div class="row">
<h2>We Search For The Perfect Home</h2>
pariatur!</p>
75 | P a g e
<img src="assets/img/about.jpg" alt="">
<p class="mt-4">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Perspiciatis esse officia repudiandae ad saepe ex, amet
neque quod accusamus rem quia magnam magni dolorum facilis ullam minima
perferendis? Exercitationem at quaerat
commodi id libero eveniet harum perferendis laborum molestias quia.</p>
</div>
<div class="card">
<img class="card-img-top" src="assets/img/realtors/kyle.jpg" alt="Seller of the
month">
<h5 class="card-title">Seller Of The Month</h5>
<h6 class="text-secondary">Kyle Brown</h6>
<p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Omnis nesciunt amet, illo itaque similique repellat.
content.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
76 | P a g e

<section id="work" class="bg-dark text-white text-center">
<h2 class="display-4">We Work For You</h2>
<h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem velit aperiam,
unde aliquid at similique!</h4>
<hr>
<a href="listings.html" class="btn btn-secondary text-white btn-lg">View Our
Featured Listings</a>
</section>

<section id="team" class="py-5">
<h2 class="text-center">Our Team</h2>
<img src="assets/img/realtors/kyle.jpg" alt="" class="rounded-circle mb-3">
<h4>Kyle Brown</h4>
<p class="text-success">
<i class="fas fa-award text-success mb-3"></i> Realtor</p>
<hr>
<p>
<i class="fas fa-phone"></i> (555)-555-5555</p>
<p>
<i class="fas fa-envelope-open"></i> kyle@btrealestate.co</p>
77 | P a g e
</div>
<img src="assets/img/realtors/mark.jpg" alt="" class="rounded-circle mb-3">
<h4>Mark Hudson</h4>
<p class="text-success">Realtor</p>
<hr>
<p>
<p>
<i class="fas fa-envelope-open"></i> mark@btrealestate.co</p>
</div>
<img src="assets/img/realtors/jenny.jpg" alt="" class="rounded-circle mb-3">
<h4>Jenny Johnson</h4>
<p class="text-success">Realtor</p>
<hr>
<p>
<p>
<i class="fas fa-envelope-open"></i> jenny@btrealestate.co</p>
</div>
</div>
</div>
78 | P a g e
</section>

Copyright ©
</footer>
</body>
</html>
79 | P a g e
Listings.html
<!DOCTYPE html>
<html lang="en">
<head>


</head>
<body>

<div class="row">
80 | P a g e
</div>
</div>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
</div>
</div>
</div>
</div>
81 | P a g e
</section>

</a>
</button>
</li>
</li>
</li>
</ul>
82 | P a g e
</li>
Login</a>
</li>
</ul>
</div>
</div>
</nav>
<h1 class="display-4">Browse Our Properties</h1>
pariatur!</p>
</div>
</div>
83 | P a g e
</div>
</section>

</li>
<li class="breadcrumb-item active"> Browse Listings</li>
</ol>
</nav>
</div>
</section>

<div class="row">

84 | P a g e
<h2>
</h2>
</div>
<p>
02062</p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
85 | P a g e
</div>
<hr>
<div class="col-12">
</div>
<div class="col-6">
</div>
<hr>
</div>
</div>
</div>

<h2>
</h2>
86 | P a g e
</div>
<p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
</div>
<hr>
<div class="col-6">
</div>
87 | P a g e
<div class="col-6">
</div>
<hr>
</div>
</div>
</div>

<h2>
</h2>
</div>
<p>
</div>
88 | P a g e
<hr>
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
</div>
<hr>
<div class="col-6">
</div>
<div class="col-6">
</div>
<hr>
</div>
89 | P a g e
</div>
</div>

<h2>
</h2>
</div>
<h4 class="text-primary">28 Gifford Street</h4>
<p>
<i class="fas fa-map-marker text-secondary"></i> Bedford NH, 03103</p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
90 | P a g e
<div class="col-6">
<div class="col-6">
</div>
<hr>
<div class="col-6">
<i class="fas fa-user"></i> Jenny Johnson</div>
</div>
<div class="col-6">
</div>
<hr>
</div>
</div>
</div>

91 | P a g e
<h2>
</h2>
</div>
<h4 class="text-primary">12 United Road</h4>
<p>
<i class="fas fa-map-marker text-secondary"></i> South Hampton NH,
03827</p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
</div>
92 | P a g e
<hr>
<div class="col-6">
</div>
<div class="col-6">
</div>
<hr>
</div>
</div>
</div>

<h2>
</h2>
</div>
93 | P a g e
<h4 class="text-primary">33 Essex Circle</h4>
<p>
<i class="fas fa-map-marker text-secondary"></i> Lexington MA,
01731</p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
</div>
<hr>
<div class="col-6">
</div>
94 | P a g e
<div class="col-6">
</div>
<hr>
</div>
</div>
</div>
</div>
<div class="row">
<ul class="pagination">
<li class="page-item disabled">
<a class="page-link" href="#">«</a>
</li>
<li class="page-item active">
<a class="page-link" href="#">1</a>
</li>
<li class="page-item">
</li>
95 | P a g e
</li>
<a class="page-link" href="#">»</a>
</li>
</ul>
</div>
</div>
</div>
</section>

Copyright ©
</footer>
</body>
</html>
96 | P a g e
Dashboard.html
<!DOCTYPE html>
<html lang="en">
<head>



</head>
<body>

<div class="row">
</div>
</div>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
</div>
</div>
97 | P a g e
</div>
</div>
</section>


</a>
</button>
</li>
</li>
</li>
</ul>

</li>
Login</a>
</li>
</ul>
</div>
</div>
</nav>

<h1 class="display-4">User Dashboard</h1>
<p class="lead">Manage your BT Real Estate account</p>
98 | P a g e
</div>
</div>
</div>
</section>


</li>
<li class="breadcrumb-item active"> Dashboard</li>
</ol>
</nav>
</div>
</section>
<section id="dashboard" class="py-4">

<div class="row">
<h2>Welcome John</h2>
<p>Here are the property listings that you have inquired about</p>
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Property</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>22</td>
<td>45 Drivewood Circle</td>
<td>
<a class="btn btn-light" href="#">View Listing</a>
</td>
</tr>
<tr>
<td>43</td>
<td>22 Westbrook rd</td>
<td>
</td>
</tr>
99 | P a g e
<tr>
<td>31</td>
<td>12 Samson Ave</td>
<td>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>


Copyright ©
</footer>

</body>
</html>
100 | P a g e
Search.html
<!DOCTYPE html>
<html lang="en">
<head>



</head>
<body>

<div class="row">
</div>
</div>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
</div>
</div>
101 | P a g e
</div>
</div>
</section>


</a>
</button>
</li>
</li>
</li>
</ul>

</li>
Login</a>
</li>
</ul>
</div>
</div>
</nav>
<section id="showcase-inner" class="showcase-search text-white py-5">

<form action="search.html">

102 | P a g e
<label class="sr-only">Keywords</label>
<input type="text" name="keywords" class="form-control"
placeholder="Keyword (Pool, Garage, etc)">
</div>

<label class="sr-only">City</label>
<input type="text" name="city" class="form-control" placeholder="City">
</div>

<label class="sr-only">State</label>
<select name="state" class="form-control">
<option selected="true" disabled="disabled">State (All)</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
103 | P a g e
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</div>
</div>

<label class="sr-only">Bedrooms</label>
<select name="bedrooms" class="form-control">
<option selected="true" disabled="disabled">Bedrooms (Any)</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</div>
<select name="price" class="form-control">
<option selected="true" disabled="disabled">Max Price (All)</option>
104 | P a g e
<option value="1000000">$1M+</option>
</select>
</div>
</div>
<button class="btn btn-secondary btn-block mt-4" type="submit">Submit
form</button>
</form>
</div>
</div>
</div>
</section>


</li>
<a href="listings.html">Browse Listings</a>
</li>
<li class="breadcrumb-item active"> Search Results</li>
</ol>
</nav>
</div>
</section>


<div class="row">


<h2>
</h2>
</div>
105 | P a g e
<p>
02062</p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
</div>
<hr>
<div class="col-12">
</div>
<div class="col-6">
</div>
<hr>
</div>
</div>
</div>


<h2>
</h2>
</div>
<p>
</div>
<hr>
106 | P a g e
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
</div>
<hr>
<div class="col-6">
</div>
<div class="col-6">
</div>
<hr>
</div>
</div>
</div>


<h2>
</h2>
</div>
<p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
107 | P a g e
<div class="col-6">
<div class="col-6">
</div>
<hr>
<div class="col-6">
</div>
<div class="col-6">
</div>
<hr>
</div>
</div>
</div>


<h2>
</h2>
</div>
<h4 class="text-primary">28 Gifford Street</h4>
<p>
<i class="fas fa-map-marker text-secondary"></i> Bedford NH, 03103</p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
</div>
<hr>
108 | P a g e
<div class="col-6">
<i class="fas fa-user"></i> Jenny Johnson</div>
</div>
<div class="col-6">
</div>
<hr>
</div>
</div>
</div>


<h2>
</h2>
</div>
<h4 class="text-primary">12 United Road</h4>
<p>
<i class="fas fa-map-marker text-secondary"></i> South Hampton NH,
03827</p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
</div>
<hr>
<div class="col-6">
</div>
109 | P a g e
<div class="col-6">
</div>
<hr>
</div>
</div>
</div>


<h2>
</h2>
</div>
<h4 class="text-primary">33 Essex Circle</h4>
<p>
<i class="fas fa-map-marker text-secondary"></i> Lexington MA,
01731</p>
</div>
<hr>
<div class="col-6">
<div class="col-6">
</div>
<div class="col-6">
<div class="col-6">
</div>
<hr>
<div class="col-6">
</div>
<div class="col-6">
</div>
<hr>
110 | P a g e
</div>
</div>
</div>
</div>
</div>
</section>


Copyright ©
</footer>

<script src="assets/js/lightbox.min.js"></script>
</body>
</html>
111 | P a g e
Login.html
<!DOCTYPE html>
<html lang="en">
<head>



</head>
<body>

<div class="row">
</div>
</div>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
</div>
112 | P a g e
</div>
</div>
</div>
</section>


</a>
</button>
</li>
</li>
</li>
</ul>

</li>
Login</a>
</li>
</ul>
</div>
</div>
</nav>
<section id="login" class="bg-light py-5">

<div class="row">
<div class="col-md-6 mx-auto">
<div class="card">
113 | P a g e
<div class="card-header bg-primary text-white">
<h4>
<i class="fas fa-sign-in-alt"></i> Login</h4>
</div>
<form action="index.html">
<div class="form-group">
<label for="username">Username</label>
<input type="text" name="username" class="form-control" required>
</div>
<label for="password2">Password</label>
<input type="password" name="password" class="form-control" required>
</div>
<input type="submit" value="Login" class="btn btn-secondary btn-block">

</form>
</div>
</div>
</div>
</div>
</div>
</section>


Copyright ©
</footer>

</body>
</html>
114 | P a g e
Register.html
<!DOCTYPE html>
<html lang="en">
<head>



</head>
<body>

<div class="row">
</div>
</div>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
<a href="#">
</a>
</div>
</div>
115 | P a g e
</div>
</div>
</section>


</a>
</button>
</li>
</li>
</li>
</ul>

</li>
Login</a>
</li>
</ul>
</div>
</div>
</nav>
<section id="register" class="bg-light py-5">

<div class="row">
<div class="col-md-6 mx-auto">
<div class="card">
<div class="card-header bg-primary text-white">
116 | P a g e
<h4>
<i class="fas fa-user-plus"></i> Register</h4>
</div>
<form action="index.html">
<label for="first_name">First Name</label>
<input type="text" name="first_name" class="form-control" required>
</div>
<label for="last_name">Last Name</label>
<input type="text" name="last_name" class="form-control" required>
</div>
<label for="username">Username</label>
<input type="text" name="username" class="form-control" required>
</div>
<label for="email">Email</label>
<input type="email" name="email" class="form-control" required>
</div>
<label for="password2">Password</label>
<input type="password" name="password" class="form-control" required>
</div>
<label for="password">Confirm Password</label>
<input type="password" name="password2" class="form-control" required>
</div>
<input type="submit" value="Register" class="btn btn-secondary btn-
block">
</form>
</div>
</div>
</div>
</div>
</div>
</section>

Copyright ©
</footer>

</body>
</html>
117 | P a g e
Bibliography
BIBLIOGRAPHY
1. Various Real- Estate Websites like (www.zameen.com, www.makaan.com)

2. Book - Test-Driven Development with Djangeyo Kevin Harv
3. Django Framework (https://www.djangoproject.com/)
4. Search Engine - Google (www.google.com)
5. Scribd.com
6. Udemy.com
SOFTWARE USED:
Framework: Django
Front-end: HTML, CSS, SASS and Jinja.
Back-end: Python, Django, JavaScript.
118 | P a g e

Project Report On Real State Web App

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Project Report On Real State Web App

Hochgeladen von

Copyright:

Verfügbare Formate

REAL-ESTATE WEB APP

For partial fulfillment of the requirement

BACHELOR OF COMPUTER SCIENCE

ABDULLAH AMMAR (G.L) 16BS(CS)-10

Engineer Amir Bhutto

Department of Computer Science

ABDULLAH AMMAR (G.L) 16BS(CS)-10

This site is basically developed to provide property information

Chapters Page Numbers

Chapter 1: Introduction ----------------------------------------------------------------1

Chapter 2: Literature Review ---------------------------------------------------------9

Chapter 3: Design and Implementation --------------------------------------------13

Chapter 4: Flow Charts and DFDS -------------------------------------------------23

Chapter 5: Testing ---------------------------------------------------------------------29

Chapter 6: Samples --------------------------------------------------------------------37

Chapter 7: Conclusion ----------------------------------------------------------------42

Appendix II: Coding ------------------------------------------------------------------54

 Customer can search for desired plot or house in a particular area.

Request for Data

HTML/ASP Page .aspx page with

Who are we?

 The major objective of real estate website is the convenience it offers.

 To design a real estate website of a particular agency using information collected

 To design a website which integrates all the information needed by user.

 To make the website user friendly.

 Storage requirement highly reduced

 Customer can do 24*7 searching.

1.5 METHDOLOGY USED FOR DATA COLLECTION

document analysis or Internet.

1. Primary Data: Interview and Internet

2. Secondary Data: Document Analysis

1.5.1 DATA COLLECTED BY INTERNET

the existing website of real estates like:-

satisfied with current website?

1. If not, what is the problem you are facing?

2. What all improvements are suggested?

3. Any suggestion to improve this website?

4. Any special feature that you want to be added to website?

1.5.3 DATA COLLECTED THROUGH DOCUMENT ANALYSIS

and through the newspaper’ Times Property’

The existing sites are:

1. www.99acres.com: The site can be navigated by anybody. No issue of Security is

2. www.zameen.com: It is the Pakistani real state website.

2.3 Real Estate Transaction Stages

Stage 3: Property evaluation. Traditionally, after buyers ﬁnd a property of interest, an

Stage 4: Negotiation and agreement. Negotiating the purchase agreement successfully

Stage 5: Execution/closing. The customary role of the escrow agent or attorney in

 Use BTRE logo (Frontend and admin)

Possible Future Functionality

 Google maps on listing page

Employee Login Process

EMPLOYEE USERNAME, PASSWORD ACCESS TO SYSTEM

SPECIFY PROPERTY (input) (output) SEARCH RESULT

Registering New User Process

ENTER NEW EMPLOYEE DETAILS Account STORE THE DETAILS

Update property listing process

PROPERTY UPDATED UPDATE

Updating New Property Process

NEW PROPERTY UPDATED Data File

technical nature requiring a certain amount of degree of experience in designing systems,

sound knowledge of computer related technology and thorough understanding of

computers related technology. However a system cannot be designed in isolation without

limitations of the hardware and software available in the market.

3.2.2 THE PRIMARY OBJECTIVE OF THE DESIGN IS: