คู่มือสร้างบทเรียนออนไลน์ ด้วย Google Sites

คำนำ ในสถานการณ์การแพร่ระบาดของโรคติดเช้ือไวรัสโคโรนา ๒๐๑๙ (COVID – 19) ส่งผลให้การจัดการ เรยี นการสอนต้องปรับเปลีย่ นให้สอดคล้องกับสถานการณ์ การเรยี นรปู แบบออนไลน์ สามารถทำได้หลากหลาย วิธี ทั้งนี้ขึ้นอยู่กับความพร้อม และความต้องการของครูผู้สอนและผู้เรียน ตลอดจนผู้ปกครอง ผู้ที่มีส่วน เก่ียวขอ้ งกับการจัดการเรียนรขู้ องบุตรหลาน คู่มือการสร้างบทเรียนออนไลน์ ด้วย Google Sites จัดทำขึ้นเพื่อส่งเสริม พัฒนาทักษะ การใช้ เทคโนโลยีในการจัดการเรียนการสอนของครู และเพื่อพัฒนาครูให้สร้างบทเรียนออนไลน์ด้วย Google Sites นำไปใช้ได้จริง ซึ่ง Google Sites สามารถสร้างเว็บไซต์ได้ สร้างบทเรียนออนไลน์ได้อย่างง่ายดาย มีพื้นท่ี จัดเก็บ (Hoting) และโดเมนเนม (Domain name) ให้ใช้ฟรี โดยผู้ใช้สามารถปรับแต่งลักษณะบทเรียน ออนไลน์ตามความต้องการ สามารถรวบรวมความหลากหลายของข้อมูลไว้ในท่เี ดียวได้ รวมไปถงึ ความสามารถ ในการกำหนด ความเป็นส่วนตัวของบทเรียนออนไลน์ การเข้าถึงและการเข้าใช้งานสะดวกง่ายต่อผู้เรียนและ ผูป้ กครอง ผู้จัดทำคาดหวังว่า คู่มือนี้จะเป็นประโยชน์อย่างยิ่งให้แก่คุณครูและบุคลากรทางการศึกษา สามารถ นำไปพัฒนารปู แบบการจัดการเรียนการสอนให้สอดคล้องกบั ผู้เรียน ไมม่ ากกน็ ้อย หากมีขอ้ ผิดพลาด บกพร่อง ประการใด ทางผจู้ ดั ทำต้องขออภยั มา ณ ทน่ี ด่ี ้วย กลมุ่ งานสง่ เสริมพฒั นาส่อื นวัตกรรมและเทคโนโลยที างการศกึ ษา กลุม่ นิเทศ ตดิ ตาม และประเมินผลการจดั การศกึ ษา สำนักงานเขตพ้ืนท่ีการศึกษาประถมศกึ ษาตราด

สารบญั หนา้ คำนำ 1 สารบญั 1 2 Google Sites คอื อะไร สงิ่ ทค่ี ุณสามารถดำเนินการได้กับ Google Sites 9 วธิ ีเข้าใช้งาน Google Sites 10 เอกสารอา้ งอิง คณะผจู้ ดั ทำ

คูม่ อื การสร้างบทเรียนออนไลน์ ด้วย 1 Google Sites คืออะไร Google Sites คือโปรแกรมของ Google ท่ใี หบ้ ริการสร้างเว็บไซต์ฟรี สามารถสร้างเวบ็ ไซต์ไดง้ า่ ย ปรับแต่งรปู ลักษณ์ได้อยา่ งอิสระ และสามารถรวบรวมความหลากหลายของข้อมูลไวใ้ นทีเ่ ดียว เป็นระบบท่ี ครอบคลุม สามารถนำมาใช้ร่วมกนั ได้ เช่น อเี มล์ (Gmail) ปฏิทิน (Calendar) เอกสาร (Documents) ยทู ูป (YouTube) อลั บ้มั ภาพ (Picasa) แผนที่ (Map) ฯลฯ สามารถนำมาแทรกในหนา้ เว็บเพจได้ เป็นการเพิ่ม ลูกเล่น ใชง้ านไดง้ า่ ย ทำใหช้ ่วยอำนวยความสะดวกไดเ้ ป็นอย่างมาก สิง่ ที่คุณสามารถดำเนินการไดก้ ับ Google Sites ☺ กำหนดรูปลกั ษณ์ของเว็บไซต์ของคุณ ☺ สรา้ งเพจย่อยเพื่อให้เนื้อหาของคณุ จัดเปน็ ระเบียบ ☺ เลือกประเภทเพจ เว็บเพจประกาศ, ตูเ้ กบ็ เอกสาร ☺ ใหเ้ น้ือหาในเว็บของคุณ (เชน่ วีดโิ อ เอกสารออนไลน์ Picasa แสดงสไลด์ภาพถ่าย, gadgets iGoogle) และไฟล์แบบออฟไลนใ์ นตำแหน่งกลางหนึ่ง ☺ ให้เว็บไซต์ของคณุ เปน็ สว่ นตวั หรอื สาธารณะตามท่ีคุณตอ้ งการ ☺ ค้นหาใน Google เนอื้ หาของเว็บไซต์ที่มีเทคโนโลยีการคน้ หา Google ☺ เรียนรพู้ ้นื ฐานของ Google เว็บไซต์และเริม่ ต้นสร้างเว็บไซต์ของคุณเอง ☺ Google Sites เปน็ แอปพลเิ คชนั ออนไลนท์ ่ีทำให้การสร้างเวบ็ ไซตข์ องทีมกลายเป็นเรือ่ งง่าย ☺ แก้ไขเอกสาร เม่ือใช้ Google Sites ผ้คู นสามารถรวบรวมขอ้ มลู ที่หลากหลายไว้ในที่เดยี วได้อย่าง รวดเรว็ ไดแ้ ก่ วีดโิ อ ปฏิทนิ งานนำเสนอ ไฟล์แนบ และขอ้ ความ และสามารถใชง้ านร่วมกบั กลุ่ม เลก็ ๆ ท้ัง องค์กรหรือท้ังโลก เพ่ือดหู รอื แก้ไขได้อย่างง่ายดาย ☺ Free Account ไว้ท1ี่ 00 MB ☺ พืน้ ที่จัดเก็บ 10 GB* (GB=กิกะไบต)์ ☺ ขนาดไฟล์สูงสดุ 10 MB (MB=เมกกะไบต)์ ☺ จำนวนหนา้ เวบ็ เพจไม่จำกัดการใช้งาน Google site

คู่มอื การสร้างบทเรียนออนไลน์ ดว้ ย 2 วิธเี ขา้ ใช้งาน Google Sites 1. สมัครเขา้ ใชง้ าน โดยเข้าไปท่ี https://sites.google.com/ แล้วลงช่ือเขา้ ใช้ โดยกรอก Email และ Password แลว้ เลอื กปมุ่ “ลงชอ่ื เข้าใชง้ าน” กดปุ่ม ถดั ไป 1 2 5 2. เลือกปมุ่ “แอป google” และ เลอื ก “ใน Sites แบบใหม่ (แนะนำ) 3 4

คู่มอื การสรา้ งบทเรยี นออนไลน์ ดว้ ย 3 3. การสร้างหนา้ แรกของบทเรียนออนไลน์ 1. ใส่ช่ือไซตเ์ รา หรือ บทเรยี นออนไลน์ของเรา ชอ่ื ควรเป็นชอ่ื ทส่ี ่ือกับเร่ือง 2. ใสช่ ่อื ขอ้ มลู หน้าเพจหรือบทเรียนออนไลน์ของเรา และสามารถปรบั ฟอ้ นต์ แบบตวั อกั ษร และ ขนาดตวั อักษรได้ตามความต้องการ 6 7 4. เมนู “แทรก” เป็นเมนูทค่ี วบคมุ เกี่ยวกับการใช้มเี ดยี เช่น การใสร่ ปู ภาพ การใส่ข้อความ การใส่ลิ้งคว์ ิดโี อ แผนที่ ปฏทิ ิน และ gadget ตา่ ง ๆ เมนูและฟังกช์ ันท่ใี ชเ้ พ่ิมลกู เลน่ ให้กบั เวบ็ ไซตห์ รอื บทเรียนออนไลน์ รวมไป ถึง Gadget ต่าง ๆ และเครือ่ งมอื ในการทำบทเรียนออนไลน์ 8

คมู่ ือการสร้างบทเรียนออนไลน์ ด้วย 4 5. เมนู “หน้าเว็บ” เพื่อเป็นการสร้างหน้าตา่ งเวบ็ ใหม่อีกหน่งึ หนา้ ขน้ึ มา แล้วกดเลือก “หนา้ เวบ็ ใหม”่ จากนั้น จะปรากฏกล่องข้อความ “หนา้ เว็บใหม”่ ใหพ้ ิมพ์ชื่อในหน้าตา่ งที่ปรากฎข้ึนมาใหส้ อดคลอ้ งกับเรื่องที่เราจะทำ 9 11 10

คมู่ ือการสรา้ งบทเรียนออนไลน์ ด้วย 5 6. เมนู “ธีม” การใชง้ าน Theme Google Sites มีให้เราเลอื กใชต้ ามทใ่ี ห้เท่าน้ัน เราไม่สามารถเพิ่มเองได้ 12

คมู่ อื การสร้างบทเรียนออนไลน์ ดว้ ย 6 7. ข้นั ตอนการสรา้ งเนอ้ื หาในเวบ็ ไซต์ การออกแบบเอกสาร จะใสเ่ นื้อหา ทำไดต้ ามแบบรูปท่ี Google Sites กำหนดมาให้เราเลือก และวาง ตามจดุ ทเี่ ราต้องการ ใส่เนือ้ หาข้อมูลตามต้องการ สามารถปรับเปลี่ยนและย้ายตำแหน่งได้ตามต้องการ 13 14 8. ขน้ั ตอนการใสร่ ปู ภาพ สามารถเลอื กอัพโหลดท่รี ูปภาพทีต่ ้องการจะใส่รปู หรอื ภาพจาก Google Sites มใี ห้ และปรบั ขนาด ของภาพได้ที่เราต้องการ ใหเ้ ลือกไปที่ “รปู ภาพ” และเลือกความต้องการของเราว่าจะอัพโหลด จาก คอมพิวเตอร์ หรือ อัพโหลดจาก Google ตามความต้องการ 15

คู่มือการสรา้ งบทเรยี นออนไลน์ ด้วย 7 9. การแทรกวีดิโอ สามารถอัพโหลดจาก Youtube เอามาแทรกลงในเพจเราได้เลย โดยเลอื กไปที่ “Youtube” และหน้าตา่ งจะปรากฎขึน้ มา ให้พิมพเ์ พื่อค้นหาในสิ่งที่เราต้องการ และกดป่มุ “เลอื ก” 17 16 18 10. การเชอื่ มขอ้ มลู จาก Drive เลอื กแบบฟอร์มท่ีเรามีใน Drive นำมาแทรก เชน่ แบบทดสอบ และ แบบ ประเมิน ตา่ ง ๆ 15 20 19 21

คู่มือการสรา้ งบทเรียนออนไลน์ ดว้ ย 8 11. ขัน้ ตอนการเผยแพรเ่ วบ็ ไซต์ ตรวจสอบก่อนเผยแพร่ โดยเลือกเมนู “แสดงตวั อย่าง” จากน้ัน เลอื ก “เผยแพร่” ใส่ทอ่ี ยเู่ ว็บ แนะนำให้ใสเ่ ป็น ภาษาอังกฤษ เช่น pck123 จากน้ันชื่อเว็บทต่ี ้งั จะไปต่อท้าย URL Google Sites เป็น https://sites.google.com/esdc.go.th/krupoo จากน้ัน เลือกปุ่ม “เผยแพร่” 22 23 24 25

เอกสารอา้ งอิง https://kru-it.com/tips/easy-website-creation-with-google-site-basics-2020/เขา้ สืบคน้ วนั ท่ี 02/02/2021 https://workspace.google.com/intl/th/products/sites/?เข้าสืบคน้ วันท่ี 02/02/2021

คณะผจู้ ดั ทำ ทปี่ รกึ ษา 1. นางชอ่ ชะบา ช่นื บาน ผู้อำนวยการสำนักงานเขตพื้นทีก่ ารศึกษาประถมศึกษาตราด 2. นายวิชชา ครปุ ติ ิ รองผอู้ ำนวยการสำนกั งานเขตพ้นื ที่การศึกษาประถมศึกษาตราด 3. นางอินทริ า บุญวาที รองผู้อำนวยการสำนักงานเขตพื้นท่ีการศกึ ษาประถมศกึ ษาตราด 4. นางมญิ ชม์ นสั วรรณมหินทร์ สลางสิงห์ รองผ้อู ำนวยการสำนกั งานเขตพนื้ ที่การศึกษาประถมศกึ ษาตราด 5. นางสาวผกายรตั น์ บริรักษศ์ ุภกร ผ้อู ำนวยการกลุม่ นเิ ทศ ติดตาม และประเมินผลการจดั การศึกษา รวบรวม/เรยี บเรียง/ออกแบบปก หวั หน้ากลุ่มงานส่งเสริมพัฒนาส่ือ นวัตกรรม และเทคโนโลยที างการศึกษา 1. นางชตุ กิ าญจน์ มดั ถาปะโท ศกึ ษานิเทศก์ กลุ่มงานส่งเสริมพัฒนาสื่อนวัตกรรมและเทคโนโลยีทางการศึกษา 2. นายประภทั ร ประภัสสรางกูล