ห น า | 1

คูมือการใชงาน
Atomy Maxsite 1.50

โดย
นายอดิศักดิ์ นนทะสี
ครู คศ.1

โรงเรียนหนองบัวแดงวิทยา
สํานักงานเขตพื้นที่การศึกษาชัยภูมิ เขต 1
 ห น า | 2

บทที่ 1
การติดตั้งโปรแกรม

MAXSITE 1.10 :
เปนระบบเว็บสําเร็จรูปอยางงายๆ เพื่อเปนพื้นฐานในการพัฒนาโปรแกรมแบบงายๆ โดยการ
แกไข Template แคไฟลเดียว ไมไดมีระบบยิ่งใหญอะไรเหมือนพวก nuke , joomla , mambo หรือ CMS
ตัวอื่นๆ นะครับ เพราะบางครั้งมันเกินความจําเปน โดย MAXSITE 1.10 มีระบบเบื้องตนดังนี้

 ระบบจัดการผูดูแลระบบ
 ระบบจัดการ Editor\'s talk หนาเว็บ
 ระบบจัดการขอความเกี่ยวกับเรา
 ระบบจัดการขาวสาร แกไข เพิ่ม ลบ หมวดหมูไดงายดาย
 ระบบจัดการบทความ แกไข เพิ่ม ลบ หมวดหมูไดงายดาย
 ระบบจัดการขาวสาร
 ระบบจัดการบทความ
 ระบบจัดการปฏิทินกิจกรรมขาวสาร
 ระบบสงขอความติดตอเว็บไซต
 ขาวสาร และ บทความ สามารถเปด/ปดการแสดงความเห็นได
 แบนขอความไมพึงประสงคจากโฆษณาขายตรงตางๆ
 ระบบความปลอดภัยตอนโพสตดวยการยืนยันตัวเลขปองกันสแปม

ซึ่งนาย อัษฎา อินตะ ไดจัดทํามาเพื่อใหใชงานและแกไขไดงายๆ ไมซับซอน หวังวาผูใชงาน

คงจะแกไขและพัฒนาเองไดไมยากนะครับ สามารถเขาเยีย่ มชมและหาขอมูลเพิ่มเติมไดที่เว็บไซต
http://www.mocyc.com
http://www.CMusedcar.com
http://www.GeniusCyber.com
MSN : mocyc@hotmail.com
 ห น า | 3

Atomymaxsite 1.50 :
นายชัดสกร พิกุลทอง ไดพัฒนา maxsitge 1.10 โดยปรับใหเหมาะกับการนําไปใชใน
สถานศึกษา ไดพัฒนา modules ตางๆ ในการใชงานรวมกันกับ maxsite 1.0 ซึ่งผูพัฒนาหวังวา
atomymaxsite1.50 ที่พัฒนามาจาก maxsite1.10 จะเปนประโยชนตอทานที่นําไปใชประโยชนใน
หนวยงานทางการศึกษา หรือหนวยงานทั่วๆ ไป ที่ยังขาดบุคลากรที่มีความรูความสามารถในการ
สรางเว็ปไซตเอง สุดทายหวังเปนอยางยิ่งวาทุกทานที่นําไปใชจะชวยกันขอบคุณเจาของผลงานทุกทานที่
ไดกลาวมาแลวขางตน และชวยกันพัฒนาการใชงาน CMS ของไทยตอไป
เว็บไซต นายชัดสกร พิกุลทอง http:/www.kraiadmin.sytes.net MSN : vt9vm@hotmail.com

การติดตั้งโปรแกรม atomymaxsite1.50 โดยจําลองเครื่องคอมพิวเตอรที่มีระบบปฏิบัติการ

Windows เปนเครื่อง Server (การใชงานโดยไมตองเชื่อมตอกับอินเตอรเน็ต)
กอนอื่นตองดาวนโหลดโปรแกรม appserv ไดจากเว็บไซต http://www.appservnetwork.com
เลือกเวอรชั่นที่ตองการ (สําหรับคูมือเลมนี้ ใช appserv v. 2.5.9 ) เว็บไซตแสดงดังภาพ

รูปที่ 1 เว็บไซต Appservnetwork.com

ในชุดโปรแกรม AppServ 2.5.9 ในชุดการติดตั้งโปรแกรม PHP แอพพลิเคชั่นเซิรฟเวอรสําหรับติดตั้ง

บนระบบปฏิบัติการ Windows โดยในชุดการติดตั้ง Appserv นี้ประกอบดวยโปรแกรมตาง ๆ ดังติอไปนี้

 Apache 2.2.4 สําหรับทําหนาที่เปนเว็บเซิรฟเวอร

 PHP 5.2.3 สําหรับทําหนาที่เปนตัวแปลภาษา PHP
 MySQL 5.0.45 สําหรับทําหนาที่เปนดาตาเบสเซิรฟเวอร
 phpMyAdmin-2.10.2 สําหรับการบริหารจัดการฐานขอมูล
 ห น า | 4

การติดตั้งโปรแกรม Appserv
ขั้นตอนการติดตั้งโปรแกรม Appserv มีดังนี้
1. ดับเบิ้ลคลิกลงบนไฟล Appserv-win32-2.5.9.exe ที่ดาวนโหลดมา ก็จะเริ่มเขาสูหนาการติดตั้ง
โดยหนาตางตอนรับจะแสดงขึ้นมา ดังรูปที่ 2 ใหคลิกปุม Next

รูปที่ 2 หนาตางเริ่มตนการติดตั้งโปรแกรม Appserv

2. หนาตางแสดงรายละเอียดเกี่ยวกับลิขสิทธิ์ในการใชงานจะแสดงขึ้นมาดังรูปที่ 3 ใหคลิดที่ปุม
I Agree

รูปที่ 3 หนาตางรายละเอียดลิขสิทธิ์ในการใชงาน

3. หนาตางสําหรับผูใชงาน เลือกตําแหนงบนฮารดดิสกที่จะใหติดตั้งโปรแกรม Appserv ลงไป จะแสดง

ขึ้นมาดังรูปที่ 4 คาปกติจะเปน C:\Appserv และขอแนะนําใหติดตั้งไวที่ตําแหนงนี้ เพราะคูมือนี้จะ
อธิบายจากตําแหนงติดตั้งนี้ทั้งหมด ดังนั้นในขั้นตอนนี้ใหคลิกที่ปุม Next
 ห น า | 5

รูปที่ 4 หนาตางกําหนดตําแหนงสําหรับติดตั้ง Appserv

4. หนาตางสําหรับใหผูใชงานเลือกโปรแกรมตาง ๆ ในแพ็กเก็จของ Appserv จะแสดงขึ้นมา ดัง
รูปที่ 5 ใหเลือกติดตั้งทุกโปรแกรมที่มี โดยคลิกเครื่องหมายถูกที่ชองสี่เหลี่ยมดานหนา เมื่อเลือกครบแลว
ใหคลิกปุม Next ดังรูป

รูปที่ 5 หนาตางสําหรับเลือกโปรแกรมในแพ็กเก็จ Appserv

5. หนาตางสําหรับการกําหนดรายละเอียดในการจําลองเครื่องคอมพิวเตอรเปน เว็บเซิรฟเวอร จะ
แสดงขึ้นมาดังรูปที่ 6 ในชอง Server Name กําหนดเปน localhost สวน ชองดานลางใหใสอีเมล
แอดเดรสของผูดูแลระบบ(เปนอีเมลจริงหรือไมก็ได) ดังรูป สวนชอง Apache HTTP Port คาปกติคือ 80
ไมตองเปลี่ยนแปลงคาใด ๆ หลังจากใสคาตาง ๆ เสร็จแลว ใหคลิกปุม Next

รูปที่ 6 หนาตางกําหนดคารายละเอียดของเซิรฟเวอร
 ห น า | 6

6. หนาตางสําหรับกําหนดคาใหกับการใชงาน MySQL จะแสดงขึ้นมาดังรูปที่ 7 โดยจะเปนการ

กําหนดคาและรหัสผานของผูดูแลระบบ หรือ Root นั่นเอง
- ในชอง Enter root password ใหใสรหัสผานเมื่อเขาใชงาน MySQL จะเปนตัวแลขหรือ
ตัวอักษรภาษาอังกฤษก็ได (จะตองจํารหัสผานที่ตั้งไวใหดี เพราะทุกครั้งที่สรางฐานขอมูลใหม หรือ
แกไขฐานขอมูล ใน phpMyAdmin และในการติดตั้งโปรแกรม Atomy Maxsite 1.50 จะตองใชเชนกัน)
- ในชอง Re-Enter root password ใหใสรหัสผานอีกครั้งหนึ่ง
- ในชอง Character Sets and Collations ใหเลือกเปน UTF-8 Unicode
- คลิก เครื่องหมายถูก ที่สี่เหลี่ยมหนา Old Password Support ... และ Enable InnoDB เสร็จ
แลวคลิกปุม Install ดังรูป

รูปที่ 7 หนาตางสําหรับตั้งรหัสผาน และกําหนดคาการเขารหัสอักษรในฐานขอมูล

7. ขั้นตอนการติดตั้งไฟลตาง ๆ ลงบนคอมพิวเตอรจะเริ่มขึ้น ใหรอจนกวาการติดตั้งจะเสร็จสิ้น
จะปรากฏหนาตาง ดังรูปที่ 8 คลิกปุม Finish เปนอันเสร็จสิ้นการลงโปรแกรม Appserv

รูปที่ 8 หนาตางแสดงการติดตั้งเสร็จเรียบรอย
การติดตั้งแพ็กเก็จโปรแกรม Appserv เสร็จเรียบรอย สามารถสรางฐานขอมูล ถาการติดตั้ง
สมบูรณ ถาเปดเว็บบราวเซอร (Internet Exploler Brower) โดยพิมพในชอง แอดเดรสบาร เปน
 ห น า | 7

http://localhost ถามีหนาตาดังรูปที่ 9 แสดงวา ไมมีปญหา พรอมใชงานได

รูปที่ 9 หนาตางเว็บบราวเซอร แสดงวา โปรแกรม Appserv พรอมใชงาน

การสรางฐานขอมูล
ขั้นตอนการสรางฐานขอมูล
1. เปดเว็บบราวเซอร (Internet Exploler Brower) โดยพิมพในชอง แอดเดรสบาร เปน
http://localhost/phpmyadmin จะมีหนาตางตอนรับ ดังรูปที่ 10 ใหกรอกรายละเอียดดังนี้
* ชอง user name : Root
* ชอง Password : ใหกรอกรหัสผานที่ตามที่ไดกําหนดไวในขั้นตอนการติดตั้ง ( ตามรูปที่ 7)
เสร็จแลวกด ok ดังรูป

รูปที่ 10 หนาตางสําหรับกรอชื่อผูใชงานและรหัสผานเพื่อเขาใชงาน phpMyAdmin

 ห น า | 8

2. หนาตาของ phpMyAdmin จะแสดงขึ้นมาในเว็บบราวเซอร ดังแสดงในรูปที่ 11

รูปที่ 11 หนาตาง phpMyAdmin ในเว็บบราวเซอร

3. การสรางฐานขอมูล เพื่อใชงานรวมกับโปรแกรม Atomy Maxsite 1.50 มีขั้นตอนและการ
กําหนดคาตาง ๆ ดังนี้
3.1 กําหนดภาษา ในชอง MySQL connection collation เปน tiss620 bin
3.2 ใสชื่อฐานขอมูลที่ตองการสรางลงไปในชอง สรางฐานขอมูลใหม
3.3 กําหนดคาการจัดเก็บขอมูล ใหเลือกเปน การเรียงอันดับ
3.4 คลิกปุมสราง ก็จะปรากฏชื่อฐานขอมูลที่สรางปรากฏดานฝงซายมือ พรอมสําหรับ
นําไปใชงาน ดังรูปที่ 12

รูปที่ 12 การกําหนดภาษา และการสรางฐานขอมูลใน phpMyAdmin

 ห น า | 9

การติดตั้ง Atomy Maxsite 1.50 และการสรางฐานขอมูล

กอนอื่นตองกําหนดชื่อเว็บไซตที่จะสราง และชื่อฐานขอมูลที่จะใชในการเชื่อมตอ สําหรับคูมื่อนี้
จะกําหนดใหเว็บไซต
ชื่อเว็บไซต : Adisak
ชื่อฐานขอมูล : sci01
(สวนผูอานจะตั้งชื่ออยางไรก็ไดครับแตขอใหเปนภาษาอังกฤษนะครับ)
ขั้นตอนในการติดตั้ง Atomy Maxsite 1.50
1. สรางฐานขอมูล ตามที่ตองการ โดยขั้นตอนในการสรางและการกําหนดคา เหมือนกับการสราง
ฐานขอมูล (รูปที่ 12 หนา 7 ) เชน ในตัวอยางผมจะสรางฐานขอมูลที่ชื่อวา sci01 ก็สรางไดดังรูปที่ 13
(อยาลื่มกําหนดภาษาเปน tis620 bin ดวนนะครับ)

รูปที่ 13 ตัวอยางการสรางฐานขอมูลชื่อ sci01 และการกําหนดคาภาษา

2. นําไฟล atomymaxsite1-50.zip ที่ดาวโหลดมา แตกไฟล โดยใช โปรแกรม Winzip โดยไปที่
ไฟล atomymaxsite1-50.zip  คลิกเมาสปุมขวา  เลือก E xtract toAtomymaxsite 1-50  คลิก

รูปที่ 14 การแตกไฟล zip ของโปรแกรม Atomy Maxsite 1.50

เสร็จแลวเราก็จะได โฟลเดอรที่มีชื่อวา Atomymaxsite 1-50 ที่พรอมจะติดตั้งแลวครับ
 ห น า | 10

3. Copy โฟลเดอร Atomymaxsite 1-50 จากขอ 2 ไปวางไวที่ใน C:\Apserv\www

4. เปลี่ยนชื่อ โฟลเดอร Atomymaxsite 1-50 ใหเหมือนกับชื่อเว็บไซตที่เราตองการ เชน ผม
เปลี่ยนชื่อเปน Adisak เปนตน
5. เปดเว็บบราวเซอร (Internet Exploler Brower) โดยพิมพในชอง แอดเดรสบาร เปน
http://localhost/.........../install (ตรง ........... ใหพิมพเปนชื่อเว็บไซตของทานนะครับและตองให
เหมือนกับชื่อ โฟลเดอรที่ทานเปลีย่ นในขอ 4 ดวยนะครับ ) กด จะมีหนาตางตอนรับ ดังรูปที่ 15 ให
กรอกรายละเอียดดังนี้

พิมพเปน : localhost
พิมพชื่อฐานขอมูลตามที่สรางไว เชน : sci01

พิมพเปน : root

ใส Password ที่ไดกําหนดตั้งแต ติดตั้ง Appserv

ใสขอความที่ตองการใหปรากฎบน Title bar

ใสขอความที่ตองการใหปรากฎบน footer
บรรทัดที่ 1
ใสขอความที่ตองการใหปรากฎบน footer
บรรทัดที่ 2
ใส Email ของผูดูแลระบบ

รูปที่ 15 การกรอกขอมูลตาง ๆ ในการติดตั้งโปรแกรม

ในสวนของ Capcha ตัวอักษรยืนยันการโพส นั้น เปนการกําหนดใหผูใชงานตองกรอกตัวอักษรที่
ปรากฏใหถูกตองเพื่อการยืนยันความมีตัวตน (ปองกัน ไวรัส และ Spam เพราะไวรัสหรือ Spam จะมอง
ไมเห็นอักษรเหลานี้ทําใหไมสามารถบุกรุกเว็บไซตหรือฐานขอมูลของเราได )โดยหากตองการใชใหคลิก
 ห น า | 11

ใชงาน ถาไมตองการใช ใหคลิก ไมใชงาน รวมถึงใสจํานวนตัวอักษรที่ตองการใหแสดง เมื่อกรอกขอมูล

เสร็จแลว คลิก ติดตั้ง Atomymaxsite

6. เมื่อติดตั้งเสร็จแลวจะเขา หนาตางตอนรับ ดังรูปที่ 16

รูปที่ 16 หนาตางตอนรับ เว็บไซตใหม หลังการติดตั้งเสร็จสมบูรณ

7. คลิก หนาแรกของ Atomy Maxite ก็จะเขาสูเว็บไซต ดังรูปที่ 17

รูปที่ 17 หนาตาเว็บไซตเริ่มตน กอนการปรับแตง แกไข

การติดตั้งโปรแกรม Atomy Maxsite 1.50 บนเว็บเซิรฟเวอร จริง

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

เซิรฟเวอรนั้นสิ่งที่ผูใหบริการจะใหเรามาคือ
ขอมูลการติดตอกับเซิรฟเวอร
Host : ftp.nwscience.net
Username : nwscienc ขอมูลเหลานี้ผูใหบริการจะใหเรามาครับ
Password : nwscience
เมื่อเรามีพื้นที่บนเซิรฟเวอรจริง มีชื่อโดเมนเนม แคนี้ก็พรอมสําหรับการสรางเว็บไซตบน
เซิรเวอรจริง ๆ แลวครับ แตกอนอื่นมาทําความรูจักกับโปรแกรมที่ใชในการอัฟโหลดโปรแกรมหรือ
ขอมูลตาง ๆ ไปยังเซิรฟเวอร ซึ่งมีมากมายแตในคูมือเลมนี้จะแนะนําและยกตัวอยางโปรแกรม FileZilla
ซึ่งใชงานงาย และที่สําคัญ คือฟรีครับ สามารถดาวนโหลดมาใชงาน ไดที่
http://fileszilla.sourceforge.net

การติดตั้งโปรแกรม FileZilla ( เวอรชั่น FileZilla_3.3.0 )

1. ดับเบิ้ลคลิกลงบนไฟล FileZilla_3.3.0_win32-setup.exe ที่ดาวนโหลดมา ก็จะเริ่มเขาสูหนา
การติดตั้งโดยหนาตางตอนรับจะแสดงขึ้นมา ดังรูปที่ 18 ใหคลิกปุม I Agree

รูปที่ 18 หนาตางเริ่มตนการติดตั้งโปรแกรม FileZilla

 ห น า | 13

2. หนาตางกําหนดคาของโปรแกรม คลิก Next ดังรูปที่ 19

รูปที่ 19 หนาตางรายละเอียดการกําหนดคาของโปรแกรม

3. หนาตางสําหรับใหผูใชงานเลือกรูปแบบการติดตั้งโปรแกรม ดังรูปที่ 20 คลิกปุม Next

รูปที่ 20 หนาตางสําหรับเลือกรูปแบบการติดตั้งโปรแกรม
4. หนาตางสําหรับผูใชงาน เลือกตําแหนงบนฮารดดิสกที่จะใหติดตั้งโปรแกรม FileZilla
ลงไป จะแสดงขึ้นมาดังรูปที่ 21 คลิกที่ปุม Next

รูปที่ 21 หนาตางกําหนดตําแหนงสําหรับติดตั้ง โปรแกรม FileZilla

 ห น า | 14

5. คลิกปุม Install รอจนกวาโปรแกรมจะดําเนินการเสร็จสิ้น

6. คลิกปุม Finish ก็จะเขาสูห นาตางของโปรแกรม FileZilla ดังรูปที่ 22

รูปที่ 22 หนาตางโปรแกรม โปรแกรม FileZilla

การอัฟโหลดโปรแกรม Atomy Maxsite 1.50 ขึ้นเซิรฟเวอร ดวยโปรแกรม FileZilla
1. เปด โปรแกรม Filezilla ขึ้นมา กรอกรายละเอียดขอมูลที่ผูใหบริการเซิรฟเวอรให เชน
โอสต : ftp.nwscience.net
Username : nwscienc
Password : nwscience
คลิกปุม เชื่อมตอดวน ก็จะปรากฏดังรูปที่ 23

หนาตางฝงเซิรฟเวอร

หนาตางฝงคอมพิวเตอรเรา

รูปที่ 23 หนาตางโปรแกรม FileZilla และการใชงาน

 ห น า | 15

2. ใหเปดไฟลที่อยูในโฟลเดอร Atomymaxsitr 1-50 ที่แตกไฟลแลว ในฝงคอมพิวเตอรเรา

3. ฝงเซิรฟเวอร ใหเปด โฟลเดอร Public html
3. เลือกทัง้ หมด โดยการกด ปุม Ctrl + A พรอมกัน คลิกเมาสปุมขวา คลิก อัพโหลด ดังรูปที่ 24

รูปที่ 24 ขั้นตอนการอัพโหลดขอมูลไปยังเซิรเวอร
4. ขอมูลจะถูกอัพโหลดไปยัง เซิรฟเวอร รอจนกวาการอัฟโหลจะเสร็จสิ้น โดยขอมูลที่อัพโหลด
จะถูกเก็บไวที่ หอง Public html
5. ในการใชงานโปรแกรม atomy Maxsite 1.50 ไมใหมีความผิดพลาดนั้น จําเปนตองมีการ
เปลี่ยน Permission ของไฟลและโฟลเดอรของโปรแกรม atomy Maxsite 1.50 ที่อัพโหลดขึ้นไป เพื่อให
ระบบสามารถปรับปรุงแกไขได โดยใหเปลี่ยนคาเปน 777 มีขั้นตอนดังนี้
5.1 เลือก ไฟลและโฟลเดอรของโปรแกรม atomy Maxsite 1.50 ที่อัพโหลดขึ้นไป ทั้งหมด
(โดยการกด ปุม Ctrl + A )
5.2 คลิกเมาสปุมขวา เลือก file permission… ดังรูปที่ 25

รูปที่ 25 การแกไฟลและโฟลเดอร atomymaxsite 1.50 ใหสามารถปรับแกไขได

 ห น า | 16

5.3 เปลี่ยน xxx ในชอง Numeric Value เปน 777 และทําเครื่องหมายถูกในทุก ๆ ชอง ให
เหมือนกับรูปที่ 26 ทุกประการ ดังรูป เสร็จแลว คลิกปุมตกลง รอจนกวาการดําเนินการจะเสร็จสิ้น

รูปที่ 26 หนาตางการปรับเปลี่ยนคา file permission…

เพียงเทานี้โปรแกรม atomymaxsite 1.50 ก็พรอมที่จะติดตั้งแลวครับ
การติดตั้งโปรแกรม atomymaxsite 1.50 บนเซิรฟเวอร
มีขั้นตอนการติดตั้ง ดังนี้
เปดเว็บบราวเซอร (Internet Exploler Brower) โดยพิมพในชอง แอดเดรสบาร เปนชื่อเว็บไซตที่
ไดจากผูใหบริการเซิรฟเวอรที่ใหเรามาแลวตอทายดวย ../install/index.php
เชน http://www.nwscience.net/install/index.php ก็จะเขาสูหนาตางการติดตั้ง เหมือนกับแบบ
localhost ทุกประการ ดังรูปที่ 27 แคนี้เราก็มีเว็บไซตที่สมบูรณแบบพรอมใชงานแลวครับ
หมายเหตุ การกําหนดคา

- Hostname
- Database Name
- Database Username
- Database Password
ตองใสคาที่ไดจากผูใหบริการ
เซิรฟเวอร เทานั้น ถาใสขอมูลผิดจะ
ไมสามารถลงโปรแกรมไดเลยครับ

รูปที่ 27 ตัวอยางการติดตั้งโปรแกรม Atomy maxsite 1.50 บนเซิรฟเวอร

 ห น า | 17

บทที่ 2
การจัดการระบบของผูดูแลระบบ ( Admin )
1 การเขาระบบของผูดูแลระบบ (admin)
1.1 คลิกที่ เมนู Administrator ที่ เมนเมนู หรือ คลิกที่ ปุม ไอคอน ผูดูแลระบบ(Admin)ที่อยูมุม
บนขวา ดังรูปที่ 28

รูปที่ 28 แสดงการเขาสูระบบ Admin

1.2 ในหนา login ใหใส Username : admin
password : atomnet
1.3 คลิก เขาสูระบบ ก็จะเขาสูหนาจอหลักของผูดูแลระบบ ดังรูปที่ 29

รูปที่ 29 หนาจอหลักของผูดูแลระบบ
2. การแกไข Editor
Editor เปนหนาที่แสดงขอความที่ผูดูแลระบบตองการสื่อใหผูเขเยี่ยมชมเว็บไซตไดเขาใจระบบ
ของเว็บไซต มีขั้นตอนการเขาระบบดังนี้
 ห น า | 18

คลิกที่ ไอคอน จะพบหนาตางการเขียนขอความ สามารถแกไข และบันทึก (เพื่อ

เปนการใหเกียรติกับผูพัฒนาโปรแกรมไมควรลบขอควรเดิม แตสามารถเพิ่มขอความไดตามความ
เหมาะสมครับ) หนา Editot Talk เปนดังรูปที่ 30

รูปที่ 30 หนาตาง Editot Talk

3. การจัดการขาวประชาสัมพันธ
ขาวประชาสัมพันธ เปนการเผยแพรขาวสารทั่วไปที่ตองการใหผูมาเยี่ยมชมไดทราบขาวคราว
ความเคลื่อนไหวตาง ๆ และยังสามารถสรางหมวดหมูยอยขึ้นเพิ่มไดอีกดวย
3.1 การจัดการหมวดหมูขาวสารทั่วไป สามารถทําไดโดยคลิกที่ ไอคอน
จัดการขาวสารประชาสัมพันธ  รายการหมวดหมู ดังภาพที่ 31

รูปที่ 31 หนาตางการจัดหมวดหมูขาวสารทั่วไป
 ห น า | 19

3.2 การเพิ่มหมวดหมูใหม คลิกที่ เพิ่มหมวดหมู จะปรากฏหนาตางดังรูปที่ 32

3.3 การเพิ่มขาวสาร แกไขขาว และลบขาวสาร คลิก เพิ่มขาวสาร จะมีหนาตางขึ้นมาดังรูปที3่ 3

รูปที่ 33 หนาตางการเพิ่มขาวสาร
 ห น า | 20

4. การจัดการความรู (Knowledge)
Knowledge เปนสวนที่เว็ปไซตหรือสมาชิกใชเผยแพรความรู บทความทางวิชาการตาง ๆ ซึ่งใน
สวนนี้ บุคคลที่สามารถอานบทความไดตองเปนสมาชิกของเว็บไซตเทานั้น
4.1 การใชงาน การจัดการความรู เลือก หนาหลักผูดูแลระบบ  จัดการสาระความรู จะมี
หนาตางดังรูปที่ 34 (สวนการใชงาน สามารถเพิ่มหมวดหมู เพิ่มความรู แกไข ลบ เหมือนกับ การจัดการ
ขาวสารประชาสัมพันธ)

รูปที่ 34 หนาตางการจัดการสาระความรู

5. การจัดการปฏิทินกิจกรรม
ปฏิทินกิจกรรม เปนสวนที่ใชในการจัดการตารางกิจกรรมตามวันและเวลาตาง ๆของหนวยงาน
นั้น ๆ การเขาจัดการปฏิทินกิจกรรมทําไดโดย
5.1 การเขาสูการจัดการปฏิทินกิจกรรม ทําไดโดย เลือก
หนาหลักผูดูแลระบบ  การจัดการปฏิทินกิจกรรม จะมีหนาตาและรายละเอียดการใชงานดังรูปที่ 35

รูปที่ 35 หนาตางการจัดการปฏิทินกิจกรรม
 ห น า | 21

5.2 การเพิ่มรายการปฏิทินใหม คลิกเพิ่มรายการใหม จะปรากฏหนาตางดังรูปที่ 36

รูปที่ 36 หนาตางการเพิ่มรายการปฏิทิน
เมื่อกรอกรายละเอียดตาง ๆ เสร็จแลว ใหคลิกปุม เพิ่มรายการในปฏิทิน ตรงดานลางซาย ก็
เปนอันเสร็จเรียบรอยครับ
6. การจัดการกระดานขาว (webboard)
กระดานขาว เปนกระดานที่เปดโอกาสใหผูเยี่ยมชมเว็บไซตไดแสดงความคิดเห็นโตตอบเกี่ยวกับ
ประเด็นตาง ๆ ตามหมวดหมูของเว็บบอรดนั้น ๆ มีขั้นตอนดังนี้
6.1 การเพิ่มหมวดหมูกระดานขาว เลือก หนาตางผูดูแลระบบเลือก  จัดการหมวดหมูเว็บ
บอรด เขาสูหนาตางแสดงรายการหมวดหมู สามารถสรางใหม เพิ่มเติม เปลี่ยนแปลงแกไข และลบได
ดังรูปที่ 37
 ห น า | 22

รูปที่ 37 หนาจัดการกระดานขาว
6.2 การตั้งกระทูใหม สามารถเขาใชงานผานทางหนาเว็บไซต ตรงสวนของกระดานถาม
ตอบ ดังภาพที่ 38

รูปที่ 38 หนาตางกระดานถาม – ตอบ

เมื่อคลิกที่ ตั้งกระทูใหม จะปรากฏหนาตาง ดังรูปที่ 39 กรอกขอมูลใหครบ (กรณีที่เปนสมาชิก
จะสามารถเพิ่มรูปภาพ และแนบไฟลประกอบได )

รูปที่ 39 ภาพหนาตางการตั้งกระทูใหม
 ห น า | 23

7. การจัดการผูดูแลระบบ
7.1 การจัดการผูดูแลระบบ ผูดูแลระบบเปนบุคคลที่สามารถจัดการ รายการตาง ๆ ของเว็บไซต
โดยไดแบงสิทธิ์การใชออกเปนกลุม ๆ ซึ่งมีหนาที่และสิทธิ์ไมเทากัน มีขั้นตอนการเขาใชงานดังนี้ เลือก
หนาหลักผูดูแลระบบ  จัดการผูดูแลระบบ จะมีหนาตางดังรูปที่ 40

รูปที่ 40 หนาตางจัดการผูดูแลระบบ
จากรูปที่ 40 ผูดูแลระบบ ประกอบดวย Webmaster , admin , staff ซึ่งมีสิทธิ์และความสามารถ
ที่แตกตางกัน โดย Webmaster มีสิทธิ์ทุกอยางในเว็บไซต สวน admin และ staff จะมีสิทธในการใช
งานไดบางสวนเทานั้นขึ้นกับการกําหนดของ Webmaster ตัวอยางสิทธการใชงานในแตละระดับของ
ผูดูแลระบบ ดังรูปที่ 41 ซึ่ง สามารถเพิ่มหรือลดความสามารถของผูใชระบบในการเขาถึงขอมูล ได โดย
Webmaster รวมถึงสามารถเพิ่มกลุมผูดูแลระบบไดอีกดวย
 ห น า | 24

ความแตกตางของสิทธิ์ในการเขาใชงาน
Webmaster admin staff

รูปที่ 41 สิทธิ์ในการใชงานของกลุมผูดูแลระบบในระดับตาง ๆ
7.2 การเพิ่มผูดูแลระบบใหม มีขั้นตอนดังนี้ เลือก หนาหลักผูดูแลระบบ  เพิ่มผูดูแลระบบ จะ
มีหนาตาง ดังรูปที่ 42 กรอกขอมูล ใหครบ (ขนาดรูปไมเกิน 200 KB)

รูปที่ 42 หนาตางการเพิ่มผูดูแลระบบ
(ขอมูลผูดูแลระบบสามารถเปลี่ยนชื่อ login และ passwordได )
 ห น า | 25

8. การจัดการสมุดเยี่ยม
เปนการดูรายการเขียนสมุดเยี่ยมของผูมาเยี่ยมชมเว็บไซตและหากหัวขอใดตองการลบก็สามารถ
ทําได โดย เลือก หนาหลักผูดูแลระบบ  จัดการสมุดเยี่ยม จะมีหนาหนาตาง ดังรูปที่ 43

รูปที่ 43 หนาตางสมุดเยี่ยม
9. การจัดการทําเนียบบุคลากร
เปนสวนของการจัดการสมาชิกของคณะหรือบุคลากรในหนวยงาน มีขั้นตอนดังนี้
เลือก หนาหลักผูดูแลระบบ  จัดการทําเนียบบุคลากร จะปรากฏดังรูปที่ 44

รูปที่ 44 หนาตางจัดการทําเนียบบุคลากร
9.1 การเพิ่มกลุมบุคลากร มีขั้นตอนดังนี้ เลือก หนาหลักผูดูแลระบบ  จัดการทําเนียบ
บุคลากร  เพิ่มสมาชิกใหม จะปรากฏหนาตางดังรูปที่ 45 กรอกขอมูลใหครบ (ตองกรอกขอมูลให
ครบ จึงจะสามารถเพิ่มสมาชิกใหมได)
 ห น า | 26

รูปที่ 45 หนาตางการเพิ่มสมาชิกใหม
9.2 การเพิ่มกลุมของบุคลากร มีขั้นตอนดังนี้ เลือก หนาหลักผูดูแลระบบ  จัดการทําเนียบ
บุคลากร  เพิ่มกลุมของบุคลากร จะปรากฏหนาตางดังรูปที่ 46 กรอกขอมูลใหครบ เสร็จแลวคลิก
เพิ่มกลุม

รูปที่ 46 หนาตางการเพิ่มกลุมบุคลากร
9.3 การเรียกดูขอมูลบุคลากรจากหนาเว็บไซต คลิก ทําเนียบบุคลกร ที่เมนเมนู จะปรากฏหนาตาง
ดังรูปที่ 47

รูปที่ 47 หนาตางขอมูลบุคลากร
 ห น า | 27

10. การจัดการเมนูที่สรางเอง
เราสามารถสรางเมนูเองได เพื่อเพิ่มขอมูลตาง ๆ ที่ตองการ โดยมีขั้นตอนดังนี้
หนาหลักผูดูแลระบบ  จัดการรายการเมนู จะปรากฏหนาตางดังรูปที่ 48

รูปที่ 48 หนาตางจัดการรายการเมนู
10.1 การเพิ่มเมนู มีขั้นตอนดังนี้
หนาหลักผูดูแลระบบ  จัดการรายการเมนู  เพิ่มรายการเมนู จะปรากฏดังรูปที่ 49

รูปที่ 49 หนาตางการเพิ่มรายการเมนูใหม
11. การจัดการสมาชิกเว็บไซต
เปนสวนของการจัดการสมาชิกเว็บไซต สิทธิ์การใชงาน เพิ่ม แกไข ลบ สมาชิก และขอมูลของ
สมาชิกเว็บได มีขั้นตอนดังนี้ เลือก หนาหลักผูดูแลระบบ  จัดการสมาชิก ดังรูปที่ 50
 ห น า | 28

รูปที่ 50 หนาตางขอมูลสมาชิก
12. การจัดการผลงานทางวิชาการ
สวนนี้เปนสวนที่ใชสําหรับการเผยแพรผลงานทางวิชาการ ผลงานวิจัย มีขั้นตอนดังนี้
หนาหลักผูดูแลระบบ  ผลงานทางวิชาการ จะปรากฏดังรูปที่ 51

รูปที่ 51 หนาตางผลงานทางวิชาการ
การเผยแพรผลงานทางวิชาการ บุคคลทั่วไป ที่ไมเปนสมาชิกก็สามารถเผยแพรผลงานทางวิชาการ
ของตนเองได โดยการคลิกที่ เผยแพรผลงานทางวิชาการ ดานหนาของเว็บไซตไดเลยครับ