เนเธเธฃเนเธเธฃเธกเนเธฅเธฐเธเธฒเธฃเธเธฃเธฐเธข...

หน่�วยการเรยน่ร��ที่� 1 เร��อง เขียน่โปรแกรมภาษารายว�ชา ง 30222 โปรแกรมและการประย�กต์

ช!"น่ม!ธยมศึ%กษาป&ที่� 5/14 ภาคเรยน่ที่� 2 ป&การศึ%กษา 2556 เวลา 24 ช!�วโมงผู้��สอน่ น่ายน่พค�ณ ส�บเลย โรงเรยน่ช�มแพศึ%กษา

สพม.25

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

ผู้ลการเรยน่ร��1. อธิ(บายีข้,-นตอนและสามูารถเข้�ยีนโปัรแกรมูภาษา

สาระส.าค!ญ1. ข้,-นตอนการพ,ฒนาโปัรแกรมู2. การเข้�ยีนโปัรแกรมู

สาระการเรยน่ร��1.ความร��

1.1 พ�-นฐานการเข้�ยีนโปัรแกรมู1.2 การใช้�งานคุอนโทรล1.3 ฐานข้�อมูล

2.ที่!กษะ / กระบวน่การ / กระบวน่การค�ด2.1 ท,กษะการแสวงห็าคุวามูร! � ท,กษะการใช้�อ ปักรณ3

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

2.2 กระบวนการคุ(ด : การให็�เห็ต ผล การจ,ดระบบคุวามูคุ(ดเปั5นแผนภาพ การสร ปัคุวามูร! � การปัระยี กต3ใช้�

3.ค�ณล!กษณะอ!น่พ%งประสงค 3.1 ซื่�"อส,ตยี3 ส จร(ต ใฝ่8เร�ยีนร! � อยี!�อยี�างพอเพ�ยีง มู �งมู,"นในการท&างาน

ช�"น่งาน่หร�อภาระงาน่ (หล!กฐาน่ ร�องรอยแสดงความร��)1. ใบงานท�" 1 – ใบงานท�" 29

2. บ,นท9กสร ปัผลการเร�ยีนร! �ส&าห็ร,บผ!�เร�ยีน

การประเม�น่ผู้ล

ใบงาน่ที่� 1 - 29 ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-

1. อธิ(บายีน�าสนใจ 2. การล&าด,บคุวามูอธิ(บายีต�อเน�"อง 3. แสดงเน�-อห็าคุวามูร! �ได�ช้,ดเจน 4. เล�อกว(ธิ�การเข้�ยีนอธิ(บายีเห็มูาะสมูสอดคุล�องก,บเร�"อง 5. เร�ยีบเร�ยีงถ�อยีคุ&าน�าอ�าน เข้�าใจง�ายี 6. มู�การสร ปัคุวามูคุ(ดเห็นข้องผ!�เข้�ยีน

ล&าด, รายีการปัระเมู(น

ระด,บ 4 3 2 1

รวมูคุะแน

รวมู

ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................

ลงช้�"อ ผ!�ปัระเมู(น (นายีนพคุ ณ ส�บเลยี) / / /

แบบบ!น่ที่%กสร�ปผู้ลการ เรยน่ร��ส.าหร!บผู้��เรยน่

ช้�"อ-นามูสก ล _________________________________________

เลข้ท�" ________ ช้,-น มู.5/14

ว,นท

เกณฑ์ การให�คะแน่น่4 คุะแนน = ด�มูาก3 คุะแนน = ด�2 คุะแนน = พอใช้�1 คุะแนน = คุวรปัร,บปัร ง

เกณฑ์ การต์!ดส�น่ระด!บค�ณภาพ

19 – 24 คุะแนน =

ด�มูาก13 -18 คุะแนน =

ด� 7 - 12 คุะแนน =

พอใช้� 1 – 6 คุะแนน =

คุวรปัร,บปัร ง

น,กเร�ยีนยี,งไมู�เข้�าใจเร�"องใดอ�กบ�างท�"เก�"ยีวก,บห็น�วยีการเร�ยีนร! �น�-ซื่9"งต�องการให็�คุร!อธิ(บายีเพ("มูเต(มู________________________________________________________________________________________________________________________________

น,กเร�ยีนมู�คุวามูร! �ส9กอยี�างไร ห็ล,งจากท�"เร�ยีนห็น�วยีการเร�ยีนร! �น�-แล�ว________________________________________________________________________________________________________________________________________________________________

น,กเร�ยีนได�ร,บคุวามูร! �เร�"องใดบ�างจากห็น�วยีการเร�ยีนร! �น�-________________________________________________________________________________________________________________________________________________________________

ห็น�วยีการเร�ยีนร! �ท�" 1เข้�ยีนโปัรแกรมูภาษา

_________________

น,กเร�ยีนจะสามูารถน&าคุวามูร! � คุวามูเข้�าใจจากห็น�วยีการเร�ยีนร! �น�-ไปัใช้�ปัระโยีช้น3ในช้�ว(ตปัระจ&าว,นได�อยี�างไรบ�าง________________________________________________________________________________________________________________________________________________________________

ผลงานท�"น,กเร�ยีนช้อบ และต�องการคุ,ดเล�อกเปั5นผลงานด�เด�นจากห็น�วยีการเร�ยีนร! �น�- คุ�อ ผลงานใดบ�าง เพราะอะไร________________________________________________________________________________________________________________________________

น,กเร�ยีนได�ท&าก(จกรรมูอะไรบ�างในห็น�วยีการเร�ยีนร! �น�-________________________________________________________________________________________________________________________________________________________________

�"________เด�อน_________________________พ.ศ.___________

ค.าช"แจง ให็�น,กเร�ยีนบ,นท9กสร ปัผลการเร�ยีนร! �จากห็น�วยีการเร�ยีนร! �น�-

ก�จกรรมการเรยน่ร��ช!�วโมงที่� 1 - 2 (Button และ Label การสร�างเคุร�"องคุ(ดเลข้

และ Properties KeyPreview ข้อง Form)

1. น,กเร�ยีนท&าแบบทดสอบก�อนเร�ยีนห็น�วยีท�" 12. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การใช้� Button และ Label

3. น,กเร�ยีนท&าใบงาน เร�"อง การใช้� Button และ Label

4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การสร�างเคุร�"องคุ(ดเลข้5. น,กเร�ยีนท&าใบงาน เร�"อง การสร�างเคุร�"องคุ(ดเลข้6. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง Properties KeyPreview

ข้อง Form

7. ร�วมูก,นอภ(ปัรายีสร ปัการใช้� Button และ Label การสร�างเคุร�"องคุ(ดเลข้และ Properties KeyPreview ข้อง Form

ช!�วโมงที่� 3 - 4 (การอน ญาตให็�ใช้�อ,กข้ระท�"ต�องการ โปัรแกรมูวาดเส�นและการ Drag รายีการใน ListBox)

1. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา2. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การอน ญาตให็�ใช้�อ,กข้ระท�"

ต�องการ3. น,กเร�ยีนท&าใบงาน เร�"อง การอน ญาตให็�ใช้�อ,กข้ระท�"ต�องการ4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง โปัรแกรมูการวาดเส�น5. น,กเร�ยีนท&าใบงาน เร�"อง โปัรแกรมูการวาดเส�น6. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การ Drag รายีการใน ListBox

7. ร�วมูก,นอภ(ปัรายีสร ปัการอน ญาตให็�ใช้�อ,กข้ระท�"ต�องการ โปัรแกรมูวาดเส�นและการ Drag รายีการใน ListBox

ช!�วโมงที่� 5 - 6 (การซื่�อนห็ร�อแสดงคุอนโทรลบางส�วนบนฟอร3มู การสร�างเกมู TicTacToe และการสร�างฟอร3มูแบบไดอะลอก)

1. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา

2. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การซื่�อนห็ร�อแสดงคุอนโทรลบางส�วนบนฟอร3มู

3. น,กเร�ยีนท&าใบงาน เร�"อง การซื่�อนห็ร�อแสดงคุอนโทรลบางส�วนบนฟอร3มู

4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การสร�างเกมู TicTacToe

5. น,กเร�ยีนท&าใบงาน เร�"อง การสร�างเกมู TicTacToe

6. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การสร�างฟอร3มูแบบไดอะลอก7. น,กเร�ยีนท&าใบงาน เร�"อง การสร�างฟอร3มูแบบไดอะลอก8. ร�วมูก,นอภ(ปัรายีสร ปั การซื่�อนห็ร�อแสดงคุอนโทรลบางส�วนบน

ฟอร3มู การสร�างเกมู TicTacToe และการสร�างฟอร3มูแบบไดอะลอก

ช!�วโมงที่� 7 - 8 (การพล(กห็มู นและบ,นท9กการเปัล�"ยีนแปัลงร!ปั การเล�นไฟล3มู,ลต(มู�เด�ยี และการสร�างรายีการ AutoComplete)

1. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา2. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การพล(กห็มู นและบ,นท9กการ

เปัล�"ยีนแปัลงร!ปั3. น,กเร�ยีนท&าใบงาน เร�"อง การพล(กห็มู นและบ,นท9กการ

เปัล�"ยีนแปัลงร!ปั4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การเล�นไฟล3มู,ลต(มู�เด�ยี5. น,กเร�ยีนท&าใบงาน เร�"อง การเล�นไฟล3มู,ลต(มู�เด�ยี6. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การสร�างรายีการ

AutoComplete7. น,กเร�ยีนท&าใบงาน เร�"อง การสร�างรายีการ AutoComplete

8. ร�วมูก,นอภ(ปัรายีสร ปั การพล(กห็มู นและบ,นท9กการเปัล�"ยีนแปัลงร!ปั การเล�นไฟล3มู,ลต(มู�เด�ยี และการสร�างรายีการ AutoComplete

ช!�วโมงที่� 9 - 10 (ต,วเล�อกร!ปัแบบฟอนต3ด�วยี CheckBox การตรวจสอบรายีการด�วยี Radio Button และการใช้�คุ&าส,"ง For Each)

1. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา2. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง ต,วเล�อกร!ปัแบบฟอนต3ด�วยี

CheckBox3. น,กเร�ยีนท&าใบงาน เร�"อง ต,วเล�อกร!ปัแบบฟอนต3ด�วยี

CheckBox4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การตรวจสอบรายีการด�วยี

RadioButton5. น,กเร�ยีนท&าใบงาน เร�"อง การตรวจสอบรายีการด�วยี

RadioButton6. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การใช้�คุ&าส,"ง For Each

7. น,กเร�ยีนท&าใบงาน เร�"อง การใช้�คุ&าส,"ง For Each

8. ร�วมูก,นอภ(ปัรายีสร ปั ต,วเล�อกร!ปัแบบฟอนต3ด�วยี CheckBox

การตรวจสอบรายีการด�วยี Radio Button และการใช้�คุ&าส,"ง For Each

ช!�วโมงที่� 11 - 12 (การคุ&านวณการจ�ายีธินบ,ตรข้องเคุร�"อง ATM และการอ,พเดตรายีการ ComboBox)

1. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา2. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การคุ&านวณการจ�ายีธินบ,ตรข้อง

เคุร�"อง ATM

3. น,กเร�ยีนท&าใบงาน เร�"อง การคุ&านวณการจ�ายีธินบ,ตรข้องเคุร�"อง ATM

4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การอ,พเดตรายีการ ComboBox

5. น,กเร�ยีนท&าใบงาน เร�"อง การอ,พเดตรายีการ ComboBox

6. ร�วมูก,นอภ(ปัรายีสร ปั การคุ&านวณการจ�ายีธินบ,ตรข้องเคุร�"อง ATM และการอ,พเดตรายีการ ComboBox

ช!�วโมงที่� 13 - 14 (การยี�ายีข้�อมู!ลระห็ว�าง CheckBox และ การแปัลงต,วเลข้เปั5นคุ&าอ�าน)

1. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา2. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การยี�ายีข้�อมู!ลระห็ว�าง

CheckBox และ ListBox

3. น,กเร�ยีนท&าใบงาน เร�"อง การยี�ายีข้�อมู!ลระห็ว�าง CheckBox

และ ListBox

4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การแปัลงต,วเลข้เปั5นคุ&าอ�าน5. น,กเร�ยีนท&าใบงาน เร�"อง การแปัลงต,วเลข้เปั5นคุ&าอ�าน6. ร�วมูก,นอภ(ปัรายีสร ปั การยี�ายีข้�อมู!ลระห็ว�าง CheckBox และ

ListBox และการแปัลงต,วเลข้เปั5นคุ&าอ�าน

ช!�วโมงที่� 15 - 16 (การแทนท�"ด�วยีเมูธิอด Replace และการใช้�คุลาส DateTime)

1. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา2. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การแทนท�"ด�วยีเมูธิอด

Replace3. น,กเร�ยีนท&าใบงาน เร�"อง การแทนท�"ด�วยีเมูธิอด Replace

4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การใช้�คุลาส DateTime

5. น,กเร�ยีนท&าใบงาน เร�"อง การใช้�คุลาส DateTime

6. ร�วมูก,นอภ(ปัรายีสร ปั การแทนท�"ด�วยีเมูธิอด Replace และการใช้�คุลาส DateTime

ช!�วโมงที่� 17 - 18 (การต,-งคุ�าช้�วงว,นท�" และ ProgressBar)

1. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา2. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การต,-งคุ�าช้�วงว,นท�"3. น,กเร�ยีนท&าใบงาน เร�"อง การต,-งคุ�าช้�วงว,นท�"4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง ProgressBar

5. น,กเร�ยีนท&าใบงาน เร�"อง ProgressBar

6. ร�วมูก,นอภ(ปัรายีสร ปั การต,-งคุ�าช้�วงว,นท�" และ ProgressBar

ช!�วโมงที่� 19 - 20 (การก&าห็นดร!ปัภาพจากโฟลเดอร3 Resource และ การท&าไฟแดง)

1. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา2. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การก&าห็นดร!ปัภาพจากโฟลเดอร3

Resource 3. น,กเร�ยีนท&าใบงาน เร�"อง การก&าห็นดร!ปัภาพจากโฟลเดอร3

Resource4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การท&าไฟแดง5. น,กเร�ยีนท&าใบงาน เร�"อง การท&าไฟแดง6. ร�วมูก,นอภ(ปัรายีสร ปั การก&าห็นดร!ปัภาพจากโฟลเดอร3

Resource และ การท&าไฟแดงช!�วโมงที่� 21 - 22 (การใช้� FontDialog และ ColorDialog)

1. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา2. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การใช้� FontDialog

3. น,กเร�ยีนท&าใบงาน เร�"อง การใช้� FontDialog

4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง ColorDialog

5. น,กเร�ยีนท&าใบงาน เร�"อง ColorDialog

6. ร�วมูก,นอภ(ปัรายีสร ปั การใช้� FontDialog และ ColorDialog

ช!�วโมงที่� 23 - 24 (การพ(มูพ3เบ�-องต�น และการแสดงต,วอยี�างก�อนพ(มูพ3)

1. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา2. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การพ(มูพ3เบ�-องต�น3. น,กเร�ยีนท&าใบงาน เร�"อง การพ(มูพ3เบ�-องต�น4. น,กเร�ยีนศ9กษาใบคุวามูร! � เร�"อง การแสดงต,วอยี�างก�อนพ(มูพ35. น,กเร�ยีนท&าใบงาน เร�"อง การแสดงต,วอยี�างก�อนพ(มูพ3

6. ร�วมูก,นอภ(ปัรายีสร ปั การพ(มูพ3เบ�-องต�น และการแสดงต,วอยี�างก�อนพ(มูพ3

7. น,กเร�ยีนท&าแบบทดสอบห็ล,งเร�ยีน ห็น�วยีท�" 1 เข้�ยีนโปัรแกรมูภาษา

8. ร�วมูก,นอภ(ปัรายีสร ปั ห็น�วยีท�" 1 เข้�ยีนโปัรแกรมูภาษา9. น,กเร�ยีนท&าบ,นท9กสร ปัผลการเร�ยีนร! �ส&าห็ร,บผ!�เร�ยีน

ส��อการเรยน่ร�� / แหล�งเรยน่ร��1. แบบทดสอบก�อนเร�ยีน-ห็ล,งเร�ยีน ห็น�วยีท�" 1 เร�"อง เข้�ยีน

โปัรแกรมูภาษา2. ใบคุวามูร! � เร�"อง การใช้� Button และ Label

3. ใบคุวามูร! � เร�"อง การสร�างเคุร�"องคุ(ดเลข้4. ใบคุวามูร! � เร�"อง Properties KeyPreview ข้อง Form

5. ใบคุวามูร! � เร�"อง โปัรแกรมูวาดเส�น6. ใบคุวามูร! � เร�"อง การ Drag รายีการใน ListBox

7. ใบคุวามูร! � เร�"อง การซื่�อนห็ร�อแสดงคุอนโทรลบางส�วนบนฟอร3มู8. ใบคุวามูร! � เร�"อง การสร�างเกมู TicTacToe

9. ใบคุวามูร! � เร�"อง การสร�างฟอร3มูแบบไดอะลอก10. ใบคุวามูร! � เร�"อง การพล(กห็มู นและบ,นท9กการเปัล�"ยีนแปัลง

ร!ปั11. ใบคุวามูร! � เร�"อง การเล�นไฟล3มู,ลต(มู�เด�ยี12. ใบคุวามูร! � เร�"อง การสร�างรายีการ AutoComplete

13. ใบคุวามูร! � เร�"อง ต,วเล�อกร!ปัแบบฟอนต3ด�วยี CheckBox

14. ใบคุวามูร! � เร�"อง การตรวจสอบรายีการด�วยี Radio Button

15. ใบคุวามูร! � เร�"อง การใช้�คุ&าส,"ง For Each

16. ใบคุวามูร! � เร�"อง การคุ&านวณการจ�ายีธินบ,ตรข้องเคุร�"อง ATM

17. ใบคุวามูร! � เร�"อง การอ,พเดตรายีการ ComboBox

18. ใบคุวามูร! � เร�"อง การยี�ายีข้�อมู!ลระห็ว�าง CheckBox

19. ใบคุวามูร! � เร�"อง การแปัลงต,วเลข้เปั5นคุ&าอ�าน20. ใบคุวามูร! � เร�"อง การแทนท�"ด�วยีเมูธิอด Replace

21. ใบคุวามูร! � เร�"อง การใช้�คุลาส DateTime

22. ใบคุวามูร! � เร�"อง การต,-งคุ�าช้�วงว,นท�" 23. ใบคุวามูร! � เร�"อง ProgressBar

24. ใบคุวามูร! � เร�"อง การก&าห็นดร!ปัภาพจากโฟลเดอร3 Resource

25. ใบคุวามูร! � เร�"อง การท&าไฟแดง26. ใบคุวามูร! � เร�"อง การใช้� FontDialog

27. ใบคุวามูร! � เร�"อง ColorDialog

28. ใบคุวามูร! � เร�"อง การพ(มูพ3เบ�-องต�น 29. ใบคุวามูร! � เร�"อง การแสดงต,วอยี�างก�อนพ(มูพ3

หน่�วยการเรยน่ร��ที่� 1เขียน่โปรแกรมภาษา

เวลาเรยน่ 24 ช!�วโมง

แผู้น่ผู้!งการเรยน่ร��แบบบ�รณาการ

กล��มสาระการเรยน่ร��ภาษา

การเข้�ยีนอธิ(บายี

ผู้ลการเรยน่ร��1. ง 3.1 ข้�อ 1 อธิ(บายีข้,-นตอนและสามูารถเข้�ยีนโปัรแกรมู

ภาษา

แผู้น่การจ!ดการเรยน่ร�� ว�ชา โปรแกรมและการประย�กต์ รห!สว�ชา ง 30222

ช!"น่ม!ธยมศึ%กษาป&ที่� 5/14 ภาคเรยน่ที่� 2 ป&การศึ%กษา 2556

หน่�วยการเรยน่ร��ที่� 1 เร��อง การเขียน่โปรแกรมภาษาเวลา 24 ช!�วโมง

แผู้น่การจ!ดการเรยน่ร��ที่� 1 เร��อง พ�-นฐานการเข้�ยีนโปัรแกรมูเวลา 2 ช!�วโมง

กล��มสาระการเรยน่ร��ภาษาต์�างประเที่ศึ :

อ�านและเข้�ยีนคุ&าศ,พท3เก�"ยีวก,บเทคุโนโลยี�สารสนเทศและการส�"อสาร

กล��มสาระการเรยน่ร��ศึ�ลปะ : ที่!ศึน่

แผนภาพคุวามูคุ(ดเข้�ยีนโปัรแกรมูภาษา

เขียน่โปรแกรมภาษา

สอน่ว!น่ที่� 21 เด�อน่ ต ลาคุมู พ.ศึ. 2556 ผู้��สอน่ นายีนพคุ ณ ส�บเลยี

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

ผู้ลการเรยน่ร��1. อธิ(บายีข้,-นตอนการเข้�ยีนโปัรแกรมูภาษา

จ�ดประสงค การเรยน่ร��1. อธิ(บายีการใช้� Button และ Label การสร�างเคุร�"องคุ(ดเลข้

และ Properties KeyPreview ข้อง Form (K)

2. ใช้� Button และ Label สร�างเคุร�"องคุ(ดเลข้ และสร�าง Properties KeyPreview ข้อง Form (P)

3. ซื่�"อส,ตยี3 ส จร(ต ใฝ่8เร�ยีนร! � อยี!�อยี�างพอเพ�ยีง มู �งมู,"นในการท&างาน (A)

การบ�รณาการหล!กปร!ชญาเศึรษฐก�จพอเพยง1. คุวามูพอปัระมูาณ

- พอปัระมูาณก,บเน�-อห็า- พอปัระมูาณก,บเวลา

2. คุวามูมู�เห็ต ผล- ศ9กษาคุวามูร! �โดยีรอบคุอบและเก(ดการเร�ยีนร! �อยี�าง

แท�จร(ง3. การมู�ภ!มู(คุ �มูก,นท�"ด�

- น&าเสนอคุวามูร! �ท�"ได�ร,บอยี�างห็ลากห็ลายี น�าสนใจ4. เง�"อนไข้คุวามูร! �

- ห็�องปัฏิ(บ,ต(การคุอมูพ(วเตอร3เปั5นแห็ล�งเร�ยีนร! �ท�"ห็ลากห็ลายี การน&าคุวามูร! �ท�"ได�ร,บไปัปัระยี กต3ใช้�ในการศ9กษาว(ช้าต�าง ๆ รวมูท,-งในช้�ว(ตปัระจ&าว,นจะท&าให็�ช้�ว(ตปัระสบคุวามูส&าเรจ

5. เง�"อนไข้คุ ณธิรรมู- ใช้�ว,สด อ ปักรณ3ข้องห็�องปัฏิ(บ,ต(การคุอมูพ(วเตอร3อยี�างมู�

ระเบ�ยีบว(น,ยี

สาระส.าค!ญการใช้� Control Button Label การสร�างเคุร�"องคุ(ดเลข้ และ

Properties KeyPreview เปั5นพ�-นฐานส&าคุ,ญในการเข้�ยีนโปัรแกรมูภาษา

1.1 ข้,-นตอนการเข้�ยีนโปัรแกรมูภาษา2.ที่!กษะ / กระบวน่การ / กระบวน่การค�ด21. ท,กษะการแสวงห็าคุวามูร! �22. กระบวนการคุ(ด : การให็�เห็ต ผล การจ,ดระบบ

คุวามูคุ(ดเปั5นแผนภาพ การสร ปัคุวามูร! �3.ค�ณล!กษณะอ!น่พ%งประสงค

3.1 ซื่�"อส,ตยี3 ส จร(ต ใฝ่8เร�ยีนร! � อยี!�อยี�างพอเพ�ยีง มู �งมู,"นในการท&างาน

ช�"น่งาน่หร�อภาระงาน่ (หล!กฐาน่ ร�องรอยแสดงความร��)1. ใบงานท�" 1

2. ใบงานท�" 23. ใบงานท�" 3

การจ!ดก�จกรรมการเรยน่ร��ขี!"น่น่.า1. แจ�งผลการเร�ยีนร! �ให็�น,กเร�ยีนทราบ2. สอบก�อนเร�ยีน ห็น�วยีท�" 13. คุร!ซื่,กถามูเก�"ยีวก,บการเข้�ยีนโปัรแกรมูขี!"น่สอน่4. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 1 เร�"อง การใช้� Button และ

Label5. น,กเร�ยีนท&าใบงานท�" 1 เร�"อง การใช้� Button และ Label

6. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 2 เร�"อง การสร�างเคุร�"องคุ(ดเลข้7. น,กเร�ยีนท&าใบงานท�" 2 เร�"อง การสร�างเคุร�"องคุ(ดเลข้8. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 3 เร�"อง Properties

KeyPreview ข้อง Form

9. น,กเร�ยีนท&าใบงานท�" 3 เร�"อง Properties KeyPreview

ข้อง Form

ขี!"น่สร�ป10. น,กเร�ยีนและคุร!ร�วมูก,นอภ(ปัรายี สร ปัเก�"ยีวก,บข้,-นตอนการ

ใช้� Button และ Label การสร�างเคุร�"องคุ(ดเลข้ และ Properties KeyPreview ข้อง Form

การจ!ดบรรยากาศึเช�งบวก1. ให็�น,กเร�ยีนร�วมูก,นตอบคุ&าถามูอยี�างอ(สระโดยีไมู�เน�นถ!กผ(ด

แต�ต�องอธิ(บายีเห็ต ผลได�

ส��อการเรยน่ร�� / แหล�งเรยน่ร��1. ใบคุวามูร! �ท�" 1 เร�"อง การใช้� Button และ Label จาก

http://www.tripleboy.net/moodle/file.php/12/button.pdf

2. ใบคุวามูร! �ท�" 2 เร�"อง การสร�างเคุร�"องคุ(ดเลข้ จาก http://www.tripleboy.net/moodle/file.php/12/calculator.pdf

3. ใบคุวามูร! �ท�" 3 เร�"อง Properties KeyPreview ข้อง Form จาก http://www.tripleboy.net/moodle/file.php/12/KeyPreview.pdf

4. ใบงานท�" 1 เร�"อง การใช้� Button และ Label จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=100

5. ใบงานท�" 2 เร�"อง การสร�างเคุร�"องคุ(ดเลข้ จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=98

6. ใบงานท�" 3 เร�"อง Properties KeyPreview ข้อง Form

จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=99

การว!ดและประเม�น่ผู้ลการเรยน่ร��1.ว�ธการว!ดและประเม�น่ผู้ล

1.1 ส,งเกตพฤต(กรรมูข้องน,กเร�ยีนในการเข้�าร�วมูก(จกรรมู (ในช้,-นเร�ยีน)

1.2 ตรวจใบงานท�" 11.3 ตรวจใบงานท�" 21.4 ตรวจใบงานท�" 31.5 ตรวจแบบทดสอบก�อนเร�ยีน

2.เคร��องม�อ2.1 แบบส,งเกตพฤต(กรรมูการเข้�าร�วมูก(จกรรมู (ในช้,-น

เร�ยีน)

2.2 แบบปัระเมู(นใบงานท�" 12.3 แบบปัระเมู(นใบงานท�" 22.4 แบบปัระเมู(นใบงานท�" 32.5 เฉลยีแบบทดสอบก�อนเร�ยีน

3.เกณฑ์ การประเม�น่3.1 การปัระเมู(นพฤต(กรรมูการเข้�าร�วมูก(จกรรมู (ในช้,-น

เร�ยีน) ผ�านต,-งแต� 2 รายีการ ถ�อว�า ผู้�าน่ ผ�าน 1

รายีการถ�อว�า ไม�ผู้�าน่3.2 ได�คุะแนนปัระเมู(นใบงานท�" 1 ร�อยีละ 80 ข้9-นไปั3.3 ได�คุะแนนปัระเมู(นใบงานท�" 2 ร�อยีละ 80 ข้9-นไปั3.4 ได�คุะแนนปัระเมู(นใบงานท�" 3 ร�อยีละ 80 ข้9-นไปั

ใบความร��ที่� 1 เร��อง การใช� Button และ Label

1. สร�าง Project ให็มู�2. น&า Label และ Button มูาวางบนฟอร3มู ด,งภาพท�" 1

ภาพท�" 1 การวางต&าแห็น�ง Label และ Button

3. เปัAด View Code แล�วสร�างการตอบสนอง Event การคุล(กท�"ปั 8มู บวก ด,งภาพท�" 2

Private Sub ButtonAdd_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonAdd.Click MessageBox.Show(15 + 5)

ButtonSubtractButtonDevideButtonMultiply

ButtonAdd

End Sub

ภาพท�" 2 Event ปั 8มูบวก

4. จากน,-นสร�างการตอบสนอง Event เมู�"อคุล(กปั 8มูอ�"น ๆ ในล,กษณะเด�ยีวก,นด,งภาพท�" 3

Private Sub ButtonSubtract_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonSubtract.Click MessageBox.Show(15 - 5) End Sub

Private Sub ButtonMultiply_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles ButtonMultiply.Click MessageBox.Show(15 * 5) End Sub

Private Sub ButtonDivide_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles ButtonDivide.Click MessageBox.Show(15 / 5) End Sub

ภาพท�" 3 Event ปั 8มูอ�"น ๆ

5. ร,นโปัรแกรมู แล�วคุล(กปั 8มูต�าง ๆ เพ�"อผลล,พธิ3

ใบความร��ที่� 2 เร��อง การสร�างเคร��องค�ดเลขี

การสร�างเคุร�"องคุ(ดเลข้โดยีมู�ปั 8มูส&าห็ร,บบวก ลบ คุ!ณ และห็าร โดยีให็�ปั 8มูท,-ง 4 ปั 8มูใช้�ต,วจ,ดการอ�เวนต3ร�วมูก,น รวมูถ9งช้�องร,บข้�อมู!ลจ&านวนท,-งสองช้�องจะใช้�ต,วจ,ดการอ�เวนต3เด�ยีวก,น

1. ออกแบบและก&าห็นด Properties ท�"ส&าคุ,ญด,งภาพท�" 1

ภาพท�" 1 ห็น�าจอฟอร3มู

2. คุล(ก View Code แล�วสร�าง Procedure ส&าห็ร,บตรวจสอบการเปัล�"ยีนแปัลงข้อง TextBox โดยี Procedure น�- จะใช้�ส&าห็ร,บจ,ดการอ�เวนต3 TextChanged และต�องการอ�างถ9ง Object ท�"เก(ดก,บ Event ด�วยี ด,งน,-นจะต�องระบ พารามู(เตอร3ให็�เห็มู�อนก,บ Procedure ข้อง Event แต�ไมู�ต�องก&าห็นดคุ�ยี3เว(ร3ด Handles เพราะจะทดสอบการใช้�คุ&าส,"ง AddHandler ในข้,-นตอนถ,ดไปั โดยีก&าห็นด Code ลงไปัด,งภาพท�" 2

Private Sub Text_Changed(ByVal sender As Object, ByVal e As EventArgs) '-- แปัลงออบเจกต3ท�"เก(ดอ�เวนต3ให็�เปั5นคุอนโทรล TextBox Dim tbx As TextBox = CType(sender, TextBox) If tbx.Text = "" Then Exit Sub End If If Not IsNumeric(tbx.Text) Then MessageBox.Show("ต�องก&าห็นดข้�อมู!ลเปั5นต,วเลข้เท�าน,-น") tbx.Text = "" End If End Sub

ภาพท�" 2 อ�เวนต3 Text_changed

3. เมู�"อโห็ลดฟอร3มูให็�เพ("มู Procedure Text_Changed

จากข้�อท�" 3 เปั5นต,วจ,ดการอ�เวนต3 TextChanged ข้อง

TextNum1TextNum2

TextResult

ButtonAdd, ButtonSubtract,ButtonMultiply, ButtonDivide

TextNum1 และ TextNum2 โดยีก&าห็นด Code ด,งภาพท�" 3

Private Sub Form1_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load '-- ให็�โพรซื่�เยีอร3 Text_Changed เปั5นต,วจ,ดการข้อง TextBox ท�"ใช้�ร,บข้�อมู!ลท,-งสองช้�อง AddHandler TextNum1.TextChanged, AddressOf Text_Changed AddHandler TextNum2.TextChanged, AddressOf Text_Changed End Sub

ภาพท�" 3 Procedure Form1_Load

4. ในการเล�อก Operator ส&าห็ร,บการคุ&านวณ ได�จ,ดเตร�ยีมูปั 8มูเอาไว�แล�ว แต�เน�"องจากมู�ว(ธิ�การตอบสนองท�"คุล�ายีคุล9งก,น ด,งน,-น จ9งจะให็�ปั 8มู Operator ท,-งห็มูดใช้�ต,วจ,ดการ Event เด�ยีวก,น จากน,-นจ9งตรวจสอบว�าปั 8มูใดถ!กคุล(ก แล�วก&าห็นดว(ธิ�การคุ&านวณตามูน,-น โดยีก&าห็นด Code ด,งภาพท�" 4

Private Sub Button_Click(ByVal sender As Object, ByVal e As EventArgs) _ Handles ButtonAdd.Click, ButtonSubtract.Click, _ ButtonMultiply.Click, ButtonDivide.Click

'-- แปัลงออบเจกต3ท�"เก(ดอ�เวนต3ให็�เปั5นคุอนโทรล Button Dim btn As Button = CType(sender, Button) Dim op As Char = btn.Text

Dim r, num1, num2 As Double num1 = TextNum1.Text num2 = TextNum2.Text

Select Case op Case "+" : r = num1 + num2 Case "-" : r = num1 - num2 Case "*" : r = num1 * num2 Case "/" : r = num1 / num2 End Select

TextResult.Text = r

End Sub

ภาพท�" 4 Procedure Button_Click

5. ร,นโปัรแกรมู แล�วทดลองปัBอนข้�อมู!ล ส,งเกตการตอบสนองต�อ Event ข้อง TextBox และปั 8มูต�าง ๆ ถ!กต�องห็ร�อไมู�

ใบความร��ที่� 3 เร��อง Properties KeyPreview ขีอง Form

KeyPreview เปั5น Properties ข้อง Form ท�"เก�"ยีวก,บคุ�ยี3บอร3ด ซื่9"งเปั5นต,วก&าห็นดว�าจะให็�ฟอร3มูเปั5นต,วร,บ Event จากคุ�ยี3บอร3ดก�อนคุอนโทรลอ�"น ๆ บนฟอร3มูห็ร�อไมู� ห็ากก&าห็นดเปั5น True แสดงว�าต�องการให็�ฟอร3มูร,บก�อน โดยีต,วอยี�าง การตรวจสอบข้�อมู!ลข้องปั 8มูคุ�ยี3บอร3ดท�"ถ!กกด ด,งน�-

1. น&าคุอนโทรลมูาวาง และก&าห็นด Properties ท�"ส&าคุ,ญ ด,งภาพท�" 1

ภาพท�" 1 ห็น�าจอฟอร3มู

CheckShiftCheckCtrlCheckAlt

TextKeyCodeTextKeyValueTextKeyData

2. ก&าห็นดให็�คุ�ยี3บอร3ดร,บ Event ข้องคุ�ยี3บอร3ดก�อนคุอนโทรลอ�"น ด,งภาพท�" 2

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Me.KeyPreview = True End Sub

ภาพท�" 2 อ�เวนต3 Form1

3. เมู�"อผ!�ใช้�กดคุ�ยี3บอร3ดปั 8มูใด ให็�อ�านข้�อมู!ลข้องปั 8มูน,-นมูาแสดง พร�อมูตรวจสอบสถานะข้องปั 8มู Key Modifier ด�วยี โดยีด,กการเก(ด Event KeyDown ก,บฟอร3มูด,งภาพท�" 3

Private Sub Form1_KeyDown(ByVal sender As Object, ByVal e As System.Windows.Forms.KeyEventArgs) Handles Me.KeyDown CheckShift.Checked = e.Shift CheckCntrl.Checked = e.Control CheckAlt.Checked = e.Alt

TextKeyCode.Text = e.KeyCode.ToString() TextKeyValue.Text = e.KeyValue.ToString() TextKeyData.Text = e.KeyData.ToString() End Sub

ภาพท�" 3 Procedure Form1_KeyDown

4. ร,นโปัรแกรมูแล�วกดคุ�ยี3บอร3ดปั 8มูต�าง ๆ

ใบงาน่ที่� 1 เร��อง การใช� Button และ Label

ค.าช"แจง ให็�น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 1 แล�วอธิ(บายีข้,-นตอนการท&างานข้องโปัรแกรมู................................................................................................................................................................................................................................................................................................................................

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

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