คู่มือฝึกอบรมเชิงปฏิบัติ ระบบประชาสัมพันธ์ด้วยxibo

คณะผู้จัดทำ นายเฉลิมเกียรติ ดสี ม หวั หน้าฝ่ายเทคโนโลยสี ารสนเทศ สานกั หอสมุด มหาวิทยาลยั บูรพา e-mail : [email protected] นายดารงศักดิ์ เถ่อื นสวา่ ง นายอนชุ ติ โพธิรัชต์ สาขาเทคโนโลยีการศึกษา หลกั สูตร การจัดการสารสนเทศจิ ิทัล คณะศึกษาศาสตร์ สานกั วิชา สารสนเทศศาสตร์ มหาวทิ ยาลยั บรู พา มหาวทิ ยาลยั วลยั ลกั ษณ์ e-mail: e-mail: [email protected]@go.buu.ac.th นายเกรียงไกร ไชยเฟือ่ ง นายธีรพงศ์ ชชู ่วง สาขาเทคโนโลยกี ารศึกษา หลกั สตู ร การจัดการสารสนเทศจิ ิทลั คณะศึกษาศาสตร์ สานกั วชิ า สารสนเทศศาสตร์ มหาวิทยาลยั บรู พา มหาวิทยาลยั วลยั ลักษณ์ e-mail: e-mail:[email protected]@hotmail.co.th

นายปฏิภาณ สิงห์เขตต์ e-mail: นางสาวพชั ราภรณ์ อนิ ทร สาขาเทคโนโลยีการศึกษา สาขาสารสนเทศศาสตรแ์ ละ คณะศกึ ษาศาสตร์ บรรณารักษศาสตร์ มหาวทิ ยาลยั บรู พา คณะมนุษยศาสตร์และสงั คมศาสตร์ e-mail: มหาวทิ ยาลัยราชภัฎนครราชสมี า[email protected] [email protected] คำนำ คมู่ ือการใช้งาน XIBO (Digital Signage) จัดทาขึ้นเพ่อื เปน็ แนวทางในการปฏบิ ตั แิ ละใช้เปน็ เครื่องมือในการอบรม ซึ่งมีสว่ นประกอบในเน้ือหาดงั นี้ ขั้นตอนตดิ ตงั้ โปรแกรม XIBO ลกู ข่าย การอนญุ าตเครื่องลูกขา่ ยเพอ่ื การแสดงผล การ Add User ส่วนประกอบของ โปรแกรม XIBO การสรา้ ง Layouts การสร้างตารางเวลาแสดงผล (Schedule) การกาหนดชว่ งเวลา (Day parting) หวังเป็นอยา่ งยิง่ วา่ จะเป็นประโยชน์และเป็นที่เขา้ ใจแกผ่ อู้ บรม และนาไปตอ่ ยอดในการทางานหรือไปใช้เปน็ คู่มือประกอบการเรียน การศกึ ษาต่อไป หากมขี ้อผิดพลาดประการใด ขออภยั ไว้ ณ ทนี่ ี้ด้วย คณะผู้จัดทา ฝา่ ยเทคโนโลยีสารสนเทศ สานกั หอสมุด มหาวทิ ยาลัยบูรพา

สำรบญัเร่อื ง หนา้1. ข้นั ตอนตดิ ต้ังโปรแกรม XIBO ลกู ข่าย...........................................................................................................................12. การอนญุ าตเครอื่ งลูกข่ายเพื่อการแสดงผล ...................................................................................................................43. การ Add User...................................................................................................................................................................94.สว่ นประกอบของ โปรแกรม XIBO................................................................................................................................125.การสร้าง Layouts ............................................................................................................................................................136.การสรา้ งตารางเวลาแสดงผล (Schedule)..................................................................................................................197. การกาหนดช่วงเวลา (Day parting)............................................................................................................................20

1 คู่มือกำรลงโปรแกรม XIBO เวอรช์ ั่น 1.8.1XIBO (Digital Signage) เป็นส่อื ทใี่ ช้ในการประชาสมั พันธ์ แบบภาพเคลอ่ื นไหวและภาพน่ิง โดยใชจ้ อLED, LCD, Plasma TV ในการแสดงผล โดยควบคมุ ระบบผ่าทางเครือขา่ ย LAN1. ขั้นตอนติดตงั้ โปรแกรม XIBO ลกู ขำ่ ย 1.1 ดาวนโ์ หลดโปรแกรม XIBO DIGITAL SINGNAGE Version 1.8.1 https://github.com/xibosignage/xibo-cms/releases 1.2 หลกั จากนน้ั ก็ทาดาเนนิ การดาวนโ์ หลดไฟล์ เก็บไว้เครอื่ งคอมพิวเตอร์ใหเ้ รยี บรอ้ ย

2 1.3 เปิดไฟล์ xibo-client-1.8.1-win32-x86 เพื่อทาการติดต้งั โปรแกรม 1.4 เม่ือทา่ นเปดิ ไฟล์ ข้นึ มาแล้วกจ็ ะไดห้ นา้ ต่างติดต้ังโปรแกรม XIBO จากนัน้ กด ท่ี Next 1.5 ปรากฏหน้าใหมข่ น้ึ มาจากนัน้ ให้ไปคลกิ ท่ี I accept license agreement และก็กด Next

31.6 เลือกท่อี ยขู่ องไฟล์1.7 คลกิ Finish

42. กำรอนุญำตเครอ่ื งลูกข่ำยเพ่ือกำรแสดงผล 2.1 กรอกข้อมลู สว่ นโปรแกรม XIBO Client CMS Address: http://xibo.lib.buu.ac.th/xibo/web/ Key: lib2018 Local Library: C:\Users\dell\Documents\Xibo Library จากนัน้ ก็คลิก Save 2.2 ให้ Admin ทาการเข้าสรู่ ะบบเพื่อทาการ Authorise Display (อนุญาตใหเ้ คร่ืองลกูข่ายสามารถแสดงผล)

52.3 คลิกเลอื กที่ เมนู Display

6 2.4 จะแสดงหน้า Display ให้คลิกเลือกเครื่องที่จะให้การอนญุ าต ตรงเครือ่ งหมายสามเหลี่ยมดา้ นหลงั และคลิกเลือกที่สว่ นของ “แก้ไข”

7 โดยสถานะของเคร่อื งก่อนจะอนุญาตจะเป็น เครือ่ งหมาย x หากเม่อื สังเกตเุ ปรียบเทยี บ จากเครอื่ งท่ีไดก้ ารอนุญาต 2.5 หลังจากคลิกที่เครอื่ งหมายสามเหลีย่ มจะมีหนา้ ตา่ งแสดงออกมาดงั น้ี ให้เลอื กคลกิ ท่ี เมนู Authorise display ในการอนุญาตโดยการเลอื กเปลยี่ นจาก “No” เปน็ “Yes” จากนน้ั กด Save

8 สถานะของเครือ่ งท่หี ลงั จากการไดร้ ับอนุญาตน้นั จะเปล่ียนจาก กากบาท (X) เป็นเครือ่ งหมาย กาถูก (√) 2.6 กลับไปหน้า Player Option ใหท้ าการ Save อกี คร้ัง

92.7 เปน็ การเสรจ็ สิน้ ข้ันตอนการติดตั้ง XIBO3. กำร Add User 3.1 เขา้ สู่ระบบโดย Admin และเขา้ ไปเพ่ิม User โดยคลิกที่ User

103.2 จะปรากฏหน้าตา่ งดงั น้ี ให้คลกิ เลอื กท่ี Add User 3.3 จะแสดง หน้าต่างให้กรอกข้อมูลรายละเอียดของ User 3.3.1 ชอื่ หรอื ID ท่ีใชใ้ นการเข้าระบบ 3.3.2 รหัสผา่ นหรอื Password 3.3.3 Email 3.3.4 การเลือกหนา้ Homepage 3.3.5 การเลอื กประเภทของ User 1.Group User จะมสี ิทธ์ิในการจดั ตารางเวลา สรา้ ง Layout , Add media , และสามารถ Add เพม่ิ เฉพาะ User กันเองไดเ้ พียงอย่างเดยี ว 2. Super Admin จะมีสิทธ์ใิ นการจัดการระบบได้ทุกอย่าง และ สามารถ ลบ/เพ่มิ /แกไ้ ข ในสว่ นของ User ได้ทกุ ประเภท 3. User จะมสี ิทธใ์ิ นการจดั ตารางเวลา สรา้ ง Layout , Add media เทา่ นนั้ 3.3.6 Library Quota ปรมิ าณการเพิ่มขอ้ มูลที่ User สามารถใชง้ านได้ 3.3.7 Initial User Group ใหเ้ ลือกเปน็ “User” 3.4 คลกิ เลือก SaveEx.

11 User ท่ี Add เขา้ ไปจะไปอยูท่ ี่ ในรายการ สาหรับการตั้งค่า Homepage สามารถเลือกหน้าจอ Homepage ของแต่ละ User ไดว้ า่ต้องการใหป้ รากฏหน้าใด เปน็ หน้าหลกั ตัวอย่าง เชน่ Status Dashboard แดชบอรด์ เป็นต้น โดยต้งั ค่าจากเครือ่ งหมาย สามเหลย่ี มทีอ่ ยูท่ างด้านขวา

124.ส่วนประกอบของ โปรแกรม XIBOในส่วนของเมนูด้านซา้ ยจะเปน็ เมนูย่อยทีร่ ะบปุ ระเภทการทางานของแต่ละส่วนของระบบประกอบไปดว้ ยเมนูดงั นี้1.แดชบอร์ด (Dashboard) เป็นสว่ นท่ีเก่ยี วกบั การจัดการเวลาเพ่ือใหส้ ือ่ ท่แี สดงผลไดแ้ สดงตามเวลาที่กาหนดในเมนูน้ี1.1ตารางเวลา 1.2 Dayparting2.Design เปน็ สว่ นออกแบบสือ่ ในการท่ีจะนาไปแสดงผลทง้ั ภาพน่ิง แลพภาพเคล่อื นไหว

132.1 Campaigns 2.2 Layouts2.3 Templates 2.4 Resolutions3. Library แหล่งท่ีรวบรวมข้อมลู หรือแหล่งสื่อท่ีใช้ในการประกอบเป็นส่ือขนึ้ มาท่ีใช้ในการแสดงเชน่ ไฟล์เสยี ง ไฟลร์ ูปภาพ ไฟล์วดิ ิโอ เปน็ ตน้3.1 Media 3.2 Data Sets4. Displays เมนบู อกสถานะหรอื การต้ังค่าขอจอแสดงผล4.1 Displays 4.2 Display Groups4.3 ข้อมูลทางสถติ ิ 4.4 Display Settings4.5 Commands5. Administration ส่วนของผจู้ ดั การระบบหรอื Admin ทีจ่ ดั การเกี่ยวกับผู้ใช้ หรือ Users ทง้ั ในการเพ่มิ จานวนผูใ้ ช้และสทิ ธิ์การเขา้ ถงึ5.1 Users 5.2User Groups5.3 Settings 5.4 Applications5.5 Modules 5.6 Transitions5.7 Tasks6. Advanced6.1 Log 6.2 Sessions6.3 Audit Trail 6.4 Report Fault6.5 Help Links5.กำรสรำ้ ง Layouts 5.1 เข้าในส่วนเมนูดา้ นซ้ายของ เมนู Designs และเลอื กเมนู Layouts ในการสร้าง

14 5.2จากน้ัน คลิกตรงท่ี Add Layout 5.3 จะปรากฏหนา้ จอน้ี ออกมา ใหท้ าการกรอกขอ้ มลู ของ Layout ลงไปตามท่ีกาหนด แลว้ กดSave

155.4เลือกท่ี ปมุ่ Region เพ่ือสรา้ งพ้นื ทใี่ นการใส่ขอ้ มลู ท่ีเตรยี มไวล้ งไป

16 5.5 Double click ในพนื้ ทท่ี ่ีสรา้ งไวจ้ ะปรากฏหน้าตา่ งดงั น้ี และสามารถเลอื กประเภทไฟลท์ ี่ตอ้ งการ ทางเมนูดา้ นซา้ ย (Add media)เชน่-Image: รูปภาพมี Format เปน็ Jpg, Gif, Png

17-Video: วดี โิ อ มี Format เป็น Wma, Mpg- Flash: Flash มี Format เป็น .Swf- PowerPoint: มี Format เป็น .ppt,.pptx- Webpage: URL ของเว็บไซต์- Ticker: เป็น xml- Text: เปน็ ข้อความตา่ ง สามารถทาเปน็ อักษรวง่ิ ได้- Embedded: เว็บไซต์ท่ีแสดงผลเปน็ IFRAME- Microblog: เวบ็ บลอ็ ก 5.6 เมือ่ เลอื กไฟลท์ ี่ต้องการเสรจ็ เราสามารถปรบั ตง้ั คา่ ของไฟล์น้นั ได้ซึ่งในการแก้ไขจะมีใหค้ ือ 5.6.1 ต้ังช่อื ของไฟล์ 5.6.2 การ Set a Duration คือการตัง้ คา่ เวลาในการจะให้แสดง 5.6.3 Scale type คือ การปรับขนาด หรือมาตราส่วน 5.6.4 Horizontal Align การวางตาแหนง่ ในลกั ษณะแนวนอนในการระบตุ าแหน่ง คือ ด้านซา้ ย(left) ด้านขวา (right) หรอื กงึ่ กลาง (Centre) ของ region ทีเ่ ราสรา้ งไว้ 5.6.5 Vertical Align การวางตาแหนง่ ในลกั ษณะแนวตัง้ นการระบตุ าแหนง่ คอื ดา้ นบน ตรงกลาง (Middle) ดา่ นลา่ ง (Bottom)

18 5.7 กด Save Order และจอจะแสดงผลตามที่เราตงั้ คา่ ไว้และสามมารถตกแต่งหรือเพิ่ม พื้นที่ได้จาก ปมุ่ Region

196.กำรสรำ้ งตำรำงเวลำแสดงผล (Schedule)6.1 เลือกเมนตู ารางเวลา และคลกิ เลอื กทีป่ ุ่ม Add Event6.2 จะปรากฎหนา้ ต่างดังน้ี และทาการสร้างกิจกรรมและใส่ขอ้ มูลลงไป

20 6.2.1 เลือกประเภท Event Type ที่ตอ้ งการสร้าง 6.2.2 กาหนด Display หรอื จอที่ต้องการใหแ้ สดงผล 6.2.3 เลอื ก Day Parting เพ่อื กาหนดชว่ งเวลาของกิจจกรรมทตี่ อ้ งการ 6.2.4 เลอื ก Layouts ทต่ี อ้ งการให้แสดงผล 6.2.5 คลิกเลือกชอ่ งส่เี หล่ียมดา้ นหนา้ Run at CMS Time เพ่ือให้กิจกรรมของเรา ดาเนนิ การตามเวลา CMS หากไม่เลอื กก็จะไปตามเวลาทอ้ งถ่นิ 6.2.6 เมอ่ื ต้งั ค่าเรยี บรอ้ ยกท็ าการ Save 6.2.7 จอทรี่ บั แสดงผลก็จะแสดงผลตามวันและเวลาตามทเ่ี รากาหนดลงไป7. กำรกำหนดชว่ งเวลำ (Day parting)

217.1 คลิกเลือกท่ี Add Daypart 7.2 จะปรากฏหนา้ ตา่ ง Add Daypart ข้นึ มา ซง่ึ จะมี 3 สว่ นคือ General , Description ,Exceptions 7.2.1 สว่ น General มีข้อมูลทต่ี อ้ งกรอกคือ ชอื่ ของชว่ งเวลา กาหนดเวลาเริ่มต้น กาหนดเวลาสิ้นสุด 7.2.2 สว่ น Description การใสค่ าอธบิ าย 7.2.3 ส่วน Exceptions กาหนดวันท่ีไม่ตอ้ งการให้แสดง สว่ นท่ี 1 General

22 ส่วนที่ 2 Description สว่ นที่ 3 Exceptions 7.3 เมอ่ื ใสข่ ้อมลู ตามท่กี าหนดก็ คลกิ ท่ี Save เพือ่ บนั ทึกและจะแสดงรายการท้งั หมดท่ไี ด้สร้างไว้ที่หนา้ Dayparting