216 lines
8.8 KiB
HTML
216 lines
8.8 KiB
HTML
{% include 'header.html' %}
|
|
<!-- Begin Page Content -->
|
|
<div class="container-fluid">
|
|
|
|
<!-- Content Row -->
|
|
<!-- Approach -->
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header py-3">
|
|
<h6 class="m-0 font-weight-bold text-primary">Klasifikasi SVM</h6>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<!-- <h2>Proses Klasifikasi SVM</h2> -->
|
|
<p>Silahkan klik tombol di bawah ini untuk melakukan proses Klasifikasi SVM
|
|
dengan menggunakan hasil dari proses pembobotan TF-IDF sebelumnya.</p>
|
|
|
|
<form enctype="multipart/form-data" action="/klasifikasisvm" method="POST">
|
|
<div class="mt-3">
|
|
<button type="submit" name="" value="klasifikasisvm" class="btn btn-primary">Klasifikasi SVM</button>
|
|
</div>
|
|
<br>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Approach -->
|
|
|
|
<!-- Page Heading -->
|
|
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
|
<h1 class="h3 mb-0 text-gray-800">Nilai Hasil Klasifikasi SVM Kernel RBF</h1>
|
|
</div>
|
|
|
|
<!-- Content Row -->
|
|
<div class="row">
|
|
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-primary shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
|
|
F1 Score</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">{{f1_score_rbf}} %</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-primary shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-success text-uppercase mb-1">
|
|
Accuracy Score</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">{{accuracy_score_rbf}} %</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-primary shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">
|
|
Precision Score</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">{{precision_score_rbf}} %</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Pending Requests Card Example -->
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-primary shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
|
|
Recall Score</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">{{recall_score_rbf}} %</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /Content Row -->
|
|
</div>
|
|
<!-- /Content Row -->
|
|
|
|
<!-- Page Heading -->
|
|
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
|
<h1 class="h3 mb-0 text-gray-800">Nilai Hasil Confusion Matriks Kernel RBF</h1>
|
|
</div>
|
|
|
|
<!-- Content Row -->
|
|
<div class="row">
|
|
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-primary shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
|
|
True Positive</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">{{tp_rbf}}</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<i class="fas fa-check-circle fa-2x text-gray-300"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-primary shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-success text-uppercase mb-1">
|
|
True Negative</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">{{tn_rbf}}</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<i class="fas fa-check-circle fa-2x text-gray-300"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-primary shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">
|
|
False Positive</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">{{fp_rbf}}</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<i class="fas fa-window-close fa-2x text-gray-300"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Pending Requests Card Example -->
|
|
<!-- Earnings (Monthly) Card Example -->
|
|
<div class="col-xl-3 col-md-6 mb-4">
|
|
<div class="card border-left-primary shadow h-100 py-2">
|
|
<div class="card-body">
|
|
<div class="row no-gutters align-items-center">
|
|
<div class="col mr-2">
|
|
<div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
|
|
False Negative</div>
|
|
<div class="h5 mb-0 font-weight-bold text-gray-800">{{fn_rbf}}</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<i class="fas fa-window-close fa-2x text-gray-300"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /Content Row -->
|
|
</div>
|
|
<!-- /Content Row -->
|
|
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
|
|
<!-- Scroll to Top Button-->
|
|
<a class="scroll-to-top rounded" href="#page-top">
|
|
<i class="fas fa-angle-up"></i>
|
|
</a>
|
|
|
|
<!-- Bootstrap core JavaScript-->
|
|
<script src="{{ url_for('static', filename='vendor/jquery/jquery.min.js') }}"></script>
|
|
<script
|
|
src="{{ url_for('static', filename='vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
|
|
|
|
<!-- Core plugin JavaScript-->
|
|
<script
|
|
src="{{ url_for('static', filename='vendor/jquery-easing/jquery.easing.min.js') }}"></script>
|
|
|
|
<!-- Custom scripts for all pages-->
|
|
<script src="{{ url_for('static', filename='js/sb-admin-2.min.js') }}"></script>
|
|
|
|
<!-- Page level plugins -->
|
|
<script src="{{ url_for('static', filename='vendor/chart.js/Chart.min.js') }}"></script>
|
|
|
|
<!-- Page level custom scripts -->
|
|
<script src="{{ url_for('static', filename='js/demo/chart-area-demo.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/demo/chart-pie-demo.js') }}"></script>
|
|
|
|
</body>
|
|
|
|
</html> |