(Knowledge Management 2013 สชป.10)

1 โครงการ 1 องคความร (KM) คบ. เขอนปาสกชลสทธ

“ท า Web Site ไวใชงาน ผอ. เองนนกท าได”

บทน า

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

-เพอเปนการประชาสมพนธน าเสนอขอมลขาวสารตางๆภายในหนวยงาน,โครงการฯ ไปจนถงระดบกรมฯ

-เผยแพรขอมลทเปนประโยชน โดยผานทางการดาวนโหลดจากทางเวบไซตไดโดยตรง

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

“ขนตอนการจดท าเวบไซต (pasakrid.com)”

1. หาจดประสงคของการจดท าเวบเพอก าหนดขอบเขตของการน าเสนอขอมล

-เพอประชาสมพนธและน าเสนอขอมลขาวสารทเกยวของกบงานในหนวยงานและองคกรแกผทสนใจและหนวยงานทเกยวของ

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

2.ท าการศกษาคนควาหาขอมลและแนวทางประกอบการจดท าวาจะตองท าอยางไรไดบางถงจะท าเวบไซตไดส าเรจ

3.ไดขอสรปโดยไดน าระบบ CMS : (Content Management System) ซงเปนระบบทน ามาชวยในการสรางและบรหารจดการ เวบไซต แบบส าเรจรป โดยการใชงาน CMS นน ผใชงานแทบจะไมตองมความรในดานการเขยนโปรแกรมสามารถทจะสรางเวบไซตได ซงตวของ CMS เองจะมโปรแกรมทใชงานอยในตวมาใหแลวและยงสามารถแทรกเพมเตมเองไดอกมากมายเชน Web board และรวมถงระบบการจดการอนๆ ซงเราสามารถเพมเตมหรอลดตามไอเดยและความตองการของเราเทาทเราจะท าได (CMS) :เปนเสมอนโปรแกรม โปรแกรมหนงทมผพฒนามาจากภาษาคอมพวเตอรทใชในเวบไซตเชน PHP, ASP, HTML หรอ JSP ซงในปจบนน CMS กมทงทฟรและไมฟร หลายเจามากมายดวยกนอยางเชน ทรจกกนดกคอ CMS ของ Joomla หรอ Mambo เปนตน

4.ไดน า CMS ของ AtomyMaxsite (เปนฟรโปรแกรม) มาใชด าเนนการในการจดท าเวบไซต ในสวนของฝายวศวกรรม คบ. เขอนปาสกฯ ขนมาโดยมโปรแกรมทตองใชรวมดงน (เปนฟรโปรแกรมทงหมด)

4.1 โปรแกรม Apache โปรแกรมตวนไวส าหรบเปนเวบเซรฟเวอร (Apache HTTP Server)

4.2 โปรแกรม PHP โปรแกรมตวนไวส าหรบเปนตวแปลภาษา PHP ทใชท าและแกไขในเวบไซต

4.3 โปรแกรม My SQL โปรแกรมตวนไวส าหรบเปนดาตาเบส เซรฟเวอร คอระบบจดการ

ฐานขอมลบนเซรฟเวอร นนเองโดยใชภาษา SQL ซงโปรแกรมทงหมดทกลาวมานเรยกรวมกนวา (App Server) โดยจะตองตดตงโปรแกรมทคอมพวเตอรของเราเพอใชท าการสรางเวบไซตและเอาไวบรหารจดการ เวบไซตของเรา ทจะสราง

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

5.1 โปรแกรม Dreamweaver น ามาจดท าเรองเวบเพจและTemplate ลงคตางๆทใช

ปรบเปลยนและ เพมเตมในเวบไซต

5.2 โปรแกรม PhotoShop CS น ามาจดท างานทเกยวกบรปภาพและพวก Flash Image

ตางๆทใชในเวบไซต

5.3 โปรแกรม Swish Max น ามาจดท างานทางดานกราฟฟกตางๆรวมถง Flash Video ทใช

ในการน าเสนอบนเวบไซต

5.4 โปรแกรม Photo Scape น ามาใชในการแกไข,ปรบปรงงานดาน File Image โดยตรง

5.5 โปรแกรม Camtasia Studio น ามาใชในการจดท าสอ Presentation ทใชน าเสนอผล

การท างานตางๆ ในรปแบบวดโอลงบนเวบไซต

5.6 โปรแกรม Format Factory น ามาใชในการแปลงและแกไข File งานตางๆทง ภาพ, เสยงและวดโอ

5.7 โปรแกรม Microsoft Office 2010 เปนตวโปรแกรมซงม ฟเจอรใหมๆ โดยน ามา

ประยกตใชงานในดาน เรองงานเอกสารตางๆ ทจะน าลงบนเวบ

5.8 โปรแกรม Adobe Acrobat pro 10 น ามาใชในการบรหารจดการงานเอกสารทเปน File (.pdf)

และ Image

5.9 โปรแกรม File Zilla น ามาใชในการ (FTP Server) คอ การอพโหลดขอมลทจดท าเวบ

จากเครองคอมเราทงหมด เชน ภาพ,เสยง,วดโอ, และไฟลเอกสารตางๆสงไปยงเซรฟเวอรและยงสามารถดาวนโหลดไฟลตางๆจากเซรฟเวอรลงมายงเครองคอมของเรากได สวน (FTP) นน ชอเตมคอ (File Transfer Protocal) คอการแลกเปลยนขอมลการดาวนโหลดหรอยายไฟลตางๆในระบบอนเตอรเนตมายงเครองคอมพวเตอรเราหรอเรยกไดงายๆวาเปนเครองมอท Web Master ใชในการ อพไฟลขน Host (โฮส) นนเอง

5.10 โปรแกรม Adobe LiveCycle เปนโปรแกรมทใชส าหรบดไซนออกแบบฟอรม

อเลกทรอนกสเพอสรางระบบในการกรอกขอมลในเวบ ซงสามารถสรางแบบฟอรมในรปแบบของไฟล PDF, XML และอนๆ (อยในขนตอนททางเวบก าลงพฒนาระบบเพมเตม)

6.หลงจากจดท าโครงสรางใหมของเวบเปนทเรยบรอยแลวกถงขนตอนของการ เชาพนทเวบไซต (Web Hosting) ซงมผใหบรการอยหลายๆ เจาดวยกน โดยทเราจะตองจด (โดเมนเนม) กอน ซงกคอ ชอเวบไซตของเรานนเอง

(ตย. www.pasakrid.com) ซงโดยทวไปแลวการจดโดเมนเนม (Domain Name) และการเชา Hosting นน สวนมากจะเลอกทใหเปน ทเดยวกนเพราะเมอผานกระบวนการตรวจสอบชอโดเมนเนมแลวเรากจะสามารถ ใชงานเวบไซตไดทนทและงายตอการ Set ระบบและตงคาตางๆ บน Server

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

“ปญหา แนวทางการแกไข และขอเสนอแนะหลกๆทพบในการจดท าเวบ”

1.ปญหาในการทเราอพโหลด File หรอ Folder งานทงหมดทเราจดท าเวบเขาไปตดตงบน Host นน เมอท าการรน File ทงหมดใน Server เพอใหแสดงผลในหนาเวบเพจแลวพบปญหาคอ สวนองคประกอบตางๆ บนหนาเวบแสดงผลไมสมบรณหรอ อาจขนเปน(ภาษาตางดาว..#@!~#~^@#) การแกไขท าไดโดย

- ตดตอกบทาง Hosting ทเราเชาพนทท าสญญาไว เพอตรวจสอบขอผดพลาดวามสวนใดทเกยวของกบทาง Host บางหรอไม เพอจะไดหาทางด าเนนการแกไขตอไป

- ใหเขาไปตรวจเชค (Collation) คอ รหสอกขระ ซงอยในระบบฐานขอมล (phpMyAdmin) บน Server ทเราตดตง โดยจะตองเขาไปปรบเปลยน Collation ในฐานขอมล ดงตวอยางจากเวบ(pasakrid)

วธการเปลยน (Collation) ในฐานขอมล (phpMyAdmin) Collation คอ รหสอกขระ กลมของกฎเกณฑทใชในการเปรยบเทยบอกขระตางๆ ในกลมอกขระหนงๆ หลายๆ คนทใช phpMyAdmin แลวมปญหาเรองการแสดงผลหรอภาษาทเปนภาษาตางดาว เกดจาก Collation ทไมไดเปน utf8 และ tis620 เพอทจะแสดงผลภาษาไทยไดอยางถกตอง โดยมขนตอนการเปลยน Collation ดงน 1.1ขนแรกใหเขามาในหนาโปรแกรม phpMyAdmin ของWeb Serverเรา แลวใหคลกทแทบเมน Database 1.2เลอกฐานขอมล Database ทเราตองการเปลยน Collation ในทนจะเลอกฐานขอมลชอ pasakrid...

1.3จากนนคลกทแทบเมน Operations ดานบน 1.4ในสวนของ Collation สามารถเปลยนไดเลย หากจะตองการใหรองรบภาษาไทยไดจะตองใชเปน utf8 และ

tis620 เลอกเสรจแลวคลก Go

2.ปญหาการตดตง template , module , component และPlug-inตางๆ ไมสามารถแสดงผลได หรอ(ฟองerror) ซงสาเหตเกดจาก File , Folder หรอDirectory ไมไดอนญาตใหแกไข , ใหเขยนทบ หรอสรางใหม เพราะฉนนในการอพโหลด File , Folder หรอDirectory ขน Host นนจงจ าเปนจะตองมา Set คาPermission เพอใหอพโหลดไฟลตางๆ ขนไปเขยนทบไดนนเอง และเมอท าการอพโหลดหรอแกไขเวบเสรจแลว กควรเปลยนกลบไปเปนคาตามเดมเพอความปลอดภย

(ความหมายของคา Permission)

777 คอ ทกกลมสามารถเขาถงแฟมขอมลไดเตมท โดยกลมทวานคอ 1.Owner : เปนเจาของไฟล 2.Group : เปนกลมผใชเดยวกบเจาของไฟล 3.Other : ผใชงานทวไปทเขาผานหนาเวบไซตปกตของเรานนเอง

755 คอ FileหรอFolderนนๆ เจาของสามารถท าไดทกอยาง แตผทใชทอยในประเภท Group และ Other สามารถแค อาน และRun Fileนไดเทานน

644 คอ การท าให File หรอ Folderนนๆ ถกอานไดอยางเดยวเขาไปแกไขไมได ซงสามารถท าได 2 วธการดงตวอยางตอไปน

วธท 1 การ Set permission ผาน Control Panel DirectAdmin

1. คลกเขาท File Manager แลวเลอก Folder Public_html เพอเลอก Folder ขางใน 2. คลกเลอก Folder ทตองการ Set ตวอยางเลอกเปน Webboard ดานลางใส 777 แลวกดตกเลอก Recursive เพอให Set File และ Folder ขางในดวย ถาไม กดตกเลอก ระบบจะ Set แค Folder Webboard จากนน กดปม Set Permission 3. ตรวจสอบ Folder ทเลอกเปดสทธ ขางในจะเหนวาเปน 777

วธท 2 การ Permission ผาน Program FTP เชน File Zilla

1. เขามาท Program Ftp Filezilla แลว Connect ดวย User Name และ Password ของเราทไดก าหนดไว 2. จากนนกเลอกFileหรอFolderทตองการเพอใสคา Permission เลอกใหมสทธเขยนหรออาน หรอแกไขได ใหใสเปน 777 3. Set ทRecurse ใหเขยน File และ Folder ภายใน Folder ทเราเลอกดวย จากนน กด OK

“ เทคนคการท าเวบดวยตนเอง ”

เรมตน

รอทบทวน

ลงมอท าขน หม

เครองมอส าเรจ น

การจดท า

จางผ านาญฯ

เ า Hosting

ก าหนดขอบเขตฯ เนอหา

จด Domain Name

ตองปรบแก จบกระบวนการ

ประ มหารอ

ตองการ WebSite

ตองการจดท า

โดยตนเอง

ตองการลกษณะ

WebSite เฉพาะทาง ทม

รปแบบเปนเอกลกษณ

ไม

ไม

ไม

ไม

โครงการส งน าและบ ารงรกษาเขอนปาสก ลสทธ