Upload
tooktoona
View
45
Download
0
Tags:
Embed Size (px)
Citation preview
การวเคราะหสงแวดลอมทางการเรยนร
นายรณฤทธ ธรรมาธกร รหสประจำาตว 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