รายงาน

เรอง โครงงานสอการเรยนรอเลกทรอนกส (E-book) : โปรแกรม Adobe Photoshop CC เพอการออกแบบโปสเตอร

วชาโครงงานเทคโนโลยการศกษา : การศกษาอสระ

โดย

นาย นฤวร จตรจรญ รหส 55540139

สาขาเทคโนโลยการศกษา คณะศกษาศาสตร

มหาวทยาลยบรพา

เสนอ

ดร.ภเบศ เลอมใส

ค าน า

ระบบสารสนเทศมความส าคญและความจ าเปนอยางยงในการศกษาคนหาขอมลตาง ๆ ความกาวหนาของเทคโนโลยท าใหจ าเปนตองเรยนรเพอใหกาวทนกบความเปลยนแปลง ทเกดขน สามารถน าเทคโนโลยนนมาประยกตใชใหเปนประโยชนในชวตประจ าวน โดยเฉพาะดานการศกษา ทสงผลใหน าเทคโนโลยมาใชใหมประสทธภาพและประสทธผล หนงสออเลกทรอนกส (e-Book) เกดจากความกาวหนาของเทคโนโลย พฒนาเอกสารใหอยในรปสออเลกทรอนกส เปนการใหความรแกคนทสนใจอกชองทางหนง สงเสรมใหเขาถงการเรยนรอยางสะดวก รวดเรว ตามความตองการและศกยภาพของแตละบคคลมคณลกษณะส าคญทชวยกระตนใหเกดความใฝรใฝเรยน สนกสนาน จากภาพ เสยง ภาพเคลอนไหว หวงเปนอยางยงวาเอกสารคมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro เลมนจะเปนประโยชนคนทสนใจ ในการพฒนาสอเอกสารเปนหนงสออเลกทรอนกสเพอสรางสงคมแหงการเรยนรอยางตอเนองตลอดชวต

ผจดท า

นฤวร จตรจรญ รหส 55540139

บทท 1

โครงการ “การพฒนาหนงสออเลกทรอนกส (e-book) เพอการศกษา”

ผรบผดชอบโครงการ นาย นฤวร จตรจรญ รหสนสต 55540139 คณะศกษาศาสตร สาขาเทคโนโลย

การศกษา มหาวทยาลยบรพา

ทปรกษาโครงการ

อาจารย ดร. ภเบศ เลอมใส

ทมาและความส าคญของโครงงาน

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

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

วตถประสงค

เพอใหผเรยนพฒนาความรความสามารถในการใชโปรแกรม Adobe Photoshop CC และสรางสรรค

ผลงานอยางมประสทธภาพ

ขอบขายของโครงงาน

- โครงงานพฒนาสออเลกทรอนกส Adobe Photoshop CC เพอการออกแบบงานโปสเตอร

- วสด อปกรณเครองมอหรอโปรแกรมทใช ไดแก

- หนงสอ Photoshop CC Professional Guide ฉบบสมบรณ

- หนงสอ Photoshop Compositing Secrets

- โปรแกรม Adobe Photoshop CC

- โปรแกรม Flip album 6.0

- เวบไซตทใชในการศกษาคนควา www.youtube.com , www.google.com

ผลทคาดวาจะไดรบ

- ผเรยนสามารถจ าเครองมอตางๆภายในโปรแกรม Adobe Photoshop CC และน าไปใชได

- ผเรยนสามารถใชโปรแกรม Adobe Photoshop CC ในการสรางสรรคผลงานอยางมประสทธภาพ ได

บทท2

เอกสารทเกยวของ

ในการจดท าโครงงานพฒนาสออเลกทรอนกส Adobe Photoshop CC เพอการออกแบบงานโปสเตอร

ผจดท าไดศกษาจากอนเตอรเนตและเอกสารตางๆ ทเกยวของดงตอไปน

1. หนงสอ Photoshop CC Professional Guide ฉบบสมบรณ

2. หนงสอ Photoshop Compositing Secrets

3. หลกการออกแบบโปสเตอร

4. การหาคาประสทธภาพสอการสอน

5. ภาพในการใชสรางสรรคผลงาน ( www.google.com )

1. Electronic Book ( e-Book )

หมายถงหนงสอทสรางขนดวยโปรแกรมคอมพวเตอร มลกษณะเปนเอกสารอเลกทรอนกส โดย

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

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

เวบไซตตาง ๆ ตลอดจนมปฏสมพนธและโตตอบกบผเรยนได นอกจากนนหนงสออเลกทรอนกสสามารถ

แทรกภาพ เสยง ภาพเคลอนไหว แบบทดสอบ และสามารถสงพมพเอกสารทตองการออกทางเครองพมพได

อกประการหนงทส าคญกคอ หนงสออเลกทรอนกสสามารถปรบปรงใหทนสมยไดตลอดเวลา ซงคณสมบต

เหลานจะไมมในหนงสอธรรมดาทวไป

1.1ขอดของ e-Book

1. อานทไหน เมอไหร ไดตลอดเวลา เนองจากพกไปไดตลอดและไดจ านวนมาก

2. ประหยดการตดไมท าลายปา เพราะไมตองตดไมมาท ากระดาษ

3. เกบรกษาไดงาย ประหยดเนอทในการจดเกบ ประหยดคาเกบรกษา

4. คนหาขอความได ยกเวนวาอยในลกษณะของภาพ

5. ใชพนทนอยในการจดเกบ (cd 1 แผนสามารถเกบ e-Book ไดประมาณ 500 เลม)

6. อานไดในทมด หรอแสงนอย

7. ท าส าเนาไดงาย

8. จ าหนายไดในราคาถกกวาในรปแบบหนงสอ

9. อานไดไมจ ากดจ านวนครง เพราะไมยบหรอเสยหายเหมอนกระดาษ

10. สะดวกสบาย ไมตองเดนทาง แคคลกเดยวกสามารถเลอกอานหนงสอทตองการไดทนท

11. เปนสวนหนงในการรกษาธรรมชาต โดยลดการใชกระดาษกบ True e-Book

1.2 ขอเสยของ e-Book

1. ตองอาศยพลงงานในการอานตลอดเวลา ไมวาจะเปนไฟฟาหรอแบตเตอรร

2. เสยสขภาพสายตา จากการไดรบแสงจากอปกรณอเลคทรอนกส

3. ขาดความรสก หรออรรถรส หรอความคลาสสค

4. อาจเกดปญหากบการ ลง hardware หรอ software ใหมหรอแทนทอนเกา

5. ตองมการดแลไฟลใหด ไมใหเสยหรอสญหาย

6. การอานอาจเกดอนตรายตอสายตา

7. เกดการละเมดลขสทธไดงาย

8. ไมเหมาะกบบาง format เชน รปวาด รปถาย แผนทใหญ เปนตน

1.3 ประโยชนของ e-Book

1.3.1 ส าหรบผอาน

1. ขนตอนงายในการอาน และคนหาหนงสอ

2. ไมเปลองเนอทในการเกบหนงสอ

3. อานหนงสอไดจากทกททมการเชอมตออนเตอรเนต

1.3.2 ส าหรบหองสมด

1. สะดวกในการใหบรการหนงสอ

2. ไมตองใชสถานทมากในการจดเกบหนงสอ และไมเสยคาใชจายในสวนน

3. ลดงานทเกดจากการซอม จดเกบ และการจดเรยงหนงสอ

4. ไมเสยคาใชจายในการจางพนกงานมาดแลและซอมแซมหนงสอ

5. มรายงานแสดงการเขามาอานหนงสอ

1.3.3 ส าหรบส านกพมพและผเขยน

1. ลดขนตอนในการจดท าหนงสอ

2. ลดคาใชจายและความเสยงในการจดพมพหนงสอ

3. ลดคาใชจายในการจดจ าหนายผานชองทางอนๆ

4. เพมชองทางในการจ าหนายหนงสอ

5. เพมชองทางในการประชาสมพนธตรงถงผอาน

1.4 ขอจ ากดของ E-book

เนองจากอาจเกดปญหากบการ ลง Hardware หรอ Software ใหมหรอแทนทอนเกา ดงนนจงตอง

มโปรแกรมและเครองมอในการอน คอ Hardware ประเภทเครองคอมพวเตอร หรออปกรณอเลกทรอนกส

พกพาอนๆ พรอมทงระบบตดตงระบบปฏบตการหรอ Software ทใชอานขอความตางๆ ตวอยางเชน

Organizer แบบพกพา Pocket PC หรอ PDA เปนตน การดงขอมล E-Book ซงจะอยบนเวบไซตท

ใหบรการทางดานนมาอาน กจะใชวธการ Download ผานทางอนเตอรเนตเสยเปนสวนใหญ อยางไรกตาม

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

นนเอง ซงตองมการแกปญหาดวยการน า Software บางตวมาชวยส าหรบ Software ทใชงานกบ E-Book ใน

ปจจบนมสองประเภทคอ Software ทใชอานขอมลจาก E-Book และ Software ทใชเขยนขอมลออกมาเปน

E-Book นอกจากนผใชตองมการดแลไฟลใหด ไมใหเสยหรอสญหาย ค านงเสมอวาการอานอาจเกด

อนตรายตอสายตา E-Bookน ไมเหมาะกบบาง format เชน รปวาด รปถาย แผนทใหญ เปนตน

อางองจาก:

http://www.srb1.go.th/anuban/e_book/meanebook.htm

http://www.oknation.net/blog/freeday888/2009/08/25/entry-1

http://www.learners.in.th/blogs/posts/310259

2. คมอการใชงานโปรแกรม Flip Album เพอ สรางสอหนงสออเลกทรอนกส (e-book) เรอง

Adobe Photoshop CC เพอการออกแบบงานโปสเตอร

แนะน าเครองมอตางๆในโปรแกรม Adobe Photoshop CC

1. กลมเครองมอการเลอก (Selection) ประกอบดวย

Marquee ใชส าหรบเลอกพนทบนภาพเปนรปสเหลยม วงกลม วงร หรอเลอกเปนแถว คอลมนขนาด 1 พเซล

Move ใชส าหรบยายพนททเลอกไวของภาพ หรอยายภาพในเลเยอรหรอยาย เสนไกด

Lasso ใชเลอกพนทบนภาพเปนแนวเขตแบบอสระ

Magic Wand ใชเลอกพนทดวยวธระบายบนภาพ หรอเลอกจากสทใกลเคยงกน

Crop ใชตดขอบภาพ

Slice ใชตดแบงภาพเพอบนทกไฟลภาพยอย ๆ ทเรยกวาสไลซ (Slice)

ส าหรบน าไปสรางเวบเพจ

2. กลมเครองมอการแกไข (Edit) ประกอบดวย

Healing Brush ใชตกแตงลบรอยต าหนในภาพ

Clone Stamp ใชท าส าเนาภาพ โดยกอปปภาพจากบรเวณอนมาระบาย หรอ ระบายดวยลวดลาย

History Brush ใชระบายภาพดวยภาพของขนตอนเดมทผานมา หรอภาพของสถานะ เดมทบนทกไว

Eraser ใชลบภาพบางสวนทไมตองการ

Gradient ใชเตมสแบบไลระดบโทนสหรอความทบ

Blur ใชระบายภาพใหเบลอ

Brush ใชระบายลงบนภาพ

Dodge ใชระบายเพอใหภาพสวางขนหรอมดลง

3. กลมเครองมอการสราง (Create) ประกอบดวย

Pen ใชวาดเสนพาธ (Path)

Horizontal

Type ใชพมพตวอกษรหรอขอความลงบนภาพ

Path Selection ใชเลอกและปรบแตงรปทรงของเสนพาธ

Rectangle ใชวาดรปทรงเรขาคณตหรอรปทรงส าเรจรป

4. กล มเครองมอมมมอง (View) ประกอบดวย

Notes ใชบนทกหมายเหตก ากบภาพทเปนขอความหรอเสยง

Eyedropper ใชเลอกสจากสตาง ๆ บนภาพ

Hand ใชเลอนดสวนตาง ๆ ของภาพ

Zoom ใชยอหรอขยายมมมองภาพ

5. กลมเครองมอเลอกส (Color) ประกอบดวย

Set Foreground Color, Set Background Color ใชส าหรบก าหนดส

Foreground Color และ Background Color

สอวดทศนการใชงานของโปรแกรม Adobe Photoshop

วดโอการใชงานและตกแตงภาพดวยเลเยอร

วดโอการตดตอภาพ

วดโอปรบแตงความสวางและสของภาพ

สอวดทศนการใชงานของโปรแกรม Adobe Photoshop

วดโอการบบตดและปรบปรงรปทรงของภาพ

วดโอท างานกบขอความตวอกษร

วดโอสรางงานกราฟกดวย Filter สอวดทศนการใชงานของโปรแกรม Adobe Photoshop

สาธตการสรางโปสเตอรฉบบสมบรณ

3. การออกแบบโปสเตอร

โปสเตอร (poster) คอภาพขนาดใหญพมพบนกระดาษ ออกแบบเพอใชตดหรอแขวนบนผนงหรอ

ก าแพง โปสเตอรอาจจะเปนภาพพมพและ/หรอภาพเขยนหรออาจจะเปนอยางใดอยางหนงโดยเฉพาะ

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

มกจะใชในการเผยแพรเพอการประชาสมพนธ โดยเฉพาะการโฆษณางานแสดงศลปะ, งานดนตร หรอ

ภาพยนตร, การโฆษณาชวนเชอ, หรอในการสอสารทตองการสอสารความเชอตอคนกลมใหญ

โปสเตอร (Poster) เปนสอสงพมพทมบทบาทตอการประชาสมพนธมากสอหนง ทงนเพราะ-

โปสเตอรเปนสอทสามารถเผยแพรไดสะดวกกวางขวาง สามารถเขาถงกลมเปาหมายไดทกพนท สอสาร

กบผบรโภคไดทกเพศ ทกวย ทกระดบการศกษา มความยดหยนในตวของสอเปนอยางด

โปสเตอร (Poster) ทน ามาใชในการประชาสมพนธ มจดประสงคเพอบอกกลาว เผยแพรใหผดม

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

ทางการสรางภาพพจนขององคกร ใหเปนทยอมรบเกดความฝงใจเชอถอและศรทธา นอกจากนยงมการใช

เพอย าเตอนใจกลมประชาชนเปาหมายดวย

วตถประสงคของการใชโปสเตอรเพอการประชาสมพนธ

1. เพอบอกกลาวหรอใหค าแนะน า เกยวกบเรองใดเรองหนง

2. เพอเชญชวนกลมเปาหมาย ใหเขารวมกจกรรมทองคกรจดขน

3. เพอโนมนาวใจกลมเปาหมายใหเหนคลอยตาม

4. เพอปลกเรา ใหกลมเปาหมาย ตระหนกถงประเดนใดประเดนหนง

5. เพอย าเตอน กลมเปาหมายใหระลกถงเรองใดเรองหนง

6. เพอสรางความจดจ า ใหเกดขน

7. เพอใหความรในสาระอนเปนประโยชนแกกลมเปาหมาย ไดใชเปนแนวปฏบต

องคประกอบของโปสเตอร

1. พาดหว(Headline)

พาดหวหรอหวเรอง เปนสงทส าคญของโปสเตอร เพราะชวย ดงดดความสนใจ หรอ ตดตามด

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

ภาพและขอความกได แตสวนมากจะใช ขอความทมขนาดใหญ กวาขอความอนถาขอความมความยาวมาก

อาจจะแบงเปน หวเรองรอง (Subhead line)

พาดหวของโปสเตอรมลกษณะ ดงน

1.1 มขอความสน กะทดรดไดใจความ สอความหมายไดเรว

1.2 มความกระจาง สามารถดงดดความสนใจของผทคาดวาจะเปนกลมเปาหมายได

1.3 มความเหมาะเจาะ ตอบสนองความตองการของผทคาดวาจะเปนกลมเปาหมายได

1.4 มความนาสนใจเพอเรยกรองใหผทคาดวาจะเปนกลมเปาหมายสนใจ โดยใช

หลกการทางจตวทยาและการใชภาษา

1.5 มเพยงแนวคดเดยว ในโปสเตอรแตละแผน

1.6 มความนาเชอถอคอ ขอความทกลาวอาง ตองมน าหนก นาเชอถอ

2. พาดหวรอง (Subhead line)

พาดหวรอง (Subhead line) นยมใชตวอกษรทมขนาดใหญรองจากพาดหว ท าหนาทในการ

เชอมโยงพาดหว ไปยงเนอเรองในโปสเตอรใชในกรณทพาดหวไมสามารถจะใหรายละเอยดไดเพยงพอจง

จ าเปนทจะตองมการขยายความใหกระจางขน

3. ขอความ (Body Copy)

ขอความ(Body Copy) คอ สวนทเปนเนอหารายละเอยด เพมเตมจากพาดหวของโปสเตอรฉบบนน

ๆ ขอความจะ สนบสนนเนอหาของโปสเตอรโดยสวนรวม มการคดเลอกอยางชดเจน ไมคลมเครอ หรอ

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

ตองการใครรของ ผอาน และมองเหนไดแตไกล

4. ภาพประกอบ (illustration)

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

ชวยสราง หรอดงดดความสนใจ และภาพทน ามาใชควรเปนภาพทดงาย สามารถเขาใจไดทนทเนนจดสนใจ

ในภาพ เพยงจดเดยว และมองเหนไดในระยะไกลสามารถสอความคดสรางสรรคไดชดเจนรวมทงสามารถ

สราง ความจดจ าใหแกผรบไดดวย

5. สวนลงทาย(Ending)

5.1 ชอหรอสญลกษณขององคการผเผยแพร (Identification)

5.2 สถานทตงหรอสถานทตดตอขององคกรผผลต

5.3 ค าขวญ หรอ สโลแกน (Slogan)

ขอควรค านงถงในการออกแบบโปสเตอร

1. ควรเปนแผนเดยวโดดๆ สามารถน าไปตดบนพนผวใดกได

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

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

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

3. การวางต าแหนงภาพประกอบ และขอความ ตองประสานสงเสรมซงกนและกน และ

งายแกการจดจ า (ควรมค าขวญหรอสโลแกน)

4. ตวอกษรทใชควรเดน สะดดตาค านงถงระยะหางทางการอาน และขนาดของตวอกษร

ควรแตกตางกน ตามหนาท เชน ตวหวเรอง หรอพาดหว ควรมขนาดใหญกวาขอความ

5. ภาพหรอขอความทเสนอ ตองมขนาดใหญทงนเพอใหสามารถมองเหนไดงาย และ

ขนาดของโปสเตอร ตองปรบใหเหมาะสมกบ สถานทตงโปสเตอรดวย

6. มโครงสรางชดเจน คอ การใชสทเดนชด สะดดตา ไมมลลาเสนสายหรอลวดลาย

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

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

7. ค านงถงหลกในการออกแบบและจดหนา

8. ผลตขนเปนจ านวนมาก

บทท 3

วธด าเนนงาน

ในการจดท าโครงงานการประยกตใชโปรแกรม Flip Album Pro 6.0 ในการพฒนาสอหนงสอ

อเลกทรอนกส(e-book) เรอง Adobe Photoshop CC เพอการออกแบบงานโปสเตอร

วสด อปกรณ เครองมอหรอโปรแกรมทใช ไดแก

- เครองคอมพวเตอร

- โปรแกรม Flip Album Pro 6.0 ใชน าเสนอสอการสอน

- โปรแกรม Adobe Photoshop CC เนอหาการสอน

- โปรแกรม Adobe Photoshop CC ใชน าเสนอเรยบเรยง

- เวบไซตทใชในการศกษาคนควา www.google.com , www.youtube.com

1. ประชากร

ประชากรเปนนกศกษามหาวทยาลยบรพา คณะศกษาศาสตรจ านวน 50 คน

2. กลมตวอยาง

กลมตวอยางเปนนกศกษามหาวทยาลยบรพา คณะศกษาศาสตรจ านวน 30 คนไดมาโดยการสม

อยางงาย (Simple Random Sampling) โดยวธจบสลากกลมตวอยางทใชในการทดสอบหาประสทธภาพของ

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

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

จ านวน 15 คน

2.2 กลมตวอยางทใชในการทดสอบหาประสทธภาพของหนงสออเลกทรอนกส

แบบกลม จ านวน 20 คน

2.3 กลมตวอยางทใชในการทดสอบหาประสทธภาพของหนงสออเลกทรอนกส

แบบภาคสนาม จ านวน 30 คน

ขนตอนการด าเนนงาน

1. ศกษา/ส ารวจขอมลเพอจดท าโครงการ

2. น าเสนอชอโครงงานตออาจารยทปรกษาขออนมต

3. ศกษาและคนควาขอมลทเกยวของกบเรองทสนใจ คอ การประยกตใชโปรแกรม Flip Album Pro 6.0 ใน

การสรางสอหนงสออเลกทรอนกส(e-book) เรอง Adobe Photoshop CC เพอการออกแบบงานโปสเตอร

วามเนอหามากนอยแคไหน และตองศกษาเพมเตมจากเวบไซตตางๆเพอเรยบเรยงขอมลในการท าเนอหา

ตอไป

4. จดเกบขอมลในรปแบบเอกสารเพอน าเสนอ อาจารยทปรกษา

5. สรางชนงาน โดยโปรแกรม Flip Album Pro 6.0

6. ประเมนคณภาพตนแบบชนงาน โดยผเชยวชาญอยางนอย 3 คน

7. ปรบปรงตนแบบชนงาน

8. ทดลองชนงานกบกลมตวอยาง

9. วเคราะหขอมล

10. เขยนรายงาน จดท ารปเลมโครงงานแบบฉบบสมบรณ

11. บนทกลง CD-ROM

12. น าเสนอรายงาน

การสรางเครองมอในการวจย

1. การสรางแบบประเมนคณภาพหนงสออเลกทรอนกส เรอง กราฟกเบองตนผวจยไดด าเนนการสรางแบบ

ประเมนคณภาพหนงสออเลกทรอนกสตามขนตอนตอไปน

1.1 ศกษาเอกสารการประเมนสอการสอน

1.2 เลอกแบบประเมนคณภาพมลตมเดยเพอการศกษาของกรมวชาการ (กรมวชาการ,2542)

1.3 ปรบปรงแบบประเมนคณภาพหนงสออเลกทรอนกส ใหสอดคลองกบคณสมบตของ

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

1.4 ก าหนดระดบการประเมนคณภาพของหนงสออเลกทรอนกส ไว 5ระดบ คอ

ดมาก = 5

ด = 4

ปานกลาง = 3

พอใช = 2

ควรปรบปรง = 1

ซงเกณฑการยอมรบคณภาพของหนงสออเลกทรอนกส จะพจารณาตามค าถามแตละขอขอทผาน

เกณฑจะตองไดคะแนนเฉลยดถงดมาก และคะแนนเฉลยรวมตองไมต ากวาเกณฑด จงจะสามารถน าไป

ทดลองได โดยก าหนดระดบการประเมน 5 ระดบดงน

คะแนน 1.00 – 1.49 หมายถง คณภาพควรปรบปรงอยางยง

คะแนน 1.50 – 2.49 หมายถง คณภาพควรปรบปรง

คะแนน 2.50 – 3.49 หมายถง คณภาพอยในระดบปานกลาง

คะแนน 3.50 – 4.49 หมายถง คณภาพอยในระดบด

คะแนน 4.50 – 5.00 หมายถง คณภาพอยในระดบดมาก

การเกบรวบรวมขอมล

ผวจยด าเนนการทดลองตามขนตอนตอไปน

1.ขนตอนการกอนการทดลอง

1.1ขนเตรยมเครองมอทใชในการทดลอง ซงประกอบดวย หนงสออเลกทรอนกส เรอง

Adobe Photoshop CC เพอการออกแบบงานโปสเตอร แบบประเมนคณภาพหนงสออเลกทรอนกส เรอง

Adobe Photoshop CC เพอการออกแบบงานโปสเตอร แบบทดสอบวดผลสมฤทธทางการเรยน และ

ตารางเวลานดหมายผเรยน

1.2 ก าหนดระยะเวลาในการทดลอง

1.3 ตดตอขออนญาตใชหองคอมพวเตอร

1.4 ตดตอขออนญาตอาจารยรายวชาน ากลมตวอยางมาทดลองตามวนทไดก าหนด

1.5 ทดสอบความพรอมของหองคอมพวเตอรกอนทดลองจรง

2. ขนด าเนนการทดลอง

ผวจยไดด าเนนการทดลองตามขนตอนตอไปน

2.1 ใหกลมตวอยางทเขารบการทดลองมาท าแบบทดสอบวดผลสมฤทธโดยใชเวลา

ประมาณ 20 นาท

2.2 ผวจยอธบายกลมตวอยางใหทราบถงจกประสงคของการทดลอง

2.3ใหกลมตวอยางทดลองฝกการท าเครองหมายบนใจความส าคญ ใชเวลาประมาณ10 นาท

2.4 จากนนกลมตวอยางศกษาเนอหาจากหนงสออเลกทรอนกส เรอง Adobe Photoshop

CC เพอการออกแบบงานโปสเตอร เปนรายบคคล ผวจยจะคอยสงเกตพฤตกรรมผเรยนตลอดการเรยน ใน

ขนตอนนจะใชเวลา ประมาณ 1 ชวโมง 30 นาท

2.5เมอหมดเวลา ผวจยสอบถามถงปญหาทเกดขนกบผเรยน

2.6ใหกลมตวอยางท าแบบทดสอบวดผลสมฤทธ โดยใชเวลาประมาณ30 นาท

2.7ผวจยเกบรวบรวมขอมล โดยการตรวจใหคะแนนแบบทดสอบระหวางเรยน

แบบทดสอบกอนและหลงเรยนของกลมตวอยาง มเกณฑการใหคะแนน 1 คะแนนส าหรบค าตอบ

ทถกตอง และให 0 คะแนนส าหรบค าตอบทผดหรอไมตอบ และน าคะแนนทไดมาหาคา E1/ E2

การวเคราะหขอมล

การวจยครงน ผวจยไดวเคราะหขอมลดงน

1. การหาประสทธภาพของหนงสออเลกทรอนกส จากสตร E1/ E2โดยน าคะแนนทไดจาก

แบบทดสอบระหวางเรยน และแบบทดสอบวดผลสมฤทธทางการเรยน

2. คาดชนความสอดคลองระหวางขอค าถามกบลกษณะเฉพาะกลมพฤตกรรม

3. หาคาระดบความยากงายและคาอ านาจจ าแนกของแบบทดสอบวดผลสมฤทธทางการเรยน

สถตทใชในการวเคราะหขอมล

สถตทใชในการวเคราะหขอมลมดงน

1. สถตทเกยวของกบหนงสออเลกทรอนกส จากสตรE1/ E2 ซงดดแปลงจาก ไชยยศ เรองสวรรณ

(2533: 139) ซงใชสตรดงนคอ

เมอ E1 คอ ประสทธภาพของกระบวนการทจดไวในหนงสออเลกทรอนกส

เมอ E2 คอ ประสทธภาพของหนงสออเลกทรอนกสในการเปลยนพฤตกรรมของผเรยน

บทท 4

ผลการศกษาคนควา

ในบทนจะเปนการน าเสนอเฉพาะผลทไดจากการทดสอบหาประสทธภาพของหนงสอ

อเลกทรอนกส

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

1. ผลการทดลองครงท 1

การทดลองหนงสออเลกทรอนกสครงท 1 มจดมงหมายเพอทจะพจารณาหาขอบกพรองในดาน

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

ตางไปจากการทผวจยไดออกแบบไว

1.1 ขอบกพรองในการทดลองครงท 1

1.1.1 ขาดค าแนะน าล าดบขนตอนการเรยน ท าใหผเรยนเกดความสบสนวา ควร

เรมตนเรยนตรงไหนกอน-หลง

1.1.2 การควบคมเสนทางการด าเนนบทเรยนไมชดเจน ท าใหเกดความสบสนใน

ผเรยนบางคน

ส าหรบพฤตกรรมทผศกษาสงเกตไดระหวางการทดลองนนพบวา ผเรยนมความตงใจในการเรยน

หนงสออเลกทรอนกสมาก และจากการสมภาษณหลงจากเรยนเสรจแลว ผเรยนรสกพงพอใจในการเรยน

จากหนงสออเลกทรอนกส จากการมปฏสมพนธกบเครองคอมพวเตอร ตลอดจนการมรปภาทสวยงาม ท า

ใหผเรยนสามารถเรยนบทเรยนทมเนอหายาวมากๆ ได โดยไมเบอหนาย (Rowmiszowski, 1994:8)

1.2 ผลการปรบปรงหนงสออเลกทรอนกสครงท 1 ผศกษาไดน าขอบกพรองทพบมาปรบปรง

หนงสออเลกทรอนกสดงน

1.2.1 เพมค าแนะน าล าดบการเรยนกอน-หลง

1.2.2 ปรบปรงเสนทางการด าเนนบทเรยนใหมใหมความชดเจนมากยงขน

1.2.3 ปรบการจดหนาใหมพนทวางมากขน

1.2.4 มการเชอมโยงความรจากเรองทไดเรยนมา

1.2.5 ปรบเปลยนภาพทไมตรงกบเนอหาเสยใหม

2. ผลการทดลองครงท 2

การทดลองครงท 2 มจดมงหมายเพอทจะหาประสทธภาพของหนงสออเลกทรอนกสตามเกณฑมาตรฐาน

80/80 และเพอตรวจสอบขอบกพรองของสอ โดยใชกลมตวอยางจ านวน 50 คน

2.1 ผลการตรวจประสทธภาพของหนงสออเลกทรอนกส

จากการทดสอบหาประสทธภาพของหนงสออเลกทรอนกส โดยไดกลมตวอยางท าแบบทดสอบ

ระหวางเรยนและหลงเรยน เพอน าคะแนนทไดไปวเคราะหเปรยบเทยบเกณฑมาตรฐาน 80/80 ไดผล

บทท 5

สรปผลการศกษาคนควา อภปรายและเสนอแนะ

การศกษาคนควาครงน ผศกษาไดก าหนดวตถประสงคของการศกษา สมมตฐานของการศกษา

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

การศกษาและขอเสนอแนะดงน

วตถประสงคของการศกษา

1. วตถประสงคทวไป

เพอพฒนาหนงสออเลกทรอนกส เรอง Adobe Photoshop CC เพอการออกแบบงานโปสเตอร

2. วตถประสงคเฉพาะ

2.1 เพอสรางหนงสออเลกทรอนกส เรอง Adobe Photoshop CC เพอการออกแบบงาน

โปสเตอร

2.2 เพอหาประสทธภาพของหนงสออเลกทรอนกสทสรางขนใหไดประสทธภาพตาม

เกณฑทก าหนด (80/80)

สมมตฐานของการศกษา

หนงสออเลกทรอนกส ทผศกษาสรางขนมประสทธภาพตามเกณฑทก าหนด (80/80)

ขอบเขตของการศกษา

การศกษาครงน มงพฒนาหนงสออเลกทรอนกส และเพอใหการศกษาเปนไปตามวตถประสงค

ทตงไว ผศกษาไดก าหนดขอบเขตการวจย ดงน

ประชากรและกลมตวอยาง

1. ประชากร

ประชากรเปนนกศกษามหาวทยาลยบรพา คณะศกษาศาสตรจ านวน 50 คน

2. กลมตวอยาง

กลมตวอยางเปนนกศกษามหาวทยาลยบรพา คณะศกษาศาสตรจ านวน 30 คนไดมาโดย

การสมอยางงาย (Simple Random Sampling) โดยวธจบสลากกลมตวอยางทใชในการทดสอบหา

ประสทธภาพของหนงสออเลกทรอนกสแบบเดยว แบบกลมและภาคสนาม ดงน

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

จ านวน 5 คน

2.2 กลมตวอยางทใชในการทดสอบหาประสทธภาพของหนงสออเลกทรอนกส

แบบกลม จ านวน 10 คน

2.3 กลมตวอยางทใชในการทดสอบหาประสทธภาพของหนงสออเลกทรอนกส

แบบภาคสนาม จ านวน 30 คน

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

- เครองคอมพวเตอร

- โปรแกรม Flip Album Pro 6.0 ใชน าเสนอสอการสอน

- โปรแกรม Adobe Photoshop CC เนอหาการสอน

- โปรแกรม Adobe Photoshop CC ใชน าเสนอเรยบเรยง

- เวบไซตทใชในการศกษาคนควา www.google.com , www.youtube.com

ตวแปรทศกษา

การวจยครงนมตวแปรทศกษา 2 ตวคอ

4.1 ตวแปรตนหรอตวแปรอสระ คอ ประสทธภาพของหนงสออเลกทรอนกส เรอง การสรางสอ

โปสเตอรดวยโปรแกรม Adobe Photoshop CC

4.2 ตวแปรตาม คอ ผลสมฤทธทางการเรยนของผเรยนทไดเรยนเนอหาจาหนงสออเลกทรอนกส

สรปผลการคนควา

หนงสออเลกทรอนกส เรอง Adobe Photoshop CC เพอการออกแบบงานโปสเตอร

มประสทธภาพเทากบ 85.90/90.56 ซงสงกวาเกณฑมาตรฐาน 80/80

การอภปรายผล

การวจยครงนมวตถประสงคเพอทจะพฒนาและหาประสทธภาพของหนงสออเลกทรอนกส เรอง

การสรางสอโปสเตอรดวยโปรแกรม Adobe Photoshop CC ใหไดประสทธภาพตามเกณฑมาตรฐาน 80/80

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

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

Adobe Photoshop CC มประสทธภาพเทากบ 85.90/90.56 ซงเปนไปตามสมมตฐานของการวจยทไดตงไว

สอดคลองกบวจยของ คลเมนท (Clement,1993, quoted in Coutts and Hart,2009 : 19) ทไดพฒนาซดรอม

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

เกษมศร พรหมภบาล (2543 :บทคดยอ) ทไดศกษาผลของการสอนวชาการออกแบบ 1 ทมตอผลสมฤทธ

ทางการเรยน โดยใชโปรแกรมคอมพวเตอรกราฟก พบวาผเรยนมผลสมฤทธทางการเรยนเปนไปตาม

สมมตฐานทตงไว และสอดคลองกบกาการวจยของบารกเกอรและกลเลอร ทไดศกษาหนงสอ

อเลกทรอนกสแบบมลตมเดยแบบปฏสมพนธเพอการสอนภาษาฝรงเศสเปรยบเทยบกบการสอนวธอนๆซง

ไดรบผลเปนทนาพอใจ นอกจากนน ศรยงค ฉตรโท (2539 : บทคดยอ) ไดสรปในงานวจยของเขาวา การ

สรางสอน าเสนอแบบอนเตอรแอคทฟ แตกตางกนอยางมนยส าคญทางสถตทระดบ .01

หากจะมาวเคราะหกนวาอะไรคอสงทท าใหหนงสออเลกทรอนกส เรอง Adobe Photoshop CC

เพอการออกแบบงานโปสเตอร มประสทธภาพตามเกณฑมาตรฐาน 80/80 จะไดวา

ประการท 1 ไดมการออกแบบบทเรยนในลกษณะทมการเชอมโยงแบบไฮเปอรเทกซท าใหบทเรยน

ไมนาเบอ ผเรยนจะตองมการปฏสมพนธกบบทเรยนอยาสม าเสมอ ท าใหเกดความกระตอรอรนในการเรยน

(ถนอมพร เลาหจรสแสง, 2541: 62)

ประการท 2 ในการออกแบบหนงสออเลกทรอนกส เรอง Adobe Photoshop CC เพอการออกแบบ

งานโปสเตอร ผวจยไดออกแบบอยบนพนฐานจตวทยาแรงจงใจ โดยใชไฮเปอรเทกซและแบบทดสอบ

เปนแรงจงใจในการเรยน จาดพนฐานการอยากรอยากเหนของมนษย กอใหเกดการกระตนใหเกดการอยาก

รโดยเฉพาะอยางยงหากมสงทแนะ (cue) ซงเปนตวกระตนใหเกดพฤตกรรมตางๆ ขน (ธรพงษ วรยานนท

,2543 : 46; มาลน จฑะรพ,2539 : 138; ไพบลย เทวรกษ,2537 : 113-115;โสภา ชพกลชย,2521 : 56-62)

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

ท าใหหนงสออเลกทรอนกส เรองการสรางสอโปสเตอรดวยโปรแกรม Adobe Photoshop CC ทสรางขนม

ประสทธภาพตามเกณฑมาตรฐาน 80/80 สามารถน าไปประกอบการเรยนการสอนไดอยางมประสทธภาพ

ขอเสนอแนะ

1. ขอเสนอแนะจากการวจย

1.1 การสรางหนงสออเลกทรอนกสทมจ านวนหนามากๆดวยโปรแกรม Flip Album Pro

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

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

2. ขอเสนอแนะส าหรบการวจยครงตอไป

2.1 ควรมการวจยเปรยบเทยบรปแบบการบนทกใจความส าคญในรปแบบตางๆไดแก การ

ท าเครองหมายลงบนใจความส าคญโดยตรง, การใหผเรยนคดลอกหรอพมพใจความส าคญลงใน

โปรแกรม (NOTEPAD) และการคดลอกลงกระดาษ เปนตน วาจะสงผลตอการเรยนรของผเรยน

หรอไม

2.2 ควรมการเปลยนสอทใชในการวจยหนงสอเรยนอเลกทรอนกสจากซดรอมไปเปน

อนเตอรเนตบาง