การใช้งานระบบ umbraco compress pic

โครงการพฒนาระบบเทคโนโลยสารสนเทศ เพอสนบสนนการปฏบตงานตามประเดนยทธศาสตรของกรมสงเสรมคณภาพสงแวดลอม

สารบญ

1. Overview................................................................๔ 2. การเขาใชงานระบบ......................................................๖

๓ . การจดการขอมลสวนตว.................................................๗๔. Content การจดการเนอหาภายในเวบไซต............................๘

๔.๑ Change Password : การเปลยนรหสผาน.....................๘๔.๒ Landing Page : การจดการขอมล หนาเวบไซตกอนเขาหนาแรก...........................................................................๘

๔.๒.๑ Home : การจดการขอมล หนาแรก.........................๑๐

๔.๒.๒ Institution : การจดการเนอหาและเมน “หนวยงานภายใน”...................................................................๑๑

๔.๒.๒. ๑ Policy : “การจดการเนอหาในเมน ภารกจและ”ยทธศาสตรกรมสงเสรมคณภาพสงแวดลอม ๑๑

๔.๒.๒. ๒ Board : “ ”การจดการเนอหาในเมน ผบรหาร ๑๒

๔.๒.๒.๒.๑ Board : แกไขขอมลผบรหาร.....................๑๒

๔.๒.๒.๒.๒ Board : เพมขอมลผบรหาร......................๑๓๔.๒.๒.๓ Division : “การจดการเนอหาในเมน หนวยงาน

”ภายในกรมสงเสรมคณภาพสงแวดลอม ๑๔๔.๒.๒.๓. ๑ Division : แกไขขอมล “หนวยงานภายในกรมสง

”เสรมคณภาพสงแวดลอม .......................................๑๕

1

มหาวทยาลยราชภฏสวนดสต


๔.๒.๒.๓.๑. ๑ Mission : แกไขขอมล ภารกจหนาท“ ”ของ หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม . ๑๖

๔.๒.๒.๓.๑. ๒ derivation : แกไขขอมล ความเปนมา“ ”ของ หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม .๑๗

๔.๒.๒.๓.๑. ๓ contact us : แกไขขอมล ตดตอเรา“ ”ของ หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม . ๑๘

๔.๒.๒.๓.๑. ๔ News : “แกไขขอมล ขาว ของ หนวยงาน”ภายในกรมสงเสรมคณภาพสงแวดลอม ....................๑๙

๔.๒.๒.๓.๑. ๕ personnel : แกไขขอมล บคลากรโครงสราง “ ”ของ หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม .๒๐

๔.๒.๒.๓.๑.๕. ๑ personnel : แกไขขอมล กลมของ “บคลากรโครงสราง ของ หนวยงานภายในกรมสงเสรม”คณภาพสงแวดลอม ........................................๒๑

๔.๒.๒.๓.๑.๕.๑.1 personnel : แกไขขอมล รายชอ “ภายในกลมของบคลากรโครงสราง ของ หนวยงาน

”ภายในกรมสงเสรมคณภาพสงแวดลอม ...............๒๒๔.๒.๒.๓.๑.๕.๑.2 personnel : เพมขอมล รายชอ

“ภายในกลมของบคลากรโครงสราง ของ หนวยงาน”ภายในกรมสงเสรมคณภาพสงแวดลอม ...............๒๓

๔.๒.๒.๓.๑.๕. ๒ personnel : แกไขขอมล ประวตผ “อำานวยการ ของ หนวยงานภายในกรมสงเสรมคณภาพสง

”แวดลอม ......................................................๒๔๔.๒.๒.๓.๑.6 performance : แกไขขอมล ผลการดำาเนน

“งาน ของ หนวยงานภายในกรมสงเสรมคณภาพสง”แวดลอม ........................................................๒๕

2



๔.๒.๒.๓.๑.๖. ๑ performance : แกไขขอมล ป พ.ศ. “ผลการดำาเนนงาน ของ หนวยงานภายในกรมสงเสรม

”คณภาพสงแวดลอม ........................................๒๖

๔.๒.๒.๓.๑.๖.๑.๑ performance : แกไขขอมลเนอหา “ผลการดำาเนนงาน ของ หนวยงานภายในกรมสงเสรม

”คณภาพสงแวดลอม ......................................๒๖

๔.๒.๒.๓.๑.๖.๑.๒ performance : เพมขอมลเนอหา “ผลการดำาเนนงาน ของ หนวยงานภายในกรมสงเสรม

”คณภาพสงแวดลอม .....................................๒๗๔.๒.๒.๓.๑.๖. ๒ performance : เพมขอมล ป พ.ศ. ผล

“การดำาเนนงาน ของ หนวยงานภายในกรมสงเสรมคณภาพ”สงแวดลอม ..................................................๒๗

๔.๒.๒. ๔ Structure : “การจดการเนอหาในเมน โครงสราง”บรหารของกรมสงเสรมคณภาพสงแวดลอม ๒๘

๔.๒.๒. ๕ Board old : “การจดการเนอหาในเมน ทำาเนยบอธบด”กรมสงเสรมคณภาพสงแวดลอม ๒๘

๔.๒.๒.๕.๑ Board old : แกไขขอมล ทำาเนยบอธบดกรมสงเสรมคณภาพสงแวดลอม.........................................๒๙๔.๒.๒.๕.๒ Board old : เพมขอมล ทำาเนยบอธบดกรมสงเสรมคณภาพสงแวดลอม.........................................๒๙

๔.๒.๓ Contact us : การจดการเนอหา “ตดตอหนวยงาน กรมสงเสรมคณภาพสงแวดลอม”.........................................๓๐

๔.๒.๔ การจดการเนอหา “แบนเนอรหนวยงานภายใน หนาแรก”.๓๑

๔.๒.๔. “ ”๑ แกไขขอมล แบนเนอรหนวยงานภายใน หนาแรก๓๑

3



๔.๒.๔. “ ”๒ เพมขอมล แบนเนอรหนวยงานภายใน หนาแรก๓๒

๔.๒.๕ Service Portal : การจดการเบองตนของ “ระบบบรการออนไลน E-Service”.................................................๓๒

๔.๒.๕. ๑ Service Portal : “การจดการเบองตนของ ระบบ บรการออนไลน E-Service” ๓๓

๔.๒.๖ Knowledge : การจดการเนอหาในเมน “คลงความร”. .๓๔

๔.๒.๖. ๑ Knowledge : “ ”แกไขหมวดหมของ คลงความร๓๔

๔.๒.๖.๑. ๑ Knowledge : “ ”แกไขเนอหาของ คลงความร ๓๕

๔.๒.๖.๑. ๒ Knowledge : “ ”เพมเนอหาของ คลงความร . ๓๕

๔.๒.๖. ๒ Knowledge : “ ”เพมหมวดหมของ คลงความร ๓๖๔.๒.๖. ๓ Knowledge : “การจดการเนอหาในเมน คำาถามคำา

”ตอบดานสงแวดลอม ๓๖๔.๒.๖.๓. ๑ Knowledge : “แกไขเนอหา คำาถามคำาตอบดาน

”สงแวดลอม .......................................................๓๗๔.๒.๖.๓. ๒ Knowledge : “เพมเนอหา คำาถามคำาตอบดาน

”สงแวดลอม .......................................................๓๗

๕. Media การจดการ รปภาพภายในเวบไซต...........................๓๘

๖. Settings การจดการกำาหนด Template ของเวบไซต...........๓๙

๗. Developer การจดการพฒนาระบบ umbraco.................๓๙

๘. Users การจดการผใชงาน.............................................๔๐

4



๘.๑ Users : การจดการ รายชอผใชงาน..............................๔๐

๘.๑.๑ Users : แกไข รายชอผใชงาน..................................๔๑

๘.๑.๒ Users : เพม รายชอผใชงาน...................................๔๒

๘.๒ User type : การจดการ กลมผใชงาน..........................๔๒

๘.๒.๑ User type : แกไข การจดกลมผใชงาน...................๔๓

๘.๒.๒ User type : เพม การจดกลมผใชงาน....................๔๓

๘.๓ User permissions : การจดการสทธผใชงาน...............๔๔

๘.๓.๑ User permissions : แกไข สทธผใชงาน................๔๔

5



1. Overview

ความหมายของ Content Management System (CMS)ระบบการจดการเนอหาของเวบไซต (Content Management

System : CMS) คอ ระบบ ทพฒนาคดคนขนมาเพอชวยลดทรพยากรในการพฒนา (Development) และบรหาร (Management) เวบไซต ไมวาจะเปนเรองของกำาลงคน ระยะเวลา และเงนทอง ทใชในการสราง และควบคมดแลเวบไซตโดยสวนใหญแลว มกจะนำาเอาภาษาสครปต (Script languages) ตางๆ มา ใชเพอใหวธการทำางานใหเปนแบบอตโนมต ไมวาจะเปนภาษาทพฒนาจะเปน PHP, Perl, ASP, Python หรอภาษาอนๆ ซงมกตองใชควบคกนกบโปรแกรม Web Server เชน Apache, IIS เปนตน และโปรแกรม Database Server เชน MySQL, MS SQL Server เปนตน

6



ลกษณะเดนของ CMS คอ มสวนของ Administration panel (เมนผควบคมระบบ) ท ใชในการบรหารจดการสวนการทำางานตางๆในเวบไซต ทำาใหสามารถบรหารจดการเนอหาได อยางรวดเรว และเนนทการจดการระบบผานเวบไซต (Web interface) ในลกษณะรปแบบของระบบ เวบทา (Portal Systems) โดยตวอยางของฟงกชนการทำางาน ไดแก การนำาเสนอบทความ (Articles), เวบไดเรคทอร (Web directory), เผยแพรขาวสารตางๆ (News), หวขอขาว (Headline), รายงานสภาพดนฟาอากาศ (Weather), ขอมลขาวสารทนาสนใจ (Informations), ถาม/ตอบปญหา (FAQs), หองสนทนา (Chat), กระดานขาว (Forums), การจดการไฟลในสวนดาวนโหลด (Downloads), แบบสอบถาม (Polls), ขอมลสถตตางๆ (Statistics) และสวนอนๆ อกมากมายทสามารถเพมเตม ดดแปลง

7



แกไข แลวประยกตนำามาใชงานใหเหมาะสมตามแตรปแบบและประเภทของเวบไซตนนๆ

ประเภทของ CMS1. Personal CMS เปนโปรแกรมทพฒนาขนมาใชงานเอง

หรอเพอใหผอนมารวมใช อาจจะใชงานกบเวบไซตของตวเอง หรออาจจะใชงานสำาหรบบรษท หรอองคกรตางๆ โดยพฒนาดวยคนๆเดยว หรอเปนทม อาจมการสรางเปน Framework ขนมาเพอสะดวกแกการพฒนาเพมเตมในอนาคต ซง CMS ประเภทนมกจะมความตองการในการใชงานเฉพาะทาง จงตองการการพฒนาทแตกตางจาก CMS โดยทวๆไป ยกตวอยางเชน CMS ระบบ Del

ivery สนคา ถาเปนเวบไซตทวๆไป ยอมไมมตองการใน Feature น

2. Public CMS เปน CMS ทถกพฒนาเพอใหผใชงานสามารถเอาไปตดตงเองได มทงแบบไมเสยคาใชจาย และแบบเสยคาใชจาย ถาอยากอพเกรดเปน Premium ขอดคอใชงานงาย แตอาจจะตองศกษาเพมเตมบางหากใชงานครงแรก CMS บางตวมการพฒนาตลอดเวลา ทนสมย มระบบใหมๆ ทชวยใหใชงานไดงายขน แตขอเสยคอบางครงดวย Features ทดธรรมดาเกนไป อาจจะหา CMS ทม features พเศษ ตรงกบความตองการของเราจรงๆยากไปบางนนเอง

เวบไซตสำาเรจรปจงมลกษณะพเศษอย 2 อยาง ดงน1. มระบบผดแลอยหลงบาน (ระบบ Admin) เพอเอาไวจดการสวน

ตาง ๆ ของเวบไซต

8



2. ไมตองแกไขขอมลตาง ๆ บนเวบไซตดวยการแกไขไฟลเวบไซต

9



2. การเขาใชงานระบบ

1. เขาใชงานระบบผานทาง url : www.deqp.go.th/umbraco2. กรอกชอผใชงาน และรหสผาน เพอเขาสระบบ

3. เมอเขาสระบบแลว จะพบกบหนาแรกของระบบ Umbraco

10


http://www.deqp.go.th/umbraco


11



๓ . การจดการขอมลสวนตว

เมอคลกทรปโปรไฟลของผใชงาน จะปรากฏชอผใชงาน,การแกไขขอมลสวนตว (Edit Your Profile) และการออกจากระบบ (Logout)

12



๔. Content การจดการเนอหาภายในเวบไซต

ประกอบไปดวยขอมลดงน

๔.๑ Change Password : การเปลยนรหสผานสามารถเปลยนรหสผาน เพอใชในการ Login เขาสระบบได ดงน

4.1.1. กรอกรหสผานใหมในชอง (New Password) 4.1.2. กรอกการยนยนรหสผานใหม (Confirm

Password)

13



๔.๒ Landing Page : การจดการขอมล หนาเวบไซตกอนเขาหนาแรก

ก. Title : กำาหนดชอหวขอบน Title Barข. Keywords : กำาหนดคยเวรดของเวบไซตค. Description : กำาหนดคำาอธบายของเวบไซตง. Image : กำาหนดรปภาพในหนาแรกของเวบไซต โดยรปภาพ

ตองมขนาด 1366x650จ. Infobanner : กำาหนดรปภาพในหนาหลกของเวบไซต โดย

รปภาพตองมขนาด 200x238ฉ. Infobanner url : กำาหนดลงคสำาหรบเชอมโยงภาพกบเนอหา

เมอผใชคลกทจดกลม 3 จดขางหลงแตละเมน จะปรากฎหนาตางใหสรางเมนยอย ภายใต Root Menu นนๆ

14



เมอผใชคลกทสามเหลยม ขางหนาแตละเมน จะปรากฎเมนยอย ภายใต Root Menu นนๆ

15



๔.๒.๑ Home : การจดการขอมล หนาแรกก. Title : กำาหนดขอความบน Title Bar ของเวบไซตข. Keywords : กำาหนดคยเวรดของเวบไซตค. Description : กำาหนดคำาอธบายของเวบไซตง. Site Name : กำาหนดชอของเวบไซตบน Title Bar โดยแสดง

ผลตอจากขอความทกรอกในชอง Titleจ. Banner Number : จำานวนสไลดภาพขาวทตองการใหแสดง

ผลในหนาหลกของเวบไซต

16



๔.๒.๒ Institution : การจดการเนอหาและเมน “หนวยงานภายใน”เปนสวนทจดการเนอหาและเมน “หนวยงานภายใน”

ก. Title : กำาหนดชอหวเรองของหนาเวบไซตข. Title name :ค. Content : กำาหนดเนอหาหนวยงานภายใน

17



๔.๒.๒.๑ Policy : การจดการเนอหาในเมน ภารกจและ“ยทธศาสตรกรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอหวเรองของหนาเวบไซตข. Title Name : ค. Content : กำาหนดเนอหาหนวยงานภายใน

๔.๒.๒.๒ Board : การจดการเนอหาในเมน ผบรหาร“ ”ก. Title : กำาหนดชอหวเรองของหนาเวบไซต

18



๔.๒.๒.๒.๑ Board : แกไขขอมลผบรหารก. Title : กำาหนดชอเมนนำาทางข. Title name : กำาหนดชอหวเรองของหนาเวบไซตค. Name : กำาหนดชอผบรหารง. Status : กำาหนดตำาแหนงของผบรหารจ. property Order ID : กำาหนดการเรยงลำาดบฉ. is Board Web? : กำาหนดการแสดงผลบนหนาเวบไซตช. image : กำาหนดรปภาพของผบรหาร โดยรปภาพตองมขนาด

1๕๐x๑๙๐ซ. tel : กำาหนดเบอรโทรศพทของผบรหารฌ. history : กำาหนดประวตของผบรหาร

๔.๒.๒.๒.๒ Board : เพมขอมลผบรหารก. คลกทจดสามอนดานหลงเมน Board

19



ข. คลกท BoardDetailค. กรอกขอมลของผบรหาร ตามขอ ๔.๒.๒.๒.๑ง. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

๔.๒.๒.๓ Division : การจดการเนอหาในเมน หนวยงานภายใน“กรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอหวเรองของหนาเวบไซต

20



เมอผใชคลกทสามเหลยม ขางหนาเมน Division จะปรากฎเมนยอย หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอมทงหมด

21



๔.๒.๒.๓.๑ Division : แกไขขอมล หนวยงานภายในกรมสง“เสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอหวเรองของหนาเวบไซตข. Division name : กำาหนดชอหนวยงานภายในค. Division Icon : กำาหนดรปภาพไอคอน ของหนวยงานภายใน

โดยรปภาพตองมขนาด ๘๐x๘๐ง. property Order ID : กำาหนดการเรยงลำาดบจ. Division ID : กำาหนดใหใสเลขเดยวกนกบรหสหนวยงานในฐาน

ขอมลฉ. is Division Web? : กำาหนดการแสดงผลบนหนาเวบไซตช. เมอแกไขขอมลเรยบรอยแลว คลก Save and publishซ. เมอผใชคลกทสามเหลยม ขางหนาเมน หนวยงานภายใน จะ

ปรากฏเมนยอย

22



๔.๒.๒.๓.๑.๑ Mission : แกไขขอมล ภารกจหนาท ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอเมนนำาทางข. Title name : กำาหนดชอหวเรองของหนาเวบไซตค. Content : กำาหนดเนอหาภารกจหนาทง. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

23



๔.๒.๒.๓.๑.๒ derivation : แกไขขอมล ความเปนมา ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอเมนนำาทางข. Title name : กำาหนดชอหวเรองของหนาเวบไซตค. Content : กำาหนดเนอหาความเปนมาง. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

24



๔.๒.๒.๓.๑.๓ contact us : แกไขขอมล ตดตอเรา ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอเมนนำาทางข. Title name : กำาหนดชอหวเรองของหนาเวบไซตค. Icon : กำาหนดรปภาพไอคอนสำาหรบหนวยงานภายใน โดย

รปภาพตองมขนาด ๘๐x๘๐ง. Bodytext : กำาหนดเนอหา ทอยตดตอเราจ. Mapimage : กำาหนดรปภาพแผนทแบบวาด โดยรปภาพขนาด

ความกวางไมเกน 800pxฉ. map latitude : กำาหนด ละตจด ของแผนทของ google

mapช. map longitude : กำาหนด ลองตจด ของแผนทของ google

mapซ. map icon : กำาหนดรปภาพไอคอนสำาหรบหนวยงานภายใน โดย

รปภาพตองมขนาด ๔๐x๔๐ฌ. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

25



26



๔.๒.๒.๓.๑.๔ News : แกไขขอมล ขาว ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. Is Hide? : กำาหนดการซอนบนหนาเวบไซตข. Is Menu? : กำาหนดการแสดงผลบนหนาเวบไซตค. For Admin Only? : กำาหนดการแสดงผลบนหนาเวบไซต

สำาหรบแอดมนระบบเทานนง. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

27



๔.๒.๒.๓.๑.๕ personnel : แกไขขอมล บคลากรโครงสราง ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอเมนนำาทางข. Title name : กำาหนดชอหวเรองของหนาเวบไซตค. เมอแกไขขอมลเรยบรอยแลว คลก Save and publishง. เมอผใชคลกทสามเหลยม ขางหนาเมน personnel จะปรากฏ

เมนยอย

28



๔.๒.๒.๓.๑.๕.๑ personnel : แกไขขอมล กลมของบคลากรโครงสราง ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอเมนนำาทางข. Title name : กำาหนดชอหวเรองของหนาเวบไซตค. Personnel icon : กำาหนดรปภาพไอคอนสำาหรบกลมของ

บคลากรโครงสราง โดยรปภาพตองมขนาด ๕๓x๕๓ง. Name : กำาหนดชอหวหนากลมของบคลากรโครงสรางจ. Status : กำาหนดตำาแหนงหวหนากลมของบคลากรโครงสรางฉ. Image : กำาหนดรปภาพหวหนากลมของบคลากรโครงสราง

โดยรปภาพตองมขนาด 150x190ช. Tel : กำาหนดเบอรโทรหวหนากลมของบคลากรโครงสรางซ. เมอแกไขขอมลเรยบรอยแลว คลก Save and publishฌ. เมอผใชคลกทสามเหลยม ขางหนาเมน จะปรากฏเมนยอย

29



๔.๒.๒.๓.๑.๕.๑.1 personnel : แกไขขอมล รายชอภายในกลมของบคลากรโครงสราง ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. Name : กำาหนดชอสมาชกภายในกลมของบคลากรโครงสรางข. position : กำาหนดตำาแหนงสมาชกภายในกลมของบคลากร

โครงสรางค. tel : กำาหนดเบอรโทรสมาชกภายในกลมของบคลากรโครงสรางง. email : กำาหนดอเมลสมาชกภายในกลมของบคลากรโครงสรางจ. เมอแกไขขอมลเรยบรอยแลว คลก Save and publishฉ. เมอผใชคลกทสามเหลยม ขางหนาเมน จะปรากฏเมนยอย

30



๔.๒.๒.๓.๑.๕.๑.2 personnel : เพมขอมล รายชอภายในกลมของบคลากรโครงสราง ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. คลกทจดสามอนดานหลงเมน ชอกลมข. คลกท DivisionPersonnel Item Detailค. กรอกขอมลของผบรหาร ตามขอ ๔.๒.๒.๓.๑.๕.๑.2ง. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

31



๔.๒.๒.๓.๑.๕.๒ personnel : แกไขขอมล ประวตผอำานวยการ ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอเมนนำาทางข. Title name : กำาหนดชอหวเรองของหนาเวบไซตค. Name : กำาหนดชอผอำานวยการของหนวยงานภายในง. Status : กำาหนดตำาแหนงผอำานวยการของหนวยงานภายในจ. Image : กำาหนดรปภาพผอำานวยการของหนวยงานภายใน โดย

รปภาพตองมขนาด 150x190ฉ. Tel : กำาหนดเบอรโทรผอำานวยการของหนวยงานภายในช. History : กำาหนดประวตผอำานวยการของหนวยงานภายในซ. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

32



๔.๒.๒.๓.๑.6 performance : แกไขขอมล ผลการดำาเนนงาน ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอเมนนำาทางข. Title name : กำาหนดชอหวเรองของหนาเวบไซตค. เมอแกไขขอมลเรยบรอยแลว คลก Save and publishง. เมอผใชคลกทสามเหลยม ขางหนาเมน performance จะ

ปรากฏเมนยอย

33



๔.๒.๒.๓.๑.๖.๑ performance : แกไขขอมล ป พ.ศ. ผลการดำาเนนงาน ของ หนวยงานภายในกรมสงเสรมคณภาพสง“แวดลอม”

ก. Year : กำาหนด ป พ.ศ. ของผลการดำาเนนงานข. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

๔.๒.๒.๓.๑.๖.๑.๑ performance : แกไขขอมลเนอหา ผลการดำาเนนงาน ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. Title performance : กำาหนดชอของผลการดำาเนนงานข. P df : กำาหนดเนอหาของผลดำาเนนงาน โดยแสดงผลเปน PDFค. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

34



๔.๒.๒.๓.๑.๖.๑.๒ performance : เพมขอมลเนอหา ผลการดำาเนนงาน ของ“หนวยงานภายในกรมสงเสรมคณภาพสงแวดลอม”

ก. คลกทจดสามอนดานหลงเมน ป พ.ศ.ข. คลกท DivisionPerformance Itemค. กรอกขอมลป พ.ศ. ตามขอ ๔.๒.๒.๓.๑.๖.๑.๑ง. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

35



๔.๒.๒.๓.๑.๖.๒ performance : เพมขอมล ป พ.ศ. ผลการดำาเนนงาน ของ หนวยงานภายในกรมสงเสรมคณภาพสง“แวดลอม”

จ. คลกทจดสามอนดานหลงเมน performanceฉ. คลกท DivisionPerformance Yearช. กรอกขอมลป พ.ศ. ตามขอ ๔.๒.๒.๓.๑.๖.๑ซ. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

๔.๒.๒.๔ Structure : การจดการเนอหาในเมน “โครงสรางบรหารของกรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอหวเรองของหนาเวบไซตข. Title Name : ค. Content : กำาหนดเนอหาหนวยงานภายใน

36



๔.๒.๒.๕ Board old : การจดการเนอหาในเมน “ทำาเนยบอธบดกรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอหวเรองของหนาเวบไซต

๔.๒.๒.๕.๑ Board old : แกไขขอมล ทำาเนยบอธบดกรมสงเสรมคณภาพสงแวดลอม

ก. Title : กำาหนดชอเมนนำาทาง

37



ข. Title name : กำาหนดชอหวเรองของหนาเวบไซตค. Name : กำาหนดชอผบรหารง. Status : กำาหนดตำาแหนงของผบรหารจ. property Order ID : กำาหนดการเรยงลำาดบ

๔.๒.๒.๕.๒ Board old : เพมขอมล ทำาเนยบอธบดกรมสงเสรมคณภาพสงแวดลอม

ก. คลกทจดสามอนดานหลงเมน Board oldข. คลกท BoardDetailค. กรอกขอมลของผบรหาร ตามขอ ๔.๒.๒.๕.๑ง. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

38



๔.๒.๓ Contact us : การจดการเนอหา “ตดตอหนวยงาน กรมสงเสรมคณภาพสงแวดลอม”

ก. Title : กำาหนดชอเมนนำาทางข. Title name : กำาหนดชอหวเรองของหนาเวบไซตค. Icon : กำาหนดรปภาพไอคอนสำาหรบหนวยงานภายใน โดย

รปภาพตองมขนาด ๘๐x๘๐ง. Bodytext : กำาหนดเนอหา ทอยตดตอเราจ. Mapimage : กำาหนดรปภาพแผนทแบบวาด โดยรปภาพขนาด

ความกวางไมเกน 800pxฉ. map latitude : กำาหนด ละตจด ของแผนทของ google

mapช. map longitude : กำาหนด ลองตจด ของแผนทของ google

mapซ. map icon : กำาหนดรปภาพไอคอนสำาหรบหนวยงานภายใน โดย

รปภาพตองมขนาด ๔๐x๔๐ฌ. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

39



40



๔.๒.๔ การจดการเนอหา “แบนเนอรหนวยงานภายใน หนาแรก”ก. เมอผใชคลกทสามเหลยม ขางหนาเมนจะปรากฏเมนยอย

๔.๒.๔.๑ แกไขขอมล “แบนเนอรหนวยงานภายใน หนาแรก”ข. Show : กำาหนดการแสดงผลบนหนาเวบไซตค. Image : กำาหนดรปภาพไอคอนสำาหรบหนวยงานภายใน โดย

รปภาพตองมขนาด 120x32ง. Url : กำาหนดลงคสำาหรบเชอมโยงภาพกบเนอหาจ. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

41



๔.๒.๔.๒ เพมขอมล “แบนเนอรหนวยงานภายใน หนาแรก”ก. คลกทจดสามอนดานหลงเมน แบนเนอรหนวยงานภายใน หนา

แรกข. คลกท BottomBanner Itemค. กรอกขอมลของผบรหาร ตามขอ ๔.๒.๔.๑ง. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

42



๔.๒.๕ Service Portal : การจดการเบองตนของ “ระบบบรการออนไลน E-Service”

ก. เมอผใชคลกทสามเหลยม ขางหนาเมนจะปรากฏเมนยอย

๔.๒.๕.๑ Service Portal : การจดการเบองตนของ “ ระบบบรการออนไลนE-Service”

ก. Title : กำาหนดชอระบบข. is Hide? : กำาหนดการซอนระบบ บนหนาเวบไซตค. is Under Construction? : กำาหนดการแสดงหนากำาลง

ปรบปรงระบบ บนหนาเวบไซตง. Division ID : กำาหนดคา ID ของระบบ โดยตองคาใหตรงกบ

ฐานขอมลจ. Icon : กำาหนดรปภาพไอคอนสำาหรบระบบ โดยรปภาพตองม

ขนาด ๘๐x๘๐ฉ. Icon2 : กำาหนดรปภาพไอคอนสำาหรบระบบ ใสเงา ขนาดใหญขน

โดยรปภาพตองมขนาด ๘๐x๘๐

43



ช. Sequence ID : กำาหนดลำาดบการแสดงผลซ. External URL : กำาหนดลงคสำาหรบเชอมโยงระบบกบเวบไซต

ภายนอกฌ. Menu Line Break 1 : กำาหนดลำาดบทจะใหเวนบรรทด

1 ถายงไมทราบใหใส -1ญ. Menu Line Break 2 : กำาหนดลำาดบทจะใหเวนบรรทด

๒ ถายงไมทราบใหใส -1ฎ. Banner : กำาหนดรปภาพทแสดงผลหนาแรกของระบบ โดย

รปภาพตองมขนาด ๘๓๐x๒๕๐ฏ. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

44



๔.๒.๖ Knowledge : การจดการเนอหาในเมน “คลงความร”ก. เมอผใชคลกทสามเหลยม ขางหนาเมนจะปรากฏเมนยอย

๔.๒.๖.๑ Knowledge : แกไขหมวดหมของ “คลงความร”ก. title : กำาหนดชอเมนนำาทางข. title name : กำาหนดชอหวขอเวบไซตค. knowledge icon : กำาหนดรปภาพไอคอนของหมวดหม โดย

รปภาพตองมขนาด ๕๓x๕๓ง. image : กำาหนดรปภาพทแสดงผลหนาแรกของหมวดหม โดย

รปภาพตองมขนาด ๘๘๐x๙๐จ. property Order ID : กำาหนดรปภาพทแสดงผลหนาแรกของ

ระบบ โดยรปภาพตองมขนาด ๘๓๐x๒๕๐ฉ. is Knowledge Web? : กำาหนดการแสดงผลบนหนาเวบไซตช. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

45



๔.๒.๖.๑.๑ Knowledge : แกไขเนอหาของ “คลงความร”ก. title Knowledge : กำาหนดชอเนอหาของคลงความรข. content : กำาหนดเนอหาของคลงความรค. Image Knowledge : กำาหนดรปภาพประกอบคลงความร

โดยรปภาพตองมขนาด ๕๓x๕๓ง. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

46



๔.๒.๖.๑.๒ Knowledge : เพมเนอหาของ “คลงความร”ก. คลกทจดสามอนดานหลงเมน หมวดหมข. คลกท Knowledge Item Detailค. กรอกขอมลของเนอหา ตามขอ ๔.๒.๖.๑.๑ง. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

๔.๒.๖.๒ Knowledge : เพมหมวดหมของ “คลงความร”ก. คลกทจดสามอนดานหลงเมน Knowledgeข. คลกท Knowledge Itemค. กรอกขอมลของหมวดหม ตามขอ ๔.๒.๖.๑ง. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

47



๔.๒.๖.๓ Knowledge : การจดการเนอหาในเมน “คำาถามคำาตอบดานสงแวดลอม”

ก. เมอผใชคลกทสามเหลยม ขางหนาเมนจะปรากฏเมนยอย

48



๔.๒.๖.๓.๑ Knowledge : แกไขเนอหา “คำาถามคำาตอบดานสงแวดลอม”

ก. title qa : กำาหนดชอเนอหาของคำาถามคำาตอบดานสงแวดลอมข. content : กำาหนดเนอหาของคำาถามคำาตอบดานสงแวดลอมค. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

๔.๒.๖.๓.๒ Knowledge : เพมเนอหา “คำาถามคำาตอบดานสงแวดลอม”

ก. คลกทจดสามอนดานหลงเมน คำาถามคำาตอบดานสงแวดลอมข. คลกท QA Item Detailค. กรอกขอมลของคำาถามคำาตอบดานสงแวดลอม ตามขอ

๔.๒.๖.๓.๑ง. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

49



๕. Media การจดการ รปภาพภายในเวบไซต

50



๖. Settings การจดการกำาหนด Template ของเวบไซต

51



๗. Developer การจดการพฒนาระบบ umbraco

52



๘. Users การจดการผใชงาน

๘. ๑ Users : การจดการ รายชอผใชงานก. เมอผใชคลกทสามเหลยม ขางหนาเมนจะปรากฏเมนยอย

53



54



๘.๑. ๑ Users : แกไข รายชอผใชงานก. Username : กำาหนดชอผใชงานข. Login : กำาหนดชอผใชระบบค. Password : กำาหนดรหสผานผใชระบบง. Email : กำาหนดอเมลผใชงานจ. User type : กำาหนดกลมของชอผใชงานฉ. Language : กำาหนดภาษาของชอผใชงานช. Sections : กำาหนดเมนระบบทจะใหแสดงซ. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

55



๘.๑. ๒ Users : เพม รายชอผใชงานก. คลกทจดสามอนดานหลงเมน Userข. คลกท Createค. กรอกขอมลของผใชงาน ตามขอ ๘.๑.๑ง. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

๘. ๒ User type : การจดการ กลมผใชงานก. เมอผใชคลกทสามเหลยม ขางหนาเมนจะปรากฏเมนยอย

56



57



๘.๒.๑ User type : แกไข การจดกลมผใชงานก. User type Name : กำาหนดกลมของชอผใชงานข. Default Permissions : กำาหนดสทธของกลมผใชงานค. เมอแกไขขอมลเรยบรอยแลว คลก Save and publish

๘.๒.๒ User type : เพม การจดกลมผใชงานก. คลกทจดสามอนดานหลงเมน User Typeข. คลกท Createค. กรอกขอมลของผใชงาน ตามขอ ๘.๒.๑ง. เมอเพมขอมลเรยบรอยแลว คลก Save and publish

58



๘. ๓ User permissions : การจดการสทธผใชงานก. เมอผใชคลกทสามเหลยม ขางหนาเมนจะปรากฏเมนยอย

59



๘.๓.๑ User permissions : แกไข สทธผใชงาน

60


Documents

การใช้งานระบบ umbraco compress pic