1

บทท 1

บทน ำ

ชอโครงงำน สรางสอการสอนค าศพทภาษาองกฤษผลไมและสตว ชอผจดท ำโครงงำน 1. นางสาวศรณยพร เจรญพร ชออำจำรยทปรกษำ อาจารยกาญจนา ประสานยทธ 1.1หลกกำรและเหตผล ในปจจบนเทคโนโลยคอมพวเตอรและการสอสารทมความเจรญกาวหนาและทนสมยไดเขามามสวนรวมในการเรยนร เขามามบทบาทในชวตประจ าวนของมนษยมากยงขน แหลงความรมหลากหลายใหเราไดเลอกใชในการศกษาคนควาหาขอมล เชน หองสมด หนงสอ หนงสอพมพ บรรณานกรม อนเตอรเนตและคอมพวเตอร เอาไวใชคนควาหาขอมล หาควมรเพมเตมและน ามาศกษาเลาเรยนคอมพวเตอรยงมความส าคญตอองคกร บรท หางราน และสถานศกษาไดเปนอยางด และสถานศกษาจงไดน าเอาคอมพวเตอรมาจดท าในรปแบบของสอการสอนใหกบนกเรยนอนบาลไดศกษาเลาเรยน สอการสอนค าศพทภาษาองกฤษผลไมและสตว เปนสอการสอนใหกบนกเรยนอนบาลไดมารจกกบค าศพทภาษาองกฤษ เพอใหนกเรยนอนบาลไดฝกพฒนาสมองในการมองเหนรปภาพ จดจ า และฟงเสยง ท าใหนกเรยนอนบาลจดจ ารปภาพและฝกการออกเสยงตาม ค าศพททน ามาใชตองมรปภาพและตวอกษรทมสสนสวยงามท าใหนกเรยนอนบาลเกดแรงจงใจในการเรยนใหกบนกเรยนอนบาลไดเปนอยางด นกเรยนอนบาลจะเกดความสนกสนานกบการเรยน การจดท าสอการเรยนการสอนโดยใชโปรแกรม Macromedia Dreamweaver สามารถสรางรหสค าสงใหกบผใชโดยอตโนมต ซงผใชไมจ าเปนตองมความรดานของภาษา HTML เนองจากโปรแกรม Macromedia Dreamweaver นน จะมลกษณะการท างานทคลาย ๆ กบโปรแกรมพมพเอกสาร ทเราเคยใชและรจกกนด ซงจะมเครองมอและแถบค าสงใหเราเลอกใชไดเหมอนกบ Word Processor รวมถงฟงกชน ทท าใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอ และองคประกอบอน ๆ ภายในเวบเพจไดอยางสวยงาม ตามทผใชตองการ จงชวยใหสามารถสรางเวบเพจดวยความสะดวกและรวดเรวจดเดนของโปรแกรม ผใชไมจ าเปนตองศกษาภาษา HTML มากอน กสามารถสรางเอกสารเวบได เพราะตวโปรแกรมมฟงกชนการ

2

ท างานแบบ HTML Generator ท าใหไดภาพเคลอนไหวบนเบราเซอร 4.0 โดยไมตองอาศย Plugin ใดๆปมควบคมการท างาน ไดจดแบงเปนหมวดหม ชวยใหการสงงานกระท าไดสะดวก และรวดเรวสรางภาพเคลอนไหว (Animation) โดยใชรปแบบของ Macromedia Director ดวยคณสมบต Animate Netscape และ CSS-P Layers

จากความส าคญดงกลาวขางตน จงไดจดท าโครงการสรางสอการสอนค าศพทภาษาองกฤษ ผลไมและสตวส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver ขนเพอสรางสอการสอนค าศพทภาษาองกฤษผลไมและสตว และน าสอการสอนทพฒนาขนไปใชเปนตวชวยในการสอนใหกบครผสอนในการฝกพฒนาสมอง การด การฟง และการออกเสยงตาม สอการสอนของนกเรยนระดบชนอนบาล 1.2วตถประสงคของโครงงำน 1.2.1 เพอสรางสอการสอนค าศพทภาษาองกฤษผลไมและสตวส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweav

1.2.2 เพอน าสอการสอนทพฒนาขนไปใชเปนตวชวยในการสอนใหกบครผสอน 1.2.3 เพอนกเรยนอนบาลไดฝกพฒนาสมองในการด การฟง และการออกเสยงตาม สอการสอนของนกเรยนระดบชนอนบาล

1.3ขอบเขตของโครงงำน

1.31สอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตวส าหรบนกเรยนระดบชนอนบาล 1.3.2 แบบสอบถามความพงพอใจ 1.3.3 แผนซดสอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตวส าหรบนกเรยนระดบชนอนบาล 1.4 วธด ำเนนกำร 1.4.1 ศกษาหวขอโครงงาน 1.4.2 ขออนมตโครงงาน 1.4.3 ออกแบบการสรางชนงาน 1.4.4 จดท าสอการเรยนการสอน 1.4.5 จดท าคมอ/เอกสารประกอบโครงงาน

3

ตำรำงกำรด ำเนนงำน

ขนตอนกำรท ำงำน ระยะเวลำด ำเนนกำร (สปดำห)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ขนเตรยมกำร

-คนควาขอมล -ศกษาโครงงาน -เสนอโครงงาน

ขนด ำเนนงำน -ออกแบบสอการสอน -จดเตรยมอปกรณ -จดท าสอการสอน -ทดสอบ/ทดลอง/บนทกผล

ขนสรปและประเมนผล -น าเสนอโครงงาน -ประเมนผล

1.5 ประโยชนทคำดวำจะไดรบจำกโครงงำน 1.5.1 ไดความรเรอง ค าศพทภาษาองกฤษผลไมและสตว 1.5.2 ไดความรเรอง โปรแกรม Macromedia Dreamweaver 1.5.3 อาจารย/นกเรยน สามารถใชเปนสอการเรยนการสอนได 1.6 เครองมอและอปกรณ 1.6.1 โปรแกรม Macromedia Dreamweaver 1.6.2 แผน CD/DVD 1.6.3 หมกพมพงาน

4

1.7 งบประมำณ

ล ำดบ รำยกำร จ ำนวน รำคำตอหนวย รำคำรวม

1 แผน CD/DVD 10 10 100

2 กระดาษ A4 1 100 100

3 หมกสด า-หมหส 1 600 1,200

รวม 1,400

( หนงพนสรอยบำนถวน) 1.8 แผนผงกำรท ำงำน

เรมตน

เสรจสน

คนหาขอมล

ศกษาโครงงาน

น าเสนอโครงงาน

ออกแบบโครงงาน

เตรยมอปกรณ

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

ผลการทดลอง

ไมผาน

ไมผาน

ผาน

ผาน

5

บทท 2

ทฤษฎทเกยวของ

การจดท าโครงงาน “สรางสอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตวส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver” คณะผจดท าไดศกษาคนควาเอกสารเกยวการจดท า มรายละเอยด ดงน

1. โปรแกรม Macromedia Dreamweav

2.1 ท ำควำมรจกโปรแกรม Macromedia Dreamweave อะโดบ ดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบน ท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน ในชวงปลายปทศวรรษ 2533 จนถงปพ.ศ. 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70% ดรมวฟเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4

2.2 กำรท ำงำนกบภำษำตำงๆ ดรมวฟเวอร สามารถท างานกบภาษาคอมพวเตอรในการเขยนเวบไซตแบบไดนามค ซงมการใช HTML เปนตวแสดงผลของเอกสาร เชน ASP, ASP.NET, PHP, JSP และ ColdFusion รวมถงการจดการฐานขอมลตางๆ อกดวย และในเวอรชนลาสด (เวอรชน CS4) ยงสามารถท างานรวมกบ XML และ CSS ไดอยางงายดาย

6

2.3 Dreamweaver รนตำงๆ Dreamweaver 1.0 (ธนวาคม ค.ศ. 1997) Dreamweaver 1.2 (มนาคม ค.ศ. 1998) Dreamweaver 2.0 (ธนวาคม ค.ศ. 1998) Dreamweaver 3.0 (ธนวาคม ค.ศ. 1999) Dreamweaver UltraDev 1.0 (มถนายน ค.ศ. 2000) Dreamweaver 4.0 (ธนวาคม ค.ศ. 2000) Dreamweaver UltraDev 4.0 (ธนวาคม ค.ศ. 2000) Dreamweaver MX (พฤษภาคม ค.ศ. 2002) Dreamweaver MX 2004 (10 พฤศจกายน ค.ศ. 2003) Dreamweaver 8 (13 พฤศจกายน ค.ศ. 2005) Dreamweaver CS3 Dreamweaver CS4

2.4องคประกอบของกำรออกแบบเวบไซต ตองค ำนงถง 1. ควำมเรยบงำย ไดแก มรปแบบทเรยบงาย ไมซบซอน และใชงานไดสะดวก ไมมกราฟกหรอตวอกษรทเคลอนไหวอยตลอดเวลา ชนดและสของตวอกษรไมมากจนเกนไปท าใหวนวาย 2. ควำมสม ำเสมอ ไดแก ใชรปแบบเดยวกนตลอดทงเวบไซต เชน รปแบบของหนา สไตลของกราฟก ระบบเนวเกชนและโทนส ควรมความคลายคลงกนตลอดทงเวบไซต 3. ควำมเปนเอกลกษณ การออกแบบเวบไซตควรค านงถงลกษณะขององคกร เพราะรปแบบของเวบไซตจะสะทอนถงเอกลกษณและลกษณะขององคกรนน ๆ เชน ถาเปนเวบไซตของทาง ราชการ จะตองดนาเชอถอไมเหมอนสวนสนก ฯลฯ 4. เนอหำทมประโยชน เนอหาเปนสงทส าคญทสดในเวบไซต ดงนนควร จดเตรยมเนอหาและขอมลทผใชตองการใหถกตอง และสมบรณ มการปรบปรงและเพมเตมใหทนเหตการณอยเสมอ เนอหาไมควรซ ากบเวบไซตอน จงจะดงดดความสนใจ 5. ระบบเนวเกชนทใชงำนงำย ตองออกแบบใหผใชเขาใจงายและใชงานสะดวก ใชกราฟกทสอความหมายรวมกบค าอธบายทชดเจน มรปแบบและล าดบของรายการทสม าเสมอ เชน วางไว ต าแหนงเดยวกนของทกหนา 6. ลกษณะทนำสนใจ หนาตาของเวบไซตจะตองมความสมพนธกบคณภาพขององคประกอบ

7

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

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

2.6 โปรแกรมทใชกำรสรำงเวบไซต Macromedia Dreamweaver Microsoft FrontPage HomeSite HotDog Pro GoLive NetObjects Fusion CoffeeCup ฯลฯ

8

2.7 กำรแทรกขอควำม การพมพขอความในเวบเพจจะคลายกบการพมพเอกสารในโปรแกรม Word ถาผพฒนาเคยใช Word ได

กสามารถสรางเวบเพจทเปนขอความไดงาย ขอความสามารถท าเปนจดเชอมโยงได (link 1. พมพขอความทตองการ ลงบนหนาจอ Show Design View 2. ถาตองการจดรปแบบขอความ ใหก าหนดทหนาจอ Properties 3. ตองการด Code ทเปนภาษา HTML คลกไอคอน Show Code View 4. ตองการดผลลพธทาง Browser กดปม F12 บน Keyboard 5. ตองการบนทก (File>Save หรอ Ctrl+S)

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

ดงดดความสนใจใหกบผทเขามาชมเวบแลว ยงสามารถท าเปนจดเชอมโยงได (link) ชนดของรปภาพทนยมน ามาใชประกอบในเวบเพจ คอ .gif หรอ .png-8 เปนภาพทโปรงแสง ภาพชนดนจะมขนาดและจ านวนส 256 ส (8 บท) นอย

กวา .jpg จะมลกษณะทงรปแบบภาพนง และภาพเคลอนไหว แสดงผลบนเวบเพจไดเรวกวา .jpg .jpg หรอ .jpeg เปนภาพทมจ านวนส 16.7 ลานส จะมลกษณะเปนภาพนง หรอเปนการถายภาพ

มาโดยตรงจากกลองดจตอล .png-24 มลกษณะเปนภาพนงทมลกษณะโปรงแสง จะมขนาดและคณภาพ มากกวา .jpg นอกเหนอจากน ยงมรปภาพแบบอนๆ อก เชน .bmp, .pcx ฯลฯ รวมทงไฟลจาก Flash หรอ

Shockwave (.swf ) มาใชกบเวบเพจไดดวย โดยเฉพาะไฟลนามสกล .swf จะท าใหการโหลดเวบเพจไดเรวขน

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

2.9 วธแทรกรปภำพ 1. แทบ Common คลกไอคอน Image หรอ คลกเมน Insert > Image จะปรากฏหนาจอ

Select Image Source ขนมา หลง Look in เลอกพนททเกบรปภาพ แลวคลกเลอกไฟลรปภาพทตองการ หลงจากนนคลกปม OK เวบเพจจะปรากฏรปภาพทเราเลอกแสดงใหเหน

9

2.10 กำรสรำงจดเชอมโยง(Link) เปนการเชอมโยงระหวางหนาเวบเพจหรอระหวางเวบไซต ซงมหนาทในการเปดหนาเวบเพจนนๆ ตามทไดก าหนดไว การเชอมโยงเวบเพจเปนการสงใหเวบเบราเซอรไปท างานทอกเวบเพจหนง หรอไปท างานทเวบไซตอนๆ หรอภายในเวบเพจเดยวกน โดยเราสามารถสรางจดเชอมโยงแบบตางๆ ได ดงน

1. เชอมโยงดวยขอความ 2. เชอมโยงดวยรปภาพ 3. เชอมโยงดวยแผนท 4. เชอมโยงดวยอเมล 5. เชอมโยงไปยงไฟลดาวนโหลด 6. เชอมโยงภายในเวบเพจเดยวกน 1. เชอมโยงภายในเวบไซตเดยวกน 2.เ ชอมโยงไปยงเวบไซตอนๆ

10

บทท 3

วธด ำเนนโครงงำน

โครงงาน “สรางสอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตว” ประกอบดวยการท างานในสวนตาง ๆ มวธด าเนนการ ดงน

1. ประชากรและกลมตวอยาง 2. เครองมอทใชในการศกษา 3. วธด าเนนการ 4. วธการเกบรวบรวมขอมล 5. สถตทใชในการวเคราะหขอมล

3.1 ประชำกรและกลมตวอยำง 3.1.1 ประชากร นกเรยนระดบอนบาลชนปท 1 ภาคเรยนท 2 ปการศกษา 2554 ของโรงเรยน

บานมาบฟกทอง ต.หวยใหญ อ.บางละมง จ.ชลบร

3.1.2 กลมตวอยาง นกเรยนระดบอนบาลชนปท 1 ภาคเรยนท 2 ปการศกษา 2554 ของโรงเรยนบานมาบฟกทอง ต.หวยใหญ อ.บางละมง จ.ชลบร จ านวน 20 คน

3.2 เครองมอทใชในกำรศกษำ

3.2.1 สอการเรยนการสอนสอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตวส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver

3.2.2 แบบสอบถามความพงพอใจผทดลองใช จ านวน 6 ขอ แบบ 5 ระดบ

11

3.3 วธด ำเนนกำร 3.3.1 สรางเวบเพจดวยโปรแกรม Dreamweaver - เปดโปรแกรมเลอกเมน Start>All Program>Adobe Master Collection CS3>Adobe Dreamweaver CS3

รปภาพ 3.1 การเขาสโปรแกรม

- คลกท HTML เพอสรางเอกสารเปลา

รปภาพ 3.2 การสรางเอกสารเปลา

\

12

-ตกแตงพนหลงใหสวยงาม โดยการคลกปม Page Properties…

รปภาพ 3.3 การใสภาพพนหลง

-สรางหนาหลกสอการสอนค าศพทภาษาองกฤษ

รปภาพ 3.4 การสรางหนาหลก

-สรางไฟลใหม คลกขวาเลอก New File

รปภาพ 3.5 การสรางไฟลใหม

13

-สรางสอการสอนค าศพทภาษาองกฤษผลไมและสตว

รปภาพ 3.6 การสรางค าศพทภาษาองกฤษผลไมและสตว

-สรางไฟลใหม โดย คลกขวาเลอก New File อกครง เพอสรางหนาของตวอกษร แอปเปล แลวบนทก

รปภาพ 3.7 การสรางตวอกษร แอปเปล

14

-สรางไฟลใหม โดย คลกขวาเลอก New File อกครง เพอสรางหนาของ ตวอกษร กลวย แลวบนทก

รปภาพ 3.8 การสรางตวอกษร กลวย

-สรางไฟลใหม โดย คลกขวาเลอก New File อกครง เพอสรางหนาของ ตวอกษร แมว แลวบนทก

- รปภาพ 3.9 การสรางตวอกษร แมว -

15

- สรางไฟลใหม โดย คลกขวาเลอก New File อกครง เพอสรางหนาของ ตวอกษร สนข แลวบนทก

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

รปท 3.11 การลงคไฟลหนาหลกไปยงหนาตาง ๆ

16

- จากนนกด F12 เพอ Save และดตวอยาง

รปท 3.12 แสดงการดไฟลผานเวบเบราเซอร

3.3.2 บนทกงำนลงซด -น าแผน CD ใสไปในเครองคอมพวเตอร -จากนนเปดโฟลเดอรโครงงานสรางสอการสอนพยญชนะไทย -คลกขวาทโฟลเดอรโครงงานสรางสอการสอนพยญชนะไทย -เลอก สงไปยง>>ซดไดรฟ เครองคอมพวเตอรจะท าการไดรฟขอมลลงแผนซด

รปท 3.11 การบนทกงานลงซด

17

3.4 วธกำรใชงำนและเกบรวบรวมขอมล 3.4.1 ผจดท าไดน าผลงานไปให นกเรยนระดบอนบาลชนปท 1 ภาคเรยนท 2 ปการศกษา 2554

ของโรงเรยนบานมาบฟกทอง จ านวน 20 คน ทดลองใชเปนระยะเวลา 1 สปดาห จากนนไดบนทกขอมลผลการใชงาน 3.4.2 ผจดท าไดแจกแบบสอบถามความพงพอใจ ให นกเรยนระดบอนบาลชนปท 1 ภาคเรยนท 2 ปการศกษา 2554 ของโรงเรยนบานมาบฟกทอง จ านวน 20 คน และเกบรวมรวมแบบสอบถาม 3.5. สถตทใชในกำรวเครำะหขอมล

ในการศกษาคนควาครงนผรายงานไดท าการวเคราะหขอมลและไดใชสถตในการวเคราะหขอมลดงน

1.คารอยละ โดยใชสตรดงน

รอยละ = N

X x 100

เมอ X แทน จ านวนผกรอกแบบสอบถาม เมอ N แทน จ านวนผกรอกแบบสอบถามทงหมด

2.คาคะแนนเฉลย โดยใชสตรดงน

คะแนนเฉลย = N

x

เมอ x แทน ผลรวมของคะแนนทกตว N แทน จ านวนผกรอกแบบสอบถามทน ามาวเคราะห

3. สวนเบยงเบนมาตรฐาน ใชสตรดงน

S.D. = )1(

)( 22

NN

XXN

เมอ S.D. แทน สวนเบยงเบนมาตรฐาน x แทน ผลรวมของคะแนนทกตว 2x แทน ผลรวมของคะแนนแตละตวยกก าลงสอง N แทน จ านวนผกรอกแบบสอบถามทน ามาวเคราะห

18

บทท 4

ผลกำรวเครำะหขอมล

การจดท าโครงงาน “สรางสอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตว” ส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver ผจดท าไดทดสอบใชสอการสอน และส ารวจความพงพอใจตอสอการสอน ดงน 4.1 ผลกำรวเครำะหขอมลดำนกำรทดลองใช ผลการทดลองใชสอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตว อยในระดบด ผจดท าไดยกตวอยางบทเรยนดงน

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

19

รปท 4.2 แสดงตวอยางงานหนาท 2 4.2 ควำมพงพอใจ

แบบสอบถำมควำมพงพอใจ โครงงาน “สรางสอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตว”

ส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver ค ำชแจง กรณาท าเครองหมาย ✓ลงในชองทความพงพอใจในชองทเหนวาเหมาะสมทสด

เพศ : ชาย หญง

เกณฑกำรประเมน 5 ดทสด 4 ดมำก 3 ปำนกลำง 2 นอย 1 นอยทสด

ล ำดบท

กจกรรม ระดบควำมพงพอใจ

5 4 3 2 1 1 สสนสวยงาม 2 เขาใจงาย 3 ความเหมาะสมของสอการเรยนการสอน 4 เรยนรไดเรว 5 ความสะดวกส าหรบอาจารยผสอน 6 สะดวกในการเกบรกษา

ขอเสนอแนะ ....................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

20

จากการส ารวจความพงพอใจของ นกเรยนระดบอนบาลชนปท 1 ภาคเรยนท 2 ปการศกษา 2554 ของโรงเรยนบานมาบฟกทอง จ านวน 20 คน ทมตอ โครงงาน “สรางสอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตว” ส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver ตำรำงท 1 รอยละของผประเมนความพงพอใจแยกตามเพศ

เพศ ชำย หญง จ านวนผกรอกแบบสอบถาม

7 13

คดเปนรอยละ 35.00 65.00 ตอนท 2 ตารางแสดงผลการประเมนความพงพอใจของครผสอนภาษาองกฤษโรงเรยนบานมาบฟกทองทมตอสอการสอนค าศพทภาษาองกฤษผลไมและสตว

ล าดบท รายละเอยดการประเมน N = 20

แปลผล X SD.

1 มสสนสวยงาม 4.65 0.49 มาก

2 เขาใจงาย 4.65 0.49 มาก

3 ความเหมาะสมของสอการเรยนการสอน 3.75 0.44 มาก

4 ผเรยนสามารถรบรไดเรวขน 3.65 0.49 มาก

5 ความสะดวกในการใชส าหรบอาจารยผสอน 3.80 0.70 มาก

6 ความสะดวกในการเกบรกษา 4.65 0.49 มาก

เฉลย 4.19 0.69 มาก

จำกตำรำงท 2 เมอพจารณาจากคาเฉลยพบวา ผตอบแบบสอบถามมความพงพอใจตอความสะดวกส าหรบอาจารยผสอนมคาเฉลย ( X ) สงสดเทากบ 4.65 อยในระดบมากทสด และเมอพจารณาจากคาเฉลยรวมพบวา ผเขารวมโครงงานพงพอใจตอความสะดวกในการเกบรกษา สสนสวยงาม สดวกในการใชงาน มควมหมาะสม เรยนรไดเรว อยในระดบมาก

21

บทท 5

สรปผลและขอเสนอแนะ

การจดท าโครงงาน “สรางสอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตว” ส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver” ผจดท าไดสรปผลและมขอเสนอแนะ ดงน 5.1 สรปผล การจดท าโครงงาน“สรางสอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตว”ส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver สรปผลได ดงน วตถประสงค 1. เพอสรางสอการสอนค าศพทภาษาองกฤษ ผลไมและสตว ส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver 2. เพอน าสอการสอนทพฒนาขนไปใชเปนตวชวยในการสอนใหกบครผสอน 3. เพอนกเรยนอนบาลไดฝกพฒนาสมองในการด การฟง และการออกเสยงตาม สอการสอนของนกเรยนระดบชนอนบาล

ประชำกร ประชากร นกเรยนระดบอนบาลชนปท 1 ภาคเรยนท 2 ปการศกษา 2554

ของโรงเรยนบานมาบฟกทอง ต.หวยใหญ อ.บางละมง จ.ชลบร กลมตวอยำง กลมตวอยาง นกเรยนระดบอนบาลชนปท 1 ภาคเรยนท 2 ปการศกษา 2554 ของโรงเรยนบานมาบฟกทอง ต.หวยใหญ อ.บางละมง จ.ชลบร จ านวน 20 คน

เครองมอทใชในกำรศกษำ 1. สอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตวส าหรบเดกระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver

2. แบบสอบถามความพงพอใจผทดลองใช จ านวน 6 ขอ แบบ 5 ระดบ

22

ผลกำรวเครำะหขอมลพบวำ พบวา ผตอบแบบสอบถามมความพงพอใจตอความสะดวกส าหรบอาจารยผสอนมคาเฉลย

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

5.2 อภปรำยผล

ปญหำและอปสรรค จากการท าลองและการน าไปใชงาน โครงงาน“สรางสอการเรยนการสอนค าศพทภาษาองกฤษผลไมและสตว”ส าหรบเดกระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver มการท างานอยในเกณฑด แตมขอบกพรองบางสวนคอ 1. ตวอกษรมขนาดเลก 2. รปภาพบางรปมองไมเหน

แนวทำงกำรแกไขปญหำ 1. เลอกขนาดตวอกษรใหเหมาะสม 2. ใสรปและบนทกใหม 5.3 ขอเสนอแนะ

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

23

บรรณำนกรม

http://dek-mo.blogspot.com/2010/09/photoshop.html http://www.thaigoodview.com/library/contest2552/type2/tech04/47/page/1_introduce.html http://www.chaiwbi.com/0drem/unit01/151.html http://www.thaigoodview.com/node/41868

24

ภำคผนวก ก ตวอยำงชนงำน

25

ตวอยำงชนงำน

26

ภำคผนวก ข ขนตอนกำรสรำงและทดลองใชชนงำน

27

ขนตอนกำรสรำงชนงำน

ขนตอนกำรทดลองใชชนงำน

28

ภำคผนวก ค คมอกำรใชชนงำน

29

คมอกำรใชชนงำน 1.ใสแผนซดสอการสอน 2.เปดสอการสอนโดยเปดท My Computer คลกท DVD Rw Drive (E.)

3.ดบเบลคลก โฟลเดอรสอการสอนค าศพทภาษาองกฤษผลไมและสตว 4.ดบเบลคลกเปดไฟล หนาหลก สญลกษณตว e 5.จะปรากฏหนาตางสอการสอนค าศพทภาษาองกฤษผลไมและสตว 6.คลกเลอกบทเรยนทตองการ 7.ปดโปรแกรมโดยการคลกปม X ทมมขวาดานซายของโปรแกรม

30

ภำคผนวก ง แบบสอบถำมควำมพงพอใจ

31

ภำคผนวก จ บนทกขอควำมขออนญำตตำง ๆ

32

แบบเสนอโครงงำน ชอโครงงำน สรางสอการสอนค าศพทภาษาองกฤษผลไมและสตว ชอผจดท ำโครงงำน 1. นางสาวศรณยพร เจรญพร ชออำจำรยทปรกษำ อาจารยกาญจนา ประสานยทธ 2.1 หลกกำรและเหตผล ในปจจบนเทคโนโลยคอมพวเตอรและการสอสารทมความเจรญกาวหนาและทนสมยไดเขามามสวนรวมในการเรยนร เขามามบทบาทในชวตประจ าวนของมนษยมากยงขน แหลงความรมหลากหลายใหเราไดเลอกใชในการศกษาคนควาหาขอมล เชน หองสมด หนงสอ หนงสอพมพ บรรณานกรม อนเตอรเนตและคอมพวเตอร เอาไวใชคนควาหาขอมล หาควมรเพมเตมและน ามาศกษาเลาเรยนคอมพวเตอรยงมความส าคญตอองคกร บรท หางราน และสถานศกษาไดเปนอยางด และสถานศกษาจงไดน าเอาคอมพวเตอรมาจดท าในรปแบบของสอการสอนใหกบนกเรยนอนบาลไดศกษาเลาเรยน สอการสอนค าศพทภาษาองกฤษผลไมและสตว เปนสอการสอนใหกบเดกอนบาลไดมารจกกบค าศพทภาษาองกฤษ เพอใหนกเรยนอนบาลไดฝกพฒนาสมองในการมองเหนรปภาพ จดจ า และฟงเสยง ท าใหเดกอนบาลจดจ ารปภาพและฝกการออกเสยงตาม ค าศพททน ามาใชตองมรปภาพและตวอกษรทมสสนสวยงามท าใหเดกอนบาลเกดแรงจงใจในการเรยนใหกบเดกอนบาลไดเปนอยางด เดกอนบาลจะเกดความสนกสนานกบการเรยน การจดท าสอการเรยนการสอนโดยใชโปรแกรม Macromedia Dreamweaver สามารถสรางรหสค าสงใหกบผใชโดยอตโนมต ซงผใชไมจ าเปนตองมความรดานของภาษา HTML เนองจากโปรแกรม Macromedia Dreamweaver นน จะมลกษณะการท างานทคลาย ๆ กบโปรแกรมพมพเอกสาร ทเราเคยใชและรจกกนด ซงจะมเครองมอและแถบค าสงใหเราเลอกใชไดเหมอนกบ Word Processor รวมถงฟงกชน ทท าใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอ และองคประกอบอน ๆ ภายในเวบเพจไดอยางสวยงาม ตามทผใชตองการ จงชวยใหสามารถสรางเวบเพจดวยความสะดวกและรวดเรวจดเดนของโปรแกรม ผใชไมจ าเปนตองศกษาภาษา HTML มากอน กสามารถสรางเอกสารเวบได เพราะตวโปรแกรมมฟงกชนการท างานแบบ HTML Generator ท าใหไดภาพเคลอนไหวบนเบราเซอร 4.0 โดยไมตองอาศย Plugin ใดๆปมควบคมการท างาน ไดจดแบงเปนหมวดหม ชวยใหการสงงานกระท าไดสะดวก และรวดเรวสรางภาพเคลอนไหว (Animation) โดยใชรปแบบของ Macromedia Director ดวยคณสมบต Animate Netscape และ CSS-P Layers

33

จากความส าคญดงกลาวขางตน จงไดจดท าโครงการสรางสอการสอนค าศพทภาษาองกฤษ ผลไมและสตว ส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver ขนเพอสรางสอการสอนทมประโยชนใหกบนกเรยนอนบาลไดฝกพฒนาสมองในการด การฟง และการออกเสยงตามและสอการสอนนยงเปนตวชวยในการสอนใหกบครผสอนอกดวย 2.2วตถประสงคของโครงงำน 1.2.1 เพอสรางสอการสอนทมประโยชนใหกบนกเรยนอนบาล 1.2.2 เพอใชสอนกเรยนอนบาลไดฝกพฒนาสมองในการด การฟง และการออกเสยงตาม 2.3 ขอบเขตของโครงงำน 1.3.1 สรางสอการสอนค าศพทภาษาองกฤษผลไมและสตวส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver 1.3.2 แบบสอบถามความพงพอใจ 1.3.3 แผนซดสอการเรยนการสอนวชาการใชโปรแกรมฐานขอมล 2.4วธด ำเนนกำร 1.4.1 ศกษาหวขอโครงงาน 1.4.2 ขออนมตโครงงาน 1.4.3 ออกแบบการสรางชนงาน 1.4.4 จดท าสอการเรยนการสอน 1.4.5 จดท าคมอ/เอกสารประกอบโครงงาน

34

ตำรำงกำรด ำเนนงำน

ขนตอนกำรท ำงำน ระยะเวลำด ำเนนกำร (สปดำห)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ขนเตรยมกำร

-คนควาขอมล -ศกษาโครงงาน -เสนอโครงงาน

ขนด ำเนนงำน -ออกแบบสอการสอน -จดเตรยมอปกรณ -จดท าสอการสอน -ทดสอบ/ทดลอง/บนทกผล

ขนสรปและประเมนผล -น าเสนอโครงงาน -ประเมนผล

1.5 ประโยชนทคำดวำจะไดรบจำกโครงงำน 1.5.1 ไดความรเรอง ค าศพทภาษาองกฤษผลไมและสตว 1.5.2 ไดความรเรอง โปรแกรม Macromedia Dreamweaver 1.5.3 อาจารย/นกเรยน สามารถใชเปนสอการเรยนการสอนได 1.6 เครองมอและอปกรณ 1.6.1 โปรแกรม Macromedia Dreamweaver 1.6.2 แผน CD/DVD 1.6.3 หมกพมพงาน

35

1.7 งบประมำณ

ล ำดบ รำยกำร จ ำนวน รำคำตอหนวย รำคำรวม

1 แผน CD/DVD 10 10 100

2 กระดาษ A4 1 100 100

3 หมกสด า-หมหส 1 600 1,200

รวม 1,400

( หนงพนสรอยบำนถวน)

1.8 ควำมคดเหนของอำจำรยทปรกษำ................................................................................................. ............................................................................................................................................................. ...................................... อาจารยทปรกษาโครงงาน (....................................)

1.9 ควำมคดเหนของคณะกรรมกำร

อนมต ไมอนมต ขอเสนอแนะ.......................................................................................................................... ............................................................................................................................................................ ...................................... กรรมการ ...................................... กรรมการ (....................................) (....................................)

36

แบบประเมนโครงกำร ชอโครงงำน สอการสอนค าศพทภาษาองกฤษผลไมและสตว ชอผท ำโครงงำน 1. นางสาวศรณยพร เจรญพร ชอผประเมนโครงงำน อาจารยกาญจนา ประสานยทธ ใหวงกลมลอมรอบคะแนนททำนเหนวำเหมำะสมในตำรำง

รำยกำรพจำรณำ ดเยยม ด ปำนกลำง

พอใช ตองแกไข

1.ความรความเขาใจในเรองทท า 10 9 8 7 6 5 4 3 2 1 2.การใชวธการหรอเทคนคในการท า 10 9 8 7 6 5 4 3 2 1 3.การเขยนรายงาน การน าเสนอโครงงาน 10 9 8 7 6 5 4 3 2 1 4.ความคดรเรมสรางสรรค 10 9 8 7 6 5 4 3 2 1 รวม

รวมทงหมด คะแนน กำรแปลควำมหมำยของคะแนนทได 36-40 ดเยยม 28-35 ด 20-27 ปานกลาง 12-19 พอใช 4-11 ตองแกไข

ผลการประเมนได ....................... คะแนน อยในระดบ ................................

...................................... ผประเมนโครงงาน (.................................

37

ภำคผนวก ฉ ประวตผจดท ำ

38

ประวตผจดท ำ

ชอ – สกล นางสาวศรณยพร เจรญพร ชอเรอง “สรางสอการสอนค าศพทภาษาองกฤษผลไมและสตว” สาขาวชา คอมพวเตอรธรกจ ประวตสวนตว วน/เดอน/ป เกด 13 กมภาพนธ 2534 อาย 20 ป ทอยปจจบน 73/2 หมท 6 ต.หนองปรอ อ.บางละมง จ.ชลบร 20150 ประวตกำรศกษำ ประถมศกษา ป.6 โรงเรยนวดสทธาวาส มธยมศกษา ม.3 โรงเรยนวดสทธาวาส ประกาศนยบตรวชาชพ ปวช. สาขางาน คอมพวเตอรธรกจ

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

วทยาลยเทคโนโลยพณชยการสตหบ

39

เอกสำรประกอบโครงงำน

สรำงสอกำรสอนค ำศพทภำษำองกฤษผลไมและสตว

ผจดท ำ

นำงสำวศรณยพร เจรญพร

ประกำศนยบตรวชำชพชนสง ประเภทวชำ บรหำรธรกจ สำขำวชำ คอมพวเตอรธรกจ

อำจำรยทปรกษำโครงงำน

อำจำรยกำญจนำ ประสำนยทธ

โครงงำนนเปนสวนหนงของกำรศกษำตำมหลกสตร ปกำรศกษำ 2554 วทยำลยเทคโนโลยพณชยกำรสตหบ

40

เอกสารประกอบโครงงาน

สรางสอการสอนค าศพทภาษาองกฤษผลไมและสตว

ผจดท า

นางสาวศรณยพร เจรญพร

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

อาจารยทปรกษาโครงงาน

อาจารยกาญจนา ประสานยทธ

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

41

ใบรบรองโครงงำน

สาขาวชา คอมพวเตอรธรกจ. วทยาลยเทคโนโลยพณชยการสตหบ โครงงานเรอง สรางสอการสอนค าศพทภาษาองกฤษผลไมและสตว ผจดท า 1.นางสาวศรณยพร เจรญพร รหส 3575

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

.........................................อาจารยทปรกษาโครงการ .............................................. (นางสาวกาญจนา ประสานยทธ) (นางสาวปยานช เสอสนวล)

รองผอ านวยการฝายบรหาร .........................................กรรมการ โรงเรยนเทคนคพณชยการสตหบ (นายสมชาย จกแกว) .........................................กรรมการ (นางสาววงเดอน อยคง)

42

ชอโครงงาน สรางสอการสอนค าศพทภาษาองกฤษผลไมและสตว ผจดท า 1.นางสาวศรณยพร เจรญพร หลกสตร ประกาศนยบตรวชาชพชนสง ปการศกษา 2554 ทปรกษาโครงงาน 1.อาจารยกาญจนา ประสานยทธ

บทคดยอ

การจดท าโครงงานวชาชพครงน มวตถประสงเพอ 1. เพอสรางสอการสอนทมประโยชนใหกบนกเรยนอนบาล 2. เพอใชสอการสอนนเปนตวชวยในการสอนใหกบครผสอน 3. เพอใหนกเรยนอนบาลไดฝกพฒนาสมองในการด การฟง และการออกเสยงตาม กลมตวอยาง ทใชในการศกษา คอ ครผสอนภาษาองกฤษ โรงเรยนบานมาบฟกทอง จ านวน 20 คน) โดยใชวธ ประเมนความพงพอใจตอ โครงงาน “ สรางสอการสอนค าศพทภาษาองกฤษผลไมและสตว” ผลการวเคราะหขอมลพบวา ผตอบแบบสอบถามมความพงพอใจตอความสะดวกส าหรบอาจารยผสอนมคาเฉลย ( X ) สงสดเทากบ 4.65 อยในระดบมากทสด และเมอพจารณาจากคาเฉลยรวมพบวา ผเขารวมโครงงานพงพอใจตอโครงงานอยในระดบมาก

( ค )

43

กตตกรรมประกำศ

โครงงานวชาชพ เรอง สรางสอการสอนค าศพทภาษาองกฤษผลไมและสตวส าหรบนกเรยนระดบชนอนบาลโดยใชโปรแกรม Macromedia Dreamweaver ส าเรจลลวง ไดดวยความกรณาของอาจารยทปรกษาโครงงานไดแกอาจารยกาญจนา ประสานยทธและอาจารยในหมวดวชาคอมพวเตอร ทใหค าปรกษาแนะน าในการศกษาคนควา แนะน าขนตอนและวธจดท าโครงงานวชาชพจนส าเรจลลวงดวยด ผจดท าจงขอกราบขอบพระคณเปนอยางสงไว ณ โอกาสน ขอกราบขอบพระคณนางก าไร จนพวง ทใหความอนเคราะหดานงบประมาณตลอดจนไดใหค าปรกษา แนะน าการจดท าโครงงาน จนประสบผลส าเรจ ขอกราบขอบพระคณ บดา มารดา ทใหก าลงใจในการศกษาเลาเรยน และเพอนนกเรยนนกศกษาในโรงเรยน ทใหความรวมมอกนเปนอยางดในการท าโครงงานวชาชพจนกระทงประสบผลส าเรจดวยด นางสาวศรณยพร เจรญพร

( ง )

44

สำรบญ

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

2.6 โปรแกรมทใชการสรางเวบไซต 8 2.7 การแทรกขอความ 9 2.8 การแทรกรปภาพ 9 2.9 วธแทรกรปภาพ 9

2.10 การสรางจดเชอมโยง(Link) 10

( จ )

45

บทท 3 วธด าเนนโครงงาน 3.1 ประชากรและกลมตวอยาง 11 3.2 เครองมอทใชในการศกษา 11

3.3 วธด ำเนนกำร 12

3.4 วธการใชงานและเกบรวบรวมขอมล 18 3.5 สถตทใชในการวเคราะหขอมล 19

บทท 4 ผลการวเคราะหขอมล 4.1 ผลการวเคราะหขอมลดานการทดลองใช 20 4.2 ความพงพอใจของผใช 22

บทท 5 สรปและขอเสนอแนะ 5.1 สรปผลการศกษา 24 5.2 อภปรายผล 25 5.3 ขอเสนอแนะ 25

บรรณานกรม ภาคผนวก ก ตวอยางชนงาน ภาคผนวก ข ขนตอนการสรางและทดลองใชชนงาน ภาคผนวก ค คมอการใชชนงาน ภาคผนวก ง แบบสอบถามความพงพอใจ ภาคผนวก จ หนงสอขออนญาตตาง ๆ ภาคผนวก ฉ ประวตผจดท า

(ฉ)