การติดตั้ีงระบบ obeclms

1 การติดตั้ง ObecLMS

ภาควิชาเทคโนโลยีและสือ่สารการศึกษา มหาวิทยาลัยนเรศวร | 2014

OBEC Learning Management System for Digital Education

ผศ.ดร.ทิพรัตน ์สิทธิวงศ์ อ.กิตติพงษ์ พุ่มพวง อ.วณิชชา แม่นย า

โครงการพัฒนาครูและบุคลากรทางการศึกษาโดยใช้เทคโนโลยีสารสนเทศ

ภาควิชาเทคโนโลยีและสื่อสารการศึกษา มหาวิทยาลัยนเรศวร



OBEC LMS โปรแกรมท่ีส าคัญ 1. โปรแกรม AppServ โปรแกรมจ าลองเครื่อง PC ให้เป็น Server เพ่ือทดลองติดตั้งระบบเว็บไซต์ให้สามารถทดสอบการใช้งานในด้านต่างๆ ก่อนน าไปติดตั้งใช้งานบน Server จริงขององค์กรต่อไป ส าหรับเวอร์ชันที่แนะน าให้ใช้ คือ AppServ เวอร์ชัน 2.5.10 โดยในเวอร์ชันนี้ จะรวมโปรแกรมต่างๆที่จ าเป็นอยู่ด้วย คือ - Apache 2.2.8 - PHP 5.2.6 - MySQL 5.0.51b - phpMyAdmin-2.10.3 2. ObecLMS เวอร์ชัน 3.2.1 ระบบบริหารจัดการเรียนการสอนที่สนับสนุนโดย สพฐ. แหล่งดาวน์โหลด ดาวน์โหลดแยก 1. AppServ : http://gg.gg/nu_appserv2510 2. ObecLMS : http://gg.gg/nu_obeclms ดาวน์โหลดรวม AppServ + ObecLMS + คู่มือ + PortableObecLMS ลิงค์ดาวน์โหลด 1 : http://gg.gg/nu_lms1 ลิงค์ดาวน์โหลด 2 : http://gg.gg/nu_lms2 ลิงค์ดาวน์โหลด 3 : http://gg.gg/nu_lms3

http://gg.gg/nu_appserv2510

http://gg.gg/nu_obeclms

http://gg.gg/nu_lms1





การติดตั้ง OBEC LMS ส่วนที่ 1 : การติดตั้ง AppServ 1. ดับเบิลคลิกท่ีไฟล์ appserv-win32-2.5.10.exe

2. หน้าจอ Setup Wizard ให้กด เพ่ือด าเนินการติดตั้งต่อไป



3. หน้าจอ License Agreement แสดงลิขสิทธิ์ GUN LESSER เมื่ออ่านแล้ว ให้กด เพ่ือด าเนินการต่อไป

4. หน้าจอ เลือกต าแหน่งที่จะติดตั้ง ในที่นี้ค่าเริ่มต้นจะก าหนดให้เลือกต าแหน่ง drive C: และก าหนด Folder

ชื่อว่า AppServ จากนั้นกด เพ่ือด าเนินการต่อไป



5. หน้าจอ Select Components เป็นการเลือกส่วนประกอบโปรแกรมต่างๆ ของ AppServ ดังนี้ - Apache HTTP Server คือ โปรแกรม Webserver ที่ส าหรับจ าลอง Host บนเครื่อง PC ของเรา - MySQL Database คือ โปรแกรมฐานข้อมูล - PHP Hypertext Preprocessor คือ โปรแกรมภาษาสคริปต์ PHP - phpMyAdmin คือ โปรแกรมจัดการฐานข้อมูล

ให้เลือกส่วนประกอบทั้งหมด ดังภาพ จากนั้น คลิกปุ่ม เพ่ือด าเนินการต่อไป

6. หน้าจอ Apache HTTP Server Information เป็นการก าหนดรายละเอียดของการจ าลอง Server ดังนี้

Server Name คือ การก าหนดชื่อ Server หรือ ชื่อ Host โดยในที่นี้ให้ก าหนด เป็น localhost Administrator's Email Address คือ การใส่ Email ของผู้ดูแลระบบ ในที่นี้ให้ใส่เป็น [email protected] หรือ จะใส่ Email ของตนเองก็ได้ Apache HTTP Port คือ การก าหนด Port หรือ เส้นทางออกของข้อมูล โดยทั่วไปการใช้งานเว็บไซต์จะมีการส่งข้อมูลเข้าออก ผ่าน Port 80 หรือ 8080 ในที่นี้ ให้ใส่ค่าเริ่มต้น คือ 80



หน้าจอการกรอกข้อมูล Apache HTTP Server Info จากนั้นให้กด เพ่ือด าเนินการต่อไป

7. หน้าจอ MySQL Server Configuration เป็นการระบุรายละเอียดในส่วนของการติดต่อฐานข้อมูล

ในการจัดการการติดต่อโปรแกรมฐานข้อมูล ค่าเริ่มต้นโปรแกรมก าหนดให้ ดังนี้ Username คือ root (ชื่อผู้ดูแลระบบ) ในส่วนที่ต้องก าหนดเอง ดังนี้ Enter root password คือ รหัสผ่านของผู้ดูแลระบบ ที่ต้องก าหนดเอง (ซึ่งจะต้องจ ารหัสนี้ให้ได้ โดย

จะต้องใช้ในการสร้างและจัดการฐานข้อมูลในขั้นต่อไป) ในที่นี้ยกตัวอย่างใส่รหัสผ่าน 1234 หรือ จะก าหนด

เอง คือ .............................................................................................................. Re-enter root password คือ ให้กรอกรหัสผานเดิมอีกครั้งหนึ่ง

Character Sets and Collations คือ การเลือกการเขารหัสภาษา ในที่นี้คือ TIS620 Thai ซึ่งเป็น

รหัสภาษาไทย Old Password Support คือ การเลือกเพ่ือรองรับกับการเข้ารหัสผานแบบเกา Enable InnoDB คือ การเลือกเพ่ือใหรองรับฐานขอมูลแบบ InnoDB

1

2



เมื่อเรากรอกข้อมูลเรียบรอยแลวให้คลิกปมุ เพ่ือติดตั้ง AppServ ต่อไป

8. หลังจากคลิกปุ่ม Install ระบบจะด าเนินการติดตั้ง และแสดงหน้าจอความคืบหน้าของการติดตั้งระบบ

2



9. เมื่อระบบด าเนินการติดตั้งเสร็จเรียบร้อย จะแสดงตัวเลือก Start Apache คือ การเลือกเพ่ือเริ่มโปรแกรม Apache ทันที Start MySQL คือ การเลือกเพ่ือเริ่มโปรแกรม MySQL ทันท ี ซึ่งโปรแกรมทั้งสองนี้ Apache และ MySQL จะท างานเปนลักษณะ Service คือจะทางานโดย

อัตโนมัติเมื่อเราเปดวินโดวสและเม่ือเราคลิกตัวเลือกท้ังสองเสร็จเรียบร้อบ ให้คลิกปุม



10. การทดสอบการติดตั้งโปรแกรม AppServ ให้เปิดโปรแกรม Browser ที่มีในเครื่อง ไม่ว่าจะเป็น Internet

Explorer (IE) หรือ Google Chrome หรือ Mozilla Firefox ฯลฯ แล้วพิมพ์ที่อยู่เว็บ

บน Address Bar ไปที่ localhost หรือ 127.0.0.1 ซึ่งหน้าจอจะแสดงรายละเอียด The AppServ Open

Projec ซึ่งจะแสดงว่า โปรแกรมได้ติดตั้งสมบูรณ์แล้ว

12. ตอนนี้ เครื่อง PC ของเราจะถูกจ าลองเป็นเครื่อง Server เรียบร้อยแล้ว หากต้องการตรวจสอบการติดตั้งโปรแกรมต่างๆ สามารถเปิดไฟล์เข้าไปดูได้ที่ drive C:\AppServ



ส่วนที่ 2 : การเตรียมฐานข้อมูล 1. การเตรียมฐานข้อมูลเพื่อติดตั้งระบบ LMS เปิดโปรแกรม Browser แล้วพิมพ์ที่อยู่เว็บบน Address Bar ไปที่

localhost/phpmyadmin จากนั้นกด Enter เพ่ือเข้าสู่หน้าจัดการฐานข้อมูล

แต่ระบบจะเรียกหาชื่อผู้ใช้และรหัสผ่าน

ช่อง ชื่อผู้ใช้ ให้ใส่ root ช่อง รหัสผ่าน (หากก าหนดตามเอกสารให้ใส่ 1234) หรือ ใส่ตามที่ตั้งไว้

จากนั้น จะเข้าสู่หน้าจอการจัดการฐานข้อมูลด้วย phpMyAdmin

2



2. เมื่อชื่อผู้ใช้และรหัสผ่านถูกต้องจะเข้าสู่หน้าจอของการจัดการฐานข้อมูล ในช่อง สร้างฐานข้อมูลใหม่ ให้ก าหนดชื่อฐานข้อมูล เพ่ือรองรับการจัดเก็บข้อมูลของ ObecLMS ที่

จะติดตั้ง ในที่นี้ ให้ตั้งชื่อว่า dbobec จากนั้นกดปุ่ม

3. หลักจากกดสร้างจะได้ชื่อฐานข้อมูลขึ้นมาในฝั่งซ้ายมือ

1.ตั้งชื่อฐานข้อมูล 2.กดปุ่มสร้าง

ชื่อฐานข้อมูล



ส่วนที่ 3 : การติดตั้ง ObecLMS

1. .ให้คัดลอกโฟลเดอร์ obeclms-v32-edit

ไปวางไว้ใน drive C:\AppServ\www



2. หลังจากคัดลอกไปไว้เรียบร้อยแล้ว ให้เปลี่ยนชื่อโฟลเดอร์ obeclms-v32-edit ให้เป็น obeclms

หรือ ชื่อ(ภาษาอังกฤษ)อะไรก็ได้ที่จ าได้ง่ายๆ

** การตั้งชื่อ เพ่ือความง่ายในการเรียกใช้ หรือ ให้จ าได้ไม่ลืม ** การเปลี่ยนชื่อโฟลเดอร์ท าได้ โดยการคลิกขวาที่ชื่อโฟลเดอร์เดิม แล้วเลือกค าสั่ง Rename



3. เปิดโปรแกรม Browser แล้วพิมพ์ที่อยู่เว็บบน ไปที่ localhost/obeclms แล้วกด Enter

จะเข้าสู่หน้าจอตรวจสอบระบบก่อนการติดตั้ง โดยที่ระบบจะตรวจสอบความต้องการพ้ืนฐานของเครื่องที่จะท าการติดตั้ง ซึ่งจะแสดงรายละเอียดดังตาราง โดยมีเครื่องหมายที่ส าคัญคือ เครื่องหมาย หาก ผ่านความต้องการของระบบ เครื่องหมาย หาก ไม่ผ่านความต้องการของระบบ

หากไม่มีเครื่องหมาย ให้เลื่อนหน้าจอลง เพื่อกดปุ่ม ด าเนินการต่อ



4. ระบบจะเข้ามาสู่ขั้นตอนการก าหนดข้อมูลของ Server

ส่วนแรก เซิร์ฟเวอร์ IP เซิร์ฟเวอร์โฮสต์ ให้ใส่ localhost ตามท่ีก าหนดไว้ Domain เซิร์ฟเวอร์โฮสต์ ให้ว่างไว้ ส่วนที่สอง ฐานข้อมูล ชื่อผู้ใช้ฐานข้อมูล ให้ใส่ root รหัสผ่านฐานข้อมูล ให้ใส่ 1234 (หรือตามที่ก าหนดเอง) ชื่อฐานข้อมูล ให้ใส่ dbobec ให้คลิกใส่เครื่องหมายถูกในช่อง (คลิกที่นี่ถ้าหากท่านมีฐานข้อมูลเปล่าอยู่แล้ว) ภาษาหลัก ไทย

จากนั้น กดปุ่ม เพ่ือด าเนินการขั้นถัดไป

2



5. ระบบด าเนินการติดตั้งฐานข้อมูล

6. หน้าจอก าหนด ข้อมูลผู้ดูแลระบบ

ให้ก าหนดข้อมูลผู้ดูแลระบบดังนี้ ชื่อ Login ของผู้ดูแลระบบ ให้ใส่ ชื่อที่ตั้งเองเป็นภาษาอังกฤษเท่านั้น หากท่านเป็นผู้ดูแลหลักให้ใส่ admin รหัสผ่านผู้ดูแลระบบ ให้ใส่ รหัสผ่านส่วนตัวของท่าน เพ่ือการเข้าสู่ระบบ เพ่ืออัพเดทข้อมูลในครั้งต่อไป ยืนยันรหัสผ่าน ให้ใส่ รหัสผ่านเดิมอีกครั้ง ชื่อผู้ดูแลระบบ ให้ใส่ ชื่อจริง (ภาษาไทยหรืออังกฤษ) นามสกุล ให้ใส่ นามสกุลจริง (ภาษาไทยหรืออังกฤษ) E-mail ผู้ดูแลระบบ ให้ใส่ Email

3



หมายเหตุ ในการตั้งรหัสผ่าน เพื่อความปลอดภัยในการใช้งานระบบทุกอย่าง ควรตั้งรหัสผ่านให้มีอย่างน้อย 8 ตัวอักษร ที่ผสมด้วย ตัวอักษรพิมพ์ใหญ่ ตั้งอักษรพิมพ์เล็ก ตัวเลข และอักษระพิเศษ เช่น P@s$W0rd

จากนั้น กดปุ่ม เพ่ือไปยังขั้นต่อไป 7. ขั้นตอนการก าหนด ข้อมูลพ้ืนฐานโรงเรียน

3



ใส่ข้อมูลโรงเรียนของท่าน

เลือกรูปแบบการแสดงผลเว็บไซต์ ใช้เมาส์คลิกเลือกในวงกลมใต้รูปแบบที่ต้องการ

เมื่อด าเนินการทั้งสองส่วนเสร็จเรียบร้อยให้กดปุ่ม เพ่ือไปยังขั้นต่อไป



8. หน้าจอ ระบบ OBECLMS ได้ติดตั้งเรียบร้อยแล้ว ซึ่งระบบจะแจ้งข้อมูลของผู้ดูแลระบบส าหรับการเข้าไปปรับแก้ไขข้อมูลต่างๆ

เมื่อตรวจสอบ และจด/จ า รายละเอียกของชื่อผู้ใช้ และรหัสผ่านเรียบร้อยแล้ว สามารถใช้เมาส์คลิกที่

ค าว่า เพ่ือเข้าสู่ระบบต่อไป



9. หน้าจอของระบบ ObecLMS ที่ด าเนินการติดตั้งเสร็จเรียบร้อยแล้ว



ส่วนที่ 4 : การใช้งานระบบเบื้องต้น

1. การเข้าสู่ระบบเพ่ือปรับตั้งค่าต่างๆ

คลิกปุ่ม เพ่ือเข้าสู่ระบบ

ใส่ข้อมูลตามที่ก าหนดไว้

4



ชื่อผู้ใช้ ใส่ชื่อผู้ใช้ ในที่นี้ก าหนดผู้ใช้เริ่มต้นคือ admin หรือ ที่ได้ก าหนดเอง รหัสผ่าน ใส่รหัสผ่านที่ก าหนดไว้ รหัสลับ เป็นอักษรที่ระบบก าหนดให้ ป้องกันการเข้าระบบโดย Spam ป้อนรหัสลับ ใส่อักษรตามที่แสดงไว้บรรทัดบน

แล้วกดปุ่ม เพ่ือเข้าสู่ระบบ

เมื่อเข้าสู่ระบบได้หน้าจอจะแสดงชื่อผู้ใช้



หลังจากเข้าสู่ระบบเรียบร้อยแล้ว สามารถปรับตั้งค่าต่างๆ ได้ ดังนี้

ส าหรับ การเพ่ิม ลบ แก้ไข จัดการสิทธิ์ผู้ใช้งาน

ส าหรับ เลื่อนระดับชั้น หรือ จัดการนักเรียนที่จบการศึกษา

ส าหรับ เปลี่ยนรูปแบบที่มีอยู่ เพิ่ม ลบ ส่งรูปแบบออก

ส าหรับ แก้ไข Icon เปลี่ยนรูปแบบเมนู

ส าหรับ ช่วยกรองค าที่ไม่สุภาพ หรือ ค าไม่ต้องการแสดงได้โดยการจะแทนที่ค านั้นด้วยค าที่ต้องการ

ส าหรับ จัดการข้อความวิ่ง เป็นข้อความประกาศ

ส าหรับ จัดการป๊อบอัพ เป็นหน้าต่างก่อนเข้าสู่เว็บไซต์

ส าหรับ ปรับปรุงระบบฐานข้อมูล LMS เวอร์ชันใหม่

ส าหรับ จัดการคลังรูปภาพสมาชิก

ส าหรับ จัดการข้อมูลการเข้าใช้งานของสมาชิก

ส่วนหน้าหลัก สามารถเพ่ิมข้อมูลข่าวสารต่างๆ ได้



สามารถเพ่ิมเติมข่าวสารต่างๆ จากแหล่งอ่ืนๆ ได้ เช่น การเพ่ิมกรอบ แสดงหนังสือราชการแจ้งส านักงานเขตพ้ืนที่จาก สพฐ.

กดปุ่ม จะเข้าสู่หน้าจอเพ่ิมข้อมูลหน้าหลัก

ส่วนหัวข้อหลัก พิมพ์ข้อความว่า หนังสือราชการแจ้งส านักงานเขตพ้ืนที่

ส่วนเนื้อหา ให้กดปุ่ม

Code HTML iFrame หนังสือราชการแจ้งส านักงานเขตพ้ืนที่ <IFRAME name=obec news src=http://www.obec.go.th/embed/documents width=500 height=200 frameborder=1 scrolling=1 SCROLLBAR> </IFRAME>



ส่วนของเครื่องมือจะกลายเป็นสีเทา

จากนั้น ให้คัดลอก code <IFRAME … > </IFRAME> จากด้านบนไปใส่

จากนั้นกดปุ่ม เพิ่มข้อมูล ระบบจะท าการอัพเดทข้อมูล



การจัดการหน้ากาก

โดยที่

ส าหรับ เปลี่ยน Flash/พ้ืนหลัง/Footer

ส าหรับ ส่งออกหน้ากากเป็นไฟล์ zip

ส าหรับ Reset Theme

เลือกหน้ากากท่ีต้องการ โดยการคลิกในวงกลมใต้หน้ากาก จากนั้นกดปุ่ม เพ่ือเปลี่ยน



ระบบการจัดการสมาชิก

ให้ท าการเพ่ิมผู้ใช้ใหม่ โดยกดปุ่ม เลือกประเภท ครู-อาจารย์



กรอกข้อมูลให้ครบ แล้วกดปุ่ม

เข้าสู่ระบบโดยใช้ข้อมูลของครู-อาจารย์ เพ่ือสร้างระบบ e-Learning ต่อไป ระบบอีเลินนิ่ง ระบบจะสามารถ สร้างรายวิชาที่สอน สร้างข้อสอบ เพ่ิมสื่อ ตัดเกรดจากคะแนนที่นักเรียนได้ลงทะเบียนในรายวิชา รีเซทข้อสอบและรายชื่อนักเรียนได้

เข้าเมนู รายวิชาที่เปิดสอน

กดปุ่ม เพ่ือเพ่ิมรายวิชา



กรอกข้อมูลให้ครบถ้วน



เมื่อกรอกข้อมูลเรียบร้อย ให้กดปุ่ม

คลิกท่ีรายชื่อรายวิชา จะเข้าไปยังหน้าการจัดการส่วนของรายวิชานั้นๆ