การทำบันทึก Q&A ในรูปแบบกระดาษให้อยู่ในหน้าเว็บ จากงานที่เราทำอยู่เป็นงานถามตอบการใช้งานระบบ ซึ่งบางระบบจะผู้ใช้งานจะเป็นคนใหม่เสมอ ๆ เช่น ระบบรับสมัครนักศึกษา (Admission) ระบบข้อมูลพื้นฐานนักศึกษา เป็นต้น โดยได้รวบรวมคำถามที่พบบ่อย และจัดทำในรูปแบบเอกสาร word ธรรมดา ในวันนี้เราจะมาทำให้อยู่ในรูปแบบหน้า web เพื่อให้ง่ายต่อการอ่านของผู้ใช้กันค่ะ มาดูขั้นตอนกันเลย ลองนำไปเล่นกันดูนะ ^_^
ต้องการนำข้อมูลใน google sheet ไปแสดงบนหน้าเว็บ ด้วย Tabulator ตัวอย่างข้อมูลดังนี้ค่ะ จากนั้นให้เราไปสร้าง Apps Script กันค่ะ สร้าง function และสร้าง page index จากนั้นค้นใน google ว่า tabulator > คลิก Documentation > คลิก Quick Start > ที่ Install Sources > CDN จากนั้นให้ Copy ไปวางที่บรรทัดที่ 4 หน้า index.html ดังรูป จากนั้นให้ Copy จะได้ code หน้า index.html ดังนี้ จากนั้นคลิกปุ่ม Deploy > New deployment ที่ setting > Web app ที่ Who has access เลือก Anyone > กดปุ่ม Deploy > Done จากนั้นคลิกปุ่ม Test deployment > คลิกที่ URL จะได้ผลลัพธ์ดังนี้ เป็นผลลัพธ์ตาม code ตัวอย่างที่เรา copy มาจากเว็บ Tabulator ค่ะ คราวนี้มาทำให้ดึงข้อมูลจาก google sheet กันดีกว่าค่ะ ไปที่ Code.gs กันเล้ย ตามนี้จ้า จากนั้นไปที่ index.html จะดึงค่าจาก google sheet หล่ะ จากนั้นลอง Refresh หน้าจอดู ลองนำไปเล่นกันดูนะคะ ^_^
สมมติเรามีแบบสอบถามที่เก็บรูปภาพของผู้กรอกด้วย และเราต้องการให้มัน Gen ข้อมูลที่กรอกเป็น pdf เก็บไว้ แนว ๆ ทำเป็นใบสมัครออกมา มาดูขั้นตอนวิธีทำกันเลย บอกเลยว่าไม่ยาก!!! เริ่มกันเลย 1. ไปที่ Google Drive ของเรา สร้าง Folder จัดเก็บงาน ในที่นี่ชื่อ PDF Test 2.สร้าง Form ขึ้นมา 1 form เก็บข้อมูล ดังรูป ชื่อ สกุล อีเมล เบอร์โทร รูป (ทำเป็นอัปโหลดไฟล์) 3.คลิกแสดงตัวอย่างที่ลูกตา แล้วลองใส่ข้อมูลทดสอบ 4.ดูตัวอย่างข้อมูลที่แท็บการตอบกลับ 5.คลิกปุ่ม สร้างสเปรตชีต จะเห็นข้อมูลตัวอย่างที่เราได้กรอกแบบฟอร์มเข้าไป จากนั้นนำข้อมูลนี้ไปทำ pdf ได้อย่างไร 1.ให้ไปที่เมนูเครื่องมือ > โปรแกรมแก้ไขสคริปต์ > ทรัพยากร > ไลบรารี ที่ Add a library ให้ใส่ 1iePjnglUzelAuJJb-QykRcUUWYBSKiNGUWVljnNe03G9zWzSUGIRWLXa แล้วกดปุ่มเพิ่ม 2.เราจะเห็น PdfService ให้ระบุเป็น Version ล่าสุด จากนั้นกดปุ่ม บันทึก ในที่นี้จะขอใช้ google slide เป็น Templete ในการออก PDF 1.กลับไปที่ Google drive ที่ folder ที่เราได้สร้างไว้คือ PDF Test ให้คลิกขวา > Google สไลด์ 2. ตั้งค่าหน้า slide เป็นแนวตั้ง A4 ไปที่ ไฟล์ > ตั้งค่าหน้ากระดาษ > กำหนดเอง 21 * 29.7 cm 3.เราต้องการออก PDF ที่เก็บรูปภาพด้วย เพราะมีการตอบรูปภาพเข้ามา ไปที่แทรก > รูปภาพ > อัปโหลดจากคอมพิวเตอร์ จะได้เป็นรูปที่เป็นแม่แบบ เราก็จัดวางตามที่เราต้องการว่าจะให้วางไว้ตรงส่วนไหน ขนาดกว้าง ยาวเท่าไหร่แล้วแต่เรากำหนด 4.จากนั้นคลิกที่กล่องข้อความ สร้างตามรูป โดยในปีกกา {} ต้องเป็นชื่อเดียวกับฟิลด์ใน google sheet 5.จากนั้นคลิกที่รูป ขวา > ข้อความแสดงแทน > ที่ชื่อเรื่องใส่ชื่อฟิลด์ที่ตรงกับช่องที่มีรูปภาพตามใน google sheet จากตัวอย่างในที่นี้จะเป็นคำว่า “รูปภาพ” จากนั้นคลิกปุ่มตกลง 7. ไปที่ Google drive สร้าง folder ใหม่อีกอัน ซึ่งจะให้ไฟล์ PDF ถูกจัดเก็บเข้ามาในนี้ และ folder ที่อัปโหลดรูปในแบบสอบถาม PDF Test (File responses) จะต้องแชร์ folder นี้ด้วย (คลิกขวา แชร์ ทุกคนที่มีลิงค์) ไม่อย่างนั้น script จะ error ไปที่ Google drive สร้าง folder ใหม่อีกอัน ซึ่งจะให้ไฟล์ PDF จะถูกเก็บเข้ามาในนี้ และ folder ที่อัปโหลดรูปในแบบสอบถามจะให้มาอยู่ใน folder PDF Test ที่เราได้สร้างไว้ตั้งแต่ตอนแรกสุด จะต้องแชร์ด้วย folder นี้ (คลิกขวา แชร์ ทุกคนที่มีลิงค์) ไม่อย่างไร script จะ error จากนั้นเรามาเขียน code กันเล็กน้อย จากรูป 1.เป็น ID ของ google form ให้คัดลอกมาหลัง /d จนก่อนถึง /edit 2.เป็น ID ของ
ต้องยอมรับว่า ปัจจุบันพฤติกรรมผู้ใช้ “ทั่วไป” จะเปิด LINE อ่านบ่อย และเร็วกว่าการเปิดอ่าน Email ต่อไปนี้ เป็นวิธีการ ตั้งค่าที่ Google Forms ว่า เมื่อมีคน Submit แบบฟอร์มมา ให้มา Alert ที่ LINE ของเรา หรือ ส่งเข้า LINE Group ก็ได้ โดยอาศัยความสามารถของ Google App Scripts ที่เรียก REST API ของ LINE สร้าง หรือ แก้ไข Google Forms ที่ต้องการ จากนั้น ไปที่ “More” หรือ ปุ่มสามจุดแนวตั้งด้านขวามือบน แล้ว คลิกที่ Script Editor จากนั้น ใส่ Google App Script ตามนี้ ในที่นี้ ตั้งชื่อ Function คือ sendLineNotification **** อย่าลืมเปลี่ยน YOUR-TOKEN-GO-HERE ที่จะได้จากขั้นตอนต่อไป **** ตั้งชื่อ Project, Save แล้ว Run ** อย่าลืม ตั้งชื่อ Project แล้ว Save ด้วย จากนั้น กดปุ่ม Run เพื่อให้เกิดการขอ Authorization ตาม OAuth Scope ซึ่งจะเจอ Error นี้ ก็ไม่เป็นไร (เพราะไม่มี ข้อมูลส่งมาจริง ๆ นั่นเอง) ให้กด Dismiss ไป ไปตั้ง Trigger ไปที่ เมนู Edit > Current project’s triggers ตั้งค่า Trigger ให้ทำงานทันทีที่มีการ Submit แบบฟอร์ม Trigger คือการตั้งค่าให้ Script นี้ทำงานอัตโนมัติ เมื่อมีการ Submit แบบฟอร์ม คลิก Add Trigger แล้วเลือก Function “sendLineNotification” เลือก “on form submit” และ “Notify me immediately” เพื่อให้เมื่อมีการ Submit แบบฟอร์ม ก็จะแจ้งทาง LINE ทันที จากนั้น กดปุ่ม Save ผลที่ได้คืออย่างนี้ ขั้นตอนการขอ LINE Token ไปที่เว็บไซต์ https://notify-bot.line.me/my/ แล้ว Login ด้วย LINE Account ของท่าน จากนั้น คลิกปุ่ม Generate token ตั้งชื่อ และ เลือกว่าจะ Notify ไปที่ใด เราสามารถเลือกได้ว่า ให้ Notify ไปที่เราคนเดียว ให้ Notify ไปยัง Group Chat *** เราต้องเพิ่ม Line Notify เป็นเพื่อนก่อน และ Invite เข้าไปใน Group Chat นั้น ๆ ด้วย จากนั้น คลิกปุ่ม Generate Token ก็จะได้ Token ให้คลิกปุ่ม Copy แล้วคลิก Close จากนั้น นำไปแทนที่ YOUR-TOKEN-GO-HERE ใน Google
ปิด Google Sheets : GASWS1 เมนู Tools > Script Editor… เมนู File > New > Script File ตั้งชื่อ: myscript6 สร้าง function remainDailQuota() ตามนี้ function remainDailQuota() { // https://developers.google.com/apps-script/guides/services/quotas var emailQuotaRemaining = MailApp.getRemainingDailyQuota(); var emailaddress=Session.getActiveUser().getEmail(); var subject=”Email Quota Remaining”; MailApp.sendEmail( emailaddress, subject , “คุณเหลือ Quota การส่งอีเมลอีก ” + emailQuotaRemaining + ” ฉบับ ในรอบ 24 ชั่วโมง” ); } เมนู File > Save หรือ กดปุ่ม Ctrl+s เมนู Run > remainDailQuota