{"id":160520,"date":"2025-04-16T16:10:23","date_gmt":"2025-04-16T09:10:23","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=160520"},"modified":"2026-01-22T15:23:49","modified_gmt":"2026-01-22T08:23:49","slug":"software-manajemen-kompetensi","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/","title":{"rendered":"15 Software Manajemen Kompetensi Terbaik bagi Bisnis 2026"},"content":{"rendered":"<p>Tanpa software manajemen kompetensi, memiliki tim yang terampil dan siap menghadapi tantangan menjadi hal yang sulit. Namun, adakah solusi terbaik untuk memastikan setiap karyawan memiliki keterampilan yang sesuai dengan peran mereka?<\/p>\n<p><b>Software manajemen kompetensi<\/b> adalah jawabannya. Sistem ini mengelola <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/competency-matrix\/\">matriks kompetensi<\/a> dan mengembangkan keterampilan karyawan, sehingga potensi dan operasional perusahaan bisa mendapatkan dampak positif yang signifikan.<\/p>\n<p>Dengan ini, software manajemen kompetensi bukan lagi sekadar alat, tetapi investasi strategis untuk masa depan perusahaan Anda. Ketahui lebih lanjut tentang apa itu software manajemen kompetensi dan rekomendasi terbaiknya melalui artikel berikut!<\/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=\"#fitur\" rel=\"\">Fitur-fitur<\/a>\u00a0software manajemen kompetensi mampu mengelola keterampilan karyawan secara efisien.<\/li>\n<li aria-level=\"1\">Penting bagi Anda untuk memperhatikan tujuh <a href=\"#tips\">tips<\/a> memilih penyedia sistem manajemen kompetensi dalam artikel berikut.<\/li>\n<li aria-level=\"1\"><a href=\"https:\/\/www.hashmicro.com\/id\/software-manajemen-kompetensi-training\"><b>HashMicro<\/b><\/a> adalah pilihan vendor terbaik bagi Anda yang mengutamakan keselarasan manajemen kompetensi dan kebutuhan HR lainnya.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\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> <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\n<h2><b>Apa Itu Software Manajemen Kompetensi?<\/b><\/h2>\n<p><b>Software manajemen kompetensi<\/b> adalah perangkat lunak yang membantu perusahaan dalam mengelola, menilai, dan mengembangkan keterampilan karyawan secara terstruktur. Dengan sistem ini, HR bisa memantau perkembangan karyawan dan merancang strategi pengembangan SDM yang sesuai.<\/p>\n<p>Lebih dari sekadar alat penilaian, aplikasi manajemen kompetensi memberikan insight berbasis data untuk mendukung pengambilan keputusan yang lebih strategis.<\/p>\n<h2><b>Manfaat Software Manajemen Kompetensi<\/b><\/h2>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-software-manajemen-kompetensi.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160527 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-software-manajemen-kompetensi.webp\" alt=\"software manajemen kompetensi\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-software-manajemen-kompetensi.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-software-manajemen-kompetensi-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-software-manajemen-kompetensi-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-software-manajemen-kompetensi-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-software-manajemen-kompetensi-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-software-manajemen-kompetensi-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-software-manajemen-kompetensi-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/manfaat-software-manajemen-kompetensi-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a>Pernah merasa karyawan sudah bekerja keras, tetapi hasilnya belum optimal? Masalahnya mungkin bukan pada semangat atau usaha, melainkan pada kesenjangan keterampilan yang tak terlihat.<\/p>\n<p>Untuk itu, Anda akan menyadari bahwa disinilah software manajemen kompetensi mengambil peran. Melalui <a href=\"https:\/\/www.hashmicro.com\/id\/software-manajemen-kompetensi-training\">sistem manajemen kompetensi<\/a>, Anda dapat merasakan berbagai keuntungan dan manfaat-manfaat bisnis, seperti:<\/p>\n<h3><b>1. Mendeteksi kesenjangan keterampilan lebih cepat<\/b><\/h3>\n<p>Sistem ini memungkinkan HR untuk melakukan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/competency-gap-analysis\/\">evaluasi gap kemampuan karyawan<\/a> dengan membandingkan kompetensi yang dimiliki karyawan dengan standar yang dibutuhkan setiap posisi. Hasilnya, kekurangan bisa segera Anda identifikasi sebelum berdampak buruk pada kinerja tim.<\/p>\n<h3><b>2. Merancang pelatihan yang lebih tepat sasaran<\/b><\/h3>\n<p>Berdasarkan hasil penilaian, Anda dapat membuat program pelatihan yang sesuai dengan kebutuhan tiap individu atau tim. Ini membuat proses pengembangan lebih efisien dan hasilnya lebih terasa.<\/p>\n<h3><b>3. Meningkatkan produktivitas tim secara menyeluruh<\/b><\/h3>\n<p>Ketika setiap karyawan bekerja sesuai dengan keahliannya, proses kerja menjadi lebih cepat, minim kesalahan, dan hasilnya pun lebih maksimal. Ini berdampak langsung pada peningkatan output perusahaan.<\/p>\n<h3><b>4. Mendukung promosi dan rotasi karyawan berbasis data<\/b><\/h3>\n<p>Software ini menyimpan catatan perkembangan kompetensi karyawan secara sistematis. Dengan begitu, keputusan untuk promosi atau rotasi dapat dilakukan secara objektif dan adil, berdasarkan bukti nyata.<\/p>\n<h3><b>5. Menjaga daya saing bisnis di tengah ketatnya pasar kerja<\/b><\/h3>\n<p>Aplikasi manajemen kompetensi membantu memastikan perusahaan selalu memiliki sumber daya manusia yang siap menghadapi tantangan industri yang terus berubah.<\/p>\n<p><span data-sheets-root=\"1\"><strong>Baca Juga:<\/strong> <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/sertifikat-kompetensi-adalah\/\">Sertifikat Kompetensi untuk Mempermudah Proses Rekrutmen<\/a><\/span><\/p>\n<h2><b><span id=\"fitur\">Fitur-Fitur Software Manajemen Kompetensi<\/span><\/b><\/h2>\n<p>Bayangkan jika perusahaan Anda harus menilai kompetensi karyawan tanpa sistem yang terstruktur. Keterampilan yang tidak terdata dengan baik bisa membuat pengembangan SDM berjalan lambat, bahkan tidak efektif.<\/p>\n<p>Oleh karenanya, menggunakan software manajemen kompetensi dengan fitur-fitur unggulan menjadi solusi penting untuk mengatasi masalah ini. Beberapa fitur penting software manajemen kompetensi tersebut, seperti:<\/p>\n<ul>\n<li aria-level=\"1\"><b>Kerangka kompetensi:<\/b> Fitur ini membantu perusahaan untuk membuat panduan yang jelas untuk mengevaluasi dan mengembangkan keterampilan yang mereka butuhkan.<\/li>\n<li aria-level=\"1\"><b>Penilaian keterampilan:<\/b> Software manajemen kompetensi menyediakan <i>tools <\/i>untuk mengukur keterampilan secara akurat, sehingga HR bisa membuat keputusan yang lebih tepat.<\/li>\n<li aria-level=\"1\"><b>Analisis kesenjangan:<\/b> Fitur ini membantu mengidentifikasi kesenjangan antara keterampilan karyawan dan apa yang sebenarnya perusahaan butuhkan, sehingga solusi yang tepat bisa segera Anda identifikasi dan terapkan.<\/li>\n<li aria-level=\"1\"><b>Perencanaan pelatihan dan pengembangan:<\/b> Dengan fitur ini, Anda dapat merancang program pelatihan yang sesuai dengan kebutuhan tiap individu untuk mencapai hasil yang maksimal.<\/li>\n<li aria-level=\"1\"><b>Laporan dan analitik:<\/b> Fitur ini menyediakan laporan dan analitik real-time untuk memantau perkembangan kompetensi karyawan, memberikan gambaran yang lebih jelas dan objektif.<\/li>\n<li aria-level=\"1\"><b>Integrasi dengan sistem HR:<\/b> Fitur ini memastikan bahwa software manajemen kompetensi terhubung dengan sistem HR lainnya, memudahkan pengelolaan data karyawan secara efisien.<\/li>\n<\/ul>\n<style>\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n\/*         font-family: 'Roboto', sans-serif; *\/\r\n    }\r\n\t\r\n\t.hashy-content a {\r\n\t\t\tcolor: #b0e0e6  !important;\r\n\t\t\ttext-decoration: underline !important;\r\n\t}\r\n\t.hashy-content a:hover {\r\n\t\t\ttext-decoration: underline !important;\r\n\t}\r\n\t\r\n\t.hashy-content .hashy-cta {\r\n\t\ttext-decoration: none !important;\r\n\t}\r\n\t\r\n\t.hashy-content .hashy-cta:hover {\r\n\t\t\ttext-decoration: none !important;\r\n\t}\r\n\r\n    .hashylogo {\r\n        width: 280px !important;\r\n        height: 70px !important;\r\n    }\r\n\r\n    .hashyrobot {\r\n        position: absolute;\r\n        top: -30%;\r\n        left: 80%;\r\n\t\tz-index: 10;\r\n    }\r\n\r\n    .hashy {\r\n\t\tmargin: 80px 0px 30px 0px;\r\n        display: flex;\r\n        gap: 16px;\r\n        flex-direction: column;\r\n\t\tposition: relative;\r\n    }\r\n\r\n    .hashy-fact {\r\n        width: 200px;\r\n        height: 55px;\r\n        justify-content: center;\r\n        color: #FFF !important;\r\n        text-align: center;\r\n        font-family: Roboto;\r\n        font-size: 20px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n        display: flex;\r\n        padding: 12px 30px;\r\n        align-items: center;\r\n        gap: 8px;\r\n        border-radius: 48px;\r\n        background: linear-gradient(238deg, #7B00FF 2.44%, #FBB8FF 154.72%), #F3E3FF;\r\n        box-shadow: 0px 0px 12px 0px rgba(125, 2, 255, 0.30);\r\n    }\r\n\t\r\n\t.hashy-fact p {\r\n\t\tcolor: #FFF !important;align-content\r\n\t}\r\n\r\n    .hashy-fact-star {\r\n        position: absolute;\r\n        top: -2%;\r\n        left: 200px;\r\n        width: 50px;\r\n        height: 38px;\r\n    }\r\n\r\n    .hashy-content {\r\n        width: 100%;\r\n        height: auto;\r\n        justify-content: center;\r\n        border-radius: 12px;\r\n        padding: 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        color: #fff !important;\r\n        background: linear-gradient(238deg, #7B00FF 2.44%, #FBB8FF 154.72%), #F3E3FF;\r\n        box-shadow: 0px 0px 12px 0px #7D02FF4D;\r\n        border: 1px solid #7D02FF;\r\n        position: relative;\r\n    }\r\n\r\n    .hashy-content h3 {\r\n        color: #FFF !important;\r\n        font-size: 22px;\r\n        font-style: normal;\r\n        font-weight: 800;\r\n        line-height: normal;\r\n        margin: 0px !important;\r\n    }\r\n    \r\n    .hashy-content p {\r\n        margin-bottom: 0px !important;\r\n\t\tcolor: #FFF !important;\r\n    }\r\n    \r\n    .hashy p {\r\n        margin-bottom: 0px !important;\r\n    }\r\n\r\n     .hashy-cta {\r\n        cursor: pointer;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: fit-content;\r\n        height: 45px;\r\n        border: 1px solid #7D02FF;\r\n        background: #F8EEFF;\r\n        box-shadow: 0px 4px 4px 0px #00000040, \r\n                   0px 0px 15.5px 0px #FFFFFF66;\r\n        padding: 12px 24px;\r\n        gap: 8px;\r\n        border-radius: 8px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .hashy-cta p {\r\n        color: #8627DE !important;\r\n        text-align: center;\r\n        font-weight: 800;\r\n        font-size: 16px;\r\n        line-height: 100%;\r\n    }\r\n\r\n    .hashy-cta img {\r\n        width: 25px;\r\n        height: 20px;\r\n        margin-bottom: 0px !important;\r\n    }\r\n\r\n    .hashy-cta::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 60%;\r\n        height: 100%;\r\n        background: linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(98, 0, 234, 0.4),\r\n            rgba(98, 0, 234, 0.6),\r\n            transparent\r\n        );\r\n        transform: skewX(-15deg);\r\n        animation: visible-shimmer 2.5s infinite;\r\n    }\r\n\r\n    @keyframes visible-shimmer {\r\n        100% {\r\n            left: 150%;\r\n        }\r\n    }\r\n\r\n    .hashy-cta:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(125, 2, 255, 0.4);\r\n    }\r\n\r\n    .hashy-cta:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    @media screen and (max-width: 550px) {\r\n\t\t.hashy{\r\n\t\t\tmargin: 50px 0px 30px 0px;\r\n\t\t}\r\n        .hashy-fact {\r\n            display: flex;\r\n            padding: 8px 20px;\r\n            align-items: center;\r\n            gap: 8px;\r\n            border-radius: 48px;\r\n            background: linear-gradient(242deg, #B14CF1 2.92%, #7B00FF 104.91%), #F3E3FF;\r\n            box-shadow: 0px 0px 12px 0px rgba(125, 2, 255, 0.30);\r\n        }\r\n\r\n        .hashy-fact-star {\r\n            width: 36px;\r\n            height: 29px;\r\n\t\t\tleft:52%;\r\n        }\r\n\t\t\r\n\t\t.hashy-fact {\r\n    \t\twidth: fit-content;\r\n\t\t\theight: auto;align-content\r\n\t\t}\r\n\r\n        .hashy-fact p {\r\n            color: #FFF !important;\r\n            text-align: center;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            line-height: normal;\r\n        }\r\n\r\n        .hashy-content {\r\n            display: flex;\r\n            width: 100%;\r\n            padding: 16px;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            border-radius: 8px;\r\n            border: 1px solid #7D02FF;\r\n            background: linear-gradient(238deg, #7B00FF 2.44%, #FBB8FF 154.72%), #F3E3FF;\r\n            box-shadow: 0px 0px 12px 0px rgba(125, 2, 255, 0.30);\r\n            gap: 12px;\r\n        }\r\n\r\n        .hashy-content h3 {\r\n            color: #FFF !important;\r\n            font-family: Roboto;\r\n            font-size: 16px;\r\n\t\t\tpadding: 0px !important;\r\n            font-style: normal;\r\n            font-weight: 800;\r\n            line-height: normal;\r\n        }\r\n\r\n        .hashy-content p {\r\n            color: #FFF !important;\r\n            font-size: 14px;\r\n            font-weight: 400;\r\n            line-height: 18px;\r\n        }\r\n\t\t\r\n        .hashy-cta {\r\n            display: flex;\r\n            padding: 12px 16px;\r\n            align-items: center;\r\n            gap: 8px;\r\n            width: fit-content;\r\n            border-radius: 8px;\r\n            border: 1px solid #7D02FF;\r\n            background: #F8EEFF;\r\n            box-shadow: 0px 0px 15.5px 0px rgba(255, 255, 255, 0.40), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);\r\n        }\r\n\r\n        .hashy-cta p {\r\n            color: #8627DE !important;\r\n            text-align: center;\r\n            font-size: 14px;\r\n            font-weight: 800;\r\n            line-height: normal;\r\n        }\r\n\r\n        .hashyrobot {\r\n            top: -17%;\r\n            left: 75%;\r\n            width: 64px;\r\n            height: 110px;        \r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div>\r\n    <div class=\"hashy\">\r\n        <div class=\"hashy-fact\">\r\n            <p>Tahukah Anda?<\/p>\r\n\t\t\t<div  class=\"hashy-fact-star\">\r\n\t\t\t\t\t  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"28\" viewBox=\"0 0 36 28\" fill=\"none\">\r\n\t\t\t\t\t  <path d=\"M17.7875 22.5125C20.7747 23.1401 21.7146 24.0249 22.3263 26.9054C22.3463 26.9933 22.3964 27.0718 22.4684 27.1281C22.5404 27.1844 22.6299 27.215 22.7222 27.215C22.8145 27.215 22.904 27.1844 22.976 27.1281C23.048 27.0718 23.0981 26.9933 23.1181 26.9054C23.7619 23.9936 24.6697 23.0773 27.6248 22.5125C27.7148 22.493 27.7954 22.4441 27.8532 22.374C27.9109 22.3038 27.9424 22.2165 27.9424 22.1266C27.9424 22.0366 27.9109 21.9493 27.8532 21.8792C27.7954 21.809 27.7148 21.7601 27.6248 21.7406C24.6439 21.1131 23.704 20.2282 23.1181 17.3477C23.0981 17.2599 23.048 17.1813 22.976 17.1251C22.904 17.0688 22.8145 17.0381 22.7222 17.0381C22.6299 17.0381 22.5404 17.0688 22.4684 17.1251C22.3964 17.1813 22.3463 17.2599 22.3263 17.3477C21.6825 20.2533 20.7747 21.1695 17.8196 21.7406C17.7285 21.7563 17.6456 21.8018 17.5847 21.8697C17.5237 21.9376 17.4885 22.0238 17.4847 22.1139C17.481 22.2041 17.5089 22.2927 17.564 22.3652C17.6191 22.4378 17.6979 22.4897 17.7875 22.5125Z\" fill=\"#AF48F2\"\/>\r\n\t\t\t\t\t  <path d=\"M0.643802 13.5823C7.6355 14.8374 9.54115 16.7201 10.8288 23.5103C10.8288 23.6767 10.8966 23.8363 11.0173 23.954C11.1381 24.0717 11.3018 24.1378 11.4726 24.1378C11.6433 24.1378 11.8071 24.0717 11.9278 23.954C12.0485 23.8363 12.1164 23.6767 12.1164 23.5103C13.404 16.695 15.3354 14.8374 22.2949 13.5823C22.4656 13.5823 22.6294 13.5161 22.7501 13.3984C22.8709 13.2808 22.9387 13.1211 22.9387 12.9547C22.9387 12.7883 22.8709 12.6286 22.7501 12.5109C22.6294 12.3933 22.4656 12.3271 22.2949 12.3271C15.3032 11.072 13.404 9.22071 12.1164 2.40539C12.1164 2.23895 12.0485 2.07933 11.9278 1.96164C11.8071 1.84395 11.6433 1.77783 11.4726 1.77783C11.3018 1.77783 11.1381 1.84395 11.0173 1.96164C10.8966 2.07933 10.8288 2.23895 10.8288 2.40539C9.54115 9.22071 7.60975 11.072 0.643802 12.3271C0.473055 12.3271 0.309302 12.3933 0.188565 12.5109C0.067829 12.6286 0 12.7883 0 12.9547C0 13.1211 0.067829 13.2808 0.188565 13.3984C0.309302 13.5161 0.473055 13.5823 0.643802 13.5823Z\" fill=\"#AF48F2\"\/>\r\n\t\t\t\t\t  <path d=\"M22.8576 7.12452C27.2547 7.84621 28.2848 8.85659 29.0316 13.1428C29.0418 13.2081 29.0757 13.2677 29.1271 13.3107C29.1784 13.3538 29.2439 13.3774 29.3117 13.3774C29.3794 13.3774 29.445 13.3538 29.4963 13.3107C29.5477 13.2677 29.5816 13.2081 29.5917 13.1428C30.3643 8.85659 31.3751 7.85249 35.7723 7.12452C35.8371 7.11097 35.8952 7.07617 35.9368 7.02592C35.9785 6.97567 36.0012 6.91301 36.0012 6.84839C36.0012 6.78378 35.9785 6.72112 35.9368 6.67086C35.8952 6.62061 35.8371 6.58581 35.7723 6.57226C31.3751 5.84429 30.3643 4.8402 29.5917 0.553954C29.5816 0.488664 29.5477 0.429094 29.4963 0.38605C29.445 0.343005 29.3794 0.319336 29.3117 0.319336C29.2439 0.319336 29.1784 0.343005 29.1271 0.38605C29.0757 0.429094 29.0418 0.488664 29.0316 0.553954C28.2848 4.8402 27.2547 5.84429 22.8576 6.59737C22.8029 6.61786 22.7559 6.65402 22.7228 6.70107C22.6896 6.74812 22.6719 6.80386 22.6719 6.86094C22.6719 6.91802 22.6896 6.97376 22.7228 7.02082C22.7559 7.06787 22.8029 7.10403 22.8576 7.12452Z\" fill=\"#AF48F2\"\/>\r\n\t\t\t\t\t<\/svg>\r\n\t\t\t\t<\/div> \r\n        <\/div>\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/05\/Hashy-Desktop-1-1.webp\" width=\"96\" height=\"166\" alt=\"\" class=\"hashyrobot\">\r\n\r\n        <div class=\"hashy-content\">\r\n\t\t\t<p>Dengan <a href='https:\/\/www.hashmicro.com\/id\/ai-agent-untuk-hr\/'>software HR<\/a> HashMicro berbasis AI, Anda dapat mengecek dan menyetujui cuti hanya lewat chatbox, mengelola reimburse dengan mudah, dan membuat laporan cuti instan. Permudah pengelolaan karyawan dengan software HR HashMicro!<\/p>\r\n\r\n<a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/?medium=cta-button-fun-fact\" class=\"hashy-cta\" style=\"display: flex;\">\r\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"15\" viewBox=\"0 0 36 28\" fill=\"none\">\r\n  <path d=\"M17.7875 22.5125C20.7747 23.1401 21.7146 24.0249 22.3263 26.9054C22.3463 26.9933 22.3964 27.0718 22.4684 27.1281C22.5404 27.1844 22.6299 27.215 22.7222 27.215C22.8145 27.215 22.904 27.1844 22.976 27.1281C23.048 27.0718 23.0981 26.9933 23.1181 26.9054C23.7619 23.9936 24.6697 23.0773 27.6248 22.5125C27.7148 22.493 27.7954 22.4441 27.8532 22.374C27.9109 22.3038 27.9424 22.2165 27.9424 22.1266C27.9424 22.0366 27.9109 21.9493 27.8532 21.8792C27.7954 21.809 27.7148 21.7601 27.6248 21.7406C24.6439 21.1131 23.704 20.2282 23.1181 17.3477C23.0981 17.2599 23.048 17.1813 22.976 17.1251C22.904 17.0688 22.8145 17.0381 22.7222 17.0381C22.6299 17.0381 22.5404 17.0688 22.4684 17.1251C22.3964 17.1813 22.3463 17.2599 22.3263 17.3477C21.6825 20.2533 20.7747 21.1695 17.8196 21.7406C17.7285 21.7563 17.6456 21.8018 17.5847 21.8697C17.5237 21.9376 17.4885 22.0238 17.4847 22.1139C17.481 22.2041 17.5089 22.2927 17.564 22.3652C17.6191 22.4378 17.6979 22.4897 17.7875 22.5125Z\" fill=\"#AF48F2\"\/>\r\n  <path d=\"M0.643802 13.5823C7.6355 14.8374 9.54115 16.7201 10.8288 23.5103C10.8288 23.6767 10.8966 23.8363 11.0173 23.954C11.1381 24.0717 11.3018 24.1378 11.4726 24.1378C11.6433 24.1378 11.8071 24.0717 11.9278 23.954C12.0485 23.8363 12.1164 23.6767 12.1164 23.5103C13.404 16.695 15.3354 14.8374 22.2949 13.5823C22.4656 13.5823 22.6294 13.5161 22.7501 13.3984C22.8709 13.2808 22.9387 13.1211 22.9387 12.9547C22.9387 12.7883 22.8709 12.6286 22.7501 12.5109C22.6294 12.3933 22.4656 12.3271 22.2949 12.3271C15.3032 11.072 13.404 9.22071 12.1164 2.40539C12.1164 2.23895 12.0485 2.07933 11.9278 1.96164C11.8071 1.84395 11.6433 1.77783 11.4726 1.77783C11.3018 1.77783 11.1381 1.84395 11.0173 1.96164C10.8966 2.07933 10.8288 2.23895 10.8288 2.40539C9.54115 9.22071 7.60975 11.072 0.643802 12.3271C0.473055 12.3271 0.309302 12.3933 0.188565 12.5109C0.067829 12.6286 0 12.7883 0 12.9547C0 13.1211 0.067829 13.2808 0.188565 13.3984C0.309302 13.5161 0.473055 13.5823 0.643802 13.5823Z\" fill=\"#AF48F2\"\/>\r\n  <path d=\"M22.8576 7.12452C27.2547 7.84621 28.2848 8.85659 29.0316 13.1428C29.0418 13.2081 29.0757 13.2677 29.1271 13.3107C29.1784 13.3538 29.2439 13.3774 29.3117 13.3774C29.3794 13.3774 29.445 13.3538 29.4963 13.3107C29.5477 13.2677 29.5816 13.2081 29.5917 13.1428C30.3643 8.85659 31.3751 7.85249 35.7723 7.12452C35.8371 7.11097 35.8952 7.07617 35.9368 7.02592C35.9785 6.97567 36.0012 6.91301 36.0012 6.84839C36.0012 6.78378 35.9785 6.72112 35.9368 6.67086C35.8952 6.62061 35.8371 6.58581 35.7723 6.57226C31.3751 5.84429 30.3643 4.8402 29.5917 0.553954C29.5816 0.488664 29.5477 0.429094 29.4963 0.38605C29.445 0.343005 29.3794 0.319336 29.3117 0.319336C29.2439 0.319336 29.1784 0.343005 29.1271 0.38605C29.0757 0.429094 29.0418 0.488664 29.0316 0.553954C28.2848 4.8402 27.2547 5.84429 22.8576 6.59737C22.8029 6.61786 22.7559 6.65402 22.7228 6.70107C22.6896 6.74812 22.6719 6.80386 22.6719 6.86094C22.6719 6.91802 22.6896 6.97376 22.7228 7.02082C22.7559 7.06787 22.8029 7.10403 22.8576 7.12452Z\" fill=\"#AF48F2\"\/>\r\n<\/svg>\r\n                <p>Dapatkan demo gratis sekarang!<\/p>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\n<h2><b>Rekomendasi 15 Software Manajemen Kompetensi Terbaik Tahun 2026<\/b><\/h2>\n<p>Sebelum melihat daftar rekomendasi, berikut beberapa beberapa pilihan unggulan yang bisa mendorong pertumbuhan bisnis Anda:<\/p>\n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/hashmicro-resized.webp\" alt=\"HashMicro Logo\" height=\"32px\" width=\"200px\" \/>\r\n          <a href=\"#hashmicro\">HashMicro<\/a>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t\t\t\t\r\n          <p class=\"desc\">Menghadirkan manajemen kompetensi SDM yang terintegrasi, cerdas, dan mudah digunakan untuk meningkatkan produktivitas perusahaan.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <div>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"15px\" width=\"15px\" viewBox=\"0 -960 960 960\" fill=\"#ffffff\">\r\n              <path style=\"flex-shrink: 0;\" d=\"m387-412 35-114-92-74h114l36-112 36 112h114l-93 74 35 114-92-71-93 71ZM240-40v-309q-38-42-59-96t-21-115q0-134 93-227t227-93q134 0 227 93t93 227q0 61-21 115t-59 96v309l-240-80-240 80Zm240-280q100 0 170-70t70-170q0-100-70-170t-170-70q-100 0-170 70t-70 170q0 100 70 170t170 70Z\" \/>\r\n            <\/svg>\r\n            <p class=\"best-deals-marker\" style=\"color: #ffffff; margin-bottom: 0; font-size: 14px; line-height: 1.5;\">Best Deals<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?medium=cta-button\">Tanya Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/sellers\/hashmicro#profiles\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" alt=\"g2 logo\" width=\"16\" height=\"16\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.8\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#hashmicro\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#hashmicro\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" alt=\"dropdown icon svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" alt=\"dropdown icon\"\/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/backup2.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50-logo.webp\" alt=\"Fuel50\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#fuel50\">Fuel50<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Menyelaraskan pengembangan karier karyawan dengan kebutuhan perusahaan secara terstruktur.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#fuel50\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/fuel50\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.3\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#fuel50\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#fuel50\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/Lexonis-logo.webp\" alt=\"Lexonis\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#lexonis\">Lexonis<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Perusahaan yang menginginkan sistem berbasis cloud untuk evaluasi kompetensi karyawan.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#lexonis\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/sellers\/lexonis\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-empty\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t3.8\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#lexonis\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#lexonis\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/backup2.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/cloud-assess-logo.webp\" alt=\"Cloud Assess\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#cloud\">Cloud Assess<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Evaluasi kompetensi karyawan dengan sistem berbasis cloud yang terintegrasi.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#cloud\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/cloud-assess\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.8\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#cloud\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#cloud\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/backup2.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/SAP-succesfactors-logo.webp\" alt=\"SAP SuccessFactors\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#sap\">SAP SuccessFactors<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Perusahan besar yang memerlukan sistem terintegrasi yang kompleks.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#sap\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/sap-successfactors\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-empty\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t3.9\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#sap\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#sap\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/backup2.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/06\/oracle-logo.webp\" alt=\"Oracle HCM Cloud\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#oracle\">Oracle HCM Cloud<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Mendukung perusahaan dalam mengelola seluruh siklus hidup karyawan.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#oracle\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/oracle-global-human-resources-cloud\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-empty\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t3.8\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#oracle\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#oracle\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/backup2.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/06\/workday-logo.webp\" alt=\"Workday\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#workday\">Workday<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Perusahaan yang memerlukan sistem berbasis cloud untuk mengelola kompetensi.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#workday\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/workday-hcm\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.1\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#workday\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#workday\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n<p>Di luar daftar sebelumnya, masih ada beragam software manajemen kompetensi yang patut Anda pertimbangkan. Berikut adalah 15 rekomendasi vendor software manajemen kompetensi terbaik yang dapat membantu perusahaan Anda dalam mencapai kesuksesan dan efisiensi pengelolaan SDM:<\/p>\n<h3><b>1. <span id=\"hashmicro\">HashMicro<\/span><\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi-hashmicro.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160535 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi-hashmicro.webp\" alt=\"software manajemen kompetensi hashmicro\" width=\"1041\" height=\"529\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi-hashmicro.webp 1041w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi-hashmicro-300x152.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi-hashmicro-1024x520.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi-hashmicro-768x390.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi-hashmicro-827x420.webp 827w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi-hashmicro-150x76.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi-hashmicro-696x354.webp 696w\" sizes=\"auto, (max-width: 1041px) 100vw, 1041px\" \/><\/a>Alasan memilih<\/b>: HashMicro menawarkan software manajemen kompetensi yang terintegrasi secara menyeluruh dengan beragam sistem lain, sehingga memudahkan Anda untuk mengelola SDM dari berbagai sisi.<\/p>\n<p>Berdiri pada tahun 2015 di Singapura, <a href=\"https:\/\/www.hashmicro.com\/id\/software-manajemen-kompetensi-training\"><b>HashMicro<\/b><\/a> merupakan perusahaan asli Indonesia yang populer di kalangan pebisnis. Vendor ini membuktikan kepiawaiannya dalam dunia manajemen bisnis dengan menyediakan perangkat lunak terbaik yang dapat Anda coba melalui <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\"><b>demo gratis<\/b><\/a>.<\/p>\n<p>Melalui penggunaan software manajemen kompetensi, tugas-tugas manual Anda akan benar-benar hilang. Tidak perlu lagi menyiapkan materi <i>training<\/i> dan menganalisis kebutuhan karyawan dengan rumit, sistem HashMicro dapat menuntaskannya dalam waktu singkat dan akurat.<\/p>\n<p>Memiliki 2.000+ klien di penjuru Asia Tenggara, HashMicro berkomitmen untuk menghadirkan kemudahan manajemen kompetensi SDM perusahaan Anda.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\"><b>Smart AI-based for employee management:<\/b> Memudahkan Anda dalam hal administrasi HR, pelaporan, dan analisis performa secara mendalam berbasis kecerdasan buatan.<\/li>\n<li aria-level=\"1\"><b>Training management:<\/b> Sistem dapat merekomendasikan karyawan atau yang mengajukan permintaan untuk mendapatkan training.<\/li>\n<li aria-level=\"1\"><b>Skill gap analysis:<\/b> Identifikasi karyawan mana saja yang membutuhkan pelatihan berdasarkan kebutuhan skill yang ingin dilatih.<\/li>\n<li aria-level=\"1\"><b>In-depth report generation<\/b>: Dapatkan informasi lengkap seputar kompetensi karyawan, produktivitas, dan lain-lainnya dengan mudah.<\/li>\n<li aria-level=\"1\"><b>Integrasi dengan sistem HRM:<\/b> Software HRM yang terintegrasi dengan manajemen kompetensi akan lebih mudah menentukan karyawan yang membutuhkan training.<\/li>\n<li aria-level=\"1\"><b>Integrasi sistem manajemen sertifikasi:<\/b> Membantu menyediakan kursus untuk mengembangkan keterampilan karyawan Anda.<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Kustomisasi yang luas dan cakupan yang fleksibel<\/td>\n<td>Waktu implementasi sistem dapat beragam, sesuai dengan keinginan kustomisasi Anda.<\/td>\n<\/tr>\n<tr>\n<td><i>User interface<\/i> yang intuitif<\/td>\n<td rowspan=\"4\">Terdapat antrian demo gratis bagi Anda yang ingin mencobanya<\/td>\n<\/tr>\n<tr>\n<td>Dukungan teknis yang responsif dan profesional<\/td>\n<\/tr>\n<tr>\n<td>Hasil laporan sistem yang komprehensif<\/td>\n<\/tr>\n<tr>\n<td>Bebas biaya tambah <i>user<\/i><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Mengetahui fitur unggulan, kelebihan, dan kekurangan dari HashMicro ini, apabila Anda ingin tahu <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\"><b>harga implementasi sistem<\/b><\/a> ini, klik <i>banner<\/i> berikut untuk mendapatkan informasi selengkapnya!<\/p>\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<h3><b><span id=\"fuel50\">2. Fuel50<\/span><\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160523 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50.webp\" alt=\"software manajemen kompetensi\" width=\"1200\" height=\"738\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50-300x185.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50-1024x630.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50-768x472.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50-683x420.webp 683w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50-150x92.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50-696x428.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50-1068x657.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/fuel50-356x220.webp 356w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/b><strong>Fuel50<\/strong> adalah penyedia solusi manajemen karier dan kompetensi yang mampu mencocokkan keinginan karir karyawan dengan kebutuhan perusahaan. Berdiri pada 2012, Fuel50 mendukung pertumbuhan SDM melalui sistemnya yang canggih.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\">AI untuk pemetaan karir dan pengembangan kompetensi<\/li>\n<li aria-level=\"1\">Penilaian dan perencanaan kompetensi berbasis data<\/li>\n<li aria-level=\"1\">Pemantauan kemajuan dan umpan balik secara real-time<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Penyediaan pelaporan berbasis data yang mendalam<\/td>\n<td>Mungkin membutuhkan waktu lebih lama untuk setup awal<\/td>\n<\/tr>\n<tr>\n<td>Teknologi terbaru dan akurat<\/td>\n<td>Fitur yang lengkap bisa berlebihan untuk tim kecil<\/td>\n<\/tr>\n<tr>\n<td>Pengalaman pengguna yang interaktif dan personal<\/td>\n<td>Beragntung pada akses internet yang kuat dan lancar<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>3. Lexonis<\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/lexonis.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160526 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/lexonis.webp\" alt=\"lexonis aplikasi manajemen kompetensi \" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/lexonis.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/lexonis-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/lexonis-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/lexonis-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/lexonis-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/lexonis-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/lexonis-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/lexonis-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/b><strong>Lexonis<\/strong> adalah vendor yang menawarkan solusi manajemen kompetensi berbasis cloud yang membantu HR dalam merancang dan mengelola program pengembangan kompetensi karyawan. Vendor ini memungkinkan karyawan untuk berkembang melalui modul-modul pelatihan yang tersedia secara online.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\">Pembuatan modul pelatihan kompetensi karyawan<\/li>\n<li aria-level=\"1\">Alat penilaian kompetensi berbasis hasil kerja<\/li>\n<li aria-level=\"1\">Pengembangan rencana pengembangan individu (IDP)<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Antarmuka yang sederhana dan mudah digunakan<\/td>\n<td>Fitur pelaporan kurang mendalam<\/td>\n<\/tr>\n<tr>\n<td>Pembelajaran mandiri untuk karyawan<\/td>\n<td>Beberapa fitur membutuhkan pengaturan tambahan<\/td>\n<\/tr>\n<tr>\n<td>Fleksibilitas dalam penggunaan modul pelatihan<\/td>\n<td>Beberapa opsi pelatihan terbatas di beberapa negara<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b><span id=\"cloud\">4. Cloud Assess<\/span><\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/cloud-assess.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160521 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/cloud-assess.webp\" alt=\"sistem manajemen kompetensi \" width=\"1536\" height=\"1100\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/cloud-assess.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/cloud-assess-300x215.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/cloud-assess-1024x733.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/cloud-assess-768x550.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/cloud-assess-586x420.webp 586w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/cloud-assess-150x107.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/cloud-assess-696x498.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/cloud-assess-1068x765.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/a><\/b><strong>Cloud Assess<\/strong> didirikan untuk membantu perusahaan dalam menyederhanakan dan mempercepat proses penilaian kompetensi karyawan dengan menggunakan platform berbasis cloud.<\/p>\n<p>Fokus utama Cloud Assess adalah menyediakan alat yang membantu HR dan manajer untuk menilai keterampilan dan menentukan program pengembangan yang tepat. Dengan platform yang sepenuhnya terintegrasi, Cloud Assess menjadi pilihan bagi banyak perusahaan besar dan menengah.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li>Penilaian otomatis berbasis keterampilan<\/li>\n<li>Laporan kompetensi berbasis AI yang mudah untuk Anda pahami<\/li>\n<li><i>Update<\/i> mingguan rutin atas <i>progress<\/i> kompetensi karyawan<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td><i>Multi-user<\/i> yang fleksibel<\/td>\n<td>Bagi perusahaan Indonesia, implementasinya mungkin akan menemui tantangan<\/td>\n<\/tr>\n<tr>\n<td>UI\/UX yang ramah pengguna<\/td>\n<td>Memerlukan <i>training<\/i> awal untuk penggunaannya<\/td>\n<\/tr>\n<tr>\n<td>Dapat Anda akses dalam keadaan <i>online<\/i> maupun <i>offline<\/i><\/td>\n<td>Dukungan teknis lokal kurang optimal<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>5. SkillsDB<\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160533 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb.webp\" alt=\"skillsdb software manajemen kompetensi \" width=\"2000\" height=\"1250\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb.webp 2000w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb-300x188.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb-1024x640.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb-768x480.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb-1536x960.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb-672x420.webp 672w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb-150x94.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb-696x435.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb-1068x668.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/skillsdb-1920x1200.webp 1920w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/a><\/b><\/p>\n<p><strong>SkillsDB<\/strong> adalah platform pelatihan dan pengelolaan kompetensi khusus untuk industri teknis dan perusahaan yang membutuhkan keterampilan khusus. Dengan berbagai program pelatihan, SkillsDB mempermudah perusahaan dalam memberikan pelatihan yang tepat kepada karyawan.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li><i>Skills tracking<\/i> yang komprehensif<\/li>\n<li aria-level=\"1\">Perencanaan karir<\/li>\n<li aria-level=\"1\">IDPs dengan rekomendasi materi pelatihan<\/li>\n<li aria-level=\"1\">Manajemen kompetensi dan karyawan<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Fokus pada pelatihan keterampilan teknis<\/td>\n<td>Bukan berbasis Indonesia, jadi Anda perlu meninjau kepatuhan regulasi lokalnya<\/td>\n<\/tr>\n<tr>\n<td>Platform pelatihan yang fleksibel dan berbasis cloud<\/td>\n<td>Tidak semua jenis bisnis cocok menggunakan sistem ini<\/td>\n<\/tr>\n<tr>\n<td>Integrasi yang baik dengan software pelatihan lainnya<\/td>\n<td>Membutuhkan waktu adaptasi yang variatif<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>6. iMocha<\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/imocha.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160524 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/imocha.webp\" alt=\"imocha aplikasi manajemen kompetensi \" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/imocha.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/imocha-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/imocha-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/imocha-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/imocha-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/imocha-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/imocha-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/imocha-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/b><strong>iMocha<\/strong> adalah platform penilaian keterampilan berbasis AI yang membantu perusahaan dalam menilai keterampilan teknis dan soft skill karyawan.<\/p>\n<p>Dengan berbagai alat penilaian dan pelatihan, iMocha memungkinkan perusahaan untuk membuat keputusan berbasis data dalam pengembangan SDM.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li>Penilaian keterampilan berbasis AI<\/li>\n<li>Pengembangan keterampilan teknis dan soft skill<\/li>\n<li>Verifikasi keterampilan <i>multi-channel<\/i><\/li>\n<li style=\"list-style-type: none;\"><\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Terintegrasi dengan modul HCM<\/td>\n<td>Integrasi dengan sistem lokal yang terbatas<\/td>\n<\/tr>\n<tr>\n<td>Laporan analitik yang mendalam<\/td>\n<td>Implementasi yang memakan waktu<\/td>\n<\/tr>\n<tr>\n<td>Platform yang mudah Anda akses di berbagai perangkat<\/td>\n<td>Potensi kendala alih bahasa yang dapat mengganggu operasional kerja<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>7. DevSkiller<\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/devskiller.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160522 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/devskiller.webp\" alt=\"devskiller sistem manajemen kompetensi \" width=\"1764\" height=\"1170\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/devskiller.webp 1764w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/devskiller-300x199.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/devskiller-1024x679.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/devskiller-768x509.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/devskiller-1536x1019.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/devskiller-633x420.webp 633w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/devskiller-150x99.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/devskiller-696x462.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/devskiller-1068x708.webp 1068w\" sizes=\"auto, (max-width: 1764px) 100vw, 1764px\" \/><\/a><\/b><strong>DevSkiller<\/strong> adalah platform penilaian keterampilan yang mengukur kemampuan teknis karyawan, terutama dalam hal coding dan pengembangan perangkat lunak. Dengan menggunakan tes yang berbasis proyek nyata, DevSkiller mampu melihat keterampilan teknis karyawan dalam situasi yang relevan.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li>Manajemen karyawan yang transparan dan adil<\/li>\n<li aria-level=\"1\"><i>Skills gap<\/i> <i>solution<\/i><\/li>\n<li aria-level=\"1\">Analitik yang komprehensif dan menyeluruh<\/li>\n<li aria-level=\"1\">Integrasi dengan modul-modul pembelajaran<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Komunikasi antara karyawan dan manajemen yang mudah<\/td>\n<td>Sulitnya mengakses dukungan teknis secara langsung<\/td>\n<\/tr>\n<tr>\n<td>Laporan analisisnya detail<\/td>\n<td>Kepatuhan akan regulasi lokal perlu Anda tinjau kembali<\/td>\n<\/tr>\n<tr>\n<td>Dashboard profil karyawan yang siap pakai<\/td>\n<td>Untuk pengalaman lokal yang mumpuni akan perlu waktu dan biaya lebih<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>8. Saba Cloud<\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/saba-cloud.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160531 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/saba-cloud.webp\" alt=\"saba cloud software manajemen kompetensi \" width=\"1200\" height=\"921\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/saba-cloud.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/saba-cloud-300x230.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/saba-cloud-1024x786.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/saba-cloud-768x589.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/saba-cloud-547x420.webp 547w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/saba-cloud-80x60.webp 80w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/saba-cloud-150x115.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/saba-cloud-696x534.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/saba-cloud-1068x820.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/b><strong>Saba Cloud<\/strong> adalah platform berbasis cloud yang menyediakan berbagai solusi manajemen bakat, termasuk pengembangan kompetensi, pelatihan, dan pembelajaran yang dipersonalisasi. Dengan alat berbasis AI, Saba Cloud memungkinkan pengelolaan pembelajaran yang lebih cerdas dan efisien.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\">Pembelajaran dan pengembangan berbasis AI<\/li>\n<li aria-level=\"1\">Program pelatihan yang disesuaikan dengan kebutuhan karyawan<\/li>\n<li aria-level=\"1\">Laporan dan analitik untuk pemantauan kemajuan<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Penggunaan AI untuk personalisasi pembelajaran<\/td>\n<td>Antarmuka pengguna terkadang membingungkan bagi pemula<\/td>\n<\/tr>\n<tr>\n<td>Program pengembangan yang disesuaikan dengan setiap karyawan<\/td>\n<td>Dibutuhkan waktu implementasi yang relatif lama<\/td>\n<\/tr>\n<tr>\n<td>Laporan analitik yang komprehensif<\/td>\n<td>Tidak banyak opsi kustomisasi untuk pelatihan tertentu<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>9. SAP SuccessFactors<\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/sap-successfactors.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160532 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/sap-successfactors.webp\" alt=\"sap successfactors sistem manajemen kompetensi \" width=\"1914\" height=\"1059\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/sap-successfactors.webp 1914w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/sap-successfactors-300x166.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/sap-successfactors-1024x567.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/sap-successfactors-768x425.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/sap-successfactors-1536x850.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/sap-successfactors-759x420.webp 759w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/sap-successfactors-150x83.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/sap-successfactors-696x385.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/sap-successfactors-1068x591.webp 1068w\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" \/><\/a><\/b><strong>SAP SuccessFactors<\/strong> adalah salah satu solusi HR yang sudah terbukti di berbagai industri. Sebagai bagian dari SAP, platform ini menawarkan berbagai fitur yang memfasilitasi pengelolaan kompetensi, rekrutmen, dan kinerja karyawan.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\">Manajemen kinerja dan pengembangan kompetensi berbasis data<\/li>\n<li aria-level=\"1\">Integrasi penuh dengan sistem SAP lainnya<\/li>\n<li aria-level=\"1\">Penilaian keterampilan dan pengembangan karier berbasis AI<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Integrasi mulus dengan solusi SAP lainnya<\/td>\n<td>Implementasi awal bisa memakan waktu lama<\/td>\n<\/tr>\n<tr>\n<td>Fitur manajemen kinerja yang lengkap<\/td>\n<td>Antarmuka pengguna cenderung lebih kompleks<\/td>\n<\/tr>\n<tr>\n<td>Dukungan untuk pengembangan karier berbasis AI<\/td>\n<td>Memerlukan pelatihan untuk mengoptimalkan penggunaan<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>10. Oracle HCM Cloud<\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-scaled.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160529 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-scaled.webp\" alt=\"oracle hcm cloud software manajemen kompetensi \" width=\"2048\" height=\"1147\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-scaled.webp 2048w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-300x168.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-1024x573.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-768x430.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-1536x860.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-750x420.webp 750w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-696x390.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-1068x598.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/oracle-hcm-cloud-1920x1075.webp 1920w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/b><strong>Oracle HCM Cloud<\/strong> adalah salah satu solusi manajemen SDM berbasis cloud terkemuka yang mendukung perusahaan dalam mengelola seluruh siklus hidup karyawan. Dengan berbagai fitur unggulannya, Oracle HCM Cloud menawarkan platform yang kuat dan fleksibel untuk perusahaan.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\">Manajemen bakat berbasis cloud<\/li>\n<li aria-level=\"1\">Penilaian dan pengembangan keterampilan berbasis data<\/li>\n<li aria-level=\"1\">Integrasi penuh dengan sistem HR dan ERP lainnya<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Integrasi kuat dengan sistem Oracle lainnya<\/td>\n<td>Kendala bahasa mungkin terjadi<\/td>\n<\/tr>\n<tr>\n<td>Solusi berbasis cloud yang fleksibel<\/td>\n<td>Antarmuka pengguna membutuhkan adaptasi lebih lama<\/td>\n<\/tr>\n<tr>\n<td>Pengelolaan kinerja dan kompetensi yang komprehensif<\/td>\n<td>Dukungan pelanggan lokal mungkin kurang optimal<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>11. Workday HCM<\/b><\/h3>\n<p><b><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160537\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/workday-hcm.webp\" alt=\"workday hcm sistem manajemen kompetensi \" width=\"665\" height=\"443\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/workday-hcm.webp 1000w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/workday-hcm-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/workday-hcm-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/workday-hcm-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/workday-hcm-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/workday-hcm-696x464.webp 696w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><\/b><strong>Workday HCM<\/strong> adalah platform manajemen SDM berbasis cloud yang memberikan kemudahan dalam mengelola kompetensi, kinerja, dan pengembangan karyawan. Dengan data real-time, Workday HCM memungkinkan HR untuk membuat keputusan yang lebih tepat dan lebih cepat.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\">Manajemen kompetensi dan kinerja yang intuitif<\/li>\n<li aria-level=\"1\">Pengembangan karier berbasis data real-time<\/li>\n<li aria-level=\"1\">Integrasi mulus dengan sistem HR lainnya<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Antarmuka pengguna yang mudah dipahami<\/td>\n<td>Waktu implementasi dapat bervariasi<\/td>\n<\/tr>\n<tr>\n<td>Integrasi yang sangat baik dengan sistem HR lainnya<\/td>\n<td>Perlu adanya pelatihan pada awal penggunaan<\/td>\n<\/tr>\n<tr>\n<td>Pengelolaan kompetensi berbasis data real-time<\/td>\n<td>Dukungan teknis lokal berpotensi kurang responsif<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>12. Talent Guard<\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/talent-guard.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160536 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/talent-guard.webp\" alt=\"talent guard software manajemen kompetensi \" width=\"1595\" height=\"835\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/talent-guard.webp 1595w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/talent-guard-300x157.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/talent-guard-1024x536.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/talent-guard-768x402.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/talent-guard-1536x804.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/talent-guard-802x420.webp 802w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/talent-guard-150x79.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/talent-guard-696x364.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/talent-guard-1068x559.webp 1068w\" sizes=\"auto, (max-width: 1595px) 100vw, 1595px\" \/><\/a><\/b><strong>Talent Guard<\/strong> adalah solusi manajemen bakat yang membantu perusahaan mengelola pengembangan kompetensi dan karier karyawan dengan lebih efektif. Vendor software HR ini banyak perusahaan pilih untuk meningkatkan kepuasan karyawan melalui pengembangan karier yang terstruktur.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\">Pemetaan keterampilan dan pengembangan karier<\/li>\n<li aria-level=\"1\">Penilaian kompetensi berbasis hasil kerja<\/li>\n<li aria-level=\"1\">Perencanaan pengembangan kompetensi jangka panjang<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Perencanaan karier yang dapat disesuaikan untuk setiap individu<\/td>\n<td>Integrasi dengan sistem lain memerlukan pengaturan lebih lanjut<\/td>\n<\/tr>\n<tr>\n<td>Fitur pelaporan yang mudah dipahami<\/td>\n<td>Kurangnya opsi pelatihan langsung dalam platform<\/td>\n<\/tr>\n<tr>\n<td>Pengalaman pengguna yang user-friendly<\/td>\n<td>Tidak semua fitur hadir dalam modul gratis<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>13. People Fluent<\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/people-fluent.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160530 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/people-fluent.webp\" alt=\"people fluent aplikasi manajemen kompetensi \" width=\"1279\" height=\"902\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/people-fluent.webp 1279w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/people-fluent-300x212.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/people-fluent-1024x722.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/people-fluent-768x542.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/people-fluent-596x420.webp 596w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/people-fluent-150x106.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/people-fluent-696x491.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/people-fluent-1068x753.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/people-fluent-100x70.webp 100w\" sizes=\"auto, (max-width: 1279px) 100vw, 1279px\" \/><\/a><\/b><\/p>\n<p><strong>People Fluent<\/strong> adalah platform yang menyediakan solusi lengkap untuk manajemen bakat, termasuk pengelolaan kompetensi, kinerja, dan pelatihan karyawan. Vendor ini membantu perusahaan mengelola SDM secara efisien dengan pemetaan keterampilan dan rencana pengembangan yang tepat.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\">Pemetaan keterampilan berbasis kompetensi<\/li>\n<li aria-level=\"1\">Program pelatihan yang dapat disesuaikan<\/li>\n<li aria-level=\"1\">Analisis kinerja berbasis data untuk pengembangan karyawan<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Penyusunan rencana pengembangan yang mudah disesuaikan<\/td>\n<td>Fitur pelaporan dalam bahasa Indonesia berpotensi terkendala<\/td>\n<\/tr>\n<tr>\n<td>Analisis kinerja berbasis data yang mendalam<\/td>\n<td>Integrasi dengan aplikasi lain membutuhkan waktu<\/td>\n<\/tr>\n<tr>\n<td>Platform yang ramah pengguna<\/td>\n<td>Kurva pembelajaran sedikit lebih curam<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>14. Korn Ferry<\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/korn-ferry.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160525 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/korn-ferry.webp\" alt=\"korn ferry sistem manajemen kompetensi \" width=\"1216\" height=\"945\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/korn-ferry.webp 1216w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/korn-ferry-300x233.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/korn-ferry-1024x796.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/korn-ferry-768x597.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/korn-ferry-540x420.webp 540w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/korn-ferry-150x117.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/korn-ferry-696x541.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/korn-ferry-1068x830.webp 1068w\" sizes=\"auto, (max-width: 1216px) 100vw, 1216px\" \/><\/a><\/b><\/p>\n<p><strong>Korn Ferry<\/strong> menyediakan berbagai solusi untuk pengelolaan bakat, termasuk manajemen kompetensi dan pengembangan SDM. Mereka menggunakan data dan riset untuk memberikan rekomendasi pengembangan kompetensi yang relevan dengan kebutuhan bisnis.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\">Pengelolaan kompetensi berbasis data dan riset<\/li>\n<li aria-level=\"1\">Alat penilaian keterampilan untuk setiap peran<\/li>\n<li aria-level=\"1\">Program pelatihan dan pengembangan yang komprehensif<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Pendekatan berbasis riset dan data yang mendalam<\/td>\n<td>Bisa jadi terlalu kompleks bagi perusahaan yang membutuhkan solusi lebih sederhana<\/td>\n<\/tr>\n<tr>\n<td>Program pengembangan yang sangat komprehensif<\/td>\n<td><i>Maintenance<\/i> langsung berpotensi menghadapi kendala<\/td>\n<\/tr>\n<tr>\n<td>Pengalaman panjang di berbagai industri<\/td>\n<td>Implementasi memerlukan keterlibatan pihak ketiga<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><b>15. Mintra<\/b><\/h3>\n<p><b><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/mintra.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-160528 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/mintra.webp\" alt=\"mintra software manajemen kompetensi \" width=\"1000\" height=\"576\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/mintra.webp 1000w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/mintra-300x173.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/mintra-768x442.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/mintra-729x420.webp 729w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/mintra-150x86.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/mintra-696x401.webp 696w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/b><strong>Mintra<\/strong> adalah vendor software yang menyediakan platform pelatihan dan manajemen kompetensi untuk industri yang membutuhkan pelatihan dan sertifikasi yang intensif, seperti konstruksi dan energi. Vendor ini menyusun program pengembangan kompetensi yang mengutamakan keahlian teknis.<\/p>\n<p><b>Fitur unggulan<\/b>:<\/p>\n<ul>\n<li aria-level=\"1\">Program pelatihan dan sertifikasi<\/li>\n<li aria-level=\"1\">Penilaian keterampilan berbasis risiko dan keselamatan<\/li>\n<li aria-level=\"1\">Integrasi dengan platform pelatihan lainnya<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"width: 50%; background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Program pelatihan yang sangat terfokus pada keselamatan<\/td>\n<td>Tidak semua fitur dapat Anda akses tanpa modul tambahan<\/td>\n<\/tr>\n<tr>\n<td>Penyediaan sertifikasi yang diakui di berbagai sektor<\/td>\n<td>Dukungan pelanggan lokal mungkin kurang responsif<\/td>\n<\/tr>\n<tr>\n<td>Integrasi yang mudah dengan sistem pelatihan eksternal<\/td>\n<td>Fokus pada sektor industri tertentu, kurang fleksibel untuk perusahaan lain<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><strong>Perbandingan Software Manajemen Kompetensi Terbaik<\/strong><\/h2>\n\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Software Manajemen Kompetensi<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Integrasi<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Fitur<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>UI\/UX<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Skalabilitas<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>HashMicro<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Fuel50<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-half\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-half\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Lexonis<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-half\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Cloud Assess<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>SkillsDB<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>iMocha<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-half\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>DevSkiller<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-half\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Saba Cloud<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-half\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<h2><b><span id=\"tips\">Tips Memilih Software Manajemen Kompetensi<\/span><\/b><\/h2>\n<p>Memilih software manajemen kompetensi yang tepat bisa menjadi tantangan besar, terutama bagi pengusaha yang baru mulai mengimplementasikan sistem ini. Berikut adalah beberapa tips yang dapat membantu Anda dalam memilih <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/jenis-software-hrm\/\">jenis software HRM<\/a> yang tepat:<\/p>\n<ul>\n<li aria-level=\"1\">Tentukan kebutuhan spesifik perusahaan Anda terlebih dahulu.<\/li>\n<li aria-level=\"1\">Pilih software yang mudah untuk Anda integrasikan dengan sistem HR yang sudah ada.<\/li>\n<li aria-level=\"1\">Pastikan software memiliki fitur penilaian keterampilan dan laporan real-time.<\/li>\n<li aria-level=\"1\">Pilih penyedia yang menawarkan dukungan teknis dan pelatihan.<\/li>\n<li aria-level=\"1\">Perhatikan antarmuka yang <i>user-friendly<\/i> dan mudah dioperasikan oleh tim.<\/li>\n<li aria-level=\"1\">Pastikan software dapat berkembang seiring dengan pertumbuhan perusahaan.<\/li>\n<li aria-level=\"1\"><a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\"><b>Uji coba software manajemen kompetensi<\/b><\/a> untuk memastikan fungsionalitas dan kecocokan dengan tim.<\/li>\n<\/ul>\n<h2><b>Kesimpulan<\/b><\/h2>\n<p>Pada akhirnya, dapat kita ketahui bersama bahwa memilih aplikasi manajemen kompetensi yang tepat, penting untuk meningkatkan pengelolaan keterampilan dan pengembangan karyawan. Selain mempertimbangkan fitur, Anda perlu memikirkan tawaran keuntungan dari vendor-vendor yang ada.<\/p>\n<p>Sebagai salah satu penyedia software manajemen kompetensi terbaik di Indonesia, <a href=\"https:\/\/www.hashmicro.com\/id\/software-manajemen-kompetensi-training\"><b>HashMicro<\/b><\/a> menawarkan solusi software manajemen kompetensi dengan fitur canggih yang mudah untuk Anda integrasikan dengan sistem HR.<\/p>\n<p>Apabila Anda tertarik untuk mengetahui tentang HashMicro secara lebih lanjut, <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\"><b>coba demo gratis<\/b><\/a> sistemnya dan temukan bagaimana software ini dapat mendukung pengelolaan SDM Anda.<\/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-listicle.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-listicle.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-listicle-m.webp\" alt=\"HR_Listicle\" 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 Software Manajemen Kompetensi<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Apa itu software manajemen kompetensi?<\/strong><\/summary>\n<p>Software manajemen kompetensi adalah sistem untuk mengelola dan mengembangkan keterampilan karyawan. HR dapat memantau dan menilai kemampuan setiap individu. Sistem ini membantu memastikan karyawan memiliki kompetensi sesuai peran mereka.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apa perbedaan software manajemen kompetensi dengan talent management software?<\/strong><\/summary>\n<p>Manajemen kompetensi fokus pada keterampilan dan pengembangannya. Talent management mencakup seluruh siklus SDM, termasuk rekrutmen dan retensi. Keduanya saling melengkapi, tapi fokusnya berbeda.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apa saja keuntungan menggunakan manajemen kompetensi?<\/strong><\/summary>\n<p>Perusahaan bisa mengidentifikasi kesenjangan kompetensi lebih cepat. HR dapat merancang pelatihan yang lebih tepat sasaran. Selain itu, kinerja tim meningkat karena peran diisi orang yang tepat.<\/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\": \"Apa itu software manajemen kompetensi?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Software manajemen kompetensi adalah sistem untuk mengelola dan mengembangkan keterampilan karyawan. HR dapat memantau dan menilai kemampuan setiap individu. Sistem ini membantu memastikan karyawan memiliki kompetensi sesuai peran mereka.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Apa perbedaannya dengan talent management software?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Manajemen kompetensi fokus pada keterampilan dan pengembangannya. Talent management mencakup seluruh siklus SDM, termasuk rekrutmen dan retensi. Keduanya saling melengkapi, tapi fokusnya berbeda.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Apa saja keuntungan menggunakan manajemen kompetensi?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Perusahaan bisa mengidentifikasi kesenjangan kompetensi lebih cepat. HR dapat merancang pelatihan yang lebih tepat sasaran. Selain itu, kinerja tim meningkat karena peran diisi orang yang tepat.\"\n    }\n  }]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tanpa software manajemen kompetensi, memiliki tim yang terampil dan siap menghadapi tantangan menjadi hal yang sulit. Namun, adakah solusi terbaik untuk memastikan setiap karyawan memiliki keterampilan yang sesuai dengan peran mereka? Software manajemen kompetensi adalah jawabannya. Sistem ini mengelola matriks kompetensi dan mengembangkan keterampilan karyawan, sehingga potensi dan operasional perusahaan bisa mendapatkan dampak positif yang [&hellip;]<\/p>\n","protected":false},"author":229,"featured_media":160534,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-160520","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>15 Software Manajemen Kompetensi Terbaik bagi Bisnis 2026<\/title>\n<meta name=\"description\" content=\"Software manajemen kompetensi adalah sistem yang membantu perusahaan dalam mengelola keterampilan karyawan. Baca selengkapnya di sini!\" \/>\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\/software-manajemen-kompetensi\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15 Software Manajemen Kompetensi Terbaik bagi Bisnis 2026\" \/>\n<meta property=\"og:description\" content=\"Software manajemen kompetensi adalah sistem yang membantu perusahaan dalam mengelola keterampilan karyawan. Baca selengkapnya di sini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/\" \/>\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-04-16T09:10:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-22T08:23:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi.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=\"Nabila Zulfa Damayanti\" \/>\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=\"Nabila Zulfa Damayanti\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 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\/software-manajemen-kompetensi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/\"},\"author\":{\"name\":\"Nabila Zulfa Damayanti\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/ac5fa26c553667f171195df8ddcf143c\"},\"headline\":\"15 Software Manajemen Kompetensi Terbaik bagi Bisnis 2026\",\"datePublished\":\"2025-04-16T09:10:23+00:00\",\"dateModified\":\"2026-01-22T08:23:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/\"},\"wordCount\":2903,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi.webp\",\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/\",\"name\":\"15 Software Manajemen Kompetensi Terbaik bagi Bisnis 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi.webp\",\"datePublished\":\"2025-04-16T09:10:23+00:00\",\"dateModified\":\"2026-01-22T08:23:49+00:00\",\"description\":\"Software manajemen kompetensi adalah sistem yang membantu perusahaan dalam mengelola keterampilan karyawan. Baca selengkapnya di sini!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi.webp\",\"width\":1200,\"height\":675,\"caption\":\"software manajemen kompetensi\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"15 Software Manajemen Kompetensi Terbaik bagi Bisnis 2026\"}]},{\"@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\/ac5fa26c553667f171195df8ddcf143c\",\"name\":\"Nabila Zulfa Damayanti\",\"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\/2024\/04\/cropped-Nala-96x96.jpg\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/cropped-Nala-96x96.jpg\",\"caption\":\"Nabila Zulfa Damayanti\"},\"description\":\"Nabila sudah menjadi spesialis yang berpengalaman selama lebih dari 2 tahun dalam bidang penulisan topik ERP. Dalam prosesnya, topik penulisan yang diangkat meliputi implementasi sistem ERP, integrasi proses bisnis, serta pemanfaatan ERP untuk meningkatkan efisiensi dan visibilitas operasional perusahaan.\",\"gender\":\"perempuan\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/author\/nabila-zulfa\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"15 Software Manajemen Kompetensi Terbaik bagi Bisnis 2026","description":"Software manajemen kompetensi adalah sistem yang membantu perusahaan dalam mengelola keterampilan karyawan. Baca selengkapnya di sini!","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\/software-manajemen-kompetensi\/","og_locale":"id_ID","og_type":"article","og_title":"15 Software Manajemen Kompetensi Terbaik bagi Bisnis 2026","og_description":"Software manajemen kompetensi adalah sistem yang membantu perusahaan dalam mengelola keterampilan karyawan. Baca selengkapnya di sini!","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2025-04-16T09:10:23+00:00","article_modified_time":"2026-01-22T08:23:49+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi.webp","type":"image\/webp"}],"author":"Nabila Zulfa Damayanti","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Nabila Zulfa Damayanti","Estimasi waktu membaca":"19 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/"},"author":{"name":"Nabila Zulfa Damayanti","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/ac5fa26c553667f171195df8ddcf143c"},"headline":"15 Software Manajemen Kompetensi Terbaik bagi Bisnis 2026","datePublished":"2025-04-16T09:10:23+00:00","dateModified":"2026-01-22T08:23:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/"},"wordCount":2903,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi.webp","articleSection":["HRM"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/","name":"15 Software Manajemen Kompetensi Terbaik bagi Bisnis 2026","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi.webp","datePublished":"2025-04-16T09:10:23+00:00","dateModified":"2026-01-22T08:23:49+00:00","description":"Software manajemen kompetensi adalah sistem yang membantu perusahaan dalam mengelola keterampilan karyawan. Baca selengkapnya di sini!","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/software-manajemen-kompetensi.webp","width":1200,"height":675,"caption":"software manajemen kompetensi"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/software-manajemen-kompetensi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"15 Software Manajemen Kompetensi Terbaik bagi Bisnis 2026"}]},{"@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\/ac5fa26c553667f171195df8ddcf143c","name":"Nabila Zulfa Damayanti","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\/2024\/04\/cropped-Nala-96x96.jpg","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/cropped-Nala-96x96.jpg","caption":"Nabila Zulfa Damayanti"},"description":"Nabila sudah menjadi spesialis yang berpengalaman selama lebih dari 2 tahun dalam bidang penulisan topik ERP. Dalam prosesnya, topik penulisan yang diangkat meliputi implementasi sistem ERP, integrasi proses bisnis, serta pemanfaatan ERP untuk meningkatkan efisiensi dan visibilitas operasional perusahaan.","gender":"perempuan","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/nabila-zulfa\/"}]}},"focus_keyword":"Software Manajemen Kompetensi","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/160520","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\/229"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=160520"}],"version-history":[{"count":14,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/160520\/revisions"}],"predecessor-version":[{"id":186801,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/160520\/revisions\/186801"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/160534"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=160520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=160520"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=160520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}