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