Ibrahim BCSP064

Submitted to the School of Computer and Information
Sciences, IGNOU
In partial fulfilment of the requirements for the award
of the degree
Bachelor of Computer Applications (BCA)
Submitted By:-
Name:- Ibrahim Khan

Enrollment No.:- 180154480
Regional Center Code:- RC-1(07)
Study Center Code:- 0758(P)
Course Code:- BCSP-064
Mobile No. :- 9717019379
Email id :- ibrahimkhan0499@gmail.com
Under Guidance of:- Chintan Shah Patel
180154480 1|P a ge
180154480 2|P a ge
180154480 3|P a ge
180154480 4|P a ge
180154480 5|P a ge
BIO DATA OF GUIDE
NAME: Chintan Shah Patel

Email id: c_shahpatel@yahoo.com
Experience: 9 years
Education Qualification:
YEAR EDUCATION FROM

2000-01 10TH Standard Jubilee School,
Umesh, Gujarat
2002-03 12th Standard R.P.T.P Vidynagar,
Gujarat
2003-2007 Bachelor of Engineering D D Uniersity
in IT Gujarat
Summary
Experience in Analysis, Design, Development and Testing with emphasis on

Automated/Manual Unit Testing, Front End Testing, Back End Testing, System Testing,
Performance, Stress, Load and Regression Testing of Stand-alone, Client/Server and Web based
applications.
Part of the complete SDLC to develop process workflows, Software Requirements Specifications,
Use Cases, test plans, test cases and training materials. Involved in a wide array of development
and QA efforts, including modeling, planning, design and implementation, design and
implementation of tests and test cases, system and regression testing and test effort documentation
management.
Professional Expertise
 Experience in Performance Testing and Capacity planning for the application and DB
 Experience in Quality Assurance process from initiation of the project through implementation.
 Evaluated and analyzed existing QA Procedures; and recommended new procedures based on
the analysis.
 Experience in creation and execution of test cases and test scripts.
180154480 6|P a ge
 Experience in manual testing and, in automated testing and regression testing using QTP.
 Excellent communication and interpersonal skills. Committed and Motivated team player with
good analytical skills.
 Data flow and application flow analysis and modeling
 Performed Database Validation using program stubs.
 Good understanding in relational Database concepts, administration, advanced SQL,
performance monitoring, query plan analysis and query/storage optimization,
 Expertise in defect logging mechanisms and tool configuration, used commercial as well as in
house tools for effective defect Management
 Creation of testing effort summary and verifying conformance to quality standards.
 Experience in creating shell and python script as a part End to End testing.
Technical Skills:
Languages: C, Visual Basic, SQL, VB.NET,C#.NET,JAVA
Platforms: Windows NT, 95,98,XP, 2000, VISTA, Unix, Linux, MacOs
Database: Oracle 10i, Cassandra, MongoDB
Internet ASP.NET, ASP, ADO.NET, ADO, XML, HTML
Dev. Tools: Oracle App Dev, Visual studio 02-08.
Test Tools: SoapUi3.5,Jmeter,Loadrunner9.5,Xymon,Wireshark,Gatling,Performance Center
GUI Tools Microsoft Visual Studio (6.0),Hummingbird
Modeling tool MS Visio
Billing System AMDOCS & CSG
Monitoring JVVM, Dynatrace, OP5 , New Relic

tool
Scripting Shell, Python

Language
Data Science Forecasting Method
COMCAST CABLE - DOWNINGTOWN, PA
Position: Systems Integration Test Engineer/ Performance tester
180154480 7|P a ge
Project: Xfinity TV App: Comcast developed the Xfinity TV app for iPad, iPhone, and iPod Touch to
provide a more interactive experience for its customers. Xfinity Remote application testing involves
cross application functionality over Apple iPod and iPhone with integration to set top Box. Also
working as a performance tester.
Responsibilities:
 Performed functional testing on various Motorola, Cisco (T2way and legacy), Samsung and Pace
Set Top Boxes
 Testing various Cross Platform applications such as UCID (Universal CallerID), rDVR (Remote
DVR), XTV(Remote Tune) & Queue which interacts with Video, Voice & Data services.
 Expertise in Performance and Load testing using Wireshark and jMeter
 Proficiency in performing EAS related testing
 Experienced with manual as well as automation testing and created various automation test
cases
 Experience defining test cases in HPQC
 Utilize SOAP UI to view logs generated by various transactions in the QA environment
 Uncover various defects related to ETV/ITV/EBIF applications and ad-insertion technologies
 Trouble shoot unexpected behavior by accessing various diagnostic screens on the set top box
as well as view logs to detect communication errors in the network
 Use JIRA in conjunction with HP Quality Center to report defects and monitor progress on
defect resolution
 Verify environment readiness by conducting shakeout/ad hoc testing to ensure Device Under
Test and firmware accuracy and eliminate incorrect analysis of unexpected behavior
 Analyze requirements and execute test cases using HP Quality Center covering Video On
Demand (VOD), Caller ID, DVR, and Emergency Alert System (EAS) functionalities in addition to
Guide and User Agent interaction with remote tune devices such as the iPad
 Use XML scripts to communicate with settop boxes for testing application on mobile devices
 Coordinate effort with Lab Operations Team to minimize interference with other testing teams’
projects
 Experience working with Cisco (DNCS) and Motorola (DAC) head end.
 Collaborate with Product Engineering Team to clarify defects and deploy a bug free application
 Generating Automated Testing Scripts using Load runner and Jmeter.
 Analysis of graphs after execution.
 Development of shell/Perl scripts for server log analysis.
 Experience in UAT testing along with black box testing.
 Experienced in using Linux commands to get and trace the server logs.
 Using JVVM and XYMON for server side analysis.
 Also currently working on new project named “Queue” which is based on queuing some of the
programs online that syncs up with the STBs and shows on queue listing of the STBs.
180154480 8|P a ge
 Work with offshore team and manage offshore team effectively.
Environment: HPQC 10.00, Microsoft Visio Pro, JXPlorer, Putty, Apple XFinity Remote, TV Guide
(iGuide), Seachange Video On Demand, MAC-G Client for third party API’s, SQLServer, Microsoft
Access, Linux.
Client: BSNL, India
Project: Online Human Resource Management System
Position: .NET developer
180154480 9|P a ge
180154480 10 | P a g e
1. Title of the Project
 Interior Shapes And Design
2. Introduction and Objectives of the Project
2.1 Intro: This web site (Interior Shapes and Design) will support and
increase the productivity of the business. This project will show all the
projects/contracts done by the company in a visual format and also it
will help the customers to have a better knowledge of interior design so
they can choose or express what kind of interior they want. It will also
provide the necessary contact details so that the customers can contact
the company or they can submit their details on the web site and the
company’s customer care executives will contact the customer as soon
as possible. This project will ensure that customer’s data can only be
visible to the company, to keep the customers data secure.
180154480 11 | P a g e
2.2 Objective:
2.2.1 To create user friendly interface.
2.2.2 To maintain data.
2.2.3 To store customer’s data.
2.2.4 To showcase our work.
2.2.5 Help them to choose or create their own design.
2.2.6 Provide online connectivity between customers and company.
180154480 12 | P a g e
3. Project Category
3.1 Web Project
A web project is the process of developing and creating a Web site,
activities in a network which are aimed at a pre-defined goal. The
network can be both accessible for everyone, as in the Internet, or only
for certain people, as an intranet. The goal of Web projects is the
transfer of static and dynamic content - both directly to end users, as
well as indirectly through means of various kinds of interfaces.
A Web project involves many aspects, including programming and the
accompanying software development, Web business, Web server and
network administration, hosting, graphics/design, the development and
administration of databases, construction of interfaces, project
management and quality assurance, search engine optimization, the
maintenance of data in content management/editing systems and much
more.
180154480 13 | P a g e
Programming for a web project may be accomplished using one or more
markup languages (such as HTML or XML), scripting languages
(JavaScript, Perl, PHP for example).
3.2 Web developing and two end’s
3.2.1 Front-end
3.2.2 Back end
What Is a Front-End Development?
Front-end web development, also known as client-side development is
the practice of producing HTML, CSS and JavaScript for a website or
Web Application so that a user can see and interact with them directly.
The challenge associated with front end development is that the tools
and techniques used to create the front end of a website change
constantly and so the developer needs to constantly be aware of how
the field is developing.
180154480 14 | P a g e
What Is Backend Development?
Back-end Development refers to the server-side development. It is the
term used for the behind-the-scenes activities that happen when
performing any action on a website. It can be logging in to your account
or purchasing a watch from an online store.
Backend developer focuses on databases, scripting, and the architecture
of websites. Code written by back-end developers helps to communicate
the most common example of Backend programming is when you are
reading an article on the blog. The fonts, colours, designs, etc. constitute
the frontend of this page. While the content of the article is rendered
from a server and fetched from a database. This is the backend part of
the application.
180154480 15 | P a g e
Front End Client
Application (with
Backend
data entry / update
Database
/delete /view and
reporting facility)
Figure: Backend Database
180154480 16 | P a g e
4. ANALYSIS
4.1 Methodology used for Analysis, Design & Development:
The establishment and use of sound engineering principles in order to
obtain economically developed software that is reliable and works
efficiently on real machines is called software engineering.
Software engineering is the discipline whose aim is:
1. Production of quality software
2. Software that is delivered on time
3. Cost within the budget
4. Satisfies all requirements.
A software life cycle is the series of identifiable stages that a software
product undergoes during its lifetime. A software lifecycle model is a
descriptive and diagrammatic representation of the software life cycle. A
life cycle model represents all the activities required to make a software
product transit through its lifecycle phases .It also captures the order in
which these activities are to be taken.
4.2 LIFE CYCLE MODEL:
180154480 17 | P a g e
There are various life cycle models to improve the software processes.
 Waterfall model
 Prototype model
 Iterative enhancement model
 Evolutionary model
 Spiral model
INCREMENTAL MODEL
In incremental model the whole requirement is divided into various
builds. Multiple development cycles take place here, making the life cycle
a “multi-waterfall” cycle. Cycles are divided up into smaller, more easily
managed modules. Each module passes through the requirements,
design, implementation and testing phases. A working version of software
is produced during the first module, so you have working software early
on during the software life cycle. Each subsequent release of the module
adds function to the previous release. The process continues till the
complete system is achieved.
180154480 18 | P a g e
Incremental Life cycle Model
Advantages of Incremental model
 Generates working software quickly and early during the software life
cycle.
 This model is more flexible: less costly to change scope and
requirements.
 It is easier to test and debug during a smaller iteration.
 In this model customer can respond to each built.
 Easier to manage risk because risky pieces are identified and handled
during it’d iteration.
180154480 19 | P a g e
Disadvantages of Incremental model:
 Needs good planning and design
 Needs a clear and complete definition of the whole system before it can
be broken down and built incrementally.
When to use the Incremental model:
 This model can be used when the requirements of the complete system
are clearly defined and understood.
 Major requirements must be defined; however, some details can evolve
with time.
 There is a need to get a product to the market early.
 A new technology is being used
 Resources with needed skill set are not available
 There are some high risk features and goals.
Why this methodology has been used:
This model suits best for this software. This is because in future if we want
to add new functionality to our software so we don’t have to make any
changes to the previous code and just make write a code which fulfills the
purpose of the new functionality .
180154480 20 | P a g e
4.3 Methodology used for data collection
Data Collection can be defined as the process of collecting information.
There are two types of data:
(a) Primary data
(b) Secondary data
Primary data Collection
Primary data means original data that has been collected for the purpose
in mind. It means that the data that has been collected from first-hand
experience is known as primary data.
Secondary Data Collection: Secondary Data Collection is that data which
has been already collected by and readily available from other sources in
any form. The secondary data are cheaper and more quickly obta2inable
than primary data.Mainly secondary data collection method has been
used. Web search:
1. www.wikipedia.co.in
2. www.stackoverflow.com
3. www.w3schools.com
180154480 21 | P a g e
5. STRUCTURE OF PROJECT
5.1 DFD (DATA FLOW DIAGRAM)
LEVEL 0:
180154480 22 | P a g e
LEVEL 1:
LEVEL 2:
180154480 23 | P a g e
5.2 ERD (ENTITY RELATION DIAGRAM):
5.3 MODULES:
What does Module mean?
A module is a software component or part of a program that contains one
or more routines. One or more independently developed modules make
up a program. An enterprise-level software application may contain
180154480 24 | P a g e
several different modules, and each module serves unique and separate
business operations.
5.3.1 My project has five self-made working Modules till now, there
process and logic behind creating them are as follows : -
5.3.1.1 Register and Login: When user open the website he has to
either register or (I already registered) have to login first.
 Validity Checks: Existing user.
 Sequencing Information:
(a) First they have to register by using registration
form.
(b) And login by using login form
 Error Handling / Response to abnormal situations:
None
5.3.2 Quick Contact Box: If the customers have any kind of problem
or related query they can write it down in the query box along
with their details.
 The Quick contact Box contains
180154480 25 | P a g e
 Name
 Phone Number
 Email ID
 Query
5.3.3 Social Media handle : customers can have an access to the
social media accounts of the company they can check it out
and even follow if they want.
 Facebook
 Instagram
 Twitter
5.3.4 Reviews: customers can write and post there reviews on the
web site.
5.3.5 Feedback: customers can provide feedback to the company it
will be sent and saved in database and only the company can
read this feedback.
5.4 TESTING PROCESS TO BE USED:
5.4.1 Functionality Testing: Functional Testing is a type of Software
Testing in which the system is tested against the functional
requirements and specifications. Functional testing ensures
180154480 26 | P a g e
that the requirements or specifications are properly satisfied
by the application. This type of testing is particularly concerned
with the result of processing. Every function that the system is
provided with is rigorously tested to provide the exact results it
is supposed to give.
5.4.2 Usability testing: Usability Testing has now become a vital part of any
web based project. It can be carried out by testers like you or a small
focus group similar to the target audience of the web application.
 Test the site Navigation:
o Menus, buttons or Links to different pages on your site
should be easily visible and consistent on all webpages
 Test the Content:
o Content should be legible with no spelling or grammatical
errors.
o Images if present should contain an "alt" text
5.4.3 Database Testing:
180154480 27 | P a g e
Database is one critical component of your web application and
stress must be laid to test it thoroughly. Testing activities will
include-
 Test if any errors are shown while executing queries
 Data Integrity is maintained while creating, updating or deleting
data in database.
 Check response time of queries and fine tune them if necessary.
 Test data retrieved from your database is shown accurately in
your web application.
5.4.4 Compatibility testing:
Compatibility tests ensure that your web application displays
correctly across different devices. This would include:-
Browser Compatibility Test: Same website in different browsers
will display differently. You need to test if your web application is
being displayed correctly across browsers, JavaScript, AJAX and
authentication is working fine. You may also check for Mobile
Browser Compatibility.
180154480 28 | P a g e
The rendering of web elements like buttons, text fields etc.
changes with change in Operating System. Make sure your
website works fine for various combinations of Operating systems
such as Windows, Linux, Mac and Browsers such as Firefox,
Internet Explorer, Safari etc.
5.5 REPORTS GENERATION (tentative content of report)
Project Report I will further include:-
 Complete SRS of the project.
 Unit testing of the project.
 Complete code of the project.
 Input and Output Screens
 Limitations of the Project
 Bibliography.
 And other things recommended by the guide and teachers.
180154480 29 | P a g e
6. TOOLS, HARDWARE AND SOFTWARE
REQUIREMENT SPECIFICATIONS
6.1 TOOLS: To create a website, these are the basic tools you need:
 Web Browsers - Google Chrome + Mozilla Firefox at least.
 Version Control - Git command line.
 Text Editor - Sublime Text/Visual Studio code.
 Browser developer tools - Chrome/Firefox developer tools.
 Image manipulation software: - Adobe Photoshop CS6.
6.2 HARDWARE: With the software readily available, the only other things
required are a few key hardware components. Luckily, highly specialized
and expensive equipment is not needed to create a website.
180154480 30 | P a g e
 Computer: Most current computers and laptops have high enough
specifications to be used to create a website. The most important
specification to check on the computer would be the size of the RAM,
which should be over 2GB, though more is better. This will ensure that the
computer runs quickly and smoothly, even with heavier programs such as
website editors or photo editors. The computer should have a keyboard
and mouse attached and working as well.
 Internet: In order to create a website, access to a high-speed Internet
connection can be vital. This allows you to transfer the files that will
make up your website to the online server that will be hosting your
website, post updates on your website and look at your website live
online to make sure that it is displaying correctly.
 External Hard Drive or DVDs for Backup: You should always keep a fairly
current backup of your website in case there is an issue where the site
crashes or files become corrupted. You can keep this backup on an
external hard drive or a set of DVDs, depending on your preference. It is
possible for an external hard drive to crash, losing your backup, but
DVDs can be more unwieldy and can also scratch causing data loss. How
often you should create a backup depends on how often you update
180154480 31 | P a g e
your website, but once a month for a regularly-updated site can be a
good amount of time.
 Camera: Unless your website is going to consist only of text, you will
want to have a way to get some digital photos and videos for your
website. While you can buy stock photos and videos, these can end up
being expensive if you need many of them, and they may not be as
specific as the shots you need. A digital camera with video capability will
allow you to take photos and videos that can be downloaded to your
computer and added to your website. Because you took the photos and
shot the videos yourself, you don't need to worry about copyright
infringement of other people's media.
 Server: You will need a server computer to host your website on to
make sure that it is available all the time for anyone trying to access it.
While you can set up a computer to act as a web server, this is a highly
complicated task, and it is far easier, more reliable and cost-effective to
simply purchase a hosting package from a web hosting company. They
will keep and maintain the server computer, and you will be able to
access it to change files on your website.
180154480 32 | P a g e
6.3 Software Requirement Specifications
 Operating system - Windows (7/8/10)
 Web browser
 Text editor
7. PROJECT DONE FOR ANR COMPANY/INDUSTRY?
Yes, I have done this kind of project for a client but at that time I was working
with a team. Now I am re-developing the whole project on my own and if the
client likes it they will replace the old project with this new one on their
domain.
Details: Interior Shapes and design
BH-16,2nd Floor, Krishna Apartments
Shalimar Bagh(East)
New Delhi, 110088
180154480 33 | P a g e
8. FUTURE SCOPE OF THE PROJECT
 New Work and Designs of the company can be added.
 This will help the company to increase their business.
 This will act as a mode of advertising company’s work.
 This will store customer’s data in company database.
 Customers can choose the designs they like or arrange a meeting with the
company to create their own design.
9. ENHACEMENT THAT CAN BE DONE
 A self-designing feature so those customers have a visual idea of
his/her own design.
 Approximate cost calculator so that customer can select their design
according to their budgets.
 Better security for the backend database.
 Provide more information of the work like blueprint, etc.
180154480 34 | P a g e
180154480 35 | P a g e
Contents
S.No CONTENTS PAGE NO.
1 INTODUCTION & OBJECTIVE 37
2 TOOLS/ENIRONMENT USED 38
3 ANALYSIS 41
4 FEASIBILITY STUDY 46
5 SYSTEM REQUIREMENT SPECIFICATION(SRS) 50
6 DFD (DATA FLOW DIAGRAM) 52
7 ENTITY-RELATIONSHIP DIAGRAM 55
8 DATA DICTIONARY 58
9 MODULES AND LOGIC 61
10 PROGRAM CODE 65
11 INPUT AND OUTPUT SCREEN (SCREENSHOTS) 170
12 SECURITY 180
13 LIMITATIONS 183
14 FUTURE SCOPE 184
15 BIBLOGRAPHY 184
180154480 36 | P a g e
Introduction & Objectives of the Project
 Intro: This web site (Interior Shapes and Design) will support and increase
the productivity of the business. This project will show all the
projects/contracts done by the company in a visual format and also it will
help the customers to have a better knowledge of interior design so they
can choose or express what kind of interior they want. It will also provide
the necessary contact details so that the customers can contact the
company or they can submit their details on the web site and the
company’s customer care executives will contact the customer as soon as
possible. This project will ensure that customer’s data can only be visible to
the company, to keep the customers data secure.
 Objective:
o To create user friendly interface.
o To maintain data.
o To store customer’s data.
o To showcase our work.
o Help them to choose or create their own design.
o Provide online connectivity between customers and company.
180154480 37 | P a g e
TOOLS/ENVIRONMENT USED
 TOOLS: To create a website, these are the basic tools you need:
 Web Browsers - Google Chrome + Mozilla Firefox at least.
 Version Control - Git command line.
 Text Editor - Brackets Text
 Browser developer tools - Chrome/Firefox developer tools.
 Image manipulation software: - Adobe Photoshop CS6.
 HARDWARE: With the software readily available, the only other things
required are a few key hardware components. Luckily, highly specialized
and expensive equipment is not needed to create a website.
 Computer: Most current computers and laptops have high enough
specifications to be used to create a website. The most important
specification to check on the computer would be the size of the RAM,
which should be over 2GB, though more is better. This will ensure that the
computer runs quickly and smoothly, even with heavier programs such as
website editors or photo editors. The computer should have a keyboard
and mouse attached and working as well.
 Internet: In order to create a website, access to a high-speed Internet
connection can be vital. This allows you to transfer the files that will
180154480 38 | P a g e
make up your website to the online server that will be hosting your
website, post updates on your website and look at your website live
online to make sure that it is displaying correctly.
 External Hard Drive or DVDs for Backup: You should always keep a fairly
current backup of your website in case there is an issue where the site
crashes or files become corrupted. You can keep this backup on an
external hard drive or a set of DVDs, depending on your preference. It is
possible for an external hard drive to crash, losing your backup, but
DVDs can be more unwieldy and can also scratch causing data loss. How
often you should create a backup depends on how often you update
your website, but once a month for a regularly-updated site can be a
good amount of time.
 Camera: Unless your website is going to consist only of text, you will
want to have a way to get some digital photos and videos for your
website. While you can buy stock photos and videos, these can end up
being expensive if you need many of them, and they may not be as
specific as the shots you need. A digital camera with video capability will
allow you to take photos and videos that can be downloaded to your
180154480 39 | P a g e
computer and added to your website. Because you took the photos and
shot the videos yourself, you don't need to worry about copyright
infringement of other people's media.
 Server: You will need a server computer to host your website on to
make sure that it is available all the time for anyone trying to access it.
While you can set up a computer to act as a web server, this is a highly
complicated task, and it is far easier, more reliable and cost-effective to
simply purchase a hosting package from a web hosting company. They
will keep and maintain the server computer, and you will be able to
access it to change files on your website.
 Software Requirement Specifications
 Platform: Windows
 Operating System: Windows 10
 Front-End Tool: HTML, CSS, JAVASCRIPT
 Back- End Tool: MY SQL, PHP
 Editing Tool: TEXT EDITOR (Brackets)
 Server: Wamp Server
180154480 40 | P a g e
ANALYSIS
 Methodology used for Analysis, Design & Development:
The establishment and use of sound engineering principles in order to
obtain economically developed software that is reliable and works
efficiently on real machines is called software engineering.
Software engineering is the discipline whose aim is:
1. Production of quality software
2. Software that is delivered on time
3. Cost within the budget
4. Satisfies all requirements.
A software life cycle is the series of identifiable stages that a software
product undergoes during its lifetime. A software lifecycle model is a
descriptive and diagrammatic representation of the software life cycle. A
life cycle model represents all the activities required to make a software
product transit through its lifecycle phases .It also captures the order in
which these activities are to be taken.
180154480 41 | P a g e
 LIFE CYCLE MODEL:
There are various life cycle models to improve the software processes.
 Waterfall model
 Prototype model
 Iterative enhancement model
 Evolutionary model
 Spiral model
 INCREMENTAL MODEL
In incremental model the whole requirement is divided into various
builds. Multiple development cycles take place here, making the life cycle
a “multi-waterfall” cycle. Cycles are divided up into smaller, more easily
managed modules. Each module passes through the requirements,
design, implementation and testing phases. A working version of software
is produced during the first module, so you have working software early
on during the software life cycle. Each subsequent release of the module
adds function to the previous release. The process continues till the
complete system is achieved.
180154480 42 | P a g e
Incremental Life cycle Model
 Advantages of Incremental model
 Generates working software quickly and early during the software life
cycle.
 This model is more flexible: less costly to change scope and
requirements.
 It is easier to test and debug during a smaller iteration.
 In this model customer can respond to each built.
 Easier to manage risk because risky pieces are identified and handled
during it’d iteration.
180154480 43 | P a g e
 Disadvantages of Incremental model:
 Needs good planning and design
 Needs a clear and complete definition of the whole system before it can
be broken down and built incrementally.
 When to use the Incremental model:
 This model can be used when the requirements of the complete system
are clearly defined and understood.
 Major requirements must be defined; however, some details can evolve
with time.
 There is a need to get a product to the market early.
 A new technology is being used
 Resources with needed skill set are not available
 There are some high risk features and goals.
 Why this methodology has been used:
This model suits best for this software. This is because in future if we want
to add new functionality to our software so we don’t have to make any
changes to the previous code and just make write a code which fulfills the
purpose of the new functionality .
180154480 44 | P a g e
 Methodology used for data collection
Data Collection can be defined as the process of collecting information.
There are two types of data:
(a) Primary data
(b) Secondary data
Primary data Collection
Primary data means original data that has been collected for the purpose
in mind. It means that the data that has been collected from first-hand
experience is known as primary data.
Secondary Data Collection: Secondary Data Collection is that data which
has been already collected by and readily available from other sources in
any form. The secondary data are cheaper and more quickly obtainable
than primary data.Mainly secondary data collection method has been
used. Web search:
4. www.wikipedia.co.in
5. www.stackoverflow.com
6. www.w3schools.com
180154480 45 | P a g e
FEASIBILITY STUDY
 A feasibility study is a short, focused study, which aims to answer a
number of questions:
 Does the system contribute to the overall objectives of the
organizations?
 Can the system be implemented using current technology and within
given cost and schedule constrains?
 Can the system be integrated with systems which are already in
place?
 Technical Feasibility:-
 Is the project feasibility within the limits of current technology?
 Does the technology exist at all?
 Is it available within given resource constraints (i.e., budget,
schedule)?
 Financial Feasibility:-
Is the project possible, given resource constraints?
Are the benefits that will accrue from the new system worth the costs?
What are the savings that will result from the system, including tangible and
intangible ones?
180154480 46 | P a g e
What are the development and operational costs?
 Operational Feasibility:-
Define the urgency of the problem and the acceptability of any solution; if the
system is developed, will it be used? Includes people-oriented and social issues:
internal issues, such as manpower problems, labor objections, manager
resistance, organizational conflicts and policies; also external issues, including
social acceptability, legal aspects and government regulations.
In preliminary investigation feasibility study has three aspects:-
Technical Feasibility
Operational Feasibility
Economical Feasibility

Technical Feasibility
Technical issues involved are the necessary technology existence, technical
guarantees of accuracy, reliability, ease of access, data security, aspects of
future expansion.
Technology exists to develop a system.
The proposed system is capable of holding data to be used.
The proposed system is capable of providing adequate response and
regardless of the number of users.
180154480 47 | P a g e
The proposed system being modular to the administrator, if he/she wants can
add more features in the future and as well as be able to expand the system.
As far as the hardware and software is concerned, the proposed system is
completely liable with proper backup and security.
Hence, we can say that the proposed system is technically feasible.
Operational Feasibility
If the system meets the requirements of the customers and the administrator we
can say that the system is operationally feasible.
The proposed system will be beneficial only if it can be turned into a system
which will meet the requirements of the store when it is developed and installed,
and there is sufficient support from the users
The proposed system will improve the total performance.
Customers here are the most important part of the system and the proposed
system will provide them with a convenient mode of operation for them.
The proposed system will be available to the customers throughout the globe.
The proposed system will provide a better market for different dealers.
Hence, the proposed system is operationally feasible.
180154480 48 | P a g e

Economical Feasibility
Economic Feasibility is the most frequently used method for evaluating the
effectiveness of the proposed system if the benefits of the proposed system
outweighs the cost then the decision is made to design and implement the
system.
The cost of hardware and software is affordable.
High increase in the amount of profit earned by going global.
Easy and cheap maintenance of the system possible.
Very cheap price for going global.
Hence, the proposed system is economically feasible.
180154480 49 | P a g e
System Requirement Specification(SRS)
 PROJECT CATEGORY: Web project
A web project is the process of developing and creating a Web site,
activities in a network which are aimed at a pre-defined goal. The
network can be both accessible for everyone, as in the Internet, or only
for certain people, as an intranet. The goal of Web projects is the
transfer of static and dynamic content - both directly to end users, as
well as indirectly through means of various kinds of interfaces.
A Web project involves many aspects, including programming and the
accompanying software development, Web business, Web server and
network administration, hosting, graphics/design, the development and
administration of databases, construction of interfaces, project
management and quality assurance, search engine optimization, the
maintenance of data in content management/editing systems and much
more.
Programming for a web project may be accomplished using one or more
markup languages (such as HTML or XML), scripting languages
(JavaScript, Perl, PHP for example).
180154480 50 | P a g e
 Web developing and two end’s
o Front-end: Front-end web development, also known as client-
side development is the practice of producing HTML, CSS and
JavaScript for a website or Web Application so that a user can
see and interact with them directly.
o Back end: Back-end Development refers to the server-side
development. It is the term used for the behind-the-scenes
activities that happen when performing any action on a website. It
can be logging in to your account or purchasing a watch from an
online store.
Front End Client

Application (with
Backend
data entry / update
Database
/delete /view and
reporting facility)
Figure: Backend Database
180154480 51 | P a g e
DFD (DATA FLOW DIAGRAM)
Data flow diagrams (DFD) was first developed by LARRY
CONSTANTINE as way representing system requirements in a graphical
form; this lead to modular design. A DFD describes what data flow
(logical) rather than how they are processed, so it does not depend on
hardware, software, data structure or file organization. It is also known as
bubble chart.
A Data Flow Diagrams is a structured analysis and design tool that can be
used for flowcharting in place of, or in association with, information-
oriented and process-oriented systems flowcharts. A DFD is a network
that describes the flow of data and the processes that change, or
transform, data throughout a system. This network is constructed by using
a set of symbols that do not imply a physical implementation. It has the
purpose of clarifying system requirements and identifying major
transformations that will become programs in system design. So it is the
starting point of the design phase that functionality decomposes the
requirement specifications down to the lowest level of detail.
The symbols used to prepare DFD do not imply a physical
implementation, a DFD can be considered to an abstract of the logic of an
information-oriented or a process-oriented system flow-chart. For these
180154480 52 | P a g e
reasons DFDs are often referred to as logical data flow diagrams. The
four basic symbols used to construct data flow diagrams are shown
below:
LEVEL 0:
180154480 53 | P a g e
LEVEL 1:
LEVEL 2:
180154480 54 | P a g e
ERD (ENTITY RELATION DIAGRAM)
The Entity-Relationship model is a data model for high-level descriptions
of conceptual data models, and it provides a graphical notation for
representing such data models in the form of entity-relationship diagrams.
Such data models are typically used in the first stage of information-
system design; they are used, for example, to describe information needs
and/or the type of information that is to be stored in the database during
the requirements analysis.
Basic elements in ER models:
Entities
A data entity is anything real or abstract about which we want to store
the data. Entity type falls into five classes: roles, events, location,
tangible things or concepts.
Attributes
A data attribute is a characteristic common to all or most instances of a
particular entity. An attribute or combination of attributes that uniquely
identifies one & only one instance of an entity is called primary key or
identifier.
180154480 55 | P a g e
Relationships
Relationship provides the structure needed to draw information from
multiple entities. It is a natural association that exists between one or
more entities.
ERD (This is new ERD: I have modified it after re-analysis. it is given below:-)
180154480 56 | P a g e
180154480 57 | P a g e
DATA DICTIONARY
Data dictionary of Property Management System
TABLE NAME: REGISTERATION

 Owner: Admin
 Destination DB name: data
 Number of columns: 5
 Number of foreign keys: 0
Name Type Type Collation Null Default

1 name varchar(100) latin1_swedish_ci no No 
2 email varchar(100) latin1_swedish_ci no No 
3 password varchar(255) latin1_swedish_ci No No 
TABLE NAME: CONTACT BOX

 Owner: Admin
 Destination DB name: data1
Name Type Collation Null Default
1 FullName varchar(255) latin1_swedish_ci No No 
2 Email varchar(255) latin1_swedish_ci No No 
3 Message varchar(300) latin1_swedish_ci No No
180154480 58 | P a g e
TABLE NAME: FEEDBACK
 Owner: Admin

1 username varchar(100) latin1_swedish_ci No No 
2 email varchar(100) latin1_swedish_ci No No 
3 Feedback varchar(300) latin1_swedish_ci No No
TABLE NAME: REVIEW BOX
 Owner: Admin

3 Stars varchar(50) latin1_swedish_ci No No 
4 Experince varchar(50) latin1_swedish_ci No No 
180154480 59 | P a g e
TABLE NAME: LOGIN AND VALIDATION
 Owner: Admin
Name Type Type Collation Null Default

3 password varchar(255) latin1_swedish_ci No No 
180154480 60 | P a g e
MODULES
What does Module mean?
A module is a software component or part of a program that contains one
or more routines. One or more independently developed modules make
up a program. An enterprise-level software application may contain
several different modules, and each module serves unique and separate
business operations.
 Number of Modules, Their Description And Process Logic For

Each Module:
Login Module– This module is provided for administrator and users.

Who have registered themselves in the system. These login are provided
according to the need of the systems.
★ Input – User id and password
★ Process – After entering user id and password by user process of validation

occur to
identify whether user id and password is available in database or not.
★ Output – Registered user can access website and can use the services.
180154480 61 | P a g e
LOGIC:
Register: When user open the website he has to either register or (I already
registered) have to login then.
• Validity Checks: Existing user.
• Sequencing Information:
(a) First they have to register by using registration form.
(b) And login by using login form.
 Error Handling / Response to abnormal situations:
None
180154480 62 | P a g e
Quick Contact Box: If the customers have any kind of problem or related
query they can write it down in the query box along with their details.
 The Quick contact Box contains
 Name
 Email ID
 Message
Social Media Handle: customers can have an access to the social media
accounts of the company they can check it out and even follow if they want.
 Facebook
 Instagram
 Twitter
Reviews: customers can give reviews as starts on a review portal and they
can also write what they liked or dislikes about their experience.
Feedback: customers can provide feedback to the company it will be sent and
saved in database and only the company can read this feedback.
180154480 63 | P a g e
Our Team: This module contains the data about our small team which consists
of the CEO of the company, designer and the architecht and small description
about them.
VALIDATION CHECK
 At the time of sign up not any text box will

accept null can’t accept a wrong email id.
 At the time of login for any user duplicate or fake results

will not be accepted.
 If someone forgets password and want to get their password they

mostly will have to enter that Alternate email id which he has
given at the time of sign up, else he wouldn’t be able to get his
password back.
 Without entering a valid email id and password users will not

be able to view their profile.
 Only Admin has the right to block any user if they behave
offensively. And when User is getting blocked by admin, they will
not able to get their account’s access.
 In admin section, admin also have a feature to give important

information to all the users simultaneously.
180154480 64 | P a g e
PROGRAM CODE
HTML CODE
<?php
include("connect.php");
include("connect1.php");
error_reporting(0);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Architect Website</title>
<link rel="stylesheet" href="style1.css" />
<link
rel="stylesheet"
180154480 65 | P a g e
href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.13.0/css/all.min.css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400;500;6
00;700;800&family=Josefin+Slab:ital,wght@0,400;0,600;1,300;1,400;1,600&f
amily=Muli:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="spinner-container">
<div class="circles">
</div>
</div>
<div class="container">
180154480 66 | P a g e
<div class="hamburger-menu">
<div class="line line-1"></div>
<span>Close</span>
</div>
<header class="header" id="home">
<div class="img-wrapper">
<img src="images/bg.jpg" />
</div>
<div class="banner">
<h1>Interior Shapes & Design </h1>
<p>Architecture is the learned game, correct and magnificent, of forms
assembled in the light.</p>
<button>Discover now</button>
</div>
</header>
180154480 67 | P a g e
<section class="sidebar">
<ul class="menu">
<li class="menu-item">
<a href="#home" class="menu-link" data-content="Home">Home</a>
</li>
<a href="#about-us" class="menu-link" data-content="About
Us">About Us</a>
</li>
<a href="#our-team" class="menu-link" data-
content="Team">Team</a>
</li>
<a href="#contact" class="menu-link" data-
content="Contact">Contact</a>
180154480 68 | P a g e
</li>
<a href="#feedback" class="menu-link" data-
content="Feedback">Feedback</a>
</li>
</ul>
<div class="social-media">
<a href="https://www.facebook.com/interior76/?__tn__=%2Cd"><i
class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/interiordesignmag/"><i class="fab
fa-instagram"></i></a>
<a href="https://twitter.com/interlors?lang=en"><i class="fab fa-
twitter"></i></a>
</div>
</section>
<section class="about-us" id="about-us">
<div class="section-header">
180154480 69 | P a g e
<h1 class="section-heading">About Us</h1>
<div class="underline"></div>
</div>
<div class="services">
<div class="service">
<div class="service-header">
<i class="fas fa-pen-nib"></i>
<h3>Interior</h3>
</div>
<p class="service-text">
Interior architecture is the design of a building or shelter from
inside out, or the design of a new interior for a type of home that can be
fixed.
</p>
</div>
180154480 70 | P a g e
<i class="fas fa-paint-roller"></i>
<h3>Exterior</h3>
</div>
Exterior architectural feature means the architectural style and general
arrangement
of the exterior of the structure, including type and texture of the
building materials,
and including all windows, doors, lights, signs and other fixtures
appurtenant thereto.
</p>
</div>
<i class="fas fa-pencil-alt"></i>
<h3>Design</h3>
180154480 71 | P a g e
</div>
Architectural design is a concept that focuses on components or
elements
of a structure. An architect is generally the one in charge of the
architectural design.
They work with space and elements to create a coherent and functional
structure
</p>
</div>
<i class="fas fa-paint-brush"></i>
<h3>Decoration</h3>
</div>
In the construction industry, decoration refers to the 'dressing' of a room
or interior space.
180154480 72 | P a g e
It can be referred to as 'interior decoration' or 'decor' and relates to the
aesthetics of a
space and its furniture, furnishings, surface finishes, lighting, and so on.
</p>
</div>
<i class="fas fa-ruler-combined"></i>
<h3>Planning</h3>
</div>
Architectural master planning is the critical first step in any design
process. It is the
creation of a framework in which the whole project proceeds. Headed
by a lead architect, a
project's planning phase considers the entire picture through detailed
work.
</p>
180154480 73 | P a g e
</div>
<i class="far fa-building"></i>
<h3>Execution</h3>
</div>
The execution architecture is only a small part of the total system
architecture. The zero order
approach is that execution architecture is the mapping of functionality
via software building blocks
on hardware resources by means of processes or tasks, priorities and
synchronized by means of interrupts
</p>
</div>
<div class="about-us-img-wrapper">
<img src="images/house.png" />
180154480 74 | P a g e
</div>
</div>
</section>
<section class="team" id="our-team">
<h1 class="section-heading">Our Team</h1>
</div>
<div class="cards-wrapper">
<div class="card" data-tilt>
<div class="card-img-wrapper">
<img src="images/person-1.jpg" alt="CEO" />
</div>
<div class="card-info">
<h2>John Smith</h2>
<h3>CEO</h3>
180154480 75 | P a g e
<p>
"Lorem ipsum dolor sit amet consectetur adipisicing elit.
Asperiores, impedit!"
</p>
<button>Read More</button>
</div>
</div>
<img src="images/person-2.jpg" alt="Designer" />
</div>
<h2>Ann Brown</h2>
<h3>Designer</h3>
<p>
180154480 76 | P a g e
</p>
</div>
</div>
<img src="images/person-3.jpg" alt="Architect" />
</div>
<h2>Mary Doe</h2>
<h3>Architect</h3>
<p>
</p>
</div>
180154480 77 | P a g e
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="contact-wrapper">
<div class="contact-left"></div>
<div class="contact-right">
<h1 class="contact-heading">Contact</h1>
<form>
<div class="input-group">
<input type="text" class="field" name="fullname" required />
<label class="input-label">Full Name</label>
</div>
<input type="email" class="field" name="email" required />
<label class="input-label">Email</label>
180154480 78 | P a g e
</div>
<textarea class="field" name="message" required></textarea>
<label class="message">Message</label>
</div>
<input type="submit" class="submit-btn" name="submit" />
</form>
</div>
</div>
</section>
<section class="contact" id="feedback">
<div class="contact-wrapper">
<div class="contact-left"></div>
<div class="contact-right">
<h1 class="contact-heading">FeedBack</h1>
<form>
180154480 79 | P a g e
<textarea class="field" name="feedback" required></textarea>
<label class="message">Write here</label>
</div>
<input type="submit" class="submit-btn" name="submit" />
</form>
</div>
</div>
</section>
<h1 class="section-heading">Plese leave us ur riveiws <br> <a
href="review.php">click here</a></h1>
</div>
180154480 80 | P a g e
<footer class="footer">
<div class="footer-content">
<p class="copyright">
Copyright © 2020,Interior Shapes And Design - All Rights
Reserved
</p>
<div class="social-list">
<a href="https://www.facebook.com/interior76/?__tn__=%2Cd"><i
class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/interiordesignmag/"><i class="fab
fa-instagram"></i></a>
<a href="https://twitter.com/interlors?lang=en"><i class="fab fa-
twitter"></i></a>
</div>
</div>
</footer>
<a href="#" class="scroll-btn">
180154480 81 | P a g e
<i class="fas fa-arrow-up"></i>
</a>
</div>
<script src="script.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.js integrity="sha256-
QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="crossorigin="an
onymous"
></script>
<script src="tilt.js"></script>
</body>
</html>
180154480 82 | P a g e
CSS CODE (STYLE.CSS)
*{
margin: 0;
padding: 0;
outline: none;
box-sizing: border-box;
list-style: none;
text-decoration: none;
html {
font-size: 62.5%;
.spinner-container {
position: absolute;
180154480 83 | P a g e
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: #262626;
display: flex;
justify-content: center;
align-items: center;
transition: all 1s;
z-index: 300;
.display .spinner-container {
opacity: 0;
visibility: hidden;
180154480 84 | P a g e
.circles {
width: 8rem;
height: 8rem;
position: relative;
opacity: 0;
visibility: hidden;
animation: displayCircles 4s;
@keyframes displayCircles {
0% {
opacity: 0;
visibility: hidden;
25% {
180154480 85 | P a g e
opacity: 1;
visibility: visible;
90% {
opacity: 1;
100% {
opacity: 0;
visibility: hidden;
.circles div {
animation: circles 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 4rem 4rem;
180154480 86 | P a g e
}
.circles div::after {
content: "";
position: absolute;
width: 0.7rem;
height: 0.7rem;
border-radius: 50%;
background-color: #c29525;
margin: -0.4rem 0 0 -0.4rem;
.circles div:nth-child(1) {
animation-delay: -0.036s;
180154480 87 | P a g e
.circles div:nth-child(1)::after {
top: 6.3rem;
left: 6.3rem;
top: 6.8rem;
left: 5.6rem;
180154480 88 | P a g e
}
top: 7.1rem;
left: 4.8rem;
top: 7.2rem;
left: 4rem;
180154480 89 | P a g e
top: 7.1rem;
left: 3.2rem;
top: 6.8rem;
left: 2.4rem;
180154480 90 | P a g e
}
top: 6.3rem;
left: 1.7rem;
180154480 91 | P a g e
top: 5.6rem;
left: 1.2rem;
@keyframes circles {
0% {
transform: rotate(0);
100% {
transform: rotate(360deg);
.container {
display: none;
180154480 92 | P a g e
.display .container {
display: block;
.hamburger-menu {
width: 3rem;
height: 3rem;
position: fixed;
top: 5rem;
right: 5rem;
z-index: 200;
display: flex;
flex-direction: column;
justify-content: space-evenly;
cursor: pointer;
180154480 93 | P a g e
transition: right 0.7s;
.change .hamburger-menu {
right: 33rem;
.line {
width: 100%;
height: 0.2rem;
background-color: #fff;
box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
.change .line {
background-color: rgba(0, 0, 0, 0.8);
180154480 94 | P a g e
}
.change .line-1 {
transform: rotate(45deg) translate(0.3rem, 0.8rem);
.change .line-2 {
opacity: 0;
visibility: hidden;
.change .line-3 {
transform: rotate(-45deg) translate(0.3rem, -0.8rem);
.hamburger-menu span {
180154480 95 | P a g e
position: absolute;
left: 5rem;
width: 10rem;
height: 4rem;
background-color: #e2b646;
display: flex;
color: #fff;
font-family: "Baloo Da 2", serif;
font-size: 1.6rem;
letter-spacing: 0.1rem;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
180154480 96 | P a g e
.change .hamburger-menu:hover span {
opacity: 1;
.hamburger-menu span::before {
content: "";
position: absolute;
border-left: 1rem solid transparent;
border-right: 1rem solid #e2b646;
border-bottom: 1rem solid transparent;
border-top: 1rem solid transparent;
top: 50%;
left: -2rem;
transform: translateY(-50%);
180154480 97 | P a g e
}
.header {
width: 100%;
height: 100vh;
position: relative;
perspective: 100rem;
overflow: hidden;
.img-wrapper {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
overflow: hidden;
180154480 98 | P a g e
.img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
animation: scale 25s;
@keyframes scale {
0% {
transform: scale(1.3);
100% {
transform: scale(1);
180154480 99 | P a g e
}
.banner {
position: absolute;
top: 30%;
left: 15%;
.banner h1 {
font-size: 8rem;
font-weight: 300;
color: #fff;
width: 50%;
line-height: 9rem;
180154480 100 | P a g e
text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.4);
opacity: 0;
animation: moveBanner 1s 0.5s forwards;
.banner p {
font-family: "Josefin Slab", serif;
font-size: 4rem;
color: #fff;
width: 70%;
margin-bottom: 3rem;
opacity: 0;
180154480 101 | P a g e
.banner button {
width: 25rem;
height: 7rem;
border: none;
font-family: "Muli", serif;
font-size: 2rem;
text-transform: uppercase;
color: #fff;
cursor: pointer;
opacity: 0;
180154480 102 | P a g e
@keyframes moveBanner {
0% {
transform: translateY(40rem) rotateY(-20deg);
100% {
transform: translateY(0) rotateY(0);
opacity: 1;
.sidebar {
width: 40rem;
height: 100vh;
position: fixed;
top: 0;
180154480 103 | P a g e
right: -40rem;
background-color: #fff;
transition: right 0.5s;
z-index: 100;
.change .sidebar {
right: 0;
.menu {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
180154480 104 | P a g e
.menu-item {
text-align: center;
.menu-link {
font-size: 4rem;
color: #555;
position: relative;
.menu-link::before {
content: attr(data-content);
position: absolute;
top: 0;
180154480 105 | P a g e
left: 0;
color: #c29525;
width: 0;
overflow: hidden;
white-space: nowrap;
transition: width 0.3s ease-in-out;
.menu-link:hover::before {
width: 100%;
.social-media {
position: absolute;
bottom: 3rem;
width: 100%;
180154480 106 | P a g e
display: flex;
.social-media i {
font-size: 2.2rem;
margin: 3rem;
width: 4.5rem;
height: 4.5rem;
color: #fff;
display: flex;
border-radius: 50%;
transition: background-color 0.3s;
180154480 107 | P a g e
}
.social-media i:hover {
.about-us {
width: 100%;
background-color: #f5f5f5;
padding-bottom: 15rem;
.section-header {
display: flex;
180154480 108 | P a g e
padding: 7rem 0 10rem 0;
.section-heading {
font-size: 5rem;
font-weight: 300;
color: #4b4b4b;
.underline {
width: 12rem;
height: 0.3rem;
180154480 109 | P a g e
.services {
width: 100%;
height: 100%;
display: grid;
grid-template-columns: repeat(16, 1fr);
grid-template-rows: repeat(6, 6rem);
grid-row-gap: 4rem;
.service {
width: 100%;
.service:nth-child(1) {
180154480 110 | P a g e
grid-column: 4 / 7;
grid-row: 1 / 3;
grid-column: 3 / 6;
grid-row: 3 / 5;
grid-column: 4 / 7;
grid-row: 5 / -1;
grid-column: 11 / 14;
180154480 111 | P a g e
grid-row: 1 / 3;
grid-row: 3 / 5;
grid-row: 5 / -1;
.service-header {
display: flex;
180154480 112 | P a g e
.service-header i {
font-size: 4rem;
color: #4b4b4b;
margin-right: 2rem;
.service-header h3 {
font-size: 2.6rem;
line-height: 2.6rem;
font-weight: 400;
180154480 113 | P a g e
.service-text {
font-family: "Josefin Slab", serif;
font-size: 1.6rem;
text-align: justify;
.about-us-img-wrapper {
grid-row: 2 / 6;
width: 100%;
.about-us-img-wrapper img {
width: 100%;
object-fit: cover;
180154480 114 | P a g e
opacity: 0.8;
.team {
display: flex;
padding: 0 5rem 20rem 5rem;
.cards-wrapper {
display: flex;
justify-content: space-evenly;
margin-top: 8rem;
width: 100%;
180154480 115 | P a g e
}
.card {
width: 37rem;
height: 45rem;
box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.4);
border-radius: 0.5rem;
position: relative;
.card-img-wrapper {
width: 100%;
height: 100%;
180154480 116 | P a g e
.card-img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.8;
transition: opacity 0.3s;
.card:hover .card-img-wrapper img {
opacity: 0.5;
.card-info {
position: absolute;
180154480 117 | P a g e
bottom: 0;
padding: 2rem;
opacity: 0;
visibility: hidden;
.card:hover .card-info {
bottom: 2rem;
opacity: 1;
.card-info h2 {
180154480 118 | P a g e
font-size: 2.5rem;
font-weight: 300;
color: #eee;
.card-info h3 {
font-size: 2rem;
font-weight: 500;
color: #a52a2a;
.card-info p {
font-family: "Baloo da 2", serif;
180154480 119 | P a g e
font-size: 1.4rem;
font-weight: 300;
color: #eee;
width: 80%;
.card-info button {
width: 10rem;
height: 3rem;
border: none;
font-size: 1.4rem;
180154480 120 | P a g e
color: #eee;
.contact {
width: 100%;
height: 100vh;
display: flex;
.contact-wrapper {
width: 60%;
180154480 121 | P a g e
height: 75rem;
display: flex;
box-shadow: 0 3rem 7rem rgba(0, 0, 0, 0.5);
.contact-left {
width: 35%;
background: linear-gradient(rgba(15, 15, 15, 0.6), rgba(22, 22, 22, 0.9)),
url(images/contact-bg.jpg) center no-repeat;
background-size: cover;
.contact-right {
width: 65%;
background-color: #eee;
180154480 122 | P a g e
padding: 3rem 10rem 10rem 10rem;
.contact-heading {
font-size: 6rem;
font-weight: 300;
color: #272727;
text-align: center;
.contact-right form {
width: 100%;
display: flex;
180154480 123 | P a g e
.input-group {
position: relative;
.field {
width: 45rem;
background-color: transparent;
border: none;
border-bottom: 0.2rem dashed #636363;
margin: 3rem 0;
padding: 1rem 1rem 1rem 0;
180154480 124 | P a g e
font-size: 1.6rem;
color: #4b4b4b;
.input-group input {
height: 4rem;
.input-group textarea {
max-height: 7rem;
max-width: 45rem;
.field:focus {
border-bottom-style: solid;
180154480 125 | P a g e
}
.input-group label {
position: absolute;
left: 0;
font-size: 1.8rem;
color: #4b4b4b;
pointer-events: none;
.input-label {
bottom: 3rem;
180154480 126 | P a g e
.message {
bottom: 6rem;
.field:focus ~ label {
transform: translateY(-3rem);
font-size: 1.2rem;
.submit-btn {
width: 45rem;
height: 5rem;
color: #fff;
border: none;
180154480 127 | P a g e
margin-top: 2rem;
font-size: 2rem;
font-weight: 300;
cursor: pointer;
.footer {
width: 100%;
height: 15rem;
background-color: #17181b;
display: flex;
180154480 128 | P a g e
.footer-content {
width: 60%;
display: flex;
justify-content: space-between;
.copyright {
font-size: 1.6rem;
color: #a7a7a7;
180154480 129 | P a g e
.social-list a {
margin: 0 2rem;
.social-list i {
font-size: 2rem;
color: #a7a7a7;
.scroll-btn {
position: fixed;
right: 5rem;
bottom: 5rem;
width: 4.5rem;
height: 4.5rem;
background-color: #e2b646;
180154480 130 | P a g e
display: flex;
font-size: 2rem;
color: #fff;
@media (max-width: 1500px) {
grid-row: 3 / -1;
.card {
width: 34rem;
180154480 131 | P a g e
}
.contact-wrapper {
width: 80%;
height: 65rem;
.footer-content {
width: 80%;
.banner h1 {
font-size: 6rem;
line-height: 7rem;
180154480 132 | P a g e
}
.banner p {
font-size: 3rem;
.banner button {
width: 20rem;
height: 5rem;
font-size: 1.6rem;
.menu-link {
font-size: 3rem;
180154480 133 | P a g e
grid-column: 3 / 7;
grid-column: 2 / 6;
grid-column: 3 / 7;
180154480 134 | P a g e
.team {
padding-bottom: 5rem;
.cards-wrapper {
180154480 135 | P a g e
margin-top: 4rem;
.card {
.contact-wrapper {
width: 90%;
height: 55rem;
.contact-heading {
180154480 136 | P a g e
.field {
margin: 2rem 0;
.banner h1 {
font-size: 5rem;
line-height: 6rem;
.banner p {
font-size: 2.5rem;
180154480 137 | P a g e
.banner button {
width: 18rem;
height: 4rem;
font-size: 1.5rem;
.services {
display: flex;
.service {
width: 40rem;
180154480 138 | P a g e
width: 40rem;
.about-us-img-wrapper img {
width: 100%;
.contact-left {
width: 0;
.contact-right {
width: 100%;
180154480 139 | P a g e
.field {
width: 55rem;
max-width: 55rem;
.submit-btn {
width: 55rem;
.footer-content {
180154480 140 | P a g e
text-align: center;
width: 50%;
.copyright {
order: 1;
margin-top: 3rem;
.banner h1 {
font-size: 4rem;
line-height: 5rem;
180154480 141 | P a g e
.banner p {
font-size: 2rem;
.field {
width: 35rem;
max-width: 35rem;
.submit-btn {
width: 35rem;
180154480 142 | P a g e
html {
font-size: 45%;
.sidebar {
width: 100%;
right: -100%;
.change .hamburger-menu {
right: 38rem;
.service {
180154480 143 | P a g e
width: 30rem;
.footer {
height: 18rem;
180154480 144 | P a g e
JAVASCRIPT CODE (SCRIPT.JS)
window.onload = () => {
setTimeout(() => {
document.querySelector("body").classList.add("display");
}, 4000);
};
document.querySelector(".hamburger-menu").addEventListener("click", () => {
document.querySelector(".container").classList.toggle("change");
});
document.querySelector(".scroll-btn").addEventListener("click", () => {
document.querySelector("html").style.scrollBehavior = "smooth";
setTimeout(() => {
document.querySelector("html").style.scrollBehavior = "unset";
}, 1000);
});
180154480 145 | P a g e
CONECTION ESTABLISHMENT BTWEEN SERVER
DATABASE AND WEBSITE:
CONECT1.PHP
<?php
$servername = "localhost";
$username = "root";
$password = "123456";
$dbname = "database1";
$conn = mysqli_connect($servername,$username,$password,$dbname);
if($conn){
// echo "Connection ok";
}else{
echo "Connection Not ok" .mysqli_connect_error();
?>
180154480 146 | P a g e
CONECT.PHP
<?php
$servername = "localhost";
$username = "root";
$password = "123456";
$dbname = "database";
$conn = mysqli_connect($servername,$username,$password,$dbname);
if($conn){
// echo "Connection ok";
}else{
echo "Connection Not ok" .mysqli_connect_error();
?>
180154480 147 | P a g e
PHP CODE for Insertion Of Data Into Database
<?php
$fdb=$_GET['feedback'];
$query="INSERT INTO data1 VALUES ('$fdb')";
$data=mysqli_query($conn,$query);
if($data1){
echo "DATA INCERTED INTO DATABASE1";
}else{
echo "FAILED TO INSERT DATA INTO DATABASE1";
?>
<?php
$fn=$_GET['fullname'];
$em=$_GET['email'];
$msg=$_GET['message'];
180154480 148 | P a g e
$query="INSERT INTO data VALUES ('$fn', '$em', '$msg')";
$data=mysqli_query($conn,$query);
if($data){
echo "DATA INCERTED INTO DATABASE";
}else{
echo "FAILED TO INSERT DATA INTO DATABASE";
?>
180154480 149 | P a g e
PHP CODE FOR VALIDATION
<?php
session_start();
$con = mysqli_connect('localhost', 'root','123456');
mysqli_select_db($con,'userregistration');
$name = $_POST['user'];
$pass = $_POST['password'];
$s = "select * from usertable where name = '$name' && password = '$pass'";
$result = mysqli_query($con, $s);
$num = mysqli_num_rows($result);
if($num == 1){
// $_SESSION['username'] = $name;
header('location:home.php');
}else{
header('location:login.php');
?>
180154480 150 | P a g e
CODE FOR REVIEW PORTAL
HTML (review.html)
<!DOCTYPE html>

<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">


<link rel="stylesheet" href="style2.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
<div class="container">
<div class="post">
180154480 151 | P a g e
<div class="text">
Thanks for rating us!</div>
<div class="edit">
EDIT</div>
</div>
<div class="star-widget">
<input type="radio" name="rate" id="rate-5">
<label for="rate-5" class="fas fa-star"></label>
180154480 152 | P a g e
<form action="#">
<header></header>
<div class="textarea">
<textarea cols="30" placeholder="Describe your experience.."></textarea>

</div>
<br />
<div class="btn">
<button type="submit">Post</button>
</div>
<script>
const btn = document.querySelector("button");
const post = document.querySelector(".post");
const widget = document.querySelector(".star-widget");
const editBtn = document.querySelector(".edit");
180154480 153 | P a g e
btn.onclick = ()=>{
widget.style.display = "none";
post.style.display = "block";
editBtn.onclick = ()=>{
widget.style.display = "block";
post.style.display = "none";
return false;
</script>
</body>
</html>
180154480 154 | P a g e
CSS CODE (style2.css)
@import
url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&displa
y=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
html,body{
display: grid;
height: 100%;
place-items: center;
text-align: center;
background: #000;
180154480 155 | P a g e
}
.container{
position: relative;
width: 400px;
background: #111;
padding: 20px 30px;
border: 1px solid #444;
border-radius: 5px;
display: flex;
.container .post{
display: none;
180154480 156 | P a g e
.container .text{
font-size: 25px;
color: #666;
font-weight: 500;
.container .edit{
position: absolute;
right: 10px;
top: 5px;
font-size: 16px;
color: #666;
font-weight: 500;
cursor: pointer;
.container .edit:hover{
text-decoration: underline;
180154480 157 | P a g e
}
.container .star-widget input{
display: none;
.star-widget label{
font-size: 40px;
color: #444;
padding: 10px;
float: right;
transition: all 0.2s ease;
input:not(:checked) ~ label:hover,
input:not(:checked) ~ label:hover ~ label{
color: #fd4;
input:checked ~ label{
180154480 158 | P a g e
color: #fd4;
input#rate-5:checked ~ label{
color: #fe7;
text-shadow: 0 0 20px #952;
#rate-1:checked ~ form header:before{
content: "I just hate it �";
content: "I don't like it �";
content: "It is awesome �";
180154480 159 | P a g e
content: "I just like it �";
content: "I just love it �";
.container form{
display: none;
input:checked ~ form{
display: block;
form header{
width: 100%;
font-size: 25px;
color: #fe7;
font-weight: 500;
180154480 160 | P a g e
margin: 5px 0 20px 0;
text-align: center;
form .textarea{
height: 100px;
width: 100%;
overflow: hidden;
form .textarea textarea{
height: 100%;
width: 100%;
outline: none;
color: #eee;
background: #222;
180154480 161 | P a g e
padding: 10px;
font-size: 17px;
resize: none;
.textarea textarea:focus{
border-color: #444;
form .btn{
height: 45px;
width: 100%;
margin: 15px 0;
form .btn button{
height: 100%;
width: 100%;
180154480 162 | P a g e
outline: none;
background: #222;
color: #999;
font-size: 17px;
font-weight: 500;
cursor: pointer;
form .btn button:hover{
background: #1b1b1b;
180154480 163 | P a g e
TESTING
Software Testing is an empirical investigation conducted to provide
stakeholders with information about the quality of the product or service under
test, with respect to the context in which it is intended to operate. Software
Testing also provides an objective, independent view of the software to allow
the business to appreciate and understand the risks at implementation of the
software. Test techniques include, but are not limited to, the process of
executing a program or application with the intent of finding software bugs. It
can also be stated as the process of validating and verifying that a software
program/application/product meets the business and technical requirements that
guided its design and development, so that it works as expected and can be
implemented with the same characteristics.
Software Testing, depending on the testing method employed, can be
implemented at any time in the development process, however the most test
effort is employed after the requirements have been defined and coding process
has been completed.
Testing Types :-
gration Testing
180154480 164 | P a g e
A. Unit Testing:
The primary goal of unit testing is to take the smallest piece of testable software
in the application, isolate it from the remainder of the code, and determine
whether it behaves exactly as you expect. Each unit is tested separately before
integrating them into modules to test the interfaces between modules. Unit
testing has proven its value in that a large percentage of defects are identified
during its use.
Unit testing is a software verification and validation method where the
programmer gains confidence that individual units of source code are fit for use.
A unit is the smallest testable part of an application. In procedural programming
a unit may be an individual program, function, procedure, etc., while in object-
oriented programming, the smallest unit is a class, which may belong to a
base/super class, abstract class or derived/child class.
Ideally, each test case is independent from the others: substitutes like method
stubs, mock objects, fakes and test harnesses can be used to assist testing a
module in isolation. Unit tests are typically written and run by software
developers to ensure that code meets its design and behaves as intended. Its
implementation can vary from being very manual (pencil and paper) to being
formalized as part of build automation.
180154480 165 | P a g e
B. Integration Testing:
Integration testing, also known as integration and testing (I&T), is a software
development process which program units are combined and tested as groups in
multiple ways. In this context, a unit is defined as the smallest testable part of
an application. Integration testing can expose problems with the interfaces
among program components before trouble occurs in real-world program
execution. Integration testing is a component of Extreme Programming (XP), a
pragmatic method of software development that takes a meticulous approach to
building a product by means of continual testing and revision.
There are two major ways of carrying out an integration test, called the bottom-
up method and the top-down method. Bottom-up integration testing begins with
unit testing, followed by tests of progressively higher-level combinations of
units called modules or builds. In top-down integration testing, the highest-
level modules are tested first and progressively lower-level modules are tested
after that. In a comprehensive software development environment, bottom-up
testing is usually done first, followed by top-down testing.
180154480 166 | P a g e
C. Validation Testing:
At the validation level, testing focuses on user visible actions and user
recognizable output from the system. Validations testing is said to be
successful when software functions in a manner that can be reasonably
expected by the customer. Two types of validation testing
Alpha testing is simulated or actual operational testing by potential
users/customers or an independent test team at the developers' site. Alpha
testing is often employed for off- the-shelf software as a form of internal
acceptance testing, before the software goes to beta testing.
Beta testing comes after alpha testing. Versions of the software, known as
beta version, are released to a limited audience outside of the programming
team. The software is released to groups of people so that further testing can
ensure the product has few faults or bugs. Sometimes, beta versions are made
available to the open public to increase the feedback field to a maximal
number of future users.
180154480 167 | P a g e
Gray box testing Grey box testing is the combination of black box and white
box testing. Intention of this testing is to find out defects related to bad design
or bad implemeCntation of the system.it is used for web application.
MODULE TESTING
A Module represents the logical elements of a system. For a
module to FULL satisfactorily, it will compile and test data
correctly and tie in property with other modules.
Module testing checks for two types of error: Syntax and Logical.
• Syntax Error
A Syntax error is a module statement that violates one or more rules of
the language in which it is written. An improperly defined field
dimension or omitted key words are common syntax errors. These
errors are shown through error messages generated by the computer.
• Logical Error
180154480 168 | P a g e
A logical error, on the other hand, deals with incorrect data fields, out-
range items, and invalid combinations, since diagnostics do not detect
logic errors, the programmer must examine the output carefully for
them.
When a module is tested, the actual output is compared with the
expected output. When there is a discrepancy, the sequence of
instructions must be traced to determine the problem. The process is
facilitated by breaking the program shown into self-contained portions,
each of which can be checked at certain key points. The idea is to
compare module values against desk-calculated values to isolate the
module.
180154480 169 | P a g e
SCREENSHOTS: Which contains input output pages, database etc
MAIN PAGE
SIDE BAR WITH NAIGATION BUTION FOR THE ENTIRE SITE
180154480 170 | P a g e
ABOUT US SESSION OF THE SITE
180154480 171 | P a g e
OUR TEAM SESSION WITH PROPER INFO AND COOL
ANNIMATIONS
180154480 172 | P a g e
180154480 173 | P a g e
COTACT AND FEEDBACK BOXES
180154480 174 | P a g e
SOCIALMEDIA HANDLES &
BUTTON WHICH NAVIGATES TO TOP OF WEBSITE
FEEDBACK BUTTON AND PORTAL
180154480 175 | P a g e
STAR REVIEW SYSTEM
AUTO GENERATED COMMENT AND MSG BOX
180154480 176 | P a g e
DATABASE TABLES AND THEIR STRUCTURE
180154480 177 | P a g e
180154480 178 | P a g e
180154480 179 | P a g e
SECURITY
What is web application security
Web application security is the process of protecting websites and online services
against different security threats that exploit vulnerabilities in an application’s code.
Common targets for web application attacks are content management systems (e.g.,
WordPress), database administration tools (e.g., phpMyAdmin) and SaaS applications.
Perpetrators consider web applications high-priority targets due to:
 The inherent complexity of their source code, which increases the likelihood of
unattended vulnerabilities and malicious code manipulation.
 High value rewards, including sensitive private data collected from successful source
code manipulation.
 Ease of execution, as most attacks can be easily automated and launched
indiscriminately against thousands, or even tens or hundreds of thousands of targets at
a time.
Organizations failing to secure their web applications run the risk of being attacked.
Among other consequences, this can result in information theft, damaged client
relationships, revoked licenses and legal proceedings.
180154480 180 | P a g e
Solution for all that could be many but one them is as follows:-
Web application firewall (WAF)
Web application firewalls (WAFs) are hardware and software solutions used for
protection from application security threats. These solutions are designed to examine
incoming traffic to block attack attempts, thereby compensating for any code
sanitization deficiencies.
By securing data from theft and manipulation, WAF deployment meets a key criteria
for PCI DSS certification. Requirement 6.6 states that all credit and debit cardholder
data held in a database must be protected.
Generally, deploying a WAF doesn’t require making any changes to an application, as it
is placed ahead of its DMZ at the edge of a network. From there, it acts as a gateway for
180154480 181 | P a g e
all incoming traffic, blocking malicious requests before they have a chance to interact
with an application.
WAFs use several different heuristics to determine which traffic is given access to an
application and which needs to be weeded out. A constantly-updated signature pool
enables them to instantly identify bad actors and known attack vectors.
Almost all WAFs can be custom-configured for specific use cases and security policies,
and to combat emerging (a.k.a., zero-day) threats. Finally, most modern solutions
leverage reputational and behavior data to gain additional insights into incoming traffic.
WAFs are typically integrated with other security solutions to form a security
perimeter. These may include distributed denial of service (DDoS) protection services
that provide additional scalability required to block high-volume attacks.
180154480 182 | P a g e
LIMITATIONS
 The Website cannot handle a lot of traffic so eventually it will crash in such
situations.
 The website Database cannot store large amount of data (right now) due to lack
of resources.
 Lack of serurity for the database
 Being a prototype its uses a local serer i.e. wamp server.
 The project is not ready for real internet world right now.
FUTURE SCOPE OF THE PROJECT
 New Work and Designs of the company can be added.
 This will help the company to increase their business.
 This will act as a mode of advertising company’s work.
 This will store customer’s data in company database.
 Customers can choose the designs they like or arrange a meeting with the
company to create their own design.
180154480 183 | P a g e
BIBLOGRAPHY
Books References: -
Software Engineering – Roger S. Pressman, K. K.Aggarwal
HTML & CSS – Jon Duckeet
Eloquent JavaScript: A Modern Introduction to Programming
PHP and MySQL Laura Thomson
Website Reffred For Making Of The Project Are: -
 http://tubetutorial.com
 http://www.w3school.com
 https://www.youtube.com/
 https://ilovecoding.org/
180154480 184 | P a g e

Ibrahim BCSP064

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Ibrahim BCSP064

Uploaded by

Copyright:

Available Formats

Submitted to the School of Computer and Information

Name:- Ibrahim Khan

NAME: Chintan Shah Patel

YEAR EDUCATION FROM

Experience in Analysis, Design, Development and Testing with emphasis on

Languages: C, Visual Basic, SQL, VB.NET,C#.NET,JAVA

Platforms: Windows NT, 95,98,XP, 2000, VISTA, Unix, Linux, MacOs

Database: Oracle 10i, Cassandra, MongoDB

Internet ASP.NET, ASP, ADO.NET, ADO, XML, HTML

Dev. Tools: Oracle App Dev, Visual studio 02-08.

Test Tools: SoapUi3.5,Jmeter,Loadrunner9.5,Xymon,Wireshark,Gatling,Performance Center

GUI Tools Microsoft Visual Studio (6.0),Hummingbird

Modeling tool MS Visio

Billing System AMDOCS & CSG

Monitoring JVVM, Dynatrace, OP5 , New Relic

Scripting Shell, Python

Data Science Forecasting Method

COMCAST CABLE - DOWNINGTOWN, PA

Position: Systems Integration Test Engineer/ Performance tester

Client: BSNL, India

Project: Online Human Resource Management System

Position: .NET developer

 Interior Shapes And Design

2. Introduction and Objectives of the Project

projects/contracts done by the company in a visual format and also it

will help the customers to have a better knowledge of interior design so

company’s customer care executives will contact the customer as soon

visible to the company, to keep the customers data secure.

2.2.1 To create user friendly interface.

2.2.2 To maintain data.

2.2.3 To store customer’s data.

2.2.4 To showcase our work.

2.2.5 Help them to choose or create their own design.

2.2.6 Provide online connectivity between customers and company.

3.1 Web Project

A web project is the process of developing and creating a Web site,

activities in a network which are aimed at a pre-defined goal. The

network can be both accessible for everyone, as in the Internet, or only

for certain people, as an intranet. The goal of Web projects is the

transfer of static and dynamic content - both directly to end users, as

well as indirectly through means of various kinds of interfaces.

A Web project involves many aspects, including programming and the

accompanying software development, Web business, Web server and

network administration, hosting, graphics/design, the development and

administration of databases, construction of interfaces, project

management and quality assurance, search engine optimization, the

maintenance of data in content management/editing systems and much

markup languages (such as HTML or XML), scripting languages

(JavaScript, Perl, PHP for example).

3.2 Web developing and two end’s

3.2.2 Back end

What Is a Front-End Development?

Front-end web development, also known as client-side development is

the practice of producing HTML, CSS and JavaScript for a website or

and techniques used to create the front end of a website change

constantly and so the developer needs to constantly be aware of how

the field is developing.

Back-end Development refers to the server-side development. It is the

term used for the behind-the-scenes activities that happen when

performing any action on a website. It can be logging in to your account

or purchasing a watch from an online store.

Backend developer focuses on databases, scripting, and the architecture

of websites. Code written by back-end developers helps to communicate