ทำเว็บแบบสอบถามหรือควิซ เก็บคำตอบลงฐานข้อมูลด้วย AI

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

บทความนี้พาทำ เว็บแบบสอบถามหรือควิซที่เก็บคำตอบลงฐานข้อมูล ด้วย AI ตั้งแต่ออกแบบข้อมูล prompt ที่คัดลอกไปใช้ได้ 2 แบบ ไปจนถึงนำขึ้นออนไลน์บน BrewInTH และดูคำตอบที่เข้ามาจากคอนโซล

สรุปสั้นก่อนอ่าน
📝 เว็บที่เก็บคำตอบได้ต้องเป็น แอป + ฐานข้อมูล หน้า HTML อย่างเดียวเก็บคำตอบไว้ส่วนกลางไม่ได้
📝 ออกแบบให้มี 3 ส่วน: หน้าตอบคำถาม ที่เก็บคำตอบ และหน้าผู้ดูแลที่มีรหัสผ่านพร้อมปุ่มส่งออก CSV
📝 บน BrewInTH เลือกฐานข้อมูลตอนสร้างโปรเจกต์ ระบบใส่ค่าเชื่อมต่อให้แอปเอง
📝 คำตอบที่เข้ามาดูได้ที่แท็บ ฐานข้อมูล › จัดการฐานข้อมูล แม้ยังไม่ได้ทำหน้าผู้ดูแล
📝 ควิซสนุก ๆ ส่งเข้า portal ให้คนเจอได้ฟรี ส่วนแบบสอบถามลูกค้าหรือข้อมูลส่วนตัวควรปิด

แบบสอบถาม ควิซ และแบบทดสอบ ต่างกันยังไง

ทั้งสามแบบคือ "ถามคำถาม แล้วเก็บคำตอบ" ต่างกันที่สิ่งที่ผู้ตอบได้กลับไป

• แบบสอบถาม (survey) เช่น ความพึงพอใจหลังใช้บริการ ผู้ตอบไม่ได้อะไรกลับ เจ้าของเว็บได้ข้อมูลไปปรับงาน
• ควิซแบบบุคลิก (personality quiz) เช่น "กาแฟแบบไหนที่ใช่คุณ" ผู้ตอบได้ผลลัพธ์ที่อยากแชร์ต่อ เหมาะกับการตลาด
• แบบทดสอบมีคะแนน (graded quiz) เช่น ข้อสอบย่อยของห้องเรียน ระบบตรวจคำตอบและให้คะแนน

รู้ก่อนว่าทำแบบไหน จะเขียน prompt ได้ชัด และ AI จะออกแบบถูกตั้งแต่รอบแรก

ทำไมต้องมีฐานข้อมูล

เว็บที่เป็นไฟล์ HTML อย่างเดียว (static) เปิดดูได้เร็วและไม่ต้องมีเซิร์ฟเวอร์ แต่คำตอบที่คนกรอกจะอยู่แค่ในเบราว์เซอร์ของคนนั้น เจ้าของเว็บมองไม่เห็น ถ้าต้องการรวมคำตอบของทุกคนไว้ที่เดียว ต้องมี แอปฝั่งเซิร์ฟเวอร์ รับคำตอบแล้วบันทึกลง ฐานข้อมูล

ข้อมูลที่ควรเก็บมีไม่กี่ตาราง

1. คำถาม ข้อความ ชนิด (เลือกข้อเดียว เลือกหลายข้อ ให้คะแนน 1-5 ข้อความ) และลำดับ
2. การตอบหนึ่งครั้ง เวลาที่ส่ง และข้อมูลผู้ตอบเท่าที่จำเป็น
3. คำตอบรายข้อ ผูกกับการตอบครั้งนั้นและคำถามข้อนั้น

ไม่ต้องจำชื่อตารางเอง แค่บอก AI ว่าต้องการอะไร มันจะออกแบบให้

Prompt แบบที่ 1: แบบสอบถามความพึงพอใจของร้าน

คัดลอกไปเปลี่ยนชื่อร้านและคำถามได้เลย

ช่วยสร้างเว็บ "แบบสอบถามความพึงพอใจ" ของร้านกาแฟ บ้านดอยคอฟฟี่

หน้าตอบ (ไม่ต้องล็อกอิน)
- คำถาม 6 ข้อ: ให้คะแนนรสชาติ ความเร็ว บริการ ความสะอาด (1-5 ดาว)
  มาร้านบ่อยแค่ไหน (เลือกข้อเดียว) และข้อเสนอแนะ (ข้อความ ไม่บังคับ)
- ใช้งานบนมือถือได้ดี กดง่าย ตอบเสร็จในไม่ถึง 1 นาที
- ส่งแล้วขึ้นหน้าขอบคุณ ส่งซ้ำจากเครื่องเดิมภายใน 1 วันไม่ได้
- ไม่ถามชื่อ เบอร์ หรืออีเมล

หน้าผู้ดูแล (/admin)
- เข้าด้วยรหัสผ่านจาก environment variable ADMIN_PASSWORD
- สรุปคะแนนเฉลี่ยแต่ละข้อ จำนวนคำตอบรายวัน และรายการข้อเสนอแนะล่าสุด
- ปุ่มส่งออกคำตอบทั้งหมดเป็น CSV ที่เปิดใน Excel แล้วภาษาไทยไม่เพี้ยน

เทคนิค
- ใช้ฐานข้อมูล PostgreSQL อ่านค่าเชื่อมต่อจาก DATABASE_URL สร้างตารางเองถ้ายังไม่มี
- ตรวจข้อมูลที่ฝั่งเซิร์ฟเวอร์ จำกัดจำนวนครั้งที่ส่งต่อนาทีกันสแปม
- ค่าลับทั้งหมดอ่านจาก environment variable ห้ามเขียนไว้ในโค้ด
เสร็จแล้วทดสอบตอบ 3 ครั้ง ดูในหน้าผู้ดูแล แล้วนำขึ้น BrewInTH

ร้านค้าเอาไปพิมพ์ QR code ติดโต๊ะหรือแนบไปกับใบเสร็จได้เลย

Prompt แบบที่ 2: ควิซบุคลิกที่คนอยากแชร์

ช่วยสร้างเว็บควิซ "กาแฟแบบไหนที่ใช่คุณ" ภาษาไทย

- คำถาม 8 ข้อ ข้อละ 4 ตัวเลือก แต่ละตัวเลือกให้คะแนนกับผลลัพธ์ 4 แบบ:
  เอสเปรสโซ ลาเต้ อเมริกาโน่เย็น และชาไทย
- แสดงทีละข้อ มีแถบความคืบหน้า กดย้อนกลับได้
- จบแล้วแสดงผลพร้อมคำอธิบายสั้น ๆ และปุ่มแชร์ที่ใช้ที่อยู่ของหน้าผลนั้น
  (แต่ละผลมีหน้าของตัวเอง เช่น /result/latte พร้อม og:title og:description og:image)
- เก็บลงฐานข้อมูลเฉพาะตัวเลือกที่ตอบและผลที่ได้ ไม่เก็บข้อมูลส่วนตัว
- หน้า /admin (รหัสผ่านจาก ADMIN_PASSWORD) แสดงจำนวนคนเล่นต่อวันและสัดส่วนของผลแต่ละแบบ

เทคนิค: ฐานข้อมูล PostgreSQL จาก DATABASE_URL สร้างตารางเองตอนเริ่ม
ทดสอบเล่นให้ได้ครบทั้ง 4 ผล แล้วนำขึ้น BrewInTH

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

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

นำขึ้น BrewInTH ทีละขั้น

1. สร้างโปรเจกต์พร้อมฐานข้อมูล

ในคอนโซลกด สร้างโปรเจกต์ ตั้งชื่อ เลือกเทคโนโลยี (ไม่แน่ใจเลือก ให้ระบบเลือกให้ (แนะนำ)) และเลือกฐานข้อมูล PostgreSQL ระบบสร้างฐานข้อมูลและเขียนค่าเชื่อมต่อ เช่น DATABASE_URL ให้แอปเอง

2. ให้ AI นำโค้ดขึ้น

ถ้าใช้ coding agent บนคอมพิวเตอร์ เช่น Claude Code, Codex, Cursor หรือ Windsurf กด สร้างลิงก์และ token สำหรับ AI (อัตโนมัติ) ในหน้าโปรเจกต์ แล้ววางข้อความที่ได้ในแชตของ AI มันจะอัปโหลด build และเผยแพร่เอง

ถ้าใช้แชต AI ทั่วไปที่ให้ไฟล์กลับมา ใช้เมนู อัปโหลดแล้วขึ้นเว็บ (ยังเป็นรุ่น BETA) ส่ง ZIP หรือวางโค้ดจากแชตเข้าโปรเจกต์ที่สร้างไว้

3. ตั้งรหัสผ่านหน้าผู้ดูแล

เปิดแท็บ ตั้งค่าแอป เพิ่มค่า ADMIN_PASSWORD เป็นรหัสที่เดายาก แล้วเผยแพร่อีกครั้ง แอปอ่านค่าตั้งแอปตอนเริ่มทำงาน ค่าที่เพิ่งใส่จึงมีผลกับเวอร์ชันถัดไป

4. ทดสอบตอบ แล้วดูว่าข้อมูลเข้าจริง

ตอบเองสัก 2-3 ครั้งจากมือถือ แล้วเปิดแท็บ ฐานข้อมูล ของโปรเจกต์ ในส่วน จัดการฐานข้อมูล เลือกตารางทางซ้ายเพื่อดูข้อมูลทีละ 50 แถว หรือกด SQL แล้ว รัน SQL เพื่อนับคำตอบ เช่น

SELECT count(*) FROM responses;

(ชื่อตารางเปลี่ยนตามที่ AI ตั้ง) ตัวจัดการนี้ใช้กับ PostgreSQL, MySQL และ MariaDB รันได้ครั้งละหนึ่งคำสั่ง แสดงผลสูงสุด 200 แถว เหมาะกับการตรวจสอบ ส่วนการดูสรุปประจำวันให้ใช้หน้าผู้ดูแลที่ AI ทำให้

5. แชร์ลิงก์

ตั้งชื่อเว็บฟรีได้หนึ่งครั้ง เช่น bandoi-survey จะได้ที่อยู่ bandoi-survey.host.brewinth.net พร้อม HTTPS เอาไปทำ QR code ด้วยเครื่องมือสร้าง QR ทั่วไป หรือให้ AI ทำหน้าพิมพ์ QR ไว้ในหน้าผู้ดูแลก็ได้

ส่งเข้า portal หรือไม่

ตอนสร้างโปรเจกต์มีตัวเลือก เผยแพร่ผ่าน portal ของ brewInTH เพื่อประชาสัมพันธ์ฟรี เปิดไว้เป็นค่าเริ่มต้น เว็บจะไปแสดงที่ portal.brewinth.com หลังจากออนไลน์และทีมงานอนุมัติ

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

เรื่องข้อมูลส่วนบุคคล

แบบสอบถามที่ถามชื่อ เบอร์ อีเมล หรือข้อมูลสุขภาพ ต้องระวังกว่าควิซทั่วไป หลักง่าย ๆ คือ

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

ข้อนี้เป็นคำแนะนำทั่วไป ไม่ใช่คำปรึกษาทางกฎหมาย ถ้าเก็บข้อมูลส่วนบุคคลจำนวนมากหรือข้อมูลอ่อนไหว ควรปรึกษาผู้เชี่ยวชาญ

ดูวิดีโอประกอบ

▶ ตัวอย่างตั้งแต่สร้างโปรเจกต์จนเปิดเว็บ (1:30 นาที)
ดูบน YouTube

คำถามที่พบบ่อย

แพ็กเกจฟรีพอไหม

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

ทำเป็นหน้า HTML อย่างเดียวแล้วส่งคำตอบเข้า Google Sheets ได้ไหม

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

กันคนกดส่งซ้ำหรือบอตยิงคำตอบปลอมยังไง

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

แก้คำถามหลังจากมีคนตอบไปแล้วได้ไหม

ได้ แต่ให้บอก AI ว่า "อย่าลบคำถามเดิม ให้ซ่อนแทน และเพิ่มคำถามใหม่ต่อท้าย" คำตอบเก่าจะยังจับคู่กับคำถามที่ถูกถามจริงในตอนนั้น ก่อนแก้โครงสร้างฐานข้อมูลครั้งใหญ่ควรสำรองข้อมูลไว้ก่อน

เอาคำตอบไปทำกราฟใน Excel ยังไง

กดปุ่มส่งออก CSV ในหน้าผู้ดูแลที่ระบุไว้ใน prompt แล้วเปิดใน Excel หรือ Google Sheets ถ้าภาษาไทยเพี้ยน บอก AI ว่า "ใส่ BOM ให้ไฟล์ CSV แบบ UTF-8"

สรุป

เว็บแบบสอบถามหรือควิซที่เก็บคำตอบได้จริงต้องมีแอปกับฐานข้อมูล ตัดสินใจก่อนว่าทำแบบไหน เขียน prompt ให้ชัดทั้งหน้าตอบและหน้าผู้ดูแล สร้างโปรเจกต์พร้อม PostgreSQL บน BrewInTH ให้ AI นำขึ้น ทดสอบแล้วดูข้อมูลในแท็บฐานข้อมูล ก่อนแชร์ลิงก์ให้คนจริงตอบ

เริ่มโปรเจกต์แรกฟรี →

บทความที่เกี่ยวข้อง

• ทำเว็บจองคิวด้วย AI ตั้งแต่ศูนย์จนออนไลน์ (พร้อม prompt)
• เลือกฐานข้อมูลแบบไหนดี: PostgreSQL, MySQL, MongoDB หรือ Redis