Merge branch 'main' of https://github.com/raditya09/KlasifikasiStudentModelling
This commit is contained in:
commit
05725fd376
|
@ -70,9 +70,9 @@ public function store(Request $request)
|
||||||
|
|
||||||
$rmTotal = $totalsPerGroup[4] + $totalsPerGroup[5] + $totalsPerGroup[6] + $totalsPerGroup[7] + $totalsPerGroup[8];
|
$rmTotal = $totalsPerGroup[4] + $totalsPerGroup[5] + $totalsPerGroup[6] + $totalsPerGroup[7] + $totalsPerGroup[8];
|
||||||
$rmClass = null;
|
$rmClass = null;
|
||||||
if ($rmTotal >= 63) {
|
if ($rmTotal >= 132) {
|
||||||
$rmClass = 'High';
|
$rmClass = 'High';
|
||||||
} else if ($rmTotal >= 42) {
|
} else if ($rmTotal >= 88) {
|
||||||
$rmClass = 'Medium';
|
$rmClass = 'Medium';
|
||||||
} else {
|
} else {
|
||||||
$rmClass = 'Low';
|
$rmClass = 'Low';
|
||||||
|
|
|
@ -7,8 +7,8 @@
|
||||||
<h1>Dashboard</h1>
|
<h1>Dashboard</h1>
|
||||||
<nav>
|
<nav>
|
||||||
<ol class="breadcrumb">
|
<ol class="breadcrumb">
|
||||||
<li class="breadcrumb-item"><a href="/">Home</a></li>
|
{{-- <li class="breadcrumb-item"><a href="/">Home</a></li> --}}
|
||||||
<li class="breadcrumb-item active">Dashboard</li>
|
{{-- <li class="breadcrumb-item active">Dashboard</li> --}}
|
||||||
</ol>
|
</ol>
|
||||||
</nav>
|
</nav>
|
||||||
</div><!-- End Page Title -->
|
</div><!-- End Page Title -->
|
||||||
|
@ -16,52 +16,33 @@
|
||||||
<section class="section dashboard">
|
<section class="section dashboard">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<!-- Komponen 1: Hasil Nilai Kuesioner KM -->
|
<!-- Komponen 1: Hasil Nilai Kuesioner KM -->
|
||||||
<div class="col-xxl-4 col-md-6">
|
<div class="col-xxl-4 col-md-6">
|
||||||
<div class="card info-card">
|
<div class="card info-card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<h5 class="card-title">Nilai KM</h5>
|
<h5 class="card-title">Knowledge of Metacognitif (KM) </h5>
|
||||||
<span class="pull-right">50</span>
|
@foreach ($historiPengisian as $item)
|
||||||
<div class="progress">
|
<div class="progress">
|
||||||
<div class="progress-bar" role="progressbar" style="width: $percentage %;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="63"></div>
|
<div class="progress-bar" role="progressbar" style="width: {{ $item->km_total/68*100 }}%;" aria-valuenow="{{ $item->km_total }}" aria-valuemin="0" aria-valuemax="68"></div>
|
||||||
|
</div>
|
||||||
|
<div class="pt-1 d-flex justify-content-between"><span>Nilai anda</span> {{ $item->km_total }} </div>
|
||||||
|
@endforeach
|
||||||
</div>
|
</div>
|
||||||
<script>
|
|
||||||
// Script JavaScript dapat tetap sama
|
|
||||||
document.addEventListener("DOMContentLoaded", () => {
|
|
||||||
let kmCounts = @json($kmCounts);
|
|
||||||
let kmTotal = kmCounts.reduce(function(total, item) {
|
|
||||||
return total + item.total;
|
|
||||||
}, 0);
|
|
||||||
let percentage = (kmTotal / (kmCounts.length * 100)) * 100;
|
|
||||||
document.querySelector(".progress-bar").style.width = percentage + "%";
|
|
||||||
document.querySelector(".progress-bar").setAttribute("aria-valuenow", percentage);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div><!-- End Hasil Nilai Kuesioner KM -->
|
||||||
</div><!-- End Hasil Nilai Kuesioner KM -->
|
|
||||||
|
|
||||||
<!-- Komponen 2: Hasil Nilai Kuesioner RM -->
|
<!-- Komponen 2: Hasil Nilai Kuesioner RM -->
|
||||||
<div class="col-xxl-4 col-md-6">
|
<div class="col-xxl-4 col-md-6">
|
||||||
<div class="card info-card">
|
<div class="card info-card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<h5 class="card-title">Nilai RM</h5>
|
<h5 class="card-title">Regulation of Metacognitif (RM) </h5>
|
||||||
<span class="pull-right">80</span>
|
@foreach ($historiPengisian as $item)
|
||||||
<div class="progress">
|
<div class="progress">
|
||||||
<div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="132"></div>
|
<div class="progress-bar" role="progressbar" style="width: {{ $item->km_total/132*100 }}%;" aria-valuenow="{{ $item->rm_total }}" aria-valuemin="0" aria-valuemax="132"></div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<div class="pt-1 d-flex justify-content-between"><span>Nilai anda</span> {{ $item->rm_total }}</div>
|
||||||
// Script JavaScript dapat tetap sama
|
@endforeach
|
||||||
document.addEventListener("DOMContentLoaded", () => {
|
|
||||||
let kmCounts = @json($kmCounts);
|
|
||||||
let kmTotal = kmCounts.reduce(function(total, item) {
|
|
||||||
return total + item.total;
|
|
||||||
}, 0);
|
|
||||||
let percentage = (kmTotal / (kmCounts.length * 100)) * 100;
|
|
||||||
document.querySelector(".progress-bar").style.width = percentage + "%";
|
|
||||||
document.querySelector(".progress-bar").setAttribute("aria-valuenow", percentage);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div><!-- End Hasil Nilai Kuesioner RM -->
|
</div><!-- End Hasil Nilai Kuesioner RM -->
|
||||||
|
@ -73,9 +54,10 @@
|
||||||
<h5 class="card-title">Rangkuman</h5>
|
<h5 class="card-title">Rangkuman</h5>
|
||||||
<!-- Tambahkan rangkuman seperti "Low / Medium / High" -->
|
<!-- Tambahkan rangkuman seperti "Low / Medium / High" -->
|
||||||
<ul>
|
<ul>
|
||||||
{{-- @foreach ($rangkuman as $item)
|
@foreach ($historiPengisian as $item)
|
||||||
<li>{{ $item->keterangan }}</li>
|
<p>Nilai KM = {{ $item->km_class }}</p>
|
||||||
@endforeach --}}
|
<p>Nilai RM = {{ $item->rm_class }}</p><br>
|
||||||
|
@endforeach
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -88,21 +70,7 @@
|
||||||
<h5 class="card-title">Histori Pengisian Kuesioner</h5>
|
<h5 class="card-title">Histori Pengisian Kuesioner</h5>
|
||||||
<ul>
|
<ul>
|
||||||
@foreach ($historiPengisian as $item)
|
@foreach ($historiPengisian as $item)
|
||||||
<li>
|
<li>{{ $item->created_at }} </li>
|
||||||
<div class="container-fluid row">
|
|
||||||
<div class="col-6">{{ $item->created_at }} - {{ $item->km_class }} / {{ $item->rm_class }}</div>
|
|
||||||
<div class="col-6">
|
|
||||||
<div class="progress">
|
|
||||||
<div class="progress-bar" role="progressbar" style="width: {{ $item->km_total/68*100 }}%;" aria-valuenow="{{ $item->km_total }}" aria-valuemin="0" aria-valuemax="68"></div>
|
|
||||||
</div>
|
|
||||||
<div class="pt-1 d-flex justify-content-between"><span>Nilai KM</span> {{ $item->km_total }}</div>
|
|
||||||
<div class="progress">
|
|
||||||
<div class="progress-bar" role="progressbar" style="width: {{ $item->rm_total/140*100 }}%;" aria-valuenow="{{ $item->rm_total }}" aria-valuemin="0" aria-valuemax="140"></div>
|
|
||||||
</div>
|
|
||||||
<div class="pt-1 d-flex justify-content-between"><span>Nilai RM</span> {{ $item->rm_total }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
@endforeach
|
@endforeach
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
@ -115,7 +83,11 @@
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<h5 class="card-title">Penjelasan KM</h5>
|
<h5 class="card-title">Penjelasan KM</h5>
|
||||||
<!-- Tambahkan penjelasan tentang KM di sini -->
|
<!-- Tambahkan penjelasan tentang KM di sini -->
|
||||||
<p>Knowledge of Metacognitif (KM) merupakan pengetahun individu terhadap kognitifnya. Knowledge of metacognitive terdiri dari pengetahuan prosedural yang merupakan pengetahuan bagaimana seseorang melakukan sesuatu, pengetahuan deklaratif mencakup pengetahuan tentang kegiatan yang akan dilakukan sebagai pembelajar dan apa yang mempengaruhi kegiatannya, pengdeklaratif, dan kondisional, serta pengetahuan kondisional yakni pengetahuan tentang kapan dan mengapa menggunakan pengetahuan prosedural dan deklaratif. </p>
|
<p>Knowledge of Metacognitif (KM) merupakan pengetahun individu terhadap kognitifnya. Knowledge of metacognitive terdiri dari pengetahuan prosedural yang merupakan pengetahuan bagaimana seseorang melakukan sesuatu, pengetahuan deklaratif mencakup pengetahuan tentang kegiatan yang akan dilakukan sebagai pembelajar dan apa yang mempengaruhi kegiatannya, pengdeklaratif, dan kondisional, serta pengetahuan kondisional yakni pengetahuan tentang kapan dan mengapa menggunakan pengetahuan prosedural dan deklaratif. </p>
|
||||||
|
<small> <p>Keterangan Nilai KM:</p> </small>
|
||||||
|
<small> <p>KM High ≥ 63</p> </small>
|
||||||
|
<small> <p>KM Medium ≥ 42</p> </small>
|
||||||
|
<small> <p>KM Low <42 </p> </small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div><!-- End Penjelasan KM -->
|
</div><!-- End Penjelasan KM -->
|
||||||
|
@ -127,6 +99,10 @@
|
||||||
<h5 class="card-title">Penjelasan RM</h5>
|
<h5 class="card-title">Penjelasan RM</h5>
|
||||||
<!-- Tambahkan penjelasan tentang RM di sini -->
|
<!-- Tambahkan penjelasan tentang RM di sini -->
|
||||||
<p> Regulation of Metacognitif (RM) merupakan kemampuan mengontrol pembelajaran, melakukan sesuatu atau melakukan perbaikan terhadap kesalahannya. Pembelajar mengatur kegiatan pembelajarannya dengan melibatkan perencanaan dan pengawasan terhadap aktivitas kognitif yang digunakan. Kemampuan metakognitif ini merupakan kunci bagi pengembangan berpikir kritis.</p>
|
<p> Regulation of Metacognitif (RM) merupakan kemampuan mengontrol pembelajaran, melakukan sesuatu atau melakukan perbaikan terhadap kesalahannya. Pembelajar mengatur kegiatan pembelajarannya dengan melibatkan perencanaan dan pengawasan terhadap aktivitas kognitif yang digunakan. Kemampuan metakognitif ini merupakan kunci bagi pengembangan berpikir kritis.</p>
|
||||||
|
<small> <p>Keterangan Nilai RM :</p> </small>
|
||||||
|
<small> <p>RM High ≥ 132</p> </small>
|
||||||
|
<small> <p>RM Medium ≥ 88</p> </small>
|
||||||
|
<small> <p>RM Low <88 </p> </small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div><!-- End Penjelasan RM -->
|
</div><!-- End Penjelasan RM -->
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
<h1>Profile</h1>
|
<h1>Profile</h1>
|
||||||
<nav>
|
<nav>
|
||||||
<ol class="breadcrumb">
|
<ol class="breadcrumb">
|
||||||
<li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
|
<li class="breadcrumb-item"><a href="/dashboard">Dashboard</a></li>
|
||||||
<li class="breadcrumb-item active">Profile</li>
|
<li class="breadcrumb-item active">Profile</li>
|
||||||
</ol>
|
</ol>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
Loading…
Reference in New Issue