ระบบจดการเวบไซต มหาวทยาลยเทคโนโลยราชมงคลลานนา

การเขาใชงานระบบจดการเวบไซต มทร.ลานนา

การเขาใชงานส าหรบผดแลเวบไซต สามารถเขาระบบจดการเวบไซต มทร.ลานนา โดยใช Username และ Password

ของมหาวทยาลย (Username ไมตองใส @rmutl.ac.th) โดยมข นตอนดงน

1. Login ท Link URL : http://webs.rmutl.ac.th/login

รปท 1 การเขาใชงานระบบจดการเวบไซต มทร.ลานนา

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

ขนอยกบสทธในการจดการขอมลเวบไซต ตวอยางเชน ผดแลเวบไซตคณะวศวกรรมศาสตรจะสามารถเขาจดการ

เวบไซตของคณะวศวกรรมศาสตรไดเทานน

แสดง ผดแลเวบไซตมสทธในการจดการ

แสดง ผดแลเวบไซตไมมสทธในการจดการจะไมสามารถเขาได

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

เมอท าการเขาจดการเวบไซตส าเรจ

จะแสดงชองสเขยว ทแสดงขอความ

“เขาจดการเวบไซตเรยบรอยแลว”

สถานะขอ งร า ยก าร เ วบ ไซตจ ะ

เปลยนเปน และแสดงป ม

เม อต องการ

ออกจากการจดการเวบไซตนน

3. มมมองของผดแลระบบเมอเขาสระบบส าเรจ

สวนท แสดงดานบนของหนาจอ ประกอบดวย

1) ทางลด ทใชในการจดการบทความหรอกจกรรมใหรวดเรวขน

รปท 3 ทางลดทใชจดการเวบไซต

2) แจงเตอนโพสตและกจกรรมทรอการอนมตจากผดแลเวบไซต จะแสดงเปนจ านวนของโพสตหรอกจกรรมท

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

รปท 4 แจงเตอนโพสตและกจกรรมทรออนมตแสดงบนเวบไซต

สวนท แสดงดานซายของหนาจอ ประกอบดวย

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

รปท 5 เมนทใชจดการเวบไซต

สวนท แสดงตรงกลางดานขวาของหนาจอประกอบดวย

1) รายการเวบไซตทเขาจดการได

รปท 6 ตวอยางรายการเวบไซตทเขาจดการได

2) รายการเวบไซตอนๆ

รปท 7 ตวอยางรายการเวบไซตอนๆทแสดงสถานะไมมสทธเขาจดการเวบไซด

ถาหากตองการเขาชมหนาเวบไซตหลก สามารถคลกไปยงรายการเวบไซตทแสดงเปนขอความLinkเวบไซต (สฟา)

รปท 8 วธการเขาชมหนาเวบไซตหลก

M01 จดการหนา

มมมองของ เมน M01 จดการหนา

การจดการหนา คอการเพมหนาทเราตองการขนมา แลวท าการเพมขอมลตามทตองการ แลวกดบนทกขอมล

หนาทเราท าการเพมกจะแสดงท M01 จดการหนา แลวสามารถเลอกรายการทตองการเพมหรอแกไขขอมล กรอกไดท ง

ภาษาไทยและภาษาองกฤษ และสามารถคลกแสดงตงอยาง กอนทจะกดบนทกขอมล เมอกดบนทกขอมลเรยบรอย

ขอมลจะไปแสดงหนาเวบไซตทท าการตงขน

สวนของรายการหนา

รปท 1-2 รายละเอยดสวนของรายการหนา

เพมหนา

ตวอยางรายการทท าการเพมหนาเรยบรอยแลว

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

แสดงภาษาของหนา

รายละเอยดการเพมและแกไข แสดงภาษาของหนา

เพมขอมลภาษาไทยแลว

ท าการเพมขอมลภาษาองกฤษ

แสดงชอหนา

รปท 1-1 ตวอยางรายการทท าการเพมหนาเรยบรอยแลว

การเพมหนาใหม มข นตอนดงน

รปท 1-3 ข นตอนการเพมหนา

ตวอยางการเพม หนาเกยวกบ มทร.ลานนา

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

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

การเสรจแลว สามารถกดบนทกขอมลไดเลย ขอมลทท าการบนทกจะปรากฏท เวบไซตทไดเขยนไว

ตวอยางการเพมขอมลหนาเกยวกบ มทร.ลานนา

รปท 1-4 ตวอยางการเพมขอมลหนาเกยวกบ มทร.ลานนา

เมอกรอกทกอยางเสรจบนทก

เพมรปภาพหลก

กรอกค าอธบาย

รายละเอยด และ ค าทเกยวของ

กรอกชอหนาทตองการ

กรอกชอลงคของเวบไซต

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

เลอกสถานะของหนา

เลอกภาษาเมอแสดงหนา

ตวอยาง หนาเวบไซตทเราท าการกรอกขอมลเกยวกบ มทร.ลานนา

รปท 1-5 ตวอยางแสดงหนา

เลอกสถานะของหนา

ตวอยาง ขอมลในหนาเกยวกบ มทร.

ลานนาทถกเพม

เมนเกยวกบ มทร.ลานนา

ตวอยางหนา เกยวกบ มทร.ลานนา

M02 จดการแกลเลอร

มมมองของเมน M02 จดการแกลเลอร

รปท 2-1 การจดการแกลเลอร

การเพมแกลเลอร

การเพมแกลเลอรสามารถเพมหรอแกไขรปภาพได โดยท าการตงชอรปภาพท งภาษาไทยและภาษาองกฤษ และเลอก

หมวดหมกจกรรม โดยก าหนดวาจะใหรปภาพทเราเพมลงไปอยในหมวดกจกรรมไหน แลวท าการคลกท เลอก

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

กจกรรมได โดยมข นตอนการเพมรปภาพในแกลเลอร ดงน

รปท 2-2 ข นตอนการเพมแกลเลอร

รายการแกลเลอร เพมแกลเลอร

เครองมอทใชจดการ แกไขและลบ

ตงชอรปภาพภาษาไทย

เลอกเพมรปภาพตามทตองการใสลง

ในแกลเลอร

ตงชอรปภาพภาษาองกฤษ

เลอกหมวดหมแกลเลอร

ตวอยางรปภาพตามทตองการใสลงในแกลเลอร

กด บนทก

M03 จดการบทความ

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

ข นตอนการจดการบทความ ดงน

1. เลอกเมน M03 จดการบทความ ซงสามารถจดการบทความทแสดงใน

รายการบทความ ทถกเพมแลวโดยสามารถ แกไข แสดงตวอยาง และลบ บทความ หรอท า

การเพมบทความได

รปท 3-1 เมน M03 จดการบทความ

รปท 3-2 รายการบทความ

รปท 3-3 หนาจอเพมบทความ

2. กดเพมบทความ เพอเพมรายละเอยดของบทความ ดงรปท 2 และมข นตอน

การเพมบทความตางๆ ดงน

2.1. เพม หวเรองบทความ

2.2. เลอก ภาษาของบทความ

2.3. เพมเนอหาบทความ ในสวนของ กลองเพมเนอหา โดยมแถบเครองมอในการจดการเนอหาบทความ

แถบเครองมอ ประกอบดวย

2.4. เพมค าอธบายและค าทเกยวของของบทความ

2.5. เลอกหมวดหมของบทความ

ลกษณะของตวอกษร (Style) เพมลงค URL (Link)

ตวหนา (Bold) ตาราง (Table)

ขดเสนใตตวอกษร (underlined) เพมรปภาพ (Picture)

ลบรปแบบตวอกษร (Remove Font

Style) เพมวดโอ (Video)

รปแบบตวอกษร (Font) เปดเตมจอ (Full Screen)

สตวอกษร (Font Color) มมมองโคด (Code View)

สญลกษณรายการ (Unordered List) ชวยเหลอ (Help)

ตวเลขล าดบรายการ (Ordered List)

รปแบบการยอหนา (Paragraph)

2.6. เลอกการแสดงผลเวบไซต เลอกใหบทความถกแสดงบนเวบไซตอนๆ

2.7. เพมวนทโพส กรณโพสยอนหลง หากใชเวลาปจจบนใหเวนวางไว

2.8. เลอกสถานะของบทความ

กรณทตงเวลาแสดงบทความ

- เพมวนทเผยแพร

- เพมวนทสนสดการ

เผยแพร

2.9. ใสค าคนหา (Tag) ขอความทใชในการคนหาบทความ แลวกด ตกลง ตวอยางดงรป

2.10. เพมรปภาพหลก ทแสดงบนหนาจอหลก ตวอยางเมอเพมรปภาพของบทความ ดงรป

ตวอยางการเพมบทความ

รปท 3-4 ตวอยางการเพมบทความ

M04 จดการกจกรรม

มมมองของ เมน M04 จดการกจกรรม

รปท 4-1 จดการกจกรรม

การจดการกจกรรม คอ การเพม แกไข และลบ ขอมลกจกรรมตางๆ โดยท าการเพมขอมลกจกรรมตางๆ

ตามทตองการ ซงสามารถเลอกกรอกขอมลกจกรรมไดท งภาษาไทยและภาษาองกฤษ เมอกดบนทกขอมลเรยบรอย

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

สวนของรายการหนา

รปท 4-2 รายละเอยดสวนของรายการกจกรรม

เพมกจกรรม

ลบกจกรรม แกไขขอมลกจกรรม แสดงหนาตวอยาง

แสดงชอผเขยนกจกรรม แสดงขอมล

แสดงภาษาของขอมลกจกรรม

รายละเอยดการเพมและแกไข

แสดงภาษาของกจกรรม

เพมขอมลภาษาไทยแลว

ท าการเพมขอมลภาษาองกฤษ

แสดงชอกจกรรม

รายการกจกรรม อนมตกจกรรม

ภาษาทแสดงขอมลกจกรรม

การเพมกจกรรม มข นตอนดงน

รปท 4-3 ข นตอนการเพมกจกรรม

เลอกปฏทนกจกรรม

เพมชอกจกรรม

เพมสถานท

เพมหนวยงานรบผดชอบกจกรรม

วน-เวลา เรมและสนสดกจกรรม

เพมเนอหาของกจกรรม

เพมรายละเอยดค าอธบายของกจกรรม

เลอกเวบไซดทตองการแสดงกจกรรมบนไซต

เพมรปภาพหลก

เลอกสถานะ

เลอกภาษาทแสดง

M05 จดการสไลดโชว

มมมองของ เมน M05 จดการสไลดโชว

รปท 5-1 ตวอยางรายการรปภาพสไลดท าการเพมหนาเรยบรอยแลว

การจดสไลดโชว สามารถท าไดโดย คลกเพมสไลด เพมรปภาพทงภาษาไทยและภาษาองกฤษ ท าการตงชอ

สไลดท งภาษาไทยและภาษาองกฤษ ท าการเลอกเปดลงค แลวเรยงล าดบรปภาพทตองการสไลดโชว ท าการเลอกสถานะ

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

การเพมรปภาพสไลด มข นตอนการเพม ดงน

รปท 5-2 ข นตอนการเพมขอมลสไลด

เพมรปภาพสไลด แสดงรปภาพ แกไข/ลบ

เลอกรปภาพประกอบ 2 รป ขนาด 668 x 250

ชอสไลดภาษาไทย

ชอสไลดองกฤษ

ลงค URL ปลายทาง

เลอกการเปดลงคปลายทาง

ใสตวเลขเรยงล าดบของสไลด

เลอกสถานะ การแสดงสไลด (แสดง / ไมแสดง / ตงเวลา)

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

ตวอยางการเพมขอมลสไลดโชว

รปท 5-3 ขอมลสไลดโชวทถกเพมแลว

รปท 5-3 แสดงตวอยางสไลดบนหนาเวบไซต

แสดงสไลดบนหนาเวบไซต

M07 จดการรปภาพ

มมมองของ เมน M07 จดการรปภาพ

รปท 7-1 มมมองตวอยางรายการรปภาพทถกเพมเรยบรอยแลว

การจดการรปภาพ คอเมนทใชส าหรบจดการรปภาพ ซงการเพมรปภาพสามารถเพมจาก เพมรปภาพ ซง

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

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

บทความ เปนตน แสดงวน/เวลา ทเพมรปภาพ ซงสามารถ แกไขหรอ ลบรปภาพนนได ตวอยางดงรปท 7-1

การเพมรปภาพ มข นตอนดงน

ตวอยางรายการรปภาพ

ทถกเพมเรยบรอยแลว

เพมรปภาพ

แกไข/ลบ ขอมลรปภาพ

เลอกรปภาพ

ชอรปภาพ

เพมรายละเอยดของรปภาพ

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

รปท 7-2 ตวอยางขอมลรปภาพทถกเพมแลว

M08 จดการไฟล

มมมองของ เมน M08 จดการไฟล

รปท 8-1 มมมองตวอยางรายการรปภาพทถกเพมเรยบรอยแลว

การจดไฟล คอเมนทใชส าหรบจดการไฟลตางๆทถกเพม ซงการเพมไฟลสามารถเพมจาก เพมไฟล ซงไฟลท

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

นนได ตวอยางดงรปท 7-1

การเพมรปภาพ มข นตอนดงน

ตวอยางรายการไฟล

เพมไฟล

แกไข/ลบ ขอมลไฟล

เลอกไฟล

เพมชอไฟล

เพมรายละเอยดของไฟล

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

กจกรรมได

รปท 8-2 ตวอยางขอมลไฟลทถกเพมแลว

M09 จดการเมน มมมองของเมน M09 จดการเมน

สวนประกอบของการจดการเมน แบงเปนกลมเมน ดงน

Topbar Menu

Main Menu

Sidebar Menu

Footer 1 Menu

Footer 2 Menu

Footer 3 Menu

แกไขขอมลเมน

ลบขอมลเมน

เรยงล ำดบเมน

กลมเมน ตำรำงขอมลเมน

เพมเมน

สวนประกอบของเมน M09 จดการเมน มดงน

- กลมเมน ผดแลสำมำรถเลอกแสดงขอมลแตละกลมเมนได

- การเรยงล าดบของเมน คลก เพอเรยงล ำดบของเมนทเพมแลว โดยมข นตอนกำรเรยงล ำดบดงน

- การเรยงล าดบเมนยอย คลก กำรเรยงล ำดบเมนยอย มดงน

1. เลอกกลมเมนทตองการเรยงล าดบ

เมนใหม

2. น าเมาสเลอนเมนไปยงต าแหนงท

ตองการเพอเรยงล าดบใหม

น าเมาสเลอนเมนไปยงต าแหนงทตองการ

เพอเรยงล าดบใหม

- การจดการขอมลเมน มข นตอนดงน

1) การเพมเมน คลก โดยมข นตอนดงน

1.1) เลอกกลมเมน เพอเลอกใหเมนทเพมอยในกลมเมนทตองกำร ซงกลมเมนประกอบดวย

1.2) เลอกเมนแม ถำหำกตองกำรเพมใหเปนเมนยอยของเมนอนทท ำกำรเพมแลว หรอต งใหเปนเมนหลกไดดงรป

ตวอยางเมนแมทมเมนยอย

1.3) เพมชอเมนภำษำไทย

1.4) เพมชอเมนภำษำองกฤษ

1.5) เพมชอเมน Subline ภำษำไทย

1.6) เพมชอเมน Subline ภำษำองกฤษ

1.7) เพมลงค เมอตองกำรใหคลกเมนแลวไปยงหนำเวบอน

1.8) ใส code ไอคอน

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

3) การลบเมน คลก เมอตองกำรลบขอมลเมน จำกนนท ำกำรยนยน เพอลบเมน

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

M11 ตงคาเวบไซต

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

มมมองของเมน M11 ตงคาเวบไซต

รปท 11-1 ตงคาเวบไซต

ตวอยางการคนหาชอมหาวทยาลย

รปท 11-2 ตวอยางการคนหา

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

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

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

M12 จดการโซเชยลมเดย

มมมองของเมน M12 จดการโซเชยลมเดย

โซเชยลมเดย คอ สอสงคมออนไลนทมการตอบสนองทางสงคมไดหลายทศทาง โดยผานเครอขายอนเตอรเนต

พดงายๆ กคอเวบไซตทบคคลบนโลกนสามารถมปฏสมพนธโตตอบกนไดนนเอง

(ทมา: https://www.gotoknow.org/posts/567331)

การจดการโซเชยลมเดย กคอการจดการ เพม แกไขและลบ ขอมลโซเชยลมเดยทใชในเวบไซต เชน Facebook

Twitter เปนตน เราใชโซเชยลมเดยในชวยการเผยแพร ประกาศ ประชาสมพนธหรอไปถงการใหขอมลตางบนโลกออนไลน

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

รป

ตารางขอมลโซเชยลมเดย

แกไขขอมลโซเชยลมเดย

ลบขอมลโซเชยลมเดย

เพมขอมลโซเชยลมเดย

การเพมโซเชยลมเดย คลก มขอจ ากดของการเพมขอมลโซเชยลมเดยคอสามารถเพมขอมลได 6 รายการ

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

1) เลอกโซเชยลมเดย

2) เพมชอไซตโซเชยลมเดย (ไทย)

3) เพมชอไซตโซเชยลมเดย (องกฤษ)

4) เพมลงคทไปยงหนาเวบอน

5) ใสตวเลขเพอเรยงล าดบความส าคญ

การแกไขขอมลโซเชยลมเดย คลก เพอแกไขขอมลโซเชยลมเดยทถกเพมแลว โดยสามารถแกไขขอมลตางๆ และ

สามารถแกไขการเปดลงคได จากนนกดบนทก

การลบขอมลโซเชยลมเดย คลก เมอตองการลบขอมล จากนนท าการยนยน เพอลบขอมลโซเชยลมเดย

M13 จดการหมวดหมขาว

มมมองของเมน M13 จดการหมวดหมขาว

รปท 13-1 มมมองส ำหรบจดกำรหมวดหมขำว

กำรจดหมวดหมขำวไดตองมขอมลของหมวดหมขำวแลว ผดแลถงจะสำมำรถกำรจดกำรหมวดหม

ขำวในเวบไซตได โดยกำรผกหมวดหมใหแสดงบนหนำเวบไซต และจดกำรล ำดบของหมวดหมไดแสดง

ตวอยำงหมวดหมขำวดงรป

รปท 13-2 ตวอยำงหมวดหมขำว

ตารางขอมลเมน

เรยงล าดบหมวดหมขาว

จดการหมวดหมทงหมด

จดการหมวดหม คลก เพอเลอกรำยกำรหมวดหมขำวใหแสดงบนหนำเวบไซต โดยมข นตอน

ดงน

1) เลอกหมวดหมทตองกำรใหแสดงบนหนำเวบจำก ชอหมวดหมทปรำกฏบนหนำจอ

2) คลก ปรบสถำนะ จำก เปลยนเปน

3) จำกนนกดบนทกกำรเปลยนแปลง

4) หมวดหมขำวนน สถำนะเดมจะเปลยนจำก เปลยนเปน

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

เลอกหมวดหมขาวทตองการ

ปรบสถานะเปน ON

บนทกการเปลยนแปลง

2. ใชเมาสเลอกหมหมวดทตองการ

1. ขยบหมวดหมทเลอกใหไปยงต าแหนงทตองการ

M14 รายการตดตอ

มมมองของ เมน M14 รายการตดตอ

รายการตดตอทถกสงมายงผดแลเวบไซต คอขอความทนกศกษา บคลากร หรอคนภายนอกทตองการสงขอความ

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

รายการขอความทถกสงถง

สถานะของขอความ ตดดาวขอความทเลอก

ลบขอความทเลอก

เมอมการแจงจากหนาเวบสายตรงอธการ ขอความจะถกสงมายงผดแลเวบไซต โดยผดแลเวบไซตสามารถเหนทกขอความทสงมา ซงขอความทสงมาจะแสดงชอ เนอหาขอความ เบอรโทรศพทและอเมลของผทประสงคแจงขอความ โดยเมน M14 รายการตดตอ ประกอบดวย

สวนท สถานะขอความ

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

ตวอยางเนอหาขอความทแสดง

แสดงจ านวนขอความท งหมดทถกสงถง

แสดงจ านวนแยกตามสถานะขอความ