{"id":28183,"date":"2025-06-12T10:11:42","date_gmt":"2025-06-12T03:11:42","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=28183"},"modified":"2026-03-06T11:16:26","modified_gmt":"2026-03-06T04:16:26","slug":"perbedaan-hrm-dan-hrd","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/","title":{"rendered":"Perbedaan HR dan HRD yang Perlu Anda Ketahui!"},"content":{"rendered":"<p>Pernah bingung membedakan HR dan HRD? Banyak orang di dunia kerja mengira keduanya sama, padahal peran dan tanggung jawabnya berbeda.<\/p>\n<p>Kesalahpahaman ini sering membuat proses di perusahaan jadi membingungkan, terutama saat urusan administrasi SDM bercampur dengan program pengembangan karyawan. Akibatnya, pembagian kerja kurang jelas dan prioritas tim bisa ikut kacau.<\/p>\n<p>Jika perusahaan ingin pengelolaan SDM lebih rapi dan terarah, pemahaman soal perbedaan HR dan HRD jadi langkah dasar yang tidak bisa dilewatkan. Dari sini, pembentukan struktur tim, penentuan KPI, sampai strategi pengembangan karyawan bisa dibuat lebih tepat.<\/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 aria-level=\"1\"><a href=\"#hrd\">HR dan HRD<\/a> memiliki peran terpenting dalam organisasi maupun perusahaan yang berperan untuk mengelola sumber daya manusia yang ada di dalamnya.<\/li>\n<li aria-level=\"1\"><a href=\"#hr\">Perbedaan HRD dan HR<\/a> berada pada fungsinya. HR berfokus pada pelatihan karyawan dan rekrutmen, sedangkan HRD berfokus pada pengembangan sumber daya manusia.<\/li>\n<li aria-level=\"1\"><a href=\"#dec\">Prioritaskan HR<\/a> jika proses SDM berantakan; prioritaskan HRD jika skill dan retensi jadi masalah.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<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 \r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<h2><strong>Mengenal Human Resource dan Tanggung Jawabnya<\/strong><\/h2>\n<p>Human Resources (HR) adalah divisi dalam perusahaan yang bertugas mengelola tenaga kerja dari awal sampai akhir masa kerja karyawan. Mulai dari mencari kandidat, proses rekrutmen, onboarding, penggajian, hingga administrasi kontrak kerja termasuk pemutusan hubungan kerja jika diperlukan.<\/p>\n<p>HR juga berperan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-manager\/\">menjaga produktivitas karyawan<\/a> dengan memastikan kebutuhan mereka terpenuhi, hubungan dengan manajemen berjalan baik, serta kepatuhan pada aturan ketenagakerjaan. Maka, peran HR tidak berhenti di perekrutan saja, tetapi mencakup seluruh siklus kerja karyawan.<\/p>\n<p>Berikut adalah beberapa peran dari HR yang perlu Anda ketahui:<span id=\"hrd\"><\/span><\/p>\n<ol>\n<li aria-level=\"1\"><b>Penghubung antara manajemen dan karyawan:<\/b> Menjaga komunikasi yang efektif antara karyawan dan manajemen untuk memastikan kepuasan keduanya.<\/li>\n<li aria-level=\"1\"><b>Mengembangkan budaya perusahaan:<\/b> Mendorong terciptanya budaya perusahaan yang positif untuk meningkatkan motivasi dan produktivitas, yang juga dapat mendukung strategi <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-marketing\/\">HR Marketing<\/a> perusahaan.<\/li>\n<li aria-level=\"1\"><b>Menjamin kepatuhan terhadap regulasi: <\/b>Memastikan bahwa perusahaan mematuhi peraturan ketenagakerjaan yang berlaku, seperti perihal upah dalam <a href=\"https:\/\/www.hashmicro.com\/id\/aplikasi-gaji\">aplikasi gaji<\/a>.<\/li>\n<li aria-level=\"1\"><b>Meningkatkan keterlibatan karyawan: <\/b>Menyusun program untuk meningkatkan keterlibatan karyawan dalam pencapaian tujuan perusahaan.<\/li>\n<li aria-level=\"1\"><b>Mengelola konflik dan penyelesaian masalah: <\/b>Membantu menyelesaikan konflik yang muncul antara karyawan atau antara karyawan dan manajemen.<\/li>\n<\/ol>\n<h2><strong>Mengenal Human Resource Development dan Tanggung Jawabnya<\/strong><\/h2>\n<p>Human Resource Development (HRD) adalah bagian dari manajemen SDM yang <strong>fokus pada pelatihan dan pengembangan karyawan. <\/strong><\/p>\n<p>HRD bertanggung jawab untuk mengidentifikasi kebutuhan pelatihan, merancang program pengembangan, dan memastikan karyawan memperoleh pembelajaran yang relevan dengan pekerjaannya.<\/p>\n<p>Tujuan utama HRD adalah meningkatkan kompetensi, keterampilan, serta pengetahuan karyawan agar mereka lebih siap menjalankan tanggung jawab dan berkontribusi optimal bagi perusahaan.<\/p>\n<p>Dengan kata lain, HRD merupakan cabang dari HR yang lebih menitikberatkan pada aspek pengembangan manusia. Dalam praktiknya, HRD sering kali juga disebut sebagai personalia di banyak perusahaan.<\/p>\n<p>Tugas HR mencakup hampir semua aspek pengelolaan karyawan. Berikut beberapa tanggung jawab utama HR di perusahaan:<\/p>\n<ol>\n<li><strong>Rekrutmen dan seleksi:<\/strong> Menetapkan kualifikasi, mengumumkan lowongan, menyaring CV, melakukan wawancara, sampai memilih kandidat yang sesuai.<\/li>\n<li><strong>Onboarding:<\/strong> Membantu karyawan baru beradaptasi dengan budaya kerja, mengenalkan SOP, dan menyiapkan dokumen administratif.<\/li>\n<li><strong>Administrasi dan penggajian:<\/strong> Mengelola data kepegawaian, slip gaji, tunjangan, bonus, hingga lembur agar semua proses pembayaran berjalan lancar.<\/li>\n<li><strong>Manajemen kinerja:<\/strong> Menetapkan target kerja, melakukan evaluasi, serta memberikan umpan balik untuk meningkatkan produktivitas.<\/li>\n<li><strong>Pelatihan dan pengembangan:<\/strong> Mengatur program pelatihan internal maupun eksternal agar keterampilan karyawan terus berkembang.<\/li>\n<li><strong>Hubungan karyawan:<\/strong> Menangani keluhan, menyelesaikan konflik, serta menjaga komunikasi sehat antara karyawan dan manajemen.<\/li>\n<li><strong>Pemutusan hubungan kerja:<\/strong> Menangani proses administrasi resign, pensiun, atau pemutusan kontrak sesuai ketentuan hukum.<\/li>\n<\/ol>\n<p>Setiap proses dalam HR dapat berjalan lebih terstruktur dan efisien. Semua aspek ini juga akan lebih mudah dioptimalkan dengan dukungan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/video\/software-hr-terbaik\/\">aplikasi HRIS<\/a> yang tepat.<\/p>\n<h2><b>Fungsi HRD<\/b><\/h2>\n<p>HRD memiliki beberapa fungsi utama yang berfokus pada <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/strategi-human-resource-management\/\">strategi human resource management<\/a>. Beberapa di antaranya adalah:<\/p>\n<ol>\n<li aria-level=\"1\"><b>Pengembangan keterampilan karyawan: <\/b>Menyediakan pelatihan dan kursus yang membantu karyawan meningkatkan keterampilan teknis maupun soft skills yang diperlukan di pekerjaan mereka.<\/li>\n<li aria-level=\"1\"><b>Perencanaan karir:<\/b> Membantu karyawan merencanakan jalur karir mereka di perusahaan dengan memberikan kesempatan untuk pengembangan dan promosi.<\/li>\n<li aria-level=\"1\"><b>Penyusunan program pengembangan:<\/b> Merancang dan melaksanakan program-program pengembangan yang mendukung tujuan perusahaan dan membantu karyawan dalam mencapai potensi penuh mereka.<\/li>\n<li aria-level=\"1\"><b>Evaluasi dan pengukuran kinerja:<\/b> Menyusun metode untuk menilai dan mengevaluasi kinerja karyawan, serta memberikan umpan balik untuk perbaikan.<\/li>\n<li aria-level=\"1\"><b>Meningkatkan kepuasan dan motivasi karyawan:<\/b> Menyusun program yang meningkatkan kepuasan dan motivasi karyawan melalui pengembangan yang relevan dengan kebutuhan dan keinginan mereka.<\/li>\n<\/ol>\n<h2><b>Perbedaan HR dan HRD<\/b><\/h2>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hr-dan-hrd.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-163448 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hr-dan-hrd.webp\" alt=\"perbedaan hr dan hrd\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hr-dan-hrd.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hr-dan-hrd-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hr-dan-hrd-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hr-dan-hrd-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hr-dan-hrd-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hr-dan-hrd-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hr-dan-hrd-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hr-dan-hrd-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p>Masih sering bingung membedakan HR dengan HRD? Meski kerap dianggap sama, keduanya punya peran yang berbeda. Berikut beberapa poin perbedaan yang bisa jadi acuan:<span id=\"hr\"><\/span><\/p>\n<h3><strong>1. Fokus Utama<\/strong><\/h3>\n<p>HR menitikberatkan pada pengelolaan operasional sehari-hari karyawan, seperti rekrutmen, penggajian, hingga manajemen kinerja.<\/p>\n<p>Sementara itu, HRD berfokus pada pengembangan jangka panjang melalui pelatihan, pembinaan, dan program peningkatan keterampilan.<\/p>\n<h3><strong>2. Fungsi Utama<\/strong><\/h3>\n<p>HR bertugas mengurus administrasi kepegawaian, memastikan kepatuhan hukum ketenagakerjaan, serta menjaga hubungan manajemen dengan karyawan.<\/p>\n<p>HRD justru berperan merancang program pelatihan, mengembangkan jalur karier, dan memastikan kompetensi karyawan terus berkembang.<\/p>\n<h3><strong>3. Orientasi<\/strong><\/h3>\n<p>HR memiliki orientasi operasional yang lebih administratif dan rutin. Sebaliknya, HRD berorientasi strategis dengan fokus pada pengembangan jangka panjang dan peningkatan kualitas karyawan.<\/p>\n<h3><strong>4. Keterlibatan Karyawan<\/strong><\/h3>\n<p>HR menangani seluruh siklus kerja karyawan, mulai dari perekrutan hingga pensiun. HRD hanya terlibat dalam aspek pengembangan keterampilan dan kompetensi selama masa kerja.<\/p>\n<h3><strong>5. Tujuan Akhir<\/strong><\/h3>\n<p>HR bertujuan menciptakan operasional yang efisien serta lingkungan kerja yang kondusif bagi karyawan dan manajemen. HRD bertujuan meningkatkan kemampuan karyawan agar lebih produktif dan siap menghadapi tantangan bisnis ke depan.<\/p>\n<p>Supaya fungsi HR (operasional) dan HRD (pengembangan) berjalan sinkron dan terukur, pertimbangkan penggunaan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\">software hris terlengkap di Indonesia<\/a> yang mengintegrasikan rekrutmen, payroll, hingga learning &amp; development.<\/p>\n<p>Untuk gambaran yang lebih jelas, tabel berikut akan merangkum perbedaan HR dan HRD dalam perusahaan:<\/p>\n<table style=\"border-collapse: collapse; width: 100%; border: 1px solid black;\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 12px; text-align: center; font-weight: bold; width: 20%;\">Aspek<\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 12px; text-align: center; font-weight: bold; width: 40%;\">HR (<i>Human Resources<\/i>)<\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 12px; text-align: center; font-weight: bold; width: 40%;\">HRD (<i>Human Resource Development<\/i>)<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #ddd; font-weight: bold;\">Definisi<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Mengelola administrasi dan manajemen karyawan<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Mengembangkan keterampilan dan potensi karyawan<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #ddd; font-weight: bold;\">Tugas<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Rekrutmen, kompensasi, manajemen kinerja, hubungan karyawan<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Pelatihan, pengembangan karir, perencanaan pengembangan<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #ddd; font-weight: bold;\">Sifat<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Reaktif<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Proaktif<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #ddd; font-weight: bold;\">Posisi<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Biasanya berada di departemen SDM<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Biasanya berada di bawah HR sebagai sub-departemen<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #ddd; font-weight: bold;\">Objektif<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Memastikan kelancaran operasional terkait karyawan<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Meningkatkan kemampuan dan kesiapan karyawan<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 10px; border: 1px solid #ddd; font-weight: bold;\">Sasaran<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Pengelolaan karyawan yang efisien dan kepuasan karyawan<\/td>\n<td style=\"padding: 10px; border: 1px solid #ddd;\">Peningkatan keterampilan dan pengembangan karir<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><strong>Kapan Perusahaan Butuh HR vs HRD? (<em>Decision Guide<\/em>)<\/strong><\/h2>\n<p><span id=\"dec\">Jika ingin cepat membedakan, anggap saja HR fokus memastikan \u201corang + administrasi + kepatuhan\u201d berjalan rapi, sedangkan HRD fokus memastikan \u201corang + skill + karier\u201d berkembang dan siap menghadapi target bisnis. Banyak perusahaan butuh keduanya, tapi timing dan prioritasnya bisa berbeda tergantung kondisi.<\/span><\/p>\n<h3><strong>1. Situasi saat HR menjadi prioritas<\/strong><\/h3>\n<p><strong>A. Tim HR mulai kesulitan mengejar kebutuhan operasional:<\/strong><\/p>\n<ul>\n<li>Payroll, absensi, cuti, klaim, dan lembur sering telat atau salah hitung.<\/li>\n<li>Data karyawan terpencar di spreadsheet\/WhatsApp, jadi sulit dilacak.<\/li>\n<li>Surat-menyurat (kontrak, promosi, mutasi, SP) sering \u201cnyangkut\u201d karena alurnya tidak jelas.<\/li>\n<\/ul>\n<p><strong>B. Risiko kepatuhan makin tinggi:<\/strong><\/p>\n<ul>\n<li>Banyak pekerja shift, kontrak, atau multi-cabang dan aturannya makin kompleks.<\/li>\n<li>Audit internal sering menemukan dokumen tidak lengkap atau prosedur tidak konsisten.<\/li>\n<li>Perusahaan butuh SOP HR yang rapi untuk mengurangi masalah industrial relation.<\/li>\n<\/ul>\n<p><strong>C. Headcount naik, tapi struktur belum siap:<\/strong><\/p>\n<ul>\n<li>Tim HR kecil tapi menangani karyawan yang makin banyak.<\/li>\n<li>Hiring jalan terus, tetapi onboarding dan administrasi tidak scalable.<\/li>\n<li>Perusahaan butuh standar proses yang \u201cseragam\u201d agar cabang tidak jalan sendiri-sendiri.<\/li>\n<\/ul>\n<p><strong>Intinya<\/strong>: pilih HR dulu jika masalah utamanya adalah ketertiban proses, data, dan kepatuhan.<\/p>\n<h3><strong>2. Indikator HRD perlu didahulukan<\/strong><\/h3>\n<p><strong>A. Target bisnis naik, tapi skill tim tidak ikut naik<\/strong><\/p>\n<ul>\n<li>Performa stagnan karena kompetensi tidak berkembang.<\/li>\n<li>Banyak gap skill untuk role baru (misalnya digital, leadership, atau technical skill).<\/li>\n<li>Jumlah orangnya sudah mencukupi, tetapi kesiapan kompetensinya belum merata.<\/li>\n<\/ul>\n<p><strong>B. Turnover tinggi dan engagement menurun<\/strong><\/p>\n<ul>\n<li>Karyawan resign karena merasa tidak berkembang.<\/li>\n<li>Jalur karier tidak jelas, appraisal terasa subjektif, atau feedback minim.<\/li>\n<li>Motivasi tim perlahan turun karena tidak ada jalur pengembangan yang terstruktur.<\/li>\n<\/ul>\n<p><strong>C. Perusahaan mulai butuh pipeline pemimpin<\/strong><\/p>\n<ul>\n<li>Banyak posisi supervisor\/manager kosong dan sulit diisi dari internal.<\/li>\n<li>Succession plan belum ada, padahal ekspansi sudah dekat.<\/li>\n<li>Perusahaan perlu program development yang terukur (bukan training ad-hoc).<\/li>\n<\/ul>\n<p><strong>Intinya<\/strong>: pilih HRD dulu kalau masalah utamanya adalah kapabilitas, karier, dan retensi.<\/p>\n<h3><strong>3. Perusahaan membutuhkan HR dan HRD sekaligus\u00a0<\/strong><\/h3>\n<p><strong>A. Perusahaan sedang ekspansi<\/strong><\/p>\n<ul>\n<li>Buka cabang baru\/naik kapasitas produksi = butuh proses HR rapi dan kesiapan skill tim.<\/li>\n<li>Hiring cepat tanpa pengembangan = rawan miskomunikasi, performa turun, turnover naik.<\/li>\n<\/ul>\n<p><strong>B. Perusahaan mulai transformasi (digital, compliance, atau budaya)<\/strong><\/p>\n<ul>\n<li>Perubahan sistem kerja butuh SOP &amp; struktur (HR) sekaligus coaching dan reskilling (HRD).<\/li>\n<li>Tanpa HRD, orang sulit adaptasi; tanpa HRM, perubahan jadi tidak konsisten.<\/li>\n<\/ul>\n<p><strong>C. Perusahaan sudah menengah\u2013besar<\/strong><\/p>\n<ul>\n<li>Skala bisnis membuat administrasi SDM tidak bisa lagi manual.<\/li>\n<li>Upaya pengembangan harus punya arah, target, dan evaluasi bukan sekadar pelatihan insidental.<\/li>\n<\/ul>\n<p><!-- Section Box: Rekomendasi Praktis Berdasarkan Skala & Kondisi --><\/p>\n<div style=\"max-width: 860px; margin: 18px 0; font-family: Arial, sans-serif; line-height: 1.55;\">\n<div style=\"background: #ffffff; border: 1px solid #f1c6c6; border-left: 6px solid #b30000; border-radius: 14px; padding: 18px 18px 16px;\">\n<div style=\"display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px;\">\n<div style=\"width: 10px; height: 10px; border-radius: 999px; background: #b30000; margin-top: 6px;\"><\/div>\n<div>\n<div style=\"font-size: 16px; font-weight: bold; color: #111827; margin: 0 0 2px;\">Rekomendasi Praktis Berdasarkan Skala &amp; Kondisi<\/div>\n<div style=\"font-size: 13px; color: #6b7280; margin: 0;\">Ringkasan cepat untuk menentukan prioritas HRM vs HRD sesuai situasi perusahaan.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 12px;\">\n<div style=\"border: 1px solid #f1c6c6; border-radius: 12px; padding: 12px 12px; background: #fff7f7;\">\n<div style=\"display: flex; gap: 10px; align-items: flex-start;\">\n<div style=\"min-width: 28px; height: 28px; border-radius: 10px; background: #b30000; color: #ffffff; font-weight: bold; font-size: 13px; display: flex; align-items: center; justify-content: center; margin-top: 2px;\">1<\/div>\n<div style=\"flex: 1;\">\n<div style=\"font-size: 14px; font-weight: bold; color: #111827; margin: 0 0 4px;\">Start-up \/ Tim Kecil<\/div>\n<div style=\"font-size: 14px; color: #374151; margin: 0;\">Biasanya mulai dari <span style=\"font-weight: bold; color: #111827;\">HRM basic<\/span> (administrasi rapi), lalu lanjut <span style=\"font-weight: bold; color: #111827;\">HRD ringan<\/span> (onboarding + training inti).<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"border: 1px solid #f1c6c6; border-radius: 12px; padding: 12px 12px; background: #ffffff;\">\n<div style=\"display: flex; gap: 10px; align-items: flex-start;\">\n<div style=\"min-width: 28px; height: 28px; border-radius: 10px; background: #b30000; color: #ffffff; font-weight: bold; font-size: 13px; display: flex; align-items: center; justify-content: center; margin-top: 2px;\">2<\/div>\n<div style=\"flex: 1;\">\n<div style=\"font-size: 14px; font-weight: bold; color: #111827; margin: 0 0 4px;\">Perusahaan Tumbuh Cepat<\/div>\n<div style=\"font-size: 14px; color: #374151; margin: 0;\">Perkuat <span style=\"font-weight: bold; color: #111827;\">HR<\/span>\u00a0untuk standarisasi proses <span style=\"font-weight: bold; color: #111827;\">dan<\/span> jalankan <span style=\"font-weight: bold; color: #111827;\">HRD<\/span> untuk menjaga retensi serta membangun leadership pipeline.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"border: 1px solid #f1c6c6; border-radius: 12px; padding: 12px 12px; background: #fff7f7;\">\n<div style=\"display: flex; gap: 10px; align-items: flex-start;\">\n<div style=\"min-width: 28px; height: 28px; border-radius: 10px; background: #b30000; color: #ffffff; font-weight: bold; font-size: 13px; display: flex; align-items: center; justify-content: center; margin-top: 2px;\">3<\/div>\n<div style=\"flex: 1;\">\n<div style=\"font-size: 14px; font-weight: bold; color: #111827; margin: 0 0 4px;\">Perusahaan Multi-Cabang \/ Banyak Shift<\/div>\n<div style=\"font-size: 14px; color: #374151; margin: 0;\">Jadikan <span style=\"font-weight: bold; color: #111827;\">HR<\/span>\u00a0sebagai fondasi wajib; <span style=\"font-weight: bold; color: #111827;\">HRD<\/span> menyusul agar kualitas orang antar cabang tetap konsisten.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"border: 1px solid #f1c6c6; border-radius: 12px; padding: 12px 12px; background: #ffffff;\">\n<div style=\"display: flex; gap: 10px; align-items: flex-start;\">\n<div style=\"min-width: 28px; height: 28px; border-radius: 10px; background: #b30000; color: #ffffff; font-weight: bold; font-size: 13px; display: flex; align-items: center; justify-content: center; margin-top: 2px;\">4<\/div>\n<div style=\"flex: 1;\">\n<div style=\"font-size: 14px; font-weight: bold; color: #111827; margin: 0 0 4px;\">Perusahaan dengan Target Agresif<\/div>\n<div style=\"font-size: 14px; color: #374151; margin: 0;\"><span style=\"font-weight: bold; color: #111827;\">HRD<\/span> bisa jadi prioritas utama, tetapi tetap perlu <span style=\"font-weight: bold; color: #111827;\">HR minimum<\/span> agar eksekusi berjalan rapi dan tidak tersendat.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin-top: 14px; padding-top: 12px; border-top: 1px dashed #f1c6c6; display: flex; gap: 10px; align-items: flex-start;\">\n<div style=\"min-width: 16px; height: 16px; border-radius: 6px; background: #b30000; margin-top: 3px;\"><\/div>\n<div style=\"font-size: 13px; color: #374151;\"><span style=\"font-weight: bold; color: #111827;\">Tips:<\/span> Jika bingung menentukan urutan, mulai dari titik masalah terbesar: administrasi &amp; kepatuhan (HRM) atau kompetensi &amp; retensi (HRD).<\/div>\n<\/div>\n<\/div>\n<\/div>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h2><b>Kesimpulan<\/b><\/h2>\n<p>HRM dan HRD memegang peran kunci dalam memastikan pengelolaan SDM berjalan rapi, adil dan selaras dengan arah bisnis. Saat prosesnya masih tersebar dan banyak kerja manua tim akan lebih mudah kewalahan di urusan administrasi daripada fokus pada pengembangan karyawan.<\/p>\n<p>Karena itu, penggunaan sistem HRM yang terintegrasi bisa menjadi langkah praktis untuk merapikan proses HR secara terpusat mulai dari pencatatan data hingga pelaporan.<\/p>\n<p>Jika Anda ingin menilai kecocokannya, Anda bisa <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">berkonsultasi terkait bisnis<\/a> untuk mendapat gambaran langsung alur kerja dan fitur yang paling relevan untuk kebutuhan perusahaan.<\/p>\n<a href=\"https:\/\/www.hashmicro.com\/id\/manajemen-human-resource?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-tips.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-tips.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-tips-m.webp\" alt=\"HR_Tips\" class=\"responsive-image-banner\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<h2><strong>Pertanyaan Seputar Perbedaan HR dan HRD<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Apakah HRD lebih penting daripada HR?<\/strong><\/summary>\n<p>Keduanya sama pentingnya. HR memastikan organisasi berjalan sesuai kebijakan tenaga kerja, sedangkan HRD memastikan karyawan berkembang dan berkontribusi optimal bagi perusahaan.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apakah semua perusahaan memiliki HRD?<\/strong><\/summary>\n<p>Tidak semua. Perusahaan kecil seringkali hanya memiliki HR tanpa divisi khusus HRD, tetapi perusahaan besar biasanya memiliki HRD untuk mendukung pengembangan karyawan.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apa peran teknologi dalam HR dan HRD?<\/strong><\/summary>\n<p>Teknologi seperti <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-hrd\/\">aplikasi HRD<\/a> membantu HR mengelola data karyawan lebih efisien. HRD memanfaatkan teknologi untuk e-learning, pelatihan online, dan penilaian kinerja berbasis sistem.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Apakah HRD lebih penting daripada HR?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Keduanya sama pentingnya. HR memastikan organisasi berjalan sesuai kebijakan tenaga kerja, sedangkan HRD memastikan karyawan berkembang dan berkontribusi optimal bagi perusahaan.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Apakah semua perusahaan memiliki HRD?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Tidak semua. Perusahaan kecil seringkali hanya memiliki HR tanpa divisi khusus HRD, tetapi perusahaan besar biasanya memiliki HRD untuk mendukung pengembangan karyawan.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Apa peran teknologi dalam HR dan HRD?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Teknologi seperti HRIS membantu HR mengelola data karyawan lebih efisien. HRD memanfaatkan teknologi untuk e-learning, pelatihan online, dan penilaian kinerja berbasis sistem.\"\n    }\n  }]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pernah bingung membedakan HR dan HRD? Banyak orang di dunia kerja mengira keduanya sama, padahal peran dan tanggung jawabnya berbeda. Kesalahpahaman ini sering membuat proses di perusahaan jadi membingungkan, terutama saat urusan administrasi SDM bercampur dengan program pengembangan karyawan. Akibatnya, pembagian kerja kurang jelas dan prioritas tim bisa ikut kacau. Jika perusahaan ingin pengelolaan SDM [&hellip;]<\/p>\n","protected":false},"author":218,"featured_media":163449,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-28183","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 HR dan HRD yang Perlu Anda Ketahui!<\/title>\n<meta name=\"description\" content=\"Pada dasarnya, HRM dan HRD sama-sama merupakan praktik yang berhubungan dengan sumber daya manusia. Berikut beberapa perbedaan HR dan HRD.\" \/>\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-hrm-dan-hrd\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Perbedaan HR dan HRD yang Perlu Anda Ketahui!\" \/>\n<meta property=\"og:description\" content=\"Pada dasarnya, HRM dan HRD sama-sama merupakan praktik yang berhubungan dengan sumber daya manusia. Berikut beberapa perbedaan HR dan HRD.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/\" \/>\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=\"2025-06-12T03:11:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-06T04:16:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hrm-dan-hrd.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=\"Reno Wicaksana\" \/>\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=\"Reno Wicaksana\" \/>\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-hrm-dan-hrd\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/\"},\"author\":{\"name\":\"Reno Wicaksana\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e\"},\"headline\":\"Perbedaan HR dan HRD yang Perlu Anda Ketahui!\",\"datePublished\":\"2025-06-12T03:11:42+00:00\",\"dateModified\":\"2026-03-06T04:16:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/\"},\"wordCount\":1652,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hrm-dan-hrd.webp\",\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/\",\"name\":\"Perbedaan HR dan HRD yang Perlu Anda Ketahui!\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hrm-dan-hrd.webp\",\"datePublished\":\"2025-06-12T03:11:42+00:00\",\"dateModified\":\"2026-03-06T04:16:26+00:00\",\"description\":\"Pada dasarnya, HRM dan HRD sama-sama merupakan praktik yang berhubungan dengan sumber daya manusia. Berikut beberapa perbedaan HR dan HRD.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hrm-dan-hrd.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hrm-dan-hrd.webp\",\"width\":1200,\"height\":675,\"caption\":\"perbedaan hrm dan hrd\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Perbedaan HR dan HRD yang Perlu Anda Ketahui!\"}]},{\"@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\/0d3340f667908102d8894da18f80732e\",\"name\":\"Reno Wicaksana\",\"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\/10\/Reno-Wicaksana-96x96.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp\",\"caption\":\"Reno Wicaksana\"},\"description\":\"Reno adalah HRM Specialist dan senior content writer dengan pengalaman lebih dari 5 tahun di industri teknologi dan manajemen sumber daya manusia. Secara konsisten mengangkat topik artikel seputar performance management, rekrutmen dan pengembangan SDM, manajemen talenta, dan sistem HRIS untuk pengelolaan karyawan.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/william-w-88353a262\/\"],\"gender\":\"Laki-laki\",\"knowsAbout\":[\"HRM\",\"HRIS\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Senior Content Writer on HRIS\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/author\/reno-wicaksana\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Perbedaan HR dan HRD yang Perlu Anda Ketahui!","description":"Pada dasarnya, HRM dan HRD sama-sama merupakan praktik yang berhubungan dengan sumber daya manusia. Berikut beberapa perbedaan HR dan HRD.","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-hrm-dan-hrd\/","og_locale":"id_ID","og_type":"article","og_title":"Perbedaan HR dan HRD yang Perlu Anda Ketahui!","og_description":"Pada dasarnya, HRM dan HRD sama-sama merupakan praktik yang berhubungan dengan sumber daya manusia. Berikut beberapa perbedaan HR dan HRD.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2025-06-12T03:11:42+00:00","article_modified_time":"2026-03-06T04:16:26+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hrm-dan-hrd.webp","type":"image\/webp"}],"author":"Reno Wicaksana","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Reno Wicaksana","Estimasi waktu membaca":"10 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/"},"author":{"name":"Reno Wicaksana","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e"},"headline":"Perbedaan HR dan HRD yang Perlu Anda Ketahui!","datePublished":"2025-06-12T03:11:42+00:00","dateModified":"2026-03-06T04:16:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/"},"wordCount":1652,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hrm-dan-hrd.webp","articleSection":["HRM"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/","name":"Perbedaan HR dan HRD yang Perlu Anda Ketahui!","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hrm-dan-hrd.webp","datePublished":"2025-06-12T03:11:42+00:00","dateModified":"2026-03-06T04:16:26+00:00","description":"Pada dasarnya, HRM dan HRD sama-sama merupakan praktik yang berhubungan dengan sumber daya manusia. Berikut beberapa perbedaan HR dan HRD.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hrm-dan-hrd.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/perbedaan-hrm-dan-hrd.webp","width":1200,"height":675,"caption":"perbedaan hrm dan hrd"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/perbedaan-hrm-dan-hrd\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Perbedaan HR dan HRD yang Perlu Anda Ketahui!"}]},{"@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\/0d3340f667908102d8894da18f80732e","name":"Reno Wicaksana","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\/10\/Reno-Wicaksana-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp","caption":"Reno Wicaksana"},"description":"Reno adalah HRM Specialist dan senior content writer dengan pengalaman lebih dari 5 tahun di industri teknologi dan manajemen sumber daya manusia. Secara konsisten mengangkat topik artikel seputar performance management, rekrutmen dan pengembangan SDM, manajemen talenta, dan sistem HRIS untuk pengelolaan karyawan.","sameAs":["https:\/\/www.linkedin.com\/in\/william-w-88353a262\/"],"gender":"Laki-laki","knowsAbout":["HRM","HRIS"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Senior Content Writer on HRIS","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/reno-wicaksana\/"}]}},"focus_keyword":"Perbedaan HR dan HRD","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/28183","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\/218"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=28183"}],"version-history":[{"count":22,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/28183\/revisions"}],"predecessor-version":[{"id":190478,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/28183\/revisions\/190478"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/163449"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=28183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=28183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=28183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}