พอขึ้นมาค่ะเพราะว่าในนี้มีงานให้เราด้วย 2 งานนะคะ
นะคะ
คล้ายๆค่ะดูสไลด์ตามไป
สวัสดีค่ะ
ถ่ายคราบ
ได้ยินนะคะ
ดูสไลด์ตามไป
มีใครเข้า classroom ไม่ได้ไหมคะ
สวัสดีค่ะ
s c i d s s พอดีครูสอนวิชานี้หลายห้องนะคะก็จะมีตั้งชื่อ
ได้ยินนะคะ
มีใครเข้า classroom ไม่ได้ไหมคะ
ฉันเรียนแยกกันไปนะคะ
s c i d s s
วันนี้
พอดีครูสอนวิชานี้หลายห้องนะคะก็จะมีตั้งชื่อชั้นเรียนแยกกันไปนะคะ
เราพูดถึงเรื่องของ interaction นะคะ
วันนี้
ภาษาไทยก็คือการปฏิสัมพันธ์นะคะตามชื่อวิชาของเรานะคะการปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์นะคะเราพูดถึง
เราพูดถึงเรื่องของอินเดีย
มนุษย์
Action นะคะภาษาไทยก็คือ
พูดถึงบริบทนะคะสภาพแวดล้อม
การปฏิสัมพันธ์นะคะตามชื่อวิชาของเรานะคะการปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์
ของการทำงานที่มีมนุษย์ที่มีคอมพิวเตอร์ในกระบวนการทำงานไปแล้วนะคะพูดถึงกระบวนการเรียนรู้รับรู้นะคะ
เราพูดถึง
การถ่ายทอดก็คือ
มนุษย์
เกี่ยวกับมนุษย์นะคะการประมวลผลหนี้ไปแล้วนะคะ
พูดถึงบริบทนะคะ
เราพูดถึงเทคโนโลยีไปแล้วด้วยนะคะในคราวที่แล้วในคราวนี้นะคะยังอยู่ในเฟสของมนุษย์กับคอมพิวเตอร์อยู่นะคะ
สภาพแวดล้อมนะคะของการทำงานที่มีมนุษย์
ที่มีคอมพิวเตอร์
ก็คืออยู่ในส่วน
ในกระบวนการทำงานไปแล้วนะคะพูดถึงกระบวนการทำงานเรียนรู้รอบรู้นะคะการถ่ายทอด
ปาล์ม
ก็คือเกี่ยวกับมนุษย์นะคะการประมวลผลหนี้ไปแล้วนะคะ
ตัวไดอะแกรมของ sci นะคะก็คือภาพนี้
เราพูดถึงเทคโนโลยีไปแล้วด้วยนะคะในคราวที่แล้วในคราวนี้ยังอยู่ในเฟสของมนุษย์กับคอมพิวเตอร์อยู่นะคะก็คืออยู่ในส่วน
วันนี้จะพูดถึงเรื่องของส่วนของการออกแบบอินพุตเอาต์พุตนะคะโดยใช้หลักการอบรม
ตาม
นะคะ
ตัวแดงๆ
ซึ่งตัว input และ output นี่เราจะเรียกว่าส่วนต่อประสานนะคะ
ของ sci นะคะก็คือภาพนี้
ถือเป็นหนึ่งในกระบวนการคอมพิวเตอร์กราฟิกเหมือนกัน
วันนี้จะพูดถึงเรื่องของการออกแบบอินพุตเอาต์พุต
นะคะยังอยู่ในรูป
นะคะโดยใช้หลักการ
ในไดอะแกรม sci นี่ค่ะ
โอโคโนมิ
คราวนี้นะคะ
นะคะซึ่งตัว input และ output นี่เราจะเรียกว่าส่วนต่อประสานนะคะ
ตัว Content นะคะที่จะพูดถึงวันนี้
ถือเป็นหนึ่งในกระบวนการคอมพิวเตอร์กราฟิก
ก็จะมีทางนิยามนะคะของการปฏิสัมพันธ์ก็คือความหมายนั่นแหละนะคะ
เหมือนกันนะคะ
ปฏิสัมพันธ์คืออะไรบ้าง
ยังอยู่ในรูปนี้อยู่นะ
มีแบบจำลองที่เรา
ในไดอะแกรม hci นี่ค่ะ
ถือเป็นตัวหลักนะคะของ
คราวนี้นะคะ
งานปฏิสัมพันธ์นะคะมีโมเดลนั่นแหละนะคะมีแบบจำลองของใครบ้างนะคะ
ตัว Content นะคะที่จะพูดถึงวันนี้
หลักของ
ก็จะมีทั้งนิยามนะคะของการปฏิสัมพันธ์
การยศาสตร์หรือโอโคโนมิอีกนะคะและอีกคำหนึ่งนะคะเป็นคำใหม่แล้วน่าจะยังไม่เคยได้ยินก็
ก็คือความหมายนั่นแหละนะคะปฏิสัมพันธ์คืออะไรบ้าง
มีแบบจำลองนะคะที่เราถือเป็นตัวหลักนะคะ
กระบวนแบบนะคะ
ของ
ที่เราจะใช้ในส่วนของ interaction นะคะในส่วนต่อประสานนะคะ
งานปฏิสัมพันธ์นะคะมีโมเดลนั่นแหละมีแบบจำลองของใครบ้างนะคะ
และสุดท้ายนะคะครูก็จะสรุปให้ว่าเราเรียนอะไรไปบ้างนะคะแล้วก็มีแบบฝึกหัดให้ทำมีงานให้นะคะ
หลัก
คราวนี้มาดูนิยามของการปฏิสัมพันธ์ก่อนนะคะ
คล้อง
การปฏิสัมพันธ์คืออะไรนะคะก็คือการติดต่อสื่อสาร
ตรรกยะสาดหรือโอโคโนมินะคะและอีกคำหนึ่งเป็นคำใหม่เราน่าจะยังไม่เคยได้ยิน
ระหว่าง user กับระบบ
ก็คือ
นะคะก็คือผู้ใช้กับระบบนะคะโดย
กระบวนแบบ
ติดต่อผ่านการที่เราเรียกว่าส่วนต่อประสาน
นะคะที่เราจะใช้ในส่วนของ interaction นะคะหรือส่วนต่อประสานนะคะ
นะคะ
แล้วสุดท้ายครูก็จะสรุปให้ว่าเราเรียนอะไรไปบ้างนะคะ
ซึ่งถ้าเป็นมนุษย์กับมนุษย์ที่เราจะเรียกการสนทนากันนะคะ
และจะมีแบบฝึกหัดให้ทำมีงานให้ทำนะคะ
แต่พอเป็นระบบนี้
อันนี้มาดูนิยามของการปฏิสัมพันธ์ก่อนนะคะ
เราไม่สามารถคุยกับคอมพิวเตอร์ได้โดยตรงนะคะเราจะติดต่อกับคอมพิวเตอร์กับระบบคอมนี่ผ่านส่วนคอม
การปฏิสัมพันธ์คืออะไร
ผ่านส่วนที่เรียกว่าส่วนต่อประสานหรือ
ก็คือการติดต่อสื่อสารระหว่าง User
เราจะเรียกว่าผ่านตัวกลางนะคะ
กับระบบ
นะคะ
ส่วนต่อประสาทเราจะเรียกว่าตัวกลางระหว่างผู้ใช้กับตัวระบบเองนะคะส่วนต่อประสานเราจะเริ่มใช้เมื่อไหร่เราจะเริ่มใช้เมื่อผู้ใช้ป้อนคำสั่งนะคะหรือการออกคำสั่งนั้นให้ตัวต่อประสาน
ก็คือผู้ใช้กับระบบนะคะ
และหน้าที่หลังจากนั้นก็จะเป็นหน้าที่ของตัวต่อประสานที่จะดำเนินการต่อผู้ใช้
โดยติดต่อผ่านส่วนที่เราเรียกว่าส่วนต่อประสาท
ดังนั้นนะคะจึงสรุปได้ว่าการสื่อสารระหว่างคนนี่
ป่านนะคะ
ระหว่างมนุษย์หรือผู้ใช้กับระบบนี่
ซึ่งถ้าเป็นมนุษย์กับมนุษย์นี่เราจะเรียกว่าการสนทนากัน
เป็นไร
แต่พอเป็นระบบนี่
แบบการสื่อสารที่เราเรียกว่า
เราไม่สามารถคุยกับคอมพิวเตอร์ได้โดยตรงนะคะเราจะติดต่อกับคอมพิวเตอร์กับระบบคอมนี่
indirect language
ผ่านสวน
ก็คือเราเรียกว่าภาษาทางอ้อม
ต่อที่เรียกว่าส่วนต่อประสาน
เพราะเราไม่ได้คุยกับคอมพิวเตอร์ทางตรงเหมือนมนุษย์
หรือผ่านตัวกลางนะคะ
กลับมนุษย์
ส่วนต่อประสาทนี่คือตัวกลางระหว่างผู้ใช้กับตัวระบบเองนะคะ
ก็คือสื่อสารโดยตรงแต่ของเรานะคะ
กดประสาทเราจะเริ่มใช้เมื่อไหร่เมื่อผู้ใช้ป้อนคำ
สื่อสารผ่านส่วนต่อประสานเราเรียกว่า indirect นะคะ
สั่งนะคะ
หรือการออกคำสั่งนั่นแหละให้ตุ๊กตาประสาน
คราวนี้แบบจำลองการปฏิสัมพันธ์มีแบบจำลองหลักๆอยู่ 2 ตัวนะคะ
และหน้าที่หลังจากนั้นก็จะเป็นหน้าที่ของตัวต่อ
อันแรกเลยก็คือแบบจำลองที่เราพูดถึงก็คือแบบของน้องแม่นนะคะ
ประสานที่
เป็นต้นกำเนิดของคนที่คิดเกี่ยวกับทฤษฎีเกี่ยวกับการปฏิสัมพันธ์นะคะโดยก่อนที่เราจะพูดถึงแบบจำลองนะคะเราจะต้องรู้จักในสามส่วน
ผู้ใช้สั่งงานไปดังนั้นนะคะจึงสรุปได้ว่าการสื่อสารระหว่างคนที่
หนีก่อนนะคะ
ระหว่างมนุษย์กับผู้ใช้ระบบนี้
คำศัพท์เวลาที่เราจะสร้างส่วนต่อประสาน
เป็นรูปแบบการสื่อสาร
เราจะต้องรู้คำศัพท์ก่อนนะคะ
เรียกว่า
เราค่อยเรียนรู้แบบจำลองว่ามีกระบวนการอะไรบ้างนะคะ
indirect
แล้วก็ตอบ
language
ราคา
เรียกว่าภาษาทางอ้อมเพราะเราไม่ได้คุยกับคอมพิวเตอร์ทางตรง
ของการปฏิสัมพันธ์มีอะไรบ้าง
เป็นการสื่อสารแบบ Direct Action ก็คือการสื่อสารแบบโดยตรง
โดยนะคะสอบที่เกี่ยวข้อง
แต่ของเราก็คือการสื่อสารต่อประสานก็คือ indirect นะคะ
มีอยู่ 4 คำนะคะ
คราวนี้แบบจำลองการปฏิสัมพันธ์นะคะ
อันนี้เราต้องมีความเข้าใจในคำศัพท์
ใน sci
4 คำนี้ก่อนนะคะ
ก่อนที่เรา
จะไปสร้างส่วนต่อประสานในการปฏิสัมพันธ์นะคะ
ทำได้ก็คือโดเมนนะคะ
โดเมนคืออะไรนะคะ
keyword ที่สำคัญของ Content นะคะ
อาจารย์จะทำไฮไลท์สีเหลืองไว้ให้
ให้นักศึกษาไปอ่านสอบ
จับประเด็น
นะคะ
ไปสรุปเนื้อหาอีกทีนะคะ
เราสังเกต
ตัวที่เป็นไฮไลท์สีเหลืองนะคะ
เป็นตัวหนังสือสีเหลือง
เป็น keyword ที่สำคัญ
ของ
พารากราฟนะคะ
เป็นคีย์บอร์ดที่สำคัญของเรื่องนั้นนะคะ
อย่างโดเมนเนม
มันก็คือขอบเขต
ตะขบของงานน่ะค่ะ
เจอขอบเขตของการทำงานนะคะ
ซึ่ง
เวลาเราศึกษาเรื่องใดเรื่องหนึ่ง
จะต้องมีสโคปหรือ
ขอบเขตของงานให้ชัดเจนนะคะ
เช่น
โดเมนของกราฟิกดีไซน์นะคะ
กราฟิกดีไซน์โดเมนหมายถึง
เราจะศึกษาขอบเขตของการออกแบบงานกราฟิกนะคะ
ยกตัวอย่าง
คือ
งานกราฟฟิก
ก็เช่น
การศึกษารูปทรงต่างๆรวมถึงการวาดพื้นผิว
ให้กับวัตถุ
อันนี้คือโดเมนของกราฟิกดีไซน์นะคะ
ส่วนผลลัพธ์นะคะหรือเป้าหมาย
Go นี่ค่ะ
ก็คือสิ่งที่นักศึกษาต้องทำให้เสร็จ
ทำให้สำเร็จ
นะคะ
อย่างเช่น
ถ้าเป็นกราฟิกดีไซน์โดเมนนะคะ
เป้าหมายหรือผลลัพธ์ที่เราต้องการ
จัดการ
รูปทรงต่างๆก็คือการสร้างนะคะ
กำหนดเป้าหมายไว้ก่อน
ในเรื่องของการดีไซน์นะคะ
แล้วก็กำหนด
เป้าหมายไว้ว่าเราต้องการ
สร้างรูปทรงสามเหลี่ยมสีแดงเป็นสีแดงล้วน
บนผืนผ้าใบ
อันนี้คือเป้าหมาย
เป้าหมายปลายทางหรือผลลัพธ์ที่เราต้องการ
ต้องการได้นะคะ
แล้วงานที่ต้องทำมีอะไรบ้างนะคะ
ทัก
ก็คืองานหรือการปฏิบัตินะคะ
เพื่อทำให้
ภารกิจของเราสำเร็จนะคะ
ตอนนี้
ผลลัพธ์ที่เราต้องการก็คือการสร้างรูปทรง
สามเหลี่ยมสีแดง
สีแดงล้วนนะคะ
ไม่มีสีอื่นมาคาดนะ
ผืนผ้าใบ
งานที่ต้องทำก็คือ
เลือกเครื่องมือสำหรับเติมนะคะ
เติมสี
พ่อเติมแล้ว
แล้วก็เลือก
รูปทรงสามเหลี่ยม
แล้วเอาไปเติมสีนะคะ
อันนี้คืองานที่ต้องทำนะคะ
สุดท้ายสิ่งสำคัญนะคะ
อีกสักหนึ่งที่สำคัญ
ที่เราลืมไม่ได้คือ injection นะคะ
intention หมายถึง
เจตนา
ในการสร้างงาน
หรือความตั้งใจจริง
ที่เราจะทำให้งานสำเร็จ
ตามเป้าหมาย
3:00 น
4 คำศัพท์นี้นะคะ
แปลคำศัพท์ที่เกี่ยวข้องกับการปฏิสัมพันธ์นะคะ
เราต้องรู้
ทำสีเรื่องนี้นะคะ
เวลาที่เราสร้างงานปฏิสัมพันธ์นะคะ
คราวนี้เรามาดูแบบจำลองของนอร์แมนบ้าง
แบบจำลองของ dalton
มีอยู่ 7 ขั้นตอนการทำงานนะคะเราเรียกว่า
วงจรการปฏิสัมพันธ์นะคะ
interactive Cycle นะคะ
แบ่งเป็น 2 ขั้นตอนใหญ่ๆก็คือ
เราเรียกว่า
execution
มาถึงขั้นตอนการดำเนินงานนะคะ
กลับขั้นตอนการประเมิน
Evolution นะคะ
ทำแล้วก็ประเมินมี 2 ขั้นตอนใหญ่
โดยนะคะ
การทำแบบจำลองน้องแม่นมานี่
เพื่ออธิบายว่า
ทำไมบางระบบ
มาถึงใช้งานยาก
วางระบบ
ทำไมบางระบบมันถึงมีความซับซ้อนนะคะ
ทั้งๆที่
การทำงาน
มันก็มีแค่ 2 ส่วนก็คือ
ไม่เป็นส่วนการดำเนินงานก็เป็นส่วนของการประเมินนะคะ
แต่
แบบจำลองนอร์แมน
จะมาอธิบายนะคะให้แล้ว
ให้เราเข้าใจมากยิ่งขึ้น
หลักการทำงานของระบบงานบางส่วน
ฟังงานนี้
มันถึงยาก
มันถึงมีขั้นตอนซับซ้อนหลายขั้นตอนบางงานทำไมมันง่าย
นะคะ
ผึ้ง
เก๋าอ๋อ
rakuten ก็คือการกำหนด
รูปแบบนะคะให้กับผู้ใช้นะคะ
งานบังงานนี่
ผู้ชายมีความต้องการที่จะทำ
แต่ไม่สามารถทำผ่านระบบได้นะคะ
แต่
อีกงานหนึ่งนะคะ
ผู้ใช้คาดหวังว่าจะเห็น
สิ่งนี้นะคะ
หรือความต้องการที่แท้จริงของผู้ใช้
แต่
ตัวระบบไม่สามารถตอบสนอง
ผู้ชายได้
นักศึกษาเคยเห็นงานที่
เอาเราก็ได้นักศึกษาเป็นผู้ใช้อยู่แล้วนะคะเป็นผู้ใช้ระบบ
มีไหมคะที่เราต้องการเห็นระบบ
แบบนี้
หรือ
ต้องการเห็นวิว
ของระบบ
รูปแบบหนึ่งแต่สิ่งที่เราเห็นเป็นอีกแบบหนึ่ง
อันนี้เราเรียกความคาดหวังนะคะ
เคยมีระบบที่เราอยากเข้าไปหรือเข้าไปจัดการได้มากกว่านี้
แต่โดยสิทธิ์ที่เราได้นี่
คือทำได้เท่านี้
มีระบบแบบนี้
เคยใช้งานระบบ
ไหน
ที่
เราคาดหวังไหมคะว่าถ้าเกิดเราใช้ระบบนี้นะคะมันจะต้องได้ 1234 แต่พอไปใช้งานจริงๆแล้วมาใช้งานได้แค่ 1 หรือเรามีสิทธิ์เข้าใช้งานได้แค่ 1 อย่าง
เอาอย่างนี้
ระบบของมหาวิทยาลัย
เคยเข้าไปดูเกรดผ่านระบบไหมคะเคย
ในระบบนั้นเราทำอะไรได้บ้างระบบบริหารการศึกษานะคะนักศึกษาจะเข้าไปได้ในปีของนักศึกษาเองนะคะเวลาเข้าไปเราแก้ไขข้อมูลส่วนตัวของตัวเองได้ไหมคะ
ได้ไหมเอ่ย
ข้อมูลส่วนตัวของเราเอง
เช่น
ชื่อผิด
นามสกุลผิด
ที่อยู่เบอร์โทรได้ไหมคะ
ได้
แล้วเราอยากแก้เองได้ไหมคะคือมันข้อมูลเรานะ
แต่เราอยากออกเองแต่เราให้สิทธิ์
แต่เขาให้สิทธิ์เราแค่เรียกดูอันนี้คือความคาดหวังของเรา
คือเข้าไปแล้ว
เราอยากแก้ไขเราก็ทำไม่ได้อันนี้เราก็เห็นแค่
มันเบอร์เก่าข้อมูลเก่า
เราต้องไปติดต่อนะคะเจ้าหน้าที่ที่อยู่ในฝ่ายแก้ไข
อีก Step 1
พอเราเข้าไปดู
เห็นบอกตัวเองแล้วดูเกรดได้ไหมคะ
ดูเกรดตัวเองได้ไหมคะดูเกรดเพื่อนได้ไหมคะ
ไม่ได้
อยากดูเกรดเพื่อนได้ไหมคะ
อยากเห็นเกรดเพื่อนไหม
อยากเห็นเกรดเพื่อน
ถามว่าแล้วเราอยากให้เพื่อนเห็นเกรดเราไหม
คำตอบเดียวกันนะคะเราอยาก
จะเห็นเกรดหรือข้อมูลคนอื่น
แต่ก็ไม่อยากให้คนอื่นเห็นข้อมูลเราผลก็ออกมาแค่เราดูได้แค่ข้อมูลเรา
ก็ดูได้แล้วนะคะดูได้แค่ข้อมูลตรงนี้
แก้เกรดได้ไหม
วิชานี้ตั้งใจมากเลยทำไมถึงได้แค่ B
ทำไมถึงไม่ได้ A อย่างนี้ค่ะ
แกไม่ได้ค่ะ
เพราะชีวิตเราคือแค่เรียกดูนะคะ
อันนี้คือ
แบบจำลองน้องแม่น
อาจารย์จะมาอธิบายส่วนนี้ล่ะส่วนที่ว่าทำไมบางระบบมันเหมือนง่ายๆนะเห็นแล้วแต่แกไม่ได้อย่างนี้ค่ะ
หรืออยากดูสโคปกว้างขึ้นแต่เราก็ดูได้แค่นี้นะคะ
อันนี้คือแบบจำลองน้อแม่นจะอธิบายอธิบายระบบ
ทำไมบางระบบ
ถึงเป็นวิวแบบนี้วิวแต่ละคน
จะเป็นแบบนี้
คราวนี้นะคะมีอธิบายเพิ่มนะคะ
การลงมือทำจริงๆนะคะ
ก็คือเอซาวกับบิลนี่ก็คือขยายความนะคะก็คือแบบจำลองของน้องแม่น
ความเป็นจริงแล้วนะคะในการสร้างปฏิสัมพันธ์กับระบบนี่เราสามารถเฉพาะเจาะจงลงไปได้
เป็น 4 ส่วนหลักๆนะคะส่วนแรกก็คือผู้ใช้
ส่วนที่ 2 เป็น input
นะคะส่วนที่ 3
เป็นตัวระบบเองและส่วนที่ 4
ก็คือ output
นะคะ
ซึ่งสิ่งที่นักศึกษาจะต้องทำความเข้าใจก็คือใน 4 ส่วนนี้นะคะจะมีภาษา
นะคะ
ที่ใช้ในการสร้างปฏิสัมพันธ์ที่ต่างกัน
ถ้าเป็นตัวระบบเองนะคะตัวระบบหลัก
เราจะใช้ข้อ language
นะคะ
ก็คือระบบจะใช้ภาษาแกนนะคะ
ส่วนของ
การปฏิบัติ
การทำงาน
นะคะการใช้ระบบ
อันนี้ผู้ใช้จะสาธิต
จะใช้ภาษาที่เรียกว่าภาษาภารกิจหรือภาษาในการทำงาน
หรือเราจะเรียกว่าท้า
language
ส่วนในการรับข้อมูลและแสดงผล input output นี่
เราจะเรียก Interface
ก็คือส่วนต่อประสานซึ่งจะเป็นส่วนปฏิสัมพันธ์ที่นักศึกษาจะต้องดีไซน์
เพราะเราเป็นเอกเทคโนโลยีสารสนเทศนะคะ
นางสาวสามารถ
ดีไซน์โดยใช้หลักการของการปฏิสัมพันธ์ได้ด้วย
นะคะ
อีกหัวข้อหนึ่งนะคะเรารู้แล้ว
ส่วนที่เราต้องทำ
ก็คือส่วน Interface
หรือส่วนของการสร้างส่วนต่อประสานนะคะ
เราจะสร้างแบบไหนนะคะ
จำคำนี้ได้ไหมเอ่ย
การยศาสตร์หรือ ergonomics
เคยได้ยินไหมคะ
เคยพูดไปตอนบทที่ 1
ใน
diagram
ของ sci นะคะ
vehicles อยู่
ภาษาไทย
แปลว่า
การยศาสตร์นะคะ
หมายถึง
การศึกษาถึงลักษณะ
ทางกายภาพ
ของคนนะคะ
บางทีเราจะศึกษาใน
scope ของ Human Factor
ก็คือปัจจัยที่เกี่ยวข้องกับมนุษย์
กลับ
การใช้งานระบบนี่แหละ
นะคะ
ก็เลยมีตัวอย่างนะคะ
นอกจากเราจะศึกษามนุษย์แล้วเราก็จะศึกษา
deva's ต่างๆ
ที่มาอำนวยความสะดวกในการทำงานนะคะ
ในที่นี้
นะคะ
เราเป็นเอกทางด้านคอมพิวเตอร์นะคะ
เอกเทคโนโลยีสารสนเทศ
อยู่ในฟิวของ
คอมพิวเตอร์นะคะ
กูก็เลยเลือกรูปภาพที่เป็น
เกี่ยวข้องกับพวกเรานะคะ
อย่างเช่นการใช้งาน
การนั่งการยืนนะคะ
อันนี้คือลักษณะทางกายภาพที่มองเห็นได้
หัวหน้าแบบไหนควรยืนแบบไหนมือต้องวางแบบไหน
หน้าจอกับหน้าเรากับสายตานี้ค่ะ
ต้องอยู่ระดับไหนห่างกันเท่าไหร่
รวมถึงการออกแบบ
เก้าอี้
อันนี้เป็นตัวอย่างนะคะ
การออกแบบเมาส์เอาแบบคีย์บอร์ด
ก็มีเยอะนะคะ
มีหลายอุปกรณ์เหมือนกันนะคะ
ที่ใช้หลักการในการออกแบบ
เพื่อ
ให้เหมาะสมกับ
สรีระหรือกายภาพ
ของแต่ละคนนะคะ
คราวนี้นะคะ
หัวใจสำคัญของบทนี้ก็คือ
interaction Style นะคะ
ภาษาไทยใช้คำว่า
กระบวนแบบ
ปฏิสัมพันธ์นะคะ
หมายถึงอะไรเอ่ย
ตำบลแบบนะคะ
พูดถึงที่ไปที่มาก่อน
ถ้าพูดถึงการปฏิสัมพันธ์นะคะ
ภาษาง่ายๆที่เราใช้ก็คือ
คำสนทนา
การพูดคุยกัน
ถ้าเป็นการปฏิสัมพันธ์แบบ
มนุษย์ 1
คือคนหนึ่งคน
ต่ออีกคนสองคนนะคะ
แต่ละคนเวลาติดต่อสื่อสารกัน
ก็คือใช้การสนทนากัน
แต่เวลาที่มนุษย์คนหนึ่ง
สื่อสารกับระบบคอมพิวเตอร์นี้
จะผ่าน
ส่วนที่เรียกว่า Interface
หรือส่วนต่อประสานนะคะ
คือเราเลือกได้อร่อย
ราคา
ซึ่ง
Dunlop
จะมี
หลากหลายรูปแบบ
มาก
ราคา
เราสามารถเลือกใช้ได้
เพราะ
ตัวนี้นะคะ
เน้นสอนตอนปี 3 เทอม 2 นี่
ให้นักศึกษาเอาตัว
ความรู้ที่ได้ในวิชานี้
ในเรื่องนี้
ไปประยุกต์ใช้ในวิชาโครงงานคอมพิวเตอร์นะคะ
ไปใช้ในการออกแบบนะคะ
เรามาดู
กระบวนแบบประกัน
อันนี้เป็นตัวอย่าง
จะมีตั้งแต่กระบวนแบบเก่าๆเลยนะคะ
จนถึงกระบวนแบบที่มียังมีใช้อยู่ในปัจจุบัน
แต่จริงๆมีเยอะกว่านี้อีกนะคะ
กูทำสัญลักษณ์เยอะ
ราคา
ที่ยกตัวอย่างมานะคะ
เช่น Command LINE Interface นะคะ
เป็นกระบวนแบบ
ในการสร้าง
ส่วนต่อประสานนะคะ
ภาษาไทยใช้คำว่า
ส่วนต่อประสานที่เป็นแบบบรรทัดคำสั่งนะคะ
หรือส่วนต่อประสานที่เป็นเมนูนะคะ
เล่าเรื่อง
เมนู Interface ราคา
Natural Language นะคะ
หรือเป็นแบบ Query Interface
coffin
w i m p
Point and Click
ที่ได้ไม่ชัดนั่นนะคะ
Direct
question Answer web Navigation
Betagro
ตรง
และอื่นๆ
เราสามารถเลือก
ราคา
รูปแบบส่วนส่วนต่อประสานต่อไปนี้
กล่าวมานี่
ไปใช้ในงานเราได้
อันนี้ยังไม่หมดนะคะ
คุยยกตัวอย่างให้ดู
ให้เราพอนึกภาพออก
ว่าเราจะว่าเราจะสร้างระบบขึ้นมานี่
นักศึกษา
จะต้องมีความรู้ทางด้านการดีไซน์
พวกสอนต่อภาษานี้ด้วย
มีอธิบายนะคะให้บางส่วน
เช่น
ส่วนต่อประสานที่เป็นแบบบรรทัดคำสั่งนะคะ
เราเรียกว่า
Command LINE Interface นะคะ
เป็นอย่างไรนะคะ
ก็คือ
การสร้าง Interface
ที่
เราสามารถ
บ่
แสดงคำสั่ง
ให้คอมพิวเตอร์ทราบได้โดยตรง
นะคะ
โดยการป้อน
ป้อนคำสั่งหรือฟังก์ชันคีย์นะคะ
คือการป้อนนี้เราอาจจะป้อนเป็นตัวอักษรเดียวนะคะหรือเป็นตัวย่อนะคะ
หรือเป็นข้อความเป็นคำยาวๆเป็นประโยคยาวๆแต่
มันจะต้องถูกรูป
แบบของคำสั่ง
เขาเรียกซินแทคน่ะ
ต้องถูก
เราไม่สามารถพิมพ์คำที่เราคิดได้ทั้งหมด
มันจะมีคำบังคับว่าให้ใช้คำไหนสื่อสารกับคอมพิวเตอร์ได้บ้างนะคะ
ข้อดีของ Command line คือ
คำสั่งที่เราป้อนเข้าไปนี่มันจะเข้าถึง
ตัวระบบได้โดยตรง
ไม่ต้องผ่านการแปลง
นะคะคอมพิวเตอร์รับรู้ได้เลยทำงานได้เร็วนะคะ
เพราะว่าคำสั่งโดยตรง
เหมือนเรา
อยากฝากหรืออยากคุยกับเพื่อน
เราก็คุยกับเพื่อนโดยตรงเลยอันนี้ก็คือรับรู้กันแต่ถ้าเกิด
เรา
คุยกับเพื่อนคนนี้แต่ฝากไปถึงเพื่อนอีกคนหนึ่ง
อันนี้คือมันก็จะช้าออกไปโดยกระบวนการ
เดินทางของสารที่รับไปนะคะอันนี้ก็เหมือนกันถ้าเราใช้ Command line เราสามารถ
สั่งคอมพิวเตอร์
ภายใต้คำสั่งโดยตรงแต่ข้อเสียของมันคือเราจะต้องมีความรู้เกี่ยวกับคำสั่งที่เราจะป้อนให้กับระบบนะคะว่าคำไหนบ้าง
ที่สามารถสั่งได้และคอมพิวเตอร์เข้าใจนะคะยกตัวอย่างระบบที่ใช้ระบบ Command LINE นะคะเช่น
พวก Windows ก็มีค่ะ
แต่เป็นโหมดของ
Command นะ
ที่สั่งงานเป็นหน้าจอสีดำนะคะ
แล้วก็พิมพ์คำสั่งเป็นคำน่ะนะคะยูนิคนี่
ยูนิคไม่มีอินเตอร์เฟสเลยนะคะเป็นระบบ
Command Line
หรือระบบปฏิบัติการ dos
ก็เป็น Command LINE นะคะหน้าตาของคอมมานไลน์ก็จะเป็นแบบนี้นะคะ
เป็นหน้าจอสีดำสีน้ำเงินแล้วแต่นะคะ
แต่ตัวหนังสือ
นะคะคำสั่งก็จะเป็น
ตัวหนังสือภาษาอังกฤษ
นะคะเราสามารถโต้ตอบกับระบบได้เราก็พิมพ์คำสั่งเข้าไปนะคะอย่างเมื่อก่อนที่ครูเคยใช้งานระบบดอสนี้ค่ะอย่างเช่นครูอยากรู้ว่าไดร์ C มีข้อมูลอะไรเก็บอยู่บ้างมันก็จะมีคำบังคับนะคะเช่นเดียวอย่างนี้ค่ะ
เป็นการขอดู Drive C
ว่ามีข้อมูลอะไรบ้าง
อันนี้มีการใช้ข้อมูลคำสั่งแบบ Command LINE นะคะ
แต่ในทาง fdi นี่นะคะ
เรามองว่าคอมมันลายเป็นข้อด้อย
ของการปฏิสัมพันธ์แบบ
ที่ใช้หลักการของ hci
ทำไมถึงเรียกว่าคอมมันลายเป็นข้อด้อยค่ะ
เราคิดว่า
เพราะเหตุใดในการออกแบบระบบ
โดยใช้หลักการ sci นี่
Command line ถึงเป็น
อ่อน
หรือ
เป็นรูปแบบโบราณ
เป็นวิธีเก่า
ที่ไม่นิยมใช้
ถ้าใช้หลักการ scr ในการออกแบบ
นักศึกษาคิดว่าเป็นเพราะอะไรเอ่ย
ถ้าเราออกแบบระบบมา 1 ระบบให้ผู้ใช้หนี้เราจะเลือก
ให้ผู้ใช้
ติดต่อกับเราผ่านตัวคำสั่งอย่างนี้ไหม
ให้พิมพ์คำสั่ง
ถ้าพิมพ์ผิด
ระบบก็จะตอบกลับมาว่า
Black Command
แปลว่าคุณพิมพ์คำสั่งผิด
คำสั่งนี้มันผิด
นะคะ
อาจจะผิดในตัวคำสั่งเองหรือผิดรูปแบบก็ต้องพิมพ์ให้ถูกต้อง
ทั้งข้อเว้นวรรค
ทั้งพิมพ์
ตัวใหญ่
ตัวเล็ก
เหมือนการเขียนโค้ด
ที่เป็นแบบ Structure นะคะ
เขียนถ้ามันผิด
มันก็รับไม่ได้เหมือนกันนะคะ
อันนี้ถือเป็นข้อด้อยของ
FC อายนะคะเพราะอะไรเพราะมันใช้งานยากไง
ระบบของเราที่ใช้หลักการ sci ก็คือผู้ใช้สามารถ
ไม่ต้องจดจำอะไรค่ะ
สามารถใช้งานได้ง่ายๆสวยงาม
แต่พอเป็นคอมมันลายที่หน้าจอแบบนี้
สวยงามไหม
ยุ่งยากในการจดจำคำสั่งนะคะก็เลยมองว่ามันใช้งานยาก
คราวนี้ก็จะมีรูปแบบของ
เมนูไดเอทราคาหรือเมนู Interface นะคะ
ถ้าพูดถึงเมนู
ก็คือกลุ่มของทางเลือกนะคะ
มันจะปรากฏบนหน้าจอ Windows นะ
หน้าต่างหน้าจอของเรานี่
เวลาที่เราเข้าระบบ
ไป
ตัวเลือก
จะต้องสามารถมองเห็นได้ทั้งหมด
ไม่ซ้อนทับกันเวลาเราออกแบบเมนูนะคะ
แล้วการใช้ทำเมนูมันจะเป็นข้อความน่ะค่ะ
คำแต่ต้องสื่อความหมายด้วยนะคะ
โดยหลักการของการใช้เมนูนะคะ
จะใช้หลักการจำนี่
น้อย
แต่ใช้หลัก
การรู้จำ
นะคะ
เขาเรียกเข้าเนชั่นเนี่ย
มาก
เราไม่จำเป็นต้องไปท่องจำนะคะ
ว่า
เมนู
คำนี้คืออะไร
แปลว่าอะไร
ราคา
เมนู file อย่างนี้ค่ะ
หรือไม่หนูออกแบบเมนูมุมมองนี่
เราไม่ต้องท่องจำ
แต่เราจะเรียนรู้
ก็คือการรู้จำได้เอง
อ่านคำ
เมนูสั้นๆเราจะรู้เลยว่า
เค้กตรงนี้แล้วมันจะมีอะไรออกมาอย่างนี้ค่ะ
ซึ่งการใช้งานเมนูก็คือใช้เมาส์เลื่อนแล้วก็คลิกนะคะ
เลื่อน
ลูกศรนะคะ
นายหน้า
ในคีย์บอร์ดนะ
บนหน้าจอแล้วก็คลิกนะคะ
อันนี้คือการใช้งานเมนูนะคะ
เมนูมี 2 แบบ
ในการสร้าง Interface
ของเมนู
ก็คือเมนูที่เป็นแบบครูดาว
เมนู
ครูดาวแปลว่าอะไรเอ่ย
คลิกแล้วไหล
ขึ้นหรือลง
ดาวคือลง
นะคะ
เราคิดเมนูปุ๊บ
เช่นคลิกเมนูในตัวอย่าง
ในภาพนี้
มันก็จะมีคำสั่งเมนูย่อย
ลงมา
อันนี้คือ True ดาวเมนู
เราสามารถใช้รูปแบบนี้ในการดีไซน์ระบบ
งานเราได้นะคะ
มีแบบหนึ่งคือ
Pop Up
Pop Up menu คือคลิกขวานะคะ
คลิกขวาในโปรแกรมไหนก็ได้แล้วมันจะมีคำสั่งลัดขึ้นมา
อันนั้นก็คือเมนูเหมือนกันแต่เป็นแบบ Pop Up
นะคะ
ได้ที่ไหนก็ได้ค่ะ
ใน Word
Excel PowerPoint หรือโปรแกรมอื่นราชพฤกษ์ 33
อาจารย์เรียกว่าเมนูแบบ Pop Up
เช็คขวาบน
พื้นที่ว่าง
ขวาบน
Title Bar
นะคะ
มันก็จะขึ้น
เด้งขึ้นมานะคะ
ไม่มีหัวมีท้ายอะไรนะ
คือเด้งขึ้นมาเลยนะคะ
อันนี้เราเลือกเมนูที่เป็นแบบ pop up นะคะ
ต่อไปนะคะ
กระบวนแบบ
ที่เรียกว่า Natural Language นะคะ
คือภาษาธรรมชาตินะคะ
ภาษาธรรมชาติ
ภาษาที่ใช้ในการติด
ต่อ
ระหว่างผู้ใช้กับคอมพิวเตอร์นะคะ
ซึ่งถ้าพูดถึงภาษาธรรมชาติ
ผู้ชายจ๊ะ
คุณเคยนะคะ
เราสามารถใช้ภาษาธรรมชาติในการสั่งงานระบบได้
เรียกว่า
โดยถ้าเราพัฒนาระบบนะคะ
ที่ให้ระบบ
เรียนรู้
การ Speed
tessellation
หมายถึงระบบ
เรียนรู้การรู้จำเสียงพูด
แล้วระบบก็จะโต้ตอบกับเราได้
อันนี้เราเรียกภาษาธรรมชาตินะคะ
บางทีเราจะเรียก
การพิมพ์ภาษาธรรมชาติ
คือเหมือนเราพิมพ์ภาษาพูดนะ
แล้วคอมพิวเตอร์ก็เข้าใจ
อันนี้คือภาษาธรรมชาตินะคะ
หรือบางทีเราเรียกว่าภาษาที่มนุษย์ใช้ในการโต้ตอบนะคะ
แต่ความยาก
ของการสร้างภาษาธรรมชาติ
ในการติดต่อระบบ
ก็คือ
มันจะมีปัญหาเรื่องความคลุมเครือของเสียง
คือการออก
ออกเสียงนะคะ
ถ้ามันไม่ชัด
ระบบจะไม่เข้าใจ
ไม่สามารถทำงานได้
ตามคำสั่งเสียงที่เราออกไปนะคะ
มาแล้วออกเสียงไม่ชัดคุยกันนิ
เพื่อนก็จะงงว่าเราพูดอะไร
เคยใช้คำสั่งในการสั่งงานคอมพิวเตอร์ไหมคะ
สมาร์ทโฟนถือว่าเป็นคอมพิวเตอร์ไหม
เป็นคอมพิวเตอร์ประเภท 1
เราเคยสั่งเครื่องโทรศัพท์มือถือเราทำอะไรบ้าง
สั่งงานด้วยเสียง
คุยกับสิริ
Siri เป็นระบบไหมคะ
เป็น
มีไหมคะ
ที่แบบ Siri ตอบไม่ได้
ไปอาจจะตอบไม่ตรง
เพราะ Siri ไม่เข้าใจว่าเราถามอะไร
มีไหมคะ