ห น า | 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 ใหกรอกรายละเอียดดังนี ้

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

พิมพเปน : localhost

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

พิมพเปน : root

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

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

ใสขอความท่ีตองการใหปรากฎบน footer บรรทัดท่ี 1

ใสขอความท่ีตองการใหปรากฎบน footer บรรทัดท่ี 2

ใส Email ของผูดูแลระบบ

ห น า | 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 แคนี้เราก็มีเว็บไซตท่ีสมบูรณแบบพรอมใชงานแลวครับ

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

หมายเหตุ การกําหนดคา

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

ห น า | 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 การเพ่ิมขาวสาร แกไขขาว และลบขาวสาร คลิก เพ่ิมขาวสาร จะมีหนาตางขึ้นมาดังรูปท่ี33

รูปท่ี 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 หนาตางผลงานทางวิชาการ การเผยแพรผลงานทางวิชาการ บุคคลท่ัวไป ท่ีไมเปนสมาชิกก็สามารถเผยแพรผลงานทางวิชาการของตนเองได โดยการคลิกท่ี เผยแพรผลงานทางวิชาการ ดานหนาของเว็บไซตไดเลยครับ