(อาจารย์สุรีย์พัชร) สวัสดีค่ะ สวัสดีค่ะ นักศึกษาทุกคนนะคะ จากครั้งที่แล้วสอบนะ อยากทราบคะแนนไหม ถ้าอยากทราบหนูยกมือให้อาจารย์ดูหน่อยค่ะ ได้สอบไหม โอเค 1 กุ้งเต้น 2 โอเคครับ มาร์กอีกคนไม่อยากทราบคะแนนหรือคะ โต๊ะ 7 คะ หนูไม่ยกมือแสดง... ไม่บอกคะแนนนะ หนูไม่อยากทราบคะแนนไม่บอก 1 คน ใครทักท้วงคะแนนได้นะคะ ทำไมหนูถึงได้คะแนนไม่เท่าเพื่อนทั้ง ๆ ที่หนูนั่งสอบข้าง ๆ กัน หนูท้วงได้นะคะ อาจารย์มีเหตุผล มีเหตุผลหมดเลย เพราะข้อแรกเลย คือ เวลาที่หนูสอบ รู้ค่ะ ว่าหนูค้น แต่หนูตอบ 1. ล่ะ อาจารย์บอกให้ออกแบบหน้าจอ แต่หนูเขียนมาเป็นข้อ ๆ ๆ ๆ ๆ แต่ใครเขียนได้หน้าจอ ถ้าอาจารย์อ่านแล้วมีได้หน้าจอ โอเคตัดไปค่ะ เราให้คะแนนกึ่งหนึ่ง แต่ถ้าบางคนเขียนมาแล้วไม่ได้หน้าจอเลย คือ เหมือนหนูต้องวาดหน้าจอ แต่หนูกลับไม่วาดหนู Copy ข้อความมาวาง และมี 2 คนเหมือนกันแม้แต่จุดผิด จำเป็นต้องเอาคะแนนน้อยที่สุดตั้งหารด้วยจำนวนคนเหมือน นั่นคือคะแนนของหนู รู้สึกจะ 4 คนด้วยนะคะ แล้วคะแนนก็น้อยด้วยนะ ดูนะคะ ใจเย็นนะ ใจเย็น ไม่ทราบหนูเห็นคะแนนไหมคะ ดูเฉพาะข้อ... ช่อง Mid นะคะ Midterm หนูดูเฉพาะช่อง Midterm คือ ช่องนี้ช่อง I วุฒิชัย 17 เต็ม 30 นะ เต็ม 30 นะคะ เดชมงคล 27 ถามว่าทำไมเดชมงคลถึงทำได้มาก ข้อที่อาจารย์พูดนั่นแหละค่ะ ที่ออกแบบหน้าจอ มีเขาคนเดียวเท่านั้นที่สามารถเขียนรายละเอียดออกมาเป็นหน้าจอได้ตามต้องการนะคะ ต่อมาค่ะ กฤตกรนะคะ 22 แล้วก็ทัตเทพ 23 อนงค์นาฏ 19 นะ ปรางหทัย 23 และภัทรภรณ์ 19 ภัทรภรณ์ตอบคำตอบสลับข้อ และองุ่นก็ตอบคำถามไม่ตรงคำถาม อาจารย์จะส่งข้อสอบกลับข้อที่หนูผิดนะคะ จะส่งกลับให้ดูเลยนะ ว่าเป็นอย่างไรนะ จะได้รู้แล้วแก้ไขนะคะ แก้ไขเพื่อมีคะแนนแก้ด้วย หนูเห็นนะคะ ช่อง D Dog จะเป็นช่องตอบคำถาม หนูตอบคำถามอยู่ในกระดาษของอาจารย์เรียบร้อยแล้วคะแนนจะมาปรากฏขึ้นที่นี่ คะแนนเข้าเรียนอาจารย์วัดอยู่ที่ 70 เปอร์เซ็นต์ไม่ได้วัด 100 เปอร์เซ็นต์นะคะ ตามที่แจ้ง คะแนนงานจำได้ใช่ไหมคะ ทุกท้ายบทจะมีงานทั้งหมดเลยนะคะ ส่วนโปรเจกต์จะเป็นการออกแบบหน้าจอ แล้วหนูต้องตอบให้ได้ว่าหนูจะสื่อถึงใคร เช่นนะคะ เช่น ตี๋น้อยต้องการจะออกแบบให้กับผู้พิการทางสายตา แต่หนูไม่สามารถที่จะทำคีย์บอร์ดเป็นอักษรเบรลล์ได้ ถามว่าครั้งนี้สำเร็จไหมคะ ใครว่าสำเร็จยกมือขึ้นสิคะ ตี๋น้อยทำโปรเจกต์นี้ ทำไมถึงไม่สำเร็จอาจารย์ข้อคำตอบของหมายเลข 2 ลูก กุ้งเต้น เพราะ... กุ้งเต้นตอบอาจารย์หน่อยค่ะ ค่ะ หนูตอบอาจารย์หน่อยค่ะน้องกุ้งเต้น ทำไมถึงไม่สำเร็จค่ะ ตี๋น้อยทำเพราะ... กุ้งเต้นตอบสิคะลูก ตอบหรือยังคะ เพราะอะไรเอ่ย ตี๋น้อยเขียนโปรแกรมนะลูกนะ ให้กับผู้พิการทางสายตา แต่คีย์บอร์ดของตี๋น้อยไม่ใช่อักษรเบรลล์ ถือว่าตี๋น้อยทำสำเร็จไหมคะ การออกแบบครั้งนี้ และถ้าสำเร็จ สำเร็จเพราะอะไร ไม่สำเร็จเพราะอะไร (ล่าม) คิดว่าสำเร็จค่ะ (อาจารย์สุรีย์พัชร) เพราะ... (ล่าม) เพราะออกแบบเรียบร้อยค่ะ (อาจารย์สุรีย์พัชร) ออกแบบเรียบร้อย แล้วผู้พิการทางสายตาใช้งานได้ไหมคะ (ล่าม) สามารถพิมพ์ได้ค่ะ (อาจารย์สุรีย์พัชร) สามารถพิมพ์ได้ แต่อาจารย์บอกว่าคีย์บอร์ดนั้นตี๋น้อยไม่ได้ออกแบบมาเป็นอักษรเบรลล์นะคะ แสดงว่าในคีย์บอร์ดนั้นเป็นคีย์บอร์ดธรรมดา ก็คือไม่มีตัวอักษรเบรลล์ให้กับผู้พิการทางสายตาเลย แล้วเขาจะพิมพ์ได้หรือคะ ได้ไหมลูก (ล่าม) หนูไม่... ไม่แน่ใจน่ะค่ะ ว่าต้องคนตาบอด... (อาจารย์สุรีย์พัชร) ไม่แน่ใจ กุ้งเต้นลองหลับตาดูนะคะลูก ถ้าหนูหลับตาแล้วหนูพิมพ์ คืออ่านว่า... ก็เลยสงสัยว่าทำได้อย่างไร ความสงสัยตรงนี้มันเกิดเลย กุ้งเต้นหนูลองคิดดี ๆ สิคะ ถ้าคีย์บอร์ดเป็นธรรมดา หนูลองมองคีย์บอร์ดของหนูนะคะ ที่โต๊ะนะ พอหนูมองปั๊บหนูจะเห็นเลยว่าหนูต้องมองใช่ไหมคะ หนูต้องเห็นหนูถึงจะสามารถพิมพ์ได้ แต่ถ้าหนูหลับตาหนูมองไม่เห็นเลย หนูจะเห็นไหมลูก อักขระที่อยู่บนคีย์บอร์ด (ล่าม) ค่ะ ใช่ค่ะ (อาจารย์สุรีย์พัชร) แปลว่าอย่างไรคะลูก ตกลงออกแบบนี้ครั้งนี้สำเร็จไหม ผู้ที่มีคะแนนสูงนะนี่ อาจารย์ถามคนที่มีคะแนนสูงนะ กุ้งเต้นตอบว่าอะไรคะ (ล่าม) ไม่แน่ใจค่ะ (อาจารย์สุรีย์พัชร) ไม่แน่ใจ แสดงไม่เข้าใจ ไม่เข้าใจคำถาม ไม่เป็นไร อาจารย์ขอโยนไปให้โต๊ะที่ 8 มาร์กี้ มาร์กี้ครับ คำถามเดิม ตี๋น้อยเขียนนะคะ เขียนงานโดยการออกแบบหน้าจอ เพื่อที่จะ Support ให้กับสนับสนุนให้กับผู้พิการทางสายตา แต่เขาจะต้องทำให้คีย์บอร์ดนั้น หรือหน้าจอมีอักษรเบรลล์ถูกไหมคะ แต่ตี๋น้อยไม่ได้ออกแบบตัวนั้นเลยเป็นการออกแบบธรรมดา ถามว่าการออกแบบครั้งนี้ผู้พิการทางสายตาได้รับผลประโยชน์หรือไม่ ถ้าไม่ได้ ไม่ได้เพราะอะไรคะ มาร์กี้ตอบเลยลูก 2 แต้มเป็นของหนูค่ะ ได้ไม่ได้คะ คิดว่าครั้งนี้สำเร็จไหมคะ ตี๋น้อยออกแบบได้สำเร็จไหม หนูลองคิดสิคะ ถ้าหนูมองไม่เห็นคีย์บอร์ดเลยหนูจะสามารถพิมพ์ได้ไหมคะ (ล่าม) น่าจะได้นิดหน่อยครับ ผมไม่แน่ใจครับ (อาจารย์สุรีย์พัชร) ใช้ความจำ แสดงน้องใช้ความจำ โอเค โอเค หนูมีความจำเป็นเลิศโอเคค่ะ เข้าใจ เข้าใจแล้ว (ล่าม) ครับ ใช่ครับ (อาจารย์สุรีย์พัชร) โอเค หนูใช้ความจำ คือ... คืออันว่า... หนูต้องตอบว่าคำถามข้อนี้นะ ถ้าหนูตอบว่าได้อันดับแรกเลยค่ะ อาจารย์กากบาทให้หนูทันทีเลยลูก การออกแบบครั้งนี้ถ้าหนูจะออกแบบให้ผู้พิการทางสายตา ขาดซึ่งองค์ประกอบหลัก คือ อักษรเบรลล์ นั่นแสดงว่าการตอบครั้งนี้ตี๋น้อยได้... ไม่มีคะแนนเลย เพราะไม่ได้ Support ให้กับผู้พิการทางสายตา ในขณะเดียวกันนะคะ กุ้งเต้นกำลังจะออกแบบนิทานอันหนึ่ง ให้กับผู้พิการทางหูกับการได้ยิน เขาไม่ได้ยินเสียงเลยน่ะ แต่กุ้งเต้นไม่ได้เอาเสียงเข้าไปข้างในระบบนั้น ถามว่ากุ้งเต้นออกแบบครั้งนี้จะได้คะแนนหรือไม่คะ อาจารย์ขอหมายเลข 7 ตอบค่ะ หมายเลข 7 ลูก ค่ะ ได้ไหมคะ (ล่าม) สำหรับคนตาบอดจะต้องใช้อักษรเบรลล์น่ะค่ะ แต่ว่าถ้า... ต่างจากคนปกติน่ะค่ะ คือ ใช้สายตาดูได้ค่ะ แต่คนตาบอดสามารถใช้อักษรเบรลล์น่ะค่ะ แล้วก็สามารถฟังเสียงไปด้วยได้เหมือนกันค่ะ (อาจารย์สุรีย์พัชร) มั่นใจว่าน้องตอบได้นะ มั่นใจอยู่นะว่าน้องตอบได้ โอ้โห มองไม่เห็น เบามากค่ะ ไม่ได้ยินเลย พี่ล่ามช่วยแปลของน้องใหม่ได้ไหมคะ คำตอบน่ะค่ะ เสียงเบามาก ๆ เลยเมื่อสักครู่ (ล่าม) สำหรับคนตาบอดนะคะ จะสามารถใช้มือคลำอักษรเบรลล์ได้ค่ะ แล้วก็ได้ยินเสียงไปพร้อม ๆ กันค่ะ แต่ว่าสำหรับตัวคอมพิวเตอร์น่ะค่ะ ถ้ามีประโยชน์จะต้องมีเสียงด้วยค่ะ (อาจารย์สุรีย์พัชร) ก็แสดงว่ากุ้งเต้นทำไม่สำเร็จถูกไหมคะ เพราะขาดเสียงจริงไหม ใช่ไหมคะ (ล่าม) ค่ะ ใช่ค่ะ (อาจารย์สุรีย์พัชร) โอเคค่ะ มาเข้าบทเรียน หนูเข้าไปดูใน Classroom นะคะ อาจารย์ให้สไลด์เรียบร้อยแล้ว วันนี้เราจะอยู่ในเรื่องของ Universal Design หนูเรียนมาทั้งหมดเป็นในลักษณะของการเตรียม Implement ในการ Connect กับผู้ใช้ เราจะทำอย่างไรทุกสิ่งทุกอย่างเราต้องสัมผัสรู้ได้ เช่น หนูจับเมาส์ กุ้งเต้นจับเมาส์พอดีเลย กุ้งเต้นจับเมาส์ปุ๊บคอมพิวเตอร์รู้ทันทีเลยค่ะ ว่าตอนนี้เมาส์ถูกการขยับ นั่นคือการตอบโต้ทันที แต่ถ้าเมื่อไรก็ตามที่ตี๋น้อยมาจับเมาส์เดียวกับกุ้งเต้นปั๊บ เกิดอะไรเกิดขึ้นคะ สิ่งแวดล้อมเกิดขึ้นก็เกิดทำไมคะ เกิดการหน่วงของเวลาเกิดการคุยกัน นั่นเขาเรียกว่าอะไรคะ พูดง่าย ๆ คือ มีความคิดมากขึ้นก็เกิดการโต้เถียงมากขึ้นนะ เข้าไปดูสไลด์ได้เลยค่ะ หนูเปิดใน Classroom ได้เลยนะคะ อาจารย์เปิดให้เรียบร้อยแล้วนะคะ เปิดดูได้เลย Universal Design คราวนี้ภาษาอังกฤษมาล่ะ ขอตี๋น้อยได้ไหมคะ Universal แปลว่าอะไรลูก Universal ตามความเข้าใจของตี๋น้อยเลยนะคะ ตามความเข้าใจของหนูเลยลูกไม่ต้องค้นก็ได้ค่ะ ตอบเลยลูก เป็นกว้าง หรือแคบก็ได้ค่ะ Universal กว้างหรือแคบ ลักษณะจะกว้างหรือแคบคะ Universal (ล่าม) กว้างครับ (อาจารย์สุรีย์พัชร) โอเค เยี่ยม (อาจารย์สุรีย์พัชร) เดี๋ยวอาจารย์หาดินสอปากกาก่อนแป๊บหนึ่ง ขอติ๊กคะแนนให้ เมื่อกี้มาร์กี้นะ กับใครนะคะ อีกคนหนึ่ง กุ้งเต้นด้วยอีก 1 ค่ะ ข้าง ๆ มาร์กี้ องุ่น มาอาจารย์ขอเขียนก่อนนะ กุ้งเต้น 1 แต้มค่ะ มาร์กี้เมื่อสักครู่นี้นะคะ 2 แต้มค่ะ และข้าง ๆ มาร์กี้ค่ะ ชื่ออะไรนะลูก องุ่นนะคะ องุ่น 1 แต้มค่ะ โอเค ตี๋น้อยตอบได้ครึ่งเดียวนะคะ อาจารย์ขอให้ตี๋น้อยครึ่งคะแนนค่ะ ทัตเทพนะคะ ตี๋น้อย เดี๋ยวอาจารย์ถ่ายรูปให้ดูค่ะวันนี้นะ สิ้นคาบจะถ่ายรูปคะแนนการตอบคำถามให้ แล้วหนูก็ไปบวกกันคะแนนกลางภาคนะ หนูจะได้รู้คะแนนเบื้องต้นนะ มา พอกว้างปุ๊บการออกแบบตอนแรกเมื่อสักครู่ที่เราก่อนสอบไปนี่หนูรู้กฎในการออกแบบแล้ว เมื่อหนูรู้กฎในการออกแบบ กฎก็คือกฎค่ะ หนูไม่สามารถที่จะดิ้นออกจากกฎได้ แต่กฎมันก็มีโอกาสที่จะขยับ หรือการขยายได้เช่นเดียวกัน หนูมาดูในแต่ละข้อ เขาบอกว่าถ้า Equitable Use ถ้าหนูจะใช้ข้อมูลหนูจะใช้อย่างไรนะคะ หรือ Flexibility In Use ข้อมูลอะไรก็ตามที่มัน Split เช่น อาจารย์ยกตัวอย่างนะคะ อากาศหนาวหนูเดินออกมาหน้าบ้านปั๊บหนูคว้าร่ม หรือเสื้อกันหนาว เสื้อกันหนาวถูกไหมคะ หนูคว้าเสื้อกันหนาว แต่ถ้าหนูเดินออกมาจากบ้านปุ๊บได้ยินเสียงฟ้าร้อง อ๋อ ฝนจะต้องตกแน่ ๆ คว้าร่มใส่กระเป๋า นั่นคือตัว Flexibility เป็นข้อมูลจำเพาะ หนูจะกรอกหมายเลขโทรศัพท์หนูจะกรอกเป็นตัวเลขไม่ได้ เพราะหมายเลขโทรศัพท์ไม่ได้นำมาบวกกัน จะต้องกรอกเป็นตัวหนังสือ หรือเขียนว่า Text T-e-x-t Text นะคะ Simple ค่ะ Simple and Intuitive to Use ตัวที่ยกตัวอย่างไม่ว่าอะไรก็ตามเวลาที่หนูเขียนลงไปปั๊บให้เขากรอกข้อมูล เช่น หนูจะให้เขากรอกหมายเลขบัตรประชาชน หนูจะต้องใส่ข้างหลังให้ใช่ไหมคะ เช่น แล้วหนูก็ใส่ตัว X X X X X X เท่ากับจำนวน 13 หลัก เพื่อเป็นตัวอย่างให้กับผู้กรอกข้อมูลนั้นนะ กรอกข้อมูลได้ นั่นน่ะ เขาเรียกว่า "ตัวอย่างด้านหลัง" ทุกอย่างที่หนูออกแบบอย่าคิดว่าทุกคนรู้นะคะ ทุกคนไม่รู้ลูก ทุกคนไม่รู้ ให้คิดว่าทุกคนไม่รู้ หนูจะต้องมีตัวอย่างด้านหลังให้ดูนะ เหมือนอย่างที่อาจารย์พูดไป 1 คำปั๊บ อาจารย์จะยกตัวอย่างให้หนูทันทีนะคะ ตัว Percentile ตัวนี้เป็นข้อมูลที่เมื่อไรก็ตามที่เกิดการเข้ามาใช้งาน เช่น หนูใช้วิธีการในการออกแบบหน้าจอในเรื่องของการค้นหา พอพ้นเดือนมกราคมปุ๊บ หนูกำลังจะหา Percentile ว่าภาคใดเป็นภาคที่มีการใช้ Google มากที่สุด เอาค่านั้นออกมาเป็น Percentile คิดออกมาเป็นเปอร์เซ็นต์ได้นะคะ หรือหนูจะหาค่า Error คือ ใครที่กรอกข้อมูลผิด หนูเข้าใจคำว่า "Tally" ไหมลูก Tally เช่น คนตอบได้ 1 คะแนนหนูขีด 1 ตอบได้ 2 คะแนนหนูขีดได้ 2 ล่ะ พอ 3 หนูขีดเป็นอะไรคะ 3 พอ 4 ปั๊บหนูขีดทิ้งหนูกลายเป็น IV โอเคไหมคะ 5 หนูขีด 1 ทิ้งทั้งหมดเลยค่ะ หนูกลายเป็น V อักษรโรมัน นั่นคือการ Tally คะแนนนะคะ แต่ถ้าการยกรวมขึ้นมาเมื่อไรปุ๊บหนูต้องทำการคำนวณ เหมือนที่อาจารย์ทำเมื่อสักครู่นี้ตาราง Excel อาจารย์คำนวณมาแล้วค่ะเกรด ตอนนี้เกรดทุกคนเป็น F ถูกไหมคะ เพราะมีคะแนนเพียงแค่ Midterm นะ เต็ม 30 ยอดมันต้องเต็ม 100 อย่างไรหนูก็ต้องเป็น F นะคะ ไม่ต้องห่วงค่ะ เดี๋ยวเกรดจะปรับ ส่วนทางด้านของ Low Physical Effort ตัวนี้จะเป็นในการออกแบบที่ถ้าหนูจะออกแบบข้อมูล ในการออกแบบของ Universal นี่จะเป็นการออกแบบแนวกว้างเลย เราไม่รู้หรอกค่ะ ว่าคนที่จะใช้ระบบของเรานี่เขาเป็นใคร เขาเป็นผู้พิการไหม หรือเขาเป็นคนปกติหรือไม่ หรือเขาเป็นคนสายตาสั้น หรือเขาเป็นสายตายาว เราต้องมีมาตรฐานให้กับเขาเวลาออกแบบนะคะ เลยมาถึงข้อนี้เรื่องของ Size และช่องว่าที่เขาจะใช้ ถ้าหนูออกแบบตัวกรอกข้อมูลติด ๆ ๆ ๆ ๆ กันปุ๊บนี่ ไม่มีใครใช่ไหมลูก ไม่มีใครหรอกที่จะทำ เหมือนกับหนูนำเสนอหนูจำได้ไหมคะ ที่หนูมานำเสนอกัน สไลด์ของหนูติดพรืดเลย แล้วหนูก็มี Banner ออกมา ไม่สื่อถึงตัวละครในนั้นที่หนูบอกว่าเป็นเกมอะไรนะคะ เกม... เกมการ์ดน่ะค่ะลูก เป็นที่เกมการ์ดหนูจำได้ใช่ไหมคะ ที่นำเสนอกันเป็นเกมการ์ด แต่หนูกลับไม่มีตัวสไลด์เป็นเกมการ์ดเลย เป็นภาพตัว... เขาเรียกว่าอะไรนะคะ ผลไม้บ้างอย่างนี้ค่ะ เป็นรูปสัตว์บ้างเป็นรูปอะไรบ้างนะ นี่ตัวนี้นะคะ Multi-Sensory Systems นะคะ เขาจะมองว่าเมื่อไรก็ตามที่หนูกำลังจะกรอกข้อมูลลงไป มันมีข้อมูลมากมาย ยกตัวอย่างเช่น เสียง Sound นะคะ Text ข้อความ Hypertext ข้อความที่ขีดเส้นใต้นะคะ หรือ Animation มีภาพดุ๊กดิ๊ก ๆ ๆ เด็ก ๆ ชอบใช่ไหมคะ หรือหนูจะเอาวิดีโอเหมือนโปรเจกต์ของหนูน่ะค่ะ ที่หนูจะไปถ่ายทำวิดีโอขึ้นมานะคะ หรือภาพกว้าง ๆ ที่อาจารย์ท่านบอกว่านี่หนูจะไปทำเรื่องของวัดนี่ หนูจะต้องถ่ายแนวกว้างนะ สลับกันถ่ายนะ ไม่ใช่ถ่ายเฉพาะตัวบุคคล เฉพาะตัวผู้พูด จะต้องถ่ายภาพให้มันกว้างให้เห็นด้านหลังว่าหนูกำลังพูดถึงอะไรด้วยนะคะ ทีนี้พอมาดูในเรื่องของตัวควบคุม ทุกครั้งหนูสังเกตไหมคะ ว่าถ้าหนูเปิดเครื่องแล้วใช้เวลานานหนูจะเริ่มเกิดอาการหงุดหงิดนะคะ เขาถึงได้ทุกอย่างในหน้าจอไม่สมควรจะวางไว้บนหน้าจอ หน้าจอ คือ หน้าจอที่หนูเปิดขึ้นมาเลยนะคะ ตัว Taskbar หนูจะ... ถ้าหนูใส่ไว้เยอะกว่าเขาโหลดขึ้นมาเยอะพอสมควรนะคะ แต่ถ้าอีกอันหนึ่ง คือ Handwriting หนูเคยรู้จักไหมคะ ที่ใช้การเซ็นแบบ... นะคะ ต่อมาลูกต่อมาเป็น Consider Considering Applications as well as Principles อาจารย์ขอโทษทีนะคะ ที่อาจารย์ใช้ตัวสไลด์เป็นภาษาอังกฤษ หนูจะได้คุ้นกับภาษามากขึ้น ถ้าใช้ภาษาไทยหนูก็จะได้เห็นแต่ภาษาไทย เราจะได้เห็นภาษาที่แตกต่างไปนะ แล้วก็เป็นภาษาที่เข้าใจง่ายด้วยนะคะ ลองมาดูในเรื่องของ Usable Senses อันนี้หนูรู้ตั้งแต่หนูเสนอหัวข้อแล้วค่ะ 5 Senses ที่หนูรู้ Sight Sound Touch Taste and Smell Sound เสียง Touch สัมผัส Taste ทดสอบ and Smell Smell คืออะไรลูก นั่งเลขที่ 10 ลูกตอบอาจารย์หน่อยได้ไหมคะ เลขที่ 10 ตี๋สั้นใช่ไหมคะลูก ชื่อตี๋ ตอบอาจารย์ได้ไหมคะ เลขที่ 10 ลูกโต๊ะที่ 10 ครับผม ถูกต้องลูก ถูกต้อง อ๋อ ค่อย ๆ นะคะ ค่อย ๆ เป็นห่วง หนูตอบอาจารย์หน่อยนะคะ อาจารย์อยากถามว่า Touch แปลว่าอะไรคะ การสัมผัส Taste Smell การอะไรนะครับ ได้กลิ่น แสดงว่า Senses ทั้งหมด 5 Senses ทุกคนเป็นพื้นฐานต้องรับรู้ล่ะ อาหาร 1 จานวางเอาไว้บนโต๊ะ หนูเห็นแต่หนูไม่ได้ยินเสียง แต่หนูสัมผัสได้หนูได้กลิ่นอย่างน้อยก็อยู่ภายใน 5 นั้น ๆ หนูได้ใช้ทุก ๆ วันแต่ไม่รู้ว่าหนูใช้หรือไม่นะคะ ส่วนตัวคอมพิวเตอร์เขาจะเป็นในลักษณะ Rich Interaction ยกตัวอย่าง A Rich Interaction อาจารย์ถามหมายเลข 8 ได้ไหมคะ Rich ตัวนี้แปลว่าอะไรลูก Rich R-i-c-h แปลลูกตรงตัวเลยค่ะลูก มาร์กี้ตอบว่าอะไรนะครับ อีกทีสิลูก Rich ตัวนี้แปลว่าอะไรครับ มาร์กี้ครับ ใช้ Hiht Technology ด้วย โทรศัพท์ Translate ส่องแปล ตอบลูกตอบ พี่ล่ามพูดดัง ๆ ได้ไหมคะ (ล่าม) พอดีน้อง... น้องยังไม่ได้แปลนะครับ สักครู่นะครับ เหมือนน้องยังสับสนอยู่น่ะครับ ว่าภาษาอังกฤษตัว R เดี๋ยวน้องกดจิ้มดูอยู่นะครับ สักครู่ครับ (อาจารย์สุรีย์พัชร) มาร์กี้จะตอบว่าอะไรลูก ลองอีกทีสิคะ (ล่าม) ครับ น้องสะกด R-i... R-i-c-h รวยครับ ครับ แปลว่ารวยครับ (อาจารย์สุรีย์พัชร) โอเคค่ะ อ๋อ น้องกำลังสะกดอยู่ หนูดูบรรทัดสุดท้ายค่ะ พวกเราสามารถใช้อะไรได้บ้าง Sight Sound Touch เป็นบางครั้งถูกไหมลูกเป็นบ้างครั้ง แต่พวกเราไม่สามารถที่จะใช้ตัวนี้ได้ค่ะ Taste หรือ Smell ได้ทุกอย่าง ยกตัวอย่างเช่น หนูออกแบบหน้าจอหนูจะสัมผัสได้ไหม หนูจะได้กลิ่นไหม นอกเสียจากว่าเทคโนโลยีเรามาถึงแล้ว โรงหนังมีแล้วใช่ไหมลูก 4G เข้าใจใช่ไหมคะ 4G พอเวลามีน้ำตกมาปุ๊บก็มีน้ำเข้ามาหาเราได้เลย พอเวลาเขาตกเหวเก้าอี้เราก็จะโยกเหมือนเราตกเหว เพราะเราใส่แว่นตัวหนึ่งเหมือนเราเข้าไปอยู่ในหนังนั้นนะ เดี๋ยวอาจารย์พิเชนทร์จะพาไปลูก เดี๋ยวอาจารย์พิเชนทร์พาไป ไปดูหนัง 4G มันเป็นการออกแบบทั้งนั้นเลยอย่างไรคะ พี่เรื่องหน้านี้ Multi-Modal กับ Multi-Media ต่างกันอย่างไรลูก จากหน้าสไลด์นี้ดูนะคะ Multi-Modal Systems เขาจะใช้มากกว่าใช่ไหมคะ More Than One Sense หรือ Mode Interaction ยังจำได้ไหมคะ Interaction คืออะไรลูก ใครตอบได้หนูยกมือเลยค่ะ ใครตอบได้ยกมืออาจารย์ให้ 2 คะแนนค่ะ เราผ่านมาแล้วลูกถึง 10 บท Interaction อาจารย์พูดมาตลอดนะคะ คำนี้ แปลว่าอะไรคะลูก ใครตอบได้ยกมือเลยค่ะลูก 2 แต้มเป็นของหนู Interaction ค่ะ Interaction ใครได้ยกมือค่ะลูก เร็วอาจารย์นับเวลาถอยหลังนะ โอเคค่ะ มาร์กี้จะตอบลูกเชิญค่ะลูก มาร์กี้ตอบเลย 2 แต้มเป็นของมาร์กี้ค่ะ ตอบได้ Interaction (ล่าม) จำไม่ได้ครับ (อาจารย์สุรีย์พัชร) จำไม่ได้ ใครจำได้ยกมือสิลูก Interaction Action คือ การแสดงใช่ค่ะ Action คือ การแสดงแน่ ๆ แล้ว Interaction Inter ทำมาจากนานาชาติ เป็นการโต้ตอบไหมคะ Interaction เป็นการโต้ตอบกันไหม เช่น อาจารย์บอกให้กุ้งเต้นไปซื้อราดหน้า กุ้งเต้นตอบว่าแถวนี้เขาไม่ทำราดหน้ากันค่ะ แล้วกุ้งเต้นจะต้องไปหาไหมคราวนี้ กุ้งเต้นบอกว่าหนูไม่มีรถ นี่ค่ะ คือ การ Interaction ซึ่งกันและกัน อย่างนี้เขาเรียกว่าการ "Interaction" หนูเคยทำแล้วนะคะ การบ้านหนูก็ทำแล้ว การ Interaction ถ้ามีสิ่งแวดล้อมเข้ามาเกี่ยวข้องแล้วผลจะเกิดขึ้น คือ เวลาจะมากขึ้นในการตัดสินใจ เพราะเรามีอะไรคะ เรามีหัวข้อหรือเรามีความคิดอื่น ๆ แทรกเข้ามาจำได้ไหม อยู่บทที่ 6 มั้งถ้าอาจารย์จำไม่ผิดนะคะ อยู่บทที่ 6 ส่วน Multi-Media Systems เหมือนหนูเปิด YouTube เปิด YouTube ด้วยหนูเปิด Facebook ด้วยดู Real ด้วย ถ้าเครื่องคอมพิวเตอร์ของหนูศักยภาพไม่พอ เขาก็จะทำไมคะ หน้าจอเหมือนกับเน็ตน่ะค่ะ มันก็จะหมุนใช่ไหมคะ หน้า... หน้าจอก็จะค้าง นั่นล่ะค่ะ เข้าจะเรียกว่า "Multi-Modal" กับ "Multi-Media Systems" ถ้าหนูออกแบบออกมาปั๊บนะคะ หน้าจอ เพราะว่าโปรเจกต์ของหนูน่ะ อาจารย์ไม่ได้ให้หนูเขียนเป็นโปรแกรมอยู่แล้วค่ะ ในรายวิชานี้ แต่หนูต้องออกแบบหน้าจอ แล้วหนูต้องตอบอาจารย์ได้ว่าหนูออกแบบไปเพื่อใคร การออกแบบหน้าจอ คือ หนูจะต้องวาดรูปนะคะ วาดรูปออกมา หนูจะมีเมนูอะไรบ้าง หนูจะให้เขากรอกอะไรบ้าง หน้าจอนี้เป็นหน้าจอเพื่อทำอะไร พอหนูทำเสร็จปุ๊บอาจารย์จะถามว่าหนูใช้ Multi-Modal Systems หรือ Multi-Media Systems ถ้าหนูใช้ Multi-Model Systems แสดงว่าหนูใช้มากกว่า 1 โอเคนะคะ หนูใช้มากกว่า 1 แต่ถ้าเป็น Multi-media Systems หนูจะใช้ตัวเลขที่มีความแตกต่าง ของ Media ในการติดต่อสื่อสารกับสารสนเทศ ยกตัวอย่างเช่น ถ้าคอมพิวเตอร์เป็นระบบการสอน เขาจะใช้วิดีโอใช้ Animation ใช้ข้อความ หรือรูปภาพต่าง ๆ ซึ่งมีความแตกต่างในการใช้งานในแต่ละ Interaction ในการโต้ตอบ บางทีเขาอาจจะใช้เสียง หรือใช้ความเร็ว หรือใช้ความเร็วที่ช้าลง ซึ่ง 2 Media นั้นเราสามารถที่จะใช้ในโหมดที่แตกต่างกันได้ หนู... จำได้ไหมคะ เกม เกมไม่ได้เป็นแบบเดียวทั้งหมดถูกไหมคะ ตลอดเกม มันจะมีการแทรก พอหนูได้ด่านที่ 2 อาจที่จะมีเสียง Effect เกิดขึ้น พอได้ด่านที่ 3 หนูอาจจะได้อะไรคะ เขาเรียกว่า "เครื่องมือ" หรือเปล่า หรืออะไร อาวุธน่ะค่ะ ได้อาวุธเกิดขึ้นมา หนูสามารถที่จะสู้กับตัวละครตัวใหญ่ได้ อย่างนี้เป็นต้นนะคะ นั่นคือ Multi-Media Systems ตัว Speech นะคะ ตัวนี้ Human เขาเริ่มต้น Human คือ บุคคล บุคคลเริ่มต้นที่จะเติบโตและทำไมคะ เริ่มต้นที่จะหาความเร็วให้เกิดขึ้น เขาเลยสร้างความ Difficult ให้เกิดขึ้นแบบ Complexities ให้เกิดความซับซ้อน แต่มันง่ายต่อการติดต่อสื่อสาร ยกตัวอย่างเช่น หนูกำลังที่จะติดต่อกับพี่ล่ามเห็นไหมคะ ก็มีทำไมคะ มี Software เกิดขึ้น ให้หนูสามารถ Connect กับอาจารย์ได้ด้วยนะคะ โดยผ่านพี่ล่าม นี่ไงคะ นี่ล่ะค่ะ เขาเป็นความซับซ้อนถูกไหมคะ เป็นความซับซ้อน แต่มันก็ดูง่ายสำหรับการใช้งาน นั่นล่ะคือเป้าหมายของ HCI เราจะทำอย่างไรให้ความซับซ้อนทั้งหลายแหล่ที่มันมีอยู่นี่ มันง่ายนี่ค่ะ เหมือนกับระบบเห็นไหมคะ หนูจะมีพี่ล่าม หนู Connect ได้หนูมี Software พอเวลาหนูจะตอบปั๊บ ทำไมคะ ภาพหนูขึ้น หนูทำการตอบคำถาม พี่ล่ามทำการแปลภาษาให้ อาจารย์รู้เรื่องทันทีนะคะ ว่าหนูตอบว่าอะไรคะแนนจึงเกิด นี่ค่ะ คือการ Interaction ระหว่างนักศึกษากับอาจารย์ โอเคนะคะ โครงสร้างของ Speech อาจารย์ถามดีกว่าว่า Speech แปลว่าอะไรเดี๋ยวไม่กระจ่าง ตี๋น้อย ตี๋น้อยครับ ตี๋น้อยลูก ตี๋น้อยตอบอาจารย์หน่อยค่ะ Speech ตัวนี้แปลว่าอะไรคะ S-p-e-e-c-h Speech ตัวนี้แปลว่าอะไรลูก ลองดูสิคะ ลองตอบดูสิลูกลองตอบดู กุ้งเต้นจะช่วยใช่ไหม กุ้งเต้นอยากช่วยใช่ไหม กุ้งเต้นอยากช่วยใช่ไหม ถ้าหนูอยากช่วยพยักหน้า แบ่งคะแนนกับตี๋น้อยคนละคะแนน พร้อมตอบหรือยังครับ ตี๋น้อยครับ พร้อมตอบหรือยังลูก Speech ตัวนี้แปลว่าอะไรคะ (ล่าม) แปลว่าพูดครับ (อาจารย์สุรีย์พัชร) อะไรนะคะ พี่ล่ามอีกทีสิคะ (ล่าม) แปลว่าพูดครับ (อาจารย์สุรีย์พัชร) ผู้พิทักษ์ (ล่าม) พูดครับ คำพูดครับ (อาจารย์สุรีย์พัชร) ใช่เหรอ กุ้งเต้นจะตอบว่าอะไรลูก (ล่าม) แปลว่าคำพูด (ล่าม) คำพูดครับ (อาจารย์สุรีย์พัชร) มีใครคิดต่างไหมคะ มีใครคิดต่างไหมลูกยกมือเลยค่ะลูก ใครคิดต่างจากคำว่า "ผู้พิทักษ์" (ล่าม) อาจารย์ครับ น้องแปลว่าพูดค่ะ ได้ยินชัดเจนไหมคะ แปลว่าพูดค่ะ (อาจารย์สุรีย์พัชร) ใครอยากตอบไหมคะ Speech ตัวนี้แปลว่าอะไรลูก Structure of Speech อาจารย์ไม่ถาม Structure นะคะ ไม่ถาม Structure of แต่ถามแค่ตัว Speech ตัวนี้แปลว่าอะไรคะ โครงสร้างผู้พิทักษ์ มาร์กี้ตอบลูก มาร์กี้ตอบว่าอะไรลูก มาร์กี้หนูจะตอบว่าอะไรคะ (ล่าม) พูด พูดครับ อาจารย์ได้ยินไหมคะ (อาจารย์สุรีย์พัชร) ไม่ได้ยินค่ะ ขออีกทีค่ะ (ล่าม) แปลว่าพูดค่ะ แต่ว่าน่าจะจับว่าเป็นผู้พิทักษ์น่ะค่ะ แต่ว่าแปลว่าพูด (อาจารย์สุรีย์พัชร) อ๋อ น้องจะตอบว่าผู้พิทักษ์ใช่ไหมคะ (ล่าม) ไม่ใช่ค่ะ พูดค่ะ น้องตี๋น้อยเขาแปลว่าคำพูดครับอาจารย์ น้องตี๋น้อยแปลว่าคำพูด มาร์กี้ก็ตอบว่าคำพูดครับ (อาจารย์สุรีย์พัชร) พระพูด (ล่าม) คำพูดครับ (อาจารย์สุรีย์พัชร) คำพูดใช่ไหมคะ คำพูด โอเคขอบคุณมากค่ะ พี่ล่ามคะ ค่ะ ขอบคุณมากค่ะ (ล่าม) ครับ ตอบเหมือนกันทั้งตี๋น้อยแล้วก็น้องมาร์กี้ครับผม (อาจารย์สุรีย์พัชร) ทั้ง 2 คนตอบเหมือนกันเลยใช่ไหมคะ (ล่าม) ใช่ ๆ ครับ แปลว่าคำพูดเหมือนกันทั้ง 2 คน (อาจารย์สุรีย์พัชร) โอเคค่ะ ขอบคุณค่ะ พี่ล่ามคะ 1 คะแนนค่ะ มาร์กี้และน้องตี๋น้อยค่ะ ค่ะ อาจารย์ขอโทษนะคะ อาจารย์ฟังไม่ชัดเจนเอง อย่างนั้นแสดงว่าเขาเป็นโครงสร้างของเนื้อความ หรือข้อความนั้น ๆ เป็นอย่างไรล่ะ Phonemes ค่ะ มันมีถึง 40 Them เลยนะ แล้วก็มีถึง Basic Atomic ก็คือมีพื้นฐานมีทั้งเสียงที่มีความแตกต่างในการเกิดขึ้น เสียงแต่ละเสียงอาจจะมีขนาดใหญ่ขนาดเล็ก คือ เสียงที่หนูบันทึกน่ะค่ะ เวลาที่หนูทำโปรเจกต์ใช่ไหมคะ บางช่วงอาจจะมีปริมาณมาก ไฟล์นะคะ ค่าของไฟล์ เช่น ตรงนี้ 4 Mbps ตรงนี้ 2 Mbps ตรงนี้ 1 Mbps เป็นต้น นั่นคือตัวของ Phonemes นะคะ ตัว Allophones นะคะ ตัวนี้จะเป็นเสียงที่มีช่วงระหว่าง 120 และ 130 นะคะ 120-130 ระยะเสียงของเราที่เราจะได้ยินนะ ตัวของ Morphemes Morphemes จะเป็นในเรื่องของ Smallest unit of language that has meaning เป็นความหมายของภาษาเล็ก ๆ Smallest เล็ก ๆ ภาษาเล็ก ๆ ตัวน้อย ๆ เป็นคำพูดตัวเล็ก ๆ ที่มีการเขียนเอาไว้ตัวด้านล่าง หนูเคยเห็นไหมคะ ตัวหนังสือที่... หนังสือน่ะค่ะ ที่มีด้านล่างเป็นเชิงอรรถ แล้วเขาจะมีคำอธิบายด้านล่างไว้ให้นะคะ หนูลองไปดูนะคะ ในหนังสือบางหนังสือเขาจะมีด้านล่างเลยค่ะ เขาเรียกว่า "เชิงอรรถ" นะคะ จะมีคำตัวเล็ก ๆ ค่ะ เป็นการอธิบายความหมายในคำในหน้านั้นนะคะ พูดง่าย ๆ คือ เชิงอรรถนั่นเอง ต่อค่ะ ถ้าหากว่าเป็นในแง่ของ Prosody นะคะ ก็คือเป็น Alteration ก็คือเส้นทางของตัวปริมาณ หรือตัวของ Variations ที่เป็น เช่น ถนน เป็นต้นนะคะ แต่ถ้าทำการ Co-articulation มันจะเป็นค่าของค่า Effect ของคอนเทนต์นั้น ๆ เสียงน่ะค่ะ เวลาที่หนูอัดเดี๋ยวหนูไปอัดหนูจะรู้เลยค่ะ ว่าทำไมเสียงหมาเห่าแทรกเข้ามาใช่ไหมคะ หนูต้องการไหมคะลูก เวลาที่หนูจะบันทึกเสียง หนูไม่ต้องการเสียงใด ๆ เลยใช่หรือไม่คะ ที่เสียงนั้นน่ะ จะเข้ามาหาตัวหนูเองนะ น่าจะมีแต่เสียงของหนู เช่น หนูไปที่วัด ที่วัดต้องมีหมาแน่ ๆ แหละท่านนะคะ นี่พอหมา หมาเห่าพอดีเป๊ะเลย หนูต้องทำไมคะ ตัดเสียงส่วนที่มีเสียงหมาตัวนั้นน่ะออกนะคะ นั่นคือส่วนหนึ่งเลยนะคะ ในการทำโปรเจกต์ ปัญหาที่เกิดขึ้นเวลาที่หนูใช้คำพูด เกิดข้อแตกต่างของคนล่ะ คนแต่ละคนจะมีคำพูดที่แตกต่างกันนะคะ จะมีคำพูดที่แตกต่างกัน ซึ่งคำพูดนั้น ๆ ที่แตกต่างกันน่ะ อาจจะเป็นในเรื่องของ Accent หรือ Intonation ของเรานะคะ หรือ Stress ของเรา หรือ Volume เสียงน่ะค่ะ เสียงแต่ละคนไม่เหมือนกันถูกไหมคะ มี Volume ไม่เท่าเทียมกัน Syntax นะคะ Syntax Syntax จะเป็นในลักษณะของข้อมูลที่หนูจะทำการกรอกข้อมูลลงไป ว่าหนูจะทำการ Similar นะ หนูจะทำการเปรียบเทียบว่าตัว ก ไก่ ที่หนูพิมพ์ลงไปในหน้าจอ ระบบคอมพิวเตอร์เขามอง ก ไก่ เป็นเลขฐานนะคะ เป็นตัวปิด-เปิด 0 1 0 1 ซึ่งของเขาเป็นเลขฐาน 16 นะ แต่อาจารย์ไม่สอนนะคะ เลขฐาน 2 ไม่สอนนะ อันนี้ไม่สอน ไม่ขอสอนเลขฐาน 2 นะคะ Background ค่ะ หนูรู้จักคำว่า "Background" กันไหมคะ นะคะ Background Noises Interfere นะคะ ตัว Background คือ พื้นหน้าจอของหนูน่ะค่ะ หนูจะออกแบบหน้าจออย่างไรให้มันเหมาะสมกับผู้ใช้ ยกตัวอย่างเช่น หนูต้องการออกแบบหน้าจอให้ อบต. แล้วคราวนี้ อบต. เขาต้องใช้สีอะไร หนูต้องรู้ไว้เลยว่า อบต. นี้เขามีสีประจำของเขานี่ใช้สีอะไร หนูก็ต้องใช้โทนสีนั้นให้กับเขา หรือหนูกำลังจะคิดออกแบบหน้าจอการติดต่อสื่อสารให้กับมหาวิทยาลัย มหาวิทยาลัยราชภัฏสกลนครใช้สีอะไรเป็นสีประจำ หนูก็ต้องมีโทนสีนั้นถูกไหมคะ มีโทนสีนั้นใส่เข้าไปด้วย หนูลองมาดูตรงนี้ค่ะ คำนะคะ คำที่หนูมีความต้องการที่จะให้เขาเข้าใจใน Sentence นั้น ๆ ถ้าอาจารย์บอกว่านักศึกษากรุณาออกแบบหน้าจอ เพื่อ... เพื่อสนับสนุนให้คนที่ไม่สามารถมองเห็นได้ใช้งานได้ แต่นักศึกษาเขียนมาเป็นข้อ ๆ ๆ ๆ อันนี้แสดงว่าเรา Interaction ไม่ตรงกันถูกไหมคะ ไม่ตรงกันเพราะหนูไม่ออกแบบหน้าจอมาสักคนเลยลูกคำตอบข้อนี้ นี่ค่ะ เขาเรียกว่า "Words not enough" นะคะ มายกตัวอย่างเช่น Even if เหตุการณ์นี้นะคะ ถ้า Error เกิดขึ้นกับฉัน ฉันก็จะบอกว่า Don't like this โอ้โห ฉันไม่ชอบสิ่งนี้เลย หรือหนูจะทำการ Recognise ก็ได้นะคะ ตัวนี้ หนูเคยเห็นไหมคะ เขาขึ้นคำว่า "Ignore" เวลาหนูทำอะไรไม่ได้ระบบมันจะขึ้น... ขึ้นมา Pop-up ขึ้นมาให้เลยค่ะ คำว่า "Ignore" Ignore แปลว่าอะไรหนอ ใครตอบได้ไหมคะ Ignore นะคะ Phonetic Typewriter เป็นการพัฒนาตัวสิ้นสุดแล้วตัวนี้นะคะ หนูพัฒนามาจนสุดทางล่ะ ก็คือ Universal ตอนแรกน่ะ หนูออกแบบแค่เฉพาะบุคคล แต่ตอนนี้หนูออกแบบให้สากลรับรู้รับทราบแล้วว่านี่นะ เราออกแบบให้กับหลาย ๆ ศาสตร์ แล้วหนูจะทำอย่างไรให้รู้ล่ะค่ะ ว่าหนูออกแบบให้... มีเป็น Universal หนูก็ต้องมี Choice ให้เขาเลือกใช่ไหมคะ คุณเป็นคน... เหมือนเขาขายแว่นน่ะลูก เหมือนเขาขายแว่น แว่นตามีทั้งหมดแว่นปกติ แว่นสายตาสั้น แว่นสายตายาวเขาก็ให้หนูเลือก ถ้าหนูเลือกว่าเป็นสายตาปกตินะคะ สายตาปกติปั๊บ คำในหน้าจอก็จะเป็นอักษรปกติ แต่ถ้าหากว่าหนูบอกเป็นสายตาสั้นปั๊บ เขาก็จะเริ่มปรับหน้าจอให้เหมือนกันคนสายตาสั้น แต่ถ้าหนูเลือก Choice ให้เป็นสายตายาว เขาก็จะปรับหน้าจอของตัวของเขาเองนี่นะคะ ที่หนูออกแบบ ให้เป็นเหมาะสมกับสายตายาว แบบนี้ล่ะค่ะ เขาเรียกว่า "Developed for Finnish" เป็นไปตามข้อความ หรือคำพูดที่เขาร้องขอนะคะ ฉะนั้น เราจะทำการทดสอบกันนะคะ ตอนนี้นะคะ ไม่ใช่... ไม่เชิงทดสอบ จะเป็นในลักษณะของการทำงานของคำ เขาเลยใช้คำว่า "Neural Network" Neural คือ สมอง สมองของเรามีเส้นประสาทมากมายเยอะแยะเลยนะคะ เป็นสายของ Network ซึ่งมันจะบรรจุ Cluster นะคะ มีทั้งเสียงนะคะ มีทั้งชื่อและ Corresponding และ Character มากมายในสมองของเรานะคะ เมื่อไรก็ตามที่หนูทำการ Recognise คำพูด ก็คือหนูจะทำการจำเพราะกับคำพูด เสียงนะคะ เขาจะต้องอนุญาตให้การปิดได้ หนูเคยเห็นไหมคะลูก ในการอ่านหรืออะไรก็ตาม เขาจะให้เรากดที่ตัวลำโพงได้ หนูไม่ต้องการฟังเสียงหนูจะดูแต่ภาพก็ทำได้ หนูจะทำการ Print out ตัวนี้ทำได้ไหม ก็ได้อีกโดยการอะไรคะ Capture หน้าจอ ก็ทำได้เช่นเดียวกันนะนะคะ หนูลองมาดูในภาพในหน้าจอนี้ดูบ้างค่ะ อันนี้คือ Phonetic Typewriter หนูดูหน้าจอนะคะ หน้าจอหนูเห็นอะไรคะ ในหน้าจอหนูเห็นอะไรลูกตอนนี้ ใครจะตอบอาจารย์ไหมคะ ในหน้าจอหนูเห็นอะไรคะ ตอบได้ไหมคะ น้ององุ่นขา น้องมาร์กี้ตอบได้ไหมคะ หนูเห็นไหมคะ มันเป็นคำพูดทั้งนั้นเลยน่ะค่ะ a a a a h a ขึ้นอยู่กับว่าอะไรคะ คำพูดนั้น ๆ นะ อยู่ที่ไหน หนูใช้กับประเทศอะไรก็ได้ค่ะ ใครจะตอบยกมือทีค่ะลูก ครับผมเอาเลยครับ (ล่าม) เป็นภาษาอังกฤษที่ช่วยสำหรับคนตาบอดด้วยครับ (อาจารย์สุรีย์พัชร) พี่ล่ามคะ ขออีกทีสิคะ เป็นภาษาอังกฤษที่อะไรนะคะ ช่วยสำหรับ... (ล่าม) สำหรับคนพิการทางสายตาครับ (อาจารย์สุรีย์พัชร) โอ้โห มองข้ามชอร์ตเลยนะนี่ เอาตรง ๆ เลยนะคะ คำตอบในสไลด์นี้ คือ มันเป็นคำคำหนึ่งที่มีการออกเสียงแตกต่างกันเท่านั้นค่ะ เป็นแค่คำที่มันลอยน่ะค่ะ คำที่... ที่ให้เห็นเป็นกลม ๆ ๆ ๆ หนูลองอ่านดูนะคะลูก a a a h เห็นไหมคะ h ตัว a หายไปแล้วก็เลยกลายมาเหลือเป็นตัว h ตัวเดียว พอหนูมาถึงคำตัวนี้ค่ะ ซึ่งอาจารย์ก็ไม่ทราบจริง ๆ ค่ะ ว่าเป็นประเทศไหนใช้นะคะ ตัวนี้ไม่ทราบจริง ๆ น่ะค่ะนะ หนูลองดูตัว r เห็นไหมคะ r r r ในหน้านี้นะ ในสัปดาห์หน้าอาจารย์จะให้หนูมาโยงความสัมพันธ์ให้เป็น Neural Network เดี๋ยวจะพรินต์มาให้แล้วหนูโยงตัวที่เหมือนกัน หรือเป็นคำพูดที่เป็นคำพูดเดียวกัน อะไรที่เป็นคำพูดเดียวกันหนูนำเส้นเชื่อมต่อกัน ยกตัวอย่างเช่นนะคะ a a a a a a โอเคไหมคะ เชื่อมกันนะคะ ลากเส้นต่อเนื่องกันมาเรื่อย ๆ นะคะ ในคาบหน้าอาจารย์จะพาเล่น Neural Network ต่อมาค่ะ ใกล้... ใกล้หมดแล้วนะคะ หนูจะถึงแถว ๆ การบ้านแล้วนะคะ หนูจะ Useful หนูจะใช้ตัวนี้ คำพูดในนี้หนูจะ Recognise เขาได้อย่างไร หนูจะทำการปรับเทียบเขาได้อย่างไร Single User Limited Vocabulary Systems ยกตัวอย่างเช่น คอมพิวเตอร์ Dictionary เด็ก ๆ ใช้ไหมคะ Translate ของ Google ทำไมคะ Copy คำมาวางกดแปล หรือหนูกดกล้องส่อง แต่ทำไมคะ ต้องมีแสงเกิดขึ้นถูกไหมคะ ต้องมีแสงช่วยถึงจะสามารถแปลได้ และภาษาบางภาษาเราก็คงไม่รู้เหมือนกันน่ะนะ ว่าภาษานั้น ๆ น่ะประเทศนี้มีหรือไม่ เพราะบางทีเราก็ไม่รู้ว่ามีประเทศ... เหมือนประเทศแคเมอรูน อาจารย์ยังไม่รู้เลยว่าแคเมอรูนนี่เป็นประเทศหรือเป็นรัฐเป็นอะไรนะ ก็รู้แต่สหรัฐฯ นี่ล่ะค่ะ ตอนนี้ค่ะ กำลังจะมีผลต่อแคนาดากับอะไรนี่ประเทศหนึ่งนะ เรื่องของภาษี อาจารย์รู้แค่นี้แหละตอนนี้นะคะ แต่ถ้าหนูเปิดใช้ปั๊บมันจะเกิด Limit Vocabulary Systems ที่หนูสามารถที่จะใช้ทางสถิติได้ ยกตัวอย่างเช่น หนูใช้เสียงกับโทรศัพท์ หนูเคยไหมคะ แปลโดยการใช้เสียง หนูเคยรู้จักหูฟังที่พูด หนูกดพูดปั๊บมันจะมีฟังก์ชันหนึ่งอาจารย์ก็โหลดมาแล้วนะคะ ลองเล่นแล้ว กดปุ๊บอาจารย์พูดเป็นภาษาไทยแต่เราต้องพูดให้ชัดเจนด้วยนะ ถ้าเราพูดไม่ชัดเจนเขาก็จะพิมพ์ออกมาในคำพูดที่เขาคิดว่าใช่นะคะ แล้วเขาจะแปลออกมาตามภาษาที่หนูเลือกแต่แอปนี้มั่นใจว่าจีนเป็นคนพัฒนา เพราะอาจารย์เลือกภาษาไทยแล้วแต่หัวข้อยังเป็นภาษาจีนอยู่ ทั้ง ๆ ที่เราเลือกภาษาไทยแล้ว นี่ล่ะค่ะ มันคือคำที่ถูกการบล็อกเอาไว้นะคะ บล็อกเอาไว้ให้รู้ว่านี่จีนเป็นคนพัฒนานะคะ ต่อมาค่ะ ถ้าหนูจะทำการ General User User โดยทั่ว ๆ ไปเลยทำอย่างไรล่ะ ก็เป็น Vocab กว้าง ๆ เลยนะคะ Vocab กว้าง ๆ เลย โดยยกตัวอย่างอย่างไรล่ะ ก็การขับเคลื่อนของเครื่องจักร การขับเคลื่อนของเครื่องจักร หนูจะทำการผลิตรองเท้า หนูแค่กดปุ่ม Start มันวิ่งตื๊ด ๆ ๆ ทำ หนูจะทำการออกแบบผลิตภัณฑ์ หนูจะทำฮอตด็อกสักฮอตด็อกหนึ่งน่ะค่ะ การที่จะลอกไส้ออก เอาหมูเข้าไปใส่เอาไปมัดช่างน้ำหนัก ทุกอย่างหนูกดทำงานปั๊บ สับสวิตช์ให้มัน On มันก็จะเริ่มทำแล้วมันก็ตัด ๆ ๆ ๆ แล้วมันก็ลงบล็อก ลงบล็อกปุ๊บเขาก็ปิดกล่อง ปิดกล่องไหลปุ๊บลากปุ๊บจบ ลงเก็บส่งออกได้เลย นี่ค่ะ นี่คือการ Driving ของ Manufacturing มาจากอะไรคะ มาจากคำพูดนั่นเอง แต่คำพูดทุกคำพูดนั้น ๆ เขาจะต้องมีตัวสังเคราะห์มาก่อน ยกตัวอย่าง ถ้าหนูบอกว่าให้บ้านเปิดไฟเอง บอกหนูบอกว่าเปิดไฟ แต่วันนี้หนูเป็นหวัดเอาล่ะ เสียงของหนูไม่เหมือนเดิมไฟจะเปิดไหมคะ หนูคิดว่าเปิดไหมคะ ถ้าหนูคิดว่าเปิดใครคิดว่าเปิดหนูยกมือให้อาจารย์หน่อยค่ะ ย้ำนะคะ หนูเป็นหวัด หนูเสียงแหบ หนูพูดไม่ได้ คือ หนูพูดออกมาเสียงพูดได้ แต่เสียงที่หนูพูดนั้นไม่เหมือนเดิม หรือหนูกำลังใช้ภาษามือแต่หนูเจ็บแขน หนูยกขึ้นมาไม่ได้น่ะแขนน่ะ หนูไม่สามารถที่จะทำการแปลภาษามือได้นะคะ หนูก็เกิดขึ้นแล้วคราวนี้ไม่สามารถที่จะทำไมคะ ออกแบบขึ้นมาได้ นี่ค่ะ อาจารย์เห็นล่ะ อากาศหนาวเด็กกอดอก เด็กเลยแปลภาษามือไม่ได้ นี่ค่ะ นี่คือการปรับนี่ค่ะ เพราะฉะนั้น เครื่องมันก็เลยบอกว่าถ้าเครื่องมันเย็นจัด คุณต้อง Boot เครื่องให้ร้อนก่อนนะ ถึงจะทำงานได้ แต่ถ้าเครื่องร้อนจนเกินไป ร้อนเท่าไรล่ะ ก็ต้องมาดูอีกว่า เอ๊ะ เครื่องร้อนร้อนนี่ร้อนสูงเท่าไรถึงเครื่องจะทำงานไม่ได้ เหมือนเครื่องคอมพิวเตอร์น่ะค่ะ หนูสังเกตไหมคะ ว่าเปิดทั้งวันแล้วหนูลองจับที่ตัวเครื่องดู มันจะร้อนเลย เหมือนโทรศัพท์ของหนูน่ะค่ะ หนูก็จะจับใช่ไหม โทรศัพท์ร้อนไหมคะลูก เวลาใช้นาน ๆ ร้อนนะ หนูลองจับตัวที่อยู่หลัง... หลังหน้าจอก็ได้ค่ะ ถ้าหนูใช้นาน ๆ ในช่วงหน้าร้อนนะ อันนี้หน้าหนาวก็คงไม่ร้อนหรอกมั้งคะ ไอ้เป็นก้อน ๆ น่ะลูก หลังหน้าจอหนูน่ะ มันจะออกอุ่น ๆ นะคะ จะออกอุ่น ๆ นิดหนึ่งนะ ตัวของ Synthesis นะคะ ตัวนี้จะเป็นในเรื่องของ Generation Speech นะคะ เป็นข้อมูลของเขาเรียกว่าคำพูดที่โดยทั่ว ๆ ไป Useful เราใช้ ใช้อย่างไรล่ะ ก็ใช้แบบปกตินี่แหละ ก็ใช้ในเรื่องของ Information ทั่ว ๆ ไปในการรับข้อมูลมา หนูต้องการเอาข้อมูลอะไรใส่ข้อมูลในเรื่องของปราสาทผึ้งใส่ก็ Copy มาวาง เหมือนหนูตอบคำถามให้อาจารย์แอนในข้อสอบน่ะค่ะ อาจารย์มีข้อมูลคำถามเกิดขึ้น แต่เด็กบางคนไม่อ่านคำถามให้ละเอียดหนู Copy คำตอบมาวางปุ๊บแล้วหนูกดส่ง อาจารย์บังคับให้ส่งแค่ครั้งเดียว ใครที่เข้าไปทำอีกครั้งหนึ่งหนูจะไม่สามารถทำข้อสอบข้อนั้นได้ และข้อสอบที่หนูส่งไปแล้วก็จะไม่ได้ส่งด้วย มันจะหายอัตโนมัติเลย อาจารย์บล็อกไว้ขนาดนั้นนะคะ เพราะให้หนูทำเพียงแค่ครั้งเดียวนะ ถามว่าทำไมอาจารย์อยากให้หนูมีความมั่นใจก่อนส่ง เพราะอาจารย์ให้เวลาหนูเยอะมากค่ะลูก เยอะมาก แล้วให้หนูค้นด้วยนะคะ ปัญหาที่เกิดขึ้น เกิดขึ้นจากอะไรบ้างล่ะ เยอะแยะมากมายค่ะ การวิเคราะห์แบบ Similar อาจารย์จะวิเคราะห์ได้อย่างไร เสียงของคนแต่ละคนไม่เหมือนกันแม้แต่เสียงภาษาไทยนะคะ ที่เขาพูด ๆ กันนี่เห็นไหมคะ เสียงของอาจารย์แอน เสียงของพี่ล่ามนะคะ เสียงของอาจารย์แม่ ของอาจารย์พ่อไม่เหมือนกันเห็นไหมลูก ก็จะทำไมคะ โทนเสียงก็จะไม่เหมือนกัน นี่ล่ะค่ะ คือปัญหาที่เกิดขึ้นล่ะ เช่น จะให้พูดแค่คำว่า "เปิดไฟ" เสียง Noise ที่เขาจะต้องได้ ก็คือ 120-130 นะคะ ถ้าความดังไม่ได้เท่ากับเท่านั้นทำไมคะ หูเราก็จะ... แก้วหูจะระเบิดเหมือนกันนะคะ Additional Problems ดูปัญหาด้านนี้บ้าง เขาเลยบอกว่านี่ถ้าหากเป็น Headphones ตัวโทรศัพท์นี่เราต้องการมาก ๆ เลย แต่เขาไม่กรอกโทรศัพท์ให้เราเขากรอกตัวเลขให้ไม่ครบ หรือเขา Creates Noise Noise ก็คือในเรื่องของทำไมคะ ข้อมูลที่ไม่สามารถนำมาใช้งานได้นะ มันมี Noise เข้ามานะคะ ใน Workplace หรือเขาในการ Review หรือการ Browse การแก้ไขข้อมูลมันแก้ไขได้ไม่หมด หนูต้องเคยเจอบ้างน่ะค่ะ เวลาหนูใช้ระบบนะคะ พวกนี้ แต่หนูไม่รู้ว่าตัวนี้เขาเรียกว่า "Synthesis" นะคะ แล้วหนูจะใช้อย่างไรล่ะ ถ้าจะให้มันสำเร็จนะคะ เมื่อไรก็ตามที่ User ทำการ Overcome Problems ครอบคลุมทุกปัญหา หนูจะทำการ Motivation หนูจะทำการกำหนดทิศทางของมันได้ และหนูจะมีหนทางในการแก้ปัญหาได้ด้วย ยกตัวอย่างเช่น Screen Readers หน้าจอของผู้นำ เขาจะอ่านนะคะ อ่าน Text แล้วก็ Display ให้กับ User นี่ค่ะ เหมือนอาจารย์แอนพูดแล้วก็มีข้อความขึ้นนี่ค่ะ ตัวนี้ Screen Readers นะคะ หรือตัว Warning นะคะ Warning Signals จะเป็น Spoken ก็คือเป็น Information ที่เป็นตัวของ Spoken เกิดขึ้นในของข้อมูล ยกตัวอย่างเช่น ถ้าหนูกรอกข้อมูลผิดมันต้องขึ้นมาใช่ไหมคะ กรุณากรอกข้อมูลให้ครบ มีไหมคะ เคยเห็นไหมลูก Pop-up ที่เกิดขึ้นมา ขึ้นมาปุ๊บกรุณากรอกข้อมูลให้ครบ อีเมลของท่านผิดทั้ง ๆ ที่เรากรอกถูกน่ะค่ะ อีเมลของท่านผิด หมายเลขโทรศัพท์ของท่านไม่ถูก มีหมดเลยเห็นไหมคะ มีครบเลย นี่ล่ะค่ะ ตัวนี้คือการใช้นะคะ Non-Speech Sounds คือการ Boings Bangs Squeaks Clicks เป็นต้น ทั้งหมดมีคำศัพท์อยู่ 4 คำ อาจารย์จะเรียก 4 คนอาจารย์จะให้คนละคะแนนนะคะ เริ่มจากอาจารย์ขอตี๋สั้นก่อนได้ไหมคะลูก Clicks แปลว่าอะไรคะ C-l-i-c-k-s โอเคถูกต้องครับ Clicks ตี๋สั้นได้แล้วเก่งมากครับ Boings ค่ะ อาจารย์ขอเลขที่ 7 ค่ะ Boings ค่ะ น้ององุ่นตอบว่าอะไรคะ องุ่นคะ องุ่นคะ กล้ององุ่นอยู่ไหนเอ่ย เบอร์ 7 ค่ะ ค่ะ หนูจะตอบว่าอะไรคะ Boings ค่ะ ตอบเลยลูกองุ่น กุ้งเต้นเตรียมนะคะ ตัวที่ 2 ค่ะ ตัวที่ 2 นะคะ Bangs ตัวที่ 3 ค่ะ Squeaks ค่ะ ตี๋น้อยค่ะ เตรียมนะคะ เชิญค่ะ น้ององุ่นค่ะ (ล่าม) Boings ค่ะ ไม่เจอคำแปลค่ะ (อาจารย์สุรีย์พัชร) แสดงว่าหนูใช้ Google Translate กุ้งเต้นหนูจะตอบ ตอบอะไรคะ (อาจารย์เกวลี) เดี๋ยวค่ะ อย่างเช่น ข้อมูลสมมุติว่าอาจารย์เขียนเป็น 15 11 65 อันนี้คือข้อมูลนะคะ แต่มันคืออะไรล่ะหมายเลขรหัสสินค้าหรือเปล่า หรือรหัสไปรษณีย์ หรือเลข... หนังสือภาพข้อมูลเสียงวิดีโอสามารถไปตัดต่อ หรือเอามาสามารถในการวิเคราะห์ หรือช่วยให้ทำให้ Big Data นี่มันสามารถประมวลผลได้ดีขึ้น กับ V สุดท้ายนะคะ Veracity นะคะ ก็คือคุณภาพของข้อมูล คุณภาพของข้อมูลนี่มันยังสามารถไปวิเคราะห์ต่อได้ บางครั้งข้อมูลที่ยังไม่ผ่านการวิเคราะห์นี่ก็เอามาทำ Big Data ได้เหมือนกัน เพราะว่าถือว่าเป็นข้อมูลดิบนะคะ ข้อมูลดิบนี่จะมาจากหลายแหล่งเพื่อจะไปประมวลผลทั้ง Facebook YouTube แล้วก็ที่นิยมกันตอนนี้ ก็คือ Twitter การเอาข้อมูลตัวอักษรใน Twitter มาประมวลผลนะคะ เป็นเทร็นด์ Twitter บ้างอะไรบ้างนะคะ เป็นการส่งต่อข้อมูลซึ่งกันและกัน มีการรีทวิตอะไรอย่างนี้พวกคุณน่าจะเข้าใจนะคะ ในการเล่นโซเชียลพวกนี้นะคะ แต่ข้อมูลจะต้องมีการคัดกรองความน่าเชื่อถือของข้อมูลก่อนนะคะ อันนี้ก็จะเป็นสิ่งที่เอามาประกอบกันจนเรียกว่าเป็น Big Data นะคะ Twitter นี่เยอะนะคะ ว่า... แต่ละคนให้ข้อมูลมา ยิ่งกว่าสำนักข่าวอีกก็มีนะคะ กระบวนการทำงานของ Big Data มีอยู่ 3 ขั้นตอนหลัก ๆ นะคะ ก็คือการจัดเก็บข้อมูลหลังจากนั้นก็เอามาประมวลผลแล้วก็จะมีสิ่งที่เรียกว่า "การวิเคราะห์ข้อมูล" พอเราได้กราฟกราฟหนึ่งมาออกจาก Big Data เราต้องมาวิเคราะห์แล้วว่าข้อมูลที่ได้นี่มันบอกอะไรเราได้บ้างนะคะ เช่น ดูข้อมูล Real Time อย่างเช่น เวลาบ่ายโมงถึงบ่ายสอง สถิติการใช้อินเทอร์เน็ตในมหาวิทยาลัยราชภัฏสกลนคร ในเวลาเรียน เว็บไซต์ไหนที่นักศึกษาเข้าเยอะที่สุด เป็น Big Data ไหม Big Data นะคะ เพราะข้อมูลเราเก็บเป็นหน่วยวินาที แล้วเครื่องคอมพิวเตอร์กี่เครื่องล่ะ ในมหาวิทยาลัย แล้วใช้รหัสอินเทอร์เน็ตนักศึกษา 1 ชั่วโมงมีคนใช้งานกี่คน เข้าเว็บไซต์อะไรบ้าง ถามว่ามหาวิทยาลัยเก็บไหม เก็บนะคะ เพราะว่าอินเทอร์เน็ตมหาวิทยาลัยมันก็จะมีเหมือนมีประตูประตูหนึ่ง สำหรับตรวจดูว่ามีเว็บไซต์อะไรผ่านเข้าออกในมหาวิทยาลัยบ้าง อันนี้ก็เอามาทำ Big Data ได้เหมือนกันนะคะ ว่าสรุปแล้วในเวลาเรียนเข้าเว็บไซต์ไหนมากที่สุด อาจจะเป็นอันดับ 1 Google อันดับต่อมาจะเป็น Facebook รองลงมาเป็น TikTok YouTube Instagram อะไรพวกนี้นะคะ ก็สามารถดูข้อมูลพวกนี้ได้เพราะถือว่าเป็น Big Data เช่นเดียวกัน ประโยชน์ของการใช้งาน Big Data นะคะ Big Data นี่มันก็สามารถเอาไปประยุกต์ใช้ในหลายภาคส่วน แน่นอนภาครัฐ ภาคเอกชนใช้หมดนะคะ สามารถเข้าใจ User หรือเข้าใจผู้ช่วยงานกับลูกค้ามากขึ้น อย่างเช่นอะไร สังเกตไหมคะ ว่าเวลาเราดูคลิปใน YouTube หรือ Search อะไรใด ๆ ก็ตามใน Google หรือแค่นั่งดูคลิปสักอย่าง มันจะต้องมีโฆษณาแนะนำสินค้าที่เรากำลังสนใจพอดีเลยทำไมเขารู้ เช่น คุณดู... คุณอาจจะค้นข้อมูลเกี่ยวกับผลิตภัณฑ์ดูแลรักษารถยนต์ใน Google หลังจากนั้นโฆษณาใน Facebook จะเป็นเกี่ยวกับน้ำยาล้างรถ น้ำยาเคลือบสีรถ ขัดเงาล้อ เขารู้ได้อย่างไรนะคะ เพราะว่าระบบพวกนี้นี่เขาก็จะติดตามพฤติกรรมของผู้บริโภคนะคะ ก็จะมาศึกษา... (อาจารย์สุรีย์พัชร) ต่อมาลูกต่อมานะคะ อาจารย์ขอกุ้งเต้นค่ะ กุ้งเต้นคะ Bangs ค่ะลูก Bangs B-a-n-g-s ค่ะ กุ้งเต้นตอบว่าอะไรคะ อาจารย์ขอกุ้งเต้นลูกกุ้งเต้นอยู่ไหน โอเคค่ะ หนูเปิดกล้องขึ้นมาลูก กุ้งเต้นอยู่เลขที่... เลขไหนคะ เครื่องไหน เครื่อง 1 หรือเครื่อง 2 เครื่อง 2 มา ๆ ๆ เจ้าบาสขยับไปทั่ว เชิญเลยค่ะ น้องกุ้งเต้นคะ B-a-n-g-s ค่ะ Bangs แปลว่าอะไรคะ เดี๋ยวอาจารย์กลับมาทวนให้ใหม่ค่ะ (ล่าม) เป็นคำเหมือน... สักครู่นะคะ (อาจารย์สุรีย์พัชร) ค่ะ ๆ กุ้งเต้นหนูตอบหน่อยลูก (ล่าม) เหมือนหน้าม้าค่ะ หน้าม้า (อาจารย์สุรีย์พัชร) หนูจะหมายถึงคนที่เหมือนกับรับรู้คำตอบไว้แล้ว แล้วก็ตอบขึ้นมาประมาณนี้ใช่ไหมคะ เป็นหน้าม้าในงานนั้น ๆ ไม่ผิดและก็ไม่ถูกความหมายอยู่ในคำนั้น บาสครับ บาสอยู่ไหนแล้วนี่เลขที่ 1 หรือเปล่าบาสครับ บาสครับ บาสครับ เลข... หมายเลข 1 ครับ โอเค บาสครับ Squeaks ตัวนี้แปลว่าอะไรลูก S-q-u-e-a-k-s ตัวนี้ค่ะ (ล่าม) เป็นตัวการ์ตูนเหมือนหนูครับ หนูในตลาดครับ หนูตัวสีน้ำตาลเล็ก ๆ ครับ (อาจารย์สุรีย์พัชร) Squeaks นะคะ สังเกตหัวข้อนะลูกนะ หัวข้อตัวนี้ไม่ใช่คำพูด ไม่ใช่เสียงที่เป็นคำพูด แสดงว่าเป็นปฏิกิริยา ถ้าบาสบอกว่าเป็นหนู นั่นแสดงว่าเขาเป็นตัวที่วิ่งอยู่ในระบบเหรอคะ ถ้าอย่างนั้น เป็นตัวที่วิ่งเหมือนกับตัว Animation ที่อยู่ในระบบ (ล่าม) ครับ ใช่ครับ (อาจารย์สุรีย์พัชร) ใช่ไหม ถ้าหนูบอกว่าเป็นหนูน่ะค่ะ (ล่าม) ครับ เป็นตัวที่เคลื่อนไหวครับ (อาจารย์สุรีย์พัชร) ตัวที่เคลื่อนไหวเหมือน Animation นะ (ล่าม) ครับ เป็นหนูที่วิ่ง ๆ เหมือนขึ้นต้นไม้ปีนต้นไม้ (อาจารย์สุรีย์พัชร) โอเค (ล่าม) ตัวการ์ตูนครับ (อาจารย์สุรีย์พัชร) โอเค จะลงคะแนนค่ะ เมื่อสักครู่นี้บาส 1 แต้ม ใครอีกคนหนึ่งนะคะ ใครตอบลูก ตี๋น้อย ตี๋น้อยอีก 1 ค่ะ อีกคนหนึ่งค่ะ อีกคนหนึ่ง คนหนึ่งใช่กุ้งเต้นหรือเปล่าลูก ใช่ไหม กุ้งเต้นนะ กุ้งเต้นนะ โอเค ยังค่ะ ยังไม่ได้ให้คำตอบค่ะ พอดีว่าอยู่ในช่วงของ Non-Speech Sounds ค่ะ คราวนี้หนูมาดูตรงช่วงของ Alarms รู้จักคำว่า "Alarms" ใช่ไหมคะ เสียงเตือนระวัง เช่น ตึ๊ด ๆ เหมือนหนูพิมพ์เกินน่ะค่ะ ก็จะมีเสียงดังขึ้นมาตึ๊ด ๆ นาฬิกานะ ครบเวลาใช่ไหมคะ ครบเวลา 12 ชี้เลข 12 เข็มสั้นชี้เลข 3 ร้องกุ๊กกู 3 ครั้ง หนูเคยเห็นไหมคะ ในระบบที่หนูกรอกข้อมูลลงไปแล้วหนูกรอกเกิน แล้วมันจะมีเสียงตึ๊ด ๆ ติ๊ด ๆ สักอย่างหนึ่ง เหมือนในระบบที่หนูกรอกเพื่อกรอกเกรดน่ะค่ะ เพื่อดูเกรดของตัวเอง แล้วหนูใส่รหัสเกิน ต้องมีแน่ ๆ แหละ อันนี้นะคะ มีเสียงเตือน หรือในเรื่องของ Language นะคะ Language ที่มันเกิดขึ้นที่เขาเป็นในลักษณะของ Unlike Speech ก็คือเป็นข้อความที่ไม่ดีน่ะค่ะ เป็นข้อความที่ไม่ดีนะคะ เป็นข้อความบ้าง... บ้างข้อความเขาไม่ให้ขึ้นบนหน้าจอ เป็นคำส่อหรือคำส่อเสียดได้นะคะ มีเนื้อความพวกนั้นอยู่นะคะ เด็ก ๆ น่าจะยังไม่ถึงตรงนั้นนะ ในเรื่องของ Dual Modal Displays เป็น Information ในการนำเสนอข้อมูล 2 ความแตกต่าง 2 ช่องทาง ที่เขาทำการนำเสนอข้อมูล ให้ข้อมูลนั้นทำงานได้ในการ Display Dual หนูเคยเห็นไหมคะ ที่โมเด็มเขาทำการ Connect Connect เน็ตน่ะค่ะ เขาทำอะไรคะ เสียงติ๊ด ๆ ๆ ๆ ๆ ๆ ๆ ๆ ๆ ๆ ในการ Connect เน็ต เคยได้ยินนะ ตัวนี้ในการ Connect เน็ตนะคะ Sound good for เป็นอย่างไรเสียงที่ดี เป็น Information Transient เช่น ถ้าเป็นเสียงลมต้องเป็นเสียงอย่างไร เสียงแมวร้องต้องเป็นเสียงอย่างไร เสียงหมาเห่า คนมา หมาจะกัดกันโอเคไหมคะ เสียงจะมีความแตกต่างกันนะคะ ถ้าหนูจำแนกเสียงตัวนี้ได้ ได้อยู่แล้วล่ะค่ะนะ เสียงหมาจะกัดกันก็เสียงอย่างหนึ่งนะ เขาถึงได้บอกว่าเสียงที่ดีก็ต้องเป็นเสียงที่ทำการสื่อถึงที่ทุกคนรู้ได้ว่า เช่น ถ้าอาจารย์บอกว่าไก่ประเทศไทยร้องเอ้กอี๊เอ้กเอ๊ก ไก่ของต่างชาติสายยุโรปเขาเรียกว่า "Cock-A-Doodle-Doo" เสียงไก้ร้อง Cock-A-Doodle-Doo เห็นไหมคะ สำเนียงของเสียงของเรานั้นไม่เหมือนกันนะ อันนี้จะไม่ถือเป็น Universal ฉะนั้น ข้อสอบของอาจารย์ต้องมีแน่ ๆ ว่าคำใดหรือเสียงใดเป็น Universal หนูต้องดูให้ได้นะคะ ว่าเสียงไหนทุก ๆ ประเทศเขารับรู้รับทราบเป็นเสียงเดียวกัน เสียงผิดพลาดต้องเป็นเสียงอย่างไร เสียงถูกต้องเป็นเสียงอย่างไรนะคะ Auditory Icons เขาจะใช้เสียงตัวนี้เพื่อนำเสนอชนิดที่มีความแตกต่างนะคะ โดยทั่ว ๆ ไปแล้วเสียงของเรานี่จะมีการ Match เข้ากับความหมายนั้น ๆ ยกตัวอย่างเช่น Throwing Something Away เสียงที่หนูกำลังเดินน่ะ ถ้าอาจารย์บอกว่าหนูกำลังเดินอยู่บนหินเสียงจะเป็นอย่างไร ถ้าหนูกำลังเดินอยู่บนพื้นเสียงจะเป็นอย่างไร ถ้าหนูวิ่งลักษณะของเสียงวิ่งจะเป็นอย่างไร จะแตกต่างกันนะคะ พวกนี้เสียงแตกต่างกันแล้วนะคะ หนูมาดูในหน้าอีกสไลด์หนึ่งค่ะ สไลด์นี้จะบอกบอกว่าหนูจะทำการทำเสียง Sonic กับเครื่อง Macintosh แต่ด้วยความที่เราไม่ได้ใช้เครื่องของ Macintosh นะ เราใช้เครื่องของ Lenovo อาจารย์ขอข้ามตัวนี้นะคะ เพราะตัวนี้เป็น... เป็นเขาเรียกว่าเป็น Concept หรือเป็นของ Macintosh จริง ๆ นะ เพราะ For Macintosh ตัวนี้หนูเรียนผ่านมาเมื่อตอน ม. ต้น หรือ ม. ปลาย ตัวเขบ็ต เคยรู้จักไหมคะ ครึ่งเสียง 1 ขั้น 2 เสียงเขบ็ต 1 ชั้น เขบ็ต 2 ชั้น โน้ตดนตรีใช่ค่ะ เป็นของโน้ตดนตรี เราสามารถ Create ไฟล์ตัวนั้นออกมาได้เป็นโน้ตดนตรี เด็กที่เล่นกีตาร์ได้แล้วเขามีโปรแกรม Support หนูขีดกีตาร์ปั๊บ ๆ ๆ ๆ ๆ มันออกมาเป็นตัวโน้ตให้เห็นเลยค่ะ เป็นโน้ตดนตรีให้เห็นเลย มีนะคะ แอปนี้ก็มีแล้วเรียบร้อยแล้วนะคะ ตัวนี้มีให้ เขาเรียกว่า "Earcons" นะคะ หนูมาดูตัว Touch ค่ะ ตัวสัมผัส Haptic Interaction หนูจะทำการสัมผัสเขาได้นี่หนูจะต้องทำไมคะ Force Feedback สามารถที่จะ Movement ได้สามารถเคลื่อนที่ได้ และตำแหน่งนั้น ๆ น่ะค่ะ สามารถที่จะเคลื่อนเหมือนหมุดน่ะค่ะ หนูเข้าไปใน Google หนูสามารถที่จะทำการทำไมคะ ฉันอยู่ตรงนี้โดยการกดปุ่มคล้าย ๆ กับเหมือนเป้ายิงน่ะค่ะ ที่เป็นตัวกลม ๆ เหมือนเป้ายิงน่ะนะ พอหนูกดปุ๊บเขาก็จะย้ายตำแหน่งมา หาตำแหน่งที่หนูยืนอยู่ตรงนั้นนะคะ หรือเป็นลักษณะของ Feedback ที่ตอบกลับมาให้หนู หนูสังเกตไหมว่าเวลาที่หนูดูใน Real ใน Facebook หนูดูอะไร บางครั้งเขาจะขึ้นมาเลยว่าคุณสนใจหรือไม่สนใจ ถ้าคุณคลิกคำว่า "สนใจ" ปุ๊บฉันสนใจ มันจะขึ้นข้อมูลที่หนูดูตลอด เช่น อาจารย์ชอบดูในเรื่องของคนเวียดนามที่เขาใช้ชีวิตในภูเขา อาจารย์ก็จะเห็นแต่คนเวียดนามใช้ชีวิตในภูเขาเต็มไปหมดเลย คุณแม่อาจารย์แอนดูในเรื่องของการทำอาหาร เพราะฉะนั้น ในหน้าจอของเธอก็จะมีแต่การทำอาหารเต็มไปหมดเลย ทั้ง ๆ ที่เราไม่ได้กด Like แค่เราหยุดดูนี่ค่ะ เขาทำการ Signal ได้แล้วนะคะ Simulate การ Simulate คือ การปรับเทียบหรือการปรับเหมือนให้รู้ว่าเขาต้องการอะไร นี่คือ AI ค่ะ นะคะ ยกตัวอย่างในเรื่องของเทคโนฯ บ้างค่ะ Electronic Display For Feedback Phantom นะคะ หรือ Tech to โอเคไหมคะ Handwriting Recognition เป็นอย่างไร เทคโนโลยีสมัยใหม่ตอนนี้เรามีการเขียนลงไปในหน้าจอแล้วเห็นไหมคะ หน้าจอมือถือของหนูแต่ละคน เครื่องแท็บเล็ตของหนูสามารถใช้ปากกาได้ เห็นไหมคะ เทคโนโลยีสมัยนี้สามารถใช้ปากกาได้ นั่นแหละค่ะ นั่นคือตัวของ Handwriting Recognise หนูเขียน... หนูสังเกตไหมคะ มีแอปแอปหนึ่ง แต่ถ้าหนูมั่นใจในลายมือตัวเองหนูไม่ต้องใช้แอปนี้ก็ได้นะคะ หนูเขียนตอบอาจารย์ปั๊บแล้วมันปรับให้เป็นอักษรที่หนูเลือก เช่น หนูเลือก Angsana เขาก็จะปรับจากภาษาเขียนของหนูน่ะค่ะ ลายมืออันสวยสดงดงามของหนูกลายมาเป็นฟอนต์ Angsana มีนะคะ ตอนนี้มีแล้วนะคะ เปลี่ยนได้แล้ว เอื้อคนที่ลายมือสวยเกินไปค่ะ นะ ปัญหาที่เกิดขึ้นที่เกิดขึ้นในการใช้ Handwriting คือ ข้อความแตกต่างในลายมือของแต่ละคน เช่น ก ไก่ เอาแค่ ก ไก่ เขียนใครเขียน ก ไก่ มีหัว บางคนเขียน ก ไก่ ไม่มีหัวใช่ไหมคะ ข ไข่ เหมือน บ ใบไม้ ไม่ได้กินข้าวใช่ไหมลูก ข ไข่ ไม่มีหัวกลายเป็น บ ใบไม้ ไม่กินข้าว โอเคนะ เข้าใจความหมายอาจารย์นะคะ ตรงนี้ ก ไก่ ไม่มีหัวก็เป็น ก ไก่ ทำไมคะ เส้นโค้งเฉย ๆ นะคะ แต่ถ้า Current State หนูใช้อยู่ประจำเลยแต่มันไม่ได้เป็น Perfer บนคีย์บอร์ดของหนู บางทีในคีย์บอร์ดที่หนูมองอยู่นี่ค่ะ หนูต้องทำไมคะ ต้องใช้ถึง 2 ตัวใช่ไหม เช่น หนูจะทำการ Copy หนูใช้อะไรคะ Ctrl บวกด้วยตัว C หนูจะวางหนูกด Ctrl ด้วยตัว V โอเคไหมคะ แต่ถ้าหนูจะทำการ Copy แล้วตัดเลย หนูใช้ Ctrl+X นะ อันนี้ก็คือทาง... แต่เด็กตอบข้อสอบของอาจารย์แอนบางคนใช้คำ Copy แต่บางคนใช้ X Copy X Copy คือ Copy แม้แต่ชื่อเขาก็เอามานะคะ บางคน Cop คำว่า "Copy" คือ มีการเปลี่ยนบ้างเล็กน้อยนะ อาจารย์ก็มีคะแนนให้นะคะ เปลี่ยนเล็กน้อย Gesture ค่ะ เป็นการวางตำแหน่ง หรือการใส่ตำแหน่งลงไปเป็นภาษาค่ะ เช่น หนูจะออกแบบหน้าจอให้เขารู้ได้ว่านี่คือเป้าหมาย หนูจะทำอย่างไรคะ ใส่เป็นเหรียญ หรือว่าทำเป็นเส้นชัยเห็นไหมคะ เป็นสัญลักษณ์ให้เขาได้นะ นี่เป้าหมายเราก็คงต้องเส้นชัยนะ เทคโนโลยีเดี๋ยวนี้เขาก็เลยมี Data Glove ก็คือเป็นลักษณะของคู่มือนะคะ เป็นคู่มือให้เห็น มีตำแหน่งนะคะ เช่น ห้องของ Media Room นะคะ ซึ่งโปรเจกต์ของพวกหนูต้องใช้ห้อง Media Room นะคะ ประโยชน์ของเขาค่ะ คืออะไรบ้างล่ะ ก็เป็นการหาตำแหน่งได้นะคะ เป็นการ Enhance Comma... Communication Between Signing And Non-Signing Users ใช้ทั้งตัว Signing และไม่ใช้ Signing นะคะ User ปัญหาที่เกิดขึ้น คือ User Dependent เขามีตัวแปร และประเด็นที่จะเอานำมาใช้งาน นี่น่ะค่ะ คือ Gesture นะคะ แต่ User ทุกคนก็มีความรู้สึกทุกคนเลยค่ะ ว่าฉันจะต้องใช้นะ ใช้อะไรล่ะ ฉันจะใช้ Screen Readers SonicFinder นะคะ หรือใช้ข้อความที่ทำการติดต่อสื่อสาร หรือการ Caption เข้าใจคำว่า "Caption" อยู่นะคะลูก Caption หรือหนูใช้ Input Output นะคะ คำพูด Input Output นะคะ เช่น หนู React Keyboard หนู Speech Impairment คือ หนู Speech ใน Synthesis และข้อความต่าง ๆ แต่ Dyslexia คือตัว Speech ข้อความ ข้อความที่หนู Input เข้าไปกับ Output ออกมา Autism คือ Communication กับ Education คือ การติดต่อสื่อสาร และการเรียนรู้นั่นเองนะคะ หน้านี้ไม่... ไม่มีความสำคัญอะไรอาจารย์ขอผ่านนะคะ แต่หน้านี้สำคัญค่ะ หน้านี้สำคัญนะคะ เกือบหน้าสไลด์สุดท้ายล่ะ Plus ถัดมาค่ะ Age groups เขาทำการเก็บกลุ่มนะคะ กลุ่มของคนนะคะ คนนี่จัดกลุ่ม เช่น เขาจัดกลุ่ม Gen X Gen Y Gen Z จำได้ไหมคะ เคยคุ้นหูไหม เขาจะพูดกันว่า Gen N อะไรนะ Gen X Gen Y Gen Z โดยที่เขามีการแยกอย่างไร อันนี้อาจารย์ไม่พูดถึงนะคะลูก ไม่พูดถึงเพราะมีการแยกของแต่ละ... เขาตั้งมาแล้วนะ ว่า Gen X คือช่วงคนเกิดปีเท่าไรถึงปีเท่าไร Gen Y คนเกิดปีเท่าไรเกิดปีเท่าไรนะคะ และคนที่ว่าเป็นเด็กที่หนูบอกว่าเกมนี้เหมาะสำหรับเด็ก อาจารย์ถึงย้อนหนูว่าคำว่า "เด็ก" เด็กกี่ขวบ แรกเกิดเขาขึ้นมาตั้งแต่ 0 ถึงกี่ขวบ แล้วเด็กนี่เขาคิดอายุเท่าไร แล้วเกมของหนูเหมาะกับเด็ก เด็กขนาดอายุเท่าไรถึงเท่าไร ถ้าหนูบอกคำว่า "เด็ก" เฉย ๆ มันกว้าง หรือหนูบอกว่าผู้คนทั่วไปแสดงว่าเด็กอนุบาลก็ต้องใช้ได้ แต่ถ้าหนูบอกว่าผู้คนที่สนใจ แต่การสนใจมั่นใจว่าถ้าอะไรก็ตามที่มันมีความซับซ้อนมากยิ่งขึ้น คนชราคงไม่สนใจ เด็กเล็ก ๆ ก็คงไม่สนใจดูถ้าไม่มีตัวละคร หรือไม่มีเสียงหวาน ๆ เล็ก ๆ เด็กน้อยก็จะไม่ชอบ อะไรก็ตามที่มีการเต้นดุ๊กดิ๊ก ๆ ๆ แล้วก็มีเสียงร้องเพลง เด็กขวบเดียวชอบแน่นอน 100 เปอร์เซ็นต์ค่ะ เพราะเขาทำไมคะ เขาได้ยินเสียงเขาเห็นสีสัน แต่ถ้าพวกหนูให้มานั่งดู... เป็ดกระดุ๊กกระดิ๊กก้นค่ะ แล้วก็ร้องเพลง เป็ดอาบน้ำในคลองตาก็จ้องแลมอง เพราะในคลองมีหอยปูปลา หนูก็คงไม่ชอบถูกไหมคะ มันเกิน... เกินวัยแล้ว เขาเรียกว่า "Age group" Cultural Differences ตัวนี้จะเป็นในลักษณะของอาจารย์ขอยกตัวอย่างเลยนะคะ เป็นในลักษณะของ Interpretation หรือ Acceptation ของ Language ภาษาที่เกิดการ Interpretation ในการแปลภาษา หรือ Symbols ต่าง ๆ นะคะ ก็คือในเรื่องสัญลักษณ์นะ หรือ Colour นั่นเอง สีต่าง ๆ มีผลต่อการใช้งานของแต่ละบุคคลนะคะ ยกตัวอย่างเช่น อาจารย์เป็นไมเกรน ตอนช่วงอาจารย์เป็นไมเกรน ในห้องของอาจารย์ไม่มีแสงเลย แสงมีผลต่อคนเป็นไมเกรนสูงมากนะคะ นี่ค่ะ สีมีผลนะคะ สีไม่มีผลก็ต่อเมื่อคนคนนั้นเขามองไม่เห็นสี แต่เขาได้ยินเสียงโอเคไหมคะ การได้ยินเสียงแสดงว่าเสียงนั้นจะต้องเป็นเสียงที่เขาเข้าใจ โอเคนะคะ หรือการมองเห็น พวกหนูมองเห็น หนูจะมองเห็นเลยว่าหน้าจอที่หนูมองเห็นนั่นนะ เขาเรียกว่า "จอคอมพิวเตอร์" ที่มันว่าอยู่กับพื้นตรงนั้นนะ มีสีแดง ๆ เขาเรียกว่า "เมาส์" นะ เห็นไหมคะ แล้วตัวที่เป็นที่หนูนั่งนะ เขาเรียกว่า "เก้าอี้" หรือ "Chair" ทุกคนรู้จักหมดเห็นไหมคะ ทุกคนรู้หมด อันนี้เขาเรียกว่า "Symbols" โอเคนะคะ ตัวหน้าจอสี่เหลี่ยม ๆ ที่ทุกคนเขามองว่าทำไมคะ อยู่กับจอสี่เหลี่ยม ๆ ก็โทรศัพท์โอเคนะคะ ตรงนี้ คราวนี้นะคะ ตัวสไลด์นี้จะเป็นสไลด์สุดท้าย เพราะตัวสุดท้ายนี้จะเป็นเรื่องของ Cultural Differences ที่อาจารย์บอกว่าข้อมูลมีความแตกต่าง สรุปวันนี้หนูเรียน Universal Design หนูออกแบบให้ทุกคนมีการใช้งานได้ การออกแบบให้ทุกคนใช้งานได้ หนูจะต้องมี Choice โอเคไหมคะ หนูควรมี Choice ให้เขาเลือก เมื่อ Choice ถูกการเลือกปุ๊บ มันจะต้องทำการ Recognise ข้อมูลนั้น ให้ทำการ Simulate ข้อมูลที่มันเหมาะกับ Choice นั้นขึ้นมาหาที่เขาเลือก โอเคนะคะ ตรงนี้ หนูกลับไปดูใน Classroom ค่ะ อาจารย์ให้การบ้านเอาไว้หนูกลับไปดูสิ มีปัญหาอะไรไหมคะ การบ้านหนูดูการบ้านตัวเองสิคะ เข้าไปใน Classroom สิลูก กลับเข้าไปใน Classroom ของตัวเองค่ะ เห็นงานไหมคะวันนี้ อาจารย์ให้หนูนะคะ ทำการออกแบบ Icon หนูเข้าใจคำว่า "Icon" ใช่ไหมคะ Icon รู้จักคำว่า "Icon" ไหมเอ่ย ถ้าหนูรู้จักหนูพยักหน้าให้อาจารย์หน่อยค่ะลูก Icon Icon Icon พยักหน้าให้หน่อยลูก โอเค กุ้งเต้นพยักหน้าแล้วนะคะ เมนูลูกเมนูรู้จักคำว่า "เมนู" ไหมคะ เป็นรายการที่ทำไมคะ List เอาไว้ด้านบนนะ ใช่ไหมคะ บาสนะ หรือตี๋น้อยคะ ใครตอบ หรือตี๋สั้นคะ รายการโอ... ตี๋สั้น หัวหนูร้อนเลย ของ Application ที่กำหนด อาจารย์กำหนดเลยค่ะ ว่า... แต่ตอนนี้นะคะ ตอนนี้ Adobe Photoshop อาจารย์ไม่บังคับ หรือหนูจะใช้ Microsoft Word อาจารย์ก็ไม่บังคับ แต่หนูจะต้องใช้นะคะ ทำการเปรียบเทียบถึงข้อแตกต่างจากเดิม ฟังคำถามดี ๆ นะคะ ให้นักศึกษาทำการออกแบบ Icon เมนูของ Application ออกแบบแค่ Icon นะคะ ไม่ได้ออกแบบเมนู ออกแบบ Icon เมนูของ Application ที่กำหนดให้ต่อไปนี้ เช่น Icon ของ Adobe Photoshop Microsoft Word เป็นต้น และเปรียบเทียบข้อแตกต่างจากเดิม ดูจาก Icon ที่เป็นโปรแกรมเก่า ๆ โอเคไหมคะ โปรแกรมเก่า ๆ 1 Icon อาจารย์ขอแค่ Icon เดียว วาดรูปออกมานะคะ ไม่ได้เขียนเป็นขั้นตอนออกแบบ Icon ย้ำ Icon นี่ค่ะ อาจารย์ถามว่าเมาส์นี่เป็น Icon ไหม เป็นตัว I ตอนนี้ค่ะ เป็น Icon อะไรเอ่ย เป็นการพิมพ์ได้ถูกไหมคะ แต่มันเป็น PDF มันพิมพ์ไม่ได้ ถ้าหนูมีโปรแกรมอะไรอยู่ในเครื่องหนูลองเปิดขึ้นมา 2 อย่างในการใช้งานเหมือนกัน เช่น เขาใช้ในการคลิก Adobe Photoshop เป็นเมาส์แบบตัวลูกศรทึบ ยกตัวอย่างนะคะ Microsoft Word เป็นเมาส์แบบลูกศรโปร่งแสง นี่ค่ะ เขาแตกต่างกันอย่างไรอาจารย์ตอบได้แล้วค่ะ ว่าของ Photoshop เป็นอักษรขอโทษค่ะ เป็น Icon ลูกศรทึบ แต่ Microsoft Word เป็นลูกศรโปร่งแสงดัง ภาพเสร็จแล้วค่ะ คำตอบเรียบร้อย เปิดโปรแกรมขึ้นมาเลยก็ได้ค่ะลูก มีโปรแกรมอะไรเปิดขึ้นมาเลยนะคะ นี่ค่ะ เห็นไหมคะ ถ้าหนูเอาเมาส์เห็นไหมคะ ตัวชี้อยู่ที่หน้าจอ Icon รูปมือ คือ ตัวคลิกได้โอเคไหมคะ เห็นไหมคะ รูปมือเป็นตัวคลิกได้ โอเคนะ เป็นตัวคลิกได้ แต่ทำไมคะ พออาจารย์ไปชี้ที่ตัวของ Favorite หนูมองที่หน้าจอของอาจารย์นะคะลูก มองที่หน้าจอนะ มองที่หน้าจอ อาจารย์ชี้แบบนี้คลิกได้ใช่ไหมคะ อาจารย์สามารถคลิกได้เห็นไหมคะ แต่พออาจารย์มาชี้ที่นี่ก็คลิกได้เหมือนกัน เห็นไหมคะ ว่า Icon Click มีความแตกต่างกันทั้งที่อยู่บนหน้า Webpage หนูต้องวาดรูปแล้วต้องบอกอาจารย์ให้ได้นะคะ ว่าหนูชี้อะไรอยู่ นี่ค่ะ ยกตัวอย่าง นี่อาจารย์ชี้ให้หนูดูก็ได้ค่ะ คลิกเห็นไหมคะ เข้ามาล่ะเห็นไหมคะ คลิกเข้ามาล่ะ หนูสังเกตนะคะ ถ้าเมาส์เป็นตัวลูกศร... เขาเรียก "ตัวมือ" เป็นตัวมือต้องคลิกได้ ในหน้า Page อาจารย์คลิกนะ โอเคไหม สังเกตไหมคะ คลิกไม่ได้ หนูเห็นไหมลูก หนูลองเอาเมาส์ไปวางในตรงนี้ค่ะ แล้วหนูลองคลิกดูสิมันไม่ไปไหนเลย ลองดูสิคะ ทั้ง ๆ ที่เมาส์เป็นรูปมือเห็นไหมคะ คลิกไม่ได้ โอเคไหมนะ อย่างนี้ทำไมคะ เกิดการเปลี่ยนแปลงแล้วเห็นไหมคะ เมาส์เป็นตัวมือแต่ชี้ใน Information บนหน้า Page แล้วอะไรเปลี่ยนคะ Color บน Text เปลี่ยนเป็นสีเขียวโอเคไหมคะ แต่ตัวใด... คลิกประชาสัมพันธ์ค่ะ แล้วก็คลิกย้อน เมื่อคลิกย้อนมาปั๊บสีของ Information นั้นหายไปเห็นไหม เวลาเราจะคลิกเห็นไหมคะ เราจะคลิกค่ะ เมาส์ชี้เมาส์กลายเป็นรูปมือ แล้วตัวหนังสือเปลี่ยนสีเป็นสีเขียวในหน้า Webpage ย้ำนะคะ ในหน้า Webpage เมื่อคลิกแล้วกลับเข้ามา มาในหน้าถัดไป แต่พอหนูคลิกย้อนไม่มี แต่หนูจะคลิกอะไรสังเกตนะคะ ว่าเห็นไหมคะ อันนี้เปลี่ยนสีไหมคะ เปลี่ยนไหมลูกเปลี่ยนไหม ไม่เปลี่ยนสีเห็นไหมลูก เมนูด้านบนเห็นไหมคะ ไม่เปลี่ยนสี อันนี้หนูก็ให้คำตอบอาจารย์ได้แล้วค่ะ วาดรูปมือออกมานะคะ แล้วหนูก็ทำไมคะ เขียนเมนูให้อาจารย์หน่อยสักเมนูหนึ่งน่ะค่ะลูก เมนู 2 เมนูให้อาจารย์หน่อย ให้เห็นว่าเวลาชี้แล้วมันไม่เปลี่ยนเห็นไหมคะ ชี้แล้วไม่เปลี่ยน แต่ในตัวกดลิงก์นั้นชี้แล้วถูกการเปลี่ยนสี โอเค เข้าใจความหมายนะคะ นี่คือคำตอบได้แล้วค่ะ ถามมันแตกต่างตรงไหน ตรงนี้คือ Information ตรงนั้นคือ เมนู การคลิกเมนูจะเป็นในเรื่องของเมาส์ที่เป็นลูกศร คลิก Information เมาส์จะกลายเป็นรูปมือ ลองใช้เมาส์ชี้ดูนะคะ แล้วหนูจะเห็นนะ ใครสงสัยการบ้าน ใครสงสัยการบ้านหนูยกมือให้อาจารย์หน่อยค่ะลูก ใครสงสัยยกมือถามได้เลยนะคะ ใครสงสัยยกมือขึ้นมาค่ะลูก ถามได้เลย ย้ำนะคะ วาดรูปนะลูกนะ ไม่ได้เขียน เขียน คือ การบอกว่าแตกต่างอย่างไรรูปนี้หนูใช้บนอะไร บน Webpage Webpage ก็จริงแต่ทำไมคะ เป็นตัวเมนูตรงนี้เป็น Information ด้านบนน่ะค่ะ แถบด้านบนเขาเรียกว่า "แถบเมนู" โอเคนะคะ ชี้เมนูเมาส์เป็นลูกศร ชี้ Information เมาส์เป็นรูปมือ และสีเปลี่ยน จบแล้วค่ะ คำตอบนี้ แต่อย่าตอบเหมือนของอาจารย์นะคะ หนูไปเข้าเว็บอื่นดูนะลูกนะ ไปเข้าเว็บอื่นดูนะ หนูลองเข้า... เว็บอะไรก็ได้ค่ะ ใน Google ก็ได้ใน Hotmail ก็ได้นะ ใน Scholar ก็ได้ หรือใน Facebook ก็ได้ แล้วลองใช้ Icon ที่หนูชี้น่ะค่ะ มันแตกต่างกันไหม Icon หนึ่งหนูเปิด Facebook อีกอันหนูเปิดใน Webpage ก็ต่างกันแล้วนะคะ ตรงนี้ มีใครสงสัยตรงนี้ไหมคะ ย้ำนะ วาดรูปอย่าเขียนขั้นตอนย้ำวาดรูป เดี๋ยวหนูเขียนขั้นตอนมาส่งอาจารย์อีกไงคะ ไหนมีใครสงสัยไหมคะ มา ๆ นี่คำตอบพวกหนูค่ะ นี่ ค่ะ สวัสดีค่ะ ยินดีค่ะ ยินดี ไม่ได้เดี๋ยว เดี๋ยวทำการบ้านมาผิดอีก นี่ค่ะ คือความหมายของอาจารย์แอนอาจารย์เก็บไว้หมดนะคะ เห็นไหม หนูสังเกตดูนะลูกนี่ อาจารย์นำเอาคะแนนทั้งหมดมาใส่ไว้ตรงนี้ อาจารย์เอารหัสของหนูมาวางตรงนี้ทั้งที่รหัสของหนูอยู่ตรงนี้นะคะ โดยการทำการไม่ได้ Copy นะคะ ทำการย้ายข้อมูลโดยการ Simulate แล้วตรงนี้ คือ คะแนนที่หนูได้ในแต่ละช่องแต่ละบุคคล สังเกตนะคะ ว่าคนแรกได้ 2 เพราะอะไรหนูดูนะลูก นี่อาจารย์ถามบอกว่าจงบอกความแตกต่างของ UI กับ HCI อาจารย์ถามความแตกต่างแต่หนูบอกความหมายของ UI คือนู่นนี่นั่น เช่น นั่น ๆ ๆ UI ต้องทำนั่นนี่นู่นนั่น แต่หนูไม่ได้บอกความแตกต่างเลย อาจารย์ถามแค่ความแตกต่างเฉย ๆ แต่หนู Copy ความหมายของ UI มาตอบ อาจารย์ก็เลยได้ UI อันหนึ่งนะ ก็ให้ 2 แต้ม แล้วทำไมเพื่อนถึงได้ 5 ดูนะคะ คนที่ได้ 5 เดี๋ยวคนที่ 3 1 2 3 นี่ค่ะ UI เขาบอกว่า UI ที่มีความเป็นมิตรนั้นจะต้องเกิดจากการทำสิ่งต่าง ๆ ของระบบคอมพิวเตอร์ น่าใช้และเป็นที่พึงพอใจ ส่วน HCI จะเกี่ยวข้องกับการทำอย่างไรให้คอมพิวเตอร์ช่วยงาน และชีวิตของคนให้สะดวกมากขึ้น นี่ไงคะ ทำไมเขาได้ 5 แล้วทำไมคนนั้นได้ 2 เข้าใจความหมายหรือยังคะลูก นะอาจารย์มีเหตุผลนะ ทำไม นี่ค่ะ แล้วก็เด็กนี้ทำไมถึงได้ 3 เขาได้ 5 กันหมดเลยนี่นะคะ อันนี้ เปิดให้เห็นเลยค่ะ ผู้ใช้เปิดโปรแกรมไฟล์ PDF เป็นไฟล์ Word ขึ้นมา เพื่อแก้ไขขั้นตอนซึ่งมีผลลัพธ์ดังต่อไปนี้ มันไม่ตรงคำถามลูก โอเค ทำไมเพื่อนเขาได้กันล่ะ ไปดูคนสุดท้ายเลยค่ะ นี่ค่ะ อาจารย์ถามปฏิสัมพันธ์ แต่หนูตอบอะไรไม่รู้นะ หนูตอบอะไรไม่รู้นะคะ อันนี้เป็น... ให้หนูดูถึงว่าทำไม... ทำไมหนูถึงได้คะแนนเท่านั้น ๆ ๆ นะลูกนะ ใครสงสัยหนูสามารถมาหาอาจารย์ได้นะคะ มาได้นะลูกนะ เราติดต่อสื่อสารโดยการพิมพ์แชตกันได้ลูกพิมพ์แชตกันได้นะ อย่างนั้นวันนี้ถ้าหนูไม่สงสัยอะไรอาจารย์เอาไว้แค่นี้ไหมคะ แล้วสัปดาห์หน้าเราจะเรียนทฤษฎีกันอีกครั้งเดียว แล้วเราจะเริ่มทำโปรเจกต์กันแล้วนะคะ สัปดาห์ถัดไปนะ โอเค แต่อาจารย์จะพาหนูเล่นในเรื่องของ Neural Network ก่อน โอเคนะ โอเคกุ้งเต้นโอเค ๆ เยี่ยม องุ่นโอเค องุ่นโอเค ที่พูดกันเมื่อกี้โอเค โอเค ตี๋น้อย บาส ไม่โอเคด้วย บาสไม่โอเค บาสไม่เข้าใจ โอเค บังคับขู่เข็ญให้โอเค อย่างนั้นวันนี้อาจารย์แอนเอาไว้แค่นี้นะคะ มีอะไรถามได้ ขอบคุณพี่ล่ามมากนะคะ ขอบคุณค่ะ ขอบคุณเด็ก ๆ ทุกคนลูก