Human and Computer interaction

บทท่ี 12 กรณีศึกษา 145

ภาพสีชนดิ เซน็ เซอร์ Passive ท่ถี ูกใช้อยูใ่ นสิง่ แวดล้อมที่คาดเดาไดซ้ ่งึ แทบไม่มคี า่ อะไรให้ใชเ้ ป็นฐานอา้ งอิง
การคานวณเลย

UI ยุคใหม่

สาหรับ UI ช่วยรู้จาสัญลักษณ์ที่น่าจะเรียกได้ว่าเป็นรูปแบบใหม่ท่ีฉีกจาก 2 แนวเดิมท่ีกล่าวไป
แล้วน้ัน จะมี UI ยุคใหม่เกิดขึ้นมาเริ่มจาก Leap Motion อุปกรณ์กล่องขนาดเล็กท่ีออกวางจาหน่ายครั้ง
แรกในเดือนกรกฎาคม ค.ศ. 2013 ซ่ึงกลไกการทางานขา้ งในของ Leap Motion ถือเปน็ เซ็นเซอร์รบั ภาพ
อินฟราเรดชนิด Active ท่ีปล่อยลาแสงอินฟราเรดรูปแบบพิเศษออกจากตัวอุปกรณ์ จากนั้นกล้อง
อินฟราเรดภายในก็อ่านภาพสะท้อนของลาแสงอินฟราเรดพิเศษน้ีกลับไปวิเคราะห์ตคี วามเป็น สัญลักษณ์
มอื สามมติ อิ ีกที การทางานในช่วงแสงอินฟราเรดมปี ระโยชนท์ าใหก้ ลไกการปล่อยแสงของ Leap Motion
ไม่เป็นท่ีสังเกตเห็นแก่ผู้ใช้คงหลักการของ ZeroUI ไว้ในระดับหน่ึง ไม่เพียงเท่าน้ีการทางานกับภาพของ
มือที่ถูกจับมาในช่วงแสงอินฟราเรด ยังลดความยุ่งยากในเร่ืองของสีผิวและแสงเงาท่ีไม่คงที่ในสิ่งแวดล้อม
ได้ อีกทั้งการปล่อยแสงอินฟราเรดที่รู้ลักษณะและรูปแบบออกมาเองยังช่วยให้อุปกรณ์มีค่าอ้างอิงการ
คานวณ ช่วยให้สามารถรู้จาสัญลักษณ์มือสามมิติได้อย่างแม่นยา แม้ว่ากล้องภายในจะมองเห็นภาพมือ
จากมุมมองดา้ นล่างเพยี งมมุ เดียวกต็ าม

ข้อเสียของ Leap Motion และอุปกรณ์ท่ีใช้หลักการของเซ็นเซอร์อินฟราเรดชนิด Active คือ
การใช้งานถูกจากัดเฉพาะบริเวณที่แสงอินฟราเรดของอุปกรณ์ส่องถึง และ ไม่เหมาะกับการใช้งาน
กลางแจ้งใต้แสงอาทิตย์เนื่องจากแสงอินฟราเรดท่ีอยู่ในแสงอาทิตย์จะแทรกแซงทาให้แสงอินฟราเรด
พิเศษท่ีอุปกรณ์ปล่อยออกมาผิดเพี้ยนไป เพ่ือแก้ข้อจากัดเหล่าน้ีในเดือนธันวาคม ค.ศ.2014 ปลอกแขน
อจั ฉริยะ Myo ได้ถกู วางจาหน่าย ดังรปู ตอ่ ไปนี้

รูปที่ 12.2 ปลอกแขน Myo ภาพแสดงกลไกการอ่านคลน่ื ไฟฟา้ ในกล้ามเนื้อ (ขวา) และตัวอย่างการใช้
งานเพื่อรู้จาสัญลกั ษณม์ ือแบบเรียลไทม์ (ขวา)

บทที่ 12 กรณศี ึกษา 146
ปลอกแขน Myo น้ีภายในเป็นเซ็นเซอร์ชนิด Passive ท่ีวัดปริมาณกระแสไฟฟ้าตามธรรมชาติท่ี
เกิดในกล้ามเนื้อของเราระหว่างขยับ ซึ่งปริมาณและลักษณะของกระแสไฟฟ้าท่ีอ่านได้น้ีจะถูกตีความต่อ
เป็นสัญลักษณ์มืออีกทีหนึ่ง ด้วยความท่ี Myo เป็นเซ็นเซอร์ชนิด Passive ที่วัดค่าทุกอย่างได้สาเร็๗ในตวั
ทาใหเ้ ราสามารถใส่ปลอกแขน Myo ตดิ ตัวไปใชง้ านนอกบา้ นหรือใช้ระหว่างเล่นกฬี ากลางแจง้ กไ็ ด้ ข้อเสยี
หลักของ Myo อา้ งองิ จาก Eric Mack Myo gesture control armband review: Pointless or ahead
of its time? Gizmag, คือ จานวนสัญลักษณ์มือท่ีใช้ได้ยังมีน้อยทาให้กระประยุกต์ใช้กับแอปพลิเคชัน
ตา่ ง ๆ ยังไมห่ ลากหลายและมีความเปน็ ธรรชาตมิ ากพอ

รูปที่ 12.3 ตัวอย่างการใช้ Leap Motion เพือ่ สรา้ งแบบจาลองสามมิติของมือข้นึ มาในคอมพิวเตอร์แบบ
เรยี ลไทม์

ต่อจากนั้นในงาน Google I/O ท่ีจัดเม่ือเดือนพฤษภาคม ค.ศ.2015 Google เปิดตัว Project
Soli ซึ่งใช้ Radar ที่เป็นเซ็นเซอร์ชนิด Active ใน Smartwatch ปล่อยคล่ืนวิทยุออกมาเพือ่ วิเคราะห์การ
เคล่ือนไหวของมือและนิ้วมือบริเวณเหนือนาฬิกาในช่วงระยะห่าง 2-3 ฟุตด้วยอัตราการอ่านค่า 10,000
รอบต่อวินาที Google อา้ งไวว้ า่ วิธนี ้ีจะให้ความแมน่ ยามากกวา่ วธิ กี ารวิเคราะหภ์ าพอยา่ ง Leap Motion
มาก และจานวนสัญลกั ษณ์มือท่รี ้จู าไดก้ ห็ ลากหลาย

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

บรรณานกุ รม

ฐิติรัตน์ ศิริบวรรัตนกุล. (2560). ส่วนต่อประสานกับผู้ใช้และการออกแบบปฏิสัมพันธ์ (User

Interface and Interaction Design). กรุงเทพฯ : สถาบนั บณั ฑิตพัฒนาบริหารศาสตร์

ผนวกเดช สวรรณทต. (2558). Human Factor.

http://celt.li.kmutt.ac.th/hci2016/lec/lecture2-human.pdf. Online; accessed:

2017-2-12

แผงแป้นอกั ขระแบบเรียงตามตัวอักษร. https://encrypted-

tbn0.gstatic.com/images?q=tbn:ANd9GcQxN3W5XaoPUcA4CA2xQzraEbhR4Irm4

PUKYHUV4KLDpd812jlW. Online; accessed: 2017-2-12

พงษ์กานต์ อุทะโก. (2556). ความเป็นจริงเสมือน เทคโนโลยีและนวัตกรรมการศึกษา .

https://www.gotoknow.org/posts/2865. Online; accessed: 2017-01-3.

มั ล ลิ ก า เ ก ลี้ ย ง เ ค ล้ า . (2559). User Interface Design ก า ร อ อ ก แ บ บ ส่ ว น ติ ด ต่ อ ผู้ ใ ช้ .

http://mis.csit.sci.tsu.ac.th/mallika/UI/DL/uiDocumentation.pdf. Online;

accessed: 2017-02-13.

วรลักษณ์ วงศ์โดยหวัง ศิริเจริญ. (2559). ปฏิสัมพันธ์ระหว่างคอมพิวเตอร์กับมนุษย์. กรุงเทพฯ :

สานักพิมพแ์ หง่ จุฬาลงกรณม์ หาวทิ ยาลัย

ไวท์บอรด์ แบบปฏิสมั พันธ์. : https://goo.gl/L6cuqn. Online; accessed: 2017-2-12

สยมล วิทยาธนรัตนา. (2554). ความจริงเสมือน (Virtual Reality): การนาไปใช้และผลกระทบ

ดา้ นการทอ่ งเท่ยี ว. https://goo.gl/TAiHXd. Online; accessed: 2017-1-12

สุรีรัตน์ อินทร์หม้อ. (2555). ปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์ (Human-Computer

Interaction). ปทุมธานี : มหาวทิ ยาลยั เทคโนโลยีราชมงคล ธัญบุรี

สุ ว ริ น ท ร์ ปั ท ม ว ร คุ ณ . (2554). ก า ร ป ฏิ สั ม พั น ธ์ ร ะ ห ว่ า ง ม นุ ษ ย์ แ ล ะ ค อ ม พิ ว เ ต อ ร์ .

http://www.sci.rmutt.ac.th/elearningHCI/?page_id=104. Online; accessed: 2017-

1-12

Active RFID. https://goo.gl/tp37ZR. Online; accessed: 2017-1-12

Alan Dix, Janet Finlay, Gregory D. Abown, and Russel Beale, Human-Computer

Interaction Third Edition, Pearson Education Inc., 2004

Brain UI. https://goo.gl/KUbwcz. Online; accessed: 2017-1-12

Computer punch card machine. https://goo.gl/MqMjDL.Online; accessed: 2017-1-12

บรรณานกุ รม 148

Dan Olsen. The lean product playbook: how to innovate with minimum viable
product and rapid customer feedback. John Wiley & Sons. Inc., 1 edition,
2015.

Dvorak Simplified Keyboard. https://goo.gl/ggprJU. Online; accessed: 2017-2-12
Eric Mack. Myo gesture control armband review: Pointless or ahead of its time?

Gizmag, http://www.gizmag.com/myo-gesture-control-armband-
review/39103/,2015. Online; accessed: 2017-02-13.
Facebook chatbot UI. https://goo.gl/QyH87j. Online; accessed: 2017-02-13.
Haptic UI. https://goo.gl/da89vp Online; accessed: 2016-12-12
Interaction. https://goo.gl/SGh2dW. Online; accessed: 2017-2-12
Jeff Johnson. Designing with the mind in mind: simple guide to understanding user
interface design rules. Morgan Kaufmann Publishers, 1 edition, 2010
John M. Carroll, The evolution of human-computer interaction. Pearson InformIT ,
http://www.informit.com/articles/article.aspx?p=224103, 2001. Online;
accessed: 2016-12-30.
Line Printer. https://goo.gl/CTwpyJ Online; accessed: 2015-12-30.
Material design. https://www.blognone.com/node/57820. Online; accessed: 2017-1-30.
Model of Interaction. https://goo.gl/SGh2dW. Online; accessed: 2017-1-30.
Passive RFID. https://goo.gl/MBP2sz. Online; accessed: 2017-1-30.
Punched Card. https://goo.gl/bMqQze. Online; accessed: 2017-1-30.
QR Code (คิวอาร์ โค้ด) คืออะไรและมีประโยชน์อย่างไร. http://mindphp.com /239-it-
technology/1836-what-is-qr-code.html. Online; accessed: 2017-1-30.
QWERTY. https://goo.gl/s6Af9Z. Online; accessed: 2017-1-30.
Reader, Interrogator. https://goo.gl/up7qMi. Online; accessed: 2017-2-12
Sharp Corporation. Challenge for change vol.9: Color night-vision camera. Sharp,
http://www.sharp.co.jp/challenge_en/vol9/#recurrence. Online; accessed:
2017-02-13.
Steve Krug. Don’t make me think revisited: a common sense approach to web and
mobile usability. New Riders, 2014.
Tangible user interface. https://en.wikipedia.org/wiki/Tangible_user_interface. Online;
accessed: 2017-02-13.
Text base UI. https://goo.gl/NVtCmL. Online; accessed: 2017-02-13.

บรรณานกุ รม 149

Text-based user interface. https://goo.gl/64WaC2. Online; accessed: 2017-02-13.
Thippaya Chintakovid. (2559). ป ฏิ สั ม พั น ธ์ ร ะ ห ว่ า ง ค อ ม พิ ว เ ต อ ร์ กั บ ม นุ ษ ย์ .

https://blog.uxacademy.in.th. Online; accessed: 2017-02-13.
Touch/Tactile UI. https://goo.gl/cRBf8Y. Online; accessed: 2017-01-13.
Visual UI. https://goo.gl/PDgkcY. Online; accessed: 2017-02-13.
Voice/Audio UI. https://goo.gl/QqzfkP. Online; accessed: 2017-02-13.
WIMP. https://en.wikipedia.org/wiki/WIMP_(computing) Online; accessed: 2017-02-13.