เอกสารประกอบการสอน เรื่อง ระบบความปลอดภัย

Suan Sunandha Rajabhat University MOODLE V.2.7.X Course Management Satien Janpla 2014SUAN SUNANDHA RAJABHAT UNIVERSITY BANGKOK THAILAND

22. Course การจดั การหลกั สูตร 2.1. Manage courses and categories การจัดการรายวชิ าและประเภท การเพม่ิ และแกไ้ ขรายวิชา สาหรับเว็บไซต์ที่มีผู้สอนใช้งานร่วมกันในเว็บไซต์เดียวกันหลายๆ คน ควรมกี ารจดั แบ่งประเภทของรายวิชาโดยอาจจะแบ่งออกเป็น คณะ ภาควิชา หรือสาขาวิชา หรืออาจจะแบ่งออกเป็นกลุ่มวิชา เช่น กลุ่มวิชา การศึกษาทั่วไป กลุ่มวิชา วิทยาศาสตร์ กลุ่มวิชา ภาษาต่างประเทศ เป็นต้น หรือจะแบ่งตามหลักสูตรของแต่ละสาขาวิชาเช่น หมวดวิชาศึกษาท่ัวไป, หมวดวิชาเฉพาะด้าน, หมวดวิชาเลือกเสรี เป็นต้นข้ันตอนการเพิ่มประเภทและเพ่ิมรายวิชา ไปที่บล็อค “Administration” คลิกเลือกที่ Site administration> Course > manage courses and categories > Miscellaneous ดงั แสดงในภาพท่ี 1 สาหรบั เว็บไซตท์ มี่ ผี ู้สอนเพียงคนเดยี ว หรือ 1 เวบ็ ไซต์ 1 ผู้สอน จะเพ่ิมประเภทรายวิชา เพื่อจัดกลุ่มของรายวิชาตามวธิ ีดงั กล่าวก็ได้ แต่ถา้ มจี านวนรายวชิ าไม่มากนกั เนอื่ งจากวา่ ในแต่ละภาคการศึกษาผู้สอนจะสอนแค่2-3 วิชาเท่าน้ัน จึงไม่ควรสร้างเป็นประเภทเนื่องจากจะจัดรายวิชาเข้ากลุ่มได้น้อย เพียงแค่ 1-2 วิชาเท่านั้นอย่างไรก็ตามถ้าต้องการเพ่ิมประเภทให้คลิกที่ปุ่ม “Create new category” ถ้าต้องการเพ่ิมรายวิชาให้คลิกเลือกทป่ี มุ่ “Create new course” ถา้ ไมเ่ พ่ิมประเภท รายวิชาจะเข้าไปอยู่ในประเภท “Miscellaneous” ซ่ึงเปน็ คา่ ทเ่ี ว็บไซต์กาหนดไว้ ดังแสดงในภาพท่ี 1 1. Create new category 2. create new course ภาพท่ี 1 แสดงการเพ่ิม/แก้ไขรายวิชาSatien Janpla Computer Science Suan Sunandha Rajabhat University

3Create new course การเพิ่มรายวชิ า รายละเอยี ดดังแสดงในภาพที่ 2 1. ใสช่ ่อื รายวิชา 2. ใสร่ หัสวชิ า 3. ใสว่ ัน/เดอื น/ปี ที่ เรมิ่ เรียน 4. ใส่รหสั วิชา 5. ใสค่ าอธบิ ายรายวิชา 6. เลือก Weekly format หรอื Topics format 7. เลอื ก 17 8. Save changes ภาพที่ 2 การเพิม่ รายละเอยี ดวชิ าSatien Janpla Computer Science Suan Sunandha Rajabhat University

4 2.2 Course default settings การกาหนดคา่ เรมิ่ ต้นของรายวิชา เป็นการกาหนดรูปแบบและค่าต้ังตน้ พ้นื ฐานสาหรับการนาไปใช้ในการสร้างรายวชิ าต่อไป มขี น้ั ตอนการกาหนดคา่ ดังน้ี ไปทบี่ ล็อค “Administration” คลกิ เลอื ก Site administration > Course > Coursedefault settings ดงั ภาพที่ 3 1. Site administration 4. เลือก Weekly format หรือ Topics format 2. Course 5. เลอื ก 17 3. Course default settings 6. เลอื กมากทส่ี ุดท่ี สามารถจะ upload ได้ 7. Save changes ภาพท่ี 3 แสดงการกาหนดค่าเร่มิ ตน้ ของรายวชิ าSatien Janpla Computer Science Suan Sunandha Rajabhat University

5 สาหรบั ค่า “Course format” นั้น เป็นการกาหนดรปู แบบของเนื้อหาในรายวชิ าที่เปิดสอนในแต่ละครงั้เบอื้ งต้นกาหนดเปน็ “Weekly format” ซงึ่ ส่วนใหญ่มักจะกาหนดภายใต้ 3 รปู แบบดังน้ี 1. Weekly format แบบรายสปั ดาห์ เหมาะสาหรบั การกาหนดหวั ขอ้ สอนรายสปั ดาห์ เม่อื ขนึ้ สปั ดาห์ใหม่ผเู้ รียนจึงจะสามารถเรยี นสปั ดาห์ถัดไปได้ สถานบันการศกึ ษาส่วนใหญ่จะเลือกรปู แบบนี้ ตวั อยา่ งดงั ภาพท่ี 4 2. Topics format แบบหัวข้อ จะใช้กรณีต้องการเปิดสอนแยกเปน็ หวั ขอ้ เหมาะสาหรับสอนแบบแยกเนอ้ื หาเปน็ รายบทไป ตวั อยา่ งดงั ภาพที่ 5 3. Social format แบบกล่มุ สนทนา จะใชใ้ นกรณีตอ้ งการอภปิ รายเปน็ กลุ่ม ๆ ตัวอยา่ งดังภาพที่ 6ในส่วนค่าอน่ื ๆ ผู้ดูแลระบบสามารถปรบั ต้ังค่าไดต้ ามคา่ ทเี่ หมาะสม ซง่ึ รายละเอยี ดเหลา่ นี้ผดู้ แู ลระบบหรืออาจารยผ์ ู้สอนสามารถปรับเปลยี่ นในขัน้ ตอนการตั้งคา่ รายวิชาไดภ้ ายหลงั Course format น้ียังสามารถDownload เพมิ่ ได้จากเว็บไซต์ moodle.org ได้อีกดว้ ย ภาพที่ 4 รูปแบบรายวชิ าแบบ Weekly format ภาพท่ี 5 รปู แบบรายวชิ าแบบ Topics formatSatien Janpla Computer Science Suan Sunandha Rajabhat University

6 ภาพท่ี 6 รูปบบรายวิชาแบบ Social format 2.3 email-based self-registration การสมัครเขา้ เรยี นดว้ ยตนเองผ่านอเี มล การใช้อเี มลในการตรวจสอบการลงทะเบยี นดว้ ยตนเองจะชว่ ยให้ผู้ใช้สามารถสร้างบัญชีของตนเองผ่านทางปุ่ม “Create new account” ปมุ่ บนหน้าเขา้ ส่รู ะบบ(Login) จากน้นั จะไดร้ ับอเี มลทผ่ี ู้ใช้ได้ระบุไวใ้ นรายละเอยี ดในบัญชีตอนทไี่ ด้ปอ้ นข้อมูลการสมคั ร เพื่อยนื ยันการสมัครเข้าใช้งานเวบ็ ไซต์ ผสู้ อนหรือผดู้ ูแลระบบจะต้องเปิดใหผ้ ูเ้ รยี นสามารถสมคั รดว้ ยตนเองผา่ นอีเมลกอ่ น ผู้เรยี นจึงจะสามารถสมัครสมาชกิ กบั เว็บไซต์ได้ขั้นตอนการเปดิ การสมคั รเข้าเรียนดว้ ยตนเองผา่ นอีเมลมดี ังตอ่ ไปน้ี ไปท่บี ล็อค Administration แลว้ ทาขัน้ ตอนดงั น้ี Site administration > Plugins > Authentication > Manage authentication. แลว้ ทาการเปดิการใช้งาน email-based self-registration ตามขน้ั ตอนดังภาพท่ี 7 และภาพท่ี 8 1. คลิกท่รี ปู ตาเพือ่ เปดิ การ ใชง้ าน email-base self- registration ภาพที่ 7 การเปดิ การใช้งาน email-based self-registrationSatien Janpla Computer Science Suan Sunandha Rajabhat University

7 2. เลอื ก Email-based self-registration 3. Save change ภาพที่ 8 การเปิดการใช้งาน email-based self-registration ต้องเลอื กที่หัวขอ้ Self registration เปน็ Email-based self-registration ส่วนหวั ข้ออน่ื ๆ เลอื กกาหนดได้ตามความต้องการ เช่น ถ้าคุณต้องการท่ีจะจากัดท่ีอยู่อีเมลที่จะสมัครสมาชิกใหม่ท้ังหมด ให้สมัครได้เฉพาะโดเมนท่ีกาหนดเท่าน้ัน การกาหนดอีเมล์ท่ีสามารถให้สมัครสมาชิกได้มีรูปแบบดังน้ี ssru.ac.th gmail.com เป็นSatien Janpla Computer Science Suan Sunandha Rajabhat University

8ตน้ ถา้ ตอ้ งการที่จะยินยอมให้ใช้อีเมลได้หลายๆ โดเนน แต่ละโดเมนให้เว้นช่องว่าง ในตัวอย่างยินยอมให้สมัครได้จากอเี มลของมหาวิทยาลัยราชภัฏสวนสุนันทา และอีเมลของ gmail การกาหนดอีเมลนี้สามารถกาหนดได้ท่ีหัวข้อAllowed email domains เม่ือกาหนดตามที่ต้องการแล้วให้กดปุ่ม Save changes เม่ือกลับไปท่ีหน้าเว็บไซต์หลักและยังไม่ได้เข้าสู่ระบบที่บล็อค login จะมีปุ่ม Create new account เพิ่มขึ้นมา ดังภาพที่ 9 และถ้าคลิกท่ีLogin ก็จะแสดงขอ้ ความและมีปุม่ Create new account เพ่ือให้สมัครสมาชิกได้ด้วยตนเองเช่นกัน ดังภาพท่ี 10 ภาพที่ 9 บลอ็ ก Login สว่ นทเ่ี พ่มิ ข้นึ มาเม่ือเปดิ Email-based self-registration ภาพที่ 10 login เมื่อเปิด Email-based self-registration แล้วSatien Janpla Computer Science Suan Sunandha Rajabhat University

9 2.4 Upload Users การนาเข้าบญั ชผี เู้ รียน ผดู้ ูแลระบบสามารถอัพโหลดบัญชีผู้ใช้หรือผู้เรียนผ่านทางไฟล์ข้อความได้ดังนี้ Administration > Siteadministration > Users > Accounts > Upload users. ข้อมูลสาหรับผู้ใช้สามารถกาหนดรายละเอียดได้ได้มากมายดังนี้ firstname, last name, username, email, city, country, lang, timezone, mailformat,maildisplay, maildigest, htmleditor, ajax, autosubscribe ,institution, department, idnumber, skype, msn, aim, yahoo, icq, phone1, phone2, address, url, description, descriptionformat, password,auth, oldusername , deleted, course1, course2, course3, course4 จะกาหนดเฉพาะข้อมูลบังคับก็ได้ดังน้ี username, firstname, lastname, email ข้อมูลผู้เรียนท่ีเหมาะสมกับการนาเข้าสาหรับการเรียนการสอนดังน้ีคือ username, password, firstname, lastname, email, lang, course1,course2 การเตรียมข้อมูลให้ใช้โปรแกรม notepad และเมื่อบันทึกข้อมูล ต้องเลือก Encoding Type เป็น UTF-8 เพื่อให้ข้อมูลท่ีเปน็ ภาษาไทยสามารถนาเขา้ ระบบไดอ้ ยา่ งถูกตอ้ ง username, password, firstname, lastname, email, lang, course1 s56001, s56001, นาย ก, นามสกุล ก, [email protected], en, IMF1001 s56002, s56002, นาย ข, นามสกุล ข, [email protected], en, IMF1001 s56003, s56003, นาย ค, นามสกุล ค, [email protected], en, IMF1001 s56004, s56004, นาย ง, นามสกลุ ง, [email protected], en, IMF1001 s56005, s56005, นาย จ, นามสกุล จ, [email protected], en, IMF1001รปู แบบการข้อมูลผู้เรยี น มดี งั ตอ่ ไปนี้- username ชอ่ื ผู้ใช้- password รหสั ผา่ น- firstname ชื่อ- lastname นามสกลุ- email อีเมล- lang ภาษา เชน่ en เปน็ ภาษาองั กฤษ th เป็นภาษาไทย- course1 รายวิชาทีจ่ ะลงทะเบยี นเรียนการนารายชอ่ื นักศึกษาเข้าสเู่ ว็บไซต์ด้วยข้ันตอนตอ่ ไปนี้ Site Administration > Users > Accounts> Upload Users ดังภาพท่ี 11Satien Janpla Computer Science Suan Sunandha Rajabhat University

10 1. เลอื กไฟลร์ ายชือ่ นักศกึ ษา หรือลากไฟลม์ าใสใ่ นชอ่ ง สี่เหลยี่ มด้านลา่ ง 2. csv delimiter = , Encoding = UTF-8 Preview rows = 10 3. Upload users ภาพที่ 11 แสดงหน้าจอการ Upload Users เม่อื แสดงหน้าจอมาแล้วให้ เลือกไฟล์รายชื่อนักศึกษาท่ีได้จัดเตรียมไว้ในขั้นตอนก่อนหน้านี้ โดยให้คลิกท่ีปมุ่ Choose a file แล้วไปเลือกชอื่ ไฟลท์ ไี่ ด้ทาการบันทกึ ไว้ หรือลากไฟลท์ ไี่ ด้บนั ทึกไว้ใสใ่ นช่องสเี หล่ยี ม แล้วเลอื ก CSV delimiter = , Encoding = UTF-8 Preview rows = 10แลว้ คลิกทปี่ ุ่ม Upload users ถ้ารูปแบบข้อมูลถูกต้องไม่มีข้อผิดพลาดจะแสดงข้อมูลรายชื่อนักศึกษามาให้ดูเป็นตัวอย่างให้ตรวจสอบรายช่ือ นศ. ถ้าไม่เป็นภาษาไทยแสดงว่าการบันทึกไฟล์ข้อมูลยังไม่ได้เลือก Encoding เป็นUTF-8 ให้กลับไปแก้ไขไฟล์รายชือ่ ใหถ้ กู ต้องกอ่ น ดงั ภาพท่ี 12Satien Janpla Computer Science Suan Sunandha Rajabhat University

11 ภาพที่ 12 แสดงรายชื่อนกั ศกึ ษาในการนาเข้าSatien Janpla Computer Science Suan Sunandha Rajabhat University

12 2.5 การกิจกรรมและแหลง่ เรียนร้ใู นรายวชิ า (Activities and Resources) อาจารยผ์ ้สู อนตอ้ งเพิม่ เน้อื หารายวชิ าเข้าไปในรายวิชาท่ีจะสอน ซง่ึ เน้ือหารายวชิ าจะมกี ารเพ่ิมขอ้ มูล2 ส่วนคือ 1. Activities กิจกรรมต่าง ๆ ในการเรียนการสอน และ 2. Resource แหล่งข้อมูล โดย Activitiesกจิ กรรมการเรียนการสอน สามารถเพ่ิมได้ ดังภาพท่ี 13 และ Resource สามารถเลือกเพ่ิมไดด้ งั ภาพที่ 14 คาอธบิ าย Assignment : การมอบหมายงาน Chat : ห้องสนทนาออนไลน์ Choice : ตอบคาตอบเดียวลกั ษณะเหมือน Poll Database : ฐานข้อมลู External Tool : แหล่งเรียนรแู้ ละกจิ กรรมจากเวบ็ ไซต์อ่ืน Forum : กระดานเสวนา Webboard Glossary : คาศัพท์ ลกั ษณะคล้ายดกิ ชนั นารี Lesson : เน้อื หาแบบบทเรียน Quiz : แบบทดสอบ SCORM package : บทเรยี นทีอ่ ย่ใู นรปู ของ SCORM Survey : แบบสารวจ Wiki : วกิ ิพเี ดยี Workshop : มอบหมายงานเป็นกลมุ่ ภาพที่ 13 เครื่องมือในการเพิ่มกิจกรรม (Activities) คาอธบิ าย Book : บทเรยี นแบบหลายหน้าคลา้ ยหนังสือ File : ไฟล์ขอ้ มลู ต่างๆ เช่น ไฟลเ์ อกสาร ไฟลน์ าเสนอ เปน็ ตน้ Folder : สร้าง Folder เพื่อจัดเก็บไฟล์ต่างๆในแตล่ ะหัวข้อการสอน IMS content package : IMS เปน็ มาตรฐานไฟล์บทเรียนท่จี ะนามาใชร้ ว่ มกนั Label : ปา้ ยช่ือต่างๆ อาจจะเชอื่ มโยงไปยังเวบ็ เพจ หรอื สื่อมลั ตมิ ีเดียต่างๆ Page : หน้าเวบ็ เพจ URL : เชื่อมโยงไปยงั แหล่งข้อมลู ในเวบ็ ไซต์ หรือไฟลว์ ิดีโอจาก YouTube ภาพที่ 14 เคร่ืองมือในการเพ่ิมแหล่งเรียนรู้ (Resource)Satien Janpla Computer Science Suan Sunandha Rajabhat University

13 โครงสร้างของรายวิชา ประกอบไปด้วย บล็อคส่วนหัว ถัดไปจะเป็นบล็อคของเนื้อหาและกิจกรรมเป็นรายสัปดาห์ หรือ รายหัวข้อ ตาม Course Format ตามท่ีได้เลือกไว้ตอนสร้างรายวิชา ในบล็อกแต่ละสัปดาห์จะมีAdd an activity or resource อยู่เพื่อเพ่ิมแหล่งข้อมูลหรือกิจกรรมการเรียนการสอน การเพ่ิมเน้ือหารายวิชาสาหรับการเพ่ิมเน้ือหารายวิชาในขณะท่ีกาลังอยู่ในหน้าของรายวิชามีขั้นตอนดังน้ี ให้คลิกที่ Turn editing onเพ่ือเข้าสู่โหมดการแก้ไขก่อนแล้วถ้าต้องการจะเพ่ิมข้อมูลที่รายสัปดาห์ไหน ก็เลือนไปท่ีบล็อคน้ันแล้วคลิกท่ี Addan activity or resource ของบล็อคน้ัน ดังในภาพท่ี 15 1. Turn editing on บล็อคสว่ นหวั ของรายวิชา 2. Add an activity or resource บล็อคเนื้อหาและกจิ กรรม ภาพที่ 15 โครงสร้างของรายวิชาและการเพิ่มแหล่งข้อมูลและกิจกรรม 2.5.1การเพ่มิ คาอธบิ ายแต่ละสัปดาห์ /หวั ข้อ กรณีทีต่ ้องการแสดงคาอธิบายใหผ้ ้ใู ชง้ านเหน็ ได้ทันทีในหนา้ โครงสรา้ งเน้อื หารายวิชา โดยที่ไม่ต้องคลิกเข้าไปดูคาอธิบายในลักษณะของเมนูน้ัน สามารถเพิ่มคาอธิบายรายละเอียดโดยการคลิกที่รูปไอคอน(รูปไอคอนอาจจะเปล่ียนไปตามรูปแบบเว็บ) เพ่ือเข้าสู่หน้าจอการใส่คาอธิบายแต่ละสัปดาห์หรือหัวข้อ ดังภาพท่ี16 หัวข้อของแต่ละสัปดาห์จะเป็น วันแรกของสัปดาห์ ถึง วันสุดท้ายของสัปดาห์น้ัน ซ่ึงเว็บไซต์จะกาหนดมาให้โดยเร่มิ ตัง้ แตว่ ันแรกของการเริ่มเรียนของรายวชิ านน้ั ๆ ทไ่ี ด้เลอื กไว้ตอนสรา้ งรายวชิ าSatien Janpla Computer Science Suan Sunandha Rajabhat University

14 คาอธบิ ายรายสปั ดาห์ เครือ่ งมือแกไ้ ข ภาพที่ 16 แสดงหวั ข้อสปั ดาห์และเคร่ืองมือแกไ้ ขเม่ือคลิกท่ปี ุ่มเคร่อื งมือ Edit Summary ( ) แลว้ จะปรากฏหนา้ จอดังภาพที่ 17 ต้องคลิกเคร่อื งหมายออก เพื่อทีจ่ ะสามารถพิมพ์ข้อความหวั ข้อทตี่ ้องการลงไปได้ 1. เพ่ือให้สามารถ พมิ พ์ข้อความอื่นท่ี ตอ้ งการ 2. พมิ พ์หวั ข้อทีจ่ ะสอนใน แตล่ ะสปั ดาห์/แต่ละหวั ข้อ 3. พมิ พส์ รปุ เนื้อหาแตล่ ะ สปั ดาห์/แตล่ ะหวั ข้อ 4. Save changes ภาพที่ 17 การเพ่ิมหัวข้อแต่ละสัปดาห์/แตล่ ะหัวข้อSatien Janpla Computer Science Suan Sunandha Rajabhat University

15 2.5.2การเพิม่ แหล่งเรียนรู้ (Resources) การเพ่ิมแหล่งเรยี นรูห้ รอื ทรพั ยากรการเรยี นรู้ เพอ่ื ให้ผู้เรยี นใช้สาหรับการอา่ น ฟงั ดู ชม เพื่อใหเ้ กิดการเรยี นรตู้ า่ ง ๆ ในระบบจงึ ได้ใหก้ ารเพ่มิ แหลง่ ทรัพยากรไดห้ ลายรูปแบบ เช่น  Page เป็นการเพิ่มเน้ือหาในลักษณะหน้าเวบ็ เพจ ท่สี ามารถปรบั แตง่ ไดเ้ หมือนกบั หนา้ เว็บไซต์สามารถจัดข้อความ กาหนดสีตัวอักษร ใสล่ งิ ค์ แทรกภาพ หรือแทรกส่ือมัลติมีเดียได้ การเพิม่ เพจ เช่นการเพ่ิมจดุ ประสงค์การเรยี นรู้ หรือการเพิม่ แหลง่ เรียนรู้เปน็ วดิ โี อจากเว็บไซตย์ ูทูป เป็นต้น วธิ ีการเพม่ิ เพจ ดังภาพที่ 18 1. Add an activity or resource 2. Page 3. Add ภาพที่ 18 การเพม่ิ Page เม่อื คลิก Add แล้วจะปรากฏหน้าปอ้ นข้อมูลข้นึ มา ให้ป้อนขอ้ มูลตามหวั ข้อที่ปรากฏ ดงั แสดงในภาพที่19 เมือ่ ป้อนข้อมูลครบแลว้ ให้ คลกิ ป่มุ Save and return to courseSatien Janpla Computer Science Suan Sunandha Rajabhat University

16 1. พมิ พ์ช่อื เนือ้ หา 2. พิมพ์คาอธิบาย 3. พิมพ์เนือ้ หา 4. Save and return to course ภาพท่ี 19 การพมิ พเ์ น้ือหาของเพจSatien Janpla Computer Science Suan Sunandha Rajabhat University

17 เมือ่ บันทึกข้อมูลโปรแกรมก็จะกลบั มาทร่ี ายวิชาพรอ้ มกับปรากฏรายการข้อมลู จุดประสงคก์ ารเรยี นรบู้ ทที่ 1 เปน็ ลงิ ค์เมื่อนาเมาส์ไปคลิกกจ็ ะแสดงเพจเน้ือหาตามท่ีได้ปอ้ นข้อมลู เขา้ ไป ดังภาพท่ี 20 ภาพท่ี 20 แสดงรายการเพจเนอื้ หาทเี่ พ่มิ เข้าไป  Files การเพิ่มไฟลเ์ น้ือหา การเพ่ิมเนื้อหา เชน่ ไฟลเ์ อกสารประกอบการสอน (.doc, .pdf) ไฟลส์ ไลด์ประกอบการสอน (.ppt) วธิ ีการเพิมให้คลกิ ท่ี Add an activity or resource > files > Add ก็จะปรากฏหน้าจอการป้อนข้อมลู ดังภาพท่ี 21Satien Janpla Computer Science Suan Sunandha Rajabhat University

18 1. พิมพ์ช่อื เนือ้ หาของไฟล์ 2. พมิ พ์คาอธิบาย 3. ไฟล์ 4. Save and return to course ภาพท่ี 22 การเพ่ิมไฟล์Satien Janpla Computer Science Suan Sunandha Rajabhat University

19  Multimedia การเพิม่ ไฟลข์ ้อมลู ประเภทมัลติมเี ดยี การเพม่ิ ไฟล์ขอ้ มลู มลั ติมีเดยี ลงในเนอื้ หารายวชิ า สาหรบั ไฟลม์ ลั ติมีเดียที่นามาใชใ้ นมเู ดลิ้ น้ัน อยใู่ นรูปแบบไฟลด์ ังนี้ - .mp3 - MPEG Audio Stream, Layer III - .swf - Macromedia Flash Format File (Adobe, Inc.) - .mov - QuickTime Video Clip (Apple Computer, Inc.) - .wmv - Windows Media File (Microsoft) - .mpg - MPEG Animation - .avi - Audio Video Interleave File - .flv - Flash Video File (Macromedia, Inc.) - .ram - RealMedia Metafile (RealNetworks, Inc.) - .rpm - RealMedia Player Plug-in (RealNetworks) - .rm - RealMedia Streaming Media (Real Networks, Inc.) - .mp4 (in Moodle 1.9.6 onwards) - .m4v (in Moodle 1.9.6 onwards) - .ogg (in Moodle 2.0 onwards) - .ogv (in Moodle 2.0 onwards)กอ่ นอืน่ ผใู้ ช้งานจะต้องเปิดปลัก๊ อนิ สาหรับการใช้งานไฟลม์ ัลติมเี ดยี ก่อน โดยไปท่ีบล็อค Administration > Siteadministration > Plugins > Filters > Manage filters แล้วจะแสดงดงั ภาพท่ี 23 โดยสงั เกตุหัวข้อชื่อ“Multimedia Plugins” ในคอลัมน์ Active? จะตอ้ งเป็น “on” ในคอลมั น์ Apply to ให้เลือกเป็น“Content” หรอื “Content and headings”Satien Janpla Computer Science Suan Sunandha Rajabhat University

20 ภาพที่ 23 แสดงการเปิด Filter “Multimedia plugins”  การนาวิดโี อจาก YouTube มาใส่ในเน้ือหารายวิชา การนาวิดีโอจากเว็บไซต์ YouTube มาใส่ในเนื้อหารายวิชาสามารถทาได้ 2 วิธี วิธีที่ 1 นาEmbed code มาใส่โดยไม่ต้อง Download ไฟล์วิดีโอมาจากเว็บไซต์ YouTube และวิธีที่ 2 การ Downloadไฟล์วิดีโอมาแล้ว Upload เข้าไปยังรายวิชา แต่มีข้อจากัดคือขนาดของไฟล์วิดีโอจะต้องมีขนาดไฟล์น้อยกว่าท่ีเว็บไซต์กาหนดไว้ (ปัจจุบันกาหนดไว้ 80 MB) การ Download ไฟล์วิดีโอจากเว็บไซต์ YouTube น้ันจะต้องใช้โปรแกรม หรือใช้บรกิ ารจากเว็บไซตท์ ีช่ ่วยในการ Download เชน่ เว็บไซต์ Keepvid.com ต้องลงโปรแกรม Javaในเครื่องด้วย หรอื ใช้โปรแกรมช่วยในการ Download เชน่ โปรแกรม YTD (YouTube Downloader)Satien Janpla Computer Science Suan Sunandha Rajabhat University

21วิธที ่ี 1 Embed Code มขี ัน้ ตอนดงั แสดงในภาพท่ี 24 1. เขา้ เว็บไซต์ YouTube 2. ใสค่ าค้นหาวดิ ีโอท่ีต้องการ4. คลิกท่ี Embed 3. คลิกท่ี Share 5. เลือกทั้งหมดแลว้ Copy code ภาพท่ี 24 แสดงข้ันตอนการ copy embed code จากเว็บไซต์ YouTubeเมอ่ื Copy Code จากเวบ็ ไซต์ YouTube แล้วจะต้องนา Code ไปใสใ่ นเน้ือหารายวิชา โดยเลือกการเพ่มิ ในบล็อคของสัปดาห์หรือหัวข้อทต่ี ้องการ โดยเลือกการเพิม่ Add Activities and resource > Resource > Pageขน้ั ตอนการเพ่ิมดงั แสดงในภาพที่ 25Satien Janpla Computer Science Suan Sunandha Rajabhat University

22 1. ใสช่ อ่ื ของแหลง่ เรียนรู้ 2. ใส่รายละเอยี ดของแหลง่ เรียนรู้ 3. คลิกที่ HTML4. วาง Code ท่ี Copyจากเวบ็ ไซต์ YouTubeลงไปแลว้ คลิกป่มุ ยืนยนัจะปรากฏวิดโี อข้นึ มา 5. Save and return to course ภาพท่ี 25 แสดงข้นั ตอนการเพมิ่ วดิ ีโอจากเวบ็ ไซต์ YouTubeSatien Janpla Computer Science Suan Sunandha Rajabhat University

23วิธที ี่ 2 การใช้โปรแกรม หรือ เวบ็ ไซต์ Download ไฟล์วิดโี อจากเวบ็ ไซต์ YouTube - Download โดยใช้เว็บไซต์ Keepvid.com มีข้ันตอนดังนี้ เข้าเว็บไซต์ keepvid.com copy URL ของวิดีโอท่ีต้องการ Download จากเว็บไซต์ YouTube มาใส่ในช่อง Download (Java จะทางานถ้ายังไม่ได้ ลงJava จะต้องติดตั้งก่อน) รอสักครู่จะปรากฏรายการวิดีโอให้ Download ให้เลือกโหลดไฟล์ท่ีเป็น FLV, MP4,WEBM ดังแสดงในภาพที่ 26 1. เขา้ เวบ็ ไซต์ keepvid.com 2. URL วิดโี อจาก YouTube 3. Download FLV ภาพท่ี 26 แสดงการ Download วดิ โี อจากเวบ็ ไซต์ YouTube ด้วยเว็บไซต์ keepvid.com - Download โดยใช้โปรแกรม YTD Video Downloader ขั้นแรกจะต้องติดตั้งโปรแกรม YTD ก่อนอาจจะใช้วิธีค้นจากเว็บไซต์ Google โดยใช้คาค้นว่า YouTube Video Downloader แล้วให้เลือกท่ีเว็บไซต์http://youtubedownload.altervista.org/ เม่อื เขา้ เวบ็ ไซต์แลว้ ให้คลกิ ที่ Free Download แล้วรอจนกวา่ จะโหลดเสร็จ เม่ือโหลดไฟล์เสร็จแล้วให้ทาการติดตั้งโปรแกรม เมื่อติดต้ังเสร็จแล้วโปรแกรมจะเปิดข้ึนมาตามภาพที่27 เม่ือโปรแกรมเปิดข้ึนมาแล้วสามารถโหลดวิดีโอจากเว็บไซต์ YouTube ด้วยขั้นตอนต่อไปน้ี ไป Copy URLของวิดีโอท่ีต้องการจะ Download จากเว็บไซต์ YouTube แล้วนาไปวางลงในช่อง Paste URL แล้วคลิกที่ปุ่มDownload แล้วรอจนกว่าจะ Download เสร็จก็จะได้ไฟล์วิดีโอจากเว็บไซต์ YouTube ไฟล์วิดีโอจะอยู่ในรูปแบบของไฟล์ .mp4Satien Janpla Computer Science Suan Sunandha Rajabhat University

24 1. Paste URL จาก YouTube ลงไป 2. Download ภาพที่ 27 โปรแกรม YTD video downloader และวิธกี าร Download วดิ ีโอสาหรบั ไฟล์วดิ ีโอท่ี Download มานาใส่ในเน้ือหารายวชิ า โดยเลอื กการเพิ่มในบล็อคของสปั ดาหห์ รือหวั ขอ้ ที่ต้องการ โดยเลือกการเพ่ิม Add Activities and resource > Resource > File  Assignments การมอบหมายงาน เม่ือผู้สอนได้สอนเน้ือหาหรือได้กาหนดให้ผู้เรียนได้ศึกษาข้อมูลจากแหล่งข้อมูลต่างๆ แล้วอาจจะมีการมอบหมายงานให้ศึกษาค้นคว้า จัดทาเป็นรายงาน หรือจัดทาเป็นสไลด์เพ่ือการนาเสนอระบบก็รองรับการมอบหมายงานหรอื ทีเ่ รียกวา่ Assignment ที่สามารถใส่ชื่องานที่มอบหมาย รายละเอียดของงาน จานวนไฟล์ท่ีจะให้ผู้เรียนส่งได้สูงสุดกี่ไฟล์ กาหนดคะแนน ระยะเวลาที่จะให้ส่งงาน เป็นต้น สามารถเพิ่มการมอบหมายงานด้วยคาสั่ง Add Activities and resource > Activity > Assignment > Add ดงั ภาพท่ี 28Satien Janpla Computer Science Suan Sunandha Rajabhat University

25 1. พิมพ์ช่อื การมอบหมายงาน 2. พิมพ์รายละเอียดของงาน 3. วัน-เวลาท่เี ร่ิมให้ส่งงานได้ 4. วนั -เวลาท่สี นิ้ สุดการส่งงาน ภาพท่ี 28 การมอบหมายงานSatien Janpla Computer Science Suan Sunandha Rajabhat University

26 5. การส่งงานแบบส่งเป็ นไฟล์ 6. จานวนไฟล์สูงสุดท่ใี ห้ upload ได้ ภาพที่ 28 การมอบหมายงาน (ตอ่ )Satien Janpla Computer Science Suan Sunandha Rajabhat University

27 7. คะแนน 8. Save and return to course ภาพท่ี 28 การมอบหมายงาน (ตอ่ )Satien Janpla Computer Science Suan Sunandha Rajabhat University

28  Forum การเพ่มิ กระดานเสวนา Forum กระดานเสวนา หรือที่นิยมเรียกกันว่า Web board สามารถนามาใช้สาหรับเป็นกระดานถาม-ตอบปัญหาในการเรยี น ใช้เปน็ พ้ืนที่สาหรบั การอภิปรายโต้ตอบ การแลกเปล่ียนความรซู้ ่ึงกันและกันระหว่างผู้เรียนกับผู้เรียน การสอดแทรกความรู้เพ่ิมเติมจากผู้สอน การตั้งคาถามจากผู้สอนไปยังผู้เรียน การใช้ Forum กระดานเสวนา ผู้เรียนทุกคนจะเห็นข้อความและข้อมูลต่างๆ ท่ีโต้ตอบกันระหว่างผู้สอนกับผู้เรียน หรือระหว่างผู้เรียนกับผเู้ รยี น ทาใหส้ ามารถตดิ ตามหรือสามารถอภิปรายโต้ตอบได้ สามารถเพิ่ม Forum กระดานเสวนาด้วยคาส่ัง AddActivities and resource > Activity > Forum > Add การเพิ่ม Forum ดงั ภาพที่ 29 1. พพิ ม์ช่อื กระดานเสวนา 2. พพิ ม์รายละเอียดกระดานเสวนา 3. ขนาดไฟล์สูงสุดท่จี ะให้แนบได้ 4. จานวนไฟล์สูงสุดท่จี ะให้แนบได้ ภาพท่ี 29 การเพ่มิ Forum กระดานเสวนาSatien Janpla Computer Science Suan Sunandha Rajabhat University

29 5. ชนิดการให้คะแนน 6. จานวนคะแนน ภาพที่ 29 การเพม่ิ Forum กระดานเสวนา(ต่อ)Satien Janpla Computer Science Suan Sunandha Rajabhat University

30 7. Save and return to course ภาพท่ี 29 การเพม่ิ Forum กระดานเสวนา(ตอ่ ) 2.6 Quiz การเพิม่ แบบทดสอบ การสร้างแบบทดสอบ มี 2 ข้ันตอน ในข้ันตอนแรกสร้างกิจกรรมแบบทดสอบและตั้งค่าตัวเลือกซ่ึงกาหนดหลักเกณฑ์สาหรับการสอบ ขั้นตอนท่ี 2 การเพ่ิมคาถามสาหรับแบบทดสอบ คาถามแต่ละข้อสามารถต้ังค่าได้และสามารถเลอื กคาถามแบบเจาะจง หรือจะเลือกแบบสุ่มก็ได้ในแบบทดสอบ การเพิ่มแบบทดสอบสามารถทาได้ดังน้ี ให้เข้าไปท่ีหน้าโครงสร้างของรายวิชาแล้ว Turn editing on > Add an activity or resource >Quiz รายละเอยี ดการกาหนดค่าแบบทดสอบดงั ภาพที่ 30Satien Janpla Computer Science Suan Sunandha Rajabhat University

31 1. ช่ือแบบทดสอบ 2. คาชี้แจงแบบทดสอบ 3. วนั /เวลา ทใ่ี หเ้ ริ่มสอบได้ 4. วนั /เวลา สน้ิ สุดการสอบ 5. เวลาท่ีใชใ้ นการสอบกีน่ าที 6. จานวนครง้ั ท่ใี ห้สอบ 7. จานวนข้อต่อหนา้ 8. ให้แสดงคะแนน ภาพที่ 30 การกาหนดค่าแบบทดสอบSatien Janpla Computer Science Suan Sunandha Rajabhat University

32 9. กาหนดรหัสผา่ นกอ่ นเข้าสอบ 10. Save and display ภาพท่ี 30 การกาหนดคา่ แบบทดสอบ(ตอ่ )Satien Janpla Computer Science Suan Sunandha Rajabhat University

33 ข้ันตอนท่ี 2 การเพิ่มข้อสอบ หลังจากท่ีได้ กาหนดค่าแบบทดสอบแล้ว ก็จะเป็นการเพ่ิมข้อสอบหรือคาถาม สามารถทาได้ 2 วิธี วิธีแรกการสรา้ งคาถามด้วยเคร่อื งมือในการสรา้ งคาถามจากเว็บไซต์ และวิธีท่ีสอง การสร้างคาถามจากภายนอกโดยใช้โปรแกรม Notepad แล้ว Import เข้าไป วิธีน้ีจะสามารถสร้างข้อมูลได้จานวนมากตามท่ีต้องการ สะดวกในการแก้ไขมากกว่าวิธีแรก การ Import ข้อสอบเข้าสู่ระบบจะต้องพิมพ์ข้อสอบด้วยโปรแกรม Notepad ตามรูปแบบที่ MOODLE กาหนดซ่งึ มีใหเ้ ลือกหลายรปู แบบ เช่น - Aiken format - Blackboard - Embedded answers (Cloze) - Examview - Gift format - Learnwise format - Missing word format - Moodle XML format - WebCT format รปู แบบทแี่ นะนา คือ Gift format เนอ่ื งจากสามารถสร้างคาถามไดห้ ลายชนิด เช่น ปรนยั (Choice), ถกู -ผิด, จับคู่, เตมิ คาในช่องว่าง ฯลฯรูปแบบการสรา้ งคาถามแบบปรนัย Gift formatข้อใดมโี ครงสรา้ งของประโยคเหมอื นประโยคตวั อยา่ ง 1. โจทย์“ปากกาบนโตะ๊ คงหายไป” { 2. เครื่องหมายปีกกาเปิด {~ ขนมในถุงมหี ลายอย่าง~ เส้อื ในตสู้ วยทุกตวั 3. ~ สาหรับตวั เลือกทีผ่ ดิ~ หนังสอื ในตใู้ ครหยบิ ไป 4. = สาหรับตวั เลือกที่ถูก= ต้นไม้ในกระถางกาลงั โตข้ึน } 5. เครื่องหมายปีกกาปดิ }คาว่า “พดู ” ในภาษากรุงเทพฯ มีใชต้ ่างออกไปในภาษาถ่นิ อน่ื เช่น ภาษาเหนือใช้ “อู้” ภาษาอีสานใช้ “เวา่ ” ข้อใดอธิบายลักษณะของภาษาดงั กล่าวขา้ งตน้ { 6. เวน้ 1 บรรทัด แล้วพิมพ์~ภาษาเปน็ สิ่งทีม่ นุษย์ใชส้ ่อื ความหมาย โจทย์=ภาษาถิ่นหมายถงึ ภาษาท่แี ตกต่างกันตามถ่นิ ท่ีอยู่ ข้อต่อไป~เสยี งในภาษาไม่จาเป็นต้องสัมพันธก์ บั ความหมาย~ลักษณะของภาษาถิ่นต้องแตกต่างกับภาษามาตรฐาน } คาถามแบบปรนัย Gift formatSatien Janpla Computer Science Suan Sunandha Rajabhat University

34รปู แบบการสรา้ งคาถามแบบถกู -ผิด Gift format 1. คอมพิวเตอร์หมายถงึ เคร่ืองคานวณ {T} 2. 3. Ada Augusta คอื โปรแกรมเมอร์คนแรกของโลก {T} 4. 5. William Augtred คดิ Slide Rule สาหรบั คอมพวิ เตอรแ์ บบดจิ ติ อล {F} 6. 7. John Napier คอื บดิ าแห่งคอมพวิ เตอร์ของโลก {F} 8. 9. เครือ่ งคอมพวิ เตอร์เคร่ืองแรกของโลกคือ EDVAC และ EDSAC {T} คาถามถูก-ผิด Gift formatรปู แบบการสร้างคาถามแบบจับคู่ Gift format จงจับคเู่ ดอื นภาษาอังกฤษทมี่ ีความหมายตรงกนั . { =January -> มกราคม =February -> กมุ ภาพนั ธ์ =March -> มีนาคม =April -> เมษายน =May -> พฤษภาคม =June -> มิถุนายน =July -> กรกฏาคม =August -> สิงหาคม =September -> กนั ยายน =October -> ตุลาคม =November -> พฤศจิกายน =December -> ธันวาคม } คาถามจับคู่ Gift formatSatien Janpla Computer Science Suan Sunandha Rajabhat University

35รูปแบบการสรา้ งคาถามแบบเติมคา Gift format1. ครูให้นกั เรียนคัดลายมอื ด้วยตัว {=บรรจง} เตม็ บรรทัด บรรจง), บันจง ,บรรคจ์ ง(2.3. {=บรรยากาศ} ของงานเลื้ยงวนั น้ีดูคึกคักเป็นพิเศษ บรรยากาส), บรรยากาศ,บนั ยากาศ (4.5. คนโบราณเชือ่ วา่ เทวดาเปน็ ผู้ {=บนั ดาล} ให้ฝนตกลงมา บันดาร), บนั ดาล ,บรรดาล(6.7. เชา้ วันเสาร์ท้องฟา้ แจ่มใส {=อากาศ} สดชื่น อากาศ),อากาส(อากาด.8.9. ฉนั คยุ กับเพือ่ นขณะรอพระฉัน {=ภัตตาหาร} เพล อาหาร),ภตั ตาหาร,ภัตษาหาร( คาถามเติมคา Gift format เมื่อพิมพ์ข้อสอบด้วย Notepad เสร็จแล้วจะต้อง Save แล้วกาหนด Encoding type เป็น UTF-8เพือ่ ให้การแสดงข้อความภาษาไทยแสดงได้อย่างถูกต้อง เมื่อเตรียมไฟล์ข้อสอบไว้เรียบร้อยแล้วต่อไปเป็นขั้นตอนการนาขอ้ สอบเข้าสูระบบ (Import) ซ่ึงมีขั้นตอนดังน้ี สร้างประเภท เพื่อแยกคาถามออกเป็นบท หรือเป็นเรื่อง ๆไปคาถามจะได้ไม่ปนกัน เวลานามาทดสอบจะได้เลือกคาถามได้ง่าย ขึ้นตอนการสร้างประเภทมีข้ันตอนดังน้ีQuestion bank > Categories แล้วสร้างประเภทข้ึนมาตามที่ต้องการ เม่ือสร้างประเภทเสร็จแล้วก็จะเป็นข้ันตอนการนาเข้าคาถาม(Import) มีขั้นตอนดังนี้ Question bank > Import และกาหนดรายละเอียดต่างๆตามภาพท่ี 32Satien Janpla Computer Science Suan Sunandha Rajabhat University

36 1. เลอื กรูปแบบไฟล์คาถาม 2. เลือกกล่มุ ทจ่ี ะนาเข้า 3. เลอื กไฟลค์ าถามท่ีจะนาเข้า หรือ ลากไฟล์มาปล่อยในช่อง drag and drop 4. Import ภาพที่ 32 การนาเข้าคาถามจากไฟล์Satien Janpla Computer Science Suan Sunandha Rajabhat University

37เมือ่ คลิกปมุ่ Import แล้วถ้าคาถามในไฟล์ถกู ต้องตามรูปแบบจะแสดงคาถามท่ีนาเข้าขึ้นมาเพอ่ื ใหต้ รวจสอบถามถูกต้อง ถา้ ถูกต้องให้คลกิ ท่ี Continue ดังในภาพที่ 33 ภาพท่ี 33 แสดงคาถามที่กาลังจะนาเขา้เม่ือนาเข้าไฟลค์ าถามบทท่ี 1 เรียบร้อยแล้วก็ให้นาเขา้ ไฟลค์ าถามบทอ่ืนๆ ต่อไปจนครบSatien Janpla Computer Science Suan Sunandha Rajabhat University

38หลังจากท่ีได้นาเข้าคาถามครบเรียบร้อยแล้วต่อไปเป็นการนาคาถามเข้าสู่แบบทดสอบให้คลิกที่ Edit Quiz ให้เลือกคาถามเข้าสู่แบบทดสอบโดยให้เลือกประเภทคาถามก่อนแล้วเลือกว่าจะนาเข้าคาถามข้อใดบ้างหรือจะเลือกคาถามแบบสุ่มจานวนกคี่ าถาม ดังแสดงในภาพที่ 34 3. จานวนคะแนน ของแบบทดสอบ 1. เลือกประเภท 2. เลอื กจานวนข้อ คลกิ Add to quiz ภาพที่ 34 การเลือกคาถามเข้าแบบทดสอบSatien Janpla Computer Science Suan Sunandha Rajabhat University

39 เม่ือบันทึกคะแนนสอบเสร็จแล้วให้กลับไปท่ีหน้าโครงสร้างรายวิชา จะเห็นหัวข้อแบบทดสอบปรากฏอยู่ใหค้ ลกิ เข้าไป ระบบจะแจ้งให้ทราบวนั /เวลาในการสอบและเวลาในการสอบให้คลิกท่ีปุ่ม เร่ิมการสอบ ระบบจะทาการแสดงคาถามขึน้ มาตามที่ได้กาหนดไว้ ดงั ในภาพที่ 35 ภาพที่ 35 แสดงการทาแบบทดสอบSatien Janpla Computer Science Suan Sunandha Rajabhat University

402.7 การนารายชือ่ นกั ศึกษาจากเวบ็ ไซตง์ านทะเบยี นไปใช้ในเวบ็ ไซต์ MOODLE รายชื่อนักศึกษาท่ีลงทะเบียนเรียนในรายวิชาต่างๆ จะถูกจัดเก็บไว้ในเว็บไซต์ของฝายทะเบียนและวัดผลอาจารย์ผู้สอนจะมี Username กับ Password ในการเข้าสู่ระบบเพื่อเข้าไปดูรายชื่อนักศึกษาของแต่ละรายวิชาแต่ละหมู่เรียนได้ และยังสามารถนาข้อมูลรายชื่อนักศึกษาออกมาเป็นไฟล์ได้อีกด้วย(ไฟล์จะอยู่ในรูปของ Text Files)อาจารย์ผู้สอนจึงสามารถนาไฟล์รายชื่อจากเว็บไซต์นี้ไปใช้ในการนาเข้าเว็บไซต์การสอนของอาจารย์ได้โดยมีข้ันตอนต่างๆ ดังน้ี 1. เขา้ ส่เู ว็บไซตง์ านทะเบียนและวดั ผล http://www.rg.ssru.ac.th ภาพท่ี 36 แสดงหน้าเวบ็ ไซตง์ านทะเบยี นและวัดผลSatien Janpla Computer Science Suan Sunandha Rajabhat University

41เม่อื เข้าสูร่ ะบบแลว้ ให้คลกิ ไปที่ ตรวจสอบตารางสอน จะแสดงตารางรายวชิ าต่างๆทเี่ ราสอนในแต่ละภาคเรียนมาให้ ดงั ภาพที่ 37 ภาพที่ 37 แสดงตารางสอนของอาจารยผ์ สู้ อนอาจารยผ์ ้สู อนสามารถนารายช่อื นกั ศึกษาออกมาเป็นไฟลไ์ ดด้ ้วยการคลิกไปท่ี กลุ่มเรยี นของรายวชิ าที่ต้องการ ดังภาพที่ 38Satien Janpla Computer Science Suan Sunandha Rajabhat University

42 ภาพท่ี 38 แสดงรายชื่อนักศึกษาและการนาข้อมูลออก เม่ืออาจารย์ผู้สอนคลิกท่ี กล่มุ เรยี น แลว้ จะแสดงรายช่อื นกั ศกึ ษาท่ลี งทะเบียนรายวชิ านั้นออกมา และมีปุ่มชอ่ื นาข้อมูลออก อยู่ด้วย ถา้ ตอ้ งการไฟล์รายชือ่ นักศึกษา ให้คลิกท่ีปุ่ม นาข้อมลู ออก แล้วจะมหี น้าตา่ ง SaveAs ขนึ้ มาใหเ้ ลอื กวา่ จะบันทึกไวเ้ ก็บไวท้ ่ีไหน ใหเ้ ลอื ก folder ท่จี ะบนั ทึกไฟลส์ ่วนชอ่ื ไฟล์เว็บไซตจ์ ะกาหนดมาให้ดังภาพท่ี 39 ภาพที่ 39 แสดงการบันทึกไฟลร์ ายชื่อนกั ศกึ ษาSatien Janpla Computer Science Suan Sunandha Rajabhat University

43 2. การเปดิ ไฟลร์ ายชือ่ นกั ศกึ ษาด้วยโปรแกรม Notepad เมื่อบนั ทึกไฟลเ์ รียบรอ้ ยแล้ว ให้ Open files ข้ึนมา ไฟลจ์ ะถกู เปิดขึ้นมาดว้ ยโปรแกรม Notepad ดงัแสดงในภาพท่ี 40 ภาพที่ 40 แสดงรายชอื่ นักศึกษา ใหล้ บขอ้ ความสว่ นหัวของรายช่อื อกท้ังหมดให้เหลอื เฉพาะรายชอื่ นกั ศึกษาแลว้ บนั ทึกข้อมลู ดงั ภาพที่ 41 ภาพที่ 41 แสดงการลบข้อความสว่ นหวัต้องลบข้อความสว่ นหัวท้งั หมดและข้อความจะต้องอยู่ชดิ ด้านบนบรรทดั แรก แลว้ บันทึกข้อมูลอีกครง้ัSatien Janpla Computer Science Suan Sunandha Rajabhat University

44 3. การเปดิ ไฟลด์ ว้ ย Microsoft Excelใหเ้ ปดิ โปรแกรม Microsoft Excel ขนึ้ มาโดยการไปท่ี Start/All Program/Microsoft office/Microsoft Excel2007 /2010 เมอ่ื โปรแกรมเปดิ ขน้ึ มาแลว้ ไปท่ี /file /open ดงั ภาพที่ 42 ภาพท่ี 42 แสดงการเปิดไฟล์รายชือ่ นักศึกษาให้เลอื กเปน็ All files รายช่อื ไฟลน์ ักศึกษาจงึ จะแสดงเน่ืองจากไฟลร์ ายชื่อนักศกึ ษาไมเ่ ป็นไฟล์ชนดิ Excel แลว้ให้เลอื กไปยงั folder ทไี่ ดจ้ ัดเกบ็ ไซต์ราย่ช่ือนักศกึ ษาไว้แล้ว คลิก Open เปิดไฟล์ขึน้ มาแลว้ ทาข้นึ ตอนต่อไป ดังภาพท่ี 43Satien Janpla Computer Science Suan Sunandha Rajabhat University

45 ภาพที่ 43 การเปิดไฟล์รายชือ่ นกั ศึกษา ขน้ั ตอนที่ 1ขัน้ ตอนท่ี 1 ให้เลือก เปน็ Delimeited และถ้ารายช่อื ไม่แสดงภาษาไทยให้เลือก File origin เป็น Unicode(UTF-8) แลว้ คลกิ Next เพื่อไปขั้นตอนตอ่ ไป ดังภาพที่ 44 ภาพท่ี 44 การเปดิ ไฟล์รายชอื่ นักศกึ ษาขน้ั ตอนที่ 2Satien Janpla Computer Science Suan Sunandha Rajabhat University

46ขั้นตอนที่ 2 ใหค้ ลิกเลือกท่ี Space ใหส้ ังเกตรายชอื่ ด้านลา่ งจะมีเส้นแบ่งออกเปน็ ส่วนๆ ดังในภาพที่ 45 ใหค้ ลกิNext เพื่อไปขน้ั ตอนต่อไป ภาพที่ 45 การเปดิ ไฟล์รายชื่อนกั ศกึ ษาขั้นตอนที่ 3ขน้ั ตอนท่ี 3 ให้เลือกรปู แบบข้อมลู ของแตล่ ะคอลัมน์ ถา้ ไม่กาหนดโปรแกรมจะเลือกให้อัตโนมัติ ให้ Finishรายชอ่ื นักศึกษาจะถูกเปดิ ขึ้นดังภาพท่ี 46 ภาพท่ี 46 แสดงรายชื่อนักศึกษาที่เปิดขน้ึ มาSatien Janpla Computer Science Suan Sunandha Rajabhat University

47 4. จัดรปู แบบขอ้ มลู ตามทเี่ ว็บไซต์ MOODLE ตอ้ งการรูปแบบขอ้ มลู username, password, firstname, lastname, email, lang, course1 s56001, s56001, นาย ก, นามสกลุ ก, [email protected], en, IMF1001 s56002, s56002, นาย ข, นามสกลุ ข, [email protected], en, IMF1001 s56003, s56003, นาย ค, นามสกลุ ค, [email protected], en, IMF1001 s56004, s56004, นาย ง, นามสกุล ง, [email protected], en, IMF1001 s56005, s56005, นาย จ, นามสกุล จ, [email protected], en, IMF1001รปู แบบการข้อมลู ผู้เรยี น มดี ังตอ่ ไปนี้- username ชื่อผู้ใช้- password รหัสผ่าน- firstname ชอ่ื- lastname นามสกลุ- email อเี มล- lang ภาษา เชน่ en เปน็ ภาษาองั กฤษ th เปน็ ภาษาไทย- course1 รายวิชาทจ่ี ะลงทะเบยี นเรียน ภาพท่ี 47 แสดงรายช่ือนักศึกษาSatien Janpla Computer Science Suan Sunandha Rajabhat University

48 4.1 Copy คอลัมน์ เลขประจาตัว มาทับในชอ่ ง ลาดบั ท่ี ให้ ลากคลุมข้อมูล ในช่องเลขประจาตวั ท้ังหมด แลว้ Copy แล้วคลิกท่ีคอลมั น์ ลาดับท่ี แล้ว Paste จะได้ข้อมลู ตามภาพที่ 48 ภาพที่ 48 Copy เลขประจาตวั ไปทบั ลาดบั ที่ 4.2 รวมคานาหนา้ กบั ช่ือ เปน็ คอลมั นเ์ ดียวกัน เพ่มิ คอลัมน์ว่างเพม่ิ อีก คอลัมน์ 1 Click เมาสข์ วาที่ C เลือก Insert แลว้ พิมพ์สูตร =D1&E1 ดังภาพท่ี49 ภาพที่ 49 รวมคานาหน้า กบั ช่ือSatien Janpla Computer Science Suan Sunandha Rajabhat University

49 ภาพท่ี 50 ผลลพั ธ์การรวมคานาหนา้ กบั ชอื่ เมื่อพิพมส์ ตู รรวมคานาหนา้ กับ ชือ่ แล้วคดั ลอกสตู รไปยังคนอื่นๆ โดยการคลิกที่ช่ือคนแรกแล้วเคลื่อนเมาส์ไปทม่ี ุม แลว้ ลากลงมาถึงชื่อคนสุดทา้ ย จะได้รายชอ่ื ดงั ภาพท่ี 50 4.3 ลบคานาหนา้ กับ ช่ือ ออก ถ้าลบคานาหน้า กบั ชือ่ ออก(คอลัมน์ D,E) ช่ือในคอลัมน์ C จะหายไปด้วยเนื่องจากชื่อในคอลัมน์ C เกิดจากการใช้สูตร จะต้อง Copy แล้ว Paste Special แล้ววางเฉพาะ Value (เฉพาะค่าหรือข้อความอย่างเดียว)ด้วยข้ันตอนดังนี้ เพิ่มคอลัมน์ว่าง Click ที่ คอลัมน์ C /Insert แล้วเลือกชื่อนักศึกษาที่คอลัมน์ D / Copy / คลิกคอลัมน์ C /Paste Speacial /Value /Esc/เลือกคอลมั น์ D-E/Delete ดงั ภาพที่ 51Satien Janpla Computer Science Suan Sunandha Rajabhat University

50 ภาพท่ี 51 แสดงการลบคานาหน้า กับ ชอ่ื4.4 เพ่ิมสว่ นหัวของข้อมูล คลิกที่ Row 1 แล้วคลกิ ขวาเลือก Insert จะได้แถวว่างด้านบน 1 แถว แล้วพมิ พส์ ว่ นหวั ดังภาพที่ 52 ภาพที่ 52 แสดงการเพ่มิ สว่ นหวั ขอตารางSatien Janpla Computer Science Suan Sunandha Rajabhat University