Upload
others
View
4
Download
0
Embed Size (px)
Citation preview
โครงการอบรม การออกแบบ และจดท า
Infographics เพอการสอสารอยางสรางสรรคในองคกร
วนท 29-30 เมษายน 2562
เวลา 09.00-16.00 น.ณ หอง IT212 ชน 2
คณะเทคโนโลยสารสนเทศและการสอสาร มหาวทยาลยมหดล ศาลายา
คณศรรตน วทยาคณสถต
คณดวงหทย แพงจกร
คณเอกราช บณยเกยรต
ผชวยหองปฏบตการ
อาจารยผสอน
ดร.ศจกา ศรนนทกล[email protected]
คณดวงหทย แพงจกร[email protected]
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
การเพมรปกราฟ