VDO บทที่ 24 - สร้างแอพวิเคราะห์อารมณ์ ความรู้สึก (Emotion Recognizer Application)

คุณสมบัติของแอพ

ในบทนี้ จะสอนสร้างแอพวิเคราะห์อารมณ์ ความรู้สึก ด้วยคอมโพเนนต์ Emotion Recognizer โดยเราจะต้องอัพโหลดภาพจากกล้อง หรือจากในเครื่อง ส่งไปยังเว็บไซต์บริการของไมโครซอฟท์ เพื่อวิเคราะห์ จากนั้นทางเว็บก็จะส่งผลลัพธ์กลับมา เป็นค่าอารมณ์ทั้ง 8 และค่าคะแนน (0-1) ดังนี้
  • Fear (กลัว)
  • Anger (โกรธ)
  • Digust (ขยะแขยง รังเกียจ)
  • Happiness (มีความสุข)
  • Sadness (เศร้า)
  • Contempt (ดูถูก ดูหมิ่น ขายหน้า)
  • Surprise (ประหลาดใจ)
  • Neutral (กลางๆ เฉยๆ ไม่ได้มีอารมณ์อะไร)
จากนั้น จึงนำผลลัพธ์มาจัดแยกเป็น list แล้วแสดงผลเป็นกราฟแท่งที่สร้างจาก slider

คอมโพเนนต์ที่กล่าวถึง

  • Vertical Scroll Arrangement ในบทนี้ ใช้แสดงภาพถ่าย และกราฟผลวิเคราะห์ ดังนั้น เราจึงต้องให้ส่วนนี้ สามารถ scroll ขึ้นลงได้ เผื่อในกรณีที่ข้อมูลยาวเกินหน้าจอ
  • Emotion Recognizer เป็นคอมโพเนนต์ที่ทำหน้าที่เชื่อมต่อแอพของเรา กับเว็บบริการของไมโครซอฟท์ เพื่อวิเคราะห์อารมณ์ ความรู้สึกของคนในภาพ
  • Image ใช้สำหรับแสดงภาพที่ถ่าย หรือภาพที่เลือกจากเครื่องด้วย ImagePicker
  • Camera ใช้สำหรับถ่ายภาพ
  • ImagePicker ใช้เลือกภาพที่มีอยู่ในเครื่อง
  • Slider ใช้แสดงค่าคะแนนของอารมณ์ เป็นกราฟแท่ง

Properties ที่สำคัญ

เพื่อให้เราสามารถใช้ Slider แสดงค่าคะแนนของอารมณ์ เป็นกราฟแท่งได้ เราจะต้องกำหนด properties ต่อไปนี้
  • Thumb Enable ลบเครื่องหมายถูกหน้าช่องนี้ออก เพื่อซ่อนปุ่มเลื่อน
  • Min Value กำหนดให้เป็น 0
  • Max Value กำหนดให้เป็น 1 เพราะคะแนนมีค่าตั้งแต่ 0 -1

บล็อกที่สำคัญ

  • Post Image ใช้สำหรับส่งภาพไปยังเว็บไซต์ไมโครซอฟท์ เพื่อวิเคราะห์
  • Get Response เป็นอีเวนต์ที่เกิดขึ้นเมื่อได้ผลลัพธ์จากวิเคราะห์กลับมา โดยในอีเวนต์ จะให้ค่าตัวแปร 4 ค่า คือ
    • responseCode คือ สถานะของรีเควสที่ส่งไป หากรหัสที่ตอบกลับมา คือ 200 แสดงว่า OK หรือ ได้ผลวิเคราะห์กลับมาแล้ว
    • responseContent คือ ข้อมูลการวิเคราะห์อารมณ์ที่ทางไมโครซอฟท์ ส่งกลับมาให้
    • mostLikelyEmotion คือ อารมณ์ที่ทางเว็บวิเคราะห์มาแล้วว่าน่าจะใช่
    • mostLikelyEmotionScore คือ ค่าคะแนนของอารมณ์ mostLikelyEmotion
  • replace all text เราใช้บล็อกนี้ เพื่อค้นหาข้อความตามที่ระบุไว้ในช่อง segment แล้วแทนที่ด้วยข้อความในช่อง replacement ซึ่งในบทนี้นำมาประยุกต์ใช้เพื่อลบเครื่องหมายที่ไม่จำเป็นออก
  • split at any ใช้แยกข้อความออกเป็นส่วนๆ โดยใช้เครื่องหมายหลายๆ อย่างที่ระบุเป็น list ไว้ในช่อง at (list) เป็นสัญลักษณ์ในการแยกข้อความ

ความรู้อื่นๆ

  • รูปแบบของผลลัพธ์ที่ได้จากการวิเคราะห์
  • เทคนิคในการกำจัดข้อมูลที่ไม่ต้องการ และแยกข้อมูลที่ต้องการออกมาเป็น list
  • การใช้คำสั่ง replace all text ซ้อนกันหลายๆ ชั้น

Comments

Post a Comment

Popular posts from this blog

บทที่ 4 - เรียนรู้เกี่ยวกับ User Interface

Image
นี่เป็นบทเรียนสำคัญอีกบทหนึ่ง เพราะคุณจะได้เรียนรู้การใช้งาน User Interface แบบต่างๆ ซึ่ง User Interface นั้น ถือเป็นคอมโพเนนต์พื้นฐานที่ทุกแอพพลิเคชั่นต้องมี เพื่อให้ผู้ใช้งานแอพ สามารถสั่งงานแอพ และแสดงผลให้ผู้ใช้ดูได้ เนื่องจากเนื้อหาของบทที่ 4 ค่อนข้างยาว จึงได้ตัดแบ่งออกเป็น 5 ตอนด้วยกัน ตอนที่ 1 ในตอนนี้ คุณจะได้เห็นตัวอย่างของแอพสำหรับป้อนข้อมูลบุคคล ซึ่งมีการใช้ User Interface แบบต่างๆ เพื่อให้คุณสามารถเลือกใช้ User Interface ได้เหมาะสม คอมโพเนนต์ที่กล่าวถึง User Interface ที่กล่าวถึงในบทนี้ ได้แก่ Spinner เป็นปุ่มที่เมื่อคลิ้กแล้วจะมีรายการตัวเลือกต่างๆ ให้ผู้ใช้เลือก Textbox เป็นช่องสำหรับใส่ข้อความ ซึ่งสามารถกำหนดลักษณะพิเศษได้ เช่น ใส่ได้เฉพาะตัวเลข ใส่ข้อความได้หลายบรรทัด โดยกด Enter เพื่อขึ้นบรรทัดใหม่ได้ DatePicker สำหรับใช้กำหนดวัน เดือน ปี คศ. Checkbox เป็นช่องสำหรับทำเครื่องหมายถูก ListPicker เป็นปุ่มที่เมื่อคลิ้กแล้ว ก็จะมีรายการตัวเลือกต่างๆ ให้ผู้ใช้เลือก ซึ่งในบทนี้ จะอธิบายข้อแตกต่างระหว่าง Spinner และ ListPicker ด้วย Button คือปุ่
Read more

บทที่ 17 – สร้างแอพ Pomodoro

Image
คุณสมบัติของแอพ ในบทนี้ จะสอนสร้างแอพ Pomodoro ซึ่งเป็นเครื่องตั้งเวลาเพื่อช่วยให้โฟกัสกับงานตามหลักการ Pomodoro โดยแอพนี้จะใช้คอมโพเนนต์ Clock ในการจับเวลาการทำงาน และการพัก พร้อมกับสาธิตการสร้างแอพที่มีหลายสกรีน รวมทั้งสอนเทคนิคในการใช้ VerticalArrangement มาสร้างให้แอพเหมือนมีหลายสกรีน ทั้งๆ ที่อยู่ใน Screen1 นอกจากนี้ ยังสอนใช้ TinyDB ซึ่งเป็นคอมโพเนนต์ในการจัดเก็บข้อมูลไว้ในแอพ มาใช้เก็บค่าเซตติ้งต่างๆ ของแอพเอาไว้ด้วย คอมโพเนนต์ที่กล่าวถึง Clock ในบทนี้ ใช้เป็น Timer เพื่อจับเวลาการทำงาน 25 นาที และการพัก 5 นาที เมื่อหมดเวลาที่ตั้งไว้ ก็จะเกิดอีเวนต์ Timer ขึ้น VerticalArrangement ในบทนี้ จะสอนเทคนิคที่ใช้ VA ทำหน้าที่เหมือนเป็นสกรีนหนึ่ง แล้วใช้บล็อก set Visible เพื่อแสดงหรือซ่อนแต่ละ VA เหมือนเป็นการเปิด-ปิดสกรีนนั่นเอง TinyDB เป็นพื้นที่เก็บข้อมูลต่างๆ ซึ่งจะอยู่ในแอพ ไม่สามารถเปิดดูข้อมูลจากแอพอื่น ในบทนี้ จะใช้ TinyDB ในการเก็บค่าเวลาต่างๆ จากสกรีน Settings Sound ในบทนี้ ใช้สั่นเครื่องเมื่อหมดเวลาแต่ละช่วงทำงาน และช่วงพัก บล็อกที่สำคัญ set Tim
Read more

บทที่ 13 – รู้จักกับ Orientation sensor

Image
บทนี้มี 2 ตอน ตอนที่ 1 คุณสมบัติของแอพ สำหรับในบทนี้ จะสอนเกี่ยวกับ Orientation Sensor ซึ่งเป็นเซ็นเซอร์ที่จะคอยตรวจจับว่า เราถืออุปกรณ์อย่างไร เช่น ถือตามแนวตั้ง หรือตามแนวนอน หรือเอียงกี่องศา โดยแอพนี้ใช้ Slider 3 อัน เพื่อแสดงค่าที่เซ็นเซอร์วัดได้ออกมาเป็นกราฟแท่ง เพื่อให้ดูค่าได้ง่ายๆ และมี label แสดงค่าเป็นตัวเลขอยู่ข้างๆ ด้วย สำหรับค่ามุมที่ Orientation Sensor วัดได้ มี 3 ค่า คือ Roll เป็นค่ามุมเมื่อเราถืออุปกรณ์ให้เอียงเอาด้านซ้าย หรือด้านขวาขึ้น โดยหากวางราบกับพื้น ค่ามุมจะเป็นศูนย์ หากถือเอียงให้ด้านซ้าย หรือด้านขวาขึ้น ค่ามุมก็จะเปลี่ยน จนเมื่อถือตั้งฉาก ค่ามุมก็จะเป็น 90 หรือ -90 องศา ขึ้นกับว่าเอียงด้านไหนขึ้น Pitch เป็นค่ามุมเมื่อเราถือเครื่องให้ยกด้านบนขึ้น หรือกดด้านบนลง ตอนวางราบกับพื้น มุมนี้ก็จะเป็นศูนย์ เมื่อยกเครื่องตั้งขึ้น หรือคว่ำหัวลง ค่ามุมก็จะเป็น 90 หรือ -90 องศา Azimuth เป็นค่ามุมเหมือนเข็มทิศ คือ เมื่อหันเครื่องไปทางทิศเหนือ มุมก็จะเป็น 0 และเมื่อหมุนเครื่องตามเข็มนาฬิกา ค่ามุมนี้ก็จะเพิ่มขึ้น จนเมื่อหมุนครบรอบ ค่ามุมสูงสุดก็จะไม่เกิน 36
Read more