ขั้นตอนการออกแบบและสร้าง...

19
ขั ้นตอนการออกแบบและสร ้างบทเรียน ผ่านสื่ออิเล็กทรอนิกส์ บทที7

Upload: others

Post on 23-Feb-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

ขนตอนการออกแบบและสรางบทเรยนผานสออเลกทรอนกส

บทท 7

Page 2: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

สออเลกทรอนกส

สออเลกทรอนกส เปนสอการเรยนการสอนทถกออกแบบใหอยในรปแบบอเลกทรอนกส เพอตอบสนองการเรยนการสอนทางไกล (Distance Learning) ผานระบบเครอขายอนเทอรเนต (Internet) หรอการเรยนการสอนออนไลน Online ซงลกษณะการเรยนการสอนออนไลน Online นนเนนผเรยนเปนศนยกลางการเรยนร

2

Page 3: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

ดงนนสออเลกทรอนกสจะตองไดรบการออกแบบตามหลกการและทฤษฎทางดานตางๆ ไมวาจะเปนทฤษฎทางดานการศกษา และดานจตวทยา โดยยดหลกการออกแบบตามกระบวนการออกแบบการเรยนการสอน (Instructional Design)

3 สออเลกทรอนกส

Page 4: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

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

4 สออเลกทรอนกส

Page 5: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

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

5 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 6: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

1.2 เขยนเนอหาสนๆ ทกหวเรองยอย ใหสอดคลองกบ วตถประสงคเชงพฤตกรรม 1.3 จดล าดบเนอหา 1.4 จดกลมเนอหาเพอแบงเปนหวเรองยอยๆ ตามปรมาณของ เนอหา 1.5 จดล าดบความสมพนธของเนอหาแตละหวเรองยอย

6

Page 7: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

การวเคราะหผเรยน โดยวเคราะหเกยวกบขอมลผเรยน เชน ระดบชน อาย ความรพนฐาน เพอใหไดบทเรยนทมคณภาพ และเหมาะสมกบกลมเปาหมาย การวเคราะหสภาพแวดลอม พวกอปกรณสนบสนนการเรยนรของผเรยน เชน จ านวนเครองคอมพวเตอรในสถาบน จ านวนนกศกษาทคอมพวเตอรเปนของตนเอง ความเรวของ leaded line เปนตน

7 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 8: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

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

การออกแบบบทเรยน หมายถง การน าตวบทเรยนทผานการออกแบบและวเคราะหจากขนวเคราะห มาสรางเปนบทเรยน e-Learning ซงจะประกอบดวยสวนตางๆ ไดแก วตถประสงคเชงพฤตกรรม เนอหา แบบทดสอบกอนบทเรยน (pre-test) สอ กจกรรม วธการน าเสนอ และแบบทดสอบหลงบทเรยน (post-test)

8 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 9: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

การออกแบบผงงาน (flowchart) หมายถง แผนภมทแสดงใหเหนถงความสมพนธของบทด าเนนเรอง ซงเปนการจดล าดบความสมพนธของเนอหาแตละสวนบทด าเนนเรอง และการออกแบบบทด าเนนเรอง (storyboard) หมายถง เรองราวของบทเรยน ประกอบดวยเนอหาทแบงออกเปนเฟรมๆ ตงแตเฟรมแรกซงเปน Title ของบทเรยน จนถงเฟรมสดทาย บทด าเนนเรองจงประกอบดวย ภาพ ขอความ เสยง หรอมลตมเดย กจกรรมการเรยน ค าถาม-ค าตอบ และรายละเอยดอนๆ

9 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 10: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

การออกแบบหนาจอภาพ (screen design) การออกแบบหนาจอภาพ หมายถง การจดพนทและองคประกอบของจอภาพเพอใชในการน าเสนอเนอหา ภาพ กราฟก เสยง ส ตวอกษร และสวนประกอบอนๆ การออกแบบบทเรยน e-Learning

10 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 11: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

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

11 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 12: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

3. พฒนา (Develop) ขนพฒนาเปนขนตอนของการลงมอปฏบตการสรางบทเรยนตามผลการออกแบบจากขนตอนทสอง ควรค านงถงองคประกอบในการพฒนาบทเรยน e-Learning อาทเชน

12 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 13: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

ตวอกษรของเนอหา ขอความภาษาไทยและภาษาองกฤษควรใชตวหวกลม แบบธรรมดา (normal) ขนาด (size) ตงแต 10 ถง 20 พอยท เชน AngsanaUPC CordiaUPC BrowalliaUPC JasmineUPC Arial Helvetica ฯลฯ ในหนงหนาจอควรมเนอหา ไมเกน 8 -10 บรรทดและควรใชลกษณะเหมอนกนรปแบบเดยวตลอดหนงบทเรยน

13 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 14: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

ภาพกราฟก ควรใชภาพการตน ภาพวดทศน ภาพลอเสมอนจรงทเปนภาพ เคลอนไหว 2 มต (animation) และ 3 มต (3 D animation) โดยเลอกใช จ านวน 1 ถง 3 ภาพภายในหนงหนาจอ และภาพพนหลง (ถาม) ควรใชภาพลายน า สจางลกษณะเดยวกนตลอดหนงบทเรยน

14 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 15: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

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

สอชนน าในการน าทาง (navigational aids) ควรเลอกใชสญรป (icon) แบบปมรปภาพ, แบบรปลกศรพรอมทงอธบายขอความสน ๆ ประกอบสญลกษณหรอแสดง ขอความ hypertext และใชเมนแบบปม (button), แบบ Pop Up ทแสดง สญลกษณสอความหมายไดเขาใจชดเจน

15 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 16: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

องคประกอบทวไปของโปรแกรม สามารถสบคนขอมลดวย text box, Smart Search Engine ดวยเทคนค Pull Down, Scrolling Bar ขอความเชอมโยง (hypertext link) ใชอกษรตวหนา, ตวขดเสนใตมสน าเงนเขมเมอคลกผานไปแลวสน าเงนจางลงโดย อาศยรปมอ (Cueing) กะพรบรวมดวย และการขยายล าดบขอมลสบคน (branching) ไมควรเกน 3 ระดบ

16 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 17: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

4. น าไปใช (Implement) การน าไปใชเปนการน าบทเรยนทผานการพฒนาเปนบทเรยนในรปของสอดจทล เผยแพรบนระบบเครอขาย (network) เพอใหผเรยนไดเรยนและรวมกจกรรมตางๆ ซงในขนตอนนอาจารยผสอน และทมผด าเนนการผลตจ าเปนตองเกบขอมล รวบรวมความคดเหน ขอเสนอแนะ และปญหาตางๆ ทพบจากการเรยนดวย e-learning เพอการปรบปรงตอไป

17 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 18: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

5. ประเมน (Evaluation) การประ เ มน เ ปนข นตอน ทตอ งด า เ นนการกบ ทกข นตอน ประกอบดวยการประเมนการวเคราะห การประเมนการออกแบบ การประเมนการพฒนา และการประเมนเมอน าไปใชจรงของระบบ e-Learning โดยกระท าระหวางด า เนนการ คอการประเมนระหวางด าเนนงาน (formative evaluation) และประเมนภายหลงการด าเนนงาน (summative evaluation) การประเมนจะท าใหผพฒนาทราบขอมลเพอการปรบปรงแกไขขอบกพรองในขนตอนตางๆ

18 กระบวนการและขนตอนการออกแบบและพฒนาบทเรยนอเลกทรอนกส ดงตอไปน

Page 19: ขั้นตอนการออกแบบและสร้าง ...elearning.psru.ac.th/courses/307/บทที่-7-ppt.pdf · 2015-12-06 · 1. ขั้นตอนการวิเคราะห์เพื่อการออกแบบการสอน

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

19 สรป