(อาจารย์สุธิรา) เด็ก ๆ เปิดเข้า ที่สร้างไว้สัปดาห์ที่แล้วค่ะ เดี๋ยวสัปดาห์นี้เพิ่มวิดีโอ เข้าไปนะคะ ในสัปดาห์ที่แล้วนะคะ บอกว่าสิ่งที่จะต้องเพิ่มมาก็คือ เมื่อเราคลิกไปที่ เดี๋ยว ลดไซซ์ลงนะคะ เราจะมีทั้งหมด 1… 1 2 3 4 5 6 เห็นไหม 6 แล้วก็วิดีโออันสุดท้ายใช่ไหมคะเด็ก ๆ ในสัปดาห์ก่อนบอกว่า จากหน้าแรก หรือหน้าปกของ Book เรานี่นะคะ เมื่อคลิก ที่ปุ่ม Next มันจะเข้าไปที่ หน้าที่ 1 ในหน้าที่ 1 นี้ให้เด็ก ๆ มีปุ่ม แล้วก็อีกปุ่มหนึ่ง ก็คือ เดี๋ยวนะ เพิ่มให้ก่อน ปุ่ม Home นะคะ ปุ่ม Home ไม่ใช่ปุ่ม Back นะเด็ก ๆ ต้องมีปุ่มที่ชื่อว่า Home นะคะ ก็คือเมื่อคลิกที่ปุ่ม Home มันจะต้องกลับมาที่หน้าปกเสมอ เพราะฉะนั้นใน P2 P3 P4 P5 ก็คือจะต้องมี ปุ่ม Home เหมือนใน P1 นะคะ ใครยังไม่มีต้องใส่เข้าไป ทีนี้มาดูหน้าสุดท้าย หน้าวิดีโอของเรา การใส่วิดีโอเข้ามาในหน้านี้นะคะ ก็คือใครยังไม่มีวิดีโอ ยกมือ มีหมดแล้วใส่ไว้หรือยังในหน้าสุดท้าย เมื่อกี้ยกมือพายุ เพิ่มหน้าอีก 1 หน้านะ หน้าสุดท้ายชื่อว่า วิดีโอยังน่ะ คนที่ยังนะคะ คนที่ยังไม่มีให้เพิ่ม เพิ่มหน้าอีก 1 หน้านะคะ เห็นไหมจาก P5 ใช่ไหมคะ ก็เป็นหน้าวิดีโอ ใส่เข้าไป แล้ววิธีการเอาวิดีโอเข้า ดูนะคะ เดี๋ยวทำให้ดู เดี๋ยวจะลบวิดีโอก่อน เรามีหน้าสุดท้ายมา ตั้งชื่อหน้านี้ว่า ตรงชื่อนะคะ เปลี่ยนชื่อให้น้องด้วย Screen แต่ละอันให้ตั้งชื่อเพราะว่ามันจะหมายถึงตัวแปรที่เราจะเอาไปใช้ในการเรียกใช้งานโค้ด เรียกโค้ดมา หรือสร้างโค้ดนั่นเองนะคะ เพราะฉะนั้นมันจะต้องมีตัวแปร ถ้าเรียกคำสั่งแต่ชื่อที่มันสร้างไว้ให้ Screen 1 นับ Number ไปอยู่นั่นแหละ แต่ถ้าเราระบุชื่อหน้าลงไปเลยน่ะ มันจะง่ายขึ้นนะคะ หน้านี้ให้ตั้งชื่อว่า Video นะคะ เมื่อได้หน้าแล้ว สิ่งที่เราจะต้องทำต่อไปก็คือเราจะนำวิดีโอมาใส่ ทำอย่างไร มีอะไรคะ ไม่มีไอ้ข้าง ๆ ไม่คนละอันนี่เห็นไหม ไม่ได้อยู่ด้วยกันนะคะ เป็นคนละอัน เพียงแต่ P5  เห็นไหม ถ้ามีไอ้สามเหลี่ยมจิ้ม ๆ ลงมานี่ มันหมายถึงใน P5 มันจะมี Object ตัวอื่นอยู่ เช่น Text เห็นไหมคะ หรือ Button หรือว่ามี Image อย่างนี้ ตอนนี้ Screen เปล่าของเราก็คือวิดีโอ สิ่งที่เราจะต้องทำต่อไปก็คือเลือก Media เข้ามาวางไว้นะคะ ให้ไปที่ Video เห็นไหมคะ คลิกที่ Media แล้วก็เลือกวิดีโอลากมาวาง จะเอาขนาดเท่าไหน วางตรงไหน สามารถปรับขนาดได้นะคะ ให้ดู Properties ด้านขวามือเห็นไหม นี่คือขนาดของวิดีโอของเราเช่น อยากได้แบบเล็กกว่านี้หน่อย 250 นะคะ เห็นไหม เป็น สี่เหลี่ยมเป็น สี่เหลี่ยมจัตุรัสเลยก็ 250 เท่ากัน ความกว้างความยาว W ก็คือ Width Height ก็คือ สูง เห็นไหมคะ กำหนดค่าความสูงความกว้าง 2 ตัวนี้ก็ใช้ได้แล้ว จะจัดกึ่งกลางหรือจะ… หรือจะเอาไว้ด้านล่าง แล้วแต่เรา เผื่อข้างบนไว้ใส่ Label เสียหน่อยนะคะ สิ่งที่เราจะต้องทำต่อก็คือ จะเอาวิดีโอมาใส่เห็นไหม ไปที่คำว่า Video เห็นไหมคะ ถ้าเป็นไฟล์นะ มี 2 วิธีก็คือเลือกอัปโหลดจากที่มันเป็น หรือที่มันเป็น URL แต่เราไม่อยากได้ URL เพราะอะไร เผื่อบางทีนี่มันปิดไป มันก็จะเปิดไม่ได้ แต่ถ้าเราอัปฯ เป็นไฟล์มันจะง่าย วิธีการนะคะ เด็ก ๆ ไปที่ Google ของเรา เปิด Google ขึ้นมา จำได้ไหมที่บอกว่าให้เข้าอะไรคะ เอาวิดีโอจาก YouTube น่ะ วิธีการ เราเปิด YouTube ก่อน แล้วก็ค้นหาชื่อวิดีโอที่เราต้องการนะคะเด็ก ๆ ให้ดูเนื้อหาของตัวเองนะ เนื้อหาในแอปนี่ เหมือนของแม่เป็นเรื่องไดโนเสาร์ แม่ก็จะหาวิดีโอที่เกี่ยวกับไดโนเสาร์ ของเด็ก ๆ เป็นผลไม้ก็ หาวิดีโอเกี่ยวกับผลไม้หรืออาหารอะไรอย่างนี้ ก็คือ วิดีโอมันก็ต้องสอดคล้องกับเนื้อหาของเรานะคะ จะเอาเป็นอะไร จะเอาเป็นเพลง หรือจะเอาเป็นอะไรก็แล้วแต่ สมมติ แม่จะเอาเป็นเพลงไดโนเสาร์ เด็ก ๆ จะเห็นตรงนี้นะคะ URL ของ YouTube เห็นนะ เมื่อเราได้ไอ้วิดีโอที่เราต้องการแล้วนี้นะคะ สมมติเอาตัวนี้ ให้ดูที่ URL ตัวนี้ไว้นะคะ เปิดแท็บ Window เปิดแท็บ Web Browser อีก 1 อัน แล้วใช้คำค้นที่ว่า แปลงไฟล์ YouTube ให้แปลงเป็น MP4 นะคะเด็ก ๆ  บอกแล้วนะในครั้งก่อนนี้ ถ้าเราเลือก Sound ไฟล์ Sound เอาแค่ MP3 พอ แต่ถ้าวิดีโอน่ะ เอา MP4 เพราะว่าอะไร เพราะเวลาชื่อ ชื่อที่มันขึ้นในนี่เด็ก ๆ ดูนะ เห็นไหม มันจะมีนามสกุลข้างหลัง ถ้าเราตั้งไฟล์วิดีโอเป็น MP3 เหมือนไฟล์ Sound เวลามาหา บางคนไม่อ่านชื่อไง มันก็จะงงนะ เพราะฉะนั้นให้เลือกแปลงนี่ ดาวน์โหลดวิดีโอ YouTube ในรูปแบบ MP4 หรือแปลง YouTube เป็น MP4 นะคะ เอาแบบออนไลน์ ตัวนี้จะเวิร์กไหม เห็นไหม เอาแบบออนไลน์เลย เพราะเราจะโหลดมา ให้เลือกที่เป็นแบบออนไลน์ไม่ต้องติดตั้งโปรแกรมน่ะ ยุคนี้พยายามติดตั้งโปรแกรมลงเครื่องให้น้อยที่สุดเพราะอะไร 1. เราไม่แน่ใจใน ที่เขาให้ติดตั้งใช่ไหมหรือโปรแกรมเผื่อมันมีตัวอะไรแฝง เพราะฉะนั้นเราพยายามเลือกเป็นออนไลน์นะเด็ก ๆ แล้วมันก็จะขึ้นมาที่หน้าแปลง YouTube เห็นไหม เรามันเลือกได้ เห็นไหมคะ ให้เลือกเป็น MP4 ไม่ต้องเอา High Definition นะ ถ้า High Definition ความละเอียดสูง อะไรนะ ขนาดพื้นที่ไฟล์ก็จะใหญ่ไปด้วย นึกออกไหมคะ เวลาเราสร้างแอป หลักการง่าย ๆ ก็คือ เราจะต้องใช้ไฟล์ที่มีขนาดเล็ก เหมือนเวลาเด็ก ๆ ไปหาโหลด Background มา บางทีเด็ก ๆ เอา Background ที่มีขนาดใหญ่น่ะ สังเกตว่าทำไมเวลาเราใช้งานแอปบางตัวมันโหลดนาน ขนาดของไฟล์ก็มีส่วนนะเด็ก ๆ เพราะฉะนั้น เมื่อเราจะแปลงนี้ เราก็ไม่ต้องไปเลือกถึงขั้น High Definition นะ เพราะมือถือหรืออุปกรณ์เคลื่อนที่ในยุคปัจจุบันนี่ มันสร้างมาให้มีความละเอียดอยู่แล้ว นึกออกไหมคะ มันไม่เหมือนสมัยก่อนที่มือถือมันใช้แค่โทรออกอย่างเดียวแต่เดี๋ยวนี้มันสามารถใช้เพื่อดูวิดีโอหรืออะไรพวกนี้ได้อยู่แล้ว เพราะฉะนั้น ไฟล์ที่เราจะนำมาใช้นี้ ไม่ต้องการความละเอียดสูงมากก็ได้นะคะ แล้วเด็ก ๆ ทำอย่างไรให้เด็ก ๆ มาที่ URL ของ YouTube ของเรานะคะที่เราเลือกจะนำไปทำเป็นไฟล์วิดีโอ เสร็จแล้วให้กด Copy URL นั้น Ctrl+C นะคะเด็ก ๆ เสร็จแล้วมาที่หน้าที่เราจะแปลง แล้วก็กด Ctrl+V เพื่อวาง จากนั้นคลิกที่ Download MP4 เห็นไหม สถานะการดาวน์โหลดมันก็จะวิ่งขึ้นมา ตึ๊ด ๆ ๆ ๆ เราต้องรอนะคะ เมื่อกี้ลืมดูว่าความยาวไอ้วิดีโอกี่นาที 12 นาทีนะคะ เด็ก ๆ หาไฟล์ขนาดเล็กหน่อยนะลูก ลืมดู เอายาวไปหน่อย  ให้ดู เวลาดูขนาดไฟล์วิดีโอนี่เห็นไหม มันจะมีอยู่ข้างหลังนี่ตรงนี้ 2 ถึง :35 นี่คือเวลาที่มันเล่นไปแล้ว แต่นีj เวลารวมทั้งหมดของวิดีโอมันจะอยู่ตรงนี้ นะคะสังเกตด้วย หาไฟล์ไม่ใหญ่มาก ใหญ่ไปหาตัวใหม่ก็ได้ ลืมดู ตัวนี้เห็นไหม 2 นาทีแค่นั้นเองตัวนี้ เดี๋ยวเปลี่ยนใจจะมาเอาตัวนี้แทนแล้วนะคะ ตัวเมื่อกี้มันยาวไป ให้นึกถึงนะ ยิ่งใช้เวลาเล่นนานน่ะ ความจุของไฟล์ก็จะมีขนาดใหญ่นะคะ เพราะฉะนั้นเราพยายามเลือกดูที่ระยะเวลาของวิดีโอเราด้วย มันยาวจะย้อนกลับแล้วนะ จะไม่เอาน้องแล้ว ขี้โกง ย้อนเลย ไม่รอแล้ว เอาใหม่ ถ้าตัวนี้ช้าเด็ก ๆ หาตัวอื่นกันนะ ตัวที่ 3 รู้สึกโหลดช้า เห็นไหม ของตัวแรกนะคะ savefrom.net นี่เร็วหน่อย เสร็จแล้ว เพียบ กดไปหลายทีขึ้นมาเป็นกุรุสเลย โอเค ได้แล้วนะคะ เมื่อเราได้ไฟล์วิดีโอแล้ว มีใครยังไม่ได้ไฟล์วิดีโออีก เอาตัวแรกนะเด็ก ๆ ตัวแรกโหลดเร็วอยู่ แต่อย่าไปกดไอ้นี่นะ นี่เลือกตัวนี้ เดี๋ยวลอกตัวนี้ อันนี้ไม่แน่ใจเร็วหรือเปล่า ลองดูก็ได้นะคะ เพราะตัวนี้ มีความรู้สึกว่ามันช้า เสร็จแล้วเหมือนกัน เห็นไหมคะ ความเร็วในการโหลดขึ้นอยู่กับขนาดไฟล์ มันจะขึ้นดาวน์โหลดเรียบร้อยแล้วนะคะ เมื่อได้ เรียบร้อยแล้ว เมื่อได้ เรียบร้อยแล้วนะคะ เด็ก ๆ กลับมาที่หน้าแอปเราใช่ไหม แล้วเราคลิกที่ตัวเจ้าวิดีโอที่เราเอามาวาง แล้วไปที่ Properties ทางขวามือ เห็นไหมคะ คลิกที่คำว่า “Video” เพราะเราต้องการจะ Upload ไฟล์ เราก็เลยคลิกที่ Upload File นะคะ เลือก Upload File แล้วก็ไปที่ เห็นไหมคะ ถ้าโดยปกติถ้าเราดาวน์โหลดจากเว็บนี่ มันจะมาที่หน้าแท็บ Download เสมอนะคะ อยู่ใน Download เสมอ เราก็เลือกเลย 1 อันตัวไหนก็ได้เหมือนกัน คลิก Open ทีนี้ ดูนะคะ ถ้าเด็ก ๆ  คลิกเพื่อไปที่ Block แล้ว คลิก Preview ดู เห็นไหม สังเกตว่าวิดีโอมันจะไม่เล่น ถ้าไม่มากดใช่ไหมคะ ถ้าเราต้องการให้วิดีโอนี่ เล่นโดยอัตโนมัติทำอย่างไร ดูนะคะ Back to editing เราก็กลับไปหน้า Design ของเรา  ให้ดูตรงนี้ก่อน Orientation นี่มันหมายถึง ให้นึกถึงมือถือนะ ไอ้เวลาเราหมุนมือถือนึกออกไหมเด็ก ๆ Orientation น่ะ ค่าตรงนี้นะคะ ถ้าเราเลือก Portrait มันก็คือ มันจะแสดงในแนวตั้ง Landscape ก็คือแนวนอน เวลาแนวนอนหมุน แต่ให้เราคลิกที่ Auto ไว้ เพราะให้นึกถึงว่า แอปนี่ทำงานบนอุปกรณ์เคลื่อนที่ ก็คือพวกมือถือหรือแท็บเล็ตนี่ เพราะฉะนั้นมือถือหรือแท็บเล็ตนี่ มันสามารถวางแนวได้ทั้งแนวตั้งแนวนอน เพราะฉะนั้น คลิก Auto ไว้นะคะ ทีนี้เราอยากให้มันเล่นอัตโนมัติ เราก็ เมื่อกี้ลืม ดูนะคะ ก็คือเราต้องไปที่ Block ใช่ไหม เขียนโค้ดบอกน้องก่อน Block แล้วเลือกอะไรคะ เลือก Video นะคะ แต่ให้เลือกที่ Screen เพราะให้นึกถึงว่า เมื่อเราเปิดหน้า แต่ถ้าเราเลือก Video นี่ ก็คือเมื่อเราเปิดวิดีโอต่างกันนะ ให้เลือกที่ตัว Screen ที่ชื่อ Video นะคะ Screen น่ะ Screen ที่ชื่อ Video แล้วคลิกเลือก When video open เมื่อมีการเปิด… เมื่อหน้าวิดีโอนี้ เมื่อ Sceen Video นี้เปิด ให้ทำอะไร เราก็จะให้วิดีโอมันทำอะไรคะ Play เห็นไหมคะ Video1 Play ใส่เข้าไป ดูนะคะ ทำไมไม่ Play ให้ ต้องมากดเหรอ Play Auto Activity Auto Play ขึ้นไหม Play อย่างไร Play นี่นะ Visible แสดง ไม่แสดง ก็อยากให้เธอเล่นไง ให้ Play Video 1 ทำไมไม่ Play นะ ไม่มีให้ Play Auto เว้ย เปิดเข้ามาแล้ว นี่ ถ้าเป็น Play ไอ้นี่ล่ะ โหหมุนติ้วติ้วเลย เสียง Crystal [เสียงดวิดีโอ] (อาจารย์สุธิรา) Play หรือยังคะ ภาพไม่เล่น เวอร์ชันนี้แปลก ๆ เว้ย (AI) Dinosaurs (อาจารย์สุธิรา) มันไม่เล่น Auto ให้ ไม่ถ้า Auto มาแต่เสียงน่ะ มันอาจจะไอ้นี่ ขอเช็กตัวเดิมก่อน จะให้มันเล่น Auto อัตโนมัติ Play คลิก Play เราใช้วิธีนี้แทนก็ได้ ถ้าเปิดในแอปไม่อัตโนมัตินะคะ เพราะฉะนั้น เราเปลี่ยน ไปที่ Block Design แล้วไปหน้าวิดีโอใหม่ ตัวนี้เราจะเปลี่ยนเป็นเพื่ออยากให้มันเล่น เราจะเปลี่ยนเป็น… ไม่เปลี่ยนก็ได้นะ เดี๋ยวเพิ่มก่อน เพิ่ม ๆ ๆ เพิ่ม Button ขึ้นมา 1 อันเด็ก ๆ ใช้ปุ่มให้เป็นประโยชน์ สร้างปุ่มนะคะ ปุ่มนี้ชื่อว่า ให้ตั้งชื่อว่า “Play Video” ที่แปลว่าเล่นน่ะ (AI) Dinosaurs เจอแล้วเมื่อกี้ เด็ก ๆ ดูนะ วิธีให้เล่นอัตโนมัติ เลื่อนไปไหน เข้าไปทำไมล่ะลูก ในหน้า Design นี่เห็นไหม เด็ก ๆ คลิกที่วิดีโอนะคะ แล้วจะเห็นว่ามันจะมีตรงนี้ ตรง Video นี่ มีคำว่า “Play” เห็นไหมคะ เราคลิกเลื่อน ให้ตัวนี้เปิด วิดีโอจะเปิดอัตโนมัติ เห็นหรือยัง ดูนะ ตอนแรกมันเป็นอย่างนี้ใช่ไหม คือ ต้องเลือกตัววิดีโอ ต้องเลือกที่ตัววิดีโอนะคะเด็ก ๆ  มันถึงจะขึ้นไอ้ตรง Video มา แล้วคลิก Play เพราะตอนแรกที่เราเลือกน่ะ เราอยู่ที่ Screen นะ พออยู่ที่ Screen นี่ ไอ้ตัวนั้นมันไม่ขึ้นนี่ มันเป็น Screen เห็นไหม เป็นส่วนของ Screen แต่สิ่งที่เราต้องการก็คือเมื่อวิดีโอเปิดเห็นไหมคะ เราคลิกที่ตัวนี้ ได้แล้ว กับอีกวิธีหนึ่ง อันนี้จะซ่อนไว้น่ะ เดี๋ยวจะให้มัน… จะซ่อนไอ้วิดีโอนี้ไว้ มองไม่เห็น เห็นกับไม่เห็น เดี๋ยวขอลองก่อนนะคะ (AI) Dinosaurs [เสียงวิดีโอ] (อาจารย์สุธิรา) ทีนี้มาดูกรณีที่ 2 กรณีที่ ถ้าเราไม่ให้เปิดเล่นจากนี่ แล้วต้องการให้มันไปเล่นบน YouTube เลยนะคะ ให้เราสร้างปุ่มไว้ พอสร้างปุ่มเสร็จแล้วทำอย่างไร เราต้องไปเขียน Block ให้ปุ่มนี่นะคะ เดี๋ยวขอโทษ ก่อนอื่น ตั้งชื่อปุ่มก่อน Button2 เปลี่ยนเป็น Play เปลี่ยนเป็นปุ่ม Play นะคะ ตั้งชื่อเป็น Play P-l-a-y Play ตัวใหญ่ P ตัวใหญ่นะคะ Button นี้จะชื่อว่า Play เพื่อใช้เล่นวิดีโอดูนะคะ ชื่อ Button จะต้องเป็น Play นะ ตอนนี้นะ แล้วไปที่ Block ที่ Block นะคะ ให้เด็ก ๆ คลิกที่ Button Play แล้วคลิกเลือก When Play click เมื่อมีการคลิกที่ปุ่ม Play นะคะ สิ่งที่เราจะทำต่อไปก็คือทำอะไร When Play click นี่ เมื่อมีการกดปุ่ม Play สิ่งที่เราต้องการให้ทำก็คือ ไปที่ ไม่ใช่สิ Open link เห็นไหมคะ ให้มันไปเปิดลิงก์ ลิงก์อะไร YouTube มันจะมาให้ไหมน่ะ มันจำไหมนี่ ลองดูนะคะ YouTube ที่เราก๊อบไว้นะ ลอง Ctrl+V วางแล้วกด Play ใหม่นะคะ เอ้ย กด (AI) Dinosaurs (อาจารย์สุธิรา) เห็นไหม มันจะมาเปิด YouTube นี่ นะคะ ให้มาเปิด YouTube เมื่อเล่นบน YouTube ให้นึกถึงเหมือน ลักษณะนี้ก็คือให้นึกถึงเหมือนพวกที่เขาทำ YouTube เพื่อหารายได้ นึกออกนะ เขาก็จะไปแปะลิงก์อย่างนี้ไว้ พอมีคนคลิกเข้าไปไอ้ยอด Views มันก็จะขึ้นใช่ไหมคะ นั่นก็คือ วิธีการนี้นะคะ ตัวนี้ก็คือให้เลือก Open link นะคะ ให้ทำอะไร (AI) Dinosaurs (อาจารย์สุธิรา) โอเคไหม ทีนี้อยากให้มาทำต่อ เวลาทำ Book นี่ปกตินะ มันก็จะมีตัวคำศัพท์ เสร็จแล้วเมื่อสอนคำศัพท์เสร็จ เราควรจะมีเหมือนให้ตอบคำถาม ทำเป็น… จะเอาไว้อันเดียวกันเลยไหม หรือสร้างใหม่จะได้ชิน ให้คลิก ตัวนี้เสร็จแล้วนะคะ 1 งาน ได้ Book แล้ว ทีนี้มาทำเป็นแอปตอบคำถาม ถามเลือกตอบ แบบเลือกตอบ คลิกที่ตัวไอ้ตัวหัวไอ้เจ้าหนอน หนอนแว่นแดงนี่นะคะ 1 ครั้ง แล้วเลือก Create new app เราจะสร้างใหม่นะคะ สร้างงานอีกชิ้นหนึ่ง ตั้งชื่อเลือกไปที่ Category นะคะ เลือกเป็น จัดหมวดให้เป็น Education การศึกษานะคะ ส่วน Project Name ตั้งชื่อว่า “Quiz” Q-u-i แล้วก็ z Q-u-i แล้วก็ z Quiz ที่แปลว่าคำถามน่ะ Quiz Game น่ะนะคะ เกมตอบคำถาม Quiz Quiz Q-u-i แล้วก็ z Project Name นะคะ Q ใหญ่แล้วก็ตัว u ตัว i แล้วก็ตัว z แย่แล้ว แย่แล้ว ของแม่มันไม่ให้สร้างใหม่แล้วนี่ ของแม่หมดอายุการใช้งานไปแล้วนะ ไม่เป็นไรเดี๋ยวทำให้ดูในหน้านี้แหละนะคะ ดูนะคะ อันดับแรก ก็คือให้สร้าง Screen นะ เหมือนเดิม ขี้โกงนิดหน่อยนะคะ เนื่องจาก ทำให้ดู 2 อันนะ Screen ที่ 1 นะคะ จะมี Label ใส่ Label เข้าไป 1 อัน Label นี้ก็คือ ตั้งชื่อนี้แล้วกันนะคะ เอ้า จะเลือกสี Background เสียหน่อย เลือกสีพื้นเฉยเลย เดี๋ยวขอเลือก Background แป๊บหนึ่งนะคะ เหมือนเดิม ไม่เหมือนเดิมจะใส่ Background ให้น้องเลย ใส่ Background ไว้ตั้งแต่ต้นเลยนะ ให้ดูนะคะ จะใส่ Background ไว้ที่ Screen 1 เลือก ที่ตัว Screen นะคะ คลิกให้มันขึ้นตรง ชื่อตรงนี้เป็น Screen 1 นี่ เปลี่ยนเป็น เปลี่ยนเป็น First ตั้งชื่อตอนนี้ว่า First First Page หน้าแรก นะคะดูนะคะเราจะต้องเราจะจัดการที่ Screen นั้นนี่ ดูที่ชื่อเขาต้องขึ้นมาด้วยตรงนี้ตัวบนนี่ ทีนี้จะเลือก Background ให้น้อง ใส่สี Background เห็นไหม จะให้จะไม่ใช้ภาพจะใช้สีเป็น Background แทนนะคะ โอเค ขนาด ทะลักทะลายทะลวง พิมพ์ไม่ดูนะคะ ไป 1,500 ขนาดตัวข้อความ ทำไมมันเยอะจัง อยากได้ตัวใหญ่ ๆ ไง โลภ ๆ ตัวเล็กไม่ชอบ ชอบตัวใหญ่ ให้มันเต็มหน้าเลย ในหน้าที่ 2 ทุกคนน่ะ มีภาพอยู่แล้วนะ ทีนี้ สิ่งที่เราจะใส่ใน Screen ที่ 2 อ้าว Page 2 หน้า 2 นะคะ Page 2 P-a-g-e เดี๋ยว จะเอาสีเหมือนกันไหม สมมติ จะใส่ Background ให้เหมือนเดิมนะคะ โอเค ทีนี้บอกแล้วว่า Quiz Word ก็คือคำศัพท์นะ ให้เลือกคำศัพท์ เอ้ย เลือกภาพ เราก็จะเอาภาพมาใส่นะคะ ไปที่ Input Image อยู่ไหนเอ่ย Button เราเยอะนะนี่ เจอแล้ว Image นะคะ เอารูปมาวาง ทีนี้รูปคำศัพท์เราก็คือเอาไฟล์ภาพเดิมที่เรามีอยู่ เช่น เดี๋ยวแม่ไปหาก่อนนะ ขอย้อนไปดู ไทรเซราทอปส์นะคะ เจ้าไทรเซราทอปส์ ดูไฟล์ในลิสต์ของเรานะ ไทรเซราทอปส์คือตัวนี้ เอา Raptor ดีกว่า เปลี่ยนเป็น Raptor แทนนะคะ ก็คือถ้าสมมติว่าคำศัพท์นี้ ก็คือหลักการทำงานของแอปนี้นะคะ ก็คือเมื่อมันจะมีปุ่มให้เลือกตอบ นึกออกนะ เช่น ทำปุ่มสำหรับเลือกตอบ อยากได้กี่ Choice ให้นึกถึง จำนวนปุ่มก็คือจำนวน Choice ที่จะใช้ตอบ นึกออกนะคะ ถ้าสมมติมี 2 ปุ่ม  2 Choice เอาทำแบบง่าย ๆ ก่อน 2 Choice นะคะ ก็คือเลือก 2 ปุ่ม เดี๋ยวไม่เท่ากัน กลัวไซซ์ไม่เท่ากัน จะใช้วิธีนี้นะคะ เมื่อเราได้ขนาดปุ่มที่ต้องการนะคะ แล้วก็ใส่สีให้น้องให้เรียบร้อยนี่ เราทำการ Duplicate นะคะ เราจะได้ไซซ์ขนาดปุ่มมันเท่า ๆ กัน เลือก Duplicate นะลูก เห็นไหม ขนาดปุ่มเราจะเท่ากันเลย สีก็เหมือนกันนะคะ เห็นไหมคะ ขอเปลี่ยนสีข้อความหน่อยนะ มันไอ้นี่ไป สีฟอนต์ในปุ่มมันมืดตะลึดตึ๊ดตื๋อ พอเป็นสีดำ หลักการนะคะ เมื่อคลิกที่ปุ่ม สมมติชื่อนี้ Button นี้ ชื่อปุ่มนี้ก็คือคำศัพท์ของในภาพเรา เช่น  Raptor  นะคะ  Raptor คือคำตอบที่ถูกต้องนี่ กับอีกตัวหนึ่ง ขอย้อนไปดูคำศัพท์ตัวเองก่อนนะ มี Raptor  แล้วมีอะไรอีก น้องชื่ออะไรนี่ ไทแรนโนซอรัส สมมติว่าเป็นไทแรนโนซอรัส ตัวนี้ชื่ออะไรลูก ไทรเซราทอปส์นะคะ สมมติตัวนี้ อีกปุ่มหนึ่งเป็นชื่อของไดโนเสาร์อีกตัว แต่ไม่ใช่คำตอบที่ถูกต้อง นึกออกนะคะ T-Rex ก็ได้ ให้เห็น บางคนจะชอบสับสน T-Rex กับ Raptor นะคะเด็ก ๆ T-Rex กับ Raptor นี่ ความต้องการของหน้านี้นะคะ ก็คือเมื่อกดปุ่ม คำว่า “ Raptor ” คำตอบที่ถูกต้องคือคำว่า นี้ ถ้ากดปุ่มนี้ปุ๊บ ถ้ามันเป็นคำตอบที่ถูกต้องจะมีรูปเครื่องหมายถูกขึ้นมาแล้วก็ให้มีเสียงปรบมืออย่างนี้นะคะ ด้วยนะคะ ดูนะคะ แต่ถ้าคลิกตัวนี้ปุ๊บ T-Rex มันผิดใช่ไหม ก็ให้มีเครื่องหมายผิดแล้วก็เสียงเหมือนเสียงออด ออดแบบผิดน่ะ ลองมาดูนะคะ Sound นี้ เดี๋ยวหา ก่อน หา Sound เพิ่ม หาภาพเครื่องหมายถูก แล้วก็เครื่องหมายผิด เลือก ๆ เอานะคะ เอาถูกกับผิดนะคะ อย่าลืมข้อกำหนดที่สำคัญก็คือ Free Pic นะคะ เอาแบบไหนเลือกเอานะคะ เด็ก ๆ อยากได้แบบไหนเลือกเอาเลย ถูกอันหนึ่ง ผิดอันหนึ่งนะคะ อย่างละ 1 อัน นี่ค่ะ ทีนี้บางเซตมันมาเห็นไหมเด็ก ๆ มันมา 4 รูป ไปตัดเอาเอง เดี๋ยวจะตัด Free Download เลือก Free Download นะครับ เราบอกแล้ว มันขึ้นว่าอะไรนี่ ได้แล้ว เป็นไฟล์ Zip เชียวเหรอ ดาวน์โหลดได้แล้วนะคะ Pictures เดี๋ยวเอาไปไว้ที่ Pictures โอเค ได้เครื่องหมายแล้ว ทีนี้ ขอตัดมันนิดหนึ่งนะ มันเป็น 2 อัน ขอใช้ Paint ช่วยนะคะ ใหญ่ไฟกระพริบมากเลย View View View ใหญ่เกิ๊น ใหญ่ไปนะครับไม่เอา เดี๋ยวเอาไปวางแล้วจะเปลืองพื้นที่อีก ใหญ่โพด เอาไม่ใหญ่ น้องจะใหญ่ไปไหมน่ะ เป็นไฟล์ Zip หมดเลยเว้ย แสดงว่าใหญ่เติบบ่นี่ ไม่เอา ๆ ๆ ไม่อยากได้น่ะ ไม่อยากได้ใหญ่ ๆ เลือกด้วย Free Download ไง ค้นรูปเอา ไซซ์ไหนจะเล็กน้อบาดนี้ ดาวน์โหลดฟรี จะเริ่มในไม่ช้า โอเค เริ่มแล้ว เสร็จแล้ว มีแต่ไฟล์ Zip นี่คือใหญ่มากเลยนะ ต้อง Zip ไฟล์ให้เรานี่ เดี๋ยวลองวิธีลัดแล้วนะ ใช้วิธีลัดนะคะ คัดลอกเอา Correct ผิด False True or False True โอเคได้แล้ว ใช้วิธีลัด ต่อไปหาเสียงนะคะ Sound S-o-u-n-d (AI) True True False (อาจารย์สุธิรา) ไม่เอาน่ะ ไม่อยากได้ Sound แบบนี้ เป็น Sound Effect [เสียงเอฟเฟ็กต์] (อาจารย์สุธิรา) โอเค อยากได้แบบนี้นะคะ ลักษณะเสียง ตัวนี้ดีกว่า โอ้ ได้แล้ว เมื่อกี้ Effect Wrong Wrong กับ Right ขอตัวนี้แล้วกันนะคะ ได้แล้วนะ ก็คือได้ทั้งอะไรนะ รูปใช่ไหมคะ ตอนนี้เด็ก ๆ จะต้องมีภาพเครื่องหมายถูก เครื่องหมายผิดใช่หรือเปล่า แล้วก็มีอะไรอีกคะ มีเสียง เสียงที่บอกว่าเมื่อกดนี้ ถ้าตอบถูกมันจะมีเสียง เสียงที่แสดงให้เห็นว่าถูก หรือแสดงให้เห็นว่าผิดนะคะ 2 เสียงด้วยกัน สิ่งที่เราจะทำต่อก็คือ เดี๋ยวขอเบรกแป๊บหนึ่งนะคะ สัก ตอนนี้ 10.17 น. ขอเบรก 10 นาทีนะคะ 10.20 น. เพราะเดี๋ยวจะขอไปตรวจ ว่าเด็ก ๆ ได้เครื่องหมายครบหรือยังค่ะ แป๊บหนึ่งค่ะ เออนั่นแหละ ถ้าแนะแนวน่ะก็ได้อยู่ ดาวน์โหลดเลยสิลูก ไม่ดาวน์โหลดแล้วมันจะเอามาใช้งานได้อย่างไรเล่า แม่ใช้คำว่า อ๋อนี่ไง  Pixabay หรือเปล่า ไม่ ๆ คลิกปิดไปเลย เดี๋ยวมันจะขึ้นมาอยู่ตรงนี่ นี่ แท็บเครื่องมือดาวน์โหลดข้างบน อะไรนะ ใช่ ๆ ใครยังไม่ได้ภาพอีกครับ ตอนนี้เราจะต้องมีรูปเครื่องหมายถูกใช่ไหมคะ นี่นะคะ เด็ก ๆ จะต้องมีเครื่องหมายถูก เครื่องหมายผิด  2 ตัวนี้นะคะ พร้อมหรือยังคะ ในหน้านี้นะคะ บอกแล้วว่าเมื่อเราคลิกที่ปุ่มชื่อคำศัพท์นั้น ถ้าคำศัพท์นั้นถูก มันจะต้องแสดงเครื่องหมายถูก แต่ถ้าเราคลิกตัวนี้ คำศัพท์นี้ผิด มันต้องแสดงเครื่องหมายผิดแล้วก็อะไรคะ มีเสียงด้วยนะ เวลาคลิก ถ้าคำศัพท์นี้ถูกต้อง จะมีเครื่องหมายถูก แล้วก็มีเสียงใช่ไหม ก่อนอื่นเราก็ต้องนำกรอบเพื่อจะ… ที่จะโชว์ภาพนะมาใส่เสียก่อน เดี๋ยวลบออกก่อนนะคะเหมือนเดิม ตอนนี้นะคะ แล้วเราเลือก Basic Image ลาก Image เข้ามา ขนาด ปรับลดได้ เอาเท่าไหนนะคะ จัดวางให้สวยงาม บอกแล้วนะคะ 1 ปุ่มคือ 1 คำตอบ แต่อันนี้ Case ง่าย ๆ ก็คือ ตอบถูก มีเครื่องหมายถูกขึ้นมา แล้วก็ตอบผิด มีเครื่องหมายผิด แล้วก็มีเสียงด้วยนะคะ  ทีนี้เราจะมาเขียนโค้ดแล้วนะคะ องค์ประกอบในหน้านี้ก็คือจะต้องประกอบด้วยภาพ ภาพคำศัพท์นะคะ แล้วก็ปุ่มคำตอบที่มีคำตอบที่ถูกต้องกับคำตอบที่ไม่ถูกใช่ไหมคะ แล้วก็มีส่วนที่ใช้แสดงภาพเครื่องหมายถูก เครื่องหมายผิด มาดูที่ปุ่มก่อน ก่อนจะไอ้นี่ เรามากำหนดค่าให้ปุ่มนี้นะคะ Button 2 เราตั้งชื่อน้องว่า “Correct” ที่แปลว่า ถูก หรือ Right or Wrong น่ะ คลิก คลิกที่ Button ของเรา ดูนะคะที่ Button 2  ตั้งชื่อให้น้องเป็น เดี๋ยวนะ เดี๋ยวบางคนจะพิมพ์ไม่ถูก เพราะฉะนั้นดูนะคะ แปลภาษา บอกแล้วใช้แปลภาษาช่วยนะ ถูกแล้วก็ผิด เดี๋ยวนะ ตอบถูก เพิ่ม มันทำไมไม่ขึ้น Right or Wrong นะ ไม่ไหวเลย ถูกต้องนะคะ Correct นะคะ ก๊อบเลย จะได้ตั้งชื่อไม่ผิดนะ แล้วแก้ตัว C เป็นตัวใหญ่แค่นั้นเอง อ๋อ ก็ถ้าอันนี้ของ ถ้าใครเอาคำตัวแรกเป็นผิดนะคะ ก็ตั้งชื่อมัน เป็น Wrong สิ Wrong แปลว่าผิดไง ตอบผิดก็ก๊อบตัวนี้ไปแทน ก็ตั้งตัวนี้แทนนี่ไง โอเคไหม เหมือนอันที่ 2 นี่ของแม่ใช่ไหม Button 3 แม่จะเป็น ถูกใช่ไหมคะ อันนี้ถูก ปุ่มนี้ถูก Correct ปุ่มนี้ผิด Wrong เห็นหรือเปล่าคะ โอเคไหม พร้อมหรือยัง พร้อมจะเขียนโค้ดหรือยังคะ เปิด Block ค่ะ ปุ่มแรกที่เราจะคลิกคือ ถูก เลือก Botton Correct Click กับอีกปุ่มหนึ่งคืออะไร Wrong ใช่ไหม เหมือนกันเลือกมาวาง 2 อันเลย ทีนี้ เมื่อเวลาเรากด หลักการนะคะ ก็คือ เมื่อเรากดปุ่มถูกนี่ เราจะต้องให้ไอ้ปุ่มที่มันผิดน่ะ กดไม่ได้ นึกออกนะ เพราะฉะนั้น ถ้ามีการคลิกปุ่มถูกนี่ เราจะต้องไปเซตไอ้ปุ่มตรงข้ามมันก็คือ Wrong ใช่ไหมคะ ให้มันเป็น Disable เลือกให้มันเป็น Disable ไม่ทำงานนั่นเอง โอเคไหม ดูใหม่นะคะ เอ้ยทำไมจะไปยกแผง เราเอาตัวเดียว แต่ละ Block ที่มันขึ้นนี่เห็นไหมคะ Block นี้เกิดจาก เดี๋ยวให้ดูใหม่ ปุ่ม เราอยู่หน้า Page 2 ใช่ไหม Page 2 ที่มีตัวนี้ นึกออกนะ ที่มีรูปตัวคำศัพท์ใช่ไหมคะ แล้วก็มีปุ่มที่แสดงคำศัพท์ของเราใช่ไหม เพราะฉะนั้นใน Block สิ่งที่เราจะทำก็คือ เมื่อมีการกดปุ่ม Correct เพราะฉะนั้นเราต้องเลือก เอ้ย เลือกปุ่ม Correct ก่อนแล้วเลือก Block ที่บอกว่าเมื่อ Correct คลิก เห็นหรือเปล่า ใช่ไหม ก็คือเราต้องการสั่งให้เมื่อมีการกดปุ่มถูกใช่ไหมคะ กับอีกปุ่มหนึ่งที่เราจะกดก็คือปุ่มอะไรค่ะ ปุ่มผิด เพราะฉะนั้นเราคลิกที่ปุ่ม ชื่อปุ่มนั้นถูกไหมคะ แล้วก็เลือก When Wrong Click เห็นไหมคะ เพราะเราจะมีการสั่งปุ่ม 2 ปุ่มนี้ ก็คือปุ่มถูกกับปุ่มผิดใช่ไหม แล้วทีนี้ สิ่งที่ต่อมาก็คือ เมื่อปุ่มถูกมันโดนคลิกนี่ เราต้องไปกำหนดให้ปุ่มอีกอันหนึ่งน่ะ ก็คือปุ่มผิดน่ะ มันไม่ทำงาน ไม่อย่างนั้นมันก็จะกดได้ทั้ง 2 ปุ่ม ถูกไหม นะคะ เพราะนั้นในช่อง Do สิ่งที่จะทำก็คือ คลิกที่ Correct แล้วเลือกเซต Correct ไหน ๆ เดี๋ยว ๆ ๆ เอาใหม่ ดูนะคะ ตอนนี้เห็นไหม มันมี 2 อัน มี 2  Block อย่างนี้แล้วใช่ไหมลูก มี Block ชื่อ Correct ของปุ่ม Correct แล้วก็มี Block ชื่อ Wrong ได้อย่างนี้หรือยังเอ็ม เอาใหม่ช้า ๆ นะคะเอาใหม่ มองไม่เห็น ไม่ ๆ เอ็มดูในแถบทางเอ็มกด Block หรือยัง พอกด  Block แล้วนะคะ ให้เอ็มดูที่ ได้ Block ของ Wrong กับ Correct แล้วใช่ไหม ได้ Block ของ Wrong กับ Correct แล้วนะคะ ทีนี้ ตรงช่อง Do ใช่ไหมจะเอาคำสั่งอะไรมาให้เอ็มกดที่ Correct ซ้ำอีก 1 ครั้ง Button Correct ที่อยู่ใน Tool อยู่ใน Component น่ะ นึกออกนะ เห็นไหมพอคลิกที่ Component Correct นี่ มันจะมี Block ขึ้นมาให้เลือก Block แรกลูก สีเขียว Block แรกเห็นสีเขียวไหม เลือก Block นั้นน่ะค่ะ เอามาวางที่ Do สิ่งที่เราจะเปลี่ยนก็คือเมื่อปุ่มกด… ปุ่มถูกโดนกด ให้เราตั้งค่าปุ่มที่ตรงกันข้ามกับปุ่มถูก ก็คือเปลี่ยนจาก Correct เป็น Wrong ถูกไหม ปุ่มผิดใช่ไหมคะ ปุ่มผิดแล้วให้มันทำอะไร ให้มัน Disable อยู่ตัวล่างสุด ก็คือให้ปุ่มนี้มันไม่ทำงาน ตรง Block สุดท้ายให้เลือกว่า ก็คือถ้าเงื่อนไขเป็นจริง Click True นะคะ True คือจริงถูกต้อง อันสุดท้ายเลย ลากลงไปข้างล่างสุด อ้าวเหรอ Disable น่ะลูก D-i-s-a-b-l-e Disable แล้วตรงเงื่อนไขมันจะมี True กับ False เลือก True ค่ะ เลือกตัวแรก ตัวนี้ก็เหมือนกัน ตัวข้างใช่ไหม ปุ่มผิดก็ทำเหมือนกันนะคะ ก็เลือกเซต แล้วก็แก้เป็นตรงกันข้ามกัน Wrong เป็น Correct แล้วก็ Disable แล้วก็ True ไม่ขึ้นเหรอ เดี๋ยว ๆ ไม่ใช่กดเลือกผิดอันหรือเปล่า เด็ก ๆ ดูนะคะ วัตถุที่วางนี่มันใช้งานต่างกันนะ สังเกตว่าถ้าเป็น Button นี่ ลักษณะรูปทรงมันก็จะเป็นอีกแบบหนึ่ง ถ้าเป็น Label อันนี้ Label นะ ดูที่ Quiz Label นี่ นี่ มันจะมีสี่เหลี่ยมเหมือนกันแต่มีจุดด้านหลังเห็นไหม Button จะอยู่อันแรกจะเป็นสี่เหลี่ยมแต่เป็นมน ๆ เพราะถ้าเลือกวัตถุไม่ถูกนี่ Block น่ะ เวลาเขียนน่ะ มันก็จะเป็นวัตถุคนละแบบ ลักษณะ Block ที่เขียนมานี่ มันครอบคลุมวัตถุแต่ละชิ้นอยู่แล้วนะคะ ถ้าเลือกไม่ถูกมันก็จะกำหนดค่าได้ไม่ถูกต้อง นึกออกนะคะ หลักการให้เช็กด้วย เพราะตอนนี้สิ่งที่เราทำอยู่นี่ ก็คือเมื่อมีการคลิกปุ่ม ไม่ให้คลิก Label นึกออกนะ เพราะนั้นปุ่มโดนคลิกนี่ ปุ่มถูกนี่จะแสดงเครื่องหมายถูกแล้วก็มีเสียง ปุ่มผิดจะแสดงเครื่องหมายผิดแล้วก็มีเสียง แล้วเมื่อมีการคลิกที่ปุ่มถูกนี่ ปุ่มนี้มันก็ต้องคลิกไม่ได้ ไม่ใช่คลิกตัวนี้ได้ ตัวนี้คลิกได้ มันต้องคลิกได้แค่ครั้งเดียว นึกออกนะคะ หลักการทำงานของการใช้ปุ่มกดน่ะ มันไม่ใช่กดได้ทั้ง 2 ปุ่ม มันต้องกดเพื่อเลือกแค่ปุ่มใดปุ่มหนึ่ง ก็คือถ้าเลือกปุ่มที่ถูก คำว่าถูกก็จะขึ้น แล้วก็ไอ้นี่ก็จะขึ้นนะคะ โอเคไหมเอ็ม ได้ปุ่มแล้วนะ มาดู Block นะคะ ย้อนกลับมาที่ Block คลิกที่ชื่อปุ่มนั้น โอเคไหมคะ  When Correct Click แล้วสิ่งที่จะให้ทำก็คือ ให้มันเซตค่าปุ่ม Wrong เป็น Diasble ก็คือให้ปุ่ม Wrong ทำงานไม่ได้ ถ้ากดปุ่มถูก ปุ่มผิดจะต้องไม่ทำงานนะคะ ลักษณะเดียวกัน ถ้าเราไปกดที่ปุ่มผิด ปุ่มถูกก็ต้องกดไม่ได้ ไม่ใช่ว่ากดปุ่มผิดก็ได้ กดปุ่มถูกก็ได้พร้อมกัน ไม่ใช่ ให้มันเลือกแค่ 1 อัน นึกออกนะ ใคร… โอเคหรือยัง เอ็มเลือกได้หรือยัง นี่ สิ่งที่จะกำหนดต่อนะคะ ตอนนี้ยังแค่เมื่อมีการกดปุ่ม เดี๋ยวให้ Play ดูเด็ก ๆ ไม่ต้อง Test นะเดี๋ยว ให้ดู เห็นไหม ปุ่มนี้จะกดไม่ได้นี่เห็นไหม นี่ กดไม่ได้เลย Test ใหม่นะคะ ถ้าเปลี่ยนมากดปุ่ม เห็นไหมคะ อีกปุ่มหนึ่งจะกดไม่ได้ มันต้องเป็นลักษณะนี้นะคะลูก เห็นไหม พอกดปุ่ม T-Rex นี่ ปุ่ม Raptor จะต้องเป็นสีที่ไม่ให้กด ไม่ให้กดอีกครั้งหนึ่งน่ะ ก็คือกดได้แค่ครั้งเดียวนะคะ มาดูต่อมา ต่อมา กำหนดค่าต่อไป Block ต่อไปที่เราจะเอามาใส่ก็คือ เมื่อคลิกปุ่มถูกปุ๊บ สิ่งที่เราจะต้องการก็คือ ให้มันแสดงอะไรคะ แสดงรูปใช่ไหมลูก ทีนี้ออกก่อนรูป ใส่เสียงเข้าไปก่อน เลือก Sound ก่อน Sound เรายังไม่ได้เอา Sound ใส่เลยน่ะ เดี๋ยวนะ ๆ เดี๋ยวไปเอา Sound ใส่ก่อน ลืม เปิดหน้า Design ก่อนนะคะ Sound เราอยู่ไหนล่ะนี่ Media Media Media ไหม มี Animation มี Vidoe มี Loading Icon ไม่ใช่น่ะ เดี๋ยวนะขอ Test Play นะคะ เราต้องให้มันเล่นเสียงนั้น Click Play Play อะไร ไฟล์เรา กลับไปหน้า Design Sound Sound Sound ไม่ ๆ มันต้องเอาเสียงเข้าก่อน  Sound เราหายไปไหน Data ไม่ใช่ Input Switch Check Time Input ฝั่ง Add Component อ๋อ อยู่ตรงนี้ อยู่ตรงนี้ อยู่ตรงนี้ เลือก Access นึกออกแล้ว เด็ก ๆ เด็ก ๆ เอาเสียงเข้า จำได้ละ ไปที่ Access ลูก คลิก Access ใช่ไหมคะ แล้วก็ Choose a File เลือกไฟล์ Correct ใส่ เปิดมา เลือกไฟล์ที่เราโหลดมานะ อีกอันหนึ่ง Choose a File อีกครั้งหนึ่ง Wrong โอเค เลือก Access นะคะ เวลาเอาเสียงเข้ามันจะอยู่ตรงนี้ แล้วก็คลิก Choose a File แล้วก็เลือกไฟล์เสียง กลับมาที่ Block เขียนโค้ดต่อ Play อะไร Play Correct Correct อยู่ไหน Correct เหมือนกัน เมื่อกดปุ่ม Wrong เราก็ให้มันเล่น Wrong นะ เมื่อปุ่ม Wrong โดนกด เราคลิกที่ Sound ปึ๊บ เลือก Play Play อะไรคะ ที่เสียงผิด ดูทีนี้ โอเค ถูกต้อง เหลืออะไร เหลือโชว์ภาพใช่ไหมคะ นะ เมื่อมีการกดปุ่มถูก มีเสียงถูกขึ้นมา แล้วทีนี้ให้มันแสดงภาพเครื่องหมายถูกใช่ไหม ต้องไปทีละสเต็ปนะ แต่ก่อนอื่นกลับไปหน้า Design ก่อน เมื่อกี้เรายังไม่ได้ ไอ้รูปเครื่องหมายถูก เครื่องหมายผิดเข้ามานะ ไปที่ Access เหมือนกันลูก เวลาเอาภาพหรือไฟล์หลักเข้ามาใช่ไหม โดยไม่ได้มีปุ่มหรืออะไรนี่ เราเลือก Choose a File แล้วก็เลือก Picture ของเราก็คือ ถูก True ได้ถูกแล้วก็เอาผิดด้วย False นะคะ เพราะฉะนั้นเลือก Access นะคะ เพื่อนำเข้าไฟล์เครื่องหมายถูกกับเครื่องหมายผิด โอเคไหมคะ เพราะไม่อย่างนั้น ไอ้นี่มันจะไม่ขึ้น มันจะไม่แสดงน่ะ แต่มีกรอบ Image น่ะวางไว้ โอเคหรือยัง กลับไปที่ Block นะคะ เลือกที่ไหนล่ะ เดี๋ยวนะ เราก็เลือก Correct เราเหมือนเดิม กดผิดสิ เลือก Image สิ ให้เลือก Image นะคะ ให้เลือกที่ Imageนะคะ เพราะเราจะไปจัดการที่ภาพนะ เราเลือก Set Image Picture นะคะ True ใช่ไหม True อะไร True รูป แล้วก็เหมือนเดิม ใช่ไหม เมื่อกดปุ่ม Wrong Image จะต้อง เป็นอะไรคะ Set Image to Image Picture to จาก Right ก็เป็น Wrong True or False เป็น False ของแม่เป็น False เด็ก ๆ ตั้งชื่ออะไรก็จะเป็นรูปนั้น ลอง Test ทีนี้ เลือกภาพผิดตำแหน่ง ขอโทษไม่ตั้งชื่อ งานเข้าเลย ขอโทษ ๆ เดี๋ยวนะคะ กลับไปหน้า Design ก่อน อันนี้ อ๋อ ชื่อมันคือ Image 6 อันนี้คือ Word Word Quiz เห็นไหม พอไม่ตั้งชื่อน่ะ เห็นคำว่า ๅImage ปุ๊บ คลิกเลย เลือกถูก ไม่ถูกอันนะคะ อันนี้เลือกเป็น True or False T T แล้วก็ _F True or False จะได้รู้ เอา True or False นี่แหละเอา True แล้วก็ False จะได้รู้ว่ารูปนี้คือรูป Image นะคะ ไป กลับไปที่ Block ค่ะ แก้ชื่อมันแค่นั้นเองลูก แก้จาก Pic Word เป็น True or False โอเค Test ใหม่น่ะ ทำไมไม่ขึ้น เอ้า เลือกไฟล์ภาพผิดชีวิตเปลี่ยน เดี๋ยวนะ เลือกอะไรผิด อ๋อ มันไปขึ้นตัวนี้ ขอโทษที เลือก True.png เลือก False.png โอเค น่าจะได้แล้ว ขึ้นช้าแฮะ โอเค ถ้าภาพไม่มาเช็กตรงนี้นะคะ เซ็ต ชื่อไฟล์ภาพ แล้วก็ชื่อข้างหลังที่รูปที่จะเอามา เซต 2 ชื่อนี้นะคะ เฮ้ย ทำไมเสียงมาที่หลังรูป ช้า เอาอันนี้ขึ้นก่อน สลับตำแหน่งได้นะเด็ก ๆ มีความรู้สึกว่าเสียงมันมาทีหลังได้ เอารูปขึ้นมาก่อน รูปขึ้นอย่างช้า ไฟล์ภาพมันใหญ่ โอเค เห็นหรือเปล่า ทวนนะคะ เด็ก ๆ ดูนะ Block ที่ 1 Block ที่ 1 นี่ ก็คือเกิดจากการที่เราคลิกปุ่ม Raptor ปุ่มแรกใช่ไหม ปุ่มที่ 1 นี้ ถ้าเป็นเครื่องหมาย ถ้าตัวนี้คำตอบในปุ่มนี้คือคำตอบที่ถูกนะคะ แม่ตั้งชื่อปุ่มนี้ว่า “Correct” แปลว่าถูกต้องใช่ไหม แล้วทีนี้ปุ่มที่ 2 นี่ T-Rex นี่ ปุ่มนี้ ถ้ามันผิด นะคะ  Wrong แปลว่าผิด ก็เลยตั้งชื่อปุ่มว่า “Wrong” หลักการก็คือ เลือก Block แรกที่เมื่อมีการคลิกปุ่มถูกนะคะ สิ่งที่จะให้ทำต่อมาก็คือ เซต เซตเจ้า Wrong นี่ นี่ ให้กำหนดค่าของปุ่มที่ตรงกันข้ามกับปุ่ม Wrong ปุ่มที่ 2 ก็คือปุ่ม ปุ่มนี้ นี่นะคะ ให้มันเป็น Disable Disable ก็คือให้ปุ่มที่ 2 ไม่ทำงาน คือมีการกดปุ่มคำตอบได้เพียง 1 ครั้ง แล้วคลิกตรงนี้ให้เลือกค่าเป็น True ก็คือเพื่อเช็กว่าคำสั่งที่สั่งไปนี่เป็นจริงหรือเป็นเท็จ ถ้าคำสั่งนี้เป็นจริง สิ่งที่จะทำต่อมาก็คือ ให้กำหนดค่าให้แสดงรูปภาพน่ะ รูปนั้นก็คือเครื่องหมายถูกนะคะ นี่ แล้วก็ตามด้วยชื่อรูปเครื่องหมายถูก แล้วทำอะไรอีกให้มันเล่นแสดง เล่นเสียง เสียงที่แสดงว่าตอบถูก ถ้าทำตัวแรกได้ตัวที่ 2 ก็เหมือนกันแค่สลับค่า ตรงนี้เลือก Disable หรือยัง เลือกเป็น Disable อบ ตรงนี้จากตัวนี้ Correct จะต้องเป็นที่อยู่ตรงข้าม Correct ก็คือ Wrong ต้องเป็นชื่อของอันที่ 2  เดี๋ยว ๆ ไม่เข้าใจแล้ว คือดู นะคะ Correct อันนี้มาจากชื่อของดู Design ก่อน ปุ่มนี้ดูที่ชื่อมันนะ ปุ่ม Correct ก็เลยให้ชื่อว่า Correct แปลว่าถูก ปุ่มนี้ชื่อ Wrong ที่แปลว่าผิด เห็นไหม ปุ่มที่ตอบถูกกับปุ่มที่ตอบผิด ปุ่มถูกนี่ ใช้คำว่า Correct ปุ่มผิดใช้คำว่า Wrong แล้วเมื่อเขียน นะคะ เมื่อเขียน Block นี้ เมื่อมีการกำหนดไว้ว่าเมื่อทำการคลิกปุ่ม ปุ่ม Correct เห็นไหม เลือก Correct ก่อน ถ้าตัวนี้เลือก Correct ในอันนี้จะเลือกเป็น Wrong เป็นปุ่มที่ 2 น่ะ ถ้าปุ่มที่ 1 มีการคลิก ปุ่มที่ 2 จะต้อง Disable ก็คือไม่ทำงานนะคะ คำสั่งนี้คือเมื่อมีการกดปุ่มถูก สิ่งที่จะกำหนดต่อมาก็คือให้ปุ่มผิดไม่ทำงานนะคะ ถ้าปุ่ม… ถ้าเงื่อนไขถูกต้องคลิกเงื่อนไข True เงื่อนไขถูกต้องปุ๊บให้มาทำอะไรต่อ ให้มาแสดงรูป รูปนี้นะคะ รูปตรงนี้ ถ้ากดปุ่มนี้ปุ๊บ ตรงนี้จะต้องแสดงรูปเครื่องหมายถูกแล้วก็มีเสียงติ๊งหน่อง ถ้ากดปุ่มนี้มันผิด คำตอบมันผิด รูปนี้จะแสดงเครื่องหมายผิดขึ้นมาแทน แล้วก็มีเสียงตู๊ดนะคะ ดู Play ให้ดู ดูหลักการนะ แล้วจะ Play ให้ดู กดปุ่มแรกปุ๊บ คำตอบถูกจะมีภาพเครื่องหมายถูกแล้วก็มีเสียงเห็นไหมคะ โอเคเอาใหม่อีกรอบหนึ่ง คำว่า… คำตอบคือ T-Rex ถูกไหม ไม่ถูก เห็นไหมคะ รูปก็จะเปลี่ยนเป็นเครื่องหมายผิด โอเคหรือยัง ให้ดู ตรงนี้ ไฟล์เสียงนะคะ อบยังไม่มีไฟล์เสียง ตรงนี้ต้องเป็นเสียงน่ะ ให้มันเล่น Play ในที่นี้คือเล่นเสียงนะคะ เสียงที่นี่ ๆ ๆ จากนี่ จาก Sound นี่ นี่ [เสียงเอฟเฟ็กต์] คำศัพท์มี 5 คำ เพราะฉะนั้นทำ ทั้ง Quiz ทั้ง 5 คำศัพท์ด้วยนะคะการบ้าน ดูนะคะจากงานชิ้นนี้ เด็ก ๆ จำได้นะครั้งก่อนที่คำศัพท์เรามี 5 คำน่ะ ให้เรามาทำ 5 คำด้วยเหมือนกันนะคะเป็นรายการต่อไป ทีนี้ บางคน ไอ้เจ้าเด็กหูน่ะไม่ต้องใส่ Sound ก็ได้ เด็กหูเว้น การใส่ Sound เพราะใส่ก็ไม่ได้ยินนะคะ เพราะฉะนั้นเว้นการใส่ Sound ใส่แต่รูปก็คือ เมื่อคลิกถูก ลอง Test ว่าถ้าคลิกถูกแล้วนะคะ นี่ เครื่องหมายถูกจะต้องขึ้นมา คลิกผิด เครื่องหมายผิดก็ต้องขึ้นมาแค่นั้นพอ เด็ก ๆ น่าจะเข้าใจ Concept กันเกือบทุกคนแล้วนะคะ เพราะฉะนั้นจากเดิมเรามีแค่ 1 หน้าใช่ไหมคะ การบ้านก็คือไปทำต่อ 4 หน้าที่เหลือนึกออกนะ คำศัพท์ที่สร้างไว้ในสัปดาห์ก่อน เอามาทำเป็น Quiz ในสัปดาห์นี้นะคะเด็ก ๆ โอเคนะคะ ถ้าอย่างนั้นสัปดาห์นี้พอแค่นี้ค่ะ เจอกันสัปดาห์หน้าค่ะ การบ้านนะคะก็คือเด็ก ๆ เอาภาพคำศัพท์ตัวเองมาทำเป็นเกมต่อนะคะ เพิ่มอีก 4 ภาพใช่ไหม วันนี้ทำไปแล้ว 1 ภาพ ทำหลักการเดียวกันเลยนะคะ ให้มันคลิกคำตอบแล้วแสดงถูกแสดงผิดได้นะคะ โอเคค่ะ ขอบคุณพี่ล่ามค่ะ ใช่ ๆ ทำอย่างไรให้มันไปหน้าต่อไปได้ หาวิธีลองดูด้วยตัวเองสิ สร้างปุ่มก็ได้ลูก จะใช้เป็นปุ่มก็ได้ แล้วมันจะมีเดี๋ยวนะ เดี๋ยว ๆ Page นี่ ถ้าคลิกตัวนี้ ดูนะคะ เดี๋ยว Play ให้ดู ถ้าอย่างนี้มันจะ ได้ ย้อนกลับก่อน โอ๊ย ออก มือไวใจเร็วจริง ๆ เลย แม่นี่ เดี๋ยวให้ดู สังเกตตรงนี้จะมีปุ่มว่า Slidable เลื่อนได้ ถ้าเราไม่ต้องการให้มันทำดูนะ ดูนะครับ (AI) Dinosaur (อาจารย์สุธิรา) อ๋อ ใช่ ถ้าอย่างนี้มันต้อง Run บนให้มันเป็นจำลองแอปนึกออกไหม สไลด์หน้าจอ แล้วมันก็จะได้ เข้าใจนะคะ นั่นคือหลักการ ไม่มีอะไรพิสดารหรอกลูก โอเค ทำต่อเป็นงานชิ้นที่ 2 นะคะ ตอนนี้เรามีงาน 2 ชิ้นแล้วนะ เด็ก ๆ โอเคนะคะ เจอกันสัปดาห์หน้าค่ะ [สิ้นสุดการถอดความ]