# data[].attributes.headline
1. เข้า Google Drive และสร้างโฟลเดอร์

# data[].attributes.subject
1. เข้า Google Drive และสร้างโฟลเดอร์

# data[].attributes.body
เมื่อล็อกอินเข้า Google Drive เรียบร้อยแล้วให้สร้างโฟลเดอร์ใหม่โดยการคลิกที่ปุ่ม 'ใหม่' และเลือก 'โฟลเดอร์' จากนั้นตั้งชื่อโฟลเดอร์ว่า 'WebApp-GradeOnline'

# data[].attributes.headline
2. อัปโหลดโลโก้โรงเรียน

# data[].attributes.subject
2. อัปโหลดโลโก้โรงเรียน

# data[].attributes.body
เข้าโฟลเดอร์ 'WebApp-GradeOnline' คลิกปุ่ม 'ใหม่' และเลือก 'อัป โหลดไฟล์' หลังจากนั้นก็อัปโหลดโลโก้โรงเรียนที่เซฟไว้ในคอม

# data[].attributes.body
(ยังคงอยู่ในโฟลเดอร์ 'WebApp-GradeOnline') กดที่ปุ่ม 'ใหม่' และเลือก 'Google ชีต' และตั้งชื่อชีตว่า 'ใบรายงานผลการเรียน'

# data[].attributes.headline
4. สร้างโครงสร้างและตาราง

# data[].attributes.subject
4. สร้างโครงสร้างและตาราง

# data[].attributes.body
สร้างและพิมพ์ให้เหมือนกับตัวอย่างที่อยู่ในคลาสรูม

# data[].attributes.headline
5. ตกแต่งให้สวยงาม

# data[].attributes.subject
5. ตกแต่งให้สวยงาม

# data[].attributes.body
เมื่อสร้างและตกแต่งเสร็จ รูปแบบจะอยู่คล้ายๆกับภาพด้านบน

# data[].attributes.body
กลับไปที่โฟลเดอร์ 'WebApp-GradeOnline' กดที่ปุ่ม 'ใหม่' และเลือก 'Google ชีต' และตั้งชื่อชีตว่า 'แจ้งผลการเรียน'

# data[].attributes.headline
7. สร้างโครงสร้างและตาราง

# data[].attributes.subject
7. สร้างโครงสร้างและตาราง

# data[].attributes.body
สร้างและพิมพ์ให้เหมือนกับภาพด้านบน โดยเปลี่ยนรหัส, ชื่อ-สกุล ให้ตรงกับข้อมูลส่วนตัวของตน (ข้อมูลในส่วนของลิงค์เว้นไว้ก่อน)

# data[].attributes.headline
8. แก้ไข้รูปแบบของคอลัมน์ A 

# data[].attributes.subject
8. แก้ไข้รูปแบบของคอลัมน์ A 

# data[].attributes.body
คลิกที่คอลัมน์ A แล้วไปที่เมนู 'รูปแบบ' จากนั้นไปที่คำสั่ง 'ตัวเลข' และเลือก 'ข้อความธรรมดา'

# data[].attributes.headline
9. ตกแต่งให้สวยงาม

# data[].attributes.subject
9. ตกแต่งให้สวยงาม

# data[].attributes.body
เมื่อสร้างและตกแต่งเสร็จ รูปแบบจะอยู่คล้ายๆกับภาพด้านบน (ข้อมูลในส่วนของลิงค์เว้นไว้ก่อน)

# data[].attributes.headline
10. ใส่ลิงค์ของใบรายงานผลการเรียน

# data[].attributes.subject
10. ใส่ลิงค์ของใบรายงานผลการเรียน

# data[].attributes.body
กลับไปที่ Google Drive จากนั้นเข้าโฟลเดอร์ 'WebApp-GradeOnline' และคลิกขวาที่ไฟล์ 'ใบรายงานผลการเรียน' แล้วคลิกคำสั่ง 'รับลิงค์' จากนั้นกด 'คัดลอกลิงค์' เพื่อเอาไปใส่ไฟล์ 'แจ้งผลการเรียน' ในคอลัมน์ 'ลิงค์'

# data[].attributes.body
ไปที่โฟลเดอร์ 'แจ้งผลการเรียน' แล้วไปที่เมนู 'เครื่องมือ' และเลือก 'โปรแกรมแก้ไขสคริปต์' หน้าตาจะเหมือนภาพที่ 2 หลังจากนั้นไปเปลี่ยนชื่อโครงการซึ่งอยู่มุมบนซ้ายไปเป็น 'แจ้งผลการเรียน' แล้วคลิก 'เปลี่ยนชื่อ'

# data[].attributes.headline
12. คัดลอกโค้ด

# data[].attributes.subject
12. คัดลอกโค้ด

# data[].attributes.body
ไปที่คลาสรูมในหัวข้อ 'หน่วยที่ 3 ผลงานออกแบบและเทคโนโลยี' เลือก 'ใบงาน 3.1 เว็บแอพพลิเคชั่น' และคลิกที่ไฟล์ 'ระบบแจ้งผลการเรียน.txt' เมื่อเปิดไฟล์เสร็จให้คลุมโค้ดตั้งแต่ 'function doGet(e) {' ถึง '}' ที่อยู่ก่อน '//////html/////////'

# data[].attributes.body
เมื่อคัดลอกโค้ดมาเสร็จให้ไปที่ 'Apps Script' ของ 'แจ้งผลการเรียน' สังเกตว่ามีโค้ดวางไว้อยู่ ให้ลบโค้ดออกให้หมดก่อนถึงจะวางโค้ดที่เราก็อปมาเมื่อสักครู่ได้ (โค้ดจะจบที่บรรทัด 27) หลังจากนั้นให้กดปุ่มเซฟ

# data[].attributes.body
(ยังคอยู่ใน 'Apps Script' ของ 'แจ้งผลการเรียน') สร้างไฟล์ใหม่โดยคลิกที่ 'ไฟล์' เลือก 'HTML' แล้วตั้งชื่อไฟล์ว่า 'index' จากนั้นลบโค้ดที่อยู่ในไฟล์ 'index.html' ออกให้หมด

# data[].attributes.headline
15. คัดลอกโค้ด

# data[].attributes.subject
15. คัดลอกโค้ด

# data[].attributes.body
ไปที่คลาสรูมในหัวข้อ 'หน่วยที่ 3 ผลงานออกแบบและเทคโนโลยี' เลือก 'ใบงาน 3.1 เว็บแอพพลิเคชั่น' และคลิกที่ไฟล์ 'ระบบแจ้งผลการเรียน.txt' เมื่อเปิดไฟล์เสร็จให้คลุมโค้ดตั้งแต่  '<!DOCTYPE html>' ถึง '</html>' (บรรทัดสุดท้าย)

# data[].attributes.body
เมื่อคัดลอกโค้ดมาเสร็จให้ไปที่ 'Apps Script' ของ 'แจ้งผลการเรียน' จากนั้นวางโค้ดที่เราก็อปมาเมื่อสักครู่ (โค้ดจะจบที่บรรทัด 89) แล้วกดปุ่มเซฟ

# data[].attributes.body
ไปบรรทัดที่ 40 แล้วแก้ไขชื่อเป็นชื่อของตัวเอง จากนั้นให้กดปุ่มเซฟ

# data[].attributes.body
กลับไปที่ไฟล์ 'รหัส.gs' แล้วไปบรรทัดที่ 17 เพื่อเช็กดูว่าชื่อ 'แผ่น1' ตรงกับชื่อแผ่นงานของ 'แจ้งผลการเรียน' หรือไม่ หากไม่ตรงให้เปลี่ยนชื่อของ 'แผ่น1' ใน 'Apps Script' ให้ตรงกับชื่อแผ่นงานของ 'แจ้งผลการเรียน' แล้วกดปุ่มเซฟ

# data[].attributes.headline
19. ตั้งค่าในส่วนต่างๆ

# data[].attributes.subject
19. ตั้งค่าในส่วนต่างๆ

# data[].attributes.body
คลิกที่คำสั่ง 'การทำให้ใช้งานได้' เลือก 'การทำให้ใช้งานได้รายการใหม่' แล้วกดที่ 'เลือกระเภท' เลือก 'เว็บแอป' จากนั้นเช็กในส่วน 'ดำเนินการในฐานะ' ว่าเป็นอีเมลของตัวเองหรือไม่ ถัดมาก็เช็กในส่วน 'ผู้มีสิทธิเข้าถึง' เปลี่ยนจาก 'ฉันเท่านั้น' เป็น 'ทุกคน' แล้วกดที่คำสั่ง 'การทำให้ใช้งานได้'

# data[].attributes.headline
20. ทดสอบการใช้งาน

# data[].attributes.subject
20. ทดสอบการใช้งาน

# data[].attributes.body
เมื่อกดคำสั่ง 'การทำให้ใช้งานได้' เสร็จให้กดที่ปุ่ม 'เสร็จสิ้น' ที่ขึ้นมาแทน
หลังจากนั้นให้กดที่คำสั่ง 'การทำให้ใช้งานได้' เลือก 'การนำการทดสอบไปใช้งาน' และคลิกที่ลิงค์ด้านล่าง 'เว็บแอป'