คู่มือการใช้งานระบบ
File System Server
ระบบบริหารจัดการแฟ้มข้อมูล

ฉบับสมบูรณ์ (Comprehensive User Manual)[cite: 1, 3]

จัดทำโดย

อาจารย์สุภัตต์ วัตรสาร
หัวหน้างานศูนย์ดิจิทัลและสื่อสารองค์กร[cite: 1, 3]

วิทยาลัยเทคนิคอำนาจเจริญ[cite: 1, 3]

1 บทนำและภาพรวมระบบ

**File System Server** ถูกพัฒนาขึ้นเพื่อใช้เป็นศูนย์กลางในการบริหารจัดการแฟ้มข้อมูล เอกสารราชการ ข้อมูลนักศึกษา และการประสานงานภายในองค์กร[cite: 1] รองรับการทำงานผ่านระบบเครือข่ายอินเทอร์เน็ตและอินทราเน็ต โดยผสานรวมเครื่องมือจัดการไฟล์ ระบบฐานข้อมูล และระบบสื่อสารแบบเรียลไทม์ไว้ในแพลตฟอร์มเดียวผ่านหน้าเว็บเบราว์เซอร์[cite: 1, 3]

วัตถุประสงค์หลักของระบบ: เพื่อยกระดับประสิทธิภาพการจัดการงานเอกสาร ลดความซ้ำซ้อน และเพิ่มช่องทางการติดต่อสื่อสารที่รวดเร็ว ปลอดภัย ระหว่างบุคลากรและนักศึกษาภายในวิทยาลัย[cite: 1]
  • รองรับการแสดงผลทุกอุปกรณ์ (Responsive Design)[cite: 3]
  • ระบบลากวางไฟล์ (Drag & Drop) เพื่ออัปโหลดและย้ายข้อมูล[cite: 3]
  • ระบบจัดการไฟล์และโฟลเดอร์ออนไลน์ (อัปโหลด, ดาวน์โหลด, แก้ไข, ลบ)[cite: 1]
  • ระบบกล่องข้อความส่วนกลาง (Multi-user Chat & File Sharing)[cite: 1]

2 สิทธิ์การใช้งาน (User Roles)

ระบบมีการแบ่งแยกระดับการเข้าถึงข้อมูลและการควบคุมระบบอย่างชัดเจน เพื่อความปลอดภัยของข้อมูลสารสนเทศภายในองค์กร[cite: 1]

ADMIN

มีสิทธิ์สูงสุด จัดการได้ทุกส่วนในระบบ มองเห็นผู้ใช้ทุกคน และสามารถแต่งตั้ง Manager ได้[cite: 1, 3]

MANAGER

บริหารจัดการเฉพาะ User ภายใต้ความดูแลของตนเอง (เช่น โฟลเดอร์นักเรียน)[cite: 3]

USER

กลุ่มบุคลากรหรือนักศึกษาที่มีสิทธิ์เข้าถึงพื้นที่แฟ้มข้อมูลส่วนตัว จัดการเฉพาะไฟล์ในโฟลเดอร์ตนเอง[cite: 1, 3]

3 การเข้าสู่ระบบ (Login)

หน้าจอเข้าสู่ระบบถูกออกแบบมาในสไตล์ Cyber Glassmorphism พร้อมภาพพื้นหลัง Matrix Digital Rain ที่มีปฏิสัมพันธ์กับเมาส์ของผู้ใช้งาน[cite: 3]

ขั้นตอนการเข้าใช้งาน:

  1. เข้าสู่ URL ของระบบผ่านเบราว์เซอร์[cite: 3]
  2. กรอก Username และ Password ที่ได้รับจากผู้ดูแลระบบ[cite: 3]
  3. คลิกปุ่ม "เข้าสู่ระบบจัดการข้อมูล"[cite: 3]

4 หน้าจอหลัก (Dashboard)

เมื่อเข้าสู่ระบบสำเร็จ จะพบกับหน้าจอหลักซึ่งประกอบด้วย 2 ส่วนสำคัญ:[cite: 3]

แถบเมนูด้านซ้าย (Sidebar)

แสดงข้อมูลส่วนตัว ระดับสิทธิ์ และเมนูนำทางหลัก เช่น จัดการไฟล์, จัดการผู้ใช้, และสิทธิ์เข้าถึงฐานข้อมูล[cite: 3]

พื้นที่ทำงาน (Main Workspace)

พื้นที่โปร่งแสงตรงกลางหน้าจอ สำหรับแสดงผลตารางข้อมูลและฟังก์ชันการจัดการตามเมนูที่เลือก[cite: 3]

5 ระบบจัดการไฟล์เบื้องต้น

หน้าหลักของระบบแสดงผลรายการไฟล์และโฟลเดอร์ในรูปแบบตารางที่ใช้งานง่าย โดยแสดงรายละเอียดประกอบด้วย ชื่อไฟล์/โฟลเดอร์, ขนาด, วันที่อัปเดตล่าสุด[cite: 1] และเครื่องมือจัดการดังนี้:

เครื่องมือ / ปุ่มคำสั่ง หน้าที่และการทำงาน
สร้างโฟลเดอร์ สร้างไดเรกทอรีใหม่สำหรับจัดหมวดหมู่ไฟล์งาน[cite: 1] (กดปุ่มมุมขวาบน)[cite: 3]
สร้างไฟล์ รองรับการสร้างไฟล์นามสกุลต่างๆ เช่น .php, .html, .css[cite: 3]
ดาวน์โหลด ดาวน์โหลดไฟล์ลงยังเครื่องคอมพิวเตอร์ของผู้ใช้งาน[cite: 1]
แก้ไข / เปลี่ยนชื่อ ปรับปรุงชื่อไฟล์หรือโครงสร้างข้อมูล[cite: 1] (คลิกไอคอนดินสอ)[cite: 3]
ลบข้อมูล (Delete) ลบไฟล์หรือโฟลเดอร์ ระบบจะถามยืนยันก่อนลบถาวรทุกครั้ง[cite: 3]

6 การอัปโหลดและย้ายไฟล์ (Drag & Drop)

การอัปโหลดไฟล์จากคอมพิวเตอร์

  1. คลิกปุ่ม "อัปโหลด" สีเขียวด้านบน และเลือกไฟล์จากหน้าต่างคอมพิวเตอร์[cite: 3]
  2. ลากไฟล์จากคอมพิวเตอร์ (Drag & Drop) มาปล่อยในพื้นที่ตาราง พื้นหลังจะเปลี่ยนเป็นเส้นประสีเหลืองเพื่อแสดงสถานะพร้อมรับไฟล์[cite: 3]

การย้ายไฟล์เข้าโฟลเดอร์

คลิกค้างที่แถวของไฟล์ที่ต้องการย้าย จากนั้นลากไปปล่อยทับบนแถวของ "โฟลเดอร์เป้าหมาย" ระบบจะทำการย้ายข้อมูลให้โดยอัตโนมัติ[cite: 3]

7 เครื่องมือแก้ไขโค้ด & คลิปบอร์ด (Code Editor)

เมื่อคลิกที่ไอคอน ท้ายไฟล์ประเภท Text หรือ Source Code ระบบจะเปิดหน้าต่าง Ace Editor ขึ้นมา ซึ่งรองรับการเขียนโปรแกรมเต็มรูปแบบ[cite: 3]

ค้นหา & แทนที่

มีระบบ Find & Replace โค้ดที่ซับซ้อน[cite: 3]

Syntax Highlight

เปลี่ยนสีโค้ดอัตโนมัติตามนามสกุลไฟล์ (PHP, HTML, JS, CSS)[cite: 3]

ปรับขนาด & ห่อคำ

ขยายฟอนต์ (A+) ลดฟอนต์ (A-) และตั้งค่าตัดคำบรรทัดอัตโนมัติ[cite: 3]

ระบบคลิปบอร์ดอัจฉริยะ

มีการฝังระบบคลิปบอร์ดสำรอง (Internal Clipboard Buffer) เพื่อแก้ไขปัญหาเบราว์เซอร์บล็อกสิทธิ์การกดคัดลอกผ่านระบบ HTTP[cite: 3]

  • ตัดโค้ดที่คลุมดำไปเก็บไว้ในหน่วยความจำ[cite: 3]
  • คัดลอกโค้ดที่เลือกเก็บไว้ใช้งาน[cite: 3]
  • วางโค้ดที่คัดลอกไว้ (หากเบราว์เซอร์บล็อก ให้ใช้ปุ่มลัด Ctrl+V แทน)[cite: 3]

8 การพรีวิวผลลัพธ์ (Web Preview)

ผู้ใช้สามารถตรวจสอบผลลัพธ์ของไฟล์โปรแกรมที่เขียนขึ้นได้ทันที โดยไม่ต้องสลับแท็บไปพิมพ์ URL เอง[cite: 3]

กดที่ปุ่ม (พรีวิวเว็บ) ด้านหลังไฟล์ที่ต้องการ[cite: 3]

ระบบจะคำนวณ Base Path ตามระดับสิทธิ์ (Role) และนำทางไปยังหน้าต่างใหม่เพื่อรันไฟล์นั้นผ่าน Web Server ให้อัตโนมัติ[cite: 3]

9 ระบบกล่องข้อความอัจฉริยะ (Chat System)

เครื่องมือสื่อสารภายในระบบที่ออกแบบมาให้รองรับการสนทนาได้ทุกรูปแบบ (User กับ User หรือ User กับ Admin) โดยไม่ต้องสลับหน้าจอ[cite: 1, 2]

กระดิ่งแจ้งเตือน (Red Badge)

ตั้งอยู่ที่มุมขวาล่างของหน้าจอเสมอ หากมีข้อความใหม่ที่ยังไม่ได้อ่าน จะมีตัวเลขพื้นหลังสีแดงปรากฏขึ้น พร้อมกับเสียงแจ้งเตือนสั้นๆ เพื่อให้คุณไม่พลาดการติดต่อ[cite: 1, 2]

การส่งข้อความและไฟล์

พิมพ์ข้อความแล้วกด Enter หรือเลือกส่งอิโมจิ และแนบไฟล์เอกสาร/รูปภาพด้วยไอคอน [cite: 2]

10 การตรวจสอบสถานะออนไลน์และการค้นหารายชื่อ

การจัดลำดับและค้นหา

ระบบจะดันรายชื่อของ "ผู้ที่ส่งข้อความมาหาคุณล่าสุด" ขึ้นไปอยู่บรรทัดบนสุดเสมอ พร้อมไฮไลท์พื้นหลังสีแดงอ่อน และแสดงป้ายกำกับ "ข้อความใหม่"[cite: 1, 2] นอกจากนี้ช่องค้นหาอัจฉริยะยังรองรับการพิมพ์หาจาก "ชื่อ-นามสกุล" หรือ "รหัสนักศึกษา" ได้ทันที[cite: 1, 2]

การติดตามสถานะออนไลน์ (Online Status)

ระบบสามารถตรวจสอบสถานะการใช้งานแบบเรียลไทม์:[cite: 1]

  • ออนไลน์ (Online): แสดงจุดสีเขียวและข้อความสถานะ หมายถึงผู้ใช้มีการเคลื่อนไหวในระบบภายใน 5 นาทีล่าสุด[cite: 1, 2]
  • ออฟไลน์ (Offline): เป็นข้อความสีเทาแสดงว่าผู้ใช้ออกจากระบบหรือไม่มีการใช้งานเกินกำหนด[cite: 1, 2]

11 ระบบจัดการผู้ใช้งานและโฟลเดอร์จำลอง

เมนูสิทธิ์เฉพาะสำหรับบัญชีระดับ Admin และ Manager เพื่อดูแลระบบโครงสร้างบุคลากรและนักศึกษา[cite: 3]

ระบบเลือกโฟลเดอร์จำลอง (Mini Browser)

ฟีเจอร์ล้ำสมัยในหน้าต่าง "เพิ่มผู้ใช้งาน" ที่ช่วยลดข้อผิดพลาดในการพิมพ์ชื่อ Path ของโฟลเดอร์[cite: 3]

  • Auto-generation: ทันทีที่พิมพ์ Username ระบบจะสร้างชื่อโฟลเดอร์ต่อท้าย Path ของ Manager ให้อัตโนมัติ[cite: 3]
  • Browse เลือกไฟล์: กดเพื่อเปิดหน้าต่าง Mini Explorer ย่อย สามารถกดเข้าไปดูโครงสร้างและเลือกใช้งานได้ทันที[cite: 3]
  • สร้างโฟลเดอร์ใหม่ (Inline Creation): สร้างโฟลเดอร์ใหม่ได้โดยไม่ต้องปิดหน้าต่างหลักทิ้ง[cite: 3]

12 ระบบสิทธิ์ฐานข้อมูลและการออกรายงาน (DB Admin & Export)

ส่วนควบคุมและบริหารจัดการ MySQL Database ภายในระบบเซิร์ฟเวอร์แบบ Real-time (สำหรับ Admin และ Manager)[cite: 3]

ฐานข้อมูลในระบบ

แสดงรายการ Database ทั้งหมด พร้อมปุ่มลบ (ลบแบบ Drop DB) *ระบบมีการซ่อนปุ่มลบสำหรับ System DB เพื่อป้องกันระบบพัง[cite: 3]

บัญชี MySQL

แสดงรายการ DB Users พร้อมปุ่ม รีเซ็ตรหัสผ่าน (Change Password) และปุ่มลบบัญชีฐานข้อมูล[cite: 3]

การออกรายงานฐานข้อมูล (Export CSV)

เพียงคลิกที่ปุ่ม ระบบจะทำการรวบรวมข้อมูล Database, User, และ Size โหลดลงเครื่องในรูปแบบไฟล์ .csv เพื่อใช้ประกอบการทำรายงาน หรือประเมินทรัพยากรการจัดเก็บ[cite: 3]

13 ฟีเจอร์พิเศษสำหรับผู้ดูแลระบบ (Admin Tools)

สิทธิ์ผู้ดูแลระบบ (Admin) จะได้รับเครื่องมือบริหารจัดการพิเศษภายในกล่องข้อความ:[cite: 1, 2]

ป้ายนับจำนวนผู้ออนไลน์

แสดงจำนวนผู้ใช้ที่ออนไลน์อยู่บริเวณหัวข้อกล่องข้อความ สามารถคลิกเพื่อกรองรายชื่อ ให้แสดงเฉพาะคนที่ออนไลน์อยู่ได้ทันที[cite: 1, 2]

ปุ่มเคลียร์การแจ้งเตือน

ไอคอนกระดิ่งกากบาทสีแดงสำหรับผู้ดูแลระบบ ใช้สำหรับล้างสถานะข้อความที่ค้างแจ้งเตือนทั้งหมดให้กลายเป็น "อ่านแล้ว" ได้ภายในคลิกเดียว[cite: 1, 2]

14 โครงสร้างฐานข้อมูลและการบำรุงรักษา

โครงสร้างตารางระบบเบื้องหลัง (Database Structure)

  • ตาราง users: จัดเก็บข้อมูลบัญชีผู้ใช้งาน, Username, รหัสผ่าน, ชื่อ-นามสกุล และสิทธิ์ (Role)[cite: 1]
  • ตาราง user_messages: จัดเก็บข้อความแชท, ผู้ส่ง, ผู้รับ, สถานะการอ่าน, ไฟล์แนบ และเวลาที่ส่ง[cite: 1]
  • ตาราง access_logs: บันทึกประวัติการเข้าใช้งานไฟล์และเวลา (access_time) เพื่อนำมาประมวลผลสถานะออนไลน์[cite: 1]

การบำรุงรักษาและความปลอดภัย (Maintenance)

เพื่อให้ระบบมีความเสถียรและปลอดภัยอยู่เสมอ ผู้ดูแลระบบควรปฏิบัติตามแนวทางดังนี้:[cite: 1]

  • ตรวจสอบพื้นที่จัดเก็บไฟล์บน Linux Server อย่างสม่ำเสมอ[cite: 1]
  • สำรองข้อมูลฐานข้อมูล (Database Backup) เป็นประจำทุกสัปดาห์[cite: 1]
  • ตรวจสอบ Log การใช้งานผ่าน access_logs เพื่อป้องกันการเข้าถึงที่ไม่ได้รับอนุญาต[cite: 1]

15 การแสดงผลบนมือถือ ความปลอดภัย และข้อมูลติดต่อ

การแสดงผลบนมือถือ (Mobile Responsive)

หน้าต่างแอปพลิเคชันทั้งหมด (UI) รองรับการยืดหยุ่นปรับขนาดตามหน้าจอสมาร์ทโฟนและแท็บเล็ต 100% เมนูจะถูกซ่อนอัตโนมัติเปิดได้ผ่านปุ่ม Hamburger และตารางที่ยาวจะถูกพับเก็บและสามารถกางรายละเอียดลงมาด้านล่างได้[cite: 3]

คำแนะนำด้านความปลอดภัย

  • - ห้ามเปิดเผยหรือแจกจ่ายรหัสผ่านให้แก่บุคคลภายนอก[cite: 3]
  • - ตรวจสอบความถูกต้องของสิทธิ์ (Role) ก่อนมอบหมายให้ผู้ใช้รายใหม่เสมอ[cite: 3]
  • - กดปุ่ม "ออกจากระบบ" ทุกครั้งเมื่อเลิกใช้งาน โดยเฉพาะหากใช้คอมพิวเตอร์สาธารณะ[cite: 3]

คำถามที่พบบ่อย (FAQ)

Q: หากข้อความแชทไม่แสดงผลแบบเรียลไทม์ต้องทำอย่างไร?
A: ระบบจะทำการรีเฟรชข้อมูลอัตโนมัติทุกๆ 3 วินาที หากข้อมูลไม่ขยับ ให้ลองรีหน้าจอเว็บเบราว์เซอร์ (F5) หนึ่งครั้ง[cite: 1]

Q: ลืมรหัสผ่านเข้าสู่ระบบ สามารถรีเซ็ตได้อย่างไร?
A: สามารถติดต่อผู้ดูแลระบบ (Admin) เพื่อทำการอัปเดตข้อมูลบัญชีผู้ใช้ผ่านระบบจัดการผู้ใช้งาน (Users Management) ได้ทันที[cite: 1]

งานศูนย์ข้อมูลดิจิทัลและการสื่อสารองค์กร

วิทยาลัยเทคนิคอำนาจเจริญ (Amnat Charoen Technical College)[cite: 3]

System Admin & Development Team[cite: 3]