1 of 31

2 of 31

http://gg.gg/gegcm-tle2020

3 of 31

นายอดิศักดิ์ มหาวรรณ

GEG Chiang Mai

Google Certified Educator

อาทิตย์ 24 พฤษภาคม 2563 เวลา 13.00 - 13.45

ผู้นำเสนอ : GEG Chiang Mai

เข้าเรียนที่ : https://youtu.be/LXHW5RhFn4o

ตารางอบรม : bit.ly/gegthailand

Google Earth for Education

http://gg.gg/gegcm-24may62

4 of 31

SLIDE Google Earth by GEG Chiang Mai

5 of 31

WEBSITE Google Earth by GEG Chiang Mai

http://gg.gg/gegcm-ge

6 of 31

7 of 31

อาทิตย์ 24 พฤษภาคม 2563 เวลา 15.00 - 15.45

ผู้นำเสนอ : GEG Central Bangkok

เข้าเรียนที่ : https://youtu.be/YrHqnUWXnD8

ตารางอบรม : bit.ly/gegthailand

ครูไก่ อดิศักดิ์ มหาวรรณ

GEG Chiang Mai

Google Certified Educator

ครูเก๋ จารุณี สินชัยโรจน์กุล

GEG Central bangkok

Google Certified Innovator

ครูปุ้ย ทิพย์ภาภรณ์ สะเดา

GEG Central bangkok

Google Certified Educator

8 of 31

EquatIO - Math made digital

9 of 31

MathType

10 of 31

Daum Equation editor

วิธีแก้ปัญหา การโดนบล็อคการใช้งาน Flash

11 of 31

CODECOGS

12 of 31

GeoGebra Classic

13 of 31

Desmos Graphing Calculator

14 of 31

Google Form : ตัวอย่างโจทย์คณิตศาสตร์

จากกราฟที่กำหนดให้ เป็นกราฟของสมการใด

15 of 31

Google Form: ตัวอย่างโจทย์คณิตศาสตร์

จากกราฟที่กำหนดให้ เป็นกราฟของสมการใด

16 of 31

Google ...

17 of 31

18 of 31

นายอดิศักดิ์ มหาวรรณ

GEG Chiang Mai

Google Certified Educator

เสาร์ 23 พฤษภาคม 2563 เวลา 14.00 - 14.45

ผู้นำเสนอ : GEG Chiang Mai

เข้าเรียนที่ : https://youtu.be/38HH_4azxNI

ตารางอบรม : bit.ly/gegthailand

การสร้างบทเรียนออนไลน์ด้วย Google Sites New

http://gg.gg/gegcm-23may62

ครูปุ้ย ทิพย์ภาภรณ์ สะเดา

GEG Central bangkok

Google Certified Educator

ครูอัญ

GEG Hatyai

19 of 31

Progressive Web Apps (PWA)

คือ มาตรฐานการทำเว็บจาก Google ที่นำจุดเด่นของ Website และ Application มารวมกัน ผู้ใช้สามารถเข้าเว็บไซต์และใช้งานประหนึ่งว่าเป็น Application ทั้งหน้าตาและฟีเจอร์ แต่โดยเบื้องหลัง ยังเป็นเทคโนโลยีของเว็บไซต์อยู่ (ใช้ HTML, รันด้วย Web Browser)

20 of 31

Progressive Web Apps (PWA)

ฟีเจอร์หลักโดยทั่วไปของ Progressive Web Apps

  • ใช้งานได้ทุก Browser และทุก Mobile Platform
  • ทำ Cache เก็บไว้ในตัว นักพัฒนาจะเป็นคนกำหนดว่าจะ Cache สิ่งใดไว้บ้าง ทำให้สามารถใช้งานได้ทั้ง Online และ Offline
  • มีการอัปเดตข้อมูลทันทีเมื่อ Online
  • Layout เหมือนกับ Application ผู้ใช้ไม่ต้องเรียนรู้ใหม่
  • สามารถ Push Notification ได้ โดยที่ไม่ต้องเปิดเว็บหรือแอพทิ้งไว้

21 of 31

Responsive Web Design

มีจุดประสงค์เพื่อ “ทำให้ User ใช้งานได้ง่ายที่สุด” โดย Responsive Web Design นั้น มีข้อดีคือจะใช้ source code ตัวเดียว ทำให้ประหยัดเวลาและค่าใช้จ่าย แต่จะสามารถปรับการแสดงผล ให้เหมาะสมกับอุปกรณ์ต่างๆ ได้อย่างไม่น่าเชื่อ

22 of 31

Progressive Web Apps (PWA)

23 of 31

Search

24 of 31

eclassroom ตัวอย่างบทเรียนออนไลน์

บทเรียนออนไลน์ ทฤษฎีบทปีทาโกรัส http://goo.gl/2rrlir

บทเรียนออนไลน์ แผนภูมิรูปวงกลม http://goo.gl/wiphcN

บทเรียนออนไลน์ กราฟ http://gg.gg/math-graph1

25 of 31

1. Create(1)

  1. Google Photos : สร้างอัลบัมภาพ

1.1 อัลบัม ภาพเกี่ยวกับบทเรียนออนไลน์

1.2 อัลบัม ภาพการ์ตูน ภาพการ์ตูนดุ๊กดิ๊ก

ค้นหา ภาพพื้นหลัง ภาพการ์ตูน ภาพการ์ตูนดุ๊กดิ๊ก

1.3 อัลบัม ภาพผู้จัดทำ 3-4 รูป

26 of 31

1. Create(2)

2. Google Drive : สร้างโฟลเดอร์ บทเรียนออนไลน์ …

3. Google Docs : สร้างไฟล์แผนการสอน และ ไฟล์ผู้จัดทำ

27 of 31

1. Create(3)

4. Google Slide : สร้าง สไลด์เกี่ยวกับบทเรียนออนไลน์

5. Google Drawing : สร้างป้าย Banner ขนาด Width 3,000 pixels และ Heigh 1,160 pixels

6. Youtube : สร้าง Youtube Playlist เกี่ยวกับบทเรียนออนไลน์

28 of 31

1. Create(4)

7. Google Sites New : สร้าง โครงสร้างบทเรียนออนไลน์

บทเรียนออนไลน์ เรื่อง….

1. แผนการจัดการเรียนรู้

2. สาระการเรียนรู้

2.1 หัวข้อย่อย เรื่อง 1

2.2 หัวข้อย่อย เรื่อง 2

2.3 หัวข้อย่อย เรื่อง 3

3. แบบฝึกหัด

3.1 แบบฝึกหัด หัวข้อย่อย เรื่อง 1

3.2 แบบฝึกหัด หัวข้อย่อย เรื่อง 2

3.3 แบบฝึกหัด หัวข้อย่อย เรื่อง 3

4. แบบทดสอบ

4.1 แบบทดสอบก่อนเรียน

4.2 แบบทดสอบหลังเรียน

5. แหล่งเรียนรู้

5.1 ลิงก์ เกี่ยวกับบทเรียนออนไลน์

5.2 วีดีโอ

5.3 Learning Object

6. ผู้จัดทำ

6.1 ถามและตอบ

6.2 สมุดเยี่ยมชม

6.3 โฟลเดอร์

29 of 31

2. Insert(1)

1. แทรกปุ่ม : โดยปุ่มลิงก์ไปที่ Google Classroom

https://classroom.google.com

2. แทรกรูปภาพ : จาก url และ จาก Google Photos

3. แทรก Google Docs :

หน้าแผนการสอนบทเรียนออนไลน์ และ หน้าผู้จัดทำ

4. Google Slide : สไลด์ บทเรียนออนไลน์ แทรกหน้าแรก

30 of 31

2. Insert(2)

5. Google Drive : แทรก โฟลเดอร์บทเรียนออนไลน์ ในหน้า โฟลเดอร์

6. Google Form : แบบฝึกหัด และ แบบทดสอบก่อนเรียนและหลังเรียน(ทำทีหลัง)

7. Youtube : แทรก Youtube Playlist

8. Footer : แทรกชื่อ นามสกุล ผู้จัดทำ โรงเรียน อีเมล

31 of 31