1️⃣ คลังสื่อการเรียนรู้
รูปแบบ Single Page Website
ฐานข้อมูล localStorage
1.หน้าแรก
-มีปุ่มเพิ่มสื่อใหม่(modal) และ ปุ่มไอคอน + ลอยอยู่มุมล่างขวา(modal) แบบฟอร์มดังนี้
ชื่อเรื่อง
กลุ่มสาระการเรียนรู้ dropdown (ดึงข้อมูลมาแสดง)
วิชา
ระดับชั้น dropdown multi select(ดึงข้อมูลมาแสดง)
ชื่อครูผู้สอน
URL สื่อการเรียนรู้
อัพโหลดรูปภาพหน้าปก
-อัพโหลดอัลบั้มรูปภาพ(ไม่จำกัดรูป)(รองรับจับลากวาง)
คำอธิบาย
ปักหมุด
-มีปุ่มสำหรับเข้าหน้า admin(modal กรอก username, password)
-มีปุ่มสถิติ
-แดชบอร์ดแสดงข้อมูลจำนวนสื่อทั้งหมด ,จำนวนสื่อปักหมุด , จำนวนครูผู้สอน , จำนวนกลุ่มสาระทั้งหมด
-ฟอร์มสำหรับกรองค้นหาข้อมูล ชื่อโปรแกรม, dropdown กลุ่มสาระการเรียนรู้ , dropdown ระดับชั้น , เรียงตาม วันที่ใหม่สุด วันที่เก่าสุด ชื่อครู(ก-ฮ) ชื่อครู(ก-ฮ) ชื่อเรื่อง(ก-ฮ) ชื่อเรื่อง(ก-ฮ) , top view , top rate , ฮิต
-แสดงข้อมูลสื่อการเรียนรู้ ในรูปแบบ grid thumbnail
มีปุ่มไอคอนสำหรับสลับรูปแบบ grid thumbnail และ table ข้อมูลดังนี้
-ภาพหน้าปก
-ติดป้าย ปักหมุด
-ติดป้าย top view 3 อันดับ
-ติดป้าย top rate 3 อันดับ
-ติดป้ายฮิต(คิดจากจำนวนแสดงความคิดเห็น 3 อันดับ)
-ชื่อสื่อการเรียนรู้
-ชื่อกลุ่มสาระการเรียนรู้
-ชื่อระดับชั้น
-แสดงคะแนน rating แบบดาว
-แสดงจำนวนยอดวิว(คิดจากการคลิกดูสื่อ)
-แสดงจำนวนจำนวนแสดงความคิดเห็น
-ปุ่มดูสื่อ(url target blank)
-เมื่อคลิกที่ grid thumbnail (modal) (แสดงข้อมูลทั้งหมด แสดงอัลบั้มรูปภาพ เมื่อคลิกที่รูปภาพ popup modal preview มีปุ่มไอคอน ซ้ายขวา คลิปสไลด์รูปภาพ, มีฟอรมสำหรับแสดงความคิดเห็น, ชื่อและแสดงความคิดเห็น และความคิดเห็นที่บันทึกให้กับโปรแกรม,มีช่องลงคะแนน rating แบบดาว, แสดงคะแนน rating เฉลี่ย)
2.หน้าสถิติ
-chart.js แสดงจำนวนสื่อแต่ละกลุ่มสาระการเรียนรู้
-chart.js แสดงจำนวนระดับชั้น
-chart.js แสดงจำนวนคะแนน rating
3.หน้า admin
มีปุ่มเมนูดังนี้
-เมนูเปลี่ยนรหัสผ่าน(modal)
-เมนูจัดการกลุ่มสาระการรู้ ข้อมูลได้แก่ ชื่อกลุ่มสาระการเรียนรู้ (เพิ่ม,ลบ,แก้ไข)
-เมนูจัดการระดับชั้น ข้อมูลได้แก่ ชื่อระดับชั้น (เพิ่ม,ลบ,แก้ไข)
-เมนจัดการสื่อการเรียนรู้ทั้งหมด แสดงในรูปแบบตาราง ดังนี้
คอลัมน์ที่ 1 ชื่อเรื่อง
คอลัมน์ที่ 2 ครูผู้สอน
คอลัมน์ที่ 3 กลุ่มสาระการเรียนรู้
คอลัมน์ที่ 4 ระดับชั้น
คอลัมน์ที่ 5 rating ดาว เฉลี่ย
คอลัมน์ที่ 6 จำนวนแสดงความคิดเห็น
คอลัมน์ที่ 7 จัดการ(ปุ่มแก้ไข , ปุ่มลบ, ดูรายละเอียด(modal)แสดงข้อมูลทั้งหมด)
