update: order of questions between multiple choice and fill-in on assessment result student
This commit is contained in:
parent
6f13c52739
commit
792af42743
|
|
@ -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,81 +334,146 @@
|
||||||
$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
|
||||||
|
@foreach ($sortedQuestions as $index => $question)
|
||||||
|
@php
|
||||||
|
$answer = $question->answers->first();
|
||||||
|
$isCorrect = false;
|
||||||
|
$similarityScore = null;
|
||||||
|
|
||||||
if ($question->type === 'multiple_choice' && $answer) {
|
$questionText = $question->question_text;
|
||||||
$isCorrect = optional($answer->option)->is_correct;
|
$kutipan = null;
|
||||||
} elseif ($question->type === 'essay' && $answer) {
|
$pertanyaanBersih = $questionText;
|
||||||
$userAnswer = $normalize($answer->answer_text ?? '');
|
|
||||||
$correctAnswers = explode("\n", $question->essay_answer ?? '');
|
|
||||||
$maxMatch = 0;
|
|
||||||
|
|
||||||
foreach ($correctAnswers as $correct) {
|
if (Str::contains($questionText, 'Bacalah kutipan berikut:') || Str::contains($questionText, 'Bacalah paragraf berikut:')) {
|
||||||
$correctNormalized = $normalize($correct);
|
preg_match('/Bacalah (kutipan|paragraf) berikut:\s*"(.*?)"\s*(.*)/s', $questionText, $matches);
|
||||||
similar_text($userAnswer, $correctNormalized, $percent);
|
if (count($matches) >= 4) {
|
||||||
$maxMatch = max($maxMatch, $percent);
|
$kutipan = trim($matches[2]);
|
||||||
}
|
$pertanyaanBersih = trim($matches[3]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
$similarityScore = $maxMatch;
|
// Deteksi soal urutan (misal dari kata "Manakah urutan kalimat" atau pakai $question->type === 'ordering')
|
||||||
$isCorrect = $maxMatch >= $essayThreshold;
|
$isOrdering = Str::contains($questionText, 'urutan kalimat');
|
||||||
}
|
|
||||||
@endphp
|
|
||||||
|
|
||||||
<li class="list-group-item d-flex flex-column">
|
// Penilaian
|
||||||
<div class="d-flex justify-content-between align-items-center">
|
if ($question->type === 'multiple_choice' && $answer) {
|
||||||
<strong>{{ $index + 1 }}. {{ $question->question_text }}</strong>
|
$isCorrect = optional($answer->option)->is_correct;
|
||||||
@if ($isCorrect)
|
} elseif ($question->type === 'essay' && $answer) {
|
||||||
<span class="badge bg-success px-3 py-2">Benar ✅</span>
|
$userAnswer = $normalize($answer->answer_text ?? '');
|
||||||
@else
|
$correctAnswers = explode("\n", $question->essay_answer ?? '');
|
||||||
<span class="badge bg-danger px-3 py-2">Salah ❌</span>
|
$maxMatch = 0;
|
||||||
@endif
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p class="mt-2">
|
foreach ($correctAnswers as $correct) {
|
||||||
<strong>Jawaban Siswa:</strong>
|
$correctNormalized = $normalize($correct);
|
||||||
@if ($question->type === 'multiple_choice')
|
similar_text($userAnswer, $correctNormalized, $percent);
|
||||||
{{ optional($answer)->option->option_text ?? 'Tidak Dijawab' }}
|
$maxMatch = max($maxMatch, $percent);
|
||||||
@else
|
}
|
||||||
{{ optional($answer)->answer_text ?? 'Tidak Dijawab' }}
|
|
||||||
@endif
|
|
||||||
</p>
|
|
||||||
|
|
||||||
@if ($question->type === 'essay' && $similarityScore !== null)
|
$similarityScore = $maxMatch;
|
||||||
<p><strong>Skor Kemiripan:</strong> {{ number_format($similarityScore, 2) }}%</p>
|
$isCorrect = $maxMatch >= $essayThreshold;
|
||||||
<p><strong>Feedback:</strong> {{ $answer->feedback ?? 'Tidak ada feedback' }}</p>
|
}
|
||||||
@endif
|
|
||||||
</li>
|
// Pilihan kalimat untuk soal urutan
|
||||||
|
$choices = $question->choices ? explode("\n", $question->choices) : [];
|
||||||
|
@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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user