Accuracy : 85.51%
Insertion : 567
Deletion : 2022
Substitution : 373
Correction : 18045
Reference tokens : 20440
Hypothesis tokens : 18985
(อาจารย์สุธิรา)สวัสดีค่ะได้ยินนะคะใครที่เข้ามาแล้วเปิดGoogleChromeเราแล้วก็เข้าThunkableเหมือนเดิมนะคะเด็กๆวันนี้จะพาทำหน้าล็อกอินทำอย่างไรบางทีทำแอปนะบางอันเขาก็จะมีให้ล็อกอินเข้าไปใช่หรือเปล่าเพราะฉะนั้นเราจะทำหน้าLoginนี่เราจะทำอย่างไรพิมพ์Thunkableข(บ)อกงเร(ว่)าThunkableของเราThunkableแล้วก็ให้Loginเข้าจำได้นะPasswordอะไรตัวเองอะไรน-่ะแล้วเราก-็ล-็L(อ)กogin(อิน)เข้าที่เราสร้างไว้นะในครั้งก่อนนะคะใช้อะไรใช้Googleเข้าผิดอันส(ซ)ะบ่[เสียงหัวเราะ]ช่างเถ(ห)อะสงสัยจะไม่ใช่ตัวนี้[เสียงหัวเราะ]งงๆนะGoogleนะแต่มี2-3ตัวไม่ออกให้ผมด้วยผมจะออกก่อนSigno(O)utเข้าไม่ถูกอันน่ะเข้าใหม่มีหลายตัวจำไม่ได้เข้าตัวนี้หร-ือโอเคเข้าถูกอันแล้วจำได้หรือเปล่าตัวเดิมตัวเองLoginThunkableที่เราสร้างไว้นะคะครั้งก่อนทีนี้ตัวนี้โปรPro(เ)จject(กต์)ใหม่อยู่แล้วนะคะให้เราคลิกที่CreatenewappเลือกN(n)ewAppตั้งชื่อเหมือนเดิมจะตั้งชื่อว่าอะไรครับจะตั้งชื่อแApp(อป)นี้ว่าอย(ะ)-่างไรสมมติส่วนใหญ่ถ้าแอปพวกมีLoginอะไรเข้าไปนี่มันก็จะเป็นCata(e)goryนะคะให้เลือกเป็นEducationแล้วกันดูนะในรูปที่เปิดให้ดูนี่คือส่วนของล็อกอินทงLogin(-ี่)ที่เขาสร้างไว้นะเป็นตัวอย่างว่านี่ถ้าาเข(ร)าจะทำให้ให้มีลักษณะแบบนี้นี่มีช่องกรอกๆมีช่องกรอบๆนี่เราจะทำอย่างไรจัดวางอย่างไรนะคะมันก็จะมีส่วนของเหมือน...Usernameใช่ไหมลูกPasswordแใช่ไหมล-้-ู(ว)กม(-็)-ีปุ่มLล-็(o)gอกอ(in)-ินใช่ไหมคะนะคะมันจะมีสัดส่วนของมันอยู่นะเราจะวางอย่างไรให้มันนี...(-่)เห็นไหมระดับช่องไฟระดับอะไรนี่เรียงได้ออกมาแล้วสวยงามไม่ใช่เรียงแล้วโย้ไปโย้มาหรือเคลื่อนที่ไปมานะคะวิธีการนี้คือใช้เครื่องมือที่ชื่อว่า...Columnหาคำว่า"Column"[เสียงหัวเราะ]พิmn"(ม)พ์ขี้เกียจSearchC-o-lขี้เกียจเลื่อนไอ้นี่หาก็จะพิมพ์นนใ(ะ)คห-้(ะ)พิมพ์คำว่าColumnลงไปc(C)-oทำไมช้าจังlC-o-l-u-m-eเห็นไหมc(C)-oไม่มีCoolumnหรือทำไมล่ะทำไมล่ๆ(ะ)มีComponantไหนอีกนี่ดูตัวอย่างเขานะดูตัวอย่างเขามีส่วนของอะไรบ้างมีเหมือนมีรูปใส่ไหมคะอยากใส่ไหมสมมติเราจะใส่รูปเหมือนอย่างนี้นะคะเหมือนตัวอย่างอย่าแบบ(ง)นี้เราก็ไปที่อะไรคะImageหรืออะไรลูกเลือกมาใช่ไหมเลือกImageแล้วก็วางตำแหน่งนึกออกนะจัดตำแหน่งตรงกลางนะคะแล้วก็ไปหารูปอะไรร-ูป...รูปเหมือนคนอย่ไ(า)งนี้ใช่ไหมจะมีให้ไหมน่ะรูปคนน่ะThunkableกับ..เราหานะคะเราหาโลโก้รูปโลโก้แบบน-ี้ไอ้อะไรนะอะไรนะเอาแบบไหนเอาแบบนี้ก็ได้เดี๋ยวเอา...เอาอย่างนี้นึกออกนะเขาเรีด-้(ย)กว่าอะไรPythonสินะSea(P)ythonLogirch(n)คำว่า"Icon"แล้วก-็ล-็L(อ)กogin(อิน)นะคะเราหาไi(อ)คcon(อน)นี้กันเราจะเอาตัวไหนใช้เลือกเอาเลยเอาตัวไหนดีได้แล้วนะคะเราจะเอาตัวนี้ล่ะตัวนี้ดีกว่าหาเอาเองนะคะอยากได้แบบไหนหาเอาสมมติจะเอาตัวนี้f(ฟ)รre(-ี)eหรือเปล่านี่[เสียงหัวเราะ]ดูด้วยนะฟรีฟรีฟรีDownloadImageStandardFreeFฟรี(ree)นะเราเลือกว่าฟร-ีนะน-ี-่ใชห-้(-่)ไหมไหนบอกว่าฟร-ีข-ี-้ตั๊วเบ่เบ๋อย่าลืมหาคำว่า"ฟรี"ด้วยนะเด็กๆเดี๋ยวไม่ได้นะFreed(D)ownloadด้วยเดี๋ยวติดลิขสิทธิ์อีกf(F)reed(D)ownloadโอเคหาใหม่ไม่ได้ตัวนี้ก็ต้องได้ตัวนี้ล่ะนะตัวนี้ก็สวยอยู่นะเอาตัวนี้ก็ได้.(P)Npn(G)gก็พอPremiumf(F)reed(D)ownloadไปไหนแล้วได้แล้วนะคะแม่ได้แล้วนะเด็กๆได้หรือยังโอเคเราจะใช้ตัวนี้นะคะเหมือนเดิมก็ไปที่Thunkableเราแล้วก็ตรงชื่อPictureนะก็อัปโหลดไฟล์ที่เมื่อกี้เราไปโหลดมาอยู่ไหนล่ะDownloadไหมLogol(L)oginโอเคได้แล้วครับได้แล้วกระผมได้แล้วครับเด็กๆได้หรือยังครับได้แล้วนะคะมีรูปแล้วต่อไปสิ่งที่เราจะต้องมีในล็อกอิLogin(น)ก็คือมีอะไรคะมีLabelใช่ไหมคะแสดงข้อความว่าให้l(L)oginเข้าไปจะใช้ค(L)og-ำว-่(i)nาล็อกอินหรือใช้คำว่าอะไรดีUserLoginแล้วกันนะนะคะเมื่อเราได้รูปแล้วสิ่งที่เราจะมีในบรรทัดต่อมาก็คือl(L)ableค่ะใช่ไหมเป็นLabelนะคะเด็กๆนี่ในตัวอย่างนี่เห็นไหมMemberLoginใช่ไหมคะเราก็ต้องใช้Labelในการสร้างลากl(L)abelมาวางอยู่ใต้รูปใช่ไหมแล้วตรงTextนะเราก็แก้เป็นอะไรUserพิมพ์คำว่า"User"แล้วก็คำว่า"Login"เขลง(-้า)ไปl-o-g-i-nสัญญาณล่ามโอเคได้ยินอยู่นะโอเคค่ะนะคะใครที่วางรูปเสร็จแล้วให้ว-่าค(ง)-ำว่าLabelนะคะเพื่อจะพิมพ์ข้อความคำว่า"Login"ลงไปนะรูปแบบฟอนต์เด็กๆลองเลือกนะคะอยรูปแบบfontเด็กๆลองเลือกอยากได้แบบไหล้ว(น)ก็สีเปลี่ยนสีได้น่ะเดี๋ยวเราจะขอฟอFo(น)ตnt(-์)เนื่องจากBackgroundเราเป็นสีเข้มเพราะฉะนั้นตัวหนังสือเราก็จะใช้สีอ่อนนะคะสีตรงข้ามเข-็(-้)มอ่อนถ้าแบบสีพื้นเข้มตัวหนังสือก็สีอ่อนนะคะหลักการUserLoginนะคะตัวหนาไหมทำให้เป็นตัวหนาด้วยจัดแนวตรงไหนเอ่ยTestAlignนะคะคือจัดกึ่งกลางโอเคขนาดตัวอักษรนะคะ18เล็กไปเพิ่มเพิ่มขนาดได้เอาเท่าไหร-่30โอเคไหมโอเคนะนะคะได้ส่วนของUserloginแล้วก็คือส่วนของLabelแล้วทำอะไรต่อบอกแล้วนะคะทำส่วนไหนปุ๊บอย่าลืมLabelLabelอันนี้อันนี้อย่าลืมใส่ชื่อจะได้รู้ว่าตรงนี้มันคืออะไรนะทุกครั้งนะคะบอกเสมอว่าใส่ชื่อมันเข้าไปด้วยจะได้พอเวร(ล)าเว(ร)ลาไปแก้c(C)odeน่ะค่ะเราก็จะได้รู้ImageImageก็เหมือนกันImageImageลูกIconImageของเราก็คือIconl(L)ogini(I)conloginl-o-g-i-nนะคะปุ๊บ1,2,3ส่วนที่3ที่จะต้องใส่เห็นไหมคะอย่างนี้เขาเรียกว่า"TextField"เพราะมันจะต้องเป็นให้กรอกข้อความได้2อันขาวๆนี่เห็นนะไอ้ตัวขาวๆ2อันนี้นะคะไ(พ)อขาวๆ2-้ต(อ)-ันนีว(-้)เราจะใส่ส่วนที่เรียกว่า"TextField"นะลูกนี่เห็นไหมคะเห็นหรือยังใครหาTextFieldไม่เจอตรงComponentเราน่ะไปที่...ถ้าหาไม่เจอพิมพ์t(T)extFieldนะคะหรือTextInputอยู่นี้เขาใช้Texti(I)nputของThunkableมันใช้TextInputนะคะเราก็ลากมามีกี่อัน2อันใช่ไหมคะเราก็ลากมาทั้ง2อันนะคะเด็กๆอันที่1อันที่2ต่อกันเรียงต่อกันTextFieldเราใช้2อันเพราะฉะนั้นเราก็เอาลงมา2อัน1อัน2อันนะคะขยายขนาดด้วยนะคะเช็กอย่างไรให้มันเท่าๆกันเอามาทาบใส่กันอย่างนี้นะคะขนาดมันก็ควรจะเท่ากันนะเว้นช่องไฟให้สวยงามนะคะเห็นหรือเปล่าทีนี้TextFieldอยากได้สีอะไรเหมือนเดิมค่ะใส่สีเข้าไปให้เธอด้วยนะคะTes(x)tInputt(T)exti(I)nputอันแรกTextInput1นี่เป็นอะไรเอ่ยตัวบนนะคะt(T)exti(I)nput1มันจะเป็นใส่UsernameTextTextInput1นี่คือUserNameนะTextInputUsernameนะคะอันที่2เป็นPasswordไหมPasswordนะคะบอกให้รู้ว่าแต่ละอันคืออะไรนะคะเวลาCodingเราจะได้รู้นะเราไปแก้ถูกอันหรือเปล่าTextInputอันที่2ชื่อว่าp(P)asswordบอกแล้วว่าต้องใส่ชื่อให้มันทุกครั้งนะคะเราได้2ส่วนแล้วนะทีนี้ในUsernameนะคะในUsernameนี่มันมีอะไรอยู่ด้วยเห็นหรือเปล่ามันใส่อะไรเข้าไปในตัวอย่างในตัวอย่าๆ(ง)กดผิดขอโทษในตัวอย่างเห็นไหมคะมันมีi(I)conรูปเป็นรูปคนกับรูปลูกกุญแจนะเราจะให้มันเห็นi(I)conนี้ไทำอย่างไรเอ้าไปที่หน้าจอเราเหมือนเดิมนะคะเราก็เอารูปนี่ใส่เข้าไปใน...ในนี้ใส่ได้ไหมให้ใส่เข-้าไปไหมนี่มัเด-ี(น)-๋ยวให้ใส่เข้าไปในTextไหมล่ะไม่ให้ใส่เข้าไปข้างในหรือไม่ให้ใส่ก็วางข้างๆได้นะก็คือเราก็จะมีimageเล็กๆนี่2อันนะคะโอเคไหมคะแล้วหารูปใส่นะเด็กๆอย่าลืมนะคะมีรูปอะไรรูปคนกับรูปกุญแจน-่ะหาต่อสิครับรออะไรเมื่อกี้เปิดไว้แล้วเอาตัวนี้แล้วกันFreed(D)ownloadเหมือนเดิมนะคะรูปต่อไปก็คือรูปกุญแจหาต่อหาต่ๆ(อ)แม่กุญแจกุญแจอยู่ไหนนะ[เสียงหัวเราะ]เจอแต่กุญแจเจอแต่ลูกกุญแจไม่เจอแม่แม่กุญแจหาแม่กุญแจก่อนนะคะหาLocg(k)ใช้คำว่า"Lock"เอาตัวนี้แล้วกันเจอตัวไหนเอาก่อนล่ะโอเคนะคะได้รูปแล้วได้องค์ประกอบแล้วใส่ไปเรื่อยๆใครยังไม่ได้รูปหาใส่ด้วยนะคะอันที่1รูปแรกImage1i(I)mage1Pictureเลือกอัปโหลดไฟล์l(L)ogin1o(O)penได้แล้วปรับขนาดเอาเองนะเด็กๆมันมันไม่เท่าก็ขยายย่อขยายเอานะคะเราก็ไปที่ตำแหน่งของวัตถุชิ้นนั้นคลิกที่ชื่อเขาก็ได้คลิกที่ชื่อเขาโอเคนะคะเข-้าได้แล้วนะคะรูปที่2ก็เหมือนกันนะคะเอาLockใส่ก็เพิ่มอัปโหลดไฟล์เข้าไปขนาดมันไม่ได้เราก็ยืดได้หดได้นะนะคะเดี๋ยวเด็กไปแต่งเพิ่มเติมทีหลังเด้อจะใส่สีใส่อะไรน่ะบอกคร่าวๆว่าองค์ประกอบมันมีอะไรแล้วก็มีอีกส่วนหนึ่งใช่ไหมคะอันล่างสุดเอ้ยไม่ใช่อีก2ส่วนสิมีส่วนของ...เดี๋ยวนะเปิดให้ดูชัดๆมีส่วนที่เหมือนติ๊กๆอย่างน-ี้เห็นไหมคะกับf(F)orgetp(P)asswordแล้วก็LoginมีButton1อันนะคะปุ่มกดนะและก็ส่วนที่มีติ๊กอย่างนี้นะคะส่วนที่มีติ๊กเห็นไหมคะชื่อว่า"Checkb(B)oxเด็ก"(ๆ)เห็นCheckBoxไหมนะคะแถบเครื่องมือCheckBoxลากลงไปเลยลากไปวางให้เราได้c(C)ha(e)ckb(B)oxแล้ว1อันแล้วมีอะไรต่อจากCheckb(B)oxก็คือมีLabelใช่ไหมคะบอกว่าRememberm(M)eมีLabelเขียนคำว่า"r(R)ememberm(M)e"ไว้ใส่Labelเข้าไปตรงนี้นะคะพิมพ์คำว่า"Rememberm(M)e"R-eRememberm-e-b-e-rmemberแล้วก็m(M)em(M)-eนะคะเดี๋ยวเปลี่ยนf(F)ontก่อนจะได้เห็นเห็นนะเห็นไหมคะเห็นหรือเปล่าอะไรอีกนะมี...มีอะไรอีกกดผิดแล้วก็มีf(F)orgotp(P)asswordForgotPasswordนี่มันเป็นเขาเรียกวมัน(-่)าอะไรล่ะเป็นเหมือนTextLinkน่ะเราต้องใช้ตัว...l(L)abelนั่นล่ะแล้วตอนเขาเรียกอะไรนะตอนเชื่อมน่ะนะตอนCodingน่ะค่อยเชื่อมให้มันเป็นลิงก์แล้วค่อยใส่ลิงก์นะคะตัวนี้Labelนี้ใส่คำว่า.(")..พื้นที่"ตัวใหญ่ไปเสียละมั้งเดี๋ยวลดไซsize(ซ์)Remembermeก่อนนะคะมีความรู้สึกว่ามันใหญ่ไปมันจะใส่f(F)orgotp(P)asswordไม่ได้ไง18ใหญ่ไปลดลง14พอโอเคRememberm(M)eเหลือ14นะคะแล้วก็ForgotPasswordนะเด็กๆอีกLabelหนึ่งเราจะใช้คำว่า"Forgot"นะคะf(F)-o-rf(F)-o-rf(F)orgotg-o-tgotจำไม่ได้ช่วงนี้สงสมองไม่ค่อยจำf(F)orgotf(F)-o-r-g-o-tแล้วก็passwordForgotแล้วก็PP-a-s-sPassแล้วก็wordW(w)-o-r-dแล้วก-้(-็)ตามด้วยเครื่องหมายคำถามForgotPasswordก็ลดไซซ์ให้พอๆกับไอ้นี่ล่ะนะไอ้Rememberm(M)eนี่ล่ะก็คือ14นะคะทำไซซ์ให้เท่ากันแล้วก็สีสีแจ่มว้าวขึ้นมาหน่อยให้เห็นความแตกต่างตำแหน่งควรจะตรงๆกันน(N)oNoNะนะนะ(o)ตำแหน่งไม่ค่อยได้เดี๋ยวเลื่อนอีกนิดหนึ่งนะ[เสียงหัวเราะ]c(C)olorเอาสีอะไรเอาสี...สีเหลืองสีเขียวสีฟ้าโอเคโอเคแล้วนะนะคะโอเคนะอันสุดท้ายคืออะไรคะLoginใช่ไหมปุ่มButtonb(B)uttonLoginเด็กๆอยากได้ปุ่มแบบไหนเป็นสีเหลี่ยมหรือเป-ุ่(-็น)มโค้งดูนะคะเราไปเลือกbo(Bu)ttonค่ะคลิกb(B)uttonแล้วลากมาวางด้านล่างสุดใช่ไหมButtonนี้พิมพ์...ข้างในว่า"LOog(G)Iin(N)"นะคะเดข-้(-็)กาไ(ๆ)ปพิมพ์คำว่าLOGINเข้าไปL-Oตัวใหญ่เลยL-O-G-i(I)-n(N)Lo(O)GIgin(N)สีเอาสีอะไรไปที่BackgroundนะBackgrouondเลือกสีค่ะสีปุ่มปุ่มๆๆๆๆมีความ...แซ่บเบอร์10อยากได้สีชมพูอยู่ไหนนี่สีชมพูเอาฟ้าน้ำทะเลก็ได้นะนี่ๆเขาอยากได้ประมาณนี้แต่ตัว...ตัวอักษรเขาจะเอาสี...สีเข้มๆนะครับColorColorColorTextColorนะคะสีมัน-้(อ)ยู-ำเง(-่)-ินไหม(น)สีม่วงไหมโอเคทำตัวหนาด้วยเปลี่ยนรูปแบบf(F)ontด้วยโอเคนะคะงตัวนี้อยากได้เป็นโค้งๆโค้งมากโค้งน้อยจำได้นะบอกว่าให้แก้ตรงไหนคะตรงBorderใช่ไหมคะl(R)adianceน-่ะค(แ)ก้ตรงRadiวามโค้งมนของ(a)nว-ัต(ce)ถุนะคะความโค้งมนของวัตถุนะคะขึ้นอยู่กับค่าRadianceเลยโอเคไหมตอนนี้เราได้องค์ประกอบหนึ่งครบแล้วทีนี้มันจะเชื่อมอย่างไรใช่ไหมทำให้ตัวLoginนี่มันเชื่อมได้นี่ก็คือพอ...พอใส่ชื่อลงไปนะคะใส่ไอ้นี่ลงไปแล้วกดLOGIlogin(N)เข้าไปนี่มันจะเอาไปเก็บไว้ที่ไหนเดี๋ยวขอเดินดูก่อนนะคะว่าเด็กๆทำองค์ประกอบมันครบหรือยังตรงไหนลูกอะไรนะอ๋อRememberm(M)eForgetPasswordใช้Labelธรรมดาใช่ๆแล้ว...แล้วเราจะทำให้มันเป็นลิงก์ตอนเราไปในb(B)oxไงในโค้ดน่ะยังๆๆมันจะไปทำตอนเราสั่งมันน่ะโอเคนะดูอันที่2ใบเตยต้องใส่l(L)abelคำว่าu(U)serl(L)oginนะลูก-่(น)ะเห็นหรือเปล่าเห็นLabelไหมเลือกอันนี้แล้วก็มาวางเป็นส่วนที่2ส่วนที่3กับ4ช่องที่3กับ4ใช้t(T)exti(I)nputเห็นไหมลากTextInputไปวาง2อันเป็นอันที่3กับ4ได้รูปแล้วเสร็จแล้วมาเอาLabelลาก-็เป็นอันที่2ข(ถ)-้าอย่างนัใ(-้)นก็พิมพ์เปลี่ยนเป็นUserl(L)oginเหมือนตัวอย่างนะมันตรงส่วนการเชื่อมน่ะมันมีหลายตัวนะคะเขาบอกบางคนเขาก็ใช้Firebaseบางคนเขาก็ใช้M...Mmt(T)อะไรหว่นะ(า)จำไม่ได้เดี๋ยวดูก่อนนะคะเดี๋ยวระหว่างรอเพื่อนทำองค์ประกอบให้เสร็จอันต่อมาอันนี้เลือก...เลือกอันนี้ลูกเ(T)ลือกtexti(I)nputนี่อันที่3กับอันที่43กับ4นี่เลือกไอ้ที่เป็นTextInputไปวางและก็เอารูปมาใส่ตรง2อันนี้นะคะ3กับ4อันที่3กับอันที่4โอเคไหมคะได้องค์ประกอบตัวนี้แล้วนะเสร็จแล้วทีนี้สิ่งที่เราจะต้องทำเพิ่มนะคะก็คือมันจะเป็นเหมือนเชื่อม...เชื่อมฐานข้อมูลน่ะที่เขาใช้นะมันจะชื่อว่าไปเปิดGoogleเด็กๆเปิดGoogleแล้วพิมพ์"Firebase"นะคะมันจะเป็นของตระกูลg(G)oogleนี่ล่ะFindF-i-r(n)-d-eB(b)-a-s-eFireBaseอยู่ไหนล่ะนี่ๆFirebase.google.comนะคะให้เราหาFirebase.google.comนะเด็กๆเจอไหมพิมพ์F-i-r-e-b-a-s-eนะคะให้ไปที่เว็บFirebase.google.comตัวนี้นะใครยังหาไม่เจอดูนะคะชื่อFirebaseตัวนี้หน้าตาอย่างนี้อันดับแรกก็คือเราจะต้องเราจะต้อ.(ง)กดGetStartเพราะเรายังไม่เคยใช้งานมันเลยนะคะตอนนี้เปิดมาที่f(F)irebe(a)seหรือยังเพราะGetsatartเราเพิ่งใช้งานครั้งแรกเราก็กดGetStartนะเด็กๆเขาจะLoginให้เราด้วยบัญชีGoogleเพราะเราLoล็อ(g)inเขกอินด-้ว(า)ยบัญชีg(G)oogleไปแล้วนะตั้งแต่ตอนที่เราใช้ตัวน-ั-ั้นน-่ะให้ไปเลือกอะไรเลือกCreateaNewp(P)rojectsค่ะเห็นไหมคะสร้างp(P)rojectใหม่นะคลิก1ครั้งตรงช่องนี้นะเด็กๆนะนี่Enteryourprojectnameนี่เราก็พิมพ์ชื่อProjectเข้าไปอะไรนะFirebaseเอ้ยอะไรนะl(L)oginนะทำไมมันไม่ให้พิมพ์L-o-g-i-nนะคะเราต้องยอมรับก่อนนะติ๊กยอมรับก่อนติ๊กยอมรับของเขาด้วยนะไม่อย่างนั้นเขาไม่ให้ใช้งานเขานะแล้วก็กดContinueมันก็จะขึ้นมาบอกว่านี่คือGoogleAnalyticsนะคะforyourfirebaseprojectแล้วก็คุณจะทำนั่นct(น)-ี่นู่นบอกข้อใช้งานต่างๆนั่นล่ะเสร็จแล้วเราก็คลิกContinueเลยไม่ต้องไปอ่านนะคะแล้วเราก็ถามเอ้ยไม่ใช่เราเขาก็ถามเราว่าเราอยู่ไหนเราก็ต้องเลือกนะคะหาThailandลูกT-H(h)แล้วก็ต้องติ๊กยอมรับนะคะIA(a)cceptเลือกAnalytics(L)locationแล้วก็ติ๊กAcceptนะแล้วคลิกCreateProje-็โอเค(ct)ได้เลยมันก็จะหมุนๆๆๆจนกว่ามันจะเต็มน่ะนะมันกำลังจะสร้างให้เราน่ะเขากำลังจะหา...มันเป็นเหมือนDatabaseแต่ออนไลน์อย่างนี้นะคะเราก็ต้องรอจนกว่าไอ้เจ้านี่มันหมุนจนครบทุกคนอยู่หน้าy(Y)ournewprojectisreadyแล้วคลิกContinueค่ะLoginหรือยังบางทีต-่(-้)องLoginก่อนมันต้องขึ้นอย่างนี้ต่อไปนะคะให้มาเลือกที่...เห็นไหมมันจะมีแถบเครื่องมือด้านซ้ายมือนะเด็กๆคลิกที่คำว่า"Build"เห็นไหมคะแถบเครื่องมือทางซ้ายมือนี่ๆมันจะมีBuildมีReleaseมีม(M)onอน-ิ(i)tเตอ(or)ร์มีAnalyticsอนารีเกตีมีe(E)ndgrad(g)eเราไ(เ)ปคล-ื-ิ(อ)กที่b(B)uildคลิกลงไปที่ไอ้รูป...รูปไอ้เหมือนสามเหลี่ยมลูกศรสามเหลี่ยมนี่นะคะแล้วคลิกที่Authenticationคลิก1ครั้งมันจะเข้ามาที่หน้าAuthenticationใช่ไหมคะเราก็คลิกg(G)ets(S)tartทีนี้สิ่งที่เราใช้เมื่อกี้นี้ก็คือตัวนี้ใช่ไหมตัวที่เป็นคือเขาบอกว่าไอ้ที่เราจะให้มันLoginเข้าไปน่ะเราใช้อะไรเราใช้Usernameก็คือAnonymousนะการระบุตัวตนน่ะคท(ล)-ิ-ี-่(ก)เปิดEnableแล้วก็Saveนึกออกนะถ้าสมมติแล้วถ้าสมมติเด็กๆใช้...สมมติมีตัวอื่นเพิ่มนะเช่นใช้เบอร์โทรศัพท์อย่างนี้นึกออกนะถ้าสมมติว่าถ้าไปทำของตัวเองแล้วแล้วใช้เบอร์โทรศัพท์เป็นตัวให้เข้าก็จะคลิกที่โทรศัพท์แล้วก็เลือกEnableเหมือนกันนึกออกนะคะให้นึกถึงหลักว่าเราใช้การl(L)oginด้วยตัวไหนหรือถ้าสมมติเมื่อกี้นี้Lล-็(o)gอกอ(in)-ินผ่านEmailหรือPasswordเห็นไหมคะเรามีPasswordด้วยใช่ไหมเราก็เลือกตัวนี้และเราก็คลิกEnableเพราะเรามี2ใ(ต)-ัวช่ไ(น)หมคะเราใช้2ตัวนะเสร็จแล้วก็กดSaveก็คือบอกให้ระบบมันรู้ว่าAuthenticationที่เราใช้ในnท(ก)ารLoginน-ี่เราใช้สิ่งนี้นะคะใช่ไหมของเราใช้แค่2ตัวเรามาย้อนดูนี่เห็นไหมคะตัวนี้กับตัวนี้นะตัวนี้คืออะไรนะUsernameใช้ไหมชื่อAnonymi(o)nusแล้วก็Passwordนะใช้2ตัวเห็นไหมคะเพราะฉะนั้นตรงFirebaseเราก็เลยเลือก2ตัวนี้เหมือนกันแล้วไปไหนต่ออันนี้พอ...พอเราย้อนกลับมานะคะมาดูเอ้ยตรงBuildมันจะขึ้นว่าสถานะตรงนี้Enableใช้งานได้แล้วเสร็จแล้วให้เรามาที่ต-ัวนรง(-ี้)Projecto(O)verviewที่เป็นรูปฟันเฟืองคลิก1ครั้งแล้วเลือกProjectSettingNoNoNoมันจะเข้ามาที่หน้าที่Projects(S)ettingนะใครยังไม่เข้ามาหน้านี้ยกมือนะคะไปไม่ถูกเดี๋ยวตามไม่ทันนะแล้วใมาที่ด้านล่างให้มาที่ด้านล่างYourAppเห็นไหมคะแอปของคุณมันเพราะตอนนี้มันบอกว่าเราเอรา(-้ย)ยังไม่มีแอปในโปรเจกต์นี้เราก็ต้องไปที่แอปของเราคลิกที่รูปนี่ไอ้ตัวที่3น่ะค่ะเห็นไหมคะมันมีids(IDS)แล้วก็มีรูปเหมือ-้(น)Printerแล้วก็รูปที่เป็นเหมือนลูกศรเ.(อ)-้..(ย)เครื่องหมายมากกว่า-น้อยกว่าน่ะคลิกที่ตัวนี้1ครั้งนะคะคลิกเลือกตรงตำแหน่งนี้MyWeba(A)ppนี่คืออะไรเราต้องไปหน้าที่เราทำตัวนี้ของเราก็คือE-B(b)ookไหมคะมันจะใช้ว่าอะไรเดี๋ยวอันไหนไม่ใช้จะปิดแล้วนะลองพิมพ์ชื่อชื่อa(A)ppเราลงไปนะคะE-bookนะคะเด็กๆดูนะคะชื่อแอปคือต-ัน(รง)นี้นะคะเข้าใจนะพิมพ์ลงไปนะคะE...เดี๋ยวเพื่อความชัวร์เอาตัวใหญ่เหมือนที่ตัวเองพิมพ์นี่ล่ะE-b(B)OOook(K)นะคะเดี๋ยวว-่าไม่รู้จักชื่อนี้นะคะให้ดูชื่อที่ตัวเองพิมพ์นะพิมพ์ให้มันเหมือนเลยนะดูชื่อนี้ไว้นะเด็กๆแล้วก็พิมพ์ลงไปเช็กนะคะว่าชื่อแอปของเรานะคะเด็กๆดูนะคะดูตรงหัวนี่ใส่ชื่อของใครของมันนะไม่ใช่มาพิมพ์E-B(b)ookตามแม่นะดู...ดูว่าชื่อตัวเองพิมพ์ไว้ว่าอะไรนี่ให้ดูตรงหัวนี้นะคะเสร็จแล้วกดRegisterAppได้เลยไหนนะไม่ใช่สิชื่อ...ชื่อที่จะใส่น่ะเป็นชื่อแอปที่เราสร้างนี่ๆอยู่ข้างบนนี่มันจะมีc(C)odeมาเห็นไหมคะเขาบอกว่าเราจะต้องเอาโค้ดนี้ไปใส่ในแอปเรานั่นเองนะคะก๊อปไปวางในแอปเรานั่นเองจะขึ้นอย่างนี้ไหมใครยังไม่ขึ้นเสร็จแล้วเรากลับมาที่แอปเรานะคะหาเครื่องมือที่ชื่อว่า...ไม่แน่ใจจะเห็นไหมนี่มันใช้ว่าอะไรหว่าVersionsนี้ComponentsSigninSigninไม่เจอมันจะไปต่อไม่ได้มันต้องใช้อะไรนี่Datav(V)iewerl(L)istไม่ใช่Datav(V)iewerg(G)ridd(R)atingนะDataAss(cc)entss(S)ettingเดี๋ยวขอหาก่อนนะc(C)ompona(e)ntsAuthent(S)icationsigninนี่ต้องการหาSigninl(L)oadingl(L)ocationไม่ใช่Mydatasours(c)eหรือก็ไม่ใช่เดี๋ยวนะขอเพิ่มอีก1เTh(ท)-่านะunkableขอs(S)earchตัวนี้อีกตัวหนึ่งก่อนนะคะThunkablex(X)คืออะไรพิมพ์ผิดพิมพ์ถูกกันแล้วเราเลือกเวอร์ชันผิดใช่ไหมนี่u(U)pdateอย่างไรเดี๋ยวๆแป๊บหนึ่งนะอาจจะต้องUpdateThunkableเราสักหน่อยมันจะใช้เขาเรียกว่าอย่างไรล่ะใช้ใช้ฟังก์ชันนั้นไม่ได้น่ะมันไม่เหมือนกันหรือเดี๋ยวขอTes(เทส)tต-์-ัวนี้แป๊บหนึ่งนะเด็กๆมันต่างกันหรืออยากรู้ๆมันก็ขึ้นThunkableเหมือนกันนี-่หว-่าเพราะมันComponentsมันมีไม่ครบThunkableSolutionเดี๋ยวนะIntegrationc(C)ommodityDocResourceคลิกLoginLogoi(u)tไมy(-่)ใช่น่ไม(ะน)-่เราจะต้องUsingTahu(s)nkableLiveAppก็ไม่ใช่มันเป็นTestเพราะเขาบอกว่าเราจะก๊อบ(ป)ไอ้ตัวนี้แล้วเอาไปวางแต่ทีนี้Toolsหนึ่งที่เราไม่มีในAppเราน่ะในThunkableของเราก็คือToolsที-่ชื่อว-่าSigninมันไม่ขึ้นน่ะComponentsนี้มันไม่ขึ้นมันก็จะวางไม่ได้ใช้ตัวไหนนะเดี๋ยวขอTestดูนะคะคือตอนนี้เรากรอกข้อมูลได้อะไรได้แต่มันจะไม่เก็บใน...เขาเรียกว่าอะไรล่ะเก็บในฐานข้อมูลนะถ้(ก็)าจะให้ไปเก็บ...Baแบบ(c)kTo(t)ol(e)Editingนะคะเดี๋ยวเรามาลองที่Boxของเราก็แล้วกันเพรไป(าะ)ที่Boxนะคะเด็กๆตัวแรกเลยก็คือTextInput1ไปที่input1u(U)sernameใช่ไหมเมไปที่Textinput1เมื่อTextinputusernameคลิกไม่ใช่มันจะต้องเป็นพิมพ์นะs(T)ext...Savet(T)exti(I)nputtexttoTextInputUsernameTextKeyboardType-ฺBorderมันจะต้องเป็นพิมพ์เพราะาฉะนั้นเตือChang(น)eคลิกเมื่อมีการคลิกเมื่อคลิกที่TextInputUsernameปุ๊บให้ทำอะไรเลือกอันนี้ออกไปก่อนเลือกออกมาวางเมื่อคลิกเข้าไปที่TextInputUsernameใช่ไหมคะให้ทำอะไรมันจะต้องทำ...ให้กำหนดค่าTextInputUsernameเป็นTexttoข้อความดูสิแล้วเราต้องไปTestว่ามันพิมพ์เข้าไปได้ไหมขึ้นไหมโอเคถูกนะเห็นไหมคะมันต้องให้พิมพ์ข้อความแล้วแสดงข้อความนั้นได้โอเคนะคะเพราะตรงนี้UsernameนะเหมือนกันTextInputอันที่2กลับไปที่BacktoEditingตอนนี้เด็กๆได้อยู่ที่Scenซีน(e)1หรือยังScene1ในหน้าDesignนี่ตอนนี้ที่เราจะกำหนดค่าก็คือTextInputอันที่1ใช่ไหมเรากลับไปที่Boxแล้วตัวแรกที่เราเลร-ิ่ม(-ือก)ก็คือเดี๋ยวลบก่อนนะบางคนน่าจะไม่ทันเมื่อกี้แม่ว่าแม่ลองให้นึกถึงนะเมื่อเราคลิกเข้าไปที่ตัวนี้แล้วพิมพ์มันก็ต้องมีการเปลี่ยนแปลงแต่ตอนแรกที่t(T)estตอนแรกที่Testน่ะพอพิมพ์ปุ๊บมันเมื่อกี้มันน่าจะSaveไว้แล้วพอพิมพ์ครั้งแรกมันไม่มีข้อความขึ้นมานะให้นึงถึงเหมือนตอนมาพิมพ์ตรงช่องนี้นี่โอเคนะคะโอเคเพราะฉะนั้นสิ่งที่เราจะต้องทำก็คือเราจะกำหนดค่าให้t(T)extinputตัวที่1ของเรานะคะเพราะฉะนั้นไปที่Blocx(k)เมื่อกี้ไม่ได้ลบทิ้งนะEditu(U)ndoเดี๋ยวนะมันน่าจะเก็บค่าไว้ลืมลากใส่ถังขยะไม่เป็นอะไรให้เราเลือกComponentsที่ชื่อว่าTextInputนะสิ่งแรกก็คือเมื่อt(T)exti(I)nputโดนคลิกลงไปก็คือโดนคลิกเข้าไปที่TextInputใช่ไหมคะเราเลือกตัวนี้ออกมาสิ่งที่จะต้องเกิดขึ้นต่อในTextInputUsernameก็คือมันจะต้องให้Setค่าของTextInputน-ี-่ะจะซ่อนเป็นพิมพ์น่ะนะคะดูนะคะลองTestดูมันขึ้นเหมือนที่บอกไหมt(T)extInputจะต้องทำงานนะคะะให้มันทำงานตั้งเงื่อนไขให้มันอะไรต่อเสร็จแล้วทำอย่างไรต่อมันมีอีกตัวหนึ่งใช่ไหมคือตัวที่2ของเราp(P)asswordก็เหมือนกันเมื่อคลิกที่p(P)asswordมี2อันใช่ไหมคะWhenเมื่อเราคลิกเข้าไปในTextInputp(P)asswordเมื่อคลิกเข้าไปw(W)henTextInputPasswo...(rd)คลิกโดนคลิกนี่ทำอะไรเหมือนกันก็คือให้...ให้SetTextนี้เป็นซ่อน...ซ่อนแล้วก็...ซ่อนเสร็จแล้วก็มาแสดงแล้วก็ให้พิมพ์นะอันนี้ก็ทำเหมือนกันก็คือ...รู้แล้วความจริงเราต้องเลือกอันนี้s(S)ett(T)extPasswordนะคะกำหนดให้TextInputPasswordนี่รับค่าจากการพิมพ์นะKeyboardTypeพิมพ์เสร็จแล้วตรงนี้เป็นDefaultDefaultกำหนดเป็นค่าเริ่มเห็นไหมs(S)etd(D)efaultไม่ใช่แล้วไม่ใช้SetDefaltเราไม่ได้s(S)etd(D)efai(u)ltนี่ไม่ได้ให้ซ่อนด้วยเอาใหม่นะคะที่แน่ๆเราจะต้องเซ-็ตค่าให้ไอ้2ตัวนี้ล่ะเมื่อพิมพ์เมื่อคลิกเข้าไปปุ๊บสิ่งที่จะต้องเกิดผลก็คือให้มันแสดงTexttoแล้วก็ข้อความในนี้นะเหมือนกันนะคะ2อันนี้ทำเหมือนกันTexti(I)nPasswordก็เป็นSetมันต้องซ่อนสิp(P)asswordไม่ให้S(โ)ชวhow(-์)นะต้องซ่อนใช่ไนะ(หม)เปลี่ยนเป็นซ่อนนะคะซ่อนPasswordจะซ่อนให้เราไหมล่ะเราลองเทสTest(ต์)ดูนะคะเพราะตอนพิมพNp(-์P)asswordตามหลักก็คือต้องไม่ให้แสดงข้อความนะUserน่ะไให้(ม่)แสดงUserแสดงอย่างนี้ได้นะเหมือนแสดงชื่อแต่p(P)asswordนี่มันไม่ควรแสดงชื่อไหมมันไม่ควรแสดงข้อความไหมให้มันซ่อนนะนี่ตอนนี้มันยังไม่ซ่อนเดี๋ยวเราต้องให้มันซ่อนน-ี่กลับไปแก้ซ่อนอะไรหว่คะ(า)Toอะol(ไร)ToDefaultบ่PasswordHintน่าจะเป็นt(T)oDefaultมหน(-ี)-้าจะเป็นToolหรือToolอะไรนะคร-ับมีหลายตัวเลือกเป็น...เมื่อคลิกp(P)asswordแล้วพิมพ์Passwordลงไปปุ๊บเมื่อพิมพ์PasswordลงนะคะSett(T)exti(I)nputp(P)asswordเป็นซ่อนแล้วก็To...ไม่ให้เอาออกจัดTextแล้วก็ทำให้TextInputเป็นซ่อนลองดูสิถูกไหมแก้เงื่อนไขมันก่อนจากTextใช่ไหมจากTextให้มันซ่อนได้ไหมขอลองอันล่างเลยไม่ซ่อนน่ะนี่หรือเราใส่สลับเอาใหม่Editใหม่ต้องไล่ให้ถูกนะนี่เมื่อพิมพ์เข้าไปแล้วตามหลักนะเมื่อพิมพ์ปุ๊บเถ-้(ข)าใช้(ส่)อันไหนลน(-่)ะจากDefaultเปลี่ยนเป็น...ที่พิมพ์จากคีย์บอร์ดเปลี่ยนเป็นอะไรได้อยากให้มันซ่อนนะเราอยากให้มันซ่อนมันจะซ่อนให้ไหมน่ะTexti(I)n...เมื่อกำหนดค่าTextเมื่อกำหนดค่าเมื่อกำหนดค่าTextInputtPasswordลงไปเมื่อเราคลิกเข้าไปเสร็จSeเซต(t)เมื่อเราพิมพ์นะKeyboardTypeมีการพิมพ์ปุเให้มั(-๊บ)น-ี่ให้มัน...ให้TextPasswordมันซ่อนมันจะซ่อนให้เราไหมยังติดอยู่นะคะยังติดอยู่ในบ่วงของTextPasswordไม่ซ่อนขาดค่าอะไรไปอีกค่าหนึ่งต้องกำหนดตัวแปรหรือเปล่าลน(-่)ะนี่น่าจะใช่กำหนดตัวแปล(ร)ให้เก็บค่าของTextPasswordt(T)extu(U)sernameTextPasswordไหนBlockที่2Blocx(k)ที่1น่ะไม่มีปัญหาแล้วไอ้บล็อกที่2นี่สิทำอย่างไรจะซ่อนให้เราVariablev(V)ariableไปที่Textไปที่Textทำให้เป็นตัวใหญ่ทำให้t(T)extไปที่l(L)istไปที่Colorเป็นจริงเมื่อ...เมื่อคลิกแล้วจริงปุ๊บเป็นจริงปุ๊บเห็ถึง(น)ที-่จะต้องทำต่อขาดไปไหนนะSigninขึ้นมาแล้วเจอแล้วแต่มันมาอยู่ใน...เราจะเอามันไปใส่ในไหนได้s(S)igninมันจะต้องเขาบอกว่าให้มันอยู่ตรง...มันจะไปอยู่ที่Blocx(k)หรือเดี๋ยวนะมันเป็นอะไรล่ะAppFeatureSigninSigninsinginhello@gmailSignginEmailSigninhemailpassworddeletesignoutResetPasswordf(F)orDeleteUserSignU(u)pเขาให้กำหนดเป็นแบบนี้หรือดูSอDosignupdosigniเป็นแบบนี้หรือดูSignupSigniUp(n)Doไม่ให้ใช้น่ะไม่ยอมให้ใช้Feaฟีเ(t)uจอร์(res)นี้ใช้ไม่เหมือนกันน่ะทำไมFeaetureนี้ไปใช้ตรงนี้ไม่ได้เราจะเอามาใช้ตรงนี้เอาอย่างไรดีเอาอย่างไรดีเอาอย่างไรดีไม่เหมือนกันนะใช้ไม่เหมือนกันน่ะเดี๋ยวนะคะSignUpอันนี้หรือให้ทำอะไรให้ลงทะเบียนโดยใช้EmailหรือPasswordไม่ใช่น่ะอันนี้ก็ไม่ใช่บอกว่าให้ก๊อป(ปี้)ทำไมเราใช้Thunkablex(X)ไม่ได้ล่ะThunkableXเอามาจากไหนนะThunkableXมันจะเพิ่มSigni(I)nได้นี่ไงเขาบอกแต่ทำไมของเรามันไม่เป็นXอ๋อถ้าThunkableXก็คือต้องใช้I(i)OSเข้าใจแล้วทดสอบแอปฯมันยังไม่r(R)eleaseใช้ไม่ได้ต้องเป็นข้อจำกัดเยอะเหมือนกันนะนี่โอเคเดี๋ยวจะไปหาทางมาแก้ตัวนี้ก่อนนะคะของเรามัน...มันไม่เป็น...มันไม่ได้เป็นThunkableXน่ะแล้วมันไม่ให้ใช้Fฟ-ี(e)aturเจอร-์(e)นี้s(S)igni(I)nน่ะถ้าThunkableXน่ะxมันจะเป็น...ก็คือเราก็จะมาก-็(-๊)อบ(ป)ฯFirebaseน่ะค่ะFirebaseแล้วเอาไปวางในSigninเลยComponentsนี้มันจะเป็นเหมือนให้วางน่ะเดี๋ยวจะดูวิธีแก้ว่าเราจะอัปไอ้Thunkableเดิมเรานี่ให้เป-้(-็)นThunkablex(X)ได้อย่างไรนะคะแล้วสัปดาห์ถัดไปเราจะเอามาใช้งานเพื่อจะให้มันเชื่อมฐานข้อมูลในFirebaseนะคะถ้าแก้ไม่ได้อาจจะเปลี่ยนเป็นเชื่อมโดยวิธีอื่นตอนนี้คือเชื่อมด้วยFirebaseจะใช้ได้ก็ต่อเมื่se(อ)Thunkableเรามันเป็นThunkablex(X)ตอนนี้มันเป็นThunkableธรรมดามันไม่อัปเดตให้น่ะทีนี้เนื่องจากสัปดาห์หน้าทั้งอาทิตย์ไม่อยู่นะคะงดคลาสอยู่แล้วเด็กๆทำการบ้านที่สั่งไว้ให้น่ะเสร็จหรือยังทำให้เรียบร้อยก่อนนะคะในระหว่างรอตัวอื่นนะคะถ้าแก้ได้แล้วเดี๋ยวเรามาทำต่อได้เพราะเราทำตัวแอปทิ้งไว้แล้วเราแค่มาแก้ก็อัปเวอร์ชันมันแค่นั้นเองมันก็น่าจะใช้ได้เดี๋-ัปเ(ย)วจะลองดูว่าจะอัปอย่วอร์ช-ั(า)งไรถนม-ัน(-ึง)จะนำมาไปใช้กับตัวนี้ของเราได้นะคะอย่างนั้นเราจะมาแก้กันในสัปดาห์ถัดไปนะคะไม่ใช่สัปดาห์หน้านะคะสัปดาห์หน้าไม่อยู่บอกงดClassล่ามทุกคนไว้แล้วนะคะสำหรับสัปดาห์นี้เดี๋ยวจะขอพอแค่นี้นะคะมีใครสงสัยงานในครั้งก่อนๆหรือเปล่าถามได้นะคะเมื่อกี้ว่าพ่อจะมารับไม่ใช่หรือใบเตยอ๋อ[เสียงหัวเราตย(ะ])แม่ไม่ไปปล่อยก็เลยไม่ไปเอ๊าอย่างนั้นง(น)-ั้นเดี๋ยวปล่อยแล้วนะคะอย-่างนั้นเดี๋ยวเ(ป)ล-่อยแล้วโอนะ(เค)ค-่ะ(นักศึกษาชาย)นักศึกษาทั้งหมดทำความเคารพขอบคุณครับ(อาจเค(า)รย์สุธิรา)ThunkableXทำไมไม่อัปให้เราหว่า
More information
- compare(ans and test) :
- ans: file reference
- test: file test
- export datetime : 2024-01-17 18:01:41
- exported from : Accuracy Worker
- version :develop
- lib :character
- your normalize config
-IsFilter :true
-ToLower :false
-ToArabicNumber :true
-WordToNumber :true
-OrderAndSimilar :true
-ListRemove :
- alignment method :Hirschberg
- score weight :{"Match":5,"Mismatch":-1,"PartialMatch":2,"GapPenalty":-1}