1 เอกสารประกอบการสอนปรับพื้นฐาน นักเรียนระดับชั้นมัธยมศึกษาปีที่ 4 โรงเรียนห้วยยอด Activity 1: การเข้าใช้งาน Google Drive 1. ไปที่หน้าแรกของ Google แล้วลงชื่อเข้าใช้งานด้วย Google Account ของนักเรียน ประกอบด้วย รหัสนักเรียน (ตัวเลข 5 หลัก) ตามด้วย @hy.ac.th รูปที่ 1 การลงชื่อเข้าใช้งาน เมื่อลงชื่อเข้าใช้งานเสร็จแล้วให้คลิกเลือก Google Apps (คลิกสัญลักษณ์ ) > เลือก Drive ก็จะ เข้าสู่ Google Drive (ดังรูปที่ 3) รูปที่ 2 การเข้าใช้งาน Google Drive 2. เมื่อเข้าสู่หน้า Google Drive แล้ว ให้คลิกปุ่ม + New (+ ใหม่) จะสามารถเลือกอัปโหลดไฟล์หรือ สร้างเอกสารด้วยแอปฯ ต่าง ๆ ได้ รูปที่ 3 แสดงความสามารถในการใช้งาน Google Drive เบื้องต้น
2 Activity 2: เข้าใช้ Classroom (นักเรียน) การใช้งาน Google Classroom ในมุมมองของนักเรียน การเข้าใช้ครั้งแรก 1. เปิดบราวเซอร์แล้วไปยัง URL classroom.google.com 2. หากมีการล็อกอินเข้าระบบของ Google ก่อนหน้านี้ บราวเซอร์จะนำเราไปยังหน้าแรกของ Classroom โดยอัตโนมัติ หากยังไม่ล็อกอิน ให้ทำการล็อกอินก่อน รูปที่ 4 หน้าแรกของ Google Classroom การเข้าร่วมชั้นเรียน 1. กดปุ่มเครื่องหมายบวก บริเวณมุมบนขวา แล้วเลือกเมนู “เข้าร่วมชั้นเรียน” 2. ใส่รหัสเข้าร่วมคลาส ซึ่งรหัสนี้นักเรียนจะได้รับจากคุณครู รูปที่ 5 การเข้าร่วมชั้นเรียน vlafmto
3 3. กดปุ่ม เพื่อเข้าร่วมชั้นเรียน ระบบจะใช้เวลาซักครู่หนึ่ง ก่อนที่บราวเซอร์จะพาเราไปยัง หน้าแสดงคลาสเรียน (ดังรูปที่ 5 ด้านขวา) การถามตอบในวิชาเรียน 1. คลิกที่ชื่อคลาสเรียน ในที่นี้คือ ชั้นเรียนปรับพื้นฐาน 2. ระบบจะนำเราไปยังหน้า “สตรีม” ที่แสดงการบ้าน (Assignment) และประกาศ (Announcement) จากคุณครูประจำวิชา รูปที่ 6 ตัวอย่างหน้า Stream ของรายวิชา 3. นักเรียนสามารถถามตอบ ผ่านความคิดเห็นในการบ้าน หรือประกาศของคุณครูได้ โดยการพิมพ์ ข้อความ บริเวณ “เพิ่มความคิดเห็น…” ซึ่งเป็นข้อความสีเทาๆ แล้วกดปุ่มส่งข้อความ โดยใน กิจกรรมนี้ ให้นักเรียนทุกคน ทดลองตอบคำถามจากรูปที่ 6 รูปที่ 7 ตัวอย่างการถามตอบในรายวิชา การตรวจสอบงาน/การบ้านใน Google Classroom คลิกแถบงานของชั้นเรียน เพื่อดูงานที่ได้รับมอบหมายจากครูพร้อมวันกำหนดส่งงาน รูปที่ 8 ตัวอย่างงานที่ครูมอบหมาย
4 การส่งงาน/การบ้านใน Google Classroom เมื่อได้รับมอบหมายงานจากครูนักเรียนสามารถส่งงานใน Classroom ได้ดังนี้ รูปที่ 9 แสดงการเข้าสู่รายละเอียดของงาน 1. คลิก “ดูงาน” เพื่อเข้าไปในรายละเอียดของงานที่ได้รับมอบหมาย ซึ่งจะแสดงข้อมูลดังต่อไปนี้ ○ ชื่อการบ้าน ○ วันหมดเขตส่ง (ในที่นี้กำหนดเป็นวันที่ 28 พ.ย.) ○ ปุ่มอัพโหลดไฟล์เพื่อส่งเป็นการบ้าน (เพิ่ม) ○ ปุ่มเพื่อสร้างเอกสาร Google Docs เพื่อส่งเป็นการบ้าน (สร้าง) ○ ปุ่มสำหรับส่งการบ้าน (ส่ง) ○ สถานะของการบ้าน (ยังไม่เสร็จ) ○ ไฟล์ต้นแบบการบ้านที่ครูทำไว้ให้ (ถ้ามี) ○ คอมเมนต์ส่วนตัวที่คุณครู และนักเรียนคนนี้ที่มองเห็น (เพิ่มความคิดเห็นส่วนตัว…) 2. คลิก “+ เพิ่มหรือสร้าง” เพื่อเลือกรูปแบบในการส่งงานให้นักเรียนเลือกใช้ได้ตามแต่ละประเภทของ งานที่ได้รับมอบหมายหรือครูเป็นผู้กำหนด รูปที่ 10 แสดงประเภทของงานที่จะส่ง ส่วนที่ 1 : อัปโหลดหรือแนบไฟล์งานจากแหล่งต่างๆ ได้แก่ Google Drive : แนบไฟล์จาก Google Drive Link : แนบลิงก์ไฟล์งาน File : แนบไฟล์งานจากเครื่องคอมพิวเตอร์ ส่วนที่ 2 : สร้างเอกสารออนไลน์ประเภทต่างๆ ได้แก่ สร้างงานจาก Google เอกสาร สร้างงานจาก Google สไลด์ สร้างงานจาก Google ชีต สร้างงานจาก Google วาดเขียน
5 Activity 3: การใช้งาน Google Docs Google Documents หรือที่เรียกกันสั้น ๆ ว่า Google Docs เป็นบริการออนไลน์ที่ให้เราสามารถ จัดการเอกสารได้โดยไม่ต้องเสียเงิน เพียงแค่เข้าไปยัง Google Docs เราก็สามารถสร้าง แก้ไข หรือเปิดอ่าน เอกสารได้เลย โดยตัวเอกสารนั้นจะถูกเก็บไว้ในเซริ์ฟเวอร์ของ Google และที่สำคัญเราสามารถแชร์เอกสาร ให้กับเพื่อนเพื่อแก้ไข ข้อมูลไปพร้อมๆ กัน โดยจะเห็นว่าอีกฝ่ายกำลังพิมพ์อะไรอยู่ ซึ่ง Google Docs จะมี รูปร่างหน้าตาและการใช้งานคล้ายๆ microsoft word รูปที่ 11 ส่วนประกอบหน้าต่าง Google Docs การทำการบ้านผ่าน Google Document 1. ในกรณีที่คุณครูเตรียมไฟล์สำหรับทำการบ้าน ไว้ให้แล้ว (ในกรณีนี้ คือ “คัดลอกจาก การบ้าน #01”) เราสามารถกดที่ชื่อไฟล์ เพื่อเปิดไฟล์ Google Docs ได้เลย ระบบจะเปิดแท็บหรือหน้าต่างใหม่ เพื่อให้นักเรียนพิมพ์ข้อความ รูปที่ 12 ตัวอย่างการทำการบ้านผ่าน Google Document 3. เมื่อพิมพ์คำตอบเสร็จแล้ว ให้ปิดแท็บหรือหน้าต่างการบ้าน แล้วกลับไปยังแท็บหรือหน้าต่างของ Google Classroom
6 4. กดปุ่ม เพื่อส่งการบ้าน ระบบจะให้ยืนยันอีกครั้ง โดยเปิดหน้าต่างใหม่ กด อีกครั้ง 5. สังเกตว่า สถานะของการบ้านจะเปลี่ยนจาก ยังไม่เสร็จ (สีแดง) เป็น เสร็จสิ้น (สีเขียว) Tips เมื่อนักเรียนส่งการบ้านแล้ว จะไม่สามารถแก้ไขไฟล์ได้อีก ทั้งนี้หากยังไม่หมดเวลาส่งการบ้าน นักเรียนสามารถกดปุ่ม ยกเลิกการส่ง เพื่อยกเลิกการส่งครั้งก่อนหน้าได้ ประวัติส่วนตัว ชื่อ – นามสกุล ชื่อเล่น เลขที่ ชั้น หมายเลขโทรศัพท์ สาขาที่อยากเรียนในอนาคต อาชีพในฝัน Workshop : ให้นักเรียนจัดทำ Portfolio แนะนำตนเองโดยใช้ Google Docs จำนวน 1 หน้า แล้ว แชร์ไฟล์งานตาม mail ที่ครูผู้สอนระบุ แทรกภาพ ตนเอง
7 Activity 4: การใช้งาน Google Forms Google Form เป็น Apps ในกลุ่มของ Google Drive ซึ่งให้เราสามารถสร้างแบบฟอร์มสำหรับ กรอกข้อมูล เช่น แบบประเมิน แบบสอบถาม ใบสมัครงาน ฟอร์มสำหรับการเก็บข้อมูล แบบทดสอบ ฯลฯ สำหรับการตรวจข้อสอบต้องเพิ่ม Add-on เพื่อใช้ในการตรวจ ทั้งหมดที่ว่ามา เราสามารถใช้ Google Form ในการสร้างส่วนรับข้อมูลเอาไว้ใช้งานได้เลย นอกจากนี้ Google ยังให้เราใช้งานแบบฟรีๆ อีกด้วย ในการ นำไปประยุกต์ใช้ในการเรียนการสอน เช่น การสร้างแบบสอบถามความพึงพอใจของนักเรียน การสร้าง แบบทดสอบก่อนเรียนและหลังเรียน การสร้างแบบสอบถามเพื่อเก็บข้อมูลต่างๆ เป็นต้น การส่งการบ้าน (โดยนักเรียน) 1. เปิดบราวเซอร์ แล้วไปยัง URL ที่คุณครูแจ้งไว้ก่อนหน้านี้ 2. ตอบคำถามตามที่ปรากฏในฟอร์ม แล้วกด รูปที่ 13 ตัวอย่างแบบสอบถาม Google Forms Workshop : ให้นักเรียนทดลองตอบแบบฟอร์มตามที่ครูกำหนด
8 Activity 5: การใช้งาน Google Sheets Google Sheets เป็น Apps สร้างสเปรดชีต (spreadsheet) เป็นอีกหนึ่ง Apps ใหม่จากทาง Google คุณสมบัติเอาไว้จัดการสร้างสเปรดชีต เหมือนกับไฟล์บน โปรแกรม Microsoft Excel สามารถเปิด แก้ไขไฟล์สเปรดชีต (spreadsheet) ล่าสุดได้ทันที แชร์ และทำงานร่วมกับเพื่อนๆ ภายในสเปรดชีต (spreadsheet) เดียวกัน รองรับการจัดการกับตาราง ไม่ว่าจะเป็นการเรียงลำดับ บวก ลบ คูณ หาร หรือ ฟังก์ชั่นอื่นๆ ที่ควร จะมีในสเปรดชีต (spreadsheet) โปรแกรม Excel Google Sheets สามารถทำงานได้ โดยที่เราไม่ได้เชื่อมต่อกับอินเตอร์เน็ต รองรับการเปิดไฟล์ สเปรดชีต (spreadsheet) แบบต่างๆ มากมาย การสร้างเอกสาร spreadsheet 1. เข้าไปที่ Google Drive เพื่อเปิดไฟล์ฟอร์มการบ้าน โดยหากไม่มีแท็บของ Drive อยู่ ให้เปิด แท็บใหม่แล้วไปยัง URL drive.google.com หรือสามารถกดปุ่ม 2. คลิกที่สัญลักษณ์ App Launcher หรือ Icon Apps รูปที่ 14 การเข้าสู่ Google Sheets 3. เอกสารสเปรดชีต (spreadsheet) เริ่มต้นจะปรากฏหน้าต่างเอกสารสเปรดชีต (spreadsheet) ให้ ผู้ใช้พิมพ์ข้อความที่ต้องการ โดยหน้าจอและคำสั่งของเอกสารสเปรดชีต (spreadsheet) จะคล้ายคลึงกับ โปรแกรมเอกเซล (Microsoft Excel) ดังรูปที่ 14 รูปที่ 15 หน้าต่างเอกสาร Google Sheets
9
10 5.2 เลือกไฟล์ที่ต้องการนำเข้า เลือกลักษณะการนำเข้า และกดปุ่ม Upload ไฟล์ที่เลือกจะปรากฏ เป็นสเปรดชีต (spreadsheet) สามารถแก้ไขและแบ่งปันได้ต่อไป
11
12
13
14
15
16
17
18
19
20 Workshop : ให้นักเรียนคำนวณยอดขายสินค้า พร้อมทั้งจัดทำแผนภูมินำเสนอข้อมูล แล้วแชร์ไฟล์ งานตาม mail ที่ครูผู้สอนระบุ
21 Activity 6: ย่อยเนื้อหาให้เป็นภาพ Infographics ด้วย Canva Canva เป็นแอปพลิเคชันส ำหรับสร้ำงสื่อกำรน ำเสนอหลำกหลำยรูปแบบ เช่น Presentation, Poster, Card, Resume, Certificate, Infographic เป็นต้น ซึ่ง Canva นั้นจะมี Template หรือรูปแบบส ำเร็จ รวมถึง ขนำดมำตรฐำนให้เลือกหรือ ผู้ใช้สำมำรถก ำหนดขนำดหรือออกแบบสื่อเองจำกหน้ำกระดำษที่วำงเปล่ำเองได้ ค าชี้แจง ให้นักเรียนฝึกปฏิบัติกำรใช้งำน Canva โดยกำรสร้ำงงำนอินโฟกรำฟิกหรือวิดีโอสั้น (งำนกลุ่ม) หรือ สร้ำงเรซูเม่ของตนเอง (งำนเดี่ยว) ดังนี้ 1. เริ่มต้นใช้งาน Canva เข้ำเว็บไซต์ http://www.canva.com หรือดำวน์โหลดและติดตั้งแอปพลิเคชัน Canva จำกนั้นลงชื่อเข้ำใช้หรือสมัครใช้งำนบัญชีใหม่ด้วยอีเมล โปรไฟล์ Google หรือ Facebook ค้นหำ "อินโฟกรำฟิก" หรือ “เรซูเม่” เพื่อเริ่มออกแบบ 2. เลือกแม่แบบ ส ำรวจแม่แบบหลำกหลำยของ Canva ตำมควำมต้องกำรด้ำนกำรแสดงข้อมูล ใช้เครื่องมือ ค้นหำเพื่อจ ำกัดตัวเลือกตำมธีม สี สไตล์ และอื่นๆ 3. ปรับแต่งงานออกแบบ เริ่มต้นด้วยแม่แบบและแตกแขนงออกไปในทิศทำงสร้ำงสรรค์อย่ำงไรก็ได้ เปลี่ยน ข้อควำม สี ฟอนต์ และพื้นหลัง 4. ท างานออกแบบให้สมบูรณ์แบบด้วยองค์ประกอบต่างๆ เรียกดูคลังประกอบด้วยรูปภำพ ภำพวำด และ กรำฟิก และจัดเรียงตำมที่ต้องกำรในงำนออกแบบ
22 5. บันทึกแล้วแชร์ถ้ำชอบผลงำนที่ออกมำ ดำวน์โหลดและบันทึกอินโฟกรำฟิกเป็นไฟล์ PNG, JPG หรือ GIF แชร์บนโซเชียลมีเดีย ฝังลงในเว็บไซต์ หรือพิมพ์เพื่อใช้อ้ำงอิง บันทึกเกี่ยวกับ Activity 6: ย่อยเนื้อหาให้เป็นภาพ Infographics ด้วย Canva นักเรียนสมัครสมาชิก/เข้าสู่ระบบด้วยบัญชี อีเมล..................................................................... โปรไฟล์ Google Facebook อุปกรณ์ที่ใช้ในการสร้างชิ้นงาน Computer Smart Phone ชื่อชิ้นงาน ................................................................................................................................................. เหตุผลในการสร้าง ................................................................................................................................... แหล่งข้อมูล (ถ้ามี) .................................................................................................................................... วิธีการ/แนวทางในการสร้างชิ้นงาน ................................................................................................................................................................... ................................................................................................................................................................... ................................................................................................................................................................... ................................................................................................................................................................... ................................................................................................................................................................... ช่องทางในการเผยแพร่ผลงาน ................................................................................................................................................................... ................................................................................................................................................................... แนวทางในการน า Canva ไปประยุกต์ในการเรียนหรือในชีวิตประจ าวัน ................................................................................................................................................................... ................................................................................................................................................................... สรุปกิจกรรม ส าเร็จ ข้อเสนอแนะ ....................................................................................................................... ไม่ส าเร็จ เนื่องจาก .............................................................................................................................
23 Activity 7: ซอฟต์แวร์ช่วยสร้างผังงาน กำรใช้งำนซอฟต์แวร์ช่วยสร้ำงผังงำน เป็นกำรพัฒนำผู้เรียนในด้ำนแนวคิดเชิงค ำนวณ หรือ computational thinking Flowgorithm เป็นโปรแกรมฟรี ช่วยผู้เริ่มต้นเขียนโปรแกรมที่เป็นผังงำนแบบกรำฟิกที่เรียบง่ำย (สำมำรถดำวน์โหลดโปรแกรมได้ที่เว็บไซต์ : http://www.flowgorithm.org) คุณสมบัติของ Flowgorithm 1. หน้ำต่ำงดูค่ำตัวแปรแบบกรำฟิก 2. ง่ำยต่อกำรเข้ำใจกำรแสดงผล 3. สร้ำงโค้ดทันทีทันได้ (18 ภำษำโปรแกรมขึ้นไป) 4. กำรเรียกซ ้ำของฟังก์ชันก์ที่ปลอดภัย 5. กำรท ำซ ้ำ, ตัวแปรชุด และนิพจน์ที่ยึดหยุ่น 6. กำรสนับสนุนหลำยภำษำส ำหรับกำรใช้งำน ค าชี้แจง ให้นักเรียนใช้โปรแกรม Flowgorithm ออกแบบผังงำนเพื่อแก้โจทย์ปัญหำที่ก ำหนด และบันทึก กิจกรรม มีขั้นตอนกำรใช้งำน ดังนี้ 1. เปิดโปรแกรมจะได้หน้ำต่ำงดังรูป
24 2. กำรใช้งำนเบื้องต้น Main และ End แสดงจุดเริ่มต้นและจุดสิ้นสุดโปรแกรม โดยโปรแกรมนี้ยังไม่มีกำรท ำงำนใดๆ เมื่อ ต้องกำรเพิ่มกำรท ำงำนให้โปรแกรม ให้คลิกที่เส้นเชื่อม จะปรำกฎหน้ำต่ำงดังรูป
25 สัญลักษณ์ต่ำงๆ มีควำมหมำยถึงนี้
26 กดปุ่มเพื่อรันโปรแกรม ผลลัพธ์จะแสดงดังนี้
27 บันทึกเกี่ยวกับ Activity 7: ซอฟต์แวร์ช่วยสร้างผังงาน ระบุโจทย์ปัญหา บวกเลขจ านวนเต็ม 2 จ านวน และแสดงผล ค านวณหาพื้นที่สี่เหลี่ยมจัตุรัส ค านวณหาค่าเฉลี่ยของจ านวนเต็ม 3 จ านวน หาค่ามากที่สุดจากเลขจ านวนเต็ม 2 จ านวน …………………………………………………………………………………………………………………………………………. …………………………………………………………………………………………………………………………………………. ข้อมูลเข้า …………………………………………………………………………………………………………………………………. ข้อมูลออก …………………………………………………………………………………………………………………………………. ตัวแปร …………………………………………………………………………………………………………………………………. ผังงาน สรุปกิจกรรม ส าเร็จ ข้อเสนอแนะ ....................................................................................................................... ไม่ส าเร็จ เนื่องจาก .............................................................................................................................
28 ขอบคุณข้อมูลประกอบการจัดทำเอกสาร http://web.sut.ac.th/g/index.php/documentation/google-docs https://www.satrinon.ac.th สำนักบริการคอมพิวเตอร์ สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง