แผน ชินวัตร 63

นายชนิ วตั ร คาสดุ ใจ
วิชาเทคโนโลยสี ารสนเทศ 5

ง23121 เทคโนโลยีสารสนเทศ 5 คาอธิบายรายวชิ าพ้ืนฐาน
ชน้ั มธั ยมศกึ ษาปีท่ี 3 ภาคเรยี นที่ 1 กลุ่มสาระการเรยี นร้กู ารงานอาชพี และเทคโนโลยี
เวลา 20 ช่วั โมง จานวน 0.5 หน่วยกติ

ศกึ ษาเก่ยี วกบั เทคโนโลยี การแยกระดบั ของเทคโนโลยี และการเขยี นโปรแกรมภาษาคอมพิวเตอร์ ตามกระบวนการทาง
เทคโนโลยีสารสนเทศ

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

โดยมีความรับผิดชอบตอ่ การทางาน และมกี ารทางานแบบมหี ลักการและแนวคดิ สามารถนาเสนอผลงานอย่างเหมาะสมกับ
ลักษณะของงาน

ตวั ชว้ี ัด
ง 2.1 ม.3/1
ง 3.1 ม.3/2

รวมทั้งหมด 2 ตัวชว้ี ัด

โครงสรา้ งรายวิชาพื้นฐาน
รายวชิ า ง23121 เทคโนโลยสี ารสนเทศ 5
ช้นั มัธยมศึกษาปที ่ี 3 เวลา 20 ชัว่ โมง จานวน 0.5 หน่วยกิต

อตั ราส่วนคะแนน 90:10

ชอ่ื หน่วย มาตรฐานการเรียนร/ู้ สาระสาคญั เวลา น้าหนัก ภาระงาน/
ลาดบั ที่ ตัวชีว้ ดั (ชว่ั โมง) คะแนน ช้นิ งาน

การเรยี นรู้ 9 เครื่องมือการ
สอนคิด
1 เทคโนโลยแี ละ ง 2.1 ม.3/1 - ความหมายของ 2 81
ระดบั ของ เทคโนโลยี เครอ่ื งมือการ
เทคโนโลยี สอนคิด
- ระดบั ของเทคโนโลยี

2 การเขียน ง 2.1 ม.3/2 - หลกั การเขียน 17
โปรแกรมภาษา
คอมพิวเตอร์ โปรแกรม

- การเขียน Algorithm

และ Flowchart

- ภาษาคอมพิวเตอร์

- ภาษาสาหรบั การ

เขยี นโปรแกรม

- ภาษา HTML

- โครงสร้างภาษาHTML

- การสรา้ งตารางดว้ ย

ภาษาHTML

- การเพิม่ ข้อความดว้ ย

ภาษาHTML

- การจัดการขอ้ ความ

ดว้ ยภาษาHTML

- การแทรกรปู ด้วย

ภาษาHTML

- การแทรกเสยี งด้วย

ภาษาHTML

- การสรา้ งลิ้งค์ ดว้ ย

ภาษาHTML

- การออกแบบเว็บไซต์

ด้วยภาษาHTMLตาม

จนิ ตนาการ

- การสร้างเว็บไซต์

ภาษาHTML

- การจัดการเว็บไซต์

รวม ภาษาHTML 90
สอบปลายภาค - การนาเสนอผลงาน 10
รวมท้งั สน้ิ 100
เว็บไซตภ์ าษาHTML(1)
- การนาเสนอผลงาน

เว็บไซตภ์ าษาHTML(2)

19

1

20

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

ชอ่ื หน่วยการเรยี นรู้ เทคโนโลยแี ละระดบั ของเทคโนโลยี หนว่ ยยอ่ ยที่ 1
เรอ่ื ง
วันทีท่ าการสอน ความหมายเทคโนโลยี เวลา 1 ชวั่ โมง

ผ้สู อน นายชินวตั ร คาสดุ ใจ

1. สาระสาคัญ 2. มาตรฐาน/ตวั ชี้วัด
ลักษณะสาคัญของเทคโนโลยีสารสนเทศมีความสาคัญท่ี ง 2.1 ม.3/1 อธบิ ายระดบั ของเทคโนโลยี
ทาให้การทางานมีประสิทธิภาพมากข้ึน เช่น เทคโนโลยี
สารสนเทศสามารถนาไปประยุกต์ใช้ในงานด้านต่างๆ ได้
มีการเปล่ียนแปลงท่ีรวดเร็ว การทางานรวดเร็วถูกต้อง
แม่นยาและชว่ ยประหยัดค่าใชจ้ า่ ย

3. เนอื้ หา/สาระการเรยี นรู้ 4. ชนิ้ งาน/ภาระงาน
- ความหมายของเทคโนโลยีสาสนเทศ - ใบงานMind Mapping เรือ่ ง เทคโนโลยีสารสนเทศ

5. เครื่องมือการสอนคดิ
- Mind Mapping

6. กจิ กรรมการเรยี นรู้ 7. สอ่ื 8. วิธีวัดผล
ข้นั ของกจิ กรรม

Do Now (3 นาที) - Power point - ประเมนิ ใบงาน

บอกอปุ กรณเ์ ทคโนโลยที ่ีนกั เรยี นใช้ในชีวติ ประจาวันมา 1 ชนิด ประกอบการสอน Mind Mapping

(หา้ มซา้ กัน) เร่อื ง เทคโนโลยี ความหมายของ

สารสนเทศ เทคโนโลยี

Purpose (2 นาที) - ใบงาน Mind

เราจะเรียนเร่ืองความหมายของเทคโนโลยี เพ่ือให้นักเรียนรู้และ Mapping

เข้าใจความหมายของเทคโนโลยี เรอื่ งความหมายของ

เทคโนโลยี

Work mode (30 นาท)ี
1. นกั เรียนฟังครูอธบิ ายในเรื่องความหมายเทคโนโลยีสารสนเทศ

(15 นาที)
2. นักเรยี นและครูร่วมกันสนทนาว่าทาไมเทคโนโลยีถึงเขา้ มบี ทบาทใน

การใชช้ ีวิตประจาวนั นักเรยี นรว่ มกันอภปิ ราย (15 นาที)
3. นักเรียนสรุปเรอื่ งความหมายของเทคโนโลยีในรปู แบบ Mind

Mapping ลงในกระดาษ A4 พรอ้ มตกแต่งใหส้ วยงาม (15 นาท)ี
4. นกั เรียนและครรู ่วมกันสรปุ ความรู้ เรื่องความหมายของเทคโนโลยี

(5 นาที)
Reflective thinking (5 นาที)

- 3 สงิ่ ท่ไี ด้ความรู้จากการเรยี นคาบน้ี
แบบทดสอบ

1. ข้อใดไมใ่ ช่ลกั ษณะของเทคโนโลยี

1. เทคโนโลยใี นลักษณะของกระบวนการ

2. เทคโนโลยีลกั ษณะของผลผลติ

3. เทคโนโลยใี นลกั ษณะผสมของกระบวนการและผลผลติ

4. เทคโนโลยีลักษณะช่วยเหลอื มนุษย์

ผลการสอน ปญั หาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแก้ไขปญั หา

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

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

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

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

.... ความคิดเหน็ ของผตู้ รวจ ( ก่อนการนาแผนการจดั การเรียนรไู้ ปใช)้

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

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

ลงชอ่ื ...........................................................ผูต้ รวจ

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

ความคิดเหน็ ของผตู้ รวจทาน
................................................... .................................................................................................... ................................

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

ลงช่ือ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคิดเหน็ ของหัวหน้ากลุ่มสาระ ( หลังการนาแผนการจัดการเรียนรู้ไปใช้)
............................................................................................................................. ..........................................................
............................................................................................................................. ..........................................................

ลงช่อื ...........................................................หวั หน้ากล่มุ สาระ
(นางสาววรรคณศิริ ฮ้อรอด)

ใบงานที่ 1
เรื่อง ความหมายเทคโนโลยีสารสนเทศ
คาชี้แจง ใหน้ ักเรียนสรปุ เรอื่ งเทคโนโลยสี ารสนเทศเป็น Mind Mapping

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

ชือ่ หน่วยการเรียนรู้ เทคโนโลยีและระดับของเทคโนโลยี หนว่ ยยอ่ ยที่ 2
เรอื่ ง
วันท่ที าการสอน ระดบั ของเทคโนโลยสี ารสนเทศ เวลา 1 ช่ัวโมง

ผูส้ อน นายชนิ วัตร คาสุดใจ

1. สาระสาคญั 2. มาตรฐาน/ตวั ช้ีวดั
ระดับสารสนเทศแบง่ ตามจานวนคนทเ่ี กีย่ วขอ้ งเปน็ ง 2.1 ม.3/1 อธบิ ายระดับของเทคโนโลยี
3 ระดับได้แก่ ระดับบุคคล ระดับกลุ่มและระดับองค์กร
ซง่ึ แตร่ ะดบั ต่างกใ็ ชเ้ ทคโนโลยคี อมพวิ เตอร์ในการจัดการ
สารสนเทศทั้งสน้ิ

3. เนอ้ื หา/สาระการเรยี นรู้ 4. ช้นิ งาน/ภาระงาน
- ระดบั ของเทคโนโลยสี ารสนเทศ - ใบงาน Compare&Contrast เรอ่ื ง ระดับของเทคโนโลยี
สารสนเทศ

5. เครอ่ื งมือการสอนคิด
- Compare&Contrast

6. กิจกรรมการเรียนรู้ 7. สอ่ื 8. วธิ วี ดั ผล
ขน้ั ของกจิ กรรม

Do Now (3 นาที) - Power point - ประเมินใบงาน

จงบอกอปุ กรณเ์ ทคโนโลยที ีน่ กั เรยี นใช้ในชีวิตประจาวนั มาคนละ 1 ประกอบการสอน เรอ่ื ง Compare&Contrast

อย่าง (หา้ มซ้า) ระดบั ของเทคโนโลยี เรื่อง ระดบั ของ

สารสนเทศ เทคโนโลยีสารสนเทศ

Purpose (2 นาที) - ใบงาน

เราจะเรยี นเรอ่ื งระดบั ของเทคโนโลยีสารสนเทศ เพ่ือให้นักเรียนเข้าใจ Compare&Contrast

ถึงลกั ษณะของเทคโนโลยีสารสนเทศในระดบั ต่าง เรื่อง ระดบั ของ

เทคโนโลยสี ารสนเทศ

Work mode (40 นาที)
1. นกั เรยี นดู คลปิ วีดีโอ เรอื่ ง ระดับของสารสนเทศ
โดยครกู ระตุ้นนักเรียนจากใชค้ าถามดงั น้ี (5 นาท)ี

- ระดับของสารสนเทศคอื อะไร
- ระดับของสารสนเทศมีอะไรบ้าง
- ผลเสียของแตร่ ะดบั สารสนเทศคอื มีอะไรบ้างพร้อมอธบิ ายเหตผุ ล
- นักเรยี นจะมีแนวทางการแก้ไขปญั หาของระดับสารสนเทศในแต่

ระดับอย่างไร
2. นกั เรียนฟงั ครูอธบิ ายในเรื่องระดับของเทคโนโลยสี ารสนเทศ (15 นาที)

- ระดบั บุคคล
- ระดบั กล่มุ
- ระดับองคก์ ร
3. นักเรียนทาใบงาน Compare&Contrast เรอื่ ง ระดบั ของเทคโนโลยี
สารสนเทศ (15 นาท)ี
Reflective thinking (5 นาที)
- นกั เรียนคดิ วา่ นกั เรียนใชเ้ ทคโนโลยอี ยใู่ นกลุ่มระดบั ใด

แบบทดสอบ

1. ขอ้ ใดไมใ่ ชร่ ะดบั ของเทคโนโลยีสารสนเทศ

1. ระดบั บคุ คล

2. ระดบั กลมุ่

3. ระดับองคก์ ร

4. ระดบั เอกชน

2. ข้อใดคือความหมายของสารสนเทศระดบั บุคคล

1. ใช้เพมิ่ ประสิทธิภาพและผลงานแตล่ ะบุคคล

2. มปี ระโยชน์การทางานของกลุม่ บคุ คลที่มเี ป้าหมาย

3. สนับสนุนการดาเนินงานขององค์กรในภาพรวม

4. สนบั สนุนการทางานกับทางเอกชนในแตล่ ะด้านๆ

ผลการสอน ปญั หาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแกไ้ ขปัญหา

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

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

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

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

.... ความคิดเหน็ ของผูต้ รวจ ( ก่อนการนาแผนการจดั การเรยี นร้ไู ปใช)้

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

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

ลงช่ือ...........................................................ผ้ตู รวจ

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

ความคดิ เหน็ ของผตู้ รวจทาน
................................................... .................................................................................................... ................................

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

ลงช่อื ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เหน็ ของหัวหน้ากลุ่มสาระ ( หลงั การนาแผนการจัดการเรียนร้ไู ปใช)้
............................................................................................................................. ..........................................................
.............................................................................................................................................. .........................................

ลงชอ่ื ...........................................................หวั หนา้ กลุม่ สาระ
(นางสาววรรณศริ ิ ฮ้อรอด)

ใบงานท่ี 2
เรอื่ งระดับสารสนเทศ
คาชีแ้ จง ใหน้ ักเรยี นทาใบงาน Compare&Contrast เร่อื ง ระดับของเทคโนโลยสี ารสนเทศ

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

ชื่อหนว่ ยการเรียนรู้ การเขยี นโปรแกรมภาษาคอมพวิ เตอร์ หนว่ ยย่อยท่ี 1
เร่อื ง
วนั ทท่ี าการสอน หลกั การเขยี นโปรแกรม เวลา 1 ชั่วโมง

ผ้สู อน นายชินวตั ร คาสดุ ใจ

1. สาระสาคญั 2. มาตรฐาน/ตวั ชีว้ ดั
หลักในการสร้างสรรค์ผลงานหรือช้ินงานจาเป็นต้อง ง 2.1 ม.3/2 สร้างสง่ิ ของเคร่ืองใชห้ รือวธิ ีการตาม
อาศัยโปรแกรมต่างๆในการออกแบบซ่ึงเทคโนโลยีเป็น กระบวนการเทคโนโลยีอย่างปลอดภยั ออกแบบโดย
สว่ นสาคัญในการชว่ ยถา่ ยทอดความคิดของผู้ออกแบบ ถา่ ยทอดความคดิ เป็นภายฉายเพือ่ นาไปสกู่ ารสรา้ งตน้ แบบ

และแบบจาลองของสิง่ ของเคร่ืองใชห้ รือถา่ ยทอดความคิด
ของวธิ ีการเปน็ แบบจาลองความคดิ และการรายงานผล

3. เน้อื หา/สาระการเรียนรู้ 4. ช้ินงาน/ภาระงาน
- หลกั การเขยี นโปรแกรม - ใบงาน Diagram เรอ่ื ง หลกั การเขียนโปรแกรม

5. เครอ่ื งมือการสอนคิด
- Diagram

6. กิจกรรมการเรยี นรู้ 7. สอ่ื 8. วธิ วี ดั ผล
ข้ันของกิจกรรม

Do Now (3 นาที) - Power point - ประเมินใบงาน
Diagram เร่ือง หลัก
บอกสัญญาลักษณะทแ่ี สดงถึงการหยดุ มาคน 1 อยา่ ง ประกอบการสอน การเขยี นโปรแกรม

เรือ่ ง หลักการเขียน

Purpose (2 นาที) โปรแกรม

เราจะเรียนเร่ืองหลักการเขียนโปรแกรม เพ่ือให้นักเรียนรู้และเข้าใจ - ใบงาน Diagram

หลกั ในการเขียนโปรแกรม เร่อื ง หลกั การเขียน

โปรแกรม

Work mode (40 นาที)
1. นักเรยี นและครรู ว่ มกนั วิเคราะห์ในการสร้างบ้านก่อนทีจ่ ะสร้างบ้านจะ
ตอ้ งมีข้ันอย่างไรบา้ ง (5 นาท)ี
2. นักเรยี นฟงั ครูอธบิ ายในเรื่องหลักการเขียนโปรแกรม (15 นาท)ี

- การวเิ คราะห์ปัญหา
- การออกแบบโปรแกรม
- การเขียนโปรแกรมดว้ ยภาษาคอมพวิ เตอร์
- การทดสอบและแก้ไข้โปรแกรม
- การทาเอกสารประกอบโปรแกรม
- การบารุงรกั ษาโปรแกรม
3. นกั เรยี นทาใบงานเร่ือง Diagram เรือ่ ง หลักการเขียนโปรแกรม
(15 นาท)ี
4. นักเรียนและครรู ่วมกันสรปุ เร่ืองหลักการเขียนโปรแกรม (5 นาที)
Reflective thinking (5 นาที)
- บอก 3 ส่ิงท่ีนักเรยี นได้รบั ในการเรยี นวันน้ี

แบบทดสอบ

1. ขอ้ ใดเป็นสิง่ ท่ีสาคญั ต่อการเขยี นโปรแกรม

1. การวเิ คราะหป์ ญั หา

2. การออกแบบโปรแกรม

3. การทดสอบและแก้ไขโปรแกรม

4. การทาเอกสารประกอบโปรแกรม

2. ข้อใดถูกต้องต่อการพัฒนาโปรแกรม

1. วิเคราะห์, การออกแบบ , การเขยี นโปรแกรม , การทดสอบ

2. การบารงุ , การเขยี นโปรแกรม, การออกแบบ

3. การทาเอกสาร, การเขียนโปรแกรม, การบารงุ รกั ษา

4. การวเิ คราะห์, การทาเอกสาร, การเขยี นโปรแกรม

ผลการสอน ปญั หาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแกไ้ ขปญั หา

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

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

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

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

.... ความคดิ เหน็ ของผูต้ รวจ ( ก่อนการนาแผนการจัดการเรยี นรู้ไปใช)้

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

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

ลงชือ่ ...........................................................ผู้ตรวจ

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

ความคดิ เห็นของผู้ตรวจทาน
....................................................................................................................................................... ................................

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

ลงชอื่ ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เหน็ ของหวั หน้ากลุ่มสาระ ( หลงั การนาแผนการจัดการเรียนรู้ไปใช้)
............................................................................................................................. ..........................................................
.................................................................... ..................................................................................... ..............................

ลงชอื่ ...........................................................หวั หน้ากลุ่มสาระ
(นางสาววรรณศริ ิ ฮ้อรอด)

ใบงานที่ 3
เร่อื ง หลกั การเขยี นโปรแกรม
คาชี้แจง ให้นกั เรียนใบงาน Diagram เรือ่ ง หลกั การเขียนโปรแกรม

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

ช่ือหน่วยการเรยี นรู้ การเขยี นโปรแกรมภาษาคอมพิวเตอร์ หน่วยย่อยที่ 2
เร่อื ง
วันท่ีทาการสอน การเขียน Algorithm และ Flowchart เวลา 1 ช่วั โมง

ผู้สอน นายชินวตั ร คาสุดใจ

1. สาระสาคัญ 2. มาตรฐาน/ตัวชว้ี ัด
ลักษณะการสร้างการทางานของคอมพิวเตอร์เป็น ง 2.1 ม.3/2 สร้างสิ่งของเครื่องใช้หรือวิธีการตาม
อัลกอริทึม เป็นลาดับข้ันตอนวิธีในการทางานของ กระบวนการเทคโนโลยีอย่างปลอดภัยออกแบบโดย
โปรแกรมเพื่อแก้ปัญหาใดปัญหาหน่ึง ซ่ึงถ้าปฏิบัติตาม ถ่ายทอดความคิดเป็นภายฉายเพื่อนาไปสู่การสร้างตน้ แบบ
ข้นั ตอนอยา่ งถกู ตอ้ งแลว้ จะต้องสามารถช่วยแกป้ ญั หา
และแบบจาลองของสง่ิ ของเครอ่ื งใช้หรือถ่ายทอดความคิด
ของวธิ ีการเปน็ แบบจาลองความคดิ และการรายงานผล

3. เนื้อหา/สาระการเรยี นรู้ 4. ชนิ้ งาน/ภาระงาน
- การเขียน Algorithm และ Flowchart - ใบงาน Diagram เรอ่ื ง การเขยี น Algorithm และ
Flowchart

5. เคร่อื งมือการสอนคิด
- Diagram

6. กจิ กรรมการเรียนรู้ 7. สอ่ื 8. วิธวี ดั ผล
ขั้นของกจิ กรรม
- ประเมินใบงาน
Do Now (3 นาที) - Power point Diagram เรอ่ื ง
การเขยี น Algorithm
บอกส่งิ ทเ่ี ปน็ ระดับช้นั ระดับข้ัน คน 1 อย่าง (ห้ามซา้ กนั ) ประกอบการสอน และ Flowchart

Purpose (2 นาที) เร่ือง การเขยี น

เราจะเรียนเรื่องการเขียน Algorithm และ Flowchart เพ่ือให้ Algorithm และ

นักเรยี นเข้าใจหลักการเขยี นอลั กอริทึม Flowchart

- ใบงาน Diagram
เร่อื ง การเขียน
Algorithm และ
Flowchart
Work mode (40 นาท)ี
1. นักเรียนฟงั ครชู ว่ ยกนั วิเคราะหง์ านที่มกี ารวางแผนในการทางานทุกครง้ั
กอ่ นปฏบิ ัติ พร้อมอภปิ ราย (5 นาที)
2. นักเรยี นฟังครูอธิบายในเรื่องการเขยี น Algorithm และ Flowchart
(15 นาที)
- หลกั การเขียนอัลกอริทมึ
- คณุ สมบัติของอัลกอรทิ มึ
3. นักเรยี นทาใบงาน Diagram เรอ่ื ง การเขียน Algorithm และ
Flowchart ลงในสมุด พร้อมตกแตง่ ใหส้ วยงาม (10 นาที)
4. นกั เรยี นและครูรว่ มกันสรปุ เรอ่ื ง การเขียน Algorithm และ Flowcha
(5 นาท)ี
Reflective thinking (5 นาที)

- บอก 3 สง่ิ ทนี่ กั เรียนไดร้ บั ในการเรยี นวันน้ี

- แบบทดสอบ 2 ข้อ
แบบทดสอบ

1. ขอ้ ใดไมใ่ ชค่ ุณสมบตั ิของอัลกอรทิ ึม

1. Correctness

2. readability

3. ease of modification

4. narrative description

2. ขอ้ ใดไม่ใชห่ ลักการเขียนอัลกอริทึม

1. เรียงลาดับความสาคัญของงานทจี่ ะทา

2. เขยี นออกมาในลักษณะภาษาเขยี นเข้าใจง่าย

3. มีความละเอียดของโครงสร้างพอสมควร

4. มีความสะดวกสบาย

ผลการสอน ปญั หาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแกไ้ ขปญั หา

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

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

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

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

.... ความคิดเหน็ ของผตู้ รวจ ( ก่อนการนาแผนการจัดการเรียนรูไ้ ปใช้)

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

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

ลงชือ่ ...........................................................ผู้ตรวจ

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

ความคดิ เห็นของผู้ตรวจทาน
................................................... .................................................................................................... ................................

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

ลงชอื่ ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เห็นของหวั หนา้ กลุ่มสาระ ( หลงั การนาแผนการจัดการเรียนรู้ไปใช้)
............................................................................................................................. ..........................................................
.............................................................................................................................................. .........................................

ลงชือ่ ...........................................................หวั หน้ากลุม่ สาระ
(นางสาววรรณศริ ิ ฮอ้ รอด)

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

ช่อื หนว่ ยการเรียนรู้ การเขยี นโปรแกรมภาษาคอมพิวเตอร์ หน่วยยอ่ ยที่ 3
เรื่อง
วันที่ทาการสอน ภาษาคอมพวิ เตอร์ เวลา 1 ช่ัวโมง

ผู้สอน นายชนิ วตั ร คาสดุ ใจ

1. สาระสาคญั 2. มาตรฐาน/ตัวช้ีวดั
ภาษาคอมพิวเตอร์สร้างขึ้นเพื่อเป็นภาษาท่ีมีจุดมุ่งหมาย ง 2.1 ม.3/2 สร้างสิง่ ของเคร่ืองใช้หรือวิธกี ารตาม
เฉพาะ มีกฎเกณฑ์ท่ีตายตัวและจากัด คืออยู่ในกรอบ กระบวนการเทคโนโลยีอยา่ งปลอดภัยออกแบบโดย
ไวยากรณ์ที่กาหนดและมีการตีความหมายท่ีชัดเจนซึ่ง ถ่ายทอดความคิดเปน็ ภายฉายเพือ่ นาไปส่กู ารสร้างตน้ แบบ
ภาษาของคอมพิวเตอร์อาจแบ่งได้ 3 ระดับ คือ
ภาษาเครื่อง ภาษาระดับต่า และภาษาระดบั สงู และแบบจาลองของสิง่ ของเครื่องใชห้ รือถา่ ยทอดความคดิ
ของวธิ กี ารเปน็ แบบจาลองความคิดและการรายงานผล

3. เน้ือหา/สาระการเรียนรู้ 4. ช้นิ งาน/ภาระงาน
- ภาษาคอมพิวเตอร์ - ใบงาน KWL เรอ่ื ง ภาษาคอมพวิ เตอร์

5. เครือ่ งมือการสอนคดิ
- KWL

6. กิจกรรมการเรยี นรู้ 7. สอ่ื 8. วธิ วี ัดผล
ข้ันของกจิ กรรม

Do Now (3 นาที) - Power point - ประเมนิ ใบงาน

บอกภาษาท่ใี ช้เป็นภาษาทางการในแตล่ ะประเทศมา 1 ภาษา ประกอบการสอน KML เรอื่ ง

เรอ่ื ง ภาษาคอมพิวเตอร์ ภาษาคอมพวิ เตอร์

Purpose (2 นาที) - ใบงาน KWL เรื่อง

เราจะเรียนเรื่องภาษาคอมพิวเตอร์ เพ่ือให้นักเรียนเข้าใจถึง ภาษาคอมพิวเตอร์

ภาษาคอมพิวเตอร์ เพ่อื ให้นักเรยี นเขียนภาษาของคอมพิวเตอรไ์ ด้

Work mode (40 นาที)

1. นกั เรยี นทาใบงาน KWL เร่อื ง ภาษาคอมพิวเตอร์ โดยครูอธิบายว่าตอ้ ง
เริม่ เขยี นจากช่องของ (K) คอื นกั เรยี นคิดว่าภาษาของคอมพิวเตอรใ์ ชภ้ าษา
ในรูปแบบใด
2. นักเรียนเขยี นต่อไปว่าวันนีน้ ักเรียนตอ้ งการรู้อะไรอีกเกยี่ วกบั
ภาษาคอมพวิ เตอร์ (W)
3. นกั เรยี นฟังครบู รรยาย เร่ือง ภาษาคอมพิวเตอร์ โดยยกตัวอยา่ งประกอบ
เกย่ี วกบั ภาษาคอมพวิ เตอร์ พร้อมยกตวั อยา่ งเกี่ยวกับการใช้
ภาษาคอมพิวเตอร์ในการปฏิบตั ิ
4. นักเรียนเขยี นความรู้ที่ได้จากการเรียนร้เู ร่ือง ภาษาคอมพวิ เตอร์ (L)
5. นักเรยี นและครูร่วมกันสรุปเรื่องภาษาคอมพวิ เตอร์
Reflective thinking (5 นาที)
- บอก 3 ส่ิงท่ีนักเรยี นได้เรียนในวนั นี้
- แบบทดสอบ 2 ข้อ
แบบทดสอบ

1. ภาษาเครอ่ื งและภาษาระดับสูงมขี อ้ แตกต่างกนั อย่างไร

1. ภาษาเครอ่ื งคือภาษาท่นี กั เขียนโปรแกรมเข้าใจ ส่วนภาษา

ระดับสูงคือภาษาที่คอมพวิ เตอร์เข้าใจ

2. ภาษาเครือ่ งคือภาษาที่คอมพิวเตอร์ไมส่ ามารถนาไป

ประมวลผลได้ทนั ที ส่วนภาษาระดบั สงู คือภาษาทีค่ อมพิวเตอรส์ ามารถ

นาไปประมวลไดท้ ันท่ี

3. ภาษาเครื่องคอื ภาษาทค่ี อมพวิ เตอร์สามารถนาไปประมวลผล

ได้ทันที ส่วนภาษาระดบั สงู คือภาษาท่ีคอมพิวเตอรไ์ ม่สามารถนาไป

ประมวลผลได้ทนั ที

4. ภาษาเครือ่ งคอื ภาษาท่ีอย่ใู นรปู แบบรหัสภาษาอังกฤษท่ีอา่ น

ได้เข้าใจงา่ ย สว่ นภาระดับสงู คือภาษาที่อยู่ในรูปแบบรหสั เลขฐานสอง

ประกอบดว้ ยบิต 0 และบิต 1

2. ขอ้ ดขี องภาษาระดับตา่ คอื อะไร

1. แก้ไขขอ้ ผิดพลาดไดง้ ่าย

2. มีความเรว็ ในการทางานสูง

3. ใกลเ้ คยี งกับภาษามนุษย์

4. ถูกทกุ ขอ้

ผลการสอน ปัญหาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแกไ้ ขปญั หา

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

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

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

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

.... ความคิดเห็นของผู้ตรวจ ( ก่อนการนาแผนการจัดการเรียนรไู้ ปใช้)

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

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

ลงชือ่ ...........................................................ผตู้ รวจ

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

ความคิดเห็นของผตู้ รวจทาน
.............................................................................................................................. .........................................................

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

ลงช่อื ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เห็นของหัวหน้ากลุ่มสาระ ( หลังการนาแผนการจัดการเรยี นรู้ไปใช้)
.......................................................................................................................................... .............................................
...................................................................................... .................................................................................................

..
ลงชื่อ...........................................................หวั หน้ากลมุ่ สาระ

(นางสาววรรณศิริ ฮอ้ รอด)

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

ชอื่ หน่วยการเรียนรู้ การเขียนโปรแกรมภาษาคอมพวิ เตอร์ หน่วยยอ่ ยท่ี 4
เรอ่ื ง
วนั ทท่ี าการสอน ภาษาสาหรบั การเขยี นโปรแกรม เวลา 1 ช่วั โมง

ผู้สอน นายชินวัตร คาสุดใจ

1. สาระสาคญั 2. มาตรฐาน/ตวั ช้วี ัด
การพัฒนาโปรแกรมต่างๆจะต้องใช้ภาษาท่ีจะทาการ ง 2.1 ม.3/2 สรา้ งสิ่งของเครื่องใช้หรือวธิ ีการตาม
พัฒนาโปรแกรม ซึ่งในภาษาท่ีจะพัฒนาโปรแกรมมีอยู่ กระบวนการเทคโนโลยอี ย่างปลอดภัยออกแบบโดย
หลายภาษา ซ่ึงผู้พัฒนาโปรแกรมจะต้องเลือกภาษาท่ี ถา่ ยทอดความคิดเปน็ ภายฉายเพอื่ นาไปสกู่ ารสรา้ งต้นแบบ
เ ห ม า ะ ส ม กั บ ก า ร พั ฒ น า โ ป ร แ ก ร ม แ ล ะ ใ น ก า ร เ ขี ย น
โปรแกรมเช่น ภาษาฟอร์แทน ภาษาเบสิก ภาษาโคบอล และแบบจาลองของสง่ิ ของเครื่องใช้หรือถ่ายทอดความคิด
ภาษาซี ภาษาซีพลสั พลสั ภาษาวิชวลเบสกิ ภาษาจาวา ของวธิ ีการเปน็ แบบจาลองความคดิ และการรายงานผล

3. เน้ือหา/สาระการเรยี นรู้ 4. ชน้ิ งาน/ภาระงาน
- ภาษาสาหรับการเขียนโปรแกรม - ใบงาน KWL เรอื่ ง ภาษาสาหรบั การเขยี นโปรแกรม

5. เคร่อื งมือการสอนคดิ
- KWL

6. กิจกรรมการเรยี นรู้ 7. สอ่ื 8. วิธีวัดผล
ขนั้ ของกิจกรรม

Do Now (3 นาที) - Power point - ประเมินใบงาน

จงบอกประเทศที่มภี าษาราชการมากวา่ 1 ภาษาในการติดต่อมาคนละ ประกอบการสอน KML เรือ่ ง

1 ประเทศ เรอ่ื ง ภาษาสาหรบั การ ภาษาสาหรบั การ

Purpose (2 นาที) เขียนโปรแกรม เขยี นโปรแกรม

เราจะเรียนเร่ืองภาษาสาหรับเขียนโปรแกรม เพ่ือให้นักเรียนเข้าใจ - ใบงาน KWL เร่อื ง

ภาษาสาหรบั การเขียนโปรแกรม สาหรับการเขียนโปรแกรม

Work mode (40 นาท)ี
1. นักเรยี นทาใบงาน KWL เร่อื ง ภาษาสาหรบั การเขียนโปรแกรม โดยครู
อธิบายวา่ ตอ้ ง เริ่มเขยี นจากช่องของ (K) คอื เขียนความรู้ท่ีนกั เรยี นมเี กยี่ ว
กับภาษาสาหรบั การเขียนโปรแกรม
2. นักเรียนเขียนตอ่ ไปว่าวันนี้นกั เรียนตอ้ งการรู้อะไรอีกเกีย่ วกับภาษา
สาหรับการเขียนโปรแกรม (W)
3. นกั เรยี นฟังครบู รรยาย เรื่อง ภาษาสาหรับการเขยี นโปรแกรม โดย
ยกตวั อยา่ งประกอบเก่ยี วกบั ภาษาสาหรบั การเขยี นโปรแกรม
4. นกั เรียนเขียนความรูท้ ี่ไดจ้ ากการเรยี นรูเ้ ร่ือง ภาษาสาหรบั การเขยี น
โปรแกรม (L)
5. นกั เรียนและครรู ว่ มกนั สรปุ เร่อื งภาษาสาหรับการเขยี นโปรแกรม
Reflective thinking (5 นาที)

- บอก 3 สง่ิ ทนี่ กั เรยี นได้เรยี นในวนั น้ี

- แบบทดสอบ 2 ข้อ
แบบทดสอบ

1. ข้อใดไมใ่ ชล่ ักษณะของภาษาจาวา (Java)

1. ภาษาจาวาสามารถทางานบนเคร่อื งไดท้ ุกระบบ

2. ภาษาจาวาเปน็ การทางานแบบ Byte-code

3. ภาษาจาวาเป็นภาษาทใี่ ชใ้ นงานต่างจากภาษาอน่ื

4. ภาษาจาวาเปน็ ท่พี ัฒนาเพื่อสร้างเปน็ โปรแกรมควบคุมระบบ

2. ระหวา่ งภาษา C และ ภาษา C++ มคี วามแตกต่างกนั อย่างไร

1. ภาษา C เป็นการสร้างเพื่อเปน็ โปรแกรมควบคุมระบบ

ส่วนภาษา C++ เพือ่ เขา้ ไปสนับสนนุ การโปรแกรมแบบโพรซเี ยอร์

2. ภาษา C เปน็ ภาษาเชิงโครงสร้างพฒั นาเพือ่ ใช้สอนการเขียน

โปรแกรม ส่วนภาษา C++ เปน็ ภาษาทีท่ างานตา่ งจากภาษาอ่นื ๆ

3. ภาษา C เปน็ ภาษาใช้ในการงานกราฟิกในส่วนของหน้าจอ

ส่วนภาษา C++ เป็นภาษาที่ทางานตา่ งจากภาษาอ่นื ๆ

4. ภาษา C เป็นเพ่ือเข้าไปสนบั สนุนการโปรแกรมแบบโพรซี

เยอร์ ส่วนภาษา C++ เปน็ ภาษาทท่ี างานต่างจากภาษาอื่นๆ

ผลการสอน ปัญหาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแกไ้ ขปญั หา

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

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

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

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

.... ความคดิ เห็นของผูต้ รวจ ( ก่อนการนาแผนการจัดการเรียนรู้ไปใช)้

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

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

ลงชอื่ ...........................................................ผู้ตรวจ

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

ความคิดเห็นของผู้ตรวจทาน
........................................................................................................ ...............................................................................

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

ลงช่ือ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เหน็ ของหวั หน้ากลุ่มสาระ ( หลงั การนาแผนการจัดการเรยี นรูไ้ ปใช้)
............................................................................................................................. ..........................................................
.................................................................................................................................................... ...................................

..
ลงชื่อ...........................................................หวั หน้ากลุ่มสาระ

(นางสาววรรณศริ ิ ฮ้อรอด)

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

ชอื่ หน่วยการเรยี นรู้ การเขียนโปรแกรมภาษาคอมพวิ เตอร์ หนว่ ยยอ่ ยที่ 5
เรือ่ ง
วันท่ที าการสอน ภาษา HTML เวลา 1 ช่ัวโมง

ผู้สอน นายชินวัตร คาสดุ ใจ

1. สาระสาคญั 2. มาตรฐาน/ตัวช้วี ัด
ง 2.1 ม.3/2 สร้างสง่ิ ของเคร่ืองใชห้ รือวธิ ีการตาม
ปจั จุบนั ระบบเครือขา่ ยอินเทอรเ์ นต็ ได้เข้าไปมีบทบาทใน กระบวนการเทคโนโลยีอยา่ งปลอดภยั ออกแบบโดย
ชีวติ ประจาวนั ในฐานะทเ่ี ป็นแหลง่ ความรู้ เปน็ แหลง่ ประกอบ ถา่ ยทอดความคิดเป็นภายฉายเพื่อนาไปสูก่ ารสร้างตน้ แบบ
ธรุ กิจ เป็นอปุ กรณ์ทใ่ี ชใ้ นการตดิ ตอ่ สื่อ สง่ิ ตา่ งๆ ท่กี ลา่ วถงึ ถกู
นาเสนอในรปู แบบของโฮมเพจ ในการสรา้ งโฮมเพจนน้ั ผู้สรา้ ง และแบบจาลองของสิง่ ของเคร่ืองใช้หรอื ถ่ายทอดความคิด
ตอ้ งมคี วามรเู้ กีย่ วกับภาษา HTML หรือรจู้ กั วธิ ีการใช้เครือ่ งมอื ของวธิ กี ารเป็นแบบจาลองความคดิ และการรายงานผล
ตา่ งๆ ทีอ่ ยใู่ นรูปแบบของโปรแกรมประยกุ ต์มาใชใ้ นการสร้าง
เวบ็ เพจ

3. เนอื้ หา/สาระการเรยี นรู้ 4. ช้ินงาน/ภาระงาน
- ภาษา HTML - ใบงาน Diagram เรื่อง ภาษา HTML

5. เคร่ืองมือการสอนคิด
- Diagram

6. กจิ กรรมการเรียนรู้ 7. สอ่ื 8. วิธีวัดผล
ขน้ั ของกิจกรรม

Do Now (3 นาที) - Power point -ตรวจใบงาน
Diagram เรื่อง
บอกคาศัพทภ์ าษาอังกฤษมาคนหละ 1 คา (หา้ มซา้ กนั ) ประกอบการสอน ภาษา HTML

เร่ือง ใบงาน Diagram

Purpose (2 นาที) เรื่อง ภาษา HTML

เราจะเรียนเร่ืองภาษา HTML เพื่อให้นักเรียนเข้าใจภาษา HTML - ใบงาน Diagram เรอ่ื ง

เบอ้ื งตน้ ภาษา HTML

Work mode (40 นาท)ี
1. นกั เรยี นและครูร่วมกันวเิ คราะห์ในการใชภ้ าษาทางการในการส่ือสารทว่ั
โลกมอี ะไรบา้ ง (5 นาท)ี
2. นกั เรียนฟงั ครูอธิบายในเร่ือง ภาษา HTML (15 นาท)ี

- ความหมายของภาษา HTML
- ลกั ษณะของ Tag ของภาษา HTML
- คาสงั่ พ้นื ฐานของภาษา HTML
- คาสัง่ รูปแบบตวั อักษร ภาษา HTML
3. นกั เรยี นทาใบงานเร่ือง Diagram เรือ่ ง ภาษา HTML ( 15 นาที )
4. นักเรยี นและครูร่วมกนั สรุปเรอ่ื ง ภาษา HTML
Reflective thinking (5 นาที)
- บอก 3 สิง่ ทีน่ ักเรียนไดร้ บั ในวันนี้

แบบทดสอบ

1. ขอ้ ใดกล่าวถึงลักษณะของภาษา HTML ได้ถกู ต้อง

1. ภาษาทใี่ ช้เชงิ การบรรยายเอกสารไฮเปอรม์ เี ดีย

2. วธิ กี ารเช่อื มโยงข้อมลู ระหว่างเครื่องคอมพิวเตอรบ์ นระบบ

เครือข่ายอนิ เทอร์เน็ต

3. เคร่อื งคอมพิวเตอร์ทท่ี าหน้าที่ใหบ้ ริการเอกสารเวบ็ บนระบบ

เครอื ข่ายอนิ เทอร์เนต็

4. ระบบปฏิบัติการท่ีนิยมใชบ้ นเครอ่ื งคอมพวิ เตอร์แม่ข่ายของ

ระบบเครือขา่ ยอินเทอร์เนต็

ผลการสอน ปญั หาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแกไ้ ขปญั หา

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

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

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

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

.... ความคดิ เห็นของผตู้ รวจ ( ก่อนการนาแผนการจดั การเรยี นร้ไู ปใช้)

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

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

ลงชื่อ...........................................................ผู้ตรวจ

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

ความคิดเห็นของผู้ตรวจทาน
....................................................................................................................................................... ................................

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

ลงชอื่ ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เหน็ ของหวั หน้ากลุ่มสาระ ( หลังการนาแผนการจัดการเรียนรู้ไปใช)้
............................................................................................................................. ..........................................................
............................................................................................................................. ..........................................................

..
ลงช่อื ...........................................................หวั หน้ากลุม่ สาระ

(นางสาววรรณศิริ ฮอ้ รอด)

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

ชอ่ื หนว่ ยการเรยี นรู้ การเขียนโปรแกรมภาษาคอมพวิ เตอร์ หน่วยยอ่ ยที่ 6
เรือ่ ง
วันทท่ี าการสอน โครงสรา้ งภาษา HTML เวลา 1 ช่ัวโมง

ผูส้ อน นายชนิ วัตร คาสุดใจ

1. สาระสาคญั 2. มาตรฐาน/ตวั ช้ีวดั
ง 2.1 ม.3/2 สร้างส่งิ ของเครื่องใช้หรอื วิธีการตาม
การสรา้ งของ HTML จะเป็นการเขียนโฮมเพจด้วยภาษา HTML กระบวนการเทคโนโลยีอยา่ งปลอดภัยออกแบบโดย
ถา่ ยทอดความคิดเปน็ ภายฉายเพ่อื นาไปสูก่ ารสรา้ งตน้ แบบ
ในสว่ นของ Head คอื ส่วนที่จะเปน็ (Header) ของหนา้ เอกสาร
ทว่ั ไปหรอื ส่วนชอ่ื เรือ่ ง ในสว่ นของ body จะเปน็ ส่วนเนือ้ หาของ และแบบจาลองของสง่ิ ของเครอ่ื งใช้หรอื ถา่ ยทอดความคดิ
ของวธิ กี ารเปน็ แบบจาลองความคิดและการรายงานผล
เอกสารนน้ั ๆ ซึ่งจะประกอบด้วย Tag คาส่งั ในการจดั รูปแบบ
หรือตกแตง่ เอกสาร HTML

3. เนื้อหา/สาระการเรยี นรู้ 4. ช้ินงาน/ภาระงาน
- โครงสร้างภาษา HTML - Workshop ใหพ้ ิมพช์ ่อื -นามสกลุ ตนเอง พรอ้ มเปล่ยี นพ้ืน

5. เครอ่ื งมือการสอนคิด หลังใหก้ บั เวบ็ เพจ
- 6 hats (Green hat)

6. กิจกรรมการเรยี นรู้ 7. สอ่ื 8. วธิ ีวัดผล
ขน้ั ของกจิ กรรม

Do Now (3 นาที) - Power point - การตอบคาถาม

บอกภาษาคอมพวิ เตอรท์ ี่นักเรยี นรจู้ ักมาใหม้ ากทสี่ ดุ (3 นาท)ี ประกอบการสอน - ตรวจ Workshop

Purpose (2 นาที) เพ่ือให้นักเรียนเข้าใจถึงโครงสร้าง เร่อื ง โครงสรา้ งของภาษา
เราจะเรียนเรื่องโครงสร้างภาษา HTML

ของภาษา HTML - งานนาเสนอ เร่อื ง

โครงสรา้ งภาษา HTML
Work mode (40 นาที)
1. นกั เรียนฟังครูยกตวั อย่างเวบ็ ไซตโ์ รงเรยี นให้นักเรียนดู และอธิบายถึง
ภาษา HTML เป็นภาษาที่ใช้ในการสรา้ งเว็บไซต์
2. นักเรยี นฟังครูอธิบายรปู แบบภาษา HTML โครงสร้าง และคาส่ังภาษา
3. นักเรียนและครเู ปดิ โปรแกรม Notepad พร้อมทงั้ สาธิตการเขียน
โปรแกรม HTML ใหน้ กั เรยี นดู และใหน้ ักเรียนไดล้ องปฏบิ ัติตาม
4. นักเรยี นเขยี นคาสงั่ โดยให้พมิ พ์ช่ือ-นามสกลุ ตนเอง พร้อมเปลย่ี นพน้ื หลัง
ให้กบั เวบ็ เพจ นกั เรียนสามารถค้นควา้ คาสงั่ เพิ่มเติมจากอินเตอรเ์ นต็ ได้
และใหต้ ง้ั ช่อื ไฟล์ Workshop (Green hat)
5. ครเู ดนิ ดูนักเรยี นในขณะปฏิบตั ิงานและคอยให้คาแนะนา
6. นกั เรยี นครูร่วมกันสรปุ การเขยี นโปรแกรมโดยใช้คาสง่ั ในภาษา
HTML ที่เรยี นไปในวันนอ้ี ีกคร้งั
Reflective thinking (5 นาที)
- บอก 3 ส่งิ ทนี่ กั เรยี นไดร้ บั ในวันน้ี

- บอก 2 สง่ิ ท่ีนกั เรยี นตอ้ งการร้เู พิ่มเตมิ

- บอก 1 สง่ิ ทีน่ กั เรียนสงสยั

แบบทดสอบ
1. การเขยี นโปรแกรมดว้ ยภาษา HTML น้นั จะต้องขึ้นต้นและลงทา้ ยดว้ ย
คาส่งั ในข้อใด

1. <html>…</html>
2. [html]…..[/html]
3. <begin>…</begin>
4. [Begin]….[/Begin]
2. คาส่งั <Title>….</Title>
1. เนอื้ หาของเอกสาร
2. ส่วนหัวหรอื ชื่อเร่ืองของเอกสาร
3. สว่ นคาสัง่ ของเอกสาร
4. ส่วนการปิดท้ายของเอกสาร

ผลการสอน ปญั หาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแก้ไขปญั หา

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

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

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

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

.... ความคดิ เหน็ ของผู้ตรวจ ( ก่อนการนาแผนการจดั การเรยี นรไู้ ปใช)้

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

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

ลงชอ่ื ...........................................................ผู้ตรวจ

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

ความคดิ เห็นของผ้ตู รวจทาน
.............................................................................................................................. .........................................................

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

ลงช่ือ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคิดเหน็ ของหัวหนา้ กลุ่มสาระ ( หลังการนาแผนการจัดการเรยี นรู้ไปใช)้
.......................................................................................................................................................................................
............................................................................................................................. ..........................................................

..
ลงช่ือ...........................................................หวั หน้ากลมุ่ สาระ

(นางสาววรรณศริ ิ ฮอ้ รอด)

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

ชอื่ หน่วยการเรยี นรู้ การเขยี นโปรแกรมภาษาคอมพิวเตอร์ หนว่ ยยอ่ ยที่ 7
เรอ่ื ง
วนั ทท่ี าการสอน การสรา้ งตารางดว้ ยภาษา HTML เวลา 1 ช่วั โมง

ผ้สู อน นายชินวตั ร คาสดุ ใจ

1. สาระสาคญั 2. มาตรฐาน/ตัวชี้วัด
ง 2.1 ม.3/2 สร้างส่ิงของเครื่องใช้หรือวธิ ีการตาม
การสรา้ งนาเสนอข้อมลู ท่ีมีปรมิ าณมากๆ หรือขอ้ มลู ทต่ี อ้ งมกี าร กระบวนการเทคโนโลยอี ยา่ งปลอดภัยออกแบบโดย
ถ่ายทอดความคิดเปน็ ภายฉายเพอ่ื นาไปส่กู ารสรา้ งตน้ แบบ
เปรียบเทยี บกันการนาเสนอขอ้ มลู ในรปู แบบของตารางจะช่วย
ทาให้ขอ้ มลู ประเภทน้ีดูง่ายยิ่งข้ึนและเป็นระเบยี บเรยี บรอ้ ยอา่ น และแบบจาลองของสิ่งของเครือ่ งใช้หรือถา่ ยทอดความคิด
ของวธิ ีการเป็นแบบจาลองความคิดและการรายงานผล
ได้ง่ายกว่าปกติ โดยการสรา้ งตารางในเอกสาร HTML มีอยู่
หลายรปู แบบแตผ่ เู้ ขยี นโปแกรมจะกาหนดโดยใชค้ าส่ังๆ

3. เนื้อหา/สาระการเรยี นรู้ 4. ช้ินงาน/ภาระงาน
- การสร้างตารางดว้ ยภาษา HTML - Workshop ใหน้ ักเรยี นสร้างตารางโดยใชข้ ้อมูลดังนี้ ชื่อ

นามสกลุ วนั เกิด อายุ

5. เครอ่ื งมือการสอนคดิ
- 6 hats (Green hat)

6. กจิ กรรมการเรยี นรู้ 7. สอ่ื 8. วิธวี ัดผล
ขน้ั ของกิจกรรม

Do Now (3 นาที) - Power point - การตอบคาถาม

บอกสง่ิ มีลักษณะคลา้ ยตารางมาคนละ 1 อย่าง (3 นาท)ี ประกอบการสอน - ตรวจ Workshop

Purpose (2 นาที) เรื่อง การสร้างตารางดว้ ย

เราจะเรียนเร่ืองการสร้างตารางด้วยภาษา HTML เพ่ือให้นักเรียน ภาษา HTML

สามารถสรา้ งตารางด้วยภาษา HTML

- งานนาเสนอ เรือ่ ง
การสรา้ งตารางด้วย
ภาษา HTML

Work mode (40 นาที)
1. นักเรียนฟงั ครยู กตัวอย่างเวบ็ ไซต์ท่มี ีการสร้างตาราง
2. นกั เรยี นฟงั ครูอธบิ ายรปู แบบภาษา HTML และคาสั่งในการสร้างตาราง

<TABLE>...........</TABLE>

เปน็ คาส่ังทีก่ าหนดใหโ้ ปรแกรมเบราว์เซอรส์ ร้างตาราง

<CAPTION>...........</CAPTION>

เป็นคาสง่ั ทใ่ี ช้ต้งั ช่ือหรอื หวั ข้อเรอ่ื งให้กับตาราง

<TR>...........</TR>

เป็นคาสัง่ ทีใ่ ช้กาหนดแถว (ROW)

<TH>...........</TH>

เปน็ คาสั่งที่ใชใ้ นการกาหนดข้อมลู ส่วนหวั ของตาราง

<TD>...........</TD>

เป็นคาสั่งท่ใี ช้ในการกาหนดข้อมูลในแต่ละแถว

3. นกั เรยี นและครเู ปดิ โปรแกรม Notepad พร้อมปฏบิ ัติการเขียน
โปรแกรม HTML การใช้คาส่งั สรา้ งตารางโดยใหห้ ัวตารางใหก้ รอก
ช่อื นามสกุล วนั เกิด อายุ และใหต้ ัง้ ชื่อไฟล์ Workshop (Green hat)
4. นกั เรียนสามารถค้นควา้ คาสั่งเพิ่มเติมจากอินเตอร์เนต็ ได้
5. ครูเดนิ ดนู ักเรียนในขณะปฏบิ ตั ิงานและค่อยให้คาแนะนา
6. นกั เรียนครรู ว่ มกันสรุปการเขยี นโปรแกรมโดยใช้คาส่งั ในการสร้างตาราง
Reflective thinking (5 นาท)ี
- บอก 3 สงิ่ ทนี่ กั เรยี นไดร้ ับในวนั นี้
- บอก 2 สิ่งทนี่ กั เรียนต้องการร้เู พม่ิ เติม
- บอก 1 สง่ิ ทน่ี ักเรียนสงสัย

แบบทดสอบ

1. คาส่ังใดทสี่ ามารถใชใ้ นการสร้างตาราง
1. <TABLE>…</TABLE>
2. [html]…..[/html]
3. <begin>…</begin>
4. [Begin]….[/Begin]

2. คาสั่ง <TR>….</TR>
1. เปน็ คาสงั่ ที่กาหนดใหโ้ ปรแกรมเบราวเ์ ซอร์สร้างตาราง
2. เปน็ คาสง่ั ท่ีใชต้ ั้งช่อื หรือหวั ขอ้ เรื่องใหก้ ับตาราง
3. เป็นคาสั่งทีใ่ ช้กาหนดแถว
4. เป็นคาสง่ั ทใ่ี ช้ในการกาหนดขอ้ มลู ในแตล่ ะแถว

ผลการสอน ปญั หาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแก้ไขปัญหา

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

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

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

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

.... ความคิดเหน็ ของผู้ตรวจ ( ก่อนการนาแผนการจัดการเรียนรไู้ ปใช)้

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

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

ลงช่ือ...........................................................ผู้ตรวจ

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

ความคิดเหน็ ของผู้ตรวจทาน
.............................................................................................................................. .........................................................

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

ลงชือ่ ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคิดเหน็ ของหวั หนา้ กลุ่มสาระ ( หลังการนาแผนการจัดการเรยี นรู้ไปใช้)
................................................................................................................................... ....................................................
.......................................................................................................................................................................................

..
ลงช่อื ...........................................................หวั หนา้ กลมุ่ สาระ

(นางสาววรรณศริ ิ ฮอ้ รอด)

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

ชื่อหน่วยการเรียนรู้ การเขียนโปรแกรมภาษาคอมพวิ เตอร์ หนว่ ยยอ่ ยท่ี 2
เร่ือง
วันท่ที าการสอน การเพ่ิมข้อความดว้ ยภาษา HTML เวลา 1 ชัว่ โมง

ผู้สอน นายชินวตั ร คาสดุ ใจ

1. สาระสาคัญ 2. มาตรฐาน/ตัวช้วี ดั
ง 2.1 ม.3/2 สร้างสิ่งของเครื่องใชห้ รือวธิ กี ารตาม
วิธกี ารใส่ข้อความลงในเวบ็ เพจดว้ ยภาษา HTML นั้นขอ้ ความที่ กระบวนการเทคโนโลยอี ยา่ งปลอดภยั ออกแบบโดย
ถา่ ยทอดความคดิ เป็นภายฉายเพือ่ นาไปส่กู ารสร้างตน้ แบบ
ตอ้ งการให้ปรากฏบนจอภาพจะตอ้ งใสข่ ้อความมาในสว่ นของ
และแบบจาลองของส่ิงของเครอื่ งใช้หรือถา่ ยทอดความคิด
<body>…</body> ของวธิ ีการเปน็ แบบจาลองความคิดและการรายงานผล

3. เนื้อหา/สาระการเรยี นรู้ 4. ชิ้นงาน/ภาระงาน
- การเพ่ิมข้อความด้วยภาษา HTML - Workshop ให้นักเรียนเพ่ิมขอ้ ความโดยใส่ขอ้ มลู ส่วนตัว

5. เครื่องมือการสอนคิด ของนักเรยี น
- 6 hats (Green hat)

6. กิจกรรมการเรียนรู้ 7. สอ่ื 8. วิธีวดั ผล
ขั้นของกจิ กรรม

Do Now (3 นาที) - Power point - การตอบคาถาม

บอกโปรแกรมสง่ิ ทาให้เกิดการเรยี บเรียงข้อความอย่างละ 1 โปรแกรม ประกอบการสอน - ตรวจ Workshop

(3 นาที) เรือ่ ง โครงสร้างของภาษา

HTML

- งานนาเสนอ เรื่อง

Purpose (2 นาที) การเพ่ิมข้อความด้วยภาษา
HTML
เราจะเรียนเรื่องการเพ่ิมข้อความด้วยภาษา HTML เพ่ือให้นักเรียน
สามารถปฏิบตั ใิ นการเพ่ิมขอ้ ความดว้ ยภาษา HTML

Work mode (40 นาที)

1. นักเรยี นฟังครยู กตัวอย่างในการใส่ข้อความ โดยยกตัวอยา่ งขอ้ ความใน

เว็บไซต์

2. นักเรยี นฟงั ครูอธิบายรูปแบบภาษา HTML และคาส่ังในการสร้างตาราง

- การใส่ข้อความ สามารถพิมพต์ ัวอกั ษรหรือข้อความที่ต้องการใสใ่ นหน้า
เว็บเพจในส่วน <body>…….</body>

3. นักเรยี นและครเู ปดิ โปรแกรม Notepad พรอ้ มทั้งสาธติ การเขียน
โปรแกรม HTML ใหน้ กั เรียนดู และใหน้ กั เรยี นไดล้ องปฏบิ ัติตาม
4. นักเรยี นเขยี นคาส่ังโดยให้นกั เรียนเพม่ิ ขอ้ ความโดยใส่ข้อมูลส่วนตัวของ

นักเรยี น นกั เรยี นสามารถค้นคว้าคาสง่ั เพ่ิมเตมิ จากอนิ เตอร์เนต็ ได้ และให้

ต้งั ชอ่ื ไฟล์ Workshop (Green hat)

5. ครเู ดนิ ดูนกั เรยี นในขณะปฏิบัตงิ านและคอยให้คาแนะนา
6. นักเรียนครูร่วมกนั สรปุ การเขยี นโปรแกรมโดยใช้คาสงั่ ในการสรา้ งตาราง
Reflective thinking (5 นาท)ี
- บอก 3 สงิ่ ท่นี กั เรยี นได้รับในวันนี้

- บอก 2 สิง่ ทนี่ กั เรียนตอ้ งการรูเ้ พิ่มเตมิ

- บอก 1 สง่ิ ทน่ี กั เรียนสงสัย

แบบทดสอบ
1. ในการเพิ่มตวั หนงั สือควรเพิ่มตัวหนังสือในส่วนทีใ่ ดของขั้นตอนการ
เขยี นโปรแกรม

1. <TABLE>…</TABLE>
2. <body>]…..</body>
3. <begin>…</begin>
4. [Begin]….[/Begin]

ผลการสอน ปญั หาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแก้ไขปญั หา

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

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

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

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

.... ความคดิ เห็นของผูต้ รวจ ( ก่อนการนาแผนการจดั การเรยี นรไู้ ปใช้)

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

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

ลงชือ่ ...........................................................ผู้ตรวจ

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

ความคดิ เหน็ ของผู้ตรวจทาน
............................................................................................... ........................................................ ................................

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

ลงชือ่ ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคิดเหน็ ของหวั หนา้ กลุ่มสาระ ( หลงั การนาแผนการจัดการเรยี นรไู้ ปใช)้
............................................................................................................................. ..........................................................
........................................................................................................................................... ............................................

..
ลงชอ่ื ...........................................................หวั หนา้ กลุม่ สาระ

(นางสาววรรณศริ ิ ฮอ้ รอด)

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

ชอื่ หนว่ ยการเรียนรู้ การเขียนโปรแกรมภาษาคอมพวิ เตอร์ หน่วยย่อยที่ 2
เร่อื ง
วันทที่ าการสอน การจัดการข้อความดว้ ยภาษา HTML เวลา 1 ชว่ั โมง

ผู้สอน นายชินวัตร คาสุดใจ

1. สาระสาคัญ 2. มาตรฐาน/ตัวชว้ี ัด
ง 2.1 ม.3/2 สรา้ งส่งิ ของเคร่ืองใช้หรือวธิ กี ารตาม
การจดั การรปู แบบของเอกสาร HTML โดยโปรแกรม Notepad กระบวนการเทคโนโลยอี ย่างปลอดภยั ออกแบบโดย
จาเป็นจะตอ้ งมีคาสงั่ เข้ามาช่วยในการจดั การ ถา้ ไมม่ ีคาส่งั ใน ถ่ายทอดความคดิ เปน็ ภายฉายเพ่ือนาไปสู่การสร้างต้นแบบ
การจดั การ ขอ้ ความทีจ่ ะแสดงจะเกิดกันเรยี งกันทั้งหมด ไมเ่ ปน็
ตามรปู แบบทตี่ อ้ งการ ดั้งน้ันคาส่ังในการจัดการเรยี งหรือขนาด และแบบจาลองของสงิ่ ของเคร่ืองใช้หรือถ่ายทอดความคดิ
ของตัวอกั ษร ความหนาของตัวอักษร การขึน้ บรรทดั ใหม่ การจดั ของวิธกี ารเปน็ แบบจาลองความคดิ และการรายงานผล
ขอ้ ความใหอ้ ยู่ดา้ นซา้ ย กง่ึ กลาง และ ดา้ นขวา และการเวน้
วรรค

3. เนื้อหา/สาระการเรียนรู้ 4. ชนิ้ งาน/ภาระงาน
- การจัดการข้อความดว้ ยภาษา HTML - ใบงาน KWL เร่อื ง การจัดการข้อความด้วยภาษาHTML
- Workshop ให้นักเรยี นปฏิบัตกิ ารใชค้ าสง่ั ตัวหนา การ

ขน้ึ บรรทดั ใหม่ การจัดข้อความตา่ งๆ

5. เครอ่ื งมือการสอนคิด
- KWL

6. กจิ กรรมการเรยี นรู้ 7. สอ่ื 8. วิธวี ัดผล
ขนั้ ของกิจกรรม
- ตรวจ Workshop
Do Now (3 นาที) - Power point - ใบงาน KWL
เร่อื งการจัดการ
บอกส่ิงเกดิ การจดั ลาดับ 1 อยา่ ง ประกอบการสอน ข้อความด้วย

Purpose (2 นาที) เรือ่ ง การจดั การ
เราจะเรียนเรื่องการจัดการข้อความด้วยภาษา HTML /วัตถุประสงค์
ข้อความดว้ ยภาษา

ของการจัดการข้อความด้วยภาษา HTML เพื่อให้นักเรียนเข้าใจถึงการ

จัดการข้อความด้วยภาษา HTML เพื่อให้นักเรียนสามารถปฏิบัติในการ HTML ภาษา HTML

จดั การขอ้ ความด้วยภาษา HTML - ใบงาน KWL เรื่อง

การจัดการข้อความ

ด้วยภาษา HTML

Work mode (40 นาที)
1. นักเรยี นฟงั ครยู กตวั อยา่ งในการจดั การข้อความด้วยภาษา HTML
โดยยกตวั เวบ็ ไซต์โรงเรียน
2. นกั เรียนทาใบงาน KWL เร่อื ง การจดั การข้อความด้วยภาษา HTML โดย
ครอู ธบิ ายว่าต้องเริ่มเขยี นจากชอ่ งของ (K) คือ เขยี นความรู้ท่นี ักเรยี นมี
เก่ียวกบั การจัดการข้อความด้วยภาษา HTML
3. นักเรียนเขยี นตอ่ ไปวา่ วันนน้ี ักเรยี นตอ้ งการรู้อะไรอีกเกยี่ วกบั การจัดการ
ขอ้ ความด้วยภาษา HTML (W)
4. นักเรียนฟังครูบรรยาย เรื่อง การจดั การขอ้ ความดว้ ยภาษา HTML และ
ปฏบิ ตั ิใหน้ ักเรยี นได้ศึกษา
5. นกั เรียนเขียนความรูท้ ่ีไดจ้ ากเรยี นรเู้ ร่อื ง การจดั การขอ้ ความดว้ ยภาษา
HTML (L)
6. นักเรยี นและครูรว่ มกันสรุปเรื่อง การจัดการข้อความดว้ ยภาษา HTML
Reflective thinking (5 นาท)ี
- บอก 3 สง่ิ ที่นักเรียนได้รับในวนั นี้

- บอก 2 ส่ิงทน่ี ักเรยี นตอ้ งการรู้เพม่ิ เตมิ

- บอก 1 สิง่ ทีน่ กั เรียนสงสัย

แบบทดสอบ

1. ข้อใดกลา่ วไม่ถูกต้อง
1. เราสามารถดูคา่ สีได้จากโปรแกรม Paint เท่านั้น
2. สใี นคอมพิวเตอรเ์ กดิ จากแมส่ ี RGB สามสี
3. ค่ารหัสสีเลขฐานสบิ หกต้องมี 6 หลักเสมอจึงจะใหผ้ ลถูกต้อง
4. เราสามารถเลือกใชค้ ่า “#0000FF”หรือ “blue” ก็ได้

2. ข้อใดกล่าวได้ถูกตอ้ งเกยี่ วกบั การใช้แทก็ hn
1. รปู แบบของแท็กท่ีใช<้ hn>…</hn>
2. n ทีใ่ ชม้ คี ่าตั้งแต่ 1 ถงึ 6
3. <h6> จะมีตัวอักษรใหญท่ ่ีสดุ
4. แบง่ ข้อความโดยการใชห้ วั เรื่องทม่ี ีขนาดตา่ งกนั

ผลการสอน ปญั หาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแกไ้ ขปญั หา

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

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

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

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

.... ความคดิ เห็นของผตู้ รวจ ( ก่อนการนาแผนการจดั การเรยี นรูไ้ ปใช)้

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

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

ลงช่ือ...........................................................ผู้ตรวจ

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

ความคิดเห็นของผตู้ รวจทาน
....................................................................................................................................................... ................................

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

ลงชอื่ ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เหน็ ของหวั หน้ากลุ่มสาระ ( หลังการนาแผนการจัดการเรียนรู้ไปใช)้
............................................................................................................................. ..........................................................
............................................................................................................................. ..........................................................

..
ลงช่อื ...........................................................หวั หน้ากลุม่ สาระ

(นางสาววรรณศริ ิ ฮอ้ รอด)

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

ช่ือหนว่ ยการเรียนรู้ การเขียนโปรแกรมภาษาคอมพวิ เตอร์ หน่วยย่อยท่ี 2
เรือ่ ง
วนั ท่ที าการสอน การแทรกรูปด้วยภาษา HTML เวลา 1 ชั่วโมง

ผ้สู อน นายชนิ วตั ร คาสุดใจ

1. สาระสาคญั 2. มาตรฐาน/ตัวช้ีวัด
ง 2.1 ม.3/2 สรา้ งสิ่งของเคร่ืองใช้หรือวิธกี ารตาม
การทีจ่ ะใสร่ ูปภาพใส่ในเอกสาร HTML ในข้ันตอนจะตอ้ งมีคาสงั่ กระบวนการเทคโนโลยอี ย่างปลอดภยั ออกแบบโดย
ถ่ายทอดความคิดเปน็ ภายฉายเพ่ือนาไปสกู่ ารสรา้ งตน้ แบบ
ในการใสร่ ปู ภาพอกี ท้งั ในการปรบั ขนาดของรูปภาพหรืออาจใส่
รูปภาพท่ีสามารถเคล่อื นไหว ไดจ้ ะตอ้ งมคี าส่งั ท่ใี ช้ในการ และแบบจาลองของสิ่งของเคร่ืองใชห้ รือถ่ายทอดความคดิ
ของวธิ ีการเป็นแบบจาลองความคิดและการรายงานผล
ปรับแตง่ รูปภาพและการวางตาแหนง่ ของภาพจะตอ้ งใชค้ าสัง่ ใน
การวางตาแหน่งเชน่ เดยี วกัน

3. เน้อื หา/สาระการเรียนรู้ 4. ชิน้ งาน/ภาระงาน
- การแทรกรูปด้วยภาษา HTML - ใบงาน KWL เร่ือง การแทรกรูปด้วยภาษา HTML
- Workshop ให้นักเรยี นปฏิบัติการใช้คาสง่ั ในการแทรก

รปู ภาพและการปรับขนาดของรูปภาพและการวางตาแหน่ง

ของรปู ภาพ

5. เครอื่ งมือการสอนคดิ
- KWL

6. กจิ กรรมการเรียนรู้ 7. ส่อื 8. วธิ วี ัดผล
ข้ันของกิจกรรม

Do Now (3 นาที) - Power point - ตรวจ Workshop
- ใบงาน KWL
บอกสถานทที่ ่องเทย่ี วทีน่ ักเรียนอยากถา่ ยรปู มากทส่ี ุดมาคนละ 1 สถานท่ี ประกอบการสอน
เรอื่ ง การแทรก
Purpose (2 นาที) เร่ือง การแทรกรปู ดว้ ย
รูปดว้ ยภาษา

เราจะเรียนเร่ืองการจัดการข้อความด้วยภาษา HTML /วัตถุประสงค์ ภาษา HTML HTML

ของการจัดการข้อความด้วยภาษา HTML เพื่อให้นักเรียนเข้าใจถึงการ
แทรกรูปดว้ ยภาษา HTML เพื่อให้นักเรียนสามารถปฏบิ ัติในการแทรกรูป - ใบงาน KWL เรื่อง
การแทรกรูปดว้ ยภาษา
ด้วยภาษา HTML

HTML

Work mode (40 นาท)ี
1. นักเรียนฟังครูยกตัวอย่างในการแทรกรูปด้วยภาษา HTML
โดยยกตวั เวบ็ ไซตโ์ รงเรยี น
2. นกั เรยี นทาใบงาน KWL เรอ่ื ง การแทรกรปู ดว้ ยภาษา HTML โดยครู
อธบิ ายวา่ ตอ้ งเริ่มเขยี นจากชอ่ งของ (K) คอื เขียนความรู้ท่ีนกั เรียนมีเก่ยี ว
กับการจดั การข้อความด้วยภาษา HTML
3. นักเรยี นเขยี นต่อไปวา่ วันนน้ี ักเรียนต้องการรู้อะไรอีกเก่ยี วกับ
การแทรกรูปดว้ ยภาษา HTML (W)
4. นกั เรยี นฟังครูบรรยาย เร่ือง การแทรกรปู ด้วยภาษา HTML และปฏบิ ัติ
ให้นักเรียนได้ศกึ ษา
5. นักเรยี นเขียนความรู้ที่ได้จากเรียนรูเ้ รอ่ื ง การแทรกรูปด้วยภาษา HTML
(L)
6. นักเรียนและครรู ่วมกันสรปุ เรอื่ ง การแทรกรปู ด้วยภาษา HTML
Reflective thinking (5 นาที)
- บอก 3 ส่งิ ทน่ี กั เรยี นได้รับในวันน้ี

- บอก 2 สิง่ ที่นกั เรยี นตอ้ งการรเู้ พ่มิ เตมิ

- บอก 1 ส่งิ ทนี่ กั เรยี นสงสยั

แบบทดสอบ
1. ส่งิ หน่งึ ที่ทาให้เอกสารเว็บเพจมคี วามน่าสนใจมากยง่ิ ขึ้นคือข้อใด

1. ข้อมูลและเนอ้ื หาของเอกสารเวบ็ เพจ
2. รปู ภาพท่ีใช้ประกอบในเอกสารเว็บเพจ
3. สสี ันทใี่ ช้ในเอกสารเวบ็ เพจ
4. การจัดรูปแบบของข้อความ
2. ข้อใดเปน็ คาส่ัง แทรกรปู ภาพในเวบ็ เพจ
1. <img src = “picture.jpg”>
2. <src=”picture.jpg”>
3. <img src >=”picture.jpg”></src>
4. <img src= “picture.jpg”></img>

ผลการสอน ปญั หาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแกไ้ ขปญั หา

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

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

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

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

.... ความคิดเหน็ ของผูต้ รวจ ( ก่อนการนาแผนการจดั การเรยี นรไู้ ปใช้)

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

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

ลงชื่อ...........................................................ผู้ตรวจ

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

ความคดิ เห็นของผู้ตรวจทาน
.............................................................................................................................. .........................................................

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

ลงชือ่ ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เห็นของหัวหน้ากลุ่มสาระ ( หลงั การนาแผนการจัดการเรียนรไู้ ปใช)้
.......................................................................................................................................................................................
............................................................................................................................. ..........................................................

..
ลงช่ือ...........................................................หวั หน้ากลมุ่ สาระ

(นางสาววรรณศริ ิ ฮอ้ รอด)

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

ชื่อหน่วยการเรียนรู้ การเขียนโปรแกรมภาษาคอมพวิ เตอร์ หนว่ ยย่อยที่ 2
เรือ่ ง
วันท่ีทาการสอน การสร้างลิง้ ค์ด้วยภาษา HTML เวลา 1 ช่วั โมง

ผู้สอน นายชนิ วตั ร คาสุดใจ

1. สาระสาคัญ 2. มาตรฐาน/ตวั ช้ีวัด
ง 2.1 ม.3/2 สร้างสิ่งของเคร่ืองใช้หรอื วิธีการตาม
การเช่อื มโยง(ลง้ิ ค์) เป็นการเชือ่ มตอ่ ไปหน้าอีกหน้าหนึง่ หรือการ กระบวนการเทคโนโลยีอย่างปลอดภัยออกแบบโดย
ถ่ายทอดความคิดเป็นภายฉายเพื่อนาไปสู่การสร้างต้นแบบ
เชอ่ื งโยงไปทห่ี นา้ เวบ็ ไซต์ทต่ี ้องการ หรือการเชอ่ื มโยงแบบอเี มล์
และแบบจาลองของส่งิ ของเครื่องใชห้ รือถ่ายทอดความคดิ
การเชื่องโยง(ล้ิงค)์ เปน็ สง่ิ ท่ีสาคญั ตอ่ การทาเวบ็ ไซต์ ในภาษา ของวิธกี ารเป็นแบบจาลองความคิดและการรายงานผล

HTML กม็ ลี ้งิ ค์การในใช้คาสงั่ ในการสร้างลิง้ ค์

3. เนอื้ หา/สาระการเรียนรู้ 4. ชิน้ งาน/ภาระงาน
- การสรา้ งล้ิงค์ดว้ ยภาษา HTML - ใบงาน KWL เร่ือง การสรา้ งลิง้ คด์ ว้ ยภาษา HTML
- Workshop ให้นกั เรียนปฏิบตั กิ ารใชค้ าส่งั ในการแทรก

รูปภาพและการปรับขนาดของรูปภาพและการวางตาแหน่ง

ของรปู ภาพ

5. เคร่ืองมือการสอนคิด
- KWL

6. กิจกรรมการเรียนรู้ 7. สอ่ื 8. วิธีวัดผล
ขัน้ ของกิจกรรม

Do Now (3 นาที) - Power point - ตรวจ Workshop
- ใบงาน KWL
บอกสงิ่ ทส่ี ามารถเช่ือมโยงไปหากันได้ 1 อย่าง ประกอบการสอน
เรอื่ ง การสรา้ ง
Purpose (2 นาที) เรือ่ ง การสร้างล้งิ ค์ดว้ ย
เราจะเรียนเร่ืองการจัดการข้อความด้วยภาษา HTML /วัตถุประสงค์ ภาษา HTML ลิ้งคด์ ้วยภาษา

ของการจัดการข้อความด้วยภาษา HTML เพื่อให้นักเรียนเข้าใจถึงการ - ใบงาน KWL เรอ่ื ง HTML

สร้างลิ้งค์ด้วยภาษา HTML เพ่ือใหน้ กั เรยี นสามารถปฏบิ ตั ิในการสรา้ งลิ้งค์ การสรา้ งลิ้งค์ดว้ ยภาษา

ดว้ ยภาษา HTML HTML

Work mode (40 นาที)
1. นกั เรียนฟงั ครูยกตัวอย่างในการสร้างลง้ิ คด์ ้วยภาษา HTML
โดยยกตัวเวบ็ ไซต์โรงเรยี น
2. นกั เรยี นทาใบงาน KWL เร่ือง การสร้างลงิ้ คด์ ้วยภาษา HTML โดยครู
อธบิ ายว่าตอ้ งเริ่มเขียนจากชอ่ งของ (K) คือ เขยี นความรู้ที่นักเรียนมีเกีย่ ว
กับการสร้างลิง้ คด์ ว้ ยภาษา HTML
3. นกั เรียนเขียนตอ่ ไปวา่ วนั นน้ี กั เรียนตอ้ งการรู้อะไรอีกเก่ยี วกับ
การสร้างลิง้ ค์ด้วยภาษา HTML (W)
4. นักเรียนฟงั ครูบรรยาย เร่ือง การสร้างล้งิ ค์ด้วยภาษา HTML และปฏบิ ัติ
ให้นกั เรียนได้ศึกษา
5. นกั เรียนเขยี นความรู้ท่ีได้จากเรียนรเู้ รอ่ื ง การสรา้ งล้ิงค์ด้วยภาษา HTML
(L)
6. นกั เรยี นและครูรว่ มกนั สรปุ เรื่อง การสรา้ งลิ้งค์ดว้ ยภาษา HTML
Reflective thinking (5 นาที)
- บอก 3 สิง่ ท่ีนักเรยี นได้รบั ในวันนี้

- บอก 2 สง่ิ ท่นี กั เรียนตอ้ งการรู้เพม่ิ เติม

- บอก 1 สงิ่ ท่นี ักเรียนสงสัย

แบบทดสอบ
1. ขอ้ ใดกล่าว ไม่ถูกตอ้ ง เกยี่ วกับขอ้ ความท่ถี ูกกาหนดให้เปน็ จดุ เชอ่ื มโยง
ข้อมูล

1. ขอ้ ความที่เป็นจดุ เชอ่ื มโยง จะต้องเป็นสีนา้ เงนิ
2. รปู แบบตวั ช้เี มาส์ เปลยี่ นจากลูกศรเป็นรปู นว้ิ มือ
3. ตัวอกั ษรทเ่ี ป็นจุดเช่อื มโยงมคี วามแตกต่างจากตัวอักษรอืน่ ๆ
4. ข้อความจะถูกกาหนดให้อยู่ทางซา้ ยของหนา้ จอโดยอัตโิ นมตั ิ
2. ข้อใดใช้คาส่ังเชอ่ื โยงเว็บเพจไดถ้ ูกต้อง
1. <a href >”index.html”=หน้าแรก </href>
2. <a link =”index.html”>หน้าแรก </a>
3. <a href >=”index.html”>หนา้ แรก</a>
4. <a link = “index.html”></link>

ผลการสอน ปัญหาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแก้ไขปญั หา

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

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

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

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

.... ความคิดเห็นของผตู้ รวจ ( ก่อนการนาแผนการจดั การเรยี นรูไ้ ปใช)้

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

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

ลงชอ่ื ...........................................................ผู้ตรวจ

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

ความคิดเหน็ ของผู้ตรวจทาน
.............................................................................................................................. .........................................................

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

ลงชอ่ื ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคิดเหน็ ของหัวหนา้ กลุ่มสาระ ( หลงั การนาแผนการจัดการเรียนรู้ไปใช้)
................................................................................................................................ .......................................................
.......................................................................................................................................................................................

..
ลงชอ่ื ...........................................................หวั หน้ากลุม่ สาระ

(นางสาววรรณศริ ิ ฮ้อรอด)

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

ชื่อหน่วยการเรยี นรู้ การเขียนโปรแกรมภาษาคอมพวิ เตอร์ หนว่ ยย่อยท่ี 2

เรื่อง การออกแบบเว็บไซตภ์ าษา HTML ตามจนิ ตนาการ เวลา 1 ช่ัวโมง

วันทที่ าการสอน ผู้สอน นายชนิ วตั ร คาสุดใจ

1. สาระสาคัญ 2. มาตรฐาน/ตัวช้ีวัด
ง 2.1 ม.3/2 สร้างสง่ิ ของเครื่องใชห้ รอื วิธกี ารตาม
การจะสร้างเวบ็ ไซต์ใหอ้ อกมาสาเร็จได้น้นั จะต้องทาการ กระบวนการเทคโนโลยีอย่างปลอดภัยออกแบบโดย
ถ่ายทอดความคดิ เปน็ ภายฉายเพื่อนาไปสูก่ ารสรา้ งตน้ แบบ
ออกแบบหน้าตาของเว็บไซตว์ า่ จะทาเว็บไซตไ์ ปในทิศทางไดแ้ ลว้
ควรออกแบบการใช้งานหน้าเว็บไซตท์ ีเ่ หมาะสมกบั ผูใ้ ชง้ าน และแบบจาลองของส่ิงของเครื่องใชห้ รือถ่ายทอดความคดิ
ของวิธกี ารเปน็ แบบจาลองความคิดและการรายงานผล
ดงั น้ันการท่ีเว็บจะมปี ระสิทธิภาพไดน้ ้ันกข็ ้ึนอย่กู บั การออกแบบ
และโครงสรา้ งในการทีจ่ ะให้เปน็ ไปตามของผู้สร้างเวบ็ ไซต์

3. เน้ือหา/สาระการเรยี นรู้ 4. ชิน้ งาน/ภาระงาน
- การออกแบบเว็บไซต์ภาษา HTML ตามจนิ ตนาการ - Workshop ใหน้ ักเรียนทาการออกแบบหนา้ เวบ็ ไซตท์ ี่ของ

5. เครอื่ งมือการสอนคดิ นกั เรียนตามเรื่องนกั เรียนสนใจในการทจ่ี ะสร้าง
- 6 hats (Green hat)

6. กจิ กรรมการเรียนรู้ 7. สอ่ื 8. วธิ ีวัดผล
ขัน้ ของกิจกรรม
- การตอบคาถาม
Do Now (3 นาที) - Power point - ตรวจ Workshop

บอกสิ่งของทีจ่ ะต้องมีการรออกแบบก่อนทจ่ี ะทาจริง ประกอบการสอน

Purpose (2 นาที) เรอื่ ง การออกแบบ
เราจะเรียนเรื่องการออกแบบเว็บไซต์ภาษา HTML ตามจินตนาการ/
เวบ็ ไซตภ์ าษา HTML
วัตถุประสงค์ของการออกแบบเว็บไซต์ภาษา HTML ตามจินตนาการ ตามจินตนาการ

เพอื่ ใหน้ ักเรียนทาการออกแบบเว็บไซตภ์ าษา HTML ตามจนิ ตนาการ - งานนาเสนอ เร่อื ง

การออกแบบเวบ็ ไซต์

ภาษา HTML ตาม

จินตนาการ

Work mode (40 นาที)
1. นักเรียนฟังครยู กตวั อย่างในการออกแบบเว็บไซต์ภาษา HTML ตาม
จินตนาการ โดยยกเวบ็ ไซต์ต่างๆ เพอื่ ใหไ้ ด้เห็นภาพในการออกแบบ
2. นกั เรียนฟังครูอธบิ ายการออกแบบเวบ็ ไซต์ภาษา HTML ตามจนิ ตนาการ3.
นกั เรียน โดยออกแบบใส่ในกระดาษเป็นสตอรี่บอรด์ ในแต่ละหน้า
Workshop (Green hat)
3. ครเู ดินดนู กั เรยี นในขณะปฏบิ ตั งิ านและคอยให้คาแนะนา
Reflective thinking (5 นาที)
- บอก 3 ส่งิ ทน่ี ักเรียนไดร้ บั ในวันนี้
- บอก 2 สิง่ ที่นักเรยี นต้องการรูเ้ พม่ิ เติม
- บอก 1 สิ่งทีน่ กั เรยี นสงสยั

แบบทดสอบ
1. ในการเพม่ิ ตวั หนงั สอื ควรเพ่มิ ตวั หนังสอื ในสว่ นทใ่ี ดของขัน้ ตอนการ
เขียนโปรแกรม

1. <TABLE>…</TABLE>
2. <body>]…..</body>
3. <begin>…</begin>
4. [Begin]….[/Begin]

ผลการสอน ปญั หาการสอน

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

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

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

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

................................................................................... .......................................................................................
แนวทางการแกไ้ ขปญั หา

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

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

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

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

.... ความคดิ เหน็ ของผ้ตู รวจ ( ก่อนการนาแผนการจัดการเรียนรไู้ ปใช้)

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

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

ลงชอื่ ...........................................................ผ้ตู รวจ

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

ความคิดเห็นของผู้ตรวจทาน
..................................................................................................... .................................................. ................................

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

ลงช่ือ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เหน็ ของหวั หน้ากลุ่มสาระ ( หลงั การนาแผนการจัดการเรยี นรู้ไปใช)้
............................................................................................................................. ..........................................................
................................................................................................................................................. ......................................

..
ลงชื่อ...........................................................หวั หน้ากลุ่มสาระ

(นางสาววรรณศิริ ฮ้อรอด)