(อาจารย์สุธิรา) นอกเหนือจากนั้นคืออำเภออะไรอย่างนี้ไม่ จะอยู่เฉพาะในพื้นที่อันนี้เขาเจาะจงเลยว่าเขาให้บริการเฉพาะในพื้นที่เทศบาลพิษณุโลก นี่คือ Application ตัวที่ 1 ของเขียดที่หามา ยังขาดอะไร แสดงว่าทำหน้าตาอย่างนี้มันน่าจะเป็น รู้จักหน้านะคะ เมื่อเข้าไปลักษณะจะเป็น เหมือน Web app เด็ก ๆ ดูนะคะ เมื่อกี้ Application เฉย ๆ มาดูข้อที่ 2 Web Application หางานสำหรับผู้สูงวัยอ่านไม่เห็นเลยเพราะตัวเล็กมาก 16 ภาษาที่ใช้ว่าจะมี Xampp Xampp ไม่ได้เป็นภาษานะ แต่ Xampp มันจะเป็นระบบฐานข้อมูล Visual แล้วแบบนี้มี PHP มีอะไรอีกนี่ นะคะ ขอขยาย นี่เห็นไหม ดูในคำอธิบายตัวเองตัวเองก็บอกว่า Xampp คือโปรแกรม Web Server ฉะนั้น Xampp ไม่ใช่ภาษานะ ต้องบอกว่าโปรแกรมนะคะ ต้องแก้ด้วย Visual Studio Code นี่ก็เป็นโปรแกรม ภาษา Visual Studio ไม่มีนะแต่ถ้าภาษา Visual น่ะมี ในงานวิจัยเขาเขียนมาอย่างนี้เลยหรือ ว่าเขาใช้ภาษา Xampp ภาษา Visual Studio Code อ่าน P นี้เป็นภาษา Woodstock แบบนี้ก็ไม่ใช่ภาษานะ มันก็จะเป็นโปรแกรมเหมือนกันอาจ cssCSS Html ใช่ Javascript ใช่ นี่ใช่ ใช่อยู่ 1 2 เด็ก ๆ อย่างนั้นสั่งการบ้านเพิ่ม ค้นภาษาคอมพิวเตอร์นะ ไปดูนะ ภาษาคอมพิวเตอร์ว่ามีอะไร ตัวนี้มันไม่ใช่ภาษา แต่มันเขียนว่าเป็นภาษา ทำค้นเรื่องภาษาคอมพิวเตอร์นะคะ เดี๋ยวจะมอบหมายงานหลังชั่วโมงค้นแล้วรวมมาว่ามีกี่ภาษาได้กี่ภาษาอะไรบ้าง เรื่องภาษาคอมพิวเตอร์นะเด็ก ๆ นะเหมือนจะสับสนครับ แต่ความจริงก็ต้องควรดูด้วยว่ามันต้องมีบอกล่ะ เหมือนเหมือนถ้าเขาบอก ว่าเขาใช้โปรแกรมนี้ เราก็ต้องย้อนไปดูไอ้โปรแกรมนี้มันใช้เขียนภาษาอะไร ได้บอกไหม ให้มันสื่อถึง เพราะการดึงงานนำเสนอนี่ ไม่ใช่ว่าเอาตามเอกสารเขาทุกอย่าง เราก็ต้องตรวจสอบด้วย ว่าข้อมูลที่เขาเอามาลงนี่ ถูกต้องไหมนะคะ เดี๋ยวสรุปทำเป็นตารางเด้อ เดี๋ยวทำตัวอย่างให้ดูชื่อภาษาและก็ความหมายของภาษานี้ ใช้สำหรับเขียนอะไร เหมาะกับงานประเภทไหนหน้าตาจะแตกต่างกันอย่างไร web app กับ App เฉย ๆ ถ้า web app นี่ ก็คือเขาจะต้องทำงานผ่านเว็บหน้าเว็บ สร้างหน้าเว็บขึ้นมานะคะ เด็ก ๆ มีหน้าเว็บขึ้นมาให้ เสร็จแล้วก็ทำงานผ่านหน้าเว็บนั้นน่ะนะคะ ลักษณะจะต่างกันอันนี้ก็ Web App ให้บริการข้อมูลต้นทุนในการก่อสร้าง นี่เห็นไหมภาษา SOAP SOAP ก็ไม่ใช่ภาษา Simple Object Access Protocol ชื่อตัวนี้มันระบุเลยมันคือ Protocal ภาษาที่ใช้ ก็คือ HXML นี่ HXML นะคะ อย่างนี้ สังเกตอะไร เห็นไหมถ้าเป็นภาษาคำว่า "ภาษาอังกฤษ" มันจะมีคำว่า "Langauge " ต่อท้ายทุกตัวเลยนะคะ เด็กจะต้องดูตัวนี้ด้วยนะคะ เดี๋ยวโอเคของเขียดนะ ไปปรับที่บอกให้เพิ่มว่า App แต่ละตัวนี่ มันทำงานบนระบบปฏิบัติการอะไรเพิ่มเข้ามาด้วย ผู้ให้บริการซ่อมบำรุงรถยนต์ แล้วก็แก้เช็กภาษานะ ว่ามีภาษาตัวไหนที่เป็นภาษาใส่คำว่าภาษาตัวไหนไม่ใช่ข้อเขียนเป็นโปรแกรมนะคะ ตรวจสอบสไลด์ให้ถูกต้องด้วย ชื่อ Fixzy Auto ส่งเสริมการเรียนรู้และเขียนโปรแกรม อันนี้มีใส่โลโก้ของตัวภาษามาด้วย ตัวโปรแกรมมาด้วย แต่ไม่ได้บอก ต้องเขียนบอกมาอย่างนี้นะเป็นภาษาไทยว่าเป็นภาษาเหมือน... ขอโทษมือไวไปหน่อยใส่โลโก้มาก็จริงเพราะบางทีเพื่อนไม่รู้เหมือนเห็นไหมถ้าใส่มาเดี๋ยวนี้เลย ไปหน้าไหนแล้วแป๊บหนึ่ง ถ้าใส่มาอย่างนี้ ถ้าใครไม่เข้าใจก็ไม่รู้ตัวไหนเป็นภาษาไทยยังเขียนบอกมาอยู่ว่าเป็นภาษาแต่ควรจะเขียนไปข้างหน้าภาษาJavascript Ronic Frame แยกน่ะค่ะ ให้แยกส่วนส่วน คือ ในหน้านี้ ตรงหัวข้อนี้ หัวข้อบอกแล้ว ว่าภาษาและโปรแกรมที่ใช้ เพราะฉะนั้นต้องแยกไปเลย ภาษาหัวข้อย่อยภาษาก่อน แล้วก็บอกเขาย้ายที่ 2 โปรแกรมทีนี้ไม่ใส่คำว่าภาษาไว้ข้างหน้าก็ได้ เพราะมันโดนจัดภาษาอยู่ตรงกลุ่มนี้แล้ว โปรแกรมอยู่ตรงกลุ่มนี้แล้ว นึกออกนะคะ เพราะฉะนั้น แยกออกเป็น 2 ส่วนให้เห็น 2 หัวข้อย่อยให้เห็น ก็คือหัวข้อที่ 1 หัวข้อย่อยที่ 1 คือภาษา หัวข้อย่อยที่ 2 คือ โปรแกรม ในหน้าหัวข้อภาษาและโปรแกรมที่ใช้พัฒนา App เดี๋ยวปรับให้ปรับแก้ตามที่แนะนำแล้วก็อย่าลืมแก้ขนาดตัวอักษรด้วยนะคะ โอเค 1 1 ชิ้น 1 2 5 หน้างานใช่ไหม 3 4 5 โเค ตัวอย่างน่ะลูกไอ้หน้าลูกตัวอย่างนี่ เอาสักไม่ต้องเอาหมดเยอะไปเอาสัก 2 หน้าพอ เรียกหน้าที่หน้าแรกก็ได้แล้วก็น่าแรก ๆ มันน่ะที่เข้าใจ ว่าเหมือนหน้าแรกนี่ หน้าตาเป็นอย่างนี้ และหน้าที่จะสั่งอาหารเป็นอย่างไร แสดงว่าเขามาสั่งอาหารอะไร อย่างนี้เอาสักหมายถึง 2 สไลด์ เอา 2 สไลด์ใส่ 3 หน้านี่ล่ะเอา 2 สไลด์พอไม่ต้องเกินนั้นนะ รูปภาพประกอบหรือรูปภาพตัวอย่างเอา 1-2 สไลด์พอ โอเคนะคะ อย่างนั้นเขียนแก้แล้วค่อยส่งเข้ามาใหม่ ใครครับส่งเข้ามาหรืยังไปครับ ใครเอ่ย เสร็จแล้วหรือ นพกิจ ไหนดูสิ ของแฝดนะคะ ไม่ใช่แล้ว อันนี้มัน... อันนี้มันอีกวิชาหนึ่งนี่ แฝดส่งผิด อันนี้คือวิชาตอนบ่ายนะ วิชานี้ชื่อว่า ดู ชื่อวิชา วิชาเช้านี้การพัฒนาโปรแกรมประยุกต์บนอุปกรณ์เคลื่อนที่เมื่อกี้ให้ดูตัวอย่างของเขียดแล้วนะ ของเพื่อนนี่ ที่เขาทำมานี่ มีปรับแก้อยู่แค่ขนาดตัวอักษรนะ แล้วก็ใส่หัวข้อเพิ่มหัวข้ออีก 1 หัวข้อ ก็คือหัวข้อระบบปฏิบัติการเข้าไป1 อันแค่นั้น ส่วนเนื้อหาเขียดหาได้ดีมากเลย ครบ 5 เรื่องแล้วก็ลักษณะไม่ซ้ำกันเลยนะคะ งาน... งานของเขียดที่หามาตั้งแต่มีปักแก้เกี่ยวกับเรื่องภาษากับโปรแกรมแค่นั้น แล้วก็เพิ่มเติมระบบปฏิบัติการเข้าไปแค่นั้นเองนะคะ ไม่เสร็จบ่ดอม อันหนึ่งทำแต่หัวมาน่ะ ส่งเข้ามาก่อนแม่จะได้ดูว่าแม่เรื่องครบหรือยังโอเคไหมดอมค่อยไปเพิ่มตามที่ระบุให้ส่งเข้ามานะครับ ก็ไม่เป็นไร จะดูว่ามีเรื่องอะไรบ้างไง 5 เรื่องได้เรื่องอะไรบ้าง แล้วเดี๋ยวจะบอกเพิ่ม ก็ให้ทำตามตัวอย่างของเพื่อน ให้ดูนะคะ ใครที่ยังทำไม่เสร็จนะคะ ขอดูตัวอย่างไม่ต้องขอดู เข้าไปดู นะ เข้าไปดูตัวอย่างจากเพื่อนได้นะ เดี๋ยวขอดูของพงพรนะคะ ของดอม เสร็จแต่บอกว่ามีแต่ชื่อเรื่อง เดี๋ยวดูก่อน App แรกแอปพลิเคชันเพื่อการบริหารจัดการคุรุภัณฑ์โสตอันนี้คือเขียด เขียดบอกชื่อของเขียดน่ะ เมื่อกี้เขียนไม่ได้บอกว่างานนั้นน่ะ ใครเป็นคนทำ บอกชื่อผู้ ผู้จัดทำด้วยนะ นะคะ ในหน้านะ ไอ้หน้าปกของงานแต่ละชิ้นน่ะ เขาจะมีบอกว่าของใครน่ะ ต้องนะอันนี้ถูกละ เรื่องที่ 2 App เพื่อการจัดการจราจรโอเค จัดการจราจรนะคะ เผยแพร่ นี่ ๆ เวลาตัดคำดูด้วยนะคะ เวลาทำข้อความนี่ สำหรับการเผยแพร่ภูมิปัญญา ภูมิมันแยกออกจากกันนี่ เห็นไหมลูกตรวจนะคะ ตัดลงมาเอาภูมิหรือถึงแค่คำว่า "เผยแพร่" แล้วเอาคำว่า "มรดกภูมิปัญญา" นี่ เอาไว้บรรทัดนี้บอกที่มานะคะ ว่าของใคร ภาษาอังกฤษ สื่อการเรียนรู้ แบบที่ 3 เป็นสื่อ แบบที่ 4 บริหารจัดการงานซ่อมบำรุง โอเค เรื่องไม่ซ้ำนะคะ แต่ขาดรายละเอียด ใส่รายละเอียดเข้าไปตามหัวข้อเรื่องที่เพื่อนนำเสนอนะ มีของใครอีกที่ได้ค้นมาแล้วอันนี้ให้ดูเป็นตัวอย่าง นี่ ๆ เขียดของเขียดหน้าเนเพิ่มเพิ่มข้อมูลชื่อคน คนที่เขาทำโดยเขียนโดยเหมือนเดิมก็ได้โดยใครใส่ชื่อเขาลงไปด้วยนะคะ ให้บอก ในแต่ละ App นะคะ ที่เราเอามา อันนี้ด้วย ในหน้า ในหน้าชื่อเรื่องใส่ ใส่ชื่อคนทำด้วย โอเค มีใครส่งเพิ่ม วันนั้นใครว่าเสร็จแล้ว เชอร์รีเสร็จยัง ถ้าเสร็จแล้วส่งเข้ามา ว่าจำได้ว่าเสร็จแล้ว ส่งในไอ้นี่ลูกส่งใน Classroom ดูดี ๆ นะ ชื่อวิชานี้ อันนี้มันมี 2 ภาคเรียนรู้ภาคเรียนของเรานะคะ ของเราเป็นภาคเรียนที่ 1/66 อย่าไปกดเข้าผิดห้องนะห้องเราอยู่... อยู่ตัวนี้นะคะ อยู่วิชานี้ ภาคเรียนนี้ ถ้าเข้ามาแล้วส่ง งานผ่าน งานของฉันเรียนวันที่โพสต์ไว้ล่าสุดของวันนี้ ก็คือนำเสนองานวิจัยนะคะ ตอนนี้ขึ้นสถานะส่งแล้ว 3 น้องบอกส่งแล้ว โอเค อ๋อ... แสดงว่าไม่เป็นไรเดี๋ยวดูก่อน ชื่อเรื่อง เดี๋ยวนะ มันส่งถูกหรือเปล่านี่ เข้าใจผิดแล้ว เชอร์รี เชอร์รีค้นงานจากไหน เชอร์รีเดี๋ยวถามก่อนงานนี่ ค้นจากไหนคะ ที่แม่ให้ค้นน่ะ ต้องค้นจากงานวิจัย มันต้องเป็นงานวิจัย นึกถึงนะ ให้ดูนะคะ อย่างงานวิจัยนั้นหมายถึง เวลาค้น ค้นอย่างงานวิจัยนี่ มันควรจะมีคำว่า "งานวิจัย" ด้วย บวกแล้วใส่เครื่องหมายบวกเข้าไป แล้วก็ตามด้วยชื่อ ชื่อที่เกี่ยวข้อง เช่น บอกแล้วเราจะค้นเกี่ยวกับ App นะ เดี๋ยวให้คนที่เขาค้นเป็น เขียดเขียดลงมานี่ เมาพิมพ์ขี้เกียจเปิดให้เพื่อนดูว่าต้องพิมพ์ว่าอะไรเห็นไหมเวลา search นะคะ เด็ก ๆ ต้องพิมพ์คำว่า "งานวิจัย" เข้าไปด้วยใช่ไหม ของเขียดเขาพิมพ์ว่าเกี่ยวกับใส่คำว่าเกี่ยวกับข้าวไม่ใช้เครื่องหมายบวกเกี่ยวกับ App มันก็จะมีเนี่ยเห็นไหมคะ ชื่อไฟล์งานทั้งนั้นเลยนะคะเด็ก ๆ มันก็จะขึ้นมาเห็นหรือเปล่า พอเวลาเราเปิดเข้าไปดู เดี๋ยวเปิดให้ดู นี่เขาก็จะบอกชื่อเลย การพัฒนาแอป ชื่อของใครชินวัตรที่บอกว่าถ้าเด็ก ๆ จะเอามานำเสนอน่ะ มันควรจะเป็นงานวิจัยที่มาแล้วมีรายละเอียดทั้งหมดนี่ เล่นอย่างนี้เลยนี่ เพราะอะไร ถ้าเป็นเล่มนี่ เขาจะมีตรงส่วนของบทที่ เห็นไหม ในงานวิจัยที่มีทั้ง 5 บท ใน 5 บทนี้ ข้อมูลที่จะเอามานำเสนอมาได้อยู่ประมาณบทที่ 3 3 นี่เขาจะบอกเลยว่าใช้โปรแกรมอะไรทำ ใช้ภาษาอะไรเขียน แล้วก็บอกด้วยว่าคือในบทที่ 3 เดี๋ยวจะบอกวิธีการเลยว่าทำอย่างไร ซึ่งที่เราอยากได้ ก็คือเขาใช้โปรแกรมอะไรทำ ใช่ไหมเขาใช้ภาษาอะไรเขียนแล้วอีกตัวหนึ่ง ก็คือบทที่ 4 คือ ผล ผลที่เป็นรูป เหมือนที่เจ้าเขียดเอามาโชว์นะคะ ภาคผนวกล่ะ เดี๋ยวให้ดูหมดเลยนะ เมาส์ยี่ห้อนี้อย่างไวเห็นไหมจะอยู่ที่บทที่ 4 บทที่ 4 ผลการวิจัยนะ นี่วิธีทำเขาจะอยู่บทที่ 3 เห็นไหมในบทที่ 3 น่ะ เขาจะบอกเครื่องมือที่ใช้ แต่ไม่บอกรายละเอียดว่าใช้อะไร ไม่เป็นไรดูได้ ตัวนี้อาจจะไม่มีของอันอื่นอาจจะมีนะคะ แล้วก็วิธีดำเนินการก็จะมีผลให้ไหมมีภาพหน้าจอแสดง App เขาอะไรอย่างนี้ มันคือผล ก็คือรูปที่เพื่อนเอามาใส่เป็นตัวอย่าง พาเด็ก ๆ ค้นเฉย ๆ นี่ บางทีบางตัวมันสังเกตง่าย ๆ ว่าถ้าเป็นเล่ม ถ้าเป็นเล่มเขาจะใช้คำว่า "รายงานการวิจัย ถ้าเป็นบทความมันจะเขียนว่า "บทความ" หรือไม่มีชื่อข้างหน้า ทีนี้เพื่อ เพื่อไม่ให้สับสนนะคะ ใช้คำนี้ดูนะ งานวิจัยฉบับเต็มนี่คืองานวิจัยที่เป็นเล่มมีครบ 5 บท ค้นด้วยคำว่า "งานวิจัย" ฉบับเต็มนะคะ แล้วใส่เครื่องหมายบวก บวกอะไรเข้าไป บวกคำว่า "Application" เข้าไป Application ที่ถูกต้อง นี่ ใช่ ไอ้เล่มเก่ายังใช้ พ พาน อยู่มันจะใช้ได้ 2 ตัวน่ะ แต่ที่ถูกคือนี่ ใช้ได้ 2 อย่างนะคะ ตัวที่ถูกจริง ๆ ตามบัณฑิต ก็คือตัวนี้นะคะ นี่นะคะ ถ้าอย่างนี้เขาจะเป็นเล่มเลย พอเปิดเข้าไปถ้ามีอย่างนี้ เป็นเล่มแน่นอนมีหน้าปกมีตามีโลโก้นี่ แล้วบอกว่าเป็นวิทยานิพนธ์หรือเป็นอะไรนี่เป็นเล่มครบ 5 บทแน่นอนนะคะ แล้วถ้าเป็นของระดับปริญญาตรีนี่ โดยปกติจะบอกนะ ว่า... ว่าใช้อะไรทำ พัฒนาด้วยอะไร ตัวนี้หาไว้แล้ว ตัวเองยังสามารถนำมาไว้ใช้กับการทำโครงงานในปี ปี 3 เทอม 2 ได้นะนี่ วิชาโครงงาน 1 น่ะ เก็บไว้นะ เผื่อใครคิดว่าทำตัวนี้บทที่ 3 นี่ บทที่ 3 กับ 4 เขาจะบอกวันที่บอกนะคะ มีภาษาอะไรเขาจะบอก อันนี้มัน... ถึงอันนั้นบทที่ 2 นะคะ นี่คือลักษณะงานที่เด็ก ๆ จะต้องหาแล้วสรุปลงใน PowerPoint คือ บอกชื่อเรื่อง บอกชื่อผู้แต่ง เช่น ถ้าใช้งานนี้ต้องบอก ว่าใช้งานว่า Web Application การจัดการความรู้สำหรับนักศึกษาระดับปริญญาตรี ผู้แต่งคือนี่นะคะ ชื่อเขานี่โดย อรลดา แซ่โค้ว ภาษาที่เขาใช้มีอะไรบ้าง ก็รายงานไป ภาษาและโปรแกรมที่เขาใช้ในการพัฒนา แต่ถ้าอย่างนี้ถ้าอย่างนี้มันเป็นบทความข้อมูลมันก็จะน้อยหน่อยนะคะ มันก็จะไม่ค่อยมีรายละเอียดอื่นให้มาใส่ เพราะฉะนั้นบอกแล้ว ว่าให้หาเป็นงานวิจัยฉบับเต็มนะที่มีครบทั้ง 5 บทนะคะ โอเคไหม คนที่ยัง... คนที่หาแล้วแต่ยังไม่ไปปรับปรุง ก็ปรับปรุงแก้ไขแล้วก็ส่งเข้ามาใน Classroom ใหม่นะคะ แต่คนที่ยังไม่หาหรือทำไม่ถูกก็ต้องหาใหม่นะคะ เดี๋ยวสัปดาห์หน้าเราจะเริ่ม ไม่สัปดาห์หน้าล่ะ สัปดาห์นี้เลยให้เด็ก ๆ เปิด Web Browserเปิด Web Browser นะคะ แล้ว Search คำว่า Search คำว่า อันนี้ถึงจะใหญ่ Search คำว่า "thukable" T-h-u-n-k Thunk กนะคะ ที่ ดูโลโก้มันนับเป็นไอ้ตัวแดง ๆ ใส่แว่นนี่ เหมือนตัวตุ่น แม่ว่ามันคือตัวตุ่น ใครที่ Search เจอแล้วคลิกเข้าไปค่ะ ใครยังเข้าหน้านี้ไม่ได้ บอกให้ Search เห็นไหมน่ะ นี่ ๆ Search ตามข้างบนน่ะเห็นไหม T-h-u-n-k-a-b-l-e มาจากคำว่า "Thunkable" นะคะเด็ก ๆ ไปเข้ามาหน้านี้แล้วยกมือ เข้ามายัง ใครอยู่หน้านี้แล้วยกมือ ให้ขึ้นมาอย่างนี้เลยนี่ ถ้าใครเข้ามาแล้วมันจะเข้ามาหน้าอย่างนี้ หน้าที่โชว์หน้าตาอย่างนี้เลย เหลือใครยังไม่เข้า เจอยังดอม โอเค ดูนะคะ มันคืออะไร นี่จะเป็นตัวที่ No Code ไม่ต้องเขียน Code นะ โดยปกติเห็นไหมเมื่อกี้ที่ยกตัวอย่างของเพื่อนนี่ ถ้าทำแอปพเนี่ยเขียน Code ได้ไหม เขียนภาษาไม่ออกนะPHP Javascript อะไรอย่างนี้ แต่จะให้ใช้ตัวนี้ No Code ก็คือไม่ต้องเขียนโค้ด มันยังมีโค้ดมาให้จับ ฉนกำไม่ไปวางเพื่อพัฒนาอะไร Mobile App mobile app Development Made Easy ใช่ไหมคะ Mobile App ได้ง่าย ๆ เลยพัฒนา Mobile app แบบง่าย ๆ โดยไม่ต้องใช้โค้ดต้องเขียนโค้ดไม่ใช่ไม่ใช้โค้ดใช้ แต่ไม่ต้องเขียนมันmobile app Appที่พัฒนาบนมือถือก็คือ Thunkable อันดับแรกเราจะต้องสมัครก่อนเตรียมกระดาษ ลืมแน่นอน หากระดาษ หรือโทรศัพท์นะคะ เพราะตัวเองจะต้องจดอะไรไว้ Username แล้วก็ password จำให้ได้ เพราะเราจะใช้เวลาเข้าใช้มันบ้างมันจะมีในแถบเครื่องมือข้างบนเห็นไหมมันจะมีหน้า login ต้อง Login เข้าไปเพื่อใช้งานเขาอันดับแรกวันนี้ให้สมัครไว้เลย สมัครไว้ กดที่คำว่า "Sign Up" ปึ๊บ เข้ามาหน้านี้หรือยังมันจะมีให้เลือกเห็นไหมคะ Login ผ่าน Google แต่ถ้าใครใช้เข้าผ่านมือถือตัวเองหรือแท็บเล็ตเช่นของ Apple นี่ นั่นคือของ Apple ID ใช่ไหม เข้าผ่าน Apple ID หรือเปล่า แล้วก็เข้าผ่าน Email ทุกคนมี Google อยู่แล้วนะคะ โดยปกติ เพราะเวลาเราเข้ามาเราก็ต้องเข้า classroom ด้วย เพราะฉะนั้น ให้เลือก Sign up with Google เลือกตัวแรกนะเด็ก ๆ ทีนี้บัญชีตัวเองนะ เลือกเข้าบัญชีตัวเองจำได้นะคะ บัญชีตัวเอง บัญชีใครบัญชีมันนะ ไม่ใช่เข้าตามบัญชีแม่เครื่องตัวเองก็เข้าบัญชีตัวเองน่ะ เลือกชื่อตัวเองน่ะ โอเคนะคะ บัญชีใครบัญชีมันเด้อ ไม่ใช่มาเข้าตามเด้อ แล้วมันก็จะให้ยืนยันอันนี้ใช่บัญชีของเราไหม ถ้าใช่ก็คลิกยืนยันได้เลย คลิกเลย ทีนี้ของแม่ขึ้นเพราะอะไร แม่เคยสมัครแล้ว เทอมที่แล้วนะ ของเด็ก ๆ มันจะไปขึ้นว่าอะไรนะ (นักศึกษาชาย) มันจะถามอะไรข้อมูลของเรานะครับ 3 อันอันแรกคือสำหรับการทำงานวันที่ 2 สำหรับการสอนหรือเข้าชั้นเรียน ถึงตัวเราเลือกอันที่ 2 การเข้าชั้นเรียน ให้เลือกอันที่ 2 นะคะ โอเค ไปไหนต่อ ตัวเองก็เป็นอะไรคะ ตัวเองเป็น student ใช่ไหม นักเรียนใช่ไหมคะ ตัวเองก็เลือกอะไร นักเรียน เห็นยัง ให้เลือกมันใช้คำภาษาไทย ภาษาอังกฤษถ้าของใครเป็นภาษาไทยเลือกนักเรียน ถ้าของใครเป็นภาษาอังกฤษเลือก Student โอเคไหม ไม่เคยทำใช่ไหม มีใครเคยทำแล้ว ถ้าไม่มีก็คลิกอันแรกเลยคลิกอันที่ 1 ไปไหนต่อ มันคงเข้ามาหน้าที่มีรูปมือถือ กดที่คำว่า Get start ไปเลยค่ะ กดปุ่มกด โอเคไหม แล้วมันจะเข้ามาที่หน้าคำว่า "start building" ถูกต้องนะคะ เด็ก ๆ คลิกที่คำว่า "Start Building" กดปุ่มแถบใหญ่ ๆ Start Building น่ะค่ะ กดเลยภาษาไทยหรือเป็นภาษาไทย ขอโทษอ่านเริ่มสร้างนะคะ แปลงร่างที่มันจะมีหน้าต่าง Pop Up ขึ้นมาให้กรอกอันแรกกรอกชื่ออย่าเพิ่งนะคะ ให้เด็ก ๆ ไปดูช่องที่ 2 Category ที่มันเป็นช่องที่ 2 คลิกเข้าไป เห็นไหม มันจะมีให้เราเลือก ว่าตัวนี้คือลักษณะของ App ที่เราจะพัฒนาน่ะ เกี่ยวกับเรื่องอะไร นั่นก็คือ Category มันนะคะ มีอะไรบ้าง เอาแบบง่าย ๆ กันนะคะ นั่นก็คือเอาอะไรก่อนดีนะ โดยปกติแม่เลือกอะไรนะ อันนี้ทำเป็นหนังสือนะคะ เอาแบบแรกก่อนก็ได้ เอาแบบ Book ไปเลือกดูก่อน พัฒนาแอปที่เป็นเหมือนหนังสือ Book ไหมคะ ทีนี้ตรง Name Name ให้ตั้งชื่อเดี๋ยวแก้ได้ จะรีบไปไหน ช่องบนสุดเขาจะให้ใส่ชื่อใช่ไหม ใส่ชื่อ ในที่่นี้ความจริงมันก็คือชื่อของ App เรามันเป็นหนังสือให้นึกถึงว่าในสิ่งที่เราเราจะทำหนังสืออะไร เช่น ถ้าสมมติ ก ไก่ ก ไก่ ถึง ฮ นกฮูก ชื่อไอ้นี่ก็จะต้อง ทีนี้อย่าลืมว่าเวลาตั้งชื่อโปรแกรมอะไรก็แล้วแต่ แม่สอนไว้แล้วว่าห้ามตั้งชื่อเป็นภาษาไทย Microsoft Word เท่านั้นที่ฉันจะยอมให้เธอตั้งชื่อเป็นภาษาไทย แต่เมื่อเราทำโปรแกรมใด ๆ ก็แล้วแต่ชื่อต้องตั้งเป็นภาษาอังกฤษ เพราะฉะนั้นยังไม่ออกเราใช้ง่าย ๆ เลย พิมพ์ Book แล้วก็ตอบด้วย 1 หมายเลข 1 เข้าไปก่อน นักศึกษาพิมพ์ชื่อลงไปตรงตำแหน่งด้านบนน่ะ พิมพ์ชื่อ โดยใช้ใช้ชื่อเดียวกัน เพราะเวลาเรียกใช้ App นี้ตอนจะทำจะได้รู้นะ แม่เลยบอกให้ใช้คำว่า "Book1b b Double O แล้วก็ K พิมพ์คำว่า Book พิมพ์ตามตัวข้างบนน่ะ เห็นไหม B-o-o-k โอเคแล้วก็เลข 1 นะคะ ลงชื่อนะ ตำแหน่งชื่อใครเสร็จแล้วกดโอเค เดี๋ยวแม่ให้ดูตรงช่องนี้ ลืมเปิดให้ดู เห็นไหมคะ ชื่อนะ คลิกที่คำว่า "create" นะคะ หรือสร้างนั่นเอง ใครสร้างเสร็จ รอแป๊บ มันจะเข้ามาหน้านี้ไหม หน้านี้เขาจะจำลองรูปของมือถือเองนะคะ ลักษณะตรงนี้ ก็คือเป็นหน้าของมือถือที่เราจะใช้ในการสร้างนะคะ ส่วนตรงนี้ฝั่งนี้เห็นไหมคือ Tool หรือเครื่องมือที่จะใช้นะคะ ลักษณะการทำงานของ Thunkable มันจะมีพวกน ี้ให้เราเอามาวาง เหมือนจับ จับแล้ววาง วางลงในหน้าจอ ลากแล้ววางในหน้าจอให้เป็นรูปเป็นร่างออกมา เป็นชิ้นงานออกมานะคะ เขาถึงบอกว่าไม่ต้องเขียน Code คือถ้าเรียนไปเรียนเขียน Coding นี่ มันจะมีเขียนเลย สั่งให้เขียน เขียนตั้งแต่ Title เลย ชื่อเรื่องอะไรอย่างนี้ ไม่บอกนะ แต่ตัวนี้เราไม่ต้องเขียน เครื่องมือจำไว้เลยนะคะ เครื่องมือจะอยู่ทางฝั่งหันหน้าซ้ายมือนะ ซ้ายมือของเรานะคะ เพราะเวลาเรานั่งหันหน้าเข้าหาคอมพิวเตอร์ เครื่องมือจะอยู่ทางฝั่งซ้ายมือ ส่วนขวามือแถบตัวนี้มันจะเป็น properties คือ การกำหนดคุณสมบัติ ไอ้ฝั่งขวามือนี่ จะเป็นเครื่องมือที่ใช้ในการกำหนดคุณสมบัตินะคะ Properties ใช่ไหมคะ สีมีอะไรบ้าง ที่เห็น ๆ อยู่นะคะ เช่น Background นี่ เราจะเลือก Background มีเป็น Filed หรือเป็น image background ก็คือพื้นหลัง ให้นึกถึงเวลาเขาทำ App บาง App มันก็จะมีภาพอยู่ข้างหลั งหรือมีสีพื้นอยู่ข้างหลังนั่น Background สามารถเลือกได้ 2 แบบคือ background ที่เป็นสี โดยใช้คำว่า "Filed" กับ Background ที่เป็นรูปภาพหรือ Image นะคะ 2 อย่างมันจะอยู่ที่ฝั่งนี้ ส่วนฝั่งทางซ้ายนะคะ แถบเครื่องมืออันแรกในแถบแรกเลย Basic Basic ก็คือแถบเครื่องมือพื้นฐานนี่เหมือนเวลาเราจะทำปุ่ม เพื่อให้มันกด มันกดใน App นะ กดปุ่มนั้นปุ่มนี้นี่ มันจะใช้ปุ่มที่ชื่อว่า "Button " ตัวแรกเลย button ก็คือสำหรับสร้างกลุเพื่อทำอะไร เพื่อเป็นการเชื่อมโยงหรือการทำActive น่ะนะคะ ก็คือการปฏิสัมพันธ์ของแอปนั่นเองนะคะ ส่วนอันที่ 2 Label Label นะ คือป้าย ถ้าแปลตามตัวมันคือป้ายไปถึงทำอะไรบ้าง ป้ายนั่นคือป้ายชื่อ ชื่อเรื่อง หรือชื่ออะไรก็แล้วแต่ ใช้ Label Image ชื่อก็บอกอยู่แล้ว Image ก็คือลูกเมื่อไหร่ที่เราต้องการใช้รูป เราจะคลิกที่ปุ่มนี้ text input text input นั่นก็คือเป็น เป็นช่องให้กรอกข้อความได้ เหมือนตอนที่เรากรอกชื่อ Book1 เข้ามาน่ะเห็นไหมนั่นคือ Text Input นั่นก็คือใช้ในกรณีที่เราต้องการข้อความหรือเป็นการกรอกข้อมูลลงไปเหมือนตอน Search Engine ตรงแถบแถบที่ให้กรอกหรือพิมพ์ input text นะคะ ไปไหนนี่ Group หมายถึงคือพอเวลาเราสร้างนี่ บางทีชิ้นงานนี่ มันมีหลายชิ้น แต่เราต้องการทำให้มันจากหลาย ๆ ชิ้นนี่ เป็นชิ้นเดียว เราจะใช้ตัว Book นี่เป็นตัวสั่งไม่ให้ชินวัตถุในชิ้นงานน่ะมันเป็นหลาย ๆ ชิ้นน่ะไม่ค่อยได้ใช้เท่าไร ส่วนตัวนี้ Layout ส่วนของ Layout นั่นก็คือจะเรียกว่าอย่างไร layout นั่นก็คือการจัดรูปแบบน่ะะค่ะ ว่าต้องการให้หน้ามือถือนี่ ที่เราจะออกแบบนี่ มันมีหน้าตาอย่างไร วาง วางกรอบอย่างไรให้เป็นตรงนี้เป็นแนวตั้งตรงนี้เป็นแนวนอนอย่างนี้ค่ะ นั่นก็คือลักษณะหรือรูปแบบกำหนดรูปแบบให้มันนะคะ มาดูแถบเครื่องมือต่อมา แถบเครื่องมือที่ 2 Data Data ก็คือข้อมูล เมื่อใดที่เราจะต้องทำ App แล้วมันไปเกี่ยวข้องกับข้อมูล เราจะมาใช้แถบเครื่องมือนี้ซึ่งมี 1 Simple List ก็จะมีลักษณะเหมือนหัวข้อนึกออกนะ เหมือนหัวข้อย่อยนะคะ แบบที่ 2 เป็นแบบ Data Viewer List แล้วก็แบบที่ 3 เป็นแบบ Data Viewer Grid นะคะ เห็นไหมคะ จะมี 3 แบบ ก็คือลักษณะการจัดวางข้อมูลนั่นเองนะคะ อันนี้เดี๋ยวอธิบายก่อนเราจะพูดถึงในเราทำจริง ๆ Tool ต่อมาชื่อว่า "Input" ก็คือต้องการให้ Input ก็คือการนำเข้าข้อมูลอะไรเข้าไปบ้าง Switch ใส่เข้าไปไหม มี Switch ไว้เพื่อเปิดปิดไหมมี Slide ไหมก็คือให้ ให้เลื่อน มี Checkbox หรือเปล่า Checkbox สำหรับติ๊กน่ะค่ะ ค้นข้อมูลที่เป็นแบบ check Box ลัดดา input input ข้อมูลที่เป็นวันที่หรือเปล่านะคะ ถ้า Time input Time input เวลาใส่เวลาด้วยหรือเปล่า นี่คือเครื่องมือที่เราจะใช้กันนะคะ จะอยู่โซนนี้ทั้งหมดนะคะ ถ้า Tool Media Media ก็คือเกี่ยวกับพวกแอนิเมชันเกี่ยวกับวิดีโอเกี่ยวกับการโหลดไอคอนพวกนี้ ก็คือเมื่อต้องการใส่ แอนิเมชเข้าไปเราต้องมาเลือกที่ media แต่นั่นหมายถึงว่าเราจะต้องมี Animation แล้วนะคะ ถึงเอามาได้ Embed Embed นี่ หมายถึงการฝังไว้อะไร web viewer อะไรพวกนี้นะคะ ว่าอะไรพวกนี้นะคะ อันนี้จะฝั่ง Advance หน่อย นะคะ Basic เลยที่เราจะใช้ตัวแรกก็ลองดูไปที่ Label ไปที่ Basic นะคะ แถบเครื่องมือ Basic ถ้าตัวไหนไม่ใช้นี ่เราคิดอย่างนี้ใครเปิดมาแล้วเป็นอย่างนี้หา Tool ไม่เจอมีแต่ชื่อ มีแต่ชื่อนี่ เด็ก ๆ คลิกเข้าไปที่ชื่อของ Tools นั้นนะคะ ก็จะขยายออกมาเห็นไหมคะ เปิดมาครั้งหน้าแล้ว เฮ้ย หายไปไหน มันไม่ได้หายนะลูก มันอยู่นี่ล่ะ มันซ่อน คลิกที่ชื่อมันก็จะขึ้นมาทุกอันนะคะ ทั้ง 2 ฝั่งทั้งซ้ายทั้งขวาจะเป็นเหมือนกัน มันไม่ได้หายไปไหนนะ ทีนี้ในโหมดการทำงานมันจะมี 2 โหมด เด็ก ๆ ดูนะคะ ตรงโหมดการทำงานจะอยู่ด้านบน ก็คือตรงที่แสดงคำว่า "Design" Design ก็คือเป็นส่วนของการออกแบบหนังสือหน้านี้เราจะออกแบบหน้าตา App เราอย่างไรมันจะอยู่ในหน้า Designแต่พอมาอีกโหมดหนึ่งโหมดที่ 2 ClickBox ในส่วนของ Block นี่ เด็ก ๆ เห็นแถบทางซ้ายมือนะ ที่เห็นนี่ คือ no code ที่บอกว่าไม่ต้องเขียนน่ะ มันคือโค้ดที่มีอยู่แล้วที่เราจะสามารถดึงมาใช้งานได้ ลองคลิกนะคะ ลองคลิกไปทีละอัน นี่คือลักษณะ Code ที่เราจะนำมาใช้งานเห็นไหม เราแต่เราก็ต้องเข้าใจก่อนว่า Code ตัวนี้มันใช้อย่างไรแต่ละตัวเหมือนต้องการใช้นี่วิธีการ ก็คือมันจะเป็นการดึงไอ้ Code ที่เห็นนี่ เอาออกมาวางตรงนี้ เพื่อจะบอกว่าเขียนว่าไม่เขียนนะ มันจะเป็นเหมือนกันต่อจิ๊กซอว์ของ Code สร้างไว้ให้แล้ว ไม่ต้องเขียนแต่ต้องเข้าใจ ว่าBlock Code เขาเลยเรียกว่า "Block" มันทำเป็น ไว้คือแต่ละตัวนี ่สังเกตมันจะมีเอามาต่อกันได้เราจะมาต่อ Block ยังไงเพื่อให้แอปมันทำงานตามที่เราต้องการไม่ออกนะเดี๋ยวจะบอกว่ามันจะมีคำสั่งอะไรที่เราจะใช้สังเกตว่าแต่ละ Block ก็จะมีอยู่ สีไม่เหมือนกันนี่ ลักษณะ Block เขาจะเปลี่ยนไปตามสี เพื่ออะไร เพื่อให้เรารู้ ว่าเมื่อใดที่เราจะใช้งาน Code ลักษณะไหนนะคะ เราก็จะมาเลือก แล้วเวลาไปเชื่อมเราจะได้รู้ด้วยว่าไอ้สีไหนมันควรจะไปเชื่อมกับสีไหนนะคะ มันก็จะเหมือนเวลาเขียนโค้ดถ้าเขียนผิดมันจะ Error ให้นึกถึงนะ แต่ถ้า Block นี่ถ้าต่อผิดก็เหมือนกันไม่เกินแล้วมันก็จะ อาจจะเกิด ฺBug หรือ Run Loop ไม่รู้จบน่ะ Run อยู่นั่นล่ะ ไม่ไปหน้ามาหลังวนอยู่นั่นแหละอย่างนี้เป็นต้น เพราะฉะนั้นเราจะทำงานใน 2 โหมด ถ้าเมื่อไหร่ที่บอกว่าไปหน้า Design เด็ก ๆ ก็ต้องพลิกกลับมาที่โหมดดีไซน์แต่เมื่อไรที่เราจะ Code ปุ๊บเด็ก ๆ ต้องคลิกไปที่ Block ทันทีนะคะ เพื่อจะทำการโพสต์เพื่อเขียนโค้ดนั่นเองนะคะ แล้วสัปดาห์นี้ยังไม่เริ่มเดี๋ยวจะหาตัวอย่างก่อนจะทำหนังสือแบบไหนคืนในเทอมก่อน เดี๋ยวย้อนกลับไปดู ในเทอมที่แล้ว พี่ ๆ เขาทำ... นี่นะคะ เขาทำมา นี่พอกดไปเปิดวีดีโอได้ อันนี้ไม่ได้เปิดเสียงนะ ทำไมฟอนต์มันเปลี่ยน จะย้อนกลับ นี่ก็จะเป็นลักษณะงานที่เขาทำส่ง เห็นไหมใส่อะไรได้ ใส่ข้อความได้ ใส่รูปได้ มีปุ่มสำหรับกดเพื่อไป Action ต่าง ๆ อันนี้ Basic มากเลยนะ Error แสดงว่าไอ้นี่น่าจะหมดไปแล้ว เขาเลยใช้ชื่อว่า A-Z มันจะเป็นงานที่ทำนั่นก็คือความจริงแล้วพอกดปุ่ม Speak นี่มันจะพูดคำศัพท์คำนี้ออกมา อันนี้ ตอนนี้ กดปุ่มนี้ เขาไปแสดง Video เกี่ยวกับตัว A-Z ตอนนี้ [เสียงวิดีโอ] (อาจารย์สุธิรา) มันอยู่ที่เราเลือกกันหมด ว่าไอ้ตัวนี้มันจะทำงานอะไรก็คือไปสั่ง Block ให้ทำงาน นี่ที่เห็นนี่คือหน้าที่สร้างขึ้นมานะคะ เด็ก ๆ จะมีหน้าไอ้นี่ เขาจะมีหน้าที่สร้างขึ้นจนครบนะคะ เดี๋ยวเราจะมาทำกันต่อในสัปดาห์หน้า เอาล่ะ รู้วิธีเข้าหรือยังจำไว้นะคะ ที่เราจะใช้ก็คืออะไรคะ Thunkable สัปดาห์หน้ามา เด็ก ๆ จะต้องเปิดเข้ามาที่เว็บนี้ทุกครั้งเสมอนะคะ เข้ามาแล้วพอ login นี่ มันก็จะเข้ามาหน้านี้จะมาเสมอเหมือนกัน กด login เพราะเราใช้วิธีการSign Up ด้วย Google อยู่แล้ว เพราะฉะนั้น ต้องดูด้วยว่าเราเปิดบัญชี Google ของเราหรือยังด้วยนะคะ ถ้าเด็ก ๆ Sign Up ไม่ขึ้นเนี่ยมันจะเปิดชิ้นงานเราไม่ได้นะคะ ใน มันจะเข้ามาหน้าหน้าที่มีงานที่เราสร้างไว้ไม่ได้นะ เดี๋ยวเราจะมาพัฒนาการในสัปดาห์หน้านะคะ สัปดาห์นี้เวลาที่เหลือใครที่ยังทำงานนำเสนอไม่เสร็จ ทำแล้วส่งในระบบให้เสร็จในสัปดาห์นี้นะคะ และอย่าลืมอีกวิชาหนึ่งสัมมนา สัมมนาก็ให้ส่งทำให้เสร็จเลยนะ ตอนบ่ายเราไม่ ๆ ยังไม่ต้องเจอกันนะคะ สัปดาห์นี้พอแค่นี้ ขอบคุณพี่ล่ามค่ะ ขอบคุณค่ะ โอเคนะคะ ใครที่ยังทำไม่เสร็จทำให้เสร็จเด้อ ไม่อย่างนั้นเดี๋ยวหักคะแนนแล้วนะ สัปดาห์นี้เริ่มหักคะแนนแล้วนะ ถ้าใครยังไม่ส่งอีก [สิ้นสุดการถอดความ]