7 & v h u h g l j k - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf ·...

65
การออกแบบโครงสร้างการรับข้อมูลทางคณิตศาสตร์ ในส่วนสมการรูปของ e-Learning แบบ Interactive นาย ประสิทธิ บูรณะเสน โครงการศึกษาค้นคว้าด้วยตนเองนี ้เป็นส่วนหนึ่งของการศึกษา ตามหลักสูตรปริญญาวิทยาศาสตร์มหาบัณฑิต สาขาวิชาการจัดการเทคโนโลยีสารสนเทศและการสื่อสาร บัณฑิตวิทยาลัย มหาวิทยาลัยหอการค้าไทย ปีการศึกษา 2551 ลิขสิทธิ์ มหาวิทยาลัยหอการค้าไทย Copyright@by UTCC All rights reserved

Upload: truongtuong

Post on 07-Sep-2018

223 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

การออกแบบโครงสรางการรบขอมลทางคณตศาสตร

ในสวนสมการรปของ e-Learning แบบ Interactive

นาย ประสทธ บรณะเสน

โครงการศกษาคนควาดวยตนเองนเปนสวนหนงของการศกษา

ตามหลกสตรปรญญาวทยาศาสตรมหาบณฑต

สาขาวชาการจดการเทคโนโลยสารสนเทศและการสอสาร

บณฑตวทยาลย มหาวทยาลยหอการคาไทย

ปการศกษา 2551

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 2: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

หวขอโครงการศกษาดวยตนเอง : การออกแบบโครงสรางการรบขอมลทางคณตศาสตร ใน

สวนสมการรปของ e-Learning แบบ Interactive

โดย : ประสทธ บรณะเสน

อาจารยทปรกษา : อาจารย ดร.ยอดธง รอดแกว

อาจารย ดร.ชนะกญจน ศรรตนบลล

สาขาวชา : การจดการเทคโนโลยสารสนเทศและการสอสาร

ปการศกษา : 2551

บทคดยอ

การออกแบบโครงสรางการรบขอมลทางคณตศาสตร ในสวนสมการรปของ e-Learning แบบ Interactive เปนการเพมชองทางในการเรยนรของนกศกษาคณะวทยาศาสตร มหาวทยาลยหอการคาไทย เพอเปนแนวทางใหนกศกษาไดศกษาวธการแกไขสมการในรปแบบตางๆ รวมถงนกศกษายงสามารถหาค าตอบไดเองจากระบบ โดยนกศกษาสามารถทจะน าแบบฝกหดหรอสมการทางคณตศาสตรตางๆ ปอนเขาระบบเพอใหระบบแสดงผลลพธออกมาในรปแบบของกราฟ ท าใหนกศกษาสามารถทจะเรยนรลกษณะความสมพนธของผลลพธทไดในรปแบบของกราฟกบสมการทปอนเขาไปไดอยางถกตองและแมนย า โดยการพฒนาจะใชโปรแกรมตางๆ เชน SWiSH MAX 2.0 และ Microsoft Visual Studio 2008 เรมจากการสราง ระบบ Interactive โดยใชโปรแกรม SWiSH Max 2.0 ใหออกมาในรปแบบของ Flash File ดวยคณสมบตของตวโปรแกรม SWiSH Max 2.0 ทสามารถสรางมลตมเดยทสามารถโตตอบกบผใชงานได โดยการพฒนาระบบ e-Learning แบบ Interactive นกไดมการน าเอาหลกการของ Action Script มาเปนเครองมอทใชในการควบคมการสอสารระหวางผศกษากบระบบ ซงจะท าใหผศกษาสามารถเรยนรผลลพธในรปแบบของกราฟจากสมการทผศกษาไดปอนเขาไปไดอยางรวดเรว และมการเชอมตอระบบดวย Microsoft Visual Studio 2008 โดยใช ASP.Net ดวยภาษา C#.Net การปอนรปแบบสมการตางๆ ทางคณตศาสตรผานทางเวบเพจมขอจ ากด ท าให

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 3: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

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

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 4: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

กตตกรรมประกาศ

การศกษาคนควาครงนส าเรจไดดวยความกรณาจากคณาจารยหลายทาน ขอกราบ

ขอบพระคณอาจารย ดร.ชนะกญจน ศรรตนบลล อาจารย ดร. ยอดธง รอดแกว อาจารยท

ปรกษา และผชวยศาสตราจารย สมพร ป นโภชา ผซงกรณาใหความร ค าแนะน าตางๆ ให

ค าปรกษา ทายสละเวลาอนมคาของทานเพอตรวจทานในสวนทตองการแกไขนจนเสรจสมบรณ

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

ดานตางๆ มาโดยตลอด พรอมทง เพอนๆ ทใหค าปรกษาในเรองตางๆ หากการศกษาคนควา

ดวยตนเองฉบบนมขอบกพรองประการใดผจดท าตองขออภยมา ณ ทนดวย

ประสทธ บรณะเสน พฤศจกายน 2551

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 5: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

สารบญ

หนา

บทคดยอ ก

กตตกรรมประกาศ ค

สารบญ ง

สารบญรปภาพ ช

บทท 1 บทน า 1

บทท 2 แนวคดและทฤษฎ

2.1 ความหมายของ e-Learning 4

2.2 ลกษณะทส าคญของ e-Learning 6

2.3 ระดบการถายทอดเนอหาของ e-Learning 7

2.4 ระดบการน า e-Learning ไปใช 8

2.5 ชนดของสอการเรยนร e-Learning 9

2.6 สอและเครองมอสนบสนนการเรยนรผานสออเลกทรอนกส 10

2.7 รปแบบการเรยนการสอน 12

2.8 รปแบบการพฒนา e-Learning ในประเทศไทย 13

2.9 กระบวนการจดการเรยนการสอน e-Learning แบบออนไลท 14

2.10 ขอดของ e-Learning 17

2.11 แนวโนมของ e-Learning 22

บทท 3 วธการด าเนนงานการวจย

3.1 การศกษาขอมล 27

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 6: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

สารบญ (ตอ)

หนา

3.1.1 การศกษาหลกการและวธการพฒนาโครงสรางการรบขอมล 27

ทางคณตศาสตร

3.1.2 การศกษาเครองมอทใชส าหรบสรางการวจย 27

3.1.3 การศกษาโปรแกรมทใชในการวจย 29

3.2 การวเคราะหระบบงาน 34

3.2.1 ก าหนดหวขอและวตถประสงคทวไป 34

3.2.2 การวเคราะหผเรยน 34

3.3 การออกแบบและวางโครงสรางระบบ 35

3.3.1 การออกแบบระบบ 35

3.3.2 การออกแบบหนาจอภาพ 37

3.4 การสรางระบบงานและบรหารทรพยากร 38

3.4.1 ขนตอนของการพฒนาโปรแกรม 38

3.4.2 ตวอยางการท างานของโปรแกรม 43

3.5 การตดตงระบบงาน 44

บทท 4 การออกแบบและการพฒนา

4.1 ระบบ e-Learning แบบ Interactive 46

4.2 การใชงานสวนของ Interface 47

4.2.1 การใชงานสวนโครงสรางกราฟ 47

4.2.2 การใชงานสวนฟงกชนในการท างาน 49

4.3 ตวอยางการออกแบบในสวนของ Programming 50

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 7: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

สารบญ (ตอ)

หนา

บทท 5 สรปผลและขอเสนอแนะ 54

บรรณานกรม 56

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 8: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

สารบญรปภาพ

หนา

รปท 3.1 แสดงเครองมอทใชชวยในการพฒนาใน Microsoft Visual Studio 2008 29

รปท 3.2 โปรแกรม SwishMax 2.0 31

รปท 3.3 สวนของการปอนคาและประมวลผล 31

รปท 3.4 ตวอยาง Event ทอยบน SwishMax 2.0 32

รปท 3.5 แสดงตวอยางรปแบบของ Action Script 33

รปท 3.6 แสดงผลลพธทไดจากระบบ 35

รปท 3.7 แสดงถงการเปลยนคาแกน X Min และ X Max 36

รปท 3.8 แสดงโครงสรางของโปรแกรม 38

รปท 3.9 แสดงขนตอนการท างานของ Flash File 39

รปท 3.10 แสดงองคประกอบของ Action ทอยบนไฟล swf 42

รปท 3.11 แสดงผลทไดจากการทดสอบ ตวอยางท 1 43

รปท 3.12 ผลทไดจากการทดสอบ ตวอยางท 2 44

รปท 4.1 แสดงขนตอนการวเคราะหวตถประสงค และประโยชนการใชงาน 46

รปท 4.2 แสดงการออกแบบโครงสรางกราฟ (Graph Template) 48

รปท 4.3 แสดงต าแหนงการจดวางภายในโครงสรางกราฟ (Graph Template) 49

รปท 4.4 แสดงฟงกชนในการค านวน 49

รปท 4.5 แสดงฟงกชนของการปอนคาสมการตางๆ เขาไปในระบบ 49

รปท 4.6 แสดงถงการลางหนาจอกราฟ โดยใชฟงกชน Re Draw 50

รปท 4.7 แสดงถงการเรยกใชงานฟงกชน MathUtil ของ Java ทอยใน 51

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 9: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

function calculate

สารบญรปภาพ (ตอ)

หนา

รปท 4.8 แสดงฟงกชนในการสรางกราฟ 53

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 10: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

บทท 1

บทน า

ความเปนมาและความส าคญของปญหา

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

ในสงคมยคใหม ผคนในสงคมยคนจงตองเปนผรจกแสวงร เพอพฒนาตนเองใหทนกบความ

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

บทบาทอยางสงในการอ านวยความสะดวกตางๆ ใหแกผคนโดยเฉพาะอยางยงในดานการศกษา

แหลงใหการศกษาจงไมจ ากดเพยงหองเรยน หากแตขยายขอบขายออกไปเหนอมตของสถานท

และเวลา เปนการศกษาทไรพรมแดน e-Learning จงเปนทางเลอกใหมของการเรยนรของ

นกเรยน นสตนกศกษา และประชาชนทวไป

ส าหรบมหาวทยาลยหอการคาไทย โดยภาควชาคณตศาสตร คณะวทยาศาสตร ไดเหน

ถงความส าคญและประโยชนในการน าเอาระบบ e-Learning เขามาผสมผสานกบวชาแคลคลส

ของนกศกษาคณะวทยาศาสตร มหาวทยาลยหอการคาไทย เพอใหนกศกษาสามารถเขาถง

เนอหาและเขาใจ ในวชาแคลคลสไดสะดวกและรวดเรวมากยงขน รวมถงนกศกษายงสามารถ

เปรยบเทยบขอมลตวเลขของคาอนพนธตางๆ จากระบบไดงายมากยงขน

จากความส าคญขางตน ทางผศกษาจงไดมการน าเอาระบบ e-Learning มาเปน

เครองมอทใชในการชวยเพมพนความเขาใจในเนอหาวชาแคลคลสของนกศกษา รวมถงการ

ออกแบบโครงสรางของระบบ e-Learning เพอใหระบบเกดความถกตองแมนย าและตอบสนอง

กบผใชงานระบบไดอยางมประสทธภาพ

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 11: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

2

วตถประสงคของการวจย

ออกแบบโครงสรางและพฒนา การน าเสนอโจทยทางคณตศาสตร ในสวนกราฟฟงกชน

ในรปของ e-Learning แบบ Interactive ใหสามารถใชงานไดอยางมประสทธภาพและสามารถ

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

เสนกราฟของอนพนธ

ขอบเขตของการวจย

การออกแบบและ การพฒนา การน าเสนอโจทยทางคณตศาสตร ในสวน ของกราฟ

ฟงกชนในรป แบบของ e-Learning แบบ Interactive ทางดานกราฟ เรอง อนพนธ ในวชา

แคลคลส ของนกศกษาคณะวทยาศาสตร มหาวทยาลยหอการคาไทย

ประโยชนทคาดวาจะไดรบ

1. ไดรบความรในการออกแบบและการพฒนาระบบ e-Learning แบบ Interactive

เพอน าไปใชในการท างานตอไป

2. นกศกษาเขาใจในเนอหาในเรองของอนพนธ

3. เปนแนวทางส าหรบผสนใจในการพฒนาระบบ e-Learning แบบ Interactive

ในหวขออน ๆ และในวชาอนๆ ตอไป ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 12: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

3

ระยะเวลาในการด าเนนการ

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 13: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

บทท 2

แนวคดและทฤษฎ

สอการเรยนการสอนในรปแบบ e-Learning สามารถกลาวไดวาเปนรปแบบทพฒนาตอ

เนองมาจาก WBI (Web-based Instruction) โดยมจดเรมตนจากแผนเทคโนโลยเพอการศกษา

ของชาต สหรฐอเมรกา ( The National Educational Technology Plan’1996) ของ

กระทรวงศกษาธการสหรฐอเมรกา ทตองการพฒนารปแบบการเรยนของนกเรยนใหเขากบ

ศตวรรษท 21 การพฒนาระบบการเรยนรจงมการน าเทคโนโลยอนเทอรเนตมาชวยเสรมอยาง

เปนจรงเปนจง

2.1 ความหมายของ e-Learning

e-Learning คอ การเรยนการสอนในลกษณะ หรอรปแบบใดรปแบบหนงกได ซงการ

ถายทอดเนอหานน กระท าผานทางสออเลกทรอนกส เชน ซดรอม , เครอขายอนเทอรเนต

(Internet) , อนทราเนต ( Intranet) , เอกซทราเนต (Extranet) หรอ ทางสญญาณโทรทศน

หรอ สญญาณดาวเทยม (Satellite) ฯลฯ เปนตน

ค าวา e-Learning นนมค าทใชไดใกลเคยงกนอยหลายค า เชน Distance Learning (การ

เรยนทางไกล), Computer Based Training (การฝกอบรมโดยอาศยคอมพวเตอร หรอเรยกยอๆ

วา CBT), Online Learning (การเรยนทางอนเตอรเนต) เปนตน

ความหมายของ e-Learning จงสามารถแบงไดเปน 2 กลมใหญๆ คอ

กลมท 1 หมายถง การจดระบบการเรยนร ทอาศยเครองมออเลกทรอนกสทกรปแบบ

ดงนนการเรยนดวยสอโทรทศน วทย กถอวาเปน e-Learning

กลมท 2 หมายถง การจดระบบการเรยนรผานเครอขายอนเทอรเนตเปนหลก ซงกลมน

จะเนนไปในดานของเทคโนโลยสารสนเทศ และ เทคโนโลยอนเตอรเนต

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 14: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

5

เวบไซต “http://www.capella.edu/elearning” ไดใหความหมายของ e-Learning ไว

ดงน

e-Learning หมายถง นวตกรรมทางการศกษาทเปลยนแปลงวธเรยนทเปนอยเดม เปน

การเรยนทใชเทคโนโลยทกาวหนา เชน อนเทอรเนต อนทราเนต เอกซทราเนต ดาวเทยม

วดโอเทป แผนซด ฯลฯ ดงนนจงหมายรวมถงการเรยนทางไกล การเรยนผานเวบ หองเรยน

เสมอนจรง ซงมจดเชอมโยงคอ เทคโนโลยการสอสารเปนสอกลางของการเรยนร

ผศ.ดร.ถนอมพร เลาหจรสแสง ไดกลาวถงความหมายของ e-Learning ไวอยางละเอยด

ชดเจน ดงน

"ค าวา e-Learning โดยทวๆ ไปจะครอบคลมความหมายทกวางมาก กลาวคอ จะ

หมายถง การเรยนในลกษณะใดกได ซงใชการถายทอดเนอหาผานทางอปกรณอเลกทรอนกส

ไมวาจะเปน คอมพวเตอร เครอขายอนเทอรเนต อนทราเนต เอกซทราเนต หรอ ทางสญญาณ

โทรทศน หรอ สญญาณดาวเทยม (Satellite) กได ซงเนอหาสารสนเทศ อาจอยในรปแบบการ

เรยนทเราคนเคยกนมาพอสมควร เชน คอมพวเตอรชวยสอน (Computer-Assisted

Instruction) การสอนบนเวบ (Web-Based Instruction) การเรยนออนไลน ( On-line Learning)

การเรยนทางไกลผานดาวเทยม หรอ อาจอยในลกษณะทยงไมคอยเปนทแพรหลายนก เชน

การเรยนจากวดทศนตามอธยาศย (Video On-Demand) เปนตน

อยางไรกด ในปจจบน คนสวนใหญเมอกลาวถง e-Learning จะหมายเฉพาะถงการ

เรยนเนอหาหรอสารสนเทศ ซงออกแบบมาส าหรบการสอนหรอการอบรม ซงใชเทคโนโลยของ

เวบ ( Web Technology ) ในการถายทอดเนอหาและเทคโนโลยระบบการจดการคอรส

(Course Management System) ในการบรหารจดการงานสอนดานตางๆ โดยผเรยนทเรยน

จาก e-Learning นสามารถศกษาเนอหาในลกษณะออนไลน และ/หรอ จากแผนซด-รอม กได

นอกจากน เนอหาสารสนเทศของ e-Learning สามารถน าเสนอโดยอาศยเทคโนโลยมลตมเดย

(Multimedia Technology) และเทคโนโลยเชงโตตอบ (Interactive Technology)"

อ.ไพฑรย ศรฟา (SriThai.com) ไดกลาวไววา

e-Learning คอ การเรยนการสอนทางไกลทใชสออเลกทรอนกสผานทาง World Wide

Web ซงผเรยนและผสอนใชเปนชองทางในการตดตอสอสารระหวางกน ผเรยนสามารถเขาถง

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 15: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

6

แหลงขอมลมากมายทมอยท วโลกอยางไรขอบเขตจ ากด ผเรยนสามารถท ากจกรรมหรอแบบฝก

ปฏบตตางๆ แบบออนไลน โดยใชเครองมอทชวยอ านวยความสะดวกอยใน WWW เปนการ

เรยนการสอนออนไลนทไดรบความนยมอยางมากในปจจบน เพราะไมมขดจ ากดเรองระยะทาง

เวลา และสถานท อกทงยงสนองตอบตอศกยภาพและความสามารถของผเรยนไดเปนอยางด

2.2 ลกษณะทส าคญของ e-Learning

e-Learning นบเปนค าใหมพอสมควร ทมความหมายถงการอบรมดวยระบบเครอขาย

หรอผานระบบเครอขาย ไมวาจะเปนเครอขายอนเทอรเนต หรอเครอขายอนทราเนตในองคกร

ดงนน e-Learning จงไดผนวกเขากบโลกแหงการศกษา และวงจรธรกจอยางหลกเลยงไมได

ปจจบนน มหาวทยาลยชนน าตางๆ เชน Stanford หรอ Harvard กน าระบบ e-Learning มา

ใหบรการนสต นกศกษาจากทวโลก เพอสมครเรยนในหลกสตรตางๆ ทเปดใหบรการ ดงนนจง

พอจะสรปลกษณะส าคญ ดงน

1. Anywhere, Anytime and Anybody คอ ผเรยนจะเปนใครกได มาจากทใดกได และเรยนเวลาใดกไดตามความตองการของผเรยน เพราะหนวยงานไดเปดเวบไซตใหบรการตลอด 24 ชวโมง รวมทงบรการจดท าเปนชด CD เพอใชในลกษณะ Offline ใหกบโรงเรยนหรอสถานศกษาทสนใจ แตยงไมพรอมในระบบอนเทอรเนต

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

3. Non-Linear ผเรยนสามารถเลอกเรยนเนอหาทน าเสนอไดตามความตองการ 4. Interactive ดวยความสามารถของเอกสารเวบทมจดเชอม ( Links) ยอมท าให

เนอหามลกษณะโตตอบกบผใชโดยอตโนมตอยแลว และผเรยนยงเพมสวนตดตอกบวทยากรผานระบบเมล ICQ, Microsoft Messenger และสมดเยยม ท าใหผเรยนกบวทยากรสามารถตดตอกนไดอยางรวดเรว

ดงนนจะเหนไดวา e-Learning เปนระบบการเรยนการสอนทเกยวของกบเทคโนโลย

เวบ และเครอขายอนเทอรเนต มสภาวะแวดลอมทสนบสนนการเรยนรอยางมชวตชวา ( Active

Learning) และการเรยนทเนนผเรยนเปนศนยกลาง ( Child Center Learning) ผเรยนเปนผคด

ตดสนใจเรยน โดยการสรางความรและความเขาใจใหมๆ ดวยตนเอง สามารถเชอมโยง

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 16: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

7

กระบวนการเรยนรใหเขากบชวตจรง ครอบคลมการเรยนทกรปแบบ ทงการเรยนทางไกล และ

การเรยนผานเครอขายระบบตางๆ

ทงนสามารถสรปคณลกษณะของเวบไซต e-Learning ไดดงน

เวบไซตทเกยวของกบการศกษา เวบไซตทเกยวของกบเนอหารายวชาใด วชาหนงเปนอยางนอย หรอการศกษาตาม

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

เหมอนกบ หรอพรอมกบผเรยนรายอน มระบบปฏสมพนธกบผเรยน และสามารถเรยนรรวมกนได มเครองมอทวดผลการเรยนได มการออกแบบการเรยนการสอนอยางมระบบ ผสอนมสภาพเปนผชวยเหลอผเรยน ในการคนหา การประเมน การใชประโยชนจาก

เนอหา จากสอรปแบบตางๆ ทมใหบรการ มระบบบรหารจดการการเรยนร (Learning Management System: LMS) มระบบบรหารจดการเนอหา/หลกสตร (Content Management System: CMS)

2.3 ระดบการถายทอดเนอหาของ e-Learning

ส าหรบ e-Learning แลว การถายทอดเนอหาสามารถแบงไดคราวๆ เปน 3 ระดบ

ดวยกน กลาวคอ

1. ระดบเนนขอความออนไลน (Text Online) หมายถง เนอหาของ e-Learning ใน

ระดบนจะอยในรปของขอความเปนหลก e-Learning ในลกษณะนจะเหมอนกบการสอนบนเวบ

(WBI) ซงเนนเนอหาทเปนขอความ ตวอกษรเปนหลก ซงมขอด กคอ การประหยดเวลาและ

คาใชจายในการผลตเนอหาและการบรหารจดการคอรส

2. ระดบ Low Cost Interactive Online Course หมายถง เนอหาของ e-Learning ใน

ระดบนจะอยในรปของตวอกษร ภาพ เสยงและวดทศน ทผลตขนมาอยางงายๆ ประกอบการ

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 17: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

8

เรยนการสอน e-Learning ในระดบนจะตองมการพฒนา CMS ทด เพอชวยผใชในการปรบ

เนอหาใหทนสมยไดอยางสะดวก

3. ระดบ High Quality Online Course หมายถง เนอหาของ e-Learning ในระดบนจะ

อยในรปของมลตมเดยทมลกษณะมออาชพ กลาวคอ การผลตตองใชทมงานในการผลตท

ประกอบดวย ผเชยวชาญเนอหา ผเชยวชาญการออกแบบการสอน ( instructional designers)

และ ผเชยวชาญการผลตมลตมเดย ( multimedia experts) ซงหมายถง โปรแกรมเมอร

(programmers) นกออกแบบกราฟค ( graphic designers)และ/หรอผเชยวชาญในการผลตแอน

เมชน (animation experts) เปนตน e-Learning ในลกษณะนจะตองมการใชเครองมอ ( Tools)

เพมเตมในการผลตและเรยกดเนอหา

2.4 ระดบการน า e-Learning ไปใช

การน า e-Learning ไปใชประกอบกบการเรยนการสอน สามารถท าได 3 ระดบ ดงน

1. สอเสรม (Supplementary) หมายถงการน า e-Learning ไปใชในลกษณะสอเสรม

กลาวคอ นอกจากเนอหาทปรากฏในลกษณะ e-Learning แลว ผเรยนยงสามารถศกษาเนอหา

เดยวกนนในลกษณะอนๆ เชน จากเอกสาร(Sheet) ประกอบการสอน จากวดทศน (Videotape)

ฯลฯ การใช e-Learning ในลกษณะนเทากบวาผสอนเพยงตองการ จดหาทางเลอกใหมอกทาง

หนงส าหรบผเรยนในการเขาถงเนอหาเพอใหประสบการณพเศษเพมเตมแกผเรยนเทานน

2. สอเตม (Complementary) หมายถงการน า e-Learning ไปใชในลกษณะเพมเตม

จากวธการสอนในลกษณะอนๆ เชน นอกจากการบรรยายในหองเรยนแลว ผสอนยงออกแบบ

เนอหาใหผเรยนเขาไปศกษาเนอหาเพมเตมจาก e-Learning ในความคดของผเขยนแลว ใน

ประเทศไทย หากสถาบนใด ตองการทจะลงทนในการน า e-Learning ไปใชกบการเรยน การ

สอนตามปกต (ทไมใชทางไกล) แลว อยางนอยควรตงวตถประสงคในลกษณะของสอเตม

(Complementary) มากกวาแคเปนสอเสรม (Supplementary) เชน ผสอนจะตองใหผเรยน

ศกษาเนอหาจาก e-Learning เพอวตถประสงค ใดวตถประสงคหนง เปนตน ทงนเพอให

เหมาะสมกบลกษณะของผเรยนในบานเราซงยงตองการค าแนะน าจากคร ผสอนรวมทงการท

ผเรยนสวนใหญยงขาดการปลกฝงใหมความใฝรโดยธรรมชาต

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 18: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

9

3. สอหลก (Comprehensive Replacement) หมายถงการน า e-Learning ไปใชใน

ลกษณะแทนท การบรรยายในหองเรยน ผเรยนจะตองศกษาเนอหาทงหมดออนไลน ในปจจบน

e-Learning สวนใหญในตางประเทศ จะไดรบการพฒนาขนเพอวตถประสงคในการใชเปนสอ

หลกส าหรบแทนคร ในการสอนทางไกล ดวยแนวคดทวา มลตมเดย ทน าเสนอทาง e-Learning

สามารถชวยในการถายทอดเนอหาไดใกลเคยงกบการสอนจรงของครผสอนโดยสมบรณได

2.5 ชนดของสอการเรยนร e-Learning

สามารถจ าแนกตามลกษณะวธการสอสาร ได 2 ชนด คอ

1. ชนดสอสารทางเดยว (One-way Communication) คอการสอสารในลกษณะทผให

สารไมเปดโอกาสใหผรบการสอสารไดเปนฝายใหสารและไมสนใจตอปฏกรยาตอบกลบของอก

ฝายหนง สอชนดน ไดแก สอชนด e-Books ภาพนง ภาพเคลอนไหว ทเนนการใหขอมล ถงแม

จะใหผเรยนมโอกาสสราง ปฏสมพนธกบสอแตกเปนไปเพอการเลอกศกษาเนอหา ไมไดเปน

การโตตอบกลบ

2. ชนดสอสารสองทาง (Two-way Communication) คอ การสอสารทมท งใหและรบ

ขาวสารระหวางกน โดยทแตละฝายเปนทงผสงสารและผรบสาร มการโตตอบ ใหขอมลยอนกลบ

ไปมาสอชนดนไดแกบทเรยน CAI ชนดทมปฏสมพนธ หรอระบบจดการบทเรยน (LMS)

และยงสามารถจ าแนกตามระบบการเชอมโยงขอมล ได 2 ชนด คอ

1. ชนด Stand Alone หมายถงสอ e-Learning แบบปดทสามารถแสดงผลไดบนเครอง

คอมพวเตอรบคคลเครองใด ๆ โดยทไมไดเชอมโยงกบเครองอน ๆ และเครองอน ๆ ไมสามารถ

เรยกด ขอมลเนอหาได

2. ชนด Online หมายถง สอ e-Learning แบบเปด ทสามารถแสดงผลไดโดยเครอง

คอมพวเตอร อน ๆ ทมระบบใกลเคยงกนโดยมการเชอมโยงเปนเครอขายรวมกน ซงอาจเปน

ระบบเครอขายภายใน (LAN) หรอระบบอนเตอรเนต กได

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 19: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

10

2.6 สอและเครองมอทสนบสนนการเรยนรผานสออเลกทรอนกส

สอและเครองมอทสนบสนนการเรยนรผานสออเลกทรอนกสนนสามารถจดแบงไดหลาย

ประเภทดงน คอ

1) หนงสออเลกทรอนกส (e-Book) เปนลกษณะหนงสอหรอเอกสารสอสงพมพ

อเลกทรอนกสจะมการแสดงโครงสรางเปนระดบชน ซงจะมรายชอหนงสอ ผแตง และเนอหา

สรปเมอคลกเลอกรายการทตองการ จะเหนรายการละเอยดแตละบทเปนระดบตอไป จากนน

สามารถเลอกเขาไปอานรายละเอยดในแตละบททสนใจ นอกจากน ใน e-Book ยงยอมใหใชการ

คนหา (Search) เพอเรยกดขอมลเหมอนการหาจากสารบญหรอดชน

2) หองทดสอบอเลกทรอนกส (e-Test) เปนลกษณะของแบบทดสอบผานเครอขาย

คอมพวเตอร ทเปนเครองมอในการประเมนผลการเรยนรจะท าใหผเรยนสามารถส ารวจตวเอง

ไดตลอดเวลาทงกอนเรยนและหลงเรยน ทงยงสามารถทราบผลไดทนททนใดตอการทดสอบผล

การเรยนรนนๆ

3) หองทดลองอเลกทรอนกส (e-Lab or Virtual Lab) เปนลกษณะหองทดลองหรอหอง

ปฏบตกาจ าลองทางอเลกทรอนกส ซงผเรยนสามารถเขามาท าการทดลองหรอทดสอบฝกปฏบต

โดยอาศยวธการจ าลองสถานการณหรออาจจะใหทดลองจรงตามค าแนะน าหรอขนตอนท

ก าหนดให

4) การน าเสนอเนอหาวชาและบรรยายโดยอาศยสออเลกทรอนกส (Virtual Lecture)

ผเรยนจะเรยกบทเรยนมาเพอศกษาตามความตองการของผเรยน หรออาจเขามาฟงบรรยาย

ใหมเพอทบทวนกสามารถกระท าได อยางไรกตาม บทเรยนส าหรบการบรรยายเสมอนจรงน

จะตองมรปแบบทสามารถท าใหเกดการโตตอบจากผเรยนได

5) จดหมายอเลกทรอนกส (e-mail) คอ การน าโปรแกรมคอมพวเตอรทใชในงานสง

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

ชอ ทอย เปนตนจดหมายอเลกทรอนกสกเชนกน ผสงตองทราบทอยของผรบ ซงเราเรยนกวา

e-Mail Address โดย e-Mail Address ประกอบไปดวย ชอผใช จากนนกตามดวย เครองแมขาย

ทใหบรการ นอกจากน ผสงจะตองมโปรแกรมทสามารถสงและรบจดหมายอเลกทรอนกสได

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

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 20: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

11

อเลกทรอนกสสามารถแทรกขอมลเอกสารประเภท เวรด ไฟลเสยง รปภาพหรอแมแต วดทศน

และเมอเปรยบเทยบระหวางความเรวแลวจดหมายอเลกทรอนกสสามารถท างานไดรวดเรวกวา

เพราะสามารถสงจดหมายไปยงทใดๆ กไดทวโลก

6) กระดานขาว (Webboard) หรอการบรกา ร3619 .กลมสนทนาบนเครอขายเปน

บรการเพอการแลกเปลยนขอมลขาวสาร ผทสนใจขาวสารประเภทใดประเภทหนงจะรวมตวกน

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

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

อภปรายในประเดนตาง ๆ ทสนใจได โดยสงขอความผานเครอขายอนเทอรเนต การน าบรการน

ไปใชในการเรยนการสอน เพอแลกเปลยนความรขอคดเหนตาง ๆ ตลอดจนการหาความรการ

อภปรายระหวางผเรยนในเพมขนในกลมของผเรยน

7) คอมพวเตอรเพอการสง /รบภาพวดทศน (Real Audio/Video Conferencing) เปน

การใชคอมพวเตอรเพอการสง /รบภาพวดทศน และเสยงตามเวลาจรงโดยผานอนเทอรเนตหรอ

กลาวไดวาเปนการประชมทางไกล โดยผานหนาจอคอมพวเตอรรวมกบผทมอปกรณเหมอนกน

และคลายคลงกนมประโยชนดานการเรยนการสอนในการอภปราย หรอการสอนทางไกลโดย

สามารถเหนภาพผสอนกบผเรยนดวย เหมาะส าหรบการใชในการสาธตการสอนทตองการปฎ

สมพนธระหวางผเรยนดวยกนและระหวางผเรยนกบผสอน

8) หองเรยนเสมอนจรง (Virtual Classroom) เปนการจดสงแวดลอมทางการศกษาท

เสมอนกบการเรยนในชนเรยน ลกษณะเปนโปรแกรมทสรางเลยนแบบสงแวดลอมในการเรยน

การสอน ซงสนบสนนการเรยนการสอน และสามารถเขากลมกนไดในระหวางผเรยนกบผเรยน

และผสอนจะเปนศนยกลางขอมลและบทเรยน ซงผเรยนสามารถทจะปฎสมพนธกบผสอนได

ทางคอมพวเตอร หรอโทรศพทซงอาจจะไดเหนหนากนไดทางหนาจอ และพดคยได

9) หองสมดอเลกทรอนกส (e-Library) เปนการจดการทรพยากรจากหลายสอใหอยใน

รปอเลกทรอนกส มการออกแบบการเขาถงเนอหาสารสนเทศใหเปนประโยชนแกผใชและม

เครองมอหรอวธการชวยการคนหาสารสนเทศในระบบเครอขายทเชอมโยงกนไดทวโลก

10) หองสมดดจตอล (Digital Library) หมายถง บรการสารสนเทศทเปนบรการ

หองสมดหรออาจจะไมใชบรการจากหองสมดกได เพราะในปจจบนหองสมดดจตอลจะเนน

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 21: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

12

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

หองสมดจะประกอบดวย การผลตสารสนเทศ และการจดสารสนเทศในอนเทอรเนตใหอยใน

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

ไดแก หองสมดทเปนเครอขายและมการตกลงระหวางกนในการใหบรการสารสนเทศรวมกน

ผใชบรการตางสถาบนสามารถสบคนสารสนเทศจากฐานขอมลของกนและกนได เสมอนกบเปน

สมาชกหองสมดเดยวกนซงจะเหนไดวาความหมายของหองสมดดจตอลในปจจบนไมเพยงแต

หมายถงทรพยากรสารสนเทศในรปดจตอลในการจดการสารสนเทศเทานน แตยงรวมถง

สภาพแวดลอมทท าใหผใชเขาถงสารสนเทศและบรการทชวยใหเกดวงจรในเชงสรางสรรค การ

น าไปใชประโยชนและการอนรกษ การสรางสรรคทางปญญาและทางความรของมนษย

11) การสนทนาผานระบบเครอขาย (Chat) เปนการบรการทางอนเทอรเนตทผสนทนา

สามารถพดคยโตตอบกนผานระบบเครอขาย ซงการสนทนาแบบออนไลนนผสนทนาอาจ

โตตอบกนดวยการพมพขอความทตองการสอสาร หรอในปจจบนมการพฒนาโปรแกรมท

อนญาตใหผใชสามารถสนทนาโตตอบกนดวยวาจาเหมอนการใชโทรศพท เราสามารถน าการ

สนทนานไปใชในการเรยนการสอนผานสออเลกทรอนกส เพอใหผเรยนกบผสอน หรอผเรยนกบ

ผเรยนสามารถตดตอสอสารกนแบบทนททนใด (Interactive) เพอปรกษาหรอแลกเปลยนความ

คดเหนกนได

ดงนนสรปไดวา สอและเครองมอทสนบสนนการเรยนรผานสออเลกทรอนกส จะ

ประกอบไปดวยหนงสออเลกทรอนกส แบบทดสอบหรอประเมนผลอเลกทรอนกส หองทดลอง

อเลกทรอนกสการน าเสนอเนอหาวชาและบรรยายโดยอาศยสออเลกทรอนกส จดหมาย

อเลกทรอนกส กระดานขาวคอมพวเตอรเพอการสง –รบภาพวดทศน หองเรยนเสมอนจรง

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

2.7 รปแบบการเรยนการสอน

1. การเรยนการสอนทางไกล ( Distance Education) เปนการเรยนการสอนทประยกต

เทคโนโลยหลายๆอยาง เชน ระบบเครอขายคอมพวเตอร การประชมทางไกลชนดภาพและ

เสยง รวมถงเอกสารตางๆเพอเขาถงผเรยนทอยหางไกล

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 22: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

13

2. แบบมหาวทยาลยออนไลน เรยกวา Online University หรอ Virtual University เปน

ระบบการเรยนการสอนทอยบนเครอขายในรปเวบเพจ มการสรางกระดานถาม-ตอบ

อเลกทรอนกส (Web Board)

3. การเรยนการสอนผานทางอนเทอรเนตและเวบเพจ ( Online Learning, Internet

Web Base Education) เปนการน าเสนอเนอหาและการปฏสมพนธระหวางผเรยนและผสอน

โดยเนนสอประสมหลายๆอยางเขาดวยกน มการสรางสภาวะแวดลอมทประสานงานกน ให

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

ตนเองใหเปน และเลอกเวลา สถานทในการเรยนร

4. โครงขายการเรยนการสอนแบบอะซงโครนส ( Asynchronous Learning Network:

ALN) เปนการเรยนการสอนทตองมการตดตามผลระหวางผเรยนกบผสอน โดยใชการทดสอบ

บทเรยน เปนตวโตตอบ

2.8 รปแบบการพฒนา e-Learning ในประเทศไทย

ทง WBI และ e-Learning ทมอยประเทศไทย พบวาแตละหนวยงานไดพฒนาระบบ

LMS/CMS ของตนเอง องมาตรฐานของ AICC เปนสวนใหญ ซงแตละหนวยงานกใช Web

Programming แตกตางกนออกไปทง PHP, ASP, Flash Action Script, JavaScript, Dot Net

ทงนอาจจะจดตงหนวยงานรบผดชอบโดยตรง หรออาจจะพฒนาโดยบคคลหรอกลมบคคลเปน

การสวนตวกได เนองจากปญหาสวนใหญจะมาจากการขาดงบประมาณและการสนบสนนทเปน

รปธรรมจากผบรหาร

นอกจากนมบรษทภายในประเทศไทยทพฒนาซอฟตแวรบรหารจดการการเรยนชอ

Education Sphere (http://www.educationsphere.com/) คอบรษท Sum System จ ากด ท

พฒนา LMS Software ออกมาใหจ าหนายและพฒนาใหกบมหาวทยาลยรามค าแหง เปน

หนวยงานแรก รวมทงศนยการศกษาตอเนองแหงจฬาลงกรณมหาวทยาลย กพฒนาโปรแกรม

จดการหลกสตรเนอหาวชา และการจดการเรยนการสอนชนด Web Based Instruction โดยตง

ชอโปรแกรมวา Chula e-Learning System (Chula ELS) ออกมาใหบรการเชนกน

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 23: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

14

2.9 กระบวนการจดการเรยนการสอน e-Learning แบบออนไลน

การจดการเรยนการสอนผานระบบเครอขายออนไลน มขนตอนการด าเนนการดงตอไปน

1. การออกแบบและจดท าบทเรยน e-Learning ถอเปนขนตอนทส าคญทสด เรยกไดวา

เปน "หวใจ" ของการเรยนการสอนเลยทเดยว เพราะบทเรยนทมคณภาพสงจะสามารถพฒนา

ผเรยนใหเกด การเรยนรไดดเทา ๆ กบหรอมากกวาการเรยนการสอนในชนเรยน ขนตอนนม

วธการด าเนนการดงน

1.1 การออกแบบบทเรยน (Courseware) เรมจากการศกษา วเคราะหหลกสตร

ทใชอยในปจจบน ศกษาสภาพความพรอมของผเรยน เวลาทใชในการเรยน โอกาสในการเรยน

ของผเรยน จากนน วเคราะหผลการเรยนรทคาดหวง คดเลอกเนอหา ก าหนดเนอหาออกเปน

หนวยการเรยน ก าหนด จดประสงคการเรยนรแตละหนวย ออกแบบกจกรรมการเรยนรแตละ

หนวย สอการเรยนร และแหลงเรยนรทส าคญและจ าเปน ก าหนดวธการวดและประเมนกจกรรม

ของแตละหนวยการเรยน

1.2 การจดท าบทเรยน โดยการก าหนดกจกรรมการเรยนรในแตละหนวยให

สอดคลองกบ จดประสงคการเรยนร และเนอหาทก าหนดไว จดท าสอการสอนในรปแบบตางๆ

ทเหมาะสมตอการเรยนรและนาสนใจ จดสรางเครองมอในการวดและประเมนผลกจกรรมหรอ

ผลงานทก าหนดในบทเรยน ก าหนดเกณฑการวดและประเมนผลใหชดเจน เหมาะสม สอดคลอง

กบเนอหาและกจกรรม การใชขอความ รปภาพ หรอสญลกษณใด ๆ ในบทเรยน ตองค านงถง

ความถกตอง สมบรณ ละเอยดชดเจนในตวเอง เนองจาก e-Learning ถอเปนการจดการเรยน

การสอนทางไกลทผเรยนและผสอนอาจไมมโอกาสพบปะกน ดงนน การจดท าบทเรยนจงตอง

ค านงถงคณภาพใหมาก

1.3 การบรรจบทเรยนลงในระบบ หลงจากทจดท าบทเรยนเสรจเรยบรอย

ครบถวนแลว กบรรจบทเรยนลงในระบบ หรอครผสอนอาจจดท าบทเรยนลงในตวระบบเลยกได

ซงทางระบบสงเสรมการเรยนรไดจดเตรยมไวใหพรอมแลว หากมรปแบบขอมลทาง

อเลคทรอนกสแบบอนประกอบในบทเรยนดวย จะตองมการ Upload file ดงกลาวเขาไปดวย ซง

จะท าใหตวบทเรยนมความนาสนใจมากขน หลงจากทไดบรรจบทเรยนเขาในระบบแลวควรม

การทดสอบการใชงานของบทเรยน โดยการทดลองเขาดเนอหาหลายๆ ครงเพอใหเกดความ

มนใจมากขนวาบทเรยนมความสมบรณพรอมแลว

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 24: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

15

2. การจดการเรยนร เปนขนตอนของการน าบทเรยนไปใชในการจดการเรยนการสอน

ดงน

2.1 การน าเสนอบทเรยน เปนการน าเสนอขอมลเบองตนเกยวกบบทเรยน หรอ

เรยกวาเปนสวนแนะน าบทเรยน โดยน าเสนอขอมลเกยวกบ ค าอธบายรายวชา ผลการเรยนรท

คาดหวงรายวชา จดประสงคของแตละหนวยการเรยนร วธการเรยน เงอนไขการเรยน การนด

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

บทเรยน ท าใหการเขาใชบทเรยนมประสทธ-ภาพในการพฒนาการเรยนรของผเรยนมากขน

จากนนใหผเรยนสมครเขาเรยน

2.2 การรบสมครและอนมตสทธผเรยน หลงจากทผเรยนสมครเขาเรยน และ

เลอกรายวชาทตองการเรยนแลว ครผสอนจะท าการอนมตสทธในการเรยนของผเรยนทอยใน

เงอนไขทครผสอนก าหนด

2.3 การตดตอสอสาร ตดตามการเรยน ในระหวางเรยนครผสอนอาจนดหมาย

เวลาพบปะเพอใหผเรยนไดปรกษาปญหา พบปะ พดคย แสดงความคดเหนตอการเรยน หรอ

ครผสอนอาจใชโอกาสน ชแจงบทเรยน แนะน า ตดตาม ท าการสอน พจารณางาน แกไขงาน

รวมถงตรวจผลงานของผเรยนได ในการเรยนการสอน e-Learning ครผสอนควรก าหนด

เงอนไขใหผเรยนไดพบปะกบผสอนในชองทางตดตออยางใดอยางหนง อยางนอยสองสปดาห

ตอครง เพอเปนการตดตามงาน และกระตนไมใหผเรยนละเลยการท ากจกรรมทก าหนด

3. การวดและประเมนผลการเรยนร เปนสวนส าคญอกสวนหนงของกระบวนการจดการ

เรยนร ซงหลงจากทผเรยนเรยนรแลวตองมการประเมนการเรยนรของผเรยนเพอน าผลมา

พจารณาวาผเรยนเกดการเรยนรหรอไม มากนอยอยางไร การวดผลการเรยนรสามารถกระท า

ได ดงน

3.1 การจดท าแบบทดสอบ โดยการท าแบบทดสอบออนไลน ทครผสอนจดท า

ไวในระบบ ซงมวธการใหครผสอนสามารถจดท าไดในหลาย ๆ รปแบบ ขนอยกบลกษณะของ

เนอหาความรทตองการวด การทดสอบอาจท าซ าไดหลาย ๆ ครง หรอใหท าเพยงครงเดยวกได

และเมอท าแบบทดสอบเสรจสน ทางระบบจะท าการประเมนผลการสอบใหผเรยนทราบทนท

หรออาจปรบระบบใหผเรยนทราบในภายหลงกได

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 25: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

16

3.2 การประเมนผลการเรยนร เปนการประเมนการเรยนรของผเรยนในดานตาง

ๆ เชน ดานความร ความคด ดานทกษะ ดานเจตคต โดยพจารณาจากขอมลทรวบรวมไว ทง

จากผลงานทผเรยนจดท าและสงใหประเมนตามทผสอนก าหนด การท าแบบฝกหด แบบทดสอบ

รวมถงการพจารณาการเขาเรยน การสงงาน ความรบผดชอบ การมปฏสมพนธกบผสอนหรอ

ผเรยนคนอน ๆ หรอคณลกษณะอน ๆ ตามทไดก าหนดไวในบทเรยน ครผสอนจะตองรวบรวม

ขอมลตาง ๆ เหลานเพอท าการประเมนการเรยนรเปน รายบคคล

3.3 การอนมตผลการเรยน หลงจากประเมนผลการเรยนรของผเรยนเรยบรอย

แลว กแจงผลการประเมนการเรยนรใหผเรยนทราบตามระดบ หรอเกณฑคณภาพทก าหนด

ผเรยนทไมผานการประเมนอาจมการซอมเสรมในบางเนอหา ผลการเรยนสามารถแจงไปยง

ผเรยนทราบไดโดยตรงเปนลายลกษณอกษรทางไปรษณย เพอเปนหลกฐานใหผเรยนเกบ

รวบรวมไวใชในการประเมนอยางอน ๆ ตอไป การอนมตผลการเรยน จะกระท าในกรณทมการ

จดการเรยนการสอนตลอดทงรายวชา ส าหรบรายวชาทมการเรยนการสอนออนไลนเปนบาง

บทเรยน หรอบางเนอหา กอาจรวบรวมผลการเรยนรทไดรวมกบผลการเรยนการสอนปกตกได

ทงนขนอยกบนโยบายและเงอนไขการจดการเรยนร e-Learning

ของสถานศกษาแตละแหง

4. การรวบรวมขอมลเพอการประเมน ปรบปรง และพฒนาบทเรยน เปนสวนของการ

พฒนาบทเรยนออนไลนแบบครบวงจร บทเรยนทมการออกแบบ จดท า และน าไปใชแลว ควรท

จะไดน าผลการใชและเกบรวบรวมขอมลการใชจากผเรยนมาวเคราะหเพอแกไข ปรบปรง

พฒนาบทเรยนใหมประสทธภาพมากยงขนตอไป ขอมลทเปนผลการเรยนรของผเรยนจะน ามา

ประเมนประสทธผลของบทเรยน สวนในดานประสทธภาพ อาจใชแบบสอบถามจากผเรยนหรอ

สมตวอยางสมภาษณผเรยนกได นอกจากครผสอน และผเรยนแลวบคลากรทเกยวของอน ๆ ก

สามารถใหขอมลเพอประเมนถงประสทธภาพของบทเรยนได เชนกน บคลากรอน ๆ ทควรเกบ

ขอมลมาศกษารวมดวยไดแก ผดแลระบบ ผพฒนาโปรแกรม และ ผปกครองนกเรยน เปนตน

กระบวนการทกลาวมาน เปนแนวทางในการพฒนาบทเรยน e-Learning ออนไลน ท

คลายกบกระบวนการในการพฒนาหลกสตร ซงในความเปนจรงแลว การจดการเรยนการสอน

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

จดการเรยนการสอนทกรปแบบเปนการน าเอาหลกสตรไปใช ดงนนการจดการเรยนรไมวาจะ

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 26: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

17

เปนแบบใดจะตองยดถอหลกการ จดมงหมายและแนวปฏบตตามทหลกสตรไดก าหนดไว เพอ

ใหผลการเรยนรเปนไปตามทหลกสตรก าหนด

2.10 ขอดของ e-Learning

1. การมปฏสมพนธในการเรยน การเรยนทาง e-Learning เปนการเรยนการสอนทเรยกไดวาเหมอนกบการเรยนปกตใน

เรองของเนอหาการเรยน เพราะอยาลมนะครบวา คนทท าบทเรยนกคอคณครทานเดมของเรา

นนเอง แตจะเปนการเรยนโดยไมไดเหนหนากนตลอดเวลาเทานนเอง แตในเรองของการม

ปฏสมพนธ การพดคยตดตอระหวางเรากบคณครกยงคงเหมอนเดม หรอมากกวา

ถาเปนการเรยนในหองเรยนปกต เวลาเรยนเกดขอสงสยขนมา จะเกดอาการไมกลา

ถาม เพราะกลว หรอเกรงใจคนรอบขาง แตถาเปนการเรยนแบบ สามารถทจะคลกยอนกลบไป

เรยนใหมได ผสอนกพดใหมอกรอบโดยไมมใครเหนหรอไดยน และถาตองการถามหรอตองการ

นดหมายเปนการสวนตวกสามารถท าไดโดยการสงอเมลไปหาผสอน ผสอนกจะตอบกลบมา

2. เปนรปแบบการเรยนการสอนใหม การเรยนการสอนในโลกปจจบน มอยแตในหองเรยนไมได โลกหมนไปไหนตอไหนแลว

e-Learning กสามารถตอบสนองความตองการไดเปนอยางด นกเรยนกจะเรยนไดอยางไมเบอ

เพราะมการสาธต มการแสดงใหดด และมการใหทดลองท าจรงซ ากคร งกได จนกวาจะช านาญ

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

คนพฒนาแบบเรยนนนดวย

3. สงเสรมการเรยนรดวยตวเอง ผเรยนตองพยายามท าความเขาใจบทเรยนดวยตวเองพรอมๆ ไปกบขอมลหรอ

แบบเรยนทมในคอมพวเตอร ซงเปนการฝกการคดใหเปนระบบระเบยบอยางหนงของนกเรยน

ซงในหองเรยนปกตจะท าไดยากหรอถาท าไดกจะเปนเฉพาะนกเรยนในบางกลมบางคน แตถา

เปน e-Learning นกเรยนจะมแนวโนมและมเปอรเซนตการใชความคดมากขน เพราะอยางนอย

กไมอายใคร สามารถทจะเรยนซ าแลวซ าอกได เหมอนถามใหคณครอธบายซ าเปนรอยรอบโดย

คณครจะมอารมณเยน อารมณดมาก สามารถตอบค าถาม สามารถอธบายไดโดยไมหงดหงด

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 27: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

18

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

ใชความคดเขาใจตามทสอนเปนหลกอยแลว

4. สะดวกสบาย จะเรยนเมอไร ทไหนกได เมอเปนการเรยนดวยตวเองทางคอมพวเตอรแลวนกเรยนกสามารถเรยนเมอไร และท

ไหนกได คอถาไมพรอมกยงไมตองเรยนอยางเชน ไมสบาย หรอไมสบายใจ เหนอย หรอแมแต

หว กพกผอนหรอทานอาหารใหอมสบายกอน แลวคอยเรยนกได ไมมใครบงคบ ถาไมได

เรยนผานทางอนเตอรเนต แบบเรยน กมกจะอยในรปของแผนซดรอม แผนเลกๆ ซงสามารถ

พกตดตวไป หาคอมพวเตอรเรยนทไหนกได หรอแมแตถาเปนการเรยนผานทางอนเตอรเนตก

ยงดใหญ สามารถไปไหนมาไหนโดยไมตองมแบบเรยนตดตวเลย เพยงเขาไปในโลกของ

อนเตอรเนต กสามารถเรยนไดแลว เปนมาตรฐานเดยวกนไมวาเรยนจากทไหนของโลก

5. ประหยดทงเวลาและคาใชจาย ถาเปนการเรยนในหองเรยนแบบปกต ทกคนจะตองมาอยทเดยวกนจงจะท าการเรยน

การสอนกนได นกเรยนแตละคน บานไมไดอยใกลโรงเรยนกนทกคน ตองใชเวลาในการเดนทาง

และยงตองเสยคาใชจายในการเดนทางอกดวยใหประโยชน เพราะบทเรยนจะเปนมาตรฐาน

เดยวกน ไมขนกบโรงเรยนวาดง หรอไมดงกเรยนเหมอนกนหมด นกเรยนกจะประหยดเวลาใน

การเดนทางได ไมเสยเงน และไมเสยแรง ปลอดภยไมตองเสยงภยกบการนงรถบนถนน

6. สามารถคนขอมลเพมเตมดวยไฮเปอรลงก เปนการเรยนผานอนเทอรเนต ดงนนถามการออกแบบบทเรยนทด เมอมการอางหรอ

แนะน าใหไปอานอะไรเพม ผพฒนากสามารถท าไฮเปอร ลงกนนไดทนท คนทเลนอนเทอรเนต

บอยๆ เขาจะมความอยากคลกเจาตวอกษรสน าเงนทมขดเสนใตเสน

7. ผเรยนสามารถเลอกเรยนไดตามศกยภาพของตวเอง ในกรณท เรยนไมทน ไมรเร อง หรอรอยแลว ไมไปเรองใหมเสยท สงเหลานจะท าให

เกดอาการเบอไมอยากเรยน หรอเกดอาการงวงนอน ระบบ e-Learning สามารถชวยได

เพราะนกเรยนสามารถกระโดดขามบทเรยนทรอยแลวไปเรยนเรองทตองการร หรอเรองทยากๆ

ไดเลย ไมตองเรยนเรองเดมใหเสยเวลา และงวงหนาจอคอมพวเตอรอก และส าหรบคนทไมคอย

รเร องกสามารถเรยนแลวเรยนอก ได

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 28: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

19

8. การรจกใชเครองมอชวยเหลอ (Sensitive Help หรอ Electronic Performance Support System)

ลกษณะของการมระบบความชวยเหลอเพอชวยใหนกเรยนสามารถสอบถามได

เหมอนกบการเรยนในหองเรยนทนกเรยนมปญหาแลวถามอาจารย แตเปนค าถามทถาม

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

อยากรอยากเหนอยากคนหาค าตอบไดเพราะสามารถถามในระบบความชวยเหลอนได และการ

เปนนกตงค าถามทด สามารถน าไปใชในอนาคตในเรองอนๆ ไดดวย แตตองขนอยกบวา

อาจารยผเปนเจาของหลกสตร มการออกแบบและมค าถามค าตอบตางๆ ไวรองรบความ

ตองการนอยางดหรอไม แตถาเปนตามมาตรฐานแลว

9. สามารถใชอนเตอรเนตไดดวย การเรยนทาง e-Learning เปนการสงเสรมใหนกเรยนมความร ความสามารถในการใช

งานคอมพวเตอรดานอนเตอรเนตไดแนนอน เพราะถาใชไมเปน กเรยนไมได ความรดาน

คอมพวเตอรดานอนเทอรเนตทกวนนเปนเรองธรรมดา คอมพวเตอรและอนเทอรเนตกลายเปน

มาตรฐานทวไปทคนจะหางานท าได คนจะท างานไดควรจะเปน ดงนนการเรยนผาน e-Learning

กจะชวยใหนกเรยนไดฝกหาประสบการณการใชงานคอมพวเตอรเพอน าไปใชในการหางานท า

ในการท างานในอนาคตได

10. สรางความรบผดชอบ ความมนใจในตวเอง เปนการรวบรวมทกขอเขามาดวยกน คอ e-Learning เปนการเรยนดวยตวเอง อยาก

เรยนเมอไรกได ตอนไหนกได ทไหนกได เรยนบอยแคไหนกได อยากเรยนบทไหนกอนหลง

เรยนซ าไปซ ามาอกกได ผลกคอ จะชวยฝกใหนกเรยนมความรบผดชอบในตวเอง ไมมใคร

บงคบ ถาน าไปใชใหถกตอง

11. เปนแหลงความรของผเรยน (Knowledge Based) โดยทอนเตอรเนตถอเปนแหลงความรย งใหญกวางขวางทสดในโลก ทผเรยนควรไดรจด

ศกษาแสวงหา วเคราะหและสรางองคความรไดเปนอยางด

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 29: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

20

12. เปนหองปฏบตการของผเรยน (Virtual Lab) ในโลกของอนเตอรเนตผเรยนสามารถเรยนร ฝกฝนทกษะ และปฏบตกจกรรมตาง ๆ

ไดอยางมากมายโดยมแหลงความรทกวางขวาง แตอยางไรกตาม การทผเรยนจะไดฝกฝนและ

ปฏบตกจกรรมตางๆ นนอาจตองอยในความดแล การก ากบ แนะน า ตดตามของคร ผสอนดวย

จงจะท าใหกจกรรมตางๆ มสวนเสรมการเรยนรของผเรยนอยางมประสทธภาพ

13. เปนสวนของหองปฏบตการจ าลองสภาพตางๆ (Sim Lab) ในโลกของคอมพวเตอรสามารถกระท าสงตางๆ ไดในขณะทโลกทเปนจรงไมสามารถ

กระท าได เชน การจ าลองปรากฏการณธรรมชาต เชนการเจรญเตบโตของสงมชวต การเกด

ภเขาไฟระเบด ระบบสรยะจกรวาล ฯลฯ หรอเหตการณทอนตราย เชน การเกดปฏกรยา

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

และความคดของมนษยเปนไปอยางกวางขวาง ไรขอบเขตและขอจ ากดมากขน

14. น าผเรยนออกไปสโลกกวาง (Reaching out) เปนการเปดประตหองเรยนออกไปสมผสกบความเปนไปของโลก ศกษาสงทเปนอย

จรงๆทไมไดมอยเฉพาะแตในหองเรยน หรอหนงสอเรยนเทานน แตเปนการศกษาความรท

เปนอยจรง ท าใหรเทาทนความเปนไปความเปลยนแปลงของโลก และรจกโลกทเราอยมากขน

15. น าโลกกวางมาสหองเรยน (Reaching within) เปนการดงเอาเรองทอยไกลตว ไกลจากประสบการณทผเรยนจะสมผสไดจรง ๆ มาส

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

ตาง ๆ และใชในชวตประจ าวนมากขน ซงในโลกปจจบนเราจะพบวา ผทมขอมลมากกวายอม

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

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

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

ประโยชนสงสด

16. เปนเวทการแสดงออก (Performance) ระบบอนเตอรเนตเปนระบบทเชอมโยงโลกทงหมด เขาดวยกนท าใหระยะทางไมเปน

ปญหาในการตดตอสอสารอกตอไป ผเรยนสามารถแสดงความคดเหน แสดงผลงาน แสดง

ทกษะ ความร ความสามารถออกไปสการรบรของผคนไดอยางไรขอบเขตท าใหไดรบการ

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 30: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

21

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

เรยนร e-Learning นน ครผสอนจ าเปนตองปรบแนวคด ปรชญาเกยวกบการเรยนการสอนไป

บางและยอมรบขอจ ากดบางประการเกยวกบการจดการเรยนการสอน โดยปรบแนวคด เกยวกบ

เรองตอไปน

- เปนการจดการเรยนรททดแทนการเรยนการสอนในชนเรยน เพอใหผเรยนมทางเลอก

ใหมในการเรยนรทไมไดขนอยกบความสามารถในการถายทอดเนอหาจากครผสอนแตเพยง

อยางเดยว แต ผเรยนยงสามารถเรยนรไดจากสงแวดลอม จากแหลงเรยนรอนๆ ทอยรอบตว

รวมทงแหลงเรยนรในอนเตอรเนตอกดวย ทกลาวเชนนไมไดหมายความวา ไมจ าเปนตองมการ

เรยนการสอนในชนเรยน เพยงแตตองการใหเปนอกทางเลอกหนงของการศกษาเรยนรของ

ผเรยน เปนการพฒนาเพมศกยภาพในการเรยนรเพมเตมจากในชนเรยน นอกจากน การจดการ

เรยนรในลกษณะอนๆ ใหหลากหลายออกไปกจะเปนการกระตนใหผเรยนเกดการเรยนรไดด

ยงขน

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

รายบคคลนนจะยดหลกวา "ผเรยนตองมความรบผดชอบในการเรยนดวยตนเอง ไดมโอกาส

เรยนตามล าพง จะตองเปนการสนบสนน สงเสรมใหผเรยนเปนผเรยนตลอดชวต มากวาเปน

ผเรยนทอยภายใตการบงคบตลอดเวลา เปนการเนนการเรยนมากกวาการสอน เนนในเรอง

ความสนใจ ความตองการและความรสกของผเรยนเปนเรองส าคญอนดบแรก และผเรยนไดรบ

การประเมนความกาวหนาดวยตนเอง" ดงนน ความสามารถในการเรยนรดวยตนเองของผเรยน

จงเปนคณลกษณะส าคญตอการเรยนรเปนรายบคคลทควรเนนในโลกยคปจจบนเปนอยางยง

แตอยางไรกตาม การเรยนรดวยตนเองเปนสงทด แตการรจกแต ตนเอง มเฉพาะโลกของตวเอง

ขาดความเขาใจตอผอน ขาดการคดแบบองครวมกเปนสงทครผสอนตองพงตระหนก

- เปนการจดการเรยนรทครผสอนเปลยนบทบาทจาก "ผสอน" (Teacher) เปน "ผ

แนะน า" (Facilitator) การเรยนการสอนในชนเรยนนน ครมกจะเปนผมบทบาทมากทสดในชน

เรยน ท าให ชนเรยนเปนกจกรรมส าคญของผสอนไมใชผเรยน และผเรยนแตละคนกจะมโอกาส

ในการเรยนรทแตกตางกนซงเปนไปตามลกษณะการเรยน (Learning Style) ของแตละคน การ

จดการเรยนร e-Learning จะท าใหผเรยนเปน ผควบคมการเรยนรของตนเองได ไมขนอยกบ

ผอน ดงนน บทบาทของครในการสอนจะเปลยนไป ครจะเปนผแนะน าวธการเรยน เสนอ

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

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 31: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

22

- เปนการเรยนรทผเรยนเปลยนบทบาทจาก "ผเรยน" (Learner) เปน "ผแสวงหา"

(Researcher) เมอบทบาทของครเปลยน บทบาทของผเรยนกควรเปลยนตาม โดยผเรยนจะไม

เปนผเรยนทคอยแตรบการสอน แตจะมบทบาทเปนผศกษา ผคนควา เสาะแสวงหาความร

สรางองคความรและใชองคความรนน ๆ ดวยตนเอง

- เปนการยายฐานการสอนจากหองเรยนจรง (Classroom-Based Instruction) ไปส

หองเรยนเสมอนบนเวบ (Web-Based Instruction) e-Learning เปนการเรยนการสอนผาน

ระบบอนเตอรเนตโดยทผเรยนเปนผศกษาหาความรจากบทเรยนออนไลนทผสอนจดเตรยมไว

และระบบการตดตอสอสารทสามารถโตตอบกนได ท าใหมลกษณะเหมอนกบหองเรยนหองหนง

ซงเรยกวา หองเรยนเสมอน (Virtual classroom) ในการเรยนรลกษณะน ครตองยอมรบ

ขอจ ากดบางประการ เชน ครไมไดเปนผควบคม ชนเรยน ครจะไมไดเปนผคอยสอดสอง สงเกต

พฤตกรรมของผเรยน อยางไรกตามกยงมพฤตกรรมทครสามารถประเมนได เชน ความ

รบผดชอบ ความใฝรใฝเรยน ความพากเพยรพยายาม ความสนใจ ความรวมมอ ฯลฯ ทสามารถ

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

- เปนการจดการเรยนรทผสมผสานความรวมมอหลายฝาย การจดการเรยนร e-

Learning มองคประกอบหลายประการ นอกจากผร ผเชยวชาญในเนอหาแลว ยงตองมผดแล

ระบบ โปรแกรมเมอร ผชวยในการผลตบทเรยน รวมถงผร ผเชยวชาญภายนอก และผปกครอง

ทจะตองมสวนรวมในการจดการเรยนรใหเกดประสทธภาพมากทสด เพราะเมอการจดการ

เรยนรไมไดจ ากดอยแตในชนเรยนหรอใน โรงเรยนแลวผมสวนรวมกจะไมไดมจ ากดอยแคครกบ

นกเรยนอกตอไป

2.11 แนวโนมของ e-Learning

อนาคตของระบบการศกษาทางอเลกทรอนกส สงหนงทส าคญมากส าหรบการศกษา

ทางอเลกทรอนกสจะเตบโตและเปนทแพรหลายกคอ การทระบบเครอขายมเทคโนโลยทจ าเปน

ส าหรบการน าเสนอระบบการเรยนการสอนทนาสนใจเชน การใชเสยงสงสญญาณวดโอตาม

ความตองการ (Video on demand) และการประชมผานสญญาณวดโอ ในขณะเดยวกนก

ใหบรการทเชอถอได

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 32: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

23

ประเภทของ e-Learning แบงไดเปน 2 กลมดงน

1. Synchronous - ผเรยนและผสอนอยในเวลาเดยวกน เปนการเรยนแบบเรยลไทม

เนนผเรยนเปนศนยกลาง เชนหองเรยนทมอาจารยสอนนกศกษาอยแลวแตน าไอทเขามาเสรม

การสอน

2. Asynchronous- ผเรยนและผสอนไมไดอยในเวลาเดยวกนไมมปฏสมพนธแบบ

เรยลไทม เนนศนยกลางทผเรยนเปนการเรยนดวยตนเองผเรยน เรยนจากทใดกไดทม

อนเทอรเนต โดยสามารถเขาไปยงโฮมเพจเพอเรยน ท าแบบฝกหดและสอบ มหองใหสนทนา

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

กนไป

ขอด ของ Synchronous คอ ไดบรรยากาศสด ใชกบกรณผสอนมผตองการเรยนดวย

เปนจ านวนมาก และสามารถประเมนจ านวนผเรยนไดงาย

ขอเสย ของ Synchronous คอ ก าหนดเวลาในการเรยนเองไมไดตองเรยนตามเวลาท

ก าหนดของคนกลมใหญ

ขอด ของ Asynchronous คอ ผเรยน เรยนไดตามใจชอบ จะเรยนจากทไหน เวลาใด

ตองการเรยนอะไรหรอใหใครเรยนดวยกได

ขอเสย ของ Asynchronous ไมไดบรรยากาศสด การถามดวย chat หรอเวบบอรดอาจ

ไมไดรบการตอบกลบ e-Learning ในสถานศกษา สามารถใชไดกบสถานศกษา เรมจากท

มหาวทยาลย อาจารยใหนกศกษารบการบาน สงการบานทางอนเทอรเนต มการพฒนาน า

เนอหาไวทโฮมเพจของมหาวทยาลยใหนกศกษาสามารถเขามาเรยนจากบานได

ในป 2547 ไดมการส ารวจสถาบนการศกษาจ านวน 614 แหง ม 294 สถาบน ทม

หลกสตรทเปดสอนแบบอจากปทผานมา การศกษาแบบอเลรนนงเปนทรจก และไดรบความ

นยมกวางขวางขน หลายสถาบนการศกษาทวโลก ไดน าการศกษาแบบอเลรนนง มาพฒนาใช

กบหลกสตรการศกษาทมอยเดม

ส าหรบแนวโนมอเลรนนงจะเปนอยางไร ลองมาฟงความคดเหนจากส านกขาวและ

ผเชยวชาญ ทไดคาดการณถงแนวโนมของอเลรนนงนกนด ส านกขาวซดเนต (ZD Net)

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 33: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

24

รายงานวา บรรดาอาจารยผสอนจากสถาบนการศกษาระดบสงหลายแหงในสหราชอาณาจกร

เทคะแนนเตมใหกบการศกษาแบบอเลรนนง อาจารยหลายทานกลาววา คอมพวเตอร และ

อนเทอรเนตก าลงแสดงบทบาทส าคญ ในการปรบปรงการสอนของหลายสถาบนการศกษาในส

หราชอาณาจกร

ในการส ารวจอาจารย 150 ทาน จากสถาบนการศกษาระดบสงในองกฤษ พบวารอยละ

15 เชอวา อเลรนนงชวยสงเสรมการศกษาใหดขน รอยละ 94 ใหความเหนวา การผสมผสาน

ระหวางการสอนแบบออนไลนและการสอนแบบเดมทเรยนในหองเรยนจรง จะมประสทธภาพ

มากกวาการสอนในหองเรยนจรงอยางเดยว รอยละ 90 กลาววา จ านวนนกศกษาทจบ

การศกษาจากการเรยนแบบอเลรนนงเพมจ านวนขนเรอยๆ อาจารยทานหนงจากมหาวทยาลย

ลดส เมโทรโพลแทน ( Leeds Metropolitan University) กลาววา การเรยนแบบออนไลนน า

โอกาสใหมๆ มาสการศกษาระดบสง เพราะมนกศกจ านวนมากทก าลงเรยนในหลกสตรนอก

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

สถาบนการศกษาในองกฤษก าลงสงเสรมใหมจ านวนนกศกษาทจบการศกษาระดบสงเพมมาก

ขน แตในขณะเดยวกนกยากทจะควบคมการเพมจ านวนของนกศกษาทพกการเรยน และ

นกศกษาทเลกเรยนกลางคน ถาอเลรนนงสามารถชวยท าใหรฐบาลบรรลเปาหมาย ทตองการให

วยรนจ านวนครงหนงของจ านวนวยรนทงหมดในองกฤษ มการศกษาระดบสงได หลาย

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

ผานเวบ

แนวโนมอเลรนนงในประเทศแถบเอเชย เวบทดซเทรดดอทคอม (www.tdctrade.com)

ไดรายงานถงโอกาสของอเลรนนงในฮองกงไวหลายประการ เชน

ประการทหนง : อเลรนนงกลายเปนแนวโนมระดบโลกในอตสาหกรรมการศกษา

ประการทสอง : องคกรตางๆ จะจดใหมหลกสตรออนไลน

ประการทสาม : กระทรวงศกษาธการจะสนบสนนเงนทนในดานไอทเพอการศกษามาก

ขน

ประการทส : ประสบการณการพฒนาอเลรนนงในฮองกงจะชวยเปนก าลงสนบสนน

ส าหรบตลาดการศกษาในจน

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 34: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

25

รด เอส เกตเทอร รองประธานฝายการตลาดของบรษทดจตอลธงค ซงเปนบรษทผ

ใหบรการดานอเลรนนง รบปรกษาและแกปญหาธรกจผานทางระบบอเลรนนง ไดคาดการณ

แนวโนมของอเลรนนงในป 2547 ไว 5 ประการ ดงน

ประการทหนง คอรสแวรการศกษาแบบอเลรนนงจะมการใหความส าคญมากยงขน

ส าหรบสอการสอนแบบอเลรนนง

ประการทสอง ผบรโภคจะเลอกจางหนวยงานภายนอกจดบรการอเลรนนงให แทนทจะ

ด าเนนการดานอเลรนนงเอง

ประการทสาม ผบรโภคจะจดสรรงบประมาณเพอใชจายในดานอเลรนนงมากขน ซงจะ

ท าใหผใหบรการเตบโตมากขน

ประการทส จะมการใชแบบจ าลองในดานอเลรนนงมากขน

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

การเรยนในหองเรยน

เกตเทอรยงกลาวอกวา ในป 2546 ไดเหนการเปลยนแปลง ทเนนไปในดานผเรยนและ

การใหความส าคญกบการถายทอดความรและทกษะแกผเรยน ส าหรบในป 2547 น กจะยงให

ความส าคญในสองสงนเพมขนไปอก หรออกนยหนงกคอ ตลาดโลกจะมงเนนทการพฒนาระบบ

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

ส านกวจยไอดซ ( IDC) ไดท านายตลาดการศกษาระดบสงในอเมรกาไววา ปลายป

2547 รอยละ 90 ของวทยาลยทงหมดในอเมรกาจะมหลกสตรอเลรนนง จากทเคยส ารวจพบ

เพยงรอยละ 47 ในป 2543 นอกจากน ส านกวจยไอดซยงไดคาดการณ การเตบโตของ

อตสาหกรรมอเลรนนงในสวนของตลาด

อเลรนนงส าหรบบรษท หางรานวา ป 2547 จะเปนปทบรษท หางรานตาง ๆ ทวโลก

สนบสนนอเลรนนง โดยมงเนนไปทการฝกอบรมพนกงานเพอใหท างานไดอยางมประสทธภาพ

ยงขน โดยประมาณการไววา ตลาดอเลรนนงของโลก เฉพาะการฝกอบรมพนกงานบรษท หาง

รานตาง ๆ จะเปน 23,700 ลานเหรยญ หรอประมาณ 924,300 ลานบาท ในป 2549 เทยบกบ

6,600 ลานเหรยญ หรอประมาณ 257,400 ลานบาทในป 2545

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 35: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

26

สวนในญปน มรายงานวา ตลาดอเลรนนงส าหรบบรษท หางรานตาง ๆ ในญปนมมลคา

สงกวาทไอดซท านายไวถงประมาณ 7 เทา นนคอ ประมาณ 7 ลานลานบาท

เมอไดอานรายงานของส านกขาว ส านกวจย และความเหนของผทคลกคลอยในวงการอ

เลรนนงแลว กพอจะมองเหนอนาคตอนรงโรจนของอเลรนนง วาหลายประเทศทวโลกใหความ

สนใจ และตางตงหนาหนาตงตามงพฒนาอเลรนนงส าหรบอตสาหกรรมการศกษา เพอให

อตสาหกรรมการศกษาของประเทศทนสมย มประสทธภาพมากยงขน เทคโนโลยทางการศกษา

ททนสมย จะท าใหพลเมองในประเทศไดรบการศกษาอยางทวถง มโอกาสศกษาถงระดบสงได

นอกจากการศกษาในสถาบนการศกษาระดบสงแลว อเลรนนงส าหรบฝกอบรมพนกงาน

บรษท หางรานตางๆ กมแนวโนมทสดใสเชนกน หลายบรษทน าอเลรนนงไปใชอบรมพนกงาน

แลว และอกหลายบรษทกเรมน าอเลรนนงมาใชเชนกน

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 36: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

บทท 3

วธการด าเนนงานการวจย

การด าเนนการเรอง “การออกแบบโครงสรางการรบขอมลทางคณตศาสตร ในสวน

สมการรปของe-Learning แบบ Interactive” เปนการวจยเพอการศกษาและท าความเขาใจ เรอง

ของอนพนธ ผวจยไดด าเนนการวจยและรวบรวมขอมลตามขนตอนดงน

3.1 การศกษาขอมล

ผวจยไดศกษาขอมลตางๆ เพอการวจยดงน

3.1.1 การศกษาหลกการและวธการพฒนาโครงสรางการรบขอมลทางคณตศาสตร

โดยวธการน าเสนองานวจย จะเปนการน าเสนอในรปแบบของการน าโจทยทาง

คณตศาสตร (โดยอางองจาก หนงสอแคลคลสและเรขาคณตวเคราะห แตงโดย ผชวย

ศาสตราจารย สมพร ป นโภชา ผเรยนจะเปนผปอนขอมลเขาสระบบ ผลลพธทไดจะอยใน

รปแบบของกราฟสองมต มการบอกต าแหนงแตละจดบนกราฟ

3.1.2 การศกษาเครองมอทใชส าหรบสรางการวจย

การสรางโปรแกรมในการน าเสนองานวจย ในรปแบบของขอความ กราฟ ภาพนง และ

การเคลอนไหวบนกราฟ รวมทงสตรการค านวนทางคณตศาสตรตางๆ

3.1.2.1 Macromedia Flash

Macromedia Flash เปนซอฟแวรทชวยในการสรางมลตมเดย , กราฟกส าหรบงานเวบ ,

สอภาพนง ภาพเคลอนไหว ตลอดจนสอทมระบบโตตอบกบผใช (Interactive Multimedia) ซง

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

ขนาด ทงนสามารถน าเสนอไดทงเวบ หรอผานโปรแกรม Flash Player หรอสรางเปน exe file

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 37: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

28

เพอเรยกใชงานไดทนท นอกจากนยงสามารถแปลงไฟลไปอยในฟอรแมตอนไดดวย เชน

Animation GIF , AVI , QuickTime

แฟมทมนามสกล swf ( Shock Wave Flash ) เปน Macromedia File ทไดรบการ

ยอมรบเปนอยางมาก สามารถตดตอสอสารกบผใชแบบ Interactive ดวยภาพและเสยง เดมม

เพยงโปรแกรมจากคาย Macromedia เทานนในการสราง swf ปจจบน นกพฒนาไดพฒนาเพอ

ใชในการสราง swf อยางงายและโปรแกรมหนงทไดรบความนยมมากทสดคอ SwiSHMax

3.1.2.2 SwishMax 2

เปนโปรแกรมทชวยใหผใชสามารถสรางสรรคผลงานในรปแบบ Flash

Animation,Flash Presentation, Web Multimedia โดยสามารถสราง Web ในรปแบบของ

ภาพเคลอนไหว(Animation) พรอมเสยงประกอบเพอเพมความนาสนใจ นอกจากน SWiSHMax

สามารถสราง Effect แปลกใหมใหกบ ตวอกษร ภาพ กราฟฟก มากกวา 330 แบบ รวมไปถง

เทคนคการสรางปมหรอ Menu อยางงาย รวมไปถงการเขยนสครปเพอควบคมการท างานได

เชนเดยวกบโปรแกรม Macromedia Flash แตดวยลกษณะการใชงานของโปรแกรม

SWiSHMax จะมความงายกวามาก ผใชไมจ าเปนตองมความรใรการสรางเวบมากนกเปนผม

พนฐานในการใชคอมพวเตอรทวไปกสามารถใชงานได

3.1.2.3 Microsoft Visual Studio 2008

เครองส าหรบใชในการพฒนาทง Application และ Web Application และ Web

Service ไดอยางสะดวกโดย ใน Version 2008 ทาง Microsoft จะเนนการน าเครองมอตางๆ

เขามารวมอยใน Microsoft Visual Studio 2008 มากขน เพอใหผพฒนาระบบงายตอการใชงาน

อาทเชน การน า Ajax Extention Framework 3.5 เขามาเปน Component ตวหนงใหแก

ผพฒนา โดย Microsoft Visual Studio ไดน าหลกการของ Web 2.0 เขาอยใน version 2008

เพอให Application สามารถตดตอสอสารกนไดงายมากยงขน

Microsoft Visual Studio 2008 มภาษาโปรแกรมทชวยใหนกพฒนาไดเลอกพฒนา

มากกวา 4 ภาษาโปรแกรม อาทเชน Visual C# , Visual C+ , Visual Basic , Visual Web

Develop

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 38: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

29

รปท 3.1 แสดงเครองมอทใชชวยในการพฒนาใน Microsoft Visual Studio 2008

3.1.2.4 Adobe PhotoShop CS3

โปรแกรมส าหรบใชในการสรางและตกแตงภาพ ออกแบบโลโก มความสามารถในการ

รวมภาพเขาดวยกนท าใหผพฒนาสามารถท าภาพไดตามทตนเองตองการไดงายมากขน

3.1.2.5 CuteFTP 8 Professional

โปรแกรมส าหรบใชการน าขอมลจากเครองคอมพวเตอรของผใช ขนสเซรฟเวอร ซงม

ความสามารถในการอพโหลดไฟล เปลยนแปลงชอไฟล ลบไฟล และเปลยนแปลง Permission

เปนตน

3.1.3 การศกษาโปรแกรมทใชในการวจย

โดยเครองมอหลกทผด าเนนการวจยเลอกใชในการสรางกราฟ คอ SwishMax 2

กลาวคอ จะมความสามารถโดดเดนในเรองของความงายในการท า Effect เชนการท า Fade ,

Zoom , Slide , Core Effect และ น าเอา Action Script ไป ท างานรวมกน โดยจะแตกตางจาก

Macromedia Flash เนองจาก Macromedia Flash ไมมตว Function ของ Effect ตางๆ มาให

ทางผพฒนาจงจ าเปนตองท าการสราง Effect เอง

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 39: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

30

3.1.3.1 การน า Flash File มาใชกบ HTML สามารถเขยนได 2 วธดงน

<object> <embed src=Sample.swf width=100 height=80 wmode=transparent></embed> </object>

วธท 1

<body bgcolor=yellow> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name=movie value= Sample.swf> <param name=wmode value=transparent> </object>

วธท 2

การใชงานแบบวธท 1 ผใชสามารถน าเอา Script ทงหมด ไปวางไวสวนใดสวนหนงของ

เวบอนๆไดแลวสามารถใชไฟล Flash รวมกน วธนจะเปนวธทนยมใชเปนอยางมากเนองจาก

สะดวกและเขาใจงาย อาทเชน Hi5 , Webboard , Blog ตางๆ และงายตอความเขาใจส าหรบ

ผใชงาน

การใชงานแบบวธท 2 ผใชงานจะตองเปนผทสรางเวบเพจเทานน โดยสวนใหญ

เครองมอทใชในการพฒนาเวบเพจ ตวอยางเชน Macromedia Dreamweaver จะมเครองมอใน

การแทรกไฟล Flash เขาไปไวในเวบเพจนนอยแลว การแทรก Code แบบนจะเปนเหมอนกบ

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

ไปไวในเวบเพจอนเหมอนกบวธท 1 ได

3.1.3.2 ศกษาสวนประกอบตางๆ ทส าคญ ในโปรแกรม SwishMax โดย

ผด าเนนการวจย เรมตนท าการศกษาในแตละสวนดงน

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 40: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

31

A. Panels คอสวนทท าใหใชงานเครองมอไดงาย แบงออกเปนหลาย

สวนแบงเปน Tools Panel , Properties Panel ,Outline Panel , Script Panel

, Option Panel ดงรปท 3.2

รปท 3.2 โปรแกรม SwishMax 2.0

B. การสรางปมและ Text Box ทใชในการรบขอมลจากผใชงาน ดงรป

ท 3.3

รปท 3.3 สวนของการปอนคาและประมวลผล

C. ส าหรบ event ในโปรแกรม SwishMax 2.0 ประกอบดวย event

ตางๆ ดงรป 3.4 ในการเขยน event ตางๆ จะเปนการเขยน ActionScript เปน

ภาษาทใชในการเขยนโปรแกรมท Flash หรอ SWiSHMax ไดน ามาเพม

ความสามารถของมฟวในการโตตอบกบผชม ภาษานลกษณะเปน Object-

Oriented เชนเดยวกบ JavaScript ทผสรางเวบใชเพอเพมคณสมบตอนเตอร

แอคทฟใหกบเวบเพจ โดยทง ActionScript และ JavaScript จะมรปแบบค าสง

และวธใชทคลายคลงกน การใชค าสงบางสวนของ ActionScript ตองอาศย

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 41: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

32

พนฐานความเขาใจเกยวกบการเขยนโปรแกรมทลกซงพอสมควร แตกมหลาย

ค าสงทเราไมจ าเปนตองมความรอะไรมาก กสามารถน ามาใชสรางมฟวโตตอบ

ทนาสนใจไดหลากหลายลกษณะ

ตวอยางค าสงพนฐานของ AcionScript

ค าสง Go To เปนค าสงใหมฟวกระโดดไปเลนเฟรม หรอซยทระบ

ประกอบดวยพารามเตอรดงน

Go to and Play จะท าใหเฟรมปลายทางถกเลนทนททกระโดดไป

Go to and Stop เมอมฟวหระโดดไปยงเฟรมปลายทางแลวกหยด

เลน

Scene ใหมฟวกระโดดไปเลนซนทระบ โดยเราอาจระบเปนซนไป

เลย หรอ ระบแบบสมพทธคอ

o <current scene> หมายถง ซนปจจบน

o <next scene> หมายถง ซนถดไป ตามล าดบใน

พาเนล

o <previous scene> หมายถง ซนกอนหนา ตามล าดบ

ในพาเนล Scene

รปท 3.4 ตวอยาง Event ทอยบน SwishMax 2.0

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 42: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

33

D. การน าเอา ActionScript มาใชกบงาน SwishMax เพอใหระบบ

สามารถท างานไดอยางถกตองและตรงกบความตองการของหวขอการวจยน

ดงรป 3.5

onSelfEvent (load) { G_linecolor = 1; } onFrame(2) { Events("Graph",true); Events("Plot",true); Stop(); }

รปท 3.5 แสดงตวอยางรปแบบของ Action Script

onSelfEvent (Load) ลกษณะการท างานจะท างานกตอเมอมการใช

งานในสวนของ Flash File เมอมการใชงานตวแปรหรอค าสงทอยใน Event น

จะถกน ามาใชงานทนท จากรปท 3.5 ใน Event นจะสงให ตวแปรทชอวา

G_LineColor = 1 หมายถงมการก าหนดคาใหกบ G_LineColor ใหมคาเทากบ

1 ตวแปร G_LineColor จะเปนตวแปรทใชในการควบคมสของเสนกราฟซง

ระบบก าหนดไววา ถา G_LineColor เทากบ 1 เสนกราฟจะมคาเทากบสด า

onFrame(2) ลกษณะการท างานจะท างานกตอเมอ Frame ทถก

ก าหนดไวบน Flash File ถกเรยกใชงานค าสงทอยภายใต onFrame(2) จะถก

น ามาใชดวยจากรปท 3.5 ค าสงทถกใชงานจะมอย 3 ค าสงคอ

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 43: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

34

Events("Graph",true) , Events("Plot",true) และ Stop ในแตละค าสง

กจะมความหมายกลาวคอ Event(“Graph”,true) ค าสงนจะเปนค าสงทใชในการ

จดการพนทกราฟเสนขนาดทงแกน X และ แกน Y เมอคาทสงไปเทากบ True

สวนค าสง Event(“Plot”,true) เมอมการผานคา true Event นจะท าการ Plot

กราฟลงบนพนทกราฟ

3.2 การวเคราะหระบบงาน

การวเคราะหระบบงาน เรอง “การออกแบบโครงสรางการรบขอมลทางคณตศาสตร ใน

สวนสมการรปของ e-Learning แบบ Interactive” ส าหรบนกศกษาชนปท 1 ของคณะ

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

หนงตวแปร คณะวทยาศาตร มหาวทยาลยหอการคาไทย ซงใชแนวคดตามวธการระบบ

(System Approve) โดยมขนตอนดงน

3.2.1 ก าหนดหวขอและวตถประสงคทวไป

หวเรองทใชในการท าบทเรยน e-Learning ในครงน คอ “การออกแบบโครงสรางการรบ

ขอมลทางคณตศาสตร ในสวนสมการรปของ e-Learning แบบ Interactive” บทวจยครงนจะเนน

ไปในเรองของอนพนธ (Derivative) ส าหรบหวเรองการวจยผวจยจะเนนไปในเรองของการ

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

นกศกษาจะสามารถเขาใจในเรองของการสรางกราฟจากสตรทางคณตศาสตร ไดงายขน ผ

ศกษาสามารถโตตอบกบระบบได

3.2.2 การวเคราะหผเรยน (Audience Analysis)

ผศกษาเปนกลมนกศกษาชนปท 1 คณะวทยาศาตร มหาวทยาลยหอการคาไทย ในวชา

แคลคลสและเรขาคณตวเคราะห และ ผทสนใจในเรองของอนพนธและการสรางกราฟจาก

สมการทางคณตศาสตร

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 44: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

35

3.3 การออกแบบและวางโครงสรางระบบ

ขนตอนการออกแบบและวางโครงสรางระบบ ผวจยแบงการออกแบบ เปนขนตอนตางๆ

ดงน

3.3.1 การออกแบบระบบ (System Design)

เปนการออกแบบเพอใหทราบถงการรบและการแสดงผลของขอมล โดยแบง

สวนตางๆ ดงน

3.3.1.1 การออกแบบเอาตพต สวนของกราฟ สมการ 𝑓 𝑥 = (x + 1)/(x −

2) แสดงผลลพธ ดงรปท 3.6

รปท 3.6 แสดงผลลพธทไดจากระบบ

3.3.1.2 การออกแบบอนพต

ขอมลสตรทางคณตศาสตร ดงรป 3.2 จะเปนชองทสามารถใสสตรตางๆ ทาง

คณตศาสตรเขาไปเพอใหระบบไปค านวนในการหาผลลพธในรปแบบของกราฟตอไป อกทงผ

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 45: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

36

ศกษายงสามารถปอนคาแกนของคา x และ y ไดเองตามความยดหยนของสตรแตละสตร ทงคา

ของแกน + และ แกน – ตวอยางเชน จากรปท 3.4 คาของ X Max = 3, X Min = -3 ผศกษา

สามารถเปลยนคาใหเปนไปตามทผศกษาตองการ ดงรปท 3.7

รปท 3.7 แสดงถงการเปลยนคาแกน X Min และ X Max

หลกการและขอบงคบในการปอนคาสตรสมการทางคณตศาสตรลงไปในระบบมดงน

𝑦 = 𝑓 𝑥

ใสเครองหมาย () แทนขอบเขตของสตร เชน สตร 𝑓 𝑥 = 𝑥+1

𝑥−2 จาก

สมการนเมอน ามาปอนในโปรแกรมจะไดเปน 𝑓 𝑥 = (x +

1)/(x − 2)

เครองหมาย ^ แทน เลขยกก าลง เชน 𝑥3 เมอน ามาปอนใสในโปรแกรมจะ

ไดเปน x^3

เครองหมาย * , / แทน การคณและหาร ตามล าดบ

เครองหมาย + , - แทน การบวก และ ลบ ตามล าดบ

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 46: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

37

เครองหมาย sin(x) แทนดวย Sine X คอ อตราสวนของความยาวดานตรง

ขามมม X ตอความยาวดานตรงขามมมฉาก

เครองหมาย cos(x) แทนดวย Cosine X คอ อตราสวนของความยาวดาน

ประชดมม X ตอความยาวดานตรงขามมมฉาก

เครองหมาย tan(x) แทนดวย Tangent X คอ อตราสวนของความยาวดาน

ตรงขามมม X ตอความยาวดานประชดมม X

เครองหมาย ln(x), exp(x) แทน log(x) และ e ตามล าดบ

เครองหมาย log(x), exp10(x) แทน แทน log ฐาน 10

เครองหมาย sqrt(x) แทนเครองหมาย 𝑥

เครองหมาย rand(x) แทน การ Random ระหวาง 0 ถง x ( x สามารถ

เปนไดทงจ านวนเตมและคาทศนยม )

เครองหมาย int(x), frac(x) แทน การ Return คากลบมาเปน integer

เครองหมาย pi แทนคา 𝜋

3.3.2 การออกแบบหนาจอภาพ (Screen Design)

เปนการออกแบบการจดพนทของจอภาพคอมพวเตอร ใหเปนสดสวนในการน าเสนอ

เนอหา กราฟ และการก าหนดปมควบคมบทเรยนและสวนอน ๆ โดยแบงเปนสวนตางๆ ดงน

3.3.2.1 การออกแบบ Web Page เรมแรกของการเขาสโปรแกรม

3.3.2.2 การออกแบบ Web Page หลกเปนลกษณะของเมน และลกษณะของ

ปมการท างาน อาทเชน ปม Draw ใชในการวาดกราฟทไดจากสตรทผศกษาท าการปอนคาลง

ไป ปม Re Draw เปนการลางหนาจอเพอการท างานในสตรสมการใหม

3.3.2.3 ก าหนดรปแบบตวอกษร ภาพ และสทใช ตวอยางสทใชวาดกราฟจะ

เปนสแดง เพอเนนใหเหนเสนของกราฟทชดเจน

3.3.2.4 ออกแบบการวางรปแบบตางๆ บนเฟรม

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 47: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

38

3.3.2.5 ออกแบบขนตอนการประมวลผลตางๆ

3.4 การสรางระบบงานและบรหารทรพยากร

3.4.1 ขนตอนของการพฒนาโปรแกรม

การสรางระบบงานวจยน เปนการท างานผานระบบเวบ ซงผวจยไดแบงขนตอนในการ

พฒนาโปรแกรมออกเปน 2 สวนตามโครงสรางของโปรแกรม ดงรปท 3.8 คอ

รปท 3.8 แสดงโครงสรางของโปรแกรม

A. HTML

MathGraph.html เปนสวนหลกของโปรแกรม ท าหนาทเปนสวนของการเรยกใชไฟล swf

ซงถกพฒนาโดย SwishMax 2.0 ซงโครงสรางไฟลจะเปนดงรปท 3.8 ลกษณะการท างานบน

ระบบจะสามารถท างานไดตงแต Windows Internet Explorer 6.0 ขนไป, FireFox รวมไป

โปรแกรมทมลกษณะการท างานในการเรยกดเวบเพจ อนๆ

B. SWF (Flash file)

สวนนจะเปนสวนในการประมวลผลทจะไดจากการอนพต คาสมการทางคณตศาสตรเขาไป

เพอค านวนใหแสดงผลออกมาในรปของกราฟ โครงสรางหลกของ Flash file จะประกอบไปดวย

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 48: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

39

B.1. ขนตอนการท างาน (Work Flow)

สวนประกอบหลกของ Flash file จะเปนการท างานของภาพรวมทงระบบ

ตงแตการอนพตคาสมการสตรทางคณตศาสตรเขามา ดงรปท 3.9 แสดงถงขนตอนการท างาน

ของไฟล Flash file

รปท 3.9 แสดงขนตอนการท างานของ Flash File

B.2. โครงสรางของคลาสหลกของไฟล

ในไฟล Flash file จะประกอบไปดวยโครงสรางของ Process ตางๆ แตละ Process จะม

ลกษณะการท างานทแตกตางกนออกไป โดยในหวขอนจะแบงลกษณะการท างานของ Process

ตางๆ ทอยในไฟล Flash file ไวดงน

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 49: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

40

B.2.1 Event

เปนการก าหนดเหตการ ณหลกของท างานของโปรแกรม ใหมลกษณะการ

ท างานทผท าการวจยก าหนด จากการวจยน Event ทใชในระบบมดงน

OnSelfEvent (load) หมายถง ขณะทท าการเปดโปรแกรม

OnSelfEvent (rollOver) หมายถง การเคลอนเมาสออกจากปม

OnSelfEvent (rollOut) หมายถง การเคลอนเมาสเหนอจากปม

OnSelfEvent (dragOut) หมายถง การคลกเมาสเหนอปม แลวลาก

ออกไปนอกปม

OnSelfEvent (dragOver) หมายถง การคลกเมาสบนปม แลวลากอย

ในพนทปม

OnSelfEvent (press) หมายถง การกดคยบอรดตามทก าหนดในชอง

ดานหลง

OnSelfEvent (release) หมายถง การคลกและปลอยเมาสขณะทอย

เหนอปม

B.2.2. Class

ในการสรางระบบงานวจยน เพอใหงายตอการพฒนาโปรแกรม ผวจยจงแยก

สวนของการท างานออกเปนสวนๆ โดยจะแบงการท างานใหอยางชดเจน ออกเปน 2 Class คอ

A. Math Util

หนาทหลกของคลาสนคอ การค านวนหาคาตางๆ ทไดจากการปอนขอมลสตร

ทางคณตศาสตร ผลลพธทไดจะถกน าไปประมวลผลออกมาในรปแบบของกราฟ

สวนประกอบในคลาสนจะแบงออกเปนฟงกชนการท างาน ดงน

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 50: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

41

Function Format ท าหนาท ก าหนดรปแบบของ

ตวเลข และ สมการตางๆ ใหอยในรปแบบทสามารถ

น ามาค านวน หรอ แสดงผลลพธในรปแบบทเขาใจได

Function Setprecision ท าหนาท ปดเศษ หรอ ท าให

ตวเลขผลลพธทไดจากการค านวนตางๆ ใหเปน

ตวเลขหลกถวน

Function Calculate ท าหนาท ค านวนคาสตรตางๆ

B. Plot

หนาทหลกของคลาสนคอ การน าเอา คาทไดจากการค านวนจากคลาส Math

Util มาวาดลงบนฟอรม ผลลพธทไดจะออกมาในรปแบบของกราฟตาง ๆ สวนประกอบในคลาส

นจะแบงออกเปนฟงกชนการท างาน ดงน

Function LoadParameter ท าหนาท รบคา Event

ตางๆ ทถกน าเอามาประมวลผลเพอแปลงคาไปเปน

การท างานตางๆ เชน

loadParameter("WindowSize") เปนการหาคาขนาด

ความละเอยดของหนาจอแสดงผล

Function Event ท าหนาท เปนศนยกลางในการ

ประมวลผลคาตางๆ

Function Roundedrect ท าหนาท เปนตวรบคาทได

จากการค านวน คาทไดจะถกน ามาวาดเปนกราฟ

ผลลพธ

Function Startgradientfill ท าหนาท วาดสลงบนเสน

Function Drawbutton ท าหนาท ควบคมการท างาน

ของปมทอยบนระบบทง Draw และ Re Draw

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 51: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

42

รปท 3.10 แสดงองคประกอบของ Action ทอยบนไฟล swf

จากรปท 3.10 เปนองคประกอบโดยรวมของการท างานของระบบ ซงจะถกแบง

ออกเปน 2 สวน คอ สวนแรก สวนของ Event เปนการท างานกบเหตการณทเกดขนบนระบบ

และสวนท 2 เปน Class หรอขวบนการค านวนตางๆ ทจะแปลผลลพธใหอยในรปของกราฟ

System

Event

OnSelfEvent (load)

OnSelfEvent (rollOver)

OnSelfEvent (rollOut)

OnSelfEvent (dragOut)

OnSelfEvent (dragOver)

OnSelfEvent (press)

OnSelfEvent (release)

Class

Math Util

Function format

Function setprecision

Function calculate

Plot

Function loadParameter

Function Event

Function Roundedrect

Function startgradientfill

Function drawbutton

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 52: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

43

3.4.2 ตวอยางการท างานของโปรแกรม

จากการทดสอบระบบ ตวอยางของสตรสมการทางคณตศาสตร ทไดท าการทดสอบม

ดงน

3.4.2.1 ตวอยางท 1

สตรทใชในการทดสอบ 𝑓(𝑥) = 𝑥3

ผลลพธทไดจากการทดสอบ ดงรปท 3.11

รปท 3.11 แสดงผลทไดจากการทดสอบ ตวอยางท 1

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 53: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

44

3.4.2.1 ตวอยางท 2

สตรทใชในการทดสอบ 𝑓 𝑥 =1−𝑥

2+𝑥

ผลลพธทไดจากการทดสอบ ดงรปท 3.12

รปท 3.12 ผลทไดจากการทดสอบ ตวอยางท 2

3.5. การตดตงระบบงาน

งานวจย เรอง “การออกแบบโครงสรางการรบขอมลทางคณตศาสตร ในสวนสมการรป

ของ e-Learning แบบ Interactive” งานวจยนเปน 1 ใน 4 สวนของงานวจย e-Learning แบบ

Interactive ระบบทตองการส าหรบงานวจยน

การตดตงจะแบงออกเปน 2 สวน คอ

1. Hardware

ลกษณะของเครอง Server มลกษณะดงน

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 54: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

45

DELL PowerEdge 840 Basic Quad-Core XEON Tower Server

Quad Core Intel Xeon Processor X3210 (2x4MB Cache, 2.13GHz)

4GB DDR-2 ECC Memory

160GB SATA II Hard Drive

DVD ROM

2. Software

Microsoft Windows 2003 server R2

Internet Information Service 6.0 ท าหนาท เปนเครองมอทใชในการรน Web

Server เพอใหผใชงานสามารถเขามารนเวบเพจได

Dot Net Framework 2.0 ท าหนาท เปนเครองมอทใชชวยเสรมค าสงหรอการ

ท างานตางๆ ของเวบเพจทถกสรางขนดวยเครองมอของ Dot Net

CuteFTP 8 Professional ท าหนาท เปนเครองมอทชวยใหผพฒนาระบบเวบ

ใชในการเคลอนยายหรอลบ ไฟลทอยบน Web Server

Internet Explorer 6.0 ท าหนาท เปนเครองมอทใชในการเปดเวบเพจขนมาใช

งาน

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 55: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

บทท 4 การออกแบบและพฒนาระบบ

การวจยครงนมวตถประสงคเพอพฒนาบทเรยนทางคณตศาสตร เรอง “การออกแบบ

โครงสรางการรบขอมลทางคณตศาสตร ในสวนสมการรปของ e-Learning แบบ Interactive” โดยการออกแบบจะแบงออกเปน 2 สวนหลกๆ ดวยกน คอ สวนของ Interface และ สวนของ Programming ซงทงสองสวนน สามารถรวมเขาดวยกน แลวท าใหเกดบทเรยนทางคณตศาสตรทสมบรณ 4.1 ระบบ e-Learning แบบ Interactive

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

รปท 4.1 แสดงขนตอนการวเคราะหวตถประสงค และประโยชนการใชงาน

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 56: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

47

การวเคราะหวตถประสงค และประโยชนการใชงาน ไดแบงการวเคราะหออกเปน สวนของการออกแบบ Interface โดยจะแบงออกเปนสวนของการออกแบบโครงสรางของกราฟ (Graph Template) ซงจะประกอบไปดวยการออกแบบการวางต าแหนงของกราฟ และชองในการปอนคาสตรสมการตางๆ และการปอนคาแกน X และแกน Y ทงคาบวกและคาลบ และฟงกชนในการท างานจะแบงออกเปน สวนของการปอนคาสมการตางๆ และสวนของการค านวน ส าหรบสวนของการวเคราะหสวนของ Programming จะถกวเคราะหจากสตรทางคณศาตรเพอใชเปนฟงกชนในการค านวนหาคากราฟ 4.2 การใชงานสวนของ Interface

การวเคราะหวตถประสงค และประโยชนการใชงานสวนของ Interface จะเปนการเนนในการวเคราะหพจาราณาในสวนของโครงสรางกราฟ (Graph Template) และสวนของฟงกชนทเกยวของกบการท างานเพอสะดวกในการใชงานของผเรยน

4.2.1 การใชงานสวนโครงสรางกราฟ (Graph Template) การออกแบบโครงสรางกราฟ (Graph Template) จะถกสรางโดยใชเครองมอโปรแกรมของ Macromedia Flash และ SWiSH Max เพอออกแบบในสวนของกราฟและฟงกชนการค านวนตางๆ โดยโครงสรางของกราฟ ทถกน าเสนอจะมความยาวไมเกน 800 Pixels และความกวางไมเกน 600 Pixels (หนวยวดความละเอยดของหนาจอคอมพวเตอร ส าหรบการแสดงผล) การออกแบบในลกษณะนมผลท าใหการใชงานในสวนของกราฟ ทมรายละเอยดทงการแสดงผลของกราฟและสวนของการปอนขอมล จะอยในหนาเดยวกนท าใหผใชงานสะดวกมากขน โดยไมตองเลอนขนหรอเลอนลงเพอปรบเปลยนมมมองในการดแตละครง

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 57: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

48

รปท 4.2 แสดงการออกแบบโครงสรางกราฟ (Graph Template)

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

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 58: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

49

รปท 4.3 แสดงต าแหนงการจดวางภายในโครงสรางกราฟ (Graph Template)

4.2.2 การใชงานสวนฟงกชนในการท างาน การออกแบบโครงสรางการรบขอมลทางคณตศาสตร ในสวนสมการรปของ e-Learning แบบ Interactive จะมสวนทใชในการท างานอย 2 สวนหลกๆ ดงรป 4.4 ดงน

รปท 4.4 แสดงฟงกชนในการค านวน

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

รปท 4.5 แสดงฟงกชนของการปอนคาสมการตางๆ เขาไปในระบบ

ฟงกชนของการค านวน วตถประสงคเพอ ใชในการค านวนหาคาทไดจากการปอนคาสมการตางๆ เพอจะน าคาทไดจากการค านวนมาสรางเปนผลลพธทออกมาในรปแบบของกราฟ

สวนของการปอนขอมล

สวนของการแสดงผล

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 59: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

50

ฟงกชนในการค านวนหลกๆ จะแบงออกเปน 2 สวน คอ สวนการท างานของ Draw และ สวนการท างานของ Re Draw ในสวนการท างานของ Draw ลกษณะการท างานจะเปนการค านวนทงหมดเพอใหไดผลลพธรปแบบของกราฟ และสวนทสองการท างานของ Re Draw เปนสวนการลางหนาจอของกราฟ วตถประสงคเพอ ลบเสนกราฟทถกวาดไปกอนหนานออกจากบรเวณพนทกราฟ ดงรป 4.6

รปท 4.6 แสดงถงการลางหนาจอกราฟ โดยใชฟงกชน Re Draw

4.3 ตวอยางการออกแบบในสวนของ Programming การออกแบบสวนของ Programming จากการแบงการท างานออกเปนสวนๆ เพอใหเกดความสะดวกในการเขยนโปรแกรม ซงจะประกอบดวยสวนของ กราฟ ฟงกชนในการปอนคา และฟงกชนในการค านวน ลกษณะการท างานของภาพรวมของระบบกลาวคอ ผเรยนสามารถปอนคาสมการทตองการทหลงจากนนผเรยน กดปม Draw เพอเขาสโหมดของการค านวนหาผลลพธ ผลลพธทไดจะออกมาในรปแบบของกราฟเสนสองมต ผเรยนสามารถก าหนดมมมองการดกราฟไดโดย ผเรยนสามารถปรบแตงคา แกนทงในแนวแกนนอน (แกน x) และแนวแกนตง (แกน Y) รวมทงสามารถก าหนดไดทงแกนบวกและลบ ในสวนของการออกแบบสวนของ Programming มการน าสตรและคามาตราฐานตางๆ ตามบทเรยน น ามาแปลงเปนตวแปรทอยในสวนของ Coding วตถประสงคเพอใหผเรยน สามารถปอนคาสมการตางๆเขาไป ระบบสามารถรบรเกยวกบสมการททางผเรยนปอนเขาไปในระบบ เพอใหระบบสามารถค านวนออกมาไดอยางถกตองแมนย าและไมท าใหเกดขอผดผลาด ในสวนนเองทางผท าการวจยไดมการน าเอา Class MathUtil ของภาษา Java เขามาเพอการ

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 60: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

51

แทนคาสมการตางๆ ทจะน ามาค านวนหาคาตามสตรตางๆ เขามาชวยในการจดการตวแปรตางๆ อาทเชนตวแปร sin , cos , tan , (^) , ln เปนตน

function calculate(str) { /* numeric constant, variable or function (processed by item()) - (unary as in negation), () ^ (power) * / (multiply, divide) + - (add, subtract) supported functions: sin, cos, tan, sindeg, cosdeg, tandeg (deg version take degree arguments) asin, acos, atan, asindeg, acosdeg, atandeg (deg versions return degrees) ln, exp (natural log and e to the power of x) log, exp10 (base 10 log and power) sqrt (square root) rand(x) returns random number 0 <= n < x int, frac returns integer and fractional parts of a number. constants: pi ln10 (natural log of 10) */ return this.expression.calculate(str); }

รปท 4.7 แสดงถงการเรยกใชงานฟงกชน MathUtil ของ Java ทอยใน function calculate

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 61: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

52

ในสวนของ function calculate ลกษณะการท างานหลกคอ การใชสญลกษณแทน เนองจากขอจ ากดของสมการบางสมการไมสามารถเขยนแทนเขาไปตรงๆ ในเวปบราวเซอรไดอาท เชน การเขยนสญลกษณแทนเครองหมายยกก าลง 32 ในระบบจะเขยนสญลกษณแทน

ดวย 3^2 หรอ การเขยนสญลกษณแทนดวย 3 ในระบบจะเขยนสญลกษณแทนดวย sqrt(3) จงท าใหผเรยนจ าเปนตองศกษาสญลกษณแทนเหลาน กอนทใชระบบเพอทจะใหไดผลลพธทถกตองและแมนย า นอกจาก Class MathUtil ทางผท าการวจยยงน าเอา Class Graph เขามาเปนเครองมอเพอชวยในการสรางกราฟดวย ใน Class Graph น วตประสงคการท างานหลกคอ การสรางกราฟ โดยจะมฟงกชนการท างานหลกกคอ

function Roundedrect(w,h,rx,ry) // w = width, h = height, r = round radius { var dw = w/2 + 0.5; var dh = h/2 + 0.5; var dx; // var dy; // // trace("RR:" add w add "," add h add "," add rx add "," add ry); // bounding square is (-dw,-dh), (dw,-dh), (dw,dh), (-dw,dh) // center points of corners is dx,dy // top LHS corner dx = -dw+rx; // dy = -dh+ry; // this.moveTo(-dw,dy); this.curveTo(-dw,-dh,dx,-dh); // top RHS corner dx = dw-rx; this.lineTo(dx,-dh); this.curveTo(+dw,-dh,dw,dy);

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 62: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

53

// bottom RHS corner dy = +dh-ry; this.lineTo(dw,dy); this.curveTo(+dw,+dh,dx,dh); // bottom LHS corner dx = -dw+rx; this.lineTo(dx,dh); this.curveTo(-dw,dh,-dw,dy); // close shape dy = -dh+ry; this.lineTo(-dw,dy); }

รปท 4.8 แสดงฟงกชนในการสรางกราฟ

ในสวนของ function Roundedrect วตถประสงคหลกคอ ใชในการสรางวาดจดลงบนพนทกราฟเพอใหไดกราฟทไดตามสมการทผเรยนไดท าการปอนคาเขาไป การท างานหลกของฟงกชนนจะมลกษณะของการรบคา X,Y ทงคาบวกและลบ เพอใหไดกราฟทสมบรณแบบมากทสด

this.curveTo(-dw,-dh,dx,-dh) เปน Function หลกทใชในการก าหนดความโคงของเสนสมการ สวน this.lineto(dw,dy) ใชในการก าหนดเสนบนกราฟ จากคา dw เทากบ คา x และ dy ทมคาเทากบคา Y ลข

สทธ ม

หาวทยา

ลยหอก

ารคา

ไทย

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 63: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

บทท 5

สรปผลและขอเสนอแนะ

การออกแบบและพฒนาระบบ เรอง “การออกแบบโครงสรางการรบขอมลทาง

คณตศาสตร ในสวนสมการรปของ e-Learning แบบ Interactive” ซงมวตถประสงคเพอเพม

ประสทธภาพในการเรยนการสอนในเรอง อนพนธ ในวชา แคลคลส ของนกศกษาคณะ

วทยาศาสตร มหาวทยาลยหอการคาไทย และระบบสามารถทจะโตตอบกบผเรยนไดโดยการ

แสดงผลลพธในรปแบบของกราฟ ทไดจากสมการ อนพนธ ทผเรยนเปนผปอนเขาไปในระบบ

สรปผลการวจย

การออกแบบโครงสรางการรบขอมลทางคณตศาสตร ในสวนสมการรปของ e-Learning

แบบ Interactive ซงประกอบดวย

1. สวนทรบขอมลสมการทางคณศาสตร ส าหรบสวนนเปนสวนทผเรยนเปนผปอน

สมการทางคณตศาตรทตองการ โดยระบบจะก าหนดรปแบบการปอนส าหรบ

สมการบางสมการ เพอใหระบบสามารถน าคาสมการไปค านวน

2. สวนของกราฟ ส าหรบสวนนจะเปนสวนทแสดงผลลพธในรปแบบของกราฟ 2 มต

แกน X และ แกน Y ในสวนนผเรยนสามารถทจะปรบเปลยนมมมองแกน X แกน

Y ไดเอง โดยปอนตวเลขเขาไปในชองแกน X และ แกน Y ทงคาบวกและคาลบ

3. สวนทใชในการประมวลผลของระบบ ส าหรบสวนนจะเปนสวนของการน า

สมการทผเรยนปอนไปประมวลผล และระบบประมวลผลจะท าการสรางกราฟ 2 มต

ใหเปนผลลพธออกมา

4. สวนทใชในการลางหนาจอระบบ ส าหรบสวนนจะท าหนาทในการลบเสนของ

กราฟทถกท าการประมวลผลจากครงลาสด และคาตางๆ ทระบบท าการเกบไว

เพอใหผปอนสามารถทจะท าการประมวลผลสมการใหมไดในครงถดไป

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 64: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

55

สวนประกอบขางตนนถกพฒนาขนดวยโปรแกรมตางๆ ดงน

1. SWiSH MAX 2.0

เปนสวนทใชในการเขยนการประมวลผล และออกแบบหนาจอการท างาน

2. Microsoft Visual Studio 2008

เปนสวนของการสราง Web Page ดวย ภาษา HTML

ซงโปรแกรมเหลานถกน ามาเพอพฒนาในสวนตางๆ เชน SWiSH MAX 2.0 ใชในการ

ออกแบบหนาจอรบขอมล และสวนของการแสดงผลลพธในรปแบบกราฟ และยงมสวนของการ

เขยนฟงกชนทใชในการประมวลผลตางๆ ผลลพธทไดจาก SWiSH MAX 2.0 จะถกน ามาใช

งานใน Microsfot Visual Studio 2008

ปญหาและอปสรรคทพบ

1. การน าเอา Class Math และ Class Graph ของ Java มาดดแปลงใชกบ SWiSH MAX

2.0 ในรปแบบของ Flash Script มความยากในการเขยนโปรแกรม

2. ความไมตอเนองของกราฟทมความถสงๆ

3. ไมสามารถระบตวเลขลงบนระยะของแกน x แกน y ได

ขอเสนอแนะเพมเตม

1. ควรมการพฒนาฟงกชนการเคลอนยายเสนสมผสบนเสนกราฟ เพอใหนกศกษา

สามารถค านวนหาคาความชนในเรองอนพนธมความเขาใจมากขน

2. ควรมการพฒนาฟงกชนในการปอนคาสมการ โดยนกศกษาไมจ าเปนตองท าการแทน

คาสมการเขาไปในระบบเสมอนเขยนสมการจรงเขาสระบบ

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d

Page 65: 7 & V H U H G L J K - eprints.utcc.ac.theprints.utcc.ac.th/4159/1/213358.pdf · อาจารย์ที่ปรึกษา : อาจารย์ ดร.ยอดธง รอดแก้ว

56

บรรณานกรม

ถนอมพร เลาหจรสแสง. (2545). เอกสารการสอนวชา 059758 คอมพวเตอรกบการศกษา (Computer in Education). เชยงใหม : ภาควชาเทคโนโลยทางการศกษา

คณะศกษาศาสตร มหาวทยาลยเชยงใหม.

พนฐาน SWiSH MAX . (2007)

แหลงทมา : http://www.thaiall.com/swishmax/indexo.html

Sayamon Insaar (Thavonkij) (2006) , SWiSH MAX

แหลงทมา : http://www.swishzone.com

ลขสท

ธ มหาว

ทยาลย

หอการ

คาไท

Copy

right@

by U

TCC

All rig

hts re

serve

d