Industrial Engineering Program Framework<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Custom font import and application *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap');\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #f7f9fc;\r\n }\r\n \r\n \/* Custom checkmark color *\/\r\n .checkmark-icon {\r\n color: #EBBF00; \/* Secondary Gold *\/\r\n }\r\n \/* Style for the table checkmark *\/\r\n .table-check {\r\n font-size: 1.25rem;\r\n line-height: 1;\r\n }\r\n\r\n \/* Essential for smooth accordion transition *\/\r\n .plo-details {\r\n transition: max-height 0.5s ease-in-out, padding-top 0.5s ease-in-out;\r\n max-height: 0; \/* Start collapsed *\/\r\n }\r\n\r\n \/* NEW: Style for highlighting PEO cells when a PLO row is clicked *\/\r\n .highlight-peo {\r\n background-color: #800020 !important; \/* Primary Maroon *\/\r\n color: white !important;\r\n font-weight: bold;\r\n box-shadow: 0 0 10px rgba(128, 0, 32, 0.5); \/* Maroon shadow *\/\r\n transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n <\/style>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'primary-maroon': '#800020', \/* Deep Maroon *\/\r\n 'secondary-gold': '#EBBF00', \/* Vibrant Gold\/Amber *\/\r\n },\r\n }\r\n }\r\n }\r\n\r\n \/\/ SVG Icons for visual appeal (using Lucide-like icons)\r\n const getIcon = (name, className = \"w-6 h-6\") => {\r\n const icons = {\r\n \/\/ PEO Icons\r\n technical: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" ${className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v2\"\/><path d=\"M12 20v2\"\/><path d=\"m4.93 4.93 1.41 1.41\"\/><path d=\"m17.66 17.66 1.41 1.41\"\/><path d=\"M2 12h2\"\/><path d=\"M20 12h2\"\/><path d=\"m4.93 19.07 1.41-1.41\"\/><path d=\"m17.66 6.34 1.41-1.41\"\/><circle cx=\"12\" cy=\"12\" r=\"7\"\/><\/svg>`,\r\n social: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" ${className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20v2.5a2.5 2.5 0 0 1-2.5 2.5H6.5A2.5 2.5 0 0 1 4 19.5z\"\/><path d=\"M12 11V3\"\/><path d=\"M10 7l2-2 2 2\"\/><\/svg>`,\r\n innovation: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" ${className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 14c.2-1 .7-2 1.5-2.8.5-.5 1.1-1.4 1.5-2-.6.7-1.4 1.2-2.3 1.6-1.1.5-2.2.8-3.4.8-1.2 0-2.3-.3-3.4-.8-.9-.4-1.7-.9-2.3-1.6.4.6 1 1.5 1.5 2 .8.8 1.3 1.8 1.5 2.8\"\/><path d=\"M7 13.5c.3.5.7 1 1.2 1.4.9.8 2 1.2 3.2 1.2 1.2 0 2.3-.4 3.2-1.2.5-.4.9-1 1.2-1.4\"\/><path d=\"M12 20v-4\"\/><path d=\"M9 20h6\"\/><\/svg>`,\r\n digital: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" ${className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"15\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"19\" x2=\"23\" y2=\"19\"\/><line x1=\"6.5\" y1=\"23\" x2=\"17.5\" y2=\"23\"\/><line x1=\"10\" y1=\"12\" x2=\"14\" y2=\"12\"\/><\/svg>`,\r\n \/\/ PLO Group Icons\r\n knowledge: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5z\"\/><\/svg>`,\r\n cognitive: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z\"\/><path d=\"M9 5H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z\"\/><path d=\"M21 13h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z\"\/><path d=\"M21 5h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z\"\/><\/svg>`,\r\n psychomotor: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v10\"\/><path d=\"M5 9l7-7 7 7\"\/><path d=\"M4 18v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2\"\/><\/svg>`,\r\n interpersonal: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>`,\r\n communication: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>`,\r\n };\r\n return icons[name] || '';\r\n };\r\n \r\n \/\/ Function to handle the accordion toggle for PLO Domains\r\n const toggleDetails = (detailsId, arrowId) => {\r\n const details = document.getElementById(detailsId);\r\n const arrow = document.getElementById(arrowId);\r\n \r\n \/\/ Check if currently collapsed (max-height: 0)\r\n const isCollapsed = details.style.maxHeight === '0px' || details.style.maxHeight === '';\r\n\r\n if (isCollapsed) {\r\n \/\/ OPEN: Set max-height to accommodate content and rotate arrow\r\n details.style.maxHeight = details.scrollHeight + \"px\";\r\n arrow.classList.add('rotate-180');\r\n } else {\r\n \/\/ CLOSE: Set height to 0 immediately for the transition to work\r\n details.style.maxHeight = '0px';\r\n arrow.classList.remove('rotate-180');\r\n }\r\n };\r\n\r\n \/\/ NEW: Function to handle row highlighting in the mapping table\r\n const toggleRowHighlight = (rowElement) => {\r\n const allRows = document.querySelectorAll('.plo-row');\r\n const isCurrentlyHighlighted = rowElement.classList.contains('bg-yellow-100');\r\n\r\n \/\/ 1. Clear all existing highlights\r\n allRows.forEach(row => {\r\n row.classList.remove('bg-yellow-100', 'shadow-inner');\r\n row.querySelectorAll('.table-check').forEach(cell => {\r\n cell.classList.remove('highlight-peo');\r\n });\r\n });\r\n\r\n \/\/ 2. If the clicked row was not highlighted, apply new highlight\r\n if (!isCurrentlyHighlighted) {\r\n \/\/ Toggle row visual emphasis\r\n rowElement.classList.add('bg-yellow-100', 'shadow-inner');\r\n\r\n \/\/ Highlight checked cells\r\n const checkedCells = rowElement.querySelectorAll('.table-check');\r\n checkedCells.forEach(cell => {\r\n \/\/ Only highlight cells that actually contain the checkmark\r\n if (cell.textContent.trim() === '\u2713' || cell.textContent.trim() === '\u2714' || cell.innerHTML.includes('✓')) {\r\n cell.classList.add('highlight-peo');\r\n }\r\n });\r\n }\r\n };\r\n\r\n\r\n window.onload = () => {\r\n \/\/ Inject PEO Icons\r\n document.getElementById('peo1-icon').innerHTML = getIcon('technical', 'w-10 h-10 text-white');\r\n document.getElementById('peo2-icon').innerHTML = getIcon('social', 'w-10 h-10 text-white');\r\n document.getElementById('peo3-icon').innerHTML = getIcon('innovation', 'w-10 h-10 text-white');\r\n document.getElementById('peo4-icon').innerHTML = getIcon('digital', 'w-10 h-10 text-white');\r\n\r\n \/\/ Inject PLO Group Icons\r\n document.getElementById('md1-icon').innerHTML = getIcon('knowledge');\r\n document.getElementById('md2-icon').innerHTML = getIcon('cognitive');\r\n document.getElementById('md3-icon').innerHTML = getIcon('psychomotor');\r\n document.getElementById('md4-icon').innerHTML = getIcon('interpersonal');\r\n document.getElementById('md5-icon').innerHTML = getIcon('communication');\r\n };\r\n <\/script>\r\n<\/head>\r\n<body class=\"min-h-screen p-4 sm:p-8\">\r\n <div class=\"max-w-7xl mx-auto bg-white shadow-xl rounded-2xl overflow-hidden\">\r\n\r\n \r\n <header class=\"bg-primary-maroon p-8 sm:p-12 text-white text-center\">\r\n <h1 style=\"color:white; padding:2rem; text-align:center;\">Industrial Engineering Program Framework<\/h1>\r\n <h2 style=\"color:white; padding:2rem; text-align:center;\">Programme Educational Objectives (PEOs) & Learning Outcomes (PLOs)<\/h2>\r\n <\/header>\r\n\r\n \r\n <section class=\"p-6 sm:p-10 border-b border-gray-200\">\r\n <h3 class=\"text-2xl font-bold text-primary-maroon mb-6 border-b-2 border-secondary-gold inline-block pb-1\">1. Programme Educational Objectives (PEOs)<\/h3>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n \r\n <div class=\"bg-primary-maroon\/90 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transition duration-300\">\r\n <div id=\"peo1-icon\" class=\"mb-4 p-3 bg-secondary-gold rounded-full inline-flex\"><\/div>\r\n <h4 style=\"color:white; padding:2rem; text-align:center;\">PEO1: Advanced Technical Expertise<\/h4>\r\n <p class=\"text-sm opacity-90\">To produce **industrial engineers** with advanced technical expertise capable of addressing complex **industrial engineering** problems in both professional practice and research, on a national and international level. (Aligned with ITC Mission #1 and #2: talented and skilled engineers)<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-primary-maroon\/90 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transition duration-300\">\r\n <div id=\"peo2-icon\" class=\"mb-4 p-3 bg-secondary-gold rounded-full inline-flex\"><\/div>\r\n <h4 style=\"color:white; padding:2rem; text-align:center;\">PEO2: Lifelong Learning & Social Responsibility<\/h4>\r\n <p class=\"text-sm opacity-90\">To cultivate lifelong learners who embody integrity and responsibility in their roles within industry, society, and the environment, and who actively work to reduce inequality and address climate impact. (Aligned with ITC Mission #1: cultivate lifelong learners)<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-primary-maroon\/90 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transition duration-300\">\r\n <div id=\"peo3-icon\" class=\"mb-4 p-3 bg-secondary-gold rounded-full inline-flex\"><\/div>\r\n <h4 style=\"color:white; padding:2rem; text-align:center;\">PEO3: Entrepreneurial Spirit & Innovation<\/h4>\r\n <p class=\"text-sm opacity-90\">To produce entrepreneurial spirit by fostering innovation in **industrial engineering**, and supporting the creation of start-ups and new technologies. (Aligned with ITC Mission #2: entrepreneurial spirit)<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-primary-maroon\/90 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transition duration-300\">\r\n <div id=\"peo4-icon\" class=\"mb-4 p-3 bg-secondary-gold rounded-full inline-flex\"><\/div>\r\n <h4 style=\"color:white; padding:2rem; text-align:center;\">PEO4: Technology & Digital Tools<\/h4>\r\n <p class=\"text-sm opacity-90\">To foster **industrial engineers'** ability to leverage technology and digital tools to unlock new efficiencies, capabilities, and opportunities. (Aligned with ITC #2:Technology & digital tools)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"p-6 sm:p-10 border-b border-gray-200\">\r\n <h3 class=\"text-2xl font-bold text-primary-maroon mb-6 border-b-2 border-secondary-gold inline-block pb-1\">2. Programme Learning Outcomes (PLOs)<\/h3>\r\n <p class=\"text-gray-600 mb-6 italic\">Click on a Domain to view the detailed Learning Outcomes.<\/p>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\r\n \r\n <div>\r\n \r\n <div class=\"mb-6 p-4 bg-gray-50 rounded-lg border-l-4 border-secondary-gold shadow-md cursor-pointer hover:bg-yellow-50\" onclick=\"toggleDetails('md1-details', 'md1-arrow')\">\r\n <div class=\"font-semibold flex items-center justify-between text-lg text-primary-maroon\">\r\n <div class=\"flex items-center text-secondary-gold\">\r\n <span id=\"md1-icon\" class=\"mr-2\"><\/span> Knowledge Domain (MD1)\r\n <\/div>\r\n <svg id=\"md1-arrow\" class=\"w-5 h-5 transition-transform duration-500 text-primary-maroon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/div>\r\n <div id=\"md1-details\" class=\"overflow-hidden plo-details\">\r\n <div class=\"pt-4 space-y-2\">\r\n <p class=\"text-sm text-gray-700\"><b>PLO1:<\/b> Explain theories, concepts, and procedures that support **industrial engineering** practice. (~C2)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mb-6 p-4 bg-gray-50 rounded-lg border-l-4 border-secondary-gold shadow-md cursor-pointer hover:bg-yellow-50\" onclick=\"toggleDetails('md2-details', 'md2-arrow')\">\r\n <div class=\"font-semibold flex items-center justify-between text-lg text-primary-maroon\">\r\n <div class=\"flex items-center text-secondary-gold\">\r\n <span id=\"md2-icon\" class=\"mr-2\"><\/span> Cognitive Domain (MD2)\r\n <\/div>\r\n <svg id=\"md2-arrow\" class=\"w-5 h-5 transition-transform duration-500 text-primary-maroon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/div>\r\n <div id=\"md2-details\" class=\"overflow-hidden plo-details\">\r\n <div class=\"pt-4 space-y-2\">\r\n <p class=\"text-sm text-gray-700\"><b>PLO2:<\/b> Upon completion of the program, students can investigate and critically analyze complex problems in the field of **industrial engineering**. (~C4)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mb-6 p-4 bg-gray-50 rounded-lg border-l-4 border-secondary-gold shadow-md cursor-pointer hover:bg-yellow-50\" onclick=\"toggleDetails('md3-details', 'md3-arrow')\">\r\n <div class=\"font-semibold flex items-center justify-between text-lg text-primary-maroon\">\r\n <div class=\"flex items-center text-secondary-gold\">\r\n <span id=\"md3-icon\" class=\"mr-2\"><\/span> Psychomotor Domain (MD3)\r\n <\/div>\r\n <svg id=\"md3-arrow\" class=\"w-5 h-5 transition-transform duration-500 text-primary-maroon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/div>\r\n <div id=\"md3-details\" class=\"overflow-hidden plo-details\">\r\n <div class=\"pt-4 space-y-2\">\r\n <p class=\"text-sm text-gray-700\"><b>PLO3:<\/b> Graduates will operate laboratory equipment accurately with appropriate instructional aids.\u200b (~P3)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mb-6 p-4 bg-gray-50 rounded-lg border-l-4 border-secondary-gold shadow-md cursor-pointer hover:bg-yellow-50\" onclick=\"toggleDetails('md4-details', 'md4-arrow')\">\r\n <div class=\"font-semibold flex items-center justify-between text-lg text-primary-maroon\">\r\n <div class=\"flex items-center text-secondary-gold\">\r\n <span id=\"md4-icon\" class=\"mr-2\"><\/span> Interpersonal Skills and Responsibility (MD4)\r\n <\/div>\r\n <svg id=\"md4-arrow\" class=\"w-5 h-5 transition-transform duration-500 text-primary-maroon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/div>\r\n <div id=\"md4-details\" class=\"overflow-hidden plo-details\">\r\n <div class=\"pt-4 space-y-2\">\r\n <p class=\"text-sm text-gray-700\"><b>PLO4:<\/b> Contribute to and facilitate constructive resolution of issues in group situations, whether in a leadership role or as a team member.\u200b\u200b (~A4)<\/p>\r\n <p class=\"text-sm text-gray-700\"><b>PLO5:<\/b> Organize and prioritize responsibilities to demonstrate commitment and accountability for assigned tasks. (~A4)<\/p>\r\n <p class=\"text-sm text-gray-700\"><b>PLO6:<\/b> Integrate attention to detail and task-related values systematically to ensure thoroughness and reliability in work (Entrepreneurial skills). (~A4)<\/p>\r\n <p class=\"text-sm text-gray-700\"><b>PLO7:<\/b> Follow safety and housekeeping procedures consistently to maintain a safe working environment (Ethics and Professionalism). (~A4)<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"mb-6 p-4 bg-gray-50 rounded-lg border-l-4 border-secondary-gold shadow-md cursor-pointer hover:bg-yellow-50\" onclick=\"toggleDetails('md5-details', 'md5-arrow')\">\r\n <div class=\"font-semibold flex items-center justify-between text-lg text-primary-maroon\">\r\n <div class=\"flex items-center text-secondary-gold\">\r\n <span id=\"md5-icon\" class=\"mr-2\"><\/span> Communication, IT, and Numerical Skills (MD5)\r\n <\/div>\r\n <svg id=\"md5-arrow\" class=\"w-5 h-5 transition-transform duration-500 text-primary-maroon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/div>\r\n <div id=\"md5-details\" class=\"overflow-hidden plo-details\">\r\n <div class=\"pt-4 space-y-2\">\r\n <p class=\"text-sm text-gray-700\"><b>PLO8 \u2013 Communication:<\/b> Students will communicate effectively both orally and in writing in English or French. (~P4)<\/p>\r\n <p class=\"text-sm text-gray-700\"><b>PLO9 \u2013 Digital skills:<\/b> By the end of the program, students will use digital tools competently and independently without relying on instructions. (~P4)<\/p>\r\n <p class=\"text-sm text-gray-700\"><b>PLO10 \u2013 Numerical Skills:<\/b> By the end of the program, students will be able to analyze complex problems based on numerical and statistical data. (~C4)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hidden lg:block h-32\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"p-6 sm:p-10\">\r\n <h3 class=\"text-2xl font-bold text-primary-maroon mb-6 border-b-2 border-secondary-gold inline-block pb-1\">3. PLO to PEO Mapping<\/h3>\r\n <p class=\"text-gray-600 mb-6\">The table below illustrates the sample mapping between the Programme Learning Outcomes (PLOs) and the Programme Educational Objectives (PEOs). **Click any row to highlight its connections.**<\/p>\r\n\r\n <div class=\"overflow-x-auto shadow-xl rounded-xl\">\r\n <table class=\"min-w-full divide-y divide-gray-200\">\r\n <thead class=\"bg-primary-maroon text-white\">\r\n <tr>\r\n <th scope=\"col\" class=\"px-3 py-3 text-left text-xs font-medium uppercase tracking-wider\">PLO<\/th>\r\n <th scope=\"col\" class=\"px-3 py-3 text-center text-xs font-medium uppercase tracking-wider\">PEO 1<br><span class=\"font-normal\">(Technical)<\/span><\/th>\r\n <th scope=\"col\" class=\"px-3 py-3 text-center text-xs font-medium uppercase tracking-wider\">PEO 2<br><span class=\"font-normal\">(Social\/Learn)<\/span><\/th>\r\n <th scope=\"col\" class=\"px-3 py-3 text-center text-xs font-medium uppercase tracking-wider\">PEO 3<br><span class=\"font-normal\">(Entrepreneurial)<\/span><\/th>\r\n <th scope=\"col\" class=\"px-3 py-3 text-center text-xs font-medium uppercase tracking-wider\">PEO 4<br><span class=\"font-normal\">(Digital)<\/span><\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"bg-white divide-y divide-gray-200 text-gray-800\">\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 1<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 2<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 3<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 4<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 5<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 6<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 7<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 8<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 9<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 10<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"bg-primary-maroon\/10 font-bold\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm\">Total<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-sm\">4<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-sm\">2<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-sm\">2<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-sm\">2<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"p-6 sm:p-8 text-center bg-gray-100 text-gray-600 text-sm rounded-b-2xl\">\r\n <p>Framework Aligned with Cambodia Qualifications Framework (CQF)<\/p>\r\n <\/footer>\r\n\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Industrial Engineering Program Framework Industrial Engineering Program Framework Programme Educational Objectives (PEOs) & Learning Outcomes (PLOs) 1. Programme Educational Objectives […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":13,"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":476,"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/476"}],"wp:attachment":[{"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Industrial Engineering Program Framework<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Custom font import and application *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap');\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #f7f9fc;\r\n }\r\n \r\n \/* Custom checkmark color *\/\r\n .checkmark-icon {\r\n color: #EBBF00; \/* Secondary Gold *\/\r\n }\r\n \/* Style for the table checkmark *\/\r\n .table-check {\r\n font-size: 1.25rem;\r\n line-height: 1;\r\n }\r\n\r\n \/* Essential for smooth accordion transition *\/\r\n .plo-details {\r\n transition: max-height 0.5s ease-in-out, padding-top 0.5s ease-in-out;\r\n max-height: 0; \/* Start collapsed *\/\r\n }\r\n\r\n \/* NEW: Style for highlighting PEO cells when a PLO row is clicked *\/\r\n .highlight-peo {\r\n background-color: #800020 !important; \/* Primary Maroon *\/\r\n color: white !important;\r\n font-weight: bold;\r\n box-shadow: 0 0 10px rgba(128, 0, 32, 0.5); \/* Maroon shadow *\/\r\n transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n <\/style>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'primary-maroon': '#800020', \/* Deep Maroon *\/\r\n 'secondary-gold': '#EBBF00', \/* Vibrant Gold\/Amber *\/\r\n },\r\n }\r\n }\r\n }\r\n\r\n \/\/ SVG Icons for visual appeal (using Lucide-like icons)\r\n const getIcon = (name, className = \"w-6 h-6\") => {\r\n const icons = {\r\n \/\/ PEO Icons\r\n technical: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" ${className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v2\"\/><path d=\"M12 20v2\"\/><path d=\"m4.93 4.93 1.41 1.41\"\/><path d=\"m17.66 17.66 1.41 1.41\"\/><path d=\"M2 12h2\"\/><path d=\"M20 12h2\"\/><path d=\"m4.93 19.07 1.41-1.41\"\/><path d=\"m17.66 6.34 1.41-1.41\"\/><circle cx=\"12\" cy=\"12\" r=\"7\"\/><\/svg>`,\r\n social: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" ${className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20v2.5a2.5 2.5 0 0 1-2.5 2.5H6.5A2.5 2.5 0 0 1 4 19.5z\"\/><path d=\"M12 11V3\"\/><path d=\"M10 7l2-2 2 2\"\/><\/svg>`,\r\n innovation: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" ${className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 14c.2-1 .7-2 1.5-2.8.5-.5 1.1-1.4 1.5-2-.6.7-1.4 1.2-2.3 1.6-1.1.5-2.2.8-3.4.8-1.2 0-2.3-.3-3.4-.8-.9-.4-1.7-.9-2.3-1.6.4.6 1 1.5 1.5 2 .8.8 1.3 1.8 1.5 2.8\"\/><path d=\"M7 13.5c.3.5.7 1 1.2 1.4.9.8 2 1.2 3.2 1.2 1.2 0 2.3-.4 3.2-1.2.5-.4.9-1 1.2-1.4\"\/><path d=\"M12 20v-4\"\/><path d=\"M9 20h6\"\/><\/svg>`,\r\n digital: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" ${className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"15\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"19\" x2=\"23\" y2=\"19\"\/><line x1=\"6.5\" y1=\"23\" x2=\"17.5\" y2=\"23\"\/><line x1=\"10\" y1=\"12\" x2=\"14\" y2=\"12\"\/><\/svg>`,\r\n \/\/ PLO Group Icons\r\n knowledge: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5z\"\/><\/svg>`,\r\n cognitive: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z\"\/><path d=\"M9 5H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z\"\/><path d=\"M21 13h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z\"\/><path d=\"M21 5h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z\"\/><\/svg>`,\r\n psychomotor: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v10\"\/><path d=\"M5 9l7-7 7 7\"\/><path d=\"M4 18v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2\"\/><\/svg>`,\r\n interpersonal: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>`,\r\n communication: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>`,\r\n };\r\n return icons[name] || '';\r\n };\r\n \r\n \/\/ Function to handle the accordion toggle for PLO Domains\r\n const toggleDetails = (detailsId, arrowId) => {\r\n const details = document.getElementById(detailsId);\r\n const arrow = document.getElementById(arrowId);\r\n \r\n \/\/ Check if currently collapsed (max-height: 0)\r\n const isCollapsed = details.style.maxHeight === '0px' || details.style.maxHeight === '';\r\n\r\n if (isCollapsed) {\r\n \/\/ OPEN: Set max-height to accommodate content and rotate arrow\r\n details.style.maxHeight = details.scrollHeight + \"px\";\r\n arrow.classList.add('rotate-180');\r\n } else {\r\n \/\/ CLOSE: Set height to 0 immediately for the transition to work\r\n details.style.maxHeight = '0px';\r\n arrow.classList.remove('rotate-180');\r\n }\r\n };\r\n\r\n \/\/ NEW: Function to handle row highlighting in the mapping table\r\n const toggleRowHighlight = (rowElement) => {\r\n const allRows = document.querySelectorAll('.plo-row');\r\n const isCurrentlyHighlighted = rowElement.classList.contains('bg-yellow-100');\r\n\r\n \/\/ 1. Clear all existing highlights\r\n allRows.forEach(row => {\r\n row.classList.remove('bg-yellow-100', 'shadow-inner');\r\n row.querySelectorAll('.table-check').forEach(cell => {\r\n cell.classList.remove('highlight-peo');\r\n });\r\n });\r\n\r\n \/\/ 2. If the clicked row was not highlighted, apply new highlight\r\n if (!isCurrentlyHighlighted) {\r\n \/\/ Toggle row visual emphasis\r\n rowElement.classList.add('bg-yellow-100', 'shadow-inner');\r\n\r\n \/\/ Highlight checked cells\r\n const checkedCells = rowElement.querySelectorAll('.table-check');\r\n checkedCells.forEach(cell => {\r\n \/\/ Only highlight cells that actually contain the checkmark\r\n if (cell.textContent.trim() === '\u2713' || cell.textContent.trim() === '\u2714' || cell.innerHTML.includes('✓')) {\r\n cell.classList.add('highlight-peo');\r\n }\r\n });\r\n }\r\n };\r\n\r\n\r\n window.onload = () => {\r\n \/\/ Inject PEO Icons\r\n document.getElementById('peo1-icon').innerHTML = getIcon('technical', 'w-10 h-10 text-white');\r\n document.getElementById('peo2-icon').innerHTML = getIcon('social', 'w-10 h-10 text-white');\r\n document.getElementById('peo3-icon').innerHTML = getIcon('innovation', 'w-10 h-10 text-white');\r\n document.getElementById('peo4-icon').innerHTML = getIcon('digital', 'w-10 h-10 text-white');\r\n\r\n \/\/ Inject PLO Group Icons\r\n document.getElementById('md1-icon').innerHTML = getIcon('knowledge');\r\n document.getElementById('md2-icon').innerHTML = getIcon('cognitive');\r\n document.getElementById('md3-icon').innerHTML = getIcon('psychomotor');\r\n document.getElementById('md4-icon').innerHTML = getIcon('interpersonal');\r\n document.getElementById('md5-icon').innerHTML = getIcon('communication');\r\n };\r\n <\/script>\r\n<\/head>\r\n<body class=\"min-h-screen p-4 sm:p-8\">\r\n <div class=\"max-w-7xl mx-auto bg-white shadow-xl rounded-2xl overflow-hidden\">\r\n\r\n \r\n <header class=\"bg-primary-maroon p-8 sm:p-12 text-white text-center\">\r\n <h1 style=\"color:white; padding:2rem; text-align:center;\">Industrial Engineering Program Framework<\/h1>\r\n <h2 style=\"color:white; padding:2rem; text-align:center;\">Programme Educational Objectives (PEOs) & Learning Outcomes (PLOs)<\/h2>\r\n <\/header>\r\n\r\n \r\n <section class=\"p-6 sm:p-10 border-b border-gray-200\">\r\n <h3 class=\"text-2xl font-bold text-primary-maroon mb-6 border-b-2 border-secondary-gold inline-block pb-1\">1. Programme Educational Objectives (PEOs)<\/h3>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n \r\n <div class=\"bg-primary-maroon\/90 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transition duration-300\">\r\n <div id=\"peo1-icon\" class=\"mb-4 p-3 bg-secondary-gold rounded-full inline-flex\"><\/div>\r\n <h4 style=\"color:white; padding:2rem; text-align:center;\">PEO1: Advanced Technical Expertise<\/h4>\r\n <p class=\"text-sm opacity-90\">To produce **industrial engineers** with advanced technical expertise capable of addressing complex **industrial engineering** problems in both professional practice and research, on a national and international level. (Aligned with ITC Mission #1 and #2: talented and skilled engineers)<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-primary-maroon\/90 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transition duration-300\">\r\n <div id=\"peo2-icon\" class=\"mb-4 p-3 bg-secondary-gold rounded-full inline-flex\"><\/div>\r\n <h4 style=\"color:white; padding:2rem; text-align:center;\">PEO2: Lifelong Learning & Social Responsibility<\/h4>\r\n <p class=\"text-sm opacity-90\">To cultivate lifelong learners who embody integrity and responsibility in their roles within industry, society, and the environment, and who actively work to reduce inequality and address climate impact. (Aligned with ITC Mission #1: cultivate lifelong learners)<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-primary-maroon\/90 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transition duration-300\">\r\n <div id=\"peo3-icon\" class=\"mb-4 p-3 bg-secondary-gold rounded-full inline-flex\"><\/div>\r\n <h4 style=\"color:white; padding:2rem; text-align:center;\">PEO3: Entrepreneurial Spirit & Innovation<\/h4>\r\n <p class=\"text-sm opacity-90\">To produce entrepreneurial spirit by fostering innovation in **industrial engineering**, and supporting the creation of start-ups and new technologies. (Aligned with ITC Mission #2: entrepreneurial spirit)<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-primary-maroon\/90 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transition duration-300\">\r\n <div id=\"peo4-icon\" class=\"mb-4 p-3 bg-secondary-gold rounded-full inline-flex\"><\/div>\r\n <h4 style=\"color:white; padding:2rem; text-align:center;\">PEO4: Technology & Digital Tools<\/h4>\r\n <p class=\"text-sm opacity-90\">To foster **industrial engineers'** ability to leverage technology and digital tools to unlock new efficiencies, capabilities, and opportunities. (Aligned with ITC #2:Technology & digital tools)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"p-6 sm:p-10 border-b border-gray-200\">\r\n <h3 class=\"text-2xl font-bold text-primary-maroon mb-6 border-b-2 border-secondary-gold inline-block pb-1\">2. Programme Learning Outcomes (PLOs)<\/h3>\r\n <p class=\"text-gray-600 mb-6 italic\">Click on a Domain to view the detailed Learning Outcomes.<\/p>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\r\n \r\n <div>\r\n \r\n <div class=\"mb-6 p-4 bg-gray-50 rounded-lg border-l-4 border-secondary-gold shadow-md cursor-pointer hover:bg-yellow-50\" onclick=\"toggleDetails('md1-details', 'md1-arrow')\">\r\n <div class=\"font-semibold flex items-center justify-between text-lg text-primary-maroon\">\r\n <div class=\"flex items-center text-secondary-gold\">\r\n <span id=\"md1-icon\" class=\"mr-2\"><\/span> Knowledge Domain (MD1)\r\n <\/div>\r\n <svg id=\"md1-arrow\" class=\"w-5 h-5 transition-transform duration-500 text-primary-maroon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/div>\r\n <div id=\"md1-details\" class=\"overflow-hidden plo-details\">\r\n <div class=\"pt-4 space-y-2\">\r\n <p class=\"text-sm text-gray-700\"><b>PLO1:<\/b> Explain theories, concepts, and procedures that support **industrial engineering** practice. (~C2)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mb-6 p-4 bg-gray-50 rounded-lg border-l-4 border-secondary-gold shadow-md cursor-pointer hover:bg-yellow-50\" onclick=\"toggleDetails('md2-details', 'md2-arrow')\">\r\n <div class=\"font-semibold flex items-center justify-between text-lg text-primary-maroon\">\r\n <div class=\"flex items-center text-secondary-gold\">\r\n <span id=\"md2-icon\" class=\"mr-2\"><\/span> Cognitive Domain (MD2)\r\n <\/div>\r\n <svg id=\"md2-arrow\" class=\"w-5 h-5 transition-transform duration-500 text-primary-maroon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/div>\r\n <div id=\"md2-details\" class=\"overflow-hidden plo-details\">\r\n <div class=\"pt-4 space-y-2\">\r\n <p class=\"text-sm text-gray-700\"><b>PLO2:<\/b> Upon completion of the program, students can investigate and critically analyze complex problems in the field of **industrial engineering**. (~C4)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mb-6 p-4 bg-gray-50 rounded-lg border-l-4 border-secondary-gold shadow-md cursor-pointer hover:bg-yellow-50\" onclick=\"toggleDetails('md3-details', 'md3-arrow')\">\r\n <div class=\"font-semibold flex items-center justify-between text-lg text-primary-maroon\">\r\n <div class=\"flex items-center text-secondary-gold\">\r\n <span id=\"md3-icon\" class=\"mr-2\"><\/span> Psychomotor Domain (MD3)\r\n <\/div>\r\n <svg id=\"md3-arrow\" class=\"w-5 h-5 transition-transform duration-500 text-primary-maroon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/div>\r\n <div id=\"md3-details\" class=\"overflow-hidden plo-details\">\r\n <div class=\"pt-4 space-y-2\">\r\n <p class=\"text-sm text-gray-700\"><b>PLO3:<\/b> Graduates will operate laboratory equipment accurately with appropriate instructional aids.\u200b (~P3)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mb-6 p-4 bg-gray-50 rounded-lg border-l-4 border-secondary-gold shadow-md cursor-pointer hover:bg-yellow-50\" onclick=\"toggleDetails('md4-details', 'md4-arrow')\">\r\n <div class=\"font-semibold flex items-center justify-between text-lg text-primary-maroon\">\r\n <div class=\"flex items-center text-secondary-gold\">\r\n <span id=\"md4-icon\" class=\"mr-2\"><\/span> Interpersonal Skills and Responsibility (MD4)\r\n <\/div>\r\n <svg id=\"md4-arrow\" class=\"w-5 h-5 transition-transform duration-500 text-primary-maroon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/div>\r\n <div id=\"md4-details\" class=\"overflow-hidden plo-details\">\r\n <div class=\"pt-4 space-y-2\">\r\n <p class=\"text-sm text-gray-700\"><b>PLO4:<\/b> Contribute to and facilitate constructive resolution of issues in group situations, whether in a leadership role or as a team member.\u200b\u200b (~A4)<\/p>\r\n <p class=\"text-sm text-gray-700\"><b>PLO5:<\/b> Organize and prioritize responsibilities to demonstrate commitment and accountability for assigned tasks. (~A4)<\/p>\r\n <p class=\"text-sm text-gray-700\"><b>PLO6:<\/b> Integrate attention to detail and task-related values systematically to ensure thoroughness and reliability in work (Entrepreneurial skills). (~A4)<\/p>\r\n <p class=\"text-sm text-gray-700\"><b>PLO7:<\/b> Follow safety and housekeeping procedures consistently to maintain a safe working environment (Ethics and Professionalism). (~A4)<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"mb-6 p-4 bg-gray-50 rounded-lg border-l-4 border-secondary-gold shadow-md cursor-pointer hover:bg-yellow-50\" onclick=\"toggleDetails('md5-details', 'md5-arrow')\">\r\n <div class=\"font-semibold flex items-center justify-between text-lg text-primary-maroon\">\r\n <div class=\"flex items-center text-secondary-gold\">\r\n <span id=\"md5-icon\" class=\"mr-2\"><\/span> Communication, IT, and Numerical Skills (MD5)\r\n <\/div>\r\n <svg id=\"md5-arrow\" class=\"w-5 h-5 transition-transform duration-500 text-primary-maroon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n <\/div>\r\n <div id=\"md5-details\" class=\"overflow-hidden plo-details\">\r\n <div class=\"pt-4 space-y-2\">\r\n <p class=\"text-sm text-gray-700\"><b>PLO8 \u2013 Communication:<\/b> Students will communicate effectively both orally and in writing in English or French. (~P4)<\/p>\r\n <p class=\"text-sm text-gray-700\"><b>PLO9 \u2013 Digital skills:<\/b> By the end of the program, students will use digital tools competently and independently without relying on instructions. (~P4)<\/p>\r\n <p class=\"text-sm text-gray-700\"><b>PLO10 \u2013 Numerical Skills:<\/b> By the end of the program, students will be able to analyze complex problems based on numerical and statistical data. (~C4)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hidden lg:block h-32\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"p-6 sm:p-10\">\r\n <h3 class=\"text-2xl font-bold text-primary-maroon mb-6 border-b-2 border-secondary-gold inline-block pb-1\">3. PLO to PEO Mapping<\/h3>\r\n <p class=\"text-gray-600 mb-6\">The table below illustrates the sample mapping between the Programme Learning Outcomes (PLOs) and the Programme Educational Objectives (PEOs). **Click any row to highlight its connections.**<\/p>\r\n\r\n <div class=\"overflow-x-auto shadow-xl rounded-xl\">\r\n <table class=\"min-w-full divide-y divide-gray-200\">\r\n <thead class=\"bg-primary-maroon text-white\">\r\n <tr>\r\n <th scope=\"col\" class=\"px-3 py-3 text-left text-xs font-medium uppercase tracking-wider\">PLO<\/th>\r\n <th scope=\"col\" class=\"px-3 py-3 text-center text-xs font-medium uppercase tracking-wider\">PEO 1<br><span class=\"font-normal\">(Technical)<\/span><\/th>\r\n <th scope=\"col\" class=\"px-3 py-3 text-center text-xs font-medium uppercase tracking-wider\">PEO 2<br><span class=\"font-normal\">(Social\/Learn)<\/span><\/th>\r\n <th scope=\"col\" class=\"px-3 py-3 text-center text-xs font-medium uppercase tracking-wider\">PEO 3<br><span class=\"font-normal\">(Entrepreneurial)<\/span><\/th>\r\n <th scope=\"col\" class=\"px-3 py-3 text-center text-xs font-medium uppercase tracking-wider\">PEO 4<br><span class=\"font-normal\">(Digital)<\/span><\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody class=\"bg-white divide-y divide-gray-200 text-gray-800\">\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 1<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 2<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 3<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 4<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 5<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 6<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 7<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 8<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 9<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <\/tr>\r\n \r\n <tr class=\"plo-row cursor-pointer hover:bg-yellow-50\/50 transition duration-150\" onclick=\"toggleRowHighlight(this)\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm font-medium\">PLO 10<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-secondary-gold table-check\">✓<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center\"><\/td>\r\n <\/tr>\r\n \r\n <tr class=\"bg-primary-maroon\/10 font-bold\">\r\n <td class=\"px-3 py-3 whitespace-nowrap text-sm\">Total<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-sm\">4<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-sm\">2<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-sm\">2<\/td>\r\n <td class=\"px-3 py-3 whitespace-nowrap text-center text-sm\">2<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"p-6 sm:p-8 text-center bg-gray-100 text-gray-600 text-sm rounded-b-2xl\">\r\n <p>Framework Aligned with Cambodia Qualifications Framework (CQF)<\/p>\r\n <\/footer>\r\n\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Industrial Engineering Program Framework Industrial Engineering Program Framework Programme Educational Objectives (PEOs) & Learning Outcomes (PLOs) 1. Programme Educational Objectives […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":13,"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":476,"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/476"}],"wp:attachment":[{"href":"https:\/\/gim.itc.edu.kh\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}