การพฒนาชองทางส าหรบสอออนไลนเพอการเรยนรวชาคณตศาสตร ระดบมธยมศกษาตอนตนดวยเวบบลอก

ONLINE MEDIA CHANNEL DEVELOPMENT FOR HIGH-SCHOOL MATHEMATICS LEARNING WITH WEB BLOG

นายพงศอนทร ชสวรรณ1 และดร.นเวศ จระวชตชย/2

1,2หลกสตรวทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ คณะเทคโนโลยสารสนเทศ มหาวทยาลยศรปทม 61 ถ.พหลโยธน จตจกร กรงเทพ 10900

E-mail: 1pongint@hotmail.com, 2nivet99@hotmail.com

บทคดยอ

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

เผยแพร บทเรยนและแบบทดสอบไดสะดวกยงขน สามารถดแล ตดตามผลการทดสอบของผเรยนรวมไปถง โตตอบกบผเรยน ผานระบบความคดเหน และระบบสนทนา ไดงาย สะดวกและรวดเรว และมความพงพอใจของผใชอยในระดบมาก ค าส าคญ: สอเพอการเรยนรวชาคณตศาสตร, เวบบลอก

ABSTRACT

Education management during the age of Information Technology can improve the learning process of students and also accelerate the need of studies in the future. Innovative materials are predicted to replace the traditional media. Nowadays learning is limited only neither in the classroom nor under the supervision of an instructor. Students can learn from the diverse source of information, especially the Internet. News and information accessibility will be a major factor for the activities in the current trend of learning. The students are expected to develop the skills learned from a learning technology and they can be a means to create other lessons via the Internet. This study is designed to develop a channel in studying mathematics by using a web blog. The application was developed to help teachers and students can create teaching activities via the Internet. The system facilitates the learners and the instructors in many ways

such to create a lesson, to create an exercise, and user management system. It is also good for administrator with a limited experience in programming.

The study results revealed that the system can achieve the purposed goal. It can support teaching and learning activities in class. Administrators can manage, and disseminate lessons and tests more easily. They can also monitor test results and interact with the students via comment system and chat system. Results from the evaluation, the user satisfaction to our system is in a ‘GOOD’ level. Keywords: Media for learning Mathematics, Webblog

1. บทน า

1.1 ทมาและความส าคญของปญหา

ปจจบนความกาวหนาทางเทคโนโลยสารสนเทศกอใหเกดความเปลยนแปลงครงยงใหญตอทกวงการทวโลก รวมทงวงการศกษาไทยดวย และผลพวงทตดตามมาในแงเทคนคและวธการเกยวกบกระบวนการเรยนรคอแนวโนมในการเรยนรแบบตอบโตสองทางหรอการมปฏสมพนธ (Interactive) ทก าลงกาวเขามาแทนทกระบวนการเรยนรแบบเดม ทผรบไดแต ‚รบเอา‛ โดยไมอาจ ‚เลอก‛ แตอยางใด จากแนวคดดงกลาว ประเทศตางๆ ทวโลกตางหนมาใหความสนใจในการพฒนาเทคโนโลยสารสนเทศเพอใชใหเกดประโยชนสงสดแกผเรยนในทกระดบ มการใชเครองคอมพวเตอรและสออเลกทรอนกสมากขน ผเรยนรนใหมจะเปนผเรยนทมความรกการเรยนร มหลกในการศกษาคนควาอยางเปนระบบ มความคดรเรมสรางสรรคใหมๆ มความรทกษะทจ าเปนในการแสวงหาความรดวยตนเองมากขน 1.2 วตถประสงคของการศกษา

1) เ พอพฒนาชองทางเพอการศกษาเรองการสอนคณตศาสตรโดยการใชเวบแอพพลเคชนประเภทเวบบลอก

2) เพอบรหารจดการฐานขอมลของเนอหา และขอมลทเกยวของกบการจดการเรยนร ใหจดเกบขอมลไดอยางเปนหมวดหม

3) เพอทดสอบประสทธภาพของการเรยนรเรองคณตศาสตรโดยการใชเวบแอพพลเคชนประเภทเวบบลอก 1.3 ขอบเขตของการวจย

1) ความสามารถของเวบไซตในสวนของผดแลระบบ (Administrator) มรายละเอยดดงน

- การจดการขอมล ไดแก การเพม การปรบปรง และการลบขอมล เชน ขอมลเนอหา แบบทดสอบ ไฟลสอมเดยตางๆ

- การตรวจสอบขอมล เชน ขอมลผลงทะเบยน ผลการทดสอบ ขอมลการแสดงความคดเหน

2) ความสามารถของเวบไซตในสวนผใชระบบทเปนเปนสมาชก (Member) มรายละเอยดดงน

- การจดการขอมล ระบบสามารถเลอก แกไขขอมลสวนตว และแกไขขอมลรหสผาน

- การคนหาขอมล บทเรยน และแบบทดสอบทตองการใชงาน

- แสดงความคดเหนทงหนาบทเรยน แบบกระดานสนทนา

- เลอกลงทะเบยนผานเวบไซตสงคมออนไลนเชน Facebook.com หรอ บญช Google ได

3) ความสามารถของเวบไซตในสวนผใชระบบทเปนลกคาทไมเปนสมาชก (User) มรายละเอยดดงน

- การคนหาขอมล บทเรยน และแบบทดสอบทตองการใชงาน

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

กน เทคโนโลยยงชวยใหสถานศกษาไดมโอกาสเขาถงแหลงความรอนไรพรมแดนไดอยางมประสทธภาพและใหโอกาสทางการศกษาใหมๆแกเดกท ดอยโอกาส และจากเหตผลดงกลาวท าใหทราบถงความส าคญของการใชอนเทอรเนตเพอการศกษา และประโยชนทผสอนและผเรยน 2.2 การเรยนการสอนผานเวบ การเรยนการสอนผานเวบ หมายถง เครองมอทสามารถท าการสอสารภายใตระบบมลตยสเซอรไดอยางไรพรมแดน โดยผเรยนสามารถตดตอสอสารกบผเรยนดวยกนอาจารยหรอผเชยวชาญ ฐานความร และยงสามารถรบสงขอมลการศกษาอเลกทรอนกส (Electronic Education Data) อยางไมจ ากดเวลา ไมจ ากดสถานท ไมมพรมแดนกดขวางภายใตระบบเครอขายอนเทอรเนต หรออาจเรยกวาหองเรยนเสมอน (Virtual Classroom) เลยกได และนนกคอการกระท ากจกรรมใดๆ ภายในโรงเรยน ภายในหองเรยนสามารถท าไดทกอยางในบทเรยนบนระบบ เครอขาย (WBI) ทอยบนระบบเครอขายอนเทอรเนต 2.3 การศกษาแบบ e-Learning e-Learning คอ การเรยนและศกษาดวยตนเอง ไมมผสอนสอนหนาชนเหมอนทเปนอย โดยเรยนผานทางอนเทอรเนต เพยงแคผเรยนนงหนาจอคอมพวเตอรกสามารถเรยนได e-Learning แบงความหมายออกเปน 2 ลกษณะ ไดแกความหมายโดยทว ๆ ไป จะหมายถง การเรยนในลกษณะใดกได ซงการถายทอดเนอหาผานทางอปกรณอเลกทรอนกส ไมวาจะเปน คอมพวเตอร เครอขายอนเทอรเนต อนทราเนต เอกซทราเนต หรอทางสญญาณโทรทศน หรอสญญาณดาวเทยม (Satellite) กได ซงเนอหาสารสนเทศ อาจอยในรปแบบการเรยนทคนเคย เชน คอมพวเตอรชวยสอน การสอนบนเวบ เปนตน อกความหมายหนงคอความหมายเฉพาะเจาะจง จะหมายถงเฉพาะ การเรยนเนอหาหรอสารสนเทศส าหรบการสอนหรอการอบรม ซงใชการน าเสนอดวยตวอกษร ภาพนง ผสมผสานกบการใชภาพเคลอนไหว วดทศนและเสยง โดย

อาศยเทคโนโลยของเวบ (Web Technology) ในการถายทอดเนอหา รวมทงการใชเทคโนโลยระบบการจดการคอรส 2.4 ทฤษฏโปรแกรมเชงวตถ และยเอมแอล (UML - Unified Modeling Language) UML (Unified Modeling Language) เปนเครองมอใหมทไดรบการยอมรบเพมขนตลอดเวลา เรมประยกตใชกบประโยชนของยเอมแอล (UML Advantage)

UML สามารถแสดงสวนประกอบในการสรางโปรเจคในรปของโอโอพ (OOP) งายตอการท าความเขาใจและสามารถแปลงเปนภาษาคอมพวเตอร(Computer Language) ระบบงานมากขน เพราะเปนเครองมอทมความหลากหลายในการแสดงแบบซอฟตแวร เปนโมเดลมาตรฐานทใชหลกการออกแบบ OOP (Object Oriented Programming) รปแบบของภาษาม Notation เปนสญลกษณส าหรบสอความหมาย มกฎระเบยบทมความหมายตอการเขยนโปรแกรม (Coding) ดงนนการใช UML จะตองทราบความหมายของ Notation เชน generalize, association, dependency, class และ package สงเหลานมความจ าเปนตอการตความการออกแบบ กอนน าไป Implement ระบบงานจรง UML ประกอบดวย 3 สวนหลกคอ Things, Relationships และ Diagrams สวน Diagrams แบง 6 ประเภท คอ Use case, Static structure, Interaction, State, Activity และ Implementation 1. Use case Diagram เปน Diagram ทท าหนาท Capture requirement เปนเทคนคในการสรางแบบจ าลอง เพอใชอธบายหนาทของระบบใหม หรอระบบปจจบน กระบวนการสราง Use case เปนแบบวนซ า (Iteration) องคประกอบม Use case, Actor, Use case Relation และ System ความตองการของระบบจะไดจาก ลกคา ผใช + ผพฒนาระบบ 2. Class Diagram Class Diagram ประกอบดวย Class และความสมพน ธระหวาง Class เ ชน Dependency, Generalization, Association เปนตน Class Diagram

สามารถแสดงรายละเอยดวาม Method และ Attribute อยางไร 3. Object Diagram Object Diagram ประกอบดวย Object และ Relation ระหวาง Object โดยแตละ Object จะแสดง Instance ของแตละ class ทมในระบบ และความสมพนธระหวาง Class เชน Dependency, Generalization หรอ Association ซงมลกษณะเชนเดยวกบ Class Diagram

4. Sequence Diagram Sequence Diagram จะแสดงล าดบการท างานของ

ระบบ โดยม Object และ เวลาเปนตวก าหนดล าดบของงาน และเนนไปท instant ของ Object 5. Collaboration Diagram Collaboration Diagram แสดงล าดบการท างานของ วตถ ผเกยวของ และกจกรรม โดยล าดบการท างานไมขนกบเวลา เพราะการแสดงความสมพนธของ Object กบเวลาเปนหนาทของ Sequence Diagram

6. State Diagram State Diagram ประกอบดวย State ตางๆ ของ

Object และเหตการณตางๆ ทท าใหสถานะของ Object เปลยนและการกระท าทเ กดขนเมอสถานะของระบบเปลยนไป สามารถบอกสถานะของ Object ได โดยจะใหความสนใจวา ณ เวลาใดๆ Object นนม status เปนแบบใด

7. Activity Diagram Activity Diagram แสดงล าดบ กจกรรมของการ

ท างาน (Work Flow) สามารถแสดงทางเลอกทเกดขนได Activity Diagram จะแสดงขนตอนการท างานในการปฏบตการ โดยประกอบไปดวยสถานะตางๆ ทเกดขนระหวางการท างาน และผลจากการท างานในขนตอนตาง ๆ

8. Component Diagram Component Diagram เปน Diagram ซงแสดง

โครงสรางทางกายภาพของ Software โดยจะประกอบดวยองคประกอบซงอยในรปตางๆ เชน Binary, text และ executable ภายใน Component Diagram กจะมความสมพนธแสดงอยเชนเดยวกบ Class Diagram, Object Diagram

9. Deployment Diagram Deployment Diagram เปนสงทสามารถท าการ

แสดงระบบสถาปตยกรรมของ Hardware/Software ตลอดจนความสมพนธระหวาง hardware/software 2.5 ทฤษฏภาษา PHP ฐานขอมลและภาษา SQL (Standard Query Language)

ทฤษฏภาษา PHP PHP คอ ภาษาคอมพวเตอรจ าพวก scripting

language ภาษาจ าพวกนค าสงตางๆจะเกบอยในไฟลทเรยกวา script และเวลาใชงานตองอาศยตวแปรชดค าสง ตวอยางของภาษาสครปกเชน JavaScript , Perl เปนตน ลกษณะของ PHP ทแตกตางจากภาษาสครปตแบบอนๆ คอ PHP ไดรบการพฒนาและออกแบบมา เพอใชงานในการสรางเอกสารแบบ HTML โดยสามารถสอดแทรกหรอแกไขเนอหาไดโดยอตโนมต ดงนนจงกลาววา PHP เปนภาษาท เ รยกวา server-side หรอ HTML-embedded scripting language นนคอในทกๆ ครงกอนทเครองคอมพวเตอรซงใหบรการเปน Web server จะสงหนาเวบเพจทเขยนดวย PHP ใหเรา มนจะท าการประมวลผลตามค าสงทมอยใหเสรจเสยกอน แลวจงคอยสงผลลพธทไดใหเรา ผลลพธทไดนนกคอเวบเพจทเราเหนนนเอง ถอไดวา PHP เปนเครองมอทส าคญชนดหนงทชวยใหเราสามารถสราง Dynamic Web pages (เวบเพจทมการโตตอบกบผใช( ไดอยางมประสทธภาพและมลกเลนมากขน อาจจะกลาวไดวา PHP ไดรบการพฒนาขนมา เพอแทนท SSI รปแบบเดมๆ โดยใหมความสามารถ และมสวนเชอมตอกบเครองมอชนดอนมากขน เชน ตดตอกบคลงขอมลหรอ database เปนตน

ฐานขอมล ฐานขอมล (Database( คอ การจดเกบขอมล

อยางเปนระบบ ท าใหผใชสามารถใชขอมลทเกยวของในระบบงานตาง ๆ รวมกนได โดยทจะไมเกดความซ าซอนของขอมล และยงสามารถหลกเลยงความขดแยงของขอมลดวย อกทงขอมลในระบบกจะถกตองเชอถอได และเปนมาตรฐานเดยวกน โดยจะมการก าหนดระบบความปลอดภย

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

ระบบฐานขอมล (Database System) หมายถง โครงสรางสารสนเทศทประกอบดวยรายละเอยดของขอมลทเกยวของกนทจะน ามาใชในระบบตาง ๆ รวมกน ระบบฐานขอมล จงนบวาเปนการจดเกบขอมลอยางเปนระบบ ซงผใชสามารถจดการกบขอมลไดในลกษณะตาง ๆ ทงการเพม การแกไข การลบ ตลอดจนการเรยกดขอมล ซงสวนใหญจะเปนการประยกตน าเอาระบบคอมพวเตอรเขามาชวยในการจดการฐานขอมล

ภาษา SQL (Standard Query Language) SQL ยอมาจาก structured query language คอ

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

การท างานสง สามารถท างานทซบซอนไดโดยใชค าสงเพยงไมกค าสง 2.6 ทฤษฏ Wordpress และ โปรแกรมสวนเสรม (Plugin) ทเกยวของ

WordPress คอ โปรแกรม ส าเรจรปตวหนง ทเอาไวส าหรบสราง บลอก หรอ เวบไซต สามารถใชงานไดฟร ถกจดอยในประเภท CMS (Contents Management System) ซงหมายถง โปรแกรมส าเรจรปทมไวส าหรบสรางและบรหารจดการเนอหาและขอมลบนเวบไซต WordPress ไดรบการพฒนาและเขยนชดค าสงมาจากภาษา PHP ท างานบนฐานขอมล MySQL ซง เปนโปรแกรมส าหรบจดการฐานขอมล มหนาทเกบ เรยกด แกไข เพมและลบขอมล การใชงาน WordPress รวมกบ MySQL อยภายใตสญญาอนญาตใชงานแบบ GNU General Public License

โปรแกรมสวนเสรม (Plugin( ทเกยวของ ในการศกษาและพฒนาสอเพอการเรยนรวชาคณตศาสตรดวยเวบบลอกครงน ผพฒนาไดเลอกใชงานโปรแกรมสวนเสรม (Plugin( ทเกยวของ ดงตอไปน 1) Akismet

Akismet จะตรวจสอบ ความคดเหน เพอดวามลกษณะเปนสแปมหรอไม และชวยตรวจสอบจบสแปม โดยผดแลระบบสามารถเขาไปจดการไดท หนา จดการความเหน ในหนาจอผดแลระบบ

2) bbPress โปรแกรมสวนเสรมเพอใชงานในสวนกระดาน

สนทนาของระบบ 3) Genie WP Favicon โปรแกรมสวนเสรมเพอใชในการก าหนดรปภาพไอคอน ตรงบรเวณแถบของเวบไซต 4) Global Flash Gallery โปรแกรมสวนเสรมเพอใชในการสรางอลบ มรปภาพแบบ ไดนามค มรปแบบโครงสรางแบบสอประสมเชงโตตอบ โดยอาศยแรงขบเคลอนจากโปรแกรม Flash Player 5) GTranslate

โปรแกรมสวนเสรมเพอใชในการแปลภาษาผานทางหนาเวบ 6) Hollo Dolly โปรแกรมสวนเสรมเ พอใชในการปรบแตงหนาจอจดการเนอหาทตองการแสดง หรอ Back End 7) Lively Chat Support โปรแกรมสวนเสรมเพอใชในการสนทนาผานทางหนาจอ 8) Power Stat โปรแกรมสวนเสรมเพอใชในการเกบขอมลการเขาใชเวบไซต และแสดงผลออกมาเปนแผนภม (จะท างานเมอมการอพโหลดขนใชงานเปน Host server( 9) SI CAPTCHA Anti-Spam โปรแกรมสวนเสรมเพอใชในการปองกนสแปม เมอมการลงความคดเหน,ลงทะเบยน, ลมรหสผาน, เขาสระบบหรอทงหมด จะตองพมพรหสทปรากฏในภาพ เพอเปนการชวยปองกนสแปมบอทอตโนมต เพมการรกษาความปลอดภย ท างานไดดกบ Akismet นอกจากนยงรองรบ WP, WPMU และ BuddyPress 10) Viper Video Quick tag โปรแกรมสวนเสรมเพอใชในการยอโคด เพอใชในการแสดงผลวดโอ จากเวบไซตนอก 11) Watu โปรแกรมสวนเสรมเพอใชในการสรางการสอบและแบบทดสอบและแสดงผลทนทหลงจากทผใชจะใชเวลาสอบ สามารถก าหนดเกรดและระดบจดคะแนนในการสอบ / ค าถามทก และผ ดแลระบบสามารถเรยกดวา แบบทดสอบใด มผใช ท าคะแนนไดเทาไหร 12) Wordpress Social Login โปรแกรมสวนเสรมเพอใชในการเขาสระบบ ผานเวบไซตสงคมออนไลน

3. วธด าเนนการศกษา 3.1 การด าเนนการศกษา

ในการด าเนนการศกษา มวตถประสงค เพอสรางเครองมอทใชน าเสนอแนวคด และความรทเปนประโยชน

จากผสอน สผเรยน โดยอาศยหลกการประชาสมพนธขอมล สอ บทเรยน รปภาพ วดทศน และ แบบทดสอบ ผานทางเวบบลอก และระบบเครอขายคอมพวเตอร รวมไปถงการใชสอสงคมออนไลนในการยนยนตวบคคลในการแสดงความคดเหน โดยน าความรทไดจากการศกษาทฤษฎและงานวจยทเกยวของกบการจดการการเรยนรบนเวบไซต มาวเคราะหเพอใชในการพฒนาระบบงานดงกลาว โดยมรายละเอยดการด าเนนการตางๆ ดงน 3.2 เครองมอและอปกรณทใช

3.2.1 ฮารดแวร 1) เครองคอมพวเตอรโนตบก 1 เครอง 3.2.2 ซอฟตแวร Operation System Microsoft Windows 7 (เครอง

คอมพวเตอรโนตบก) AppServ ทรวม Apache Web Server, PHP Script Language, MySQL Database และ phpMyAdmin,โปรแกรมทใชในการสรางและควบคมเวบไซต WordPress 4.0,โปรแกรมทใชเขยนเอกสาร Microsoft Office Word 2010 ,โปรแกรมทใชเขยนแผนภาพ Microsoft Office Visio 2010, โปรแกรมทใชออกแบบ Adobe Photoshop CS5.5 ,โปรแกรมทใชในการแกไขภาษาคอมพวเตอร Notepad, Adobe Dreamweaver CS5.5 และ โปรแกรมเวบบราวเซอรใชในการแสดงผล Google Chrome 3.3 วธด าเนนการ ผจดท าไดท าการสมภาษณเจาของแนวคดในการสราง ถงความตองการในดานการใชงาน รวมไปถง จดประสงคในการใชงาน เพอท าการรวบรวมขอมลในการวางแผน และการด าเนนการทเหมาะสม โดยมรายละเอยดการด าเนนการดงตอไปน 3.3.1 การศกษาเบองตน เพอทจะสามารถสรางหรอพฒนาโปรแกรมใหสามารถใชงานผานเวบไซตได ผจ ดท าไดท าการคนควาเพมเตม ดงน - ศกษาลกษณะความตองการของเจาของแนวคด

- ศกษาระบบการจดการเวบไซตประเภท เวบบลอก และ สวนเสรมทสามารถน ามาประยกตใชงานได

- ศกษาเกยวกบการเชอมตอระบบบนเครอขายอนเทอรเนต

- ศกษาเกยวกบเครองมอทเกยวของในการสรางเวบแอพพลเคชน - ศกษาวธการสรางเวบแอพพลเคชน

- ศกษาเ กยวกบการออกแบบดไซน เวบแอพพลเคชน

3.3.2 การเกบรวบรวมขอมล เนองจากเปนโปรแกรมเวบแอพพลเคชนส าหรบใชงานเฉพาะบคคล ขอมลทงหมดสวนใหญทถกน ามาใชในการจดสรางโปรแกรมน น มาจากการสมภาษณจากผใชงานโดยตรง 3.3.3 วเคราะหและออกแบบระบบ การวเคราะหและออกแบบสอเพอการศกษาและการเรยนรวชาคณตศาสตรนน เปนการน าเทคนคการสอน สอ บทความตางๆ ของผใชงาน น ามาเผยแพรใหแกผทสนใจ และดงเอาระบบการจดการฐานขอมล เพออ านวยความสะดวกในการจดเกบ และพฒนาใหสามารถใชงานไดจากทกท อยางสะดวกรวดเรว 3.3.4 พฒนาระบบ การพฒนาระบบดงกลาว พฒนาขนดวยภาษา PHP ซงเปนภาษาคอมพวเตอรในลกษณะเซรฟเวอร -ไซดสครปต มลกษณะการแสดงผลในรปแบบ HTML โดยมรากฐานโครงสรางค าสงมาจากภาษาภาษาซ ภาษาจาวาและภาษาเพรล ซงภาษา PHP นนงายตอการเรยนรเพราะเปาหมายหลกของภาษาน คอใหนกพฒนาเวบไซตสามารถเขยนเวบเพจทสามารถโตตอบกบผใชงานไดอยางรวดเรว โดยเครองมอทใชในการจดการ เราจะใชสวนขยายของ WordPress ในการรวมพฒนาระบบดวย 3.3.5 การทดสอบระบบ ท าการทดสอบกอนทจะน าขนไปเกบไวบนระบบเครอขาย ซงเวบบลอกทพฒนาขน จะสามารถน าไปใชจรงไดหรอไม และโปรแกรมมขอผดพลาดอยางไร หากน าไปใชจรงตองพจารณาวาจะน าไปใชสนบสนนงาน

ท างานของผใชไดมากนอยเพยงใดและผลทไดรบน นมประสทธภาพอยางไร 3.3.6 การตดตงระบบ ท าการลองเรยกใชงานผานการตดตงบนเครอขายจ าลอง และจดท าคมอส าหรบการใชงานโปรแกรมเพอใหผ ใชงานเวบแอพพลเคชน สามารถใชงานไดอยางมประสทธภาพ 3.4 การวเคราะหสภาพปญหาทเกดขนในปจจบน การวเคราะหสภาพปญหาทเกดขนในปจจบนนนมความส าคญเปนอยางยง ท งนผจดท าไดท าการสมภาษณผใชงาน เกยวความตองการของระบบและสมภาษณถงปญหา ในสวนของการด าเนนกจกรรมการเรยนการสอนของผใชงาน ในดานของสอ ซงในบางครง ผเรยนหรอผทสนใจอาจตองการดลกษณะ การสอน เทคนคการน าเสนอ ของผ ใชงานงานผานทางสอออนไลนกอน จงจะตกลงวาจางในกจกรรมการเรยนการสอน แตในขณะเดยวกนท ทางผใชงาน ไมมความรในดานการสรางสอและ การใชงานระบบเครอขาย 3.5 การออกแบบระบบ (System Design) การวเคราะหระบบและออกแบบดวยเครองมอ UML (Unified Modeling Language) ซงแสดงดวย

3.5.1) ยสเคสไดอะแกรม (Use-Case Diagram) 3.5.2) ซเควนไดอะแกรม (Sequence Diagram) 3.5.3) โครงสราง ฐานขอมล ของเวบทสรางดวย

WordPress 3.5.4( ออารไดอะแกรม (ER diagram) 3.6.5( พจนานกรมฐานขอมล (Data Dictionary)

4. ผลการศกษา 4.1 ผลการศกษา

ระบบสอเพอการเรยนรวชาคณตศาสตรดวยเวบบลอก เปนระบบทชวยสนบสนนในการบรหารจดการเนอหา และแบบทดสอบทใชในการจดการเรยนรแบบออนไลน (E-Learning( โดยมงเนนไปทการใชงานเพอ

อ านวยความสะดวกในการเผยแพรขอมล บทเรยน และ แบบทดสอบไดอยางสะดวก และใชงานงาย โดยแบงหนาการใชงานออกเปน 2 ระบบ คอ ระบบทใชในการแสดงเนอหา หรอ Front End และ ระบบทใชจดการเนอหาทตองการแสดง หรอ Back-End ซงจะแบงสทธการเขาใชงานในสวนของผ ดแลระบบ และสมาชก โดยมผลการด าเนนงานสวนตดตอกบผใชงาน ดงน 4.1.1) หนาจอหลก ในการใชงานระบบสอเพ อการ เ รยน รวชาคณตศาสตรดวยเวบบลอก สามารถเขาใชงานโดยการพมพ http://localhost/ ทชอง URL ของโปรแกรมเวบเบราวเซอร (Web Browser) สามารถเขาสระบบไดจาก การใส Username และ Password จาก User Panel มมขวาบนของหนาจอ ดงภาพประกอบท 4.1

ภาพประกอบท 4.1 หนาจอหลก

หลงจากเขาสระบบแลว หนาจอหลกจะม แถบเมนเกดขนดานบน เพอใชในการเขาสหนาจอระบบทใชจดการเนอหาทตองการแสดง หรอ Back-End

ภาพประกอบท 4.2 หนาจอหลกหลงจากลงทะเบยนแลว

หนาจอระบบทใชจดการเนอหาทตองการแสดง หรอ Back-End ของผดแลระบบจะสามารถจดการไดทกการท างานทเกยวกบระบบ

ภาพประกอบท 4.3 หนาจอระบบทใชจดการเนอหาทตองการแสดง หรอ Back-End ส าหรบผดแลระบบ

หนาจอระบบทใชจดการเนอหาทตองการแสดง หรอ Back-End ของสมาชกจะสามารถจดการไดแคในสวนของขอมลสวนตวของสมาชกเองเทานน

ภาพประกอบท 4.4 หนาจอระบบทใชจดการเนอหาท

ตองการแสดง หรอ Back-End ส าหรบสมาชก 4.1.2) หนาจอสมครสมาชก ในกรณทไมไดเปนสมาชก สามารถสมครสมาชกได โดยกดท “Register” เพอเขาสหนาจอการลงทะเบยน ลงทะเบยนโดยการใสขอมล ชอผใช (Username( และอเมลของผ ใชงาน รวมไปถง กรอก ตวอกษรยนยนตวตน (Capcha) และกดปม Register เพอท าการสมครสมาชก ผใชงานสามารถลงทะเบยนผาน บญชของ Facebook.com หรอ Google.com ได ดงภาพประกอบท 4.5

ภาพประกอบท 4.5 หนาจอสมครสมาชก

4.1.3) หนาจอกรณลมรหสผาน เปนหนาจอส าหรบใสขอมลเพอขอรบรหสผานใหม ในกรณทผ ใชลมรหสผาน โดยระบบจะสงขอมลรหสผานใหทางอเมลทลงทะเบยนไว ดงภาพประกอบท 4.6

ภาพประกอบท 4.6 หนาจอกรณลมรหสผาน

4.1.4) หนาจอการใชงาน หนาจอการใชงานของระบบในสวนทเปนระบบทใชในการแสดงเนอหา หรอ Front End จะแบงออกดงน 4.1.4.1) หนาจอหลก (Homepage) แสดงถงรายละเอยดของขอมลทมการอพเดทลาสด

ภาพประกอบท 4.7 หนาจอหลก (Homepage)

4.1.4.2) หนาจอบทเรยน (Lesson) แสดงรายชอบทเรยนทมทงหมดในระบบ

ภาพประกอบท 4.8 หนาจอบทเรยน (Lesson)

ในสวนทเปนบทเรยน จะสามารถใสเนอหาทเปน ตวอกษร รปภาพ ไฟลเสยง หรอน าสอภาพเคลอนไหวมาใชงานได

ภาพประกอบท 4.9 ตวอยางหนาจอบทเรยน

4.1.4.3) หนาจอแบบฝกหด (Exercise & Practice) แสดงรายชอแบบฝกหดทมทงหมดในระบบ

ภาพประกอบท 4.10 หนาจอแบบฝกหด

(Exercise & Practice) ในสวนทเปนแบบฝกหด หลงจากท าแบบฝกหดเรยบรอย จะสามารถรผลการทดสอบไดทนท โดยผลการสอบจะถกจดเกบ ในสวนผดแลระบบ

ภาพประกอบท 4.11 ตวอยางหนาจอแบบฝกหด

ภาพประกอบท 4.12 ตวอยางหนาจอแบบฝกหด

หลงจากตรวจค าตอบ

4.1.4.4) หนาจออลบ มรปกจกรรมการเรยนการสอน (Gallery) แสดงรปภาพกจกรรมการเรยนการสอนในรปแบบของ แฟลชเพลเยอร

ภาพประกอบท 4.13 หนาจออลบมรปกจกรรม

การเรยนการสอน (Gallery) 4.1.4.4) หนาจอกระดานสนทนา (Forum)

เขาใชงานในสวนทเปนกระดานสนทนา เพอแลกเปลยนความคดเหน

ภาพประกอบท 4.14 หนาจอกระดานสนทนา (Forum)

ผใชทลงทะเบยนแลว จะมสทธในการเขาใชงาน กระดานสนทนา โดยสามารถ ตงกระท ถาม ตอบ และจดการกระทได

ภาพประกอบท 4.15 ตวอยางหนาจอกระดานสนทนา ใน

หมวด”ถามตอบขอสงสยเกยวกบคณตศาสตร” 4.1.5) หนาจอสวนการจดการระบบ หนาจอระบบทใชจดการเนอหาทตองการแสดง หรอ Back-End ซงจะแบงสทธการใชงานออกเปน 2 สวนคอ สวนผดแลระบบและสมาชก ซงจะมหวขอในการเขาใชงานทไมเหมอนกน 4.1.5.1) ระบบทใชจดการเนอหาทตองการแสดง หรอ Back-End สวนของสมาชก จะมเมนเพยงหนาจอแสดงผลโดยรวม (Dashboard( และหนาจอแกไขขอมลสวนตว เทานน

ภาพประกอบท 4.16 หนาจอแสดงผลโดยรวม (Dashboard(

ส าหรบสมาชก

ภาพประกอบท 4.17 หนาจอระบบทใชจดการเนอหาท

ตองการแสดง หรอ Back-End ส าหรบผดแลระบบ

4.2 การวดผล

การวดผลการใชงานระบบสอเพอการศกษาและการเรยนรวชาคณตศาสตรดวยเวบบลอก โดยกลมผใชงานซงไดแก กลมเดกนกเรยน ชน มธยมศกษาตอนตน รวมจ านวนทงสน 20 คน มาตอบแบบสอบถามเกยวกบการใชงานระบบสอเพอการศกษาและการเรยนรวชาคณตศาสตรดวยเวบบลอก และน าขอมลทไดมาท าการวดผลประสทธภาพของระบบฯ

จากการสรปขอมล พบวากลมผใชงานทเขามาใชงานระบบสอเพอการศกษาและการเรยนรวชาคณตศาสตรดวยเวบบลอก ในดานการออกแบบบทเรยน มคาความพงพอใจคดเปน 3.61 และสวนเบยงเบนมาตรฐานเปน 0.73 ในดานบทเรยน มคาความพงพอใจคดเปน 3.69 และสวนเบยงเบนมาตรฐานเปน 0.61 ในดานโครงสรางของบทเรยนมคาความพงพอใจคดเปน 3.59 และสวนเบยงเบนมาตรฐานเปน 0.65 โดยคา เฉ ลยท งหมดของหวขอการวดประสทธภาพโดยรวมท งหมดมคาเปน 3.63 และสวนเบยงเบนมาตรฐานเปน 0.65

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

5. สรปผลการศกษาและขอเสนอแนะ ระบบสอเพอการศกษาและการเรยนรวชา

คณตศาสตรดวยเวบบลอก เปนระบบทชวยสนบสนนในการบรหารจดการเนอหา และแบบทดสอบทใชในการจดการเรยนรแบบออนไลน (E-Learning( โดยมงเนนไปทการใชงานเพออ านวยความสะดวกในการเผยแพรขอมล บทเรยน และ แบบทดสอบไดอยางสะดวก และใชงานงาย ซงไดผลสรปการด าเนนงาน ดงน

5.1 สรปผลการศกษา

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

จากการศกษาพบวา กลมผใชงานทระบบสอเพอการศกษาและการเรยนรวชาคณตศาสตรดวยเวบบลอก สามารถแสดงจ านวนและรอยละของขอมลทวไปในดานเพศ และระดบการศกษา ของผตอบแบบสอบถามมจ านวนทงสน 20 คน เปนเพศชาย จ านวน 7 คน คดเปนรอยละ 35 เพศหญง จ านวน 13 คน คดเปนรอยละ 65 ในดานสถานะของผตอบแบบสอบถาม ศกษาอยระดบมธยมศกษาชนปท 1 ซงมจ านวน 6 คน คดเปน รอยละ 30 ระดบมธยมศกษาชนปท 2 ซงมจ านวน 9 คน คดเปน รอยละ 45 และ ระดบมธยมศกษาชนปท 3 ซงมจ านวน 5 คน คดเปน รอยละ 25 ในดานประสทธภาพของระบบ มคาความพงพอใจคดเปน 3.63 และสวนเบยงเบนมาตรฐานเปน 0.65 เหนไดวาผ ใชงานระบบสอเพอการศกษาและการ เ รยน รวชาคณตศาสตรดวยเวบบลอกในดานประสทธภาพของระบบมความพงพอใจอยในระดบมาก ซงแสดงใหเหนวาโปรแกรมประยกตสามารถชวยอ านวยความสะดวกในดานการใชงานระหวาง ผสอน และ ผเรยนไดอยางมประสทธภาพมากขน 5.2 ขอเสนอแนะ

5.2.1) การพฒนาระบบสอเพอการศกษาและ

การเรยนรวชาคณตศาสตรดวยเวบบลอก ผพฒนาระบบตอง

มความรความเขาใจในกระบวนการออกแบบบทเรยน รวม

ไปถงรปแบบเทคโนโลยภาษาทน ามาใชพฒนา เพอใหการ

พฒนาระบบเปนไปอยางถกตองและตรงตามความตองการ

ของผใชงานจรง

5.2.2) ระบบสอเพอการศกษาและการเรยนรวชา

คณตศาสตรดวยเวบบลอก สามารถพฒนาตอยอดเพมขนได

อก อาท เชน รปแบบการน าเสนอของเนอหาในรปแบบ

อนๆ นอกเหนอจากภาพเคลอนไหว และในสวนของ

รปแบบของแบบทดสอบ ทสามารถพฒนาเพมเตมได เปน

ตน

บรรณานกรม การโปรแกรมเชงวตถ และยเอมแอล (UML -

Unified Modeling Language). (2557). (ออนไลน ( . เขาถงไดจาก http://www.thaiall.com/uml/indexo.html.

(2557, 11 กนยายน)

กตตภม วรฉตร. (2550). MySQL ถามตอบ

ครอบจกรวาล, กรงเทพฯ: วตตกรป.

ชยยงค พรหมวงศ, สมเชาว เนตรประเสรฐและสดา สนสกล. (2546). ระบบสอการสอน. กรงเทพฯ: จฬาลงกรณมหาวทยาลย.

ธวชชย ศรสเทพ. (2554). คมภร WEB DESIGN ฉบบมออาชพ. กรงเทพฯ: โปรวชน.

ไพโรจน ตรณธนากล, ไพบลย เกยรตโกมล และ เสกสรรค แยมพนจ. (2546). การออกแบบและการผลตบทเรยนคอมพวเตอรการสอนส าหรบ e-Learning. กรงเทพฯ: ศนยสงเสรมกรงเทพ.

ภาวต พฒดาวฒน. (2556). เรยนรวธการสราง

เวบไซตดวยเวรดเพรส. กรงเทพฯ: เอท ครเอทฟ โซลชน.

สมศกด โชคชยชตกล. (2547). อนไซท PHP5. กรงเทพฯ: โปรวชน.

โอภาส เอยมสรวงศ. (2550). การวเคราะหและออกแบบระบบ. กรงเทพฯ: ซเอดยเคชน.

โอภาส เอยมสรวงศ. (2550). การออกแบบและจดการฐานขอมล. กรงเทพฯ: ซเอดยเคชน.

Wordpress.org, Data Description Wordpress. (2557). (ออนไลน(. เขาถงไดจาก

http://codex.wordpress.org/Database_Description.

(2557, 11 กนยายน)

ประวตผวจย

นายพงศอนทร ชสวรรณ ส าเรจการศกษาระดบปรญญาตรจากคณะเทคโนโลยสารสนเทศ สาขาเทคโนโลยสารสนเทศธรกจ มหาวทยาลยธรกจบณฑตย

ปจจบน ผเ ชยวชาญผลตภณฑ บรษทแอคทฟมเดยไทยแลนด จ ากด E-mail: pongint@hotmail.com

อาจารยทปรกษา

ดร.นเวศ จระวชตชย ส าเรจการศกษาระดบปรญญาเอก สาขาเทคโนโลยสารสนเทศ สถาบนเทคโนโลยพระจอมเกลาพระนครเหนอ,

ปรญญาโท สาขาเทคโนโลยคอมพวเตอร สถาบนเทคโนโลยพระจอมเกลาพระนครเหนอ และ ปรญญาตร สาขาการจดการอตสาหกรรม มหาวทยาลยรามค าแหง ปจจบนด ารงต าแหนงผอ านวยการหลกสตร วทยาศาสตรมหาบณฑต สาขาวชาระบบสารสนเทศคอมพวเตอร E-mail: nivet99@hotmail.com