WebApp ระบบรับสมัครนักเรียนออนไลน์ อัพเดท 2021 ใหม่ล่าสุด
ฝัง
- เผยแพร่เมื่อ 13 เม.ย. 2021
- ===ลิ้งค์โค้ดอยู่ที่คอมเม้นต์ปักหมุดบนสุดใต้คลิปสอน====
📣ติดตามช่องยูทูป"ครูอภิวัฒน์ สอนสร้างสื่อ"
th-cam.com/users/ApiwatWongk...
✅ เฟสบุ๊ก : อภิวัฒน์ วงศ์กัณหา
/ neno1201
✅ เข้าไลน์กลุ่ม "ครูอภิวัฒน์ สอนสร้างสื่อ"
line.me/ti/g2/D_ugKwp3-z_ZSHx...
✅ กลุ่มหัดสร้างเกมแฟลช
/ as3flash
✅ กลุ่มหัดสร้างสื่อด้วย PowerPoint
/ powerpointgraphic
✅ กลุ่มหัดสร้างเกมด้วย Construct2
/ construct2game
✅ กลุ่มสร้างสื่อ CAI ด้วย Construct2
/ 1454201051311497
✅ กลุ่มหัดวาดรูปด้วยคอมพิวเตอร์
/ 1207788526026708
เครดิต นายจิรศักดิ์ จิรสาโรช
===============================================
ขั้นตอน
------------------------------------------------------------------------------
1. สร้างโฟลเดอร์ชื่อ WebApp แล้วทำสำเนาไฟล์ตามลิงค์นี้ docs.google.com/spreadsheets/d/1mJHiA-pNTlrXDRmb1VEzFlalcCk0_KQFnfqpxezbqcU/copy
2. ที่เมนูเครื่องมือ --> โปรแกรมแก้ไขสคริปต์ คัดลอกโค้ดจากลิ้งค์ --> gist.github.com/Niddeaw/45d04510fb7af749be7f89f02069ae99
3. ทำเป็นเว็บแอพ ---> การทำให้ใช้งานได้ --> การทำให้ใช้งานได้รายการใหม่ --> เลือกประเภทเว็บแอพ --> เลือกผู้ที่มีสิทธิ์เข้าถึงทุกคน --> การทำให้ใช้งานได้
4. จากนั้นจะได้ลิงค์เว็บแอพ script.google.com/macros/s/xxxxxxxxxxxxxxxxxxx/exec (ให้คัดลอกไว้เพื่อไปใส่ในไฟล์ html)
5. รันฟังก์ชั่น intialSetup ()
6. เพิ่มทริกเกอร์ --> เลือกฟังก์ชันที่จะเรียกใช้ --> doPost --> เลือกประเภทเหตุการณ์ --> เมื่อส่งฟอร์ม --> บันทึก
7. สร้าง ไฟล์ index.html ในคอมฯ เอาโค๊ดมาจาก gist.github.com/Niddeaw/45d04510fb7af749be7f89f02069ae99
8. แก้ไขไฟล์ index.html ตรง const scriptURL = 'script.google.com/macros/s/xxxxxxxxxxxxxxxxxxx/exec' นำลิงค์ URL เว็บแอพมาใส่
9. ดาวน์โหลด Autocomplete Thailand (กรอกที่อยู่อัตโนมัติ) ได้ที่ github.com/earthchie/jquery.Thailand.js
10. อัพโหลดโฟลเดอร์ jquery.Thailand.js และไฟล์ index.html ไปยังโฮส (หรือไปยัง Google Drive โฟลเดอร์ WebApp ที่สร้าง กรณีไม่มีโฮส)
11. อัพโหลดขึ้นโฮส หรือ Firebase หรือ Google Drive แล้วใช้ DriveToWeb drv.tw ก็ได้
12. กรณีใช้ DriveToWeb เมื่อมีการเปลี่ยนแปลงแก้ไขไฟล์ index.html ให้กด ctrl+F5 หรือ shift+F5 เพื่อเคลียร์แคชใหม่
ไฟล์อาจารย์ลบแล้วหรอครับ
@@user-iv2sx8be5v เราสามารถสร้างใหม่ได้เองไหมคะอาจารย์
ขอขอบคุณท่านอาจารย์ทั้งสองมากครับ เป็นประโยชมากๆครับ
ขอบคุณท่านอาจารย์ทั้งสองมากครับ สุดยอดครับ
I am very impressed with your tutorial, sir. I have to use a language translator to understand your language.. 👍👍👍
Regards from Indonesia.
นายคมกฤช อภิชัยสรพันธุ์
3 days ago
ยอดเยี่ยมมากครับ
กราบบบบบครับ...ขอบพระคุณครับอาจารย์
โค๊ดเจ๋งมากครับ ขอบคุณครับ
เอกสารใบสมัคร print out ออก pdf ได้ไหมครับ และ ถูกนำไปเก็บไว้ตรงไหนครับอาจารย์ ขอบคุณสำหรับทุกความรู้ที่เป็นประโยชน์ครับ
ยอดเยี่ยมมากครับ
สุดยอดมากครับ
ขอบคุณมากๆค่ะอาจารย์
สอบถามด้วยครับอาจารย์ครับทำไมของผมบันทึกส่งข้อมูลในฟอร์ม แต่ไม่บันทึกข้อมูลลงใน googlesheet ครับ
กราบอาจารย์งามๆครับ
ขอบคุณครับอาจารย์มากๆครับ
ขอขอบคุณครับ ทั้งสองท่านเลยครับ
ขอบคุณมากที่สุดทั้งสองท่านค่ะ
@P.Jumpol ทำได้ค่ะ แต่ตรงข้อมูลนะคะ การอัพรูปภาพ ทำตามยังไม่ไปค่ะ
@P.Jumpol เอามาปรับโค้ดและสคริปต์เอาค่ะ ตอนนี้ใช้อยู่นะคะ รับสมัคร ป.1 ค่ะ
ขอบคุณครับอาจารย์
ขออนุญาตสอบถามต่อครับ สามารถกำหนดวันเปิด-ปิด ระบบในโปรแกรมไหมครับ ถ้าได้ขอความกรุณาอาจารย์ช่วยทำคลิปสอนเพิ่มเติม ได้ไหมครับ กับป้องกันการสมัครเกิน 1 ครั้ง โดยอ้างอิงจากเลขประชาชนครับ ขอเยอะไปไหม
ตามด้วยคนค่ะ
ของผมเหมือน Autocomplete Thailand จะไม่ทำงานครับ
แต่ไม่เป็นไรครับ โดยรวมถือว่าสมบูรณ์หมดแล้วครับ ขอบคุณครับ
ปกติต้องทำงานนะครับ เช็คขั้นตอนกับคลิปสอนให้ละเอียดครับ
อ.ค่ะ อยากให้กรอบรหัสผ่าน ก่อนกรอกข้อมูลตรงนี้ ต้องทำไงค่ะ มีแบบอย่างมั้ยค่ะ
พอบันทึกแล้วข้อมูลไปมาชีต ครับอาจารย์
ถ้าต้องการให้ในใบกรอกมีการอัพโหลดไฟล์ได้มั้ยคะ
ข้อมูลไม่เข้า google sheet ครับ ทำตามทุกขั้นตอน มีวิธีแก้ไหมครับ
อาจาร์ยคะลิงก์คัดลอกเอามาจากใหนคะ ขอคำแนะนำคะ
ขอบคุณ มากครับ ผม เราสามารถเพิ่มรูปได้ด้วยใหม ครับ
ขอบคุณครับ
อาจารย์ครับ พอดีเพิ่มข้อมูลอื่นๆ เข้าไป เพิ่มเติม สามารถกดสมัครได้ปกติ แต่ข้อมูลไม่มาใน gg sheet ครับ อันนี่ปัญหาเกิดจากอะไรหรือครับอาจารย์
สอบถามครับ ทำไมoutputกลับเข้ามาแค่20ใบสมัครเองครับ ที่เหลือไม่มาแล้ว
อาจารย์ครับทำไมของผมบันทึกเข้าgooglesheetแล้วไม่่มีรูปที่อัพโหลดลงไปครับ
ขออนุญาตสอบถามครับ ผมทำตามทุกขั้นตอนแล้วแต่เมื่อลองกรอกข้อมูลเสร็จ ข้อมูไม่ขึ้นมาครับ ควรต้องตรวจสอบตรงไหนครับ
เหมือนกันเลยครับ
เหมือนโดนวางยา
23 เม.ย. 63 โค๊ดส่วนที่กำหนดขนาดโลโก้หายไป เมื่อวันก่อนยังมีอยู่เลย 😅
สามารถให้ออกมาเป็นไฟล์pdf เลยได้ไหมครับ
ครูครับ ตรงเมนู เครื่องมือ ไม่มีโปรแกรมแก้ไขสคริปต์ ครับ ขอคำชี้แนะครับ จะต้องทำยังไงครับ ขอบคุณครับ
ขอบคุณมากครับ ขอเสนอปัญหาที่เจอ เผื่อได้รับการปรับปรุงครับ เนื่องจากผมเขียนโค้ดไม่เป็น ได้แต่ลองผิดๆถูกๆ ลองเพิ่มตัวเลือกแล้ว เช่นมีม.4ให้เลือก ทำไม่ได้ คือ ทำได้แต่ช่องใน google sheet ไม่เพิ่ม ถ้าจะทำคงต้องแยกบัญชี timestamp ได้ถึงแค่แถวที่ 45 และอยากให้เพิ่มการสร้างเป็น pdf หรือผู้กรอกสามารถเซฟหรือปริ๊นต์ได้เลย ขอบคุณครับ
สามารเพิ่มฟอร์ม ให้สามารถอัพโหลดไฟล์หลักฐานได้ไหมครับ
ติดปัญหาข้อมูลที่เทส ไม่เข้า google sheet ค่ (มีการปรับข้อมูลนิดหน่อย
ถ้าต้องการเพิ่มพิมพ์ใบสมัครทำยังไงครับ
สวัสดีครับ ลองกรอกสมัครเรียนแล้ว แต่ข้อมูลไม่มีใน Sheet ครับ
ต้องการลิ้งค์โค้ดอยู่ที่คอมเม้นต์ปักหมุดบนสุดใต้คลิปสอน
ทดสอบกรอกข้อมูลแล้วข้อมูลไม่บันทึกในชีต ผิดพลาดตรงไหนคะ
ขอบพระคุณอาจารย์ทั้งสองท่านมากๆเลยค่ะ
อาจารย์ครับในกรณีที่คลิกขวาแล้วไม่ขึ้น edit with notepad ต้องแก้ไขอย่างไรครับ
รอคำตอบเหมือนกันค่ะ
ต้องโหลด notepad ++ มาติดตั้ง หรือจะใช้ editor ตัวอื่น เช่น visual studio code มาติดตั้งก้ได้ครับ
สอบถามอาจารย์ครับ กรณีWebappแบบนี้สามารถมาประยุกต์ใช้ทำระบบการลาonlineได้มั้ยครับ ขอความรู้และขอความกรุณาจากอาจารย์ด้วยครับ ขอบพระคุณครับ
ได้ครับ
@@KruApiwat แล้วเราจะให้แสดงข้อมูลจำนวนวันลาในระบบ ก่อนที่เค้าจะบันทึกการลาได้อย่างไรครับ
@@nonkafontravel1558 ต้องออกแบบงานก่อนครับว่าต้องการ Output แบบไหน และ Input แบบไหน
@@nonkafontravel1558 ลองดูคลิปนี้ดูครับ
th-cam.com/video/fn8mGMxwLYs/w-d-xo.html
อาจารย์ครับ ถ้าเราใช้ตัวแก้ไขสคริปต์ version เก่าตามคลิปนี้ เวลา deploy ทุกครั้งเราจะได้ link เดิมไหมครับ ตอนนี้พบว่าตัวแก้ไข version ใหม่ เวลา deploy เสร็จ(การทำให้ใช้งานได้รายการใหม่) link เปลี่ยนตลอดเลย
ถ้าเราใช้ตัวแก้ไขสคริปต์ version เก่าตามคลิปนี้ เวลา deploy ทุกครั้งเราจะได้ link เดิมครับ
@@KruApiwat ขอบคุณครับ
ขอบคุณมากครับ ถ้าหากเราจะแก้ไขหรืออัพเดทข้อมูลนักเรียนใน WebApps ทำได้อย่างไรครับ
ต้องไปแก้ไขใน Google sheet ครับ
@@KruApiwat หากเราจะแก้ไขหรืออัพเดทในเว็บ คงใช้คำสั่งที่ยากกว่านี้ใช่ไหมครับ
@@nurasian7355 ดู Link นี้ครับ th-cam.com/video/ICGrqMBc1Js/w-d-xo.html
อยากให้ท่านอาจารย์ช่วยทำคลิปแนะนำโค๊ดนี้ใหม่ครับเพราะมีอาจารย์หลายๆท่านช่วยแก้โค๊ดให้มีประสิทธิภาพมากยิ่งขึ้นครับ
ถึงว่าแปลก ๆ อยู่นานทำไมโค้ดไม่ตรงกับในคลิป ที่ให้โหลดมันมีโค้ดเกินมาเยอะกว่าใรคลิปเยอะเลย คือจะบอกว่าทำไม่สำเร็จคับ รอ รอ อาจารย์
อาจารย์ครับถ้าอยากให้มีหน้า อัปโหลดรูป+ปริ้นใบสมัครด้วยได้ไหมครับ
+1
คลิปเก่าๆของอาจารย์ มีอยู่ครับ ลองหาดู เอามาประยุต์ได้ครับ 😁
@@sommanat13 คลิปไหนครับอาจารย์พอดีผมหาไม่เจอครับ ^^
@@sommanat13 เจอแล้วครับ ขอบคุณมากครับ
คลิปไหนครับ ผมหาไม่เจอ
ถ้าจะทำรับสมัคร ม.4 อีก ก็ทำอีกลิงก์ โดยสร้างคนละโฟลเดอร์ ใช่ไหมครับ
ใช่ครับ ทำแยกคนละระดับ มันถึงไม่วุ่นวายครับ
@@KruApiwat ขอบคุณครับ
ทำตามคลิปทุกขั้นตอน 2 ครั้งแล้ว แต่โปรแกรมไม่บันทึกการสมัครลง Sheet
ใช่ค่ะ ต้องทำไงคะข้อมูลถึงจะบันทึกลง Sheet ทำ 2 รอบแล้วค่ะไม่ได้เลย แนะนำหน่อยค่ะ
อ.ครับมันไม่save ข้อมูลที่การสมัครเรียบร้อยแล้ว มันผิดพลาดตรงไหนครับ
เช็คกับคลิปดีๆครับว่าผิดขั้นตอนไหน
กรอกแล้วมันไม่ขึ้นชื่อ ที่ sheet ค่ะ
สามารถเพิ่มคำนำหน้า นาย และนางสาวได้มั้ยครับ
แล้วก็เวลาก็อบลิงก์ไปสมัครจะโชว์คำว่าวัดไร่ขิงตรงนี้สามารถแก้ไขได้มั้ยครับผมแก้ชื่อโรงเรียนแล้วแต่ก็ยังเป็นโรงเรียนวัดไร่ขิงอยู่ครับ
ในคลิปสอนผมก็แก้ให้ดูแล้วนะครับ
ยังใช้ได้อยู่ไหมครับ
ถูกลบแล้วอ้ะครับ
อ. ลืมเบลอเลขบัตรใน sheet
มันขึ้นภาษาต่างดาวครับ อาจารย์
@taya laokokpho ขอบคุณครับ
อาจารย์ลบไฟล์แล้วหรอครับ
เราสามารถสร้างใหม่ได้เองไหมคะอาจารย์
ขอบคุณครับอาจารย์
ขอสอบถามนิดนึงนะคะ พอดีทำตามจนถึงขั้นตอนการอัพโหลดขึ้นโฮส DriveToWeb ค่ะ
แต่ว่าไม่มีลิงก์ของไฟลืที่เราแชร์ขึ้นเลยอ่ะค่ะอาจารย์ ต้องทำยังไงต่อค่ะ
+1