รายงานผลการปฏิบัติงาน (Performance Report System)

## 1. ส่วนหน้าบ้าน (สำหรับผู้เข้าชมทั่วไป) 🖥️
เป็นส่วนที่เปิดให้ทุกคนเข้าชมผลงานได้ มีคุณสมบัติดังนี้:

หน้าหลัก (Homepage):

แสดงข้อมูลสรุปภาพรวมในรูปแบบการ์ดสถิติ (Stat Cards) เช่น จำนวนกิจกรรมทั้งหมด, จำนวนรูปภาพ, และสถิติผู้เข้าชม (รายวัน/เดือน/ปี)

แสดงข้อมูลสรุปกิจกรรมตามประเภท (Summary Box)

มี ตัวกรอง (Filter) ให้เลือกดูกิจกรรมตาม ปีการศึกษา และ ประเภทกิจกรรม ได้

แสดงรายการกิจกรรมทั้งหมดในรูปแบบการ์ด (Activity Cards) ที่สวยงาม

หน้ารายละเอียดกิจกรรม (Activity View Page):

เมื่อคลิก "อ่านเพิ่มเติม" จะแสดงรายละเอียดทั้งหมดของกิจกรรมนั้นๆ

แสดงรูปภาพประกอบกิจกรรมทั้งหมด

มีระบบ นับยอดผู้เข้าชม (View Count) ในแต่ละกิจกรรม

มีปุ่มให้ผู้เข้าชมสามารถ ดาวน์โหลดหน้ารายงานนั้นเป็นไฟล์ภาพ (JPG) ได้

## 2. ส่วนหลังบ้าน (สำหรับผู้ดูแลระบบ - Admin Dashboard) ⚙️
เป็นส่วนจัดการข้อมูลที่ต้องล็อกอินเข้าใช้งาน ถูกออกแบบโดยใช้ Template AdminLTE ที่ทันสมัยและใช้งานง่าย มีความสามารถดังนี้:

แดชบอร์ด (Dashboard):

แสดงข้อมูลสรุปภาพรวมทั้งหมดสำหรับผู้ดูแลระบบในรูปแบบ Info-Box และกราฟ

ระบบจัดการข้อมูลหลัก:

จัดการกิจกรรม: เพิ่ม ลบ แก้ไขข้อมูลกิจกรรม, อัปโหลดรูปภาพ, และสามารถระบุ ประเภท และ ปีการศึกษา ของแต่ละกิจกรรมได้

จัดการประเภทกิจกรรม: เพิ่ม ลบ แก้ไขประเภทของกิจกรรม (เช่น ประชุม, อบรม, วิทยากร) และสามารถ เปิด/ปิด การแสดงผล ของแต่ละประเภทในหน้าหลักได้

จัดการปีการศึกษา: เพิ่ม ลบ แก้ไข ปีการศึกษา เพื่อใช้ในการจัดหมวดหมู่กิจกรรม

จัดการผู้ใช้งาน: เพิ่ม ลบ แก้ไข ผู้ใช้งานในระบบ พร้อมกำหนดสิทธิ์ได้ 3 ระดับ คือ admin, staff, และ user

ระบบดูสถิติ (Visitor Stats):

มีหน้าสำหรับดูสถิติผู้เข้าชมเว็บไซต์โดยเฉพาะ

แสดงผลในรูปแบบกราฟรายวัน (30 วันล่าสุด) และกราฟรายเดือน (12 เดือนล่าสุด)

## 3. คุณสมบัติทางเทคนิคและความสามารถหลัก 📊
ระบบบันทึกสถิติ: มีการเก็บข้อมูลผู้เข้าชมเว็บไซต์ (Visitors) และยอดการเข้าชม (Views) ของแต่ละกิจกรรมแยกกัน

ระบบสิทธิ์ผู้ใช้งาน (Role-Based): ผู้ดูแลระบบ (admin) สามารถเข้าถึงได้ทุกเมนู ส่วนเจ้าหน้าที่ (staff) สามารถจัดการกิจกรรมและดูสถิติได้

การจัดการเนื้อหาแบบไดนามิก: ข้อมูลทั้งหมดในหน้าเว็บมาจากฐานข้อมูล ทำให้ผู้ดูแลสามารถปรับเปลี่ยนเนื้อหาได้ตลอดเวลา

ดีไซน์ที่ตอบสนอง (Responsive Design): รองรับการแสดงผลบนทุกอุปกรณ์ ทั้งคอมพิวเตอร์ แท็บเล็ต และโทรศัพท์มือถือ