{"id":81,"date":"2025-07-30T03:02:57","date_gmt":"2025-07-30T03:02:57","guid":{"rendered":"https:\/\/lpt.upnjatim.ac.id\/?page_id=81"},"modified":"2026-05-08T10:20:45","modified_gmt":"2026-05-08T10:20:45","slug":"peralatan-laboratorium","status":"publish","type":"page","link":"https:\/\/lpt.upnjatim.ac.id\/index.php\/peralatan-laboratorium\/","title":{"rendered":"Peralatan Laboratorium"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Peralatan Lab - LPT UPNVJT<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body { font-family: 'Montserrat', sans-serif; }\r\n .gradient-text {\r\n background: linear-gradient(45deg, #3A9697, #002D5E);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n .tab-active {\r\n background-color: #3A9697 !important;\r\n color: white !important;\r\n border-radius: 50px;\r\n }\r\n #detailModal { transition: opacity 0.3s ease; }\r\n .modal-content {\r\n transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n transform: scale(0.8);\r\n }\r\n .modal-active .modal-content { transform: scale(1); }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n\r\n <div class=\"container mx-auto px-4 py-10\">\r\n <h1 class=\"text-4xl font-black uppercase mb-8 gradient-text inline-block\">\r\n Peralatan Laboratorium\r\n <\/h1>\r\n\r\n <div id=\"desc-lantai1\" class=\"hidden mb-8 p-6 bg-white rounded-2xl border-l-4 border-[#3A9697] shadow-sm\">\r\n <h2 class=\"font-bold text-[#3A9697] text-lg mb-2\">Laboratorium Lantai 1 (Teknik Mesin, Industri, & Sipil)<\/h2>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">\r\n Laboratorium Lantai 1 terdiri dari Laboratorium Teknik Mesin, Industri, dan Teknik Sipil. Laboratorium Teknik Mesin fokus pada pengujian mesin dan sistem mekanik, Laboratorium Industri pada optimasi proses produksi, dan Laboratorium Teknik Sipil pada penelitian material dan analisis struktur konstruksi.\r\n <\/p>\r\n <\/div>\r\n\r\n <div id=\"desc-lantai2\" class=\"hidden mb-8 p-6 bg-white rounded-2xl border-l-4 border-[#3A9697] shadow-sm\">\r\n <h2 class=\"font-bold text-[#3A9697] text-lg mb-2\">Laboratorium Lantai 2 (Teknik Mesin)<\/h2>\r\n <p class=\"text-sm text-gray-600 leading-relaxed\">\r\n Laboratorium Lantai 2 merupakan Laboratorium Teknik Mesin. Laboratorium ini berfokus pada pengujian mesin, sistem mekanik, uji bahan bakar dan uji material padatan.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"flex flex-wrap gap-4 mb-10 bg-white p-4 rounded-2xl shadow-sm border border-gray-100 overflow-x-auto\">\r\n <button onclick=\"filterFloor('all')\" id=\"btn-all\" class=\"tab-active px-6 py-2 font-bold transition-all border border-transparent\">Semua Lantai<\/button>\r\n <button onclick=\"filterFloor('lantai1')\" id=\"btn-lantai1\" class=\"px-6 py-2 font-bold text-gray-500 transition-all\">Lantai 1<\/button>\r\n <button onclick=\"filterFloor('lantai2')\" id=\"btn-lantai2\" class=\"px-6 py-2 font-bold text-gray-500 transition-all\">Lantai 2<\/button>\r\n <button onclick=\"filterFloor('lantai3')\" id=\"btn-lantai3\" class=\"px-6 py-2 font-bold text-gray-500 transition-all\">Lantai 3<\/button>\r\n <\/div>\r\n\r\n <div id=\"equipment-grid\" class=\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6\">\r\n \r\n <div class=\"item-lab lantai1 bg-white rounded-2xl shadow-md overflow-hidden border border-gray-100 p-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-160249.png\" class=\"w-full h-40 object-cover rounded-xl mb-4\">\r\n <span class=\"text-[10px] font-bold text-[#3A9697] uppercase\">Lantai 1<\/span>\r\n <h3 class=\"font-bold text-gray-800 leading-tight h-10\">Mortar Mixer<\/h3>\r\n <p class=\"text-[10px] text-gray-400 font-bold mb-3\">Brand: LABTEK MIX-MT-001<\/p>\r\n <button onclick=\"openModal('Mortar Mixer', 'Brand: LABTEK MIX-MT-001', 'Alat untuk mencampur bahan mortar secara merata.', 'Lantai 1', 'https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-160249.png')\" class=\"w-full bg-[#3A9697] text-white py-2 rounded-lg font-bold text-sm\">Detail Alat<\/button>\r\n <\/div>\r\n\r\n <div class=\"item-lab lantai1 bg-white rounded-2xl shadow-md overflow-hidden border border-gray-100 p-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-160321.png\" class=\"w-full h-40 object-cover rounded-xl mb-4\">\r\n <span class=\"text-[10px] font-bold text-[#3A9697] uppercase\">Lantai 1<\/span>\r\n <h3 class=\"font-bold text-gray-800 leading-tight h-10\">Hydraulic UTM<\/h3>\r\n <p class=\"text-[10px] text-gray-400 font-bold mb-3\">Brand: BESMAK BMT-1000SD<\/p>\r\n <button onclick=\"openModal('Hydraulic UTM', 'Brand: BESMAK BMT-1000SD', 'Alat untuk menguji kekuatan material.', 'Lantai 1', 'https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-160321.png')\" class=\"w-full bg-[#3A9697] text-white py-2 rounded-lg font-bold text-sm\">Detail Alat<\/button>\r\n <\/div>\r\n\r\n <div class=\"item-lab lantai1 bg-white rounded-2xl shadow-md overflow-hidden border border-gray-100 p-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-160348.png\" class=\"w-full h-40 object-cover rounded-xl mb-4\">\r\n <span class=\"text-[10px] font-bold text-[#3A9697] uppercase\">Lantai 1<\/span>\r\n <h3 class=\"font-bold text-gray-800 leading-tight h-10\">Water Penetration Test<\/h3>\r\n <p class=\"text-[10px] text-gray-400 font-bold mb-3\">Brand: LABTEK CONC-22-0043<\/p>\r\n <button onclick=\"openModal('Water Penetration Test', 'Brand: LABTEK CONC-22-0043', 'Mengukur ketahanan material terhadap air.', 'Lantai 1', 'https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-160348.png')\" class=\"w-full bg-[#3A9697] text-white py-2 rounded-lg font-bold text-sm\">Detail Alat<\/button>\r\n <\/div>\r\n\r\n <div class=\"item-lab lantai1 bg-white rounded-2xl shadow-md overflow-hidden border border-gray-100 p-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-160407.png\" class=\"w-full h-40 object-cover rounded-xl mb-4\">\r\n <span class=\"text-[10px] font-bold text-[#3A9697] uppercase\">Lantai 1<\/span>\r\n <h3 class=\"font-bold text-gray-800 leading-tight h-10\">Ultrasonic Pulse Velocity<\/h3>\r\n <p class=\"text-[10px] text-gray-400 font-bold mb-3\">Brand: BIOLABTEK U200<\/p>\r\n <button onclick=\"openModal('Ultrasonic Pulse Velocity', 'Brand: BIOLABTEK U200', 'Memperkirakan kuat tekan beton.', 'Lantai 1', 'https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-160407.png')\" class=\"w-full bg-[#3A9697] text-white py-2 rounded-lg font-bold text-sm\">Detail Alat<\/button>\r\n <\/div>\r\n\r\n <div class=\"item-lab lantai2 bg-white rounded-2xl shadow-md overflow-hidden border border-gray-100 p-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-161050.png\" class=\"w-full h-40 object-cover rounded-xl mb-4\">\r\n <span class=\"text-[10px] font-bold text-[#3A9697] uppercase\">Lantai 2<\/span>\r\n <h3 class=\"font-bold text-gray-800 leading-tight h-10\">Centrifugal Compressor Unit<\/h3>\r\n <p class=\"text-[10px] text-gray-400 font-bold mb-3\">Brand: YESA01 YS-0042<\/p>\r\n <button onclick=\"openModal('Centrifugal Compressor Unit', 'Brand: YESA01 YS-0042', 'Mempelajari kinerja pompa centrifugal.', 'Lantai 2', 'https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-161050.png')\" class=\"w-full bg-[#3A9697] text-white py-2 rounded-lg font-bold text-sm\">Detail Alat<\/button>\r\n <\/div>\r\n\r\n <div class=\"item-lab lantai2 bg-white rounded-2xl shadow-md overflow-hidden border border-gray-100 p-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-161107.png\" class=\"w-full h-40 object-cover rounded-xl mb-4\">\r\n <span class=\"text-[10px] font-bold text-[#3A9697] uppercase\">Lantai 2<\/span>\r\n <h3 class=\"font-bold text-gray-800 leading-tight h-10\">Series & Parallel Pumps<\/h3>\r\n <p class=\"text-[10px] text-gray-400 font-bold mb-3\">Brand: BEDO FM001; FM006<\/p>\r\n <button onclick=\"openModal('Series & Parallel Pumps', 'Brand: BEDO FM001; FM006', 'Mempelajari pompa seri dan paralel.', 'Lantai 2', 'https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-161107.png')\" class=\"w-full bg-[#3A9697] text-white py-2 rounded-lg font-bold text-sm\">Detail Alat<\/button>\r\n <\/div>\r\n\r\n <div class=\"item-lab lantai2 bg-white rounded-2xl shadow-md overflow-hidden border border-gray-100 p-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-161121.png\" class=\"w-full h-40 object-cover rounded-xl mb-4\">\r\n <span class=\"text-[10px] font-bold text-[#3A9697] uppercase\">Lantai 2<\/span>\r\n <h3 class=\"font-bold text-gray-800 leading-tight h-10\">Gas Analyzer<\/h3>\r\n <p class=\"text-[10px] text-gray-400 font-bold mb-3\">Brand: BRAINBEE AGS-688<\/p>\r\n <button onclick=\"openModal('Gas Analyzer', 'Brand: BRAINBEE AGS-688', 'Menguji emisi gas buang.', 'Lantai 2', 'https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-161121.png')\" class=\"w-full bg-[#3A9697] text-white py-2 rounded-lg font-bold text-sm\">Detail Alat<\/button>\r\n <\/div>\r\n\r\n <div class=\"item-lab lantai2 bg-white rounded-2xl shadow-md overflow-hidden border border-gray-100 p-4\">\r\n <img decoding=\"async\" src=\"https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-161157.png\" class=\"w-full h-40 object-cover rounded-xl mb-4\">\r\n <span class=\"text-[10px] font-bold text-[#3A9697] uppercase\">Lantai 2<\/span>\r\n <h3 class=\"font-bold text-gray-800 leading-tight h-10\">Opacitymeter<\/h3>\r\n <p class=\"text-[10px] text-gray-400 font-bold mb-3\">Brand: BRAINBEE OPA300<\/p>\r\n <button onclick=\"openModal('Opacitymeter', 'Brand: BRAINBEE OPA300', 'Uji kepekatan gas buang.', 'Lantai 2', 'https:\/\/lpt.upnjatim.ac.id\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-08-161157.png')\" class=\"w-full bg-[#3A9697] text-white py-2 rounded-lg font-bold text-sm\">Detail Alat<\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"detailModal\" class=\"fixed inset-0 z-[9999] hidden bg-black\/90 flex items-center justify-center p-4\">\r\n <div class=\"modal-content bg-white rounded-3xl max-w-4xl w-full flex flex-col md:flex-row overflow-hidden relative\">\r\n <button onclick=\"closeModal()\" class=\"absolute top-4 right-4 text-gray-400 hover:text-red-500\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>\r\n <\/button>\r\n <div class=\"md:w-1\/2 p-6 bg-gray-50 flex items-center justify-center\"><img decoding=\"async\" id=\"modalImg\" src=\"\" class=\"rounded-xl shadow-lg w-full\"><\/div>\r\n <div class=\"md:w-1\/2 p-8 flex flex-col justify-center\">\r\n <span id=\"modalLoc\" class=\"text-xs font-black text-[#3A9697] uppercase\"><\/span>\r\n <h2 id=\"modalTitle\" class=\"text-2xl font-black mt-2\"><\/h2>\r\n <p id=\"modalSub\" class=\"text-gray-400 font-bold text-sm mb-4\"><\/p>\r\n <p id=\"modalDesc\" class=\"text-gray-600 leading-relaxed\"><\/p>\r\n <button onclick=\"closeModal()\" class=\"mt-8 bg-gray-900 text-white py-3 rounded-xl font-bold\">TUTUP<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function filterFloor(floor) {\r\n const items = document.querySelectorAll('.item-lab');\r\n const btns = document.querySelectorAll('button[id^=\"btn-\"]');\r\n const d1 = document.getElementById('desc-lantai1');\r\n const d2 = document.getElementById('desc-lantai2');\r\n\r\n \/\/ Reset Tab\r\n btns.forEach(b => { b.classList.remove('tab-active'); b.classList.add('text-gray-500'); });\r\n document.getElementById('btn-' + floor).classList.add('tab-active');\r\n\r\n \/\/ Muncul\/Hilang Deskripsi\r\n d1.classList.add('hidden'); d2.classList.add('hidden');\r\n if(floor === 'lantai1') d1.classList.remove('hidden');\r\n if(floor === 'lantai2') d2.classList.remove('hidden');\r\n\r\n \/\/ Filter Grid\r\n items.forEach(i => {\r\n if(floor === 'all') i.style.display = 'block';\r\n else i.classList.contains(floor) ? i.style.display = 'block' : i.style.display = 'none';\r\n });\r\n }\r\n\r\n function openModal(t, s, d, l, i) {\r\n const m = document.getElementById('detailModal');\r\n document.getElementById('modalTitle').innerText = t;\r\n document.getElementById('modalSub').innerText = s;\r\n document.getElementById('modalDesc').innerText = d;\r\n document.getElementById('modalLoc').innerText = l;\r\n document.getElementById('modalImg').src = i;\r\n m.classList.remove('hidden'); setTimeout(() => m.classList.add('modal-active'), 10);\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeModal() {\r\n const m = document.getElementById('detailModal');\r\n m.classList.remove('modal-active'); setTimeout(() => m.classList.add('hidden'), 300);\r\n document.body.style.overflow = 'auto';\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Peralatan Lab – LPT UPNVJT Peralatan Laboratorium Laboratorium Lantai 1 (Teknik Mesin, Industri, & Sipil) Laboratorium Lantai 1 terdiri dari Laboratorium Teknik Mesin, Industri, dan […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/81"}],"collection":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":7,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":440,"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions\/440"}],"wp:attachment":[{"href":"https:\/\/lpt.upnjatim.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}