Issuu on Google+

เอกสารประกอบการอบรม การพัฒนาบทเรียน e-Learning

โดย ผศ.โกวิท ยอดมงคล 30-31 ตุลาคม 2556

ณ วิทยาลัยเทคโนโลยีอตุ สาหกรรมศรีสงคราม

มหาวิทยาลัยนครพนม


การติดตัง้ โปรแกรม XAMPP 1. ดับเบิลคลิกทีไ่ อคอน xampp-win32-1.8.1-VC9-installer

2. คลิกปุม่ OK

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 2


3. คลิกปุม่ Next

4. คลิกปุม่ Next

5. คลิกปุม่ Install เพื่อเริม่ แตกไฟล์ตวั ติดตัง้

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 3


6. แสดงขัน้ ตอนระหว่างติดตัง้

7. ระบบรายงานลิขสิทธิโปรแกรม ์

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 4


8. คลิกปุม่ Finish เพื่อเสร็จสิน้ การติดตัง้ โปรแกรม

9. คลิกปุม่ Yes เพื่อเข้าสูห่ น้าต่าง XAMPP Control Panel

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 5


10. คลิกปุม่ Start ตรง Module ของ Apache และ MySQL

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 6


ขันตอนการเรี ้ ยกใช้งาน XAMPP 1. เปิดโปรแกรมเว็บเบราเซอร์ IE, Chorme , Firefox,Opera,Safari แล้วพิมพ์ URL http://localhost/ หรือ http://127.0.0.1/ 2. คลิกเลือกภาษา English

3.

จะปรากฏหน้าต่าง XAMPP for Windows แล้วคลิกที่ เมนู phpMyAdmin

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 7


4. คลิกทีแ่ ท็ป Databases

5. พิมพ์ชอ่ื moodledata ทีช่ อ่ ง Create database และเลือก utf8_general_ci แล้วคลิกปุม่ Create

6. จะได้ฐานข้อมูลชือ่ moodledata เพิม่ ขึน้ มา

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 8


ิ ดตัง้ Moodle 2.4 ขันตอนการต ้ 1. คัดลอกโฟล์เดอร์โปรแกรม Moodle จากไดร์ทเ่ี ตรียมไว้

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 9


2. ไปทีไ่ ดร์ C:\ ดับเบิลคลิก โฟล์เดอร์ xampp

3. ดับเบิลคลิกโฟล์เดอร์ htdocs แล้ววางไฟล์โฟล์เดอร์ moodle

4. พิมพ์ URL ดังนี้ http://127.0.0.1/moodle จะปรากฏหน้าต่างติดตัง้ moodle 5. คลิกปุม่ Next

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 10


6. คลิกปุม่ Next

7. คลิกปุม่ Next

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 11


8. พิมพ์ชอ่ื ฐานข้อมูล moodledata ตรงช่อง Database name 9. พิมพ์ root ตรงช่อง Database user 10. คลิกปุม่ Next

11. แสดงหน้าต่างลิขสิทธิโปรแกรม Moodle แบบ GPL ให้คลิกปุม่ Continue ์

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 12


12. คลิกปุม่ Continue

13. ระบบทาการตรวจสอบฐานข้อมูลและทางานสร้างตารางข้อมูลลงฐานข้อมูล

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 13


14. คลิกปุม่ Continue

15. กาหนดข้อมูลพืน้ ฐานของผูด้ ูแลระบบ ให้สงั เกตตัวอักษรสีแดงเครื่องหมายดอกจัน จาเป็นต้อง กรอกข้อมูลให้ครบ แล้วคลิกปุม่ Update Profile ช่อง User name พิ มพ์ admin ช่อง New password พิ มพ์ Moodle_24 คลิ กเครื่องหมายถูกตรงช่อง Unmask

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 14


16. พิมพ์ชอ่ื วิทยาลัยเทคโนโลยีอุตสาหกรรมศรีสงคราม ตรงช่อง Full site name 17. พิมพ์ชอ่ื Home ตรงช่อง short name for site

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 15


18. ตรงช่อง Self registration เลือก Email –base self registration เพื่อให้ผเู้ รียนสามารถสมัครเข้า เรียนได้ทางอีเมล 19. คลิกปุม่ Save changes

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 16


ิ ดตัง้ เมนูภาษาไทย ขันตอนการต ้ 1. คัดลอกโฟล์เดอร์ th ในไดร์ทเ่ี ตรียมไว้

2. ไปทีไ่ ดร์ C:\xampp\moodledata\lang

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 17


3. วางโฟล์เดอร์ th ทีไ่ ดร์ C:\xampp\moodledata\lang

4. เปิดเว็บเบราเซอร์พมิ พ์ URL ดังนี้ http://127.0.0.1/moodle 5. Login เข้าระบบ ตรงช่อง User name พิมพ์ admin ตรงช่อง Password พิมพ์ Moodle_24

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 18


6. คลิกเมนู Site administration แล้วคลิก Language

7. คลิก Language packs

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 19


8. คลิก Language customization เลือก Thai(th)

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 20


9. คลิก Language settings ตรงช่อง Default language เลือก Thai(th)

10. คลิกปุม่ Save changes

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 21


11. คลิกปุม่ logout ออกจากระบบ

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 22


ขันตอนการปรั ้ บเมนูภาษาไทย 1. Login เข้าระบบ ตรงช่อง User name พิมพ์ admin ตรงช่อง Password พิมพ์ Moodle_24 2. คลิกตรงชือ่ ผู้ Login “ผศ.โกวิท ยอดมงคล” ท

3. คลิกเมนู My profile setting คลิก แก้ไขข้อมูลส่วนตัว แล้วเลือกภาษาทีต่ อ้ งการเป็นภาษาไทย 4. คลิกปุม่ ดัพเดทประวัตสิ ่วนตัว

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 23


ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 24


ขันตอนการใส่ ้ รปู ภาพประวัติส่วนตัว 1. Login เข้าระบบ ตรงช่อง User name พิมพ์ admin ตรงช่อง Password พิมพ์ Moodle_24 2. คลิกตรงชือ่ ผู้ Login “ผศ.โกวิท ยอดมงคล”

3. คลิกทีป่ มุ่ Add…

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 25


4. คลิกปุม่ เลือกไฟล์

5. คลิกเลือกรูปภาพทีต่ อ้ งการ

6. คลิกปุม่ Upload this file

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 26


7. คลิกปุม่ อัพเดทประวัตสิ ่วนตัว

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 27


ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 28


ขันตอนการเปลี ้ ่ยน Theme 1. คลิกเมนู การจัดการระบบ เลือก การแสดงผลของเว็บ

2. คลิกปุม่ Change theme

3. คลิกเลือก Theme ทีต่ อ้ งการ ให้เลือก (Theme Form Factor)

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 29


4. คลิกปุม่ Use theme

5. คลิกปุม่ ขัน้ ต่อไป

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 30


6. จะปรากฏรูปแบบ theme ทีเ่ ลือก

ผศ.โกวิท ยอดมงคล คณะเทคโนโลยีอุตสาหกรรม

หน้า 31


การติดตั้ง moodle