{"id":189697,"date":"2026-02-25T13:39:14","date_gmt":"2026-02-25T06:39:14","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=189697"},"modified":"2026-03-27T08:51:28","modified_gmt":"2026-03-27T01:51:28","slug":"perbedaan-hrd-dan-personalia","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/","title":{"rendered":"Masih Sering Tertukar, Ini Perbedaan HRD dan Personalia di Perusahaan"},"content":{"rendered":"<p>Di banyak perusahaan, istilah <b>HRD<\/b> dan <b>personalia<\/b> masih sering dipakai secara bergantian. Padahal, keduanya tidak sepenuhnya sama. Kebingungan ini wajar, terutama karena di Indonesia istilah \u201cHRD\u201d sering dipakai sebagai sebutan umum untuk tim HR.<\/p>\n<p>Akibatnya, banyak orang mengira semua urusan SDM\u2014mulai dari absensi sampai program pelatihan\u2014masuk ke fungsi yang sama, padahal fokus kerjanya berbeda.<\/p>\n<p>Memahami perbedaan HRD dan personalia penting bagi perusahaan yang ingin membagi tugas HR dengan lebih jelas, terutama saat jumlah karyawan bertambah dan proses kerja mulai kompleks<\/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\">Personalia fokus pada <a href=\"#a\">administrasi kepegawaian seperti<\/a> data karyawan, kontrak, absensi, cuti, dan dokumen pendukung payroll.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">HRD fokus pada <a href=\"#b\">pengembangan SDM<\/a> seperti pelatihan, penilaian kinerja, pengembangan karier, dan talent management.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#c\">Software HR membantu<\/a> membagi kerja lebih jelas: personalia memakai fitur core HR dan workflow administrasi, sementara HRD memakai fitur performance, learning, dan analisis SDM. <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><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><b>Perbedaan HRD dan Personalia\u00a0<\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-189689\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/hr-dan-personalia.webp\" alt=\"hr-dan-personalia\" width=\"1024\" height=\"1029\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/hr-dan-personalia.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/hr-dan-personalia-300x300.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/hr-dan-personalia-1019x1024.webp 1019w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/hr-dan-personalia-150x150.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/hr-dan-personalia-768x772.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/hr-dan-personalia-418x420.webp 418w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/hr-dan-personalia-696x699.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/hr-dan-personalia-24x24.webp 24w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/hr-dan-personalia-48x48.webp 48w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/hr-dan-personalia-96x96.webp 96w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span id=\"a\">Meskipun sama-sama berkaitan dengan pengelolaan karyawan dan termasuk <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/contoh-struktur-organisasi-perusahaan\/\">contoh struktur organisasi perusahaan<\/a>, HRD dan personalia memiliki fokus kerja yang berbeda. Personalia lebih banyak menangani administrasi kepegawaian dan ketertiban dokumen, sedangkan HRD berfokus pada pengembangan kualitas SDM.<\/span><\/p>\n<p>Berikut gambaran yang lebih jelas tentang pembagian tugas keduanya dalam praktik kerja sehari-hari:<\/p>\n<h4><b>1. Pengelolaan data karyawan dan dokumen<\/b><\/h4>\n<p><b>Personalia<\/b> biasanya menjadi pihak yang mengelola <b>data induk karyawan<\/b> dan dokumen kepegawaian secara harian, seperti:<\/p>\n<ul>\n<li aria-level=\"1\">KTP, NPWP, KK, rekening bank<\/li>\n<li aria-level=\"1\">status karyawan (PKWT\/PKWTT\/magang)<\/li>\n<li aria-level=\"1\">jabatan, unit kerja, atasan langsung<\/li>\n<li aria-level=\"1\">tanggal masuk, masa kontrak, tanggal berakhir kontrak<\/li>\n<li aria-level=\"1\">surat pengangkatan, perpanjangan kontrak, mutasi, promosi, resign<\/li>\n<li aria-level=\"1\">dokumen administrasi BPJS Kesehatan dan BPJS Ketenagakerjaan<\/li>\n<\/ul>\n<p>Sementara itu, <b>HRD<\/b> biasanya tidak menangani pengarsipan dokumen satu per satu. HRD lebih memanfaatkan data tersebut untuk kebutuhan yang lebih strategis, misalnya:<\/p>\n<ul>\n<li aria-level=\"1\">melihat masa kerja karyawan untuk program pengembangan<\/li>\n<li aria-level=\"1\">memetakan kebutuhan pelatihan berdasarkan jabatan\/divisi<\/li>\n<li aria-level=\"1\">membaca data mutasi\/promosi untuk evaluasi talent pipeline<\/li>\n<\/ul>\n<h4><b>2. Absensi, cuti, dan lembur<\/b><\/h4>\n<p><b>Personalia<\/b> umumnya menangani proses administrasi absensi, cuti, dan lembur dari awal sampai siap dipakai untuk payroll, seperti:<\/p>\n<ul>\n<li aria-level=\"1\">memantau kehadiran harian<\/li>\n<li aria-level=\"1\">memeriksa keterlambatan, pulang cepat, atau ketidakhadiran<\/li>\n<li aria-level=\"1\">memverifikasi pengajuan cuti dan lembur beserta approval atasan<\/li>\n<li aria-level=\"1\">merekap data bulanan untuk penggajian<\/li>\n<li aria-level=\"1\">menindaklanjuti data yang janggal (misalnya lupa check-in\/out)<\/li>\n<\/ul>\n<p>Karena proses ini berkaitan langsung dengan penggajian dan hak karyawan, personalia perlu bekerja dengan <b>deadline yang ketat<\/b>, terutama mendekati periode payroll.<\/p>\n<p><b>HRD<\/b> biasanya mulai terlibat ketika data absensi\/lembur menunjukkan pola masalah yang lebih besar, misalnya:<\/p>\n<ul>\n<li aria-level=\"1\">keterlambatan tinggi di divisi tertentu<\/li>\n<li aria-level=\"1\">lembur berulang yang mengindikasikan beban kerja tidak seimbang<\/li>\n<li aria-level=\"1\">banyak cuti sakit dalam periode tertentu<\/li>\n<li aria-level=\"1\">penurunan disiplin yang berdampak ke performa tim<\/li>\n<\/ul>\n<h4><b>3. Payroll dan administrasi kompensasi<\/b><\/h4>\n<p>Dalam banyak perusahaan, personalia atau HR operations membantu menyiapkan data payroll seperti kehadiran, lembur, potongan, dan dokumen pendukung. Di beberapa perusahaan, proses hitung gaji dilakukan bersama tim payroll khusus atau finance.<\/p>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-adalah\/\">HRD lebih berperan pada sisi kebijakan<\/a> dan evaluasi yang berkaitan dengan pengembangan SDM, misalnya dampak sistem penilaian kinerja terhadap skema penghargaan atau kebutuhan program retensi.<\/p>\n<h4><b>4. Pelatihan dan pengembangan karyawan<\/b><\/h4>\n<p>Area ini menjadi fokus utama HRD. HRD mengidentifikasi kebutuhan pelatihan, menyusun program pengembangan, dan mengevaluasi efektivitas pelatihan agar kompetensi karyawan terus meningkat sesuai kebutuhan bisnis.<\/p>\n<p>Personalia biasanya hanya mendukung dari sisi administrasi, seperti jadwal, daftar peserta, dokumen pelatihan, atau pencatatan kehadiran training.<\/p>\n<h4><b>5. Penilaian kinerja dan pengembangan karier<\/b><\/h4>\n<p>HRD berperan lebih besar dalam menyusun kerangka penilaian kinerja, membantu proses review, serta mendorong pengembangan karier dan talent development. Tujuannya bukan hanya menilai, tetapi juga membantu karyawan berkembang.<\/p>\n<p>Personalia dapat mendukung proses ini dari sisi dokumentasi hasil evaluasi, pengarsipan form penilaian, dan administrasi tindak lanjut.<\/p>\n<h2><b>Skill yang Dibutuhkan HRD dan Personalia<\/b><\/h2>\n<div style=\"border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,.06); margin: 18px 0;\">\n<div style=\"background: #990000; color: #fff; padding: 14px 16px; font-weight: bold; font-size: 16px;\">Ringkasan Cepat: HRD vs Personalia<\/div>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; line-height: 1.6;\">\n<thead>\n<tr>\n<th style=\"text-align: left; padding: 12px 14px; background: #fffacd; border-bottom: 1px solid #eee; width: 34%;\">Aspek<\/th>\n<th style=\"text-align: left; padding: 12px 14px; background: #fffacd; border-bottom: 1px solid #eee; width: 33%;\">HRD<\/th>\n<th style=\"text-align: left; padding: 12px 14px; background: #fffacd; border-bottom: 1px solid #eee; width: 33%;\">Personalia<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\"><strong>Fokus<\/strong><\/td>\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\">Pengembangan SDM<\/td>\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\">Administrasi kepegawaian<\/td>\n<\/tr>\n<tr style=\"background: #fafafa;\">\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\"><strong>Kerja harian<\/strong><\/td>\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\">Pelatihan, appraisal, pengembangan karier<\/td>\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\">Data karyawan, kontrak, absensi, cuti, lembur<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\"><strong>Output<\/strong><\/td>\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\">Program pengembangan &amp; evaluasi kinerja<\/td>\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\">Dokumen rapi &amp; proses administrasi berjalan<\/td>\n<\/tr>\n<tr style=\"background: #fafafa;\">\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\"><strong>Contoh kasus<\/strong><\/td>\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\">Menyusun training plan \/ appraisal period<\/td>\n<td style=\"padding: 12px 14px; border-bottom: 1px solid #f0f0f0;\">Rekap absensi untuk payroll \/ update kontrak<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px 14px;\"><strong>Tools yang dominan<\/strong><\/td>\n<td style=\"padding: 12px 14px;\">Performance, learning, talent<\/td>\n<td style=\"padding: 12px 14px;\">Core HR, attendance, leave, payroll admin<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>HRD dan personalia sama-sama bekerja di ranah sumber daya manusia, tetapi kompetensi yang paling dominan pada masing-masing fungsi biasanya berbeda.<\/p>\n<h3><b>Skill yang Dibutuhkan dalam Fungsi Personalia<\/b><\/h3>\n<p>Berikut adalah skill yang dibutuhkan oleh bagian personalia, antara lain:<\/p>\n<p>Berikut adalah skill yang dibutuhkan oleh bagian personalia:<\/p>\n<h4><b>1. Ketelitian administrasi<\/b><\/h4>\n<p>Mengecek dan menginput data absensi, cuti, lembur, kontrak kerja, perubahan status karyawan, serta data pendukung payroll secara akurat.<\/p>\n<h4><b>2. Manajemen dokumen dan data<\/b><\/h4>\n<p>Mengelola data induk karyawan, arsip kontrak, surat-menyurat HR, dokumen BPJS, dan dokumen kepegawaian agar rapi, terstruktur, dan mudah dicari.<\/p>\n<h4><b>3. Pemahaman aturan ketenagakerjaan dan kebijakan perusahaan<\/b><\/h4>\n<p>Memahami aturan kerja, jam kerja, cuti, lembur, status karyawan, serta prosedur internal perusahaan untuk menjalankan administrasi sesuai ketentuan.<\/p>\n<h4><b>4. Disiplin proses dan manajemen waktu<\/b><\/h4>\n<p>Menjalankan proses rutin sesuai jadwal, seperti rekap absensi sebelum payroll, pembaruan data, dan perpanjangan kontrak sebelum jatuh tempo.<\/p>\n<h4><b>5. Komunikasi administratif yang jelas<\/b><\/h4>\n<p>Menyampaikan informasi terkait dokumen, syarat pengajuan, status cuti\/lembur, atau kebutuhan administrasi HR secara singkat dan jelas kepada karyawan maupun atasan.<\/p>\n<h3><b>Skill yang Dibutuhkan dalam Fungsi HRD<\/b><\/h3>\n<p><span id=\"b\">Berbeda dengan personalia yang lebih mengutamakan administrasi, skill HRD lebih terpaku pada empati dan kemampuan analisis yang tajam.<\/span><\/p>\n<p>Berikut adalah skill yang dibutuhkan dalam fungsi HRD:<\/p>\n<h4><b>1. Komunikasi dan fasilitasi<\/b><\/h4>\n<p>Memfasilitasi pelatihan, diskusi evaluasi, sosialisasi kebijakan, dan koordinasi lintas divisi dalam proses pengembangan karyawan.<\/p>\n<h4><b>2. Analisis kebutuhan pengembangan karyawan<\/b><\/h4>\n<p>Mengidentifikasi gap kompetensi berdasarkan jabatan, performa, target kerja, dan kebutuhan bisnis untuk menyusun program pengembangan yang tepat.<\/p>\n<h4><b>3. Problem solving dan pengambilan keputusan<\/b><\/h4>\n<p>Menganalisis isu terkait performa, engagement, turnover, atau kebutuhan pelatihan, lalu menyusun langkah tindak lanjut bersama atasan dan manajemen.<\/p>\n<h4><b>4. Pemahaman manajemen kinerja<\/b><\/h4>\n<p>Memahami alur appraisal, target kerja, feedback, evaluasi kompetensi, dan tindak lanjut pengembangan dalam proses penilaian karyawan.<\/p>\n<h4><b>5. Empati dan active listening<\/b><\/h4>\n<p>Mendengarkan masukan karyawan, memahami konteks masalah kerja, dan merespons dengan pendekatan yang profesional saat menangani isu people.<\/p>\n<h2><b>Peran Software HR untuk HRD dan Personalia<\/b><\/h2>\n<p><span id=\"c\">Software HR dipakai untuk dua kebutuhan yang berbeda: <b>administrasi kepegawaian (personalia)<\/b> dan <b>pengembangan SDM (HRD)<\/b>. Karena itu, fitur yang dipakai dan tujuan penggunaannya juga berbeda.<\/span><\/p>\n<h3><b>Peran Software HR untuk Fungsi Personalia<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-188154\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/SMART-KPI-HashMicro-1.webp\" alt=\"smart kpi\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/SMART-KPI-HashMicro-1.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/SMART-KPI-HashMicro-1-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/SMART-KPI-HashMicro-1-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/SMART-KPI-HashMicro-1-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/SMART-KPI-HashMicro-1-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/SMART-KPI-HashMicro-1-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/SMART-KPI-HashMicro-1-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/SMART-KPI-HashMicro-1-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<h4><b>1. Database karyawan terpusat<\/b><\/h4>\n<p>Menyimpan data induk karyawan dalam satu sistem, seperti identitas, jabatan, status kerja, kontrak, atasan langsung, dan riwayat administrasi.<\/p>\n<h4><b>2. Administrasi absensi, cuti, dan lembur<\/b><\/h4>\n<p>Mencatat kehadiran, pengajuan cuti, pengajuan lembur, serta rekap data bulanan untuk kebutuhan payroll.<\/p>\n<h4><b>3. Persiapan data payroll<\/b><\/h4>\n<p>Menyiapkan data pendukung penggajian seperti kehadiran, lembur, potongan, perubahan status karyawan, dan komponen administrasi lain, lalu biasanya dikelola dengan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-payroll-terbaik\/\">aplikasi payroll yang sudah ada kalkulator BPJS<\/a>, tunjangan, dan lain sebagainya.<\/p>\n<h4><b>4. Approval workflow administrasi HR<\/b><\/h4>\n<p>Mengelola alur persetujuan untuk cuti, lembur, perubahan data, atau pengajuan administrasi lain dengan status yang bisa dipantau.<\/p>\n<h4><b>5. Arsip dokumen dan riwayat administrasi<\/b><\/h4>\n<p>Menyimpan kontrak kerja, surat keputusan, dokumen kepegawaian, serta riwayat perubahan data karyawan dalam satu tempat.<\/p>\n<h4><b>6. Kebutuhan audit dan kepatuhan internal<\/b><\/h4>\n<p>Menyiapkan laporan administrasi, riwayat persetujuan, dan bukti dokumen untuk pengecekan internal atau kebutuhan pelaporan.<\/p>\n<h3><b>Peran Software HR untuk Fungsi HRD<\/b><\/h3>\n<h4><b>1. Performance appraisal<\/b><\/h4>\n<p>Mengelola periode penilaian, form evaluasi, input penilaian atasan, rekap hasil, dan dokumentasi appraisal karyawan.<\/p>\n<h4><b>2. Pencatatan pelatihan dan pengembangan<\/b><\/h4>\n<p>Mencatat kebutuhan pelatihan, daftar peserta, riwayat training, serta progres pengembangan kompetensi karyawan.<\/p>\n<h4><b>3. <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/talent-mapping-konsep-dasar-dan-manfaatnya-bagi-perusahaan\/\">Talent mapping<\/a> dan pengembangan karier<\/b><\/h4>\n<p>Membantu pemetaan talent, rencana pengembangan karier, dan kebutuhan suksesi untuk posisi tertentu (terutama di perusahaan menengah-besar).<\/p>\n<h4><b>4. Analisis data SDM<\/b><\/h4>\n<p>Menyediakan data untuk membaca tren turnover, performa, partisipasi pelatihan, dan indikator SDM lain sebagai dasar evaluasi program.<\/p>\n<h4><b>5. Dokumentasi tindak lanjut pengembangan<\/b><\/h4>\n<p>Mencatat hasil evaluasi, rencana perbaikan, coaching plan, atau tindak lanjut pasca-penilaian\/pelatihan.<\/p>\n<h4><b>6. Employee self-service untuk proses HR<\/b><\/h4>\n<p>Memberi akses karyawan untuk pengajuan, update data tertentu, atau melihat informasi HR sehingga tim HRD lebih fokus ke program pengembangan.<\/p>\n<h2><b>Studi Kasus Deloitte dengan HRD dan Personalia yang Efektif<\/b><\/h2>\n<p>Dalam <a href=\"https:\/\/www.deloitte.com\/lu\/en\/alliances\/servicenow\/case-studies\/empowering-hr-transformation.html\">case study Deloitte<\/a>, sebuah institusi keuangan global (dijelaskan sebagai leading financial institution dengan <b>lebih dari 100.000 karyawan global<\/b>) memodernisasi layanan dengan integrasi software HR modern untuk mengurangi proses HR yang terfragmentasi dan email-based support.<\/p>\n<p>Masalah awal yang mereka hadapi sangat dekat dengan pekerjaan <b>personalia\/HR operations<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\">informasi HR tersebar di banyak tools\/channel,<\/li>\n<li aria-level=\"1\">karyawan bingung harus menghubungi siapa,<\/li>\n<li aria-level=\"1\">banyak permintaan HR ditangani lewat email,<\/li>\n<li aria-level=\"1\">handoff antar tim tidak konsisten.<\/li>\n<\/ul>\n<p>Solusi yang diterapkan yaitu:<\/p>\n<ul>\n<li aria-level=\"1\">portal self-service HR terpusat,<\/li>\n<li aria-level=\"1\">case management yang terstruktur dan bisa ditrack,<\/li>\n<li aria-level=\"1\">integrasi dengan HCM untuk data karyawan yang konsisten,<\/li>\n<li aria-level=\"1\">otomatisasi <b>100+ layanan HR<\/b>.<\/li>\n<\/ul>\n<p>Deloitte juga menyebut portal ini memungkinkan karyawan mengakses layanan HR dan mengelola hal seperti onboarding, learning, performance review, dan payroll tanpa harus selalu bergantung pada intervensi HR.<\/p>\n<p>Pada praktiknya, HRD dan personalia sering berjalan dalam satu tim, terutama di perusahaan yang masih berkembang. Meski begitu, perbedaan fokus keduanya tetap perlu dipahami agar tugas administratif, evaluasi kinerja, dan pengembangan karyawan tidak bercampur tanpa prioritas yang jelas.<\/p>\n<p>Pembagian peran yang tepat, ditambah dukungan sistem HR yang terintegrasi, membantu perusahaan mengelola proses kepegawaian dengan lebih terstruktur. Dengan begitu, tim HR dapat menjaga administrasi tetap tertib sekaligus menjalankan pengembangan SDM secara konsisten.<\/p>\n<p><span data-sheets-root=\"1\"><\/span><\/p>\n<h2><strong>FAQ Seputar HRD dan Personalia<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Apakah HRD dan personalia itu sama?<\/strong><\/summary>\n<p>Tidak sama. Personalia berfokus pada administrasi kepegawaian seperti data karyawan, kontrak, absensi, dan dokumen payroll, sedangkan HRD berfokus pada pengembangan SDM seperti pelatihan, penilaian kinerja, dan pengembangan karier.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Mengapa istilah HRD sering digunakan untuk semua fungsi HR?<\/strong><\/summary>\n<p>Di Indonesia, istilah HRD sering dipakai sebagai sebutan umum untuk departemen HR. Secara konsep, HRD lebih tepat merujuk pada Human Resource Development, yaitu fungsi pengembangan karyawan, bukan seluruh administrasi kepegawaian.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apakah payroll termasuk tugas HRD?<\/strong><\/summary>\n<p>Payroll biasanya dikelola oleh personalia atau HR Operations, terutama pada tahap pengumpulan dan verifikasi data. HRD lebih terlibat pada kebijakan kompensasi dan kaitannya dengan evaluasi kinerja atau program retensi.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apakah perusahaan kecil perlu memisahkan HRD dan personalia?<\/strong><\/summary>\n<p>Tidak selalu. Di perusahaan kecil, satu orang HR sering menangani fungsi personalia dan HRD sekaligus. Pemisahan biasanya mulai dilakukan saat jumlah karyawan bertambah dan proses kerja semakin kompleks.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Di banyak perusahaan, istilah HRD dan personalia masih sering dipakai secara bergantian. Padahal, keduanya tidak sepenuhnya sama. Kebingungan ini wajar, terutama karena di Indonesia istilah \u201cHRD\u201d sering dipakai sebagai sebutan umum untuk tim HR. Akibatnya, banyak orang mengira semua urusan SDM\u2014mulai dari absensi sampai program pelatihan\u2014masuk ke fungsi yang sama, padahal fokus kerjanya berbeda. Memahami [&hellip;]<\/p>\n","protected":false},"author":223,"featured_media":173445,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-189697","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>Masih Sering Tertukar, Ini Perbedaan HRD dan Personalia<\/title>\n<meta name=\"description\" content=\"Perbedaan HRD dan personalia ada pada fokus kerja dan tugas harian. Pelajari definisi, pembagian tugas, skill, serta peran software HR.\" \/>\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-hrd-dan-personalia\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Masih Sering Tertukar, Ini Perbedaan HRD dan Personalia di Perusahaan\" \/>\n<meta property=\"og:description\" content=\"Perbedaan HRD dan personalia ada pada fokus kerja dan tugas harian. Pelajari definisi, pembagian tugas, skill, serta peran software HR.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/\" \/>\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-02-25T06:39:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-27T01:51:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.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-hrd-dan-personalia\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/\"},\"author\":{\"name\":\"Nur Fi'llia Nugrahani\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/116eac6e4748cbaa02f000016234fc39\"},\"headline\":\"Masih Sering Tertukar, Ini Perbedaan HRD dan Personalia di Perusahaan\",\"datePublished\":\"2026-02-25T06:39:14+00:00\",\"dateModified\":\"2026-03-27T01:51:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/\"},\"wordCount\":1576,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp\",\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/\",\"name\":\"Masih Sering Tertukar, Ini Perbedaan HRD dan Personalia\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp\",\"datePublished\":\"2026-02-25T06:39:14+00:00\",\"dateModified\":\"2026-03-27T01:51:28+00:00\",\"description\":\"Perbedaan HRD dan personalia ada pada fokus kerja dan tugas harian. Pelajari definisi, pembagian tugas, skill, serta peran software HR.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp\",\"width\":1200,\"height\":675,\"caption\":\"hrd dan personalia\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Masih Sering Tertukar, Ini Perbedaan HRD dan Personalia di Perusahaan\"}]},{\"@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":"Masih Sering Tertukar, Ini Perbedaan HRD dan Personalia","description":"Perbedaan HRD dan personalia ada pada fokus kerja dan tugas harian. Pelajari definisi, pembagian tugas, skill, serta peran software HR.","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-hrd-dan-personalia\/","og_locale":"id_ID","og_type":"article","og_title":"Masih Sering Tertukar, Ini Perbedaan HRD dan Personalia di Perusahaan","og_description":"Perbedaan HRD dan personalia ada pada fokus kerja dan tugas harian. Pelajari definisi, pembagian tugas, skill, serta peran software HR.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2026-02-25T06:39:14+00:00","article_modified_time":"2026-03-27T01:51:28+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.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-hrd-dan-personalia\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/"},"author":{"name":"Nur Fi'llia Nugrahani","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/116eac6e4748cbaa02f000016234fc39"},"headline":"Masih Sering Tertukar, Ini Perbedaan HRD dan Personalia di Perusahaan","datePublished":"2026-02-25T06:39:14+00:00","dateModified":"2026-03-27T01:51:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/"},"wordCount":1576,"commentCount":0,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp","articleSection":["HRM"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/","name":"Masih Sering Tertukar, Ini Perbedaan HRD dan Personalia","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp","datePublished":"2026-02-25T06:39:14+00:00","dateModified":"2026-03-27T01:51:28+00:00","description":"Perbedaan HRD dan personalia ada pada fokus kerja dan tugas harian. Pelajari definisi, pembagian tugas, skill, serta peran software HR.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp","width":1200,"height":675,"caption":"hrd dan personalia"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrd-dan-personalia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Masih Sering Tertukar, Ini Perbedaan HRD dan Personalia di Perusahaan"}]},{"@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":"hrd dan personalia","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/189697","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=189697"}],"version-history":[{"count":3,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/189697\/revisions"}],"predecessor-version":[{"id":191464,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/189697\/revisions\/191464"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/173445"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=189697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=189697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=189697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}