Website Webportal

กรมสรรพสามิต

5) เม่อื ทำการลบเอกสารแล้ว ระบบมีแจง้ เตอื นแสดงเพอื่ ให้ทำการยืนยนั การลบเอกสารออกจาก
ระบบใหค้ ลกิ ปุ่ม OK เพ่ือยืนยัน

6) เมื่อยนื ยนั การลบเอกสารแลว้ ระบบแสดงผลการลบเอกสาร

45

กรมสรรพสามิต

7) จากนั้นทดสอบว่ายังมีเอกสารในระบบหรือไม่ โดยการลองค้นหาเอกสารอีกครั้งและผลจาก
การคน้ หาไม่พบเอกสารแล้ว

46

กรมสรรพสามติ

บทที่ 2
การใช้งาน Oracle WebCenter Content : Desktop

Oracle WebCenter Content : Desktop คือ โปรแกรมที่ช่วยสำหรับการจัดการเอกสาร สามารถ
ทำการนำเอกสารเขา้ ระบบ ลบเอกสารออกจากระบบ จัดการการจัดเก็บเอกสารตามโฟลเดอรไ์ ด้

47

กรมสรรพสามิต

2.1 การเชือ่ มตอ่ Server
การเชื่อมต่อ Server คือ การเชื่อมต่อโปรแกรม Oracle WebCenter Content : Desktop กับ Oracle

WebCenter Content Server เพือ่ ให้สามารถเข้าจดั การเอกสารภายใน Server ได้ โดยมขี น้ั ตอนดังน้ี
1) การเข้าโปรแกรม ให้คลกิ ท่ไี อคอน เพอื่ เปดิ โปรแกรม

48

กรมสรรพสามิต

2) เมื่อเข้าหน้าโปรแกรมแล้ว ต่อมาทำการเพิ่ม Server โดยคลิกขวาที่บริเวณหน้าโปรแกรม และเลือก
Add Server

49

กรมสรรพสามิต

3) เมื่อเลือก Add Server แล้วระบบจะแสดงหน้าต่างสำหรับกรอกข้อมูลของ Server ที่เชื่อมต่อ
โดยกรอก IP ของเครื่อง Server ท่ชี อ่ ง Server Name แล้วคลกิ ป่มุ OK

4) เมื่อทำการเพิ่ม Server เรียบร้อยแล้ว ต่อมาเป็นการเชื่อมต่อ Server โดยคลิกสองครั้งที่ไอคอน
เพ่อื เชื่อมต่อ Server

50

กรมสรรพสามติ

5) ตอ่ มาทำการกรอก User name และ Password ของผใู้ ชแ้ ล้วคลิกปมุ่ OK

6) เม่อื ลงชือ่ เขา้ ใชไ้ ดแ้ ลว้ ระบบจะแสดงขอ้ มูลต่าง ๆ ทอ่ี ยู่ใน Content Server โดยเอกสารอยู่ในโฟลเดอร์
Browse Content

51

กรมสรรพสามิต

7) จากนัน้ เขา้ ไปในโฟลเดอร์ Inter โดยคลกิ สองคร้ังทโ่ี ฟลเดอร์

8) เม่ือเขา้ มาในโฟลเดอร์ Inter แล้ว จะพบโฟลเดอรเ์ ว็บไซตข์ องแตล่ ะพ้นื ท่ี

52

กรมสรรพสามิต

9) ต่อมาสามารถเลือกเข้าไปยงั โฟลเดอร์ตา่ ง ๆ ท่ีจัดเกบ็ เอกสาร

53

กรมสรรพสามิต

2.2 การสรา้ งโฟลเดอร์
การสร้างโฟลเดอร์ คือ การสร้างที่จัดเก็บเอกสารต่าง ๆ ให้จัดเก็บเป็นหมวดหมู่ โดยอาจแบ่งตามประเภท

ของเอกสาร หรอื แบง่ ตามภาคพื้นที่ เปน็ ต้น เพอื่ ใหส้ ะดวกต่อการค้นหาและเข้าถงึ เอกสาร โดยมีขนั้ ตอนดังน้ี
1) เม่อื เข้ามาที่ Server ไดแ้ ล้ว ต่อมาเข้ามาทีโ่ ฟลเดอร์ทตี่ ้องการสร้างโฟลเดอรใ์ หม่ แล้วคลกิ ขวาและเลือก

New Folder

54

กรมสรรพสามติ

2) เมื่อทำการสร้างโฟลเดอรแ์ ล้ว ให้กรอกช่อื โฟลเดอร์ใหเ้ รียบรอ้ ย

55

กรมสรรพสามิต

2.3 การ Check-In เอกสาร
การ Check-In เอกสาร คือ การนำเอกสารเข้าระบบ เหมือนกับการ Check-In ด้วย Oracle WebCenter

Content โดยตรง แตว่ ธิ นี จ้ี ะเปน็ การ Check-In ผ่านโปรแกรมแทน โดยมขี นั้ ตอนดังนี้
1) เลอื กเอกสารท่ตี ้องการเพิม่ เขา้ ระบบจากในเครื่องคอมพิวเตอร์ โดยคลกิ ขวาท่ีรปู และเลอื ก Copy

56

กรมสรรพสามิต

2) เมื่อคดั ลอกเอกสารไว้แลว้ ต่อมาเขา้ มายังโฟลเดอร์ต้องการนำเอกสารมาจดั เก็บไว้แล้วคลกิ ขวาท่ีบริเวณ
พ้นื ที่วา่ งและเลอื ก Paste

57

กรมสรรพสามิต

3) จากนั้นรอโปรแกรมทำการคัดลอกเอกสารจากเครื่องคอมพวิ เตอรเ์ ข้าจัดเก็บในระบบ

4) เมือ่ ทำการคดั ลอกเรียบร้อยแล้ว จะแสดงเอกสารที่ Check-In เรียบร้อยแลว้ ตามโฟลเดอรท์ ี่เลอื ก

58

กรมสรรพสามิต

5) เมื่อ Check-In เอกสารเข้าระบบเรียบร้อยแล้ว สามารถดูรายละเอียดข้อมูลของเอกสารได้โดยคลิก
ท่เี อกสาร โปรแกรมแสดงรายละเอยี ดเอกสารในสว่ นดา้ นล่างของหน้าโปรแกรม

59

กรมสรรพสามติ

2.4 การลบเอกสาร
การลบเอกสาร คือ การนำเอกสารออกจากระบบ เหมือนกับลบเอกสารด้วย Oracle WebCenter

Content โดยตรง แต่วธิ นี จ้ี ะเปน็ การลบผ่านโปรแกรมแทน โดยมีขั้นตอนดงั น้ี
1) เขา้ ไปยังโฟลเดอร์เอกสารท่ีต้องการลบ และคลกิ ขวาที่เอกสาร เลอื ก Delete เพ่ือลบเอกสาร

60

กรมสรรพสามิต

2) เมื่อลบเอกสารแล้ว ระบบแสดงหน้าต่างแจ้งให้ยืนยันการลบเอกสาร ให้ทำการยืนยันการลบ
โดยคลิกปุ่ม Yes

61

กรมสรรพสามติ

3) เมอื่ ลบเอกสารออกจากระบบเรียบรอ้ ยแลว้ จะไม่พบไฟล์เอกสารในหน้าโปรแกรม

62

กรมสรรพสามติ

บทที่ 3
การพัฒนาเว็บไซต์ ด้วย Oracle WebCenter Content

3.1 รปู แบบในการพฒั นาเว็บไซต์
รูปแบบในการพัฒนาเว็บไซต์ เป็นการอธิบายถึงวิธีการที่ใช้ในการพัฒนาเว็บไซต์ เช่น การเพิ่มข้อมูล,

การลบข้อมลู , การแก้ไขข้อมูล, การสร้างหน้าเพจ เป็นตน้ โดยแบ่งออกเปน็ 2 รูปแบบ
3.1.1. การแก้ไขผ่านเว็บเบราว์เซอร์
การแก้ไขในรูปแบบนี้จะเป็นการแก้ไขเกี่ยวกับข้อมูลที่แสดงในหน้าเว็บไซต์ เช่น การเพิ่มข้อมูล,

ลบข้อมูล, แก้ไขข้อมูลและการประกอบหน้าเว็บ เป็นต้น โดยเป็นการแก้ไขผ่านเว็บเบราว์เซอร์หรือ
ทีเ่ รียกวา่ Contribution Mode

1) เข้าหน้าเว็บไซต์ด้วยเว็บเบราว์เซอร์ ด้วย URL ของเครื่อง Staging ด้วย IP : 192.168.3.239
เช่น http://192.168.3.239:16200/loei/ABOUT_US/CONTACT_US/index.htm

63

กรมสรรพสามติ

2) จากนั้นเข้าสู่การแก้ไขหน้าเว็บไซต์ โดยให้กดที่ Keyboard ด้วย Ctrl+Shift+F5 พร้อมกัน
เพื่อเขา้ สู่โหมดการแกไ้ ข เรยี กว่า Contribution Mode

3) เมื่อกดเข้าสู่โหมดการแก้ไขได้แล้ว หน้าเว็บจะแสดงส่วนหัวว่า Contribution Mode
และจะปรากฏสว่ นการแกไ้ ข และคลิกที่ เพอื่ แกไ้ ขข้อมลู

4) เมอื่ เขา้ ส่สู ่วนแกไ้ ขข้อมูลแลว้ จะพบการหนา้ ต่างท่ีใชใ้ นการแก้ไข

64

กรมสรรพสามิต

3.1.2. การแกไ้ ขผ่านโปรแกรม Site Studio
การแก้ไขในรูปแบบนี้จะเป็นการแก้ไขเกี่ยวกับส่วนประกอบต่าง ๆ ของเว็บไซต์ เช่น การสร้าง

หน้าเว็บ, การรูปแบบแสดงผลข้อมูล, การแก้ไขเมนูและการสร้าง Website Asset เป็นต้น โดยโปรแกรม Site
Studio มสี ่วนประกอบดงั นี้

1) สว่ น Menu
ส่วนนี้เป็นส่วนเครื่องมือสำหรับการจัดโปรแกรมและการเว็บไซต์ เช่น การเชื่อมต่อ Site

การเพิม่ รปู ภาพ การสร้างรปู แบบ Layout แบบตารางและการบนั ทึกขอ้ มูล เป็นต้น

65

กรมสรรพสามิต

2) ส่วน Site Hierarchy
ส่วนนี้เป็นส่วนแสดงโครงสร้างของเว็บไซต์ ว่าเว็บไซต์มีหน้าใดบ้าง และเป็นส่วนที่ใช้สร้าง

หนา้ เว็บทำการเลอื ก Page Templates มาใส่ เพอ่ื กำหนด Layout ของแตล่ ะหนา้ ของเวบ็ ไซต์

3) สว่ น Display
ส่วนนี้เป็นส่วนการแสดงผล เป็นส่วนที่แสดงโค้ดของส่วนต่าง ๆ ของเว็บไซต์ ใช้สำหรับ

ในการสร้างและแกไ้ ขข้อมลู

66

กรมสรรพสามติ

4) ส่วน Properties
สว่ นนีเ้ ปน็ สว่ นแสดงรายละเอยี ดของไฟล์

5) สว่ น Site Assets
ส่วนนี้เป็นส่วนของไฟล์ต่าง ๆ ที่ใช้ในเว็บไซต์ โดยใช้สำหรับการสร้าง แก้ไขและลบไฟล์ต่าง ๆ

อย่างเช่น Element Definitions, Region Definitions, Region Templates, Subtemplates, Placeholder
Definitions, Page Template, CSS และ Script เปน็ ตน้

67

กรมสรรพสามิต

3.2 Website Asset
Website Asset คือ ส่วนประกอบต่าง ๆ ที่ใช้สำหรับสร้างเว็บไซต์ เป็นส่วนต่าง ๆ ที่นำมาประกอบกัน

เป็นหน้าเว็บไซต์และเว็บไซต์ ส่วนการนำเข้าข้อมูลของเว็บไซต์ ส่วนที่จัดรูปแบบการแสดงผลของเว็บไซต์
ประกอบดว้ ยสว่ นหลกั ๆ ได้แก่

1) Page Template

2) Placeholder Definitions

68

กรมสรรพสามติ

3) Region Definitions & Region Templates

4) Element Definitions

69

กรมสรรพสามติ

3.3 การสรา้ งเว็บไซต์
เป็นตัวอย่างการสร้างเว็บไซต์โดยใช้เครื่องมือ Oracle WebCenter Content โดยแบ่งขั้นตอนการสร้าง

เวบ็ ไซต์ แบง่ ออกเป็น 11 ขน้ั ตอน ดงั น้ี

1. การเชอ่ื มตอ่ Site ท ี ่ ส ่ ว น เ ม น ู ข อ ง โ ป ร แ ก ร ม เ พ ื ่ อ เ ข ้ า สู่
เปน็ การสร้างการเช่อื มตอ่ กบั server โดยมีขัน้ ตอนดังนี้

1) ทำการเปิดโปรแกรม Site Studio แล้วคลิกที่
Site Connection Manager

70

กรมสรรพสามติ

2) เม่ือเข้าสู่ Site Connection Manager แลว้ ใหค้ ลกิ ท่ีปมุ่ New เพอ่ื สรา้ งการเช่ือมตอ่ Site

3) จากนน้ั กรอก URL ด้วย IP ของ Server ทช่ี ่อง Server Cgi URL ในรปู แบบ
http://xxx.xxx.xxx.xxx:16200/cs/idcplg และคลิกปมุ่ Connect

71

กรมสรรพสามติ

4) เมื่อกดเชื่อมต่อ Server แล้ว ให้กรอก User Name และ Password แล้วคลิกปุ่ม Sign In
เพื่อเชอ่ื มตอ่ server

5) เมื่อเชื่อมต่อกับ Server เรียบร้อยแล้ว ให้ทำการเลือก Site ที่ต้องการเชื่อมต่อในช่อง Site Label
และคลกิ ป่มุ OK

72

กรมสรรพสามติ

6) เมื่อเพิ่มการเชื่อมต่อ Site เรียบร้อยแล้ว ต่อไปเป็นการเชื่อมต่อ ให้คลิกเลือกที่ Site ที่ต้องการและ
คลกิ ป่มุ Done เพ่อื เชื่อมต่อ Site

7) เมื่อเชอ่ื มต่อ Site สำเรจ็ โปรแกรมจะแสดงหนา้ ในการจัดการของเว็บไซต์

73

กรมสรรพสามติ

2. การสร้าง Home Page
เปน็ การสรา้ งหนา้ เพจของเว็บไซต์ โดยมีขน้ั ตอนดงั น้ี
1) เมื่อเชื่อมต่อ Site ได้เรียบร้อยแล้ว ต่อมาทำการสร้าง Home Page ซึ่งก็คือหน้าแรกของเว็บไซต์

โดยคลิกขวาท่ี Home และเลือก Select Home Page

2) ต่อมาเป็นการเลือก page template ของ home page ซึ่งคือรูปแบบของหน้าเว็บนั้นเอง
โดยจะเปน็ การสรา้ ง Page Template ใหม่ ให้เลือกท่ี Create a new page template และคลิกปมุ่ OK

74

กรมสรรพสามิต

3) จากนั้นทำการกรอกข้อมูลของ Home Page เมื่อกรอกเรียบร้อยแล้วให้เลื่อนไปด้านล่างของหน้า
และคลกิ ปุม่ Assign Info

4) เม่อื สร้างหนา้ Home Page เรยี บรอ้ ยแล้ว จะพบหน้าท่ีสรา้ งใต้ Home

75

กรมสรรพสามติ

3. การสร้าง Section
เปน็ การสร้างหน้าต่าง ๆ ของเว็บไซต์ โดยมขี ั้นตอนดงั น้ี
1) ทำการสร้าง Section ภายใต้ Home ใหค้ ลิกขวาท่ี Home และเลอื ก Add New Section

2) จากนัน้ ทำการตง้ั ชอ่ื Section ในช่อง Label และ ต้งั URL ในชอ่ ง URL

76

กรมสรรพสามิต

3) เมอ่ื สรา้ ง Section เรยี บร้อยแลว้ สว่ นโครงสร้างจะแสดงโฟลเดอร์ Marketing ภายใต้ Home

4) จากนั้นทำการสร้าง Section ย่อยใน Section Marketing โดยคลิกขวาที่โฟลเดอร์ Marketing
เลือก Add New Section เป็นเมนยู ่อยของ Marketing

77

กรมสรรพสามติ

5) จากน้ันทำการตงั้ ชอ่ื Section ในชอ่ ง Label และตง้ั URL ในช่อง URL

6) เมื่อสร้าง Section เรียบร้อยแล้ว ส่วนโครงสร้างจะแสดงโฟลเดอร์ Production Descriptions
ภายใต้ Marketing

7) จากนั้นทำการตั้งค่าของ Section ให้แสดงผลในส่วนเมนูของเว็บไซต์เมื่อสร้าง โดยคลิกขวาท่ี
Section ทต่ี ้องการตั้งค่าและเลอื ก Include Section in Navigation โดยทำการตั้งค่าทั้ง 3 Section

78

กรมสรรพสามิต

8) เมอื่ สร้างและตงั้ ค่าทงั้ 3 section เรยี บร้อยแล้ว ในส่วนเมนูกจ็ ะแสดงทง้ั 3 sectionดังภาพดา้ นขวา

79

กรมสรรพสามติ

4. การออกแบบหน้าจอ
เปน็ การจดั รปู แบบการแสดงขอ้ มลู ในหนา้ เวบ็ ไซต์ โดยมขี น้ั ตอนดังนี้
1) ทำการเปดิ หน้า Home Page และแก้ไขหน้าเพจโดยใชร้ ปู แบบตาราง คลกิ ท่ี และเลอื ก Left & Top

2) เมื่อเลือกรปู แบบแล้ว จะปรากฏตารางขึน้ ในหนา้ เพจ

80

กรมสรรพสามิต

3) จากนน้ั ทำการแก้ไขส่วนหวั ของหนา้ เพจ โดยคลิกช่องทีห่ วั ตารางและคลกิ เลือก เพ่อื เพิ่มรปู ภาพ

4) การเลือกรูปภาพ เป็นการเลือกรูปภาพจากใน Content Server โดยทำการคลิก Select ที่รูปภาพ
นั้น

81

กรมสรรพสามติ

5) เมื่อเลือกรูปภาพเรียบร้อย รูปภาพจะแสดงอยู่ในส่วนหัวของตาราง ต่อมาทำการใส่สีพื้นหลังในช่อง
ด้านซา้ ยซึ่งเป็นส่วนเมนู โดยคลกิ ท่ีช่องด้านซา้ ยและคลกิ ท่ี เพือ่ เลือกใส่สพี น้ื หลัง

6) ทำการเลอื กสีที่ต้องการและสามารถเลือกสเี พิ่มเติมได้ โดยคลิกที่ More Colors

82

กรมสรรพสามิต

7) ทำการเลือกสีท่ตี อ้ งการและคลกิ ปุ่ม OK เพือ่ ยนื ยนั

8) เมอ่ื ทำการเลือกสีพื้นหลังเรยี บรอ้ ยแลว้ ในชอ่ งด้านซา้ ยแสดงสีพ้นื หลงั ตามทเ่ี ลอื ก

83

กรมสรรพสามติ

5. การสรา้ งเมนู
เป็นการเพ่ิมส่วนเมนูของเวบ็ ไซต์ในหน้าเพจ โดยขนั้ ตอนดังนี้
1) เลือกทช่ี ่องดา้ นซา้ ยและเลอื กที่ Nav Multi Vertical

2) เมื่อเลือกรปู แบบเมนแู ล้ว ในชอ่ งด้านซ้ายก็จะแสดงสว่ นเมนู

84

กรมสรรพสามติ

3) จากนั้นทำการเปิดหน้าเว็บเพจผ่านเบราว์เซอร์ เพื่อดูการแสดงผลหน้าเพจ โดยคลิกขวาที่หน้า
HP_TRAIN และเลือก View in Browser

4) แสดงหน้า Home Page ทีม่ ีการจดั รปู แบบและแสดงส่วนเมนขู องเวบ็ ไซต์

85

กรมสรรพสามิต

6. การสร้าง Element Definitions
ทำการสรา้ ง Element Definitions ทั้ง 3 สว่ น คือ Headline, Image และ Detail

86

กรมสรรพสามติ

1. สว่ น Headline

1) ไปท่สี ่วน Site Assets เลือก Element Definitions
87

กรมสรรพสามติ เลือก New และเลือกสร้าง

2) สร้างส่วน Headline ในรูปแบบ Plain Text โดยคลิกที่
Element แบบ Plain Text โดยเลอื ก Plain Text Element Definition

3) ต่อมาทำการกรอกข้อมูลของ Element

88

กรมสรรพสามิต

4) เมือ่ ทำการสรา้ ง Element เรียบรอ้ ยแล้ว จะแสดง Element ในส่วน Site Asset
5) จากน้นั คลิกสองครัง้ เพือ่ เปิด Element เพือ่ ทำการตงั้ ค่า Element

89

กรมสรรพสามิต

2. ส่วน Image

1) สร้างส่วน Image ในรูปแบบรูปภาพ โดยคลิกที่ เลือก New และเลือกสร้าง Element
แบบ Image โดยเลือก Image Element Definition

90

กรมสรรพสามิต

2) ต่อมาทำการกรอกขอ้ มลู ของ Element

91

กรมสรรพสามิต

3. ส่วน Detail

1) สร้างส่วน Detail โดยคลิกที่ เลือก New และเลือกสร้าง Element แบบ Wysiwyg
โดยเลอื ก Wysiwyg Element Definition

92

กรมสรรพสามิต

2) ตอ่ มาทำการกรอกข้อมลู ของ Element

3) เม่อื สร้าง Element Definition ครบแล้ว จะแสดง Element Definition ท้งั 3 รปู แบบทส่ี รา้ ง

93

กรมสรรพสามติ

7. การสร้าง Region Definitions
คอื การจดั กลุ่มของ Element Definitions ทสี่ ร้างไว้ทัง้ 3 ส่วน มารวมกันเพ่ือใชง้ านต่อไป

1) ไปที่ส่วน Site Assets และสร้าง Region Definitions โดยคลิก เลือก New และ Region
Definition

94