00 all 9program public v3 content pok · 2016-12-08 ·...
TRANSCRIPT
คานา
โครงการเทคโนโลยสารสนเทศเพ�อการศกษาของโรงเรยนในชนบท (ทสรช.) ภายใตโครงการเทคโนโลยสารสนเทศตามพระราชดาร สมเดจพระเทพรตนราชสดาฯ สยามบรมราชกมาร จดกจกรรมมงเนนการนาเทคโนโลยสารสนเทศมาใชในการยกระดบคณภาพชวตและเพ�มโอกาสทางการศกษาใหกบนกเรยนในชนบท อนจะชวยลดความเหล�อมล/าในการเขาถงเทคโนโลย ตลอดจนพฒนาบคลากรและครของโรงเรยนในชนบทใหสามารถใชเคร�องมอเทคโนโลยสารสนเทศในการจดการเรยนรแกนกเรยนไดอยางมประสทธภาพ
ในป 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