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

18

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

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

สพม.25

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

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

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

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

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

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

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

19

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

รวมูคุะแน

รวมู

20

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

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

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

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

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

ว,นท

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

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

19 – 24 คุะแนน =

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

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

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

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

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

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

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

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

_________________

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

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

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

21

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

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

22

ก�จกรรมการเรยน่ร��ช!�วโมงที่� 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. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา

23

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

24

ช!�วโมงที่� 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

25

ช!�วโมงที่� 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

26

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

27

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

28

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 ช!�วโมง

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

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

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

29

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

ภาษา

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

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

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

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

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

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

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

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

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

30

สอน่ว!น่ที่� 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. การมู�ภ!มู(คุ �มูก,นท�"ด�

31

- น&าเสนอคุวามูร! �ท�"ได�ร,บอยี�างห็ลากห็ลายี น�าสนใจ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

32

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. ให็�น,กเร�ยีนร�วมูก,นตอบคุ&าถามูอยี�างอ(สระโดยีไมู�เน�นถ!กผ(ด

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

33

ส��อการเรยน่ร�� / แหล�งเรยน่ร��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 ตรวจแบบทดสอบก�อนเร�ยีน

34

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

35

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

36

ภาพท�" 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

37

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

38

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

39

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 แล�วอธิ(บายีข้,-นตอนการท&างานข้องโปัรแกรมู................................................................................................................................................................................................................................................................................................................................

40

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

41

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

42

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

43

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

44

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

45

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



ระด,บ 4 3 2 1


รวมู

46

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


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


ระด,บ 4 3 2 1




19 – 24 คุะแนน =


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



47


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


รวมู



19 – 24 คุะแนน =


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



48

ใบงาน่ที่� 3 เร�"อง Properties KeyPreview ข้อง Form ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics)

ด,งน�-


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



ระด,บ 4 3 2 1


รวมู


49

แบบส!งเกต์พฤต์�กรรม การเขี�าร�วมก�จกรรม (ใน่ช!"น่เรยน่)

ค.าช"แจง ให็�ท&าเคุร�"องห็มูายี ลงในช้�องรายีการส,งเกตพฤต(กรรมูท�"น,กเร�ยีนปัฏิ(บ,ต(

เลขีที่� ช��อ - สก�ล

รายการ

สร�ปผู้ลการ

ประเม�น่

ร�วมม�อใน่การที่.าก�จกรรม

กล�าออกมาแสดง

ความสามารถ

เขี�าร�วมก�จกรรม

ด�วยความ

สน่�กสน่าน่

ผู้�าน่

ไม�ผู้�าน่ ผู้�าน่ ไม�

ผู้�าน่ผู้�าน่

ไม�ผู้�าน่



1.น.ส.ช้ณ(ษฐา ใกล�ด�านกลาง

2. น.ส.ปัพ(ช้ญา ก&าก!ด

3.น.ส.ส พ(ช้ช้า เล(ศคุอนสาร

4. นายีอ,ษฎาว ธิ ปัท มูทอง

5. น.ส.มูะล(ษา ภ!ทองห็ล�อ

6. น.ส.มู(นตรา ลาด�


19 – 24 คุะแนน =


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



50

7.น.ส.วณ(ช้า เสง�"ยีมูศ,กด(E

8. น.ส.กาญจนา ปัาล�

9.น.ส.พจน3จณ� พรมูโนนศร�

10.นายีภาน พงศ3 ช้าตะมู�นา

11. น.ส.จ(ตรา บ ดดาดวง

12. น.ส.แก�วเก�า บ ตรมู!ล

13.น.ส.ภ,ทช้น(ดา จ,นทร3ห็อมู

14.น.ส.ก,ญญาณ,ฐ บ,วส(ทธิ(E

15.นายีทศพล ปัระสมูทร,พยี3

16. น.ส.เสาวภา พ,นธิ 3ว(เศษ

17. น.ส.อ(นท(รา ช้าล�วงคุ3

18. น.ส.ส วรรณณา ช้าดา

19. นายีอธิ(ปั$ตยี3 อ�อนแพง

20. น.ส.กานต3ฤท,ยี โคุตา

21.นายีคุณ(น เห็ล�าธิรรมูยี("งยีง

22. นายีส ร(ยีา วะนาสนท3

23. นายีศ ภโช้คุ ห็าลาภ

24. น.ส.ศ(ร(นภา ปัระสมูศร�

25. น.ส.วราภรณ3 ศร�เส�อ

26.น.ส.น,ทธิ3ช้น,น มูะนาร,มูยี3

27. น.ส.อรยีา กาภ!คุ&า

28.น.ส.แพรพรรณ พลเสน�ยี3

เกณฑ์ การประเม�น่

51

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

ลงช้�"อ ผ!�ปัระเมู(น

(นายีนพคุ ณ ส�บเลยี) 21 ต ลาคุมู 2556

ขี�อเสน่อแน่ะขีองผู้��อ.าน่วยการโรงเรยน่/ผู้��ได�ร!บมอบหมาย_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

52

___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

ลงช้�"อ__________________ ผ!�อ&านวยีการโรงเร�ยีน/ผ!�ได�ร,บมูอบห็มูายี (นายีว,นช้,ยี ศ(ร(ร,ตนปั$ญญากร) _____/_____/_____

53

บ!น่ที่%กหล!งการจ!ดการเรยน่ร��

ผู้ลการจ!ดการเรยน่การสอน่____ด�าน่ความร��_________________________________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ที่!กษะ / กระบวน่การ / กระบวน่การค�ด_________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ค�ณล!กษณะอ!น่พ%งประสงค _______________________________________________________________________________________________________________________________________________________________________________________________

ป7ญหา / อ�ปสรรค___________________________________________________________________________________________________________________________________________________________________________________________________________________________

54

___________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

ลงช้�"อ__________________ (ผ!�บ,นท9ก)




55



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



จ�ดประสงค การเรยน่ร��1. อธิ(บายีการอน ญาตให็�ใช้�อ,กข้ระท�"ต�องการ โปัรแกรมูวาดเส�น

และการ Drag รายีการใน ListBox (K)

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




56







สาระส.าค!ญการเข้�ยีนโปัรแกรมู การอน ญาตให็�ใช้�อ,กข้ระท�"ต�องการ

โปัรแกรมูวาดเส�นและการ Drag รายีการใน ListBox เปั5นพ�-นฐานส&าคุ,ญในการเข้�ยีนโปัรแกรมูภาษา




57


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

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

ต�องการ5. น,กเร�ยีนท&าใบงานท�" 4 เร�"อง การอน ญาตให็�ใช้�อ,กข้ระท�"

ต�องการ6. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 5 เร�"อง โปัรแกรมูวาดเส�น7. น,กเร�ยีนท&าใบงานท�" 5 เร�"อง โปัรแกรมูวาดเส�น8. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 6 เร�"อง การ Drag รายีการใน

ListBox9. น,กเร�ยีนท&าใบงานท�" 6 เร�"อง การ Drag รายีการใน

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

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

58



ส��อการเรยน่ร�� / แหล�งเรยน่ร��1. ใบคุวามูร! �ท�" 4 เร�"อง การอน ญาตให็�ใช้�อ,กข้ระท�"ต�องการ จาก

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

2. ใบคุวามูร! �ท�" 5 เร�"อง โปัรแกรมูวาดเส�น จาก http://www.tripleboy.net/moodle/file.php/12/DrawLine.pdf

3. ใบคุวามูร! �ท�" 6 เร�"อง การ Drag รายีการใน ListBox ข้อง Form จาก http://www.tripleboy.net/moodle/file.php/12/DragList.pdf

4. ใบงานท�" 4 เร�"อง การอน ญาตให็�ใช้�อ,กข้ระท�"ต�องการ จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=101

5. ใบงานท�" 5 เร�"อง โปัรแกรมูวาดเส�น จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=102

6. ใบงานท�" 6 เร�"อง การ Drag รายีการใน ListBox จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=103


59


1.2 ตรวจใบงานท�" 41.3 ตรวจใบงานท�" 51.4 ตรวจใบงานท�" 6


เร�ยีน)

2.2 แบบปัระเมู(นใบงานท�" 42.3 แบบปัระเมู(นใบงานท�" 52.4 แบบปัระเมู(นใบงานท�" 6




ใบความร��ที่� 4 เร��อง การอน่�ญาต์ให�ใช�อ!กขีระที่�ต์�องการ

1. วาง Control พร�อมูก&าห็นด Properties ด,งภาพท�" 1

RadioAny, RadioDigit,RadioLower, RadioUpper,

TextBox1RadioLetter

60

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

2. ตรวจจ,บการเก(ด Event KeyPress ท�" TextBox1 แล�วตรวจสอบว�าอน ญาตให็�ปัBอนข้�อมู!ลแบบใด จากน,-นใช้� method ข้อง object Char ในการตรวจสอบ ด,งภาพท�" 2

Private Sub TextBox1_KeyPress(ByVal sender As Object, ByVal e As System.Windows.Forms.KeyPressEventArgs) Handles TextBox1.KeyPress If RadioAny.Checked Then e.Handled = False

ElseIf RadioDigit.Checked AndAlso Not Char.IsNumber(e.KeyChar) Then e.Handled = True MessageBox.Show("เฉพาะ 0-9 เท�าน,-น")

ElseIf RadioLower.Checked AndAlso Not Char.IsLower(e.KeyChar) Then e.Handled = True MessageBox.Show("เฉพาะ a-z เท�าน,-น")

ElseIf RadioUpper.Checked andalso Not Char.IsUpper(e.KeyChar) Then e.Handled = True MessageBox.Show("เฉพาะ A-Z เท�าน,-น")

ElseIf RadioLetter.Checked Then '-- ห็ากใช้� Char.IsLetter() จะไมู�สามูารถบลอกอ,กข้ระภาษาไทยีได� '-- จ9งต�องใช้� 2 เมูธิอดน�-ร �วมูก,น If Not Char.IsLower(e.KeyChar) AndAlso _ Not Char.IsUpper(e.KeyChar) Then

e.Handled = True MessageBox.Show("เฉพาะ a-z ห็ร�อ A-Z เท�าน,-น") End If End If End Sub

ภาพท�" 2 Procedure TextBox1_KeyPress

3. ร,นโปัรแกรมู แล�วเล�อกช้น(ดอ,กข้ระท�"อน ญาตให็�ปัBอนได� ซื่9"งถ�าปัBอนไมู�ตรงก,บท�"เล�อกกจะปัรากฏิคุ&าแจ�งเต�อน

ใบความร��ที่� 5 เร��อง โปรแกรมวาดเส�น่

1. วาง Control พร�อมูก&าห็นด Properties ด,งภาพท�" 1

61


2. ก&าห็นดต,วแปัร Field ซื่9"งต�องใช้�ร�วมูก,นระห็ว�าง Procedure

และก&าห็นดคุ�าเร("มูต�นเมู�"อโห็ลด Form ด,งภาพท�" 2 Private x0, y0 As Integer Private p As Pen Private g As Graphics

Private Sub Form1_Load() Handles Me.Load ComboColor.Items.AddRange(New String() {"Red", "Green", "Blue"}) ComboWidth.Items.AddRange(New String() {"2", "4", "6"})

g = PictureBox1.CreateGraphics() '-- ต,วออบเจกต3 Graphics p = New Pen(Color.Red, 2) '-- สร�างออบเจกต3 Pen ส&าห็ร,บใช้�วาด

ComboColor.SelectedIndex = 0 ComboWidth.SelectedIndex = 0 End Sub


3. เมู�"อเก(ด Event MouseDown ท�" PictureBox ห็ากเปั5นการคุล(กซื่�ายีจะอ�านต&าแห็น�งท�"คุล(กไปัเกบไว�ในต,วแปัล Field ก�อน เพ�"อใช้�เปั5นจ ดเร("มูต�นข้องร!ปัท�"วาด แต�ห็ากเปั5นคุล(กข้วาให็�เคุล�ยีร3 PictureBox โดยี Procedure

PictureBox1_MouseDown เปั5นด,งภาพท�" 3

PictureBox1BackColor : White

ComboWidth

BorderStyle : Fixed3D

ComboColor

62

Private Sub PictureBox1_MouseDown(ByVal sender As Object, _ ByVal e As MouseEventArgs) Handles PictureBox1.MouseDown

'-- ถ�าคุล(กซื่�ายี ให็�อ�านคุ�าจ ดพ(ก,ด เพ�"อก&าห็นดเปั5นจ ดเร("มูต�นในการวาด If (e.Button = MouseButtons.Left) Then x0 = e.X y0 = e.Y

'-- ถ�าคุล(กข้วา ให็�ล�างห็น�าจอ เพ�"อให็�วาดภาพลงไปัให็มู�ได� ElseIf (e.Button = MouseButtons.Right) Then PictureBox1.Refresh() End If End Sub

ภาพท�" 3 Procedure PictureBox1_MouseDown

4. ห็ากคุล(กเมูาส3คุ�างไว� แล�วลากไปัในท(ศทางต�าง ๆ จะเก(ด Event

MouseMove ซื่9"งข้ณะลากน,-นต�องท&าการวาดไปัด�วยี โดยีน&าต&าแห็น�งท�"เมูาส3ช้�-อยี!�ในข้ณะน,-นเปั5นต&าแห็น�งปัลายีทาง และต&าแห็น�งท�"เกบไว�ในข้�อ 3 เปั5นต&าแห็น�งต�นทาง เมู�"อวาดเสรจส(-น กก&าห็นดให็�จ ดปัลายีทางน�-เปั5นจ ดเร("มูต�นส&าห็ร,บการเคุล�"อนยี�ายีเมูาส3ไปัยี,งต&าแห็น�งถ,ดไปั กจะเก(ดการวาดไปัยี,งต&าแห็น�งน,-นอ�ก เปั5นเช้�นน�-เร�"อยี ๆ จนเก(ดเปั5นเส�นกราฟAกท�"ต�อเน�"องก,น ด,งภาพท�" 4

Private Sub PictureBox1_MouseMove(ByVal sender As Object, _ ByVal e As MouseEventArgs) Handles PictureBox1.MouseMove

'-- ถ�าเมูาส3ยี,งถ!กกดอยี!� ให็�วาดเส�นจากต&าแห็น�งเด(มู (x0, y0) '-- มูายี,งต&าแห็น�งท�"เมูาส3ช้�-อยี!� If e.Button = MouseButtons.Left Then g.DrawLine(p, x0, y0, e.X, e.Y) End If

'-- ก&าห็นดให็�ต&าแห็น�งปั$จจ บ,นเปั5นต&าแห็น�งเร("มูต�นข้องการวาดคุร,-งต�อไปั x0 = e.X y0 = e.Y End Sub

63

ภาพท�" 4 Procedure PictureBox1_MouseMove

5. เมู�"อเปัล�"ยีนการเล�อกรายีการข้อง ComboBox กให็�ก&าห็นด Properties ข้อง Object Pen ให็มู� ด,งภาพท�" 5

6. ร,นโปัรแกรมู โดยีคุล(กแล�วลากเพ�"อวาดเส�นตามูต�องการ

Private Sub ComboColor_SelectedIndexChanged() _ Handles ComboColor.SelectedIndexChanged

p.Color = Color.FromName(ComboColor.SelectedItem) End Sub

Private Sub ComboWidth_SelectedIndexChanged() _ Handles ComboWidth.SelectedIndexChanged

p.Width = ComboWidth.SelectedItem End Sub

ภาพท�" 5 Procedure ComboColor_SelectedIndexChanged

และ ComboWidth_SelectedIndexChanged

64

ใบความร��ที่� 6 เร��อง การ Drag รายการใน่ ListBox

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


2. เมู�"อคุล(กเมูาส3 (เก(ด Event MouseDown) ท�"รายีการใน ListBox1 ให็�เร("มูต�นเข้�าส!�กระบวนการ Drag – Drop โดยีเข้�ยีน Code ด,งภาพท�" 2

Private Sub ListBox1_MouseDown(ByVal sender As Object, _ ByVal e As MouseEventArgs) Handles ListBox1.MouseDown

Dim idx As Integer

ListBox2

AllowDrop : TrueListBox1

Item : เต(มูรายีการด,งภาพ

65

idx = ListBox1.SelectedIndex '-- รายีการท�"จะ Drag ไปัคุ�อรายีการท�"ถ!กเล�อก

ListBox1.DoDragDrop(ListBox1.Items(idx), DragDropEffects.Copy) End Sub


3. เมู�"อ Drag Object เข้�ามูาใน ListBox2 ให็�ตรวจสอบ Object

ท�" Drag มูาว�าเปั5นร!ปัแบบท�"เรายีอมูร,บห็ร�อไมู� เปั5นด,งภาพท�" 34. เมู�"อวาง (Drop) ออบเจกต3ท�" Drag มูาลงบน ListBox2 กให็�

อ�านช้�"อรายีการท�" Drag มูาแล�วน&าไปัเพ("มูเปั5นรายีการให็มู�ข้อง ListBox2 ด,งภาพท�" 4

5. ทดสอบการท&างาน โดยี Drag รายีการจาก ListBox1 มูาวางลงบน ListBox2

Private Sub ListBox2_DragEnter(ByVal sender As Object, _ ByVal e As DragEventArgs) Handles ListBox2.DragEnter

'-- ตรวจสอบว�าข้�อมู!ลท�" Drag มูาเปั5นช้น(ด Text ห็ร�อไมู� มู(ฉะน,-นแล�วจะไมู�ยีอมูร,บข้�อมู!ลน,-น If e.Data.GetDataPresent(DataFormats.Text) Then e.Effect = DragDropEffects.Copy Else e.Effect = DragDropEffects.None End If End Sub

End If End Sub

ภาพท�" 3 Procedure ListBox2_DragEnter

66

Private Sub ListBox2_DragDrop(ByVal sender As Object, _ ByVal e As DragEventArgs) Handles ListBox2.DragDrop

Dim data As String = e.Data.GetData(DataFormats.Text) If ListBox2.FindStringExact(data) = -1 Then ListBox2.Items.Add(data) End If End Sub

ภาพท�" 4 Procedure ListBox2_DragDrop

ใบงาน่ที่� 4 เร��อง การอน่�ญาต์ให�ใช�อ!กขีระที่�ต์�องการ


67

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

68

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ใบงาน่ที่� 5 เร��อง โปรแกรมวาดเส�น่


69

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

70

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ใบงาน่ที่� 6 เร��อง การ Drag รายการใน่ ListBox

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

71

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

72

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



ระด,บ 4 3 2 1


รวมู

73

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

ล ง ช้�" อ ผ!�ปัระเมู(น

(นายีนพคุ ณ ส�บเลยี) / / /

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


ระด,บ 4 3 2 1



19 – 24 คุะแนน =


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




74


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


รวมู



19 – 24 คุะแนน =


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



75

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


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



ระด,บ 4 3 2 1


รวมู


76




รายการ






















19 – 24 คุะแนน =


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



77
























78





79

___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________


80



ป7ญหา / อ�ปสรรค___________________________________________________________________________________________________________________________________________________________________________________________________________________________

81

___________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

ลงช้�"อ__________________ (ผ!�บ,นท9ก)




82



สอน่ว!น่ที่� 4 เด�อน่ พฤศจ(กายีน พ.ศึ. 2556 ผู้��สอน่ นายีนพคุ ณ ส�บเลยี



จ�ดประสงค การเรยน่ร��1. อธิ(บายีการซื่�อนห็ร�อแสดงคุอนโทรลบางส�วนบนฟอร3มู การ

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

2. เข้�ยีนโปัรแกรมู การซื่�อนห็ร�อแสดงคุอนโทรลบางส�วนบนฟอร3มู การสร�างเกมู TicTacToe และการสร�างฟอร3มูแบบไดอะลอก (P)



83








สาระส.าค!ญการเข้�ยีนโปัรแกรมู การซื่�อนห็ร�อแสดงคุอนโทรลบางส�วนบน

ฟอร3มู การสร�างเกมู TicTacToe และการสร�างฟอร3มูแบบไดอะลอก เปั5นพ�-นฐานส&าคุ,ญในการเข้�ยีนโปัรแกรมูภาษา


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

84

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

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

ในการท&างาน

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

ฟอร3มู2. ใบงานท�" 8 เร�"อง การสร�างเกมู TicTacToe

3. ใบงานท�" 9 เร�"อง การสร�างฟอร3มูแบบไดอะลอก

การจ!ดก�จกรรมการเรยน่ร��ขี!"น่น่.า1. แจ�งผลการเร�ยีนร! �ให็�น,กเร�ยีนทราบ2. คุร!ซื่,กถามูเก�"ยีวก,บการเข้�ยีนโปัรแกรมู3. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูา

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

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

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

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

8. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 9 เร�"อง การสร�างฟอร3มูแบบไดอะลอก

85

9. น,กเร�ยีนท&าใบงานท�" 9 เร�"อง การสร�างฟอร3มูแบบไดอะลอกขี!"น่สร�ป10. น,กเร�ยีนและคุร!ร�วมูก,นอภ(ปัรายี สร ปัเก�"ยีวก,บการซื่�อน

ห็ร�อแสดงคุอนโทรลบางส�วนบนฟอร3มู การสร�างเกมู TicTacToe และการสร�างฟอร3มูแบบไดอะลอก



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

บนฟอร3มู จาก http://www.tripleboy.net/moodle/file.php/12/Hidden.pdf

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

3. ใบคุวามูร! �ท�" 9 เร�"อง การสร�างฟอร3มูแบบไดอะลอก จาก http://www.tripleboy.net/moodle/file.php/12/Dialog.pdf

4. ใบงานท�" 7 เร�"อง การซื่�อนห็ร�อแสดงคุอนโทรลบางส�วนบนฟอร3มู จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=104

5. ใบงานท�" 8 เร�"อง การสร�างเกมู TicTacToe


86

6. ใบงานท�" 9 เร�"อง การสร�างฟอร3มูแบบไดอะลอก จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=106



1.2 ตรวจใบงานท�" 71.3 ตรวจใบงานท�" 81.4 ตรวจใบงานท�" 9


เร�ยีน)

2.2 แบบปัระเมู(นใบงานท�" 72.3 แบบปัระเมู(นใบงานท�" 82.4 แบบปัระเมู(นใบงานท�" 9




ใบความร��ที่� 7 เร��อง การซ่�อน่หร�อแสดงคอน่โที่รลบางส�วน่บน่ฟอร ม

87

1. น&า Control มูาวางและก&าห็นด Properties ด,งภาพท�" 1


2. เมู�"อโห็ลดฟอร3มู ให็�ซื่�อนคุอนโทรลใน GroupBox ก�อน โดยีเปัล�"ยีนคุวามูส!งข้องฟอร3มูเท�าก,บระยีะข้อบล�างข้องปั 8มู แสดงต์!วเล�อก บวกระยีะปัร,บแต�งตามูคุวามูเห็มูาะสมู ด,งภาพท�" 2

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Me.FormBorderStyle = FormBorderStyle.FixedDialog Me.Height = ButtonOptions.Bottom + 40 End Sub


3. เมู�"อคุล(กท�"ปั 8มู ButtonOptions จะแสดงต,วเล�อกท�"อยี!�ใน GroupBox ด,งน,-น เราต�องข้ยีายีข้นาดคุวามูส!งข้องฟอร3มูโดยียี9ดข้อบล�าง (Button) ข้อง GroupBox เปั5นเกณฑ์3 และจะให็�ปั 8มูน�-สามูารถซื่�อนคุอนโทรลใน GroupBox ได�เช้�นก,น ด,งน,-น ปั 8มูน�-จ9งมู� 2 เง�"อนไข้ ซื่9"งจะใช้�ข้�อคุวามู (Text) บนปั 8มูเปั5นต,วเปัร�ยีบเท�ยีบ โดยีก&าห็นด Code ด,งภาพท�" 3

4. ทดสอบการท&างาน

ButtonOptions

88

Private Sub ButtonOptions_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonOptions.Click If ButtonOptions.Text = "แสดงต,วเล�อก" Then Me.Height = GroupBox1.Bottom + 50 ButtonOptions.Text = "ซื่�อนต,วเล�อก" Else Me.Height = ButtonOptions.Bottom + 40 ButtonOptions.Text = "แสดงต,วเล�อก" End If End Sub

ภาพท�" 3 Procedure ButtonOptions_Click

89

ใบความร��ที่� 8 เร��อง การสร�างเกม TicTacToe



2. เข้�ามู มูมูอง Code แล�วสร�างต,วแปัรฟAลด3ส&าห็ร,บเกบคุ�าไว�เปัร�ยีบเท�ยีบว�าผ!�เล�นคุล(กคุร,-งท�"แล�วเปั5น “X” ห็ร�อ “O” ด,งภาพท�" 2

Private lastPlayer As String = "O"

ภาพท�" 2 ก&าห็นดต,วแปัรเกบคุ�าการคุล(ก

Panel1

ButtonReset

90

3. Procedure ด,งภาพท�" 3 จะใช้�เปั5นต,วจ,ดการ Event ข้องปั 8มู X-O ท,-งห็มูด โดยีเมู�"อคุล(กแต�ละปั 8มูกให็�แสดงข้�อคุวามูบนปั 8มูเปั5น “X” สล,บก,บ “O” เห็มู�อนก,บว�ามู�ผ!�เล�น 2 คุนผล,ดก,นเล�นโดยีสร�าง Procedure ไว�

Private Sub Button_Click(ByVal sender As Object, ByVal e As EventArgs) '-- sender เปั5นช้น(ด Object ต�องแปัลงเปั5น Button ก�อน Dim btn As Button = CType(sender, Button) If btn.Text <> "" Then Return End If

'-- ห็ากคุร,-งท�"แล�วเปั5น "O" คุร,-งต�อไปัต�องเปั5น "X" '-- แต�ห็ากคุร,-งท�"แล�วเปั5น "X" คุร,-งต�อไปัต�องเปั5น "O" If lastPlayer = "O" Then btn.Text = "X" lastPlayer = "X" Else btn.Text = "O" lastPlayer = "O" End If End Sub


4. เมู�"อโห็ลดฟอร3มู Procedure Button_Click() เปั5นต,วจ,ดการ Event ข้องแต�ละปั 8มู และข้�อก&าห็นดเพ("มูเต(มูอ�"น ๆ ด,งภาพท�" 4

Private Sub Form1_Load(ByVal sender As Object, ByVal e As EventArgs) Handles MyBase.Load Dim btn As Button

91

For Each ctrl In Panel1.Controls '-- แปัลงเปั5นช้น(ด Button เพ�"อให็�อ�างถ9งสมูาช้(กข้องคุอนโทรลน�-ได� btn = CType(ctrl, Button) btn.Text = "" btn.Font = New Font("Tahoma", 14, FontStyle.Bold) AddHandler btn.Click, AddressOf Button_Click Next End Sub


5. เมู�"อคุล(กปั 8มู Reset ให็�ลบต,วอ,กษรออกจากปั 8มู X – O ด,งภาพท�" 5


Private Sub ButtonReset_Click(ByVal sender As Object, ByVal e As EventArgs) Handles ButtonReset.Click For i = 0 To Panel1.Controls.Count - 1 Panel1.Controls(i).Text = "" Next End Sub

ภาพท�" 5 Procedure ButtonReset_Click

92

ใบความร��ที่� 9 เร��อง การสร�างฟอร มแบบไดอะล:อก


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

Label 1AutoSize : FalseBorderStyle : Fixed3D

ButtonForeColor

ButtonFontSize

93

2. เมู�"อคุล(กท�"ปั 8มูจะสร�างรายีการเพ�"อส�งไปัเปั5นต,วเล�อกท�"ไดอะลอก และอ�านรายีการท�"เล�อกกล,บมูา โดยีก&าห็นด Codew ด,งภาพท�" 2

Public Class Form1

Private Sub ButtonFontSize_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonFontSize.Click ComboDialog.AddItems(New String() {"10.25", "14", "18", "20"}) ComboDialog.Description = "กร ณาเล�อกข้นาดข้องฟอนต3"

If ComboDialog.ShowDialog() = Windows.Forms.DialogResult.OK Then Dim size As Integer = CInt(ComboDialog.SelectedItem) Dim f As New Font(Label1.Font.FontFamily, size) Label1.Font = f End If End Sub

Private Sub ButtonForeColor_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonForeColor.Click ComboDialog.AddItems(New String() {"Red", "Green", "Blue", "Black"}) ComboDialog.Description = "กร ณาเล�อกส�ข้องฟอนต3"

If ComboDialog.ShowDialog() = Windows.Forms.DialogResult.OK Then Label1.ForeColor = Color.FromName(ComboDialog.SelectedItem) End If End Sub

End Class

ภาพท�" 2 Procedure ButtonFonSize_Click และ ButtonForeColor_Click

3. เพ("มู Form ให็มู�ท�"จะใช้�เปั5น Dialog เข้�ามูา โดยีคุล(กท�" Project -> Add Windows Form -> Windows Form แล�วก&าห็นดช้�"อฟอร3มูเปั5น ComboDialog และก&าห็นด Properties ด,งภาพท�" 3

94

ภาพท�" 3 ComboDialog

4. เข้�ามู มูมูอง Code ข้องฟอร3มู ComboDialog แล�วก&าห็นด Code


ButtonOK

Label1AutoSize : FalseAutoEllipsis : True

ComboBox1DropDownStyle : DropDownList ButtonCancel

ComboDialog (Form Name)FormBorderStyle : FixedDialogAcceptButton : ButtonOKCancelButton : ButtonCancel

95

Public Class ComboDialog

Public Sub AddItems(ByVal itms() As String) ComboBox1.Items.Clear() ComboBox1.Items.AddRange(itms) End Sub

Public ReadOnly Property SelectedItem() As String Get Return ComboBox1.SelectedItem End Get End Property

Public WriteOnly Property Description() As String Set(ByVal value As String) Label1.Text = value End Set End Property

Private Sub ButtonOK_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonOK.Click Me.DialogResult = DialogResult.OK Me.Close() End Sub

Private Sub ButtonCancel_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonCancel.Click Me.DialogResult = DialogResult.Cancel Me.Close() End Sub

End Class

ภาพท�" 4 Code ข้อง ComboDialog Form

96

ใบงาน่ที่� 7 เร��อง การซ่�อน่หร�อแสดงคอน่โที่รลบางส�วน่บน่ฟอร ม

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

97

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ใบงาน่ที่� 8 เร��อง การสร�างเกม TicTacToe

98

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

99

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ใบงาน่ที่� 9 เร��อง การสร�างฟอร มแบบไดอะล:อก

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

100

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

101

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ใบงาน่ที่� 7 เร�"อง การซื่�อนห็ร�อแสดงคุอนโทรลบางส�วนบนฟอร3มู ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics)

ด,งน�-


ระด,บ 4 3 2 1


102


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


รวมู



19 – 24 คุะแนน =


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



103

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


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



ระด,บ 4 3 2 1


รวมู


104

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



ระด,บ 4 3 2 1


รวมู


19 – 24 คุะแนน =


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



105

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




เลขีที่� ช��อ - สก�ล รายการ สร�ปผู้ลการ

ประเม�น่ร�วมม�อ

ใน่การที่.าก�จกรรม








19 – 24 คุะแนน =


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



106





























107







เกณฑ์ การประเม�น่ผ�านต,-งแต� 2 รายีการ ถ�อว�า ผู้�าน่ผ�าน 1 รายีการ ถ�อว�า ไม�ผู้�าน่


(นายีนพคุ ณ ส�บเลยี) 4 พฤศจ(กายีน 2556

ขี�อเสน่อแน่ะขีองผู้��อ.าน่วยการโรงเรยน่/ผู้��ได�ร!บมอบหมาย________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

108

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

109



ผู้ลการจ!ดการเรยน่การสอน่____ด�าน่ความร��_________________________________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ที่!กษะ / กระบวน่การ / กระบวน่การค�ด_________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ค�ณล!กษณะอ!น่พ%งประสงค ______________________________________________________________________________________________________________________

110

_________________________________________________________________________

ป7ญหา / อ�ปสรรค______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

ลงช้�"อ__________________ (ผ!�บ,นท9ก)

(นายีนพคุ ณ ส�บเลยี)

111

4 พฤศจ(กายีน 2556








จ�ดประสงค การเรยน่ร��

112

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

2. เข้�ยีนโปัรแกรมู การพล(กห็มู นและบ,นท9กการเปัล�"ยีนแปัลงร!ปั การเล�นไฟล3มู,ลต(มู�เด�ยี และการสร�างรายีการ AutoComplete (P)










สาระส.าค!ญ

113

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

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





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

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

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

114

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

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

6. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 11 เร�"อง การเล�นไฟล3มู,ลต(มู�เด�ยี7. น,กเร�ยีนท&าใบงานท�" 11 เร�"อง การเล�นไฟล3มู,ลต(มู�เด�ยี8. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 12 เร�"อง การสร�างรายีการ

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

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

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



ส��อการเรยน่ร�� / แหล�งเรยน่ร��1. ใบคุวามูร! �ท�" 10 เร�"อง การพล(กห็มู นและบ,นท9กการ

เปัล�"ยีนแปัลงร!ปั จาก http://www.tripleboy.net/moodle/file.php/12/Image.pdf

2. ใบคุวามูร! �ท�" 11 เร�"อง การเล�นไฟล3มู,ลต(มู�เด�ยี จาก http://www.tripleboy.net/moodle/file.php/12/Multimedia.pdf

115

3. ใบคุวามูร! �ท�" 12 เร�"อง การสร�างรายีการ AutoComplete

จาก http://www.tripleboy.net/moodle/file.php/12/Auto.pdf

4. ใบงานท�" 10 เร�"อง การพล(กห็มู นและบ,นท9กการเปัล�"ยีนแปัลงร!ปั จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=107

5. ใบงานท�" 11 เร�"อง การเล�นไฟล3มู,ลต(มู�เด�ยี จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=108

6. ใบงานท�" 12 เร�"อง การสร�างรายีการ AutoComplete




1.2 ตรวจใบงานท�" 10




เร�ยีน)

2.2 แบบปัระเมู(นใบงานท�" 10


116





ใบความร��ที่� 10 เร��อง การพล�กหม�น่และบ!น่ที่%กการเปล�ยน่แปลงร�ป



ButtonSelectImgTrackBar1Orientation : VerticalMinimum : 50Maximum : 150SmallChange : 5LargeChange : 5TickFrequency : 10Value : 100

PictureBox1SizeMode : AutoSize

(Name) : LabelZoom

Panel1AutoScroll : TrueAutoSize : FalseBorderStyle : Fixed3D

ComboBox1

ButtonCancel

ButtonSave

117

2. เข้�ามู มูมูอง Code โดยีเมู�"อคุล(กท�"ปั 8มู เล�อกภาพ ให็�เปัAด Dialog

ส&าห็ร,บเล�อกไฟล3 แล�วอ�านข้นาดท�"แท�จร(งข้องร!ปัไปัเกบไว�ในต,วแปัรฟAลด3ก�อน เพ�"อเปั5นต,วเปัร�ยีบเท�ยีบในการเปัล�"ยีนข้นาดข้องร!ปั จากน,-นเร�ยีก Procedure ReDrawImage() เพ�"อวาดร!ปั ด,งภาพท�" 2

Private Sub ButtonSelectImg_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonSelectImg.Click OpenFileDialog1.Filter = "Image Files(*.jpg,*.png,*.bmp)|*.jpg;*.png;*.bmp" If OpenFileDialog1.ShowDialog() = DialogResult.OK Then img_src = New Bitmap(OpenFileDialog1.FileName) w_src = img_src.Width h_src = img_src.Height ReDrawImage() End If End Sub

ภาพท�" 2 Procedure ButtonSelectImg_Click

3. สร�างต,วแปัรฟAลด3ท�"ต�องใช้�ร�วมูก,นระห็ว�าง Procedure จากน,-นสร�าง Procedure ส&าห็ร,บใช้�ในการวาดร!ปัให็มู�เมู�"อเก(ดการเปัล�"ยีนแปัลงข้นาด ซื่9"ง Code ด,งภาพท�" 3

Private img_src, img_new, img_rotateflip As Bitmap Private g As Graphics Private w_src, h_src As Integer

Private Sub ReDrawImage() Dim p As Integer = TrackBar1.Value Dim w As Integer = w_src - (w_src * (1 - p / 100)) Dim h As Integer = h_src - (h_src * (1 - p / 100))

img_new = New Bitmap(w, h) g = Graphics.FromImage(img_new) g.InterpolationMode = Drawing2D.InterpolationMode.HighQualityBicubic g.DrawImage(img_src, 0, 0, w, h) PictureBox1.Image = img_new

LabelZoom.Text = TrackBar1.Value & "%" End Sub

118

ภาพท�" 3 Procedure ReDrawImage

4. เมู�"อเล�"อนเปัล�"ยีนคุ�าข้อง TrackBar กให็�วาดร!ปัให็มู�ตามูคุ�าท�"เล�"อนไปั โดยีเร�ยีก Procedure ReDrawImage() ข้9-นมูาท&างาน ด,งภาพท�" 4

Private Sub TrackBar1_Scroll(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TrackBar1.Scroll If img_src Is Nothing Then Exit Sub Else ReDrawImage() End If End Sub

ภาพท�" 4 Procedure TrackBar1_Scroll

5. ท�" ComboBox จะใช้�แสดงต,วเล�อกร!ปัแบบการห็มู นโดยีจะน&าต,วเล�อกจากอ�น(วเมูอเรช้,"น Rotate – FlipeType มูาแปัลงเปั5นสตร(ง แล�วน&ามูาสร�างรายีการข้อง ComboBox ซื่9"งการสร�างรายีการจะท&าเมู�"อโห็ลดฟอร3มู ด,งภาพท�" 5

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Dim rf() As String = [Enum].GetNames(GetType(RotateFlipType)) '-- แปัลง Enum เปั5นอาร3เรยี3 ComboBox1.Items.AddRange(rf) ComboBox1.SelectedItem = "RotateNoneFlipNone" End Sub


6. เมู�"อเปัล�"ยีนแปัลงการเล�อกรายีการใน ComboBox ให็�น&ารายีการท�"ถ!กเล�อกมูาแปัลงเปั5นต,วเล�อกช้น(ด Enumeration

ข้อง RotateFlipeType จากน,-นน&าไปัก&าห็นดเปั5นร!ปัแบบการพล(กห็มู นข้องร!ปั ด,งภาพท�" 6

119

Private Sub ComboBox1_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ComboBox1.SelectedIndexChanged If img_new Is Nothing Then Exit Sub End If If ComboBox1.SelectedItem = "RotateNoneFlipNone" Then ReDrawImage() Exit Sub End If img_rotateflip = img_new Dim itm As String = ComboBox1.SelectedItem Dim t As Type = GetType(RotateFlipType) Dim rf As RotateFlipType = [Enum].Parse(t, itm)

img_rotateflip.RotateFlip(rf) PictureBox1.Image = img_rotateflip End Sub

ภาพท�" 6 Procedure ComboBox1_SelectedIndexChanged

7. เมู�"อคุล(กท�"ปั 8มู บ!น่ที่%กการเปล�ยน่แปลง ให็�ก&าห็นดรายีละเอ�ยีดเก�"ยีวก,บ SaveFileDialog แล�วบ,นท9กร!ปัผ�านเมูธิอด Image.Save() ข้อง PictureBox ด,งภาพท�" 7

8. เมู�"อคุล(กปั 8มู ยกเล�กการเปล�ยน่แปลง ให็�น&าร!ปัเร("มูแรกท�"ยี,งไมู�ได�ท&าการเปัล�"ยีนแปัลงใด ๆ มูาก&าห็นดเปั5นร!ปัให็�แก� PictureBox

ด,งภาพท�" 8

120

Private Sub ButtonSave_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonSave.Click If PictureBox1.Image Is Nothing Then Exit Sub End If With SaveFileDialog1 .Filter = "Image Files(*.jpg,*.gif,*.png,*.bmp)|*.jpg;*.gif;*.png;*.bmp" .AddExtension = True .DefaultExt = ".jpg" .ValidateNames = True .OverwritePrompt = True End With If SaveFileDialog1.ShowDialog() = Windows.Forms.DialogResult.OK Then PictureBox1.Image.Save(SaveFileDialog1.FileName) End If End Sub

ภาพท�" 7 Procedure ButtonSave_Click

Private Sub ButtonCancel_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonCancel.Click If PictureBox1.Image Is Nothing Then Exit Sub End If TrackBar1.Value = 100 ComboBox1.SelectedItem = "RotateNoneFlipNone" PictureBox1.Image = img_src End Sub

ภาพท�" 8 Procedure ButtonCancel_Click

9. ร,นโปัรแกรมู แล�วเล�อกร!ปัมูาแสดง จากน,-นทดลองเล�อกการพล(กห็มู นแบบต�าง ๆ แล�วบ,นท9กการเปัล�"ยีนแปัลง จากน,-นเปัAดร!ปัท�"บ,นท9กให็มู�เพ�"อด!คุวามูเปัล�"ยีนแปัลง

121

ใบความร��ที่� 11 เร��อง การเล�น่ไฟล ม!ลต์�มเดย



2. เมู�"อคุล(กปั 8มู เล�อกไฟล ให็�ตรวจสอบก�อนว�าได�เล�อกเปัAดไฟล3ปัระเภทใด แล�วน&าไปัก&าห็นดเปั5น Filter ส&าห็ร,บ OpenFileDialog และห็ล,งจากเล�อกไฟล3กน&ามูาใส�ใน TextBox แล�วส,"งให็�เล�นไฟล3ท�"เล�อกน,-น ด,งภาพท�" 2

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Dim filter As String = "" If (RadioAudio.Checked) Then filter = "Audio Files(*.mp3,*.wma,*.wav)|*.mp3;*.wma;*.wav" ElseIf (RadioVideo.Checked) Then filter = "Video Files(*.mpg,*.mpeg,*.avi,*.wmv)|" & _ "*.mpg;*.mpeg;*.avi;*.wmv" End If

OpenFileDialog1.Filter = filter If OpenFileDialog1.ShowDialog() = DialogResult.OK Then TextBox1.Text = OpenFileDialog1.FileName Process.Start(TextBox1.Text)

RadioAudio

Buttion1

RadioVideoTextBox1

122

End If End Sub

ภาพท�" 2 Procedure Button1_Click

3. ร,นโปัรแกรมู แล�วเล�อกจะด!ห็น,งห็ร�อฟ$งเพลง

ใบความร��ที่� 12 เร��อง การสร�างรายีการ AutoComplete



2. เมู�"อคุล(กปั 8มู ต์กลง จะอ�านรายีการจาก TextSource ท�ละบรรท,ดมูาสร�างเปั5นรายีการข้อง AutoComplete จากน,-นจะน&าไปัก&าห็นดให็�แก� TextAutoComp ตามูว(ธิ�การต�าง ๆ โดยีก&าห็นด Code ด,งภาพท�" 2

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Dim src As New AutoCompleteStringCollection() For Each s As String In TextSource.Lines

TextSourceMultiline : True

Button1TextAutoComp

123

src.Add(s) Next

TextAutoComp.AutoCompleteCustomSource = src

TextAutoComp.AutoCompleteMode = AutoCompleteMode.Suggest TextAutoComp.AutoCompleteSource = AutoCompleteSource.CustomSource End Sub


3. ร,นโปัรแกรมู แล�วก&าห็นดรายีการลงไปั จากน,-นคุล(กปั 8มู ต์กลง เพ�"อสร�างรายีการ AutoComplete แล�วด!ผลล,พธิ3

ใบงาน่ที่� 10 เร��อง การพล�กหม�น่และบ!น่ที่%กการเปล�ยน่แปลงร�ป

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

124

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

125

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

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

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

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

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

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

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

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

ใบงาน่ที่� 11 เร��อง การเล�น่ไฟล ม!ลต์�มเดย

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

126

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

127

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

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

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

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

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

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

ใบงาน่ที่� 12 เร��อง การสร�างรายการ AutoComplete

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

128

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

129

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

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

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

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

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

ด,งน�-


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


ระด,บ 4 3 2 1


รวมู

130


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



ระด,บ 4 3 2 1




19 – 24 คุะแนน =


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



131

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


ใบงาน่ที่� 12 เร�"อง การสร�างรายีการ AutoComplete ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics)

ด,งน�-

รวมู


ระด,บ 4 3 2 1




19 – 24 คุะแนน =


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



132


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


รวมู



19 – 24 คุะแนน =


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



133

แบบส!งเกต์พฤต์�กรรมการเขี�าร�วมก�จกรรม (ใน่ช!"น่เรยน่)ค.าช"แจง ให็�ท&าเคุร�"องห็มูายี ลงในช้�องรายีการส,งเกตพฤต(กรรมูท�"น,กเร�ยีนปัฏิ(บ,ต(


รายการ




























14. น.ส.ก,ญญาณ,ฐ บ,ว

134

ส(ทธิ(E


















ขี�อเสน่อแน่ะขีองผู้��อ.าน่วยการโรงเรยน่/ผู้��ได�ร!บมอบหมาย__________________________________________________________________________________________________________________________________________________

135

_________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

136

_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________



ผู้ลการจ!ดการเรยน่การสอน่____ด�าน่ความร��_____________________________________________________________________________________________________________________________________________________________________________________________________________

137

____ด�าน่ที่!กษะ / กระบวน่การ / กระบวน่การค�ด_________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ค�ณล!กษณะอ!น่พ%งประสงค _______________________________________________________________________________________________________________________________________________________________________________________________

ป7ญหา / อ�ปสรรค______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี__________________________________________________________________________________________________________________________________________________

138

___________________________________________________________________________________________________________________________________________________________________________________________________________________________

ลงช้�"อ__________________ (ผ!�บ,นท9ก)







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

139

แก�ปั$ญห็า การท&างาน และอาช้�พอยี�างมู�ปัระส(ทธิ(ภาพ ปัระส(ทธิ(ผล และมู�คุ ณธิรรมู


จ�ดประสงค การเรยน่ร��1. อธิ(บายีต,วเล�อกร!ปัแบบฟอนต3ด�วยี CheckBox การตรวจ

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

2. เข้�ยีนโปัรแกรมู ต,วเล�อกร!ปัแบบฟอนต3ด�วยี CheckBox

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







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

140

ต�าง ๆ รวมูท,-งในช้�ว(ตปัระจ&าว,นจะท&าให็�ช้�ว(ตปัระสบคุวามูส&าเรจ



สาระส.าค!ญการเข้�ยีนโปัรแกรมู ต,วเล�อกร!ปัแบบฟอนต3ด�วยี CheckBox

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

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





ช�"น่งาน่หร�อภาระงาน่ (หล!กฐาน่ ร�องรอยแสดงความร��)1. ใบงานท�" 13 เร�"อง ต,วเล�อกร!ปัแบบฟอนต3ด�วยี CheckBox

2. ใบงานท�" 14 เร�"อง การตรวจสอบรายีการด�วยี Radio Button

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

141

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

ด�วยี CheckBox

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

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

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

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

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

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

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



ส��อการเรยน่ร�� / แหล�งเรยน่ร��

142

1. ใบคุวามูร! �ท�" 13 เร�"อง ต,วเล�อกร!ปัแบบฟอนต3ด�วยี CheckBox จาก http://www.tripleboy.net/moodle/file.php/12/Font.pdf

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

Button จาก http://www.tripleboy.net/moodle/file.php/12/Radio.pdf

3. ใบคุวามูร! �ท�" 15 เร�"อง การใช้�คุ&าส,"ง For Each จาก http://www.tripleboy.net/moodle/file.php/12/ForEach.pdf

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


5. ใบงานท�" 14 เร�"อง การตรวจสอบรายีการด�วยี Radio Button จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=111

6. ใบงานท�" 15 เร�"อง การใช้�คุ&าส,"ง For Each จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=112





143



เร�ยีน)







ใบความร��ที่� 13 เร��อง ต์!วเล�อกร�ปแบบฟอน่ต์ ด�วย CheckBox



CheckBold, CheckItalic,CheckUndeline, CheckStrikeoutTextSamPleMultiline: True

144

2. เข้�ามู มูมูอง Code โดยีด,กการเก(ด Event CheckChanged

ข้อง CheckBox ท กอ,น แต�เน�"องจากมู�การตอบสนองในร!ปัแบบท�"คุล�ายีก,น จ9งใช้�ต,วจ,ดการ Event ร�วมูก,น โดยีก&าห็นด Code

ด,งภาพท�" 23. ร,นโปัรแกรมู

Private Sub CheckBox_CheckChanged() Handles _ CheckBold.CheckedChanged, CheckItalic.CheckedChanged, _ CheckUnderline.CheckedChanged, CheckStrikeout.CheckedChanged

'-- สร�างต,วแปัรส&าห็ร,บก&าห็นดร!ปัแบบฟอนต3 Dim fs As FontStyle = FontStyle.Regular

'-- เน�"องจากร!ปัแบบข้องฟอนต3น,-นเราสามูารถเล�อกก&าห็นดพร�อมูก,นได�มูากกว�า 1 แบบ '-- ด,งน,-นถ�ารายีการใดถ!กเล�อก ให็�เพ("มูร!ปัแบบข้องรายีการน,-นเข้�าไปั If CheckBold.Checked Then fs += FontStyle.Bold End If

If CheckItalic.Checked Then

145

fs += FontStyle.Italic End If

If CheckUnderline.Checked Then fs += FontStyle.Underline End If

If CheckStrikeout.Checked Then fs += FontStyle.Strikeout End If

'-- น&าร!ปัแบบท�"ถ!กเล�อก มูาสร�างออบเจกต3ฟอนต3 เพ�"อน&าไปัก&าห็นดให็�แก�คุอนโทรล Dim fnt As New Font("Arial", 20, fs) TextSample.Font = fnt End Sub

ภาพท�" 2 Procedure CheckBox_CheckChanged

ใบความร��ที่� 14 เร��อง การต์รวจสอบรายการด�วย Radio Button


146


2. ด,บเบ(-ลคุล(กท�"ปั 8มู แสดงขี�อม�ล แล�วก&าห็นด Code ด,งภาพท�" 2 Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Dim title As String = "" If RadioMr.Checked Then title = RadioMr.Text ElseIf RadioMrs.Checked Then title = RadioMrs.Text ElseIf RadioMiss.Checked Then title = RadioMiss.Text ElseIf RadioBoy.Checked Then title = RadioBoy.Text ElseIf RadioGirl.Checked Then title = RadioGirl.Text End If

MessageBox.Show("คุ ณช้�"อ : " & title & TextBox1.Text) End Sub


3. ร,นโปัรแกรมู

ใบความร��ที่� 15 เร��อง การใช�ค.าส!�ง For Each

Button1

RadioMr, RadioMrs, RadioMiss, RadioBoy, RadioGirl

TextBox1

147



2. ก&าห็นด Code เมู�"อคุล(กปั 8มู ด,งภาพท�" 2 Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Dim nums() As String = TextBox1.Lines Dim sum As Integer = 0

For Each n In nums If Not IsNumeric(n) Then Continue For End If

sum += CDbl(n) Next

Dim count As Integer = nums.Length Dim str As String = "ผลรวมู: " & sum & vbNewLine str &= "คุ�าเฉล�"ยี: " & sum / count MessageBox.Show(str) End Sub


3. ร,นโปัรแกรมู แล�วปัBอนข้�อมู!ล เมู�"อคุล(กท�"ปั 8มู ค.าน่วณ จะแสดงผลล,พธิ3

ButtonSelectImgTextBox1Multiline : True

Button1

148

ใบงาน่ที่� 13 เร��อง ต์!วเล�อกร�ปแบบฟอน่ต์ ด�วย CheckBox

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

149

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

150

ใบงาน่ที่� 14 เร��อง การต์รวจสอบรายการด�วย Radio Button


151

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ใบงาน่ที่� 15 เร��อง การใช�ค.าส!�ง For Each

152


153

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ใบงาน่ที่� 13 เร�"อง ต,วเล�อกร!ปัแบบฟอนต3ด�วยี CheckBox ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics)

ด,งน�-


ระด,บ 4 3 2 1


154


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


รวมู



19 – 24 คุะแนน =


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



155

ใบงาน่ที่� 14 เร�"อง การตรวจสอบรายีการด�วยี Radio Button ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics)

ด,งน�-


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



ระด,บ 4 3 2 1


รวมู


156

ใบงาน่ที่� 15 เร�"อง การใช้�คุ&า ส,"ง For Each ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-



ระด,บ 4 3 2 1


รวมู


19 – 24 คุะแนน =


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



157

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














19 – 24 คุะแนน =


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



158





























159










ขี�อเสน่อแน่ะขีองผู้��อ.าน่วยการโรงเรยน่/ผู้��ได�ร!บมอบหมาย________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

160

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

161



ผู้ลการจ!ดการเรยน่การสอน่____ด�าน่ความร��_________________________________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ที่!กษะ / กระบวน่การ / กระบวน่การค�ด_________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ค�ณล!กษณะอ!น่พ%งประสงค ______________________________________________________________________________________________________________________

162

_________________________________________________________________________

ป7ญหา / อ�ปสรรค______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

ลงช้�"อ__________________ (ผ!�บ,นท9ก)

(นายีนพคุ ณ ส�บเลยี)

163

18 พฤศจ(กายีน 2556








จ�ดประสงค การเรยน่ร��1. อธิ(บายีการคุ&านวณการจ�ายีธินบ,ตรข้องเคุร�"อง ATM และ

การอ,พเดตรายีการ ComboBox (K)

164

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










สาระส.าค!ญการเข้�ยีนโปัรแกรมู การคุ&านวณการจ�ายีธินบ,ตรข้องเคุร�"อง

ATM และการอ,พเดตรายีการ ComboBox เปั5นพ�-นฐานส&าคุ,ญในการเข้�ยีนโปัรแกรมูภาษา

165





ช�"น่งาน่หร�อภาระงาน่ (หล!กฐาน่ ร�องรอยแสดงความร��)1. ใบงานท�" 16 เร�"อง การคุ&านวณการจ�ายีธินบ,ตรข้องเคุร�"อง

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

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

ธินบ,ตรข้องเคุร�"อง ATM

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

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

166

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

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

การจ�ายีธินบ,ตรข้องเคุร�"อง ATM และการอ,พเดตรายีการ ComboBox



ส��อการเรยน่ร�� / แหล�งเรยน่ร��1. ใบคุวามูร! �ท�" 16 เร�"อง การคุ&านวณการจ�ายีธินบ,ตรข้อง

เคุร�"อง ATM จาก http://www.tripleboy.net/moodle/file.php/12/ATM.pdf

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

จาก http://www.tripleboy.net/moodle/file.php/12/Combo.pdf

3. ใบงานท�" 16 เร�"อง การคุ&านวณการจ�ายีธินบ,ตรข้องเคุร�"อง ATM จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=113

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


167






เร�ยีน)






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

168

ใบความร��ที่� 16 เร��อง การค.าน่วณการจ�ายธน่บ!ต์รขีองเคร��อง ATM



2. ก&าห็นด Code เมู�"อคุล(กท�"ปั 8มู ต์กลง ด,งภาพท�" 23. ร,นโปัรแกรมู

Button1TextBox1

169

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click '-- จ&านวนเง(นท�"ใส�ต�องเปั5นต,วเลข้ท�"เปั5นจ&านวนเตมูร�อยี Dim withdraw As Integer = TextBox1.Text If (Not IsNumeric(TextBox1.Text)) OrElse _ (TextBox1.Text Mod 100 <> 0) Then

MessageBox.Show("ต�องระบ จ&านวนเง(นเปั5นเลข้จ&านวนเตมูร�อยี") Exit Sub End If

'-- อาร3เรยี3ส&าห็ร,บเกบคุ�าธินบ,ตรแต�ละช้น(ด และจ&านวนธินบ,ตรช้น(ดน,-นท�"เคุร�"องจะจ�ายีให็�เรา '-- โดยีเร("มูแรกให็�ก&าห็นดจ&านวนธินบ,ตรแต�ละช้น(ดเปั5น 0 ไว�ก�อน Dim notes()() As Integer = {New Integer() {1000, 0}, New Integer() {500, 0}, New Integer() {100, 0}}

'-- เร("มูแรกให็�จ&านวนเง(นท�"เห็ล�อเท�าก,บจ&านวนเง(นท�"จะถอน Dim remain As Integer = withdraw

'-- วนล!ปัตามูจ&านวนช้น(ดธินบ,ตร For i = 0 To UBound(notes) '-- notes(i)(0) อ�างถ9งธินบ,ตรช้น(ด 100, 500, 1000 '-- notes(i)(1) อ�างถ9งจ&านวนธินบ,ตรช้น(ดน,-นท�"เคุร�"องจะจ�ายีมูา notes(i)(1) = remain \ notes(i)(0) '-- ห็ารแบบเอาเฉพาะจ&านวนเตมู

'-- คุ&านวณห็าเศษท�"เห็ล�อเพ�"อน&าไปัห็าจ&านวนธินบ,ตรช้น(ดถ,ดไปั remain -= notes(i)(0) * notes(i)(1) Next

'-- อ�านข้�อมู!ลจากอาร3เรยี3เพ�"อแสดงผล Dim str As String = "ช้น(ดธินบ,ตรท�"เคุร�"องจะจ�ายี: " & vbNewLine For i = 0 To UBound(notes) If notes(i)(1) <> 0 Then str &= notes(i)(0) & ": " & notes(i)(1) & vbNewLine End If Next

MessageBox.Show(str)


170

ใบความร��ที่� 17 เร��อง การอ!พเดต์รายการขีอง ComboBox



2. เข้�ามู มูมูอง แล�วสร�างต,วแปัรแบบ Global ในแบบอาร3เรยี3เพ�"อเกบข้�อมู!ลห็มูวดส(นคุ�าและยี�"ห็�อส(นคุ�า จากน,-นเมู�"อโห็ลดฟอร3มูให็�น&าข้�อมู!ลห็มูวดส(นคุ�าจากอาเรยี3มูาสร�างเปั5นรายีการข้อง ComboCategory ด,งภาพท�" 2

Private cats() As String = {"Notebook", "Digital Camera", "Mobile Phone"} Private brands()() As String = {New String() {"Acer", "Asus", "Dell", "HP"}, _ New String() {"Canon", "Sony", "Fuji", "Olympus", "Nikon"}, _ New String() {"Nokia", "Samsung", "IPhone"}}

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load ComboCategory.Items.AddRange(cats) ComboCategory.SelectedIndex = 0 End Sub

ComboCategoryComboBrand

171


3. เมู�"อเปัล�"ยีนรายีการท�"เล�อกใน ComboCategory ให็�อ,พเดตรายีการใน ComboBrand ให็�ตรงก,นโดยีน&าข้�อมู!ลจากอาร3เรยี3มูาใส�แทนรายีการเด(มู ด,งภาพท�" 3


Private Sub ComboCategory_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ComboCategory.SelectedIndexChanged '-- ตรวจสอบล&าด,บรายีการห็มูวดส(นคุ�าท�"ถ!กเล�อก '-- มูาเปั5นล&าด,บในการอ�านข้�อมู!ลจากอาร3เรยี3ยี�"ห็�อส(นคุ�า Dim idx As Integer = ComboCategory.SelectedIndex ComboBrand.Items.Clear() ComboBrand.Items.AddRange(brands(idx)) ComboBrand.SelectedIndex = 0 End Sub

ภาพท�" 3 Procedure ComboCategory_SelectedIndexChanged

172

ใบงาน่ที่� 16 เร��อง การค.าน่วณการจ�ายธน่บ!ต์รขีองเคร��อง ATM


173

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

174

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

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

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

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

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

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 17 เร��อง การอ!พเดต์รายการ ComboBox


175

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

176

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 16 เร�"อง การคุ&านวณการจ�ายีธินบ,ตรข้องเคุร�"อง ATM ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics)

ด,งน�-


ข้�อเสนอแนะอ�"นๆ ............................................................................................................................


ระด,บ 4 3 2 1


รวมู

177

.................................................................................

..........................................................................ลงช้�"อ ผ!�ปัระเมู(น

(นายีนพคุ ณ ส�บเลยี) / / /

ใบงาน่ที่� 17 เร�"อง การ อ,พเดตรายีการ ComboBox ให็�ผ!� สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-



ระด,บ 4 3 2 1




19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



178

ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................




เลขีที่� ช��อ - สก�ล รายการ สร�ปผู้ลการร�วมม�อ กล�าออก เขี�าร�วม

รวมู



19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



179


มาแสดงความ

สามารถ

ก�จกรรมด�วยความ



























180














ขี�อเสน่อแน่ะขีองผู้��อ.าน่วยการโรงเรยน่/ผู้��ได�ร!บมอบหมาย_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

181

_________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

182

__________________________________________________________________________________________________________________________________________________



ผู้ลการจ!ดการเรยน่การสอน่____ด�าน่ความร��_________________________________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ที่!กษะ / กระบวน่การ / กระบวน่การค�ด____________________________________________________________________________________________________________

183

_____________________________________________________________________________ด�าน่ค�ณล!กษณะอ!น่พ%งประสงค _______________________________________________________________________________________________________________________________________________________________________________________________

ป7ญหา / อ�ปสรรค______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

184

ลงช้�"อ__________________ (ผ!�บ,นท9ก)






สอน่ว!น่ที่� 2 เด�อน่ ธิ,นวาคุมู พ.ศึ. 2556 ผู้��สอน่ นายีนพคุ ณ ส�บเลยี



185

จ�ดประสงค การเรยน่ร��1. อธิ(บายีการคุ&านวณการยี�ายีข้�อมู!ลระห็ว�าง CheckBox และ

การแปัลงต,วเลข้เปั5นคุ&าอ�าน (K)

2. เข้�ยีนโปัรแกรมู การยี�ายีข้�อมู!ลระห็ว�าง CheckBox และ การแปัลงต,วเลข้เปั5นคุ&าอ�าน (P)










186

สาระส.าค!ญการเข้�ยีนโปัรแกรมู การยี�ายีข้�อมู!ลระห็ว�าง CheckBox และ

การแปัลงต,วเลข้เปั5นคุ&าอ�าน เปั5นพ�-นฐานส&าคุ,ญในการเข้�ยีนโปัรแกรมูภาษา





ช�"น่งาน่หร�อภาระงาน่ (หล!กฐาน่ ร�องรอยแสดงความร��)1. ใบงานท�" 18 เร�"อง การยี�ายีข้�อมู!ลระห็ว�าง CheckBox

2. ใบงานท�" 19 เร�"อง การแปัลงต,วเลข้เปั5นคุ&าอ�าน

การจ!ดก�จกรรมการเรยน่ร��ขี!"น่น่.า1. แจ�งผลการเร�ยีนร! �ให็�น,กเร�ยีนทราบ2. คุร!ซื่,กถามูเก�"ยีวก,บการเข้�ยีนโปัรแกรมู3. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูาขี!"น่สอน่1. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 18 เร�"อง การยี�ายีข้�อมู!ลระห็ว�าง

CheckBox

187

2. น,กเร�ยีนท&าใบงานท�" 18 เร�"อง การยี�ายีข้�อมู!ลระห็ว�าง CheckBox

3. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 19 เร�"อง การแปัลงต,วเลข้เปั5นคุ&าอ�าน

4. น,กเร�ยีนท&าใบงานท�" 19 เร�"อง การแปัลงต,วเลข้เปั5นคุ&าอ�านขี!"น่สร�ป5. น,กเร�ยีนและคุร!ร�วมูก,นอภ(ปัรายี สร ปัเก�"ยีวก,บการยี�ายีข้�อมู!ล

ระห็ว�าง CheckBox และ การแปัลงต,วเลข้เปั5นคุ&าอ�าน



ส��อการเรยน่ร�� / แหล�งเรยน่ร��1. ใบคุวามูร! �ท�" 18 เร�"อง การยี�ายีข้�อมู!ลระห็ว�าง CheckBox

จาก http://www.tripleboy.net/moodle/file.php/12/CheckBox.pdf

2. ใบคุวามูร! �ท�" 19 เร�"อง การแปัลงต,วเลข้เปั5นคุ&าอ�าน จาก http://www.tripleboy.net/moodle/file.php/12/Number.pdf

3. ใบงานท�" 18 เร�"อง การยี�ายีข้�อมู!ลระห็ว�าง CheckBox จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=115

4. ใบงานท�" 19 เร�"อง การแปัลงต,วเลข้เปั5นคุ&าอ�าน จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=116

188






เร�ยีน)






189

ใบความร��ที่� 18 เร��อง การย�ายขี�อม�ลระหว�าง CheckListBox

ก!บ ListBox



2. เมู�"อคุล(กท�"ปั 8มู > ให็�น&ารายีการท�"เล�อกใน CheckedListBox ไปัเต(มูลงใน ListBox แต�รายีการใน CheckedListBox ยี,งอยี!�เห็มู�อเด(มู โดยีก&าห็นด Code ด,งภาพท�" 2

Private Sub ButtonToListBox_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonToListBox.Click If CheckedListBox1.CheckedItems.Count = 0 Then Exit Sub End If

'-- อ�านรายีการท�"เล�อกใน CheckedListBox ห็ากไมู�ซื่&-ากเต(มูลงใน ListBox For Each itm As String In CheckedListBox1.CheckedItems If (ListBox1.FindStringExact(itm) = -1) Then ListBox1.Items.Add(itm) End If Next End Sub

ภาพท�" 2 Procedure ButtonToListBox_Click

3. เมู�"อคุล(กท�"ปั 8มู < ให็�น&ารายีการท�"เล�อกใน ListBox กล,บมูาท�" CheckedListBox แต�เน�"องจากรายีการใน CheckedListBox ท�"น&าไปัเต(มูใน ListBox น,-นยี,งอยี!�เห็มู�อน

ButtonUp

ListBox1SelectonMode : MultiSimple

CheckedListBox1CheckOnClick : True

ButtonDown

ButtonToCheckedList

ButtonToListBox

190

เด(มู การยี�ายีกล,บกคุ�อการลบรายีการท�"เล�อกใน ListBox น,"นเอง โดยีก&าห็นด Code ด,งภาพท�" 3

4. ส&าห็ร,บปั 8มูเล�"อนรายีการข้9-นและลง ใช้�รายีการท�"เล�อก (ท�"จะเล�"อน)

จากน,-นน&าไปัแทรกลงต&าแห็น�งท�"ต�องการ แล�วลบรายีการเด(มูท(-งไปั ห็ล,งจากน,-นกให็�รายีการท�"เพ("มูเข้�าไปัให็มู� (รายีการท�"ถ!กเล�"อน)

อยี!�ในสถานะถ!กเล�อก ซื่9"งจะท&าให็�ด!เสมู�อนเปั5นการเล�"อนรายีการข้9-นและลง โดยีก&าห็นด Code ด,งภาพท�" 4 และภาพท�" 5 ตามูล&าด,บ

Private Sub ButtonToCheckedList_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonToCheckedList.Click If ListBox1.SelectedItems.Count = 0 Then Exit Sub End If

'-- ตรวจสอบว�ามู�รายีการใน ListBox ถ!กเล�อกห็ร�อไมู� '-- ห็ากมู�ให็�วนล!ปัเพ�"อลบรายีการท�"ถ!กเล�อกออกไปัท�ละรายีการจนห็มูด '-- เน�"องจาก ListBox อาจถ!กเล�อกไว�มูากกว�า 1 รายีการ While ListBox1.SelectedIndex <> -1 ListBox1.Items.RemoveAt(ListBox1.SelectedIndex) End While End Sub

ภาพท�" 3 Procedure ButtonToCheckedList_Click

Private Sub ButtonUp_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonUp.Click If ListBox1.SelectedItems.Count <> 1 Then '-- ถ�าเล�อกห็ลายีรายีการห็ร�อไมู�เล�อกเลยี MessageBox.Show("ให็�เล�อก 1 รายีการท�"จะเล�"อนข้9-น") Exit Sub End If Dim temp As Object Dim oldIndex, newIndex As Integer

'-- ต&าแห็น�งปั$จจ บ,นข้องรายีการท�"ถ!กเล�อก oldIndex = ListBox1.SelectedIndex

'-- ถ�าเปั5นรายีการแรกอยี!�แล�ว ห็ร�อไมู�ได�เล�อกรายีการใดๆเลยี กไมู�ต�องท&าอะไรต�อ If ((oldIndex = 0) Or (oldIndex = -1)) Then

191

Exit Sub End If

'-- ต&าแห็น�งท�"จะเล�"อนไปั คุ�อต&าแห็น�งก�อนต&าแห็น�งเด(มู 1 ล&าด,บ newIndex = oldIndex - 1

'-- อ�านรายีการท�"เล�อก แล�วน&าไปัแทรกลงไปัท�"ต&าแห็น�งก�อนต&าแห็น�งท�"เล�อก temp = ListBox1.SelectedItem ListBox1.Items.Insert(newIndex, temp)

'-- ลบรายีการเด(มูท(-งไปั ListBox1.Items.RemoveAt(oldIndex + 1)

'-- ให็�รายีการท�"แทรกเข้�าไปัให็มู� ถ!กเล�อกเห็มู�อนเด(มู(เสมู�อนเล�"อนข้9-นไปั) ListBox1.SetSelected(newIndex, True) End Sub

ภาพท�" 4 Procedure ButtonUp_Click

Private Sub ButtonDown_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ButtonDown.Click If ListBox1.SelectedItems.Count <> 1 Then MessageBox.Show("ให็�เล�อก 1 รายีการท�"จะเล�"อนลง") Exit Sub End If

Dim temp As Object Dim oldIndex, newIndex As Integer

'-- ถ�าเปั5นรายีการส ดท�ายี ห็ร�อไมู�ได�เล�อกรายีการใดเลยี กไมู�ต�องท&าอะไรต�อ oldIndex = ListBox1.SelectedIndex If ((oldIndex = -1) Or (oldIndex = ListBox1.Items.Count - 1)) Then Exit Sub End If

'-- ห็ล,กการคุ�ออ�านรายีการท�"ถ!กเล�อกในข้ณะน�- '-- แทรกไปัท�"ต&าแห็น�งถ,ดไปัจากต&าแห็น�งงปั$จจ บ,น 2 ล&าด,บ '-- ลบรายีการปั$จจ บ,นท(-ง แล�วให็�รายีการให็มู�ท�"ถ!กแทรก อยี!�ในสถานะถ!กเล�อก temp = ListBox1.SelectedItem newIndex = oldIndex + 2 ListBox1.Items.Insert(newIndex, temp) ListBox1.Items.RemoveAt(oldIndex) ListBox1.SetSelected(newIndex - 1, True) End Sub

ภาพท�" 5 Procedure ButtonDown_Click

192


ใบความร��ที่� 19 เร��อง แปลงต์!วเลขีเป;น่ค.าอ�าน่

1. น&า Control มูาวาง ด,งภาพท�" 1


2. เข้�าไปัในมู มูมูอง Code แล�วสร�างคุ&าอ�านข้องต,วเลข้ 0 – 9 ไว�ในแบบอาร3เรยี3และให็�เปั5นต,วแปัรฟAลด3 ด,งภาพท�" 2

Private wordOfNums() As String = {"ศ!นยี3", "ห็น9"ง", "สอง", "สามู", "ส�"", "ห็�า", _ "ห็ก", "เจด", "แปัด", "เก�า"}

193

ภาพท�" 2 ก&าห็นดต,วแปัรอาร3เรยี3

3. เมู�"อเก(ดการเปัล�"ยีนแปัลงใน TextBox ซื่9"งจะเก(ด Event

TextChanged ให็�อ�านต,วเลข้ท�"อยี!�ใน TextBox ท�ละต,ว เพ�"อน&าไปัเปั5นต,วเลข้ล&าด,บในการอ�านข้�อมู!ลจากอาร3เรยี3 โดยีก&าห็นด Code ด,งภาพท�" 3


Private Sub TextBox1_TextChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles TextBox1.TextChanged Dim txt1 As String = "" Dim d As String

For i = 0 To TextBox1.Text.Length - 1 d = TextBox1.Text(i) '-- อ�านต,วเลข้จากอ,กข้ระล&าด,บท�" i If IsNumeric(d) Then txt1 &= wordOfNums(d) '-- น&าต,วเลข้น,-นไปัเปั5นล&าด,บในอ�านคุ&าอ�านจากอาร3เรยี3 Else MessageBox.Show("กร ณาใส�เฉพาะต,วเลข้ 0-9 เท�าน,-น") TextBox1.Text = "" txt1 = "" End If Next

Label1.Text = txt1 End Sub

194

ภาพท�" 3 Procedure TextBox1_TextChanged

ใบงาน่ที่� 18 เร��อง การย�ายขี�อม�ลระหว�าง CheckBox


195

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

196

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 19 เร��อง การแปลงต์!วเลขีเป;น่ค.าอ�าน่


197

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

198

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 18 เร�"อง การยี�ายีข้�อมู!ลระห็ว�าง CheckBox ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-



ระด,บ 4 3 2 1


199

ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................


ใบงาน่ที่� 19 เร�"อง การ แปัลงต,วเลข้เปั5นคุ&าอ�าน ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-

รวมู


ระด,บ 4 3 2 1




19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



200


ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................


รวมู



19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



201



รายการ




























14. น.ส.ก,ญญาณ,ฐ บ,ว

202

ส(ทธิ(E

















(นายีนพคุ ณ ส�บเลยี) 2 ธิ,นวาคุมู 2556


203

_________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

204

_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________




205

____ด�าน่ที่!กษะ / กระบวน่การ / กระบวน่การค�ด_________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ค�ณล!กษณะอ!น่พ%งประสงค _______________________________________________________________________________________________________________________________________________________________________________________________

ป7ญหา / อ�ปสรรค______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี__________________________________________________________________________________________________________________________________________________

206

___________________________________________________________________________________________________________________________________________________________________________________________________________________________

ลงช้�"อ__________________ (ผ!�บ,นท9ก)







มาต์รฐาน่การเรยน่ร��/ผู้ลการเรยน่ร�� ง 3.1 เข้�าใจ เห็นคุ ณคุ�า และใช้�กระบวนการเทคุโนโลยี�สารสนเทศในการส�บคุ�นข้�อมู!ล การเร�ยีนร! � การส�"อสาร การ

207

แก�ปั$ญห็า การท&างาน และอาช้�พอยี�างมู�ปัระส(ทธิ(ภาพ ปัระส(ทธิ(ผล และมู�คุ ณธิรรมู


จ�ดประสงค การเรยน่ร��1. อธิ(บายีการคุ&านวณการแทนท�"ด�วยีเมูธิอด Replace และ

การใช้�คุลาส DateTime (K)

2. เข้�ยีนโปัรแกรมู การแทนท�"ด�วยีเมูธิอด Replace และการใช้�คุลาส DateTime (P)








208



สาระส.าค!ญการเข้�ยีนโปัรแกรมู การแทนท�"ด�วยีเมูธิอด Replace และการ

ใช้�คุลาส DateTime เปั5นพ�-นฐานส&าคุ,ญในการเข้�ยีนโปัรแกรมูภาษา





ช�"น่งาน่หร�อภาระงาน่ (หล!กฐาน่ ร�องรอยแสดงความร��)1. ใบงานท�" 20 เร�"อง การแทนท�"ด�วยีเมูธิอด Replace

2. ใบงานท�" 21 เร�"อง การใช้�คุลาส DateTime

การจ!ดก�จกรรมการเรยน่ร��ขี!"น่น่.า1. แจ�งผลการเร�ยีนร! �ให็�น,กเร�ยีนทราบ

209

2. คุร!ซื่,กถามูเก�"ยีวก,บการเข้�ยีนโปัรแกรมู3. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูาขี!"น่สอน่6. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 20 เร�"อง การแทนท�"ด�วยีเมูธิอด

Replace7. น,กเร�ยีนท&าใบงานท�" 20 เร�"อง การแทนท�"ด�วยีเมูธิอด

Replace8. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 21 เร�"อง การใช้�คุลาส

DateTime9. น,กเร�ยีนท&าใบงานท�" 21 เร�"อง การใช้�คุลาส DateTime

ขี!"น่สร�ป10. น,กเร�ยีนและคุร!ร�วมูก,นอภ(ปัรายี สร ปัเก�"ยีวก,บการแทนท�"

ด�วยีเมูธิอด Replace และการใช้�คุลาส DateTime



ส��อการเรยน่ร�� / แหล�งเรยน่ร��1. ใบคุวามูร! �ท�" 20 เร�"อง การแทนท�"ด�วยีเมูธิอด Replace จาก

http://www.tripleboy.net/moodle/file.php/12/Replace.pdf

2. ใบคุวามูร! �ท�" 21 เร�"อง การใช้�คุลาส DateTime จาก http://www.tripleboy.net/moodle/file.php/12/DateTime.pdf

3. ใบงานท�" 20 เร�"อง การแทนท�"ด�วยีเมูธิอด Replace จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=117

210

4. ใบงานท�" 21 เร�"อง การใช้�คุลาส DateTime







เร�ยีน)






211

ใบความร��ที่� 20 เร��อง การแที่น่ที่�ด�วยเมธอด Replace

1. น&า Control มูาวาง พร�อมูก&าห็นด Properties ด,งภาพท�" 1


2. เมู�"อคุล(กท�"ปั 8มู แที่น่ที่� ให็�อ�านข้�อคุวามูเด(มูมูาเกบไว�ในต,วแปัรก�อน เน�"องจากให็�คุ�นห็าได�ห็ลายีคุ&าโดยีคุ,"นแต�ละคุ&าด�วยีเคุร�"องห็มูายี , ด,งน,-น ต�องน&ามูาคุ,ดแยีกแต�ละคุ&าออกจากก,น เพ�"อน&าไปัคุ�นห็าและแทนท�"ท�ละคุ&า โดยีให็� Double Click ท�"ปั 8มู แที่น่ที่� แล�วก&าห็นด Code ด,งภาพท�" 2

'-- ต,ดช้�องว�างห็ล,ง "," ออก TextFind.Text = TextFind.Text.Replace(", ", ",")

Dim findWords() As String = TextFind.Text.Split(",") Dim replaceWord As String = TextReplace.Text Dim txtSrc As String = TextSource.Text

For i = 0 To findWords.Length - 1 txtSrc = txtSrc.Replace(findWords(i), replaceWord) Next

TextSource.Text = txtSrc

TextSourceMultiline : True

TextFind

Button1TextReplace

212



ใบความร��ที่� 21 เร��อง การใช�คลาส DateTime



2. เมู�"อโห็ลดฟอร3มู ให็�เต(มูรายีการต�าง ๆ ลงใน ComboBox แต�ละอ,น โดยี Double Click บร(เวณว�างข้องฟอร3มูแล�วก&าห็นด Code ด,งภาพท�" 2

For i = 1 To 31 ComboDate.Items.Add(i) Next ComboDate.SelectedItem = DateTime.Now.Day

For i = 1 To 12 ComboMonth.Items.Add(MonthName(i)) Next ComboMonth.SelectedIndex = DateTime.Now.Month - 1

Dim curYear As Integer = DateTime.Now.Year + 543

ComboYear

ComboUnitButton1TextAge

MaxLength : 3

ComboDate

ComboMonth

213

For i = curYear - 1 To curYear + 1 ComboYear.Items.Add(i) Next ComboYear.SelectedItem = curYear

ComboUnit.Items.AddRange(New String() {"ว,น", "เด�อน", "ปัF"}) ComboUnit.SelectedIndex = 0


3. เมู�"อคุล(กท�"ปั 8มู ต์รวจสอบว!น่หมดอาย� ให็�ตรวจสอบคุ&าว,นเด�อนปัFท�"ผล(ตว�าถ!กต�องห็ร�อไมู� ห็ากถ!กต�องให็�แปัลงเปั5นว,นเวลาอ�างอ(งแล�วน&าไปัห็าว,นห็มูดอายี จากน,-นเพ("มูคุ�าด�วยีเมูธิอด AddXxx()

ตามูคุ�าและห็น�วยีท�"เล�อก โดยี Double Click ท�"ปั 8มู ต์รวจสอบว!น่หมดอาย� แล�วก&าห็นด Code ด,งภาพท�" 3

Dim dateStr As String dateStr = ComboDate.SelectedItem & "/" & (ComboMonth.SelectedIndex + 1) & "/" & ComboYear.SelectedItem

Dim dtManf As DateTime If DateTime.TryParse(dateStr, dtManf) = False Then MessageBox.Show("ท�านก&าห็นดว,นผล(ตไมู�ถ!กต�อง") Exit Sub End If

If Not IsNumeric(TextAge.Text) Then MessageBox.Show("กร ณาก&าห็นดอายี ข้องยีาเปั5นเลข้จ&านวนเตมู") Exit Sub End If

Dim dtExpi As DateTime If ComboUnit.SelectedItem = "ว,น" Then dtExpi = dtManf.AddDays(CInt(TextAge.Text)) ElseIf ComboUnit.SelectedItem = "เด�อน" Then dtExpi = dtManf.AddMonths(CInt(TextAge.Text)) Else dtExpi = dtManf.AddYears(CInt(TextAge.Text)) End If

MessageBox.Show("ว,นท�"ยีาจะห็มูดอายี คุ�อ: " & dtExpi.ToShortDateString())

214



ใบงาน่ที่� 20 เร��อง การแที่น่ที่�ด�วยเมธอด Replace

ค.าช"แจง ให็�น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 20 แล�วอธิ(บายีข้,-นตอนการท&างานข้องโปัรแกรมู................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

215

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

216

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 21 เร��อง การใช�คลาส DateTime

ค.าช"แจง ให็�น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 21 แล�วอธิ(บายีข้,-นตอนการท&างานข้องโปัรแกรมู................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

217

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

218

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 20 เร�"อง การแทนท�"ด�วยีเมูธิอด Replace ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-



ระด,บ 4 3 2 1


รวมู

219

ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................


ใบงาน่ที่� 21 เร�"อง การใช้� คุลาส DateTime ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-

1. อธิ(บายีน�าสนใจ 2. การล&าด,บคุวามูอธิ(บายีต�อเน�"อง 3. แสดงเน�-อห็าคุวามูร! �ได�ช้,ดเจน


ระด,บ 4 3 2 1




19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



220

4. เล�อกว(ธิ�การเข้�ยีนอธิ(บายีเห็มูาะสมูสอดคุล�องก,บเร�"อง 5. เร�ยีบเร�ยีงถ�อยีคุ&าน�าอ�าน เข้�าใจง�ายี 6. มู�การสร ปัคุวามูคุ(ดเห็นข้องผ!�เข้�ยีน

ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................



รวมู



19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



221



รายการ






























222

















ขี�อเสน่อแน่ะขีองผู้��อ.าน่วยการโรงเรยน่/ผู้��ได�ร!บมอบหมาย____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

223

_________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

224

___________________________________________________________________________________________________________________________________________________________________________________________________________________________



ผู้ลการจ!ดการเรยน่การสอน่____ด�าน่ความร��_________________________________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ที่!กษะ / กระบวน่การ / กระบวน่การค�ด___________________________________

225

______________________________________________________________________________________________________________________________________________________ด�าน่ค�ณล!กษณะอ!น่พ%งประสงค _______________________________________________________________________________________________________________________________________________________________________________________________

ป7ญหา / อ�ปสรรค______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

226

_________________________________________________________________________

ลงช้�"อ__________________ (ผ!�บ,นท9ก)








227


จ�ดประสงค การเรยน่ร��1. อธิ(บายีการคุ&านวณการต,-งคุ�าช้�วงว,นท�" และ ProgressBar

(K)2. เข้�ยีนโปัรแกรมู การต,-งคุ�าช้�วงว,นท�" และ ProgressBar

(P)3. ซื่�"อส,ตยี3 ส จร(ต ใฝ่8เร�ยีนร! � อยี!�อยี�างพอเพ�ยีง มู �งมู,"นในการ

ท&างาน (A)









228

สาระส.าค!ญการเข้�ยีนโปัรแกรมู การต,-งคุ�าช้�วงว,นท�" และ ProgressBar






ช�"น่งาน่หร�อภาระงาน่ (หล!กฐาน่ ร�องรอยแสดงความร��)1. ใบงานท�" 22 เร�"อง การต,-งคุ�าช้�วงว,นท�"2. ใบงานท�" 23 เร�"อง ProgressBar


229

4. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 22 เร�"อง การต,-งคุ�าช้�วงว,นท�"5. น,กเร�ยีนท&าใบงานท�" 22 เร�"อง การแทนท�"ด�วยีเมูธิอด

Replace6. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 23 เร�"อง ProgressBar

7. น,กเร�ยีนท&าใบงานท�" 23 เร�"อง ProgressBar

ขี!"น่สร�ป8. น,กเร�ยีนและคุร!ร�วมูก,นอภ(ปัรายี สร ปัเก�"ยีวก,บการต,-งคุ�าช้�วง

ว,นท�" และ ProgressBar



ส��อการเรยน่ร�� / แหล�งเรยน่ร��1. ใบคุวามูร! �ท�" 22 เร�"อง การต,-งคุ�าช้�วงว,นท�" จาก

http://www.tripleboy.net/moodle/file.php/12/lDate.pdf

2. ใบคุวามูร! �ท�" 23 เร�"อง ProgressBar จาก http://www.tripleboy.net/moodle/file.php/12/DateTime.pdf

3. ใบงานท�" 22 เร�"อง การต,-งคุ�าช้�วงว,นท�" จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=119

4. ใบงานท�" 23 เร�"อง ProgressBar


230






เร�ยีน)






ใบความร��ที่� 22 เร��อง การต์!"งค�าช�วงว!น่ที่�

231



2. เมู�"อโห็ลดฟอร3มู ให็�ต,-งคุ�า Min/Max ข้อง NumericUpDown

ท,-งสองอ,น โดยี Double Click บร(เวณว�างข้องฟอร3มูแล�วก&าห็นด Code ด,งภาพท�" 2

NumericMonth.Minimum = 1 NumericMonth.Maximum = 12

'-- ให็�คุ�าท�"ก&าห็นดได� อยี!�ในช้�วง 5 ปัF ก�อนและห็ล,งปัFปั$จจ บ,น NumericYear.Minimum = (DateTime.Now.Year + 543) - 5 NumericYear.Maximum = (DateTime.Now.Year + 543) + 5 NumericYear.Value = DateTime.Now.Year + 543 UpdateMinMax()


3. เมู�"อคุล(กท�"ปั 8มู Min Date ให็�อ�านคุ�า NumericUpDown มูาแปัลงเปั5นว,นเด�อนปัF แล�วก&าห็นด Properties MinDate โดยี ก&าห็นด Code ด,งภาพท�" 3

4. เมู�"อคุล(กท�"ปั 8มู Max Date ให็�อ�านคุ�า NumericUpDown มูาแปัลงเปั5นว,นเด�อนปัF แล�วก&าห็นด Properties MaxDate โดยี ก&าห็นด Code ด,งภาพท�" 4


DateTimePicker1

ButtonMax

NumericYear

ButtonMin

NumericMonth

232

'-- ให็�เร("มูต�นท�"ว,นแรกคุ�อว,นท�" 1 ข้องเด�อนท�"เล�อก Dim dateStr As String = "1/" & NumericMonth.Value & "/" & _ NumericYear.Value

Dim mnDate As DateTime = DateTime.Parse(dateStr)

'-- ตรวจสอบว�า MinDate ท�"ก&าห็นดน,-นอยี!�ก�อน MaxDate ห็ร�อไมู� If DateTime.Compare(mnDate, DateTimePicker1.MaxDate) > 0 Then MessageBox.Show("ว,นเด�อนปัFเร("มูต�นต�องมูาก�อนว,นเด�อนปัFส(-นส ด") Exit Sub End If

DateTimePicker1.MinDate = mnDate UpdateMinMax()

ภาพท�" 3 Procedure ButtonMin_Click

Dim m As Integer = NumericMonth.Value Dim y As Integer = NumericYear.Value

'-- เน�"องจากต�องการให็�ส(-นส ดท�"ว,นส ดท�ายีข้องเด�อนน,-น '-- แต�เน�"องจากแต�ละเด�อนมู�จ&านวนว,นไมู�เท�าก,น ด,งน,-นเราต�องห็าก�อนว�า เด�อนท�"เล�อกมู�ก�"ว,น Dim numDays As Integer = DateTime.DaysInMonth(y, m) Dim dateStr As String = numDays & "/" & m & "/" & y Dim mxDate As DateTime = DateTime.Parse(dateStr)

'-- ตรวจสอบว�า MaxDate ท�"ก&าห็นดน,-นอยี!�ถ,ดจาก MinDate ห็ร�อไมู� If DateTime.Compare(DateTimePicker1.MinDate, mxDate) > 0 Then MessageBox.Show("ว,นเด�อนปัFส(-นส ดต�องมูาท�ห็ล,งว,นเด�อนปัFเร("มูต�น") Exit Sub End If

DateTimePicker1.MaxDate = mxDate UpdateMinMax()

ภาพท�" 4 Procedure ButtonMax_Click

233

ใบความร��ที่� 23 เร��อง ProgressBar



2. เมู�"อโห็ลดฟอร3มู ให็�เต(มูคุ�าเร("มูแรกข้อง TextMin และ TextMax ให็�ก,บคุ�า Minimum และ Maximum ข้อง ProgressBar โดยีก&าห็นด Code ด,งภาพท�" 2

TextMin.Text = ProgressBar1.Minimum TextMax.Text = ProgressBar1.Maximum


3. เมู�"อคุล(กท�"ปั 8มู Start ให็�ก&าห็นดคุ�า Style, Minimum,

Maximum ตามูคุ�าท�"ก&าห็นด จากน,-นวนล!ปัเพ�"อเปัล�"ยีนคุ�าข้อง

ProgressBar1

TextMax

TextMin

RadioContinuous

RadioBlocksRadioMar

quee

ButtonStart

234

ProgressBar ไปัเร�"อยี ๆ ให็�เห็มู�อนก,บเปั5นการแสดงคุวามูคุ�บห็น�าข้องการท&างานโดยีก&าห็นด Code ด,งภาพท�" 3


'-- ห็ล,งคุล(กส,"งเร("มูท&างานให็�ปั 8มูใช้�งานไมู�ได� ButtonStart.Enabled = False

'--เล�อก Style ข้อง ProgressBar If RadioBlocks.Checked Then ProgressBar1.Style = ProgressBarStyle.Blocks ElseIf RadioMarquee.Checked Then ProgressBar1.Style = ProgressBarStyle.Marquee Else ProgressBar1.Style = ProgressBarStyle.Continuous End If

ProgressBar1.Minimum = TextMin.Text ProgressBar1.Maximum = TextMax.Text

For i = ProgressBar1.Minimum To ProgressBar1.Maximum ProgressBar1.Value = i Me.Text = i System.Threading.Thread.Sleep(100) '--ห็น�วงเวลาช้,"วข้ณะก�อนวนล!ปัถ,ดไปั Next

'-- ห็ล,งคุรบตามูท�"ก&าห็นดให็�Button สามูารถใช้�งานได� ButtonStart.Enabled = True

ภาพท�" 3 Procedure ButtonStart_Click

235

ใบงาน่ที่� 22 เร��อง การต์!"งค�าช�วงว!น่ที่�


236

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

237

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 23 เร��อง ProgressBar


238

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

239

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 22 เร�"อง การต,-งคุ�าช้�วงว,นท�" ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-


ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................


ระด,บ 4 3 2 1


รวมู

240


ใบงาน่ที่� 23 เร�"อง ProgressBar ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-



ระด,บ 4 3 2 1




19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



241

ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................








ความ


ด�วย

รวมู



19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



242

สามารถความ




























243












ขี�อเสน่อแน่ะขีองผู้��อ.าน่วยการโรงเรยน่/ผู้��ได�ร!บมอบหมาย______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

244

_________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

245

_________________________________________________________________________



ผู้ลการจ!ดการเรยน่การสอน่____ด�าน่ความร��_________________________________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ที่!กษะ / กระบวน่การ / กระบวน่การค�ด_____________________________________________________________________________________________________________________________________________________________________________________

246

____ด�าน่ค�ณล!กษณะอ!น่พ%งประสงค _______________________________________________________________________________________________________________________________________________________________________________________________

ป7ญหา / อ�ปสรรค______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

247

ลงช้�"อ__________________ (ผ!�บ,นท9ก)









248

จ�ดประสงค การเรยน่ร��1. อธิ(บายีการก&าห็นดร!ปัภาพจากโฟลเดอร3 Resource และ

การท&าไฟแดง (K)

2. เข้�ยีนโปัรแกรมู การก&าห็นดร!ปัภาพจากโฟลเดอร3 Resource และ การท&าไฟแดง (P)










249

สาระส.าค!ญการเข้�ยีนโปัรแกรมู การก&าห็นดร!ปัภาพจากโฟลเดอร3

Resource และ การท&าไฟแดง เปั5นพ�-นฐานส&าคุ,ญในการเข้�ยีนโปัรแกรมูภาษา





ช�"น่งาน่หร�อภาระงาน่ (หล!กฐาน่ ร�องรอยแสดงความร��)1. ใบงานท�" 24 เร�"อง การก&าห็นดร!ปัภาพจากโฟลเดอร3

Resource2. ใบงานท�" 25 เร�"อง การท&าไฟแดง


250

4. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 24 เร�"อง การก&าห็นดร!ปัภาพจากโฟลเดอร3 Resource

5. น,กเร�ยีนท&าใบงานท�" 24 เร�"อง การก&าห็นดร!ปัภาพจากโฟลเดอร3 Resource

6. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 25 เร�"อง การท&าไฟแดง7. น,กเร�ยีนท&าใบงานท�" 25 เร�"อง การท&าไฟแดงขี!"น่สร�ป8. น,กเร�ยีนและคุร!ร�วมูก,นอภ(ปัรายี สร ปัเก�"ยีวก,บการก&าห็นด

ร!ปัภาพจากโฟลเดอร3 Resource และ การท&าไฟแดง



ส��อการเรยน่ร�� / แหล�งเรยน่ร��1. ใบคุวามูร! �ท�" 24 เร�"อง การก&าห็นดร!ปัภาพจากโฟลเดอร3

Resource จาก http://www.tripleboy.net/moodle/file.php/12/Resource.pdf

2. ใบคุวามูร! �ท�" 25 เร�"อง การท&าไฟแดง จาก http://www.tripleboy.net/moodle/file.php/12/Red.pdf

3. ใบงานท�" 24 เร�"อง การก&าห็นดร!ปัภาพจากโฟลเดอร3 Resource จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=121

4. ใบงานท�" 25 เร�"อง การท&าไฟแดง จา

251

ก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=122






เร�ยีน)






252

ใบความร��ที่� 24 เร��อง การก.าหน่ดร�ปจากโฟลเดอร Resources

1. Double Click ท�" My Project ในห็น�าต�าง Solution

Explorer แล�วเล�อกท�"แทบ Resource คุล(ก Drop Down

ท�"ปั 8มู Add Resource เล�อก Add Existing File … ด,งภาพท�" 1

ภาพท�" 1 การเพ("มู Resource

2. เล�อกไฟล3ร!ปัภาพท�"ต�องการโดยีช้�"อไฟล3จะเปั5นช้�"ออ�างอ(งในโปัรแกรมูต�อไปั


โดยี GroupBox Image ให็�เปัล�"ยีนช้�"อ Radio ตามูช้�"อภาพใน Resource ซื่9"งในภาพท�" 2 มู�ไฟล3ภาพใน Resource เปั5น Bird

และ Butterfly

253

ภาพท�" 2 การวางต&าแห็น�งและการก&าห็นด Properties

4. เน�"องจากต�องการให็�แสดงการเปัล�"ยีนแปัลงท,นท�ท�"คุล(กเล�อกรายีการ จ9งต�องด,ก Event RadioButton ท กต,วโดยีเข้�ยีนโปัรแกรมูจ,ดการ Event ร�วมูก,น โดยีมู� Code ด,งภาพท�" 3

Private Sub ChangeImage(ByVal sender As Object, ByVal e As EventArgs) Handles _ RadioBird.CheckedChanged, RadioButterfly.CheckedChanged 'ช้�"อ Radio ตามูด�วยี .CheckedChanged ท กต,วใน RadioGroup เด�ยีวก,น

Dim radio As RadioButton = CType(sender, RadioButton) Select Case radio.Text Case "Bird" : PictureBox1.Image = My.Resources.bird55 Case "Butterfly" : PictureBox1.Image = My.Resources.butterfly End Select End Sub

ภาพท�" 3 Procedure ChangeImage

5. การเปัล�"ยีน Style ข้องภาพ ก&าห็นด Code ด,งภาพท�" 4 โดยีต�องด,ก Event ท กต,วเช้�นเด�ยีวก,บข้�อ 4

Dim radio As RadioButton = CType(sender, RadioButton) Select Case radio.Text Case "Normal" : PictureBox1.SizeMode = PictureBoxSizeMode.Normal

PictureBox1 BorderStyle : Fixed3D

RadioBird RadioBut

terfly

RadioNormal RadioStret

chImage RadioCenterImage RadioAutoSi

ze RadioZoom

254

Case "StretchImage" : PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage Case "CenterImage" : PictureBox1.SizeMode = PictureBoxSizeMode.CenterImage Case "AutoSize" : PictureBox1.SizeMode = PictureBoxSizeMode.AutoSize Case "Zoom" : PictureBox1.SizeMode = PictureBoxSizeMode.Zoom End Select

ภาพท�" 4 Procedure ChangeStyle


ใบความร��ที่� 25 เร��อง การที่.าไฟแดง

1. น&าร!ปัภาพไฟเข้�ยีว ไฟแดง ไฟเห็ล�อง มูาเกบไว�ในโฟลเดอร3 Resources


255

ภาพท�" 1 การวางต&าแห็น�งและการก&าห็นด Properties

3. เน�"องจากต�องการให็�แสดงการเปัล�"ยีนแปัลงท,นท�ท�"คุล(กเล�อกรายีการ จ9งต�องด,ก Event RadioButton ท กต,วโดยีเข้�ยีนโปัรแกรมูจ,ดการ Event ร�วมูก,น โดยีมู� Code ด,งภาพท�" 3

Private Sub ChangeImage(ByVal sender As Object, ByVal e As EventArgs) Handles _ RadioBird.CheckedChanged, RadioButterfly.CheckedChanged 'ช้�"อ Radio ตามูด�วยี .CheckedChanged ท กต,วใน RadioGroup เด�ยีวก,น

Dim radio As RadioButton = CType(sender, RadioButton) Select Case radio.Text Case "Bird" : PictureBox1.Image = My.Resources.bird55 Case "Butterfly" : PictureBox1.Image = My.Resources.butterfly End Select End Sub

ภาพท�" 3 Procedure ChangeImage

4. การเปัล�"ยีน Style ข้องภาพ ก&าห็นด Code ด,งภาพท�" 4 โดยีต�องด,ก Event ท กต,วเช้�นเด�ยีวก,บข้�อ 4

PictureBox1 BorderStyle : Fixed3D

RadioBird RadioBut

terfly

RadioNormal RadioStret

chImage RadioCenterImage RadioAut

oSize RadioZoom

256

Dim radio As RadioButton = CType(sender, RadioButton) Select Case radio.Text Case "Normal" : PictureBox1.SizeMode = PictureBoxSizeMode.Normal Case "StretchImage" : PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage Case "CenterImage" : PictureBox1.SizeMode = PictureBoxSizeMode.CenterImage Case "AutoSize" : PictureBox1.SizeMode = PictureBoxSizeMode.AutoSize Case "Zoom" : PictureBox1.SizeMode = PictureBoxSizeMode.Zoom End Select

ภาพท�" 4 Procedure ChangeStyle


257

ใบงาน่ที่� 24 เร��อง การก.าหน่ดร�ปภาพจากโฟลเดอร Resource

ค.าช"แจง ให็�น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 24 แล�วอธิ(บายีข้,-นตอนการท&างานข้องโปัรแกรมู................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

258

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

259

ใบงาน่ที่� 25 เร��อง การที่.าไฟแดง


260

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 24 เร�"อง การก&าห็นดร!ปัภาพจากโฟลเดอร3 Resource ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics)

ด,งน�-

261


ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................



ระด,บ 4 3 2 1


รวมู



19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



262

ใบงาน่ที่� 25 เร�"อง การท&าไฟแดง ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-


ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................

ลงช้�"อ ผ!�ปัระเมู(น (นายีนพคุ ณ ส�บเลยี) / /

/


ระด,บ 4 3 2 1


รวมู


263




รายการ






















19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



264
























265





266

___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________


267



ป7ญหา / อ�ปสรรค___________________________________________________________________________________________________________________________________________________________________________________________________________________________

268

___________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

ลงช้�"อ__________________ (ผ!�บ,นท9ก)




269






จ�ดประสงค การเรยน่ร��1. อธิ(บายีการใช้� FontDialog และ ColorDialog (K)

2. เข้�ยีนโปัรแกรมู การใช้� FontDialog และ ColorDialog (P)




2. คุวามูมู�เห็ต ผล

270

- ศ9กษาคุวามูร! �โดยีรอบคุอบและเก(ดการเร�ยีนร! �อยี�างแท�จร(ง

3. การมู�ภ!มู(คุ �มูก,นท�"ด�- น&าเสนอคุวามูร! �ท�"ได�ร,บอยี�างห็ลากห็ลายี น�าสนใจ

4. เง�"อนไข้คุวามูร! �- ห็�องปัฏิ(บ,ต(การคุอมูพ(วเตอร3เปั5นแห็ล�งเร�ยีนร! �ท�"ห็ลาก

ห็ลายี การน&าคุวามูร! �ท�"ได�ร,บไปัปัระยี กต3ใช้�ในการศ9กษาว(ช้าต�าง ๆ รวมูท,-งในช้�ว(ตปัระจ&าว,นจะท&าให็�ช้�ว(ตปัระสบคุวามูส&าเรจ



สาระส.าค!ญการเข้�ยีนโปัรแกรมู การใช้� FontDialog และ ColorDialog





271


ช�"น่งาน่หร�อภาระงาน่ (หล!กฐาน่ ร�องรอยแสดงความร��)1. ใบงานท�" 26 เร�"อง การใช้� FontDialog

2. ใบงานท�" 27 เร�"อง ColorDialog

การจ!ดก�จกรรมการเรยน่ร��ขี!"น่น่.า1. แจ�งผลการเร�ยีนร! �ให็�น,กเร�ยีนทราบ2. คุร!ซื่,กถามูเก�"ยีวก,บการเข้�ยีนโปัรแกรมู3. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูาขี!"น่สอน่4. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 26 เร�"อง การใช้� FontDialog

5. น,กเร�ยีนท&าใบงานท�" 26 เร�"อง การใช้� FontDialog

6. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 27 เร�"อง ColorDialog

7. น,กเร�ยีนท&าใบงานท�" 27 เร�"อง ColorDialog

ขี!"น่สร�ป8. น,กเร�ยีนและคุร!ร�วมูก,นอภ(ปัรายี สร ปัเก�"ยีวก,บการใช้�

FontDialog และ ColorDialog



ส��อการเรยน่ร�� / แหล�งเรยน่ร��

272

1. ใบคุวามูร! �ท�" 26 เร�"อง การใช้� FontDialog จาก http://www.tripleboy.net/moodle/file.php/12/Font.pdf

2. ใบคุวามูร! �ท�" 27 เร�"อง ColorDialog จาก http://www.tripleboy.net/moodle/file.php/12/Color.pdf

3. ใบงานท�" 26 เร�"อง การใช้� FontDialog จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=123

4. ใบงานท�" 27 เร�"อง ColorDialog







เร�ยีน)



3.เกณฑ์ การประเม�น่

273

3.1 การปัระเมู(นพฤต(กรรมูการเข้�าร�วมูก(จกรรมู (ในช้,-นเร�ยีน) ผ�านต,-งแต� 2 รายีการ ถ�อว�า ผู้�าน่ ผ�าน 1


ใบความร��ที่� 26 เร��อง การใช� FontDialog



Panel1

ButtonReset

274

2. เข้�ามู มูมูอง Code แล�วสร�างต,วแปัรฟAลด3ส&าห็ร,บเกบคุ�าไว�เปัร�ยีบเท�ยีบว�าผ!�เล�นคุล(กคุร,-งท�"แล�วเปั5น “X” ห็ร�อ “O” ด,งภาพท�" 2

Private lastPlayer As String = "O"

ภาพท�" 2 ก&าห็นดต,วแปัรเกบคุ�าการคุล(ก

3. Procedure ด,งภาพท�" 3 จะใช้�เปั5นต,วจ,ดการ Event ข้องปั 8มู X-O ท,-งห็มูด โดยีเมู�"อคุล(กแต�ละปั 8มูกให็�แสดงข้�อคุวามูบนปั 8มูเปั5น “X” สล,บก,บ “O” เห็มู�อนก,บว�ามู�ผ!�เล�น 2 คุนผล,ดก,นเล�นโดยีสร�าง Procedure ไว�

Private Sub Button_Click(ByVal sender As Object, ByVal e As EventArgs) '-- sender เปั5นช้น(ด Object ต�องแปัลงเปั5น Button ก�อน Dim btn As Button = CType(sender, Button) If btn.Text <> "" Then Return End If

'-- ห็ากคุร,-งท�"แล�วเปั5น "O" คุร,-งต�อไปัต�องเปั5น "X" '-- แต�ห็ากคุร,-งท�"แล�วเปั5น "X" คุร,-งต�อไปัต�องเปั5น "O" If lastPlayer = "O" Then btn.Text = "X" lastPlayer = "X" Else btn.Text = "O" lastPlayer = "O" End If

275

End Sub


4. เมู�"อโห็ลดฟอร3มู Procedure Button_Click() เปั5นต,วจ,ดการ Event ข้องแต�ละปั 8มู และข้�อก&าห็นดเพ("มูเต(มูอ�"น ๆ ด,งภาพท�" 4

Private Sub Form1_Load(ByVal sender As Object, ByVal e As EventArgs) Handles MyBase.Load Dim btn As Button For Each ctrl In Panel1.Controls '-- แปัลงเปั5นช้น(ด Button เพ�"อให็�อ�างถ9งสมูาช้(กข้องคุอนโทรลน�-ได� btn = CType(ctrl, Button) btn.Text = "" btn.Font = New Font("Tahoma", 14, FontStyle.Bold) AddHandler btn.Click, AddressOf Button_Click Next End Sub


5. เมู�"อคุล(กปั 8มู Reset ให็�ลบต,วอ,กษรออกจากปั 8มู X – O ด,งภาพท�" 5

Private Sub ButtonReset_Click(ByVal sender As Object, ByVal e As EventArgs) Handles ButtonReset.Click For i = 0 To Panel1.Controls.Count - 1 Panel1.Controls(i).Text = "" Next End Sub

ภาพท�" 5 Procedure ButtonReset_Click


ใบความร��ที่� 27 เร��อง ColorDialog


276


2. ก&าห็นด Code เมู�"อคุล(กท�"ปั 8มู ต์กลง ด,งภาพท�" 23. ร,นโปัรแกรมู

Button1TextBox1

277

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click '-- จ&านวนเง(นท�"ใส�ต�องเปั5นต,วเลข้ท�"เปั5นจ&านวนเตมูร�อยี Dim withdraw As Integer = TextBox1.Text If (Not IsNumeric(TextBox1.Text)) OrElse _ (TextBox1.Text Mod 100 <> 0) Then

MessageBox.Show("ต�องระบ จ&านวนเง(นเปั5นเลข้จ&านวนเตมูร�อยี") Exit Sub End If

'-- อาร3เรยี3ส&าห็ร,บเกบคุ�าธินบ,ตรแต�ละช้น(ด และจ&านวนธินบ,ตรช้น(ดน,-นท�"เคุร�"องจะจ�ายีให็�เรา '-- โดยีเร("มูแรกให็�ก&าห็นดจ&านวนธินบ,ตรแต�ละช้น(ดเปั5น 0 ไว�ก�อน Dim notes()() As Integer = {New Integer() {1000, 0}, New Integer() {500, 0}, New Integer() {100, 0}}

'-- เร("มูแรกให็�จ&านวนเง(นท�"เห็ล�อเท�าก,บจ&านวนเง(นท�"จะถอน Dim remain As Integer = withdraw

'-- วนล!ปัตามูจ&านวนช้น(ดธินบ,ตร For i = 0 To UBound(notes) '-- notes(i)(0) อ�างถ9งธินบ,ตรช้น(ด 100, 500, 1000 '-- notes(i)(1) อ�างถ9งจ&านวนธินบ,ตรช้น(ดน,-นท�"เคุร�"องจะจ�ายีมูา notes(i)(1) = remain \ notes(i)(0) '-- ห็ารแบบเอาเฉพาะจ&านวนเตมู

'-- คุ&านวณห็าเศษท�"เห็ล�อเพ�"อน&าไปัห็าจ&านวนธินบ,ตรช้น(ดถ,ดไปั remain -= notes(i)(0) * notes(i)(1) Next

'-- อ�านข้�อมู!ลจากอาร3เรยี3เพ�"อแสดงผล Dim str As String = "ช้น(ดธินบ,ตรท�"เคุร�"องจะจ�ายี: " & vbNewLine For i = 0 To UBound(notes) If notes(i)(1) <> 0 Then str &= notes(i)(0) & ": " & notes(i)(1) & vbNewLine End If Next

MessageBox.Show(str)


278

ใบงาน่ที่� 26 เร��อง การใช� FontDialog

ค.าช"แจง ให็�น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 26 แล�วอธิ(บายีข้,-นตอนการท&างานข้องโปัรแกรมู................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

279

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 27 เร��อง ColorDialog

280


281

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 26 เร�"อง การใช้� FontDialog ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-


ระด,บ 4 3 2 1


282


ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................


รวมู



19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



283

ใบงาน่ที่� 27 เร�"อง ColorDialog ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-


ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................



ระด,บ 4 3 2 1


รวมู


284




รายการ






















19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



285
























286





287

___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________


288



ป7ญหา / อ�ปสรรค___________________________________________________________________________________________________________________________________________________________________________________________________________________________

289

___________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

ลงช้�"อ__________________ (ผ!�บ,นท9ก)




290



สอน่ว!น่ที่� 6 เด�อน่ มูกราคุมู พ.ศึ. 2557 ผู้��สอน่ นายีนพคุ ณ ส�บเลยี



จ�ดประสงค การเรยน่ร��1. อธิ(บายีการพ(มูพ3เบ�-องต�น และการแสดงต,วอยี�างก�อนพ(มูพ3

(K)2. เข้�ยีนโปัรแกรมู การพ(มูพ3เบ�-องต�น และการแสดงต,วอยี�าง

ก�อนพ(มูพ3 (P)




291







สาระส.าค!ญการเข้�ยีนโปัรแกรมู การพ(มูพ3เบ�-องต�น และการแสดงต,วอยี�าง

ก�อนพ(มูพ3 เปั5นพ�-นฐานส&าคุ,ญในการเข้�ยีนโปัรแกรมูภาษา




292


ช�"น่งาน่หร�อภาระงาน่ (หล!กฐาน่ ร�องรอยแสดงความร��)1. ใบงานท�" 28 เร�"อง การพ(มูพ3เบ�-องต�น2. ใบงานท�" 29 เร�"อง การแสดงต,วอยี�างก�อนพ(มูพ3

การจ!ดก�จกรรมการเรยน่ร��ขี!"น่น่.า1. แจ�งผลการเร�ยีนร! �ให็�น,กเร�ยีนทราบ2. คุร!ซื่,กถามูเก�"ยีวก,บการเข้�ยีนโปัรแกรมู3. น,กเร�ยีนทบทวนเน�-อห็าท�"ผ�านมูาขี!"น่สอน่4. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 28 เร�"อง การพ(มูพ3เบ�-องต�น5. น,กเร�ยีนท&าใบงานท�" 28 เร�"อง การพ(มูพ3เบ�-องต�น 6. น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 29 เร�"อง การแสดงต,วอยี�างก�อน

พ(มูพ37. น,กเร�ยีนท&าใบงานท�" 29 เร�"อง การแสดงต,วอยี�างก�อนพ(มูพ38. น,กเร�ยีนท&าแบบทดสอบห็ล,งเร�ยีน ห็น�วยีท�" 1 เร�"อง เข้�ยีน

โปัรแกรมูภาษา9. น,กเร�ยีนบ,นท9กผลการเร�ยีนร! �ส&าห็ร,บผ!�เร�ยีนขี!"น่สร�ป10. น,กเร�ยีนและคุร!ร�วมูก,นอภ(ปัรายี สร ปัเก�"ยีวก,บการพ(มูพ3

เบ�-องต�น และการแสดงต,วอยี�างก�อนพ(มูพ3



293

ส��อการเรยน่ร�� / แหล�งเรยน่ร��1. ใบคุวามูร! �ท�" 28 เร�"อง การพ(มูพ3เบ�-องต�น จาก

http://www.tripleboy.net/moodle/file.php/12/Print.pdf

2. ใบคุวามูร! �ท�" 29 เร�"อง การแสดงต,วอยี�างก�อนพ(มูพ3 จาก http://www.tripleboy.net/moodle/file.php/12/Preview.pdf

3. ใบงานท�" 28 เร�"อง การพ(มูพ3เบ�-องต�น จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=125

4. ใบงานท�" 29 เร�"อง การแสดงต,วอยี�างก�อนพ(มูพ3 จาก http://www.tripleboy.net/moodle/mod/assignment/view.php?id=126





1.4 ตรวจแบบทดสอบห็ล,งเร�ยีน2.เคร��องม�อ

2.1 แบบส,งเกตพฤต(กรรมูการเข้�าร�วมูก(จกรรมู (ในช้,-นเร�ยีน)



2.4 แบบทดสอบห็ล,งเร�ยีน3.เกณฑ์ การประเม�น่

294

3.1 การปัระเมู(นพฤต(กรรมูการเข้�าร�วมูก(จกรรมู (ในช้,-นเร�ยีน) ผ�านต,-งแต� 2 รายีการ ถ�อว�า ผู้�าน่ ผ�าน 1

รายีการถ�อว�า ไม�ผู้�าน่3.2 ได�คุะแนนปัระเมู(นใบงานท�" 28 ร�อยีละ 80 ข้9-นไปั3.3 ได�คุะแนนปัระเมู(นใบงานท�" 29 ร�อยีละ 80 ข้9-นไปั3.4 ได�คุะแนนแบบทดสอบห็ล,งเร�ยีน ร�อยีละ 80 ข้9-นไปั

ใบความร��ที่� 28 เร��อง การพ�มพ เบ�"องต์�น่



2. ก&าห็นด Code เมู�"อคุล(กปั 8มู ด,งภาพท�" 2

ButtonSelectImgTextBox1Multiline : True

Button1

295

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Dim nums() As String = TextBox1.Lines Dim sum As Integer = 0

For Each n In nums If Not IsNumeric(n) Then Continue For End If

sum += CDbl(n) Next

Dim count As Integer = nums.Length Dim str As String = "ผลรวมู: " & sum & vbNewLine str &= "คุ�าเฉล�"ยี: " & sum / count MessageBox.Show(str) End Sub


3. ร,นโปัรแกรมู แล�วปัBอนข้�อมู!ล เมู�"อคุล(กท�"ปั 8มู ค.าน่วณ จะแสดงผลล,พธิ3

ใบความร��ที่� 29 เร��อง การแสดงต์!วอย�างก�อน่พ�มพ


RadioAudio

Buttion1

RadioVideoTextBox1

296


2. เมู�"อคุล(กปั 8มู เล�อกไฟล ให็�ตรวจสอบก�อนว�าได�เล�อกเปัAดไฟล3ปัระเภทใด แล�วน&าไปัก&าห็นดเปั5น Filter ส&าห็ร,บ OpenFileDialog และห็ล,งจากเล�อกไฟล3กน&ามูาใส�ใน TextBox แล�วส,"งให็�เล�นไฟล3ท�"เล�อกน,-น ด,งภาพท�" 2

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Dim filter As String = "" If (RadioAudio.Checked) Then filter = "Audio Files(*.mp3,*.wma,*.wav)|*.mp3;*.wma;*.wav" ElseIf (RadioVideo.Checked) Then filter = "Video Files(*.mpg,*.mpeg,*.avi,*.wmv)|" & _ "*.mpg;*.mpeg;*.avi;*.wmv" End If

OpenFileDialog1.Filter = filter If OpenFileDialog1.ShowDialog() = DialogResult.OK Then TextBox1.Text = OpenFileDialog1.FileName Process.Start(TextBox1.Text) End If End Sub


3. ร,นโปัรแกรมู แล�วเล�อกจะด!ห็น,งห็ร�อฟ$งเพลง

ใบงาน่ที่� 28 เร��อง การพ�มพ เบ�"องต์�น่

ค.าช"แจง ให็�น,กเร�ยีนศ9กษาใบคุวามูร! �ท�" 28 แล�วอธิ(บายีข้,-นตอนการท&างานข้องโปัรแกรมู................................................................................................................................................................

297

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

298

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 29 เร��อง การแสดงต์!วอย�างก�อน่พ�มพ


299

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

300

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

.................................................................................

...............................................................................

ใบงาน่ที่� 28 เร�"อง การพ(มูพ3เบ�-องต�น ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-

1. อธิ(บายีน�าสนใจ 2. การล&าด,บคุวามูอธิ(บายีต�อเน�"อง 3. แสดงเน�-อห็าคุวามูร! �ได�ช้,ดเจน 4. เล�อกว(ธิ�การเข้�ยีนอธิ(บายีเห็มูาะสมูสอดคุล�องก,บเร�"อง 5. เร�ยีบเร�ยีงถ�อยีคุ&าน�าอ�าน เข้�าใจง�ายี


ระด,บ 4 3 2 1


301

6. มู�การสร ปัคุวามูคุ(ดเห็นข้องผ!�เข้�ยีน

ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................


ใบงาน่ที่� 29 เร�"อง การ แสดงต,วอยี�างก�อนพ(มูพ3 ให็�ผ!�สอนพ(จารณาจากเกณฑ์3การปัระเมู(นผลตามูสภาพจร(ง (Rubrics) ด,งน�-

รวมู


ระด,บ รวมูคุะแน



19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



302


ข้�อเสนอแนะอ�"นๆ .......................................................................................................................................................................................................................................................................................


4 3 2 1

รวมู



19 – 24 คุะแนน =


ด� 7 - 12 คุะแนน =



303



รายการ




























304


















(นายีนพคุ ณ ส�บเลยี) 6 มูกราคุมู 2557


305

_________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

306

_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________




307

____ด�าน่ที่!กษะ / กระบวน่การ / กระบวน่การค�ด_________________________________________________________________________________________________________________________________________________________________________________________ด�าน่ค�ณล!กษณะอ!น่พ%งประสงค ________________________________________________________________________________________________________________________________________________________________________________________________

ป7ญหา / อ�ปสรรค______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

แน่วที่างแก�ไขี__________________________________________________________________________________________________________________________________________________

308

___________________________________________________________________________________________________________________________________________________________________________________________________________________________

ลงช้�"อ__________________ (ผ!�บ,นท9ก)

(นายีนพคุ ณ ส�บเลยี) 6 มูกราคุมู 2557

เนเธเธฃเนเธเธฃเธกเนเธฅเธฐเธเธฒเธฃเธเธฃเธฐเธข...

Documents