Designing a Website for Pitch and Slope Calculator

This project involves designing a website for pitch and slope calculator. The webpage allows users to upload images and calculate pitch and slope using the pitch and slope calculators. The image is converted from analog to digital form using image processing techniques. The calculated data is stored in a database. The design approach involves algorithms and interactive user experience. The project design is explained using flowcharts and diagrams.

RESEARCH METHODS AND PROJECT DESIGN
1

Contents
1 Introduction..............................................................................................................................2
2 Research Questions..................................................................................................................3
3 High level Project Design with Diagram..................................................................................5
3.1 Flow charts.............................................................................................................................5
3.2 Use cases...........................................................................................................................6
4 Block diagram...............................................................................................................................6
5 Project design...........................................................................................................................7
6 Design Approaches...................................................................................................................8
6.1 Algorithms........................................................................................................................8
7 Conclusion..............................................................................................................................11
References......................................................................................................................................12
2

1 Introduction
The main aim of this project is to create a website for pitch and slope calculator. This
webpage is based on calculations. We are creating the upload button, where it is used to
upload the image in the webpage. We are additionally adding the pitch and slope
calculator. The pitch calculation is based on the pitch, length and angle. The angle, or
pitch, of a roof is calculated using the number of inches which rises vertically for each of
the 12 inches that it extends horizontally. The slope calculator is referred as the online tool
for finding the slope of a line, when the coordinates of two points on the line are provided.
This Calculator collects the two point’s co-ordinates present on the line (x1, y1) and (x2, y2).
The slope calculation is based on distance and angle. Finally, it saves as the pdf file in the
webpage. We are using frontend and backend process. The frontend is used to interact with
the users and the backend is used for storing the data. So, the data can be stored in the
database.
2 Research Questions
User friendly means it is not difficult to understand and learn. The GUI (Graphical user
interface) is a type of user interface. The graphical method can be easily understood by the
user. The user can interact with the electronics through graphical design. The user cannot
understand the text based method. It also attracts the customer, in the market [1].
Feature of this application:
We can use pointer, pointing device, icons, desktop and menus. It also supports Windows
and Linux.
3

The required programming is C, C++, Java, c#, Python and PHP for calculating the pitch and
slope.
Algorithm for slope calculator:
The given input x1, y1, x2, y2.
The input data type is float. So, the input can be denoted as float x1, float y1, float x2, and float
y2.
If the values are correct, then the return includes (y2-y1)/(x2-x1).
Finally, the slope output displays depending on the input.
Algorithm for the pitch calculator:
Calculate the roof slope, based on the rafters length.
Given inputs include roof span and roof rise.
The formula for roof pitch roof span roof rise/12”
We get the output of the roof pitch.
The roof pitch values are used for calculating the pitch angle. The formula for calculating the
pitch angle roof pitch value/12”.
The slope and pitch calculation is based on the data point. If the given data point is
correct, then there won’t be any error display. If the data point is incorrect, then the error output
will be displayed.
Techniques:
The first technique is GIS. This technique is used for evaluating two slopes. Additionally, two
methods are added such as average neighborhood slope and downhill slope [2].
4

3 High level Project Design with Diagram
3.1 Flow charts
Yes No
5
Start
Select the photo in
browse and upload
the image
Upload the image
Calculate the pitch
and slope
File saves as pdf

3.2 Use cases
User
6
Stop
Select and browse the
image
Upload the image
Calculate the pitch
Calculate the
slope
Save as
pdf

4 Block diagram
5 Project design
Image processing
Image processing means to convert the image into a digital form, for performing certain
operations. Two types of image processing is available such as, analog processing and
digital image processing. An image can be converted from an analog image to a digital
image, and the digital image can be converted to an analog image [3]. Here, the analog
image to digital image is utilized. Some of the techniques of image processing includes,
anisotropic diffusion, image editing, hidden Markov models, image restoration,
independent component analysis and linear filtering [4].
Database development:
7
Calculation for pitch
Calculation for slope
Database
Select and upload
the image
Save as pdf file
Image processing
Interactive (user
experience)
Image display

The database is mainly used for storing the data. It is a backend process, where the data can
be stored automatically. It even contains big data. We are using the SQL query for storing
the data. The calculated data is stored in the database. The development process of database
application includes, collecting requirements, analyzing the requirements, designing based
on the collected requirements, testing and finally implementing the operations in the
system.
Interactive (user experience)
Interactive means user interact with customer. User experience encompasses all aspects of
end user interact with company. Every user interacts with company for service and
company products. In this project the front end is user experience and back end is database.
The overall web page based on the pitch and slope calculation [5].
6 Design Approaches
6.1 Algorithms
Step 1: Take or select the image in the browse option and upload the image.
Step 2: Calculate the pitch by using the pitch calculator.
Step 2.1: Give the input and inches for calculating the pitch.
Step 3: Calculate the slope by using the slope calculator.
Step 3.1: Give the distance and angle for slope calculation.
Step 4: Finally, save the calculation file in pdf format.
8

Output screenshots
Create a webpage for the pitch and slope calculator.
9

Select the browse button and add some images.
By using the pitch calculator, calculate the pitch.
10

Calculate the slope using slope calculator.
While saving, the file format must be in pdf format.
11

7 Conclusion
The aim of this project is to calculate the pitch and slope. Here, it is possible to select and
upload the image in the webpage. Using the pitch calculator, calculate the pitch based on
the angle and input. By using the slope calculator, calculate the slope based on the distance
and angle. The image converts from analog to digital image. Finally, it can be saved in pdf
format. Moreover, the database could be utilized for storing the data.
12

References
[1]K. Harsh, "IOT Based Calorie Calculator For Healthcare System", International Journal Of
Engineering And Computer Science, 2017.
[2]G. Berresford and A. Rockett, Brief applied calculus. Belmont, CA: Brooks/Cole, 2010.
[3]S. Hossain, R. Karim and D. Sarma, "Designing a Task Management System for a Banking
System by Combining Relational Model with Use Case Diagram", International Journal of
Computer Applications, vol. 108, no. 8, pp. 16-20, 2014.
[4]C. Walcott and P. Stickles, "Calculator Use on NAEP: A Look at Fourth- and Eighth-Grade
Mathematics Achievement", School Science and Mathematics, vol. 112, no. 4, pp. 241-254,
2012.
[5]A. Pickles, "Pocket calculator: a humdrum ‘obviator’ in Papua New Guinea?", Journal of the
Royal Anthropological Institute, vol. 19, no. 3, pp. 510-526, 2013.
13