SlideShare a Scribd company logo
การปฏิิสัมพัันธระหวางมนุษยกับคอมพิิวเตอร
                                 ป            
                              (
                              (Human-Computer Interaction)
                                             p                  )



CHAPTER 1
HUMAN-COMPUTER
INTERACTION
 สาขาวิชาวิทยาการคอมพิวเตอร ศูนยนนทบุรี
 คณะวิทยาศาสตรและเทคโนโลยี

                                                                           1
ความสําคัญของ HCI

ชวตประจาวนของมนุษยทุกวนนลวนตองเกยวของกบคอมพวเตอร
ชีวิตประจําวันของมนษยทกวันนี้ลวนตองเกี่ยวของกับคอมพิวเตอร
และเทคโนโลยีอยูตลอดเวลา ตั้งแตโทรศัพทมือถือ เครื่องฝาก-ถอน
เงนสดอตโนมต หรือเครื่องจําหนายบัตรโดยสารของระบบขนสง
เงินสดอัตโนมัติ หรอเครองจาหนายบตรโดยสารของระบบขนสง
มวลชนตาง ๆ เปนตน
ระบบตางๆ ถึงจะมีประสิทธิภาพการทํางานสูงเพียงไร หากผูใชไม
สามารถใชไดก็เปลาประโยชน
ความหมายของ HCI

ปฏสมพนธระหวางมนุษยกบคอมพวเตอร (ดงเดมนยมใชคาวาการ
ปฏิสัมพันธระหวางมนษยกับคอมพิวเตอร (ดั้งเดิมนิยมใชคําวาการ
สื่อสารระหวางมนุษยกับคอมพิวเตอร : Human-Computer
Interface)
It f )
หมายถึงกระบวนการในการสื่อสาร ทําความเขาใจกันระหวาง
มนุษยซึ่งเปนผูใชกับคอมพิวเตอรซึ่งเปนเครื่องมือที่ถกใช
                                                        ู
ความเปนมาของ HCI

สมัยสงครามโลกครั้งที่ 2 เริ่มมีการการศึกษาความสัมพันธในการ
ทํางานระหวางมนุษย และเครื่องจักร โดยมีจุดมุงหมายในการ
พฒนาระบบอาวุธยุทโธปกรณ
พัฒนาระบบอาวธยทโธปกรณ
ใชหลักการ Ergonomics และ ปจจัยเกี่ยวกับมนุษย (Human factor)
Human-Machine Interface
ความเปนมาของ HCI (ตอ)

ภายหลังเมื่อการใชงานคอมพิวเตอรไดขยายวงกวางขึ้น นักวิจัยบาง
กลุมจึงไดหันมาใหความสําคัญกับการศึกษาคนควา และวิจัยในดาน
การสอสาร หรอปฏสมพนธระหวางมนุษยกบคอมพวเตอร
การสื่อสาร หรือปฏิสัมพันธระหวางมนษยกับคอมพิวเตอร แบบ
จําเพาะเจาะจงมากขึ้น โดยขอบเขตของการศึกษาจะครอบคลุมทั้ง
ดานกายภาพ จิตวิทยา และทฤษฎีตาง ที่เกี่ยวของโดยตรงกับการ
ดานกายภาพ จตวทยา และทฤษฎตาง ๆ ทเกยวของโดยตรงกบการ
ปฏิบัติงานรวมกันระหวางมนุษย และคอมพิวเตอร
ความเปนมาของ HCI (ตอ)

นักออกแบบสวนประสานผูใชในอุุดมคตินั้น ควรจะตองเปนผูที่มี
                             ู                              ู
ความรอบรูในศาสตรหลายแขนง ไดแก
   ดานจิตวิทยา และศาสตรดานการรับรูเู ขาใจ (Psychology and
                                               ( y gy
   Cognitive Science)
   ดานเออรกอนอมิกส หรือปจจัยมนุษย ุ
   ดานสังคมวิทยา (Sociology)
   ดานวทยาการคอมพวเตอร
   ดานวิทยาการคอมพิวเตอร
   ดานการออกแบบกราฟก (ทัศนศิลป)
   ทฤษฎีีอ่ืนๆ เชน สััญลักษณศาสตร (Semiotics) เปนตน
                           ั                       ป 
องคประกอบของ HCI

Human -> มนุษย ุ
    end-user ของ program
Computer
    เครื่องที่โปรแกรมรัน หรือทํางาน
Interaction
    ผู ชบอกความตองการแกคอมพวเตอร
    ผใชบอกความตองการแกคอมพิวเตอร
    คอมพิวเตอรรายงานผลการปฏิบัติตอผูใช
ความสัมพันธขององคประกอบตางๆ


               มนุษย




               การออกแบบ


ภาระงาน                      เทคโนโลยี
 (Task)
ทําไมตองเรียน HCI

เปนสวนสาคญทตองปฏบตจรงของโปรแกรม
เปนสวนสําคัญที่ตองปฏิบัติจริงของโปรแกรม
    ประมาณ 50 %
เราเปนผูสรางโปรแกรมสําหรับผูใชอ่นๆไมใชตัวเอง
                                      ื
UI ที่ไมดีทําใหคาใชจายในการปฏิบัติงานเพิ่มขึ้น
    ทไมดทาใหคาใชจายในการปฏบตงานเพมขน
เปนเรื่องยากในการออกแบบ UI ที่ดี
    การเดาใจคนเปนสิ่งที่ทําไดยาก
Bad User Interfaces
Bad User Interfaces




จําแนกไดยาก
ความสําเร็จของ UI

จําแนกไว 3 ขั้นไดแก
    1. มีประโยชน (Useful) หรือกลาวอีกนัยหนึ่งก็คือ ระบบที่ถก
                                                             ู
    พัฒนาขึ้นตองสามารถทํางานไดตรงตามวัตถุประสงคที่วางไวตั้งแต
                                               ุ
    เริ่มตน
    2. สะดวกตอการใชงาน (Usable) คือสามารถใชงาน และเขาใจไดงาย
                            (        )
    โดยมีความปลอดภัย และปราศจากขอผิดพลาด (Error)
    3. ความคนเคย (Used) เปนความสําเร็จสงที่สด เพราะมีความหมาย
           ความคุ          เปนความสาเรจสูงทสุ เพรา มความหมาย
    รวมถึงความนาใช หรือการทําใหผูใชเกิดความตองการใชระบบอยาง
    จริงจัง
Assignment

กจกรรม
กิจกรรม
คนควาเทคโนโลยีเกี่ยวกับ UI ในปจจุบัน ทําเปน Presentation และ
   นํําเสนอหนาชั้ันเรีียนกอนเริ่ิมการเรีียนแตละครัั้ง ใ เ วลาประมาณ
                                                          ใช ป
   10 นาที เวลาตอบคําถามประมาณ 5 -10 นาที
Assignment (ตอ)

การปฏบต
การปฏิบัติ
   แบงกลุมละ 10 คน
   สงรายชื่อกลุมพรอมลําดับสัปดาหหนา
   เรมนาเสนอสปดาหท
   เริ่มนําเสนอสัปดาหที่ 3
   การนําเสนอแบงเปน 2 ทีม
        ทีมนําเสนอ 5 คน ตองนําเสนอทุกคน
        ทมตอบคาถาม
        ทีมตอบคําถาม 5 คน ตองตอบคําถามทกคน
                            ตองตอบคาถามทุกคน
   หลังการนําเสนอใหสง CD ไฟล Presentation พรอมรายชื่อสมาชิก
Assignment (ตอ)

แนวทางการคนควา
เทคโนโลยีที่เกี่ยวของ หรือมีความโดดเดนดาน UI
   H/W เชน Touch screen, LCD หรืือ LED Monitor, Bamboo (
                                                          (Pen,
   Tablet), 1D 2D Barcode Reader, RFID, Fingerprint Scanner
   (Biometrics) เปนตน
                  ป
   S/W เชน ระบบ Multi point Touch screen ใน Windows7 เปนตน
Assignment (ตอ)

หวขอการนาเสนอ
หัวขอการนําเสนอ
   ประวัติความเปนมา
   หลักการทํางาน
   ลกษณะการใชงานรวมกบมนุษย
   ลักษณะการใชงานรวมกับมนษย
   การประยุกตใชงานในระบบตางๆ พรอมตัวอยาง
   การวิเคราะหขอดี ขอเสียของอุปกรณ
   แหลงทมาของขอมูล
   แหลงที่มาของขอมล
สาขาวิชาวิทยาการคอมพิวเตอร ศูนยนนทบุรี
http://www.cs.sci.rmutsb.ac.th
h //            i      b h
                     วิชา การปฏิสัมพันธระหวางมนุษยกบคอมพิวเตอร (HCI)
                                                      ั                    17

More Related Content

Viewers also liked

Hci week1 stamford edit
Hci week1 stamford editHci week1 stamford edit
Hci week1 stamford edit
PUise Thitalampoon
 
Chapter 3 the structure of management information systems
Chapter 3 the structure of management information systemsChapter 3 the structure of management information systems
Chapter 3 the structure of management information systemsPa'rig Prig
 
Thai hci
Thai hciThai hci
Thai hci
TaiMe Sakdisri
 
Interaction Paradigms
Interaction ParadigmsInteraction Paradigms
Interaction Paradigms
Sebastian Weinhold
 
HCI - Chapter 4
HCI - Chapter 4HCI - Chapter 4
HCI - Chapter 4
Alan Dix
 

Viewers also liked (6)

Hci week1 stamford edit
Hci week1 stamford editHci week1 stamford edit
Hci week1 stamford edit
 
บทที่ 7
บทที่ 7บทที่ 7
บทที่ 7
 
Chapter 3 the structure of management information systems
Chapter 3 the structure of management information systemsChapter 3 the structure of management information systems
Chapter 3 the structure of management information systems
 
Thai hci
Thai hciThai hci
Thai hci
 
Interaction Paradigms
Interaction ParadigmsInteraction Paradigms
Interaction Paradigms
 
HCI - Chapter 4
HCI - Chapter 4HCI - Chapter 4
HCI - Chapter 4
 

Similar to 546656

Original 02 hci_principles
Original 02 hci_principlesOriginal 02 hci_principles
Original 02 hci_principlesTaiMe Sakdisri
 
Amonrat
AmonratAmonrat
Ict300_3_edit
Ict300_3_editIct300_3_edit
Ict300_3_editNicemooon
 
Ict300_2_edit
Ict300_2_editIct300_2_edit
Ict300_2_editNicemooon
 
Digital Textbooks & Technology for Education
Digital Textbooks & Technology for EducationDigital Textbooks & Technology for Education
Digital Textbooks & Technology for Education
Boonlert Aroonpiboon
 
บทที่ 1
บทที่ 1บทที่ 1
บทที่ 1
manit akkhachat
 
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
Dr.Kridsanapong Lertbumroongchai
 
การใช้คอมพิวเตอร์และระบบสารสนเทศ
การใช้คอมพิวเตอร์และระบบสารสนเทศการใช้คอมพิวเตอร์และระบบสารสนเทศ
การใช้คอมพิวเตอร์และระบบสารสนเทศhs8zlb
 
Multimedia for Education1
Multimedia for Education1Multimedia for Education1
Multimedia for Education1
Suphol Sutthiyutthasenee
 
เทอม 1 คาบ 3
เทอม 1 คาบ 3เทอม 1 คาบ 3
เทอม 1 คาบ 3
Mrpopovic Popovic
 
Classroom In The Future
Classroom In  The  FutureClassroom In  The  Future
Classroom In The Future
Surapon Boonlue
 
บทที่ 1 การใช้คอมพิวเตอร์และระบบสารสนเทศ
บทที่ 1 การใช้คอมพิวเตอร์และระบบสารสนเทศบทที่ 1 การใช้คอมพิวเตอร์และระบบสารสนเทศ
บทที่ 1 การใช้คอมพิวเตอร์และระบบสารสนเทศ
wilaiporntoey
 
เทคโนโลยีสารสนเทศ
เทคโนโลยีสารสนเทศเทคโนโลยีสารสนเทศ
เทคโนโลยีสารสนเทศWarakon Phommanee
 
เทคโนโลยีสารสนเทศและการสื่อสาร
เทคโนโลยีสารสนเทศและการสื่อสารเทคโนโลยีสารสนเทศและการสื่อสาร
เทคโนโลยีสารสนเทศและการสื่อสาร
Thawatchai2541
 
ซอฟต์แวร์และภาษาคอมพิวเตอร์
ซอฟต์แวร์และภาษาคอมพิวเตอร์ซอฟต์แวร์และภาษาคอมพิวเตอร์
ซอฟต์แวร์และภาษาคอมพิวเตอร์
Dr.Kridsanapong Lertbumroongchai
 

Similar to 546656 (20)

345635
345635345635
345635
 
Original 02 hci_principles
Original 02 hci_principlesOriginal 02 hci_principles
Original 02 hci_principles
 
Chap1 updated
Chap1 updatedChap1 updated
Chap1 updated
 
Amonrat
AmonratAmonrat
Amonrat
 
Ict300_3_edit
Ict300_3_editIct300_3_edit
Ict300_3_edit
 
D1 overview
D1 overviewD1 overview
D1 overview
 
Ict300_2_edit
Ict300_2_editIct300_2_edit
Ict300_2_edit
 
Digital Textbooks & Technology for Education
Digital Textbooks & Technology for EducationDigital Textbooks & Technology for Education
Digital Textbooks & Technology for Education
 
บทที่ 1
บทที่ 1บทที่ 1
บทที่ 1
 
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
 
นาย ศุภกร ม่วงจุ้ย
นาย ศุภกร ม่วงจุ้ย นาย ศุภกร ม่วงจุ้ย
นาย ศุภกร ม่วงจุ้ย
 
การใช้คอมพิวเตอร์และระบบสารสนเทศ
การใช้คอมพิวเตอร์และระบบสารสนเทศการใช้คอมพิวเตอร์และระบบสารสนเทศ
การใช้คอมพิวเตอร์และระบบสารสนเทศ
 
Multimedia for Education1
Multimedia for Education1Multimedia for Education1
Multimedia for Education1
 
เทอม 1 คาบ 3
เทอม 1 คาบ 3เทอม 1 คาบ 3
เทอม 1 คาบ 3
 
Classroom In The Future
Classroom In  The  FutureClassroom In  The  Future
Classroom In The Future
 
บทที่ 1 การใช้คอมพิวเตอร์และระบบสารสนเทศ
บทที่ 1 การใช้คอมพิวเตอร์และระบบสารสนเทศบทที่ 1 การใช้คอมพิวเตอร์และระบบสารสนเทศ
บทที่ 1 การใช้คอมพิวเตอร์และระบบสารสนเทศ
 
เทคโนโลยีสารสนเทศ
เทคโนโลยีสารสนเทศเทคโนโลยีสารสนเทศ
เทคโนโลยีสารสนเทศ
 
เทคโนโลยีสารสนเทศและการสื่อสาร
เทคโนโลยีสารสนเทศและการสื่อสารเทคโนโลยีสารสนเทศและการสื่อสาร
เทคโนโลยีสารสนเทศและการสื่อสาร
 
ซอฟต์แวร์และภาษาคอมพิวเตอร์
ซอฟต์แวร์และภาษาคอมพิวเตอร์ซอฟต์แวร์และภาษาคอมพิวเตอร์
ซอฟต์แวร์และภาษาคอมพิวเตอร์
 
แผนการสอนคอมพิวเตอร์ ม.1-3
แผนการสอนคอมพิวเตอร์ ม.1-3แผนการสอนคอมพิวเตอร์ ม.1-3
แผนการสอนคอมพิวเตอร์ ม.1-3
 

More from TaiMe Sakdisri

Original 01 hci_principles
Original 01 hci_principlesOriginal 01 hci_principles
Original 01 hci_principlesTaiMe Sakdisri
 
6543456
65434566543456

More from TaiMe Sakdisri (19)

456245345
456245345456245345
456245345
 
4563456
45634564563456
4563456
 
56785774
5678577456785774
56785774
 
Unit07
Unit07Unit07
Unit07
 
6784678467
67846784676784678467
6784678467
 
4678467846
46784678464678467846
4678467846
 
Unit03
Unit03Unit03
Unit03
 
Unit02
Unit02Unit02
Unit02
 
Unit01
Unit01Unit01
Unit01
 
Original 01 hci_principles
Original 01 hci_principlesOriginal 01 hci_principles
Original 01 hci_principles
 
Email system
Email systemEmail system
Email system
 
Chapter009
Chapter009Chapter009
Chapter009
 
Chapter008
Chapter008Chapter008
Chapter008
 
Chapter006 (1)
Chapter006 (1)Chapter006 (1)
Chapter006 (1)
 
Chapter004
Chapter004Chapter004
Chapter004
 
Chapter003
Chapter003Chapter003
Chapter003
 
56456456
5645645656456456
56456456
 
654569
654569654569
654569
 
6543456
65434566543456
6543456
 

546656