121_คู่มือการใช้งาน Piktochart

คู่ มื อ ก า ร ใ ช้ ง า น นายบุณยกร สมภักดี http://edu.uru.ac.th 0-5541-6601-20 [email protected] คณะครุศาสตร์ มหาวิทยาลัยราชภัฎอุตรดิตถ์

สารบัญ หน้า หน้า หน้า 1 2 4 PIKTOCHART การลงทะเบียน เริ่มต้นการสร้าง คืออะไร เข้าใช้งาน ผลงาน หน้า หน้า หน้า 6 7 9 หน้าสร้างผลงาน การจัดการ การเพิ่ ม ของ PIKTOCHART หน้าออกแบบ Component หน้า หน้า หน้า 22 23 24 การดูตัวอย่าง การดาวน์โหลด การเผยแพร่ และบันทึกผลงาน ผลงาน ผลงา

Piktochart หน้า 1 PIKTOCHART คืออะไร Piktochart เป็นเว็บไซต์สำหรับ เ พื่ อ แ ส ด ง สั ด ส่ ว น ข อ ง ข้ อ มู ล สร้างสื่อการเรียนการ สอนรูปแบบ นอกจากนี้ ผู้สอนยังสามารถ ต่างๆ เช่น Infographic, กำหนดกิจกรรมให้ผู้เรียนนำ Presentation, Poster, Report PIKTOCHART ไป ใช้สรุป และFlyers โดยผู้สอนไม่จำเป็นต้อง เนื้อหาออกมาเป็น เชี่ยวชาญด้าน ศิลปะ ก็สามารถทำ INFOGRAPHIC ทั้งก่อนหรือ สื่อการเรียนการสอนที่สวยงามและ หลัง บทเรียน จะช่วยฝึกการ น่าสนใจ ได้ เพราะ Piktochart นั้น วิเคราะห์ การสังเคราะห์เนื้อหา มีเทมเพลตให้เลือ กใช้งานได้หลาก ด้วย ตนเอง และเห็นภาพรวม หลาย และมีไอคอนฟรีมากกว่า ได้ชัดเจนมากยิ่งขึ้น 4,000 รูปแบบ ทำไมต้องใช้ Piktochart การสร้าง ข้อจำกัดสำหรับการใช้งานแบบฟรี สื่อการเรียนการสอน มีความหลาก หลายน่าสนใจมากยิ่งขึ้นด้วย คือ มีพื้นที่จัดเก็บ ไฟล์รูปภาพไม่ Infographic หรือ แผนภูมิรูปแบบ ต่างๆ เกิน 40 MB และผลงานที่สร้างจะ ติดลายน้ำ โลโก้ Piktochart

Piktochart หน้า 2 การลงทะเบียน เข้าใช้งาน การลงทะเบียนเข้าใช้งาน Piktochart 1. เข้าไปที่เว็บไซต์ https://piktochart.com 2. คลิกปุ่ม “Sign up” เพื่อลงทะเบียนเข้าใช้งาน 3. วิธีการสมัครสามารถท าได้ 2 วิธี คือ Sign up with Google or Facebook : สมัคร ผ่านช่องทาง Google หรือ Facebook Sign up with email : สร้างบัญชีใหม่ โดยใช้ Email อื่นๆ

Piktochart หน้า 3 การลงทะเบียน เข้าใช้งาน 4. คลิกปุ่ม “CONFIRM EMAIL” ที่อีเมลเพื่อยืนยันการสมัครลงทะเบียน หมายเหตุ :ขั้นตอนการยืนยันอีเมล์ จะเกิดขึ้นต่อเมื่อเลือกวิธี การสมัครโดยสร้างบัญชีใหม 5. การเข้าใช้งานเป็นครั้งแรก ระบบจะให้ทำแบบสอบถาม จำนวน 2 ชุด ดังนี้ คำถามชุดที่ 1 : การแนะนำ TIPS และ TEMPLATES ให้เหมาะสมกับงานของคุณ คำถามชุดที่ 2 : การเลือกหัวข้อเกี่ยวกับงานที่คุณสนใจ แล้วคลิกปุ่ม “SUBMIT”

Piktochart หน้า 4 เริ่มต้นการ สร้างผลงาน เริ่มต้นการสร้างผลงาน 1. คลิกปุ่ม “CREATE NEW” 2. เลือกประเภทการสร้างผลงาน ดังนี้ INFOGRAPHIC : งานประเภทสื่อ INFOGRAPHIC PRESENTATION : งานประเภทสื่อการนำเสนอ PRINTABLE : งานประเภทสื่อสิ่งพิมพ์

Piktochart หน้า 5 เริ่มต้นการ สร้างผลงาน 3. วิธีการสร้างผลงานสามารถทำได้ 2 วิธี คือ CREATE A NEW INFOGRAPHIC : ออกแบบผลงานโดยใช้กระดาษเปล่า USE FREE TEMPLATES : เลือกใช้เทมเพลตสำเร็จรูป ซึ่งมีทั้งแบบฟรี และแบบเสียค่าใช้จ่าย 4. กรณีเลือกใช้เทมเพลตสำเร็จรูป ให้เลื่อนเม้าส์ไปยังเทมเพลตที่ต้องการจะ ปรากฏเมนูให้เลือก ดังนี้ USE TEMPLATE : เลือกใช้เทมเพลต PREVIEW : ดูตัวอย่างผลงาน

Piktochart หน้า 6 หน้าสร้างผลงาน ของ PIKTOCHART เมื่อเข้าสู่หน้าสร้างผลงานของ Piktochart จะแบ่งออกเป็น 3 ส่วน ดังนี้ 1. Top Bar เป็นแถบการจัดการเกี่ยวกับการทำงานต่างๆ เช่น เมนูการจัดการ ไฟล์ผลงานการตั้งชื่อผลงาน การบันทึก การดูตัวอย่างการดาวน์โหลดการ เผยแพร่ผลงาน และการตั้งค่าเกี่ยวกับบัญชีผู้ใช้งาน เป็นต้น 2. Toolbar เป็นแถบเครื่องมือที่รวบรวมเมนูการใช้งานต่างๆ เช่น การใส่พื้นหลัง รูปทรง รูปภาพ ข้อความ และวิดีโอ เป็นต้น 3. WorkSpaceเป็นพื้นที่การทำงาน

Piktochart หน้า 7 การจัดการ หน้าออกแบบ การตั้งค่าหน้าออกแบบผลงาน PIKTOCHART 1. คลิกปุ่ม “SETTING” 2. คลิกเลือก “CANVAS SIZE” เพื่อเลือกขนาดที่ต้องการ โดยมีให้เลือก 3 รูปแบบ คือ A4 : ขนาดเท่ากับกระดาษ A4 LETTER : ขนาดเท่ากับกระดาษเขียนจดหมาย CUSTOM : ระบุความกว้าง X ความสูงตามที่ต้องการ 3. หรือคลิกที่แท็บสีเทาเลื่อนขึ้น-ลง เพื่อปรับขนาด

Piktochart หน้า 8 การเพิ่ ม-ลบหน้าออกแบบ 1. คลิกปุ่ม “ADD BLOCK” เพื่อเพิ่มหน้า หรือบล็อคสำหรับออกแบบผลงาน 2. กรณีต้องการลบให้เลือกหน้าที่ต้องการ แล้วคลิกปุ่ม “DELETE BLOCK” การปรับย้ายลำดับหน้าออกแบบ 1. คลิกเลือกหน้าที่ต้องการย้าย 2. คลิกปุ่ม “MOVE UP” หรือ “MOVE DOWN” เพื่อย้ายหน้าบล็อคขึ้น-ลง ตามต้องการ

Piktochart หน้า 9 การเพิ่ ม COMPONENT การเพิ่ มรูปทรง และไอคอน (SHAPES & ICONS) 1. คลิกปุ่ม “GRAPHICS” 2. คลิกเลือก “SHAPES & ICONS” 3. วิธีการเพิ่มรูปทรงและไอคอน สามารถท าได้ 2 วิธี คือการ : ค้นหาการค้นหาโดยใช้KEYWORD ใส่ในช่อง SEARCH การเลือกตามประเภท : คลังรูปทรงและไอคอนที่อยู่ในระบบซึ่งแบ่งเป็นหมวดหมู่ 4. คลิกเลือกรูปทรงและไอคอนที่ต้องการ หรือลากและวางในพื้นที่การท างาน 5. คลิกที่มุม “ ” เพื่อปรับย่อ-ขยาย ขนาดของรูปทรง

Piktochart หน้า 10 การเพิ่ มเส้น (LINES) 1. คลิกปุ่ม “GRAPHICS” 2. คลิกเลือก “LINES” 3. คลิกที่ “ADD A LINE” หรือลากและวางในพื้นที่การท างาน 4. คลิกที่“LINE STYLE” เพื่อเปลี่ยนรูปแบบของเส้น โดยมีให้เลือก 3 แบบ คือ SOLID : เส้นตรง DASHED : เส้นประ DOTTED : เส้นจุด 5. คลิกที่ “COLOR” เพื่อเปลี่ยนสี 6. คลิกที่มุม “ ” เพื่อปรับย่อ-ขยาย ขนาดของเส้น

Piktochart หน้า 11 การเพิ่ มรูปภาพ (PHOTOS) 1. คลิกปุ่ม “GRAPHICS” 2. คลิกเลือก “PHOTOS” 3. วิธีการเพิ่มรูปภาพ สามารถทำได้ 3วิธี คือ การค้นหา : การค้นหาโดยใช้ KEYWORD ใส่ในช่อง SEARCH การเลือกตามประเภท : คลังรูปภาพที่อยู่ในระบบซึ่งแบ่งเป็นหมวดหมู่ การอัปโหลด : อัปโหลดรูปภาพเข้าสู่ระบบ โดยรองรับไฟล์JPG, PNG, GIFและ SVG 4. คลิกเลือกรูปภาพที่ต้องการ ห รื อ ล า ก แ ล ะ ว า ง ใ น พื้ น ที่ ก า ร ทำ ง า น 5. คลิกที่มุม “ ” เพื่อปรับย่อ-ขยาย ขนาดของรูปภาพ

Piktochart หน้า 12 การอัปโหลดรูปภาพ (UPLOADS) 1. คลิกปุ่ม “UPLOADS” 2. คลิกปุ่ม “BROWSE IMAGES” 3. เลือกรูปภาพที่ต้องการ 4. คลิกปุ่ม “OPEN” เพื่ออัปโหลดรูปภาพเข้าระบบ PIKTOCHART 5. รอสักครู่ เมื่ออัปโหลดเสร็จเรียบร้อยจะปรากฏรูปภาพนั้นขึ้นมา

Piktochart หน้า 13 การเพิ่ มกรอบรูปภาพ (PHOTO FRAME) 1. คลิกปุ่ม “GRAPHICS” 2. คลิกเลือก “PHOTO FRAME” 3. คลิกเลือกกรอบรูปภาพตามรูปแบบที่ต้องการ หรือลากและวางในพื้นที่การ ทำงาน 4. เลือกรูปภาพที่ต้องการนำเข้ามาใส่ในกรอบ ซึ่งสามารถทำได้ 2 วิธี คือ UPLOADS : การอัปโหลดรูปภาพเข้าไปใช้งาน PHOTOS : การใช้รูปภาพที่มีอยู่ในระบบ 5. ลากและวางรูปภาพ ลงในกรอบ DROP YOUR PHOTO IN HERE

Piktochart หน้า 14 6. ดับเบิ้ลคลิกที่กรอบรูปภาพ เพื่อเข้าสู่หน้าการจัดตำแหน่งของรูปภาพ 7. คลิกที่มุม “ ” เพื่อปรับย่อ-ขยายรูปภาพ หรือเลื่อนที่รูปภาพปรับตำแหน่งให้ เหมาะสม 8. คลิกปุ่ม “DONE” เพื่อยืนยันการปรับขนาดรูปภาพ หรือคลิกปุ่ม “CANCEL” เพื่อยกเลิกการปรับขนาดรูปภาพ หากต้องการนำรูปภาพออกมาจากกรอบให้คลิกปุ่ม “UNMASK” 9. คลิกที่ “FLIP LEFT/RIGHT” หรือ “FLIP TOP/BOTTOM” เพื่อพลิกกลับ ด้านของรูปภาพจากด้านซ้าย-ขวา และจากด้านบน-ล่าง

Piktochart หน้า 15 การใส่พื้ นหลัง (BACKGROUND) 1. คลิกปุ่ม “BACKGROUND” 2. วิธีการใส่พื้นหลัง มีให้เลือก 2 รูปแบบ คือ BACKGROUND COLORS : การเปลี่ยนสีของพื้นหลัง BACKGROUND IMAGE : การใช้รูปภาพสำเร็จรูปของ PIKTOCHART ม า เ ป็ น พื้ น ห ลั ง การใส่ข้อความ (TEXT) 1. คลิกปุ่ม “TEXT” 2. คลิกเลือกรูปแบบข้อความตามประเภทการใช้งาน ห รื อ ล า ก แ ล ะ ว า ง ใ น พื้ น ที่ ก า ร ทำ ง า น 3. ดับเบิ้ลคลิกที่ข้อความ เพื่อพิมพ์แก้ไขข้อความ

Piktochart หน้า 16 การใส่กรอบข้อความ (TEXT FRAME) 1. คลิกปุ่ม “TEXT” 2. คลิกเลือกรูปแบบกรอบข้อความตามรูปแบบที่ต้องการ ห รื อ ล า ก แ ล ะ ว า ง ใ น พื้ น ที่ ก า ร ทำ ง า น 3. ดับเบิ้ลคลิกที่ข้อความ เพื่อพิมพ์แก้ไขข้อความ 4. คลิกที่ “FONT” เพื่อเปลี่ยนรูปแบบตัวอักษร 5. กำหนดขนาดตัวอักษร การกำหนดชุดสี (COLOR SCHEME) การกำหนดชุดสี (การใช้งานเมนูนี้ต้องอัปเกรดรูปแบบสมาชิก ซึ่งจะมีค่าใช้ จ่ า ย เ พิ่ ม เ ติ ม )

Piktochart หน้า 17 การเพิ่ มแผนภูมิ (CHARTS) 1. คลิกปุ่ม “TOOLS” 2. คลิกเลือก “CHARTS”จะปรากฏหน้าต่างแผนภูมิขึ้นมา 3. พิมพ์ชื่อหัวข้อ/หัวเรื่องของแผนภูมิ ลงในช่อง CHART TITLE 4. คลิกเลือกรูปแบบแผนภูมิที่ต้องการ เช่น VERTICAL BAR, LINE, AREA DOT, PIE, DOUGHNUT, ICON MATRIX และ PROGRESS BAR เป็นต้น 5. กรอกรายละเอียดข้อมูลต่างๆ ลงในตารางซึ่งมีลักษณะคล้ายโปรแกรมEXCEL 6. หรือคลิกปุ่ม “IMPORT YOUR DATA” หากต้องการนำไฟล์ข้อมูลเข้ามาใช้ งาน 7. คลิกไอคอน “ ” เพื่อตั้งค่าข้อมูล

Piktochart หน้า 18 8. การตั้งค่าข้อมูล จะแบ่งออกเป็น 3 ส่วน คือ GENERAL : ข้อมูลทั่วไป เช่น การกำหนดตำแหน่งหัวข้อ เปิด-ปิดการแสดงคำ อธิบาย เป็นต้น COLOR : การกำหนดสี ซึ่งสามารถเลือกกำหนดสีให้แต่ละข้อมูลหรือทั้ง แผนภูมิ ADVANCED : การตั้งค่าขั้นสูง เป็นการกำหนดรูปทรงในแผนภูมิ ใช้ได้เฉพาะ รูปแบบ ICON MATRIX 9. คลิกปุ่ม “INSERT CHART” เพื่อเพิ่มแผนภูมิลงในพื้นที่การทำงาน หรือคลิกปุ่ม “CANCEL” เพื่อยกเลิกการเพิ่มแผนภูมิ 10. คลิกไอคอน “ ” หากต้องการกลับไปแก้ไขข้อมูลในแผนภูม หมายเหตุ : เมื่อนำเมาส์ไปวางที่แผนภูมิจะมีข้อมูลปรากฏขึ้นมา

Piktochart หน้า 19 การเพิ่ มแผนที่ (MAPS) 1. คลิกปุ่ม “TOOLS” 2. คลิกเลือก “MAPS”จะปรากฏหน้าต่างแผนที่ขึ้นมา 3. คลิกเลือกชื่อประเทศ ซึ่งจะแสดงตัวอย่างแผนที่ทางด้านขวามือ หรือใช้การค้นหาโดยใส่ชื่อประเทศที่ต้องการลงในช่อง SEARCH FOR COUNTRIES 4. คลิกเลือก “REGIONS” หากต้องการเพิ่มแผนที่แบบเป็นทวีป 5. คลิกปุ่ม “EDIT THIS MAP” เพื่อแก้ไขข้อมูลในแผนที่

Piktochart หน้า 20 6. เปลี่ยนแปลงข้อมูลเพิ่มเติมในตาราง ยกเว้นคอลัมน์ STATES ไม่สามารถแก้ไข ข้อมูลได้ 7. กำหนดรูปแบบตามที่ต้องการ ซึ่งมีรายละเอียดดังนี้MAP COLOR : การกำหนด สีของแผนที่แบบทั้งผืน BORDER COLOR : การกำหนดสีเส้นขอบของแผนที่ SHOW BORDER LINE : เปิด-ปิดการแสดงเส้นขอบของแต่ละจังหวัด SHOW SELECTED STATES : กำหนดการซ่อน-แสดง ให้เห็นพื้นที่ของแต่ละ จังหวัด SEARCH FOR STATES : การค้นหาข้อมูลจังหวัดที่ต้องการ 8. คลิกเลือกคอลัมน์ “COLOR” เพื่อเปลี่ยนสีแผนที่ของแต่ละจังหวัด 9. หากต้องการเพิ่มคอลัมน์ ให้คลิกไอคอน “+” 10. คลิกปุ่ม “INSERT MAP” เพื่อเพิ่มแผนที่ลงในพื้นที่การทำงาน หรือคลิกปุ่ม “CANCEL” เพื่อยกเลิกการเพิ่มแผนที่

Piktochart หน้า 21 การเพิ่มวิดีโอ (Videos) 1. คลิกปุ่ม “Tools” 2. คลิกเลือก “Videos” 3. นำลิงก์วิดีโอที่ต้องการมาใส่ลงในช่อง Video URL 4. คลิกปุ่ม “Insert Video” เพื่อเพิ่มวิดีโอลงในพื้นที่การทำงาน 5. คลิกที่มุม “ ” เพื่อปรับย่อ-ขยาย ขนาดของวิดีโอ หมายเหตุ : การเพิ่มวิดีโอเข้าไปในผลงาน Piktochart จะรองรับวิดีโอจากเว็บไซต์ YouTube กับ Vimeo และสามารถเล่นวิดีโอได้เมื่อดูแบบออนไลน์เท่านั้น

Piktochart หน้า 22 การดูตัวอย่าง และบันทึก ผลงาน การดูตัวอย่าง และการบันทึกผลงาน 1. คลิกปุ่ม “Preview” 2. จะแสดงหน้าตัวอย่าง เพื่อดูภาพรวมผลงาน 3. คลิกปุ่ม “Exit Preview” เพื่อออกจากโหมดการดูตัวอย่าง 4. คลิกปุ่ม “Saved” เพื่อบันทึกผลงาน

Piktochart หน้า 23 การดาวน์โหลด ผลงาน การดาวน์โหลดผลงาน 1. คลิกปุ่ม “Download” 2. คลิกเลือกรูปแบบไฟล์ซี่งมี 2 รูปแบบ คือ PNG : ไฟล์รูปภาพ PDF : ไฟล์เอกสาร(มีค่าใช้จ่ายเพิ่มเติม) 3. คลิกเลือกคุณภาพของไฟล์ ซึ่งมี 3 ระดับ คือ Normal : คุณภาพไฟล์ระดับธรรมดา Medium : คุณภาพไฟล์ระดับปานกลาง High : คุณภาพไฟล์ระดับสูง (มีค่าใช้จ่ายเพิ่มเติม) 4. หากต้องการแบ่งไฟล์เป็นส่วนๆ ให้คลิกเปิด ปุ่ม “Download as blocks” 5. คลิกปุ่ม “Download as PNG”

Piktochart หน้า 23 การดาวน์โหลด ผลงาน การดาวน์โหลดผลงาน 1. คลิกปุ่ม “Download” 2. คลิกเลือกรูปแบบไฟล์ซี่งมี 2 รูปแบบ คือ PNG : ไฟล์รูปภาพ PDF : ไฟล์เอกสาร(มีค่าใช้จ่ายเพิ่มเติม) 3. คลิกเลือกคุณภาพของไฟล์ ซึ่งมี 3 ระดับ คือ Normal : คุณภาพไฟล์ระดับธรรมดา Medium : คุณภาพไฟล์ระดับปานกลาง High : คุณภาพไฟล์ระดับสูง (มีค่าใช้จ่ายเพิ่มเติม) 4. หากต้องการแบ่งไฟล์เป็นส่วนๆ ให้คลิกเปิด ปุ่ม “Download as blocks” 5. คลิกปุ่ม “Download as PNG”

Piktochart หน้า 24 การเผยแพร่ ผลงาน การเผยแพร่ผลงานผ่านลิงก์ URL 1. คลิกปุ่ม “Share” 2. คลิกเลือกรูปแบบการเข้าถึงผลงาน ซึ่งมี2 รูปแบบ คือ Only I can view the sharing link : เฉพาะคุณที่สามารถดูลิงก์การเผยแพร่ Anyone can view the sharing link : ทุกคนสามารถดูลิงก์การเผยแพร่ 3. คัดลอกลิงก์ เพื่อนำไปเผยแพร่

Piktochart หน้า 25 การเผยแพร่ผลงานผ่าน Social Network 1. คลิกปุ่ม “Share” 2. คลิกเลือก “Anyone can view the sharing link” 3. คลิกเลือก Social Network ที่ต้องการ 4. หากต้องการดูผลงานแบบออนไลน์ให้คลิกปุ่ม “Open on Web”