การพัฒนาสื่อประกอบการเรียนการสอนออนไลน์ เรื่อง การออกแบบ UI ด้วยกระบวนการคิดเชิงออกแบบ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปีที่ 2

Main Article Content

ณัฐกฤษฏ์ จันทร์รุ่งเรือง
ดารุวรรณ ศรีแก้ว
ไพฑูรย์ กานต์ธัญลักษณ์

บทคัดย่อ

งานวิจัยนี้มีวัตถุประสงค์เพื่อ (1) พัฒนาสื่อประกอบ การเรียนการสอนออนไลน์ เรื่อง การออกแบบ UI ด้วยกระบวนการคิดเชิงออกแบบ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปีที่ 2 (2) เปรียบเทียบผลสัมฤทธิ์ทางการเรียน เรื่อง การออกแบบ UI ด้วยกระบวนการคิดเชิงออกแบบ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปีที่ 2 สาขาวิชาคอมพิวเตอร์กราฟิก ระหว่างก่อนเรียนและหลังเรียน ด้วยสื่อประกอบ การเรียนการสอนออนไลน์ เรื่อง การออกแบบ UI ด้วยกระบวนการคิดเชิงออกแบบ (3) ศึกษาความสามารถ ในการออกแบบ UI บนเว็บไซต์ของนักเรียน ระดับประกาศนียบัตรวิชาชีพ ชั้นปีที่ 2 สาขาวิชาคอมพิวเตอร์กราฟิก วิทยาลัยอาชีวศึกษานครปฐม และ (4) ศึกษาความพึงพอใจของนักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปีที่ 2 สาขาวิชาคอมพิวเตอร์กราฟิก วิทยาลัยอาชีวศึกษานครปฐม ที่เรียนด้วยสื่อประกอบการเรียนการสอนออนไลน์ เรื่อง การออกแบบ UI ด้วยกระบวนการคิดเชิงออกแบบ กลุ่มตัวอย่าง คือ นักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปีที่ 2 สาขาวิชาคอมพิวเตอร์กราฟิก วิทยาลัยอาชีวศึกษานครปฐม จำนวน 30 คน ที่กำลังศึกษาอยู่ในภาคเรียนที่ 1 ปีการศึกษา 2566 ได้มาโดยการสุ่มอย่างง่าย (Simple Random Sampling) เครื่องมือที่ใช้ในการวิจัย ได้แก่ (1) แบบสำรวจความต้องการของกลุ่มตัวอย่าง (2) แบบวัดผลสัมฤทธิ์ทางการเรียน (3) แบบวัดความสามารถด้านการออกแบบ UI ด้วยกระบวนการคิดเชิงออกแบบ และ (4) แบบสอบถามความพึงพอใจของกลุ่มตัวอย่าง วิเคราะห์ข้อมูลโดยการวิเคราะห์ค่าเฉลี่ยส่วนเบี่ยงเบนมาตรฐาน ร้อยละ และการทดสอบที (t-test) ผลการวิจัยพบว่า (1) สื่อประกอบการเรียนการสอนออนไลน์ เรื่อง การออกแบบ UI ด้วยกระบวนการคิดเชิงออกแบบ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปีที่ 2 มีคุณภาพด้านเนื้อหาในระดับดีมาก และมีคุณภาพด้านสื่อการนำเสนอในระดับดี (2) นักเรียนมีผลสัมฤทธิ์ทางการเรียนหลังเรียน สูงกว่า ก่อนเรียน อย่างมีนัยสำคัญทางสถิติที่ระดับ 0.05 (3) ความสามารถด้านการออกแบบ UI ด้วยกระบวนการคิดเชิงออกแบบของนักเรียน ระดับประกาศนียบัตรวิชาชีพ ชั้นปีที่ 2 หลังเรียนด้วยสื่อประกอบการเรียนการสอนออนไลน์ สูงกว่า ก่อนเรียนด้วยสื่อประกอบการเรียนการสอนออนไลน์ อย่างมีนัยสำคัญทางสถิติที่ระดับ 0.05 และ (4) ความพึงพอใจของผู้ใช้สื่อประกอบการเรียนการสอนออนไลน์ เรื่อง การออกแบบ UI ด้วยกระบวนการคิดเชิงออกแบบ อยู่ในระดับมากที่สุดกระบวนการคิดเชิงออกแบบ

Article Details

รูปแบบการอ้างอิง
จันทร์รุ่งเรือง ณ., ศรีแก้ว ด., & กานต์ธัญลักษณ์ ไ. (2025). การพัฒนาสื่อประกอบการเรียนการสอนออนไลน์ เรื่อง การออกแบบ UI ด้วยกระบวนการคิดเชิงออกแบบ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปีที่ 2. วารสารการอาชีวศึกษาภาคกลาง, 9(1), 56–67. สืบค้น จาก https://so06.tci-thaijo.org/index.php/IVECJournal/article/view/275855
ประเภทบทความ
บทความวิจัย

เอกสารอ้างอิง

กระทรวงศึกษาธิการ. (2561). หลักสูตรแกนกลางการศึกษาขั้นพื้นฐาน พุทธศักราช 2551 ค้นเมื่อ มิถุนายน 24, 2567, จาก www.rbss.ac.th/site/?page_id=4052

กระทรวงศึกษาธิการ. (2562). หลักสูตรประกาศนียบัตรวิชาชีพ พ.ศ. 2562. กรุงเทพฯ : สำนักงานคณะกรรมการการอาชีวศึกษา

จุฑามาส โหย่งไทย. (2561). การพัฒนาทักษะการคิดเชิงวิพากษ์กับศตวรรษที่ 21. วารสารการบริหารการศึกษา มหาวิทยาลัยศิลปากร, ปีที่ 9 ฉบับที่ 2 (ตุลาคม – ธันวาคม 2561), หน้า 45-56.

นุชรัตน์ นุชประยูร. (2567). การคิดเชิงออกแบบ Design Thinking: กระบวนการคิดในการออกแบบนวัตกรรม. ค้นเมื่อ มิถุนายน 24, 2567, จาก bait.rmutsb.ac.th/content/design-thinking

พรจณา แก้วนรา. (2555). บทเรียนคอมพิวเตอร์ช่วยสอน เรื่อง การใช้โสตทัศนูปกรณ์ สำหรับนักศึกษาที่มีความบกพร่องทางการได้ยินวิทยาลัยราชสุดา มหาวิทยาลัยมหิดล. วิทยานิพนธ์ ปริญญาศึกษาศาสตร์มหาบัณฑิต สาขาเทคโนโลยีการศึกษา บัณฑิตวิทยาลัย มหาวิทยาลัยศิลปากร

มหาวิทยาลัยเชียงใหม่. (2558). การสุ่มตัวอย่างเพื่อการวิจัย. ค้นเมื่อ มิถุนายน 24, 2567, จาก https://plan.eng.cmu.ac.th/wp-content/uploads/2015/07/sampling.pdf

มาโนช คงนะ. (2550). การพัฒนาบทเรียนคอมพิวเตอร์ช่วยสอน วิชาชีววิทยา เรื่อง ระบบหมุนเวียนโลหิตของมนุษย์ สำหรับนักเรียนช่วงชั้นที่ 4 โรงเรียนพนมทวนพิทยาคม. วิทยานิพนธ์ ปริญญาศึกษาศาสตร์มหาบัณฑิต สาขาเทคโนโลยีการศึกษา บัณฑิตวิทยาลัย มหาวิทยาลัยศิลปากร

ศศิพชร์ สังข์พาลี และคณะ. (2565). การพัฒนาผลสัมฤทธิ์ทางการเรียนรายวิชานาฏศิลป์ละคร 3 ชุดฉุยฉายเบญกายของนักเรียนชั้นประกาศนียบัตรวิชาชีพปีที่ 2 วิทยาลัยนาฏศิลปลพบุรีที่เรียนโดยใช้รูปแบบการสอนทักษะปฏิบัติของเดวีส์ ผสมผสานบทเรียนออนไลน์ Google Site. ค้นเมื่อ มิถุนายน 24, 2567, จาก https://so01.tci-thaijo.org/index.php/humanjubru/article/view/264660/175695

ฤทธิไกร ไชยงาม. (2562). มาตรวัดเจตคติแบบลิเคิร์ท (Likert rating Scales). ค้นเมื่อมิถุนายน 24, 2567, จาก https://www.gotoknow.org/posts/659229

วรัช ตันติวงศ์ และคณะ. (2566). การสร้างสื่อบทเรียนดิจิทัลร่วมกับการจัดการเรียนรู้เชิงรุกเพื่อส่งเสริมการสร้างผลงานสื่ออินโฟกราฟิก. วารสารนวัตกรรมการเรียนรู้และเทคโนโลยี, 3(1), 69. ค้นเมื่อ มิถุนายน 24, 2567, จาก so06.tci-thaijo.org/index.php/JLIT/article/view/260363

อภิชาติ รอดนิยม. (2564). เทคโนโลยีการศึกษากับการจัดการเรียนการสอนออนไลน์ในยุคใหม่. วารสารสังคมศาสตร์และมานุษยวิทยาเชิงพุทธ, ปีที่ 6 ฉบับที่ 9 ประจำเดือนกันยายน 2564, หน้า 123-133.

Learn Education. (2564). รู้จัก 5 On ส่งเสริมคุณภาพการเรียนรู้ของนักเรียน. ค้นเมื่อ มิถุนายน 24, 2567, จาก www.learneducation.co.th/รู้จัก-5-on-ส่งเสริมคุณภาพก/

Napat, D.& Kuntida, T.& Pornpapatsorn, P. (2021) The Development of an Interactive Learning Resource Along with Contents on a Social Network to Promote Bangchan Subdistrict of Petchaburi Province Through the Way of Buddhism, International Education Studies, 14(6), 40–47. ค้นเมื่อ มิถุนายน 24, 2567, จาก ccsenet.org/journal/index.php/ies/article/view/0/45227

TMB Consulting. (2566). 5 ขั้นตอน Design Thinking ทักษะที่จำเป็นในยุคดิจิทัล. ค้นเมื่อมิถุนายน 24, 2567, จาก https://www.timeconsulting.co.th/design-thinking