Accuracy : 82.14%
Insertion : 1157
Deletion : 3175
Substitution : 450
Correction : 23149
Reference tokens : 26774
Hypothesis tokens : 24756
(อาจารย์สุธิรา)เด็กๆเปิดเข้าappที่สร้างไว้สัปดาห์ที่แล้วค่ะเดี๋ยวสัปดาห์นี้เพิ่มวิดีโอเข้าไปนะคะในสัปดาห์ที่แล้วนะคะบอกว่าสิ่งที่จะต้องเพิ่มมาก็คือเมื่อเราคลิกไปที่อ่านเดี๋ยวลสง(ด)ไซสัยห(ซ์)ลงนะคะเราจะมีทั้งหมด1…123456เห็ใช-่(น)ไหม6แล้วก็วิดีโออันสุดท้ายใช่ไหมคะเด็กๆในสัปดาห์ก่อนบอกว่าจากหน้าแรกหรือหน้าปกของbookเรานี่นะคะเมื่อคลิกที่ปุ่มnextมันจะเข้าไปที่หน้าที่1ในหน้าที่1นี้ให้เด็กๆมีปุ่มnextแล้วก็อีกปุ่มหนึ-่งก็คือเดี๋ยวนะเต(พ)-ิ-่มให้ก่อนปุ่มhomeนะคะปุ่มhomeไม่ใช่ปุ่มbackนะเด็กๆต้องมีปุ่มที่ชื่อว่าhomeนะคะก็คือเมื่อคลิกที่ปุ่มhomeมันจะต้องกลับมาที่หน้าปกเสมอเพราะฉะนั้นในp2p3p4p5ก็คือจะต้องมีปุ่มhomeเหมือนในp1นะคะใครยังไม่มีต้องใส่เข้าไปทีนี้มาดูหน้าสุดท้ายหน้าวิดีโอของเราการใส่วิดีโอเข้ามาในหน้านี้นะคะก็คือใครยังไม่มีวิดีโอยกมือมีหมดแล้วใส่ไว้หรือยังในหน้าสุดท้ายเมื่อกี้ยกมือพายุเพิ่มหน้าอีก1หน้านะหน้าสุดท้ายชื่อว่าวิดีโอหรือยังน่ะคนที่ยังนะคะคนที่ยังไม่มีให้เพิ่มหาเพิ่มหน้าอีก1หน้านะคะเห็นไหม-ีจากท(p)-ี่5ใช่ไหมคะแล(ก็)-้วเป็นหน้าวิดีโอใส่เข้าไปแล้ววิธีการเอาวิดีโอเข้าดูนะคะเดี๋ยวทำให้ดูเดี๋ยวจะลบวิดีโอก่อนเรามีหน้าสุดท้ายมาตั้งชื่อหน้านี้ว่า...ตรงชื่อนะคะเปลี่ยนชื่อให้น้องด้วยscreenแต่ละอันให้ตั้งชื่อเพราะว่ามันจะหมายถึงตัวแปรที่เราจะเอาไปใช้ในการเรียกใช้งานโค้ดเใช(ร)-ีย-้งา(ก)นโค้ดมาหรือสร้างโค้ดนั่นเองนะคะเพราะฉะนั้นมันจะต้องมีตัวแปรถ้าเรียกคำปรต(ส)-ั่งแต-ัว(-่)ชื่อที่มันสร้างไว้ให้screen1นับnumberไปอยู่นั่นแหละแต่ถ้าเราระบุชื่อหน้าลงไปเลยน่ะมันจะง่ายขึ้นนะคะหน้านี้ให้ตั้งชื่อว่าว(v)ide-ิดีโ(o)อนะคะเมื่อได้หน้าแล้วสิ่งที่เราจะต้องทำต่อไปก็คือเราจะนำวิดีโอมาใส่ทำอย่างไรมีอะไรคะแก้อะไรคะไม่มีไอ้ข้างๆไม่คนละอันนี่เห็นไหมไม่ได้อยู่ด้วยกันนะคะเป็นคนละอันเพียงแต่p5เห็นไหมถ้p5(า)มีไอ้สามเหลี่ยมจิ้มๆลงมานี่มันหมายถึงในp5มันจะม-ีobjec-ีอัพเดท(t)ตัวอื่นอยู่เช่นtextเห็นไหมคะหรือbuttoนไ(n)ปหรืา(อ)ว-่า-ัดท่อน(มี)imageอย่างนี้ตอ-ันนี้screeneเปล่าของเราก็คือวิดvideo(-ีโอ)สิ่งที่เราจะต้องทำต่อไปก็คือไม่เลือกmediaเข้ามาวางไว้นะคะให้ไปที่videoเห็นไหมคะคลิกที่mediaแล้วก็เลือกวิดีโอลากมาวางจะเอาขนาดเท่าไหนวางตรงไหนสามารถปรับขนาดได้นะคะให้ดูpropertiesด้านขวามือเหใช่(-็น)ไหมนี่คือขนาดของวิดีโอของเราเช่นอยากได้แบบเล็กกว-ัน(-่า)นี้หน่อย250นะคะเห็นไหมเป็นสี่เหลี่ยมเป็นสี่เหลี่ยมจัตุรัสเอะไ(ลย)รก็250เท่ากันความกว้างความยาวwก็คือwidthheightyก็คือสูงเห็นไหมคะกำหนดค่าความสูงความกว้าง2ตัวนี้ก็ใช้ได้แล้วแล(จะ)-้วจัดกึ่งกลางหรือจะ…หรือจะเอาไว้ด้านล่างแล้วแต่เราเผื่อข้างบนไว้ใส่labelเสียหน่อยนะคะสิ่งที่เราจะต้องทำต่อก็คือจะเอาวิดีโอมาใส่เห็ใช-่(น)ไหมไปที่คำว่า"video"เห็นไหมคะถ้าเป็นไฟล์นะมี2วิธีก็คือเลือกอัปโหลดจากที่มันเป็นไฟล์หรือที่มันเป็นurlแต่เราไม่อยากได้ลิงก์urlเพราะอะไรเผื่อบางท-ีน-ี-่มันปิดไปมันก็จะเปิดไม่ได้แต่ถ้าเราอัปฯเป็นไฟล์มันจะง่ายวิธีการนะคะเด็กๆไปที่googleของเราเปิดgoogleขึ้นมาจำได้ไหมที่บอกว่าให้เข้าอะไรคะเอาวิดีโอจากyoutubeน่ะวิธีการเราเปิดyoutubeก่อนแล้วก็ค้นหาชื่อวิดีโอที่เราต้องการนะคะเด็กๆให้ดูเนื้อหาของตัวเองนะเนื้อหาในแอปนี่เหมือนของแม่เป็นเรื่องไดโนเสาร์แม่ก็จะหาวิดีโอที่เกี่ยวกับไดโนเสาร์ของเด็กๆเป็นผลไม้ก็หาวิดีโอเกี่ยวกับผลไม้หรืออาหารอะไรอย่างนี้ก็คือวิดีโอมันก็ต้องสอดคล้องกับเนื้อหาของเรานะคะจะเอาเป็นอะไรจะเอาเป็นเพลงหรือจะเอาเป็นอะไรก็แล้วแต่สมมติแม่จะเอาเป็นเพลงไดโนเสาร์เด็กๆจะเห็นตรงนี้นะคะurlของyoutubeเห็นนะเราเมื่อเราได-้ไอ-้วิดีโอที่เราต้องการแล้วนี-่(-้)นะคะสมมติเอาตัวนี้ให้ดูที่urlตัวนี้ไว้นะคะเปิดแทถ(-็)บwindowsเปิดแท็บwebbrowserอีก1อันแล้วใช้คำค้นที่ว่าแปลงไฟล์youtubeให้แปลงเป็นmp4นะคะเด็กๆบอกแล้วนะในครั้งก่อนนี-่(-้)ถ้าเราเลือกsoundไfile(ฟล์)soundเอาแค่mp3พอแต่ถ้าวิดีโอน่ะเอาmp4เพราะว่าอะไรเพราขอ(ะ)เวลาชื่อชไฟล์(-ื่อ)ที่มันขึ้นในlistนี่เด็กๆดูนะเห็นไหมมันจะมีนามสกุลข้างหลังถ้าเราตั้งไฟล์วิดีโอเป็นmp3เหมือนไฟลfile(-์)soundเวลามาหาบางคนไม่อ่านชื่อไงมันก็จะงงนะเพราะฉะนั้นให้เลือกแปลงนีไฟ(-่)ดาวน์โหลดวิดีโอyoutยูท(u)b-ูป(e)ในรูปแบบmp4หรือแปลงyoutubeเป็นmp4นะคะเอาแบบออนไลน์ตัวนี้จะเวิร์กไหมเห็นไหมเอาแบบออนไลน์เลยเพราะเราจะโหลดมาให้เลือกเอาที่เป็นแบบออนไลน์onlineไม่ต้องติดตั้งโปรแกรมน่ะยุคนี้พยายามติดตั้งโปรแกรมลงเครื่องให้น้อยที่สุดเพราะอะไร1.เราไม่แน่ใจในลิงก์ที่เขาให้ติดตั้งใช่ไหมเผ(หร)-ื-่อโปรแกรมเผื่อมันมีตัวอะไรแฝงเพราะฉะนั้นเราพยายามเลือกเป็นออนไลน์นะเด็กๆเสร็จแล้วมันก็จะขึ้นมาที่หน้าแปลงyoutubeเห็นไหมเรามันเลือกได้เห็นไหมคะให้เลือกเป็นmp4ไม่ต้องเอาhightdefinitionนะถ้าhighdefinitioให้ได-้(n)ความละเอียดสูงอะไรนะขนาดพื้นที่ไฟล์ก็จะใหญ่ไปด้วยนึกออกไหนะ(ม)คะเวลาเราสร้างแอปหลักการง่ายๆก็คือเราจะต้องใช้ไฟล์ที่มีขนาดเล็กเหมือนเวลาเด็กๆไปหาโหลดไฟล์backgroundมาบางทีเด็กๆเอาbackgroundที่ไฟล์มีขนาดใหญ-่น-่ะสังเกตว่าทำไมเวลาเราใช้งานแอปบางตัวมันโหลดนานขนาดของไฟล์ก็มีส่วนนะเด็กๆเพราะฉะนั้นเมื่อเราจะแปลงนี้เราก็ไม่ต้องไปเลือกถึงขั้นhighdefinitionนะเพราะมือถือหรืออุปกรณ์เคลื่อนที่ในยุคปัจจุบันนี่มันสร้างมาให้มีความละเอียดอยู่แล้วนึกออกไหมคะมันไม่เหมือนสมัยก่อนที่มือถือมันใช้แค่โทร.ออกอย่างเดียวแต่เดี๋ยวนี้มันสามารถใช้เพื่อดูวิดีโอหรืออะไรพวกนี้ได้อยู่แล้วเพราะฉะนั้นไฟล์ที่เราจะนำมาใช้นี-่(-้)ไม่ต้องการความละเอียดสูงมากก็ได้นะคะแล้วเด็กๆทำอย่างไรให้เด็กๆมาที่urlของyoutubeของเรานะคะที่เราเลือกจะนำไปทำเป็นไฟล์วิดีโอเสร็จแล้วให้กดcopyurlนั้นctrl+cนะคะเด็กๆอ่ะเสร็จแล้วมาที่หน้าที่เราจะแปลงแล้วก็กดctrl+vเพืก็(-่อ)วางจากนั้นคลิกที่ด(d)oาว(w)nloadน์โหลดmp4เห็นไหมสถานะการดาวน์โหลดมันก็จะวิ่งขึ้นมาตึ๊ดๆๆๆเราต้องรอนะคะเมื่อกี้ลืมดูว่าความยาวไอ้ความยาวว-ิดีโอกี่นาที12นาทีนะคะเด็กๆหาไฟล์ขนาดเล็กหน่อยนะลูกลืมดูเอายาวไปหน่อยให้ดูเวลาดูขนาดไฟล์วิดีโอนี่เห็นไหมมันจะมีอยู่ข้างหลังนี่ตรงนี้2ถึงโ(:)คลอน35นี่คือเวลาที่มันเล่นไปแล้วแต่นี-่(j)เวลารวมทั้งหมดของวิดีโอมันจะอยู่ตรงนี้นะคะสังเกตด้วยหาไฟล์ไม่ใหญ่มากใหญ่ไปหาตัวใหม่ก็ได้ลืมดูหาตัวนี้เหใช่(-็น)ไหม2นาทีแค่นั้นเองตัวนี้เดี๋ยวเปลี่ยนใจจะมาเอาตัวนี้แทนแล้วนะคะตัวเมื่อกี้มันยาวไปให้นึกถึงนะวิดีโอยิ่งใช้เวลาเล่นนานน-่ะความจุของไฟล์ก็จะมีขนาดใหญ่นะคะเพราะฉะนั้นเราพยายามเลือกอ(ด)ย-ู-่ที่ระยะเวลาของวิดีโอเราด้วยมันยาวจะย้อนกลับแล้วนะจะไม่เอาน้องแล้วขี้โกงย้อนเลยไม่รอแล้วเอาใหม่ถ้าตัวนี้ช้าเด็กๆหาตัวอื่นกันนะว(ต)-ัน(ว)ที่3รู้สึกโหลดช้าเห็นไหมของตัวแรกนะคะsavefrom.netนี่เร็วหน่อยเสร็จแล้วเพียบกดไปหลายทีขึ้นมาเป็นกุร...(-ุส)เลยโอเคได้แล้วนะคะเมื่อเราได้ไฟล์วิดีโอแล้วมีใครยังไม่ได้ไฟล์วิดีโออีกเอาตัวแรกนะเด็กๆตัวแรกโหลดเร็วอยู-่แต-่อย่าไปกดไอ้นี่นะนี่เลือกตัวนี้เดี๋ยวลอกตคน(-ัว)นี้อันนี้ไม่แน่ใจเร็วหรือเปล่าลองดูก็ได้นะคะเพราะตัวนี้มีความรู้สึกว่ามันช้าเสร็จแล้วเหมือนกันเห็นไหมคะความเร็วในการโหลดขึ้นอยู่กับขนาดไฟล์มันจะขึ้นดาวน์โหลดเรียบร้อยแล้วนะคะเมื่อได้ไฟล์วิดีโอเรียบร้อยแล้วเมื่อได้เไฟล์วิดีโอเรียบร้อยแล้วนะคะเด็กๆกลับมาที่หน้าแอปเราใช่ไหมแล้วเราคลิกที่ตัวเจ้าวิดีโอที่เราเอามาวางแล้วไปที่propertiesทางขวามือเห็นไหมคะคลิกที่คำว่า"video"เพราะเราต้องการจะuploadไfi(ฟ)ลle(-์)เราก็เลยคลิกที่uploaอัปโหล(d)fiดไฟล(le)-์นะคะเลือกuploadอัพโหลด(f)ilไฟล(e)-์แล้วก็ไปที่...เห็นไหมคะถ้าโดยปกติถ้าเราดาวน์โหลดจากเว็บนี่มันจะมาที่หน้าแท็บdดา(o)wnloaวน์โหล(d)ดเสมอนะคะอยู่ในdownloadเสมอเราก็เลือกเลย1อันตัวไหนก็ได้เหมือนกันคลิกopenทีนี้ดูนะคะถ้าเด็กๆคลิกเพื่อไปที่blocksแล้วคลิกpreviewดูเห็นไหมสังเกตวห(-่)ากวิดีโอมันจะไม่เล่นถ้าไม่มากดใชยัง(-่)ไหม-่ห(คะ)ายถ้าเราต้องการให้วิดีโอนี่เล่นโดยอัตโนมัติทำอย่างไรดูนะคะbacktoinveds(i)tingเราก็กลับไปหน้าdesignของเราให้ดูตรงนี้ก่อนorientationนี่มันหมายถึงให้นึกถึงมือถือนะไอ้เวลาเราหมุนมือถือนึกออกไหมเด็กๆorientationน่ะถ้(ค่)าตรงนี้นะคะถ้าเราเลือกportraitมันก็คือมันจะแสดงในแนวตั้งlandscapeกหร(-็ค)-ือแนวนอนเวลาแนวนอนหมุนแจะ(ต่)ให้เราคลิกที่autoไว้เพราะให้นึกถึงว่าแอปนี่ทำงานบนอุปกรณ์เคลื่อนที่ก็คือพวกมือถือหร-ือแท็บเล็ตนี่-ือ(เ)พราะฉta(ะ)นัblet(-้น)มือถือหรt(-ื)อแท็บเabletเ(ล)-็ตนี่ยมันสามารถวางแนวได้ทั้งแนวตั้งแนวนอนเพราะฉะนั้นคลิกautoไว้นะคะทีนี้เราอยากให้มันเล่นอัตโนมัติเราก็...เมื่อกี้ลืมดูนะคะก็คือเราต้องไปที่blockใช่ไหมเขียนโค้ดบอกน้องก่อนblockแล้วเลือกอะไรคะเลือกvideoนะคะแต่ให้เลือกที่screeneเพราะให้นึกถึงว่าเมื่อเราเปิดหน้าแต่ถ้าเราเลือกvว-ิ(i)dด-ีโ(eo)อนี่ก็คือเมื่อเราเปิดวิดีโอต่างกันนะให้เลือกที่ตัวscreenที่ชื่อว(v)ide-ิดีโ(o)อนะคะscreenน่ะscreenที่ชื่อvideoวิดีโอแล้วคล-ิด(ก)เลือกwhenwhenvideoopenเมื่อมีการเปิด…เมื่อหน้าวิดีโอนี้เมื่อsceenvideoนี้เปิดให้ทำอะไรเราก็จะให้วิดีโอมันน่ะทำอะไรคะplayเห็นไหมคะvว-ิ(i)deดีโ(o)อ1playใส่เข้าไปดูนะคะทำไมไม่playให้ต้องมากดเหร-ือplayautobacktioe(v)diti(y)ngautoplayขึ้นไหมplayอย่างไรplayนีะไร(-่)นะvisiblelแสดงก็ไม่แสดงก็อยากให้เธอเล่นไงให้playvideo1ทำไมไม่playau(นะ)toไม่มีให้playautoเว้ยเปิดเข้ามาแล้วนี่ถto(-้า)เป็นplayไอ้นี่ลน(-่)ะโห-ัวหมุนติ้วติ้ๆ(ว)เลยเสียงcrystal[เสียงดวิดีโอ](อาจารย์สุธิรา)plaโอเค(y)หรือยังคะภาพไม่เล่นเวอร์ชันนี้แปลกๆเว้ย(ai)dinosaurs[เสียงวิดีโอ](อาจารย์สุธิรา)มันไม่เล่นautoให้ไม่ถ้าautoมาแต่เสียงน-่ะมันอาจจะไอ้นี่ขอเช็กตัวเดิมก่อนจะเดี๋ยวให้มันเล่นautoอัตโนมัติplayคลิกplay[เราสียงวิดีโอ](อาจารย์สุธิรา)เราใช้วิธีนี-้แทนก็ได-้ถ้าเปิดในแอปไม่อัตโนมัตินะคะเพราะฉะนั้นเราเปลี่ยนไปที่blockdesignแล้วไปหน้าวิดีโอใหม่อ(ต)-ัน(ว)นี้เราจะเปลี่ยนเป็นเพื่ออยากให้มันเล่นเราจะเปลี่ยนเป็น…ไม่เปลี่ยนก็ได้นะเดี๋ยวเพิ่มก่อนเพิ่มๆๆเพิ่มbuttonขึ้นมา1อันเด็กๆใช้ปุ่มให้เป็นประโยชน์สร้างปุ่มนะคะปุ่มนี้ชื่อว่า...ให้ตั้งชื่อว่า"playvideo"playที่แปลว่าเล่นน่ะplayแล้ว(ai)dina(o)so(a)ursเ(อาจารย์สุธิรา)เจอแล้วเมื่อกี้เด็กๆดูนะวิธีให้เล่นอัตโนมัติเลื่อนไปไหนเข้าไปทำไมล่ะลูกโอเคในหน้าdesignนี่เห็นไหมเด็กๆคลิกที่วิดีโอนะคะแล้วจะเห็นว่ามันจะมีตรงตรงนี้ตรงvว-ิ(i)deดีโ(o)อนี่มีคำว่า"play"เห็นไหมคะเราคลิกเลื่อนให้ตัวนี้เปิดวิดีโอจะเปิดอัตโนมัติเห็นหรือยังดูนะตอนแรกมันเป็นอย่างนี้ใช่ไหมคือต้องเลือกตัววิดีโอต้องเลือกที่ตัววิดีโอนะคะเด็กๆมันถึงจะขึ้นไอ้ตรงviวิดีโ(deo)อมาแล้วคลิกplayเพราะตอนแรกที่เราเลือกน่ะเราอยู่ที่screeneo(นะ)เพร(อ)าะอยู่ที่screซีนเ(en)นี่ยไอ้ตัวนั้นมันไม่ขึ้นเนี่ยมันเป็นscreeneเห็นไหมเป็นส่วนของscreeneและ(ต่)สิ่งที่เราต้องการก็คือเมื-่อวิดีโอเปิด-่อ(เ)ห็นไหมคะvid(เ)รeo(า)แล้วคลิกที่ตัวนี้ได้แล้วกับอีกวิธีหนึ่งอันนี้จะซ่อนไว้น-่ะเดี๋ยวจะให้มัน…จะซ่อนไอ้วิดีโอนี้ไว้visibleมองไม่เห็นเห็นกับไม่เห็นเดี๋ยวขอลองก่อนนะคะ(ai)dinosaurs[เสียงวิดีโอ](อาจารย์สุธิรา)ทีนี้มาดูกรณีที่2กรณ-ีท-ี-่ถ้าเราไม่ให้เปิดเล่นอ(จ)ย่าง(ก)นี-้(-่)แล้วต้องการให้มันไปเล่นบนyoutubeเลยนะคะให้เราสร้างปุ่มไว้พอสร้างปุ่มเสร็จแล้วทำอย่างไรเราต้องไปเขียนblockให้ปุ่มนี-้(-่)นะคะเดี๋ยวขอโทษก่อนอื่นตั้งชื่อปุ่มก่อนbutton2เปลี่ยนเป็นplayเปลี่ยนเป็นปุ่มplayนะคะตั้งชื่อเป็นplayp-l-a-yplayตัวใหญ่พ(p)-ี่ตัวใหญ่นะคะbuttonนี้จะชื่อว่าpแพร(lay)เม(พ)-ื่อใช้แ(เ)ล-่ะ(น)วิดีโอดูนะคะชื่อbutl(t)oc(n)kจะต้องเป็นเ(p)lพลง(ay)นะตอนนี้นะแล้วไปที่blockที่blockนะคะให้เด็กๆคลิกที่buttonplayแล้วคล-ิด(ก)เลือกwhenplayclickเมื่อมีการคลิกที่ปุ่มplayนะคะสิ่งที่เราจะทำต่อไปก็คือทำอะไรwhenplayclickนี่เมื่อมีการกดปุ่มplayสิ่งที่เราต้องการให้ทำก็คือไปที-่ไม่ใช-่สิopenlinkเห็นไหมคะให้มันไปเปิดลิงก์ลิงกค(-์)อะไรlinkyoutubeมันจะมาให้ไหมอ(น)-่ะมันจำไหมเนี่ยลองดูนะคะyoutubeที่เราก๊อบไว้นะลองctrl+b(v)วางแล้วกดplayใหม่นะคะเอ้ยกด(ai)dinosaurs(อาจารย์สุธิรา)เห็นไหมมันจะมาเปิดyoutube[(น)เส-ี-่นยงว(ะ)คะ-ิดีโอ](อาจารย์สุธิรา)ให้มาเปิดyoutubeเม-ื่า(อ)เล่นบนyoutubeให้นึกถึงเหมือนลักษณะนี้ก็คือให้ไ(น)-ึม-่(ก)ถึงเหมือนพวกที่เขาทำyoutubeเพื่อหะไ(า)รายได้นึกออก-็จ(น)ะเอ(ข)าลิงก-็จ-์(ะ)ไปแปะลิงกหร(-์)-ือย่างนี้ไว้พง(อ)มีคนคลิกเข้าไปไอ้ยอดvieว-ิว(ws)มันก็จะขึ้นใช่ไหง(ม)คะนั่นก็คือวิธีการนี้นะคะตัวนี้ก็คือให้เลือกopenlinkนะคะให้ทำอะไร(ai)dinosaurs[เสียงวิดีโอ](อาจารย์สุธิรา)โอเคไหมทีนี้อยากให้มาทำต่อเวลาทำbookนี่ปกตินะมันก็จะมีตัวคำศัพท์เสร็จแล้วเม-ื่า(อ)สอนคำศัพท์เสร็จเราควรจะมีเหมือนให้ตอบคำถามทำเป็น.(…)..จะเอาไว้อันเดียวกันเลยไหมหรือสร้างใหม่จะได้ชินให-้คลิกตัวนี้เสร็จแล้วนะคะ1งานได้bookแล้วทีนี้มาทำเป็นแอปตอบคำถามถามเลือกตอบแบบเลือกตอบคลิกที่ตัวไอ้ตัวหัวไอ้เจ้าหนอนหนอนแดงแว่นแดงนี่นะคะ1ครั้งแล้วเลือกcreatenewappเราจะสร้างใหม่นะคะสร้างงานอีกชิ้นหนึ่งตั้งชื่อเลือกไปที่cata(e)goryนะคะเลือกเป็นอาจจ-ัดหมวดให้เป็นeducationการศึกษานะคะส่วนprojectnameตั้งชื่อว่า"quiz"q-u-iแล้วก็zq-u-iแล้วก็zquizที่แปลว่าคำถามน่ะquizgameนะเกม(-่ะ)นะคะเกมตอบคำถามquizquizq-u-iแล้วก็zprojectnameนะคะqใหญ่แล้วก็ตัวuตัย-ูๆ(วi)แล้วก็ตัวzแย่แล้วแย่แล้วของแม่มันไม่ให้สร้างใหม่แลนะ(-้ว)นี่ของแม่หมดอายุการใช้งานไปแล้วนะไม่เป็นไรเดีอ(-๋)ยา(ว)กทำให้ดูในหน้านี้แหละนะคะดูนะคะอันดับแรกก็คือให้สร้างscreeneนะเหมือนเดิมขี้โกงนิดหน่อยนะคะเนื่องจากทำให้ดู2อันนะscreeneที่1นะคะจะมีlabelใส่labelเข้าไป1อันlabelนี้ก็คือตั้งชื่อนี้แล้วกันนะคะเอ้าจะเลือกสีbackgroundเสียหน่อยเลือกสีพื้นเฉยเลยเดี๋ยวขอเลือกbackgroundแป๊บหนึ่งนะคะเหมือนเดิมไม่เหมือนเดิมจะใส่backgroundให้น้องเลยใส่backgroundไว้ตั้งแต่ต้นเลยนะให้ดูนะคะจะใส่backgroundไว้ที่screene1เลือกที่ตัวscrene1(n)นะคะคลิกให้มันขึ้นตรงชื่อตรงนี้เป็นscreene1นี่เปลี่ยนเป็นเปลี่ยนเป็นfirstตั้งชื่อตแบบ(อน)นี้ว่าfirstfirstpageหน-ั่(-้า)นแหล(รก)ะนะคะดูนะคะเราจะต้องเราจะจัดการที่screeneนั้นน-ี่ดูที่ชื่อเร(ข)าต้องขึ้นมาด้วยตรงนี้ตัวบนนี่ทีนี้จะเลือกbackgroundให้น้องใส่สีbackgroundเห็นไหมจะให้จะไม่ใช-่(-้)ภาพจะใช้สีเป็นbackgroundแทนนะคะโอเคขนาดทะลักทะลายทะลวงพิมพ์ไม่ดูนะคะไป1,500ขนาดตัวข้อความทำไมมันเยอะจังอยากได้ตัวใหญ่ๆไงโลภๆตัวเล็กไม่ชอบชอบตัวใหญ่ให้มันเต็มหน้าเลยยเห็นไหมคะโอเคในหน้าที่2ทุกคนน่ะมีภาพอยู่แล้วนะทีนี้สิ่งที่เราจะใส่ในscreeneที่2อ้าวpaget(2)oolหน้า2นะคะpaget(2)op-a-g-eเดี๋ยวจะเอาสีเหมือนกันไหมสมมติจะใส่backgroundให้เหมือนเดิมนะคะโอเคทีนีk(-้)บอกแล้วว่าเกิดquizwordก็คือคำศัพท์นะให้เลือกคำศัพท์เอ้ยเลือกภาพเราก็จะเอาภาพมาใส่นะคะไปที่inputimageอยู่ไหนเอ่ยbuttonเราเยอะนะinput(นี่)เจอแล้วimageนะคะเอารูปมาวางทีนี้รูปคำศัพท์เราก็คือเอาไฟล์ภาพเดิมที่เรามีอยู่เช่นเดี๋ยวแม่ไปหาก่อนนะขอย้อนไปดูไทรเซราทอปส์นะคะtriceratopsเจ้าไทรเซรtricer(า)ทอปส์atopsดูไฟล์ในลิสli(ต์)stของเรานะไทรเซราทอปส์triceratopsเรา(ค)-ือตัวนี้เอาraptorดีกว่าเปลี่ยนไ(เ)ป-็นraptorแทธ(น)นะคะก็คือถ้าสมมติว่าคำศัพท์นี้ก็คือหลักการทำงานของแอปนี้นะคะก็คือเมื่อมันจะมีปุ่มให้เลือกตอบนึกออกนะเช่นทำปุ่มสำหรับเลือกตอบอยากได้กี่choiceให้นึกถึงจำนวนปุ่มก็คือจำนวนchoiceที่จะใช้ตอบนึกออกนะคะถ้าสมมติมี2ปุ่ม2choiceเอาทำแบบง่ายๆก่อน2choiceนะคะก็คือเลือก2ปุ่มเดี๋ยวไม่เท่ากันกลัวไซซ์ไม่เท่ากันจะใช้วิธีนี้นะคะเมื่อเราได้ขนาดปุ่มที่ต้องการนะคะแล้วก็ใส่สีให้น้องให้เรียบร้อยนี่เราทำการduplicateนะคะเราจะได้ไซซ์ขนาดปุ่มมันเท่าๆกันเลือกduplicateนะลูกเห็นไหมขนาดปุ่มเราจะเท่ากันเลยสีก็เหมือนกันนะคะเห็นไหมคะขอเปลี่ยนสีข้อความหน่อยนะมันไอ้นี่ไปสีฟอนต์ในปุ่มมันมืดตะลึดตึ๊ดตื๋อข(พ)อเป็นสีดำหลักการนะคะเมื่อคลิกที่ปุ่มสมมติชื่ท-ี(อ)นี้butถ้าค(t)onลิกที่ปุ่มนี้ชื่อก(ป)ล-ุ่มนี้ก็คือคำคำศัพท์ของในภาพเราเช่นraptorนะคะraptorคือคำตอบที่ถูกต้องน-ี่กับอ-ีกตัวหนึ-่งขอย้อนไปดูคำศัพท์ตัวเองก่อนนะมีraptorแล้วมีอะไรอีกน้องชื่ออะไรนี่ไทแรนโนซอร-่ะ(-ัส)สมม-ุติว่าเป็นไทแรนโนซอรัสตัวนี้ชื่ออะไรลูกไทรเซราทอปtriceratops(ส์)นะคะสมมติตัวนี้อีกปุ่มหน-ึ-ี้(-่ง)เป็นชื่อของไดโนเสาร์อีกตัวแต่ไม่ใช่คำตอบที่ถูกต้องนึกออกนะคะt-rexก็ได้ให้เห็นบางคนจะชอบสับสนt-rexกับraptorนะคะเด็กๆพี(t-)-่rexกับraptorนี่ความต้องการของหน้านี้นะคะก็คือเมื่อกดปุ่มคำว่า"raptor"คำตอบที่ถูกต้องคือคำว่า"raptor"นี-่(-้)ถ้ากดปุ่มนี้ปุ๊บถ้ามันเป็นคำตอบที่ถูกต้องจะมีรูปเครื่องหมายถูกขึ้นมาแล้วก็ให้มีเสียงปรบมืออย่างนี้นะคะด้วยนะคะดูนะคะแต่ถ้าคลิกตัวนี้ปุ๊บt-rexมันผิดใช่ไหมก็ให้มีเครื่องหมายผิดแล้วก็เสียงเหมือนเสียงออดออๆ(ด)แบบผิดน่ะลองมาดูนะคะsoundนี้เดี๋ยวหาก่อนหาsoundเพิ่มหคล(า)-ิกภาพเครื่องหมายถูกแล้วก็เครื่องหมายผิดเลือกๆเอานะคะเอาถูกกับผิดนะคะอย่าลืมข้อกำหนดที่สำคัญก็คือfreepicนะคะเอาแบบไหนเลือกเอานะคะเด็กๆอยากได้แบบไหนเลือกเอาเลยถูกอันหนึ่งผิดอันหนึ่งนะคะอย่างละ1อันนี่ด(ค)-ีกว-่า(ะ)ทีนี้บฟ-ั(า)งเซตมันมาเห็นไหมเด็กๆมันมา4ล(ร)-ูปไก(ป)ตัดเอาเองเด-ี๋ย-้อ(ว)จะตัดfreedownloadเลือกfreedownloadนะครับเอ(ร)าอ(บ)อกแล้วมันขวเป็(-ึ้)นว่าอะไรนี่โอเคได้แล้วเป็นไฟล์zipเชียวเหร-ือดาวน์โหลดได้แล้วนะคะpicturesเดี๋ยวเอาไปไว-้ที่picturuesโอเคได้เครื่องหมายแล้วทีนี้ขอตัดมันนิดหนึ่งนะมันเป็น2อันขอใช้paintช่วยนะคะใหญ่ไป(ฟ)กระพ-็ผ(ร)-ิด(บ)มากเลยviewviewviewใหญ่เกิ-๊นใหญ่ไปนะครัะ(บ)ไม่เอาเดี๋ยวเอาไปวางแล้วจะเปลืองพื้นที่อีกใหญ่โพดเอะ(า)ไมร(-่)ใหญ่น้องจะใหญ่ไปไหมน-ี-่ะเป-ิด(-็น)ไฟล์zs(i)pหมดเลยเotlight(ว้ย)แสดงว่าใหญ่เติบบ่นี่มแ(ไ)มว(-่)เอาหม-ีย(ๆๆ)วไม่อยากได้น่ะไม่อยากได้ใหญ่ๆเลือยากได้วยfreedownloadไงค้นร-ูปเอาไซซ์ไหน-ูป(จ)ะเล็กน้อบาดนี้ดาวน์โหลดฟรีจะเริ่มในไม่ช้าโอเคเริ่มแล้วเสร็จแล้วมีแต่ไฟล์zipนี่คือใหญ่มากเลยนะต้องzipไฟล์ให้เรานี่เดี๋ยวลองวิธีลัดแล้วนะใช้วิธีลัดนะคะคัดลอกเอาcorrectผิดfalsetrueorfalsetrueโอเคได้แล้วใช้วิธีลัดต่อไปหาเสียงนะคะsounds-o-u-n-d(ai)truetruefalse(อาจารย์สุธิรา)ไม่เอาอ(น)-่ะไม่อยากได้soundแบบนี้เปopen(-็น)soundeffect[เสียงเอฟเฟ็กต์](อาจารยctน-ี(-์)สุธิรา)โอเ-่(ค)อยากได้แบบนี้นะคะลักษณะเสียงตัวนี้ดีกว่าจะ...(โอ้)ได้แล้วเมื่อกี้effectwrongwl(r)ongกับrightht[เสียงเอฟเฟกต์](อาจารย์สุธิรา)ขอตัวนี้แล้วกันนะคะได้แล้วนะก็คือได้ทั้งอะไรนะรูปใช่ไหมคะตอนนี้เด็กๆจะต้องมีภาพเครื่องหมายถูกเครื่องหมายผิดใช่หรือเปล่าแล้วก็มีอะไรอีกคะมีเสียงเสียงที่บอกว่าเมื่อกดนี้ถ้าตอบถูกมันจะมีเสียงเด(ส)-ี-๋ยว(ง)ที่ให้แสดงให้เห็นว่าถูกน่ะหรือแสดงให้เห็นว่าผิดนะคะ2เสียงด้วยกันสิ่งที่เราจะทำต่อก็คือเดี๋ยวขอเบรกแป๊บหนึ่งนะคะพ(ส)-ักตอนนี้10.17น.ขอเบรก10นาทีนะล(ค)ะ10.20น.เพราะเดี๋ยวจะขอไปตรวจว่าเด็กๆว่าได้เครื่องหมายครบหรือยังค่ะแป๊บหนึ่งค-่ะเออนั-่นแหละถ้าแนะแนวน-่-ั-้(ะ)นก็ได้อยู่ดาวน์โหลดเลยสิลูกไม่ดาวน์โหลดแล้วมันจะเอามาใช้งานได้อย่างไรเล่าแม่ใช้คำว่าอ๋...(อ)นี่ไงpixabayหรือเปล่าไม่ๆคลิกปิดไปเลยเดี๋ยวมันจะขึ้นมาอยู่ตรงนี่นี-่แท็บเครื่องมือดาวน์โหลดข-้างบนอะไรนะใช่ๆใครยังไม่ได้ภาพอีกครับตอนนี้เราจะต้องมีรูปเครื่องหมายถูกใช่ไหมคะนี่นะคะเด็กๆจะต้องมีเครื่องหมายถูกเครื่องหมายผิด2ตัวนี้นะคะพร้อมหรือยังคะในหน้านี้นะคะบอกแล้วว่าเมื่อเราคลิกที่ปุ่มชื่อคำศัพท์นั้นถ้าคำศัพท์นั้นถูกมันจะต้องแสดงเครื่องหมายถูกแต่ถ้าเราคลิกตัวนี้คำศัพท์นี้ผิดมันต้องแสดงเครื่องหมายผิดแล้วก็อะไรคะมีเสียงด้วยนะเวลาคล-ิกถ้าคำศัพท์นี้ถูกต้องจะมีเครื่องหมายถูกแล้วก-็มีเสียงใช่ไหมก่อนอื่นเราก็ต้องนำกรอบเพื่อจะ…ที่จะโชว์ภาพนะมาใส่เสียก่อนเดี๋ยวลบออกก่อนนะคะเหมือนเดิมตอนนี้นะคะแล้วเราเลือกbasicimageลากimageเข้ามาขนาดปรับลดได้เอาเท่าไหนนะคะจัดวางให้สวยงามบอกแล้วนะคะ1ปุ่มคือ1คำตอบแต่อันนี้caแค่(se)ง่ายๆก็คือตอบถูกมีเครื่องหมายถูกขึ้นมาแล้วก็ตอบผิดมีเครื่องหมายผิดแล้วก็มีเสียงด้วยนะคะทีนี้เราจะมาเขียนโค้ดแล้วนะคะองค์ประกอบในหนภ(-้)าพนี้ก็คือจะต้องประกอบด้วยภาพภาพคำศัพท์นะคะแล้วก็ปุ่มคำตอบที่มีคำตอบที่ถูกต้องกับคำตอบที่ไม่ถูกใช่ไหมคะแล้วก็มีส่วนที่ใช้แสดงภาพเครื่องหมายถูกเครื่องหมายผิดมาดูที่ปุ่มก่อนก่อนจะไอ้นี่เรามากำหนดค่าให้ปุ่มนี้นะคะbutton2เราตั้งชื่อน้องว่า"correct"ที่แปลว่าถูกหรือrightorwrongน่ะคลิกคลิกที่buttonของเราดูนะคะที่button2ตั้งชื่อให้น้องเป็นเดี๋ยว...(นะ)เดี๋ยวบางคนจะพิมพ์ไม่ถ-ูกเพราะฉะนั้-ูก(น)ดูนะคะแปลภาษาบอกแล้วใช้แปลภาษาช่วยนะถูกแล้วก็ผิดเดี๋ยวยนะตอบถูกเพิ่มมันทำไมไม่ขึ้นrightorwrongนะไม่ไหวเลยถูกต้องนะคะcorrectนะคะก๊อตั้ง(บ)เลยจะได้ตั้งชื่อไม่ผิดนะแล้วแก้ตัวcงเป็นตัวใหญ่แค่นั้นเองอ๋อก็ถ้าอันนี้ของถ้าใครเอาท(ค)-ำตัวแรกเป็นผิดนะคะก็ตั้งชื่อมันเป็นwrongสิwrorngแปลว่าผิดไงตอบผิดก็ก๊อบฯตัวนี้ไปแทนก็ตั้งตัวนี้แทนน-ี่ไงโอเคไหมเหมือนอันที่2นี่ของแม่ใช่ไหมbutton3แม่จะเป็น...ถูกใช่ไหมคะต(อ)-ันนี้ถูกปุ่ว(ม)นี้ถูกcorrectปุ่มนี้ผิดwrongเห็นหรือเปล่าคะโอเคไหมพร้อมหรือยังพร้อมจะเขียนโค้ดหรือยังคะเปิดblocksค่ะปุ่มแรกที่เราจะคลิกคือถูกเลือกbu(o)ttoncorrectclickกับอีกปุ่มหนึ่งคืออะไรwrongใช่ไหมเหมือนกันเลือกมาวาง2อันเลยทีนี้เมื่อเวลาเรากดหลักการนะคะก็คือเมื่อเรากดปุ่มถูกนี่เราจะต้องให้ไอ้ปุ่มที่มันผิดน่ะกดไม่ได้นึกออกนะเพราะฉะนั้นถ้ามีการคลิกปุ่มถูกนี่เราจะต้องไปเซตไอ้ปุ่มตรงข้ามมันก็คือwrongใช่ไหมคะให้มันเป็นdisableเลือกให้มันเป็นdisableไม่ทำงานนั่นเองโอเคไหมดูใหม่นะคะเอ้ยทำไมจะไปยกแผงเล-่ะ(รา)เอาตัวเดียวที่แต่ละblocksที่มันขึ้นนี่เห็นไหมคะblocksนี้เกิดจากข(เ)าด-ี๋ยา(ว)ให้ดูใหม่ปน(-ุ)-่อย(ม)เราอยู่หน้าpag7(e)2ใช่ไหมpage2ที่มีตัวนี-ั(-้)น-ึกออกนะที่ม-ีรูปตั-้(ว)คำศัพท์ใช่ไหมคะแล้วก็มีปุ่มที่แสดงคำศัพท์ของเราใช่ไหมเพราะฉะนั้นในblockสิ่งที่เราจะทำก็คือเมื่อมีการกดปุ่มcorrectเพราะฉะนั้นเราต้องเลือกบ(เ)ล็อ-้ก(ย)เลือกปุ่มconn(rr)ectก่อนแล้วเลือกblockที่บอกว่าเมื่อblockcorrectคลิกเห็นหรือเปล่าใช่ไหมก็คือเราต้องการสั่งให้เมื่อมีการกดปุ่มถูกใช่ไหมคะกับอีกปุ่มหนึ่งที่เราจะกดก็คือปุ่มอะไรค-่ะปุ่มผิดเพราะฉะนั้นเราคลิกที-่ปุ-่มชื่อปุ่มนั้นถูกไหมคะแล้วก็เลือกเว้นwhenwrongclickเห็นไหมคะเพราะเราจะมีการสั่งก(ป)ล-ุ่ม2ก(ป)ล-ุ่มนี้ก็คือปุ่มถูกก-ับปุ่มผิดใช่ไหมแล้วทีนี้สิ่งที่ต่อมาก็คือเมื่อปุ่มถูกมันโดนคลิกนี่เราต้องไปกำหนดให้ปุ่มอีกอันหนึ่งน่ะก็คือปุ่มผิดน่ะมันไม่ทำงานไม่อย่างนั้นมันก็จะกดได้ทั้ง2ปุ่มถูกไหมนะคะเพราะฉะนั้นในช่องดู(do)สิ่งที่จะทำก็คือคลิกที่correctแล้วเลือกเซตcorrectข้อใดไหนๆเดี๋ยวๆๆเอาใหม่ดูนะคร(ะ)-ับตอนนี้เห็นไหมมันมี2อันมี2blockอย่างนี้แล้วใช่ไหมลูกมีblockชื่อcorrectของปุ่มcorrectแล้วก็มีblockชื่อwrongได้อย่าแบบ(ง)นี้ไหรือยัม(ง)เอ็มเอาใหม่ช้าๆนะคะเอาใหม่มองไม่เห็นไม่ๆเอ็มดูในแถบทางเอ็มกดblockหรือยังพอกดblockแล้วนะคะให้เอ็มดูที่ได้bloบล็อก(ck)ของwrongกับcorrectแล้วใช่ไหมไดใน(-้)blockของwrongกับcorrectแล้วนะคะทีนี้ตรงช่องdoใช่ไหมจะเอาคำสั่งอะไรมาให้เอก(-็)มกดที-่corre-่คอ(c)tซ้ำอีก1ครั้งbuttoncorrecยซ้ำเด็ก(t)ที่อยู่ในtd(o)olอยู่ในcomponentน่ะนึกออกนะเห็นไหมพอคลิกทีผิด(-่)componentcorrectน-ี-่ะมันจะมีblockขึ้นมาให้เลือกblockแรกลูกสีเขียวblockแรกเห็นสีเขียวไหมเลือกblockนั้นน่ะค่ะเอามาวางที่ดู(do)สิ่งที่เราจะเปลี่ยนก็คือเมื่อปุ่มกด…ปุ่มถูกโดนกดให้เราตั้งค่าปุ่มที่ตรงกันข้ามกับปุ่มถูกก็คือเปลี่ยนจากcorrectเป็นwrongถูกไหมปุกลอง(-่ม)ผิดใช่ไหมคะปุ่มผิดแล้วแ(ใ)หค-่(-้)มันทำอะไรให้มันabl(dis)eableอยู่ตัวล่างสุดก็คือให้ปุ่มนี้มันไม่ทำงานตรงblockสุดท้ายให้เลือกว่ากหร(-็ค)-ือถ้าเงื่อนไขเป็นจริงct(l)irue(ck)trueนะคะtถ(r)u-ูก(e)คือจริงถูกต้องอันสุดท้ายเลยลากลงไปข้างล่างสุดอ้าวเหรอdisableน่ะลูกd-i-s-a-b-l-edisableแล้วตรงเงื่อนไขมันจะมีtrueกับfalseเลือกtrueค่ะเลือกตัวแรกตัวนี้ก-็เหมือนกันตัวข้างใช่ไหมปุ่มผิดก็ทำเหมือนกันนะคะก็เลือกเซset(ต)แล้วก็แก้เป็นตรงกันข้ามกันwrongเป็นcorrectแล้วก็disableแล้วก็trueไม่แ(ข)-ึ้นเหรอเดี๋ยวๆไม่ใช่กดเล-ื-้ว(อ)กผิดอันหรือเปล่-็(า)เด็กๆดูนะคะวัตถุที่วางนี่มันใช้งานต่างกันนะสังเกตว่าถ้าเป็นbo(u)ttonนี่ลักษณะรูปทรงมันก็จะเป็นอีกแบบหนึ่งถ้าเป็นlabelอันนี้labelนะดูที่quizlabelนี่นี่มันจะมีสี่เหลี่ยมเหมือนกันแต่มีจุดด้านหลังเห็นไหมbuttonจะอยู่อันแรกจะเป็นสี่เหลี่ยมแต่เป็นม-ุ(น)มๆเพราะถ้าเลือกวัตถุไม่ถูกนี่blockน่ะเวลาเขียนน่ะมันก็จะเป็นวัตถุคนละแบบลักษณะblockที่เขียนมานี่มันครอบคลุมวัตถุแต่ละชิ้นอยู่แล้วนะคะถ้าเลือกไม่ถูกมันก็จะกำหนดค่าได้ไม่ถูกต้องนึกออกนะคะหลักการให้เช็กด้วยเพราะตอนนี้สิ่งที่เราทำอยู่นี่ก็คือเมื่อมีการคลิกปุ่มไม่ให้คลิกlabelนึกออกนะเพราะนั้นปุ่มโดนคลิกนี่ปุ่มถูกนี่จะแสดงเครื่องหมายถูกแล้วก็มีเสียงปุ่มผิดจะแสดงเครื่องหมายผิดแล้วก็มีเสียงแล้วเมื่อมีการคลิกที่ปุ่มถูกน-ีกล(-่ป)-ุ่มนี้มันก็ต้องคล-ิด(ก)ไม่ได้ไม่ใช่คลิกตัวนี้ได้ตัวนี้คล-ิด(ก)ได้มันต้องคลิกได้แค่ครั้งเดียวใน-ึกออกนะคะหลักการทำงานของการใช้ปุ่มกดน่ะมันไม่ใช่กดได้ทั้ง2ปุ-่มมันต้องกดเพืจะ(-่อ)เลือกแค่ปุ่มใดปุ่มหนึ่งก็คือถ้าเลือกก(ป)ล-ุ่มที่ถูกคำว่า"ถูก"ก็จะขึ้นแล้วก็ไอ้นี่ก็จะขึ้นนะคะโอเคไหมเอ็มได้ปุ่มแล้วนะมาดูblockนะคะย้อนกลับมาที่blockเด็กๆคลิกที่ชื่อปุ่มนั้นโอเคไหมคะwhencorrectclickแล้วสิ่งที่จะให้ทำก็คือให้มันเซset(ต)ค่าปุ่มwrลอง(ong)เป็นdiasableก็คือให้ปุ่ม-ั(w)roปผาส(ng)องทำงานไม่ได-้ถ-้ากดปุ่มถูกปุ่มผิดจะต้องไมป(-่)ทำงานนะคะลักษณะเดียวกันถ้าเราไปกดที่ก(ป)ล-ุ่มผิดปุ่มถูกก็ต้องกดไม่ได้ไม่ใช่ว่ากดปุ่มผิดก็ได้กดปุ่มถูกก็ได้พร้อมกันไม่ใช่ให้มันเลือกแค่1อันนึกออกนะใคร.(…)..โอเคหรือยังเอ็มเลือกได้หรือยังนี่สิ่งที่จะกำหนดต่อนะคะตอนนี้ยังแค่เมื่อมีการกดปุ่มเดี๋ยวให้playดูเด็กๆไม่ต้องteเทส(st)นะเดี๋ยวเทสต์ให้ดูเห็นไหมปุ่มนี้จะกดไม่ได้นี่เห็นไหมนี่กดไม่ได้เลยtestใหม่นะคะถ้าเปลี่ยนมากดปุ่ม(ai)dinos(เ)ห็uar(น)ไหมคะอีกปุ่มหนึ่งจะกดไม่ได้มันต้องเป็นลักษณะนี้นะคะลูกเห็นไหมพอกดปุ่มt-rexเนี่ยปุ่มraptorจะต้องเป็นสีที่ไม่ให้กดไม่ให้กดอีกครั้งหนึ-่งอ(น)-่ะก็คือกดได้แค่ครั้งเดียวนะคะมาดูต่อมาต่อมากำหนดค่าต่อไปblockต่อไปที่เราจะเอามาใส่ก็คือเมื่อคลิกปุ่มถูกปุ๊บสิ่งที่เราจะต้องการก็คือให้มันแสดงอะไรคะแสดงรูปใช่ไหมลูกทีนี้ออกก่อนล(ร)-ูก(ป)ใส่เสียงเข้อะ(า)ไร(ป)ก่อนเรีย(ลือ)กsoundก่อนsoundเรายังไม่ได้เอาsoundใส่เลยน่ะเดี๋ยวนะเ(ๆ)ดี๋ยวนะเดี๋ยวไปเอาsoundใส่ก่อนก็ลืมไ(เ)ป-ิดหน้าdesignก่อนนะคะsoundเราอยู่ไหนแล-่-้ว(ะ)นี่mediamediamediaไหมมีanimationมีvidoeoมีloadingiconไม่ใช่อ(น)-่ะเดี๋ยวนะขอtestplayนะคะเราต้องให้มันเล่นเสียงนั้นclickplคล-ิก(ay)playอะไรไฟล์เรากลับไปหน้าdesignสsoundsoundsoundไม่ๆมันต้องเอาเสียงเข้าก่อนsoundเราหายไปไหนdul(a)traไม่ใช่inputswitchchecktso(i)mun(e)dinputembraceฝั-่งaddcomponentอ๋ออยู่ตรงนี้อยู่ตรงนี้อยู่ตรงนี้เลือกaccessนึกออกแล้วเด็กๆเด็กๆเอาเสียงเข้าจำได้แล-้(ะ)วไปที่accessลูกqu(ค)ลิick(ก)accessใช่ไหมคะแล้วก็choosชุด(e)afileเลือกไฟล์correctใafile(ส)-่เปิดมาเลือกไฟล์ที่เราโหลดมานะอีกอันหนึ่งs(c)hooseafu(i)ld(e)อีกครั้งหนึ่งwrongโอเคเลือกaccespt(s)นะคะเวลาเอาไฟล์เสียงเข้ามันจะอยู่ตรงนี้แล้วก็คล-ิกดs(c)hooseuld(a)fileแล้วก็เลือกไฟล์เสียงกลับมาที่bloo(c)kเขียนโค้ดต่อplayอะไรfi(p)laycorrectcorrectอยู่ไใ(ห)นcorreห้อง(ct)เหมือนกันเมื่อกดปุ่มwc(r)ongเราก็ให้มันเล่นwroลอง(ng)นะเมื่อปุ่มwronผมลอง(g)โดนกดอ่ะเราคล-ิด(ก)ที่soundปึ๊บเลือกplayplaม-ี(y)อะไรคะทpag(-ี่)eเสียงผิดเทสต์ดูทีนี้โอเคถูกต้องเหลืออะไรเหลือโชว์ภาพใช่ไหมคะนะเมื่อมีการกดปุ่มถูกมีเสียงถูกขึ้นมาแล้วทีนี้ให้มันแสดงภาพเครื่องหมายถูกใช่ไหมต้องไปทีละสเต็ปนะแต่ก่อนอื่นกลับไปหน้าdesignก่อนเมื่อกี้เรายังไม่ได้โหล(ไอ้)ดรูปเครื่องหมายถูกเครื่องหมายผิดเข้ามานะไปที่accespt(s)เหมือนกันโล-ูกเวลาเอาภาพหรือไฟล์หลักเข้ามาใช่ไหมโดยไม่ได้มีปุ่มหรืออะไรนี่เราเลือกs(c)hou(o)ldsh(e)ouldafileแล้วก็เลือกpicturesของเราก็คือถูกtrueไดป(-้)ถูกแล้วก็เอาผิดด้วยfalsต(e)อนะคะเพราะฉะนั้นเลือกaccept(ss)นะคะเพื่อนำเข้าไฟล์เครื่องหมายถูกกับเครื่องหมายผิดโอเคไหมคะเพราะไม่อย่างนั้นไอ้นี่มันจะไม่ขึ้นมันจะไม่แสดงน่ะแต่มีกรอบimageน่ะวางไว้โอเคหรือยังกลับไปที่blockนะคะเลือกที่ไหนน(ล)-่ะเดี๋ยวนะเราก็เลือกcorrectเราเหมือนเดิมกดผิดสิเลือกimageสิให้เลือกimageนะคะให้เลือกที่imageนะคะเพราะเราจะไปจัดการที่ภาพเนะเราเลือกsetimagepictureนะคะtrueใช่ไหมtrueอะไรtrueรูปแล้วก็เหมือนเดิมใช่ไหมเมื่อกดปุ่มwrongimageจะต้องเป็นอะไรคะsetimagetoimagepicturestoจากrigueแล(ht)-้วก็เป็นwrongtrueorfalseเป็นfalseของแม่เป็นfalseเด็กๆตั้งชื่ออะไรก็จะเป็นรูปนั้นลองtrueorfalstทีนี้เลือกภาพผิe(ด)ตำแหน่งขอโทษไม่ตั้งชื่องานเข้าแ(เ)ล-้(ย)วขอโทษๆเดี๋ยขอโทษ(ว)นะคะกลับไปหน้าdesignก่อนอันนี้อ๋อชื่อมันคือimage6อันนี้คือwordwordquizเหผ(-็)นไ-ิดพอ(หม)พ-่อไม่ตั้งชื่อน่ะเห็นคำว่า"(ๅ)image"ปุ๊บคลิกเลยเลือกถูกไม่ถูกก(อ)-ันนะคะอันนี้เลือกเป็นtrueorfalsettแล้วก็_ftrueorfalseจะได้รู้เอาtrueorfalseนี่แหละเอาtrueแล้วก็falseจะได้รู้ว่ารูปนี้คือรูปimageนะคะไปกลับไปที่blockค่ะแก้ชื่อมันแค่นั้นเองลูกแก-้จากpiคล-ิ(c)กwordเป็นtrueorfalseโอเคtestใหม่น-่ะทำไมไม่ขึ้นเอ้าเลือกไฟล์ภาพผิดชีวิตเปลี่ยนเดี๋ยวนะเลือกอะไรผิดอ๋อมันไปขึ้นตัวนี้ขอโทษทีเลือกtrue.pngเลือกfalse.pngโอเคน่าจะได้แล้วขึล้ว(ai)dinosaur(อาจารย์สุธิรา)ถ้าภาพขึ-้นช้าแฮะโอเคถ้าภาพไม่มาเช็กตรงนี้นะคะเซ-็ตชื่อชื่อไฟล์ภาพแล้วก็ชื่อข้างหลังที่รูปที่จะเอามาเซต2ชื่อนี-้นะคะเฮ-้ยทำไมเสียงมาที-่หลังรูปช้าเอาอันนี้ขึ้นก่อนสลับตำแหน่งได้นะเด็กๆมีความรู้สึกว่าเสียงมันมาทีหลังได้เอารูปขึ้นมาก่อนรู(ai)dinosaurs(อาจารย์สุธิรา)รูปขึ้นอย่างช้าไฟล์ภาพมันใหญ่โอ(ai)dinosaurs(อาจารย์สุธิรา)โอเคเห็นหรือเปล่าทวนนะคะเด็กๆดูนะblockที่1bloc-ฺ(k)ที่1เนี่ยก็คือเกิดจากการที่เราคลิกปุ่มraptorก(ป)ล-ุ่มแรกใช่ไหมปุ่มที่1นี-่(-้)ถ้าเป็นเครื่องหมายถ้าตัวนี้คำตอบในปุ่มนี้คือคำตอบที่ถูกนะคะแม่ตั้งชื่อก(ป)ล-ุ่มนี้ว่า"correct"แปลว่าถูกต้องใช่ไหมแล้วทีนี้ปุ่มที่2นี่t-rexนี่ปุ่มเนี้ยถ้ามันผิดนะคะwrongแปลว่าผิดก็เลยตั้งชื่อก(ป)ล-ุ่มว่า"wrong"หลักการก็คือเลือกblockแรกที่เมื่อมีการคล-ิด(ก)ปุ่มถูกนะคะสิ่งที่จะให้ทำต่อมาก็คือเซจ(ต)เซตเจ้าwrongนี่นี่ให้กำหนดค่าของปุ่มที่ตรงกันข้ามกับปุ่มwrongปุ่มที่2ก็คือปุ่มปุ่มนี้นี่นะคะให้มันเป็นdisabledisableก็คือให้ก(ป)ล-ุ่มที่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ให้ดูกด(ai)dinosaurs(อาจารย์สุธิรา)กดปุ่มแรกปุ๊บคำตอบถูกจะมีภาพเครื่องหมายถูกแล้วก็มีเสียงเห็นไหมคะโอเคเpl(อา)ayใหม่อีกรอบหนึ่งคง(ai)dinosaur(อาจารย์สุธิรา)ค-ำว่า…คำตอบคือt-rexถูกไหมไม่ถูกเห็คือ(น)ไหมคะรูปกภาพ(-็จะ)เปลี่ยนเป็นเครื่องหมายผิดโอเคหรือยังให้ดูตรงนี้ไฟล์เสียงนะคะอบยังไม่มีไฟล์เสียงตรงนี้ต้องเป็นเสียงน่ะให้มันเล่นplaเพลง(y)ในที-่นี้คือเล่นเสียงนะคะเสียงที่นี่ๆๆจากนี่จากsoundนี่นี่[เสียงว(เ)อ-ิดีโอ](ฟ)เฟ็กต(อาจารย-์ส(])-ุธิรา)คำศัพท์มี5คำเพราะฉะนั้นทำทั้งquizทั้ง5คำศัพท์ด้วยนะคะการบ้านดูนะคะจากงานชิ้นนี้เด็กๆจำได้นะครั้งก่อนที่คำศัพท์เรามี5คำน่ะให้เรามาทำquiz5คำด้วยเหมือนกันนะคะเป็นรายการต่อไปทีนี้บางคนของไอ้เจ้าเด็กหูฯน่ะไม่ต้องใส่soundก็ได้เดย(-็)กหูเว้นการใส่soundเพราะใส่ก็ไม่ได้ยินนะคะเพราะฉะนั้คะ(น)เว้นการใส่soundใส่เป็(แต่)นรูปก็คือเมื่อคล-ิด(ก)ถูกร(ล)-้องเ(t)esพลง(t)ว่าถ้าคลิกถูกแล้วหร(นะ)-ือคะนี่เครื่องหมายถูกจะต้องขึ้นมาคลิกผิดเครื่องหมายผิดก็ต้องขึ้นมาแค่นั้นพอเด็กๆน่าจะเข้าใจconceptกันเกือบทุกคนแล้วนะคะเพราะฉะนั้นจากเดิมเรามีแค่1หน้าใช่ไหมคะการบ้านก็คือไปทำต่อ4หน้าที่เหลือนึกออกนะคำศัพท์ที่สร้างไว้ในสัปดาห์ก่อนเอามาทำเป็นquizในสัปดาห์นี้นะคะเด็กๆโอเคนะคะถ้าอย่างนั้นสัปดาห์นี้พอแค่นี้ค่ะเจอกันสัปดาห์หน้าค่ะการบ้านนะคะก็คือเด็กๆเอาภาพคำศัพท์ตัวเองมาทำเป็นเกมต่อนะคะเพิ่มอีก4ภาพใช่ไหมวันนี้ทำไปแล้ว1ภาพทำหลักการเดียวกันเลยนะคะให้มันคลิกคำตอบแล้วแสดงถูกแสดงผิดได้นะคะโอเคค่ะขอบคุณพี่ล่ามค่ะใช่ๆทำอย่างไรให้มันไปหน้าต่อไปได้หาวิธีลองดูด้วยตัวเองสิสร้างปุ่มก็ได้ลูกจะใช้เป็นปุ่มก็ได้แล้วมันจะมี...เดี๋ยวนะเดี๋ยวๆpageนี่ถ้าคลิกตัวนี้ดูนะคะเดี๋ยวplayให้ดูถ้าอย่างนี้มันจะสไลด-์ได-้ย้อนกลับก่อนโอ๊ยออกมือไวใจเร็วจริงๆเลยแม่นี่เดี๋ยวให้ดูสังเกตตรงนี้จะมีปุ่มว่สไล(า)ด์slideableเลื่อนได้ถ้าเราไม่ต้องการให้มันทำตั(ดู)วนะดูนะครับ(ai)dinosaurs(อาจารย์สุธิรา)อ๋อใช่ถ้าอย่างนี้มันต้องrunบนให้มันเป็นจำลองแอปนึกออกไนะ(หม)สไลด์หน้าจอแล้วมันก็จะได้เข้าใจนะคะนั่นคือหลักการไม่มีอะไรพิสดารหรอกลูกโอเคทำต่อเป็นงานชิ้นที่2นะคะตอนนี้เรามีงาน2ชิ้นแล้วนะเด็กๆโอเคนะคะเจอกันสัปดาห์หน้าค่ะ[สิ้นสุดการถอดความ]
More information
- compare(ans and test) :
- ans: file reference
- test: file test
- export datetime : 2023-12-15 17:11:20
- exported from : Accuracy Worker
- version :develop
- lib :character
- your normalize config
-IsFilter :true
-ToLower :true
-ToArabicNumber :true
-WordToNumber :true
-OrderAndSimilar :true
-ListRemove :
- alignment method :Hirschberg
- score weight :{"Match":5,"Mismatch":-1,"PartialMatch":2,"GapPenalty":-1}