update: order of questions between multiple choice and fill-in on assessment result student

This commit is contained in:
abiyasa05 2025-04-09 09:55:00 +07:00
parent 6f13c52739
commit 792af42743

View File

@ -184,7 +184,7 @@
<link rel="icon" href="./images/logo.png" type="image/png"> <link rel="icon" href="./images/logo.png" type="image/png">
</head> </head>
<body> <body style="padding-bottom: 45px">
<!-- NAVBAR --> <!-- NAVBAR -->
<nav class="navbar navbar-expand-lg" style="background-color: #FEFEFE;"> <nav class="navbar navbar-expand-lg" style="background-color: #FEFEFE;">
<div class="container-fluid"> <div class="container-fluid">
@ -299,7 +299,7 @@
@php @php
$totalBenar = 0; $totalBenar = 0;
$totalSalah = 0; $totalSalah = 0;
$essayThreshold = 50; // Ambang batas kemiripan agar dianggap benar $essayThreshold = 50;
$normalize = function ($text) { $normalize = function ($text) {
$text = strtolower($text); $text = strtolower($text);
@ -308,7 +308,6 @@
return trim($text); return trim($text);
}; };
// Hitung total benar dan salah
foreach ($questions as $question) { foreach ($questions as $question) {
$answer = $question->answers->first(); $answer = $question->answers->first();
$isCorrect = false; $isCorrect = false;
@ -335,83 +334,148 @@
$totalSalah++; $totalSalah++;
} }
} }
$statusMap = [
'completed' => 'Selesai',
'in_progress' => 'Sedang Dikerjakan',
'pending' => 'Menunggu',
];
$statusAsesmen = $statusMap[$assessment->status] ?? 'Tidak Dikenal';
@endphp @endphp
<div class="content"> <div class="content">
<p style="font-size: 24px; font-weight: 500; color: #34364A;">Assessment Result</p> <p style="font-size: 24px; font-weight: 500; color: #34364A;">Hasil Asesmen Siswa</p>
<div class="mt-4"> <div class="mt-4">
<h5>Detail Jawaban</h5> <h5>Detail Jawaban</h5>
<!-- Ringkasan Jawaban --> <div class="row">
<div class="card mt-3 p-3 text-center shadow-sm" style="max-width: 400px; margin: auto;"> <!-- Pie Chart & Ringkasan -->
<h5 class="mb-2">Ringkasan Jawaban</h5> <div class="col-md-6">
<p class="mb-1"> <div class="card mt-3 p-3 text-center shadow-sm">
<strong class="text-success">Benar: {{ $totalBenar }}</strong> | <h5 class="mb-2">Ringkasan Jawaban</h5>
<strong class="text-danger">Salah: {{ $totalSalah }}</strong> <p class="mb-1">
</p> <strong class="text-success">Benar: {{ $totalBenar }}</strong> |
<strong class="text-danger">Salah: {{ $totalSalah }}</strong>
<!-- Pie Chart --> </p>
<div class="d-flex justify-content-center align-items-center"> <div class="d-flex justify-content-center align-items-center">
<canvas id="piechart" style="height: 150px; width: 150px;"></canvas> <canvas id="piechart" style="height: 150px; width: 150px;"></canvas>
</div> </div>
<div class="mt-2">
<div class="mt-2"> <strong>Skor Akhir: {{ $assessment->score }}%</strong>
<strong>Skor Akhir: {{ $assessment->score }}%</strong> </div>
</div>
</div> </div>
</div> </div>
<!-- List Jawaban --> <!-- List Jawaban -->
<ul class="list-group mt-4"> <ul class="list-group mt-4">
@foreach ($questions as $index => $question) @php
@php $questionTypeOrder = ['multiple_choice' => 1, 'ordering' => 2, 'essay' => 3];
$answer = $question->answers->first(); $sortedQuestions = collect($questions)->sortBy(function ($q) use ($questionTypeOrder) {
$isCorrect = false; return $questionTypeOrder[$q->type] ?? 999;
$similarityScore = null; })->values();
@endphp
if ($question->type === 'multiple_choice' && $answer) { @foreach ($sortedQuestions as $index => $question)
$isCorrect = optional($answer->option)->is_correct; @php
} elseif ($question->type === 'essay' && $answer) { $answer = $question->answers->first();
$userAnswer = $normalize($answer->answer_text ?? ''); $isCorrect = false;
$correctAnswers = explode("\n", $question->essay_answer ?? ''); $similarityScore = null;
$maxMatch = 0;
$questionText = $question->question_text;
foreach ($correctAnswers as $correct) { $kutipan = null;
$correctNormalized = $normalize($correct); $pertanyaanBersih = $questionText;
similar_text($userAnswer, $correctNormalized, $percent);
$maxMatch = max($maxMatch, $percent); if (Str::contains($questionText, 'Bacalah kutipan berikut:') || Str::contains($questionText, 'Bacalah paragraf berikut:')) {
} preg_match('/Bacalah (kutipan|paragraf) berikut:\s*"(.*?)"\s*(.*)/s', $questionText, $matches);
if (count($matches) >= 4) {
$similarityScore = $maxMatch; $kutipan = trim($matches[2]);
$isCorrect = $maxMatch >= $essayThreshold; $pertanyaanBersih = trim($matches[3]);
} }
@endphp }
<li class="list-group-item d-flex flex-column"> // Deteksi soal urutan (misal dari kata "Manakah urutan kalimat" atau pakai $question->type === 'ordering')
<div class="d-flex justify-content-between align-items-center"> $isOrdering = Str::contains($questionText, 'urutan kalimat');
<strong>{{ $index + 1 }}. {{ $question->question_text }}</strong>
@if ($isCorrect) // Penilaian
<span class="badge bg-success px-3 py-2">Benar </span> if ($question->type === 'multiple_choice' && $answer) {
@else $isCorrect = optional($answer->option)->is_correct;
<span class="badge bg-danger px-3 py-2">Salah </span> } elseif ($question->type === 'essay' && $answer) {
@endif $userAnswer = $normalize($answer->answer_text ?? '');
</div> $correctAnswers = explode("\n", $question->essay_answer ?? '');
$maxMatch = 0;
<p class="mt-2">
<strong>Jawaban Siswa:</strong> foreach ($correctAnswers as $correct) {
@if ($question->type === 'multiple_choice') $correctNormalized = $normalize($correct);
{{ optional($answer)->option->option_text ?? 'Tidak Dijawab' }} similar_text($userAnswer, $correctNormalized, $percent);
@else $maxMatch = max($maxMatch, $percent);
{{ optional($answer)->answer_text ?? 'Tidak Dijawab' }} }
@endif
</p> $similarityScore = $maxMatch;
$isCorrect = $maxMatch >= $essayThreshold;
@if ($question->type === 'essay' && $similarityScore !== null) }
<p><strong>Skor Kemiripan:</strong> {{ number_format($similarityScore, 2) }}%</p>
<p><strong>Feedback:</strong> {{ $answer->feedback ?? 'Tidak ada feedback' }}</p> // Pilihan kalimat untuk soal urutan
@endif $choices = $question->choices ? explode("\n", $question->choices) : [];
</li> @endphp
<li class="list-group-item">
<div class="row">
<!-- Nomor Soal -->
<div class="col-auto d-flex justify-content-start align-items-start pt-2">
<strong>{{ $index + 1 }}.</strong>
</div>
<!-- Isi Soal dan Jawaban -->
<div class="col">
{{-- Tampilkan kutipan atau paragraf jika ada --}}
@if ($kutipan)
<p class="pt-2"><strong>Bacalah kutipan berikut:</strong></p>
<div class="ps-3 pe-3"><em>"{{ $kutipan }}"</em></div>
@endif
{{-- Pertanyaan --}}
<p class="mt-2">{{ $pertanyaanBersih }}</p>
{{-- Tampilan pilihan jika soal urutan --}}
@if ($isOrdering && count($choices) > 0)
<div class="ps-3">
@foreach ($choices as $i => $kalimat)
<div>{{ $i + 1 }}. {{ $kalimat }}</div>
@endforeach
</div>
@elseif (count($choices) > 0)
<div class="ps-3">
@foreach ($choices as $i => $opsi)
<div>{{ chr(65 + $i) }}. {{ $opsi }}</div>
@endforeach
</div>
@endif
{{-- Jawaban siswa --}}
<p class="mt-3">
<strong>Jawaban Siswa:</strong>
{{ $question->type === 'multiple_choice'
? optional($answer)->option->option_text ?? 'Tidak Dijawab'
: optional($answer)->answer_text ?? 'Tidak Dijawab' }}
</p>
{{-- Skor dan feedback (untuk essay) --}}
@if ($question->type === 'essay' && $similarityScore !== null)
<p><strong>Skor Kemiripan:</strong> {{ number_format($similarityScore, 2) }}%</p>
<p><strong>Feedback:</strong> {{ $answer->feedback ?? 'Tidak ada feedback' }}</p>
@endif
</div>
<!-- Status benar/salah -->
<div class="col-auto d-flex align-items-start pt-2">
<span class="badge {{ $isCorrect ? 'bg-success' : 'bg-danger' }} px-3 py-2">
{{ $isCorrect ? 'Benar ✅' : 'Salah ❌' }}
</span>
</div>
</div>
</li>
@endforeach @endforeach
</ul> </ul>
</div> </div>
</div> </div>
</main> </main>