DIMS' Mannual

DISTRIBUTED INFORMATION MANAGEMENT SYSTEM

ระบบบรหารจดการสารสนเทศแบบกระจาย

ระบบบรหารจดการความรภายในองคกรแบบกระจาย

SME Solution

TM

Table Of Content

ระบบจดการโครงสรางเวบไซต 2 สวนท 1. หวขอหลกของระบบ 4 สวนท 2. ระบบจดการเวบไซต 6

1. กำาหนดคาเรมตน 52. ขอมลสมาชก 83. ระบบจดการเนอหา 254. ระบบจดการไฟล 455. ระบบจดการฐานขอมล 48

สวนท 3. ระบบจดการรปแบบเวบไซต 491. กำาหนดมาตรฐานเวบไซต 502. ออกแบบสวนหวเวบไซต 533.สรางขอความประกาศ 544. ออกแบบเมนดานบน 555. ออกแบบเมนดานซาย 566. ออกแบบลงคดานลาง 597. ออกแบบสวนทายเวบไซต 598. กำาหนด meta tag 60

สวนท 4. ระบบบรหารการตดตอสอสาร 621. ระบบจดการ ( Web Board ) 622. ระบบแจงขาวทาง E – Mail ( Mail List ) 703. ระบบการตดตอจากผใช ( Check Comments ) 734. ระบบคำาถามทถามบอย ( Frequently Asked Question )

77

5. ระบบแบบสำารวจความคดเหน ( Vote & Poll ) 82 สวนท 5. ระบบจดการโปรแกรมเสรม 86

1. ระบบอลบมรปภาพ 862. ระบบจดการ Pop up 91

การทำางานในโหมด HTML 94การเรยกใชงาน URL 98

คมอการใชงานโปรแกรม DIMS SME (DIMS SME Manual) 2

ระบบจดการโครงสรางเวบไซต

ระบบจดการโครงสรางเวบ คอ ระบบชวยในการจดการเกยวกบ โครงสรางตางๆ ของเวบไซต เชน กำาหนดขนาดความกวางของเวบไซต ชนดตวอกษร ขนาดตวอกษร เปนตน ซงประกอบดวย 5 หวขอ ดง ภาพท 6.1 ตอไปน

ภาพท 6.1 แสดงหนา Admin Tool

ภาพท 6.2 แสดงหนาระบบการจดการโครงสรางเวบไซต

1. หวขอหลก ของระบบ2. ระบบจดการเวบไซต3. ระบบจดการรปแบบเวบไซต4. ระบบบรหารการตดตอสอสาร5. ระบบจดการโปรแกรมเสรม

1.

5.

3.

2.

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

4.


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

ภาพท 6.3 แสดงหนา หวขอหลก ของระบบการจดการโครงสรางเวบไซต

- Home คอ หวขอสำาหรบ คลกเพอกลบไปสหนาเวบไซตภายนอก และออกจากหนา Admin Tool

- Log in by :: admin (Webcreator) คอ หวขอแสดง สมาชกท Log in เขามาในระบบ Admin Tool

ยกตวอยาง ขณะน สมาชกชอ admin ประเภทสมาชก (Webcreator) Log in เขามาในระบบ Admin Tool ดงแสดงตวอยาง ภาพท 6.4

ภาพท 6.4 แสดงหนา แสดงหนาหวขอหลก

ชอสมาชก ท Log in เขาระบบ

ประเภทสมาชก ท Log in เขาระบบ


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

ภาพท 6.5 Pop up หนา About

สวนท 2. ระบบจดการเวบไซต คอ ระบบจดการเกยวกบ การกำาหนดคาเรมตนของเวบไซต รวมไปถงระบบการจดการสมาชก ระบบการจดการไฟล มอธบาย ดงภาพท 6.6

ชอซอรฟแวร

Version ซอรฟแวร

รายละเอยด

License ID.

คำาเตอน


ภาพท 6.6 แสดงหนา ระบบจดการเวบไซตระบบจดการเวบไซต

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

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

ภาพท 6.7 หวขอ กำาหนดคาเรมตน

- กำาหนดคาเรมตน คอ เปนหนา Set คาเรมตนของเวบไซต เพราะการเรมตนใชงานเวบไซต จำาเปนตองกำาหนดคาเรมตนของเวบไซตกอน ขนตอนการ Set ดงภาพท 6.8


ภาพท 6.8 แสดงวธการเขาหนา กำาหนดคาเรมตน

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

ภาพท 6.9 แสดงวธการเขาหนา การตรวจสอบสทธ

เมอกรอก User Name และ Pass Word แลวใหคลกปม Login กจะเขาไปสหนา กำาหนดคาเรมตน ดงแสดงดวย ภาพท 6.10

ภาพท 6.10 แสดงหลก กำาหนดคาเรมตน

กรอก User Name กรอก Pass Word

คลก


- Webmaster EMAIL หมายถง ใหกรอก E-Mail Address ของผดแลเวบไซต (Webmaster) เพอเปนสวนตดตอกลบจากสมาชก ยกตวอยาง [email protected]

- SITE NAME หมายถง ใหกรอกชอ ของหนวยงาน หรอชอของเวบไซต เพอบอกใหรวาเวบไซตเปนของหนวยงานอะไร ยกตวอยาง THAICYBERWEB เมอใสไปแลวจะแสดงผล ดงภาพท 6.11

ภาพท 6.11 แสดง Site Name- START COUNTER หมายถง Counter คอ ตวนบสถตผเขาชมเวบไซต Start Counter เปนตวเลขใหตงคาเรมนบสถตผเขาชมเวบไซต ตวอยาง เรมนบท 0 หรอเรมนบท 100, 1,000, 10,000 เปนตน ตวนบจะแสดงอยทหนาแรก สวนลางสด ตวอยางตาม ภาพท 6.12

ภาพท 6.12 แสดงตวนบสถตผเขาชมเวบไซต

- SITE BEGIN หมายถง วนทเรมนบ สถตผเขาชมเวบไซต ตวอยาง ภาพท 6.13

ภาพท 6.13 แสดงวนเรมนบสถตผเขาชมเวบไซต

Site Name

ตวนบสถต

วนทเรมนบ


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

2. ขอมลสมาชก

ภาพท 6.14 หวขอ ขอมลสมาชก

- ขอมลสมาชก คอ เปนสวน ระบบการจดการขอมลสมาชกทงหมด ซงประกอบไปดวย ระบบสมาชก การสมครสมาชก คนหารายชอสมาชก กำาหนดสทธการใชเครองมอใน Admin Tool เปนตน วธการเขาขอมลสมาชก ดงภาพท 6.15

คลก


ภาพท 6.15 แสดงวธการเขาหนา ขอมลสมาชก

เมอคลกทหวขอ ขอมลสมาชก จะมหนารายละเอยดให ปรบเปลยนขอมล ดงภาพท 6.16

ภาพท 6.16 แสดงหนาขอมลสมาชกระบบขอมลสมาชก คอ ขอมลสมาชกมไว เพอเกบรวบรวมขอมลของสมาชกเวบไซต

ทงหมด และรวมไปถงการ Set คาตาง ๆ ของขอมลสมาชก มหวขอหลกทงหมด 4 หวขอใหผดแลเวบไซต จดการระบบสมาชก มรายละเอยดดงตอไปน

1. ขอมลสมาชก หมายถง หนาของสวนรายชอสมาชกทงหมด ซงประกอบไปดวย การคนหารายชอสมาชก ขอมลของสมาชก ตวอยางดง ภาพท 6.17

ขอมลสมาชก

1.

2.

3.


ภาพท 6.17 แสดงหนาหวขอ ขอมลสมาชก

หมายเลข 1. ระบบคนหา เปนระบบททำาขนเพอใหผดแลเวบไซต สามารถคนหารายชอสมาชก ทงหมดทอยในเวบไซต ได คนหาไดทงการกำาหนด ชอ, Username, ประเภทสมาชก, เลขสมาชก, ตำาแหนง ตวอยางดง ภาพท 6.18

ภาพท 6.18 แสดงหนาการคนหา ขอมลสมาชก

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

5.

4.

เรมคนหา

คนหาโดย

รายชอทคนหา

ใสชอทตองการคนหา


ภาพท 6.19 แสดงหนารายละเอยดขอมลสมาชก

หมายเลข 2. เปนรายชอสมาชก แสดงรายชอของสมาชกผดแลเวบไซตสามารถทจะดขอมลของสมาชกไดทำาคน ซงมรายละเอยด ดงภาพท 6.20

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

เมอตองการดขอมลสวนตวของสมาชกทานไหน ใหคลกทชอของสมาชกทานนน จะมรายละเอยดดงภาพท 6.19 แสดงหนารายละเอยดขอมลสมาชก

ขอมลตาง ๆ ของสมาชก

แสดงเลขหนา

คลกดหนาตอไป

รายชอสมาชก


หมายเลข 3. ขอมลใหม เปนปมใหผดแลเวบไซตคลก กรณทตองการสรางขอมลสมาชกใหม หรอสมครสมาชกขนมาใหม ดงภาพท 6.21

ภาพท 6.21 แสดงปมสรางขอมลใหม

เมอคลกท ขอมลใหม จะมฟอรมใหกรอกรายละเอยดของสมาชก ดงภาพท 6.19 แสดงหนารายละเอยดขอมลสมาชก

หมายเลข 4. ฟอรมรายละเอยดขอมลสมาชก เปนฟอรมไวสำาหรบ ใหผดแลเวบไซตดขอมลสมาชก หรอใหผดแลเวบไซตกรอกขอมลสมาชกใหมลงไป แสดงตวอยาง ดงภาพท 6.19 แสดงหนารายละเอยดขอมลสมาชก

หมายเลข 5. ปมขอมล เปนปม ไวสำาหรบ สรางขอมลใหม บนทกขอมล ลางขอมล ลบขอมล และพมพ แสดงดงภาพท 6.22

ภาพท 6.22 แสดงปมขอมล

- ปม ขอมลใหม คอ ปมคลกเมอตองการเปดแบบฟอรม เพอกรอกขอมลสมาชกทานใหม

- ปม บนทกขอมล คอ ปมบนทกขอมล เมอเราแกไขหรอเพมขอมลใหมของสมาชก

- ปม ลางขอมล คอ ปมสำาหรบคลก เมอตองการลางขอมลทพมพไปในฟอรม ทงหมดออก

- ปม ลบขอมล คอ ปมสำาหรบลบขอมล สมาชกทานนนออกจาก ฐานขอมล ทเกบไว เมอลบขอมลแลวไมสามารถทจะ กลบมาดยอนหลงได

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

ปมลบขอมล

ปมสงพมพขอมล

ปมลางขอมล

ปมบนทกขอมล

ปมขอมลใหม

คลกเพอสรางขอมลใหม


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

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

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

- ขนตอนท 2. เมอคลก กำาหนดกลมสมาชก จะเขาไปสหนา กำาหนดกลมสมาชก แสดงดงภาพท 6.25

กำาหนดกลมสมาชก

คลกทกำาหนดกลม


ภาพท 6.25 แสดงหนากำาหนดกลมผใช

- ขนตอนท 3. ใหใสชอกลมสมาชกทตองการลงไปชอง ชอกลมผใชตวอยาง แสดงดงภาพท 6.26

| ภาพท 6.26 แสดงหนาใสชอประเภทสมาชก

เมอตองการ เพมกลมผใช เรมจาก- ใสรหส รหสกรอกตวเลขอะไรกได แตอยาใหซำากน- ชอกลม ใสชอกลมทตองการลงไป ใสไดทง ภาษาไทย และองกฤษ- ระดบ คอใหเลอกความตองการ ระหวาง Internet และ Intranet วาตองการ

ใหประเภทสมาชกประเภทนใชไดในระดบไหน สวนมากถาหนวยงานทไมม Intranet ภายในจะเลอกเปน Internet

- สถานะ คอ yes คอเปดใหเลอกประเภทสมาชกนได No หมายถงไมเปดใหเลอกประเภทสมาชกนได

- ขอมลใหม คอ คลกเมอตองการ เพมกลมสมาชกใหม คอการเปดแบบฟอรมใหม

ใสรหส ใสชอประเภทสมาชก

คลกบนทกขอมล


- บนทกขอมล คอเมอกรอกรายละเอยดเสรจแลว ใหคลกทปมบนทกขอมล จะม Pop up ตามภาพท 6.27

ภาพท 6.27 แสดงหนา Pop up

เมอคลกปม OK จะมรายชอกลมสมาชกทเราเพมใหมลงไปดานลาง แสดงตวอยางภาพท 6.28

ภาพท 6.28 แสดงหนาหวขอ กลมสมาชกทเพม

จากนนกเปนการสนสดการเพม ประเภทสมาชก จะมประเภทสมาชกใหมขนมาในสวนของแบบฟอรมของขอมลสมาชก ยอนกลบไปดหนาขอมลสมาชก แสดงดงภาพท 6.29

ชอกลมทเพมใหม


ภาพท 6.29 แสดงขอมลสมาชก สวนของกลมสมาชกทเพมมาใหม- ลบขอมล คอ เมอประเภทสมาชกนนไมตองการ สามารถลบประเภทสมาชกนน

ออกไปได โดยคลกเลอกประเภทสมาชกนนกอน แลวคลกปม ลบขอมล

3. กำาหนดสทธผใช หมายถง เปนสวนของการกำาหนดสทธผใช เมอเรากำาหนดกลมผใชไปแลวขนตอนตอมาตองกำาหนดวา กลมแตละกลมจะใหใชเครองมอ Admin Tool สวนไหนบาง

ภาพท 6.30 แสดงหวขอ กำาหนดสทธผใช

ชอกลมทเพมใหม

กำาหนดสทธผใช


ขนตอนการกำาหนดสทธผใช มดงตอไปน- ขนตอนท 1. คลก ทกำาหนดสทธผใช แสดงดงภาพท 6.31

ภาพท 6.31 แสดงปมกำาหนดสทธผใช

- ขนตอนท 2. เมอคลก กำาหนดกลมสมาชก จะเขาไปสหนา กำาหนดกลมสมาชก แสดงดงภาพท 6.32

ภาพท 6.32 แสดงปมกำาหนดสทธผใช- ขนตอนท 3. ดงภาพท 6.32 จะเหนชอประเภทสมาชก ตามทผดแลเวบไซตไดใส

เขาไป เมอกำาหนดประเภทสมาชกแลว ตองกำาหนดสทธการใชเครองมอ Admin Tool ดวยมวธกำาหนดดงภาพท 6.33

ภาพท 6.33 แสดงสวนการกำาหนดสทธผใชอธบายเพมเตม ภาพท 6.33หวขอท 1 . รหส คอ ตวเลขรหส ททางผดแลเวบไซต ไดกำาหนดไวตอนทเพมกลม

สมาชกขนมา (อธบายในสวนของการกำาหนดกลมผใช) ตวอยาง ดงภาพท 6.34

คลกทกำาหนดสทธผใช

ปม เขาไป Set คาตาง ๆ

จำานวนสมาชก ในกลมนน

รหส

ชอกลมสมาชก


ภาพท 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 - ขนตอนท 5. ฟอรมกำาหนดคาตาง ๆ ตวอยางดงภาพท 6.38

กำาหนดสทธการใชงาน

จำานวนสมาชก

ชอกลม


ภาพท 6.38 แสดงสวนการกำาหนดสทธการใชเครองมอ Admin Tool ขนตอนการกำาหนด สทธการใชงาน มดงน


- จะมหวขอทงหมด 7 หวขอใหญ และมหวขอยอยตาง ๆ ทแสดงไวขอภาพท 6.38 หวขอประกอบดวย

1. เครองมอบรหารจดการ (Admin Tools)2. ระบบบรหารการตดตอสอสาร3. ระบบจดการเวบไซต (Website Mgt)4. ระบบจดการเนอหา (Content Mgt)5. ระบบจดการฐานขอมล (DB SQL Query)6. ระบบจดการโปรแกรมเสรม7. ระบบจดการรปแบบเวบไซต (Site Config)

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

1. ดขอมลได หมายถง เมอคลกทชอง ดขอมลได จะมรปเครองหมาย แสดงออกมาปรากฎใหเหนซงหมายถง ในหวขอน กลมประเภทสมาชกทเลอกในขนตนสามารถ ดขอมลในสวนหวขอนได

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

3. Approve หมายถง เมอคลกทชอง Approve จะมรปเครองหมาย แสดงออกมาปรากฏใหเหน ซงหมายถง ในหวขอน กลมประเภทสมาชกทเลอกในขนตนสามารถ เปลยนแปลงขอมล ในสวนหวขอนได

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

ตวอยาง แสดงรายละเอยด ดงภาพท 6.39ชอประเภทกลม

ดขอมลได

บนทกได

Approve

ลบรายการ


ภาพท 6.39 แสดงสวนการกำาหนดสทธการใช- บนทกขอมล เมอกำาหนดสทธการใชงาน ตามทผดแลเวบไซต ดสมควรแลวขน

ตอนสดทาย คอการบนทกขอมล ทไดกำาหนดสทธไว รายละเอยดแสดง ดงภาพท 6.40

ภาพท 6.40 แสดงปม บนทกขอมล- เมอคลกปม บนทก จะม Pop up แสดงขนมาเปนอนวา ไดบนทกขอมลเรยบรอย

แลว แสดงดงภาพท 6.41 เปนการเสรจสนกระบวนการกำาหนดสทธการใช

ภาพท 6.41 แสดง Pop up บนทกขอมลเรยบรอยแลว

4. รายงานตาง ๆ หมายถง เปนสวน ของการรายงานผลตางๆ ทเกยวกบขอมลสมาชก เพอใหผลดแลเวบไซตสามารถดรายงานการสรป รายละเอยดตาง ๆ ทเกยวกบสมาชกได แสดงหวขอ ดงภาพท 6.42

ภาพท 6.42 แสดงหวขอ รายงานผลตาง ๆ

ขนตอนการดรายงานตาง ๆ มดงตอไปน

ปมบนทก

ปมยอนกลบไปกอนหนาน

คลกทรายงานตางๆ

รายงานตาง ๆ


- ขนตอนท 1. คลก ทรายงานตาง ๆ แสดงดงภาพท 6.43

ภาพท 6.43 แสดงปมรายงานตาง ๆ

- ขนตอนท 2. เมอคลก รายงานตาง ๆ จะเขาไปสหนา รายงานตาง ๆ แสดงดงภาพท 6.44

ภาพท 6.44 แสดงหนารายงานตาง ๆ

เมอเขาสหนารายงานตาง ๆ จะมรายงาน 4 หวขอดงน1. รายงานสมาชกใหม รายเดอน คอ เปนสวนสรปรายชอสมาชกใหมท

สมครเขามาเปนสมาชกของเวบไซต ซงสามารถดรายงานยอนหลงไดโดยการกำาหนดเดอน ป พ.ศ. แสดงตวอยางดงภาพท 6.45

ภาพท 6.45 แสดงหนารายงานตาง ๆ

เมอคลกท รายงานสมาชกใหมรายเดอน จะมหนารายละเอยดแสดงออกมาใหเลอก เดอน ป พ.ศ. ทตองการจะดรายงาน แสดงดงภาพท 6.46

คลก


ภาพท 6.46 แสดงรายงานสมาชกรายเดอน

อธบายรายละเอยดดงตอไปน- กลมสมาชก คอ ใหเลอกกลมสมาชกทตองการเลอกดรายงาน ถาไมไดเจาะจง

กลมประเภทสมาชกกลมไหน ใหเลอก ทงหมด- สถานะสมาชก คอ สถานะในการเขาระบบของสมาชก มใหเลอก 2 สถานะคอ

Active หมายถง สมาชกทอนญาตใหเขาระบบได และ Inactive หมายถง สมาชกทไมอนญาตใหเขาระบบ ถาไมไดเจาะจงสถานะสมาชก ใหเลอก ทงหมด

- เดอน คอ ใหเลอกเดอน ทตองการจะดรายงาน มใหเลอกตงแต เดอนมกราคม – ธนวาคม ถาไมไดเจาะจงเดอน ใหเลอก ทงหมด

- ป คอ ใหเลอกป พ.ศ. ทตองการจะดรายงานของสมาชก ถาไมไดเจาะจงป พ.ศ. ใหเลอก ทงหมด

- Submit คอ ปมตกลงเมอเลอกรายการทตองการ จะดรายงานแลวให คลก Submit เพอตอบตกลงหลงจากนนจะมรายงานออกมาใหด ดงตวอยาง ดงภาพท 6.47

ภาพท 6.47 แสดงรายงานสมาชกรายเดอนทเลอก

2. รายงานสมาชกทงหมดท Active คอ เปนสวนสรปรายชอสมาชกทอนญาตใหเขาระบบได แสดงตวอยางดงภาพท 6.48

ปมตกลง

เลอกกลมสมาชก

เลอกป พ.ศ

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

เลอกเดอนทตองการ


ภาพท 6.48 แสดงรายงานสมาชกทงหมดท Active

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

ภาพท 6.49 แสดงรายงานสมาชก ท Active

3. รายงานสมาชกทงหมดทไม Active คอ เปนสวนสรปรายชอสมาชกทไมอนญาตใหเขาระบบได แสดงตวอยางดงภาพท 6.50

ภาพท 6.50 แสดงรายงานสมาชกทงหมดทไม Active

คลก

คลก


เมอคลกท รายงานสมาชกทไม Active จะมรายงานออกมาแสดงตวอยางดงภาพท 6.51

ภาพท 6.51 แสดงรายงานสมาชก ทไม Active

4. ปรน Label ทอยสมาชก คอ เปนสวนของการสงปรนทอยของสมาชกทผดแลเวบไซต แสดงตวอยางดงภาพท 6.52

ภาพท 6.52 แสดงสวนปรน Label ทอยสมาชก

เมอคลกท ปรน Label ทอยสมาชก รายละเอยด แสดงตวอยางดงภาพท 6.53


คลก

เลอกกลมสมาชก

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

ทอย

E-Mail

ปมตกลง


อธบายรายละเอยดดงตอไปน- กลมสมาชก คอ ใหเลอกกลมสมาชกทตองการปรนประวตสมาชก ถาไมได

เจาะจงกลมประเภทสมาชกกลมไหน ใหเลอก ทงหมด- สถานะสมาชก คอ สถานะในการเขาระบบของสมาชก มใหเลอก 2 สถานะคอ

Active หมายถง สมาชกทอนญาตใหเขาระบบได และ Inactive หมายถง สมาชกทไมอนญาตใหเขาระบบ ถาไมไดเจาะจงสถานะสมาชก ใหเลอก ทงหมด

- E-Mail Address คอ ตองการขอมลสมาชกทกรอก E-Mail ตอนสมครดวยหรอเปลา มใหเลอก 2 สวนคอ แบบทมกรอกรายละเอยด E-Mail และไมกรอกรายละเอยด E-Mail ถาไมไดเจาะจง ใหเลอก ทงหมด

- ทอย คอ ตองการรายละเอยดทอยแบบไหน มใหเลอก 2 แบบคอ ทอยททำางาน และทอยทบาน

- Submit คอ ปมตกลง เมอตองการปรนรายการทตองการ ให คลก Submit เพอตอบตกลง หลงจากนนจะมรายงาน แสดงออกมาใหด ดงตวอยาง ดงภาพท 6.54


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

ภาพท 6.55 แสดงสวนสมาชกทหมดอายเดอนปจจบน

คลก


เมอคลกท สมาชกทหมดอายเดอน........(เดอนหนา) รายละเอยด แสดงตวอยางดงภาพท 6.56

ภาพท 6.56 แสดงสวนรายชอสมาชกทหมดอาย

3. ระบบจดการเนอหา

หวขอ ระบบการจดการเนอหา

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


ระบบการจดการเนอหา

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 มรปแบบดงรป

Leve Page level Page Page level

websi


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

2. การจดวางองคประกอบตาง ๆ ของหนาจอ

2.1 วธการใชงานเมนตาง ๆ2.1.1 การสราง Site Menu Bar Level 1

สามารถกระทำาไดผานทางเมน ระบบจดการเวบไซต > ระบบจดการเนอหา >จดการเนอหา ดงแสดงในภาพดานลาง

Level2FoldeContent

Sub Content

Content Level3

Folde Sub Content Content

Content

7 8 9


หมายเลข 1 คอ ลำาดบการแสดงผล เรยงตามนอยไปหามาก หมายเลข 2 คอ เปนการกำาหนดวาใหแสดงเมนดานซายของหนานนหรอไม

หมายเลข 3 คอ การกำาหนดวาหวขอหนานนๆจะแสดงผลทางหนาเวบหรอไม หมายเลข 4 คอ การปองกนการลบของหวขอนนๆหมายเลข 5 คอ ชอหนา Site Menu Bar Level 1 ซงอยในตำาแหนง เมนบารดานบน สามารถคลกท ชอ เพอ แกไข ขอมลได

3

6

2

1

5

4


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

หมายเลข 6 คอ การจดการรปแบบหนา เปนการจดการ หนาแรกของแตละ หนา หรอ page config ซงม 3 สวน คอดานซาย กลาง และ ขวา ดงภาพ

Page config

หมายเลข 7 คอ หวขอ หรอ เมนดานซาย ซง สามารถใสเนอหา และหวขอยอย

ได

ภาพตวอยางการแสดงผลดานนอกหมายเลข 8 กำาหนดผดแล ซงผดแลหนาจะมสทธแกไข หนาแรก ไดจากดานหนา และสามารถ เพมเนอหา และตรวจสอบ เนอหาไดจากดานหนา เวบไซต


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

หมายเลข 9 คอ กำาหนดกลมผใช งาน เปนการกำาหนด สทธการ เหนขอมล วาหาก log in เปนกลมใด หรอสมาชกคน สามารถเขาใชงาน หนานน ไดบาง ซงสามรถกำาหนดไดทงรปแบบ รายกลม หรอจะยอย ลงไปใน ระดบรายสมาชกอยางใดอยางหนง

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

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


จากรป เรมตน สราง Site Menu Bar Level 1 ดวยการพมพ เลข 0 ในชอง ลำาดบ เพอใหหนานเปนหนาแรก และพมพ คำาวา หนาแรก ลงในชอง ชอหนา และ กำาหนดใหแสดง เมนดานซายโดยการเลอก แสดงเมนเปน แสดง และหากตองการใหแสดงเมน หนาแรก ทพมพ เขาไป ใหกำาหนดสถานะเปน แสดง เมอกำาหนดตว แปรเรยบรอยแลว ใหคลกทปม บนทกขอมล โปรแกรมจะแสดงหนาตาง Save Completed ! ขนมา ใหคลกทปม OK

คมอการใชงานโปรแกรม DIMS SME (DIMS SME Manual) 34 จากนนหนาตาง Save Completed จะหายไป แลวกลบมาสหนาตาง จดการเนอหา ซงจะปรากฏชอหนา หนาแรก อยในตาราง ตรง คอลมน ชอหนา ลำาดบ 0 ตอไป

สราง Site Menu Bar Level 1 หนาตอไป โดยคลกทปม ขอมลใหม และพมพ เลขลำาดบ พมพชอหนา และทำาตามขนตอนเหมอนตอนสราง หนา หนาแรก “ ”ทกหนา จนกระทงครบตามทกำาหนดไวใน Site Map กจะได Site Menu Bar Level 1 ดงแสดงในรป

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


หมายเลข 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 ดงรป

1 2

http://www.google.go.th/


ในชวงเรมตนครงแรกของการสราง การสรางหวขอ ครงแรก เรมตนดวยการ คลกท ปม ขอมลใหม จะเหน Form สำาหรบ ออกแบบตกแตง หนาตาของ

Web Page ของแตละ เมน อยท ดานลาง ดงรปขางบน คร งแรก ใหกำาหนด

ชองลำาดบ (Order) เปน 0 หรอ 1 หรอเลข ใดๆ ทตองการ เพอจดเรยงลำาดบการแสดงหวขอเมน จากนอยไปหามาก (ซายไปขวา)

พมพ ชอหวขอ หรอเมนดานซายเมนท 1 ลงในชอง Name


Display Type หรอรปแบบการแสดงผลในหนาน ใหกำาหนดตามตวเลอกทเหมาะสม

ความหมายของตวเลอกแตละรายการมดงน Content : เหมาะสำาหรบการแสดงเนอหาแบบ หนาหนงสอ คอ หนงหนา ประกอบดวยเนอหา หรอยอหนา หลายๆ ยอหนา มาเรยงตอกนเปนหนา View Link : เลอกเมอตองการแสดงผล ในรปแบบ ทเมอคลก หวขอ

แลวไปเปด หนาเอกสาร / บทความ ทสรางมาจาก Word หรอ Excel หรอ Power point เปนตน

Insert Link : เลอกเมอตองการกำาหนดใหหนาเวบเพจของ Url ทกำาหนด แสดงในหนาแสดงผลแบบ IFRAME

Gallery 1 : เหมาะสำาหรบการแสดงผล เนอหา ทเปน รปภาพ หลายๆ รป ทเปนเสมอน อลบมภาพ

View Branch : เหมาะสำาหรบการแสดงเนอหา ทมลกษณะเปนเรองๆแยกจากกนแตละเรอง มสวนทเปนขอความ อานตอ ซงเมอคลกทขอความอานตอกจะไปเปดเนอหา สวนทอานตอ ออกมาแสดง

Personal : เปนรปแบบการแสดงผลแบบบคคลากร Contentplan : เปนรปแบบการแสดงผลแบบ หลกสตรการเรยน

การเรยงลำาดบเนอหา จะมตวเลอก ใหเลอก (เรยงโดย) และ จากนอยไปมากหรอมากไปนอยดงน


- ลำาดบการบนทกขอมล หมายถง เรยงตาม ลำาดบท

- วนทหมายถง เรยงตามวนท สวนมากใชในกรณของขอมลทเปนขาวตาม วนเวลาทเกดเหตการณ

- วนท เปลยนแปลงลาสดหมายถง เรยงตามวนทขอมลถกแกไขลาสด

- ชอเนอหาหมายถง เรยงตามชอของ หวเรอง จากนอยไปมาก หรอจากมากไป

นอย

ไอคอน = สำาหรบใส Icon หนาขอความเมน รปภาพ/ไฟล = สำาหรบใสรปภาพ ประกอบเนอหา ตำาแหนงรป = สำาหรบกำาหนดตำาแหนง ของรปภาพ ความกวางรป = กำาหนดความกวางของรปทใสเขาไป รายละเอยด = เปนรายละเอยดหรอคำาอธบายเมน


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 หนวยงาน หรอรปพนหลงของ ภาพประกอบอนๆในหนานน

แสดงรปพนหลง = เปนการกำาหนด Attribute ของ รปพนหลงวาจะให Repeat หรอไม Repeat คอ ทำารปพนหลงซำาๆกนหรอไม

หลงจากคลกทชอหวขอ หรอเมนดานซายทตองการ Add / Edit แลว กพมพ และเลอกตวแปรตางๆ ตามทไดอธบายไปแลวเพอใหไดรปแบบการแสดงผลตามทตองการ

หลงจากสรางและออกแบบในสวนของหนาของเมนดานซายทตองการเสรจแลว เราอาจจะสรางเนอหาในหนานนไดหลายรปแบบ เชน เมอคลกทเมนทเราสรางขน อาจจะมลกษณะเนอหาทตามมาเปน รปแบบตางๆดงน

2.1.4 การสราง เนอหา Content ทเปน Subfolder หรอ เมนยอย มขนตอนดงน คลก คอลมนหวขอยอย เพอสราง หวขอยอย ภายใน หวขอหลก หรอ เมนหลก ในแถวทเลอก จะปรากฏหนาจอดงรป


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

ผลของการดำาเนนการตามทไดกลาวมาแลวจะไดผลลพธ ออกมาดงแสดงในรป (ดานลาง)

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

ชอหวขอ รปภาพประกอบ

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

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


2.1.5 การสราง เนอหา Content ทเปน ยอหนา รายละเอยด มขนตอนดงน จากรปท เมอตองการสรางเนอหาของหวขอ กให คลก ทชองเนอหา จะเขาสหนา เพมเนอหา ดงรป (ดานลาง)

หากพมพ ขอความ ลงในชอง หวเรอง และใสคาตวแปรในชองทตองการ พมพขอความรายละเอยดของเนอหา ลงในชอง Detail แลวคลกทปม บนทกขอมล

คำาอธบาย

รปหวขอ

สวนทแสดงของหวขอยอย (สเทา) รปภาพ

ประกอบ

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

ใสหวเรอง


ผลทไดจะเปนดงรป (ดานลาง)

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

กำาหนดสถานะ

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

ใสเนอหาหรอขอความรายละเอยดทงหมดในสวนน


ผลทไดจะเปนดงรป (ดานลาง)

เมอคลกคำาวา อานตอ จะแสดงผลดงรป (ดานลาง)

ใหเอาเครองหมายถกออก ขอความในสวนแรกและสวนท สอง จะถกแบงออกเปน 2 สวนเมอดจากหนาเวบ

ใสหวเรอง

กำาหนดสถานะ

ใสเนอหาหรอขอความเกรนในสวนแรก

ใสเนอหาหรอขอความรายละเอยดทงหมดในสวนท สอง

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

หวเรอง

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

เนอหาหรอขอความเกรนในสวนแรก

คลกเพอดเนอหาทงหมด (ภาพลาง)


ระบบตงคาการแสดงผล ( Page Config )1 หลกการทำางานของระบบ

Page Config คอ สวนจดการรปแบบการแสดงผลของแตละหนา โดยจะเปลยนไปตามเลขหนาท Menu Bar ดานบนเปนตวกำาหนด หลกการแสดงผลแบงออกเปน 3 ฝง คอ ฝงซาย ฝงกลาง และฝงขวา เรยงลงมาดานลาง ซงจะเปนตวกำาหนดคาการแสดงผล ดงขอมลเนอหาทใสไวแลวในหว Webmaster หรอผดแลระบบ สามารถกำาหนดขนาดความกวางของ แตละคอลมนไดจาก ระบบจดการรปแบบเวบไซต > Left Menu ดงรป

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

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

หวเรอง

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


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

3 วธการใชงานเมนตาง ๆ

ซาย กลาง

ขวา


3.1 การเขาใชงาน

3.2 อธบายเมนการใชงาน สวนของหวขอ

หมายเลข 1 คอ ลำาดบการแสดงผล หมายเลข 2 คอ ตำาแหนงการแสดงผล ซาย กลาง ขวาหมายเลข 3 คอ สถานะแสดงไมแสดงหมายเลข 4 คลกเลอก Code Flash เมอตองการจะใส File Flashหมายเลข 5 คลก แสดงตวอยางหมายเลข 6 คอชอหวขอทกรอกไป คลกเพอแกไข

คลกเพอเขาใชงาน Page Config


หมายเลข 7 กำาหนดสทธการเขาถง วาเขาไดเลยหรอวาตอง Log in กอน หมายเลข 8 วนททเรมแสดงผล กบวนทสนสด

3.2.1 สวนทกำาหนดรปแบบ และสวนหวของแตละสวนของ Page Config คำาอธบาย

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

3.2.3 Text Editor กรอกขอมลอะไรกได ชวยใหผกรอกขอมลอสระยงขน


3.2.4 ตวอยางการแสดงผลเมอกรอกเสรจแลว

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

หวขอ ระบบการจดการไฟล

คลก


- ระบบจดการไฟล เปนระบบจดการไฟลเอกสาร ตาง ๆ ทตองการ ใสเขาไปในเวบไซตเพอใหสมาชกด หรอบนทกขอมลสวนนน ขนตอนเขาสระบบจดการไฟล มดงตอไปน

- เมอคลกทหวขอ ระบบจดการไฟล จะเขาไปสระบบการจดการไฟลแสดง

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

- วธการ Upload File มขนตอนดงตอไปน

1. เมอคลกเขาสระบบการจดการไฟล จะเขาไปยงสวนของการจดการไฟล ตวอยางดงภาพท 6.39 สวนประกอบของระบบการจดการไฟล แบงออกเปน 2 สวน- File Uploader คอ สวนของการสราง Folder และการ

Upload File สวนนจะเปนสวนของการ Upload File ทงหมด - สวนแรก คอ การสราง Folder เพอจดเกบประเภทของเอกสาร

หรอ ไฟลตางๆ ทผดแลเวบไซต หรอผจดการเนอหา Upload เขาไปเกบไว อธบายดวยภาพ


แสดงสวน File Uploader

- เมอใสชอ Folder ทตองการแลว จาก นน คลกท สรางโฟลเดอร กจะได Folder ทไดสรางไว ดงตวอยางภาพ

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

คลกสราง Folder

ใสชอ Folder

Folder ทสรางไว


หมายเลข 1 คอ ชอง Upload File สามารถ Upload ได 3 File พรอม ๆ กน

หมายเลข 2 คอ คลกด URL ของ File นน ๆ เพอนำาไปใชงานตอ

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

คมอการใชงานโปรแกรม DIMS SME (DIMS SME Manual) 53 5. ระบบจดการฐานขอมล

5.1 หลกการทำางานของระบบจะทำาใหนกเขยนโปรแกรม สามารถใชคำาสงตางๆ ในการจดการกบฐานขอมล

ของระบบได โดยตรง สามารถกำาหนดคำาสง SQL Query, Run และแสดงผลการ Execute คำาสงได

5.2 การจดวางองคประกอบตาง ๆ ของหนาจอ

5.3 วธการใชงานเมนตาง ๆ


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

ระบบจดการรปแบบเวบไซต

1 หลกการทำางานของระบบเปนระบบการบนทกคาตวแปล การแสดงผล ตางๆของเวบ ไมวา จะเปนสตว

หนงสอ พนหลง รปภาพสวนหว ลกษณะสสนเมน และองคประกอบอนๆของเวบไซต ชวยใหผใชงานสามารถเปลยนแปลงรปแบบหนาตาของเวบไดหลากหลายยงขน ขนอยกบการนำาเอาไปประยกตใชงาน ซงการกำาหนดคา ใชงานจะแบงเปน 8 ระบบคอ

1. กำาหนดมาตรฐานเวบไซต คอการกำาหนดรปแบบ พนหลง ความกวาง site สตวอกษร สพน สลงค title bar และ ตวแปลอนทใชรวมกน ไดทงเวบไซต

2. ออกแบบสวนหวเวบไซต คอ การใส รป หรอ flash สวนหว หรอตวหนงสอ กำาหนดขนาดหรอ สตวหนงสอ และ สพน ได 3 ชน เรยงลงมา

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

4. ออกแบบเมนดานบน คอ การกำาหนดรปแบบการแสดงผลของเมน ดาน บนตามแนวนอน สามารถกำาหนดรปแบบ สตวหนงสอ สพน และ รายละเอยดอนๆได


5. ออกแบบเมนดานซาย คอการกำาหนดรปแบบการแสดงผล เมนดานซาย

6. ออกแบบลงคดานลาง คอการ ใส ลงคดานลางของเวบไซต 7. ออกแบบสวนทายเวบไซต คอ การใสชอทอย หรอรปภาพประกอบ

ตรงดานลาง ของเวบไซต 8. กำาหนด Meta Tag คอ ระบบใส คำาบรรยาย และ keyword เพอ

ชวยให search engine เขามาเกบขอมลภายในเวบไซต

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

2.) หมายเลข 2 - 5 เปนการกำาหนด ตวแปลเกยวกบ ตวหนงสอ บนเวบไซต

3.) หมายเลข 6 - 8 เปนการกำาหนดเกยวกบ พนหลงของเวบไซต

4.) หมายเลข 9 – 11 การกำาหนดคณสมบตเกยวกบ การจดวางตำาแหนง และความกวาง ของ เวบไซต

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


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

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

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

8.) หมายเลข 21 – 30 คอ การ กำาหนดคณสมบต และ ตวแปลตางๆของหนา เวบไซต ทเปนสวนของการ แสดงขอมล

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


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

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

11.) หมายเลข 38 คอการกำาหนด ใหเวบไซต ปองการการคลกขวา copy ขอมล หรอไม

12.) หมายเลข 39 – 47 เปนการกำาหนด เกยวกบคณสมบต ของ link ดานลาง ของเวบไซต หรอ Bottom link

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


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

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 กำาหนดวาขอความจะหยดนงหรอ เคลอนไหว

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


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

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

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

6.) หมายเลข 13- 16 เปน คณสมบตของ ตวอกษรวง หากไมทราบคา ทเหมาะสม กสามารถ คลก ตรง รปแผนกระดาษดานหลง เพอใหระบบปอนคาทเหมาะสมใหได

7.) หมายเลข 17 สามารถใสรปลงไปเพอ คนกลางระหวางขอความทง 5 ขอความ ทใสไป ได

8.) หมายเลข 18 คอการกำาหนดคาระยะหาง ของขอความ วาจะเรมตน หางจากดานซายเทาไร หนวยเปน Pixel


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 กำาหนด ตำาแหนงขอความของเมน

6.) หมายเลข 13 กำาหนดระยะหางจากดานซายของขอความในเมน

7.) หมายเลข 14 – 15 กำาหนดความกวางของแตละ cell ของเมน และกำาหนด จำานวน cell ตอ แถว ของเมน

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

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


5.ออกแบบเมนดานซาย ซง สามารถกำาหนด แกไข ปรบเปลยน คณสมบตของเมนดานซาย เชน ระดบชนของการแสดงหวขอเมน (Menu Level), รปแบบ, ส, ขนาด, ของหวขอ เมน, ส หรอรปพนหลงของเมน, ทงในขณะปกตหรอในขณะท Mouse Over และขณะท Active เปนตน ไดแบบ Real Time online โดยไมตองเขยนโปรแกรมภาษา HTML มตวแปลทสามารถทำาการแกไขไดดงน

1.) หมายเลข 1 คอกำาหนด วา จะแสดง sub menu หรอไม 0 คอ ไมแสดง 1 คอ แสดง

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

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


4.) หมายเลข 43 – 45 เปนการกำาหนด รปแบบ เกยวกบขอบ สพน

และ รปพนหลง ของฝงซาย และ ฝงขวา ของ เวบไซต

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

6.) หมายเลข 76 เปนรปภาพ ไอคอน ดานหนาเมน


7.) หมายเลข 77 – 80 เปน การกำาหนดรปแบบเมอมการ เลอกเมน นนๆ

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

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

7. ออกแบบสวนทายเวบไซต ซง สามารถกำาหนด แกไข ปรบเปลยนคณสมบตการแสดงผลของ Footer ได เชน สามารถกำาหนดชอบรษท หนวยงาน ชอองคกรหรอเจาของเวบไซต, ทอย Email Address ของ Web master, สหรอภาพ

คมอการใชงานโปรแกรม DIMS SME (DIMS SME Manual) 67 พนหลง, สของตวอกษร ฯลฯ ไดแบบ Real Time online โดยไมตองเขยนโปรแกรมภาษา HTML

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

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. สวนตางๆ ตอมาเราจะเลอกกำาหนดไมกำาหนดกได

ระบบการตดตอสอสาร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

2.3 การนำาไปใชในหนาแรก


3 วธการใชงานเมนตาง ๆ3.1 การใชงานหนา Admin

3.1.1 บอรด การกำาหนด บอรด เพมรายละเอยด และกำาหนด สทธ บอรด นนๆ

หมายเลข 1 คอ ลำาดบของบอรด หมายเลข 2 คอ สถานะการแสดงผลหมายเลข 3 คอ ชอของบอรด สามารถทจะคลกเพอเขาไปแกไขขอมลได


หมายเลข 4 คอ คำาอธบาย จะแสดงในหนาแรก ของ บอรด นนๆหมายเลข 5 คอ กำาหนดสทธ ในการโพสต (บคคลทวไป, อานอยางเดยว หรอ

เฉพาะสมาชก)หมายเลข 6 คอ กำาหนดสทธในการเขาด (บคคลทวไป, อานอยางเดยว หรอ

เฉพาะสมาชก)หมายเลข 7 คอ คอการกำาหนดการอนมต กระท และ ความเหน เลอกวา

ตองการใหแสดง หรอ ตองรอการอนมตหมายเลข 8 คอ เพม บอรด ใหมและบนทกขอมลของ บอรด ทสรางขน

3.1.2 Topic ตรวจสอบ Topic ในแตละ Forum สามารถเขาไปแกไขและลบขอมลได

หมายเลข 1 คอ สามารถเลอก Forum ไดวา จะดขอมลกระทของ Forum ไหน หมายเลข 2 คอ หวขอกระท สามารถเพม หรอคลกเพอแกไขไดหมายเลข 3 คอ จำานวนการตอบกระท คลกเพอเขาด ความคดเหน ดานในไดหมายเลข 4 คอ รายละเอยดของกระทหมายเลข 5 คอ รปประกอบของกระท


หมายเลข 6 คอ สถานะการแสดงหมายเลข 7 คอ กำาหนดสทธ ในการโพสตความคดเหนในกระทน (บคคลทวไป,

อานอยางเดยว หรอ เฉพาะสมาชก)หมายเลข 8 คอ กำาหนดสทธ ในการดความคดเหนในกระทน (บคคลทวไป, อาน

อยางเดยว หรอ เฉพาะสมาชก) หมายเลข 9 คอ คอการกำาหนดการอนมต กระท และ ความเหน เลอกวาตองการใหแสดง หรอ ตองรอการอนมต

หมายเลข 10 คอ ชอของผตงกระท หมายเลข 11 คอ เรมใหมเพอเพมกระทจากดานใน และบนทกขอมล

3.1.3 Approve กระท คอ กระททยงไม Approve สามารถ Approve ในหวขอนได (ในกรณทตง รอการอนมต ไวทตอนสราง Forum)

หมายเลข 1 คอ สามารถเลอก Forum ไดวา จะดขอมลกระทของ Forum ไหน หมายเลข 2 คอ เปลยนสถานะ กระท หมายเลข 3 คอ ลบกระทหมายเลข 4 คอ บนทกขอมล

3.1.4 Approve ความเหน ความเหนทยงไม Approve สามารถ Approve ในหวขอนได (ในกรณทตง รอการอนมต ไวทตอนสราง Forum)

กลาง


หมายเลข 1 คอ เปลยนสถานะ หมายเลข 2 คอ ลบขอความ หมายเลข 3 คอ บนทกขอความ

3.1.5 กระททโดนแจงลบ ดวากระทไหนทโดนแจงลบ กสามารถเขามาลบในหนานได

หมายเลข 1 คอ รายละเอยด ความคดเหน หมายเลข 2 คอ เลอกวาจะลบหรอไมลบความคดเหนหมายเลข 3 คอ ลบรปทตองการลบ (จะเปนการลบเฉพาะภาพประกอบกระท)


3.1.6 ระบบกรองคำา คอระบบทมไวใสคำาหยาบเพอไวสำาหรบกรองคำา เมอมผเขามาเยยมชม Web Site ไดทำาการ Post กระทและความคดเหน

หมายเลข 1 คอ ชองกรอกขอมล หมายเลข 2 คอ ขอความคำาหยาบ เลอกเพอแกไขหมายเลข 3 คอ ขอความทแทนทหมายเลข 4 คอ ลบขอมล

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

.


หมายเลข 1 คอ เลอกเวลาการแสดงผล ( ทงหมด , ของสปดาหทแลว , ของ 2 สปดาหกอน , ของเดอนทแลว , ในชวง 2 เดอนทผานมา , ในชวง 6 เดอนทผานมา , ในปน )หมายเลข 2 คอ ขอความอธบาย ของ forum นนๆหมายเลข 3 คอ เลอก เขาใชงาน forum อนๆหมายเลข 4 คอ ตงกระทใหมหมายเลข 5 คอ ชอหวขอกระท คลกเพอ เขาด ความคดเหน หรอตอบความคด

เหน หมายเลข 6 คอ ชอ ผตงกระทหมายเลข 7 คอ เลขหนา แสดง กระท 30 รายการตอหนา

4.2 หนาสำาหรบตงกระทใหม


หมายเลข 1 คอ ชอผตงกระท หมายเลข 2 คอ หวขอเรองกระททตงหมายเลข 3 คอ ขอความบรรยายรายละเอยดกระทหมายเลข 4 คอ รปภาพ ประกอบ หมายเลข 5 คอ บนทกขอมลตงกระท

หนาแสดงขอความ Comment หรอ ความคดเหน


หมายเลข 1 คอ ลงคไปยง ฟอรมกรอกความคดเหน หมายเลข 2 คอ ตงกระทใหมหมายเลข 3 คอ แจงลบความคดเหน กรณเปน สมาชกทวไป หรอลบ กรณเปน

ผดแลระบบหมายเลข 4 คอ ไปยงกระทถดไปหมายเลข 5 คอ ไปยงกระทกอนหนานหมายเลข 6 คอ ฟอรมกรอกความคดเหนหมายเลข 7 คอ ชอผแสดงความคดเหนหมายเลข 8 คอ ความคดเหนหมายเลข 9 คอ รปภาพประกอบหมายเลข 10 คอ ยอนกลบไปยงหนากระท

คมอการใชงานโปรแกรม DIMS SME (DIMS SME Manual) 78 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


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

หมายเลข 1 คอ E – Mail ของผสงหมายเลข 2 คอ E – Mail ของผรบ (ตองใสทกครง)หมายเลข 3 คอ กลมทจะสง


หมายเลข 4 คอ การเลอกสมาชกในกลม (เลอกทงหมด หรอเลอกเฉพาะทตอบรบ 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 ทสรางไวออกไปใหสมาชกทกำาหนดไว

2.3.2 หนา Mail Box

หมายเลข 1 คอ คนหาหมายเลข 2 คอ เลอกหวขอเพอทจะแสดงรายละเอยด


หมายเลข 3 คอ ลบขอความ

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

3. ระบบการตดตอจากผใช (Check Comments) 1 หลกการทำางานของระบบ

เปนกลองรบความคดเหนจากผใช Web Site ผานทางแบบฟอรมทสรางไวใหแลว ขอความกจะเขาไปยง กลองขอความของผดแล และผดแลกจะตองตรวจสอบ และตอบคำาถามตาง ๆ เหลานน

2 การจดวางองคประกอบตาง ๆ ของหนาจอ2.1 การแสดงผลหนารบความคดเหน


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

2.3 วธการใชงานเมนตาง ๆ2.3.1 หนาตรวจสอบความคดเหน


หมายเลข 1 คอ Replay การตอบคำาถามทาง E – Mail เมอกด ระบบจะไปยงหนาสง E – Mail ใน Mail List

หมายเลข 2 คอ รายละเอยดทตดตอเขามาได หมายเลข 3 คอ มการตอบกลบไปแลว หรอยงไมมการตอบกลบใหสงเกตทคำา

วา “Replied” ถามคำานแสดงอย แปลวา มการตดตอ หรอตอบกลบไปเรยบรอยแลว

2.3.2 หนากรอกขอมลรายละเอยดการตดตอ

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

1

2 3

1


2.3.3 การนำาแบบฟอรม รบความคดเหน

1.) URL : Page Config/Contactform/Contactform.asp.2.) ใสในชอง URL ของ Pagelevel 1

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

Target =_Self


4. ระบบคำาถามถามตอบ (Frequently Asked Question) 1 หลกการทำางานของระบบ

ใหเปน Insert Link

Target =_Self


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

2 การจดวางองคประกอบตางๆ ของหนาจอ2.1 หนาการกรอกขอมล

2.2 หนาการนำาไปใชงาน



2.3.1 หนาหมวดหมคำาถาม เปน หมวดคำาถาม ท แสดงดานขวา ของ หนา FAQ

หมายเลข 1 คอ คลกเขาสหนาหมวดคำาถาม หมายเลข 2 คอ ฟอรมเพมขอมลหมวดคำาถาม หมายเลข 3 คอ แกไข และ ลบ ขอมลหมวดคำาถาม

2.3.2 หนาการเพมคำาถาม เปนการเพมคำาถามเขาสหมวดคำาถามแตละหมวด

คลก


หมายเลข 1 คอ ชอผเพมคำาถามหมายเลข 2 คอ E – Mail ผถาม (ใสหรอไมใสกได)หมายเลข 3 คอ เลอกหมวดคำาถามหมายเลข 4 คอ กรอกคำาถาม

2.3.3 หนารายละเอยดคำาถามทงหมด เพอตรวจสอบคำาถาม

หมายเลข 1 คอ ชอคำาถาม เลอกเพอเขาไปตอบคำาถาม หมายเลข 2 คอ แกไขสถานะคำาถาม (เปด / ปด) / ลบคำาถามหมายเลข 3 คอ หมวดคำาถาม เลอกเพอแสดงคำาถาม

2.3.4 หนาตอบคำาถาม เพอตอบคำาถามทเพมไวหรอมผ ถามเขามา

1

2

3

4

1

2

3


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

1

2 3

4


หมายเลข 1 คอ หมวดคำาถามทจะตอบ หมายเลข 2 คอ ชอของผตอบถามหมายเลข 3 คอ e-mail ของผตอบคำาถามหมายเลข 4 คอ คำาตอบของ คำาถาม

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

หวขอ

3.) หนา FAQ ทนำาไป แสดง ใหผใชงานอาน และ สามารถถามคำาถามเพมเตมได


Target =_Self

Target =_Self


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

4. ระบบ แบบสำารวจความคดเหน (Vote & Poll) 1 หลกการทำางานของระบบ

เปนระบบการสำารวจ แบบ ตวเลอก สามารถเพมคำาถาม และตวเลอก มประโยชนในการสำารวจความคดเหน โพล เรองตาง ๆ ทตองการอยากร หรอความคดเหนเกยวกบเหตการณตาง ๆ ทเกดขนในสงคม

2 การจดวางองคประกอบตาง ๆ ของหนาจอ 2.1 หนาการเพมขอมล

1

2 3

2 3


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

3 วธการใชงานเมนตาง ๆ 3.1 หนาแบบสอบถาม

2

3

5


หมายเลข 1 คอ คำาถามทถกสรางไวแลวสามารถคลกทคำาถามเพอแกไขได (ตวเลขดานหลงหมายถงจำานวนเสยงโหวตทงหมด)

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

หมายเลข 2 คอ ใสตวเลอกเพอใหสมาชกในเวบไซตเลอกโหวต เชน ด, พอใช, ควรปรบปรง

1

4


2.1 กำาหนดชอตวเลอก 2.2 กำาหนดส ใหกบตวเลอก2.3 ตวเลขจำานวนตงตน

หมายเลข 3 คอ ผลโหวต เราสามารถทจะเรยกดผลโหวตของคำาถามนนๆได

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

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

3.2 หนาเพมคำาถาม


หมายเลข 1 คอ ใสคำาถามทตองการจะสำารวจความคดเหน หมายเลข 2 คอ เปนการกำาหนดการมองเหนของคำาถาม

YES คำาถามจะแสดงใหเหน ทางหนาเวบNo คำาถามกจะถกซอนไมสามารถมองเหน

หมายเลข 3 คอ ใหม หมายถงการเรมกรอกคำาถามตอไป บนทก หมายถงบนทกคำาถามทสรางใหม

ลบ หมายถงลบคำาถามทสรางขนมา

3.4 หนาใชงาน Vote จากดานนอก1.) URL ทใชงาน : Page Config/Vote/Votelist.asp.2.) นำาไปใสในชอง URL ของ Pagelevel1, หรอชอง URL

หวขอ3.) ชอคำาถาม คลกตอบคำาถาม และดผลโหวต

1 2

3


ระบบจดการโปรแกรมเสรม1. ระบบจดการอลบมรปภาพ (Album Management)

1.1 หลกการทำางานของระบบเปนโปรแกรมบนทกขอมลทเปนอลบมรปภาพ แบงรปภาพใหเปนหมวดหมได

และสามารถนำา Link ไปใสในหนาตาง ๆ เพอใหแสดงรปภาพแตละอลบม จะมขอพเศษอยตรงท หากกำาหนด ให สมาชกทานไดเปนผดแล อลบม หวขอนน สมาชกสามารถ login เขาสระบบ แลวสามารถ เพม รปภาพไดจากดานหนา เวบไซตโดยไมตอง เขา Back office

1.2 การจดวางองคประกอบตาง ๆ ของหนาจอ1.2.1 หนาสำาหรบเพมขอมล

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



1.3.1 หนาการเพมขอมลสำาหรบเจาหนาท1.) การเพม และการแกไขหมวดหม ซงหมวดหมจะนำาไปใช แยก

ประเภทของอลบม และสามารถนำาไปแสดงผล ใน แตละหวขอ ได โดยสามารถ Query ไดตามรหสของหมวดหม นนๆ เปน url แลวนำาไปใชงาน ตอไป

หมายเลข 1 คอ ลำาดบการแสดงผลหมายเลข 2 คอ ชอหมวดหมอลบม หมายเลข 3 คอ ลบขอมลหมายเลข 4 คอ บนทกขอมลหมายเลข 5 คอ ฟอรมกรอกแกไข หรอ บนทกขอมลใหม

2.) การเพม และการแกไขอลบม จำาเปนตองกำาหนดชออลบม ขนาดของ รปขนาดเลก (Thumbnail) และ จำานวนรปตอหนา ใหเหมาะสมกบการแสดง การแสดงผลของรปภาพ จะเปนในลกษณะ 5 x 5 ในขนตอนนสามารถ กำาหนด id ของหวขอเขากบ อลบม เพอ จะใชในการ ดงขอมล เฉพาะ อลบมทตองการ และกำาหนด ผดแล อลบมนนๆได และในขนตอนนสามารถเพม url ทเปน zip file รวมรปภาพรายละเอยดสง ทไดทำาการ upload ไวท server แลว มาใหผชม download ได

1 2

4

5

3


หมายเลข 1 คอ ลำาดบการแสดงผลหมายเลข 2 คอ ชออลบมคลกเพอเขาไปแกไขขอมล, เพมรปภาพ และแสดง

ตวอยางหมายเลข 3 คอ รายละเอยด สามารถทจะใสคำาอธบาย เกยวกบอลบมหมายเลข 4 คอ จำานวนรปตอหนาหมายเลข 5 คอ URL Download ภาพทมคณภาพสงหมายเลข 6 คอ หมวดหมอลบมหมายเลข 7 คอ สถานะอลบม แสดง / ไมแสดงหมายเลข 8 คอ ปมบนทกหรอลบขอมล

3.) อลบมทงหมด แสดงรายละเอยด อลบมทงหมด สามารถทำาการแกไข, ลบ และเพมรปในอลบมได

1 2

3

4

5

6

7

8

1

2

3 4 5 6 7 8


หมายเลข 1 คอ ลำาดบการแสดงผลหมายเลข 2 คอ ชออลบม คลกเพอแกไข ได หมายเลข 3 คอ เมอคลก ลงค เพม / แกไข รปภาพ หลง ชออลบม กจะเขาสหนาจอเพมรปภาพ ให browse รปภาพทตกแตง ขนาดทเหมาะสมแลวลง ไป ไมควรนำาภาพทถานจากกลอง โดยตรงมาใชงานเพราะวาภาพจะ ใหญเกนไปทำาใหระบบชา ลงไป และ เปนรปทใหญเกนความจำาเปน แลวจงกำาหนด ความกวางความสง ของรป ขนาดเลก (Thumbnail) ลงไป

หมายเลข 4 คอ แสดงตวอยางอลบมหมายเลข 5 คอ URL ทจะนำาไปใชงานหมายเลข 6 คอ จำานวนรปตอหนาในการแสดงผลหมายเลข 7 คอ สถานะของอลบมหมายเลข 8 คอ ลบอลบม

1.3.2 การนำาไปใชงานในหนาอน ๆ

1.) URL ทนำาไปใช ใหคลกทคำาวา URL จากนนจะม Pop up เดงขนมา

เปลยนแปลงแกไขรปภาพ

คำาอธบายภาพ

กำาหนดความกวาง, สง

คลกหาภาพจากเครอง

ภาพขนาดจรงทแสดงเมอถกคลก


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

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

คลกท URL


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

2. ระบบจดการหนา Popup 2.1 หลกการทำางานของระบบ


Target =_Self


Pop up Window เปนการแสดงของหนาตางในหนาแรก กอนเขาสเวบไซตครงแรก มประโยชนในการสรางขอความประกาศ หรอขอความทเปนไปตามเทศกาลตาง ๆ สามารถใสขอมลประเภท Flash และขอความได ชวยทำาใหเวบไซตมความนาสนใจยงขน

2.2 การจดวางองคประกอบตาง ๆ ของหนาจอ2.2.1 หนาเพมขอมล

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


2.3 วธการใชงานเมนตาง ๆ เขาใชงานไดจากหมวดระบบจดการเวบไซต หวขอ ระบบจดการ Pop up

2.3.1 หนาแสดงรายละเอยด Pop up ทบนทกลงไป ดรายละเอยดเพอแกไข หรอ ลบ ขอมลท บนทกลงไปแลว

หมายเลข 1 คอ หวเรอง (จะไมแสดงผลใน Pop up)หมายเลข 2 คอ ขนาดของ Windows Pop upหมายเลข 3 คอ แกไข หรอ ลบขอมล

2.3.2 หนาบนทกขอมล Pop up คลกท เมน Add New Pop up หรอ ลงคแกไขขอมล จะปรากฏหนาดงรปดานลาง

หมายเลข 1 คอ หวเรอง (จะไมแสดงผลใน Pop up)

1 2

3


หมายเลข 2 คอ ขนาดของ Window Pop upหมายเลข 3 คอ รปภาพ หรอ flash ทแสดงใน Pop up Window หมายเลข 4 คอ ขนาดของรปภาพ ทแสดงหมายเลข 5 คอ รายละเอยดเพมเตมถามหมายเลข 6 คอ สถานะ การแสดงผล Yes / Noหมายเลข 7 คอ ปมบนทก / ลบขอมล

การทำางานในโหมด HTML


โปรแกรมเครองมอ DIMS สามารถทจะรองรบการทำางานในโหมด HTML ไดในสวนของ ทวางสขาวทเรยกวา

Web Wiz Rich Text Editor ซงจะมอยหลายทในระบบจดการเนอหาเชน ในสวนของการจดรปแบบหนา, หวขอ, และเนอหา

1.) สวนแรก ทจะม Web Wiz Rich Text Editor จะอยในสวนของการจดรปแบบหนา(ดตามภาพ)

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

คลกทจดรปแบบหนา



1.3.) ใหคลกท ปม Toggle เพอ เปลยนโหมดภาษา HTML

1.4.) เมอคลกปม Toggle แลว เรากจะอยในโหมดของ HTML CODE เราสามารถทจดการอะไรตางๆ ในรปแบบของภาษา HTML ได

ตวอยางหลงจากสราง CODE HTML ไดตามตองการแลว ใหคลก ปม Toggle กลบ

คลกเพอเปลยนโหมด

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


กจะเหนผลจาก โคดทสราง

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

คลกเพอเปลยนโหมดอกครง

คลกทหวขอ



2.1) เมอเขาสหนาของหวขอ ใหคลกท HTML จะม Pop up เดงขนมา เราสามารถทจะใส HTML CODE

แลวคลกทคำาวา Update ไดทนท

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

คลกเพอเปลยนโหมด

คลกทเนอหา รปแบบดานในกจะเหมอนๆกนกบทไดเคยอธบาย


การเรยกใชงาน URL

URL ในทน หมายถง URL ท ถกสรางขนมาใชเฉพาะโปรแกรมเครองมอ DIMS และ URL จากเวบอน เพอใหผสรางเวบนำาไปใชงาน ในโหมด HTML, และชอง URL (ตามเมนหวขอ) ซงในคมอกจะอธบาย ไวเปนตวอยาง 2 วธ ดงน

1.) การนำา URL ทใชเฉพาะโปรแกรมเครองมอ DIMS (ดตามภาพ)


โคด HTML ชดนเปนชดคำาสง IFRAME ซงเราจะตองนำาไปใชรวมกบ URL <IFRAME src=" "></IFRAME>

วธนเราจะนำา URL นมาใช pageconfig/login_logout/login.asp เปน URL ไวสำาหรบ Login/Logout

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


นำา URL มาใสแทรกระหวาง “ “


<IFRAME src="http://anet2.thaicybershops.com/pageconfig/login_logout/login.asp"></IFRAME>

สแดงหมายถง ชอเวบไซต (URL นจำาเปนจะตองนำาชอเวบไซตเขามารวมดวย)

สนำาเงนหมายถง URL Login/Logout

* URL บางตวไมตองใส ชอเวบไซต* ตอง Toggle ไปในโหมด ปกต กอนบนทกขอมล ทกครง

คลกเพอ Toggle ไปในโหมด ปกต กอนบนทกขอมล

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

หลงจากนนกบนทกขอมล


2.) การนำา URL เวบอนมาใช ตวอยางนจะยกตวอยางการนำา URL ราคานำามนจากเวบ ปตท มาแปะไวทหนาเวบของเรา โดยการพมพคำาวา ราคานำามนวนน ท เวบ Google เมอเขามาทเวบแลว (ดตามภาพ)

1. ใชเมาสคลกขวาทพนทน

2. หลงจากนนกจะได Pop up นเดงขนมา

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

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


โคด HTML ชดนเปนชดคำาสง IFRAME ซงเราจะตองนำาไปใชรวมกบ URL <IFRAME src=" "></IFRAME>

กจะไดเปน <IFRAME src="http://www.pttplc.com/th/GetOliPrice.aspx"></IFRAME>

สแดงหมายถง URL เวบไซต (URL นไมจำาเปนจะตองนำาชอเวบไซตของเราเขามาแทรกดวย)

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


นำา URL มาใสแทรกระหวาง “ “


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

ใชเมาสยดหดกรอบใหดพอด

หลงจากนนกบนทกขอมล

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

DIMS' Mannual

Documents

Transcript of DIMS' Mannual