คู่มือการใช้งาน Sway เบื้องต้น Sway.com

จตุรภัทร ประทุม ครูช ำนำญกำรพิเศษ

โรงเรียนโพนทองพัฒนำวิทยำ ส ำนักงำนเขตพื้นที่กำรศึกษำมัธยมศึกษำ เขต 27

สพฐ. กระทรวงศึกษำธิกำร

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

1 คู่มือการใช้งาน Sway เบื้องต้น

1. การเข้าใช้งาน

1. เข้ำเว็บไซต ์www.sway.com

Trick การเปลี่ยนภาษา - เลื่อนลงไปด้ำนล่ำงสุด ให้คลิกที่ “Change language” ซึ่งปรำกฏมุมซ้ำยมือ

- ปรำกฏเว็บเพจให้เลือกภำษำ ให้เลือก ภาษาไทย

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

2 - ปรำกฏหน้ำหลักท่ีเป็น ภำษำไทย แล้ว

2. ลงชื่อเข้ำใช้ด้วย E-mail ของ Microsoft เช่น @hotmail.com, @outlook.com, @msn.com, @windowslive.com หรือของ รร.ที่ลงทะเบียนไว้กับ office 365 2.1 คลิก ลงช่ือเข้าใช้ หรือ เริ่มต้นใช้งาน

2.2 กรอก E-mail

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

3 2.3 กรอกรหัสผ่ำน และคลิก ลงชื่อเข้าใช้

2.4 เมื่อเข้ำสู่ระบบเรียบร้อย ปรำกฏหน้ำหลัก

2. การสร้างใหม่

1. คลิกท่ี สร้างใหม่ (หรือ น าเข้า Word, PowerPoint, PDF)

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

4 2. ปรำกฏ โครงเรื่อง หน้ำจอท ำงำน

3. แนะน าเมนูต่างๆ ของ Sway

1. เมนูต่ำงๆ ในกำรท ำงำน

2. เมนูเค้ำโครง

เมนูเค้ำโครง-ก ำหนดรูปแบบกำรน ำเสนอ

เมนูกำรออกแบบ-มีแม่แบบตัวอักษรและพ้ืนหลัง หรือก ำหนดเอง

เมนูบัตร และ เมนูแทรก-แทรกข้อควำม รูปภำพ คลิป และอ่ืนๆ

เมนูรีมิกซ-์สุ่มรูปแบบกำรน ำเสนอให้

เลื่อนตำมแนวตั้ง

เลื่อนในแนวนอน

ปรับให้เหมำะสมกับกำรน ำเสนอ

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

5

3. เมนูกำรออกแบบ

4. เมนูบัตร

5. เมนูแทรก

ปรับแต่งแบบก ำหนดเอง

เลือกจำกแม่แบบ

แทรกหัวเรื่อง

แทรกข้อควำม

แสดงภำพเรียงล ำดับ

แสดงภำพเรียงซ้อนกัน

แสดงภำพเปรียบเทียบ

แทรกรูปภำพ

แทรกวิดีโอ

แทรกทวีต

แทรก Embed เว็บ

แสดงภำพแบบสไลด์

แสดงภำพแบบตำรำง

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

6

6. เมนูตัวอย่ำง Sway สำมำรถดูตัวอย่ำงผลงำนได้ทันที ท ำให้สำมำรถปรับแต่งได้ตำมท่ีต้องกำร

แทรกข้อมูลจำก OneDrive ค้นหำข้อมูล

แทรกภำพจำก Facebook

แทรกข้อมูลจำก Bing

แทรกคลิปจำก YouTube

อัพโหลดข้อมูลได้เอง

ข้อมูลจำก OneNote

ภำพจำก Fickr

แทรกจำก Pickit

ข้อมูลจำก Twitter

เมนูตัวอย่ำง

ผลงำน

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

7 4. การแทรกหัวเรื่องและข้อความ 1. คลิกท่ี สร้างใหม่ 2. เพ่ิม หัวเรื่อง ที่ต้องกำรสร้ำงเรื่อง

3. เพ่ิมข้อมูลที่เตรียมไว้แล้ว โดยคลิก

4. คลิก ข้อความ เพ่ือเพ่ิมเนื้อหำข้อมูล ที่เตรียมไว้

5. การแทรกภาพ 1. ค้นหำ ภำพ ด้วย เมนูแทรก 2. ค้นหำด้วย ค ำที่ต้องกำรค้น (ไม่จ ำเป็นต้องเป็นชื่อเรื่อง) 3. คลิกลำก ภำพที่ต้องกำร วำงในต ำแหน่ง หัวเรื่อง 4. คลิกลำก ภำพที่ต้องกำร วำงในต ำแหน่ง ล่ำสุด 5. คลิก ตัวอย่าง เพ่ือดูผลงำน

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

8

6. การแทรกภาพเป็นกลุ่มต่างๆ

1. เพ่ิม ภำพ โดยคลิก

2. เพ่ิม ภำพที่ต้องกำรโดย คลิกลำก แล้ว วำง

1

2

3

4

5

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

9 3. เพ่ิม ภำพ อย่ำงน้อย 4 ภำพ ตำมตัวอย่ำง

4. เลือกภำพทั้ง 4 ภำพด้วยกำรคลิกท่ีช่อง

5. หลังจำกเลือกภำพทั้ง 4 แล้ว ให้คลิกที่ จัดกลุ่ม และเลือกชนิดของกลุ่มที่ต้องกำร

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

10 6. ภำพจะถูกจัดกลุ่มตำมชนิดของกลุ่มที่เลือก ลองดูตัวอย่ำง

7. การแทรกคลิปจาก YouTube 1. ค้นหำ คลิป ด้วย เมนูแทรก 2. คลิกเลือกกำรค้นหำจำก YouTube 3. ค้นหำด้วย ค ำที่ต้องกำรค้น (ไม่จ ำเป็นต้องเป็นชื่อเรื่อง) 4. คลิกลำก คลิปที่ต้องกำร วำงในต ำแหน่ง ล่ำสุด 5. คลิก ตัวอย่าง เพ่ือดูผลงำน

3

4

5

2

1

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

11

8. การแทรกภาพจาก Facebook 1. ค้นหำ ภำพ ด้วย เมนูแทรก 2. คลิกเลือกกำรแทรกจำก Facebook เพ่ือท ำกำรเชื่อมต่อ Facebook

3. ภำพจะแบ่งเป็น 3 กลุ่มตำม Facebook คือ รูปภำพของคุณ รูปถ่ำยของคุณ และอัลบั้ม 4. คลิกลำก ภำพที่ต้องกำร วำงในต ำแหน่ง ล่ำสุด

4

2

1

5

3

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

12 9. การแทรกภาพด้วยการ Upload

1. เพ่ิม ภำพ โดยคลิก เลือก อัปโหลด

2. เพ่ิม ภำพที่ต้องกำรโดย ด้วย เมนูแทรก 3. คลิกเลือก อัปโหลด

4. ปรำกฏหน้ำต่ำงให้เลือกภำพ แล้วตอบ Open

5. ภำพจะถูกอัปโหลดเรียบร้อย

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

13 10. การแทรกข้อมูลแบบฝัง (Embed) - การแทรก Sway 1. คลิกท่ี Sway ของฉัน

2. กลับสู่หน้ำเริ่มต้นของ Sway เพ่ือเลือก Sway ที่ต้องกำรแชร์

3. คลิกท่ี เมนูแชร์ 4. คลิกที่ รับโค้ดฝังตัว

1

1

2

3

4

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

14 5. คัดลอก Code

6. เลือก เมนูบัตร 7. คลิกเลือก ส่ือ แบบ ฝัง 8. วำง Code ที่คัดลอกมำแล้ว 9. คลิก ตัวอย่าง เพ่ือดูผลงำน

10. ตัวอย่ำงผลงำน

6

7

8

9

5

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

15

- การแทรกแผนที่ 1. Log in เข้ำเว็บไซต์ http://map.google.com 2. ค้นหำ สถำนที่ ที่ต้องกำร 3. คลิก SHARE

4. คลิก Embed map 5. คัดลอก Code

6. เลือก เมนูบัตร 7. คลิกเลือก ส่ือ แบบ ฝัง 8. วำง Code ที่คัดลอกมำแล้ว 9. คลิก ตัวอย่าง เพ่ือดูผลงำน

2

3

4 5

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

16

10. ตัวอย่ำงผลงำน

- การแทรกปฏิทิน Google Calendar 1. Log in เข้ำเว็บไซต์ https://calendar.google.com/ 2. คลิกเลือก ปฏิทิน ที่ต้องกำรแชร์ 3. คลิกเลือก การตั้งค่าปฏิทิน

4. คลิกเลือก Code ทั้งหมด

2

3

6

7

8

9

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

17 5. คัดลอก Code

6. เลือก เมนูบัตร 7. คลิกเลือก ส่ือ แบบ ฝัง 8. วำง Code ที่คัดลอกมำแล้ว 9. คลิก ตัวอย่าง เพ่ือดูผลงำน

10. ตัวอย่ำงผลงำน

5

4

6

7

8

9

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

18 11. การสร้างจุดเชื่อมโยง (Link) ด้วยข้อความ 1. คลิกเลือกข้อควำมที่ต้องกำรสร้ำง Link 2. คลิกท่ี ลิงก์

3. ปรำกฏหน้ำต่ำง ลิงก์ ให้กรอก URL ใน ลิงก์บนเว็บ และตอบ ตกลง

4. คลิก ตัวอย่าง เพ่ือดูผลงำน

12. การแชร์ Sway ให้ออนไลน์ 1. คลิก แชร์ 2. คลิกท่ีไอคอน Docs.com-แกลลอรีสาธารณะของคุณ เพ่ือแชร์ผ่ำนทำง Docs.com 3. คลิกท่ีไอคอน Facebook เพ่ือแชร์ผ่ำนทำง Facebook 4. คลิกท่ีไอคอน Twitter เพ่ือแชร์ผ่ำนทำง Twitter 5. คลิกท่ีไอคอน รับโค้ดฝังตัว 6. คลิกท่ีช่องข้อควำม URL และคัดลอก ลิงก์ เพ่ือน ำไปวำงในเว็บที่ต้องกำร

2

1

3

คู่มือกำรใช้งำน Sway เบื้องต้น – จตุรภัทร ประทุม (jaturapad.com)

19

13. การจัดการ Sway 1. Sway ไซต์ที่ท ำจะบันทึกเองแบบอัตโนมัติ 2. Sway ไซต์ที่ท ำเสร็จแล้ว สำมำรถกลับมำแก้ไขได้

1

2

3

4

5

6