การปรับแต่ง moodle · 2014-05-13 ·...

37
การปรับแต่ง Moodle อาจารย์ปฐมพงศ์ อยู่จานงค์ ภาควิชาพัฒนศึกษาและนวัตกรรมทางการศึกษา สาขาวิชาคอมพิวเตอร์ศึกษา

Upload: others

Post on 17-Jun-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

การปรบแตง Moodle

อาจารยปฐมพงศ อยจ านงคภาควชาพฒนศกษาและนวตกรรมทางการศกษา

สาขาวชาคอมพวเตอรศกษา

Page 2: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

เรองทจะเรยนร ในการปรบแตง Moodle

o การ Login เขาสระบบหลงเวบ

o การตงคาโซนเวลาทองถน

o การตงคาภาษาทใชในเวบ

o การตงคาหนาโฮมเพจ

o รจกกบบลอค (Blocks) และ ประเภทของบลอค

o การเปดใชงานบลอคส าเรจรป

o การก าหนดใหบลอคแสดงผลบนหนาโฮมเพจ

o ทดลองเพมบลอคและสรางบลอคใชงานเอง

Page 3: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

การ Login เขาสระบบหลงเวบการปรบแตง moodle นน ผดแลระบบ หรอ Admin จะตองท าการลอคอนเขาระบบหลง

เวบกอน ถงจะสามารถปรบแตง องคประกอบตาง ๆ ของ model ได มขนตอนดงตอไปน

คลก Login ทมมขวาดานบน เพอท าการเขาระบบ

Page 4: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

ท าการกรอก Username และ Password แลวกดปม Login เพอเขาสระบบ

Page 5: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

แสดงหนาตา ระบบหลงเวบ เพอท าการปรบแตงรายละเอยดตาง ๆ

Page 6: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

การตงคาโซนเวลาทองถน (Time Zone)การทจะใชงานระบบ เพอใหเวลาการใชงานตาง ๆ ตรงกบเวลาทองถน ผดแลระบบจะตอง

ปรบแตงโซนเวลาใหตรงกบเมองไทยกอนโดยมวธการท าดงน

1.คลกท เมนรายการของ admin ทางดานซายมอ (Site administration)

2.เลอกเมน Location

Page 7: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

3.เลอกเมน Location settings เพอเขาไปปรบตงคาโซนเวลา

Page 8: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

4. เปลยนโซนเวลาใหเหมอนดงภาพDefault timezone = UTC+7Force default timezone = UTC+7Default country = Thailandแลวกดปม save changes ดานลาง

Page 9: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

การตงคาภาษาทใชในเวบ (Language)ปกตคาเรมตนของเวบ จะตงไวเปนภาษาองกฤษ เราสามารถปรบเปลยนเปนภาษาไทยได

โดยสามารถเขาไปดาวนโหลด ภาษาไทยไดจากเวบ moodle.org เพอน ามาตดตงในเวบของเรา

Page 10: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

เลอกภาษาไทยทดาวนโหลด ใหตรงกบรนของ moodle ทเราตดตง ในทนผมเลอกรน 2.4

Page 11: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

เลอก Thai แลวกดดาวนโหลดไฟล th.zip

Page 12: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

เมอไดไฟลทดาวนโหลดมาแลว ใหท าการแตกไฟลเพอทจะน าไปใชในการตดตงภาษาไทย

Page 13: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

ท าการคดลอกไฟลภาษาไทยทแตกไว ไปใสในหองเกบภาษาของ moodle ซงจะอยทC:\xampp\htdocs\moodle\lang

Page 14: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

กลบเขาสหนาเวบmoodle เพอมาเปลยนภาษา1. คลกทเมนดานซายในสวนของ Site administration จากนนเลอกในสวนของ Language2. เลอก Language packs เพอท าการตดตงภาษาไทย

Page 15: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

1. เลอก thai (th)

2. กด Install selected language pack

Page 16: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

1. เลอกเมน Language settings2. เมอเขาสหนา Language stings ใหเลอก Default language = Thai (th)

Page 17: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

1.เลอก Language customization2. เลอก Thai (th)

Page 18: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

เมอกลบมาทหนา Home กจะมตวเลอกเปลยนภาษาอยมมบนสดขวามอ ใหเลอก ภาษาไทย หนาเวบของเรากจะเปลยนเปนภาษาไทย

Page 19: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

การตงคาหนาโฮมเพจ (Front Page)

1

2

สามารถท าการปรบแตงหนาโฮมเพจ หรอหนาหลกเวบของเราไดโดย1. คลกทเมน Front page settings2. เลอกการตงคาเพอเรมท าการปรบแตงรายละเอยดของหนาเวบ

Page 20: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

หนาตางแสดงสวนทสามารถปรบแตงรายละเอยด ตงคา ของหนาโฮมเพจ

Page 21: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

การปรบแตงรายละเอยด ในสวนของการใสรปภาพในรายละเอยดหนาแรก

1. ท าการสรางโฟลเดอรเกบรปภาพใน C:\xampp\htdocs\moodle\pic

2. น ารปภาพทตองการใสในเวบ ไปเกบไวในโฟลเดอร pic (รปภาพทใชไมควรมขนาดใหญเกนไป)3. คลกปม เพอท าการแทรกรปภาพ

Page 22: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

หนาตางแสดงรายละเอยดการเพมรปภาพ1. ในสวนของทอยรป ใหใสชอ โฟลเดอรทเกบภาพ แลวตามดวยชอภาพ เชนpic/LMS.jpg 2. สามารถปรบแตงขนาดรปได โดยคลกทเมน ลกษณะ 3. เมอแทรกรปภาพและปรบแตงเสรจ ใหกดปม เพม

1

2

3

Page 23: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

เมอบนทกการเปลยนแปลงเรยบรอยแลว กลบมาทหนาหลก กจะพบ blocks ทเราไดท าการแกไขในสวนของการตงคา Font page settings เมอสกครน

Page 24: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

รจกกบบลอค (Blocks)

บลอค คอกรอบทใชแสดงเนอหาตาง ๆ โดย admin (ผดแลระบบ) สามารถท าการ เพม ลบ หรอยายต าแหนงการแสดงเนอหาของบลอค บนหนาเวบไซต ไดตามตองการ

Page 25: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

Block

Block

Block

Block

Page 26: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

ประเภทของบลอค (Blocks)

บลอคใน moodle แบงได 2 ประเภท คอ

1. บลอคส าเรจรป คอ บลอคทไดหลงจากการตดตงโปรแกรม moodle สามารถเลอกใชงานไดทนท

2. บลอคทผใชสรางเอง เปนบลอคอสระทใชในการเสรมความสามารถของ moodle ซงสามารถพฒนาขนมาใชงานไดเอง หรอสามารถดาวนโหลดจากอนเทอรเนตมาใชได

Page 27: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

การเปดใชงานบลอคส าเรจรป moodle

การจดการบลอคส าเรจรปทไดหลกจากการตดตง moodle1. คลกทเมน การจดการระบบ2. คลกเลอก จดการโมดล3. คลกเลอก บลอค จากนนเลอกเมนยอย จดการบลอค กจะเขาสหนาตางการจดการบลอคทมมาใหในระบบหลงจากทตดตง moodle เสรจ

1

2

3

Page 28: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

หนาตาง แสดงการจดการบลอค1. ชอบลอคทมมากบ moodle2. เปดปดการใชงานบลอค3. ปองกนการแสดงบลอค

1 2 3

Page 29: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

การก าหนดใหบลอคแสดงผลบนหนาโฮมเพจ

1. เลอกเมน Front page settings จากนน คลกเลอกเมนยอย เรมการแกไขหนาน

Page 30: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

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

ต าแหนงทตองการได ซาย ขวา

Page 31: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

เมอเขาสหนาตางการแกไข จะมบลอค Add ablock ใหเราสามารถเลอกเพมบลอคทเราตองการใชงานได

Page 32: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

เมอเลอกแถบ Add จะมบลอคทไดหลงจากการตดตง moodle มาใหเราเลอกใชงานดงรป

Page 33: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

ทดลองเพมบลอค “เขาสระบบบ” กบ “Online users”

Page 34: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

แสดงบลอคเขาสระบบ (Login)

แสดงบลอค Online users

Page 35: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

การสรางบลอคใชเอง หรอ การสรางบลอคแบบอสระ

เราจะท าการสรางบลอคใชเอง โดย เขาไปทหนาแกไข จากนนในสวนของการเพมบลอค ใหเลอก Add - HTML

Page 36: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

เมอเพมบลอคแบบ HTML มาแลว ใหคลกเลอกสญลกษณฟนเฟอง ดงรป เพอเขาสหนาตางการแกไขและปรบแตง ในทน ไดท าการสรางบลอคใหออกมาในรปแบบของเมน-หนาแรก-ขาวประชาสมพนธ-กระดานสนทนา-ดาวนโหลด-ประวตผจดท า**สามารถใส link menu หรอรปภาพ ไดตามตองการเมอก าหนดคาเรยบรอยแลวท าการบนทกการเปลยนแปลง

Page 37: การปรับแต่ง Moodle · 2014-05-13 · การเปิดใช้งานบล็อคส าเร็จรูป moodle การจัดการบล็อคส

แสดงบลอค ในรปแบบเมนเมน ทเราไดท าการสรางขนเองเมอสกคร