SlideShare une entreprise Scribd logo
1  sur  27
เทคโนโลยีการปฏิสัมพันธ์ระหว่างมนุษย์และ
                คอมพวเตอร
                คอมพิวเตอร์
(Human Computer Interaction Technology)
                            อ.พีราวิชญ ภาคนนทกุล
                         คณะสารสนเทศและการสื่อสาร
เว็บวิชา Human Computer Interaction ติดตามได้ที่

http://www.infocomm.mju.ac.th/icnew/dc282
องคประกอบทีประกอบขึ้นเปน HCI แบงเปน 4 สวน
            ่
ใบงานที่ี 2
           ใ
       HCI-Technology 1
http://www.infocomm.mju.ac.th/icnew/dc282/
http://www infocomm mju ac th/icnew/dc282/
เมาสคอมพิวเตอรตัวแรก ป1970


                                                 Wireless Mouse ตััวแรกของโลกในป 1991
                                                 Wi l  M                  โ ใ ป
                                                 เมาสที่ใชคลื่นความถี่วิทยุ RF




 ชื่อ X –Y Position Indicator For A Display 
 System (การระบุตาแหนง X –Y สาหรบระบบแสดงผล)
 System (การระบตําแหนง X  Y สําหรับระบบแสดงผล)
                                                       evoMouse โดย Celluon ป 2011
ออกแบบโครงรางระบบเทคโนโลยหรอนวตกรรมใหม โดยเนนการ
ออกแบบโครงรางระบบเทคโนโลยีหรือนวัตกรรมใหม โดยเนนการ
นํามาใชไดจริงภายในบาน โดยใหเลือก 1 หัวขอยอยดังนี้
•การดูแลรักษาพยาบาลผูสูงอายุ
• การรักษาความปลอดภัยจากโจรผราย
   การรกษาความปลอดภยจากโจรผู าย
• การประหยัดพลังงาน
คําถาม
ให
ใ นักศึึกษาลองคิดเทคโนโลยีี แทน M
                 ิ   โ โ         Mouse สําหรัับคนพิการไมมีมือเพื่อ
                                                   ิ ไ           ื
ชวยควบคุมจุดชี้ตาแหนงบนหนาจอ
                   ํ

- ใชเทาแทน www.footmouse.com 

- ใชการเคลื่อนไหวของหัว / ดวงตา / ปาก Human Computer 
                                                p
Interface with eye movements 
Face recognition
การรูจําใบหนา
คําถาม
ใหนักศึกษาลองคิดเทคโนโลยี หรือ ซอฟตแวร โดยใชหลักการของ Face 
recognition

Face Features Detection System แสดงอารมณจากใบหนา
QR Code 




Quick Response Code 
         p

Two‐Dimensional Bar Code"
                    C

QR C d   ีมาตัั้งแตป 1994 ซึึ่งคิิดคนโดยคนญี่ปุน บริษัท D
QR Code มี                               โ      ี       ิ Denso‐Wave
                                                                 W
www.peerawich.com/share/quickmark.zip


 ทดลอง QR‐Code ผานโปรแกรม
       Q C




      ?                      ?
http://qrcode.kaywa.com/
AR     Augmented Reality 
       A     t d R lit  

เทคโนโลยทนาเอาโลกเสมอนมาพบกบความเปนจรง
เทคโนโลยีที่นําเอาโลกเสมือนมาพบกับความเปนจริง
คาถาม
คําถาม
   ใหนักศึกษาลองนํา Augmented Reality ไปใช
ประโยชนดานตางๆ
ประโยชนดานตางๆ


   ทางดานการแพทย เพื่อดู internal structure
p //               /      y/    /
http://www.tellart.com/holiday/2008/card.html
http://www.boffswana.com/news/?p=392
Gesture Recognition 

เทคโนโลยีตรวจจับภาษากาย
ตัวอยาง การตรวจจับภาษามือ เพือใหคอมพิวเตอรเขาใจความหมาย
                              ่
ของภาษามือ
Ubiquitous
เปนคําภาษาลาตินมีความหมายวาทุกหนทุกแหง

ยูบิควิตสคอมพิวติง มีการกลาวถึงครังแรก ป
        ั                          ้
ค.ศ.1988 โ มารค ไวเซอร “ ดาแหงยูบควิตัส”
           โดย      ไ       “บิ         ิ



         โลกที่สามารถเขาถึงคอมพิวเตอรไดทุกหนทุกแหง
ใบงานที่ี 3
           ใ
       HCI-Technology 2
http://www.infocomm.mju.ac.th/icnew/dc282/
http://www infocomm mju ac th/icnew/dc282/
1  จงอธิบายถึงแนวโนมของการเปลี่ยนแปลงเทคโนโลยีการ
1. จงอธบายถงแนวโนมของการเปลยนแปลงเทคโนโลยการ
ปฏิสัมพันธที่จะเกิดขึ้นในอนาคต (ใหอธิบายโดยยกตัวอยางดานใด
ดานหนึ่งป
         ึ ประกอบ เชน ดานการศึกษา , ดานอุตสาหกรรม )
                              ึ     


2. จงอธิบายการพัฒนาเทคโนโลยีการปฏิสัมพันธสงผลกระทบ
ทางดานใดบาง
        ใ

Contenu connexe

Similaire à Dc282 hci technology

ผลของเทคโนโลยีสารสนเทศ
ผลของเทคโนโลยีสารสนเทศผลของเทคโนโลยีสารสนเทศ
ผลของเทคโนโลยีสารสนเทศ
ป.ปลา ตากลม
 
Original 02 hci_principles
Original 02 hci_principlesOriginal 02 hci_principles
Original 02 hci_principles
TaiMe Sakdisri
 
บทบาทสำคัญของเทคโนโลยีสารสนเทศ
บทบาทสำคัญของเทคโนโลยีสารสนเทศบทบาทสำคัญของเทคโนโลยีสารสนเทศ
บทบาทสำคัญของเทคโนโลยีสารสนเทศ
Theerapat Nilchot
 
งานPowerpoint ลูกศร2
งานPowerpoint ลูกศร2งานPowerpoint ลูกศร2
งานPowerpoint ลูกศร2
amphaiboon
 
งานPowerpoint ลูกศร2
งานPowerpoint ลูกศร2งานPowerpoint ลูกศร2
งานPowerpoint ลูกศร2
amphaiboon
 
หน่วยที่ 1 ความหมายของเทคโนโลยีสารสย
หน่วยที่ 1 ความหมายของเทคโนโลยีสารสยหน่วยที่ 1 ความหมายของเทคโนโลยีสารสย
หน่วยที่ 1 ความหมายของเทคโนโลยีสารสย
somdetpittayakom school
 
บทที่ 1 เทคโนโลยีสารสนเทศ
บทที่ 1 เทคโนโลยีสารสนเทศบทที่ 1 เทคโนโลยีสารสนเทศ
บทที่ 1 เทคโนโลยีสารสนเทศ
Kriangx Ch
 

Similaire à Dc282 hci technology (20)

ผลของเทคโนโลยีสารสนเทศ
ผลของเทคโนโลยีสารสนเทศผลของเทคโนโลยีสารสนเทศ
ผลของเทคโนโลยีสารสนเทศ
 
Ch1
Ch1Ch1
Ch1
 
Lesson1
Lesson1Lesson1
Lesson1
 
บทที่1
บทที่1บทที่1
บทที่1
 
It
ItIt
It
 
เทคโนโลยีสารสนเทศ
เทคโนโลยีสารสนเทศเทคโนโลยีสารสนเทศ
เทคโนโลยีสารสนเทศ
 
เทคโนโลยีสารสนเทศ
เทคโนโลยีสารสนเทศเทคโนโลยีสารสนเทศ
เทคโนโลยีสารสนเทศ
 
It
ItIt
It
 
หน่วยที่ 4
หน่วยที่ 4หน่วยที่ 4
หน่วยที่ 4
 
Digital Textbooks & Technology for Education
Digital Textbooks & Technology for EducationDigital Textbooks & Technology for Education
Digital Textbooks & Technology for Education
 
นาย ศุภกร ม่วงจุ้ย
นาย ศุภกร ม่วงจุ้ย นาย ศุภกร ม่วงจุ้ย
นาย ศุภกร ม่วงจุ้ย
 
Original 02 hci_principles
Original 02 hci_principlesOriginal 02 hci_principles
Original 02 hci_principles
 
Ict3
Ict3Ict3
Ict3
 
บทบาทสำคัญของเทคโนโลยีสารสนเทศ
บทบาทสำคัญของเทคโนโลยีสารสนเทศบทบาทสำคัญของเทคโนโลยีสารสนเทศ
บทบาทสำคัญของเทคโนโลยีสารสนเทศ
 
Amonrat
AmonratAmonrat
Amonrat
 
งานPowerpoint ลูกศร2
งานPowerpoint ลูกศร2งานPowerpoint ลูกศร2
งานPowerpoint ลูกศร2
 
งานPowerpoint ลูกศร2
งานPowerpoint ลูกศร2งานPowerpoint ลูกศร2
งานPowerpoint ลูกศร2
 
หน่วยที่ 1 ความหมายของเทคโนโลยีสารสย
หน่วยที่ 1 ความหมายของเทคโนโลยีสารสยหน่วยที่ 1 ความหมายของเทคโนโลยีสารสย
หน่วยที่ 1 ความหมายของเทคโนโลยีสารสย
 
บทที่ 1 เทคโนโลยีสารสนเทศ
บทที่ 1 เทคโนโลยีสารสนเทศบทที่ 1 เทคโนโลยีสารสนเทศ
บทที่ 1 เทคโนโลยีสารสนเทศ
 
345635
345635345635
345635
 

Plus de ajpeerawich

Digital media animation
Digital media animationDigital media animation
Digital media animation
ajpeerawich
 
Dc102 digital media-text
Dc102 digital media-textDc102 digital media-text
Dc102 digital media-text
ajpeerawich
 
Dc102 internet&communication
Dc102 internet&communicationDc102 internet&communication
Dc102 internet&communication
ajpeerawich
 
Website for public_relations
Website for public_relationsWebsite for public_relations
Website for public_relations
ajpeerawich
 
Dc102 Understanding Digital Media-System Computer
Dc102 Understanding Digital Media-System ComputerDc102 Understanding Digital Media-System Computer
Dc102 Understanding Digital Media-System Computer
ajpeerawich
 
Dc282 id interface-design2
Dc282 id interface-design2Dc282 id interface-design2
Dc282 id interface-design2
ajpeerawich
 
Dc282 universal design
Dc282 universal designDc282 universal design
Dc282 universal design
ajpeerawich
 
วิทยุออนไลน์ eRadio
วิทยุออนไลน์ eRadioวิทยุออนไลน์ eRadio
วิทยุออนไลน์ eRadio
ajpeerawich
 

Plus de ajpeerawich (20)

การสร้าง E book เพื่อประกอบการเรียนการสอน
การสร้าง E book เพื่อประกอบการเรียนการสอนการสร้าง E book เพื่อประกอบการเรียนการสอน
การสร้าง E book เพื่อประกอบการเรียนการสอน
 
ประวัติคณบดี รศ.ดร. วิทยา ดำรงเกียรติศักดิ์
ประวัติคณบดี รศ.ดร. วิทยา ดำรงเกียรติศักดิ์ประวัติคณบดี รศ.ดร. วิทยา ดำรงเกียรติศักดิ์
ประวัติคณบดี รศ.ดร. วิทยา ดำรงเกียรติศักดิ์
 
สิ่งดีดี...เกิดที่ใจ สารัตถะเพื่อดุลยภาพของชีวิต
สิ่งดีดี...เกิดที่ใจ สารัตถะเพื่อดุลยภาพของชีวิตสิ่งดีดี...เกิดที่ใจ สารัตถะเพื่อดุลยภาพของชีวิต
สิ่งดีดี...เกิดที่ใจ สารัตถะเพื่อดุลยภาพของชีวิต
 
Dc530 upload-photo-portfolio
Dc530 upload-photo-portfolioDc530 upload-photo-portfolio
Dc530 upload-photo-portfolio
 
Dc102 digital media-video
Dc102 digital media-videoDc102 digital media-video
Dc102 digital media-video
 
Dc102 digital media-sound
Dc102 digital media-soundDc102 digital media-sound
Dc102 digital media-sound
 
Present สด388
Present สด388Present สด388
Present สด388
 
Digital media animation
Digital media animationDigital media animation
Digital media animation
 
Dc102 digital media-still image
Dc102 digital media-still imageDc102 digital media-still image
Dc102 digital media-still image
 
สื่ออินเทอร์เน็ตและเว็บไซต์
สื่ออินเทอร์เน็ตและเว็บไซต์สื่ออินเทอร์เน็ตและเว็บไซต์
สื่ออินเทอร์เน็ตและเว็บไซต์
 
Dc102 digital media-text
Dc102 digital media-textDc102 digital media-text
Dc102 digital media-text
 
Dc102 internet&communication
Dc102 internet&communicationDc102 internet&communication
Dc102 internet&communication
 
Website for public_relations
Website for public_relationsWebsite for public_relations
Website for public_relations
 
Dc102 Understanding Digital Media-System Computer
Dc102 Understanding Digital Media-System ComputerDc102 Understanding Digital Media-System Computer
Dc102 Understanding Digital Media-System Computer
 
Dc282 id interface-design2
Dc282 id interface-design2Dc282 id interface-design2
Dc282 id interface-design2
 
Dc282 universal design
Dc282 universal designDc282 universal design
Dc282 universal design
 
Dc282-interface design
Dc282-interface designDc282-interface design
Dc282-interface design
 
วิทยุออนไลน์ eRadio
วิทยุออนไลน์ eRadioวิทยุออนไลน์ eRadio
วิทยุออนไลน์ eRadio
 
Dc381 project1
Dc381 project1Dc381 project1
Dc381 project1
 
Dc282 interaction
Dc282 interactionDc282 interaction
Dc282 interaction
 

Dc282 hci technology