16
JSSE Journal of Science & Science Education http://jsse.sci.ubu.ac.th/ วารสารวิทยาศาสตร์และวิทยาศาสตร์ศึกษา ปีท่ 1 เล่มที่ 1 (ม.ค. - มิ.ย. 2561) บทความวิจัย การพัฒนาเว็บแอปพลิเคชันเพื่อสนับสนุนการจัดการข้อเสนอโครงงาน สาหรับการเรียนรู้ด้วยวิจัยเป็นฐาน ราเชนทร์ นามวงศ์ 1 สุภาวดี หิรัญพงศ์สิน 2 และณัฏฐ์ ดิษเจริญ 1,2,* 1 หลักสูตรวิทยาศาสตรมหาบัณฑิต สาขาวิชาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์ มหาวิทยาลัยอุบลราชธานี 2 ภาควิชาคณิตศาสตร์ สถิติ และคอมพิวเตอร์ คณะวิทยาศาสตร์ มหาวิทยาลัยอุบลราชธานี *Email ของผู้เขียนหลัก: [email protected] รับบทความ: 12 มีนาคม 2560 ยอมรับตีพิมพ์: 18 ธันวาคม 2560 บทคัดย่อ บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว็บแอปพลิเคชันสาหรับสนับสนุนการจัดการข้อเสนอ โครงงานในการจัดกระบวนการเรียนรู้ด้วยวิจัยเป็นฐาน ผู้วิจัยนาเสนอการออกแบบและพัฒนาเว็บแอปพลิเคชัน และ ศึกษาความพึงพอใจของผู้ใช้งานเว็บที่พัฒนาขึ้น กลุ่มตัวอย่างที่ใช้ในการวิจัย ได้แก่ นักเรียนและครู โรงเรียนเดชอุดม จังหวัดอุบลราชธานี จานวน 33 คน เครื่องมือที่ใช้ในการเก็บรวบรวมข้อมูล คือ แบบประเมินความพึงพอใจของ ผู้ใช้งาน ประเมินผล 3 ด้าน ได้แก่ การออกแบบเว็บ ประสิทธิภาพของระบบ และการสนับสนุนการเรียนรู้ด้วยวิจัย เป็นฐานผลการวิจัย พบว่า ค่าเฉลี่ย ความพึงพอใจของผู้ใช้งานโดยรวมอยู่ในระดับดี ( x̅ = 4.22, S.D.= 0.71) ซึ่งด้าน การสนับสนุนการเรียนรู้ด้วยวิจัยเป็นฐาน มีค่าเฉลี่ยสูงที่สุด (x̅ = 4.33, S.D.= 0.66) ดังนั้นสรุปได้ว่า เว็บแอปพลิเค ชันที่พัฒนาขึ้นนี้ สามารถนาไปใช้งานเพื่อสนับสนุนการจัดการข้อเสนอโครงงานสาหรับการจัดการเรียนรู้ด้วยวิจัยเป็น ฐานได้เป็นอย่างดี คาสาคัญ: เว็บแอปพลิเคชัน ข้อเสนอโครงงาน การเรียนรู้ด้วยวิจัยเป็นฐาน อ้างอิงบทความนีราเชนทร์ นามวงศ์ สุภาวดี หิรัญพงศ์สิน และณัฏฐ์ ดิษเจริญ. (2561). การพัฒนาเว็บแอปพลิเคชันเพื่อสนับสนุนการ จัดการข้อเสนอโครงงานสาหรับการเรียนรู้ด้วยวิจัยเป็นฐาน. วารสารวิทยาศาสตร์และวิทยาศาสตร์ศึกษา. 1(1), 1-16; มกราคม - มิถุนายน 2561.

JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

  • Upload
    others

  • View
    11

  • Download
    0

Embed Size (px)

Citation preview

Page 1: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

JSSE Journal of Science & Science Education http://jsse.sci.ubu.ac.th/

วารสารวทยาศาสตรและวทยาศาสตรศกษา ปท 1 เลมท 1 (ม.ค. - ม.ย. 2561)

บทความวจย

การพฒนาเวบแอปพลเคชนเพอสนบสนนการจดการขอเสนอโครงงาน ส าหรบการเรยนรดวยวจยเปนฐาน

ราเชนทร นามวงศ1 สภาวด หรญพงศสน2 และณฏฐ ดษเจรญ1,2,*

1หลกสตรวทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ คณะวทยาศาสตร มหาวทยาลยอบลราชธาน 2ภาควชาคณตศาสตร สถต และคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยอบลราชธาน

*Email ของผเขยนหลก: [email protected] รบบทความ: 12 มนาคม 2560 ยอมรบตพมพ: 18 ธนวาคม 2560

บทคดยอ

บทความนเปนสวนหนงของงานวจยเพอพฒนาเวบแอปพลเคชนส าหรบสนบสนนการจดการขอเสนอโครงงานในการจดกระบวนการเรยนรดวยวจยเปนฐาน ผวจยน าเสนอการออกแบบและพฒนาเวบแอปพลเคชน และศกษาความพงพอใจของผใชงานเวบทพฒนาขน กลมตวอยางทใชในการวจย ไดแก นกเรยนและคร โรงเรยนเดชอดม จงหวดอบลราชธาน จ านวน 33 คน เครองมอทใชในการเกบรวบรวมขอมล คอ แบบประเมนความพงพอใจของผใชงาน ประเมนผล 3 ดาน ไดแก การออกแบบเวบ ประสทธภาพของระบบ และการสนบสนนการเรยนรดวยวจยเปนฐานผลการวจย พบวา คาเฉลย ความพงพอใจของผใชงานโดยรวมอยในระดบด (x = 4.22, S.D.= 0.71) ซงดานการสนบสนนการเรยนรดวยวจยเปนฐาน มคาเฉลยสงทสด (x = 4.33, S.D.= 0.66) ดงนนสรปไดวา เวบแอปพลเคชนทพฒนาขนน สามารถน าไปใชงานเพอสนบสนนการจดการขอเสนอโครงงานส าหรบการจดการเรยนรดวยวจยเปนฐานไดเปนอยางด ค าส าคญ: เวบแอปพลเคชน ขอเสนอโครงงาน การเรยนรดวยวจยเปนฐาน อางองบทความน ราเชนทร นามวงศ สภาวด หรญพงศสน และณฏฐ ดษเจรญ. (2561). การพฒนาเวบแอปพลเคชนเพอสนบสนนการ

จดการขอเสนอโครงงานส าหรบการเรยนรดวยวจยเปนฐาน. วารสารวทยาศาสตรและวทยาศาสตรศกษา. 1(1), 1-16; มกราคม - มถนายน 2561.

Page 2: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

2 | Journal of Science and Science Education Vol. 1 No. 1

Copyright by Faculty of Science, Ubon Ratchathani University

Online First

Research Article

Development of web application to support project proposal management for research-based learning

Rachen Namwong1, Supawadee Hiranpongsin2 and Nadh Ditcharoen1,2,*

1Master of Science Program in Information Technology, Faculty of Science, Ubon Ratchathani University 2Department of Mathematics, Statistics and Computer, Faculty of Science, Ubon Ratchathani University

*Corresponding Author’s Email: [email protected] Received <12 March 2017>; Accepted <18 December 2017>

Abstract This article is a part of the research to develop a web application for supporting project proposal management in learning process of research-based learning (RBL). The design and development of the web application and the study of users’ satisfaction towards the developed website were presented. The sample group of this research was 33 of students and teachers from Det Udom school in Ubon Ratchathani province. Research tool used for collecting data was a questionnaire of users’ satisfaction. It’s consisted of three aspects including web design, system performance, and RBL support. The testing results showed that the average of users’ satisfaction was at the good level ( x = 4.22, S.D. = 0.71) with the highest average of the RBL support aspect (x = 4.33, S.D. = 0.66). Therefore, this developed web application is beneficial to support the project proposal management in research-based learning. Keywords: Web Application, Project Proposal, Research-Based Learning Cite this article: Namwong, R., Hiranpongsin, S. and Ditcharoen, N. (2018). Development of web application to

support project proposal management for research-based learning (in Thai). Journal of Science and Science Education, 1(1), 1-16; January - June 2018.

Page 3: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

วารสารวทยาศาสตรและวทยาศาสตรศกษา ปท 1 เลมท 1 | 3

ลขสทธโดย คณะวทยาศาสตร มหาวทยาลยอบลราชธาน

Online First

บทน า การเรยนรดวยวจยเปนฐาน (Research-Based Learning: RBL) เปนการศกษาทเนนผเรยนเปนศนยกลาง โดยการสรางโจทยวจยจากการท าโครงงานทเปดโอกาสใหผเรยนไดลงมอปฏบตการคนหาค าตอบจรงทใชหลกการวจยเปนเครองมอเพอใหมความสามารถในการสรางองคความรใหมดวยตนเอง จากการศกษาพบวามงานวจยสวนหนงทน าเอารปแบบการเรยนรดวยวจยเปนฐานมาประยกตใชในการจดกระบวนการเรยนรเพอศกษาพฤตกรรมของผเรยนและผลของการจดการเรยนรดวยวจยเปนฐาน (กาญจนา โปะประนม และคณะ, 2558; เดชมณ เนาวโรจน และคณะ, 2558; วรทย ทองอนทร และคณะ, 2558) ผลการวจยแสดงใหเหนวาการจดการเรยนรดวยวจยเปนฐานชวยพฒนาทกษะและกระบวนการคดของผเรยนไดเปนอยางด ตอบสนองตอการเรยนรของคนไทย 4.0 อยางไรกตาม การจดกระบวนการเรยนรดงกลาว ยงมอปสรรคส าคญในเรองการจดการขอมลการแลกเปลยนไฟลขอมล การแลกเปลยนขอมลระหวางผเรยนดวยกนเอง ผเรยนกบผสอนหรออาจารยทปรกษาของโครงงาน ซงขอมลมกจะอยในรปแบบของไฟลอเลกทรอนกสไฟลเอกสาร (doc, docx, pdf เปนตน) เมอมการปรบแกไฟลขอเสนอโครงงานตางๆ ไฟลทแกไขหลายๆ ครงอาจกระจดกระจาย และไมเปนปจจบน

ดวยเหตผลดงกลาวขางตน ผวจยจงมแนวคดในการพฒนาเวบแอปพลเคชนเพอสนบสนนการจดการขอเสนอโครงงาน ซงเปนสวนเรมตนทส าคญของการพฒนาโจทยวจยส าหรบโครงงานบนฐานวจย (Research-Based Project: RBP) เพอท าใหการด าเนนการพฒนาขอเสนอโครงงานส าหรบการจดการเรยนรดวยวจยเปนฐาน มความสะดวกในการจดการเอกสาร และการตดตามการด าเนนการระหวางผเรยนดวยกนเอง ผเรยนกบผสอนหรออาจารยทปรกษา ซงท าใหผสอนตดตามทกษะหรอกระบวนการคดของผเรยนไดงายยงขน ทฤษฎและงานวจยทเกยวของ

การเรยนรดวยวจยเปนฐาน การเรยนรด วยวจยเปนฐาน (Research-Based Learning) (สธระ ประเสรฐสรรพ , 2555) เปน

กระบวนการเรยนรทสามารถสรางระบบคดและทกษะการเรยนรใหมพรอมไปกบการปลกฝงคณธรรมจรยธรรมของนกวจยทด โดยเนนการสรางโจทยวจยจากการท าโครงงานทเปดโอกาสใหผเรยนไดลงมอปฏบตเพอคนหาค าตอบจรงซงกระบวนการเรยนรดวยวจยเปนฐาน มดงน

1) หาหวขอวจย เปนการระดมความคดในการหาหวขอจากการทไดไปศกษาขอมลในเรองทสนใจ 2) ตงโจทยวจย เปนการตงค าถามทก าหนดขนเพอหาค าตอบ ซงจะน าไปสวธการแกไขปญหาวจย 3) ศกษาทฤษฎและงานวจยทเกยวของ เปนการศกษาทฤษฎและงานวจยท เกยวของกบงานวจยเพอทจะ

น ามาใชในการแกปญหา 4) ออกแบบการวจย เปนการก าหนดแผนโครงสรางและกจกรรมส าคญทใชในการศกษาวจย เพอใหไดมา

ซงค าตอบของการวจย ประกอบดวย การออกแบบการวดตวแปร การออกแบบการเลอกตวอยาง การออกแบบการทดลอง

5) ท าการทดลอง เปนกระบวนการปฏบต หรอหาค าตอบตามโจทยวจยทตงไวโดยการทดลองเพอท าการคนควาหาขอมลและท าการบนทกผลการทดลอง

6) วเคราะหและสรปผล เปนการวเคราะหและสรปผลขอมลทไดจากการทดลองเพอหาขอสรป เพอยนยนตามโจทยวจยทตงไว

เครองมอทใชในการพฒนาระบบ 1) ชดโปรแกรม AppServ (ภาณพงศ ปญญาด, 2560) ประกอบดวยโปรแกรมส าคญ ไดแก Apache,

PHP, MySQL และ phpMyAdmin ซงเปนชดโปรแกรมทสามารถจ าลองเครองคอมพวเตอรสวนบคคลใหเปนเซรฟเวอรตดตงบนระบบปฏบตการวนโดวส (Windows) เพอพฒนาเวบแอปพลเคชน โดยใชภาษา PHP และตดตอกบฐานขอมล MySQL

Page 4: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

4 | Journal of Science and Science Education Vol. 1 No. 1

Copyright by Faculty of Science, Ubon Ratchathani University

Online First

2) Bootstrap (จราวธ วารนทร, 2558) คอ Framework ทชวยในการเขยนเวบไซตดวยภาษา PHP โดยภายใน Bootstrap ไดเตรยมชดสไตลชท (Cascading Style Sheet: CSS) ทชวยปรบแตงหนาจอเวบเพจ เชน ปม ตาราง หนาตางโตตอบ เพยงแคก าหนดคลาสใหกบองคประกอบ (Elements) บนเวบเพจ นอกจากนภายใน Bootstrap มไลบรารตางๆ ทจ าเปนส าหรบพฒนาเวบไซต เชน มสครปส าหรบการแสดงเมน สามารถจดเรยงองคประกอบอตโนมตเมอขนาดหนาจอเปลยน เปนตน

งานวจยทเกยวของ ระววรรณ วงศพมพ (2552) น าเสนอระบบสารสนเทศเพอการจดการเรยนการสอนผานอนเทอรเนต

กรณศกษาศนยแพทยศาสตรศกษาชนคลนก โรงพยาบาลสรรพสทธประสงค ซงสรางระบบในรปแบบของเวบแอป -พลเคชน ทประกอบดวยระบบฐานขอมลของอาจารยแพทย นกศกษาแพทย และรายวชา ระบบขอมลการเรยนการสอนและระบบจดการการนดหมาย โดยใชกระบวนการตามวงจรกระบวนการพฒนาซอฟตแวร ( Software Development Life Cycle: SDLC) และหลกการออกแบบฐานขอมลเชงสมพนธ ผลการวจยพบวาระบบสามารถจดการขอมลการเรยนการสอนและขอมลนดหมาย ไดถกตอง และนาเชอถอ โดยสารสนเทศทไดสามารถน าไปใชงานไดจรง

ไฉน ผลด (2553) น าเสนอระบบสารสนเทศเพอการบรหารจดการโครงการโรงรยนบานโนนยาง เพอบรหารจดการขอมลโครงการ และตดตามการประเมนผลโครงการของโรงเรยนบานโนนยาง โดยระบบใชโปรแกรมภาษา SQL เปนเครองมอสรางฐานขอมล และใชโปรแกรมภาษา PHP ในการตดตอฐานขอมลและพฒนาเวบเพจ ผลการประเมนความพงพอใจของผใชระบบอยในระดบด ซงสรปไดวา ระบบมประสทธภาพ สามารถน าไปใชงานได

สรจตต เดชอมรชย และชนยา ดานสวสด (2555) น าเสนอผลการใชหนวยการเรยนรแบบบรณาการโดยใชการวจยเปนฐานในรายวชาภาษาฝรงเศสระดบกลาง 1 ส าหรบนกศกษาปรญญาตร มหาวทยาลยธรรมศาสตร ผลทไดจากการศกษาสะทอนใหเหนวากระบวนการเรยนการสอนโดยใชการวจยเปนฐานนนกอใหเกดประโยชนแกผเรยนตามจดประสงคการเรยนรทตงไวทง 3 ดาน ไดแก ดานพทธพสย (ความรภาษาฝรงเศส ความรเกยวกบการวจย) จตพสย (เจตคตทมตอการเรยนภาษาฝรงเศส และพฤตกรรมในการเรยนร) และทกษะพสย (ทกษะการใชภาษาฝรงเศส ทกษะกระบวนการวจย ทกษะสงคม)

กาญจนา โปะประนม และคณะ (2558) น าเสนอผลการจดการเรยนรดวยโครงงานฐานวจยตอการเปลยนแปลงคณลกษณะอนพงประสงค ของนกเรยนมธยมศกษาปท 2 โรงเรยนสรนธรวทยานสรณในโครงการเพาะพนธปญญา โดยมเครองมอทใชในการเกบขอมลคอ แบบประเมนคณลกษณะอนพงประสงคตามหลกส ตรแกนกลางการศกษาขนพนฐานพทธศกราช 2551 และแบบสะทอนตนเองของนกเรยน ผลการศกษาพบวา คาเฉลยคณลกษณะอนพงประสงคตามหลกสตรแกนกลางการศกษาขนพนฐานพทธศกราช 2551 โดยรวมอยในระดบด นอกจากนผลจากแบบสะทอนตนเองของนกเรยนพบวา นกเรยนมพฒนาการทดขน ในสงตอไปน มความสามคคแบบยกหองและกลาแสดงออกในทางสรางสรรค อกทงมการวางแผนด าเนนงานและมวธแกปญหาทดขน

เดชมณ เนาวโรจน และคณะ (2558) น าเสนอการพฒนาทกษะกระบวนการคดของนกเรยนในโครงการเพาะพนธปญญาโรงเรยนสมเดจพระญาณสงวร ในพระสงฆราชปถมภ โดยวเคราะหขอมลจากแบบประเมนระดบทกษะกระบวนการคดของนกเรยน แบบสงเกตพฤตกรรมนกเรยน แบบสอบถามของนกเรยน แบบสอบถามของครทปรกษาประจ าชน ครทปรกษาโครงงาน และครหวหนาโครงการ บนทกไดอารของนกเรยนและคร ผลการศกษาพบวา นกเรยนมการเปลยนแปลงทกษะกระบวนการคดหลงจากเขารวมโครงการเพาะพนธปญญา โดยมทกษะกระบวนการคดกระบวนการวจยเพมขนมากทสด คดเปนรอยละ 56.25 รองลงมาคอการคดสรางสรรคเพมขน คดเปนรอยละ 46.88 ซงสอดคลองกบวตถประสงคของโครงการเพาะพนธปญญาทเนนใหนกเรยนไดพฒนาความคดเชงวเคราะหและสงเคราะหไปจนถงการคดอยางมวจารณญาณ ดวยโครงงานบนฐานวจยทเนนการสรางกระบวนการเรยนรจากการคนควาและตความ

วรทย ทองอนทร และคณะ (2558) น าเสนอการศกษาทกษะการเรยนรแหงศตวรรษท 21 ผานการเรยนรแบบโครงงานฐานวจย เรองไมยราบยกษ ของโรงเรยนเดชอดม อ าเภอเดชอดม จงหวดอบลราชธาน โดยการ

Page 5: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

วารสารวทยาศาสตรและวทยาศาสตรศกษา ปท 1 เลมท 1 | 5

ลขสทธโดย คณะวทยาศาสตร มหาวทยาลยอบลราชธาน

Online First

วเคราะหทศนคตของนกเรยนทเขารวมการท าโครงงานฐานวจย ผลการศกษาพบวา กลมนกเรยนทเขารวมด าเนนกจกรรมการเรยนร และไดน าเสนอผลงานในรปแบบละครเวทบนเวทเพาะพนธปญญาระดบชาตครงท 2 เกดการเปลยนแปลงและพฒนาการทกษะการเรยนรในหลายดานทส าคญสอดคลองกบทกษะการเรยนรในศตวรรษท 21 ใน 3 ดาน ไดแก (1) ทกษะการท างาน คอ การปรบตวในการท างานรวมกบผอน การเกดภาวะผน าในกลมการท างานทมการแบงหนาทรบผดชอบ สามารถดงศกยภาพทมมาใชอยางเหมาะสม (2) ทกษะการเรยนรและนวตกรรม การคดแกไขปญหาการคดรเรมสรางสรรค การคดอยางมวจารณญาณ การสอสารและการรวมมอกบผอน และ (3) ทกษะดานสารสนเทศ สอ และเทคโนโลย น ามาใชออกแบบ สรางสอมลตมเดยเพอน าเสนอผลงาน ท าใหรปแบบการแสดงผลการด าเนนกจกรรมโครงงาน มความสนกสนานและยงคงสาระความรไว

จากงานวจยทเกยวของ พบวาการจดการเรยนรดวยวจยเปนฐานสามารถพฒนาทกษะในศตวรรษท 21 ไดดดงแสดงใน (กาญจนา โปะประนม และคณะ, 2558; เดชมณ เนาวโรจน และคณะ, 2558; วรทย ทองอนทร และคณะ, 2558; สรจตต เดชอมรชย และชนยา ดานสวสด , 2555) และมงานวจยจ านวนมากทประยกตใชระบบสารสนเทศในการจดการเรยนรดงแสดงใน (ระววรรณ วงศพมพ, 2552; ไฉน ผลด, 2553) แตทงนยงไมพบงานวจยทน าเสนอการพฒนาระบบสารสนเทศในการจดการเรยนรดวยวจยเปนฐาน วธด าเนนการวจย

การออกแบบและการพฒนาระบบ 1) ภาพรวมของระบบ ระบบทพฒนาขนน ม 3 ระดบ ไดแก User Interface Level, Management System Level และ

Database Server (แสดงดงภาพท 1) อธบายไดดงน

ภาพท 1 ภาพรวมของระบบ

Data

base

Ser

ver

Man

agem

ent S

yste

m

Leve

l

Web Application

ผดแลระบบ ครผสอน ครทปรกษา

User

Inte

rface

Lev

el

Database Server

Internet

ผเรยน

Page 6: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

6 | Journal of Science and Science Education Vol. 1 No. 1

Copyright by Faculty of Science, Ubon Ratchathani University

Online First

1.1) User Interface Level คอสวนทผใชงานระบบเขาใชงานระบบ และท าการรองขอการใชงานระบบ เชน ผใชงานเขาระบบ เพอเขามาจดการขอเสนอโครงงานผานเวบแอปพลเคชน จากนนขอมลการรองขอจะถกสงไปทระดบ Management System Level เพอจดการใหบรการตามค ารองขอนนๆ ของผใชงาน

1.2) Management System Level ท างานหลงจากทผใชงานรองขอเพอเขาใชงานระบบ ในระดบน จะรองขอไปยงระดบ Database Server เพอเชอมกบเวบแอปพลเคชน ผานระบบเครอขายและฐานขอมล เชน ผเรยนเขาระบบเพอจดการขอเสนอโครงงาน และดค าแนะน าจากอาจารยทปรกษาเพอน าไปปรบแกผานเวบแอป-พลเคชน

1.3) Database Server ท าหนาทรบค ารองขอจากระดบ Management System Level เพอตดตอไปยงเวบแอปพลเคชน ระบบเครอขายและ ฐานขอมล จากนน น าขอมลสงกลบไปยง ระดบ Management System Level และ User Interface Level เพอใหผใชงานไดท าการใชงานระบบตอไป

2) การวเคราะหและออกแบบระบบ ระบบทพฒนาขนน ประกอบดวยกลมผใชงาน 4 กลม ไดแก ผดแลระบบ ผสอน ทปรกษา ผเรยน ซง

สามารถอธบายการท างานของระบบไดตามแผนภาพการไหลของขอมล (Data Flow Diagram) ทประกอบดวย 6 กระบวนการ และ ER Diagram ทประกอบดวยตารางขอมล 19 ตาราง ดงภาพท 2 และ ภาพท 3 ตามล าดบ

3) การพฒนาเวบแอปพลเคชน ผวจยไดพฒนาระบบดวยภาษาพเอชพ (PHP) รวมกบฐานขอมลมายเอสควแอล (MySQL) ดวยชด

โปรแกรม AppServ 2.5.10 ซงมการเลอกใช Bootstrap Framework มาชวยในการจดวางองคประกอบของหนาจอใหสามารถท างานไดแบบ Responsive ทสามารถใชงานไดบนอปกรณพกพา โดยไมมขอจ ากดของขนาดหนาจอ ท าใหสะดวกกบผใชงาน

การทดสอบระบบและวเคราะหผลการวจย ในการทดสอบระบบผวจยใชวธการทดสอบแบบกลองด า (Black-Box Testing) เพอตรวจสอบการท างาน

ในแตละรายการหลกของระบบงานทงในสวนของครและสวนของนกเรยน วามการท างานทถกตองตามเงอนไขทก าหนดไว และเพอหาขอผดพลาดทอาจจะเกดขนกบระบบ นอกจากน ผวจยไดน าระบบทพฒนาขนไปใหผใชงาน คอ ครและนกเรยน โรงเรยนเดชอดม อ าเภอเดชอดม จงหวดอบลราชธาน จ านวน 33 คน ซงเปนโรงเรยนในโครงการเพาะพนธปญญาท ได เปนแกนน าในการจดการเรยนรดวยวจยเปนฐาน (โครงการเพาะพนธปญญาและกระบวนการพฒนาคร, 2560) ไดทดสอบการใชงานพรอมตอบแบบประเมนความพงพอใจในการใชงานระบบ ส าหรบการวเคราะหขอมลผลการวจย ใชคาเฉลยของคะแนน ( x ) และ คาสวนเบยงเบนมาตรฐาน (S.D.) โดยมเกณฑการประเมนผล ตามระดบคาเฉลยจากชวงคะแนน ดงตารางท 1 ตารางท 1 เกณฑการประเมนผล

ชวงคะแนน ระดบความพงพอใจ สงกวา 4.50 มากทสด 3.50 – 4.49 มาก 2.50 – 3.49 ปานกลาง 1.50 – 2.49 นอย ต ากวา 1.50 นอยทสด

ทมา: สมนก ภททยธน, 2541

Page 7: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

วารสารวทยาศาสตรและวทยาศาสตรศกษา ปท 1 เลมท 1 | 7

ลขสทธโดย คณะวทยาศาสตร มหาวทยาลยอบลราชธาน

Online First

ภาพท 2 Data Flow Diagram

ลงทะเบยน1

ผดแลระบบ

ครผสอน

ครทปรกษา

ผเรยน

D1 ขอมลค าน าหนาชอ

D2 ขอมลจงหวด

D3 ขอมลผใช

D4 ขอมลโรงเรยน

เขาสระบบ2

ครผสอน

ครทปรกษา

แกไขขอมลสวนตว3

ครผสอน

ครทปรกษา

นกเรยน

D3 ขอมลผใช

ผดแลระบบ

D1 ขอมลค าน าหนาชอ

D2 ขอมลจงหวด

D3 ขอมลผใช

D4 ขอมลโรงเรยน

ครผสอน

ผดแลระบบ

จดการขอมลพนฐาน4

D1 ขอมลค าน าหนาชอ

D2 ขอมลจงหวด

D4 ขอมลโรงเรยน

จดการขอมลผใช5

D3 ขอมลผใช

D4 ขอมลโรงเรยน

ขอมลการลงทะเบยนผลการลงทะเบยน

ขอมลการลงทะเบยนผลการลงทะเบยน

ขอมลการลงทะเบยนผลการลงทะเบยน

ขอมลการยนยนผลการยนยน

ผลการลงทะเบยนขอมลการยนยน

ขอมลการเขาสระบบผลการเขาสระบบ ผลการเขาสระบบ

ขอมลการเขาสระบบ

ขอมลการเขาสระบบผลการเขาสระบบ

ผลการเขาสระบบขอมลการเขาสระบบ

ขอมลการแกไขขอมลสวนตวผลการแกไขขอมลสวนตว

ขอมลการแกไขขอมลสวนตวผลการแกไขขอมลสวนตว

ผลการแกไขขอมลสวนตวขอมลการแกไขขอมลสวนตว

ผลการแกไขขอมลรหสผานขอมลการแกไขขอมลรหสผาน

ผลการแกไขขอมลสวนตวขอมลการแกไขขอมลสวนตว

ผลการแกไขขอมลรหสผาน

ผลการแกไขขอมลรหสผานขอมลการแกไขขอมลรหสผาน

ขอมลการแกไขขอมลรหสผาน

ขอมลการแกไขขอมลรหสผานผลการแกไขขอมลรหสผาน

ขอมลการจดการขอมลค าน าหนาชอผลการจดการขอมลค าน าหนาชอขอมลการจดการขอมลจงหวดผลการจดการขอมลจงหวด

ขอมลการจดการขอมลโรงเรยนผลการจดการขอมลโรงเรยน

ขอมลการจดการขอมลโรงเรยนผลการจดการขอมลโรงเรยน

ขอมลการเพมขอมลผใชผลการเพมขอมลผใช

ขอมลการเพมขอมลผใชผลการเพมขอมลผใช

ขอมลเงอนไขการคนหาแสดงผลเงอนไขการคนหา

ขอมลเงอนไขการคนหาแสดงผลเงอนไขการคนหาขอมลการจดการขอมลผใชผลการจดการขอมลผใช

ขอมลการจดการขอมลผใชผลการจดการขอมลผใช

Page 8: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

8 | Journal of Science and Science Education Vol. 1 No. 1

Copyright by Faculty of Science, Ubon Ratchathani University

Online First

ภาพท 2 Data Flow Diagram (ตอ)

Page 9: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

วารสารวทยาศาสตรและวทยาศาสตรศกษา ปท 1 เลมท 1 | 9

ลขสทธโดย คณะวทยาศาสตร มหาวทยาลยอบลราชธาน

Online First

ภาพท 3 ER Diagram

ผลการวจย ผลการพฒนาเวบแอปพลเคชนแสดงดงภาพท 4-10 (ภาคผนวกทายบทความ) ซงประกอบดวย หนาจอหลก หนาจอการลงทะเบยนผใช หนาจอการแกไขขอมลสวนตว หนาจอการจดการขอมลผใช หนาจอการเพมขอมลประเดนหลก หนาจอการเพมผใชรายป และหนาจอการจดการขอเสนอโครงงาน ตามล าดบ

ผลการทดสอบระบบดวยวธ Black-Box Testing พบวา รายการหลกของระบบสามารถเรยกใชงานได และท างานไดอยางถกตอง ครบถวน

ผลการประเมนความพงพอใจของผใชงานระบบ แบงเปน 3 ดาน (ดงแสดงในตารางท 2) ไดแก (1) การออกแบบเวบ (2) ประสทธภาพของระบบ และ 3) การสนบสนนการเรยนรดวยวจยเปนฐาน

user

user_academic_year

member_group_project

project_detail

group_project

mentor_school_year

project

province

school

school_years

theme

title

user_main_academic_year

news

file_news

project_proposal

comment_proposal

score_advisor

score_project

user_idPK

title_idFK

facebook

regis_status

f_name

l_name

school_idFK

province_idFK

email

address

pic_name

tel

password

active

yearPK

user_idFKPK

active_date

group_idFKPK

user_idFKPK

project_detail_idPK

project_idFK

status

date

user_idFK

group_idPK

theme_idFK

group_name

yearPK

user_idFKPK

school_idFKPK

project_idPK

group_idFK

status_project

user_id

province_idPK

province_name

school_idPK

school_name

zip_code

school_address

school_provinceFK

school_tel

gps_location

school_web

yearPK

school_idFKPK

theme_idPK

school_idFK

theme_name

year

title_idPK

title_name

regis_date

yearPK

user_idFKPK

active_date

typenews_idPK

user_idFK

news_detail

news_title

status

date_start

date_end

file_news_idPK

news_idFK

file_news_name

project_name

project_proposal_idPK

note

file_name

user_idFK

date

project_idFKPK

comment_proposal_id

PK

project_proposal_idFK

user_idFK

date

comment

file_name

project_detail_idFKPK

student_idFK

user_idFK

score project_detail_idFKPK

project_idFKPK

user_idFK

score

Page 10: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

10 | Journal of Science and Science Education Vol. 1 No. 1

Copyright by Faculty of Science, Ubon Ratchathani University

Online First

ตารางท 2 ผลการประเมนความพงพอใจของผใชงาน ดานการประเมน x S.D.

1) การออกแบบเวบ 4.11 0.72 2) ประสทธภาพของระบบ 4.12 0.77 3) การสนบสนนการเรยนรดวยวจยเปนฐาน 4.33 0.66

คาเฉลย 4.22 0.71 จากตารางท 2 พบวาคาเฉลยความพงพอใจในการใชงานระบบโดยรวมอยในระดบมาก ( x = 4.22, S.D.

= 0.71) โดยดานการสนบสนนการเรยนรดวยวจยเปนฐาน มคาเฉลยความพงพอใจสงทสด คอ 4.33 จงสามารถสรปไดวา เวบแอปพลเคชนทถกพฒนาขนน สามารถน าไปใชงานเพอสนบสนนการจดการขอเสนอโครงงานส าหรบการจดการเรยนรดวยวจยเปนฐานไดด สรปผลการวจยและแนวทางการพฒนาตอ งานวจยนเปนการน าเสนอผลการพฒนา และประเมนความพงพอใจของผใชงานเวบแอปพลเคชนเพอสนบสนนการจดการขอเสนอโครงงานส าหรบการเรยนรดวยวจยเปนฐาน ซงเปนการวจยเบองตนเพอคนหาแนวทางในการตอยอดการวจยเพอพฒนาระบบสนบสนนการจดการเรยนรดวยวจยเปนฐานตอไป จากผลการวจย พบวา ผใชงานทงครและนกเรยนใหความสนใจในรปแบบของระบบทแตกตางจากเวบแอปพลเคชนประเภทสงคมออนไลน เชน Facebook หรอ Line ทใชในการตดตอสอสารและแลกเปลยนขอมล โดยระบบทพฒนาขนน ไดอ านวยความสะดวกในการเกบรวบรวมขอมล ขอเสนอแนะจากเพอนรวมเรยน จากผสอนหรอจากอาจารยทปรกษา ไดอยางเปนระบบ ท าใหสะดวกในการตดตามขอเสนอแนะ จดระบบระเบยบของไฟลขอเสนอโครงงาน งายในการคนหา ซงสามารถสนบสนนการจดกระบวนการเรยนรดวยวจยเปนฐานไดเปนอยางด กตตกรรมประกาศ งานวจยนไดรบเงนอดหนนการวจยจากมหาวทยาลยอบลราชธาน ความเหนในรายงานผลการวจยนเปนของผวจย ผใหทนไมจ าเปนตองเหนดวยเสมอไป ขอขอบคณโครงการเพาะพนธปญญา ศนยพเลยงมหาวทยาลยอบลราชธาน ทจดประกายความคดในการท าวจยและใหความอนเคราะหขอมล เอกสารอางอง กาญจนา โปะประนม ระฑยา องคระษ พรเจษฏร นนทศร อภญญา สขพงษ สวาล เทยงธรรม และปรม จารจ ารส.

(2558). ผลการจดการเรยนรดวยโครงงานฐานวจยตอการเปลยนแปลงคณลกษณะอนพงประสงค ของนกเรยนมธยมศกษาปท 2 โรงเรยนสรนธรวทยานสรณในโครงการเพาะพนธปญญา. ในรายงานสบเนองจากการประชมทางวชาการระดบชาต มอบ.วจย ครงท 9 (หนา 227-233). วนท 2-3 กรกฎาคม 2558. อบลราชธาน: มหาวทยาลยอบลราชธาน.

โครงการเพาะพนธปญญาและกระบวนการพฒนาคร. (ม.ป.ป.). เกยวกบโครงการ. สบคนเมอ 26 กมภาพนธ 2560, จากโครงการเพาะพนธปญญา เวบไซต : kruvijai.wordpress.com.

จราวธ วารนทร. (2558). สรางเวบไซตอคอมเมรซแบบ Responsive ดวย PHP Bootstrap + E-commerce. พมพครงท 1. กรงเทพฯ: ส านกพมพซมพลฟาย.

ไฉน ผลด. (2553). ระบบสารสนเทศเพอการบรหารจดการโครงการโรงเรยนบานโนนยาง. วทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศการเกษตรและพฒนาชนบท มหาวทยาลยอบลราชธาน, อบลราชธาน.

Page 11: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

วารสารวทยาศาสตรและวทยาศาสตรศกษา ปท 1 เลมท 1 | 11

ลขสทธโดย คณะวทยาศาสตร มหาวทยาลยอบลราชธาน

Online First

เดชมณ เนาวโรจน ยาใจ เจรญพงษ สาคร ทองเทพ และสมาล เฮงยศมาก. (2558). การพฒนาทกษะกระบวนการคดของนกเรยนในโครงการเพาะพนธปญญาโรงเรยนสมเดจพระญาณสงวร ในพระสงฆราชปถมภ. ในรายงานสบเนองจากการประชมทางวชาการระดบชาต มอบ.วจย ครงท 9 (หนา 250-258). วนท 2-3 กรกฎาคม 2558. อบลราชธาน: มหาวทยาลยอบลราชธาน.

ภาณพงศ ปญญาด. (ม.ป.ป.). AppServ คออะไร. สบคนเมอ 26 กมภาพนธ 2560, จาก AppServ เวบไซต : www.appserv.org/th/เกยวกบ.

ระววรรณ วงศพมพ. (2552). ระบบสารสนเทศเพอการจดการเรยนการสอนผานอนเทอรเนต กรณศกษาศนยแพทยศาสตรศกษาชนคลนก โรงพยาบาลสรรพสทธประสงค. วทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ มหาวทยาลยอบลราชธาน, อบลราชธาน.

วรทย ทองอนทร จกรพนธ สวรรณพมพ สขข บรรลอ นออน วชย นษฐา กลโท ลาพง เปยมสต และจกรพนธ แสงทอง. (2558). ทกษะการเรยนรแหงศตวรรษท 21 ผานการเรยนรแบบโครงงานฐานวจย (RBL) เรองไมยราบยกษ ของโรงเรยนเดชอดม อ าเภอเดชอดม จงหวดอบลราชธาน. ในรายงานสบเนองจากการประชมทางวชาการระดบชาต มอบ.วจย คร งท 9 (หนา 469-478). วนท 2-3 กรกฎาคม 2558. อบลราชธาน: มหาวทยาลยอบลราชธาน.

สมนก ภททยธน. (2541). การวดผลการศกษา. กาฬสนธ: ประสานการพมพ. สรจตต เดชอมรชย และชนยา ดานสวสด. (2555). ผลการใชหนวยการเรยนรแบบบรณาการโดยใชการวจยเปนฐาน

ในรายวชาภาษาฝรงเศสระดบกลาง 1 ส าหรบนกศกษาปรญญาตร มหาวทยาลยธรรมศาสตร . วารสารวชาการคณะมนษยศาสตรและสงคมศาสตร, 8, 49-64.

สธระ ประเสรฐสรรพ. (2555). โครงงานฐานวจย:กระบวนการเรยนรใหมของการศกษาไทย. พมพครงท 1. กรงเทพฯ: ส านกงานกองทนสนบสนนการวจย.

Page 12: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

12 | Journal of Science and Science Education Vol. 1 No. 1

Copyright by Faculty of Science, Ubon Ratchathani University

Online First

ภาคผนวก

ภาพท 4 หนาจอหลก

Page 13: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

วารสารวทยาศาสตรและวทยาศาสตรศกษา ปท 1 เลมท 1 | 13

ลขสทธโดย คณะวทยาศาสตร มหาวทยาลยอบลราชธาน

Online First

ภาพท 5 หนาจอการลงทะเบยนผใช

ภาพท 6 หนาจอการแกไขขอมลสวนตว

Page 14: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

14 | Journal of Science and Science Education Vol. 1 No. 1

Copyright by Faculty of Science, Ubon Ratchathani University

Online First

ภาพท 7 หนาจอการจดการขอมลผใช

ภาพท 8 หนาจอการเพมขอมลประเดนหลก

Page 15: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

วารสารวทยาศาสตรและวทยาศาสตรศกษา ปท 1 เลมท 1 | 15

ลขสทธโดย คณะวทยาศาสตร มหาวทยาลยอบลราชธาน

Online First

ภาพท 9 หนาจอการเพมผใชรายป

Page 16: JSSE Journal of Science & Science Education วารสาร ...journal.sci.ubu.ac.th/journalcomplete/JSSE01(01)2561-01-Nadh.pdf · Rachen Namwong1, Supawadee Hiranpongsin2 and

16 | Journal of Science and Science Education Vol. 1 No. 1

Copyright by Faculty of Science, Ubon Ratchathani University

Online First

ภาพท 10 หนาจอการจดการขอเสนอโครงงาน