กรณีศึกษา DBT Website

Details

Written by ครูวิภาวี

31910-0003   การสร้างเว็บไซต์   Create website 223

อ้างอิงมาตรฐาน
มาตรฐานคุณวุฒิวิชาชีพ สถาบันคุณวุฒิวิชาชีพ (องค์การมหาชน)
สมรรถนะสนับสนุนการทำงานด้านการใช้ทักษะดิจิทัล ระดับ 3
ผลลัพธ์การเรียนรู้ระดับรายวิชา

สร้างเว็บไซต์ด้วยโปรแกรมภาษา โปรแกรมสำเร็จรูป ติดตั้งโปรแกรมจำลองเว็บเซิร์ฟเวอร์ (Web Server) และอัปโหลด (Upload) เว็บไซต์ด้วยความละเอียด รอบคอบ

🧱 โครงสร้างไฟล์ (DBT Website)

dbt-project/
│
├── assets/                # ไฟล์ตกแต่ง
│   ├── css/
│   ├── js/
│   └── images/
│
├── uploads/               # เก็บรูปข่าว (หลายรูป)
│
├── config.php             # เชื่อมฐานข้อมูล + session
├── db.sql                 # โครงสร้างฐานข้อมูล
│
├── index.php              # หน้าเว็บไซต์ (แสดงข่าว)
├── login.php              # เข้าสู่ระบบ
├── logout.php             # ออกจากระบบ
│
├── admin/                 # ระบบหลังบ้าน
│   ├── dashboard.php      # หน้า Dashboard
│   ├── news.php           # เพิ่ม/แก้ไข/ลบข่าว
│   ├── news_form.php      # ฟอร์มเพิ่ม/แก้ข่าว (ใช้ CKEditor)
│   ├── news_delete.php    # ลบข่าว
│   ├── upload.php         # จัดการอัปโหลดรูป
│   │
│   ├── users.php          # จัดการผู้ใช้ (Admin/Teacher)
│   ├── role.php           # จัดการสิทธิ์ผู้ใช้
│   │
│   └── includes/          # ส่วน reusable
│       ├── header.php     # Header Admin
│       ├── sidebar.php    # Sidebar เมนู
│       └── footer.php     # Footer
│
├── api/                   # (ถ้าจะต่อ API ในอนาคต)
│   ├── news_api.php
│   └── auth_api.php
│
└── README.md              # คู่มือระบบ