E-portfolio
Sarinluk Chaweenuan
Contact
my nickname is Few
This is me "Sarinluk Chaweenuan"
I study in Faculty of Learning science and education at Thammasat U.
contact
[email protected]
Infographics
อธิบายจุดรับวัคซีนโควิด-19
ในเขตกรุงเทพสำหรับผู้กระกันตน ม.33
Infographics
หัวข้อ 45 จุดรับวัคซีนโควิด-19
ในเขตกรุงเทพสำหรับผู้กระกันตน ม.33
วัตถุประสงค์ กลุ่มเป้าหมาย
ให้ผู้ที่เป็นผู้ประกันตนตาม - ผู้ที่เป็นประกันตนตามมาตรา
มาตรา 33 ได้ทราบถึง 33 ที่อาศัยอยู่พื้นที่เขต
กรุงเทพมหานคร
ตำแหน่ งเขตที่ตนเองต้องไป
รับวัคซีน อย่างเห็นภาพ อ่าน - บุคคากรและคนในองค์กรที่
ง่ายและสามารถบันทึกภาพ เกียวข้องกับการฉี ดวัคซีนตาม
นำเก็บไว้ดูตำแหน่ งหรือนำไป จุดต่าง ๆ เช่น แพทย์ พยาบาล
เผยแพร่ต่อได้โดยง่าย พนั กงาน อาสาสมัคร ผู้ช่วย
ต่าง ๆ
การใช้งาน
การแผยแพร่
ด้วยกลุ่มเป้าหมายเป็นกลุ่มเฉพาะ
บุคคล แต่มีจำนวนมากสื่อสามารถนำ
ไปเผยแพร่ทางออนไลน์ ได้หลายช่อง
ทาง และเผยแพร่ตามสถานประกอบ
การ โรงงานอุตสาหกรรม ตามบริษัท
ต่าง ๆ เพื่อให้ทั่วถึงกลุ่มเป้าหมาย
และอาจเผยแพร่ในข่าวเป็นภาพ
ประกอบการบรรยายก็
ย่อมได้เช่นกัน
Infographics
การออกแบบ (Design) อินโฟกราฟิก จากพื้นฐานข้อมูลเดิมที่ตนเองสนใจ
เป็นเรื่องเกี่ยวกับการแพร่ระบาดโควิด-19ในประเทศไทย จึงเลือกทำการหา
ข้อมูลเรื่องสมุนไพรต้านโควิดแต่อยากลองเปลี่ยนให้ข้อมูลน่ าสนใจมากขึ้นจึง
เลือกเนื้ อหาใหม่มาแทน ได้เจอกับข้อมูลการประกาศจุดรับวัคซีน แต่ไม่มีแผนที่
และเป็นเพียงการบรรยายเป็นตัวอักษร ไม่มีภาพประกอบ ทำให้อ่านเข้าใจยาก
และมีข้อมูลเดิมที่แน่ น ผู้จัดทำเล็งเห็นว่า น่ าเอาเนื้ อหาส่วนนี้ มาทำเป็น
ภาพอินโฟกราฟิก จะทำให้ผู้อ่านเข้าใจด้วยภาพและการสรุปความให้สั้นกระชับ
เข้าใจง่าย ด้วยการสังเคราะห์ข้อมูลมาให้กระชับอีกที
งานใหม่
งานเก่า
การดำเนิ นการสร้างงาน
และปรับปรุ งแก้ไข
1.ได้วางแผนในออกแบบจากข้อมูลที่
รวบรวมมาแล้วเป็นภาพ เริ่มจากการได้
ไอเดียอยากนำแผนที่มาประกอบการ
เข้าใจ เพื่อเพิ่ม attention ตามหลัก 9
events of instituction ของ Robert
Gagne จะช่วยทำให้เห็นภาพ ดึงดูดความ
สนใจผู้อ่านได้ดีมากขึ้น
2.เมื่อได้ภาพแผนที่มาแล้ว ได้วิเคราะห์
และเล็งเห็นว่าหากเพิ่มการใส่ สี ลงไปจะ
ทำให้เข้าใจง่ายมากขึ้น และตัดพื้นหลัง
ออก จะทำให้ภาพโดดเด่นและไม่ลายตา
3.นำข้อมูลมาวางในภาพและจัดองค์
ประกอบต่าง ๆ ทั้งโทนสี ความคมชัด
ดูช่องว่างระหว่างข้อมูลและ พยายาม
จัดเรียงให้ภาพออกมาsmoothมาก
ที่สุด
Before After
ก่ อ น แ ก้ ไ ข ห ลั ง แ ก้ ไ ข
4.เมื่องานสำเร็จแล้ว ยังมีจุดบกพร่องอยู่ 1 จุดที่ตอนทำงานมันยังคิดไม่
ออก นั่ นคือ การแสดงสัญลักษณ์ยังไงให้ผู้อ่านเข้าใจถึงสีที่ต้องเชื่อมโยง
กับหัวข้อแต่ละเขตพื้นที่ต่าง ๆ จึงได้ส่งออกไปให้เพื่อนช่วยประเมินและได้
รับคำแนะนำให้ทำเป้นสัญลักษณ์ภาพสี ๆ แทนการหมายเหตุ
5.เมื่อเสร็จสิ้นแล้ว นำมา 6.สุดท้ายและท้ายสุด
มองภาพรวมและหาจุด ได้ตรวจสอบคำผิดและ
บกพร่องของงาน ทำให้เห็น ทบทวนความเข้าใจ ให้
ถึงสี ในแผนที่ที่เป็นสี ขาว พี่ ๆ อ่านเพื่อประเมิน
มันอยู่ในโทนเดียวกันกับสี งาน เป็นอันเสร็จสิ้น
เดิมของแผนที่ทำให้ต้อง
หากิมมิกเล็ก ๆ เพื่อแสดงให้
เห็นว่าเป็นจุดรับวัคซีน นั้ น
คือ กราฟิกรูปขวดยาตาม
ภาพนั่ นเอง
Augmented
Reality
ต้นไม้มงคลที่อาจารย์เป็นหนึ่ งแนะนำว่า
ทุกบ้านต้องมี เน้นค้าขาย ร่ำรวย เฮง ปัง
Augmented
Reality
หัวข้อ 7 ต้นไม้มงคลที่บ้านไหนแล้วก็จะ
รวย เฮง ปัง
วัตถุประสงค์ กลุ่มเป้าหมาย
- เพื่อเป็นแนวทางในการเลือกต้นไม้ บุคคลทั่วไปที่สนใจและชื่น
มงคลมาปลูกภายในบ้าน ปลูกตรง ชอบในการปลูกต้นไม้และมี
ไหนแล้วเฮง ปลูกตรงไหนแล้วรวย ความเชื่อเกี่ยวกับต้นไม้มงคล
- เพื่อให้ทราบถึงวิธีการเลี้ยงต้นไม้
อยู่เดิมหรืออยากเข้าวง
มงคลแต่ละชนิ ดได้อย่างถูกต้อง การมูเตลูด้วยการปลูกต้นไม้
- เพื่อให้ทราบถึงสรรพคุณในแต่ละต้น
มงคล
ว่ามีคุณประโยชน์ อย่างไรบ้าง
การใช้งาน
การแผยแพร่
สามารถสแกน
โลโก้zapparเพื่อดูได้ โดย
ต้องdownloadแอพพลิเคชั่น
zappar บนมือถือเพื่อ
มาสแกนดู
Augmented
Reality
การออกแบบ (Design) AR ในการออกแบบมีทฤษฎีที่อยู่เบื้องหลังคือ
blooms Taxanomyโดยเรียงลำดับการออกแบบดังนี้
1.หาข้อมูลเดิมที่มีและหาข้อมูลเสริมนำมารวมกันเพื่อเตรียมนำไป วิเคราะห์
และสั งเคราะห์ข้อมูล
2.เมื่ออ่านข้อมูลแล้ว จึงเกิดความเข้าใจในเนื้ อหา ทราบว่าต้นไม้แต่ละต้น มี
ลัษณะเด่นอย่างไร จำรูปร่างหน้ าตาของแต่ละต้นได้
3.นำข้อมูลมาคิดวิเคราะห์ สังเคราะห์ แยกประเด็นที่มีจุดร่วมจุดต่างกันและ
จัดลำดับเพื่อแบ่งข้อมูลให้อ่านเข้าใจง่ายและชัดเจน เช่น การรดน้ำของแต่ละต้น
ประโยชน์ แต่ละต้นและจุดที่ควรปลูกของแต่ละต้น
4.นำข้อมูลมาวิเคราะห์แล้ว นำมาปรับคำให้สั้นกระชับเข้าใจง่าย อ่านแล้วจำ
ได้ทันที
5.เมื่อทำเสร็จได้มีการทดสอบและลองอ่านตรวจคำผิด รวมถึงให้เพื่อนร่วม
ประเมินด้วยจนออกเป็นงานที่เสร็จสมบูรณ์
งานใหม่
งานเก่า
การดำเนิ นการสร้างงาน
และปรับปรุ งแก้ไข
เลือกเรื่องจากความชอบของตัวเอง
เพื่อสร้างแรงบันดาลใจในการทำงาน
ส่วนตัวเป็นคนชอบปลูกต้นไม้ และ
สนใจเรื่องมูเตลูเป็นพิเศษแต่ยังไม่
เคยปลูกต้นไม้ตามศาสตร์มูใดๆเลย
เลยคิดว่าเอาเรื่องนี้ มาทำดู
d
r
1.ในตอนแรกภาพในหัวจะเป็นรูปต้น
a ไม้หลายๆรูปกองรวมกัน และสีที่คิดว่า
จะต้องเป็นสีมงคลตั้งแต่แรกคือ สี
f แดงกับสีทอง ซึ่งตัดกันและสีสวยมาก
ได้ draft แรก ออกมาเป็นแบบนี้ แต่
t ขนาดภาพเล็กเกินทำให้ใส่ไม่พอจึง
1 เปลี่ยนขนาดภาพใหม่
2.เนื่ องจากข้อมูลเราได้มาจากซินแส
เป็นหนึ่ ง ไปออกรายการทางช่องยูทูป
พูดถึงเรื่องต้นไม้มงคล เราก็เลือก
อาจารย์ให้เข้ามาอยู่ในรูป เพิ่ม
attention ให้กับงาน และดึงดูดกลุ่ม
เป้าหมายได้ดีมากยิ่งขึ้น
ขอบพระคุณมาก ๆ ค่ะ
d
r
a ภาพแห่งแรงบันดาลใจ
f
t
2
ภาพจริงหลังเสร็จสิ้ น
3.เมื่อตรวจดูงาน ดูภาพรวมแล้ว รู้สึกภาพต้นไม้ไม่สวย เพราะพื้น
หลังภาพไม่เหมือนกัน ทำให้ต้องไปหา reference ใหม่ ๆ จนเจอ
ภาพ ห้อง living room ห้องนึ ง ทำให้ภาพในหัวเปลี่ยนเป็นอีกแบบ
จนกลายมาเป็นภาพปัจจุบัน
ลิงค์คลิป >> https://www.youtube.com/watch?v=2x39afTNzHU
4.อยากให้มีคลิปวีดิโออาจารย์
เป็นหนึ่ งเข้ามาเพื่อเพิ่มความเข้ม
ขลังและความจริงจากปากท่าน
อาจารย์เอง ทำให้ผู้ที่ได้มารับชม
สื่อ AR ของเราเข้าใจได้เร็วมากขึ้น
และมีอ้างอิงจากตัวจริงเสี ยงจริง
มายืนยันอย่างชัดเจนอีกด้วย
สแกนเพื่อรับชมวีดิโอตัวเต็ม
5.กิมมิคที่จะนำมาแทรก
อยากนำเสนอวิธีการดูแล
รักษาและประโยชน์ หรือจุด
เด่นของแต่ละต้น จึงหา
ข้อมูลรายละเอียดเพิ่มทุกต้น
และนำข้อมูลมากรองอีกที
ให้สั้นกระชับ อ่านแล้วเข้าใจ
ง่าย
รวมแล้วมีทั้งหมด 7 ภาพ แต่
จะมีแยกปุ่มแค่ 6 ปุ่ม
เนื่ องจากต้นชวนชมและต้น
ส้มจัดวางให้อยู่คู่กัน เพื่อ
ง่ายต่อความเข้าใจ ในการ
ปลูกต้นไม้มงคล
others
อันนี้ เป็นภาพต้นไม้ที่ตัดพื้น
หลังออก เป็น original เดิม
ๆ ของภาพ เราได้มีการนำ
กระถางหลาย ๆ แบบมาแปะ
เพื่อให้ดูสวยงาม คุมโทนสี
มากขึ้นกว่าเดิมด้วย
Virtual Tour
Virtual Tour
วัตถุประสงค์ กลุ่มเป้าหมาย
- เพื่อชี้ให้เห็นถึงพื้นที่ บุคคลากรทั่วไปที่ได้เข้ามา
ใช้สอยบริเวณชั้น 1 ของตึก เยี่ยมเยือนตึกสิ ริวิทยลักษณ์
คณะวิทยาการเรียนรู้และ
ทุกคน
ศึกษาศาสตร์
- เพื่อบอกเส้นทางภายใน
คณะในส่ วนที่คนนอก
สามารถมาใช้ประโยชนได้
- การเผยแพร่
การใช้งาน
การแผยแพร่
สแกน QR Code เพื่อรับชม VR
Virtual Tour
การออกแบบ VR ได้ไอเดียจาก ชั้น 1 ตึกคณะเป็นพื้นที่ส่วนกลาง และมักจะ
มีคนนอกหรือคนในก็ตามเข้ามานั่ งเล่น อ่านหนั งสือ ทำกิจกรรมอยู่เป็นประจำ
จึงทำให้อยากทำเป็น VR ที่แสดงจุดนั่ งเล่นต่าง ๆ ภายในคณะ รวมถึงขอบเขต
ของตึกคณะฯ และสื่อถึงการเดินทางอื่น ๆ ที่สามารถเห็นได้ภายในสื่ออีกด้วย
โดยจะบรรยายทัวร์จาก ปุ่ม link มาที่ภาพที่มีคำบรรยายมาแล้ว สั้น เข้าใจง่าย
อ่านได้สบายตา
การดำเนิ นการสร้างงาน
และปรับปรุ งแก้ไข
1.เริ่มจากจัดเรียงตำแหน่ งภาพ
ตามลำดับขั้น ให้ smooth มากที่สุด
รวมถึงมองหาจุดที่ต้องการใส่ ข้อมูล
เพื่อไปหาข้อมูลมาใส่ เพิ่มเติม
2.เริ่มจากหาข้อมูล และรูปภาพต่าง ๆ
เพื่อนำไปแต่งภาพเพื่อเตรียมข้อมูลมา
ใส่ในโปรแกรม ได้ทั้งหมด 8 ภาพ
3.เช็คความเรียบร้อยทำให้เห็นว่าภาพ
ยังไม่มีการย้อนกลับ จึงกลับมาแก้ไข
งานให้เซทการย้อนกลับ
4.ปรับจุดมองเห็น set point view
ใหม่เนื่ องจาก ทดลองแล้วมองไม่เห็น
ปุ่มที่เราได้สร้างเอาไว้ อาจจะทำให้ผู้
ชมผ่านจุดนี้ ไปได้
Pop Up Art
นำเสนอหนังสือป็อปอัพ ทำมือ
เรื่อง รูปทรงเรขาคณิต
Pop Up Art
รู ปทรงเรขาคณิ ต
วัตถุประสงค์ กลุ่มเป้าหมาย
- เพื่อเสริมทักษะกล้ามเนื้ อมัดเล็ก (Fine 1.เด็กที่มีอายุตั้งแต่ 3-4ขวบ
motor skill) ให้แก่เด็ก 3-4 ขวบ เนื่ องจากเด็กในวัยนี้ เริ่มมี
พัฒนาการการใช้นิ้ วมือในการลาก
- เพื่อฝึกสมาธิเด็กให้จดจ่อกับการลาก 2.ผู้ปกครอง ใช้เป็นเครื่องมือใน
วาด และการเรียกชื่อรูปต่าง ๆ การดึงดูดเด็ก ๆ และใช้สอนรูปทรง
เรขาคณิ ตเสริมพัฒนาการกล้าม
- เพื่อตอบโจทย์ผู้ปกครอง ง่ายต่อการนำ
ไปสอนเด็กและมีAttentionในสมุด โดย เนื้ อมัดต่าง ๆ
การ pop up จะทำให้เด็กอยากรู้ อยาก
เล่น สะดวกต่อการสอนเด็ก ๆ
การใช้งาน
การแผยแพร่
ในการนำไปใช้หนั งสือ pop up
art ควรมีผู้ปกครองคอยดูเด็ก ๆ
คอยประกบสอนอยู่ข้าง ๆ ไม่ห่าง
เนื่ องจากเด็กจะอยากดึง อยากจับ
ในจุดที่น่ าสนใจออกมา อาจทำให้
เกิดการเสียหายของหนั งสือได้ รวม
ถึงการให้เด็กทำตามคำบอก เล่น
ให้ลากเส้นโดยใช้นิ้ ว / ให้ระบายสี
สแกน / ให้พูดตาม เป็นต้น VR
QR Code เพื่อรับชม
Pop Up art
การออกแบบ (Design) Pop up artเมื่อหาข้อมูลสิ่งที่จะนำเสนอให้กับกลุ่ม
เป้าหมายได้แล้ว ต่อมาในการออกแบบคิดว่าการเลือกเค้าโครงหน้ ากระดาษ
สำคัญ เพราะการทำ pop up art มีทั้งแบบแนวตั้งและแนวนอน ส่วนตัวชอบ
แนวนอนจึงเลือกมา 2 กลไก ได้แก่ Mechanism 3 V fold และ Mechanism 2
Floating layers มาใช้ร่วมกัน เพื่อเพิ่มความน่ าสนใจให้กับงาน และทำให้
หนั งสือดูไม่จำเจและน่ าเล่น
การดำเนิ นการสร้างงาน
และปรับปรุ งแก้ไข
1.เลือกกลไกที่ใช้ 2 แบบได้แก่
Mechanism 3 V fold และ
Mechanism 2 Floating layers
2.จัดหาและเตรียมอุปกรณ์ต่าง ๆ เพื่อ
เตรียมทำหนั งสือทำมือ
Others
อุปกรณ์ต่าง ๆ ข้อมูลมารองรับ
เกี่ยวกับกลุ่มเป้าหมาย
การหาข้อมูลเกี่ยวกับเขตพื้นที่
หาตำแหน่ งเขตและระบายสีแผนที่
กว่าจะเป็น AR Infographics 1 รูปภาพ
หาข้อมูลเป็น 10 หน้ า A4 และนำข้อมูลมาวิเคราะห์ จับ
ประเด็น เพื่อแต่งภาพ และบรรยายเนื้ อหาต่าง ๆ
QR รับชมข้อมูลแน่ น ๆ เกี่ยวกับต้นไม้
THANK
YOU