Upload 7 files

app.py

@@ -0,0 +1,187 @@
+from flask import Flask, render_template, request, redirect, url_for, session,jsonify
+import joblib
+import pandas as pd
+import numpy as np
+import requests
+import json
+import plotly.graph_objects as go
+
+app = Flask(__name__)
+
+# Load the SVM model
+svm_poly_model = joblib.load('svm_poly_model.pkl')
+
+# Label encoding mappings for SVM model
+crop_type_mapping = {
+    'BANANA': 0, 'BEAN': 1, 'CABBAGE': 2, 'CITRUS': 3, 'COTTON': 4,
+    'MAIZE': 5, 'MELON': 6, 'MUSTARD': 7, 'ONION': 8, 'OTHER': 9,
+    'POTATO': 10, 'RICE': 11, 'SOYABEAN': 12, 'SUGARCANE': 13,
+    'TOMATO': 14, 'WHEAT': 15
+}
+
+soil_type_mapping = {'DRY': 0, 'HUMID': 1, 'WET': 2}
+weather_condition_mapping = {'NORMAL': 0, 'RAINY': 1, 'SUNNY': 2, 'WINDY': 3}
+
+
+# Fetch weather data from the OpenWeatherMap API
+def get_weather(city):
+    api_key = "b3c62ae7f7ad5fc3cb0a7b56cb7cbda6"
+    url = f"https://api.openweathermap.org/data/2.5/weather?q={city}&appid={api_key}"
+    try:
+        response = requests.get(url)
+        response.raise_for_status()  # Raise an exception for any HTTP errors
+    except requests.exceptions.HTTPError as err:
+        return None, None, None, None
+
+    try:
+        data = json.loads(response.text)
+        if data['cod'] != 200:
+            return None, None, None, None
+    except json.JSONDecodeError as err:
+        return None, None, None, None
+
+    # Extract relevant weather information
+    weather_description = data['weather'][0]['description']
+    temperature = data['main']['temp']
+    humidity = data['main']['humidity']
+    pressure = data['main']['pressure']
+    # Convert temperature from Kelvin to Celsius
+    temperature = round(temperature - 273.15, 2)
+
+    return temperature, humidity, weather_description, pressure
+
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+
+@app.route('/fetch_weather', methods=['GET'])
+def fetch_weather():
+    city = request.args.get('city')
+    if city:
+        temperature, humidity, weather_description, pressure = get_weather(city)
+        if temperature is not None:
+            return json.dumps({
+                'description': weather_description.capitalize(),
+                'temperature': temperature,
+                'humidity': humidity,
+                'pressure': pressure
+            })
+    return json.dumps(None)  # Return None if weather couldn't be fetched
+
+
+
+@app.route('/predict', methods=['POST'])
+def predict():
+    if request.method == 'POST':
+        crop_type = request.form['crop_type']
+        soil_type = request.form['soil_type']
+        city = request.form['city']
+        motor_capacity = float(request.form['motor_capacity'])
+
+        # Get weather data
+        temperature, humidity, weather_description, pressure = get_weather(city)
+
+        # Auto-fill weather condition based on description
+        if temperature is None:
+            auto_weather_condition = 'NORMAL'
+            temperature = 32.0
+        else:
+            auto_weather_condition = ('SUNNY' if 'clear' in weather_description.lower() else
+                                       'RAINY' if 'rain' in weather_description.lower() else
+                                       'WINDY' if 'wind' in weather_description.lower() else
+                                       'NORMAL')
+
+        # Encode inputs for the model
+        crop_type_encoded = crop_type_mapping[crop_type]
+        soil_type_encoded = soil_type_mapping[soil_type]
+        weather_condition_encoded = weather_condition_mapping[auto_weather_condition]
+
+        # Create DataFrame for input
+        user_data = pd.DataFrame({
+            'CROP TYPE': [crop_type_encoded],
+            'SOIL TYPE': [soil_type_encoded],
+            'TEMPERATURE': [temperature],
+            'WEATHER CONDITION': [weather_condition_encoded]
+        })
+
+        # Predict water requirement
+        water_requirement = svm_poly_model.predict(user_data)[0]
+
+        # Calculate estimated time duration
+        estimated_time_duration = water_requirement / motor_capacity if motor_capacity > 0 else 0
+        time_unit = "seconds" if estimated_time_duration < 1 else "minutes"
+        estimated_time_duration = estimated_time_duration * 60 if time_unit == "seconds" else estimated_time_duration
+
+        # Create the gauge charts for water requirement and estimated time
+        water_gauge = go.Figure(go.Indicator(
+            mode="gauge+number",
+            value=water_requirement,
+            title={"text": "Water Requirement (m³/sq.m)"},
+            gauge={
+                "axis": {"range": [None, 100]},
+                "bar": {"color": "blue"},
+                "steps": [
+                    {"range": [0, 20], "color": "lightgray"},
+                    {"range": [20, 50], "color": "yellow"},
+                    {"range": [50, 100], "color": "green"}
+                ]
+            }
+        ))
+
+        # Determine gauge axis range based on the time unit
+        max_range = 60 if time_unit == "seconds" else 120
+
+        time_gauge = go.Figure(go.Indicator(
+            mode="gauge+number",
+            value=round(estimated_time_duration, 2),
+            title={"text": f"Estimated Time ({time_unit.capitalize()})"},
+            gauge={
+                "axis": {"range": [None, max_range]},
+                "bar": {"color": "blue"},
+                "steps": [
+                    {"range": [0, max_range * 0.33], "color": "lightgray"},
+                    {"range": [max_range * 0.33, max_range * 0.66], "color": "yellow"},
+                    {"range": [max_range * 0.66, max_range], "color": "green"}
+                ]
+            }
+        ))
+
+        # Send gauge charts to the prediction page
+        water_gauge_path = water_gauge.to_html(full_html=False)
+        time_gauge_path = time_gauge.to_html(full_html=False)
+
+        return render_template('predict.html',
+                               water_requirement=round(water_requirement, 2),
+                               estimated_time_duration=round(estimated_time_duration, 2),
+                               time_unit=time_unit,
+                               weather_info=f"Weather in {city}: {weather_description.capitalize()}<br>"
+                                            f"Temperature: {temperature}°C<br>"
+                                            f"Humidity: {humidity}%<br>"
+                                            f"Pressure: {pressure} hPa<br>",
+                               water_gauge=water_gauge_path,
+                               time_gauge=time_gauge_path)
+
+    return redirect(url_for('index'))
+
+
+@app.route('/start_motor', methods=['POST'])
+def start_motor():
+    estimated_time_duration = float(request.json.get('estimated_time_duration'))
+    time_unit = request.json.get('time_unit', 'seconds')  # Default unit is seconds
+    # Convert time to seconds if it's in minutes
+    if estimated_time_duration < 10:
+        estimated_time_duration_seconds = estimated_time_duration * 60
+    else:
+        estimated_time_duration_seconds = estimated_time_duration
+
+    # Assuming this function will trigger the motor start, we will just send the confirmation
+    print(f"Starting motor for {estimated_time_duration_seconds} seconds")
+
+    # Return a response indicating that the motor has started
+    return jsonify({"status": "motor_started", "estimated_time_duration": estimated_time_duration_seconds})
+
+
+if __name__ == "__main__":
+    app.run(debug=True)

requirement.txt

@@ -0,0 +1,9 @@
+gunicorn
+pandas
+numpy
+matplotlib
+joblib==1.4.2
+plotly
+scikit-learn==1.5.2
+flask
+requests

svm_poly_model.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b60a7814f3e851178e888f92530d7a5dbdeb4a66557f43e0fe7e43d09335a276
+size 124910

templates/index.html

@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Irrigation Water Requirement Prediction</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            background-color: #f0fff0; /* Very light green */
+        }
+        .container {
+            border: 1px solid #28a745; /* Green border */
+            padding: 20px;
+            margin: 40px auto;
+            background-color: white;
+            border-radius: 10px;
+        }
+        /* Add these styles */
+        #weather_info {
+        background-color: #f8f9fa; /* Light grey background */
+        border: 2px solid #000000; /* Dark black border */
+        padding: 15px; /* Padding for spacing inside the box */
+        border-radius: 5px; /* Optional: Rounded corners */
+        }
+        h1 {
+            color: #28a745; /* Bold green heading */
+            text-align: center;
+            font-weight: bold;
+        }
+        .input-container {
+            display: flex;
+            justify-content: space-between;
+            height: 100%; /* Ensure both sides are the same height */
+        }
+        .left-input {
+            width: 53%;
+            border-right: 2px solid #28a745;
+            padding-right: 20px;
+        }
+        .right-image {
+            width: 45%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 200%; /* Ensure full height */
+            margin-top: 50px;
+        }
+        .right-image img {
+            width: 100%;
+            height: 100%; /* Match the height of the left container */
+            object-fit: contain; /* Ensure the image scales well */
+        }
+        .form-control {
+            border-color: #28a745; /* Green border */
+            background-color: #f0fff0; /* Light green shading */
+        }
+        .btn-green {
+            background-color: #28a745;
+            color: white;
+            font-weight: bold;
+            width: 100%;
+            margin-top: 10px;
+        }
+    </style>
+</head>
+<body>
+
+<div class="container">
+    <h1>Irrigation Water Requirement Prediction</h1>
+    <form action="/predict" method="POST">
+        <div class="input-container">
+            <div class="left-input">
+                <!-- Crop Type Input -->
+                <div class="form-group">
+                    <label for="crop_type">Crop Type</label>
+                    <select class="form-control" id="crop_type" name="crop_type" required>
+                        <option value="BANANA">Banana</option>
+                        <option value="BEAN">BEAN</option>
+                        <option value="CABBAGE">CABBAGE</option>
+                        <option value="CITRUS">CITRUS</option>
+                        <option value="COTTON">COTTON</option>
+                        <option value="MAIZE">MAIZE</option>
+                        <option value="MELON">MELON</option>
+                        <option value="MUSTARD">MUSTARD</option>
+                        <option value="ONION">ONION</option>
+                        <option value="OTHER">OTHER</option>
+                        <option value="POTATO">POTATO</option>
+                        <option value="RICE">RICE</option>
+                        <option value="SOYABEAN">SOYABEAN</option>
+                        <option value="SUGARCANE">SUGARCANE</option>
+                        <option value="TOMATO">TOMATO</option>
+                        <option value="WHEAT">WHEAT</option>
+                        <!-- Add other options as needed -->
+                    </select>
+                </div>
+
+                <!-- Soil Type Input -->
+                <div class="form-group">
+                    <label for="soil_type">Soil Type</label>
+                    <select class="form-control" id="soil_type" name="soil_type" required>
+                        <option value="DRY">Dry</option>
+                        <option value="HUMID">Humid</option>
+                        <option value="WET">Wet</option>
+                    </select>
+                </div>
+
+                <!-- City Input and Fetch Weather Button -->
+                <div class="form-group">
+                    <label for="city">City</label>
+                    <input type="text" class="form-control" id="city" name="city" placeholder="Enter city for weather" required>
+                </div>
+                <button type="button" class="btn btn-green" onclick="fetchWeather()">Fetch Weather Data</button>
+                <!-- Weather Info will be inserted below when fetched -->
+                <div id="weather_info" class="mt-3" style="display: none;">
+                   <p><strong>Weather Info:</strong></p>
+                   <div id="weather_data"></div>
+                </div>
+                <!-- Motor Capacity Input -->
+                <div class="form-group mt-3">
+                    <label for="motor_capacity">Motor Capacity (liters/sec)</label>
+                    <input type="text" class="form-control" id="motor_capacity" name="motor_capacity" required>
+                </div>
+
+                <!-- Predict Button -->
+                <button type="submit" class="btn btn-green">Predict Water Requirement</button>
+            </div>
+
+            <div class="right-image">
+                <img src="/static/images/img.png" alt="Decorative Image">
+            </div>
+        </div>
+    </form>
+</div>
+
+<script>
+    function fetchWeather() {
+        const city = document.getElementById('city').value;
+        if (city) {
+            fetch(`/fetch_weather?city=${city}`)
+                .then(response => response.json())
+                .then(data => {
+                    if (data) {
+                        document.getElementById('weather_data').innerHTML = `
+                            Weather: ${data.description}<br>
+                            Temperature: ${data.temperature}°C<br>
+                            Humidity: ${data.humidity}%<br>
+                            Pressure: ${data.pressure} hPa
+                        `;
+                        document.getElementById('weather_info').style.display = 'block'; // Show the weather info box
+                    } else {
+                        document.getElementById('weather_data').innerHTML = 'Weather data not available';
+                        document.getElementById('weather_info').style.display = 'block';
+                    }
+                })
+                .catch(error => {
+                    console.error('Error fetching weather:', error);
+                    document.getElementById('weather_data').innerHTML = 'Error fetching weather data';
+                    document.getElementById('weather_info').style.display = 'block';
+                });
+        }
+    }
+</script>
+
+
+</body>
+</html>

templates/predict.html

@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Prediction Results</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        .container {
+            margin-top: 20px;
+            padding: 20px;
+            border: 1px solid #ddd;
+            border-radius: 10px;
+        }
+        h1 {
+            color: green;
+            font-weight: bold;
+        }
+        .result-container {
+            padding: 20px;
+            margin-top: 20px;
+        }
+        .result-container .row {
+            justify-content: center;
+        }
+        .form-control {
+            height: 45px;
+            font-size: 18px;
+            text-align: center;
+            font-weight: bold; /* Bold text */
+            color: black; /* Black text */
+            border: 2px solid #28a745; /* Green border */
+        }
+        .result {
+            text-align: center;
+        }
+        .gauge-container {
+            margin-top: 20px;
+        }
+        .gauge-container h5 {
+            margin-bottom: 10px;
+        }
+        .btn-green {
+            background-color: green;
+            color: white;
+        }
+
+        /* New styles below */
+        .info-text {
+            font-size: 24px; /* Increased font size */
+            font-weight: bold;
+            color: black;
+            margin-top: 40px;
+            text-align: center; /* Center-aligned */
+        }
+        .camera-container {
+            margin-top: 20px;
+            text-align: center;
+            display: none; /* Hidden by default, shown after button click */
+        }
+        .timer {
+            font-size: 36px; /* Increased size */
+            color: white; /* White text */
+            background-color: green; /* Green background */
+            font-weight: bold; /* Bold font */
+            padding: 20px;
+            border-radius: 5px;
+            display: inline-block;
+        }
+        video {
+            width: 100%;
+            height: auto;
+            border: 1px solid #ddd;
+        }
+        .btn-start {
+            margin-top: 20px;
+            background-color: green;
+            color: white;
+            font-size: 18px;
+            padding: 10px 20px;
+        }
+        .alert-message {
+            font-size: 36px; /* Increased size for alert message */
+            color: red;
+            font-weight: bold;
+            margin-top: 20px;
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1 class="text-center">Water Requirement Prediction Results</h1>
+        <div class="result-container row">
+            <div class="col-md-6">
+                <div class="form-group">
+                    <label for="water_requirement">Water Requirement Prediction (m³/sq.m):</label>
+                    <input type="text" class="form-control" id="water_requirement" value="{{ water_requirement }}" readonly>
+                </div>
+                <div class="gauge-container">
+                    <h5>Water Requirement Gauge:</h5>
+                    {{ water_gauge|safe }}
+                </div>
+            </div>
+
+            <div class="col-md-6">
+                <div class="form-group">
+                    <label for="estimated_time">Estimated Time Duration (seconds) for which motor should be On:</label>
+                    <input type="text" class="form-control" id="estimated_time" value="{{ estimated_time_duration }} {{ time_unit }}" readonly>
+                </div>
+                <div class="gauge-container">
+                    <h5>Estimated Motor On-Time Gauge:</h5>
+                    {{ time_gauge|safe }}
+                </div>
+            </div>
+        </div>
+
+        <!-- New section below -->
+        <div class="info-text">
+            Want to automatically inspect your irrigation process using AI-driven Irrigation Monitoring?
+            <br><strong>Press "Start Motor" button</strong>
+            <br>Then click the green <strong>Start</strong> button below.
+        </div>
+
+        <!-- "Start Motor" Button -->
+        <div class="text-center">
+            <button id="startMotor" class="btn btn-start">Start Motor</button>
+        </div>
+
+        <div class="camera-container">
+            <video id="videoElement" autoplay></video>
+            <div class="timer" id="timer"></div>
+        </div>
+
+        <div class="alert-message" id="alertMessage"></div>
+    </div>
+
+    <script>
+        // Access camera and start video stream
+        navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } })
+            .then(function(stream) {
+                document.getElementById('videoElement').srcObject = stream;
+            })
+            .catch(function(err) {
+                console.log("Error: " + err);
+            });
+
+        document.getElementById('startMotor').addEventListener('click', function() {
+            let estimatedTime = {{ estimated_time_duration }};
+            if (estimatedTime < 10) {
+              estimatedTime = estimatedTime * 60; // Convert minutes to seconds
+            }
+            let timeUnit = "{{ time_unit }}";
+
+            // Show the camera container after the button is clicked
+            document.querySelector('.camera-container').style.display = 'block';
+
+            // Start the timer
+            let timer = document.getElementById('timer');
+            let timeRemaining = parseInt(estimatedTime, 10);  // Convert to integer
+            let countdown = setInterval(function() {
+                let seconds = timeRemaining;
+                timer.textContent = seconds + "s";
+                if (timeRemaining <= 0) {
+                    clearInterval(countdown);
+                    // Play beep sound
+                    let beep = new Audio('/static/alarn_tune.mp3');
+                    beep.play();
+
+                    // Display alert message
+                    document.getElementById('alertMessage').textContent = "Stop Irrigation!";
+                }
+                timeRemaining--;
+            }, 1000);
+
+            fetch('/start_motor', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ estimated_time_duration: estimated_time_duration_seconds })
+            });
+        });
+    </script>
+</body>
+</html>