คู่มือการใช้งาน-Coggle

สารบญั

เรอื่ ง หนา้

Coggle เบอื้ งตน้ 1
ความหมาย ของโปรแกรม Coggle 2
หลกั การออกแบบผงั ความคิด โดยการใช้ Coggle 3
จุดเดน่ ของโปรแกรม Coggle 6
ประโยชน์ของโปรแกรม Coggle
9
การใชง้ านและรายละเอียดขอ้ มูลในแต่ละเมนู
1. ขน้ั ตอนการเริม่ ต้นใช้งาน เวบ็ ไซต์ coggle.it
1.1 การเขา้ สู่หน้าเวบ็ ไซด์
1.2 โปรแกรม
2. การใช้งาน Coggle
2.1 การเริม่ ตน้ ใชง้ าน Coggle สามารถเรม่ิ ต้นใช้งานโดยการ Login ดว้ ยอีเมล
2.2 การ Login เขา้ Coggle
2.3 การสร้างชน้ิ งาน
2.4 เร่ิมสรา้ งผลงาน
2.5 Click to Edit tile เพื่อเร่มิ ข้อความใน Diagram
3. การสร้างหวั ขอ้ หลกั
3.1 หากตอ้ งการใหเ้ ป็นตวั หนาใหค้ ลกิ ที่ A
3.1.1 ภายในอักษร A มีให้เลือก
3.2 หากต้องการลิงค์ไปทเ่ี ว็บอื่น คลกิ ที่สญั ลกั ษณ์รูปโซ่
3.3 หากต้องการแทรกรปู ภาพให้เลอื กทีส่ ัญลกั ษณร์ ปู ภาพ
3.4 หากตอ้ งการแทรกรปู ไอคอน ให้เลือกท่ีสญั ลักษณฟ์ า้ ผา่
3.5 หากต้องการเพิ่มขนาดหรือลดขนาดตวั อักษรให้คลิกจุดที่เป็นส่เี หลีย่ ม
4. การเพิ่มเสน้ ทเ่ี ป็นแผนผงั ความคดิ
4.1 คลกิ สญั ลกั ษณ์ บวก ดังรปู เสน้ ความคิดจะแสดงข้ึนมา สามารถเพิ่มไดห้ ลายเสน้

สารบัญ (ตอ่ )

เร่ือง หนา้

5. การลบ และการเปลย่ี นสีเสน้ 10
5.1 การลบเส้นใหท้ าการคลกิ ขวาทีเ่ สน้ ท่ี ต้องการลบ จากนน้ั เลือกสัญลกั ษณ์
ดังรูปที่แสดงเสน้ ก็จะหายไป 11
5.2 การเปลยี่ นสเี ส้น ใหท้ าการคลกิ ขวา แล้วเลือกสีท่ตี ้องการ หากเป็นเวอร์ชั่น 12
ฟรีสามารถเลือกได้เฉพาะสที ่ีอยู่ด้านใน 13

6. การเลือ่ นหรือเปล่ียนตาแหนง่ เสน้ 15
6.1 คลิก ที่ เคร่ืองหมาย บวก และคลิกขอ้ ความในเสน้ นั้น ๆ แล้วทาการเลื่อนไป 16
ยงั จดุ ทีต่ อ้ งการ 17

7. การบนั ทกึ ไฟลใ์ ห้เป็นไฟลร์ ปู ภาพ หรือไฟล์ PDF
7.1 เลอื กทสี่ ัญลักษณ์สี่เหล่ียม ดังรูปทีแ่ สดง เพื่อ บันทึกเปน็ ไฟล์ PDF
7.2 เลอื กท่สี ัญลักษณส์ ่ีเหล่ยี ม ดังรปู ทแี่ สดง เพ่ือ บันทึกเป็นไฟล์ รปู ภาพ

8. การ Invite ใหผ้ ้อู ืน่ รว่ มสร้าง Mind map กบั ตนเอง
8.1 กดสัญลักษณ์ บวก ดังภาพ
8.2 ใส่ Email ของผู้อื่น และกด Sent เมอ่ื ต้องการให้ผู้อน่ื เข้าร่วมสร้าง Mind Map
รว่ มกบั เราหลาย ๆ ท่าน
8.3 ใหผ้ ทู้ ไี่ ดร้ ับเชญิ เข้าทางานร่วมกัน เชค็ อเี มล เพ่ือกดอ่านเมล
8.4 กด View และเข้ามาทางานร่วมกนั

9. หน้าหลักการจัดการ Coggle
10. เมนู Share with you

10.1 คือเมนสู าหรบั ทางานกับ Coggle ท่ีเคยมีคนสรา้ งเอาไวแ้ ลว้
บรรณานกุ รม

1

Coggle

Coggle คืออะไร

Coggle คือ โปรแกรมทา Mind Mapping แบบง่ายๆ ผ่านเวบ็ เบราวเ์ ซอร์ ฟรี)
โปรแกรม Coggle จัดเป็นเว็บแอปพลิเคช่ันที่รองรับการใช้งานบนหลายแพลตฟอร์ม ต้ังแต่
Windows , macOS ตลอดจน Linix รวมถึงการใช้งานบนมือถือสมาร์ทโฟน Android และ iOS โดยทาง
ผู้พัฒนา Coggle เปิดให้ทุกคนสามารถเข้าใช้งานได้โดยไม่เสียค่าใช้จ่าย มีฟีเจอร์ท่ีจาต้องใช้เป็นครบ แต่หาก
อยากไดฟ้ เี จอร์เสริมทด่ี ีกว่าเดมิ สามารถจ่ายเงนิ เพอ่ื อัพเกรดเป็นเวอรช์ ่ันเสยี เงินไดเ้ ลย

หลักการออกแบบผังความคิด โดยการใช้ Coggle
1. ข้อความหลักหรือจุดกลางจะตอ้ งแสดงชดั เจน มขี นาดใหญ่กวา่ ขอ้ ความในชิ้นงาน
2. เส้นแตล่ ายจะตอ้ งเป็นสีเดียวกันท้งั สาย
3. ขนาดของขอ้ ความลดลงตามขอ้ ย่อยไปเรอ่ื ย ๆ
4. ขอ้ ความควรสรุปใหส้ ัน้ ได้ใจความ
5. จดั องคป์ ระกอบให้สมดุลสวยงาม

จุดเดน่ ของโปรแกรม Coggle
1. การใช้งานที่สะดวกสบายบนคลาวด์เซิร์ฟเวอร์ (Cloud Server) ผ่านเว็บเบราว์เซอร์ (Web
Browser) ทุกแบบ ทาให้ไมต่ อ้ งเสียเวลาตดิ ต้ังลงเครอ่ื ง
2. ระบบการทางานแบบเรียลไทม์ (Real-time) สามารถแชรล์ ิงคใ์ ห้คนทตี่ อ้ งการ
3. ชว่ ยในการประชุมงาน หรอื เบรนสตอรม์ มิ่ง (Brainstorming) ระดมความคิดได้อย่างล่ืนไหล ไม่มี
ตดิ ขดั
4. สามารถใชง้ านรว่ มกบั โปรแกรมประชุมตัวอนื่ ๆ ได้
5. ช่วยใหก้ ารการทา Mind Mapping เปน็ ไปอยา่ งมีประสิทธิภาพสงู สุด

ประโยชน์ของโปรแกรม Coggle
1. สามารถนาไปประยุกต์ใชใ้ นการประชุม การระดมสมอง
ตา่ ง ๆ ได้
2. สรา้ ง Mind Map รว่ มกบั เพอื่ นรว่ มงานได้
3. สรา้ ง Mind Map กับผรู้ ว่ มงานตา่ งสถานท่ไี ด้
4. รูปแบบสวยงาม
5. สามารถบนั ทึกเป็นไฟล์ PDF หรอื ไฟล์รูปภาพได้

2

1. ข้นั ตอนการเร่ิมใช้ เว็บไซต์ coggle.it

1.1 การเข้าสู่หนา้ เวบ็ ไซต์ ค้นหาเว็บไซต์ ใน google หลังจากนัน้ เว็บกจ็ ะแสดงหนา้ ตา่ งข้นึ มา

1.2 โปรแกรม Coggle

3

2. การใช้งาน Coggle

2.1 การเริม่ ตน้ ใชง้ าน Coggle สามารถเริ่มตน้ ใชง้ านโดยการ Login ดว้ ยอเี มล

2.2 หลงั จาก Login เขา้ Coggle จะข้ึนหน้าจอ ดังนี้

4

2.3 การสรา้ งชิ้นงานให้กดที่ Create Diagram

2.4 คลกิ Gallery เพื่อเร่มิ สรา้ งผลงาน โดยมีรปู แบบมายแมพท่ีสามารถนามาแกไ้ ขขอ้ ความได้

5

2.5 Click to Edit tile เพื่อเร่มิ ข้อความใน Diagram

6

3. การสรา้ งหวั ข้อหลกั

3.1 หากต้องการใหเ้ ป็นตัวหนาให้คลกิ ท่ี A

3. 1.1 ภายในอักษร A มีให้เลอื ก ดังนี้ เลอื กอกั ษรตวั เอียง
อัพโหลดรปู ภาพ
\

เลอื กอกั ษรตวั หนา

จดั ตวั อักษรอัตโนมัติ

7

3.2 หากตอ้ งการลิงค์ไปที่เวบ็ อื่น คลิกท่สี ัญลกั ษณ์รูปโซ่ ดงั ภาพ

3.3 หากต้องการแทรกรปู ภาพให้เลือกท่สี ัญลักษณ์รปู ภาพ ดังรปู

8

3.4 หากตอ้ งการแทรกรปู ไอคอน ใหเ้ ลือกท่ีสัญลกั ษณ์ฟา้ ผา่ ดังรปู

3.5 หากตอ้ งการเพิ่มขนาดหรือลดขนาดตวั อกั ษรใหค้ ลกิ จดุ ที่เปน็ ส่เี หล่ียม ดังภาพตวั อยา่ ง

9

4. การเพ่มิ เสน้ ท่เี ป็นแผนผงั ความคิด
4.1 คลิก สัญลกั ษณ์ บวก ดังรปู เสน้ ความคดิ จะแสดงขึ้นมา สามารถเพิ่มไดห้ ลายเส้น

10

5. การลบ และการเปลีย่ นสีเสน้

5.1 การลบเสน้ ให้ทาการคลิกขวาทเี่ สน้ ท่ี ตอ้ งการลบ จากน้ันเลอื กสัญลักษณ์ ดังรปู ท่แี สดงเสน้ ก็
จะหายไป

5.2 การเปลี่ยนสเี สน้ ใหท้ าการคลิกขวา แล้วเลือกสีทต่ี ้องการ หากเป็นเวอร์ช่ันฟรี สามารถ
เลือกไดเ้ ฉพาะสที ี่อยูด่ ้านใน

11

6. การเล่อื นหรือเปลย่ี นตาแหน่งเสน้

6.1 คลกิ ที่ เคร่ืองหมาย บวก และคลกิ ขอ้ ความในเสน้ นั้น ๆ แล้วทาการเลอื่ นไปยังจุดท่ี
ต้องการ ดังรปู

7. การบันทึกไฟลใ์ หเ้ ป็นไฟลร์ ปู ภาพ หรอื ไฟล์ PDF 12

7.1เลือกท่ีสัญลักษณส์ ีเ่ หลี่ยม ดังรูปท่ีแสดง เพ่ือ บันทกึ เป็นไฟล์ PDF

7.2 เลอื กทีส่ ัญลักษณ์สี่เหล่ียม ดังรปู ท่ีแสดง เพอื่ บันทึกเป็นไฟล์ รูปภาพ

13

8. การ Invite ให้ผ้อู ่ืนรว่ มสร้าง Mind map กับตนเอง

8.1กดสัญลักษณ์ บวก ดังภาพ

8.2 ใส่ Email ของผู้อืน่ และกด Sent เมอ่ื ตอ้ งการให้ผู้อนื่ เขา้ ร่วมสร้าง Mind Map รว่ มกับเรา
หลาย ๆ ท่าน ดงั รูป

8.3 ใหผ้ ู้ที่ได้รับเชญิ เขา้ ทางานร่วมกนั เช็คอีเมล เพอ่ื กดอา่ นเมล ดงั รูป 14

8.4 กด View และเขา้ มาทางานร่วมกนั ดังรูป

15

9. กลับไปหนา้ หลักการจดั การ Coggle ดงั รปู

16

10. เมนู Share with you

10.1 คอื เมนสู าหรับทางานกับ Coggle ที่เคยมีคนสร้างเอาไวแ้ ลว้

บรรณานุกรม

วุฒิชัย.โปรแกรมสรา้ งผงั ความคดิ ออนไลน์ฟรีและดที ส่ี ดุ .2563.https://wuttichaiteacher.online/
archives/2140

ศูนยว์ ิชาการเทคโนโลยีและสื่อสารการศึกษาสานักเทคโนโลยกี ารศกึ ษา.การสรา้ ง Mind map ง่าย ๆ ดว้ ย
Coggle.2560. https://www.facebook.com/media/set/?set=a.983804305131690.1073741

848.934036680108453&type=3