Visualizing power relations of actors (in Data Protection Bill)

วาดกราฟความสัมพันธ์ระหว่างผู้กระทำ (actor) ในกฎหมาย

This whole week I will participate in Internet Policy and Advocacy: Research Methods Workshop for South and Southeast Asia Actors at National Law University Delhi. (Nice way to spend my Songkran :p)

Shown at the bottom of this post is a presentation that I gave yesterday during the Case Study 1: The Power of Mapping Stakeholders, Decision Makers, and Implementers in Thailand’s Cyber Policy session, where we discussed examples of visualizing bills in graph (noun –verb-> noun), how this method can quickly reveal unbalanced power relations of actors(-to-be), and show why data protection mechanism in the current bill is probably structurally designed to fail.

Of course, the examples only rely on one type of source (written laws). Ideally, incorporating also data from other types of source (actual enforcement, unspoken rules, policy ethnographies, etc.) is encouraged, for a more complete picture.

Examples included Data Protection Committee relationships with National Cybersecurity Committee, Data blocking/removal mechanism from Article 20 of 2017 Computer-related Crime Act, media control after the 2014 Coup (NCPO Announcements and Orders), and the Ministry of ICT under NCPO structure.

Actor --Action-> Actor

Draw.io is a nice online drawing tool that you may like to try. No installation is required. Graph can also be drawn in a descriptive way using tools like GraphvizGephi and NodeXL.

Lies, damned lies, statistics, and infographics

อาบ อบ นวด ใน กทม. เยอะกว่า วัดพุทธ-คริสต์-อิสลาม

อินโฟกราฟิกโง่ๆ อีกแล้วครับ

นับจำนวนไอคอนของแต่ละชนิดนะครับ ว่ามีกี่ก้อน

  • อาบ อบ นวด 38 ก้อน (508 แห่ง, หนึ่งก้อนในแผนภูมิ = 13 แห่ง)
  • วัด 14 ก้อน (449 แห่ง, หนึ่งก้อน = 32.071 แห่ง)
  • มัสยิด 4 ก้อน (178 แห่ง, หนึ่งก้อน = 44.5 แห่ง)
  • ศาลเจ้า 3 ก้อน (116 แห่ง, หนึ่งก้อน = 38.667 แห่ง)
  • โบสถ์คริสต์ 2 ก้อน (62 แห่ง, หนึ่งก้อน = 31 แห่ง)

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

สมมติว่าข้อมูลถูกต้องถูกอย่าง จำนวนอาบอบนวดก็มีมากกว่าวัดอยู่ 59 แห่ง หรือ 13% แต่ถ้าดูตามแผนภูมินี้เฉยๆ โดยไม่ดูตัวเลขเลย มันจะหลอกตาเราว่า จำนวนอาบอบนวดมีมากกว่าวัดอยู่ถึง 171%

สังคมอุดมปัญญาครับ “อินโฟ”กราฟิกเต็มบ้านเต็มเมือง

ref: https://www.facebook.com/photo.php?fbid=499835326719981&set=a.204044066299110.44147.113053042064880

“เจ็บไหมลูก” (พ.ค. 2553)

สถิติตำแหน่งบาดแผลของผู้เสียชีวิต จากเหตุการณ์สลายการชุมนุม 13-19 พฤษภาคม 2553
“สถิติตำแหน่งบาดแผลของผู้เสียชีวิต จากเหตุการณ์สลายการชุมนุม”

เส้นทางความรุนแรงขอคืนพื้นที่ความจริง 13-19 พ.ค. 2553
“เส้นทางความรุนแรงขอคืนพื้นที่ความจริง”

จาก เอกสารข้อเท็จจริงเบื้องต้นเกี่ยวกับเหตุการณ์ความรุนแรงทางการเมือง ระหว่างวันที่ 13-20 พฤษภาคม พ.ศ. 2553 จัดทำโดย บัณฑิต จันทร์โรจนกิจ และกลุ่มนักศึกษา ‘มรสุมชายขอบ’ [ดาวน์โหลด PDF] (590 หน้า)

วารสารศาสตร์ ข้อมูล และคอมพิวเตอร์

สัปดาห์ที่ผ่านมาขยันเขียนบล็อก (ที่อื่น) มีสองอันเกี่ยวกะการใช้คอมพิวเตอร์ช่วยในการทำข่าวและรายงานข่าว

วารสารศาสตร์เชิงคำนวณ: จะผลักข่าวไปข้างหน้า คอมพิวเตอร์ต้องเป็นมากกว่าเครื่องพิมพ์ดีด [datajournalism.in.th] (@dr_mana เสริมว่า และนักข่าวต้องเป็นมากกว่าคนจดข่าวหรือคนอัดเทปถอดเทป)

5 เครื่องมือสำหรับสำรวจขุดค้นและแสดงภาพข้อมูล [opendream.co.th/blog]

Thai political timeline แผนผังการเมืองไทย โดย ThaisWatch.com

แผนผังการเมืองไทย โดย ThaisWatch.com

แผนผังการเมืองไทย (timeline เลื่อนไปมาได้)
โดย ศูนย์ข้อมูลนักการเมืองไทย ThaisWatch.com

[via @iPattt]

technorati tags: , , ,

design/social/tech links at late night

from Tactical Technology Collective:

Ubuntu Eee ใช้คอมพิวเตอร์เครื่องเล็กให้คุ้มค่า

History of Graphic Design 2008 ความเป็นมาของการออกแบบกราฟิกจนถึงปัจจุบัน

Design Matrix of the 20th Century (industrial design) ใครอะไรที่ไหนในแวดวงออกแบบอุตสาหกรรม

[ via anpanpon ]

technorati tags:
,
,

Processing.js – Processing in JavaScript

From the creator of jQuery, Processing.js brings Processing visualization language to JavaScript/DHTML platform.

And for jQuery developers, try this Visual jQuery, an easy access jQuery API documentation.

ลองเล่นดูนะครับ Processing บน JavaScript ตอนรันพวกเดโมต่าง ๆ นี่ ซีพียูอาจจะพุ่งกว่าปกติซะหน่อย แต่ก็เหมือนกับพวกเว็บ AJAX ทั่วไปครับ — ผมว่า JavaScript/DOM engine ของเว็บเบราว์เซอร์ในปัจจุบัน มันถูกใช้งานจนเกินขีดจำกัดของมันแล้ว คือตอนนั้นที่ออกแบบไม่ได้มีใครคิดว่ามันจะถูกนำมาใช้สำหรับงาน Rich Internet Application ที่มีภาพออบเจกต์ มีการโต้ตอบเยอะขนาดนี้ โครงการเว็บเบราว์เซอร์รุ่นใหม่ ๆ ก็เห็นจุดนี้และพยายามปรับปรุงประสิทธิภาพของ JavaScript engine และเพิ่มฟังก์ชันที่ถูกเรียกใช้บ่อย ๆ (เช่นการค้น/เลือก element ด้วย class) เข้าไปเป็น API มาตรฐาน (แบบเป็น native ไม่ต้องไปอิมพลีเมนต์เองด้วย JavaScript ซึ่งก็จะทำให้ประสิทธิภาพดีขึ้น)

และสำหรับคนที่สนใจ Processing แนะนำบล็อกนี้ครับ Pongpan Suriyapat มีเรื่อง Processing และ new media art / interaction design น่าสนใจอยู่เรื่อย ๆ

technorati tags:
,
,

Free Mind Map

ซอฟต์แวร์สำหรับทำ mind mapping/concept mapping นี่มีเยอะมาก
ที่เป็นซอฟต์แวร์เสรีก็เยอะ หรือที่เป็นฟรีแวร์ (แต่ไม่เปิดซอร์สโค้ด) ก็เยอะเช่นกัน

ลองไปดูได้ที่: WP: list of mind mapping software

ตัวที่นิยมใช้กันแพร่หลายในประเทศไทย คือ FreeMind เป็นซอฟต์แวร์เสรี ที่เปิดให้เอาไปใช้เอาไปแก้ไขเพิ่มเติมได้โดยเสรี ไม่เสียค่าใช้จ่ายใด ๆ
ใช้ได้กับหลายระบบปฏิบัติการ ทั้ง Windows, Mac OS X, GNU/Linux ฯลฯ (เป็นจาวา) — อธิบายสรรพคุณ / ดาวน์โหลด / mk: วิธีติดตั้งสำหรับคนใช้ลีนุกซ์ Ubuntu

ส่วนโปรแกรม Semantik (เดิมชื่อ Kdissert) ก็น่าสนใจสำหรับคนที่อยากจะทำเอกสาร ทำรายงาน โดยใช้ mind map เป็นเครื่องมือ โดยมันสามารถสร้างเอกสารจากแผนที่ความคิดให้เราได้ด้วย (pdf, latex, odt, txt, html) เจ๋งดี (ตัวนี้เป็น Python/Qt)
ส่วนใครใช้ Ubuntu อยู่จะลง Kdissert จาก apt-get/Synaptic เลยก็ได้ (แต่จะเป็นรุ่นเก่ากว่า)

แนวความคิดเรื่อง “mind map”/“concept map” หรือ “แผ่นที่ความคิด” นี้ เป็นแนวความคิดที่ใช้กันมานานแล้ว หลายศตวรรษ
โดยวิกิพีเดียยกตัวอย่างงานของ Porphyry of Tyros นักคิดคนสำคัญในคริสตศตวรรษที่ 3 (ราว 1,700 ปีก่อน):

Mind maps (or similar concepts) have been used for centuries, for learning, brainstorming, memory, visual thinking, and problem solving by educators, engineers, psychologists and people in general. Some of the earliest examples of mind maps were developed by Porphyry of Tyros, a noted thinker of the 3rd century as he graphically visualised the concept categories of Aristotle. Ramon Llull also used these structures of the mind map form.

สำหรับตัวอย่างของไทย อันหนึ่งน่าจะเป็นงานของท่านพุทธทาส ดังภาพนี้:

Buddhadasa's mind map
(จากหนังสือ พุทธทาสลิขิตข้อธรรม บันทึก นึกได้เอง ผังนี้ท่านพุทธทาสบันทึกไว้เมื่อ พ.ศ. 2495)

ใครสนใจเรื่อง data visualization ลองไปดู

Milestones in the History of
Thematic Cartography, Statistical Graphics, and Data Visualization

มีภาพและผังต่าง ๆ เยอะมาก แสดงวิวัฒนาการและการพัฒนาในสาขานี้ น่าสนใจมาก (ลิงก์จากคุณคนชายขอบ – ขอบคุณครับ)

technorati tags: 

con/prefusing graph

prefuse MD

พยายามจะวาดกราฟด้วย prefuse
ยังงง ๆ อยู่ ยังไม่ได้อย่างที่อยากได้

อยากจะ:

  • เปลี่ยนขนาดโหนด ตามค่าที่กำหนด (เช่น คำเจอบ่อย ก็วงใหญ่, เจอน้อย ก็วงเล็ก)
  • ให้ลิงก์มีป้ายแปะด้วย
  • ลูกศรมันหายไปไหนหว่า~

หาคำสั่งไม่เจอ เอกสารเขายังไม่เสร็จดี

technorati tags:
,
,
,

Many Eyes – Discovery thru Visualization

“Given enough eyeballs, all bugs are shallow.”

แต่ก่อนอื่น ต้องทำให้มัน มองเห็น ให้ได้ก่อน

Many Eyes ซอฟต์แวร์จากไอบีเอ็ม จะช่วยทำให้คุณ ‘เห็น’ ข้อมูล (visualization)
ลองเข้าไปเล่นดู ส่งข้อมูลเข้าไป แล้วให้มันแสดงเป็นภาพออกมาได้เลย

[ลิงก์ Many Eyes| ผ่าน iTeau’s Dirt]

technorati tags: