Category Archive: User Interface

19 May

Pneumatic Display

Pneumatic Display

ข้อดีของ touch screen คือสามารถเป็นทั้ง input และ output ไปพร้อมๆกัน แต่ปัญหาสำคัญคือมันตอบสนองต่อ “การมองเห็น” แต่ยังไม่สามารถตอบสนอง “ประสาทสัมผัส” ถึงสิ่งที่เราจิ้มได้ ลองนึกภาพตอนเล่นเกมส์ไฟต์ติ้งดูสิครับ – ถ้ามัวแต่มองดูจอยว่าปุ่มต่อย เตะอยู่ไหน มีหวังโดนฝั่งตรงข้ามโชริวเค็นหมอบกระแตตุ๋ยไปเสียก่อน JoyStick เป็น input แบบ low-attention vision required เราถึงเล่นเกมส์ได้โดยไม่ต้องใช้สายตากับการบังคับตัวละครมากนัก – และใช้สายตากับ output บนหน้าจอได้อย่างเต็มที่ หลักการเดียวกันนี้ใช้ได้กับ control devices อื่นๆอีกด้วย เช่นพวงมาลัยรถยนต์ คันบังคับเครื่องบิน ฯลฯ มีงานวิจัยของปีนี้ (2009) ที่พยายามรวมข้อดีของ touch screen และปุ่มจริงๆเข้าด้วยกัน – ไอเดียเฮียแกแหล่มมาก เอาแผ่นยาง (ไม่แน่ใจว่ายางหรือพลาสติก) มาคั่นกลางระหว่างหน้าจอกับแผงวงจร แล้ว “เป่าลม” ให้มันนูนขึ้นมาตามสิ่งที่หน้าจอแสดง มาดูวีดีโอสาธิตกันดีกว่า งานวิจัยนี้ยังเป็นแค่ต้นแบบ แต่ก็นับเป็นไอเดียที่แหวกแนวดี – ใครสนใจอยากหาเปเปอร์มาอ่าน biblo ตามนี้เลยครับ Harrison, C. and Hudson, [...]

 
By Tay
Tagged , ,
Comments
04 May

Translate to/from Thai with Ubiquity

Translate to/from Thai with Ubiquity

ถ้าขี้เกียจเปิดโปรแกรมดิคชันนารี่เพื่อแปลศัพท์เล็กๆน้อยๆเวลาท่องเว็บ ลองใช้บริการ ubiquity กันดีไหมเอ่ย? Ubiquity ใช้บริการแปลจากเฮียกูอีกที ที่ http://translate.google.com/ แต่แปลผ่าน ubiquity สะดวกกว่ากันเยอะครับ – ป้ายคำที่ต้องการ กดคีย์บอร์ดสองสามจึ๊ก เรียบร้อย ทีนี้ ubuiquity เวอร์ชั่นปัจจุบัน (0.1.8) ยังไม่ support ภาษาไทย – ไม่เป็นไรครับ แงะนิดหน่อยก็ใช้ได้ ตามขั้นตอนต่อไปนี้ เปิดไฟล์ nountype.js Windows: อยู่ที่ C:\Documents and Settings\[UserName]\Application Data\Mozilla\Firefox\Profiles\[ProfileToken]\extensions\ubiquity@labs.mozilla.com\feed-parts\header\en\nountypes.js Mac OS X: อยู่ที่ /[UserName]/Library/Application Support/Firefox/Profiles/[ProfileToken]/extensions/ubiquity@labs.mozilla/feed-parts/header/en/nountypes.js โดยที่ [UserName]: คือ user account on machine [ProfileToken]: เช่น “13zs3×8m.default” หาบรรทัดที่ขึ้นต้นด้วย LanguageCodes ตามรูปข้างล่าง จากนั้นเพิ่ม บรรทัดนี้เข้าไป ‘thai’ : ‘th’ อย่าลืมเติมคอมม่า (,) ที่บรรทัดก่อนหน้าด้วยนะ Save โลด Restart Firefox มาทดสอบกันว่าทำงานได้หรือเปล่า ลอง highlight คำที่ต้องการแปล – [...]

 
By Tay
Tagged ,
Comments
10 Apr

CSS Naked Day

CSS Naked Day

ไม่ต้องตกใจถ้าเห็นเว็บแสดงผลแปลกๆ วันนี้ตั้งใจ “เปลือย”… เห็น usably.net บอกว่าวันนี้เป็นวันเปลือยเว็บ หรือ CSS Naked Day เลยเล่นกับเขาด้วย เปลือยเสร็จถึงจะรู้ว่า validate html ไม่ผ่าน ได้ฤกษ์แก้ theme ด้วยเลย ลอง validate เล่นได้ ครับ

 
By Tay
Tagged , ,
Comments
02 Apr

Brain Computer Interface

Brain Computer Interface

คราวที่แล้วเขียนเรื่อง 7 stages of actions จริงๆตั้งใจจะโยงมาเรื่องนี้ครับ.. ในเมื่อการติดต่อระหว่างมนุษย์กับจักรกลมันยาก เพราะต้องผ่านจาก สมอง <-> ร่างกาย <-> จักรกล จะเป็นยังไงถ้าตัดตัวกลางคือ “ร่างกาย” ออก? นิยายและหนังหลายเรื่อง กล่าวถึงยุคอนาคตที่มนุษย์และเครื่องจักรประสานรวมกันเป็นหนึ่ง… ที่เด่นๆเห็นจะเป็นเรื่อง The Matrix Brain Computer Interface (BCI)[1] เป็นศาสตร์หนึ่งที่เพิ่งเกิดเมื่อประมาณ 30 ปีที่แล้ว (1970) เพื่อช่วยผู้พิการที่ไม่สามารถใช้ร่างกายในการติดต่อกับคอมพิวเตอร์ – ประมาณว่าใส่ที่ครอบหัวเพื่ออ่านคลื่นสมองนั่นแหละครับ แบบครอบหัวมันเด็กๆ เขาเรียกว่า non-invasive BCI แปลเป็นไทยได้ว่า “ไม่รุกราน” – มาดูแบบโหดๆกัน คุ้นๆนะ… นี่มัน prototype matrix ชัดๆ! เจ้านี่มีชื่อว่า BrainGate[2] ครับ หลักการทำงานคือเปิดกระโหลก(เหยื่อ?) ออกมา แล้วเอาชิพติดเข้าไป ต่อเชื่อมกับสายเคเบิ้ลแล้วมาเป็น input ให้กับคอมพิวเตอร์ คำเตือน คุณหนูๆอย่าไปเลียนแบบเฉาะกบาล ปาป๊า/หม่ามี๊ นะครับ -_-’ เหยื่อคนแรกๆที่ประสบความสำเร็จในการทดลองนี้คือกระทาชายนามว่า Matt Nagle[3] ครับ – [...]

 
By Tay
Tagged , , , ,
Comments
30 Mar

Seven Stages of Action – ระยะห่างระหว่างคนกับคอมพิวเตอร์

Seven Stages of Action – ระยะห่างระหว่างคนกับคอมพิวเตอร์

รู้ไหมครับว่า มนุษย์กับจักรกล(ในที่นี้คือคอมพิวเตอร์) จะติดต่อสื่อสารกันสักทีหนึ่ง ต้องผ่านขั้นตอนมากมาย… ตามหลัก HCI มีผู้รู้ท่านหนึ่ง (Dornald Norman) นิยามกฎชื่อว่า Seven Stages of Action ขึ้นมา สรุปเนื้อความคร่าวๆคือ กระบวนการติดต่อระหว่างมนุษย์และจักรกล (Computer หรือเครื่องจักรอื่นๆ) ประกอบด้วยขั้นตอนย่อย 7 กระบวนการด้วยกัน กะอีแค่กรูจะพิมพ์รายงานส่งอาจารย์เนี่ย มันมีถึง 7 ขั้นตอนเชียวเหรอ! (ฮั่นแน่แอบเถียงในใจล่ะสิ) ลองดูนี่… ตั้งใจว่าจะพิมพ์รายงานส่งอาจารย์ -> คิดว่าจะพิมพ์อะไร -> กำหนดว่าต้องคลิ้กที่ Start แล้วเลือกไอค่อนโปรแกรมเวิร์ด จากนั้นถึงจะเริ่มพิมพ์ blah blah -> เริ่มทำตามขั้นตอนที่ 3 -> หน้าจอมีตัวอักษรขึ้นตามที่เราพิมพ์ต๊อกแต๊ก ขณะนี้เรารับรู้แล้วว่าพิมพ์ได้ โปรแกรมไม่แฮ้ง -> สมองเราแปลความหมายจากสิ่งที่เห็น ว่าที่พิมพ์ไปน่ะ ใช่ที่ตั้งใจไว้ (ถ้าพิมพ์ผิดจะได้กดลบทัน) -> สมองรับรู้ และก็เริ่มขั้นตอนที่ 4-7 ซำ้ เห็นไหมครับว่าระยะห่าง ระหว่างเรากับคอมพิวเตอร์มันช่างมากเหลือเกิน… ทีนี้สมมุติว่าคุณต้องพิมพ์รายงานเร่งด่วน(แสด) แต่ดันมีแต่เครื่องลง Ubuntu ในเวลานั้น – ขั้นตอนที่ 3 เริ่มมีปัญหาแล้ว เพราะสิ่งที่คุณคิดจะทำ กับสิ่งที่ระบบอนุญาตให้ทำมันไม่เหมือนกัน – [...]

 
By Tay
Tagged , ,
Comments