(นักศึกษาชาย) และเทคโนโลยีการศึกษามหาวิทยาลัยศรีนครินทร์วิโรจน์ครับ แล้วก็ 2 เพื่อศึกษาผลที่ใช้จาก Application เพื่อบริหารการจัดการครุภัณฑ์โทรทัศน์อุปกรณ์ สำนักสื่อและเทคโนโลยีการศึกษามหาวิทยาลัยศรีนครินทวิโรฒครับ  ความสำคัญของการวิจัยผลการวิจัยครั้งนี้ จะได้รูปแบบแอxพลิเคชัน เพื่อจัดการบริหารคุรุภัณฑ์ตัวทัศนูปกรณ์  สำนักสื่อและเทคโนโลยีการศึกษาของมหาวิทยาลัยศรีนครินทรวิโรฒ ซึ่งจะนำไปใชขั้นตอนในการตรวจสอบคุรุภัณฑ์และก็เพิ่มประสิทธิภาพในการตรวจสอบครุภัณฑ์ครับ แล้วก็ในส่วนของผู้บริหารจะสามารถนำไปใช้เรียกดูข้อมูล และเข้าถึงทรัพยากรข้อมูลที่กระจัดกระจายได้ด้วยครับ เครื่องมือที่ใช้ในการวิจัย มีแบบสัมภาษณ์ความคิดเห็นเพื่อพัฒนา Application แล้วก็แบบประเมินคุณภาพแอปพลิเคชัน 3 แบบ แอปพลิเคชันเพื่อการจัดการบริหาร แล้วก็ 4 แบบประเมินผลการใช้งานครับ Application นี้ทำบนเป็น Web Application ครับ ทำให้ไม่สามารถทราบสคริปต์ที่ใช้ได้ ก็เรื่องที่ 2 ครับ การพัฒนาแอปพลิเคชันเพื่อการจัดการจราจรหน้าสถานศึกษาวัตถุประสงค์การวิจัย ก็คือเพื่อออกแบบแอปพลิเคชันที่ใช้จัดการ จราจรหน้าสถานศึกษา แล้วก็ประเมินออกแบบแอปพลิเคชัน เพื่อจะใช้สำหรับจัดการการจราจรหน้าสถานศึกษาครับ โดยประโยชน์ ก็คือนำไปเป็นแนวทางการแก้ไขปัญหาการจราจรบริเวณสถานศึกษา 2. สามารถใช้เป็นต้นแบบการแจ้งเตือนการรับส่งบริการประเภทอื่น ๆ ด้วยครับ แล้วก็ 3 ลดเวลาในการจอดรับผู้โดยสารครับ 4. ช่วยลดการการจราจรแออัดหน้าสถานศึกษา 5. การเกิดอุบัติเหตุขับ ลดปัญหาการโจรกรรมนักเรียน แล้วก็อันสุดท้าย 7. สามารถช่วยให้นักเรียนกลับถึงที่พักยังปลอดภัยครับ เครื่องมือในการทำวิจัยใช้ Visual Code Studio เป็นโปรแกรมสำหรับเขียนโค้ดครับ ใช้ Apache Coat Over ... เป็นแพลตฟอร์มสำหรับสร้างแอปพลิเคชันครับ ก็ใช้ Firebase เป็นซอฟต์แวร์ในการจัดการข้อมูลการแจ้งเตือนครับ แล้วก็เป็น Android 5.1 เป็นระบบปฏิบัติการ Application ครับ และใช้ Windows 7 เป็นระบบปฏิบัติการใช้สร้าง Application ครับ เรื่องที่ 3 ครับ การพัฒนาแอปพลิเคชัน สำหรับการเผยแพร่มรดกภูมิปัญญาทางวัฒนธรรมของภาคใต้ตอนล่างครับ เครื่องมือที่ใช้ในการทำวิจัยใช้ Mysql เป็นระบบฐานข้อมูลเราเป็นตัวจำลอง Server ก็ใช้ framework เครื่องมือใช้สร้าง html css Java Scrip มาใช้ในการทำโม Mobile Appมันมี... ไม่ ไม่มีครับ ครับ 4. เรื่องสื่อการเรียนรู้บนอุปกรณ์คอมพิวเตอร์เคลื่อนที่ เรื่องภาษาอังกฤษสำหรับศึกษานิเทศก์... นักสารสนเทศครับ จุดประสงค์ในการทำวิจัย คือ เพื่อพัฒนาแอปพลิเคชันสื่อสารการเรียนรู้บนอุปกรณ์เคลื่อนที่ครับ แล้วก็ 2 เพื่อประเมินคุณภาพแอปพลิเคชันในการสื่อสารเรียนรู้บนอุปกรณ์เคลื่อนที่ แล้วก็ 3. เพื่อประเมินความพึงพอใจในการใช้งานครับ โดยเครื่องมือในการสร้างเป็น Thunkable ครับ เป็นเว็บแอปพลิเคชันเหมือนกัน เลยไม่ทราบ Scเรื่องที่สุดท้ายครับ สำหรับเรื่อง Application ไม่ครับ มันจะหายไปนะครับ สำหรับแอปพลิเคชันการสร้างแอปพลิเคชัน สำหรับการบริหารจัดการการซ่อมบำรุง วัตถุประสงค์ ก็คือออกแบบสำหรับบริหารจัดการการซ่อมบำรุง 2. เพื่อบริหารจัดการการจัดสรรงานซ่อมบำรุงให้กับวิศวกรครับ 3. เพื่อวางแผนการจัดการอุปกรณ์ข้อมูลในการซ่อมบำรุง ประโยชน์ที่คาดว่าจะได้ก็มีได้ระบบในการจัดการการซ่อมบำรุง แล้วก็ 2. การแจ้งการซ่อมบำรุงผ่าน lokan สะดวกครับ 3. ลดภาระการจัดสรรงาน แล้วก็ 4. นำข้อมูลไปใช้วางแผนกลยุทธ์ในการดำเนินงานได้ครับ เครื่องมือที่ใช้ในการสร้างแอปพลิเคชัน มี Windows 10 เป็นระบบปฏิบัติการ ที่ใช้สร้างแอพพลิเคชั่นAdobe Dreamweaver ครับ เป็นโปรแกรมสำหรับสร้างแอปพลิเคชัน แล้วก็มี Appserv เป็นโปรแกรมจำลองเซิร์ฟเวอร์ครับ แล้วก็ html เป็นภาษาที่ใช้สร้างครับ จบครับ ขอบคุณครับ ถ้าเป็นของผม จะพัฒนาแบบ... ขอย้อนกลับไปดูก่อนครับ คงจะคล้าย ๆ กับตัว... น่าจะทำเกี่ยวกับสื่อครับ สื่อ สื่อการเรียนรู้เกี่ยวกับภาษาอย่างนี้ครับผม ก็ต้องทนได้ภาษาหน่อยใครจะนำเสนอเป็นคนต่อไปครับ มอง เตรียมตัวแล้วเอาสไลด์ลงมาขึ้นมาเลย ไม่ต้องมอง เร็ว ๆ จะได้เสร็จ ๆ (นักศึกษาหญิง) สวัสดีค่ะ สำหรับเรื่องแรกนะคะเป็นการพัฒนาแอปพลิเคชันสื่อการเรียนรู้บนอุปกรณ์เคลื่อนที่ เรื่อง ภาษาอังกฤษสำหรับนักสารสนเทศค่ะ ตัว Application นะคะ จะเป็นระบบ มันเป็น PDF หรือ  (นักศึกษาหญิง)  Application จัดทำเพื่อสร้างเนื้อหาคำศัพท์ความรู้เกี่ยวกับภาษาอังกฤษนะคะ 2. แอปพลิเคชัน ส่งเสริมการเรียนรู้ และทักษะการเขียนโปรแกรมคอมพิวเตอร์เบื้องต้น แอปพลิเคชันส่งเสริมการเรียนรู้และทักษะการเขียนโปรแกรมคอมพิวเตอร์เบื้องต้น ทำให้มีความสะดวกในการเรียนรู้ทักษะการเขียนภาษาคอมพิวเตอร์ และในโปรแกรมนี้ก็จะมีความรู้พื้นฐานต่าง ๆ อีกมากมายค่ะ อันนี้ก็จะเป็นหน้าตาของ Application นะคะ แล้วก็หน้าจอหลักค่ะ แล้วก็จะเป็นโปรแกรมที่นำมาใช้สร้างแอปค่ะ 3. การพัฒนาระบบ Application เพื่อการจัดการจราจรหน้าสถานศึกษา โปรแกรมนี้ใช้กับการรับส่งนักเรียนของโรงเรียนแห่งหนึ่งนะคะ ก็คือจะมีในระบบจะมีการเช็กข้อมูลของนักเรียน สมมติว่าผู้ปกครองของคนนี้จะเข้ามารับลูก เราก็จะสามารถเช็กได้ว่าลูกเรายังอยู่ในโรงเรียนไหม แล้วก็ถ้าเรารับลูกของเราเสร็จ แล้วก็จะขึ้นในระบบ ตัวนี้ก็จะเป็นหน้าตาของ Application นะคะ แล้วก็ระบบใช้ทำ 4. การพัฒนาแอปพลิเคชัน สำหรับอุปกรณ์เคลื่อนที่เพื่อจัดการวิถีชุมชนกรณีศึกษาตำบลบางแล อำเภอเมือง จังหวัดเชียงราย ก็คือเป็นแอปพลิเคชันสั่งอาหารนะคะ ตัวนี้ก็คือจะเป็นแอปพลิเคชันและก็เป็นหน้าหลักค่ะ และนี่ก็คือเป็นเครื่องมือที่ใช้ในการทำ Application ค่ะ ในวิจัยนี้ ส่วนมากจะเป็นข้อมูลแบบนี้ ซึ่งเขาไม่ระบุว่าทำมาจากแอปไหนค่ะ และ 5. การพัฒนาแอปพลิเคชันระบบอัจฉริยะ เพื่อเพิ่มช่องทางจำหน่ายสินค้า OTOP ด้วยสมาร์ตโฟนในยุคเศรษฐกิจดิจิทัล ตัวนี้จะเป็นหน้าแอปพลิเคชันนะคะ แล้วก็หน้าหลัก ส่วนขั้นตอนสร้างแอป ก็คือข้อมูลที่อ่านมา ก็คือจับใจความได้ ก็คือเป็นขั้นตอนการพัฒนาแอปพลิเคชันบนระบบปฏิบัติการ Android โดยใช้ซอฟต์แวร์และฮาร์ดแวร์ค่ะ ขอบคุณค่ะ (อาจารย์สุธิรา) เมื่อกี้จากที่เพื่อน ๆ นำเสนอนะคะ มันจะมี Application ที่คล้ายกัน อยู่ 2 ตัว แล้วก็... เดี๋ยวคนที่นำเสนอเสร็จแล้ว ปรับเด้อ ปรับแก้ ปรับแก้ แหวนขนาดตัวอักษรในครั้งก่อนบอกไปแล้ว แต่น่าจะไม่ได้มา ก็คือถ้าเป็นหัวเรื่องก็ต้องมีขนาดตั้งแต่ 40 นะ ฟอนต์มีขนาด 40 ขึ้นไป ถ้าส่วนของเนื้อหา ก็คือ 36 ลงมา แต่ไม่ต่ำ26 นะคะ ห้ามต่ำกว่า 26 ให้มันเห็นชัดนะคะ เพราะว่าเพื่อนจะดูจากจอล่ามด้วย อะไรด้วย ขณะนี้น่าจะไม่มีใครพรีเซนต์ต่อแล้วมั้ง อย่างนั้น เรามาเรียนกันดีกว่านะคะ ให้เด็ก ๆ เปิดค่ะ  Thunkable พิมพ์T เปิดโปรแกรมนะคะ ที่เราจะพัฒนา ในสัปดาห์ก่อนเราสอนไปแล้ว แป๊บหนึ่ง แป๊บหนึ่ง T-h ไม่เปลี่ยนภาษาให้ เดี๋ยวนะคะ T-h ทำไมยังเป็นภาษาไทยอยู่เลย T-h  ม้านะคะ แล้วก็ u T-h-u-n-k-b-l-e อ่านว่าทั้ง Thunkable Thunk นะคะ Thunkable ใครที่เข้ามาหน้านี้แล้ว ทุกคนน่าจะเข้าแล้ว คิดเข้ามาแล้วอย่าลืมทำอะไรคะ ล็อกอินใช่ไหม คนที่ยังไม่ได้ล็อกอินนะคะ Login ด้วยอะไร นั่นก็คือในสัปดาห์ที่แล้วบอกว่าให้Login ด้วย Google เพราะเรามีบัญชี Google กันทุกคนนะคะ เพราะฉะนั้น ใครที่เข้ามาหน้าแรกปุ๊บ ให้กด Login แล้วเลือก Sing in with Google มันก็จะให้เราเลือกบัญชีของเรา แต่เครื่องเด็ก ๆ น่าจะบัญชีตัวเองอยู่แล้วนะคะ เนื่องจากเครื่องอาจารย์ผู้ใช้หลายคน ก็จะเลยพอคนหนึ่งเข้ามาใช้ เขาก็จะปิดบัญชี เพราะฉะนั้น อาจารย์ต้องเข้าใหม่ ทุกคนเข้ามาหน้านี้แล้วใช่ไหม ใครยังไม่เข้ามาหน้านี้ ได้ยัง เพราะมุกสัปดาห์ที่แล้วไม่ได้มา โอเค ของมุกต้องคลิกที่ Create New App นะคะ สัปดาห์ที่แล้วเราตั้งชื่อว่าอะไรนะ Book ใช่ไหมเด็ก ๆ เปิดงานที่เราสร้างไว้นะคะ B-o-o-k ทำไมของเราเป็นBook1 Bอะไรก็อย่านะคะ คลิกเข้าไปที่ไฟล์ Boolป้ายที่ชื่อบุ๊คให้เด็ก ๆ ดูนะคะ เราจะต้องอยู่ที่หน้า Design เท่านั้น เพราะก่อนจะทำแอปพลิเคชันได้ หลักการก็คือเราจะต้องออกแบบส่วนของหน้าตามันให้มันมีข้อความแสดง ให้มีปุ่มเพื่อจะได้เขียนโค้ด โดยโค้ชของเราบอกแล้วเราจะใช้วิธีการเขียนโค้ด ไม่ได้เขียนน่ะ ใช้ Blocks ในการสร้างงานนะคะ ตอนนี้เปิดมานานหรือยัง เข้ามาหน้า Design หรือยังคะ ดูนะคะ อันดับแรกให้ลอง ทำแบบง่าย ๆ ไม่มีอะไรพิสดาร เหมือนเปิดเข้ามา ปุ๊บ มีข้อความมีกล่องข้อความขึ้น แล้วปุ่ม 1 ปุ่ม เมื่อกดปุ่มจะแสดงข้อความนั้นขึ้นมา ให้เลือกนะคะ ข้อความที่เราจะใช้เมื่อคืน Label อยู่ตรง Basic นี่เห็นไหมคะ แถบเครื่องมือด้านซ้ายมือนะคะเด็ก ๆ เลือกแถบเครื่องมือที่ชื่อว่า  Basic แล้วเลือกคำว่า Label ดูวิธีทำลูก แถบเครื่องมือ Label แล้วกดเมาส์ค้างนะคะ คลิกแล้วกดเมาส์ค้าง แล้วลากเครื่องมือนั้นลงไปวาง ดูนะคะ ดูพี่ล่ามดี ๆ วิธีการ ก็คือการจะนำเครื่องมือแต่ละอย่างมาใส่นี้  คือเด็ก ๆ คลิกเมาส์ 1 ครั้ง อยู่ที่ Basic นะคะ แถบเครื่องมือดูนะคะ แถบเครื่องมือนี่ นี่อยู่ทางซ้ายมือ แถบเครื่องมืออยู่ทางซ้ายมือบอกแล้วนะคะ Properties หรือข้อกำหนดต่าง ๆ จะอยู่ทางขวามือ สมมุติมีความรู้สึกว่า  กรอบมันอแันี้ไป 150 ดูนะคะ ตัวที่เราใช้ Tool ที่เราใช้ชื่อว่า Basiนะคะ รุ่นแรกเลยและเป็นเครื่องมือการ์ตูนตัวที่ 2 ที่ชื่อว่าลาเบล เห็นไหมคะ มันจะมีคำบอกชื่อมันด้วย Laวิธีการก็คือคลิก 1 ครั้งแล้วกดเมาส์ค้างไว้ด้วย แล้วลากลาเบลนั้นลงไปวาง เห็นไหม มันจะมี Label 1 Label 2 นี่ เราสามารถลบได้เต็มเวลาลบกด Delete ไม่ได้ ตัวลบมันจะอยู่ตรงนี้ ในส่วนของการลบวัตถุที่เอามาวาง หรือเครื่องมือที่เอาวางแผนละตัวนี่นะคะ มันจะอยู่ตรงฝั่งซ้ายมือเสมอนะคะ ดูมันจะขึ้นนี่ มันจะมี component  Tree ขึ้นมาให้ดูนี่ จะอยู่ตรงนี้ วิธีการทำงาน ก็คือ... มันก็จะขึ้นชื่อวัตถุหรือ Object นั้นขึ้นมา เสร็จแล้วถ้าต้องการลบจะอยู่ตรงนี้ค่ ะมันจะมีแก้ไข แก้ไขนั่นก็คือให้ใส่ชื่อให้วัตถุชิ้นนั้น ใส่เพื่ออะไร 1. ชื่อตัวนี้จะเป็นตัวแปรหรือ variable ด้วย เพราะบอกแล้ววัตถุแต่ละชิ้น หรือ Objeแต่ละชิ้นเนี่ยมันจะต้องเอาไปใช้เพื่อการสร้าง App การทำ App ได้ไม่ใช่ว่าวาง ๆ ๆ วัตถุแล้วจบ มันต้องมีโค้ดมาเชื่อม และ Code ของเราวิธีใช้งาน ก็คือมันจะเป็นบล็อกเพราะฉะนั้น ถ้าเด็ก ๆ ตั้งชื่ออะไรแล้วเวลาเรียกใช้ ให้ดูจากตัวนี้นะคะ ชื่อตัวแปรจะสอดคล้องกับตรงตำแหน่งนี้ เพราะฉะนั้น ถ้าสมมติว่า ห้ามตั้งเป็นภาษาไทย ใช้ข้อห้ามเลยนะคะ เวลาตั้งชื่อตัวแปรห้ามใช้ภาษาไทย เพราะฉะนั้น ต้องเป็นภาษาอังกฤษเท่านั้น บางทีนี่ ถ้า Label  1 La 2 เนี่ยอาจจะสับสนเหมือนท่าเนีเรารู้อยู่แล้วว่าจะเป็นข้อความทักทายเราก็ตั้งชื่อมันไปเลยว่า Book ชื่อภาษาอังกฤษไม่ออก สอนแล้วนะคะ เวลาสร้างตัวแปลชื่อภาษาอังกฤษไม่ออกเปิด Google แปลภาษาขึ้นมาไว้ด้วย ไปที่หน้า Web Browser แล้วเปิดแปลภาษามาไว้ด้วยนะคะ สลับโหมดจากไทยเป็นอังกฤษ เช่น ทักทาย นึกชื่อภาษาอังกฤษไม่ออกบอกแล้วนะ ให้ใช้ตัวนี้ช่วยนะคะ มันมีให้เลือกหลายคำอยู่นะ ถ้าดู ดูลงมาข้างล่างมี Greet Salute ก็มีใช่ไหม คอร์ดวีรยานะคะ อาจเลือกได้ หรือใครเคยดูรายการหนึ่ง เมื่อกี้ตอนแรกพอเราเราบอกว่าถ้าทักเฉย ๆ นี่ คำว่า "ทักเฉย ๆ " มันจะมันจะขึ้นเซย์ฮัลโหลใช่ไหมก็ได้จะใช้คำที่เข้าใจได้ เคยดูรายการหนึ่งนะ Hallo นี่คำที่ใช้กับ Hallo มีอีกตัวหนึ่งได้ก็คือ Say Hi ใช่ไหมคะ หายก็ได้เหมือนกันตั้งชื่อไว้นะคะ ว่าต้องคลิกเข้าไปที่รูปที่เป็นรูป เหมือนปากกาหรือดินสอนี่แหละนะคะ และเราก็เปลี่ยนชื่อนะคะ  ให้ใช้ตัวแรก จำไว้นะคะ ตั้งชื่อตัวแปรตัวแรก ให้ใช้ตัวใหญ่  S จะลบ ไม่ยอมให้เราลบน่ะ S เราก็ว่าเราเปลี่ยนภาษาอังกฤษแล้ว ยังเป็นไทยอยู่อีก คลิกเอาก็ได้นะ สลับและช้า H-i นะคะ แต่ละก็ H ตัวใหญ่ แล้วก็ไอจำได้นะ กฎการสร้างตัวแปรน่ะ ถ้าใช้ตัวใหญ่ตั้งแต่แรกแล้ว พอไปเวลาไปเรียกใช้อย่าไปเรียกใช้ด้วยตัวเล็กนะคะ คำเหมือนกัน แต่คอมพิวเตอร์ จะมองว่าเป็นคนละคำนะคะ เพราะฉะนั้น ถึงอยากให้จำ ว่าถ้าเราตั้งชื่อตัวแปรเราเอาตัวหลัก เป็นตัวใหญ่ ตัวแรกไม่ใช่ตัวหลัก ตัวแรกให้เป็นตัวใหญ่ ให้รู้เลยว่าถ้าขึ้นตัวแรก มันคือตัวแปร เพราะฉะนั้น เวลาจะเรียกใช้งานตัวแปรเราจะได้พิมพ์ตัวใหญ่ตัวแรกเสมอ ถ้าเป็นประโยคปกติมันจะเป็นตัวพิมพ์เล็กก็ได้ใช่ไหม มันจะไม่ปน แล้วก็ Hi นะคะ ใน Label ที่ 1 เสร็จแล้วอยากได้อะไรเพิ่ม สมมติใครที่กรอบของ Label มันไปชิดขอบเรา สามารถมาเปลี่ยนขนาดได้ดูนะคะ ให้มาที่แถบเครื่องมือทางขวามือ ตรงการจัดการขนาดของ Label คือ layout  มาจากคำว่าหรือความกว้าง 317 มันกว้างไปเอาเหลือ 250นะคะ เห็นไหมคะ กรอบฃก็จะลักษณะนี้ ทีนี้กำหนดคุณสมบัติอะไรได้อีก ไปดูที่ Stlye ค่ะ แล้วใส่สีไหม background color เห็นไหมคะ อยู่ที่ Stlye นะ background color ก็คือเราสามารถเลือกสีให้ตัว Label เราได้เห็นไหม เด็ก ๆ อยากได้สีอะไร เลือกเลยนะคะ ให้มีสี ให้รู้ว่าใส่สีเป็น ทักทายก็เอาสีฟ้า ๆ หน่อยก็ได้ ฟ้า ๆ โอเคนะคะ อยากได้สีเส้นมันหรือเปล่า เห็นไหม มีลักษณะของเส้นด้วย แล้วก็สีของเส้น เส้นในที่นี้หมายถึงเส้น กรอบมันนะคะ เส้นของกรอบข้อความน่ะ ใส่เงาไหมเห็นไหมคะ มี Shadow ด้วย ถ้าจะใส่นะคะ โอเค เอาประมาณนี้ก่อน เมื่อได้กรอบข้อความแล้วนะคะ เด็ก ๆ สังเกตเวลาการจัดแอปหรือออกแบบดีไซน์ สังเกตว่าถ้ามีเส้นขึ้นมาอย่างนี้ มันหมายถึงตำแหน่งนี่ อยู่ตรงกึ่งกลางแล้วนี่นะคะ อยู่กึ่งกลางแล้วนะคะนี่ อันนี้คือกลางในแนวตั้ง ทีนี้มาดูแนวนี้ แนวขวาง ถึงแม้มันจะมีเส้นแนวนอนขึ้นมา เราอยากให้มันอยู่กึ่งกลางให้ดู ไอ้เส้นที่ขึ้นมาอย่างนี้เป็นหลักนะคะ แต่แม่ไม่เอาขึ้นกึ่งกลาง แม่จะเอาไว้ข้างบนเสียหน่อย เว้นช่องไฟด้วย โอ เคเอามาเพิ่ม Object อีก 1 ชิ้นใช้ Bottom เลือกพักผ่อนนะคะ มาที่ทางซ้ายมือ เลือกปุ่ม 1 ปุ่ม ดูปุ่มนี่  ชิ้นที่ 2 object มีชื่อว่า Buttom นะคะ คลิกที่แถบเครื่องมือ หรือ Tool ที่ชื่อ Basic เลือก bottle อันที่ 1 อันที่ 1 ชื่อว่า Bostonคลิกปุ่ม เอ๊ย คลิกเมาส์ค้างไว้แล้วลาก object นั้นมาวาง เหมือนเดิมถ้าเราอยากเปลี่ยนสีให้น้องนะคะ เอาเป็นสีอะไร ในเมื่อข้อความเราสีนี้ไปแล้ว ปุ่มนะคะ เปลี่ยนสีปุ่ม ทำอะไรได้อีก สีข้อความ ที่จะแสดงบนปุ่มเห็นไหมคะ  Text Color เด็ก ๆ ดู T Color กับขาวมองไม่เห็นจะเปลี่ยนนะคะ ขอเปลี่ยนเป็นสีดำ เปลี่ยนสีให้ข้อความบนปุ่มนี่ มาที่ เด็ก ๆ ดูนะคะ เวลาเราจัดการวัตถุชิ้นไหน ให้ดูว่ามันจะมีกรอบลักษณะนี้ ขึ้นมาว่าเราเลือกทำงานกับวัตถุชิ้นนั้นนะคะ นี่ต้องให้มันขึ้นกรอบแดง ๆ อย่างนี้ขึ้นมานะคะ นี่กรอบแดง ๆ แล้วก็มีสี่เหลี่ยมตามมุมนี่อย่างนี้ ก็คือเราเลือกทำงานกับวัตถุชิ้นนั้น Text Color นะคะ เอาสีดำ เปลี่ยนเป็นสีดำ อยากได้ตัวหนาไหม กด B ให้มันหนา เห็นไหมคะก็จะชัดขึ้น ขนาดตัวอักษรเล็กใหญ่ ตัวนี้มันจะอยู่ตรง เดี๋ยวกดปุ่มเลย เลยนะคะ เอาสัก 20 เต็มคาราเบล ขยาย บอกแล้วนะคะ การปรับขนาดนี่ถ้าไม่ปรับตรงช่อง layout นะคะ ดูนะคะ เด็ก ๆ สามารถคลิกเมาส์ค้างแล้วลากขยายออกได้ กดเมาส์และกดค้างไว้นะคะ และลากเพื่อขยายโอเคไหม  เดี๋ยวจะเดินไปดูนะคะ ใครยังไม่ได้วัตถุ 2 ชิ้นนี้ ทีนี้ ข้อความตรง Button นี่ ต่างกันนะคะ ชื่อตรงนี้ กับชื่อตรงนี้คนละตัวกันนะ ชื่อตรงนี้ ชื่อที่อยู่ทางComponent 3 นี่มันจะหมายถึงตัวแปร แต่ข้อความที่อยู่ทาง Button ฝั่งนี้มันจะหมายถึงข้อความที่แสดงคนกลุ่มนั้นเลยนะคะ เดี๋ยวแม่จะลองเปลี่ยน ตัวนี้ใช้ภาษาไทยได้ เช่น เห็นไหม ดูสิ่งที่เปลี่ยน เห็นไหมคะ ชื่อตรงฝั่งนี้ มันจะเป็นชื่อที่จะปัก มันไม่ใช่ชื่อ มันเป็นข้อความที่จะปรากฏบนปุ่ม นึกออกนะ มันจะต่างกับฝั่งทางนี้ ฝั่งทางนี้ เวลาเราเปลี่ยนนี่ มันจะหมายถึงเรากำหนดให้ปุ่มนี้มีตัวแปรชื่อว่าอะไร ต่างกันนะคะ 2 ฝั่ง ใครยังไม่ได้ 2 ตัวนี้ ทีนี้ในส่วนหน้าออกแบบ สมมติ สมมติว่าเสร็จออกแบบเสร็จในหน้านี้ จะทำต่อมาเมื่อเราออกแบบหน้าเสร็จแล้วนะคะ เราจะไปสร้างโค้ด เพราะฉะนั้น เราจะต้องเลือกมาที่ Blocks  ค่ะ กลับมาที่ Blocks  นะคะ มาที่ Blocks ก็ไม่ขึ้นอะไรเลย งงหรือเปล่า จากหน้า Design เราจะมาที่หน้าบล็อก โอเคไหมคะ บอกแล้วว่าหน้าปก ก็คือตรง ส่วนของการ Coding นัjนเอง แต่วิธีการโค้fนั้นเราจะไม่เขาเรียกว่าไง ไม่ได้เขียนเห็นไหมคะ มี Blocks แบบนี้ขึ้นมาให้เราเลือกมาใช้เด็ก ๆ ไม่ต้องพิมพ์นะคะ เปิดก่อน เปิดดู Blocks ที่ 1 ก่อน Blocks แรกนี้ มีชื่อว่า control Control หรือควบคุมนะคะ สังเกตว่า Blocks แต่ละตัวนี่ อาจเด็ก ๆ ลองเลือกนะคะ มันก็จะมีสี Blocks ของมัน เพื่อแยก แยกประเภทว่าเราจะทำอะไร จะใช้เพื่อ Control เพื่อควบคุมหรือใช้ Logic หรือใช้ตรรกะนั่นเองนะคะ หรือใช้ MAT ค่าทางคณิตศาสตร์ ก็คือเพื่อคำนวณคณิตศาสตร์หรือเป็น Text นี่เหมือนบอกว่าถ้าตรงนี้เป็น Text นี่ เราต้องมาเลือกใช้หมวดนี้ เห็นไหมคะ ลองคิดดูนะคะ แต่ละตัวมีอะไรบ้าง อันดับแรกเลยนะคะ เมื่อกี้ อ๋อ ลืมย้อนกลับไปหน้า Design ก่อนลูก สร้างตัวแปร button ก่อน แก้นะคะ จาก Button เป็น Click แต่ใช้เราจะได้รู้มันจะได้ตรงกันไม่เปลี่ยนภาษาไทยให้เราอีกแล้ว ตรงนี้นะคะ ใช้คำว่า "Click" C ใหญ่ C-l-i-c-k Click แล้วก็ตรงนี้นะคะ ข้อความที่เราจะให้ปรากฏใน Label ก็คือคำว่า "สวัสดี" ผู้หญิงใช้ค่ะ ผู้ชายใช้ครับนะคะ พิมพ์คำว่า "สวัสดี" ลงไปลูก ลืม ๆ สวัสดีค่ะ อันนี้ของผู้หญิงนะคะ ขนาดตัวอักษร Font Size เอาเท่าไรดี 30 ไหม การจัดแนวนะคะ ขอกึ่งกลาง โอเค ขอเพิ่มขนาดตัวอักษรหน่อยนะ 35  สวัสดี ผิดไหมนี่ ทำไมสระอี มันเป็น... โอเค วรรค ถ้าฟอนต์ไม่สวยค่อยเปลี่ยนนะคะ ดูนะคะนี่ เปลี่ยนฟอนต์นะคะ เราจะเปลี่ยนฟอนต์เป็นฟอนต์แบบไหนเลือกเอา ภาษาไทยฟอนต์มันน้อย เดี๋ยวค่อยลงเพิ่มนะคะ โอเค เปลี่ยนสีได้นะ เปลี่ยนสีข้อความได้ครับ โอเคไหมคะ โอเค เมื่อมีข้อความใน Label กับเรียบร้อยแล้วกลับมาที่บล็อกได้นะคะ เด็ก ๆ สิ่งแรกที่เราจะเลือก ก็คือ Control ไปที่ Control นะคะ แล้วต้องเลือกตรงนี้ก่อนด้วย เลือกตรง Component ให้เลือกที่คำว่า "Click" ก่อนด้วย เพราะเราจะกำหนดให้ปุ่มใช่ไหม จะควบคุมปุ่มนี้ เมื่อมีการกดปุ่ม หลักการ ก็คือเมื่อกดที่ปุ่มนะ ดูหน้าดีไซน์ใหม่นะ อธิบายก่อน คือต้องการให้คลิกปุ่มนี้ ปุ๊บ นะคะ ข้อความคำว่า "สวัสดีค่ะ" จะขึ้นมา เพราะฉะนั้น เมื่อเรามาเขียน Blocks  เราก็ต้องเลือกว่าเราจะทำเขียนโค้ดให้อะไร เราจะเลือกเขียนโค้ดที่ปุ่ม เพราะฉะนั้น เลือก Click เลือกตัวแปรClick นะคะ เสร็จแล้วคำสั่งที่เราจะใช้ ก็คือ When ตั้งชื่อตัวแปรเหมือนไอ้นี่ไปเสียแล้ว แก้ก็ได้นะ มาแก้หน่อยเดี๋ยวจะสับสน ชื่อมันเหมือนกัน Blocks Code นะคะ เปลี่ยนเปลี่ยน Click หน่อยค่ะ เปลี่ยนเป็น... เดี๋ยว ๆ ปุ่มกดใช้คลิกแล้วมันไป... จะไปสับสนกับคลิกที่ในBlocks  โค้ดเพราะนั้นตัวแปรนี้จะตั้งชื่อว่า BT นับ BT B ตัวใหญ่ T ตัวเล็ก ภาษาอังกฤษมันขึ้นอีกละ B t นะคะ Bt1 ใช้ Bt1 นะคะ แล้วก็ตามด้วย 1 ให้เรานึกถึง เดี๋ยวเรามีปุ่มอื่นขึ้นมาอีก นะคะ ปุ่มที่ 1 ของเรา Bt1 แล้วตามด้วยคำว่า "คลิกได้" C ได้ c - l - i - c - k BT button 1 Click โอเคนะ ตั้งชื่อตัวแปรนี้นะคะ โอเค  ตอนนี้ตัวแปรของปุ่มจะชื่อว่า Bt1 นะคะ ใช่ Bt1 และก็ คลิกที่ตัวแปร Button ของเรา เดี๋ยวไปดูนะคะ ทำได้หรือยัง เด็ก ๆ ชื่อทางฝั่งขวามือแม่บอกแล้วว่าเป็นตัวแปรนะคะ ห้ามเป็นภาษาไทย บางคนฟอนต์ยังเป็นภาษาไทยอยู่เลย ต้องแก้นะคะ ใช้ภาษาไทยไม่ได้ ตัวแปรคอมพิวเตอร์ไม่รู้จัก ถ้าเป็นภาษาไทยตัวแปรต้องเป็นภาษาอังกฤษ และบอกแล้วว่าตัวแปรต้องใช้ตัวแรกเป็นตัวใหญ่ เราจะได้ไม่ไปสับสนกับในโค้ดน่ะ บางทีในโค้ดมันมีตัวเล็กมันจะซ้ำ ตัวแปรแรกตัวแปรที่ 1 คือปุ่ม ใช้คำว่า Bt1 แล้วก็ตามด้วยคำว่า "Click" ติดกันนะคะ ตามหลักการตั้งชื่อตัวแปร ไม่มีเว้นวรรค ไม่ใช้อักขระพิเศษนะคะ ตัวเลขได้ อักขระพิเศษนี่ตัวแปรห้าม บางทีตัวแปรห้ามนะคะ เพราะฉะนั้น เอามาตรฐานหน่อย ก็คือชื่อภาษาอังกฤษแน่นอนแล้วล่ะค่ะ แต่ให้เริ่มต้นด้วยตัวใหญ่ จำดี ๆ นะเด็ก ๆ ตัวแปรนะคะ ฝั่งนี้ตัวแปรชื่อภาษาอังกฤษขึ้นต้นด้วยตัวใหญ่ ห้ามเว้นวรรคห้ามใช้สัญลักษณ์พิเศษ ใส่ตัวเลขได้ โอเคไหม ตัวแรกเลยปุ่ม Control ที่เราจะใช้ กลับมานะ Blocks เรียบร้อยแล้วให้คลิก คลิกที่ตัวแปรที่ชื่อว่า Bt1 ของเรานะ แล้วเลือกเลือกตัวไหน เพราะฉะนั้น เมื่อกี้อธิบายเป็นไทยไปแล้ว ว่าถ้าเราเมื่อเรากดปุ่ม กดปุ่มนั้น ปุ๊บ ข้อความทักทายจะขึ้นมาใช่ไหมคะ เพราะฉะนั้น เป็นอะไรเกิดอะไรขึ้น ใช่ยังไม่คลิกสิเป็น When นี้ เมื่อไปทำอะไรกับปุ่ม เพราะฉะนั้น ต้องตามด้วยชื่อปุ่มใช่ไหม เลือกตัวแรกครับ เลือกตัวแรกมาวาง ดูคำอธิบายใน Blocks แรก เพราะมันที่แม่บอกว่าเมื่อมีการทำกับไอ้ปุ่ม Bt1 นี่ทำอะไรมันเห็นไหม ใน Blocks ที่ 2 ดูนะคะ เมื่อ When Bt1 โดนทำอะไร เมื่อมีการนี่ ๆ เมื่อมีการกระทำกับวัตถุที่ชื่อว่า bt1 ปุ๊บ สิ่งที่เราจะกระทำกับวัตถุนั้น คือ มันจะมี คลมีทัดดาวทัช TShut up ใช้กับเมื่อไรเมื่อหน้าจอเป็นแบบไหนแบบสัมผัสใช่ไหม Touch คือ สัมผัสใช่ไหมคะ Touch Down น่าจะเป็นไอ้ปัดขึ้น-ปัดลง นึกถึงอันนั้นน่ะ คือ มันจะไปใช้กับลักษณะของการควบคุมในโหมดนี้นะคะ เห็นไหมคะ จะมี 1 คลิก เมื่อเราต้องการให้มีการคลิกเกิดขึ้น ตัวที่ 2 Drop Long Click ลองคิดนั่นก็คือกันพี่กดเมาส์ค้างวันที่เพราะเราเลือกวัตถุชิ้นนั้น แล้วกดเมาส์ค้าง เพื่อลากไปวาง นั่นคือลองคลิกนะคะ ส่วนที่ 3 Touch Down เนี่ยให้หมายถึงใครที่ใช้ iPadiPad มันจะมีให้ใช้นิ้วน่ะ ใช้นิ้วสัมผัสหน้าจอ แล้ว... หรือในแอปนะ ใน Mobile ที่นั่นก็คือ Touch Down นคือเลื่อนลงเลื่อนลง เลื่อนเลื่อนหน้าจอลงนะก็คือเลื่อนขึ้นใช่ไหมใช้นิ้วการสัมผัสแบบใช้การเลื่อนขึ้นอย่างนี้นะคะ นั่นก็คือลักษณะ เพราะฉะนั้น เมื่อวัตถุชิ้นนั้น เราต้องการให้มันทำอะไร ให้เรามันเลือกตรงนี้ นึกออกนะลูก วันนั้นแต่อันแรกเมื่อกี้แม่บอกแล้ว เราจะไปให้สั่งกดปุ่มนั้นใช่ไหม กดปุ่มนั้นนะคะ กดปุ่ม เพราะฉะนั้น เราจะเลือกอะไรคะ อะไรดอม เมื่อต้องการให้ปุ่มนั้นโดนกด Bt1 กดปุ่ม กดตอนนั้นเราคลิก คลิกนะคะ When Bt1 เมื่อ bt1 โดนคลิก โดนกด ปุ๊บ ดูให้ทำอะไร เห็นไหม มันจะมีช่องต่อมา ช่องที่ 2 ข้างล่างแถวที่ 2 ดู Do คือทำ คำสั่ง o คือทำเราจะให้มันทำอะไรเมื่อกี้แม่บอกว่าให้มันแสดงคำว่า คำทักทายใน... ที่อยู่ใน Label เพราะฉะนั้น คำว่า "สวัสดี" ใน Label จะต้องมาโชว์ในดูตัวที่จะใช้ ก็คือเราต้องคลิกอะไรคะ คลิก Say Hi นะลูก ที่เซฮาย ในคอมพิวเตอร์นี่ ข้อความที่เราพิมพ์นี่ คอมพิวเตอร์มันจะไม่รู้จักเราต้องมากำหนดค่าให้มันวันที่แม่บอกนะ ตัวแปรที่เราใช้คืออะไร คะชื่อว่าอะไรคะ ใช่ไหม สิ่งที่จะให้ดูทำ ก็คือตัวนี้ ทำอย่างไร ถึงจะมาได้ดู ใหม่ช้า ๆ นะคะถ้าอันไหนไม่ใช้ ถ้ามันผิด ถ้า  Blocks ไหนมันผิดดูนะเด็ก ๆมันมีถังขยะเห็นลูกลาก โดยการคลิกเมาส์ค้างใช่ไหมหรือ Long น่ะเนี่ยคือลักษณะของลองคลิกเนี่ย ในบล็อกที่ 2 ที่คำว่าดูนี่ สิ่งที่อยากให้มันทำ เมื่อมีการคิดกลุ่ม Bt1 นั่นก็คือให้มันแสดงใช่ไหม ให้มัน Say ให้มันให้มันแสดงคำว่า ใน Label ของเรา ก่อนมันจะแสดงได้นี่ เราก็ต้องมาเลือกช่องนั้น เลือก Set นี่ นั่นก็คือมันเลือกมาแล้วว่าสิ่งที่เราจะทำนี่เกิดจากการนำ Set ของ Say Hi นะคะ อันนี้มันจะช่วยเลือกว่าจะเลือกใช้ตัวไหนของเรา คือ บางทีบางคนเลือกผิด Blocks  เกิดเมื่อกี้แม่ไม่ได้บอกนะ สมมุติแม่ไม่ได้บอก เรายังอยู่ที่ตัวนี้อยู่เหมือนเดิมนี่ แล้วก็มาดึงตัวนี้ตาม แต่ชื่อมันไม่ตรงใช่ไหม สิ่งที่เราอยากให้แสดง ก็คือตรงคำว่า "Say Hi" เราก็มาเขียนตรงนี้ได้ไหมคะ นะคะ สิ่งต่อมาที่ต้องการให้ทำ ให้มันทำอะไร อันแรก Text Text คือ ข้อความ อธิบายก่อนนะคะ Set Set อะไรกำหนดให้ตัวแปรที่ชื่อว่า Say Hi ตัวแปรนี้เป็น Text นะคะ Font Size ขนาดใช่ไหม Font Size คือขนาดตัวอักษรใช่ไหมคะ Blocks Label Custom Font ขนาดของ ที่กำหนดเองขนาดตัวอักษรกำหนดเอง Number ออฟไลน์เลือกรูปแบบให้กับลักษณะของ อัพเดทนี้แต่ของเราเนี่ยรูปแบบที่มันจะแสดงออกมาก็คือให้แสดงเป็นข้อความไงเสร็จแล้วแสดงเป็นคำว่าอะไร คำว่า "Label" ถูกไหม ต้องแสดงเป็นคำว่าอะไรลูก ข้อความที่เราต้องการให้มันแสดงคือคำว่าอะไร ลองพิมพ์เข้าไปสิ อยากเว้นก็เว้นไง ไม่เว้นก็ไม่เว้น โอเคไหม ตรงส่วนที่สีชมพูนี่ Blocks สีชมพูนี่ เห็นไหมคะ จะสามารถใส่อะไรได้ anletter เป็นคำเห็นไหมคะ มันจะขึ้น สังเกตถ้ามีเครื่องหมายคำพูดนี่ มันคือได้เป็นข้อความได้ เพราะฉะนั้น ใส่ภาษาไทยก็ได้นะคะ ดูที่ตัว Blocks ด้วย รูปแบบแต่ละตัวไม่เหมือนกันนะ เห็นไหมคะ Set do มาดูที่คำว่า do อะไร ดู หำของเซฮายเนี่ยให้เป็นเทียนเต็กนี้ True คำว่าสวัสดีค่ะ พร้อมยังพร้อมแล้วกด Preview แล้วกดคลิก เราลืมไปว่าขอโทษ ขอโทษ ขอโทษ เดี๋ยวกลับมาหน้า Design ก่อน ลบไอ้นี่ออกนะ ลบข้อความออก ให้เลือก back to Editing นะคะ ถ้าใครไปหน้าทีวีแล้ว Cick back to Edit ติ้งมาแก้ก่อนSay Hi ก่อน ลืม ๆ ทำไมเข้าไปนู่นไง แก้ Say Hi นะคะ เอาคำว่า "สวัสดี" ค่ะลบออกก่อนลูก ให้มันเป็นไม่มีข้อความในไลน์แบบนี้ใน Label นะ ให้เป็นเปล่า ๆ ทำไม Comมัน เด็ก ๆ ดูนะนี่ Label เราลบ ๆ ข้อความที่จะโชว์ออกก่อนนะลูก ให้มันเป็น empty ตรงนี้ ตอนนี้เด็ก ๆ กลับมาหน้า Design ก่อน แล้วลบ... ไปที่ห้อง Label แล้วลบข้อความออก โอเค ตรงกลาง... โอเค โอเคแล้วนะอย่างนี้นะคะ ตรง Label นี่ ช่องมันจะแสดงก็ต่อเมื่อเราคลิก นึกออกนะ ข้อความนั้นน่ะ Preview ดูสิ Blocks เราใส่แล้วไปหน้า Blocks แล้วกด Preview แล้วกดคลิกดูได้ไหมถูกต้องครับ ถูกมันถึงจะขึ้น ต้องไม่มีก่อนแล้วถึงมีเข้าใจหรือยัง หลักการ ไปไม่ขึ้นอย่างนี้ นั่นหมายถึงย้อนกลับให้ดูนะคะ ดูหน้า Design ก่อนนะลูก ในหน้า Desing ในไม่มีข้อความนะข้อความจะขึ้นก็ต่อเมื่อเรากดปุ่มนี้ใช่ไหม หลักการทำงานของมัน เพราะฉะนั้น ใน Label ตรงข้อความใน Label ให้ลบออกลบออกไปเลย ไอ้โบ๋ไเดี๋ยวไม่มีอะไรเลย้าเปลี่ยนจากแสดงข้อความเป็นรูปแทนล่ะ ทำได้ไหม ใช่ไหมหลักการเดียวกัน แต่เปลี่ยนจาก Label เป็นอะไรแทนลูก ลองมาเปลี่ยนจาก Label เป็น Image คลิกเลือกรูปนะคะ มันใหญ่ ลดได้ ลดได้ หรือแสดงทั้งสองอย่างพร้อมกันก็ได้ มันสามารถทำได้ มันอยู่ที่เมื่อกำหนดแล้ว คลิกแล้วเกิดอะไรขึ้น ใครยัง... เดี๋ยว เดี๋ยวถามก่อน ใครยังคลิกแล้วไม่ขึ้น ดูนะคะ ขึ้นมาครั้งแรกพอ Preview ปุ๊บนี่ตรงช่อง Label จะไม่มีข้อความอะไรถูกไหม แต่เมื่อกดปุ่มข้อความสวัสดีจะขึ้นมาถึงจะถูกนะลูก อย่างนี้ ของแฝดไม่ขึ้นหน้า Preview ไปที่  Blocks  แล้วกด Preview  ได้หรือยัง ก่อนเราจะทำ บอกแล้วว่าทุกอย่างเอาวัตถุใส่ในหน้าดีไซน์เสร็จ เขียนโค้ดคุมใน Blocks ว่าน้ำต้องเพิ่มวัตถุในหน้า Design เมื่อเสร็จแล้วก็ไป สั่งมันที่ Blocks นะคะ เพราะเราดูนะคะ Thunkable โหมดเราใช้งานมี 2 ส่วนคือ Design Design สำหรับออกแบบออกแบบวางวัตถุหรือชิ้นงานของเรานี่ ตรงนี้มีอะไรมีวัตถุนี้มี Text ไหม ก็คือในหน้า app 1 หน้านี่ เราอยากให้มันมีอะไรบ้าง มี Texหรือเปล่ามีรูปภาพไหมครับ มีบล็อกหรือเปล่า เมื่อเราออกแบบเสร็จนะคะ เราก็ต้องไปที่หน้า Blocks เพื่อสั่งการทำงานให้แอปนั้นน่ะ ในหน้านั้นน่ะ หน้าที่เราออกแบบน่ะมันทำอะไร เราอยากให้มันทำอะไร นึกออกนะ เราก็จะไปเขียนโค้ดผ่าน แต่ไม่ต้องเขียนไง ให้ลากมา โอเคนะ อันนี้คือตัวอย่างที่ 1 เดี๋ยวมาดูต่อ มาดูต่อ อยากดูต่อแล้วใช่ไหม อยากทำต่อแล้ว ใส่ขึ้นแต่ข้อความ ไม่เร้าใจ ใส่เสียงไหม ออกมาพอกดปุ๊บแล้วขึ้นมันก็จะขึ้นว่า "สวัสดีค่ะ ให้มันเป็นเหมือน... เดี๋ยวนะ ขอกลับไป... ไปหน้า ถ้าเราผลลัพธ์เราถูกแล้วนะคะ เวลาเราจะกลับไปหน้าปกติ ก็คือให้เราคลิกที่ back to editing นะคะเด็ก ๆ แม่จะกลับไปมันจะสามารถย้อนกลับไปที่หน้า กลับไปที่หน้า Blocks ก่อน เพราะตอนสั่งทำงาน คือ เราเริ่มจากหน้าบล็อกมาเราทำเริ่มต้นเราจะอยู่ที่หน้าดีไซน์ จะให้แสดงรูปด้วย แล้วก็ทำอะไรนะ มีเสียงด้วยใช่ไหมคะ เอารูปก่อนได้ไหม เอารูปก่อนก็ ก็เอารูปใส่เข้ามา ใส่รูปแล้วทีนี้สิ่งที่เราจะต้องทำ ก็คือต้องไปเลือกรูปอัปโหลดรูปนะรูปนี่ก่อนที่จะมีลูกมาวางเนี่ยมันจะมีเป็นกรอบของลูกนะแต่ตัวรูปที่เราจะเอามาวางเราต้องคิดคำว่า Uploadไฟล์ยังไม่มีรูปเราก็ไปหาก่อน ใช่ไหม เอาเป็นรูปอะไร สวัสดี หารูปสวัสดีก่อน Cancel ก่อนนะคะ เปิด Google แล้วก็ Search ภาพ หามาอย่างนี้ แล้วก็คลิกที่ค้นรูป สวัสดีครับ สวัสดีค่ะ คุณแม่รูปนี้นะคะ เดี๋ยวเอาลงไปในไอ้นั่น มันก็จะไปถ้ามันใหญ่ เกินมันจะบอกมันจะบอกนะคะ ก็ให้นึกถึง รูปไม่ต้องใหญ่มาก เยอะแยะเลยเห็นไหมคะ แต่อย่าลืมนะคะ บางรูปนี่ บางรูปนี่อาจจะไม่ใช่รูปฟรีนะ ถ้าเป็นไปได้ก็วาดรูปมาใช้เองเด็ก ๆ แล้วไม่ได้เราจะไม่เอา เราหารูป แล้วนะคะ อย่าใช้เวลานานเอาเอารูปอะไรก่อนก็ได้นะเด็ก ๆ พอได้แล้ว เราก็กลับมาหน้า Thunkable เรา แล้วก็คิดพี่Pictures เห็นไหมคะ แล้วคิดคำว่าอัปโหลดไฟล์แม่เอาไว้ที่ Pictures นะคะ แม่ได้แล้วนะคะ อันนี้ไม่ได้กำหนดว่าเมื่อคลิกแล้วแสดงภาพ มันต้องซ่อนก่อน เอาไว้ก่อน เอาไว้ก่อน ให้เห็นว่าถ้าไปดู Preview ดูนี่ยังไม่ได้กำหนดโค้ดเลยนะ เพราะ Preview ดูนี่มันก็จะขึ้นมาอยู่แล้วนะ เห็นไหม ก็คือถ้าเราเปลี่ยนจากอันนี้เป็นแสดงรูปแทนน่ะ เอาข้อความ สังเกตว่าเมื่อ Blocks  เลื่อนเข้ามา จอก็จะเรียนเข้ามาด้วย  เปิดไว้ไง เปิดไว้ อะไรนะ มีคนแอบหลับ มันยังไม่ซ่อน เดี๋ยวขอซ่อน Image  Visible ก็คือรหัสก็คือไม่แสดงพอคลิกแล้ว ต้องให้มันภาพยนตร์เรื่อง Top Girlอีเมล ต้องให้มันโชว์ โชว์ ต้องใช้คำว่า "โชว์" เดี๋ยว ๆ ขาด ขาดไปส่วนหนึ่ง มันต้องให้ซ่อน ซ่อนเสร็จแล้วค่อยแสดง เดี๋ยวขอกลับไปย้อนดูแอปเดิมตัวเองก่อนนะครับ ขอกลับไปดูงานเก่า แป๊บหนึ่ง ถ้ากด Play นี่ ดู Blocks อันนี้ Speak ไม่ค่อยได้เขียนแล้วก็ไม่จำนะ เจอแล้ว Visible ture เจอโค้ดที่บอกว่า True ขอลอง รชเจอแล้วครับ เดี๋ยว ทำไมหายหมด Visible True โอเค Visible True ไม่ขึ้น อะไรผิดไป เดี๋ยวนะ ขอกลับไปที่ Design อันนี้ปุ๊ก Visible ก่อน ยังไม่ได้เลือก Picture หรือ เอาใหม่ เอาใหม่ Image visible ก่อน เมื่อคลิกแล้ว Visible กลับมา Blocks  Visible ture ได้แล้ว ดูนะเมื่อกี้เด็ก ๆ มาดูนะคะ เปลี่ยนจากข้อความนะ ดูดีไซน์นะ ขาดเป็นท่อนหนึ่ง ก็คือเราเราเพิ่ม Image เข้ามา แต่เราซ่อน... ซ่อนรูป ที่เราจะแสดงไว้ก่อนนะลูก วิธีการซ่อนรูปภาพก็คือคำสั่งนี้นะคะ Visible เห็นไหม รูปที่เราจะให้แสดงเมื่อกี้นะ รูปที่เราต้องการให้แสดงน่ะ เสร็จแล้วเราต้องซ่อนมันไว้ก่อน โดยเรามาคลิกวิ Visible รูปมันจะหายไปใช่ไหม ตอนนี้เด็ก ๆ ต้องอยู่ที่หน้า Design ก่อนนะคะ หลักการ ก็คือเดี๋ยว... เดี๋ยวจะเอา ต้องการให้คลิกแล้วรูปแสดงขึ้นมาใช่ไหม เพราะฉะนั้น เราก็ให้ไปเพิ่มรูปเข้ามา ใช่ไหมคะ แล้วรูปที่เข้ามานี่ ตรงหน้า Properties เด็ก ๆ ต้องซ่อนรูปที่เราต้องการให้แสดงก่อน ซ่อนไว้โดยคลิกที่คำว่า "visible" ที่เป็นรูปดวงตา นั่นคือการซ่อนรูปนี้ไว้ ทีนี้แล้วเราไปสั่ง ไป Coding ไป Blocks ไปที่ Blocks ให้เด็กๆไปที่ blogคำสั่งนั้นก็คือเมื่อเรากดปุ่มใช่ไหมคะ เมื่อ Bt When Bt Click  ปุ๊บ ไม่มีการกดปุ่ม ที่ปุ่มสิ่งที่ยังตามให้ทำ ก็คือให้ไปที่รูป ๆ นั้น ต้องให้มันทำอะไรเมื่อเราไป Visible มันไว้เราก็ต้องให้มัน visible กลับมา To To คือเป็นจริงกำหนดเงื่อนไขว่าทำเมื่อเป็นจริง ถ้าไม่จริงไม่ทำ Click True แล้วกด  Preview ดู เราไม่มีรูปเห็นไหมคะเราไม่มีรูป แต่เมื่อกดปุ่ม Click เดี๋ยวนะคะ ใจเย็น ๆ ขอโทษกดผิดโทษทีโทษที มือไวใจเร็ว กดข้ามขั้นไปหน่อย ตอนนี้แม่ให้เด็ก ๆ เอารูปมาใช้ใช่ไหม ก็คือความต้องการคำสั่งในหน้านี้ ก็คือเมื่อกดปุ่มนี้ ปุ๊บ จะแสดงรูปแต่ละรูปว่าเอามาครั้งแรกนี่ เด็ก ๆ จะต้องมันมีรูปใช่ไหม มันมีรูปแบบนี้ ทีนี้แม่ก็เลยบอกว่าเอามาในครั้งแรกนี่เราต้องซ่อนภาพมันเสียก่อนไม่ให้มันเห็นว่ามีรูป เราก็คลิกที่ visible รูปจะหายไปไหมคะ เสร็จแล้วตรงค่าใน Blocks นะคะ ตัวแปรที่จะใช้มันชื่อว่าเมื่อกด When bt1  เนี่ยสิ่งที่เราต้องการให้ทำกับ image เราก็มาเลือกพี่ Set image visible เลือกตัวนี้มาใช้ Blocks  ก็คือให้มันแสดงแล้วต้องมาคลิกตรงนี้ด้วย ว่ากำหนดให้เป็นทูก็คือเมื่อมีการคลิกปุ่มนี้จริง เห็นไหมคะ True ก็คือเป็นจริง มันถึงจะแสดงแล้วกด Preview ดู ได้ไหม อันเดิมก็อยากให้มี อันเดิมที่อยากให้มี ก็คือเมื่อ Text ใช่ไหมคะ เมื่อ Say Hi เดี๋ยวจะให้มีเสียงให้ทีนี้น่ะ ไม่จำ ไม่จำ พวกนี้แหละ ไม่จำ ถ้า... ถ้าให้มันพูดนี่ Blocks  ที่เราจะใช้อยู่ที่ Speech นะเด็ก ๆ เจอละ ดูนะคะ เมื่อปุ่มนี้ ปุ่มกดคลิก คลิกที่ปุ่ม สิ่งที่เราต้องการ ก็คือต้องการให้มันพูดคำว่า "สวัสดี" ค่ะนั่นแหละ Blocks ที่จะใช้อยู่ที่นี่นะคะ ฟีเจอร์ที่ชื่อว่า Speed เลือก Say ข้อความที่จะ Say ก็คือคำว่าอะไร สวัสดีค่ะ ภาษาต้องเลือกด้วยนะคะ เพราะเราใช้ภาษาอะไรคะ ภาษาไทย ต้องเปลี่ยนเป็นภาษาไทย ไม่เลื่อนให้ S T H AI เห็นไหมคะ เมื่อมีการกดปุ่มนี้ปุ๊บ สิ่งที่จะทำ ก็คือให้มันพูดคำว่า "สวัสดีค่ะ" สวัสดีในภาษาไทยนะคะ  เสียงคือบ่ออก ไม่มีศัพท์ภาษาไทยไหมนิ่ ลอง ลองใช้ฮัลโหล สิ แสดงว่าเรายังไม่มีซาวด์ภาษาไทยนะคะ โอเคเข้าใจแล้ว ถ้าเป็นภาษาอังกฤษไม่ขึ้น เอ๊ย ถ้าเป็นภาษาไทยไม่ได้มีเสียง เราไม่มี... มันต้องเพิ่มเสียงซาวด์ภาษาไทยเข้าไปด้วย แต่เรายังไม่มี เอ๊ะ Siri ก็มีแล้วนี่ ทำไมไม่ขึ้นนะ เหมือนน้อง Siri นี่ ไม่ขึ้น มันมีคำนี้ มันไม่มีคำ... คำว่า "สวัสดีค่ะ"  มันต้องเอาคำภาษานั้นน่ะ มาลงแล้วถ้ามันมี.... เดี๋ยวลองดู สวัสดีเฉย ๆ อยากรู้ อยากรู้  สวัสดีเฉย ๆ มีไหม มือไว ใจเร็ว สวัสดีค่ะ มีอะไรเป็นไปได้อย่างไรไม่มีภาษาไทย น้อง Siri ก็มีแล้วน่ะ อยากรู้น่ะ อยากรู้ แสดงว่าคำนี้ภาษาไทยยังไม่มี ลอง ก ไก่ ได้ไหม คาใจ คาใจ ไม่ได้ แสดงว่า Spech ภาษาไทยไม่มี อาจจะต้องเพิ่มอันนี้ใน Speed มันมีแต่  Feator มีแต่ภาษาอังกฤษ นี่หลักการแบบ Basic เลยนะ แค่กดปุ่มแล้วทำอะไรได้ บางตัวก็มีข้อจำกัด เหมือนภาษาเรายังไม่มีภาษาไทย เดี๋ยวไปดูวิธีเพิ่มเติมให้นะคะ เดี๋ยววันนี้สิ่งที่อยากให้ทำเพื่อเราจะมาทำงานในชิ้นต่อไป นั่นก็คือเตรียมภาพ หนังสือที่เราจะทำ ทำอะไรดี เราจะแบ่งกันนะคะ แบ่งฝั่งแบ่งทีม ไม่ใช่แบ่งฟังแบบทีม 1 1 1 ตอนนี้ภาษาอังกฤษได้แล้ว เพราะฉะนั้น ให้เลือกภาพคำศัพท์ ที่มันตรงกับคำศัพท์ภาษาอังกฤษ ที่เราจะเอามาทำ App นึกออกนะ 5 คำนะคะ ไม่ต้องเอาคำยากนะลูก ให้คน 1 คน ที่จะนำมาใช้เป็นคำศัพท ์5 รูปนะคะ ก็ไม่ควรเป็นหมวดกระจัดกระจาย เช่น ไทยชชขนมก็ขนมไปเลย 5 รูป ทั้ง 5 รูปนึกออกไหม เหมือนเค้ก เหมือนแยมโรลอะไรอย่างนี้ นั่นก็คือ 5 รูป ถ้าใครจะเอาต้นไม้ก็ต้นไม้ 5 อย่าง ให้มันเป็นหมวดเดียวกันนะคะ นึกถึงเวลาทำหนังสือ 1 เล่มเรื่องของต้นไม้กับต้นไม้เรื่องของอาหารก็อาหารนะ โอเคไหมคะ อย่างน้อย 5 ภาพ มันทำไวอยู่หรอก มันเข้าใจ ค้นรูปไว้เพื่อมาใช้ประกอบ หารูป โอเคนะ สัปดาห์หน้าคือเข้ามาแล้วไม่มานั่งค้นในห้องแล้ว ไม่อย่างนั้น มันจะเสียเวลาแล้วนะหารอไว้เลยส่งเข้าอะไร Google Drive ตัวเองไว้นะ พอสัปดาห์หน้ามาเราเปิดแม่บอกว่านำภาพนำมาใช้ดีไซน์ จะใส่รูปลงไปตรงไหนอะไรอย่างไร ให้มีข้อความไว้เลยนะคะ อย่างน้อยต้องมีรูปเพื่อจะมาใช้งาน 5 รูปแล้วล่ะ โอเคนะ เพิ่มอีกอันหนึ่ง Video ให้นึกถึงว่าไอ้ภาพที่เราเลือกมาใช้ เป็นเรื่องเกี่ยวกับอะไร ก็หาวิดีโอที่เกี่ยวข้องกับเรื่องนั้น ก็เดี๋ยว เดี๋ยว หามาสิหามาไว้ อยากเอานั่นแหละ ก็แม่จะเอาวิดีโอลงลงวิดีโอวันทำอย่างไร อย่างนั้นก็ต้องหาไว้แค่เป็นตัวอย่างแค่เรื่องเดียวก็พอทำเป็นไปเลย ทั้งเป็นไฟล์แล้วก็เป็น YouTube ลิงก์ไว้นะ เด็ก ๆ ทำหมวดหมู่ไว้นะคะ เด็ก ๆ ทำโฟลเดอร์ตัวเองไว้ก็ได้ ของนะ เวลาไปมาหางานจะได้รู้ว่างานนี้วิชาทำ app เนี่ย ข้อมูลที่ให้หาไว้อยู่ในนี้เปิดมาปุ๊บ ดึงออกมาใช้งานได้เลยนะคะ อย่างน้อย 5 รูป แล้วก็วิดีโอ 1 เรื่องที่เกี่ยวข้องกับเรื่องที่ตัวเองจะทำนั่นแหละ โอเคนะ เป็นตัวอย่างนะคะ จะได้ไม่เสียเวลา ทีนี้เราจะไม่ทำแค่หน้าเดียว เพราะมันจะต้อง... แอปพลิเคชันมันจะไม่ได้มีแค่หน้าเดียวจบนะ มันจะมีไปหน้าต่อไปเลย หา 5 ภาไอ้หน้านี้ทำอย่างไร จะไปหน้านี้ทำอย่างไร จะกลับมานะทำอย่างไร เราจะได้ทำหน้าที่ต่อเนื่องไปนะคะ ในสัปดาห์หน้า เพราะฉะนั้น เตรียมภาพประกอบอย่างน้อย 5 ภาพ และวิดีโอประกอบ 1 เรื่อง โอเคนะคะ ค้นมาให้เรียบร้อย เราจะไม่มานั่งค้นในห้องนะคะ สั่งไว้ก่อนแล้วนะ มาถึงเวลาก็คือพร้อมเอารูปลงในแต่ละ Scene เลยนะคะ เพราะสังเกตว่าใน Thunkable มันจะแสดงหน้าเป็น Scene ที่ 1 นะ ในตัวอย่างนี่ เหมือนงานเดิมที่แม่... ที่พี่ ๆ เขาทำไว้นี่ เห็นไหมคะ Scene มันจะมีหลาย Scene เลย มันไม่ได้มีแค่ 1 หน้า เห็นไหมนี่ อันนี้น่ะ ภาษาอังกฤษน่ะ ให้ถึง แม่ให้ถึงเท่าไร คําศัพท์ภาษาอังกฤษน่ะ เขามี A-Z ทีละคำ ทีละตัวอักษรไหม ไม่ใช่คำ นี่อยากให้มันเล่นอย่างนี้ ให้ดูใช่ไหม พอกดนี่แล้วเข้า YouTube หาไว้ เพราะฉะนั้น ก็ต้องหา ไม่ให้เป็นการเสียเวลา สำหรับสัปดาห์นี้พอแค่นี้นะคะเด็ก ๆ ยังมีเวลาเหลือ ก็คือหารูป แล้วก็หาวิดีโอไว้ได้เลยนะคะ โอเคค่ะ ขอบคุณพี่ล่ามค่ะ สำหรับวันนี้ขอบคุณค่ะเจอกันสัปดาห์หน้าค่ะ สวัสดีค่ะ  [สิ้นสุดการถอดความ]