การใช้แอพพลิเคชั่นสำหรับการเรียนการสอนออนไลน์

โครงการวชิ าชีพ การใชแ้ อพพลิเคชนั่ สาหรับการเรียนการสอนออนไลน์ นางสาวมุฮซ์ ิญา สุระคาแหง รหสั นกั ศึกษา 6332543453 นางสาวอสั มา อ่อนนวล รหสั นกั ศึกษา 6332543454 ระดบั ประกาศนียบตั รวิชาชีพช้นั สูง ปี ที่ 2 การปฏิบตั ิงานโครงการวิชาชีพเป็นส่วนหน่ึงของรายวชิ า โครงการวชิ าชีพ รหสั วิชา 30204-8501 ประเภทวิชา บริหารธุรกิจ สาขาวชิ าเทคโนโลยธี ุรกิจดิจิทลั วิทยาลยั เทคโนโลยีสงขลา ภาคเรียนท่ี 2 ปี การศึกษา 2564

โครงการวชิ าชีพ การใชแ้ อพพลิเคชนั่ สาหรับการเรียนการสอนออนไลน์ นางสาวมุฮซ์ ิญา สุระคาแหง รหสั นกั ศึกษา 6332543453 นางสาวอสั มา อ่อนนวล รหสั นกั ศึกษา 6332543454 ระดบั ประกาศนียบตั รวิชาชีพช้นั สูง ปี ที่ 2 การปฏิบตั ิงานโครงการวิชาชีพเป็นส่วนหน่ึงของรายวชิ า โครงการวชิ าชีพ รหสั วิชา 30204-8501 ประเภทวิชา บริหารธุรกิจ สาขาวชิ าเทคโนโลยธี ุรกิจดิจิทลั วิทยาลยั เทคโนโลยีสงขลา ภาคเรียนท่ี 2 ปี การศึกษา 2564

คณะกรรมการตรวจสอบและควบคุมการปฏิบตั ิงานวิชาชีพ ไดพ้ ิจารณาโครงการปฏิบตั ิงานวิชาชีพ ของ นางสาวมฮุ ซ์ ิญา สุระคาแหง นางสาวอสั มา ออ่ นนวล แลว้ เห็นสมควรรับเป็นส่วนหน่ึงของการศึกษา วิชาโครงการวิชาชีพ รหัสวิชา 3201-8501 หลกั สูตรประกาศนียบตั รวิชาชีพ สาขาวิชา เทคโนโลยีธุรกิจ ดิจิทลั วทิ ยาลยั เทคโนโลยสี งขลา คณะกรรมการตรวจสอบและควบคมุ การปฏิบตั ิงานวิชาชีพ …………………………… กรรมการ (…………………………) (อาจารยท์ ่ีปรึกษาโครงการ) …………………………… กรรมการ (…………………………) (หวั หนา้ หมวด..................) …………………………… กรรมการ (............................................) (ผชู้ ่วยผอู้ านวยการฝ่ายวชิ าการ) คณะกรรมการตรวจสอบและควบคุมการปฏิบตั ิงานวิชาชีพตามโครงการ อนุมตั ิให้รับรองรายงาน ฉบบั น้ี เป็นส่วนหน่ึงของการศึกษาวิชาโครงการวชิ าชีพ รหสั วิชา 3201-8501 ตามหลกั สูตรประกาศนียบตั ร วชิ าชีพ สาขาวิชาเทคโนโลยธี ุรกิจดิจิทลั วิทยาลยั เทคโนโลยสี งขลา วนั ........เดือน......ปี ........

ช่ือโครงการวิชาชีพ : การใชแ้ อพพลิเคชน่ั สาหรับการเรียนการสอนออนไลน์ ชื่อผ้จู ดั ทา : นางสาวมฮุ ซ์ ิญา สุระคาแหง นางสาวอสั มา อ่อนนวล อาจารย์ที่ปรึกษา : นางสาวธารปภสั ร์ คงศรี สาขาวชิ า : เทคโนโลยธี ุรกิจดิจิทลั ปี การศึกษา : 2564 บทคัดย่อ โครงการการใชแ้ อพพลิเคชนั่ สาหรับการเรียนการสอนออนไลน์น้ี จดั ทาข้ึนโดยมีวตั ถุประสงค์เพื่อ นาเอารูปแบบการเรียนการสอนยุคใหม่ท่ีใช้แอพพลิเคชั่นในการเรียนการสอนออนไลน์ ซ่ึงได้รับความ สนใจและเป็ นท่ีนิยมในปัจจุบนั จึงนาเอาแอพพลิเคชน่ั Zoom , Google Meet , Google Classroom , Line , Facebook มาจดั ทาเวบ็ ไซตใ์ หเ้ ขา้ กบั การเรียนการสอน โดยไดศ้ ึกษารูปแบบการใชแ้ อพพลิเคชน่ั แต่ ละแอพพลิเคชนั่ ในการจดั สร้างเวบ็ ไซตท์ ี่ช่ือวา่ การใชแ้ อพพลิเคชนั่ สาหรับการเรียนการสอนออนไลน์ ท้งั น้ีไดท้ าการศึกษาคน้ ควา้ เน้ือหาความรู้ท่ีน่าสนใจเกี่ยวกบั การใช้แอพพลิเคชน่ั สาหรับการเรียน การสอนออนไลน์ เนื่องจากสถานการณ์ Covid-19 ในปัจจุบนั เพิ่มมากข้ึน จึงสร้างเว็บไซตแ์ อพพลิเคชน่ั สาหรับการเรี ยนการสอนออนไลน์ เพ่ือตอบสนองความต้องการของผู้ท่ีต้องการเรี ยนรู้วิธีการใช้ แอพพลิเคชนั่ สาหรับการเรียนการสอนออนไลน์ เพื่อท่ีจะสามารถนาไปใชง้ านไดจ้ ริง

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

สารบญั หน้า บทท่ี 1 บทนำ 1 บทที่ 2 ทฤษฎีท่ีเก่ียวขอ้ ง 4 บทท่ี 3 วิธีกำรดำเนินงำน 87 บทท่ี 4 ผลกำรดำเนินงำน 97 97 - หนำ้ แรกของเวบ็ ไซต์ 98 - Zoom 100 - Google Meet 102 - Google Classroom 105 - Line 107 - Facebook 111 - เก่ียวกบั เรำ 112 บทท่ี 5 สรุปผลกำรดำเนินงำน 113 บรรณำนุกรม ภำคผนวก 117 - ภำคผนวก ก ประวตั ิผจู้ ดั ทำ

สารบัญรูปภาพ หน้า ภาพที่ 1 สร้างเวบ็ ไซต์ 4 ภาพที่ 2 ต้งั ชื่อเวบ็ ไซต์ 5 ภาพท่ี 3 เลือกเลยเ์ อาต์ 5 ภาพท่ี 4 เลือกภาพพ้ืนหลงั ประเภทส่วนหวั และธีม 6 ภาพที่ 5 เพิม่ จดั ลาดบั ใหม่ และวางซอ้ นหนา้ เวบ็ 7 ภาพท่ี 6 ต้งั ค่าการนาทางของเวบ็ ไซต์ 8 ภาพท่ี 7 อพั เดตและปรับเปลี่ยนเวบ็ ไซตใ์ นแบบของคุณ 8 ภาพท่ี 8 แกไ้ ขขอ้ ความ 9 ภาพท่ี 9 ตวั เลือกในการแกไ้ ข 9 ภาพที่ 10 แกไ้ ขหวั ขอ้ 10 ภาพท่ี 11 แกไ้ ขรูปภาพ 11 ภาพท่ี 12 เพ่ิมโลโก้ 12 ภาพท่ี 13 ยา้ ยและปรับขนาดเน้ือหา 13 ภาพที่ 14 ตวั อยา่ งและเผยแพร่เวบ็ ไซต์ 14 ภาพที่ 15 เผยแพร่เวบ็ ไซตข์ องคุณเป็นคร้ังแรก 14 ภาพท่ี 16 การสมคั รเขา้ ใชง้ าน CANVA 15 ภาพที่ 17 หนา้ แรกของ CANVA 15 ภาพท่ี 18 เมนู Template 16 ภาพที่ 19 เมนู Photo 16 ภาพท่ี 20 เมนู Elements 16 ภาพที่ 21 เมนู Text 17 ภาพที่ 22 เมนู Background 17 ภาพท่ี 23 เมนู Uploads 17 ภาพท่ี 24 เมนู More 18 ภาพท่ี 25 เมนูจดั การการทางาน 18 ภาพท่ี 26 เมนูมุมบนขวา 18 ภาพท่ี 27 หนา้ ตาของ Zoom Meeting ฉบบั PC ในระบบปฏิบตั ิการของ MacOS 19 ภาพท่ี 28 Theme และ Reaction Skin Tone 20

ภาพท่ี 29 Feature Virtual Background 20 ภาพท่ี 30 Settings 21 ภาพท่ี 31 การใช้ Zoom Meeting บน PC 21 ภาพที่ 32 วธิ ีการสร้าง Account บน PC 21 ภาพท่ี 33 แถบเมนูการสร้างตารางนดั หมายการประชุมและการเขา้ ร่วมประชุม 22 ภาพท่ี 34 การต้งั คา่ Profile 22 ภาพท่ี 35 Meetings บน PC 23 ภาพที่ 36 วธิ ีการสร้าง Account บนมือถือ 23 ภาพท่ี 37 Meet & Chat 24 ภาพที่ 38 Meetings บนมือถือ 24 ภาพที่ 39 เมนู Contacts 25 ภาพท่ี 40 Google Meet 26 ภาพท่ี 41 การ Sign in Google Meet 27 ภาพที่ 42 การกรอก E-mail 28 ภาพท่ี 43 การเขา้ ร่วมหรือเริ่มการประชุมของ Google Meet 28 ภาพท่ี 44 การป้อนรหสั การประชุม 29 ภาพท่ี 45 การเตรียมความพร้อมก่อนเขา้ ร่วมประชุมของ Google Meet 29 ภาพที่ 46 ลิงคก์ ารประชุม 30 ภาพที่ 47 เคร่ืองมือการใชง้ านของ Google Meet 30 ภาพท่ี 48 การแชร์หนา้ จอ 31 ภาพท่ี 49 การนาเสนอแบบหนา้ ตา่ ง 31 ภาพท่ี 50 การบนั ทึกการประชุม 32 ภาพท่ี 51 การเขา้ ร่วมประชุมโดยใชล้ ิงค์ 33 ภาพท่ี 52 การเขา้ ร่วมประชุมดว้ ย Google Meet ID 33 ภาพที่ 53 การกรอก Use a meeting code 33 ภาพที่ 54 Google Classroom 34 ภาพที่ 55 การเขา้ สู่ระบบของ Google Classroom 35 ภาพท่ี 56 การเลือกบทบาทสาหรับการใชง้ าน Google Classroom 36 ภาพท่ี 57 การคลิกเครื่องหมาย + เพ่ือสร้างช้นั เรียน 36 ภาพที่ 58 การสร้างช้นั เรียน 36 ภาพที่ 59 การใส่ขอ้ มลู รายวิชาในการสร้างช้นั เรียน 37 ภาพที่ 60 หนา้ จอการทางานของ Google Classroom 37

ภาพที่ 61 การเลือกธีม 37 ภาพที่ 62 การอบั โหลดภาพ 38 ภาพท่ี 63 รหสั เขา้ ช้นั เรียน 38 ภาพที่ 64 การคลิกเคร่ืองหมาย + เพอื่ เขา้ ช้นั เรียน 38 ภาพท่ี 65 การใส่รหสั เขา้ ช้นั เรียน 39 ภาพที่ 66 การมอบหมายงานทางอีเมล 39 ภาพท่ี 67 การส่งงาน 39 ภาพท่ี 68 การเขา้ ดูคะแนน 39 ภาพท่ี 69 การมอบหมายงาน 40 ภาพท่ี 70 การสร้างแบบทดสอบ 40 ภาพที่ 71 ตวั อยา่ งแบบทดสอบ 41 ภาพท่ี 72 แบบทดสอบท่ีสร้างเสร็จแลว้ 41 ภาพท่ี 73 การคลิกดูหวั ขอ้ งานของช้นั เรียน 42 ภาพท่ี 74 การคลิกดูงาน 42 ภาพท่ี 75 สถานะการส่งงานและการใหค้ ะแนน 42 ภาพท่ี 76 การต้งั คา่ เพ่ือบนั ทึกงานไปท่ี Excel 43 ภาพท่ี 77 การเปลี่ยนไฟลน์ ามสกุล CSV. เป็น (xlsx). 43 ภาพที่ 78 การเก็บช้นั เรียน 43 ภาพท่ี 79 หนา้ ตา่ งการเกบ็ สาเนา 44 ภาพที่ 80 ช้นั เรียนที่เก็บ 44 ภาพที่ 81 การดาวน์โหลด Google Classroom สาหรับ Android 44 ภาพท่ี 82 การดาวน์โหลด Google Classroom สาหรับ ios 45 ภาพท่ี 83 Line 45 ภาพที่ 84 Free Voice Calls 46 ภาพที่ 85 Send Videos & Voice Message 46 ภาพที่ 86 Stickers and Emoticons 47 ภาพท่ี 87 Customizable Wallpaper 47 ภาพที่ 88 Group Chat 47 ภาพที่ 89 Timeline LINE 48 ภาพท่ี 90 Game LINE 48 ภาพท่ี 91 Add Friends / Contacts 49 ภาพท่ี 92 การแอดเพ่อื นของ LINE 50

ภาพที่ 93 ดาวน์โหลด LINE 50 ภาพท่ี 94 หนา้ ตา่ งแรกของ LINE 50 ภาพท่ี 95 หนา้ ตา่ งการใส่เบอร์โทรศพั ทใ์ นการสมคั รใชง้ าน 51 ภาพท่ี 96 หนา้ ตา่ งการส่งรหสั ไปยงั เบอร์มือถือ 51 ภาพที่ 97 การใส่รหสั OTP เพอ่ื ยนื ยนั 52 ภาพที่ 98 หนา้ ต่างการสร้างบญั ชีใหม่ 52 ภาพที่ 99 การต้งั คา่ โปรไฟลแ์ ละชื่อบญั ชีผใู้ ช้ 53 ภาพที่ 100 การกาหนดรหสั ผา่ น 53 ภาพท่ี 101 การต้งั ค่าการเพิ่มเพอื่ น 54 ภาพที่ 102 การใชข้ อ้ มูลส่วนบคุ คล 54 ภาพท่ี 103 หนา้ หลกั ของ LINE 54 ภาพท่ี 104 การลงมทะเบียนอีเมล 55 ภาพที่ 105 การเช็ครหสั ที่ถูกส่งไปที่อีเมล 55 ภาพท่ี 106 การยนื ยนั อีเมล 56 ภาพที่ 107 การสร้าง ID LINE 56 ภาพที่ 108 ดาวน์โหลดโปรแกรม BlueStacks 57 ภาพที่ 109 การติดต้งั (Install) โปรแกรมตามข้นั ตอนจนเสร็จสมบรู ณ์ 57 ภาพท่ี 110 เขา้ สู่ระบบ Google Play Store 57 ภาพท่ี 111 การคน้ หาแอพพลิเคชนั่ LINE เพอื่ ติดต้งั 58 ภาพท่ี 112 การสมคั รสามชิกบนแอพพลิเคชนั่ LINE 58 ภาพที่ 113 การใส่เบอร์โทรศพั ท์ 59 ภาพที่ 114 การใส่รูปโปรไฟลข์ อง LINE 59 ภาพที่ 115 การกาหนดรหสั ผา่ นของ LINE 59 ภาพที่ 116 การยอมรับการใชข้ อ้ มูลส่วนนบุคคล 59 ภาพท่ี 117 การลงทะเบียน LINE ดว้ ยอีเมล 60 ภาพท่ี 118 การสร้างกลุ่ม LINE วธิ ีที่1 61 ภาพท่ี 119 การสร้างกลมุ่ LINE วิธีที่ 2 62 ภาพท่ี 120 การเลือกเพ่ือนเพอ่ื เพมิ่ เขา้ กลุ่ม LINE 62 ภาพท่ี 121 การต้งั ค่าโปรไฟลก์ ลมุ่ 63 ภาพที่ 122 หนา้ ตา่ งของกลุ่ม LINE 63 ภาพที่ 123 การใช้ Line Meeeting บนแทบ็ เลต็ 64 ภาพที่ 124 การใช้ Line Meeting บนมือถือ 64

ภาพท่ี 125 เร่ิม Line Meeting 65 ภาพที่ 126 ลิงคก์ ารเขา้ Meeting ผา่ น Line Meeting 65 ภาพท่ี 127 Options 66 ภาพท่ี 128 การเปิ ด Youtube บน Line Meeting 66 ภาพที่ 129 Facebook 67 ภาพที่ 130 Facebook บน PC 69 ภาพที่ 131 การต้งั ค่าภาษาไทย 69 ภาพท่ี 132 การสมคั รใชง้ าน Facebook 70 ภาพท่ี 133 การกรอกอีเมล 70 ภาพท่ี 134 การกรอกรหสั ผา่ นอีเมลแลว้ Sign in 70 ภาพที่ 135 กด Allow เพอ่ื อนุญาติใหเ้ ฟซบุก๊ คน้ หาเพ่อื นในอีเมลของเรา 71 ภาพท่ี 136 หนา้ แรกของ Facebook 71 ภาพท่ี 137 หนา้ ไทมไ์ ลน์ Facebook 71 ภาพท่ี 138 การดาวน์โหลด Facebook บนมือถือ 72 ภาพท่ี 139 การสมคั รบญั ชีผใู้ ช้ Facebook บนมือถือ 72 ภาพที่ 140 การกรอกชื่อและนามสกุลเพ่อื สมคั รบญั ชีผใู้ ช้ Facebook 73 ภาพที่ 145 การกรอกวนั เกิดเพ่ือสมคั รบญั ชีผใู้ ช้ Facebook 73 ภาพที่ 146 การกรอกเพศเพื่อสมคั รบญั ชีผใู้ ช้ Facebook 74 ภาพที่ 147 การกรอกหมายเลขโทรศพั ทแ์ ละอีเมลเพ่ือสมคั รบญั ชีผใู้ ช้ Facebook 74 ภาพท่ี 148 กดสมคั รใชง้ าน 75 ภาพท่ี 149 ป้อนรหสั ยนื ยนั 75 ภาพท่ี 150 การเขา้ สู่ระบบ Facebook 76 ภาพที่ 151 การโพสตส์ ถานะFacebook 77 ภาพที่ 152 การเช็คอินสถานที่บน Facebook 78 ภาพท่ี 153 การโพสตร์ ูปภาพหรือวิดีโอบน Facebook 78 ภาพท่ี 154 การแสดงความรู้สึกกบั โพสตใ์ น Facebook 79 ภาพที่ 155 การแสดงความคิดเห็นบน Facebook 79 ภาพที่ 156 การแชร์โพสตบ์ น Facebook 80 ภาพท่ี 157 การกดถกู ใจเพจ Facebook 80 ภาพที่ 158 การลบโพสต์ Facebook 81 ภาพที่ 159 การต้งั ค่าสถานการณ์ใชง้ าน Facebook 81 ภาพที่ 160 การบลอ็ ก 82

ภาพที่ 161 การแจง้ เตือน 82 ภาพท่ี 162 การสร้างกลุม่ แชท ใน Messenger 83 ภาพท่ี 163 ภาพ Fan page Is Gang ท่ีสร้างเสร็จเรียบร้อย 85 ภาพท่ี 164 หนา้ จอจดั การ Fan page 85 ภาพท่ี 165 ภาพคน้ หาแม่แบบภาพหนา้ ปก 90 ภาพท่ี 166 เลือกแมแ่ บบหนา้ ปก 90 ภาพท่ี 167 สร้างการออกแบบดว้ ยตวั เอง 91 ภาพท่ี 168 การเปลี่ยนพ้นื หลงั 91 ภาพที่ 169 การเลืกสีพ้นื หลงั 92 ภาพท่ี 170 การเพิม่ ขอ้ ความ 92 ภาพท่ี 171 การเลือกแบบตวั อกั ษร ขนาดตวั อกั ษร 93 ภาพท่ี 172 การเพิ่มองคป์ ระกอบ 93 ภาพที่ 173 การเพมิ่ ภาพ 94 ภาพท่ี 174 การจดั วางตาแหน่งภาพ ขอ้ ความ 95 ภาพท่ี 175 การดาวน์โหลดรูปภาพท่ีสร้างเสร็จแลว้ 95 ภาพที่ 176 ภาพท่ีหนา้ ปกดาวนโ์ หลดเสร็จเรียบแลว้ 96 ภาพที่ 177 ภาพหนา้ แรกของเวบ็ ไซต์ 97 ภาพที่ 178 หนา้ แรกของ Zoom 98 ภาพท่ี 179 ทาความรู้จกั Zoom 98 ภาพท่ี 180 วิธีการติดต้งั Zoom 99 ภาพที่ 181 คมู่ ือการใชง้ าน Zoom 99 ภาพที่ 182 หนา้ แรกของ Google meet 100 ภาพท่ี 183 ทาความรู้จกั Google meet 100 ภาพที่ 184 วธิ ีการติดต้งั Google Meet 101 ภาพที่ 185 คมู่ ือการใชง้ าน Google Meet 101 ภาพท่ี 186 หนา้ แรก Google Classroom 102 ภาพที่ 187 ทาความรู้จกั Google Classroom 102 ภาพที่ 188 วิธีการติดต้งั Google Classroom 103 ภาพท่ี 189 คู่มือการใชง้ าน Google Classroom 104 ภาพที่ 190 หนา้ แรกของ Line 105 ภาพท่ี 191 ทาความรู้จกั Line 105 ภาพที่ 192 วธิ ีการติดต้งั Line 106

ภาพท่ี 193 คู่มือการใชง้ าน Line 107 ภาพท่ี 194 หนา้ แรกของ Facebook 107 ภาพที่ 195 ทาความรู้จกั Facebook 108 ภาพที่ 196 คูม่ ือการใชง้ าน Facebook 109 ภาพที่ 197 เก่ียวกบั เรา 111

1 บทที่ 1 บทนำ หลกั กำรและเหตผุ ล ความตอ้ งการในการเรียนการสอนออนไลน์ในปัจจุบนั เพิ่มมากข้ึน เนื่องมาจากสถานการณ์ Covid 19 มีอตั ราการติดเช้ือเพิ่มข้ึนซ่ึงส่งผลกระทบต่อระบบการศึกษาในช้นั เรียน จึงทาให้การเรียนการสอนแบบ ออนไลนม์ ีความจาเป็นมาก เพ่อื ไม่ใหเ้ กิดการแพร่ระบาดของ Covid19 เพอื่ ใหก้ ารเรียนการสอนยงั คงดาเนิน ต่อไปไดแ้ ละนาไปสู่ความสาเร็จในระบบการศึกษา เป็ นท่ีทราบกนั ดีว่าปัจจัยการจดั การคุณภาพการเรียน การสอนเป็ นสิ่งสาคญั ของระบบการศึกษา จึงได้เห็นความเป็ นไปได้ของ ข้นั ตอนการใช้แอพพลิเคชั่น สาหรับการเรียนการสอนแบบออนไลน์ วตั ถปุ ระสงค์ 1. เพ่ือใชใ้ นการศึกษาสาหรับผทู้ ี่สนใจการเรียนการสอนออนไลน์ 2. เพื่อสร้างความตระหนกั ถึงความสาคญั ในการใช้แอพพลิเคชนั่ แก่บุคลากรทางการศึกษา นักเรียน นกั ศึกษา และผทู้ ี่สนใจการเรียนการสอนออนไลน์ 3. เพ่ือใหเ้ ขา้ ใจข้นั ตอนการใชแ้ อพพลิเคชน่ั และสามารถใชง้ านแอพพลิเคชน่ั ไดอ้ ยา่ งถูกวธิ ี เป้ำหมำย 1. เป้าหมายเชิงปริมาณ - เวบ็ ไซตก์ ารใชแ้ อพพลิเคชน่ั สาหรับการเรียนการสอนออนไลน์ 1 เวบ็ ไซต์ 2. เป้าหมายเชิงคณุ ภาพ - บุคลากรทางการศึกษา นักเรียน นกั ศึกษา และผทู้ ่ีสนใจการเรียนการสอนออนไลน์ สามารถ ใชแ้ อพพลิเคชนั่ สาหรับการเรียนการสอนออนไลนไ์ ด้ - บคุ ลากร มีความรู้ในการปฏิบตั ิงาน สามารถปฏิบตั ิงานในหนา้ ท่ีไดอ้ ยา่ งมีประสิทธิภาพ

2 วิธดี ำเนินกำร กนั ยายน 64 ตลุ าคม 64 พฤศจิกายน 64 หมายเหตุ 1234 1234 1234 ที่ กิจกรรม 1. ประชุมคดิ และคดั เลือกหัวขอ้ โครงการ วชิ าชีพพร้อมกบั วางแผนการทางาน 2. หาอาจารยท์ ี่ปรึกษาและปรึกษาการ จดั ทาโครงการวิชาชีพ 3. เขยี นขออนุมตั ิโครงการวชิ าชีพ 4. ศึกษาและคน้ ควา้ หาขอ้ มลู จาก แหลง่ ขอ้ มลู ต่างๆ 5. ออกแบบโครงสร้างเวบ็ ไซตแ์ ละ ออกแบบหนา้ เวบ็ ไซต์ 6. จดั ทาเวบ็ ไซตก์ ารใชแ้ อพพลิเคชน่ั สาหรับการเรียนการสอนออนไลน์ ที่ กิจกรรม ธนั วาคม 64 มกราคม 65 กมุ ภาพนั ธ์ 65 หมายเหตุ 1234 1234 1234 7. จดั ทารายงานการใชแ้ อพพลิเคชน่ั สาหรับการเรียนการสอนออนไลน์ 8. จดั ทา E-book การใชแ้ อพพลิเคชน่ั สาหรับการเรียนการสอนออนไลน์ 9. นาเสนอโครงการวิชาชีพ ระยะเวลำและสถำนท่ีดำเนนิ งำน ระยะเวลาดาเนินงาน วนั ที่ 11 กนั ยายน 2564 – 1 กมุ ภาพนั ธ์ 2565 สถานท่ีดาเนินงาน 1. บา้ นเลขที่ 30/1 หมู่6 ต.สทิงหมอ้ อ.สิงหนคร จ.สงขลา 90280 2. บา้ นเลขท่ี 142/1 หม่4ู ต.คูขดุ อ.สทิงพระ จ.สงขลา 90190 3. วิทยาลยั เทคโนโลยสี งขลา เลขที่ 175 ม.8 ต.เขารูปชา้ ง อ.เมือง จ.สงขลา 90000

3 งบประมำณและทรัพยำกร 112 บาท ค่าใชจ้ ่าย 150 บาท - กระดาษ A4 1 รีม 262 บาท - ค่าเขา้ เลม่ รายงาน รวมค่าใชจ้ ่ายท้งั สิ้น ผลที่คำดว่ำจะได้รับ 1. ใชใ้ นการศึกษาสาหรับผทู้ ี่สนใจการเรียนการสอนออนไลน์ 2. บุคลากรทางการศึกษา นักเรียน นักศึกษา และผูท้ ่ีสนใจการเรียนการสอนออนไลน์ มีความ ตระหนกั ถึงความสาคญั ในการใชแ้ อพพลิเคชน่ั 3. เขา้ ใจข้นั ตอนการใชแ้ อพพลิเคชนั่ และใชง้ านแอพพลิเคชนั่ ไดอ้ ยา่ งถูกวิธี ปัญหำและอุปสรรคทคี่ ำดว่ำจะเกดิ ขนึ้ 1. สมาชิกในกลุม่ มีเวลาว่างไม่ตรงกนั และเน่ืองดว้ ยสถานการณ์ Covid19 ทาให้ไม่สามารถพบเจอ เพื่อปรึกษาโครงการวชิ าชีพได้ 2. คอมพวิ เตอร์หรืออุปกรณ์ท่ีใชใ้ นการทาโครงการมีปัญหาส่งผลใหโ้ ครงการลา่ ชา้ 3. สมาชิกในกลุ่มไม่สบายเน่ืองจากผลข้างเคียงจากการฉีดวคั ซีน Covid19 จึงทาให้หยุดทา โครงการส่งผลใหโ้ ครงการลา่ ชา้ ผ้รู ับผดิ ชอบโครงกำรวชิ ำชีพ 1. นางสาวมฮุ ซ์ ิญา สุระคาแหง รหสั 6332543453 ช้นั ปวส.2(พ) สาขาเทคโนโลยธี ุรกิจดิจิทลั 2. นางสาวอสั มา อ่อนนวล รหสั 6332543454 ช้นั ปวส.2(พ) สาขาเทคโนโลยธี ุรกิจดิจิทลั อำจำรย์ที่ปรึกษำโครงกำรวชิ ำชีพ นางสาวธารปภสั ร์ คงศรี

4 บทท่ี 2 ทฤษฎที ีเ่ กยี่ วข้อง 1. สร้างเว็บไซต์ด้วย Google Sites 1. สร้างเว็บไซต์ 1.1 สร้างเวบ็ ไซต์ เลือกตวั เลือกตอ่ ไปน้ี • จากหนา้ แรกของSites ใหค้ ลิกสร้าง ท่ีดา้ นบน หรือเลือกเทมเพลตโดยคลิกแกลเลอรีเทม เพลต • จาก Google ไดรฟ์ ใหค้ ลิก ใหม่ เพิม่ เติม Google Sites หมายเหตุ : ระบบจะเก็บขอ้ มูลของ Sites ท้งั หมดไวใ้ นไดรฟ์ โปรดดูหวั ขอ้ เร่ิมตน้ ใชง้ านไดรฟ์ เพอ่ื ดูขอ้ มลู เพ่มิ เติมเก่ียวกบั การใชไ้ ดรฟ์ จดั ระเบียบไฟล์ 1.2 ต้งั ช่ือเว็บไซต์ เม่ือสร้างเวบ็ ไซตใ์ หม่ ระบบจะเพ่ิมไปยงั ไดรฟ์ เช่นเดียวกบั ไฟลอ์ ่ืนๆ ในไดรฟ์ โดย Sites จะ บนั ทึกการเปลี่ยนแปลงท้งั หมดของคณุ โดยอตั โนมตั ิ แต่จะไมเ่ ผยแพร่สู่สาธารณะจนกวา่ คุณจะเผยแพร่ ดว้ ยตวั เอง วิธีการต้งั ชื่อส่วนต่างๆ ของเวบ็ ไซต์ • ช่ือเอกสารของเว็บไซต์ - ป้อนชื่อท่ีไม่ซ้ากนั เพ่ือติดตามเวบ็ ไซต์ ชื่อเอกสารของเวบ็ ไซต์จะ ปรากฏใหค้ ุณเห็นเท่าน้นั • ช่ือเว็บไซต์ - ชื่อเวบ็ ไซต์จะปรากฏในส่วนหัวและในแถบช่ือหน้าต่างของเว็บหรืออุปกรณ์ เคล่ือนที่หลงั จากที่คุณเผยแพร่เวบ็ ไซต์ คุณตอ้ งมีหนา้ เวบ็ 2 หนา้ ข้ึนไปในเวบ็ ไซตเ์ พื่อใหช้ ่ือ เวบ็ ไซตป์ รากฏ

5 • ช่ือหนา้ เวบ็ - แต่ละหนา้ ในเวบ็ ไซตจ์ ะมีช่ือซ่ึงจะปรากฏท่ีดา้ นบนของหนา้ เวบ็ ชื่อหนา้ เวบ็ จะ ปรากฏในเมนูการนาทางดว้ ย 1.3 เลือกเลย์เอาต์ • คลิกเลย์เอาต์ที่ดา้ นขวา แลว้ เลือกเลยเ์ อาตแ์ บบอ่ืนสาหรับส่วนตา่ งๆ ของหนา้ เวบ็ 1.4 เลือกภาพพืน้ หลงั ประเภทส่วนหวั และธมี เลือกรูปแบบใหก้ บั เวบ็ ไซตข์ องคุณ โดยแต่ละธีมจะมีพ้นื หลงั ที่กาหนดล่วงหนา้ รูปแบบสี และการเลือกฟอนต์ คุณจะปรับเปลี่ยนแบบอกั ษร สี และพ้ืนหลงั ในภายหลงั ได้ และยงั เปลี่ยนธีม ไดท้ กุ เมื่อหลงั จากสร้างเวบ็ ไซตแ์ ลว้ หากตอ้ งการเปลี่ยนแปลง ใหค้ ลิกเลิกทา หรือทาซ้า • เปลย่ี นภาพพื้นหลงั 1. ไปที่ Sites และเปิ ดไซต์ 2. ช้ีไปที่ภาพพ้นื หลงั แลว้ คลิกเปลี่ยนรูปภาพ 3. เลือกตวั เลือกต่อไปน้ี - หากตอ้ งการอปั โหลดรูปภาพจากคอมพิวเตอร์ ใหค้ ลิกอปั โหลด - หากต้องการเลือกรูปภาพจากแกลเลอรีหรือตาแหน่งอื่น ให้คลิกเลือก รูปภาพ 4. (ไม่บงั คบั ) หากตอ้ งการกลบั ไปท่ีภาพพ้นื หลงั เดิม ใหค้ ลิกรีเซ็ต

6 • เปลย่ี นประเภทส่วนหัว 1. ช้ีไปท่ีภาพพ้นื หลงั และคลิกประเภทส่วนหวั 2. เลือกตวั เลือกตอ่ ไปน้ี - หนา้ ปก - แบนเนอร์ขนาดใหญ่ - แบนเนอร์ - ช่ือเทา่ น้นั 3. เปล่ียนธีมและรูปแบบตวั อกั ษร - คลิกธีมที่มมุ ขวาบน - เลือกธีมและเลือกสี - คลิกรูปแบบตวั อกั ษรและเลือกรูปแบบ 1.5 เพม่ิ จดั ลาดบั ใหม่ และวางซ้อนหน้าเว็บ เพิ่มหน้าเว็บสาหรับเน้ือหาเพ่ิมเติม แลว้ เก็บขอ้ มูลท่ีเก่ียวขอ้ งไวด้ ว้ ยกนั โดยการวางซ้อน หนา้ เวบ็ จากน้นั หนา้ เวบ็ ที่ซอ้ นกนั จะปรากฏเป็นหวั ขอ้ ยอ่ ยของหนา้ เวบ็ อื่น • วิธเี พม่ิ หน้าเวบ็ มดี งั นี้ 1. ที่มุมขวาบน ใหค้ ลิกหนา้ เวบ็ จากน้นั ช้ีไปท่ีสร้าง 2. เลือกตวั เลือกตอ่ ไปน้ี - หากตอ้ งการเพ่ิมหนา้ เวบ็ ใหม่ ใหค้ ลิกเพิ่มหนา้ เวบ็ ต้งั ช่ือหนา้ เวบ็ แลว้ คลิก เสร็จสิ้น - หากตอ้ งการเพ่มิ URL ใหค้ ลิกเพม่ิ ลิงก์ ลิงก์ • วธิ ีซ้อนหรือเรียงลาดับหน้าเว็บใหม่มดี ังนี้ 1. คลิกหนา้ เวบ็ 2. ลากหนา้ เวบ็ ข้ึนหรือลงในรายการเพื่อเรียงลาดบั ใหม่ 3. ลากหนา้ เวบ็ ที่ดา้ นบนของอีกหนา้ เพ่อื ซอ้ นกนั

7 4. (ไม่บังคับ) หากต้องการยกเลิกการซ้อนหน้าเว็บ ให้ลากไปยงั ด้านล่างสุดของ รายการ หมายเหตุ : คุณจะซอ้ นหนา้ เวบ็ ไดเ้ พยี ง 5 ระดบั เทา่ น้นั • วธิ ีเลือกตัวเลือกหน้าเวบ็ มดี ังนี้ ในส่วนหน้าเว็บ ให้เลือกหน้าเว็บแล้วคลิกเพิ่มเติม เพิ่มเติม ถัดจากหน้าดังกล่าว จากน้นั เลือกตวั เลือกดงั น้ี - ต้งั เป็นหนา้ แรก - ทาซ้าหนา้ เวบ็ - เปลี่ยนชื่อหนา้ เวบ็ - สร้างหนา้ ยอ่ ย - ซ่อนหนา้ เวบ็ หรือหนา้ ยอ่ ย คุณจะซ่อนหนา้ เวบ็ ท่ีต้งั เป็นหนา้ แรกไมไ่ ด้ - ลบหนา้ เวบ็ ออกจากเวบ็ ไซต์ คณุ นาหนา้ เวบ็ ท่ีต้งั เป็นหนา้ แรกออกไม่ได้ 1.6 ต้งั ค่าการนาทางของเวบ็ ไซต์ หากมีหนา้ เวบ็ มากกว่าหน่ึงหนา้ ผเู้ ขา้ ชมเวบ็ ไซตจ์ ะใชเ้ มนูการนาทางเพ่ือขา้ มไปยงั หนา้ ต่างๆ ได้ ซ่ึงเมนูการนาทางจะอย่ดู า้ นบนสุดของเวบ็ ไซตโ์ ดยค่าเริ่มตน้ ให้คลิกหน้าแรกเพ่ือดูเมนูที่มุมขวา บน คุณจะยา้ ยเมนูการนาทางไปทางซ้ายก็ไดห้ ากตอ้ งการ แต่ตอ้ งมีหนา้ เว็บอย่างน้อยหน่ึงหน้าบน เวบ็ ไซตเ์ พ่ือเปลี่ยนตาแหน่งท่ีปรากฏ • วิธีการเลือกโหมดการนาทาง 1. ช้ีไปที่ช่ือเว็บไซต์และคลิกการต้ังค่าการนาทาง การนาทางด้านบนหรือการนา ทางดา้ นขา้ ง 2. (ไม่บังคับสาหรับการนาทางด้านขา้ งเท่าน้ัน)หากต้องการดูเมนูทางด้านซ้ายให้คลิก เมนู

8 3. (ไม่บงั คบั ) หากตอ้ งการยา้ ยหนา้ เวบ็ ในเมนูการนาทาง โปรดดูที่หวั ขอ้ 1.5 เพ่ิม เรียงลาดบั ใหม่ และวางซอ้ นหนา้ เวบ็ 2. อพั เดตและปรับเปลย่ี นเวบ็ ไซต์ในแบบของคณุ 2.1 เพม่ิ เนื้อหาในเว็บไซต์ ทางดา้ นขวา ใหเ้ ลือกหนา้ เวบ็ ท่ีคณุ ตอ้ งการเพม่ิ เน้ือหาและเลือกตวั เลือกดงั น้ี • ดบั เบิลคลิกหนา้ เวบ็ ท่ีคณุ ตอ้ งการเพิ่มเน้ือหา • หรือคลิกแทรกและเลือกเน้ือหาที่คุณตอ้ งการเพิ่ม

9 2.2 แก้ไขข้อความ หากตอ้ งการแกไ้ ขขอ้ ความหรือชื่อหนา้ เวบ็ เพียงคลิกท่ีช่องและป้อนขอ้ ความใหม่ หรือ จากแถบเครื่องมือเหนือกลอ่ งขอ้ ความ ใหเ้ ลือกตวั เลือกอ่ืน • • ตวั เลือกในการแก้ไข

10 2.3 แก้ไขหัวข้อ ช้ีไปที่ส่วนท่ีตอ้ งการเปลี่ยนแปลง 1. เปลย่ี นพืน้ หลงั สาหรับแต่ละส่วน - คลิกรูปแบบ และเลือกรูปแบบและคณุ ยงั เลือกรูปภาพ เพ่ือเพิ่มภาพพ้ืนหลงั ไดด้ ว้ ย 2. ย้ายส่วน - เม่ือคณุ แทรกเน้ือหาใหม่ เน้ือหาน้นั จะเพ่มิ ลงในส่วนใหม่หรือส่วนท่ีมีอยู่ หากตอ้ งการ ยา้ ยส่วนดงั กล่าวข้นึ หรือลง ใหค้ ลิกยา้ ยส่วน และลากส่วนท่ีคุณตอ้ งการ 3. ทาสาเนาส่วน - คลิกส่วนท่ีซ้ากนั และคุณยงั คดั ลอกและวางส่วนลงในหนา้ อื่นในเวบ็ ไซตไ์ ดอ้ ีกดว้ ย 4. เพม่ิ ส่วนท้าย - เลื่อนไปดา้ นล่างของหนา้ เวบ็ และคลิกเพ่ิมส่วนทา้ ย ส่วนทา้ ยจะปรากฏในทกุ หนา้ ของเว็บไซต์ ช้ีไปที่ส่วนท้ายและคลิกแก้ไข เพ่ือแก้ไข หากต้องการซ่อน ส่วนทา้ ยของหนา้ เวบ็ ใหช้ ้ีไปท่ีส่วนน้นั และคลิกซ่อนส่วนทา้ ย 2.4 แก้ไขรูปภาพ • วธิ ีปรับขนาดรูปภาพ - เลือกรูปภาพแลว้ ลากดา้ นขา้ งหรือมุมของรูปภาพ กดแป้น Shift คา้ งไวข้ ณะลากเพ่ือ รักษาสัดส่วนรูปภาพ • วธิ ีย้ายรูปภาพ - ลากรูปภาพไปยงั ตาแหน่งอ่ืนของส่วนในหนา้ เวบ็ หรือส่วนใหม่ วางรูปภาพที่ใดก็ได้ เม่ือเห็นพ้ืนท่ีท่ีไฮไลต์ หมายเหตุ: ปัจจุบนั คณุ ยงั วางรูปภาพลงในกลอ่ งขอ้ ความไม่ได้

11 • วิธคี รอบตดั รูปภาพ 1. เลือกรูปภาพแลว้ เลือกครอบตดั 2. เลื่อนจุดเพ่ือซูมเขา้ หรือออก 3. ลากรูปภาพเพอ่ื เปล่ียนส่วนท่ีมองเห็นได้ 4. คลิกเสร็จสิ้น 5. (ไมบ่ งั คบั ) หากตอ้ งการยกเลิกการครอบตดั รูปภาพ ให้เลือกรูปภาพแลว้ คลิกยกเลิกการ ครอบตดั • วธิ ใี ส่รูปภาพอื่นแทน 1. เลือกรูปภาพ 2. คลิกเพม่ิ เติม แทนที่รูปภาพ อปั โหลดหรือเลือกรูปภาพ แลว้ เลือกไฟลร์ ูปภาพ ใหม่ • วธิ ีเพมิ่ ข้อความแสดงแทน 1. ขอ้ ความแสดงแทนจะปรากฏข้ึนเม่ือมีคนช้ีเมาส์ไปท่ีรูปภาพในเวบ็ ไซต์ 2. เลือกรูปภาพและคลิกเพ่มิ เติม เพิม่ ขอ้ ความแสดงแทน 3. ป้อนคาอธิบายและคลิกนาไปใช้ 2.5 เพมิ่ แบนเนอร์ 1. คลิกการต้งั คา่ ที่มุมขวาบน 2. คลิกแบนเนอร์ประกาศ 3. (ไม่บงั คบั ) หากตอ้ งการปรับแต่งสีแบนเนอร์ ให้คลิกสีแบนเนอร์แลว้ เลือกสี เปิ ดแสดงแบน เนอร์ หากยงั ไม่ไดเ้ ปิ ด 4. ในส่วนประกาศ ใหป้ ้อนขอ้ ความแบนเนอร์ในกล่องขอ้ ความ

12 5. (ไม่บงั คบั ) หากตอ้ งการสร้างป่ ุมที่มีลิงกใ์ นแบนเนอร์ ใหป้ ้อนขอ้ ความในส่วนป้ายกากบั ป่ ุม และป้อน URL ในส่วนลิงก์ หากตอ้ งการให้เปิ ดลิงก์ในเบราวเ์ ซอร์แท็บใหม่ ให้เลือกช่อง เปิ ดในแทบ็ ใหม่ 6. หากตอ้ งการเลือกวิธีแสดงแบนเนอร์ท่ีตอ้ งการในเวบ็ ไซต์ ให้เลือกเฉพาะหน้าแรกหรือทุก หนา้ ในส่วนระดบั การมองเห็น 7. คลิกเผยแพร่ที่ดา้ นขวาบนใกลก้ บั รูปโปรไฟล์ 2.6 เพมิ่ โลโก้ โลโกจ้ ะปรากฏในแถบนาทางดา้ นบนถดั จากชื่อเวบ็ ไซต์ หมายเหต:ุ ไฟลโ์ ลโกจ้ ะอยูใ่ นรูปแบบ .jpg , .png หรือ .gif กไ็ ด้ ความสูงของโลโกค้ วรมีขนาด อยา่ งนอ้ ย 112 พิกเซลเพื่อใหไ้ ดผ้ ลลพั ธ์ท่ีดีท่ีสุด 1. ช้ีไปท่ีดา้ นบนส่วนหวั ของหนา้ เวบ็ แลว้ คลิกเพิ่มโลโก้ 2. คลิกอปั โหลดหรือเลือก 3. เลือกโลโกแ้ ลว้ คลิกเปิ ดหรือเลือก 4. (ไมบ่ งั คบั ) หากตอ้ งการเปล่ียนสีส่วนหวั ของหนา้ เวบ็ ใหค้ ลิกลูกศรลง ในส่วนพ้นื หลงั แลว้ เลือกสี 5. (ไมบ่ งั คบั ) หากตอ้ งการเลือกสีธีมตามโลโก้ ใหเ้ ลือกสีของธีมในหนา้ ต่างแกไ้ ขโลโก้ 2.7 ย้ายและปรับขนาดเนื้อหา ระบบจะเพิ่มข้อมูลท่ีคุณแทรกเป็ นเน้ือหาตาม “สัดส่วน” ในตารางกริดของ Canvas โดย สดั ส่วนตา่ งๆ จะจดั ใหพ้ อดีกบั ตารางกริดเพอ่ื ใหง้ ่ายตอ่ การยา้ ย จดั และแกไ้ ข • วธิ ีย้ายเนื้อหาเวบ็ ไซต์ 1. ช้ีไปที่เน้ือหาท่ีคณุ ตอ้ งการยา้ ยจนกวา่ คุณจะเห็นไอคอนยา้ ย 2. ลากเน้ือหาไปยงั พ้ืนท่ีที่ไฮไลต์

13 • วิธีปรับขนาดเนื้อหาเว็บไซต์ 1. เลือกเน้ือหาที่คุณตอ้ งการปรับขนาด 2. ลากวงกลมสีน้าเงินเพือ่ ปรับขนาด • วธิ ีจดั กล่มุ ออบเจก็ ต์ คุณจะเช่ือมต่อกลอ่ งขอ้ ความและรูปภาพเขา้ ดว้ ยกนั ไดใ้ นกลมุ่ แนวต้งั 1. เพมิ่ รูปภาพและกล่องขอ้ ความในหนา้ เวบ็ ไซต์ 2. ลากกล่องขอ้ ความไปที่ดา้ นบนหรือคร่ึงล่างของวตั ถุจนกว่าจะมีเส้นสีน้าเงินปรากฏ ข้ึน 3. หากตอ้ งการเปล่ียนลาดบั ของวตั ถุที่จดั กลมุ่ ใหค้ ลิกกลุม่ ท่ีคณุ ตอ้ งการเปลี่ยน 4. คลิกวตั ถทุ ่ีคุณตอ้ งการจดั เรียงใหม่ ใหแ้ ตะป่ ุมข้ึนหรือลงในแป้นพิมพ์ • วิธียกเลกิ การจัดกล่มุ ออบเจก็ ต์ 1. หากตอ้ งการยกเลิกการจดั กลุ่มกล่องขอ้ ความและรูปภาพ ให้คลิกกลุ่มที่ตอ้ งการแยก จากกนั 2. คลิกวตั ถทุ ่ีคุณตอ้ งการนาออกจากกลุ่มและลากวตั ถุออกจากกลุ่ม 3. ตัวอย่างและเผยแพร่เวบ็ ไซต์ 3.1 ดตู วั อย่างเวบ็ ไซต์ หากคุณดูเวบ็ ไซตบ์ นอุปกรณ์เคลื่อนท่ี เน้ือหาจะปรับใหพ้ อดีกบั หน้าจอโดยอตั โนมตั ิ คุณ จะดูตวั อยา่ งวา่ เวบ็ ไซตม์ ีลกั ษณะอยา่ งไรในอปุ กรณ์เคร่ืองอ่ืนไดด้ ว้ ย 1. คลิกดูตวั อยา่ ง 2. หากตอ้ งการดูวา่ เวบ็ ไซตม์ ีลกั ษณะอยา่ งไรในอุปกรณ์ตา่ งๆ ใหเ้ ลือกตวั เลือกดงั น้ี • โทรศพั ท์ • แทบ็ เลต็ • หนา้ จอขนาดใหญ่ 3. คลิกปิ ด เพ่อื ออกจากหนา้ จอแสดงตวั อยา่ ง

14 3.2 เผยแพร่เวบ็ ไซต์ของคณุ เป็ นคร้ังแรก เม่ือเผยแพร่เว็บไซต์ของคุณเป็ นคร้ังแรก ให้เพ่ิมช่ือเว็บไซต์เพ่ือให้ URL ของเว็บไซต์ สมบูรณ์ โดยจะใชไ้ ดเ้ ฉพาะตวั อกั ษร ตวั เลข และเครื่องหมายขีดกลางเท่าน้นั โดย URL เริ่มตน้ จะมี โดเมนขององคก์ รและจะเปลี่ยนแปลงไม่ได้ คุณจะยงั แกไ้ ขเวบ็ ไซตไ์ ดห้ ลงั จากเผยแพร่ไปแลว้ ก็ตาม แต่ตอ้ งเผยแพร่เวบ็ ไซตด์ งั กล่าวอีกคร้ังเพ่ือดูการเปลี่ยนแปลงใหม่ • วิธีเผยแพร่เว็บไซต์ 1. คลิกเผยแพร่ 2. เพ่ิมช่ือในส่วนทา้ ยของ URL แต่ใชค้ าบางคาไม่ได้ เช่น การสนบั สนุนและผดู้ ูแลระบบ คณุ จะเห็นเครื่องหมายถกู ท่ีทา้ ย URL หากช่ือน้นั ใชไ้ ด้ 3. ในหวั ขอ้ ผทู้ ี่ดูเวบ็ ไซตข์ องฉนั ได้ ใหค้ ลิกจดั การ 4. ในหนา้ ตา่ งแชร์กบั ผอู้ ่ืน ใหเ้ ลือกตวั เลือกดงั น้ี - ฉบบั ร่าง -หากตอ้ งการใหผ้ ใู้ ชใ้ นโดเมนหรือบุคคลท่ีระบุแกไ้ ขเวอร์ชนั ของเวบ็ ไซต์ ได้ ใหค้ ลิกเปล่ียน - เผยแพร่แล้ว -หากต้องการให้ผู้ใช้ในโดเมนหรือบุคคลท่ีระบุดูเว็บไซต์ท่ีคุณ เผยแพร่แลว้ ใหค้ ลิกเปล่ียน 5. คลิกเสร็จสิ้น 6. คลิกเผยแพร่ ไปท่ี URL ของเวบ็ ไซตเ์ พื่อยนื ยนั วา่ เวบ็ ไซตข์ องคุณไดร้ ับการเผยแพร่อยา่ ง ถกู ตอ้ ง หมายเหตุ: หลงั จากเผยแพร่เวบ็ ไซต์แลว้ คุณจะแชร์เวบ็ ไซตน์ ้ันไดโ้ ดยคลิกคดั ลอกลิงก์ คดั ลอกลิงกแ์ ลว้ วางลิงกใ์ หบ้ ุคคลอื่นในแชทหรือขอ้ ความอีเมล

15 2. CANVA Canva เป็ นแอพพลิเคช่ันสาหรับสร้างส่ือการนาเสนอหลากหลายรูปแบบ เช่น Presentation, Poster, Card, Resume, Certificate, Infographic เป็ นต้น ซ่ึง Canva น้ันจะมีขนาดมาตรฐานให้เลือกหรื อ ผู้ใช้ สามารถกาหนดขนาดเองได้ Canva ใชง้ านง่าย สวยงาม สามารถแบง่ ปันใหแ้ ก่ผอู้ ื่นได้ 2.1 การใช้งาน ผใู้ ชส้ ามารถเขา้ ใชง้ านได้ 2 รูปแบบ - ผา่ นแอปพลิเคชนั Canva - ผา่ นเวบ็ ไซต์ www.canva.com 2.2 การใช้งานผ่านเว็บไซต์ 1. การสมคั รเขา้ ใชง้ าน ผใู้ ชส้ ามารถสมคั รใชง้ านดว้ ยบญั ชีผใู้ ช้ Facebook, Google mail(G-mail) หรือสมคั รดว้ ยอีเมลอ่ืนๆ 2. หนา้ แรก เมื่อเขา้ สู่ระบบจะเขา้ สู่หนา้ เวบ็ ไซตข์ อง CANVA ดงั น้ี 2.1 เป็นส่วนจดั การดีไซนข์ องเรา จดั กลุ่ม และสื่อที่เราลบไปแลว้ 2.3 ส่วนการสร้างโดยแต่ละดีไซน์จะมีขนาดท่ีกาหนดมาให้ แตผ่ ใู้ ชส้ ามารถกาหนดขนาด เองไดเ้ ช่นกนั 2.3 เป็นดีไซน์ท้งั หมดที่ทาเอาไวแ้ ลว้

16 3. วิธีการสร้างดีไซน์ หลงั จากผูใ้ ช้เลือกดีไซน์แลว้ จะปรากฏหน้าจอในการสร้างดีไซน์ข้ึนมา โดยมีเมนูต่างๆ เมนูทางซา้ ยมือ 3.1 Template เป็นเมนูตวั เลือกสาหรับสร้างรูปแบบ และคน้ หาได้ 3.2 Photo เป็นเมนูตวั เลือกสาหรับรูปภาพท่ีผใู้ ชต้ อ้ งการจะเลือกใชใ้ หเ้ ป็นส่วนหน่ึงในดีไซด์ 3.3 Elements มีเมนูยอ่ ยสาหรับใส่สญั ลกั ษณ์ รูปทรง กรอบรูป และ กราฟตา่ งๆ

17 3.4 Text เป็นเมนูสาหรับเลือกขอ้ ความต่าง ๆ ใส่ลงในดีไซน์ของเรา 3.5 Background เป็นเมนูสาหรับเลือกภาพพ้ืนหลงั 3.6 Uploads เป็นเมนูสาหรับอปั โหลดรูปภาพจากเครื่องคอมพวิ เตอร์ของผใู้ ช้

18 3.7 More เป็นเมนูสาหรับการเชื่อมโยงขอ้ มูลผา่ นแอปออนไลน์ต่างๆ 2.3 เมนูจัดการการทางาน - Home : กลบั สู่หนา้ หลกั - File : เป็ นเมนูตวั เลือกสาหรับ แสดงขอบกระดาษ / พิมพ์บรีด(ระยะตัดตก) / สร้างงาน ออกแบบ ใหม่ / บนั ทึก / ดาวนโ์ หลด - Resize : เปลี่ยนแปลงภาพของคุณใหเ้ หมาะสมกบั ขนาดในทุกๆการใชง้ าน - Undo (ctrl+z) : เป็นเมนูสาหรับยอ้ นกลบั การทางานไปทีละข้นั ตอนใชส้ าหรับยอ้ นกลบั งาน ที่ทาผิดพลาด 2.4 เมนูมมุ บนขวา - Blog Title – Untitled : ระบุช่ืองานดีไซน์ - Share : ใชส้ าหรับแชร์ Canva ไปยงั facebook, twitter หรือส่งทางอีเมล - Download : ใช้ในการดาวน์โหลดไฟล์ซ่ึงสามารถเลือกดาวน์โหลดเป็ น ไฟล์ .PNG .JPG .PDF และ MP4

19 3. Zoom zoom (ซูม) คือแอพพลิเคชนั่ หรือเคร่ืองมือท่ีเป็ นหน่ึงในตวั ช่วยในการติดต่อสื่อสารท่ีถูกพฒั นา เพื่อให้สามารถจัดประชุม สัมมนา ได้แมจ้ ะทางานต่างสถานที่กันผ่านเครือข่ายอินเทอร์เน็ต และ อุปกรณ์ที่เหมาะสมไม่ว่าจะเป็ นคอมพิวเตอร์ โน๊ตบุ๊ค สมาร์ทโฟน ตลอดจนแท็บเล็ต ท่ีจะทาให้การ ประชุมรู้สึกเสมือนจริง เพราะสามารถรับสารได้ท้งั ในรูปแบบของภาพ และเสียง ซ่ึงในแอพพลิเคชน่ั ก็ สามารถเลือกไดว้ ่าจะประชุมแบบมีภาพ และวิดีโอ (Video Conference) หรือประชุมผ่านโทรศพั ท์ท่ีมี แต่เสียงเท่าน้นั (Conference call) ก็ไดต้ ามความตอ้ งการ นอกจากน้ีแอพพลิเคชน่ั Zoom ถือไดว้ า่ เป็นผใู้ ห้บริการคลาวด์ดา้ น Video Conference ท่ีมีผใู้ ช้งาน อยู่ทวั่ โลก โดยรูปแบบของบริการจะแบ่งออกเป็ น 2 รูปแบบคือแบบฟรี และแบบมีค่าบริการ ซ่ึงแบบ ฟรีน้ันก็มีขอ้ จากัดในการใช้งานอยู่บา้ งเล็กน้อย เพราะสามารถสร้าง Group Meeting ที่มีผูเ้ ขา้ ร่วมได้ ต้งั แต่ 3 คน ข้ึนไปแตต่ อ้ งไม่เกิน 100 คนภายในระยะเวลาการประชุมยาวต่อเน่ือง 40 นาที ในส่วนของ Zoom ท่ีตอ้ งเสียค่าบริการคุณสามารถใช้งานไดเ้ ต็มรูปแบบไม่ว่าจะเป็นการแชร์หน้า จอคอมพิวเตอร์ในระหว่างการประชุมได้ สามารถเชิญสมาชิกเขา้ ร่วมประชุมไดม้ ากถึง 100 คน หรือ สามารถบนั ทึกการประชุมเอาไวเ้ ป็ นวิดีโอได้ดว้ ย ถึงแมว้ ่า Zoom แบบฟรี และแบบมีค่าบริการจะมี ความแตกต่างด้านการใช้งานอยู่บา้ ง แต่หากพิจารณาถึงรูปแบบการใช้งานแลว้ ไม่ว่าจะแบบฟรี หรือ แบบมีคา่ ใชจ้ ่ายก็สะดวกตอ่ การใชง้ านไมแ่ พก้ นั ( หนา้ ตาของ Zoom Meeting ฉบบั PC ในระบบปฏิบตั ิการของ MacOS )

20 3.1 จุดเด่นของ Zoom Meeting สามารถใหส้ มาชิกร่วมประชุมไดม้ ากถึง 1,000 คน (แต่สาหรับการใชง้ านแบบ Free จะสามารถ รองรับได้สูงสุด 100 คน) โดยท่ีบนจอจะสามารถมองเห็นผูร้ ่วมประชุมได้ 49 ช่อง (คน) ต่อคร้ัง แน่นอนวา่ สามารถรองรับคณุ ภาพของภาพและเสียงดีระดบั HD ผเู้ ขา้ ร่วมประชุมสามารถแชร์หนา้ จอ/สกรีนไดพ้ ร้อมๆ กนั ทาให้การทางานร่วมกนั เป็นไปไดล้ ื่น ไหลมากข้ึน การประชุมทุกคร้ังสามารถอดั วิดีโอไว้ แลว้ เอามาดูยอ้ นหลงั ได้ โดนวิดีโอที่อดั ไวจ้ ะถูก เกบ็ ไวใ้ น Cloud สามารถเรียกดูเม่ือตอ้ งการ สามารถเชื่อมต่อกบั ปฏิทินหรือแอพท่ีใช้กาหนดหรือลงตารางเวลาต่างๆ ได้ เช่น Gmail หรือ Outlook ห้องแชทสามารถเก็บขอ้ มูลไวไ้ ด้นาน ทาให้การส่งไฟล์ให้คนในทีม หรือส่วนตวั น้ันเป็ น เรื่องง่าย และไม่ตอ้ งกลวั ว่าไฟล์จะหายดว้ ยความปลอดภยั สูง เพราะมีการเขา้ รหัสแบบ End-to-end encryption ซ่ึงความปลอดภยั เทียบเท่ากบั เวบ็ แชทดงั ๆ อยา่ ง Whatsapp หรือ LINE เลยทีเดียว 3.2 ฟี เจอร์ (Feature) น่าใช้ของ Zoom Meeting สามารถเปล่ียนไปใช้ Dark Mode เพ่ือเป็นการถนอมสายตาได้ สาหรับผใู้ ชง้ าน Mac สามารถ เลือก Skin Tone ใหก้ บั การกด Reaction ไดด้ ว้ ย เปลี่ยนพ้นื หลงั ได้ Feature น้ีถูกเรียกวา่ Virtual Background ซ่ึงเม่ือผสู้ ร้างการประชุมต้งั ค่าใหผ้ ู้ ร่วมประชุมเปล่ียนพ้นื หลงั ได้ คนท่ีเป็นผเู้ ขา้ ร่วมประชุมกจ็ ะสามารถเลือกรูปมาใส่ในพ้นื หลงั แทนได้

21 สามารถขอเข้าควบคุมหน้าจอได้ นอกจากการแชร์หน้าจอแล้ว Zoom Meeting ยงั มา เหนือกว่าน้นั คือสามารถให้เขา้ Control คอมพิวเตอร์ไดเ้ ลยแมจ้ ะอยไู่ กลกนั จึงเหมาะมากเวลาจะ สาธิตการแกไ้ ขปัญหาอะไรให้ผูเ้ ขา้ ร่วมประชุมเห็นเป็ นจอของตวั เองง่ายๆปรับผิวให้เนียนคลา้ ย โหมดบิวต้ี Zoom Meeting มีฟี เจอร์ให้เลือกต๊ิกได้ว่า Touch up my Appearance เพ่ือปรับให้ผิวดู เนียน หนา้ ตาดูสดใสข้นึ 3.3 การใช้ Zoom Meeting บน PC 1. บนบราวเซอร์ (Google Chrome) ใหไ้ ปท่ีเวบ็ ของ Zoom กด Sign Up, It’s Free 2. เลือกวิธีการสร้าง Account แบบท่ีสะดวก เช่น ล็อกอินด้วย Gmail ล็อกอินด้วย Facebook หรือจะสร้าง Account

22 3. ตรงแถบเมนูดา้ นบน จะเป็ นคาสั่งให้สามารถสร้างตารางนัดหมายการประชุม (Schedule a Meeting) เข้าร่วมการประชุม (Join a Meeting) หรื อจัดการประชุม (Host a Meeting) ได้ หมายเหตุ: ถา้ หากจะ Join การประชุมใดๆ คนท่ี Join จะตอ้ งกรอก Meeting ID ลงไปเพื่อเขา้ ร่วม (ตามรูป) 4. ในส่วนของบาร์ดา้ นซา้ ยมือของหนา้ จอตรง Personal มีตวั เลือกที่เอาไวท้ าอะไรไดห้ ลายอยา่ ง ไดแ้ ก่ 1. Profile ก็คอื ส่วนท่ีเอาไวก้ ารต้งั ค่าโปรไฟล์ รูป อีเมล พาสเวิร์ดต่างๆ 2. Meetings ในส่วนของ Meetings จะมีเมนูบาร์ 3 เมนูให้เลือก Upcoming Meetings, Previous Meetings และ Meeting Templates ใหเ้ ห็น - Upcoming Meetings จะเป็นที่ที่ใหด้ ูว่ามีตารางนดั หมายการเขา้ ร่วมประชุมอะไรอยู่ บา้ ง ถา้ ไมม่ ีสามารถเป็นคนนดั หมายไวล้ ่วงหนา้ ได้ - Previous Meeting ดูขอ้ มลู การประชุมท่ีผา่ นไปแลว้ - Meeting Templates หมายถึงรูปแบบการประชุม สามารถ Save การต้งั ค่า เพื่อที่การ นดั หมายคร้ังหนา้ จะไดไ้ ม่ตอ้ งต้งั ค่าใหม่น่ันเองจะสังเกตเห็นวา่ ถดั จากเมนูท้งั สอง อนั น้นั ยงั มี Video ที่เป็นเหมือน Tutorial สามารถเขา้ ชมไดอ้ ีกดว้ ย

23 3. Webinars ส่วนน้ีจะเป็นส่วนที่ตอ้ งเสียเงินอปั เกรดเพมิ่ จึงจะสามารถใชง้ านได้ 4. Recordings นอกจากน้ีจะเห็นตวั เลือก Recording ซ่ึงตรงน้ีแหละที่จะเป็นที่ท่ีการประชุม ถูกบนั ทึกเอาไวใ้ หเ้ ราสามารถมาเรียกดูไดใ้ นภายหลงั 5. Setting ยงั มีการต้ังค่าอื่นๆ อีกมากมายใน Setting ว่าจะเปิ ดปิ ดการใช้งานฟี เจอร์ไหน บา้ ง เป็นตน้ 3.4 Zoom Cloud Meetings Zoom Cloud Meetings คือช่ือของแอพพลิเคชน่ั บนอุปกรณ์มือถือท้งั Android และ iOS แมจ้ ะมี ฟี เจอร์ที่แตกตา่ งกบั Zoom บน PC หรือเดสกท์ อ็ ปคอมพวิ เตอร์ สามารถใชเ้ ชื่อมต่อแทนได้ ถา้ หากไม่ สะดวกจะใชอ้ ปุ กรณ์ PC ณ ขณะน้นั กส็ ามารถใช้ Account เดิมท่ีเรามีเชื่อมต่อกบั อุปกรณ์มือถือแทน • การใช้ Zoom Cloud Meetings บนมือถือ 1. ดาวน์โหลดแอพพลิเคช่ัน Zoom Cloud Meetings จาก App Store หรื อ Play Store แลว้ แตร่ ะบบปฏิบตั ิการของมือถือ 2. ถา้ หากว่ามี Account อยู่แลว้ ก็ Sign In ไดเ้ ลย Account 1 บญั ชี สามารถ Sign In ไดห้ ลาย Device ท้งั PC และมือถือ ถา้ หากยงั ไม่มี Account ก็จดั การสมคั รหรือเชื่อมต่อในแบบที่ สะดวก

24 3. แถบเมนูจะอยดู่ า้ นล่างของจอ เริ่มตน้ ท่ี Meet & Chat ท่ีจะมีคาสง่ั ยอ่ ยอยดู่ า้ นบน ไดแ้ ก่ - New Meeting คอื คาสงั่ สาหรับการเริ่มประชุม - Join คือคาสั่งสาหรับใชเ้ ขา้ ร่วมประชุม ซ่ึงแน่นอนวา่ เหมือนกบั การใชง้ านบน PC ท่ี จะตอ้ งมี Meeting ID มากรอกก่อนเขา้ ร่วม - Schedule คือการนดั หมายการประชุมลว่ งหนา้ 4. แถบเมนูดา้ นล่างถดั มา Meetings ก็เป็นท่ีที่สามารถการเร่ิมประชุมได้ ส่งคาเชิญใหไ้ ปให้ ผูเ้ ขา้ ร่วมประชุมได้ โดยในหน้าน้ันเองก็จะมี Meeting ID บอก ให้เราสามารถส่งเลข ดงั กลา่ วไปใหผ้ เู้ ขา้ ร่วมใช้ Join

25 5. แถบเมนูถดั เป็น Contacts ที่ไวเ้ กบ็ รายช่ือคนติดตอ่ นน่ั เอง 6. แถบเมนูถดั เป็น Setting สามารถกดเขา้ ไปดูการต้งั ค่าอ่ืนๆ อีกมากมายในน้ี เพ่ือเลือกว่า เราอยากจะเปิ ดปิ ดการใชง้ านฟี เจอร์ไหนบา้ ง

26 4. Google Meet เพื่อลดขอ้ จากดั เร่ืองการรับส่งสัญญาณภาพและเสียง Google จึงพฒั นาแอพพลิเคชน่ั ที่ใชร้ ่วมกบั คอมพิวเตอร์ โน้ตบุ๊ก หรืออุปกรณ์อื่นๆ ที่เข้าใช้งาน Google โดยในส่วนแอพพลิเคช่ันประชุม ออนไลน์ จะมีช่ือวา่ “Google Meet” 4.1 การใช้งาน Google Meet Google ไม่ไดบ้ งั คบั ให้ผูร้ ่วมประชุมทุกคนว่าตอ้ งเป็ นผูใ้ ช้ผลิตภณั ฑ์ Gmail ของ Google แต่ หากเป็ นสมาชิกของ Google อยู่แล้วจะใช้งาน Feature ต่างๆ ได้มากกว่า โดยทาง Google ได้ ออกแบบไวส้ าหรับกล่มุ ผใู้ ชง้ าน 3 ประเภท ดงั น้ี 1. ระดบั ธุรกิจ : สาหรับบริษทั องคก์ ร ท้งั ขนาดเลก็ และขนาดใหญ่ 2. สถาบนั การศึกษา : โรงเรียน มหาวิทยาลยั และสถาบนั การศึกษาอ่ืนๆ 3. ผใู้ ชง้ านทว่ั ไป : สาหรับติดต่อสื่อสารกบั เพอ่ื น ญาติ และผนู้ ดั หมายอ่ืนๆ โดย Google Meet เป็ นเพียงส่วนหน่ึงของระบบ G Suite ซ่ึงเป็ นผลิตภณั ฑ์ท่ีรวบการใช้งาน ทุกๆ Feature ของ Google ให้คุณทางานง่ายข้ึนในช่องทางเดียว และมีคาแนะนาการใช้ G Suite สาหรับธุรกิจต่างๆ โดยเฉพาะดว้ ย 4.2 ข้อจากดั การใช้ Google Meet แมจ้ ะเปิ ดให้ใช้ฟรี 60 นาทีต่อคร้ัง แต่ก็ถือว่าเพียงพอ เพราะประชุมทางไกลผ่าน Google Meet ไม่มีขอ้ จากดั ในดา้ นอุปกรณ์ แต่หากใช้อินเทอร์เน็ตก็ควรเลือกแพ็คเกจท่ีครอบคลุมการใช้ งานวิดีโอ รวมถึงการเก็บขอ้ มูลการประชุมออนไลน์ที่บาง Meeting ตอ้ งบนั ทึกไวท้ ้งั หมด ดงั น้ัน ธุรกิจบางอยา่ งจึงจาเป็นตอ้ งซ้ือพ้ืนที่เก็บขอ้ มลู เพ่มิ เติมดว้ ย

27 4.3 จุดเด่นของ Google Meet เมื่อ Google Meet เปิ ดตวั ใหผ้ ใู้ ชง้ านทว่ั ไปไดเ้ ขา้ ถึงแพค็ เกจการใชง้ านแบบองคก์ ร จึงทาให้ มีขอ้ เปรียบเทียบเร่ืองการถ่ายโอนขอ้ มูลภาพและเสียงขณะสนทนา และการจากดั ผเู้ ขา้ ร่วมประชุม ที่ ดึงศกั ยภาพจาก Google มาบริการ ดงั น้ี - หมดข้อจากัดเร่ืองภาษา เพราะระหว่างสนทนา มีอัลกอริทึมแปลภาษา Google Translator มาช่วย - ไม่ตอ้ งกลวั ลืม เพราะหลงั จบการสนทนา สามารถบนั ทึกไฟล์วิดีโอสนทนาไวใ้ น Google Drive ได้ - Google Meet ให้จานวนผูส้ นทนาสูงสุด 250 คน ต่อ 1 การประชุม แตกต่างจาก Messenger Rooms และ Skype ที่จากดั จานวน 50 คนตรึงหนา้ จอคอมพิวเตอร์ขณะ สนทนาได้ จึงเป็ นจุดเด่นท่ีทาให้ Google Meet แตกต่างจากโปรแกรมกลุ่ม VDO Call ส่งขอ้ ความหาผูร้ ่วมสนทนาไดผ้ ่าน Chatบนั ทึก Contact ผูร้ ่วมสนทนาไวใ้ น Google Contacts เพ่ือเรียกหาขอ้ มูลผตู้ ิดต่อในคร้ังต่อไป นอกจากน้ีธุรกิจประเภทการศึกษา ที่ผูเ้ รียนตอ้ งส่งการบา้ นหรือแบบทดสอบกลบั มายงั ผสู้ อน ทาง Google จึงแยกบริการออกมาเรียกว่า G Suite for Education ซ่ึงมีทิศทางวา่ มหาวิทยาลยั และสถาบนั การศึกษาต่างๆ ทวั่ โลกไดน้ ามาใชป้ ระกอบการเรียนการสอนทางไกล เพื่อป้องกนั โค วดิ -19 ในระยะยาว 4.4 การใช้ Google meet 1. เข้าไปที่เว็บไซต์ ของ Google Meet หรื อจะพิมพ์ url ตามน้ี https://meet.google.com/ จากน้นั ใหค้ ล๊ิกท่ี “Sign in” หรือ “ลงช่ือเขา้ ใช”้

28 2. ทาการกรอก อีเมล @gmail.com หรือจะเป็ น @bru.ac.th และรหัสผ่าน ที่ได้รับจากศูนย์ คอมพวิ เตอร์ฯ และกดป่ ุม Next เพอื่ ทาการสู่ระบบ 3. หลงั จากทาการ เขา้ สู่ระบบสาเร็จแลว้ จะพบกับหน้าจอหลกั ของโปรแกรม Google Meet จากน้นั ใหท้ าการคลิกที่ป่ ุม เขา้ ร่วมหรือเร่ิมการประชุม 4. เม่ือคลิกป่ ุม เขา้ ร่วมหรือเร่ิมการประชุม แลว้ ระบบ ก็จะให้ต้งั ชื่อหอ้ งประชุม ในข้นั ตอนน้ี เราจะต้งั ชื่อห้องประชุม หรือไม่ต้งั ช่ือก็ได้ ถา้ หากไม่ตอ้ งการต้งั ช่ือห้องประชุม ก็กดป่ ุม ต่อไป ได้เลย (ตามภาพ ขอต้ังชื่อห้องประชุม การต้ังชื่อห้องประชุม ใช้ได้เฉพาะ ภาษาองั กฤษและตวั เลขเท่าน้นั )

29 5. ในข้นั ตอนน้ี เป็นการเตรียมตวั ก่อนเขา้ ร่วมประชุม ถา้ หากเขา้ ใชง้ านคร้ังแรก ตอ้ งคลิกป่ ุม Allow เพื่ออนุญาต ให้สามารถใช้งานกลอ้ งเว็บแคม และไมโครโฟน เราสามารถเปิ ดหรือ ปิ ด ไมโครโฟนและกลอ้ งได้ โดยกดป่ ุมรูปกลอ้ งหรือไมโครโฟน ให้เป็ นสีแดง เม่ือพร้อม แลว้ ก็สามารถกดป่ มุ เขา้ ร่วม 6. เมื่อเขา้ ห้องประชุมไดแ้ ลว้ ระบบจะแสดงขอ้ มูลรายละเอียดของหอ้ งประชุม โดยจะมี ลิงค์ ของประชุม แสดงไวด้ ้วย เราสามารถ คดั ลอก หรือ copy ลิงค์ห้องประชุม แลว้ เอาไปส่ง ใหก้ บั ผทู้ ่ีเราตอ้ งการให้เขา้ ร่วมประชุมดว้ ย หรือถา้ เป็นหอ้ งเรียน กเ็ อาลิงคห์ อ้ งประชุมน้ี ไป แจกให้กบั นักศึกษา เพ่ือเขา้ มาห้องเรียนของเราได้ และถา้ สังเกตดูในลิงค์ของห้องประชุม เช่น https://meet.google.com/ydw-fvwe-fom ตัวอักษรท่ีอยู่ด้านหลงั จะเป็ น Google Meet ID ในตวั อยา่ งน้ี Google Meet ID กค็ อื ydw-fvwe-fom

30 7. ในการใช้ห้องประชุม ก็จะมีเคร่ืองมือหรือเมนูการใชง้ าน ให้เลือกใชง้ านอยู่ โดยสามารถ แบง่ เป็นกลุ่มหลกั ๆ ได้ 5 กล่มุ ตามภาพดา้ นล่าง ดงั น้ี หมายเลข 1 คอื กลุ่มเมนูผใู้ ชง้ าน สามารถดูผทู้ ่ีอยใู่ นหอ้ งประชุมได้ สามารถพดู คุยผ่านการ Chat ได้ หมายเลข 2 คอื เมนูการดูรายละเอียดของหอ้ งประชุม หมายเลข 3 คอื กลุ่มเมนูควบคุม จะมีอยู่ 3 ป่ ุม - ป่ ุมรูปไมโครโฟน : เอาไวเ้ ปิ ด/ปิ ด ไมโครโฟนของเราเอง - ป่ ุมรูปวางสาย : เอาไวท้ าการวางสายหรือตอ้ งการออกจากห้องประชุม หรือ สิ้นสุดการประชุม - ป่ มุ รูปกลอ้ งวดิ โอ : เอาไวเ้ ปิ ด/ปิ ด กลอ้ งเวบ็ แคม หมายเลข 4 คือ เมนูที่เอาไวแ้ ชร์หนา้ จอหรือนาเสนอหนา้ จอ แก่ผเู้ ขา้ ร่วมประชุม อยา่ งเช่น ใชน้ าเสนอโปรแกรม MS Power point หมายเลข 5 คอื เมนูอื่นๆ เช่นเมนูบนั ทึกการประชุม

31 8. ถา้ หากตอ้ งการแชร์หนา้ จอ หรือนาเสอนไฟล์ MS Power point ให้กบั ผเู้ ขา้ ร่วมประชุมหรือ นกั ศึกษา ท่ีอยูใ่ นห้องประชุม ก็สามารถทาได้ โดยใช้เมนู นาเสนอทนั ที (หมายเลข 4 ตาม ภาพดา้ นบน) เมื่อเรากดป่ ุม นาเสนอทนั ที ก็จะมีการนาเสนออยู่ 3 แบบดว้ ยกนั การนาเสอน ท้งั หนา้ จอ, นาเสนอเป็นหนา้ ต่าง และนาเสนอกบั แทบ็ Chorme แบบท่ี 1 การนาเสนอท้งั หน้าจอ เป็ นการแชร์ท้งั หน้าจอของเรา ให้กับผูเ้ ขา้ ประชุมเห็น เหมาะกบั การนาเสนอ ท่ีตอ้ งเปิ ดหลายโปรแกรม สามารถสลบั ไปมาได้ แบบท่ี 2 การนาเสนอแบบหน้าต่าง เป็ นการแชร์เฉพาะหนา้ ต่าง หรือบางโปรแกรม ท่ีเรา ต้องการให้ผูเ้ ข้าประชุมเห็น เท่าน้ัน แต่ว่าการแชร์หน้าจอแบบน้ีเราต้องการเปิ ดโปรแกรม ท่ี ต้องการแชร์ ไวล้ ่วงหน้าด้วย เม่ือเรากดป่ ุม นาเสนอทันที และเลือกเป็ นแบบหน้าต่าง ก็จะมี โปรแกรมข้นึ มาใหเ้ ลือก จากน้นั ก็กดป่ ุมเสนอ Share ไดเ้ ลย

32 9. ถา้ หากตอ้ งการบนั ทึกการประชุมไวเ้ ป็นไฟลว์ ิดีโอ ก็สามารถทาได้ โดยให้กดที่ป่ ุม จุดสาม จุด บริเวณมุมล่างขวามือ จากน้นั เลือกเมนู บนั ทึกการประชุม เมื่อการประชุมเสร็จสิ้น ไฟล์ วิดีโอ ที่บันทึกไว้ ก็จะถูก save ไวท้ ี่ Google Drive ของเราอัตโนมัติ ไฟล์จะถูกเก็บไวท้ ี่ โฟลเดอร์ Meet Recordings 4.5 การเข้าร่วมประชุมออนไลน์ด้วยโปรแกรม Google Meet ถือเป็ นขอ้ ดีอย่างหน่ึงของผูใ้ ช้โปรแกรม Google Meet ก็คือ สามารถใช้งานไดเ้ ลย ไม่ตอ้ ง ติดต้งั โปรแกรมเพิ่มเติม โดยใชง้ านผ่านโปรแกรม เวบ็ บราวเซอร์ ไดแ้ ก่ Google Chrome, FireFox หรือ Microsoft Edge (อยู่ใน Windows 10) ส่วนการใช้งานบนมือถือ หรือแท็บเล็ต ต้องติดต้ัง โปรแกรม เพื่อการใช้งานสาหรับการเข้าร่วมประชุม สามารถทาไดด้ ้วยกนั 2 วิธี ผูท้ ่ีไม่มีอีเมล @bru.ac.th ก็เขา้ ร่วมประชุมได้ วิธีแรกการเขา้ ร่วมประชุมโดยใชล้ ิงคข์ องห้องประชุม เช่น ลิงคข์ อง ห้องประชุมคือ https://meet.google.com/ydw-fvwe-fom ก็สามารถคลิกท่ีลิงค์ เพ่ือเขา้ ร่วมประชุม ได้เลย อีกวิธีหน่ึงเป็ นการเขา้ ร่วมประชุมด้วย Google Meet ID ถา้ หากลิงค์ของห้องประชุมเป็ น https://meet.google.com/ydw-fvwe-fom ตัวอักษ รท่ี อยู่ด้าน ห ลัง จะเป็ น Google Meet ID ใน ตวั อยา่ งน้ี Google Meet ID กค็ ือ ydw-fvwe-fom ทาไดด้ งั น้ี • วิธีที่ 1 การเข้าร่วมประชุมโดยใช้ลงิ ค์ของห้องประชุม เมื่อเราได้ลิงค์ห้องประชุมมาแล้ว ให้ทาการคลิกที่ลิงค์ห้องประชุม หรือทาการพิมพ์ https://meet.google.com/ydw-fvwe-fom เขา้ ที่ท่ีช่อง url ก็ไดเ้ ช่นกนั จากน้นั ทาการกรอกชื่อที่จะใช้ ร่วมประชุม แลว้ ก็กดป่ มุ Ask to join กจ็ ะเขา้ ร่วมประชุมไดท้ นั ที

33 • วธิ ที ี่ 2 การเข้าร่วมประชุมด้วย Google Meet ID ทาการเข้าเว็บไซต์ https://meet.google.com/ จากน้ันให้ทาการกดที่ป่ ุม Use a meeting code เพอื่ ทาการกรอก code ที่ไดม้ า แลว้ กท็ าการเขา้ ร่วมประชุม

34 5. Google Classroom Google Classroom เปิ ดให้บริ การสาหรับทุกคนท่ีใช้Google Apps for Education ซ่ึงเป็ นชุด เครื่องมือ เพ่ือประสิทธิภาพการทางานท่ีให้บริการฟรีประกอบดว้ ย Gmail, เอกสาร และไดรฟ์ Google Classroom ไดร้ ับการออกแบบมาเพื่อช่วยใหอ้ าจารยส์ ามารถสร้างและเก็บงานไดโ้ ดยไม่ตอ้ ง สิ้นเปลือง กระดาษ มีคุณลกั ษณะที่ช่วยประหยดั เวลา เช่น สามารถทาสาเนาของ Google เอกสารสาหรับนกั ศึกษา แตล่ ะคนไดโ้ ดยอตั โนมตั ิโดยระบบจะสร้างโฟลเดอร์ของไดรฟ์ สาหรับแตล่ ะงานและนกั ศึกษาแตล่ ะคน เพ่ือช่วยจดั ระเบียบให้ทุกคน ทุกคนสามารถติดตามว่ามีอะไรครบกาหนดบ้างในหน้างาน และเร่ิม ทางานไดด้ ว้ ยการคลิกเพียง คร้ังเดียว อาจารยส์ ามารถดูไดอ้ ย่างรวดเร็ววา่ ใครทางานเสร็จหรือไม่เสร็จ บา้ งตลอดจนสามารถแสดงความคิดเห็น และใหค้ ะแนน 5.1 ประโยชน์ของการใช้งาน Google Classroom 1. ต้งั คา่ ไดง้ า่ ยดาย อาจารยส์ ามารถเพ่ิมนกั ศึกษาไดโ้ ดยตรง หรือแชร์รหสั เพอ่ื ใหน้ กั ศึกษาเขา้ ช้นั เรียนได้ การต้งั ค่าใช้ เวลาเพยี งครู่เดียว 2. ประหยดั เวลา กระบวนการของงานเรียบง่าย ไม่สิ้นเปลืองกระดาษ ทาใหอ้ าจารยส์ ร้าง ตรวจ และใหค้ ะแนนงานไดอ้ ยา่ ง รวดเร็วในท่ีเดี่ยวกนั 3. ช่วยจดั ระเบียบ นกั ศึกษาสามารถดูงานท้งั หมดของตนเองไดใ้ นหน้างาน และเน้ือหาสาหรับ ช้นั เรียนท้งั หมดจะถูกจดั เก็บ ในโฟลเดอร์ภายใน Google ไดรฟ์ โดยอตั โนมตั ิ 4. สื่อสารกนั ไดด้ ียิ่งข้ึน Classroom ทาให้อาจารยส์ ามารถส่งประกาศและเร่ิมการพูดคุยในช้นั เรียนไดท้ นั ที นกั ศึกษาสามารถแชร์ แหล่งขอ้ มูลกนั หรือตอบคาถามในสตรีมได้ 5. ประหยัดและปลอดภัย เช่นเดียวกับบริ การอื่นๆ ของ Google Apps for Education คือ Classroom จะไม่แสดงโฆษณา ไม่ใช้เน้ือหาหรือข้อมูลของนักศึกษาในการโฆษณา และ ใหบ้ ริการฟรีสาหรับมหาวิทยาลยั ฯ

35 5.2 การสร้างช้ันเรียน สาหรับการใชง้ าน Google Classroom ในบทบาทของอาจารยน์ ้นั สามารถทาไดด้ งั น้ี 1. สร้างช้นั เรียนออนไลน์สาหรับรายวชิ าน้นั ๆ ได้ 2. เพ่มิ รายชื่อนกั ศึกษาจากบญั ชีของ Google เขา้ มาอยใู่ นช้นั เรียนได้ 3. สามารถกาหนดรหสั ผา่ นใหน้ กั ศึกษานาไปใชเ้ พ่ือเขา้ ช้นั เรียนเองได้ 4. สามารถต้งั โจทย์ มอบหมายการบา้ นใหน้ กั ศึกษาทาไดโ้ ดยสามารถแนบไฟลแ์ ละกาหนด วนั ที่ส่งการบา้ นได้ 5. นกั ศึกษาเขา้ มาทาการบา้ นใน Google Docs และส่งเขา้ Google Drive ของอาจารย์ โดยจะ จดั เก็บไฟลง์ านใหอ้ ยา่ งเป็นระบบภายใต้ Folder “Classroom” 6. สามารถเขา้ มาดูจานวนนกั ศึกษาที่ส่งการบา้ นภายในกาหนดและยงั ไม่ไดส้ ่งได้ 7. ตรวจการบา้ นของนกั ศึกษาแตล่ ะคน พร้อมท้งั ใหค้ ะแนนและคาแนะนาได้ 8. สามารถเชิญอาจารยท์ า่ นอ่ืนเขา้ ร่วมในช้นั เรียนเพื่อร่วมกนั จดั การเรียนการสอนได้ 9. ปรับแตง่ รูปแบบของช้นั เรียนตามธีมหรือจากภาพส่วนตวั ได้ 10. สามารถใช้งานบนมือถือ ท้ังระบบปฏิบัติการ Android และ iOS ได้สาหรับ Google Classroom อาจารย์ไม่จาเป็ นต้องรู้วิธีการเขียนโค้ดหรือสร้างเว็บไซต์หรือสับสนกับ ข้นั ตอนมากมายท่ีตอ้ งใชใ้ นการสร้างช้นั เรียน สาหรับ Google Classroom เป็นเร่ืองง่ายใน การสร้างช้นั เรียนเพียงแคค่ ลิกที่ป่ มุ และการเพ่มิ ขอ้ ความบางส่วน 5.3 ข้นั ตอนการสร้างช้ันเรียน 1. เขา้ สู่ระบบของ Google Classroom ที่ https://classroom.google.com/

36 2. สาหรับการใช้งาน Google Classroom ในคร้ังแรก เม่ือเข้าสู่ระบบแล้วจาเป็ นต้องเลือก บทบาทในการใชง้ าน 3. คลิกเครื่องหมาย + ท่ีบริเวณดา้ นมมุ ขวา 4. หลงั จากน้นั ใหเ้ ลือกสร้างช้นั เรียน (Create Class) 5. ในการสร้างช้นั เรียนตอ้ งใส่ขอ้ มลู รายวิชาท่ีสอนดงั ตวั อยา่ ง - ช่อง ชื่อช้นั เรียน : ระบชุ ื่อวิชาเช่น คอมพิวเตอร์เบ้ืองตน้ - ช่อง หอ้ ง : ระบุหอ้ งท่ีสอน เช่น ปริญญาตรี (ปกติ) - ช่อง เร่ือง ต่าง ๆ เช่น วนั ท่ีสอน - ช่อง หอ้ ง : ระบุหมายเลขหอ้ งท่ีสอน เช่น 8207 - กรอกขอ้ มลู เสร็จ ใหค้ ลิกเลือกที่ สร้าง (Create)

37 5.4 หน้าจอการทางานของ Google Classroom 5.5 การเปลยี่ นธีม ของช้ันเรียน ในการเลือกรูปภาพและธีม ใหท้ าดงั น้ี 1. คลิกเลือกธีม (Select theme)