{"id":6021,"date":"2025-11-18T13:38:27","date_gmt":"2025-11-18T06:38:27","guid":{"rendered":"https:\/\/lahansai.go.th\/?p=6021"},"modified":"2025-11-18T13:38:30","modified_gmt":"2025-11-18T06:38:30","slug":"%e0%b9%82%e0%b8%a1%e0%b9%80%e0%b8%94%e0%b8%a5-e-smart-%e0%b8%a5%e0%b8%b0%e0%b8%ab%e0%b8%b2%e0%b8%99%e0%b8%97%e0%b8%a3%e0%b8%b2%e0%b8%a2","status":"publish","type":"post","link":"https:\/\/lahansai.go.th\/?p=6021","title":{"rendered":"\u0e42\u0e21\u0e40\u0e14\u0e25 E-Smart \u0e25\u0e30\u0e2b\u0e32\u0e19\u0e17\u0e23\u0e32\u0e22"},"content":{"rendered":"\n\n\n\n \n \n E-Smart \u0e25\u0e30\u0e2b\u0e32\u0e19\u0e17\u0e23\u0e32\u0e22: \u0e42\u0e21\u0e40\u0e14\u0e25\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e2d\u0e1a\u0e04\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e43\u0e2a\u0e48\u0e43\u0e08<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'IBM Plex Sans Thai', sans-serif;\n background-color: #f0f4f8;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n max-height: 450px;\n }\n }\n .flow-arrow {\n font-size: 2.5rem;\n font-weight: bold;\n color: #0081C6;\n }\n .flow-card {\n background-color: white;\n border-radius: 0.5rem;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid #0081C6;\n min-height: 180px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n <\/style>\n<\/head>\n<body class=\"bg-[#A8D1F7] text-[#004165]\">\n <div class=\"container mx-auto p-4 md:p-8 max-w-7xl\">\n\n <header class=\"text-center my-8 md:my-12\">\n <h1 class=\"text-4xl md:text-6xl font-bold text-white bg-[#004165] py-4 px-6 rounded-lg shadow-xl\">\ud83d\udca1 \u0e42\u0e21\u0e40\u0e14\u0e25 E-Smart \u0e25\u0e30\u0e2b\u0e32\u0e19\u0e17\u0e23\u0e32\u0e22<\/h1>\n <h2 class=\"text-2xl md:text-4xl font-semibold text-[#006094] mt-4\">“\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e2d\u0e1a\u0e04\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e43\u0e2a\u0e48\u0e43\u0e08” (Considerate City)<\/h2>\n <\/header>\n\n <main class=\"space-y-12\">\n\n <section class=\"bg-white rounded-lg shadow-2xl p-6 md:p-10\">\n <h3 class=\"text-3xl font-bold text-center text-[#006094] mb-8\">\u2728 \u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e17\u0e31\u0e28\u0e19\u0e4c Smart City<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-10 items-stretch\">\n\n <div class=\"bg-red-100 border-l-8 border-red-500 p-6 rounded-lg shadow-md\">\n <h4 class=\"text-2xl font-semibold text-red-800 mb-4\">\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e40\u0e14\u0e34\u0e21: “\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30”<\/h4>\n <ul class=\"space-y-3 list-outside list-disc ml-5 text-red-700\">\n <li class=\"text-lg\"><span class=\"font-bold\">\ud83d\udcb8 \u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\u0e21\u0e2b\u0e32\u0e28\u0e32\u0e25:<\/span> \u0e43\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e25\u0e49\u0e33\u0e2a\u0e21\u0e31\u0e22\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e43\u0e2b\u0e21\u0e48<\/li>\n <li class=\"text-lg\"><span class=\"font-bold\">\ud83c\udfaf \u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22:<\/span> \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e39\u0e07<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-green-100 border-l-8 border-green-600 p-6 rounded-lg shadow-md\">\n <h4 class=\"text-2xl font-semibold text-green-800 mb-4\">\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e43\u0e2b\u0e21\u0e48: “\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e2d\u0e1a\u0e04\u0e2d\u0e1a”<\/h4>\n <ul class=\"space-y-3 list-outside list-disc ml-5 text-green-700\">\n <li class=\"text-lg\"><span class=\"font-bold\">\ud83e\udde0 \u0e2b\u0e31\u0e27\u0e43\u0e08\u0e04\u0e37\u0e2d “\u0e04\u0e19”:<\/span> \u0e43\u0e0a\u0e49\u0e04\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e30\u0e1e\u0e32\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19<\/li>\n <li class=\"text-lg\"><span class=\"font-bold\">\ud83c\udfaf \u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22:<\/span> \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e07\u0e48\u0e32\u0e22\u0e41\u0e25\u0e30\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e44\u0e14\u0e49\u0e08\u0e23\u0e34\u0e07<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"text-center mt-10 bg-[#004165] text-white p-6 rounded-lg shadow-lg\">\n <h4 class=\"text-2xl md:text-3xl font-bold\">\u0e08\u0e38\u0e14\u0e41\u0e02\u0e47\u0e07\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07\u0e42\u0e21\u0e40\u0e14\u0e25 E-Smart:<\/h4>\n <p class=\"text-3xl md:text-5xl font-extrabold mt-3 tracking-wide\">“Low to No Budget”<\/p>\n <p class=\"text-xl mt-2\">\u0e43\u0e0a\u0e49\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e19\u0e49\u0e2d\u0e22\u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e17\u0e1a\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e08\u0e32\u0e01\u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e1f\u0e23\u0e35\u0e41\u0e25\u0e30\u0e20\u0e32\u0e04\u0e23\u0e31\u0e10<\/p>\n <\/div>\n <\/section>\n\n <section class=\"bg-white rounded-lg shadow-2xl p-6 md:p-10\">\n <h3 class=\"text-3xl font-bold text-center text-[#006094] mb-8\">\ud83d\udee0\ufe0f \u0e01\u0e25\u0e44\u0e01\u0e2b\u0e25\u0e31\u0e01: \u0e17\u0e35\u0e21 E-Smart<\/h3>\n <p class=\"text-center text-xl text-[#006094] max-w-3xl mx-auto mb-10\">\n \u0e17\u0e35\u0e21 E-Smart \u0e04\u0e37\u0e2d\u0e01\u0e25\u0e44\u0e01\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19 \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e44\u0e2d\u0e17\u0e35 \u0e41\u0e15\u0e48\u0e04\u0e37\u0e2d <span class=\"font-bold text-[#004165]\">\u201c\u0e20\u0e31\u0e13\u0e11\u0e32\u0e23\u0e31\u0e01\u0e29\u0e4c\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e0a\u0e38\u0e21\u0e0a\u0e19\u201d<\/span>\n \u0e21\u0e35\u0e1a\u0e17\u0e1a\u0e32\u0e17\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19\u0e40\u0e02\u0e49\u0e32\u0e01\u0e31\u0e1a\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\n <\/p>\n\n <div class=\"flex flex-col items-center space-y-6\">\n <div class=\"grid grid-cols-1 md:grid-cols-5 gap-6 w-full\">\n <div class=\"flow-card\">\n <span class=\"text-5xl mb-2\">\ud83d\udd0d<\/span>\n <h5 class=\"text-lg font-bold\">1. \u0e19\u0e31\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/h5>\n <p class=\"text-sm\">\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e32\u0e22\u0e1a\u0e38\u0e04\u0e04\u0e25<\/p>\n <\/div>\n <div class=\"flex justify-center items-center\">\n <span class=\"flow-arrow hidden md:block\">\u2192<\/span>\n <span class=\"flow-arrow md:hidden\">\u2193<\/span>\n <\/div>\n <div class=\"flow-card\">\n <span class=\"text-5xl mb-2\">\ud83d\udd27<\/span>\n <h5 class=\"text-lg font-bold\">2. \u0e1c\u0e39\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e23\u0e23\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d<\/h5>\n <p class=\"text-sm\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e1f\u0e23\u0e35 \u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19 \u0e41\u0e25\u0e30\u0e04\u0e38\u0e49\u0e19\u0e40\u0e04\u0e22 (LINE, Google Forms)<\/p>\n <\/div>\n <div class=\"flex justify-center items-center\">\n <span class=\"flow-arrow hidden md:block\">\u2192<\/span>\n <span class=\"flow-arrow md:hidden\">\u2193<\/span>\n <\/div>\n <div class=\"flow-card\">\n <span class=\"text-5xl mb-2\">\ud83e\udd1d<\/span>\n <h5 class=\"text-lg font-bold\">3. \u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\/\u0e1e\u0e35\u0e48\u0e40\u0e25\u0e35\u0e49\u0e22\u0e07<\/h5>\n <p class=\"text-sm\">\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e41\u0e1a\u0e1a “\u0e08\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e17\u0e33” \u0e44\u0e21\u0e48\u0e17\u0e34\u0e49\u0e07\u0e43\u0e04\u0e23\u0e44\u0e27\u0e49\u0e02\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e07<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex justify-center items-center w-full\">\n <span class=\"flow-arrow\">\u2193<\/span>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-5 gap-6 w-full\">\n <div class=\"flow-card\">\n <span class=\"text-5xl mb-2\">\u2699\ufe0f<\/span>\n <h5 class=\"text-lg font-bold\">5. \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/h5>\n <p class=\"text-sm\">\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e32\u0e0d\u0e09\u0e25\u0e32\u0e14 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e25\u0e37\u0e48\u0e2d\u0e21\u0e25\u0e49\u0e33<\/p>\n <\/div>\n <div class=\"flex justify-center items-center\">\n <span class=\"flow-arrow hidden md:block\">\u2190<\/span>\n <span class=\"flow-arrow md:hidden\">\u2193<\/span>\n <\/div>\n <div class=\"flow-card\">\n <span class=\"text-5xl mb-2\">\ud83d\udcca<\/span>\n <h5 class=\"text-lg font-bold\">4. \u0e2a\u0e30\u0e1e\u0e32\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\/\u0e19\u0e31\u0e01\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c<\/h5>\n <p class=\"text-sm\">\u0e19\u0e33\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e21\u0e32\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08<\/p>\n <\/div>\n <div class=\"md:col-span-2\"><\/div>\n <\/div>\n <p class=\"text-center text-lg text-[#006094] max-w-3xl mx-auto mt-6\">\n \u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23 5 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e19\u0e35\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e27\u0e07\u0e08\u0e23\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19 \u0e42\u0e14\u0e22\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19 \u0e19\u0e33\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e08\u0e23\u0e34\u0e07 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-10 items-center\">\n\n <div class=\"bg-white rounded-lg shadow-2xl p-6 md:p-10 h-full\">\n <h3 class=\"text-3xl font-bold text-center text-[#006094] mb-4\">\ud83d\udcbb \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19<\/h3>\n <p class=\"text-center text-lg text-[#006094] mb-6\">\u0e42\u0e21\u0e40\u0e14\u0e25\u0e19\u0e35\u0e49\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e1f\u0e23\u0e35\u0e2b\u0e23\u0e37\u0e2d\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e15\u0e48\u0e33 \u0e42\u0e14\u0e22\u0e41\u0e1a\u0e48\u0e07\u0e15\u0e32\u0e21\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e2b\u0e25\u0e31\u0e01 4 \u0e14\u0e49\u0e32\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e34\u0e40\u0e27\u0e28\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/p>\n <div class=\"chart-container\">\n <canvas id=\"toolsChart\"><\/canvas>\n <\/div>\n <ul class=\"mt-6 space-y-2 text-base text-[#004165] list-disc list-outside ml-5\">\n <li><b>\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25:<\/b> Google Forms, AppSheet<\/li>\n <li><b>\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\/\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23:<\/b> LINE Open Chat\/OA, Traffy Fondue<\/li>\n <li><b>\u0e23\u0e30\u0e1a\u0e1a\u0e20\u0e32\u0e04\u0e23\u0e31\u0e10:<\/b> \u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 (DGA)<\/li>\n <li><b>\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19:<\/b> Open Source Software (OSS)<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-2xl p-6 md:p-10 h-full\">\n <h3 class=\"text-3xl font-bold text-center text-[#006094] mb-4\">\ud83d\udcc8 \u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e04\u0e32\u0e14\u0e2b\u0e27\u0e31\u0e07<\/h3>\n <p class=\"text-center text-lg text-[#006094] mb-6\">\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e42\u0e21\u0e40\u0e14\u0e25 E-Smart \u0e19\u0e33\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e2a\u0e33\u0e04\u0e31\u0e0d 3 \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e23 \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e19\u0e48\u0e32\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e30\u0e40\u0e17\u0e48\u0e32\u0e40\u0e17\u0e35\u0e22\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e38\u0e01\u0e04\u0e19<\/p>\n <div class=\"chart-container\">\n <canvas id=\"outcomesChart\"><\/canvas>\n <\/div>\n <p class=\"text-center text-lg text-[#006094] mt-6\">\n \u0e42\u0e21\u0e40\u0e14\u0e25\u0e19\u0e35\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e21\u0e14\u0e38\u0e25 \u0e17\u0e31\u0e49\u0e07\u0e43\u0e19\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e17\u0e35\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19 (Data-driven) \u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e40\u0e17\u0e35\u0e22\u0e21 (Inclusion) \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e22\u0e32\u0e22\u0e1c\u0e25 (Replicable)\n <\/p>\n <\/div>\n\n <\/section>\n <\/main>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const chartColors = ['#004165', '#006094', '#0081C6', '#58A6E2'];\n\n const tooltipTitleCallback = (tooltipItems) => {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n } else {\n return label;\n }\n };\n\n const commonOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n labels: {\n color: '#004165',\n font: {\n size: 14,\n family: \"'IBM Plex Sans Thai', sans-serif\"\n }\n }\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n },\n titleFont: {\n family: \"'IBM Plex Sans Thai', sans-serif\"\n },\n bodyFont: {\n family: \"'IBM Plex Sans Thai', sans-serif\"\n }\n }\n }\n };\n\n const toolsCtx = document.getElementById('toolsChart');\n if (toolsCtx) {\n new Chart(toolsCtx, {\n type: 'doughnut',\n data: {\n labels: ['\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25', '\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\/\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23', '\u0e23\u0e30\u0e1a\u0e1a\u0e20\u0e32\u0e04\u0e23\u0e31\u0e10', '\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19'],\n datasets: [{\n label: '\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d',\n data: [25, 25, 25, 25],\n backgroundColor: chartColors,\n borderColor: '#ffffff',\n borderWidth: 2\n }]\n },\n options: {\n ...commonOptions,\n plugins: {\n ...commonOptions.plugins,\n title: {\n display: true,\n text: '\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d Low\/No Budget',\n color: '#004165',\n font: {\n size: 16,\n weight: 'bold',\n family: \"'IBM Plex Sans Thai', sans-serif\"\n }\n }\n }\n }\n });\n }\n\n const outcomesCtx = document.getElementById('outcomesChart');\n if (outcomesCtx) {\n new Chart(outcomesCtx, {\n type: 'radar',\n data: {\n labels: [\n ['\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33', '(Data-driven)'],\n ['\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e40\u0e17\u0e48\u0e32\u0e40\u0e17\u0e35\u0e22\u0e21', '(Inclusion)'],\n ['\u0e04\u0e27\u0e32\u0e21\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19', '(Replicable)']\n ],\n datasets: [{\n label: '\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c',\n data: [5, 5, 5],\n fill: true,\n backgroundColor: 'rgba(0, 129, 198, 0.2)',\n borderColor: '#0081C6',\n pointBackgroundColor: '#0081C6',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: '#0081C6'\n }]\n },\n options: {\n ...commonOptions,\n scales: {\n r: {\n angleLines: {\n color: '#A8D1F7'\n },\n grid: {\n color: '#A8D1F7'\n },\n pointLabels: {\n color: '#004165',\n font: {\n size: 13,\n weight: 'bold',\n family: \"'IBM Plex Sans Thai', sans-serif\"\n }\n },\n ticks: {\n backdropColor: 'rgba(255, 255, 255, 0.75)',\n color: '#006094',\n stepSize: 1,\n font: {\n family: \"'IBM Plex Sans Thai', sans-serif\"\n }\n },\n suggestedMin: 0,\n suggestedMax: 5\n }\n },\n plugins: {\n ...commonOptions.plugins,\n title: {\n display: true,\n text: '3 \u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07\u0e42\u0e21\u0e40\u0e14\u0e25',\n color: '#004165',\n font: {\n size: 16,\n weight: 'bold',\n family: \"'IBM Plex Sans Thai', sans-serif\"\n }\n }\n }\n }\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>E-Smart \u0e25\u0e30\u0e2b\u0e32\u0e19\u0e17\u0e23\u0e32\u0e22: \u0e42\u0e21\u0e40\u0e14\u0e25\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e23\u0e2d\u0e1a\u0e04\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e43\u0e2a\u0e48\u0e43\u0e08 \ud83d\udca1 \u0e42\u0e21\u0e40\u0e14\u0e25 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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-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":"","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":""},"categories":[85],"tags":[],"class_list":["post-6021","post","type-post","status-publish","format-standard","hentry","category-data-center"],"_links":{"self":[{"href":"https:\/\/lahansai.go.th\/index.php?rest_route=\/wp\/v2\/posts\/6021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lahansai.go.th\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lahansai.go.th\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lahansai.go.th\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lahansai.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6021"}],"version-history":[{"count":1,"href":"https:\/\/lahansai.go.th\/index.php?rest_route=\/wp\/v2\/posts\/6021\/revisions"}],"predecessor-version":[{"id":6022,"href":"https:\/\/lahansai.go.th\/index.php?rest_route=\/wp\/v2\/posts\/6021\/revisions\/6022"}],"wp:attachment":[{"href":"https:\/\/lahansai.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lahansai.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lahansai.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}