la21 by department of environmental quality promotion thailand

คูมือผูดูแลระบบ โครงการบูรณาการเว็บไซต กรมสงเสริมคุณภาพสิ่งแวดลอม

The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

บทนํา ตารางที่ 1 รายชื่อเว็บไซตและหนาจอจัดการขอมูล ชื่อหนวยงาน

หนาจอเว็บไซต

หนาจอบริห ารจัดการ

เว็บไซตห ลัก

www.deqp.go.th

www.deqp.go.th/administrator

เว็บไซตภาษาอังกฤษ

www.deqp.go.th/website/52/

กลุมตรวจสอบภายใน

www.deqp.go.th/website/22/

กลุมพัฒนาระบบบริหาร

www.deqp.go.th/website/23/

สํานักงานเลขานุการกรม

www.deqp.go.th/website/24/

กองสงเสริมและเผยแพร

www.deqp.go.th/website/25/

ศูน ยสารสนเทศสิ่งแวดลอม

www.deqp.go.th/website/26/

www.deqp.go.th/website/52/ administrator www.deqp.go.th/website/22/ administrator www.deqp.go.th//website/23 /administrator www.deqp.go.th/website/24/ administrator www.deqp.go.th/website/25/ administrator www.deqp.go.th/website/26/ administrator www.deqp.go.th/website/27/ administrator www.deqp.go.th/website/20/ administrator www.deqp.go.th/website/28/ administrator www.deqp.go.th/website/29/ administrator www.deqp.go.th/website/30/ administrator www.deqp.go.th/website/31/ administrator

สํานักสงเสริมการมีสวนรวมของประชาชน www.deqp.go.th/website/27/ ศูน ยวิจัยและฝกอบรมดานสิ่งแวดลอม

www.deqp.go.th/website/20/

สํานักยุทธศาสตร

www.deqp.go.th/website/28/

สํานักอาสาสมัครและเครือขาย

www.deqp.go.th/website/29/

สํานักกิจการเยาวชนและลูกเสือ

www.deqp.go.th/website/30/

สถาบันฝกอบรมและถายทอดเทคโนโลยี ดานสิ่งแวดลอม

www.deqp.go.th/website/31/

ตารางที่ 2 รายชือ่ ระบบบริหารจัดการและ component ที่เลือกใช วิธีการบริหารจัดการให login หนาจอบริหารจัดการ แลวไปที่เมนูตา งๆ ดังนี้ ชื่อระบบ 1 รูปแบบระบบบริหารจัดการเว็บ ไซตกรมสงเสริมคุณภาพ สิ่งแวดลอม 2 ระบบบริหารจัดการขอมูลและรูปภาพ 3 ระบบบริหารจัดการเว็บ ไซต (Website Management) 4 ระบบแบบฟอรมสําหรับติดตอสอบถามต าง ๆ (Contact Us) 5 ระบบการคนหา (Search System) 6 ระบบแสดงไฟลเสียงและไฟลวิดีโอ (Multimedia) ในลักษณะ streaming 7 ระบบบริหารจัดการเว็บ ลิงค (Web Links Management) 8 ระบบบริหารจัดการปายโลโก (Banner Links Management) 9 ระบบบริหารจัดการดาวนโหลด (Download Management System) 10 ระบบถาม-ตอบ (FAQ Management System) 11 ระบบบริการ RSS Feeds หรือ RSS (Really Simple Syndication) 12 ระบบการบริหารจัดการกําหนดสิท ธิผดู ูแลระบบงาน

13 14

การบริหารจัดการ หนาจอบริหารจัดการตามตารางที่ 1 การจัดการบทความ Website manager Component>>aicontactsafe ปรับ แตงที่การจัดการเมนู Component>>hwdVideoShare Component>>weblink Component>>webadvert Component>>phucadownload Component>>quickfaq Component>>rss

เว็บ>>การจัดการสมาชิก Component>>admin user access ระบบปฏิทนิ กิจกรรม (Calendar) Component>>jevent ระบบแบบสํารวจ (Vote) Component>>poll Component>>bj survey ระบบจดหมายข าว (E-newsletter System) Component>>acymailling ระบบภาพกิจกรรม (Gallery) Component>>joomgallery ระบบกระดานสนทนา (Web board) Component>>kurena forum ระบบสมาชิก (Member System) Component>>joom social ระบบจัดการหนาสวนตัว (My page management) Component>>joom social ระบบรองรับการเขามาเขียนบันทึกประจําวัน ของสมาชิก (Web Component>>myblog

15 16 17 18 19 20 Blog) 21 ระบบโปรแกรมการลงทะเบียนเพื่อเขารวมอบรมและสัมมนา (Semina Register System)

Event manager

รายการเมนู เมื่อสรางระบบบริหารจัดการตางๆแลวตองสรางเมนูเพือ่ แสดงผล โดยไปที่การจัดการเมนู เลือก Mainmenu >>สรางเมนู จะปรากฏ component ตางๆดังนี้ ·

Internal Link o AcyMailing (ระบบบริหารจัดการจดหมายขาว) o Admin User Access (ระบบบริหารจัดการสิท ธิสมาชิก) o aiContactSafe (ระบบบริหารจัดการการติดตอ) o บทความ (ระบบจัดการบทความ) o CB Contacts (ระบบสรางกลุม ผูติดตอ) o Community Builder (ระบบตรวจสอบสถานะผูใชงาน) o การติดตอ (ระบบการติดตอแบบงาย) o eXtplorer (ระบบจัดการไฟลในรูปแบบ FTP) o Glossary (ระบบจัดการคําศัพท) o hwdVideoShare (ระบบจัดการวีดีโอ) o JComments (ระบบบริห ารจัดการ comment) o Jevents (ระบบบริห ารจัดการปฏิทน ิ กิจกรรม) o Jom Social (ระบบเครือขายออนไลน) o Joom!Fish (ระบบการแปลภาษา) o JoomGallery (ระบบจัดการรูปภาพแกลลอรี่) o Kunena Forum (ระบบจัดการเว็บบอรด) o My Blog (ระบบจัดการ Blog) o My RSS Reader (ระบบจัดการ RSS) o News Feeds (ระบบ News feed) o Ninja RSS Syndicator (ระบบ RSS) o noixACL (ระบบความปลอดภัย) o Phoca Download (ระบบจัดการการดาวนโหลด) o phpGedView o โพลล (ระบบแบบสํ ารวจ) o pollxt () o QuickFAQ (ระบบ FAQ) o RSS Factory (ระบบ RSS) o คนหา (ระบบค นหา)

ชื่อผูใช o Vinaora Visitors Counter (ระบบสถิติ) o wbAdvert (ระบบจั ดการแบนเนอร) o เว็บลิงก o Wrapper (หน า iframe) o Xmap (ระบบ sitemap) ลิงกภายนอก (เชื่อมโยงไป URL อื่น) ชองวาง Alias o

· · ·

สารบัญ เรื่อง

หนา

1. การดําเนินการการพัฒนาเว็บไซต 8 1.1 รูปแบบระบบบริหารจัดการเว็บไซตกรมสงเสริมคุณภาพสิง่ แวดลอม 8 (Content Management System , CMS) 1.2 ระบบโปรแกรมทั้งหมดทีต่ อ งใชในเว็บไซต 15 1.2.1 ระบบบริหารจัดการขอมูลและรูปภาพ 15 1.3 ระบบบริหารจัดการเว็บไซต (Website Management) 46 1.4 ระบบแบบฟอรมสําหรับติดตอสอบถามตาง ๆ (Contact Us) 48 1.5 ระบบการคนหา (Search System) 53 1.6 ระบบแสดงไฟลเสียงและไฟลวิดโี อ (Multimedia) ในลักษณะ streaming 55 1.7 ระบบบริหารจัดการเว็บลิงค (Web Links Management) 58 1.8 ระบบบริหารจัดการปายโลโก (Banner Links Management) 60 1.9 ระบบบริหารจัดการดาวนโหลด (Download Management System) 62 1.10 ระบบถาม-ตอบ (FAQ Management System) 65 1.11 ระบบบริการ RSS Feeds หรือ RSS (Really Simple Syndication) 67 1.12 ระบบการบริหารจัดการกําหนดสิทธิผูดแู ลระบบงาน 68 1.13 ระบบปฏิทินกิจกรรม (Calendar) 69 1.14 ระบบแบบสํารวจ (Vote) 74 1.15 ระบบจดหมายขาว (E-newsletter System) 76 1.16 ระบบภาพกิจกรรม (Gallery) 78 1.17 ระบบกระดานสนทนา (Web board) 80 1.18 ระบบสมาชิก (Member System) 82

สารบัญ เรื่อง

หนา

1.19 ระบบจัดการหนาสวนตัว (My page management) 83 1.20 ระบบรองรับการเขามาเขียนบันทึกประจําวัน ของสมาชิก (Web Blog) 83 1.21 ระบบโปรแกรมการลงทะเบียนเพือ่ เขารวมอบรมและสัมมนา 85 (Semina Register System)

1. การดําเนินการการพัฒนาเว็บไซต 1.1 รูปแบบระบบบริหารจัดการเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอม (Content Management System , CMS) พัฒนาระบบบริหารจัดการเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอม โดยพัฒนาระบบดวย เว็บแอพริเคชั่น (Web application) Joomla CMS Version 1.5.14 เปนเครือ่ งมือในการออกแบบ ระบบงาน และใชฐานขอมูลแบบ RDBMS คือ MySQL

ภาพที่ 1 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมที่พฒ ั นาแลว www.deqp.go.th The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

ภาพที่ 1-1 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมทีพ่ ฒ ั นาแลว กลุมตรวจสอบภายใน

ภาพที่ 1-2 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมทีพ่ ฒ ั นาแลว กลุมพัฒนาระบบบริหาร

ภาพที่ 1-3 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมทีพ่ ฒ ั นาแลว สํานักงานเลขานุการกรม

ภาพที่ 1-4 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมทีพ่ ฒ ั นาแลว กองสงเสริมและเผยแพร The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

ภาพที่ 1-5 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมทีพ่ ฒ ั นาแลว ศูนยสารสนเทศสิ่งแวดลอม

ภาพที่ 1-6 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมทีพ่ ฒ ั นาแลว สํานักสงเสริมการมีสวนรวมของประชาชน The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

ภาพที่ 1-7 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมทีพ่ ฒ ั นาแลว ศูนยวิจยั และฝกอบรมดานสิ่งแวดลอม

ภาพที่ 1-8 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมทีพ่ ฒ ั นาแลว สํานักยุทธศาสตร

ภาพที่ 1-9 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมทีพ่ ฒ ั นาแลว สํานักอาสาสมัครและเครือขาย

ภาพที่ 1-10 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมทีพ่ ัฒนาแลว สํานักกิจการเยาวชนและลูกเสือ

ภาพที่ 1-11 ตัวอยางหนาจอเว็บไซตกรมสงเสริมคุณภาพสิ่งแวดลอมทีพ่ ัฒนาแลว สํานักงานเลขานุการกรม

ภาพที่ 2 ตัวอยางหนาจอระบบบริหารจัดการขอมูล

1.2 ระบบโปรแกรมทั้งหมดทีต่ องใชในเว็บไซต 1.2.1 ระบบบริหารจัดการขอมูลและรูปภาพ § ระบบมีความยืดหยุน โดยสามารถเลือกจัดวางรูปแบบการแสดงผลของหนา เว็บไดหลากหลายรูปแบบ และรองรับการเผยแพรเนือ้ หาทีห่ ลากหลาย ทั้งในดาน รูปแบบการจัดวาง และประเภทของเนือ้ หา ดังรูปที่ 3-1 โดยสามารถปรับเปลี่ยนรูปภาพ เนื้อหา ประกอบ ในตําแหนงใดของบทความ ไดอยางอิสระ มีความยืดหยุนสูง ดังรูปที่ 3-1 หมายเลข 1

ภาพที่ 3-1 ตัวอยางหนาจอแสดงความยืดหยุน ของระบบบริหารจัดการขอมูลและรูปภาพ

§ รองรับการเพิ่ม ลบ ปรับเปลี่ยน แกไข หมวดหมูข องเนือ้ หาไดไม จํากัด ดังรูปที่ 3-2

ภาพที่ 3-2 ตัวอยางหนาจอการเพิ่ม ลบ ปรับเปลี่ยน แกไข หมวดหมูข องเนื้อหาไดไมจํากัด § มีระบบการปอนขอมูลทีแ่ สดงผลเสมือนเนื้อหาทีจ่ ะไดรบั การเผยแพรสู

สาธารณะ(WYSIWYG: What You See Is What You Get) ดังภาพที่ 4 หมายเลข 1

§ รองรับการจัดรูปแบบเนือ้ หาดวย Cascade Style Sheet · สนับสนุนการสืบคนทางอินเทอรเน็ต (Search Engine Optimization) โดยจัดเนือ้ หาทีเ่ ผยแพรใหเปนไปตามรูปแบบที่เครือ่ งมือสืบคนสามารถ เขาถึงไดงาย โดยเฉพาะ Google เนื่องจากแสดงผลเปนรหัส html โดย ไมไดใช javascript ในการเชื่อมโยงหนา และการแสดงผลจึงสนับสนุนการ คนหาของ Google

· เว็บไซตไดการออกแบบดานกราฟก (Graphic User Interface) ใหสวยงาม นาใช และเหมาะสมตอการใชงาน

ภาพที่ 4 ตัวอยางหนาจอการจัดรูปแบบเนือ้ หาใหสนับสนุนการสืบคนทางอินเทอรเน็ต § ระบบการจัดการขอมูลหลัก · รองรับการใสขอมูลชือ่ เรือ่ งได ดังภาพที่ 4 หมายเลขที่ 2 · รองรับการใสขอมูลรายละเอียดเบือ้ งตนได ดังภาพที่ 4 หมายเลขที่ 1 · รองรับการใสรูปภาพประกอบ(Thumbnail Picture ) พรอมระบบ โปรแกรมยอขนาดรูปภาพอัตโนมัตไิ ด ดังภาพที่ 4 หมายเลขที่ 1

§ ระบบการจัดการขอมูลในสวนของเนือ้ หาทั้งหมด โดยมีเครื่องมือ ระบบ จัดการขอความพิเศษ · ชุดคําสั่งการปรับเปลีย่ นการจัดวางรูปแบบขอความ · ชุดคําสั่งการจัดทําสัญลักษณหนาขอความ · ชุดคําสั่งสําหรับการเปลีย่ นฟอนต และขนาด รูปแบบของขอความ · ชุดคําสั่งในการ copy และ past ขอมูล โดยผูใชสามารถกด Ctrl+C เพื่อ copy และกด Ctrl+V เพื่อ past ขอมูล

· ชุดคําสั่งในการสรางตารางควบคุม และเพิ่มลิงคระหวางขอความ The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

· ชุดคําสั่งในการนําไฟลภาพเขาสูเ อกสาร · ชุดคําสั่งในการปรับเปลีย่ นสีฟอนต และสีของพืน้ หลัง · ชุดคําสั่งการแสดงขอมูลที่ใสไดทนั ที ดังภาพที่ 5 · รองรับการใสสื่อมัลติมเี ดียดวย Embedded Code ได ดังภาพดานลาง

ภาพที่ 5 ตัวอยางหนาจอระบบการจัดการขอมูลในสวนของเนือ้ หาทั้งหมด § มีระบบรองรับการ Tag เนื้อหาในรูปแบบตางๆเพือ่ สนับสนุนการสืบคนทาง อินเทอรเน็ต(Search Engine Optimization)อยางนอยดังนี้ · ขอความ · บทความ · รูปภาพประกอบ The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

· ภาพเคลือ่ นไหว ภาพยนตร

ภาพที่ 6 ตัวอยางหนาจอระบบรองรับการ Tag เนือ้ หาในรูปแบบตางๆ § ระบบการจัดการฟงคชน่ั พิเศษตางๆ · มีระบบการบริหารจัดการแกลอรี่รูปภาพไดไมจํากัดจํานวนภาพ พรอม ระบบการจัดลําดับรูปภาพดวยวิธีการ Drag & Drop โดยไมตอ งโหลด โปรแกรมใหม ดังภาพดานลาง

· มีระบบสนับสนุนใหสามารถ เชือ่ มโยงเนือ้ หาทีเ่ กีย่ วของเพิม่ เติมไดจาก เนือ้ หาในระบบได ดังภาพที่ 7 · สามารถแนบไฟลเอกสาร หรือไฟลรูปภาพ หรือไฟลเสียงไดมากกวา 5 ไฟล ในการนําสงขอมูลแตละครั้ง ดังภาพที่ 7

· มีระบบสนับสนุนใหสามารถใสลิงค(Link) เชื่อมโยงเพือ่ ไปยังเนือ้ หาที่ เกี่ยวของเพิ่มเติมไดไดมากกวา 5 ไฟล ในการนําสงขอมูลแตละครัง้ ดัง ภาพที่ 7

ภาพที่ 7 ตัวอยางหนาจอระบบการจัดการฟงคชน่ั พิเศษตางๆ · มีระบบการแสดงผลคาความนิยม (rating) ของเนื้อหา และใหผูดแู ล ระบบสามารถกําหนดใหแสดงหรือไมก็ได ดังภาพที่ 8 หมายเลข 1 · มีระบบการแสดงความคิดเห็นของเนื้อหาและใหผูดแู ลระบบสามารถ กําหนดใหแสดงหรือไมก็ได ดังภาพดานลาง

ภาพที่ 8 ตัวอยางหนาจอระบบการแสดงผลคาความนิยมและแสดงความคิดเห็นของเนือ้ หา

· สามารถตั้งคากําหนดชวงระยะเวลาระดับวัน ในการแสดงเนือ้ หาตางๆได ดังภาพดานลาง

วิธีการใชงานระบบบริหารจัดการขอมูล สามารถดําเนินการตางๆไดดงั นี้ 1. Login เขาสูระบบ 1. เขาสูห นาจอเขาสูระบบ

2. ใสชอ่ื ผูใชและรหัสผาน 3. กดปุมเขาสูระบบ 4. จากนัน้ จะปรากฏหนาจอ

หนาจอดังกลาวจะเปนหนาจอหลักซึง่ จะรวมเมนูหลักๆที่ตอ งใชงาน 2. การจัดการบทความ 1. เลือกเมนู บทความ >> การจัดการบทความ

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

2.1 การเพิ่มบทความ 1. จากหนาจอ ที่ 2.1 ทางดานบนเลือก ปุม “สรางใหม” ที่หมายเลข 1 2. จากนัน้ จะปรากฏหนาจอ

1 3 2

หนาจอการจัดการบทความ 3. ในกรอบหมายเลข ( 1) จากรูป (2.2) ใหเลือกใสคา ดังตอไปนี้ · ชื่อเรื่อง – ใหใสชอ่ื ขาวหรือบทความ · เผยแพร – เลือก “ ใช ” เพื่อแสดงบทความหรือขาวนีแ้ กผูใช o เปนการเลือกทีจ่ ะแสดงหรือไมแสดงบทความหรือขาวสารนี้แกผูใช · หนาแรก – เลือก “ไม” · Section – เลือกหมวดหมูหลักของบทความ · Category – เลือกหมวดหมูยอ ยของบทความ The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

4. ใสเนือ้ หาของบทความ ในกรอบหมายเลข (2) โดยเราสามารถกําหนดขนาดหรือสี ของตัวอักษรไดจาก

ตัวหนา

สีของตัวอักษร

แทรกรูปภาพ

5. ถาตองการเพิ่มรูปภาพใหเลือก กดปุม

โดยจะปรากฏหนาจอ

หนาจอสําหรับ เลือกรูปภาพเพื่อแสดงในบทความ 1. กดปุม “เลือกไฟล” a. ทําการเลือกไฟลรูปภาพที่ตอ งการเพิ่ม 2. กดปุม “ บันทึกไฟลไวบนเซฟเวอร “ จากนัน้ จะปรากฏหนาจอ

3. เราสามารถปรับขนาดของรูปภาพไดโดยแกไขที่ชอ ง ความกวาง, ความสูง 4. เมื่อทําการปรับแกไขขนาดเรียบรอยแลวใหกดปุม “ตกลง “ 5. ถาตองการเพิ่มลิ้งค เพือ่ ทีใ่ หผูใชสามารถกดไปยัง หนาอืน่ หรือ เว็บไซตอื่นไดให พิมพขอ ความทีต่ อ งการ ลิง๊ คจากนั้นเลือกขอความ กดปุม

จะปรากฏหนาจอ

6. ใส link ในชอง “ที่อยูอ างอิงออนไลน” จากนั้นกดปุม “ตกลง”

7. ถาตองการที่จะเพิ่ม ลิ๊งคไฟลขอ มูลใหผูใชดาวโหลด ใหพมิ พ ขอความที่ตอ งการลิ๊งคจากนั้นเลือกขอความนั้น กดปุม

จะ

ปรากฏหนาจอ

8. เลือกแท็ป “อัพโหลดไฟล” 9. จากนัน้ เลือก กดปุม “Browse” เลือกไฟลที่ตอ งการ 10. กดปุม “ บันทึกไฟลไวบนเซิฟเวอร ” 11. เมื่อทําการใสรายละเอียดบทความเรียบรอยแลว จากนั้น ใหใส ขอมูลใน หมายเลข 3 · ระดับการเขาถึง – เลือกเปน “เผยแพร

”

· วันทีส่ ราง – เลือกเปนวันปจจุบนั · เริ่มเผยแพร – เลือกวันเริ่มตนที่จะใหผูใชเห็นบทความ · การเผยแพรเสร็จสิ้น – เลือกวันทีส่ ิ้นสุดการแสดงบทความ ถาไมตอ งการกําหนดก็ ไมตอ งระบุ 6. กดปุม “ บันทึก ” ทางดานบน

2.2 แกไขบทความ 1. เปดหนาจอ

2. เลือกชือ่ เรือ่ งที่ตอ งการแกไข แลวใชวิธกี ารแกไขเหมือนกับการนําเขาขอมูล 2.3 ลบบทความ 1. เลือก checkbox หนาบทความทีต่ อ งการลบ 2. กดปุม “รีไซเคิล” ทางดานบน บทความนั้นจะถูกนําไปไวใน ถังรีไซเคิล เพือ่ รอการ ลบตอไป

3. การจัดการแกลลอรี่รูปภาพ 3.1 การจัดการหมวดหมูรูปภาพ 1. เลือกเมนู คอมโพเนนท >> JoomGallery >> Category Management จากนัน้ จะ ปรากฏหนาจอ

2. กดปุม “New” เพื่อสราง หมวดหมูรูปภาพ จะปรากฏหนาจอ

· Title – ใสชื่อหมวดหมูรูปภาพ · Access – ใหเลือก Public · Publish – เลือก “ใช” 3. กดปุม Save

3.2. การเพิ่มรูปภาพ 1. เลือก เมนู Picture Upload จากนัน้ จะปรากฏหนาจอ

· Select Image – เลือกไฟลรูปภาพที่ตอ งการใส · Gallery photos will be assigned to – เลือกหมวดหมูข องรูปภาพ · Generic Title – ใสชอื่ รูปภาพ 2. กดปุม “Upload”

3.3. การจัดการรูปภาพ 1. เลือกเมนู Picture Management จะปรากฏหนาจอ

2. หนาจอจะแสดงรายชื่อของรูปภาพทัง้ หมด 3.3.1. แกไขรูปภาพ 1. คลิก๊ เลือก title ของรูปภาพที่ตอ งการแกไข 3.3.2. ลบรูปภาพ 1. เลือก checkbox หนารูปภาพที่ตอ งการลบ 2. กดปุม “Remove” ทางดานบน

3.3.3. การจัดการเมนูเว็บไซต 1. เลือกเมนู เมนู >> website menu จะปรากฏหนาจอ

2. กดปุม “สรางใหม” ทางดานบน จากนัน้ จะปรากฏหนาจอ

หนาจอดังกลาวจะเปนการเลือกประเภทเมนู · บทความ บทความ - โครงรางบทความมาตรฐาน – เมือ่ ตองการใหเมนูช้ไี ปที่บทความ Category – โครงราง Category มาตรฐาน – เมื่อตองการใหเมนูช้ไี ปที่ หมวดหมู ยอย Section – โครงราง Section มาตรฐาน – เมื่อตองการใหเมนูช้ไี ปที่ หมวดหมูห ลัก

3. จะปรากฏหนาจอ

ชื่อเรื่อง – ใสชอ่ื เมนู

การแสดงใน – เลือก “Website Menu”

รูปแบบรายการ – เลือกเมนูหลัก เมื่อตองการสรางเมนูยอ ย

เผยแพร – เลือก “ใช”

เมื่อคลิ๊กจะเปดใน – เลือกลักษณะของการเปดหนาจอ

พารามิเตอร เลือกรายละเอียดของเมนู เชน ชือ่ บทความ, ชือ่ หมวดหมู หรือ ชือ่ หมวดหมูย อ ย เปนตน

4. กดปุม บันทึก The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

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

บริเวณที่จะแสดงหนาแรก

1. เขาไปที่เมนูดานบน เลือกที่ บทความ >>การจัดการ category

2. เลือกคลิ๊กที่ category ขอมูลทีส่ นใจจะใหแสดงในหนาแรกของเว็บไซต เชน เอกสารเผยแพร แลวคลิก๊ ทีช่ ื่อเพือ่ เขาไปแกไขรายละเอียด

3. จะปรากฏหนาจอแกไขขอมูล category ใหเลือก แสดงในหนาแรก เปน ใช แลว กด บันทึก

4. เมื่อบันทึกเสร็จ ลองเขาดูทหี่ นาแรกของเว็บไซต จะปรากฏ category ที่เลือก แสดงออกมา

เทคนิคการสราง ebook การสราง ebook โดยวิธีงายๆ และนําขึน้ เว็บไซตของตนเองนั้น ทําไดโดย 1. ไปที่เว็บไซต http://issuu.com/ เลือกปุม login ดานขวามือมุมบน แลวกรอก username เปน social@deqp.go.th ใช password เปน 41014686

2. จะพบหนาจอตอนรับ ใหคลิก๊ upload document ดานขวามือมุมบน

3. กดปุม upload a file เพือ่ นําเขาไฟลทลี่ ะไฟลหรือ เลือก upload many files เพือ่ เลือก upload ไฟลหลายๆไฟลพรอมกัน โดยกด browse เลือก ไฟล ที่ตอ งการ แลวกรอก ขอมูล ตามคําแนะนํา The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

4. ชอง Browse ให แนบไฟลที่ตอ งการทํา ebook โดยขนาดตองไมเกิน 100 mb หรือ ไมเกิน 500 หนา ดังนี้ - Title - Description

ชื่อเรื่อง คําอธิบาย

- Web name ชื่อเว็บไซต - Keywords คําสําคัญ - Info Links link ขอมูลเพิ่มเติม - Types

ชนิดของเอกสาร

แลวกด ปุม upload file จะขึ้นหนาจอ loading รอจนกวาเรียบรอย

5. กดปุมดานซาย ถาเอกสารถูกแปลงแลวจะขึ้นที่ Published (1) ตัวเลขในวงเล็บบอกถึง จํานวนเอกสารทีส่ มบูรณ

6. การนําเอกสารไปใช ใหกดตรงเอกสารที่ตอ งการ แลวกด open จะขึน้ หนาจอ ebook คลายหนังสือ

7. ใหกดที่ embed แลวจะขึ้นหนาจอให copy code ไปใสในสวนการจัดการเนื้อหาของเรา เอง โดยนําไปวางใน content ที่ตองการ

8. ไปที่เนือ้ หาที่ตอ งการ แลวกดที่ ดูรหัส html แลว post embed ที่ copy มาลงในชอง เนือ้ ความ แลวบันทึกตามปรกติ จะปรากฏเนือ้ หา ebook ที่ตองการ

เทคนิคการนําเขาไฟลวีดีโอ ในการนําเขาขอมูล Multimedia ของ กรมสงเสริมคุณภาพสิ่งแวดลอมนั้น แนะนําให upload ขอมูลขึ้น server โดยใชเว็บไซต youtube.com เปนชองทางในการประชาสัมพันธ ดังนี้ 1. ไปที่ www.youtube.com เลือก sign in ดวย username : social@deqp.go.th ใช password 41014686

2. กดปุม upload แลวเลือก upload video

3. เสร็จแลวกดปุม mychanel จะแสดงวีดโี อทั้งหมดทีถ่ กู นําเขา

4. คลิก๊ ขวาที่ภาพ แลวเลือกที่ copy embed html

5. เปดหนาจอบริหารจัดการขอมูล คลิ๊กดูรหัส html แลววาง embed code ที่ copy มา แลวบันทึกขอมูล

1.3.

ระบบบริหารจัดการเว็บไซต (Website Management) § สามารถสรางเว็บไซตรองเพิ่มไดในอนาคต § ทุกเว็บไซตจะตองใชฐานขอมูลรวมกัน ทั้งในสวนขอมูลสมาชิกและขอมูลการ แสดงผล

เลือก website manager และ กดเพิ่ม

กรอกรายละเอียดชือ่ เว็บไซต แลวกดบันทึก

ภาพที่ 9 ตัวอยางหนาจอระบบสรางเว็บไซตรองเพิ่มไดในอนาคต

ภาพที่ 10 ตัวอยางหนาจอกําหนดรายละเอียดตาง ๆ ของหนาเว็บเพจ

ภาพที่ 11 ตัวอยางหนาจอบริหารจัดการรายการเมนูตา ง ๆ ของหนาเว็บเพจ

1.4. ระบบแบบฟอรมสําหรับติดตอสอบถามตาง ๆ (Contact Us) § มีระบบบริหารจัดการขอมูลสําหรับการติดตอ (Contact Us) และระบบติดตาม การติดตอสอบถาม ปญหาตาง ๆ ของผูท ี่ตอ งการติดตอและผูใ ชงานระบบ เว็บไซต § มีแบบฟอรมอิเล็กทรอนิกสสําหรับใหผทู ี่ตอ งการติดตอกรอกขอมูลรายละเอียด หลัก เชน ชือ่ นามสกุล ที่อยู อีเมล ขอความรายละเอียด ฯลฯ ตาง ๆ บนเว็บไซต ได ดังรูปดานลาง

§ สามารถสราง เพิ่ม ลบ แกไข กลุมของผูรับขอมูล เชน กลุมของลูกคา ,

กลุมของหนวยงาน หรือสวนงานที่ตอ งการให ติดตอจากระบบเว็บไซตได ดังรูป ดานลาง

§ มีหนาจอตอบรับหรือแจงใหทราบจากระบบอัตโนมัติ หลังผูส งขอความกด สง

ขอความจากระบบ เมื่อผูใชใสขอมูลผานหนา เวปไซต ระบบจะทําการสงขอมูล มายัง ผูดูแลระบบ

§ มีระบบหนาจอสําหรับตอบกลับและจัดเก็บประวัตกิ ารตอบกลับ The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

§ มีสถานะแสดงเรื่องที่ตดิ ตอในรูปแบบสถานะตาง ๆ ดังนี้ มาใหม , ตอบ

กลับแลว , รอขอมูลเพิ่ม โดยระบบจะแสดงสถานะใน Column “Status” ที่พบในรูป ทางดานลาง

§ สามารถแนบไฟลเอกสารประเภทตาง ๆ จากผูส งไดตามขนาดที่กําหนดไว

ภาพที่ 12 ตัวอยางหนาจอระบบแบบฟอรมสําหรับติดตอสอบถามตาง ๆ (Contact Us)

วิธกี ารบริหารจัดการ ไปที่เมนู component เลือก aiContactsafe

แถบเครื่องมือ เมนูยอย

บริเวณขอความที่เลือก

จะประกอบดวยเมนูยอ ยตางๆ ดังนี้ · Messages เปนเมนูทเี่ มื่อมีขอ ความเขาทีส่ งมาจากผูใชงาน o ชื่อ เขียนอีเมล หัวเรือ่ ง Sent to sender, Sender's ip , Profile, Status, Sent to ID, Date added o จะมีแถบเครือ่ งมือใหบริหารจัดการขอความที่เลือก (บริเวณ 1) ดังนี้ § แสดง § ตอบ § สงออกฐานขอมูล § ลบ § Delete selected · Attachments เปนการบริหารจัดการไฟลที่แนบมาจากผูส ง · Profiles เปนการบริหารจัดการ สรางแบบฟอรมมาตรฐานสําหรับการติดตอ · Fields เปนการสรางฟลลสําหรับแบบฟอรม The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

· Message statuses กําหนดสีและชนิดของขอความที่เขา ประกอบดวย New / Read / Replied / Achive · Control Panel หนาจอการตั้งคาระบบ วิธกี ารนําขอมูลออกใชงาน 1. เลือกทีเ่ มนู >> Mainmenu เลือกปุมสรางใหม

เลือก aicontactsafe >> contact safe form

กรอกชือ่ เมนู เชน ติดตอเรา ดานขวาใหเลือกฟอรมทีต่ อ งการ แลวกดบันทึก แบบฟอรมจะปรากฎในเมนูหลักตอไป

1.5. ระบบการคนหา (Search System) § สามารถออกแบบและวางโครงสราง เพือ่ คนหาขอมูลภายในเว็บไซต แบบรวม และแบบแยกตามกลุมและหมวดหมูได ดังภาพดานลาง

§ สามารถคนหาขอมูล คํา ประโยค ได จากฐานขอมูลเนือ้ หา ตางๆ บนเว็บไซต ได ดังภาพที่ 13 § สามารถแสดงสถานะและรายละเอียด ของการคนหาในสวน ตาง ๆ ได § สามารถรวบรวมหัวขอและรายการตางๆ ที่คนหาใหอยูในรูปของดัชนี (Index Site) เพื่อสะดวกตอการมองภาพรวมของเว็บไซต

สามารถกรอกขอมูลเพือ่ คนหาได

ภาพที่ 13 ตัวอยางหนาจอระบบการคนหา (Search System) ในสวนระบบคนหานี้ไมมรี ะบบบริหารจัดการ

1.6. ระบบแสดงไฟลเสียงและไฟลวิดีโอ (Multimedia) ในลักษณะ streaming § แสดงไฟล Multimedia อยางนอย ดังนี้ WMA, WMV, WAV, MP3, AVI, MPEG โดยแบงตามกลุมที่กําหนดพรอมชือ่ และรายละเอียด § กําหนด Category เพือ่ แบงกลุม ไดอยางนอย 3 ระดับ ดังภาพ 1.6-2 § สามารถสรางกลุมไดไมจํากัด § สามารถ Upload ไฟลเสียงและไฟลวิดโี อ อยางนอยดังนี้ WMA, WMV, WAV, MP3, AVI, MPEG ใสเว็บไซตผานทาง Web Browser ได สามารถกําหนดไดจาก เมนู “hwdVideoShare >> General Setting >> Setup” § กําหนดสิทธิผสู ามารถ Upload ไฟลได สามารถกําหนดไดจากเมนู “hwdVideoShare >> General Setting >> Upload”

§ กําหนดขนาดไฟล (File size) ที่จะ Upload ได สามารถกําหนดไดจากเมนู “hwdVideoShare >> General Setting >> Upload” § กําหนดขนาดแสดงวิดีโอ (กวาง x ยาว) ได สามารถกําหนดไดจากเมนู “hwdVideoShare >> General Setting >> Convertion”

§ สามารถใสชอ่ื รายละเอียด ได § กําหนดจํานวนไฟล ทีจ่ ะแสดงตอหนาได สามารถกําหนดไดจากเมนู “hwdVideoShare >> Layout Setting”

§ รองรับไฟลขนาดใหญได § ระบบสามารถ convert ไฟลไปเปนไฟล .flv ใหอัตโนมัติ ไมวาจะ upload ไฟล video ชนิดใดขึ้นไป สามารถกําหนดไดจากเมนู “hwdVideoShare >> General Setting >> Convertion”

· ไฟล .flv จะเล็กมากทําใหสามารถ load ไดเร็ว · ไฟล .flv เปนไฟลประเภท streamming ทําใหสามารถชม vdo ไดทันที โดยที่ไมตองรอ load ไฟลใหเสร็จกอนเลน · สามารถตั้งคา เพือ่ กําหนดคุณภาพการ convert & compress ไฟล video ใหเหมาะสมกับแตละ server ได § ระบบสามารถ convert ไฟลไปเปนไฟล .mp4 ใหอัตโนมัติ ไมวาจะ upload ไฟล video ชนิดใดขึ้นไป The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

· ไฟล .mp4 เปนไฟลทเี่ หมาะสําหรับ vdo ที่มคี ณ ุ ภาพและความละเอียด สูง (HD Video : hi-definition video) · ใช technology การ compress ดวย (video codec เปน H.264 codec , audio codec เปน AAC codec) ทําใหไฟล .mp4 นี้มขี นาดไมใหญมากนัก เมื่อเทียบกับคุณภาพของมัน · สามารถตั้งคา เพือ่ กําหนดคุณภาพการ convert & compress ไฟล video ใหเหมาะสมกับแตละ server ได · ระบบสามารถแปลงไฟลเปน .m4v ได · ไฟล .m4v เปนไฟลประเภท streamming ทําใหสามารถชม vdo ไดทันที โดยที่ไมตองรอ load ไฟลใหเสร็จกอนเลน § สามารถเพิ่มลบ แกไขจัดอันดับกลุมของVideoพรอมคําอธิบายได สามารถ กําหนดไดจากเมนู “hwdVideoShare >> Group”

§ สามารถเพิ่ม ลบ แกไข การแสดง และจัดลําดับคลิปวีดโี อได ได สามารถ กําหนดไดจากเมนู “hwdVideoShare >> Video”

§ สามารถสรางลิงค หรือ Embed เพือ่ นําไปใชในเว็บอืน่ ๆ ได

เลือก component>>hwdVideoShare

ภาพที่ 1.6-1 แสดงหนาจอการแปลงไฟล

ภาพที่ 1.6-2 แสดงหนาจอการจัดการ Category The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

ภาพที่ 14 ตัวอยางหนาจอระบบแสดงไฟลเสียงและไฟลวดิ ีโอ (Multimedia) ในลักษณะ streaming

1.7. ระบบบริหารจัดการเว็บลิงค (Web Links Management) § สามารถแสดงลิงค ทีอ่ ยูในรูปแบบของขอมูล , รูปภาพ , Banner หรือ Text Link ที่หนาของเว็บไซต ตามตําแหนงที่กําหนด § มีระบบบริหารจัดการการเพิ่ม ลบ แกไข การอนุมัตเิ พือ่ เผยแพรขอ มูลในสวน ของเว็บลิงคจากผูดแู ลระบบงาน (Administrator) หรือผูท ี่ไดรับมอบหมาย ดัง ภาพที่ 15 หมายเลข 1

§ สามารถเพิ่ม ลบ แกไข ชือ่ ลิงคและ URL ที่ตองการใหลงิ คไปหาปลายทาง ใหแกผูดแู ลระบบงาน (Administrator) หรือผูท ี่ไดรับมอบหมาย ดังภาพที่ 15 หมายเลข 1

§ สามารถเพิ่ม ลบ แกไข ขอมูล , รูปภาพ , Banner หรือ Text Link ที่ตอ งการ ใหลิงคไปตามความตองการใหแกผูดแู ลระบบงาน (Administrator) หรือผูที่ไดรับ มอบหมาย ดังภาพที่ 15 หมายเลข 1 § มีระบบการเก็บสถิตกิ ารถูก Click จาก Banner หรือ Text Link ในลักษณะ รูปแบบของรายงานใหแกผูดแู ลระบบงาน (Administrator)หรือผูที่ไดรับ มอบหมาย ระบบจะแสดงจํานวนการ Click ที่ column “Clicks” ดังปรากฏในภาพที่ 15

ไปที่ component>>weblink 1

ภาพที่ 15 ตัวอยางหนาจอระบบบริหารจัดการเว็บลิงค (Web Links Management)

1.8. ระบบบริหารจัดการปายโลโก (Banner Links Management) § สามารถเพิ่ม ลบ แกไข รูปภาพ , Banner ตามจุดตาง ๆ ที่ กสท กําหนดไวได ตามตองการ ใหแกผดู แู ลระบบงาน (Administrator) หรือผูที่ไดรับมอบหมาย ดัง ภาพที่ 15 หมายเลข 1

§ สามารถเพิ่ม ลบ แกไข ชื่อลิงค และ URL ของรูปภาพ ,Banner ได ดังภาพที่ 15 หมายเลข 1

§ สามารถใสรูปภาพ , Banner ประเภท GIF , JPG , PNG , SWF ฯลฯ ทีจ่ ะ แสดงบนเว็บไซตไดเปนอยางนอย ดังภาพที่ 15 หมายเลข 1 § ระบบตองสามารถกําหนดชวงเวลาการแสดงผลหรือการยุติการแสดงผลในสวน ของรูปภาพ , Banner แตละตัวไดตามตองการใหแกผูดแู ลระบบงาน (Administrator) หรือผูท ี่ไดรับ ดังภาพที่ 15 หมายเลข ใน column “Start Date” และ “Stop Date”

มอบหมายมีรายงานการแสดงผลของ รูปภาพ , Banner และจํานวนการถูกคลิก (Click) ของรูปภาพ, Banner พรอมทัง้ รายงาน ในรูปแบบสัดสวนของเปอรเซ็นต (%) ระบบจะแสดงจํานวนการ Click ที่ column “Clicks” ดังปรากฏในภาพที่ 16

ไปที่ component>>webadvert 1

ภาพที่ 16 ตัวอยางหนาจอระบบบริหารจัดการปายโลโก (Banner Links Management)

1.9. ระบบบริหารจัดการดาวนโหลด (Download Management System) § สามารถเพิ่ม ลบ แกไข กลุมของเอกสารในประเภทตาง ๆ ที่จะ ใหบริการดาวนโหลด (Download) ได ดังภาพที่ 17 หมายเลข 1 § สามารถใหบริการดาวนโหลด (Download) ไฟลเอกสารประเภทตาง ๆ ไดแก Word , Excel , Power Point , PDF , GIF , JPG , PNG , SWF และอืน่ ๆ รวมทั้งไฟลประเภทวีดโี อไฟล ( AVI , MPEG , WAV , SWF , FLV , 3 GP , WMV ฯลฯ) , MP3 , WMA ได เปนอยางนอย ระบบสามารถกําหนดนามสกุลไฟลที่สามารถใหบริการได ดังรูป ดานลาง

§ สามารถกําหนดสิทธิตาง ๆ ในการเขาถึงการดาวนโหลด (Download) และ อัพโหลด (Upload) เอกสารประเภทตาง ๆ ใหแก สมาชิกหรือบุคคลทั่วไปทีเ่ ขา เยี่ยมชมเว็บไซตของกรมได ดังภาพที่ 17 ใน column “การเขาถึง” § มีระบบ Counter นับจํานวนผูท ี่เขามาดาวนโหลด (Download) เอกสารใน แตละกลุมของเอกสารในประเภทตาง ๆ ได ดังภาพที่ 17 ใน column “Download” § สามารถรายงานสรุปจํานวนผูทเี่ ขามาดาวนโหล ด (Download) เอกสารในแต ละกลุมของเอกสารในประเภทตาง ๆ ในสวนของ Back Office สําหรับผูด แู ล ระบบงาน (Administrator) หรือผูที่ไดรับมอบหมายไดดังภาพที่ 17 ใน column “Download”

ไปที่เมนู component>>phuca download 1

ภาพที่ 17 ตัวอยางหนาจอระบบดาวนโหลด

ภาพที่ 18 ตัวอยางหนาจอระบบดาวนโหลด (รายละเอียดไฟล)

1.10 ระบบถาม-ตอบ (FAQ Management System) § มีระบบบริหารจัดการขอมูลสําหรับระบบสืบคน ถาม-ตอบ (FAQ) ตาง ๆ ของผู ที่ตอ งการติดตอเว็บไซต ดังภาพที่ 1.10-1 § สามารถสราง เพิม่ ลบ แกไข กลุมของประเภทคําถามคําตอบตาง ๆ ได ตามตองการ รวมถึงสามารถจัดลําดับกลุม ดังภาพที่ 1.10-1 หมายเลข 1 § สามารถควบคุมการเปดและปดในการแสดงขอมูลตาง ๆ ของระบบสําหรับ ถาม – ตอบที่ตอ งการได ดังภาพดานลาง

§ มีระบบจัดเก็บผลการ คลิก (Click) ดู FAQ ของแตละหัวขอจากผูเ ขาเยี่ยมชม หรือผูเ ขาใชงานเว็บไซด และรายงานผลไปในรูปแบบสถิตไิ ด ดังภาพที่ 1.10-1 column “เขาชม”

§ มีชอ งสําหรับการคนหาขอมูลภายใน FAQ ดวยคํา หรือวลี และกลุม ประเภทคําถามที่ตอ งการใหแกผเู ขาเยีย่ มชมเว็บไซตกรมฯ ดังรูปทางดานลาง

§ สามารถแสดงขอมูลภายใน FAQ ตามขอมูลทางสถิติ เชน แสดงคําถามทีผ่ ู เขาเยีย่ มชมอานบอย ดังรูปภาพที่ 1.10-1

ไปที่ component>>quickfaq 1

ภาพที่ 1.10-1 หนาจัดการระบบถาม-ตอบ

1.11. ระบบบริการ RSS Feeds หรือ RSS (Really Simple Syndication) § การออกแบบและจัดทําระบบเว็บไซต ตองสามารถใหบริการ RSSFeeds หรือ RSS (Really Simple Syndication) บนเว็บไซตในสวนของการจัดทําขอมูล ขาวสารตาง ๆ ใหอยูใ นรูปแบบ XML เพื่ออํานวยความสะดวกใหกบั สมาชิก หรือผูเ ขาเยีย่ มชมเว็บไซตที่จะไดรบั ขอมูล ขาวสารใหม ๆ เมื่อมีการ Update ขอมูล โดยบริการ RSS ของเว็บไซตจะตองครอบคลุมรายละเอียดขอมูล บน ระบบเว็บไซต ทั้งหมด ดังตอไปนี้ไดเปนอยางนอย ดังภาพที่ 19 · ขอความบทความและขาวสารตาง ๆ · ขอมูลขาว และกิจกรรม (News and Event) ของขอมูลตาง ๆ § ระบบบริการ RSS จะตองสามารถดึงขอมูลและแชรขอ มูลขาวสารตาง ๆ ได อัตโนมัติ เพื่อทําใหขอ มูลบนเว็บไซต เปนศูนยกลางมากขึ้น ทั้งนี้ จะตองอํานวย ความสะดวกให ผูดแู ลระบบงาน (Administrator) หรือผูที่ไดรับมอบหมายไมตอ งเสียเวลาทําหนา เพจแสดงขาว ซึ่งตองทําทุกครั้งเมื่อตองการเพิ่ม / ลบ / แกไขขอมูลขาวสารตาง ๆ ไดเปนอยาง นอย ดังรูปภาพทางดานลาง

ภาพที่ 19 ตัวอยางหนาจอระบบ RSSFeeds ไปที่ Component>>Ninja RSS The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

1.12. ระบบการบริหารจัดการกําหนดสิทธิผดู แู ลระบบงาน การเขาถึงขอมูลไดไมนอยกวา 3 ระดับ คือ ระดับผูดแู ลระบบ, ผูตรวจสอบขอมูล และ ระดับผูน ําเขาขอมูลทั่วไปซึ่งมีสิทธิและการใชงานแตกตางกันดังนี้ § ผูใชงานระบบ แบงเปนอยางนอยดังนี้ · ผูดแู ลระบบ (Administrator) · ผูตรวจสอบขอมูล (Super User) · ผูนําเขาขอมูลทั่วไป (User) ดังภาพที่ 20

§ ผูดแู ละระบบ (Administrator) · สามารถสราง แกไข ลบ และกําหนดสิทธิผูใชงานระบบไดอยางนอย 4 ระดับ ดังนี้ - ระดับที1่ สามารถบริหารจัดการคาตางๆ(Configure) ของระบบ ทั้งหมดได - ระดับที2่ สามารถบริหารจัดการขอมูลเนื้อหาของระบบได - ระดับที3่ สามารถเห็นขอมูลเนื้อหาของระบบได - ระดับที4่ ไมสามารถเห็นขอมูลเนือ้ หาของระบบได § สามารถคนหาผูใชงานระบบได ดังภาพที่ 1.12-1 § ผูนําเขาขอมูลทั่วไป (User) สามารถ · สามารถตรวจสอบเวลาทีน่ ําขอมูลเขาระบบได ระบบจะทําการบันทึก เวลาในการนําเขาขอมูลของแตละเนื้อหา

ภาพที่ 1.12-1 หนาจอการจัดการผูใช เลือกที่ เว็บ>>การจัดการผูใช The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

ภาพที่ 20 ตัวอยางหนาจอ ระบบการบริหารจัดการกําหนดสิทธิผูดแู ลระบบงาน เลือกที่ เว็บ>>การจัดการสมาชิก>>สรางใหม 1.13. ระบบปฏิทนิ กิจกรรม (Calendar) § สามารถคนหากิจกรรมตาม หัวขอ วัน สถานที่ หนวยงาน ได ดังภาพที่ 21 หมายเลข 1

§ แสดงผลกิจกรรมไดทั้งรูปแบบปฏิทินรายเดือน ปฏิทินรายวัน รายการกิจกรรม ดังภาพที่ 21

§ สามารถเลือกดูรายละเอียดของกิจกรรมในแตละวันได ดังภาพที่ 1.13-1 § แสดงกิจกรรมในแตละวันเปนสีตามกลุมกิจกรรมทีก่ าํ หนด ดังภาพที่ 1.13-1 § กําหนดสีใหแตละกลุมกิจกรรมได ดังภาพที่ 1.13-1 § สรางและจัดการรายการกิจกรรมได ดังภาพที่ 1.13-1 § กําหนดสิทธิผสู ามารถบันทึกขอมูลปฏิทนิ กิจกรรมได สามารถเลือกไดจากหนา กําหนดสิท ธิของผูใช § ใสรปู ภาพได ดังภาพทางดานลาง

ภาพที่ 1.13-1 รายละเอียดกิจกรรมแตละวัน เลือกที่ component>>jEvent

ภาพที่ 21 ตัวอยางหนาจอ ระบบปฏิทนิ กิจกรรม (Calendar)

การบริหารจัดการ เลือกที่ component>>jEvent ระบบแบงออกเปน · จัดการปฏิทนิ · จัดการกิจกรรม · จัดการประเภท · การกําหนดสิทธิ์ผูใช · การปรับแตงคา

วิธกิ ารบริหารจัดการ ใหดาํ เนินการดังนี้ 1. สรางประเภทของกิจกรรมโดยคลิก๊ ที่ “จัดการประเภท” คลิก๊ สรางใหม กรอกรายละเอียด ของประเภทกิจกรรม ที่ตอ งการ เชน กิจกรรมสัมมนา 2. เมื่อสรางประเภทกิจกรรมแลว ใหคลิ๊กที่ปมุ แรก เพือ่ สรางชนิดของปฏิทนิ เปนปฏิทนิ ชนิด ตางๆในประเภทนั้น 3. เมื่อสรางเสร็จ ใหคลิก๊ ที่ปมุ ทีส่ อง เพือ่ สรางกิจกรรม

ขอมูลกิจกรรม : เรื่อง: JEV_EVENT_CREATOR: Select Ical (from raw icals): ประเภท : ขอมูลกิจกรรม สถานที่ การติดตอ ขอมูลเพิ่มเติม กรอกขอมูลปฏิทนิ

กรอกชือ่ เรือ่ ง ผูส รางกิจกรรม ชนิดปฏิทิน กรอกประเภทปฏิทิน กรอกขอมูลกิจกรรม กรอกสถานที่ กรอกการติดตอ กรอกขอมูลเพิ่มเติม กรอกวันเริ่มตน สิ้นสุด

แลวกดปุมบันทึก The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

1.14 . ระบบแบบสํารวจ (Vote) § แสดงหัวขอการ Vote § แสดงตัวเลือกการ Vote ทั้งแบบขอความและรูปภาพ § แสดงสรุปผลการ Vote ในรูปแบบกราฟ ดังตัวอยางภาพทางดานลาง

§ สามารถเพิ่มหัวขอคําถามคําตอบที่ใชสํารวจไดไมจาํ กัด ดังภาพดานลาง

§ กําหนดจํานวนการ Vote ตอคนในแตละหัวขอคําถามได สามารถกําหนดไดวา การโหวตแตละหัวขอ ผูใชสามารถโหวตไดครั้งเดียวหรือไม § กําหนดตําแหนงการแสดง Poll ได ทั้งที่เปนหนา Webpage และ/หรือหนา

บทความ โดยสามารถกําหนดไดจาก Module Management

ไปที่เมนู component>>pollXT

ภาพที่ 22 ตัวอยางหนาจอระบบแบบสํารวจ (Vote) การบริหารจัดการ 1. การสราง poll ใหคลิ๊กทีป่ มุ Maintain Poll >> สรางใหม a. Configuration การตั้งคาตางๆ b. Questions การระบุคาํ ถามตางๆ c. Results การแสดงผลลัพธ 2. เมื่อบันทึกเรียบรอยแลว จะปรากฏรายชือ่ poll ซึ่งสามารถคลิก๊ เพือ่ ตรวจสอบขอมูลได 3. วิธีการแสดง poll ใหไปที่ สวนขยาย >> การจัดการ module เลือกตําแหนงของ module ที่ตอ งการ

1.15. ระบบจดหมายขาว (E-newsletter System) § สมาชิกสมัครและยกเลิกการสมัครจดหมายขาวไดเอง ผูใชสามารถยกเลิกหรือ สมัครไดจาก หนาสวนตัว

§ สมาชิกสามารถเลือกรับขาวสารหรือไมรับขาวสารไดทั้งขณะลงทะเบียนและ หลังลงทะเบียนแลว ผูใชสามารถยกเลิกหรือสมัครไดจาก หนาสวนตัว § กําหนดประเภทจดหมายขาวไดหลายประเภท และผูดแู ลระบบสามารถเพิ่ม ประเภทจดหมายขาวได ดังภาพที่ 1.15-2 § สามารถสรางจดหมายขาวโดยใช Content Editor ดังภาพที่ 23 § สงถึงสมาชิกตามประเภทจดหมายขาว ดังภาพที่ 1.15-1

เลือกที่ component>>acyMailling

ภาพที่ 1.15-1 ภาพแสดงการจัดการ จดหมายขาว The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

ภาพที่ 1.15-2 ภาพแสดงการจัดการ กลุมจดหมายขาว

ภาพที่ 23 ตัวอยางหนาจอระบบจดหมายขาว เมนูการบริหารจัดการประกอบดวย · Users ชื่อ และ รายละเอียด user ที่ลงทะเบียน · Lists รายการของ Enewsletter ที่ผลู งทะเบียนจะเห็นเมือ่ ลงทะเบียน · Newsletters การสราง และ แกไข Enewsletter · Templates การสราง templates · Queue ตรวจสอบคิวทีจ่ ดั สง · Statistics สถิติการสงอีเมลแตละฉบับ · Configuration การตั้งคา config ระบบ

1.16. ระบบภาพกิจกรรม (Gallery) § แสดงรูปภาพตามกลุมที่กาํ หนดพรอมชือ่ และรายละเอียดภาพ § แสดงภาพแบบ Slide show ได ดังภาพทางดานลาง

§ กําหนดกลุมภาพไดอยางนอย 3 ระดับ ดังภาพทางดานลาง

§ สามารถสรางกลุมไดไมจํากัด § สามารถ Upload ภาพใสเว็บไซตผานทาง Web Browser ได สามารถ upload ไดทางเมนู “Picture Upload” ซึ่งปรากฏในภาพที่ 24

§ สามารถ Upload ภาพได ทั้งแบบ ครั้งละ 1 ภาพ และ ครัง้ ละมากกวา 1 ภาพ § กําหนดสิทธิผสู ามารถ Upload ภาพได § กําหนดขนาดไฟลภาพ (File size) ที่จะ Upload ได สามารถกําหนดไดจากเมนู “Configuration Management >> User Access Right >> User Upload” § กําหนดขนาดแสดงภาพ (กวาง x ยาว) ได สามารถกําหนดไดจากเมนู “Configuration Management >> Detail View” § สามารถใสชอ่ื ภาพ รายละเอียด ได สามารถกําหนดไดจากเมนู “Picture Management”

§ กําหนดจํานวนกลุมทีแ่ สดงตอหนาได สามารถกําหนดไดจากเมนู “Configuration Management >> Gallery View”

§ กําหนดจํานวนภาพทีจ่ ะแสดงตอหนาได สามารถกําหนดไดจากเมนู “Configuration Management >> Category View”

ภาพที่ 24 ตัวอยางหนาจอระบบภาพกิจกรรม (Gallery)

1.17 ระบบกระดานสนทนา (Web board) § ผูใชงานตองสมัครเปนสมาชิกกอนจึงจะสงขอความได สามารถกําหนดไดจาก “Kunena Forum >> Forum Administrator” § แสดงรายการหองสนทนาทัง้ หมด ดังภาพที่ 1.17-1

§ แสดงรายละเอียดของแตละหองสนทนา เชน จํานวนกระทู จํานวนคําตอบ จํานวนครั้งที่เปดอาน ชือ่ ผูเขียน ดังภาพที่ 1.17-1 § แสดงกระทูแ ละ/หรือขอความตอบกระทูล าสุด ดังภาพที่ 1.17-2 § แจงลบขอความไมเหมาะสมถึงผูดแู ลระบบและ/หรือผูด แู ลประจําหองสนทนา ได สามารถแจงไดจากหนารายละเอียดของกระทู § สามารถใสขอความดวย Content editor หรือ Markdown § กําหนดผูมสี ทิ ธิสงขอความสูกระดานสนทนาได ดังภาพที่ 1.17-2 § มีระบบปองกัน Spambot สามารถกําหนดไดจาก “Kunena Forum >> Kunena Configuration >> Security”

§ ผูดแู ลระบบสามารถจัดการขอความในกระดานสนทนาได เชน แกไข ลบ ยาย § กําหนดผูดแู ลประจําหองสนทนาได สามารถกําหนดไดจาก “Kunena Forum >> Forum Administrator”

§ สงอีเมลอัตโนมัตแิ จงลบขอความไมเหมาะสมถึงผูดแู ลระบบและ/หรือผูด แู ล ประจําหองสนทนาได

ภาพที่ 1.17-1 ภาพแสดงการแสดงผลกระดานสนทนา

ภาพที่ 1.17-2 ภาพแสดงการตอบกลับลาสุด

ภาพที่ 1.17-3 ภาพแสดงการตั้งกระทู

ภาพที่ 25 ตัวอยางหนาจอระบบกระดานสนทนา (Web board)

1.18. ระบบสมาชิก (Member System) § สมัครสมาชิกทางหนาเว็บไซต § สมาชิกสามารถแกไขขอมูลสวนตัวได สามารถแกไขไดจากหนาสวนตัว § สมาชิกสามารถแจงใหระบบสรางรหัสผานใหม และสงรหัสผานใหมนั้นไปยัง อีเมลของสมาชิกไดโดยอัตโนมัติ สามารถเลือกไดจาก link ทางหนา website § ทั้งเว็บไซตหลักและเว็บไซตรองใชฐานขอมูลสมาชิกรวมกัน § สามารถกําหนดประเภทสมาชิกในระดับตาง ๆ ดังภาพที่ 26 หมายเลข1 § สามารถกําหนดกลุมสมาชิกได ดังภาพที่ 26 หมายเลข1 § ผูดแู ลระบบสามารถดูรายการสมาชิก ดูรายละเอียด แกไข ลบ และเพิ่มขอมูล สมาชิกได ดังภาพที่ 26 § ผูดแู ลระบบสามารถเลือกการอนุมตั สิ ถานะภาพของการเปนสมาชิก หรือ ปรับปรุงระดับการใชงานของสมาชิกไดทั้งแบบ Auto และ Manual § มีอีเมลตอบรับอัตโนมัตใิ นกรณีสมัครสมาชิก § กําหนดสิทธิของสมาชิกตามที่กาํ หนดได ดังภาพที่ 26

ภาพที่ 26 ตัวอยางหนาจอระบบสมาชิก (Member System)

1.19 ระบบจัดการหนาสวนตัว (My page management) § สมาชิกทีส่ ามารถเลือกขาวสารหรือบทความ หรือสิ่งที่เขามาตองทําอยูเ ปน ประจําจากเว็บไซต ใหมาอยูใ นหนาจอของสมาชิกเอง สามารถเลือกจากแท็บ บทความ ดังปรากฏในภาพที่ 27

§ สามารถกําหนดขอมูลทีจ่ ะใหแสดงในหนาสวนตัวได

ภาพที่ 27 ตัวอยางหนาจอระบบจัดการหนาสวนตัว (My page management) 1.20ระบบรองรับการเขามาเขียนบันทึกประจําวัน ของสมาชิก (Web Blog) § มีระบบการแสดงความคิดเห็นในแตละ Blog (เจาของ Blog สามารถเลือกได วาจะใหมรี ะบบนีห้ รือไมมกี ไ็ ด และเจาของ Blog สามารถบริหารและจัดการ เชน ลบ แกไข ขอความทีส่ มาชิกคนอืน่ ๆ post เขามาได) § มีระบบการใหคะแนนกับ Blog ตาง ๆ ทัง้ ประเภทขอมูลและความสวยงามของ Blog เพื่อใชในการจัดกิจกรรมของเว็บไซตตอ ไปได § ความสามารถในการคนหาจากชือ่ เจาของชือ่ เรื่อง อีเมลเจาของเรื่อง § ความสามารถในการจัดเรียงขอมูล เชน เรียงตามคะแนนโหวดจากมากไปนอย, เรียงตามคะแนนโหวดจากนอยไปมาก, เรียงตามจํานวนคนเขาอานจากมากไป นอย, เรียงตามจํานวนคนเขาอานจากนอยไปมาก § มีระบบการดูขอ มูลยอนหลัง เชน Blog hot สุด ๆ ประจําเดือน, Blog hot สุด ๆ ประจําอาทิตยทแี่ ลว, Blog hot สุด ๆ ประจําป The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

§ สามารถเลือกดูตามเงื่อนไขอืน่ ๆ ไดเชน Blog มาใหมวนั นี,้ Blog Update ลาสุดวันนี,้ § มีระบบถามตอบปญหา แนะนํา ปรึกษา การใช Blog ของสมาชิก § มีระบบตรวจสอบจํานวนขอมูลของสมาชิกและจํานวนสมาชิกทีอ่ อนไลนอยูใ น Blog § มี WEB Board เฉพาะสําหรับสมาชิกใชในการประชาสัมพันธ Blog ตัวเอง § เจาของ Blog สามารถทีจ่ ะสง Username & password ที่จะเขามาเยี่ยมชม Blog ที่เปน Private ใหกบั เพือ่ นสมาชิกได

ภาพที่ 28 ตัวอยางหนาจอระบบรองรับการเขามาเขียนบันทึกประจําวัน ของสมาชิก (Web Blog) The Productivity Solution TRECON Co., Ltd. : The Productivity Solution 17th FL., A.P. Nakarintr Bldg., 333 Moo 9, Sri Nakarintr Road, Bangna, Bangkok, 10260 Tel. (662)748-6687 Fax. (662) 748-6683 www.trecon.co.th

1.21 ระบบโปรแกรมการลงทะเบียนเพื่อเขารวมอบรมและสัมนา (Semina Register System) § เพิ่ม, ลบ , แกไข รายชื่อผูลงทะเบียนสัมนาไดไมจาํ กัด ดังภาพที่ 29 § เก็บขอมูลลงฐานขอมูลทั้งหมด พรอมทั้งเครือ่ งมือในการจัดการขอมูลใหกบั ผูดแู ลระบบ § จัดการทีน่ ั่งสัมนาของผูล งทะเบียนทั้งหมดในระบบ ดังภาพที่ 1.21-3 § จัดการทีน่ ั่งของแตละคน หรือเปนกลุม ดังภาพที่ 1.21-1 § ออกเลขที่นั่งในการสัมนาได ดังภาพที่ 1.21-1 § จัดการการนํารายชือ่ ของผูล งทะเบียนมาทําการพิมพเปนฉลากเพือ่ การจัดสง ขอมูล ใหกบั สมาชิกทางไปรษณีย ดังภาพที่ 1.21-2 § สรางตนแบบของฉลากไดไมจํากัด ดังภาพที่ 1.21-3 § สามารถกําหนดขนาดตางๆ ตามฉลากที่นํามาพิมพไดมากมาย ดังภาพที่ 1.21-3 § ระบบการ EXPORT TO EXCEL สามารถเลือกไดจาก หนาจัดการผูลงทะเบียน ดังภาพที่ 29 หมายเลข 1

ภาพที่ 1.21-1 ภาพแสดงหนาจอการกําหนดเลขทีน่ ั่งของสมาชิก

ภาพที่ 1.21-2 ภาพแสดงหนาจอการพิมพฉลาก

ภาพที่ 1.21-3 ภาพแสดงการสรางรูปแบบฉลาก

ภาพที่ 29 ตัวอยางหนาจอระบบโปรแกรมการลงทะเบียนเพื่อเขารวมอบรมและสัมนา