Human Computer Biosphere Interaction: Towards Sustainable Society
การปฏิสัมพันธ์ระหว่างมนุษย์และ...
Transcript of การปฏิสัมพันธ์ระหว่างมนุษย์และ...
![Page 1: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/1.jpg)
การปฏสมพนธระหวางมนษยและ
คอมพวเตอรHuman Computer Interaction
![Page 2: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/2.jpg)
หวขอภายในบทน
2
Human-Computer Interaction คออะไร
ความเปนมาของ HCI
ท าไมตอง HCI
สวนประกอบของ HCI
ตวอยางของการออกแบบจาก HCI
![Page 3: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/3.jpg)
ความหมาย
การปฏสมพนธระหวางมนษยและคอมพวเตอร (Human computer
interaction: HCI) ความหมาย เรยกยอๆ วา HCI คอ การศกษา
การปฏสมพนธระหวางคนซงเปนผใชกบคอมพวเตอร โดยเปนการศกษาท
เชอมโยงเกยวเนองกนของหลายๆ ศาสตร เชน วทยาการคอมพวเตอร
(computer science) พฤตกรรมศาสตร (behavioral science)
จตวทยา และการออกแบบ เปนตน
![Page 4: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/4.jpg)
Human-Computer Interaction คออะไร 4
คอ ปฏกรยาระหวางมนษยกบคอมพวเตอร ตวอยาง เชน คนเดนมานง
เปดเครองคอมพวเตอร แลวใช คอมพวเตอรเพอพมพงาน
เปนการดกจกรรม หรอ Interactive ทเกดข น ดงน
กอนคนมานงโตะเพอใชงาน เขาคดอะไรกอน ตอนเดนมา เขามองเหนอะไรกอน
กดปมดวยมอไหน ใชนวอะไรกด นงกอนกดหรอกดแลวคอยนง
เมอนงแลวเปดเครองแลว นงโตะทาไหน นงอยางไร
พอใช งานคอมพวเตอรแลว เขาท างานพมพงานไดไหม
เขาหงดหงดไหม ใชเวลานานเทาไหร
ขนตอนตางๆของเขา ในการควบคมทเขาก าลงใชซอฟตแวร
ซอฟตแวรทคนก าลงใช ใชงานงายไหม สสรรท าใหแสบตาหรอท าใหมองเหนไหม
สอสารออกมาคนเขาใจหรอไม
![Page 5: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/5.jpg)
ความเปนมาของ HCI 5
วชานไดก าเนดมาในวงการคอมพวเตอร 10 กวาปหรอ 20 ปตนๆ
สมยกอนจะมสอนในสาขาวทยาศาสตรคอมพวเตอร ระดบสงๆ ตงแตระดบ
ปรญญาโทข นไปจนถงปรญญาเอก....
ปจจบนมสาขาเอกใหเลอก ทาง HCI โดยตรง
บคลากรทางดาน HCI ยงเปนทตองการของตลาดอสาหกรรมซอฟตแวรและ
อปกรณเคลอนท (Mobile)
![Page 6: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/6.jpg)
การน าความรจากหลายสาขามาประยกต
6
ความรดานจตวทยา
ดานการเรยนร
ดานการออกแบบภาพกราฟก
ดานสถาปตยกรรมขอมล
ดานสงคม
ฯลฯ
![Page 7: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/7.jpg)
ท าไมตอง HCI 7
ระบบโรงพยาบาลทออกแบบเรองการกรอกขอมลคนไข
การออกแบบมมของจอทไมเหมาะสม อาจจะท าใหเกดความผดพลาดท าใหคนไข
เสยชวตได
เดกเลนเกมสจนลมเวลา
นาจะออกแบบใหมนเตอนระยะเวลา
เรองเกยวกบการออกแบบหนาจอใหใชงานได โดยสามารถ
เรยนรการออกแบบไดจาก
ศกษาจากโปรแกรมทฮต
ศกษาจากความผดพลาดของโปรแกรมอน
การใชงานไดจรง
การงายตอการใชงาน เชน ยกตวอยางการใชมอถอ
![Page 8: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/8.jpg)
องคประกอบของ HCI
Use and Context
Human
Computer
Interactive
![Page 9: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/9.jpg)
องคประกอบของ HCI
Use and Context
เปนการจดความเหมาะสมในการท างานของผใช กบระบบคอมพวเตอร ใหทง
สองสวนสามารถท างานไดดวยกนไดอยางสอดคลองสมดล โดยวเคราะห 3 สวน
คอ
1.ลกษณะการท างานขององคกร
2. ลกษณะของระบบงาน
3. การพฒนาระบบเพอเชอมโยงมนษยและระบบงานเขาดวยกน
![Page 10: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/10.jpg)
องคประกอบของ HCI
Human
ผใชหรอกลมผใชทท างานดวยกน ซงจะน าเอาการรบรของผใช เชน การ
มอง การไดยน และการสมผส มาใชในควบคมการสงผานขาวสารขอมลซงจะม
ความแตกตางกน ตามแตละความถนดของผใช หรอตามหลกการขอก าหนดของ
การใชงานทแตกตางกน หรอแตกตางตามความสามารถในการเรยนรและองค
ความรทมอย รวมไปถงความแตกตางทางธรรมชาตและวฒนธรรม
![Page 11: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/11.jpg)
องคประกอบของ HCI
Computer
คอมพวเตอรเราจะนกไปถงเทคโนโลยในขอบขายของเครอง PC แตใน
ความหมายของคอมพวเตอรทกลาวถงนมความหมายถงระบบตางๆ ทมขอบเขต
อยางกวางขวาง รวมไปถงเครองจกรกล เทคโนโลยตางๆ
![Page 12: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/12.jpg)
องคประกอบของ HCI
Interactive
เนองจากคน และเครองจกรกลมความแตกตางกนอยางมาก HCI จง
เปนสงทน าเขามาชวยใหทงสองสามารถท างานดวยกนใหเปนระบบทสามารถใช
งานไดอยางสมบรณ ดงนน HCI จงตองถกพฒนาข นมาโดยทตองสามารถรบร
การกระตนจากมนษยซงเปนผใชงานและสามารถทจะสงผานค าสงทเปนการสงใช
คอมพวเตอรท างานไดตามความตองการ
![Page 13: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/13.jpg)
Interfaces in the Real World
13
ไมใชเฉพาะคอมพวเตอรเทานน
Smart Phone
Wear
Car
Television
Airline reservation
Air traffic control
Running shoes!
![Page 14: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/14.jpg)
ตวอยางอปกรณ Interactive
Multi touch
![Page 15: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/15.jpg)
ตวอยางอปกรณ Interactive
Movement
Touch
Speech
![Page 16: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/16.jpg)
ตวอยางอปกรณ Interactive
Speech
![Page 17: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/17.jpg)
ตวอยางอปกรณ Interactive
Gesture
![Page 18: การปฏิสัมพันธ์ระหว่างมนุษย์และ คอมพิวเตอร์...หัวข้อภายในบทนี้ 2 Human-Computer](https://reader034.fdocument.pub/reader034/viewer/2022052010/6020b9381f116a4671403692/html5/thumbnails/18.jpg)
แบบฝกหด
ใหยกตวอยางอปกรณ เทคโนโลย ในปจจบน ทมการปฏสมพนธกบผใชงาน
หรอ Interactive คนละ 1 ตวอยาง พรอมบอกรายละเอยด
ผใชคอใคร
อปกรณคออะไร
ชองทางปฏสมพนธระหวางอปกรณกบผใช
วาดรปอปกรณและผใชในการท างาน