Membuat Kalkulator Menghitung IPK (Indeks Prestasi Kumulatif)

Kalkulator Menghitung IPK

—

by

Webbiz.ID
in , ,

Kali ini kita akan share aplikasi menghitung IPK dengan menggunakan JavaScript beserta source code yang bisa teman-teman gunakan.

IPK (Indeks Prestasi Kumulatif) adalah ukuran yang digunakan untuk mengetahui prestasi akademik seorang mahasiswa selama periode kuliah. IPK mencerminkan nilai rata-rata dari semua mata kuliah yang diambil dalam beberapa semester, dengan mempertimbangkan bobot SKS (Satuan Kredit Semester) masing-masing mata kuliah.

Kalkulator IPK

Kalkulator IPK

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kalkulator IPK</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <style>
      
      .container {
          width: 500px;  
          background-color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Kalkulator IPK</h1>
        <form id="ipkForm">
            <div class="form-group">
                <label for="jumlahSemester">Jumlah Semester:</label>
                <input type="number" class="form-control" id="jumlahSemester" required>
            </div>
            <div class="form-group">
                <label for="jumlahMataKuliah">Jumlah Mata Kuliah per Semester:</label>
                <input type="number" class="form-control" id="jumlahMataKuliah" required>
            </div>
            <button type="button" class="btn btn-primary" onclick="generateFields()">Buat Form Nilai</button>
        </form>
        <div id="nilaiFields" class="mt-4"></div>
        <div id="hasil" class="mt-4"></div>
    </div>

    <script>
        function generateFields() {
            const jumlahSemester = document.getElementById('jumlahSemester').value;
            const jumlahMataKuliah = document.getElementById('jumlahMataKuliah').value;
            const nilaiFields = document.getElementById('nilaiFields');
            nilaiFields.innerHTML = '';

            for (let i = 0; i < jumlahSemester; i++) {
                const semesterDiv = document.createElement('div');
                semesterDiv.className = 'semester';
                semesterDiv.innerHTML = `<h5>Semester ${i + 1}</h5>`;
                
                for (let j = 0; j < jumlahMataKuliah; j++) {
                    semesterDiv.innerHTML += `
                        <div class="form-group">
                            <label for="nilai${i}${j}">Nilai Mata Kuliah ${j + 1}:</label>
                            <input type="number" class="form-control" id="nilai${i}${j}" required>
                        </div>`;
                }
                nilaiFields.appendChild(semesterDiv);
            }
            nilaiFields.innerHTML += '<button class="btn btn-success" onclick="hitungIPK()">Hitung IPK</button>';
        }

        function hitungIPK() {
            const semesterDivs = document.querySelectorAll('.semester');
            let totalNilai = 0;
            let totalMataKuliah = 0;

            semesterDivs.forEach(semester => {
                const inputs = semester.querySelectorAll('input[type="number"]');
                inputs.forEach(input => {
                    const nilai = parseFloat(input.value);
                    if (!isNaN(nilai)) {
                        totalNilai += nilai;
                        totalMataKuliah++;
                    }
                });
            });

            const ipk = totalMataKuliah > 0 ? (totalNilai / totalMataKuliah).toFixed(2) : 0;
            const passingGrade = ipk >= 2.75 ? 'Lulus' : 'Tidak Lulus';

            document.getElementById('hasil').innerHTML = `
                <h4>IPK Anda: ${ipk}</h4>
                <h4>Status: ${passingGrade}</h4>`;
        }
    </script>
</body>
</html>
JavaScript

Cara Menghitung IPK

Untuk menghitung IPK, kamu perlu data berikut:

  1. Nilai setiap mata kuliah: Nilai biasanya dinyatakan dalam huruf seperti A, B, C, D, dan E, yang kemudian dikonversi menjadi angka.
    • A = 4
    • B = 3
    • C = 2
    • D = 1
    • E = 0 (tidak lulus)
  2. Jumlah SKS tiap mata kuliah: Setiap mata kuliah memiliki bobot SKS yang berbeda. Misalnya, mata kuliah A mungkin memiliki 3 SKS, sementara mata kuliah B memiliki 4 SKS.

Rumus Menghitung IPS

Hitung IP Semester (IPS): IPS dihitung dari total nilai mata kuliah dalam satu semester. Rumusnya:

ipk 3

Misalnya, jika kamu mengambil 5 mata kuliah dengan bobot SKS yang berbeda, kamu akan mengalikan nilai dari tiap mata kuliah dengan jumlah SKS-nya. Kemudian, hasil perkalian tersebut dijumlahkan dan dibagi dengan total SKS yang diambil.

Rumus Menghitung IPK:

IPK dihitung dengan menjumlahkan total nilai setiap mata kuliah dikalikan dengan jumlah SKS, lalu membaginya dengan total SKS yang diambil.

ipk 1

Langkah-Langkah Perhitungan IPK

  1. Kalkulasi Nilai untuk Setiap Mata Kuliah: Setiap mata kuliah memiliki nilai angka yang dikalikan dengan jumlah SKS mata kuliah tersebut.
  2. Jumlahkan Hasil Semua Mata Kuliah: Setelah kamu mengalikan nilai dengan SKS untuk semua mata kuliah, jumlahkan semua hasilnya.
  3. Hitung Total SKS: Hitung total SKS yang sudah kamu ambil.
  4. Bagi Total Nilai dengan Total SKS: Setelah semua nilai dijumlahkan, bagi hasilnya dengan total SKS yang sudah kamu ambil.

Contoh Perhitungan IPK

Misalnya kamu mengambil tiga mata kuliah dengan rincian berikut:

  • Mata Kuliah 1: Nilai B (3) dengan 3 SKS
  • Mata Kuliah 2: Nilai A (4) dengan 4 SKS
  • Mata Kuliah 3: Nilai C (2) dengan 2 SKS

Langkah perhitungannya:

  • Mata Kuliah 1: 3 (nilai B) × 3 (SKS) = 9
  • Mata Kuliah 2: 4 (nilai A) × 4 (SKS) = 16
  • Mata Kuliah 3: 2 (nilai C) × 2 (SKS) = 4

Total nilai = 9 + 16 + 4 = 29
Total SKS = 3 + 4 + 2 = 9

Maka, IPK kamu:

ipk 2

Jadi, IPK kamu adalah 3.22.

Semoga bermanfaat…

Artikel Terbaru ⭐