ระบบเช็คชื่อกิจกรรมทัศนศึกษา

รายงาน เรื่อง ระบบเช็คชื่อผู้เข้าร่วมกิจกรรมทัศนศึกษา App Sheet ระดับประกาศนียบัตรวิชาชีพขั้นสูง (ปวส.) ชั้นปีที่ 1 จัดทำโดย นางสาวกัญญาณัฐ ฉันนะ นางสาวนันทิยา รุ่งเรือง นางสาวเบญญาดา สือกรวรา นางสาวสุชาดา ครึกครื้น นำเสนอ ครูสุนิสา อินทนิน ภาคเรียนที่ 2 ประจำปีการศึกษา 2566 รายงานเล่มนี้เป็นส่วนหนึ่งของรายวิชาการพัฒนาโปรแกรมบนอุปกรณ์พกพา เคลื่อนที่แบบพกพา รหัสวิชา 30204-2303

คำนำ รายงานเล่มนี้จัดทำขึ้นเพื่อเป็นส่วนหนึ่งของรายวิชา การพัฒนาโปรแกรมบนอุปกรณ์เคลื่อนที่ แบบพกพา รหัสวิชา 30204-2303 ระดับชั้นประกาศนียบัตรวิชาชีพขั้นสูงสุด (ปวส.) เพื่อให้ศึกษาหา ความรู้เกี่ยวกับขั้นตอนการสร้างแอปขายสินค้า ด้วย App sheet และได้ศึกษาอย่างเข้าใจเพื่อเป็น ประโยชน์ต่อการศึกษาต่อและนำไปประยุกต์ใช้ในชีวิตประจำวัน โดยทางคณะผู้จัดทำหวังว่ารายงานเล่มนี้จะเป็นประโยชน์ต่อผู้ที่ได้เข้ามาอ่านทั้งนักเรียน นักศึกษา หรือบุคลากรที่สนใจศึกษาได้เป็นประโยชน์สูงสุด หากคณะผู้จัดทำทำข้อผิดพลาดประการ ใด ผู้จัดทำขอน้อมรับไว้และขออภัยมา ณ. ที่นี้ด้วย คณะผู้จัดทำ 29 ธันวาคม 2566

สารบัญ หน้า คำนำ ก สารบัญ ข การสร้างแอประบบเช็คชื่อผู้เข้าร่วมกิจกรรมทัศนศึกษา 1-26 สร้าง QR Code พัฒนาแอปเมื่อมีการแสกน QR Code ให้บันทึกอัตโนมัติโดยไม่ต้องกดปุ่มบันทึก

ระบบเช็คชื่อผู้เข้าร่วมกิจกรรมทัศนศึกษา 1.การสร้างแอประบบเช็คชื่อผู้เข้าร่วมกิจกรรมทัศนศึกษา 1.1 สร้างโฟลเดอร์ใหม่ใน App Sheet ชื่อ “เช็คชื่อผู้เข้าร่วมกิจกรรม” 1.2 ต่อจากนั้น สร้าง Google Sheet ชื่อ "เช็คชื่อผู้เข้าร่วมกิจกรรมทัศนศึกษา" จำนวน 2 ชีต ชีต 1 ชื่อ "Home" ประกอบด้วย id , image ชีต 2 ชื่อ "เช็คชื่อ" ประกอบด้วย id , วันที่ , ลำดับที่ , ชื่อ นามสกุล , เวลาลงชื่อ

1.3 เลือกส่วนขยาย>App Sheet>สร้างแอป 1.4 เพิ่มปก จากนั้นเลือก table Setting และเลือก Read Only

1.5 ตกแต่ง Home ที่ Views ดังนี้ View type > detail Column order > Image Display mode > No Headings Image style > Background

1.6 เลือก Add new data และ Add Table เช็คชื่อ

1.7 Data ดังนี้ วันที่ > TYPE : Date > INITIAL VALUE : TODAY) ลำดับที่ > TYPE : Number > FORMULA : I ROWNumber] 1 เวลาลงชื่อ > TYPE : Time > INITAL VALUE : TIMENOW()

1.8 คลิก edit (ไอคอนดินสอ) ที่ ชื่อ นามสกุล จากนั้น เลื่อนลงล่างสุด เลือก Other Properties และ คลิกเปิด Scannable

1.9 ตกแต่ง เช็คชื่อ ที่ Views ดังนี้ View type > table Group by > วันที่ > Ascending Group aggregate > MAX :: ลำดับที่ Column order > ลำดับที่ , ชื่อ นามสกุล , เวลาลงชื่อ 1.10 เลือก Setting> เปลี่ยน ธีม สี โลโก้ ได้ตามต้องการ

2. การสร้าง QR Code นำโค้ดไปใส่ช่อง URL จากนั้นใส่ชื่อนามสกุล ตัวอย่างเช่น https://chart.apis.google.com/chart?chs=500x500&cht=qr&choe=UTF-8&chl=นางสาวเบญญาดา สื อกรวรา และกด Enter

3. พัฒนาแอปเมื่อมีการแสดง QR Code ให้บันทึกอัตโนมัติ โดยไม่ต้องกดปุ่มบันทึก 3.1 มาที่ View คลิก Add View จากนั้นกด Create a new view 3.2 Views ดังนี้ View name > Scan QR Code For this data > เช็คชื่อ View type> form

3.3 จากนั้น คลิกเปิด Auto save และ Auto re-open เป็นอันเสร็จสิ้น