สร้าง

header fluid width(เติมสีพื้นหลัง header น้ำเงินอมม่วง)
ระบบนิเทศการจัดการเรียนการสอน
โรงเรียนเทศบาลวัดศรีปิงเมือง

เมนู tab fluid width แนวนอน ดังนี้ การนิเทศ(active),ข้อมูลการนิเทศ,รายละเอียด,เปรียบเทียบ,สรุปภาพรวม (เมนูแต่ละปุ่มเติมสีคนละสี)

1.เมนูการนิเทศ ข้อมูลดังนี้
วันที่นิเทศ(ค่าเริ่มต้นวันปัจจุบัน),
dropdown ผู้นิเทศ (ผู้อำนวนการ , หัวหน้างานวิชาการ) ,
dropdown ระดับชั้น(อนุบาล 1 - ประถมศึกษาปีที่ 6) ,
dropdown ครั้งที่ ( 1 - 2 ) ,
แบบฟอร์มประเมินนิเทศ
-ตัวเลือก มี กับ ไม่มี ในแต่ละข้อ(เติมสีปุ่มคนละสี)
ตอนที่ 1 บันทึกการนิเทศการสอน
-ด้านจุดประสงค์/เป้าหมายการจัดการเรียนรู้
1. ออกแบบหน่วยการเรียนรู้สอดคล้องกับมาตรฐานการเรียนรู้ตัวชี้วัด/ผลการเรียนรู้ที่คาดหวัง
2. วางแผนการจัดการเรียนรู้สอดคล้องกับมาตรฐานการเรียนรู้ตัวชี้วัด/ผลการเรียนรู้ที่คาดหวัง และมีการกำหนดจุดประสงค์การเรียนรู้เป็นไปตามหลักสูตรและเหมาะสมมุ่งเน้นการจัดการเรียนรู้ เชิงรุก Active Learning
-ด้านเนื้อหา
1. เนื้อหาที่ใช้ในการจัดกิจกรรมการเรียนรู้มีความสอดคล้องกับจุดประสงค์การเรียนรู้
2. ส่งเสริมให้เกิดแนวคิดที่นักเรียนต้องเรียนรู้ฝึกฝนด้วยตนเองและมีความถูกต้องตามหลักวิชาการ
3. จัดลำดับเนื้อหาเหมาะสมกับช่วงวัยและระดับชั้นของผู้เรียน
-ด้านกิจกรรมการจัดการเรียนรู้
1. ขั้นนำ
1. มีการตรวจสอบความรู้เดิมของนักเรียน
2. มีกิจกรรมสนับสนุนผู้เรียนเชื่อมโยงความรู้และช่วยเหลือผู้เรียนที่ยังขาดพื้นฐานการเรียนรู้ได้ อย่างเหมาะสม
2. ขั้นสอน
1. กิจกรรมการเรียนรู้ส่งเสริมการมีปฏิสัมพันธ์ระหว่างผู้เรียนกับครูและระหว่างผู้เรียนด้วยกันเอง เปิดโอกาสให้ผู้เรียนมีการปฏิบัติจริง มีความท้าทายและมีระดับความยากง่ายเหมาะสมกับช่วงวัย ซึ่ง สามารถสะท้อนการเรียนรู้ด้วยตนเองได้
2. มีกิจกรรมการเรียนรู้ที่หลากหลายตอบสนองต่อความแตกต่างของผู้เรียนสร้างประสบการณ์ใหม่ ในการเรียนรู้ โดยเน้นให้ผู้เรียนมีส่วนร่วมในกระบวนการเรียนรู้
3. บทบาทของครูเป็นผู้ชี้แนะส่งเสริมให้ผู้เรียนเกิดการบูรณาการทักษะต่างๆเพื่อสร้างองค์ความรู้ ด้วยผู้เรียนเอง
4. มีคำถามกระตุ้นทักษะการคิดอย่างมีวิจารณญาณ การคิดสร้างสรรค์หรือการคิดเพื่อแก้ปัญหา ใหม่ๆ
3. ขั้นสรุป
1. กิจกรรมส่งเสริมให้นักเรียนมีทักษะการสื่อสารการสรุปผลการเรียนรู้เช่น เพื่อ การนำเสนอ การอภิปรายในกลุ่ม หรือเสนอแนวทางในการปฏิบัติตนในชีวิตประจำวัน
-ด้านการสื่อการเรียนรู้
1. มีการเลือกใช้สื่อหรือตัวอย่างที่หลากหลายร่วมในการจัดการเรียนรู้ เหมาะสมกับเนื้อหา จุดประสงค์ กระตุ้นให้ผู้เรียนเกิดการคิดวิเคราะห์
2. มีสื่อที่สามารถใช้ในการทบทวนบทเรียน ตอบสนองการเรียนรู้ที่หลากหลายและมีการใช้สื่อเทคโนโลยีมาใช้ในด้านการจัดการเรียนการสอน
-ด้านการวัดและประเมินผล
1. ผู้เรียนมีส่วนร่วมในการวัดและประเมินผลการเรียนรู้ของตนเองและเพื่อนร่วมในชั้นเรียน
2. มีวิธีการประเมินผลระหว่างเรียนรู้ที่หลากหลาย เน้นการประเมินผลตามสภาพจริง โดยมีการ สังเกตค้นหาข้อผิดพลาดในการปฏิบัติหรือมโนทัศน์ที่คลาดเคลื่อน เพื่อให้การประเมินผลสอดคล้อง กับจุดประสงค์หรือเป้าหมายการสอน

ตอนที่ 2 บันทึกเพิ่มเติม
1. จุดเด่นในการจัดกิจกรรมการเรียนรู้(textarea)
2. จุดที่ควรพัฒนา(textarea)
3.หมายเหตุ/ข้อแก้ไข(textarea ไม่บังคับ)
ปุ่มบันทึกข้อมูล , ปุ่มล้างข้อมูล

2.เมนูข้อมูลการนิเทศ
-card แสดงจำนวนการนิเทศทั้งหมด , คะแนนเฉลี่ย , ระดับชั้นที่นิเทศ , ผู้นิเทศ
-ตารางแสดงข้อมูลการนิเทศ
คอลัมน์ 1 วันที่
คอลัมน์ 2 ระดับชั้น
คอลัมน์ 3 ครั้งที่
คอลัมน์ 4 ผู้นิเทศ
คอลัมน์ 5 คะแนน
คอลัมน์ 6 เปอร์เซ็นต์
คอลัมน์ 7 จัดการ (ปุ่มลบ แก้ไข) 

3.เมนูรายละเอียด
รายละเอียดการนิเทศรายบุคคล dropdown เลือกการนิเทศเพื่อดูรายละเอียด
-chart.js(bar) ผลการประเมินรายด้าน
-chart.js(donut) ผลการประเมินขั้นกิจกรรม

4.เมนูเปรียบเทียบ
เปรียบเทียบผลการนิเทศ
dropdown เลือกการนิเทศชุดที่ 1 ,
dropdown เลือกการนิเทศชุดที่ 2 ,
กดปุ่มเปรียบเทียบ 
แสดง chart.js (spider) เปรียบเทียบผลการนิเทศ

5.เมนูสรุปภาพรวม
สรุปภาพรวมการนิเทศ(ทั้งหมด)
-chart.js(bar) คะแนนเฉลี่ยรายด้าน
-chart.js(donut) คะแนนเฉลี่ยรายผู้นิเทศ

6.font kanit google ,UI/UX tailwind CSS Style Modern , responsive, icon อิโมจิ สวยงามทันสมัย , จัด layout ให้สวยงามเหมาะสม , (loading spin ทุกกระบวนการทำงาน) , การเพิ่ม(modal) ,การแก้ไข(modal) , การลบ(sweet confirm อย่าให้ modal ทับ), การแจ้งเตือน(sweet alert) , ตกแต่งด้วย badge , table overflow ,<div> <canvas> </div> , theme color #26A69A #AED581 #FFCA28 #FF8A65 #EF5350 #4A2C6D #D32F2F #F57C00 #FBC02D #0288D1 , ไม่ต้องเติมสีพื้นหลัง body
ครูเค รักล้านนา

รักอิสระ รักสุขภาพ รักฟ้อนเจิงล้านนา

ใหม่กว่า เก่ากว่า