MrJazsohanisharma

ให้ Gemini สร้างเว็บแอประบบเยี่ยมบ้านนักเรียน (แจก Prompt)



คลิป EP1

 

ไฟล์ที่ผมแนบสามารถดาวน์โหลดได้ที่
(นร.01) https://cct.eef.or.th/downloads

ตัวอย่าง Prompt ที่ผมใช้:

ผมอยากสร้างระบบเยี่ยมบ้านนักเรียนด้วย Apps Script ฝังในไฟล์ Google Sheets และใช้ไฟล์ Google Sheets ดังกล่าวเป็นฐานข้อมูล

-ให้เก็บข้อมูลตามไฟล์แนบ สามารถส่งออกเป็นไฟล์ pdf เหมือนไฟล์แนบเลย

-ให้มีการเข้าระบบโดยดึงข้อมูลการเข้าระบบของครูจากชีต

-ทำเป็น single web page

-แสดงหน้าเว็บเป็นส่วนๆ แต่ละส่วนไม่ควรมีคำถามเยอะเกินเพราะถ้าเยอะเกินคนกรอกอาจจะเบื่อง่าย

-ให้ครูผู้กรอกเลือกชั้น และชื่อนักเรียนก่อน จากนั้นสามารถเลือกทำส่วนไหนก่อนก็ได้ (ถ้ามีข้อมูล/ประวัตินักเรียนเบื้องต้นในชีตก็ให้ดึงข้อมูล/ประวัติดังกล่าวมาลงในฟอร์ม เพื่อลดภาระผู้กรอก)

-มีแถบสถานะการกรอกข้อมูลพร้อมแสดง %

-กรอกแต่ละฟิลด์แล้วให้บันทึกและอัพเดทข้อมูลเก็บใว้ใน localStorage อัตโนมัติ(เนื่องจากข้อมูลเยอะเวลาเกิดปัญหาจะไม่ต้องกรอกใหม่ซ้ำๆ และสามารถเก็บข้อมูลการอัพเดตได้หลายคน)

-การลงชื่อสามารถเซ็นผ่านหน้าจอหรือจะแนบภาพลายเซ็นก็ได้

-เมื่อกรอกข้อมูลเสร็จแล้วกดปุ่มบันทึก จะอัพเดตข้อมูลที่ถูกแก้ไขใน localStorage ไปยังไฟล์ Google Sheets (อัพเดตเฉพาะข้อมูลที่แก้ไขเท่านั้น)

-ข้อที่ 2 ในตารางจำนวนสมาชิกในครัวเรือนให้สามารถเพิ่มได้เรื่อยๆทีละแถว ส่วนข้อมูลของนักเรียนบางส่วนที่มีแล้วก็ให้ดึงมาแสดงเลย รายได้รวมก็ให้คำนวณอัตโนมัติ

-ข้อ 3.1 ถ้าเลือกตอบว่า ครัวเรือนไม่มีภาระพึ่งพิง ก็ไม่ต้องเลือกตัวเลือกย่อยแล้ว

-ข้อ 3.4 ถ้าเลือกตอบว่า ไม่ทำเกษตร ก็ไม่ต้องเลือกตัวเลือกย่อยแล้ว

-ข้อ 3.6 ถ้าเลือกตอบว่า ไม่มีไฟฟ้า/ไม่มีเครื่องกำเนิดไฟฟ้าชนิดอื่น ๆ ก็ไม่ต้องเลือกตัวเลือกย่อยแล้ว

-ข้อ 3.7 ถ้าเลือกตอบว่า ไม่มียานพาหนะในครัวเรือน ก็ไม่ต้องเลือกตัวเลือกย่อยแล้ว

-ข้อ 3.8 ถ้าเลือกตอบว่า ไม่มีของใช้ดังกล่าว ก็ไม่ต้องเลือกตัวเลือกย่อยแล้ว

-ถ้าเลือกนักเรียนอาศัยอยู่กับครัวเรือนสถาบัน ในข้อ 1 ก็ให้ทำข้อ 4 ด้วย ถ้าตอบข้ออื่นข้อนี้ไม่ต้องทำ

-ข้อ 6 ที่พักอาศัยนักเรียนปัจจุบันให้เพิ่มการบันทึกพิกัด (ละติจูด ลองติจูด สามารถดึงแบบอัตโนมัติตาม GPS หรือกรอกเองได้)

-ออกแบบหน้าเว็บให้สวยงาม เน้นการเล่นสีให้น่าใช้ มีความทันสมัย และ responsive

-ใช้ alert แบบ sweetalert 

แสดงความคิดเห็น (0)
ใหม่กว่า เก่ากว่า