How to Create Interactive Infographics

This blog is bilingual: Thai and English. บล็อกนี้สองภาษา ไทย และ อังกฤษ

[Click this picture to see slides]

I personally think that modern graphic designers and information specialists should possess "interactive" design skills. I add this topic to my lectures on Multimedia that I gave at Graduate school of Mass Communication Technology, Ramkhamhaeng University.  In summary, if you have to produce interactive infographics, you need to know HTML5, JQuery and CSS. I hope my materials provide you with a good start.

You can check out the web that my students implemented based solely on this idea of being interactive at 1Rai 2San Project by UTCC  (This is a flash version so it may not run on some devices. Sorry for any inconvenience).

ในยุคที่ข้อมูลคือกุญแจสำคัญ นักออกแบบยุคใหม่และผู้เชี่ยวชาญด้านข้อมูลควรจะมีทักษะเกี่ยวกับการออกแบบข้อมูลซึ่งมีการสื่อสารระหว่างกัน ดังนั้น เราจึงได้ออกแบบเพิ่มหัวข้อการสอนนี้เข้าไปในวิชามัลติมีเดียที่สอนให้กับนักศึกษาปริญญาโท สาขาเทคโนโลยีสื่อสารมวลชน มหาวิทยาลัยรามคำแหง

โดยสรุปแล้ว ถ้าหากต้องการเขียน Interactive InfoG นั้น ผู้พัฒนาจะต้องมีความรู้เกี่ยวกับภาษา HTML5, JQuery และ CSS

อจต หวังว่าสื่อการสอนนี้ จะช่วยให้ผู้ที่สนใจศึกษาเกี่ยวกับ Interactive InfoG สามารถเริ่มต้นสร้างงานง่าย ๆ ได้

เข้าดู เวปตัวอย่างที่ให้นักศึกษาจัดทำบนแนวความคิด Interactive InfoG ได้ที่เวป โครงการ 1 ไร่ 1 แสนของมหาวิทยาลัยหอการค้าไทย (แสดงผลได้บนอุปกรณ์ที่สามารถใช้ Flash animation ได้เท่านั้น ขออภัยในความไม่สะดวก)

ดูสื่อการสอนเรื่องนี้ได้ที่ How to Create Interactive Infographics

ติดตามสื่อการสอนอื่น ๆ Aj T Slideshare

Please steal like an artist

This blog is bilingual: Thai and English. บล็อกนี้สองภาษา ไทย และ อังกฤษ

In my perception, it seems that Thais lack originality. It roots from somewhere or may be it's in our DNA that we couldn't do it or lack the ability to invent something new. So it is very normal to see majority of students copy their friends' homework. This expands to almost everything else in life. To make it worse, everyone doesn't want to be branded stupid, being punished and wants to be portrayed as a capable one so they copy with no shame. This becomes habits. I think it should end now. Thanks to Austin Kleon and his book "Steal like an artist", now I have a reference when I teach my students that they don't have to be ashamed of copying. Simply being a good thief by following Austin's suggestions.

การลอกกันเป็นปัญหาใหญ่ของสังคมไทย นำมาซึ่งการไร้สามัญสำนึก ไร้ความรู้สึกผิดชอบชั่วดีเมื่อโตเป็นผู้ใหญ่ และอาจจะพาลไปถึงการกล้าโกงในระดับที่ใหญ่ ไม่ว่าจะเพราะสาเหตุอะไรก็ตาม ด้วยหน้าที่ของอาจารย์จะต้องพยายามลดปัญหานี้

เด็ก ๆ ไทยส่วนใหญ่ก็ไม่ค่อยมีความคิดสร้างสรรค์ สั่งให้คิด ทำ อะไรก็ทำไม่ค่อยได้ อยากแต่จะลอกเพื่อนหรือลอกคนอื่น แต่ก็ไม่อยากจะโดน อ ด่าว่าโง่ หรือ หักคะแนน อยากให้ อ รู้สึกว่า นศ ก็ไม่แย่นะ ก็เลยพยายามหาเทคนิคมาลอกไม่ให้ อ จับได้

ตอนนี้ อ ได้ที่พึ่งใหม่สำหรับการอบรมเรื่องนี้ คือหนังสือของคุณออสติน ที่เข้าใจปัญหานี้ดี จึงออกหนังสือเล่มนี้ชื่อ "Steal like an artist" (ขโมยอย่างศิลปิน) มาพร้อมกับให้กฎการขโมยงานอย่างหัวขโมยผู้มีจรรยาบรรณ มีอะไรบ้าง มาดูกัน

1. ลอกไปเลย ด้วยจิตระลึกบุญคุณต้นฉบับ
2. ศึกษางานต้นฉบับให้เข้าใจอย่างลึกซึ้งว่าเค้าทำอย่างไร คิดอย่างไร ถึงได้งานที่เราอยากลอกสุด ๆ ออกมา
3. ลอกจากหลาย ๆ คนที่เก่ง ๆ ดัง ๆ มาผสมกันจะดูเท่ห์มาก
4. ให้เครดิตให้ครบทุกคน ห้ามเนียนเอาเป็นงานตัวเองเด็ดขาด (โดยเฉพาะข้อนี้ต้องทำให้เป็นสันดานให้ได้)
5. แต่ถ้าจะแก้ไขงานเค้าให้เป็นของตัวเองต้องทำให้ดีขึ้น ถือเป็นการให้เกียรติ
6. ผสมงานที่ลอกมากับสไตล์ของตัวเองให้ได้งานใหม่ที่มีความเป็นเอกลักษณ์เฉพาะตัว

ทำได้ทั้งหกข้อนี้ จนเป็นนิสัยจะทำให้เรามีชิ้นงานที่เป็นสไตล์ของตัวเองในที่สุด
แล้วก็จะมีภาพลักษณ์ที่ดูเป็นนักศึกษาที่น่าชื่นชมในความใฝ่ใจเรียนรู้

อจต on การลอกกันของนักศึกษาไทย

How to Create Static Infographics

This blog is bilingual: Thai and English. บล็อกนี้สองภาษา ไทย และ อังกฤษ

I've made slides on "How to Create Static Infographics" and shared on Slideshare.  Including step-by-step that will guide you on how exactly to shape your thoughts and get the idea of creating infographics.  For me, many infographics that float around are not really infographics, they are just pictures with words.  Feel free to check it out.

จากการค้นหาข้อมูลเพื่อเตรียมการสอนอย่างยาวนานหลายสัปดาห์ พบว่า ไม่มีสไลด์ที่สามารถใช้สอนนักศึกษาได้ตามวัตถุประสงค์ คือสอนวิธีทำ Infographics สอนวิธีคิด แหล่งข้อมูล และการแปลงข้อมูลแบบ step-by-step จึงจัดทำเองเสียเลย

อ่านได้ที่ How to Create Infographics

ติดตามสื่อการสอนอื่น ๆ Aj T Slideshare