การปรับแต่ง moodle · 2014-05-13 ·...
TRANSCRIPT
![Page 1: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/1.jpg)
การปรบแตง Moodle
อาจารยปฐมพงศ อยจ านงคภาควชาพฒนศกษาและนวตกรรมทางการศกษา
สาขาวชาคอมพวเตอรศกษา
![Page 2: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/2.jpg)
เรองทจะเรยนร ในการปรบแตง Moodle
o การ Login เขาสระบบหลงเวบ
o การตงคาโซนเวลาทองถน
o การตงคาภาษาทใชในเวบ
o การตงคาหนาโฮมเพจ
o รจกกบบลอค (Blocks) และ ประเภทของบลอค
o การเปดใชงานบลอคส าเรจรป
o การก าหนดใหบลอคแสดงผลบนหนาโฮมเพจ
o ทดลองเพมบลอคและสรางบลอคใชงานเอง
![Page 3: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/3.jpg)
การ Login เขาสระบบหลงเวบการปรบแตง moodle นน ผดแลระบบ หรอ Admin จะตองท าการลอคอนเขาระบบหลง
เวบกอน ถงจะสามารถปรบแตง องคประกอบตาง ๆ ของ model ได มขนตอนดงตอไปน
คลก Login ทมมขวาดานบน เพอท าการเขาระบบ
![Page 4: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/4.jpg)
ท าการกรอก Username และ Password แลวกดปม Login เพอเขาสระบบ
![Page 5: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/5.jpg)
แสดงหนาตา ระบบหลงเวบ เพอท าการปรบแตงรายละเอยดตาง ๆ
![Page 6: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/6.jpg)
การตงคาโซนเวลาทองถน (Time Zone)การทจะใชงานระบบ เพอใหเวลาการใชงานตาง ๆ ตรงกบเวลาทองถน ผดแลระบบจะตอง
ปรบแตงโซนเวลาใหตรงกบเมองไทยกอนโดยมวธการท าดงน
1.คลกท เมนรายการของ admin ทางดานซายมอ (Site administration)
2.เลอกเมน Location
![Page 7: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/7.jpg)
3.เลอกเมน Location settings เพอเขาไปปรบตงคาโซนเวลา
![Page 8: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/8.jpg)
4. เปลยนโซนเวลาใหเหมอนดงภาพDefault timezone = UTC+7Force default timezone = UTC+7Default country = Thailandแลวกดปม save changes ดานลาง
![Page 9: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/9.jpg)
การตงคาภาษาทใชในเวบ (Language)ปกตคาเรมตนของเวบ จะตงไวเปนภาษาองกฤษ เราสามารถปรบเปลยนเปนภาษาไทยได
โดยสามารถเขาไปดาวนโหลด ภาษาไทยไดจากเวบ moodle.org เพอน ามาตดตงในเวบของเรา
![Page 10: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/10.jpg)
เลอกภาษาไทยทดาวนโหลด ใหตรงกบรนของ moodle ทเราตดตง ในทนผมเลอกรน 2.4
![Page 11: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/11.jpg)
เลอก Thai แลวกดดาวนโหลดไฟล th.zip
![Page 12: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/12.jpg)
เมอไดไฟลทดาวนโหลดมาแลว ใหท าการแตกไฟลเพอทจะน าไปใชในการตดตงภาษาไทย
![Page 13: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/13.jpg)
ท าการคดลอกไฟลภาษาไทยทแตกไว ไปใสในหองเกบภาษาของ moodle ซงจะอยทC:\xampp\htdocs\moodle\lang
![Page 14: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/14.jpg)
กลบเขาสหนาเวบmoodle เพอมาเปลยนภาษา1. คลกทเมนดานซายในสวนของ Site administration จากนนเลอกในสวนของ Language2. เลอก Language packs เพอท าการตดตงภาษาไทย
![Page 15: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/15.jpg)
1. เลอก thai (th)
2. กด Install selected language pack
![Page 16: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/16.jpg)
1. เลอกเมน Language settings2. เมอเขาสหนา Language stings ใหเลอก Default language = Thai (th)
![Page 17: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/17.jpg)
1.เลอก Language customization2. เลอก Thai (th)
![Page 18: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/18.jpg)
เมอกลบมาทหนา Home กจะมตวเลอกเปลยนภาษาอยมมบนสดขวามอ ใหเลอก ภาษาไทย หนาเวบของเรากจะเปลยนเปนภาษาไทย
![Page 19: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/19.jpg)
การตงคาหนาโฮมเพจ (Front Page)
1
2
สามารถท าการปรบแตงหนาโฮมเพจ หรอหนาหลกเวบของเราไดโดย1. คลกทเมน Front page settings2. เลอกการตงคาเพอเรมท าการปรบแตงรายละเอยดของหนาเวบ
![Page 20: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/20.jpg)
หนาตางแสดงสวนทสามารถปรบแตงรายละเอยด ตงคา ของหนาโฮมเพจ
![Page 21: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/21.jpg)
การปรบแตงรายละเอยด ในสวนของการใสรปภาพในรายละเอยดหนาแรก
1. ท าการสรางโฟลเดอรเกบรปภาพใน C:\xampp\htdocs\moodle\pic
2. น ารปภาพทตองการใสในเวบ ไปเกบไวในโฟลเดอร pic (รปภาพทใชไมควรมขนาดใหญเกนไป)3. คลกปม เพอท าการแทรกรปภาพ
![Page 22: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/22.jpg)
หนาตางแสดงรายละเอยดการเพมรปภาพ1. ในสวนของทอยรป ใหใสชอ โฟลเดอรทเกบภาพ แลวตามดวยชอภาพ เชนpic/LMS.jpg 2. สามารถปรบแตงขนาดรปได โดยคลกทเมน ลกษณะ 3. เมอแทรกรปภาพและปรบแตงเสรจ ใหกดปม เพม
1
2
3
![Page 23: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/23.jpg)
เมอบนทกการเปลยนแปลงเรยบรอยแลว กลบมาทหนาหลก กจะพบ blocks ทเราไดท าการแกไขในสวนของการตงคา Font page settings เมอสกครน
![Page 24: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/24.jpg)
รจกกบบลอค (Blocks)
บลอค คอกรอบทใชแสดงเนอหาตาง ๆ โดย admin (ผดแลระบบ) สามารถท าการ เพม ลบ หรอยายต าแหนงการแสดงเนอหาของบลอค บนหนาเวบไซต ไดตามตองการ
![Page 25: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/25.jpg)
Block
Block
Block
Block
![Page 26: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/26.jpg)
ประเภทของบลอค (Blocks)
บลอคใน moodle แบงได 2 ประเภท คอ
1. บลอคส าเรจรป คอ บลอคทไดหลงจากการตดตงโปรแกรม moodle สามารถเลอกใชงานไดทนท
2. บลอคทผใชสรางเอง เปนบลอคอสระทใชในการเสรมความสามารถของ moodle ซงสามารถพฒนาขนมาใชงานไดเอง หรอสามารถดาวนโหลดจากอนเทอรเนตมาใชได
![Page 27: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/27.jpg)
การเปดใชงานบลอคส าเรจรป moodle
การจดการบลอคส าเรจรปทไดหลกจากการตดตง moodle1. คลกทเมน การจดการระบบ2. คลกเลอก จดการโมดล3. คลกเลอก บลอค จากนนเลอกเมนยอย จดการบลอค กจะเขาสหนาตางการจดการบลอคทมมาใหในระบบหลงจากทตดตง moodle เสรจ
1
2
3
![Page 28: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/28.jpg)
หนาตาง แสดงการจดการบลอค1. ชอบลอคทมมากบ moodle2. เปดปดการใชงานบลอค3. ปองกนการแสดงบลอค
1 2 3
![Page 29: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/29.jpg)
การก าหนดใหบลอคแสดงผลบนหนาโฮมเพจ
1. เลอกเมน Front page settings จากนน คลกเลอกเมนยอย เรมการแกไขหนาน
![Page 30: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/30.jpg)
แสดงหนาตางการแกไขหนา จะสงเกตเหนวา เราสามารถใชเมาส เลอนขยบบลอค ไปยง
ต าแหนงทตองการได ซาย ขวา
![Page 31: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/31.jpg)
เมอเขาสหนาตางการแกไข จะมบลอค Add ablock ใหเราสามารถเลอกเพมบลอคทเราตองการใชงานได
![Page 32: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/32.jpg)
เมอเลอกแถบ Add จะมบลอคทไดหลงจากการตดตง moodle มาใหเราเลอกใชงานดงรป
![Page 33: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/33.jpg)
ทดลองเพมบลอค “เขาสระบบบ” กบ “Online users”
![Page 34: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/34.jpg)
แสดงบลอคเขาสระบบ (Login)
แสดงบลอค Online users
![Page 35: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/35.jpg)
การสรางบลอคใชเอง หรอ การสรางบลอคแบบอสระ
เราจะท าการสรางบลอคใชเอง โดย เขาไปทหนาแกไข จากนนในสวนของการเพมบลอค ใหเลอก Add - HTML
![Page 36: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/36.jpg)
เมอเพมบลอคแบบ HTML มาแลว ใหคลกเลอกสญลกษณฟนเฟอง ดงรป เพอเขาสหนาตางการแกไขและปรบแตง ในทน ไดท าการสรางบลอคใหออกมาในรปแบบของเมน-หนาแรก-ขาวประชาสมพนธ-กระดานสนทนา-ดาวนโหลด-ประวตผจดท า**สามารถใส link menu หรอรปภาพ ไดตามตองการเมอก าหนดคาเรยบรอยแลวท าการบนทกการเปลยนแปลง
![Page 37: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส](https://reader034.vdocuments.net/reader034/viewer/2022042318/5f07d9a57e708231d41f1087/html5/thumbnails/37.jpg)
แสดงบลอค ในรปแบบเมนเมน ทเราไดท าการสรางขนเองเมอสกคร