{"id":11788,"date":"2026-06-01T18:55:53","date_gmt":"2026-06-01T11:55:53","guid":{"rendered":"https:\/\/www.ksrtech.ac.th\/main\/?page_id=11788"},"modified":"2026-06-01T18:57:36","modified_gmt":"2026-06-01T11:57:36","slug":"%e0%b8%a1%e0%b8%b2%e0%b8%95%e0%b8%a3%e0%b8%90%e0%b8%b2%e0%b8%99%e0%b8%97-2","status":"publish","type":"page","link":"http:\/\/www.ksrtech.ac.th\/main\/%e0%b8%a1%e0%b8%b2%e0%b8%95%e0%b8%a3%e0%b8%90%e0%b8%b2%e0%b8%99%e0%b8%97-2\/","title":{"rendered":"\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11788\" class=\"elementor elementor-11788\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5c63f2f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c63f2f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4447a52\" data-id=\"4447a52\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b92db32 elementor-widget elementor-widget-image\" data-id=\"b92db32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"370\" src=\"http:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/06\/\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48-2-\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32-1024x370.png\" class=\"attachment-large size-large wp-image-11780\" alt=\"\" srcset=\"http:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/06\/\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48-2-\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32-1024x370.png 1024w, http:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/06\/\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48-2-\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32-300x108.png 300w, http:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/06\/\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48-2-\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32-768x277.png 768w, http:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/06\/\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48-2-\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32-1536x555.png 1536w, http:\/\/www.ksrtech.ac.th\/main\/wp-content\/uploads\/2026\/06\/\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48-2-\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32-2048x740.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b101d1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7b101d1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4c258d6\" data-id=\"4c258d6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa74911 elementor-widget elementor-widget-text-editor\" data-id=\"fa74911\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Dashboard \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 2: \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32 (2565-2567)<\/title>\n    <!-- \u0e42\u0e2b\u0e25\u0e14\u0e44\u0e25\u0e1a\u0e23\u0e32\u0e23\u0e35 -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body { font-family: 'Sarabun', sans-serif; background-color: #f8fafc; margin: 0; }\n        ::-webkit-scrollbar { width: 8px; height: 8px; }\n        ::-webkit-scrollbar-track { background: #f1f1f1; }\n        ::-webkit-scrollbar-thumb { background: #fcd34d; border-radius: 4px; }\n        ::-webkit-scrollbar-thumb:hover { background: #f59e0b; }\n        .gradient-text {\n            background: linear-gradient(to right, #ea580c, #d97706);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n    <\/style>\n<\/head>\n<body class=\"p-4 md:p-8 relative\">\n\n    <div class=\"max-w-7xl mx-auto\">\n        \n        <!-- Header -->\n        <header class=\"bg-gradient-to-r from-orange-600 to-amber-500 rounded-2xl shadow-lg p-6 md:p-8 mb-8 text-white flex flex-col md:flex-row justify-between items-center relative overflow-hidden\">\n            <div class=\"relative z-10 w-full\">\n                <div class=\"flex justify-between items-start\">\n                    <div>\n                        <div class=\"inline-block px-4 py-1 bg-white\/20 rounded-full text-sm font-semibold mb-3 tracking-wide backdrop-blur-sm\">SAR Report 2565 &#8211; 2567<\/div>\n                        <h1 class=\"text-3xl md:text-4xl font-bold mb-2\">\u2699\ufe0f Dashboard \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32<\/h1>\n                        <p class=\"text-orange-100 text-lg\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 2 (\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 3 \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32)<\/p>\n                    <\/div>\n                    <button onclick=\"window.print()\" class=\"hidden md:flex bg-white\/20 hover:bg-white\/30 text-white font-medium py-2 px-4 rounded-lg backdrop-blur-sm transition items-center gap-2 border border-white\/30\">\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z\"><\/path><\/svg>\n                        \u0e1e\u0e34\u0e21\u0e1e\u0e4c\n                    <\/button>\n                <\/div>\n            <\/div>\n            <!-- Decorative Icon -->\n            <div class=\"absolute -right-6 -bottom-6 opacity-20 text-9xl\">\ud83d\udcca<\/div>\n        <\/header>\n\n        <!-- KPI Scorecards -->\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n            <div class=\"bg-white rounded-xl shadow-sm p-6 border-t-4 border-amber-500 transform transition hover:-translate-y-1 hover:shadow-md\">\n                <div class=\"flex justify-between items-center mb-4\">\n                    <h3 class=\"text-sm font-bold text-gray-500 uppercase\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2f<\/h3>\n                    <span class=\"bg-amber-100 text-amber-700 p-2 rounded-lg\">\ud83d\ude80<\/span>\n                <\/div>\n                <div class=\"text-3xl font-bold text-gray-800\">\u0e23\u0e30\u0e14\u0e31\u0e1a 4 \u0e14\u0e32\u0e27<\/div>\n                <p class=\"text-sm text-green-600 font-semibold mt-2 flex items-center gap-1\">\n                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\"><\/path><\/svg>\n                    \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34 (\u0e1b\u0e35 67)\n                <\/p>\n            <\/div>\n            <div class=\"bg-white rounded-xl shadow-sm p-6 border-t-4 border-orange-500 transform transition hover:-translate-y-1 hover:shadow-md\">\n                <div class=\"flex justify-between items-center mb-4\">\n                    <h3 class=\"text-sm font-bold text-gray-500 uppercase\">\u0e04\u0e23\u0e39\u0e1c\u0e39\u0e49\u0e2a\u0e2d\u0e19\u0e15\u0e23\u0e07\u0e15\u0e32\u0e21\u0e2a\u0e32\u0e02\u0e32<\/h3>\n                    <span class=\"bg-orange-100 text-orange-700 p-2 rounded-lg\">\ud83d\udc68\u200d\ud83c\udfeb<\/span>\n                <\/div>\n                <div class=\"text-3xl font-bold text-gray-800\">100%<\/div>\n                <p class=\"text-sm text-blue-600 font-semibold mt-2 flex items-center gap-1\">\n                    \u27a1\ufe0f \u0e23\u0e31\u0e01\u0e29\u0e32\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 3 \u0e1b\u0e35\n                <\/p>\n            <\/div>\n            <div class=\"bg-white rounded-xl shadow-sm p-6 border-t-4 border-rose-500 transform transition hover:-translate-y-1 hover:shadow-md\">\n                <div class=\"flex justify-between items-center mb-4\">\n                    <h3 class=\"text-sm font-bold text-gray-500 uppercase\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e27\u0e34\u0e20\u0e32\u0e04\u0e35 (\u0e1b\u0e27\u0e2a.)<\/h3>\n                    <span class=\"bg-rose-100 text-rose-700 p-2 rounded-lg\">\ud83e\udd1d<\/span>\n                <\/div>\n                <div class=\"text-3xl font-bold text-gray-800\">100%<\/div>\n                <p class=\"text-sm text-blue-600 font-semibold mt-2 flex items-center gap-1\">\n                    \u27a1\ufe0f \u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e01\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Charts Area -->\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8\">\n            <!-- Bar Chart: Incubator Level -->\n            <div class=\"bg-white rounded-xl shadow-sm p-6 border border-gray-100\">\n                <h3 class=\"text-lg font-bold text-gray-800 mb-4 border-b pb-2\">\u2b50 \u0e1c\u0e25\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32<\/h3>\n                <div class=\"relative h-[300px] w-full\">\n                    <canvas id=\"incubatorChart\"><\/canvas>\n                <\/div>\n                <p class=\"text-xs text-gray-500 text-center mt-4\">* \u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e21\u0e48\u0e15\u0e32\u0e21\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22 \u0e2a\u0e2d\u0e28.<\/p>\n            <\/div>\n            <!-- Line Chart: Tech Usage -->\n            <div class=\"bg-white rounded-xl shadow-sm p-6 border border-gray-100\">\n                <h3 class=\"text-lg font-bold text-gray-800 mb-4 border-b pb-2\">\ud83d\udcbb \u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/h3>\n                <div class=\"relative h-[300px] w-full\">\n                    <canvas id=\"techChart\"><\/canvas>\n                <\/div>\n                <p class=\"text-xs text-gray-500 text-center mt-4\">* \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2d\u0e34\u0e19\u0e40\u0e17\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e47\u0e15 1000\/500 Mbps \u0e04\u0e27\u0e1a\u0e04\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a e-Office<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Comprehensive Data Table -->\n        <div class=\"bg-white rounded-xl shadow-sm p-6 overflow-hidden border border-gray-100 mb-8\">\n            <div class=\"flex justify-between items-center mb-4 border-b pb-2\">\n                <h3 class=\"text-xl font-bold text-gray-800\">\ud83d\udccb \u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\/\u0e08\u0e38\u0e14\u0e40\u0e19\u0e49\u0e19 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 2<\/h3>\n            <\/div>\n            <div class=\"overflow-x-auto\">\n                <table class=\"min-w-full divide-y divide-gray-200\">\n                    <thead class=\"bg-orange-50\">\n                        <tr>\n                            <th class=\"px-4 py-3 text-left text-sm font-bold text-orange-800 uppercase w-1\/4\">\u0e1b\u0e23\u0e30\u0e40\u0e14\u0e47\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/th>\n                            <th class=\"px-4 py-3 text-left text-sm font-bold text-orange-800 uppercase\">\u0e1b\u0e35 2565 (\u0e27\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a)<\/th>\n                            <th class=\"px-4 py-3 text-left text-sm font-bold text-orange-800 uppercase\">\u0e1b\u0e35 2566 (\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23)<\/th>\n                            <th class=\"px-4 py-3 text-left text-sm font-bold text-orange-800 uppercase\">\u0e1b\u0e35 2567 (\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e14\u0e49\u0e27\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25)<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody class=\"bg-white divide-y divide-gray-200\">\n                        <tr class=\"hover:bg-orange-50\/30\">\n                            <td class=\"px-4 py-4 text-sm font-bold text-gray-800\">2.1 \u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600\">\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e01\u0e31\u0e1a\u0e20\u0e32\u0e04\u0e40\u0e2d\u0e01\u0e0a\u0e19\u0e2d\u0e1a\u0e23\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600\">\u0e19\u0e33\u0e1c\u0e25\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1b\u0e35 65 \u0e21\u0e32\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e15\u0e32\u0e21\u0e27\u0e07\u0e08\u0e23 PDCA<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600 font-medium text-orange-700\">\u0e08\u0e31\u0e14\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e20\u0e32\u0e04\u0e35\u0e40\u0e0a\u0e34\u0e0d\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e43\u0e2b\u0e49\u0e17\u0e31\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-orange-50\/30\">\n                            <td class=\"px-4 py-4 text-sm font-bold text-gray-800\">2.2 \u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e23\u0e39 (\u2265 12 \u0e0a\u0e21.\/\u0e1b\u0e35)<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600\">\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23 &#8220;\u0e07\u0e32\u0e19\u0e2a\u0e27\u0e19\u0e1e\u0e24\u0e01\u0e29\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c&#8221; \u0e40\u0e02\u0e49\u0e32\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e38\u0e01\u0e41\u0e1c\u0e19\u0e01<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600 font-medium text-orange-700\">\u0e08\u0e31\u0e14\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 \u0e1b\u0e27\u0e0a.\/\u0e1b\u0e27\u0e2a. 2567<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-orange-50\/30\">\n                            <td class=\"px-4 py-4 text-sm font-bold text-gray-800\">2.3 \u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600\">\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e19\u0e47\u0e15 1000 Mbps \u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 \u0e28\u0e18.02 \/ e-Office<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600\">\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 (\u0e22\u0e49\u0e32\u0e22\u0e01\u0e25\u0e49\u0e2d\u0e07\u0e27\u0e07\u0e08\u0e23\u0e1b\u0e34\u0e14) \u0e41\u0e25\u0e30\u0e20\u0e39\u0e21\u0e34\u0e17\u0e31\u0e28\u0e19\u0e4c<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600 font-medium text-orange-700\">\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e20\u0e32\u0e04\u0e35 4 \u0e1d\u0e48\u0e32\u0e22\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1f\u0e23\u0e35\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-orange-50\/30\">\n                            <td class=\"px-4 py-4 text-sm font-bold text-gray-800\">2.4 \u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e19\u0e33\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600\">\u0e08\u0e31\u0e14\u0e1b\u0e10\u0e21\u0e19\u0e34\u0e40\u0e17\u0e28\u0e41\u0e25\u0e30\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e27\u0e34\u0e20\u0e32\u0e04\u0e35<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600\">\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e22\u0e49\u0e32\u0e22\u0e17\u0e35\u0e48\u0e1d\u0e36\u0e01\u0e07\u0e32\u0e19\u0e43\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e27\u0e34\u0e20\u0e32\u0e04\u0e35<\/td>\n                            <td class=\"px-4 py-4 text-sm text-gray-600 font-medium text-orange-700\">\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2f \u0e04\u0e27\u0e49\u0e32\u0e23\u0e30\u0e14\u0e31\u0e1a 4 \u0e14\u0e32\u0e27 (\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34)<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        window.onload = function() {\n            \/\/ \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e1f\u0e2d\u0e19\u0e15\u0e4c\n            Chart.defaults.font.family = \"'Sarabun', sans-serif\";\n            Chart.defaults.color = '#64748b';\n\n            \/\/ 1. \u0e01\u0e23\u0e32\u0e1f\u0e41\u0e17\u0e48\u0e07: \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e14\u0e32\u0e27\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e2f\n            const ctxIncubator = document.getElementById('incubatorChart').getContext('2d');\n            new Chart(ctxIncubator, {\n                type: 'bar',\n                data: {\n                    labels: ['\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2565', '\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2566', '\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2567'],\n                    datasets: [{\n                        label: '\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19 (\u0e14\u0e32\u0e27)',\n                        data: [3, 3, 4],\n                        backgroundColor: [\n                            'rgba(251, 191, 36, 0.8)', \/\/ amber-400\n                            'rgba(251, 191, 36, 0.8)', \/\/ amber-400\n                            'rgba(245, 158, 11, 0.9)'  \/\/ amber-500\n                        ],\n                        borderColor: [\n                            '#f59e0b',\n                            '#f59e0b',\n                            '#d97706'\n                        ],\n                        borderWidth: 1,\n                        borderRadius: 6\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    scales: {\n                        y: { \n                            beginAtZero: true, \n                            max: 5,\n                            ticks: { stepSize: 1, callback: function(val) { return val + ' \u0e14\u0e32\u0e27'; } }\n                        }\n                    },\n                    plugins: {\n                        legend: { display: false },\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) { return ' \u0e23\u0e30\u0e14\u0e31\u0e1a ' + context.parsed.y + ' \u0e14\u0e32\u0e27'; }\n                            }\n                        }\n                    }\n                }\n            });\n\n            \/\/ 2. \u0e01\u0e23\u0e32\u0e1f\u0e40\u0e2a\u0e49\u0e19: \u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e04\u0e23\u0e39\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\n            const ctxTech = document.getElementById('techChart').getContext('2d');\n            new Chart(ctxTech, {\n                type: 'line',\n                data: {\n                    labels: ['\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2565', '\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2566', '\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2567'],\n                    datasets: [{\n                        label: '\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 (%)',\n                        data: [100, 100, 100],\n                        borderColor: '#f97316', \/\/ orange-500\n                        backgroundColor: 'rgba(249, 115, 22, 0.1)',\n                        borderWidth: 3,\n                        pointRadius: 6,\n                        pointBackgroundColor: '#ea580c',\n                        fill: true,\n                        tension: 0.1\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    scales: {\n                        y: { min: 80, max: 100, ticks: { stepSize: 5, callback: function(val) { return val + '%'; } } }\n                    },\n                    plugins: {\n                        legend: { display: false }\n                    }\n                }\n            });\n        };\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0aa33f7 elementor-widget elementor-widget-text-editor\" data-id=\"0aa33f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Dashboard \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19 \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 2<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body { font-family: 'Sarabun', sans-serif; background-color: #f8fafc; margin: 0; }\n        ::-webkit-scrollbar { width: 8px; height: 8px; }\n        ::-webkit-scrollbar-track { background: #f1f1f1; }\n        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n        ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n        @media print { .no-print { display: none !important; } body { background-color: white; } }\n    <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n    <div class=\"max-w-7xl mx-auto\">\n        \n        <!-- Header -->\n        <header class=\"bg-gradient-to-r from-amber-600 to-orange-500 rounded-2xl shadow-xl p-6 md:p-8 mb-8 text-white relative overflow-hidden\">\n            <div class=\"relative z-10\">\n                <div class=\"inline-block px-4 py-1 bg-white\/20 rounded-full text-xs font-bold mb-3 border border-white\/30 backdrop-blur-sm\">\u0e2a\u0e21\u0e28. \u0e40\u0e01\u0e13\u0e11\u0e4c\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e23\u0e27\u0e21 (Holistic)<\/div>\n                <h1 class=\"text-3xl md:text-4xl font-bold mb-2\">\u2699\ufe0f \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e41\u0e25\u0e30\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h1>\n                <p class=\"text-orange-100 text-lg\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 2: \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 SAR \u0e1b\u0e35 2565-2567)<\/p>\n            <\/div>\n            <div class=\"absolute -right-8 -bottom-8 opacity-20 text-9xl no-print\">\ud83c\udfe2<\/div>\n        <\/header>\n\n        <!-- Charts Area -->\n        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 mb-8\">\n            <!-- Radar Chart -->\n            <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-6 lg:col-span-1\">\n                <h2 class=\"text-lg font-bold text-gray-800 mb-4 border-b pb-2\">\ud83c\udfaf \u0e04\u0e32\u0e14\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e \u0e2a\u0e21\u0e28.<\/h2>\n                <div class=\"relative h-[300px] w-full flex justify-center\">\n                    <canvas id=\"qaRadarChart\"><\/canvas>\n                <\/div>\n                <div class=\"mt-4 text-sm text-gray-600 bg-gray-50 p-3 rounded-lg border border-gray-100\">\n                    <span class=\"font-bold text-orange-600\">\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c:<\/span> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a 5 (\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21) \u0e43\u0e19\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 (Best Practice: \u0e2a\u0e27\u0e19\u0e1e\u0e24\u0e01\u0e29\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2f) \u0e41\u0e25\u0e30\u0e14\u0e49\u0e32\u0e19\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22 (\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e2f 4 \u0e14\u0e32\u0e27\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34)\n                <\/div>\n            <\/div>\n\n            <!-- Project Cards Area -->\n            <div class=\"lg:col-span-2 grid grid-cols-1 md:grid-cols-2 gap-6\">\n                <!-- 2.1 -->\n                <div class=\"bg-white rounded-2xl shadow-sm border-t-4 border-amber-400 p-5 hover:shadow-md transition flex flex-col\">\n                    <div class=\"flex justify-between items-start mb-2\">\n                        <h3 class=\"font-bold text-gray-800 text-lg\">2.1 \u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e2f<\/h3>\n                        <span class=\"px-3 py-1 bg-blue-100 text-blue-700 text-sm font-bold rounded-full border border-blue-200 shadow-sm\">\u0e23\u0e30\u0e14\u0e31\u0e1a 4 (\u0e14\u0e35\u0e40\u0e25\u0e34\u0e28)<\/span>\n                    <\/div>\n                    <!-- \u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19 -->\n                    <div class=\"bg-slate-50 rounded p-2 mb-3 border border-slate-100\">\n                        <p class=\"text-[11px] font-bold text-slate-500 mb-1\">\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e23\u0e25\u0e38:<\/p>\n                        <ul class=\"text-xs text-slate-700 space-y-1\">\n                            <li class=\"flex items-start gap-1\"><span>\u2705<\/span> <span>\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19 \u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c \u0e1a\u0e23\u0e23\u0e25\u0e38\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22<\/span><\/li>\n                            <li class=\"flex items-start gap-1\"><span>\u2705<\/span> <span>\u0e21\u0e35\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 2 \u0e1b\u0e35<\/span><\/li>\n                        <\/ul>\n                    <\/div>\n                    <p class=\"text-sm text-gray-600 mb-3 leading-relaxed flex-grow\">\u0e19\u0e33\u0e1c\u0e25\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e21\u0e32\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e15\u0e32\u0e21\u0e27\u0e07\u0e08\u0e23 PDCA \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07<\/p>\n                    <div class=\"bg-amber-50 p-3 rounded-lg border border-amber-100 mt-auto\">\n                        <h4 class=\"text-xs font-bold text-amber-800 mb-2 uppercase\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/h4>\n                        <ul class=\"text-sm text-gray-700 list-disc pl-4 space-y-1\">\n                            <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30 (\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23)<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- 2.2 -->\n                <div class=\"bg-white rounded-2xl shadow-sm border-t-4 border-green-500 p-5 hover:shadow-md transition flex flex-col\">\n                    <div class=\"flex justify-between items-start mb-2\">\n                        <h3 class=\"font-bold text-gray-800 text-lg\">2.2 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/h3>\n                        <span class=\"px-3 py-1 bg-green-100 text-green-700 text-sm font-bold rounded-full border border-green-200 shadow-sm\">\u0e23\u0e30\u0e14\u0e31\u0e1a 5 (\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21)<\/span>\n                    <\/div>\n                    <!-- \u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19 -->\n                    <div class=\"bg-slate-50 rounded p-2 mb-3 border border-slate-100\">\n                        <p class=\"text-[11px] font-bold text-slate-500 mb-1\">\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e23\u0e25\u0e38:<\/p>\n                        <ul class=\"text-xs text-slate-700 space-y-1\">\n                            <li class=\"flex items-start gap-1\"><span>\u2705<\/span> <span>\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19 \u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c \u0e1a\u0e23\u0e23\u0e25\u0e38\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22<\/span><\/li>\n                            <li class=\"flex items-start gap-1\"><span>\u2705<\/span> <span>\u0e21\u0e35\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 2 \u0e1b\u0e35<\/span><\/li>\n                            <li class=\"flex items-start gap-1\"><span class=\"text-amber-500\">\ud83c\udf1f<\/span> <span class=\"font-semibold text-green-700\">\u0e21\u0e35\u0e41\u0e1a\u0e1a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48\u0e14\u0e35 (Best Practice) \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\u0e41\u0e1a\u0e1a\u0e44\u0e14\u0e49<\/span><\/li>\n                        <\/ul>\n                    <\/div>\n                    <p class=\"text-sm text-gray-600 mb-3 leading-relaxed flex-grow\">\u0e04\u0e23\u0e39\u0e27\u0e38\u0e12\u0e34\u0e15\u0e23\u0e07 100% \u0e41\u0e25\u0e30\u0e21\u0e35 Best Practice \u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 5 \u0e2d\u0e07\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/p>\n                    <div class=\"bg-green-50 p-3 rounded-lg border border-green-100 mt-auto\">\n                        <h4 class=\"text-xs font-bold text-green-800 mb-2 uppercase\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/h4>\n                        <ul class=\"text-sm text-gray-700 list-disc pl-4 space-y-1\">\n                            <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e\u0e02\u0e2d\u0e07\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23<\/li>\n                            <li class=\"font-bold text-green-700\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e07\u0e32\u0e19\u0e2a\u0e27\u0e19\u0e1e\u0e24\u0e01\u0e29\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 (Best Practice)<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- 2.3 -->\n                <div class=\"bg-white rounded-2xl shadow-sm border-t-4 border-blue-500 p-5 hover:shadow-md transition flex flex-col\">\n                    <div class=\"flex justify-between items-start mb-2\">\n                        <h3 class=\"font-bold text-gray-800 text-lg\">2.3 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23<\/h3>\n                        <span class=\"px-3 py-1 bg-blue-100 text-blue-700 text-sm font-bold rounded-full border border-blue-200 shadow-sm\">\u0e23\u0e30\u0e14\u0e31\u0e1a 4 (\u0e14\u0e35\u0e40\u0e25\u0e34\u0e28)<\/span>\n                    <\/div>\n                    <!-- \u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19 -->\n                    <div class=\"bg-slate-50 rounded p-2 mb-3 border border-slate-100\">\n                        <p class=\"text-[11px] font-bold text-slate-500 mb-1\">\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e23\u0e25\u0e38:<\/p>\n                        <ul class=\"text-xs text-slate-700 space-y-1\">\n                            <li class=\"flex items-start gap-1\"><span>\u2705<\/span> <span>\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19 \u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c \u0e1a\u0e23\u0e23\u0e25\u0e38\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22<\/span><\/li>\n                            <li class=\"flex items-start gap-1\"><span>\u2705<\/span> <span>\u0e21\u0e35\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 2 \u0e1b\u0e35<\/span><\/li>\n                        <\/ul>\n                    <\/div>\n                    <p class=\"text-sm text-gray-600 mb-3 leading-relaxed flex-grow\">\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a \u0e28\u0e18.02, e-Office \u0e41\u0e25\u0e30\u0e40\u0e19\u0e47\u0e15\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23<\/p>\n                    <div class=\"bg-blue-50 p-3 rounded-lg border border-blue-100 mt-auto\">\n                        <h4 class=\"text-xs font-bold text-blue-800 mb-2 uppercase\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/h4>\n                        <ul class=\"text-sm text-gray-700 list-disc pl-4 space-y-1\">\n                            <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e34\u0e19\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e47\u0e15\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e47\u0e27\u0e2a\u0e39\u0e07<\/li>\n                            <li>\u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2f<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- 2.4 -->\n                <div class=\"bg-white rounded-2xl shadow-sm border-t-4 border-rose-500 p-5 hover:shadow-md transition flex flex-col\">\n                    <div class=\"flex justify-between items-start mb-2\">\n                        <h3 class=\"font-bold text-gray-800 text-lg\">2.4 \u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34<\/h3>\n                        <span class=\"px-3 py-1 bg-green-100 text-green-700 text-sm font-bold rounded-full border border-green-200 shadow-sm\">\u0e23\u0e30\u0e14\u0e31\u0e1a 5 (\u0e22\u0e2d\u0e14\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21)<\/span>\n                    <\/div>\n                    <!-- \u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19 -->\n                    <div class=\"bg-slate-50 rounded p-2 mb-3 border border-slate-100\">\n                        <p class=\"text-[11px] font-bold text-slate-500 mb-1\">\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e23\u0e25\u0e38:<\/p>\n                        <ul class=\"text-xs text-slate-700 space-y-1\">\n                            <li class=\"flex items-start gap-1\"><span>\u2705<\/span> <span>\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19 \u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c \u0e1a\u0e23\u0e23\u0e25\u0e38\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22<\/span><\/li>\n                            <li class=\"flex items-start gap-1\"><span>\u2705<\/span> <span>\u0e21\u0e35\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 2 \u0e1b\u0e35<\/span><\/li>\n                            <li class=\"flex items-start gap-1\"><span class=\"text-amber-500\">\ud83c\udf1f<\/span> <span class=\"font-semibold text-rose-700\">\u0e21\u0e35\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22 \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\u0e41\u0e1a\u0e1a\u0e44\u0e14\u0e49<\/span><\/li>\n                        <\/ul>\n                    <\/div>\n                    <p class=\"text-sm text-gray-600 mb-3 leading-relaxed flex-grow\">\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e2f \u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e48 4 \u0e14\u0e32\u0e27\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e32\u0e15\u0e34 \u0e40\u0e1b\u0e47\u0e19 Innovation \u0e40\u0e0a\u0e34\u0e07\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e17\u0e35\u0e48\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19<\/p>\n                    <div class=\"bg-rose-50 p-3 rounded-lg border border-rose-100 mt-auto\">\n                        <h4 class=\"text-xs font-bold text-rose-800 mb-2 uppercase\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/h4>\n                        <ul class=\"text-sm text-gray-700 list-disc pl-4 space-y-1\">\n                            <li>\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e27\u0e34\u0e20\u0e32\u0e04\u0e35\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23<\/li>\n                            <li class=\"font-bold text-rose-700\">\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        window.onload = function() {\n            Chart.defaults.font.family = \"'Sarabun', sans-serif\";\n\n            \/\/ Radar Chart for QA Levels\n            const ctxRadar = document.getElementById('qaRadarChart').getContext('2d');\n            new Chart(ctxRadar, {\n                type: 'radar',\n                data: {\n                    labels: [\n                        ['2.1', '\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23'],\n                        ['2.2', '\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19'],\n                        ['2.3', '\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23'],\n                        ['2.4', '\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e2a\u0e39\u0e48\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34']\n                    ],\n                    datasets: [\n                        {\n                            label: '\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e04\u0e32\u0e14\u0e01\u0e32\u0e23\u0e13\u0e4c (\u0e2a\u0e21\u0e28. \u0e43\u0e2b\u0e21\u0e48)',\n                            data: [4, 5, 4, 5],\n                            backgroundColor: 'rgba(245, 158, 11, 0.2)', \/\/ Amber\n                            borderColor: '#f59e0b',\n                            pointBackgroundColor: '#d97706',\n                            borderWidth: 2,\n                            pointRadius: 4\n                        }\n                    ]\n                },\n                options: {\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    scales: {\n                        r: {\n                            min: 0,\n                            max: 5,\n                            ticks: {\n                                stepSize: 1,\n                                display: true\n                            },\n                            angleLines: { color: 'rgba(0,0,0,0.05)' },\n                            grid: { color: 'rgba(0,0,0,0.05)' }\n                        }\n                    },\n                    plugins: { \n                        legend: { position: 'bottom' },\n                        tooltip: {\n                            callbacks: {\n                                label: function(ctx) {\n                                    return ' \u0e04\u0e32\u0e14\u0e01\u0e32\u0e23\u0e13\u0e4c: \u0e23\u0e30\u0e14\u0e31\u0e1a ' + ctx.raw;\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n        };\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dashboard \u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48 2: \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e28\u0e36\u0e01\u0e29\u0e32 (2565-2567) [&hellip;]<\/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":"page-builder","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":"","ast-disable-related-posts":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-11788","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/pages\/11788"}],"collection":[{"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/comments?post=11788"}],"version-history":[{"count":4,"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/pages\/11788\/revisions"}],"predecessor-version":[{"id":11793,"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/pages\/11788\/revisions\/11793"}],"wp:attachment":[{"href":"http:\/\/www.ksrtech.ac.th\/main\/wp-json\/wp\/v2\/media?parent=11788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}