obec lms 02

80
สารบัญ เรื่อง หนา 1. ระบบUsername 1.1. การสมัครสมาชิก 1 1.2. การเขาสูระบบ/ ออกจากระบบ 2 1.3. จัดการสมาชิกระบบ 3 1.4. แกไขขอมูลสวนตัว 6 1.5. จัดการคลังรูปภาพสมาชิก 7 1.6. การตั้งคาการเขาใชงาน 9 1.7. การนําเขาผูใช 10 1.8. การลบขอมูลสมาชิกออกจากระบบ 14 1.9. การเปลี่ยนภาษาที่หนาแสดงผล 16 2. ระบบ CMS 2.1. โครงสรางของระบบ 17 2.2. เปลี่ยนหนากาก 19 2.3. เปลี่ยน Flash/พื้นหลัง/Footer 20 2.4. จัดการระดับชั้น 23 2.5. ระบบกรองคําหยาบ 24 2.6. จัดการขอความวิ่ง 27 2.7. จัดการปอบอัพ 28 2.8. การเพิ่ม Blocks 29 2.9. การสรางทําเนียบผูบริหาร 34 2.10. การแก Title และ ขอมูลที่แสดงใน Footer 36 2.11. การเพิ่มขอมูลขาวสาร 37 2.12. การเพิ่มขอมูลขาวประชาสัมพันธ 39 2.13. การเพิ่มขอมูลในหนาหลัก 40 2.14. ปฏิทินกิจกรรม 41

Upload: duangnapa-inyayot

Post on 14-Jul-2015

66 views

Category:

Education


1 download

TRANSCRIPT

สารบัญ

เร่ือง หนา 1. ระบบUsername

1.1. การสมัครสมาชิก 1 1.2. การเขาสูระบบ/ ออกจากระบบ 2 1.3. จัดการสมาชิกระบบ 3 1.4. แกไขขอมูลสวนตัว 6 1.5. จัดการคลังรูปภาพสมาชิก 7 1.6. การตั้งคาการเขาใชงาน 9 1.7. การนําเขาผูใช 10 1.8. การลบขอมูลสมาชิกออกจากระบบ 14 1.9. การเปล่ียนภาษาท่ีหนาแสดงผล 16

2. ระบบ CMS

2.1. โครงสรางของระบบ 17 2.2. เปล่ียนหนากาก 19 2.3. เปล่ียน Flash/พ้ืนหลัง/Footer 20 2.4. จัดการระดับช้ัน 23 2.5. ระบบกรองคําหยาบ 24 2.6. จัดการขอความวิ่ง 27 2.7. จัดการปอบอัพ 28 2.8. การเพ่ิม Blocks 29 2.9. การสรางทําเนียบผูบริหาร 34 2.10. การแก Title และ ขอมูลท่ีแสดงใน Footer 36 2.11. การเพ่ิมขอมูลขาวสาร 37 2.12. การเพ่ิมขอมูลขาวประชาสัมพันธ 39 2.13. การเพ่ิมขอมูลในหนาหลัก 40 2.14. ปฏิทินกิจกรรม 41

สารบัญ

เร่ือง หนา

2.15. การใหบริการ 43 2.16. แบบสํารวจความคิดเห็น 51 2.17. เมนูผลงานของเรา 53 2.18. ภาพกิจกรรม 54 2.19. เมนูติดตอเรา 56 2.20. แผนท่ีเวบ็ไซต 57

3. ระบบ Portfolio

3.1. การเขาใชงานและการจัดการขอมูลพ้ืนฐาน 59 3.2. แฟมประวัต ิ 64 3.3. แฟมจัดเก็บผลงาน 65 3.4. กระดานขาว 66 3.5. อัลบ้ัมภาพ 68 3.6. จดหมาย 70 3.7. คนหาสมาชิก 72 3.8. สมุดบันทึก 73 3.9. สํารวจความคิดเห็น 74 3.10. ขาวจากเว็บหลัก 74 3.11. ลิงคท่ีเกี่ยวของ 75 3.12. สถิติการเขาชม 73 3.13. การใชงานระบบแฟมสะสมผลงาน 76 3.14. การใชระบบเปล่ียนภาษา 78

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

1 คูมือใชงานระบบสําหรับผูดูแลระบบ

คูมือการใชงานระบบOBECLMS 1. ระบบ USER

จะแสดงสวนจัดการเกี่ยวกับสมาชิกภายในระบบท้ังหมด ไมวาจะเปนการสมัครสมาชิก คนหา

สมาชิกแกไขสิทธ์ิสมาชิก ตางถูกจัดการดวยสวนนี้ท้ังหมด

1.1 การสมัครสมาชิกสามารถทําไดโดยคลิก “เขาสูระบบ” มุมบนขวามือ ดังรูปท่ี 1.1.1

รูปท่ี 1.1.1 เขาสูระบบ

เม่ือคลิกเขาสูระบบแลว จะเขาสูหนาตางเขาสูระบบ สําหรับผูดูระบบ(Admin) ระบบไดกําหนดรหัสผานไวแลวตั้งแตในสวนของการติดตั้งดังนั้นเม่ือปรากฏหนาตางนี้ ผูดูระบบ (Admin) สามารถเขาสูระบบไดเลยโดยไมตองสมัครสมาชิกใหม

รูปท่ี 1.1.2 หนาตางการ Login เขาสูระบบ

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

2 คูมือใชงานระบบสําหรับผูดูแลระบบ

1.2 การ Login เขาสูระบบ เม่ือคลิก “เขาสูระบบ” มุมบนขวามือ จะเจอหนาตางเขาสูระบบ ใส ช่ือผูใช รหัสผาน และปอนรหัสลับในสวนของรหัสลับนี้เพ่ือปองกันจากผูไมหวังดีท่ีจะเขามาเจาะระบบทางการล็อกอิน เรียกวา SQL Injection โดยระบบจะสรางรหัสขึ้นมา 5 ตัวแสดงขึ้น ใหพิมพตามท่ีชองปอนรหัสลับ โดยพิมพใหถูกตอง แลวคลิก ดังรูปท่ี 1.2.1

รูปท่ี 1.2.1 การ Login เขาใชงาน

เม่ือเขาสูระบบแลว ระบบจะแสดงขอความตอนรับ ช่ือ และสถานะของผูใชใหทราบวา ผูใชเขาระบบดวยช่ือและสถานะอะไร ดังรูปท่ี 1.2.2

รูปท่ี 1.2.2 แสดงช่ือท่ีเขาระบบ

รูปท่ี 1.2.3 แสดงช่ือท่ีเขาระบบพรอมกับสถานะของผูใช

การออกจากระบบทําไดโดยคลิก จะมีหนาตางแสดงขอความออกจากระบบ

รูปท่ี 1.2.4 การออกจากระบบ

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

3 คูมือใชงานระบบสําหรับผูดูแลระบบ

1.3 จัดการสมาชิกระบบ จะแสดงการจัดการสมาชิกขอบระบบท้ังหมดตั้งแตการสรางผูใชระบบ การใหสิทธ์ิตาง ๆ

ผูใชงานจัดการสมาชิกระบบนี้ ไดแก ผูดูแลระบบ(Admin) เพียงคนเดียวเทานั้นดังรูปท่ี 1.3.1

รูปท่ี 1.3.1เมนจูัดการสมาชิกระบบ

หนาตางจะแสดงรายละเอียดผูใชท้ังหมดในระบบ ดังรูปท่ี 1.3.2

รูปท่ี 1.3.2 ตารางแสดงรายละเอียดผูใชในระบบ

จัดการสมาชิกระบบ ประกอบดวยสวนตาง ๆ ดังนี ้

1.3.1 สรางผูใชใหมจะแสดงการสรางผูใชใหมในระบบ ซ่ึงจะสรางโดยผูดูแลระบบ โดยจะต า ง จ า ก ก า ร สมั ค ร ส ม า ชิ ก ท่ี ห น า ร ะ บ บ คื อ ผู ใ ช ใ ห ม ใ น ร ะ บ บ จ ะ สา ม า ร ถ เปนผูดูแลระบบได ซ่ึงการสมัครสมาชิกท่ีหนาระบบนั้น จะเปนไดแคครูผูสอน กับนักเรียนเทานั้น ดังรูปท่ี 1.3.3

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

4 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 1.3.3 การสรางผูใชใหม

1.3.2 นําเขาผูใชจํานวนมากจากไฟล จะแสดงการนําเขาผูใชจํานวนมากเขาสูระบบ รายละเอียดจะกลาวไวในหัวขอท่ี 9 การแปลง (Covert) การใชงานระบบ LMS เดิมไปสูระบบ LMS ใหม

1.3.3 ระบบยืนยันนักเรียนอัตโนมัติ จะแสดงการยืนยันนักเรียนใหสามารถเขาระบบไดทันทีหลังจากสมัครสมาชิกไดหรือไม

1.3.4 การคนหาผูใชงาน จะแสดงการคนหาผูใชงานในระบบ ดังรูปท่ี 1.3.4 ประกอบดวยสวนตาง ๆ ดังนี ้1. ผูใชงาน จะแสดงช่ือหรือ Username ของผูใชงานท่ีตองการคนหา 2. ประเภทของผูใชงาน จะแสดงประเภทของผูใชงานท่ีตองการคนหา 3. สถานะใชงาน จะแสดงสถานการณใชงานของผูใชท่ีตองการคนหา

รูปท่ี 1.3.4 การคนหาผูใชงาน

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

5 คูมือใชงานระบบสําหรับผูดูแลระบบ

1.3.5 ตารางแสดงผูใชงานจะแสดงรายละเอียดผูใชงานในระบบท้ังหมด ซ่ึงผูดูแลระบบสามารถแกไขสิทธ์ิตาง ๆ ของผูใชได ดังรูปท่ี 1.3.5 (ผูดูแลระบบไมสามารถจัดการสิทธ์ิของตนเองได) ดังนี้

สัญลักษณแทน การระงับการใชงาน สัญลักษณแทน การแกไขขอมูล

สัญลักษณแทน การจัดการสิทธ์ิ สัญลักษณแทน การลบสมาชิก

รูปท่ี 1.3.5 ตารางแสดงผูใชงาน

รูปท่ี 1.3.6 การแกไขขอมูล

รูปท่ี 1.3.7 การจัดการสิทธ์ิ

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

6 คูมือใชงานระบบสําหรับผูดูแลระบบ

1.4 แกไขขอมูลสวนตัว จะแสดงการแกไข เพ่ิมขอมูลสวนตัวของแตละผูใชงาน คลิกปุม เม่ือแกไขประวัต ิ

สวนตัวเรียบรอยแลว คลิก “อัพเดตประวัติสวนตัว” ดังรูปท่ี 1.4.1

รูปท่ี 1.4.1 การแกไขขอมูลสวนตัว

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

7 คูมือใชงานระบบสําหรับผูดูแลระบบ

1.5 จัดการคลังรูปภาพสมาชิก ผูพัฒนาระบบไดออกแบบในสวนนี้เพ่ือใหรองรับการจัดการรูปภาพสมาชิก ซ่ึงมีผูดูและระบบ

(Admin) เปนผูจัดการในสวนนี้ โดยท่ีสามารถเพ่ิมรูปไดถึง3 รูปแบบ คือ ทางการ สุภาพ และท่ัวไป เพ่ือใหผูใชสามารถเลือกภาพท่ีตองการใหแสดงไดหลากหลาย โดยมีวิธีในการจัดการคลังรูปภาพสมาชิกดังนี้เลือกเมนู จัดการสมาชิก จะปรากฏหนาตางในสวนการจัดการคลังรูปสมาชิก ดังรูป

รูปท่ี 1.5.1 การคนหาผูใช

เลือกขอมูลของผูใชท่ีตองการจะปรับปรุงคลังรูปภาพ จากนั้นเลือก จะพบขอมูล

ของสมาชิกท่ีตองการคนหา ดังรูปท่ี 1.5.2

รูปท่ี 1.5.2 เลือกสมาชิกท่ีตองการจัดการรูปภาพ

เลือกสมาชิกท่ีตองการปรับปรุงคลังรูปภาพสมาชิกโดยเลือก จะปรากฏหนาตางการทํางานของคลังภาพสมาชิก ใหเลือกหัวขอของคลังรูปภาพสมาชิกท่ีตองการโดยมีหัวขอ ดังรูปท่ี 15.3

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

8 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 1.5.3 เลือกหมวดรูปภาพ เม่ือเลือกลักษณะรูปท่ีตองการแลวจะปรากฏหนาตางของการเพ่ิมรูปภาพคลังสมาชิก จากนั้นเลือก

เพ่ือเลือกรูปท่ีตองการเพ่ิมเขาสูคลังรปูภาพสมาชิกแลวเลือก เพ่ือบันทึกรูปภาพ ดังรูปท่ี 1.5.4

รูปท่ี 1.5.4 การนําเขารูปภาพ

หลังจากท่ีทําการบันทึกรูปภาพเรียบรอยแลวจะปรากฏรูปท่ี 1.5.5 ขึ้นมา และผูใชงานสามารถลบรูปออก หรือ เพ่ิมรูปใหมไดโดยเลือก

เพ่ือเพ่ิมรูปภาพท่ีตองการ เพ่ือลบภาพท่ีตองการออกจากคลังรูปภาพสมาชิก

รูปท่ี 1.5.5 แสดงรูปภาพ

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

9 คูมือใชงานระบบสําหรับผูดูแลระบบ

1.6 การตั้งคาการเขาใชงาน ในสวนนี้ผูดูแลระบบ(Admin) เทานั้นท่ีสามารถตั้งคาเวลาในการเขาใชงานระบบไดในกรณีท่ี

มีการเปดบราวเซอรท้ิงเอาไว แตไมมีการเคล่ือนไหว ระบบจะทําการ Logout โดยอัตโนมัต ิ

รูปท่ี 1.6.1การตั้งคาเวลาในการใชงาน

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

10 คูมือใชงานระบบสําหรับผูดูแลระบบ

1.7 การนําเขาผูใชงาน ในสวนของการจัดการสมาชิกท่ีสามารถทําการ Up load สมาชิกแบบกลุม โดยการเลือก

เพ่ือทําการเพ่ิมขอมูลสมาชิก ดังรูปท่ี 1.7.1

รูปท่ี 1.7.1 เมนูการนําเขาผูใช

เม่ือเลือกแลวจะปรากฏหนาท่ีใชในการ Up load สมาชิกแบบกลุม ใหเลือก เพ่ือเรียกเอกสารท่ีมีนามสกุล .txt, .xls (อาจหมายถึงโปรแกรม Note pad, Microsoft excel)

รูปท่ี 1.7.2 การเรียกไฟลขอมูลในการนําเขา

จากนั้นใหเลือก เพ่ือใหระบบทําการ Up load ขอมูลสมาชิก เม่ือระบบทําการเพ่ิมขอมูลสมาชิกเรียบรอยแลวจะปรากฏขอความดังนี ้

รูปท่ี 1.7.3 ระบบแจงการนําเขาขอมูล

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

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

11 คูมือใชงานระบบสําหรับผูดูแลระบบ

สามารถใชงานไดหรือยัง โดยการเลือก และระบุขอมูลในการคนหาตามท่ีตองการ และสามารถคนหาสมาชิกไดท้ังในรูปแบบตามตัวอักษร ตามลําดับการเปนสมาชิก และตามสถานะสิทธ์ิการเขาใชงาน ตามสัญลักษณดังนี ้

แสดงลําดับตามการเปนสมาชิก แสดงลําดับตามตัวอักษร

แสดงลําดับสถานะสิทธในการใชงาน

รูปท่ี 1.7.4 ตรวจสอบรายช่ือทีนําเขา

ขอมูลสมาชิกท่ีเพ่ิมเขามาใหมในระบบสามารถจัดการ ปรับปรุงขอมูลสมาชิกไดทันท่ีโดยเลือก เพ่ือปรับปรุงขอมูลสมาชิก

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

12 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 1.7.5 การปรับปรุงขอมูลสมาชิก

การปรับปรุงขอมูลสมาชิกในท่ีนี้ ผูพัฒนาระบบไดปรับปรุงการเพ่ิมขอมูลสมาชิกท่ีจําเปน เพ่ือใหผูใชสามารถใชงานไดสะดวกขึ้นโดยไมจําเปนตองเพ่ิมขอมูล E-mail ก็ได

การนําเขาขอมูลในรูปแบบ

1. ทําการพิมพขอมูลผูใชลงไปในไฟล text ซ่ึงประกอบดวยขอมูลท่ีสําคัญคือ - ช่ือผูใช (Username) - รหัสผาน (Password) - ช่ือ (First name)

- นามสกุล (Last name) - เพศ (Sex) - อีเมล (Email)

- สิทธของผูใชภายในระบบ (Role Assignment) วาเปน อาจารยหรือนักเรียน ถาเปนอาจารยใหพิมพ teacher ถาเปนนักเรียนใหพิมพ student

- ชวงช้ัน , ช้ันเรียน, หองเรียน(มีเฉพาะสิทธ์ิท่ีเปนนักเรียน) - การเพ่ิม รายช่ือคนตอไปใชการเคาะ Enter

(ถาขอมูลไหนไมมี ใหเวนวางไวโดยมีเครื่องหมาย , กํากับไวเหมือนเดิม เชน นที, , M,)

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

13 คูมือใชงานระบบสําหรับผูดูแลระบบ

ตัวอยางเชน

รูปท่ี 1.7.6 การนําเขาชนิดเอกสาร .txt

รูปท่ี 1.7.7 การนําเขาชนิดเอกสาร .xls

จากตัวอยางจะเห็นไดวาขอมูลผูใชคนท่ี 1 เปน อาจารย โดยมี ช่ือผูใช : Teacher natee รหัสผาน : 1234 ช่ือ : นที นามสกุล: ทองสุข

เพศ : M (เพศชาย) อีเมล : [email protected] สิทธของผูใชภายในระบบ : Teacher

จากตัวอยางจะเห็นไดวาขอมูลผูใชคนท่ี 2 เปน นักเรียน โดยมี ช่ือผูใช: Studentvaree รหัสผาน: varee1234 ช่ือ : วาร ี

นามสกุล : ใจสุข เพศ : F (เพศหญิง) อีเมล : (ไมมี)

สิทธของผูใชภายในระบบ :Student ชวงช้ัน: 4 ช้ันเรียน:4 หองเรียน :

จากนั้นบันทึกไฟล ขั้น ตอนนี้สําคัญมาก การบันทึกไฟลแนะนําให Save as และเลือก การ Encoding เปน UTF-8 ไมเชนนั้นขอมูลท่ีเปนภาษาไทยจะไมถูกบันทึกเขาสูระบบรูปประกอบวิธีการ Save as ไฟล text

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

14 คูมือใชงานระบบสําหรับผูดูแลระบบ

1.8 การลบขอมูลสมาชิกออกจากระบบ ในกรณีท่ีจบการศึกษาและการยายสถานศึกษา ซ่ึงผูดูแลระบบ(Admin) สามารถเรียกดูขอมูลได

โดยการเลือกเมนจูัดการระดับช้ันทางซายมือ เม่ือคลิกแลวจะปรากฏหนาสําหรับจัดการระดับช้ัน ดังรูป

รูปท่ี 1.8.1 หนาสําหรับจัดการระดับช้ัน

การลบนักเรียนท่ีจบการศึกษา ใหผูใชงานเลือก จะปรากฏหนาใน การแสดงรายการนักเรียนดังรูปท่ี 1.8.2

รูปท่ี 1.8.2 รายการนักเรียนท่ีจบการศึกษา

เลือกวันท่ี ท่ีนักเรียนจบการศึกษา จะแสดงรายช่ือของนักเรียนท่ีสําเร็จการศึกษาแลวท่ีมีในระบบซ่ึงในระบบจะทําการลบขอมูลตางๆ ของนักเรียนเรียบรอย แตจะปรากฏช่ือใหทราบวามีนักเรียนช่ืออะไรบาง เทานั้น ดังรูปท่ี 1.8.3

รูปท่ี 1.8.3 รายช่ือนักเรียนท่ีจบการศึกษา

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

15 คูมือใชงานระบบสําหรับผูดูแลระบบ

การลบนักเรียนท่ียายสถานท่ีการศึกษา ในสวนนี้กลาวถึงการลบขอมูลสมาชิกออกจากระบบ ในกรณีท่ียายโรงเรียน ซ่ึงผูใชงานสามารถเรียกดูขอมูลไดโดยการเลือกเมนูจัดการสมาชิกโดยจะปรากฏหนาตางในการจัดการสมาชิกดังรูปท่ี 1.8.4

รูปท่ี 1.8.4 การลบขอมูลสมาชิกออกจากระบบ

คนหารายช่ือนักเรียนท่ียายโรงเรียน โดยเลือก จากนั้นระบบจะตรวจสอบรายช่ือท่ีคนหาให ผูดูแลระบบ (Admin) สามารถจัดการขอมูลท่ีมีโดยการเลือกใชสัญญาลักษณดังนี ้

คือ การจัดการสิทธ์ิของผูใช คือ ลบผูใช คือ แกไขขอมูลผูใช / คือ แสดง / ซอน

รูปท่ี 1.8.5 ตรวจสอบรายช่ือท่ีคนหา

จากรูปในการคนหา เลือก เพ่ือลบขอมูลผูใช จากนั้นจะปรากฏกลองขอความถามเพ่ือยืนยันการลบ ใหเลือก ดังรูปท่ี 1.8.6

รูปท่ี 1.8.6 ยืนยันการลบขอมูล

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

16 คูมือใชงานระบบสําหรับผูดูแลระบบ

1.9 การเปลีย่นภาษาที่หนาแสดงผล โดยเว็บไซตจะสามารถเปล่ียนไดถึงสองภาษาคือ ภาษาไทยและภาษาอังกฤษ จะอยูท่ีมุมซาย

บนของเว็บโดยถาเปนระบบนี้จะเปล่ียนภาษาในสวน ของแทบเมนูดานขางและหัวขอหลัก

ถาตองการเปล่ียนภาษาเปนภาษาอังกฤษ ใหคลิกท่ีรูป

ถาตองการเปล่ียนภาษาเปนภาษาไทย ใหคลิกท่ีรูป

ถาตองการซอนหรือแสดงภาพแบนเนอรท่ีเปนแฟลตใหคลิกท่ีไอคอนรูป

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

17 คูมือใชงานระบบสําหรับผูดูแลระบบ

2. ระบบ CMS

2.1. โครงสรางของระบบ

ระบบ CMS เปนระบบท่ีใชในการบริหารจัดการขอมูลพ้ืนฐานตาง ๆ โดยผูดูแลระบบ (Admin) ท่ีสามารถจดัการขอมูลตางๆ ของเว็บไซต ซ่ึงมีโครงสรางของระบบแบงออกเปน 4 สวนหลัก ๆคือ

สวนที่ 1) เปนสวนท่ีแสดงช่ือโรงเรียน พ้ืนหลังหรือภาพเคล่ือนไหวในส่ิงท่ีเดน และสําคัญท่ีส่ือถึงโรงเรียนนั้น ๆ รวมถึงจะเปนสวนท่ีจะใหขอมูลโรงเรียน

กิจกรรม ผลงาน กลุมสาระการเรียนรู บริการ และแผนท่ีเว็บไซต

รูปท่ี 2.1.1 โครงสรางของระบบสวนท่ี 1)

ส ว น ที่ 2 ) เ ป น ส ว น ท่ี แ ส ด ง โ ม ดู ล ท่ี เ ป ด ใ ช ง า น อ ยู ใ น ข ณ ะ นั้ น ซ่ึ ง โ ม ดู ล ดั ง ก ล า ว อาจจะปรากฏทางฝงซาย หรือขวาของเว็บไซต หรือตําแหนงใด ๆ นั้นขึ้นอยู กับ ผูดูแลระบบท่ีจะบริหารจัดการ อีกท้ัง ลักษณะของโมดูลแตละโมดูลนั้นจะมี ลักษณะการใชงานท่ีแตกตางกันซ่ึงจะกลาวในรายละเอียดตอไป

รูปท่ี 2.1.2 โครงสรางของระบบสวนท่ี2)

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

18 คูมือใชงานระบบสําหรับผูดูแลระบบ

สวนที่ 3) เปนสวนท่ีแสดงรายละเอียดของระบบ เชน ช่ือหนวยงาน ท่ีอยู เบอร โทรศัพทโทรสาร อีเมลและเจาของลิขสิทธ์ิเว็บไซต เพ่ือใหบุคคลท่ีเขาสู

เว็บไซตสามารถติดตอสอบถามได ซ่ึงขอมูลในสวนนี้สามารถแกไข เปล่ียนแปลงไดโดยผูดูแลระบบ

รูปท่ี 2.1.3 โครงสรางของระบบสวนท่ี 3)

สวนที่ 4) เปนสวนท่ีใชในการแสดง ขาวประชาสัมพันธ มุมคลายเครียด และกระดานสนทนา เชนเดียวกันกับสวนท่ี (1-3) คือ ผูดูแลระบบสามารถเพ่ิม แกไข ซอน และลบขอมูลไดท้ังหมดในสวนนี้ ดังรูปท่ี 2.1.4

รูปท่ี 2.1.4 โครงสรางของระบบสวนท่ี4)

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

19 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.2. เปลี่ยนหนากาก(Theme) สวนนี้เปนการแสดงการเปล่ียนการแสดงผล หนากาก (Theme) ระบบหนากากนี้ไดพัฒนาใหมีการ

รองรับการใชงานถึง 24 แบบ โดยเลือก ท่ีเมนู “การจัดการระบบเว็บไซต” ดังรูป

รูปท่ี 2.2.1 หนากากการแสดงผลระบบแบบตาง ๆ

เม่ือเลือกหนากาก (Theme) ท่ีตองการไดแลว เลือก เพ่ือทําการเปล่ียนหนากาก (Theme) ท่ีตองการใชงาน

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

20 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.3. เปลี่ยน Flash/พ้ืนหลัง/Footer

สวนนี้เปนเรื่องของการปรับเปล่ียน Flashหรือรูปภาพสวนหัว (Banner)ของเว็บไซตพ้ืนหลัง (Background)รูปภาพในสวนลางของเว็บไซต (Footer) ซ่ึงมีการใชงานท่ีงายขึ้นโดยการเลือกสัญลักษณท่ีอยูดานบนของ หนากาก (Banner) ดังนี้

สัญลักษณ การแกไขไฟล สัญลักษณ การนําออก

สัญลักษณ การปรับตั้งคาใหม

รูปท่ี 2.3.1 การเปล่ียนFlash/พ้ืนหลัง/Footer

เม่ือตองการเปล่ียน Flash/พ้ืนหลัง/Footer ใหคลิกปุม เพ่ือเลือก Flash/พ้ืนหลัง/Footer เม่ือเลือกท่ีตองการไดแลวคลิก “แกไขขอมูล”

รูปท่ี 2.3.2 การเพ่ิมหนากากใหม

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

21 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 2.3.3 แสดงขั้นตอนการเพ่ิมหนากาก

หากตองการเพ่ิมหนากากใหมใหกับระบบ ใหทําการคลิกเลือกท่ีปุมเพ่ิมหนากากท่ีละไฟลท่ีดานบนขวาดังรูปท่ี 2.3.2 จากนั้นระบบจะเขาสูหนาจัดการหนากากโดยสามารถท่ีจะกําหนด สีหนากาก รูปแบบหนากาก แบบเมนู และบล็อก ซ่ึงเปนสวนประกอบของหนากาก ดังรูปท่ี 2.3.3 จากนั้นทําการเพ่ิมขอมูล

รูปท่ี 2.3.4 การเพ่ิมหนากากแบบไฟล Zip

สําหรับการเพ่ิมหนากากแบบไฟล Zip นั้นหากทําการสรางหนากาก และทําการ export เก็บไวสามารถท่ีจะนําไฟลนั้นมาสรางหนากากในรูปแบบเดิมไดโดย ทําการเลือกเพ่ิมหนากากแบบไฟล Zip ท่ีมุมดานซายบนดังรูปท่ี 2.3.4

การเปล่ียนเมนจูะแสดงการแสดงผลของเมนู ซ่ึงตัวเมนูนี้จะไมไดขึ้นอยูกับหนากาก (Theme) มี 8 แบบ คลิก “เปล่ียนเมน”ู ท่ีเมนู “จัดการระบบเว็บไซต”

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

22 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 2.3.5 การเปล่ียนเมน ู

เม่ือเลือกเมนูท่ีตองการไดแลว คลิก “แกไขขอมูล” เพ่ือทําการเปล่ียนเมนใูนสวนนี้หากแกไขท่ีเมนูดานซายจะเปนการแกไขเมนูของหนาท่ีใชงานในปจจุบัน ซ่ึงหากเขาไปท่ีจัดการหนากาก >เลือกแกไขหนากาก >เมนู ในสวนนี้จะเปนการแกไขเมนูของหนากากท่ีเลือกแกไข

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

23 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.4. การจัดการลําดับชั้น จัดการระดับช้ันระบบสามารถท่ีจะเล่ือนช้ันเรียนใหกับนักเรียนได ในแบบท้ังหมดหรือสามารถท่ี

จะเล่ือนเปนรายบุคคลได โดยท่ีผูดูแลระบบสามารถท่ีจะคนหาไดตามชวงช้ันเรียน ระดับช้ัน และหองเรียนและยังสามารถท่ีจะดูรายช่ือของนักเรียนยอนหลังท่ีจบการศึกษาไปแลวได

รูปท่ี 2.4.1 ระบบจัดการระดับช้ันเรียน

รูปท่ี 2.4 .2 ระบบจัดการระดับช้ันเรียนนักเรียนท่ีจบการศึกษา

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

24 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.5. ระบบกรองคําหยาบในสวนของ

ระบบกรองคําหยาบในสวนของ ระบบ USER มีระบบกรองคําหยาบเพ่ือใชแปลงคําท่ีไม สุภาพ ใหเปนคําท่ีสุภาพเหมาะสมกับการใชงานเพ่ือการศึกษา โดยระบบการกรองคําหยาบจะแบงออกเปน 2 สวนดวยกัน คือ คําท่ีตองการกรอง และคําท่ีออนไหวดังในรูปท่ี 2.5.1

รูปท่ี 2.5.1แสดงหนากรองคําหยาบ

คําที่ตองการกรอง เม่ือตองการเพ่ิมการกรองคําหยาบใหคลิกท่ีปุม เพ่ือไปยังหนา

เพ่ิมคําหยาบดังแสดงในรูปท่ี 2.5.2

รูปท่ี 2.5.2 หนาเพ่ิมคําหยาบ

รูปแบบในการเพ่ิมตัวกรองคําหยาบ คือ “คําหยาบ, คําท่ีตองการแทนท่ี” เชน เม่ือตองการแทนท่ีคําวา “หมา” ซ่ึงเปนคําหยาบวา “สุนัข” ก็ใหพิมพวา “หมา, สุนัข” เปนตน เม่ือเพ่ิมคํากรองคําหยาบเสร็จแลว ใหคลิกท่ีปุม เพ่ือบันทึกขอมูล

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

25 คูมือใชงานระบบสําหรับผูดูแลระบบ

คําที่ออนไหว ความจําเปนของระบบคําท่ีออนไหว คือ เพ่ือปองกันความผิดพลาดจากการกรองคําหยาบของระบบในคําท่ีมีการสะกดคําเหมือนกัน เชน จากการท่ีเราเพ่ิมคําวา “หมา” ลงไปในระบบกรองคําหยาบ หากระบบพบคําวา “หมา” ก็จะแปลงเปนคําวา “สุนัข” ท้ังนี้ หากระบบตรวจเจอคําวา “หมา” จากคําวา “ความหมาย” ระบบก็จะแทนท่ีดวย “สุนัข” ก็จะไดคําวา “ความสุนัขย”ดังนั้นเม่ือเราใสคําวา “ความหมาย” ในสวนของคําท่ีออนไหว ระบบก็จะรูวา คําวา “ความหมาย” เปนคนละคํากับ “หมา”ทําใหระบบไมแทนท่ีคํานี้ดวย คําท่ีตองการกรองการเพ่ิมคําท่ีออนไหวสามารถเพ่ิมไดโดยคลิกท่ีคําวา คําท่ีออนไหว ดังแสดงในรูปท่ี 2.5.3

รูปท่ี 2.5.3แสดงขอความท่ีเช่ือมไปยังหนาเพ่ิมคําออนไหว จากนั้นระบบจะแสดงหนาสวนท่ีเพ่ิมคําออนไหวดังรูปท่ี 2.5.4

รูปท่ี 2.5.4 แสดงหนาเพ่ิมคําออนไหว

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

26 คูมือใชงานระบบสําหรับผูดูแลระบบ

เม่ือตองการเพ่ิมหรือแกไขคําท่ีออนไหวใหคลิกท่ีปุม ระบบจะแสดงผล

รูปท่ี 2.5.5 แสดงการเพ่ิมคําท่ีออนไหว

เม่ือเสร็จแลวใหคลิกท่ีปุม เพ่ือบันทึกคําท่ีออนไหวท่ีตองการเพ่ิม

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

27 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.6. จัดการขอความว่ิง

จัดการขอความวิ่งขอความวิ่งในสวนนี้เราสามารถจะสรางขอความใหวิ่งในสวนหนาแรกได คือ ขอความท่ีเล่ือนจากทางซายไปทางขวา ซ่ึงอยูท่ีสวนหัวของเว็บไซต

รูปท่ี 2.6.1 ขอความวิ่ง

เม่ือตองการจัดการขอความวิ่ง ใหคลิกท่ีเมนู “จัดการขอความวิ่ง” ท่ี “ระบบจัดการเว็บไซต” ดังรูปท่ี2.6.2

รูปท่ี 2.6.2 การแกไขขอความวิ่ง

เม่ือแกไขขอความตามตองการแลว คลิก “แกไขขอมูล”

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

28 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.7. จัดการปอบอัพ

ปอบอัพคือ หนาตางท่ีแสดงขึ้นมาโดยอัตโนมัติเม่ือมีการเปดเว็บไซต โดยสามารถกําหนดไดดังรูปท่ี 2.7

รูปท่ี 2.7.1 จัดการบอฟอัพ

คลิกปุม เพ่ือเพ่ิมบอฟอัพ ระบบจะแสดงผลดังรูป

รูปท่ี 2.7.2 แสดงการเพ่ิมขอมูลบอฟอัพ

- เนื้อหา เพ่ิมขอความท่ีตองการใหแสดง - วันท่ีประกาศ คือวันท่ีเริ่มใหบอฟอัพแสดง - วันส้ินสุด คือวันท่ีบอฟอัพหยุดแสดง - ความกวาง คือความกวางของบอฟอัพ - ความสูง คือความสูงของบอฟอัพ - Uploadไฟล คือ ไฟลภาพท่ีตองการแสดงในบอฟอัพ โดยคลิกปุม เพ่ือเลือกรูปภาพ

เม่ือเพ่ิมขอมูลตามท่ีตองการแลว คลิก “เพ่ิมขอมูล”

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

29 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.8. การเพ่ิม Blocks การเพ่ิม Blocksสามารถทําไดโดยคลิกท่ี ซ่ึงอยูดานลางของเว็บไซต ท้ังทางซายและ

ทางขวา เม่ือคลิกแลวระบบจะแสดงผลดังรูปท่ี2.8.1

รูปท่ี 2.8.1 การเพ่ิมBlocks

เม่ือเลือกช่ือ Blocksท่ีตองการไดแลว คลิกปุม “เพ่ิม Blocks” Blocksมีท้ังหมด 4 ประเภท ดังรูปท่ี 2.8.2

รูปท่ี 2.8.2 ประเภทของBlocks - ใส Code ใน BlocksคือBlocksท่ีผูใชสามารถสราง Code เองได - สาสนจากผูบริหาร คือ Blocksท่ีสามารถแสดงขอความตางๆ - ลิงคแสดงรูป คือ Blocksท่ีแสดงรูปภาพ - ลิงคแสดงขอความ คือ Blocksท่ีแสดงขอความและลิงคไปยังเว็บไซตอ่ืนได

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

30 คูมือใชงานระบบสําหรับผูดูแลระบบ

การใชงาน Blocksแตละประเภท

2.8.1 Blocks ประเภท ใส Code ใน Blocks ระบบจะแสดงผลดังรูปท่ี 2.8.3

รูปท่ี 2.8.3 Blocksประเภท ใส Code ใน Blocks

คลิกท่ี ระบบจะแสดงผลดังรูปท่ี2.8.4

รูปท่ี 2.8.4 การแกไขขอมูลในBlocks

ใส Code ในชอง ใส Code Freed จากนั้นคลิกปุม “แกไขขอมูล”

2.8.2 Blocksประเภทสาสนจากผูบริหาร ระบบจะแสดงผลดังรูปท่ี2.8.5

รูปท่ี 2.8.5 Blocks ประเภทสาสนจากผูบริหาร คลิกท่ี ระบบจะแสดงผลดังรูปท่ี2.8.6

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

31 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 2.8.6 การเพ่ิมขอมูลสาสนจากผูบริหาร

- หัวขอสาสน คือ ช่ือของสาสนท่ีแสดง - อัพโหลดรูปภาพ คือ ไฟลภาพประกอบของสาสนนั้น โดยคลิกท่ีปุม “Browse..” เพ่ือเลือก

ไฟลภาพท่ีตองการ - เนื้อหา คือ เนื้อหาของสาสนท่ีตองการแสดง - สาสนจาก คือ ช่ือของผูออกสาสน

เม่ือใสขอมูลครบแลวคลิดท่ีปุม“เพ่ิมขอมูล”ระบบจะกลับไปยังหนาหลักและแสดงผลดังรูปท่ี2.8.7

รูปท่ี 2.8.7 การแสดงผลของBlocksสาสนจากผูบริหาร

ผูใชสามารถคลิกท่ีรูปภาพเพ่ือเขาไปดูขอมูลและแกไขขอมูลได ดังรูปท่ี2.8.8

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

32 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 2.8.8รายละเอียดสาสน

Blocksป ร ะ เ ภ ท ลิ ง ค แ ส ด ง ข อ ค ว า ม คื อ Blocksท่ี แ ส ด ง ข อ ค ว า ม แ ล ะ ลิ ง ค ไ ป ยั ง เว็บไซตอ่ืนได โดยระบบจะแสดงผลดังรูปท่ี2.8.9

รูปท่ี 2.8.9 Blocksประเภทลิงคแสดงขอความ

คลิกท่ี ระบบจะแสดงผลดังรูปท่ี 2.8.10

รูปท่ี 2.8.10 การจัดการเมนูของBlocksประเภทลิงคแสดงขอความ

Blocksประเภทลิงคแสดงขอความมีรูปแบบของเมนู 3 ประเภท คือ - ขอมูลพ้ืนฐานท่ัวไป - ทําเนียบผูบริหาร - ลิงคไปยังเว็บไซตอ่ืน

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

33 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.8.4.1 การเพ่ิมเมนูแบบทําเนียบผูบริหาร ใสช่ือเมนูในชอง ใสช่ือเมนูท่ีตองการ เลือกเปนแบบทําเนยีบผูบริหาร

แลวคลิกปุมเพ่ิมเมนูยอย ระบบจะแสดงผลดังรูปท่ี รูปท่ี 2.8.11

รูปท่ี 2.8.11 การเพ่ิมเมนูของBlocksลิงคแสดงขอความ แบบขอมูลพ้ืนฐานท่ัวไป เม่ือเพ่ิมขอมูลเสร็จแลว คลิกท่ี “ปดหนาตาง” ระบบจะแสดงช่ือเมนูนี้ใน Blocksท่ีหนาหลักและแสดงผลดังรูปท่ี 2.8.12

รูปท่ี 2.8.12 การแสดงผลของ Blocksประเภทลิงคแสดงขอความ

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

34 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.9. การสรางทําเนียบผูบริหาร

รูปท่ี 2.9 การสรางทําเนียบผูบริหาร

คลิกเมนูประเภททําเนียบผูบริหารท่ีสรางไวใน Blocksลิงคแสดงขอความ ระบบจะแสดงหนาสําหรับการจัดการสวนนี้ ซ่ึงสามารถเพ่ิมแถวได แกไขสวนหัวไดดวยดังรูปท่ี 2.9.1

รูปท่ี 2.9.1 การสรางทําเนียบผูบริหารขั้นตอนท่ี 1

คลิกท่ี ระบบจะแสดงผลดังรูปท่ี2.9.2

รูปท่ี 2.9.2 การสรางทําเนียบผูบริหารขั้นตอนท่ี 2

คลิกท่ี ระบบจะแสดงผลดังรปูท่ี ระบบจะแสดงผลดังรูปท่ี2.9.3

รูปท่ี 2.9.3 การสรางทําเนียบผูบริหารขั้นตอนท่ี 3

เม่ือใสขอมูลเสร็จแลวคลิกท่ีปุม “เพ่ิมขอมูล” ระบบจะแสดงผลดังรูปท่ี2.9.4

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

35 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 2.9.4 แสดงผูบริหารระดับท่ี1

หา ก ต อง ก า ร เ พ่ิ ม ขอ มู ล ผูบ ริ ห าร ใ น ระ ดั บ เดี ย ว กัน ใ ห ค ลิ ก หา ก ต อง ก า ร เพ่ิมขอมูลผูบริหารในระดับถัดไปใหคลิก แลวทําตามขั้นตอนท่ี 2

การเพ่ิมเมนูแบบลิงคไปยังเว็บไซตอื่น

ใสช่ือเมนูในชอง ใสช่ือเมนูท่ีตองการ เลือกเปนแบบลิงคไปยังเว็บไซตอ่ืน แลวคลิกปุม เพ่ิมเมนูยอย ระบบจะแสดงผลดังรูปท่ี 2.9.1.1

รูปท่ี 2.9.5 Blocksลิงคแสดงขอความ แบบลิงคไปยังเว็บไซตอ่ืน

ใส Address ท่ีชอง URL: จากนั้นคลิกท่ี “ปดหนาตาง” ระบบจะแสดงผลดังรูป

รูปท่ี 2.9.6 การแสดงผลของBlocksประเภทลิงคแสดงขอความ ระบบสามารถลิงคไปยัง www.google.comได โดยคลิกท่ีเมนู Google

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

36 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.10. การแก Title และ ขอมูลที่แสดงใน Footer

Title คือ แถบแสดงช่ือของเว็บไซต ซ่ึงอยูบนสุดทางดายซาย สามารถแกไขไดโดยคลิกท่ีปุม ซ่ึงอยูดานลางของเว็บไซตใน Footer ทางดานซาย ระบบจะแสดงผลดังรูปท่ี2.10

รูปท่ี 2.10 การแกไขขอมูลหลัก

เม่ือใสขอมูลท่ีตองการใหแสดงครบแลว คลิกท่ีปุม “แกไขขอมูลหลัก” ระบบจะบันทึกขอมูลและแสดงผลดังรูปท่ี2.10.1

รูปท่ี 2.10.1 Titleของเว็บไซต

รูปท่ี 2.10.2ขอมูลท่ีแสดงใน Footer

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

37 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.11. การเพ่ิมขอมูลขาวสาร ระบบสามารถเพ่ิมขอมูลขาวสารได โดยคลิกท่ี จะปรากฏหนาสําหรับใสส่ือ

เพ่ิมดังรูปท่ี 2.11.1

รูปท่ี 2.11.1หนาแสดงเพ่ิมขาวสาร

เม่ือเพ่ิมขอมูลเรียบรอยแลวจะปรากฏเนื้อหาในหนาแรกดังรูปภาพขางลาง

รูปท่ี 2.11.2 การแสดงผลขาวสารท่ัวไป

การแกไขขาวสารท่ัวไปเม่ือคลิก ระบบจะแสดงผลดังรูปท่ี 2.11.2

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

38 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 2.11.3 หนาแกไขขอมูลขาวสารท่ัวไป

เม่ือใสขาวสารท่ีตองการแลว คลิกท่ี “แกไขขอมูล”ระบบจะบันทึกขอมูลและแสดงผลท่ีหนาหลัก และแสดงผลดังรูปท่ี2.11.3

รูปท่ี 2.11.4 การแสดงผลขาวสารท่ัวไป

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

39 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.12. การเพ่ิมขอมูลขาวประชาสัมพันธ ระบบสามารถเพ่ิมขอมูลขาวสารได โดยคลิกท่ี ระบบจะแสดงผลดังรูป

รูปท่ี 2.12.1เพ่ิมขอมูลขาวสาร

- หัวขอขาว คือ เนื้อหาของขาวท่ีตองการประชาสัมพันธในสวนนี้สามารถเพ่ิมส่ือประสมในรูปแบบ VDO รูปภาพได

- เนื้อหาขาว คือ เนื้อหาของขาวท่ีตองการประชาสัมพันธ - วันท่ีประกาศคือ วันท่ีตองการใหระบบเริ่มแสดงขาวประชาสัมพันธ - วันส้ินสุด คือ วันท่ีตองการใหระบบส้ินสุดการแสดงขาวประชาสัมพันธนั้น - รูปท่ี 1,2,3,4 คือ รูปภาพท่ีประกอบขาวประชาสัมพันธ สามารถเลือกภาพท่ีตองการแสดง

โดยคลิกท่ี “Browse…” - ตําแหนงรูป คือ ตําแหนงท่ีตองการใหรูปแสดง สามารถแสดงไดท้ังตําแหนงกลาง

ตําแหนงซาย และตําแหนงขวา - File ประกอบ คือ File ท่ีประกอบขาวประชาสัมพันธ

เม่ือเพ่ิมขอมูลขาวท่ีตองการประชาสัมพันธเรียบรอยแลวคลิกท่ี“เพ่ิมขอมูล”ระบบจะแสดงผลดังรูปท่ี 2.12.2

รูปท่ี 2.12.2 แสดงขาวประชาสัมพันธ

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

40 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.13. การเพ่ิมขอมูลในหนาหลัก

ระบบสามารถเพ่ิมขอมูลขาวสารได โดยคลิกท่ี ระบบจะแสดงผลดังรูปท่ี2.13.1

รูปท่ี 2.13.1 การเพ่ิมขอมูลหนาหลัก เม่ือใสขอมูลท่ีตองการครบแลว คลิกท่ี “เพ่ิมขอมูล” ระบบจะแสดงผลดังรูปท่ี2.13.2

รูปท่ี 2.13.2 การแสดงผลหัวขอใหม

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

41 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.14. ปฏิทินกิจกรรม

ระบบสามารถบันทึกกิจกรรมในแตละวันได โดยคลิกวันท่ีตองการบันทึกกิจกรรม ระบบจะแสดงผลดังรูป

รูปท่ี 2.14.1 ปฏิทินกิจกรรม

คลิกท่ี เพ่ือบันทึกกิจกรรม ระบบจะแสดงดังรูปท่ี 2.14.2

รูปท่ี 2.14.2 ระบบจัดการปฏิทินกิจกรรม

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

42 คูมือใชงานระบบสําหรับผูดูแลระบบ

เม่ือใสขอมูลเรียบรอยแลวคลิกท่ี “เพ่ิมปฏิทินกิจกรรม” ระบบจะแสดงผลดังรูปท่ี2.14.3

รูปท่ี 2.14.3ปฏิทินงานประจําวัน

ถาตองการเพ่ิมกิจกรรมอีกคลิกท่ี ถาไมตองการเพ่ิมขอมูลแลวคลิกท่ี

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

43 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.15. การใหบริการ

ถา ม -ต อ บ เ ป น บ ริ ก า รสํา ห รั บ ต อ บ คํ า ถา มท่ี มี ก า ร ถา ม บ อ ย สา ม า ร ถแ สด ง ไ ด ท้ั ง คําถามและคําตอบ โดยคลิกท่ี เมนู ถาม-ตอบ ระบบจะแสดงผลดังรูปท่ี2.14.1

รูปท่ี 2.15.1บริการถาม-ตอบ

คลิกท่ี เพ่ือเพ่ิมหัวขอถาม-ตอบ ระบบจะแสดงผลดังรูปท่ี 2.14.2

รูปท่ี 2.15.2 การเพ่ิมขอมูล ถาม-ตอบ

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

44 คูมือใชงานระบบสําหรับผูดูแลระบบ

เม่ือเพ่ิมขอมูลเรียบรอยแลว คลิกท่ี “เพ่ิมขอมูล”

รูปท่ี 2.15.3 แสดงหัวขอคําถาม

หากตองการรูคําตอบใหคลิกท่ีตัวคําถามนั้น ระบบจะแสดงผลดังรูปท่ี2.14.4

รูปท่ี 2.15.4 แสดงคําถามและคําตอบ

2.14.2 ลิงคตาง ๆ สามารถเช่ืองโยงไปยังเว็บไซตอ่ืนภายนอกไดโดยคลิกท่ีเมนู ลิงค ตางๆ ดังรูปท่ี2.14.5

รูปท่ี 2.15.5 เมนูลิงคตาง ๆ

คลิกท่ี เพ่ือเพ่ิมหัวขอของลิงค ระบบจะแสดงผลดังรูปท่ี2.14.6

รูปท่ี 2.15.6 การเพ่ิมหัวขอ

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

45 คูมือใชงานระบบสําหรับผูดูแลระบบ

เม่ือเพ่ิมขอมูลเรียบรอยแลวคลิกท่ี ระบบจะแสดงผลดังรูปท่ี 2.14.7

รูปท่ี 2.15.7 แสดงหัวขอ

คลิกท่ี เพ่ือเพ่ิมลิงคยอย ระบบจะแสดงผลดังรูปท่ี2.14.8

รูปท่ี 2.15.8 การเพ่ิมหัวขอลิงคยอย

เม่ือเพ่ิมขอมูลท่ีตองการเรียบรอยแลว คลิกท่ี ระบบจะบันทึกขอมูลและแสดงผลดังรูปท่ี2.14.9

รูปท่ี 2.15.9 แสดงลิงคภายนอก

2.14.3 กระดานสนทนา

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

46 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 2.15.10 กระดานสนทนา

กระดานสนทนามีไวเพ่ือใหผูดูแลระบบไดติดตอพูดคุยแสดงความคิดเห็นเกี่ยวกับการใชงานตลอดจนปญหาตาง ๆท่ีเกี่ยวของกับเว็บไซตในสวนของการใชงานกระดานสนทนาสามารถกระทําไดดังนี ้ หนาแรกของกระดานสนทนา จะแสดงหัวขอประเด็นท่ีผูดูแลระบบไดทําการตั้งไว วันท่ีไดทําการตั้งประเด็น สามารถเขาชมประเด็นท่ีไดตั้งไวท้ังหมด ท่ีปุมประเด็นทั้งหมด หรือสามารถตั้งประเด็นใหมได โดยคลิกปุมตั้งประเด็นใหม

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

รูปท่ี 2.15.11 แสดงหัวขอประเด็นตาง ๆ

- เม่ือทําการคลิกเลือกประเด็นท่ีตองการอานแลว หนาจอจะแสดงผลดังรูปท่ี 2.14.12

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

47 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 2.15.12 แสดงรายละเอียดของประเด็น

- สามารถทําการตอบประเด็นได โดยเขียนความคิดเห็นลงในชอง ขอเชิญรวมตอบ ประเด็น จากนั้นปอนรหัสลับ แลวคลิกปุม ตอบประเด็น

- สามารถดูประเด็นท้ังหมดได โดยเลือก ประเด็นทั้งหมดจากนั้นหนาจอจะแสดงดังรูปท่ี 2.14.13

รูปท่ี2.15.13 แสดงประเดน็ท้ังหมดบนกระดานสนทนา

ภายในกระดานขาวจะประกอบไปดวย - ประเด็นท่ี หมายถึงประเด็นท่ีแสดงอยูลําดับท่ีเทาไหร - ช่ือประเด็น - ผูถาม - จํานวนคําตอบ

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

48 คูมือใชงานระบบสําหรับผูดูแลระบบ

- สามารถทําการคนหาประเด็นได โดยพิมพประเด็นท่ีตองการคนหา ท่ีชองกรอกคําคน

จากนั้นคลิกปุม Search หนาจอจะแสดงผลดังรปูท่ี 2.14.14

รูปท่ี 2.15.14 แสดงผลการคนหา

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

รูปท่ี 2.15.15 แสดงหนาการตั้งประเด็น

สามารถพิมพประเด็นท่ีจะตั้งไดในชอง ประเด็นคําถาม พิมพรายละเอียดคําถามไดในชอง รายละเอียด จากนั้นเลือก ตั้งประเด็นหนาจอจะแสดงผลดังรูปท่ี 2.14.16

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

49 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 2.15.16 ผลการตั้งประเด็นใหม

สามารถเขาดูประเด็นท่ีตั้งใหมโดยเลือก แสดงประเด็น หรือตั้งประเด็นใหม เลือกตั้งประเด็นใหม

2.14.4 สมุดเยี่ยมชม

รูปท่ี 2.15.17 การบันทึกสมุดเยี่ยมชม

- สามารถลงนามเยี่ยมชมได โดยเขียนขอความลงในชอง ขอความจากนั้นปอนอีเมล และรหัสลับ แลวคลิกปุม “บันทึกลงนาม"

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

50 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 2.15.18 ผลการบันทึกลงนาม

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

51 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.16. แบบสํารวจความคิดเห็น ระบบสามารถสรางแบบสํารวจความคิดเห็น ซ่ึงผูใชสามารถเขามาโหวตได โดยคลิกท่ี “จัดการ

โหวต”ดังรูปท่ี 2.16

รูปท่ี 2.16.1 การจัดการโหวต

คลิกท่ี “ตั้งแบบสํารวจใหม” เพ่ือสรางแบบสํารวจ ระบบจะแสดงดังรูปท่ี2.16

รูปท่ี 2.16.2การตั้งแบบสํารวจใหม

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

52 คูมือใชงานระบบสําหรับผูดูแลระบบ

ตั้งคําถามและกําหนดคําตอบไดมากท่ีสุด 9 คําตอบ เม่ือเพ่ิมขอมูลเรียบรอยแลว คลิกท่ี “เพ่ิมขอมูล” ระบบจะบันทึกขอมูลและแสดงขอมูลใน Blocksแบบสํารวจความคิดเห็น ดังรูป

รูปท่ี 2.16.3Blocksแบบสํารวจความคิดเห็น

หากตองโหวต ใหเลือกคําตอบท่ีตองการแลวคลิกโหวตคะแนน และดูผลสรุปการโหวตโดยการคลิกท่ี “จัดการโหวต” ระบบจะแสดงผลดังรูปท่ีรูป

รูปท่ี 2.16.4แบบสรุปผลการสํารวจความคิดเห็น

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

53 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.17. เมนูผลงานของเรา ระบบสามารถแสดงผลงานไดโดยคลิกเมนูดานบนของเว็บไซตท่ีมีคําวา ผลงานของ

เรา แลวจะปรากฏหนาสําหรับการเพ่ิมขอมูล ดังรูป โดยคลิกท่ี เพ่ือเพ่ิมขอมูลผลงานของเรา

รูปท่ี 2.17.1 การเพ่ิมผลงานของเรา

- หัวขอผลงาน คือ หัวขอผลงานท่ีตองการแสดง - รายละเอียด คือ รายละเอียดหรือคําอธิบายผลงานท่ีตองการแสดง - รูปท่ี 1,2,3,4 คือ รูปภาพท่ีประกอบผลงาน สามารถเลือกภาพท่ีตองการแสดงโดยคลิกท่ี

“Browse…” - ไฟลประกอบ คือ ไฟลท่ีประกอบผลงาน สามารถเลือกไฟลท่ีตองการแสดงโดยคลิกท่ี

“Browse…” เม่ือเพ่ิมขอมูลท่ีตองการเรียบรอยแลว คลิกท่ี ระบบจะบันทึกขอมูลและแสดงผลดังรูป

รูปท่ี 2.17.2 แสดงผลงานของเรา

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

54 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.18. ภาพกิจกรรม

ระบบสามารถเพ่ิมรูปภาพกิจกรรมตางๆ ไดโดยคลิกท่ี ระบบจะแสดงผลดังรูป

รูปท่ี 2.18.1การเพ่ิมขอมูลภาพกิจกรรม

เพ่ิมช่ือหัวขอของภาพกิจกรรมแลวคลิกท่ี ระบบจะแสดงผลดังรูปท่ี2.17.2

รูปท่ี 2.18.2 การอัพโหลดภาพกิจกรรม

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

55 คูมือใชงานระบบสําหรับผูดูแลระบบ

เลือกไฟลภาพท่ีตองการและใสคําอธิบายรูป จากนั้นคลิกท่ี ระบบจะแสดงผลดังรูป

รูปท่ี 2.18.3แสดงผลภาพกิจกรรม

หากตองการเพ่ิมรูปในหัวขอนีใ้หคลิกท่ีรูปภาพ ระบบจะแสดงผลดังรูปท่ี 2.17.4

รูปท่ี 2.18.4 การอัพโหลดรูปเพ่ิมเติม

หากตองการเพ่ิมหัวขอภาพกิจกรรมใหม ใหคลิกท่ี โดยการเพ่ิมไฟลภาพนั้น สามารถเพ่ิมไฟลท่ีเปนไฟลรูปภาพและไฟลท่ีเปน .Zip ซ่ึงการแสดงผลของรูปภาพนั้น จะมีการแสดงแบบ Highslideโดยเม่ือคลิกดูท่ีรูปภาพ สามารถท่ีจะเล่ือนดูภาพตอไปไดโดยไมตองเปดรูปใหม

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

56 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.19. เมนูติดตอเรา ใชสําหรับแสดงขอมูลขอผูดูแลระบบ เพ่ือความสะดวกในการติดตอกับผูใช สามารถบันทึกขอมูล

โดยคลิกท่ี ระบบจะแสดงผลดังรูป

รูปท่ี 2.19.1 การแกไขขอมูล

เม่ือใสขอมูลเรียบรอยแลว คลิกท่ี ระบบจะแสดงผลดังรูป

รูปท่ี 2.19.2 แสดงผลผูท่ีสามารถติดตอได

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

57 คูมือใชงานระบบสําหรับผูดูแลระบบ

2.20. แผนที่เว็บไซต แผนท่ีเว็บไซตเปรียบเสมือน สารบัญของเว็บไซต ซ่ึงแสดงหัวขอหลักและหัวขอยอยของBlocks

ตางๆ ซ่ึงสามารถคลิกเพ่ือลิงคไปยังหนานั้นๆได ดังรูป

รูปท่ี 2.20.1 แผนท่ีเว็บไซต

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

58 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.ระบบแฟมสะสมงาน(Portfolio)

สวนนี้เปนการเขาใชงานในสวนของการจัดการขอมูลพ้ืนฐานสวนตัวของผูใช ดวยการเขาใชงาน การสูเขาระบบแฟมสะสมผลงานนั้นทุกครั้งจําเปนจะตองการปอนช่ือผูใช และรหัสผาน ซ่ึงระบบLoginนั้น ในสวนนี้จะมีเมนูอยูท่ีดานขวามือของผูใช ดังรูปท่ี 3

รูปท่ี 3 เมนูแฟมสะสมงาน

กอนท่ีจะเขาไปจัดการแฟมสะสมผลงานของตนเองหรือเขาชมของคนอ่ืนไดนั้น ตองทําการ Login เขาสูระบบกอน ถาหากยังไมไดปอนช่ือเขาระบบ ระบบจะทําการแจงเตือนเพ่ือใหทําการ Login กอนเขาระบบดังรูปท่ี 3.1

รูปท่ี 3.1 แสดงหนาแจงเตือนเม่ือไม Loginเขาสูระบบของแฟมสะสมผลงาน

การ Login เขาใชงาน มีรูปแบบเดียวกับการLogin เขาสูระบบระบบเว็บไซดดังรูปท่ี3.2

รูปท่ี 3.2แสดงหนา Login เขาสูระบบของแฟมสะสมผลงาน

เม่ือเขาสูระบบแฟมสะสมผลงานแลว จะปรากฏสวนประกอบของระบบประกอบโมดูลตาง ๆ ดังนี ้

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

59 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.1 ขอมูลพ้ืนฐาน เปนสวนท่ีแสดงขอมูลของผูใชงาน ซ่ึงผูใชงานเองสามารถแกไขขอมูลสวนนี้ไดโดยการแกไขขอความสวนหัวและสวนทายของแฟมสะสมผลงาน ดังนี ้

การแกขอมูลสวนหัวของขอมูลพ้ืนฐาน เลือก ท่ีอยูในสวนหัวของระบบแฟมสะสมผลงานเพ่ือแกไขขอมูลพ้ืนฐาน ดังรูป

รูปท่ี 3.1.1 แกไขขอมูลพ้ืนฐานขอความสวนหัวของแฟมสะสมผลงาน

กรอกขอมูลพ้ืนฐานท่ีตองการจะแกในสวนหัวของแฟมสะสมผลงาน จากนั้นเลือก ดังรูป

รูปท่ี 3.1.2กรอกขอมูลพ้ืนฐาน

ขอมูลสวนหัวของแฟมสะสมผลงานท่ีทําการแกไข

รูปท่ี 3.1.3ขอมูลพ้ืนฐานสวนหัวของแฟมสะสมผลงาน

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

60 คูมือใชงานระบบสําหรับผูดูแลระบบ

การจัดการรูปภาพสวนหัว สวนนี้เปนการตกแตงแฟมสะสมผลงานของผูใช โดยการเพ่ิมเติมรูปภาพท่ีผูใชตองการในสวนหัว

ของแฟมสะสมผลงาน และพ้ืนหลังของแฟมสะสมผลงานโดยการนําเขารูปภาพจากภายนอกโดยเลือกเลือกรูปท่ีตองการลงในสวนของการเพ่ิมรูปภาพจากนั้นเลือก ดังรูป

รูปท่ี 3.1.4แสดงการเพ่ิมรูปสวนหัวของแฟมสะสมผลงาน

รูปท่ี 3.1.5แสดงรูปสวนหัวของแฟมสะสมผลงาน

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

61 คูมือใชงานระบบสําหรับผูดูแลระบบ

การจัดการรูปภาพพ้ืนหลัง

สวนนี้เปนการตกแตงแฟมสะสมผลงานของผูใช โดยการเพ่ิมเติมรูปภาพท่ีผูใชตองการในสวนหัวของแฟมสะสมผลงาน และพ้ืนหลังของแฟมสะสมผลงานโดยการนําเขารูปภาพจากภายนอกโดยเลือก

เลือกรูปท่ีตองการลงในสวนของการเพ่ิมรูปภาพจากนั้นเลือก ดังรูป

รูปท่ี 3.1.6แสดงการเพ่ิมรูปพ้ืนหลังของแฟมสะสมผลงาน

รูปท่ี 3.1.7แสดงการเพ่ิมรูปพ้ืนหลังของแฟมสะสมผลงาน

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

62 คูมือใชงานระบบสําหรับผูดูแลระบบ

แกไขขอมูลสวนตัว สวนนี้เปนสวนท่ีผูใชสามารถแกไขขอมูลสวนตัวตาง ๆ ของผูใชไดเอง โดยมีการใชงานท่ีงายและ

สามารถแกไขไดเม่ือตองการ ไมจําเปนตองรอผูดูแลระบบ(Admin) มีขั้นตอนดังนี ้เลือกหัวขอ ท่ีอยูดานลางของรูป ดังรูปรูปท่ี 3.1.8

รูปท่ี 3.1.8เมนูการแกไข

หนาตางการแกไขขอมูลสวนตัว ดังรูป

รูปท่ี 3.1.9แสดงการแกไขขอมูลสวนตัว จากรูปท่ี 3.1.9ขอมูลสวนตัวประกอบดวยสวนตาง ๆ ดังนี ้ สวนท่ี 1. ช่ือ-นามสกุล และรหัสผาน (ผูใชสามารถเปล่ียนรหัสผานได)

สวนท่ี 2. ขอมูลท่ัวไป – วันเดือนปเกิด เพศ ศาสนา สัญชาต ิสวนท่ี 3. ขอมูลท่ีติดตอ – ท่ีอยู อีเมล หมายเลขโทรศัพท MSN HI5

สวนท่ี 4. การแกไขรูปภาพ

4

สวนท่ี 1

สวนท่ี 2

สวนท่ี 3 3 สวนท่ี 4

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

63 คูมือใชงานระบบสําหรับผูดูแลระบบ

เปลี่ยนหนากาก

สวนนี้เปนสวนท่ีใหผูใชสามารถเปล่ียนรูปแบบของแฟมสะสมงาน ซ่ึงจะมีรูปแบบใหเลือก 10 รูปแบบ โดยใหเลือกรูปแบบท่ีตองการ ดังรูปท่ี 3.1.10

รูปท่ี 3.1.10 แสดงการเปล่ียนหนากากของแฟมสะสมผลงาน

เม่ือไดรูปแบบท่ีตองการแลวเลือก รูปแบบของ แฟม จะ เปล่ียนไปตามหนากากท่ีผูใชเลือกดังรูปท่ี 3.1.11

รูปท่ี 3.1.11 แสดงการเปล่ียนหนากากของแฟมสะสมผลงาน

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

64 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.2 แฟมประวัต ิ เปนสวนของการเก็บรายละเอียดประวัติ ของผูใชงาน ซ่ึงประกอบดวย ประวัติการศึกษา ดูงานประวัติการทํางาน ประวัติการหยุดงาน ประวัติการอบรม และภารกิจท่ีไดรับมอบหมายผูใชสามารถใสขอมูลในแตละหัวขอไดโดยเลือก ท่ีอยูดานบนดังรูปท่ี 3.2.1

รูปท่ี 3.2.1เรียกใชเมนูประวัติสวนตัว เม่ือเลือกแลวจะปรากฏหนาตางประวัติสวนตัว เลือก ดังรูปท่ี 3.2.2

รูปท่ี 3.2.2การเพ่ิมแฟมขอมูลสวนตัว

เม่ือเลือกแลวจะปรากฏหนาตางประวัติสวนตัว ใหผูใชเพ่ิม ป พ.ศ. ท่ีจะบันทึกขอมูลดังรูป แลวเลือก เพ่ือเพ่ิมขอมูล ดังรูปท่ี 3.2.3

รูปท่ี 3.2.3แสดงการเพ่ิม/แกไข/ลบ ปของกิจกรรมของแฟมประวัติสวนตัว เม่ือผูใชงานเพ่ิมป พ.ศ. เรียบรอยแลว ระบบจะแสดงขอมูลดังรูปท่ี 7.3 ผูใชงานสามารถจัดการ

ขอมูลท่ีมีโดยการเลือกสัญญาลักษณดังนี ้ คือ การแกไขขอมูล

คือ ลบขอมูล / คือ แสดง / ซอน

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

65 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.3 แฟมจัดเก็บผลงาน เปนสวนท่ีให ผูใชนําผลงานตาง ๆ ของตนเองขึ้นไปเก็บไว อยางเปนหมวดหมูโดยท่ี ผูใชสามารถ

เลือกใหแสดงหัวขอตาง ๆได แกไขขอมูล และลบขอมูลได โดยมีวิธีการดังนี้ผูใชสามารถใสขอมูลในแตละหัวขอไดโดยเลือก ท่ีอยูดานบนดังรูป3.3.1

รูปท่ี 3.3.1เรียกใชเมนูแฟมสะสมผลงาน

เม่ือเลือกแลวจะปรากฏหนาตางแฟมสะสมผลงานให เลือก ระบบจะเปดหนาตางในการเพ่ิมขอมูล ผูใชงานสามารถกําหนดช่ือหัวขอหลัก จากนั้นเลือก ดังรูป 3.2.2

รูปท่ี 3.2.2เพ่ิมขอมูลแฟมผลงาน ภายในหัวขอหลัก ผูใชงานสามารถเพ่ิม/ Download ขอมูลยอยได และยังสามารถเลือกการจัดการ

ขอมูลไดตามสัญลักษณ ดังรูปท่ี3.3.3 คือ การแกไขขอมูล

คือ ลบขอมูล / คือ แสดง / ซอน

คือ การเพ่ิมเนื้อหา / หัวขอยอย

รูปท่ี 3.3.3แสดงการจัดการแฟมจัดเก็บผลงาน

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

66 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.4 กระดานขาว

เปนสวนท่ีใหบุคคลท่ัวไปสามารถเขามาแสดงความคิดเห็นตาง ๆ เกี่ยวกับแฟมสะสมผลงานได โดยการแสดงความคิดเห็นแตละครั้งระบบจะทําการเก็บ ช่ือผูแสดงความคิดเห็น ท้ังนี้ยังมีระบบกรองคําหยาบเพ่ือปองกันคําท่ีไมสุภาพจากบุคคลภายนอกท่ีเขามาแสดงความคิดเห็น และหากกระทูใดแสดงความคิดเห็นท่ีไมเหมาะสม ผูใชสามารถทําการลบความคิดเห็นนั้นออกได ซ่ึงมีวิธีการจัดการโดยเลือก

ท่ีอยูดานบนดังรูป3.4.1

รูปท่ี 3.4.1เรียกใชเมนูกระดานขาว

เม่ือเลือกแลวจะปรากฏหนาตางแฟมสะสมผลงานให เลือก

รูปท่ี 3.4.2การตั้งประเด็นใหม

ระบบจะเปดหนาตางในการเพ่ิมขอมูล ผูใชงานสามารถตั้งประเด็นใหมได พรอมท้ังสามารถแนบเอกสารได เม่ือเพ่ิมขอมูลแลว จากนั้นเลือก ดังรูปท่ี 3.4.3

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

67 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 3.4.3 การตั้งประเด็น

รูปท่ี 3.4.4 การตั้งประเด็น

ภายในหัวขอหลัก ผูใชงานสามารถเลือกการจัดการขอมูลไดตามสัญลักษณ ดังรูปท่ี3.4.4 คือ การแกไขขอมูล

คือ ลบขอมูล / คือ แสดง / ซอน

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

68 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.5 อัลบั้มภาพ

เปนสวนท่ีให ผูใชงานนั้นสามารถท่ีจะเพ่ิมอัลบ้ัมภาพ ของตนเองไดโดยไมจํากัด โดยมีรายละเอียดดังนี้ เลือก ท่ีอยูดานบนดังรูปท่ี 3.5.1

รูปท่ี 3.5.1เมนูกระดานขาว

เลือก เพ่ือทําการเพ่ิมรูปท่ีตองการ เม่ือเลือกรูปท่ีตองการเรียบรอยแลวเลือก

ขอมูลจะถูกบันทึกอัตโนมัติ เม่ือบันทึกขอมูลช่ือ อัลบ้ัม เรียบรอย ระบบจะแสดงหนาตางในการเพ่ิมรูปภาพทันที ดังรูปท่ี 3.5.2

รูปท่ี 3.5.2 แสดงการเพ่ิมอัลบ้ัมภาพ

รูปท่ี 3.5.3 แสดงการเพ่ิมรูปภาพในอัลบ้ัม

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

69 คูมือใชงานระบบสําหรับผูดูแลระบบ

หลังจากสรางอัลบ้ัมภาพเสร็จแลว และอัพโหลดรูปแลว จะถูกแสดงดังรูปท่ี 3.5.3 ซ่ึงผูใชสามารถจัดการขอมูลรูปภาพตามสัญลักษณดังนี้

คือ การแกไขขอมูล คือ ลบขอมูล / คือ แสดง / ซอน

รูปท่ี 3.5.4 แสดงหนาของอัลบ้ัมภาพ

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

70 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.6 จดหมาย

เปนสวนท่ีผูใชงานสามารถท่ีจะสงขอความใหสมาชิกของแฟมสะสมผลงานไดเปนรายบุคคล และสามารถสงภาพไปกับขอความได และมีกลองขอความสวนตัวท่ีสามารถดูขอความท่ีสงมาจากสมาชิกของแฟมสะสมผลงาน ซ่ึงมีรายละเอียดดังนี้ เลือก ท่ีอยูดานบนดังรูปท่ี 3.6.1

รูปท่ี 3.6.1การเรียกใชเมน ู

เม่ือเขามาท่ีกลองขอความมีการจัดการจดหมาย สรางจดหมายจดหมายท้ังหมด จดหมายใหม จดหมายอานแลว รายช่ือผูสงจดหมาย ลบขอจดหมายและมีการแจงเตือนจดหมายถึงจํานวนจดหมายท้ังหมด และจดหมายใหม สําหรับเจาของแฟมสะสมผลงาน(รูปท่ี 3.6.1 หมายเลข2)

รูปท่ี 3.6.2 แสดงหนาของกลองจดหมาย

การสงจดหมาย ทําการคลิกท่ีสรางจดหมาย(รูปท่ี 3.6.2หมายเลข1)->ทําการเลือกสมาชิก (รูปท่ี 3.128 หมายเลข2) ->คนหาสมาชิก ->ทําการเลือกสมาชิกโดยถูกท่ีชองใตรูป (รูปท่ี 3.6.3 หมายเลข1) ->เม่ือเลือกผูสงเสร็จแลวใหทําการคลิกท่ีกลับไปสงจดหมายท่ีอยูดานบน (รูปท่ี 3.6.3 หมายเลข2) ->เขียนหัวขอเรื่อง เลือกรูปภาพ เขียนจดหมาย->คลิกท่ีสงจดหมาย

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

71 คูมือใชงานระบบสําหรับผูดูแลระบบ

รูปท่ี 3.6.3 แสดงหนาของการสรางจดหมาย

รูปท่ี 3.6.4 แสดงหนาของการเลือกผูสง เม่ือขอความสงมาถึงครั้งแรกจะมีภาพ และเม่ืออานขอความแลวจะหายไป สามารถลบ

ขอความไดโดยคลิกท่ี ทําการอานขอความโดยคลิกท่ี

รูปท่ี 3.6.5 แสดงหนาของขอความท่ีสงมาถึงผูใช

รูปท่ี 3.6.6แสดงหนาของเนื้อหาขอความ

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

72 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.7 คนหาสมาชิก

สําหรับใหผูใชงานสามารถคนหาสมาชิก ไดท้ัง 3 รูปแบบคือ คนหาสมาชิกท้ังหมด นักเรียน และอาจารย โดยการใสคําคนหาหรือไมใสก็ได เม่ือไดรายช่ือสมาชิกแลว คลิกท่ี หรือท่ีรูปภาพประจําตัวเพ่ือเขาสูแฟมสะสมผลงานของผูใชคนอ่ืน

รูปท่ี 3.7.1 คนหาสมาชิก

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

73 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.8 สมุดบันทึก

ผูใชสามารถเขียนขอความทีตองการใหผูท่ีเขามาอานแฟมสะสมผลงานอานได และสามารถนําโคดภาพสไลด มาใสเพ่ือทําภาพโชวได ดังรูปท่ี 3.8.1

รูปท่ี 3.8.1 แสดงหนาของสมุดบันทึก

เพ่ิมหมวดเนื้อหาผูใชสามารถเพ่ิมหมวดเนื้อหาท่ีจะแสดงใหผูท่ีมาเยี่ยมชมไดเห็น โดยการพิมพท่ีช่ือหมวดเนื้อหาหลักและสามารถเพ่ิมเนื้อหายอยภายในไดดังรูปท่ี 3.8.2

รูปท่ี 3.8.2การเพ่ิมเนื้อหา

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

74 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.9 สํารวจความคิดเห็น

เปนสวนท่ีจะใหเจาของแฟมสามารถเขามาตั้งคําถามตาง ๆ เพ่ือใหบุคคลท่ัวไปท่ีเขามาเยี่ยมชมแฟมผลงาน เขามาตอบคําถาม ซ่ึงการทํางานของโมดูลจะเปนขั้นตอนคือ สามารถสรางและจัดการ ใสเนื้อหาหรือคําถามตาง ๆ แสดงเนื้อหา ดังรูปท่ี 3.9

รูปท่ี 3.9.1 แสดงการจัดการแบบสํารวจความคิดเห็น

3.10 ขาวจากเว็บหลัก

เปนการนําขาวจากระบบ CMS ท่ีเปนระบบหลักมาแสดง 4 ขาวลาสุดเพ่ือใหเจาของแฟมสามารถดูขาวจากระบบ CMS ลาสุดไดจากแฟมสะสมผลงานของตนเองได ดังรูปท่ี 3.10

รูปท่ี 3.10.1 แสดงขาวจากหนาหลัก

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

75 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.11 ลิงคที่เกี่ยวของ

เปนสวนท่ีให ผูใชสามารถใสลิงคตาง ๆ ท่ีเกี่ยวของหรือท่ีตนสนใจ เขาไปในแฟมซ่ึงลักษณะของลิงคสามารถใสเนื้อหาไดท้ังรูปภาพและขอความได โดยเลือก เพ่ือเพ่ิมขอมูลลิงคตางตาง ดังรูปท่ี 3.11

รูปท่ี 3.11 แสดงลิงคท่ีเกี่ยวของ

3.12 สถิติการเขาชม

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

รูปท่ี 3.12แสดงสถิติผูเขาชม

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

76 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.13 การใชงานระบบแฟมสะสมผลงาน

สามารถท่ีจะเขาไปดูระบบแฟมสะสมของสมาชิกคนอ่ืนได โดยระบบคนหาสมาชิก การใชงานระบบแฟมสะสมผลงานของสมาชิกคนอ่ืนนั้น ผูใชงานสามารถใชงานไดดังนี ้

3.13.1 ระบบฝากขอความผูใชสามารถฝากขอความใหกับเจาของแฟมสะสมผลงานได

รูปท่ี 3.13.1 แสดงกลองฝากขอความ

3.13.2 ระบบแฟมจัดเก็บผลงาน ผูใชสามารถดาวนโหลดขอมูลของแฟมสะสมผลงานได

รูปท่ี 3.13.2 แสดงหัวขอดาวนโหลด

3.13.3 ระบบโหวต ผูใชโหวตใหกับเจาของแฟมสะสมผลงานได

รูปท่ี 3.13.3 แสดงขอความโหวต

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

77 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.13.4 ระบบกระดานขาวผูใชเขียนตอบขอความในกระดานขาวของเจาของแฟม สะสมผลงานได

รูปท่ี 3.13.4 แสดงหัวขอกระดานขาว

3.13.5 ระบบอัลบ้ัม ผูใชสามารถดูภาพในอัลบ้ัมของเจาของแฟมสะสมผลงานได

รูปท่ี 3.13.5 แสดงภาพภายในอัลบ้ัม

3.13.6 ระบบประวัติ ผูใชสามารถดูประวัติเจาของแฟมสะสมผลงานได

รูปท่ี 3.13.6 แสดงประวัติสวนตัว

จัดทําโดย มหาวิทยาลัยเทคโนโลยีสุรนารี | คูมือสําหรับการใชงานเว็บไซต

78 คูมือใชงานระบบสําหรับผูดูแลระบบ

3.14 การใชระบบเปลี่ยนภาษา การใชระบบเปล่ียนภาษาในสวนแฟมสะสมผลงานสะสมผลงานจะถูกแบงแยกเปนในสวน

ภาษาไทย และ ภาษาอังกฤษ คือถาขอมูลอยูท่ีสวนภาษาไทย เม่ือสลับใชภาษาอังกฤษจะไมสามารถเห็นขอมูลสวนของภาษาไทยซ่ึงเราสามารถเปล่ียนเปนสองภาษาไดดังรูป

รูปท่ี 3.14.1 การเปล่ียนภาษา