S8 — ระบบเว็บไซต์กรมคุ้มครองสิทธิและเสรีภาพ (RLPD Website)¶
RLPD Official Website & CMS¶
ตารางสรุปข้อมูลเบื้องต้น¶
| หัวข้อ | รายละเอียด |
|---|---|
| อ้างอิง TOR | ข้อ 7.18 |
| หน่วยงานรับผิดชอบ | ศูนย์เทคโนโลยีสารสนเทศ (ศท.) |
| ลักษณะการพัฒนา | ระบบปรับปรุงและเพิ่มประสิทธิภาพ (Improvement & Maintenance) |
| สถานะโครงการ |  ปรับปรุงระบบเดิม (Existing System) — เว็บไซต์กรมฯ (rlpd.go.th) มีอยู่ก่อน Phase 1 และไม่ได้อยู่ในขอบเขต TOR Phase 1 เป็นระบบเดิมที่นำมาปรับปรุงใหม่ใน Phase 2 |
| ระดับความซับซ้อน | ระดับเริ่มต้น (🟢 Quick Win) |
| เทคโนโลยี (Tech Stack) | C# .NET, IIS, Custom CMS |
| URL ระบบจริง | https://www.rlpd.go.th |
| สถานะการดำเนินงาน | ระบบใช้งานจริง (Production) และอยู่ระหว่างวางแผนปรับปรุง |
สถานะปัจจุบัน (Current State)¶
เว็บไซต์หลักของกรมคุ้มครองสิทธิและเสรีภาพในปัจจุบันทำงานบนระบบบริหารจัดการเนื้อหา (Content Management System: CMS) ที่พัฒนาขึ้นเองโดยใช้ C# .NET เป็นหลัก ระบบมีการอัปเดตเนื้อหาและข่าวสารอย่างสม่ำเสมอโดยเจ้าหน้าที่จากหลายกองงาน
ข้อมูลเชิงเทคนิคจากการสำรวจ: - โครงสร้างพื้นฐาน: ติดตั้งบน App Server (10.136.27.57) ร่วมกับระบบ S7 - ฐานข้อมูล: ใช้ SQL Server 2019 (10.136.27.226) ขนาดฐานข้อมูลรวมประมาณ 155 GB - รูปแบบการแสดงผล: ปัจจุบันใช้ Layout แบบเลื่อนแนวนอน (Horizontal Scroll) ซึ่งล้าสมัยและใช้งานยากบนอุปกรณ์เคลื่อนที่ - การเข้าถึงข้อมูล: ยังไม่รองรับมาตรฐานการเข้าถึงที่เป็นสากล (WCAG) ในระดับที่กำหนด
ขอบเขตความต้องการตาม TOR¶
ตามรายละเอียดในข้อกำหนด TOR ข้อ 7.18 การสร้างเว็บไซต์ใหม่และการเข้าถึงอย่างปลอดภัยต้องครอบคลุมดังนี้: 1. ปรับปรุงรูปแบบการแสดงผล (Modern Layout): เปลี่ยนจากเลื่อนแนวนอนเป็นเลื่อนแนวตั้ง (Vertical Scroll) ตามมาตรฐานสากล 2. ระบบบริหารจัดการเมนู (Dynamic Navbar): พัฒนาส่วนควบคุมให้เจ้าหน้าที่สามารถเพิ่ม/ลด/แก้ไขรายการเมนูและลิงก์ได้เองผ่านระบบหลังบ้าน 3. มาตรฐาน WCAG 2.2 AA: ปรับปรุงเว็บไซต์ให้รองรับมาตรฐานการเข้าถึงสำหรับผู้พิการ (Web Content Accessibility Guidelines) ระดับ AA 4. ระบบเทมเพลต (Multi-templates): รองรับการเปลี่ยนธีมอย่างน้อย 2 รูปแบบ (เช่น Light Mode / Dark Mode)
ขั้นตอนการทำงาน (Workflow)¶
กระบวนการบริหารจัดการเนื้อหาผ่านระบบ CMS:
graph TD
A[เจ้าหน้าที่กองงานร่างเนื้อหา/ข่าว] --> B[อัปโหลดรูปภาพและเอกสารประกอบ]
B --> C[เลือกหมวดหมู่และตั้งค่าการแสดงผล]
C --> D[หัวหน้างานตรวจสอบความถูกต้อง]
D --> E[อนุมัติการเผยแพร่]
E --> F[เนื้อหาแสดงผลบนหน้าเว็บไซต์หลัก]รายการตรวจสอบมาตรฐาน WCAG 2.2 AA (Checklist)¶
เพื่อให้เป็นไปตามข้อกำหนด TOR 7.18.2 ระบบต้องได้รับการปรับปรุงในส่วนต่างๆ ดังนี้: - Contrast Ratio: อัตราส่วนความต่างของสีตัวอักษรและพื้นหลังต้องไม่ต่ำกว่า 4.5:1 - Keyboard Navigation: ทุกฟังก์ชันบนเว็บไซต์ต้องสามารถใช้งานผ่านคีย์บอร์ดได้ (Tab, Enter) - Screen Reader Support: โครงสร้าง HTML ต้องรองรับโปรแกรมอ่านหน้าจอสำหรับผู้พิการทางสายตา - Alt Text: รูปภาพทุกรูปต้องมีคำอธิบาย (Alternative Text) ที่เหมาะสม - Responsive Design: การแสดงผลต้องปรับเปลี่ยนตามขนาดหน้าจออุปกรณ์ต่างๆ ได้อย่างสมบูรณ์ - Focus Indicator: มีสัญลักษณ์บอกตำแหน่งจุดโฟกัสที่ชัดเจนเมื่อใช้งานผ่านคีย์บอร์ด
ข้อมูลเครื่องแม่ข่าย (Server Information)¶
| ประเภท | รายละเอียด | หมายเหตุ |
|---|---|---|
| App Server | 10.136.27.57 (Windows Server 2016) | โฮสต์ร่วมกับระบบ S7 |
| DB Server | 10.136.27.226 (SQL Server 2019) | ฐานข้อมูลชื่อ RLPD_WEB |
| Web Service | ww2-api.rlpd.go.th (Port 9090) | สำหรับเชื่อมต่อข้อมูลภายนอก |
| Admin Panel | ww2-admin.rlpd.go.th (Port 8081) | ส่วนจัดการเนื้อหาสำหรับเจ้าหน้าที่ |
ข้อตรวจพบทางเทคนิค: ไฟล์ Log ของฐานข้อมูลมีขนาดใหญ่มาก (260 GB) ควรมีการทำ Log Shrink และวางแผนการ Archive ข้อมูลเก่า (เช่น ตาราง Log_PublicActivity ที่มีกว่า 5 ล้านรายการ)
ประเด็นที่ต้องการคำชี้แจง (Open Issues)¶
[ประเด็นเปิด] คำว่า "VITNESS" ที่ปรากฏในบันทึกการประชุมหมายถึงอะไร? เป็นชื่อเฉพาะของระบบหรือเป็นความคลาดเคลื่อนของข้อมูล?
[ประเด็นเปิด] กรมฯ มีเครื่องมือสแกน WCAG (Accessibility Scanner) มาตรฐานที่ใช้ในการตรวจรับงานหรือไม่?
[ประเด็นเปิด] แผนการย้ายข้อมูล (Data Migration) จาก CMS เดิมเข้าสู่โครงสร้างใหม่จะครอบคลุมย้อนหลังกี่ปี?
[ประเด็นเปิด] การออกแบบธีม Light/Dark Mode กรมฯ มี CI (Corporate Identity) ที่เป็นทางการสำหรับทั้งสองรูปแบบหรือไม่?
หมายเหตุทางเทคนิค (Technical Notes)¶
- การรักษาความต่อเนื่อง (CMS Continuity): การปรับปรุงหน้าตาเว็บไซต์ใหม่ (Frontend) ต้องไม่ส่งผลกระทบต่อขั้นตอนการทำงานเดิมของเจ้าหน้าที่ในระบบหลังบ้าน (Backend CMS)
- ประสิทธิภาพ (Performance): ควรมีการเพิ่มระบบ Caching เพื่อลดภาระการดึงข้อมูลจากฐานข้อมูลขนาดใหญ่ และปรับปรุงเวลาในการโหลดหน้าเว็บ (Page Load Time)
- SEO & Search: ปรับปรุงโครงสร้าง Metadata เพื่อให้การค้นหาผ่าน Search Engine มีประสิทธิภาพมากขึ้น
- ความปลอดภัย (Security): อัปเกรด .NET Framework หรือย้ายไปสู่ .NET Core/5+ หากเป็นไปได้เพื่อความปลอดภัยและประสิทธิภาพระยะยาว
- การทำความสะอาดข้อมูล (Data Cleaning): ควรลบตารางสำรอง (Backup Tables) ที่ไม่ได้ใช้งานออกเพื่อลดขนาดและลดความสับสนในการดูแลรักษาฐานข้อมูล