แผนการจดการเรยนรท 2 กลมสาระการเรยนรการงานอาชพและเทคโนโลย รหสวชา ง31102 ชอวชา การสรางงานสอผสม หนวยการเรยนรท 2 เรอง การใชโปรแกรม Authorware 1 ชนมธยมศกษาปท 4 เวลา 8 ชวโมง โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา ครผสอน ณฐพล บวอไร

สาระส าคญ การใชโปรแกรม Macromedia Authorware เพอสรางหนาจอตอบรบผเรยนหรอหนาลงทะเบยนเรยน หลกการใช

เครองมอในการสรางหนาลงทะเบยน สวนประกอบของหนาลงทะเบยน การสรางหนารายการบทเรยนหรอเมนบทเรยน ไดแก เมนจดประสงครายวชา เมนแบบทดสอบกอนเรยน เมนเขาสเนอหาบทเรยน เมนแบบทดสอบหลงเรยน เมนผจดท า และเมนออกจากระบบหรอออกจากโปรแกรม การปรบแตงป มรายการเมน การสรางหนาค าอธบายรายวชาและหนาจดประสงครายวชา เพออธบายรายละเอยดของเนอหาวชาหรอเนอหาในบทเรยนคอมพวเตอรชวยสอน

มาตรฐาน มาตรฐาน ง 3.1 เขาใจ เหนคณคา และใชกระบวนการเทคโนโลยสารสนเทศในการสบคนขอมล การ

เรยนร การสอสาร การแกปญหา การท างานและอาชพอยางมประสทธภาพ ประสทธผล และมคณธรรม ตวชวด 5. ใชคอมพวเตอรชวยสรางชนงานจากจนตนาการหรองานทท าในชวตประจ าวนอยางมจตส านกและความรบผดชอบ 11. ใชเทคโนโลยสารสนเทศน าเสนองานในรปแบบทเหมาะสม ตรงตามวตถประสงคของงาน

จดประสงคปลายทาง สามารถสรางบทเรยนคอมพวเตอรชวยสอนตามทก าหนดได จดประสงคน าทาง

1. สามารถสรางหนาจอลงทะเบยนเขาเรยนของบทเรยนคอมพวเตอรชวยสอนได 2. สามารถสรางหนารายการเมนของบทเรยนคอมพวเตอรชวยสอนได 3. สามารถปรบแตงป มรายการเมนตามทก าหนดได 4. สามารถสรางหนาจดประสงครายวชาได

สาระการเรยนร

1. ความร - การสรางหนาจอลงทะเบยนเขาเรยนของบทเรยนคอมพวเตอรชวยสอน - การสรางสรางหนารายการเมนของบทเรยนคอมพวเตอรชวยสอน - การปรบแตงป มรายการเมน - การสรางหนาจดประสงครายวชา

2. ทกษะ/กระบวนการ - การสราง - การแกปญหา

3. คณลกษณะอนพงประสงค - ใฝเรยนร - มวนย

สอการเรยนร

1. ใบความรท 4 เรอง การสรางหนาจอตอบรบผเรยน 2. ใบความรท 5 เรอง การสรางหนารายการเมน 3. ใบความรท 6 เรอง การปรบแตงป มรายการเมน 4. ใบความรท 7 เรอง การสรางหนาจดประสงครายวชา 5. คอมพวเตอร 6. โปรแกรม Macromedia Authorware

กระบวนการจดการเรยนการสอน

ชวโมงท 1-2 กจกรรมน าเขาสการเรยน

1. นกเรยนทกคนศกษาตวอยางบทเรยนคอมพวเตอรชวยสอน แลวพจารณาในสวนการน าเขาสบทเรยนของบทเรยนคอมพวเตอรชวยสอนแตละเรอง

2. นกเรยนรวมกนแสดงความคดเหนวาการน าเขาสบทเรยนหรอตอนทเปดโปรแกรมบทเรยนคอมพวเตอรชวยสอนขนมาแลวนน จะตองเจอกบสวนใดเปนอนดบแรกบาง

กจกรรมพฒนาการเรยนร

(จดประสงคน าทางขอท 1. บอกสามารถสรางหนาจอลงทะเบยนเขาเรยนของบทเรยนคอมพวเตอรชวย

สอนได)

1. นกเรยนทกคนศกษาวธการสรางหนาจอตอบรบผเรยนหรอหนาจอลงทะเบยนเรยน โดยครผสอนเปนผสาธตพรอมกบบรรยายวธการท า รวมทงเครองมอทน ามาใชใหนกเรยนฟง

2. นกเรยนทกคนฝกปฏบตตามครผสอนทละขนตอน หากนกเรยนสงสยในขนตอนใด ครเปดโอกาสใหนกเรยนสอบถามและอธบายใหนกเรยนทกคนในหองเขาใจ

3. นกเรยนศกษาความรเกยวกบการสรางหนาจอตอบรบเพมเตม จากใบความรท 4 เรองการสรางหนาจอตอบรบ

4. ครใหเวลานกเรยนทดลองสรางหนาจอตอบรบผเรยนหรอหนาจอลงทะเบยนเรยนเปนเวลา 15 นาท 5. เมอหมดเวลาครตรวจชนงานของนกเรยนแตละคน พรอมทงใหคะแนนกบนกเรยนทสรางชนงาน

ตามเกณฑทก าหนดไว 6. ครเปดโอกาสใหนกเรยนซกถามปญหาขอสงสยตางๆ และครผสอนอธบายหรอตอบค าถาม

เหลานนใหนกเรยนทกคนเขาใจ

กจกรรมรวบยอด 1. นกเรยนรวมกนสรปหนาท ประโยชน และวธการสรางหนาจอตอบรบผเรยนหรอหนาจอ

ลงทะเบยนเรยนอกครง โดยครผสอนเปนผอธบายเพมเตมในสวนทนกเรยนยงอธบายไมชดเจน ชวโมงท 3 - 4

กจกรรมน าเขาสการเรยน 1. นกเรยนทกคนรวมกนทบทวนวธการสรางหนาจอตอบรบผเรยนหรอหนาจอลงทะเบยนเรยน 2. นกเรยนรวมกนแสดงความคดเหนวาเมอนกเรยนสรางหนาจอตอบรบผเรยนแลว สงตอไปท

นกเรยนตองสรางคอสวนใดของบทเรยนคอมพวเตอรชวยสอน 3. ครเฉลยวา คอสวนของเมนบทเรยน

กจกรรมพฒนาการเรยนร

(จดประสงคน าทางขอท 2.สามารถสรางหนารายการเมนของบทเรยนคอมพวเตอรชวยสอนได)

1. นกเรยนทกคนสรางหนาจอตอบรบผเรยนหรอหนาจอลงทะเบยนเรยนอกครง โดยครใหเวลานกเรยนในการสรางหนาจอตอบรบนเปนเวลา 15 นาท

2. นกเรยนศกษาวธการสรางเมนบทเรยน โดยครผสอนเปนผสาธต และใหนกเรยนทกคนทดลองท าตามครผสอนทละขนตอน

3. หากนกเรยนมขอสงสยในขนตอนใด สามารถสอบถามครผสอนไดทนท และครผสอนตอบค าถามนนๆ ใหนกเรยนทกคนฟง

4. นกเรยนศกษาวธการสรางเมนบทเรยนเพมเตมจากใบความรท 5 เรองการสรางเมนบทเรยน และทดลองสรางเมนบทเรยนของตนเอง โดยครผสอนใหเวลากบนกเรยนในการสรางเมนบทเรยนนเปนเวลา 15 นาท

5. ครตรวจและใหคะแนนกบนกเรยนทสรางเมนบทเรยนเสรจเรยบรอย 6. นกเรยนทกคนบนทกงานของตนเองเกบไวใหเรยบรอย ถานกเรยนคนใดม Flash Drive สามารถ

บนทกกลบไปได เพอน ามาใชในการเรยนครงตอไป หรออาจจะบนทกไวใน Drive D ของเครองคอมพวเตอรได โดยตงชอ Folder นนเปนชอของนกเรยนเอง

กจกรรมรวบยอด 1. นกเรยนรวมกนสรปขนตอนการสรางเมนบทเรยนอกครง โดยอธบายทละขนตอน หากนกเรยน

อธบายไมครบถวน ครผสอนจะเปนผอธบายเพมเตมเนอหาขอมลสวนนนใหนกเรยนทกคนเขาใจอกครง

ชวโมงท 5 - 6 กจกรรมน าเขาสการเรยน

1. นกเรยนทกคนศกษาตวอยางบทเรยนคอมพวเตอรชวยสอนทมการปรบแตงป มรายการเมนแลว

2. ครใหเวลานกเรยน 15 นาทในการดาวนโหลดป มทครสรางไวใหเรยบรอยแลว จากเวบไซต www.nattapon.com โดยบนทกป มทดาวนโหลดมาเกบไวทหนาจอคอมพวเตอรของนกเรยน

กจกรรมพฒนาการเรยนร (จดประสงคน าทางขอท 3.สามารถปรบแตงป มรายการเมนตามทก าหนดได)

1. นกเรยนเปดงานทบนทกไวในชวโมงทผานมาขนมา 2. นกเรยนทกคนศกษาวธการปรบเปลยนป มเมนบทเรยน โดยครผสอนเปนผสาธตวธการปรบเปลยน

ป มเมนบทเรยน 3. นกเรยนทกคนฝกปฏบตตามครผสอนทละขนตอน หากนกเรยนสงสยในขนตอนใด ใหสอบถาม

ครผสอนทนท และครผสอนอธบายใหนกเรยนทกคนเขาใจ 4. นกเรยนศกษาความรเพมเตมจากใบความรท 6 เรองการปรบแตงปมรายการเมน โดยนกเรยนศกษา

การใชค าสง Up, Down, Over และ Disable 5. นกเรยนทดลองปรบแตงป มรายการเมนของตนเอง โดยครใหเวลากบนกเรยนในการปรบแตงป ม

รายการเมนน 20 นาท 6. ครตรวจและใหคะแนนชนงานของนกเรยน 7. นกเรยนทกคนบนทกชนงานของตนเองเกบไวในสอบนทกใหเรยบรอย 8. ครเปดโอกาสใหนกเรยนสอบถามปญหาขอสงสยตางๆ และครตอบค าถามนนๆ ใหนกเรยนทกคน

เขาใจ

กจกรรมรวบยอด 1. นกเรยนรวมกนสรปวธการปรบแตงป มรายการเมน โดยอธบายเปนขนตอนอยางละเอยด 2. ครอธบายเพมเตมในสวนทนกเรยนยงอธบายไมครบถวน

ชวโมงท 7 - 8

กจกรรมน าเขาสการเรยน 1. ครสมนกเรยนทละคน ใหอธบายวธการสรางหนาจอตอบรบผเรยนไปจนถงวธการสรางรายการ

เมนบทเรยน โดยใหอธบายเปนขนตอนคนละ 1 ขอ 2. ครอธบายเพมเตมในสวนทนกเรยนไมสามารถอธบายได 3. นกเรยนรวมกนคดวเคราะหวาเมอนกเรยนสรางรายการเมนบทเรยนเสรจแลว ขนตอนตอไปของ

การพฒนาบทเรยนคอมพวเตอรชวยสอนคอขนตอนใด 4. ครเฉลยวาคอขนตอนของการสรางหนาจดประสงครายวชา

กจกรรมพฒนาการเรยนร

(จดประสงคน าทางขอท 4.สามารถ สามารถสรางหนาจดประสงครายวชาได)

1. นกเรยนทกคนเปดชนงานของตนเองทบนทกไวในชวโมงทผานมาขนมา

2. นกเรยนศกษาวธการสรางหนาจดประสงครายวชา โดยครผสอนเปนผสาธตวธการสรางทละขนตอน

ใหนกเรยนทกคนปฏบตตาม

3. หากนกเรยนมขอสงสยประการใดใหสอบถามครผสอนทนท และครผสอนอธบายใหนกเรยนทกคน

เขาใจ

4. นกเรยนศกษาความรเพมเตมจากใบความรท 7 เรองการสรางหนาจดประสงครายวชา และสรางหนา

จดประสงครายวชาของตนเอง โดยครใหเวลาในการสรางชนงานนเปนเวลา 20 นาท

5. ครตรวจสอบชนงานและใหคะแนนชนงานของนกเรยน

6. นกเรยนบนทกชนงานของตนเองลงในสอบนทกใหเรยบรอย

กจกรรมรวบยอด (จดประสงคปลายทาง สามารถสรางบทเรยนคอมพวเตอรชวยสอนตามทก าหนดได)

1. นกเรยนรวมกนสรปวธการสรางหนาจดประสงครายวชาอกครง โดยครผสอนเปนผอธบายเพมเตม

ในสวนทนกเรยนยงอธบายไมละเอยด

2. ครสงงานใหนกเรยนทกคนน าความรทเรยนมาทงหมดตงแตการสรางหนาจอตอบรบผเรยนมาจนถงการสรางหนาจดประสงครายวชา มาสรางชนงานของตนเองขนมาคนละ 1 ชนงาน พรอมทงตกแตงชนงานใหสวยงาม และสงชนงานทสรางเสรจแลวมาทอเมล krunattapon@gmail.com พรอมทงบอกชอ- นามสกล ชน และเลขทมาใหเรยบรอย โดยใหเวลาในการสรางชนงานนเปนเวลา 1 สปดาห

การวดและประเมนผล ดานความร ดานคณธรรม จรยธรรม ดานทกษะ/กระบวนการ

1. สงเกตจากการถามการตอบ การอธบาย และการน าเสนอ 2. ตรวจจากใบงานและกจกรรมการเรยนร 3. ตรวจจากแบบทดสอบกอนเรยนและหลงเรยน

1. สงเกตจากพฤตกรรมทรบผดชอบตองานทไดรบมอบหมาย 2. สงเกตความอดทน การรบฟงความคดเหนของผอน การวเคราะหการวจารณผลงานของผอนดวยความมเหตผล

1. สงเกตจากพฤตกรรมการท างาน 2. สงเกตทกษะการใชเครองคอมพวเตอรในการคนหาขอมล 3. สงเกตทกษะในการถายทอดขอมล

o วธการวดผล

- สงเกตพฤตกรรมรายบคคล - สงเกตทกษะรายบคคล

o เครองมอวดและประเมนผล - แบบประเมนการสงเกตพฤตกรรมรายบคคล - แบบประเมนการสงเกตทกษะรายบคคล

o เกณฑการประเมนผล - ประเมนการสงเกตพฤตกรรมรายบคคล

ไดคะแนน 20 ผานเกณฑ

ไดคะแนน 20 ไมผานเกณฑ - ประเมนการสงเกตทกษะรายบคคล

ไดคะแนน 20 ผานเกณฑ

ไดคะแนน 20 ไมผานเกณฑ

บนทกหลงการสอน 1. ปญหาทพบ ............................................................................................................................. ................................................................................................................................... ................................................................................................................................................................................................................................................... ........................................................................................................................................................................................... ............................................................................................................................................................................................................... .......................................... 2. แนวทางปรบปรงการเรยนการสอน ........................................................... ............................................................................................................................. ................................................................................................................................ ........................................................................................................................................................................................... ..................................................................................................................................................................................................... ................................................................................................................................... ............................................................................................................

ลงชอ.....................................................

(นายณฐพล บวอไร) วนท.................เดอน..................พ.ศ. ...........

ความคดเหนฝายวชาการ ............................................................................................................................. .................................................................................................................................. .................................................................................................................................................................................................................................... ................................................................................................................................................................................... ......................................................................................................... ............................................................................................................................. ...

ลงชอ.....................................................

(นางอรวรรณ วฒเวช) รองผอ านวยการกลมบรหารวชาการ

วนท.................เดอน..................พ.ศ. ........... ความคดเหนของผบรหารสถานศกษา

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

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

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

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

................................................................................................................................................................................. .. ลงชอ.....................................................

(นายปรชา กล ารศม) ผอ านวยการโรงเรยน

วนท.................เดอน..................พ.ศ. ...........

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 1

ใบความรท 4 เรอง การสรางหนาจอตอบรบ สวนทมความส าคญระหวางบทเรยนคอมพวเตอรชวยสอนกบผเรยนมากสวนหนงกคอ สวน

หนาจอตอบรบผเรยน เพราะเมอผเรยนไดมปฏสมพนธครงแรกกบคอมพวเตอรแลว ผเรยนจะรสกไมโดดเดยวและอยากทจะเรยนคอมพวเตอรมากยงขน โดยวธการสรางหนาจอตอบรบมดงน

1. เรมจากน า Interaction Icon มาวางบน Flow Line จากนนเปลยนชอ Icon เปน “พมพรายชอ” ดงภาพ

2. น า Map Icon มาวางทางดานหลงของ Interaction Icon “พมพรายชอ” แลวนกเรยนจะพบกบกรอบ Response Type ใหเลอกท Text Entry จากนนคลกปม OK ดงภาพ

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 2

3. ตอจากนนใหเปลยนชอ Icon เปนเครองหมาย “*” ดงภาพ

4. น า Display Icon มาวางใต Interaction Icon “พมพรายชอ” แลวเปลยนชอ Icon เปน “แสดงรายชอ” ดงภาพ

5. ใหเปลยนเสนทางเดนของโปรแกรมโดยกดปม Ctrl คางไวแลวคลกทหวลกศรใต Interaction Icon “พมพรายชอ” จะไดผลดงภาพ

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 3

6. ใหดบเบลคลกท Interaction Icon “พมพรายชอ” แลวใชเครองมอ (Text) ใน Toolbox โดยพมพค าวา “กรณาพมพรายชอแลวกดปม Enter” ดงภาพ

7. ดบเบลคลก Display Icon “แสดงรายชอ” แลวพมพค าวา “ยนดตอนรบคณ” จากนนใหเขยนโปรแกรมเพมเตมส าหรบแสดงรายชอดงน “{EntryText}” ดงภาพ

8. ทดสอบโปรแกรมโดยกดปม Restart ( )

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 1

ใบความรท 5 เรอง การสรางหนาแสดงรายการบทเรยน หลงจากทนกเรยนไดเรยนรการสรางหนาจอตอบรบผเรยนไปแลว ในตอนนเราจะมาสรางสวนรายการแสดงบทเรยน สวนแสดงรายการบทเรยนนจะประกอบไปดวย

- จดประสงคและค าอธบายรายวชา - แบบทดสอบกอนเรยน - เขาสบทเรยน - แบบทดสอบหลงเรยน - ขอมลผสอน - ออกจากบทเรยน สวนแสดงรายการบทเรยนนหากเปรยบเทยบกบหนงสอแลวกคอสวนสารบญนนเอง โดยมขนตอนการสรางดงน

ขนตอน

1. เรมจากน า Interaction Icon มาวางไวใต Icon ลบแสดงรายชอแลวเปลยนชอ Icon เปนแสดงรายการบทเรยน ดงภาพ

2. น า Map Icon มาวางไวทางดานขวาของ Interaction Icon แสดงรายการบทเรยน ในระหวางน

นกเรยนจะพบกรอบ Response Type ใหเลอก Button แลวกดปม OK

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 2

3. จากนนใหเปลยนชอ Icon เปน “จดประสงครายวชา” ดงภาพ

4. จากนนใหนกเรยนท าตามขอท 2 และ 3 อกครง โดยน า Map Icon มาวางตอจาก Map Icon

จดประสงครายวชา ทางดานขวามอแลวเปลยนชอเปน แบบทดสอบกอนเรยน, เขาสบทเรยน, แบบทดสอบหลงเรยน, ขอมลผสอน, ออกจากบทเรยน ดงภาพ

5. ทดลองรนโปรแกรมดวยการกดปม Restart ( ) จะไดผลดงภาพ

รปทนกเรยนเหนดานบนคอรปแสดงรายการบทเรยน ซงยงไมสามารถคลกเขาไปในแตละเมนได เพราะนกเรยนยงไมไดสรางหนาแตละหนาของแตละเมน ซงครจะสอนตอไปในใบความรหนานะครบ โปรดตดตามตอนตอไป...

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 1

ใบความรท 6 เรอง การปรบแตงปมเมนบทเรยน

เมนบทเรยนทโปรแกรมก าหนดมาใหนน อาจจะมลกษณะหรอรปแบบไมตรงกบความตองการของผออกแบบ

บทเรยน ดงนนหากนกเรยนตองการทจะปรบแตงปมหรอแทรกปมทสรางไวดวยโปรแกรมอนๆ เชน Photoshop กสามารถ

ท าได โดยมวธและขนตอนดงตอไปน

1. ดบเบลคลกทไอคอนทชอวา menu

2. จะปรากฏหนาตางเมนบทเรยนดงรป

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 2

3. ดบเบลคลกทปมทตองการแกไขปรบเปลยน (ปมจดประสงครายวชา) จะปรากฎแถบ Properties ดานลาง ใหนกเรยนคลก

ทปมทชอวา Button ทมมลางซายของโปรแกรม

4. จะปรากฏหนาตางดงรป ซงเปนหนาตางแสดงป มตางๆ ทโปรแกรมมให หากนกเรยนตองการแทรกป มทนกเรยนสราง

ขนมาเอง ใหคลกทปม Add

5. จะปรากฏหนาตาง Button Editor ขนมา โดยใหนกเรยนสงเกตทมมซายจะมเครองมอทชอวา Up, Down, Over และ

Disable โดย

- Up หมายถง ปมปกต ไมมการคลกหรอท าสงใดกบปม

- Down หมายถง เมอคลกป ม

- Over หมายถง เมอเอาเมาสไปชบนปมนน

- Disable หมายถง ปดการท างานของปมนน

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 3

6. ใหนกเรยนคลกท Up แลวไปคลกทปม Import ท Graphic เพอน ารปภาพป มเขามาใชในโปรแกรม

จะไดผลดงรปดานลาง

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 4

7. ตอไปใหนกเรยนคลกทป ม Over แลวไป Import รปอกครง โดยให Import รปทแตกตางจากรปเดม จะไดผลดงรป

8. กดปม OK แลวทดลองรนโปรแกรม กจะไดป มใหมท Import เขาไป โดยเมอน าเมาสไป Over บนปมนน ปมกจะมการ

เปลยนแปลงตามทไดก าหนดไว

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 1

ใบความรท 7 เรอง การสรางหนาจดประสงครายวชา จากการทนกเรยนสามารถสรางหนาแสดงรายการบทเรยนไดแลว ตามทครไดอธบายไปในใบความรทผานมา ตอไปกจะเปนการสรางหนาจดประสงครายวชา ซงเปนหนาทแสดงขอมล จดประสงคของรายวชานนทนกเรยนไดสรางสอ CAI ขนมา โดยมขนตอนดงน ขนตอน

1. เปลยนชอไอคอนทชอวา “แสดงรายการบทเรยน” เปน “menu” ดงรป

เปลยนเปน

2. ใหนกเรยนดบเบลคลกท Map Icon ทชอวา “จดประสงครายวชา”

จะไดหนาตางใหมทเปน Level 2 ดงรปดานลาง

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 2

3. คลกลากไอคอน Erase มาวางแลวตงชอใหมวา “ลบ” ดงรป

4. คลกลากไอคอน Display มาวางแลวตงชอใหมวา “จดประสงครายวชา”

5. ดบเบลคลกทไอคอน “จดประสงครายวชา” จะไดหนาตางส าหรบสรางค าอธบายจดประสงค

รายวชา โดยใหนกเรยนใชเครองมอ Text เขยนขอความทเปนจดประสงครายวชาลงไป ดงรป

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 3

6. ลากไอคอน Interaction มาวาง แลวตงชอวา “กลบเมน”

7. ลากไอคอน Calculation มาวางเยองไปดานขวาของไอคอน “กลบเมน” จะปรากฏหนาตางดง

รป

8. เลอก Button แลวกดปม OK แลวเปลยนชอไอคอนเปน “กลบสเมนหลก”

เอกสารประกอบการเรยนวชา ง31102 การสรางงานสอผสม ครณฐพล บวอไร (www.nattapon.com)

โรงเรยนเตรยมอดมศกษาพฒนาการ ล าลกกา 4

9. ดบเบลคลกทไอคอน Calculation จะขนหนาตางส าหรบใสค าสงใหนกเรยนพมพขอความลงไปวา “GoTo(IconID@"menu")”

Goto คอค าสงทใหโปรแกรมท าการกระโดดไปยงต าแหนงทตองการ โดยในทนใหกระโดดไปทไอคอนทชอวา “menu” ซงเปนหนาตางทแสดงเมนหลกนนเอง

10. ทดลองรนโปรแกรมดวยการกดปม Restart จะไดผลดงภาพ