I Q ,i Utl'Ull.Ji'U l1fi'l:J:::'Vll~fl'fll.J'Vl1l~tl'.i'\J'U "! ~

Animation Advanced computer skills

ff~tJHl

' q Q ' Cl,

ffl'\J11'!11fl tlll'Vl 111Pl tl ';i 11 ';i f1 \l

1 'Vl v 1 i1 m 'Vl ri 1-u 1 i, u o '.i rn 1 'Vl a't'l ru •1m m 'j

um'jf1ffm 2s61

~Olft'.i;jn11n1~11'Ylv

~Olft'.i;jn11n1~1fl;jnq~

I\PHJ 1. 'Ulff'1'U~ff'\J . ,, 2. 'UlVWJ~'YITI

Advanced computer skills

................................................................................................................................................. mu~n1nrn11o'Ulf~ 'hl1onffu 1m .:imrn uun1tl'U ff1'U'Yl~;)'\J0;)n7'.iftn~ 11'lfl lfl':i;)nU .

\9111J'Ylrl'nm,1'.i1h~mrri1t1u\91'.i1'lf7i'Vli'Uff.:i ff7'\Jl1'lflflOlJ~1t\9I01li'.ifl1l 1'Y1v1rl'm'Ylfl lw fovo'.iHl1'YIV ., ., . Vlt1!'lfVn7'.i (ATC.)

.. .. ( m111wu 11mru 'U1'U 'If ) .

.. ~ .. ( eJ11ll'.iV'VfflitUl !1ltl1ll'.iV )

Q.I rJJ ,:::::t, l'::t, rl,:::::t, 'Y1111u1m'IJ11'!f1ftmm11\91mn1m1 •

n

ข

บทคดยอ หวขอโครงการ ทกษะทางคอมพวเตอรขนสง Advanced computer skills

ผจดท าโครงการ นายสนตสข ศรภผา นายณฐสทธ กตศรวรพนธ อาจารยทปรกษา อาจารยนราภรณ บวนช อาจารยทปรกษารวม อาจารยพรธณา เจอจารย สาขาวชา สาขาวชาคอมพวเตอรธรกจ สถาบน วทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 --------------------------------------------------------------------------------------------------------------------------

บทคดยอ คณะผจดท าไดคดสรางสอการเรยนการสอนมลตมเดย เรอง ทกษะทางคอมพวเตอรขนสง มวตถประสงคเพอใหทราบถงการเขยนโปรแกรมคอมพวเตอร และมโอกาสพฒนาฝมอในการสรางสอมลตมเดยใหออกมาในรปแบบทเขาใจงายและนาสนใจ เราไดน า Adobe Flash CS6 น ามาสรางสอมลตมเดยโดยในสอจะมการสรางภาพเคลอนไหวมเสยงประกอบ สอนมการอธบายถงวธการใชโปรแกรม Visual Basic ผชมไดรบชมรบฟง สอการเรยนการสอนมลตมเดยเรอง ทกษะทางคอมพวเตอรขนสง ทมการใสเสยงลกเลนและมแบบทดสอบใหประเมณความรตนเอง ประโยชนไดรบจากสอการเรยนการสอนมลตมเดยเรอง ทกษะทางคอมพวเตอรขนสง เพอใหทานผชมไดรบความรเกยวกบการเขยนโปรแกรมใน Visual Basic ตงแตเความเปนมาของโปรแกรมจนถงวธการเขยนโปรแกรมในรปแบบทเขาใจงาย

ค

กตตกรรมประกาศ

โครงการนส าเรจลลวงไดดวยความกรณาจากอาจารยนราภรณ บวนช อาจารยทปรกษา

หลก และอาจารยพรธณา เจอจารยอาจารยทปรกษารวม ทไดใหค าเสนอแนะ แนวคด ตลอดจน

แกไขขอบกพรองตาง ๆ มาโดยตลอด จนโครงการเลมนเสรจสมบรณ ผ ศกษาจงขอกราบ

ขอบพระคณเปนอยางสง

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

ง

ค ำน ำ

การจดท าโครงการนเปนสวนหนงขอวชาโครงการ 3204-8501 หลกสตรประกาศนยบตรวชาชพ

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

เพอน าเสนอผลงานแกผทสนใจในแอนเมชนเกยวกบการเขยนโปรแกรม

แบบทดสอบทคณะผจดท าไดจดท าขนมานน ประกอบดวยความรเกยวกบโปรแกรม Visual Basic

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

สามารถน าความรทไดจากการศกษาไปศกษาตอไปได

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

และแกไขผลงานทางดานคอมพวเตอรใหพฒนาใหดขนไป

คณะผจดท า

25 มกราคม 2561

จ

สารบญ

หนา หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 1.1 ภมหลงและความเปนมา 1 1.2 วตถประสงคโครงการ 2 1.3 ขอบเขตการศกษา 2 1.4 ประโยชนทคาดวาจะไดรบ 2 1.5 แผนการด าเนนงาน 3 1.6 เครองมอทใช 4 1.7 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 2.1 ระบบงานในปจจบน 5 2.2 ปญหาทเกดขนในระบบงานปจจบน 6 2.3 ทฤษฎและระบบงานทเกยวของ 6 2.4 การน าคอมพวเตอรเขามาใชในระบบงาน 17 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

3.1 การออกแบบระบบงาน 19 3.2 แผนภาพด าเนนเรอง 20 3.3 การออกแบบสงน าเขา 23 3.4 การออกแบบสงน าออก 23

ฉ

สารบญ (ตอ)

หนา บทท 4 สอการเรยนการสอนแอนเมชนเรอง ทกษะทางคอมพวเตอรชนสง 4.1 เครองมอและอปกรณทใช 29 4.2 โปรแกรมทงหมดทใชพฒนา 29

4.3 วธการตดตงโปรแกรม Adobe flash Cs6 30 4.4 วธการใชงานแอนเมชน 35

บทท 5 สรปการท าโครงการ 5.1 สรปผลการท าโครงการ 41 5.1.1 สรปขนาดของโปรแกรม 41 5.1.2 สรปขอผดพลาดทมตอการออกแบบระบบงาน 41 5.1.3 สรปขอผดพลาดทมในโปรแกรม 41 5.2 ปญหาและอปสรรคในการด าเนนงาน 42 5.3 สรปการด าเนนงานจรง 43 5.4 สรปคาใชจายในการด าเนนงานจรง 44 บรรณานกรม 45 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC.01) 46 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC.02) 47 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC.03) 48 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC.04) 49 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC.05) 50

ประวตผจดท าโครงการ 51

ซ

สารบญรป หนา

รปท 2.1 แสดงผงงานในปจจบน 05 รปท 2.2 การวาดเสน 09 รปท 2.3 การวาดเสนวงกลม 09รปท 2.4 การวาดรปทรง 10รปท 2.5 การวาดซ าๆ 10รปท 2.6 การลงเงาหรอแลเงา 12รปท 2.7 การวาดพนผวของภาพ 13 รปท 2.8 การแลเงาและการวาดพนผว 13รปท 3.1 การออกแบบระบบงาน (Flow chart) 18 รปท 3.2 แสดงการออกแบบ Context Diagram 19รปท 3.3 แสดงหนาโหลดกอนเขาโปรแกรม 20 รปท 3.4 แสดงหนาลงชอกอนเขาใชงาน 20 รปท 3.5 แสดงหนาเมนหลก 21 รปท 3.6 แสดงหนา Animation 21รปท 3.7 แสดงหนากอนเรมแบบทดสอบ 22รปท 3.8 แสดงหนาแบบทดสอบ 22 รปท 3.9 แสดงหนาคะแนนทได 23 รปท 4.1 Double click ทตวโปรแกรม Set-up 28 รปท 4.2 แสดงหนาตางโหลด Initializing Installer 28 รปท 4.3 คลกเลอก Install a trial 29 รปท 4.4 กดปม Accept เพอยอมรบขอตกลงในการใชซอฟตแวร 29 รปท 4.5 ก าหนดโฟลเดอรส าหรบตดตงโปรแกรม จากนนกดปม Install 30 รปท 4.6 รอการตดตงโปรแกรม Adobe flash Cs6 30รปท 4.7 หลงจากท าการตดตงเสรจเรยบรอยแลว 31 รปท 4.8 คลกไฟล Set-up ของโปรแกรม Adobe Photoshop Cs6 31 รปท 4.9 แสดงหนาตางโหลด Initializing Installer 32 รปท 4.10 คลกเลอก Try 32 รปท 4.11 กดปม Accept เพอยอมรบขอตกลงในการใชซอฟตแวร 33 รปท 4.12 ก าหนดโฟลเดอรส าหรบตดตงโปรแกรม จากนนกดปม Install 33

ฌ

สารบญรป(ตอ) หนา

รปท 4.13 รอการตดตงโปรแกรม Adobe Photoshop Cs6 34รปท 4.14 ท าการตดตงเสรจเรยบรอยแลว กด Close เพอปดหนาตางการตดตง 34รปท 4.15 กดดบเบลคลกทไฟลแอนเมชน 35รปท 4.16 แสดงหนา Logo 35รปท 4.17 แสดงหนา Login 36รปท 4.18 แสดงหนายนดตอนรบหลงจากกรอกชอ 36รปท 4.19 แสดงหนาหลก 37รปท 4.20 แสดงหนาบทเรยน 37รปท 4.21 แสดงแบบฝกหด 38รปท 4.22 แสดงหนาผลคะแนน 38 รปท 4.23 แสดงหนาผจดท า 39 รปท 4.24 แสดงหนาอาจารยทปรกษา 39 รปท 4.25 แสดงหนา Credit 40

ฏ

สารบญตาราง หนา

ตารางท 1.1 แผนการด าเนนงาน (Gantt Chart) 3 ตารางท 1.2 งบประมาณการด าเนนงาน 4 ตารางท 5.1 สรปขนาดของโปรแกรม 41 ตารางท 5.2 สรปเวลาการด าเนนงานจรง 43 ตารางท 5.3 สรปคาใชจายในการด าเนนงานจรง 44

บทท 1 บทน ำ

1.1 ภมหลงและควำมเปนมำ

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

Animation เรอง กำรประเมนทกษะทำงคอมพวเตอร เกยวกบอปกรณคอมพวเตอรเพอท ำใหรเรองเกยวกบองคประกอบภำยในคอมพวเตอร วำภำยในคอมพวเตอรมอะไรบำง มหนำทท ำอะไร เพอฝกทกษะทำงคอมพวเตอร เพรำะปจจบนนในกำรท ำงำนกมเทคโนโลยเขำมำเกยวของ ทเหนงำย ๆ คอกำรน ำคอมพวเตอรมำใชในหนวยงำน ไมวำจะเปนหนวยงำนรำชกำรหรอหนวยงำนเอกชนลวนแตน ำคอมพวเตอรเขำมำเปนสวนหนงในกำรท ำงำนทงนน แลวรหรอไมวำคอมพวเตอรทเรำใชกนอยมสวนประกอบอะไรบำง และมควำมส ำคญอยำงไร

ดงน น เรำจงท ำ Animation ขนมำเพ อบอกองคประกอบของคอมพ วเตอรและท ำแบบทดสอบขนมำเพอใหประเมนทกษะควำมรของผทสนใจเกยวกบคอมพวเตอร

2

1.2 วตถประสงคโครงกำร 1. เพอศกษำโปรแกรม Adobe Flash Professional 2. เพอสรำงสอกำรสอน 3. เพอใหผเรยนมควำมเขำใจไดงำย 4. เพอใหมกำรตอบโตกบผใช

1.3 ขอบเขตกำรศกษำ

1. มกำรใสชอกอนเขำประเมน 2. กำรตนมเนอหำเกยวกบกำรใชโปรแกรมVISUAL 3. Animation สำมำรถตอบโตกบผใชได

4. กำรตนแอนเมชนประกอบดวยภำพเคลอนไหว พรอมค ำบรรยำย และเสยงประกอบ

1.4 ประโยชนทคำดวำจะไดรบ 1. ท ำใหรเกยวกบองคประกอบของโปรแกรมVISUAL 2. ท ำใหผใชงำนมควำมรควำมเขำใจของโปรแกรม 3. ไดเผยแพรควำมรเกยวกบโปรแกรมคอมพวเตอร โดยใชโปรแกรม Adobe Flash

Professional cs6 4. ใหผใชงำนไดรบชมสอกำรเรยนแอนเมชน 2D เรองทกษะทำงคอมพวเตอร

3

1.5 แผนกำรด ำเนนงำน (Gantt Chart)

ตำรำงท 1.1 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร ภำคเรยนท 1 มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

อบรมกำรท ำโครงกำรนกศกษำ ปวช.3 และปวส.2

27-28 มถนำยน 61

เสนอหวขอ ATC.01โครงกำร รอบท 1 (บทท1+ลงทะเบยนออนไลน)

29 มถนำยน -3 กรกฎำคม 61

ประกำศผลหวขอโครงกำร รอบท 1

5 กรกฎำคม 61

เสนอหวขอโครงกำร รอบท 2 6 กรกฎำคม 61

ประกำศผลหวขอโครงกำร รอบท 2

9 กรกฎำคม 61

สงบทท 2 18-25 กรกฎำคม 61

สงบทท 3 1-17 สงหำคม 61

สอบหวขอโครงกำร (รอบเอกสำร)

20-24 สงหำคม 61

ประกำศผลสอบ 29 สงหำคม 61

สงควำมคบหนำโปรแกรม 50%

10-16 กนยำยน 61

สงควำมคบหนำโปรแกรม 60%

17-23 กนยำยน 61

สงควำมคบหนำโปรแกรม 70%

24-30 กนยำยน 61

รำยกำร ภำคเรยนท 2 พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62 ระยะเวลำ

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 สงควำมคบหนำ 90% 2 พฤศจกำยน 2561

สงควำมคบหนำ 100% 9 พฤศจกำยน 2561

สอบโปรแกรม ระดบปวส.2 10 พฤศจกำยน 2561

สอบโปรแกรม ระดบ ปวช.3 24 พฤศจกำยน 2561

สงบทท 4 11-21 ธนวำคม 61

สงบทท 5 14-26 มกรำคม 62

สงรปเลม ซด และคำเขำเลม 27 มกรำคม – 3 กมภำพนธ 2562

4

1.6 เครองมอทใช 1. โปรแกรม Adobe Flash Professional cs6 ใชสรำง Animation 2. โปรแกรม Adobe Illustrator CC 2017 ใชวำดภำพ 3. โปรแกรม PowerPoint 2014 ใชในกำรท ำวดโอ

1.7 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดำษ A4 1 รม 150 2 ตลบหมก ขำว/ด ำ - ส 3 ตลบ 1,000 3 คำเขำเลม + คำแผนดวด 1 เลม + 1 แผน 250

รวมเปนเงน 1,400

ตำรำงท 1.2 งบประมำณกำรด ำเนนงำน

บทท 2 ระบบงาน และทฤษฎทเกยวของ

2.1 ระบบงานในปจจบน(Flowchart)

รปท 2.1 แสดงผงงานในปจจบน (Flowchart)

จบการท างาน

เรมตน

แบบทดสอบ

แอนเมชน

แสดงผลคะแนน

ลงชอเขาใช

ผจดท า

6

2.2 ปญหาระบบงานในปจจบน 2.2.1 ในการท าแอนเมชนจะมเนอเรองหลายแบบหลายลกษณะแตตวละครจะไมคอยมจดเดนมากมายเทาไร 2.2.2 ในอดตมกไมคอยมผคนสนใจทจะท าแอนเมชนซกเทาไรเพราะจะตองใชความพยายามอยางสง 2.2.3 การอานหนงสอการตนการเลานทานจากรนสรนท าใหเกดการจดจ า

2.3 ทฤษฎและระบบงานทเกยวของ 1. คาแรคเตอรทเปนสงมชวตทไมใชมนษย เชน อท, สนข, สตวประหลาดในชดยาง , ตนไม (สางเขยว)

2. คาแรคเตอรทไมมชวต เชนสงของ, บรรยากาศ หรอฉากในหนง ลกวอลเลยบอลชอวลสน ใน The Cast Away, ขนนกใน Forrest Gumps(เอะนท าไมผมถงไมไปไกลเกนกวาหนงของเซเมคคสเลยวะ), เงนในกลองมามาใน เรองตลก 69 โดยเปนเอก รตนเรอง หรอ กลองประหลาดใน กลอง ของทานมย (เออ…พนแลวเวย), ตรบจดหมายใน Il Mare, ปลา(จ าพนธไมได) ใน Shiri บรรยากาศมดๆทรายลอมไปดวยรายละเอยดประหลาดๆในหนง เดวด ลนซ, แสงจากหลอดไฟสชมพในหนงสน ม.รงสตเรองบานสชมพ หรอ บทความประกาศการรแจงจากคนบาในหนงสนชอ The End of Paradise ในหนงของผมเอง ฯลฯ

3. สภาวะทางอารมณ, ทางจต, วธปฏบต และปฏกรยาตอบโตตางๆของคาแรคเตอรทเปนมนษยม ตอคาแรคเตอรทท งเปนมนษย และไมใชมนษยกสามารถสรางความแตกตางของคาแรคเตอรขนไดเหมอนกน หรอแมแตจะสรางคาแรคเตอรหนงขนมากยงไหวจรงๆแลวมวธการรอยแปดประการในการทจะสรางคาแรคเตอรขนมานอกเหนอจากสวนทเปนมนษย ทงนทงนนขนอยกบวธการคดและน าเสนอทใชในการสรางมนขนมาวาสงเสรมธมของเรองหรอไม การน าเสนอคาแรคเตอรทไมใชมนษยนนไมงายถาจะท าใหเนยนแบบทไมโดดออกมาจนนาเกลยด (ประมาณวาโคลสอพกบแบบไม เลยงเพอขบเนนความมอยของตวละครน นๆ) ขนอยกบประสบการณเฉพาะตวของแตละคนขางตนนเปนเพยงการวางคาแรคเตอรในบทหนงเทานน เรองการคดตวนกแสดง (Casting) นนอกเรองหนงเลยครบไมเกยวกน การทเราวางคาแรคเตอรในบทไวดและมรายละเอยดพอแลวแตถาการคดตวแสดงหวย…คนเขยนบทกไมมความผดครบ

7

ภาพเคลอนไหว (Animation) Animation (แอนเมชน) หรอภาพเคลอนไหว หมายถง ภาพเคลอนไหวทสรางขนโดยการน าภาพนงหลาย ๆ ภาพมาฉายตอเนองกนดวยความเรวสง ท าใหเกดภาพลวงตาของการเคลอนไหว โดยปกตความเรวของภาพเคลอนไหวจะฉายดวยความเรวทตางกนขนอยกบชนดของการแสดงผล (output) โดยถาฉายเปนภาพยนตรจะฉายดวยความเรว 24 เฟรมตอวนาท ถาถายทอดในระบบ PAL จะฉายดวยความเรว 25 เฟรมตอวนาท แตในระบบ NTSC จะฉายดวยความเรว 29.97 หรอ 30 เฟรมตอวนาทประเภทของภาพเคลอนไหว แบงได 2 ประเภท คอ

1. 2D Animation คอ ภาพเคลอนไหวแบบ 2 มต มองเหนไดทงความสงและความกวาง ซงจะมความเหมอนจรงพอสมควรและการสรางจะไมสลบซบซอนมากนก เชน ภาพเคลอนไหวทปรากฏตามเวบตางๆ รวมทง Gif Animation

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

รปแบบของภาพเคลอนไหว ม 3 แบบ คอ 1. Traditional Animation ห ร อ Hand Drawing Animation ห ร อ 2D Animation ค อ

ภาพเคลอนไหวทเกดจากการวาดภาพทละภาพหลายๆพนภาพ และฉายภาพเหลานนผานกลองโดยใชเวลาไมกวนาท เชน 1 วนาท ใชรป 24 เฟรม เปนภาพเคลอนไหวสมยแรกเรมทมกจะใชการวาดดวยมอ งานประเภทนพบเหนไดทวไปในการท า ภาพเคลอนไหวยคแรก ๆ ซงใชเทคนคการวาดดวยมอทละแผน ขอดของการท าภาพเคลอนไหวชนดนคอ มความเปนศลปะ สวยงาม นาชม แตมขอเสยคอ ตองใชเวลาในการผลตมาก ตองใชผสรางภาพเคลอนไหว (Animator) จ านวนมากและตนทนการผลตสง

2. Stop Motion ห รอ เรยกวา Model Animation ภาพ เค ลอนไหวประ เภท น ผ ส รางภาพเคลอนไหวตองเขาไปท าการเคลอนไหวโดยตรงกบแบบจ าลอง (Model) และท าการถายภาพเอาไวทละเฟรม ๆ แบบจ าลองนอาจจะเปนของเลนหรออาจจะสรางจากดนน ามน การท า Stop Motion นตองอาศยเวลาและความทมเทมาก

3. Computer Animation เปนภาพเคลอนไหวทมกพบกนไดบอยในยคปจจบน เนองจากการใชโปรแกรมเปนไปไดงายและมการน าหลกการแบบ 2D เขามาผสมผสานกบตวโปรแกรม ซงท าไดงายและสะดวกในการแกไขและการแสดงผล ปจจบนมซอฟแวรตาง ๆ ทสามารถชวยในการท าภ าพ เค ล อนไหวเชน โปรแกรม 3DS Max, Maya, Adobe flash เป น ตน ว ธ น เป น ว ธ ทประหยดเวลาและลดตนทนการผลตเปนอยางมาก จงเปนชนดทนยมท ากนมาก

8

การวาดเสน (Drawing) วาดเสน (Drawing) เปนวธการสรางภาพโดยวธทงายและรวดเรว เพอสอความหมายทางการเหนขนเรมแรกของมนษยดวยปจจยขนพนฐาน คอ รองรอยตาง ๆ และเครองมองาย ๆ ทอยใกลตว เชน ถาน เศษไม หรอแมแตนวมอของตนเอง ซงมนษยตองการแสดงออกในบางอยางทเปนสวนตนออกมาใหปรากฏ ไมวาจะเปนเรองของความเชอ ความนกคด อารมณความรสก หรอแมแตรองรอยงาย ๆ ทท าขนมาเอง วาดเสนเปนพนฐานของงานทศนศลปและออกแบบ เชน จตรกรรม ประตมากรรม ภาพพมพ สถาปตยกรรม ออกแบบตกแตง ศลปะไทย ลายรดน า เปนตน กอนทเราจะสรางสรรคงานศลปะแขนงตาง ๆ ดงทยกตวอยางมาขางตน จ าเปนจะตองมความช านาญทางการวาดเสนใหแมนย าเสยกอน เมอมความช านาญทางการวาดเสนแลวกจะท าใหการท างานศลปะตาง ๆ งายขนวสดอปกรณในการวาดเสน

1. กระดานรองเขยน ขนาด 4๐ x 6๐ เซนตเมตรโดยประมาณ ความหนาประมาณ 4 มลลเมตร 2. กระดาษ กระดาษส าหรบวาดเสนมหลายชนด สามารถเลอกใชได ตามเทคนคของการวาดเสน ซงตองดคณสมบตและความเหมาะสม เชน น าหนก การซมซบ และผวสมผส

3. ยางลบ 4. ตวหนบกระดาษ 5. มดเหลาดนสอ 6. เครองเขยน อาจแบงออกเปน

6.1 ถาน มคณลกษณะตางกนเนองจากความละเอยด ความแขงของเนอถาน เชน ถานไมเปนถานมความแขงเปราะคณสมบตในการวาดใหน าหนกออนแกทนมนวลไดคอนขางมาก เหมาะส าหรบการเขยนแสงเงาทนมนวล และเงาทเปนพนทกวาง เชน การเขยนภาพคนเหมอน ภาพเปลอย ทวทศน และภาพหนนงตาง ๆ มสวนชวยจบลกษณะแสงเงาสวนรวมเหมาะกบการเขยนลงบนกระดาษปรฟ (Proof) หรอกระดาษหนงสอพมพ ถานแทง หรอ เกรยอง (Crayon) เปนถานแทงสเหลยมมความแขงปานกลาง สามารถสรางเงาทนมนวล เกรดทนยมใชทวไปคอ B และ 2B มหลายสแตทนยมคอสด า เพราะเนนน าหนกแสงเงาไดชดเจนกวาสอน เหมาะสมกบการเขยนลงบนกระดาษขาวทวไป ดนสอถาน (Carbon pencil) เปนถานทบรรจไวในไสดนสอมน าหนกความเขมเชนเดยวกบถานไม สามารถใชวาดภาพวตถทมรายละเอยดมาก

6.2 ชอลก (Chalk) ลกษณะเปนแทงกลม มหลายสเหมาะสมกบการเขยนบนกระดาษสเขม เชน สน าตาล สเมา สเขยว ฯลฯ

6.3 ดนสอ (Pencil) เปนอปกรณพนฐานของการวาดเสนในปจจบน งายตอการขนยาย สามารถลบออกได มทงไสออนและไสแขง

9

6.4 หมก (Ink) สทนยมใชในการวาดเสนคอ สด า สน าตาล ควรเลอกใชกระดาษทมความหนา เชน 8๐ ปอนด หรอ 1๐๐ ปอนด จะใชผวเรยบ หรอหยาบกได โดยมอปกรณอนเขามามสวนเกยวของ เชน แปรง พกน ปากกา สนไม ไมทบปลาย เปนตน สงทควรฝกตนเองกอนเรมลงมอวาดรป ขนแรกใหหดเขยน เสนนอน เสนตง เสนเฉยง ซ า ๆ กนใหคลองมอ

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

รปท 2.2 การวาดเสนวงกลม ฝกเขยนเลยนแบบจากทสายตามองเหน และลองขยายตนแบบใหมขนาดใหญขน และยอสวนจากแบบ สามารถท าใหเกดภาพลวงตา บอกระยะได

10

รปท 2.3การวาดรปทรง

การฝกสมาธใหใจสมพนธกบมอ โดยการลงซ าบนรอยเดมคอย ๆ ท าเวลาใหเรวขน

รปท 2.4การวาดซ าๆ

11

กอนเขยนรปควรสงเกตดลกษณะของหน 1. รปทรง ขนาด ระยะ สงเกตรปทรงและขนาดของภาพใหด หากเรายอหรอขยายสดสวนโดยสงเกตจากหนทใกลเคยง เปรยบเทยบ ขนาด ระยะ ความสงต า 2. แสงและเงา ทศทางทแสงตกกระทบหน แสงมหลายลกษณะ คอ - แสงสวางทสด (Highlight) อยในสวนทรบแสงโดยตรง - แสงสวาง (Light) อยในสวนรบอทธพลของแสง - เงา (Shadow) อยในสวนรบอทธพลของแสงนอยมาก - เงามด (Core of Shadow) อยในสวนทไมไดรบอทธพลของแสงเลย - แสงสะทอน (Reflects Light) บรเวณของวตถทไมไดรบแสงโดยตรง แตเปนการสะทอนของแสงจากวตถใกลเคยง - เงาตกทอด (Cast Shadow) บรเวณทเงาของวตถนน ๆ ตกทอดไปตามพนหรอตามวตถอนทรองรบน าหนกแกกวาบรเวณแสงสะทอน

รปท 2.5การลงเงาหรอแลเงา

12

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

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

รปท 2.6 การวาดพนผวของภาพ

13

รปท 2.7 การแลเงาและการวาดพนผว

ส(COLOUR) หมายถง ลกษณะกระทบตอสายตาใหเหนเปนสมผลถงจตวทยา คอมอ านาจใหเกดความเขมของ

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

เกดความรสก ตางๆตามอทธพลของส เชน สดชน รอน ตนเตน เศรา สมความหมายอยางมากเพราะ

ศลปนตองการใชสเปนสอสรางความประทบใจในผลงานของศลปะและสะทอนความประทบใจ

นนใหบงเกดแกผดมนษยเกยวของกบสตางๆ อยตลอดเวลาเพราะทกสงทอยรอบตวนนลวนแตม

สสนแตกตางกนมากมาย สเปนสงทควรศกษาเพอประโยชนกบตนเองและ ผสรางงานจตรกรรม

เพราะ เรองราวองสนนมหลกวชาเปนวทยาศาสตรจงควรท าความเขาใจวทยาศาสตร ของสจะ

บรรลผลส าเรจในงานมากขน ถาไมเขาใจเรองสดพอสมควร ถาไดศกษาเรองสดพอแลว งานศลปะ

กจะประสบความสมบรณเปนอยางยง

14

ค าจ ากดความของส 1. แสงทมความถของคลนในขนาดทตามนษยสามารถรบสมผสได 2. แมสทเปนวตถ (PIGMENTARY PRIMARY) ประกอบดวย แดง เหลอง น าเงน 3. สทเกดจากการผสมของแมส

ประวตความเปนมาของส มนษยเรมมการใชสตงแตสมยกอนประวตศาสตร มทงการเขยนสลงบนผนงถ า ผนงหน บนพนผวเครองปนดนเผา และทอนๆภาพเขยนสบนผนงถ า(ROCK PAINTING) เรม ท าต งแตสมยกอนประวตศาสตรในทวปยโรป โดยคนกอนสมยประวตศาสตรในสมยหนเกาตอนปลาย ภาพเขยนสทมชอเสยงในยคนพบทประเทศฝรงเศษและประเทศสเปนในประเทศ ไทย กรมศลปากรไดส ารวจพบภาพเขยนสสมยกอนประวตศาสตรบนผนงถ า และ เพงหนในทตางๆ จะมอายระหวาง 1500-4000 ป เปนสมยหนใหมและยคโลหะไดคนพบตงแตป พ.ศ. 2465 ครงแรกพบบนผนงถ าในอาวพงงา ตอมากคนพบอกซงมอยท วไป เชน จงหวดกาญจนบร อทยธาน เปนตนสทเขยนบนผนงถ าสวนใหญเปนสแดง นอกนนจะมสสม สเลอดหม สเหลอง สน าตาล และสด าสบนเครองปนดนเผา ไดคนพบการเขยนลายครงแรกทบานเชยงจงหวดอดรธานเมอป พ.ศ.2510 สทเขยนเปนสแดงเปนรปลายกานขดจตกรรมฝาผนงตามวดตางๆสมยสโขทยและอยธยามหลกฐานวา ใชสในการเขยนภาพหลายส แตกอยในวงจ ากดเพยง 4 ส คอ สด า สขาว สดนแดง และสเหลองในสมยโบราณนน ชางเขยนจะเอาวตถตางๆในธรรมชาตมาใชเปนสส าหรบเขยนภาพ เชน ดนหรอหนขาวใชท าสขาว สด ากเอามาจากเขมาไฟ หรอจากตวหมกจน เปนชาตแรกทพยายามคนควาเรองสธรรมชาตไดมากกวาชาตอนๆ คอ ใชหนน ามาบดเปนสตางๆ สเหลองน ามาจากยางไม รงหรอรงทอง สครามกน ามาจากตนไมสวนใหญแลวการคนควาเรองสกเพอทจะน ามาใช ยอมผาตางๆ ไมนยมเขยนภาพเพราะจนมคตในการเขยนภาพเพยงสเดยว คอ สด าโดยใชหมกจนเขยน

สสามารถแยกออกเปน 2 ประเภทคอ 1. สธรรมชาต 2. สทมนษยสรางขน

สธรรมชาต เปนสทเกดขนเองธรรมชาต เชน สของแสงอาทตย สของทองฟายามเชา เยน สของรงกนน า เหตการณทเกดขนเองธรรมชาต ตลอดจนสของ ดอกไม ตนไม พนดน ทองฟา น าทะเล สทมนษยสรางขน หรอไดสงเคราะหขน เชน สวทยาศาสตร มนษยไดทดลองจากแสงตางๆ เชน ไฟฟา น ามาผสมโดยการทอแสงประสานกน น ามาใชประโยชนในดานการละคร การจดฉากเวท โทรทศน การตกแตงสถานท

15

แมส (PRIMARIES) สตางๆนนมอยมากมายแหลงก าเนดของสและวธการผสมของสตลอดจนรสกทมตอสของมนษยแตละกลมยอมไมเหมอนกน สตางๆทปรากฎนนยอมเกดขนจากแมสในลกษณะทแตกตางกนตามชนดและประเภทของสนนแมส คอ สทน ามาผสมกนแลวท าใหเกดสใหม แมสมอย 2 ชนดคอ 1. แมสของแสง เกดจากการหกเหของแสงผานแทงแกวปรซม ม 3 ส คอ สแดงสเหลอง และสน าเงน อยในรปของแสงรงส ซงเปนพลงงานชนดเดยวทมสคณสมบตของแสงสามารถน ามาใช ในการถายภาพ ภาพโทรทศน การจดแสงสในการแสดงตาง ๆ เปนตน (ดเรอง แสงส ) 2. แมสวตถธาต เปนสทไดมาจากธรรมชาต และจากการสงเคราะหโดยกระบวนทางเคม ม 3 ส คอ สแดง สเหลอง และสน าเงน แมสวตถธาตเปนแมส ทน ามาใชงานกนอยางกวางขวาง ในวงการศลปะ วงการอตสาหกรรม ฯลฯแมสวตถธาต เมอน ามาผสมกนตามหลกเกณฑ จะท าใหเกด วงจรส ซงเปนวงสธรรมชาต เกดจากการผสมกนของแมสวตถธาต เปนสหลกทใชงานกนทวไป ในวงจรส จะแสดงสงตาง ๆ ดงตอไปนวงจรส ( Colour Circle) สขนท 1 คอ แมส ไดแก สแดง สเหลอง สน าเงนสขนท 2 คอ สทเกดจากสขนท 1 หรอแมสผสมกนในอตราสวนทเทากน จะท าใหเกดสใหม 3 ส ไดแก สแดง ผสมกบสเหลอง ไดส สม สแดง ผสมกบสน าเงน ไดสมวง สเหลอง ผสมกบสน าเงน ไดสเขยว สขนท 3 คอ สทเกดจากสขนท 1 ผสมกบสขนท 2 ในอตราสวนทเทากน จะไดสอน ๆอก 6 ส คอ สแดง ผสมกบสสม ไดส สมแดง สแดง ผสมกบสมวง ไดสมวงแดง สเหลอง ผสมกบสเขยว ไดสเขยวเหลอง สน าเงน ผสมกบสเขยว ไดสเขยวน าเงน สน าเงน ผสมกบสเขยว ไดสเขยวน าเงน สน าเงน ผสมกบสมวง ไดสมวงน าเงน สเหลอง ผสมกบสสม ไดสสมเหลอง วรรณะของส คอสทใหความรสกรอน-เยน ในวงจรสจะมสรอน 7 ส และสเยน 7 ส ซงแบงท สมวงกบสเหลอง ซงเปนไดทงสองวรรณะสตรงขาม หรอสตดกน หรอสคปฏปกษ เปนสทมคาความเขมของส ตดกนอยางรนแรง ในทางปฏบตไมนยมน ามาใชรวมกน เพราะจะท าใหแตละสไมสดใส

16

เทาทควร การน าสตรงขามกนมาใชรวมกน อาจกระท าไดดงน 1. มพนทของสหนงมาก อกสหนงนอย 2. ผสมสอนๆ ลงไปสสใดสหนง หรอทงสองส 3. ผสมสตรงขามลงไปในสทงสองส สกลาง คอ สทเขาไดกบสทกส สกลางในวงจรส ม 2 ส คอ สน าตาล กบ สเทาสน าตาล เกดจากสตรงขามกนในวงจรสผสมกน ในอตราสวนทเทากน สน าตาลมคณสมบตส าคญ คอ ใชผสมกบสอนแลวจะท าใหสนน ๆ เขมขนโดยไมเปลยนแปลงคาส ถาผสมมาก ๆ เขากจะกลายเปนสน าตาลสเทา เกดจากสทกส ๆ สในวงจรสผสมกน ในอตราสวนเทากน สเทา มคณสมบตทส าคญ คอ ใชผสมกบสอน ๆ แลวจะท าให มด หมน ใชในสวนทเปนเงา ซงมน าหนกออนแกในระดบตาง ๆ ถาผสมมากๆ เขาจะกลายเปนสเทา แมสวตถธาต (PIGMENTARY RRIMARIES) แมสวตถธาตนนหมายถง “วตถทมสอยในตว” สามาน ามาระบาย ทา ยอม และผสมไดเพราะมเนอสและสเหมอนตวเอง เรยกอกอยางหนงวา แมสของชางเขยนสตางๆจะเกดขนมาอกมากมาย ดวยการ ผสมของแมสซงมอยดวยกน 3 สคอ 1. น าเงน (PRUSSIAN BLUE) 2. แดง (CRIMSON LEKE) 3. เหลอง (GAMBOGE TINT) สแดง (CRIMSION LAKE) สะทอนรงสของสแดงออกมาแลวดงดดเอาสน าเงนกบสเหลองซงตางผสมกนในตวแลวกลายเปนสเขยว อนเปนคสของสแดงสเหลอง (GAMBOGE YELLOW) สะทอนรงสของสเหลองออกมาแลวดงดดเอาสแดงกบสน าเงนซงผสมกน ในตวแลวกลายเปนสมวง อนเปนคสของสเหลองสน าเงน (PRESSION BLUE) สะทอนรงสของสน าเงนออกมาแลวดงดดเอาสแดงกบสเหลองเขามาแลวผสมกนกจะกลายเปนสสม ซงเปนคสของสน าเงน ระบบส RGB ระบบส RGB เป นระบบ สของแสง ซ ง เกดจากการหก เหของแสงผานแท งแกวป รซ ม จะเกดแถบส ท เรยกวาส รง(Spectrum)ซ งแยกสตามทสายตามองเหนได 7 ส คอ แดง แสด เหลอง เขยว น าเงน คราม มวง ซ งเปนพลงงานอยในรปของรงส ท ม ชวงคลนทสายตา สามารถมองเหนไดแสงสมวงมความถคลนสงทสดคลนแสงทมความถสงกวาแสงสมวง เรยกวา อลตราไวโอเลต(Ultra Violet)และคลนแสงสแดง มความถคลนต าท สด คลนแสง ทต ากวาแสงสแดงเรยกวาอนฟราเรด(InfraRed)คลนแสงท มความถ สงกวาสมวง และต า กวาสแดงนน สายตาของมนษยไมสามารถรบได และเมอศกษาดแลวแสงสท งหมดเกดจาก แส ง ส 3 ส ค อ ส แ ด ง (Red) ส น า เง น (Blue)แ ล ะ ส เข ย ว (Green)ท ง ส าม ส ถ อ เป น แ ม ส

17

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

ระบบงานทเกยวของ นครนทร สรอยนาค และอารยา ดวงใจสวรรค. (2559). โครงการเรองชวตเปนของเราสรปบทคดยอโดยนกศกษาไดจดท าขนตามวตถประสงคโครงการเพอเผยแพรขอมลเกยวกบเอกสารใหแกผทสนใจ ดงนนทางคณะผจดท าจงไดรวบรวมขอมลเพอเปนแนวทางการศกษาแกบคคลทสนใจการสรางแอนเมชนเบองตน ประฉตร เทพศาสตรา และปรเมษฐ เทพศาสตรา. (2559). โครงการแอนเมชนเรองใชน าอยางคมคาสรปบทคดยอแอนเมชนใชน าอยางคมคา มเนอหาเกยวกบครอบครวทตองการจะประหยดน าเพอตองการลดคาใชจาย ในแตละวนตองเสยน าเปนจ านวนมาก และไดเจอปญหาทท าใหตองเสยงน าเปนจ านวนมากและไดมการหาทางแกไข วนฤทธ สดสงวน และพงศธร เวยงค า. (2559). โครงการสอการเรยนการสอนแอนเมชน

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

เมชนสอการเรยนการสอน เพอท าการในเรองอปกรณทางคอมพวเตอร เพอใหส าหรบนกศกษาหรอ

ผทสนใจในเรองอมพวเตอรเขามาศกษา

2.4 การน าระบบคอมพวเตอรในการใชงาน

1.การน าเอาคอมพวเตอรเขามาชวยในการออกแบบโครงสราง 2.การน าเอาคอมพวเตอรเขามาชวยในการขยบทาทางของตวละคร 3.การน าเอาคอมพวเตอรเขามาชวยในการใสสและเสยง 4.การน าเอาคอมพวเตอรเขามาชวยในการตดตอฉากตางๆ 5.การน าเอาคอมพวเตอรเขามาชวยในปรบแตงแกไขขอบกพรองภายในแอนเมชน

18

บทท 3

การออกแบบระบบงานดวยคอมพวเตอร

3.1 การออกแบบระบบงาน (Flow chart)

เรมตน

ใสชอ-นามสกล

ตวเลอก

แบบทดสอบ

แสดงคะแนน

แสดงผล

จบการท างาน

ผจดท า

อาจารยทปรกษา บทท1 บทท3 บทท2

รปท 3.1 การออกแบบระบบงาน (Flow chart)

แอนเมชน

หนายนดตอนรบ

19

3.2 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 3.2 แสดงการออกแบบ Context Diagram

ผดแลระบบ

ออกแบบแอนเมชน

สอการเรยนการสอน

รายละเอยดแบบทดสอบ

ขอมลแบบทดสอบ

ลงชอผใช

เขาสระบบ

ท าแบบทดสอบ

ไดเรยนรบทเรยน

คะแนนแบบทดสอบ

ดแอนเมชน

ออกแบบหนาผจดท า

ขอมลผจดท า

0 โปรแกรมทกษะทางคอมพวเตอรขนสง

ผใช

20

3.3 การออกแบบ Story Board

รปท 3.2 แสดงหนาลงชอกอนเขาใชงาน

21

รปท 3.2 แสดงหนายนดตอนรบ

รปท 3.3 แสดงหนาเมนหลก

รปท 3.4 แสดงหนาตวเลอกบทเรยน

22

รปท 3.5 แสดงหนา Animation

23

รปท 3.6 แสดงหนาแบบทดสอบ

รปท 3.6 แสดงหนาคะแนนทได

24

รปท 3.7 แสดงหนาผจดท า

รปท 3.7 แสดงหนาอาจารยทปรกษา

3.4 การออกแบบสงน าเขา (Input Data)

1. แสดงหนาใสชอผใช

2. ขอมลเกยวกบทกษะทางคอมพวเตอรขนสง

ความเปนมาของ Visual Basic โปรแกรมภาษา Visual Basic นนพฒนาขนมาจากภาษา

ดงเดมคอภาษา Basic ซงภาษาทใชในการเขยนโปรแกรมในระยะเรมตนจะใชงานในแบบ Text

Mode ตอมาประมาณป ค.ศ. 1990 Microsoft ไดประกาศเปดตวภาษา Visual Basic ซงเปน

เหมอนกบชดเครองมอ (Tool) ในการสรางสวนตดตอกบผใชในแบบกราฟก

(Graphic User Interface ; GUI) โดยใชภาษา Basic ควบคมการท างานหลงจากนนมา Visual

Basic กไดรบความนยมเพมมากขนเรอยๆจนกลายมาเปนภาษาคอมพวเตอรทมผใชงานมากทสด

เนองจากมโครงสรางภาษาทงาย มชดเครองมอ (Tool) ในการสรางสวนตดตอกบผใช (User

Interface) อยางครบถวน และสะดวกตอการใชงานท าใหสามารถเรยนรการพฒนาโปรแกรมไดใน

ระยะเวลาอนสนโดย Visual Basic ไดมการพฒนามาตงแต Version 1 จนถง Version 6 (VB 6, ใน

25

ชดVisual Studio 98) ซงเปนแนวทางเดมโดยการท างานจะยดตดกบระบบปฏบตการ Windows

เปนหลก จนกระทงป ค.ศ. 2002 ไดเปลยนเปน Visual Basic.NET (หรอ VB 7) ทท างานบน

แพลตฟอรมแบบใหมของ Microsoft ทเรยกวา .NET Framework แลวใหมการพฒนามาเปน

Visual Basic 2003, 2005, 2008 และในทสดกมาเปน Visual Basic 2010

สวนประกอบของ Visual Basic สวนประกอบของ Visual basic 2010 มทง 6 สวน 1 start

page 2 .Solution Explorer 3.ToolBox 4.ทลบารหลก (Standard Toolbar) 5.เมนบาร (Menu Bar)

6 .error list Start page เปนหนาตางทแสดงขนมาตลอด ตอนทเราเปดโปรแกรมขนมา

หนาตางนจะเปนเหมอน Intro ของโปรแกรม จะประกอบดวย New Project / Open Project /

Recent Project Solution Explorer และ Properties Solution Explorer คอหนาตางแสดงโปเจคของ

เราวามอะไรบาง คอ My Family ประกอบดวยไอเทมทราสรางขนมา Properties หนาตาง Properties

น จะแสดงคณสมบตของ Object ทเราเลอกไว แกคณสมบตตางๆของ Object นน ToolBox เปน

หนาตางทรวมเครองมอตางๆไวสรางApplication ของเรา ไวออกแบบหนาจอไดอยางงายๆ โดย

เพยงคลกลาก คอนโทรล ( Control ) มาวางบน ฟอรม (Form ) กจะได ออบเจค (Object) บนฟอรม

นน ซง มอยหลายกลมคอนโทรลดวยกน Common / Control / Containers / Menus & Toolbars /

Data / Components / Pointing / Dialogs ทลบารหลก (Standard Toolbar) เปนแถบเครองมอท

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

1.New Project 2.Open project 3.Save project เมนบาร (Menu Bar) เปนสวนทรวบรวมค าสง

ทกอยางในการท างานของ Visual Studio โดยแบงเปนเมนค าสงตามไอเทมตางๆ ดงน

File / Edit / View / Properties / Build / Debug / Data / Format / Tool Error list ใชส าห รบ

เวลา Compile โปรแกรม วามขอผดพลาดจากการเขยนโปรแกรมหรอไมมทบรรทดใดบาง

การประกาศตวแปร Visual Basic ตวแปร หมายถง ชอทใชแทนขอมลชนดตาง ๆ โดยขอมลทจะน ามาเกบในตวแปรจะตองตรงกบชนดของขอมลทก าหนดไว การน าขอมลไปใชงานจะกระท าผานตวแปรทก าหนดน 1. ชอของตวแปรตองเรมตนดวยตวอกษร a – z เทานนจะเปนตวพมพใหญหรอพมพเลกกได สวนตวถดไปจะเปนตวอกษรหรอตวเลขกได 2. หามใชอกษรพ เศษอน ๆ ทไมใชตวอกษรหรอตวเลข เชน ? , + , - , * , / , … ยกเวนเครองหมาย _ (underscore) เทานน 3. ตองไมซ ากบ Reserved Words ใน Visual Basic ช น ด ข อ ง ข อ ม ลใน Visual Basic ในการประกาศตวแปรสงทจะตองกระท าคกนกคอการระบชนดของขอมลทจะเกบในตวแปรนน ชนดของ ขอมลใน Visual Basic มดงน Boolean Byte Char Decimal Double

26

Integer Long Object Short Single String การประกาศตวแปร และการก าหนดคาขอมลใหกบตวแปร รปแบบการประกาศตวแปรในภาษา Visual Basic จะใชค าส ง Dim ซ งมรปแบบ ดงน Dim/ช อตวแปร/As/ชนดของขอมล ตวอยาง เชน Dim iAge As Integer / Dim str As String ในกรณทเปนขอมลชนดเดยวกน สามารถประกาศตวแปรรวมกนได เชน Dim x, y, z As Integer หรอ สามารถใช Dim ครงเดยวในการประกาศตวแปรได โดยคนดวยเครองหมาย “,” เชนDim a As Interger, b As String, c As Boolean ขอมลชนดตวเลข ขอมลช น ดตว เลข เช น Byte, Integer, Double จะส ามารถ ใส ตว เลขลงไปได เลย (ไม ตอ ง มเครองหมาย , ) เชน Dim x As Integer = 4851 Dim y As Double = 1422.576ขอมลชนดบลน ขอมลชนดบลน (Boolean) จะมคาเปนไปไดเพยง 2 คา คอ True หรอ False อยางใดอยางห น ง ส า ม า ร ถ น า ไ ป ก า ห น ด ค า ใ ห ก บ ต ว แ ป ร ไ ด เ ช น Dim a As Boolean = True Dim b As Boolean = False ขอมลชนดสตรง ขอมลชนดสตรง (string) คอ ขอมลทเปนสายอกขระหรอเปนการน าเอาอกขระแตละตวมาวางเรยงตอกน ซงขอมลชนดสตรงจะมความยาวเทาไรกได และไมจ าเปนจะตองเขยนอกขระทกตวตดกน การก าหนดขอมลทเปนสตรงจะตองก าหนดจ ด เร ม ต น แ ล ะ ส น ส ด ข อ งส ต ร ง เส ม อ โด ย ใช เค ร อ งห ม ายDouble quote (“ ”) เช นDim strName As String = “ Mr. Weerasak Kajornboon” ในกรณ ท สต รงจ า เป น จะตอง มเครองหมาย Double quote (“) อยดวยใหเขยนเครองหมายน 2 อนซอนกน เชน ก าหนดตวแ ป ร str ม ค า เ ป น I Love “VB” for .NET programming จ ะ ต อ ง เ ข ย น ด ง น Dim srt As String = “ I Love ”“VB”“for . NET Programming”

3. ขอมลแบบทดสอบ

4. การค านวณคะแนน

3.5 การออกแบบสงน าออก (Output Data)

1. หนาจอคอมพวเตอรแสดงผลงานทท าเสรจแลว

2. เครอง Projector น าเสนอเพอสอบวชาโครงการ

3. Speaker ใชในการฟงเสยง

4. เครองเลน CD/DVD ใชในการแสดงผลงาน

บทท 4

สอการเรยนการสอนแอนเมชน เรอง ทกษะทางคอมพวเตอรชนสง

4.1 เครองมอและอปกรณทใช 1. Intel(R) Core(TM) i5-8400 CPU @ 2.80GHz 2.80 GHz 2. VGA Card GTX 1060 3GB 3. HDD 1 TB 4. SSD 120 GB 5. Notebook 6. Mouse 7. Keyboard 8. Printer canon 9. Flash drive Kington 16 GB

4.2 โปรแกรมทงหมดทใชพฒนา 1. โปรแกรม Adobe Flash Cs6 ใชในการสรางแอนเมชน 2. โปรแกรม Adobe Photoshop CS6 ใชในการตดตอรปภาพ 3. โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร

4. โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ

28

4.3 วธการตดตงโปรแกรม โปรแกรม Adobe flash Cs6

รปท 4.1 Double click ทตวโปรแกรม Set-up

รปท 4.2 แสดงหนาตางโหลด Initializing Installer

29

รปท 4.3 คลกเลอก Install a trial

รปท 4.4 กดปม Accept เพอยอมรบขอตกลงในการใชซอฟตแวร

30

รปท 4.5 ก าหนดโฟลเดอรส าหรบตดตงโปรแกรม จากนนกดปม Install

รปท 4.6 รอการตดตงโปรแกรม Adobe flash Cs6

31

รปท 4.7 หลงจากท าการตดตงเสรจเรยบรอยแลว หากตองการเขาสตวโปรแกรมใหกด Launch Now หรอกด Close เพอปดหนาตางการตดตง

รปท 4.8 คลกไฟล Set-up ของโปรแกรม Adobe Photoshop Cs6

32

รปท 4.9 แสดงหนาตางโหลด Initialzing Installer

รปท 4.10 คลกเลอก Try

33

รปท 4.11 กดปม Accept เพอยอมรบขอตกลงในการใชซอฟตแวร

รปท 4.12 ก าหนดโฟลเดอรส าหรบตดตงโปรแกรม จากนนกดปม Install

34

รปท 4.13 รอการตดตงโปรแกรม Adobe Photoshop Cs6

รปท 4.14 ท าการตดตงเสรจเรยบรอยแลว กด Close เพอปดหนาตางการตดตง

35

4.4 วธการใชงานแอนเมชน

รปท 4.15 กดดบเบลคลกทไฟลแอนเมชน

รปท 4.16 แสดงหนา Logo

36

รปท 4.17 แสดงหนา Login

รปท 4.18 แสดงหนายนดตอนรบหลงจากกรอกชอ

37

รปท 4.19 แสดงหนาหลก

รปท 4.20 แสดงหนาบทเรยน

38

รปท 4.21 แสดงแบบฝกหด

รปท 4.22 แสดงหนาผลคะแนน

39

รปท 4.23 แสดงหนาผจดท า

รปท 4.24 แสดงหนาอาจารยทปรกษา

40

รปท 4.25 แสดงหนา Credit

บทท 5 สรปผลการท าโครงการ

5.1 สรปผลโครงการ

1. ไดรบความรของเรองของ visual 2. ไดรบความเพลดเพลนและความรจาก VDO ทรบชม 3. ไดรบการออกแบบ Animation ดวยตนเองโดนใชโปรแกรม Adobe Flash Cs6

5.1.1 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 สอการเรยนการสอนแอนเมชน

ทกษะทางคอมพวเตอรชนสง 52.8MB ไฟลคลปVDO

2 สอการเรยนการสอนแอนเมชน ทกษะทางคอมพวเตอรชนสง

72.2MB ไฟลโปรแกรม

ตารางท 5.1 แสดงขนาดของโปรแกรม

5.1.2 สรปขอผดพลาดทมตอการออกแบบระบบงาน

1. การเชอมลงคไปยงอกหนาไมได 2. การแสดงผลคะแนนผดพลาด 3. ปญหาจากการใสโคดผดพลาดท าใหโปรแกรมไมรน 4. รปแบบการจดแตงพนหลงทไมสวยงามจงแกเพมเตม 5.1.3 สรปขอผดพลาดทมในโปรแกรม 1. โปรแกรมคางเกดจากการใสโคดผด 2. โปรแกรมมอาการกระตกเมอ Preview แบบ Full HD 3. เอฟเฟคเสยงไมมตามทตองการ

42

5.2 ปญหาและอปสรรคในการด าเนนงาน 1. คอมพวเตอรมอาการคาง ตองใชการ Preview คณภาพต า ในการท างานแทน 2. โปรแกรม Adobe Flash คาง ไมสามารถใชงานได 4. เครองพมพเอกสารหวพมพช ารดและหมกพมพแตกระหวางท างาน 5. การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว

43

5.3 สรปการด าเนนงานจรง

รายการ มถนายน 60 กรกฎาคม 60 สงหาคม 60 กนยายน 60

ระยะเวลา 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

เสนอหวขอโครงการ รอบท 1 (บทท1)

22-25 มถนายน 61

ประกาศผลหวขอโครงการ รอบท 1

29 มถนายน

61

เสนอหวขอโครงการ รอบท 2(บทท1)

29-30

มถนายน 61

ประกาศผลหวขอโครงการ รอบท 2

6 กรกฎาคม

61

สงบทท2

6-20

กรกฎาคม 61

สงบทท3 20 ก.ค. – 10 ส.ค. 61

สอบหวขอโครงการ

5 กนยายน 61

รายการ พฤศจกายน 60 ธนวาคม 60 มกราคม 61 กมภาพนธ 61

หมายเหต 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 70%

2 พฤศจกายน

61

สงความคบหนา 80%

4 พฤศจกายน

61

สงความคบหนา 100%

5 พฤศจกายน

61

สอบโปรแกรม ระดบ ส.2

7 พฤศจกายน 61

สงบทท 4

21 ธ.ค. 61 –

25 ม.ค. 62

สงบทท 5

25 ม.ค. 62 –

8 ก.พ. 62

สงรปเลม ซด และคาเขาเลม

8 - 12 ก.พ.

62

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

44

5.4 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา (บาท) 1. กระดาษDouble A A4 1 รม 150 2. ตลบหมก ขาว/ด า - ส 3 ตลบ 1000 3. คาเขาเลมเอกสาร + คาแผนดวด 1 เลม+ 1แผน 250 รวมเปนเงน 1,400

ตารางท 5.3 สรปคาใชจายในการด าเนนงานจรง

บรรณานกรม

นครนทร สรอยนาค และอารยา ดวงใจสวรรค. (2559). โครงการเรองชวตเปนของเรา. หลกสตร

ประกาศนยบตรวชาชพชนสง สาขาวชาคอมพวเตอรธรกจ, วทยาลยเทคโนโลยอรรถวทย

พณชยการ

ประฉตร เทพศาสตรา และปรเมษฐ เทพศาสตรา. (2559). โครงการแอนเมชนเรองใชน าอยางคมคา.

หลกสตรประกาศนยบตรวชาชพชนสง สาขาวชาคอมพวเตอรธรกจ, วทยาลยเทคโนโลย

อรรถวทยพณชยการ

มหาวทยาลยเทคโนโลยราชมงคลพระนคร. (2558). การท าแบบทดสอบโดยใชโปรแกรม flash. คนหา

ขอมลเมอวนท 12 พฤศจกายน 2561, จาก http://www.arit.rmutp.ac.th/kms/?p=148

วนฤทธ สดสงวน และพงศธร เวยงค า. (2559). โครงการสอการเรยนการสอนแอนเมชนเรองอปกรณ

ทางคอมพวเตอร. หลกสตรประกาศนยบตรวชาชพชนสง สาขาวชาคอมพวเตอรธรกจ,

วทยาลยเทคโนโลยอรรถวทยพณชยการ

วทยาลยพณชยการบางนา. (2559). การเขยนโปรแกรมภาษาVisual Basic. คนหาขอมลวนท 12 พฤศจกายน 2561, จาก https://sites.google.com/site/xxkbaebkarsxnwichavisualbasic/home

ส านกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต. (2555). ภาพเคลอนไหว (Animation). คนหา

ขอมลวนท 12 พฤศจกายน 2561, จาก https://www.nstda.or.th/th/nstda-knowledge/3016-

animation

เอกชต สอนสพรรณ. (2556). การวาดเสน(Drawing). คนหาขอมลวนท 12 พฤศจกายน 2561, จาก

http://oknation.nationtv.tv/blog/phaen/2007/12/13/entry-1

Narisara Channok. (2555). ส(Color). คนหาขอมลวนท 12 พฤศจกายน 2561, จาก http://

narisaraom55223.blogspot.com/

Pakanan Wongsara. (2561). แมส(Primaries). คนหาขอมลวนท 12 พฤศจกายน 2561, จาก

https://sites.google.com/a/samakkhi.ac.th/th/*-*vsdi-si/home/maesi-primaries

51

ประวตผจดท ำ

นายสนตสข ศรภผา เกดเมอวนท 4 พฤศจกายน 2540 ส าเรจการศกษา

ช นมธยมตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2553 จบ

การศกษาหลกสตรประกาศนยบตรวชาชพ(ปวช.)สาขาคอมพวเตอร

ธรกจ ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559

ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส.) ท

วทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษาการ 2561

ปจจบนอาศยอยบานเลขท 129 หม 9 ต.ส าโรงใต อ.พระประแดง

จ.สมทรปราการ 10130

เบอรโทรศพท : 064-018-2504

E-mail : pantheregg@hotmail.com

Line ID : bewpanther

นายณฐสทธ ดตศรวรพนธ เกดอมอวนท 1 ธนวาคม 2541 ส าเรจ

การศกษาชนมธยมตนจากโรงเรยนเซนตราฟาแอลเมอปการศกษา

2554 จบการศกาหลกสตรประกาศนยบตรวชาชพ(ปวช.)สาขางาน

คอมพวเตอรธรกจ ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ป

การศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพ

ชนสง (ปวส.) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา

2561 ปจจบนอาศยอย 1279/546 ต.ทายบานใหม อ.เมองฯ

จ.สมทรปราการ 10270

เบอรโทรศพท : 061-523-6985

E-mail : nattasith0230@hotmail.com

Line ID : waterbeerza

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC.01) - ใบเสนอขออาจารยทปรกษารวม (ATC.02) - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC.03) - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC.04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC.05)

I I

ATC.OJ

'\10liJl!t>o1-nmn 1 lt1Hn 1·n::uut1 o,iw-:11 flt>~ ~

q - #' .. ff 11.l 11'Jf l fHJlJl'f 119lfl 1 f109

1nrm1mTir11 u 1 atio1 ·rn1ntf11w'lfvm1

1'U~ 2 l~61.JffH1Qlfl1J 't'UY. 2561 4 110-3 'tltHff'Uo t1~1J1il'i11 fl'S-3 mn:::1.11.1111011ri1191ef rjn'1 ~tl'U 1.h:::til'U mrnm1ti'111w lfll11J1i1111 m ~mn:::mmt111ri1tflef 110,>

,r,,,,,r, I. 'Ultlfftl~q''\I tl'7iJNl 111ff'Uflfffllll 36678 1:::i1J thff.2/4 .., ... .!

2. 'UltlWJff'Ylti 111t1i!ni1n·tn 35536 1:::i1J th"1'.2/4

ijr111111.h:::ff-3flTI11flHfl11':i:::1J1Jfl01J'N1t910ll'l'fl1) 1.h :::lfl'YI uoum.fu

;o 1 r1Hmrn1111 ivw nn11:::'YIHfto1Jti1191ef ,Tug~

,;tl 1 flHfll'rnllllO•:mqll Advanced computer skills

hwij o,,311o~mn11111,fo fltl 01,311ou11mw 'U1\l'lf

Vff e11rl1iuu1.1rnnmnh:::nt11.1m1'tlmt1ut11flHmn:::1.11Jflt12..1-n1191011Jn~ 1 ~1u1'U 1 'll"

1~~ vuJJ11ittJ 'hh~fi,311w1mpm

mt106~fl~ .t~~t .. fi.~.".f!'?.;,q_~.f. .. . Uflfft11ll

Q.' ~ .( ..::it,~ - .. ~ ('UltJWJff'tlti flflff'S1111'U~)

tt'1mY1nq1J lT1Hm1

0 N":'"""'~y~:~:,,:n,, .. ~~.C... .......... .. . ....... ······ ················· . . ....... ~I~: :: : :::: .. : : ::: ::::: :: , .. , ., ... .... .. . .... ·;:~~... . ~ :· : m.u ::nnum1 tl\"U:; m rn n n

46

... l'Hl~

~tJU

·•-~ , l unnnn1>11unu1n1nn1-J ftHnn

ATC.02

.. - ., -fflllll1,,lfHJlJtl1l11 fJ'J 11 n\l

1 '1 tntl' fJlYI fl 1 lJ 1 ttvm 'Hl 1'YI rm w 'If.In Ti

1'U~ 08 l~tJlJffrnltUJ Yi .ff. 2561

llltl~f.l'\Uit)!fll'1THJLiJlJ~llitllll'J1l.JlflHtl11

.. ... .. Bl '1 l'Wft 1tl W l l '16 \"ll'HI

,rll'Uil l. lJlf.lffU~q'-U 111'!;1'l!tlfftlill 36678 1::i1J 1.hff. 2/4

111ffll't1flmn 35536 1::iu u1ff. 2/4 .., - ,i

2. UlOWJff'Y11i

"" .I _. "" ""' _. "" _. !;i1 ""-I':! • 1 • " y l.Jfl111Ju1::ff ~fl'1::'Utll'I f.l'Ul'lftytJ1\"l 11f.lVi 11iW 11'18\"llW l.Jll1J'UYl1J'Itlil111l.J flHtll'I'UtHm}lJ-UlVil 'Ill

~~ L~'il~'Yi11m~mnh::1nr1 uoumiu .;tJ 1r1nmrn11:111r1t1 'tim1::Y11~fltJJ.J-n11<;"1tJ1'11'ug~ 'fl!m.1111~uut1

mt1ffl'n .. h::ne11m11i1uo111-u'e lm~mrn1~1t1

01mla;atl.,-,,,~j·f ...... €.J.~ ......... Unffn~,

<uwii'u~q-"' ff11Jm)

"' "" ~i"t'li AM i io-sJ',J .., ... tlltJlJtJ')ftJ .~ ············ ··············· ········· ,·· ·· 'U tlf'ltlill

Clo' .-:ai, .:( .<l:li,q A CV ~ ('UltJWJ ff't11i tl~ff'I 1'IY1U1i)

"' J .... ~ • m m.10 "1fo ........................... .. ...... ... ... ..... tl Hl 11 anm rn.111 1 1.1

,I "" .. (Ol 'ill'ItJViniWl l'iHl'ill'l tJ)

47

m ATC.OJ

t .. ' 'Vtlaou 1n1 ~n 111::uuntmrt 1mo1

,Q .. " 6

ft'l'Ull'lf lflt)JJft 1I AOl p nv

1lHJ 1'1V1Ylfl 1-u 1 c1UOl H'11YlV1'1W,mfl1'l i-u~ 141~ouitrn1ilJJ YI .fl'. 2561

1io~ '\J tHloult1Hmn::uuF161Jti·;119loft1n\l (t-if-3~ I)

~ [J'U flW::m rnnl'i'n\lll W lfll'Hl'ouiltHfl'U iflHfllll::'U'Ufl0lJ'N119lOf ~'j fl\) -u1ml1 t. 'UlCJff'U~\l''Y f11fJHl ·nfotl'nffn111 36678 1::iu tbff.2/4

"' ... .f 2. lJlOW!ID11i 1,1et'tl'nffmn 35536 1::iu thff.2/4

ijt111111.h::ff-3t1n'1 lm-3mn::mrno11-w1maft1n\l 1.h:am1 uau1lJciu ., 4l.!:li ,1:,,

~olfl1-3n11n1ll1,~o 110ll::TI1-3t1tJl.lvn1~01'\J-u U-3

;tJ 1 m -301'i flUl10-3flqll Advanced computer skills

l~vii 01\lll uiimnllllH1fl flt) 01\ll'i tJ'UllmW tl'1lflf

Ol\lllm'i1"flllll·nJ "" ~ .... ~ flO Ol'ill'IUt'll1iW1 1\10\llnl

vcr t)1Jt i~ut.11110 mnnh::n01Jfll'j'\JOff01J 1 fl'I-3fll'i'i::'U't.Jf101J'W1!fl0f

0 hJrnnnn ::11ur1u11-n1191uf (Software)

0 lm-3m11::1111r101J-n11~mf~1n\1 (rnnmrn,1~ t -3)

i-3ifot.t1Jll~O lth~i;\ll'IWlOl-Jlm

'111U1'U I ,~

~lln\J I,~ ------- ---- -----------------------·--- ·----------------------

a ,v/io;o.~?~.?'.. ... !0.l.h.~"r,ioffnt11 ~ ,q .( 40!...,... ., .,

(lnrJW .! (Yt1 1l fl~ffl 11t11l ~)

,hm! lflQlJ lt1Hm1

48

m ATC.04

'\ V ~ <!I y ;,d_ ~ V ' "'-~ I !'U 'U '\nlfl 1 l ti -3 l'U rl 1 UJ rl 'U 'tt 'Ul tl Hn 'm fl 1J 1 f)ll l'tt tl f) U tl ~ tl HJ 1 'm 'YI 1J 'Hl'tn 111-J

1f1 H tll '.i l'lf1 'hl ~'Vl7-3fl0:IJ 'Yl11~0{ Ju Il'-3 "'

Advanced computer skills

-------------------------

~lhfltj l 'ttllfl fo1,3m1

~mnm-i-nJ fo1,3m1

,I ,I

07,J l'HJ 'U '.i l fl HU ,I

07,Jl'HJ'Vl '.i 1itU7

~lYIU ':ilUfll':i

d ,d fll fl!Hl'U'Vl 1/2561

ITI' 'UOi11'li'O 1f1Htll'.i '.icl'U~ I

2 rl-3rnnmrn'Vlvi 1

3 rl -3 rn n m rn 'Vl Yi 2

I d

4 m1onmrn'Vl'Vl 3

5 ' ~

TI'-3!0f1m'.i 11'1~ PowerPoint l'VlOtll'.i o d

m1m.rn rnnm'.i'U'Yl'Yl 1 - 3

6 rl-3ft'Ur'llf 7 iurnnrn if1Hf17'.i 50%

7 rl-3ftmn!1 iurnnrn if1Hf17'.i 60%

8 i'Y-3ftmn!1iurnnrnim-3f17'.i 80%

fllfl~V'Ul12/2561

9

10

11

12

13

14

15

i'Y-3!0f1m'.i 11'1~ iurnnrn ir1Hf11'.i

l~Of)l'.i'Ul!{l'lJil 1urnnrntf1Hf17'.i

'ff-3!0f1ff7'.i'U'Vll1 4

I d

j;1'-31e)f)ffl'.i'l.J'Vl'Vl 5

ff-3!0f)ffl'.i'.iUlri:IJ QlJ'l.J{l':IJ'l.JHU ., "'

O f CJ/ f

'If 7'J ~ ffll 'll 7 t '11J

1J1'U'lf .

1'U/l~il'U/U 61\Jl'HJ~tnmnmi'n

ftV

. .t!.1~ ... 0.1.6.1 ..

~

. ,1, :1 . ./.<!'Jiu.~ J ..

~

w

lll \Jl'i!J~tn m,n -,b~

I~

V

49

I

I __

ATC.OS

, .., di " , .. _I'! uuu TI n m·n,, m uo ,, 11 nnm mn

lm-m11tl1~u1V1 miihlliu .A QI .c:a t1i l 'HH 'YI 01:l~'Vll~rl 6lJVi1m6Hl'Uff ~ .. t)l\111V~mmnmfo tll\111tl't.!11fllW 'U1l¾'lf

tll\111tl~lli01:1111lJ 6 1\111tJVi'itiW 1 <'I " 1,immu ,,

' "' .. "' 91 91 ., .. flHt'I 1'U'YI '111'1J6nlWU1ViU

1 s t.ico. (,I ~~ Ttlntn~,; tOoY.

2 ~ '1. C') 6 2. l j

!, ~ l:Jiyl 1'! iJ ' ...,

, ~ .5 n Jo1 . b2 cf~ 1.Jo/)'V\ 5

,,R:\ ~ " ft

ffl1J l 1'tf lrl0 Ul'l 1~'10, p mi

1'YIUlcltJl'Ylfl 1u 1 '1Ufl1 'Hl1'1lJ'¥1W '1Wnl1

Hfi 'UTl I

1tti111nfffl'lfl 36678 1~i1J tl1ff. 2/4

1ifftl'ntrm,n 35536 1~iu tl1ff. 2/4

d lllO!CJf'U l1 l.Jl tJ !'11 f)

~ UV WV

-

50