184 lines
7.2 KiB
HTML
184 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<title>Dashboard-Analisis Sentimen</title>
|
|
|
|
<!-- Custom fonts for this template-->
|
|
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
|
|
<link
|
|
href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
|
|
rel="stylesheet">
|
|
|
|
<!-- Custom styles for this template-->
|
|
<link href="css/style.css" rel="stylesheet">
|
|
|
|
</head>
|
|
|
|
<body id="page-top">
|
|
|
|
<!-- Page Wrapper -->
|
|
<div id="wrapper">
|
|
|
|
<!-- Sidebar -->
|
|
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
|
|
|
|
<!-- Sidebar - Brand -->
|
|
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.html">
|
|
<div class="sidebar-brand-text mx-3">Analisis Sentimen</div>
|
|
</a>
|
|
|
|
<!-- Divider -->
|
|
<hr class="sidebar-divider my-0">
|
|
|
|
<!-- Nav Item - Dashboard -->
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="index.html">
|
|
<i class="fas fa-fw fa-tachometer-alt"></i>
|
|
<span>Dashboard</span></a>
|
|
</li>
|
|
|
|
<!-- Nav Item - Tables -->
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="tables.html">
|
|
<i class="fas fa-fw fa-table"></i>
|
|
<span>Tables</span></a>
|
|
</li>
|
|
|
|
<!-- Divider -->
|
|
<hr class="sidebar-divider d-none d-md-block">
|
|
|
|
<!-- Sidebar Toggler (Sidebar) -->
|
|
<div class="text-center d-none d-md-inline">
|
|
<button class="rounded-circle border-0" id="sidebarToggle"></button>
|
|
</div>
|
|
|
|
</ul>
|
|
<!-- End of Sidebar -->
|
|
|
|
<!-- Content Wrapper -->
|
|
<div id="content-wrapper" class="d-flex flex-column">
|
|
|
|
<!-- Main Content -->
|
|
<div id="content">
|
|
|
|
<!-- Begin Page Content -->
|
|
<div class="container-fluid">
|
|
|
|
<!-- Content Row -->
|
|
<div class="row">
|
|
<iframe width="1280" height="820"
|
|
src="https://lookerstudio.google.com/embed/reporting/e930f9ff-9f03-46d0-8f8f-d3b0137a063a/page/A770E"
|
|
frameborder="0" style="border:0" allowfullscreen
|
|
sandbox="allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox"></iframe>
|
|
</div>
|
|
|
|
<div class="container" style="padding-top: 25px;">
|
|
<div class="row row-cols-1 row-cols-md-3 g-4">
|
|
<div class="col">
|
|
<div class="card mb-3 mx-auto custom-card">
|
|
<div class="card-header custom-header">ACCURACY</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">63%</h5>
|
|
<p class="card-text">Akurasi adalah tingkat keberhasilan model dalam
|
|
memprediksi kategori
|
|
sentimen dengan benar.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<div class="card mb-3 mx-auto custom-card">
|
|
<div class="card-header custom-header">PRECISION</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">56%</h5>
|
|
<p class="card-text">Precision menunjukkan seberapa banak prediksi benar
|
|
dibandingkan total prediksi positif. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<div class="card mb-3 mx-auto custom-card">
|
|
<div class="card-header custom-header">RECALL</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">63%</h5>
|
|
<p class="card-text">Recall mengukur seberapa naik model mendeteksi data yang
|
|
benar-benar positif. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="text-center">
|
|
<h1 class="h3 mb-2 text-gray-800">WordCloud</h1>
|
|
<p class="mb-4">WordCloud di bawah ini menampilkan 100 kata paling banyak disebutkan dalam
|
|
ulasan pengguna Shopee di googlep playstore. Wordcloud dapat dengan cepat mengidentifikasi
|
|
kata-kata
|
|
kunci yang sering digunakan oleh pengguna, sehingga dapat memberikan wawasan mengenai
|
|
keluhan atau fitur
|
|
yang paling disorot dalam ulasan.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="wordcloud-container">
|
|
<img src="img/wordcloud.jpg" alt="WordCloud" class="wordcloud-img">
|
|
</div>
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
|
|
</div>
|
|
<!-- End of Main Content -->
|
|
|
|
<!-- Footer -->
|
|
<footer class="sticky-footer bg-white">
|
|
<div class="container my-auto">
|
|
<div class="copyright text-center my-auto">
|
|
<span>Copyright © Analisis Sentimen Pengguna Shopee 2025</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- End of Footer -->
|
|
|
|
</div>
|
|
<!-- End of Content Wrapper -->
|
|
|
|
</div>
|
|
<!-- End of Page Wrapper -->
|
|
|
|
<!-- 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="vendor/jquery/jquery.min.js"></script>
|
|
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Core plugin JavaScript-->
|
|
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
|
|
|
|
<!-- Custom scripts for all pages-->
|
|
<script src="js/sb-admin-2.min.js"></script>
|
|
|
|
<!-- Page level plugins -->
|
|
<script src="vendor/chart.js/Chart.min.js"></script>
|
|
|
|
<!-- Page level custom scripts -->
|
|
<script src="js/demo/chart-area-demo.js"></script>
|
|
<script src="js/demo/chart-pie-demo.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |