575050188 3 open learning environment

การวเคราะหสงแวดลอมทางการเรยนร

นายรณฤทธ ธรรมาธกร รหสประจำาตว 575050188-3

สาขาเทคโนโลยการศกษา (โครงการพเศษ)

Education Technology Faculty of EducationKhon Kaen University

1. ทฤษฎทใชเปนพนฐานในการออกแบบ ประกอบ

ดวยอะไรบาง พรอมอธบาย

• Cognition constructivist• Social Constructivist

2. มองคประกอบอะไรบางในสงแวดลอม ทางการเรยนร

Problem Base

Resource

2. มองคประกอบอะไรบางในสงแวดลอมทางการเรยนร (ตอ)

Scaffolding

Coaching

2. มองคประกอบอะไรบางในสงแวดลอมทางการเรยนร (ตอ)

Collaboration

Cognitive tool

3. เทคโนโลยทใชคออะไร มคณลกษณะทสำาคญ อยางไร

3. เทคโนโลยทใชคออะไร มคณลกษณะทสำำคญ อยำงไร (ตอ) เหมำะกบกำรงำนแบบ Interactive ทงในแบบ

ออนไลนและออฟไลน สำมำรถเปดใชกบเครองเลนไดหลำกหลำย ไมวำจะเปน คอมพวเตอร พดเอ โทรศพทมอถอ หรอแมแตนำฬกำขอมอ ภำพของงำน flash เปนแบบ Vector ทำำใหภำพคมชดสสดใส ใชงำนรวมกบโปรแกรมหรอไฟลงำนอนไดมำกมำย เชน FreeHand EPS illustrator Photoshop GIF JPEG PNG PCT TIF WAV และ MP3 สำมำรถเขยน Script เขำไปในตวโปรแกรมเพอสรำงควำมสำมำรถในกำร ทำำงำนใหสงยงขน

4. ใหนกศกษำเลอกเทคโนโลย(จะใชสออะไรกได)ทจะใชสรำงสงแวดลอมทำงกำรเรยนร พรอมทงอธบำยวธกำรใชงำน คณสมบต โดยทำำเปน PPT นำำเสนอ

Adobe Flash CS3Adobe Flash CS3กำรสรำงภำพกรำฟก

ภำพ Rasterเปนภำพทเกดจำกเมดสหรอจดสทเรยกวำ Pixel มำเรยงกนจนเปนภำพควำมสวยงำมขนอยกบควำมละเอยดของเมดสถำภำพคมชดมำก ขนำดของไฟลกจะใหญตำมไปดวย

ภำพ Vectorใชกำรคำำนวณทำงคณตศำสตรไมเกดปญหำรอยแตกหรอรอยหยกเมอขยำยภำพ

Flash ใชหลกกำร Vector ในกำรสรำงภำพ

ควำมตองกำรระบบคอมพวเตอร ควำมตองกำรระบบคอมพวเตอร

ควำมตองกำรระบบของโปรแกรม Flash CS3 เครองคอมพวเตอรทมหนวยประมวลผลกลำงระดบ Pentium 4,Core Duo 1 GHz ขนไป ระบบปฏบตกำร Windows XP ServicePack2 หรอ Windows Vista หนวยควำมจำำ (RAM) อยำงตำำ 512 MB (แนะนำำใหใช 1 GB) เนอทของฮำรดดสกอยำงนอย 2.5 GB จอภำพสทควำมละเอยด 1024 x 768 pixels (32 bit)

กำรสรำงไฟลดวยกำรกำำหนดกำรสรำงไฟลดวยกำรกำำหนดรปแบบเองรปแบบเอง

Flash Document ไฟลรปแบบปกต ทใชสรำงงำนแอนนเมชนทวไปFlash Slide Presentation ไฟลงำนทเหมำะกบกำรสรำงงำนนำำเสนอFlash Form Application ใชสรำงฟอรมสำำหรบทำำเปนโปรแกรมใชงำนทวไปActionScript File เปนหนำตำงทไวเขยนสครปตเพยงอยำงเดยวActionScript Communication File เขยนไฟลเพอตดตอกบเซรฟเวอรFlash JavaScript File เหมำะสำำหรบงำนเขยนสครปตททำำงำนรวมกบ JavaScript หรอ APIFlash Project เปนกำรรวมกลมงำนทสรำงทงหมด ใหออกมำเปน Project ไฟล

ไทมไลน (Timeline) ไทมไลน (Timeline) หรอเสนเวลำ จะใช

สำำหรบสรำงและกำำหนดรำยละเอยดของกำรเคลอนไหว โดยเอำองคประกอบทจะเคลอนไหว (เรำเรยกองคประกอบตำงๆ ในชนงำวำออบเจกตหรอวตถ) มำจดวำงตอกนละภำพในแตละชวงเวลำ (เรยกวำเฟรม: Frame) ทแสดงเปนภำพเคลอนไหว โดยเรำจะกำำหนดเสนเวลำใหเลนภำพเคลอนไหวซำำๆ หรอเลนแลวหยดกได

รจก รจก TimelineTimeline และ และ FrameFrame

Frame Timeline

FramFramee

Frame เปนสวนประกอบของ Timeline เปนชองสำำหรบแสดงภำพเคลอนไหว ประกอบดวย Frame ทตอเนองกนหลำย ๆ Frame เมอมกำรแสดงภำพเคลอนไหวโปรแกรมจะนำำวตถ (Instance) ทอยบนเวท (Stage) มำแสดงผลทละ Frame ในสวนของควำมเรวในกำรแสดงผลมำกนอยเพยงใดขนอยกบกำรกำำหนดคณสมบต Movie Properties ท Frame Rate มหนวยเปน Frame per Second (fps) ปกตถำเปนโปรแกรม Adobe Flash CS3Adobe Flash CS3 จะตงคำเรมตนท 12 fps แตปจจบนโปรแกรม Adobe Flash CS4 Adobe Flash CS4 จะตงคำเรมตนท 24 fps

ลกษณะกำรทำำงำนของ ลกษณะกำรทำำงำนของ Frame Frame ทปรำกฏทปรำกฏบนบน Timeline Timeline

1. ในกรณทยงไมมกำรกำำหนดใชงำน Frame บน Timeline จะปรำกฏชองของแตละ Frame อยำงชดเจน โดยม Play head เปนตวชอยทเฟรมทกำำลงแสดงอยบนสเตจ

2. เฟรมทไมมออบเจกต 3. เฟรมทมออบเจกต 4. ตำำแหนงของเฟรมทสรำงกำรเคลอนไหวไวจะ

ถกเรยกวำ คยเฟรม (Keyframe) 5. คยเฟรมทไมมออบเจกต 6. คยเฟรมทมออบเจกต

กำรสร ำงค ย เฟรม

Key frame ในกำรสรำง keyframe ขนมำทกครง หำกมชนงำนวำงอยบน Keyframe กอนหนำในเลเยอรเดยวกน โปรแกรมจะคดอกชนงำนนน

มำวำงบน Keyframe ใหมดวย ทำำใหสำมำรถปรบแตงแกไขสวนประกอบในคยเฟรมใหมได โดยสวนประกอบในคยเฟรมเดมจะไมถกแกไขดวย

Blank keyframe คยเฟรมวำง คอ เฟรมทไมมขอมลใดๆในเฟรม เมอเรำคลกทคยเฟรมวำงนน กจะไมเกดผลใดๆ บน stage ซงสำมำรถสรำงคยเฟรมวำงขนมำเพอใสชนงำนใหม หรอเวนชวง

เวลำในกำรแสดงผลแอนเมชนกได

ลกษณะกำรทำำงำนของ ลกษณะกำรทำำงำนของ FrameFrameMotion-tween เฟรมทสรำง

ภำพเคลอนไหวแบบเคลอนท มสญลกษณเปนรปลกศรสดำำอยระหวำงจด 2 จด บนพนสฟำออน

Shape-tweened เฟรมทสรำงภำพเคลอนไหวแบบเปลยนรปรำง มสญลกษณเปนรปลกศรสดำำ อยระหวำงจด 2 จด บนพนสเขยวออน

Action frame มสญลกษณเปนรป a อยกลำง Frame เปนตำำแหนงทมคำำสง Action Script ประกอบอยภำยใน Frame นน

เสนประ เฟรมทไมสมบรณหรอมขอผดพลำด เชน คยเฟรมสนสดถกลบไป

Layer

กำรทำำงำนแบบ Layer เปนเหมอนกำรวำงแผนใสซอนทบกนเปนลำำดบขนขนมำเรอย ๆ บรเวณของ Layer ทไมมรปจะเหนทะลถง Layer ทอยขำงลำง ในแตละ Layer จะแยกกำรทำำงำนอยำงชดเจน มคณสมบตตำง ๆ เปนของตวเอง และกำรแกไขทเกดขนในแตละ Layer จะไมสงผลตอ Layer อน ๆ

Symbol และ InstanceSymbol กำรนำำวตถทเปนภำพกรำฟก มำกำำหนดเปนตนแบบเพอนำำไปใชเปนสวนประกอบในชนงำน คลำยๆ กบกำรทำำสำำเนำภำพ โดย symbol แบงไดเปน

Movie Clip เปนวตถทสรำงภำพเคลอนไหว Button เปนวตถปมกดทสำมำรถคลกได Graphic เปนวตถทสรำงขนจำกภำพกรำฟกทวไป เรำไมสำมำรถนำำ symbol มำใชบนสเตจไดโดยตรง แตจะทำำไดเพยงสำำเนำของ symbol เรยกวำ Instance มำใช ซงหนง symbol มไดหลำย Instance

Instance คอ Symbol ทถกใชงำนอยบน Stage โดย Instance สำมำรถปรบคณสมบตตำงๆ ได เชน ส ขนำด โดยไมมผลกระทบตอ symbol

การปรบแตง การปรบแตง InstanceInstance

สามารถปรบแตง Instance โดยไมกระทบกบ Symbol

ปรบความสวาง ความเขมปรบเปลยนสปรบความโปรงใส

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

การสราง การสราง Symbol Symbol ประเภท ประเภท GraphicGraphic

สราง Symbol ประเภท Graphic ใหมลองสราง Symbol ใหม โดยการเลอก Insert + New Symbol จะสงเกตเหนเครองมอ + ตรงกลางรปเมอสรางเสรจแลวลองนำา Symbol มาวางไวในสเตจ จะเรยกวา Instance แลวกลบไปแกไข Symbol เพอดการเปลยนแปลงภายในสเตจ

สราง Symbol ประเภท Graphic จากรปทมอยแลว

สามารถเลอกวตถทมอยแลวใหเปน Symbol โดยการเลอกวตถทตองการจะเปลยน แลวเลอก Modify + Convert to Symbol

หลกการทำางานของ Flash

ขนตอนท 1

นำาเขาภาพกราฟกหรอภาพทสรางขนมา

ขนตอนท 2

แปลงสวนประกอบตาง ๆใหเปน Symbol

ขนตอนท 3

ทำาการสราง Animationโดยจะใสเสยง หรอ Script

ขนตอนท 4

Publish ออกมาเปนชนงาน

*.fla (Flash Movie)เปนไฟลทไดจากการสรางชนงานใน Flash ทสามารถนำามาแกไขเปลยนแปลงได

*.swf (Shockwave Flash)เปนไฟลท Flash สรางขนหลงจากการแสดงผลออกมาสามารถดผลการแสดงไดโดยไมตองเปดโปรแกรม Flash

ในการ Publish จะมการสรางไฟล .html เพม เพอเปนตวเรยกใชไฟล *.swf ขนมาใหทำางาน

นามสกลของ Flash