โครงการอบรม การออกแบบ และจดท า

Infographics เพอการสอสารอยางสรางสรรคในองคกร

วนท 29-30 เมษายน 2562

เวลา 09.00-16.00 น.ณ หอง IT212 ชน 2

คณะเทคโนโลยสารสนเทศและการสอสาร มหาวทยาลยมหดล ศาลายา

คณศรรตน วทยาคณสถต

คณดวงหทย แพงจกร

คณเอกราช บณยเกยรต

ผชวยหองปฏบตการ

อาจารยผสอน

ดร.ศจกา ศรนนทกลsujika.sri@mahidol.ac.th

คณดวงหทย แพงจกรdaunghathai.pan@mahidol.ac.th

LOGOMUICT

Objectives

เพอการถายทอดองคความรดานเทคนคการออกแบบและสราง Infographic

1

2

2

เพอใหผเขารบการอบรมพฒนาความรและทกษะการใชงานโปรแกรมสราง Infographicและน าความรทไดไปใชสอสารในองคกร และประยกตใชงานตางๆ ไดอยางมประสทธภาพ

LOGOMUICT

เนอหาการอบรม

Contents

Print Media

Piktochart

Day I

Presentation

Media

Prezi

Day II

infographic infographicSoftware

FREE

กระบวนการสกดความคดจากขอมลใหเปนภาพ

LOGOMUICT

SOFTWARE

Create Infographics with

1

2

3

LOGOMUICT

ขนตอนการพฒนา

น าเสนอและเผยแพร

แปลงขอมลส Infographic

เรยนรโปรแกรมใชงาน

สกดขอมล จดท าโครงรางสอ

พมพผลงานเปนโปสเตอรUpload ผลงานส Facebook

Workshop

โปรแกรม Piktochart

และ PREZI

ขอมล

ขอมลดบ1. เรองทวไปเพอท าความเขาใจกระบวนการ2. เรองจรง ทใชในการท างาน ของแตละหนวยงาน

เอกสาร Microsoft Word / Excel

PowerPoint/Website/ประกาศ

LOGOMUICT

1 2Part I Infographic คออะไร? แนะน าการใชงานเบองตนเกยวกบ

Infographic เทคนคการน าเสนอขอมลจ านวนมาก

และตวเลขสถต ดวยภาพทเขาใจงาย Workshop : การสกดความคดจาก

ขอมลใหเปนภาพเพอเตรยมสรางเปน Info Graphic

Part II เคลดลบท า Infographic ใหโดนใจ

(PIKTOCHART)

Part III PIKTOCHART / Prezi หลกการสราง Presentation แนว

Infographic และตวอยางผลงาน เรยนรการใชงานโปรแกรม และการจดท า

Presentation Part IV PIKTOCHART / Prezi Workshop สรางผลงานจรงจากขอมล

ขององคกร และการน าเสนอผลงาน

LOGO

LOGOMUICT

การอบรมทผานมาการรวบรวม สกดขอมล และท าโครงรางสอ

LOGO

เอกสารประกอบการบรรยาย คณะ ICT มหาวทยาลยมหดล

ตวอยาง

LOGOขอมลผเขาอบรมInfographics Trainingหลกสตรการออกแบบ และจดท า Infographics

เพอการสอสารอยางสรางสรรค ในองคกร ดวย Piktochart และ PREZIบคลากรจากส านกงานคณะกรรมการพฒนาการเศรษฐกจและสงคมแหงชาตณ คณะ ICT ม.มหดลรวม 28 คนเพศชาย 12 คน 43%

เพศหญง 16 คน 57%

จาก 15 หนวยงานยอยสศม. 4 คน สลก. 3 คน สขส. 3 คน สพท. 3 คนสปผ. 2 คน สทว. 2 คน สนส. 2 คน สปร. 2 คนสวค. 1 คน สพต. 1 คน สพอ. 1 คน สพก. 1 คนตสน. 1 คน สบป. 1 คน ศนย IT 1 คนแยกตามด าแหนงงานนกวเคราะหนโยบายและแผน 18

นกวชาการตรวจสอบภายใน 1นกวชาการคอมพวเตอร 1เจาพนกงานธรการ 2พนกงานบรหารงานทวไป 6

LOGOMUICT

www.themegallery.com

เอกสารรายละเอยดจดหมายราชการ

ค าสง

ปรบรายละเอยดใหเหลอเฉพาะสวนส าคญ กระชบ

จดท า Storyboard

ใชโปรแกรมทเหมาะสมสรางผลงาน

เอกสารประกอบการบรรยาย คณะ ICT มหาวทยาลยมหดล

LOGO

เอกสารประกอบการอบรม

LOGOMUICT

www.piktochart.com

LOGO ลงทะเบยนใชงาน

ลงทะเบยนได 3 รปแบบ1. ดวย Google

2. ดวย Facebook

3. ดวย E-mail

LOGO

LOGO

คลกเลอก Infographic

LOGO

คลกเลอก Create New

LOGO

การลบ และเพมพนทการสรางงาน Infographic

1. คลกเลอก Block ทตองการ2. เลอกสญลกษณค าสงดงน

เพม Block

เลอน Block ขน

เลอน Block ลง

Clone Block

ลบ Block

ตงคาขนาด Block

3. การปรบขนาดพนทท างาน คลกทสญลกษณ แลวลากปรบขนาดไดเลย

LOGO

เปลยน ส และลวดลายพนหลง เพมขอความ และกรอบขอความตลกเลอกรปแบบ Text กอนพมพขอความทกครงหากตองการเปลยนเฉพาะส ใหเลอก Color

ดานบนและปรบความโปรงแสงท Opacity

เปลยนลกษณะพนหลงและการเพมขอความ

LOGOการท างานกบขอความ

1. เลอก Font2. เลอกขนาด3. ตวหนา4.ตวเอยง5.จดแนว Text

1 2 3 4 5

ส าหรบการพมพภาษาไทย จ ากดท Font Tahoma และ Verdana เทานน

LOGO

ใชงานโดย คลกเลอกรปทตองการแลวลากไปไวยงบรเวณพนทท างาน

การใสภาพกราฟกและองคประกอบตางๆ

LOGOการจดการกบรปภาพและวตถ

1. Undo ยกเลก2. Redo ท าอกครง3. Cut ตด4. Copy

5. Past

6. Delete

7. Lock

8. Color เลอกส9. Opacity ปรบความโปรงแสง10.Link เชอมโยงไปยงทอน11.Mask บงภาพดวย icon

12.Bring to Front / Send to Back จดล าดบรปภาพ13.Flip L/R กลบซายขวา14.Flip T/B กลบบนลาง15.Alignment วางแนวใหตรงกบวตถอน

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

คลกเพอหมนภาพคลกเพอยอขยายภาพ

LOGO

การน าภาพจากแหลงอนมาใชงานเชน การใสรปภาพ หรอ Logo หนวยงาน

1. คลกเลอก Upload2. เลอก Browse Images3. เลอกรปทตองการ

LOGO

การใชงานแถบค าสง

1. เปลยนชอ File2. จดเกบ 3. ตรวจสอบผลงาน4. Download ลงเครองคอมพวเตอร5. การ Share ไปยง Social Network

1 2 3 4 5

LOGO

1. คลกเลอก Tools2. เลอก Chart ส าหรบเพมรปกราฟ3. ใสขอมลทตองการลงใน Data Sheet

การเพมรปกราฟ