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.

JSSE Journal of Science & Science Education ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: JSSE Journal of Science & Science Education ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

 

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.

Page 2: JSSE Journal of Science & Science Education ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

Copyright by Faculty of Science, Ubon Ratchathani University 

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

*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. (2 0 1 8) . 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.

Page 3: JSSE Journal of Science & Science Education ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

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

บทนา การเรยนรดวยวจยเปนฐาน (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 ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

Copyright by Faculty of Science, Ubon Ratchathani University 

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 ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

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

วเคราะหทศนคตของนกเรยนทเขารวมการทาโครงงานฐานวจย ผลการศกษาพบวา กลมนกเรยนทเขารวมดาเนนกจกรรมการเรยนร และไดนาเสนอผลงานในรปแบบละครเวทบนเวทเพาะพนธปญญาระดบชาตครงท 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 ภาพรวมของระบบ

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

เรยนร ดวยวจ ยเปนฐาน

Datab

ase Se

rver

Mana

geme

nt Sy

stem

Leve

l

Web Application

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

User

Interf

ace L

evel

Database Server

Internet

ผเรยน

Page 6: JSSE Journal of Science & Science Education ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

Copyright by Faculty of Science, Ubon Ratchathani University 

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 ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

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

ภาพท 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 ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

Copyright by Faculty of Science, Ubon Ratchathani University 

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

Page 9: JSSE Journal of Science & Science Education ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

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

ภาพท 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 ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

Copyright by Faculty of Science, Ubon Ratchathani University 

ตารางท 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). กรงเทพฯ: สานกพมพซมพลฟาย.

Page 11: JSSE Journal of Science & Science Education ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

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

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

เดชมณ เนาวโรจน ยาใจ เจรญพงษ สาคร ทองเทพ และสมาล เฮงยศมาก. (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 ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

Copyright by Faculty of Science, Ubon Ratchathani University 

ภาคผนวก

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

Page 13: JSSE Journal of Science & Science Education ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

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

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

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

Page 14: JSSE Journal of Science & Science Education ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

Copyright by Faculty of Science, Ubon Ratchathani University 

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

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

Page 15: JSSE Journal of Science & Science Education ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

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

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

Page 16: JSSE Journal of Science & Science Education ปีที่ 1 . - . 2561journal.sci.ubu.ac.th/journalcomplete/2561Vol1... · บทความนี้เป็นส่วนหนึ่งของงานวิจัยเพื่อพัฒนาเว

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

Copyright by Faculty of Science, Ubon Ratchathani University 

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