คู่มือ

คู่มือ
บทเรียนออนไลน์
ผ่านเว็บด้วย Google site



คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

คู่มือ

บทเรียนออนไลน์
ผ่านเว็บด้วย Google site

เรื่อง ใช้เทคโนโลยีสารสนเทศอย่างปลอดภัย
ชั้นมัธยมศึกษาปีที่ 2

โดย
นางสาวมณีวัลย์ แซ่เฮ้อ
สาขาวิชาคอมพิวเตอร์
คณะครุศาสตร์ มหาวิทยาลัยราชภัฎลำปาง

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

สารบัญ

1 บทนํา

LETTER NUMBER : 123/456/789/00 2C H I C A G O , 2 4 J A N U A R Y 2 0 2 2

คำเตือน

3 อุปกรณ์ที่จําเป็น

4การเริ่มต้นโปรแกรม
5 การทดลองใช้

6การทํางานของโปรแกรม

7 ข้อมูลสรุปเนื้อหาบทเรียน

8แบบฟอร์มเอกสารใบงาน

9 ข้อมูลทางเทคนิค

10ข้อเสนอแนะ

สําหรับศึกษาเพิ่มเติม

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

1. บทนำ

LETTER NUMBER : 123/456/789/00

คู่มือการใช้งานบทเรียนออนไลน์ ผ่านเว็บด้วย Google site
เรื่องใช้เทคโนโลยีสารสนเทศอย่างปลอดภัย ชั้นมัธยมศึกษา
ปีที่ 2 จัดทำขึ้นเพื่อให้ผู้เรียนใช้เป็แนวทาง วางแผนในการ
เรียนรู้ ผู้เรียนสามารถเรียนผ่านอุปกรณ์คอมพิวเตอร์
Notebook Tablet Smartphone ที่เชื่อมต่อระบบ Internet
และผู้เรียนมีคะแนนแบบทดสอบหลังเรียนไม่ต่ำกว่า 80%
ถือว่าผ่านเกณฑ์เพื่อรับประกาศวุฒิบัตรในอีเมลได้

1

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

2. คำเตือนL E T T E R N U M B E R : 1 2 3 / 4 5 6 / 7 8 9 / 0 0

บทเรียนออนไลน์นี้ต้องเชื่อมต่ออินเทอร์เน็ต
ตลอดเวลา

3. อุปกรณ์ที่จําเป็น

เครื่องคอมพิวเตอร์ หรือ
Notebook,Tablet, Smartphone

2

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

4. การเริ่มต้นโปรแกรม

LETTER NUMBER : 123/456/789/00

1.กดสวิตซ์สำหรับเปิด - ปิดเครื่องคอมพิวเตอร์ กดปุ่ม Power
2. กดสวิตซ์จอภาพ
3.เชื่อมต่อ Internet ด้วยสายแรม หรือWiFi
4.เข้าโปรแกรม Google Chrome
5.พิมพ์เข้าเว็บไซต์ https://bit.ly/login2372
6.พิมพ์ชื่อ-สกุล /สถานะหรืออาชีพ เพื่อLoing เข้าสู่บทเรียน

ออนไลน์ Loing

3

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

5. การทดลองใช้

LETTER NUMBER : 123/456/789/00 สามารถลงชื่อ เข้าใช้ได้หรือไม่

1. เช็คหน้า Loing

2. เช็ดเมนู คำแนะนำการใช้งาน เมื่อกดแล้วสามารถลิงก์ไปหน้า




คำแนะนำการใช้งานได้หรือไม่

3. เช็คปุ่ม ของแต่ละบทว่าสามารถ

ลิงก์ไปหน้าแบบทดสอบก่อนเรียนได้หรือไม่

4. เช็คปุ่ม ของแต่ละบทว่าสามารถลิงก์ไป

แท็บใหม่ของแต่ละภารกิจได้หรือไม่

5. คลิกเมนู การส่งงานของนักเรียน จากนั้นคลิก

เพื่อเช็คว่าสามารถกรอกรายละเอียดและกดปุ่มส่งงานได้หรือ

ไม่

6. เช็คปุ่ม เมื่อกดแล้วสามารถลิงก์ไปหน้า

แบบทดสอบหลังเรียนได้หรือไม่

**ในการทำแบบทดสอบหลังเรียน ตรวจสอบ
ชื่อ-สกุล และE-mail ให้ถูกต้อง เพราะจะใช้ ชื่อ-สกุล
ตรงนี้ในการทำวุฒิบัตรและส่งไปยัง E-mail ที่ท่าน
กรอก**

4

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

6. การทํางานของโปรแกรม

คลิกเพื่อทำแบบทดสแบก่อนเรียน

บทที่ 1

แนวทางการปฏิบัติเมื่อ
พบ เนื้อหาที่ไม่เหมาะสม

บทที่ 2

ผลกระทบการเผยแพร่
ข้อมูลที่ไม่เหมาะสม

บทที่ 3

การสร้างและแสดงสิ ทธิ์
ความเป็นเจ้าของผลงาน




บทที่ 4

มารยาทในการติดต่อ
สื่ อสาร

5

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

6. การทํางานของโปรแกรม

1. การ Loing ลงชื่อเข้าสู่ระบบ
พิมพ์คำค้นหาใน Google https://bit.ly/login2372

https://bit.ly/login2372

2. เข้าสู่หน้า Loing พิมพ์ชื่อ-สกุล และสถานะ/อาชีพ
จากนั้นกดปุ่ม Loing

6

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

3. เข้าสู่หน้าแรกของบทเรียนออนไลน์

3.1 คลิกเมนู คำแนะนำการใช้งาน จะปรากฏหน้าคำแนะ นำ



การใช้งาน จากนั้นอ่านและทำความเข้าใจเกี่ยกับ บทเรียน

ออนไลน์

57

3.2 คลิกปุ่ม คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

เข้าสู่หน้าเนื้อหาบทเรียน

4. คลิกเมนู จะปรากฏหน้าบทที่ 1 เรื่อง

แนวทางการปฏิบัติเมื่อพบเนื้อหาที่ไม่เหมาะสม

85

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

4.1 คลิกปุ่ม เข้าสู่หน้าแบบ

ทดสอบก่อนเรียน จากนั้นทำแบบทดสอบก่อนเรียน 10 ข้อ

(ทำได้คะแนน 8 ข้อขึ้นไป ถือว่าผ่าน 80 % หากพึงพอใจใน

คะแนนสามารถเลือกเรียนบทที่2 ถัดไปได้)

4.2 คลิกเมนูเนื้อหาบทเรียด้านบนแถบเมนู
คลิกบทที่ 1 เพื่อกลับหน้าเนื้อหาบทเรียนที่ 1

59

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

4.3 เมื่อศึกษาเนื้อหาเสร็จทั้งหมดแล้วคลิกปุ่ม
จะปรากฏหน้าต่างภารกิจที่ 1 อ่านคำชี้แจง และเกณฑ์
การให้คะแนน

4.4 คลิกปุ่ม จะปรากฏหน้าโปรแกรม

coggle.it เมื่อเข้าโปรแกรมแล้วให้กด เพื่อ

สร้างมายแมพแผ่นใหม่ จากนั้นสรุปแนวทางการปฏิบัติเมื่อ

พบเนื้อหาที่ไม่เหมาะสม ตกแต่งให้สวยงาม เมื่อทำเรียบร้อย

บันทึกไฟล์ PDF กลับสู่หน้าภารกิจที่ 1

150

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

4.5 คลิกปุ่ม จะปรากฏหน้าการส่งงานของ

นักเรียนขึ้นมา จากนั้นกด กรอกข้อมูลฟอร์ม ใส่ชื่อ-สกุล /

ชั้น เลือกไฟล์เฉพาะภารกิจที่ 1 กดยืนยันการส่งอีกครั้ง

จากนั้นคลิกส่ง

5. คลิก ด้านบนแถบเมนูเพื่อกลับหน้า

เมนูเนื้อหาบทเรียน จากนั้นกด บทที่ 2

ผลกระทบการเผยแพร่

ข้อมูลที่ไม่เหมาะสม

เพื่อเข้าสู่บทเรียน บทที่ 2 เรื่องผลกระทบการเผยแพร่

ข้อมูลที่ไม่เหมาะสม จะปรากฏหน้าเนื้อหาบทที่ 2

10

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

5.1 คลิกปุ่ม คลิกทำแบบทดสอบก่อนเรียน เข้าสู่หน้าแบบทดสอบ
ก่อนเรียน ทำแบบทดสอบบทที่ 2 จำนวน 10 ข้อ ทำได้
คะแนน 8 ข้อขึ้นไป ถือว่าผ่าน 80 % หากพึงพอใจในคะแนน
สามารถเลือกเรียนบทที่2 ถัดไปได้)

5.2 คลิกเมนูเนื้อหาบทเรียนด้านบนแถบเมนู
คลิกบทที่ 2 จะปรากฏหน้าเนื้อหาบทที่ 2 จากนั้นศึกษาเนื้อหา

11

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

5.3 เมื่อศึกษาเนื้อหาเสร็จทั้งหมดแล้ว ให้คลิก
จะปรากฏหน้าภารกิจที่ 2 อ่านคำชี้แจง และเกณฑ์การให้
คะแนน

5.4 คลิกปุ่ม คลิกเพื่อทำภารกิจ 2 จะปรากฏหน้าGoogle From
ภารกิจที่ 2 ใส่ชื่อ-สกุล ชั้น เลขที่ อ่านสถานการณ์ปัญหา จาก
นั้นตอบคำถาม เมื่อตอบเรียบร้อยให้กดปุ่มส่ง

152

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

6. กลับสู่หน้าเนื้อหาบทเรียน คลิกเลือกเนื้อหาบทเรียนบทที่ 3
จะปรากฏหน้าต่างเนื้อหาบทที่ 3 เรื่องการสร้างและแสดงสิทธิ์
ความเป็นเจ้าของผลงาน

6.1 คลิกปุ่ม คลิกทำแบบทดสอบก่อนเรียน เข้าสู่หน้าแบบทดสอบ
ก่อนเรียน ทำแบบทดสอบบทที่ 3 จำนวน 10 ข้อ ทำได้คะแนน
8 ข้อขึ้นไป ถือว่าผ่าน 80 % หากพึงพอใจในคะแนนสามารถ
เลือกเรียนบทที่2 ถัดไปได้)

153

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

6.2 คลิกเมนูเนื้อหาบทเรียนด้านบนแถบเมนู
คลิกบทที่ 3 จะปรากฏหน้าเนื้อหาบทที่ 3 จากนั้นศึกษาเนื้อหา
บทเรียน

6.3 เมื่อศึกษาเนื้อหาเสร็จทั้งหมดแล้ว ให้คลิกปุ่ม คลิกเพื่อทำภารกิจ
จะปรากฏหน้าภารกิจที่ 3 อ่านคำชี้แจง และเกณฑ์การให้
คะแนน

154

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

6.4 คลิกปุ่ม คลิกเพื่อทำภารกิจ 3 จะปรากฏหน้าโปรแกรม
canva.com จากนั้นออกแบบโลโก้ชื่อตัวเอง 1 ชิ้น เมื่อ
ออกแบบเรียนร้อยให้บันทึกเป็นไฟล์ PNG หรือ JPG

6.5 เมื่อทำภารกิจเรียบร้อย กลับสู่หน้าภารกิจที่ 3 เพื่อส่งงาน
จากนั้นคลิกปุ่ม ส่งงาน จะปรากฏหน้าการส่งงาน
ของนักเรียนขึ้นมา จากนั้นกดกรอกข้อมูลฟอร์ม ใส่ชื่อ-สกุล /
ชั้น เลือกไฟล์เฉพาะภารกิจที่ 3 กดยืนยันการส่งอีกครั้ง จาก
นั้นกดส่ง

155

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

7. กลับสู่หน้าเนื้อหาบทเรียน คลิกเลือกเนื้อหาบทเรียนบทที่ 4
จะปรากฏหน้าต่างเนื้อหาบทที่ 4 เรื่องมารยาทในการติดต่อ
สื่อสาร

7.1 คลิกปุ่ม คลิกทำแบบทดสอบก่อนเรียน เข้าสู่หน้าแบบทดสอบ
ก่อนเรียน ทำแบบทดสอบบทที่ 4 จำนวน 10 ข้อ

156

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

7.2 คลิกเมนูเนื้อหาบทเรียนด้านบนแถบเมนู
คลิกบทที่ 4 จะปรากฏหน้าเนื้อหาบทที่ 4 จากนั้นศึกษาเนื้อหา
บทเรียน

7.3 เมื่อศึกษาเนื้อหาเสร็จทั้งหมดแล้ว ให้คลิกปุ่ม คลิกเพื่อทำภารกิจ
จะปรากฏหน้าภารกิจที่ 4 ให้อ่านคำชี้แจง และเกณฑ์การให้
คะแนน

157

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

7.4 คลิกปุ่ม คลิกเพื่อทำภารกิจ 4 จะปรากฏหน้าโปรแกรม

coggle.it จากนั้น คลิก เพื่อสร้างมายแมพ

แผ่นใหม่ เมื่อทำเสร็จเรียบร้อยให้บันทึกเป็นไฟล์ PDF

7.5 เมื่อทำภารกิจเรียบร้อย กลับสู่หน้าภารกิจที่ 4 เพื่อส่งงาน
จากนั้นคลิกปุ่ม ส่งงาน จะปรากฏหน้าการส่งงาน
ของนักเรียนขึ้นมา จากนั้นกดกรอกข้อมูลฟอร์ม ใส่ชื่อ-สกุล /
ชั้น เลือกไฟล์เฉพาะภารกิจที่ 4 กดยืนยันการส่งอีกครั้ง จาก
นั้นกดส่ง

158

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

8. กลับหน้าภารกิจที่4 คลิกปุ่ม สรุปเนื้อหาบทเรียน หรือสารมถ
คลิกเมนูสรุปเนื้อหบทเรียนได้จาก
แถบเมนูด้านบท ที่ซ่อนอยู่ในเมนูเนื้อหา
บทเรียน

เมื่อคลิกจะเข้าสู่หน้าสรูปเนื้อหาบทเรียน จากนั้น
ทำการศึกษา

159

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

9. คลิกเมนู แบบทดสอบหลังเรียน บนแถบเมนูด้านบน จากนั้นทำแบบ
ทดสอบหลังเรียน 30 ข้อ
**พิมพ์ชื่อ-สกุล และ อีเมลให้ถูกต้อง เพราะถ้าทำข้อสอบผ่าน 24
ข้อขึ้นไปถือว่าผ่านเกณฑ์ ร้อยละ 80 จะได้รับวุฒิบัตรทางอีเมลที่
กรอกก่อนทำแบบทดสอบ**

250

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

10. เมนูฐานความช่วยเหลือ ฐานคงามช่วยเหลือ เป็นเมนูช่วย
เสริมเมื่อนักเรียนทำภารกิจใดภารกิจหนึ่งไม่ได้ สามารถคลิก
เมนูฐานความช่วยเหลือ เพื่อศึกษาเพิ่มเติมได้

251

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

11. เมนูแหล่งเรียนรู้เพิ่มเติม แหล่งเรียนรู้เพิ่มเติม เป็นส่วนเสริม
การเรียนรู้ คลิปวิดีโอเกี่ยวกับเนื้อหาในแต่ละบท

252

คู่มือการใช้งานบทเรียนออนไลน์ผ่านเว็บด้วย Google Site

12. เมนูครูผู้สอนมีรายละเอียดของครูสอน และช่องทางการ

ติดต่อสื่อสาร

สามารถคลิกเมนู จะปรากฏหน้า

Facebook ของครูขึ้นผู้สอนขึ้นมา

สามารถคลิกเมนู จะลิกง์ไปที่

E-mail ทันที

253