Spaces:

Vishalakak
/

smart-manufacturing-flask

Sleeping

App Files Files Community

Vishalakak commited on Jun 27

Commit

3b39ea1

1 Parent(s): f43d4e8

Initial Docker deployment of Flask app

Browse files

Files changed (7) hide show

app.py +66 -0
dockerfile +11 -0
index.html +127 -0
model.pkl +3 -0
requirements.txt +6 -0
scaler.pkl +3 -0
templates/index.html +126 -0

app.py ADDED Viewed

	@@ -0,0 +1,66 @@

+from flask import Flask, render_template, request
+import pickle
+import numpy as np
+app = Flask(__name__)
+# Load model and scaler
+with open("model.pkl", "rb") as f1:
+    model = pickle.load(f1)
+with open("scaler.pkl", "rb") as f2:
+    scaler = pickle.load(f2)
+FEATURES = [
+                'Operation_Mode', 'Temperature_C', 'Vibration_Hz',
+                'Power_Consumption_kW', 'Network_Latency_ms', 'Packet_Loss_%',
+                'Quality_Control_Defect_Rate_%', 'Production_Speed_units_per_hr',
+                'Predictive_Maintenance_Score', 'Error_Rate_%','Year', 'Month', 'Day', 'Hour'
+            ]
+LABELS = {
+    0:"High",
+    1:"Low",
+    2:"Medium"
+}
+# Dictionary of placeholders for each feature
+placeholders = {
+    'Operation_Mode': 'low-1,med-2,high-3',
+    'Temperature_C': 'Enter the temprature',
+    'Vibration_Hz': 'Enter in range(0.1-5)',
+    'Power_Consumption_kW': 'Enter in range(1-10)',
+    'Network_Latency_ms': 'Enter in range(1-50)',
+    'Packet_Loss_%': 'e.g., 0.5....to 5',
+    'Quality_Control_Defect_Rate_%': 'Enter in range(1-10)',
+    'Production_Speed_units_per_hr': 'e.g., 1000',
+    'Predictive_Maintenance_Score': 'e.g., 85',
+    'Error_Rate_%': 'e.g., 1.2',
+    'Year': 'e.g., 2025',
+    'Month': 'e.g., 6',
+    'Day': 'e.g., 27',
+    'Hour': 'e.g., 14'
+}
+@app.route("/" , methods=["GET" , "POST"])
+def index():
+    prediction = None
+    if request.method=="POST":
+        try:
+            input_data = [float(request.form[feature]) for feature in FEATURES]
+            input_array = np.array(input_data).reshape(1,-1)
+            scaled_array = scaler.transform(input_array)
+            pred = model.predict(scaled_array)[0]
+            prediction = LABELS.get(pred , "Unknown")
+        except Exception as e:
+            prediction = f"Error : {e}"
+    return render_template('index.html', features=FEATURES, placeholders=placeholders, prediction=prediction)
+if __name__=="__main__":
+    app.run(debug=True , host="0.0.0.0" , port=7860)

dockerfile ADDED Viewed

	@@ -0,0 +1,11 @@

+FROM python:3.9-slim
+WORKDIR /app
+COPY . /app
+RUN pip install --no-cache-dir -r requirements.txt
+EXPOSE 7860
+CMD ["python", "app.py"]

index.html ADDED Viewed

	@@ -0,0 +1,127 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width , initial-scale=1.0">
+    <title>Smart Manufacturing Machines Efficiency Prediction</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color:rgb(201, 224, 240);
+            background-image: url('https://www.shutterstock.com/shutterstock/photos/2235931143/display_1500/stock-photo-big-data-technology-and-data-science-data-scientist-querying-analysing-and-visualizing-complex-2235931143.jpg');
+            margin: 0;
+            height: 100vh;
+            background-size: cover;
+            animation: scrollBackground 30s linear infinite;
+            padding: 20px;
+            color: #333;
+        }
+        @keyframes scrollBackground {
+            0% {
+                background-position: 0 0;
+            }
+            100% {
+                background-position: -1000px 0;
+            }
+        }
+        h1 {
+            text-align: center;
+            color:rgb(214, 210, 210);
+        }
+        .form-container {
+            max-width: 900px;
+            margin: 0 auto;
+            background-color: #fff;
+            padding: 25px 30px;
+            border-radius: 10px;
+            box-shadow: 0 4px 12px rgba(133, 56, 56, 0.1);
+        }
+        .form-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr); /* 2 columns */
+            gap: 20px;
+        }
+        .form-group {
+            display: flex;
+            flex-direction: column;
+        }
+        label {
+            margin-bottom: 6px;
+            font-weight: bold;
+            color: #34495e;
+        }
+        input[type="text"] {
+            padding: 10px;
+            border: 1px solid #ccc;
+            border-radius: 6px;
+            transition: border-color 0.3s;
+        }
+        input[type="text"]:focus {
+            border-color: #3498db;
+            outline: none;
+        }
+        .submit-btn {
+            display: block;
+            margin: 30px auto 0 auto;
+            padding: 12px 30px;
+            background-color: #3498db;
+            color: #fff;
+            font-size: 16px;
+            font-weight: bold;
+            border: none;
+            border-radius: 8px;
+            cursor: pointer;
+            transition: background-color 0.3s;
+        }
+        .submit-btn:hover {
+            background-color: #2980b9;
+        }
+        h2 {
+            text-align: center;
+            margin-top: 25px;
+            color: #27ae60;
+        }
+        @media (max-width: 768px) {
+            .form-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+    </style>
+</head>
+<body>
+    <h1>Smart Manufacturing Machines Efficiency Prediction</h1>
+    <form method="post" class="form-container">
+        <div class="form-grid">
+            {% for feature in features %}
+            <div class="form-group">
+                <label for="{{ feature }}">{{ feature }}:</label>
+                <input type="text" name="{{ feature }}" placeholder="{{ placeholders[feature] }}" required>
+            </div>
+            {% endfor %}
+        </div>
+        <button type="submit" class="submit-btn">PREDICT</button>
+    </form>
+    {% if prediction %}
+        <h2>Prediction : {{ prediction }}</h2>
+    {% endif %}
+</body>
+</html>

model.pkl ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:6cba78a4df5b685023c6298a9d2ca80261574522873ec052a4a700360a13c889
+size 7638579

requirements.txt ADDED Viewed

	@@ -0,0 +1,6 @@

+flask
+scikit-learn
+numpy
+pandas
+joblib
+gunicorn

scaler.pkl ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:1eba3691125ff3032d9afaacca6132115b8bc70030d919b9e6da4eaf90565ef6
+size 1122

templates/index.html ADDED Viewed

	@@ -0,0 +1,126 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width , initial-scale=1.0">
+    <title>Smart Manufacturing Machines Efficiency Prediction</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color:rgb(201, 224, 240);
+            background-image: url('https://www.shutterstock.com/shutterstock/photos/2235931143/display_1500/stock-photo-big-data-technology-and-data-science-data-scientist-querying-analysing-and-visualizing-complex-2235931143.jpg');
+            margin: 0;
+            height: 100vh;
+            background-size: cover;
+            animation: scrollBackground 30s linear infinite;
+            padding: 20px;
+            color: #333;
+        }
+        @keyframes scrollBackground {
+            0% {
+                background-position: 0 0;
+            }
+            100% {
+                background-position: -1000px 0;
+            }
+        }
+        h1 {
+            text-align: center;
+            color:rgb(214, 210, 210);
+        }
+        .form-container {
+            max-width: 900px;
+            margin: 0 auto;
+            background-color: #fff;
+            padding: 25px 30px;
+            border-radius: 10px;
+            box-shadow: 0 4px 12px rgba(133, 56, 56, 0.1);
+        }
+        .form-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr); /* 2 columns */
+            gap: 20px;
+        }
+        .form-group {
+            display: flex;
+            flex-direction: column;
+        }
+        label {
+            margin-bottom: 6px;
+            font-weight: bold;
+            color: #34495e;
+        }
+        input[type="text"] {
+            padding: 10px;
+            border: 1px solid #ccc;
+            border-radius: 6px;
+            transition: border-color 0.3s;
+        }
+        input[type="text"]:focus {
+            border-color: #3498db;
+            outline: none;
+        }
+        .submit-btn {
+            display: block;
+            margin: 30px auto 0 auto;
+            padding: 12px 30px;
+            background-color: #3498db;
+            color: #fff;
+            font-size: 16px;
+            font-weight: bold;
+            border: none;
+            border-radius: 8px;
+            cursor: pointer;
+            transition: background-color 0.3s;
+        }
+        .submit-btn:hover {
+            background-color: #2980b9;
+        }
+        h2 {
+            text-align: center;
+            margin-top: 25px;
+            color: #27ae60;
+        }
+        @media (max-width: 768px) {
+            .form-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+    </style>
+</head>
+<body>
+    <h1>Smart Manufacturing Machines Efficiency Prediction</h1>
+    <form method="post" class="form-container">
+        <div class="form-grid">
+            {% for feature in features %}
+            <div class="form-group">
+                <label for="{{ feature }}">{{ feature }}:</label>
+                <input type="text" name="{{ feature }}" placeholder="{{ placeholders[feature] }}" required>
+            </div>
+            {% endfor %}
+        </div>
+        <button type="submit" class="submit-btn">PREDICT</button>
+    </form>
+    {% if prediction %}
+        <h2>Prediction : {{ prediction }}</h2>
+    {% endif %}
+</body>
+</html>