การอบรมเชิงปฏิบัติการการสร้าง E-PORTFOLIO ด้วย GOOGLE SITE

รายงานผลการอบรม

เร่ือง

การอบรมเชิงปฏิบัติการ ONLINE ผานระบบ ZOOM รุนท่ี ๑
INSTRUCTIONAL DESIGN : DIGITAL MEDIA, NEW TOOLS AND TECHNOLOGY

หัวขอ การสราง E-PORTFOLIO ดวย GOOGLE SITE

Inside the Exam
Week Issue

Hackademics - 2
Need a Tutor? - 3

จาํ นวนชว่ั โมงการพัฒนา | ๕ ชวั่ โมง

นางสาวจารุรัตน แกวรอด โรงเรียนรัตนาธิเบศร
ตาํ แหนง ครู คศ.๑ อําเภอเมืองนนทบุรี จังหวัดนนทบุรี
สาํ นักงานเขตพ้ืนที่การศึกษามัธยมศึกษานนทบุรี
กลุมสาระการเรียนรู สํานักงานคณะกรรมการการศึกษาขั้นพื้นฐาน
วิทยาศาสตรและเทคโนโลยี

หนวยงานท่จี ัด : ศนู ยพัฒนาศกั ยภาพบคุ คลเพือ่ ความเปนเลศิ (HCEC) โรงเรียนปากเกรด็

รายงานผลการอบรม

เ รื่ อ ง

การอบรมเชิงปฏิบัติการ ONLINE ผานระบบ ZOOM รุนท่ี ๑

INSTRUCTIONAL DESIGN : DIGITAL MEDIA, NEW TOOLS AND TECHNOLOGY

หัวขอ การสราง E-PORTFOLIO ดวย GOOGLE SITE

โ ด ย น า ง ส า ว จ า รุ รั ต น์ แ ก้ ว ร อ ด

ตาํ แ ห น่ ง ค รู ค ศ . 1 ก ลุ่ ม ส า ร ะ ก า ร เ รี ย น รู้ วิ ท ย า ศ า ส ต ร์ แ ล ะ เ ท ค โ น โ ล ยี

รายละเอียดการอบรม หัวข้อการอบรม

ศูนย์พัฒนาศักยภาพบคุ คลเพือความเปนเลิศ (HCEC) โรงเรียนปากเกรด็ กลุม่ ที 1
จัดกิจกรรมการอบรมเชิงปฏิบัตกิ าร ONLINE ผา่ นระบบ ZOOM รุน่ ที 1 การสร้าง E-PORTFOLIO ด้วย
Instructional Design : Digital Media, New Tools and Technology GOOGLE SITE
ในวนั เสารท์ ี 21 สิงหาคม 2564 เวลา 08.00 – 12.00 น. ในการนี ขา้ พเจา้
นางสาวจารุรัตน์ แก้วรอด ตําแหนง่ ครู คศ.1 สงั กัดกลมุ่ สาระการเรยี นรู้ กล่มุ ที 2
วทิ ยาศาสตร์และเทคโนโลยี ไดเ้ ขา้ รว่ มการอบรมดงั กล่าว ในหวั ขอ้ กลุม่ ที 1 การสร้างใบความร้/ู วดิ โี ออย่าง
การสร้าง E-PORTFOLIO ดว้ ย GOOGLE SITE เพือนาํ ความร้ทู ไี ด้ มาปรบั ใช้ รวดเร็วด้วย CANVA
กบั การปฏิบัติงานการสอนในโรงเรยี น

กลุ่มที 3
แบบทดสอบด้วย SOCRATIVE

กลุม่ ที 4
แบบทดสอบด้วย
LIVEWORKSHEET

กล่มุ ที 5
การสรา้ งวิดีโอปฏิสัมพันธ์ด้วย
EDPUZZLE

กลมุ่ ที 6
การสรา้ ง DIGITALDOCUMENT
ดว้ ยTHINGLINK

ประโยชน์ทีได้รับและ 2. รว่ มแลกเปลยี นเรยี นร้สู ิงทไี ด้รบั จาก
การนําผลมาประยุกต์ใช้ การอบรมกบั ครูผ้สู อนในกลุ่มสาระการเรยี นรู้
เดยี วกันหรอื ผรู้ ว่ มวชิ าชีพในกลุ่มสาระการ

ในโรงเรียน เรียนรู้อนื ๆ ทีสนใจ เนืองจากเปนความรทู้ มี ี
ประโยชน์ ซงึ จะชว่ ยให้การจดั เก็บจ้อมลู ด้าน

1. ความรู้ทไี ด้จากการอบรม นาํ มา การศึกษามคี วามเปนระบบระเบียบมากยิงขึน
ออกแบบแหล่งรวบรวมข้อมูลตา่ ง ๆ สามารถสร้างนวตั กรรมทางการศกึ ษา เพือ
เกียวกบั กจิ กรรมการจัดการเรียนการสอ ใหส้ อดคล้องตามหลักเกณฑ์ ว.PA และ
นออน หรือการเก็บรวบรวมผลงาน รองรับการประเมินตา่ งๆ ของสถานศกึ ษาได้

สาํ หรับการประเมินต่าง ๆ โดยใช้ 3. จดั ตงั กลุ่มเกียวกับการสรา้ ง
เทคโนโลยีเข้ามามีส่วนชว่ ยในการจดั เก็บ Google Site เพือเปนช่องทางในการแลก
ข้อมลู เผยแพร่ขอ้ มูลทางดา้ นการศกึ ษา เปลยี นขอ้ มูล หรือจดั อบรมเชิงปฏบิ ตั กิ ารให้

กบั คณะครูในโรงเรยี น

บนั ทึกข้อความ

ส่วนราชการ โรงเรยี นรัตนาธเิ บศร์

ท่ี - วนั ท่ี ๒ กนั ยายน ๒๕๖๔

เรอื่ ง รายงานผลการอบรมเชิงปฏบิ ัติการการสรา้ ง E-PORTFOLIO ดว้ ย GOOGLE SITE

ผ่านระบบ ZOOM รุ่นท่ี ๑ Instructional Design : Digital Media, New Tools and Technology

เรียน ผูอ้ านวยการโรงเรยี นรตั นาธเิ บศร์

ศูนย์พัฒนาศักยภาพบุคคลเพ่ือความเป็นเลิศ (HCEC) โรงเรียนปากเกร็ดจัดกิจกรรมการอบรม
เชิงปฏิบัติการ ONLINE ผ่านระบบ ZOOM รุ่นท่ี ๑ Instructional Design : Digital Media, New Tools
and Technology ในวันเสาร์ที่ ๒๑ สิงหาคม 2564 เวลา 0๘.๐0 – 1๒.๐0 น. ในการนี้ข้าพเจ้า
นางสาวจารุรัตน์ แก้วรอด ตาแหน่ง ครู คศ.๑ สังกัดกลุ่มสาระการเรียนรู้วิทยาศาสตร์และเทคโนโลยี
ไดเ้ ข้าร่วมการอบรมดังกลา่ ว เพอื่ นาความรู้ที่ไดม้ าปรับใช้กบั การปฏบิ ตั งิ านการสอนในโรงเรียน

บัดนี้ การอบรมดังกล่าวได้ดาเนินการแล้วเสร็จเรียบร้อยแล้ว ข้าพเจ้าขอรายงานผลการอบรมให้
ฝ่ายบรหิ ารรับทราบ ดงั รายละเอยี ดทแี่ นบมาพรอ้ มกันนี้

จึงเรียนมาเพอ่ื โปรดทราบ

ลงช่อื .....................................................ผู้รายงาน
(นางสาวจารุรตั น์ แกว้ รอด)
ตาแหน่ง ครู คศ.๑

เรียน ผ้อู ำนวยกำรโรงเรียนรัตนำธิเบศร์
...................................................................
...................................................................
...................................................................

(นำยคมสัน คงยอดด)ี ความเห็นผูอ้ านวยการ
รองผูอ้ ำนวยกำรกลมุ่ บรหิ ำรงำนบคุ คล  ทรำบ
 สั่งกำร .........................................

.....................................................

(นำยนำวี ทรัพย์หว่ ง)
ผู้อำนวยกำรโรงเรยี นรัตนำธเิ บศร์

....../................./..............

๑. รายละเอียดโครงการ



๒. ส่ิงท่ีได้เรยี นรู้จากการอบรม

การอบรมเชิงปฏิบัติการ ONLINE ผ่านระบบ ZOOM รุ่นท่ี ๑ Instructional Design : Digital
Media, New Tools and Technology ประกอบไปด้วยหัวข้ออบรมจานวน ๖ หัวข้อ ให้ผู้เข้าอบรมเลือก
เพยี ง ๑ หวั ข้อ ดังต่อไปนี้

กลุ่มท่ี ๑ กรสรา้ ง E-PORTFOLIO ด้วย GOOGLE SITE
กลุม่ ที่ ๒ การสรา้ งใบความรู้/วดิ โี ออยา่ งรวดเร็วด้วย CANVA

กลุม่ ท่ี ๓ แบบทดสอบด้วย SOCRATIVE
กลมุ่ ที่ ๔ แบบทดสอบดว้ ย LIVEWORKSHEET
กลมุ่ ที่ ๕ การสรา้ งวดิ โี อปฏิสัมพนั ธ์ดว้ ย EDPUZZLE

กลุ่มท่ี ๖ การสร้าง DIGITALDOCUMENT ดว้ ย THINGLINK

หวั ข้อที่ข้าพเจ้าเลือกเข้ารับการอบรมในครั้งนคี้ ือ กล่มุ ท่ี ๑ E-PORTFOLIO ดว้ ย GOOGLE SITE มี
รายละเอียดดังน้ี

Google Sites คือโปรแกรมหน่ึงของบริษัท Google ที่เปิดให้สมาชิกของ Google สามารถสร้าง

เว็บไซต์ของตนเองได้ฟรี โดยการสร้างเว็บไซต์ด้วย Google Site น้ันทาได้ง่ายเหมือนกับการแก้ไขเอกสาร
ธรรมดา ๆ ชิ้นหน่ึง ผู้ใช้สามารถปรับแต่งรูปลักษณ์ของเว็บไซต์ได้อย่างอิสระ และมีข้อมูลที่หลากหลาย

รูปแบบ เช่น ขอ้ ความ วิดีโอ ปฏทิ ิน เอกสาร ไฟลง์ าน ฯลฯ อีกท้ัง ยังสามารถกาหนดให้ผู้อื่นเขา้ มาร่วมจัดการ
เว็บไซตร์ ่วมกนั รวมไปถงึ สามารถกาหนดให้เวบ็ ไซตเ์ ป็นส่วนตวั หรอื สาธารณะกไ็ ดอ้ กี ดว้ ย

4 Step Google Site
1. สมคั รเข้าใชง้ าน Google

2. เลือกใช้บริการ Google Site
3. สร้างเวบ็ ไซต์ใสข่ ้อมูลในเว็บไซต์
4. เผยแพร่เว็บไซต์

1. สมัครเข้าใช้งาน Google

ก่อนท่ีจะใช้งาน Google Site จะต้องมีอีเมล์ของ
Google หรือ gmail เม่ือได้อีเมล์แล้วก็ให้ login หรือลงช่ือ
เข้าใช้ให้เรียบรอ้ ย

1.๑ เข้าเว็บไซต์ https://www.google.com
๑.๒ เขา้ สู่ระบบ โดยกดปุ่ม ลงชื่อเขา้ ใช้

- username
- password

2. เลือกใชบ้ ริการ Google Site
เลอื กตัวเลือกต่อไปน้ี

 จากหน้าแรกของ Sites ใหค้ ลิกสรา้ ง ทีด่ ้านบน หรอื เลอื กเทมเพลตโดยคลกิ แกลเลอร่ีเทมเพลต
 จาก Google ไดรฟ์ ให้คลกิ ใหม่ เพ่มิ เตมิ Google Sites
หมายเหตุ : ระบบจะเกบ็ ขอ้ มูลของ Sites ท้ังหมดไว้ในไดรฟ์ โปรดดูหวั ข้อเร่มิ ตน้ ใช้งานไดรฟ์เพื่อดขู ้อมลู
เพิ่มเตมิ เกี่ยวกบั การใช้ไดรฟ์จัดระเบียบไฟล์

3. สร้างเว็บไซตใ์ ส่ขอ้ มูลในเวบ็ ไซต์
เม่ือสร้างเว็บไซต์ใหม่ ระบบจะเพิ่มไปยังไดรฟ์ เช่นเดียวกับไฟล์อื่นๆ ในไดรฟ์ โดย Sites จะบันทึก

การเปลีย่ นแปลงทั้งหมดของคณุ โดยอัตโนมตั ิ แต่จะไมเ่ ผยแพร่สู่สาธารณะจนกวา่ คุณจะเผยแพร่ด้วยตัวเอง
วิธกี ารตงั้ ชื่อสว่ นตา่ งๆ ของเวบ็ ไซต์

ชื่อเอกสารของเวบ็ ไซต์ - ป้อนชอ่ื ทไ่ี ม่ซ้ากันเพอ่ื ติดตามเว็บไซต์ ช่ือเอกสารของเวบ็ ไซตจ์ ะปรากฏให้คุณ
เห็นเท่านั้น
ชื่อเว็บไซต์ - ชอ่ื เว็บไซตจ์ ะปรากฏในส่วนหวั และในแถบชอื่ หน้าต่างของเว็บหรืออุปกรณเ์ คล่ือนทหี่ ลงั จาก
ทีค่ ณุ เผยแพร่เว็บไซต์ คุณตอ้ งมีหนา้ เวบ็ 2 หน้าขึ้นไปในเว็บไซต์เพอื่ ใหช้ ่อื เวบ็ ไซตป์ รากฏ
ชอื่ หนา้ เวบ็ - แต่ละหน้าในเว็บไซต์จะมีช่อื ซึ่งจะปรากฏที่ด้านบนของหนา้ เว็บ ชอ่ื หน้าเวบ็ จะปรากฏในเมนู
การนาทางด้วย

หัวของเวบ็ ไซต์ (Banner) เราสามารถจัดการได้ 2 สว่ น ส่วนแรก คือการแทรกรปู ภาพและส่วนท่สี อง
คอื จัดการรปู แบบของหวั เว็บ ดังต่อไปน้ี

เม่ือคลกิ เปล่ยี นรูปภาพ จะมหี น้าต่าง Gallery รูปภาพมาให้เลือกซงึ่ โปรแกรมกาหนดมาให้ แต่ถา้ เรา
ตอ้ งการใช้ภาพของเราเองทม่ี ีอยู่ในเครอื่ ง Computer เราจะตอ้ ง Upload ภาพข้นึ ไปในระบบกอ่ น โดยคลกิ ท่ี
แถบ “อปั โหลด”

เลอื กโหมดรูปภาพตามตอ้ งการ

เมื่อเปล่ียนรปู แล้วใหเ้ ปลย่ี นขอ้ ความด้านบน จากคาว่า “ชือ่ ของหน้า” เป็นคาอื่น ๆ ตามช่ือเว็บของ
เรา โดยเมือ่ คลกิ ท่ขี อ้ ความ เราสามารถพิมพ์ข้อความใหมล่ งไปแทนทไ่ี ด้เลย แล้วเลอื ก Font ขนาดตวั อักษร
และจัดรปู แบบขอ้ ความ ชิดซ้าย ชิดขวา ฯลฯ

หรือจะเปลย่ี นรปู แบบข้อความใหเ้ ป็นแบบ ช่อื เรื่อง สว่ นหัว ส่วนหวั ย่อย เล็ก

หรือถา้ ตอ้ งการใส่ Link ใหค้ ลกิ ไอคอน Link จากนั้น กรอก link website ลงไป ในช่อง link

จะแสดงตวั อยา่ งใหเ้ ราดซู ึ่งมี 3 รูปแบบในการแสดงผล
1. แสดงตัวอย่างในรูปแบบของมือถอื
2. แสดงตัวอย่างในรูปแบบของแท็บเล็ต
3. แสดงตัวอยา่ งในรูปแบบของหนา้ จอคอมพิวเตอร

เลอื กเลยเ์ อาต์
คลกิ เลยเ์ อาต์ทด่ี ้านขวา แลว้ เลอื กเลยเ์ อาต์แบบอ่ืนสาหรับสว่ นต่างๆ ของหน้าเวบ็

ขั้นตอนการใสข่ ้อความลงในเว็บไซต์
ใสข่ ้อความหรอื คาอธิบายต่าง ๆ ในเวบ็ ไซต์ ให้คลิกที่ปมุ่ กลอ่ งข้อความ 1 ครงั้ จะปรากฏกลอ่ ง

ข้อความข้ึนมา แล้วพิมพ์ขอ้ ความลงไปและสามารถ ปรับขนาด กล่องข้อความได้

ขั้นตอนการแทรกรปู ภาพประกอบในเวบ็ ไซต์
ภาพกราฟิกก็เป็นอกี องค์ประกอบหนึ่งท่ีสาคัญสาหรับการสรา้ งเว็บเพจ เพราะจะชว่ ยให้เว็บสวยงาม

มสี ีสันน่าสนใจ และสื่อความหมายได้ดีข้ึน ซึ่งภาพทนี่ ามาใช้อาจจะเป็นเรื่องท่ีเกี่ยวข้องโดยตรงกับเน้อื หา เช่น
ภาพสินค้าและบริการ หรือเป็นเพียงภาพที่นามาใช้ตกแต่งเพ่ือให้เว็บของเราดูดีขึ้นได้ โดยการแทรกภาพใน
Google Site ให้คลกิ ทีป่ มุ่ รูปภาพ

ขน้ั ตอนการแทรกวดิ โี อประกอบในเว็บไซต์
การ Insert คลิป Video มาแสดงบนเว็บเพจ เช่น คลิปวดิ ีโอที่น่าสนใจ จากเวบ็ ไซต์ Youtube ทาได้

โดยการคลิกที่ปมุ่ ฝัง (Embedded) แลว้ วาง Link ลงไป

การเพิม่ หนา้ เพจเวบ็ ไซต์ ให้มีเมนู หรือหน้าเวบ็ ไซต์มากข้ึน
ใหเ้ ลอื กแถบเครอ่ื งมือ หนา้ เวบ็ แลว้ ตง้ั ช่ือ หนา้ เพจ แลว้ สรา้ งหน้าได้ตามต้องการ

การเพิ่มเมนยู อ่ ย

4. เผยแพร่เวบ็ ไซต์

๓. ประโยชน์ทไี่ ดร้ บั และการนาผลการอบรมมาใชใ้ นโรงเรียน

๑. ความรู้ที่ไดจ้ ากการอบรม นามาออกแบบแหล่งรวบรวมข้อมูลต่าง ๆ เกี่ยวกับกจิ กรรมการจดั การ
เรียนการสอนออน หรอื การเกบ็ รวบรวมผลงานสาหรบั การประเมินต่าง ๆ โดยใช้เทคโนโลยีเข้ามามสี ่วนช่วย
ในการจัดเก็บข้อมูล เผยแพรข่ ้อมลู ทางดา้ นการศึกษา

๒. ร่วมแลกเปลี่ยนเรียนรู้ส่ิงท่ีได้รับจากการอบรมกับครูผู้สอนในกลุ่มสาระการเรียนรู้เดียวกันหรือ
ผู้ร่วมวิชาชีพในกลมุ่ สาระการเรยี นรู้อื่น ๆ ที่สนใจ เนือ่ งจากเปน็ ความรทู้ ี่มปี ระโยชน์ ซ่ึงจะชว่ ยให้การจดั เก็บ
จ้อมูลด้านการศึกษามีความเป็นระบบระเบียบมากย่ิงข้ึน สามารถสร้างนวัตกรรมทางการศึกษา เพื่อให้
สอดคลอ้ งตามหลักเกณฑ์ ว.PA และรองรับการประเมินต่าง ๆ ของสถานศึกษาได้

๓. จัดตั้งกลมุ่ เกีย่ วกบั การสรา้ ง Google Site เพ่ือเป็นช่องทางในการแลกเปลีย่ นขอ้ มูล หรือจัดอบรม
เชงิ ปฏิบตั กิ ารให้กบั คณะครูในโรงเรียน

ตวั อยา่ งผลงานจากการอบรม