Tambah ringkasan nilai per komponen, rincian tugas ala RTM, auto-save RPS

- Halaman Nilai: tabel "Nilai per Komponen" (rata-rata skor mentah tiap
  sesi, bisa diedit langsung) berdampingan dengan grid Sub-CPMK yang tetap
  presisi; kolom persentase ternilai di Hasil Ketercapaian.
- Komponen Tugas: sesi bisa menyasar subset Sub-CPMK (RPS tetap batasannya),
  lengkap dengan field ala RTM (bentuk tugas, deskripsi, metode, luaran,
  indikator/bobot, jadwal) dan tombol isi-otomatis per bentuk tugas.
- RPS: auto-save berkala sebagai draft, tombol ke atas, validasi total
  bobot komponen 100% saat ditandai selesai, komponen berbobot kosong
  disembunyikan dari halaman Nilai.
- Admin: tampilkan kelas yang tersedia dari data mahasiswa saat mengatur
  penugasan dosen per kelas.
- Perbaikan step="any" pada input nilai (mencegah validasi HTML5 menolak
  nilai desimal hasil roll-up).
- Tambah METODOLOGI_ASESMEN_KOMPONEN.md: dokumentasi metodologi Sub-CPMK
  vs komponen, termasuk skenario tugas menyasar sebagian Sub-CPMK.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

app/templates/form_nilai.html

@@ -7,9 +7,7 @@
 
   <h1>Input Nilai — {{ peta.nama }} <span style="color:var(--grey)">({{ peta.kode }})</span></h1>
 
-  <p class="keterangan">Daftar mahasiswa mengikuti impor kaprodi. Apa pun cara
-    inputnya, pengukuran memakai <b>satu metodologi yang sama</b>: skor per Sub-CPMK
-    digulung ke CPMK lalu CPL (rincian di halaman <a href="/metodologi">Metodologi</a>).</p>
+  <p class="keterangan">Skor per Sub-CPMK digulung ke CPMK lalu CPL (rincian di halaman <a href="/metodologi">Metodologi</a>).</p>
 
   {% if kelas_dosen is not none %}
   <div class="info">Anda hanya mengampu kelas <b>{{ kelas_dosen|join(', ') }}</b> pada MK ini —
@@ -20,13 +18,7 @@
   {% for w in peringatan %}<div class="peringatan">{{ w }}</div>{% endfor %}
 
   {% if komponen_daftar %}
-  <h2 class="bagian">ISI PER KOMPONEN PENILAIAN <span style="font-weight:normal;font-style:italic;color:var(--grey)">(cara cepat — nilai per mahasiswa digabung ke Sub-CPMK yang diukur komponen itu)</span></h2>
-  <p class="keterangan">
-    Komponen <b>berulang</b> (Kuis, Tugas, Presentasi, Tes Lisan) boleh diisi berkali-kali
-    sepanjang semester — tiap sesi dirata-rata otomatis. Komponen <b>sekali-jalan</b>
-    (UTS, UAS) hanya satu sesi; mengisi lagi memperbarui sesi yang sama, bukan menambah.
-    Bila satu instrumen (mis. UTS dengan beberapa kelompok soal) perlu nilai berbeda
-    antar Sub-CPMK, isi lewat grid per Sub-CPMK di bawah.</p>
+  <h2 class="bagian">ISI PER KOMPONEN</h2>
   <table class="grid" style="max-width:760px">
     <thead>
       <tr>
@@ -76,14 +68,54 @@
     </div>
   {% endif %}
 
+  {% if grid and tabel_komponen and komponen_daftar %}
+  <h2 class="bagian">NILAI PER KOMPONEN <span style="font-weight:normal;font-style:italic;color:var(--grey)">— nilai mahasiswa berdasarkan komponen</span></h2>
+  <p class="keterangan">Angka = rata-rata skor mentah tiap sesi/tugas komponen itu yang diikuti mahasiswa (bukan lewat Sub-CPMK). Ketik untuk menimpa —
+    ditulis rata ke semua Sub-CPMK komponen itu; rincian per Sub-CPMK tetap presisi di grid bawah.</p>
+  <form method="post" action="/nilai/{{ peta.kode }}">
+    <input type="hidden" name="aksi" value="komponen">
+    <div class="gulir" style="max-height:480px;overflow-y:auto">
+    <table class="grid">
+      <thead>
+        <tr>
+          <th style="width:44px" class="tengah">No.</th>
+          <th style="width:112px">NIM</th>
+          <th style="min-width:150px">Nama</th>
+          {% for k in komponen_daftar %}<th class="tengah" style="font-size:11px;min-width:90px">{{ k.nama }}</th>{% endfor %}
+          <th class="tengah" style="width:80px">Nilai Akhir</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for r in tabel_komponen %}
+        {% set ri = loop.index0 %}
+        <tr>
+          <td class="tengah">{{ loop.index }}
+            <input type="hidden" name="nim_{{ ri }}" value="{{ r.nim }}">
+            <input type="hidden" name="nama_{{ ri }}" value="{{ r.nama }}"></td>
+          <td>{{ r.nim }}</td>
+          <td>{{ r.nama }}</td>
+          {% for k in komponen_daftar %}
+          <td class="isian"><input type="number" name="komp_{{ ri }}_{{ k.i }}"
+            min="0" max="100" step="any"
+            value="{{ '%g'|format(r.nilai[k.i]) if r.nilai[k.i] is not none else '' }}"></td>
+          {% endfor %}
+          <td class="tengah"><b>{{ '%.1f'|format(akhir.get(r.nim)) if akhir.get(r.nim) is not none else '—' }}</b></td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+    </div>
+    <div class="aksi-baris">
+      <span style="color:var(--grey);font-size:13px">Disimpan atas nama <b>{{ user.nama }}</b></span>
+      <span class="spacer"></span>
+      <button class="tombol" type="submit">Simpan Nilai Komponen</button>
+    </div>
+  </form>
+  {% endif %}
+
   {% if grid %}
   {% set per_mhs = tersimpan and tersimpan.data.mode == 'per_mahasiswa' %}
-  <h2 class="bagian">NILAI PER MAHASISWA <span style="font-weight:normal;font-style:italic;color:var(--grey)">(ketik langsung di sel, 0–100; kolom Nilai Akhir &amp; baris rata-rata dihitung dari data tersimpan)</span></h2>
-  <p class="keterangan">
-    Daftar mahasiswa dari impor kaprodi. Kosongkan sel yang belum dinilai;
-    <b>Simpan Nilai</b> menyimpan persis isi tabel. Nilai Akhir = tertimbang bobot
-    komponen RPS; angkanya diperbarui setelah disimpan.
-  </p>
+  <h2 class="bagian">NILAI PER MAHASISWA <span style="font-weight:normal;font-style:italic;color:var(--grey)">— nilai mahasiswa berdasarkan Sub-CPMK</span></h2>
   <form method="post" action="/nilai/{{ peta.kode }}">
     <div class="gulir" style="max-height:480px;overflow-y:auto">
     {% set ada_kelas = grid|selectattr('kelas')|list|length > 0 %}
@@ -111,7 +143,7 @@
           {% if ada_kelas %}<td class="tengah">{{ m.kelas or '—' }}</td>{% endif %}
           {% for s in peta.subs %}
           <td class="isian"><input type="number" name="skor_{{ i }}_{{ s.kode }}"
-            min="0" max="100" step="0.01"
+            min="0" max="100" step="any"
             value="{{ '%g'|format(m.skor[s.kode]) if s.kode in m.skor else '' }}"></td>
           {% endfor %}
           <td class="tengah"><b>{{ '%.1f'|format(akhir.get(m.nim)) if akhir.get(m.nim) is not none else '—' }}</b></td>
@@ -147,16 +179,17 @@
   {% endif %}
 
   {% if hasil %}
-  <h2 class="bagian">HASIL KETERCAPAIAN MK INI <span style="font-weight:normal;font-style:italic;color:var(--grey)">(ambang {{ ambang|round(0)|int }}; roll-up bagi rata)</span></h2>
+  <h2 class="bagian">HASIL KETERCAPAIAN MK <span style="font-weight:normal;font-style:italic;color:var(--grey)">(ambang {{ ambang|round(0)|int }})</span></h2>
   <div class="gulir">
   <table class="grid">
-    <thead><tr><th>CPMK</th><th class="tengah">Skor</th><th class="tengah">Sub Ternilai</th><th>CPL Didukung</th></tr></thead>
+    <thead><tr><th>CPMK</th><th class="tengah">Skor</th><th class="tengah">Sub Ternilai</th><th class="tengah">% Ternilai</th><th>CPL Didukung</th></tr></thead>
     <tbody>
       {% for kode_c, v in hasil.cpmk.items() %}
       <tr>
         <td>{{ kode_c }}</td>
         <td class="tengah">{% if v.skor is not none %}<b>{{ '%.2f'|format(v.skor) }}</b>{% else %}—{% endif %}</td>
         <td class="tengah">{{ v.n_ternilai }}/{{ v.n_sub }}</td>
+        <td class="tengah">{{ '%.0f'|format(100 * v.n_ternilai / v.n_sub) ~ '%' if v.n_sub else '—' }}</td>
         <td>{{ v.cpl|join(', ') }}</td>
       </tr>
       {% endfor %}
@@ -165,12 +198,13 @@
   </div>
   <div class="gulir" style="margin-top:10px">
   <table class="grid">
-    <thead><tr><th>CPL (dalam MK ini)</th><th class="tengah">Skor</th><th class="tengah">Status</th></tr></thead>
+    <thead><tr><th>CPL</th><th class="tengah">Skor</th><th class="tengah">% CPMK Ternilai</th><th class="tengah">Status</th></tr></thead>
     <tbody>
       {% for kode_c, v in hasil.cpl.items() %}
       <tr>
         <td>{{ kode_c }}</td>
         <td class="tengah">{% if v.skor is not none %}<b>{{ '%.2f'|format(v.skor) }}</b>{% else %}—{% endif %}</td>
+        <td class="tengah">{{ '%.0f'|format(100 * v.n_cpmk_ternilai / v.n_cpmk) ~ '%' if v.n_cpmk else '—' }}</td>
         <td class="tengah">
           {% if v.skor is none %}<span class="stamp stamp-draft">BELUM TERUKUR</span>
           {% elif v.skor >= ambang %}<span class="stamp stamp-ok">TERCAPAI</span>