{"id":4455,"date":"2026-09-24T01:22:00","date_gmt":"2026-09-24T01:22:00","guid":{"rendered":"https:\/\/ppid.trunojoyo.ac.id\/?page_id=4455"},"modified":"2026-10-01T04:22:21","modified_gmt":"2026-10-01T04:22:21","slug":"realisasi-penerimaan-dan-penggunaan-uang-kuliah-tunggal","status":"publish","type":"page","link":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/realisasi-penerimaan-dan-penggunaan-uang-kuliah-tunggal\/","title":{"rendered":"Realisasi Penerimaan dan Penggunaan Uang Kuliah Tunggal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4455\" class=\"elementor elementor-4455\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb37d72 e-flex e-con-boxed e-con e-parent\" data-id=\"eb37d72\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f837861 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f837861\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Tempel di WordPress: blok \"HTML Kustom\". Untuk tahun baru, tambahkan 1 baris di UKT_DATA (lihat bagian <script>). -->\r\n<div class=\"ukt-wrap\" id=\"ukt-root\">\r\n<style>\r\n.ukt-wrap{--ink:#1d2b2a;--mute:#5c6b69;--line:#d9e2df;--in:#1f6f5c;--out:#c9822b;--cap:#7a3e65;font-family:Georgia,\"Times New Roman\",serif;color:var(--ink);background:transparent;border:0;padding:28px;max-width:860px;margin:24px auto;line-height:1.55;box-sizing:border-box}\r\n.ukt-wrap *{box-sizing:border-box}\r\n.ukt-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}\r\n.ukt-wrap h2{font-size:26px;margin:0 0 4px;font-weight:700;color:var(--ink)}\r\n.ukt-wrap p.ukt-ttl{margin:0 0 4px;font-size:18px;color:var(--ink)}\r\n.ukt-wrap p.ukt-sub{margin:0;color:var(--mute);font-size:15px}\r\n.ukt-filter{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mute)}\r\n.ukt-filter select{font:inherit;font-size:15px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:4px;padding:7px 30px 7px 10px;min-width:130px;cursor:pointer}\r\n.ukt-filter select:focus-visible{outline:2px solid var(--in);outline-offset:2px}\r\n.ukt-top{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start}\r\n.ukt-donut{width:190px;height:190px;flex:none}\r\n.ukt-donut text{font-family:Georgia,serif}\r\n.ukt-facts{flex:1;min-width:280px;display:flex;flex-direction:column;gap:16px}\r\n.ukt-group h4{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--ink)}\r\n.ukt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}\r\n.ukt-card{background:transparent;border:1px solid var(--line);border-left:4px solid var(--in);border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}\r\n.g-out .ukt-card{border-left-color:var(--out)}\r\n.g-cap .ukt-card{border-left-color:var(--cap)}\r\n.ukt-card span{font-size:13px;color:var(--mute)}\r\n.ukt-card b{font-size:22px;line-height:1.2}\r\n.ukt-card small{font-size:12px;color:var(--mute)}\r\n<\/style>\r\n\r\n<div class=\"ukt-head\">\r\n  <div>\r\n    <h2>Pendapatan dan Penggunaan<\/h2>\r\n    <p class=\"ukt-ttl\">Uang Kuliah Tunggal<\/p>\r\n    <p class=\"ukt-sub\">Data per <span data-d>30 September 2026<\/span><\/p>\r\n  <\/div>\r\n  <label class=\"ukt-filter\">Tahun\r\n    <select data-sel aria-label=\"Pilih tahun\"><\/select>\r\n  <\/label>\r\n<\/div>\r\n\r\n<div class=\"ukt-top\">\r\n  <svg class=\"ukt-donut\" viewBox=\"0 0 200 200\" role=\"img\" aria-label=\"Persentase realisasi pengeluaran\">\r\n    <circle cx=\"100\" cy=\"100\" r=\"70\" fill=\"none\" stroke=\"#e1ebe8\" stroke-width=\"26\"\/>\r\n    <circle data-arc cx=\"100\" cy=\"100\" r=\"70\" fill=\"none\" stroke=\"#c9822b\" stroke-width=\"26\" stroke-dasharray=\"0 439.82\" transform=\"rotate(-90 100 100)\"\/>\r\n    <text data-pct x=\"100\" y=\"104\" text-anchor=\"middle\" font-size=\"30\" font-weight=\"700\" fill=\"#1d2b2a\">0%<\/text>\r\n    <text x=\"100\" y=\"124\" text-anchor=\"middle\" font-size=\"12\" fill=\"#5c6b69\">terserap<\/text>\r\n  <\/svg>\r\n  <div class=\"ukt-facts\">\r\n    <div class=\"ukt-group g-in\"><h4>Pendapatan<\/h4><div class=\"ukt-cards\">\r\n      <div class=\"ukt-card\"><span>Pendapatan UKT<\/span><b data-k=\"pend-s\"><\/b><small data-k=\"pend\"><\/small><\/div>\r\n    <\/div><\/div>\r\n    <div class=\"ukt-group g-out\"><h4>Pengeluaran<\/h4><div class=\"ukt-cards\">\r\n      <div class=\"ukt-card\"><span>Total pengeluaran<\/span><b data-k=\"tot-s\"><\/b><small data-k=\"tot\"><\/small><\/div>\r\n      <div class=\"ukt-card\"><span>Belanja barang<\/span><b data-k=\"bar-s\"><\/b><small data-k=\"bar\"><\/small><\/div>\r\n      <div class=\"ukt-card\"><span>Belanja modal<\/span><b data-k=\"mod-s\"><\/b><small data-k=\"mod\"><\/small><\/div>\r\n    <\/div><\/div>\r\n    <div class=\"ukt-group g-cap\"><h4>Realisasi<\/h4><div class=\"ukt-cards\">\r\n      <div class=\"ukt-card\"><span>Persentase realisasi<\/span><b data-k=\"pct\"><\/b><small>dari pendapatan UKT<\/small><\/div>\r\n      <div class=\"ukt-card\"><span>Sisa belum terserap<\/span><b data-k=\"sisa-s\"><\/b><small data-k=\"sisa\"><\/small><\/div>\r\n    <\/div><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/* ===== DATA: tambahkan baris baru tiap tahun (angka tanpa titik, dalam rupiah) ===== *\/\r\n  var UKT_DATA=[\r\n    {tahun:2026, tanggal:\"30 September 2026\", pendapatan:81958621000, barang:32049541014, modal:479276269}\r\n    \/\/ ,{tahun:2027, tanggal:\"30 September 2027\", pendapatan:0, barang:0, modal:0}\r\n  ];\r\n  \/* ================================================================================== *\/\r\n\r\n  var root=document.getElementById('ukt-root');\r\n  if(!root) return;\r\n  function q(s){return root.querySelector(s);}\r\n  function rp(n){return 'Rp '+Math.round(n).toLocaleString('id-ID');}\r\n  function pendek(n){\r\n    var a=Math.abs(n);\r\n    if(a>=1e12) return 'Rp '+(n\/1e12).toLocaleString('id-ID',{minimumFractionDigits:2,maximumFractionDigits:2})+' T';\r\n    if(a>=1e9)  return 'Rp '+(n\/1e9).toLocaleString('id-ID',{minimumFractionDigits:2,maximumFractionDigits:2})+' M';\r\n    if(a>=1e6)  return 'Rp '+(n\/1e6).toLocaleString('id-ID',{minimumFractionDigits:2,maximumFractionDigits:2})+' jt';\r\n    return rp(n);\r\n  }\r\n  function pc(n){return n.toLocaleString('id-ID',{minimumFractionDigits:2,maximumFractionDigits:2})+'%';}\r\n  function set(k,v){var e=q('[data-k=\"'+k+'\"]'); if(e) e.textContent=v;}\r\n\r\n  var data=UKT_DATA.slice().sort(function(a,b){return b.tahun-a.tahun;});\r\n  var sel=q('[data-sel]');\r\n  data.forEach(function(d){var o=document.createElement('option');o.value=d.tahun;o.textContent=d.tahun;sel.appendChild(o);});\r\n\r\n  function render(tahun){\r\n    var d=data.filter(function(x){return x.tahun==tahun;})[0]||data[0];\r\n    var tot=d.barang+d.modal, persen=d.pendapatan>0?tot\/d.pendapatan*100:0, sisa=d.pendapatan-tot;\r\n    q('[data-d]').textContent=d.tanggal;\r\n    q('[data-pct]').textContent=pc(persen);\r\n    q('[data-arc]').setAttribute('stroke-dasharray',(Math.min(persen,100)\/100*439.82).toFixed(2)+' 439.82');\r\n    set('pend-s',pendek(d.pendapatan)); set('pend',rp(d.pendapatan));\r\n    set('tot-s',pendek(tot)); set('tot',rp(tot));\r\n    set('bar-s',pendek(d.barang)); set('bar',rp(d.barang));\r\n    set('mod-s',pendek(d.modal)); set('mod',rp(d.modal));\r\n    set('pct',pc(persen));\r\n    set('sisa-s',pendek(sisa)); set('sisa',pc(100-persen)+' dari pendapatan');\r\n  }\r\n  sel.addEventListener('change',function(){render(sel.value);});\r\n  render(data[0].tahun);\r\n})();\r\n<\/script>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-4455","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/4455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=4455"}],"version-history":[{"count":22,"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/4455\/revisions"}],"predecessor-version":[{"id":6358,"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/4455\/revisions\/6358"}],"wp:attachment":[{"href":"https:\/\/ppid.trunojoyo.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=4455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}