คู่มือการปฏิบัติงานrio13.rid.go.th/general/images/PDF/website.pdf ·...

คมอการปฏบตงาน (Work Manual)

คมอการจดท าเวบไซต ส านกงานชลประทานท 13

ฝายบรหารทวไป ส านกงานชลประทานท 13 กรมชลประทาน สงหาคม 2560

คมอการปฏบตงาน (Work Manual)

คมอการจดท าเวบไซต ส านกงานชลประทานท 13

รหสคมอ......................... หนวยงานทจดท า คณะท างานจดท าคมอการปฏบตงานดานการจดท าเวบไซต ส านกงานชลประทานท 13 ทปรกษา ผอ านวยการส านกงานชลประทานท 13 รองผอ านวยการส านกงานชลประทานท 13 พมพครงท………………….. จ านวน..........เลม………… เดอน.............พ.ศ. 2560

ค ำน ำ

เวบไซต (Website) จดท าขนเพอจดประสงคในการน าเสนอขอมลขาวสาร ภาพลกษณขององคกรผานระบบคอมพวเตอร ทเชอมโยงผานเครอขายอนเตอรเนต ส านกงานชลประทานท13 จงไดจดท าเวบไซตเพอจดประสงคดงกลาว ซงในการจดท าทผานมายงไมมมาตรฐานก าหนดไวชดเจนไดจดท าเวบไซตขน ตอมาศนยเทคโนโลยสารสนเทศและการสอสาร กรมชลประทาน ไดก าหนดมาตรฐาน คณภาพเวบไซตของหนวยงานในสงกดตามค ารบรองการปฏบตราชการ ตวชวดคณภาพเวบไซตของส านก/กอง ตามเกณฑทศนยเทคโนโลยสารสนเทศและการสอสารเพอใหการด าเนนการจดท าเวบไซต ของหนวยงานในสงกดไดมาตรฐานมความเหมาะสมอกทงมขอมลทถกตองเปนปจจบน มความนาเชอถอเปนแหลงขอมลและเปนชองทางในการประชาสมพนธอกชองทางหนง คมอฉบบนจดท าขนเพอเปนแนวทางในการปฏบตงาน ไวส าหรบผรบผดชอบในการจดท าเวบไซต ทงนผจดท าเวบไซตนนควรศกษาโปรแกรมตางๆ ส าหรบบรหารจดการเวบไซต เชน การจดการเนอหาเวบไซต Content Management System (CMS) ภาษาทใชส าหรบเวบไซต (HTML, CSSฯลฯ) โปรแกรมกราฟกส าหรบเวบไซต (Adobe Photoshop ,Coreldraw, Gimp, Firework, ฯลฯ) โปรแกรมการถายโอนขอมล (CuteFTP, SSH, SmartFTP, ฯลฯ) หรอสบคนองคความรในการใชงานโปรแกรมตางๆ ผานอนเตอรเนตได

ดงนนคมอฉบบนจะขอกลาวเพยงขนตอนในการด าเนนการเทานนและหวงเปนอยางยงวาคมอฉบบน จะเปนประโยชนตอผทจะจดท าเวบไซต เพอใหเวบไซตของหนวยงานมประสทธภาพ ประสทธผล ไดมาตรฐานคณภาพเวบไซตตามทกรมชลประทานไดก าหนดไว

คณะท างานจดท าคมอการปฏบตงาน (Work Manual) ดานบรหารทวไป ชดท 2

ส านกงานชลประทานท 13 กรมชลประทาน

สงหาคม 2560

สำรบญ หนา ค าน า วตถประสงค 1 ขอบเขต 1 ค าจ ากดความ 2 หนาทความรบผดชอบ 4 Work Flow 7 ขนตอนการปฏบตงาน 11 ระบบตดตามประเมนผล 18 เอกสารอางอง 22 แบบฟอรมทใช 22 1) แบบสอบถามความพงพอใจเวบไซตส านกงานชลประทานท 13 ระบบออนไลน 2) แบบประเมนคณภาพเวบไซตของส านก/กอง ตามเกณฑทศนยเทคโนโลยสารสนเทศและการสอสารก าหนด

1

คมอการปฏบตงาน (Work Manual) การจดท าเวบไซต

1. วตถประสงค 1.1 เพอใหสวนราชการมการจดคมอการปฏบตงานทชดเจนอยางเปนลายลกษณอกษรทแสดงถงรายละเอยด

ขนตอนการปฏบตงานของกจกรรม/กระบวนการตางๆ ของหนวยงาน และสรางมาตรฐานการปฏบตงานทมงไปส การบรหารคณภาพท วท งองคกรอย างมประสทธภาพเกดผลงานท ไดมาตรฐานเปนไปตามเป าหมาย ไดผลตผลหรอการบรการทมคณภาพ และบรรลขอก าหนดทส าคญของกระบวนการ

1.2 เพอเปนหลกฐานแสดงวธการท างานทสามารถถายทอดใหกบผเขามาปฏบตงานใหม พฒนาใหการท างานเปนมออาชพและใชประกอบการประเมนผลการปฏบตงานของบคลากร รวมทงแสดงหรอเผยแพรใหกบบคคลภายนอก หรอผใชบรการ ใหสามารถเขาใจและใชประโยชนจากกระบวนการทมอยเพอขอการรบบรการทตรงกบความตองการ

1.3 เพอใหส านกงานชลประทานท 13 ไดมคมอในการท าเวบไซตของหนวยงานใหมมาตรฐานคณภาพเวบไซตของส านกถกตองตามเกณฑทศนยเทคโนโลยสารสนเทศและการสอสารก าหนด

1.4 เพอเปนแนวทางในการปฏบตงานดานการท าเวบไซตใหกบบคลากรภายในหนวยงาน สามารถน าคมอมาใชในการปฏบตงานไดทนท ชวยประหยดเวลาและทรพยากรใหกบหนวยงาน

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

2.1 ก าหนดเปาหมายและวางแผนงาน 2.2 เตรยมความพรอมของเครองมอและบคลากร 2.3 การจดเตรยม Web hosting และ Domain name 2.4 ออกแบบเวบไซตและระบบตางๆ 2.5 จดท าเวบไซตและอพโหลดเขาเซรฟเวอร 2.6 ทดสอบและแกไข 2.7 ประชาสมพนธเวบไซต 2.8 อพเดทขอมลขาวสาร 2.9 สรปผลการด าเนนงาน

2

3. ค าจ ากดความ 3.1 เวบไซต (Website) หมายถงหนาเวบเพจหลายหนาซงเชอมโยงกนผานทางไฮเปอรลงก สวนใหญจดท า

ขนเพอน าเสนอขอมลผานคอมพวเตอร โดยถกจดเกบไวในเวลดไวดเวบ หนาแรกของเวบไซตทเกบไวทชอหลกจะเรยกวา โฮมเพจ เวบไซตโดยทวไปจะใหบรการตอผใชฟร แตในขณะเดยวกนบางเวบไซตจ าเปนตองมการสมครสมาชกและเสยคาบรการเพอทจะดขอมล ในเวบไซตนน ซงไดแกขอมลทางวชาการ ขอมลตลาดหลกทรพย หรอขอมลสอตางๆ ผท าเวบไซตมหลากหลายระดบ ตงแตสรางเวบไซตสวนตว จนถงระดบเวบไซตส าหรบธรกจหรอองคกรตางๆ การเรยกดเวบไซตโดยทวไปนยมเรยกดผานซอฟตแวรในลกษณะของ เวบเบราวเซอร 3.2 โฮมเพจ (HomePage) หมายถงเวบเพจหนาแรกซงเปนทางเขาหลกของเวบไซตปกตเวบเพจทกๆ หนาในเวบไซทจะถกลงค (โดยตรงหรอโดยออมกตาม) มาจากโฮมเพจ ดงนนบางครงจงมผใชค าวาโฮมเพจโดยหมายถงเวบไซททงหมด แตความจรงแลวโฮมเพจหมายถงหนาแรกเทานน ถาเปรยบกบรานคา โฮมเพจกเปนเสมอนหนารานนนเอง ดงนนจงมกถกออกแบบใหโดดเดนและนาสนใจมากทสด 3.3 เวบเพจ (Web Page) หมายถงหนาเอกสารของบรการ WWW ซงตามปกตจะถกเกบอยในรปแบบไฟล HTML (Hyper Text Markup Language) โดยไฟล HTML 1 ไฟลกคอเวบเพจ 1 หนา ภายในเวบเพจอาจประกอบไปดวย ขอความ ภาพ เสยง วดโอ และภาพเคลอนไหวแบบมลตมเดย นอกจากนเวบเพจแตละหนาจะมการเชอมโยงหรอ “ลงค” (Link) กน เพอใหผชมเรยกดเอกสารหนาอนๆ ทเกยวของไดสะดวกอกดวย 3.4 โดเมนเนม (Domain Name) หมายถงชอทใชระบลงในคอมพวเตอร เพอไปคนหาในระบบ โดเมนเนมซสเทม (Domain Name System) เพอระบถง ไอพแอดเดรสของชอนนๆ เปนชอทผจดทะเบยนระบใหกบผใชเพอเขามายงเวบไซตของตน บางครง เราอาจจะใช "ทอยเวบไซต" หรอ "Web Address" แทน โดเมนเนม ชอโดเมนเนมเปนชอทตงขนเพอใหงายตอการจดจ า เนองจากไอพแอดเดรสนนจดจ าไดยาก และเมอเจาของเวบไซตมการเปลยนแปลงไอพแอดเดรส ผใชไมจ าเปนตองรบรหรอจดจ าไอพแอดเดรสใหม ยงคงใชโดเมนเนมเดมไดตอไป เงอนไขการตงชอโดเมนเนม อกขระทจะใชในการตงชอโดเมนเนม ไดแก ตวอกษรภาษาองกฤษ ตวเลข และ "-" (ยตภงค) คนดวย "." (มหพภาค) มความยาวตงแต 1 ถง 63 ตวอกษร ตวอกษรตวใหญ A-Z หรอตวอกษรตวเลก ถอวาเหมอนกน 3.5 เวบโฮสตง (Web Hosting) คอรปแบบการใหบรการส าหรบผใชอนเทอรเนตอยางหนง ซงผใชงานนนมความตองทจะฝากเวบไซตของตนเองไวกบผใหบรการเซฟเวอร (HSP: Hosting Service Provider) เพอใหเวบไซตของตนเองนน ออนไลนอยบนโลกอนเทอรเนตตลอด 24 ชม. โดยททางผใหบรการจะจดเกบขอมลเวบไซต ฐานขอมล อเมล ฯลฯ ไวในเครองเซฟเวอร หรอทเรยกกนวาเวบเซฟเวอร (Web Server) ซงเวบเซฟเวอรจะท าหนาทเปนส อกลา งท จ ะแสดงผลหน า เ ว บ ไซต ให ก บผ ท อ ง อน เทอร เ น ตท ว ไป ได เ ช า ชมผ าน โด เมน เนม ( เ ช น www.pathosting.co.th) ไดตลอดเวลา 3.6 เอชทเอมแอล (HTML ยอมาจาก HyperText Markup Language) คอภาษาคอมพวเตอรทใชในการแสดงผลของเอกสารบน website หรอทเราเรยกกนวาเวบเพจ ถกพฒนาและก าหนดมาตรฐานโดยองคกร World Wide Web Consortium (W3C) และจากการพฒนาทางดาน Software ของ Microsoft ท าใหภาษา HTML เปนอกภาษาหนงทใชเขยนโปรแกรมได หรอทเรยกวา HTML Application HTML เปนภาษาประเภท Markup ส าหรบ

3

การการสรางเวบเพจ โดยใชภาษา HTMLสามารถท าโดยใชโปรแกรมTextEditor ตางๆ เชน Notepad, Editplus หรอจะอาศยโปรแกรมทเปนเครองมอชวยสรางเวบเพจ เชน Microsoft FrontPage, Dream Weaver อ านวยความสะดวกในการสรางหนา HTML สวนการเรยกใชงานหรอทดสอบการท างานของเอกสาร HTML จะใชโปรแกรม web browser เชน IE Microsoft Internet Explorer (IE), Mozilla Firefox, Safari, Opera, และ Netscape Navigator เปนตน

3.7 จมลา (Joomla) คอระบบทชวยในการจดการเนอหา (Content Management System: CMS) บนเวบไซต เพอชวยในการอ านวยความสะดวก ลดขนตอน และความยงยากในการบรหารจดการเวบไซต โดยทผใชไมจ าเปนตองมความรในดานการเขยนโปรแกรม หรอออกแบบเวบไซต กสามารถจดท าเวบไซตดวยตวเองได

3.8 เทมเพลท (Template) คอหนาตาของเวบไซต สสนการจดวางแบบต าแหนงบนเวบไซต ซงในสวนน จะประกอบไปดวย สวนของเนอหา โมดลตางๆ โมดล (module) คอ สวนเสรมทแสดงผลอยบนหนาของเวบไซต ตามต าแหนงตางๆ บนเทมเพลท เนอหา (Content) คอ เนอหาตางๆ ทผใชตองการท าขนแสดงบน เวบ เชน รายละเอยดตางๆ โปรไฟลบรษท รปภาพ ซงถอไดวาสวนของเนอหาจดเปน module แบบพเศษ กวาไดคอมโพเนน (Components) คอ โปรแกรมเสรมความสามารถใหกบ Joomla

3.9 โมดล (Module) หรอ สวนจ าเพาะ เปนสวนประกอบของระบบทใชในการเชอมตอกบระบบอน โดยตวโมดลเองจะมการออกแบบและควบคมดดแปลภายในตว module (โมดล) ใน joomla(จมลา) คอโปรแกรมขนาดเลก ซงสวนใหญจะสามารถท างานดวยตวเองและสามารถแสดงผลในต าแหนงตางๆของเวบไซต ตามพจนานกรม module(โมดล) หมายถง เกณฑส าหรบวด ,หนวยทน ามาประกอบเปนสงหนงสงใดขน

3.10 คอมโพเนนต (Components) คอ สวนประกอบส าเรจรปทถกออกแบบมาใหชวยท างานพเศษเพมเตมซง joomla มคอมโพเนนตตางๆไดแก ปายโฆษณา การตดตอ News Feeds การคนหาและแทก นอกจากนนเราสามารถดาวนโหลดคอมโพเนนตเพมเตมมาใชงานไดตามตองการ

3.11 ปลกอน (Plugin) คอ ฟงกชนทใชท างานรวมกบสวนตางๆใน Joomla ซงแบงไดประเภทตางๆ ดงน 3.11.1 Authenticator การตรวจสอบการลอกอนเขาใชงาน 3.11.2 Captcha การปองกนการเผยแพรขอมลขยะเขามาในเวบของเรา 3.11.3 Content การจดการเนอหา เชนการแทรกภาพในเนอหา และการแบงเนอหา เปนตน 3.11.4 Editors การตกแตงและสรางเนอหา เหมอนกบเทกซเอดเตอร (Text Editor) ทวๆไป 3.11.5 Editors-xtd การเตมความสามารถในการตกแตงและสรางเนอหา ไดแก การจดการ

ปม ภาพ และการแบงหนาเนอหา เปนตน 3.11.6 Extension การจดการโปรแกรมเสรม ไดแก โมดล คอมโพเนนต ปลกอน และภาษา

ทตดตงเพมเตมในเวบไซต 3.11.7 Finder การจดการระบบคนหาขอมลแบบอจฉรยะ (Smart Search) 3.11.8 Quick icon การจดการไอคอนทแสดงและอพเดต Joomla รวมทงโปรแกรมเสรม 3.11.9 Search การคนหาขอมล

4

3.11.10 System การบรหารและจดการระบบภายในของ Joomla ไดแก การตรวจจบและ เปลยนการแสดงเวบทเนอหาผดพลาด เปนตน

3.11.11 Two Factor Authentication ระบบรกษาความปลอดภยโดยการใชรหสผาน 2 ชน 3.11.12 User การจดการบญชรายชอของสมาชก

3.12 Registered คอผลงทะเบยนกลมนอนญาตใหผใชเขาสระบบไปยงสวนหนาอนเตอรเฟสผใชทลงทะเบยนไมสามารถมรวมกบเนอหาแตพวกเขาอาจจะเขาสวนจดการอนๆ ได เชน เวบบอรดหรอสวนดาวนโหลดสวนถาเวบไซต

3.13 Author คอผแตงกลมนอนญาตใหโพสตเนอหาผานทางลงกในเมนผใชพวกเขาสามารถสงเนอหาใหมเลอกตวเลอกการแสดงรายการในหนาแรกและเลอกวน ทส าหรบการเผยแพรแตพวกเขาไมสามารถ เผยแพรเนอหาไดโดยตรง

3.14 Editor คอผแกไขหรอผตรวจสอบ กลมผใชนอนญาตใหผใชโพสตและแกไขใดๆ (ทไมใชเฉพาะของตวเอง) จากเนอหารายการจากดานหนาเวบไซตนอกจากนยงสามารถแกไขเนอหาทไมไดรบการเผยแพร

3.15 Publisher คอกลมอนญาตใหผใชโพสต แกไขและเผยแพรใดๆ (ไมใชเฉพาะของตวเอง) ผเผยแพรสามารถทบทวนบทความทงหมดแกไขและเปลยนการเผยแพร ยงสามารถพจารณาเมอมบทความเพอเผยแพรเมอผเขยน หรอผทยงไมลงทะเบยนสงบทความเขามา

4. หนาทความรบผดชอบ 4.1 ผอ านวยการส านกงานชลประทานท 13 รบทราบและแตงตงคณะท างานจดท าคมอการปฏบตงาน (Work

Manual) ดานบรหารทวไป และพจารณาเหนชอบแผนปฏบตการ (Action Plan) การจดท าคมอการปฏบตงาน (Work Manual) ประจ าป 2560

4.2 ประธานคณะท างานจดการความร (Knowledge Management Team หรอ KM Team) รบทราบและใหค าปรกษา แนะน า ก ากบดแล และตดตามผลการด าเนนการจดท าคมอปฏบตงาน (Work Manual)

4.3 คณะกรรมการตรวจสอบกลนกรองคมอการปฏบตงาน รบทราบ และพจารณาตรวจสอบรายละเอยดของคมอการปฏบตงานในแตละดานใหเปนไปตามมาตรฐานทก าหนด

4.4 คณะท างานจดท าคมอการปฏบตงาน (Work Manual) ดานบรหารทวไป รบทราบและด าเนนการจดท าคมอการปฏบตงาน ก าหนดรปแบบ หวขอ เนอหาของคมอใหเปนมาตรฐานของงานแตละดานและเผยแพรคมอการปฏบตงาน

5

5. สรปกระบวนการคมอการจดท าเวบไซต ส านกงานชลประทานท 13 กระบวนการการจดท าเวบไซต ส านกงานชลประทานท 13 ประกอบดวยขนตอนส าคญ ดงน

5.1 ก าหนดเปาหมายและวางแผนงาน 5.2 เตรยมความพรอมของเครองมอและบคลากร 5.3 การจดเตรยม Web hosting และ Domain name 5.4 ออกแบบเวบไซตและระบบตางๆ 5.5 จดท าเวบไซตและอพโหลดเขาเซรฟเวอร 5.6 ทดสอบและแกไข 5.7 ประชาสมพนธเวบไซต 5.8 อพเดทขอมลขาวสาร 5.9 สรปผลการด าเนนงาน

6

Work Flow กระบวนการจดท าเวบไซตส านกงานชลประทานท 13 กรมชลประทานในภาพรวม ล าดบท ผงกระบวนการ เวลา

ก าหนดเปาหมายและวางแผนงาน

การจดเตรยม Web hosting และ Domain name

ออกแบบเวบไซตและ ระบบตางๆ

ทดสอบ แกไข

ประชาสมพนธเวบไซต

1 วน

1 วน

6 ชม./ 1 เพจ

1 วน/1เพจ

15 นาท/1 เพจ

30 นาท/ 1เพจ

1 วน สรปผลการด าเนนงาน

ผาน

ไมผาน

อพเดท

เตรยมความพรอมของเครองมอและบคลากร

จดท าเวบไซตและ อพโหลดเขาเซรฟเวอร

1.

2.

3.

4.

5.

6.

7.

8.

9.

12 วน

1 ชม.

อพเดทขอมลขาวสาร

รวมเวลาทงหมด 15 วน 7 ชวโมง 45 นาท

7

5. Work Flow ชอกระบวนการ : การจดท าเวบไซต ตวชวดผลลพธกระบวนการจดท าคมอการปฏบตงาน : คณภาพเวบไซตของส านก/กอง ตามเกณฑทศนยเทคโนโลยสารสนเทศและการสอสารก าหนด ล าดบ ผงกระบวนการ ระยะเวลา รายละเอยดงาน มาตรฐานคณภาพงาน ผรบผดชอบ

1.

2.

3.

4.

1 วน

12 วน

1 วน

6 ชม./ 1เพจ

1.ก าหนดเปาหมายและวางแผนงาน 1.1 ก าหนดเปาหมายของเวบไซต 1.2 ก าหนดกลมผชมเปาหมาย 1.3 ก าหนดขอบเขตเนอหาและรวบรวมขอมลเนอหา 2.เตรยมความพรอมของเครองมอและบคลากร 2.1 เตรยมเครองมออปกรณทจ าเปน 2.2 เตรยมทกษะและบคลากร 2.3 ประมาณการคาใชจาย 3.Web Hosting และ Domain name 3.1 เลอก Web hosting 3.2 การตงชอ Domain name 3.3 การจด Domain name 4.ออกแบบเวบไซตและระบบตางๆ 4.1 การออกแบบโครงสรางเวบไซต 4.2 การออกแบบระบบเนวเกชน 4.3 การออกแบบเวบเพจ

1.ค ารบรองการปฏบตราชการส านกงานชลประทานท 13 2.คณภาพเวบไซตของส านกงานฯเปนไปตามเกณฑทศนยเทคโนโลยสารสนเทศก าหนด 1.มเวบไซตทสามารถเขาถง 2.ชอของเวบไซตสอดคลองกบชอของหนวยงาน 1.มแถบเมนหลกปรากฏดานบนของเวบไซตดงน 1.1หนาหลก,ขอมลเกยวกบองค,โครงสรางหนวยงาน,หนาทความรบผดชอบตามภารกจ,ยทธศาสตรของส านก/กอง

คณะท างานศนยสารสนเทศ/ ผอ.โครงการ/ บท.โครงการ คณะท างานศนยสารสนเทศ/ บท.โครงการ ปท.ชป.13/ บท.โครงการ/เจาหนาทคอมพวเตอร

ก าหนดเปาหมายและวางแผนงาน

การจดเตรยม Web hosting และ Domain name

ออกแบบเวบไซตและ ระบบตางๆ

เตรยมความพรอมของเครองมอและบคลากร

8


4.4 รปแบบของเวบไซต 4.5 ภาษาโปรแกรมทใชในการสรางเวบไซต 4.6 โปรแกรมทใชในการสรางเวบไซต

1.2ค ารบรองการปฏบตราชการ,รายงานผลการปฏบตงานตามค ารบรอง 1.3ทตงหนวยงาน,หมายเลขโทรศพทตดตอ,ผงเวบไซต 1.4 มผรบผดชอบขอมลและผดแลเวบไซตและมค าแถลงการณลขสทธ 1.5 มการออกแบบและจดวางเมนหลกแตละเพจเปนรปแบบเดยวกน 1.6 มรปแบบ โครงสราง ส อกษร และภาพปรากฏเหมาะสมตามมาตรฐานของราชการ สอถงภาพลกษณทดตอองคกร,มการแสดงผลอกขระภาษาไทยและภาษาองกฤษอยางถกตอง 1.7 มการจดหมวดของขอมลทเหมาะสมและขอมลทส าคญงายตอการเขาถง 1.8 มปมเชอมโยงขอมลไปยงหนาหลกและหนวยงานในระดบส านก/กอง/โครงการ ภายใตสดกดกรมชลประทาน,มสญลกษณปมเชอมโยงขอมลในรปแบบภาพหรอขอความสอดคลองกบเนอหาภายใน 1.9 มบรหาร Download โปรแกรมตางๆ

ปท.ชป.13/ บท.โครงการ/เจาหนาทคอมพวเตอร ปท.ชป.13/ บท.โครงการ/เจาหนาทคอมพวเตอร

9


5.

6.

1 วน/ 1เพจ

15 นาท/

1เพจ

5.จดท าเวบไซตและอพโหลดเขาเซรฟเวอร 5.1 ลงมอสรางเวบไซต 5.2 บนทกขอมลเขาเซรฟเวอร

6.ทดสอบและแกไข 6.1 ทดสอบและตรวจสอบขอมลพรอมแกไขทมความผดพลาด

1.10 การเชอมโยงขอมลตองไมมหนาวางเปลาหรอขอผดพลาดของโปรแกรม,มการเชอมโยงหนวยงานภายนอกทเกยวของโดยตรงและเวบไซตอนๆทนาสนใจ 1.11 มการเชอมโยงกบระบบสารสนเทศและองคความรทเหมาะสมในงานชลประทาน 1. ใชมาตรฐานเดยวกบขนตอนท 4 1.หนาเพจแสดงเครองมอ ต าแหนง ขอมลไดถกตองครบถวนสามารถใชงานได

ปท.ชป.13/ บท.โครงการ/เจาหนาทคอมพวเตอร

ปท.ชป.13/ บท.โครงการ/เจาหนาทคอมพวเตอร

ทดสอบ แกไข

จดท าเวบไซตและ อพโหลดเขาเซรฟเวอร

10


7.

8.

9.

1 ชม.

30 นาท/ 1เพจ

1 วน

7.ประชาสมพนธเวบไซต 7.1 แจงประชาสมพนธผานหนงสอประชาสมพนธ 7.2 การใชสอ Social Network ในการประชาสมพนธ 8.อพเดทขอมลขาวสาร 8.1อพเดทขอมลขาวสาร กจกรรมตางๆรายวนหรอทกครงทมการเปลยนแปลง 9.สรปผลการด าเนนงาน 9.1 สรปผลการด าเนนการจากระดบคะแนนตวชคณภาพตวชวด 9.2 แบบสอบถามความพงพอใจผรบบรการ

1 . ม ก า ร เ ผ ย แ พร ข อ ม ล ใ น ร ป แบ บ เ ส ย ง ภาพเคลอนไหว หรอวดทศน 2.มระบบสบคนขอมล 3.มการเกบขอมลการเขาเยยมชมเวบไซต 4.มชองทางการเชอมโยงขอมลไปยงระบบ Social Network ของหนวยงาน 1.มค าสงแตงตง หนงสอเวยน รายงานการประชม ประกาศ ขาวประชาสมพนธมขอมลททนสมย 1.ไดระดบคะแนนตวชวดคณภาพเวบไซตของส านก/กอง ไมนอยกวาระดบ 4 หรอรอยละ 70

ปท.ชป.13/ บท.โครงการ ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร คณะท างานศนยสารสนเทศ/ผอ.โครงการ/บท.โครงการ/คณะศนยเทคโนโลยสารสนเทศฯ

ประชาสมพนธเวบไซต

สรปผลการด าเนนงาน

อพเดทขอมล

11

6.ขนตอนการปฏบตงาน การจดท าเวบไซต

รายละเอยดงาน ขนตอนการปฏบตงาน เอกสาร/ระเบยบ/แบบฟอรมทใช

ผรบผดชอบ เงอนไขการปฏบตงาน

1.ก าหนดเปาหมายและวางแผน 1.1 ก าหนดเปาหมายของเวบไซต 1.2 ก าหนดกลมผชมเปาหมาย 1.3 ก าหนดขอบเขตเนอหาและรวบรวมขอมลเนอหา

- ก าหนดเปาหมายในการน าเสนอขอมลตางๆของส านกงานชลประทานท 13 การน าเสนอขอมลของส านกงาน,การน าเสนอขาวสาร กจกรรม ของส านกงาน - ก าหนดกลมเปาหมายในการรบชมเนอหาขอมลทจะน าเสนอในเวบไซตโดยค านงกลมผใชงานโดยแบงกลมผใชงานเปน 2 กลมไดแก ผใชงานภายนอกและผใชงานภายในส านกงานฯ -ผใชงานภายนอกหมายถง ผใชงานทวไป เชนบคคลภายนอกส านกงานฯ เกษตร ผมสวนไดสวนเสย หนวยงานทงภาครฐและเอกชน -ผใชงานภายในหมายถง บคลากรหรอบคคลภายในกรมชลประทานหรอส านกงานชลประทานท 13 - ก าหนดเนอหาขอมลทจะน าเสนอบนหนาเวบไซตของส านกงานชลประทานท 13 เชน ประวตความเปนมาของส านกงานฯ พนธกจ วสยทศน โครงสรางหนวยงาน บคลากร เปาประสงค หนาทความรบผดชอบ เนอหา ประชาสมพนธ กจกรรม ค าสง ประกาศ และรวบรวมขอมลทจะใชในการน าเสนอขอมล

-แบบส ารวจผใชงานเวบไซตส านกงานชลประทานท13 -พรบ.ขอมลขาวสาร -พรบ.การแบงสวนราชการ -กฎกระทรวงเกษตรและสหกรณ -ประการ ค าสง กจกรรม -การจดซอจดจาง

คณะท างานศนยสารสนเทศ/ผอ.โครงการ/ บท.โครงการ คณะท างานศนยสารสนเทศ/บท.โครงการ คณะท างานศนยสารสนเทศ/บท.โครงการ

-ขอมลถกตอง -เปนปจจบน -สามารถอางองได -ผ ใชบรการและผมสวนไดสวนเสย -ขอมลถกตอง -อางองได -พรบ.ขอมลขาวสาร -กฎกระทรวง

12




2. เตรยมความพรอมเครองมอและบคลากร 2.1 เตรยมเครองมออปกรณทจ าเปน 2.2 การเตรยมทกษะและบคลากร 2.3 ประมาณการคาใชจาย

- จดเตรยม จดหาเครองมอ อปกรณเครองคอมพวเตอร ปรนเตอร ซอฟตแวร โปรแกรมพฒนา อปกณจดเกบขอมลทางคอมพวเตอร เพอใชในการจดเกบการสรางและพฒนาเวบไซตส านกงานชลประทานท 13 - จดหาบคลากรหรอเพมทกษะใหบคลากรในการจดท าเวบไซตหาก บคลากรไมมความเชยวชาญ สามารถศกษาคมอการจดท าเวบไซต หรอเขารบการอบรบจากหนวยงานตางๆ - ประมาณการคาใชจายในการด าเนนการ โดยค านกถงคาใชจายใน การเตรยมเครองมอทจ าเปน การเตรยมทกษะและบคลากร การเลอกและเชา Web Hosting การจดและเชา Domain name ซงสามารถใชงาน Web hosting และ Domain name ของกรมชลประทาน

-เอกสาร คมอการจดท าเวบไซต -เอกสารการเขารบ การอบรบ -ประมาณการคาใชงาน

คณะท างานศนยสารสนเทศ/บท.โครงการ คณะท างานศนยสารสนเทศ/บท.โครงการ คณะท างานศนยสารสนเทศ/บท.โครงการ

งบประมาณในการด าเนนการ

13




3.Web Hosting และ Domain name 3.1 เลอกและเชา Web hosting 3.2 การตงชอ Domain name และตรวจสอบชอ Domain name 3.3 การจดทะเบยนและเชา Domain name

- เลอกและเชา Web hosting จากเวบโฮสตงทใหบรการ หรอใชพนททกรมชลประทานจดสรรไวให - ชอเวบไซตใหสอดคลองกบหนวยงาน - ควรตงชอใหสอดคลองกบชอหนวยงานและจดจ าไดงาย - ตรวจสอบชอเวบไซตกอนการจดทะเบยนหรอใชชอ Domain name ทกรมชลประทานก าหนด - จดทะเบยนชอเวบไซตกบผใหบรการหรอใช Domain name ทกรมชลประทานจดสรรให

-เอกสารและราคา คาเชาเวบโฮสตง -รายชอเวบโฮสตง ทใหบรการ -แบบฟอรมขอใชพนทเวบโฮสตงจากกรมชลประทาน -เวบไซตใหบรการ Domain name -เอกสารการกอตงส านกงาน ระเบยบค าสง และเอกสารยนขอจดทะเบยน -แบบฟอรมขอใช Domain name ของกรมชลประทาน

คณะท างานศนยสารสนเทศ/บท.โครงการ คณะท างานศนยสารสนเทศ/บท.โครงการ คณะท างานศนยสารสนเทศ/บท.โครงการ

14




4.ออกแบบเวบไซตและระบบตางๆ 4.1การออกแบบโครงสรางเวบไซต 4.2การออกแบบระบบ เนวเกชน 4.3การออกแบบเวบเพจ (Page Design)

- ท าการออกแบบโครงสรางของเวบไซต หนาหลก,ขอมลเกยวกบองคกร,โครงสรางหนวยงาน,หนาทความรบผดชอบตามภารกจ,ยทธศาสตรของส านก/กอง,ค ารบรองการปฏบตราชการ,รายงานผลการปฏบตงานตามค ารบรอง,ทตงหนวยงาน,หมายเลขโทรศพทตดตอ,ผงเวบไซต,ผรบผดชอบขอมลและผดแลเวบไซตและมค าแถลงการณลขสทธ - ท าการออกแบบการเชอมโยงของเวบไซตทงภายในและภายนอก โดยใชค าสงการสรางหมวดหม การสรางบทความ การสรางเมน การใชงานคอมโพเนนต - ท าการออกแบบรายละเอยด - การออกแบบและจดวางเมนหลกแตละเพจเปนรปแบบเดยวกน - รปแบบ โครงสราง ส อกษร และภาพปรากฏเหมาะสมตามมาตรฐานของราชการ สอถงภาพลกษณทดตอองคกร - การแสดงผลอกขระภาษาไทยและภาษาองกฤษอยางถกตอง - การจดหมวดของขอมลทเหมาะสมและขอมลทส าคญงายตอการเขาถง - การเชอมโยงขอมลไปยงหนาหลกและหนวยงานในระดบส านก/กอง/โครงการ ภายใตสงกดกรมชลประทาน

-มาตรฐานคณภาพเวบไซตของส านก/กอง ทศนยเทคโนโลยสารสนเทศและการสอสารก าหนด -การเชอมโยงของหนาเวบไซต -โครงสรางหนาเวบเพจ ทออกแบบไว -อตลกษณขององคกร -สประจ าองคกร

ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร

หลกเกณฑมาตรฐานเวบไซตตามค ารบรองการปฏบตราชการ ตวชวด คณภาพเวบไซตของส านก/กอง ตามเกณฑทศนยเทคโนโลยสารสนเทศและการสอสารก าหนด

15




4.4 ภาษาโปรแกรมทใชในการสรางเวบไซต 4.5 โปรแกรมทใชในการสรางเวบไซต

- สญลกษณปมเชอมโยงขอมลในรปแบบภาพหรอขอความสอดคลองกบเนอหาภายใน บรการ Download - การเชอมโยงหนวยงานภายนอกทเกยวของโดยตรงและเวบไซตอนๆ - การเชอมโยงกบระบบสารสนเทศและองคความรทเหมาะสมในงานชลประทาน - เลอกรปแบบภาษาทจะใชในการสรางเวบไซต ซงมอยดวยกน 2 ภาษา ไดแก HTML และ PHP - เลอกใชโปรแกรมส าหรบการจดท าเวบไซต - ซอฟตแวรส าหรบพฒนาเวบไซต - Adobe Dreamweaver - KompoZer - Web Page Maker - เวบไซตส าเรจรปส าหรบพฒนาเวบไซต - WordPress - Joomla - Google Web Designer - AtomyMaxsite CMS

-คมอภาษาทใชส าหรบสรางและตกแตงเวบไซต (HTML,CSS3X -คมอการสรางเวบไซตดวยโปรแกรมส าเรจรป Macromedia Dreamweaver 8 -คมอการตดตงและใชงาน Joomla

ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร

-ลขสทธของโปรแกรมทใชในการด าเนนการ

16




4.6 สรางเวบไซต 5.จดท าเวบไซตและอพโหลดเขาเซรฟเวอร 6.ทดสอบและแกไข 7.แจงประชาสมพนธผานหนงสอประชาสมพนธหรอสอ Social Network

- ท าการพฒนาหรอสรางเวบไซตดวยเวบไซตส าเรจรป การตดตง Joomla หรอ โปรแกรม Dreamweaver ,การจดการและบรหารเวบไซต การปรบแตงหนาของเวบไซตดวยเทมเพลต การปรบแตงโมดล,การจดการไฟลมเดย การสรางบทความตามหมวดหม การสรางเมนเขาสบทความและบรหาร การสรางเมน,การสรางคอมโพเนนต,การตดตงปลกอน การอพโหลดและแบกอพเวบไซต,การจดการสมาชก,การจดการเวบ - จดท าเวบไซตและอพโหลดเขาเซรฟเวอร - ทดสอบและแกไขหนาเวบไซต เวบเพจ ระบบเนวเกชน ระบบรกษาความปลอดภย - ท าการเผยแพรเวบไซตผานการประชาสมพนธภายในหนวยงานและ การประชาสมพนธผานระบบคนหาของระบบคนหาขอมล

-คมอการใชงานการจดท าเวบไซตดวยเวบไซตส าเรจรป Joomla เบองตนในภาคผนวก -หนงสอประชาสมพนธ -จ านวนผเชาชมเวบไซต

ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร ปท.ชป.13/บท.โครงการ/

จ านวนผเชาชมเวบไซต

17




8.การอพเดทขอมลขาวสาร 9.สรปผลการด าเนนงาน

- อพเดทขอมลขาวสาร,กจกรรม,ค าสง - สรปผลการด าเนนการจากระดบคะแนนตวชคณภาพตวชวด - แบบสอบถามความพงพอใจผรบบรการ

แบบสอบถามความพงพอใจ

ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร คณะท างานศนยสารสนเทศ/ผอ.โครงการ/บท.โครงการ/คณะศนยเทคโนโลยสารสนเทศและการสอสาร กรมชลประทาน

อพเดทขอมลใหเปนปจจบนทนตอเหตการณ

18

7. ระบบตดตามประเมนผล

กระบวนการ มาตรฐานคณภาพงาน วธการตดตามประเมนผล ผตดตาม/ประเมนผล

ขอเสนอแนะ

1. ก าหนดเปาหมายและวางแผนงาน 2.เตรยมความพรอมของเครองมอและบคลากร

3. Web hosting และ Domain name 4. ออกแบบเวบไซตและระบบตางๆ

1. ค ารบรองการปฏบตราชการส านกงาน ชลประทานท 13 2. คณภาพเวบไซตของส านกงานฯเปนไปตามเกณฑทศนยเทคโนโลยสารสนเทศก าหนด 1. อปกรณมความพรอมในการใชงาน 2. บคลากรมทกษะความสามารถในการจดท าเวบไซต

1. มเวบไซตทสามารถเขาถง 2. ชอของเวบไซตสอดคลองกบชอของหนวยงาน 1. มแถบเมนหลกปรากฏดานบนของเวบไซตดงน 1.1 หนาหลก,ขอมลเกยวกบองคกร,โครงสรางหนวยงาน,หนาทความรบผดชอบตามภารกจ,ยทธศาสตรของส านก/กอง 1.2 ค ารบรองการปฏบตราชการ,รายงานผลการปฏบตงานตามค ารบรอง

-มการประชมและรายงานการประชมคณะท างานศนยสารสนเทศ สชป.13โดยการก าหนดเปาหมายและวางแผนงานใหสอดคลองกบเกณฑคณภาพเวบไซตตามทศนยเทคโนโลยสารสนเทศและการสอสาร กรมชลประทาน ก าหนด -การตรวจสอบสภาพและอายการใชงานของอปกรณตางๆใหมความพรอม -ประเมนบคลากรผจดท าเวบไซตวามความรดานเกยวกบเวบไซตหรอไม ผานการอบรมแลวหรอไม -สญญาการเชาเวบโฮสตง สทธการเขาถงเวบโฮสตง -ชอเวบไซตสอดคลองกบชอหนวยงาน จดจ าไดงาย

-เวบไซตมองคประกอบครบถวนตามเกณฑคณภาพเวบไซตทศนยเทคโนโลยสารสนเทศและการสอสารก าหนด

คณะท างานศนยสารสนเทศ/ผอ.โครงการ/บท.โครงการ คณะท างานศนยสารสนเทศ/บท.โครงการ คณะท างานศนยสารสนเทศ/บท.โครงการ

ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร

19




4. ออกแบบเวบไซตและระบบตางๆ (ตอ)

1.3 ทตงหนวยงาน,หมายเลขโทรศพทตดตอ,ผงเวบไซต 1.4 มผรบผดชอบขอมลและผดแลเวบไซตและมค าแถลงการณลขสทธ 1.5 มการออกแบบและจดวางเมนหลกแตละเพจเปนรปแบบเดยวกน 1.6 มรปแบบ โครงสราง ส อกษร และภาพปรากฏเหมาะสมตามมาตรฐานของราชการ สอถงภาพลกษณทดตอองคกร,มการแสดงผลอกขระภาษาไทยและภาษาองกฤษอยางถกตอง 1.7 มการจดหมวดของขอมลทเหมาะสมและขอมลทส าคญงายตอการเขาถง 1.8 มปมเชอมโยงขอมลไปยงหนาหลกและหนวยงานในระดบส านก/กอง/โครงการ ภายใตสดกดกรมชลประทาน,มสญลกษณปมเชอมโยงขอมลในรปแบบภาพหรอขอความสอดคลองกบเนอหาภายใน


20




4. ออกแบบเวบไซตและ ระบบตางๆ (ตอ) 5.จดท าเวบไซตและอพโหลดเขาเซรฟเวอร 6. ทดสอบและแกไข

1.9 มบรการ Download โปรแกรมตางๆ 1.10 การเชอมโยงขอมลตองไมมหนาวางเปลาหรอขอผดพลาดของโปรแกรม,มการเชอมโยงหนวยงานภายนอกท เกยวของโดยตรงและเวบไซตอนๆทนาสนใจ 1.11 มการเชอมโยงกบระบบสารสนเทศและองคความรทเหมาะสมในงานชลประทาน 1. ใชมาตรฐานคณภาพงานตามขอ 4 2. จ านวนขอมลถกตองตามทจดท า 3. ไฟลขอมล ไฟลขยะ ไฟลงานทหมดอาย ถกน าออกจากเซอรฟเวอร 1. การแสดงผลท าไดถกตองไมผดเพยนทงภาพและขอความและเครองมอตางๆของเวบไซต

-ตรวจสอบการแสดงผลของขอมลในแตละอปกรณแสดงผล

ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร ปท.ชป.13/บท.โครงการ/เจาหนาทคอมพวเตอร

21




7. ประชาสมพนธเวบไซต

8. อพเดทขอมลขาวสาร

9. สรปผลการด าเนนงาน

1.มการเผยแพรขอมลในรปแบบเสยง ภาพเคลอนไหว หรอวดทศน 2.มระบบสบคนขอมล 3.มการเกบขอมลการเขาเยยมชมเวบไซต 4.มชองทางการเชอมโยงขอมลไปยงระบบ Social Network ของหนวยงาน

1.มค าสงแตงตง หนงสอเวยน รายงานการประชม ประกาศ ขาวประชาสมพนธมขอมลททนสมย

1.ไดระดบคะแนนตวชวดคณภาพเวบไซตของส านก/กอง ไมนอยกวาระดบ 4 หรอรอยละ 70

-การตดตามจ านวนผเขาเยยมชมเวบไซต -แบบสอบถามความพงพอใจ

-แบบสอบถามความพงพอใจ

-สรปผลการด าเนนการจากระดบคะแนนตวชคณภาพตวชวด -แบบสอบถามความพงพอใจผรบบรการ

ปท.ชป.13/บท.โครงการ/


คณะท างานศนยสารสนเทศ/ผอ.โครงการ/บท.โครงการ/คณะศนยเทคโนโลยสารสนเทศฯ

22

8.เอกสารอางอง 8.1) ราชกจจนนเบกษา เลม 114 ตอนท 46 ก. (2540). พระราชบญญตขอมลขาวสารของราชการ

พ.ศ. 2540 8.2) ราชกจจานเบกษา เลม 124 ตอนท 27 ก. (2550). พระราชบญญตวาดวยการกระท าความผด

เกยวกบคอมพวเตอร พ.ศ. 2550 8.3) ราชกจจานเบกษา เลมท 129 ตอนท 3 ก. (2555). กฎกระทรวงแบงสวนราชการกรม

ชลประทาน กระทรวงเกษตรและสหกรณ พ.ศ. 2554 8.4) กรมชลประทาน, ค ารบรองการปฏบตราชการ. (2560). ตวชวดคณภาพเวบไซตของส านก/กอง

ตามเกณฑทศนยเทคโนโลยสารสนเทศและการสอสารก าหนด ประจ าปงบประมาณ พ.ศ. 2560 8.5) นายธศษฏ สหภทรากล. (2559). ภาษาทใชส าหรบสรางและตกแตงเวบไซต (HTML5,CSS3) 8.6) กรมชลประทาน, กลมงานสารสนเทศภมศาสตร. (ม.ป.ป.) การออกแบบและพฒนาเวบไซตดวย

Macromedia Dreamweaver 8 8.7) ปยะ นากสงค. (2558). คมอการตดตงและใชงาน Joomla 3.x. กรงเทพมหานคร. ซมฟลฟาย

9.แบบฟอรมทใช 9.1 แบบสอบถามความพงพอใจเวบไซตส านกงานชลประทานท 13 ระบบออนไลน 9.2 แบบประเมนคณภาพเวบไซตของส านก/กอง ตามเกณฑทศนยเทคโนโลยสารสนเทศและ การสอสารก าหนด

คู่มือการปฏิบัติงานrio13.rid.go.th/general/images/PDF/website.pdf ·...

Documents

Transcript of คู่มือการปฏิบัติงานrio13.rid.go.th/general/images/PDF/website.pdf ·...