รูปโปรไฟล์
1. หน้านี้ใช้ทำอะไร
หน้า รูปโปรไฟล์ ใช้จัดการคลังรูปภาพตัวแทน (Avatar) ที่เปิดให้ผู้เล่นเลือกเป็นรูปประจำตัวบนหน้าเว็บล็อบบี้ ใช้เมื่อต้องการอัปโหลดรูปภาพใหม่ จัดลำดับการแสดง สลับเปิดหรือปิดใช้งาน และตรวจสอบจำนวนผู้เล่นที่กำลังใช้รูปแต่ละใบอยู่ เหมาะสำหรับแอดมินและฝ่ายดูแลเว็บไซต์ในการจัดเตรียมรูปภาพสวยงามให้ผู้เล่นใช้งาน
2. ก่อนเริ่ม
- สิทธิ์การใช้งาน: ต้องได้สิทธิ์ 'รายชื่อผู้เล่น' จึงจะเปิดดู อัปโหลด จัดลำดับ หรือลบรูปโปรไฟล์ได้
- สิ่งที่ต้องเตรียม:
- ไฟล์รูปภาพที่ต้องการเพิ่ม รองรับไฟล์นามสกุล PNG, JPG หรือ WEBP ขนาดไม่เกิน 2MB (แนะนำขนาดสี่เหลี่ยมจัตุรัส 400 × 400 หรือ 512 × 512 px ระบบจะครอบเป็นวงกลมให้พอดี)
- กฎสำคัญของระบบ:
- ต้องมีรูปโปรไฟล์เปิดใช้งานอยู่อย่างน้อย 1 รูป เสมอ เพื่อให้ผู้เล่นทุกคนมีรูปโปรไฟล์แสดงบนหน้าเว็บ ระบบจะไม่อนุญาตให้ปิดรูปสุดท้าย
- รูปของระบบ (รูปเริ่มต้น) สลับเปิดหรือปิดได้ แต่ลบทิ้งไม่ได้ ส่วนรูปที่เว็บไซต์อัปโหลดเองลบได้เมื่อปิดใช้งานแล้ว
3. หน้าตาของหน้านี้
เมื่อเปิดเข้ามา จะเห็นส่วนประกอบสำคัญเรียงจากบนลงล่างดังนี้:
- ส่วนหัวของหน้า (Page Header): แสดงชื่อหน้า รูปโปรไฟล์, คำอธิบายสั้น ๆ, ปุ่มรีเฟรช และปุ่ม เพิ่มรูป
- แถบตัวกรองสถานะ (Filter Tabs): แถบ 4 แท็บ ได้แก่ ทั้งหมด, เปิดใช้งาน, ปิดอยู่ และ ลบแล้ว
- กล่องข้อความกฎของระบบ (Info Note): แสดงข้อความเตือนเกี่ยวกับกฎการเปิดใช้งานรูปโปรไฟล์และการย้ายรูปอัตโนมัติ
- แถบสรุปจำนวนรูป: แสดงข้อความบอกจำนวนรูปที่กำลังแสดง เช่น
ทั้งหมด 12 / 50 รูป - กระดานการ์ดรูปโปรไฟล์ (Avatar Grid): แสดงการ์ดรูปโปรไฟล์ทั้งหมดเรียงตามลำดับ แต่ละการ์ดมีเลขลำดับ, ป้ายประเภท, รูปภาพวงกลม, จำนวนคนที่ใช้, วันที่และผู้แก้ไขล่าสุด, ปุ่มลูกศรเลื่อนลำดับ, ปุ่มถังขยะ และสวิตช์เปิด-ปิด
4. ค้นหาและตัวกรอง
| ช่อง / ตัวกรอง | ประเภท | ตัวเลือกหรือวิธีใช้ | ผลลัพธ์เมื่อเลือก |
|---|---|---|---|
| แท็บสถานะ | แถบแท็บกด | เลือกระหว่าง: ทั้งหมด, เปิดใช้งาน, ปิดอยู่ หรือ ลบแล้ว | กรองแสดงการ์ดรูปภาพตามสถานะที่เลือก (เฉพาะแท็บ "ทั้งหมด" ที่เลื่อนจัดลำดับรูปได้) |
| รีเฟรช | ปุ่มกด (ลูกศรหมุน) | กดเพื่อดึงข้อมูลรายการรูปและจำนวนผู้เล่นล่าสุด | โหลดข้อมูลการ์ดรูปโปรไฟล์ใหม่ทันที |
5. ตารางข้อมูล
หน้านี้แสดงผลในรูปแบบการ์ดสี่เหลี่ยม (Grid) โดยการ์ดแต่ละใบมีข้อมูลและปุ่มคำสั่งดังนี้:
ข้อมูลบนการ์ดรูปโปรไฟล์
| ส่วนประกอบบนการ์ด | เห็นอะไรบนจอ | หมายความว่าอะไร | ป้ายสีหรือสัญลักษณ์ที่พบ |
|---|---|---|---|
| ลำดับรูป | ตัวเลขวงกลมมุมซ้ายบน เช่น 1, 2 | ลำดับการแสดงผลบนหน้าล็อบบี้ของผู้เล่น | ป้ายวงกลมสีฟ้าเมื่อเปิดใช้งาน, ป้ายสีเทาเมื่อปิดอยู่ |
| ประเภทรูป | ป้ายข้อความมุมขวาบน | แหล่งที่มาของรูปภาพ | ป้ายสีฟ้า = รูปเริ่มต้น, ป้ายสีม่วง = รูปของเว็บ (อัปโหลดเอง) |
| รูปภาพพรีวิว | รูปภาพวงกลมตรงกลางการ์ด | ตัวอย่างภาพโปรไฟล์เหมือนที่แสดงในหน้าเว็บ | ภาพวงกลมปกติ (หากปิดใช้งานภาพจะจางลงเป็นขาวดำ) |
| จำนวนผู้ใช้ | ไอคอนรูปคนพร้อมตัวเลข เช่น ใช้อยู่ 1,250 คน | จำนวนผู้เล่นที่กำลังตั้งรูปนี้เป็นรูปประจำตัว | ข้อความตัวเลขสีดำ |
| ผู้แก้ไขล่าสุด | วันที่ เวลา และชื่อแอดมิน | วันที่และเวลาที่มีการปรับปรุงล่าสุด พร้อมชื่อคนทำ | ข้อความตัวเล็กสีเทา |
| ปุ่มเลื่อนลำดับ | ปุ่มลูกศร < (ก่อนหน้า) และ > (ถัดไป) | เลื่อนลำดับการแสดงผลขึ้นหรือลงทีละขั้น | ปุ่มลูกศรสีเทา (กดได้เฉพาะในแท็บ "ทั้งหมด") |
| ปุ่มลบ | ไอคอนถังขยะ | ลบรูปภาพออกจากระบบอย่างถาวร | ไอคอนสีแดง (แสดงเฉพาะรูปของเว็บที่ปิดใช้งานแล้ว) |
| สวิตช์สถานะ | สวิตช์เปิด-ปิดมุมขวาล่าง | เปิดหรือปิดไม่ให้ผู้เล่นเลือกใช้รูปนี้ | สวิตช์สีเขียว = เปิดใช้งาน, สวิตช์สีเทา = ปิดอยู่ |
6. ขั้นตอนการใช้งาน
1. การเพิ่มรูปโปรไฟล์ใหม่
- ไปที่เมนู ผู้เล่น > รูปโปรไฟล์ผู้เล่น จากแถบเมนูด้านซ้าย
- กดปุ่ม เพิ่มรูป ที่มุมขวาบนของหน้าจอ
- ในหน้าต่างป็อปอัพ ให้กดบริเวณกล่องอัปโหลด หรือลากไฟล์ภาพ (PNG, JPG, WEBP) มาวาง
- ตรวจสอบภาพตัวอย่างในขนาดต่าง ๆ (96px, 64px, 40px) ซึ่งจะครอบเป็นวงกลมให้เห็นเหมือนหน้าจอผู้เล่นจริง
- หากรูปดูดีแล้ว ให้กดปุ่ม เพิ่มรูป
- รูปใหม่จะถูกเพิ่มเข้าไปเป็นลำดับสุดท้ายในแท็บทั้งหมดทันที
2. การจัดลำดับรูปภาพ
- เลือกแท็บ ทั้งหมด ด้านบน (หากอยู่แท็บอื่นปุ่มลูกศรจะถูกปิดไว้)
- มองหาการ์ดรูปภาพที่ต้องการย้ายตำแหน่ง
- กดปุ่มลูกศร:
- กดปุ่ม
<เพื่อเลื่อนรูปไปข้างหน้า (ให้แสดงก่อน) - กดปุ่ม
>เพื่อเลื่อนรูปไปข้างหลัง (ให้แสดงทีหลัง)
- กดปุ่ม
- ระบบจะสลับตำแหน่งและบันทึกลำดับใหม่ทันที
3. การเปิดหรือปิดใช้งานรูปโปรไฟล์
- มองหาสวิตช์ที่มุมขวาล่างของการ์ดรูปที่ต้องการ
- กดที่สวิตช์:
- สลับเป็น เปิด (สีเขียว) เพื่อให้ผู้เล่นเลือกใช้รูปนี้ได้
- สลับเป็น ปิด (สีเทา) เพื่อหยุดให้เลือกรูปนี้
- หากรูปนั้นมีผู้เล่นใช้อยู่ ระบบจะเปิดหน้าต่างป็อปอัพแจ้งเตือนว่าผู้เล่นที่ใช้อยู่จะถูกสุ่มย้ายไปใช้รูปอื่นที่เปิดอยู่แทน ให้กดปุ่มยืนยัน
4. การลบรูปโปรไฟล์
- สลับสวิตช์รูปที่ต้องการลบให้เป็น ปิด (สีเทา) ก่อน (หากรูปยังเปิดอยู่จะไม่มีปุ่มลบ)
- กดปุ่ม ลบ (ไอคอนถังขยะสีแดง) ที่ปรากฏขึ้นบนการ์ด
- ในหน้าต่างป็อปอัพยืนยัน ให้กดปุ่มยืนยันการลบ
- รูปภาพจะถูกย้ายไปอยู่ในแท็บ ลบแล้ว
7. หน้าแก้ไขหรือหน้าเพิ่ม
หน้าต่างป็อปอัพสำหรับเพิ่มรูปโปรไฟล์ใหม่มีช่องและตัวเลือกดังนี้:
| ช่อง / ส่วนประกอบ | ต้องกรอกไหม | ใส่อะไร | ตัวอย่าง | ข้อจำกัด |
|---|---|---|---|---|
| กล่องเลือกไฟล์รูปภาพ | ต้องเลือก | ไฟล์ภาพจากคอมพิวเตอร์ | ไฟล์ avatar-01.png | รองรับนามสกุล PNG, JPG, WEBP ขนาดไฟล์ไม่เกิน 2MB |
| กล่องพรีวิว 3 ขนาด | แสดงอัตโนมัติ | แสดงรูปภาพในขนาด 96px, 64px, 40px ครอบเป็นวงกลม | ภาพวงกลมสี | ระบบแสดงตัวอย่างอัตโนมัติทันทีที่เลือกไฟล์ |
| ปุ่มเปลี่ยนรูป | ปุ่มกด | กดเพื่อเลือกไฟล์รูปภาพอื่นมาแทนที่ | - | กดได้ตลอดก่อนกดยืนยันเพิ่มรูป |
8. หน้าต่างป็อปอัพ (Popup / Modal)
1. หน้าต่างป็อปอัพ: เพิ่มรูปโปรไฟล์
- เปิดขึ้นมาเมื่อไหร่: เมื่อกดปุ่ม เพิ่มรูป ที่มุมบนขวา
- สิ่งที่เห็นในหน้าต่าง: กล่องลากวางไฟล์, ตัวอย่างการครอบวงกลม 3 ขนาด และปุ่มยืนยัน
- สิ่งที่ต้องทำ: เลือกไฟล์ภาพที่ต้องการ ตรวจสอบความสวยงาม แล้วกดปุ่ม เพิ่มรูป
- ผลลัพธ์: รูปภาพจะถูกอัปโหลดเข้าสู่ระบบและพร้อมเปิดใช้งานทันที
2. หน้าต่างป็อปอัพ: ยืนยันการปิดรูปที่มีคนใช้อยู่
- เปิดขึ้นมาเมื่อไหร่: เมื่อกดปิดสวิตช์รูปโปรไฟล์ที่มีผู้เล่นกำลังใช้อยู่มากกว่า 0 คน
- สิ่งที่เห็นในหน้าต่าง: ข้อความเตือนบอกจำนวนผู้เล่นที่จะได้รับผลกระทบ และแจ้งว่าผู้เล่นเหล่านั้นจะถูกสลับไปใช้รูปอื่นที่เปิดอยู่แทน
- สิ่งที่ต้องทำ: อ่านข้อความเตือนให้แน่ใจ แล้วกดปุ่มยืนยัน (หรือกดยกเลิก)
- ผลลัพธ์: สวิตช์จะเปลี่ยนเป็นปิด และระบบจะย้ายรูปผู้เล่นเหล่านั้นทันที
3. หน้าต่างป็อปอัพ: ยืนยันการลบรูปโปรไฟล์
- เปิดขึ้นมาเมื่อไหร่: เมื่อกดปุ่มถังขยะบนการ์ดรูปโปรไฟล์ที่ปิดใช้งานอยู่
- สิ่งที่เห็นในหน้าต่าง: ข้อความเตือนยืนยันการลบรูปภาพ
- สิ่งที่ต้องทำ: กดปุ่ม ยืนยันการลบ (หรือกด ยกเลิก)
- ผลลัพธ์: รูปโปรไฟล์จะถูกลบออกจากคลังและย้ายไปแท็บลบแล้ว
9. สถานะและป้ายสี
| ป้ายสถานะ | สีของป้าย | ความหมาย | สิ่งที่ต้องทำต่อ |
|---|---|---|---|
| เปิดใช้งาน | เขียว | รูปโปรไฟล์เปิดให้ผู้เล่นเลือกใช้ได้บนหน้าเว็บ | ใช้งานได้ตามปกติ |
| ปิดอยู่ | เทา | รูปโปรไฟล์ถูกปิดชั่วคราว ผู้เล่นเลือกรูปนี้ไม่ได้ | สลับเปิดใหม่ได้ หรือกดปุ่มถังขยะเพื่อลบ |
| รูปเริ่มต้น | ฟ้า | รูปภาพมาตรฐานของระบบ Winnova | เปิดหรือปิดได้ แต่ลบทิ้งไม่ได้ |
| รูปของเว็บ | ม่วง | รูปภาพที่ทีมงานอัปโหลดขึ้นมาเอง | เปิด ปิด จัดลำดับ และลบได้ |
| ลบแล้ว | เทา / แดง | รูปภาพที่ถูกลบออกจากระบบไปแล้ว | ดูประวัติย้อนหลังในแท็บลบแล้ว |
10. คำถามที่เจอบ่อย / แก้ปัญหาเบื้องต้น
- ถ้ากดปุ่มลูกศร
<หรือ>ไม่ได้: ให้ตรวจสอบว่าคุณกำลังดูข้อมูลในแท็บ ทั้งหมด หรือไม่ เพราะระบบจะอนุญาตให้สลับลำดับรูปภาพได้เฉพาะในแท็บทั้งหมดเท่านั้น (ในแท็บเปิดใช้งานหรือปิดอยู่ ปุ่มจะถูกล็อกไว้) - ถ้าปิดสวิตช์รูปโปรไฟล์ไม่ได้: ให้ตรวจสอบว่ารูปนั้นเป็นรูปเดียวที่เปิดใช้งานอยู่หรือไม่ ระบบกำหนดกฎว่าต้องมีรูปเปิดอยู่อย่างน้อย 1 รูปเสมอ หากต้องการปิดรูปนี้ ให้ไปเปิดใช้งานรูปอื่นก่อน 1 รูป จึงจะกลับมาปิดรูปนี้ได้
- ถ้าหาปุ่มถังขยะสำหรับลบรูปไม่เจอ: ให้ตรวจสอบ 2 จุด:
- รูปนั้นต้องเป็น รูปของเว็บ (สีม่วง) เท่านั้น ถ้ารูปนั้นเป็น รูปเริ่มต้น (สีฟ้า) จะไม่มีปุ่มลบ
- ต้องสลับสวิตช์เป็น ปิด (สีเทา) ก่อน ปุ่มถังขยะจึงจะปรากฏขึ้นมา
- ถ้าอัปโหลดรูปภาพไม่ผ่าน: ตรวจสอบขนาดไฟล์ต้องไม่เกิน 2MB และเป็นไฟล์นามสกุล PNG, JPG หรือ WEBP เท่านั้น