Issuu on Google+

TM

DISTRIBUTED INFORMATION MANAGEMENT SYSTEM ระบบบริหารจัดการสารสนเทศแบบกระจาย

SME Solution

ระบบบริห ารจัด การความรู้ภ ายใน องค์ก รแบบกระจาย


Table Of Content ระบบจัดการโครงสร้ างเว็บไซต์ ส่ วนที่ 1. หัวข้ อหลักของระบบ ส่ วนที่ 2. ระบบจัดการเว็บไซต์ 1. กำาหนดค่าเริ่มต้ น 2. ข้ อมูลสมาชิก 3. ระบบจัดการเนื ้อหา 4. ระบบจัดการไฟล์ 5. ระบบจัดการฐานข้ อมูล ส่ วนที่ 3. ระบบจัดการรู ปแบบเว็บไซต์ 1. กำาหนดมาตรฐานเว็บไซต์ 2. ออกแบบส่วนหัวเว็บไซต์ 3.สร้ างข้ อความประกาศ 4. ออกแบบเมนูด้านบน 5. ออกแบบเมนูด้านซ้ าย 6. ออกแบบลิงค์ด้านล่าง 7. ออกแบบส่วนท้ ายเว็บไซต์ 8. กำาหนด meta tag ส่ วนที่ 4. ระบบบริหารการติดต่ อสื่อสาร 1. ระบบจัดการ ( Web Board ) 2. ระบบแจ้ งข่าวทาง E – Mail ( Mail List ) 3. ระบบการติดต่อจากผู้ใช้ ( Check Comments ) 4. ระบบคำาถามที่ถามบ่อย ( Frequently Asked Question ) 5. ระบบแบบสำารวจความคิดเห็น ( Vote & Poll ) ส่ วนที่ 5. ระบบจัดการโปรแกรมเสริม 1. ระบบอัลบัมรู ้ ปภาพ 2. ระบบจัดการ Pop up • การทำางานในโหมด HTML • การเรี ยกใช้ งาน URL

2 4 6 5 8 25 45 48 49 50 53 54 55 56 59 59 60 62 62 70 73 77 82 86 86 91 94 98


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

2

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

ระบบจัดการโครงสร้างเว็บ

ภาพที่ 6.1 แสดงหน้ า Admin Tool 1 .

2 .

3 .

4 .

5 .

ภาพที่ 6.2 แสดงหน้ าระบบการจัดการโครงสร้ างเว็บไซต์ 1. 2. 3. 4. 5.

หัวข้ อหลัก ของระบบ ระบบจัดการเว็บไซต์ ระบบจัดการรูปแบบเว็บไซต์ ระบบบริหารการติดต่อสื่อสาร ระบบจัดการโปรแกรมเสริม


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

3

ส่ วนที่ 1. หัวข้ อหลักของระบบ คือ เป็ นหัวข้ อหลัก ของระบบการจัดการโครงสร้ างเว็บไซต์ มีรายละเอียดดังต่อไปนี ้

ภาพที่ 6.3 แสดงหน้ า หัวข้ อหลัก ของระบบการจัดการโครงสร้ างเว็บไซต์ - Home คือ หัวข้ อสำาหรับ คลิกเพื่อกลับไปสูห่ น้ าเว็บไซต์ภายนอก และออกจากหน้ า Admin Tool - Log in by :: admin (Webcreator) คือ หัวข้ อแสดง สมาชิกที่ Log in เข้ ามาในระบบ Admin Tool ยกตัวอย่าง ขณะนี ้ สมาชิกชื่อ admin ประเภทสมาชิก (Webcreator) Log in เข้ ามาในระบบ Admin Tool ดังแสดง ตัวอย่าง ภาพที่ 6.4 ชื่อสมาชิก ที่ Log in เข้าระบบ ประเภทสมาชิก ที่ Log in เข้าระบบ ภาพที่ 6.4 แสดงหน้ า แสดงหน้ าหัวข้ อหลัก


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

4

- About คือ ส่วนรายละเอียด ลิขสิทธิ์ ของซอร์ ฟแวร์ DIMS และแสดง Version ของซอร์ ฟแวร์ เมื่อคลิกที่หวั ข้ อนี ้ จะมี Pop up แสดงรายละเอียดดังภาพที่ 6.5 ต่อไปนี ้ ชื่อซอร์ฟแวร์ Version ซอร์ฟแวร์

รายละเอียด

License ID.

คำาเตือน

ภาพที่ 6.5 Pop up หน้ า About ส่ วนที่ 2. ระบบจัดการเว็บไซต์ คือ ระบบจัดการเกี่ยวกับ การกำาหนดค่าเริ่มต้ นของเว็บไซต์ รวมไปถึงระบบการ จัดการสมาชิก ระบบการจัดการไฟล์ มีอธิบาย ดังภาพที่ 6.6


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

5

ภาพที่ 6.6 แสดงหน้ า ระบบจัดการเว็บไซต์

ระบบจัดการเว็บไซต์

ประกอบไปด้ วย 1. กำาหนดค่าเริ่มต้ น 2. ข้ อมูลสมาชิก 3. ระบบจัดการเนื ้อหา 4. ระบบการจัดการไฟล์ 5. ระบบจัดการฐานข้ อมูล

1. กำาหนดค่ าเริ่มต้ น

ภาพที่ 6.7 หัวข้ อ กำาหนดค่าเริ่มต้ น - กำาหนดค่าเริ่มต้ น คือ เป็ นหน้ า Set ค่าเริ่มต้ นของเว็บไซต์ เพราะการเริ่มต้ นใช้ งานเว็บไซต์ จำาเป็ นต้ องกำาหนดค่าเริ่ม ต้ นของเว็บไซต์ก่อน ขันตอนการ ้ Set ดังภาพที่ 6.8

คลิก

ภาพที่ 6.8 แสดงวิธีการเข้ าหน้ า กำาหนดค่าเริ่มต้ น เมื่อ คลิก หัวข้ อกำาหนดค่าเริ่มต้ น จะมีหน้ า Pop up การตรวจสอบสิทธิ์ ในการเข้ าไป Set รายละเอียดภายใน โดยการ ให้ ใส่ User Name และ Password อีกครัง้ ดังภาพที่ 6.9


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

6

กรอก User Name กรอก Pass Word ภาพที่ 6.9 แสดงวิธีการเข้ าหน้ า การตรวจสอบสิทธิ์ เมื่อกรอก User Name และ Pass Word แล้ วให้ คลิกปุ่ ม Login ก็จะเข้ าไปสูห่ น้ า กำาหนดค่าเริ่มต้ น ดังแสดงด้ วย ภาพที่ 6.10

ภาพที่ 6.10 แสดงหลัก กำาหนดค่าเริ่มต้ น -

Webmaster EMAIL หมายถึง ให้ กรอก E-Mail Address ของผู้ดแู ลเว็บไซต์ (Webmaster) เพื่อเป็ นส่วนติดต่อ กลับจากสมาชิก ยกตัวอย่าง thaicyberweb@gmail.com SITE NAME หมายถึง ให้ กรอกชื่อ ของหน่วยงาน หรื อชื่อของเว็บไซต์ เพื่อบอกให้ ร้ ูว่าเว็บไซต์เป็ นของหน่วยงาน อะไร ยกตัวอย่าง THAICYBERWEB เมื่อใส่ไปแล้ วจะแสดงผล ดังภาพที่ 6.11 Site Name

ภาพที่ 6.11 แสดง Site Name


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

7

- START COUNTER หมายถึง Counter คือ ตัวนับสถิติผ้ เู ข้ าชมเว็บไซต์ Start Counter เป็ นตัวเลขให้ ตงค่ ั ้ าเริ่มนับ สถิติผ้ เู ข้ าชมเว็บไซต์ ตัวอย่าง เริ่มนับที่ 0 หรื อเริ่มนับที่ 100, 1,000, 10,000 เป็ นต้ น ตัวนับจะแสดงอยู่ที่หน้ าแรก ส่วน ล่างสุด ตัวอย่างตาม ภาพที่ 6.12

ตัวนับสถิติ

ภาพที่ 6.12 แสดงตัวนับสถิติผ้ เู ข้ าชมเว็บไซต์ - SITE BEGIN หมายถึง วันที่เริ่มนับ สถิติผ้ เู ข้ าชมเว็บไซต์ ตัวอย่าง ภาพที่ 6.13

วันที่เริ่ มนับ

ภาพที่ 6.13 แสดงวันเริ่มนับสถิติผ้ เู ข้ าชมเว็บไซต์

- DIRECTORY THUMBNAIL W… หมายถึง ขนาดของรูปภาพ ในส่วนของ Directory (หัวข้ อ) จะให้ มีขนาดเท่าไร หน่วยเป็ น Pixel - SUB DIRECTORY THUMBNAIL W… หมายถึง ขนาดของรูปภาพ ในส่วนของ Sub Directory (หัวข้ อย่อย) จะให้ มี ขนาดเท่าไร หน่วยเป็ น Pixel - DIRECTORY PAGESIZE หมายถึง จำานวนหัวข้ อในแต่ละหน้ า จะให้ แสดง หน้ าละกี่หวั ข้ อ มีหน่วยเป็ น Record - SUB DIRECTORY PAGESIZE หมายถึง จำานวนหัวข้ อย่อยในแต่ละหน้ า จะให้ แสดง หน้ าละกี่หวั ข้ อย่อย มีหน่วย เป็ น Record


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

8

2. ข้ อมูลสมาชิก

ภาพที่ 6.14 หัวข้ อ ข้ อมูลสมาชิก - ข้ อมูลสมาชิก คือ เป็ นส่วน ระบบการจัดการข้ อมูลสมาชิกทังหมด ้ ซึง่ ประกอบไปด้ วย ระบบสมาชิก การสมัครสมาชิก ค้ นหารายชื่อสมาชิก กำาหนดสิทธิ์การใช้ เครื่ องมือใน Admin Tool เป็ นต้ น วิธีการเข้ าข้ อมูลสมาชิก ดังภาพที่ 6.15

คลิก

ภาพที่ 6.15 แสดงวิธีการเข้ าหน้ า ข้ อมูลสมาชิก เมื่อคลิกที่หวั ข้ อ ข้ อมูลสมาชิก จะมีหน้ ารายละเอียดให้ ปรับเปลี่ยนข้ อมูล ดังภาพที่ 6.16

ภาพที่ 6.16 แสดงหน้ าข้ อมูลสมาชิก ระบบข้ อมูลสมาชิก คือ ข้ อมูลสมาชิกมีไว้ เพื่อเก็บรวบรวมข้ อมูลของสมาชิกเว็บไซต์ทงหมด ั้ และรวมไปถึงการ Set ค่า ต่าง ๆ ของข้ อมูลสมาชิก มีหวั ข้ อหลักทังหมด ้ 4 หัวข้ อให้ ผ้ ดู แู ลเว็บไซต์ จัดการระบบสมาชิก มีรายละเอียดดังต่อไปนี ้


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

9

1. ข้ อมูลสมาชิก หมายถึง หน้ าของส่วนรายชื่อสมาชิกทังหมด ้ ซึง่ ประกอบไปด้ วย การค้ นหารายชื่อสมาชิก ข้ อมูล ของสมาชิก ตัวอย่างดัง ภาพที่ 6.17 ข้ อมูลสมาชิก 1 .

2 .

3 .

4 .

5 . ภาพที่ 6.17 แสดงหน้ าหัวข้ อ ข้ อมูลสมาชิ ก

หมายเลข 1. ระบบค้ นหา เป็ นระบบที่ทำาขึ ้นเพื่อให้ ผ้ ดู แู ลเว็บไซต์ สามารถค้ นหารายชื่อสมาชิก ทังหมดที ้ ่อยู่ใน เว็บไซต์ ได้ ค้ นหาได้ ทงการกำ ั้ าหนด ชื่อ, Username, ประเภทสมาชิก, เลขสมาชิก, ตำาแหน่ง ตัวอย่างดัง ภาพที่ 6.18


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) ใส่ชื่อที่ตอ้ งการค้นหา

รายชื่อที่คน้ หา

10

ค้นหาโดย

เริ่ มค้นหา

ภาพที่ 6.18 แสดงหน้ าการค้ นหา ข้ อมูลสมาชิก

เมื่อต้ องการค้ นหาข้ อมูลสมาชิก ให้ ใส่รายชื่อนันในช่ ้ อง ใส่ ช่ ือที่ต้องการค้ นหา จากนันให้ ้ เลือกวิธีการค้ นหาโดยเลือก ในช่อง ค้ นหาโดย สุดท้ ายคลิกที่ เริ่มค้ นหา จะมีรายชื่อที่เริ่มค้ นหา ปรากฏ ด้ านล่าง เมื่อพบรายชื่อสมาชิกเรี ยบร้ อยแล้ ว ให้ คลิกที่รายชื่อนัน้ ข้ อมูลสมาชิกนันก็ ้ จะปรากฏมาในส่วนของ ฟอร์ มด้ านล่างดังภาพที่ 6.19

ข้อมูลต่าง ๆ ของสมาชิก

ภาพที่ 6.19 แสดงหน้ ารายละ���อียดข้ อมูลสมาชิก หมายเลข 2. เป็ นรายชื่อสมาชิก แสดงรายชื่อของสมาชิกผู้ดแู ลเว็บไซต์สามารถที่จะดูข้อมูลของสมาชิกได้ ทำาคน ซึง่ มี รายละเอียด ดังภาพที่ 6.20


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

11

คลิกดูหน้าต่อไป

แสดงเลขหน้า

รายชื่อสมาชิก

ภาพที่ 6.20 แสดงหน้ ารายละเอียดสมาชิก

เมื่อต้ องการดูข้อมูลส่วนตัวของสมาชิกท่านไหน ให้ คลิกที่ชื่อของสมาชิกท่านนัน้ จะมีรายละเอียดดังภาพที่ 6.19 แสดงหน้ ารายละเอียดข้ อมูลสมาชิก หมายเลข 3. ข้ อมูลใหม่ เป็ นปุ่ มให้ ผ้ ดู แู ลเว็บไซต์คลิก กรณีที่ต้องการสร้ างข้ อมูลสมาชิกใหม่ หรื อสมัครสมาชิกขึ ้นมา ใหม่ ดังภาพที่ 6.21 คลิกเพื่อสร้างข้อมูลใหม่

ภาพที่ 6.21 แสดงปุ่ มสร้ างข้ อมูลใหม่ เมื่อคลิกที่ ข้ อมูลใหม่ จะมีฟอร์ มให้ กรอกรายละเอียดของสมาชิก ดังภาพที่ 6.19 แสดงหน้ ารายละเอียดข้ อมูล สมาชิก หมายเลข 4. ฟอร์ มรายละเอียดข้ อมูลสมาชิก เป็ นฟอร์ มไว้ สำาหรับ ให้ ผ้ ดู แู ลเว็บไซต์ดขู ้ อมูลสมาชิก หรื อให้ ผ้ ดู แู ล เว็บไซต์กรอกข้ อมูลสมาชิกใหม่ลงไป แสดงตัวอย่าง ดังภาพที่ 6.19 แสดงหน้ ารายละเอียดข้ อมูลสมาชิก หมายเลข 5. ปุ่ มข้ อมูล เป็ นปุ่ ม ไว้ สำาหรับ สร้ างข้ อมูลใหม่ บันทึกข้ อมูล ล้ างข้ อมูล ลบข้ อมูล และพิมพ์ แสดงดังภาพ ที่ 6.22 ปุ่ มข้อมูลใหม่

ปุ่ มบันทึกข้อมูล

ปุ่ มล้างข้อมูล

ภาพที่ 6.22 แสดงปุ่ มข้ อมูล

ปุ่ มลบ ข้อมูล

ปุ่ มสั่งพิมพ์ขอ้ มูล


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) -

12

ปุ่ ม ข้ อมูลใหม่ คือ ปุ่ มคลิกเมื่อต้ องการเปิ ดแบบฟอร์ ม เพื่อกรอกข้ อมูลสมาชิกท่านใหม่ ปุ่ ม บันทึกข้ อมูล คือ ปุ่ มบันทึกข้ อมูล เมื่อเราแก้ ไขหรื อเพิ่มข้ อมูลใหม่ของสมาชิก ปุ่ ม ล้ างข้ อมูล คือ ปุ่ มสำาหรับคลิก เมื่อต้ องการล้ างข้ อมูลที่พิมพ์ไปในฟอร์ ม ทังหมดออก ้ ปุ่ ม ลบข้ อมูล คือ ปุ่ มสำาหรับลบข้ อมูล สมาชิกท่านนันออกจาก ้ ฐานข้ อมูล ที่เก็บไว้ เมื่อลบข้ อมูลแล้ วไม่สามารถที่ จะ กลับมาดูย้อนหลังได้ ปุ่ ม พิมพ์ คือ ปุ่ มสำาหรับผู้ดแู ลเว็บไซต์ ต้ องการพิมพ์ข้อมูลสมาชิกท่านที่กำาลังเปิ ดขึ ้นมาดูในขณะนัน้

2. กำาหนดกลุ่มผู้ใช้ หมายถึง เป็ นส่วนขอการกำาหนดกลุม่ ผู้ใช้ หรื อประเภทสมาชิก ผู้ดแู ลเว็บไซต์สามารถกำาหนด กลุม่ ผู้ใช้ ได้ ตามความต้ องการของหน่อยงานนัน้ ๆ เพื่อจะจัดแบ่งสมาชิกออกเป็ นประเภทต่าง ๆ ตามความเหมาะสมดังภาพที่ 6.23 กำาหนดกลุ่มสมาชิก

ภาพที่ 6.23 แสดงปุ่ มส่วน กำาหนดกลุม่ สมาชิก ขันตอนการกำ ้ าหนดกลุม่ ผู้ใช้ มีดงั ต่อไปนี ้ - ขันตอนที ้ ่ 1. คลิก ที่กำาหนดกลุม่ สมาชิก แสดงดังภาพที่ 6.24 คลิกที่กาำ หนดกลุ่ม

ภาพที่ 6.24 แสดงปุ่ มกำาหนดกลุม่ สมาชิก


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

13

- ขันตอนที ้ ่ 2. เมื่อคลิก กำาหนดกลุม่ สมาชิก จะเข้ าไปสู้หน้ า กำาหนดกลุม่ สมาชิก แสดงดังภาพที่ 6.25

ภาพที่ 6.25 แสดงหน้ ากำาหนดกลุม่ ผู้ใช้ -

ขันตอนที ้ ่ 3. ให้ ใส่ชื่อกลุม่ สมาชิกที่ต้องการลงไปช่อง ชื่อกลุม่ ผู้ใช้ ตวั อย่าง แสดงดังภาพที่ 6.26 ใส่รหัส

ใส่ ชื่อประเภทสมาชิก

คลิกบันทึกข้อมูล

| ภาพที่ 6.26 แสดงหน้ าใส่ชื่อประเภทสมาชิก เมื่อต้ องการ เพิ่มกลุม่ ผู้ใช้ เริ่มจาก - ใส่รหัส รหัสกรอกตัวเลขอะไรก็ได้ แต่อย่าให้ ซ้ำากัน - ชื่อกลุม่ ใส่ชื่อกลุม่ ที่ต้องการลงไป ใส่ได้ ทงั ้ ภาษาไทย และอังกฤษ - ระดับ คือให้ เลือกความต้ องการ ระหว่าง Internet และ Intranet ว่าต้ องการให้ ประเภทสมาชิกประเภทนี ้ใช้ ได้ ใน ระดับไหน ส่วนมากถ้ าหน่วยงานที่ไม่มี Intranet ภายในจะเลือกเป็ น Internet - สถานะ คือ yes คือเปิ ดให้ เลือกประเภทสมาชิกนี ้ได้ No หมายถึงไม่เปิ ดให้ เลือกประเภทสมาชิกนี ้ได้ - ข้ อมูลใหม่ คือ คลิกเมื่อต้ องการ เพิ่มกลุม่ สมาชิกใหม่ คือการเปิ ดแบบฟอร์ มใหม่ - บันทึกข้ อมูล คือเมื่อกรอกรายละเอียดเสร็จแล้ ว ให้ คลิกที่ปมบั ุ่ นทึกข้ อมูล จะมี Pop up ตามภาพที่ 6.27


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

14

ภาพที่ 6.27 แสดงหน้ า Pop up เมื่อคลิกปุ่ ม OK จะมีรายชื่อกลุม่ สมาชิกที่เราเพิ่มใหม่ลงไปด้ านล่าง แสดงตัวอย่างภาพที่ 6.28

ชื่อกลุ่มที่เพิ่ม ใหม่ ภาพที่ 6.28 แสดงหน้ าหัวข้ อ กลุม่ สมาชิกที่เพิ่ม จากนันก็ ้ เป็ นการสิ ้นสุดการเพิ่ม ประเภทสมาชิก จะมีประเภทสมาชิกใหม่ขึ ้นมาในส่วนของแบบฟอร์ มของข้ อมูล สมาชิก ย้ อนกลับไปดูหน้ าข้ อมูลสมาชิก แสดงดังภาพที่ 6.29

ชื่อกลุ่มที่เพิ่ม ใหม่

ภาพที่ 6.29 แสดงข้ อมูลสมาชิก ส่วนของกลุม่ สมาชิกที่เพิ่มมาใหม่


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) -

15

ลบข้ อมูล คือ เมื่อประเภทสมาชิกนันไม่ ้ ต้องการ สามารถลบประเภทสมาชิกนันออกไปได้ ้ โดยคลิกเลือกประเภท สมาชิกนันก่ ้ อน แล้ วคลิกปุ่ ม ลบข้ อมูล

3. กำาหนดสิทธิผ้ ูใช้ หมายถึง เป็ นส่วนของการกำาหนดสิทธิผ้ ใู ช้ เมื่อเรากำาหนดกลุม่ ผู้ใช้ ไปแล้ วขันตอนต่ ้ อมาต้ อง กำาหนดว่า กลุม่ แต่ละกลุม่ จะให้ ใช้ เครื่ องมือ Admin Tool ส่วนไหนบ้ าง กำาหนดสิ ทธิ์ผใู้ ช้

ภาพที่ 6.30 แสดงหัวข้ อ กำาหนดสิทธิผ้ ใู ช้ ขันตอนการกำ ้ าหนดสิทธิผ้ ใู ช้ มีดงั ต่อไปนี ้ - ขันตอนที ้ ่ 1. คลิก ที่กำาหนดสิทธิผ้ ใู ช้ แสดงดังภาพที่ 6.31 คลิกที่กาำ หนดสิ ทธิผใู้ ช้ ภาพที่ 6.31 แสดงปุ่ มกำาหนดสิทธิผ้ ใู ช้ - ขันตอนที ้ ่ 2. เมื่อคลิก กำาหนดกลุม่ สมาชิก จะเข้ าไปสูห่ น้ า กำาหนดกลุม่ สมาชิก แสดงดังภาพที่ 6.32

ภาพที่ 6.32 แสดงปุ่ มกำาหนดสิทธิผ้ ใู ช้


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

16

- ขันตอนที ้ ่ 3. ดังภาพที่ 6.32 จะเห็นชื่อประเภทสมาชิก ตามที่ผ้ ดู แู ลเว็บไซต์ได้ ใส่เข้ าไป เมื่อกำาหนดประเภทสมาชิก แล้ ว ต้ องกำาหนดสิทธิการใช้ เครื่ องมือ Admin Tool ด้ วยมีวิธีกำาหนดดังภาพที่ 6.33

ชื่อกลุ่มสมาชิก จำานวนสมาชิก ในกลุ่มนั้น

ปุ่ ม เข้าไป Set ค่าต่าง ๆ

ภาพที่ 6.33 แสดงส่วนการกำาหนดสิทธิผ้ ใู ช้ อธิบายเพิ่มเติม ภาพที่ 6.33 หัวข้ อที่ 1. รหัส คือ ตัวเลขรหัส ที่ทางผู้ดแู ลเว็บไซต์ ได้ กำาหนดไว้ ตอนที่เพิ่มกลุม่ สมาชิกขึ ้นมา (อธิบายในส่วนของการ กำาหนดกลุม่ ผู้ใช้ ) ตัวอย่าง ดังภาพที่ 6.34 รหัส ภาพที่ 6.34 แสดงส่วนตำาแหน่งรหัส ของการกำาหนดสิทธิการใช้ เครื่ องมือ Admin Tool หัวข้ อที่ 2. ชื่อกลุม่ เป็ นรายชื่อกลุม่ ประเภทสมาชิก ที่กำาหนดไว้ ในส่วนของการเพิ่มกลุม่ สมาชิก (อธิบายในส่วนของการ กำาหนดกลุม่ ผู้ใช้ ) ตัวอย่าง ดังภาพที่ 6.35 ชื่อกลุ่ม ภาพที่ 6.35 แสดงส่วนตำาแหน่งชื่อกลุม่ ของการกำาหนดสิทธิการใช้ เครื่ องมือ Admin Tool หัวข้ อที่ 3. จำานวนสมาชิก คือ จะบอกเลขจำานวนสมาชิก ในแต่ละกลุม่ ว่ามีสมาชิกอยู่ทงหมดเท่ ั้ าไร ดังภาพที่ 6.36 จำานวนสมาชิก ภาพที่ 6.36 แสดงส่วนตำาแหน่งจำานวนสมาชิก ของการกำาหนดสิทธิการใช้ เครื่ องมือ Admin Tool หัวข้ อที่ 4. กำาหนดสิทธิ เป็ นส่วนในการ คลิกเพื่อเข้ าไป กำาหนดค่าต่าง ๆ ต้ องการจะกำาหนดสิทธิการใช้ งานของประเภท สมาชิกประเภทไหน ให้ คลิกที่รูป หลังหัวข้ อของประเภทกลุม่ นัน้ เพื่อเข้ าไปยังส่วนของการ กำาหนดสิทธิการใช้ งาน ตัวอย่าง การ คลิกเพื่อเข้ าไปกำาหนดสิทธ์ผ้ ใู ช้ งาน กลุม่ สมาชิกชื่อ Webcreater ซึง่ มีสมาชิกประเภทนี ้อยู่ทงหมด ั้ 2 ท่าน ตัวอย่างดัง ภาพที่ 6.37 กำาหนดสิ ทธิการใช้งาน ภาพที่ 6.37 แสดงส่วนตำาแหน่งของการกำาหนดสิทธิการใช้ เครื่ องมือ Admin Tool


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) - ขันตอนที ้ ่ 5. ฟอร์ มกำาหนดค่าต่าง ๆ ตัวอย่างดังภาพที่ 6.38

ภาพที่ 6.38 แสดงส่วน���ารกำาหนดสิทธิการใช้ เครื่ องมือ Admin Tool

17


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

18

ขันตอนการกำ ้ าหนด สิทธิ์การใช้ งาน มีดงั นี ้ - จะมีหวั ข้ อทังหมด ้ 7 หัวข้ อใหญ่ และมีหวั ข้ อย่อยต่าง ๆ ที่แสดงไว้ ข้อภาพที่ 6.38 หัวข้ อประกอบด้ วย

1. 2. 3. 4. 5. 6. 7.

เครื่ องมือบริหารจัดการ (Admin Tools) ระบบบริหารการติดต่อสื่อสาร ระบบจัดการเว็บไซต์ (Website Mgt) ระบบจัดการเนื ้อหา (Content Mgt) ระบบจัดการฐานข้ อมูล (DB SQL Query) ระบบจัดการโปรแกรมเสริม ระบบจัดการรูปแบบเว็บไซต์ (Site Config)

- วิธีการกำาหนดสิทธิ์การใช้ งาน เมื่อเราต้ องการกำาหนดสิทธิ์การใช้ ให้ กบั กลุม่ สมาชิกประเภทไหน ให้ คลิกที่เครื่ องหมาย ของกลุม่ ประเภทนัน้ เมื่อคลิกเข้ าไปจะมีรายละเอียดแสดง ตัวอย่างดังภาพที่ 6.38 รายละเอียดของแต่ละหัวข้ อ คือ การ กำาหนดสิทธิ์การใช้ งานของหัวข้ อนัน้ ของกลุม่ ผู้ใช้ ในแต่ละกลุม่ ซึง่ แต่ละหัวข้ อจะมีรายละเอียด 4 ส่วนดังต่อไปนี ้ 1. ดูข้อมูลได้ หมายถึง เมื่อคลิกที่ชอ่ ง ดูข้อมูลได้ จะมีรูปเครื่ องหมาย แสดงออกมาปรากฎให้ เห็นซึง่ หมายถึง ในหัวข้ อนี ้ กลุม่ ประเภทสมาชิกที่เลือกในขันต้ ้ นสามารถ ดูข้อมูลในส่วนหัวข้ อนี ้ได้ 2. บันทึกได้ หมายถึง เมื่อคลิกที่ชอ่ ง บันทึกข้ อมูลได้ จะมีรูปเครื่ องหมาย แสดงออกมาปรากฏให้ เห็น ซึง่ หมายถึง ในหัวข้ อนี ้ กลุม่ ประเภทสมาชิกที่เลือกในขันต้ ้ นสามารถ บันทึกข้ อมูล ในส่วนหัวข้ อนี ้ได้ 3. Approve หมายถึง เมื่อคลิกที่ชอ่ ง Approve จะมีรูปเครื่ องหมาย แสดงออกมาปรากฏให้ เห็น ซึง่ หมายถึง ในหัวข้ อนี ้ กลุม่ ประเภทสมาชิกที่เลือกในขันต้ ้ นสามารถ เปลี่ยนแปลงข้ อมูล ในส่วนหัวข้ อนี ้ได้ 4. ลบรายการ หมายถึง เมื่อคลิกที่ชอ่ ง ลบรายการ จะมีรูปเครื่ องหมาย แสดงออกมาปรากฏให้ เห็น ซึง่ หมายถึง ในหัวข้ อนี ้ กลุม่ ประเภทสมาชิกที่เลือกในขันต้ ้ นสามารถ ลบรายละเอียด ในส่วนหัวข้ อนี ้ได้ ตัวอย่าง แสดงรายละเอียด ดังภาพที่ 6.39 ชื่อประเภทกลุ่ม ดูขอ้ มูลได้

บันทึกได้

Approve

ลบรายการ

ภาพที่ 6.39 แสดงส่วนการกำาหนดสิทธิการใช้ - บันทึกข้ อมูล เมื่อกำาหนดสิทธิ์การใช้ งาน ตามที่ผ้ ดู แู ลเว็บไซต์ ดูสมควรแล้ วขันตอนสุ ้ ดท้ าย คือการบันทึกข้ อมูล ที่ได้ กำาหนดสิทธิ์ไว้ รายละเอียดแสดง ดังภาพที่ 6.40 ปุ่ มย้อนกลับไปก่อนหน้านี้ ปุ่ มบันทึก ภาพที่ 6.40 แสดงปุ่ ม บันทึกข้ อมูล


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

19

- เมื่อคลิกปุ่ ม บันทึก จะมี Pop up แสดงขึ ้นมาเป็ นอันว่า ได้ บนั ทึกข้ อมูลเรี ยบร้ อยแล้ ว แสดงดังภาพที่ 6.41 เป็ นการ เสร็จสิ ้นกระบวนการกำาหนดสิทธิ์การใช้

ภาพที่ 6.41 แสดง Pop up บันทึกข้ อมูลเรี ยบร้ อยแล้ ว 4. รายงานต่ าง ๆ หมายถึง เป็ นส่วน ของการรายงานผลต่างๆ ที่เกี่ยวกับข้ อมูลสมาชิก เพื่อให้ ผลดูแลเว็บไซต์ สามารถดูรายงานการสรุป รายละเอียดต่าง ๆ ที่เกี่ยวกับสมาชิกได้ แสดงหัวข้ อ ดังภาพที่ 6.42 รายงานต่าง ๆ

ภาพที่ 6.42 แสดงหัวข้ อ รายงานผลต่าง ๆ ขันตอนการดู ้ รายงานต่าง ๆ มีดงั ต่อไปนี ้ - ขันตอนที ้ ่ 1. คลิก ที่รายงานต่าง ๆ แสดงดังภาพที่ 6.43

ภาพที่ 6.43 แสดงปุ่ มรายงานต่าง ๆ - ขันตอนที ้ ่ 2. เมื่อคลิก รายงานต่าง ๆ จะเข้ าไปสูห่ น้ า รายงานต่าง ๆ แสดงดังภาพที่ 6.44

คลิกที่รายงานต่างๆ


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

20

ภาพที่ 6.44 แสดงหน้ ารายงานต่าง ๆ เมื่อเข้ าสูห่ น้ ารายงานต่าง ๆ จะมีรายงาน 4 หัวข้ อดังนี ้ 1. รายงานสมาชิกใหม่ รายเดือน คือ เป็ นส่วนสรุปรายชื่อสมาชิกใหม่ที่สมัครเข้ ามาเป็ นสมาชิกของเว็บไซต์ ซึง่ สามารถดูรายงานย้ อนหลังได้ โดยการกำาหนดเดือน ปี พ.ศ. แสดงตัวอย่างดังภาพที่ 6.45

คลิก

ภาพที่ 6.45 แสดงหน้ ารายงานต่าง ๆ เมื่อคลิกที่ รายงานสมาชิกใหม่รายเดือน จะมีหน้ ารายละเอียดแสดงออกมาให้ เลือก เดือน ปี พ.ศ. ที่ต้องการ จะดูรายงาน แสดงดังภาพที่ 6.46

เลือกสถานะของสมาชิก

เลือกกลุ่มสมาชิก

เลือกเดือนที่ตอ้ งการ

เลือกปี พ.ศ ปุ่ มตกลง ภาพที่ 6.46 แสดงรายงานสมาชิกรายเดือน


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

21

อธิบายรายละเอียดดังต่อไปนี ้ - กลุม่ สมาชิก คือ ให้ เลือกกลุม่ สมาชิกที่ต้องการเลือกดูรายงาน ถ้ าไม่ได้ เจาะจงกลุม่ ประเภทสมาชิกกลุม่ ไหน ให้ เลือก ทังหมด ้ - สถานะสมาชิก คือ สถานะในการเข้ าระบบของสมาชิก มีให้ เลือก 2 สถานะคือ Active หมายถึง สมาชิกที่อนุญาต ให้ เข้ าระบบได้ และ Inactive หมายถึง สมาชิกที่ไม่อนุญาตให้ เข้ าระบบ ถ้ าไม่ได้ เจาะจงสถานะสมาชิก ให้ เลือก ทังหมด ้ - เดือน คือ ให้ เลือกเดือน ที่ต้องการจะดูรายงาน มีให้ เลือกตังแต่ ้ เดือนมกราคม – ธันวาคม ถ้ าไม่ได้ เจาะจงเดือน ให้ เลือก ทังหมด ้ - ปี คือ ให้ เลือกปี พ.ศ. ที่ต้องการจะดูรายงานของสมาชิก ถ้ าไม่ได้ เจาะจงปี พ.ศ. ให้ เลือก ทังหมด ้ - Submit คือ ปุ่ มตกลงเมื่อเลือกรายการที่ต้องการ จะดูรายงานแล้ วให้ คลิก Submit เพื่อตอบตกลงหลังจากนันจะมี ้ รายงานออกมาให้ ดู ดังตัวอย่าง ดังภาพที่ 6.47

ภาพที่ 6.47 แสดงรายงานสมาชิกรายเดือนที่เลือก 2. รายงานสมาชิกทังหมดที ้ ่ Active คือ เป็ นส่วนสรุปรายชื่อสมาชิกที่อนุญาตให้ เข้ าระบบได้ แสดง ตัวอย่างดังภาพที่ 6.48

คลิก

ภาพที่ 6.48 แสดงรายงานสมาชิกทังหมดที ้ ่ Active


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

22

เมื่อคลิกที่ รายงานสมาชิกทังหมดที ้ ่ Active จะมีรายงานออกมาแสดงตัวอย่างดังภาพที่ 6.49

ภาพที่ 6.49 แสดงรายงานสมาชิก ที่ Active 3. รายงานสมาชิกทังหมดที ้ ่ไม่ Active คือ เป็ นส่วนสรุปรายชื่อสมาชิกที่ไม่อนุญาตให้ เข้ าระบบได้ แสดง ตัวอย่างดังภาพที่ 6.50

คลิก

ภาพที่ 6.50 แสดงรายงานสมาชิกทังหมดที ้ ่ไม่ Active เมื่อคลิกที่ รายงานสมาชิกที่ไม่ Active จะมีรายงานออกมาแสดงตัวอย่างดังภาพที่ 6.51

ภาพที่ 6.51 แสดงรายงานสมาชิก ที่ไม่ Active 4. ปริน้ Label ที่อยู่สมาชิก คือ เป็ นส่วนของการสัง่ ปริน้ ที่อยู่ของสมาชิกที่ผ้ ดู แู ลเว็บไซต์ แสดงตัวอย่างดัง ภาพที่ 6.52


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

23

คลิก

ภาพที่ 6.52 แสดงส่วนปริน้ Label ที่อยู่สมาชิก เมื่อคลิกที่ ปริน้ Label ที่อยู่สมาชิก รายละเอียด แสดงตัวอย่างดังภาพที่ 6.53

เลือกสถานะสมาชิก

เลือกกลุ่มสมาชิก

E-Mail

ปุ่ มตกลง

ที่อยู่

ภาพที่ 6.53 แสดงส่วนปริน้ Label ที่อยู่สมาชิก

อธิบายรายละเอียดดังต่อไปนี ้ - กลุม่ สมาชิก คือ ให้ เลือกกลุม่ สมาชิกที่ต้องการปริน้ ประวัติสมาชิก ถ้ าไม่ได้ เจาะจงกลุม่ ประเภทสมาชิกกลุม่ ไหน ให้ เลือก ทังหมด ้ - สถานะสมาชิก คือ สถานะในการเข้ าระบบของสมาชิก มีให้ เลือก 2 สถานะคือ Active หมายถึง สมาชิกที่อนุญาต ให้ เข้ าระบบได้ และ Inactive หมายถึง สมาชิกที่ไม่อนุญาตให้ เข้ าระบบ ถ้ าไม่ได้ เจาะจงสถานะสมาชิก ให้ เลือก ทังหมด ้ - E-Mail Address คือ ต้ องการข้ อมูลสมาชิกที่กรอก E-Mail ตอนสมัครด้ วยหรื อเปล่า มีให้ เลือก 2 ส่วนคือ แบบที่มี กรอกรายละเอียด E-Mail และไม่กรอกรายละเอียด E-Mail ถ้ าไม่ได้ เจาะจง ให้ เลือก ทังหมด ้ - ที่อยู่ คือ ต้ องการรายละเอียดที่อยู่แบบไหน มีให้ เลือก 2 แบบคือ ที่อยู่ที่ทำางาน และที่อยู่ที่บ้าน - Submit คือ ปุ่ มตกลง เมื่อต้ องการปริน้ รายการที่ต้องการ ให้ คลิก Submit เพื่อตอบตกลง หลังจากนันจะมี ้ รายงาน แสดงออกมาให้ ดู ดังตัวอย่าง ดังภาพที่ 6.54


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

24

ภาพที่ 6.54 แสดงส่วนปริน้ Label ที่อยู่สมาชิก 5. สมาชิกที่หมดอายุเดือนต่อไป คือ เป็ นส่วนที่สรุปรายชื่อสมาชิกของเว็บไซต์ ที่กำาลังจะหมด���ายุในเดือน ต่อไป เพื่อให้ ผ้ ดู แู ลเว็บไซต์สามารถ ทราบรายละเอียดของสมาชิกที่หมดอายุไปแล้ ว แสดงตัวอย่างดังภาพที่ 6.55

คลิก ภาพที่ 6.55 แสดงส่วนสมาชิกที่หมดอายุเดือนปั จจุบนั เมื่อคลิกที่ สมาชิกที่หมดอายุเดือน........(เดือนหน้ า) รายละเอียด แสดงตัวอย่างดังภาพที่ 6.56

ภาพที่ 6.56 แสดงส่วนรายชื่อสมาชิกที่หมดอายุ


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) 3. ระบบจัดการเนือ้ หา

หัวข้ อ ระบบการจัดการเนื ้อหา - ระบบการจัดการเนื ้อหา คือ ส่วน ของการจัดการเนื ้อหาทังหมดของเว็ ้ บไซต์ แสดงดังภาพ

ระบบการจัดการเนื ้อหา

25


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

26

1. หลักการทำางานของระบบ เป็ นเมนูสว่ นที่ใช้ สร้ าง Page (Menu Bar Level 1), Forum, Folder (Site Menu Level 2) ตลอดจน Sub Folder ใน Level ที่ลกึ ลงไปเป็ นลำาดับชัน(Hierarchical ้ Sub Folder) ได้ สงู สุดถึง 99 Levels และท้ ายที่สดุ ของ Folder หรื อ Subfolder ก็ คือ ส่วนของ Content หรื อ หน้ าเนื ้อหาของ Web Site เสมอ ซึง่ เนื ้อหา ก็ยงั สามารถแบ่งแยกออกเป็ น เนื ้อหาที่เป็ น HTML Text & Image ที่เราพบเห็นใน Web Site ทัว่ ไป รูปแบบ หรื อโครงสร้ างทัว่ ไป ในการจัดวางเมนู และ เนื ้อหา รูปแบต่างๆ ในแต่ละ Page มีรูปแบบดังรูป website

Level1

Level2

Page level 1

Page level 1

Folder 1 Content

Level3 Sub Folder 1 Content

Folder 2 Content

Sub Folder 2 Content

Page level 1

Content

Content

เมื่อคลิกเข้ ามาที่ ระบบจัดการเนื ้อหา แล้ ว หน้ าแรกที่จะพบเรี ยกว่าหน้ า จัดการเนือ้ หา ซึง่ จะทำาหน้ าที่สร้ าง Page, Forum, Folder และ Content ในแต่ละ Web Page


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

27

2. การจัดวางองค์ ประกอบต่ าง ๆ ของหน้ าจอ 2.1 วิธีการใช้ งานเมนูต่าง ๆ 2.1.1 การสร้ าง Site Menu Bar Level 1 สามารถกระทำาได้ ผ่านทางเมนู ระบบจัดการเว็บไซต์ > ระบบจัดการเนื ้อหา >จัดการเนื ้อหา ดังแสดงในภาพด้ านล่าง

7

8

9

6 2

3 4

1 5

หมายเลข 1 คือ ลำาดับการแสดงผล เรี ยงตามน้ อยไปหามาก หมายเลข 2 คือ เป็ นการกำาหนดว่าให้ แสดงเมนูด้านซ้ ายของหน้ านันหรื ้ อไม่

หมายเลข 3 คือ การกำาหนดว่าหัวข้ อหน้ านันๆจะแสดงผลทางหน้ ้ าเว็บหรื อไม่ หมายเลข 4 คือ การป้องกันการลบของหัวข้ อนันๆ ้


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

28

หมายเลข 5 คือ ชื่อหน้ า Site Menu Bar Level 1 ซึง่ อยู่ในตำาแหน่ง เมนูบาร์ ด้านบน สามารถคลิกที่ ชื่อ เพื่อ แก้ ไข ข้ อมูลได้

ภาพตัวอย่างการแสดงผลด้ านนอก

หมายเลข 6 คือ การจัดการรูปแบบหน้ า เป็ นการจัดการ หน้ าแรกของแต่ละ หน้ า หรื อ page config ซึง่ มี 3 ส่วน คือด้ านซ้ าย กลาง และ ขวา ดังภาพ

Page config

หมายเลข 7 คือ หัวข้ อ หรื อ เมนูด้านซ้ าย ซึง่ สามารถใส่เนื ้อหา และหัวข้ อย่อยได้

ภาพตัวอย่างการแสดงผลด้ านนอก


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

29

หมายเลข 8 กำาหนดผู้ดแู ล ซึง่ ผู้ดแู ลหน้ าจะมีสิทธิแก้ ไข หน้ าแรก ได้ จากด้ านหน้ า และสามารถ เพิ่มเนื ้อหา และ ตรวจสอบ เนื ้อหาได้ จากด้ านหน้ า เว็บไซต์

ภาพตัวอย่างการแสดงผลเมื่อคลิกเข้ ามากำาหนด หมายเลข 9 คือ กำาหนดกลุม่ ผู้ใช้ งาน เป็ นการกำาหนด สิทธิการ เห็นข้ อมูล ว่าหาก log in เป็ นกลุม่ ใด หรื อสมาชิก คน สามารถเข้ าใช้ งาน หน้ านัน้ ได้ บ้าง ซึง่ สามรถกำาหนดได้ ทงรู ั ้ ปแบบ รายกลุม่ หรื อจะย่อย ลงไปใน ระดับรายสมาชิก อย่างใดอย่างหนึง่

ภาพตัวอย่างการแสดงผลเมื่อคลิกเข้ ามากำาหนด


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

30

2.1.2 การสร้ าง Site Menu Bar Level 1

จากรูป เริ่มต้ น สร้ าง Site Menu Bar Level 1 ด้ วยการพิมพ์ เลข 0 ในช่อง ลำาดับ เพื่อให้ หน้ านี ้เป็ นหน้ า แรก และพิมพ์ คำาว่า หน้ าแรก ลงในช่อง ชื่อหน้ า และ กำาหนดให้ แสดง เมนูด้านซ้ ายโดยการเลือก แสดงเมนูเป็ น แสดง และ หากต้ องการให้ แสดงเมนู หน้ าแรก ที่พมิ พ์ เข้ าไป ให้ กำาหนดสถานะเป็ น แสดง เมื่อกำาหนดตัว แปรเรี ยบร้ อยแล้ ว ให้ คลิกที่ปมุ่ บันทึกข้ อมูล โปรแกรมจะแสดงหน้ าต่าง Save Completed ! ขึ ้นมา ให้ คลิกที่ปมุ่ OK


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

31

จากนันหน้ ้ าต่าง Save Completed จะหายไป แล้ วกลับมาสูห่ น้ าต่าง จัดการเนื ้อหา ซึง่ จะปรากฏชื่อหน้ า หน้ าแรก อยู่ในตาราง ตรง คอลัมน์ ชื่อหน้ า ลำาดับ 0 ต่อไป

สร้ าง Site Menu Bar Level 1 หน้ าต่อไป โดยคลิกที่ปมุ่ ข้ อมูลใหม่ และพิมพ์ เลขลำาดับ พิมพ์ชื่อหน้ า และ ทำาตามขันตอนเหมื ้ อนตอนสร้ าง หน้ า “หน้ าแรก” ทุกหน้ า จนกระทัง่ ครบตามที่กำาหนดไว้ ใน Site Map ก็จะได้ Site Menu Bar Level 1 ดังแสดงในรูป

ในกรณีที่ต้องการให้ หน้ าที่สร้ างขึ ้นมานัน้ เมื่อถูกคลิก ให้ ไปเปิ ดหน้ า Web Page ที่ URL ใด ๆ เราสามารถ โปรแกรม ให้ หน้ าที่ถกู คลิกนันไปที ้ ่ URL ที่ต้องการได้ โดยคลิกเลือกหน้ าที่ต้องการเช่นเลือกหน้ าที่ต้องการ คลิกที่ช่องสำาหรับให้ ใส่ URL ใต้ บรรทัดที่ใส่ชื่อหน้ า ให้ ใส่ URL ที่ต้องการให้ ไป และกำาหนดวิธีการเปิ ดหน้ า URL นัน้ ว่าจะให้ เปิ ดแบบใด โดยเลือกรูป แบบการเปิ ดเว็บเพ็จ ในช่อง Target ดังแสดงในรูป

1

2


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

32

หมายเลข 1 คือ ช่องใส่ข้อมูล url เช่น http://www.google.go.th หรื อ PageConfig/vote/votelist.asp กรณีที่เป็ น link ภายนอก ต้ อง ใส่ http:// นำาหน้ าทุกครัง้ แต่หาก เป็ น ภายใน เช่น PageConfig/vote/votelist.asp ไม่จำาเป็ นต้ อง ใส่ หมายเลข 2 คือ การกำาหนดรูปแบบการเปิ ดหน้ าต่าง จะมีตวั เลือก 3 ตัวเลือกดังนี ้ 1._parent คือ แทนหน้ าเดิมที่เปิ ดใช้ งานอยู่ 2._self คือ ภายใต้ frame ของ เว็บไซต์ 3._blank คือ เปิ ดหน้ าใหม่ เมื่อกำาหนดตัวแปรต่างๆ เรี ยบร้ อยแล้ วให้ คลิก ที่ ปุ่ ม บันทึก ก็จะได้ Menu ที่เมื่อคลิกที่เมนู ที่สร้ างไว้ ก็จะไป เปิ ดหน้ า เว็บเพจ ที่ต้องการ

2.1.3. การสร้ าง Site Menu Level 2 เป็ นส่วนที่ แสดง เมนูทางด้ านซ้ ายของ Web Page หรื อ Site Menu ในระดับที่ 3 ซึง่ การจัดวางตำาแหน่ง ของ Site Menu ในระดับ 2 นี ้ จะจัดวางตามแนวตัง้ เรี ยกว่า Site Menu Level 2 คลิกตรงช่อง หัวข้ อ เพื่อเข้ าสูห่ น้ า menu level 3 ดังรูป


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

33

ในช่วงเริ่มต้ นครัง้ แรกของการสร้ าง การสร้ างหัวข้ อ ครัง้ แรก เริ่มต้ นด้ วยการ • คลิกที่ ปุ่ ม ข้ อมูลใหม่ จะเห็น Form สำาหรับ ออกแบบตกแต่ง หน้ าตาของ Web Page ของแต่ละ เมนู อยู่ที่ ด้ านล่าง ดังรูปข้ างบน ครัง้ แรก ให้ กำาหนด

• ช่องลำาดับ (Order) เป็ น 0 หรื อ 1 หรื อเลข ใดๆ ที่ต้องการ เพื่อจัดเรี ยงลำาดับการแสดงหัวข้ อเมนู จากน้ อยไปหามาก (ซ้ ายไปขวา) • พิมพ์ ชื่อหัวข้ อ หรื อเมนูด้านซ้ ายเมนูที่ 1 ลงในช่อง Name • Display Type หรื อรูปแบบการแสดงผลในหน้ านี ้ ให้ กำาหนดตามตัวเลือกที่เหมาะสม

• • • •

ความหมายของตัวเลือกแต่ละรายการมีดงั นี ้ Content : เหมาะสำาหรับการแสดงเนื ้อหาแบบ หน้ าหนังสือ คือ หนึง่ หน้ า ประกอบด้ วยเนื ้อหา หรื อย่อหน้ า หลายๆ ย่อหน้ า มาเรี ยงต่อกันเป็ นหน้ า View Link : เลือกเมื่อต้ องการแสดงผล ในรูปแบบ ที่เมื่อคลิก หัวข้ อ แล้ วไปเปิ ด หน้ าเอกสาร / บทความ ที่สร้ างมาจาก Word หรื อ Excel หรื อ Power point เป็ นต้ น Insert Link : เลือกเมื่อต้ องการกำาหนดให้ หน้ าเว็บเพจของ Url ที่กำาหนด แสดงในหน้ าแสดงผลแบบ IFRAME Gallery 1 : เหมาะสำาหรับการแสดงผล เนื ้อหา ที่เป็ น รูปภาพ หลายๆ รูป ที่เป็ นเสมือน อัลบัมภาพ ้


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

34

• View Branch : เหมาะสำาหรับการแสดงเนื ้อหา ที่มีลกั ษณะเป็ นเรื่ องๆแยกจากกันแต่ละเรื่ อง มีสว่ นที่เป็ น ข้ อความ อ่านต่อ ซึง่ เมื่อคลิกที่ข้อความอ่านต่อก็จะไปเปิ ดเนื ้อหา ส่วนที่อา่ นต่อ ออกมาแสดง • Personal : เป็ นรูปแบบการแสดงผลแบบบุคคลากร • Contentplan : เป็ นรูปแบบการแสดงผลแบบ หลักสูตรการเรี ยน การเรี ยงลำาดับเนื ้อหา จะมีตวั เลือก ให้ เลือก (เรี ยงโดย) และ จากน้ อยไปมากหรื อมากไปน้ อยดังนี ้

-

• • • • •

ลำาดับการบัน���ึกข้ อมูล หมายถึง เรี ยงตาม ลำาดับที่ วันที่ หมายถึง เรี ยงตามวันที่ ส่วนมากใช้ ในกรณีของข้ อมูลที่เป็ นข่าวตาม วันเวลาที่เกิดเหตุการณ์ วันที่ เปลี่ยนแปลงล่ าสุด หมายถึง เรี ยงตามวันที่ข้อมูลถูกแก้ ไขล่าสุด ชื่อเนือ้ หา หมายถึง เรี ยงตามชื่อของ หัวเรื่ อง จากน้ อยไปมาก หรื อจากมากไปน้ อย

ไอคอน = สำาหรับใส่ Icon หน้ าข้ อความเมนู รู ปภาพ/ไฟล์ = สำาหรับใส่รูปภาพ ประกอบเนื ้อหา ตำาแหน่ งรู ป = สำาหรับกำาหนดตำาแหน่ง ของรูปภาพ ความกว้ างรู ป = กำาหนดความกว้ างของรูปที่ใส่เข้ าไป รายละเอียด = เป็ นรายละเอียดหรื อคำาอธิบายเมนู


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

35

• URL = เป็ นที่อยู่ หรื อตำาแหน่ง ของเว็บเพจ ที่ต้องการนำามาแสดงผล ในหน้ าต่างแสดงผลแบบทัว่ ไป หรื อ อาจจะเป็ นไฟล์เอกสารเพื่อเอาใว้ ให้ User มาโหลด ซึง่ จะต้ องกำาหนดให้ Display Type เป็ น Insert Link และ Target = Self หรื อ Parent จึงจะสามารถใช้ งานได้ • Target = เป็ น Attribute สำาหรับกำาหนดรูปแบบการแสดงผลของ หน้ า เว็บเพจ ตาม URL ที่ระบุไว้ ว่าจะ ให้ แสดงผลแบบ แทนที่(Self) แสดงภายใต้ หน้ าเดิม(Parent) หรื อเปิ ดหน้ าใหม่ ( Blank) • สถานะ = โดยปกติ (Defualt) จะป็ น No ให้ เปลี่ยนเป็ น แสดง เพื่อให้ เมนูที่สร้ างขึ ้นมาสามารถมองเห็น ได้ ถ้ าเป็ น No จะมองไม่เห็นเมนูที่สร้ างขึ ้นมา • สถานะการลบ = การป้องกันการลบของหัวข้ อนันๆ ้ • แสดงเมนู = กำาหนดให้ เป็ น Yes เพื่อให้ เมนูย่อยที่สร้ างโดยใช้ หัวข้ อย่อย เป็ นตัวสร้ างเมนู สามารถมอง เห็น เมนูย่อยอยู่ใต้ เมนูด้านซ้ าย (Left Menu) ได้ ถ้าเป็ น No จะมองไม่เห็นเมนู ย่อยที่สร้ างขึ ้นมา • สิทธิการป้อนข้ อมูล = เป็ นการกำาหนดว่าในเมนูหรื อ Folder หรื อ Sub folder นัน้ ผู้ใดสามารถจะมีสิทธิ Post ข้ อมูลได้ จากภายนอกโดยตรงได้ บ้าง (คล้ ายกับการ Post Web Board ) ถ้ า เลือก No Select User จะหมายถึง Menu Folder นัน้ จะไม่มีผ้ ใู ดสามารถ Post ได้ แต่ถ้ากำาหนดเป็ น Member จะหมายถึง ผู้ที่ อยู่ใน Group ตังแต่ ้ Member ขึ ้นไป เมื่อล็อกอิน จะสามารถ Post ข้ อมูล ใน เมนูนี ้ได้ โดยตรงจากหน้ า Web Page โดยไม่ต้องเข้ าไปทำาในหน้ า Admin Tools ทำาให้ งา่ ยสำาหรับผู้ใช้ ทัว่ ไปที่ต้องการสร้ าง แก้ ไข ปรับปรุงข้ อมูล • แสดงเนือ้ หาต่ อหน้ า = เป็ นการกำาหนดจำานวน Content หรื อ ย่อหน้ าข้ อความ ในหนึง่ หน้ า • รู ปหัวข้ อ = เป็ นการกำาหนดภาพที่ใช้ ประกอบที่หวั กระดาษหรื อส่วนบนสุดของหน้ า ซึง่ มีชื่อหน้ าตาม ชื่อ ของ Root Folder • ตำาแหน่ งรู ป = ตำาแหน่งการจัดวาง รูปภาพ Header Picture ว่าจะจัดชิดซ้ ายกึ่งกลาง หรื อ ชิดขวา • สีพนื ้ หลัง = เป็ นการกำาหนดสีพื ้นหลัง ของหน้ า ที่กำาลังแสดงผล • รู ปพืน้ หลัง = เป็ นรูปภาพพื ้นหลัง ของส่วนแสดงผล ซึง่ อาจจะใส่รูปลายน้ำ า ของ LOGO หน่วยงาน หรื อ รูปพื ้นหลังของ ภาพประกอบอื่นๆในหน้ านัน้


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

36

• แสดงรู ปพืน้ หลัง = เป็ นการกำาหนด Attribute ของ รูปพื ้นหลังว่าจะให้ Repeat หรื อไม่ Repeat คือ ทำารูป พื ้นหลังซ้ำ าๆกันหรื อไม่ หลังจากคลิกที่ชื่อหัวข้ อ หรื อเมนูด้านซ้ ายที่ต้องการ Add / Edit แล้ ว ก็พมิ พ์ และเลือกตัวแปรต่างๆ ตามที่ได้ อธิบายไปแล้ วเพื่อให้ ได้ รูปแบบการแสดงผลตามที่ต้องการ

หลังจากสร้ างและออกแบบในส่วนของหน้ าของเมนูด้านซ้ ายที่ต้องการเสร็จแล้ ว เราอาจจะสร้ างเนื ้อหาใน หน้ านันได้ ้ หลายรูปแบบ เช่น เมื่อคลิกที่เมนูที่เราสร้ างขึ ้น อาจจะมีลกั ษณะเนื ้อหาที่ตามมาเป็ น รูปแบบต่างๆดังนี ้ 2.1.4 การสร้ าง เนือ้ หา Content ที่เป็ น Subfolder หรื อ เมนูย่อย มีขนั ้ ตอนดังนี ้ คลิก คอลัมน์หวั ข้ อ ย่อย เพื่อสร้ าง หัวข้ อย่อย ภายใน หัวข้ อหลัก หรื อ เมนูหลัก ในแถวที่เลือก จะปรากฏหน้ าจอดังรูป


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

37

พิมพ์ชื่อหัวข้ อย่อย ลงในช่อง ชื่อหัวข้ อ Browse ไฟล์รูปภาพ ในช่อง Picture กำาหนดขนาดความกว้ างของ รู ป ที่ต้องการแสดงในช่อง Picture Width (หน่วยเป็ น Pixel) ถ้ าไม่ระบุ ความกว้ าง ระบบจะใช้ ค่า Default ความกว้ าง ของ Folder/Subfolder ตามที่กำา หนดไว้ ใน Site Setup โดยอัตโนมัติ นอกจากนัน้ อาจจะพิมพ์ ข้ อความคำา อธิ บายเนื อ้ หา ตามที่ ต้ องการในช่อง Description และกำาหนดตัวแปรต่างๆ ดังแสดงในรูป (ด้ านล่าง)

ชื่อหัวข้อ รู ปภาพประกอบ

Description หรื อคำาอธิ บาย

ส่วนการจัดแต่งรู ปแบบการแสดงผล

Frame url .ใช้ ในกรณีที่ ต้ องการนำา Url หน้ าอื่นมา แสดง ถ้ าไม่ใช้ ก็ไม่ต้องใส่

ผลของการดำาเนินการตามที่ได้ กล่าวมาแล้ วจะได้ ผลลัพธ์ ออกมาดังแสดงในรูป (ด้ านล่าง)

รู ปหัวข้อ

ส่ วนที่แสดงของหัวข้อหลัก (สี ฟ้ า)

คำาอธิบาย ส่วนที่แสดงของหัวข้อย่อย (สี เทา)

รู ปภาพประกอบ


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

38

2.1.5 การสร้ าง เนือ้ หา Content ที่เป็ น ย่ อหน้ า รายละเอียด มีขนั ้ ตอนดังนี ้ จากรูปที่ เมื่อต้ องการสร้ าง เนื ้อหาของหัวข้ อ ก็ให้ คลิก ที่ชอ่ งเนื ้อหา จะเข้ าสูห่ น้ า เพิม่ เนื ้อหา ดังรูป (ด้ านล่าง)

หากพิมพ์ ข้ อความ ลงในช่อง หัวเรื่ อง และใส่คา่ ตัวแปรในช่องที่ต้องการ พิมพ์ข้อความรายละเอียดของ เนื ้อหา ลงในช่อง Detail แล้ วคลิกที่ปมุ่ บันทึกข้ อมูล ใส่หวั เรื่ อง

ใส่ภาพประกอบ เนื ้อหาได้ กำาหนดสถานะ

ใส่เนื้อหาหรื อข้อความ รายละเอียดทั้งหมดใน ส่วนนี้


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

39

ผลที่ได้ จะเป็ นดังรูป (ด้ านล่าง)

กรณีที่ต้องการให้ มีข้อความโดยย่อ ในท่อนแรก เมื่อจบข้ อความท่อนแรก ให้ มีคำาว่าอ่านต่อ และเมื่อคลิก คำาว่า อ่านต่อ ให้ ไปแสดงรายละเอียดของท่อนที่ 2 หรื อ More Detail หรื ออาจจะไปแสดงหน้ า Web Page ใด ๆ สามารถ ทำาได้ ดงั รูป ใส่หวั เรื่ อง

ใส่ภาพประกอบ เนื ้อหาได้

ใส่เนื้อหาหรื อข้อความ เกริ่ นในส่ วนแรก

กำาหนดสถานะ ให้เอาเครื่ องหมายถูกออก ข้ อความในส่วนแรกและส่วน ที่ สอง จะถูกแบ่งออกเป็ น 2 ส่วนเมื่อดูจากหน้ าเว็บ

ใส่ เนื้ อหาหรื อข้อความ รายละเอียดทั้งหมดใน ส่ วนที่ สอง


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

40

ผลที่ได้ จะเป็ นดังรูป (ด้ านล่าง)

หัวเรื่ อง

ภาพประกอบเนื ้อหา

เนื้อหาหรื อข้อความ เกริ่ นในส่ วนแรก

คลิกเพื่อดูเนื ้อหาทังหมด ้ (ภาพล่าง)

เมื่อคลิกคำาว่า อ่านต่อ จะแสดงผลดังรูป (ด้ านล่าง) ภาพประกอบเนื ้อหา หัวเรื่ อง

เนื้อหาหรื อข้อความ รายละเอียดทั้งหมดใน ส่วนแรกและสอง


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

41

ระบบตัง้ ค่ าการแสดงผล ( Page Config ) 1 หลักการทำางานของระบบ Page Config คือ ส่วนจัดการรูปแบบการแสดงผลของแต่ละหน้ า โดยจะเปลี่ยนไปตามเลขหน้ าที่ Menu Bar ด้ านบนเป็ นตัวกำาหนด หลักการแสดงผลแบ่งออกเป็ น 3 ฝั่ ง คือ ฝั่ งซ้ าย ฝั่ งกลาง และฝั่ งขวา เรี ยงลงมาด้ านล่าง ซึง่ จะเป็ นตัว กำาหนดค่าการแสดงผล ดึงข้ อมูลเนื ้อหาที่ใส่ไว้ แล้ วในหัว Webmaster หรื อผู้ดแู ลระบบ สามารถกำาหนดขนาดความกว้ างของ แต่ละคอลัมน์ได้ จาก ระบบจัดการรู ปแบบเว็บไซต์ > Left Menu ดังรูป

การกำาหนดขนาดความกว้ างของคอลัมน์ตรงกลาง และด้ านขวาในเมนูกำาหนด ได้ จากระบบการจัดการ รู ปแบบเว็บไซต์ > Site Template

2 การจัดวางองค์ ประกอบต่ าง ๆ ของหน้ าจอ


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

ซ้ าย

กลาง

3 วิธีการใช้ งานเมนูต่าง ๆ 3.1 การเข้ าใช้ งาน

คลิกเพื่อเข้ าใช้ งาน Page Config

42

ขวา


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

43

3.2 อธิบายเมนูการใช้ งาน ส่ วนของหัวข้ อ

หมายเลข 1 คือ ลำาดับการแสดงผล หมายเลข 2 คือ ตำาแหน่งการแสดงผล ซ้ าย กลาง ขวา หมายเลข 3 คือ สถานะแสดงไม่แสดง หมายเลข 4 คลิกเลือก Code Flash เมื่อต้ องการจะใส่ File Flash หมายเลข 5 คลิก แสดงตัวอย่าง หมายเลข 6 คือชื่อหัวข้ อที่กรอกไป คลิกเพื่อแก้ ไข หมายเลข 7 กำาหนดสิทธิการเข้ าถึง ว่าเข้ าได้ เลยหรื อว่าต้ อง Log in ก่อน หมายเลข 8 วันที่ที่เริ่มแสดงผล กับวันที่สิ ้นสุด 3.2.1 ส่ วนที่กาำ หนดรู ปแบบ และส่ วนหัวของแต่ ละส่ วนของ Page Config คำาอธิบาย

3.2.2 ส่ วนกำาหนดการดึงข้ อมูลมา แสดงจากเนือ้ หาภายใน หรื อแบบ Frame โดยเลือกแว่นขยาย ตรง ด้ านหลังช่องดึงเนื ้อหามาจาก จะเปิ ดหน้ าต่าง ให้ ไปเลือกว่าจะดึงเนื ้อหาว่ามาจากหัวข้ อใด ส่วนการดึงข้ อมูล มาแสดงใน frame


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) 3.2.3 Text Editor กรอกข้ อมูลอะไรก็ได้ ช่ วยให้ ผ้ กู รอกข้ อมูลอิสระยิ่งขึน้

3.2.4 ตัวอย่ างการแสดงผลเมื่อกรอกเสร็จแล้ ว

44


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

45

4. ระบบจัดการไฟล์

คลิก

หัวข้ อ ระบบการจัดการไฟล์ - ระบบจัดการไฟล์ เป็ นระบบจัดการไฟล์เอกสาร ต่าง ๆ ที่ต้องการ ใส่เข้ าไปในเว็บไซต์เพื่อให้ สมาชิกดู หรื อบันทึก ข้ อมูลส่วนนัน้ ขันตอนเข้ ้ าสูร่ ะบบจัดการไฟล์ มีดงั ต่อไปนี ้ - เมื่อคลิกที่หวั ข้ อ ระบบจัดการไฟล์ จะเข้ าไปสูร่ ะบบการจัดการไฟล์แสดง

เข้ าระบบการจัดการไฟล์


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) -

46

วิธีการ Upload File มีขนตอนดั ั้ งต่อไปนี ้ 1. เมื่อคลิกเข้ าสูร่ ะบบการจัดการไฟล์ จะเข้ าไปยังส่วนของการจัดการไฟล์ ตัวอย่างดังภาพที่ 6.39 ส่วนประกอบของระบบการจัดการไฟล์ แบ่งออกเป็ น 2 ส่วน - File Uploader คือ ส่วนของการสร้ าง Folder และการ Upload File ส่วนนี ้จะเป็ นส่วนของการ Upload File ทังหมด ้ - ส่วนแรก คือ การสร้ าง Folder เพื่อจัดเก็บประเภทของเอกสาร หรื อ ไฟล์ตา่ งๆ ที่ผ้ ดู แู ลเว็บไซต์ หรื อผู้จดั การเนื ้อหา Upload เข้ าไปเก็บไว้ อธิบายด้ วยภาพ ใส่ชื่อ Folder

คลิกสร้าง Folder

แสดงส่วน File Uploader - เมื่อใส่ชื่อ Folder ที่ต้องการแล้ ว จาก นัน้ คลิกที่ สร้ างโฟลเดอร์ ก็จะได้ Folder ที่ได้ สร้ างไว้ ดัง ตัวอย่างภาพ Folder ที่สร้ างไว้

แสดงส่วนการสร้ าง Folder


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

Url ของไฟล์ที่เราเลือกดูหรื อจะนำาไปใช้ งานจะแสดงผลที่นี่

หมายเลข 1 คือ ช่อง Upload File สามารถ Upload ได้ 3 File พร้ อม ๆ กัน หมายเลข 2 คือ คลิกดู URL ของ File นัน้ ๆ เพื่อนำาไปใช้ งานต่อ

47


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

48

5. ระบบจัดการฐานข้ อมูล 5.1 หลักการทำางานของระบบ จะทำาให้ นกั เขียนโปรแกรม สามารถใช้ คำาสัง่ ต่างๆ ในการจัดการกับฐานข้ อมูลของระบบได้ โดยตรง สามารถ กำาหนดคำาสัง่ SQL Query, Run และแสดงผลการ Execute คำาสัง่ ได้ 5.2 การจัดวางองค์ ประกอบต่ าง ๆ ของหน้ าจอ

5.3 วิธีการใช้ งานเมนูต่าง ๆ

กรอก คำาสัง่ ในช่อง text box เช่น Select * from directory แล้ วกดปุ่ ม Execute จะได้ ข้อความจาก table ชื่อ directory ดังรูป หาก จะทำาการ update หรื อ insert กับฐานข้ อมูล ให้ ใส่เครื่ องหมาย / นำาหน้ าคำาสัง่ นันๆ ้


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

49

ระบบจัดการรู ปแบบเว็บไซต์ 1 หลักการทำางานของระบบ เป็ นระบบการบันทึกค่าตัวแปล การแสดงผล ต่างๆของเว็บ ไม่วา่ จะเป็ นสีตวั หนังสือ พื ้นหลัง รูปภาพส่วนหัว ลักษณะสีสนั เมนู และองค์ประกอบอื่นๆของเว็บไซต์ ช่วยให้ ผ้ ใู ช้ งานสามารถเปลี่ยนแปลงรูปแบบหน้ าตาของเว็บได้ หลากหลาย ยิ่งขึ ้น ขึ ้นอยู่กบั การนำาเอาไปประยุกต์ใช้ งาน ซึง่ การกำาหนดค่า ใช้ งานจะแบ่งเป็ น 8 ระบบคือ

1. 2. 3. 4. 5. 6. 7. 8.

กำาหนดมาตรฐานเว็บไซต์ คือการกำาหนดรูปแบบ พื ้นหลัง ความกว้ าง site สีตวั อักษร สีพื ้น สี ลิงค์ title bar และ ตัวแปลอื่นที่ใช้ ร่วมกัน ได้ ทงเว็ ั ้ บไซต์ ออกแบบส่ วนหัวเว็บไซต์ คือ การใส่ รูป หรื อ flash ส่วนหัว หรื อตัวหนังสือ กำาหนดขนาดหรื อ สี ตัวหนังสือ และ สีพื ้น ได้ 3 ชัน้ เรี ยงลงมา สร้ างข้ อความประกาศ คือ สร้ างข้ อความวิ่ง เป็ นประกาศ หรื อข่าว สามารถ จัดรูปแบบ สีพื ้น สีตวั อักษร ความกว้ าง ความสูง ได้ สองตำาแหน่ง คือ ด้ านบนสุดของเว็บไซต์ และด้ านล่าง ของเมนูบาร์ ออกแบบเมนูด้านบน คือ การกำาหนดรูปแบบการแสดงผลของเมนู ด้ าน บนตามแนวนอน สามารถกำาหนดรูปแบบ สีตวั หนังสือ สีพื ้น และ รายละเอียดอื่นๆได้ ออกแบบเมนูด้านซ้ าย คือการกำาหนดรูปแบบการแสดงผล เมนูด้านซ้ าย ออกแบบลิงค์ ด้านล่ าง คือการ ใส่ ลิงค์ด้านล่างของเว็บไซต์ ออกแบบส่ วนท้ ายเว็บไซต์ คือ การใส่ชื่อที่อยู่ หรื อรูปภาพประกอบ ตรงด้ านล่าง ของเว็บไซต์ กำาหนด Meta Tag คือ ระบบใส่ คำาบรรยาย และ keyword เพื่อ ช่วยให้ search engine เข้ ามา เก็บข้ อมูลภายในเว็บไซต์


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

50

2 การจัดวางองค์ ประกอบต่ าง ๆ ของหน้ าจอ

3 วิธีการใช้ งานเมนูต่าง ๆ 1 กำาหนดมาตรฐานเว็บไซต์ สามารถกำาหนด แก้ ไข ปรับเปลี่ยน คุณสมบัติ ของความกว้ าง ความสูง ของ Header (Header Width Height) คุณสมบัติตา่ งๆ ของตัวอักษร (Text) ,Link, Font, Link -Decoration Background picture, Background color, Scroll bar, Status bar ,Right Click Protection ฯลฯ ได้ แบบ Real Time online โดยไม่ต้องเขียนโปรแกรม ภาษา HTML มีตวั แปลที่สามารถทำาการแก้ ไขได้ ดงั นี ้ 1.) หมายเลข 1 แก้ ไข title bar

เป็ นข้ อความ ที่ปรากฏตรง title bar ของ windows


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) 2.) หมายเลข 2 - 5 เป็ นการกำาหนด ตัวแปลเกี่ยวกับ ตัวหนังสือ บนเว็บไซต์

3.) หมายเลข 6 - 8 เป็ นการกำาหนดเกี่ยวกับ พื ้นหลังของเว็บไซต์

4.) หมายเลข 9 – 11 การกำาหนดคุณสมบัติเกี่ยวกับ การจัดวางตำาแหน่ง และความกว้ าง ของ เว็บไซต์

5.) หมายเลข 12 -18 เป็ นการกำาหนด คุณสมบัติ ของ ข้ อความลิงค์ ของเว็บไซต์

6.) หมายเลข 19 เป็ นการกำาหนด สีของ scroll bar ด้ านข้ าง

7.) หมายเลข 20 คือ การใส่ ข้ อความ ที่ status bar ของ windows

ดังแสดง ในตัวอย่าง

51


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

52

8.) หมายเลข 21 – 30 คือ การ กำาหนดคุณสมบัติ และ ตัวแปลต่างๆของหน้ า เว็บไซต์ ที่เป็ นส่วน ของการ แสดงข้ อมูล

9.) หมายเลข 31 -36 เป็ น การกำาหนด ให้ แสดง ขอบของเว็บไซต์ หรื อ ไม่ พร้ อมกับสามารถเปลี่ยน รูปภาพขอบได้

10.) หมายเลข 37 คือ การกำาหนดให้ แสดง สถิติ สมาชิก ด้ านล่างของ Footer หรื อไม่

รูปแบบการแสดงผล สถิติ ดังตัวอย่าง

11.) หมายเลข 38 คือการกำาหนด ให้ เว็บไซต์ ป้องการการคลิกขวา copy ข้ อมูล หรื อไม่


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) 12.) หมายเลข 39 – 47 เป็ นการกำาหนด เกี่ยวกับคุณสมบัติ ของ link ด้ านล่าง ของเว็บไซต์ หรื อ Bottom link

13.) หมายเลข 48 – 51 คือส่วนกำาหนด รูปแบบของ pop up

รูปแบบการแสดงผล ดังตัวอย่าง

คลิก

53


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

54

2.ออกแบบส่ วนหัวเว็บไซต์ สามารถกำาหนด แก้ ไข ปรับเปลี่ยน คุณสมบัติของความกว้ าง ความสูง ของ Header Background color or image, Header Position ฯลฯ ได้ แบบ Real Time online โดยไม่ต้องเขียนโปรแกรมภาษา HTML มีตวั แปลที่สามารถทำาการแก้ ไขได้ ดงั นี ้ 1.) หมายเลข 1 – 5 เป็ น การกำาหนดคุณสมบัติ ของ table ที่เป็ นส่วนหัวของเว็บไซต์

2.) หมายเลข 6 - 9 เป็ นส่วนเพิ่ม ภาพ ประกอบ หรื อ flash พร้ อมทังกำ ้ าหนด คุณสมบัติการจัดวาง ของรูป

3.) หมายเลข 10 -14 เป็ นส่วนการเพิ่มข้ อความลงบนส่วนหัว พร้ อมทังกำ ้ าหนดรูปแบบสีสนั และการ จัดวาง

3. สร้ างข้ อความประกาศ ซึง่ สามารถกำาหนด แก้ ไข ปรับเปลี่ยน คุณสมบัติ ของแถบข้ อความวิ่ง (Message Bar) เช่น การกำาหนดให้ ข้อความวิ่งหรื อหยุดนิ่ง, สีและขนาดตัวอักษร, ภาพหรื อสีพื ้นหลังของแถบข้ อความ (Background color or Image) ทิศทางวิ่งของตัวอักษรจากซ้ ายไปขวาหรื อขวาไปซ้ าย ความเร็วในการวิ่งของตัวอักษร ฯลฯ ได้ แบบ Real Time online โดยไม่ต้องเขียนโปรแกรมภาษา HTML มีตวั แปลที่สามารถทำาการแก้ ไขได้ ดงั นี ้ 1.) หมายเลข 1 กำาหนดว่าข้ อความ���ะหยุดนิ่งหรื อ เคลื่อนไหว


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

55

2.) หมายเลข 2- 6 เป็ น ข้ อความประกาศ 5 ข้ อความต่อกันมา

3.) หมายเลข 7 - 8 เป็ น การกำาหนดค่าคุณสมบัติให้ กบั ตัวหนังสือ

4.) หมายเลข 9 – 10 เป็ น การกำาหนด ความกว้ าง ความสูงของกล่องข้ อความวิ่ง

5.) หมายเลข 11 -12 เป็ นการกำาหนด สีพื ้น และ รูปพื ้นหลัง

6.) หมายเลข 13- 16 เป็ น คุณสมบัติของ ตัวอักษรวิ่ง หากไม่ทราบค่า ที่เหมาะสม ก็สามารถ คลิก ตรง รูปแผ่นกระดาษด้ านหลัง เพื่อให้ ระบบป้อนค่าที่เหมาะสมให้ ได้

7.) หมายเลข 17 สามารถใส่รูปลงไปเพื่อ คันกลางระหว่ ้ างข้ อความทัง้ 5 ข้ อความ ที่ใส่ไป ได้ 8.) หมายเลข 18 คือการกำาหนดค่าระยะห่าง ของข้ อความ ว่าจะเริ่มต้ น ห่างจากด้ านซ้ ายเท่าไร หน่วยเป็ น Pixel


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

56

4. ออกแบบเมนูด้านบน ซึง่ สามารถกำาหนด แก้ ไข ปรับเปลี่ยน คุณสมบัติ ของแถบเมนูด้านบนตามแนว นอน ชันที ้ ่ 1 (Main Menu) และชันที ้ ่ 2 (Sub Menu) เช่น การกำาหนดรูปแบบของ Menu (Menu Style), ความกว้ างของเมนู (Menu Width), สีหรื อภาพพื ้นหลังของ Menu (Menu Background Color & Picture), ตำาแหน่ง Menu, ซ่อนหรื อแสดง Menu, ซ่อนหรื อแสดง Menu Bar , รูปแบบของ Font และ Link ฯลฯ ได้ แบบ Real Time online โดยไม่ต้องเขียนโปรแกรมภาษา HTML มีตวั แปลที่สามารถทำาการแก้ ไขได้ ดงั นี ้ 1.) หมายเลข 1 หมายถึง การ กำาหนด รูปแบบการแสดง ผล เมนู ระหว่าง Html กับ JavaScript Pop up เมนู ภาพตัวอย่าง

2.) หมายเลข 2 - 4 เป็ น ตัวแปลกำาหนด คุณสมบัติ พื ้นหลัง ของ Table โดยรวมของ menu bar

3.) หมายเลข 6 -7 ใส่ รูปภาพ ประกอบด้ านหน้ าด้ าน หลัง ของเมนู ภาพตัวอย่าง

4.) หมายเลข 8 – 10 กำาหนด ระยะห่างระหว่าง ช่องเมนู และ ความกว้ างความสูง เมนู

5.) หมายเลข 12 กำาหนด ตำาแหน่งข้ อความของเมนู


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

57

6.) หมายเลข 13 กำาหนดระยะห่างจากด้ านซ้ ายของข้ อความในเมนู 7.) หมายเลข 14 – 15 กำาหนดความกว้ างของแต่ละ cell ของเมนู และกำาหนด จำานวน cell ต่อ แถว ของเมนู

8.) หมาเลข 16 – 31 คือการกำาหนด รูปแบบการแสดงผลของ แต่ละ cell ในเมนู ไม่ว่าจะเป็ นสีพื ้น รูปพื ้นหลัง หรื อ สีตวั อักษร

9.) หมายเลข 32 – 36 คือส่วนกำาหนด รูปแบบของ Pop up เมนูหากเลือก รูปแบบเมนูเป็ น แบบ JavaScript : Pop up menu


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

58

5.ออกแบบเมนูด้านซ้ าย ซึง่ สามารถกำาหนด แก้ ไข ปรับเปลี่ยน คุณสมบัติของเมนูด้านซ้ าย เช่น ระดับ ชันของการแสดงหั ้ วข้ อเมนู (Menu Level), รูปแบบ, สี, ขนาด, ของหัวข้ อ เมนู, สี หรื อรูปพื ้นหลังของเมนู, ทังในขณะปกติ ้ หรื อใน ขณะที่ Mouse Over และขณะที่ Active เป็ นต้ น ได้ แบบ Real Time online โดยไม่ต้องเขียนโปรแกรมภาษา HTML มีตวั แปลที่ สามารถทำาการแก้ ไขได้ ดงั นี ้ 1.) หมายเลข 1 คือกำาหนด ว่า จะแสดง sub menu หรื อไม่ 0 คือ ไม่แสดง 1 คือ แสดง

2.) หมายเลข 2 คือ กำาหนด ระยะห่างระหว่างเมนูกบั ด้ านซ้ าย

3.) หมายเลข 3 – 33 คือกำาหนดรูปแบบการแสดงผล เมนู level 1


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) 4.) หมายเลข 43 – 45 เป็ นการกำาหนด รูปแบบ เกี่ยวกับขอบ สีพื ้น และ รูปพื ้นหลัง ของฝั่ งซ้ าย และ ฝั่ งขวา ของ เว็บไซต์

5.) หมายเลข 46 – 65 คือการกำาหนดรูปแบบ เมนูย่อย

6.) หมายเลข 76 เป็ นรูปภาพ ไอค่อน ด้ านหน้ าเมนู 7.) หมายเลข 77 – 80 เป็ น การกำาหนดรูปแบบเมื่อมีการ เลือกเมนู นันๆ ้

59


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

60

6. ออกแบบลิงค์ ด้านล่ าง ซึง่ สามารถกำาหนด แก้ ไข ปรับเปลี่ยนคุณสมบัติของลิงค์ด้านล่าง (Bottom Links) เช่น การเพิ่ม แก้ ไข ลบ ชื่อลิงค์, การเพิ่มการแก้ ไขตำาแหน่งที่อยู่ของ Link (Link URL) แต่ละ Link การกำาหนดรูปแบบการ แสดงผลของหน้ า Web Page ที่เปิ ดขึ ้นมาของแต่ละ Link เช่น Blank, Parent self เป็ นต้ น ได้ แบบ Real Time online โดยไม่ต้อง เขียนโปรแกรม ภาษา HTML

แสดงผลทางด้ านนอก

7. ออกแบบส่ วนท้ ายเว็บไซต์ ซึง่ สามารถกำาหนด แก้ ไข ปรับเปลี่ยนคุณสมบัติการแสดงผลของ Footer ได้ เช่น สามารถกำาหนดชื่อบริษัท หน่วยงาน ชื่อองค์กรหรื อเจ้ าของเว็บไซต์, ที่อยู่ Email Address ของ Web master, สีหรื อภาพ พื ้นหลัง, สีของตัวอักษร ฯลฯ ได้ แบบ Real Time online โดยไม่ต้องเขียนโปรแกรมภาษา HTML


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

61

แสดงผลทางด้ านนอก

8. กำาหนด Meta tag สามารถกำาหนด แก้ ไข ปรับเปลี่ยนคุณสมบัติของการสร้ าง ในส่วนต่างๆ ดังต่อไปนี ้ เช่น Description, Keywords, Robots, Revisit-After, Author, Company, Copyright , Pragma เป็ นต้ น ได้ แบบ Real Time online โดยไม่ต้องเขียนโปรแกรมภาษา HTML

1.) Description, Keywords รายละเอียดและคำาที่เกี่ยวข้ อง หรื อสอดคล้ องกับเว็บอาจจะเป็ นคำาที่มกั ใช้ ค้นหากันบ่อยๆ 2.) Robot การอนุญาตให้ Robot จากเว็บ Search engine เข้ ามาเก็บข้ อมูลจากเว็บเรา 3.) Revisit-after การกำาหนดวัน ที่จะให้ Robot เข้ ามาเก็บข้ อมูลจากเว็บของเรา ว่าจะให้ กี่วนั ต่อครัง้ เช่น 7 วัน ให้ เข้ ามา 1 ครัง้ 4. ส่วนต่างๆ ต่อมาเราจะเลือกกำาหนดไม่กำาหนดก็ได้


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

ระบบการติดต่ อสื่อสาร

62

1. ระบบจัดการ (Web Board) 1 หลักการทำางานของระบบ เป็ นระบบ Web Board ของ Web Site เป็ น Web Board ที่สามารถกำาหนดได้ ว่า จะเข้ าถึงโดยสมาชิก หรื อบุคคลทัว่ ไป และกำาหนดได้ ว่าจะให้ แสดงผลได้ เลย หรื อต้ องได้ รับการอนุมตั ิจากผู้ดแู ลก่อนถึงจะสามารถแสดงผลได้ ช่วยทำาให้ Web Board สามารถกรองข้ อความ ที่ไม่พงึ ประสงค์ ไม่ให้ สามารถแสดงผลใน Web Board ได้ 2 การจัดวางองค์ ประกอบต่ าง ๆ ของหน้ าจอ 2.1 โครงสร้ างระบบ มี 3 ระดับ คือ forum เป็ นระดับสูงสุด แล้ ว ต่อมาเป็ นระดับ Toppic หรื อกระทู้ สุดท้ าย ที่ ระดับ Comment หรื อ ความคิดเห็น ดังรูป     

Forum = บอร์ ด Toppic = กระทู้ Toppic = กระทู้ Comment = ความเห็น Comment = ความเห็น

2.2 ระบบ Back Office


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) 2.3 การนำาไปใช้ ในหน้ าแรก

3 วิธีการใช้ งานเมนูต่าง ๆ 3.1 การใช้ งานหน้ า Admin 3.1.1 บอร์ ด การกำาหนด บอร์ ด เพิ่มรายละเอียด และกำาหนด สิทธ์ บอร์ ด นันๆ ้

หมายเลข 1 คือ ลำาดับของบอร์ ด หมายเลข 2 คือ สถานะการแสดงผล

63


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) หมายเลข 3 คือ หมายเลข 4 คือ หมายเลข 5 คือ หมายเลข 6 คือ หมายเลข 7 คือ หมายเลข 8 คือ

ชื่อของบอร์ ด สามารถที่จะคลิกเพื่อเข้ าไปแก้ ไขข้ อมูลได้ คำาอธิบาย จะแสดงในหน้ าแรก ของ บอร์ ด นันๆ ้ กำาหนดสิทธิ ในการโพสต์ (บุคคลทัว่ ไป, อ่านอย่างเดียว หรื อ เฉพาะสมาชิก) กำาหนดสิทธิในการเข้ าดู (บุคคลทัว่ ไป, อ่านอย่างเดียว หรื อ เฉพาะสมาชิก) คือการกำาหนดการอนุมตั ิ กระทู้ และ ความเห็น เลือกว่าต้ องการให้ แสดง หรื อ ต้ องรอการอนุมตั ิ เพิ่ม บอร์ ด ใหม่และบันทึกข้ อมูลของ บอร์ ด ที่สร้ างขึ ้น 3.1.2 Topic ตรวจสอบ Topic ในแต่ละ Forum สามารถเข้ าไปแก้ ไขและลบข้ อมูลได้

หมายเลข 1 คือ หมายเลข 2 คือ หมายเลข 3 คือ หมายเลข 4 คือ หมายเลข 5 คือ หมายเลข 6 คือ หมายเลข 7 คือ สมาชิก)

64

สามารถเลือก Forum ได้ ว่า จะดูข้อมูลกระทู้ของ Forum ไหน หัวข้ อกระทู้ สามารถเพิ่ม หรื อคลิ๊กเพื่อแก้ ไขได้ จำานวนการตอบกระทู้ คลิ๊กเพื่อเข้ าดู ความคิดเห็น ด้ านในได้ รายละเอียดของกระทู้ รูปประกอบของกระทู้ สถานะการแสดง กำาหนดสิทธิ ในการโพสต์ความคิดเห็นในกระทู้นี ้ (บุคคลทัว่ ไป, อ่านอย่างเดียว หรื อ เฉพาะ


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) หมายเลข 8 คือ หมายเลข 9 คือ หมายเลข 10 คือ หมายเลข 11 คือ

65

กำาหนดสิทธิ ในการดูความคิดเห็นในกระทู้นี ้ (บุคคลทัว่ ไป, อ่านอย่างเดียว หรื อ เฉพาะสมาชิก) คือการกำาหนดการอนุมตั ิ กระทู้ และ ความเห็น เลือกว่าต้ องการให้ แสดง หรื อ ต้ องรอการอนุมตั ิ ชื่อของผู้ตงกระทู ั้ ้ เริ่มใหม่เพื่อเพิ่มกระทู้จากด้ านใน และบันทึกข้ อมูล

3.1.3 Approve กระทู้ คือ กระทู้ที่ยงั ไม่ Approve สามารถ Approve ในหัวข้ อนี ้ได้ (ในกรณีที่ตงั ้ รอการอนุมตั ิ ไว้ ที่ตอนสร้ าง Forum)

กลาง หมายเลข 1 คือ หมายเลข 2 คือ หมายเลข 3 คือ หมายเลข 4 คือ

สามารถเลือก Forum ได้ ว่า จะดูข้อมูลกระทู้ของ Forum ไหน เปลี่ยนสถานะ กระทู้ ลบกระทู้ บันทึกข้ อมูล

3.1.4 Approve ความเห็น ความเห็นที่ยงั ไม่ Approve สามารถ Approve ในหัวข้ อนี ้ได้ (ในกรณี ที่ตงั ้ รอการอนุมตั ิ ไว้ ที่ตอนสร้ าง Forum)


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) หมายเลข 1 คือ เปลี่ยนสถานะ หมายเลข 2 คือ ลบข้ อความ หมายเลข 3 คือ บันทึกข้ อความ 3.1.5 กระทู้ท่ โี ดนแจ้ งลบ ดูวา่ กระทู้ไหนที่โดนแจ้ งลบ ก็สามารถเข้ ามาลบในหน้ านี ้ได้

หมายเลข 1 คือ รายละเอียด ความคิดเห็น หมายเลข 2 คือ เลือกว่าจะลบหรื อไม่ลบความคิดเห็น หมายเลข 3 คือ ลบรูปที่ต้องการลบ (จะเป็ นการลบเฉพาะภาพประกอบกระทู้) 3.1.6 ระบบกรองคำา คือระบบที่มีไว้ ใส่คำาหยาบเพื่อไว้ สำาหรับกรองคำา เมื่อมีผ้ เู ข้ ามาเยี่ยมชม Web Site ได้ ทำาการ Post กระทู้และความคิดเห็น

66


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

หมายเลข 1 คือ หมายเลข 2 คือ หมายเลข 3 คือ หมายเลข 4 คือ

67

ช่องกรอกข้ อมูล ข้ อความคำาหยาบ เลือกเพื่อแก้ ไข ข้ อความที่แทนที่ ลบข้ อมูล

4 การใช้ งาน Web Board 4.1 หน้ าแรก Web Board .

หมายเลข 1 คือ เลือกเวลาการแสดงผล ( ทังหมด ้ , ของสัปดาห์ที่แล้ ว , ของ 2 สัปดาห์ก่อน , ของเดือนที่แล้ ว , ใน ช่วง 2 เดือนที่ผ่านมา , ในช่วง 6 เดือนที่ผ่านมา , ในปี นี ้ )


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) หมายเลข 2 คือ หมายเลข 3 คือ หมายเลข 4 คือ หมายเลข 5 คือ หมายเลข 6 คือ หมายเลข 7 คือ

ข้ อความอธิบาย ของ forum นันๆ ้ เลือก เข้ าใช้ งาน forum อื่นๆ ตังกระทู ้ ้ ใหม่ ชื่อหัวข้ อกระทู้ คลิกเพื่อ เข้ าดู ความคิดเห็น หรื อตอบความคิดเห็น ชื่อ ผู้ตงกระทู ั้ ้ เลขหน้ า แสดง กระทู้ 30 รายการต่อหน้ า

4.2 หน้ าสำาหรับตังกระทู ้ ้ ใหม่

หมายเลข 1 คือ หมายเลข 2 คือ หมายเลข 3 คือ หมายเลข 4 คือ หมายเลข 5 คือ

ชื่อผู้ตงกระทู ั้ ้ หัวข้ อเรื่ องกระทู้ที่ตงั ้ ข้ อความบรรยายรายละเอียดกระทู้ รูปภาพ ประกอบ บันทึกข้ อมูลตังกระทู ้ ้

68


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

หน้ าแสดงข้ อความ Comment หรื อ ความคิดเห็น

69


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

หมายเลข 1 คือ หมายเลข 2 คือ หมายเลข 3 คือ หมายเลข 4 คือ หมายเลข 5 คือ หมายเลข 6 คือ หมายเลข 7 คือ หมายเลข 8 คือ หมายเลข 9 คือ หมายเลข 10 คือ

70

ลิงค์ไปยัง ฟอร์ มกรอกความคิดเห็น ตังกระทู ้ ้ ใหม่ แจ้ งลบความคิดเห็น กรณีเป็ น สมาชิกทัว่ ไป หรื อลบ กรณีเป็ นผู้ดแู ลระบบ ไปยังกระทู้ถดั ไป ไปยังกระทู้ก่อนหน้ านี ้ ฟอร์ มกรอกความคิดเห็น ชื่อผู้แสดงความคิดเห็น ความคิดเห็น รูปภาพประกอบ ย้ อนกลับไปยังหน้ ากระทู้

2. ระบบแจ้ งข่ าวทาง E-Mail (Mail List) 2.1 หลักการทำางานของระบบ เป็ นระบบแจ้ งข่าวไปยัง E – Mail ของสมาชิกที่ได้ ให้ ไว้ ตอนสมัครสมาชิก การส่ง E – Mail ของสมาชิกที่ได้ ให้ ไว้ ตอนสมัครสมาชิก การส่ง E – Mail สามารถเลือกได้ ว่าจะสัง่ เป็ นรายคนหรื อสัง่ เป็ นรายกลุม่ สามารถแนบไฟล์ที่จะส่งไปได้ ด้วย มีประโยชน์ในการกระชับความสัมพันธ์ระหว่างสมาชิก กระจายข่าวสารให้ สมาชิกรับรู้อย่างทัว่ ถึง 2.2 การจัดวางองค์ ประกอบต่ าง ๆ ของหน้ าจอ 2.2.1 หน้ าส่ง E – Mail

2.2.3 หน้ า Mail Box


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

2.3 วิธีการใช้ งานเมนูต่าง ๆ 2.3.1 หน้ าส่ง E – Mail

หมายเลข 1 คือ หมายเลข 2 คือ หมายเลข 3 คือ

E – Mail ของผู้สง่ E – Mail ของผู้รับ (ต้ องใส่ทกุ ครัง้ ) กลุม่ ที่จะส่ง

71


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) การเลือกสมาชิกในกลุม่ (เลือกทังหมด ้ หรื อเลือกเฉพาะที่ตอบรับ E – Mail) All active member : หมายถึง เลือกส่งสมาชิกทังหมด ้ Receive mail member : หมายถึง เลือกส่งเฉพาะที่ตอบรับ E – Mail Non active member : หมายถึงส่งเฉพาะสมาชิกที่ถกู Block โดยผู้ดแู ลเว็บ หมายเลข 5 คือ กำาหนดชื่อเรื่ องที่จะส่ง หมายเลข 6 คือ ไฟล์แนบ หมายเลข 7 คือ ดูรายชื่อ E – Mail ในกลุม่ หมายเลข 8 คือ กล่องข้ อความ E – Mail ที่จะส่ง หมายเลข 9 คือ บันทึกไว้ ก่อน (ข้ อความที่ถกู สร้ างขึ ้นจะถูกนำาเข้ าไปเก็บที่ Mail Box โดย อัตโนมัติ) หมายเลข 10 คือ ส่ง E-mail ที่สร้ างไว้ ออกไปให้ สมาชิกที่กำาหนดไว้ หมายเลข 4 คือ

2.3.2 หน้ า Mail Box

หมายเลข 1 คือ ค้ นหา หมายเลข 2 คือ เลือกหัวข้ อเพื่อที่จะแสดงรายละเอียด หมายเลข 3 คือ ลบข้ อความ

2.3.3 หน้ าการจัดการสมาชิก แก้ ไขรายละเอียดของสมาชิกว่าจะรับ E – Mail หรื อไม่

72


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

3. ระบบการติดต่ อจากผู้ใช้ (Check Comments) 1 หลักการทำางานของระบบ เป็ นกล่องรับความคิดเห็นจากผู้ใช้ Web Site ผ่านทางแบบฟอร์ มที่สร้ างไว้ ให้ แล้ ว ข้ อความก็จะเข้ าไปยัง กล่องข้ อความของผู้ดแู ล และผู้ดแู ลก็จะต้ องตรวจสอบ และตอบคำาถามต่าง ๆ เหล่านัน้ 2 การจัดวางองค์ ประกอบต่ าง ๆ ของหน้ าจอ 2.1 การแสดงผลหน้ ารั บความคิดเห็น

73


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

74

2.2 หน้ าตรวจสอบความคิดเห็น

2.3 วิธีการใช้ งานเมนูต่าง ๆ 2.3.1 หน้ าตรวจสอบความคิดเห็น

2

3

1

หมายเลข 1 คือ Replay การตอบคำาถามทาง E – Mail เมื่อกด ระบบจะไปยังหน้ าส่ง E – Mail ใน Mail List หมายเลข 2 คือ รายละเอียดที่ติดต่อเข้ ามาได้ หมายเลข 3 คือ มีการตอบกลับไปแล้ ว หรื อยังไม่มีการตอบกลับให้ สงั เกตุที่คำาว่า “Replied” ถ้ ามีคำานี ้แสดงอยู่ แปลว่า มีการติดต่อ หรื อตอบกลับไปเรี ยบร้ อยแล้ ว 2.3.2 หน้ ากรอกข้ อมูลรายละเอียดการติดต่อ


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

75

1

หมายเลข 1 คือ หน้ าการกำาหนดการแสดงผลของ ข้ อมูลการติดต่อ ภาพการแสดงผลด้ านหน้ า


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

76

2.3.3 การนำาแบบฟอร์ ม รับความคิดเห็น 1.) URL : Page Config/Contactform/Contactform.asp. 2.) ใส่ในช่อง URL ของ Pagelevel 1

Target =_Self

3.) นำาไปใส่ที่ชอ่ ง URL ของหัวข้ อ แล้ วเลือก Display Type ให้ เป็ น Insert Link Target =_Self

ให้ เป็ น Insert Link

Target =_Self


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

77

4. ระบบคำาถามถามตอบ (Frequently Asked Question) 1 หลักการทำางานของระบบ เป็ นระบบเก็บคำาที่มกั จะพบบ่อย ๆ เพื่อให้ สมาชิกมาอ่าน แบ่งเป็ นหมวดหมู่ชดั เจน และช่วยในการตอบ คำาถามผู้คน ที่ไม่เข้ าใจระบบงานได้ ระดับหนึง่ มีประโยชน์สำาหรับกรณีที่ผ้ ใู ช้ เว็บ เป็ นผู้ให้ บริการด้ านต่าง ๆ ที่ต้องตอบคำาถาม จากผู้คนภายนอกเป็ นจำานวนมาก หรื ออาจจะใช้ สว่ นนี ้เป็ นการฝึ กอบรมพนักงาน ว่าเมื่อเกิดปั ญหาอย่างนี ้ จะแก้ ไขอย่างไร เป็ นต้ น 2 การจัดวางองค์ ประกอบต่ างๆ ของหน้ าจอ 2.1 หน้ าการกรอกข้ อมูล


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) 2.2 หน้ าการนำาไปใช้ งาน

2.3 วิธีการใช้ งานเมนูต่าง ๆ 2.3.1 หน้ าหมวดหมู่คำาถาม เป็ น หมวดคำาถาม ที่ แสดงด้ านขวา ของ หน้ า FAQ

หมายเลข 1 คือ คลิกเข้ าสูห่ น้ าหมวดคำาถาม หมายเลข 2 คือ ฟอร์ มเพิ่มข้ อมูลหมวดคำาถาม หมายเลข 3 คือ แก้ ไข และ ลบ ข้ อมูลหมวดคำาถาม 2.3.2 หน้ าการเพิ่มคำาถาม เป็ นการเพิ่มคำาถามเข้ าสูห่ มวดคำาถามแต่ละหมวด

78


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

79

คลิก

1 2 3 4

หมายเลข 1 คือ หมายเลข 2 คือ หมายเลข 3 คือ หมายเลข 4 คือ

ชื่อผู้เพิ่มคำาถาม E – Mail ผู้ถาม (ใส่หรื อไม่ใส่ก็ได้ ) เลือกหมวดคำาถาม กรอกคำาถาม

2.3.3 หน้ ารายละเอียดคำาถามทังหมด ้ เพื่อตรวจสอบคำาถาม 2 1

3

หมายเลข 1 คือ ชื่อคำาถาม เลือกเพื่อเข้ าไปตอบคำาถาม


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) หมายเลข 2 คือ แก้ ไขสถานะคำาถาม (เปิ ด / ปิ ด) / ลบคำาถาม หมายเลข 3 คือ หมวดคำาถาม เลือกเพื่อแสดงคำาถาม 2.3.4 หน้ าตอบคำาถาม เพื่อตอบคำาถามที่เพิ่มไว้ หรื อมีผ้ ู ถามเข้ ามา

หน้ าตอบคำาถาม (ภาพขยาย)

80


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

81

1 2 3

4

หมายเลข 1 คือ หมายเลข 2 คือ หมายเลข 3 คือ หมายเลข 4 คือ

หมวดคำาถามที่จะตอบ ชื่อของผู้ตอบถาม e-mail ของผู้ตอบคำาถาม คำาตอบของ คำาถาม

2.3.5 นำาไปแสดงในหน้ า Web Site 1.) URL ที่ใช้ คือ : Pageconfiq/Fag/Faq_Open.asp. 2.) นำาไปใส่ในช่อง URL ของ Page level 1 หรื อ URL ของหัวข้ อ

Target =_Self


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

82

ให้ เป็ น Insert Link

Target =_Self 3.) หน้ า FAQ ที่นำาไป แสดง ให้ ผ้ ใู ช้ งานอ่าน และ สามารถถามคำาถามเพิ่มเติมได้

1 2 3

2 3

หมายเลข 1 คือ ถามคำาถามเพิ่มเติม หมายเลข 2 คือ เลือกอ่านคำาถาม และคำาตอบ หมายเลข 3 คือ หมวดคำาถาม คลิกเลือกเพื่ออ่านคำาถามในหมวด


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

83

4. ระบบ แบบสำารวจความคิดเห็น (Vote & Poll) 1 หลักการทำางานของระบบ เป็ นระบบการสำารวจ แบบ ตัวเลือก สามารถเพิ่มคำาถาม และตัวเลือก มีประโยชน์ในการสำารวจความคิดเห็น โพล เรื่ องต่าง ๆ ที่ต้องการอยากรู้ หรื อความคิดเห็นเกี่ยวกับเหตุการณ์ตา่ ง ๆ ที่เกิดขึ ้นในสังคม 2 การจัดวางองค์ ประกอบต่ าง ๆ ของหน้ าจอ 2.1 หน้ าการเพิ่มข้ อมูล

2.2 หน้ าการใช้ งาน Web Site


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

84

3 วิธีการใช้ งานเมนูต่าง ๆ 3.1 หน้ าแบบสอบถาม 2

1

3

5

4

หมายเลข 1 คือ คำาถามที่ถกู สร้ างไว้ แล้ วสามารถคลิกที่คำาถามเพื่อแก้ ไขได้ (ตัวเลขด้ านหลังหมายถึงจำานวน เสียงโหวตทังหมด) ้

สามารถที่จะเปลี่ยนแปลงแก้ ไขคำาถามและกำาหนดสถานะการมองเห็นของคำาถามได้


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) หมายเลข 2 คือ ใส่ตวั เลือกเพื่อให้ สมาชิกในเว็บไซต์เลือกโหวต เช่น ดี, พอใช้ , ควรปรับปรุง

2.1 กำาหนดชื่อตัวเลือก 2.2 กำาหนดสี ให้ กบั ตัวเลือก 2.3 ตัวเลขจำานวนตังต้ ้ น หมายเลข 3 คือ ผลโหวต เราสามารถที่จะเรี ยกดูผลโหวตของคำาถามนันๆได้ ้

หมายเลข 4 คือ สถานะของหัวข้ อคำาถาม เป็ นการกำาหนดหัวข้ อคำาถามที่จะแสดงออกทางหน้ าเว็บ

หมายเลข 5 คือ ลบ คำาถามนันทิ ้ ้งเมื่อไม่ต้องการ

85


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

86

3.2 หน้ าเพิม่ คำาถาม

1 2 3

หมายเลข 1 คือ ใส่คำาถามที่ต้องการจะสำารวจความคิดเห็น หมายเลข 2 คือ เป็ นการกำาหนดการมองเห็นของคำาถาม YES คำาถามจะแสดงให้ เห็น ทางหน้ าเว็บ No คำาถามก็จะถูกซ่อนไม่สามารถมองเห็น หมายเลข 3 คือ ใหม่ หมายถึงการเริ่มกรอกคำาถามต่อไป บันทึก หมายถึงบันทึกคำาถามที่สร้ างใหม่ ลบ หมายถึงลบคำาถามที่สร้ างขึ ้นมา 3.4 หน้ าใช้ งาน Vote จากด้ านนอก 1.) URL ที่ใช้ งาน : Page Config/Vote/Votelist.asp. 2.) นำาไปใส่ในช่อง URL ของ Pagelevel1, หรื อช่อง URL หัวข้ อ 3.) ชื่อคำาถาม คลิกตอบคำาถาม และดูผลโหวต


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

87

ระบบจัดการโปรแกรมเสริม

1. ระบบจัดการอัลบัม้ รู ปภาพ (Album Management) 1.1 หลักการทำางานของระบบ เป็ นโปรแกรมบันทึกข้ อมูลที่เป็ นอัลบัมรู ้ ปภาพ แบ่งรูปภาพให้ เป็ นหมวดหมู่ได้ และสามารถนำา Link ไปใส่ใน หน้ าต่าง ๆ เพื่อให้ แสดงรูปภาพแต่ละอัลบัม้ จะมีข้อพิเศษอยู่ตรงที่ หากกำาหนด ให้ สมาชิกท่านได้ เป็ นผู้ดแู ล อัลบัม้ หัวข้ อนัน้ สมาชิกสามารถ login เข้ าสูร่ ะบบ แล้ วสามารถ เพิ่ม รูปภาพได้ จากด้ านหน้ า เว็บไซต์โดยไม่ต้อง เข้ า Back office 1.2 การจัดวางองค์ ประกอบต่ าง ๆ ของหน้ าจอ 1.2.1 หน้ าสำาหรั บเพิ่มข้ อมูล

หน้ าสำาหรั บนำาข้ อมูลไปใช้

1.3 วิธีการใช้ งานเมนูต่าง ๆ 1.3.1 หน้ าการเพิ่มข้ อมูลสำาหรั บเจ้ าหน้ าที่ 1.) การเพิ่ม และการแก้ ไขหมวดหมู่ ซึง่ หมวดหมู่จะนำาไปใช้ แยกประเภทของอัลบัม้ และสามารถ นำาไปแสดงผล ใน แต่ละหัวข้ อ ได้ โดยสามารถ Query ได้ ตามรหัสของหมวดหมู่ นันๆ ้ เป็ น url แล้ วนำาไปใช้ งาน ต่อไป


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

88

1

3

2

4

5

หมายเลข 1 คือ ลำาดับการแสดงผล หมายเลข 2 คือ ชื่อหมวดหมู่อลั บัม้ หมายเลข 3 คือ ลบข้ อมูล หมายเลข 4 คือ บันทึกข้ อมูล หมายเลข 5 คือ ฟอร์ มกรอกแก้ ไข หรื อ บันทึกข้ อมูลใหม่ 2.) การเพิ่ ม และการแก้ ไขอั ล บัม้ จำา เป็ นต้ องกำา หนดชื่ อ อั ล บัม้ ขนาดของ รู ป ขนาดเล็ ก (Thumbnail) และ จำานวนรูปต่อหน้ า ให้ เหมาะสมกับการแสดง การแสดงผลของรูปภาพ จะเป็ นในลักษณะ 5 x 5 ในขันตอนนี ้ ้ สามารถ กำาหนด id ของหัวข้ อเข้ ากับ อัลบัม้ เพื่อ จะใช้ ในการ ดึงข้ อมูล เฉพาะ อัลบัมที ้ ่ต้องการ และกำาหนด ผู้ดแู ล อัลบัมนั ้ นๆ ้ ได้ และในขันตอนนี ้ ้สามารถเพิ่ม url ที่เป็ น zip file รวมรูปภาพรายละเอียดสูง ที่ได้ ทำาการ upload ไว้ ที่ server แล้ ว มาให้ ผ้ ชู ม download ได้

1 2

5

3

6

4

7 8

หมายเลข 1 คือ ลำาดับการแสดงผล หมายเลข 2 คือ ชื่ออัลบัมคลิ ้ กเพื่อเข้ าไปแก้ ไขข้ อมูล, เพิ่มรูปภาพ และแสดงตัวอย่าง


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

89

หมายเลข 3 คือ รายละเอียด สามารถที่จะใส่คำาอธิบาย เกี่ยวกับอัลบัม้ หมายเลข 4 คือ จำานวนรูปต่อหน้ า หมายเลข 5 คือ URL Download ภาพที่มีคณ ุ ภาพสูง หมายเลข 6 คือ หมวดหมู่อลั บัม้ หมายเลข 7 คือ สถานะอัลบัม้ แสดง / ไม่แสดง หมายเลข 8 คือ ปุ่ มบันทึกหรื อลบข้ อมูล 3.) อัลบัมทั ้ งหมด ้ แสดงรายละเอียด อัลบัมทั ้ งหมด ้ สามารถทำาการแก้ ไข, ลบ และเพิ่มรูปใน อัลบัมได้ ้

1

2

3

4

5

6

7

8

หมายเลข 1 คือ ลำาดับการแสดงผล หมายเลข 2 คือ ชื่ออัลบัม้ คลิกเพื่อแก้ ไข ได้ หมายเลข 3 คือ เมื่อคลิก ลิงค์ เพิ่ม / แก้ ไข รูปภาพ หลัง ชื่ออัลบัม้ ก็จะเข้ าสูห่ น้ าจอเพิ่มรูปภาพ ให้ browse รูปภาพที่ ตกแต่ง ขนาดที่เหมาะสมแล้ วลง ไป ไม่ควรนำาภาพที่ถา่ นจากกล้ อง โดยตรงมาใช้ งานเพราะว่าภาพจะ ใหญ่เกินไป ทำาให้ ระบบช้ า ลงไป และ เป็ นรูปที่ใหญ่เกินความจำาเป็ น แล้ วจึงกำาหนด ความกว้ างความสูง ของรูป ขนาดเล็ก (Thumbnail) ลงไป กำาหนดความกว้ าง, สูง คลิกหาภาพจากเครื่ อง

เปลี่ยนแปลงแก้ ไขรูปภาพ

คำาอธิบายภาพ ภาพขนาดจริงที่แสดงเมื่อถูกคลิก


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

90

หมายเลข 4 คือ แสดงตัวอย่างอัลบัม้ หมายเลข 5 คือ URL ที่จะนำาไปใช้ งาน หมายเลข 6 คือ จำานวนรูปต่อหน้ าในการแสดงผล หมายเลข 7 คือ สถานะของอัลบัม้ หมายเลข 8 คือ ลบอัลบัม้ 1.3.2 การนำาไปใช้ งานในหน้ าอื่น ๆ 1.) URL ที่นำาไปใช้ ให้ คลิกที่คำาว่า URL จากนันจะมี ้ Pop up เด้ งขึ ้นมา

คลิกที่ URL

Items listed in album คือ URL ที่มีการแสดงผลแบบ รูปภาพทังหมดในอั ้ ลบัม้


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

91

Albums in this category คือ URL ที่มีการแสดงผลแบบอัลบัมทั ้ งหมดในหมวด ้

2.) นำาไปใส่ที่ชอ่ ง URL ของหัวข้ อ แล้ วเลือก Display Type ให้ เป็ น Insert Link Target =_Self

ให้ เป็ น Insert Link

Target =_Self


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

92

2. ระบบจัดการหน้ า Popup 2.1 หลักการทำางานของระบบ Pop up Window เป็ นการแสดงของหน้ าต่างในหน้ าแรก ก่อนเข้ าสูเ่ ว็บไซต์ครัง้ แรก มีประโยชน์ในการสร้ าง ข้ อความประกาศ หรื อข้ อความที่เป็ นไปตามเทศกาลต่าง ๆ สามารถใส่ข้อมูลประเภท Flash และข้ อความได้ ช่วยทำาให้ เว็บไซต์มี ความน่าสนใจยิ่งขึ ้น 2.2 การจัดวางองค์ ประกอบต่ าง ๆ ของหน้ าจอ 2.2.1 หน้ าเพิ่มข้ อมูล

2.2.2 การแสดงผลด้ านหน้ าของเว็บไซต์ จะเป็ น Pop up Window ขึ ้นมาตอนเปิ ดเว็บไซต์ครัง้ แรก


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

93

2.3 วิธีการใช้ งานเมนูต่าง ๆ เข้ าใช้ งานได้ จากหมวดระบบจัดการเว็บไซต์ หัวข้ อ ระบบจัดการ Pop up 2.3.1 หน้ าแสดงรายละเอียด Pop up ที่บันทึกลงไป ดูรายละเอียดเพื่อแก้ ไข หรื อ ลบ ข้ อมูลที่ บันทึกลง ไปแล้ ว

1

2

3

หมายเลข 1 คือ หัวเรื่ อง (จะไม่แสดงผลใน Pop up) หมายเลข 2 คือ ขนาดของ Windows Pop up หมายเลข 3 คือ แก้ ไข หรื อ ลบข้ อมูล 2.3.2 หน้ าบันทึกข้ อมูล Pop up คลิกที่ เมนู Add New Pop up หรื อ ลิงค์แก้ ไขข้ อมูล จะปรากฏหน้ าดังรูป ด้ านล่าง

หมายเลข 1 คือ หัวเรื่ อง (จะไม่แสดงผลใน Pop up) หมายเลข 2 คือ ขนาดของ Window Pop up หมายเลข 3 คือ รูปภาพ หรื อ flash ที่แสดงใน Pop up Window


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual) หมายเลข 4 คือ ขนาดของรูปภาพ ที่แสดง หมายเลข 5 คือ รายละเอียดเพิ่มเติมถ้ ามี หมายเลข 6 คือ สถานะ การแสดงผล Yes / No หมายเลข 7 คือ ปุ่ มบันทึก / ลบข้ อมูล

94


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

95

การทำางานในโหมด HTML โปรแกรมเครื่ องมือ DIMS สามารถที่จะรองรับการทำางานในโหมด HTML ได้ ในส่วนของ ที่ว่างสีขาวที่เรี ยกว่า Web Wiz Rich Text Editor ซึง่ จะมีอยู่หลายที่ในระบบจัดการเนื ้อหาเช่น ในส่วนของการจัดรูปแบบหน้ า, หัวข้ อ, และเนื ้อหา 1.) ส่ วนแรก ที่จะมี Web Wiz Rich Text Editor จะอยู่ในส่วนของการจัดรู ปแบบหน้ า(ดูตามภาพ)

คลิกที่จดั รูปแบบหน้ า ระบบการจัดการเนื ้อหา

1.2.) เมื่อเข้ าสูห่ น้ า การจัดรูปแบบหน้ า ให้ เลื่อน Scroll Bar ลงมาด้ านล่างสุดก็จะพบส่วน WEB WIZ

ส่วนที่เรี ยกว่า WEB WIZ


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

96

1.3.) ให้ คลิกที่ ปุ่ ม Toggle เพื่อ เปลี่ยนโหมดภาษา HTML คลิกเพื่อเปลีย่ นโหมด

1.4.) เมื่อคลิกปุ่ ม Toggle แล้ ว เราก็จะอยู่ในโหมดของ HTML CODE เราสามารถที่จดั การอะไรต่างๆ ในรูปแบบของภาษา HTML ได้ ตัวอย่างหลังจากสร้ าง CODE HTML ได้ ตามต้ องการแล้ ว ให้ คลิก ปุ่ ม Toggle กลับ คลิกเพื่อเปลีย่ นโหมดอีกครัง้

ก็จะเห็นผลจาก โค๊ ดที่สร้ าง


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

97

2.) ส่ วนที่สอง ที่จะมี Web Wiz Rich Text Editor จะอยู่ในส่วนของหัวข้ อ (ดูตามภาพ)

คลิกที่หวั ข้ อ

ระบบการจัดการเนื ้อหา

2.1) เมื่อเข้ าสูห่ น้ าของหัวข้ อ ให้ คลิกที่ HTML จะมี Pop up เด้ งขึ ้นมา เราสามารถที่จะใส่ HTML CODE แล้ วคลิกที่คำาว่า Update ได้ ทนั ที

คลิกเพื่อเปลี่ยนโหมด


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

98

3.) ส่ วนที่สาม ที่จะมี Web Wiz Rich Text Editor จะอยู่ในส่วนเนื ้อหา (ดูตามภาพ)

คลิกที่เนื ้อหา รูปแบบด้ านในก็จะ เหมือนๆกันกับที่ได้ เคยอธิบาย


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

99

การเรียกใช้ งาน URL URL ในที่นี ้ หมายถึง URL ที่ ถูกสร้ างขึ ้นมาใช้ เฉพาะโปรแกรมเครื่ องมือ DIMS และ URL จากเว็บอื่น เพื่อให้ ผู้สร้ างเว็บนำาไปใช้ งาน ในโหมด HTML, และช่อง URL (ตามเมนูหวั ข้ อ) ซึง่ ในคูม่ ือก็จะอธิบาย ไว้ เป็ นตัวอย่าง 2 วิธี ดังนี ้ 1.) การนำา URL ที่ใช้ เฉพาะโปรแกรมเครื่ องมือ DIMS (ดูตามภาพ)

คลิกที่จดั รูปแบบหน้ า

คลิกเพื่อ Toggle ไปในโหมด HTML


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

100

โค๊ ด HTML ชุดนี ้เป็ นชุดคำาสัง่ IFRAME ซึง่ เราจะต้ องนำาไปใช้ ร่วมกับ URL <IFRAME src=" "></IFRAME> นำา URL มาใส่แทรกระหว่าง “ “ วิธีนี ้เราจะนำา URL นี ้มาใช้ pageconfig/login_logout/login.asp เป็ น URL ไว้ สำาหรับ Login/Logout <IFRAME src="http://anet2.thaicybershops.com/pageconfig/login_logout/login.asp"></IFRAME> สีแดงหมายถึง ชื่อเว็บไซต์ (URL นี ้จำาเป็ นจะต้ องนำาชื่อเว็บไซต์เข้ ามาร่วมด้ วย) สีน้ำาเงินหมายถึง URL Login/Logout

คลิกเพื่อ Toggle ไปในโหมด ปกติ ก่อนบันทึกข้ อมูล

ใช้ เมาส์ยืดหดกรอบได้

หลังจากนันก็ ้ บนั ทึกข้ อมูล

* URL บางตัวไม่ต้องใส่ ชื่อเว็บไซต์ * ต้ อง Toggle ไปในโหมด ปกติ ก่อนบันทึกข้ อมูล ทุกครัง้


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

101

2.) การนำา URL เว็บอื่นมาใช้ ตัวอย่างนี ้จะยกตัวอย่างการนำา URL ราคาน้ำ ามันจากเว็บ ปตท มาแปะไว้ ที่หน้ าเว็บของเรา โดยการพิมพ์คำาว่า ราคาน้ำ ามันวันนี ้ ที่ เว็บ Google เมื่อเข้ ามาที่เว็บแล้ ว (ดูตามภาพ)

1. ใช้ เมาส์คลิกขวาที่พื ้นที่นี ้

2. หลังจากนันก็ ้ จะได้ Pop up นี ้ เด้ งขึ ้นมา

3. ให้ สงั เกตที่ URL จะต้ องให้ เป็ น URL ที่ลงท้ ายด้ วย .aspx ถึงจะนำาไปใช้ งานได้

4. Copy URL นี ้มา http://www.pttplc.com/th/GetOliPrice.aspx

คลิกที่จดั รูปแบบหน้ า


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

102

คลิกเพื่อ Toggle ไปในโหมด HTML

โค๊ ด HTML ชุดนี ้เป็ นชุดคำาสัง่ IFRAME ซึง่ เราจะต้ องนำาไปใช้ ร่วมกับ URL <IFRAME src=" "></IFRAME> นำา URL มาใส่แทรกระหว่าง “ “ ก็จะได้ เป็ น <IFRAME src="http://www.pttplc.com/th/GetOliPrice.aspx"></IFRAME> สีแดงหมายถึง URL เว็บไซต์ (URL นี ้ไม่จำาเป็ นจะต้ องนำาชื่อเว็บไซต์ของเราเข้ ามาแทรกด้ วย)

ใช้ เมาส์ยืดหดกรอบให้ ดพู อดี


คูม่ ือการใช้ งานโปรแกรม DIMS SME (DIMS SME Manual)

103

สามารถจัดตำาแหน่งที่ต้องการได้

หลังจากนันก็ ้ บนั ทึกข้ อมูล

การแสดงผลทางหน้ าเว็บไซต์


DIMS' Mannual