การใช้งาน moodle

Page 1

(ICT) ! " #!$ % % &$

$' ! % " $ ( % ) % " $ !* %+ ) ,, * ( %$ !

"% ! " - $. % &$' ! ! */# % % &$ $' ! +!*/ # $ *0 $' 1 2 - ! - $. / 3 - ! % $' ( ' 4$ 1 !%

( 5 657 % & ", &525 $' ! ",

8 & %* ! $ , 9 9 $ . ! 1 5! 2( . $' 1 " % & ! , 1- % )+ % 5 %7 % 1 $ ,, e-Learning 1 B0 %, 25 ! - $. % ! ." 1 $ 2 & / 3 1 %1- (C

2 ! ! % )+ 1 1 $ " $ " " 1

# ! 5 % ! * ! B07 (C !

)+ * . ! (C ! 5 ! ( , DE , %

#1 (C 2 ' $. ( ,) - "1 $ $ ,, e-Learning - ($' $ )+ $. 5 % + 3 . B0 30 /!( ! 4 F 2 % (G .% * ! 2 ,

.2. ! 1 ' I ' 4 / 3 5 4'- I 5 3 .' .2

1 $ ,, e-Learning 2 1 % + , # !2 , e-Learning 2 2 ,,, $ ,, e-Learning 2 3 !, $ ,, e-Learning 2 4 , $ ,, e-Learning

1 3 31 75 142

e-Learning $% & ' ( & ) * ' +, - ' . )/0 $% * 1' 2' 3& /$4 ) 0 '5 0678 & /$4 ) 9 &0. 0 :;:/ 5 )/;:/ 3 < /< * 5 . < * 5 3 ' &. < * 5 ;:/ ) = 9,= 0( $% < / ' 3 +, - < * 5 $% (/ / 0 3 ' 5 . 1= $.2 = = $% ';:/ 3 :/< / / ( ;:/ 3 ;. < / ' 5 & >? ) 2 & @ e-Learning + $ & 1) (LMS) 2' / 1 (* E * / ;. (1 ( ;. F.F $ & ' / 5 $ & G2= 9 0 $% ). ./ &(* +, - 0 = = 6* / / $ & Moodle $% LMS 2' )(6;. = 1. 2. 3. 4.

$% Open Source 3 Download /< /R 3 T (* < / T * (* 2' 0 39 $ & : < *& / LMS ( 2' E

5 2= ) ;* 0 2 9* 1 @( :$& .(1 < * * 2' (* <$ * :/ 2' =&. $W1 (1( . 9 = ( &./ >? / 1= 1 * 1 0 5

&. .1 .1 T 2' / :/ 1 (* <$ 60$4 6 ICT 9/ / (* E & 6 / +, - @ * ) 5 ICT / T 0678 +, - @ 5 )/ 1 0 0 @ $ ) F.F ;:/ 3 :/< /< * 5 . (Anytime) < * 5 3 ' (Anywhere) < * 5 ;:/ (Anyone) +, - ' . , )/0 $% * 1' &. T &. / * & *). ' . . .

-2-

e-Learning =< /& * 2= ) $% 4 * 02 1. 0 :/ 2= (/ ' e-Learning 2. & e-Learning 3. / e-Learning 4. e-Learning

2' )/;:/ 9/ >? 1 0 :/ 0 3 ) 2 - = 1. 2. 3. 4.

0 :/0 9/ 2= ) ' ' 9/ e-Learning 0 3 & )/ 2' ( 6 $ 0 * $ 1 `18 0 / e-Learning & .(1 1 $W1 ` < / 3 5 <$ / * $ 1 `18

. .

-3-

;:/ >? 0 :/0 9/ 2= ) ' ' 9/ e-Learning

1. 0 $% 9 e-Learning $ +< 0 ) 9 e-Learning 0 5 0 9 eLearning &. 0 $ 9 e-Learning < / 2. $4 ) T e-Learning $ +< . -7 5 0 9 e-Learning &. $4 2= a e-Learning < / 3. 6$ 9/ &. 9/ 5 5 e-Learning / < / 4. 6$9/ 0 05 , ;* @ * $ 9 2' .(1 2' +, - &. 1) < / . =

! e-Learning $4 6 0 1 / ) / / 0 . + $% <$ * @ 0 3 * 9/ :.& (Two way communication) = ' $% 9/ 0 8 1' 8 0.2' <) &.

1 < / * $ 1 `18 &. (/ 6 ('5 / = 3 @ 9/ :. ).* = . -7 a 9/ :. 5 )/ 0 @ 2 0/ $% * 1' 067 (1 ).* = 2' $ 6 ( / +, - 5 )/. 9/ 5 ). / 02 ;:/ 3 :/< / < * 5 . 3 ' &. 5 ;:/ / )(6;. ' .* &./ , < / :$& e-Learning * & *). ' . 5 ) $ +< a . * 1 )/ 3 +, - :$& eLearning 1' 9,= b 0 ) ,' 5 8 ) ,' >4 G,' a .) * $% (/ & * < @( * 0 :&. ;:/ 1) 5 < * 9/ &. < * )@ $ a ' $% 9/ G,' $% 9/ 9 @ / :*) < /( ) 3, $4 ) ).* = . .

-4-

&. )@ * 0 )/0 :/ / e-Learning '0 0.6 2= ) ( = &(*9 = ( 9 & / / = 1` ;. ';:/ e-Learning 0 +, - 2' 0 :/ 2= (/ ' e-Learning 2' $ T = 1. ! e-Learning * + $ +< < / 5 0 1 ( / $% 0 2' 2 / 2' 3* 0 :/ $% . 0 < / * 6 1' (/ ( = &(* /0 1 ( $% 0 2' 2 1 0 1 ( = @ / 2' ' * 2' 0 1 ( * ) 2 CAI (Computer Aided Instruction) G,' G R( & ' $% 0 2' 2 )/ .2 / < /). ). = ' 5 $W1 ( 1 DOS * $ & 6d G < (Chula CAI) ' T & 07 & + ( 6d . 7 ) 1 . $ & ThaiTas < / 6 +: 0 . 1 .@ 1 &. 0 1 ( &)* (1 3, G R( & 5 @ :$ (* $ + * ShowPartner F/X, ToolBook F.F $4 6 0 . 0 1 ( &. 1 @(< / T (1 ( * @ &. < / / $% 0 2' 2 1= 5 0 ' $. ' &$. :$& >? = 3* 0 :/ T CAI 1 E )/ $% WBI (Web Based Instruction) ) 2 ;* 1 @ * ;. )/ 9/ :. :$& WBI 3 ; & *< / @ &. / < . * 2' CAI $ (1 = = @ $ @ 5 0 2 $ 1.1 $ ) 1 '(/ . 6 ) G R( & / 2' (Authoring Tools) < * 5 $% (/ G2= $ & 0 & E / $% 0 2' 2 / 2' 3 / NotePad ' / Microsoft Windows 6 6* ) 2 Text Editor E * $ & EditPlus 1 $% ) 8 - HTML (HyperText Markup Language) 5 )/ 3& ;.;* $ & 0/ : (Browser) 0 2' ;:/ /< / 1.2 067 (19 HTML ' 3 5 9/ :. < / = 9/ 0 8 0.2' <)

8 1' 1 &. 3 / 6 2' <$(5 &) * (* E < /( 0 (/ 9 ;:/ T / )(6;. 2 $ .* 5 )/ T 2' :$& WBI , < / 0 1 * : &. < / T $ $ 6 :$& $% 2' :$& e-Learning (Electronics Learning) G,' 5 . < / 0 1 * : $4 6 2' :$& e-Learning 3 .* < / * $% :$& ' T (* 2' WBI 6 1 ' (/ &; 0 . 2' +, - &)* (1 ) a 1 (The National Educational Technology Plan,1996) 9 +, - `1 ) a 1 '(/ T :$& 9 )/ 9/ +( - ' 21 T , 5 0 . 1 @( * 1 *

. .

-5-

$% 1 $% = 3 .* < / * e-Learning 02 5 0 . 1 @( b 1 / @ 9/ * 3* 0 :/ &. 2. ! e-Learning 0 ) 9 e-Learning @ < * 3 6$& * . <$< / ;:/ )/0 ) &( (* <$ = 2.1 .3 (( 1 T ) . ) & ) 1 . ) * < / )/05 5 0 < / 2 . -7 02 2.1.1 . -7 & e-Learning ) 3, 2= ) ) 2 + 5 ) ) 2 G,' / 5 / ( - 8 1 ' ; ; /8 0.2' <) 1 &. + 0 . 9 @ (Web Technology) 3* 2= ) = / 0 . 0 (Course Management System) 1) (* E 2.1.2 . -7 ' e-Learning 02 . -7 @< / G, ' / 3* 2= ) ;* 6$ 7 1 .@ 1 < * * $% 0 1 ( 0 2 9* 1 @( 1 @( @ G @( ) 2

7 +

7 2.2 6 1 `1v 7< ;:/ 5 0 & <. &)* . (http://www.thai2learn.com) < / )/05 5 0 9 e-Learning = x & <. ) 2 e-learning +, - :/;* 0 2 9* 0 1 ( 1 @( (Internet) ) 2 1 @( (Intranet) $% / ( ;:/ < / ( 0 3&. 0 9 ( 2= ) 9 G,' $ / 9/ 0 :$8 1 &. .(1 2' E 3: * <$ ;:/ ;* Web Browser ;:/ ;:/ &. 2' * = 6 0 3(1 (* $ , - &. $. ' 0 01 )@ ) * < / * = $ (1 + 0 2' 2 (1 (* 2' ' (e-mail, web-board, chat) , $% 5 ) 6 0 < / 6 . &. 6 3 ' (Learn for all : anyone, anywhere and anytime)" 2.3 @ <G( http://www.capella.edu/elearning < / )/0 ) * " ( +, - ' $. ' &$. 1` ' $% :* 1 $% ' / 0 . ' / ) / * 1 @( 1 @( @ G @( 1 $ &;* G F.F = , ) 3, < . ;* @ )/ 2 1 G,' 6 2' 02 0 . 2' $% 2' . 9 " 3. ! e , Learning 3.1 e-Learning 3& /$4 ) 9 &0. 600.< / 2' ;:/ 0 3 ;:/ $% / ) 2 $% < / 2' )(6;. = . .

-6-

3.1.1 e-Learning $ .;.< / 5 )/< * 5 $% (/ ( 9/ ;:/ < * 5 $% (/ . ( & 9 ;:/ 3.1.2 e-Learning @ 9/ :.&. &$.;. $% +(* E a 9/ :. * $% 3& ;. = :$( R 31(1 F.F &. & ;. 2' (/ (. . 5 )/0 : < *(/ . &. @ 9/ :. 3.1.3 2= ) 3& ;.< /(. . * ';:/ (/ 0 : , < * 5 $% (/ 5 2= ) G=5 &./ G=5 * )/ 1 3.1.4 ) 3 +, - 9 &0. ;: / 5 / ) ,' / @ 3 1) / ;: / ' 3 +, - 2' E ;:/ ' < * 5 $% (/ 1 &. < * 1' 8 (* ;:/ '

3.2 e-Learning ( (* 0 &( (* ) * 600. 2' $% ';:/ 3 .2 < /( 0 3 ( 0 (/ @ ) 2 / ( '( (/ ;:/ 3 G=5 &./ G=5 < / G,' * ;.< /;:/ 3 /+ 8 9 ( < / ' 6 3.3 e-Learning ;:/ &. ;:/ 3(1 (* < / / 0 2' 2 2' e-Learning G,' < /& * (Web board) )/ (Chat room) ) 2 $% e-mail = $ & e-Learning * (1 ( ;. & $% 9/ :.&. 31(1 * . ( (1 * 5 . ' 9/ 9/ 2= ) ;. & (* E / 3 - ( * / F.F 5 )/;:/ 3(1 ( ;. < / * @ &. < * 1' 8 & *;:/ 3.4 e-Learning ;:/ 3 :/< /< * 5 . (Anytime) = , $% $z )/0 5 3 / . . 5 <$+, - ) 0 :/ &. T ( < / < * 5 )/ 9 5 ).6 ) <$ 3.5 e-Learning ;:/ 3 :/< /< * 5 3 ' (Anywhere) 5 )/ < * 9/ 5 ' (/ )/;:/ (/ 1 <$ 7 3 +, - G,' :*)* < . ;:/ , < *( / . 1 &. 0* / * 1 <$+, - .* , $% <$< / * ;:/ 2 < 3. ) 1 . 9 (* $ + < *(/ 1 <$ 3.6 e-Learning $ ) $ 7 8 ' 02 3 +, - < * 5 $% (/ 2= ' E < * 5 $% (/ / 0 ) * E 5 )/$ ) $ 7 +, - < / $% *

. .

-7-

* < @( & e-Learning ;:/ ;:/ :*)* ;. / & 067` 1 ` & *;:/ &. ';:/ ;:/ < *< / 3 7 1 0 06 :&.;:/ b @ ';:/ 9 0 ;1 5 $% (/ + 0 :0 :&. * ./ 1 = ;:/ 0 9/ 5 9 e- Learning 2' $| < * )/ * ;. (* / 9 ;:/ 4. ! e-Learning e-Learning 0 $ 5 0 4 $ 02 4.1 2= ) (Content) $% 1' 5 0 ' 6 $% * 5 2' )/;:/ 1 G,' 1 +, - 0/ 0 / &).* 9/ :.(* E 5 $ 6 ( &$. )/ & )/;:/ < /+, - 01 1 0 ) 01 0 ) &. 6$ 0 0 :/< / / ( 2' 0 :/ * <$ 4.2 1) (Learning Management System : LMS) e-Learning $% )/;:/ < /+, - < / :/ / ( = 1) , $% +: . 5 ) / ' 5 ) .5 9 2= ) 5 * ;* 0 2 9* 0 1 ( <$ ;:/ = $ 1 ;.0 5 @ 9 0 06 &. 6 )/ 1 = ) & *;:/ LMS , 32 * $% 0 $ 5 0 9 e-Learning 5 ) / '( = &(*;:/ 1' 9/ ( ). :( &. = ) < / )/ / ' )/;:/ < / 9/ 2' ;:/ < / 1' (/ &./ 1' 5 * ( 05 9 9 ;:/ ;* 0 2 9* 0 1 ( ( 1 @( 1 @( ) 2 0 2 9* 0 1 ( 2' E ) <$& ' Web Browser 9 ;:/ = @ (1 ( &. , 0 / ) / = / 1 &. ;. 9 ;:/ 6 ) * * . ' ). :( 4.3 (1 (* 2' (Communication) < . ' <$&./ $% / ( < * 5 $% (/ 9/ = ( $ (1 G,' ;:/ 3 :/< / 2' $ 8 1' 1

1 6 1 6 + &. 2' 2' E & e-Learning < / * $% < .& ) ,' &(* 1' 5 0 ' 5 )/ e-Learning 0 * &. &( (* <$ ' <$02 5 :$& 2' & 2 /$ 2' 1' 0 * &. 0 (2' ( 9 ;:/ ' (* )/ 1' 9,= = / $% 0 2' 2 ' * )/;:/ < /(1 (* 3 $ , - ) 2 &. &. $. ' 0 01 )@ ) * ( ;:/ 0 :&. ) * ;:/ 2' * = 0 2' E 0 2' 2 (1 (* 2' & * $% 2 $ 8 = 4.3.1 $ 8 real-time ( . ) < /& * )/ (Chat Room) 9/ :. ' * $% 9/ 0 8 < /( 0 / &. 0 )

. .

-8-

4.3.2 $ 8 non real-time ( . ) 2 (* . @< /) * (Web board) &. e-Mail 4.4 ;. (Evaluation) $% * $ 5 0 ' 5 )/ & eLearning $% ' : 7 .* 02 1 5 $% (/ 0 :/ * 0 9/ 2' )/;:/ < / .2 ) 2 ). :( ' ) ;:/ = E ' 6 G,' 5 )/ ' 1 9,= $% ' $ 1 `18 : 6 2' 9/ &(*. @ * / &. ) * * ' ). :( 1) 9/ ' / 1) 0. 9/ (Test Bank System) G,' $% * * ' :* 1) (LMS) '

8 & 067 (1 1)

. .

-9-

-. / 1 1 ! e-Learning *************

0 $% 9 e-Learning $ +< 0 ) 9 e-Learning 0 5 0 9 e-Learning &. 0 $ 9 e-Learning < / * -. 1. ;:/>? 0 +, - 2= ) 0 :/ * . 2' $% 2= a 5 0 <$ /$ T 2' e-Learning (* <$ 2. , 9/ 6$ '< / +, - 0 :/. & , ' 1 * )/ 1 $ 1 & * $% 2 7 2.1 * 1 7 ' )/ $W1 (1 2.2 * ;* : / 7 '>? ;* 0 2 9* 1 @(

. .

-10-

2 / 1 1 ! e-Learning * + ! e-Learning ! e-Learning ! e-Learning 2' ............................. 6.......................... 2' ;:/ / ....................... ) ;* ........................... 1. 0 $% 9 e-Learning $ +< ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚... 2. 0 ) 9 e-Learning ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. 3. 0 5 0 9 e-Learning ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. 4. 0 $ 9 e-Learning ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚..

. .

-11-

3 4 e-Learning 56 3

17 8 ! / * e-Learning * 1' (/ e-Learning ;:/ ) 2 3 +, - 0 3, 9/ 9/ 5 $4 ) T . -7 5 0 9 e-Learning &. $4 2= a ' 5 $% e-Learning 2' )/ 3 &; 5 1 < / * $ 1 `18 $ ) &. 1 $ * 06/ 0*

$4 ) T e-Learning $ +< . -7 5 0 9 e-Learning &. $4 2= a 9 e-Learning < / &; / e-Learning 3 +, - 5 $% (/ 60. ). >ƒ ;1 ) / '(* E &. 5 * * $% 2' < /+, - (* E 0 :/ =&./ )@ < / * e-Learning $% '(/ + ' >ƒ 1) (/ 1 / (* E 0 0.6 ). >ƒ ( = &(*;:/ 1) >ƒ 1 >ƒ ;.&. $ 1 < * * $% 8 9 0 :0 1 ( ) 2 1- 0 1 ( ' / 3 +, - 9/ :&. 0 1 ( )/ G,' < * * ;1 2' 9/ ;1 . / 0 & ) 2 0 < * $% ` &. $ 1 ;. e-Learning '0 +, - 1' (1 * &; e-Learning = 1. 3 4 e-Learning * + T WBI &. e-Learning $ +< (* @$ $4 ) (* E G,' 3 6$< / = 1.1 $4 ) 6 / $ 7&. 60. &. 6 ;:/ 1) 1.2 $4 ) 9 0 :/ / 0 . e-Learning &. 0 . ' ' 9/ 1.3 $4 ) 2' 0 9 G R( & CMS/LMS &. . 1 .19 1 `1v 1.4 $4 ) 2' 5 1 = / 0 :/, 01 / 0 &. 1 6 1.5 $4 ) ' 2= ) ' 5 = &).* ' ;.( & &. . 1 2' ; & *;* @ <G( 1.6 $4 ) ' Infrastructure 9 $ + ' 9 0 /

. .

-12-

1.7 $4 ) ' ( a T @ 8 - < = 9/ ) /R ( &. :$& 1.8 $4 ) ' ( a 5 CMS/LMS 2. 56 ! e-Learning e-Learning $% 05 ) * 0 ' 0 ) 3, / 0 2 9* ) 2 ;* 0 2 9* < * * $% 0 2 9* 1 @( ) 2 0 2 9* 1 @( 0 = e-Learning , < / ; 9/ . &)* +, - &. `6 1 * ). . ' < *< / $4 6 = 1- ). 1- T eLearning 2' 9 9 1- )/ &. :/ ;.1(8 7„ ) * / 0 10 9 ) 1 . = 5 (* E * Stanford ) 2 Harvard @ 5 e-Learning )/ 1 1 1( +, - ' . 2' 0 ). :( (* E ' $z )/ 1 = , 6$. -7 5 0 9 e-Learning < / = 2.1 Anywhere, Anytime and Anybody 02 ;:/ $% 0 @< / ' @< / &. . @< /( 0 (/ 9 ;:/ ) * < / $z @ <G( )/ 1 (. 24 ' = 1 5 $% 6 CD 2' / . -7 Offline )/ ) 2 3 +, - ' &(* < * / 1 @( 2.2 Multimedia 2' ' 5 @ $ / 9/ 0 8 1' 8 0.2' <) &. (. 1 * (6/ 9 ;:/ < / $% * 2.3 Non-Linear ;:/ 3 .2 2= ) ' 5 < /( 0 (/ 2.4 Interactive / 0 39 @ ' 6 2' (Links) * 5 )/ 2= ) . -7 (/( ;:/ / ( (1 :*&./ &. ;:/ 1' * (1 (* 1 ;* . ICQ, Microsoft Messenger &. 6 ' 5 )/;:/ 1 3(1 (* < / * @

3. 3

17 8 * / * e , Learning 3.1 Hardware &. Network System < /& * 6$ 7 = 3.1.1 0 2' 0 1 ( ' 5 ) / ' $% 0 2' 1 (Server) G, ' $% File Server , Mail Server, Webserver, Database Server F.F G,' $% 0 2' ) 2 & 0 2' @< / 3.1.2 0 2' 0 1 ( G,' 5 ) / ' $% 0 2' .: 9* (Client) $% 0 2' ' / 9 9/ :.(* E 0 2' 1 G,' ) 3, 0 2 9* 8 ) 2 0 2' .: 9* 8 3.1.3 0 2 9* 9,= & 9 &(*. &( (* <$&(* ' <$$ / 6$ 7 .2 / (Router) , Modem, HUB 3.1.4 * (Leased Line) ) 2 2' (* 1 @(0 @ : * ADSL () $% 0 2 9* 8 < * 5 $% (/ /) . .

-13-

3.1.5 6$ 7 2' (* * LAN Card , Wireless LAN, UTP / ) (* RJ45 F.F )@ < / * 6$ 7 (* E $4 6 0 . . &. < / 9/ & ' 1 ' / *

7;* * / Access Point & HUB &.

7 G, ' 5 )/$ ) . & &. 0* / * ;. )/ (1 ( = e-Learning < * * 2' 6* (* <$ 3.2 Software $% ( ' )/ 0 2' 0 1 ( 5 & * $% 3 $ 8 02 3.2.1 $W1 (1 (Operating system) $% Windows, Linux, Solaris F.F G, ' $% $W1 (1 9 0 2 9* &. $W1 (1 9 0 2' .: 9* (Client) 3.2.2 $ & e-Learning 02 $ & 1) (LMS) ). $ & = ' )/ Download < /R * Moodle $ & ' G2= 9 ) 2 / 5 9,= 3.2.3 $ & 0/ : (Browser) 02 $ & &$.8 - HTML )/& ;. 0 1 ( * $ & Internet Explorer, Netcape navigator, OperaF.F / 2' & ;. (* ;:/ 3.3 People ware 02 60. ' / 0 2' 0 1 ( < /& * 600. (* <$ = 3.3.1 ;:/ :&. 0 2 9* 1 @( ( Internet Administrator) $% ;:/(1 ( = :&. - &. T 0 2 9* 0 1 ( 3.3.2 ;:/ :&. e-Learning $% ;:/ :&. 1) (LMS) G,' $% 600. ) 2 $% 0 . 0 ;:/ :&. 0 2 9* @< / 3.3.3 ;:/ / 02 ;:/ ' 3 & 2' &. 5 ;.9 & 9 $% e-Learning 2' / < / 3.3.4 ;:/ 02 ;:/ ' 5 / 5 ) 1 ;. (1 ( ;. 9 ;:/ (1 (* 2' ;:/ $% (/ 3.3.5 ;: / 02 ;:/ / e-Learning 2' )/ 1 ( '). :( ) 2 ). :( >? 5 ) 9,= 3.4 1) (Management) 02 9 3 +, - ' e-Learning G,' >ƒ 1) (/ )@ 0 5 0 )/ 6 &. 5 )/ 1 / = (1 ( :&. *&. T * (* 2' )@ < / * $4 2= a .* 9/ (/ 0 5 0 &. ` ) 9 * ) ,' * 5 )/ 1 e-Learning < /

. .

-14-

-. / 2 1 3 4 e-Learning * + 56 ! e-Learning 3

17 8 ! / * e-Learning *************

$4 ) T e-Learning $ +< . -7 5 0 9 e-Learning &. $4 2= a 9 e-Learning< / * -. 1. ;:/>? 0 +, - 0 :/ * . 2' 5 0 :/G,' $% 2= a 5 0 <$ / $ T 2' e-Learning (* <$ 2. , 9/ 6$ '< / +, - 0 :/. & , ' 2 * )/ 1 $ 1 & * $% 2 7 2.1 * 1 7 ' )/ $W1 (1 2.2 * ;* : / 7 '>? ;* 0 2 9* 1 @(

. .

-15-

2 / 2 1 3 4 e-Learning * + 56 ! e-Learning 3

17 ! 8 / * e-Learning 2' ............................. 6.......................... 2' ;:/ / .................. ) ;* ..................... 1. $4 ) T e-Learning $ +< . .. . . . . . . . . 2. . -7 5 0 9 e-Learning .. . . . . . . . . 3. $4 2= a 9 eLearning . .. . . . .

. .

-16-

!: / !: *

e-Learning *;:* /

;:/+, - ' 9/ &. 9/ 5 9 ;* 0 2 9* < / * * * ). ). = ) 1 . 0 .1 (University of North Carolina,2541) / 3, 1 2' +, - :$& 9 e-Learning ' ) +, - ( +, - , 2547) .*

* 1. !: / :$& e-Learning 2' 5 $ )/ 3 6< / = 1.1 0 2 ) 6* &. 0 (Flexibility and Convenience) ;: / e-Learning 3 :/ 2= ) < /0 3/ ( '). :( 5 ) < / 6 . &. 6 3 ' ;* @ 3 < / ' / ' 5 ) 2 ' 3 +, - ( 0 9 ;:/ G,' $% 9 9/ 5 8 ' 1 )/ & 1 $% . 0* / * 1 &. 0* / * /)/ / 1.2 < / ( 0 (/ (Just-in-time Learning) ;:/ 3 ;* @ < / 6 97 ( '(/ & e-Learning , 3 : &. 5 )/;:/ < / $% . < * 2' ;:/ 30/ ) &. 9/ 3, 0 :/ ) * E < / . &. 0 (/ = 2= ) @ '3: / &. $ $ 6 9,= ) * 6 97 5 )/;:/ 3 :/< /(. 1( &. 5 <$ /< / * )(6 7 1.3 ;:/ $% >ƒ 0 06 (Learner control) 8 ;* @ ;:/ 8 +, - 0/ 0 / &. :/ 1' '( G,' 0 = $% 1' ' :* ) 2 0 0 ) 9 ;:/ ;:/ 3( 1 ( * ) ' ) &. $ @ 5 0 9 2= ) , 5 )/ / & e-Learning 9 ;:/ &(*. 0 0 &( (* ( 0 (/ 9 ( 3/ ;:/ 1 ( $| ) &. 0 9/ ' 8 & ./ 9 @ 5 )/;:/ 0 06 ;* @ < / * $ 1 `18 1.4 :$& .(1 (Multimedia Format) 1. < @ * )/ 5 2= ) :$& ). ). = ( - 8 1' 8 0.2' <) &. 1 067 (1 = * )/;:/ 3 .2 :$& 5 ' $ 1 `18 (* ' 6 1.5 &).* 9/ :. (Information Resource) $4 2 $ ' 5 )/ @ $% &).* 9/ :. ' 5 0 02

. .

-17-

1.5.1 9/ :. '). ). 5 ) + . :* @ < * * $% 9/ :. +, - 8 0 a) 2 8 0`6 1 1.5.2 :$& Hyperlink 9 1. < @ 5 )/;:/ / 3 2' 2= ) < / * &. * 1.6 0 (Currency) 2= ) ' / @ = 3$ $ 6 )/ < / * 2' $ ) 2 , 5 )/0 : 3 5 9/ :. ' ' 6 * ' :* )/ ;:/ < / 1.7 * ; & *;. (Publishing Capability) ;:/ ' * < / @ 32 * $% ' < / ; & *;. 9 ( :* ` 7 @ <G( $% &).* $ +;. ' .1+ 0 ' <$ 3 9/ 3, < / * < * 9/ 5 / . &. 3 ' &. ;:/ @ < / )@ ;. 9 ;:/ 2' @ / * 1.8 1' - 0 . (Increase Technology Skills) ;* @ 5 )/;:/ < / / - &. 1' : 0 3 / 0 . 1' 9,= .5 ;:/ < / $ 7 ) * E &. >? > - < / 0 . '). ). 9/ 9 ;* @ < / .* &./ 9/ (/ North Carolina State University (NCSU) < / 1 0 ) ). :( 5 29 1 +, - ;. ˆ `1v = $ 1

( &. : * $ ` )/ / 0 ;:/ 5 1,278 0 ;. +, - * < * 0 &( (* ) * ;. 9 ;:/ = :$& . G,' ) 0 * ;. ˆ `1v 9 ;:/ * )/ 1 9/ 9 / 0 . ) * b Web Based Instruction &. e-Learning = +. . + 1v 1

+ + 1v )/0 )@ < / * e-Learning $% .2 ) ,' ' 0 ) 5 ) T 600.9 $ + 2' &9* 9 60 ) * / )(6;. (* <$ = 1) 9 +, - ;* 2' 1 .@ 1 (/ 6 +, - '('5 * +, - = & / * 1 6 * & ) 2 (/ 6 0 ' (Fixed Cost) 9 ;* 2' 1 .@ 1 0* 9/ : &(* e-Learning 3( (* ;:/ < / * +, - )/ ';:/ +, - (/ 6 ' 1' 9,= ) * 6 / (Marginal Cost) 2 $% +: & / * +, - & *;:/ 5 9,= @ ( = =) $ (/ 6 = ) (Total Cost)&./ ;* 2' 1 .@ 1 (/ 6 ('5 * )/ 3, / . 40 =&./ ;:/ 3 :/< / 6 ' 6 . &. 6 0 (anywhere, anytime, anyone) < * * 5 +, - 7 3 ' ;* 2' 1 .@ 1 0 2= ) ) 2 &. 0678 * &. 3 ;.9 < / * ;* 2' 1 .@ 10 5 )/ +, - 9 $ 1' : 9,= * ;. 5

. .

-18-

)/$ 0 :/&. - ' : 9,= G,' $% ;. (* T $ +<$ :* + -a 1 '(/ /0 :/&. 0 . 9/ 9/ 9,= 2) T ( + 8 &. 0 9 ;:/ ;* 2 ' 1 .@ 1 5 )/;:/ 8 .2 2= ) 9 < *3: 5 :*8 (/ 9 ). :( ;:/ 3 5 ) / 9 ( < / (self-pace learning) ( 0 &. 0 3 9 ( < * 5 $% (/ ( .5 '3: 5 ) ) 2 $% $ & & / ( &(*;:/ 39/ 9 = ( '( < *(/ < / ( $ 3 ( + 8 &. 0 9 ;:/ 5 )/$ $ + 1 T 0 ' b &. T * (* 2' G,' $% $4 ' 0 5 $% &9* 9 + -a 1 a 0 :/ (Knowledge Based Economy) ' 2' 1 .@ 1 b 1 @( $% &).* ' 0 :/ 5 ) + . ;:/ , * &. 1` )/ .2 * ). ). ;:/ 3 .2 2' < /( 0 3 &. 0 = :$& 9 ( - :$8 8 / 0 5 . (animations) 3 7 5 . (simulations) &. 8 0.2' <) (audio and video sequences) .6* 81$ (peer and expert discussion groups) &. $ , - <. (online mentoring) / )(6 = ;* 2' 1 .@ 1 , 5 )/$ 1 `18 9 ;:/ 1' 9,= 3, / . 30 G,' * R4 )/ ) 2 * ) 2 &. 5 )/;:/ 3 :/< / @ 9,= 3, / . 60 9 & = 1 $ 1 `18 &. 0 @ 9 0 5 0 5 ) &9* 9 + -a 1 . 0( 5 )/0 0 &. $ + 3$ ( &. ( $. ' &$. ' 1 9,= (. . &. 5 )/ 1 0 @ * 1 0 < / $ + -a 1 = 5 )/ 1 T - 9 & < / $. ' &$. 9 0 . ' $. ' &$. * @

3) / 0 3 ) 0 :/ / ( e-Learning < *< / $% 0 :/) 2 x :/ < ‹ * = &(* $% x 1` ‹ ) 2 x * < ‹ = ;:/ ;* 2' 1 .@ 1 $% 0 ' 0 3& ) 0 :/< / / ( 2' e-Learning < * ;:/ '0 $| 0 :/ )/ ) 2 +, - )/ ;:/ , < / >? > - 0/ 0 / 9/ :. 1` 9/ 3, &).* 0 :/ @ 5 )/ 1 T &. T 0678 1(9 ( G,' ) $ + (1 $ ' 0 3 / ( $% * ) * 5 )/ 1 ;. (* $ + & *9 / 0 0 :9/ 0 < &. T $ + * (* 2' 4) T 0 3 01

. .

-19-

;* 2' 1 .@ 1 5 )/;:/ 3 T 0 01 < / * R4 )/ 2' $% 2' & &. :$& 9 '). ). +, - < . (distance learning) ;* 2' 1 .@ 1 (6/ &. 2= )/ 1 1 - * )(6;.(critical reasoning) * +, - )/ & 1 $W1 ` 0 01 ) * ;:/ / = +, - * +, - < . <. (online students) < / (1 (* ;:/ 0 2' E = * :/ / 0 6 * )/ . 5 = * 0 9/ 2' &. $W1 (1 * ;:/ '< / = & 1 b. ' / . 20 e - Learning 5 )/ 1 6 &)* 5 G,' 5 )/ 1 (* 0 :/ ) 2 5 )/ 1 0 01 ) * E &. / ( $% $4 &9* 9 ' 5 0 ' 6 &9* 9 + -a 1 60 ) *

2. !:

+, - < / * ;* @ = 0 9/ 5 $ < /& * 2.1 9/ 5 9 :$& .(1 (Format Weaknesses) & / * @ 3 5 .(1 :$& (* E < / &(* :$& 9 2' &(*. 1 $% $4 ) :* / 5 / ( - 5 )/;:/ 3 * &. 1 < / * :$& 2' 1' 1 97 ' 1 @ 0.2' <)

/ * 1 ) 2 + ` = (1 (* 2' 7 . 1 (Real-time Communication) < * 3 )/0 :/ , < / ) 2 9 1 &. / 9/ 5 2' bandwidth 5 )/ ). 9/ :. .(1 1 . &. * 2' ) * 5 ) ;:/ 2.2 $4 ) 9 / 9/ :* 2= ) (Navigational Problems)& / Hypertext * )/ ;:/ 3 2' <$ :* 2= ) 8 (* <$< / @( &(*3/ & < * &./

;:/ ). $ @ <$< / 5 )/ $4 ) &. < *< /;.( $| ) 2.3 9 (1 (* ) * 600. (Lack of Human Contact) ;* @ 0 : < * < / )@ * ;:/ 1 0 ) 2 < * 9/ &. ;:/ 0 @ 0 , 0 ` ) * 600. / / e-Mail ) 2 )/ Discussion Forum 2' ';:/ 3 (1 (* 2' 600. 2' E < / 2.4 & : (Motivation) ;:/ = ' ;* @ (/ & : * (

&. 9 &; 5 )/;:/ < *$ 0 5 @ &. < *;* ). :( = E < / 2.5 2= ) '< * 9/ 6(1 (Open-Ended Content) 2= ) 9 ;* @ ' )/ ;:/ = 0 = ;:/ < * :/ * 9 9(9 2= ) 1= 6 ' &. $% )(6 )/;:/ 1 0 < / . .

-20-

5 = 9/ &. 9/ 5 9 :$& e-Learning 5 )/ )@ < / * :$& e-Learning < * ) 6 3 7 ) 2 < * ) ;:/ 6 0 ' +, - 2 &./

* 0678 9 < *< /9,= :* 2' ' / = :$& e-Learning , (/ + 0 ( = 9 ;:/ ' (/ )/ 5 @ = $4 5 0 ' / $ 1 `18 9 :$& e-Learning )/ 1 9,= < / @02 $W1 ` ) * ;:/ &. ;:/ )/;. / . = 0 2 ) 6* 9 @ ' 5 )/;:/ 3$ 6 ( 9/ < /). :$& 2' 5 )/ 1 1 '). ). 2' / $ 1 `18 :$& e-Learning ' ( +, - , 2547) @ <G( http://www.nectec.or.th .*

* 1. !: / 1.1 2= 5 )/ (1 (* 2' ' @ < * 5 . &. 3 ' = 600. 1.2 ;:/ &. ;:/ < *(/ &. . 1.3 ;:/ &. ;:/ < *(/ )/ 1.4 ( 0 (/ 9 ;:/ &. ;:/ '< * / / . < / $% * 1.5 ;:/ '< * 0 ' . ( 05 3 ( = 05 3 ( = $ @ )/ 0 ./ * 1 2' < *(/ & ( (* ) / ;:/ &. 2' * = + 0 2' 2 * E-Mail, Webboard, Chat, Newsgroup & 0 01 )@ < / * 1 2. !:

2.1 < * 3 :/0 :/ , $W1 1 1 '& / 1 9 ;:/ &. ;:/ 2.2 < * 3 2' 0 :/ , 7 < / * & / 1 2.3 ;:/ &. ;:/ (/ 0 / /0 1 ( &. 1 @( = / 6$ 7 - / 2.4 ;:/ 0 < * 3+, - / ( < /

. .

-21-

-. / 3 1 !: / !: * e-Learning *;:* / *************

6$9/ &. 9/ 5 5 e-Learning / < / * -. 1. ;:/>? 0 +, - 0 :/ * . 2' 5 0 :/G,' $% 2= a 5 0 <$ / $ T 2' e-Learning (* <$ 2. , 9/ 6$ '< / +, - 0 :/. & , ' 3 * )/ 1 $ 1 & * $% 2 7 2.1 * 1 7 ' )/ $W1 (1 2.2 * ;* : / 7 '>? ;* 0 2 9* 1 @(

. .

-22-

2 / 3 1 !: / !: * e-Learning *;:* / 2' ............................. 6.......................... 2' ;:/ / ....................... ) ;* ........................... 1. 9/ 9 5 e-Learning / ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚... ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚... ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚... ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. 2. 9/ 5 9 5 e-Learning / ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚... ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚... ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚..‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚..‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚..‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚..‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚..‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚..‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚..‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚...

. .

-23-

!: 2 * / >? @ ? ! 1 AB / / 1 +2 5 B / (LMS) * ' T 2' e-Learning ) < /+, - 1 (* E ' ' 9/ e-Learning 5 )/ 3 &; T 2' < /( ( ). 7„ &. ˆ-Œ G,' * ;. )/ 2' ' T 9,= 0678 &. $ 1 `18 : G,' * ;. )/ 1 * (@ ( + 8 1. !: 2 * / >? @ ;* @ 0 05 , 3, $ @ (* E (* <$ = 1.1 0 / 9 6$ 7 &. 0 2 9* 2' / ;* @ $% $ 2= ) 1 :* :$& ) * 5 $% (/ 0 2' 2 6$ 7 &. 0 2 9* ' / &. : 7 2' )/< / 1 1( . ' 0678 &. (* 0 (/ ;:/ 3 .2 . < / 6 * . ( '(/ G,' $ +< * $4 ) / = b 9( 2 ) * 1.2 - /0 1 ( &. 1 @( ;:/ &. ;:/ (/ 0 :&/ . - = / 0 1 ( &. 0 2 9* 1 @( 0 b ;:/ 5 $% (/ - 2' E $ 2' / @ <G( ' * )/ ;:/ 1.3 0 / 9 ;:/ ;:/ (/ 0 / = 1( &. 0 :/ 02 (/ 0 . :$& = / ( 0 (2 2 / (2' ( >ƒ :/ 0 ;1 ./ & 0 01 )@ &. +, - 0 :/ ) *E 1.4 0 / 9 ;:/ ;:/ (/ $. ' ;:/& 5 $% ;:/ 5 0 , ;:/ $% +: . (6/ )/;:/ 1 0 :/ )@ :/ (6/ 5 1 ( 2= ) &. &).* 0/ 0 / ' 0678 = 0 / / /0 1 ( ;.1( <. &. ; & * ;* 0 2 9* 1 @( 1.5 2= ) 2= ) (/ ) ;:/ )/ .6* ' 6 0 ). ). )/;:/ &(*. .6* .2 < / / ( 1 (36$ 0 ' .2 / 2' ' ) &. ) 0 / 9 0 . .5 2= ) < *G G/ < * * )/ 1 0 6&).* 0/ 0 / 2' E ' ) 1.6 Asynchronous Learning ;* @ b e-Learning $% ' / 0 . Asynchronous ' 5 )/ 5 1 <$< / < * 5 . . .

-24-

3 ' ) 2 " < * / " / 0 2' 2 (* E ' :* 0 2 9* 1 @( &. @ * Web board, e-Mail, Conference, Chat * < @( " < * / "= 0 ) / * Anyone, Anywhere, Anytime, Anything 2' / 0 :/ )/ 1 9,= * $ 1 `18 (/ * $W1 ` ) * ;:/ ;:/ &. ;:/ ' 2' E / b ) ;:/ 3 `1 ( R4 &. ( 0 01 '< / ;:/ 2' " < * / Asynchronous Learning" , 0 ) 3, 1` ' * )/ $W1 ` (Interactive Learning) * & * (Collaborative Learning) / ' :*)* < . (Remote Resource) ' 3 9/ 3, ( . &. 3 ' ';:/ 0 ) 2 (/ * $W1 ` ) 3, ;:/ $% ;:/0 06 3 2' < / ) * ;:/ / ) * ;:/ ;:/ &. 600. 2' E ' ' 9/ * ) 3, ';:/ ' 0 3 '(* 5 * / 2' e-Learning * &. $. ' 0 :/ 0 01 )@ * / 9* & 0 01 )@ / :/ 1 ) $% .6* $% (/ 2. ? ! 1 AB / / 1 +2 5 5 (/ &; 05 , 3, * $ 5 = 2.1 5 2' (Title) $% * & 9 * (6/ / 0 )/;:/ (1 (* 2= ) (* <$ 2.2 05 =& (Instruction) * = `1 ' / 5 9 2' / 0 ' )/ ;:/ 2.3 (36$ 0 (Objective) & 5 `1 0 0 ) 9 2.4 :). (Main Menu) & ) 2' * 9 ' )/;:/ +, - 2.5 & * (Pre -Test) * $ 1 0 :/9 = (/ 9 ;:/ 2' : * ;:/ 0 :/ 2= a 2.6 2= ) (Information) * 5 0 ' 6 9 5 2= ) ' 5 2.7 & / (Post -Test) * = 5 2' ( ;. ˆ `1v 9 ;:/ 2.8 6$ &. 5 <$ / (Summary - Application) * = 6$$ @ (* E ' 5 $% &. ( * 5 <$ /

. .

-25-

3. B / (LMS: Learning Management System) $% ) 5 0 9 e-learning $% ' T 5 ) &. 1) (* E ' ' 9/ ;:/ 3 / 8 & ./ $ 2 )/ $ (1 * 3( 9/ 0 / ) / 2' ;:/ ' 9/ ' . ' 2' ;:/ '. 0 &. $. ' 0 01 )@ 3 ( $ 1 ;. )/ 6 1 .@ 1 5 ) 0/ 0 / / 1 &. (1 ' . = &(*. 1- < / T 9 ( &. 0 .< / 5 ) ( a = * 9 &. ( a / 2= )

. .

-26-

-. / 4 1 !: 2 * / >? @ ? ! 1 AB / / 1 +2 5 B / (LMS) *************

6$ 9/ 0 05 , ;* @ * $ 9 2' .(1 2' +, - &. 1) < / * -. 1. ;:/>? 0 +, - 0 :/ * . 2' 5 0 :/G,' $% 2= a 5 0 <$ / $ T 2' e-Learning (* <$ 2. , 9/ 6$ '< / +, - 0 :/. & , ' 4 * )/ 1 $ 1 & * $% 2 7 2.1 * 1 7 ' )/ $W1 (1 2.2 * ;* : / 7 '>? ;* 0 2 9* 1 @(

. .

-27-

2 / 4 1 !: 2 * / >? @ ? ! 1 AB / / 1 +2 5 B / (LMS) ************** 2' ............................. 6.......................... 2' ;:/ / ....................... ) ;* ........................... 1. 9/ 0 05 , ;* @ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚..‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚. 2. * $ 9 2' .(1 2' +, - ................................................................................ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚.‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚. 3. 1) ................................................................................................. ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚..‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚‚.‚‚‚‚‚‚.‚‚‚‚‚‚‚‚‚‚‚‚ ‚‚ . .

-28-

? 1 I: 17 A: / e-Learning ;/7 )/ .2 05 ( (X) ( .2 '(/ ( ) 2 0.1 .2 $6ƒ '(/ .2 e-Learning 2' >? ( 20 /) 1. T e-Learning ( .5 ( :*$4 6 $% <$ 05 ( 9/ . ;* 0 2 9* (WBI) , 0 1 ( * (CAI) , e-Learning 9. 0 1 ( * (CAI) , ;* 0 2 9* (WBI) , e-Learning 0. e-Learning ,0 1 ( * (CAI) , ;* 0 2 9* (WBI) . e-Learning , ;* 0 2 9* (WBI),0 1 ( * (CAI) 2. e-Learning 0 ) b ' $% ' ' . (/ '32 * 5 0 ' 6 . 1 (LMS) 9. 2' & Online 0. &. $ 1 ;. (evaluation) . 2' (Communication) ;* 0 2 9* 3. e-Learning $ & , 31(1(* E ' 9 ;:/ . $ & &$.8 - PHP 9. $ & a 9/ :. MySQL 0. $ & 1) (LMS) . $ & 0/ : (Browser) 4. e-Learning ;:/ (/ / $ & $ 8 * & ;. . Browser 9. $ & &$.8 - PHP 0. $ & a 9/ :. MySQL . $ & 1) (LMS) 5. 067 ( 1 9/ '32 * $% 9/ < / $ 9 +, - e-Learning 2' )/ 1 . $% < * 5 . < * 5 3 ' &. < * 5 5 ;:/ 9. $W1 ` ;:/ < / * 0. 3 / ;:/ < /< * 5 5 &. 3 ' . $ ) (/ 6

. .

-29-

6. $ & Moodle 32 * $% $ & 1) ' $% ' 1 ' 6 $ & ) ,' 2' )(6;. 9/ . $ 1 `18 5 : ' 6 9. /< / < *(/ G2= .19 1 `1v 0. / < / * ' 6 . 3$ $ 6 ) 2 T (* < / * ' 6 7. $4 ) ' * ;. )/ T e-Learning < *$ ;. 5 @ 02 9/ . < * 0 2' 0 1 ( &. 0 2 9* 9. < * 60. ' 3 / e-Learning < / 0. < * 60. ' 3 $% ;:/ 1) < / . < * T ' 8. ) 3 +, - Network 8 3 +, - / &./ (/ T e-Learning 9,= 3 +, - < *(/ 0* / * 1' (1 &(* * 0 $% <$< /) 2 < * )(6 . < *< / 2' e-Learning / Intranet < *< / &. (/ G2= .19 1 `1v $ & G,' 0 & 9. < *< / 2' / Intranet < / &(*(/ G2= .19 1 `1v $ & G,' 0 & 0. < / 2' / Intranet < / &. 3 Download < /R < *(/ G2= .19 1 `1v9 $ & . < / 2' /< / = Internet &. Intranet < / $ & 3 Download < /R < * (/ G2= .19 1 `1v 9. )(6 , < *0 )/ 1- $% ;:/ :&. e-Learning . 1- < * 0 :/0 3 / 0 2 9* 9. 1- < * * (/ ;1 2' 9/ ;1 . &. $ 1 ;. 0. 1- < *

' (/ 5 e-Learning . 1- 5

$% * . = E 10. 9/ 5 +, - e-Learning 9/ '32 * * ;. (* ;:/ ' 6 . * 9 ' $% 1 & ;.< / / 9. 0* / * e-Learning : 0. ;:/ - 0 1 ( ;* e-Learning < * . ;:/ - 0 1 ( ;* e-Learning < *

. .

-30-

@ KA : B +, - . 1 +, - :$& 9 e-Learning ' ) +, - . 6 ) 0 , 1 Rz0 , 2547. +, - . 1 T &. 1+ 9 e-Learning $ +< . 6 ) 0 , )/ )6/ * 5 .ÂŽ , 2547. http://www.nectec.or.th/courseware/cai/index.html

. .

1. " # # $% &# '() (

2. " # # $%

e-Learning '() (

3. storyboard % e-Learning : ;$ # " <

! " # #

$#% ( = > &# ( ?@A = ' B CBA = $ DE $ # $ ); &# &# ?@ ; % &# & &# FB:$B G G FE F " ( = > 'H ': BD : ; :; % # ? " # # &# & &# $ (Communication) E ; &# $ ' # $ B O

% $ B $ E =&# :B :; &# % PE# ( B Q B , 2540) ' % &# ; 'H 2 ' &

1. &# $ (One-Way Communication) 'H ; %; $ & &# $ ' :; = X $ Y # ; : (Immediate Response) ; :; FF '] ' ; ( A &# ( ' <FE 'H # ; ; '^B = CQ:; 2. &# (Two-Way Communication) 'H &# & &# $ # Y : ; ( Y # ; FF ;:; &

F ; # O :; < . .2

32 X F F F & Y: : ' Y #:; X :; " # 'H < ; ( $ $ < ( #F B %E< < F = $; : D $ % &# ( ' % &# $ &# ( @ % ( B# =&# :? ( ' $ % &< < ( : =&# B 'H %E< @ % B# : ( &# < E # ( B# & ; :? ' =&# ( :

Y F() &# Y : D ' @Q:; a ); =B$ : Q 'H ; &< ;$ : % ; " = % $ E $ < $ B PE# D ' &# # # $% ( B# & :? ' $ : < < 1. ( ' &# $ ); ; F" $ ( % ( b;Y c $B Y Y D Q$ F 'd & $B ? Y D Q DE ; # ; # PE# ( @ ); < $ F CB $ % &< ( % (F ; &

FF AB' A F & &# $ < $ O =&# ( $ % (F ' $ ( B # <

; : : F : B ( " $ 2. ( ' &# F " Y () ?' @Q' A &# );$ ); () =B$ : Q);$ & () &# );$ &< F ; F &# ' =&# ( " : Y ; " : & % ' &# < E# ( @ < % ' ); $ c = % ( " : F Y' #$ $ =&# $ % (F # : ; 'H " ( ; :; " ( ; $ ? $ 'H : E $; ( ' &# < F ' B CBA = :; $; &# $ O: :; < $( @ % DE ; $ F" 'H : () ( ' &# $ =&# ( $ ; < < = F" $ FF ?' @Q);$ ; = = 'H : " # # B Q B (2540) ; $$; &# $; 'H B# # ; ( &# F 'H : $ )# ;$ ( &# $; " B ' ; ' B CBA = " ( $ % (F &< : # : () &# < F" 'H : DE E @ c= ?@ :B% &# :; ) B =&# & &# ( : $ : ?' Q F ' @Q ( =&# ( $ " B ' ; ' B CBA =

. .2

33 &# (Instructional Media) E &# ) B ( O: ;$; F 'H ' E Q $B ? Y D Q $B Y A B A = B# G G PE# F? &< # $ =&# () 'H &# & & ); " ; ' E " ( B : $ : ?' Q & F? ?; # $ $ 'H ; Q (Edgar Dale) F ; &# =&# 'H $ ( CB E $ = CQ $; &#

Y : D ' @Q:; a ( %@ $ O 'H % < : % ' @Q () &# :; ' A ( $ $ Y = > $ B % Bruner PE# 'H FB:$B " 'H j $ ' @Qk (Cone of Experience) Y ; 'H % < : < 1. ' @Q: Y ( ' @Q: F % F B ); F : O 'H : 2. ' @Q 'H Y ( F B# #( $ 'H F B # ? PE# F 'H F" O 3. ' @Q ^ & 'H :B & &# F % F" $ ? $ # ); :? @Q # B %E< ( ' $ :BD : Q & &# $ # 'H C 'H : 4. CB: 'H & " =&# ' " CB =&# ( O " % < : % " < 5. DE # 'H F ' @Q:; a A # F 'H # ) # A @Q ? :; a 'H : 6. B D 'H F B# % :; a =&# ( ' Y ) Q ; ) Y " ' @Q

; # ? 7. Y D Q Y () < Y D Q DE Y D Q =&# ( % $ ; & ) # ;( &

; 8. A = : Q 'H A = # E &# $ qd Q =&# ( ' @Q < A = Y () ' : 9. E $B ? A = B# F 'H < ( '% ; ' E $B ? 'A = Q % # ;( % < <F ( ' @Q ; # E F ; & ;

:; OF % (F &< 10. D b @Q ); # A B & &# :; a # 'H b @Q B# % :; a 11. $F b @Q ;: $ & ( A % = % ( A = () $ ' @Q% F B# : $ ( ;$ ;$ ;( : @Q & " F B =&# ( ' @Q: B %E< ; $FE Y ] :( :? @Q # B %E < PE # 'H % < :; '% ' @Q :; F < FE 'H $ ' @QY ; &# :; a # ? 'H ( F b @QPE# 'H & : $ % :? @Q # B %E< FB:$B ; E# )&# FY ? Q (Jerome Bruner)

Y % BF $ ' E# Y ' $ Y D Q " Y : (Enactive) $ A = (Iconic) . .2

34 $ C (Abstract) &# ' $ ' @Q% @ " b 3 ' % % ? Q $F O $; @ ( 'H ;% ( O ' A = # 1

A = # 1 $ ' @Q% Q (Edgar Dale) ' % ? Q

& ' " # &# () ' Y ) Q < :; ' < ( B Q B ,2540) 1. " !() # 1.1 'H B# #);$ ( ; ' B CBA = = F );$ ( B $ % (F &< # ?; P P ; %E< ( $ < );$ ( B $ B $ ( &# <

; : $ O$ 1.2 &# F );$ :? $ (F( " ( B $ ? ; E &# ; 1.3 () &# F " ( $ % (F: B ' @Q ;$ ( $B) # < . .2

35 1.4 );$ ( ;$ ;$ ( BF %E< " ( B ? Q = CQ ( $; $ $ 1.5 );$ B @ # ( DE $ $ );$ ( B $ B Q F () &# ; < );$ 'vb &# % $ : :; $; ? Y F ( () &# ( DE ? 2. " !() # 2.1 () &# $ ? ?' @Q:; a ' 'H );$ ( D( ; (F B# %E< " ( $ ? ( $; $BC # () :; = ; $ 'H $ )&# # ( : $ ( =B# %E< $ 2.2 &# F );$ ; A % ( : &< = < F( DE &< F &# 2.3 'H :? ( :&# : $ ; ( : B:$ ?( ; a =&# () 'H &# : F B B $BC :; a =&# ( ; (F B# %E<

; O: &# F ?@ ; O:; &# " '() ; $BC < ; #F " &# :; ; '() FE $ F DE E @ ?@ :B% &# % % F" # $ &# : $ &# () &# :; ; : F B: () &# ( A = $ < < =&# ( F BF ? : F? ?; $ : ?' Q #$ $ " " # & &# =&# " () ' ( B ; ' B CBA = < 'H B# " b B # Y ( & &# F : : < $ : ?' Q )B = :B ( ( ; ; =&# () $ : ?' Q < 'H : $) < " ( & &# # F < &# a =&# ' =BF @ &

1. 2. 3. 4. 5. 6.

&# < : = CQ &< F? ?; #F & &# # &< : ; (F 'H &# # ; :; # ? 'H &# # $ ) < $ ' @Q% &# < $ $ ( () $BC () ; ?; P P B ' 'H &# # ?@A = B B: # $ ) F 'H F B ; = B ' & F B: $ ? $ ?

. .2

36

# # *+ * # # = F (2541) ; $ ^ FB:$B # # $%

&# :B =&# DE < 1. = :B B (Behaviorism) 'H PE# )&# $; FB:$B 'H & DE $B D : Q% = :B ? Q (Scientific Study of Human Behavior) % ? Q 'H B# # : F = :B A F < $ B # $ $ = CQ $; B# : (Stimuli and Response ) )&# $; : :; B# % ? QF B %E< $ ; ( );$ $ # F < )&# $; % ? Q 'H = :B " (Operant Conditioning) PE# B ( Reinforcement) 'H : $ Y ^ = :B B <F ;= E $ E B A ( % ? Q $ F" A = $ E Y & $; " ; < 'H " : (Taboo) PE# < ; :; # " b ( ? < ( @ # 'H )? % = :B PE# F : B %E< : " # ;) # F ?$ : ?' Q < F : : % < : 'H $ : ?' Qa ' # F % < <F 'H =&< z % ( % < :; a ' ( # ? &# :B =&# DE #

: $ B % = :B B < F Y % ( @ )B : (Linear) Y ? F " &< ( " # & : : $ PE# 'H " # =BF @ $$; 'H " # F ; ' B CBA = # ? F < F : < " a ; #" Y : OF : ( ' '] $ & $ (Reward) ( : % : B OF : ( '% '] ( " CB & Y (Punishment) PE# '] < & 'H B =&# ( B = :B #: &# :B =&# DE #

: $ B % = :B B F ( ; ' B : @|Q # " $ : F? ' Q ; FE F ; 'DE :; &< % $ : ?' Q:; ' ; ; @|Q # " $ F : 'DE ( &< B < F $; F ; ' B 2. 'vbb B (Cognitivism) B F $ B % ) < (Chomsky) # ; O $ B Q (Skinner) B % = :B B ( = :B ? Q $ $; 'H & $B D : Q ) < )&# $; = :B % ? Q < 'H &# % A ( FB:(F ? Q ;(); % $ # &# ( ; ' OF 'H < ? Q $ E B @Q FB:(F $ E A ( # : :;

' <

O $ #F " E E $ : :; A ( % ? Q $ );$ < $ B :; a B %E< ); $ B # $ F" (Short Term Memory , Long Term Memory and Retention) $ B # $ ; $

'H 3 @ & $ ( @ 'H % < : (Procedural Knowledge) PE# 'H $ # CB $; " ; 'H Q $ #: " #) F $ ( @ CB (Declarative Knowledge) PE# ; . .2

37 $ # CB $; &

$ ( @ &# % (Conditional Knowledge) PE# ; $ # CB $; &# " PE# $ 2 ' A < ;: " #: : $ 'vbb B < ; :; # " b( ? < ; $ & 'vbb B " ( B $ B # $

( @ % (Branching) % $ Q (Crowder) PE# 'H

( @ % &# ' #

: $ B % = :B B $ F " ( B %E< ( $ ? $ : $ Y c= ; B # B %E< ( & " % " &< # : &# :B =&# DE #

: $ B % 'vbb B OF Y % ( @ % ); $ Y ? F &< ( " # ; & Y &< #F " :; ' < F %E< ; $ $ $ (F% 'H " b 3) Y $ (Scheme Theory) A (: 'vbb B (Cognitivism) < B Y $ (Scheme Theory) %E< PE# 'H $ B # )&# $; Y A ( % $ # ? Q ; < F @ 'H Y & ?; # )&# Y ; ( # ? QF ( ; a < ? QF " $ ( ; a # =B # < ' )&# Y ?; $ # ; B (Pre-existing Knowledge) Q

Y # (Rumelhart and Ortony,1977) ( $ % " Y $ $ $; 'H Y % A ( % ? QPE# $ $ $ # $ $ : ? " :? @Q BF :; a $ #% Y $ < O & " ' ; % (Perception) % < ; B %E< % Y % $ (Schema) < < O = % < 'H $ Y ; Y $ ( ; % $ B A ( $ B # ; F :? Y :? @Q E# a #)$; ( B )&# Y $ < a % $ 'H B# " b # " ( B &# F ; ( # B %E< Y ' DF F Y $ F );$ ( $ < Y $ );$ ( E (Recall) E B# :; a # (Anderson,1984) " Y $ ' ? :Q() ( Y' =B$ : Q F ; ( ( @ " &< # )&# Y ' ( ? (Webs) & ( @ # $; &# B:B (Hypermedia) < (

&# :B =&# DE FE F" 'H : " $ B % :; a =&# ( @ Y % Q $ ( % $B) :; a Y ;F" 'H : D = ( E# < < =&# ( &# # ' B CBA = : :; $BC # : :; : @ Y % Q $ % % $B) :; a # : :; #

. .2

38

!! # # =&< z # # $% = > &# # " $B Q F" $ 19 < ( E ( =| Q D q] , 2547) 1. % B Q (Briggs) 2. % ; (Gagne') 3. % Q ) (Gerlach and Ely) 4. % =Q (Kemp) < 1. % B Q (Briggs Model) B Q (Briggs. 1997) 'H DE # " b( $

= > " B

( :; % < : ; Y c= ; B# ( ' & () &# PE# $ =&# " $ : = ; $ % Briggs "

( ;$ $B) & Y' $B) PE# " B : " " ? % < : $ () % Briggs F Y c= ( = > Y' $B) A = # 2

A = # 2 % B Q 2. % ; (Gagne' Model) ; (Gagne'. 1992) F #F $ : < (F $ (F 'H " % < < 1) % < $ : < (F (Gaining Attention) 2) % < F $ : ?' Q( (Informing Learners of the Objective) 3) % < ; B ( E E B# # (Stimulating Recall of Prerequisite Learning ) 4) % < B# =&# ( ; (Presenting the Stimulus Materials) 5) % < ( " " );$ & ( (Providing Learning Guidance) . .2

39 6) % < (

(Eliciting the Performance) 7) % < ( % (Providing Feedback) 8) % < ' B (Assessing Performance) 9) % < $ ( &# #F ; Y (Enhancing Retention and Transfer) 3. % Q ) (Gerlach and Ely Model) Q ) (Gerlach and Ely. 1980)

PE# Q' ' $ 1) " &< (Specification of Content) 2) " $ : ?' Q (Specification of Objectives) 3) ' B = :B &< : (Assessment of Entering Behaviors) 4) " ? CD : Q (Determination of Strategy) 5) F ; ?; (Organization of Groups) 6) " $ (Allocation of Time) 7) F # (Allocation of Spaces) 8) & = ; $B (Selection of Resource) 9) ' B (Evaluation of Performance) 10) $B Q% (Analysis of Feedback) F Q' % Q ) F CB 'H OF $; 3.1 " < (Specification of Content) 'H & &< =&# " );$ ( ?$ : ?' Q )B = :B #: < $ F " B $ ; " $ : ?' Q 3.2 " $ : ?' Q (Specification of Objectives) 'H F? B# : % $ : ?' Q # " %E< $ 'H $ : ?' Q )B = :B & $ : ?' Q c= # '^B :B $ : O 3.3 ' B = :B &< : (Assessment of Entering Behaviors) 'H % < : % DE % % $; $ =&< z = = #F &< # " $ & ; < <F B# : ( $ $ % PE# F " Y A @Q : $F F 'H : 3.4 " ? CD : Q (Determination of Strategy) ? CD : Q # Q ) " $ 2 &

3.4.1 '] (Expository Approach) 'H # F 'H '] $ :; a < ( Y () ; $B) $B a ; ); & $ &# F . .2

40 ' @Q% $BC < F & ; ) < $ ; $ ( Y $BC 'H ;$ ( b; < O() &# 3.4.2 & $ (Discovery Approach) < F 'H = :; : B# " $ $ $ :; a =&# F A = @Q =&# ( ? $ : ?' Q ; ? (Individualized Instruction) DE $ $ : & B (Independent Study) & $ (Inquiry Method) 'H : 3.5 F ?; (Organization of Groups) 'H F ? ; =&# ( ;$ $ : ?' Q% F " ( F ?; ; < ( F ; ?; F : =BF @ F $ : ?' Q &< ? CD : Q PE# & ?; 3.6 " $ (Allocation of Time) " $ F %E< ; $ : ?' Q &< # B $ : F $ (F% 3.7 F # (Allocation of Space) ' :BY #$ 'F ' @ 30 - 40 ( F Y:† " Y:† " '] B D PE# $; :; FF ; #() ? CD : Q &# a $ :? < $ F % 3.8 & = & ; $B (Selection of Resource) $ F F & &# ; $B # =&# " () ( ? CD : Q #:; 3.9 ' B (Evaluation of Performance) 'H ' B % =&# : $F $; $ & $ ' # ' ': $ : ?' Q #: < $ = ( 3.10 $B Q% (Analysis of Feedback) 'H =BF @ : $F % = ; =&# ' ' ? %:; ' % Q ) 'H #

Y " E E '] =CQ 'H 'vFF " % F $ : ?' Q &< : 'H Y ' B ; =&# $ ' @Q B % ; " B " $ # ? ; &# ; $ a $; B CB= :; " B ? CD : Q PE# FF 'H $BC $BC $ & $BC =&# = > " B ( &# " B OF B< F $ =CQ =&# 'H $ ? ?@A = ' B @% =CQ% =&# ; % ' B @% =CQ( ;$ # ?@A = ; ; @|Q : z 'H % $ & 'vFF " % ;:; ' A = # 3

. .2

41

A = # 3 % Q ) 4. % =Q (Jerrold Kemp Model) =Q (Kemp. 1983) % =QF : :; 'F % &# &# F ' # 'F $ : (Linear) PE # Q' 10 ' B# : F B# #F? D Q :; ' % < : ( ; O Y ;: " < 4.1 $ : ( F? ?; ( (Learning Needs Goals Priorities Constraints) 4.2 ?@ @ % (Learner Characteristics) 4.3 " B: F? ' Q (Jobs Outcomes, Purpose) 4.4 ; (Pretesting) 4.5 &< $B) $B Q (Subject Task Analysis) 4.6 $ : ?' Q% (Learning Objectives) 4.7 BF (Teaching Activities) 4.8 = ( (Instructional Resources) 4.9 B ? (Support Services) 4.10 ' B (Learning Evaluation) ( A = # 4

. .2

42

A = # 4 % =Q

. .2

43 !!,- " ! " # # ............. # ************ ?' # # $% &#

% # #% /# % * $ % DE ( $ &# # # $% &# $ ?' " b ( E # 1

. .2

44 !!! # 0 " ! " # # ..............# )&# ............................. ? .........................)&# () ....................... ; ........................... 1. &# ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. 2. &# ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. 3. ?@ ; % &# ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. . .2

45 4. & &# ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. 5. FB:$B ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. 6. ( & % ? ( ? E# #) ) ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰..‰‰.

. .2

46

! !!! # e-Learning

$#% ( = > ( ?@A = < $ = CQ

'H ; B # &# F" $ # %E< Y % # $

" ( &# # 'H B: ; ?@A = ; ; :; F B F" $ E# % (F$; &# # & A = &# $ (F qd # $ G G PE# $ 'H F B &# # & &# #

( $BC " # " % < : :? $ B ( ?' Q $ G G " ( % (F &< ; : $ :; $ DE # # $%

( ; () ; < 'H $ ( = > F " ( #= > %E< ?@A = !!! # e-Learning F # Y Y D &# $ F Bb :B Y: ; $ O$ " ( &# $ : =&# = > : " F Y' &# Y Y =B$ : Q = > 'H &# =B$ : Q);$ (CAI) &# =B# = > $O Y Y $; &# ; & %; B Q O: (WBI) F = > Y' A Y' z % ( & %; F ' B CBA = " ( B Y' B F (LMS) FE B F ( & %; A = ( F B $< ; eLearning F = > ; $ $ FE & $; B PE# 'H % Y' O =B$ : Q);$ O " () ; & %; (WBI) # &# ; < " < % $ A = B# A = &# $ $B Y &# ; < FE )&# ( A = $ $; &# :B :; &# F " &# ; < '() =&# F? ' Q c= & =& # DE &# < Y $ $; &# :B =&# DE &# " &< Y % $ B# # : () $ =&# ( ?@A = ' B CBA = ? &

$BC " &< &# :B =&# DE F & ; ; %E< ; $ $ % qd # (F &

A = &# $ # ; :B : :;%E< ;

# &< " ( $ $ % (F: : F? ' Q% < FE $ " E E @ " b% PE# B@ $ Q . .2

47 (2529, 61-62) ; $ E @ % &# :B =&# DE $; 'H # = > F " OF ' PE# 'H # @ " b < 1. B# F B# # ' ; B# # ; F ( &< ': " (Linear Sequence) B# F &# # ; $ ' E &# ( ;a # ; Y " 'H (Frame) a F ; a ' : " ; ' ; 2. &< # ; a =B# %E< < F : =B# %E< ; % ; $ ' # ' ( :; F : $ : 3. :; F : " $ ( ; = ; $ $ &< ( ;a a F " ( ; 4. ( $; F : ( :; $; ( " BF : ' $ ); : " " ;(); B : ; $ = F " ( &# ; 5. & " : # B F " ( ' $ % ; & 'H ( ; #

CB E $ % (F B & $ B = # B %E< & 'H " : # : $ '] # " ( $ ? ' $ " : # " ) ) " ( " (F ;$ " : # B F :" B PE# OF ; ( B " ( E & " (F 6. $ $BC < " ( : $ % : F () $ ( $ & B " : ; O F ; E $ " $ #F : =&# & : =&# ( 7. ( @ < 'H Y # $ % :; ? :; F $ :; :;( $B) $ :; OF () $ ; ; 8. ( @ < ?' :; F );$ ( $ : ?' < E ?' &< ?' :B : % $ $; () $ = ( 'H

; F" 'H : $ =B# :B & ; ( ( B# ; ; OF B# ; < :; C 'vb &# : $F B# ( ) < O FF B# $ $ :& & % F ; a ' 9. ( " :; < " F $B Q " : ' $ ' @Q% :; F " ( " : :;

' $B QF " : % $; & " : % < 'H " : # B 'H = :?( F 'H = &# &# : $ " B & ; % (F " # &< a $ : : < 10. " $ : ?' Q $ ' $; : ( F );$ ( ; &< PE# F : ': " " %E< ;

Y ;F" 'H

. .2

48

#* !! " # #/# !! e-Learning ? Y=CBŠ (2531, 75-89) B

&# :B =&# Y ( % qd A = &# $ ' ( : $ ; # 'H 'C ( % '] # 'H A = G G % < :

< ' F $ 9 % < % ; B Q $ Q (Gagne, Briggs and Wagner 1988, 21-31 E ( ? Y=CBŠ 2531,75-89) < 1. $ (F( = #F (Gain Attention) ; #F B# $ F" 'H ; B# # $ F :? F (F( #F " Y () A = ' ( : :B (Title) () qd % ( b; ; ;-P P &# $ # < ; () % );$ ( qd A = $ ; #F A =F $; F ' # A = ( qd $ )&# &# #F F O$ $ $ % $ 2. $ : ?' Q% (Specify Objective) $ : ?' Q % ( &# :B =&# DE < =&# ( $; E ' O " b% &< Y &< ; $ a =&# ( ' B CBA = $ : ?' Q < " F 'H $ : ?' Q )B = :B &

$ : ?' Q #$ ' PE# F : " E $ $; $ () " ; # " # ; 'H # F % (FY #$ ' ; $ " $ : ?' Q % B ' 'H ( b; $ : ?' Q $ a $ :; $ (Menu) $FE $ : ?' Q ; ' ^ F % Y () qd ; a &# $ % );$ 3. $ $ B (Active Prior Knowledge) ; #F ( $ ( ; ; PE# ( ;$ % &< $ $ B < a F ; =&< z ; $ F" 'H ; B# #

Y' $ F : $BC ' B $ B ( ;$ F# " 'H ; #F $ ( ; F F 'H : ( = #F $ ( ; $ " # =&< z $ OF 'H $ :; O ;F" 'H : ' % < < $ 'd Y (

F &< & : $ 4. ( &< $ ( ; (Present New Information) $ () A =' &< # ; (F $ A = # ; $ B ' () $ ' ; # $ &< % (F &

;

Y' ( ;$ % &< $ " E $ $; $ () A =' c= ;$ &< # " b F() qd ( @ :; a ); A B A = A = ' );$ &< # P P $ () : $) < (Cue) ); % (: : ' # =&< G G :; ; $ () qd # $ F ' ( ; ; : $ ; # % (F ; $ qd ; #F" 'H ; $ () B 3 ( F () " # ? Y: : $ a 5. $ = CQ% &< (Guide Response) ( % < < 'H 'd Y ( ;$ B ;$ BF PE# ; " ( F F" &< = CQ ' @Q B % $ ( O $;

. .2

49 ;$ ; $ = CQ ;$ ( b; B# ( ; $ = CQ $ B % < $ ( : $ ; # : :;

' &< $ ( : $ ; # 'H 'C $ :? ( B E ' @Q B 6. :? : (Elicit Responses) ( % < < 'H 'd Y ( ;$ B ;$ BF PE# ; " ( F" &< $ ( : $BC ( $BC E# 'H < $ ; $ ( : $ $ $ B F() qd & );$ ( : # : P<" a ; $ " " ( % $ : % " '] $ (; (Frame) $ 7. ( % '] (Provide feedback) F :? $ (F% < Y F? ?; #) F ( '] =& # ( $; ;: ; F '] ; ( $ " E $ $; '] $ ( F : ( $; : & B " - " : '] $ (; $ $ () A = ; a # # $% & < % );$ # () A = #:&# : =&# # A =F " ( (F $; &< ; $ () qd # ; # $% &< () ( & A = =&# $ ( F F? $ ' # ' % '] =&# $ (F 8. (Assess Performance) =&# 'H ' B ( F" $ " E $ $; $ : F? ' Q% % " : % '] $ ;( $ :; &# ; $ O$ ; $ ( =B =Q " : $ B ' $ ( '] < $( E# " $ E $BC #F : ( ) F $; : $ & &# $ & ; #F );$ ( " : " E E $ ; " $ )&# & % ; : B (F$; : B " : ;) F $ () A =' ( : < " ; $ : B $; " : B =B =Q B $ B () : $ B 9. " $ '() (Enhancing Retention and Transfer) $ ( $; $ ( ; ;$ = CQ $ B ; =&# $ $ B " b @Q # $ ( ; F " ' Y ) Q E ; % # 'H ' Y ) Q:; &# % ! 9#+ # !! " # #/# !! e-Learning

P # B' (Alessi and Trollip 1985, 66 E ( ?b) (FP&# ? 2537, 22) ; $ E " % < : % # @ ' Tutorial < 1. " (Introduction) 1.1 &< < ) 1.2 F? ' Q )B = :B % 1.3 $BC # ; ( < 1.4 ( $; ; : $ ; . .2

50 1.5 ( & " Y & F # (Menu) &# ;$ # & ' OF $ 1.6 ; ; $ ( ; $ ( () ; =&# $ $ % #F : :; ' ; $ F 2. &< (Presentation of Information) 2.1 &< ( < ) 2.2

&< ( E $ (F 2.3 ;() : $ & $B# F ; & ; %E< 2.4 ;$ #: ( " $ % (F ' & ) < $ () highlight 2.5 () =&# :? & ;$ # " b 2.6 # () ( &< #$a ' # ;(); ;$ " b 2.7 : $ : ; ; 2.8 $ : :; $; $% ( ) F 2.9 () $BC ( &< 2.10 F : #F );$ ( () & '^B :B: ; 3. " - " : (Question and Responses) 3.1 ( " ; a Y c= " # # $ $ % (F 3.2 ( : " ); &# ; () = =B =Q 3.3 Prompts 'H &# ( : " $ ;(: " ( P & % F B : Q 3.4 " $ ;( @ #);$ ? ( : " ( : 3.5 " #F? " b a % &< 3.6 ( : " $; 1 < ( 1 " 3.7 % " & : < " :; ; ( : $F F 3.8 " % : < " ; :; ( : $F '] 3.9 : $; F $ F" & $ % (F & ) B % " ( 3.10 A #() ( $ $ ; ( % 3.11 # () " ; & ( '^B C 3.12 " ; $ 'H : $ & &# F ; & ; %E< 3.13 " F F B : Q &# &< F $ ;(: &< < 4. : $F " : (Judging Responses) . .2

51 4.1 : $F " : # $ ) $Q'vbb F : " " # $ ( & & " =B D :; a 4.2 F : =BF @ < " : # " : # B 4.3 ( $ ( : " 4.4 ( );$ & F ; ' 5. ( % '] " " (Providing Feedback about Responses) 5.1 ' " : B ( $; ' " : < B $( ' " : # ( : " 5.2 &< % " : ( & " : < E# 5.3 &< % " : B ( % '] =&# % 6. ( &< B (Remediation) ( &< B " # ; Y ( ' ( ; & F 7. " (Sequencing Lesson Segments) 7.1 ': " % < F ; ' 7.2 # () Linear Tutorial $ () Branching Tutorial 7.3 ( $ ? Y () '] =B =Q ; $ () $ ( $ ? 7.4 F " ( ' B# : ( ; 8. : % (Closing) 8.1 O % $ " ( ; 8.2 % F B : Q 8.3 ( E F $ % # < F; ) & ! # qd = (Hannafin and Peck 1988, 17-23 E ( ?% ? Y: 2540, 23) ; $ E # 12 ' :; ' < 1. %E< : $ : ?' Q% =&# ( F < $ D :B # : < (F $ ' B $ : $; ?F? ' Q :; % & ; 2. # $ @ : " E E 'H " b$; $ $ =&< z B ;( ) < ( ; $ & ; B ' 3. # $ '^B = CQ ( # ? = F =B$ : Q);$ $ ' B CBA = $; F & = &# 2 (Two Way Communication) . .2

52 4. # $ @ 'H ? & $% #: : % #: % (F $ :; #: ; % (F O & P; B F % " % =B$ : Q 5. # $ " E E $ (F% $ @ $ (F: $ = F " ( B $ :& & #F ;

6. $ $ E ( $ $ ( B $ E = B = B B " (F $ # Y 7. $ F " ( '] ' ( a Y c= '] ( $ F " ( ) ; &# ; 8. # $ A = $ $ ' ' # ( ; :; ?; F : $ #:B : < &# $ " E E ( ; &

: ' $ 'H # E $ (F% $ 9. # $ ' B '^B :B % ; $ # " # ; : B ' $ # " & % $ ( " # $ : B " : $ F; F ; ? & ; & " : 10. $ () =B$ : QPE# 'H = ; ) bc ; $ ( ': $ ; $ & &# $ #=B =Q: $ : $ () % =B$ : Q ; :O # );

$ A = &# $ : $ & ( " " b #$ :; a =&# % $ B % ( $ B# %E< =B$ : Q);$ $ : ( % &# =B$ : Q # ; : F % F" :; a % &# $ =&# # $ b B# ? = B = B F &# ); A = &# $' ^) B ' ; ;$ ; a % Y' % ( b; B ' " ( ; $ :; () 11. # : ; =&< z %

B: &# ) B &# a

# ; F $ (F%

; ' $ : < $ : ?' Q% F " % < : % " $F #F" 'H % =&# ( ?$ : ?' Q #$ $ FE $ F " % < : ( $ '] ( = = ' B % < ? 'H : # $ ' $ ? ; ? ? ); ' B ?@A =% ' B CBA =% $ $ $ : ' O : D :B% 'H :

. .2

53 !!/: $) $ +*$ /# ;!

Q' % WBI ' ' $ " % $O $ P Q " ( % # 'H % $ A = ;( $O =F $ Y Y Streaming " ( Y' $O $ P Q &

Y' ' ΠB B# q] $B Y ( %@ # () q] Y ;: ( % % q] < ; FE F () Q' :B # $% () % $ qd A = &# $ $B Y ( $ ' ' ( " % F $O =F < a ( ; (F B % %E< $ ' % Q' :B ( $O =FF : $ $ : 1. () % $ 1.1 ; $ F?% $ :O F = " ( :; ; " ( E ; &#

F $ () % 'H Y ; F() $BC$ '' $ % % % $ & ; &<

'H ;$ ; B# " b%

F ( ' B CB & " ( F

< C () @ : $ $% $% ; ( $O =F :; ; $

F % $ ( ; ; 1.2 () % $ # $% F ' =B =Q # ; $ & & @ % : $ F $$ $% ( :; % $O =F Y % $ =BF @ < & % % : $ $ $ ; $ () : $ B $; 2 ' ( A $ ' :B ; F: " F B $ F % $ ( ; ( ' # ; ; " ); $; & ); q( 1.3 () % $ 'H ;$ )&# Y =&# " BD () ( @ < 'H () # ? % $ # 'H ' Q B Q F % (: % $ <" B $ :? <( $O =F FE $ % $ 'H ' Q B Q $ ; () A = qd 'H ;$ " BD % % () % $ 'H ;$ )&# Y & % E % . .2

54 O$ < $O =F < () A = qd % ( b; () % $ 'H ;$ )&# Y OF $ ;$ % & () % $ 'H ;$ )&# Y F " ( ; &# ' OF " ( :; () ( @ < $ () );$ ( ; 1.4 () 'H ( & Y () A F $ B':Q ( & < F () =&< #( F $; () qd 2. () =&< $ '^B :B( () =&< : $ < 2.1 & () =&< % ( & : $ & ; & & =&< ; ( & : $ & % 2.2 ( $ &# () =&< # % $ & qd =& < $ F " ( ; " : () =&< # ( () =&< 'H =&< ;$ # 'H % $ qd < < 3. () qd qd < # 'H A = A = 3 B:B A = ; () qd ( $O :? ; 3 ' & =&# " ( $O =F < ; (F E $ (F% () &# # % $O P:Q " ( $% ; ; (F:B : F < ( () qd ( :; % $O =F F : $ $ 3.1 ' % () qd ( $O =F < 3.1.1 () 'H '?X " BD (Navigation button) =&# );$ ( # ) () % ' ;$ :; a % $O P:Q

'?X ; <F ; ; $; () % $ 'H ;$ )&# Y A = qd );$ =B# $ ; =B# @ c= % $O P:Q FE = $; $O P:Q ;$ ( b;() qd 'H '?X " BD % % () qd 'H ;$ " BD & " ( ; F ? : &

;$ # ' # ' # " b);$ ( % $O P:Q < () $ % & () % ; F " ( () $ ( ; Y : $ () '?X # % % q] A =' @ 1-5 KB $ $ $; 60 Â? 165 F? $ 25 Â? 60 F? ; $ () q qH :Q( '?X F () ; % (F$; 'H '?X ' Q B Q " ( % $ ' ^ ; A = (Alternative text) F );$ ( () B )&# Y Y ;: ( A = ; Y OF 3.1.2 () 'H A = # =&# );$ ( # ) % ' ;$ :; a % $O P:Q

A = #F );$ E : ( $O =F < A = # 'H A = E# A = # &# B ;$ :; a % A =F )&# Y ' $O =F :; % & " (

Q qd ( $ $;

'? X ( < ; Y A = = A = $F O$ $; ; Y '?X '?X ;$ % #= &

A =( $ # $ P P F " ( () $ ( ; Y 3.1.3 () 'H Y Y =&# A = b @Q% Q Y Y );$ ( B F F" )&# =B# $ ; ( & $O =F < . .2

55 3.1.4 () 'H F? O: (Bullet point) =&# E : # ) ( O ;$ % () =&# # ; ( $O =F # ; 3.1.5 () 'H $ &# (Masthead) =&# ( # $; ; ;$ % $O =F Y F =B# A = B' Q: (Clip art) ( ; %E< 3.1.6 () 'H ; & # (Divider line & horizontal rule) Y #$ '() =&# < ;$ % # % # $ $% " " : 3.1.7 () 'H A ==&< (Background image) =&# ( $O =F $ ; " ( ) ( % '( ;$ :; a =&< # 'H # B & % # ;$ )&# Y ' $O =F &# a 3.1.8 () 'H $% (Heading) $ % $ # 'H qd =&# 'vb ; '

% ( &# =B$ : Q% () 3.1.9 () 'H A = ; (Photo) () =&# ( $O =F < ; (F $ A = ; % % $ =BF @ ( () qd < 1) ( A $ ' :B ; $ : () $ ( ( A =' ^ $; 10 $B 2) () qd =&# 'H ;$ " ; ' % # # $% 3) () qd =&# " ( $% ; (F &# $ 4) () qd =&# " ( $O =F < '] ' Q% $O =F < $ E # 'H $ : % () 5) $O F & $O # $ &

) = &# () )? % qd #' $ ;$ # 'H B Y Y $ &# ; < =&# ( () $ ( O$() qd &# ' O:; &#

$ #() ( )? % qd ; $() $ ; 6) % % $O =F $ ; $; 40-60 K PE# 'H Y #$ ' :; F" 'H : A = $O =F $O =F% 75 K O $ :; $ ( ; Y ; $Y ?' () qd F : =BF @ E $ O$( ' ^A = '] ' Q qd =&< #( $ $% j $ E k < < qd ( $O P:Q $ % ' $ () =B D $ < <'?X BD $ &# O: ; F %E< &#

( () ( E# # ;( Y Y % $O P:Q < 4. () A = &# $ A = &# $ B CB= :; B# :; a # ;( A =Y #: ; ( A = # B# &# $ ' Y F " ( E " b FE ; $ A = &# $ $ ( $O =F = F " ( () ; CB( ; % $ F < ; F () A = &# $ $ : $F Y =F # ; $; ; :;

; ; :; ' ;$ :; a $ $ (

() $ ; ( ' ^ & ; = . .2

56 A = &# $ & B =B D (# ) F =B# $ ( ' ^ A = &# $ ) B F" 'H : :B : < Y' " ; FE F ); Y' Shockwave Player Y' Flash Player " A = &# $ () : =BF @ % $ ( " () F? ' Q( " < 1) $ :; &# % A = # ' # ' ' 2) ; % B:B( ' # 3) ' # ' ': $ 4) B# ; 5) " ( A = qd ; (F %E< 6) );$ ( Y 3 B:B 7) () E $ (F( );$ B# : $( ? B# =&# ;( ; " b 8) =&# ( () '^B = CQ % 5. () $ D Q () $B Y $O F B 'vb # $ $ $ % ); bb @ FE $ ( # ? $ F" 'H : () $ () $B Y # < () =&< # () =&# 'H ;$ B % $ A = $; () ;$ % &< ( $O P:Q () $B Y % $ ( @ :; ' < 1) " ( @ % Y D Q A = : Q 2) ( () ' (F( ? B A =% = ' @Q =B# %E< 3) B# # &# $ ); ;$ % : Q & CB: 6. () ;$; F 'H = : ' c );$ ( " $O ; (F % # 'H RealAudio " ( B ' # ' () % ( $O F B #: ( q] ; Y ; $FE 'd qv 'H qv ( ( " ( $O =F < ) $B:) $ () O ); $ () % $ A = #F : & () ( $ Y # $ $; ;() F $ $; () ' Y ) Q % () % # 'H < 6.1 ); % &# $

F ( @ &# FE ; :; % F

6.2 = () =&# B );$ & & ( " " 6.3 = () $B Y =&# );$ ( FB : E ? B @ % = . .2

57 6.4 < < () $O F 'H : = ' :; a : 'H ' % (# ) 9#+ # ! # e-Learning ?b) (FP&# ? ; $$; 'H $ # 'H @Q F : " $ $ " E E $BC % (System approach)

F : " E $; F : Y ; ' ^:; ; " % < : ( ; ( (F <

F : $ $ 'H ; Y % < : ( < ( ?b) (FP&# ? 2537, 25) 1. DE : =&# ( E % ( $B) # " ( : $; &< < 'H ; ( $ () $ ( ; $ =&< z = ( $ = % 'H ; F < F: DE ' @Q $B) < a % : & &# a =&#

'H % ' ( $ :; ' 2. " F? ' Q )B = :B & F? ' Q &# a # $ $; B $ & ; " F? ' Q <

F " $ : ?' Q c= =&# ( ? B =CQ 'H ': $ : ?' Q #$ ' # " $ ( : =&# ( $ : z $ (Academic Content Standard) : z $ (Performance Standard) : z $ (Procedural Standard) : z $ # 'H Q $ (Declarative Standard) 3. F? ' Q )B = :B " " ; % $ : ?' Q =&# ( $ :; &# B PE# 4. $B Q &< F 'H A B%; Y D $ : ?' Q )B = :B " " ; #F " $ " ' ( $B QF &< $B) ( $ = CQ:; &# B PE# Y F $ &# ( ' A B%; # @Q " ; % $ &# :; a = < " : % &< # @Q $ 5. F P &< 'H ;$ ; &# F =B$ : QF 'H #' DF F Q &< < a F 'vb ( < FE F" 'H : P &<

'H ;$ ; # $ @Q( :; ;$ ; = $ F :B : &< &# :; ' Y ; & % : 6. % $ ( :; : &< # " % $ ; < F : 'H ' Y # ; :; $ % (F% % $ ( :; a : #% :; $ Y #$ '( :; ;$ ; % &< F ' $ % $ :; a 4 ) B &

6.1 (Set Frame) 'H #F ( % Y F ( &# :; a # ; ; . .2

58 6.2 (Practice Frame) 'H #F ( % # F 6.3 ; (Terminal Frame) 'H Y F : " $ $ % (F F : 6.4 ; (Subterminal Frame) 'H % :; F ; :; 'H #F % $ % (F B F ; 'H #F B $ % (F( ; ( % (F : B# %E< :; F 'H #% ' 7. % : Y' # " % ( # < $ $; Y Y' # %E< F" 'H : ' % 'H ); Generative & Artificial Intelligence OF : # " :; 'H Y' Authoring PE# 'H Y' ; a O F Y ;: % % < : < FE F $; 'H % < : : '] % &# =B$ : Q 8. '] % &# =B$ : Q ( '] % &# =B$ : Q < F : '^B :B : % " % Y' < a 9. : $F $ % F =B$ : Q &# '] % $ () : " # F : '^B :B : $F $ F %' ' ? F? # = ; 10. '] =&# : $F $; 'H ': '] & ; = ( F" 'H : ' ' ? O $ % ; " '() F B 11. :B : % '] < 'H 'vFF #F" 'H &# Y =B$ : Q ( F ?; '] :; a 'H ' : # $ $ ; F? ; & % = ; & ' O # $ %

; $ :B : $ $ $ 'H % ( = > =B$ : Q <( %E< :; ' =B Q D : ; $$; = > ;

'H 3 % < : ( b;a (=B Q D : 2531, 20-25) &

1. % <

(Instructional Design) 'H " ?@ @ ' " % Y'

: $ ( &< FB:$B $BC $ ' B PE# : ;$ = > < 1.1 $B Q &< Y % =BF @ < 1.1.1 & &< # " P<" ; a : A = ' 1.1.2 & &< # $; );$ ' $ ( $; $BC B 1.1.3 &< ; # F" ( ;( '% CB: = F B a FF : & : () $ ? B< ' & &

?' @Q # = 1.2 DE $ 'H ' Y % =BF @ < . .2

59 1.2.1 ? # $ = F = > Y' : $ : & ; 1.2.2 F () $ ( = > B $; C & = > $ &# &# & ; 1.2.3 : ?' @Q=B D #:; =B# :B F =B$ : Q & ; 1.3 " $ : ?' Q F : " ?@ @ B# # $ F ; () Y' Y ? B# :; ' < 1.3.1 $ =&< z % $; : ; #F () Y' 1.3.2 B# # $ F () Y' $; $ 1.4 " % < : " & " &< # F $B Q B# # $ F " $$ $ ( '% Storyboard Flow Chart Y ( &# :; ' < 1.4.1 A #() & ; 1.4.2 % % $ ( 1 F A = 1.4.3 % % : $ # $ % 1.4.4 " :B " ) B :; a ( 1.4.5 FB:$B ) < 1.4.6 ' B $ (F 2. % < (Instruction Construction) E ' ' ? % Y' < 2.1 Y' 'H " &< # ;( '% : # Q (Story Board) ( 'H )? " # # =B$ : Q % (F Y () A ( A E# & Y' " Y c= (Authoring System) Y : : $F % B = &# F :? :; ' < 2.1.1 ' " # B = (Syntax Error) 'H () " # ; : : % " % A 2.1.2 $ $ B B = (Logical Error) 'H % (F % < : " &# 2.2 " 'H " Y' # ': $F $ : F A = F %Y' ( ;$ " ' ( A = () F B =&# " % Y' % = ; #

; E =&# " % ; < ' ' ? : c %Y' :; ' 2.3 ' ' ? % F % = ; F " Y' ' " $ " ' ' ? % ' ' ? F : ' # ' #: c % Storyboard ; $FE ; ' ' ? % &#

% $ " ' " ( ; F $; F Y' # $ " ' " ( ; F $; F Y' 'H #= (F FE " '() $ " ; & ' () Y' $ . .2

60 3. % < ' ? :Q() (Instruction Implementation) ' ? :Q() ( ' B 'H % < : #F : B (F$; Y' =B$ : Q);$ #= > %E< 'H ; $ #F () ( & ; 3.1 ' ? :Q() ( " Y' '() ( F : " : % " " () Y' ); Y' #

" CB: $ ( () Y' ; % F B 3.2 ' B 'H % < : ? " = > Y' 'H ?'$; Y' # %E< 'H ; $ #F " '() ( & ; ' B ;

'H 2 ;$ &

3.2.1 ' B $; F () Y' < $ ?$ : ?' Q #: < $ & ; ' B ;$ < " Y " ; =&# $ $ $ % $ $ % (F( &< 3.2.2 ' B ( ;$ Y' " $; () Y' &< $B) & ; D :B% :; () Y' 'H ; $BC () Y' ; ; $BC $ : % &< :B :; 'H ; ' B ;$ <F () (Questionnaire) (DB B) $ $ 2543, 173-176) #! # +' ! " $ +*$ " <0 # " b% Y =B$ : Q & ^ % )&# Y (Association Theory) PE# 'H $ F $; B# (Stimulus) : (Responses) Y B (Reinforcement) $ $BC '] (Feedback) () 'H =&# ( B # %E< :; ;$ % : ( :; % F ; ; Y ( FF : $; a : :; a F $; ( O ( % :; $ " E E % '^B :B < 1. ( DE " $ % (F A B% ; &< ( 2. ( " E E = :B ; % = :B =E ' A $ 3. () ; :; ; :; Y () % $ : ?' Q )B = :B :; " $ $ 4. $ % F " : % & B# 5. ( :; F : Y D Q (Concept) = $ B $ 6. F ) < (Cuing) & ' =&< (Prompts) ' &# $ F" 'H 7. # () " " : ) a Y ;F" 'H . .2

61 8. F $ ); q $ ( $ :; ; : F

; $% : PE# & 'H $'^B :B % $ : %@

& %;

B Q O: =&# ( # %E< 'H # # 'H F E @|Q ; $F B ' B CBA = ?

. .2

62 !!,- " ! !!! # e-Learning ************ 1. 2. 3. 4. 5. 6. 7.

=&# ( % CB

e-Learning =&# ( % CB B

&# :B =&# DE =&# ( % CB " % < : %

&# :B =&# DE =&# ( % CB @ % # =&# ( % CB

() % :B ( $O =F =&# ( % CB % < : e-Learning =&# ( % CB % :; % &# :B =&# DE

% # #% /# % * $ 1. % $ : E $ " b(

'H ; B# & $; 'H $(F % = > 2. DE ( $ ; F # " ^ '() (

3. % ?' : $% # " ( ( E # 2 " ; $B ' F" & ; ; " ; & %;

. .2

63 !!! # 0 " ! !!! # e-Learning )& # ............................. ? .........................)&# () ....................... ; ........................... 1.

e-Learning ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. 2. B

&# :B =&# DE ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. 3. " % < : %

&# :B =&# DE ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰.

. .2

64 4. @ % # ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. 5.

() % :B ( $O =F ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. 6. % < : e-Learning ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. 7. % :; % &# :B =&# DE ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰.

. .2

65 # * + + !

$#% % B':Q (Script) 'H % < : % = > &< Y " &< # $ : $ &# ( % < : % $B Q =BF @ ; 'H a " F " : $F $ : F # E % < : = > % < : 3 % < : ; < ( =Y F Q : @C ? = Q :BY , 2541) 1. % &< : ' # " (Script Development)Y % 'H a F : % ': #

$ Y c= 'H Interactive MultiMedia CAI : IMMCAI F : " % $ A = G G " '^B = CQ (Interactive) $ ( @Q " q Q (

(Frame Script) F() q Q # %E< 'H =B D =&# $ $ (

#' $ :B ; :; " F? # Y: : & '^B = CQ (Interactive) ( :; q (Frame) % A = # 5

A = # 5 q Q "

&< (Frame Script) ( A = ;) ?@ Save A = F http://yalor.yru.ac.th/~sirichai/4123612/unit4/ cai-develop.html) F A = # 5 F E :" ; % $ &< :;( < F: &< & " =B# :B FE : ; ; E# =&# &< =B# :B A = # 6 . .2

66

A = # 6 q Q "

&< (Frame Script) " CB ( q Q CAI Script q Q F" $ 2 ; :; % Script F" $ 1 q < # 1 Subject/Module

& )&# $ &# / ;$ ); )&# $ &# & Q $ Q (Hardware)

Title

& )&# $ &# ); )&# $ &# & ?' @Q % (Input Device)

Page no

& % # & Frame #% (1 q E 1 F A = =B$ : Q) @ # ' % q & &< :; ); , ? 'H Page no xx Â? xx

Sheet no

& % ; %# Script : % %% Sheet no ( @ #() q Q % Script

q < ;= ( ; $

Main Icon

& )&# Group & Map Icon % q ( Y' =B$ : Q $ P q:Q $ Q Macromedia Authoware

File

& )&# q] % # O % ( =B$ : Q ); C:\CAI\Moudule1-intro.a6p

Content Layout

& B $@ #$ & % &< % Script '( ); $ B $@:" ; % ' A = &# $ B $@ :" ; CB &< $ B $@ # Y: : (Interactive) 'H :" ; A,B,C,‰( @ Link ' q Q &# & q & # a A ( q Q $

Link from file

& )&# q Q &# a # )&# Y (Link) q Q < @ :" ; % q <

Interaction/Effect

& F? & B $@ #Y: : $ )&# Y ' q Q &# / q &# A ( q Q $

Link to File/Page

& )&# q Q &# # )&# Y 'F / q < & ? c= % / q @ )&# Y A ( q Q $

Interaction in Page

& B $@ & :" ; # Y: : Y: : B %E < A ( & q < ( @ # Y: : & ? 'A = &# $ % Y: : ) F ( % . .2

67

CB = Script ; $ O & ; % O ); ' ; % '?X F ;: % CB O Screen Show Out

& " ' effect &# q < =B$ : Q % CB Y ;

a ); A = $ &# %E< F ; % F A =) a ;F" 'H : Screen Show Out ? q O

Image Folder, Animation Folder, Audio Folder

& " Drive Folder =&# O q QA = A = &# $ # " () ' ( q < Y ? ); C:\cai\image

File name

& )&# q Q A = A = &# $ # " () ' ( q < Y ?) &# q Q ' A % q Q ); frame20.wav, computer.jpg

Script Writer

& % &

Script % q <

Graphic

& F # : /

/: :; A = qd #' ( q

Video Shooter

& F : A = Video & A = &# $' ( q

Narrator

& E / ' ( q

Super Visor

& $ ? = > CAI

Inspector

& : $F

F A = <

Approved

& ( " ? : B ( " Script ' 'H CAI ( % < : :; '

Date

& $ # ? :B (( @ 'H )? $ )&# ? ( ( % # Script # ; ; $ O )

Note

& :? &# a #: =B# ( Script

# 2 Content

& ;$ # 'H &< & % $ #: CB $ ( q ; # 1 ;= %

Narration

& " :# E ' $ ( q < Y # " ; $ & % $ &< (Content) F 'H ?' &

CB =B # :B =&# ( B ( &< % q <

. .2

() ( @ % ( q Q

68 : $ ; % &< (Script) A = # 7 A = # 8

A = # 7 B':Q #

A = # 8 B':Q # 2 ( % B':Q 2 :; % =B$ : Q 1 ) 2. F " " &< (Storyboard Development) 'H " &< & # % 'H Script $ " " # $ $ ( % < : %

PE# F 'H B# =B =Q " < $; " b 3. " &< # 'H B# =B =Q < : $F ; $ : (Content Correctness)

. .2

69 Y c= IMMCAI F 'H % :" & &< ( ; < &# $ D ) # $) b( $B) < a (Subject Specialist) 'H : $F ( F < " &< ' ; Content Validity Reader Reliability Y () ?; : $ ; '] $ $' ' ? ( @Q # " () : ; ; $ ; " FF" $ # $ )&# # % : ' ' ? ( @Q PE# % < : = > < < &< :; a $ F 'H : $ & Q $ Q (Courseware)

. .2

70 !!,- " # + ! ************ =&# ( % % B':Q : Q % e-Learning

% # #% /# % * $ 1. % $ DE $BC % B':Q( e-Learning '^B :B ' = a F " ( B $ $ % (F ( % B':Q (Script) : Q (Story Board) % e-Learning 2. % % B':Q% < a ( E # 3 ' @ 3-5 (Frame) % =B$ : Q " ; $B ( & ; ; " ; & %; (( F B F : % < ) # * + ! #

. .2

71 E &# % Script ( e-Learning )&# ............................. ? .........................)&# () ....................... ; ...........................

E-Learning Story Board

Subject Module ‰‰‰‰‰‰‰‰‰‰‰‰‰‰ Title‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰ Page No‰‰‰‰‰‰‰‰‰‰‰Sheet No‰‰‰‰‰‰‰Main Icon‰‰‰‰.‰..

Content Layout ( B $@F $ &< )

File name‰‰‰‰‰‰‰‰‰‰‰‰‰‰ ‰‰.. Link From File /Page‰‰‰‰‰‰‰‰‰‰‰.. Direction Titles Link to file/ page ‰‰‰‰‰ ‰‰‰‰‰‰‰ ‰‰‰‰‰. ‰‰‰. ‰‰‰‰‰ ‰‰‰‰‰‰‰ ‰‰‰‰‰. ‰‰‰. interaction in page ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰ ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰

Screen Showout‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰ ‰‰‰‰‰‰‰. Image Folder ‰‰‰‰‰‰‰‰‰ Script Note‰‰‰‰‰‰‰‰‰ File name‰‰‰‰‰‰‰‰‰‰ Animation Folder‰‰‰‰‰‰‰‰‰ Writer‰‰‰‰‰‰..Graphic‰‰‰‰‰ ‰‰‰‰‰‰‰‰‰‰. File name‰‰‰‰‰‰‰‰‰‰‰‰ VDO Shooter‰‰‰‰‰‰ ‰‰‰‰‰‰‰‰‰‰‰ Audio Folder‰‰‰‰‰‰‰‰‰..... Narrator‰‰‰‰‰‰‰‰. ‰‰‰‰‰‰‰‰‰‰. File Name‰‰‰‰‰‰‰‰‰‰..... Super Visor‰‰‰‰‰‰‰ ‰‰‰‰‰‰‰‰‰‰‰ Inspector‰‰‰‰‰‰‰. Approved‰‰‰‰‰‰‰‰Date‰‰‰‰‰ ‰‰‰‰‰‰‰‰‰‰. ‰‰‰‰..

. .2

72

!! ! " ! # e = Learning *************

% : 9 ( & " : Y (X) : $ & #: : & B & '?X #: & ( eLearning =&# 1. &# : % ( & $; 'H &# ' A . Y D Q =&# DE %. $B ? =&# DE . P =&# DE . &# :B =&# DE 2. % ( ;(); :? #: B: & # =&# . &# ; %. " ( A % ( . : :; $ : :; $; ? . " ( $ : 3. &# ' A ( : $ ' @Q% Q (Edgar Dale) # :; # ? . () % F B 'H &# %. () A B' . &# F Y D Q =&# DE . &# F $B ? =&# DE 4. &# ' A ( : $ ' @Q% Q (Edgar Dale) # :; :#" # ? . () % F B 'H &# %. () A B' . &# F Y D Q =&# DE . &# F $B ? =&# DE 5. ; $ & &# : % ( . = CQ &< F? ?; #F %. $ ? ; ( () . A = &# $ (F . A = $ :&# :

. .2

73 6. B Q (Skinner) & ? : % $ B ( $= :B B ; $ B ; . % ? Q 'H B# # : F = :B A %.

O $ #F " E E $ : :; A ( % ? Q . % < ; B %E< % Y $ . Y A ( % $ # ? Q ; < F @ 'H ?; # )&# Y 7. $ Q (Crowder) ( @ % (Branching) 'H $ $ B : ( . = :B B (Behaviorism) %. 'vbb B (Cognitivism) . Y $ (Scheme Theory) . Q B (Constructivism) 8. = :B B " ( B Y ( @ ( . Linear Program %. Branching Program . Parallel Program . Web Program 9. &# ( e-Learning $ B ( 'vFF? = :B # ; # ? ( % ( . : :; Anywhere Anyone Anytime %. : :; $ : :; $; ? . $; F B . O 10. ; e-Learning F :

F " B# ( . Script & Story Board %. Narration Script . Programming Script . Database Script

. .2

74 ;! ?+ * B Q B . Y Y DE $ : . ? = : Y =B =Q)$ =B =Q, 2540. = F . B Q O: : & %; =&# DE . $ ?D : Q 26 (= DFB 2541 � ? A = CQ 2542) : 55 � 66. ________. $O (Web-Based Instruction) $ : =&# ?@A = .$ DE D : Q $B ) ( ;. '– # 28 c # 1 � B ? , 2544. .Designing e-Learning :

$O =F =&# . ) ( ; : $B ) ( ;, 2545. =| Q D q] , @# !! # #(' # " ' $ * + " A # , ' Bbb B= CQ DE ? @|B: $B D B $BY >, 2544. http://www.nectec.or.th/courseware/cai/index.html http://yalor.yru.ac.th/~sirichai/4123612/unit4/cai-develop.html

. .2

! " # # $ e-Learning - ! . . / " 0 # # 1 $

2 / / 3 / ! 4$ #"5 1. 3 7 $ 3 1 8 2 " # # 3 Moodle 8.7=$ $ - 2. 1 1 ? 3 = 7 #. 8=$ 1=" # 7 # ! . . / 1@# 2 -

! ! " #$ $ $ 1. 3 7 $ / 5 8 / 8 -3 1 1 ? 3 = 7 #. e-mail 8=$ 1=" # 7 # . / 1@# 2 7 # 7 # # Login / 5 .7 -1 $- 7. 0 2 # 7 ##"5 2. 0 2 3 5#. # = " 1 B- 7. " 8 - #8 / # = -1 0 3 5#. # 7 # # # 5# 7 3. "3 1 ! 2 # . /0 ! = # $ #! -. # D" " 7 # $ e-Learning 3 = login 1@# 2 8 " " # # # $ e-Learning $. 8=$1B2 .2 7 # 0 2 #E 8=$# #"53 = login 1@#3 == " # 7 2 / " 7 7 = .7 " # / " # 2 - F 1@#3 = " / 0 - (- 7/ # F # " " # H# 8=$ 7 " #=7 1=" #81= 7 # H ) %& 1. /" Ctrl , Shift Alt # 7 81Q# 2 # /" =7 #"5/ 8= /" " 1 B = / + " / 5 " 5# E 7# Ctrl+c !F /" Ctrl / - 8= c 5#E " / 5 " Ctrl +Shift +v !F /" Ctrl 8=$/" Shift / - 8= /" v 5#E " / 5 "

2. / > !F 3 5#. #! -1 /=2 " # /1?W / 81Q# 2 = / =7 7# Ctrl+c > Ctrl+v !F /" Ctrl + c 8= . /" Ctrl+v . .

-76-

& " #$ $ $ 1. /=2 #/0 7 Z 3 7 $ [ \F 7 ? 3 #3 H ] " 1

] " 1 2. 2 ( login) 3 7 $ # 7 8=$ 2 7 # # 7 7 # 8= /=2 " 1?W Z 3 7 $ [ ] " 2

] " 2 3. 1 B 8=$# ?=3 " Login = /0 7 Z/?D 3 7 $ # [ # " #"5 .2 / 1@# # ?= # " $1 B/0 7 Z # "[ ] " 3

] " 3

. .

-77-

4. - 7 ! 3 7 $ =7 - # 2 $ - 7- 0 # = #_ #3 = 1@#-1- " 3 = Login 7 # " 2 " / $ / 8=$ 7 # $. 2 4 . =H 7(Case Sensitive) . " 2 $ 0 # $ .7 # $- 7 ! 3 $ - 7 - H. " #= #- 7 ! 3 7 $ - 2 $ 7 # 7- ( " #- 7 !8 -3 7 #- 3 7 $ - 7 0 H ) 5. 1=" #3 = 7 #. ! . . . / 1@# 2 8=$/ 1=" # 7 # 7 8=$ H 1@#/ = # " - 71 $ / " 7 # / " " # 2# 7 " / /2 - /=2 " 8 #] " 4

] " 4 6. /=2 tab Z8 -33 = 7 #. [ ] " 5

] " 5 ' ( ' 3 = 7 #. 3 2 $ e-Learning # F = #_ #3 = \F 1@#3 = " 1@# 2 ?.23F5# / $ # # F 3 = 0 # # \F 1@# " # " # $. 3 8 -3 ! . ? c $ e-mail $. . / 2 # D" $ " e-mail \F 1@#3 =1Q # = $ e-Learning - 7. 1 1 ? 3 = 7 #. . / 1@# 2 . # 87 = H- 7 0 1@#. 1=" # ( 7 # 7 $. 0 #/ 5 8 # 2 $ - 3 = " - 7! . #/ 5 .7 -1- 7. 0 #3 5#. ##")5 > 1?W Z 1 $ .2 7 #. [ ] " 6

. .

-78-

] " 6 8. /=2 1?W Z 1=" # 7 #[ 7 # 7 (/ 0 ? / 5 /2 7 7 # 2 - 7 1@# / = 7 # 1@#/ = H- 7. 0 3 5#. ##"5 #/ 5 ! -1) ] " 7

] " 7

. .

-79-

9. 2 7 # 2 8=$ 7 # 7\50 2 / 5 # 7 0 2 3 = 8= /=2 1=" # 7 # ] " 8

] " 8 10. 1=" # 7 # 1@#-1 7 ! . $ "3 / 7 Z 1=" # 7 # " 8= /7$[ > /=2 Z3 5#.7 -1[ ] " 9

] " 9

. .

-80-

( $) "' 2 / / 3 / ! 4$ #"5 1. 2 " . " # # # $ e-Learning - 2. 0 # /7 .7 E # 2 /= $ 2 " # # 8=$ = . 3 ! #gF 4 -

! ! " #$ $ $ 1. " # $. 2 # $ 2 " # # 8=$ " =$ " " /= # 5 " ##"5 " # ! 3 " # # 2 " " # 3F5# $ 8=$- 7 /" # 1h " 2 3F5# # # /. 2. 0 2 3 5#. # = " 1 B- 7. " 8 - #8 / # = -1 0 3 5#. # 7 # # # 5# 7 3. "3 1 ! 2 # . /0 ! = # $ #! -. # D" " 7 # $ e-Learning %& 1. /" Ctrl , Shift Alt # 7 81Q# 2 # /" =7 #"5/ 8= /" " 1 B = / + " / 5 " 5# E 7# Ctrl+c !F /" Ctrl / - 8= c 5#E " / 5 " Ctrl +Shift +v !F /" Ctrl 8=$/" Shift / - 8= /" v 5#E " / 5 "

2. / > !F 3 5#. #! -1 /=2 " # /1?W / 81Q# 2 = / =7 7# Ctrl+c > Ctrl+v !F /" Ctrl + c 8= . /" Ctrl+v & " #$ $ $ 1.

/=2 # Z 2 5 [ > Z 2 8=$8 -3 2 [ 1i # H 1 $ ] 2 ] " 1

2.

] " 1 2 H 8 2 5 > /=2 =?7 $ " # ." 2 ] " 2

. .

-81-

3.

] " 2 $ 2 # H 0 2 2 /=2 1?W Z 2 2 [ ] " 3

] " 3 4. 2 # 8 -3 2 8= 1=" #81= 3 = # 7 Z .H [3 2 # " #"5 .2 1@# /D2.g . 1.5 2 Z 7 [ 3 2 # 5#E 2 " . " # (/ 2 / . = 2 ) $ # 3 " #3 " # 8=$1Q # #3 " # 8=$ 2 3 = 7 3 2 # 5#E # 7 Z / 7 [ ] " 4

] " 4 5. # 7 #"5 ! 1=" #3# . 4 (font) ". 4 18 . 4 3 = = 2 D3 / 8= /=2 1?W /0 .7 E 8= . = 1=" #81= " 2 3F5# / 2 - H- # #"5 !8 . 8 (link) 7] 1 $ k=k -

. .

-82-

= 18 1@# 3 0 # # 2 . # " #- " # . " 1@# 2 8.7 # " #"5 .2

# " 1@# # # 1l (/.g.) 1h ? # ! " #- 1=" # 0 # # ( 1 / 3 ) . 0 # # 3 / 0 # # (8#$#0 8 3 ) # 7 Z8 /$8##[ = Z 7[ # 7 Z8 # 2 [ = Z 7[ 1=" # Z3# -m= ? [ $ (/7 1 2 / 2 $- . ) ] " 5

6.

] " 5 /=2 .7 " 1?W Z # F 1=" #81= [ ] " 6

] " 6 7. $ 2 # H " # 0 # 3 2 7# / " ! " # (Course creator) 8=$/ / " $ 1@# # /=2 = 8= 8.7 D" ] " 7

. .

-83-

] " 7 8. $ 2 # .7 = " # # " 2 0 # ## H ! = 8= 2 3 -1- = " 2 0 # # E 0 1@#. 2o" / # 2 / " # > /=2 1? W Z/ # [ ] " 8

9.

] " 8 = / " #. " . > /=2 1?W 2 ] " 9

] " 9 10. /=2 2 " # " # ] " 10

. .

-84-

] " 10 11. # D" " 1 8 - 7 7 # 8 -3 " # ( "1?W = ) ! 3 7 3 8 -3- /=2 1?W 2 8 -3 # # #"5 ( 7 # 8 -3 78= - 7. 0 ) ] " 11

] " 11 1 8 " # $ 3 7 8 -3 " # 8=$ $ # 2 7 H 0 H . ? 1 $ /

! ! " *( 2 / / 3 / ! 4$ #"5 1. /0 8#$#0 " # / 3 " # 7# 2 2 $ 5# # /0 o2 2 k=k 2. Dp 3 /$8## # 2 .7 E 8=$1 $ 2# = 5 3 . = .7 E " # " #/

! ! " #$ $ $ 1. 2 8 " # " #/ 7 # 3 " # / 2 2 $ 5# # /0 o2 2 # " # 7 1@# 2 " ! . . " . " # - 7 2. 0 2 3 5#. # = " 1 B- 7. " 8 - #8 / # = -1 0 3 5#. # 7 # # # 5# 7

. .

-85-

3. "3 1 ! 2 # . /0 ! = # $ #! -. # D" " 7 # $ e-Learning %& 1. /" Ctrl , Shift Alt # 7 81Q# 2 # /" =7 #"5/ 8= /" " 1 B = / + " / 5 " 5# E 7# Ctrl+c !F /" Ctrl / - 8= c 5#E " / 5 " Ctrl +Shift +v !F /" Ctrl 8=$/" Shift / - 8= /" v 5#E " / 5 "

2. / > !F 3 #5 . #! -1 /=2 " # /1?W / 81Q# 2 = / =7 7# Ctrl+c > Ctrl+v !F /" Ctrl + c 8= . /" Ctrl+v 1. /=2 1?W 8 -3 / 7 ] " 1

] " 1 2. 2 2 2 $ 5# " # /0 o2 2 $ 0 / = " # " / Dp

8=$1 $ 2# = k=k = 3 . = .7 E " " #/ 7# .2 # " #"5/ # " # 2 /D2.g . 1.q > # F 1=" #81= ] " 2

] " 2

. .

-86-

3.

=3 # F ( ! 8 -3 2 .2 = k=k 7 ) 0 2 = ] " 3

] " 3 3 . = H $1 B # " # H# 7# .7 # " # .= 7 = " # " # " # 2 #"5

. .

-87-

% % % " *( 2 / / 3 / ! 4$ #"5 1. $ #37 8 37 " # - 2. $ #! -. # " # !\ ! 3 # # 5 2 - 3. # # / 8=$ " # ! "1B2 #o $ 7 #-

! ! " #$ $ $ 1. / - 8 7 $ #37 $ #! -. 8=$ # # 1@# / 1 $ 0 /

3 $ e-Learning " # $. " / 1 $ =7 #"5 # " # ? " # 2. 0 2 3 5#. # = " 1 B- 7. " 8 - #8 / # = -1 0 3 5#. # 7 # # # 5# 7 3. "3 1 ! 2 # . /0 ! = # $ #! -. # D" " 7 # $ e-Learning %& 1. /" Ctrl , Shift Alt # 7 81Q# 2 # /" =7 #"5/ 8= /" " 1 B = / + " / 5 " 5# E 7# Ctrl+c !F /" Ctrl / - 8= c 5#E " / 5 " Ctrl +Shift +v !F /" Ctrl 8=$/" Shift / - 8= /" v 5#E " / 5 "

2. / > !F 3 5#. #! -1 /=2 " # /1?W / 81Q# 2 = / =7 7# Ctrl+c > Ctrl+v !F /" Ctrl + c 8= . /" Ctrl+v & " #$ $ $ # " # e-Learning 0 1@#. " / 7# $ #37 $ #! r . # # " . . $ 7 / " # $ 7 " # # \F $ 0 # !1Q #/0 ! $.? # # " #- /2 8=$. 1h # " #- ! 3 .7 / #- # / " 2o" 8=$3 5#. # # #"5 # 1 8 2 " # # Moodle $ "/7 2 . #3 $ #37 " 8= 3D$ " 2 " # \F / 0 7 $ #37 \F 1@#/0 -1 / 1 1 ? $ #37 #"5 / . 2 3 " 2o" 8=$3 #5 . # # #"5 1. # " # ( "1?W = ) > /=2 1?W # " "/0 7 $ #37 ] " 1 . .

-88-

2.

] " 1 1=" #3 / 3 $ #37 / . 2 3 ] " 2

3.

] " 2 # # .7 #"5 /=2 1?W Save and return to course ] " 3

] " 3 2 7 H $1 $ = 0 H . ? 1 $ / " . + / 1 $ 3 e-Learning " 0 / " / 1 $ #F / $. " $ #! -. 0 # " # ! /0 ! 3 # # 5 2 F / $ #! -.

. .

-89-

1.

/=2 2 2 > $ # # \F $1 1 ? 1@# $ #! -. ] " 4

] " 4 2. 2 $ # # 81= 1@# $ #! -. 2 /D2.g . 1.q 3 / " / 8=$ = .7 E ] " 5

] " 5 3.

/=2 1?W Save and return to course ] " 6

4.

] " 6 = " 2 3F5#/ $- $ #! -. 8 #] " 7

. .

-90-

] " 7 5. # $ #! -. / 1i 1 $ H# ! -. " #- $ #! -. " # $ 7 " #8=$ #.7 -1 2 $ #! -. /=2 # ] " 8

6.

] " 8 1 $ H#/0 ! - /=2 # 2 /0 ! 7 ] " 9

] " 9 7. # . 5 1 $ H#/0 ! " " #- /2 $.? # " # " s# # /2 5 #= 4D$ /2 2 / $ /2 / $ " # / #3 =/ 7 E 8=$ 1@#1h ? # " # - /2 #0 / -11 $ ? . 2 1 $ # # " 2.1 $ 0 # 2 3 8=$ =$ " 3 1 $ H#/0 ! ] " 10

. .

-91-

] " 10 8. 1 $ H#/0 ! ] 1 $ H ! upload ] 3F5#8 /=2 "1 ?W 8 ] ] " 11

9.

] " 11 /=2 Browse = ] " . $ upload ] " 12

] " 12 10. = -m= ] " . upload > /=2 1?W open ] " 13

. .

-92-

] " 13 11. /=2 1?W upload ] " 14

] " 14 12. /=2 = # ] " 1 B] = upload 2 / 0 o2 > /=2 1?W . = ] " 15

] " 15 13. ] " upload H $8 # # 8 -3 2 .2 3 / ( # 2 ) ] " 16

. .

-93-

] " 16 14. /=2 1? W Z . = $ # # [ ] " 17

] " 17 $ #! -. " # H $ 2 # " #. ? 1 $ / ' / 1 $ 3 e-Learning " 0 / " / 1 $ #F / $. " # # 0 # " #! /0 ! 3 # # 5 2 # 1 $ ? 8 real time " 2o" 8=$3 5#. # #"5 1. = 2 2 > # # ] " 18

. .

-94-

2.

] " 18 . 5 # # / 8 #] " 19

] " 19 3.

/=2 Save and return to course ] " 20

4.

] " 20 = " 2 3F5#/ - # # 0 # ! -. 8 Online ] " 21

. .

-95-

] " 21 # # H $ 0 H . ? 1 $ /

, $ * *( )$ #$ - 2 / / 3 / ! 4$ #"5 1. # 5 " # 3 / (Text) # #0 # # 5 - 2. # 5 " # ] #2 (Still picture) ] /= #- (Animation) # #0 # # 5 - 3. # 5 " # 2 " (Video) " (Sound) # #0 # # 5 - 4. # 5 " # "1B2 #o -

! ! " #$ $ $ 1. # 5 " #3 " # #.7 E $ =.2 " " # 5# 1 $ 3 / ] #2 ] /= #- 2 " 8=$ " 8.7 # . " !/ /? =7 #"5 8 . . - " 7 1@# =.2 " " 1B2 #o (Interactive Multimedia) " # F . " (Link) $ 7 8.7=$ # H Object .7 E # " # # 5# "/ 3 8=$ 4$ # # F 3 = =.2 " " =7 #" 5 =7 #"5 8=$ / # = # " # H $ ! " #- 7 8#7# # 2. 0 2 3 5#. # = " 1 B- 7. " 8 - #8 / # = -1 0 3 5#. # 7 # # # 5# 7 3. "3 1 ! 2 # . /0 ! = # $ #! -. # D" " 7 # $ e-Learning

. .

-96-

%& 1. /" Ctrl , Shift Alt # 7 81Q# 2 # /" =7 #"5/ 8= /" " 1 B = / + " / 5 " 5# E 7# Ctrl+c !F /" Ctrl / - 8= c 5#E " / 5 " Ctrl +Shift +v !F /" Ctrl 8=$/" Shift / - 8= /" v 5#E " / 5 "

2. / > !F 3 5#. #! -1 /=2 " # /1?W / 81Q# 2 = / =7 7# Ctrl+c > Ctrl+v !F /" Ctrl + c 8= . /" Ctrl+v & " #$ $ $ " # E # $ e-Learning $#0 3 = 0 #2# \F 7 # 8 " / 7 $ 7 =.7 " # 3 =?7 1Q 1@# 7 " 7= # $ e-Learning 3 = 1@# 3 / ] #2 ] /= #- 2 " 8=$ " # #"5 " -1 78 =7 3 = # "3 5#. # # 1B2 .2 #"5 , . 1. - 7- 3 7 $ 3 7 $ 8= = 2 " 0 = " # /=2 1?W 2 8 -3 # # #"5 ] " 1

] " 1 2. /=2 Drop down list # 3 " 1 = Z 2 8 =7 3 =[ > Z # H [ ] " 2

] " 2 3. 2 # H #0 # # 5 " # 2 3 " # # 7 Z [ 2 3 7 3 3 " ## 5# E # 7 Z / 7 [ - 7 2 H- 8= 2 =$ " 3 # 5 # 7 # 5 .H ] " 3

. .

-97-

] " 3 4. !. 8.7 8 4 ". 4 3# . 4 # #"5 " / # 8.7 " 7# 2 \ F = 2 3 \ -13 3 -1\ 3" #=0 3 1@#. =3 0 3 1@# = 4D 1=" # ". 4 0 . 0 . 0 . # 0 .

4 " 0 . 4 3" # . / = . 0 " 5#. 4 3" #/ # 0 # .0 8 #7 2 (Anchor) 8 =2 / = =2 / 8 ] 8 . 8 - / # 7 4 2 g4 / # 8=$8 # " HTML 3 # 8 .H k=k \F # " #"5 $ =7 " 1 $ H# " 0 / 8=$ 7 E (1?W " - 7 o2 3" # " # $ ! 0 - = 0 8.7=$/0 .# 8.7/ gF 4 2 .2 #] = ) # " #"5 $#0 # " 1 $ H# 2 / 3 1@#8# # gF 4 = .# # .7 -1 5. /=2 1?W Z ". # [ ] " 4

] " 4 6. $ 2 # .7 / = " > /=2 = " " . > /=2 1?W Save and display ] " 5

. .

-98-

] " 5 7. = # F $ 1@#-1. " - . 8.7 - 8 #] " 6

] " 6 0 3 / " 1@# /D2.g . $#0 # #. # ? 3 #7 #"5

. .

-99-

, . . $ . % ' # 5 " # " 7 # 8 " " # 3 / o2 8= ] #2 o2 # 1 $ H# $ " =.7 " # - 1@# 7 " # F ] #2 (] \F " 7 #3 1@# jpg, gif png) ] /= #- (gif animation ) = # " # (] #2 ] /= #- 2o" # F 8 " # ) "3 5#. #1B2 .2 #"5 1. ] " . # F = # " # 2o" # 1 8 / 2 . 1 $ ] mi = !7 ] 8 Digital Scanner / = H -\. .7 E -m= ] " $ #0 # # 5 . " 7 #3 1@# gif , jpg png 7 # 5# 1@#] " " 7 #3 1@# 7 # ! 1=" # 18 (Format ) 3 ] 7 ##0 -1 # F = # " # "/0 8#$#0 # #0 ] H # Hard disk 7 # " $ # F = # " # = 2o" 2o" #F #"5 1.1 0 # ] H -\. 0 / # Search engine 1i H -\. " 7 H -\. (URL) " 8= "3 5#. # 0 # #"5 1.1.1 / # Search engine 7# http://www.google.co.th/ ( ] " 8=

3 -1 0 3 5#. # " 1.1.4 - = ) = tab 1] 8= 2 /0 0 / 3 ] " . ( 1@#] 4 „4 $ "] = 7 8=$/ $ =23 2 o2…3 ] ) > /=2 / # 1] ] " 1

] " 1 1.1.2 ] " . /=2 #] \F "3# =H ( ?D . 7 . ] $ 3# 3 ] # " #"5 $ 7 300 pixel 306 pixel \F /7 #3 . !#0 -1 7 8= #0 -1 1 $ # - =H 7 100 - ] " =H #0 -13 - 7 #) /=2 #] " = ] " 2

] " 2 1.1.3 1 8 / # $8 ] ] " 3

. .

-100-

] " 3 1.1.4 /=2 3 #] > = # F 1 1@# (save picture as) ] " 4

] " 4 1.1.5 $ 2 # .7 1 8 # F ] Folder ( "3 # Folder ! 2 # ) H ] .2 # " #"5 1@# Fraction_picture > 2 -m= # 7 File name ( - 7. . 5 7 H- 2 " 78= ) > Save ] " 5

] " 5 1.1.6 $- ] . " . H - # / / 2 . 3 " 8= " $. 8.7 .7 # F = # " #.7 -1 1.2 ] = Digital # " # ! ] # $ 4 !7 3 2 "3 5#. # " / 1B2 .2 #"5 1.2.1 !7 ] = Digital 8= #0 ] 0 # = / / 2 . ( 2o" 3F5# 7 / 8.7=$ ?7# 8.7 7 # 7 USB Port "3 ?D ! 2 7 # #E)

. .

-101-

1.2.2 #0 ] 1 3# . / . 1 8 view ] 7# 1 8 ACDSee (/ 1@# Version 6 7 ) = ] " . > Tool > Resize Images ] " 6

] " 6 1.2.3 2 ] # .7 7 = Size in pixels > 2 3# " . 7# # " #"5/ (width) 400 pixel 7 #/ (height)- 7. 1=" #81= # = Preserve original aspect ratio \F $ 0 7 #3 / 8=$ $ #o 7 # 2 . # .2 > /=2 Start Resize > Done ( ! = ] Resize - "=$ = ] - ) ] " 7

] " 7 1 8 #E 1 8 #"5 ?7# #E # 7 ] " 8 =8. .7 # -1 1.2.4 $- ] " 1=" #3# " 8= ] " 8

] " 8

. .

-102-

2 8= ! 1=" #3# ] # 1 8 e-Learning - 8.7- 78#$#0 # 1=" # ] # e-Learning 3# 3 ] " 8 H# 7 # 5# " 1=" #81= 8.73# 3 ] \F 1@#-m= 2 "3# 7 2 0 8 = #] 8=$ 1= # 5 " # Server 7 .? 1.3 1 8 " 3 !# 7# Power Point Microsoft word k=k ] 1 8 > #0 1 8 SnagIT ( ! 1 8 1 $ ] Capture #E H- "3 ?D !

2 # ! 2 $ e-Learning $ #! -. ) ] # F = 1@#-m= ] # / 3 ] " 9

] " 9 1.4 1 8 Graphic . \F $ ! 0 #- . . " . - 1@# 7 " 8.7. 5#/ # " #"5 $- 78 2o" 0 8=$3 5#. # 3 gF 4 ] # 2. /=2 1?W 8 ] # 1 8 e-Learning ] " 10

] " 10 3. 2 # .7 1 8 " 1@# / # 8 ] > " (Browse ) ] " 11

] " 11 4. = ] " . 8 ( # " #"5 - 7. . m= " H ] $. 1=" #-1 m= " . 8=$ = ] " . / . # F = # " # \F #/7 1 2 /7 Default $

. .

-103-

- 7 ! H#] - $. /=2 " 1?W view menu \F 7 \ #3 # .7 #"5 8= = view 8 Thumbnails) > Open ] " 12

] " 12 5. \F $ = -18 = # .7 2 7 #/=2 1?W Browse 8.7 $1 B3 / # 7 # 1?W Browse (- 7 0 1@#. 7 #) > /=2 1?W = ] " 13

] " 13 6. " #3 0 1@#. ] 0 # # H ] 1@# 1@# 7 $ # 8 -3 s# # .7 -1 ( "] - 7 # - 7 0 1@#. 0 #3 5#. ##"5) 0 - 2 m= # 1?W 8mQ ] " 14

] " 14 $ 2 m= 7 H ] \F = E m= H ] " 0 8# - 1@# 7 . H # m= /=2 " m= # 5# 7 # = ] 7. -m= ] $! 7 -1 $ e-Learning $8 -m= ] " upload 8= ] " 15

. .

-104-

] " 15 8. # / 2 (Server) > /=2 -m= ] " Upload -18= $8 ] # 7 Preview # 3 8=$ $ 2 3 / # 7 7=2 3 ] ( 2 3F5# 1B2 .2. 3 5#. # " 7 # - 7 0 1@#. 7 #) > 2 /0 o2 ] 5# # 7 3 / o2 > /=2 . = ] " 16

] " 16 9. 1 8 $ = 8 = # # " #3 e-Learning (Moodle) 7 " / 5 #F 8.7 / #"5 $ ] 1 B # " # > # F 1=" #81= (Save and display) ] " 17

] " 17

. .

-105-

#3 5#. ##"5 " ? ] 8= = 1 3# =H = .3F5#- . " . 8.7- 7/ 1 2#-1 H# 7 ] "3# - 7 $ / -11 ] . #c # / / 2 . 3 " # 8 # $- = " 7 10. # # 5 " # $8 ] . " . ] " 18

] " 18 #0 ] /= #- 1 $ ] Gif animator H ! 2o" " # F ] #2 = # " # # " #"5 F #0 # # , . $ */ *(

2 " # " #"5 !F ] /= #- " " " 1 $ 7 # 7 $ 1@#-m= 1 $ ] *.mpg ( " 7 # 3 1@# 7 #) 1@#-m= 1 $ ] Shock wave flash (*.flv) 1h ? # " H -\. http://www.youtube.com / 1@# " H 3 = 2 " " 0 / 8=$ ! upload - m " F 3 8#$#0 2o" #"5 # - 7 0 " # 5 " H " #] # Server 3 1. # D" " - 7- 1@# 2 3 Youtube ! / 3 # - #"5 1.1 1i Browser 2 http://www.youtube.com # 7 address ] " 1

] " 1 1.2 /=2 " # Create account ] " 2

] " 2 1.3 3 = 7 #. . 2 > /=2 accept ] " 3 . .

-106-

] " 3 1.4 1 8 / # $ 1i # .7 7 2 e-mail 7 # > /=2 1?W Sign in ( $. " gmail 7 #8= ) ] " 4

] " 4 1.5 $ 2 # H 8 account " / # " #"5 / cpn2sch001 8=$ gmail " / cpn2sch001@gmail.com > /=2 upload ] " 5

] " 5 1.6 $ 2 # .7 1 8 = -m= 1 $ ] 3 upload > /=2 Upload Video ] " 6

. .

-107-

] " 6 1.7 = -m= 2 " " . # F = # " # \F 3D$ " /=2 $ 2 -m= 2 " # 7 File name . # .2 > Open ] " 7

] " 7 1.8 2 # .7 1 8 " 1@# / # Upload -m= -m= 3# 3 -m= ! #$ 3 upload m ] k=k > 2 =$ " 3 2 " /0 0 / 1 $ ] 3 -m= ( # " #"5 1@# education) > Save change ] " 8

. .

-108-

] " 8 1.9 ] = # F 2 " # H -\. 3 youtube 8= 7 # !/ = Link -18 = # #3 7 #- = /=2 = " Embed > Copy ] " 9

] " 9 Copy 8= 3 / =7 $ 7 # #7 / 0 Clip board 3 / 2 . " $#0 -1

" E #0 # # 5 2. # D" " "-m= 2 " 7 " 8= . 2 " " "/# upload - 8= ! #0 8 = # " # - 2o" #"5 2.1 1i H -\. youtube 8= 2 /0 0 / # 7 > /=2 Search ] " 10

. .

-109-

] " 10 2.2 /=2 = 2 " " . ] " 11

] " 11 2.3 /=2 1?W Embed ] " 12

] " 12 2.4 /=2 3 " -m= 2 " \F - = " 8= > Copy Shortcut ] " 13

] " 13 3. /=2 2 = 8 -3 " # (#0 2 " 8 = # " #) \F #0 -1 # # 2 " " #- " 8= # H 7 H- ] " 14

. .

-110-

4.

] " 14 /=2 = Mode HTML 8= /=2 3 = # " 7 > paste ] " 15

] " 15 5. /=2 = 1 .2 (.0 8 #7 <>) $ H#] 2 " " Link 3 /=2 = = (align center ) ] " 16

] " 16 6. # # #"/5 =2 1?W Save and display ( ? \ =7 ) ] " 17

] " 17 1B2 .2. 3 5#. # =7 $ 0 " # # $ e-Learning !#0 # # 5 8 2 " - - 7 0 1@#. # 5 " H 3 =] # / 2 2# #H.3 " # # F 3 =1 $ ] " gF 4 " # F 2 " = # " #8= # 5# $ H#- 7 ] # 2 " !#0 # # 5 " ] /= #- # 5# # #0 # # 5 " . .

-111-

! # F 1@#] 1 $ -1 #. \F 1@#] 3 " 3 " # 5# E 8= upload -1 H - H -\. 3 Youtube 8= #0 2 " #0 # # " # 2o" #"5 $ 0 " #3 " " 1 $ - - 7. # 5 " 3 / 2 3 7# " # 7 - H. . # F " = # " #3 - 7. H -\. 3 Youtube H- =7 / 2o " upload -m= " " " 7 #3 1@# mp3 mid 8= / = # 3 -m= " /=2 3 " -m= " " upload 8= > = Copy Shortcut 8= #0 -m= " Link D .0 8 #7 " . #0 # # 5 # " # " # " # H $ " " . " . )% /( " *( / !3 ] 4 HTML " 0 / " 1 $ #F / H \F 1@#8 =7 " # # 5 ] # H -\. 8=$# H -\. - " 2o" #"5 1. H -\. ] # 1.1 = 7 #3 / = 7 # " . ( #3 / $ 2 "#50 2# 3D$) 3 / " / 7# Z3 = 2 .2 [ > /=2 " 1?W ZInsert Web Link[ (8 =2 ) ] " 1

] " 1 1.2 2 # .7 1 8 2 3 / # 2 H -\. " . # 7 ZURL[ 7# # " #"5/ http://www.thaiwbi.com/course/Intro_com/ 2 3 / 5#E " / 3 H -\. " # 7 Z 3 [ 8=$ = " 3 8 = \F 1@# # .7 7 # .7 " # > /=2 OK (. = ) ] " 2

] " 2 . .

-112-

1.3 3 / 2 " = 7 #8 =2 $ " # . 3" " 3 / # 5# E ] " 3

] " 3 1.4 /=2 1?W ZSave changes[ ( # F 1=" #81= ) ] " 4

] " 4 1.5 #0 # 3 / =7 # # 2 . "5 $ 1=" # 1@#] 8=$ /=2 $ 1i H -\. " - - ] " 5

] " 5 2. ] # H -\. " # !F # Directory E ] # " 7 H -\. " # \F 1 .2 $ 1@# 3 " # (User Account " #) 1 .2 " 2o" 7 E 3" # " # 7 E 1@# # 2 #o (Relative Path) - 7. 2 3 / 5 URL H- # " #"5 1@# \F g _ #3 =3 $ e-Learning F . g # " 8. .7 2o" =7 8= 3 . # .2 .? D 7 . # H \F " 3 # # 8 ( =3 g4 7 #) . link "3 / 7 Z.7 -1[ /=2 1i # " 2 ( =3 g4 7 # 2 ) 8=$ # # #"5 $ " link 2 7 #/ Z.7 -1[ 1i # " 3( =3 g4 7 # 3) 8=$ Z # = [ 1i # 8 ( =3 g4 7 #) 8=$ # # 3 "1?W Z # = [ 1i # 2 ( =3 g4 7 # 2 ) . " 2o" #"5 2.1 /=2 3 " H 1Q " . 1i > = Z/ = " . 5 =2 [ (Copy Shortcut) ] " 6

. .

-113-

] " 6 2.2 /=2 H . # / H 8 ( / D 0 # # " " = 0 # # " " = ) \F . -1 # " 2 ( / D 0 # # " " = 0 # # " " 7 = ) > ] " 7

] " 7 2.3 /=2 1?W ZUpdate this Resource[ (8 -38 =7 3 =) 3 7 8 -3 ] " 8

] " 8 2.4 2 /0 7 Z # .7 -1[ > = 7 # = 3 / > /=2 Insert Web Link ] " 9

] " 9 2.5 2 # H \F 1@# / # link >/=2 3 # 7 URL = Z81$[ (paste) ] " 10

. .

-114-

] " 10 2.6 $ 2 3 / "/ = " . 5 =2 (Copy Shortcut) > 2 3 / # 7 3 1@#3 / " / 7# # .7 -1 > OK (. = ) ] " 11

] " 11 2.7 # H \F 1@# / # link -1 > /=2 1?W Save and display ( # F 1=" #81= ) ] " 12

] " 12 2.8 /=2 3 / Z # .7 -1[ 1B2 .!2 . D $ 7 ! 1i # " 2 Z / D 0 # # " " = 0 # # " " 7 = [ - 2 ] " 13

] " 13

. .

-115-

# 0 # " # ! 2 3 / Z # = [ 8=$ Z # .7 -1[ # # " 2 8=$ Copy Shortcut 3 # H 1Q g 8 =2 H $ ! 8.7=$ # 3 # 0 " # ! 3 gF 4 " #- 7 /=7 8/=7

3. # 5 " # ] # # 8 # 5 " # " #8=$ H " # =7 - # H -\. #\F 7 # / 2 2# #H. " # $ e-Learning .7 / 2 # H- 2o " 8=$ 3 5#. # #"5 3.1 = # -m= H -\. # 2 8 =7 3 = ] " 1

] " 1 3.2 2 3 " # > 2 / 7 > 2 " 7 H -\. " . > # .7 7 > Save and return to course 8 #] " 2 8=$] " 3

] " 2

. .

-116-

] " 3 3.3 1 8 e-Learning $8 # H " 1 B # " # (8#$#0 D"#"5 # ! 1@# " # =.2 " " 2 1B2 #o - 1@# 7 " 0 3 = H $ 0 - 7 # 2# # 5 -m= - 7 $ e-Learning - 7. # 5 " H 3 = 2#-1 k=k) ] " 4

] " 4 #0 # # 5 " # 2o" #"5 $ 0 2 $ e-Learning ! - 7 7 " # H ! " #8 =.2 " " 2 1B2 #o - 7 "/?D] - 3" 0 " # =7 # 5# # 1@# 8=$ H - # H -\. m "( 7 ) D URL #E H $ 0 " # # E !gF 4 " #- - 7. 3 7 $

. .

-117-

, 0$ 1 2 / / 3 / ! 4$ #"5 1. /D2.g . # " # #8 3 $ e-Learning -

! ! " #$ $ $ 1. # #0 # # 5 " # 0 8 / 5 0 1@#. /D2.g . o2 # " # 1 8 #E 7 # 7 "3 0 # ##"5 8.7 " # Moodle LMS ! 0 - - 7 # F / 1B2 .2 2 4$ 2. 0 2 3 5#. # = " 1 B- 7. " 8 - #8 / # = -1 0 3 5#. # 7 # # # 5# 7 3. "3 1 ! 2 # . /0 ! = # $ #! -. # D" " 7 # $ e-Learning %& 1. /" Ctrl , Shift Alt # 7 81Q# 2 # /" =7 #"5/ 8= /" " 1 B = / + " / 5 " 5# E 7# Ctrl+c !F /" Ctrl / - 8= c 5#E " / 5 " Ctrl +Shift +v !F /" Ctrl 8=$/" Shift / - 8= /" v 5#E " / 5 "

2. / > !F 3 5#. #! -1 /=2 " # /1?W / 81Q# 2 = / =7 7# Ctrl+c > Ctrl+v !F /" Ctrl + c 8= . /" Ctrl+v & " #$ $ $ " # ! # F /D2.g . #= 4D$3 Text - F 0 " # e-Learning 2 /D2.g . - 7 73 0 " .7 -1 2o" 8=$3 5#. # " #"5 1. # = 1 8 TeXaide \F 1@# 1 8 2 /D2.g . /= equation 3 Microsoft office 8=$ 1@#1 $ ] Freeware / - 7. \ 5 =23 2 o2… H ! #- - 7 2 “ ! download - H -\. http://www.dessci.com/en/products/texaide/ > Download TeXaide ] " 1

. .

-118-

] " 1 2. .2 . 5 1 8 = # / / 2 . 3 " # (.2 . 5 - 7 - 7. " Serial Number "1h # .2 . 5 - 7- 1 ! 2 ! 7 # 1 8 ! -. 3 $ e-Learning # D" " 7 # $ / 37 ) 3. /=2 Edit > Translators ] " 2

] " 2 4. /=2 / Check box 2 1@# " =" 7 > OK ] " 3

] " 3 5. 2 /D2.g . = # 1 8 = 7 # /D2.g . " 2 > /=2 # Edit > Copy ] " 4

. .

-119-

] " 4 6. 1=" # 8 -3 " # 2 .2 1@# HTML ] " 5

] " 5 7. /=2 3 # 7 # " $ /D2.g . > Paste ] " 6

] " 6 8. 2 / $$ #0 # 8=$. = 3 / " Paste = # " # 5 = / \ [ \F 7 # 8=$ = 3 / 2 8=$ 7 7 # " # ] " 7

] " 7 9. $1 B /D2.g . # " # ] " 8

. .

-120-

] " 8 10. /D2.g . !#0 -1 #8 5 # 7 #/0 ! 8=$/0 . - " / !3 /D2.g . =7 F 0 " # 2 /D2.g . - 7 7 " .7 -1

. .

-121-

2 / / 3 / ! 4$ #"5 - 8 # $ e-Learning -

! ! " #$ $ $ 1. 8 1@# / 1 $ 2# = " # 3 " # # 1 $ 2# = " # # 3 / 1 1 ? s# /?D] " # # . 2# = " # F "/ 0 / 7 2 " $. # 2 / 0 #

2. 0 2 3 #5 . # = " 1 B- 7. " 8 - #8 / # = -1 0 3 5#. # 7 # # # 5# 7 3. "3 1 ! 2 # . /0 ! = # $ #! -. # D" " 7 # $ e-Learning %& 3. /" Ctrl , Shift Alt # 7 81Q# 2 # /" =7 #"5/ 8= /" " 1 B = / + " / 5 " 5# E 7# Ctrl+c !F /" Ctrl / - 8= c 5#E " / 5 " Ctrl +Shift +v !F /" Ctrl 8=$/" Shift / - 8= /" v 5#E " / 5 "

4. / > !F 3 5#. #! -1 /=2 " # /1?W / 81Q# 2 = / =7 7# Ctrl+c > Ctrl+v !F /" Ctrl + c 8= . /" Ctrl+v & " #$ $ $ ) ! + 1. " # 3 7 " # = 7 # # 7 / 3 " 0 1@#8 5 2 = . 3 " " # 1@#8 7 3 8.7=$ 3 /=2 2 2 > 8 ] " 1

. .

-122-

] " 1 2. 8= 2 3 / # 7 / " #- 7# Z8 2 /D2.g . 1.˜ / [ ] " 2

] " 2 3. # # 8 #"5 " 7 # " . 8 -3 7# 0 # # = 2 . # " ! 0 8 0 # # = 25# ? 0 # = # 0 8 ] " 3

] " 3

. .

-123-

4. 0 # 0 # #/0 ! 7 1@# " 3 .7 # 0 # 7 1@#3 " = ! - 7 = /0 . - 7 ] " 4

] " 4 5. 0 # 0 # #/ 5 " . ( 1@#8 0 - = / 5 8=$ 1@#8 . 0 " / 5 " ) 8=$- 7 0 .7 / 5 " 7 # = 1 1=" # ( = 2 8= 1=" # $ " /$8## . 7 7) ] " 5

] " 5 6. /$8## 0 - = / 5 = /$8## c=" /$8## ? k=k 0 2 $ /$8## - 7 8=$ =/$8## $ /2 1@# g#2 " .0 8 #7 ] " 6

] " 6 7. /=2 Save and display ] " 7

] " 7 8. 2 # H = 2o" 3 7# #0 3 3 ] # ( upload -m= # 18 .7 E \F - / 5 =$ E 8.7 . 8 -3 2 .2 ] = 7# 2 ] 1 $ 7 = 1Q # = 1@#. # ) 3 # 1 8 #"5 0 "=$3 ] " 8

. .

-124-

] " 8 # " #"5 $ . 7 2o" 0 8 1 $ ] 1 # . = 8 7 E 7 # 5# # 1@#

2o" " - 7/7 " #2 # 1. /=2 /0 ! "=$3 > /=2 = > /0 ! 1 # ] " 9

] " 9 2. 3" # 3 /0 ! 1@#. "5 7 7 =$ " 3 /0 ! 1@# 7 - 1@#1 $ # # / # # D" " . #0 -1 7 1 1 ? 1=" #81= # # /. 8=$ 2 /0 ! ] " 10

] " 10 . .

-125-

3. "] 1 $ #/0 ! H !8 - > . 5 /$8##3 3 #"5 ( 1 .2 3 =$ 1 /$8##) 0 # / 1 $ 3 /$8## ( # D" " - 7 . ! /=2 / 5 8 ) ] " 11

] " 11 4. 0 # 7 $ /0 . " ! . 1@#/0 . " = /0 . (One or multiple answers) = . = - 7 (Shuffle the choices) = 4D . 1@# . =3 . 4 ] " 12

] " 12 5. 2 . = (/0 . ) 1@#. = " 2 = /$8## " - 1@#- 7 " 1@#8 / 2 = 1Q # = (3 2 / 3 / 2 ) ] " 13

] " 13 6. 2 . = . #E . = # 5# 1@#/0 . " ! . = 100 % 1@#8 2 = 1Q # = ] " 14

. .

-126-

] " 14 7. $. 0 7 #"5 #/ . = 8= # F 1=" #81= ] " 15

] " 15 = 1B2 .2 =7 H $- /0 ! 0 # # 1 3 # 5# $. 1B2 .2. 3 5#. # =7 # 7 $ / 8 8 . . 8 0 # # #2 /0 ! -m= 0 Editor 3 1 8 .7 # " #"5 8#$#0 1 8 Macromedia Dreamweaver # 8 3F5#-1 8=$. 5 /7 2 . #3 encoding 1@# utf-8 8 = 1@#] 4 - /= /?D= 4D$ 0 1@#3 1 8 Moodle 3D$.2 . 5 = # $ 1B2 .2 /0 ! -m= " 18 = = #2 # " #"53 = 18 AIKEN 8=$ 18 GIFT ' ( ' 3 / #8 1@# 2 " .23F5# - 7. # 5 2 ? 1 $ / / ?7 # # # $ # 3 5#. # # 7 # 5# $-* & " 2 Aiken " #"5 1. 1i 1 8 Macromedia Dreamweaver 8= = Code view ] " 16

. .

-127-

] " 16 2. 8 18 AIKEN 3 . ] " 17 8= gF 4 3 0 # #"5

] " 17 2.1 - 7. " =31 $ 0 3 # 3 ! = 3 8=$ = . = - 2.2 /0 ! . = 8.7=$. = . 7 # " #( # /- ) 8 3 / H 1 8 . /0 ( /" Enter # $ 0 3F5# 7) . =3 (line number) $. 7 # " # 2.3 . = . A. B. C. D. ". = 7 4 . H- " 4 E,F š. .7 #= 4D$ " # 8= # / 1 / $ (space bar) . 3 / \F 1@#. = ( . = 1@# . 3. /. . $ 1 8 Moodle - 7 !81=/ - ) 2.4 . = " ! . " =3 .7 . = . ? 2 /0 7 ANSWER . / colon (:) A 8= / $ # 7 1 spacebar 8= . /0 . " ! . 7# ANSWER: A 2.5 # 7 1 1@#. 8 7 $ 7 3 8= . 8 3 .7 -1 2.6 0 / ? 3 8= # F -m= #"5 -m= $- H- 8.7/ 7 #3 3 -m= 1@# txt 0 .0 8 #7 " # F -m= 8=$ -m= - " $ # #0 -m= #"5-1 (#0 3 ) 3. 1i 8 # 1 8 Moodle 8= /=2 " 8 \F - 0 # 8= ] " 18

. .

-128-

] " 18 4. /=2 Tab 8 -3 ] " 19

] " 19 5. = # #0 3 #0 3 -m= /0 ! " - " 8= = 18 -m= 1@# Aiken ] " 20

] " 20 6. /=2 Browse = -m= " . upload ] " 21

] " 21 7. = -m= . .0 8 #7 " # F - \F $ 0 2 -m= # 7 File name > /=2 open ] " 22

. .

-129-

] " 22 8. /=2 1?W Z = -m= #"5[ ] " 23

] " 23 9. = #0 3 /0 ! -m= $ 0 "8 3 7/= 3 3 $ e-Learning . ] #"5 / 2 -m= # 1B2 .2 2 !#0 3 /0 ! "=$# 1@# -m= - 7 - H. . 3 " =1Q # = (Feed back) "] #3 k=k 0 1@#. -11 1 ? (Update) ] # 1 8 " / 5 #F /=2 3 5#.7 -1 ] " 24

] " 24 10. /0 ! " upload $ 3 -11 B #/= 3 ] " 25

] " 25 . .

-130-

11. . 8 #"5 0 # " 1@#8 $. 7 =1Q # = 3 8.7=$. = F . 8 -33 . 3 " . ] " 26

] " 26 12. /=2 = . 3 8 . ! " /0 . " = = . = 8=$ 3 . = 1@# =3 1,2,3 4 .... 2 / 1 $ 3 /$8## ( # D" " . ! 8.7- 7 7 1@# . / 5 8 ) ] " 27

] " 27 13. #. = " ! . /$8## 1@# 100% =1Q # = 1@#/0 ] " 28

] " 28 14. #. = " - 7! . /$8## " - = - 7 " 8=$ =1Q # = / /0 0 = 2 8 2 ] " 29

. .

-131-

] " 29 15. /=2 # F 1=" #81= 1 1 ? 3 1@#-1. " . " 8= ] " 30

] " 30 16. /=2 3 #/= 3 . 3 " . 3 -1 7. 8 " # " #- 0 8 0 8 8= 8.7 D" ] " 31

] " 31 17. /0 ! " = 3 7 7 #3 3 2 2 0 # #/$8## .H . / 1@# 2 > /=2 # F 1=" #81= ] " 32

. .

-132-

] " 32 18. =3 # F 1=" #81= $ 0 3 # 7 - H. $1 B " #- . #-33 = " 0 # - . # 2 . # 8 ( ! 1=" #] = - 1?W 8 -38 \F $1 B /=2 = .0 8 #7 . " $ ) 8=$ / " # !. - /=2 8 H1 . 7 ] " 33

] " 33 19. " #/=2 = " . . /0 ! > /=2 1?W Z 7 3 #"5[ ] " 34

] " 34

. .

-133-

20. 7 /0 . #3 #"5 1 8 $. = 0 8 #3 #"5 /0 . ! . $ " / ! ( " 3" ) 1 B " =1Q # = ( # D" " 1@#8 1@#8 - 7. " H - ) "3 / = . # "# "5/ Z! . [ 8=$ /$8## " 0 - ] " 35

] " 35 21. # D" " . - 7! . H $1 B / 2 ( "8 ) 1 B "3 / = 0 3 #"5 1@# Z- 7! . [ ] " 36

] " 36 22. /=2 " 7 5 # 1 8 $1 $ = = ? 3 # # # 5# E 8.7 ! 1=" #81= = . - " 8.7 = . 3 7 $! /$8## . 7 # " . 5 - 7# #3 #"5- /$8## 0.9 # ! /$8##. 7 # " . 5 - ] " 37

] " 37 23. . 7 /0 . ? o2 - 7 !8 - " 0 - /=2 7 /0 . 8= 25# ? 0 8 ] " 38

. .

-134-

] " 38 1 8 $1 $ = = H# 1@# 3 c= 7 3 ! 3 2 8=$ /$8##8.7=$3 $-* & " 2 Gift ( - 5 1@#1 # 0 # #. = .7 E ! 2 .2 /0 3 " /0 . 1@#. =3) " #"5 1. 8 # 1 8 1 $ ] Editor # " #"58#$#0 Macromedia Dreamweaver ?7# 8 3F5#-1 8=$. 5 /7 New document 1@# utf-8 8= 8=$ 2 3 # 1 8 #"5 ( 18 7 7 "/ 0 # 18 # " ! 7 Feed back , 8 k=k - #/ 5 " ) " 18 " . #"5 1.1 - 7. ". =3 0 3 1.2 . = 7 # / =H 1l ( / "= 4D$ 1@# {}) = 4D ~ #0 # . = " 2 = 4D = #0 # . = " ! . 0 1 # 8 = . $. " / = # /0 . " . " 8.7=$. = . " $ $ 7 1 / $ ] " 31 " 1 " 3 1.3 1@#3 8 ! 2 7/0 7 {FALSE} 3 /0 ! # 5#! . 8=$ {TRUE} 3 /0 ! # 5#- 7! . = /0 ! ] " 31 " 5 1.4 1@#3 8 .2 /0 " / ? E = " 2 . . #-3 $. 1@#/0 . " ! . ( 1 .2 1@# 0 3 " ?7 # = ? E = " 1@#-1 - 3 /0 . " ! . / 5 " 8/7 # /.7 # /0 . " ! . ! . 2# 7 2 H- $- 7 . . #-33 3 " 0 # - ] " 31 " 7 1.5 1@#3 1@#. =3 (/0 . 1@# 7 - H- # Range " 0 # ) = 4D # #0 # . =3 " 18 ] " 31 " 9 ( 7 - H. D"#"5 $. 0 # Range 3 . =3 3 7 8 -38 ) 1.6 # F -m= #"5 1@# $- H- 7 #3 / H# txt # " #"5 .2 7 1@# Gift_format.txt 0 Folder " H ] 8= 1i 1 8 Macromedia Dreamweaver ? (Minimize) - "/ 2 = . 8 -3-m= #"5 #] = $- 7. 1i 7 = 4D$3 -m= .- ] " 39

. .

-135-

] " 39 2. 1i " # 8=$8 " - 7# " 3 3 8=$3 4 3 18 Aiken 3. /=2 #0 3 (#0 3 /0 ! -m= ) ] " 40

] " 40 4. = 18 GIFT > = Browse -m= " 3 18 Gift ] " 41

] " 41 5. $1 B # .7 Choose file = -m= " # F - " 8= 3D$ " /=2 = $1 B -m= # 7 File name > /=2 Open ] " 42

. .

-136-

] " 42 6. # .7 Choose file $ -1 /=2 Z = -m= #"5[ ] " 43

] " 43 7. = upload -m= 0 ! . (- 7 2 error) 1 8 $ 0 # #/0 ! 8=$8 /0 ! " import 3 (- 78 . = /0 . ) > /=2 3 5#.7 -1 ] " 44

] " 44

. .

-137-

8. /0 ! " 3F5# $-11 B #/= 3 3 " #3 ] " 45

] " 45 9. 8 =7 #"5 . 8 ] 1 $ #0 -1 0 8 . 8 -3 /=2 " 1?W 8 -3 7] 7 Feedback c $3 8 . =3 $. /7 / /= /= # /=2 " 1?W Z8 -3[ 8= .2 /7 / /= /= #3 /0 . - # " #"5/0 . . - 7 7 3.145 8=$. - 7# 7 3.135 F $ 1@#/0 . " ! . 0 H 8= # F 1=" #81= ] " 36

] " 46 # $ # # E ! 2o" 8=$3 5#. # " - # 8= \F 1@# 8 31 7 # 5# =$ " 1 $ H# 7 # E !gF 4 2 .2 - . 1 8 " 4$ # 3F5#

2 / / 3 / ! 4$ #"5 1. # # # " #- 2. # 7 # $ e-Learning -

. .

-138-

! ! " #$ $ $ 1. # 1@# 2 " # # " 0 / " 1 $ #F " # ! 0 # " # 0 #/ # 7 / - 7. Print out = # $ 4 F 1@# / 1 $ #F 3 e-Learning " / # !1B2 .2 #- 2 2. 0 2 3 5#. # = " 1 B- 7. " 8 - #8 / # = -1 0 3 5#. # 7 # # # 5# 7 3. "3 1 ! 2 # . /0 ! = # $ #! -. # D" " 7 # $ e-Learning %& 1. /" Ctrl , Shift Alt # 7 81Q# 2 # /" =7 #"5/ 8= /" " 1 B = / + " / 5 " 5# E 7# Ctrl+c !F /" Ctrl / - 8= c 5#E " / 5 " Ctrl +Shift +v !F /" Ctrl 8=$/" Shift / - 8= /" v 5#E " / 5 "

2. / > !F 3 5#. #! -1 /=2 " # /1?W / 81Q# 2 = / =7 7# Ctrl+c > Ctrl+v !F /" Ctrl + c 8= . /" Ctrl+v & " #$ $ $ 1. " #/=2 Z 2 2 [ > Z 7 = -m= [ ] " 1

] " 1 2. 0 # 3 # # " #"5/ # " # # $ e-Learning 8=$ 2 =$ " 3 # # ] " 2

. .

-139-

] " 2 3. 0 # /$8## .H 3 # 0 # # 2 8=$ 25# ? 7 # 7 = # 0 # - 7 k=k ] " 3

] " 3 4. 0 # " # ! 7 #- 7 0 # - 7 " e-Mail 8 / " 7 # - 7 8=$ 0 # 3# -m= " ? " ! 7 - 7 "3# 1@# 7 - ] " 4

] " 4 5. " # 3 " # $ # #8=$ ! 7 # # $ e-Learning 8=$ # ! . # / H# 2 .2 8=$ /$8## " #- " - =7 8= 1@# " / 5 . # 0 2 . # " # # $ e-Learning 7 # 5# " #- " # 8= $ H# 7 " / " " !#0 -1 # s# " # "1 $ 2 o2] 2 3F5#

+ 2 / / 3 / ! 4$ #"5 - 8 ! 1 $ 2#/ /2 H#3 " #-

. .

-140-

! ! " #$ $ $ 1. 1 $ 2#/ /2 H#3 " # # " # e-Learning 1@# / 1 $ " 0 / " / 1 $ #F " # 2 # " # # / # !1B2 .2 #- 2 2. 0 2 3 5#. # = " 1 B- 7. " 8 - #8 / # = -1 0 3 5#. # 7 # # # 5# 7 3. "3 1 ! 2 # . /0 ! = # $ #! -. # D" " 7 # $ e-Learning %& 1. /" Ctrl , Shift Alt # 7 81Q# 2 # /" =7 #"5/ 8= /" " 1 B = / + " / 5 " 5# E 7# Ctrl+c !F /" Ctrl / - 8= c 5#E " / 5 " Ctrl +Shift +v !F /" Ctrl 8=$/" Shift / - 8= /" v 5#E " / 5 "

2. / > !F 3 5#. #! -1 /=2 " # /1?W / 81Q# 2 = / =7 7# Ctrl+c > Ctrl+v !F /" Ctrl + c 8= . /" Ctrl+v & " #$ $ $ 1.

= 8 ! > = 2 2 > = == ] " 1

2.

] " 1 3" # == # 7 3 == ] " 2

. .

-141-

3.

] " 2 $ ? $ / F 8=$/$8##3 8.7=$ $ #/ ? $ ] " 3

] " 3 4.

/=2 Save and return to course ] " 4

] " 4 " # " 3F5# H $ " / " /7 #3 D 7 - H. # " # 2 . g / " # # $ e-Learning " \F $#0 # # .7 -1

. .

! "# $% &' ( ) *+ , -*$-. * ! ( & % ( ( e-Learning 7. .+ ! , . ! .8 & 9 : , 8 & % & 7-(, ! 8 + - , ( 8 & &-+ ." 7-( + $- , ! ( 8 ;8< %

' , $% " => ? ( e-Learning ! " " , ' "

' , $% " => 8 & % & & ? , ' " :( " 1. , !A $% 8, ( , ' , & % $% 8, ( , ? %7-, ' * " : ( e-Learning + ! ( 8 ;8< 2. , !A $% , ' & % ? ! " + ! ( 8 ;8< 3. 7 ( $% , ? ( e-Learning (

e-Learning ! 7 8, " (Moodle) !A ! 7 ! ( < Open Source ? Download Q ? 8 < : ! 7 $% " => ? !A ( !A $% 8, ( , ' !A $% 8, ( + " , & 9 : < ( , 7-( 8; 8 $% 8, ( $% 8, ( " % 7 e-Learning &' $% %7- ! 7 8, " % (LMS :Learning Management System) &' Moodle " 1.9.8 , !A ! & !A & " " $% %7- ( & ' + 8 Y. Internet Network ' & ' " ( " % , + + & " !] , 7 !] , , ' "# ( , $% 8, ( ,-" ^ " . .

-143-

1. 2. 3. 4.

8 8 7 ," $+ , ' ' 8 " Q`- . ! ( 7-( + " =a " 7-(! ( 8 $-

' , $% " => 8 & % & & ? , ' " :( " 1. ' , $% " => ? !A $% 8, ( ! 7 8, " (Moodle) 2. , & 7 ( .+ $% 8, ( ! 7 8, " (Moodle) #$ $ %$ & ' ( 1. & ! ( " ( e-Learning &" ! ( , &' (. ? 8, ( , ' , & 7 ( $% 8, ( , ? 8 "# / * " : ( e-Learning , " 7-( , 7 ( $% , ? ( e-Learning + ! ( 8 ;8< 2. , $8 " . , ' $- ! c +. " 7 7 => & -" ! " . + , " , + 3. , " ! ? 8 , => , ' . & ? - ( ? -. d = > $+ ( e-Learning $% 8, ( " % 7 e-Learning &' $% %7- ! 7 8, " % (LMS :Learning Management System) &' Moodle " 1.9.8 , !A ! & !A & " " $% %7- ( & ' + 8 Y. Internet Network ' & ' " ( " % , + + & " !] , 7 !] , , ' "# ( , $% 8, ( ,-" ^ " ) *$'+$%$ & ' ( ( ( , $% & % , ' " (. !A 8 < ( + ( ( e ( *&&- " !) 8 7.+-( ( " ( 8 ;8 .+ " 1. " ' $% !A *&&- " . " 1.1 &-8 % 8 ) %+ ," " ( > 8 > " $% > 8 8 " < 1

. .

-144-

< 1 1.2 8 , Y , , ' $% > ," $+ > ' > *- > " , " > ! ( 9 > -( ' ^ " < 2

< 2 1.3 " ,- Q- < $% Browse , < ) Y 7- & ' & 8 . ( ?+ - 8 8 "-) ' -' < 7- (! c & ) ' Q- < -' 7-( ! %+< " + < , + > 8 & < > &-8 " ! ( ".8 + ." " < 3

. .

-145-

< 3 1.4 ( 8 ' $% 8 e %-. . 7.+, ' $% %+7- ( + $% 8 !A . ' & 8 ' + ,-" ' .Y ,-" & + contains " < 4

< 4 1.5 *&&- 8 ' (! c " < 5

< 5 2. 8 ' 8 & " -( + , & ( " ,- 8 Q- ) 8; 7-( " . !c8 ".8 " Q- excel ) Y %- ' $% -( + 5 . %- (Field) &' username ( " ' login & !A < : " k:) password ( " ," $+ ) firstname ( ' 8 $% ) lastname ( *- 8 $% ) email (e-mail $% ) ' . %- * %- " < 6

. .

-146-

< 6 2.1 &-8 7Qn (File) > " !A (Save as) " < 7

< 7 2.2 !- + Q- , !A CSV ( *-< & !A ." &" ) > 8 ' 7Qn ( ' 7Qn 7-( ' Q- & !A < : " k:7-( + &) > " " < 8

< 8 ( - ' & Q- Y Q- , ' (. Q- ! < ,-" 2.3 !` ! 7 ! ( < editor + Editplus !` Q- " -+ ( +& Notepad ' + ,- - ! ( " ' 8 $8 - (7 ) " 7 < 9

< 9 2.4 &-8 File > Open " < 10

< 10 2.5 -' Q- " ! 7 excel " 7 < 11

. .

-147-

< 11 2.6 ' ! 7 !` Q- " -+ ( ,Y + -" :d(&- " %- " ! 7 excel 7.+ 7 ( !A + - !A 7.+-( " (&" & ' , *-< & (,) " 7 !A ' . %(Field ) " < 12

< 12 2.7 !` ! 7 Editplus ! ( . + " !] , , ' +, !] , &' +. . %!7 (Format) ?7 , ? % . ' ?% . 7- " (Save) 2.8 &-8 " ,- 8 % 8 > " $% " ,- 8 " < 13

< 13 2.9 8 , Y , + ' , Upload Q- > Browse ' -' Q- " < 14

. .

-148-

< 14 2.10 !- Q- ! " Y Q- > -' Q- > Open " < 15

< 15 2.11 8 , Y , + > &-8 " ,- 8 " < 16

< 16 2.12 ( 8 , Y 7 ' $% 8 - e %- " < 17

< 17 . .

-149-

2.13 d( (7 w ( ' $% " + ! Y e %- > &-8 " ,- 8 ' ' " -+ Y e %- " < 18

< 18 2.14 ! 7 (7 $- " ,- 8 " < 19

< 19 2.15 , 8 ;8 $% &-8 % Permissions " < 20

< 20 2.16 -' Asssign system roles " < 21

< 21 2.17 , . , *&&- !A 8 !A $% &-8 % Course creator , ' !A " -' Student z-z " < 22

< 22 2.18 -' *&&- . , 8 ;8{ > &-8 8 " < 23

. .

-150-

< 23 2.19 $% ?% -' ( " 8 ;87-( ' . " < 24

< 24 , 8 ;8 , " -*+ .+ ^ ( , 8 ?!c8 ".8 . . , , + " # . /0 $ 1+,1 + ( , 1. &-8 % ' 8 " < 1

< 1 2. 8 ' 8 . 7 %- > & Enter " < 2

< 2 3. ' *&&- . . ' (! c > &-8 %7 " < 3

< 3 . .

-151-

4. ( " -+ $% 8, ( ? !- ' $% ," $+ ' *- z-z " < 4

< 4 5. 7 %- Y ( Y , . !- 7!- %- *&&- ' ^ ? 7.+. &-8 !*a Remove all filters + " < 5

< 5 234 '+ ! " ! * ! 7 e-Learning , .Y ! ( 8 ;8< $% 8, ( & !` , 8 8 .8 " . " " 1. &-8 % " %- > " Q`- . > ." &+ Q`- . " < 6

< 6 2. -' !` (-' . ) + " -" :d Tex > & ' , &d8.9 . > Multimedia Plugins ' , ? &d8.9 . 7-(7 $- "-.8 .Y %!7 > &-8 !*a " !- 7!- " < 7

. .

-152-

< 7 !~8 ".8 " -+ ( , ! 7 Moodle ? .Y ! ( 8 ;8< $ $#4 $ 0 ( 56 - #4 ( $/4 9 : $+ ( ,Y + " % ( e-Learning !A ' ( ) ? " 7-(! ( 8 $- % $% " " $% 8, ( (. !A + , / , ' + " =a " 7-(! ( 8 $- !A +

$ 7 /8. 9-$

' , $% " => 8 & % & & ? , ' " :( " 1. ' , $% " => ? !A $% 8, ( ! 7 8, " (Moodle) 2. , & 7 ( .+ $% 8, ( ! 7 8, " (Moodle) #$ $ %$ & ' ( 1. & ! ( " ( e-Learning &" ! ( , &' (. ? 8, ( , ' , & 7 ( $% 8, ( , ? 8 "# / * " : ( e-Learning , " 7-( , 7 ( $% , ? ( e-Learning + ! ( 8 ;8< 2. , $8 " . , ' $- ! c +. " 7 7 => & -" ! " . + , " , + 3. , " ! ? 8 , => , ' . & ? - ( ? -. d = > $+ ( e-Learning

. .

-153-

).+' 4 1*+ '.$ 1. & Ctrl , Shift , ' Alt ' + " 7!n 8 ' , & ,-+ & 7- & ! c,-" & ' , + & " " ^ + Ctrl+c , ? & Ctrl & 7- c " ^ & " Ctrl +Shift +v , ? & Ctrl 7-(& Shift & 7- & v " ^ & "

2. & ' , > , ? " . ?" ! , &-8 % /!*a / 7!n 8 ,-" & ' , " -+ + Ctrl+c > Ctrl+v , ? ' & Ctrl + c 7- . & Ctrl+v ) *$'+$%$ & ' ( $% , ' $% ? , 8 ;8$% " . " " 1. &-8 %  Assign roles‚ ' , $% " < 1

< 1 2. 8 , .+ ! 7 , + &-8 -' Student ( " ) < 2

< 2 3. -' " %+ , 7- , !A " " < 3

< 3 4. " -' Y ( 8 ;8 8 " ( " 8 ;8 & % + ( , " "& , ' *&&- " ! ? , ' +) " < 4 . .

-154-

< 4 5. $% 8, ( ? , 8 ;8 -*+ $% 8 . " < 5

< 5 6. 8 ' -*+ $% ' , 8 ;8 > &-8 !*a Add a new role < 6

< 6

. .

-155-

7. $% 8, ( ? , -( !- + + -*+ ( ? ( -' -*+ $% > &-8 7 ( !A -( !- + + -+ ) " < 7

< 7 , 8 ;8 , ' , " -*+ $% Y ? " ! . -+ 7-

%,. $: (-'+ " ( e-Learning ? " 8 $+ ( ? -. $% ." ! ( Y <8! 7- , " ' & %-, ' , &8 ,Y .+ ! ( Y !] , ,-+ "

' , $% " => 8 & % & & ? , ' " :( " 1. 7 " 8 ( ? -. ( e-Learning 2. ( ? -. " 8 ( e-Learning #$ $ %$ & ' ( 1. ( e-Learning , $% " $% + ? $ 8 , " , ' " 8 , ( ? -. !A 8; + , & % " $% !c8 " " ; " 7.+ Y * + ! ( + " + - ? , Y ?? ( ? -. " " & % & 8 $+ ( ? -. %+ ^ 2. , $8 " . , ' $- ! c +. " 7 7 => & -" ! " . + , " , + 3. , " ! ? 8 , => , ' . & ? - ( ? -. d = > $+ ( e-Learning ) *$'+$%$ & ' ( ( ? ( ? -. ! " 8 " . " 1. ." ( % . .

-156-

1.1 &-8 ( ? -. 8 " < 1

< 1 1.2 &-8 8 & ? , + ' ? & ? , $% . " < 2

< 2 1.3 8 ," & ? 7-( -( & ? ( ?7.+ z-z ." " : ) " < 3

< 3 1.4 & ? & % !A . 7 Q- ' ;8 -( & ? Y ?7 Q- &-8 Browse ' 7 Q- > &-8 . - ( " < 4

< 4

. .

-157-

1.5 ( 8 , .+ Y 7 $- !c8 ".8 + . %- Y 7- > &-8 % " .+ ! " < 4

< 4 1.6 8 ( % & ? , $% . & ? ) $% ?. & ? &-8 ," ( % 7 < $% ? 7-( ' $% ? 7-( $% . " < 5

< 5 $% ( ( % ' ? $% . . 7-(& , " %& . $% . -" " $% ? & % , & % . " Y 2. . ( % ( !A " . .+ %+ ( 7- ) " . " 2.1 &-8 ' 8 " < 6

< 6 2.2 &-8 ( ? -. 7- $% (& % Y 8 ;8 , " + , 9 : , + 3) < 7

< 7 2.3 &-8 ," ( % . . " < 8

< 8 2.4 &-8 % . " < 9 . .

-158-

< 9 2.5 " 8 & ) !A & . ( % + & " < 10

< 10 2.6 $% . ?7 Q- > &-8 !*a . - ( " < 11

< 11 2.7 ( 8 & 7 , ,Y + ( e-Learning " %- . 7- " < 12

< 12 2.8 & . (! c ( ? -. " < 13

. .

-159-

< 13 & %$% , , $% " . & ? " $% ' & % ? , !c8 ".8 8 .+ ^ ,-+ !A &(7 Y

%,. .+ $ $ " ( e-Learning ? " 8 $+ , $% ." ! ( Y <8! 7- , " ' & %-, ' , &8 ,Y .+ ! ( Y !] , ,-+ "

' , $% " => 8 & % & & ? , ' " :( " 1. 7 " 8 , ( e-Learning 2. , " 8 ( e-Learning #$ $ %$ & ' ( 1. ( e-Learning , $% " $% + ? $ 8 , " , ' " 8 , , !A 8; + , & % " $% !c8 " " ; " 7.+ Y * + ! ( + " + - ? , Y ?? ( ? -. " " & % & 8 $+ , !A & " !A &

2. , $8 " . , ' $- ! c +. " 7 7 => & -" ! " . + , " , + 3. , " ! ? 8 , => , ' . & ? - ( ? -. d = > $+ ( e-Learning ) *$'+$%$ & ' ( ( ? , ! ( " 1. &-8 8 & % " 7 < 1

. .

-160-

< 1 2. &-8 , 8 " < 2

< 2 3. &-8 %  &-8 ' ‚ " < 3

< 3 4. 8 , .+ ! 7 , + , 8 & ' 8 %-7- , & Enter " < 4

< 4 5. & 8 ( + %+ ( e-Leaning ) ( , $% ) -" , ,Y & " -+ 7-( ?. & ? , ' <8! & % " " < 5

. .

-161-

< 5 6. ' $% . & . (7 $- ( , ' 8 &* (, + " !A *&&- Y , , 8 !c8 " " ; (, + $% " $% , ' $% "

(+ ( - . $ " ( e-Learning ? , " , ' + & % +. Print out ( : , 8 ! (, " 7-(?' + !A , + - < ( - ) !A !] , &" - -" (. $ 8 + "

' , $% " => 8 & % & & ? , ' " :( " 1. % , " + $+ ( e-Learning 2. ?. 7-( , &(7 8 $+ ( e-Learning #$ $ %$ & ' ( 1. % !A 8 &" ( e-Learning & %7-($% (. ? % ' ! ( ( 2. , $8 " . , ' $- ! c +. " 7 7 => & -" ! " . + , " , + 3. , " ! ? 8 , => , ' . & ? - ( ? -. d = > $+ ( e-Learning ) *$'+$%$ & ' ( 8 " % &" + , &' , ( ) , $% + $% " % & %$% ?. , &8 ,Y 7-( , &(7 " . " 1. &-8 % '  + ' " % ( e-Learning‚ " < 1

. .

-162-

< 1 2. $- &-8 ! 7 ( !` , Y , " , $% + &-8 !*a  %‚ ' , Q- " 7- " < 2

< 2 3. -' Q- " 7- d( &-8 -' ' Q- (! c + File name > &-8 Open " < 3

< 3 4. , Y -" (!` - 7-( -" %+, Y 8 & " ) d( ( 8 ' Q- 7-( Q- (Path) 7- > " ,- Q- " < 4 . .

-163-

< 4 5. ' " ,- Y 7- ! 7 ( ? d + " ,- 7-

( d( , & + 7- ( + !A + , " + + - (7 $- + " + & + ) " < 5

< 5 6. ' &-8 . " . " -+ " ( %+ ( & % ? %/. (, ' 7 ) " < 6

< 6 7. ' &-8 . " . " -+ & % ( " + 7- " ' + " < 7

< 7 8. ' &-8 -' ' Q- . . & %& " 7Qn - & ' & % ? 8 .+ ^ - 8 " " < 8

. .

) ( , & %

-164-

< 8 9. ' ,- Q- 7- ( ' Q- ,- ( d Browser ." ' Y 7 $-7. .+ " !) " < 9

< 9 10. ' !` 8 " Y ( , $% ? , & &8 ,Y 8 8 .8 - ." 8 " " < 10

< 10 11. ' . 8 7- & % ? , &(7 8 &-8 !*a &(7 " < 11

< 11 12. & %& 8 & &8 ,Y *! & " ' , $% , ' " & ! " ! * , &(7 " ( * ) > &-8 !*a " !- 7!- " < 12

. .

-165-

< 12 13. ! 7 (7 $- , &(7 " < 13

< 13 14. ' & % 8 Y 7- . " $- , &(7 &-8 !*a  " &+ . ‚ " < 14

< 14 ( ,Y + & %$% ? % ( e-Learning + " % , 8 & ! (, " !A + 8 ' $% + !A . 8 !A %! -+ ) ( &+ + &+ % ' ' ( $ 9-$ +$ " ( e-Learning ?.8 . ( " (

' , $% " => 8 & % & & ? , ' " :( " 1. .8 . $% ( e-Learning 2. %- .8 . k.8 ! " ! * (

. .

-166-

#$ $ %$ & ' ( 1. ( ( e-Learning ! 7 8, " (.8 . !c8 ".8 8 $% ". ".8 .- - , $% + ' - - + z-z " " & %& !` % !c8 ".8 8 %+ ^ 2. , $8 " . , ' $- ! c +. " 7 7 => & -" ! " . + , " , + 3. , " ! ? 8 , => , ' . & ? - ( ? -. d = > $+ ( e-Learning ) *$'+$%$ & ' ( ( ? ( ? -. ! " 8 " . " 1. &-8 ' 8 " < 1

< 1 2. &-8 %  ‚ " < 2

< 2 3. 8 , Y 7 .+ ^ + 8 . % ?8.8 8 " - . .8 . $ 8 . 7 , 7 $- ' + " (, ' ,- !A Q- excel ' ! ! ( -$- " < ) &-8 " ,-+ " < 3

< 3 4. ! 7 (7 ' Q- ! 7 , ". ".8 > &-8 " 7Qn " < 4 . .

-167-

< 4 5. ' ,- Q- 7- & % ? !` 7- !! ( -$- ' ^ 8 .8 " < 5

< 5 6. ' !` ( -( * + 8 & % ) !A .8 . $- " & 7 + % !A ,-" e 8 + , , . ! .8 " < 6

< 6 " + ! 7 e-Learning ? " ?8.8 + -( -( 7-( ? !A ,-" e , &(7 & !A +

+ ).+(84 " ( e-Learning !A 7 online ' , (.8 ." %+ & ' 8 8 Y. 7-(. e %- Y %- 9.+ ^ " " " & ' , 8 8 Y. " !A ! 7 + + " Y. & % & %- " %+ , " ." & ' , 8 8 Y. Y ( ? % &' %-

. .

-168-

' , $% " => 8 & % & & ? , ' " :( " 1. %- 8 8 ?8.8 z-z ( e-Learning 2. Y %- , " % &' %- &. #$ $ %$ & ' ( 1. & %& %- 7-( 8 " + ^ ' , %- , $8 - ." & ' , 8 , ' ( 8, " 2. , $8 " . , ' $- ! c +. " 7 7 => & -" ! " . + , " , + 3. , " ! ? 8 , => , ' . & ? - ( ? -. d = > $+ ( e-Learning ) *$'+$%$ & ' ( ( e-Learning , ! ( " % + 7.+ ( 8 $8 - " ( & ' + Y " ,Y + $% & %- + ^ (, $8 - 8 ( ? % &' %- " , -" 8; 7-( " . " 1. -' 8 . %- " < 1

< 1 2. &-8 %  %-‚ " < 2

< 2 3. ( 8 , Y 7 . -' %- *.8 + . -' * 8 * + , ' !A -' * (. -' . 7 > &-8 !*a  " .+ !‚ " < 3

. .

-169-

< 3 4. ! 7 (." ' Q- %- , ". ".8 7.+ ? !- ' Q- 7-( ' Q- ." . !A < : " k: + " 7-( ! " . + ." - + ' Q- !A " 7-( - " " " & Y &+ > &-8 !*a " .+ ! " < 4

< 4 5. 8 , Y , +7 $- %- + %- Y 8 &+( &-8 !*a " .+ ! " < 5

. .

-170-

< 5 6. $- " . " -+ ( ' Q- %- ( e-Learning , &-8 ' Q- " -+ > -' " -8 !A (Save Target As) ' Q- Back up Y & ' & 8 . " < 6

< 6 7. " Q- " -+ & ' " < 7

< 7 8. ' download & " 100% (7 $- , ,Y , ' 7 & Download Complete " %+ " ! 7 & 8 . & ' " < 8

< 8 ' & ? " . 7 + ? %- Y 7-

8. 1$).+(84 ' & ' , 8 8 Y. " %-7-( % , , $% , ' $% %- 7- ( ? % &' %-

. .

-171-

' , $% " => 8 & % & & ? , ' " :( " - % &' %- Q- %- ( e-Learning #$ $ %$ & ' ( 1. % &' %- %- 7- ( , 7-( %- " &' & % & 8; % &' %2. , $8 " . , ' $- ! c +. " 7 7 => & -" ! " . + , " , + 3. , " ! ? 8 , => , ' . & ? - ( ? -. d = > $+ ( e-Learning " . " 1. &-8 % % &' " < 1

< 1 2. 8 , Y !A & ' ' " ,- %- > &-8 !*a " ,- Q- " < 2

< 2 3. Browse , Q- %- &-8 !*a % (Browse) " < 3

< 3 4. -' , Q- Y Q- 7-( -' ' Q- > &-8 !*a  Open‚ " < 4

. .

-172-

< 4 5. ! 7 (!` , .+ " -+ 7-(7 Q- 7-( ' Q- , + % > &-8 !*a  " ,- Q- ‚ " < 5

6.

< 5 Q- %- ( %+ ( e-Learning ' Q- " ,- ! > &-8 % % &' " < 6

< 6 7. $- &-8 ! 7 (7 , .+ , ' " ( " -+ &-8 !*a  +‚ " < 7

< 7 8. ! 7 (7 $- -( % &' &-8 !*a " .+ ! " < 8

. .

-173-

< 8 9. ! 7 (7 $- + , % &' -*+ ( % ( (! ( < 8 /, ' -*+ + ! ( < 8 ) -' ! ( < !A ' % &-8 !*a " .+ ! ( + -+ Y . 9 ) " < 9

< 9 10. 8 , Y , + , ' " &-8 !*a % &' 8 " < 10

< 10 11. 8 , Y 7 " . % &' + % &' Y 7- > &-8 !*a " .+ ! " < 11

. .

-174-

< 11 12. $- % &' , ' 8 %+7- ( ( & + 1 (, ' 2 , 1 %7+ - ) " < 12

< 12 !c8 ".8. " . " -+ ( %- * ! ( . & %- ) & %$% , " %- + ^ + ,-" 7.+-(& " / !A "! , , ' . ,Y &

9-$%$ e-Learning " ( e-Learning & % (. & % & ? 7-( , " ? $+ ( e-Learning

' , $% " => 8 & % & & ? , ' " :( " - & % & ( $+ ( e-Learning ' 7 ( $% #$ $ %$ & ' ( 1. ( e-Learning 7 ( + +, . & % 7.+& % (. & % ( " ?7 ( $% , $+ ( e-Learning 2. , $8 " . , ' $- ! c +. " 7 7 => & -" ! " . + , " , + 3. , " ! ? 8 , => , ' . & ? - ( ? -. d = > $+ ( e-Learning

. .

-175-

) *$'+$%$ & ' ( $% !A . 9 : 8; % ( e-Learning ' , & ( 7-(, => " :( 7-

& Y !A ! + 8 ' +. " - " 8; .+ ! " . " ! " 1. %+ 7- -' -*+ ( % . " < 1

< 1 2. &-8 8 . % " < 2

< 2 3. 9 : & 7 * ! ( & % " 7-(! ( 8 $- z-z , ' ' .+ ^ " < 3

< 3 4. 8; ( ? -. $% " , ' !] , ? $% , ' $% ' ( % ( ? -. " 4.1 &-8 & + ( ? -. '  ( ? -. ' " ( e-Learning‚ ( & !A + ' . $% 7-($% , ) " < 4

. .

-176-

< 4 4.2 &-8 ," ( % ) 8 & %." & ? ' . & ? & % " < 5

< 5 4.3 ( -( & ? 7-( % . , &-8 ' . & ? " < 6

< 6 4.4 " ? 8 & . . ," ? - ( ? -. 7-(, & !A ?7 Q- ! ( & . Y " < 7

< 7 4.5 " 8 " $% ( ? -. &-8 8 & ? , + ' , & %. " , ' ' , ' + 8 " & . " < 8

. .

-177-

< 8 4.6 8 , " 7-( -( & ? Q- 7 ! ( & ? (, ) > &-8 !*a  . - ( ‚ " < 9

< 9 4.7 $- . (! c ( % , & %, ' ' " & ' . & ? " < 10

< 10 ' " ( ? -. " + - , ( % & 8 7-( ,Y ! ( ( ? -. " ( e-Learning 5. + $% ?% , , / 8 + & % !A 8 !A " *) !A . ! + " & % . 7.+ 8 ? !A Q- & 8 . ? " + ( e-Learning + 9" " . " 5.1 &-8 %  + ' " ( e-Learning ‚ " < 1

. .

-178-

< 1 5.2 8 Y , " " ,- Q- &-8 !*a  %‚ " < 2

< 2 5.3 -' ' Q- . ( , 8 ' Q- + File name > &-8 Open " < 3

< 3 5.4 8 ' Q- 7-( Q- (Path) + , !*a %(Browse) > &-8 " ,- Q- " < 4

< 4 5.5 8 Y 7 ? ( + Q- + ! " ( e-Learning 7- > &-8 " . .+ ! " < 5

< 5 . .

-179-

5.6 ! c ' Q- + ( e-Learning " < 6

< 6 ' . " . & " -+ Q- + (! c , $% . ' , &(7 .+ ! 6. , ' ? -. " $% . + - , " , ($% ? ,Y & & %7-($% ' , 8 % &- " , " . " 6.1 &-8  , " ( e-Learning‚ " < 7

< 7 6.2 8 , Y , , $% &-8 ' ! . & " < 8

< 8 6.3 8 , .+ Y , + $% ?? $% 8 & - + ,- , " " %- ) %+ -+ , Y " < 9 7-(< 10

< 9

. .

-180-

< 10 $% 7-($% ( !c8 " " ; " &- < 8 , $% " Y ? ? ) " 7-( " d $% 7 + -*+ ' 7 & &8 ,Y ) " 7-( " ( d , - video conference ! 7 msn + , $% 7-($% ? ! ( * -7 ,Y < Y ) 7. 9 : " . 9 : " 7.1 &-8 ' , .8 '  " ( e-Learning‚ " < 11

< 11 7.2 $% ? % , !A $% , ' $% !A ' "-.8 8 !c8 " " ; < 8 < &-' , z-z !A & ! ( 7-($+ 7 % 7- !A + " < 12

< 12 7.3 !*a ' ! " , ' ^ " < 13

< 13 7.4 ! ( ,- ^ , Y ) !*a , ' & ' ) " 7-( " . .

-181-

8. 7 " . !c8 ".8 " 8.1 &-8 %7 ( " %! !A & ' , ?% 7 + ,- ) " < 14

< 14 8.2 8 , .+ ! 7 , +7 ' 7 - 7 " - , - 7 > &-8 !* a 7 . " < 15

< 15 8.3 ! 7 (7 , Y 7 , $% ' " + ( 7 , . 7 > &-8 !*a OK " < 16

< 16 8.4 ! 7 ( " - , ' " - ? ,-" , ,Y - ,-' %+ 7 * ) 7 " < 17

< 17 8.5 ! c7 &(7 7.+-( & ? ." -' 7-(!*a  Submit‚ .8 -' . b > &-8 submit (. - ) " < 18

. .

-182-

< 18 ! 7 (7 . , $% + , 7 , -( 8.6 (! c&(7 7-( & !n -" + Correct (?% . ) " < 19

< 19 8.7 -' . 7.+-( 7- &+ &-8 !*a Submit page Y , ' , !A * 7-( !A , * -' Submit all and Finish " < 20

< 20 8.8 (7 $- 7 + - 8 . 7 - 7 Y - 7 &(7 .+ &(7 .Y ! ) . &(7 > &-8 !*a " .+ ! " < 21

. .

-183-

< 21 8.9 ! 7 $- 7 & " , > &-8 !*a " .+ ! " < 22

< 22 ' $% !c8 ".8. " . " -+ 7- ?' + 7 7- + Y. $% , 7 ,-+ , !A 7 => &' $-!n -" 7-( ? ,- & " Y /( 0 + 40($9* ,0 - ;$ <= $ 9-$ +$ >? 0 /4 . - 1+ ;$ $% . @$ $ 0 $ 9 (9 <7 ( -7 ( 0 /4% ., ' ;$ - A )?*$

. .

Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.