Upload 6 files

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+static/hujan.jpg filter=lfs diff=lfs merge=lfs -text

app.py

@@ -0,0 +1,101 @@
+from flask import Flask, request, render_template
+import joblib
+from tensorflow.keras.models import load_model
+import numpy as np
+import os
+
+# Load models
+model_load = load_model('lstm_model.h5')
+scaler_load = joblib.load('scaler.sav')  # Load the correct scaler
+
+# Flask app initialization
+app = Flask(__name__)
+app.config["SECRET_KEY"] = os.urandom(24)
+app.config["DEBUG"] = True
+
+def validasi_inputan(form_data):
+    errors = {}
+
+    # Validasi temp_1, temp_2, temp_3
+    for field in ["temp_1", "temp_2", "temp_3"]:
+        if not form_data.get(field):
+            errors[field] = f"{field} tidak boleh kosong."
+        else:
+            try:
+                float(form_data.get(field))
+            except ValueError:
+                errors[field] = f"{field} harus berupa angka."
+
+    # Validasi feelslike_1, feelslike_2, feelslike_3
+    for field in ["feelslike_1", "feelslike_2", "feelslike_3"]:
+        if not form_data.get(field):
+            errors[field] = f"{field} tidak boleh kosong."
+        else:
+            try:
+                float(form_data.get(field))
+            except ValueError:
+                errors[field] = f"{field} harus berupa angka."
+
+    return errors
+
+def validate_data(record):
+    errors = {}
+
+    # Validasi rentang nilai (15 - 50 untuk suhu)
+    for key, value in record.items():
+        if value < 15 or value > 50:
+            errors[key] = f"{key} harus diantara 15 dan 50."
+
+    return errors
+
+@app.route("/", methods=["GET", "POST"])
+def index():
+    prediction = None
+    errors = {}
+    predictions_list = []
+
+    if request.method == "POST":
+        # Validasi input kosong
+        errors = validasi_inputan(request.form)
+
+        if not errors:
+            record = {
+                "temp_1": float(request.form.get("temp_1")),
+                "temp_2": float(request.form.get("temp_2")),
+                "temp_3": float(request.form.get("temp_3")),
+                "feelslike_1": float(request.form.get("feelslike_1")),
+                "feelslike_2": float(request.form.get("feelslike_2")),
+                "feelslike_3": float(request.form.get("feelslike_3")),
+            }
+
+            # Validasi rentang nilai
+            errors = validate_data(record)
+
+            if not errors:
+                # Input data untuk prediksi
+                input_data = np.array([
+                    [record["temp_1"], record["feelslike_1"]],
+                    [record["temp_2"], record["feelslike_2"]],
+                    [record["temp_3"], record["feelslike_3"]]
+                ])
+
+                # Scaling input data
+                input_data_scaled = scaler_load.transform(input_data)
+
+                # Prediksi untuk 5 periode ke depan
+                last_input_scaled = input_data_scaled.copy()
+
+                for _ in range(5):  # Prediksi 5 periode
+                    prediction_normalized = model_load.predict(last_input_scaled.reshape(1, 3, 2))
+                    prediction_denormalized = scaler_load.inverse_transform(prediction_normalized)
+                    predictions_list.append(prediction_denormalized.flatten())
+
+                    # Update input dengan prediksi terbaru
+                    last_input_scaled = np.append(last_input_scaled[1:], prediction_normalized, axis=0)
+
+
+
+    return render_template('index.html', prediction=predictions_list, errors=errors, record=request.form)
+
+if __name__ == "__main__":
+    app.run()

lstm_model.h5

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

requirements.txt

@@ -0,0 +1,57 @@
+attrs==23.1.0
+beautifulsoup4==4.12.2
+blinker==1.6.2
+certifi==2023.7.22
+cffi==1.15.1
+charset-normalizer==3.3.2
+click==8.1.7
+colorama==0.4.6
+contourpy==1.2.1
+cycler==0.12.1
+exceptiongroup==1.1.2
+Flask==2.3.3
+fonttools==4.52.1
+gunicorn==22.0.0
+h11==0.14.0
+h5py==3.11.0
+idna==3.4
+inexactsearch==1.0.2
+itsdangerous==2.1.2
+Jinja2==3.1.2
+joblib==1.3.2
+kiwisolver==1.4.5
+MarkupSafe==2.1.3
+matplotlib==3.9.0
+networkx==3.3
+nltk==3.8.1
+numpy==1.26.0
+outcome==1.2.0
+packaging==24.0
+pandas==2.1.1
+pillow==10.3.0
+pycparser==2.21
+pyparsing==3.1.2
+PySocks==1.7.1
+pyspellchecker==0.8.1
+python-dateutil==2.8.2
+pytz==2023.3.post1
+regex==2024.5.15
+requests==2.32.2
+scikit-learn==1.2.2
+scipy==1.11.2
+selenium==4.9.0
+silpa_common==0.3
+six==1.16.0
+sniffio==1.3.0
+sortedcontainers==2.4.0
+soundex==1.1.3
+soupsieve==2.4.1
+spellchecker==0.4
+threadpoolctl==3.2.0
+tqdm==4.66.4
+trio==0.22.2
+trio-websocket==0.10.3
+tzdata==2023.3
+urllib3==1.26.16
+Werkzeug==2.3.7
+wsproto==1.2.0

templates/index.html

@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Prediksi Jumlah Penumpang Bulan Depan</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link
+      href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.css"
+      rel="stylesheet"
+    />
+  </head>
+  <body class="bg-[url('{{url_for("static", filename="hujan.jpg")}}')] bg-cover bg-center bg-no-repeat h-screen flex items-center justify-center">
+    <div class="container mx-auto max-w-lg">
+      <div
+        class="px-4 py-6 flex flex-col justify-center items-center w-full"
+      >
+        <div class="mb-8 w-full text-center">
+          <h1 class="text-3xl text-white font-bold">Jumlah Penumpang Kereta Api</h1>
+          <h1 class="text-lg text-white font-bold">Prediksi</h1>
+        </div>
+
+        <div class="w-full">
+          <div class="bg-white p-6 rounded-lg shadow-md text-justify">
+            <h2 class="text-xl font-semibold mb-4 text-center">MASUKKAN DATA</h2>
+            <form method="POST" action="">
+              <div class="grid grid-cols-2 gap-4 w-full mb-4">
+                <!-- Temp 1 -->
+                <div class="col-span-2 xl:col-span-1">
+                  <label class="block text-sm font-medium text-zinc-700">temp_1</label>
+                  <div class="mt-1 flex rounded-md shadow-sm">
+                    <input
+                      name="temp_1"
+                      type="number"
+                      class="w-full mt-1 px-4 py-2 border rounded-md bg-gray-100"
+                      placeholder="Contoh: 30.5"
+                      step="0.1"
+                      value="{{ record['temp_1'] }}"
+                      required
+                    />
+                  </div>
+                  {% if errors.temp_1 %}
+                  <p class="text-red-500 text-xs italic">{{ errors.temp_1 }}</p>
+                  {% endif %}
+                </div>
+
+                <!-- Temp 2 -->
+                <div class="col-span-2 xl:col-span-1">
+                  <label class="block text-sm font-medium text-zinc-700">temp_2</label>
+                  <div class="mt-1 flex rounded-md shadow-sm">
+                    <input
+                      name="temp_2"
+                      type="number"
+                      class="w-full mt-1 px-4 py-2 border rounded-md bg-gray-100"
+                      placeholder="Contoh: 30.5"
+                      step="0.1"
+                      value="{{ record['temp_2'] }}"
+                      required
+                    />
+                  </div>
+                  {% if errors.temp_2 %}
+                  <p class="text-red-500 text-xs italic">{{ errors.temp_2 }}</p>
+                  {% endif %}
+                </div>
+
+                <!-- Temp 3 -->
+                <div class="col-span-2 xl:col-span-1">
+                  <label class="block text-sm font-medium text-zinc-700">temp_3</label>
+                  <div class="mt-1 flex rounded-md shadow-sm">
+                    <input
+                      name="temp_3"
+                      type="number"
+                      class="w-full mt-1 px-4 py-2 border rounded-md bg-gray-100"
+                      placeholder="Contoh: 30.5"
+                      step="0.1"
+                      value="{{ record['temp_3'] }}"
+                      required
+                    />
+                  </div>
+                  {% if errors.temp_3 %}
+                  <p class="text-red-500 text-xs italic">{{ errors.temp_3 }}</p>
+                  {% endif %}
+                </div>
+
+                <!-- FeelsLike 1 -->
+                <div class="col-span-2 xl:col-span-1">
+                  <label class="block text-sm font-medium text-zinc-700">feelslike_1</label>
+                  <div class="mt-1 flex rounded-md shadow-sm">
+                    <input
+                      name="feelslike_1"
+                      type="number"
+                      class="w-full mt-1 px-4 py-2 border rounded-md bg-gray-100"
+                      placeholder="Contoh: 29.8"
+                      step="0.1"
+                      value="{{ record['feelslike_1'] }}"
+                      required
+                    />
+                  </div>
+                  {% if errors.feelslike_1 %}
+                  <p class="text-red-500 text-xs italic">{{ errors.feelslike_1 }}</p>
+                  {% endif %}
+                </div>
+
+                <!-- FeelsLike 2 -->
+                <div class="col-span-2 xl:col-span-1">
+                  <label class="block text-sm font-medium text-zinc-700">feelslike_2</label>
+                  <div class="mt-1 flex rounded-md shadow-sm">
+                    <input
+                      name="feelslike_2"
+                      type="number"
+                      class="w-full mt-1 px-4 py-2 border rounded-md bg-gray-100"
+                      placeholder="Contoh: 29.8"
+                      step="0.1"
+                      value="{{ record['feelslike_2'] }}"
+                      required
+                    />
+                  </div>
+                  {% if errors.feelslike_2 %}
+                  <p class="text-red-500 text-xs italic">{{ errors.feelslike_2 }}</p>
+                  {% endif %}
+                </div>
+
+                <!-- FeelsLike 3 -->
+                <div class="col-span-2 xl:col-span-1">
+                  <label class="block text-sm font-medium text-zinc-700">feelslike_3</label>
+                  <div class="mt-1 flex rounded-md shadow-sm">
+                    <input
+                      name="feelslike_3"
+                      type="number"
+                      class="w-full mt-1 px-4 py-2 border rounded-md bg-gray-100"
+                      placeholder="Contoh: 29.8"
+                      step="0.1"
+                      value="{{ record['feelslike_3'] }}"
+                      required
+                    />
+                  </div>
+                  {% if errors.feelslike_3 %}
+                  <p class="text-red-500 text-xs italic">{{ errors.feelslike_3 }}</p>
+                  {% endif %}
+                </div>
+              </div>
+
+              <div class="flex justify-center gap-2">
+                <button
+                  type="button"
+                  id="clear-button"
+                  class="text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-lg text-sm px-5 py-2.5"
+                >
+                  Bersihkan
+                </button>
+                <button
+                  type="submit"
+                  class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 focus:outline-none"
+                >
+                  Kirim
+                </button>
+              </div>
+            </form>
+          </div>
+
+          {% if prediction is not none %}
+          <div class="flex flex-col justify-center items-center mt-6 p-6 rounded-lg shadow-md bg-blue-500 text-center">
+            <h2 class="text-white text-2xl lg:text-3xl font-semibold">Prediksi Jumlah Penumpang</h2>
+            <p class="text-white text-lg mt-2">Hasil prediksi untuk 5 periode ke depan:</p>
+
+            <table class="mt-4 bg-white shadow-lg rounded-lg w-full max-w-md">
+              <thead>
+                <tr class="bg-blue-700 text-white">
+                  <th class="py-2 px-4 border">Periode</th>
+                  <th class="py-2 px-4 border">Prediksi Fitur 1</th>
+                  <th class="py-2 px-4 border">Prediksi Fitur 2</th>
+                </tr>
+              </thead>
+              <tbody>
+                {% for pred in prediction %}
+                <tr class="{{ loop.cycle('bg-gray-100', 'bg-gray-200') }}">
+                  <td class="py-2 px-4 border">Periode {{ loop.index }}</td>
+                  <td class="py-2 px-4 border">{{ pred[0] | round(2) }}</td>
+                  <td class="py-2 px-4 border">{{ pred[1] | round(2) }}</td>
+                </tr>
+                {% endfor %}
+              </tbody>
+            </table>
+
+            <p class="text-white text-sm mt-4 italic">* Prediksi berdasarkan data yang diinputkan.</p>
+          </div>
+          {% endif %}
+
+        </div>
+      </div>
+    </div>
+
+    <script>
+      document
+        .getElementById("clear-button")
+        .addEventListener("click", function () {
+          const inputs = document.querySelectorAll('input[type="number"]');
+          inputs.forEach((input) => (input.value = ""));
+        });
+    </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
+  </body>
+</html>