la21

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

คมอผดแลระบบ

โครงการบรณาการเวบไซต กรมสงเสรมคณภาพสงแวดลอม

http://www.pdfcomplete.com/cms/hppl/tabid/108/Default.aspx?r=q8b3uige22


2

บทนา

ตารางท 1 รายชอเวบไซตและหนาจอจดการขอมล

ชอหนวยงาน หนาจอเวบไซต หนาจอบรหารจดการ

เวบไซตหลก www.deqp.go.th www.deqp.go.th/administrator

เวบไซตภาษาองกฤษ www.deqp.go.th/website/52/ www.deqp.go.th/website/52/

administrator

กลมตรวจสอบภายใน www.deqp.go.th/website/22/ www.deqp.go.th/website/22/

administrator

กลมพฒนาระบบบรหาร www.deqp.go.th/website/23/ www.deqp.go.th//website/23

/administrator

สานกงานเลขานการกรม www.deqp.go.th/website/24/ www.deqp.go.th/website/24/

administrator

กองสงเสรมและเผยแพร www.deqp.go.th/website/25/ www.deqp.go.th/website/25/

administrator

ศนยสารสนเทศสงแวดลอม www.deqp.go.th/website/26/ www.deqp.go.th/website/26/

administrator

สานกสงเสรมการมสวนรวมของประชาชน www.deqp.go.th/website/27/ www.deqp.go.th/website/27/

administrator

ศนยวจยและฝกอบรมดานสงแวดลอม www.deqp.go.th/website/20/ www.deqp.go.th/website/20/

administrator

สานกยทธศาสตร www.deqp.go.th/website/28/ www.deqp.go.th/website/28/

administrator

สานกอาสาสมครและเครอขาย www.deqp.go.th/website/29/ www.deqp.go.th/website/29/

administrator

สานกกจการเยาวชนและลกเสอ www.deqp.go.th/website/30/ www.deqp.go.th/website/30/

administrator

สถาบนฝกอบรมและถายทอดเทคโนโลย

ดานสงแวดลอม

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

administrator



3

ตารางท 2 รายชอระบบบรหารจดการและ component ทเลอกใช

วธการบรหารจดการให login หนาจอบรหารจดการ แลวไปทเมนตางๆ ดงน

ชอระบบ การบรหารจดการ

1 รปแบบระบบบรหารจดการเวบไซตกรมสงเสรมคณภาพ

สงแวดลอม

หนาจอบรหารจดการตามตารางท 1

2 ระบบบรหารจดการขอมลและรปภาพ การจดการบทความ

3 ระบบบรหารจดการเวบไซต (Website Management) Website manager

4 ระบบแบบฟอรมสาหรบตดตอสอบถามตาง ๆ (Contact Us) Component>>aicontactsafe

5 ระบบการคนหา (Search System) ปรบแตงทการจดการเมน

6 ระบบแสดงไฟลเสยงและไฟลวดโอ (Multimedia) ในลกษณะ

streaming

Component>>hwdVideoShare

7 ระบบบรหารจดการเวบลงค (Web Links Management) Component>>weblink

8 ระบบบรหารจดการปายโลโก (Banner Links Management) Component>>webadvert

9 ระบบบรหารจดการดาวนโหลด (Download Management

System)

Component>>phucadownload

10 ระบบถาม-ตอบ (FAQ Management System) Component>>quickfaq

11 ระบบบรการ RSS Feeds หรอ RSS (Really Simple

Syndication)

Component>>rss

12 ระบบการบรหารจดการกาหนดสทธผดแลระบบงาน เวบ>>การจดการสมาชก

Component>>admin user

access

13 ระบบปฏทนกจกรรม (Calendar) Component>>jevent

14 ระบบแบบสารวจ (Vote)

Component>>poll

Component>>bj survey

15 ระบบจดหมายขาว (E-newsletter System) Component>>acymailling

16 ระบบภาพกจกรรม (Gallery) Component>>joomgallery

17 ระบบกระดานสนทนา (Web board) Component>>kurena forum

18 ระบบสมาชก (Member System) Component>>joom social

19 ระบบจดการหนาสวนตว (My page management) Component>>joom social

20 ระบบรองรบการเขามาเขยนบนทกประจาวน ของสมาชก (Web

Blog)

Component>>myblog

21 ระบบโปรแกรมการลงทะเบยนเพอเขารวมอบรมและสมมนา

(Semina Register System)

Event manager



4

รายการเมน

เมอสรางระบบบรหารจดการตางๆแลวตองสรางเมนเพอแสดงผล

โดยไปทการจดการเมน เลอก 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 คนหา (ระบบคนหา)



5

o ชอผใช

o Vinaora Visitors Counter (ระบบสถต)

o wbAdvert (ระบบจดการแบนเนอร)

o เวบลงก

o Wrapper (หนา iframe)

o Xmap (ระบบ sitemap)

• ลงกภายนอก (เชอมโยงไป URL อน)

• ชองวาง

• Alias



6

สารบญ

เรอง หนา

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



7

สารบญ

เรอง หนา

1.19 ระบบจดการหนาสวนตว (My page management) 83

1.20 ระบบรองรบการเขามาเขยนบนทกประจาวน ของสมาชก (Web Blog) 83

1.21 ระบบโปรแกรมการลงทะเบยนเพอเขารวมอบรมและสมมนา 85

(Semina Register System)



8

1. การดาเนนการการพฒนาเวบไซต

1.1 รปแบบระบบบรหารจดการเวบไซตกรมสงเสรมคณภาพสงแวดลอม (Content

Management System , CMS)

พฒนาระบบบรหารจดการเวบไซตกรมสงเสรมคณภาพสงแวดลอม โดยพฒนาระบบดวย

เวบแอพรเคชน (Web application) Joomla CMS Version 1.5.14 เปนเครองมอในการออกแบบ

ระบบงาน และใชฐานขอมลแบบ RDBMS คอ MySQL

ภาพท 1 ตวอยางหนาจอเวบไซตกรมสงเสรมคณภาพสงแวดลอมทพฒนาแลว

www.deqp.go.th



9

ภาพท 1-1 ตวอยางหนาจอเวบไซตกรมสงเสรมคณภาพสงแวดลอมทพฒนาแลว

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


กลมพฒนาระบบบรหาร



10


สานกงานเลขานการกรม


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



11


ศนยสารสนเทศสงแวดลอม


สานกสงเสรมการมสวนรวมของประชาชน



12


ศนยวจยและฝกอบรมดานสงแวดลอม


สานกยทธศาสตร



13


สานกอาสาสมครและเครอขาย


สานกกจการเยาวชนและลกเสอ



14


สานกงานเลขานการกรม

ภาพท 2 ตวอยางหนาจอระบบบรหารจดการขอมล



15

1.2 ระบบโปรแกรมทงหมดทตองใชในเวบไซต

1.2.1 ระบบบรหารจดการขอมลและรปภาพ

§ ระบบมความยดหยน โดยสามารถเลอกจดวางรปแบบการแสดงผลของหนา

เวบไดหลากหลายรปแบบ และรองรบการเผยแพรเนอหาทหลากหลาย ทงในดาน

รปแบบการจดวาง และประเภทของเนอหา ดงรปท 3-1

โดยสามารถปรบเปลยนรปภาพ เนอหา ประกอบ ในตาแหนงใดของบทความ

ไดอยางอสระ มความยดหยนสง ดงรปท 3-1 หมายเลข 1

ภาพท 3-1 ตวอยางหนาจอแสดงความยดหยนของระบบบรหารจดการขอมลและรปภาพ

1



16

§ รองรบการเพม ลบ ปรบเปลยน แกไข หมวดหมของเนอหาไดไม จากด ดงรปท

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) ใหสวยงาม นาใช และเหมาะสมตอการใชงาน



17

ภาพท 4 ตวอยางหนาจอการจดรปแบบเนอหาใหสนบสนนการสบคนทางอนเทอรเนต

§ ระบบการจดการขอมลหลก

• รองรบการใสขอมลชอเรองได ดงภาพท 4 หมายเลขท 2

• รองรบการใสขอมลรายละเอยดเบองตนได ดงภาพท 4 หมายเลขท 1

• รองรบการใสรปภาพประกอบ(Thumbnail Picture ) พรอมระบบ

โปรแกรมยอขนาดรปภาพอตโนมตได ดงภาพท 4 หมายเลขท 1

§ ระบบการจดการขอมลในสวนของเนอหาทงหมด โดยมเครองมอ ระบบ

จดการขอความพเศษ

• ชดคาสงการปรบเปลยนการจดวางรปแบบขอความ

• ชดคาสงการจดทาสญลกษณหนาขอความ

• ชดคาสงสาหรบการเปลยนฟอนต และขนาด รปแบบของขอความ

• ชดคาสงในการ copy และ past ขอมล โดยผใชสามารถกด Ctrl+C เพอ

copy และกด Ctrl+V เพอ past ขอมล

• ชดคาสงในการสรางตารางควบคม และเพมลงคระหวางขอความ

1

2



18

• ชดคาสงในการนาไฟลภาพเขาสเอกสาร

• ชดคาสงในการปรบเปลยนสฟอนต และสของพนหลง

• ชดคาสงการแสดงขอมลทใสไดทนท ดงภาพท 5

• รองรบการใสสอมลตมเดยดวย Embedded Code ได ดงภาพดานลาง

ภาพท 5 ตวอยางหนาจอระบบการจดการขอมลในสวนของเนอหาทงหมด

§ มระบบรองรบการ Tag เนอหาในรปแบบตางๆเพอสนบสนนการสบคนทาง

อนเทอรเนต(Search Engine Optimization)อยางนอยดงน

• ขอความ

• บทความ

• รปภาพประกอบ



19

• ภาพเคลอนไหว ภาพยนตร

ภาพท 6 ตวอยางหนาจอระบบรองรบการ Tag เนอหาในรปแบบตางๆ

§ ระบบการจดการฟงคชนพเศษตางๆ

• มระบบการบรหารจดการแกลอรรปภาพไดไมจากดจานวนภาพ พรอม

ระบบการจดลาดบรปภาพดวยวธการ Drag & Drop โดยไมตองโหลด

โปรแกรมใหม ดงภาพดานลาง

• มระบบสนบสนนใหสามารถ เชอมโยงเนอหาทเกยวของเพมเตมไดจาก

เนอหาในระบบได ดงภาพท 7

• สามารถแนบไฟลเอกสาร หรอไฟลรปภาพ หรอไฟลเสยงไดมากกวา 5

ไฟล ในการนาสงขอมลแตละครง ดงภาพท 7



20

• มระบบสนบสนนใหสามารถใสลงค(Link) เชอมโยงเพอไปยงเนอหาท

เกยวของเพมเตมไดไดมากกวา 5 ไฟล ในการนาสงขอมลแตละครง ดง

ภาพท 7

ภาพท 7 ตวอยางหนาจอระบบการจดการฟงคชนพเศษตางๆ

• มระบบการแสดงผลคาความนยม (rating) ของเนอหา และใหผดแล

ระบบสามารถกาหนดใหแสดงหรอไมกได ดงภาพท 8 หมายเลข 1

• มระบบการแสดงความคดเหนของเนอหาและใหผดแลระบบสามารถ

กาหนดใหแสดงหรอไมกได ดงภาพดานลาง



21

ภาพท 8 ตวอยางหนาจอระบบการแสดงผลคาความนยมและแสดงความคดเหนของเนอหา

• สามารถตงคากาหนดชวงระยะเวลาระดบวน ในการแสดงเนอหาตางๆได

ดงภาพดานลาง

1



22

วธการใชงานระบบบรหารจดการขอมล สามารถดาเนนการตางๆไดดงน

1. Login เขาสระบบ

1. เขาสหนาจอเขาสระบบ

2. ใสชอผใชและรหสผาน

3. กดปมเขาสระบบ

4. จากนนจะปรากฏหนาจอ



23

หนาจอดงกลาวจะเปนหนาจอหลกซงจะรวมเมนหลกๆทตองใชงาน

2. การจดการบทความ

1. เลอกเมน บทความ >> การจดการบทความ

หนาจอแสดงรายชอบทความ

หนาจอนจะเปนหนาจอแสดงรายชอบทความทอยในระบบ โดยเราสามารถ เลอกทจะเพม

หรอแกไขบทความไดจากหนาน

1



24

2.1 การเพมบทความ

1. จากหนาจอ ท 2.1 ทางดานบนเลอก ปม “สรางใหม” ทหมายเลข 1

2. จากนนจะปรากฏหนาจอ

หนาจอการจดการบทความ

3. ในกรอบหมายเลข ( 1) จากรป (2.2) ใหเลอกใสคาดงตอไปน

• ชอเรอง – ใหใสชอขาวหรอบทความ

• เผยแพร – เลอก “ ใช ” เพอแสดงบทความหรอขาวนแกผใช

o เปนการเลอกทจะแสดงหรอไมแสดงบทความหรอขาวสารนแกผใช

• หนาแรก – เลอก “ไม”

• Section – เลอกหมวดหมหลกของบทความ

• Category – เลอกหมวดหมยอยของบทความ

1 3

2



25

4. ใสเนอหาของบทความ ในกรอบหมายเลข (2) โดยเราสามารถกาหนดขนาดหรอส

ของตวอกษรไดจาก

• ตวหนา

• สของตวอกษร

• แทรกรปภาพ

5. ถาตองการเพมรปภาพใหเลอก กดปม โดยจะปรากฏหนาจอ



26

หนาจอสาหรบ เลอกรปภาพเพอแสดงในบทความ

1. กดปม “เลอกไฟล”

a. ทาการเลอกไฟลรปภาพทตองการเพม

2. กดปม “ บนทกไฟลไวบนเซฟเวอร “ จากนนจะปรากฏหนาจอ

3. เราสามารถปรบขนาดของรปภาพไดโดยแกไขทชอง ความกวาง,

ความสง

4. เมอทาการปรบแกไขขนาดเรยบรอยแลวใหกดปม “ตกลง “

5. ถาตองการเพมลงค เพอทใหผใชสามารถกดไปยง หนาอน หรอ

เวบไซตอนไดให พมพขอความทตองการ ลงคจากนนเลอกขอความ

กดปม จะปรากฏหนาจอ

6. ใส link ในชอง “ทอยอางองออนไลน” จากนนกดปม “ตกลง”



27

7. ถาตองการทจะเพม ลงคไฟลขอมลใหผใชดาวโหลด ใหพมพ

ขอความทตองการลงคจากนนเลอกขอความนน กดปม จะ

ปรากฏหนาจอ

8. เลอกแทป “อพโหลดไฟล”

9. จากนนเลอก กดปม “Browse” เลอกไฟลทตองการ

10. กดปม “ บนทกไฟลไวบนเซฟเวอร ”

11. เมอทาการใสรายละเอยดบทความเรยบรอยแลว จากนน ใหใส

ขอมลใน หมายเลข 3

• ระดบการเขาถง – เลอกเปน “เผยแพร ”

• วนทสราง – เลอกเปนวนปจจบน

• เรมเผยแพร – เลอกวนเรมตนทจะใหผใชเหนบทความ

• การเผยแพรเสรจสน – เลอกวนทสนสดการแสดงบทความ ถาไมตองการกาหนดก

ไมตองระบ

6. กดปม “ บนทก ” ทางดานบน



28

2.2 แกไขบทความ

1. เปดหนาจอ

2. เลอกชอเรองทตองการแกไข แลวใชวธการแกไขเหมอนกบการนาเขาขอมล

2.3 ลบบทความ

1. เลอก checkbox หนาบทความทตองการลบ

2. กดปม “รไซเคล” ทางดานบน บทความนนจะถกนาไปไวใน ถงรไซเคล เพอรอการ

ลบตอไป



29

3. การจดการแกลลอรรปภาพ

3.1 การจดการหมวดหมรปภาพ

1. เลอกเมน คอมโพเนนท >> JoomGallery >> Category Management จากนนจะ

ปรากฏหนาจอ

2. กดปม “New” เพอสราง หมวดหมรปภาพ จะปรากฏหนาจอ



30

• Title – ใสชอหมวดหมรปภาพ

• Access – ใหเลอก Public

• Publish – เลอก “ใช”

3. กดปม Save



31

3.2. การเพมรปภาพ

1. เลอก เมน Picture Upload จากนนจะปรากฏหนาจอ

• Select Image – เลอกไฟลรปภาพทตองการใส

• Gallery photos will be assigned to – เลอกหมวดหมของรปภาพ

• Generic Title – ใสชอรปภาพ

2. กดปม “Upload”



32

3.3. การจดการรปภาพ

1. เลอกเมน Picture Management จะปรากฏหนาจอ

2. หนาจอจะแสดงรายชอของรปภาพทงหมด

3.3.1. แกไขรปภาพ

1. คลกเลอก title ของรปภาพทตองการแกไข

3.3.2. ลบรปภาพ

1. เลอก checkbox หนารปภาพทตองการลบ

2. กดปม “Remove” ทางดานบน



33

3.3.3. การจดการเมนเวบไซต

1. เลอกเมน เมน >> website menu จะปรากฏหนาจอ



34

2. กดปม “สรางใหม” ทางดานบน จากนนจะปรากฏหนาจอ

หนาจอดงกลาวจะเปนการเลอกประเภทเมน

• บทความ

บทความ - โครงรางบทความมาตรฐาน – เมอตองการใหเมนชไปทบทความ

Category – โครงราง Category มาตรฐาน – เมอตองการใหเมนชไปท หมวดหม

ยอย

Section – โครงราง Section มาตรฐาน – เมอตองการใหเมนชไปท หมวดหมหลก



35

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

• ชอเรอง – ใสชอเมน

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

• รปแบบรายการ – เลอกเมนหลก เมอตองการสรางเมนยอย

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

• เมอคลกจะเปดใน – เลอกลกษณะของการเปดหนาจอ

• พารามเตอร

เลอกรายละเอยดของเมน เชน ชอบทความ, ชอหมวดหม หรอ ชอหมวดหมยอย

เปนตน

4. กดปม บนทก



36

การจดการหนาแรก

ตวอยางหนาจอแรกของแตละหนวยงาน ซงแตละหนวยงานสามารถเลอกหมวดหม

ของขอมลมาจดทาขนเวบไซตในหนาแรกดวยตนเองงายๆดงน

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

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



37

1. เขาไปทเมนดานบน เลอกท บทความ >>การจดการ category

2. เลอกคลกท category ขอมลทสนใจจะใหแสดงในหนาแรกของเวบไซต เชน

เอกสารเผยแพร แลวคลกทชอเพอเขาไปแกไขรายละเอยด

3. จะปรากฏหนาจอแกไขขอมล category ใหเลอก แสดงในหนาแรก เปน ใช แลว

กด บนทก



38

4. เมอบนทกเสรจ ลองเขาดทหนาแรกของเวบไซต จะปรากฏ category ทเลอก

แสดงออกมา



39

เทคนคการสราง ebook

การสราง ebook โดยวธงายๆ และนาขนเวบไซตของตนเองนน ทาไดโดย

1. ไปทเวบไซต http://issuu.com/ เลอกปม login ดานขวามอมมบน

แลวกรอก username เปน [email protected] ใช password เปน 41014686

2. จะพบหนาจอตอนรบ ใหคลก upload document ดานขวามอมมบน

3. กดปม upload a file เพอนาเขาไฟลทละไฟลหรอ เลอก upload many files เพอ เลอก

upload ไฟลหลายๆไฟลพรอมกน โดยกด browse เลอก ไฟล ทตองการ แลวกรอก

ขอมล ตามคาแนะนา



40

4. ชอง Browse ให แนบไฟลทตองการทา ebook โดยขนาดตองไมเกน 100 mb หรอ ไมเกน

500 หนา ดงน

- Title ชอเรอง

- Description คาอธบาย

- Web name ชอเวบไซต

- Keywords คาสาคญ

- Info Links link ขอมลเพมเตม

- Types ชนดของเอกสาร

แลวกด ปม upload file จะขนหนาจอ loading รอจนกวาเรยบรอย



41

5. กดปมดานซาย ถาเอกสารถกแปลงแลวจะขนท Published (1) ตวเลขในวงเลบบอกถง

จานวนเอกสารทสมบรณ

6. การนาเอกสารไปใช ใหกดตรงเอกสารทตองการ แลวกด open จะขนหนาจอ ebook

คลายหนงสอ



42

7. ใหกดท embed แลวจะขนหนาจอให copy code ไปใสในสวนการจดการเนอหาของเรา

เอง โดยนาไปวางใน content ทตองการ

8. ไปทเนอหาทตองการ แลวกดท ดรหส html แลว post embed ท copy มาลงในชอง

เนอความ แลวบนทกตามปรกต จะปรากฏเนอหา ebook ทตองการ



43

เทคนคการนาเขาไฟลวดโอ

ในการนาเขาขอมล Multimedia ของ กรมสงเสรมคณภาพสงแวดลอมนน แนะนาให

upload ขอมลขน server โดยใชเวบไซต youtube.com เปนชองทางในการประชาสมพนธ ดงน

1. ไปท www.youtube.com เลอก sign in ดวย username : [email protected]

ใช password 41014686



44

2. กดปม upload แลวเลอก upload video

3. เสรจแลวกดปม mychanel จะแสดงวดโอทงหมดทถกนาเขา



45

4. คลกขวาทภาพ แลวเลอกท copy embed html

5. เปดหนาจอบรหารจดการขอมล คลกดรหส html แลววาง embed code ท copy

มา แลวบนทกขอมล



46

1.3. ระบบบรหารจดการเวบไซต (Website Management)

§ สามารถสรางเวบไซตรองเพมไดในอนาคต

§ ทกเวบไซตจะตองใชฐานขอมลรวมกน ทงในสวนขอมลสมาชกและขอมลการ

แสดงผล

เลอก website manager และ กดเพม

กรอกรายละเอยดชอเวบไซต แลวกดบนทก

ภาพท 9 ตวอยางหนาจอระบบสรางเวบไซตรองเพมไดในอนาคต



47

ภาพท 10 ตวอยางหนาจอกาหนดรายละเอยดตาง ๆ ของหนาเวบเพจ

ภาพท 11 ตวอยางหนาจอบรหารจดการรายการเมนตาง ๆ ของหนาเวบเพจ



48

1.4. ระบบแบบฟอรมสาหรบตดตอสอบถามตาง ๆ (Contact Us)

§ มระบบบรหารจดการขอมลสาหรบการตดตอ (Contact Us) และระบบตดตาม

การตดตอสอบถาม ปญหาตาง ๆ ของผทตองการตดตอและผใชงานระบบ

เวบไซต

§ มแบบฟอรมอเลกทรอนกสสาหรบใหผทตองการตดตอกรอกขอมลรายละเอยด

หลก เชน ชอ นามสกล ทอย อเมล ขอความรายละเอยด ฯลฯ

ตาง ๆ บนเวบไซต ได ดงรปดานลาง

§ สามารถสราง เพม ลบ แกไข กลมของผรบขอมล เชน กลมของลกคา ,

กลมของหนวยงาน หรอสวนงานทตองการให ตดตอจากระบบเวบไซตได ดงรป

ดานลาง

§ มหนาจอตอบรบหรอแจงใหทราบจากระบบอตโนมต หลงผสงขอความกด สง

ขอความจากระบบ เมอผใชใสขอมลผานหนา เวปไซต ระบบจะทาการสงขอมล

มายง ผดแลระบบ

§ มระบบหนาจอสาหรบตอบกลบและจดเกบประวตการตอบกลบ



49

§ มสถานะแสดงเรองทตดตอในรปแบบสถานะตาง ๆ ดงน มาใหม , ตอบ

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

ทางดานลาง

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

ภาพท 12 ตวอยางหนาจอระบบแบบฟอรมสาหรบตดตอสอบถามตาง ๆ (Contact Us)



50

วธการบรหารจดการ

ไปทเมน component เลอก aiContactsafe

จะประกอบดวยเมนยอยตางๆ ดงน

• Messages เปนเมนทเมอมขอความเขาทสงมาจากผใชงาน

o ชอ เขยนอเมล หวเรอง Sent to sender, Sender's ip , Profile, Status, Sent

to ID, Date added

o จะมแถบเครองมอใหบรหารจดการขอความทเลอก (บรเวณ 1) ดงน

§ แสดง

§ ตอบ

§ สงออกฐานขอมล

§ ลบ

§ Delete selected

• Attachments เปนการบรหารจดการไฟลทแนบมาจากผสง

• Profiles เปนการบรหารจดการ สรางแบบฟอรมมาตรฐานสาหรบการตดตอ

• Fields เปนการสรางฟลลสาหรบแบบฟอรม

เมนยอย

แถบเครองมอ

บรเวณขอความทเลอก



51

• Message statuses กาหนดสและชนดของขอความทเขา ประกอบดวย New / Read /

Replied / Achive

• Control Panel หนาจอการตงคาระบบ

วธการนาขอมลออกใชงาน

1. เลอกทเมน >> Mainmenu เลอกปมสรางใหม

เลอก aicontactsafe >> contact safe form



52

กรอกชอเมน เชน ตดตอเรา ดานขวาใหเลอกฟอรมทตองการ แลวกดบนทก

แบบฟอรมจะปรากฎในเมนหลกตอไป



53

1.5. ระบบการคนหา (Search System)

§ สามารถออกแบบและวางโครงสราง เพอคนหาขอมลภายในเวบไซต แบบรวม

และแบบแยกตามกลมและหมวดหมได ดงภาพดานลาง

§ สามารถคนหาขอมล คา ประโยค ได จากฐานขอมลเนอหา ตางๆ บนเวบไซต

ได ดงภาพท 13

§ สามารถแสดงสถานะและรายละเอยด ของการคนหาในสวน ตาง ๆ ได

§ สามารถรวบรวมหวขอและรายการตางๆ ทคนหาใหอยในรปของดชน (Index

Site) เพอสะดวกตอการมองภาพรวมของเวบไซต



54

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

ภาพท 13 ตวอยางหนาจอระบบการคนหา (Search System)

ในสวนระบบคนหานไมมระบบบรหารจดการ



55

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

ชนดใดขนไป



56

• ไฟล .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 เพอนาไปใชในเวบอนๆ ได



57

เลอก component>>hwdVideoShare

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

ภาพท 1.6-2 แสดงหนาจอการจดการ Category



58

ภาพท 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



59

ไปท component>>weblink

ภาพท 15 ตวอยางหนาจอระบบบรหารจดการเวบลงค (Web Links Management)

1



60

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



61

ไปท component>>webadvert

ภาพท 16 ตวอยางหนาจอระบบบรหารจดการปายโลโก (Banner Links Management)

1



62

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”



63

ไปทเมน component>>phuca download

ภาพท 17 ตวอยางหนาจอระบบดาวนโหลด

1



64

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



65

1.10 ระบบถาม-ตอบ (FAQ Management System)

§ มระบบบรหารจดการขอมลสาหรบระบบสบคน ถาม-ตอบ (FAQ) ตาง ๆ ของผ

ทตองการตดตอเวบไซต ดงภาพท 1.10-1

§ สามารถสราง เพม ลบ แกไข กลมของประเภทคาถามคาตอบตาง ๆ ได

ตามตองการ รวมถงสามารถจดลาดบกลม ดงภาพท 1.10-1 หมายเลข 1

§ สามารถควบคมการเปดและปดในการแสดงขอมลตาง ๆ ของระบบสาหรบ

ถาม – ตอบทตองการได ดงภาพดานลาง

§ มระบบจดเกบผลการ คลก (Click) ด FAQ ของแตละหวขอจากผเขาเยยมชม

หรอผเขาใชงานเวบไซด และรายงานผลไปในรปแบบสถตได ดงภาพท 1.10-1

column “เขาชม”

§ มชองสาหรบการคนหาขอมลภายใน FAQ ดวยคา หรอวล และกลม

ประเภทคาถามทตองการใหแกผเขาเยยมชมเวบไซตกรมฯ ดงรปทางดานลาง

§ สามารถแสดงขอมลภายใน FAQ ตามขอมลทางสถต เชน แสดงคาถามทผ

เขาเยยมชมอานบอย ดงรปภาพท 1.10-1



66

ไปท component>>quickfaq

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

1



67

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



68

1.12. ระบบการบรหารจดการกาหนดสทธผดแลระบบงาน

การเขาถงขอมลไดไมนอยกวา 3 ระดบ คอ ระดบผดแลระบบ, ผตรวจสอบขอมล และ

ระดบผนาเขาขอมลทวไปซงมสทธและการใชงานแตกตางกนดงน

§ ผใชงานระบบ แบงเปนอยางนอยดงน

• ผดแลระบบ (Administrator)

• ผตรวจสอบขอมล (Super User)

• ผนาเขาขอมลทวไป (User)

ดงภาพท 20

§ ผดและระบบ (Administrator)

• สามารถสราง แกไข ลบ และกาหนดสทธผใชงานระบบไดอยางนอย 4

ระดบ ดงน

- ระดบท1 สามารถบรหารจดการคาตางๆ(Configure) ของระบบ

ทงหมดได

- ระดบท2 สามารถบรหารจดการขอมลเนอหาของระบบได

- ระดบท3 สามารถเหนขอมลเนอหาของระบบได

- ระดบท4 ไมสามารถเหนขอมลเนอหาของระบบได

§ สามารถคนหาผใชงานระบบได ดงภาพท 1.12-1

§ ผนาเขาขอมลทวไป (User) สามารถ

• สามารถตรวจสอบเวลาทนาขอมลเขาระบบได ระบบจะทาการบนทก

เวลาในการนาเขาขอมลของแตละเนอหา

ภาพท 1.12-1 หนาจอการจดการผใช

เลอกท เวบ>>การจดการผใช



69

ภาพท 20 ตวอยางหนาจอ ระบบการบรหารจดการกาหนดสทธผดแลระบบงาน

เลอกท เวบ>>การจดการสมาชก>>สรางใหม

1.13. ระบบปฏทนกจกรรม (Calendar)

§ สามารถคนหากจกรรมตาม หวขอ วน สถานท หนวยงาน ได ดงภาพท 21

หมายเลข 1

§ แสดงผลกจกรรมไดทงรปแบบปฏทนรายเดอน ปฏทนรายวน รายการกจกรรม

ดงภาพท 21

§ สามารถเลอกดรายละเอยดของกจกรรมในแตละวนได ดงภาพท 1.13-1

§ แสดงกจกรรมในแตละวนเปนสตามกลมกจกรรมทกาหนด ดงภาพท 1.13-1

§ กาหนดสใหแตละกลมกจกรรมได ดงภาพท 1.13-1

§ สรางและจดการรายการกจกรรมได ดงภาพท 1.13-1

§ กาหนดสทธผสามารถบนทกขอมลปฏทนกจกรรมได สามารถเลอกไดจากหนา

กาหนดสทธของผใช

§ ใสรปภาพได ดงภาพทางดานลาง



70

ภาพท 1.13-1 รายละเอยดกจกรรมแตละวน

เลอกท component>>jEvent



71

ภาพท 21 ตวอยางหนาจอ ระบบปฏทนกจกรรม (Calendar)

1



72

การบรหารจดการ

เลอกท component>>jEvent

ระบบแบงออกเปน

• จดการปฏทน

• จดการกจกรรม

• จดการประเภท

• การกาหนดสทธผใช

• การปรบแตงคา

วธการบรหารจดการ ใหดาเนนการดงน

1. สรางประเภทของกจกรรมโดยคลกท “จดการประเภท” คลก สรางใหม กรอกรายละเอยด

ของประเภทกจกรรม ทตองการ เชน กจกรรมสมมนา

2. เมอสรางประเภทกจกรรมแลว ใหคลกทปมแรก เพอสรางชนดของปฏทน เปนปฏทนชนด

ตางๆในประเภทนน

3. เมอสรางเสรจ ใหคลกทปมทสอง เพอสรางกจกรรม



73

ขอมลกจกรรม :

เรอง: กรอกชอเรอง

JEV_EVENT_CREATOR: ผสรางกจกรรม

Select Ical (from raw icals): ชนดปฏทน

ประเภท : กรอกประเภทปฏทน

ขอมลกจกรรม กรอกขอมลกจกรรม

สถานท กรอกสถานท

การตดตอ กรอกการตดตอ

ขอมลเพมเตม กรอกขอมลเพมเตม

กรอกขอมลปฏทน กรอกวนเรมตน สนสด

แลวกดปมบนทก



74

1.14 . ระบบแบบสารวจ (Vote)

§ แสดงหวขอการ Vote

§ แสดงตวเลอกการ Vote ทงแบบขอความและรปภาพ

§ แสดงสรปผลการ Vote ในรปแบบกราฟ ดงตวอยางภาพทางดานลาง

§ สามารถเพมหวขอคาถามคาตอบทใชสารวจไดไมจากด

ดงภาพดานลาง

§ กาหนดจานวนการ Vote ตอคนในแตละหวขอคาถามได สามารถกาหนดไดวา

การโหวตแตละหวขอ ผใชสามารถโหวตไดครงเดยวหรอไม

§ กาหนดตาแหนงการแสดง Poll ได ทงทเปนหนา Webpage และ/หรอหนา

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



75

ไปทเมน component>>pollXT

ภาพท 22 ตวอยางหนาจอระบบแบบสารวจ (Vote)

การบรหารจดการ

1. การสราง poll ใหคลกทปม Maintain Poll >> สรางใหม

a. Configuration การตงคาตางๆ

b. Questions การระบคาถามตางๆ

c. Results การแสดงผลลพธ

2. เมอบนทกเรยบรอยแลว จะปรากฏรายชอ poll ซงสามารถคลกเพอตรวจสอบขอมลได

3. วธการแสดง poll ใหไปท สวนขยาย >> การจดการ module เลอกตาแหนงของ module

ทตองการ



76

1.15. ระบบจดหมายขาว (E-newsletter System)

§ สมาชกสมครและยกเลกการสมครจดหมายขาวไดเอง ผใชสามารถยกเลกหรอ

สมครไดจาก หนาสวนตว

§ สมาชกสามารถเลอกรบขาวสารหรอไมรบขาวสารไดทงขณะลงทะเบยนและ

หลงลงทะเบยนแลว ผใชสามารถยกเลกหรอสมครไดจาก หนาสวนตว

§ กาหนดประเภทจดหมายขาวไดหลายประเภท และผดแลระบบสามารถเพม

ประเภทจดหมายขาวได ดงภาพท 1.15-2

§ สามารถสรางจดหมายขาวโดยใช Content Editor ดงภาพท 23

§ สงถงสมาชกตามประเภทจดหมายขาว ดงภาพท 1.15-1

เลอกท component>>acyMailling

ภาพท 1.15-1 ภาพแสดงการจดการ จดหมายขาว



77

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

ภาพท 23 ตวอยางหนาจอระบบจดหมายขาว

เมนการบรหารจดการประกอบดวย

• Users ชอ และ รายละเอยด user ทลงทะเบยน

• Lists รายการของ Enewsletter ทผลงทะเบยนจะเหนเมอลงทะเบยน

• Newsletters การสราง และ แกไข Enewsletter

• Templates การสราง templates

• Queue ตรวจสอบควทจดสง

• Statistics สถตการสงอเมลแตละฉบบ

• Configuration การตงคา config ระบบ



78

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”



79

§ กาหนดจานวนกลมทแสดงตอหนาได สามารถกาหนดไดจากเมน “Configuration

Management >> Gallery View”

§ กาหนดจานวนภาพทจะแสดงตอหนาได สามารถกาหนดไดจากเมน

“Configuration Management >> Category View”

ภาพท 24 ตวอยางหนาจอระบบภาพกจกรรม (Gallery)

1



80

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 ภาพแสดงการแสดงผลกระดานสนทนา



81

ภาพท 1.17-2 ภาพแสดงการตอบกลบลาสด

ภาพท 1.17-3 ภาพแสดงการตงกระท

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



82

1.18. ระบบสมาชก (Member System)

§ สมครสมาชกทางหนาเวบไซต

§ สมาชกสามารถแกไขขอมลสวนตวได สามารถแกไขไดจากหนาสวนตว

§ สมาชกสามารถแจงใหระบบสรางรหสผานใหม และสงรหสผานใหมนนไปยง

อเมลของสมาชกไดโดยอตโนมต สามารถเลอกไดจาก link ทางหนา website

§ ทงเวบไซตหลกและเวบไซตรองใชฐานขอมลสมาชกรวมกน

§ สามารถกาหนดประเภทสมาชกในระดบตาง ๆ ดงภาพท 26 หมายเลข1

§ สามารถกาหนดกลมสมาชกได ดงภาพท 26 หมายเลข1

§ ผดแลระบบสามารถดรายการสมาชก ดรายละเอยด แกไข ลบ และเพมขอมล

สมาชกได ดงภาพท 26

§ ผดแลระบบสามารถเลอกการอนมตสถานะภาพของการเปนสมาชก หรอ

ปรบปรงระดบการใชงานของสมาชกไดทงแบบ Auto และ Manual

§ มอเมลตอบรบอตโนมตในกรณสมครสมาชก

§ กาหนดสทธของสมาชกตามทกาหนดได ดงภาพท 26

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

1



83

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 สด ๆ ประจาป



84

§ สามารถเลอกดตามเงอนไขอน ๆ ไดเชน Blog มาใหมวนน, Blog Update

ลาสดวนน,

§ มระบบถามตอบปญหา แนะนา ปรกษา การใช Blog ของสมาชก

§ มระบบตรวจสอบจานวนขอมลของสมาชกและจานวนสมาชกทออนไลนอยใน

Blog

§ ม WEB Board เฉพาะสาหรบสมาชกใชในการประชาสมพนธ Blog ตวเอง

§ เจาของ Blog สามารถทจะสง Username & password ทจะเขามาเยยมชม

Blog ทเปน Private ใหกบเพอนสมาชกได

ภาพท 28 ตวอยางหนาจอระบบรองรบการเขามาเขยนบนทกประจาวน ของสมาชก (Web Blog)



85

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 ภาพแสดงหนาจอการพมพฉลาก



86

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

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

1


la21

Documents