บทที่ 1 การใช้งานระบบ Back Office...

บทท 1 การใชงานระบบ Back Office เบองตน

ระบบ Back Office เปน Web Application ททาง ExcessWeb & Network ไดพฒนาขนมาสำาหรบเวบไซต โครงการเตมเตมขดความสามารถผประกอบการผลต เพอใชในการ Update ขอมลในสวนทเปน Dynamic Contents ตางๆในเวบไซต โดยระบบ Back Office จะม url คอ

http://_________________/_admin

ระบบ Back Office จะเปนสวนทผใชทวไปไมสามารถเขามาใชงานได จะตองเปนเจาหนาทรบผดชอบ และไดรบสทธในการเขามา Update ขอมลจากผดและระบบเทานน ดงนน เมอเขามาท Back Office แลวจะปรากฏหนาจอใหทำาการ Login กอน

ความตองการระบบ

1

1. Browser รองรบเวบบราวเซอร ดงน a. Internet Explorer 5.5+ (แนะนำาใหใช และสามารถใชงาน

WYSIWYG Editor ได) b. Mozilla 1.4+ c. Netscape 7.0+d. Opera 7+

2. และเวบ Browser ทจะใชสำาหรบระบบ Back Office จะตองมคณสมบตหรอกำาหนดคาดงน

a. รองรบ Java Script ซงจะใชสำาหรบการตรวจสอบขอมลb. ยอมรบ Cookies

การ Login & Logoutกอนทเราจะสามารถเขาใชงานระบบ Back Office เราจะตองทำาการ Login เขามาในระบบกอนดงน 1. เขามาท url ของ Back Office จะปรากฏหนาจอสำาหรบให Login ดงน

2. ใส User และ Password แลวคลกทปม “Go”

2

mk:@MSITStore:D:%5CCherdAllWork%5CPrivates%5CFreelances%5Cfti6101%5Cwww%5C_admin%5CBackOffice.chm::/backoffice_wysiwyg.htm

3. เมอ Login เขาสระบบแลวนระบบจะนำาทานเขาไปสหนาหลกของระบบ Back Office ดงรป

การ Logout เมอเราอยในเระบบ Back Office และตองการออกจากระบบสามารทำาได โดยการคลกทเมน Logout ทบรเวณดานมมบนขวามอดงรป

เมอเรา Logout ออกจากระบบแลว ระบบจะกลบมาทหนาจอสำาหรบ Login

การใชงานระบบ Back Officeกอนทเราจะเรมตนใชงานระบบ Back Office เรามาทำาความรจกกบหนาตาของระบบ Back Office กนกอน โดยเมอเรา Login เขามาในระบบเรบยรอยแลว จะปรากฏหนาจอหลกของระบบ Back Office ดงน

3

ซงจากรปภาพเราจะเหนไดวา ระบบ Back Office ไดถกจดแบงออกเปน 3 สวน ดงน 1. Header

เปนสวนทแสดงใหทราบถงสถานะของผ Login เขามา, เวลาบน Server นอกจากนยงยงมเมนอนๆอก เชน Logout ออกจากระบบ, สงพมพขอมล หรอ การคนหาขอมลเปนตน โดยใน Back Office สวน Header จะประกอบดวยสวนตางๆ ดงน

Local Time

แสดงเวลาบน Web Server วาในขณะนนเปนวนทเทาไหร

Back Office

Link ไปยงหนาหลก( Home) ของระบบ Back Office

�� Home Link ไปยงหนาหลก( Home) ของเวบไซต About Us Link ไปยงหนาแสดงรายละเอยดของการจดทำา

เวบไซต และระบบ Back Office

4

� Help Link ไปยงหนา Help เพอ ownload คมอการใชงานระบบ Back Office

Login : แสดงรายชอผท Login เขามาใชงานระบบในขณะนนๆ

My Tools เครองมอสำาหรบผท Login เขามา โดยสามารถเปลยนรหสผาน, จดบนทกตางๆ ได

Logout ออกจากระบบ

Print this page

สงพมพขอมลในหนานนๆ

Search คนหาขอมลตางๆ ตามทระบวาตองการคนหาอะไร 2. Left Menuเปนสวนทแสดงเมนตางๆใหเราเลอกวาตองการจะ Update / ดขอมลเกยวกบกบเรองอะไร เชน ขาว, กจกรรม, ประกาศรบสมครงาน หรอรายการสงซอสนคา/สนคาเปนตน จากเมนดงกลาวจะมเมนอย 2 เมนหลกๆ คอ

Web Site Utilities

เปนเครองมอตางๆ ทชวยสำาหรบการบรหาจดการเวบไซต เชน ระบบ Mailing List & Newsletter เปนตน

System Admin

เปนเมนสำาหรบผดแลระบบ เชน รายชอผใช, Application ตางๆ รวมทงการกำาหนดสทธให Users เปนตน

3. Work Areaเปนพนทสำาหรบใชในการทำางานซงไดแก การดขอมลตางๆ, การเพมขอมล, การแกไขขอมล หรอ การลบขอมล เปนตน รปภาพดานลางนจะเปนตวอยางหนาจอของพนทสำาหรบการทำางานทจะพบในระบบ Back Office ซงจะมรปแบบคลายกน จะแตกตางกนกตรงรายละอยดของขอมลเทานน

5

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

a. เพมขอมล b. ดขอมลในรปแบบตางๆ

นอกจากนยงแสดงขอความทเปน Notify Message เพอแจงใหทราบถงขอมลทสำาคญๆ เชน Order หนาจอแสดงตารางขอมล โดยในหนานจะมการแบงหนา และสามารถเพม แกไข หรอลบขอมล และนอกจากน User ยงสามารถคลกทหวเรอง (Column) เพอเรยงขอมลได หนาจอแสดงตารางขอมล โดย User สามารถเลอกกลมของขอมลทตองการดได

หนาจอแสดงตารางขอมล โดย User สามารถเลอกดขอมลตามเดอน/ป ของขอมลทตองการได

หนาจอแสดงตารางขอมล โดย User สามารถเลอกดขอมลตามตวอกษรได

6

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

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

a. แกไขขอมล (Edit) b. ลบขอมล (Delete)

หนาจอสำาหรบเพม/แกไขขอมล

หนาจอสำาหรบการใหผใชยนยนวาตองการจะลบขอมลหรอไม

7

การบรหารจดการขอมลระบบ Back Office เปนระบบทถกพฒนาขนมาเพอใหผดแลระบบใชสำาหรบจดการกบขอมลตางๆ ดงนน งานหลกๆ ทเราจะตองใชในระบบ Back Office จงประกอบไปดวย 1. การดรายการขอมลทมอยแลว รวมทงการดรายละเอยดของขอมล 2. การเพมขอมล 3. การแกไขขอมล 4. การลบขอมล 5. การเตรยม/ Upload รปภาพสำาหรบเวบไซต

แตกอนอนเราตองมาเรยนรวาเราเขาไปในหวขอ (Section นนไดอยางไร) เพอใหงายตอการทำาความเขาใจ จงขอยกตวอยางระบบขาว (News) ทแสดงบนเวบไซต มาเปนตวอยางประกอบการอธบาย โดยขาวทแสดงบนเวบไซตจะประกอบดวยหนาตางๆ ดงน

8

จะเหนวาขาวทแสดงในหนา Index (หนาหลกของขาว) จะแสดงขาวตางๆ List ลงมาเรอยๆ โดยแตละขาวจะมรปภาพเลกๆ (thumbnail) ประกอบ, หวขอขาว, วนท, ทมา และรายละเอยดยอของขาวนนๆ เมอเราคลกทขาวนนๆ ระบบจะแสดงรายละเอยดของขาว (Detail) และจากหนา Home เรายงสามารถคลกไปดขาวยอนหลง (Archive) ได

การเขาสหนาจอหลกของหวขอ (Section)

1. คลกทเมนทเราตองการเขาไป ทบรเวณ Left Menu เมอเราคลกเขาไปทหนาจอหลกของหวขอนนอาจจะแสดงรปแบบทแตกตางกนออกไปตามรปแบบของขอมล ดงน

2. เปนหนาจอหลกทแสดงเมนตางๆ ของหวขอนนๆ เพอใหเราเลอกวาตองการดขอมล หรอ จดการกบขอมลใดบาง

หรออาจจะเปนหนาจออกแบบหนง ดงน

9

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

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

1. จากตารางขอมลใหคลกทปม "New" ทบรเวณปมคำาสง

10

2. หลงจากนนจะปรากฏหนาจอสำาหรบกรอกขอมล ดงน

3. กรอกขอมบตางๆ ใหครบตามทกำาหนด โดยขอมลทม * อยแสดงใหทราบวาเปนขอมลทเราตองกรอก และกรอกใหถกตองตามรปแบบดวย ถาเรากรอกขอมลไมครบแลวคลกท "Save Data" จะปรากฏหนาตาง (Dialog) แจงใหทราบวามขอมลใดบางทยงไมไดกรอกดงน

Date ขาวเมอวนทเทาไหร Language / Page

ขาวนจะแสดงทหนา/ภาษาไหน เชน ขาวสำาหรบภาษาไทย

11

Title Of News หวขอขาว Abstract ขาวยอสำาหรบแสดงในหนาหลกของขาว (Index)

โดยสามารถมจำานวนตวอกษรสงสดได 255 ตวอกษร

Description รายละเอยดมลบของขาว Status ตองการแสดงบนเวบหรอไม ถาเปน

ใหแสดงบนเวบ ไมแสดงขอมลเวบไซต

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

Thumbnail เปนการกำาหนดวาขาวนมรปภาพขนาดเลก (Thumbnail)ประกอบหรอไม ถาเราคลก วามรปปภาพขนาดเลก (Thumbnail) ประกอบ จะตองจดทรปภาพใหไดตามขนาดทกำาหนดไววา กวาง ยาว เทาไหร และมไฟลเปนไฟลประเภทไหน แลวคลกทปม "Browser" เพอเลอกไฟล หรอถายงไมพรอมสามารถ Upload รปตามไปภายหลงได

4. เมอกรอกขอมลจนครบแลว ใหคลทปม "Save Data"

12

5. ระบบจะทำาการบนทกขอมล และแสดงหนาจอรายงานการบนทกขอมล กรณบนทกขอมลเสรจเรยบรอย ดงน

6. คลกทปม " OK " เพอกบไปยงหนาทมาจอหลก การแกไขขอมลสำาหรบขอมลทมอยแลว เราสามารถแกไขขอมลตางๆ ได ดงน

13

1. จากตารางขอมลคลกท หรอ จากหนาทแสดงรายละเอยดของขอมล คลกทปม "Edit" เพอแกไขขอมล จะปรากฏหนาจอสำาหรบแกไขขอมลตางๆ ดงน

2. แกไขขอมบตางๆ ใหครบตามทกำาหนด โดยขอมลทม * อยแสดงใหทราบวาเปนขอมลทเราตองกรอก และกรอกใหถกตองตามรปแบบดวย ถาเรากรอกขอมลไมครบแลวคลกท "Save Data" จะปรากฏหนาตาง (Dialog) แจงใหทราบวามขอมลใดบางทยงไมไดกรอกดงน

3. เมอแกไขขอมลเสรจแลวแลว ใหคลทปม "Update Data"

14

4. ระบบจะบนทกการแกไขขอมล และแสดงหนาจอรายงานการบนทกขอมล ดงน

5. คลกทปม " OK " เพอกลบไปยงหนาจอหลก หรอ หนาจอทมากอนหนาน

การเตรยมรปภาพสำาหรบเว�บไซตม Application หลายๆอนทจะมรปภาพประกอบเชนขาว, รปสนคา เปนตน

ดงนน ทางผดแลระบบจะตองจดทำารปภาพสำาหรบเวบไซต โดยจะมสงตางๆทตองพจารณาและตองจดทำา ดงน

1. ความกวาง และ ความสงของภาพ 2. รปแบบการบนทกไฟล วาระบบใหบนทกเปนไฟลประเภทใด เชน jpg, gif

หรอ png เปนตน 3. เรองของขนาดไฟลทตองไมใหญเกนไป นอกจากนกจะมเรองของความ

สวางและความคมชดของรป

15

และในการเพมขอมล หรอ การแกไขขอมลกจะมการแจงใหทราบอยแลววามขอกำาหนดอยางไร ตวอยาง

1. หนาเพมขอมล

2. หนาแกไขขอมล

การใชงาน WYSIWYG EditorWYSIWYG Edit เปนเครองมอททาง ExcessWeb & Network ไดพฒนาขน เพอชวยใหผใชสามารถจดขอมลตางๆทจะแสดงบนเวบไดงายและมประสทธภาพ โดยไมจำาเปนตองมความรดาน HTML เนองจากการใชงานจะเหมอนกบการใชงานโปรแกรม Word ทงรปแบบและ Short Cut ตางๆ โดยกรณทเราตองการขนยอหนา (Paragraph) ใหมใหดก Enter แตในกรณทเราตองการขนบนทดใหมใหกด Shift + Enter

โดยปมตางๆ ในแถบเมนของ WYSIWYG Editor ดงรปดานบนนน จะมความหมาย และวธการใชงาน ดงน

Find คนหาขอความตางๆ ทอยในเอกสาร หรอ บรเวณทแกไข Print

16

สงพมพขอความตางๆ ทอยในเอกสาร หรอ บรเวณทแกไข Preview ดตวอยางของขอความตางๆ ทอยในเอกสาร หรอ บรเวณทแกไข Cut ตดขอความทเราเลอก สามารถใช Ctrl + X ได Copy คดลอกขอความทเราเลอก สามารถใช Ctrl + C ได Paste วางขอความจาก Clibboard ทไดจากการ Copy หรอ Cut ทงจากในตว WYSIWYG เอง หรอจากโปรแกรมอนๆ โดยสามารถใช Ctrl + P และนอกจากน เรายง Drag ขอความตางๆมาวางใน WYSIWYG กไดเหมอนกน

สำาหรบขอความท Copy มาจาก Microsoft Word นนๆ จะมรปแบบตางๆททำาใหการแสดงผลเหมอนกบใน Word เชน ม Tag Font, Tag XML เปนตน ทำาใหการแสดงผลไมเหมอนกบขอมลในหนาอนๆ ดงนนเมอ Paste แลวควรคลกท เพอลบ tag ตางๆเหลานนออก แลวจดรปแบบใหมใหเหมาะสม Switch Mode สลบโหมดการทำางานระหวาง โหมด Text กบโหมดทมการเรยกใช WYSIWYG Help คลกเพอเปดไฟล Help เพอดความหมายตางๆของปม และการใชงาน Popup WYSIWYG Editor เปดหนาตาง Pop Up ขนมาเพอใชงาน WYSIWYG โหมดตางหาก Bold จดขอความใหเปนตวหนา หรอยกเลกการทำาตวหนา Italic จดขอความใหเปนตวเอยง หรอยกเลกการทำาตวเอยง Underline ขดเสนใตขอความ หรอยกเลกการขดเสนใต Strike Through ขดเสนผานกลางขอความ หรอยกเลกการขดเสนผานกลางขอความ

17

Sub Script จดขอความใหเปนตวหอยลงตำากวาขอความปกต Super Script จดขอความใหเปนตวยกขนเหนอขอความปกต เหมอกบเลขยกกำาลง Euro แทรกสญลกษณของเงน Euro Insert Special Characters ใสสญลกษณพเศษตางๆ เชน Copyright, Trademark เปนตน Justify Left จดรปแบบขอความใหชดซาย Justify Center จดรปแบบขอความใหอยกงกลาง Justify Right จดรปแบบขอความใหชดขวา

Numbering List จดขอความในยอหนา (Paragraph) ทเลอกใหเปนลำาดบเลข หรอ ยกเลกการจดลำาดบเลข Bullets List จดขอความในยอหนา (Paragraph) ทเลอกใหเปนสญญลกษณแสดงหวขอยอย หรอ ยกเลกสญญลกษณแสดงหวขอยอย Decrease Indent ลดการเยอง Increase Indent เพมการเยอง Font Color กำาหนดสของตวอกษร โดยการใชงานสามารถใชได 2 ทาง คอ เลอกตวอกษรทตองการแลวเลอกส หรอ จะเลอกสทตองการแลวจงพมพขอความตางๆทตองการ Background Color กำาหนดสพนของตวอกษร โดยการใชงานสามารถใชได 2 ทาง คอ เลอกตวอกษรทตองการแลวเลอกส หรอ จะเลอกสทตองการแลวจงพมพ

18

ขอความตางๆทตองการ

Insert Image (Url) แทรกรปภาพเขามาในเนอหา โดยการระบ Url ของไฟลรปภาพ เชน http://www.yoursite.com/pic/picture1.jpg เปนตน นอกจากนยงสามรถกำาหนดคณสมบตตางๆ เชน ALT, Bo rder เปนตน Insert Image (Browse File) แทรกรปภาพเขามาในเนอหา โดยการระบเลอกไฟลรปภาพ จากเวบไซตของเราทกำาหนดใหเปนทเกบรปภาพ โดยเราสามารถ Upload ไฟลรปภาพตางๆทอยบนเครองเราขนไปบนเวบไซตได นอกจากนยงสามรถ สราง Folder, เปลยนชอไฟล หรอลบไฟลทไมตองการออกได รายละเอยด >>

Insert Hyperlink ใส Links ไปยงเวบไซตตางๆ โดยสามารถใสไดทงการเลอกขอความแลวใส Link หรอ จะกดแทรก Link แลวคอยใสขอความและ Url ของเวบไซตกได Remove Hyperlink ยกเลกการ Links ไปยงเวบไซตตางๆ โดยคลกท Link ทตองการยกเลก แลวคลกทปม Insert Named Anchor ใส Bookmark สำาหรบการสราง Link ภายในขอมลนน เพอใหกระโดดไปยงขอมนนได โดยใช # Insert Scrolling Text แทรกแถบความวง (Scrolling Text) ในขอมล Insert Horizontal Rule แทรกเสนคนในขอมล Insert Table แทรกตารางเขามาในเนอหา โดยสามารถกำาหนดคณสมบตตางๆ เชน จำานวนแถว, จำานวนคอลมส, ความกวาง เปนตน Show Border แสดง Layout ของตาราง ใชประโยชนสำาหรบตารางทกำาหนด Border เปน 0 เพอใหเหนวาตารางมแถว / คอลมสตางๆอยางไร

19

Insert Row Before แทรกแถวเขาไปใหม 1 แถว โดยจะแทรกเขาไปทขางบน/กอนแถวทเราอย Insert Row After แทรกแถวเขาไปใหม 1 แถว โดยจะแทรกเขาไปทดานลาง/หลงแถวทเราอย Delete Row ลบแถวทเราอยออกจากตาราง Insert Column Before แทรกคอลมสเขาไปใหม 1 คอลมส โดยจะแทรกเขาไปทดานหนา/ซายมอคอลมสทเราอย Insert Column After แทรกคอลมสเขาไปใหม 1 คอลมส โดยจะแทรกเขาไปทดานหลง/ขวามอคอลมสทเราอย Delete Column ลบคอลมสทเราอยออกจากตาราง Insert Cell Before แทรกเซลล (td)เขาไปใหม 1 เซลล (td) โดยจะแทรกเขาไปทดานหนา/ซายมอเซลล (td) ทเราอย Insert Cell After แทรกเซลล (td)เขาไปใหม 1 เซลล (td) โดยจะแทรกเขาไปทดานหลง/ขวามอเซลล (td) ทเราอย Delete Cell ลบเซลล (td) ทเราอยออกจากตาราง Remove Word Specifix Markup ลบ tag ตางๆ ทเกดจาก Copy ขอมลมาจาก Microsoft Word ซง tag เหลานจะมผลตอการแสดงผล โดยการแสดงผลจะเหมอนกบใน Microsoft Word มาก ทงในเรองของ Font, ระยะเยอง เปนตน ซงจะมผลใหขอมลทแสดงบนเวบมความแตกตางๆจากหนาอนๆมาก

การพมพขอมล

20

ระบบ Back Office ไดออกแบบมาเพอชวยใหสามารถพมพขอมลออกมาไดงายๆ โดยสามารถสงพมพขอมลใหอยในรปแบบ Print Friendly ซงเปนการพมพออกมาเฉพาะขอมลทจำาเปนเทานน

จากรปดานบน จะเหนวาสวนทเปนขอมลจรงทตองตองพมพออกมาจะเปนเฉพาะในสวนทเปนตารางขอมลเทานน ซงเราสามารถทำาไดโดยการคลกท หลงจากนนจะปรากฏหนาตางใหมทเปนขอมลสำาหรบ Print Friendly ดงรปดานลาง

การคนหาขอมล

21

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

1. My Profile ดรายละเอยดของผดแลระบบ และสามารถแกไขรายละเอยดตางๆ

2. Change Password แกไขรหสผาน 3. My Notes สำาหรบจดบนทกงานตางๆของผดแลระบบไวบนเวบ

นอกจากนทาง ExcessWeb & Network ยงไดจดทำา Link ไปยงบรการตางของ Hosting ทใหบรการหลกๆ ดงน

1. Web Base Email บรการเชคอเมลผานทางเวบ

หมายเหต : บรการ Hosting ของแตละทจะไมเหมอนMy Profile - แกไขขอมลสวนตวเปนรายละเอยดของผดแลระบบท Login เขามาใขขณะน โดยเราสามารถเขามาด Profile ของเราไดดงน

22

1. คลกทเมนยอย "My Profile" จะปรากฏหนาจอแสดงรายละเอยด ดงน

2. ถาตองการแกไขรายละเอยดสามารถคลกทปม "Edit"

การแกไขขอมลสวนตว 1. คลกทปม "Edit" ในหนารายละเอยด จะปรากฏหนาจอสำาหรบแกไขราย

ละเอยด ดงน

2. แกไขขอมลตางๆ แลวคลกทปม "Update Date"

Change Password (แกไขรหสผาน)สำาหรบผดแลระบบท Login เขามาในระบบ Back Office ในขณะนน ถาตองการแกไขรหสผาน สามารถทำาไดดงน

23

1. คลกทเมนยอย "Change Password" ในหนา My Tools จะปรากกหนาจอสำาหรบแกไขรหสผานดงน

2. ใสรหสผานใหม และใสรหสใหมอกครงใหตรงกน 3. คลกทปม "Update Data"

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

การเขาใชงานบนทกสามารถทำาไดตามขนตอนดงน 1. คลกทเมนยอย "My Notes" ในหนา My Tools 2. จะปรากกหนาจอแสดงบนทกตางๆของผดแลระบบ ดงน

โดยบนทกชวยจำา (Notes) จะมรายละเอยด

24

บทท 2 System Admin

เปนเครองมอสำาหรบผดแลระบบ (System Admin) โดย Applications ตางๆทอยในน จะเปนงานทมความสำาคญตอเวบไซต เชน รายชอผทสามารถ Login เขา Back Office ได, การกำาหนดสทธ เปนตน โดยจะแบงงานออกเปน 2 สวนดงน

1. Users Management เปนสวนกำาหนดเกยวกบรายชอผใชงาน และการกำาหนด Permission

25

(สทธ) ใหแก Group ตางๆ วาสามารถใชงาน Application ใดไดบาง นอกจากนยงสามารถดสถการ Login เขามาใชงานของผดแลระบบแตละคนได

2. Users Group – กลมผใชเปนสวนทใชสำาหรบกำาหนดวา ในระบบ Back Office เราจะแบงผดแลระบบออกเปนกกลม และกำาหนดสทธการใชงาน Applications ตางๆ ใหแกกลมดวย

3. Applications – โปรแกรมตางๆเปนรายชอ Applications ตางๆทพฒนาขน โดย ExcessWeb & Network สำาหรบเวบไซต ดงนนทาง ExcessWeb & Network จะเปนผกำาหนด Code และใสลงไปในโปรแกรมระบบ Back Office ให

Users Managementการออกแบบระบบ Users (ผดแลระบบ) ใน Back Office จะแบง Users(ผดแลระบบ) ออกเปนกลมๆ โดยแตละกลมสามารถกำาหนดไดวามสทธ หรอ สามารถทำางานกบ Application อะไรไดบาง

การเพม User 1. คลกทเมนยอย List All Users ระบบจะแสดงหนาจอแสดงรายชอผดแล

ระบบทมอยทงหมด ดงรป

26

2. คลกทปม "New" หลงจากนนระบบจะแสดงหนาจอสำาหรบเพมรายชอผดแลระบบ ดงรป

โดยเราจะตองกำาหนดคาตางๆ ดงน

Login Name User Name สำาหรบ Login เขาส Back Office

Password รหสผาน Confirm Password

ยนยนรหสผานอกครง

User Group กลมของผดแลระบบ Full Name รายละเอยดมลบของขาว E-mail อเมลของผดแลระบบ Status สามารถ Login เขาสระบบ Back Office

3. กรอกขอมลตางๆ ใหครบแลวคลกทปม "Save Data" เพอบนทกขอมล4. หลงจากนนระบบจะแสดงผลการบนทกขอมลใหทราบ 5. คลกทปม “ตกลง ” เพอกลบไปทหนาจอหลก / หนาจอกอนหนาน

รายละเอยดของผดแลระบบเมอเราคลกเขาไปดรายละเอยดของของ User แตละคนจะมรายละเอยดตางๆ

27

ดงน

Users Login Report เปนรายงานแสดงจำานวนครงในการ Login ของผดแลระบบแตละคน โดยนำาเสนอในรปแบบกราฟแทง และตารงขอมลพรอมเปรยบเทยบเปน % การ Login ดวย ดงรป

28

Users Group – กลมผใชเปนสวนทใชสำาหรบกำาหนดวา ในระบบ Back Office เราจะแบงผดแลระบบออกเปนกกลม และกำาหนดสทธการใชงาน Applications ตางๆ ใหแกกลมดวย โดย Default แลว ทาง ExcessWeb จะจดแบงไวใหเปน 2 กลม คอ

1. Administrator เปนกลมของผดแลทงระบบ (System Admin) โดยจะสามารถเขามาทำางานใน System Admin ได

2. Users เปนกลมของผดและระบบทวๆไปทสามารถทำางานไดทกอยาง ยกเวน System Admin

กรณเขาไปจดกลม Users สามารถทำาไดดงน1. คลกทเมนยอย "Users Group" 2. ระบบจะแสดงหนาจอการจดกลมของผดแลระบบดงรป

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

การกำาหนดสทธใหกบกลม จากตารางทแสดงกลมตางๆ เมอเราคลกทชอกลม ระบบจะแสดงสทธในการใชงาน Applications ตางๆ ดงรป

29

จากหนานเราสามารถเพม Applications หรอ ยกลกการใชงานสทธการใชงาน App ย lications ได โดยกรณทตองการเพมสทธการใช Applications สามารถทำาไดดงน

1. คลกทปม "New" จากหนาแสดงสทธของกลม 2. ระบบจะแสดงหนาจอใหเลอก Appliccations ตางๆ ทกลมยงไมมสทธ ดงน

3. คลกเลอก Application ตางๆทตองการใหครบ 4. คลกปม "Add Permission"

หมายเหต :การกำาหนด Permission ใหกบกลม อยางนอยจะตองไดรบสทธ "ฟงกชนพนฐานสำาหรบระบบ Admin" จงจะสามารถใชงานระบบ Back Office ได

Applications – โปรแกรมตางๆ

30

เปนรายชอ Applications ตางๆทพฒนาขน โดย ExcessWeb & Network สำาหรบเวบไซต ดงนนทาง ExcessWeb & Network จะเปนผกำาหนด Code และใสลงไปในโปรแกรมระบบ Back Office ให ดงนนในหวขอนสำาหรบผดแลระบบกคอ

1. ดวาในระบบม Applications ใดบาง 2. แกไขชอหรอคำาอธบายของ Application 3. ยกเลกสทธการใชงานของกลมตางๆ ใน Application

การเขามาใน Applications Management สามารถทำาไดดงน1. คลกทเมนยอย "Applications Manager" ใน Sytem Admin 2. ระบบจะแสดงรายชอ Applications ตางๆ ในระบบดงน

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

31

บทท 3 News / ขาวสารประชาสมพนธเปนสวนทใชสำาหรบการจดการเกยวกบขอมลทแสดงในเวบไซต โดยในเวบไซตจะแสดงทเมน “ขาวสารประชาสมพนธ ” ดงรป

การบรหารจดการเกยวขาวในระบบ Back Officeจากหนาของระบบ Back Office ใหคลกทเมนยอย “News” ทบรเวณดานซายมอ หลงจากนนจะปรากฏหนาจอหลกของขาว ดงรป

32

ในการแสดงรายการขาวทงหมด ใหคลกทเมนยอย “List All News Data” โดยจะมหนาจอแสดงรายการขาว ดงรป

33

การเพมขาวในกรณทเราตองการเพมขอมลขาว สามารถทำาได โดย1. จากหนาจอหลกของระบบขาว ใหคลกทเมนยอย “Register News Data”

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

- Show Homepage เปนสวนทกำาหนดวาจะแสดงขาวบนเวบไซตทหนา Home Page (คลกเครองหมายถกถาตองการแสดงบนหนา Home Page เวบไซต)- Status เปนสวนทกำาหนดวาจะแสดงขาวบนเวบไซต (คลกเครองหมายถกถาตองการแสดงบนเวบไซต)

34

- กรณทมรป Thumbnail ประกอบขาว ใหคลกเครองหมายถกวามรปขนาดเลกและทำาการ Browse ไฟลรปภาพ

3. ลงรายละเอยดของของขาวใหครบ แลวคลกทปม “Save Data”4. หลงจากนนระบบจะทำาการบนทกขอมลขาวเขาระบบ5. คลกทปม “ตกลง ” เพอกลบไปทหนาจอหลก หรอ หนาจอกอนหนาน

การแกไขขาวในกรณทเราตองการแกไขขอมลขาว สามารถทำาได โดย

35

1. คลกท ทดานขวามอของรายการทตองการแกไข หลงจากนนจะปรากฏหนาจอใหแกไขขอมลขาว ดงรป

2. แกไขขอมลตางๆของขาวทตองการ เมอแกไขขอมลเสรจแลว คลกทปม “Update Data” เพอบนทกการแกไขขอมล

3. หลงจากนนจะปรากฏหนาจอแสดงผลการบนทกขอมล4. คลกทปม “ตกลง ” เพอกลบไปทหนาจอหลก หรอ หนาจอกอนหนาน

การลบขาว

36

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

หรอคลกท ทดานขวามอของรายการทตองการลบ หลงจากนนจะปรากฏหนาจอใหยนยนการลบขอมล ดงน

คลกทปม No ในกรณทไมตองการลบ Yes ในกรณทตองการลบ หลงจากนนระบบจะทำาการลบขอมลออกจาก

ระบบและแจงขอความให ทราบ คลกทปม “ตกลง ” เพอปดหนาตางและกลบไปทหนาจอรายการขาว

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

37

โดยจากหนานสามารถ

1. แกไขขอมลขาว ไดโดยการคลกทปม 2. ลบขอมลขาวออกจากระบบ โดยการคลกทปม

38

บทท 4 Events / กจกรรมเปนสวนทใชสำาหรบการจดการเกยวกบขอมลทแสดงในเวบไซต โดยในเวบไซตจะแสดงทเมน “กจกรรม ” ดงรป

การบรหารจดการเกยวกจกรรมในระบบ Back Officeจากหนาของระบบ Back Office ใหคลกทเมนยอย “Event” ทบรเวณดานซายมอ หลงจากนนจะปรากฏหนาจอหลกของกจกรรม ดงรป

39

ในการแสดงรายการกจกรรมทงหมด ใหคลกทเมนยอย “List All Event Data” โดยจะมหนาจอแสดงรายการกจกรรม ดงรป

การเพมกจกรรมในกรณทเราตองการเพมขอมลกจกรรม สามารถทำาได โดย1. จากหนาจอหลกของระบบกจกรรม ใหคลกทเมนยอย “Register Event

Data” หรอ จากหนาทแสดงรายการกจกรรมใหคลกทปม

40

2. หลงจากนนจะปรากฏหนาจอใหเพมขอมลกจกรรม ดงรป

- Show Homepage เปนสวนทกำาหนดวาจะแสดงกจกรรมบนเวบไซตทหนา Home Page (คลกเครองหมายถกถาตองการแสดงบนหนา Home Page เวบไซต)- Status เปนสวนทกำาหนดวาจะแสดงกจกรรมบนเวบไซต (คลกเครองหมายถกถาตองการแสดงบนเวบไซต)- กรณทมรป Thumbnail ประกอบกจกรรม ใหคลกเครองหมายถกวามรปขนาดเลกและทำาการ Browse ไฟลรปภาพ

41

3. ลงรายละเอยดของของกจกรรมใหครบ แลวคลกทปม “Save Data”4. หลงจากนนระบบจะทำาการบนทกขอมลกจกรรมเขาระบบ5. คลกทปม “ตกลง ” เพอกลบไปทหนาจอหลก หรอ หนาจอกอนหนาน

การแกไขกจกรรมในกรณทเราตองการแกไขขอมลกจกรรม สามารถทำาได โดย1. คลกท ทดานขวามอของรายการทตองการแกไข หลงจากนนจะปรากฏหนา

จอใหแกไขขอมลกจกรรม ดงรป

42

2. แกไขขอมลตางๆของกจกรรมทตองการ เมอแกไขขอมลเสรจแลว คลกทปม “Update Data” เพอบนทกการแกไขขอมล


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


คลกทปม

No ในกรณทไมตองการลบ Yes ในกรณทตองการลบ หลงจากนนระบบจะทำาการลบขอมลออกจาก

ระบบและแจงขอความให

43

ทราบ คลกทปม “ตกลง ” เพอปดหนาตางและกลบไปทหนาจอรายการกจกรรม

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


1. แกไขขอมลกจกรรม ไดโดยการคลกทปม 2. ลบขอมลกจกรรมออกจากระบบ โดยการคลกทปม

44

บทท 5 Q & A / กระดานถาม – ตอบเปนสวนทใชสำาหรบการจดการเกยวกบขอมลคำาถาม-ตอบทแสดงในเวบไซต ตลอดจนคำาถามใหมทเขามาจากเวบไซต โดยในเวบไซตจะแสดงทเมน “กระดาน-ถามตอบ ” ดงรป

การบรหารจดการเกยวกบคำาถาม-ตอบในระบบ Back Officeจากหนาของระบบ Back Office ใหคลกทเมนยอย “Q & A” ทบรเวณดานซายมอ หลงจากนนจะปรากฏหนาจอหลกของคำาถาม-ตอบ ดงรป

46

ในการแสดงรายการคำาถาม-ตอบทงหมด ใหคลกทเมนยอย “List All question” โดยจะมหนาจอแสดงรายการคำาถาม-ตอบ ดงรป

และในกรณทตองตองการดเฉพาะคำาถามใหม หรอ คำาถามทยงไมไดตอบ สามารถทำาไดโดยทคลกทเมนยอย “List all new question / Waiting answer” หลงจากนนจะปรากฏรายการคำาถามใหม หรอ คำาถามทยงไมไดตอบ ดงรป (ตวเลขทอยในวงเวบเปนตวบอกวาในขณะนมคำาถามใหม หรอ คำาถามทยงไมไดตอบเปนจำานวน)

47

การเพมคำาถาม-ตอบในกรณทเราตองการเพมขอมลคำาถาม-ตอบ สามารถทำาได โดย1. จากหนาจอหลกของระบบคำาถาม-ตอบ ใหคลกทเมนยอย “Register new

question” หรอ จากหนาทแสดงรายการคำาถาม-ตอบใหคลกทปม 2. หลงจากนนจะปรากฏหนาจอใหเพมขอมลคำาถาม-ตอบ ดงรป

48

- Status เปนสวนทกำาหนดวาจะแสดงคำาถาม-ตอบบนเวบไซต (คลกเครองหมายถกถาตองการแสดงบนเวบไซต)

3. ลงรายละเอยดของของคำาถาม-ตอบใหครบ แลวคลกทปม “Save Data”4. หลงจากนนระบบจะทำาการบนทกขอมลคำาถาม-ตอบเขาระบบ5. คลกทปม “ตกลง ” เพอกลบไปทหนาจอหลก หรอ หนาจอกอนหนาน

การแกไขคำาถาม-ตอบในกรณทเราตองการแกไขขอมลคำาถาม-ตอบ สามารถทำาได โดย5. คลกท ทดานขวามอของรายการทตองการแกไข หลงจากนนจะปรากฏหนา

จอใหแกไขขอมลคำาถาม-ตอบ ดงรป

6. แกไขขอมลตางๆของคำาถาม-ตอบทตองการ เมอแกไขขอมลเสรจแลว คลกทปม “Update Data” เพอบนทกการแกไขขอมล


การลบคำาถาม-ตอบ

49

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


คลกทปม

No ในกรณทไมตองการลบ Yes ในกรณทตองการลบ หลงจากนนระบบจะทำาการลบขอมลออกจาก

ระบบและแจงขอความให ทราบ คลกทปม “ตกลง ” เพอปดหนาตางและกลบไปทหนาจอรายการคำาถาม-ตอบ

การแสดงรายละเอยดของคำาถาม-ตอบ

50

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


1. แกไขขอมลคำาถาม-ตอบ ไดโดยการคลกทปม 2. ลบขอมลคำาถาม-ตอบออกจากระบบ โดยการคลกทปม

51

บทท 6 Web Link / เว�บไซตทเกยวของ

เปนสวนทใชสำาหรบการจดการเกยวกบขอมล Link เวบไซตทเกยวของกบโครงการ โดยในเวบไซตจะแสดงทเมน “เวบไซตทเกยวของ ” ดงรป

การบรหารจดการเกยวกบ Link เว�บไซตทเกยวของในระบบ Back Officeจากหนาของระบบ Back Office ใหคลกทเมนยอย “Web Link” ทบรเวณดานซายมอ หลงจากนนจะปรากฏหนาจอหลกของ Link เวบไซตทเกยวของ ดงรป

52

ในการแสดงรายการ Link เวบไซตทเกยวของทงหมด ใหคลกทเมนยอย “List All Link Data” โดยจะมหนาจอแสดงรายการ Link เวบไซตทเกยวของ ดงรป

การเพม Link เว�บไซตทเกยวของในกรณทเราตองการเพมขอมล Link เวบไซตทเกยวของ สามารถทำาได โดย1. จากหนาจอหลกของระบบ Link เวบไซตทเกยวของ ใหคลกทเมนยอย

“Register Link data” หรอ จากหนาทแสดงรายการ Link เวบไซตทเกยวของใหคลกทปม

53

2. หลงจากนนจะปรากฏหนาจอใหเพมขอมล Link เวบไซตทเกยวของ ดงรป

- Status เปนสวนทกำาหนดวาจะแสดง Link เวบไซตทเกยวของบนเวบไซต (คลกเครองหมายถกถาตองการแสดงบนเวบไซต)- Link Url : คอ url ของเวบไซตทตองการ โดยจะตองใชเปนแบบเตมรปแบบ เชน http://internet1.off.fti.or.th/- Logo คอ Logo ของเวบไซต / หนวยงานทตองการ Link ไป

3. ลงรายละเอยดของของ Link เวบไซตทเกยวของใหครบ แลวคลกทปม “Save Data”

4. หลงจากนนระบบจะทำาการบนทกขอมล Link เวบไซตทเกยวของเขาระบบ5. คลกทปม “ตกลง ” เพอกลบไปทหนาจอหลก หรอ หนาจอกอนหนาน

การแกไข Link เว�บไซตทเกยวของในกรณทเราตองการแกไขขอมล Link เวบไซตทเกยวของ สามารถทำาได โดย

54

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

2. แกไขขอมลตางๆของ Link เวบไซตทเกยวของทตองการ เมอแกไขขอมลเสรจแลว คลกทปม “Update Data” เพอบนทกการแกไขขอมล


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

55



ระบบและแจงขอความให ทราบ คลกทปม “ตกลง ” เพอปดหนาตางและกลบไปทหนาจอรายการ Link เวบไซตทเกยวของ

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

56


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

57

บทท 7 Membersเปนสวนทใชสำาหรบการจดการเกยวกบขอมลรายชอ SME ทสมครเขารวมโครงการ โดยในเวบไซตจะแสดงทเมน “รายชอ SMEs ทไดรบการคดเลอกเขารวมโครงการ ” ดงรป

58

การบรหารจดการเกยวกบ Link เว�บไซตทเกยวของในระบบ Back Officeจากหนาของระบบ Back Office ใหคลกทเมนยอย “Member” ทบรเวณดานซายมอ หลงจากนนจะปรากฏหนาจอหลกของรายชอ SMEs ทไดรบการคดเลอกฯ ดงรป

ในการแสดงรายการ รายชอ SMEs ทไดรบการคดเลอกฯทงหมด ใหคลกทเมนยอย “List All Member Data” โดยจะมหนาจอแสดงรายการรายชอ SMEs ทไดรบการคดเลอกฯ ดงรป

60

การเพม รายชอ SMEs ทไดรบการคดเลอกฯในกรณทเราตองการเพมขอมล รายชอ SMEs ทไดรบการคดเลอกฯ สามารถทำาได โดย1. จากหนาจอหลกของระบบรายชอ SMEs ทไดรบการคดเลอกฯ ใหคลกทเมน

ยอย “Register Member data” หรอ จากหนาทแสดงรายการรายชอ SMEs ทไดรบการคดเลอกฯใหคลกทปม

2. หลงจากนนจะปรากฏหนาจอใหเพมขอมล รายชอ SMEs ทไดรบการคดเลอกฯ ดงรป

61

- Status เปนสวนทกำาหนดวาจะแสดงรายชอ SMEs ทไดรบการคดเลอกฯบนเวบไซต (คลกเครองหมายถกถาตองการแสดงบนเวบไซต)- Web Site : คอ url ของเวบไซตทตองการ โดยจะตองใชเปนแบบเตมรปแบบ เชน http://internet1.off.fti.or.th/- MD / Contact Picture, Product Image คอ ถามรปภาพประกอบใหคลกเครองหมายถกท Have Picture และทำาการ Browse ไฟลรปภาพ

- Product Image คอ ถามรปภาพประกอบใหคลกเครองหมายถกท Have product image และทำาการ Browse ไฟลรปภาพ

3. ลงรายละเอยดของของ รายชอ SMEs ทไดรบการคดเลอกฯใหครบ แลวคลกทปม “Save Data”

4. หลงจากนนระบบจะทำาการบนทกขอมล รายชอ SMEs ทไดรบการคดเลอกฯเขาระบบ

5. คลกทปม “ตกลง ” เพอกลบไปทหนาจอหลก หรอ หนาจอกอนหนาน

การแกไขรายชอ SMEs ทไดรบการคดเลอกฯในกรณทเราตองการแกไขขอมล รายชอ SMEs ทไดรบการคดเลอกฯ สามารถทำาได โดย

63

5. คลกท ทดานขวามอของรายการทตองการแกไข หลงจากนนจะปรากฏหนาจอใหแกไขขอมลรายชอ SMEs ทไดรบการคดเลอกฯ ดงรป

64

6. แกไขขอมลตางๆของรายชอ SMEs ทไดรบการคดเลอกฯทตองการ เมอแกไขขอมลเสรจแลว คลกทปม “Update Data” เพอบนทกการแกไขขอมล


การลบรายชอ SMEs ทไดรบการคดเลอกฯในกรณทเราตองการลบรายชอ SMEs ทไดรบการคดเลอกฯออกจากระบบ สามารถทำาได โดยการเลอกครงละหลายๆรายการ ดงรป



ระบบและแจงขอความให

66

ทราบ คลกทปม “ตกลง ” เพอปดหนาตางและกลบไปทหนาจอรายการรายชอ SMEs ทไดรบการ คดเลอกฯ

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

โดยจากหนานสามารถ1. แกไขขอมล รายชอ SMEs ทไดรบการคดเลอกฯ ไดโดยการคลกทปม

67

2. ลบขอมล รายชอ SMEs ทไดรบการคดเลอกฯออกจากระบบ โดยการคลกทปม

68

บทท 8 Web Site Utilitiesเปนสวนทใชสำาหรบการจดการเกยวกบขอมลรายชอ E-mail ของบคคลทวไปทกรอกขอมลจากเวบไซต ผานมาจากเมน “ตดตอประสานงาน ” ดงรป

** เกบเขาระบบ Mailing List เฉพาะ E-mail Address เทานน สวนขอมลอนๆจะสง Mail ไปท [email protected] และ [email protected]

และมาจากการสมครรบจดหมายขาวทาง E-mail ทหนา Home Page

69

mailto:[email protected]

mailto:[email protected]

การบรหารจดการเกยวกบรายชอสมาชกและการสงจดหมายขาว ในระบบ Back Officeจากหนาของระบบ Back Office ใหคลกทเมนยอย “Web Site Utilities” ทบรเวณดานซายมอ หลงจากนนจะปรากฏหนาจอหลกของรายชอสมาชกและการสงจดหมายขาว ดงรป

70

ในการแสดงรายการรายชอสมาชกจดหมายขาว ในระบบจะแสดงรายชอในรปแบบตางๆ ดงน

1. แสดงรายชอสมาชกทงหมด ใหคลกทเมนยอย “List All Mailing List” โดยจะมหนาจอแสดงรายการรายชอ สมาชกจดหมายขาวทงหมด ดงรป

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

71

“Go”

2. แสดงรายชอสมาชกตามวนทสมคร ใหคลกทเมนยอย “List By E-mail” โดยจะมหนาจอแสดงรายการรายชอ สมาชกจดหมายขาวทงหมด หรอจะเลอกใหแสดงเฉพาะ E-mail ทขนตนดวยอกษรทตองการกได ดงรป

3. แสดงรายชอสมาชกตามวนทสมคร ใหคลกทเมนยอย “List By Register” โดยจะมหนาจอแสดงรายการรายชอ สมาชกจดหมายขาวทงหมดของเดอนทเลอก โดยในการเขามาครงแรกจะแสดงของเดอนปจจบน ดงรป

72

4. แสดงรายชอสมาชกตามกลมของสมาชกจดหมายขาว ใหคลกทเมนยอย “List By Mailing Group” โดยจะมหนาจอแสดงสรปจำานวนสมาชกจดหมายขาวตามกลมของสมาชกจดหมายขาว ดงรป

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

5. แสดงรายชอสมาชกตาม Domain ของ E-mail ทสมคร เพอทจะดวาผใชสวนใหญใช E-mail ของใครมากทสด ใหคลกทเมนยอย “List By Domain” โดยจะมหนาจอแสดงสรปจำานวนสมาชกจดหมายขาวตาม

73

Domain ดงรป

6. แสดงรายชอสมาชกตามป/เดอนทสมคร ใหคลกทเมนยอย “List By Yearly / Monthly” โดยจะมหนาจอแสดงสรปจำานวนสมาชกจดหมาย

74

ขาวตามป/เดอนทสมคร ดงรป

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

75

- Send E-mail เปนสวนทกำาหนดวาจะตองการสงจดหมายขาวใหสมาชกหรอไม (คลกเครองหมายถกถาตองการสงจดหมายขาว)

3. ลงรายละเอยดของ สมาชกจดหมายขาวใหครบ แลวคลกทปม “Save Data”

4. หลงจากนนระบบจะทำาการบนทกขอมล รายชอ สมาชกจดหมายขาวเขาระบบ5. คลกทปม “ตกลง ” เพอกลบไปทหนาจอหลก หรอ หนาจอกอนหนาน

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

จอใหแกไขขอมล สมาชกจดหมายขาว ดงรป

2. แกไขขอมลตางๆของ สมาชกจดหมายขาวทตองการ เมอแกไขขอมลเสรจแลว คลกทปม “Update Data” เพอบนทกการแกไขขอมล


การเปลยนกลมของสมาชกจดกมายขาว1. ในกรณทตองการยาย หรอ จดกลมของสมาชกจดหมายขาว สามารถทำาได

โดยการแกไขครงละรายการ หรอ เลอกรายชอ E-mail ทตองการ โดย

76

สามารถเลอกไดครงละหลายรายการ

2. คลกทปม เพอทำาการเปลยนกลมใหม โดยจะมหนาจอใหเลอกกลมทตองการ ดงรป

3. เลอกกลมทตองการ แลวคลกทปม “YES” 4. ระบบจะทำาการบนทกขอมลการจดกลมสมาชกและรายงานผลใหทราบ5. คลกทปม “ตกลง ” เพอปดหนาตาง และกลบมาทหนาจอหลก

การลบรายชอสมาชกจดหมายขาว

77

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



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

การจดการเกยวกบกลมของสมาชกจดหมายขาวในกรณทตองการจดการเกยวกบขอมลกลมสมาชกจดหมายขาว จากหนาหลกของ Web Site Utilities ใหคลกทเมนยอย “List Mailing List Groups” ซงจะแสดงรายการของกลมสมาชกจดหมายขาว

78

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

3. ลงรายละเอยดของกลมสมาชกจดหมายขาวใหครบ แลวคลกทปม “Save Data”

4. หลงจากนนระบบจะทำาการบนทกขอมลกลมสมาชกจดหมายขาวเขาระบบ5. คลกทปม “ตกลง ” เพอกลบไปทหนาจอหลก หรอ หนาจอกอนหนาน

การแกไขขอมลกลมสมาชกจดหมายขาวในกรณทเราตองการแกไขขอมลกลมสมาชกจดหมายขาว สามารถทำาได โดย

79

5. คลกท ทดานขวามอของรายการทตองการแกไข หลงจากนนจะปรากฏหนาจอใหแกไขขอมลกลมสมาชกจดหมายขาว ดงรป

6. แกไขขอมลตางๆของกลมสมาชกจดหมายขาวทตองการ เมอแกไขขอมลเสรจแลว คลกทปม “Update Data” เพอบนทกการแกไขขอมล


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


80


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

จดหมายขาว / Newsletters Managementเปนสวนทใชสำาหรบการสรางจดหมายขาวขนมา และทำาการสงจดหมายขาวฉบบนนๆใหกบสมาชกจดหมายขาว จากหนาหลกของ Web Site Utilities ใหคลกทเมนยอย “List Newsletter” ซงจะแสดงรายการของจดหมายขาว / Newsletter

81

การเพมรายชอจดหมายขาว / Newsletterในกรณทเราตองการเพมขอมลจดหมายขาว / Newsletter สามารถทำาได โดย1. จากหนาทแสดงรายการรายชอจดหมายขาว / Newsletter ใหคลกทปม

82

2. หลงจากนนจะปรากฏหนาจอใหเพมขอมลจดหมายขาว / Newsletter ดงรป

3. ลงรายละเอยดของจดหมายขาว / Newsletter ใหครบ แลวคลกทปม “Save Data”

4. หลงจากนนระบบจะทำาการบนทกขอมลจดหมายขาว / Newsletter เขาระบบคลกทปม “ตกลง ” เพอกลบไปทหนาจอหลก หรอ หนาจอกอนหนาน

การแกไขขอมลจดหมายขาว / Newsletterในกรณทเราตองการแกไขขอมลจดหมายขาว / Newsletter สามารถทำาได โดย

83

1. คลกท ทดานขวามอของรายการทตองการแกไข หลงจากนนจะปรากฏหนาจอใหแกไขขอมลจดหมายขาว / Newsletter ดงรป

2. แกไขขอมลตางๆของจดหมายขาว / Newsletter ทตองการ เมอแกไขขอมลเสรจแลว คลกทปม “Update Data” เพอบนทกการแกไขขอมล


การลบรายชอจดหมายขาว / Newsletter

84

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



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

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

85


1. แกไขขอมลจดหมายขาว ไดโดยการคลกทปม 2. ลบขอมลจดหมายขาวออกจากระบบ โดยการคลกทปม 3. สงจดหมายขาว โดยการคลกทลงค

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

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

รป

86

- ระบชอผสงเมลท Send By - ระบ E-mail ของผสงท E-mail

3. เลอกรปแบบการสงวาตองการสงใหมทงหมด หรอ สงใหเฉพาะคนทยงไมไดสง

4. เลอกกลมทตองการสงจดหมาย

5. คลกทปม เพอไปยงขนตอนตอไป หลงจากนนระบบจะแสดงหนาจอใหยนยนอกครง

87

คลกทปม “Back” ถาตองการลบไปแกไขรายละเอยด6. คลกทปม “Start Send Newsletter” หลงจากนนจะปรากฏหนาจอท

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

88

บทที่ 1 การใช้งานระบบ Back Office...

Documents

Transcript of บทที่ 1 การใช้งานระบบ Back Office...