คานา

โครงการเทคโนโลยสารสนเทศเพ�อการศกษาของโรงเรยนในชนบท (ทสรช.) ภายใตโครงการเทคโนโลยสารสนเทศตามพระราชดาร สมเดจพระเทพรตนราชสดาฯ สยามบรมราชกมาร จดกจกรรมมงเนนการนาเทคโนโลยสารสนเทศมาใชในการยกระดบคณภาพชวตและเพ�มโอกาสทางการศกษาใหกบนกเรยนในชนบท อนจะชวยลดความเหล�อมล/าในการเขาถงเทคโนโลย ตลอดจนพฒนาบคลากรและครของโรงเรยนในชนบทใหสามารถใชเคร�องมอเทคโนโลยสารสนเทศในการจดการเรยนรแกนกเรยนไดอยางมประสทธภาพ

ในป 2553 ไดดาเนนงาน โครงการ “ทสรช.2.0: มตใหมของการจดการเรยนร” โดยนาเทคโนโลยเวบ 2.0 มาเปนเคร�องมอในการจดการเรยนรดวยโครงงาน (Project-Based Learning using ICT) เน�องจากจดเดนของเทคโนโลยเวบ 2.0 ท�ใชงานงาย มความรวดเรวในการส�อสาร และสามารถท�จะส�อสารไดหลายรปแบบ อาท การเขยนหรอพมพขอความ การนาเสนอภาพน�ง ภาพเคล�อนไหว หรอการเช�อมโยงไปยงแหลงขอมลท�ตองการใหผอ �นทราบไดสะดวก รวดเรว จงสามารถนามาประยกตใชในการจดการเรยนรไดหลากหลาย

คณะทางานไดรวบรวมเคร�องมอเวบ 2.0 ท� รศ.ดร.บปผชาต ทฬหกรณ ท�ปรกษาโครงการฯ ผทรงคณวฒพเศษ สานกบรการคอมพวเตอร มหาวทยาลยเกษตรศาสตร ไดถายทอดความรแกคณะครในป 2553 สาหรบเผยแพรใหคร นกเรยน ผสนใจท �วไปสามารถนาไปศกษาดวยตนเอง และคาดหวงวาจะนาไปใชเปนประโยชนไดตอไป และใครขอขอบพระคณ รศ.ดร.บปผชาต ทฬหกรณ ผศ.กลยา แมนมนทร ดร.สาวตร โรจนะสมต อารโนลด และ ดร.ศศธร โสภารตน เปนอยางสง ท�ไดสละเวลาอนมคา มารวมงานใหคาปรกษา และใหคาแนะนาอยางตอเน�อง

ฝายเลขานการโครงการเทคโนโลยสารสนเทศตามพระราชดาร สมเดจพระเทพรตนราชสดาฯ สยามบรมราชกมาร

กนยายน 2553

สารบญ

คมอการใชเวบ 2.0 ในการจดการเรยนร 1

PhotoPeach 4

Jing 12

Glogster 19

Google Sites 28

My Tattoons 34

SlideShare 40

Skype 43

Bubbl.us 50

Gizmoz 56

คมอการใชเคร%องมอเวบ 2.0 ในการจดการเรยนร

เวบ 2.0 เปนเทคโนโลยการใชงานอนเทอรเนตยคท� 2 ซ�งเปล�ยนไปจากเวบยค 1 กลาวคอ เวบ

ยคท� 1 จะเนนการส�อสารทางเดยว ท�เจาของเวบเปนผผลตเน/อหา แตเวบ 2.0 เปนยคผใชมสวนรวมในการสรางเน/อหาไดรวดเรว สามารถนาเขาขอความ ภาพ เสยง วดโอ และแบงปนขอมลไดงาย ดงภาพ

อางองรปภาพจาก: http://www.labnol.org/internet/favorites/the-difference-between-web-10-and-web-20/665/

เน�องจากจดเดนของเทคโนโลยเวบ 2.0 ดงกลาว ท�สามารถใชไดงานงาย มความรวดเรวในการ

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

1

พระราชดาร สมเดจพระเทพรตนราชสดาฯ สยามบรมราชกมาร จงจดทาโครงการ “ทสรช.2.0: มตใหมของการจดการเรยนร” เพ�อศกษาแนวทางการใชไอซท โดยเฉพาะเทคโนโลยเวบ 2.0 ในการจดการเรยนรดวยโครงงาน (Project-Based Learning using ICT) ตามแนว constructionism ของครในโครงการ รวมถงศกษาผลท�เกดข/นกบนกเรยนจากการปรบเปล�ยนกระบวนการจดการเรยนรของครดวยวธการดงกลาว

คมอการใชเคร�องมอเวบ 2.0 ในการจดการเรยนร ฉบบน/ จดทาข/นอนเน�องมาจากการดาเนนงานโครงการ ทสรช.2.0: มตใหมของการจดการเรยนร โดย รศ.ดร.บปผชาต ทฬหกรณ ท�ปรกษาโครงการฯ ผทรงคณวฒพเศษ สานกบรการรคอมพวเตอร มหาวทยาลยเกษตรศาสตร ไดถายทอดความร ครอบคลมเก�ยวกบดานการออกแบบการจดการเรยนร ควบคกบการใชเคร�องมอเวบ 2.0 ใหครท�เขารวมโครงการอยางตอเน�อง

คณะทางานจงไดรวบรวมเคร�องมอ ท� รศ.ดร.บปผชาต ทฬหกรณ ไดถายทอดความรแกคณะครในป 2553 ข/นเพ�อเผยแพรใหคร นกเรยน และผสนใจท �วไปไดนาไปศกษาดวยตนเอง และใชงานเปนประโยชนตอไป รายการเคร�องมอดงแสดงในตาราง

เคร%องมอ การใชงาน

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

เวบไซต: http://photopeach.com

Jing เปนโปรแกรมจบภาพหนาจอบนคอมพวเตอร สามารถจบภาพท /งท�เปนภาพน�ง หรอวดโอ จดเดนของโปรแกรมคอ ใชงานงาย ไมตองเสยคาใชจาย และสามารถแบงปนภาพไดอยางรวดเรว

เวบไซต: www.jingrproject.com หรอ www.techsmith.com/jing

Glogster เปนโปรแกรมบนเวบ ท�สามารถสรางโปสเตอรออนไลนไดดวยตนเอง สามารถใสรปภาพ ภาพกราฟก วดโอ ไฟลเสยง และขอความ และสามารถแบงปนใหเครอขายได เวบไซต: www.glogster.com

2

เคร%องมอ การใชงาน

Google Sites เปนบรการสรางเวบไซตอตโนมต ซ�งสามารถสรางเวบไซต โดยใชเคร�องมอของ google ท�ใหบรการในการสรางเวบไซต เวบไซต: www.google.com

My Tattoons เปนโปรแกรมบนเวบท�สามารถนาไปใชสรางการตนท�มเอกลกษณตาง ๆ ท /งหนาตา ทรงผม เส/อผา เม�อสรางการตนเสรจแลวสามารถ Donwload ภาพการตนท�สรางลงไปใชงานบนเคร�องคอมพวเตอรได

เวบไซต: www.mytattoons.com

SlideShare เปนบรการบนเวบท�ใหบรการรวบรวม เผยแพรสไลดผานเวบไซต เม�อ upload ไฟลแลว จะม Embed Code ใหนาไปเผยแพรบน Blog หรอเวบอ�น ๆ ได เวบไซต: www.slideshare.com

Skype คอ โปรแกรมท�สามารถสามารถตดตอส�อสารท �วโลกผานทางอนเทอรเนต เม�อตดต /งโปรแกรม Skype บนเคร�องคอมพวเตอรแลว สามารถใชเคร�องคอมพวเตอรตดตอแทนโทรศพทได

เวบไซต: www.skype.com

Bubbl.us เปนโปรแกรมบนเวบ ท�สามารถใชในการระดมความคดออนไลน สรางแผนผงมโนทศน แลกปล�ยนและทางานรวมกน สามารถ นางานเผยแพรผานบลอกหรอเวบไซตได รวมท /งสามารถแปลงเปนไฟลรปภาพสาหรบนาไปใชงานได เวบไซต: http://bubbl.us

เปนโปรแกรมบนเวบ ท�ใชสราง Animation สาหรบนาเสนอออนไลน โดยผใชสามารถใสรปตนเอง เสยง หรอ วดโอ และสามารถแชรขอมลไปยง facebook หรอ youtube ได เวบไซต: www.gizmoz.com

3

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

เวบไซต: http://photopeach.com

4

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

เวบไซต: http://photopeach.com

การประยกตใชในการจดการเรยนร สามารถใชเปนเคร�องมอใหนกเรยนสรางช/นงานนาเสนอเน/อหาสาระวชาตางๆ ฝกการต /งคาถาม และรวมแสดงความคดเหน ตวอยางช/นงานของนกเรยน ชLนงานเร%อง เอะ! น%มนฟองนLา เปนช/นงานท�จดทาเพ�อเรยนรเน/อหาในวชาชววทยา ของนกเรยนโรงเรยนปยชาตพฒนา จ.นครนายก

http://photopeach.com/album/8362qr?ref=est

5

ชLนงานเร%อง Using Electricity in School เปนช/นงานท�จดทาระหวางเรยนรวชาภาษาองกฤษ ของนกเรยนโรงเรยนศกษาสงเคราะหเชยงใหม จ.เชยงใหม

http://photopeach.com/album/12w9x8u?ref=est

การใชงานโปรแกรม

โปรแกรม Photopeach เปนโปรแกรมท�ใชงานบนเวบ ไมสามารถ Download มาตดต /งท�เคร�องคอมพวเตอรได ดงน /น การใชงานโปรแกรมจงจาเปนตองเช�อมตออนเทอรเนต สามารถเขาใชงานไดท�เวบไซต http://photopeach.com มการใชงานดงน/

1. เขาเวบไซต http://photopeach.com 2. เขาใชงานคร /งแรกใหสมครเปนสมาชก โดยคลกท�ปม Sing up for Free

6

3. สมครสมาชก กรอกรายละเอยดใหครบ แลวคลกปม Sing Up

4. เร�มสรางช/นงาน โดย upload รปภาพท�ตองการ ใหคลกท�ปม Upload Photos จนไดรปครบท�ตองการ แลวคลกปม NEXT และสามารถเลอกรปพรอมกนทละหลายรปได ใช ctrl+A

7

5. ต /งช�อ Title และ เลอก เพลง เม�อเลอกเสรจใหคลกปม Finish

6. ช/นงานท�ได จะเปนไฟล Flash video และเม�อสรางเสรจจะมปม edit เพ�มข/นมาใหผสรางสามารถปรบแกไขไดภายหลง

8

7. เราสามารถเปดไฟลดดวยการกดปม play ดานซายมอ และเม�อจบการนาเสนอแลว จะมชองใหใส ขอความแสดงความคดเหน

การแกไขผลงาน

1. สามารถแกไขรปภาพ หรอใสขอความแตละรปได โดยคลกปม Edit

• Edit Caption & Photo การแกไขภาพและขอความบรรยายภาพ • Edit Music & Title การแกไขเสยงเพลงและช�อเร�อง • Add Photos การเพ�มรปภาพ • Manage Comments การจดการเก�ยวกบ Comments • Delete this Show ลบผลงาน

9

2. ถาแกไขภาพและขอความบรรยายภาพ (Edit Caption & Photo) จะปรากกฏหนาจอใหเลอกดงภาพ

เราสามารถกาหนดไดวา ภาพและขอความบรรยายภาพ จะนาเสนอในลกษณะใด • Quiz เปนแบบการต /งคาถาม และตวเลอกท�ถกตอง จะตองคลกในวงกลมหนาคาตอบ • Center ใหขอความอยกลางภาพ • Bottom ใหขอความอยใตภาพ • Blank เพ�มสไลดขอความ • Copy การคดลอกภาพในสไลด • Delete การลบภาพในสไลด

10

การเผยแพร/แบงปนผลงาน ผลงานนอกจากจากเผยแพรบนเวบไซตแลว เราสามารถเผยแพร/แบงปนใหผอ �นไดผาน facebook, MySpace, Teitter, e-mail, Embed in Blog

Share on facebook

Share on MySpace

Share on Teitter

สง E-mail

Embed in Blog

Download ไฟล (มคาใชจาย)

11

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

12

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

เวบไซต: www.jingrproject.com หรอ www.techsmith.com/jing การประยกตใชในการจดการเรยนร สามารถใชเปนเคร�องมอใหนกเรยนสรางช/นงาน จบภาพน�ง นาเสนอเน/อหาตาง ๆ ประกอบการบรรยาย ฝกการเลาเร�องผานเคร�องมอดจทล ตวอยางผลงานของนกเรยน ในการวดโอนาเสนอดวยโปรแกรม Jing เร�องระบบผวหนง วชาวทยาศาสตรของโรงเรยนศกษาสงเคราะหเชยงใหม

13

การตดต Lงโปรแกรม

สามารถ Download โปรแกรมใชงานไดท� http://www.jingproject.com/features

Jing สามารถใชงานไดท /งระบบ Windows และ Mac OS X มความตองการของระบบดงน/ Windows

• Windows XP, Vista, or Windows 7 • Microsoft .NET Framework 3.0 Mac

• Mac OS X 10.4.11, or 10.5.5 or later • QuickTime 7.5.5 or later

เม�อ Download โปรแกรมเสรจแลว ใหดบเบ/ลคลกไฟล jing_setup.exe

• คลกยอมรบขอตกลงในการใชงานโปรแกรม • คลกปม install

14

3. รอสกคร เม�อโปรมแกรมตดต /งเสรจเรยบรอย จะมปม finish ข/นมา

15

การใชงานโปรแกรม

เม�อตดต /งโปรแกรมเรยบรอยแลว จะมลกกลมๆ สเหลอง อยดานบนตรงกลางจอคอมพวเตอร เม�อนาเมาสไปวางท�รป ลกกลมๆ สเหลอง จะมเมนแยกออกมาอก 3 เมน คอ Capture (การจบภาพ) History (ดไฟลเกา ) และ More (การปรบแตงโปรแกรม Jing)

1. ใหนาเมาทไปวางท�ลกกลมๆ สเหลอง ตรงลกศรสแดง

2. แลวเลอกเมน CAPTURE

3. เม�อกดปมCapture จะเจอเสนสเหลองปรากฎข/นบนจอ • ถาคลกเมาท จะเปนการจบภาพท /งหนาจอ • ถาคลกเมาทคางไว จะสามารถเลอกพ/นท�ใดๆ กไดบนหนาจอ เม�อไดตาแหนงท�ตองการ

ใหปลอยเมาส

จะมปมใหเลอกจบภาพ เปนแบบ Image หรอ video

16

กดปม Image จะมกรอบเคร�องมอตกแตง สามารถ ใสลกศร ใสขอความ ใสกรอบ ไฮไลท และเปล�ยนสของเคร�องมอตางๆ ไดตามตองการ ซ�งภาพท�ไดจากโปรแกรม Jing จะมนามสกลเปน .PNG

กอนการบนทกวดโอ โปรแกรมจะมการนบถอยหลง เพ�อใหเราเตรยมตวในการอดวดโอ เราสามารถอดเสยงของตวเองเขาไปในโปรแกรมไดโดยใชผานไมโครโฟน สามารถบนทกไดยาว 5 นาทตอ 1 ไฟล เม�อบนทกวดโอเสรจแลว จะมตวอยางวดโอท�บนทกเปดใหดอตโนมต ซ�งไฟลวดโอท�ไดจากโปรแกรม Jing จะมนามสกลเปน .SWF

Image

Vedio

17

การจดเกบไฟลท%สรางจากโปรแกรม Jing

รปหรอวดโอ ท�สรางจากโปรแกรม Jing สามารถจดเกบได 2 แบบคอ

• จดเกบไวท�เคร�องคอมพวเตอรของตวเอง

• จดเกบไปยงเวบไซต www.screencast.com แตวาเคร�องคอมพวเตอรตองเช�อมตออนเทอรเนต

18

Glogster เปนโปรแกรมบนเวบ ท%สามารถสรางโปสเตอรออนไลนไดดวยตนเอง โดยใสรปภาพ ภาพกราฟก วดโอ ไฟลเสยง และขอความ และสามารถแบงปนใหเครอขายได เวบไซต: www.glogster.com

19

Glogster เปนโปรแกรมบนเวบ ท�สามารถสรางโปสเตอรออนไลนไดดวยตนเองได โดยใสรปภาพ ภาพกราฟก วดโอ ไฟลเสยง และขอความ และสามารถแบงปนใหเครอขายได ท�เวบไซต http://www.glogster.com การประยกตใชในการจดการเรยนร สามารถใชเปนเคร�องมอใหนกเรยนสรางช/นงานในรปแบบโปสเตอรออนไลน ฝกการบนทกเสยง ใสภาพ ใสวดโอ และรวมแสดงความคดเหนกบผลงานได การสมครสมาชก 1. เขาเวบไซต http://www.glogster.com แลวเลอก Register

20

2. กรอกขอมล แลวกดปม Sign up ซ�งการสมครสมาชกดงกลาวดาเนนการเพยงคร /งเดยว หากทานใดเคยสมครเปนสมาชกแลว สามารถ Log in ไดทนท

การสรางโปสเตอร 1. คลกท� Create New GLOG

21

2. ปรากฏหนาจอใหสรางโปสเตอร โดยสามารถใสภาพ เสยง วดโอ ขอความ ไดตามตองการ

• Graphics คอการใสภาพกราฟก • Text ขอความ • Image รปภาพ • Video วดโอ (สรางวดโอเองใน Glogster, นาเขาไฟลจากเคร�องคอม หรอ

ลงคจาก Youtube กได) • Sound เสยง (สรางไฟลเสยงเองใน Glogster, นาเขาไฟลจากเคร�องคอม

หรอ ลงคจาก Youtube กได

คลกเพ�อใสภาพกราฟฟก, ขอความ, รปภาพ, วดโอ และพ/นหลงไดตามตองการ

22

3. ตวอยางการใสขอความ และการแกไข 3.1 ใสขอความทาไดโดยคลกท� Text แลว เลอกรปแบบของขอความ แลวกดปม Use IT

3.2 แกไขขอความ โดยคลกท�ภาพขอความ แลวกดปม Edit จากน /นจะมเมนรปแบบตวอกษร และขนาดตวอกษรใหปรบแก พรอมท /งสามารถพมพขอความเขาไปไดตามท�ตองการ

� คลกท� Text

� เลอกภาพ

� กดปม Use It

23

4. ตวอยางการเพ�มไฟลวดโอ: คลกท� VIDEO แลวเลอกวาจะนาเขาอยางไร • Upload นาเขาจากไฟลในเคร�องคอมพวเตอร • Link Link มาจากเวบไซต อาท จาก Youtube • Grab สรางเอง (ในเคร�องคอมพวเตอรตองม Webcam และ Microphone) (เอกสารฉบบน/จะแนะนาการสรางเอง)

4.1 เม�อคลกท� GRAB จะปรากฏหนาจอใหบนทกวดโอ (ในเคร�องคอมพวเตอรตองม Webcam และ Microphone) เร�มบนทกโดยกดปม Record เสรจแลวกดปม Continue

24

4.2 จากน /นจะมปม Play และ Stop เพ�อตรวจสอบวดโอท�บนทก หากไมพอใจสามารถกลบไปบนทกใหมดวยการกดปม Previous หรอหากพอใจแลวใหกดปม Continue

4.3 ต /งช�อไฟลแลวกดปม Save

25

การบนทก พมพ แบงปน และแกไขไฟล 1. หากสรางโปสเตอรแลว กดปม Save or Publish > ต /งช�อ เลอกหมวดหม ตดปายเร�อง > เลอกวาจะ Prblic (เผยแพรบนเวบ) หรอ Private (ดไดเฉพาะตนเอง) > แลวกดปม Save & Pulbish

2. เม�อบนทกแลว ไฟลจะถกเกบในพ/นท�ท�ใหบรการของ Glogster ดงแสดงในภาพ เหนวามงาน 1 ช/น เราสามารถ ลบ, แกไข หรอสามารถแบงปนไดท /งแบบ ผาน Link และ Embed

� คลกท� Save or Publish

� ต /งช�อไฟล

� เลอกหมวดหม

� ตดปายใหสอดคลองกบเน/อหาท�นาเสนอในโปสเตอร � กดปม Save

& Pulbish

26

3. ผจดทาสามารถส �งพมพผลงานผานทาง web Browser ไดโดยกดปม Print

27

Google Sites เปนบรการสรางเวบไซตอตโนมต ซ%งสามารถสรางเวบไซต โดยใชเคร%องมอของ google ท%ใหบรการบนเวบ เวบไซต: www.google.com

28

Google Sites เปนบรการสรางเวบไซตอตโนมต ซ�งสามารถสรางเวบไซต โดยใชเคร�องมอของ google ท�ใหบรการในการสรางเวบไซต

เวบไซต: www.google.com การประยกตใชในการจดการเรยนร สามารถใชเปนเคร�องมอใหนกเรยนผลงานนาเสนอผานเวบไซต ท�ประกอบดวยภาพน�ง วดโอ ดงตวอยางผลงานของนกเรยนโรงเรยนศกษาสงเคราะหเชยงใหม ท�สรางเวบไซตระหวางเรยนเน/อหาเก�ยวกบการเขยนภาษาองกฤษ

http://sites.google.com/site/populartouristattraction/home

วธใชงาน ส�งท�ตองเตรยมกอนการใชงาน โปรแกรม Google Site • คอมพวเตอรตองเช�อมตอ internet • ตองม account ของ GMail • จะใชงาน Google Site ผานทาง Web Browser เร%มตนกบ Google Site 1. เขาเวบไซต ท� URL http://www.google.co.th 2. คลกท�เมน เพ�มเตม จะปรากฏเมนยอย ใหเลอก ไซต

29

3. คลกปมสรางไซตใหม

4. ต /งคาเวบไซต • เลอก แมแบบ ท�ใชกบเวบไซต • ต /งช�อเวบไซต (ไมสามารถเปล�ยนได) • เลอกธม • ตวเลอกเพ�มเตม (ปรบแตงสทธ � ในการเขาด)

30

แสดงหนาจอเวบไซต เม�อคลกปม สรางเวบไซต

การสรางหนาใหม

1. การสรางหนาใหมใหคลกปม สรางหนาเวบ หรอจะแกขอความคลกปม แกไขหนาเวบ

2. เลอก แมแบบ ท�ตองการ, ใสช�อเรยกหนาเวบ

31

3. ใสขอมล แลวคลกปม บนทก

ถาตองการเพ�มรปภาพ ลงคหรอ อ�นๆ ใหคลก เมน แทรก ดานซายมอ แลวเลอกเมนยอยท�ตองการ

4. เปล�ยนธม เวบไซต ใหคลกท� ปม การทางานเพ�มเตม เลอก จดการไซต หลงจากเลอกไดแลว คลกปม บนทกการเปล�ยนแปลง

32

การสรางเนLอหารวมกน

1. กาหนดสทธ � ใหผอ �น มาสรางเน/อหารวมกน ไปท�เมน การใชรวมกน ใสรายช�อ email แลวคลกปม เชญบคคลเหลาน/

33

My Tattoons เปนโปรแกรมบนเวบท%สามารถนาไปใชสรางการตนท%มเอกลกษณตาง ๆ ท Lงหนาตา ทรงผม เสLอผา เม%อสรางการตนเสรจแลวสามารถ Donwload ภาพการตนท%สรางลงไปใชงานบนเคร%องคอมพวเตอรได

34

My Tattoons เปนโปรแกรมบนเวบท�สามารถนาไปใชสรางการตนท�มเอกลกษณตาง ๆ ท /งหนาตา ทรงผม เส/อผา เม�อสรางการตนเสรจแลวสามารถ Donwload ภาพการตนท�สรางลงไปใชงานบนเคร�องคอมพวเตอร Off-line ได

เวบไซต: www.mytattoons.com

การนาประยกตใชในการจดการเรยนร สามารถใชเปนเคร�องมอใหนกเรยนสรางช/นงานการตนสาหรบใชเปนสวนประกอบในการนาเสนองาน ไดตามความตองการ อาท ในวชาภาษาองกฤษอาจจะใหนกเรยนสรางภาพการตนท�แสดงอารมณตาง ๆ ตามความหมายของคาศพท หรอ อาจจะสรางบคลกลกษณะของตวการตน สาหรบประกอบการเลาเร�อง เปนตน ตวอยางช/นงานท�ใหสงภาพการตนแสดงเอกลกษณของตนเอง

การตดต Lงโปรแกรม

สามารถ Download โปรแกรมใชงานไดท� http://www.mytattoons.com

1. คลกปม IT'S FREE เพ�อ Download โปรแกรม

35

2. เม�อคลกปม IT'S FREE แลว จะมหนาตางใหยอมรบขอตกลงการใชโปรแกรม ใหคลกปม Accept

36

3. จากน /น คลกปม RUN หรอ SAVE

4. รอสกคร จะมหนาตางข/นมาอก ใหคลกปม RUN โปรแกรมจะตดต /งรอสกคร

การใชงานงาน

เม�อตดต /งโปรแกรมเสรจแลวจะม icon โปรแกรม tattoonsไปแสดงท� toolbar ดงภาพ

1. สามารถเรยกใชงานโดยเปด Web Browser ข/นมากอน (จะเปน Internet Explorer หรอ firefox ) 2. จากน /นใหคลกปม บรเวณ Toolbar โปรแกรม My Tattoons จะทางานผานทาง Web Browser และเคร%องคอมพวเตอรตองเช%อตอ internet เทาน /น เม�อคลก ICON tattoons แลว จะมปมมาใหเลอกสรางช/นงาน ผานทางโปรแกรม Facebook หรอ website ใหเลอก Use on website

37

3. เลอกเพศ ของตวการตนท�ตองการสราง วาเปนผชาย ฟรอผหญง

3. ตกแตงตวการตน เชน รปหนา ทรงผม เส/อผา Background • หมายเลข 1 คอ ชดตกแตงตวการตน เชน face Hair Eyes Ears Nose • หมายเลข 2 คอ รปแบบตางๆ ใหเลอก เม�อเลอก หมายเลข 1 • หมายเลข 3 คอ ส และ อาย • หมายเลข 4 คอ รปภาพแสดงเม�อเราตกแตงตวการตนแลว

38

เม�อตกแตงตวการตนเสรจแลว คลกปม Done Creating

4. เม�อสรางตวการตนเสรจแลว โปรแกรมจะถามใหเกบไฟลตวการตนท�สรางไวท�ไหน สามารถเลอกไดตามความตองการ ดงน/

• SEND คอ สงเมล • SAVE คอ บนทกในเคร�องคอมพวเตอร • POST F คอ บนทกผานทาง facebook • COPY CODE คอ เอาไวใสไน Web Page หรอ Blog • SHARE คอ share รปท�สรางใน web site ท�อยในรายการ

39

SlideShare เปนบรการบนเวบท%ใหบรการรวบรวม เผยแพรสไลดผานเวบไซต เม%อ upload ไฟลแลว จะม Embed Code ใหนาไปเผยแพรบน Blog หรอเวบอ%น ๆ ได

40

SlideShare เปนบรการบนเวบท�ใหบรการรวบรวม เผยแพรสไลดผานเวบไซต เม�อ upload ไฟลแลว จะม Embed Code ใหนาไปเผยแพรบน Blog หรอเวบอ�น ๆ ได

เวบไซต: www.slideshare.com การสมครสมาชก 1. เขาเวบไซต http://www.slideshare.com แลวเลอก Signup

2. ปรากฏหนาจอใหกรอกขอมลดงภาพ ซ�งเม�อสมครเปนสมาชกไดแลวกจะไดรบบรการพ/นท�สาหรบเผยแพรสไลด โดยมช�อท�เราสมครไปปรากฏดงภาพ

41

การเผยแพรสไลด 1. คลกท� Upload your first presentation แลวจามปม upload ใหคลก ดงภาพ

2. เม�อ upload เรยบรอยแลวจะปรากฏสไลดบนเวน สามารถ Share ผาน Twitter, facebook, e-mail หรอสาเนา Embed code ไปวางใน Blog หรอเวบไซตอ�น ๆ เพ�อเผยแพรไดได

แสดงผลงานท� upload แลว

เผยแพรผาน Twitter, facebook, e-mail หรอสาเนา Embed code ไปวางใน Blog หรอเวบไซตอ�น ๆ

42

โปรแกรมท%สามารถสามารถตดตอส%อสารท %วโลกผานทางอนเทอรเนต เม%อตดต Lงโปรแกรม Skype บนเคร%องคอมพวเตอรแลว สามารถใชเคร%องคอมพวเตอรตดตอแทนโทรศพทได เวบไซต: www.skype.com

43

Skype คอ โปรแกรมท�สามารถสามารถตดตอส�อสารท �วโลกผานทางอนเทอรเนต เม�อตดต /งโปรแกรม Skype บนเคร�องคอมพวเตอรแลว สามารถใชเคร�องคอมพวเตอรตดตอแทนโทรศพทได ท� เวบไซต www.skype.com การประยกตใชในการจดการเรยนร สามารถใชเปนเคร�องมอในการตดตอส�อสารท /งภาพและเสยง เชน อาจจะจดกจกรรมนกเรยนจากเมองไทย ไดพดคยกบนกเรยนตางประเทศหรอตางโรงเรยนในท�อยเมองไทย เพ�อแลกเปล�ยนเรยนรในหวขอใดหวขอหน�ง หรออาจใชเปนเคร�องมอในการประชม Conference ระหวางโรงเรยนตาง ๆ เปนตน การ Download โปแกรม

โปรแกรมสามารถทางานบนคอมพวเตอรท /งระบบปฏบตการ Window Macintosh Linux และ Window pocket PC สามารถ Download โปรแกรมไดท� www.skype.com/intl/en/get-skype

44

ความตองการของระบบ Windows

• Windows XP, Vista, or Windows 7 • Internet connection – broadband is best (GPRS is not supported for voice calls). • Speakers and microphone • webcam

วธตดต Lงโปรแกรม 1. เม�อ Download โปรแกรมเสรจแลว ใหดบเบ/ลคลกไฟล SkypeSetup.exe

เม�อตดต /งโปรแกรมเสรจแลว ใหคลกปม Start Skype

45

2. กอนการใชงานโปรแกรม Skype จะตองม account สาหรบเขาระบบ ใหกรอกรายละเอยดใหครบ แลวคลกปม I agree – Create Account

3. ใสรายละเอยด เก�ยวกบตวเรา คลกปม OK กจะเสรจส/นข /นตอนการสราง Create Account ของโปรแกรมSkype

46

วธใชงาน

1. เม�อจะเรยกใชงานโปรแกรม Skype จะม icon ช�อ Skype อยหนา Desktop ใหดบเบ/ลคลกเพ�อ

เปดโปรแกรม

2. ปรากฏหนาจอโปรแกรม Skype ดงภาพ โดยกอนใชงานจะตอง add contact ของคนท�

ตองการตดตอกอน ดวยการคลกท�ปม new > New Contact

47

3. ใสช�อ ท�ตองการตดตอ ในชอง คลกปม Find เม�อเจอแลว ใหคลกปม Add Contact

4. เม�อ Add Contact เรยบรอยแลว จะมปมใหเลอกการตดตอระหวาง call กบ video call ใหเรา

เลอก • call เปนการสนทนาไดดวยเสยงแทนการพดโทรศพท แตผใชจาเปนตองตดต /ง

ไมคโครโฟน และหฟงหรอลาโพง • video call สามารถรบไดท /งภาพเคล�อนไหวและเสยงในเวลาเดยวกน ซ�งหากตองการเหน

หนากนระหวางท�คย กมความจาเปนตองตดต /ง Webcam ไวท�เคร�องคอมพวเตอร

48

วธเปล%ยนภาพประจาตว 1. เม�อ login เขาระบบแลว ใหคลกเมน Skype > Profile > Chang Your Picture

2. สามารถเลอกรปท�อยในเคร�องคอมพวเตอร หรอ ถายรปจากกลอง webcam ไดเชนกน เม�อเลอกรปภาพแลวใหคลกปม OK

3. รปท�เลอกมาเปน profile จะแสดงดงภาพท�เหน

49

เปนโปรแกรมบนเวบท%สามารถใชในการระดมความคดออนไลน สรางแผนผงมโนทศน แลกปล%ยนและทางานรวมกน สามารถ เผยแพรผานบลอกหรอเวบไซตได รวมท Lงสามารถแปลงเปนไฟลรปภาพสาหรบนาไปใชได เวบไซต: http://bubbl.us

50

Bybbl.us เปนโปรแกรมบนเวบ ท�สามารถใชในการระดมความคดออนไลน สรางแผนผงมโนทศน แลกปล�ยนและทางานรวมกน สามารถเผยแพรผานบลอกหรอเวบไซตได รวมท /งสามารถแปลงเปนไฟลรปภาพสาหรบนาไปใชงานได ท�เวบไซต: http://bubbl.us การประยกตใชในการจดการเรยนร สามารถใชเปนเคร�องมอใหนกเรยนระดมความคด สรางแผนผงมโนทศน ฝกการทางานรวมกนผนเวบไซต และนาช/นงานท�สรางแลวแบงปนผาน Social Network ได การใชงาน

1. เขาเวบไซต http://bubbl.us สาหรบคนท�ไมเคยสมครเปนสมาชกมากอน ใหคลก Star Brainstorming แตคนท�เคยสมครเปนสมาชกแลวใหใส Username และ Password แลว Sing In

2. สาหรบคนท�ยงไมไดสมครเปนสมาชก สามารถสมครโดยคลกท� Create Account กรอกขอมล แลว Submit ดงภาพ

� คลกท� Create Account

� กรอกขอมล แลว Submit

51

3. เม�อสมครสมาชกแลว จะปรากฏหนาจอเมน ดงภาพ

การสรางแผนผงมนโนทศน (MindMapping) 1. ท�หนาจอทางาน เม�อนาเมาทคลกท�กลองขอความจะมเมนปรากฏ ดงภาพ

2. ผใชสามารถสรางแผนผงความคด ไดตามความตองการ ดงตวอยางท�แสดง

ป มเคล*อนยาย

ป มเปล*ยนส

สรางกลองยอย สรางลกศรเช*อมโยง

สรางแทปใหม

ลบ

ปรากฏช�อของคนท�สมครเปนสมาชก

มเมนเก�ยวกบการทางานรวมกนปรากฏ

52

การส %งพมพ

คลกท� Set Print Area แลวส �งพมพไดทนท

เมนแบงปนและ Export เปนรปภาพ คลกท� menu จะปรากฏคาส �งดงน/

• Send Read-only Link สง Link ใหคนอ�น • HRML Embed Code Embed Code เผยแพรบนบลอกหรอเวบไซตอ�น • Export , Import Export เปนรปภาพ • Editor Setting แกไขแผนผงความคด

53

1. Export เปนรปภาพ คลกท� Menu > Export เลอกประเภทของไฟล แลวกด 0k ดงภาพ

หมายเหต: การ Export เปนไฟลภาพน /น ระบบยงไมรองรบภาษาไทย

54

2. การนา Embed Code ไปเผยแพรบนบลอกหรอเวบไซตอ*นคลกท* HTML Embed Code แลจะปรากฎ Code

ใหสาเนา ไปวางเพ*อเผยแพรท*บลอกหรอเวบไซตอ*นได

55

Gizmoz เปนโปรแกรมบนเวบ ท%ใชสราง Animation สาหรบนาเสนอออนไลน โดยผใชสามารถใสรปตนเอง เสยง หรอ วดโอ และสามารถแชรขอมลไปยง facebook หรอ youtube ได

56

Gizmoz เปนโปรแกรมบนเวบ ท�ใชสราง Animation สาหรบนาเสนอออนไลน โดยผใชสามารถใสรปตนเอง เสยง หรอ videoและสามารถแชรขอมลไปยง facebook หรอ youtube ได

เวบไซต: www.gizmoz.com การประยกตใชในการจดการเรยนร สามารถใชเปนเคร�องมอใหนกเรยนสรางช/นงาน สรางภาพ 3D ฝกประกอบการบรรยาย ฝกการเลาเร�องผานโปรแกรม วธ log in เขา gizmoz คลก log in เขาระบบทางดานบนมมขวามอ

• ใหใส Username หรอ email และ Password ท�ชองหมายเลข 3 • ถายงไมม username และ password ใหสมครเปนสมาชกท� หมายเลข 1 • หรอ ลม password คลกท�หมายเลข 2

57

วธสมครสมาชกวธสมครสมาชก ใหใสขอมลใหครบทกชอง ตามลกศร แลวคลกปม register

เม�อ log in ไดแลวใหสงเกต ลงคท�คลก log in จะเปล�ยนเปน ช�อ eMail และจะมล/งค log out ปรากฏข/นมา ข Lนตอนการใชงาน gizmoz

1. หมายเลข 2 ระบบ gizmos จะบอกข /นตอน วธการใชงานวาจะตองทาอยางไร 2. อบดบแรก ให upload รปเขาระบบ มใหเลอก 3 แบบ คอ

a. Featured Characters เปนรปท�ระบบ gizmoz เตรยมไวให b. Webcam สรางรปจากกลอง webcam c. Upload รปจาก Computer

3. รอสกครโปรแกรมจะสราง รปหนาใหอตโนมต

58

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

ใหคลกปม Apply

ข Lนตอนการสราง Present เลอก template ท�ตองการ ใหนาเมาท ไปวางท� template แลวจะมปม Apply ปรากฎข/นมา

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

59

สาหรบรปภาพ และ video น /น สามารถเลอกจาก youtube, flickr หรอ upload จากเคร�องคอมพวเตอรได

เม�อเลอกรปหรอ video ท�ตองการเสรจแลว ใหคลกปม save & publish กจะได Present ในรปแบบ Animation ท�ตองการ

60