คูมอืการนาํเขาขอมลู

สําหรบันาํเขาขอมลูของแตละสวนงาน

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

รายชือ่เว็บไซตและหนาจอจัดการขอมูล

สาํหรบั username + password ไดเวียนใหทราบแลว

ชือ่หนวยงาน หนาจอเวบ็ไซต หนาจอบรหิารจดัการ

เว็บไซตหลัก 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

สารบญั

เรือ่ง หนา

1. Login เขาสูระบบ 4

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

2.1 การเพิ่มบทความ 7

2.2 แกไขบทความ 11

3. การจัดการแกลลอรีร่ปูภาพ 12

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

4. การจัดการเมนเูวบ็ไซต 16

5. การจัดการหนาแรก 19

6. เทคนคิการสราง ebook 22

7. เทคนคิการนําเขาไฟลวดีีโอ 27

1. Login เขาสูระบบ

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

2. ใสชือ่ผูใชและรหัสผาน

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

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

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

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

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

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

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

หนานี้

1

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

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

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

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

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

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

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

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

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

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

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

1

3

2

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

• ตวัหนา

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

• แทรกรปูภาพ

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

2.3 หนาจอสาํหรบั เลอืกรปูภาพเพือ่แสดงในบทความ

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

a. ทําการเลอืกไฟลรปูภาพที่ตองการเพิ่ม

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

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

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

6. ถาตองการเพิม่ลิง้ค เพือ่ทีใ่หผูใชสามารถกดไปยงั หนาอื่น หรอื เว็บไซตอืน่ไดให พิมพขอความที่ตองการ

ลิง๊คจากนัน้เลอืกขอความ กดปุม จะปรากฏหนาจอ

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

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

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

9. เลอืกแท็ป “อัพโหลดไฟล”

10. จากนัน้เลอืก กดปุม “Browse” เลอืกไฟลทีต่องการ

11. กดปุม “ บันทึกไฟลไวบนเซิฟเวอร ”

12. เมือ่ทําการใสรายละเอียดบทความเรยีบรอยแลว จากนัน้ ใหใสขอมลูใน หมายเลข 3 ในรปู (2.2)

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

• วนัทีส่ราง – เลอืกเปนวันปจจบุัน

• เริม่เผยแพร – เลอืกวนัเริ่มตนทีจ่ะใหผูใชเห็นบทความ

• การเผยแพรเสร็จสิน้ – เลอืกวนัที่สิน้สุดการแสดงบทความ ถาไมตองการกําหนดกไ็มตองระบุ

13. กดปุม “ บันทึก ” ทางดานบน

2.2 แกไขบทความ

1. เปดหนาจอ

2. เลอืกชือ่เร่ืองที่ตองการแกไข

2.3 ลบบทความ

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

2. กดปุม “รไีซเคิล” ทางดานบน

3. การจัดการแกลลอรี่รูปภาพ

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

1. เลอืกเมนู คอมโพเนนท >> JoomGallery >> Category Management จากนัน้จะปรากฏหนาจอ

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

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

• Access – ใหเลอืก Public

• Publish – เลอืก “ใช”

3. กดปุม Save

การเพิ่มรูปภาพ

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

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

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

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

2. กดปุม “Upload”

การจัดการรูปภาพ

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

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

แกไขรูปภาพ

1. คลิก๊เลอืก title ของรปูภาพทีต่องการแกไข

ลบรูปภาพ

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

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

4. การจัดการเมนูเว็บไซต

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

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

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

• บทความ

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

Category – โครงราง Category มาตรฐาน – เมือ่ตองการใหเมนูชีไ้ปที่ หมวดหมูยอย

Section – โครงราง Section มาตรฐาน – เมือ่ตองการใหเมนูชีไ้ปที่ หมวดหมูหลกั

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

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

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

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

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

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

• พารามเิตอร

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

4. กดปุม บันทึก

5. การจัดการหนาแรก

ตวัอยางหนาจอแรกของแตละหนวยงาน ซึ่งแตละหนวยงานสามารถเลือกหมวดหมูของขอมลูมาจัดทาํขึ้น

เว็บไซตในหนาแรกดวยตนเองงายๆดังนี้

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

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

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

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

เพื่อเขาไปแกไขรายละเอียด

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

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

6. เทคนิคการสราง 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 เลือก ไฟล ที่ตองการ แลวกรอกขอมลู ตามคาํแนะนํา

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 ที่ตองการ

7. เทคนิคการนาํเขาไฟลวีดีโอ

ในการนําเขาขอมลู 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 มา แลวบันทึกขอมลู