{"id":3086,"date":"2025-09-03T10:35:08","date_gmt":"2025-09-03T03:35:08","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=3086"},"modified":"2026-04-20T09:22:16","modified_gmt":"2026-04-20T02:22:16","slug":"hr-software-terbaik-di-indonesia","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/","title":{"rendered":"26 Software HR &#038; Aplikasi HRIS Terbaik untuk Produktivitas Bisnis"},"content":{"rendered":"<p>Software HR atau disebut juga sebagai HRIS (Human Resources Information System) dalam implementasi nyatanya mampu memberikan dampak signifikan pada perusahaan. <a href=\"https:\/\/peoplespheres.com\/everything-on-hris-the-benefits-and-areas-where-it-falls-short\/\">Laporan dari People Spheres<\/a> menemukan bahwa perusahaan melaporkan pengurangan waktu yang dihabiskan untuk tugas-tugas administratif rutin sebesar 30% hingga 60%.<\/p>\n<p>Sementara untuk otomatisasi proses perekrutan, penggajian, tunjangan, dan pencatatan lainnya, People Speheres menyebut sistem HR mampu menghemat perusahaan hingga $27.000 atau sekitar Rp457 juta per tahun. Ini membuktikan bahwa HRIS sangat membantu operasional perusahaan, baik untuk efisiensi biaya maupun produktivitas.<\/p>\n<p>Maka dari itu, kami memberikan rekomendasi software HR apa saja yang bisa Anda pakai, tentunya yang terbaik di Indonesia. Baik untuk kebutuhan bisnis kecil, menengah, hingga <i>enterprise<\/i>, seluruhnya ada di artikel kami beserta fitur dan harganya. Simak selengkapnya di sini.<\/p>\n<p><span style=\"font-weight: 400;\"><style>\r\n\t.takeaways-container {\r\n\t\tmargin: 20px 0;\r\n\t\tfont-family: sans-serif;\r\n\t}\r\n\t.box-content {\r\n\t\tbackground-color: #fffacd;\r\n\t\tbox-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n\t\tborder-radius: 25px;\r\n\t\tpadding: 25px;\r\n\t}\r\n\t.title {\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\t.title p {\r\n\t\tdisplay: inline-block;\r\n\t\tbackground-color: #8A0E19;\r\n\t\tcolor: #ffffff;\r\n\t\tpadding: 8px 15px;\r\n\t\tborder-radius: 8px;\r\n\t\tfont-size: 22px;\r\n\t\tfont-weight: bold;\r\n\t\tmargin: 0;\r\n\t}\r\n\t.item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tmargin-bottom: 12px;\r\n\t}\r\n\t.item .circle {\r\n\t\twidth: 8px;\r\n\t\theight: 8px;\r\n\t\tbackground-color: #000000;\r\n\t\tborder-radius: 50%;\r\n\t\tmargin-right: 12px;\r\n\t\tflex-shrink: 0;\r\n\t\tmargin-top: 8px;\r\n\t}\r\n\t.item p {\r\n\t\tmargin: 0;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.6;\r\n\t}\r\n\t.item p a {\r\n\t\tcolor: #8A0E19;\r\n\t\tfont-weight: normal;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\t.item p a:hover {\r\n\t\ttext-decoration: underline;\r\n\t}\r\n\t.button-wrapper {\r\n\t\tmargin-top: 25px;\r\n\t}\r\n\t.submit-button {\r\n\t\tbackground-color: #8a0e19;\r\n\t\tcolor: #fff !important;\r\n\t\ttransition: all .3s ease;\r\n\t\tpadding: 12px 28px;\r\n\t\tdisplay: inline-block;\r\n\t\tborder-radius: 12px;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\t.submit-button:hover {\r\n\t\tbackground-color: #991b26;\r\n\t}\r\n\t@media (max-width: 767px) {\r\n\t\t.takeaways-container {\r\n\t\t\theight: auto;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t\t.box-content {\r\n\t\t\tpadding: 24px;\r\n\t\t}\r\n\t\t.content,\r\n\t\t.main-content,\r\n\t\t.list-item {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n<div class=\"takeaways-container\">\r\n\t<div class=\"box-content\">\r\n\t\t<div class=\"content\">\r\n\t\t\t<div class=\"title\">\r\n\t\t\t\t<p>Key Takeaways<\/p>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"main-content\">\r\n\t\t\t\t<div class=\"list-item\">\r\n\t\t\t\t\t<div class=\"item\">    <div class=\"circle\"><\/div>    <p><a href=\"#jenis-jenis-software-yang-membantu-tugas-hr\">Software HR<\/a> adalah teknologi terintegrasi yang dapat mempermudah pengelolaan proses bisnis HR dan pengelolaan sumber daya manusia<\/p><\/div><div class=\"item\">    <div class=\"circle\"><\/div>    <p><a href=\"#fungsi-dan-fitur-utama-software-hr\">Manfaat utama<\/a> penggunaan software human resource meliputi efisiensi operasional, akurasi data, keamanan informasi karyawan, dan pengambilan keputusan berbasis data<\/p><\/div><div class=\"item\">    <div class=\"circle\"><\/div>    <p>Penting untuk memilih <a href=\"#kucing\">aplikasi HR untuk tim HRD<\/a> yang tepat sesuai kebutuhan dan karakteristik perusahaan<\/p><\/div>\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- \t\t\t<div class=\"button-wrapper\">\r\n\t\t\t\t<a href=\"https:\/\/www.equiperp.com\/tour-produk-gratis\/?medium=key-takeaways\" class=\"submit-button\">Klik untuk Demo Gratis!<\/a>\r\n\t\t\t<\/div> -->\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div><\/span><\/p>\n<div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Daftar Isi<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n\/\/  \/\/ Generate TOC based on headings\r\n\/\/ document.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\/\/ START new generate headings ID (include h2, h3, h4)\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const tocList = document.getElementById('toc-list');\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  if (!tocList || !article) return;\r\n\r\n  \/\/ Ambil semua h2, h3, h4\r\n  const headers = article.querySelectorAll('h2, h3, h4');\r\n\r\n  headers.forEach((header, i) => {\r\n    const level = header.tagName.toLowerCase(); \/\/ h2 \/ h3 \/ h4\r\n    const text = header.textContent.trim();\r\n\t  \r\n\t\/\/ Skip jika heading adalah \"key takeaways\"\r\n    if (text.toLowerCase() === \"key takeaways\") return;\r\n\r\n    \/\/ Generate ID\r\n    let id = text\r\n      .toLowerCase()\r\n      .replace(\/[^\\w\\s-]\/g, '')\r\n      .replace(\/\\s+\/g, '-');\r\n\r\n    if (!header.id) {\r\n      header.id = id;\r\n    } else {\r\n      id = header.id;\r\n    }\r\n\r\n    \/\/ Build TOC item\r\n    const li = document.createElement('li');\r\n    li.classList.add('toc-' + level);\r\n\r\n    const link = document.createElement('a');\r\n    link.href = \"#\" + id;\r\n    link.textContent = text;\r\n\r\n    li.appendChild(link);\r\n    tocList.appendChild(li);\r\n  });\r\n});\r\n\/\/ END new generate headings ID (include h2, h3, h4)\r\n\t\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><span id=\"jenis-hr-software\"><strong>Jenis-jenis Software yang Membantu Tugas HR<\/strong><\/span><\/h2>\n<p>Mengelola sumber daya manusia (SDM) adalah salah satu tanggung jawab penting bagi divisi HRD. Untuk mendukung produktivitas dan akurasi, berikut tiga jenis software aplikasi HRM yang dirancang untuk mempermudah tugas HRD:<\/p>\n<ol>\n<li><strong>HRIS (Human Resources Information System)<\/strong>: Sistem yang dirancang untuk mengelola data karyawan, absensi, penggajian, dan informasi HR lainnya, dengan\u00a0 integrasi Chatbot HR untuk meningkatkan efisiensi dan interaksi dalam pengelolaan HR.<\/li>\n<li><strong>HRMS (Human Resources Management System):<\/strong> Sistem yang lebih komprehensif dari HRIS, mencakup fungsi HR strategis seperti manajemen talenta, pelatihan, dan pengembangan.<\/li>\n<li><strong>HCM (Human Capital Management):<\/strong> F<span class=\"selectable-text copyable-text xkrh14z\">itur standar aplikasi human capital management <\/span>mencakup HRIS dan HRMS, dengan fokus pada pengembangan dan pengoptimalan sumber daya manusia secara keseluruhan.<\/li>\n<li><strong>ATS (Applicant Tracking System):<\/strong> Sistem yang membantu HR dalam proses rekrutmen, mulai dari pengumuman lowongan, pengumpulan lamaran, hingga seleksi kandidat.<\/li>\n<\/ol>\n<style>\r\n\t#baca-juga {\r\n\t\tpadding: 16px;\r\n\t\tbackground-color: #f7eaea;\r\n\t\tborder-left: 3px solid #af2828;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-bottom: 26px;\r\n\t}\r\n\t\r\n\t#baca-juga a {\r\n\t\tcolor: #af2828 !important;\r\n\t\ttransition: all 0.2s ease-in-out;\r\n\t}\r\n\t\r\n\t#baca-juga a:hover {\r\n\t\tcolor: #af282880 !important;\r\n\t}\r\n<\/style>\r\n\r\n<div id=\"baca-juga\">\r\n\t<span>Baca juga: <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/jenis-software-hrm\/\"> Jenis Software HR untuk Manajemen SDM yang Efektif<\/a><\/span>\r\n<\/div>\n<h2><strong>26 Software HR Terbaik di Indonesia dan Kisaran Harganya<span id=\"rekomendasi\"><\/span><\/strong><\/h2>\n<p id=\"kucing\">Berikut tabel perbandingan software HR terbaik di Indonesia yang telah kami rangkum berdasarkan riset mendalam untuk membantu Anda menemukan solusi HRIS yang paling sesuai dengan kebutuhan perusahaan.<\/p>\n<style>\r\n  #custom-shortcode-scrollable-table {\r\n    width: 100%;\r\n    overflow-x: auto;\r\n  }\r\n  #custom-shortcode-scrollable-table .table-wrapper {\r\n    display: inline-block;\r\n    width: 130%; \/* Makes table wider than screen to force scroll *\/\r\n    vertical-align: top;\r\n  }\r\n  #custom-shortcode-scrollable-table table {\r\n    border-collapse: collapse;\r\n    table-layout: fixed; \/* Keeps columns stable *\/\r\n    width: 100%;\r\n  }\r\n  #custom-shortcode-scrollable-table thead {\r\n    background-color: #af2828;\r\n    color: #ffffff;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 2;\r\n  }\r\n  \r\n  \/* 1. FORCE CENTER ALIGNMENT FOR ALL HEADERS *\/\r\n  #custom-shortcode-scrollable-table th {\r\n    font-size: 16px;\r\n    text-align: center !important; \r\n    vertical-align: middle;\r\n    padding: 10px;\r\n  }\r\n  \r\n  #custom-shortcode-scrollable-table td {\r\n    font-size: 14px;\r\n    padding: 8px;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  \/* 2. FIX MEREK COLUMN WIDTH (Don't use auto here) *\/\r\n  #custom-shortcode-scrollable-table th:first-child,\r\n  #custom-shortcode-scrollable-table td:first-child {\r\n    width: 150px; \/* Fixed width stops it from expanding *\/\r\n    text-align: left; \/* Keep brand names left-aligned for readability *\/\r\n  }\r\n\r\n  \/* 3. Handle the Check Columns (Enterprise, SME, UMKM) *\/\r\n  \r\n  \/* 4. The Last Column (Detail) takes remaining space automatically *\/\r\n\r\n  #custom-shortcode-scrollable-table tbody {\r\n    display: block;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    width: 100%;\r\n  }\r\n  #custom-shortcode-scrollable-table thead,\r\n  #custom-shortcode-scrollable-table tbody tr {\r\n    display: table;\r\n    width: 100%;\r\n    table-layout: fixed;\r\n  }\r\n  \r\n  \/* Scrollbar Styling *\/\r\n  #custom-shortcode-scrollable-table::-webkit-scrollbar,\r\n  #custom-shortcode-scrollable-table tbody::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\r\n  }\r\n  #custom-shortcode-scrollable-table::-webkit-scrollbar-track,\r\n  #custom-shortcode-scrollable-table tbody::-webkit-scrollbar-track {\r\n    background: #f1f1f1;\r\n    border-radius: 4px;\r\n  }\r\n  #custom-shortcode-scrollable-table::-webkit-scrollbar-thumb,\r\n  #custom-shortcode-scrollable-table tbody::-webkit-scrollbar-thumb {\r\n    background: #af2828;\r\n    border-radius: 4px;\r\n  }\r\n  #custom-shortcode-scrollable-table::-webkit-scrollbar-thumb:hover,\r\n  #custom-shortcode-scrollable-table tbody::-webkit-scrollbar-thumb:hover {\r\n    background: #8a1f1f;\r\n  }\r\n\r\n  \/* Mobile Responsiveness *\/\r\n  @media (max-width: 767px) {\r\n    #custom-shortcode-scrollable-table th {\r\n      font-size: 12px;\r\n      padding: 5px;\r\n    }\r\n    #custom-shortcode-scrollable-table td {\r\n      font-size: 10px;\r\n      padding: 5px;\r\n    }\r\n    \/* Adjust widths for mobile *\/\r\n    #custom-shortcode-scrollable-table th:first-child,\r\n    #custom-shortcode-scrollable-table td:first-child {\r\n      width: 100px; \r\n    }\r\n      }\r\n<\/style>\r\n\r\n<div id=\"custom-shortcode-scrollable-table\">\r\n  <div class=\"table-wrapper\">\r\n    <table>\r\n      <thead>\r\n        <tr>\r\n                      <th>Vendor<\/th>\r\n                      <th>Ideal untuk<\/th>\r\n                      <th>Fitur Utama<\/th>\r\n                      <th>Kelebihan<\/th>\r\n                      <th>Harga<\/th>\r\n                  <\/tr>\r\n      <\/thead>\r\n      <tbody>\r\n                            <tr>\r\n                          <td><\/td>\r\n                      <\/tr>\r\n              <\/tbody>\r\n    <\/table>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const tbody = document.querySelector(\"#custom-shortcode-scrollable-table tbody\");\r\n  if (!tbody) return;\r\n  const rows = tbody.querySelectorAll(\"tr\");\r\n  \/\/ Calculate height based on first 10 rows\r\n  if (rows.length > 10) {\r\n    let totalHeight = 0;\r\n    for (let i = 0; i < 10 && i < rows.length; i++) {\r\n      totalHeight += rows[i].offsetHeight;\r\n    }\r\n    tbody.style.maxHeight = totalHeight + \"px\";\r\n  }\r\n});\r\n<\/script>\n<h3><strong>1. EVA HR HashMicro<\/strong><\/h3>\n<div class=\"youtube-embed\" data-video_id=\"b-K0p1RKqho\"><iframe title=\"Software HRIS HashMicro Kelola SDM Lebih Efisien\" width=\"696\" height=\"392\" src=\"https:\/\/www.youtube.com\/embed\/b-K0p1RKqho?feature=oembed&#038;enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<p><b>EVA HR HashMicro<\/b> merupakan vendor software HR terbaik di Indonesia untuk perusahaan menengah dan skala besar (enterprise). HashMicro dapat digunakan saat Anda ingin migrasi dari sistem HR lain, atau saat Anda baru mulai meninggalkan proses HR manual.<\/p>\n<p>Salah satu perusahaan seperti Mitsubishi menggunakan<a href=\"https:\/\/www.hashmicro.com\/id\/eva-hris-essentials\"> software HR enterprise terintegrasi<\/a> untuk manajemen SDM, mulai dari <i>payroll<\/i>, absensi, hingga penilaian kinerja karyawan. Alhasil, tim HR bisa mengelola karyawan mereka dengan efektif, mengingat skala bisnisnya tergolong besar.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"hm-lightbox aligncenter wp-image-177190 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Fitur-HRM-HM.webp\" alt=\"Fitur-HRM-HashMicro\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Fitur-HRM-HM.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Fitur-HRM-HM-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Fitur-HRM-HM-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Fitur-HRM-HM-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Fitur-HRM-HM-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Fitur-HRM-HM-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Fitur-HRM-HM-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Fitur-HRM-HM-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Fitur-fitur unggulan HashMicro Software HRIS Indonesia mencakup:<\/p>\n<p><!-- Versi lebih kecil + tetap scrollable sedikit + sharp corners --><\/p>\n<div style=\"width: 100%; max-width: 820px; margin: 0; border: 1px solid #e5e7eb; border-radius: 0; background: #ffffff; box-shadow: 0 5px 14px rgba(0,0,0,0.06); overflow: hidden;\">\n<div style=\"overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;\">\n<table style=\"border-collapse: separate; border-spacing: 0px; width: 720px; min-width: 720px; font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-size: 13px; color: #111827; height: 665px;\">\n<thead>\n<tr>\n<th style=\"position: sticky; top: 0; z-index: 2; background: #990000; color: #ffffff; text-align: left; padding: 10px 12px; font-weight: bold; border-bottom: 1px solid #7f0000; white-space: nowrap; width: 32%;\">Fitur<\/th>\n<th style=\"position: sticky; top: 0; z-index: 2; background: #990000; color: #ffffff; text-align: left; padding: 10px 12px; font-weight: bold; border-bottom: 1px solid #7f0000;\">Penjelasan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"background: #ffffff;\">\n<td style=\"padding: 10px 12px; vertical-align: top; font-weight: 600; border-bottom: 1px solid #eef2f7; white-space: nowrap;\"><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/payroll-compliance\/\">Payroll, PPh 21, BPJS &amp; Reimbursement<\/a><\/td>\n<td style=\"padding: 10px 12px; vertical-align: top; border-bottom: 1px solid #eef2f7; line-height: 1.55;\">Hitung gaji dan potongan otomatis, kelola BPJS Kesehatan\/Ketenagakerjaan, reimburse, dan kirim slip gaji digital.<\/td>\n<\/tr>\n<tr style=\"background: #fcfcfd;\">\n<td style=\"padding: 10px 12px; vertical-align: top; font-weight: 600; border-bottom: 1px solid #eef2f7; white-space: nowrap;\"><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/cara-kerja-face-recognition-pada-sistem-absensi-perusahaan\/\">Absensi Online (Face Recognition, GPS, Fingerprint)<\/a><\/td>\n<td style=\"padding: 10px 12px; vertical-align: top; border-bottom: 1px solid #eef2f7; line-height: 1.55;\">Catat kehadiran real-time dengan verifikasi wajah dan lokasi, plus opsi fingerprint untuk mengurangi titip absen.<\/td>\n<\/tr>\n<tr style=\"background: #ffffff;\">\n<td style=\"padding: 10px 12px; vertical-align: top; font-weight: 600; border-bottom: 1px solid #eef2f7; white-space: nowrap;\"><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-attendance-management\/\">Shift, Lembur &amp; Rekap Kehadiran<\/a><\/td>\n<td style=\"padding: 10px 12px; vertical-align: top; border-bottom: 1px solid #eef2f7; line-height: 1.55;\">Susun jadwal shift, pantau lembur\/keterlambatan, dan rekap attendance dalam satu dashboard.<\/td>\n<\/tr>\n<tr style=\"background: #fcfcfd;\">\n<td style=\"padding: 10px 12px; vertical-align: top; font-weight: 600; border-bottom: 1px solid #eef2f7; white-space: nowrap;\"><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/sistem-rekrutmen\/\">Recruitment Management<\/a><\/td>\n<td style=\"padding: 10px 12px; vertical-align: top; border-bottom: 1px solid #eef2f7; line-height: 1.55;\">Kelola rekrutmen dari pengajuan kebutuhan, seleksi kandidat, sampai proses hiring.<\/td>\n<\/tr>\n<tr style=\"background: #ffffff;\">\n<td style=\"padding: 10px 12px; vertical-align: top; font-weight: 600; border-bottom: 1px solid #eef2f7; white-space: nowrap;\"><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/talent-management-software-terbaik\/\">Onboarding + Learning &amp; Development<\/a><\/td>\n<td style=\"padding: 10px 12px; vertical-align: top; border-bottom: 1px solid #eef2f7; line-height: 1.55;\">Onboarding bertahap, pelatihan terpusat, dan tracking progres karyawan.<\/td>\n<\/tr>\n<tr style=\"background: #fcfcfd;\">\n<td style=\"padding: 10px 12px; vertical-align: top; font-weight: 600; border-bottom: 1px solid #eef2f7; white-space: nowrap;\"><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/performance-management-software-terbaik\/\">Performance, OKR &amp; 360\u00b0 Appraisal<\/a><\/td>\n<td style=\"padding: 10px 12px; vertical-align: top; border-bottom: 1px solid #eef2f7; line-height: 1.55;\">Monitoring KPI\/OKR dan penilaian multi-rater untuk evaluasi yang lebih objektif.<\/td>\n<\/tr>\n<tr style=\"background: #ffffff;\">\n<td style=\"padding: 10px 12px; vertical-align: top; font-weight: 600; border-bottom: 1px solid #eef2f7; white-space: nowrap;\"><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-employee-self-service-efisiensi-proses-administrasi-karyawan-bagi-perusahaan\/\">Employee Self Service (ESS) + <\/a><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hashy-ai\/\">Hashy AI<\/a><\/td>\n<td style=\"padding: 10px 12px; vertical-align: top; border-bottom: 1px solid #eef2f7; line-height: 1.55;\">Portal mandiri untuk cuti\/klaim\/permintaan HR, dengan alur persetujuan yang lebih cepat lewat otomatisasi berbasis AI.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div style=\"display: flex; justify-content: flex-end; padding: 8px 10px; border-top: 1px solid #eef2f7; background: #ffffff; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: 11px; color: #6b7280;\"><span style=\"user-select: none;\">Geser \u2192<\/span><\/div>\n<\/div>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Software HR all-in-one untuk kebutuhan manajemen SDM perusahaan.<\/li>\n<li style=\"margin-bottom: 8px;\">Unlimited users tanpa biaya tambahan.<\/li>\n<li style=\"margin-bottom: 8px;\">Terintegrasi dengan cloud ERP, software aset, dan akuntansi.<\/li>\n<li style=\"margin-bottom: 8px;\">Tanpa biaya tersembunyi untuk penambahan fitur.<\/li>\n<li>Fitur lengkap dan dapat dikustom sesuai kebutuhan.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Fitur dan paket perlu disesuaikan dengan kebutuhan bisnis yang sedang berkembang.<\/li>\n<li>Durasi implementasi bisa bervariasi tergantung tingkat kustomisasi.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih HashMicro?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>HashMicro HRM Software cocok untuk berbagai sektor usaha seperti manufaktur, pertambangan, retail, dan edukasi. Dengan fitur yang lengkap, kemampuan integrasi lintas departemen, dan fleksibilitas, dapat menjamin skalabilitas untuk perusahaan dari semua ukuran.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<div class=\"review-quote\">\n<p><em>&#8220;Sebagai seorang HR Manager, saya merasakan integrasi EVA HR HashMicro sangat membantu dalam mengelola SDM secara menyeluruh. Fitur payroll, absensi face recognition, dan ESS membuat kerja tim HR jauh lebih efisien.&#8221;<\/em><\/p>\n<p><strong>\u2014 Jessica Chandra, Senior HR Manager<\/strong><\/p>\n<\/div>\n<p>Untuk harga, EVA HR HashMicro menawarkan rentang harga yang beragam karena akan disesuaikan dengan kebutuhan setiap perusahaan. Anda bisa melakukan <a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp\">simulasi biaya<\/a> kemudian mendapatkan demo gratis dari kami. Atau, Anda juga bisa <a href=\"https:\/\/www.hashmicro.com\/id\/konsultasi-gratis\/\">konsultasi gratis<\/a> dengan ERP Consultant kami untuk mendapatkan rekomendasi yang sesuai dengan kebutuhan saat ini.<\/p>\n<h3><strong>2. Mekari Talenta<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-talenta-1.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4e43c\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-talenta-1.webp\"\r\n           alt=\"tampilan dashboard talenta\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-talenta-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4e43c\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-talenta-2.webp\"\r\n                 alt=\"tampilan catatan kehadiran talenta\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-talenta-3.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4e43c\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-talenta-3.webp\"\r\n                 alt=\"tampilan talenta mobile\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-talenta-4.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4e43c\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-talenta-4.webp\"\r\n                 alt=\"dashboard general talenta\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p>Rekomendasi salah satu aplikasi HRIS berikutnya adalah <b>Mekari Talenta.<\/b> HR software dari Mekari Talenta dapat memberi cakupan bantuan yang luas untuk tim HR, manajer karyawan sampai pemilik bisnis.<\/p>\n<p>Mekari dapat membantu Anda memudahkan proses komunikasi, pengelolaan, pemasukan, dan pelatihan karyawan lapangan, di manapun mereka berada.<\/p>\n<p>Mekari Talenta menawarkan harga sebagai berikut:<\/p>\n<ul>\n<li><strong>Paket Dasar:<\/strong> mulai Rp 10.000 per pengguna per bulan.<\/li>\n<li><strong>Paket Pro:<\/strong> mulai Rp 20.000 per pengguna per bulan.<\/li>\n<li><strong>Paket Premium:<\/strong> mulai Rp 30.000 per pengguna per bulan.<\/li>\n<li>Harga dapat bervariasi tergantung jumlah pengguna dan fitur yang dipilih.<\/li>\n<\/ul>\n<p>Aplikasi HRIS ini dapat membantu Anda memudahkan proses komunikasi, pengelolaan, pemasukan, dan pelatihan karyawan lapangan, di manapun mereka berada.<\/p>\n<p>Fitur-fitur dari Mekari Talenta meliputi:<\/p>\n<ul>\n<li><strong>Payroll Indonesia:<\/strong> Hitung gaji, PPh 21, BPJS, dan slip gaji otomatis.<\/li>\n<li><strong>Absensi face recognition:<\/strong> Clock in\/out mobile dengan GPS dan face recognition.<\/li>\n<li><strong>Cuti &amp; lembur:<\/strong> Kebijakan, approval, dan rekap otomatis untuk dasar penggajian.<\/li>\n<li><strong>Kinerja &amp; shift:<\/strong> Target\/penilaian karyawan serta penjadwalan kerja multi-cabang.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Tersedia di berbagai platform, termasuk aplikasi mobile yang responsif.<\/li>\n<li style=\"margin-bottom: 8px;\">Layanan pelanggan cukup responsif dengan onboarding assistance.<\/li>\n<li>Antarmuka user-friendly dan familiar untuk pengguna baru HR Indonesia.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Pilihan kustomisasi fitur masih terbatas.<\/li>\n<li style=\"margin-bottom: 8px;\">Integrasi antar sistem Mekari belum sepenuhnya seamless.<\/li>\n<li>Beberapa laporan dan dashboard analitik masih terbatas fungsinya.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Mekari Talenta?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Aplikasi HRIS Talenta cocok untuk perusahaan yang membutuhkan sistem fleksibel dan dapat berkembang seiring pertumbuhan bisnis, dengan fitur lengkap untuk mengelola absensi, payroll, dan kinerja karyawan.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong><span id=\"linov\">3. <\/span><\/strong><strong>LinovHR<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/linovhr-dashboard.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4e6f7\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/linovhr-dashboard.webp\"\r\n           alt=\"dashboard general linovhr\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/linovhr-1.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4e6f7\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/linovhr-1.webp\"\r\n                 alt=\"tampilan linovhr desktop dan mobile\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/LinovHR-aplikasi-payroll-restoran.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4e6f7\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/LinovHR-aplikasi-payroll-restoran.webp\"\r\n                 alt=\"tampilan menu payroll linovhr\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/03\/Aplikasi-Cuti-Karyawan-LinovHR.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4e6f7\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/03\/Aplikasi-Cuti-Karyawan-LinovHR.webp\"\r\n                 alt=\"tampilan dashboard linovhr mobile\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>LinovHR<\/b> adalah software HR yang memiliki fitur utama seperti penggajian, manajemen absensi dan karyawan, sekaligus pelatihan karyawan. Jadi, aplikasi HR LinovHR berguna untuk mengefisiensikan operasional tim HR supaya lebih cepat dan rapi.<\/p>\n<p><b>Hubungi tim LinovHR<\/b> langsung jika Anda ingin mengetahui harganya.<\/p>\n<p>Fitur-fitur aplikasi LinovHR:<\/p>\n<ul>\n<li><strong>Manajemen organisasi:<\/strong> Mengelola struktur, jabatan, unit, dan alur persetujuan dalam satu sistem.<\/li>\n<li><strong>Manajemen personel:<\/strong> <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/contoh-database-karyawan\/\">Database karyawan terpusat<\/a> lengkap dengan riwayat, dokumen, dan kontrak.<\/li>\n<li><strong>Manajemen waktu:<\/strong> Absensi, jadwal, lembur, dan cuti terotomatisasi serta terhubung ke <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/sistem-penggajian\/\">sistem penggajian terintegrasi<\/a>.<\/li>\n<li><strong>Layanan mandiri karyawan:<\/strong> Akses mandiri untuk profil, permohonan cuti\/lembur, dan unduh slip gaji.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Mengotomatisasi pengelolaan SDM perusahaan.<\/li>\n<li style=\"margin-bottom: 8px;\">HR system dengan fitur yang cukup lengkap.<\/li>\n<li>Memiliki mobile apps.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Fitur yang tersedia masih basic dan standar.<\/li>\n<li style=\"margin-bottom: 8px;\">Interface dianggap kurang intuitif.<\/li>\n<li>Integrasi dengan sistem lain masih terbatas.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih LinovHR?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Aplikasi LinovHR berfokus pada karyawan dan dirancang untuk mendukung pertumbuhan bisnis dengan mengoptimalkan manajemen SDM secara efisien dan terukur.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong><span id=\"bamboo\">4. BambooHR<\/span><\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/05\/Aplikasi-rekrutmen-BambooHR.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4e94a\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/05\/Aplikasi-rekrutmen-BambooHR.webp\"\r\n           alt=\"tampilan dashboard bamboohr\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-bamboohr.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4e94a\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-bamboohr.webp\"\r\n                 alt=\"tampilan desktop dan mobile bamboohr\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/software-hr-bamboohr.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4e94a\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/software-hr-bamboohr.webp\"\r\n                 alt=\"tampilan detail employee bamboohr\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>BambooHR Essentials<\/b> merupakan salah satu software manajemen human resource bagi bisnis menengah di Indonesia. Jika Anda ingin beralih dari metode manual, BambooHR menyediakan sistem yang <i>user-friendly<\/i> dan mudah dipelajari.<\/p>\n<p>Aplikasi HRIS dari BambooHR menyederhanakan proses inti HR, sehingga Anda bisa fokus ke tugas-tugas strategis dan manajemen karyawan yang lebih baik. Lalu, BambooHR menawarkan harga fleksibel tergantung ukuran perusahaan.<\/p>\n<ul>\n<li><strong>Untuk 200 karyawan<\/strong>, biaya berkisar US $12.500\u201324.700 per tahun. (Rp 207.975.625 &#8211; 410.958.835)<\/li>\n<li><strong>Untuk 1.000 karyawan<\/strong>, harga sekitar US $22.600\u201343.100 per tahun. (Rp 376.018.030 &#8211; 717.065.255)<\/li>\n<li><strong>Jika lebih dari 1.000 karyawan<\/strong>, biaya mulai dari US $40.700\u201377.600 per tahun. (Rp 677.221.835 &#8211; 1.290.148.680)<\/li>\n<\/ul>\n<p>Adapun fitur-fitur HR System BambooHR yaitu:<\/p>\n<ul>\n<li><strong>Self-service karyawan:<\/strong> Karyawan mengelola data pribadi, cuti, dan dokumen sendiri untuk mengurangi beban admin.<\/li>\n<li><strong>Alur kerja otomatis:<\/strong> Formulir, persetujuan, penggajian terintegrasi, dan notifikasi berjalan otomatis agar proses HR lebih efisien.<\/li>\n<li><strong>Antarmuka ramah pengguna:<\/strong> Desain sederhana dan mudah dinavigasi untuk adopsi yang cepat.<\/li>\n<li><strong>Platform terintegrasi:<\/strong> Integrasi mulus dengan alat bisnis lain (payroll, ATS, dan lain-lain) untuk aliran data yang konsisten<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Memiliki built-in kalender untuk melihat ketersediaan karyawan dan cuti.<\/li>\n<li>Memiliki akses ke banyak partner integrasi.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Keterbatasan dalam kustomisasi.<\/li>\n<li style=\"margin-bottom: 8px;\">Keterbatasan skalabilitas.<\/li>\n<li>HR system belum memiliki tools scheduling bawaan.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih BambooHR?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>HR process management software dari BambooHR cocok untuk perusahaan yang telah memiliki sistem payroll dan bonus, namun membutuhkan solusi terintegrasi untuk memudahkan workflow dan administrasi tim HR.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong><span id=\"workday\">5. Workday<\/span><\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/workday.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4eba5\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/workday.webp\"\r\n           alt=\"dashboard people analytic workday\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Aplikasi-HR-Workday.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4eba5\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Aplikasi-HR-Workday.webp\"\r\n                 alt=\"employee experience dashboard workday\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-workday.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4eba5\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-workday.webp\"\r\n                 alt=\"recruitment dashboard workday\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/workday-x.png\"\r\n             data-fancybox=\"gallery-69e72b4c4eba5\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/workday-x.png\"\r\n                 alt=\"dashboard benchmarking workday\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>Workday<\/b> adalah HR system berbasis cloud yang menawarkan solusi terintegrasi untuk berbagai kebutuhan. Yang Workday tawarkan meliputi rekrutmen, pengembangan karyawan, dan administrasi kompensasi.<\/p>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-payroll-terbaik\/\">Payroll software for HR<\/a> dari Workday membantu perusahaan mengelola data SDM secara efektif. Tak hanya itu, Workday juga memberikan analisis canggih untuk memberi <i>insight <\/i>pada tim Anda.<\/p>\n<p>Model harga langganan Workday bervariasi tergantung jumlah pengguna dan modul yang digunakan.<\/p>\n<ul>\n<li>Biaya per pengguna diperkirakan sekitar $99 (Rp1.647.167) per bulan.<\/li>\n<li>Untuk 200 karyawan, total biaya tahunan berkisar antara $108.400 hingga $141.100. (Rp 1.803.359.420 &#8211; 2.348.486.855)<\/li>\n<li>Biaya implementasi tambahan biasanya mencapai 100%\u2013200% dari biaya tahunan.<\/li>\n<\/ul>\n<p>Fitur yang tersedia pada software HRIS Workday meliputi:<\/p>\n<ul>\n<li><strong>Manajemen Data Karyawan: <\/strong>Penyimpanan terpusat untuk seluruh informasi karyawan, memudahkan akses, pembaruan, dan kontrol izin.<\/li>\n<li><strong>Rekrutmen:<\/strong> Mendukung lowongan, formulir lamaran, screening otomatis, hingga offer letter dalam satu alur terintegrasi.<\/li>\n<li><strong>Manajemen Penggajian dan Waktu:<\/strong> Mengotomatiskan perhitungan gaji, lembur, pajak\/potongan, serta pencatatan jam kerja dan cuti.<\/li>\n<li><strong>Penilaian Kinerja:<\/strong> Menetapkan tujuan (OKR\/KPI dan penilaian karyawan), memantau progres, dan melakukan evaluasi berkala berbasis data.<\/li>\n<li><strong>Manajemen Pelatihan:<\/strong> Merencanakan kurikulum, menjadwalkan training, dan melacak sertifikasi\/pengembangan kompetensi.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Mengintegrasikan berbagai fungsi HR dalam satu platform.<\/li>\n<li style=\"margin-bottom: 8px;\">Menawarkan wawasan mendalam tentang data SDM.<\/li>\n<li>Dapat disesuaikan untuk memenuhi kebutuhan spesifik perusahaan.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Biaya awal implementasi bisa cukup tinggi.<\/li>\n<li style=\"margin-bottom: 8px;\">Memerlukan waktu untuk mempelajari dan mengoptimalkan semua fitur.<\/li>\n<li>Beberapa fitur mungkin kurang fleksibel untuk kebutuhan yang sangat spesifik.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Workday HR?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Workday HR cocok untuk perusahaan besar dan multinasional yang membutuhkan sistem HR berbasis cloud dengan analitik canggih. Solusi ini memudahkan pengelolaan tenaga kerja global, perencanaan talenta, dan penggajian secara real-time.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong><span id=\"oracle\">6. Oracle HCM Cloud<\/span><\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/AI-HR-oracle.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4ede5\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/04\/AI-HR-oracle.webp\"\r\n           alt=\"tampilan dashboard oracle\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/oracle-hcm.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4ede5\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/oracle-hcm.webp\"\r\n                 alt=\"expenses dashboard oracle\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-oracle.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4ede5\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-oracle.webp\"\r\n                 alt=\"tampilan dashboard tim di oracle\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>Oracle<\/b> adalah salah satu software HRIS di Indonesia untuk mengelola proses HR dari rekrutmen hingga pensiun. Jika perusahaan Anda merupakan perusahaan besar dengan <i>workflow <\/i>kompleks, Oracle bisa menjadi pilihan Anda.<\/p>\n<p><b>Hubungi vendor <\/b>langsung jika Anda ingin <i>quote <\/i>harga Oracle.<\/p>\n<p>Fitur Oracle HCM Cloud juga cukup lengkap, meliputi rekrutmen, manajemen kinerja, hingga analitik <i>performance<\/i> tenaga kerja. Kemudian, berikut adalah fitur-fitur HR system Oracle:<\/p>\n<ul>\n<li><strong>Manajemen rekrutmen:<\/strong> Mempermudah perekrutan dengan lowongan, screening, shortlist, dan offer dalam satu alur terintegrasi.<\/li>\n<li><strong>Manajemen kinerja:<\/strong> Menetapkan tujuan, melakukan review berkala, 360\u00b0 feedback, dan kalibrasi hasil.<\/li>\n<li><strong>Penggajian dan tunjangan:<\/strong> Otomatisasi perhitungan gaji, pajak, dan benefit; mendukung multi-entitas\/mata uang.<\/li>\n<li><strong>Manajemen pembelajaran:<\/strong> LMS untuk kursus, sertifikasi, dan pelacakan pelatihan\/kepatuhan.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Terintegrasi dengan berbagai sistem Oracle lainnya.<\/li>\n<li style=\"margin-bottom: 8px;\">Mampu menangani kebutuhan HR dari perusahaan kecil hingga besar.<\/li>\n<li>Menawarkan analitik dan laporan mendalam untuk wawasan HR yang lebih baik.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Implementasi dan pengaturan awal bisa rumit serta memakan waktu.<\/li>\n<li>Biaya yang tinggi dapat menjadi pertimbangan untuk bisnis dengan anggaran terbatas.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Oracle HCM?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Aplikasi HR terbaik dari Oracle merupakan solusi ideal bagi perusahaan yang memerlukan platform HR komprehensif dengan fitur canggih, analitik mendalam, dan kemampuan integrasi tinggi untuk mendukung pengelolaan SDM secara optimal.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong><span id=\"hadirr\">7. Hadirr<\/span><\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/hadirr.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4f029\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/hadirr.webp\"\r\n           alt=\"dashboard general hadirr\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/aplikasi-hr-terbaik-hadirr.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f029\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/aplikasi-hr-terbaik-hadirr.webp\"\r\n                 alt=\"tampilan dashboard desktop dan mobile hadirr\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hadirr.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f029\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hadirr.webp\"\r\n                 alt=\"dashboard pipeline hadirr\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>Hadirr<\/b> adalah salah satu aplikasi HRIS Indonesia untuk mempermudah pengelolaan sumber daya manusia di perusahaan. Hadirr menawarkan berbagai fitur yang cukup lengkap, seperti absensi karyawan, reimbursement online, dan <i>timesheet<\/i> online.<\/p>\n<p><b>Harga Hadirr<\/b> dimulai sekitar Rp 12.500 per karyawan per bulan.<\/p>\n<p>Untuk 1.000 karyawan, biayanya:<\/p>\n<ul>\n<li>Rp 12.500.000 per bulan<\/li>\n<li>Rp 72.750.000 untuk 6 bulan<\/li>\n<li>Rp 142.500.000 untuk 12 bulan<\/li>\n<\/ul>\n<p>Fitur-fitur aplikasi HRM Hadirr antara lain:<\/p>\n<ul>\n<li><strong>Penjadwalan shift fleksibel:<\/strong> Buat, terapkan, dan bagikan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/\">roster\/shift otomatis<\/a> untuk tim dan cabang yang berbeda.<\/li>\n<li><strong>Timesheet &amp; lembur:<\/strong> Lacak jam kerja dan lembur secara online, rekap otomatis untuk perhitungan payroll.<\/li>\n<li><strong>Pelacakan tim lapangan &amp; sales call:<\/strong> Pantau kunjungan lapangan dan catatan panggilan sales langsung dari aplikasi.<\/li>\n<li><strong>Aplikasi Android &amp; iOS:<\/strong> Tersedia di Google Play dan App Store untuk kemudahan akses tim hybrid\/remote.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">HR system dengan antarmuka intuitif.<\/li>\n<li style=\"margin-bottom: 8px;\">Integrasi mudah dengan sistem penggajian dan HR lainnya.<\/li>\n<li>Memiliki mobile apps.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Kurangnya fitur kustomisasi.<\/li>\n<li style=\"margin-bottom: 8px;\">Beberapa fitur canggih memerlukan biaya tambahan.<\/li>\n<li>Dukungan pelanggan kadang lambat atau kurang responsif.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Hadirr?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Aplikasi HRIS Hadirr cocok untuk berbagai jenis dan skala perusahaan yang ingin mengelola sumber daya manusia secara efektif melalui sistem digital yang praktis dan terintegrasi.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong><span id=\"sap\">8. SAP HANA<\/span><\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sap-1.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4f269\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sap-1.webp\"\r\n           alt=\"tampilan dashboard 360 view sap\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sap-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f269\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sap-2.webp\"\r\n                 alt=\"dashboard workforce overview sap\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sap-3.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f269\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sap-3.webp\"\r\n                 alt=\"dashboard people update sap\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>SAP HANA<\/b> adalah salah satu penyedia software HR untuk perusahaan besar di Indonesia. Mereka hadir dengan fitur uniknya, yaitu versi lokal untuk perusahaan internasional. Fitur lainnya cukup lengkap untuk mendukung <i>end-to-end <\/i>HR perusahaan.<\/p>\n<p>Berbasis di Jerman dan menawarkan solusi HRIS cloud yang otomatis, SAP dapat terintegrasi dengan sistem lain. Anda juga bisa <i>custom <\/i>fitur yang Anda mau, walaupun dengan biaya tambahan.<\/p>\n<p>Berikut fitur-fitur utama SAP HANA, meliputi:<\/p>\n<ul>\n<li><strong>Pemrosesan data dalam memori:<\/strong> Mempercepat analitik real-time karena perhitungan dilakukan langsung di RAM, bukan disk.<\/li>\n<li><strong>Integrasi data real-time:<\/strong> Menggabungkan data dari berbagai sumber\/stream sehingga dashboard selalu mutakhir.<\/li>\n<li><strong>Analitik canggih:<\/strong> Menyediakan SQL\/OLAP, predictive, dan machine learning untuk keputusan yang lebih cepat dan akurat.<\/li>\n<li><strong>Fleksibilitas dan skalabilitas:<\/strong> Arsitektur cloud\/on-prem yang elastis, cocok untuk berbagai ukuran dan beban kerja bisnis.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Solusi HR system bisnis end-to-end.<\/li>\n<li style=\"margin-bottom: 8px;\">Mempunyai fitur pelaporan yang komprehensif.<\/li>\n<li>Dapat disesuaikan dengan kebutuhan perusahaan.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Memerlukan biaya lebih untuk personalisasi.<\/li>\n<li style=\"margin-bottom: 8px;\">Beberapa modul tidak tersedia tanpa biaya tambahan.<\/li>\n<li>User interface yang kompleks dan sedikit outdated.<\/li>\n<li>Model lisensi pay-per-user.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih SAP HANA?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Software HR terbaik dari SAP HANA sebagai aplikasi human resource management dapat membantu perusahaan dari berbagai ukuran dan industri agar proses kerja HR berjalan lebih efisien dan terukur.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong><span id=\"adp\">9. HR ADP Workforce Now<\/span><\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-adp-workforce-now.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4f466\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-adp-workforce-now.webp\"\r\n           alt=\"dashboard general hr adp workforce\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/09\/ADP-Workforce-hrd.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f466\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/09\/ADP-Workforce-hrd.webp\"\r\n                 alt=\"tampilan desktop dan mobile hr adp workforce\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/adp-workforce-now.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f466\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/adp-workforce-now.webp\"\r\n                 alt=\"dashboard payroll hr adp workforce\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/ADP-Workforce-Now.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f466\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/ADP-Workforce-Now.webp\"\r\n                 alt=\"tampilan pay profile hr adp workforce\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>ADP Workforce Now<\/b> adalah salah satu aplikasi HRD berbasis cloud yang dirancang untuk menyederhanakan dan merampingkan berbagai fungsi HR. Anda bisa mengelola berbagai aspek SDM seperti penggajian, manajemen waktu, dan banyak lagi.<\/p>\n<p>ADP Workforce juga membantu Anda mengotomatisasi dan menyederhanakan tugas seperti pencatatan data karyawan, onboarding karyawan baru, serta pengelolaan absensi. Menariknya, ADP Workforce Now menyediakan hampir 200 laporan standar.<\/p>\n<p>Untuk mengetahui\u00a0<strong>harganya, <\/strong>Anda perlu menghubungi tim resmi ADP.<\/p>\n<p>Fitur-fitur software HR ADP Workforce Now:<\/p>\n<ul>\n<li><strong>Pemrosesan data dalam memori:<\/strong> Mempercepat analitik real-time karena perhitungan dilakukan langsung di RAM, bukan disk.<\/li>\n<li><strong>Integrasi data real-time:<\/strong> Menggabungkan data dari berbagai sumber\/stream sehingga dashboard selalu mutakhir.<\/li>\n<li><strong>Analitik canggih:<\/strong> Menyediakan SQL\/OLAP, predictive, dan machine learning untuk keputusan yang lebih cepat dan akurat.<\/li>\n<li><strong>Fleksibilitas dan skalabilitas:<\/strong> Arsitektur cloud\/on-prem yang elastis, cocok untuk berbagai ukuran dan beban kerja bisnis.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Otomatisasi semua aktivitas HR.<\/li>\n<li style=\"margin-bottom: 8px;\">Manajemen penggajian yang efektif.<\/li>\n<li style=\"margin-bottom: 8px;\">Fitur HR yang lengkap.<\/li>\n<li style=\"margin-bottom: 8px;\">Berbasis cloud dengan hosting via AWS.<\/li>\n<li>Manajemen akses bagi pihak berkepentingan untuk mengatur data keuangan.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Tampilan antarmuka dianggap kurang intuitif oleh sebagian pengguna.<\/li>\n<li style=\"margin-bottom: 8px;\">Proses integrasi terkadang mengalami kendala.<\/li>\n<li>Banyaknya fitur bisa membuat bisnis dengan kebutuhan sederhana merasa kewalahan.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih ADP Workforce Now?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>ADP Workforce cocok untuk bisnis menengah hingga besar, baik nasional maupun internasional. Aplikasi HRIS ini dirancang untuk memenuhi kebutuhan lintas industri, termasuk media, periklanan, dan sektor keuangan.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>10. Gusto Simple<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-gusto-1.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4f6b9\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-gusto-1.webp\"\r\n           alt=\"tampilan dashboard gusto\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/07\/software-payroll-Gusto.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f6b9\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/07\/software-payroll-Gusto.webp\"\r\n                 alt=\"tampilan desktop dan mobile gusto\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Aplikasi-Penilaian-Kinerja-Gusto.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f6b9\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Aplikasi-Penilaian-Kinerja-Gusto.webp\"\r\n                 alt=\"tampilan dashboard payroll gusto\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/gusto-simple.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f6b9\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/gusto-simple.webp\"\r\n                 alt=\"tampilan dashboard employee profile gusto\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><strong>Gusto Simple<\/strong> adalah paket dasar software payroll dan HR. Sejumlah fitur lanjutan tersedia sebagai add-on berbayar, jadi cocok untuk bisnis yang butuh fungsi inti sekarang. Termasuk di dalamnya <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-absensi-karyawan\/\">aplikasi absensi karyawan mobile<\/a> jika ingin menambah fitur saat kebutuhan berkembang.<\/p>\n<p>Aplikasi HR Gusto menyediakan berbagai pilihan paket manajemen sumber daya manusia. Untuk\u00a0<strong>estimasi 10 karyawan <\/strong>per bulan, rincian harganya adalah:<\/p>\n<ul>\n<li><strong>Simple Plan:<\/strong> Rp 1.813.553\/bulan untuk 10 karyawan (Rp 181.355 per karyawan).<\/li>\n<li><strong>Plus Plan:<\/strong> Rp 3.327.610\/bulan untuk 10 karyawan (Rp 332.761 per karyawan).<\/li>\n<li><strong>Premium Plan:<\/strong> Rp 6.655.220\/bulan untuk 10 karyawan (Rp 665.522 per karyawan).<\/li>\n<li>Menyediakan uji coba gratis untuk pengguna baru.<\/li>\n<\/ul>\n<p>Fitur dari Gusto HR System yaitu:<\/p>\n<ul>\n<li><strong>Payroll otomatis:<\/strong> Hitung gaji, pajak, dan kirim pembayaran secara terjadwal.<\/li>\n<li><strong>Benefits administration:<\/strong> Kelola tunjangan (asuransi, 401k\/retirement setara) dalam satu dasbor.<\/li>\n<li><strong>Onboarding digital:<\/strong> E-signature, checklist, dan form karyawan baru serba online.<\/li>\n<li><strong>Financial wellness:<\/strong> Alat bantu pengelolaan keuangan karyawan dan akses aplikasi mobile.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Menawarkan fitur asuransi kesehatan dan tunjangan karyawan yang lengkap.<\/li>\n<li style=\"margin-bottom: 8px;\">Mendukung pembayaran internasional dengan biaya tambahan.<\/li>\n<li>Antarmuka mudah digunakan dan dapat disesuaikan dengan kebutuhan bisnis kecil hingga menengah.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Perlu paket tambahan untuk fitur time tracking dan absensi.<\/li>\n<li style=\"margin-bottom: 8px;\">Tidak memiliki fitur penjadwalan tenaga kerja.<\/li>\n<li>Dukungan pelanggan kadang terbatas di luar zona waktu AS.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Gusto?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Software HR terbaik Gusto cocok untuk bisnis yang mencari sistem HR terjangkau, fungsional, dan mudah digunakan dalam pengelolaan penggajian serta administrasi karyawan.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>11. OrangeHRM<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/OrangeHRM-aplikasi-payroll-restoran.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4f8cc\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/OrangeHRM-aplikasi-payroll-restoran.webp\"\r\n           alt=\"tampilan employee management orangeHRM\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f8cc\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/orangehrm.webp\"\r\n                 alt=\"tampilan detail employee orangeHRM\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-orangehrm.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4f8cc\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-orangehrm.webp\"\r\n                 alt=\"tampilan general dashboard employee orangeHRM\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>OrangeHRM<\/b> adalah software <i>human resource <\/i>yang bisa dipakai di kalangan perusahaan kecil, menengah, dan besar. Mereka memiliki solusi khusus untuk masing-masing skala perusahaan dengan fitur yang berbeda-beda, jadi Anda cukup memilih fitur mana yang paling pas dengan kebutuhan sekarang.<\/p>\n<p>Anda perlu menghubungi OrangeHRM langsung untuk mendapat skema harganya.<\/p>\n<p>Fitur-fitur software HRIS OrangeHRM adalah sebagai berikut.<\/p>\n<ul>\n<li><strong>Manajemen karyawan:<\/strong> Profil, struktur organisasi, dan dokumen karyawan tersusun rapi dalam satu sistem.<\/li>\n<li><strong>Rekrutmen:<\/strong> Lowongan, screening, dan shortlist kandidat dikelola dalam pipeline yang terpusat.<\/li>\n<li><strong>Penggajian:<\/strong> Perhitungan gaji dan potongan terintegrasi dengan data waktu\/kehadiran.<\/li>\n<li><strong>Absensi &amp; cuti:<\/strong> Kebijakan jam kerja dan cuti diterapkan otomatis dengan persetujuan dan rekam jejak yang jelas.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Mudah digunakan, dengan navigasi yang intuitif.<\/li>\n<li style=\"margin-bottom: 8px;\">Menyediakan berbagai modul yang dapat disesuaikan dengan kebutuhan perusahaan.<\/li>\n<li>Dapat diintegrasikan dengan sistem lain.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Beberapa fitur premium hanya tersedia di versi berbayar.<\/li>\n<li style=\"margin-bottom: 8px;\">Mungkin memerlukan waktu untuk mempelajari fitur-fitur canggih.<\/li>\n<li>Kustomisasi mendalam memerlukan keterampilan teknis tambahan.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih OrangeHRM?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Aplikasi HR terbaik OrangeHRM cocok untuk berbagai ukuran perusahaan yang membutuhkan solusi SDM fleksibel dan dapat dikustomisasi. Ideal untuk bisnis dengan anggaran terbatas atau yang mencari software open source.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>12. <\/strong><strong>Rippling<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/rippling-1-scaled.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4faf7\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/rippling-1-scaled.webp\"\r\n           alt=\"tampilan dashboard payroll rippling\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/rippling-e1718359065382.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4faf7\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/02\/rippling-e1718359065382.webp\"\r\n                 alt=\"dashboard laporan payroll per departemen software rippling\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/Rippling.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4faf7\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/Rippling.webp\"\r\n                 alt=\"tampilan dashboard task di rippling\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>Rippling<\/b> membedakan dirinya dari software HR lain sebagai platform komprehensif dengan menggabungkan HR system, IT, dan operasional. Adanya otomatisasi onboarding dan offboarding, serta fitur keamanan yang kuat, dapat menjadi pertimbangan Anda, jika ingin memilih software ini.<\/p>\n<p>Namun demikian, cakupan dari HR system ini mungkin terlalu besar dan mungkin akan kurang cocok jika Anda pemilik bisnis yang lebih kecil.<\/p>\n<p>Fitur-fitur Software HR Rippling meliputi:<\/p>\n<ul>\n<li><strong>HR all-in-one + IT:<\/strong> Satu platform untuk HR, payroll, serta provisioning perangkat\/aplikasi.<\/li>\n<li><strong>Payroll &amp; benefits:<\/strong> Hitung gaji, pajak, dan kelola tunjangan dengan otomatisasi terintegrasi.<\/li>\n<li><strong>Time &amp; attendance:<\/strong> Lacak jam\/<a href=\"https:\/\/www.hashmicro.com\/id\/blog\/jadwal-shift-kerja\/\">jadwal shift kerja karyawan<\/a> dan sinkronkan ke penggajian tanpa input ulang.<\/li>\n<li><strong>Global hiring\/EOR:<\/strong> Rekrut &amp; kelola karyawan\/kontraktor lintas negara dengan regulasi setempat.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">User interface yang modern dan mudah dipahami.<\/li>\n<li style=\"margin-bottom: 8px;\">Memiliki kapabilitas global untuk perusahaan multinasional.<\/li>\n<li>Integrasi bawaan dengan sistem payroll dan IT management.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Layanan support dan after-sales hanya tersedia via teks dan e-mail.<\/li>\n<li style=\"margin-bottom: 8px;\">Akses data terbatas pada admin, tidak fleksibel untuk user biasa.<\/li>\n<li>Harga berlangganan bisa meningkat seiring bertambahnya modul dan pengguna.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Rippling?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Rippling ideal untuk perusahaan berskala besar dengan kompleksitas operasional tinggi, seperti organisasi dengan ribuan karyawan, banyak lokasi, atau struktur perusahaan yang rumit.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>13. HRD Pintar<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/Hrdpintar-aplikasi-payroll-restoran.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4fd3e\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/11\/Hrdpintar-aplikasi-payroll-restoran.webp\"\r\n           alt=\"tampilan dashboard hrd pintar\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hrdpintar.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4fd3e\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/aplikasi-lembur-hrdpintar.webp\"\r\n                 alt=\"dashboard cuti dan izin hrd pintar\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Aplikasi-HRD-Pintar.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4fd3e\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Aplikasi-HRD-Pintar.webp\"\r\n                 alt=\"fitur absensi harian hrd pintar\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>HRD Pintar <\/b>adalah aplikasi HR berbasis cloud untuk mengelola administrasi seperti absensi\/presensi, izin, payroll, PPh 21, BPJS, dan slip gaji digital. Anda bisa akses informasi dan mengajukan kebutuhan tertentu lewat aplikasi mobile, sementara HR memantau dan merekap data secara real-time.<\/p>\n<p>Software HRD Pintar bertujuan untuk membantu tim HR dalam mengelola administrasi karyawan, absensi, cuti, hingga penggajian agar pekerjaan HR lebih efisien.<\/p>\n<p>Harga HRD Pintar terbagi menjadi tiga:<\/p>\n<ul>\n<li><strong>Basic:<\/strong> Gratis dengan fitur terbatas.<\/li>\n<li><strong>Pro:<\/strong> Rp15.000 per karyawan per bulan, dengan fitur penghitungan PPh 21 dan lembur.<\/li>\n<li><strong>Enterprise:<\/strong> Hubungi tim HRD Pintar langsung.<\/li>\n<\/ul>\n<p>Adapun fitur software HRD Pintar yang perlu Anda ketahui:<\/p>\n<ul>\n<li><strong>Komponen payroll:<\/strong> Kelola gaji pokok, tunjangan, lembur, potongan, dan bonus dalam satu skema terintegrasi.<\/li>\n<li><strong>Absensi &amp; lembur:<\/strong> Catat kehadiran\/lembur otomatis (mesin\/app) dan sinkronkan ke penggajian.<\/li>\n<li><strong>Manajemen cuti:<\/strong> Pengajuan\u2013persetujuan berjenjang dengan kalender tim yang terpusat.<\/li>\n<li><strong>Laporan SDM:<\/strong> Dashboard dan laporan kehadiran, penggajian, serta kinerja yang dapat diunduh.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Antarmuka ramah pengguna dan mudah dipelajari.<\/li>\n<li style=\"margin-bottom: 8px;\">Pengelolaan data karyawan terpusat dalam satu platform.<\/li>\n<li>Dapat diintegrasikan dengan aplikasi lain di perusahaan.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Implementasi awal dan biaya langganan relatif tinggi.<\/li>\n<li style=\"margin-bottom: 8px;\">Beberapa fitur kurang fleksibel untuk kebutuhan spesifik perusahaan.<\/li>\n<li>Pelaporan analitik masih perlu pengembangan lebih lanjut.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih HRD Pintar?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Aplikasi HRD Pintar cocok untuk perusahaan yang ingin mengelola data karyawan secara terpusat melalui satu platform digital. Sistem ini memudahkan pengelolaan payroll, absensi, dan penilaian kinerja secara efisien.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong><span id=\"zenefits\">14. Zenefits<\/span><\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zenefits-1.webp\"\r\n       data-fancybox=\"gallery-69e72b4c4ff71\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zenefits-1.webp\"\r\n           alt=\"tampilan homepage zenefits\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zenefits-4.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4ff71\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zenefits-4.webp\"\r\n                 alt=\"fitur time off zenefits\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zenefits-3.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4ff71\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zenefits-3.webp\"\r\n                 alt=\"zenefits hr software\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zenefits-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c4ff71\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zenefits-2.webp\"\r\n                 alt=\"fitur dokumen karyawan software zenefits\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>Zenefits (sekarang HR Plus dari TriNet)<\/b> adalah software HR berbasis cloud untuk bisnis kecil hingga menengah. Anda bisa menggunakan Zenefits untuk memberi akses<i> employee self-service <\/i>berupa mengajukan cuti, mengakses informasi, dan update data.<\/p>\n<p>Harga per pengguna per bulan Zenefits adalah:<\/p>\n<ul>\n<li><strong>Essentials:<\/strong> US $8, sekitar Rp 133.104 (tahunan) atau US $10, atau Rp 166.381 (bulanan)<\/li>\n<li><strong>Growth:<\/strong> US $16 (Rp 266.161 tahunan) atau US $20 (Rp 332.761 bulanan)<\/li>\n<li><strong>Zen:<\/strong> US $21 (Rp 349.400 tahunan) atau US $27 (449.227 bulanan)<\/li>\n<\/ul>\n<p>Selain itu, aplikasi Zenefits juga mencakup administrasi gaji, termasuk pajak dan pengajuan, dan menyediakan dashboard pelaporan.<\/p>\n<p>Fitur aplikasi HRIS Zenefits:<\/p>\n<ul>\n<li><strong>Manajemen manfaat:<\/strong> Administrasi benefit karyawan (asuransi, tunjangan) berjalan otomatis dan terdokumentasi.<\/li>\n<li><strong>Onboarding otomatis:<\/strong> Formulir, e-signature, dan checklist hari pertama terselesaikan dalam satu alur digital.<\/li>\n<li><strong>Pelacakan waktu &amp; kehadiran:<\/strong> Jam kerja, lembur, dan izin tercatat otomatis untuk dasar penggajian.<\/li>\n<li><strong>Aplikasi seluler:<\/strong> Karyawan dan admin mengakses data HR dari smartphone untuk proses yang lebih cepat.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Otomatisasi semua aktivitas HR.<\/li>\n<li style=\"margin-bottom: 8px;\">Fitur manajemen compliance membantu perusahaan mematuhi peraturan yang berlaku.<\/li>\n<li style=\"margin-bottom: 8px;\">Kustomisasi formulir, layanan, alur kerja, dan template dengan mudah.<\/li>\n<li style=\"margin-bottom: 8px;\">Evaluasi kinerja karyawan dengan metrik KRAs vs Goals.<\/li>\n<li style=\"margin-bottom: 8px;\">Software HR yang mobile friendly.<\/li>\n<li>Dapat diintegrasikan dengan berbagai aplikasi pendukung.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Keterbatasan integrasi dengan beberapa aplikasi pihak ketiga.<\/li>\n<li style=\"margin-bottom: 8px;\">Dukungan pelanggan Zenefits HRM dianggap kurang memadai.<\/li>\n<li>Antarmuka pengguna kurang intuitif bagi pengguna baru.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Zenefits?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Aplikasi personalia Zenefits dapat digunakan oleh bisnis dari berbagai ukuran dan sektor industri. Solusi human resource management ini juga ideal bagi perusahaan dengan banyak cabang di berbagai lokasi.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>15. <\/strong><strong>Paylocity<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/software-hr-paylocity-4.webp\"\r\n       data-fancybox=\"gallery-69e72b4c50285\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/software-hr-paylocity-4.webp\"\r\n           alt=\"tampilan paylocity\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/software-hr-paylocity-3.webp\"\r\n             data-fancybox=\"gallery-69e72b4c50285\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/software-hr-paylocity-3.webp\"\r\n                 alt=\"dashboard general paylocity\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/software-hr-paylocity-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c50285\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/software-hr-paylocity-2.webp\"\r\n                 alt=\"paycheck paylocity\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/software-hr-paylocity-1.webp\"\r\n             data-fancybox=\"gallery-69e72b4c50285\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/02\/software-hr-paylocity-1.webp\"\r\n                 alt=\"homepage di desktop dan mobile paylocity\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>Paylocity<\/b> hadir sebagai pilihan software HRIS Indonesia yang berfokus pada penggajian, talent management, dan pengajuan cuti perusahaan. HR payroll software dari Paylocity membantu Anda dalam membuat<a href=\"https:\/\/www.hashmicro.com\/id\/blog\/laporan-bulanan-hrd\/\"> laporan administrasi bulanan HR<\/a> yang akurat dan bisa diakses mobile.<\/p>\n<p>Namun, fitur-fitur dari software Paylocity yang kompleks mungkin tidak sesuai dengan beberapa jenis perusahaan kecil, terutama bagi yang mempunyai kebutuhan lebih sederhana.<\/p>\n<p>Fitur-fitur HR System Paylocity adalah:<\/p>\n<ul>\n<li><strong>Payroll &amp; tax:<\/strong> Proses gaji, potongan, dan pelaporan pajak secara otomatis dan teraudit.<\/li>\n<li><strong>Time &amp; labor:<\/strong> Absensi, penjadwalan, dan lembur terintegrasi langsung ke payroll.<\/li>\n<li><strong>Performance &amp; learning:<\/strong> Tujuan, review, dan LMS untuk pengembangan karyawan.<\/li>\n<li><strong>Self-service &amp; mobile:<\/strong> Karyawan mengakses slip gaji, cuti, dan data pribadi via aplikasi.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">User interface yang modern dan mudah digunakan, cocok untuk HR non-teknis.<\/li>\n<li style=\"margin-bottom: 8px;\">Integrasi dengan aplikasi mobile untuk pengelolaan payroll dan absensi.<\/li>\n<li>Ada fitur analytic dashboard untuk insight tenaga kerja dan produktivitas.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Customer support sering dinilai kurang responsif.<\/li>\n<li style=\"margin-bottom: 8px;\">Penambahan modul tertentu memerlukan biaya tambahan.<\/li>\n<li>Fitur talent management masih dasar dan kurang mendalam untuk enterprise.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Paylocity?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Software HR terbaik dari Paylocity cocok untuk perusahaan menengah yang mencari solusi HR dengan kemampuan integrasi tinggi, akuisisi strategis, dan fokus pada efisiensi pengelolaan SDM modern.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong><span id=\"zoho\">16. <\/span><\/strong><strong>Zoho People HCM<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zohopeople-3.webp\"\r\n       data-fancybox=\"gallery-69e72b4c504aa\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zohopeople-3.webp\"\r\n           alt=\"tampilan mobile zoho people\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zohopeople-4.webp\"\r\n             data-fancybox=\"gallery-69e72b4c504aa\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zohopeople-4.webp\"\r\n                 alt=\"tampilan dashboard zoho people\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zohopeople-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c504aa\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zohopeople-2.webp\"\r\n                 alt=\"tampilan organization zoho people\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zohopeople-1.webp\"\r\n             data-fancybox=\"gallery-69e72b4c504aa\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-zohopeople-1.webp\"\r\n                 alt=\"homepage zoho people\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>Zoho People <\/b>adalah HR platform cloud untuk mengelola data karyawan, cuti, absensi\/time tracking, dan onboarding. Anda juga bisa melakukan<i> performance appraisal <\/i>dan pengembangan karyawan.<\/p>\n<p>Zoho memposisikan software-nya untuk bisnis kecil\u2013menengah yang sedang bertumbuh. Lalu Zoho People bisa terhubung ke aplikasi Zoho lain dan memiliki aplikasi mobile.<\/p>\n<p>Zoho menerapkan skema harga tahunan, seperti:<\/p>\n<ul>\n<li><strong>Essential HR:<\/strong> Rp 17.250\/bulan<\/li>\n<li><strong>Professional:<\/strong> Rp 27.667\/bulan<\/li>\n<li><strong>Premium:<\/strong> Rp 41.417\/bulan<\/li>\n<li><strong>Enterprise:<\/strong> Rp 62.167\/bulan<\/li>\n<li><strong>People Plus:<\/strong> Rp 124.200\/bulan<\/li>\n<\/ul>\n<p>Pembayaran bulanan sedikit lebih tinggi, mulai dari Rp <strong>21.000<\/strong> hingga Rp<strong> 138.000<\/strong> per pengguna per bulan.<\/p>\n<p>Fitur-fitur Zoho People HR System:<strong><br \/>\n<\/strong><\/p>\n<ul>\n<li><strong>Manajemen karyawan yang praktis:<\/strong> Data karyawan tersimpan terpusat dengan update, izin akses, dan riwayat perubahan yang mudah dilacak.<\/li>\n<li><strong>Layanan mandiri karyawan:<\/strong> Karyawan bisa mengajukan cuti, memperbarui profil, dan mengunduh dokumen tanpa lewat admin.<\/li>\n<li><strong>Manajemen dokumen terpusat:<\/strong> Kontrak, SOP, dan formulir disimpan di satu tempat dengan kontrol versi dan izin.<\/li>\n<li><strong>Analitik SDM:<\/strong> Dashboard dan laporan membantu membaca tren absensi, turnover, dan produktivitas untuk keputusan cepat.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Otomatisasi semua aktivitas HR.<\/li>\n<li style=\"margin-bottom: 8px;\">Template dapat disesuaikan dengan mudah.<\/li>\n<li style=\"margin-bottom: 8px;\">Evaluasi kinerja karyawan berdasarkan KRAs vs Goals.<\/li>\n<li style=\"margin-bottom: 8px;\">Mobile friendly.<\/li>\n<li>Terintegrasi dengan Zoho Sign, DocuSign, dan Adobe Sign.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Layanan payroll hanya mendukung bisnis di kawasan India.<\/li>\n<li>Antarmuka pengguna kurang intuitif.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Zoho People?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Zoho People HR Platform cocok untuk bisnis dari berbagai industri  mulai dari media, teknologi, pendidikan, kesehatan, hingga keuangan dengan kebutuhan HR yang fleksibel dan skalabel.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>17. Cezanne HR<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-cezzane-3.webp\"\r\n       data-fancybox=\"gallery-69e72b4c506ee\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-cezzane-3.webp\"\r\n           alt=\"tampilan homepage cezanne hr\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-cezzane-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c506ee\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-cezzane-2.webp\"\r\n                 alt=\"tampilan personal information cezanne hr\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-cezzane-1.webp\"\r\n             data-fancybox=\"gallery-69e72b4c506ee\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-cezzane-1.webp\"\r\n                 alt=\"tampilan homepage desktop dan mobile cezanne hr\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>Cezanne HR<\/b> adalah software HR untuk perusahaan menengah dan besar (sekitar <b>50\u20133.000 karyawan<\/b>). Ia menyediakan mobile app untuk <i>self-service <\/i>seperti pengajuan\/approval cuti, dan bisa dikembangkan sesuai permintaan klien.<\/p>\n<p>Untuk mengetahui harga Cezanne, silakan hubungi vendor secara langsung. Anda bisa melihat fitur-fitur HRIS Indonesia dari Cezanne HR Software meliputi:<\/p>\n<ul>\n<li><strong>Manajemen rekrutmen dan onboarding:<\/strong> Mengotomatisasi dan menyederhanakan proses rekrutmen dan onboarding.<\/li>\n<li><strong>Manajemen cuti dan absensi:<\/strong> Mengelola cuti dan absensi karyawan dengan mudah.<\/li>\n<li><strong>Evaluasi kinerja dan survei pulse:<\/strong> Mendukung evaluasi kinerja dan survei pulse untuk meningkatkan keterlibatan karyawan.<\/li>\n<li><strong>Administrasi HR inti:<\/strong> Mengelola administrasi HR dan memastikan kepatuhan terhadap peraturan yang berlaku.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Dukungan pelanggan responsif dan informatif.<\/li>\n<li style=\"margin-bottom: 8px;\">Menawarkan fitur HR lengkap dan fleksibel untuk berbagai ukuran bisnis.<\/li>\n<li>Berbasis cloud di atas AWS dengan kontrol akses pengguna yang aman.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Proses integrasi dengan aplikasi lain terkadang mengalami kendala.<\/li>\n<li style=\"margin-bottom: 8px;\">Antarmuka dan fitur kompleks bagi perusahaan kecil.<\/li>\n<li>Biaya implementasi awal bisa lebih tinggi dibanding software lokal.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Cezanne HR?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Cezanne HR Platform cocok untuk perusahaan berskala besar, baik nasional maupun multinasional. Aplikasi HRD ini membantu memastikan kepatuhan terhadap regulasi lokal dan mendukung pengelolaan HR lintas negara.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>18. Koneksi<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-koneksi-1.webp\"\r\n       data-fancybox=\"gallery-69e72b4c50981\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-koneksi-1.webp\"\r\n           alt=\"dashboard koneksi\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-koneksi-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c50981\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-koneksi-2.webp\"\r\n                 alt=\"tampilan homepage koneksi\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-koneksi-3.webp\"\r\n             data-fancybox=\"gallery-69e72b4c50981\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-koneksi-3.webp\"\r\n                 alt=\"tampilan fitur koneksi\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>Koneksi <\/b>menyediakan software HR berbasis cloud untuk mengelola administrasi karyawan, rekrutmen, dan evaluasi kinerja. Anda dapat dengan mudah mencatat absensi via mobile (termasuk face recognition), mengelola proses rekrutmen <i>end-to-end<\/i>, serta memantau KPI.<\/p>\n<p>Software Koneksi cocok untuk berbagai industri dan bisa dipakai dari UMKM hingga enterprise. Lalu, hubungi tim sales langsung untuk mengetahui rincian harga Koneksi.<\/p>\n<p>Fitur-fitur Koneksi adalah sebagai berikut:<\/p>\n<ul>\n<li><strong>Manajemen data karyawan:<\/strong> Menyimpan informasi seperti nama, alamat, nomor telepon, dan tanggal masuk kerja karyawan.<\/li>\n<li><strong>Perekrutan:<\/strong> Mengelola proses perekrutan, termasuk menerima dan meninjau aplikasi, melakukan wawancara, dan mengelola data calon karyawan.<\/li>\n<li><strong>Penggajian otomatis:<\/strong> Menghitung dan memproses gaji karyawan dengan akurat.<\/li>\n<li><strong>Manajemen cuti dan absensi:<\/strong> Mengelola cuti dan absensi karyawan dengan mudah.<\/li>\n<\/ul>\n<p>Berikut adalah beberapa kelebihan dan kekurangan yang ada di dalam aplikasi HR Koneksi yang perlu Anda ketahui:<\/p>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">100% unlimited user tanpa dikenakan biaya tambahan per user.<\/li>\n<li style=\"margin-bottom: 8px;\">Customer support yang responsif dan berpengalaman.<\/li>\n<li>Dapat dikustomisasi sesuai kebutuhan dan struktur organisasi perusahaan.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Kurang cocok untuk UMKM dengan kebutuhan sederhana.<\/li>\n<li style=\"margin-bottom: 8px;\">Waktu implementasi bergantung pada jumlah modul yang dibutuhkan.<\/li>\n<li>Memerlukan pelatihan awal bagi pengguna baru untuk memaksimalkan fitur.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Koneksi?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Software HRIS dari Koneksi menawarkan layanan unggulan dan berbagai produk untuk beragam sektor industri. Cocok bagi bisnis dengan kebutuhan kompleks hingga perusahaan besar yang memprioritaskan efisiensi dan skalabilitas.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>19. <\/strong><strong>Deel<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deel-4.webp\"\r\n       data-fancybox=\"gallery-69e72b4c50b93\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deel-4.webp\"\r\n           alt=\"tampilan mobile deel\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deel-3.webp\"\r\n             data-fancybox=\"gallery-69e72b4c50b93\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deel-3.webp\"\r\n                 alt=\"menu organization setting deel\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deel-1.webp\"\r\n             data-fancybox=\"gallery-69e72b4c50b93\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deel-1.webp\"\r\n                 alt=\"dashboard deel hr\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deel-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c50b93\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deel-2.webp\"\r\n                 alt=\"homepage deel\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p>Apakah Anda menjalankan perusahaan yang selalu memiliki talent pool dengan skala internasional? Maka, Anda dapat mempertimbangkan software HRIS <b>Deel<\/b>.<\/p>\n<p>Deel berfungsi sebagai catatan record bagi karyawan internasional yang memudahkan proses penggajian dan tunjangan penuh, sehingga Anda tidak memerlukan pihak ketiga dari negara lain lagi.<\/p>\n<p><b>Untuk info harga,<\/b> hubungi vendor langsung melalui situs resminya. Fitur-fitur terbaik Deel yaitu:<\/p>\n<ul>\n<li><strong>Layanan EOR (Employer of Record):<\/strong> Bertindak sebagai pemberi kerja resmi di negara tujuan, mengurus kontrak, pajak, dan aturan lokal.<\/li>\n<li><strong>Manajemen kontraktor:<\/strong> Onboarding, kontrak, penagihan, dan pembayaran multi-mata uang untuk freelancer\/kontraktor global.<\/li>\n<li><strong>Penggajian global:<\/strong> Payroll lintas negara terstandar dengan kurs dan pajak setempat dalam satu jadwal pembayaran terpadu.<\/li>\n<li><strong>Integrasi:<\/strong> Tersambung ke sistem akuntansi\/ERP (mis. QuickBooks, Xero) untuk sinkronisasi jurnal dan rekonsiliasi otomatis.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Mendukung global payroll multi-negara dan multi-mata uang.<\/li>\n<li style=\"margin-bottom: 8px;\">Memfasilitasi mobilitas karyawan dan kontrak lintas negara.<\/li>\n<li style=\"margin-bottom: 8px;\">Terintegrasi dengan QuickBooks, Xero, dan sistem keuangan lainnya.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Tidak menyediakan free trial untuk pengguna baru.<\/li>\n<li style=\"margin-bottom: 8px;\">Beberapa paket fitur tumpang tindih dan menambah biaya total.<\/li>\n<li>Kurang cocok untuk bisnis kecil dengan kebutuhan HR lokal sederhana.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Deel?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Aplikasi HR terbaik dari Deel dirancang untuk perusahaan internasional dengan karyawan di berbagai negara. Fitur-fiturnya berfokus pada manajemen karyawan global dan penggajian lintas negara yang andal dan akurat.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>20. KantorKu HRIS<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-kantorku-1.webp\"\r\n       data-fancybox=\"gallery-69e72b4c50dad\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-kantorku-1.webp\"\r\n           alt=\"homepage software kantorku\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-kantorku-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c50dad\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-kantorku-2.webp\"\r\n                 alt=\"fitur okr software kantorku\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-kantorku-3.webp\"\r\n             data-fancybox=\"gallery-69e72b4c50dad\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-kantorku-3.webp\"\r\n                 alt=\"kantorku hr software\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-kantorku-4.webp\"\r\n             data-fancybox=\"gallery-69e72b4c50dad\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-kantorku-4.webp\"\r\n                 alt=\"menu kpi software kantorku\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p>KantorKu HRIS adalah software HRIS buatan Indonesia yang dirancang untuk membantu perusahaan mengelola SDM secara lebih efisien dan praktis. Dengan sistem berbasis cloud, seluruh proses administrasi HR dapat dilakukan dalam satu platform, mulai dari absensi hingga penggajian.<\/p>\n<p>Tujuan utama dari KantorKu adalah menyederhanakan tugas administratif HR. KantorKu juga telah tersertifikasi ISO 27001, sehingga keamanan data karyawan tetap terjaga tanpa harus mengorbankan kemudahan penggunaan.<\/p>\n<p>KantorKu menawarkan paket sebagai berikut:<\/p>\n<ul>\n<li><strong>Starter:<\/strong> Cocok untuk &lt; 50 karyawan<\/li>\n<li><strong>Basic:<\/strong> Cocok untuk 50-100 karyawan<\/li>\n<li><strong>Essential:<\/strong> Cocok untuk 101-500 karyawan<\/li>\n<li><strong>Suite: <\/strong>Cocok untuk &gt;500 karyawan<\/li>\n<\/ul>\n<p>Anda perlu menghubungi tim sales KantorKu untuk mengetahui harga masing-masing paket.<\/p>\n<p>Fitur-fitur utama KantorKu HRIS yang perlu Anda ketahui adalah:<\/p>\n<ul>\n<li><strong>Attendance Management:<\/strong> Absensi online berbasis GPS dan selfie untuk memastikan kehadiran yang akurat.<\/li>\n<li><strong>Payroll Automation:<\/strong> Penghitungan gaji otomatis yang bisa dikirim langsung ke berbagai rekening bank.<\/li>\n<li><strong>Performance Review:<\/strong> Penilaian kinerja berbasis KPI dan OKR yang transparan dan mudah dipantau.<\/li>\n<li><strong>Employee Database:<\/strong> Data karyawan tersimpan dalam satu tempat yang aman dan selalu diperbarui.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Menawarkan fitur HR yang cukup lengkap untuk bisnis menengah.<\/li>\n<li style=\"margin-bottom: 8px;\">Antarmuka sederhana dan mudah digunakan bahkan bagi pengguna baru.<\/li>\n<li>Sertifikasi ISO 27001 menjamin keamanan data HR perusahaan.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Karyawan yang terbiasa sistem manual perlu waktu beradaptasi.<\/li>\n<li style=\"margin-bottom: 8px;\">Akses berbasis cloud memerlukan koneksi internet stabil.<\/li>\n<li>Tidak cocok untuk perusahaan besar dengan struktur HR kompleks.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih KantorKu HRIS?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>KantorKu HRIS cocok untuk berbagai jenis bisnis yang ingin beralih ke sistem HR digital tanpa proses implementasi yang rumit. Solusi ini menawarkan kemudahan akses dan fitur HR lengkap untuk kebutuhan dasar.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<style>\r\n\t#baca-juga {\r\n\t\tpadding: 16px;\r\n\t\tbackground-color: #f7eaea;\r\n\t\tborder-left: 3px solid #af2828;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-bottom: 26px;\r\n\t}\r\n\t\r\n\t#baca-juga a {\r\n\t\tcolor: #af2828 !important;\r\n\t\ttransition: all 0.2s ease-in-out;\r\n\t}\r\n\t\r\n\t#baca-juga a:hover {\r\n\t\tcolor: #af282880 !important;\r\n\t}\r\n<\/style>\r\n\r\n<div id=\"baca-juga\">\r\n\t<span>Baca juga: <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/apa-itu-hris-pengertian-fungsi-hrm-software\/\">Mengenal apa itu HRIS, fungsi, dan Bagaimana Cara Kerjanya?<\/a><\/span>\r\n<\/div>\n<h3><strong>21. SPISy<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-spisy-1.webp\"\r\n       data-fancybox=\"gallery-69e72b4c5105f\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-spisy-1.webp\"\r\n           alt=\"homepage software spisy\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-spisy-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c5105f\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-spisy-2.webp\"\r\n                 alt=\"dashboard attendance information spisy\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-spisy-3.webp\"\r\n             data-fancybox=\"gallery-69e72b4c5105f\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-spisy-3.webp\"\r\n                 alt=\"tampilan dashboard spisy\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>SPISy <\/b>adalah aplikasi HRIS dan payroll dari Sakura System Solutions untuk mengelola data karyawan, time management\/absensi, dan penggajian. Modulnya juga mencakup administrasi cuti, pinjaman, medis, perjalanan, dan pensiun, plus HR Self Service (ESS) untuk pengajuan cuti, lembur, dan reimbursement.<\/p>\n<p>Harga SPISy mulai dari Rp20.000 per individu per bulan. Jika ingin mengetahui lebih lanjut, Anda dapat menghubungi vendor SPISy langsung.<\/p>\n<p>Fitur-fitur software HR SPISy yaitu:<\/p>\n<ul>\n<li><strong>Komponen payroll:<\/strong> Atur tunjangan, lembur, potongan, dan bonus dengan rumus\/aturan yang fleksibel.<\/li>\n<li><strong>Metode pembayaran:<\/strong> Transfer massal langsung ke rekening karyawan dan dukungan ekspor file bank.<\/li>\n<li><strong>Timesheet:<\/strong> Pencatatan jam kerja, lembur, dan ketidakhadiran sebagai dasar perhitungan gaji.<\/li>\n<li><strong>Cetak laporan payroll:<\/strong> Slip gaji dan rekap periodik otomatis (mis. rekap tunjangan\/potongan) siap unduh\/cetak.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Dapat diintegrasikan dengan mesin absensi untuk rekap kehadiran otomatis.<\/li>\n<li style=\"margin-bottom: 8px;\">Proses penghitungan dan pemrosesan gaji cepat dan akurat.<\/li>\n<li>Tersedia modul HR Development dan fitur timesheet untuk pemantauan jadwal pegawai.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Integrasi dengan aplikasi pihak ketiga terkadang mengalami kendala.<\/li>\n<li style=\"margin-bottom: 8px;\">Antarmuka dan navigasi masih terkesan kompleks bagi pengguna baru.<\/li>\n<li>Tidak ideal untuk bisnis kecil yang membutuhkan sistem HR sederhana.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih SPISy?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>HR process management software SPISy cocok untuk perusahaan besar, baik nasional maupun multinasional. Fitur-fiturnya dirancang untuk memenuhi kebutuhan HR yang kompleks dan mendukung efisiensi operasional lintas departemen.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>22. <\/strong><strong>Sage<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sage-3.webp\"\r\n       data-fancybox=\"gallery-69e72b4c5125e\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sage-3.webp\"\r\n           alt=\"tampilan mobile sage\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sage-4.webp\"\r\n             data-fancybox=\"gallery-69e72b4c5125e\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sage-4.webp\"\r\n                 alt=\"tampilan menu sick day sage\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sage-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c5125e\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sage-2.webp\"\r\n                 alt=\"ragam fitur pada sage\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sage-1.webp\"\r\n             data-fancybox=\"gallery-69e72b4c5125e\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-sage-1.webp\"\r\n                 alt=\"tampilan dashboard sage\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p>Sage HR adalah software HR cloud yang bisa Anda <i>custom <\/i>untuk bisnis kecil\u2013menengah (umumnya hingga \u00b1250 karyawan) dengan Core HR + leave management. Anda bisa memilih modul seperti performance, shift scheduling, timesheets, mobile app, dan lain sebagainya sesuai kebutuhan.<\/p>\n<p>Kalau kebutuhan Anda lebih kompleks atau multinasional, Sage People ditujukan untuk sekitar 250\u20135.000 karyawan. Fokusnya lebih ke manajemen tenaga kerja lintas lokasi\/negara. Untuk payroll, Sage HR bisa terintegrasi dengan software Sage lainnya.<\/p>\n<p>Sage HR menawarkan harga berbasis jumlah karyawan dan fitur. Biaya dasar mulai dari US $5,50 (Rp 91.509) per karyawan per bulan untuk fitur inti.<\/p>\n<p><strong>Contoh estimasi:<\/strong><\/p>\n<ul>\n<li>10 karyawan \u2248 US $55 (Rp 915.093 per bulan)<\/li>\n<li>50 karyawan \u2248 US $275 (Rp 4.575.465 per bulan)<\/li>\n<\/ul>\n<p>Fitur-fitur aplikasi HRM terbaik dari Sage:<\/p>\n<ul>\n<li><strong>Manajemen cuti &amp; absensi:<\/strong> Kebijakan cuti, persetujuan berjenjang, dan kalender tim terpusat.<\/li>\n<li><strong>Penjadwalan &amp; timesheet:<\/strong> Atur shift, lacak jam kerja\/lembur, dan ekspor ke payroll.<\/li>\n<li><strong>Kinerja &amp; OKR:<\/strong> Tetapkan tujuan, <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/task-management-software\/\">task management<\/a>, review berkala, dan 360\u00b0 feedback dalam satu tempat.<\/li>\n<li><strong>Pengeluaran &amp; dokumen:<\/strong> Reimbursement, penyimpanan kontrak, dan e-signature untuk onboarding.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Dapat diakses melalui berbagai perangkat: handphone, tablet, PC, dan Mac.<\/li>\n<li style=\"margin-bottom: 8px;\">Kemudahan mengkustomisasi dashboard sesuai preferensi pengguna.<\/li>\n<li>Memiliki fitur pelacakan kinerja karyawan yang detail.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Reporting yang disajikan bisa sulit dipahami oleh pengguna baru.<\/li>\n<li style=\"margin-bottom: 8px;\">Adanya biaya tambahan per mandays untuk kustomisasi.<\/li>\n<li>Beberapa fitur lanjutan memerlukan integrasi berbayar untuk diaktifkan.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Sage HR?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>HR software dari Sage cocok untuk perusahaan dengan kebutuhan bisnis sederhana maupun yang sedang berkembang. Solusinya mudah diimplementasikan dan efisien untuk pengelolaan karyawan sehari-hari.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>23. Arcoro<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-arcoro-2.webp\"\r\n       data-fancybox=\"gallery-69e72b4c51440\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-arcoro-2.webp\"\r\n           alt=\"tampilan dashboard arcoro\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-arcoro-1.webp\"\r\n             data-fancybox=\"gallery-69e72b4c51440\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-arcoro-1.webp\"\r\n                 alt=\"fitur pada software arcoro\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-arcoro-3.webp\"\r\n             data-fancybox=\"gallery-69e72b4c51440\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-arcoro-3.webp\"\r\n                 alt=\"menu laporan aap arcoro\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p><b>Arcoro <\/b>adalah platform HR berbasis cloud yang dibuat khusus untuk perusahaan konstruksi\/pekerja lapangan.<\/p>\n<p>Modulnya dapat Anda sesuaikan, mulai dari ATS &amp; onboarding, core HR (data karyawan + self-service), sampai time &amp; attendance (termasuk opsi verifikasi lokasi). Ada juga tambahan untuk pengembangan karyawan seperti <i>learning<\/i> <i>&amp; performance management<\/i>. Jadi, perusahaan bisa pilih modul sesuai kebutuhan.<\/p>\n<p>Namun, Anda perlu konsultasi langsung dengan vendor untuk estimasi biayanya.<\/p>\n<p>Adapun fitur-fitur aplikasi HRD Arcoro mencakup:<\/p>\n<ul>\n<li><strong>Rekrutmen: <\/strong><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-ats\/\">Sistem ATS (applicant tracking system)<\/a> untuk posting lowongan, screening, tracking kandidat, hingga offer letter.<\/li>\n<li><strong>Onboarding:<\/strong> Paket dokumen, e-signature, dan checklist keselamatan yang relevan untuk industri konstruksi.<\/li>\n<li><strong>Manajemen kinerja:<\/strong> Penetapan tujuan, review periodik, dan pencatatan pelatihan lapangan.<\/li>\n<li><strong>Kepatuhan industri:<\/strong> Pelacakan sertifikasi\/lisensi, catatan keselamatan, dan audit trail untuk memenuhi standar proyek.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Customer support cepat dan berpengalaman di industri konstruksi.<\/li>\n<li style=\"margin-bottom: 8px;\">Fitur manajemen proyek dan tenaga kerja terintegrasi.<\/li>\n<li style=\"margin-bottom: 8px;\">Fokus pada keamanan data dan kepatuhan industri.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Kurang sesuai untuk bisnis non-konstruksi atau industri umum.<\/li>\n<li style=\"margin-bottom: 8px;\">Jumlah integrasi modul masih terbatas.<\/li>\n<li>Tampilan UI relatif kaku dibandingkan software HR modern lainnya.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Arcoro?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Arcoro merupakan HR software terbaik untuk perusahaan konstruksi. Solusi ini mencakup modul pelacakan sertifikasi, lisensi, dan keselamatan kerja untuk memastikan tenaga kerja memenuhi kualifikasi proyek dan standar industri.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>24. GreatDay HR<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-greatday-2.webp\"\r\n       data-fancybox=\"gallery-69e72b4c51671\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-greatday-2.webp\"\r\n           alt=\"tampilan mobile greatday\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-greatday-3.webp\"\r\n             data-fancybox=\"gallery-69e72b4c51671\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-greatday-3.webp\"\r\n                 alt=\"dashboard greatday\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-greatday-4.webp\"\r\n             data-fancybox=\"gallery-69e72b4c51671\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-greatday-4.webp\"\r\n                 alt=\"tampilan homepage greatday\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p>Selanjutnya, ada GreatDay yang merupakan software HRIS dan payroll yang cocok untuk berbagai kalangan usaha. Mereka menawarkan software HR khusus UMKM dan juga GreatDay Enterprise untuk memenuhi kebutuhan perusahaan.<\/p>\n<p>Fitur yang ditunjukkan GreatDay HR mencakup attendance management, payroll, serta performance management.\u00a0 Ada dua paket yang ditawarkan:<\/p>\n<ul>\n<li><strong>Basic:<\/strong> Modul standar untuk absensi dan\u00a0<em>face recognition<\/em><\/li>\n<li><strong>Premium: <\/strong>Modul HR dengan\u00a0<em>premium finance.<\/em><\/li>\n<li>Anda perlu menghubungi tim GreatDay langsung untuk rincian harganya.<\/li>\n<\/ul>\n<p>Fitur-fitur aplikasi GreatDay HR meliputi:<\/p>\n<ul>\n<li><strong>Attendance &amp; Payroll Management:<\/strong> Mencatat absensi, menghitung lembur, dan mengelola gaji otomatis.<\/li>\n<li><strong>Employee Self-Service:<\/strong> Karyawan dapat mengajukan cuti, klaim, dan update data personal secara mandiri.<\/li>\n<li><strong>Performance Management:<\/strong> Menilai kinerja dan produktivitas karyawan secara sistematis.<\/li>\n<li><strong>Mobile App Integration:<\/strong> Memantau aktivitas HR melalui aplikasi mobile dengan GPS tracking.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Aplikasi mobile dengan fitur lengkap dan intuitif.<\/li>\n<li style=\"margin-bottom: 8px;\">Terintegrasi dengan sistem payroll, absensi, dan cuti.<\/li>\n<li>Antarmuka modern dengan kemudahan navigasi bagi karyawan dan HR.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Fitur lanjutan hanya tersedia di paket premium.<\/li>\n<li style=\"margin-bottom: 8px;\">Harga relatif tinggi untuk UMKM dan startup.<\/li>\n<li>Beberapa laporan perlu dikustomisasi manual oleh pengguna.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih GreatDay HR?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Perusahaan menengah hingga besar yang membutuhkan HR system modern dengan akses mobile sangat cocok menggunakan GreatDay HR. Ideal untuk tim lapangan atau karyawan dengan sistem kerja hybrid.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<h3><strong>25. Deskera People<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deskera-people-3.webp\"\r\n       data-fancybox=\"gallery-69e72b4c51871\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deskera-people-3.webp\"\r\n           alt=\"tampilan homepage software deskera people\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deskera-people-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c51871\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deskera-people-2.webp\"\r\n                 alt=\"dashboard deskera\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deskera-people-1.webp\"\r\n             data-fancybox=\"gallery-69e72b4c51871\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-deskera-people-1.webp\"\r\n                 alt=\"ragam fitur deskera\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p>Rekomendasi berikutnya adalah Deskera People, yaitu software HR untuk bisnis kecil hingga menengah. Jika Anda ingin <i>scale up<\/i> dari sistem HR sebelumnya, atau ingin berpindah dari manual ke digital, Anda bisa mulai dengan Deskera. Fiturnya juga cukup lengkap dan sistemnya mudah digunakan.<\/p>\n<p>Harganya mulai dari $19 (Rp 316.123) per karyawan per bulan, cocok untuk bisnis kecil.<\/p>\n<p><strong>Fitur-fitur aplikasi Deskera HR:<\/strong><\/p>\n<ul>\n<li><strong>Payroll Automation:<\/strong> Menghitung gaji, tunjangan, dan potongan secara otomatis.<\/li>\n<li><strong>Leave &amp; Attendance Management:<\/strong> Mengelola cuti dan absensi dengan sistem digital.<\/li>\n<li><strong>Employee Database:<\/strong> Menyimpan data karyawan secara terpusat.<\/li>\n<li><strong>Integration with Accounting &amp; CRM:<\/strong> Terhubung langsung dengan modul keuangan dan penjualan.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Terintegrasi dengan modul akuntansi, CRM, dan HR.<\/li>\n<li style=\"margin-bottom: 8px;\">Antarmuka modern dan akses mobile-friendly.<\/li>\n<li>Proses penggajian otomatis dengan kalkulasi pajak dan tunjangan.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Konfigurasi awal cukup kompleks untuk pengguna baru.<\/li>\n<li style=\"margin-bottom: 8px;\">Fitur HR lanjutan hanya tersedia di versi ERP penuh.<\/li>\n<li>Kurang ideal untuk bisnis kecil dengan kebutuhan HR dasar.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Deskera HR?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Deskera HR cocok untuk perusahaan menengah hingga besar yang membutuhkan solusi HR terintegrasi dengan modul akuntansi dan penjualan dalam satu platform terpadu.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<style>\r\n\t#baca-juga {\r\n\t\tpadding: 16px;\r\n\t\tbackground-color: #f7eaea;\r\n\t\tborder-left: 3px solid #af2828;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-bottom: 26px;\r\n\t}\r\n\t\r\n\t#baca-juga a {\r\n\t\tcolor: #af2828 !important;\r\n\t\ttransition: all 0.2s ease-in-out;\r\n\t}\r\n\t\r\n\t#baca-juga a:hover {\r\n\t\tcolor: #af282880 !important;\r\n\t}\r\n<\/style>\r\n\r\n<div id=\"baca-juga\">\r\n\t<span>Baca juga: <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-attendance-management\/\">Rekomendasi Aplikasi Attendance Management untuk Kelola Kehadiran Karyawan<\/a><\/span>\r\n<\/div>\n<h3><strong>26. Gadjian<\/strong><\/h3>\n<style>\r\n.gallery-fancybox {\r\n\tdisplay: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 8px;\r\n    background-color: #f2f2f2;\r\n    padding: 10px;\r\n    border: 2px solid #d0d6dd;\r\n    border-radius: 10px;\r\n\tposition: relative;\r\n}\r\n\r\n.gallery-fancybox .other-image-wrapper {\r\n  display: grid;\r\n  gap: 8px;\r\n\tmax-height: 350px;\r\n\toverflow-y: auto;\r\n}\r\n\r\n.gallery-fancybox img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  cursor: zoom-in;\r\n\tborder-radius: 6px;\r\n}\r\n\t\r\n\t.gallery-fancybox .zoom-icon-container {\r\n\t\tbackground-color: #3c4149cc;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20px;\r\n\t\tleft: 20px;\r\n\t\theight: 40px;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t.gallery-fancybox .zoom-icon {\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t@media(max-width: 768px) {\r\n\t\t.gallery-fancybox .other-image-wrapper {\r\n\t\t\tmax-height: 150px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n  <div class=\"gallery-fancybox\">\r\n\r\n    <!-- MAIN IMAGE -->\r\n    <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-gadjian-1.webp\"\r\n       data-fancybox=\"gallery-69e72b4c51b0f\"\r\n       class=\"main-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-gadjian-1.webp\"\r\n           alt=\"tampilan homepage gadjian\"\r\n           loading=\"lazy\">\r\n\t\t\r\n\t\t<div class=\"zoom-icon-container\">\r\n\t\t\t<svg class=\"zoom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0ZM10.5 7v3.5m0 0V14m0-3.5H14m-3.5 0H7\"\/><\/svg>\r\n\t\t<\/div>\r\n    <\/a>\r\n\r\n    <!-- OTHER IMAGES -->\r\n          <div class=\"other-image-wrapper\">\r\n                            \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-gadjian-2.webp\"\r\n             data-fancybox=\"gallery-69e72b4c51b0f\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-gadjian-2.webp\"\r\n                 alt=\"dashboard total gaji di gadjian\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-gadjian-3.webp\"\r\n             data-fancybox=\"gallery-69e72b4c51b0f\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-gadjian-3.webp\"\r\n                 alt=\"ragam menu dan fitur gadjian\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n                  \r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-gadjian-4.webp\"\r\n             data-fancybox=\"gallery-69e72b4c51b0f\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-gadjian-4.webp\"\r\n                 alt=\"dashboard general gadjian\"\r\n                 loading=\"lazy\">\r\n          <\/a>\r\n              <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    Fancybox.bind('[data-fancybox]', {\r\n      Thumbs: true,\r\n\t  Hash: false\r\n    });\r\n  });\r\n<\/script>\n<p>Gadjian adalah salah satu software HRIS Indonesia yang dikembangkan oleh PT Gaji Tim Indonesia, perusahaan lokal yang menyediakan sistem gaji dengan harga terjangkau. Gadjian bisa Anda gunakan untuk administrasi SDM, payroll, absensi, dan pajak karyawan secara otomatis.<\/p>\n<p>Harga Gadjian terjangkau bagi bisnis kecil, mulai dari:<\/p>\n<ul>\n<li><strong>Standar:<\/strong> Rp12.500 per orang per bulan.<\/li>\n<li><strong>Sukses:<\/strong> Rp20.000 per orang per bulan.<\/li>\n<li><strong>Apresiasi:<\/strong> Rp6.000 per orang per bulan.<\/li>\n<\/ul>\n<p>Untuk Sukses dan Apresiasi, minimal 20 karyawan untuk membeli paketnya.<\/p>\n<p><strong>Fitur-fitur aplikasi Gadjian:<\/strong><\/p>\n<ul>\n<li><strong>Database Karyawan:<\/strong> Menyimpan dan mengelola data karyawan secara terpusat.<\/li>\n<li><strong>Absensi &amp; Cuti:<\/strong> Mencatat kehadiran, cuti, izin, dan sakit melalui portal online.<\/li>\n<li><strong>Payroll &amp; PPh21\/BPJS:<\/strong> Mengelola gaji, pajak, dan iuran BPJS secara otomatis.<\/li>\n<li><strong>Evaluasi Kinerja:<\/strong> Memantau kinerja karyawan untuk pengembangan SDM.<\/li>\n<\/ul>\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; font-size: 15px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #9c171e; color: #fff;\">\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kelebihan<\/th>\n<th style=\"width: 50%; padding: 12px 10px; text-align: center;\">Kekurangan<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"vertical-align: top; padding: 14px 18px; border-right: 1px solid #eee;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Terhubung dengan aplikasi Hadirr untuk absensi dan produktivitas.<\/li>\n<li style=\"margin-bottom: 8px;\">Dapat mengelola beberapa perusahaan dengan NPWP berbeda dalam satu dashboard.<\/li>\n<li>Antarmuka sederhana dan cocok untuk bisnis kecil dan menengah.<\/li>\n<\/ul>\n<\/td>\n<td style=\"vertical-align: top; padding: 14px 18px;\">\n<ul style=\"margin: 0; padding-left: 18px; list-style: disc;\">\n<li style=\"margin-bottom: 8px;\">Kustomisasi fitur masih terbatas dibandingkan sistem HR enterprise.<\/li>\n<li style=\"margin-bottom: 8px;\">Respons dukungan pelanggan perlu ditingkatkan.<\/li>\n<li>Tidak ideal untuk perusahaan besar dengan kebutuhan kompleks.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n<style>\r\n    .accordion-wrapper-content{\r\n        background-color: white;\r\n        border: 1px solid #9c171e;\r\n        border-radius: 6px;\r\n        transition: 0.4s ease;\r\n        margin-bottom: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0px 0px 20px 0px #4034AB38;\r\n    }\r\n    \r\n    .header-content{\r\n        display: flex;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: #9c171e;\r\n        align-items: center;\r\n        padding: 18px;\r\n        transition: 0.4s;\r\n        cursor: pointer;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .header-content p{\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .contenttitle {\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        transition: 0.4s;\r\n        border: none;\r\n        border-radius: 6px 6px 6px 6px;\r\n        background: unset;\r\n        padding: 0;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .title-with-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .title-with-icon svg {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .header-content.active {\r\n      background-color: #9c171e;\r\n    }\r\n    \r\n    button.contenttitle{\r\n        background-color: unset;\r\n    }\r\n    \r\n    button.contenttitle::after{\r\n        content: \"<\";\r\n        width: 2.2rem;\r\n        height: 2.2rem;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        color: #FFF;\r\n        flex-shrink: 0;\r\n        transition: 0.4s;\r\n        opacity: 1;\r\n        transform: rotate(90deg);\r\n        font-family: monospace;\r\n        font-size: 1.8rem;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .contentbody {\r\n      padding: 0 18px;\r\n      max-height: none;\r\n      overflow: visible;\r\n      background-color: #ffffff;\r\n      border-radius: 0 0 6px 6px;\r\n      transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;\r\n      opacity: 1;\r\n    }\r\n\r\n    .contentbody.closed {\r\n      max-height: 0;\r\n      opacity: 0;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .contentbody p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 28px;\r\n        text-align: left;\r\n        text-transform: none;\r\n        color: #494949;\r\n        padding: 18px 0;\r\n        margin: 0;\r\n    }\r\n    \r\n    .header-content:hover button.contenttitle::after{\r\n        opacity: 1;\r\n    }\r\n\r\n    .header-content.closed button.contenttitle::after{\r\n        transform: rotate(-90deg);\r\n    }\r\n<\/style>\r\n\r\n    <div class=\"accordion-wrapper-content\">\r\n        <div class=\"header-content active\" onclick=\"toggleAccordionItem(this)\">\r\n            <button class=\"contenttitle\" type=\"button\">\r\n                <span class=\"title-with-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"#FFFFFF\">\r\n                        <path d=\"M18.6199 3.14893C17.8129 3.0182 17.003 3.36419 16.1982 3.84491C15.3796 4.33399 14.3916 5.07497 13.1853 5.97971L11.7497 7.0564L6 7.0564C3.37665 7.0564 1.25 9.18304 1.25 11.8064C1.25 14.4298 3.37665 16.5564 6 16.5564L11.7503 16.5564L13.1852 17.6326C14.3916 18.5374 15.3795 19.2784 16.1983 19.7674C17.003 20.2482 17.8129 20.5941 18.6199 20.4634C18.9831 20.4046 19.25 20.091 19.25 19.7231L19.25 3.88928C19.25 3.52136 18.9831 3.20776 18.6199 3.14893Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M20.75 15.4814C22.4617 15.1339 23.75 13.6206 23.75 11.8064C23.75 9.99217 22.4617 8.47886 20.75 8.13141L20.75 15.4814Z\" fill=\"#FFFFFF\"><\/path>\r\n                        <path d=\"M5.25 18.0564L9.75 18.0564L9.75 20.3065C9.75 21.5491 8.74264 22.5565 7.5 22.5565C6.25736 22.5565 5.25 21.5491 5.25 20.3065L5.25 18.0564Z\" fill=\"#FFFFFF\"><\/path>\r\n                    <\/svg>\r\n                    <span>Mengapa Memilih Gadjian?<\/span>\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"contentbody\">\r\n            <p>Gadjian dirancang khusus untuk UMKM dan bisnis kecil yang membutuhkan sistem administrasi HR yang praktis, efisien, dan terjangkau tanpa mengorbankan fungsionalitas utama seperti payroll dan absensi.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\nfunction toggleAccordionItem(element) {\r\n    var panel = element.nextElementSibling;\r\n    var isActive = element.classList.contains('active');\r\n    \r\n    if (isActive) {\r\n        element.classList.remove('active');\r\n        element.classList.add('closed');\r\n        panel.classList.add('closed');\r\n    } else {\r\n        element.classList.remove('closed');\r\n        element.classList.add('active');\r\n        panel.classList.remove('closed');\r\n    }\r\n}\r\n<\/script>\n<div style=\"background-color: #f8f8f8; border: 1px solid #e0e0e0; border-radius: 10px; padding: 22px 24px; margin: 28px 0; color: #333; line-height: 1.8; font-size: 14px; font-family: inherit; box-shadow: 0 2px 6px rgba(0,0,0,0.04);\"><span style=\"display: inline-block; background: linear-gradient(135deg,#990000 0%,#c21a1a 100%); color: #fff; font-weight: 500; font-size: 13px; border: none; border-radius: 20px; padding: 6px 14px; margin-bottom: 12px; font-family: inherit; box-shadow: 0 2px 5px rgba(153,0,0,0.25);\"><strong>Disclaimer<\/strong><br \/>\n<\/span><\/p>\n<div>Seluruh estimasi harga di atas dikonversi menggunakan kurs <strong>1 USD = Rp16.638,05<\/strong> dan diambil dari situs web resmi masing-masing penyedia software HR. Harga dapat berubah sewaktu-waktu tergantung wilayah, jumlah karyawan, serta fitur yang dipilih.<\/div>\n<\/div>\n<h2><strong>Fungsi dan Fitur Utama Software HR<\/strong><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-142112 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/jenis-jenis-software-hr.webp\" alt=\"software hr terbaik\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/jenis-jenis-software-hr.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/jenis-jenis-software-hr-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/jenis-jenis-software-hr-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/jenis-jenis-software-hr-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/jenis-jenis-software-hr-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/jenis-jenis-software-hr-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/jenis-jenis-software-hr-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/jenis-jenis-software-hr-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Berikut adalah<a href=\"https:\/\/www.hashmicro.com\/id\/blog\/fitur-hr-software\/\"> fitur utama dalam software HR<\/a> (Human Resource) yang umumnya dibutuhkan oleh perusahaan untuk mengelola karyawan secara efisien:<\/p>\n<ol>\n<li><b>Payroll rules engine Indonesia<\/b> untuk menghitung PPh 21 (gross\/gross-up\/net), THR, BPJS Kesehatan &amp; Ketenagakerjaan, serta tunjangan\u2013potongan yang kompleks secara otomatis.<\/li>\n<li><b>Attendance anti-fraud<\/b> agar Anda memverifikasi kehadiran lewat face match dan liveness, membatasi check-in dengan GPS radius (dan device binding bila tersedia). Lalu, bisa untuk mencatat <i>exception log<\/i> untuk hal janggal.<\/li>\n<li><b>Shift &amp; overtime rule builder untuk<\/b> menetapkan aturan shift dan lembur per skema (rate berbeda per shift), termasuk jam istirahat, hari libur nasional, dan cut-off payroll.<\/li>\n<li><b>Leave policy library<\/b> yang mengatur kebijakan cuti lengkap. Mulai dari cuti tahunan\/cuti bersama, izin khusus, carry forward, pro-rate untuk karyawan baru, hingga cuti sakit dengan lampiran dokumen.<\/li>\n<\/ol>\n<h2><b>Tips Memilih HR <\/b><b>Software <\/b><b>yang Tepat untuk Perusahaan Anda<\/b><\/h2>\n<p>Memilih aplikasi HRD yang tepat untuk perusahaan di Indonesia memerlukan pertimbangan yang matang. Berikut hal-hal yang perlu Anda lakukan.<\/p>\n<h3><b>1. Mulai dari <\/b><b><i>mapping <\/i><\/b><b>masalah di perusahaan<\/b><\/h3>\n<p>Sebelum memilih software, Anda perlu tahu apa masalah utama di perusahaan. Perhatikan tiga hal ini sebagai contoh:<\/p>\n<ul>\n<li aria-level=\"1\">Apakah Anda sering diprotes karyawan perihal <i>payroll<\/i>?<\/li>\n<li aria-level=\"1\">Apakah absensi di kantor Anda gampang dimanipulasi?<\/li>\n<li aria-level=\"1\">Bagaimana cara approval cuti, lembur, dan claim, apakah sudah efisien?<\/li>\n<\/ul>\n<p>Jika jawaban Anda untuk ketiganya masih \u2018ya, butuh ditingkatkan kualitasnya\u2019, berarti Anda sudah tahu apa akar masalahnya.<\/p>\n<h3><b>2. Tentukan kebutuhan Anda yang paling <\/b><b><i>critical<\/i><\/b><\/h3>\n<p>Setelah menentukan masalah, Anda bisa menarik intisari masalah tersebut. Jika <i>payroll <\/i>masih sering bermasalah, berarti Anda butuh sistem yang membuat payroll menjadi akurat. Kalau proses <i>hiring <\/i>masih ribet, berarti sistem untuk mempercepat prosesnya menjadi tolok ukur Anda.<\/p>\n<p>Jadi, tentukan masalahnya, dan cari kira-kira <i>gap<\/i> apa yang software HR bisa tutup.<\/p>\n<h3><b>3. Minta demo untuk perhitungan BPJS dan tunjangan<\/b><\/h3>\n<p>Jangan tanya &#8220;support BPJS &amp; PPh 21?&#8221;, karena semua vendor bisa jawab iya.<\/p>\n<p>Sebaiknya, Anda minta demo hitung PPh 21 + THR + BPJS + lembur pakai data Anda (shift, tunjangan, potongan). Kalau hasilnya masih perlu dihitung ulang, berarti sistemnya kurang memadai.<\/p>\n<h3><b>4. Uji software<\/b> <b>selama beberapa jam<\/b><\/h3>\n<p>Sistem HR yang bagus adalah sistem yang <i>user-friendly,<\/i> sebab software HR akan dipakai oleh seluruh karyawan di perusahaan. Jadi, coba tes singkat untuk mengajukan cuti, mengecek jadwal, atau lihat slip gaji.<\/p>\n<p>Jika terlalu banyak langkah atau UI software-nya tidak intuitif, sebaiknya jangan dipilih.<\/p>\n<h3><b>5. Pastikan sistemnya bisa <\/b><b><i>scaling<\/i><\/b><\/h3>\n<p>Kalau perusahaan Anda sedang berkembang pesat, akan lebih baik untuk memilih sistem yang <i>scalable. <\/i>Coba tanyakan kepada vendor apakah ada fitur yang <i>support<\/i> multi-cabang, outlet, atau aturan yang berbeda-beda tiap cabang\/daerah. Pilih vendor yang dengan percaya diri bisa melakukan semuanya.<\/p>\n<p><span data-sheets-root=\"1\"><style>\r\n\t#baca-juga {\r\n\t\tpadding: 16px;\r\n\t\tbackground-color: #f7eaea;\r\n\t\tborder-left: 3px solid #af2828;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-bottom: 26px;\r\n\t}\r\n\t\r\n\t#baca-juga a {\r\n\t\tcolor: #af2828 !important;\r\n\t\ttransition: all 0.2s ease-in-out;\r\n\t}\r\n\t\r\n\t#baca-juga a:hover {\r\n\t\tcolor: #af282880 !important;\r\n\t}\r\n<\/style>\r\n\r\n<div id=\"baca-juga\">\r\n\t<span>Baca juga: <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/tips-memilih-vendor-hris-indonesia-yang-tepat-untuk-perusahaan\/\">Tips Memilih Vendor HR atau HRIS Terbaik untuk Perusahaan<\/a><\/span>\r\n<\/div><\/span><\/p>\n<h2><b>Kesimpulan<\/b><\/h2>\n<p>Software HR kini sudah menjadi kebutuhan dalam sebuah organisasi dan perusahaan berbagai skala. HRIS akan membantu efisiensi biaya serta mengoptimalkan prouktivitas semua karyawan.<\/p>\n<p>Adanya HRIS membuat Anda tidak lagi perlu melakukan pekerjaan repetisi sehingga bisa lebih fokus pada hal-hal substansial lain, misalnya strategi pengelolaan karyawan Anda. Ini membuat HRIS bukan lagi sesuatu yang &#8216;<em>nice to have<\/em>&#8216;, melainkan memang harus digunakan setiap perusahaan.<\/p>\n<p>Jadi, segera alihkan semua pekerjaan manual menjadi otomatis menggunakan sistem HR terintegrasi. Pastikan software yang Anda pilih juga sesuai dengan kebutuhan bisnis dan anggaran, serta punya fitur penting seperti payroll otomatis, manajemen absensi, dan applicant tracking system.<\/p>\n<p>Tunggu apa lagi? Jadwalkan <strong><a href=\"https:\/\/www.hashmicro.com\/id\/konsultasi-gratis\/\">konsultasi gratis Software HR terintegrasi<\/a><\/strong> sekarang dan rasakan langsung manfaatnya untuk perusahaan Anda!<\/p>\n\n<p><strong>Referensi:<\/strong><\/p>\n<p><a href=\"https:\/\/www.ejbmr.org\/index.php\/ejbmr\/article\/view\/1992\/1167\">European Journal of Business and Management Research<\/a>, &#8220;The Impact of Human Resource Information Systems on Organizational Performance:A Systematic Literature Review&#8221;<\/p>\n<p><a href=\"https:\/\/jsbs.scholasticahq.com\/article\/142296-agility-toward-the-hris-advancement-at-the-organization-and-its-impact-on-performance-in-smes\">Journal of Small Business Strategy<\/a>, &#8220;Agility Toward the HRIS Advancement at the Organization and Its Impact on Performance in SMEs&#8221;<\/p>\n<p><a href=\"https:\/\/ijsoc.goacademica.com\/index.php\/ijsoc\/article\/view\/676\">International Journal of Science and Society<\/a>, &#8220;Implementing Human Resource Information System (HRIS) for Efficient Human Resource Management&#8221;<\/p>\n<h2><strong>Pertanyaan Seputar Software HR<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details open=\"open\">\n<summary><strong>Apa itu software HRIS?<\/strong><\/summary>\n<p>Software atau aplikasi HRIS adalah platform yang membantu bisnis mengelola fungsi HRD seperti absensi, penggajian, dan data karyawan. Dengan HRIS, seluruh operasional HR terintegrasi dalam satu platform, meningkatkan efektivitas dan efisiensi proses.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>Apa pentingnya menggunakan software HR?<\/strong><\/summary>\n<p>Software HR membantu mengelola karyawan, informasi, dan prosesnya. Software ini dirancang untuk membantu manajer dan karyawan bekerja lebih efisien sekaligus mengurangi kesalahan, memastikan kepatuhan, dan meningkatkan produktivitas.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>Apa perbedaan HR, HRIS, dan HRM?<\/strong><\/summary>\n<p>1. HR (Human Resources) merujuk pada departemen atau fungsi dalam organisasi yang berurusan dengan semua aspek yang berkaitan dengan karyawan, mulai dari perekrutan, pelatihan, manajemen kinerja, penggajian, hingga kepatuhan hukum.<br \/>\n2. HRIS (Human Resources Information System) adalah sistem perangkat lunak yang digunakan untuk mengelola, memelihara, dan memproses informasi karyawan dan kebijakan HR secara terpadu.<br \/>\n3. HRM (Human Resources Management) merupakan pendekatan strategis dan komprehensif dalam mengelola karyawan sebagai aset berharga untuk mencapai tujuan organisasi. HRM melibatkan pengembangan kebijakan, program, dan strategi untuk memaksimalkan potensi karyawan, meningkatkan kinerja, dan menciptakan lingkungan kerja yang positif.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>Apa saja aplikasi HR terbaik di Indonesia?<\/strong><\/summary>\n<p>1. HashMicro: Fitur lengkap untuk manajemen absensi, penggajian,&amp; data karyawan.<br \/>\n2. Talenta: Kemudahan penggunaan dan integrasi untuk penggajian &amp; absensi.<br \/>\n3. Sleekr: Solusi HR efisien &amp; user-friendly untuk administrasi &amp; manajemen karyawan.<br \/>\n4. KaryaOne: Solusi HR terintegrasi dengan fitur manajemen karyawan &amp; penggajian.<br \/>\n5. Zoho People: Platform HRIS dengan fitur untuk penilaian kinerja &amp; pelatihan karyawan.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>Apakah HashMicro mendukung fitur HR?<\/strong><\/summary>\n<p>Ya, HashMicro mendukung fitur HR yang komprehensif. Fitur-fitur unggulannya meliputi Hashy AI, absensi online (face recognition &amp; GPS), penggajian terintegrasi, manajemen <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/kpi-adalah\/\">KPI &amp; penilaian karyawan<\/a>, rekrutmen &amp; onboarding, manajemen training (LMS), sistem rostering, manajemen cuti &amp; pinjaman, pengelolaan BPJS &amp; SPPT, database karyawan lengkap, perencanaan tenaga kerja, Employee Self-Service (ESS), dan manajemen tugas.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>Berapa harga Software HR per bulan?<\/strong><\/summary>\n<p>Harga software HR umumnya bervariasi tergantung fitur yang dibutuhkan, jumlah karyawan yang dikelola, serta skala bisnis, sehingga setiap perusahaan dapat menyesuaikannya dengan kebutuhan operasionalnya. Anda dapat menghubungi customer service untuk masing-masing software.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>Apa saja manfaat HRIS untuk perusahaan?<\/strong><\/summary>\n<p>HRIS memberikan berbagai manfaat bagi perusahaan, seperti mempermudah pengelolaan data karyawan, meningkatkan efisiensi proses HR, mengurangi human error, mempercepat pengambilan keputusan berbasis data, serta membantu menciptakan sistem kerja yang lebih terstruktur dan produktif.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>Apa perbedaan HRIS dan payroll software?<\/strong><\/summary>\n<p>HRIS merupakan sistem yang mengelola seluruh data dan proses SDM secara menyeluruh, mulai dari absensi, cuti, hingga evaluasi kinerja, sedangkan payroll software berfokus pada penghitungan gaji, tunjangan, potongan, dan pembuatan slip gaji secara otomatis.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong>Apa HashMicro menyediakan demo software HR?<\/strong><\/summary>\n<p>Ya, HashMicro menyediakan demo untuk software HR sehingga bisnis dapat mencoba langsung fitur-fiturnya sebelum melakukan implementasi. Melalui demo tersebut, Anda dapat melihat bagaimana sistem bekerja, mengevaluasi kecocokannya dengan kebutuhan perusahaan<\/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    {\n      \"@type\": \"Question\",\n      \"name\": \"Apa itu software HRIS?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Software atau aplikasi HRIS adalah platform yang membantu bisnis mengelola fungsi HRD seperti absensi, penggajian, dan data karyawan. Dengan HRIS, seluruh operasional HR terintegrasi dalam satu platform, meningkatkan efektivitas dan efisiensi proses.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Apa pentingnya menggunakan software HR?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Software HR membantu mengelola karyawan, informasi, dan prosesnya. Software ini dirancang untuk membantu manajer dan karyawan bekerja lebih efisien sekaligus mengurangi kesalahan, memastikan kepatuhan, dan meningkatkan produktivitas.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Apa perbedaan HR, HRIS, dan HRM?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"1. HR (Human Resources) merujuk pada departemen atau fungsi dalam organisasi yang berurusan dengan semua aspek yang berkaitan dengan karyawan, mulai dari perekrutan, pelatihan, manajemen kinerja, penggajian, hingga kepatuhan hukum. 2. HRIS (Human Resources Information System) adalah sistem perangkat lunak yang digunakan untuk mengelola, memelihara, dan memproses informasi karyawan dan kebijakan HR secara terpadu. 3. HRM (Human Resources Management) merupakan pendekatan strategis dan komprehensif dalam mengelola karyawan sebagai aset berharga untuk mencapai tujuan organisasi. HRM melibatkan pengembangan kebijakan, program, dan strategi untuk memaksimalkan potensi karyawan, meningkatkan kinerja, dan menciptakan lingkungan kerja yang positif.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Apa saja aplikasi HR terbaik di Indonesia?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"1. HashMicro: Fitur lengkap untuk manajemen absensi, penggajian, & data karyawan. 2. Talenta: Kemudahan penggunaan dan integrasi untuk penggajian & absensi. 3. Sleekr: Solusi HR efisien & user-friendly untuk administrasi & manajemen karyawan. 4. KaryaOne: Solusi HR terintegrasi dengan fitur manajemen karyawan & penggajian. 5. Zoho People: Platform HRIS dengan fitur untuk penilaian kinerja & pelatihan karyawan.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Apakah HashMicro mendukung fitur HR?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Ya, HashMicro mendukung fitur HR yang komprehensif. Fitur-fitur unggulannya meliputi Hashy AI, absensi online (face recognition & GPS), penggajian terintegrasi, manajemen KPI & penilaian karyawan, rekrutmen & onboarding, manajemen training (LMS), sistem rostering, manajemen cuti & pinjaman, pengelolaan BPJS & SPPT, database karyawan lengkap, perencanaan tenaga kerja, Employee Self-Service (ESS), dan manajemen tugas.\"\n      }\n    }\n  ]\n}\n<\/script><script>  window._mfq = window._mfq || [];\r\n  (function() {\r\n    var mf = document.createElement(\"script\");\r\n    mf.type = \"text\/javascript\"; mf.defer = true;\r\n    mf.src = \"\/\/cdn.mouseflow.com\/projects\/5e05f34e-ba01-471c-b61c-6edd2d7e05ed.js\";\r\n    document.getElementsByTagName(\"head\")[0].appendChild(mf);\r\n  })();<\/script>\n\r\n<style>\r\n    .rating-box-wrapper {\r\n        background-color: #f5e8e9;\r\n        border-radius: 12px;\r\n        padding: 30px 20px;\r\n        text-align: center;\r\n        margin: 20px auto;\r\n        max-width: 100%;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .rating-content {\r\n        display: block;\r\n    }\r\n    .rating-success-msg {\r\n        display: none;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: #27ae60;\r\n        margin-top: 12px;\r\n        animation: fadeIn 0.5s;\r\n    }\r\n    .rating-box-title {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #2c3e50;\r\n        margin-bottom: 5px;\r\n    }\r\n    .rating-box-sub {\r\n        font-size: 14px;\r\n        color: #555;\r\n        margin-bottom: 20px;\r\n    }\r\n    .rating-stars-pill {\r\n        background: #fff;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 10px 30px;\r\n        border-radius: 50px;\r\n        box-shadow: 0 2px 8px rgba(0,0,0,0.05);\r\n        margin-bottom: 15px;\r\n        gap: 8px;\r\n        cursor: pointer;\r\n        transition: transform 0.2s;\r\n    }\r\n    .rating-stars-pill:active {\r\n        transform: scale(0.95);\r\n    }\r\n    .rating-stars-pill.disabled {\r\n        pointer-events: none;\r\n        cursor: default;\r\n    }\r\n    .rating-stars-pill i {\r\n        font-size: 24px;\r\n        transition: color 0.2s, transform 0.2s;\r\n    }\r\n    .rating-stars-pill i:hover {\r\n        transform: scale(1.2);\r\n    }\r\n    .rating-stars-pill i.td-icon-star {\r\n        color: #ffbc00;\r\n    }\r\n    .rating-stars-pill i.td-icon-star-empty {\r\n        color: #ddd !important;\r\n    }\r\n    .rating-value-text {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #2c3e50;\r\n        margin-bottom: 5px;\r\n    }\r\n    .rating-count-text {\r\n        font-size: 14px;\r\n        color: #666;\r\n    }\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; transform: translateY(10px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"rating-box-wrapper\" id=\"rating_box_69e72b4c53658\">\r\n    <div class=\"rating-content\">\r\n        <div class=\"rating-box-title\">Beri penilaian Anda untuk post ini<\/div>\r\n        <div class=\"rating-box-sub\">Seberapa bermanfaat post ini bagi Anda?<\/div>\r\n        \r\n        <div class=\"rating-stars-pill\">\r\n            <i class=\"td-icon-star-empty\" data-star=\"1\"><\/i>\r\n            <i class=\"td-icon-star-empty\" data-star=\"2\"><\/i>\r\n            <i class=\"td-icon-star-empty\" data-star=\"3\"><\/i>\r\n            <i class=\"td-icon-star-empty\" data-star=\"4\"><\/i>\r\n            <i class=\"td-icon-star-empty\" data-star=\"5\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"rating-stats-container\">\r\n            <div class=\"rating-value-text\">\r\n                Rating rata-rata 4.9 \/ 5\r\n            <\/div>\r\n            <div class=\"rating-count-text\">\r\n                Berdasarkan <span class=\"rating-count-number\">2,357<\/span> rating pembaca\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"rating-success-msg\">\r\n            Terima kasih! Rating Anda tersimpan.\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    var wrapper = document.getElementById(\"rating_box_69e72b4c53658\");\r\n    var starsPill = wrapper.querySelector(\".rating-stars-pill\");\r\n    var successView = wrapper.querySelector(\".rating-success-msg\");\r\n    var stars = starsPill.querySelectorAll(\"i\");\r\n    var countSpan = wrapper.querySelector(\".rating-count-number\");\r\n    var storageKey = \"user_rated_post_\" + window.location.pathname;\r\n    var valueKey = \"user_rating_val_\" + window.location.pathname;\r\n    \r\n    var baseCount = 2357;\r\n\r\n    function formatNumber(num) {\r\n        return num.toLocaleString('en-US');\r\n    }\r\n    \r\n    function updateStars(count) {\r\n        stars.forEach(function(star, index) {\r\n            if (index < count) {\r\n                star.className = \"td-icon-star\";\r\n            } else {\r\n                star.className = \"td-icon-star-empty\";\r\n            }\r\n        });\r\n    }\r\n\r\n    function incrementDisplay() {\r\n        var newCount = baseCount + 1;\r\n        countSpan.innerText = formatNumber(newCount);\r\n    }\r\n\r\n    function checkRatingStatus() {\r\n        try {\r\n            if (localStorage.getItem(storageKey) === \"true\") {\r\n                var savedVal = parseInt(localStorage.getItem(valueKey)) || 5;\r\n                updateStars(savedVal);\r\n                starsPill.classList.add(\"disabled\");\r\n                successView.style.display = \"block\";\r\n                incrementDisplay();\r\n                return true;\r\n            }\r\n        } catch(e) {\r\n            console.log(\"LocalStorage not available\");\r\n        }\r\n        return false;\r\n    }\r\n    \r\n    function submitRating(val) {\r\n        try {\r\n            localStorage.setItem(storageKey, \"true\");\r\n            localStorage.setItem(valueKey, val);\r\n        } catch(e) {\r\n            console.log(\"Could not save to localStorage\");\r\n        }\r\n        \r\n        updateStars(val);\r\n        starsPill.classList.add(\"disabled\");\r\n        successView.style.display = \"block\";\r\n        incrementDisplay();\r\n    }\r\n    \r\n    stars.forEach(function(star) {\r\n        star.addEventListener(\"mouseenter\", function() {\r\n            if (!starsPill.classList.contains(\"disabled\")) {\r\n                var starNumber = parseInt(this.getAttribute(\"data-star\"));\r\n                updateStars(starNumber);\r\n            }\r\n        });\r\n        \r\n        star.addEventListener(\"click\", function() {\r\n            if (!starsPill.classList.contains(\"disabled\")) {\r\n                var starNumber = parseInt(this.getAttribute(\"data-star\"));\r\n                submitRating(starNumber);\r\n            }\r\n        });\r\n    });\r\n    \r\n    starsPill.addEventListener(\"mouseleave\", function() {\r\n        if (!starsPill.classList.contains(\"disabled\")) {\r\n            updateStars(0);\r\n        }\r\n    });\r\n    \r\n    checkRatingStatus();\r\n})();\r\n<\/script>\n\r\n\t<script>\r\n\t\tsessionStorage.setItem('set_popupscroll', 70);\r\n\t<\/script>\r\n\t\r\n\t<script>\r\n\t\tsessionStorage.setItem('set_popuptime', 3600000);\r\n\t<\/script>\r\n\t\n\n","protected":false},"excerpt":{"rendered":"<p>Software HR atau disebut juga sebagai HRIS (Human Resources Information System) dalam implementasi nyatanya mampu memberikan dampak signifikan pada perusahaan. Laporan dari People Spheres menemukan bahwa perusahaan melaporkan pengurangan waktu yang dihabiskan untuk tugas-tugas administratif rutin sebesar 30% hingga 60%. Sementara untuk otomatisasi proses perekrutan, penggajian, tunjangan, dan pencatatan lainnya, People Speheres menyebut sistem HR [&hellip;]<\/p>\n","protected":false},"author":218,"featured_media":191738,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[5702,5699],"class_list":{"0":"post-3086","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-hrm","8":"tag-artikel-terkait","9":"tag-highlight"},"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>26 Software HR &amp; Aplikasi HRIS Terbaik untuk Produktivitas Bisnis<\/title>\n<meta name=\"description\" content=\"Tingkatkan produktivitas bisnis dengan software HR terbaik, seperti EVA HR HashMicro, Linov, Hadirr, dll. Temukan HRIS yang cocok untuk Anda 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\/hr-software-terbaik-di-indonesia\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"26 Software HR &amp; Aplikasi HRIS Terbaik untuk Produktivitas Bisnis\" \/>\n<meta property=\"og:description\" content=\"Tingkatkan produktivitas bisnis dengan software HR terbaik, seperti EVA HR HashMicro, Linov, Hadirr, dll. Temukan HRIS yang cocok untuk Anda di sini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\" \/>\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-09-03T03:35:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T02:22:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hashmicro-2.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Reno Wicaksana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:site\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Reno Wicaksana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"43 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\/hr-software-terbaik-di-indonesia\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\"},\"author\":{\"name\":\"Reno Wicaksana\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e\"},\"headline\":\"26 Software HR &#038; Aplikasi HRIS Terbaik untuk Produktivitas Bisnis\",\"datePublished\":\"2025-09-03T03:35:08+00:00\",\"dateModified\":\"2026-04-20T02:22:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\"},\"wordCount\":8654,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hashmicro-2.webp\",\"keywords\":[\"Artikel Terkait\",\"highlight\"],\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\",\"name\":\"26 Software HR & Aplikasi HRIS Terbaik untuk Produktivitas Bisnis\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hashmicro-2.webp\",\"datePublished\":\"2025-09-03T03:35:08+00:00\",\"dateModified\":\"2026-04-20T02:22:16+00:00\",\"description\":\"Tingkatkan produktivitas bisnis dengan software HR terbaik, seperti EVA HR HashMicro, Linov, Hadirr, dll. Temukan HRIS yang cocok untuk Anda di sini!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hashmicro-2.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hashmicro-2.webp\",\"width\":1200,\"height\":675,\"caption\":\"26 Software HR & Aplikasi HRIS Terbaik untuk Produktivitas Bisnis\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"26 Software HR &#038; Aplikasi HRIS Terbaik untuk Produktivitas Bisnis\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/\",\"name\":\"HashMicro Indonesia\",\"description\":\"Blog Software Manajemen Bisnis Indonesia #1\",\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\",\"name\":\"HashMicro Indonesia\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp\",\"width\":924,\"height\":121,\"caption\":\"HashMicro Indonesia\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/hashmicro\",\"https:\/\/x.com\/hashmicro\",\"https:\/\/www.linkedin.com\/company\/hashmicro\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e\",\"name\":\"Reno Wicaksana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp\",\"caption\":\"Reno Wicaksana\"},\"description\":\"Reno adalah HRM Specialist dan senior content writer dengan pengalaman lebih dari 5 tahun di industri teknologi dan manajemen sumber daya manusia. Secara konsisten mengangkat topik artikel seputar performance management, rekrutmen dan pengembangan SDM, manajemen talenta, dan sistem HRIS untuk pengelolaan karyawan.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/william-w-88353a262\/\"],\"gender\":\"Laki-laki\",\"knowsAbout\":[\"HRM\",\"HRIS\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Senior Content Writer on HRIS\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/author\/reno-wicaksana\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"26 Software HR & Aplikasi HRIS Terbaik untuk Produktivitas Bisnis","description":"Tingkatkan produktivitas bisnis dengan software HR terbaik, seperti EVA HR HashMicro, Linov, Hadirr, dll. Temukan HRIS yang cocok untuk Anda 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\/hr-software-terbaik-di-indonesia\/","og_locale":"id_ID","og_type":"article","og_title":"26 Software HR & Aplikasi HRIS Terbaik untuk Produktivitas Bisnis","og_description":"Tingkatkan produktivitas bisnis dengan software HR terbaik, seperti EVA HR HashMicro, Linov, Hadirr, dll. Temukan HRIS yang cocok untuk Anda di sini!","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2025-09-03T03:35:08+00:00","article_modified_time":"2026-04-20T02:22:16+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hashmicro-2.webp","type":"image\/webp"}],"author":"Reno Wicaksana","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Reno Wicaksana","Estimasi waktu membaca":"43 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/"},"author":{"name":"Reno Wicaksana","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e"},"headline":"26 Software HR &#038; Aplikasi HRIS Terbaik untuk Produktivitas Bisnis","datePublished":"2025-09-03T03:35:08+00:00","dateModified":"2026-04-20T02:22:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/"},"wordCount":8654,"commentCount":2,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hashmicro-2.webp","keywords":["Artikel Terkait","highlight"],"articleSection":["HRM"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/","name":"26 Software HR & Aplikasi HRIS Terbaik untuk Produktivitas Bisnis","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hashmicro-2.webp","datePublished":"2025-09-03T03:35:08+00:00","dateModified":"2026-04-20T02:22:16+00:00","description":"Tingkatkan produktivitas bisnis dengan software HR terbaik, seperti EVA HR HashMicro, Linov, Hadirr, dll. Temukan HRIS yang cocok untuk Anda di sini!","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hashmicro-2.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/software-hr-hashmicro-2.webp","width":1200,"height":675,"caption":"26 Software HR & Aplikasi HRIS Terbaik untuk Produktivitas Bisnis"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"26 Software HR &#038; Aplikasi HRIS Terbaik untuk Produktivitas Bisnis"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website","url":"https:\/\/www.hashmicro.com\/id\/blog\/","name":"HashMicro Indonesia","description":"Blog Software Manajemen Bisnis Indonesia #1","publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization","name":"HashMicro Indonesia","url":"https:\/\/www.hashmicro.com\/id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","width":924,"height":121,"caption":"HashMicro Indonesia"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hashmicro","https:\/\/x.com\/hashmicro","https:\/\/www.linkedin.com\/company\/hashmicro"]},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e","name":"Reno Wicaksana","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp","caption":"Reno Wicaksana"},"description":"Reno adalah HRM Specialist dan senior content writer dengan pengalaman lebih dari 5 tahun di industri teknologi dan manajemen sumber daya manusia. Secara konsisten mengangkat topik artikel seputar performance management, rekrutmen dan pengembangan SDM, manajemen talenta, dan sistem HRIS untuk pengelolaan karyawan.","sameAs":["https:\/\/www.linkedin.com\/in\/william-w-88353a262\/"],"gender":"Laki-laki","knowsAbout":["HRM","HRIS"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Senior Content Writer on HRIS","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/reno-wicaksana\/"}]}},"focus_keyword":"Software HR","order_j":"7","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/3086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/users\/218"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=3086"}],"version-history":[{"count":376,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/3086\/revisions"}],"predecessor-version":[{"id":192519,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/3086\/revisions\/192519"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/191738"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=3086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=3086"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=3086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}