(อาจารย์สุธิรา) นอกเหนือจากนั้น คือ อำเภออะไรอย่างนี้ ไม่ใช่ จะอยู่เฉพาะในพื้นที่... อันนี้เขาเจาะจงเลยว่าเขาให้บริการเฉพาะในพื้นที่เทศบาลพิษณุโลก นี่คือ Application ตัวที่ 1 ของเขียดที่หามา ยังขาดอะไร แสดงว่าทำหน้าตาอย่างนี้ มันน่าจะเป็น ดูจากหน้านะคะ เมื่อเข้าไปลักษณะจะเป็น... เหมือน web app เด็ก ๆ ดูนะคะ เมื่อกี้ บอก Application เฉย ๆ มาดูข้อที่ 2 web Application หางานสำหรับผู้สูงวัย อ่านไม่เห็นเลยเพราะตัวเล็กมาก 16 ภาษา ภาษาที่ใช้ก็จะมี Xampp Xampp ไม่ได้เป็นภาษานะ Xampp มันจะเป็นระบบฐานข้อมูล Visual แบบนี้มี PHP มีอะไรอีกนินะคะ ขอขยาย นี่เห็นไหม ดูในคำอธิบายตัวเอง ตัวเองก็บอกว่า Xappคือโปรแกรมweb Server ฉะนั้น exam ไม่ใช่ภาษานะ ต้องบอกว่าโปรแกรมนะคะ ต้องแก้ด้วย Visual Studio Code นี่ก็เป็นโปรแกรม ภาษา Visual Studio ไม่มีนะ แต่ถ้าภาษา Virtual น่ะมี ในในงานวิจัยเขาเขียนมาอย่างนี้เลยหรือ ว่าเขาใช้ภาษา Xampp ภาษา Visual อ่าน PHP นี้เป็นภาษา Boost แบบนี้ก็ไม่ใช่ภาษานะมันก็จะเป็นโปรแกรมเหมือนกันอาจ cssCSS html ใช่ Java script ใช่ นี่ใช่ ใช่อยู่ 1 2 เด็ก ๆ อย่างนั้น สั่งการบ้านเพิ่ม ค้นภาษาคอมพิวเตอร์นะ ไปดูนะ ภาษาคอมพิวเตอร์ว่ามีอะไร อย่าซี้วั้วนะ ตัวนี้มันไม่ใช่ภาษา แต่มันเขียนว่าเป็นภาษา ทำ... ค้นเรื่องภาษาคอมพิวเตอร์นะคะ เดี๋ยวจะมอบหมายงานหลังชั่วโมง ค้นแล้วรวมมาว่ามีกี่ภาษา ได้กี่ภาษา อะไรบ้าง เรื่อง ภาษาคอมพิวเตอร์นะเด็ก ๆ นะ เหมือนจะสับสนครับ แต่ความจริงก็ต้องควรดูด้วยว่ามันต้องมีบอกแหละ เหมือนถ้าเขาบอกว่าเขาใช้โปรแกรมนี้ เราก็ต้องย้อนไปดู ไอ้โปรแกรมนี้มันใช้เขียนภาษาอะไร นึกออกไหม ให้มันสื่อถึง เพราะการดึงงานนำเสนอนี่ ไม่ใช่ว่าเอาตามเอกสารเขาทุกอย่าง เราก็ต้องตรวจสอบด้วยว่าไอ้ข้อมูลที่เขาเอามาลงนี่ถูกต้องไหมนะคะ เดี๋ยวสรุปทำเป็นตารางเด้อ เดี๋ยวทำตัวอย่างให้ดู ชื่อภาษาและก็ความหมายของภาษานี้ใช้สำหรับเขียนอะไร เหมาะกับงานประเภทไหนหน้าตาจะแตกต่างกันอย่างไร web app กับ App เฉย ๆ ถ้า web app นี่ ก็คือเขาจะต้องทำงานผ่านเว็บหน้าเว็บ สร้างหน้าเว็บขึ้นมานะคะ เด็ก ๆ มีหน้าเว็บขึ้นมาให้ เสร็จแล้วก็ทำงานผ่านหน้าเว็บนั้นน่ะนะคะ ลักษณะต่างกันอันนี้ก็เว็บแอปให้บริการข้อมูลต้นทุนในการก่อสร้าง นี่เห็นไหม ภาษาSOAP SOAP ก็ไม่ใช่ภาษา S-O-A-P นี่ of disposable ชื่อตัวนี้มันระบุเลยมันคือโปรโตคอลนะคะ ภาษาที่ใช้ก็คือ HXML HXML นะคะ อย่างนี้นะคะ สังเกตอะไร เห็นไหม ถ้าเป็นภาษาคำว่าภาษาอังกฤษ มันจะมีคำว่า Langauge ต่อท้ายตัวอะไรนะ นะคะ เด็กจะต้องดูตัวนี้ด้วยนะคะ เดี๋ยว โอเค ของเขียดนะคะ ไปปรับ ที่บอกให้เพิ่มว่าแอปแต่ละตัวนี่มันทำงานบนระบบปฏิบัติการอะไรเพิ่มเข้ามาด้วย ผู้ให้บริการซ่อมบำรุงรถยนต์ แล้วก็แก้ เช็กภาษานว่ามีภาษาตัวไหนที่เป็นภาษาใส่คำว่า "ภาษาตัวไหนไม่ใช่" ก็เขียนเป็นโปรแกรมนะคะ ตรวจสอบสไลด์ให้ถูกต้องด้วย ชื่อ Fixzy Auto ส่งเสริมการเรียนรู้และเขียนโปรแกรม อันนี้มีใส่โลโก้ของตัวภาษามาด้วย แล้วก็ตัวโปรแกรมมาด้วย ต้องเขียนบอกมาอย่างนี้นะ เป็นภาษาไทยว่าเป็นภาษาเหมือน... ขอโทษ มือไวไปหน่อย ใส่โลโก้มาก็จริง เพราะบางทีเพื่อนไม่รู้ เหมือนเห็นไหม ถ้าใส่มาอย่างนี้เลย ไปหน้าไหนแล้ว แป๊บหนึ่ง ฟ้าใสมาอย่างนี้ถ้าใครไม่เข้าใจก็ไม่รู้ตัวไหนเป็นภาษาไทยยัง... เขียนบอกมาอยู่ว่าเป็นภาษา แต่ควรจะเขียนไปข้างหน้าภาษาJava script Ionic Framework แยกน่ะค่ะ ให้แยกส่วนส่วนคือในหน้านี้ น้องหัวข้อนี้ หัวข้อบอกแล้วว่าภาษาและโปรแกรมที่ใช้เพราะฉะนั้น ตรงแยกไปเลยภาษาหัวข้อย่อย ภาษาก่อนแล้วก็บอกเขาย้ายที่ 2 โปรแกรมทีนี้ไม่ใส่คำว่า "ภาษา" ไว้ข้างหน้าก็ได้ เพราะมันโดนจัดภาษาอยู่ตรงกลุ่มนี้แล้ว โปรแกรมอยู่ตรงกลุ่มนี้แล้ว นึกออกนะคะ เพราะฉะนั้น แยกออกเป็น 2 ส่วนให้เห็น 2 หัวข้อย่อยให้เห็น ก็คือหัวข้อที่ 1 หัวข้อย่อยที่ 1 คือภาษา หัวข้อย่อยที่ 2 คือโปรแกรม ในหน้าหัวข้อภาษาและโปรแกรมที่ใช้ พัฒนาแอป เดี๋ยวปรับนะคะ ให้ปรับแก้ตามที่แนะนำ แล้วก็อย่าลืมแก้ขนาดตัวอักษรด้วยนะคะ โอเค 1 1 ชิ้น 1 2 หน้างานใช่ไหม 3 4 5 โอเค ตัวอย่างน่ะลูก ไอ้หน้ารูปตัวอย่างนี่เอาสักไม่ต้องเอาหมด เยอะไป เอาสัก 2 หน้าพอ เรียกหน้าที่หน้าแรกก็ได้ แล้วก็มันน่ะที่เข้าใจว่า เหมือนหน้าแรกนี่ หน้าตาเป็นอย่างนี้ และหน้าที่จะสั่งอาหารเป็นอย่างไร หน้าที่แสดงว่าเขามาส่งอาหารอะไรอย่างนี้ เอาสัก... 2 สไลด์ เอา 2 สไลด์ใส่ 3 หน้านี่แหละเอา 2 สไลด์พอ ไม่ต้องเกินนั้นนะ รูปภาพประกอบหรือรูปภาพตัวอย่าง เอา 1-2 สไลด์พอ โอเคนะคะ อย่างนั้นเขียดแก้แล้วค่อยส่งเข้ามาใหม่ ไปส่งเข้ามายังไปครับ ใครเอ่ย เสร็จแล้วหรือ นพกิจ ไหนดูสิ ของแฝดนะคะ ไม่ใช่แล้ว อันนี้มัน... อันนี้มันอีกวิชาหนึ่งนี่ แฝดส่งผิด ตัวนี้คือวิชาตอนบ่ายนะ วิชานี้ชื่อว่าเอาดูชื่อวิชา วิชาเช้านี่ การพัฒนาโปรแกรมประยุกต์บนอุปกรณ์เคลื่อนที่ เมื่อกี้ให้ดูตัวอย่างของเขียดแล้วนะ ของเพื่อนนี่ที่เขาทำมานี่มีปรับแก้อยู่แค่ขนาดตัวอักษรนะ แล้วก็ใส่หัวข้อ เพิ่มหัวข้ออีก 1 หัวข้อ ก็คือหัวข้อระบบปฏิบัติการเข้าไปอีก 1 อันแค่นั้น ส่วนเนื้อหา เขียดหาได้ดีมากเลย ครบ 5 เรื่อง แล้วก็ลักษณะกันเลยนะคะ งานงานของเกียรติที่หามาตั้งแต่มีปักแก้เกี่ยวกับเรื่องภาษากับโปรแกรมแค่นั้น แล้วก็เพิ่มเติมระบบปฏิบัติการเข้าไปแค่นั้นเองนะคะ ยังไม่เสร็จหรือดอม อ๋อ อันหนึ่งทำแต่หัวมา ส่งเข้ามาก่อน แม่จะได้ดูว่าแม่เรื่องครบหรือยัง โอเคไหม ดอมค่อยไปเพิ่มตามที่ระบุ ให้ส่งเข้ามานะครับ ก็ไม่เป็นไร จะดูว่ามีเรื่องอะไรบ้างไง 5 เรื่อง ได้เรื่องอะไรบ้าง เดี๋ยวจะบอกเพิ่ม ก็ให้ทำตามตัวอย่างของเพื่อน ให้ดูนะคะ ใครที่ยังทำไม่เสร็จนะคะ ขอดูตัวอย่าง... ไม่ต้องขอดู เข้าไปดูได้อยู่นะเข้าไปดูตัวอย่างจากเพื่อนได้นะ เดี๋ยวขอดูของพงศ์พรนะคะ ของดอม เสร็จแต่บอกว่ามีแต่ชื่อเรื่อง เดี๋ยวดูก่อน แอปแรก แอปพลิเคชันเพื่อการบริหารจัดการครุภัณฑ์โสต อันนี้ คือ เขียดบอกชื่อของเขียดน่ะ เมื่อกี้เขียนไม่ได้บอกว่างานนั้นน่ะ ใครเป็นคนทำบอกชื่อผู้... ผู้จัดทำด้วยนะ ในหน้านะ ในหน้าปกของงานแต่ละชิ้นน่ะ เขาจะมีบอกว่าใคร ของใคร ต้องมีนะอันนี้ถูกละ เรื่องที่ 2 App เพื่อการจัดการจราจร โอเค จัดการจราจรนะคะ เผยแพร่ นี่ ๆ เวลาตัดคำดูด้วยนะคะ เวลาทำข้อความนี่ สำหรับการเผยแพร่ ภูมิปัญญามัน... ภูมิแยกออกจากกันนี่เห็นไหมลูก ตรวจนะคะ ตัดลงมาเอาภูมิหรือถึงแค่คำว่า "เผยแพร่" แล้วเอาคำว่า "มรดกภูมิปัญญา" นี่เอาไว้บรรทัดนี้ บอกที่มานะคะ ว่าของใคร โอเค ภาษาอังกฤษสื่อการเรียนรู้ แบบที่ 3 เป็นสื่อ แบบที่ 4 บริหารจัดการงานซ่อมบำรุง โอเค เรื่องไม่ซ้ำนะคะ แต่ขาดรายละเอียด ใส่รายละเอียดเข้าไปตามหัวข้อที่เพื่อนนำเสนอนะ มีของใครอีกที่ได้ค้นมาแล้ว อันนี้ให้ดูเป็นตัวอย่าง นี่ ๆ เขียดของเขียดหน้านี้ลูก เพิ่มข้อมูลชื่อคนที่เขาทำ โดยเขียนโดยเหมือนดอก็ได้โดยใครใส่ชื่อเขาลงไปด้วยให้บอก ในแต่ละแอปนะคะ ที่เราเอามา นี่ อันนี้ด้วย ในหน้า... ในหน้าชื่อเรื่อง ใส่... ใส่ชื่อคนทำด้วย โอเค มีใครส่งเพิ่ม วันนั้นใครว่าเสร็จแล้ว เชอร์รีเสร็จยัง ถ้าเสร็จแล้ว ส่งเข้ามา ว่าจำได้ว่าว่าเสร็จแล้ว ส่งในไอ้นี่ลูก ส่งใน Classroom น่ะ ดูดี ๆ นะ ชื่อวิชานี้ตอนนี้มันมี 2 ภาคเรียน ภาคเรียนของเรานะคะ ของเราเป็นภาคเรียนที่ 1/66 อย่าไปกดเข้าผิดห้องนะ ห้องเราอยู่... อยู่ตัวนี้นะคะ อยู่วิชานี้ ภาคเรียนนี้ ถ้าเข้ามาแล้ว ส่งงานผ่านงานของชั้นเรียน วันที่โพสต์ไว้ล่าสุดของวันนี้ ก็คือนำเสนองานวิจัยนะคะ ตอนนี้สถานะส่งแล้ว 3 น้องบอกส่งแล้ว โอเค อ๋อ ไอ้... แสดงว่า... ไม่เป็นไรเดี๋ยวดูก่อน ชื่อเรื่อง เดี๋ยวนะ มันส่งถูกหรือเปล่านี่ เข้าใจผิดแล้ว เชอรี่ เชอรี่ ค้นงานจากไหน ให้ดูพี่เขานี่ เชอรี่เดี๋ยวถามก่อนงานนี่ค้นจากไหนคะที่ให้ค้นน่ะ ต้องค้นจากงานวิจัย มันต้องเป็นงานวิจัย นึกถึงนะ เดี๋ยวให้ดูนะคะ ค้นจากงานวิจัยนั้น หมายถึง นี่ เวลาค้น ถ้าค้นหาค้นอย่างงานวิจัยนี่ มันควรจะมีคำว่า "งานวิจัย" ด้วย แล้วก็บวก แล้วใส่เครื่องหมายบวกเข้าไปแล้ว ก็ตามด้วยชื่อที่เกี่ยวข้อง เช่น บอกแล้วเราจะค้นเกี่ยวกับแอปนะ เดี๋ยวให้คนที่เขาค้นเป็น เขียด เขียดลุกมานี่ เขียดมาพิมพ์ เขียดเปิดให้เพื่อนดูว่าต้องพิมพ์ว่าอะไร เห็นไหมเวลา Search นะคะ เด็ก ๆ ต้องพิมพ์คำว่า "งานวิจัย" เข้าไปด้วย เห็นไหม ของเขียดเขาพิมพ์ว่าเกี่ยวกับ ใส่คำว่า "เกี่ยวกับ" ข้าวไม่ใช้เครื่องหมายบวก เกี่ยวกับแอป ละมันก็จะมีนี่ มีไหมคะ ชื่อไฟล์งานทั้งนั้นเลยนะคะเด็ก ๆ มันก็จะขึ้นมา เห็นหรือเปล่า พอเวลาเราเปิดเข้าไปดู เดี๋ยวเปิดให้ดู นี่เขาก็จะบอกชื่อเลย การพัฒนาแอป ชื่อของใคร ชินวัตร ที่บอกว่าถ้าเด็ก ๆ จะเอามานำเสนอน่ะ มันควรจะเป็นงานวิจัยที่มา แล้วมีรายละเอียดทั้งหมดนี่ เป็นเล่มอย่างนี้เลย นี่เพราะอะไร ถ้าเป็นเล่มนี่ เขาจะมีตรงส่วนของบทที่... นี่นะ เห็นไหม ในงานวิจัยที่มีทั้ง 5 บท ใน 5 บทนี้ ข้อมูลที่จะเอามานำเสนอ มาได้อยู่ประมาณบทที่ 3 3 นี่เขาจะบอกเลยว่าใช้โปรแกรมอะไรทำ ใช้ภาษาอะไรเขียน มีแล้วก็บอกด้วยว่า คือ ในบทที่ 3 เดี๋ยวจะบอกวิธีการเลยว่าทำอย่างไร ซึ่งที่เราอยากได้ ก็คือเขาใช้โปรแกรมอะไรทำใช่ไหม เขาใช้ภาษาอะไรเขียน แล้วอีกตัวหนึ่ง ก็คือบทที่ 4 คือผล ผลที่เป็นรูป เหมือนที่เจ้าเขียดเอามาโชว์นะคะ ภาคผนวกละ เดี๋ยวให้ดูหมดเลยนะ เอายี่ห้อนี้ยังไหว เห็นไหมจะอยู่ที่บทที่ 4 บทที่ 4 ผลการวิจัยนะ วิธีเขาจะอยู่บทที่ 3 เห็นไหม ในบทที่ 3 เขาจะบอกเครื่องมือที่ใช้ แต่ไม่บอกรายละเอียดว่าใช้อะไร ไม่เป็นไร ดูได้ ตัวนี้อาจจะไม่มี แต่ของอันอื่นอาจจะมีนะคะ แล้วก็วิธีดำเนินการก็จะมีผลให้ไหม ก็จะมีภาพหน้าจอแสดงแอปเขาอะไรอย่างนี้ มันคือผล ก็คือรูปที่เพื่อนเอามาใส่เป็นตัวอย่าง ทีนี้ถ้าเด็ก ๆ ค้นเฉย ๆ นี่ บางทีบางตัวมันสังเกตง่าย ๆ ว่าถ้าเป็นเล่ม ถ้าเป็นเล่มเขาจะใช้คำว่า "รายงานการวิจัย" ถ้าเป็นบทความมันจะเขียนว่าบทความ หรือไม่มีชื่อข้างหน้า ทีนี้เพื่อ เพื่อไม่ให้ไปหาสับสนนะคะ ใช้คำนี้ ดูนะ งานวิจัยฉบับเต็ม ฉบับเต็มนี่ คือ งานวิจัยที่เป็นเล่มมีครบ 5 บท ค้นด้วยคำว่า "งานวิจัยฉบับเต็ม" นะคะ แล้วใส่เครื่องหมายบวก บวกอะไร Application เข้าไป คำว่า ไApplication เข้าไป เป็นไรนะ คำว่า "Application" ที่ถูกต้อง ก็คือคำนี้นะคะ นี่ ใช่ ไอ้เล่มเก่า ๆ ยังใช้ พ พาน อยู่ จะใช้ได้ 2 ตัวน่ะ ที่ถูก คือ นี่ใช้ได้ 2 อย่างนะคะ ตัวที่ถูกจริง ๆ ตามบัณฑิต อันนี้นะคะ นี่นะคะ ถ้าอย่างนี้เขาจะเป็นเล่มเลย นี่พอเปิดเข้าไป ถ้ามีอย่างนี้เป็นเล่มแน่นอน มีหน้าปก มีตรา มีโลโก้นี่ แล้วบอกว่าเป็นวิทยานิพนธ์หรือเป็นอะไรนี่ เป็นเล่มครบ 5 บทแน่นอนนะคะ แล้วถ้าเป็นของระดับปริญญาตรีนี่ โดยปกติจะบอกนะว่า... ว่าใช้อะไรทำ พัฒนาด้วยอะไร ตัวนี้หาไว้แล้ว ตัวเองยังสามารถนำมาไว้ใช้กับการทำโครงงานใน ปี 3 เทอม 2 ได้นะนี่ วิชาโครงงาน 1 เก็บไว้นะ เผื่อใครคิดว่าทำตัวนี้ บทที่ 3 นี่ 3 กับ 4 เขาจะบอก ที่บอกนะคะ มีภาษาอะไร เขาจะบอกนี่ เอ๊ย อันนี้มันน่าจะบทที่ 2 นะคะ นี่คือลักษณะงานที่เด็ก ๆ จะต้องหาแล้วสรุปลงใน PowerPoint คือบอกชื่อเรื่อง บอกชื่อผู้แต่งเช่น ถ้าใช้งานนี้ต้องบอกว่าใช้งานว่าเว็บแอปพลิเคชันการจัดการความรู้สำหรับนักศึกษา ระดับปริญญาตรีผู้แต่ง คือ ชื่อเขานี่ โดย อรลดา แซ่โค้ว แล้วภาษาที่เขาใช้มีอะไรบ้าง ก็ว่าไป ภาษาและโปรแกรมที่เขาใช้ในการพัฒนา แต่ถ้าอย่างนี้ ถ้าอย่างนี้มันเป็นบทความข้อมูลมันก็จะน้อยหน่อย นะคะ มันก็จะไม่ค่อยมีรายละเอียดอื่นให้ใส่ เพราะฉะนั้น บอกแล้วว่าให้หาเป็นงานวิจัยฉบับเต็มนะ ที่มีครบทั้ง 5 บทนะคะ โอเคไหม คนที่ยัง.... คนที่หาแล้วไปยัง... ให้ไปปรับปรุง ก็ปรับปรุงแก้ไข แล้วก็ส่งเข้ามาใน Classroom ใหม่นะคะ แต่คนที่ยังไม่หาหรือทำไม่ถูกก็ต้องหาใหม่นะคะ เดี๋ยวสัปดาห์หน้าเราจะเริ่ม... ไม่สัปดาห์หน้าล่ะ สัปดาห์นี้เลย ให้เด็ก ๆ เปิดเว็บบราวเซอร์ เปิดเว็บบราวเซอร์นะคะ แล้ว Search คำว่า... Search คำว่า... ตัวนี้ที่จะใหญ่ Search คำว่า Thunkable T-h-u-n-k Thunk ก่อนนะคะ T-h-u-n-k-a-b-l-e เพลง ดูโลโก้มันนะ เป็นไอ้ตัวแดง ๆ ใส่แว่นเนี่เหมือนตัวตุ่น แม่ว่ามันคือตัวตุ่น ใคร Search เจอแล้ว คลิกเข้าไปค่ะ ใครยังเข้าหน้านี้ไม่ได้ บอกให้ Search เห็นไหมน่ะ นี่ ๆ Search ตามข้างบนน่ะเห็นไหม T-h-u-n-k-a-b-l-e มาจากคำว่า "Thunkable" นะคะเด็ก ๆ ใครเข้ามาหน้านี้แล้ว ยกมือ เข้ามายัง ใครอยู่หน้านี้แล้ว ยกมือ ให้ขึ้นมาอย่างนี้เลยนี่ ถ้าใครเข้ามาแล้วมันจะเข้ามาหน้าอย่างนี้ นี่ หน้าที่โชว์หน้าตาอย่างนี้เลย เหลือใครยังไม่เข้า ดอม โอเค ดูนะคะ มันคืออะไร นี่จะเป็นตัวที่ No Code ไม่ต้องเขียนโค้ดนะ โดยปกติเห็นไหมเมื่อกี้ที่ยกตัวอย่างของเพื่อนนี่ถ้าทำ Application นี่เขียนโค้ดได้ไหม เขียนภาษาไม่ออกนะ PHP JavaScript อะไรนี่ แต่ภาษาให้ใช้ตัวนี้ No Code ก็คือไม่ต้องเขียนโค้ด มันยังมีโค้ดมาให้ จับโค้ดไม่ไปวางเพื่อพัฒนาอะไร Mobile App mobile app Development Made Easy ใช่ไหมคะ Mobile app ได้ง่าย ๆ เลยพัฒนา Mobile app แบบง่าย ๆ โดยไม่ต้องใช้โค้ด ต้องเขียนโค้ด ไม่ใช่ไม่ใช้โค้ด ใช้โค้ด แต่ไม่ต้องเขียนมัน mobile app แอปที่พัฒนาบนมือถือ ก็คือทั้ง Thunkable อันดับแรกเราจะต้องสมัครก่อน เตรียมกระดาษ เพราะลืมแน่นอน หากระดาษหรือโทรศัพท์นะคะ เพราะตัวเองจะต้องจดอะไร Username แล้วก็ password จำไม่ได้ เพราะเราจะใช้ เวลาเข้าใช้มัน บ้างมันจะมีในแถบเครื่องมือข้างบน เห็นไหม มันจะมีหน้า login ต้อง Login เข้าไปเพื่อใช้งานเขา อันดับแรกวันนี้ให้สมัครไว้เลย สมัครไว้ กดที่คำว่า "Sign up" เข้ามาหน้านี้หรือยัง มันจะมีให้เลือกเห็นไหมคะ ล็อกอินผ่าน Google แต่ถ้าใครใช้เข้าผ่านมือถือตัวเองหรือแท็บเล็ต เช่นของ Apple นี่ นั่นคือของ Apple ID ใช่ไหม เข้าผ่าน Apple ID หรือเปล่า แล้วก็เข้าผ่าน E-mail ทุกคนมี Google อยู่แล้วนะคะ โดยปกติ เพราะเวลาเราเข้ามา เราก็ต้องเข้า Classroom ด้วยให้เลือก Submit Google เลือกตัวแรกนะเด็ก ๆ บัญชีตัวเองนะ เลือกเข้าบัญชีตัวเอง จำได้นะคะ บัญชีตัวเอง บัญชีใครบัญชีมันนะ ไม่ใช่เข้าตามบัญชีแม่ เครื่องตัวเองก็เข้าบัญชีตัวเองน่ะ เลือกชื่อตัวเองน่ะ โอเคนะคะ บัญชีใคร บัญชีมันเด้อ ไม่ใช้มาเข้าตามเด้อ แล้วมันก็จะให้ยืนยัน อันนี้ใช่บัญชีของเราไหม ถ้าใช่ ก็คลิกยืนยันได้เลย คลิกเลย ทีนี้ของแม่ขึ้นเพราะอะไร แม่เคยสมัครแล้ว เทอมที่แล้วน่ะ ของเด็ก ๆ มันจะไปขึ้นว่าอะไรนะ ดอมฃขึ้นว่าอะไร เขาจะถามข้อมูลของเรานะคะ มีอยู่ 3 อัน อันแรก คือ สำหรับการทำงาน อันที่ 2 สำหรับการสอนหรือเข้าชั้นเรียน การใช้งานส่วนตัว เราเลือกอันที่ 2 การเข้าชั้นเรียนให้เลือกอันที่ 2 นะคะ โอเคไปหน้าไหนต่อ ไปไหนต่อ ตัวเองก็เป็นอะไรคะ ตัวเองเป็น student ใช่ไหม นักเรียนใช่ไหมคะ ตัวเองก็เลือกอะไร นักเรียน เห็นยังให้เลือกตรง... มันใช้คำภาษาไทย ภาษาอังกฤษ ถ้าของใครเป็นภาษาไทยเลือกนักเรียน ถ้าของใครเป็นภาษาอังกฤษเลือก Student โอเคไหม ไม่เคยทำใช่ไหม มีใครเคยทำแล้ว ถ้าไม่มีก็คลิกอันแรกเลย คลิกอันที่ 1 ไปไหนต่อ รูปมือถือ กดที่คว่า Get start ไปเลยค่ะ กดปุ่มกด Get start อเคไหม ถ้าใครเข้ามาถูกแล้ว มันจะเข้ามาที่หน้าคำว่า "start building" ถูกต้องนะคะ เด็ก ๆ คลิกที่คำว่า.... เปิดเครื่องก่อน Start Building กดปุ่มแบบใหญ่ ๆ Start Building น่ะค่ะ กดเลย ภาษาไทยหรือ เป็นภาษาไทย ขอโทษ เริ่มสร้างนะคะ แปลงร่างเป็น 2 ภาษาอีก ทีนี้มันจะมีหน้าต่าง Pop Up ขึ้นมาให้กรอก อันแรกกรอกชื่อ อย่าเพิ่งนะคะ ให้เด็ก ๆ ไปดูช่องที่ 2 Category ที่มันเป็นช่องที่ 2 คลิกเข้าไป เห็นไหม มันจะมีให้เราเลือกว่า ตัวนี้คือลักษณะของ App ที่เราจะพัฒนาน่ะ เกี่ยวกับเรื่องอะไร นั่นก็คือ Category มันนะคะ มีอะไรบ้าง เอาแบบง่าย ๆ แล้วกัน นะคะ นั่นก็คือ... เอาอะไรดีนะ เดี๋ยวนะ โดยปกติแม่เลือกอะไรนะ อันนี้อันนี้ทำเป็นหนังสือนะคะ เอาแบบแรกก่อนก็ได้ เอาแบบ Book ไปเลือก Book ก่อน พัฒนาแอปที่เป็นเหมือนหนังสือ Book ไหมคะ ตรง Name Name ให้ตั้งชื่อ เดี๋ยวแก้ได้ จะรีบไปไหน ช่องบนสุด เขาจะให้ใส่ชื่อใช่ไหม ใส่ชื่อ ชื่อในทีนี้ มีความจริงมัน ก็คือชื่อของ App แอปเรา มันเป็นหนังสือ ให้นึกถึงว่าในสิ่งที่เราเราจะทำหนังสืออะไร ถ้าสมมติ ก ไก่ ก ไก่ ถึง ฮ นกฮูก อย่าลืมว่าเวลาตั้งชื่อโปรแกรมอะไรก็แล้วแต่ แม่สอนไว้แล้วว่าห้ามตั้งชื่อเป็นภาษาไทย Microsoft Word เท่านั้นที่ฉันจะยอมให้เธอตั้งชื่อเป็นภาษาไทย นึกออกนะ แต่เมื่อเราทำโปรแกรมใด ๆ ก็แล้วแต่ ชื่อจะต้องตั้งเป็นภาษาอังกฤษ เพราะฉะนั้น ยังนึกไม่ออก เราใช้ง่าย ๆ เลย Boแล้วก็ตอบด้วย1 หมายเลข 1 เข้าไปก่อน พิมพ์ชื่อลงไปตรงตำแหน่งด้านบนน่ะ พิมพ์ชื่อโดยใช้ใช้ชื่อเดียวกัน เพราะเวลาเรียกใช้ App นี้ตอนจะทำไม่รู้นะ บอกให้ใช้คำว่า "Book" B-o-o แล้วก็ k พิมพ์คำว่า "Book" พิมพ์ตามตัวข้างบนน่ะเห็นไหม B-o-o-k แล้วก็เลข 1 นะคะ ตรงชื่อตำแหน่ง ชื่อใครเสร็จแล้วกด OK เดี๋ยวแม่ให้ดูตรงช่องนี้ ลืมเปิดให้ดู เห็นไหมคะ ตรงชื่อนะ เสร็จแล้วคลิกที่คำว่า "create" นะคะ Create หรือสร้างนั่นเอง ใครสร้างเสร็จ รอแป๊บ มันจะเข้ามาหน้านี้ไหม หน้านี้เขาจะจำลองรูปของมือถือนั่นเองนะคะ ลักษณะ ตรงนี้ คือ เป็นหน้าของมือถือที่เราจะใช้ในการสร้าง ส่วนตรงนี้ ฝั่งนี้เห็นไหม คือ Tool หรือเครื่องมือที่จะใช้นะคะ ลักษณะการทำงานของ Thunkable มันจะมีพวกนี้ให้เราเอามาวาง เหมือนจับ... จับแล้ววาง วางลงในหน้าจอ ลากแล้ววางในหน้าจอ ให้เป็นรูปเป็นร่างออกมา เป็นชิ้นงานออกมานะคะ เขาถึงบอกว่าไม่ต้องเขียน Code คือถ้าเรียนไปเรียนเขียน Coding นี่ มันจะมีเขียนเลยสั่งให้เขียน เขียนตั้งแต่ Title เลย ชื่อเรื่องอะไรอย่างนี้ นึกออกนะ แต่ตัวนี้เราไม่ต้องเขียนเครื่องมือจำไว้เลยนะคะ เครื่องมือจะอยู่ทางฝั่งหันหน้า ซ้ายมือนะ ซ้ายมือของเรานะคะ เพราะเวลาเรานั่งหันหน้าเข้าหาคอมพิวเตอร์ เครื่องมือจะอยู่ทางฝั่งซ้ายมือ ส่วนขวามือแถบตัวนี้ มันจะเป็น properties ก็คือการกำหนดคุณสมบัติ ไอ้ฝั่งขวามือนี่จะเป็นเครื่องมือที่ใช้ในการกำหนดคุณสมบัตินะคะ Properties ต่าง ๆ ใช่ไหมคะ สี มีอะไรบ้าง ที่เห็น ๆ อยู่นะคะ เช่น Background นี่เราจะเลือก Background มีเป็นFiled หรือเป็น image background ก็คือพื้นหลัง ให้นึกถึงเวลาเขาทำ App บางแอปมันก็จะมีภาพอยู่ข้างหลัง หรือมีสีพื้นอยู่ข้างหลังนั่น Background สามารถเลือกได้ 2 แบบคือ background ที่เป็นสี หรืโดยใช้คำว่า "Field" กับ background ที่เป็นรูปภาพหรือ Image นะคะ 2 อย่างมันจะอยู่ที่ฝั่งนี้ส่วนฝั่งทางซ้าย นะคะ แถบเครื่องมืออันแรกในแถบแรกเลย Basic Basic ก็คือแถบเครื่องมือพื้นฐานนี่ เหมือนเวลาเราจะทำปุ่มเพื่อให้มันกดเหมือนกดใน App นะ กดปุ่มนั้น ปุ่มนี้นี่ มันจะใช้ Tool ไม่ใช่ว่า Bottom ตัวแรกเลย Buttom ก็คือสำหรับสร้างกลุ่ม ทำอะไรเพื่อเป็นการเชื่อมโยงหรือการทำActive น่ะนะคะ ก็คือการปฏิสัมพันธ์ของแอปนั่นเองนะคะ ส่วนอันที่ 2 Label Label นะคือป้าย ถ้าแปลตามตัวมันคือป้าย ไปถึงทำอะไรบ้าง ป้ายนั่นคือป้ายชื่อ ชื่อเรื่อง หรือชื่ออะไรก็แล้วแต่ ใช้ Label Image ชื่อก็บอกอยู่แล้วImage ก็คือลูกเมื่อไหร่ที่เราต้องการใช้รูปเราจะคิดที่พูดนี้ text input text input นั่นก็คือเป็นเป็นช่องให้กรอกข้อความได้ เหมือนตอนที่เรากรอกชื่อ Book 1 เข้ามาน่ะ เห็นไหมนั่นคือ Text input นั่นก็คือใช้ในกรณีที่เราต้องการข้อความหรือเป็นการกรอกข้อมูลลงไป เหมือนตอน Search engine ตรงแถบแบบที่ให้กรอกมันพิมพ์ ก็คือ text input นั่นเองนะคะ ไปไหนนี่ Group หมายถึงคือพอเวลาเราสร้างนี่บางทีชิ้นงานนี่ มันมีหลายชิ้น แต่เราต้องการทำให้มันจากหลาย ๆ ชิ้นนี่ เป็นชิ้นเดียว เราจะใช้ตัว Group นี่เป็นตัวสั่ง ไม่ให้ชินวัตถุในชิ้นงานน่ะมันเป็นหลาย ๆ ชิ้นน่ะ ไม่ค่อยได้ใช้เท่าไร ส่วนตัวนี้ Layout ส่วนของ Layout นั่นก็คือจะเรียกว่าไง layout นั่นก็คือการจัดรูปแบบน่ะค่ะ ว่าต้องการให้หน้ามือถือนี่ ที่เราจะออกแบบนี่ มันมีหน้าตาอย่างไร วางบกรอบยังไงให้เป็น ตรงนี้เป็นแนวตั้งตรงนี้เป็นแนวนอนอย่างนี้ค่ะ นั่นก็คือลักษณะหรือรูปแบบกำหนดรูปแบบให้มันนะคะ มาดูแถบเครื่องมือต่อมา แถบเครื่องมือที่ 2 Data ก็คือข้อมูลเมื่อใดที่เราจะต้องทำแอปแล้วมันไปเกี่ยวข้องกับข้อมูล เราจะมาใช้แถบเครื่องมือนี้ ซึ่งมี Simple List ก็จะมีลักษณะเหมือนหัวข้อ เหมือนหัวข้อย่อยนะคะ แบบที่ 2 เป็นแบบ Data viewer List แล้วก็แบบที่ 3 เป็นแบบ Data Viewer Grid นะคะ เห็นไหมคะ จะมี 3 แบบ ก็คือลักษณะการจัดวางข้อมูลนั่นเองนะคะ อันนี้เดี๋ยวอธิบายก่อน เราจะพูดถึงใน... เราทำจริง ๆ Tool ต่อมาชื่อว่า Input ก็คือต้องการให้ Input ก็คือการนำเข้าข้อมูลน่ะ เอาอะไรเข้าไปบ้าง Switch ใส่เข้าไปไหม มี Switch ไว้เพื่อเปิด-ปิดไหม มีสไลด์ไหม ก็คือให้ให้เลื่อน ให้เลื่อน มี Checkbox หรือเปล่า Checkbox สำหรับติ๊กน่ะค่ะ ค้นข้อมูลที่เป็นแบบ Checkbox แล้วก็ input input ข้อมูลที่เป็นวันที่หรือเปล่านะคะ ถ้า Teinput input เวลาใส่เวลาด้วยหรือเปล่าก็คือเครื่องมือที่เราจะใช้กันนะคะ จะอยู่โซนนี้ทั้งหมดนะคะ Tool Media Media ก็คือเกี่ยวกับพวกแอนิเมชัน เกี่ยวกับวิดีโอ เกี่ยวกับการโหลดไอคอนพวกนี้ก็คือเมื่อต้องการใส่แอนิเมชันเข้าไป เราต้องมาเลือกที่ media แต่นั่นหมายถึงว่าเราจะต้องมี Animation แล้วนะคะ ถึงเอามาได้ Embed Embed นี่หมายถึงการฝังไว ้อะไรweb viewer อะไรพวกนี้นะคะ อ่านว่าอะไรพวกนี้นะคะ อันนี้จะฝัง จะ Advance หน่อย นะคะ Basic เลยที่เราจะใช้ตัวแรกก็ลองดูไปที่ Label ก่อน ไปที่ Basic นะคะ แถบเครื่องมือ Basic ถ้าตัวไหนไม่ใช้นี่เราคิดอย่างนี้ ใครเปิดมาแล้วเป็นอย่างนี้หา Tool ไม่เจอมีแต่ชื่อ มีแต่ชื่อนี่ เด็ก ๆ คิดเข้าไปที่ชื่อของ Tool นั้นนะคะ ก็จะขยายออกมา เห็นไหมคะ เปิดมาครั้งหน้าแล้ว หายไปไหน มันไม่ได้หายนะลูก มันอยู่นี่แหละ มันซ่อน คลิกที่ชื่อมันก็จะขึ้นมาทุกอันนะ คะ ทั้งสองฝั่ง ทั้งซ้าย ทั้งขวา จะเป็นเหมือนกันมันไม่ได้หายไปไหนนะ ในโหมดการทำงานมันจะมี 2 โหมด เด็ก ๆ ดูนะคะ ตรงโหมดการทำงานจะอยู่ด้านบน ก็คือตรงที่แสดงคำว่า "Design" Design ก็คือเป็นส่วนของการออกแบบ หนังสือหน้านี้เราจะออกแบบหน้าตาแอปเรายังไงมันจะอยู่ในหน้า Designแต่พอมาอีกโหมดหนึ่ง โหมดที่ 2 คลิก Block ในส่วนของ Block เนี่เด็ก ๆ เห็นแถบทางซ้ายมือเนะที่เห็นนี่ คือโค้ด ที่บอกว่าไม่ต้องเขียนน่ะ มันคือโค้ดที่มีอยู่แล้ว ที่เราจะสามารถดึงมาใช้งานได้ ลองคลิกนะคะ ลองคลิกไปทีละอัน นี่คือลักษณะโค้ดที่เราจะนำมาใช้งานเห็นไหม เราแต่เราก็ต้องเข้าใจก่อนว่าโค้ดตัวนี้มันใช้อย่างไร แต่ละตัวเหมือนต้องการใช้นี่ วิธีการก็คือมันจะเป็นการดึงไอ้โค้ดที่เห็นนี่ เอาออกมาวางตรงนี้ เพื่อ... จะบอกว่าเขียนว่าไม่เขียนนะ มันจะเป็นเหมือนกันต่อจิ๊กซอว์ของโค้ด สร้างไว้ให้แล้ว ไม่ต้องเขียน แต่ต้องเข้าใจว่าโค้ดเขาเลย เรียกว่า "บล็อก" มันทำเป็นบล็อกไว้ คือ แต่ละตัวนี่สังเกตมันจะมีเอามาต่อกันได้เราจะมาต่อบล็อกอย่างไร เพื่อให้แอปมันทำงานตามที่เราต้องการ นึกออกนะ เดี๋ยวจะบอกว่ามันจะมีคำสั่งอะไรที่เราจะใช้ สังเกตว่าแต่ละ Block ก็จะมีอยู่ สีไม่เหมือนกันนี่ ลักษณะ Block เขาจะเปลี่ยนไปตามสี เพื่ออะไรเพื่อให้เรารู้ว่า เมื่อใดที่เราจะใช้งานโค้ด ลักษณะไหนนะคะ เราก็จะมาเลือก Block แล้วเวลาไปเชื่อมเราจะได้รู้ด้วยว่าไอ้สีไหนมันควรจะไปเชื่อมกับสีไหน นะคะ มันก็จะเหมือนเวลาเขียนโค้ดเขียนผิด Error ให้นึกถึงนะ แต่ถ้าตอบผิดก็เหมือนกัน ไม่เกินแล้ว มันก็จะอาจจะเกิดบัค หรือ Run Loop ไม่รู้จบ Run อยู่นั่นแหละ ไม่ไปหน้ามาหลังวนอยู่นั่นแหละ อย่างนี้เป็นต้นเพราะฉะนั้น เราจะทำงานใน 2 โหมด ถ้าเมื่อไหร่ที่บอกว่าไปหน้าดีไซน์เด็ก ๆ ก็ต้องพลิกกลับมาที่โหมดดีไซน์แต่เมื่อไหร่ที่เราจะ Coding ปุ๊บเด็ก ๆ ต้องคลิกไปท Block ทันทีนะคะ เพื่อจะทำการโค้ดเพื่อเขียนโค้ดนั่นเองนะคะ แล้วสัปดาห์นี้ยังไม่เริ่ม เดี๋ยวจะหาตัวอย่างก่อน จะทำหนังสือแบบไหน เทอมก่อน เดี๋ยวให้ย้อนกลับไปดู ในเทอมที่แล้ว พี่ ๆ เขาทำ... นี่นะคะ เขาทำมา พอกดไปเปิดวิดีโอได้ อันนี้ไม่ได้เปิดเสียงนะ ทำไมฟอนต์มันเปลี่ยน จะย้อนกลับ จะเป็นลักษณะงานที่เขาทำส่ง เห็นไหมใส่อะไรได้ ใส่ข้อความได้ ใส่รูปได้ มีปุ่มสำหรับกดไป Action ต่าง ๆ อันนี้ Basic มากเลยนะ Error แสดงว่าไอ้นี่น่าจะหมดไปแล้ว เขาเลยใช้ชื่อว่า A-Z มันจะเป็นงานที่ทำ นั่นก็คือความจริงแล้วพอกดปุ่ม Speak นี่ มันจะพูดคำศัพท์คำนี้ออกมา แต่ตอนนี้ ตอนนี้กดปุ่มนี้เข้าไป แสดง Video เกี่ยวกับตัว Z ตัวนี้ มันอยู่ที่เราเลือกกันหมดว่าไอ้ตัวนี้มันจะทำงานอะไร ก็คือไปสั่ง Block ให้ทำงาน ที่เห็นนี่คือหน้าที่สร้างขึ้นมานะคะ เด็ก ๆ จะมีหน้าไอ้นี่เ ขาจะมีหน้าที่สร้างขึ้นจนครบนะคะ เดี๋ยวเราจะมาทำกันต่อในสัปดาห์หน้า รู้วิธีเข้ายังจำไว้นะคะ ที่เราจะใช้ก็คืออะไรคะ Thunkable สัปดาห์หน้ามาเด็ก ๆ จะต้องเปิดเข้ามาที่เว็บนี้ ทุกครั้งเสมอนะคะ เข้ามาแล้วพอ login นี่ มันก็จะเข้ามาหน้านี้เสมอเหมือนกัน กด login เพราะเราใช้วิธีการ Sign up ด้วย Google อยู่แล้ว เพราะฉะนั้น ต้องดูด้วยว่าเราเปิดบัญชี Google ของเราหรือยังด้วยนะคะ ถ้าเด็ก ๆ Account เราไม่ขึ้นเนี่มันจะเปิดชิ้นงานเราไม่ได้นะคะ ใน Thunkable มันจะเข้ามาหน้า... หน้าที่มีงานที่เราสร้างไว้ไม่ได้นะ เดี๋ยวเราจะมาพัฒนาการในสัปดาห์หน้านะคะ สัปดาห์นี้ เวลาที่เหลือใครที่ยังทำงานนำเสนอไม่เสร็จทำแล้วส่งในระบบให้เสร็จในสัปดาห์นี้นะคะ และอย่าลืมอีกวิชาหนึ่ง สัมมนา สัมมนาก็ให้ส่ง ทำให้เสร็จเลยนะ ตอนบ่ายเรา... ไม่ ไม่ต้องไปเจอกัน ยังไม่ต้องเจอกันนะคะ วันนั้นสัปดาห์นี้พอแค่นี้ขอบคุณที่ล่ามค่ะ ขอบคุณค่ะ โอเคนะคะ ใครที่ยังทำไม่เสร็จทำให้เสร็จเด้อ ไม่อย่างนั้นเดี๋ยวหักคะแนนแล้วนะ สัปดาห์นี้เริ่มหักคะแนนแล้วนะ ถ้าใครยังไม่ส่งอีก [สิ้นสุดการถอดความ]