บริษัท ทีมเวิรค โซลูช่ัน จํากัด

1. การติดต้ังโปรแกรม DIS .............................................................................................................................................2

1.1 ตรวจสอบ OS วาเปนแบบ 32 หรอื 64 bit ..................................................................................................................... 2 1.2 การติดต้ัง ............................................................................................................................................................................ 3 1.3 การต้ังคา ............................................................................................................................................................................ 4

2. การเตรียมขอมูล ........................................................................................................................................................7

2.1 เตรียมภาพประกอบขาว .................................................................................................................................................... 7 3. การเอาภาพและเอกสารใสใน server ผานโปรแกรม DIS .........................................................................................9

3.1 สราง connection สําหรับเว็บไซต................................................................................................................................... 9 3.2 นําภาพ เอกสารและไฟลตางๆ ใสบน server ผาน DIS ................................................................................................... 9

4. การเพิ่มขอมูลใน template แบบตางๆ ................................................................................................................ 11

4.1 Template dynamic แบบมี Thumbnail ................................................................................................................... 11 4.2 Template dynamic แบบมี ลิงคไฟลแนบท่ี title ...................................................................................................... 13 4.3 Template static ........................................................................................................................................................... 14

5. การซอนขอมูลขาวที่ไมตองการ และการปรับลําดับขาว ......................................................................................... 15

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 2

1. การติดต้ังโปรแกรม DIS

เครื่องคอมพิวเตอรท่ีตองการใชงานในการอัพเดทขอมูลบนเว็บอินเทอรเน็ตใหมของกรมสรรพสามิต ตองติดต้ังโปรแกรม DIS (Desk Top Integration Service) เพื่อใชในการโยนไฟลรูปและเอกสารข้ึนบน server ข้ันตอนการติดต้ัง

1.1 ตรวจสอบ OS วาเปนแบบ 32 หรอื 64 bit (โปรแกรมนี้ใชงานไดสูงสุดบน OS windows 7 ไมสามารถใชงานบน windows 8 ได) การตรวจสอบทําไดโดย

1.1.1 คลิกขวาท่ี My computer แลวเลือก properties

1.1.2 ดูท่ีหมวด system type: โดยหากพบขอความ 64-bit หมายถงึเปน OS แบบ 64 บิต ใหเลือกตัว

ติดต้ัง DIS-11.1.6.97-x64-Setup.rar แตหากไมพบตัวเลข ท้ัง 64 และ 32 หมายความวาเปน OS แบบ 32 ใหเลือกตัวติดต้ัง DIS-11.1.6.97-x32-Setup.rar

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 3

1.2 การติดต้ัง 1.2.1 ให extract ตัวติดต้ัง (เปน .rar) โดยคลิกขวาท่ีไฟลแลวเลือก extract here (ในบางเครือ่งอาจใช

โปรแกรม 7zip เพื่อ extract ได

1.2.2 เมื่อ extract แลวจะพบวามีไฟล .exe ให ดับเบ้ิลคลิกท่ีไฟลเพื่อเริ่มการติดต้ัง

1.2.3 เมื่อหนาจอติดต้ังปรากฎคลิก next หรอื ถัดไป จนติดต้ังเสรจ็

1.2.4 เมื่อติดต้ังเสร็จจะปรากฎไอคอน Webcenter Content บนหนาจอ Desktop

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 4

1.3 การต้ังคา การต้ังคาประกอบดวยการ Add server และ การสราง short cut เพือ่สะดวกแกการใชงานโดยสามารถทําตามข้ันตอนดังตอไปนี ้

1.3.1 ดับเบ้ิลคลิกท่ีไอคอน 1.3.2 เมื่ออยูในหนาจอ WebCenter Content คลิกขวาท่ีพื้นท่ีวางบนหนาจอดานขวา แลวเลือกคลิก

Add server

1.3.3 เมื่อแบบฟอรม Add server ปรากฎพิมพช่ือ url ของเว็บไซตหนวยงานในชองบน โดยไมตองใส http:// แลวคลิก OK

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 5

1.3.4 หลังจากคลิก Ok จะปรากฎไอคอนช่ือเวบ็ไซต ใหดับเบ้ิลคลิกท่ีไอคอนเพื่อเปดหนา Login แลวใหกรอก user name และ password แลวคลิก ok

1.3.5 เมื่อล็อกอินสําเร็จจะพบ 3 โฟลเดอร ใหดับเบ้ิลคลิกภาพตามลําดับจนถึง โฟลเดอร Document ซึ่งจะเปนท่ีสําหรับจัดเก็บไฟลตางๆ ตอไป (แนะนําใหสรางโฟลเดอรตามช่ือเมนูในหนาเว็บในโฟลเดอร Document นี้เพื่อจัดขอมูลใหเปนหมวดหมูงายตอการจัดการภายหลัง)

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 6

1.3.6 เมื่ออยูในโฟลเดอร Document ใหสราง short cut เพือ่สะดวกตอการใชงานในครัง้ตอไป โดยคลิกขวาท่ี Favorites แลวเลือก “Add current location to Favorites”

1.3.7 หลังจาก add จะปรากฎหนาจอ copy ขอมูลแลวเกดิโฟลเดอร Document ใต WebCenter ใน

หนาจอดานซายมือ

1.3.8 ลาก Document โดยใชเมาสคลิกคางไวแลวลาก (drag) มาวางบน Desktop ซึ่ง Document ท่ีอยูใต WebCenter จะหายไป และปรากฎ short cut ท่ี desktop แทน โดยสามารถ rename short cut ใหเปนช่ือท่ีตองการได และในการใชงานครั้งตอไป สามารถดับเบ้ิลคลิกท่ี short cut เพือ่เขาใชงาน folder document ไดโดยไมตองเขาตามลําดับในขอ 13.5 อีก

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 7

2. การเตรียมขอมูล

2.1 เตรียมภาพประกอบขาว 2.1.1 ภาพ Thumbnail จัดทําภาพขนาด 183 x 110 พกิเซล โดยเปดภาพดวยโปรแกรม paint แลวใช

ฟงกช่ัน resize ใหไดความกวางขนาด 183 พกิเซล แลวจึงใชเมาส ลากสวนบนของภาพ หรอืสวนลางของภาพ ใหเหลือ 110 พกิเซล แลวคลิก save as ต้ังช่ือเดิมและใส –thumb ท่ีทายช่ือ

1.คลิกขาวท่ีภาพท่ีตองการทําเปน Thumbnail

2.เลือก Open with แลวเลือก Paint

3.คลิก Resize แลว เลือก Horizontal เปน 183 pixels แลวคลิก Ok

4.ใชเมาสลากขอบลางหรอืขอบบนของรปูท่ีปรบัขนาดแลวใหเหลือความสูง 110 px

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 8

2.1.2 ภาพประกอบขาวอืน่ๆ ลดขนาดใหเหลือ 640 พกิเซล โดยเปดภาพดวยโปรแกรม Microsoft Office Picture Manager แลวลดขนาดเปน 640 พกิเซล

1.คลิกขวาท่ีรปูท่ีตองการลดขนาดแลวเลือก Microsoft Office Picture Manager

2.เปดดูรูปท้ังหมดโดยคลิกไอคอนซายสุด แลวเลือกรูปท่ีตองการ resize โดย คลิกปุม ctr แลวใชเมาสคลิกท่ีรูปท่ีตองการ

3. เลือกเมนู Picture แลวเลือก Resize

4. เลือก Web Large 640 x 480 px แลวคลิก ok

5. คลิก Save All เพื่อบันทึกภาพท่ีถูก resize ท้ังหมด

6. จะพบวาใน folder รูปท้ังหมดจะเปล่ียนเปนขนาด 640 pixels

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 9

3. การเอาภาพและเอกสารใสใน server ผานโปรแกรม DIS

3.1 สร้าง connection สาํหรับเวบ็ไซต ์

การสราง connection สําหรบัเวบ็ไซต สามารถทําไดโดย คลิกขวาท่ีพื้นท่ีวางของหนาจอ DIS แลว Add Server จากนั้นพิมพช่ือเว็บไซต เชน fro.excise.go.th ลงในชอง sever name แลวคลิก OK จะปรากฎ short cut fro.excise.go.th ในหนา DIS

3.2 นาํภาพ เอกสารและไฟลตางๆ ใสบน server ผาน DIS การนาํภาพ เอกสารและไฟลตางๆ ใสบน server ทําไดโดย copy file และภาพ แลว paste ลงใน folder ของเวบ็ไซตผาน หนาจอ DIS โดยเริ่มจาก ดับเบ้ิลคลิกท่ีไอคอน DIS แลว ดับเบ้ิลคลิกท่ี short cut ช่ือเวบ็ไซต จากนัน้คลิกเขาไปจนถึงโฟลเดอรเวบ็ไซต และโฟลเดอร document แลวจึงสราง โฟลเดอรยอย ตามวันท่ีขาว แลว เปด โฟลเดอร ท่ีเกบ็ไฟลบนเครือ่งตนเอง จากนัน้ copy ขอมูลจากเครือ่งตนเอง paste ในโฟลเดอรใน server

1.หลังจากติดต้ัง DIS แลว ดับเบ้ิลคลิกท่ีไอคอนเพื่อเปดหนาจอ

2.คลิกขวาแลวเลือก Add server..

3.กรอกช่ือไซต โดยไมตองมี http:// แลวคลิก OK

4.สรางเสรจ็จะปรากฎ short cut ตามช่ือไซตท่ีกรอก

1.ดับเบ้ิลคลิกท่ีไอคอน DIS บน desktop แลวดับเบ้ิลคลิกท่ี short cut fro.excise.go.th

2.กรอก user name / password แลวคลิก OK

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 10

3.คลิกท่ี Browse Content และเขาไปตามลําดับจนถึง โฟลเดอร Document

4.คลิกขวาในพื้นท่ีวางใน โฟลเดอร Documentแลวสราง folder ใหม ต้ังช่ือตามขาวท่ีตองการเกบ็ไฟล

5.เปด folder ท่ีเตรียมขอมูลไวบนเครื่องผูใช คูกับ folder บน DIS แลว copy and paste ไฟล

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 11

4. การเพิ่มขอมูลใน template แบบตางๆ

4.1 Template dynamic แบบมี Thumbnail

ตัวอยางของ Template แบบนี้ไดแกขาวผูบริหาร มีข้ันตอนดังภาพตอไปนี้

1.เปดหนาหลัก 2.คลิก ctrl+shift+F5 เพื่อเปดหนาล็อกอนิ

3.หลังจากล็อกอินสําเร็จจะเขาสู contribution mode ใหคลิกไปท่ีหนาท่ีตองการเพิ่มลดขอมูล

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 12

4.คลิกท่ีรูปลูกโลก หนาจอรายการ content ปรากฎ คลิกท่ีปุม Create new item

5.เมื่อฟอรม Choose content file ปรากฎ คลิก Next 6. ฟอรม Check-in content ปรากฎ ใหกรอกหัวขอขาวในชอง Title แลวคลิก Next

7.เมื่อฟอรม Check in Confirmation ปรากฎ เลือก Edit content item now แลวคลิก finish จะพบแบบฟอรมกรอกขอมลูปรากฎ

8.เมื่อฟอรมปรากฎ คลิก

ไอคอนรปูภาพ แลว search ดวยการกรอก

ช่ือรูป thumbnail

ท่ีเราเตรียมไวแลว

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 13

4.2 Template dynamic แบบมี ลิงคไ์ฟลแ์นบที่ title

Template แบบนี้ตัวอยางเชน หนังสือเวียน สามารถเพิ่มขอมูลไดตาม template แบบ ม ีthumbnail แตแตกตางตรงท่ีไมตองเพิ่มรูป thumbnail และเพิ่มรูป photo gallery ผูใชสามารถ กรอก title แลว Highlight ท้ังหัวขอและ browse เลือกไฟลแนบท่ีตองการดังรูป

9.กรอกหัวขอขาว และรายละเอียด โดยรายละเอียดให highlight ทุกตัวอักษร แลวเลือก style = txt_body_nom

11.เมื่อกรอกขอมูลครบถวนแลว คลิก save and close ดานบน

10. ในชอง image_gallery คลิกไอคอนรูป แลว browse หารปู เชนเดียวกับชอง thumbnail แตใหเพิ่ม bullet หนารูป โดยคลิกท่ีรูปแลวคลิก

ไอคอน bullet และ Enter แตละรูปใหอยูคนละบรรทัด สุดทายในชอง department กรอกช่ือผูกรอกขอมูล

12. หลังจากฟอรมกรอกขอมูลปดไปแลวจะพบหนารายการ content แสดงอยูใหคลิก Save and Close เพื่อบันทึกท้ังหมด

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 14

เม่ือหนาจอถัดไปปรากฎ เลือก Existing file from server คลิก next แลว browse หาไฟล

เมื่อเลือกไฟลแลว จะปรากฎหนา Choose target section กรณีไฟล .pdf เลือกรายการแรก Use the deftault website section: และคลิกปุม option ท่ีมุมซายลางเพื่อกําหนด Link Target Options เปน _blank แลวคลิก Ok และ finish แตหากเปนไฟลชนิดอื่นเลือกรายการสุดทาย Llink to the Content Item’s URL แลว finish

4.3 Template static

Template แบบนี ้สามารถคลิกรปูโลก แลวแกไขขอมลูไดตามแบบวธิกีาร กรอก รายละเอยีด และทําลิงคไฟลแนบแบบ ท้ัง 2 ประเภทท่ีกลาวมาแลวข้ันตน

1. highlight หัวขอขาวท้ังหมด 2. คลิกไอคอนรปูลิงค 3. เมื่อหนาจอ Choose type of link ปรากฎ เลือก link to a file แลวคลิก Next

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 15

5. การซอนขอมูลขาวท่ีไมตองการ และการปรับลําดับขาว

กรณีตองการซอนขาวท่ีไมตองการ ในหนารายการขาวคลิกท่ีเครื่องหมาย + แลวคลิกท่ีขาวท่ีตองการซอน

และคลิกเครื่องหมาย x เพื่อซอน

กรณีตองการจัดลําดับขาว คลิกท่ีขาวแลวคลิกท่ีไอคอน

เมื่อฟอรมกรอกขอมูลเปดข้ึนใหคลิก แทป Metadata แลว scroll down ไปท่ีสวนลางสุดของหนาจอ จะพบชองวันท่ี สามารถแกไขวันท่ี หรือเวลา แลวกลับไปท่ีแทป Elements เพื่อคลิก Save and close

หมายเหตุ ทุกครั้งท่ีมีการคลิก และมีการคลิก Save and close ระบบจะบันทึกวนัท่ีเวลาลาสุด ณ ขณะนั้น ถึงแมจะไมมีการแกไขขอมูลก็ตาม

การจัดการเน้ือหาในเว็บไซตอินเทอรเน็ต ระบบเว็บทาสําหรับการใชงานภายในกรมสรรพสามิต (Excise Web Portal)

บริษัท ทีมเวิรค โซลูช่ัน จํากัด หนา 16