{"id":133552,"date":"2024-10-05T01:33:44","date_gmt":"2024-10-04T18:33:44","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=133552"},"modified":"2026-02-24T09:04:21","modified_gmt":"2026-02-24T02:04:21","slug":"aplikasi-roster-kerja-terbaik","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/","title":{"rendered":"14 Aplikasi Roster Kerja Terbaik Pembuat Jadwal Shift Efektif"},"content":{"rendered":"<div class=\"flex-shrink-0 flex flex-col relative items-end\">\n<div class=\"pt-0\">\n<div class=\"gizmo-bot-avatar flex h-8 w-8 items-center justify-center overflow-hidden rounded-full\">\n<p>Aplikasi roster kerja kini menjadi alat penting untuk membantu bisnis mengatur jadwal shift karyawan secara cepat dan akurat. Dengan sistem digital, perencanaan jadwal tidak lagi bergantung pada spreadsheet atau catatan manual yang rawan kesalahan.<\/p>\n<p>Menurut data industri, penggunaan software penjadwalan karyawan bisa mendorong pembuatan jadwal hingga 30% lebih cepat dan mengurangi kesalahan penjadwalan hingga 55% dibandingkan dengan metode manual (<a href=\"https:\/\/www.shiftboard.com\/benefits-of-employee-scheduling-software\/\">Shiftboard Customer ROI Survey<\/a>).<\/p>\n<p>Namun, memilih aplikasi roster kerja yang tepat memerlukan pertimbangan fitur, kemudahan penggunaan, dan kecocokannya dengan kebutuhan tim Anda.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<table style=\"border-collapse: collapse; background-color: #fffacd; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li><a href=\"#definisi\">Aplikasi roster kerja yang baik<\/a> dapat membantu perusahaan meningkatkan efisiensi operasional dan mengurangi kesalahan manusia.<\/li>\n<li>Dalam <a href=\"#memilih\">memilih aplikasi roster kerja<\/a>, perusahaan harus mempertimbangkan fitur-fitur yang ditawarkan, keamanan data, dan kemampuan integrasi dengan sistem lainnya.<\/li>\n<li><a href=\"#3\">Perusahaan membutuhkan aplikasi roster<\/a> untuk memastikan distribusi jam kerja lebih adil, mengontrol biaya tenaga kerja, dan menjaga kepatuhan terhadap aturan ketenagakerjaan.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script><div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Daftar Isi<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\n\/\/ document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/   const toc = document.querySelector('#toc');\r\n\/\/   const footer = document.querySelector('.td-footer-template-wrap');\r\n\/\/   const tocParent = toc.parentElement;\r\n\/\/   const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n\/\/   const tocHeight = toc.offsetHeight;\r\n\/\/   const triggerPoint = divTop + tocHeight + 700;\r\n\/\/   const footerHeight = footer.offsetHeight;\r\n\/\/   const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n\/\/   const phtoc = document.querySelector('#placeholder-toc');\r\n\/\/   const headers = document.querySelectorAll('.td-post-content h2');\r\n\/\/   const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\/\/ \tconst panel2 = document.querySelector(\"#toc .list\");\r\n\/\/ \tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n\/\/   let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n\/\/   \/\/ Function to handle scroll and add\/remove .sticky class\r\n\/\/   function handleScroll() {\r\n\/\/     const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\/\/     let currentHeader = '';\r\n\r\n\/\/     \/\/ Highlight user progress as the heading comes\r\n\/\/     headers.forEach(header => {\r\n\/\/ \t\tconst headerTop = header.offsetTop;\r\n\/\/ \t\tconst headerHeight = header.clientHeight;\r\n\/\/ \/\/ \t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \/\/ \t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \/\/ \t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\/\/ \/\/ \t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \/\/ \t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\/\/ \/\/ \t\t\tif(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t\ttocTitle.textContent = 'Daftar Isi';\r\n\/\/ \/\/ \t\t\t}\r\n\/\/ \/\/ \t\t}\r\n\/\/ \t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\ttocTitle.textContent = 'Daftar Isi'; \/\/ Selalu pertahankan judul ini di mobile\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \t\t\t\tcurrentHeader = currentHeaderId;\r\n\/\/ \t\t\t}\r\n\/\/ \t\t}\r\n\/\/ \t});\r\n\r\n\/\/     navLinks.forEach(link => {\r\n\/\/       link.classList.remove('active');\r\n\/\/       if(currentHeader != '') {\r\n\/\/ \t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\/\/ \t\t\t  link.classList.add('active');\r\n\/\/ \t\t  }\r\n\/\/ \t  }\r\n\/\/     });\r\n\/\/ \/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/ \/\/         toc.style.display = 'block';\r\n\/\/ \/\/ \t}else{\r\n\/\/ \/\/         toc.style.display = 'none';\r\n\/\/ \/\/ \t}\r\n\/\/     \/\/ Update TOC title if sticky\r\n\/\/     if (windowTop > triggerPoint) {\r\n\/\/       if (!toc.classList.contains('sticky')) {\r\n\/\/         phtoc.style.display = \"block\";\r\n\/\/         toc.classList.add('sticky');\r\n\/\/         toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/         toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/         toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\tpanel2.style.height = '0px';\r\n\/\/ \t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t  if(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar Isi'; \/\/ Reset title\r\n\/\/        \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\/\/ \t\t  }\r\n\/\/       }\r\n\/\/       if (currentHeader) {\r\n\/\/ \/\/         console.log(\"activeLink:\", activeLink);\r\n\/\/         if (activeLink) {\r\n\/\/ \/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n\/\/           tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n\/\/         }\r\n\/\/       }\r\n\/\/     } else {\r\n\/\/       toc.classList.remove('sticky');\r\n\/\/       phtoc.style.display = \"none\";\r\n\/\/       toc.style.width = 'unset'; \/\/ Reset to original width\r\n\/\/       toc.style.backgroundColor = \"#FFF\";\r\n\/\/       tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\/\/ \t\ticon.style.transform = \"rotate(180deg)\";\r\n\/\/     }\r\n\/\/   }\r\n\r\n\/\/     \/\/ Attach the scroll event listener to the window\r\n\/\/     window.addEventListener('scroll', handleScroll);\r\n\r\n\/\/     \/\/ Initial call to handleScroll to set the correct state on load\r\n\/\/     handleScroll();\r\n\/\/ });\r\n\t\r\n\/\/ \t\/\/ Open toggle TOC\r\n\/\/ \t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/ \t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\/\/ \t\tvar toc = document.querySelector(\"#toc\");\r\n\/\/ \t\tvar icon = document.querySelector(\".toc-icon\");\r\n\/\/ \t\tconst tocTitle = document.querySelector('#toc-title');\r\n\/\/ \t\tconst tocs = document.querySelector('#toc.sticky');\r\n\/\/  \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\/\/ \t\t  tocHeader.addEventListener(\"click\", function() {\r\n\/\/ \t\t\tvar panel = this.nextElementSibling;\r\n\/\/ \t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\/\/ \t\t\t\tif(window.innerWidth > 768){\r\n\/\/ \t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\/\/ \t\t\t} else {\r\n\/\/ \t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '24px';\r\n\/\/ \t\t\t \tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/ \t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t}\r\n\/\/ \t\t  });\r\n\r\n\/\/ \t\t  \/\/ Close TOC when a link inside it is clicked\r\n\/\/ \t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\/\/ \t\t  tocLinks.forEach(function(link) {\r\n\/\/ \t\t\tlink.addEventListener(\"click\", function() {\r\n\/\/ \t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t});\r\n\/\/ \t\t  });\r\n\/\/ \t\t});\r\n\r\n\/\/ START new JS for ToC improvements\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 1750;\r\n\tconsole.log(triggerPoint)\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight*3;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n  \r\n  const panel2 = document.querySelector(\"#toc .list\");\r\n  const icon = document.querySelector(\".toc-icon\");\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n  let activeLink = null;\r\n  let userClosedTOC = false; \/\/ Flag user menutup TOC\r\n\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Update TOC title sesuai header yang terlihat\r\n    headers.forEach(header => {\r\n      const headerTop = header.offsetTop;\r\n      const headerHeight = header.clientHeight;\r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n      } else {\r\n        if (window.scrollY >= (headerTop - headerHeight + 1750)) {\r\n          const currentHeaderId = header.getAttribute('id');\r\n          const currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n          tocTitle.textContent = currentHeaderText;\r\n          currentHeader = currentHeaderId;\r\n        }\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader && link.getAttribute('href').includes(currentHeader)) {\r\n        link.classList.add('active');\r\n      }\r\n    });\r\n\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`;\r\n        toc.style.backgroundColor = \"#FFF\";\r\n        \/\/ Saat sticky, TOC otomatis tertutup\r\n        panel2.style.height = '0px';\r\n        icon.style.transform = \"rotate(180deg)\";\r\n        userClosedTOC = true; \/\/ Set flag supaya tidak terbuka saat scroll\r\n      }\r\n      \r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n        toc.style.width = '150px';\r\n      }\r\n\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset';\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Daftar isi'; \r\n\r\n      \/\/ Kembalikan panel jika user belum menutup manual\r\n      if(!userClosedTOC) {\r\n        panel2.style.height = panel2.scrollHeight + \"px\";\r\n        icon.style.transform = \"rotate(0deg)\";\r\n      }\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', handleScroll);\r\n  handleScroll();\r\n\r\n  \/\/ Toggle TOC saat user klik\r\n  const tocHeader = document.querySelector(\"#toc .header\");\r\n  tocHeader.addEventListener(\"click\", function() {\r\n    const panel = panel2;\r\n    if (panel.style.height !== '0px') {\r\n      panel.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    } else {\r\n      panel.style.height = panel.scrollHeight + \"px\";\r\n      icon.style.transform = \"rotate(0deg)\";\r\n      userClosedTOC = false;\r\n    }\r\n  });\r\n\r\n  \/\/ Close TOC saat link diklik\r\n  document.querySelectorAll(\"#toc .list a\").forEach(link => {\r\n    link.addEventListener(\"click\", function() {\r\n      panel2.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    });\r\n  });\r\n});\r\n\/\/ END new JS for ToC improvements\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } \r\n\t\t  else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        \/\/ Mengambil semua elemen h2 dan h3\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\t\tfunction newFormatId(text) {\r\n\t\t\t\tif(text.toLowerCase() === \"key takeaways\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tconst result = text.toLowerCase()\r\n\t\t\t\t.trim()\r\n\t\t\t\t.replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n\t\t\t\t.replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h2\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h3\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Membuat list HTML dari objek headings\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Gunakan ID yang baru dihasilkan\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Dapatkan isi (child elements) dari ul dengan id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Tambahkan isi yang telah didapatkan dari 'list_toc' ke ul dengan id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Fungsi untuk mengambil tinggi navbar\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menambahkan offset posisi scroll\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menangani klik pada tautan judul\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua tautan judul\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t\t\r\n\t});\r\n    <\/script> -->\r\n\n<h2><span id=\"definisi\"><strong>Apa itu Aplikasi Roster Kerja?<\/strong><\/span><\/h2>\n<p>Aplikasi roster kerja adalah perangkat lunak untuk mengatur jadwal kerja karyawan secara efisien. Aplikasi ini membantu menyusun shift, memantau kehadiran, dan memastikan jadwal sesuai kebutuhan operasional.<\/p>\n<p>Penggunaan aplikasi roster sangat penting untuk perusahaan karena dapat meminimalisir kesalahan dalam penjadwalan dan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aturan-jam-kerja-karyawan\/\">aturan jam kerja disnaker<\/a>.<\/p>\n<p>Selain itu, aplikasi pembuat jadwal otomatis ini memudahkan HRD atau manajer dalam mengatur shift kerja karyawan, mengurangi risiko jadwal bentrok, serta memastikan operasional tetap berjalan lancar dan efektif.<\/p>\n<h2><strong>Rekomendasi Singkat: Aplikasi Roster Kerja Terbaik<\/strong><\/h2>\n<p>Saya telah meninjau berbagai aplikasi roster kerja dengan mempertimbangkan kemudahan penggunaan, efisiensi penjadwalan, serta integrasi dengan sistem operasional. Berikut adalah rekomendasi aplikasi terbaik yang dapat membantu bisnis mengelola jadwal shift karyawan secara lebih efektif dan efisien.<\/p>\n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/hashmicro-resized.webp\" alt=\"HashMicro Logo\" height=\"32px\" width=\"200px\" \/>\r\n          <a href=\"#hashmicro\">HashMicro<\/a>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t\t\t\t\r\n          <p class=\"desc\">Ideal untuk perusahaan yang membutuhkan aplikasi roster kerja all-in-one dengan fitur otomatisasi lengkap.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <div>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"15px\" width=\"15px\" viewBox=\"0 -960 960 960\" fill=\"#ffffff\">\r\n              <path style=\"flex-shrink: 0;\" d=\"m387-412 35-114-92-74h114l36-112 36 112h114l-93 74 35 114-92-71-93 71ZM240-40v-309q-38-42-59-96t-21-115q0-134 93-227t227-93q134 0 227 93t93 227q0 61-21 115t-59 96v309l-240-80-240 80Zm240-280q100 0 170-70t70-170q0-100-70-170t-170-70q-100 0-170 70t-70 170q0 100 70 170t170 70Z\" \/>\r\n            <\/svg>\r\n            <p class=\"best-deals-marker\" style=\"color: #ffffff; margin-bottom: 0; font-size: 14px; line-height: 1.5;\">Best Deals<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?medium=cta-button\">Tanya Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/sellers\/hashmicro#profiles\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" alt=\"g2 logo\" width=\"16\" height=\"16\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.8\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#hashmicro\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#hashmicro\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" alt=\"dropdown icon svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" alt=\"dropdown icon\"\/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/google-calendar-1.webp\" alt=\"Google Calendar\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#google\">Google Calendar<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Bisnis yang mencari solusi penjadwalan sederhana dan terintegrasi dengan Google.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/calendar\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.7\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#google\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#google\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/asana-1.webp\" alt=\"Asana\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#asana\">Asana<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Bisnis yang membutuhkan manajemen jadwal shift dan kolaborasi tim yang efisien.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/asana\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.4\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#asana\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#asana\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/trello-1.webp\" alt=\"Trello\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#trello\">Trello<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Bisnis yang mencari penjadwalan shift visual dan mudah dikelola.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/trello\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.4\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#trello\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#trello\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/01\/sap-logo.webp\" alt=\"SAP HR\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#sap\">SAP HR<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Perusahaan besar yang membutuhkan solusi penjadwalan shift terintegrasi dengan sistem HR.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/sellers\/sap\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.3\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#sap\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#sap\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/05\/sage-hr.webp\" alt=\"Sage HR\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#sage\">Sage HR<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\"><\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/sage-hr\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.3\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#sage\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#sage\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/deskera.webp\" alt=\"Deskera\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#deskera\">Deskera<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Perusahaan yang membutuhkan penjadwalan shift dengan integrasi sistem HR dan keuangan.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/deskera-erp\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.4\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#deskera\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#deskera\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/bamboo-hr-logo.webp\" alt=\"BambooHR\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#bamboo\">BambooHR<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Perusahaan kecil hingga menengah yang membutuhkan solusi HRM terintegrasi.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.4\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#bamboo\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#bamboo\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n<h2><b>14 Aplikasi Roster Kerja Terbaik di Indonesia<\/b><\/h2>\n<p>Berikut adalah 14 daftar aplikasi pembuat jadwal kerja shift terbaik di Indonesia 2025 yang dapat menjadi pilihan bagi bisnis Anda.<\/p>\n<h3><b>1. HashMicro HRM<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-167752 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Sistem-HR.webp\" alt=\"aplikasi roster\" width=\"842\" height=\"500\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Sistem-HR.webp 842w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Sistem-HR-300x178.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Sistem-HR-768x456.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Sistem-HR-707x420.webp 707w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Sistem-HR-150x89.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Sistem-HR-696x413.webp 696w\" sizes=\"auto, (max-width: 842px) 100vw, 842px\" \/><\/p>\n<p>HashMicro adalah salah satu vendor terbaik yang menawarkan solusi ERP terintegrasi untuk memenuhi kebutuhan perusahaan di berbagai industri.<\/p>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/manajemen-human-resource\">Software Human Resource Management (HRM) dari HashMicro<\/a> dirancang untuk mempermudah pengelolaan SDM, mulai dari penjadwalan jam kerja hingga penggajian dan pelaporan yang otomatis disesuaikan dengan jadwal kerja setiap karyawan.<\/p>\n<p>Dengan berbagai fitur komprehensif yang dapat dikustomisasi sesuai kebutuhan bisnis, HashMicro telah dipercaya oleh lebih dari 2.000 klien dan memberikan solusi terpadu untuk bisnis di Indonesia. Coba <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">demo gratisnya<\/a> sekarang untuk mengetahui lebih lanjut.<\/p>\n<p><strong>Fitur:<\/strong><\/p>\n<ol>\n<li><b>Manajemen jadwal kerja karyawan yang fleksibel dan berbasis roster:<\/b> Fitur ini memungkinkan pengaturan jadwal kerja karyawan yang memudahkan penyesuaian dan pengelolaan shift kerja untuk mendukung kebutuhan operasional.<\/li>\n<li><b>Perhitungan tarif lembur otomatis berdasarkan jumlah shift:<\/b> Fitur ini secara otomatis menghitung tarif lembur berdasarkan jumlah shift yang dilakukan untuk memastikan perhitungan upah lembur yang akurat dan efisien.<\/li>\n<li><b>Template untuk kontrak dan slip gaji:<\/b> Aplikasi ini menyediakan template kontrak kerja dan slip gaji yang dapat dikustomisasi untuk memudahkan HR dalam membuat dokumen penting dengan cepat dan konsisten.<\/li>\n<li><b>Penggajian lokal dengan perhitungan pajak:<\/b> Fitur ini menyediakan sistem penggajian yang disesuaikan dengan regulasi di Indonesia, termasuk perhitungan pajak.<\/li>\n<li><b>Manajemen lembur terintegrasi dengan absensi dan penggajian:<\/b> Fitur ini menyediakan manajemen lembur yang terintegrasi dengan kehadiran dan penggajian.<\/li>\n<li><b>Pelaporan cuti, penggajian, pengeluaran, lembur, dan absensi: <\/b>Fitur ini menawarkan pelaporan mendalam mengenai cuti, penggajian, biaya, lembur, dan kehadiran, memberikan informasi komprehensif untuk analisis dan pengambilan keputusan.<\/li>\n<\/ol>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>User-friendly interface<\/td>\n<td>Durasi implementasi yang bervariasi sesuai dengan kebutuhan perusahaan<\/td>\n<\/tr>\n<tr>\n<td>Akses melalui perangkat mobile, Android, iOS, dan desktop<\/td>\n<td>Pengguna baru membutuhkan pelatihan yang intensif oleh tim support<\/td>\n<\/tr>\n<tr>\n<td>Integrasi dengan perangkat biometrik dan absensi face-recognition<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Integrasi multi-modul<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Akses tanpa batas untuk pengguna tanpa biaya tambahan<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Layanan after sales dan maintenance oleh tim profesional<\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Cocok untuk:<\/b> Software dari HashMicro cocok untuk berbagai jenis bisnis yang membutuhkan solusi end-to-end kebutuhan bisnis dengan fitur-fitur komprehensif yang terintegrasi.<\/p>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h3><strong>2. Google Calendar<\/strong><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-168388 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Google-Calendar.webp\" alt=\" aplikasi pembuat jadwal kerja Google-Calendar\" width=\"2048\" height=\"1174\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Google-Calendar.webp 2048w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Google-Calendar-300x172.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Google-Calendar-1024x587.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Google-Calendar-768x440.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Google-Calendar-1536x881.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Google-Calendar-733x420.webp 733w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Google-Calendar-150x86.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Google-Calendar-696x399.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Google-Calendar-1068x612.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Google-Calendar-1920x1101.webp 1920w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/p>\n<p><span id=\"google\">Google Calendar adalah aplikasi pembuat jadwal kerja yang memungkinkan pengguna mengatur dan berbagi jadwal dengan mudah. Dengan fitur integrasi ke berbagai aplikasi Google seperti Gmail dan Google Meet, pengguna dapat mengelola jadwal kerja, rapat, serta pengingat secara efisien.<\/span><\/p>\n<p>Beberapa fitur yang ditawarkan antara lain:<\/p>\n<ol>\n<li>Integrasi dengan Gmail dan Google Meet.<\/li>\n<li>Pembuatan acara berulang dan pengingat.<\/li>\n<li>Sharing schedule.<\/li>\n<\/ol>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>Mudah digunakan dengan integrasi ke ekosistem Google.<\/td>\n<td>Fitur manajemen tugas terbatas dibanding aplikasi lain.<\/td>\n<\/tr>\n<tr>\n<td>Notifikasi otomatis untuk pengingat jadwal.<\/td>\n<td>Tidak memiliki fitur pelacakan proyek yang kompleks.<\/td>\n<\/tr>\n<tr>\n<td>Sinkronisasi real-time di berbagai perangkat.<\/td>\n<td>Kurang fleksibel untuk penjadwalan berbasis shift.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Cocok untuk:<\/strong> Individu yang membutuhkan pengingat otomatis dan tim kecil yang ingin berbagi kalender dengan mudah.<\/p>\n<h3><strong>3. Asana<\/strong><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-166164 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/asana.webp\" alt=\"aplikasi pembuat jadwal kerja\" width=\"800\" height=\"373\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/asana.webp 800w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/asana-300x140.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/asana-768x358.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/asana-150x70.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/asana-696x325.webp 696w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span id=\"asana\">Asana adalah aplikasi manajemen tugas dan proyek yang juga dapat digunakan sebagai aplikasi penjadwalan kerja tim. Dengan tampilan yang fleksibel, pengguna bisa mengatur roster kerja dengan tampilan daftar, papan kanban, atau timeline melalui aplikasi ini.<\/span><\/p>\n<p>Beberapa fitur unggulan yang ditawarkan adalah:<\/p>\n<ol>\n<li>Timeline penjadwalan.<\/li>\n<li>Pengingat otomatis.<\/li>\n<li>Kolaborasi tim.<\/li>\n<\/ol>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>Fitur manajemen tugas yang kuat untuk penjadwalan tim.<\/td>\n<td>Bisa terasa kompleks bagi pemula.<\/td>\n<\/tr>\n<tr>\n<td>Bisa mengatur proyek dengan tampilan timeline atau kalender..<\/td>\n<td>Fitur kalender tidak sefleksibel Google Calendar.<\/td>\n<\/tr>\n<tr>\n<td>Integrasi dengan berbagai alat seperti Slack dan Google Drive<\/td>\n<td>Versi gratis memiliki keterbatasan dalam fitur manajemen tim.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Cocok untuk<\/strong>: Tim yang membutuhkan koordinasi dalam pengelolaan tugas dan jadwal, serta integrasi dengan berbagai alat kerja lainnya.<\/p>\n<h3><strong>4. Trello<\/strong><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-154340 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/trello.webp\" alt=\"aplikasi pembuat jadwal kerja\" width=\"1140\" height=\"612\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/trello.webp 1140w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/trello-300x161.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/trello-1024x550.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/trello-768x412.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/trello-782x420.webp 782w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/trello-150x81.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/trello-696x374.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/trello-1068x573.webp 1068w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/p>\n<p><span id=\"trello\">Trello adalah aplikasi jadwal kerja yang mempermudah pengelolaan jadwal dan tugas dalam bentuk kartu yang dapat disesuaikan. Pengguna dapat membuat daftar tugas, mengatur deadline, serta menambahkan label atau checklist untuk memastikan setiap jadwal terorganisir dengan baik.<\/span><\/p>\n<p>Fitur-fitur yang ditawarkan oleh Trello yaitu:<\/p>\n<ol>\n<li>Papan kanban.<\/li>\n<li>Fitur checklist dan label untuk mengorganisir tugas.<\/li>\n<li>Integrasi aplikasi ketiga.<\/li>\n<\/ol>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>Antarmuka drag-and-drop yang mudah digunakan.<\/td>\n<td>Tidak memiliki tampilan kalender bawaan tanpa power-up tambahan.<\/td>\n<\/tr>\n<tr>\n<td>Dapat disesuaikan dengan berbagai template penjadwalan.<\/td>\n<td>Kurang cocok untuk penjadwalan shift kompleks.<\/td>\n<\/tr>\n<tr>\n<td>Integrasi dengan berbagai aplikasi produktivitas seperti Slack dan Google Drive.<\/td>\n<td>Versi gratis memiliki batasan dalam jumlah power-up dan anggota tim.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Cocok untuk:<\/strong> Freelancer, individu, atau tim kecil yang lebih nyaman mengelola jadwal dengan tampilan visual dan sistem drag-and-drop.<\/p>\n<h3><b>5. SAP HR<\/b><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-168272 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR.webp\" alt=\"aplikasi roster kerja\" width=\"1920\" height=\"935\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR.webp 1920w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-300x146.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-1024x499.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-768x374.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-1536x748.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-862x420.webp 862w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-150x73.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-696x339.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-1068x520.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-533x261.webp 533w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<p><span id=\"sap\">SAP HR menawarkan solusi database in-memory canggih yang membantu efisiensi operasional bisnis. Solusi yang ditawarkan aplikasi shift kerja ini termasuk manajemen sumber daya manusia (HRM) dan pengelolaan roster kerja.<\/span><\/p>\n<p>Aplikasi jadwal kerja karyawan dari SAP HR menawarkan beberapa fitur komprehensif, antara lain adalah:<\/p>\n<ol>\n<li>Employee schedule management<\/li>\n<li>Attendance management<\/li>\n<li>Payroll management<\/li>\n<li>Portal self-service<\/li>\n<\/ol>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>User-friendly interface<\/td>\n<td>Kompleksitas penggunaan<\/td>\n<\/tr>\n<tr>\n<td>Integrasi dengan sistem lainnya<\/td>\n<td>Biaya implementasi yang tinggi<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Cocok untuk: <\/b>SAP HR cocok untuk organisasi besar yang memerlukan solusi pengelolaan waktu dan kehadiran yang terintegrasi dan dapat diskalakan, terutama perusahaan yang sudah menggunakan sistem ERP SAP lainnya.<\/p>\n<h3><b>6. Sage HR<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-157317 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/sage-hr-software.webp\" alt=\"aplikasi pembuat jadwal kerja Sage HR\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/sage-hr-software.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/sage-hr-software-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/sage-hr-software-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/sage-hr-software-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/sage-hr-software-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/sage-hr-software-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/sage-hr-software-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/sage-hr-software-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><span id=\"sage\">Software schedule roster dari Sage HR adalah solusi manajemen SDM yang menyediakan berbagai fitur, termasuk aplikasi untuk roster kerja. Aplikasi pembuat jadwal kerja memudahkan manajemen waktu dan kehadiran, memungkinkan perusahaan mengoptimalkan penjadwalan karyawan serta memantau kehadiran mereka dengan efektif.<\/span><\/p>\n<p>Berikut adalah fitur-fitur menarik yang ditawarkan oleh aplikasi dari Sage HR:<\/p>\n<ol>\n<li>Shift scheduling<\/li>\n<li>Performance management<\/li>\n<li>Leave management<\/li>\n<li>Timesheets report<\/li>\n<\/ol>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>Transparansi bagi karyawan dan manajer<\/td>\n<td>Biaya langganan cukup tinggi<\/td>\n<\/tr>\n<tr>\n<td>Integrasi dengan sistem lainnya<\/td>\n<td>Pengguna baru membutuhkan pelatihan<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Cocok untuk: <\/b>Sistem Sage HR sesuai untuk berbagai jenis bisnis, mulai dari perusahaan kecil hingga perusahaan berskala besar, yang memerlukan solusi manajemen sumber daya manusia yang komprehensif dan terintegrasi.<\/p>\n<h3><b>7. Koneksi<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-142120 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/software-hr-koneksi.webp\" alt=\"aplikasi sistem roster kerja\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/software-hr-koneksi.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/software-hr-koneksi-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/software-hr-koneksi-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/software-hr-koneksi-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/software-hr-koneksi-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/software-hr-koneksi-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/software-hr-koneksi-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/06\/software-hr-koneksi-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/>Software sistem kerja roster dari Koneksi menyediakan solusi manajemen sumber daya manusia untuk berbagai jenis industri yang fleksibel dan mudah disesuaikan.<\/p>\n<p>Dengan kemampuannya mengatur tenaga kerja skala besar, mengelola jadwal dinamis, atau mengkoordinasikan waktu kerja, aplikasi pembuat jadwal kerja menawarkan berbagai fitur yang mendukung kebutuhan spesifik tiap perusahaan, di antaranya adalah:<\/p>\n<ol>\n<li>Schedule management<\/li>\n<li>KPI tracking<\/li>\n<li>Face recognition<\/li>\n<li>Travel &amp; leave management<\/li>\n<li>Payroll management<\/li>\n<\/ol>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>Antarmuka yang intuitif<\/td>\n<td>Biaya langganan yang tinggi<\/td>\n<\/tr>\n<tr>\n<td>Integrasi dengan sistem lainnya<\/td>\n<td>Waktu implementasi yang cukup lama<\/td>\n<\/tr>\n<tr>\n<td>Kustomisasi luas<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>Aksesibilitas yang tinggi<\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Cocok untuk: <\/b>Software sistem kerja roster dari Koneksi dapat memenuhi kebutuhan bisnis yang menginginkan fitur lengkap dan adaptabilitas tinggi.<\/p>\n<p>Software ini menyediakan solusi yang fleksibel dan dapat dikustomisasi, memastikan berbagai tipe bisnis bisa mengatur jadwal karyawan sesuai dengan keperluan unik mereka.<\/p>\n<h3><b>8. Deskera<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-152789 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/deskera-hr.webp\" alt=\"aplikasi pembuat jadwal kerja\" width=\"1830\" height=\"1070\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/deskera-hr.webp 1830w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/deskera-hr-300x175.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/deskera-hr-1024x599.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/deskera-hr-768x449.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/deskera-hr-1536x898.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/deskera-hr-718x420.webp 718w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/deskera-hr-150x88.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/deskera-hr-696x407.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/deskera-hr-1068x624.webp 1068w\" sizes=\"auto, (max-width: 1830px) 100vw, 1830px\" \/><\/p>\n<p><span id=\"deskera\">Deskera menawarkan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/apa-itu-hris-pengertian-fungsi-hrm-software\/\">sistem HRIS<\/a> yang komprehensif dengan berbagai fitur untuk mendukung manajemen sumber daya manusia, termasuk fitur manajemen roster kerja.<\/span><\/p>\n<p>Aplikasi pembuat jadwal kerja memungkinkan perusahaan untuk merencanakan, mengatur, dan memonitor jadwal kerja karyawan dengan lebih efektif.<\/p>\n<p>Aplikasi jadwal shift karyawan dari Deskera menawarkan beberapa fitur sebagai berikut:<\/p>\n<ol>\n<li>Pembuatan jadwal otomatis<\/li>\n<li>Kustomisasi jadwal<\/li>\n<li>Manajemen cuti<\/li>\n<li>Manajemen payroll otomatis<\/li>\n<\/ol>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Integrasi dengan sistem lainnya<\/td>\n<td>Biaya langganan cukup tinggi<\/td>\n<\/tr>\n<tr>\n<td>Fleksibilitas tinggi<\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Cocok untuk: <\/b>Software schedule roster dari Deskera cocok untuk perusahaan dari berbagai ukuran dan industri yang membutuhkan solusi komprehensif untuk pengelolaan sumber daya manusia yang dapat dikustomisasi.<\/p>\n<h3><b>9. BambooHR<\/b><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/c9f47b1a-2af5-41b7-91c9-5e7585202b04.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-155036 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/c9f47b1a-2af5-41b7-91c9-5e7585202b04.webp\" alt=\"dashboard bamboohr\" width=\"1905\" height=\"1049\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/c9f47b1a-2af5-41b7-91c9-5e7585202b04.webp 1905w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/c9f47b1a-2af5-41b7-91c9-5e7585202b04-300x165.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/c9f47b1a-2af5-41b7-91c9-5e7585202b04-1024x564.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/c9f47b1a-2af5-41b7-91c9-5e7585202b04-768x423.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/c9f47b1a-2af5-41b7-91c9-5e7585202b04-1536x846.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/c9f47b1a-2af5-41b7-91c9-5e7585202b04-763x420.webp 763w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/c9f47b1a-2af5-41b7-91c9-5e7585202b04-150x83.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/c9f47b1a-2af5-41b7-91c9-5e7585202b04-696x383.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/c9f47b1a-2af5-41b7-91c9-5e7585202b04-1068x588.webp 1068w\" sizes=\"auto, (max-width: 1905px) 100vw, 1905px\" \/><\/a><\/p>\n<p><span id=\"bamboo\">Software sistem kerja roster dari BambooHR dikenal dengan antarmuka yang ramah pengguna dan fungsionalitas yang komprehensif.<\/span><\/p>\n<p>Software ini memungkinkan bisnis untuk mengatur jadwal kerja karyawan secara efisien, memberikan visibilitas yang jelas terhadap kehadiran dan absensi karyawan, serta memudahkan koordinasi tim dan penugasan tugas.<\/p>\n<p>Mari simak beberapa fitur yang ada dalam software aplikasi kerja dari BambooHR:<\/p>\n<ol>\n<li>Shift management<\/li>\n<li>Payroll management<\/li>\n<li>Tampilan kalender<\/li>\n<li>Notifikasi otomatis<\/li>\n<\/ol>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>Antarmuka yang intuitif<\/td>\n<td>Fitur yang terbatas<\/td>\n<\/tr>\n<tr>\n<td>Integrasi dengan sistem lainnya<\/td>\n<td>Biaya langganan yang tinggi<\/td>\n<\/tr>\n<tr>\n<td>Aksesibilitas yang mudah<\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Cocok untuk: <\/b>Aplikasi roster kerja dari BambooHR sesuai untuk perusahaan kecil hingga menengah yang memerlukan solusi HRM terintegrasi dengan kemudahan pengelolaan jadwal kerja.<\/p>\n<h3><strong>10. Total <\/strong><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-152786 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Total-ERP-HRM.jpg.webp\" alt=\"dashboard total\" width=\"1200\" height=\"650\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Total-ERP-HRM.jpg.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Total-ERP-HRM.jpg-300x163.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Total-ERP-HRM.jpg-1024x555.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Total-ERP-HRM.jpg-768x416.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Total-ERP-HRM.jpg-775x420.webp 775w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Total-ERP-HRM.jpg-150x81.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Total-ERP-HRM.jpg-696x377.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Total-ERP-HRM.jpg-1068x580.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Total adalah salah satu aplikasi roster kerja terbaik di Indonesia yang menyediakan solusi lengkap untuk manajemen sumber daya manusia.<\/p>\n<p>Aplikasi shift kerja dibuat untuk mempermudah penyusunan jadwal kerja karyawan dengan berbagai fitur modern, seperti penjadwalan otomatis, pelacakan absensi, dan pengelolaan lembur.<\/p>\n<p>Aplikasi jadwal kerja Total memungkinkan integrasi data secara real-time, membantu manajer memantau dan mengelola kinerja tim dengan lebih efisien. Selain itu, fitur analisis dan pelaporan yang mendetail mempermudah perusahaan dalam mengambil keputusan berbasis data.<\/p>\n<p>Berikut adalah fitur yang ditawarkan oleh sistem Total:<\/p>\n<ul>\n<li>Manajemen absensi dengan GPS<\/li>\n<li>Manajemen penggajian<\/li>\n<li>Mobile access<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>Interface yang user-friendly<\/td>\n<td>Kurang cocok untuk bisnis menengah ke bawah<\/td>\n<\/tr>\n<tr>\n<td>Mobile accessibility<\/td>\n<td>Durasi implementasi yang bervariatif<\/td>\n<\/tr>\n<tr>\n<td>Multi-module integration<\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Cocok untuk: <\/b>Bisnis yang memerlukan sistem dengan aksesibilitas luas karena dapat berjalan secara optimal di mobile.<\/p>\n<h3><strong>11. Zoho<\/strong><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-168224 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Zoho.webp\" alt=\"aplikasi pembuat jadwal kerja Zoho\" width=\"1008\" height=\"503\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Zoho.webp 1008w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Zoho-300x150.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Zoho-768x383.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Zoho-842x420.webp 842w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Zoho-150x75.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Zoho-696x347.webp 696w\" sizes=\"auto, (max-width: 1008px) 100vw, 1008px\" \/><\/p>\n<p>Zoho menyediakan aplikasi roster yang dirancang untuk mempermudah pengelolaan jadwal kerja karyawan di berbagai jenis perusahaan.<\/p>\n<p>Aplikasi shift kerja memungkinkan penjadwalan shift yang terstruktur, pemantauan absensi secara akurat, serta pengaturan otomatis untuk lembur dan cuti.<\/p>\n<p>Beberapa fitur dalam aplikasi roster Zoho meliputi:<\/p>\n<ul>\n<li>Pengelolaan sumber daya manusia<\/li>\n<li>Sistem pembelajaran (LMS) perusahaan<\/li>\n<li>Pengelolaan dokumen<\/li>\n<li>Pengelolaan akses pengguna<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>Fitur otomatisasi<\/td>\n<td>Dukungan pelanggan yang kurang memadai<\/td>\n<\/tr>\n<tr>\n<td>Memiliki integrasi yang luas<\/td>\n<td>Terdapat biaya tambahan<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Cocok untuk: <\/b>Bisnis yang ingin mencari sistem pembelajaran yang komprehensif.<\/p>\n<h3><strong>12. Deputy HR <\/strong><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-168337 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Deputy-HR.webp\" alt=\"dashboard Deputy HR\" width=\"2048\" height=\"775\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Deputy-HR.webp 2048w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Deputy-HR-300x114.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Deputy-HR-1024x388.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Deputy-HR-768x291.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Deputy-HR-1536x581.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Deputy-HR-1110x420.webp 1110w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Deputy-HR-150x57.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Deputy-HR-696x263.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Deputy-HR-1068x404.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/Deputy-HR-1920x727.webp 1920w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/p>\n<p>Deputy HR adalah perangkat lunak yang dirancang untuk memudahkan bisnis dalam mengatur jadwal kerja karyawan secara efisien.<\/p>\n<p>Aplikasi pembuat jadwal kerja Deputy menawarkan berbagai fitur, seperti pencatatan jam kerja, pengelolaan cuti, serta alat untuk memastikan kepatuhan terhadap peraturan ketenagakerjaan.<\/p>\n<p>Beberapa fitur yang ada di Deputy HR meliputi:<\/p>\n<ul>\n<li>Pelacakan waktu kehadiran<\/li>\n<li>Clock in dan clock out menggunakan biometrik<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>Keamanan data yang kuat<\/td>\n<td>Dukungan pelanggan yang kurang responsif<\/td>\n<\/tr>\n<tr>\n<td>Terdapat versi gratisnya<\/td>\n<td>Kurva pembelajaran yang sulit<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Cocok untuk: <\/b>Bisnis yang masih merintis karena menyediakan paket versi gratis.<\/p>\n<h3><strong>13. Jibble <\/strong><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-168445 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/jibble-hr.webp\" alt=\"aplikasi roster kerja jibble hr\" width=\"1460\" height=\"799\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/jibble-hr.webp 1460w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/jibble-hr-300x164.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/jibble-hr-1024x560.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/jibble-hr-768x420.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/jibble-hr-767x420.webp 767w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/jibble-hr-150x82.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/jibble-hr-696x381.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/jibble-hr-1068x584.webp 1068w\" sizes=\"auto, (max-width: 1460px) 100vw, 1460px\" \/><\/p>\n<p>Jibble merupakan sistem absensi mobile yang sangat lengkap, dilengkapi dengan teknologi GPS dan fitur absensi selfie untuk check-in dan check-out.<\/p>\n<p>Selain itu, aplikasi jadwal kerja ini dapat melakukan rekapitulasi absensi dengan mudah, serta dapat diunduh dalam berbagai format.<\/p>\n<p>Berikut adalah fitur utama Jibble:<\/p>\n<ul>\n<li>Absensi menggunakan GPS dan selfie<\/li>\n<li>Rekapitulasi absensi yang praktis<\/li>\n<li>Integrasi yang mudah<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>Fitur integrasi yang luas<\/td>\n<td>Layanan pelanggan yang kurang responsif<\/td>\n<\/tr>\n<tr>\n<td>Kurva belajar yang tidak curam<\/td>\n<td>Kustomisasi terbatas<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Cocok untuk<\/b>: Bisnis dengan berbagai industri.<\/p>\n<h3><strong>14. When I Work <\/strong><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-157318 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/When-i-work.webp\" alt=\"dashboard When i work\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/When-i-work.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/When-i-work-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/When-i-work-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/When-i-work-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/When-i-work-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/When-i-work-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/When-i-work-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/When-i-work-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>When I Work adalah aplikasi absensi karyawan yang dirancang untuk mempermudah perusahaan dalam mengelola kehadiran secara efektif.<\/p>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-absensi-karyawan\/\">Aplikasi absensi online<\/a> ini menawarkan berbagai fitur, termasuk pencatatan absensi, penjadwalan shift, pengelolaan cuti, serta komunikasi antara karyawan dan manajemen.<\/p>\n<p>Fitur utama When I Work meliputi:<\/p>\n<ul>\n<li>Pencatatan Kehadiran<\/li>\n<li>Penjadwalan Kerja<\/li>\n<li>Manajemen Cuti<\/li>\n<li>Komunikasi Tim<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kelebihan <\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\" width=\"50%\"><b>Kekurangan <\/b><\/td>\n<\/tr>\n<tr>\n<td>Antarmuka aplikasi jadwal kerja yang intuitif<\/td>\n<td>Keterbatasan fitur pada paket gratis<\/td>\n<\/tr>\n<tr>\n<td>Integrasi dengan sistem lain<\/td>\n<td>Biaya langganan dapat menjadi mahal<\/td>\n<\/tr>\n<tr>\n<td>Aksesibilitas yang mudah<\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><b>Cocok untuk: <\/b>Bisnis yang membutuhkan sistem shift kerja dengan fleksibilitas yang luas dan variatif.<\/p>\n\r\n<style>\r\n\t#custom-shortcode-table {\r\n\t\twidth: 100%;\r\n\t\toverflow-x: auto;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table thead {\r\n\t\tbackground-color: #af2828;\r\n\t\tcolor: #ffffff;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table th {\r\n\t\twhite-space: nowrap;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table td {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table tr:nth-child(even) {\r\n    \tbackground-color: #fff5f5;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\theight: 8px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-track {\r\n\t\tbackground: #f1f1f1;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb {\r\n\t\tbackground: #af2828;\r\n\t\tborder-radius: 4px;\r\n\t}\r\n\t\r\n\t#custom-shortcode-table::-webkit-scrollbar-thumb:hover {\r\n\t\tbackground: #8a1f1f;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\t#custom-shortcode-table th {\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table td {\r\n\t\t\tfont-size: 10px;\r\n\t\t}\r\n\t\t\r\n\t\t#custom-shortcode-table::-webkit-scrollbar {\r\n\t\t\theight: 6px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n\r\n<div id=\"custom-shortcode-table\">\r\n\t<table>\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t<th>Vendor CRM<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Ease of Use<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Integration with HR System<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Shift Scheduling Flexibility<\/th>\r\n\t\t\t\t\t\t\t\t\t<th>Mobile Access<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>HashMicro<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Google Calendar<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Asana<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Trello<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>SAP HR<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Sage HR<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Deskera<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Bamboo HR<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star-empty\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><i class=\"td-icon-star\" style=\"color: #ffb302\"><\/i><\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t<\/tbody>\r\n\t<\/table>\r\n<\/div>\n<h2><strong>Kenapa Perusahaan Membutuhkan Aplikasi Roster?<\/strong><\/h2>\n<p><span id=\"3\">Berikut adalah beberapa manfaat utama yang dapat diperoleh perusahaan dengan mengimplementasikan aplikasi jadwal kerja yang efisien:<\/span><\/p>\n<h3><strong>1.<\/strong> <strong>Efisiensi pengelolaan jadwal<\/strong><\/h3>\n<p>Dengan aplikasi pembuat jadwal kerja, jadwal dapat disusun secara otomatis berdasarkan kebutuhan operasional dan ketersediaan karyawan. Hal ini mengurangi waktu yang dihabiskan untuk perencanaan manual dan memastikan shift selalu terisi dengan tepat.<\/p>\n<h3><strong>2.<\/strong> <strong>Pengurangan risiko kesalahan jadwal<\/strong><\/h3>\n<p>Aplikasi roster otomatis meminimalkan kesalahan yang sering terjadi dalam penjadwalan manual. Dampaknya, <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-data-karyawan\/\">aplikasi database karyawan<\/a> mampu mengurangi potensi masalah yang dapat mengganggu operasional perusahaan.<\/p>\n<h3><strong>3.<\/strong> <strong>Peningkatan produktivitas karyawan<\/strong><\/h3>\n<p>Jadwal yang teratur dan transparan memungkinkan karyawan mengetahui kapan mereka bekerja dan beristirahat, yang membantu mereka mempersiapkan diri dengan baik. Ini juga memberikan rasa keteraturan yang dapat meningkatkan motivasi dan kinerja karyawan.<\/p>\n<h3><strong>4.<\/strong> <strong>Kemudahan permintaan cuti atau perubahan shift<\/strong><\/h3>\n<p>Aplikasi pembuat jadwal shift mempermudah karyawan dalam mengajukan permintaan cuti atau perubahan shift, sehingga manajemen waktu karyawan menjadi lebih fleksibel dan efisien.<\/p>\n<h3><strong>5. Kepatuhan terhadap peraturan ketenagakerjaan<\/strong><\/h3>\n<p>Sistem ini secara otomatis mencatat jam kerja, lembur, dan waktu istirahat karyawan dengan detail, memastikan perusahaan mematuhi peraturan ketenagakerjaan yang berlaku dan menghindari potensi pelanggaran.<\/p>\n<h2><span id=\"memilih\"><b>Bagaimana Memilih Aplikasi Roster Kerja yang Tepat untuk Perusahaan?<\/b><\/span><\/h2>\n<p>Supaya penjadwalan, absensi, dan penggajian saling terhubung, pastikan solusi Anda berjalan di atas <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\"><span data-sheets-root=\"1\">software HRIS modern yang terintegrasi<\/span><\/a> .<\/p>\n<p><span id=\"memilih\">Berikut adalah beberapa strategi yang bisa membantu dalam proses pemilihan aplikasi roster terbaik:<\/span><\/p>\n<ol>\n<li><b>Identifikasi kebutuhan perusahaan.<\/b> Penting untuk mengidentifikasi kebutuhan bisnis Anda terkait manajemen roster kerja. Apakah software yang saya pilih bisa membantu meningkatkan efisiensi bisnis dan bagaimana aplikasi tersebut dapat mengintegrasikan dengan sistem yang sudah ada.<\/li>\n<li><b>Fitur yang ditawarkan.<\/b> Pastikan aplikasi pembuatan jadwal kerja yang Anda pilih menyediakan fitur-fitur yang Anda butuhkan, seperti pembuatan jadwal otomatis, penyesuaian jadwal, pelacakan kehadiran, integrasi dengan sistem penggajian, dan lain-lain.<\/li>\n<li><b>Keamanan data dan privasi. <\/b>Pastikan aplikasi yang Anda pilih memiliki fitur keamanan data yang kuat untuk melindungi informasi pribadi dan data sensitif karyawan. Ini termasuk fitur enkripsi data dan otentikasi pengguna.<\/li>\n<li><b>Analisis data dan laporan.<\/b> Aplikasi yang menawarkan analisis data dan pelaporan canggih akan sangat membantu manajemen untuk memahami pola kerja, tingkat kehadiran, dan produktivitas karyawan, serta untuk membuat perencanaan sumber daya manusia yang lebih baik.<\/li>\n<li><b>Kemampuan integrasi.<\/b> Kemampuan untuk mengintegrasikan aplikasi shift kerja dengan sistem lainnya adalah aspek penting. Hal ini memastikan bahwa data dapat mengalir secara lancar, mengurangi penggandaan data, dan meningkatkan akurasi data.<\/li>\n<\/ol>\n<h2><b>Jenis-Jenis Aplikasi Pembuat Jadwal Kerja<\/b><\/h2>\n<p>Aplikasi pembuat jadwal kerja membantu perusahaan mengatur jadwal karyawan dengan lebih efisien. Berikut adalah dua jenis utama aplikasi pembuat jadwal kerja yang sering digunakan:<\/p>\n<h3><strong>1. Aplikasi pembuat jadwal kerja shift<\/strong><\/h3>\n<p>Aplikasi ini dirancang khusus untuk bisnis yang menerapkan <b>sistem kerja shift<\/b>, seperti ritel, manufaktur, dan layanan kesehatan.<\/p>\n<p>Dengan fitur otomatisasi, manajer dapat dengan mudah menyusun, mengubah, dan membagikan jadwal shift kepada karyawan. Mereka pun dapat mengaksesnya dengan mudah menggunakan ponsel maupun komputer.<\/p>\n<p>Beberapa aplikasi pembuat jadwal shift bahkan memungkinkan karyawan untuk bertukar shift secara langsung melalui sistem, mengurangi beban administratif.<\/p>\n<h3><strong>2. Aplikasi pembuat agenda kerja<\/strong><\/h3>\n<p>Jenis aplikasi ini lebih fokus pada <b>penjadwalan tugas dan rapat<\/b> dalam lingkungan kerja yang lebih fleksibel, seperti kantor dan perusahaan berbasis proyek.<\/p>\n<p>Fitur yang tersedia biasanya mencakup kalender tim, pengingat tugas, serta integrasi dengan alat komunikasi untuk memastikan semua anggota tim selalu terkoordinasi.<\/p>\n<p>Dengan menggunakan aplikasi pembuat jadwal kerja yang tepat, perusahaan dapat meningkatkan efisiensi, mengurangi konflik jadwal, dan memastikan kelancaran operasional sehari-hari.<\/p>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h2><b>Kesimpulan<\/b><\/h2>\n<p>Aplikasi roster kerja yang ideal perlu mendukung penjadwalan fleksibel, manajemen kehadiran, integrasi payroll, serta laporan untuk evaluasi beban kerja. Dengan alur yang rapi, konflik shift dan lembur tak terencana bisa ditekan.<\/p>\n<p>Saat memilih solusi manajemen roster, perusahaan umumnya menilai kemudahan pakai, fleksibilitas aturan shift, dan integrasi data absensi ke payroll. Tujuannya supaya admin tidak perlu input berulang.<\/p>\n<p>Dengan otomatisasi jadwal, kontrol kepatuhan jam kerja, dan pelaporan yang lebih jelas, proses roster dapat dikelola lebih tertib. Jika ingin menilai kecocokannya, perusahaan bisa mengajukan <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">konsultasi gratis<\/a> untuk membahas kebutuhan roster<\/p>\n<a href=\"https:\/\/www.hashmicro.com\/id\/manajemen-human-resource?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-listicle.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-listicle.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-listicle-m.webp\" alt=\"HR_Listicle\" class=\"responsive-image-banner\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<h2><strong>Pertanyaan Seputar Aplikasi Roster Kerja<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Bagaimana aplikasi roster kerja membantu meningkatkan efisiensi perusahaan?<\/strong><\/summary>\n<p>Aplikasi roster kerja membantu perusahaan mengelola jadwal kerja karyawan dengan lebih efisien, mengurangi konflik jadwal, dan meningkatkan akurasi distribusi jam kerja.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apakah aplikasi roster kerja dapat terintegrasi dengan sistem kehadiran dan penggajian?<\/strong><\/summary>\n<p>Ya, aplikasi roster kerja yang baik harus dapat terintegrasi dengan sistem kehadiran dan penggajian.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Bagaimana aplikasi roster kerja membantu dalam kepatuhan regulasi?<\/strong><\/summary>\n<p>Aplikasi roster kerja yang baik akan membantu perusahaan memastikan kepatuhan terhadap peraturan kerja, seperti peraturan mengenai jam kerja, lembur, dan cuti.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Bagaimana aplikasi roster kerja membantu meningkatkan efisiensi perusahaan?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Aplikasi roster kerja membantu perusahaan mengelola jadwal kerja karyawan dengan lebih efisien, mengurangi konflik jadwal, dan meningkatkan akurasi distribusi jam kerja.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Apakah aplikasi roster kerja dapat terintegrasi dengan sistem kehadiran dan penggajian?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Ya, aplikasi roster kerja yang baik harus dapat terintegrasi dengan sistem kehadiran dan penggajian.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Bagaimana aplikasi roster kerja membantu dalam kepatuhan regulasi?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Aplikasi roster kerja yang baik akan membantu perusahaan memastikan kepatuhan terhadap peraturan kerja, seperti peraturan mengenai jam kerja, lembur, dan cuti.\"\n    }\n  }]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aplikasi roster kerja kini menjadi alat penting untuk membantu bisnis mengatur jadwal shift karyawan secara cepat dan akurat. Dengan sistem digital, perencanaan jadwal tidak lagi bergantung pada spreadsheet atau catatan manual yang rawan kesalahan. Menurut data industri, penggunaan software penjadwalan karyawan bisa mendorong pembuatan jadwal hingga 30% lebih cepat dan mengurangi kesalahan penjadwalan hingga 55% [&hellip;]<\/p>\n","protected":false},"author":218,"featured_media":168046,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-133552","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-hrm"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>14 Aplikasi Roster Kerja Terbaik Pembuat Jadwal Shift Efektif<\/title>\n<meta name=\"description\" content=\"Temukan 14 aplikasi roster kerja karyawan yang membantu pengelolaan shift lebih efisien. Lihat rekomendasi terbaik 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\/aplikasi-roster-kerja-terbaik\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"14 Aplikasi Roster Kerja Terbaik Pembuat Jadwal Shift Efektif\" \/>\n<meta property=\"og:description\" content=\"Temukan 14 aplikasi roster kerja karyawan yang membantu pengelolaan shift lebih efisien. Lihat rekomendasi terbaik di sini.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/\" \/>\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=\"2024-10-04T18:33:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-24T02:04:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/aplikasi-roster-kerja.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\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=\"19 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/\"},\"author\":{\"name\":\"Reno Wicaksana\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/person\\\/0d3340f667908102d8894da18f80732e\"},\"headline\":\"14 Aplikasi Roster Kerja Terbaik Pembuat Jadwal Shift Efektif\",\"datePublished\":\"2024-10-04T18:33:44+00:00\",\"dateModified\":\"2026-02-24T02:04:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/\"},\"wordCount\":3012,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/aplikasi-roster-kerja.webp\",\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/\",\"name\":\"14 Aplikasi Roster Kerja Terbaik Pembuat Jadwal Shift Efektif\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/aplikasi-roster-kerja.webp\",\"datePublished\":\"2024-10-04T18:33:44+00:00\",\"dateModified\":\"2026-02-24T02:04:21+00:00\",\"description\":\"Temukan 14 aplikasi roster kerja karyawan yang membantu pengelolaan shift lebih efisien. Lihat rekomendasi terbaik di sini.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/aplikasi-roster-kerja.webp\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/aplikasi-roster-kerja.webp\",\"width\":1200,\"height\":650,\"caption\":\"aplikasi roster kerja\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/aplikasi-roster-kerja-terbaik\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"14 Aplikasi Roster Kerja Terbaik Pembuat Jadwal Shift Efektif\"}]},{\"@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\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Reno-Wicaksana-96x96.webp\",\"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":"14 Aplikasi Roster Kerja Terbaik Pembuat Jadwal Shift Efektif","description":"Temukan 14 aplikasi roster kerja karyawan yang membantu pengelolaan shift lebih efisien. Lihat rekomendasi terbaik 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\/aplikasi-roster-kerja-terbaik\/","og_locale":"id_ID","og_type":"article","og_title":"14 Aplikasi Roster Kerja Terbaik Pembuat Jadwal Shift Efektif","og_description":"Temukan 14 aplikasi roster kerja karyawan yang membantu pengelolaan shift lebih efisien. Lihat rekomendasi terbaik di sini.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2024-10-04T18:33:44+00:00","article_modified_time":"2026-02-24T02:04:21+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/aplikasi-roster-kerja.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":"19 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/"},"author":{"name":"Reno Wicaksana","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e"},"headline":"14 Aplikasi Roster Kerja Terbaik Pembuat Jadwal Shift Efektif","datePublished":"2024-10-04T18:33:44+00:00","dateModified":"2026-02-24T02:04:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/"},"wordCount":3012,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/aplikasi-roster-kerja.webp","articleSection":["HRM"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/","name":"14 Aplikasi Roster Kerja Terbaik Pembuat Jadwal Shift Efektif","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/aplikasi-roster-kerja.webp","datePublished":"2024-10-04T18:33:44+00:00","dateModified":"2026-02-24T02:04:21+00:00","description":"Temukan 14 aplikasi roster kerja karyawan yang membantu pengelolaan shift lebih efisien. Lihat rekomendasi terbaik di sini.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/aplikasi-roster-kerja.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/aplikasi-roster-kerja.webp","width":1200,"height":650,"caption":"aplikasi roster kerja"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-roster-kerja-terbaik\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"14 Aplikasi Roster Kerja Terbaik Pembuat Jadwal Shift Efektif"}]},{"@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\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp","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":"aplikasi roster kerja","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/133552","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=133552"}],"version-history":[{"count":61,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/133552\/revisions"}],"predecessor-version":[{"id":189518,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/133552\/revisions\/189518"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/168046"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=133552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=133552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=133552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}