CASE STUDY / TEAM PROJECT

เว็บงานอีเวนต์ที่ดี
ต้องพาคนหาข้อมูลทัน

KMUTT Engineering Open House 2025 เป็นงานเว็บที่ทำร่วมกับทีมสำหรับกิจกรรมเปิดบ้านคณะวิศวกรรมศาสตร์ งานจบไปแล้ว หน้านี้เลยเก็บสิ่งที่น่าสนใจในตัวเว็บและวิธีคิดที่ได้จากการทำงานร่วมกันครับ

เว็บกิจกรรมมีโจทย์ไม่เหมือนเว็บทั่วไป

คนเปิดเว็บงานมักอยากรู้ข้อมูลเฉพาะหน้า เช่น งานมีอะไร ไปที่ไหน และจะเตรียมตัวยังไง ถ้าต้องคลิกหลายรอบกว่าจะเจอรายละเอียด ก็เสียจังหวะตั้งแต่ยังไม่มาถึงงาน ทีมจึงต้องจัดข้อมูลให้ตามหาได้ง่าย และรองรับทั้งคนอ่านภาษาไทยกับอังกฤษ

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

ภาษาไม่ใช่แค่ปุ่มสลับ

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

ไทยและอังกฤษ

เนื้อหาแยกตามภาษาในโครงสร้างที่ทีมแก้ไขต่อได้ ไม่ต้องคัดลอกทั้งหน้าเว็บสองชุด

จำสิ่งที่เลือก

ผู้เข้าชมเปลี่ยนภาษาแล้วเว็บพยายามใช้ภาษานั้นต่อในหน้าถัดไป แทนการเดาจากเบราว์เซอร์ทุกครั้ง

เว็บที่เผยแพร่ง่าย

โปรเจกต์ใช้ Astro และ TypeScript พร้อมการเผยแพร่ผ่าน Cloudflare Pages

งานร่วมทีม

โค้ดอยู่ใน repository ของทีม จึงเปิดให้เห็นโครงสร้างและตรวจสอบวิธีทำได้จริง

สิ่งที่ได้กลับมาจากงานนี้

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

หมายเหตุ: Open House 2025 เป็นกิจกรรมที่ผ่านมาแล้ว ลิงก์เว็บอาจเปลี่ยนหรือถูกเก็บถาวรตามการดูแลของทีม โปรดดูประกาศปัจจุบันจากผู้จัดงานหากกำลังหาข้อมูลกิจกรรมปีใหม่ครับ

ดูงานของทีม

ซอร์สโค้ดเป็นหลักฐานที่ตรงที่สุดสำหรับการดูโครงสร้างและวิธีจัดการสองภาษาครับ

เปิดซอร์สโค้ดทีม

เปิดเว็บไซต์กิจกรรม ↗