-
Notifications
You must be signed in to change notification settings - Fork 0
/
tes_riasec_hasil.php
155 lines (146 loc) · 6.25 KB
/
tes_riasec_hasil.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<?php
include 'database.php';
include 'structure/check_conn.php';
global $conn;
// Function to get id_siswa from session
function getIdSiswa() {
return $_SESSION['id_siswa'] ?? null;
}
// Function to get RIASEC scores for a specific user
function getRIASECScores($conn, $id_siswa) {
$sql = "SELECT R, I, A, S, E, C FROM wpcguvfn_db.nilai_riasec WHERE id_siswa = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("i", $id_siswa);
$stmt->execute();
$result = $stmt->get_result();
return $result->fetch_assoc();
}
$id_siswa = getIdSiswa();
if (!$id_siswa) {
echo "Anda tidak login";
exit;
}
$scores = getRIASECScores($conn, $id_siswa);
if (!$scores) {
echo "<script>alert('Anda belum mengisi tes riasec. Anda akan dialihkan menuju halaman tes.'); window.location.href='tes_riasec_info.php';</script>";
exit;
}
if (isset($_GET['isi_riasec_berhasil'])) {
echo '<div id="message" class="message success floating-message">Berhasil mengisi tes RIASEC</div>';
echo '<script>
setTimeout(function() {
document.getElementById("message").style.display = "none";
}, 2000) </script>';
}
?>
<!DOCTYPE html>
<html lang="id">
<head>
<title>RIASEC Test Results</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="stylesheet" href="css/classless.css">
<link rel="stylesheet" href="css/tabbox.css">
<link rel="stylesheet" href="css/themes.css">
<style>
.chart-container {
width: 80%;
max-width: 600px;
margin: auto;
}
.scores-table th, .scores-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
.scores-table th {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h1>Hasil Tes RIASEC Kamu</h1>
<?php include "structure/navbar.php" ?>
<main>
<div class="chart-container">
<canvas id="riasecChart"></canvas>
</div>
<figure>
<script>
const ctx = document.getElementById('riasecChart').getContext('2d');
new Chart(ctx, {
type: 'bar',
data: {
labels: ['Realistic', 'Investigative', 'Artistic', 'Social', 'Enterprising', 'Conventional'],
datasets: [{
label: 'RIASEC Scores',
data: [
<?php echo $scores['R']; ?>,
<?php echo $scores['I']; ?>,
<?php echo $scores['A']; ?>,
<?php echo $scores['S']; ?>,
<?php echo $scores['E']; ?>,
<?php echo $scores['C']; ?>
],
backgroundColor: [
'rgba(255, 99, 132, 0.2)', // Red
'rgba(54, 162, 235, 0.2)', // Blue
'rgba(255, 206, 86, 0.2)', // Yellow
'rgba(75, 192, 192, 0.2)', // Green
'rgba(153, 102, 255, 0.2)', // Purple
'rgba(255, 159, 64, 0.2)' // Orange
],
borderColor: [
'rgba(255, 99, 132, 1)', // Red
'rgba(54, 162, 235, 1)', // Blue
'rgba(255, 206, 86, 1)', // Yellow
'rgba(75, 192, 192, 1)', // Green
'rgba(153, 102, 255, 1)', // Purple
'rgba(255, 159, 64, 1)' // Orange
],
borderWidth: 1
}]
},
options: {
scales: {
y: {
beginAtZero: true,
max: 15
}
}
}
});
</script>
</figure>
<h2>Penjelasan</h2>
<p>Menurut hasil Tes RIASEC, kamu dominan dalam bidang:</p>
<?php $dominantType = array_keys($scores, max($scores))[0];
$deskripsi = "";
switch ($dominantType) {
case 'R':
$deskripsi = "Sebagai individu dengan tipe kepribadian realistik kamu cenderung menyukai aktivitas praktis dan fisik. Kamu memiliki keahlian dalam menggunakan alat dan mesin, serta menyelesaikan masalah konkret dalam lingkungan yang berbasis pada keterampilan, seperti perbaikan, konstruksi, atau aktivitas luar ruangan. Kamu praktis, terampil secara mekanis, dan suka menyelesaikan masalah yang bersifat konkrit.";
break;
case 'I':
$deskripsi = "Individu dengan tipe kepribadian ini memiliki minat dalam mengeksplorasi ide-ide baru dan dan memecahkan masalah yang kompleks menggunakan logika dan pengetahuan mendalam. Mereka suka melakukan penelitian, menganalisis data, dan menggunakan logika untuk memecahkan masalah. Kamu cenderung menyukai bidang-bidang ilmiah, teknis, dan penelitian, seperti sains, matematika, dan teknologi informasi.";
break;
case 'A':
$deskripsi = "Orang dengan tipe kepribadian artistik cenderung memiliki imajinasi yang kuat dan ekspresi kreatif yang tinggi. Kamu menikmati seni dalam berbagai bentuknya, seperti seni visual, musik, drama, atau tulisan kreatif. Mereka biasanya tidak menyukai rutinitas yang ketat dan lebih suka bekerja di lingkungan yang memungkinkan ekspresi diri jadi lebih sering menghindari lingkungan yang kaku dan merasa terkekang oleh aturan.";
break;
case 'S':
$deskripsi = "Social (S) - Kamu suka membantu orang lain, bekerja dalam tim, dan memberikan dukungan.";
break;
case 'E':
$deskripsi = "Enterprising (E) - Kamu suka memimpin, berbicara di depan umum, dan bekerja dalam bidang bisnis.";
break;
case 'C':
$deskripsi = "Conventional (C) - Kamu suka bekerja dengan data, mengikuti aturan, dan bekerja dalam bidang administrasi.";
break;
} ?>
<p style="text-align: center; font-size: 2em;"><b><?php echo $dominantType; ?></b></p>
<p>Yaitu: <?php echo $deskripsi; ?></p>
<p>Klik tombol dibawah untuk melanjutkan ke pengisian minat.</p>
<button onclick="window.location.href='input_minat.php'">Isi Minat</button>
</main>
<?php include "structure/footer.php"?>
</body>
</html>