# Calc-CPNS Berikut ini dokumentasi mengenail Calc CPNS, sebuah app untuk Menghitung peluang, Posisi Skor SKD & SKB CPNS. Tidak menggunakan Backend seperti `django` ataupun yang lain. Saya hanya menggunakan `HTML` dan `JS` . Saat ini project atau web app yang simple tersebut telah diakses oleh ribuan pengguna, Calon ASN untuk menghitung peluang dari Seleksi Kompetensi Dasar (SKD) dan Seleksi Kompetensi Bidang (SKB).

Pictures 1: Ini penampakan dari pengguna project tersebut

Saya menggunakan vercel `Vercel's Frontend Cloud provides the developer experience and infrastructure to build, scale, and secure a faster, more personalized web.` tentu sebagai penyedia hosting gratis, menggunakan vercel memudahkan user untuk mengakses tanpa kita harus menyewa sebuah layanan untuk project yang kita kembangkan. Silahkan jika ingin mengakses dan menghitung skor SKD dan SKB untuk Kementrian yang kalian lamar, di bawah saya akan membagikan capture untuk menggunakannya. ## 1.1 Link Project: Calc CPNS (Kalkutor SKD danSKB) {% embed url="" %} Silahkan diklik dan kalian bisa akses dan gunakan. {% endembed %} ## 1.2 Repository Github {% embed url="" %} Silahkan diakses dan gunakan dengan bijak ya.. {% endembed %} ## 1.3 Capture gambar project (Kemdikbud Dosen)

Pictures 2: Ini adalah halaman home, ketika kalian baru mengunjungi pertama kali..

Pictures 3: Tampak gambar untuk menambahkan peserta 1 atau peserta 2 dengan menampilkan jumlah formasinya

Pictures 4: Hasil dari perbandingan Nilai Peserta (Hitung Nilai SKD dan SKB Kemdikbud)

## 1.4 Capturen Project untuk Formasi Umum

Pictures 5: Untuk untuk menghitung SKB dan SKD formasi umum

## 1.5 Code (index.html) {% code title="" overflow="wrap" lineNumbers="true" fullWidth="true" %} ```html CalcCPNS - Perbandingan Nilai Peserta

Kalkulator Integrasi SKD SKB Kemdikbud

Kalkulator yang dapat digunakan untuk menghitung nilai akhir berdasarkan bobot 40% untuk SKD dan 60% untuk SKB dan menampilkan posisi peserta berdasarkan nilai akhir.

Peserta 1

© 2024 CalcCPNS. Developed by HermantoXYZ

Chat Admin
``` {% endcode %} ## Code 2 (Javascripts) {% code title="Javascripts Logika dalam Web App" overflow="wrap" lineNumbers="true" fullWidth="true" %} ```javascript let pesertaCount = 1; function tambahPeserta() { pesertaCount++; const container = document.getElementById('pesertaContainer'); const div = document.createElement('div'); div.classList.add('peserta'); div.innerHTML = `

Peserta ${pesertaCount}

`; container.appendChild(div); } function bandingkanNilai() { const pesertaElements = document.querySelectorAll('.peserta'); const formasi = parseInt(document.getElementById('formasi').value) || 0; // Ambil jumlah formasi const pesertaData = []; pesertaElements.forEach((peserta) => { const nama = peserta.querySelector('.nama').value; const twk = parseFloat(peserta.querySelector('.twk').value) || 0; const tiu = parseFloat(peserta.querySelector('.tiu').value) || 0; const tkp = parseFloat(peserta.querySelector('.tkp').value) || 0; const cat = parseFloat(peserta.querySelector('.cat').value) || 0; const ww = parseFloat(peserta.querySelector('.ww').value) || 0; const mt = parseFloat(peserta.querySelector('.mt').value) || 0; const maxSKD = 550; const maxCAT = 400; const maxWW = 25; const maxMT = 25; const totalSKD = twk + tiu + tkp; const skala100SKD = (totalSKD / maxSKD) * 100; const skd40 = skala100SKD * 0.4; const wwSkor = (ww / maxWW) * 10; const mtSkor = (mt / maxMT) * 10; const catSkor = (cat / maxCAT) * 80; const totalSKB = wwSkor + mtSkor + catSkor; const skb60 = totalSKB * 0.6; const nilaiAkhir = skd40 + skb60; pesertaData.push({ nama, twk, tiu, tkp, cat, ww, mt, totalSKD, totalSKB, nilaiAkhir, status: 'Lulus', // Default "Lulus", akan diupdate berdasarkan formasi nanti gagal: mt < 12.5, // Tandai jika gagal karena nilai MT }); }); // Urutkan peserta berdasarkan nilai akhir secara descending pesertaData.sort((a, b) => b.nilaiAkhir - a.nilaiAkhir); // Tandai peserta yang "Tidak Lulus" karena nilai MT pesertaData.forEach((peserta) => { if (peserta.gagal) { peserta.status = 'Tidak Lulus (MT < 12.5)'; } }); // Perhatikan jumlah formasi let lulusCount = 0; pesertaData.forEach((peserta) => { if (!peserta.gagal && lulusCount < formasi) { peserta.status = 'Lulus'; lulusCount++; } else if (!peserta.gagal) { peserta.status = 'Tidak Lulus (Di luar formasi)'; } }); // Buat baris tabel untuk semua peserta const pesertaLulus = pesertaData.map((peserta, index) => { return ` ${index + 1} ${peserta.nama} ${peserta.twk} ${peserta.tiu} ${peserta.tkp} ${peserta.cat} ${peserta.ww} ${peserta.mt} ${peserta.totalSKD.toFixed(2)} ${peserta.totalSKB.toFixed(2)} ${peserta.nilaiAkhir.toFixed(2)} ${peserta.status} `; }).join(''); // Tampilkan hasil dalam tabel const outputDiv = document.getElementById('output'); outputDiv.style.display = 'block'; outputDiv.innerHTML = `

Hasil Perbandingan Nilai Peserta

${pesertaLulus}
No Nama TWK TIU TKP CAT BKN Wawancara Microteaching Total SKD Total SKB Nilai Akhir Status
`; } ``` {% endcode %}