{"id":190205,"date":"2026-03-03T13:26:19","date_gmt":"2026-03-03T06:26:19","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=190205"},"modified":"2026-03-03T13:26:19","modified_gmt":"2026-03-03T06:26:19","slug":"perbedaan-human-capital-dan-human-resource","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/","title":{"rendered":"Perbedaan Human Capital dan Human Resources dalam Praktik Kerja"},"content":{"rendered":"<p>Pengelolaan karyawan mencakup banyak hal, mulai dari proses administrasi sampai pengembangan kemampuan kerja. Karena itu, perusahaan sering memakai istilah human resources (HR) dan human capital (HCM) untuk menjelaskan fokus yang berbeda dalam pengelolaan SDM.<\/p>\n<p>Human resources biasanya berkaitan dengan pengaturan proses dan kebijakan kerja, sedangkan human capital menekankan nilai kemampuan karyawan bagi perusahaan. Pembahasan ini membantu membedakan peran, prioritas, dan ukuran keberhasilan yang digunakan.<\/p>\n<p>Perbedaan keduanya biasanya mulai terasa saat perusahaan menentukan apa yang ingin diperbaiki terlebih dahulu. Ketika fokusnya jelas, perusahaan bisa menyusun praktik SDM yang lebih terarah, mulai dari cara menilai kinerja sampai keputusan terkait reward dan pengembangan tim.<\/p>\n<table style=\"border-collapse: collapse; background-color: #fffacd; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Human resources <a href=\"#a\">berfokus pada pengelolaan<\/a> proses dan kebijakan kerja karyawan agar operasional berjalan tertib dan konsisten.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Human capital <a href=\"#b\">menekankan nilai kompetensi<\/a> dan potensi karyawan, sehingga perusahaan perlu investasi pengembangan untuk mendorong kinerja.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Dalam praktiknya, <a href=\"#c\">perusahaan yang efektif<\/a> biasanya menggabungkan keduanya, yaitu proses HR yang rapi dan pengembangan talenta yang terarah.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span data-sheets-root=\"1\"><div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Daftar Isi<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\n\/\/ document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/   const toc = document.querySelector('#toc');\r\n\/\/   const footer = document.querySelector('.td-footer-template-wrap');\r\n\/\/   const tocParent = toc.parentElement;\r\n\/\/   const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n\/\/   const tocHeight = toc.offsetHeight;\r\n\/\/   const triggerPoint = divTop + tocHeight + 700;\r\n\/\/   const footerHeight = footer.offsetHeight;\r\n\/\/   const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n\/\/   const phtoc = document.querySelector('#placeholder-toc');\r\n\/\/   const headers = document.querySelectorAll('.td-post-content h2');\r\n\/\/   const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\/\/ \tconst panel2 = document.querySelector(\"#toc .list\");\r\n\/\/ \tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n\/\/   let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n\/\/   \/\/ Function to handle scroll and add\/remove .sticky class\r\n\/\/   function handleScroll() {\r\n\/\/     const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\/\/     let currentHeader = '';\r\n\r\n\/\/     \/\/ Highlight user progress as the heading comes\r\n\/\/     headers.forEach(header => {\r\n\/\/ \t\tconst headerTop = header.offsetTop;\r\n\/\/ \t\tconst headerHeight = header.clientHeight;\r\n\/\/ \/\/ \t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \/\/ \t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \/\/ \t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\/\/ \/\/ \t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \/\/ \t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\/\/ \/\/ \t\t\tif(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t\ttocTitle.textContent = 'Daftar Isi';\r\n\/\/ \/\/ \t\t\t}\r\n\/\/ \/\/ \t\t}\r\n\/\/ \t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\ttocTitle.textContent = 'Daftar Isi'; \/\/ Selalu pertahankan judul ini di mobile\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \t\t\t\tcurrentHeader = currentHeaderId;\r\n\/\/ \t\t\t}\r\n\/\/ \t\t}\r\n\/\/ \t});\r\n\r\n\/\/     navLinks.forEach(link => {\r\n\/\/       link.classList.remove('active');\r\n\/\/       if(currentHeader != '') {\r\n\/\/ \t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\/\/ \t\t\t  link.classList.add('active');\r\n\/\/ \t\t  }\r\n\/\/ \t  }\r\n\/\/     });\r\n\/\/ \/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/ \/\/         toc.style.display = 'block';\r\n\/\/ \/\/ \t}else{\r\n\/\/ \/\/         toc.style.display = 'none';\r\n\/\/ \/\/ \t}\r\n\/\/     \/\/ Update TOC title if sticky\r\n\/\/     if (windowTop > triggerPoint) {\r\n\/\/       if (!toc.classList.contains('sticky')) {\r\n\/\/         phtoc.style.display = \"block\";\r\n\/\/         toc.classList.add('sticky');\r\n\/\/         toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/         toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/         toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\tpanel2.style.height = '0px';\r\n\/\/ \t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t  if(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar Isi'; \/\/ Reset title\r\n\/\/        \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\/\/ \t\t  }\r\n\/\/       }\r\n\/\/       if (currentHeader) {\r\n\/\/ \/\/         console.log(\"activeLink:\", activeLink);\r\n\/\/         if (activeLink) {\r\n\/\/ \/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n\/\/           tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n\/\/         }\r\n\/\/       }\r\n\/\/     } else {\r\n\/\/       toc.classList.remove('sticky');\r\n\/\/       phtoc.style.display = \"none\";\r\n\/\/       toc.style.width = 'unset'; \/\/ Reset to original width\r\n\/\/       toc.style.backgroundColor = \"#FFF\";\r\n\/\/       tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\/\/ \t\ticon.style.transform = \"rotate(180deg)\";\r\n\/\/     }\r\n\/\/   }\r\n\r\n\/\/     \/\/ Attach the scroll event listener to the window\r\n\/\/     window.addEventListener('scroll', handleScroll);\r\n\r\n\/\/     \/\/ Initial call to handleScroll to set the correct state on load\r\n\/\/     handleScroll();\r\n\/\/ });\r\n\t\r\n\/\/ \t\/\/ Open toggle TOC\r\n\/\/ \t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/ \t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\/\/ \t\tvar toc = document.querySelector(\"#toc\");\r\n\/\/ \t\tvar icon = document.querySelector(\".toc-icon\");\r\n\/\/ \t\tconst tocTitle = document.querySelector('#toc-title');\r\n\/\/ \t\tconst tocs = document.querySelector('#toc.sticky');\r\n\/\/  \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\/\/ \t\t  tocHeader.addEventListener(\"click\", function() {\r\n\/\/ \t\t\tvar panel = this.nextElementSibling;\r\n\/\/ \t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\/\/ \t\t\t\tif(window.innerWidth > 768){\r\n\/\/ \t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\/\/ \t\t\t} else {\r\n\/\/ \t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '24px';\r\n\/\/ \t\t\t \tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/ \t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t}\r\n\/\/ \t\t  });\r\n\r\n\/\/ \t\t  \/\/ Close TOC when a link inside it is clicked\r\n\/\/ \t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\/\/ \t\t  tocLinks.forEach(function(link) {\r\n\/\/ \t\t\tlink.addEventListener(\"click\", function() {\r\n\/\/ \t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t});\r\n\/\/ \t\t  });\r\n\/\/ \t\t});\r\n\r\n\/\/ START new JS for ToC improvements\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 1750;\r\n\tconsole.log(triggerPoint)\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight*3;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n  \r\n  const panel2 = document.querySelector(\"#toc .list\");\r\n  const icon = document.querySelector(\".toc-icon\");\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n  let activeLink = null;\r\n  let userClosedTOC = false; \/\/ Flag user menutup TOC\r\n\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Update TOC title sesuai header yang terlihat\r\n    headers.forEach(header => {\r\n      const headerTop = header.offsetTop;\r\n      const headerHeight = header.clientHeight;\r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n      } else {\r\n        if (window.scrollY >= (headerTop - headerHeight + 1750)) {\r\n          const currentHeaderId = header.getAttribute('id');\r\n          const currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n          tocTitle.textContent = currentHeaderText;\r\n          currentHeader = currentHeaderId;\r\n        }\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader && link.getAttribute('href').includes(currentHeader)) {\r\n        link.classList.add('active');\r\n      }\r\n    });\r\n\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`;\r\n        toc.style.backgroundColor = \"#FFF\";\r\n        \/\/ Saat sticky, TOC otomatis tertutup\r\n        panel2.style.height = '0px';\r\n        icon.style.transform = \"rotate(180deg)\";\r\n        userClosedTOC = true; \/\/ Set flag supaya tidak terbuka saat scroll\r\n      }\r\n      \r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n        toc.style.width = '150px';\r\n      }\r\n\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset';\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Daftar isi'; \r\n\r\n      \/\/ Kembalikan panel jika user belum menutup manual\r\n      if(!userClosedTOC) {\r\n        panel2.style.height = panel2.scrollHeight + \"px\";\r\n        icon.style.transform = \"rotate(0deg)\";\r\n      }\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', handleScroll);\r\n  handleScroll();\r\n\r\n  \/\/ Toggle TOC saat user klik\r\n  const tocHeader = document.querySelector(\"#toc .header\");\r\n  tocHeader.addEventListener(\"click\", function() {\r\n    const panel = panel2;\r\n    if (panel.style.height !== '0px') {\r\n      panel.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    } else {\r\n      panel.style.height = panel.scrollHeight + \"px\";\r\n      icon.style.transform = \"rotate(0deg)\";\r\n      userClosedTOC = false;\r\n    }\r\n  });\r\n\r\n  \/\/ Close TOC saat link diklik\r\n  document.querySelectorAll(\"#toc .list a\").forEach(link => {\r\n    link.addEventListener(\"click\", function() {\r\n      panel2.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    });\r\n  });\r\n});\r\n\/\/ END new JS for ToC improvements\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } \r\n\t\t  else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        \/\/ Mengambil semua elemen h2 dan h3\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\t\tfunction newFormatId(text) {\r\n\t\t\t\tif(text.toLowerCase() === \"key takeaways\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tconst result = text.toLowerCase()\r\n\t\t\t\t.trim()\r\n\t\t\t\t.replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n\t\t\t\t.replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h2\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h3\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Membuat list HTML dari objek headings\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Gunakan ID yang baru dihasilkan\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Dapatkan isi (child elements) dari ul dengan id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Tambahkan isi yang telah didapatkan dari 'list_toc' ke ul dengan id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Fungsi untuk mengambil tinggi navbar\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menambahkan offset posisi scroll\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menangani klik pada tautan judul\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua tautan judul\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t\t\r\n\t});\r\n    <\/script> -->\r\n<\/span><\/p>\n<h2><b>Pengertian Human Resources dan Human Capital<\/b><\/h2>\n<p><span id=\"a\"><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-adalah\/\">Human Resources (HR) adalah<\/a> fungsi\/departemen yang mengelola karyawan, mulai dari rekrutmen, pelatihan, manajemen kinerja, kompensasi, hingga administrasi dan kepatuhan ketenagakerjaan. Fokusnya menjaga proses people management berjalan rapi dan tertib.<\/span><\/p>\n<p>Human capital adalah konsep yang melihat karyawan sebagai aset bernilai, karena pengetahuan, keterampilan, pengalaman, dan kapabilitas mereka mendorong produktivitas, inovasi, dan nilai bisnis. Karena itu, human capital menekankan investasi pada pengembangan kompetensi dan pertumbuhan karier.<\/p>\n<p>Keduanya saling melengkapi: HR mengelola sistem dan aturan, sedangkan human capital menyoroti nilai dan dampak kapabilitas karyawan.<\/p>\n<h2><b>Perbedaan Fungsi Human Resources dan Human Capital<\/b><\/h2>\n<p>Perbedaan paling terlihat ada pada <b>apa yang dikerjakan<\/b> dan <b>hasil yang ingin dicapai<\/b>. HR menjalankan fungsi manajemen karyawan dari sisi proses dan governance, sedangkan human capital menyoroti nilai strategis dari kompetensi karyawan dan dampaknya ke performa bisnis.<\/p>\n<h3><b>Fungsi Human Resources<\/b><\/h3>\n<ul>\n<li aria-level=\"1\"><b>Perekrutan dan seleksi:<\/b> menutup kebutuhan tenaga kerja dengan kandidat yang sesuai, mengelola seleksi, wawancara, dan asesmen.<\/li>\n<li aria-level=\"1\"><b>Pelatihan dan pengembangan:<\/b> menyusun program pelatihan untuk meningkatkan skill serta kesiapan kerja.<\/li>\n<li aria-level=\"1\"><b>Manajemen kinerja:<\/b> mengatur evaluasi, feedback, dan target kerja agar kinerja terarah.<\/li>\n<li aria-level=\"1\"><b>Kompensasi dan benefit:<\/b> mengelola gaji, bonus, tunjangan, dan benefit seperti asuransi atau program pensiun.<\/li>\n<li aria-level=\"1\"><b>Manajemen konflik dan mediasi:<\/b> menangani isu hubungan kerja, komunikasi antar tim, dan solusi konflik.<\/li>\n<li aria-level=\"1\"><b>Administrasi kepegawaian:<\/b> mengurus cuti, izin, perubahan status, dokumen karyawan, dan pencatatan HR.<\/li>\n<li aria-level=\"1\"><b>Kepatuhan ketenagakerjaan:<\/b> memastikan praktik kerja sesuai regulasi dan kebijakan internal.<\/li>\n<li aria-level=\"1\"><b>Kebijakan dan prosedur HR:<\/b> menyusun SOP, aturan internal, serta standar perilaku dan disiplin kerja.<\/li>\n<\/ul>\n<h3><b>Fungsi Human Capital<\/b><\/h3>\n<ul>\n<li aria-level=\"1\"><b>Investasi pengembangan karyawan:<\/b> mendorong upskilling\/reskilling lewat pelatihan, coaching, dan career path.<\/li>\n<li aria-level=\"1\"><b>Peningkatan produktivitas:<\/b> menaikkan output dan efektivitas kerja melalui kompetensi yang relevan.<\/li>\n<li aria-level=\"1\"><b>Inovasi dan kreativitas:<\/b> menumbuhkan ide dan perbaikan proses lewat keterampilan dan keterlibatan karyawan.<\/li>\n<li aria-level=\"1\"><b>Retensi dan kepuasan:<\/b> menjaga talenta berkinerja tinggi dengan kesempatan berkembang dan pengalaman kerja yang baik.<\/li>\n<li aria-level=\"1\"><b>Penguatan budaya perusahaan:<\/b> membangun budaya yang suportif, kolaboratif, dan selaras tujuan bisnis.<\/li>\n<li aria-level=\"1\"><b>Efisiensi operasional:<\/b> menekan kesalahan dan pemborosan lewat kapabilitas yang tepat di peran yang tepat.<\/li>\n<\/ul>\n<p>Intinya: HR mengelola orang dan prosesnya, sedangkan human capital menekankan nilai dan pertumbuhan kapabilitasnya.<\/p>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; background: #ffffff; box-shadow: 0 4px 10px rgba(0,0,0,0.08); border-radius: 16px; overflow: hidden; font-family: Arial, sans-serif;\">\n<thead>\n<tr>\n<th style=\"padding: 14px 16px; background: #990000; color: #ffffff; text-align: left; font-size: 15px; border: none;\">Aspek<\/th>\n<th style=\"padding: 14px 16px; background: #990000; color: #ffffff; text-align: left; font-size: 15px; border: none;\">Human Resources<\/th>\n<th style=\"padding: 14px 16px; background: #990000; color: #ffffff; text-align: left; font-size: 15px; border: none;\">Human Capital<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0; font-weight: 600;\">Fokus<\/td>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0;\">Proses dan kebijakan kerja<\/td>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0;\">Nilai kompetensi dan kontribusi<\/td>\n<\/tr>\n<tr style=\"background: #fff8e6;\">\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0; font-weight: 600;\">Tujuan<\/td>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0;\">Operasional tertib dan konsisten<\/td>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0;\">Kinerja meningkat lewat pengembangan<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0; font-weight: 600;\">Cara pandang<\/td>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0;\">Karyawan dikelola sesuai kebutuhan peran<\/td>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0;\">Karyawan sebagai aset yang dapat ditingkatkan<\/td>\n<\/tr>\n<tr style=\"background: #fff8e6;\">\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0; font-weight: 600;\">Ukuran umum<\/td>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0;\">Time to hire, absensi, kepatuhan, turnover<\/td>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0;\">Skill progression, quality of hire, retention talenta<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0; font-weight: 600;\">Contoh praktik<\/td>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0;\">SOP rekrutmen, payroll, aturan kerja, appraisal<\/td>\n<td style=\"padding: 12px 16px; border-top: 1px solid #f0f0f0;\">Learning path, talent review, succession plan<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><b>Perbedaan Dasar Human Capital dan Human Resources dalam Perusahaan<\/b><\/h2>\n<p><span id=\"b\">Perbedaan HR dan human capital (HC) paling jelas terlihat saat diterapkan di perusahaan, terutama apa yang jadi prioritas, bagaimana karyawan diposisikan, apa yang diukur, serta aktivitas kerja yang dijalankan.<\/span><\/p>\n<h3><b>1. Fokus &amp; tujuan<\/b><\/h3>\n<p><b>Human Resources (HR)<\/b> fokus memastikan proses people management berjalan rapi: posisi terisi, aturan jelas, kinerja terpantau, kompensasi tertib, dan risiko ketenagakerjaan terkontrol. Targetnya stabilitas operasional dan tata kelola agar organisasi bisa bekerja konsisten.<\/p>\n<p><b>Human Capital (HC)<\/b> fokus menaikkan nilai organisasi lewat kapabilitas manusia: skill naik, produktivitas meningkat, pipeline talent terbentuk, dan inovasi lebih cepat terjadi. Targetnya pertumbuhan dan daya saing bisnis dalam jangka menengah\u2013panjang.<\/p>\n<p><b>Contoh implementasi:<\/b><b><br \/>\n<\/b>HR memperkuat SOP rekrutmen, payroll, kebijakan cuti, dan proses appraisal. HC membangun program upskilling, leadership pipeline, dan strategi retention untuk talenta kunci.<\/p>\n<h3><b>2. Cara pandang karyawan<\/b><\/h3>\n<p><b>HR<\/b> cenderung melihat karyawan sebagai sumber daya yang perlu dikelola agar sesuai kebutuhan organisasi: penempatan, beban kerja, jadwal, dan kepatuhan. Fokusnya \u201cright people in the right role\u201d supaya operasional berjalan.<\/p>\n<p><b>HC<\/b> melihat karyawan sebagai aset yang nilainya bisa berkembang: kompetensi dan potensi dianggap modal yang dapat dilipatgandakan lewat pengembangan. Fokusnya \u201cgrow people to grow the business.\u201d<\/p>\n<p><b>Contoh implementasi:<\/b><b><br \/>\n<\/b>HR menekankan struktur jabatan, job description, dan aturan kerja. HC menekankan mapping kompetensi, career path, coaching, dan mobilitas internal.<\/p>\n<h3><b>3. Cara menilai &amp; metrik<\/b><\/h3>\n<p><b>HR<\/b> lebih banyak memakai metrik operasional dan kepatuhan, misalnya: time-to-hire, turnover rate, tingkat absensi, kepatuhan dokumen, biaya rekrutmen, dan penyelesaian kasus hubungan industrial. Metriknya membantu memastikan sistem berjalan tertib dan efisien.<\/p>\n<p><b>HC<\/b> lebih banyak memakai metrik kapabilitas dan dampak bisnis, misalnya: peningkatan kompetensi (skill progression), productivity uplift, internal mobility rate, quality of hire, bench strength untuk posisi kunci, engagement berbasis kinerja, serta ROI program pelatihan.<\/p>\n<p><b>Contoh implementasi:<\/b><b><br \/>\n<\/b>HR mengevaluasi apakah appraisal berjalan tepat waktu dan sesuai prosedur. HC mengevaluasi apakah program pengembangan menaikkan kinerja tim, menekan churn talenta kunci, atau mempercepat kesiapan leader baru.<\/p>\n<h3><b>4. Ruang lingkup kerja<\/b><\/h3>\n<p><b>HR<\/b> biasanya mencakup fungsi-fungsi inti pengelolaan karyawan: rekrutmen &amp; seleksi, onboarding, administrasi kepegawaian, payroll &amp; benefit, hubungan industrial, kebijakan, serta pengelolaan kinerja dari sisi proses.<\/p>\n<p><b>HC<\/b> mencakup area yang lebih strategis dan jangka panjang: strategi talent, workforce planning, manajemen kompetensi, learning &amp; development yang terukur, succession planning, employer branding untuk kebutuhan talent, serta desain organisasi yang mendukung growth.<\/p>\n<p><b>Contoh implementasi:<\/b><b><br \/>\n<\/b>HR mengelola aturan kerja, kontrak, dan struktur kompensasi. HC mengelola talent review, rencana suksesi, program leadership, dan strategi pengembangan kompetensi per fungsi.<\/p>\n<div style=\"width: 100%; font-family: Arial, sans-serif; background: #ffffff; border: 1px solid rgba(0,0,0,0.08); border-radius: 18px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); overflow: hidden;\">\n<div style=\"padding: 14px 16px; background: #fffacd; border-bottom: 1px solid rgba(0,0,0,0.08);\">\n<div style=\"display: flex; align-items: center; gap: 10px; flex-wrap: wrap;\"><strong><span style=\"background: #990000; color: #ffffff; font-size: 12px; padding: 6px 10px; border-radius: 999px;\">Diagnosis<\/span><\/strong><\/p>\n<div style=\"font-weight: 800; font-size: 16px; color: #222;\">Prioritas HRM atau HCM<\/div>\n<\/div>\n<div style=\"margin-top: 6px; color: #333; font-size: 13px; line-height: 1.5;\">Centang yang paling sesuai dengan kondisi perusahaan. Hasilnya membantu menentukan fokus perbaikan.<\/div>\n<\/div>\n<div style=\"padding: 14px 16px;\">\n<div style=\"display: flex; gap: 12px; flex-wrap: wrap;\">\n<div style=\"flex: 1; min-width: 260px; border: 1px solid rgba(0,0,0,0.08); border-radius: 14px; padding: 12px;\">\n<div style=\"font-weight: 800; color: #990000; font-size: 14px; margin-bottom: 8px;\">Tanda HRM perlu didahulukan<\/div>\n<p><label style=\"display: flex; gap: 10px; align-items: flex-start; margin: 8px 0; color: #222; line-height: 1.45; font-size: 13px;\"><br \/>\n<input style=\"margin-top: 2px;\" type=\"checkbox\" \/><br \/>\nSOP rekrutmen, onboarding, atau administrasi kerja belum konsisten<br \/>\n<\/label><\/p>\n<p><label style=\"display: flex; gap: 10px; align-items: flex-start; margin: 8px 0; color: #222; line-height: 1.45; font-size: 13px;\"><br \/>\n<input style=\"margin-top: 2px;\" type=\"checkbox\" \/><br \/>\nAturan kerja, dokumen, dan alur approval sering membingungkan tim<br \/>\n<\/label><\/p>\n<p><label style=\"display: flex; gap: 10px; align-items: flex-start; margin: 8px 0; color: #222; line-height: 1.45; font-size: 13px;\"><br \/>\n<input style=\"margin-top: 2px;\" type=\"checkbox\" \/><br \/>\nEvaluasi kinerja dan struktur kompensasi belum rapi atau tidak seragam<br \/>\n<\/label><\/p>\n<\/div>\n<div style=\"flex: 1; min-width: 260px; border: 1px solid rgba(0,0,0,0.08); border-radius: 14px; padding: 12px;\">\n<div style=\"font-weight: 800; color: #990000; font-size: 14px; margin-bottom: 8px;\">Tanda HCM perlu dipercepat<\/div>\n<p><label style=\"display: flex; gap: 10px; align-items: flex-start; margin: 8px 0; color: #222; line-height: 1.45; font-size: 13px;\"><br \/>\n<input style=\"margin-top: 2px;\" type=\"checkbox\" \/><br \/>\nPerusahaan butuh talent pipeline untuk posisi kunci dan ekspansi<br \/>\n<\/label><\/p>\n<p><label style=\"display: flex; gap: 10px; align-items: flex-start; margin: 8px 0; color: #222; line-height: 1.45; font-size: 13px;\"><br \/>\n<input style=\"margin-top: 2px;\" type=\"checkbox\" \/><br \/>\nSkill tim tidak mengejar target, meski proses HR sudah cukup berjalan<br \/>\n<\/label><\/p>\n<p><label style=\"display: flex; gap: 10px; align-items: flex-start; margin: 8px 0; color: #222; line-height: 1.45; font-size: 13px;\"><br \/>\n<input style=\"margin-top: 2px;\" type=\"checkbox\" \/><br \/>\nTalenta kuat mulai sulit bertahan karena jalur karier tidak jelas<br \/>\n<\/label><\/p>\n<\/div>\n<\/div>\n<div style=\"margin-top: 12px; padding: 12px; background: #fff8e6; border: 1px dashed rgba(153,0,0,0.45); border-radius: 14px; color: #222; line-height: 1.55; font-size: 13px;\">\n<div style=\"font-weight: 800; color: #990000; margin-bottom: 4px;\">Cara membaca hasil<\/div>\n<p>Jika centang lebih banyak di kiri, prioritaskan perapihan proses HRM. Jika centang lebih banyak di kanan, prioritaskan program HCM yang fokus pada kompetensi, karier, dan retensi talenta. Jika seimbang, mulai dari proses yang paling menghambat kerja harian.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><b>Praktik HRM dan HCM pada Perusahaan<\/b><\/h2>\n<p><span id=\"c\">Bayangkan PT Sinar Niaga sedang ekspansi dan membuka beberapa cabang baru dalam enam bulan. Masalahnya cepat muncul. Banyak posisi kosong, standar kerja tiap cabang tidak konsisten, beberapa karyawan bagus resign, dan promosi terasa tidak jelas.<\/span><\/p>\n<h3><b>1. Rekrutmen<\/b><\/h3>\n<p>Tim HRM bergerak duluan untuk menutup kebutuhan orang. Mereka menulis job description, memasang lowongan, menyaring kandidat, menjalankan interview, lalu mengurus kontrak dan onboarding. Fokusnya membuat posisi cepat terisi dan prosesnya tertib.<\/p>\n<p>Setelah kebutuhan dasar tertutup, HCM masuk untuk menaikkan kualitas hasil rekrutmen. Tim HCM menyusun kriteria kompetensi yang lebih spesifik untuk peran penting, menambah simulasi kasus untuk posisi supervisor, lalu membangun talent pool untuk kebutuhan ekspansi berikutnya.<\/p>\n<h3><b>2. Pelatihan<\/b><\/h3>\n<p>Begitu cabang mulai berjalan, perusahaan melihat cara kerja antar cabang berbeda. HRM menutup celah ini lewat pelatihan yang wajib dan mendasar. Materinya mencakup SOP layanan, aturan shift, penggunaan sistem, serta kebijakan kerja. Tujuannya membuat semua karyawan punya standar minimum yang sama.<\/p>\n<p>HCM melanjutkan dengan pengembangan yang berbasis kapabilitas. Tim HCM membuat jalur belajar 30 60 90 hari sesuai peran, melibatkan mentor dari supervisor senior, dan mengecek progres lewat praktik kerja serta target kompetensi.<\/p>\n<h3><b>3. Karier<\/b><\/h3>\n<p>Setelah beberapa bulan, karyawan mulai menanyakan promosi dan arah karier. HRM merapikan struktur jabatan, syarat promosi, jadwal evaluasi, serta administrasi perpindahan jabatan. Tujuannya membuat proses karier lebih transparan dan konsisten.<\/p>\n<p>HCM mengelola pipeline talenta agar perusahaan tidak bergantung pada rekrutmen eksternal. Tim HCM menjalankan talent review, memilih kandidat yang siap dipercepat, lalu menyiapkan rotasi dan rencana suksesi untuk posisi penting.<\/p>\n<h3><b>4. Reward<\/b><\/h3>\n<p>HRM memastikan gaji dan tunjangan dikelola rapi. Payroll tepat waktu, komponen benefit jelas, dan aturan bonus berjalan konsisten. Fokusnya menjaga keadilan, kepatuhan, dan stabilitas hubungan kerja.<\/p>\n<p>HCM menyusun reward yang mendorong hasil bisnis dan menjaga talenta kunci. Insentif dikaitkan dengan KPI yang relevan, ada program pengakuan untuk perilaku yang mendukung target, dan retention plan untuk peran kritikal.<\/p>\n<p>Peran HRM berfokus pada pengelolaan karyawan melalui proses kerja yang jelas dan konsisten, seperti rekrutmen, administrasi, evaluasi kinerja, serta kepatuhan ketenagakerjaan. Sementara itu, HCM berfokus pada pengembangan kompetensi dan potensi karyawan agar kontribusinya terhadap kinerja perusahaan meningkat.<\/p>\n<p>Dalam praktiknya, banyak perusahaan menerapkan keduanya secara bersamaan. HRM menjaga keteraturan operasional, sedangkan HCM mendorong peningkatan kualitas talenta untuk kebutuhan bisnis jangka panjang.<\/p>\n<p><span data-sheets-root=\"1\"><\/span><\/p>\n<h2><strong>FAQ tentang Human Resources dan Human Capital<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Apa perbedaan human resources dan human capital?<\/strong><\/summary>\n<p>Human resources berfokus pada pengelolaan proses dan kebijakan terkait karyawan, seperti rekrutmen, administrasi, evaluasi kinerja, serta kepatuhan ketenagakerjaan. Human capital menekankan nilai kemampuan karyawan bagi perusahaan dan cara perusahaan berinvestasi pada kompetensi, pengembangan karier, serta retensi talenta.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apakah human capital sama dengan HRM?<\/strong><\/summary>\n<p>Human capital bukan nama departemen, melainkan konsep yang menilai karyawan sebagai aset bernilai yang dapat dikembangkan. HRM adalah pendekatan manajemen yang mengatur proses pengelolaan karyawan, sedangkan HCM biasanya merujuk pada praktik yang lebih menekankan pengembangan kompetensi, talent pipeline, dan dampak kinerja jangka panjang.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Kapan perusahaan sebaiknya menerapkan pendekatan human capital?<\/strong><\/summary>\n<p>Pendekatan human capital biasanya dibutuhkan saat perusahaan mulai menargetkan pertumbuhan, memperluas tim, atau membutuhkan kesiapan talenta untuk posisi kunci. Fokus ini juga relevan ketika perusahaan ingin menurunkan turnover, menaikkan kualitas kinerja, atau membangun pipeline pemimpin internal.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apa contoh penerapan HRM dan HCM dalam aktivitas sehari-hari?<\/strong><\/summary>\n<p>Dalam rekrutmen, HRM menekankan proses seleksi, dokumen, dan onboarding yang rapi, sedangkan HCM menekankan kualitas kandidat, kompetensi, dan kesiapan berkembang. Dalam pelatihan, HRM menjalankan pelatihan wajib berbasis SOP, sedangkan HCM menyusun jalur pengembangan berbasis kompetensi dan target kinerja. Dalam karier dan reward, HRM merapikan aturan promosi serta struktur kompensasi, sedangkan HCM membangun suksesi dan insentif yang mendukung retensi talenta kunci.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Pengelolaan karyawan mencakup banyak hal, mulai dari proses administrasi sampai pengembangan kemampuan kerja. Karena itu, perusahaan sering memakai istilah human resources (HR) dan human capital (HCM) untuk menjelaskan fokus yang berbeda dalam pengelolaan SDM. Human resources biasanya berkaitan dengan pengaturan proses dan kebijakan kerja, sedangkan human capital menekankan nilai kemampuan karyawan bagi perusahaan. Pembahasan ini [&hellip;]<\/p>\n","protected":false},"author":223,"featured_media":190215,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-190205","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-hrm"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v25.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Perbedaan Human Resources dan Human Capital dalam Bisnis<\/title>\n<meta name=\"description\" content=\"Pelajari perbedaan human resources dan human capital dari fokus, cara pandang, metrik, dan contoh praktik di perusahaan.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Perbedaan Human Capital dan Human Resources dalam Praktik Kerja\" \/>\n<meta property=\"og:description\" content=\"Pelajari perbedaan human resources dan human capital dari fokus, cara pandang, metrik, dan contoh praktik di perusahaan.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Indonesia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hashmicro\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-03T06:26:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/perbedaan-human-capital-dan-human-resources.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Nur Fi&#039;llia Nugrahani\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:site\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nur Fi&#039;llia Nugrahani\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/\"},\"author\":{\"name\":\"Nur Fi'llia Nugrahani\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/116eac6e4748cbaa02f000016234fc39\"},\"headline\":\"Perbedaan Human Capital dan Human Resources dalam Praktik Kerja\",\"datePublished\":\"2026-03-03T06:26:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/\"},\"wordCount\":1653,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/perbedaan-human-capital-dan-human-resources.webp\",\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/\",\"name\":\"Perbedaan Human Resources dan Human Capital dalam Bisnis\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/perbedaan-human-capital-dan-human-resources.webp\",\"datePublished\":\"2026-03-03T06:26:19+00:00\",\"description\":\"Pelajari perbedaan human resources dan human capital dari fokus, cara pandang, metrik, dan contoh praktik di perusahaan.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/perbedaan-human-capital-dan-human-resources.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/perbedaan-human-capital-dan-human-resources.webp\",\"width\":1200,\"height\":675,\"caption\":\"perbedaan-human-capital-dan-human-resources\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Perbedaan Human Capital dan Human Resources dalam Praktik Kerja\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/\",\"name\":\"HashMicro Indonesia\",\"description\":\"Blog Software Manajemen Bisnis Indonesia #1\",\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\",\"name\":\"HashMicro Indonesia\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp\",\"width\":924,\"height\":121,\"caption\":\"HashMicro Indonesia\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/hashmicro\",\"https:\/\/x.com\/hashmicro\",\"https:\/\/www.linkedin.com\/company\/hashmicro\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/116eac6e4748cbaa02f000016234fc39\",\"name\":\"Nur Fi'llia Nugrahani\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/cropped-foto-profil-nuri-96x96.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/cropped-foto-profil-nuri-96x96.webp\",\"caption\":\"Nur Fi'llia Nugrahani\"},\"description\":\"Nuri adalah seorang spesialis dalam bidang inventory management dengan pengalaman 3 tahun. Berfokus pada penulisan yang mengangkat topik pengelolaan stok, pengendalian persediaan, dan implementasi sistem inventory digital untuk menjamin efisiensi operasional bisnis.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/nur-fi-llia-nugrahani\"],\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/author\/fillia-nugrahani\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Perbedaan Human Resources dan Human Capital dalam Bisnis","description":"Pelajari perbedaan human resources dan human capital dari fokus, cara pandang, metrik, dan contoh praktik di perusahaan.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/","og_locale":"id_ID","og_type":"article","og_title":"Perbedaan Human Capital dan Human Resources dalam Praktik Kerja","og_description":"Pelajari perbedaan human resources dan human capital dari fokus, cara pandang, metrik, dan contoh praktik di perusahaan.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2026-03-03T06:26:19+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/perbedaan-human-capital-dan-human-resources.webp","type":"image\/webp"}],"author":"Nur Fi'llia Nugrahani","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Nur Fi'llia Nugrahani","Estimasi waktu membaca":"10 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/"},"author":{"name":"Nur Fi'llia Nugrahani","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/116eac6e4748cbaa02f000016234fc39"},"headline":"Perbedaan Human Capital dan Human Resources dalam Praktik Kerja","datePublished":"2026-03-03T06:26:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/"},"wordCount":1653,"commentCount":0,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/perbedaan-human-capital-dan-human-resources.webp","articleSection":["HRM"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/","name":"Perbedaan Human Resources dan Human Capital dalam Bisnis","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/perbedaan-human-capital-dan-human-resources.webp","datePublished":"2026-03-03T06:26:19+00:00","description":"Pelajari perbedaan human resources dan human capital dari fokus, cara pandang, metrik, dan contoh praktik di perusahaan.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/perbedaan-human-capital-dan-human-resources.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/perbedaan-human-capital-dan-human-resources.webp","width":1200,"height":675,"caption":"perbedaan-human-capital-dan-human-resources"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-human-capital-dan-human-resource\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Perbedaan Human Capital dan Human Resources dalam Praktik Kerja"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website","url":"https:\/\/www.hashmicro.com\/id\/blog\/","name":"HashMicro Indonesia","description":"Blog Software Manajemen Bisnis Indonesia #1","publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization","name":"HashMicro Indonesia","url":"https:\/\/www.hashmicro.com\/id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","width":924,"height":121,"caption":"HashMicro Indonesia"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hashmicro","https:\/\/x.com\/hashmicro","https:\/\/www.linkedin.com\/company\/hashmicro"]},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/116eac6e4748cbaa02f000016234fc39","name":"Nur Fi'llia Nugrahani","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/cropped-foto-profil-nuri-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/cropped-foto-profil-nuri-96x96.webp","caption":"Nur Fi'llia Nugrahani"},"description":"Nuri adalah seorang spesialis dalam bidang inventory management dengan pengalaman 3 tahun. Berfokus pada penulisan yang mengangkat topik pengelolaan stok, pengendalian persediaan, dan implementasi sistem inventory digital untuk menjamin efisiensi operasional bisnis.","sameAs":["https:\/\/www.linkedin.com\/in\/nur-fi-llia-nugrahani"],"url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/fillia-nugrahani\/"}]}},"focus_keyword":"perbedaan human capital dan human resource","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/190205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/users\/223"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=190205"}],"version-history":[{"count":1,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/190205\/revisions"}],"predecessor-version":[{"id":190217,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/190205\/revisions\/190217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/190215"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=190205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=190205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=190205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}