Upload
dokhanh
View
227
Download
2
Embed Size (px)
Citation preview
คมอการใชบทเรยนบนเครอขายอนเทอรเนต
(สาหรบนกเรยน)
คาแนะนาการใชบทเรยน
ใหผท�ศกษาบทเรยนบนเครอขายอนเทอรเนต วชา ง30209 การสรางเวบเพจ สาหรบ
นกเรยนช�นมธยมศกษาปท� 6 ศกษาตามลาดบของบทเรยนและควรทาแบบทดสอบกอนเรยนดวย
ตนเอง เพ�อเปนการประเมนพ�นฐานความรของตนเองในเร�องท�จะศกษา หลงจากน�นจงศกษา
เน�อหาบทเรยนอยางละเอยดเพ�อใหทาความเขาใจและทากจกรรมตามท�ระบไว หากมขอสงสยหรอ
พบขอผดพลาด ผเรยนสามารถสอบถามกบครผสอน โดยผานทางจดหมายอเลกทรอนกสครผสอน
สาหรบบทเรยนบนเครอขายอนเทอรเนต วชา ง30209 การสรางเวบเพจ สาหรบ
นกเรยนช�นมธยมศกษาปท� 6 กลมสาระการงานอาชพและเทคโนโลยสารสนเทศ ท�จดทาข�น
มวตถประสงคเพ�อสรางบทเรยนบนเครอขายอนเทอรเนต สาหรบการศกษาดวยตนเอง ผเรยน
สามารถศกษาไดโดยไมมขอจากด ในเร�องของเวลาและสถานท�
การเขาสบทเรยนบนเครอขายอนเทอรเนต วชา ง30209 การสรางเวบเพจ สาหรบ
นกเรยนช�นมธยมศกษาปท� 6
1. เขาศกษาบทเรยนบนเครอขายอนเทอรเนต ท� http://kruthong.ssrw.ac.th ผาน
ทางเวบเบราเซอร
2. การใชในระบบเครอขายอนเทอรเนต
2.1. เครอขายอนเทอรเนตในโรงเรยนศรสองรกษวทยา เคร�องคอมพวเตอร
จะตองถกตดต�งใหสามารถตดตอกบเครอขายอนเทอรเนตภายในโรงเรยนได และมโปรแกรม
เวบเบราเซอร เชน Internet Explorer หรอ Mozilla Firefox หรอ Google Chrome
2.2. เครอขายอนเทอรเนตทกท�ท�สามารถใชงานอนเทอรเนตได
2
โครงสรางเน�อหา/บทเรยน
บทเรยนบนเครอขายอนเทอรเนต วชา ง30209 การสรางเวบเพจ สาหรบนกเรยน
ช�นมธยมศกษาปท� 6 มจานวนบทเรยน 10 หนวยการเรยนร มรายละเอยดดงน�
หนวยการเรยนรท� 1 ความรเบ�องตนเก�ยวกบการสรางเวบเพจ
หนวยการเรยนรท� 2 เร�มตนใชงานโปรแกรม Dreamweaver8
หนวยการเรยนรท� 3 การใชขอความในเวบเพจ
หนวยการเรยนรท� 4 เวบสวยดวยกราฟก
หนวยการเรยนรท� 5 ตารางในเวบเพจ
หนวยการเรยนรท� 6 การเช�อมโยงเวบเพจ
หนวยการเรยนรท� 7 การจดแบงเวบเพจดวยเฟรมเซต
หนวยการเรยนรท� 8 การสรางเลเยอร
หนวยการเรยนรท� 9 มลตมเดยบนเวบเพจ
หนวยการเรยนรท� 10 การอพโหลดเวบไซตเขาสอนเทอรเนต
ภาพท� 1 โครงสรางเน�อหา/บทเรยน
ท�มา http://kruthong.ssrw.ac.th
3
วธการศกษา
เร�มตนเขาสบทเรยนบนเครอขายอนเทอรเนต วชา ง30209 การสรางเวบเพจ
1. นกเรยนเปดโปรแกรม Internet Explorer โดยการดบเบลคลกท�ไอคอน
บนเดสกทอป (Desktop) พมพ Url หรอช�อเวบไซต http://kruthong.ssrw.ac.th ท� address bar
ภาพท� 2 พมพ Url หรอช�อเวบไซต ในชอง address bar
ท�มา http://kruthong.ssrw.ac.th
2. จะปรากฏหนาเวบไซต บทเรยนบนเครอขายอนเทอรเนต วชา ง30209 การสราง
เวบเพจ สาหรบนกเรยนช�นมธยมศกษาปท� 6
ภาพท� 3 แสดงหนาหลกเวบไซต บทเรยนบนเครอขายอนเทอรเนต
ท�มา http://kruthong.ssrw.ac.th
4
2.1 เม�อนกเรยนเขาสเวบไซตไดสาเรจ หนาตางแรกท�พบ คอ หนาโฮมเพจ
บทเรยนบนเครอขายอนเทอรเนต วชา ง30209 การสรางเวบเพจ สาหรบนกเรยนช�นมธยมศกษา
ปท� 6 โดยมเมนดานซายมอดงภาพท� 3
ภาพท� 4 แสดงเมนหลก บทเรยนบนเครอขายอนเทอรเนต
ท�มา http://kruthong.ssrw.ac.th
2.2. คลกเมนคาแนะนาการเรยน จะพบหนาตางคาแนะนาและวธการใช
บทเรยนบนเครอขายอนเทอรเนต
ภาพท� 5 แสดงหนาคาแนะนาการใชบทเรยนบนเครอขายอนเทอรเนต
ท�มา http://kruthong.ssrw.ac.th
5
2.3 คลกเมนคมอการใชบทเรยน จะพบหนาตางคมอการใชบทเรยน
บนเครอขายอนเทอรเนต
ภาพท� 6 แสดงสวนของคมอการใชบทเรยนบนเครอขายอนเทอรเนต
ท�มา http://kruthong.ssrw.ac.th
2.4 เม�อนกเรยนอานและทาความเขาใจเก�ยวกบวธการใชบทเรยนบนเครอขาย
อนเทอรเนตเขาใจแลว ใหคลกเลอกรายการคาอธบายรายวชาเพ�อศกษาคาอธบายรายวชาและ
ผลการเรยนร
ภาพท� 7 แสดงหนาคาอธบายรายวชา ง30209 การสรางเวบเพจ
ท�มา http://kruthong.ssrw.ac.th
6
2.5 เมนแหลงเรยนรเพ�มเตม นกเรยนสามารถหาขอมลเพ�มเตมจาก
อนเทอรเนตและเวบไซตตาง ๆ
ภาพท� 8 แสดงหนาเมนแหลงเรยนรเพ�มเตม
ท�มา http://kruthong.ssrw.ac.th
2.6 เมนตดตอครผสอน เปนเมนเก�ยวกบขอมลในการตดตอกบครผสอน
ภาพท� 9 แสดงหนาเมนขอมลตดตอครผสอน
ท�มา http://kruthong.ssrw.ac.th
7
2.7 เมนผลบรรณานกรม เปนเมนเก�ยวเอกสารอางองท�ใชในการศกษา
ภาพท� 10 แสดงหนาเมนบรรณานกรม
ท�มา http://kruthong.ssrw.ac.th
3. คลกเลอกเมนเขาสบทเรยน จะพบหนาตางเขาสระบบ ซ�งจะประกอบดวย 2 สวน
ดวยกน คอ
3.1 สวนท�หน�งสาหรบนกเรยนท�สมครเปนสมาชกแลว
3.2 สวนท�สองสาหรบนกเรยนท�ยงไมไดสมครเปนสมาชก
ภาพท� 11 แสดงหนาเขาสระบบ
ท�มา http://kruthong.ssrw.ac.th/elearning
8
4. การสมครสมาชกสาหรบนกเรยนท�ยงไมไดเปนสมาชก มข�นตอนการสมคร ดงน�
4.1 คลกท�ป มสมครสมาชก
ภาพท� 12 แสดงหนาตางสมครเปนสมาชก
ท�มา http://kruthong.ssrw.ac.th/elearning
4.2 พมพช�อผใช รหสผานและขอมลสวนตว เพ�อสรางสมาชกใหม
ภาพท� 13 แสดงหนาตางสมครเปนสมาชก
ท�มา http://kruthong.ssrw.ac.th/elearning
พมพช�อผใช เชน 8192
กาหนดรหสผาน เชน Ssrw@8192
ซ�งกาหนดรหสผาน ไมต�ากวา 8 ตวอกษร
ประกอบดวย ตวอกษรพมพใหญ พมพเลก
สญลกษณพเศษ และตวเลข
กรอกขอมลรายละเอยดสวนตว
คลกสราง account ใหม
9
4.3 ขอมลจะถกสงไปยงอเมลประกอบดวยการลงทะเบยนข�นสดทาย หรอ
หากมปญหาการลงทะเบยนใหตดตอผดแลระบบ และคลกข�นตอไปเพ�อไปยนยนการเปนสมาชก
ท�อเมลของตนเองหรอตดตอผดแลระบบเพ�อยนยนการเปนสมาชก
ภาพท� 14 แสดงหนาตางการยนยนการสมครเปนสมาชกข�นสดทาย
ท�มา http://kruthong.ssrw.ac.th/elearning
5. สาหรบนกเรยนท�เปนสมาชกแลว เขาสระบบดวยช�อและรหสผานท�สมครไว เชน
ช�อผใช 8112 รหสผาน Ssrw@8112 จะปรากฏดงภาพ
ภาพท� 15 แสดงหนาการเขาสระบบ
ท�มา http://kruthong.ssrw.ac.th/elearning
10
6. เขาสหนาตางบทเรยนบนเครอขายอนเทอรเนต ใหตรวจสอบช�อผเขาสระบบวา
ถกตองหรอไมหากตองการแกไขขอมลสวนตว ใหคลกท�เมนอพเดทประวตสวนตว หากตองการ
เขาสบทเรยนใหคลกเลอกท�รายวชาเรยน
ภาพท� 16 แสดงหนาตางรายวชาเรยนเม�อเขาสระบบแลว
ท�มา http://kruthong.ssrw.ac.th/elearning
7. การอพเดทประวตสวนตว เลอกเมนอพเดทประวตสวนตว จะพบหนาตางประวต
สวนตว นกเรยนสามารถแกไขขอมลเพ�มเตม เปล�ยนรปภาพได โดยคลกเลอกแทบแกไขขอมล
สวนตว เม�อแกไขขอมลเรยบรอยแลว คลกป มอพเดทประวตสวนตว
ภาพท� 17 แสดงหนาตางเมนการอพเดทประวตสวนตว
ท�มา http://kruthong.ssrw.ac.th/elearning
11
ภาพท� 18 แสดงหนาตางการแกไขขอมลสวนตว
ท�มา http://kruthong.ssrw.ac.th/elearning
8. นกเรยนเลอกเรยนในรายวชา การสรางเวบเพจ
ภาพท� 19 แสดงหนาตางรายวชาเรยน
ท�มา http://kruthong.ssrw.ac.th/elearning
12
9. คลก ใช เพ�อยนยนการสมครเรยนในรายวชาท�เลอก คลก ไม หากยงไมสมครเรยน
ภาพท� 20 แสดงหนาตางยนยนการเลอกเรยนในรายวชา
ท�มา http://kruthong.ssrw.ac.th/elearning
10. จากน�นจะปรากฏหนาบทเรยนบนเครอขายอนเทอรเนตในรายวชา ง30209
การสรางเวบเพจ ซ� งประกอบดวย แบบประเมนผลการเรยนรกอนเรยนรายวชา ง30209 การสราง
เวบเพจ กระดานขาว หองสนทนา หนวยการเรยนรท�งหมด 10 หนวยการเรยนร แตละหนวย
การเรยนรจะมแบบทดสอบกอนเรยน บทเรยน ใบงาน ท�สงงาน แบบทดสอบหลงเรยน และแบบ
ประเมนผลการเรยนรหลงเรยนรายวชา ง30209 การสรางเวบเพจ แบบสอบถามความพงพอใจใน
การใชบทเรยนบนเครอขายอนเทอรเนต
ภาพท� 21 แสดงสวนหนาบทเรยนบนเครอขายอนเทอรเนต วชา ง30209 การสรางเวบเพจ
ท�มา http://kruthong.ssrw.ac.th/elearning
13
11. ใหนกเรยนเลอกทาแบบประเมนผลการเรยนรกอนเรยน วชา ง30209 การสราง
เวบเพจ จานวน 30 ขอ ใชเวลา 30 นาท คลกเลอก ทาแบบทดสอบตอนน�
ภาพท� 22 แสดงหนาแบบประเมนผลการเรยนรกอนเรยน วชา ง30209 การสรางเวบเพจ
ท�มา http://kruthong.ssrw.ac.th/elearning
12. คลก OK เพ�อเร�มทาแบบทดสอบ
ภาพท� 23 แสดงสวนของหนาเร�มทาแบบทดสอบกอนเรยน
ท�มา http://kruthong.ssrw.ac.th/elearning
14
13. อานและทาขอสอบโดยคลกเลอกคาตอบท�ถกตองท�สดเพยงคาตอบเดยว ขอสอบ
มท�งหมด 30 ขอ ใชเวลา 30 นาท เม�อทาขอสอบเสรจตรวจเชคความถกตอง แลวคลกสง
แบบทดสอบและส�นสดการทาแบบทดสอบ
ภาพท� 24 แสดงรายละเอยดการทาแบบประเมนผลการเรยนรกอนเรยน
ท�มา http://kruthong.ssrw.ac.th/elearning
15
13.1 คลก OK เพ�อออกจากการทาแบบทดสอบและดผลคะแนน
ภาพท� 25 แสดงรายละเอยดของการออกจากแบบทดสอบกอนเรยน
ท�มา http://kruthong.ssrw.ac.th/elearning
13.2 จะปรากฏหนาแสดงผลคะแนนท�ไดรบจากการทาแบบทดสอบ
พรอมท�งรายละเอยดของการทาขอสอบแตละขอวาถกหรอผด
ภาพท� 26 แสดงผลคะแนนท�ไดและรายละเอยดการทาแบบทดสอบ
ท�มา http://kruthong.ssrw.ac.th/elearning
16
13.3 หนาตางแสดงคะแนนท�ไดรบจากการทาแบบประเมนผลการเรยนร
กอนเรยน
ภาพท� 27 แสดงรายละเอยดเก�ยวกบการทาแบบทดสอบ
ท�มา http://kruthong.ssrw.ac.th/elearning
13.4 เม�อนกเรยนดผลคะแนนและรายละเอยดเรยบรอยแลว นกเรยนคลก
ข�นตอไป เพ�อท�จะไปศกษาบทเรยนแตละหนวยการเรยนร
ภาพท� 28 แสดงรายละเอยดเก�ยวกบการทาแบบทดสอบและเมนข�นตอไป
ท�มา http://kruthong.ssrw.ac.th/elearning
17
14. ศกษาเน�อหาในแตละหนวยการเรยนร โดยเร�มจากหนวยการเรยนรท� 1 ถงหนวย
การเรยนรท� 10 ซ� งแตละหนวยการเรยนรนกเรยนตองปฏบตกจกรรมตามลาดบข�นตอน คอ ทา
แบบทดสอบกอนเรยนประจาหนวยการเรยนร ศกษาบทเรยน ปฏบตกจกรรมและใบงาน โดย
นกเรยนสามารถดาวนโหลดใบงานและสงงานครผานเครอขายอนเทอรเนตไดเลย และทา
แบบทดสอบหลงเรยน
ภาพท� 29 แสดงสวนของหนาเวบของหนวยการเรยนรท� 1
ท�มา http://kruthong.ssrw.ac.th/elearning
14.1 เลอกทาแบบทดสอบกอนเรยน นกเรยนสามารถปฏบตตามข�นตอน
เชนเดยวกบการทาแบบประเมนผลการเรยนรกอนเรยน
ภาพท� 30 แสดงรายละเอยดการทาแบบทดสอบกอนเรยนของหนวยการเรยนรท� 1
ท�มา http://kruthong.ssrw.ac.th/elearning
14.2 นกเรยนคลกเลอกบทเรยนประจาหนวยการเรยนรท�
เบ�องตนเก�ยวกบการสรางเวบ
ภาพท�
ท�มา
14.3 เลอกใบงาน
Word มาจดทาใหเสรจโดยใชโปรแกรม
ภาพท� 32 แสดงการดาวนโหลดใบงานโดยการเลอก
ท�มา
นกเรยนคลกเลอกบทเรยนประจาหนวยการเรยนรท� 1 เร�อง
องตนเก�ยวกบการสรางเวบ เพ�อศกษาขอมลกอนการปฏบตกจกรรม
ภาพท� 31 แสดงบทเรยนหนวยการเรยนรท� 1
ท�มา http://kruthong.ssrw.ac.th/elearning
เลอกใบงานประจาหนวยการเรยนร โดยการดาวนโหลดไฟลซ� งเปนไฟล
โดยใชโปรแกรม Ms Word
แสดงการดาวนโหลดใบงานโดยการเลอก open (เปด) หรอเลอก Save (บนทก
ท�มา http://kruthong.ssrw.ac.th/elearning
18
เร�อง ความร
โดยการดาวนโหลดไฟลซ�งเปนไฟล
บนทก) ไฟลงาน
14.4 การ
ตองการสง คลกอพโหลดไฟลน�
ภาพท� 33 แสดงการอพโหลดงานสงผานระบบบทเรยนบนเครอขาย
ท�มา
14.5 แบบทดสอบหลงเรยน
แบบทดสอบกอนเรยน
ภาพท� 34 แสดงหนาแบบทดสอบหลงเรยนในหนวย
ท�มา
การสงงาน ใหคลกเลอกสงใบงาน คลก Browse เพ�อเลอกไฟลขอมลท�
คลกอพโหลดไฟลน�
การอพโหลดงานสงผานระบบบทเรยนบนเครอขายอนเทอรเนต
ท�มา http://kruthong.ssrw.ac.th/elearning
แบบทดสอบหลงเรยน ใหนกเรยนปฏบตตามข�นตอนเหมอนกบการทา
แสดงหนาแบบทดสอบหลงเรยนในหนวยการเรยนรท� 1
ท�มา http://kruthong.ssrw.ac.th/elearning
19
เพ�อเลอกไฟลขอมลท�
อนเทอรเนต
ใหนกเรยนปฏบตตามข�นตอนเหมอนกบการทา
20
15. เม�อนกเรยนศกษาเน�อหาจนครบท�ง 10 หนวยการเรยนรแลว ใหคลกเลอกรายการ
แบบประเมนการเรยนรหลงเรยนวชา ง30209 การสรางเวบเพจ เพ�อวดระดบความรหลงจากไดรบ
การเรยนร จานวน 30 ขอ โดยปฏบตตามข�นตอนการทาแบบประเมนผลการเรยนรกอนเรยน
นกเรยนตรวจสอบการปฏบตกจกรรมการเรยนรจากเมนกจกรรมท�งหมดดานซายมอ เก�ยวกบ
แบบทดสอบ การบาน กระดานสนทนา หองสนทนาและแหลงขอมล รวมท�งคะแนนท�งหมดท�
ไดรบจากเมนการจดการระบบ
ภาพท� 35 แสดงหนาเมนกจกรรมท�งหมดและการจดการระบบ
ท�มา http://kruthong.ssrw.ac.th/elearning
21
15.1 การใชกระดานสนทนา เพ�อใหนกเรยนไดเขาไปแสดงความคดเหนหรอ
สอบถามปญหาเพ�มเตม
ภาพท� 36 แสดงหนากระดานสนทนา
ท�มา http://kruthong.ssrw.ac.th/elearning
ภาพท� 37 แสดงรายละเอยดกระดานสนทนา
ท�มา http://kruthong.ssrw.ac.th/elearning
22
15.2 การบาน นกเรยนสามารถสงการบานและตรวจสอบการสงการบานไดวา
กาหนดสงวนเวลาใด ทาการบานสงแลวหรอยง พรอมท�งทราบคะแนนท�ไดรบหลงจากครผสอน
ตรวจใหคะแนนc]h;
ภาพท� 38 แสดงรายละเอยดของหนาการบาน
ท�มา http://kruthong.ssrw.ac.th/elearning
15.3 หองสนทนา นกเรยนสามารถสนทนากบครและเพ�อนเพ�อถาม - ตอบ
ปญหาในการเรยนโดยใชหองสนทนา
ภาพท� 39 แสดงหนาแรกของหองสนทนา
ท�มา http://kruthong.ssrw.ac.th/elearning
23
ภาพท� 40 แสดงรายละเอยดหองสนทนา
ท�มา http://kruthong.ssrw.ac.th/elearning
ภาพท� 41 แสดงรายละเอยดบคคลท�รวมสนทนา
ท�มา http://kruthong.ssrw.ac.th/elearning
24
15.4 แบบทดสอบ ใชในการตรวจสอบการทาแบบทดสอบแตละหนวยเรยนร
โดยสามารถตรวจสอบวนท�กาหนดสอบ เวลาท�ใชในการสอบ และคะแนนท�ไดจากการสอบ
ภาพท� 42 แสดงรายละเอยดหนาแบบทดสอบ
ท�มา http://kruthong.ssrw.ac.th/elearning
15.5 แบบสอบถาม เปนการตอบแบบสอบถามเก�ยวกบความพงพอใจของ
นกเรยนท�มตอการเรยนโดยใชบทเรยนบนเครอขายอนเทอรเนต
ภาพท� 43 แสดงหนารายคาช�แจงในการทาแบบสอบถาม
ท�มา http://kruthong.ssrw.ac.th/elearning
25
15.6 แหลงขอมล ใชสาหรบเปนแหลงขอมลท�ใชในการศกษา
ภาพท� 44 แสดงรายละเอยดหนาแหลงขอมล
ท�มา http://kruthong.ssrw.ac.th/elearning
15.7 คะแนนท�งหมด ใชสาหรบตรวจสอบคะแนนท�ไดรบท�งหมดในการเรยน
รายวชา ง30209 การสรางเวบเพจ
ภาพท� 45 แสดงรายละเอยดของหนาคะแนนท�งหมด
ท�มา http://kruthong.ssrw.ac.th/elearning
26
16. เม�อนกเรยนใชงานส�นสดแตละคร� งใหนกเรยนออกจากระบบทกคร� ง โดยเลอกท�
เมนออกจากระบบ
ภาพท� 46 แสดงการออกจากระบบบทเรยนบนเครอขายอนเทอรเนต
ท�มา http://kruthong.ssrw.ac.th/elearning
27
เอกสารอางอง
อาณต รตนถรกล. สรางระบบ e - Learning ดวย moodle ฉบบสมบรณ. กรงเทพฯ :
ซเอดยเคช�น จากด (มหาชน), 2553
เทคโนโลยสารสนเทศและการส�อสาร, ฝาย. ศนยบรหารโครงการหน� งอาเภอ หน�งโรงเรยนในฝน
สานกงานคณะกรรมการการศกษาข�นพ�นฐาน กระทรวงศกษาธการ.
การสราง e-learning ดวยโปรแกรม Moodle : LMS. กรงเทพฯ : มปป.