{"id":453,"date":"2015-03-25T15:24:38","date_gmt":"2015-03-25T07:24:38","guid":{"rendered":"http:\/\/www.ppukm.ukm.my\/diagnostik\/?page_id=453"},"modified":"2026-10-25T10:47:46","modified_gmt":"2026-10-25T10:47:46","slug":"aplikasi","status":"publish","type":"page","link":"https:\/\/hctm.ukm.my\/makmal\/aplikasi\/","title":{"rendered":"Aplikasi Makmal"},"content":{"rendered":"<div style=\"max-width:1100px; margin:30px auto; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding:0 10px;\">\n<p>  <!-- TAJUK UTAMA KORPORAT --><\/p>\n<div style=\"text-align:center; margin-bottom:35px; border-bottom:3px solid #155E75; padding-bottom:15px;\">\n<h2 style=\"color:#155E75; font-size:1.6rem; font-weight:700; margin:0 0 8px 0; text-transform:uppercase; letter-spacing:-0.01em;\">\n      Aplikasi Perkhidmatan Makmal<br \/>\n    <\/h2>\n<p style=\"color:#64748B; font-size:0.95rem; margin:0;\">\n      Portal Akses Sistem &amp; Pengurusan Makmal Diagnostik HCTM UKM\n    <\/p>\n<\/p><\/div>\n<p>  <!-- JADUAL SUSUNAN 3 SEBARIS KALIS TEMA WORDPRESS --><\/p>\n<table style=\"width:100% !important; border-collapse:separate !important; border-spacing:15px !important; border:none !important; background:transparent !important; table-layout:fixed !important;\">\n<tbody>\n<p>      <!-- BARIS 1 (KAD 1 - 3) --><\/p>\n<tr>\n        <!-- KAD 1: Kompetensi Kakitangan (URL DAH DIKEMASKINI) --><\/p>\n<td style=\"width:33.33% !important; vertical-align:top !important; padding:0 !important; border:none !important; background:transparent !important;\">\n          <a href=\"https:\/\/hctm.ukm.my\/makmal\/aplikasi-kompetensi-kakitangan\/\" style=\"text-decoration:none !important; display:block;\"><\/p>\n<div style=\"background:#FFFFFF; border:1px solid #E2E8F0; border-top:4px solid #155E75; border-radius:12px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.06); transition:all 0.3s ease; min-height:130px; cursor:pointer; display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box;\"\n                 onmouseover=\"this.style.background='linear-gradient(135deg, #155E75, #0E7490)'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 10px 20px rgba(14,116,144,0.3)'; this.querySelector('.app-t1').style.color='#FFFFFF'; this.querySelector('.app-desc1').style.color='#E2E8F0'; this.querySelector('.app-b1').style.background='rgba(255,255,255,0.25)'; this.querySelector('.app-b1').style.color='#FFFFFF';\"\n                 onmouseout=\"this.style.background='#FFFFFF'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.06)'; this.querySelector('.app-t1').style.color='#0F172A'; this.querySelector('.app-desc1').style.color='#475569'; this.querySelector('.app-b1').style.background='#E0F2FE'; this.querySelector('.app-b1').style.color='#0369A1';\"><\/p>\n<div>\n<div style=\"display:flex; align-items:center; gap:10px; margin-bottom:6px;\">\n                  <span style=\"font-size:1.5rem; flex-shrink:0; line-height:1;\">\ud83d\udc68\u200d\u2695\ufe0f<\/span><\/p>\n<h3 class=\"app-t1\" style=\"font-size:0.98rem; font-weight:700; color:#0F172A; margin:0; line-height:1.3; transition:color 0.3s ease;\">\n                    Kompetensi Kakitangan<br \/>\n                  <\/h3>\n<\/p><\/div>\n<p class=\"app-desc1\" style=\"font-size:0.8rem; color:#475569; margin:0 0 8px 0; line-height:1.35; transition:color 0.3s ease;\">\n                  Sistem penilaian, pemantauan rekod dan tahap kecekapan staf makmal.\n                <\/p>\n<\/p><\/div>\n<div>\n                <span class=\"app-b1\" style=\"display:inline-block; font-size:0.72rem; font-weight:600; color:#0369A1; background:#E0F2FE; padding:3px 10px; border-radius:20px; transition:all 0.3s ease;\"><br \/>\n                  Buka Aplikasi \u2794<br \/>\n                <\/span>\n              <\/div><\/div>\n<p>          <\/a>\n        <\/td>\n<p>        <!-- KAD 2: Pinjaman Bahan --><\/p>\n<td style=\"width:33.33% !important; vertical-align:top !important; padding:0 !important; border:none !important; background:transparent !important;\">\n          <a href=\"https:\/\/hctm.ukm.my\/makmal\/pinjaman-bahan\" style=\"text-decoration:none !important; display:block;\"><\/p>\n<div style=\"background:#FFFFFF; border:1px solid #E2E8F0; border-top:4px solid #155E75; border-radius:12px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.06); transition:all 0.3s ease; min-height:130px; cursor:pointer; display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box;\"\n                 onmouseover=\"this.style.background='linear-gradient(135deg, #155E75, #0E7490)'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 10px 20px rgba(14,116,144,0.3)'; this.querySelector('.app-t2').style.color='#FFFFFF'; this.querySelector('.app-desc2').style.color='#E2E8F0'; this.querySelector('.app-b2').style.background='rgba(255,255,255,0.25)'; this.querySelector('.app-b2').style.color='#FFFFFF';\"\n                 onmouseout=\"this.style.background='#FFFFFF'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.06)'; this.querySelector('.app-t2').style.color='#0F172A'; this.querySelector('.app-desc2').style.color='#475569'; this.querySelector('.app-b2').style.background='#E0F2FE'; this.querySelector('.app-b2').style.color='#0369A1';\"><\/p>\n<div>\n<div style=\"display:flex; align-items:center; gap:10px; margin-bottom:6px;\">\n                  <span style=\"font-size:1.5rem; flex-shrink:0; line-height:1;\">\ud83d\udce6<\/span><\/p>\n<h3 class=\"app-t2\" style=\"font-size:0.98rem; font-weight:700; color:#0F172A; margin:0; line-height:1.3; transition:color 0.3s ease;\">\n                    Pinjaman Bahan<br \/>\n                  <\/h3>\n<\/p><\/div>\n<p class=\"app-desc2\" style=\"font-size:0.8rem; color:#475569; margin:0 0 8px 0; line-height:1.35; transition:color 0.3s ease;\">\n                  Permohonan dan rekod pendaftaran reagen serta bahan kegunaan makmal.\n                <\/p>\n<\/p><\/div>\n<div>\n                <span class=\"app-b2\" style=\"display:inline-block; font-size:0.72rem; font-weight:600; color:#0369A1; background:#E0F2FE; padding:3px 10px; border-radius:20px; transition:all 0.3s ease;\"><br \/>\n                  Buka Aplikasi \u2794<br \/>\n                <\/span>\n              <\/div><\/div>\n<p>          <\/a>\n        <\/td>\n<p>        <!-- KAD 3: Pinjaman Peralatan --><\/p>\n<td style=\"width:33.33% !important; vertical-align:top !important; padding:0 !important; border:none !important; background:transparent !important;\">\n          <a href=\"https:\/\/hctm.ukm.my\/makmal\/pinjaman-peralatan\" style=\"text-decoration:none !important; display:block;\"><\/p>\n<div style=\"background:#FFFFFF; border:1px solid #E2E8F0; border-top:4px solid #155E75; border-radius:12px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.06); transition:all 0.3s ease; min-height:130px; cursor:pointer; display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box;\"\n                 onmouseover=\"this.style.background='linear-gradient(135deg, #155E75, #0E7490)'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 10px 20px rgba(14,116,144,0.3)'; this.querySelector('.app-t3').style.color='#FFFFFF'; this.querySelector('.app-desc3').style.color='#E2E8F0'; this.querySelector('.app-b3').style.background='rgba(255,255,255,0.25)'; this.querySelector('.app-b3').style.color='#FFFFFF';\"\n                 onmouseout=\"this.style.background='#FFFFFF'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.06)'; this.querySelector('.app-t3').style.color='#0F172A'; this.querySelector('.app-desc3').style.color='#475569'; this.querySelector('.app-b3').style.background='#E0F2FE'; this.querySelector('.app-b3').style.color='#0369A1';\"><\/p>\n<div>\n<div style=\"display:flex; align-items:center; gap:10px; margin-bottom:6px;\">\n                  <span style=\"font-size:1.5rem; flex-shrink:0; line-height:1;\">\ud83d\udd2c<\/span><\/p>\n<h3 class=\"app-t3\" style=\"font-size:0.98rem; font-weight:700; color:#0F172A; margin:0; line-height:1.3; transition:color 0.3s ease;\">\n                    Pinjaman Peralatan<br \/>\n                  <\/h3>\n<\/p><\/div>\n<p class=\"app-desc3\" style=\"font-size:0.8rem; color:#475569; margin:0 0 8px 0; line-height:1.35; transition:color 0.3s ease;\">\n                  Pengurusan log permohonan dan rekod pinjaman peralatan makmal.\n                <\/p>\n<\/p><\/div>\n<div>\n                <span class=\"app-b3\" style=\"display:inline-block; font-size:0.72rem; font-weight:600; color:#0369A1; background:#E0F2FE; padding:3px 10px; border-radius:20px; transition:all 0.3s ease;\"><br \/>\n                  Buka Aplikasi \u2794<br \/>\n                <\/span>\n              <\/div><\/div>\n<p>          <\/a>\n        <\/td>\n<\/tr>\n<p>      <!-- BARIS 2 (KAD 4 - 6) --><\/p>\n<tr>\n        <!-- KAD 4: Pemantauan Suhu --><\/p>\n<td style=\"width:33.33% !important; vertical-align:top !important; padding:0 !important; border:none !important; background:transparent !important;\">\n          <a href=\"https:\/\/hctm.ukm.my\/makmal\/pemantauan-suhu\" style=\"text-decoration:none !important; display:block;\"><\/p>\n<div style=\"background:#FFFFFF; border:1px solid #E2E8F0; border-top:4px solid #155E75; border-radius:12px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.06); transition:all 0.3s ease; min-height:130px; cursor:pointer; display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box;\"\n                 onmouseover=\"this.style.background='linear-gradient(135deg, #155E75, #0E7490)'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 10px 20px rgba(14,116,144,0.3)'; this.querySelector('.app-t4').style.color='#FFFFFF'; this.querySelector('.app-desc4').style.color='#E2E8F0'; this.querySelector('.app-b4').style.background='rgba(255,255,255,0.25)'; this.querySelector('.app-b4').style.color='#FFFFFF';\"\n                 onmouseout=\"this.style.background='#FFFFFF'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.06)'; this.querySelector('.app-t4').style.color='#0F172A'; this.querySelector('.app-desc4').style.color='#475569'; this.querySelector('.app-b4').style.background='#E0F2FE'; this.querySelector('.app-b4').style.color='#0369A1';\"><\/p>\n<div>\n<div style=\"display:flex; align-items:center; gap:10px; margin-bottom:6px;\">\n                  <span style=\"font-size:1.5rem; flex-shrink:0; line-height:1;\">\ud83c\udf21\ufe0f<\/span><\/p>\n<h3 class=\"app-t4\" style=\"font-size:0.98rem; font-weight:700; color:#0F172A; margin:0; line-height:1.3; transition:color 0.3s ease;\">\n                    Pemantauan Suhu<br \/>\n                  <\/h3>\n<\/p><\/div>\n<p class=\"app-desc4\" style=\"font-size:0.8rem; color:#475569; margin:0 0 8px 0; line-height:1.35; transition:color 0.3s ease;\">\n                  Log rekod kawalan suhu bilik, petibag, dan peralatan makmal sensitif.\n                <\/p>\n<\/p><\/div>\n<div>\n                <span class=\"app-b4\" style=\"display:inline-block; font-size:0.72rem; font-weight:600; color:#0369A1; background:#E0F2FE; padding:3px 10px; border-radius:20px; transition:all 0.3s ease;\"><br \/>\n                  Buka Aplikasi \u2794<br \/>\n                <\/span>\n              <\/div><\/div>\n<p>          <\/a>\n        <\/td>\n<p>        <!-- KAD 5: Inventori --><\/p>\n<td style=\"width:33.33% !important; vertical-align:top !important; padding:0 !important; border:none !important; background:transparent !important;\">\n          <a href=\"https:\/\/hctm.ukm.my\/makmal\/inventori\" style=\"text-decoration:none !important; display:block;\"><\/p>\n<div style=\"background:#FFFFFF; border:1px solid #E2E8F0; border-top:4px solid #155E75; border-radius:12px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.06); transition:all 0.3s ease; min-height:130px; cursor:pointer; display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box;\"\n                 onmouseover=\"this.style.background='linear-gradient(135deg, #155E75, #0E7490)'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 10px 20px rgba(14,116,144,0.3)'; this.querySelector('.app-t5').style.color='#FFFFFF'; this.querySelector('.app-desc5').style.color='#E2E8F0'; this.querySelector('.app-b5').style.background='rgba(255,255,255,0.25)'; this.querySelector('.app-b5').style.color='#FFFFFF';\"\n                 onmouseout=\"this.style.background='#FFFFFF'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.06)'; this.querySelector('.app-t5').style.color='#0F172A'; this.querySelector('.app-desc5').style.color='#475569'; this.querySelector('.app-b5').style.background='#E0F2FE'; this.querySelector('.app-b5').style.color='#0369A1';\"><\/p>\n<div>\n<div style=\"display:flex; align-items:center; gap:10px; margin-bottom:6px;\">\n                  <span style=\"font-size:1.5rem; flex-shrink:0; line-height:1;\">\ud83d\udcca<\/span><\/p>\n<h3 class=\"app-t5\" style=\"font-size:0.98rem; font-weight:700; color:#0F172A; margin:0; line-height:1.3; transition:color 0.3s ease;\">\n                    Inventori<br \/>\n                  <\/h3>\n<\/p><\/div>\n<p class=\"app-desc5\" style=\"font-size:0.8rem; color:#475569; margin:0 0 8px 0; line-height:1.35; transition:color 0.3s ease;\">\n                  Semakan baki stok, bekalan semasa, dan pendaftaran aset makmal.\n                <\/p>\n<\/p><\/div>\n<div>\n                <span class=\"app-b5\" style=\"display:inline-block; font-size:0.72rem; font-weight:600; color:#0369A1; background:#E0F2FE; padding:3px 10px; border-radius:20px; transition:all 0.3s ease;\"><br \/>\n                  Buka Aplikasi \u2794<br \/>\n                <\/span>\n              <\/div><\/div>\n<p>          <\/a>\n        <\/td>\n<p>        <!-- KAD 6: Slide Show --><\/p>\n<td style=\"width:33.33% !important; vertical-align:top !important; padding:0 !important; border:none !important; background:transparent !important;\">\n          <a href=\"https:\/\/hctm.ukm.my\/makmal\/slide-show\" style=\"text-decoration:none !important; display:block;\"><\/p>\n<div style=\"background:#FFFFFF; border:1px solid #E2E8F0; border-top:4px solid #155E75; border-radius:12px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.06); transition:all 0.3s ease; min-height:130px; cursor:pointer; display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box;\"\n                 onmouseover=\"this.style.background='linear-gradient(135deg, #155E75, #0E7490)'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 10px 20px rgba(14,116,144,0.3)'; this.querySelector('.app-t6').style.color='#FFFFFF'; this.querySelector('.app-desc6').style.color='#E2E8F0'; this.querySelector('.app-b6').style.background='rgba(255,255,255,0.25)'; this.querySelector('.app-b6').style.color='#FFFFFF';\"\n                 onmouseout=\"this.style.background='#FFFFFF'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.06)'; this.querySelector('.app-t6').style.color='#0F172A'; this.querySelector('.app-desc6').style.color='#475569'; this.querySelector('.app-b6').style.background='#E0F2FE'; this.querySelector('.app-b6').style.color='#0369A1';\"><\/p>\n<div>\n<div style=\"display:flex; align-items:center; gap:10px; margin-bottom:6px;\">\n                  <span style=\"font-size:1.5rem; flex-shrink:0; line-height:1;\">\ud83d\udda5\ufe0f<\/span><\/p>\n<h3 class=\"app-t6\" style=\"font-size:0.98rem; font-weight:700; color:#0F172A; margin:0; line-height:1.3; transition:color 0.3s ease;\">\n                    Slide Show<br \/>\n                  <\/h3>\n<\/p><\/div>\n<p class=\"app-desc6\" style=\"font-size:0.8rem; color:#475569; margin:0 0 8px 0; line-height:1.35; transition:color 0.3s ease;\">\n                  Paparan persembahan, maklumat korporat dan taklimat digital makmal.\n                <\/p>\n<\/p><\/div>\n<div>\n                <span class=\"app-b6\" style=\"display:inline-block; font-size:0.72rem; font-weight:600; color:#0369A1; background:#E0F2FE; padding:3px 10px; border-radius:20px; transition:all 0.3s ease;\"><br \/>\n                  Buka Aplikasi \u2794<br \/>\n                <\/span>\n              <\/div><\/div>\n<p>          <\/a>\n        <\/td>\n<\/tr>\n<p>      <!-- BARIS 3 (KAD 7 - 9 UNTUK SIMPANAN) --><\/p>\n<tr>\n        <!-- KAD 7 --><\/p>\n<td style=\"width:33.33% !important; vertical-align:top !important; padding:0 !important; border:none !important; background:transparent !important;\">\n          <a href=\"#\" style=\"text-decoration:none !important; display:block;\"><\/p>\n<div style=\"background:#FFFFFF; border:1px solid #E2E8F0; border-top:4px solid #155E75; border-radius:12px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.06); transition:all 0.3s ease; min-height:130px; cursor:pointer; display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box;\"\n                 onmouseover=\"this.style.background='linear-gradient(135deg, #155E75, #0E7490)'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 10px 20px rgba(14,116,144,0.3)'; this.querySelector('.app-t7').style.color='#FFFFFF'; this.querySelector('.app-desc7').style.color='#E2E8F0'; this.querySelector('.app-b7').style.background='rgba(255,255,255,0.25)'; this.querySelector('.app-b7').style.color='#FFFFFF';\"\n                 onmouseout=\"this.style.background='#FFFFFF'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.06)'; this.querySelector('.app-t7').style.color='#0F172A'; this.querySelector('.app-desc7').style.color='#475569'; this.querySelector('.app-b7').style.background='#E0F2FE'; this.querySelector('.app-b7').style.color='#0369A1';\"><\/p>\n<div>\n<div style=\"display:flex; align-items:center; gap:10px; margin-bottom:6px;\">\n                  <span style=\"font-size:1.5rem; flex-shrink:0; line-height:1;\">\ud83d\udcc1<\/span><\/p>\n<h3 class=\"app-t7\" style=\"font-size:0.98rem; font-weight:700; color:#0F172A; margin:0; line-height:1.3; transition:color 0.3s ease;\">\n                    [Nama Aplikasi 7]<br \/>\n                  <\/h3>\n<\/p><\/div>\n<p class=\"app-desc7\" style=\"font-size:0.8rem; color:#475569; margin:0 0 8px 0; line-height:1.35; transition:color 0.3s ease;\">\n                  Ringkasan penerangan atau fungsi modul aplikasi 7 di sini.\n                <\/p>\n<\/p><\/div>\n<div>\n                <span class=\"app-b7\" style=\"display:inline-block; font-size:0.72rem; font-weight:600; color:#0369A1; background:#E0F2FE; padding:3px 10px; border-radius:20px; transition:all 0.3s ease;\"><br \/>\n                  Buka Aplikasi \u2794<br \/>\n                <\/span>\n              <\/div><\/div>\n<p>          <\/a>\n        <\/td>\n<p>        <!-- KAD 8 --><\/p>\n<td style=\"width:33.33% !important; vertical-align:top !important; padding:0 !important; border:none !important; background:transparent !important;\">\n          <a href=\"#\" style=\"text-decoration:none !important; display:block;\"><\/p>\n<div style=\"background:#FFFFFF; border:1px solid #E2E8F0; border-top:4px solid #155E75; border-radius:12px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.06); transition:all 0.3s ease; min-height:130px; cursor:pointer; display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box;\"\n                 onmouseover=\"this.style.background='linear-gradient(135deg, #155E75, #0E7490)'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 10px 20px rgba(14,116,144,0.3)'; this.querySelector('.app-t8').style.color='#FFFFFF'; this.querySelector('.app-desc8').style.color='#E2E8F0'; this.querySelector('.app-b8').style.background='rgba(255,255,255,0.25)'; this.querySelector('.app-b8').style.color='#FFFFFF';\"\n                 onmouseout=\"this.style.background='#FFFFFF'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.06)'; this.querySelector('.app-t8').style.color='#0F172A'; this.querySelector('.app-desc8').style.color='#475569'; this.querySelector('.app-b8').style.background='#E0F2FE'; this.querySelector('.app-b8').style.color='#0369A1';\"><\/p>\n<div>\n<div style=\"display:flex; align-items:center; gap:10px; margin-bottom:6px;\">\n                  <span style=\"font-size:1.5rem; flex-shrink:0; line-height:1;\">\ud83d\udccb<\/span><\/p>\n<h3 class=\"app-t8\" style=\"font-size:0.98rem; font-weight:700; color:#0F172A; margin:0; line-height:1.3; transition:color 0.3s ease;\">\n                    [Nama Aplikasi 8]<br \/>\n                  <\/h3>\n<\/p><\/div>\n<p class=\"app-desc8\" style=\"font-size:0.8rem; color:#475569; margin:0 0 8px 0; line-height:1.35; transition:color 0.3s ease;\">\n                  Ringkasan penerangan atau fungsi modul aplikasi 8 di sini.\n                <\/p>\n<\/p><\/div>\n<div>\n                <span class=\"app-b8\" style=\"display:inline-block; font-size:0.72rem; font-weight:600; color:#0369A1; background:#E0F2FE; padding:3px 10px; border-radius:20px; transition:all 0.3s ease;\"><br \/>\n                  Buka Aplikasi \u2794<br \/>\n                <\/span>\n              <\/div><\/div>\n<p>          <\/a>\n        <\/td>\n<p>        <!-- KAD 9 --><\/p>\n<td style=\"width:33.33% !important; vertical-align:top !important; padding:0 !important; border:none !important; background:transparent !important;\">\n          <a href=\"#\" style=\"text-decoration:none !important; display:block;\"><\/p>\n<div style=\"background:#FFFFFF; border:1px solid #E2E8F0; border-top:4px solid #155E75; border-radius:12px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.06); transition:all 0.3s ease; min-height:130px; cursor:pointer; display:flex; flex-direction:column; justify-content:space-between; box-sizing:border-box;\"\n                 onmouseover=\"this.style.background='linear-gradient(135deg, #155E75, #0E7490)'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 10px 20px rgba(14,116,144,0.3)'; this.querySelector('.app-t9').style.color='#FFFFFF'; this.querySelector('.app-desc9').style.color='#E2E8F0'; this.querySelector('.app-b9').style.background='rgba(255,255,255,0.25)'; this.querySelector('.app-b9').style.color='#FFFFFF';\"\n                 onmouseout=\"this.style.background='#FFFFFF'; this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.06)'; this.querySelector('.app-t9').style.color='#0F172A'; this.querySelector('.app-desc9').style.color='#475569'; this.querySelector('.app-b9').style.background='#E0F2FE'; this.querySelector('.app-b9').style.color='#0369A1';\"><\/p>\n<div>\n<div style=\"display:flex; align-items:center; gap:10px; margin-bottom:6px;\">\n                  <span style=\"font-size:1.5rem; flex-shrink:0; line-height:1;\">\u2699\ufe0f<\/span><\/p>\n<h3 class=\"app-t9\" style=\"font-size:0.98rem; font-weight:700; color:#0F172A; margin:0; line-height:1.3; transition:color 0.3s ease;\">\n                    [Nama Aplikasi 9]<br \/>\n                  <\/h3>\n<\/p><\/div>\n<p class=\"app-desc9\" style=\"font-size:0.8rem; color:#475569; margin:0 0 8px 0; line-height:1.35; transition:color 0.3s ease;\">\n                  Ringkasan penerangan atau fungsi modul aplikasi 9 di sini.\n                <\/p>\n<\/p><\/div>\n<div>\n                <span class=\"app-b9\" style=\"display:inline-block; font-size:0.72rem; font-weight:600; color:#0369A1; background:#E0F2FE; padding:3px 10px; border-radius:20px; transition:all 0.3s ease;\"><br \/>\n                  Buka Aplikasi \u2794<br \/>\n                <\/span>\n              <\/div><\/div>\n<p>          <\/a>\n        <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Aplikasi Perkhidmatan Makmal Portal Akses Sistem &amp; Pengurusan Makmal Diagnostik HCTM UKM \ud83d\udc68\u200d\u2695\ufe0f Kompetensi Kakitangan Sistem penilaian, pemantauan rekod dan tahap kecekapan staf makmal. Buka Aplikasi \u2794 \ud83d\udce6 Pinjaman Bahan Permohonan dan rekod pendaftaran reagen serta bahan kegunaan makmal. Buka Aplikasi \u2794 \ud83d\udd2c Pinjaman Peralatan Pengurusan log permohonan dan rekod pinjaman peralatan makmal. Buka Aplikasi [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-453","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hctm.ukm.my\/makmal\/wp-json\/wp\/v2\/pages\/453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hctm.ukm.my\/makmal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hctm.ukm.my\/makmal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hctm.ukm.my\/makmal\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/hctm.ukm.my\/makmal\/wp-json\/wp\/v2\/comments?post=453"}],"version-history":[{"count":3,"href":"https:\/\/hctm.ukm.my\/makmal\/wp-json\/wp\/v2\/pages\/453\/revisions"}],"predecessor-version":[{"id":6559,"href":"https:\/\/hctm.ukm.my\/makmal\/wp-json\/wp\/v2\/pages\/453\/revisions\/6559"}],"wp:attachment":[{"href":"https:\/\/hctm.ukm.my\/makmal\/wp-json\/wp\/v2\/media?parent=453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}