สารบัญ - Google Drive 1 - Google Site 10 - Google Form 29 - Google Sheet 49 - Google Calendar 60 หน่วยฝกึ อบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ กึ ษา วันท่ี 28 พฤศจกิ ายน 2558 มหาวิทยาลยั เทคโนโลยพี ระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 1 Google Drive ความหมายของ Google Drive Google drive คือ ไดร์ฟเก็บข้อมูลออนไลน์บนอินเตอร์เน็ต เป็นบริการจาก Google ท่ีทาให้ สามารถนาไฟล์ตา่ ง ๆ ไปฝากไวก้ ับ Google ซง่ึ ทาให้สามารถใชไ้ ฟล์เหล่านั้นทีไ่ หนก็ได้ สามารถแบ่งปันไฟล์ กับคนท่ีตอ้ งการ และสามารถแก้ไขร่วมกันไดจ้ ากอปุ กรณ์หลายประเภท เช่น อุปกรณ์มือ-ถือ อปุ กรณ์แทบ เลต หรอื คอมพิวเตอร์ สาหรับพนื้ ที่ ๆ Google ใหใ้ ช้บรกิ ารฟรนี ้ันอยู่ที่ 15 GB ประโยชน์ของ Google Drive 1. Google Drive สามารถแชร์ไฟล์งานได้คร้ังละหลาย ๆ คน ทาให้แต่ละคนสามารถทางานได้อย่าง สะดวกรวดเร็วข้ึน และมีประสิทธิภาพ เช่น ถ้ามีการแก้เน้ือหาพร้อมกันหลายๆ คน สามารถ ตรวจสอบได้ว่าใครแก้ไขข้อมูลล่าสุด และไม่ต้องเอาไฟล์ล่าสุดของแต่ละคนมารวมกันเหมือนกัน ทางานท่ัวๆ เพราะทาง Google จะประมวลผลแลจะแสดงเอกสารทีม่ กี ารเปลย่ี นแปลงล่าสดุ 2. Google Drive สามารถรองรับไฟล์ได้หลายประเภท เช่น ทั้ง PDF, CAD/CAM, Photoshop, Illustrator , Image, MS Office, Sound, HD Video, Multimedia ฯลฯ มีระบบป้องกันไวรัส คอมพวิ เตอร์ทตี่ ิดมากบั ไฟล์ สามารถเปิดไฟลไ์ ดโ้ ดยไมต่ อ้ งมีโปรแกรมเฉพาะเจาะจง Google Drive พร้อมทางานไดท้ ุกแพตฟอร์ม Windows, Mac , Linux และรองรับการทางาน ผ่านสมารท์ โฟน เช่น IOS (iPhone, iPad), Android, Windows Phone หน่วยฝกึ อบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ กึ ษา วนั ท่ี 28 พฤศจิกายน 2558 มหาวทิ ยาลัยเทคโนโลยีพระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 2 สว่ นประกอบบนหน้าตา่ ง Google Drive 45 1 62 3 สว่ นที่ 1 สว่ นการจดั การไฟลข์ อง Google Drive ประกอบดว้ ย ส่วนการสรา้ งโฟลเดอรใ์ หมผ่ า่ น Google Drive ส่วนการอัปโหลดไฟลข์ ้อมูลผา่ น Google Drive ส่วนการสรา้ งเอกสาร Document ผ่าน Google Drive หนว่ ยฝกึ อบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ ึกษา วนั ที่ 28 พฤศจิกายน 2558 มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 3 สว่ นท่เี กบ็ ไฟลท์ ี่เปน็ ของเรา สรา้ งเอง หรือ อพั โหลดเอง ส่วนเก็บไฟล์ท่ีมคี นแชรใ์ หเ้ รา ในไดรฟ์ ของฉัน ส่วนเกบ็ ไฟลร์ ปู ภาพ ซึ่งซิงกม์ าจากบรกิ าร Google อน่ื ๆ สว่ นแสดงรายการใช้งานบนพื้นท่ี Google Drive ส่วนแสดงรายการโปรดเพอื่ ง่ายตอ่ การค้นหา สว่ นแสดงไฟลห์ รือโฟลเดอร์ตา่ งๆ ทถ่ี กู ลบ สว่ นที่ 2 แสดงหน้าต่างแสดงไฟลข์ อง Google Drive ส่วนท่ี 3 เป็นสว่ นแสดงรายละเอยี ดไฟล์ สามารถดรู ายละเอยี ดของไฟล์ โดยที่เราตอ้ งทาการคลิกเลอื กไฟล์ กอ่ นข้อมลู รายละเอยี ดจึงจะถูกแสดงออกมา และเปน็ หนา้ ต่างสาหรับแสดงกจิ กรรมหรือประวตั ิ ในการจัดการไฟล์ สว่ นท่ี 4 ส่วนของการเปลีย่ นมุมมองการแสดงผลของ Google Drive มมุ มองการแสดงผล ทัง้ การแสดงผลแบบตาราง และ การแสดงผลแบบแถว การเรยี งลาดับของไฟล์งาน สว่ นแสดงรายละเอยี ดและกิจกรรมบน Google Drive หนว่ ยฝกึ อบรม Google Application ภาควิชาคอมพวิ เตอร์ศึกษา วันที่ 28 พฤศจิกายน 2558 มหาวิทยาลยั เทคโนโลยีพระจอมเกล้าพระนครเหนือ
Google Application for Education ห น้ า | 4 สว่ นที่ 5 การตงั้ คา่ Google Drive เราสามารถตั้งคา่ Google Drive ไดจ้ ากปุ่มเคร่ืองมือ ส่วนท่ี 6 ส่วนแถบสถานะของ Google Drive แถบนี้จะเป็นการแสดงข้อมูลในการจัดเก็บไฟล์ ข้อมูลความ จทุ เี่ หลอื อยู่ในปจั จุบัน การสร้างโฟลเดอร์ใหม่ผ่าน Google Drive 1. คลกิ ปมุ่ “ ใหม่ ” 2. ปอ้ นชอ่ื ให้กับโฟลเดอรใ์ หม่ จากน้นั คลิกปุ่ม “ สรา้ ง ” หน่วยฝึกอบรม Google Application ภาควชิ าคอมพวิ เตอร์ศกึ ษา วันท่ี 28 พฤศจิกายน 2558 มหาวทิ ยาลยั เทคโนโลยีพระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 5 การอปั โหลดไฟล์ขอ้ มลู ผ่าน Google Drive การอปั โหลดไฟลข์ ้อมลู มดี ้วยกัน 2 วธิ ี 1. วิธีอปั โหลดข้อมูลแบบไฟล์ 2. วิธอี ปั โหลดขอ้ มูลแบบโฟลเดอร์ วธิ ีอปั โหลดขอ้ มูลแบบไฟล์ 1. คลกิ เลอื ก “ อปั โหลด > ไฟล์ ” 2. เลอื กไฟลท์ ต่ี อ้ งการ จากนน้ั กดปมุ่ “ Open ” หน่วยฝึกอบรม Google Application ภาควชิ าคอมพิวเตอรศ์ ึกษา วันที่ 28 พฤศจิกายน 2558 มหาวิทยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 6 จากน้ันรอข้อมลู ที่กาลงั อัปโหลด ความเรว็ ในการอัปโหลดขน้ึ อูย่กับความเรว็ อินเตอร์เน็ตที่ใชง้ าน เมื่ออัปโหลดเสร็จแล้วจะปรากฏไฟล์ทู่อัปโหลดขึ้นไปอยู่ในส่วนของ “ ไดร์ฟของฉัน ” สิ้นสุด ข้ันตอนเม่อื สร้างเสรจ็ แลว้ จะสงั เกตเห็น “ โฟลเดอร์ใหม่” ปรากฏขึ้นมา วิธีอปั โหลดข้อมลู แบบโฟลเดอร์ 1. คลิกเลือก “ อัปโหลด > โฟลเดอร์ ” 2. เลอื กโฟลเดอรท์ ่ตี อ้ งการ จากน้นั กดปุม่ “ OK ” หนว่ ยฝกึ อบรม Google Application ภาควชิ าคอมพิวเตอรศ์ ึกษา วันท่ี 28 พฤศจิกายน 2558 มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 7 จากนนั้ รอขอ้ มูลท่กี าลังอปั โหลด ความเร็วในการอปั โหลดข้ึนอูย่กบั ความเรว็ อนิ เตอร์เน็ตทใ่ี ช้งาน เม่อื อัปโหลดเสร็จแล้วจะปรากฏไฟลท์ู่อัปโหลดขนึ้ ไปอยูใ่ นสว่ นของ “ ไดรฟข์ องฉนั ” ส้ินสุดขั้นตอน การยา้ ยไฟลข์ อ้ มูลผ่าน Google Drive 1. คลิก เลือก “ ไฟล์ ” หรอื “ โฟลเดอร์ ” ท่ีต้องการยา้ ย > เพ่มิ เติม > ย้ายไปที่ 2. คลกิ เลอื ก “ โฟลเดอร์ ” ปลายทาง > คลิกปุม่ “ ยา้ ย ” ไฟล์หรอื โฟลเดอร์ทีย่ า้ ยจะ “ ปรากฏ ” ในโฟลเดอร์ปลายทางท่เี ลือก หนว่ ยฝกึ อบรม Google Application ภาควชิ าคอมพวิ เตอร์ศึกษา วันท่ี 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 8 การกู้คนื ไฟล์ขอ้ มลู ผา่ น Google Drive 1. การกคู้ ืนไฟล์ในถังขยะให้คลิกเลือก ไฟล์ หรือ โฟลเดอร์ ท่ีตอ้ งการจากนนั้ คลิกป่มุ กคู้ ืน จะ เห็นวา่ ไฟล์ หรือ โฟลเดอร์ ทเี่ ลือกนัน้ หายไปและจะกลบั ไปอยู่ ไดรฟ์ ของฉัน 2. ถา้ ตอ้ งกลบั ไปที่ ไดร์ฟของฉัน ให้คลกิ เมนูทางดา้ นซ้ายท่มี ีขอ้ ความวา่ ไดร์ฟของฉนั การแชร์ไฟล์ให้กับผอู้ ื่นใช้งานรว่ มกัน วิธีการนี้เป็นวิธีการแชร์ไฟล์บน Google Drive ให้สามารถใช้งานร่วมกันได้ ไม่ว่าจะเป็นการเพิ่ม ลบแก้ไข หรือแม้กระทั่งการกาหนดสิทธ์ิให้ผู้ใช้งานท่านอ่ืนสามารถเข้าไปดูและดาวน์โหลดได้อย่างเดียว เท่านั้น แต่เพ่ิมลบ แก้ไขไม่ได้ ในตัวอย่างการแชร์ไฟล์ ผมจะแชร์โฟลเดอร์ที่ได้สร้างข้ึนมาใหม่ ท่ีช่ือว่า “โฟลเดอร์ใหม่” และอัพโหลดไฟล์แบบโฟลเดอร์ชื่อว่า “user” ในขั้นตอนก่อนหน้าน้ี เพื่อแชร์ไปให้กับ เพอื่ นรว่ มงาม ซง่ึ การแชร์ไฟล์จะมอี ยู่ 2 วธิ คี ือ การแชร์ไฟล์กรอกแบบ E-mail “แชร์กับคนอื่น”แสดงขึน้ มา ใหเ้ รากรอกอีเมล์ของผูท้ ่จี ะต้องการแชร์ขอ้ มูลให้ และทาการกาหนดสทิ ธิ์การใชง้ านไฟล์ทีถ่ ูกแชร์ แกไ้ ขได้ : ผู้อ่ืนสามารถแกไ้ ขไฟล์ เพิม่ ลบ และดาวนโ์ หลดไฟลใ์ นโฟลเดอร์ทีถ่ กู แชรไ์ ด้ ดูได้ : ผ้อู นื่ สามารถเปดิ ดไู ฟลท์ ่ีถกู แชรใ์ ห้และสามารถดาวน์โหลดได้ เมอ่ื กรอก E-mail สามารถตง้ั คา่ การแบ่งปนั ไฟล์ หรอื โฟลเดอร์ไดด้ งั น้คี ือ สาธารณะทางเว็บ หมายถึง ผู้ใช้งานทุกคนบนอินเตอร์เน็ตสามารถค้นหาไฟล์ และ โฟลเดอร์ท่ีเราแบ่งปันนี้ได้ สามารถค้นหาเจอจากระบบค้นหาของ Google หรือ ระบบค้นหาจากทางอินเตอร์เนต็ ได้ โดยผู้ใช้งานไม่จาเปน็ ต้องมี Google Account ก็ สามารถใช้งานไฟล์ หรือ โฟลเดอร์นั้นได้ ตัวเลือกน้ีเหมาะสาหรับเอกสารท่ีต้องการ เผยแพร่สู่สาธารณะ ไม่เป็นเอกสารปกปดิ ทุกคนท่ีมลี ิงก์ หมายถึง ผใู้ ช้งานสามารถเข้าถงึ ไฟล์ หรอื โฟลเดอร์นีไ้ ด้ โดยการได้รับลงิ ก์จาก เจ้าของไฟล์ หรือ โฟลเดอร์ส่งใหเ้ ท่าน้นั ส่วนคนอ่ืนทไี่ ม่มลี ิงก์หรือไม่ได้รบั ลิงกก์ ไ็ ม่สามารถเขา้ ถงึ ได้ ผเู้ ข้าใช้ งานไม่จาเปน็ ต้องมี Google Account กส็ ามารถเข้าใชง้ านได้ เพยี งแค่มีลิงก์ทถี่ ูกต้องก็สามารถเข้าใชไ้ ด้ ตวั เลือกน้จี งึ เหมาะสาหรับการการแชรไ์ ฟล์ หรอื โฟลเดอร์ใหเ้ ฉพาะบุคคล เชน่ การสง่ อีเมล พร้อมแนบ ลิงก์ของไฟล์ หรือ โฟลเดอร์น้ี เปน็ ตน้ ผู้ใช้ท่ีระบุ หมายถึง ผู้ใช้ต้องมี Google Account และถูกระบุชื่อจากเจ้าของไฟล์ เทา่ น้ัน ถึงจะเขา้ ใช้ได้ ตัวเลือกน้ีเหมาะสาหรบั เอกสารที่ตอ้ งการแบ่งปนั เฉพาะบุคคล เท่าน้นั วิธกี ารกาหนดสทิ ธใ์ิ นใช้งานแชรไ์ ฟล์ เมื่อเราได้ทาการแชร์ไฟล์ให้กับผู้อื่นได้ใช้งานร่วมกันแล้ว แต่ต้องการปรับเปล่ียนสิทธ์การใช้งาน ใหม่ เจ้าของไฟล์ที่ทาการแชร์ออกไป สามารถปรับสิทธิก์ ารใชง้ านได้ ให้คลิกขวาท่ีไฟล์ที่ถูกแชร์ หรือไฟล์ท่ี ต้องการปรับเปล่ียนสิทธ์ิในการใช้งาน จากน้ันเลือกท่ี “แชร์” จากนั้นคลิกท่ี “แชร์กับอีก 1 คน” ใน หน้าต่างต้ังค่าการแชร์จะปรากฏอีเมล์ของผู้ที่แชร์ไฟล์ที่ใช่งานร่วมกัน เราสามารถปรับเปล่ียนสิทธ์ิการใช้ งานในชอ่ งด้านหลงั ของ E-mail ได้ตามตอ้ งการเม่อื ทาการปรับเปลี่ยนเรียบรอ้ ยแลว้ ใหค้ ลิกที่ “เสรจ็ สิน้ ” หนว่ ยฝึกอบรม Google Application ภาควิชาคอมพวิ เตอร์ศกึ ษา วันท่ี 28 พฤศจิกายน 2558 มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกล้าพระนครเหนือ
Google Application for Education ห น้ า | 9 การตดิ ตัง้ Google Drive การตดิ ตั้ง Google Drive บน Apple Google Drive มไี วส้ าหรบั ฝากไฟล์ หรอื ทางานเอกสารแบบ ออนไลน์ ซึ่งจะไม่สามารถดู แบ่งปันและทางานร่วมกัน จากรายการเอกสารได้ แต่ถ้าหากติดต้ังแอปพลิเค ชัน Google Drive For MAC หรือแอปพลิเคชันมือถอื สามารถใช้ประโยชน์จาก Google Drive ในอุปกรณ์ ทั้งหมดที่ใช้ กล่าวอีกนัยหน่ึง สามารถเข้าถึงและ sync ทุกอย่างใน Drive ออนไลน์กับโฟลเดอร์ Google Drive บนเดสกท์ อ็ ป เริ่มตน้ จากการเข้าเวบ็ ไซตข์ อง Google Drive เพือ่ เข้าใช้งานที่ http://drive.google.com 1. ให้ Login ดว้ ย email และ รหสั ผ่านท่ีไดส้ มัครไวก้ บั Gmail 2. เม่ือเริ่มเข้าใช้งานครั้งแรกสุด หน้าจอจะยังไม่มีรายละเอียดหรือชื่อไฟล์หรือโฟลเดอร์ใด ๆ สังเกต มมุ ซ้ายล่าง กดปมุ่ ดาวน์โหลดไดรฟส์ าหรบั PC เพ่อื จะตดิ ต้งั โปรแกรมในเครอ่ื งคอมพิวเตอร์ 3. จะมีหน้า Popup ขึ้นมาถามว่า Do you want to run this file? ให้เราคลิกท่ีปุ่ม Run เพื่อทา การติดต้งั ต้งั โปรแกรมต่อไป 4. เคร่ืองจะดาวน์โหลด Google Drive จาก Internet และติดตั้งในเคร่ืองของเรา ขั้นตอนน้ีจะใช้ เวลาสักพัก ประมาณไมเ่ กิน 5 นาที ของ Internet หรือเวลา ขึน้ อยู่กบั ความเร็ว 5. เม่ือติดต้ังเสร็จ จะมีหน้า Popup แจ้งขอขอบคุณท่ีติดตั้ง Google Drive เป็นอันว่า เราได้ทาการ ตดิ ตง้ั Google Drive ลงในเครอ่ื งเสร็จสมบูรณแ์ ลว้ 6. เมื่อติดตั้งเสร็จแล้ว จะมีหน้าจอแจ้งคาอธิบายเก่ียวกับ Google Drive และจะมีพ้ืนที่สาหรับ จัดเก็บข้อมูลจานวนเราได้ใชฟ้ รี ๆ เพียงพอสาหรับการจัดเก็บเอกสาร หากไม่เพียงพอจริง ๆ เราก็ สามารถส่ังซือ้ พนื้ ทไ่ี ด้ โดย 15GB 7. เร่มิ ใชง้ าน Google Drive คร้งั แรกจะใหล้ งช่อื เข้าใชง้ านโดยการกรอก อีเมล และรหสั ผ่าน ท่เี ราได้ สมัครไว้กบั ทาง Gmail ไวเ้ รียบรอ้ ยแลว้ และกดปุ่ม ลงชือ่ เขา้ ใช้งาน หน่วยฝึกอบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ กึ ษา วันที่ 28 พฤศจิกายน 2558 มหาวิทยาลัยเทคโนโลยีพระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 10 การสรา้ งเวบ็ ไซต์ส่วนตัวด้วย Google Site Google Sites คือ โปรแกรมออนไลน์ที่ทาให้การสร้างเว็บไซต์ให้ง่ายข้ึนเหมือนกับการแก้ไข เอกสารธรรมดา นอกจากนี้ Google Sites ยังสามารถรวบรวมความหลากหลายของขอ้ มลู ไว้ในทเี่ ดียว เช่น รวมวิดีโอ ปฏิทินการนาเสนอ เอกสารหรือส่ิงที่แนบ และข้อความ อีกทั้งยังอานวยความสะดวกให้คุณได้ ร่วมกันดู หรือแก้ไขหน้าเว็บไซต์ของคุณ ท้ังส่วนตัวและกลุ่มองค์กรของคุณได้อย่างสะดวกและมี ประสิทธภิ าพ ซ่งึ Google Site เองน้นั มปี ระโยชนส์ าหรบั ผู้ใช้งาน ดงั น้ี ประหยดั คา่ ใชจ้ ่ายในการจ้าง Web Designer ไม่จาเป็นตอ้ งมพี ้นื ฐานทางด้านการเขยี นเวบ็ หรอื เขยี นโปรแกรม สามารถออกแบบเวบ็ ไซตไ์ ด้ตรงตามความต้องการของตนเอง หรอื องคก์ ร พฒั นาได้งา่ ย ปรบั ปรงุ รปู แบบ ปรับแต่งข้อมูลแบบออนไลน์ สามารถรวมเขา้ กบั บรกิ ารตา่ งๆ ของ Google เพือ่ ให้คุณสามารถแบ่งปันวดิ ีโอ ภาพถา่ ย งาน นาเสนอหรอื ปฏทิ นิ เปน็ ตน้ การลงช่อื เขา้ ใช้งาน Google Site 1. เข้าส่เู วบ็ ไซต์ https://sites.google.com 2. กรอกขอ้ มลู เพ่ือเขา้ สรู่ ะบบ หนว่ ยฝึกอบรม Google Application ภาควิชาคอมพวิ เตอร์ศึกษา วันที่ 28 พฤศจกิ ายน 2558 มหาวิทยาลัยเทคโนโลยีพระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 11 3. ปรากฏหนา้ ต่างในการสร้าง site ขน้ึ มาถือวา่ การใชง้ านถกู ตอ้ ง การต้งั ค่าเปิดใชง้ านภาษาไทยใน Google Site ใน Google Site น้ันเราสามารถตั้งค่าภาษาท่ีใช้ในการแสดง เพื่อความสะดวกในการใช้งานของ ผู้ใช้งาน ซ่ึงโดยปกติแล้ว ค่าเริ่มต้น (Default) ของภาษาที่แสดงนั้นจะเป็นภาษาอังกฤษ ซ่ึงผู้ใช้สามารถ ปรับเปลี่ยนภาษาที่ต้องการให้แสดงโดยมีภาษาท่ีรองรับการใช้งานทั้งหมด 41 ภาษา ตัวอย่างเช่น ภาษาอังกฤษ (UK), ภาษาไทย, ภาษาสเปน, ภาษาจนี , ภาษาญี่ป่นุ ฯลฯ เปน็ ตน้ ภาพท่ี 1 ตวั เลอื กของภาษาท่ีสามารถใชใ้ นการแสดงผลใน Google Site หนว่ ยฝึกอบรม Google Application ภาควิชาคอมพวิ เตอรศ์ ึกษา วนั ท่ี 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 12 การสรา้ ง Site ใหมใ่ น Google Site 1. คลิกที่ปุ่ม สร้าง ในหนา้ แรกของ Google Site 1 2. เม่ือคลิกแล้วจะปรากฏหน้าสาหรับ ตั้งชื่อไซต์ แกไ้ ข้ชอ่ื URL และเลือกชดุ รูปแบบได้ โดยจะ เลือก แมแ่ บบวา่ งเปล่า 2 3. คลิกปุ่ม ยืนยนั ตัวตน เพอ่ื ระบตุ ัวตนผใู้ ชว้ า่ ไม่ใชโ่ ปรแกรมอตั โนมัติ จากนน้ั กดปุ่ม สร้างไซต์ 3.1 3.2 หนว่ ยฝกึ อบรม Google Application ภาควิชาคอมพิวเตอรศ์ กึ ษา วนั ที่ 28 พฤศจิกายน 2558 มหาวิทยาลยั เทคโนโลยพี ระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 13 4. เม่อื คลกิ สรา้ งไซต์แลว้ จะได้หน้าไซต์ทสี่ ร้างขึ้นมาดังนี้ การใสธ่ ีมพนื้ ฐานใหก้ บั Site ธีม (Theme) คอื ลักษณะของเวบ็ ไซตท์ ่ีมีการออกแบบและจัดทาขึ้น โดยมลี กั ษณะเฉพาะตวั ไมว่ า่ จะเป็นสีสัน รูปแบบตัวอักษร หรือ การวางหน้าเค้าโครง ซึ่งธีมน้ันเราสามารถนาธีมท่ีมีผู้พัฒนาแล้วมาใช้ หรืออาจจะสรา้ งธีมขน้ึ มาใช้งานเองกส็ ามารถทาได้ ซึ่งการนาธีมมาใช้งานกับเว็บไซตน์ ั้นมีประโยชน์ดงั น้ี ประหยดั เวลาในการสร้างเว็บไซต์ ให้ความสวยงามกบั เว็บไซตม์ ากกว่ากวา่ สร้างธีมข้ึนเอง สามารถเลอื กธีมที่เหมาะสมและตรงตามความตอ้ งการของผใู้ ช้งานได้ โดยใน Google Site นั้นจะมีธีมพ้ืนฐานไว้ให้ผู้ใช้งานสามารถเลือกใช้งานได้อย่างหลากหลายมาก ถงึ 53 ธีม ตัวอย่างเช่น ธมี เหลืองส้ม, ธมี ไมโครไลค์, ธมี ขอบฟา้ , ธมี ไวนิล ฯลฯ เป็นต้น ซ่ึงผู้ใชง้ านสามารถ ปรบั เปล่ยี นธีมที่ใช้งานได้ตามต้องการ ภาพที่ 2 หน้าเพจของเว็บไซตใ์ นกรณที ย่ี ังไมไ่ ด้ใส่ธมี หน่วยฝกึ อบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ ึกษา วนั ท่ี 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 14 ภาพท่ี 3 หนา้ เพจของเวบ็ ไซตใ์ นกรณีทใี่ สธ่ มี แล้ว (ธมี เหลืองสม้ ) เคร่อื งมอื พื้นฐานท่ีใชใ้ นการแกไ้ ข Site ใน Google Site น้ันการแก้ไขหน้าไซต์ถือว่าเป็นส่ิงที่สาคัญมาก เน่ืองจากเคร่ืองมือเหล่านี้จะมี ส่วนช่วยให้เราสามารถปรับแต่งหรือจัดทาเว็บไซตืให้ออกมาตรงความต้องการของตนเองหรือขององค์กร มากทสี่ ุด ซ่ึงในหัวข้อนเ้ี ราจะมาทาความรู้จักกบั เครื่องมือพืน้ ฐานตา่ งๆท่ีใช้ในการแก้ไขหน้าเพจของไซต์ ซ่ึง ในขั้นตอนแรกก่อนที่จะไปดูเคร่ืองมือพื้นฐานนั้นเราต้องปรับโหมดไปยังโหมดแก้ไขเสียก่อน ซ่ึงเคร่ืองมือ พ้ืนฐานนั้นจะประกอบไปดว้ ย 1) Toolbar และ 2) เมนเู พม่ิ เตมิ 1. Toolbar ประกอบไปดว้ ยกล่มุ คาสั่งแบง่ เปน็ ส่วนต่างๆ ดังน้ี 1.1 1.2 1.3 1.4 1.1 กลุ่มคาส่ังยกเลิกและทาซ้า การเปล่ียนแปลงโดยการคลิกท่ีปุ่มลูกศรในแถบเคร่ืองมือ นอกจากนย้ี งั สามารถใชแ้ ป้นพิมพ์ลดั ได้อีกดว้ ย 1.2. กลุ่มคาส่ังเกยี่ วกบั ตัวอกั ษร ประเภทของตัวอกั ษร Font และขนาดทีใ่ ช้เมนแู บบเล่ือนลง และ พมิ พต์ ัวหนาและตัวเอียงขีดเส้นใต้ข้อความและเปล่ียนสีของข้อความหรือพ้ืนหลัง ดังจะเห็นคาส่ังต่อไปนี้ B การพมิ พต์ ัวหนา I ตัวเอยี ง U ขีดเส้นใต้ข้อความท่ี U A สขี องข้อความการเปลย่ี นแปลง 1.3. กลมุ่ คาสงั่ เกีย่ วกับการจดั ตาแหนง่ ขอ้ ความหรอื วตั ถุต่างๆบนหน้าเพจของ site 1.4. กลุ่มคาส่งั ในการเขียนภาษา HTML ใช้สาหรับเพิ่มภาษา HTML ลงไปในหนา้ เพจของ site 2. เมนเู พ่ิมเตมิ ประกอบไปด้วยเมนูต่างๆ ดังนี้ 2.1 2.2 2.3 2.4 2.5 หนว่ ยฝกึ อบรม Google Application ภาควชิ าคอมพิวเตอรศ์ กึ ษา วันท่ี 28 พฤศจกิ ายน 2558 มหาวิทยาลัยเทคโนโลยีพระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 15 2.1. เมนูแทรก เป็นเมนูท่ีใช้ในการแทรกวัตถุต่างๆลงในหน้าเพจของไซต์ ซึ่งวัตถุเหล่านั้น จะประกอบด้วยรูปภาพ, สารบัญ, กล่องข้อความ, กล่องข้อความ html เป็นต้น นอกจากน้ียัง สามารถแทรกบรกิ ารตา่ งๆของ Google ลงไปบนหน้าเพจไดอ้ ีกด้วย เช่น Google maps, Google Calendar, Google Drive เปน็ ตน้ ดังภาพต่อไปนี้ ภาพท่ี 4 เครอ่ื งมอื ทป่ี รากฏอยู่ในเมนแู ทรก 2.2. เมนูรูปแบบ เป็นเมนูที่ใช้ในการจัดรูปแบบของตัวอักษรของหน้าเว็บไซต์ อีกท้ังยัง เป็นการจัดตาแหน่งของตัวอักษรบนหน้าเพจ ซ่ึงคล้ายกับเปน็ รูปแบบในการจัดหน้าเอกสารนั่นเอง ซึ่งจะมรี ูปแบบย่อยดังนี้ ภาพที่ 5 เครื่องมือทปี่ รากฏอยูใ่ นเมนรู ูปแบบ หนว่ ยฝกึ อบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ ึกษา วันที่ 28 พฤศจิกายน 2558 มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 16 2.3. เมนูตาราง เป็นเมนูท่ีใช้ในการแทรกตารางลงไปในหน้าเพจของของไซต์ เพ่ือใช้ใน การจัดเน้ือหาภายในหนาเพจของไซต์ให้เป็นระเบียบเรียบร้อยและน่าสนใจมากขึ้น ภายในเมนู ประกอบด้วยดงั น้ี ภาพท่ี 6 เครือ่ งมอื ทปี่ รากฏอยใู่ นเมนตู าราง 2.4. เมนูการออกแบบ เมนูนี้ถือว่าเป็นเมนูท่ีสาคัญอีกเมนูหนึ่ง เน่ืองจากเป็นเมนูท่ีทาให้ การออกแบบไซต์ของเราง่ายข้ึน เน่ืองจากจะมีโครงร่าง (Layout) ต่างๆ มาให้ผู้ใช้ได้เลือกใช้งาน เช่น แบ่งสอง คอลัมน์เท่ากัน แบ่งสามคอลัมน์ไม่เท่ากัน เป็นต้น ซ่ึงจะมีรายการของโครงร่างท่ีให้ เลอื กดังต่อไปน้ี ภาพที่ 7 เคร่ืองมือทปี่ รากฏอยใู่ นเมนูการออกแบบ หน่วยฝกึ อบรม Google Application ภาควิชาคอมพวิ เตอรศ์ ึกษา วันที่ 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 17 2.5. เมนูความช่วยเหลือ เป็นเมนูที่ให้ความช่วยเหลือกับผู้ใช้งานไซต์ซ่ึงประกอบด้วย เมนู ย่อยคือ ความช่วยเหลือของไซต์ ซึ่งเป็นการให้คาแนะนาต่างๆในการใช้งาน Google Site แก่ผู้ใช้ และแป้นพมิ พล์ ดั เปน็ เครอ่ื งมอื ท่ีจะบอกผใู้ ชว้ า่ คาสั่งใดใน Google Site ถกู แทนด้วยคยี ล์ ดั ตัวใด ภาพที่ 8 เครอ่ื งมือท่ีปรากฏอยใู่ นเมนูความชว่ ยเหลือ การกาหนดโครงรา่ ง (Layout) ให้กบั หนา้ เพจของ Site โครงร่างของเว็บไซต์ หมายถึง การแบง่ หรือจัดกลุ่มหน้าเว็บไซตอ์ อกเป็นส่วนๆ ตามความต้องการ ของผู้ใช้งาน ซึ่งในการออกแบบเว็บไซต์นั้นส่วนของการกกาหนดโครงร่างของเว็บไซต์น้ันเป็นสิ่งที่สาคัญ อย่างยิ่ง เพราะการออกแบบหน้าเว็บนั้นการกาหนดโครงร่างมักจะเป็นส่วนท่ีสาคัญอันดับแรกๆ ของการ สรา้ งเวบ็ ไซต์ โดยใน Google Site นน้ั จะมีโครงร่างไว้ให้ผู้ใช้งานเลือกใช้ไดถ้ ึง 9 โครงร่าง ดงั ตอ่ ไปนี้ ภาพที่ 9 โครงร่างทผ่ี ใู้ ชส้ ามารถเลอื กใช้งานได้ภายใน Google Site หน่ึงคอลัมน์ (แบบง่าย) เป็นโครงร่างเริ่มต้นท่ีไม่มีการแบ่งหรือจัดกลุ่มหน้าเพจเป็นส่วน ตา่ งๆ สองคอลัมน์ (แบบง่าย) เป็นโครงร่างท่ีมีการแบ่งหรือจัดกลุ่มหน้าเพจเป็นส่วนต่างๆ ออกเป็น 2 สว่ นเท่าๆกนั สามคอลัมน์ (แบบง่าย) เป็นโครงร่างที่มีการแบ่งหรือจัดกลุ่มหน้าเพจเป็นส่วนต่างๆ ออกเปน็ 3 ส่วนเทา่ ๆกัน หน่วยฝกึ อบรม Google Application ภาควชิ าคอมพิวเตอร์ศกึ ษา วนั ที่ 28 พฤศจิกายน 2558 มหาวทิ ยาลยั เทคโนโลยีพระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 18 หนง่ึ คอลมั น์ เปน็ โครงร่างทไี่ มม่ กี ารแบง่ หรอื จัดกลมุ่ หน้าเพจเป็นสว่ นตา่ งๆ แตจ่ ะเพ่ิมสว่ น หัวและสว่ ยทา้ ยให้กบั โครงร่างด้วย สองคอลัมน์ เป็นโครงร่างท่ีมีการแบ่งหรือจัดกลุ่มหน้าเพจเป็นส่วนต่างๆออกเป็น 2 ส่วน เทา่ ๆกัน แต่จะเพ่ิมส่วนหวั และส่วยท้ายใหก้ ับโครงร่างดว้ ย สามคอลัมน์ เป็นโครงร่างท่ีมีการแบ่งหรือจัดกลุ่มหน้าเพจเป็นส่วนต่างๆออกเป็น 3 ส่วน เท่าๆกนั แต่จะเพิ่มสว่ นหวั และส่วยทา้ ยใหก้ บั โครงร่างด้วย แถบด้านซ้าย เป็นโครงรา่ งทม่ี ีการแบง่ หรอื จัดกลุ่มหน้าเพจเปน็ ส่วนต่างๆออกเป็น 2 ส่วน โดยส่วนพืน้ ที่ด้านซ้ายจะมีขนาดของพื้นท่ีมากกว่าพ้ืนท่ีในด้านขวา และจะมีการเพิ่มส่วน หัวและส่วยทา้ ยให้กับโครงร่างด้วย แถบด้านขวา เป็นโครงร่างที่มีการแบ่งหรือจัดกลุ่มหน้าเพจเปน็ สว่ นต่างๆออกเป็น 2 ส่วน โดยส่วนพ้ืนที่ด้านขวาจะมีขนาดของพื้นที่มากกว่าพื้นที่ในด้านซ้าย และจะมีการเพิ่มส่วน หัวและสว่ ยทา้ ยให้กบั โครงรา่ งด้วย แถบดา้ นข้างทางซา้ ยและขวา เป็นโครงรา่ งทมี่ ีการแบ่งหรือจดั กล่มุ หน้าเพจเปน็ ส่วนต่างๆ ออกเป็น 3 ส่วน โดยที่ส่วนกลางจะมีขนาดของพื้นที่มากกว่าด้านซ้ายและด้านขวา และ จะมีการเพิม่ สว่ นหวั และส่วยท้ายใหก้ ับโครงรา่ งดว้ ย รปู แบบในส่วนหวั เรอื่ ง (Header) และ ส่วนของท้ายเรอื่ ง (Footer) ของ Site เว็บไซตโ์ ดยทว่ั ไปในปกตแิ ลว้ จะแบ่งหน้าเพจออกเป็น 3 ส่วนหลัก ดงั น้ี 1. ส่วนของหัวเรื่อง (Header) เป็นส่วนบนสุดของเว็บไซต์ โดยส่วนใหญ่แล้วส่วนน้ีจะประกอบ ไปด้วย ชือ่ ของเวบ็ ไซต,์ การนาทางหรือลงิ ค์, การคน้ หาตา่ งๆ ฯลฯ เปน็ ต้น 2. ส่วนของเน้ือหา (Content) เป็นส่วนท่ีใช้ในการแสดงเนื้อหาต่างๆที่ต้องการจากผู้ใช้งาน กล่าวคอื ในสว่ นนี้จะเป็นพืน้ ที่ในการแสดงขอ้ มูลต่างๆของเวบ็ ไซต์ 3. ส่วนของท้ายเรื่อง (Footer) เป็นส่วนท่ีอยู่ท้ายสุดของหน้าเว็บเพจ โดยส่วนใหญ่ในส่วนน้ีมัก ใชใ้ นการแสดงข้อมลู ตดิ ตอ่ ตา่ งๆ เช่น ทีอ่ ยขู่ ององคก์ รหรือบคุ คล, ช่อื ผู้จดั ทา, ทอ่ี ยู่ผู้จัดทา ฯลฯ เป็นต้น ซ่ึงใน Google Site เรายังสามารถจัดการแก้ไขและปรับแต่งในส่วนของหัวเร่ืองและส่วนท้ายเร่ือง ของไซต์ให้มีความสอดคล้องเหมาะสมและตรงตามความต้องการ หรือ ตามท่ีผู้ใช้งานได้ออกแบบไว้ได้อีก ด้วย หนว่ ยฝกึ อบรม Google Application ภาควชิ าคอมพิวเตอร์ศึกษา วันที่ 28 พฤศจกิ ายน 2558 มหาวทิ ยาลยั เทคโนโลยพี ระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 19 การแทรกรูปภาพลงในหนา้ เพจของ Site จากน้ันเลือกท่ี เมนูแทรก จากนั้นเลือกท่ี 1. ปรับไปยังโหมดการแก้ไขโดยคลิกปุ่ม รูปภาพ 1 2. เลอื ก อัปโหลดภาพ เพอ่ื เลือกไฟลร์ ูปภาพท่ตี อ้ งการจากเคร่อื งคอมพิวเตอร์ 2 3. เมื่ออัปโหลดภาพเสร็จเรียบร้อยแล้วคลิก ตกลง ซึ่งเราสามารถกาหนดขนาดและตาแหน่งการ วาง ของรปู ภาพได้ภายหลงั 3 วันที่ 28 พฤศจิกายน 2558 หนว่ ยฝกึ อบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ ึกษา มหาวทิ ยาลยั เทคโนโลยีพระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 20 การแทรกตารางลงในหน้าเพจของ Site 1. ปรับไปยงั โหมดการแก้ไขโดยคลกิ ปุม่ จากน้นั เลือกท่ี เมนูตาราง จากน้นั เลือก แทรก ตาราง จากน้ันเลือกจานวนหลักและจานวนแถวท่ีต้องการสร้างตาราง ตัวอย่างจะสร้างขนาด 3 แถว 4 หลัก 2. หลักจากนั้นจะปรากฏตารางที่สร้างข้ึนมาอยู่บนหน้าเพจของไซต์ ซึ่งข้อมูลในตารางสามารถ แก้ไขได้ ดังตัวอย่างตอ่ ไปนี้ การสร้างหนา้ เพจเพ่มิ ให้กับ Site 1. คลิกที่ปุ่ม จากน้ันจะปรากฏหน้าในการสร้างหน้าเพจ โดยจะให้ทาการ ต้ังช่ือหน้า เพจ 1 2. เมอ่ื ต้งั ชอื่ หนา้ เพจแล้วให้คลกิ ปุ่ม สรา้ ง เพ่ือสร้างหนา้ เพจนี้ขน้ึ มา หน่วยฝึกอบรม Google Application ภาควชิ าคอมพวิ เตอร์ศกึ ษา วันท่ี 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 21 การแก้ไขชอื่ ของหนา้ เพจภายใน Site การต้ังชื่อหน้าเพจแต่ละหน้าน้ัน ช่ือของหน้าเพจนั้นควรมีความสัมพันธ์กับเนื้อหาภายในเพจด้วย ซ่งึ ในกรณที ี่ตัง้ ช่ือเพจให้ความหมายไมด่ ีนัก เราสามารถแกไ้ ขชื่อเพจของเราได้ โดยทาไดด้ งั ต่อไปนี้ 1. เลือกหนา้ เพจท่ีตอ้ งการแก้ไขชือ่ เพจ 1 2. ปรบั ไปยังโหมดการแกไ้ ขโดยคลกิ ปุ่ม จากนน้ั เปล่ียนชื่อหวั ขอ้ บนหน้าเพจ 2 3. กดปมุ่ บนั ทกึ เพอ่ื บนั ทึกช่ือเพจใหม่ 3 หนว่ ยฝกึ อบรม Google Application ภาควิชาคอมพิวเตอรศ์ ึกษา วนั ท่ี 28 พฤศจกิ ายน 2558 มหาวทิ ยาลยั เทคโนโลยีพระจอมเกล้าพระนครเหนือ
Google Application for Education ห น้ า | 22 ประเภทของการเช่อื มโยง (Hyperlink) หน้าเพจ การเชอื่ มโยง (Hyperlink) ทางเวบ็ ไซตน์ ั้นประกอบดว้ ย 3 ประเภทหลักคือ 1. เช่ือมโยงในหน้าเพจเดียวกัน หมายถึง การกาหนดเป้าหมายในการเชื่อมโยงให้อยู่หน้าเพจ เดียวกนั เชน่ การคลกิ เพื่อเลอ่ื นไปยงั ดา้ นบนของเพจหรอื ทา้ ยสดุ ของท้ายเพจ เปน็ ต้น 2. เชื่อมโยงไปยังหน้าเพจอ่ืนภายในไซต์เดียวกัน หมายถึง การเช่ือมโยงหน้าเพจแต่ละหน้าให้มี ความสมั พนั ธก์ ันสามารถโยงใยไปมาระหวา่ หนา้ เพจหนึ่งไปยงั อีกหนา้ เพจหน่ึงได้ ซึ่งหนา้ เพจที่ เชื่อมโยง กนั จะตอ้ งอยู่ภายในไซตเ์ ดียวกนั 3. เช่ือมโยงไปยังหน้าเพจอ่ืนภายนอกไซต์ หมายถึง การเช่ือมโยงหน้าเพจไปยังหน้าเพจอ่ืนท่ีอยู่ ต่างไซตก์ ัน เช่น เชอ่ื มโยง page.html ไปยังหนา้ เพจ index.html ของไซต์ google.com เปน็ ตน้ การเชอ่ื มโยงหน้าเพจไปยังหน้าเพจอน่ื ภายนอกไซต์ 1. ปรับไปยังโหมดการแก้ไขโดยคลิกปมุ่ จากนั้นเลือกท่ี เมนูแทรก จากน้นั เลือก ลิงค์ จะ ปรากฏหนา้ สร้างลงิ ก์ขึน้ มา 1 หน่วยฝกึ อบรม Google Application ภาควิชาคอมพวิ เตอรศ์ กึ ษา วนั ที่ 28 พฤศจิกายน 2558 มหาวิทยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 23 2. เลือก ท่ีอยู่ของเว็บ พิมพ์ URLของเว็บไซต์ที่ต้องการเช่ือมโยงไปในช่องที่เขียนว่า ลิงค์ไปท่ี URL น้:ี เชน่ www.kapook.com เปน็ ต้น 2 3. แกไ้ ขข้อความท่ตี ้องการแสดง กรณีไม่แกไ้ ขจะใชช้ ่อื เดยี วกับ URL ของเวบ็ ไซต์ จากน้นั กด ตกลง 3 ตัวอย่างผลลพั ธ์ทีไ่ ด้ในการสรา้ งการเชือ่ มโยง วันที่ 28 พฤศจิกายน 2558 คลกิ หน่วยฝกึ อบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ ึกษา มหาวทิ ยาลยั เทคโนโลยีพระจอมเกล้าพระนครเหนือ
Google Application for Education ห น้ า | 24 เมื่อมีการคลิกที่ลงิ ค์ จะเช่ือมโยงไปยงั หนา้ เพจของ www.kapook.com การแทรกภาษา HTML ลงในหน้าเพจของ Site 1. ปรับไปยงั โหมดการแก้ไขโดยคลกิ ปุ่ม จากนั้นเลือกที่ เมนแู ทรก จากนั้นเลือก กลอ่ ง HTML 1 หนว่ ยฝกึ อบรม Google Application ภาควิชาคอมพิวเตอร์ศกึ ษา วนั ท่ี 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 25 2. จะปรากฏกล่องขอ้ ความข้นึ มาเพ่อื รับโคด้ ภาษา HTML 2 3. พิมพ์ภาษา HTML ลงไปใน กลอ่ ง HTML แล้วกด บนั ทกึ ตวั อยา่ งเชน่ ผลลพั ธ์ที่ได้คอื หนว่ ยฝกึ อบรม Google Application ภาควชิ าคอมพวิ เตอร์ศึกษา วนั ท่ี 28 พฤศจกิ ายน 2558 มหาวิทยาลัยเทคโนโลยีพระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 26 ขน้ั ตอนการลบ Site 1. คลิกท่ีปุ่ม จากนัน้ เลือก จดั การไซต์ จะปรากฏหนา้ ตา่ งการจดั การไซต์ขึน้ มา 2. เลอื กท่ปี ุ่ม นาออกไซตน์ ้ี จงึ ถอื เป็นการลบไซต์น้อี อกเปน็ ที่เรียบร้อย 2 ขั้นตอนการเผยแพร่ Site เปน็ Template สาธารณะ ในกรณีท่เี ราจัดทาไซตข์ ้นึ และตอ้ งการเผยแพรไ่ ซต์ของเราเพ่ือเป็น Template แก่บคุ คลอนื่ นน้ั เรา สามารถทาไดด้ ังตอ่ ไปนี้ 1. คลิกทป่ี ุ่ม จากน้ันเลือก จัดการไซต์ จะปรากฏหนา้ ต่างการจดั การไซต์ขนึ้ มา 2. เลอื กทป่ี ุม่ เผยแพร่ไซตน์ ีเ้ ป็นเทม็ เพลต 2 หน่วยฝกึ อบรม Google Application ภาควิชาคอมพวิ เตอรศ์ ึกษา วนั ท่ี 28 พฤศจกิ ายน 2558 มหาวทิ ยาลยั เทคโนโลยพี ระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 27 3. จะปรากฏหน้าทีใ่ หพ้ ิมพ์ ชอ่ื แม่แบบ พรอ้ มคาอธบิ ายและเลอื กหมวดหมแู ม่แบบ เมอื่ พมิ พ์ รายละเอยี ดครบแลว้ ให้กด สง่ เพอ่ื สง่ ไซตข์ องเราข้ึนไปเปน็ template สาธารณะ 5 1 2 3 4 หน่วยฝึกอบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ กึ ษา วันที่ 28 พฤศจิกายน 2558 มหาวิทยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 28 วิทยากร ชือ่ นายวสพุ ล โพธเิ วชกุล รหัสนกั ศึกษา 55-020416-2009-5 สถานทศี่ ึกษา มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกล้าพระนครเหนอื คณะครุศาสตรอ์ ุตสาหกรรม ภาควชิ าคอมพวิ เตอรศ์ ึกษา ชอ่ื นางสาววิลาวัณย์ สดุ ชี รหัสนกั ศกึ ษา 55-020416-2005-2 สถานทีศ่ กึ ษา มหาวิทยาลยั เทคโนโลยีพระจอมเกล้าพระนครเหนือ คณะครุศาสตรอ์ ุตสาหกรรม ภาควชิ าคอมพวิ เตอร์ศกึ ษา หนว่ ยฝึกอบรม Google Application ภาควิชาคอมพวิ เตอรศ์ กึ ษา วันที่ 28 พฤศจิกายน 2558 มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 29 Google Form ความหมายของ Google Form Google Form เปน็ หนง่ึ ในชดุ เอกสารออนไลนจ์ าก Google Apps ซึง่ ความสามารถหลักของ Google Form คอื การสร้างแบบสอบถามออนไลน์ ส่งแบบสอบถามไปยังกลมุ่ เป้าหมายและรวบรวม คาตอบจากผตู้ อบได้อยา่ งรวดเรว็ ตวั อย่างการประยุกต์ใช้งาน เช่น แบบประเมนิ ความพงึ พอใจของลกู คา้ แบบสอบถามความคดิ เห็นจากบุคลากรฝ่ายตา่ ง ๆ แบบสอบถามความรสู้ าหรับนกั เรียน เป็นตน้ และ สามารถดัดแปลงทาเปน็ ข้อสอบได้อีกด้วย การเปิด Google Form 1. เขา้ สเู่ วป็ ไซต์ http://www.google.co.th แลว้ คลกิ เลอื กเมนู “Drive” ดังภาพ หน่วยฝึกอบรม Google Application ภาควิชาคอมพวิ เตอร์ศกึ ษา วันที่ 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 30 2. กรอกข้อมูลเพอ่ื เข้าสู่ระบบ 3. ปรากฏหน้าต่างไดร์ฟข้นึ มา หน่วยฝึกอบรม Google Application ภาควชิ าคอมพิวเตอร์ศกึ ษา วนั ที่ 28 พฤศจิกายน 2558 มหาวทิ ยาลยั เทคโนโลยีพระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 31 4. คลกิ ที่ปุ่ม “New” จะปรากฏเมนูย่อยให้เลือกรายการดงั น้ี จากน้นั ให้เลอื ก Folder เพือ่ ทาการ สรา้ ง Folder ทเ่ี ราจะทาการเกบ็ ไฟล์ขอ้ สอบและเพื่องา่ ยต่อการค้นหาอีกดว้ ย 5. ต้ังช่ือ Folder ให้ตั้งช่อื ว่า “แบบทดสอบ Google Applications” แลว้ กด Create เพ่อื สรา้ ง Folder หน่วยฝึกอบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ ึกษา วันที่ 28 พฤศจกิ ายน 2558 มหาวิทยาลยั เทคโนโลยีพระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 32 6. เมอ่ื สร้าง Folder เสรจ็ Google Drive จะทาการบอกว่า Folder ท่เี ราพึ่งสรา้ งคือ Folder ไหน โดยการทา folder นัน้ ให้เปน็ สนี า้ เงนิ ดังรปู จากนนั้ ให้ Double Click ท่ี Folder เพือ่ เขา้ ไปใน Folder นน้ั 7. คลิกทป่ี ุ่ม New จะปรากฏเมนยู อ่ ยดังรูป ให้เราเลอื กท่ี More แลว้ เลอื ก Google Form เพอ่ื สร้าง แบบทดสอบ หนว่ ยฝกึ อบรม Google Application ภาควิชาคอมพิวเตอร์ศกึ ษา วนั ท่ี 28 พฤศจิกายน 2558 มหาวิทยาลยั เทคโนโลยพี ระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 33 สว่ นประกอบของแบบสอบถามใน Google Form แบง่ ออกเป็น 3 ส่วนหลัก ดังนี้ 1. สว่ นของหัวเรื่อง 2. ส่วนของเนื้อหาขอ้ คาถาม 3. ส่วนของหน้าเว็บยืนยัน ตัวอย่างส่วนประกอบของแบบสอบถามใน Google Form 1. ส่วนของหัวเรอ่ื ง ประกอบด้วยชอื่ เร่อื งของแบบสอบถาม และคาอธิบาย หนว่ ยฝกึ อบรม Google Application ภาควิชาคอมพิวเตอร์ศกึ ษา วนั ท่ี 28 พฤศจกิ ายน 2558 มหาวทิ ยาลยั เทคโนโลยีพระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 34 2. สว่ นเน้อื หาขอ้ คาถาม มีสว่ นประกอบไดด้ ังน้ี 2.1 รปู แบบของคาถาม 9 รูปแบบ 2.2 การออกแบบ แบบสอบถามใหม้ ีความนา่ สนใจย่งิ ข้ึนได้ 4 รปู แบบ เชน่ การใส่ภาพ หรือ วดิ ีโอ 3. สว่ นของหนา้ เว็บยนื ยัน คือ การต้งั ค่าการตอบกลับ เมอื่ ผตู้ อบ ตอบแบบสอบถามเสรจ็ เรียบรอ้ ย การต้งั คา่ หนา้ เวบ็ ยืนยนั คือการกาหนดการตอบกลับเมอ่ื ผู้ตอบ ตอบแบบสอบถามเสร็จเรียบร้อยแล้ว จะมขี ้อความแสดง คาขอบคณุ โดยพมิ พล์ งในกล่องข้อความ และมีรูปแบบการตอบกลบั ใหเ้ ลือก 3 แบบ ดงั น้ี 1. แสดงลิงคเ์ พอ่ื ส่งการตอบกลบั อ่นื (Show link to submit another response) คอื สามารถ กลับมาส่งคาตอบเพิม่ ได้อกี 2. เผยแพร่ และแสดงลงิ คผ์ ลลัพธ์ของแบบฟอร์มนีแ้ กผ่ ู้ตอบแบบสอบถามทง้ั หมด (Publish and show a public link to form results) คอื ผ้ตู อบสามารถดูผลสรุปการตอบทั้งหมดได้ โดยจะ แสดงในรูปแบบของกราฟ 3. อนุญาตให้ผ้ตู อบแกไ้ ขคาตอบได้หลังการส่ง (Allow responders to edit responses after submitting) คอื สามารถกลับมาแก้ไขคาตอบได้ หน่วยฝึกอบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ กึ ษา วันท่ี 28 พฤศจิกายน 2558 มหาวทิ ยาลยั เทคโนโลยีพระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 35 จดั การกบั สว่ นหวั ของแบบสอบถาม 1. แก้ไขชื่อเรื่อง โดยคลิกที่ข้อความ “Untitled form” แลว้ พิมพ์ชอื่ เร่ืองของแบบสอบถาม 2. เพ่มิ คาอธบิ ายฟอร์ม โดยการคลิกท่ี Form Description สว่ นของคาอธิบายฟอรม์ ในชอ่ งถัดจาก ชื่อเรอ่ื ง ซึ่งสว่ นนจ้ี ะพมิ พห์ รอื ไมพ่ มิ พก์ ไ็ ด้ เม่อื พิมพ์ข้อความเสร็จแลว้ Google Form จะทาการบนั ทกึ ขอ้ มลู ตลอดเวลาทีท่ างาน รูปแบบของคาถาม รูปแบบของคาถามในการสรา้ งขอ้ สอบ มีให้เลือกได้ 9 รปู แบบ ซึ่งแตล่ ะรปู แบบจะเปน็ การกาหนด วิธกี ารตอบคาถามในแต่ละขอ้ ดังนี้ 1. คอื คาถามทีค่ าตอบเปน็ ข้อความทมี่ ีความยาวไม่มากนัก 2. คอื คาถามที่คาตอบเปน็ ข้อความทมี่ คี วามยาวไดห้ ลายบรรทดั 3. คอื คาถามทม่ี ีตวั เลือกตอบ หลายตวั เลอื ก แตต่ อ้ งการเพียงคาตอบ เดยี วเท่าน้ัน 4. คือ คาถามทม่ี ตี ัวเลือกตอบหลายตวั เลอื กและสามารถเลอื กตอบไดห้ ลาย คาตอบ หนว่ ยฝกึ อบรม Google Application ภาควิชาคอมพิวเตอรศ์ กึ ษา วนั ท่ี 28 พฤศจกิ ายน 2558 มหาวทิ ยาลยั เทคโนโลยพี ระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 36 5. คือ คาถามทีต่ อ้ งการคาตอบเพียงหนึ่งคาตอบเท่านัน้ โดยเลือกจาก รายการทีก่ าหนด 6. คือ คาถามที่ตอ้ งการคาตอบเป็นระดับค่าตามตวั เลขที่กาหนดให้ 7. คือ คาถามทีต่ อ้ งการคาตอบเป็นระดบั คา่ ตามตัวเลขทกี่ าหนดใหแ้ ละมี ประเดน็ คาถามย่อยไดห้ ลายคาถาม 8. คือ คาถามท่รี ปู แบบคาตอบเป็นวันท่ี เช่น วันเดือนปเี กดิ 9. คอื คาถามที่รปู แบบคาตอบเป็นการกาหนดเวลาเป็น ชวั่ โมง นาที การเพิ่ม Section Header เปน็ การเพม่ิ หรือแบ่ง Form เปน็ Section ยอ่ ยๆ กส็ ามารถทาไดโ้ ดยการแทรก Section header วธิ ีการสร้าง Section Header 1. คลิกปุม่ Add item >> Section header 2. ช่อง Header text เปน็ ชอ่ งสาหรบั ใสห่ วั ขอ้ ให้ใสห่ วั ข้อทีต่ ้องการ 3. ชอ่ ง Description เปน็ ชอ่ งสาหรับใส่คาอธบิ ายของหวั ขอ้ ให้ใสค่ าอธบิ ายท่ีต้องการ หน่วยฝกึ อบรม Google Application ภาควิชาคอมพวิ เตอร์ศกึ ษา วันที่ 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 37 การสรา้ งขอ้ สอบแบบปรนัย โดยการสรา้ งขอ้ สอบแบบปรนัยจะใช้รปู แบบของคาถามประเภท Multiple Choice วิธีการสร้างข้อสอบแบบปรนัย 1. ใหค้ ลกิ ท่ปี ุ่ม Add item แล้วเลือกสร้างแบบ Multiple choice 2. ให้ใสโ่ จทยต์ รงช่อง Question title และใสค่ าตอบตรงชอ่ ง Question type ดังรปู 3. เมือ่ กรอกเสรจ็ แลว้ ให้กดท่ีปมุ่ Done วันท่ี 28 พฤศจกิ ายน 2558 หน่วยฝกึ อบรม Google Application ภาควิชาคอมพิวเตอรศ์ กึ ษา มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 38 การสรา้ งขอ้ สอบแบบถูกผิด โดยการสร้างข้อสอบแบบถูกผดิ จะใช้รปู แบบของคาถามประเภท Multiple Choice วิธกี ารสร้างข้อสอบแบบถกู ผิด 1. ให้คลกิ ที่ปุม่ Add item แล้วเลือกสรา้ งแบบ Choose from a list 2. ให้ใส่โจทย์ตรงชอ่ ง Question title และใส่คาตอบตรงช่อง Question type ดงั รปู 3. เมอื่ กรอกเสรจ็ แล้วให้กดที่ปมุ่ Done วนั ท่ี 28 พฤศจิกายน 2558 หนว่ ยฝกึ อบรม Google Application ภาควชิ าคอมพิวเตอรศ์ กึ ษา มหาวทิ ยาลยั เทคโนโลยพี ระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 39 การสร้างขอ้ สอบแบบอตั นยั โดยการสรา้ งขอ้ สอบแบบอัตนัยใชร้ ปู แบบของการเสรมิ ลูกเลน่ ของแบบสอบถามโดยใช้ Image ดงั รูป วิธีการสร้างขอ้ สอบแบบอตั นัย 1. ให้คลกิ ท่ีปุ่ม Add item แล้วเลือกสรา้ งแบบ Image หนว่ ยฝกึ อบรม Google Application ภาควิชาคอมพวิ เตอรศ์ กึ ษา วันที่ 28 พฤศจิกายน 2558 มหาวิทยาลยั เทคโนโลยพี ระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 40 2. ใหใ้ สร่ ปู โดยกดทปี่ ุ่ม Choose an image to upload ดังรูป 3. เมือ่ เลอื กรปู เสรจ็ ให้ใสโ่ จทยโ์ ดยใสต่ รงท่ชี ่อง Image Titleและจดั รูปใหอ้ ยูก่ ่งึ กลาง ดงั รูป 4. จากนนั้ ใส่ข้อคาถาม โดยใชร้ ูปแบบของคาถามเปน็ แบบ Text โดยใหใ้ สข่ อ้ 11 และ ข้อ 12 หนว่ ยฝกึ อบรม Google Application ภาควิชาคอมพิวเตอร์ศึกษา วันที่ 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยีพระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 41 จะไดอ้ อกมาดงั รปู การเลือกชดุ รปู แบบ 1. สามารถเลือกชุดรูปแบบได้ใหม่ โดยการคลกิ ที่เมนู “Change theme” ดงั ภาพ 2. ปรากฏหนา้ ตา่ งสาหรับใหเ้ ลือกชุดรปู แบบ หนว่ ยฝกึ อบรม Google Application ภาควิชาคอมพิวเตอร์ศกึ ษา วันท่ี 28 พฤศจิกายน 2558 มหาวทิ ยาลยั เทคโนโลยีพระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 42 การเรียกดู View live form การเรียกดู View live form จะเป็นการเรยี กดหู น้าแบบสอบถามท่เี ราสรา้ งไวผ้ า่ นเบราเซอร์ เปรยี บเสมอื นเราเป็นผู้กรอกแบบสอบถาม จะออกมาหนา้ ตาในลกั ษณะดังรปู หนว่ ยฝกึ อบรม Google Application ภาควิชาคอมพิวเตอรศ์ ึกษา วันที่ 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยีพระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 43 การส่งแบบสอบถามไปใช้งานจริง เมอื่ จัดทาแบบสอบถามเสรจ็ เรยี บร้อยแล้ว สามารถสง่ แบบสอบถามไปใชง้ านไดห้ ลายชอ่ งทางโดยการ คลกิ ทีป่ ุม่ ทางดา้ นขวาบนของแบบฟอร์ม จะปรากฏหนา้ ตา่ ง ให้เลอื กรูปแบบการส่งฟอรม์ หรือไปทีเ่ มนู File -> Send form.. รูปแบบการนาไปใช้งานไดแ้ ก่ 1. URL 2. Social 3. Email 1. ลิงคน์ ี้จะสามารถสง่ ให้ผอู้ ืน่ ใชง้ านแบบฟอร์มเราได้ หรอื จะนาไปฝังในเว็บไซต์ของเราก็ได้โดยคลกิ ท่ี “Embed” จะปรากฏหนา้ ตา่ งให้คัดลอก สครปิ ต์ ไปวางทเ่ี วบ็ ไซต์ 2. การแชรล์ งิ คผ์ า่ นทาง Social Network การส่งแบบฟอร์มผ่านทางอเี มลโ์ ดยการระบอุ เี มลผ์ ูร้ บั เมอ่ื เลือกเสรจ็ กด หนว่ ยฝึกอบรม Google Application ภาควิชาคอมพวิ เตอรศ์ ึกษา วันที่ 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยีพระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 44 การเรยี กดผู ลการตอบกลับของแบบสอบถาม สามารถทาได้โดยการคลกิ ท่ีเมนู “Responses” (เมนสู ามารถบอกจานวนของผตู้ อบแบบสอบถาม ได)้ สามารถเรยี กดูได้ 2 รูปแบบดงั น้ี 1. เลอื ก Summary of Responses จะแสดงผลออกมาในรูปแบบของแผนภูมิ 2. เลือก “View Responses” ขอ้ มลู จะอยู่ในรูปแบบของ Google Spreadsheet หน่วยฝึกอบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ กึ ษา วนั ท่ี 28 พฤศจิกายน 2558 มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนือ
Google Application for Education ห น้ า | 45 การปิดการตอบกลบั การปดิ การตอบกลับ เปน็ การไม่ยอมรบั การตอบกลับมาของแบบสอบถามอกี เชน่ เกินกาหนดเวลา การส่งแบบสอบถาม การปิดการตอบกลับทาได้โดย 1. คลิกทีเ่ มนู “Responses(.....)” 2. เลือกรายการ “Accepting responses” 3. ปรากฏหนา้ ต่างแสดงการยอมรบั การตอบกลับ การเปดิ การตอบกลับเปน็ การยอมรบั การตอบกลบั มาของแบบสอบถามอกี เชน่ ยังไม่ครบกาหนดเวลาการ ส่งแบบสอบถาม การเปิดการตอบกลับทาไดโ้ ดย 1. คลกิ ทเ่ี มนู “Responses(…..)” 2. เลอื กทร่ี ายการ “Not Accepting responses” ตั้งค่าใช้งานรว่ มกัน Google Form สามารถแบง่ ปนั ไปให้ผอู้ นื่ ใชง้ านเอกสารร่วมกนั ได้ โดย 1. คลกิ ที่ “Send form” มมุ ขวาบน หน่วยฝกึ อบรม Google Application ภาควิชาคอมพิวเตอร์ศกึ ษา วนั ท่ี 28 พฤศจกิ ายน 2558 มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือ
Google Application for Education ห น้ า | 46 2. คลิกท่ี “Add collaborators.” 3. หรอื คลกิ ที่ File -> Add collaborators. 4. ปรากฏหนา้ ตา่ งสาหรบั ต้งั ค่า หน่วยฝกึ อบรม Google Application ภาควชิ าคอมพวิ เตอรศ์ กึ ษา วนั ท่ี 28 พฤศจกิ ายน 2558 มหาวทิ ยาลัยเทคโนโลยพี ระจอมเกล้าพระนครเหนอื
Google Application for Education ห น้ า | 47 5. คลิกท่ี “Change” เพือ่ ทาการเปลย่ี นสทิ ธิใ์ นการเขา้ ถึง 6. สทิ ธิ์ในการเข้าถงึ ประกอบไปดว้ ย 5 แบบไดแ้ ก่ 6.1 ทุกคนสามารถเขา้ ถงึ ได้ 6.2 ทุกคนทม่ี ลี งิ คส์ ามารถเขา้ ถงึ ได้ 6.3 ทุกคนท่ีเป็น kmutnb.ac.th สามารถเขา้ ถึงได้ 6.4 ทุกคนที่มีลิงคแ์ ละทเ่ี ป็น kmutnb.ac.th สามารถเขา้ ถงึ ได้ 6.5 เข้าถึงได้เฉพาะคนทรี่ ะบุ โดยสิทธใิ์ นการเข้าถงึ สามารถดไู ดอ้ ยา่ งเดยี ว แก้ไขไมไ่ ด้ 7. ในกรณที ่ตี ้องการให้บุคคลอ่ืนสามารถแกไ้ ขได้ เราสามารถ Invite ใหบ้ คุ คลอื่นเขา้ มาใชง้ านกไ็ ดเ้ ชน่ กัน โดยใส่ Email ลงไปในกรอบสแี ดง หน่วยฝึกอบรม Google Application ภาควิชาคอมพิวเตอร์ศึกษา วนั ที่ 28 พฤศจิกายน 2558 มหาวิทยาลัยเทคโนโลยพี ระจอมเกลา้ พระนครเหนอื
Google Application for Education ห น้ า | 48 ตาแหน่งของทีเ่ กบ็ แบบสอบถาม เม่อื เราสร้างแบบสอบถามเรียบรอ้ ยแล้ว ถา้ หากเราตอ้ งการทจี่ ะทราบตาแหน่งในการเกบ็ ไฟล์ แบบสอบถามของเราเราสามารถเขา้ ไดด้ ูได้ดงั นี้ 1. เขา้ ไปที่ google.com คลกิ ท่ีไอคอนมมุ ขวาบนจากน้นั คลิกทไ่ี อคอน “Drive”เม่ือเขา้ สู่ Drive จะ ปรากฏไฟล์แบบสอบถามที่สร้างข้นึ การแก้ไขแบบสอบถามเดมิ เมอ่ื เราสรา้ งแบบสอบถามเรียบร้อยแล้ว ถา้ หากเราต้องการทีจ่ ะแก้ไขแบบสอบถามของเราเรา สามารถทาได้ดังน้ี เข้าไปท่ี google.comคลิกที่ไอคอนมมุ ขวาบนจากน้นั คลกิ ท่ไี อคอน “Drive” เม่ือเขา้ สู่ Drive จะ ปรากฏไฟลแ์ บบสอบถามทีส่ ร้างขึน้ คลิกที่ไฟลแ์ บบสอบถามเพ่อื เข้าไปทาการแก้ไข หน่วยฝึกอบรม Google Application ภาควชิ าคอมพิวเตอรศ์ กึ ษา วันที่ 28 พฤศจิกายน 2558 มหาวิทยาลัยเทคโนโลยีพระจอมเกลา้ พระนครเหนือ
Search
