Upload 6 files

Procfile

@@ -0,0 +1 @@
+web: gunicorn app:app

app.py

@@ -0,0 +1,112 @@
+from flask import Flask, render_template, request, jsonify
+import pickle
+import numpy as np
+import requests
+import pandas as pd
+
+app = Flask(__name__)
+
+# Load model dan scaler yang sudah disimpan
+with open('model.pkl', 'rb') as model_file:
+    model = pickle.load(model_file)
+
+with open('scaler.pkl', 'rb') as scaler_file:
+    scaler = pickle.load(scaler_file)
+
+# Halaman utama
+@app.route('/')
+def home():
+    return render_template('index.html')
+
+# Endpoint untuk prediksi berdasarkan input pengguna
+@app.route('/predict', methods=['POST'])
+def predict():
+    try:
+        # Mendapatkan data dari form input
+        input_data = request.get_json()
+
+        # Ambil nilai input (pastikan semuanya adalah angka)
+        sell_1 = float(input_data['features'][2])
+        sell_2 = float(input_data['features'][1])
+        sell_3 = float(input_data['features'][0])
+
+        # Normalisasi data menggunakan scaler
+        last_row = np.array([
+            scaler.transform([[sell_1]]).flatten()[0],
+            scaler.transform([[sell_2]]).flatten()[0],
+            scaler.transform([[sell_3]]).flatten()[0]
+        ]).reshape(1, -1)
+
+        # Buat DataFrame dari nilai yang telah dinormalisasi
+        last_row_df = pd.DataFrame(last_row, columns=['sell-1', 'sell-2', 'sell-3'])
+
+        # Prediksi harga berdasarkan model
+        predicted_value_normalized = model.predict(last_row_df)
+        predicted_value = scaler.inverse_transform(predicted_value_normalized.reshape(-1, 1))
+
+        # Ambil harga emas terakhir untuk perhitungan persentase
+        last_price_inversed = sell_1  # Menggunakan harga hari ketiga (sell_3) sebagai harga terakhir
+
+        # Hitung perubahan persentase
+        percentage_change = ((predicted_value[0][0] - last_price_inversed) / last_price_inversed) * 100
+
+        # Tentukan tanda perubahan (positif atau negatif)
+        change_sign = '+' if percentage_change > 0 else ''
+
+        # Kembalikan hasil prediksi dalam bentuk JSON
+        return jsonify({
+            'last_price': last_price_inversed,
+            'predicted_value': predicted_value[0][0],
+            'percentage_change': f"{change_sign}{percentage_change:.2f}%",
+            'raw_data': input_data
+        })
+
+
+    except Exception as e:
+        return jsonify({'error': str(e)}), 400
+
+# Endpoint untuk prediksi otomatis berdasarkan data API
+@app.route('/auto-predict', methods=['POST'])
+def auto_predict():
+    try:
+        # Mendapatkan data yang dikirimkan dari frontend
+        input_data = request.get_json()
+        print(input_data)
+        # Ambil nilai input (pastikan semuanya adalah angka)
+        price_day_1 = float(input_data['features'][0])
+        price_day_2 = float(input_data['features'][1])
+        price_day_3 = float(input_data['features'][2])
+        last_row = np.array([
+            scaler.transform([[price_day_1]]).flatten()[0],
+            scaler.transform([[price_day_2]]).flatten()[0],
+            scaler.transform([[price_day_3]]).flatten()[0]
+        ]).reshape(1, -1)
+        last_row_df = pd.DataFrame(last_row, columns=['sell-1', 'sell-2', 'sell-3'])
+        # Prediksi harga
+        predicted_value_normalized = model.predict(last_row_df)
+        predicted_value = scaler.inverse_transform(predicted_value_normalized.reshape(-1, 1))
+
+        # Ambil harga emas terakhir untuk perhitungan persentase
+        last_price_inversed = price_day_3
+
+        # Hitung perubahan persentase
+        percentage_change = ((predicted_value[0][0] - last_price_inversed) / last_price_inversed) * 100
+
+        # Tentukan tanda perubahan (positif atau negatif)
+        if percentage_change > 0:
+            change_sign = '+'
+        else:
+            change_sign = ''
+
+        return jsonify({
+            'last_price': last_price_inversed,
+            'predicted_value': predicted_value[0][0],
+            'percentage_change': f"{change_sign}{percentage_change:.2f}%",
+            'raw_data': input_data
+        })
+
+    except Exception as e:
+        return jsonify({'error': str(e)}), 400
+
+if __name__ == '__main__':
+    app.run(debug=True)

model.pkl

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

requirements.txt

@@ -0,0 +1,8 @@
+Flask
+pandas
+numpy
+joblib
+scikit-learn
+requests
+fastapi
+uvicorn[standard]

scaler.pkl

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

templates/index.html

@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Prediksi Harga Emas</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+</head>
+<body>
+    <div class="container mt-5">
+        <h1>Grafik Harga Jual Emas 30 Hari Terakhir</h1>
+
+        <!-- Grafik Harga Emas -->
+        <canvas id="sell-chart" width="400" height="200"></canvas>
+
+        <!-- Tab navigation -->
+        <ul class="nav nav-tabs" id="myTab" role="tablist">
+            <li class="nav-item" role="presentation">
+                <a class="nav-link active" id="auto-tab" data-toggle="tab" href="#auto-predict" role="tab" aria-controls="auto-predict" aria-selected="true">Auto Predict</a>
+            </li>
+            <li class="nav-item" role="presentation">
+                <a class="nav-link" id="input-tab" data-toggle="tab" href="#input-predict" role="tab" aria-controls="input-predict" aria-selected="false">Input Predict</a>
+            </li>
+        </ul>
+
+        <div class="tab-content" id="myTabContent">
+            <!-- Auto Predict Tab -->
+            <div class="tab-pane fade show active" id="auto-predict" role="tabpanel" aria-labelledby="auto-tab">
+                <h2>Prediksi Otomatis (Dari API):</h2>
+                <button id="auto-predict-btn" class="btn btn-secondary">Dapatkan Prediksi Otomatis</button>
+                <div id="auto-prediction-result" class="mt-3">
+                    <p id="auto-last-price"></p>
+                    <p id="auto-predicted-price"></p>
+                    <p id="auto-percentage-change"></p>
+                </div>
+            </div>
+
+            <!-- Input Predict Tab -->
+            <div class="tab-pane fade" id="input-predict" role="tabpanel" aria-labelledby="input-tab">
+                <h2>Prediksi Berdasarkan Input:</h2>
+                <form id="input-form">
+                    <div class="form-group">
+                        <label for="sell-1">Harga Sell H-1:</label>
+                        <input type="number" class="form-control" id="sell-1" required>
+                    </div>
+                    <div class="form-group">
+                        <label for="sell-2">Harga Sell H-2:</label>
+                        <input type="number" class="form-control" id="sell-2" required>
+                    </div>
+                    <div class="form-group">
+                        <label for="sell-3">Harga Sell H-3:</label>
+                        <input type="number" class="form-control" id="sell-3" required>
+                    </div>
+                    <button type="submit" class="btn btn-primary">Prediksi</button>
+                </form>
+                <div id="input-prediction-result" class="mt-3">
+                    <p id="input-predicted-price"></p>
+                    <p id="input-percentage-change"></p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+
+        var sellPrices = [];
+        // Grafik Harga Emas: Ambil data untuk grafik dari URL API berbeda
+        $(document).ready(function() {
+            $.ajax({
+                url: 'https://api-pluang.pluang.com/api/v3/asset/gold/pricing?daysLimit=30',  // Ganti dengan URL API yang sesuai
+                type: 'GET',
+                success: function(data) {
+                    var dates = data.data.history.map(function(item) {
+                        return item.updated_at.split('T')[0]; // Ambil hanya tanggal
+                    });
+                    sellPrices = data.data.history.map(function(item) {
+                        return item.sell;
+                    });
+
+                    // Balikkan urutan data (dari data pertama ke terakhir)
+                    dates.reverse();
+                    sellPrices.reverse();
+
+                    // Tampilkan grafik harga sell
+                    var ctx = document.getElementById('sell-chart').getContext('2d');
+                    var sellChart = new Chart(ctx, {
+                        type: 'line',
+                        data: {
+                            labels: dates, // Tanggal
+                            datasets: [{
+                                label: 'Harga Sell Emas',
+                                data: sellPrices, // Harga sell
+                                borderColor: 'rgba(75, 192, 192, 1)',
+                                borderWidth: 2,
+                                fill: false
+                            }]
+                        },
+                        options: {
+                            responsive: true,
+                            scales: {
+                                y: {
+                                    beginAtZero: false
+                                }
+                            }
+                        }
+                    });
+                },
+                error: function(error) {
+                    alert('Terjadi kesalahan saat memanggil API untuk grafik: ' + error.responseJSON.error);
+                }
+            });
+        });
+
+        // Fungsi untuk mengambil data dari grafik dan mengirimkan ke Flask
+        function getDataFromChart() {
+            // Ambil 3 harga terakhir dari data grafik
+            var lastThreeDays = sellPrices.slice(-3);
+
+            return {
+                features: lastThreeDays
+            };
+        }
+
+        // Fungsi untuk memanggil endpoint Flask dengan data dari grafik
+        $('#auto-predict-btn').click(function() {
+            var inputData = getDataFromChart();
+            console.log(inputData);
+
+            $.ajax({
+                url: '/auto-predict',
+                type: 'POST',
+                contentType: 'application/json',
+                data: JSON.stringify(inputData),
+                success: function(data) {
+                    $('#auto-last-price').text(`Harga Emas Terakhir: ${data.last_price}`);
+                    $('#auto-predicted-price').text(`Prediksi Harga Emas: ${data.predicted_value}`);
+                    $('#auto-percentage-change').text(`Perubahan: ${data.percentage_change}`);
+                },
+                error: function(error) {
+                    alert('Terjadi kesalahan: ' + error.responseJSON.error);
+                }
+            });
+        });
+
+        // Fungsi untuk menangani prediksi berdasarkan input pengguna
+        $('#input-form').submit(function(event) {
+            event.preventDefault();
+
+            var sell_1 = parseFloat($('#sell-1').val());  // Mengonversi input menjadi angka
+            var sell_2 = parseFloat($('#sell-2').val());  // Mengonversi input menjadi angka
+            var sell_3 = parseFloat($('#sell-3').val());  // Mengonversi input menjadi angka
+            var last_price = sell_1;  // Anda bisa sesuaikan jika ingin mengambil nilai lainnya
+
+            $.ajax({
+                url: '/predict',
+                type: 'POST',
+                contentType: 'application/json',
+                data: JSON.stringify({
+                    features: [sell_1, sell_2, sell_3],
+                    last_price: [last_price]
+                }),
+                success: function(data) {
+                    $('#input-predicted-price').text(`Prediksi Harga Emas: ${data.predicted_value}`);
+                    $('#input-percentage-change').text(`Perubahan: ${data.percentage_change}`);
+                },
+                error: function(error) {
+                    alert('Terjadi kesalahan: ' + error.responseJSON.error);
+                }
+            });
+        });
+
+    </script>
+</body>
+</html>