To design a website to calculate the power of a lamp filament in an incandescent bulb in the server side.
P = I2R
P --> Power (in watts)
I --> Intensity
R --> Resistance
Clone the repository from GitHub.
Create Django Admin project.
Create a New App under the Django Admin project.
Create python programs for views and urls to perform server side processing.
Create a HTML file to implement form based input and output.
Publish the website in the given URL.
math.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Power Calculator</title>
<style>
body{
background-color: white;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
text-align: center;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
color:black;
}
h1 {
font-size: 2.5em;
margin-bottom: 20px;
}
.container {
background-image: linear-gradient(135deg, #ff6347, #ffdf00, #00ff7f, #1e90ff);
;
border-radius: 100%;
padding: 75px;
box-shadow:#1fe374;
display:inline-block;
margin-top: 100px;
}
label {
font-size: 150%;
display:flow-root;
margin: 15px 0 5px;
}
input[type="text"] {
width: calc(75% - 24px);
padding: 10px;
border-radius: 12px;
border: 1px solid #051313;
margin-bottom: 15px;
font-size: 1em;
}
input[type="submit"] {
background-color: #1a85cd;
color: rgb(211, 241, 247);
border: none;
border-radius: 10px;
padding: 10px 21px;
font-size: 1em;
cursor:pointer;
}
button:hover {
background-color: #d588b2;
}
p {
font-size: 1.2em;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>The Power Of TheBulb</h1>
<form method="POST">
{% csrf_token %}
<label >Intensity (A):</label>
<input type="text" name="intensity" value="{{I}}">
<label >Resistance (Ohm):</label>
<input type="text" name="resistance" value="{{R}}"><br><br>
<input type="submit" value="Calculate"><br><br>
<label>Power(watts):</label>
<input type="text" name="power" value="{{power}}">
</div>
</form>
</body>
</html>
views.py
from django.shortcuts import render
def power_calculate(request):
context = {}
context['power'] = ""
context['I'] = ""
context['R'] = ""
if request.method == 'POST':
I = float(request.POST.get('intensity', '0'))
R = float(request.POST.get('resistance', '0'))
power = (I*I)*R
context['power'] = f"{ power:.2f}"
context['I'] = I
context['R'] = R
print(f"POST method is used")
print(f"request= {request}")
print(f"Intensity = {I}")
print(f"Resistance = {R}")
print(f"Power = {power}")
return render(request, 'mathapp/math.html',context)
urls.py
from django.contrib import admin
from django.urls import path
from mathapp import views
urlpatterns = [
path('admin/', admin.site.urls),
path('powerofbulb/',views.power_calculate,name="powerofbulb"),
path('',views.power_calculate,name="powerofbulb")
]
.png)
The program for performing server side processing is completed successfully.