1. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
Bridge Chapter
Content
ภายในจะประกอบดวยวิธีการใชงานเว็บไซต โดยจะอางอิงตามหนา Frontend ตามลำดับเพื่อใหผูใช
สามารถเขาใจไดโดยงายวาจะตองการแกไขขอมูลของหนาไหน
K K K K K K K K K K K K Page
1. หนาที่ไมสามารถปรับแกไดดวย CMS
2
2. เริ่มตนการใชงาน CMS
3
3. การจัดการหลักสูตรตางๆ ในเมนู Our Programs
4
4. การจัดการรายชื่อและรายละเอียดของวิทยากร (Speaker Profiles)
7
5. การจัดการขอมูลที่ไดรับจากหนา Contact us
9
6. การจัดการขอมูลของ Slide Share
10
7. การจัดการขอมูลในหมวด Chapter Sign-up
14
8. การจัดการขอมูลของ Useful Links
15
9. การจัดการขอมูลสวนตัวของผูบริหารขอมูลระบบ (Staff users)
16
10. การจัดการขอมูลของผูดูแลระบบ (Admin)
17
PAGE 1 OF 17
DEVELOP ON 2010 BY 108DEV.COM

2. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
หนาเหลานี้ไมสามารถปรับแกไขเนื้อหาภายในหนาดวยระบบ CMS ที่มีอยู
PAGE 2 OF 17
DEVELOP ON 2010 BY 108DEV.COM

3. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
เริ่มตนการใชงาน CMS
เปดเว็บ browser เขาไปที่ URL http://www.bridgechapter.com/admin
จะพบหนาเว็บไซตดังรูป
จากนั้นกรอก username และ password ที่ไดรับแจงไว
★ หากจำ username ไมได กรุณาติดตอที่ทีมพัฒนาระบบ
★ หากจำ password ไมได และมั่นใจ วา email ที่กรอกไวสำหรับ username นั้นคืออีเมลไหน
สามารถแจง request password ไดที่ทางดานขวาตรงขอความ “3. หากลืมรหัสผาน คลิกที่นี่”
PAGE 3 OF 17
DEVELOP ON 2010 BY 108DEV.COM

4. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
การจัดการหลักสูตรตางๆ ในเมนู “Our Programs”
ใน CMS ไปที่เมนู Programs จะเห็นวาเมื่อเอา mouseover จะมี รายชื่อโปรแกรมเปน sub menu ให
เลือกโผลขึ้นมา ซึ่งเปนโปรแกรมที่ไดทำการเพิ่มไวกอนหนานี้แลว
หากตองการแกไขเนื้อหาของโปรแกรม (ไมสามารถเพิ่มหรือลบได) ใหกดที่ “PROGRAMS”
PAGE 4 OF 17
DEVELOP ON 2010 BY 108DEV.COM

5. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
หลังจากเขามาหนารวมหลักสูตแลว สามารถแกไขขอมูลไดโดยกดที่ icon ในแถวของ “การแกไข” ซึ่ง
ภายในจะมีเครื่องมือ editor สำหรับจัดการเนื้อหาไดอยางละเอียด
หรือหากกดที่ “ดูหลักสูตร” ในของแตละโปรแกรม ก็
จะเขาไปในหนารวมหลักสูตร ซึ่งสามารถจัดลำดับ
กอนหลัง เพิ่ม แกไข หรือลบออกได รวมถึงการ
ระงับการแสดงผลก็ไดเชนกัน
PAGE 5 OF 17
DEVELOP ON 2010 BY 108DEV.COM

6. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
ซึ่งในสวนของวันที่จัดอบรมและสถานที่นั้น ตองแยกออกมาใสขอมูลเพิ่มเองตางหาก โดยการกดที่ “ดู
วันอบรม” แลวจะสามารถ เพิ่ม ลด แกไขหรือระงับการแสดงผลได
PAGE 6 OF 17
DEVELOP ON 2010 BY 108DEV.COM

7. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
การจัดการรายชื่อและรายละเอียดของวิทยากร
(Speaker Profiles)
ในหนา Speaker Profiles นี้จะเปนรายละเอียดของวิทยากร ที่สามารถเพิ่มลด แกไขไดผานทาง CMS
โดยใน CMS จะเขาไปที่เมนู
“SPEAKERS” จะเห็นเครื่องมือที่จะ
ชวยในการจัดอันดับตำแหนงของ
วิทยากร เพิ่ม ลบ แกไขรวมถึงระงับ
การแสดงผลไดเชนกัน
PAGE 7 OF 17
DEVELOP ON 2010 BY 108DEV.COM

8. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
การแกไข เพิ่ม ลดขาวในหัวขอ “What’s New”
โดยเขา CMS ไปที่เมนู “What’s New” จะมีเมนูยอย คือ แสดงขอมูลและเพิ่มขอมูล โดยในหนาแสดง
ขอมูลจะมี “เลือกประเภท” เพื่อเลือกหมวดหมูของขอมูลขาวที่จะใสลงไป K
โดยจะแสดงผลอยูดาน
ลางของหนา
หลังจากเลือกประเภทที่
ถูกตองแลวสามารถเพิ่ม
ขอมูลขาว รูป แกไข ลบ
ได
โดยการจัดการขาวนั้น
สามารถใสรายละเอียด
ดังนี้
• หัวขอขาว
• Thumb ของขาว
• เนื้อหายอ
• เนื้อหาเต็ม
• รูปประกอบ 6 รูป
PAGE 8 OF 17
DEVELOP ON 2010 BY 108DEV.COM

9. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
การจัดการขอมูลที่ไดรับจากหนา “Contact us”
โดยการเขาไปที่ CMS แลวเลือกเมนู “CONTACT” จะพบเมนูยอย 2 ชื่อ คือ
• ขอมูลติดตอ โดยสามารถเลือก
การกรองขอมูลได ที่ดานลางของ
หนา ในกรณีที่มีขอมูลเยอะเกินไป
และสามารถ export ขอมูลออกมา
ในรูปแบบ excel ได
• ตั้งคาการใชงาน สามารถกำหนดได
วาขอมูลที่ถูกสงเขามาจะทำการ
บันทึกลงฐานขอมูล และสงไปที่อีเมล
ใดบาง
PAGE 9 OF 17
DEVELOP ON 2010 BY 108DEV.COM

10. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
การจัดการขอมูลของ Slideshare
การจะใหมีผูเขาใชสามารถดาวนโหลดขอมูล slideshare ไดนั้นจะตองมีขอมูลอยู ใน รายชื่อผูเขาอบรม
กอน โดยการเขาไปที่ CMS และ ไปที่เมนู “SLIDE SHARE”
จากนั้นทำการเพิ่มรายชื่อ (เฉพาะชื่อจริงเปนภาษาอังกฤษ), ​Invoice ID (หมายเลขใบเสร็จ) และ
Course ID (รหัสของ Course ที่ลงทะเบียนเรียน)
PAGE 10 OF 17
DEVELOP ON 2010 BY 108DEV.COM

11. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
การเพิ่ม SLIDE เพื่อใหผูเขาอบรมหรือคนทั่วไปดาวนโหลด
เมนูยอยของ SLIDE SHARE ประกอบดวยหัวขอดังรูป
ตัดเมนูแรกออกไป เพราะอางอิงจากหนากอนหนานี้ไวแลว เมนูที่ตองสนใจถัดมาคือ รายชื่อโปรแกรม
การอบรม อีก 5 หัวขอ ซึ่งจะใชสำหรับที่ผูดูแลเว็บไซตตองการจะอัพโหลด slide ที่เปดใหบุคคลทั่วไป
สามารถดาวนโหลดไปอานไดฟรี (โดยไมจำเปนตองลงทะเบียนเขาอบรมกอน) ซึ่งการอัพโหลดจะแยกตาม
ชื่อโปรแกรมที่แสดงอยู ในรายการของเมนูเหลานี้
PAGE 11 OF 17
DEVELOP ON 2010 BY 108DEV.COM

12. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
แตหากตองการอัพโหลด Slide สำหรับผูที่เขารับการอบรบเทานั้นใหเลือกอัพโหลดในเมนู “Slide
from Class”
หลังจากทำความเขาใจไดแลววาเราจะอัพโหลดลงในเมนูไหน เพื่อใหขอมูลไปแสดงผลไดตามที่เราตองการ
แลว เราก็จะเขาไปดูในสวนรายละเอียดที่ตองอัพโหลดกันบาง
ในขั้นตอนการอัพโหลดทั่วไปก็กรอกไปตามหัวขอที่กำหนด ยกเวนในสวนของ Embeded HTML TAG
นั้นเราตองไปใชบริการของ slideshare.net
เพื่อความสะดวกควร
Login กอน upload
Slide เพื่อใหสามารถเก็บ
สถิติหรือรายละเอียดของ
คนที่กดเขาชม Slide ของ
เราได
โดยการ Login อาจจะทำ
โดยผานการ Register
ผานหนาเว็บ หรือผาน
Facebook Connect (ใช
Account ของ Facebook
ก็ได)
PAGE 12 OF 17
DEVELOP ON 2010 BY 108DEV.COM

13. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
หลังจากนั้นกดที่ปุม “UPLOAD” แลวกรอกขอมูลตามที่กำหนดให
หลังจากอัพโหลดเสร็จเรียบรอย ระบบจะทำการเปลี่ยนไปหนาแสดงผล slide และ embed tag
โดยสังเกตจากชอง EMBED นำ Code HTML จากชองนั้นมาใส ใน CMS ของระบบเรา เปนอันเสร็จ
เรียบรอย
PAGE 13 OF 17
DEVELOP ON 2010 BY 108DEV.COM

14. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
การจัดการขอมูลในหมวด Chapter Sign-up
ในหนานี้จะมีพื้นที่สำหรับ Login และ พื้นที่สำหรับ Sign-up ในกรณีที่ยังไมมี Login โดย List รายชื่อ
ผูสมัครจะอยู ใน CMS เมนูชื่อ “CHAPTER SIGNUP”
โดยขอมูลทั้งหมดสามารถ Export ออกมาเปน file Excel ได โดยถึงสามารถเขาไปดูและแกไขขอมูล
ตางๆ ผานทางหนาเว็บไดเชนกัน
PAGE 14 OF 17
DEVELOP ON 2010 BY 108DEV.COM

15. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
การจัดการขอมูลของ Useful Links
สามารถเขาไปเพิ่มเติม ลด หรือแกไข Links ที่จะใส ในหนา Useful Links ได โดยเขาไปที่ CMS แลว
เลือกเมนู “LINKS” จากนั้นจะมีหนาที่สำหรับ แกไข เพิ่มลด Links ขึ้นมาหากตองการ เพิ่ม Links ใหไป
ที่เมนู “LINKS” จากนั้นเลือกเมนูยอยที่ 2 ที่ชื่อ “เพิ่ม Links”
PAGE 15 OF 17
DEVELOP ON 2010 BY 108DEV.COM

16. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
การจัดการขอมูลสวนตัวของผูบริหารขอมูลระบบ
(Staff users)
สามารถเขาไปแกไขขอมูลสวนตัวได เชน ใสรูปประจำตัว (Avatar), ชื่อ-นามสกุล, อีเมล, เบอรติดตอ
เปนตน
PAGE 16 OF 17
DEVELOP ON 2010 BY 108DEV.COM

17. CONTENT MANAGEMENT SYSTEM
BRIDGECHAPTER.COM
การจัดการขอมูลของผูดูแลระบบ (Admin)
เมื่อเขามาที่เมนู “ADMIN” ใน CMS (เฉพาะผูที่มีสิทธิ์ในกลุม Admin เทานั้นจึงจะเห็นเมนูนี้)
โดยในเมนูนี้จะสามารถ เพิ่มลบ แกไขผูดูแลระบบ (Admin) และผูดูแลขอมูล (Staff) ไดอยางอิสระ
การเพิ่ม Admin และ Staff นั้นทำไดโดยการไปที่เมนู ADMIN และเลือก “เพิ่มชื่อผูดูแล”
PAGE 17 OF 17
DEVELOP ON 2010 BY 108DEV.COM