การเรียนรู้แบบผสมผสาน (Blnded Learning)
ครูสุธารัตน์ จำปาทิพย์

โครงการพัฒนาคุณธรรมจริยธรรมเชิงวิชาการด้านเศรษฐกิจพอเพียงในสถานศึกษาที่ยั่งยืน ด้วยการเรียนการสอนแบบผสมผสาน
20 พ.ค.2555 ณ มหาวิทยาลัยราชภัฏหมู่บ้านจอมบึง

วันอังคารที่ 12 มีนาคม พ.ศ. 2556

แผนการจัดการเรียนรู้ที่ 7 (ง 30275)

แผนการจัดการเรียนรู้ที่ 7

กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีที่ 6

รายวิชา การสร้างและพัฒนาเว็บไซต์ (ง 30275) หน่วยการเรียนรู้ที่ 7

เรื่อง การแทรกภาพและเสียงบนหน้าเว็บเพจ เวลาเรียน 4 ชั่วโมง

1. มาตรฐานการเรียนรู้

มาตรฐานที่ ง 3.1 เข้าใจ เห็นคุณค่า และใช้กระบวนการเทคโนโลยีสารสนเทศในการสืบค้นข้อมูล การเรียนรู้ การสื่อสาร การแก้ปัญหา การทำงาน และอาชีพอย่างมีประสิทธิภาพ ประสิทธิผล และมีคุณธรรม

2. ตัวชี้วัด

ง 3.1 ม.4-6/12 ใช้คอมพิวเตอร์ช่วยสร้างชิ้นงานหรือโครงงานอย่างมีจิตสำนึกและ

ความรับผิดชอบ

3. ตัวชี้วัดย่อย

3.1 แทรกภาพด้วยคำสั่งภาษา HTML บนหน้าเว็บได้

3.2 แทรกเสียงด้วยคำสั่งภาษา HTML บนหน้าเว็บได้

4. เนื้อหาสาระ

การแทรกรูปภาพ ภาพเคลื่อนไหว และเสียง ด้วยคำสั่งภาษา HTML บนหน้าเว็บเพจได้

5. การจัดกิจกรรมการเรียนรู้

ใช้รูปแบบการสอนของกอร์แมนตามแนวทฤษฎีการเรียนรู้ของสกินเนอร์ เป็นขั้นตอนการสอนที่อาศัยการค้นคว้าเกี่ยวกับการวางเงื่อนไขแบบให้กระทำ ซึ่งมีขั้นตอนการสอนดังนี้

5.1 ขั้นนำเสนอ คือ ขั้นของการสร้างพื้นฐานความรู้หรือเนื้อหาที่จำเป็นให้กับผู้เรียน โดยใช้การบรรยายประกอบสื่อผ่านเครื่องฉายโปรเจ๊กเตอร์ ถึงการแทรกรูปภาพและสียงโดยใช้ภาษา HTML ให้ผู้เรียนทราบ

5.2 ขั้นกำหนดปัญหา โดยให้ผู้เรียนแทรกรูปภาพและเสียงเพลง ลงบนหน้าเว็บ ในงานการนำเสนอประวัติส่วนตัว

5.3 ขั้นให้แก้ปัญหา ให้ผู้เรียนลงมือปฏิบัติโดยใช้คำสั่งภาษา HTML

5.4 ขั้นการให้ฝึกทำซ้ำ ให้ผู้เรียนทดลองเปลี่ยนภาพและเสียงซ้ำหลาย ๆ จนเกิดความชำนาญ

5.5 ขั้นวัดผลการกระทำ ผู้สอนตรวจผลการปฏิบัติงานให้คะแนน ชมเชยผู้ทำถูกต้อง และเฉลยเพื่อให้แก้ไขข้อผิดพลาดต่อไป

6. สื่อและแหล่งเรียนรู้

6.1 เครื่องคอมพิวเตอร์

6.2 เครื่องฉาย (Projector)

6.3 สื่อการเรียนการสอนผ่านเทคโนโลยีเว็บ การแทรกภาพและเสียงบนหน้าเว็บเพจ

6.4 โปแกรม Text Editor และ Web Browser

7. การวัดและประเมินผล

7.1 วิธีการวัด

ตรวจผลการปฏิบัติงาน

7.2 เครื่องมือวัด

แบบประเมินการสร้างเว็บเพจด้วยภาษา HTML

7.3 เกณฑ์การประเมิน (คะแนนเต็ม 10 คะแนน)

0-4 คะแนน คือ ต้องปรับปรุง

5-7 คะแนน คือ พอใช้

8-10 คะแนน คือ ดี

8.กิจกรรมเสนอแนะ

ให้นักเรียนกลับไปแก้ไขโดยการแทรกภาพและเสียง ลงบนหน้าเว็บเพจเกี่ยวกับการนำเสนอประวัติของตนเอง ให้สวยงาม

9.บันทึกหลังสอน

9.1 ผลการสอน

..................................................................................................................................

............................................................................................................................................................

9.2 ปัญหาอุปสรรค

..................................................................................................................................

............................................................................................................................................................

9.3 แนวทางแก้ไข

..................................................................................................................................

............................................................................................................................................................

ลงชื่อ ....................................................

(นายสุธารัตน์ จำปาทิพย์)

ครูผู้สอน

10.ข้อเสนอแนะ/ความเห็น (หัวหน้ากลุ่มสาระการเรียนรู้ หรือผู้เชี่ยวชาญ)

............................................................................................................................................................

ลงชื่อ ......................................................

(นายชัยทัด สุขสม)

หัวหน้ากลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี

11.ความเห็นผู้บังคับบัญชา (ผู้อำนวยการโรงเรียน หรือผู้ที่ได้รับมอบหมาย)

............................................................................................................................................................

ลงชื่อ ......................................................

(............................................)

ตำแหน่ง .........................................................................

แผนการจัดการเรียนรู้ที่ 6 (ง 30275)

แผนการจัดการเรียนรู้ที่ 6

กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีที่ 6

รายวิชา การสร้างและพัฒนาเว็บไซต์ (ง 30275) หน่วยการเรียนรู้ที่ 6

เรื่อง การจัดการตัวหนังสือด้วยภาษา HTML เวลาเรียน 4 ชั่วโมง

1. มาตรฐานการเรียนรู้

2. ตัวชี้วัด

ง 3.1 ม.4-6/12 ใช้คอมพิวเตอร์ช่วยสร้างชิ้นงานหรือโครงงานอย่างมีจิตสำนึกและ

ความรับผิดชอบ

3. ตัวชี้วัดย่อย

3.1 กำหนดขนาดตัวอักษรด้วยคำสั่งภาษา HTML ได้

3.2 กำหนดรูปแบบตัวอักษรด้วยคำสั่งภาษา HTML ได้

3.3 กำหนดสีตัวอักษรด้วยคำสั่งภาษา HTML ได้

4. เนื้อหาสาระ

ความหมายและโครงสร้างของภาษา HTML

5. การจัดกิจกรรมการเรียนรู้

5.1 ขั้นนำเสนอ คือ ขั้นของการสร้างพื้นฐานความรู้หรือเนื้อหาที่จำเป็นให้กับผู้เรียน โดยใช้การบรรยายประกอบสื่อผ่านเครื่องฉายโปรเจ๊กเตอร์ ถึงการกำหนดสี ขนาดตัวอักษร รูปแบบตัวอักษร โดยใช้ภาษา HTML ให้ผู้เรียนทราบ

5.2 ขั้นกำหนดปัญหา โดยให้ผู้เรียนปรับรูปแบบ ขนาด และสี ตัวอักษร ในงานเดิมให้สวยงาม

5.3 ขั้นให้แก้ปัญหา ให้ผู้เรียนลงมือปฏิบัติโดยใช้คำสั่งภาษา HTML

5.4 ขั้นการให้ฝึกทำซ้ำ ให้ผู้เรียนทดลองจัดการกับตัวอักษรซ้ำหลาย ๆ จนเกิดความชำนาญ

6. สื่อและแหล่งเรียนรู้

6.1 เครื่องคอมพิวเตอร์

6.2 เครื่องฉาย (Projector)

6.3 สื่อการเรียนการสอนผ่านเทคโนโลยีเว็บ เรื่องการจัดการตัวหนังสือ

6.4 โปแกรม Text Editor และ Web Browser

7. การวัดและประเมินผล

7.1 วิธีการวัด

ตรวจผลการปฏิบัติงาน

7.2 เครื่องมือวัด

แบบประเมินการสร้างเว็บเพจด้วยภาษา HTML

7.3 เกณฑ์การประเมิน (คะแนนเต็ม 10 คะแนน)

0-4 คะแนน คือ ต้องปรับปรุง

5-7 คะแนน คือ พอใช้

8-10 คะแนน คือ ดี

8.กิจกรรมเสนอแนะ

ให้นักเรียนกลับไปแก้ไขเว็บเพจ เกี่ยวกับการนำเสนอประวัติของตนเอง ให้สวยงาม

9.บันทึกหลังสอน

9.1 ผลการสอน

..................................................................................................................................

............................................................................................................................................................

9.2 ปัญหาอุปสรรค

..................................................................................................................................

............................................................................................................................................................

9.3 แนวทางแก้ไข

..................................................................................................................................

............................................................................................................................................................

ลงชื่อ ....................................................

(นายสุธารัตน์ จำปาทิพย์)

ครูผู้สอน

10.ข้อเสนอแนะ/ความเห็น (หัวหน้ากลุ่มสาระการเรียนรู้ หรือผู้เชี่ยวชาญ)

............................................................................................................................................................

ลงชื่อ ......................................................

(นายชัยทัด สุขสม)

หัวหน้ากลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี

............................................................................................................................................................

ลงชื่อ ......................................................

(............................................)

ตำแหน่ง .........................................................................

แผนการจัดการเรียนรู้ที่ 5 (ง 30275)

แผนการจัดการเรียนรู้ที่ 5

กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีที่ 6

รายวิชา การสร้างและพัฒนาเว็บไซต์ (ง 30275) หน่วยการเรียนรู้ที่ 5

เรื่อง ความหมายและโครงสร้างของภาษา HTML เวลาเรียน 2 ชั่วโมง

1. มาตรฐานการเรียนรู้

2. ตัวชี้วัด

ง 3.1 ม.4-6/12 ใช้คอมพิวเตอร์ช่วยสร้างชิ้นงานหรือโครงงานอย่างมีจิตสำนึกและ

ความรับผิดชอบ

3. ตัวชี้วัดย่อย

3.1 อธิบายความหมายของภาษา HTML ได้

3.2 อธิบายโครงสร้างของภาษา HTML ได้

3.3 ใช้คำสั่ง (Tag) อย่างง่ายเพื่อการสร้างเว็บเพจได้

4. เนื้อหาสาระ

ความหมายและโครงสร้างของภาษา HTML

5. การจัดกิจกรรมการเรียนรู้

5.1 ขั้นนำเสนอ คือขั้นของการสร้างพื้นฐานความรู้หรือเนื้อหาที่จำเป็นให้กับ

ผู้เรียน ภายหลังจากที่ครูกำหนดวัตถุประสงค์ของการสอนไว้อย่างชัดเจน โดยใช้การบรรยาย

ประกอบสื่อผ่านเครื่องฉายโปรเจ็กเตอร์

5.2 ขั้นกำหนดปัญหา กำหนดปัญหาให้ผู้เรียนแก้ปัญหา โดยให้ผู้เรียนได้วิเคราะห์และออกแบบหน้าเว็บเพจ เพื่อสร้างเว็บเพจนำเสนอเกี่ยวกับประวัติส่วนตัวด้วยภาษา HTML

5.3 ขั้นให้แก้ปัญหา เป็นขั้นตอนที่ครูผู้สอนเปิดโอกาสให้ผู้เรียนได้แก้ปัญหา

ด้วยตนเอง โดยให้นักเรียนเขียนเว็บเพจด้วยภาษา HTML ตามที่ได้ออกแบบไว้

5.4 ขั้นการให้ฝึกทำซ้ำ ให้นักเรียนเพิ่มเติมคำสั่งง่าย ๆ เช่น การกำหนดขนาดตัวอักษร และทดลองทำซ้ำหลาย ๆ จนเกิดความชำนาญ

6. สื่อและแหล่งเรียนรู้

6.1 เครื่องคอมพิวเตอร์

6.2 เครื่องฉาย (Projector)

6.3 สื่อการเรียนการสอนผ่านเทคโนโลยีเว็บ เรื่องโครงสร้างของภาษา HTML

6.4 โปแกรม Text Editor และ Web Browser

7. การวัดและประเมินผล

7.1 วิธีการวัด

ตรวจผลการปฏิบัติงาน

7.2 เครื่องมือวัด

แบบประเมินการสร้างเว็บเพจด้วยภาษา HTML

7.3 เกณฑ์การประเมิน (คะแนนเต็ม 10 คะแนน)

0-4 คะแนน คือ ต้องปรับปรุง

5-7 คะแนน คือ พอใช้

8-10 คะแนน คือ ดี

8.กิจกรรมเสนอแนะ

ให้นักเรียนกลับไปสร้างเว็บเพจเพิ่มเติม เกี่ยวกับประวัติของตนเอง

9.บันทึกหลังสอน

9.1 ผลการสอน

..................................................................................................................................

............................................................................................................................................................

9.2 ปัญหาอุปสรรค

..................................................................................................................................

............................................................................................................................................................

9.3 แนวทางแก้ไข

..................................................................................................................................

............................................................................................................................................................

ลงชื่อ ....................................................

(นายสุธารัตน์ จำปาทิพย์)

ครูผู้สอน

10.ข้อเสนอแนะ/ความเห็น (หัวหน้ากลุ่มสาระการเรียนรู้ หรือผู้เชี่ยวชาญ)

............................................................................................................................................................

ลงชื่อ ......................................................

(นายชัยทัด สุขสม)

หัวหน้ากลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี

............................................................................................................................................................

ลงชื่อ ......................................................

(............................................)

ตำแหน่ง .........................................................................