HandyCafe Docs
owner it-admin

วิธีกำหนดค่าเดสก์ท็อปไคลเอ็นต์

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


วิธีสร้างเมนูแอพ

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

สิ่งที่คุณต้องการ

  • HandyCafe Server ทำงานโดยเชื่อมต่อไคลเอนต์อย่างน้อยหนึ่งตัว
  • โปรแกรมปฏิบัติการของแอพที่ติดตั้งไว้แล้วบนพีซีไคลเอนต์ (สำหรับประเภทเกมและแอพ)
  • รูปภาพไอคอน (PNG, JPG หรือ WebP) พร้อมสำหรับการอัปโหลด ขนาดที่แนะนำคือ 128x128 พิกเซล

ขั้นตอน

  1. เปิดแอปพลิเคชั่น HandyCafe Server และไปที่ การตั้งค่า ในแถบด้านข้างซ้าย
  2. เลือกแท็บ ไคลเอนต์ ที่ด้านบน จากนั้นสลับไปที่แท็บย่อย เนื้อหา
  3. ในแผงหมวดหมู่ทางด้านซ้าย ให้คลิกปุ่ม เพิ่มหมวดหมู่
  4. ป้อนชื่อหมวดหมู่ เช่น "เกม" หรือ "เบราว์เซอร์" แล้วยืนยัน หมวดหมู่ใหม่จะปรากฏในรายการ
  5. เลือกหมวดหมู่ที่คุณเพิ่งสร้างขึ้น ในแผงด้านขวา คลิก เพิ่มแอป
  6. กรอกรายละเอียดแอป ป้อน ชื่อ (เช่น "Counter-Strike 2") ซึ่งเป็นตัวเลือกเสริม คำอธิบาย และตั้งค่าฟิลด์ ชนิด ให้เป็นประเภทที่เหมาะสม: เกม เบราว์เซอร์ ลิงก์ ไฟล์ หรือแอป
  7. ในฟิลด์ เส้นทางปฏิบัติการ ให้ป้อนเส้นทางแบบเต็มไปยังแอปพลิเคชันบนพีซีไคลเอนต์ ตัวอย่างเช่น: C:\Program Files\Steam\steamapps\common\CS2\cs2.exe สำหรับประเภทลิงก์ ให้ป้อน URL แทน
  8. อัปโหลดไอคอนโดยคลิกที่บริเวณไอคอน คุณสามารถวาง URL เพื่อดึงภาพจากเว็บหรือเรียกดูไฟล์ในเครื่องของคุณ ไอคอนจะแสดงในตารางแอปไคลเอ็นต์
  9. เลือกอัปโหลด ภาพโปสเตอร์ เพื่อให้ได้การ์ดภาพที่สมบูรณ์ยิ่งขึ้น นี่คืออาร์ตเวิร์กขนาดใหญ่ที่แสดงในโหมดแสดงโปสเตอร์เป็นอันดับแรก คุณยังสามารถเปิดใช้งานการสลับ Hero Carousel เพื่อแสดงแอปนี้ในแบนเนอร์แบบหมุนที่ด้านบนของเดสก์ท็อปไคลเอ็นต์
  10. ลากรายการในรายการหมวดหมู่หรือรายการแอพเพื่อเรียงลำดับใหม่ สลับสวิตช์การมองเห็นถัดจากแอพใดก็ได้เพื่อซ่อนโดยไม่ต้องลบ คลิก บันทึก เมื่อเสร็จสิ้น

ผลลัพธ์ที่คาดหวัง

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

ข้อผิดพลาดทั่วไป

  • เข้าสู่เส้นทางที่ไม่มีอยู่บนพีซีไคลเอนต์ การ์ดแอปจะปรากฏขึ้น แต่การเปิดตัวจะล้มเหลว ตรวจสอบเส้นทางปฏิบัติการบนเครื่องไคลเอนต์จริงเสมอ
  • ลืมบันทึกหลังจากทำการเปลี่ยนแปลง การแก้ไขที่ไม่ได้บันทึกจะไม่ถูกส่งไปยังไคลเอนต์
  • การใช้ภาพขนาดใหญ่โดยไม่มีการบีบอัด แม้ว่าความละเอียดใดๆ จะใช้งานได้ รูปภาพที่มีขนาดใหญ่กว่า 512x512 จะทำให้การซิงค์ช้าลง โดยไม่เกิดประโยชน์ด้านการมองเห็นในขนาดการ์ด

วิธีการตั้งค่าธีมเดสก์ท็อป

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

สิ่งที่คุณต้องการ

  • เซิร์ฟเวอร์ HandyCafe ทำงานอยู่
  • สำหรับพื้นหลังรูปภาพหรือวิดีโอ: ไฟล์สื่อในรูปแบบ PNG, JPG, WebP, MP4 หรือ WebM

ขั้นตอน

  1. ไปที่แท็บ การตั้งค่า > ลูกค้า > ลักษณะที่ปรากฏ
  2. ภายใต้ ธีม ให้เลือกหนึ่งในธีมสีที่มีให้เลือก: Neon Arena (ความงามของเกมสีน้ำเงิน-ม่วง), Crimson Pulse (โทนสีแดง-เข้ม) หรือ ความลึกมรกต (จานสีสีเขียว-น้าน) การแสดงตัวอย่างจะอัปเดตเมื่อคุณทำการเลือก
  3. ภายใต้ การตั้งค่าเลย์เอาต์ล่วงหน้า ให้เลือกวิธีจัดเรียงเนื้อหาบนหน้าจอ ตัวเลือกต่างๆ ได้แก่ Split Classic (หมวดหมู่ทางด้านซ้าย แอปทางด้านขวา) Hero Wide Top (ภาพหมุนฮีโร่ขนาดใหญ่ที่ด้านบน แอปด้านล่าง) แคตตาล็อก Wide Bottom (ฮีโร่ขนาดกะทัดรัด ตารางแอปที่กว้างขึ้น) หรือ โฟกัสแบบกะทัดรัด (Chrome น้อยที่สุด พื้นที่แอปสูงสุด)
  4. ตั้งค่า ความหนาแน่นของการ์ด เพื่อควบคุมจำนวนแอปที่พอดีกับหน้าจอในคราวเดียว ใหญ่ แสดงการ์ดที่ใหญ่กว่าพร้อมรายละเอียดมากขึ้น ปานกลาง สมดุลขนาดและปริมาณ กะทัดรัด เหมาะกับแอปส่วนใหญ่ต่อแถว
  5. กำหนดค่า พื้นหลัง เลือกประเภท: ทึบ (เลือกสี), ไล่ระดับสี (เลือกสองสี), รูปภาพ (อัปโหลดไฟล์) หรือวิดีโอ (อัปโหลด MP4/WebM) สำหรับประเภทรูปภาพและวิดีโอ ให้ปรับแถบเลื่อน ความทึบของภาพซ้อนทับ เพื่อทำให้พื้นหลังด้านหลังการ์ดเข้มขึ้น และแถบเลื่อน เบลอ เพื่อทำให้พื้นหลังดูอ่อนลง
  6. คลิก บันทึก ธีมจะพุชไปยังไคลเอนต์ที่เชื่อมต่อทั้งหมดทันที

ผลลัพธ์ที่คาดหวัง

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

ข้อผิดพลาดทั่วไป

  • การใช้พื้นหลังวิดีโอที่มีขนาดไฟล์ใหญ่มาก เก็บวิดีโอไว้ไม่เกิน 20 MB เพื่อการซิงค์ที่รวดเร็ว วิดีโอที่ยาวขึ้นหรือมีความละเอียดสูงกว่าจะทำให้เวลาโหลดที่เห็นได้ชัดเจนบนพีซีไคลเอนต์
  • การตั้งค่าความทึบของภาพซ้อนทับต่ำเกินไปบนภาพพื้นหลังที่ไม่ว่าง ป้ายข้อความและการ์ดอ่านยาก การซ้อนทับ 40-60% ทำงานได้ดีกับภาพส่วนใหญ่

วิธีกำหนดค่าหน้าจอว่าง

หน้าจอว่างคือสิ่งที่ลูกค้าเห็นเมื่อไม่ได้ใช้งานพีซี สามารถแสดงสไลด์โชว์รูปภาพหรือวิดีโอ นาฬิกา และชื่อร้านกาแฟของคุณได้

สิ่งที่คุณต้องการ

  • ไฟล์รูปภาพ (PNG, JPG, WebP หรือ GIF) หรือไฟล์วิดีโอ (MP4, WebM) สำหรับสไลด์โชว์
  • เซิร์ฟเวอร์ HandyCafe ทำงานอยู่

ขั้นตอน

  1. ไปที่แท็บ การตั้งค่า > ลูกค้า > หน้าจอว่าง
  2. สลับ เปิดใช้งานสไลด์โชว์ เพื่อเปิด
  3. คลิก เพิ่มสื่อ เพื่ออัปโหลดรูปภาพหรือวิดีโอ คุณสามารถเพิ่มได้หลายรายการ รูปแบบที่รองรับ ได้แก่ PNG, JPG, WebP, GIF, MP4 และ WebM
  4. กำหนด ระยะเวลา สำหรับแต่ละรายการเป็นวินาที วิธีนี้จะควบคุมระยะเวลาที่แต่ละสไลด์จะมองเห็นได้ก่อนที่จะเปลี่ยน ค่าระหว่าง 8 ถึง 15 วินาทีทำงานได้ดีสำหรับการตั้งค่าส่วนใหญ่
  5. เลือกเอฟเฟ็กต์ การเปลี่ยนภาพ: จางลง (ครอสเฟดแบบทึบแสง), สไลด์ (สไลด์แนวนอน) หรือซูม (เอฟเฟกต์ขยายขนาด)
  6. เปิดใช้งานการสลับ โอเวอร์เลย์นาฬิกา เพื่อแสดงนาฬิกาดิจิทัลบนหน้าจอที่ไม่ได้ใช้งาน ใช้ตัวเลือกสีเพื่อตั้งค่าสีข้อความของนาฬิกาเพื่อให้คอนทราสต์สูงสุดกับเนื้อหาสไลด์โชว์ของคุณ
  7. เปิดใช้งานปุ่มสลับ ชื่อร้านกาแฟ เพื่อแสดงชื่อธุรกิจของคุณบนหน้าจอปกติ ชื่อนี้ถูกดึงมาจากการตั้งค่าเซิร์ฟเวอร์ทั่วไปของคุณ
  8. คลิก บันทึก การกำหนดค่าหน้าจอว่างจะพุชไปยังไคลเอนต์ที่เชื่อมต่อทั้งหมด

ผลลัพธ์ที่คาดหวัง

พีซีไคลเอ็นต์ที่ไม่ได้อยู่ในเซสชั่นที่ใช้งานอยู่จะแสดงสไลด์โชว์พร้อมกับทรานซิชั่นที่กำหนดค่าไว้ การโอเวอร์เลย์นาฬิกา และชื่อร้านกาแฟ สไลด์โชว์จะวนซ้ำอย่างต่อเนื่อง

ข้อผิดพลาดทั่วไป

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

วิธีสร้างประกาศ

ประกาศจะปรากฏบนเดสก์ท็อปของลูกค้าและสามารถโปรโมตกิจกรรม แบ่งปันข่าวสาร หรือแสดงโฆษณาได้ ระบบติดตามการแสดงผลและการคลิกโดยอัตโนมัติ

สิ่งที่คุณต้องการ

  • HandyCafe Server ทำงานโดยเชื่อมต่อไคลเอนต์อย่างน้อยหนึ่งตัว
  • รูปภาพแบนเนอร์ (แนะนำขนาด 1200x400 พิกเซลหรือกว้างกว่า) หากคุณต้องการประกาศด้วยภาพ

ขั้นตอน

  1. ไปที่แท็บ การตั้งค่า > ลูกค้า > เนื้อหา
  2. เลื่อนไปที่ส่วน ประกาศ ด้านล่างหมวดหมู่แอป
  3. คลิก เพิ่มประกาศ
  4. ป้อน หัวข้อ และ ข้อความ สำหรับประกาศ หากลิงก์ไปยังเพจภายนอก ให้ป้อน ลิงก์ URL
  5. ตั้งค่าฟิลด์ ประเภท เลือก ประกาศ สำหรับข่าวทั่วไป กิจกรรม สำหรับโปรโมชันแบบจำกัดเวลาพร้อมช่องแบบฟอร์มเชิงโต้ตอบ หรือ ข้อความ สำหรับข้อความธรรมดาเท่านั้น
  6. ตั้งค่า หมวดหมู่ เพื่อแยกประเภทประกาศ: ลิงก์ เกม ประกาศ หรือโฆษณา ซึ่งจะกำหนดตำแหน่งที่จะปรากฏในโครงร่างไคลเอ็นต์
  7. อัปโหลด ภาพแบนเนอร์ โดยคลิกที่พื้นที่ภาพและเลือกไฟล์ แบนเนอร์จะแสดงในแถบประกาศบนเดสก์ท็อปไคลเอ็นต์ คลิก บันทึก

ผลลัพธ์ที่คาดหวัง

ประกาศจะปรากฏบนเดสก์ท็อปไคลเอ็นต์ที่เชื่อมต่อในแถบประกาศ ขณะที่ลูกค้าดูและโต้ตอบกับเซิร์ฟเวอร์จะติดตาม จำนวนการแสดงผล (จำนวนครั้งที่แสดง) และ จำนวนการคลิก (จำนวนครั้งที่ลูกค้าคลิก)

ข้อผิดพลาดทั่วไป

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