| 1
Web-based Instruction Web-based Instruction ก ก!" #! $% &''()*+ ), *#ก-''-.& / 0&''ก)! ก1 1 '12 -.&1% 3 )1( # ) ก( 0ก)! $ % 3#! 4## )" #5 3)67 )8% 902ก!"2ก)4. )1#:#3-45#83 Web-based Instruction ก)67. ; 003!< 1. ! Web-based Instruction -'%3ก)67 2 2>.ก?>& 1.1. 2>.ก?>&.ก (Key Features) )672>.ก?>&<G8356-ก#ก)! ก 1H% )4, '2 ก56-ก#H$ ) ! 1#:)8 )! *#!" *)3* 3ก-.&H$ ) ! 3 1#:1'8#$.90"45.ก 1.2. 2>.ก?>&)("#)*(# (Addition Features) )672>.ก?>&6&ก')("#)*(#JK"38K< $%ก' 2>L-.&4# ก3% 83กก-'')"M#3-.&กM#6&ก'ก' 2>.ก?>&.ก8356-ก#ก)! ก1H%)4,' Web-based Instruction 3)67กNKก?!"/08K<)"1%3)1(#กNKก?*.0!4(* 1#:)! 902ก!"2ก)4. JK"3*'13*#-4&'OO*(กNKก?-%3*( .N. 2542 1#:.04# )."#.<M3กNKก?H$)! !" $%%39ก.ก,1#:#!6R(1#S+ก'H$1-.&H$)! " ; 90!ก04 2. #$#$ Web-based Instruction /&9#%)! 3-*%8 5ก13กNKก?)%<-*%/! ''ก)("#5ก1'2.90T4#$-.&6&1'ก>+ก438438K<!ก /&%4 1%3)1(#<3 กNKก?&''53)! -.&กNKก?ก&'' !ก<3 3#!1%4)896)ก!" 483ก'กNKก?39ก. /ก34(/ )"3 -45#)55. !0กNKก?39ก.83#4( . #M-3 6U.N. 2552 (1: /)+,2542) /&Mก Chat )8##!1%4%4#)"136R(1#S+ก)! 39ก. )" H$)! 1#:1':#)"3!"9#%)8/90! 3. ก'() ! Web-based Instruction 6Y//2' 3)67ก.2%#)6Z# &0'(1(* ก NK ก ?#4( . )67 1% 4 O% -*% ก, 9 0 #! ก T $ 6 -''. ; 0 83 Web-based Instruction )"H$)! 1#:)! 902กก.2%#2ก)N2ก4 50 #!ก)("#T)67()*+),* *M'. -.&#$%')("#8K<Mก.2%#)6Z# 1#:)67902กก.2%# 4. ก+!+,# Web-based Instruction 83$-.&/ +1:'กNKก? *3 #'4% 6Y//2' Web-based Instruction 3)674*ก#3ก)! ก1 $%-*%*)#"#!Tก 83 E-learning -.&ก)! 39ก.#ก8K< ก)! ก1H%)4,'ก,/&)896#!''3กNKก? #ก8K<M$-.&/ +H$1/!4(1 N+ก #'ก)! ก 1
| 2
5. ./ '0ก1 2 ก++ Web-based Instruction /&)67 ก)! ก1-'' *(0*%1"1 2 3#ก8K< -.&)<ก(/ก#/%313H.1#^S(_3ก)! 50 /!$6-''ก )! ก1H%)4,'.ก ; $% 4 $6-'' 5.1. $6-''ก)H -% (Publishing Model) 5.2. $6-''ก1"1 (Communication Model) 5.3. $6-''H1#H1 (Hybrid Model) 5.4. 3)! )1#/(3 (Virtual Classroom Model) <3 4 $6-''!%34#$6&1'ก>+-ก%H$)! )"TNก L83H$)! H$)! 1#:136&1'ก>+/กก)! -.&1#:M9690/(3 -.&:/ +-.&$ #'ก )! ก1H%)4,' กT)<-.&ก(/ก#ก)! ก1H%)4,'/&T#ก ("38K<50 #! ก)("#6R(1#S+&4%3H$)! ก'H$1 -.&H$)! ก'H$)! " ; ก)! ก1H%)4,'ก)! -''9#%'6& )/H$1H$)! " ; 50 -45#83กก-'' WBI /&*3#!กก-'' H$)! #!ก)! -''%4##50 กก-''ก)! ก1/! 2 .ก?>&O% ; 04 ก 1) Synchronous )67ก)! ก1!"#!ก0)4. 01:!" 0*4'2.)")ก(0ก )! ก1 #!กกM0*3)4. *31 50 )55. !11)N#%4 )"3ก )! ก1 *< 3 -*% ก M )1')! 83/ + 9 6/:K 3 ก183/ + //& VDO Conference 2) Asynchronous )67$6-''ก'1%38#$.8%41!"H$'-.&H$1%39#%/M)67*3M3# ก )"3#!"%4 ก*(0*%1"1 E-mail กก.2%#1 (Newsgroup) 31 (Chat) /96:K3 Web Board JK"3-45#83 WBI <!")67ก)! -''%4##ก,/%396!"ก)! $6-''83 Synchronous -.& Asynchronous )&)67ก)! ก1!"9#%#!8/Mก0)"383 )4. JK"3H$)! /&1#:)! )#"9%ก,90 JK"3)67ก)! -''*#S N (On Demand) /K3*3#!ก M)4#$-.&)55. !301&1)N#กTก1 $6-'' Asynchronous 2ก0 50 ก<3 E-mail, Web Board,Chat, ICQ, Conference -.& Electronic Home Work -.& 34#96:K3)55. !"!"/&*(0*#ก# 50 ก1"1-*%.&6&)L#!80! -.&.ก?>&()N? 03!<
| 3
• Email ; ! ',ก<=0ก+>? > WBI *( 0 *% 1" 1&4% 3)p& H$ !" ) 67 1#( ก *(0*%1"1&4%3/ + )"%4#< ()+),*)%< H$"/&9#%1#:%90 (Two )! 0 4 ก 1% 3 ก' 3!" 9 0 ' Way) #'# • Webboard ; ! ',ก<=0ก+>? > WBI *(0*%1"1&4%3 H$)! / + -.&H$)! กM06&)0,ก&$ *#!"/ +กM0 (Three Way) *#-*%ก)! /&กM0 )"%4 กL(6 *'6&)0, ก&$<<3/ +-.&H$)! • Chat ; ! ',ก<=0ก+>? > WBI *(0*%1"1&4%3 H$)! / + -.&H$)! 1&4%3H$)! -.&/ +3)! (Three Way) 50 ก1-'' Real Time #!<3 "45#3)! < ; )1#4%กM. 32 ก $% Text Chat -.& Voice Chat 3)! /(3 ; • Instant Messaging ; ! ',ก<=0ก+>? > WBI *(0*%1"1&4%3 H$)! / + -.&H$)! 1 &4%3H$)! -.&/ +3)! (Three Way) 50 ก1-'' Real Time -.& )1#4%กM. 32 ก $% 3)! /(3 ; 50 !" Past Time H$)! 9#%/M)67*3 $% )4.< ; IM /&)ก, ' 8 4#94 -.& 3 '0 4 4% 8>&< H$)! $%)"39#%
| 4
• Conference ; ! ',ก<=0ก+>? >WBI *(0*%1"1&4%3 H$)! / + -.&H$)! ' H$ ) ! ก '!" $% )" 3)1# 4% (Three Way) -'' Real Time 50 !"H$)! -.& กM.3"3)! %$ 3)! /(3 ; / + 1#:), ก 90 5 0 H% 3 ก.35N+!"*(0 $%ก')"3#(4)*+<31 tu • Electronic Home Work ; ! ',ก<=0ก+>? >WBI *(0*%1"1&4%3 H$)! / + )67)1# 1%33*#!"/ +กM0)%)8! 3 1#206&/M*4ก)! 50 !"ก)! 9#%*3:1#20 50 !" / + 1 #:)6v 0 0$ Electronic Home ก'/(3 ; )671#20ก'!"*(0*4*.0)4. Work 83ก)! -.&)8! 'Kก)"*4/3 -.&&-90 -*%ก)! 04 ก/&)6v00$9#%90 /&),904%*%96* *483 WBI /!ก)55. !3ก1"183()*+),* )8# $%*4 WBI <3#0<3ก1"1-'''2.*%'2. (Person to Person) H$)! ก'ก.2%# (Person to Group) -.&-''ก.2%#*%ก.2%# ( Group to Group) 6. ก+> ก+H,#H(2ก+,I#' /ก-4&'OO*(กNKก?-%3*( .N. 2542 !" *3ก)ก(0ก)! $*.0!4(* ก)! 902ก1:!" 2ก)4. -.&.04#)."#.<M3กNKก? /ก-4&'OO*(!&MG'.#!ก1'12 Web-based Instruction ก)! ก1H% )4,' %3-% )&G'.*3กTNก L3กNKก?836&0! ("38K< )! *# S N JK"3ก)! 6&)L!<ก/ก!"H$)! /&1#:).ก)! %43)4.090-.4 -*%H$)! 3 )67N$ +ก.3-%3ก)! $ (Learner Centered) )&p&<กก-'' WBI /&*3H$)! )67 N$ +ก.3ก)! $#ก!"120 7. ก++K!+L$KMNL+K!OPL!Qก' ) ก++K!+L (Learner Centered) /!กก-'' )")ก(0ก)! $ 2 .ก?>& Objectivist -.& Constructivist Objectivist )67$6-''ก1!"กM0)6Z# 6&13+.กก)! -.&กM04*:2 6&13+ % !"/M)67ก'.24*:26&13+.ก-.&T)ก>{+ก*01(*#4*:26&13+< ; ก )! /!$6-''8<*0)/H$)! )#"H%ก)! -.4H$)! $/&90'H.ก)! &9'3 ก 6&)#(/K3)67.ก?>&)6! ')! 'H.4*:26&13+ % -.&)6Z# 6&13+.ก
| 5
Constructivist )67ก)! ก1!ก.ก?>&K"3!")H$)! )67N$ +ก.3-.&ก)! ก1#2%3)ก&'4ก)! $!"*%)*(#/ก4#$-.&6&1'ก>+!"#!#ก%83H$)! JK"3-*ก*%3 ก -.&)''83-3/$3//กL 83H$)! H$)! #!ก?&ก*4/1'-.&4'2#ก )! 83*)3 H.1#^S(_83ก)! /& $%!" '2.JK"39#%1#:)! 3)ก>{+40)(36(#> 8. ก+ก## -.&Tก)! ก1H%)4,')"M96ก)! ก1 ก/ก /&*3 MK3:K3ก)! $83H$)! -.4 $6-''83ก)! ก1H%)4,'!")#&1#1M'H$)! ก, #!4#),!" -*ก*%3ก&4%3กก-'')4,'9J0+-.&.ก?>&)'<3*!"/M)67*3#! 50 )p& $6-''83)4,')/ JK"3)67.ก?>&83/L /! $% 2 $6-'' 1) X#YZ[Q##! #!.ก?>&/)67-:')." (Long, Scrolled pages) ")4,' )//!.ก?>&)0! 4 4/ก0'.3.%3 -.&1#:)."/ก'.3.%3)."/ก0.%3 8K<'9004 (Scroll Bar) 084#83/L 2) X###H,/ #!.ก?>&/)67/)0! 4.(3+ (Shorter, Linked pages) ")4,' )/#!.ก?>&)0! 4 -*%/Mก0)p&/L83#(4)*+)%<9#%1#:).".30.' 0.%390 กกNKก?),4%กก-'')4,'4#!<!". )4,' #กก4%!"/&)! .M0')< $% 04 ก)! 3K"3 JK"3/&*3).".3)."8K< $%*.0)4. 50 )<4#!/)0! 4)! 3 *#.M0' (Series pages) 50 -*%.&4#!80!"H$1#:8#$.90 50 !"8#$.#(90#! 4#.Kก/)ก(96 4#!)! 3)0! 4 (Controll Eisenberg, 1997 3:K3 6O+ (.128) :/& 531383)4,'#!4#)#&1#-% ก-1038#$.-*%.&83)4,'/!6&1(S(L :#! ก)! .M0'83)<-*%.&1< ; (Young and Watkins, 1997 3:K3 6O+ (.128) 4# 4-*%.&4)%ก'/ 8#$.1MO#!#ก)ก(ก4%!"3/Lก,96 $% *%9683!ก)4,')/K"3 กก-''/ก,4/&)8#$.!"1MO)%< (Stover and Zinda, 1996 3:K 3 6 O + ( . 12 8 ) กก-''. ก?>&!<#! < G#/กกก-''')! #(4)*+%4 1 JK"3)<-*%.&/)! 3*#.M0' JK"31#:)"#5 396 31%4*%3 ; L 56-ก#!"138K<90
| 6
ก+>? Web-Based Instruction 1:' กNK ก ?*% 3 ; 90 4#1M O )" 383กM &''( )+ ) , * # ก&'4ก/0ก)! ก1 )% กM# ก)! 39ก. ก )67ก)! )1(# กNKก?)("#)*(# JK"3/กก'5 ' )55. !11)N& & .N. 2544-2553 6&)N9 0 )55. !11)N)"กT0กNKก? (E-education) 90 กM0 2SN1*+กT '2.ก3กNKก?#!4#$-.&ก?&0 )55. ! 50 #2%3-ก13&''ก'(/0ก กNKก?!"#!6&1(S(L)< H$)! 90#!5ก190)8:K3-.&6&5 +/ก11)N )< -.&4#$ 1:'กNKก?/K3*3/05ก1-.&1L-40.#H$)! 90T96*#-4 3*# 4#:083* 1%3)1(#1#:LH$)! #!4#$4#(0-.&ก?&#%)("##ก8K< /0ก)! ก1.ก. $6-'')"*'134(S!)! 83H$)! !"-*ก*%3 03<)55. !11)N-.&ก1"1 (ICT) /K3)67)"3#!"#!.2L1$3ก%4 )("# 6&1(S(L 83ก/0กNKก? -.&1%3)1(# ก)! $ <3&'' ก&'' -.&ก)! $*# S N 50 ก)55. !)"%4 ก)! ก150 )p& %3 ("36Y//2'-.%34#$:$ก /Mก0 <3!"-.%34#$#!#ก# ก/0ก)! ก16Y//2':$ก/Mก0)p&3)! -.& $% L *ก4'2#กMก'83H$1)%< <3!"H$)! -*%.&#!4#-*ก*%3&4%3'2.#!4#$ 4#)8/6&1'ก>+-.&ก#35.ก-*ก*%3กก96 4#:K3$6-''ก/0<)! 6Y//2'9#% 1#:!"*'134#*3ก83H$)! )67 '2.90 03<ก)*! #)")8963'ก' &''3#%* )55. !/K3)67<G1MO ก)! ก19#%4 K0*(0ก'4(S!)0(# 8>& !"1("3#%1("3!"กM.3T)6796 %340),4 -.%34#$9#%90 $%!"1:NKก? %3)0! 4 ก/0ก)! ก1H%)4,' (Web Based Instruction-WBI) /K3*'13ก-ก986YO 03ก.%450 )67ก/01L-40.#ก)! ก1!"6& 2ก*+2>.ก?>&83()+),* 50 M ก!"#! $%)4(.0+940+)4,' (World Wide Web) #)671"ก.3)"1%3)1(#1'12)ก(0ก )! $$6-6'*%3 ; 9#%4%/&)67-.%38#$.3(3 )ก16&ก'ก)! ')! 1M),/$6 -#ก&"3.ก1$*4( )"3/ก )4(.0+940+)4,')67'(ก'()+),*!"#!-.%38#$. $%#ก# -.& . $6-'' <3*4ก? L("3 ก)."94)1! 3 50 N 2>.ก?>&83ก)"#5 3. #(*( (Hyperlink) <3$6-''8384#. #(*( (Hypertext) 1". #(*( (Hypermedia) )" )"#5 3-.%3 8#$.!")ก!" 4839404 ก -.&)67กM6&5 +83)55. !11)N)"ก 48#$.ก)! $04 *)3)67ก13*'-4(0ก/0ก)! ก1!")H$)! )67.ก "#(%ก1!")67ก:% 04#$/ก$H$1)! 3tu )0! 4 -*%)67ก)! $83 H$)! 04 4(S!ก!".ก. -.&)ก(08K<902ก)4. 2ก1:!" 50 )55. !-.&11)N*%3 ;
| 7
)676&5 + JK"31"*%3 ; ).%!<1#:ก&*2H$)! 1#:)! 2-.&-ก6YO90 %3(1& )&8#$.')4, '#!.ก?>&)67.4 * (Dynamic) M)< ก)! #!4# 0 2% #กก4% -'')0(# -.&)6.!" -6.396*#4#*3ก83H$)! )671MO-.&)6v05ก1H$11#: 6'623)<.ก1$*1# 90 %31&04ก1' $KM : )ก16&ก'ก)! 4( 1032101 )55. !กNKก? 4()! S N 8353ก #4( . 9J)'+9 1Mก3>&ก#กก20#NKก? ก&43NKก?S(ก
| 8
#++=(ก+ ก(0+ #.(3. )55. !กNKก?-.&4*ก#. (#+<3!" 2, ก23) : 321%4/Mก02> ก(#+, 2543 /( + > 138.. ก1H%)8% )4(.0+ 940+ )4,',2N1*+. 27(3) : 18-28 ; #!..-#(. . 2542. p.3 124T'$>+. )55. !กNKก?. )ก15)! 4. ก23) :#4( . )ก?*N1*+, #66. :# *(T+. ()+),*)"กNKก?, 2N1*+. 1-11 ; ก..-ก. . 2539. 6& 0 /(&43N+. .กก-.&^?! )55. !3กNKก?. ก23) : 53(#+#ก(#+, #66. 6!6 )#S2>42T(. ก/0ก)! ก1!")H$)! )67N$ +ก.3. ก23) : 1Mก(#+-%3 /2.3ก>+#4( . , 2544. ).82ก>&ก#ก)55. !11)N-%3*(, 1Mก3. ก'5 ' )55. !11)N & & .N. 2544-2553 836&)N9 . ก23) : '(?S)1 -0+ กvก /Mก0, 2545. 4(2ก *)! . ก)! ก1H%)4,' : 3).ก#%83)55. !กNKก?9 . 2N1*+. 27 (3) : 29-35 ; #!..-#(. . 2524 )ก4( + -ก46&0(?G+. )55. !กNKก? : .กก-.&-4(01$%6R('*(. 138. : กH.(*)ก1-.& *M #4( . ก?(>, 2545.