(Multimedia)
            ก                        ก




ก          ก        !            ก "#
    ก   $ ! ก% & ' & '(   ) ( * + * *,

                                         #
(Multimedia)



Link

                      &'
                      & '(   )




                                 #
! ก% (Text)
• ! ก% - ( .                  ก '/ 0 * 12 ก ( *
  , +ก          ! * ( * , +ก            3 ก !,   ก * ! ก% 2 $
   4$( * ( ก) $          + +           - *5 ( ก * ! ก% ) $
  ! !$ ก         ก5 ก /           -ก                 ! ก% ) $
  ! !$ ก ก ,!$! ก 4$2 $ก6                 2 $! ก%      -# ก 2 $
  ! ก% 2 ก ( , + 7 ' 8) $ ( ก                              ก) *
  ! ก% (' ( , ) (                  ( * & 'ก 9:ก           ( *
     ; ( . !$        ก5 ก */! ก%              -   5 ( . ก%<
        ( 4 (Menus) (' 2 $ 4$2 $( ก $ 4 *5 ;#ก% ) $ ,         ก
  ) * ( <ก            *( *       ! *( * 7 ' 8
                                                             #
ก 5 !+   ! ก% (Alignment)




                        #
* : Color
• ( .            ก            $ 5 * ก !3$                  252 ก           *( . ! ก !3$
              ก        4$ * 1 ก 2 $ * *(               5     2 $         +          ! ก
   ก          * $         !$ '5 < *'/                  ก (       "# 5 ( * ก 4 * 4 *           4
            -2 $ ก ) $               4)           2 $ ก             5'        4$2 $ 2 1
         4 * ก%                  (          '/ / ( ก% ( *           '/ + ก%
   '/ (             ก2 $'/ ( . *( 4 * * 4$( *               *9= *+ * + * * *
          $        * $ * + *( * + *+                     กก ก+ 4 * * !$                     #
     *ก ก            #           2 $'/      ( . *( $ กก * ( 5 ก *( $ 5
   +           5 ก5 & ' 2 $ 4$ #ก              ! กก ก 2 $ * ( . '/                 "#
       5                    $           ! 2 ก        5 &' (           5 ก 5$            *'/
   2 ก <* * *'/ + *! ก% 2ก $( * ก 5 ก ('                              ! ก%          2 $ *93=
   ก 5            ! ก% ( $             ( . !$
                                                                                       #
Blink
        #
& ' (Graphic)
• ) $+ก& ' ! ( & 'ก 9:ก & '- Clipart ( . !$
       / & '(  ) ! , *        ก3 & ' * 1
  f*.gif *.jpg *.jpeg -# & '(    )




                                              #
& ' (Still Images)
• & ' ( . & 'ก 9:ก *) *ก (         ) ( & '-
  & ' ( . !$ & ' *                1! !- *( * ก / */
  ( 5 ก5 2 $ 2 (         ก ( * 4$ $ ก      ( 6 ) 5 4
  , ;           ' '          > > 5 *& '( .          ก
  (         ก    * “& ' # & ' * 3< ( ก -# ' ”
      / & ' 5# *             ก2 ก    ก+       ! *( * * *
  ! ก% + & ' ( . GUI (Graphical User Interface)
  &'          - !) $      8*    ( ก     (Drawing) ก
    +ก & ' (Scanning) ( . !$
                                                      #
#
& '(      ) (Animation)
• & '(     ) 5      -# ก (     )     4ก 4 +      2
       ก           (    !45       ( . !$ "# 5 2 $
        -( $ 25    ก          (        !) $ ( .    *
     / & '(     ) 5#      !/ +!ก $ & ' $ ก 9:ก
           '$ /ก (     ) ก 9: ก / 5 -# ก 9: ก * *
         ( * +    ก (     )     2 ก 83 ก55 2 $
  Autodesk Animator "# * 3<      ! * /2 $       ก
   ก+ ก 9:ก ( *       2 $2 ! *( * ! !$ ก
                                                  #
#
JPEG (Joint Photographer's Experts Group File)

• & ' * !$     ก     (        *       ( * 4 + 2 $ *
  5           ก(          3 -# 24 bit color)
• !$ ก       * )9 !           !$ ก        4$2 $
• )9           */ ก5 2 $ ก & '- *               +ก +
  !$ ก           ) 2 $          ( ( 6 ! (' 2 $
       +               (*        &' 4




                                                       #
• 53 (
   –          3 *) $-# 24 bit
   –        -ก          ก * )9 ) $! *!$ ก
   – *       +        +      +           ) 4 (* 2
     Progressive
   – *, +ก               3 ก $ 5       ก
   – ( * ก 4) $ก Graphics Browser 3ก!
   – !/ ก * )9 ) $ (compress files)

• 53 $
   – 2 $'/   4 , 2 ) ) $
   – $ ( * ก * )9 (Compress File)
                                                    #
GIF (Graphics Interlace File)
• & 'ก 9:ก ก3 GIF '? ,              % CompuServe 5 ( . )9
  &'      ก ( +'     (             ( 6!!/ +! 3 + ก ( 5 ก * ก%< (

   –             -2 $ $        (Cross Platform)
   –     *       )9 ! 5 ก( , , *ก * & ' 2 $          - )9 & ') $ ( 6
   –             - '/     & '2 $( . '/ + , 2 ) $ (Transparent)
   –       *      +     +        +          ) 4 (* 2     Interlace
   –         *, +ก         3 ก $ 5        ก
   –   ( * ก 4) $ก Graphics Browser 3ก!
   –                 - $ ก ( + & '(           ) (GIF Animation)
                                                                       #
#
• 53 $
   – )9       */ก6 *53 $ 2 (   ก +       * "# +   ) $('* 256 *
       2 $ก        ( & '-       & ' * !$ ก                 &'
        2 5 !$ ; 9 + !




                                                            #
GIF : 608 KB   JPG : 480 KB




                       #
PNG (Portable Network Graphics)

• )9 ก3     3 *       53 (     )9 GIF + JPEG '?          ก
    2 $& '2 ก3      */+       *) $ กก 256 * +       - '/ & '
  2 $, 2 ) $ 5# (     . )9 & ' *) $         ก2 @553 $ *ก ก3
     # 3< !           &'
   –      -2 $ $      (Cross Platform)
   –     )9 ( 6ก
   –      - & ', 2 5 ก *'/ 256
   – + & '+             ( ( * ก GIF , *        * *ก
   – * 3< ! Gamma 2 $& '         - ! ( ) $! 5 & ' +
                 + $5 ! * 5 ( .
                 *
                                                           #
• 53 (
    –        3 *) $-# !   True color (16 bit, 32 bit     64 bit)
    –      -ก          ก * )9 ) $! *!$ ก
    – *     +        +      +          ) 4 ( * (Interlace)
    –      - '/ , 2 ) $


• 53 $
    –   กก        ก * )9 ) $ 4 5 2 $( 2 ก     )9 4 ! ) $ +!
         )9 5 *      !
    –)         3 ก Graphic Browser 3 (ก            3 (A' IE 4 +
      Netscape 4
    –       (*     & '+ 5        * #/ 4ก Video Card
    – , +ก          3 2 ก $ * $

                                                                   #
+          2 ก 2 $)9 ก 9:ก
•        ก+ ก 9:ก, 2 $ 3 *               ( 6 (Web Palette
  Web-Safe Color) ('                         -+ 25) $ 4$2 $ 3ก 5 ) $( 6
      *(   ก + ) (ก ก         *2 ก $( *        + (Dithering) *5
    #/ +! $ ( *   ก 2 $ 3 *             (6     5       *5 ก ('* 216 *
  ( /
•              2      *+ RGB ( 5 ก( *ก                     #ก)9 ( . GIF
  5 (ก ก ( * +              * ( 6ก" (Index color) ( ก 9:ก 4
  2         *+    ( 6ก" *5 -4กก            $ 3 * * * 45 )         -(' (!
  ( $ ) 2 ) $ / ('                  3 2 ก         ( * +ก$) 5#
  2          * RGB
                                                                      #
+         2 ก 2 $)9 ก 9:ก
•     *ก            4 & ' ( 5 กก 9:ก2 ( 6 *           ( * ! 4+ $ ( *ก
               #/  , +ก ก 9:ก5 )           -2 $         ( *        4 ) $ ก ก
  2       ! ก $ (           -        4 & '2 $ ( 6 ก ) $( 6ก $ , ) 2 $
     3<& ' 4            / 2 ก      ก ( ก 4 & ' *5            2 $5 ก"* *
  5 กก +ก 4 5# ( ก               *2 1ก           *( !$ ก 2 $( 6ก $ +
       1 * 3      (ก6 4 !$ A ) $, ) ก ( * + 2 ( ( (
    4 5 ( 6ก(ก )         2 15 (ก ) 5 ) $ก       ( !$ 2 ) $ *ก /
• ( ก2 $ 4 + ก 9:ก2 $(          ( 4 *( .       ( $        * *'/ ( .      2 1
       ( ก2 $ 4 + GIF < * 4 -           &'          2 $ 4 + JPEG
                                                                      #
& '(           ) : Animation
• 4 +      +9= & '(      )
   – GIF ( . 4 +         # & '(          )    *  2 $     (! ( 6! , ก
       $ & '(      ) 1 & '5 กก             & '( $ $ ก ,      -(     ) $
              + $ +!ก ก     "# $     ) $5 ก, +ก      $ & '(     ) ' ก
     Ulead GIF Animator
   – SWF              ( . 4 +        #       & '() '? ,      %
     Macromedia ( . ( , ,          *2     *  - )9 ! *( *    ก /
     & '+ ( * + ,!$! ก 4$2 $         ) $ $ ( ก ก 3B ก ( * & '(
        ก( ( . !$ , 2 $, +ก (       Macromedia Flash, SWiSH


                                                                     #
+      2 ก 2 $& '(           )
• ก 2 $& '+ *5         ก &'          2 1(ก ) 5 2 $+9=
    *    2 1 ก! ) $ +           2 $ก     53      $(6 $ ก
      /      ก * * * 3  2 $ + 9= & '        ( 6ก+ 2 $ *ก
  (     ) (A'           & '( /




                                                    #
ก (     , +        7 ' 8 (Interactive Links)

• ก (    , +        7 '       85       -# ก * 4$ 2 $ ! * ( *
      -( ก $ 4 ) $! !$        ก , 2 $! ก%           3B
 ! ก% *5         -( ,        ) $5 ( . ! ก% * * *+!ก! 5 ก
  ก% !            3B ก65 *   ก%< $ ก 3B (' & ' !
       ก     3B (' ( $       $ 4 *!$ ก      ( *        $!
     $ 4!)



                                                          #
Link




Back
       #
* ; (Video)
• ก 2 $ ! *( * 2        !5 (ก* $ ก ก         ( &' !
    * ; "# 42 4         5!       ( $ ) ก , +ก        3ก! *
  ( * #/ ,     )       * ; 5 (           $ ( 5 *5
  30 & '!        *2 ก%< */5 ( * ก * ; 5! (Digital
  Video) 3<& '       * ; 5! 5 ( * ก 3<& ' *( 6
  5, ;          / / * ; 5! + ( * 5# ( .             * ก
  ( $ ) 4ก   ( + ก ( * , +ก                 ! *( * * ;
        - ( ) $ * $ 5          ' (! 2 < *( *            -
  (      ก)       ,' &     ก) $ ,       ก ( * (Sound
  Card)
                                                        #
Video
• VDO      ( .   * ก 4 # * 2 $ก ( , , * ! *( *
  ( 5ก       -+       ) $ / & '( ) + ( * )
  ' $ ก 2 $(ก             252 ก ( , *       ก3
   *   */ mov avi mpg mp4 3gp




                                             #
WMV : Windows Media Video
• Windows Media Video Used in the
  Windows media Player this is used to
  stream and download and play audio
  and video content.




                                         #
AVI (Audio / Video Interleave)

• ( . 9 + ! * '? ,   % ) , " 9! ( * ก Video
  for Windows *       ก3 ( . .avi @553 *, +ก
  +     ! !/ ' $ ก 3 Microsoft Windows
  Windows Media Player




                                          #
MPEG - Moving Pictures Experts Group

• 4 +       )9     * *ก * )9 (' 2 $ *       ( 6ก , 2 $
  (     ก * $       4 + Inter Frame             -# ก
       +!ก!           $ 4 2 +! & ' * + (ก6 ,         -
    * $ 4 ) $ -#     200 : 1        (   $ 4 ( '* 100
  kb/sec ,              3<& ' * 4 *ก '?      ! ( ,
  MPEG-1 *               ก3  .mpg @553 ) $ *ก '? ( .
  .mp4

                                                    #
( * : Sound
• ( * ( .             ก      1! ก      4$    5ก          ! 5 กก 5 '
       3% ( * 4$5 กก ) $ 11% + 5 ) $5 กก ) $ 20% "# ( ( * ( *
  ก ก ( * 4$5 กก         ( 6 "# '     3% ( * 4$5 กก      ( 6 83% + 5 ) $
  5 กก        ( 6 30% + $ 5 ( 6 ก ( * 4$5 กก ) $ ) $9@ ('*          ( *
    *        8& ' $ ก ก ( * 4$+ ก 5 5 กก              ( 6 4 ก +! ก 4$
           - ก+ ก ( * 4$2 $ 4$( * 2 $               / 2 ก ( * 4$, ก
  ) $ + ) $ ( 6 5 4 -# 94% + ก 5 ) $ 5 (' ( . 50% ( ( * ก
                   *(        ! 8       !( * *(ก #/ ,        ) / ( . 11 <
  analog / 5# !$ ก ( * 2 $ 42 4                    digital ('       - #ก
      2      ' (! ) $
                                                                 #
+      2 ก 2 $)9 * *,
• -$ *    5 ( . !$ 2 $ * ,     ( 6     2 $)9 +
  Streaming         ( 6ก   < 160x120 pixel -$ 2 $
      + CD 320x240 pixel -$ 2 $ QuickTime
      2 QuickTime Player ) $ ( . !$
• 2 $(' +     *( . ก 8! ก 5        - ก < *2 $
  + + ) ) $


                                               #
4 + ( *
• ( *            ( * '4 (Speech / Narration)
• ( * ( 9(9.ก! (Sound Effect)
• ( *    ! * ก (Music Background)




                                               #
( *                         ( * '4 (Speech / Narration)
• ( . 4 + *' (              6 2     (*      ) 53 ( 5 4 * ก ( ก( * 2 $
            $ ก ( /                $ ก          4$( * *      (5 + 4$
       * * ก 2 $( $ -$           *    25 ! ! 53 (          ก       */+  ก( .
  2            53 ( $         3<& '( * + 53 ( $ ก ก+ ( *
• ก ก+ ( *                   1 4 *ก (! *           ( * (Sound Script)
   4$ ก+              ( *   5 !$         ก+ ก 2 $ -$        2 $
                 ก           54 25 * 5         $ 5 ก ก          ( & '+
     $           $5 +                $ ก ! 4$ ( * (        (' (!       ก ( :
  , ก 2 $ 4$( * (           ก * 5 9@ ( *      ) 9@ ( *           ) $     /ก
         ก+ 2 $ 4$( *          3           ( * )$        ก
                                                                          #
$ ก'                 ก         ก+ ( *
•    $ ก'              ก        ก+ ( * *'           ก6 ก 2 $ 4$             !
      $         $ 5 "# 4(           ( . ก      ก 9@ ก%< */ * ( * กก
         * ( *           4$( * 5                 ( * *) $ ก $            *! (
    ก            4 4$( *               (6ก ( *                       $ก ( *
             ก                 (62 ก           4$( * 2 $' *ก ( *              ) $
        ก 8*ก +ก$) ) $                8*( ก ( : , ก 2 $ 4$( *       ก 3B (' 9@
          : ( *                    ก      ก+ 2 $ * ( *           (A' ก         3
                               ก ( $ 4ก ( * 4$2          ( /



                                                                              #
( * ( 9(9.ก! (Sound Effect)
• ( * ( 9(9. ก ! (( *       ก ) 5 + ก( . 2 (& ก
  Synchronized Sound "# ( . ( *                         ก *(ก 5 กก ก
  (Action) , ! 5 ก5 & ' ก5 ( . 11 <( * / ( ( * +ก$
  +!ก 4ก, B +!ก (        $        ก ก( $ ก ก '                Highlight
  & ' ! ก% * ก (&                  #    ( * Aก          (Background
  Sound) ( . ( * *              ก +      2 $ 4$( * (ก        <+       4$ #ก
      $ ! ( /          & '( !3ก < * ก7            $ 5 2 ก ก+         (*
        ' (! / 4$ ก+ 5 2 $( * A ก            */ ก ก (             (
         ('       $            25     ( * + 52 $( * 4 + */ (
  ( /             ) $ $ / */ #/ 4ก 4$ ก+           ( 6       52 $ )2
                                                                     #
4 +         +9= ( *
• WAV (Wave File) +9= ( * * ก5 3$ ( ก ก * 3 ( . 4 +
    +9= ( * *2 $ก ( .  ก2     7 !ก     , 2 $( 2 ก
  - ,      ( 5 ก) ) $ ( , , *ก * 2 $( . +9=    ( 6ก
• MIDI (Musical Instrument Digital Interface :
  31.25 Kbs data rate) ( . 4 +           ( * (' 5 *        -
     $ ) $5 ก, +ก      ' (! ( Cake Walk           (     !*
  !       *    -! ' ก    ' (! ) $ ( 5 ก)9 ! ก4 midi
  mid */ *      ( 6ก5# -)     3ก!2 $ ) $        +   2 $( .
  ( * + ก 2 $(6
                                                        #
4 +          +9= ( *
• MP3 ( .     8*ก *       $ 4 2 $ *   ( 6ก , 2 $ ! 0 MPEG
   / 5 *        $ 4 * ( . )9 "# ( . ' ก(' ( *        ก *2 $2 ( 6
  ( 5ก        *    ( 6ก กก )9 Wave            )9 ( *   )       <
  10 ( +9=   ( * (' ก            (! ( 6!2 4 + Streaming




                                                            #
ก                 ก             ! *( *
• '/ 0           ! * ( * 5 !$ *             ก      กก 2
        ก ( .          $ (      2 $! ก%        ก ก 2 $ * *
  +!ก! ก 2-3 * & '; C & ' 5 กก                    ก +ก
    ก / ก6 5 *( * + * ;           4 $ ก6) $ ก 2 $ ! *( * *
      ก * 2 + + + ก ก 2 $ ! *( * (' ก ( +
  + *          ก 2 $ ! *( * (' ก DEก              ก ( * 4$
  2 $      ก 2 $5       2 $, +ก 3 (           Presentation
  Packages) +     3     ' 8 (Authoring Packages)

                                                        #
1.   3    (    (Presentation Packages)

• 3 ( ( . , +ก *'? 5 ก+             ก 2 $( A
  & ' $ ;* % ( . ก ( ,        ' (! + , (5ก
  (! + 3 ( 5          - $ $     * * * & 'ก 9:ก
  + &4 + & ' & '(       ) ( * + * ; (          */
        - $ 5 ก, +ก ) , " 9!(' ( '
  (Microsoft’s PowerPoint) +  (' (Asymmetry’s
  compel)



                                               #
2.   3      ' 8 (Authoring Packages)
• 3       ' 8( . 3 * 2 $ ( ' '? , +ก $             ! *( * *
  9@ ก (Function) !          2 $2 $ 3    ' 85# ( . 3 * 2 $
   4$2 $     - ก+ , +ก ก               2 $ ( * ) $!
  !$ ก ) 5 ( . ก 2 $ $             & ' ก 9:ก ( * + * ;
  2 ก DEก          ก DEก         , +ก 3         ' 8 *2 $ก ก6
     * ! *( * 4 3 (Multimedia ToolBook)             (8 +
  , (9           (Authorware Professional) ( . !$ "#
       ก5 ก5 ( * ( . , +ก DE ก                ก       + $
         - 3      ' 8 2 $( * ก ( + + ก) $ *ก $
                                                          #
! *( *

Analog &         Digital Signal       Analog &
Digital Signal                        Digital Signal

   Input           Process              Output



                   Storage




                                                       #
4 + ก         (          ! *( *
•   + ( ( $ (Linear Progression)
•   +       (Perform Hyper jumping)
•   +   ก (Circular Paths)
•   + 0 $ 4 (Database)
•   +      (Compound)




                                               #
+           (Perform Hyper jumping)

• 4$2 $     -$ )           (9 ) $     "# ก !3$
          25 +! * $        ( Lost in Space (
          $ 4 * ' 8ก

                 2             4          Site Map

            1          3            5


                 6            7
                                                 #
+      ก     (Circular Paths)

•        ก $ ก ( + ( ( $
      3 ( 6ก 5         3 !( ก
    ( . 32 1 *           $ ก ก
    (            $ 4 * ' 8ก 2
    +!            +!5 + ก ก( .            menu

               $



                                                 #
+ 0        $ 4 (Database)
• ( . ก ( , ก 2 $ กก 0 $ 4 ( . ก *ก 2 $
      * (Index) ( . ! $ $ 4 *(ก* $ "# 5 4$5กก 2
        Search Engine

                            Text

                           Image
         index
                          Animation

                           Sound
WIKI                                              #
! *( * (' ก ( * ก
• CAI( $ * Off-line : Computer aided instruction
• ก (*     ( 6 (WBI : Web based intruction) ( $ ก 2 $
      Static Web
• e-Learning( $ * Interactive Online     High Quality
  Online , ก                    5 ก (* 4 (CMS
  LMS : Learning Management System) ( . ! 5 ก
       !

                                                        #
WBI,WBL,WBT
• WBT (. 4 +    # ก (* ก               ) + * 2 $
  (*ก ก      ก%< ( WBL (Web Based Learning)
     WBI (Web Based Instruction) "# ) 5 ( . 2 ก6 *
         (    ก / */( . ก 5        ก (* ก       *2 $
  ( , , * TCP/IP + http ('       $ 4 ( /     4$
  (       ( ( 6! (



                                                  #
#
e-Learning

• ก 2 $ ' ก !              2        ( ( 6!      ก+ +
  5           (' $         ก (* ก        , ก        3 +
        ( 2 $(ก ก ( *       4$   *        ! ก     !$ ก
          4$ + 4$( * (         ,   ( . (      *   -( * 4$
  ) $ 3ก * 3ก( +         3ก        - ( ! ! 'F!ก
    4$( * ) $(   ก (*      2 $ (* 5



                                                       #
#
m-Learning
• The term mobile learning (m-learning) refers
  to the use of mobile and handheld IT devices
  in teaching and learning.
  –   Such as
  –   PDAs
  –   mobile phones
  –   Laptops
  –   Tablet PCs


                                             #
3< ก%<              ก            (! ( 6!
•   ( =          ก
•    4$( * 2 $ $ ! (     ก3
•      * !-3         ) + !-3   (A'
•   ( . ก          +




                                               #
Information




Immediate     Computer
 Feedback                  Individualization
             Instruction




            Interaction

                                           #
ก%<                ! *( * (' ก ;#ก%
•         ! *( * (' ก   (     $ 4   * ก%< ( . ก
    ( *
•          ! *( * (' ก ( * ก       ( . ก%<              *( =
             ก          52 $ 2 ก              ( ก6) $ 4$( *
    2 $( * 4$) $ $ ! (       (* ( . ก3     * !-3            )
    + !-3             (A'         3 ก%         4$  5
    ( $ 25 + (5! !

                                                            #
(&          (*        ' (!
•   +   ;#ก% ( / 2 (Tutorial)
•   +   DEก       (Drill and Practice)
•   +   5       - ก < (Simulation, Emulation)
•   +   (ก ก       (Instruction Game)
•   +   2 $       (Test)




                                                #
+ ;#ก% ( /              2   (Tutorial)

• ( . *( 6ก, ก * 2 $ก ( * 4$(                    ก ก       2 /
  (*        -2 $ + 4$ 2 ก                    (         +
  ! 5 ก DEก
                 ก         (           - +
                     ( /                !


                  ! 5
      5   (*                       !     !
                    +ก$)

                                                             #
+ DEก            (Drill and Practice)

• ( .        *-4ก ก+   (' DEก+                  4$   4$( *   *) $
        ก ;#ก%       +$,     $ ก +             !
                                         - +
                        ( ก$   -
                                          !


                         ! 5
            5   (*                   !     !
                           +ก$)

                           Example
                                                                    #
+ 5            - ก < (Simulation)
• ( . ก (* +         $ - ก <( * + (' + & '
  5         ก7ก < *( . 5 , * 4$( * ) -( * ) $5 ก
    & '5 ) $ ( 5 ก @55 !
  –ก 5       - ก < ก & ' (Physical Simulations)
  –ก 5         - ก <      / ! ก               ( Procedural
    Simulations)
  –ก 5       - ก <     ( !3ก < (Situation Simulations)
  –ก 5       - ก <      ก     ก (Process Simulations)

                                                         #
ก 5       - ก <         ก &'
           (Physical Simulations)
• ( . ก 5    - ก <      ก & ' 2 1+ $ ( . ( /
       $    ; !+ (     , , * (' 5 ก
  (       ( 5ก ! (      ก 5 ก       (        !
  (ก* micrometer ( .   !$




                                                 #
ก 5        - ก <         / ! ก
          (Procedural Simulations)
• (' ( $ ก ( * 4$ก     ก !        *5 ) 4 '8
  (' ( $ ก%       ก ก      *5 ( . ! ก (     2 +!
   / ! ( Flight Simulator ก 5 ก 2 $( 5ก ก
  5 ก              Microprocessor ( . !$




                                                   #
ก 5          - ก <       ( !3ก <
            (Situation Simulations)
• 5 (ก* $ ก ; !              ( 6 + 'F!ก         3% ( .
       2 1 , 3 ( $ 2 $ 4$( * $      '8 *(ก #/ ( 5 ก2 $
   8* *+!ก! ก 2 - ก < ( * ก , 5( . ก 5
        (Role Play)




                                                    #
ก 5          - ก <                 ก       ก
               (Process Simulations)
• 5 +!ก! 5 กก 5             - ก <       /       ! * 4$( * ) ) $
  ( $) *          2 ( !3ก    <+!5 ( .      4$ (ก!ก       ก !
    *(ก #/ ( 4$( * =        ' (!         *(ก* $ ก ( !3ก < /
         2 $ '8! ) (         ก 5        ก ' ก < !$ ก
       $ ( . !$




                                                                  #
4 +        + 5                 - ก < (Simulation)
 ( !$             ( !$                         ( !$

( !3ก < 1    ( !3ก <2                         !( ก

( !3ก < 2        ก ก               ( !3ก < 1 ( !3ก < 2 ( !3ก < 3

( !3ก < 3            ก                            ก
                 !         25                 !         25
   / 3
                     / 3                          / 3
+ ( $ !      +                               + " "$          #
ก           + 5             - ก <

             ก     (       ก ก           *
                 - ก <      !$ ก


                 ก         ก ก
5   (*
                                 (4$ *




                                             #
+ (ก ก            (Instruction Game)

• 2 $+     ก ( + (Enforcement Theory)2 ก ( * 4$
   * ก ( * 4$ $ + 54 255 ก& 2 / 5 2 $ *! ก ( * 4$
  + *           2 ก 5 5 ( / ) $ *ก ก ( * 4$ *(ก 5 ก
  + 54 25&     ก"# ( =         (& */5 2 $2 ก DEก+
         ( /        /+   + ก% *) $( * ) + $ $ ก
     ( * + DEก



                                                 #
+ 2 $            (Test)

•         *( * ก +     $ ' (Discovery) 5 2 $               ' (!
    2 ก                   + ก     (          (             ก
    IELES

                                       ก               (
                         ( ก$
                                           $


                          ก !         ก ก
           5   (*
                            !                  4$( *

                                                                  #
ก      ก+            ! *( * (' ก ( * ก
•     (Introduction)
• ก ( ( / (Presentation of Information)
• - - ! (Question and Responses)
• ก ! 5 ! (Judging Responses)
• ก 2 $$ 4 = ก         - (Providing Feedback
  about Responses)
• ก 2 $( /    (   (Remediation)

                                               #
ก        (*             ' (!
                           +
       (
                           ก              (*

      */+5                     ( /
                 (9   (                        ก
      (*                             (*

                           +
!-3
                                          (*

      ก
                                          3
 2 $( ก
                                               #
ก%<                       (*           * *

                                               * 7 ' 8ก 4$( *
      $       #/ !       !-3
          ก                         (         ก                    ( . ก (* ก
                                        ก%< 4$( *                       3


                                                                                                (*       * *

                               $      4$ #ก2                  *ก      (
                                   กก (4$ *
                                                                      (            ก & '+   $
($   25          $(4 *                  +              = ก                      ก (* ก
                                        )      (4$ *
                                                                                                     #
4 + ก      (         (*
• + ( /      )    ' 8ก
• + ( /   !(         ' 8ก
• + ( /    ) ) ( $ 4 + ก (* ก




                                     #
+ ( /              )   ' 8ก


                                       ก
         (

                       (* 1           (* 2      (* 3
  */+5        (*
 !-3                              +
                                           (*

+
ก            (*                        3 +
                              ก       ) 2 $
                                                  #
+ ( /              !(   ' 8ก
                             +
              (             ก        (* 2

       */+5       (*
      !-3                           (* 2
                                            )
      +
     ก        (* 1              + DEก


          (* 1                  +
                                      (*
)
      + DEก                          3 +
                            ก       ) 2 $       #
+ ( /        ) ) ( $ 4 + ก (* ก

                              (


                       */+5       (*
                      !-3


                              ก


   +                                   +             3 +
                 (*
   ก    (*                                 (*   ก   ) 2 $
                                                            #
/ ! ก                   $              ! *( * (' ก ( * ก
                                     1      ก       ก+
                                                              2       (     ( /
                                     (Instructional Design)
     8           (

                                                              3   ;#ก%      ( . ) ) $
7       3ก!2 $2 $ ( *


6        / ก     $                                            4   ก       !-3
(Instruction Construction)


                                 5     ก           / ! ก                        #

สื่อประสม

  • 1.
    (Multimedia) ก ก ก ก ! ก "# ก $ ! ก% & ' & '( ) ( * + * *, #
  • 2.
    (Multimedia) Link &' & '( ) #
  • 3.
    ! ก% (Text) •! ก% - ( . ก '/ 0 * 12 ก ( * , +ก ! * ( * , +ก 3 ก !, ก * ! ก% 2 $ 4$( * ( ก) $ + + - *5 ( ก * ! ก% ) $ ! !$ ก ก5 ก / -ก ! ก% ) $ ! !$ ก ก ,!$! ก 4$2 $ก6 2 $! ก% -# ก 2 $ ! ก% 2 ก ( , + 7 ' 8) $ ( ก ก) * ! ก% (' ( , ) ( ( * & 'ก 9:ก ( * ; ( . !$ ก5 ก */! ก% - 5 ( . ก%< ( 4 (Menus) (' 2 $ 4$2 $( ก $ 4 *5 ;#ก% ) $ , ก ) * ( <ก *( * ! *( * 7 ' 8 #
  • 4.
    ก 5 !+ ! ก% (Alignment) #
  • 5.
    * : Color •( . ก $ 5 * ก !3$ 252 ก *( . ! ก !3$ ก 4$ * 1 ก 2 $ * *( 5 2 $ + ! ก ก * $ !$ '5 < *'/ ก ( "# 5 ( * ก 4 * 4 * 4 -2 $ ก ) $ 4) 2 $ ก 5' 4$2 $ 2 1 4 * ก% ( '/ / ( ก% ( * '/ + ก% '/ ( ก2 $'/ ( . *( 4 * * 4$( * *9= *+ * + * * * $ * $ * + *( * + *+ กก ก+ 4 * * !$ # *ก ก # 2 $'/ ( . *( $ กก * ( 5 ก *( $ 5 + 5 ก5 & ' 2 $ 4$ #ก ! กก ก 2 $ * ( . '/ "# 5 $ ! 2 ก 5 &' ( 5 ก 5$ *'/ 2 ก <* * *'/ + *! ก% 2ก $( * ก 5 ก (' ! ก% 2 $ *93= ก 5 ! ก% ( $ ( . !$ #
  • 6.
  • 7.
    & ' (Graphic) •) $+ก& ' ! ( & 'ก 9:ก & '- Clipart ( . !$ / & '( ) ! , * ก3 & ' * 1 f*.gif *.jpg *.jpeg -# & '( ) #
  • 8.
    & ' (StillImages) • & ' ( . & 'ก 9:ก *) *ก ( ) ( & '- & ' ( . !$ & ' * 1! !- *( * ก / */ ( 5 ก5 2 $ 2 ( ก ( * 4$ $ ก ( 6 ) 5 4 , ; ' ' > > 5 *& '( . ก ( ก * “& ' # & ' * 3< ( ก -# ' ” / & ' 5# * ก2 ก ก+ ! *( * * * ! ก% + & ' ( . GUI (Graphical User Interface) &' - !) $ 8* ( ก (Drawing) ก +ก & ' (Scanning) ( . !$ #
  • 9.
  • 10.
    & '( ) (Animation) • & '( ) 5 -# ก ( ) 4ก 4 + 2 ก ( !45 ( . !$ "# 5 2 $ -( $ 25 ก ( !) $ ( . * / & '( ) 5# !/ +!ก $ & ' $ ก 9:ก '$ /ก ( ) ก 9: ก / 5 -# ก 9: ก * * ( * + ก ( ) 2 ก 83 ก55 2 $ Autodesk Animator "# * 3< ! * /2 $ ก ก+ ก 9:ก ( * 2 $2 ! *( * ! !$ ก #
  • 11.
  • 12.
    JPEG (Joint Photographer'sExperts Group File) • & ' * !$ ก ( * ( * 4 + 2 $ * 5 ก( 3 -# 24 bit color) • !$ ก * )9 ! !$ ก 4$2 $ • )9 */ ก5 2 $ ก & '- * +ก + !$ ก ) 2 $ ( ( 6 ! (' 2 $ + (* &' 4 #
  • 13.
    • 53 ( – 3 *) $-# 24 bit – -ก ก * )9 ) $! *!$ ก – * + + + ) 4 (* 2 Progressive – *, +ก 3 ก $ 5 ก – ( * ก 4) $ก Graphics Browser 3ก! – !/ ก * )9 ) $ (compress files) • 53 $ – 2 $'/ 4 , 2 ) ) $ – $ ( * ก * )9 (Compress File) #
  • 14.
    GIF (Graphics InterlaceFile) • & 'ก 9:ก ก3 GIF '? , % CompuServe 5 ( . )9 &' ก ( +' ( ( 6!!/ +! 3 + ก ( 5 ก * ก%< ( – -2 $ $ (Cross Platform) – * )9 ! 5 ก( , , *ก * & ' 2 $ - )9 & ') $ ( 6 – - '/ & '2 $( . '/ + , 2 ) $ (Transparent) – * + + + ) 4 (* 2 Interlace – *, +ก 3 ก $ 5 ก – ( * ก 4) $ก Graphics Browser 3ก! – - $ ก ( + & '( ) (GIF Animation) #
  • 15.
  • 16.
    • 53 $ – )9 */ก6 *53 $ 2 ( ก + * "# + ) $('* 256 * 2 $ก ( & '- & ' * !$ ก &' 2 5 !$ ; 9 + ! #
  • 17.
    GIF : 608KB JPG : 480 KB #
  • 18.
    PNG (Portable NetworkGraphics) • )9 ก3 3 * 53 ( )9 GIF + JPEG '? ก 2 $& '2 ก3 */+ *) $ กก 256 * + - '/ & ' 2 $, 2 ) $ 5# ( . )9 & ' *) $ ก2 @553 $ *ก ก3 # 3< ! &' – -2 $ $ (Cross Platform) – )9 ( 6ก – - & ', 2 5 ก *'/ 256 – + & '+ ( ( * ก GIF , * * *ก – * 3< ! Gamma 2 $& ' - ! ( ) $! 5 & ' + + $5 ! * 5 ( . * #
  • 19.
    • 53 ( – 3 *) $-# ! True color (16 bit, 32 bit 64 bit) – -ก ก * )9 ) $! *!$ ก – * + + + ) 4 ( * (Interlace) – - '/ , 2 ) $ • 53 $ – กก ก * )9 ) $ 4 5 2 $( 2 ก )9 4 ! ) $ +! )9 5 * ! –) 3 ก Graphic Browser 3 (ก 3 (A' IE 4 + Netscape 4 – (* & '+ 5 * #/ 4ก Video Card – , +ก 3 2 ก $ * $ #
  • 20.
    + 2 ก 2 $)9 ก 9:ก • ก+ ก 9:ก, 2 $ 3 * ( 6 (Web Palette Web-Safe Color) (' -+ 25) $ 4$2 $ 3ก 5 ) $( 6 *( ก + ) (ก ก *2 ก $( * + (Dithering) *5 #/ +! $ ( * ก 2 $ 3 * (6 5 *5 ก ('* 216 * ( / • 2 *+ RGB ( 5 ก( *ก #ก)9 ( . GIF 5 (ก ก ( * + * ( 6ก" (Index color) ( ก 9:ก 4 2 *+ ( 6ก" *5 -4กก $ 3 * * * 45 ) -(' (! ( $ ) 2 ) $ / (' 3 2 ก ( * +ก$) 5# 2 * RGB #
  • 21.
    + 2 ก 2 $)9 ก 9:ก • *ก 4 & ' ( 5 กก 9:ก2 ( 6 * ( * ! 4+ $ ( *ก #/ , +ก ก 9:ก5 ) -2 $ ( * 4 ) $ ก ก 2 ! ก $ ( - 4 & '2 $ ( 6 ก ) $( 6ก $ , ) 2 $ 3<& ' 4 / 2 ก ก ( ก 4 & ' *5 2 $5 ก"* * 5 กก +ก 4 5# ( ก *2 1ก *( !$ ก 2 $( 6ก $ + 1 * 3 (ก6 4 !$ A ) $, ) ก ( * + 2 ( ( ( 4 5 ( 6ก(ก ) 2 15 (ก ) 5 ) $ก ( !$ 2 ) $ *ก / • ( ก2 $ 4 + ก 9:ก2 $( ( 4 *( . ( $ * *'/ ( . 2 1 ( ก2 $ 4 + GIF < * 4 - &' 2 $ 4 + JPEG #
  • 22.
    & '( ) : Animation • 4 + +9= & '( ) – GIF ( . 4 + # & '( ) * 2 $ (! ( 6! , ก $ & '( ) 1 & '5 กก & '( $ $ ก , -( ) $ + $ +!ก ก "# $ ) $5 ก, +ก $ & '( ) ' ก Ulead GIF Animator – SWF ( . 4 + # & '() '? , % Macromedia ( . ( , , *2 * - )9 ! *( * ก / & '+ ( * + ,!$! ก 4$2 $ ) $ $ ( ก ก 3B ก ( * & '( ก( ( . !$ , 2 $, +ก ( Macromedia Flash, SWiSH #
  • 23.
    + 2 ก 2 $& '( ) • ก 2 $& '+ *5 ก &' 2 1(ก ) 5 2 $+9= * 2 1 ก! ) $ + 2 $ก 53 $(6 $ ก / ก * * * 3 2 $ + 9= & ' ( 6ก+ 2 $ *ก ( ) (A' & '( / #
  • 24.
    ก ( , + 7 ' 8 (Interactive Links) • ก ( , + 7 ' 85 -# ก * 4$ 2 $ ! * ( * -( ก $ 4 ) $! !$ ก , 2 $! ก% 3B ! ก% *5 -( , ) $5 ( . ! ก% * * *+!ก! 5 ก ก% ! 3B ก65 * ก%< $ ก 3B (' & ' ! ก 3B (' ( $ $ 4 *!$ ก ( * $! $ 4!) #
  • 25.
  • 26.
    * ; (Video) •ก 2 $ ! *( * 2 !5 (ก* $ ก ก ( &' ! * ; "# 42 4 5! ( $ ) ก , +ก 3ก! * ( * #/ , ) * ; 5 ( $ ( 5 *5 30 & '! *2 ก%< */5 ( * ก * ; 5! (Digital Video) 3<& ' * ; 5! 5 ( * ก 3<& ' *( 6 5, ; / / * ; 5! + ( * 5# ( . * ก ( $ ) 4ก ( + ก ( * , +ก ! *( * * ; - ( ) $ * $ 5 ' (! 2 < *( * - ( ก) ,' & ก) $ , ก ( * (Sound Card) #
  • 27.
    Video • VDO ( . * ก 4 # * 2 $ก ( , , * ! *( * ( 5ก -+ ) $ / & '( ) + ( * ) ' $ ก 2 $(ก 252 ก ( , * ก3 * */ mov avi mpg mp4 3gp #
  • 28.
    WMV : WindowsMedia Video • Windows Media Video Used in the Windows media Player this is used to stream and download and play audio and video content. #
  • 29.
    AVI (Audio /Video Interleave) • ( . 9 + ! * '? , % ) , " 9! ( * ก Video for Windows * ก3 ( . .avi @553 *, +ก + ! !/ ' $ ก 3 Microsoft Windows Windows Media Player #
  • 30.
    MPEG - MovingPictures Experts Group • 4 + )9 * *ก * )9 (' 2 $ * ( 6ก , 2 $ ( ก * $ 4 + Inter Frame -# ก +!ก! $ 4 2 +! & ' * + (ก6 , - * $ 4 ) $ -# 200 : 1 ( $ 4 ( '* 100 kb/sec , 3<& ' * 4 *ก '? ! ( , MPEG-1 * ก3 .mpg @553 ) $ *ก '? ( . .mp4 #
  • 31.
    ( * :Sound • ( * ( . ก 1! ก 4$ 5ก ! 5 กก 5 ' 3% ( * 4$5 กก ) $ 11% + 5 ) $5 กก ) $ 20% "# ( ( * ( * ก ก ( * 4$5 กก ( 6 "# ' 3% ( * 4$5 กก ( 6 83% + 5 ) $ 5 กก ( 6 30% + $ 5 ( 6 ก ( * 4$5 กก ) $ ) $9@ ('* ( * * 8& ' $ ก ก ( * 4$+ ก 5 5 กก ( 6 4 ก +! ก 4$ - ก+ ก ( * 4$2 $ 4$( * 2 $ / 2 ก ( * 4$, ก ) $ + ) $ ( 6 5 4 -# 94% + ก 5 ) $ 5 (' ( . 50% ( ( * ก *( ! 8 !( * *(ก #/ , ) / ( . 11 < analog / 5# !$ ก ( * 2 $ 42 4 digital (' - #ก 2 ' (! ) $ #
  • 32.
    + 2 ก 2 $)9 * *, • -$ * 5 ( . !$ 2 $ * , ( 6 2 $)9 + Streaming ( 6ก < 160x120 pixel -$ 2 $ + CD 320x240 pixel -$ 2 $ QuickTime 2 QuickTime Player ) $ ( . !$ • 2 $(' + *( . ก 8! ก 5 - ก < *2 $ + + ) ) $ #
  • 33.
    4 + (* • ( * ( * '4 (Speech / Narration) • ( * ( 9(9.ก! (Sound Effect) • ( * ! * ก (Music Background) #
  • 34.
    ( * ( * '4 (Speech / Narration) • ( . 4 + *' ( 6 2 (* ) 53 ( 5 4 * ก ( ก( * 2 $ $ ก ( / $ ก 4$( * * (5 + 4$ * * ก 2 $( $ -$ * 25 ! ! 53 ( ก */+ ก( . 2 53 ( $ 3<& '( * + 53 ( $ ก ก+ ( * • ก ก+ ( * 1 4 *ก (! * ( * (Sound Script) 4$ ก+ ( * 5 !$ ก+ ก 2 $ -$ 2 $ ก 54 25 * 5 $ 5 ก ก ( & '+ $ $5 + $ ก ! 4$ ( * ( (' (! ก ( : , ก 2 $ 4$( * ( ก * 5 9@ ( * ) 9@ ( * ) $ /ก ก+ 2 $ 4$( * 3 ( * )$ ก #
  • 35.
    $ ก' ก ก+ ( * • $ ก' ก ก+ ( * *' ก6 ก 2 $ 4$ ! $ $ 5 "# 4( ( . ก ก 9@ ก%< */ * ( * กก * ( * 4$( * 5 ( * *) $ ก $ *! ( ก 4 4$( * (6ก ( * $ก ( * ก (62 ก 4$( * 2 $' *ก ( * ) $ ก 8*ก +ก$) ) $ 8*( ก ( : , ก 2 $ 4$( * ก 3B (' 9@ : ( * ก ก+ 2 $ * ( * (A' ก 3 ก ( $ 4ก ( * 4$2 ( / #
  • 36.
    ( * (9(9.ก! (Sound Effect) • ( * ( 9(9. ก ! (( * ก ) 5 + ก( . 2 (& ก Synchronized Sound "# ( . ( * ก *(ก 5 กก ก (Action) , ! 5 ก5 & ' ก5 ( . 11 <( * / ( ( * +ก$ +!ก 4ก, B +!ก ( $ ก ก( $ ก ก ' Highlight & ' ! ก% * ก (& # ( * Aก (Background Sound) ( . ( * * ก + 2 $ 4$( * (ก <+ 4$ #ก $ ! ( / & '( !3ก < * ก7 $ 5 2 ก ก+ (* ' (! / 4$ ก+ 5 2 $( * A ก */ ก ก ( ( (' $ 25 ( * + 52 $( * 4 + */ ( ( / ) $ $ / */ #/ 4ก 4$ ก+ ( 6 52 $ )2 #
  • 37.
    4 + +9= ( * • WAV (Wave File) +9= ( * * ก5 3$ ( ก ก * 3 ( . 4 + +9= ( * *2 $ก ( . ก2 7 !ก , 2 $( 2 ก - , ( 5 ก) ) $ ( , , *ก * 2 $( . +9= ( 6ก • MIDI (Musical Instrument Digital Interface : 31.25 Kbs data rate) ( . 4 + ( * (' 5 * - $ ) $5 ก, +ก ' (! ( Cake Walk ( !* ! * -! ' ก ' (! ) $ ( 5 ก)9 ! ก4 midi mid */ * ( 6ก5# -) 3ก!2 $ ) $ + 2 $( . ( * + ก 2 $(6 #
  • 38.
    4 + +9= ( * • MP3 ( . 8*ก * $ 4 2 $ * ( 6ก , 2 $ ! 0 MPEG / 5 * $ 4 * ( . )9 "# ( . ' ก(' ( * ก *2 $2 ( 6 ( 5ก * ( 6ก กก )9 Wave )9 ( * ) < 10 ( +9= ( * (' ก (! ( 6!2 4 + Streaming #
  • 39.
    ก ! *( * • '/ 0 ! * ( * 5 !$ * ก กก 2 ก ( . $ ( 2 $! ก% ก ก 2 $ * * +!ก! ก 2-3 * & '; C & ' 5 กก ก +ก ก / ก6 5 *( * + * ; 4 $ ก6) $ ก 2 $ ! *( * * ก * 2 + + + ก ก 2 $ ! *( * (' ก ( + + * ก 2 $ ! *( * (' ก DEก ก ( * 4$ 2 $ ก 2 $5 2 $, +ก 3 ( Presentation Packages) + 3 ' 8 (Authoring Packages) #
  • 40.
    1. 3 ( (Presentation Packages) • 3 ( ( . , +ก *'? 5 ก+ ก 2 $( A & ' $ ;* % ( . ก ( , ' (! + , (5ก (! + 3 ( 5 - $ $ * * * & 'ก 9:ก + &4 + & ' & '( ) ( * + * ; ( */ - $ 5 ก, +ก ) , " 9!(' ( ' (Microsoft’s PowerPoint) + (' (Asymmetry’s compel) #
  • 41.
    2. 3 ' 8 (Authoring Packages) • 3 ' 8( . 3 * 2 $ ( ' '? , +ก $ ! *( * * 9@ ก (Function) ! 2 $2 $ 3 ' 85# ( . 3 * 2 $ 4$2 $ - ก+ , +ก ก 2 $ ( * ) $! !$ ก ) 5 ( . ก 2 $ $ & ' ก 9:ก ( * + * ; 2 ก DEก ก DEก , +ก 3 ' 8 *2 $ก ก6 * ! *( * 4 3 (Multimedia ToolBook) (8 + , (9 (Authorware Professional) ( . !$ "# ก5 ก5 ( * ( . , +ก DE ก ก + $ - 3 ' 8 2 $( * ก ( + + ก) $ *ก $ #
  • 42.
    ! *( * Analog& Digital Signal Analog & Digital Signal Digital Signal Input Process Output Storage #
  • 43.
    4 + ก ( ! *( * • + ( ( $ (Linear Progression) • + (Perform Hyper jumping) • + ก (Circular Paths) • + 0 $ 4 (Database) • + (Compound) #
  • 44.
    + (Perform Hyper jumping) • 4$2 $ -$ ) (9 ) $ "# ก !3$ 25 +! * $ ( Lost in Space ( $ 4 * ' 8ก 2 4 Site Map 1 3 5 6 7 #
  • 45.
    + ก (Circular Paths) • ก $ ก ( + ( ( $ 3 ( 6ก 5 3 !( ก ( . 32 1 * $ ก ก ( $ 4 * ' 8ก 2 +! +!5 + ก ก( . menu $ #
  • 46.
    + 0 $ 4 (Database) • ( . ก ( , ก 2 $ กก 0 $ 4 ( . ก *ก 2 $ * (Index) ( . ! $ $ 4 *(ก* $ "# 5 4$5กก 2 Search Engine Text Image index Animation Sound WIKI #
  • 47.
    ! *( *(' ก ( * ก • CAI( $ * Off-line : Computer aided instruction • ก (* ( 6 (WBI : Web based intruction) ( $ ก 2 $ Static Web • e-Learning( $ * Interactive Online High Quality Online , ก 5 ก (* 4 (CMS LMS : Learning Management System) ( . ! 5 ก ! #
  • 48.
    WBI,WBL,WBT • WBT (.4 + # ก (* ก ) + * 2 $ (*ก ก ก%< ( WBL (Web Based Learning) WBI (Web Based Instruction) "# ) 5 ( . 2 ก6 * ( ก / */( . ก 5 ก (* ก *2 $ ( , , * TCP/IP + http (' $ 4 ( / 4$ ( ( ( 6! ( #
  • 49.
  • 50.
    e-Learning • ก 2$ ' ก ! 2 ( ( 6! ก+ + 5 (' $ ก (* ก , ก 3 + ( 2 $(ก ก ( * 4$ * ! ก !$ ก 4$ + 4$( * ( , ( . ( * -( * 4$ ) $ 3ก * 3ก( + 3ก - ( ! ! 'F!ก 4$( * ) $( ก (* 2 $ (* 5 #
  • 51.
  • 52.
    m-Learning • The termmobile learning (m-learning) refers to the use of mobile and handheld IT devices in teaching and learning. – Such as – PDAs – mobile phones – Laptops – Tablet PCs #
  • 53.
    3< ก%< ก (! ( 6! • ( = ก • 4$( * 2 $ $ ! ( ก3 • * !-3 ) + !-3 (A' • ( . ก + #
  • 54.
    Information Immediate Computer Feedback Individualization Instruction Interaction #
  • 55.
    ก%< ! *( * (' ก ;#ก% • ! *( * (' ก ( $ 4 * ก%< ( . ก ( * • ! *( * (' ก ( * ก ( . ก%< *( = ก 52 $ 2 ก ( ก6) $ 4$( * 2 $( * 4$) $ $ ! ( (* ( . ก3 * !-3 ) + !-3 (A' 3 ก% 4$ 5 ( $ 25 + (5! ! #
  • 56.
    (& (* ' (! • + ;#ก% ( / 2 (Tutorial) • + DEก (Drill and Practice) • + 5 - ก < (Simulation, Emulation) • + (ก ก (Instruction Game) • + 2 $ (Test) #
  • 57.
    + ;#ก% (/ 2 (Tutorial) • ( . *( 6ก, ก * 2 $ก ( * 4$( ก ก 2 / (* -2 $ + 4$ 2 ก ( + ! 5 ก DEก ก ( - + ( / ! ! 5 5 (* ! ! +ก$) #
  • 58.
    + DEก (Drill and Practice) • ( . *-4ก ก+ (' DEก+ 4$ 4$( * *) $ ก ;#ก% +$, $ ก + ! - + ( ก$ - ! ! 5 5 (* ! ! +ก$) Example #
  • 59.
    + 5 - ก < (Simulation) • ( . ก (* + $ - ก <( * + (' + & ' 5 ก7ก < *( . 5 , * 4$( * ) -( * ) $5 ก & '5 ) $ ( 5 ก @55 ! –ก 5 - ก < ก & ' (Physical Simulations) –ก 5 - ก < / ! ก ( Procedural Simulations) –ก 5 - ก < ( !3ก < (Situation Simulations) –ก 5 - ก < ก ก (Process Simulations) #
  • 60.
    ก 5 - ก < ก &' (Physical Simulations) • ( . ก 5 - ก < ก & ' 2 1+ $ ( . ( / $ ; !+ ( , , * (' 5 ก ( ( 5ก ! ( ก 5 ก ( ! (ก* micrometer ( . !$ #
  • 61.
    ก 5 - ก < / ! ก (Procedural Simulations) • (' ( $ ก ( * 4$ก ก ! *5 ) 4 '8 (' ( $ ก% ก ก *5 ( . ! ก ( 2 +! / ! ( Flight Simulator ก 5 ก 2 $( 5ก ก 5 ก Microprocessor ( . !$ #
  • 62.
    ก 5 - ก < ( !3ก < (Situation Simulations) • 5 (ก* $ ก ; ! ( 6 + 'F!ก 3% ( . 2 1 , 3 ( $ 2 $ 4$( * $ '8 *(ก #/ ( 5 ก2 $ 8* *+!ก! ก 2 - ก < ( * ก , 5( . ก 5 (Role Play) #
  • 63.
    ก 5 - ก < ก ก (Process Simulations) • 5 +!ก! 5 กก 5 - ก < / ! * 4$( * ) ) $ ( $) * 2 ( !3ก <+!5 ( . 4$ (ก!ก ก ! *(ก #/ ( 4$( * = ' (! *(ก* $ ก ( !3ก < / 2 $ '8! ) ( ก 5 ก ' ก < !$ ก $ ( . !$ #
  • 64.
    4 + + 5 - ก < (Simulation) ( !$ ( !$ ( !$ ( !3ก < 1 ( !3ก <2 !( ก ( !3ก < 2 ก ก ( !3ก < 1 ( !3ก < 2 ( !3ก < 3 ( !3ก < 3 ก ก ! 25 ! 25 / 3 / 3 / 3 + ( $ ! + + " "$ #
  • 65.
    + 5 - ก < ก ( ก ก * - ก < !$ ก ก ก ก 5 (* (4$ * #
  • 66.
    + (ก ก (Instruction Game) • 2 $+ ก ( + (Enforcement Theory)2 ก ( * 4$ * ก ( * 4$ $ + 54 255 ก& 2 / 5 2 $ *! ก ( * 4$ + * 2 ก 5 5 ( / ) $ *ก ก ( * 4$ *(ก 5 ก + 54 25& ก"# ( = (& */5 2 $2 ก DEก+ ( / /+ + ก% *) $( * ) + $ $ ก ( * + DEก #
  • 67.
    + 2 $ (Test) • *( * ก + $ ' (Discovery) 5 2 $ ' (! 2 ก + ก ( ( ก IELES ก ( ( ก$ $ ก ! ก ก 5 (* ! 4$( * #
  • 68.
    ก+ ! *( * (' ก ( * ก • (Introduction) • ก ( ( / (Presentation of Information) • - - ! (Question and Responses) • ก ! 5 ! (Judging Responses) • ก 2 $$ 4 = ก - (Providing Feedback about Responses) • ก 2 $( / ( (Remediation) #
  • 69.
    (* ' (! + ( ก (* */+5 ( / (9 ( ก (* (* + !-3 (* ก 3 2 $( ก #
  • 70.
    ก%< (* * * * 7 ' 8ก 4$( * $ #/ ! !-3 ก ( ก ( . ก (* ก ก%< 4$( * 3 (* * * $ 4$ #ก2 *ก ( กก (4$ * ( ก & '+ $ ($ 25 $(4 * + = ก ก (* ก ) (4$ * #
  • 71.
    4 + ก ( (* • + ( / ) ' 8ก • + ( / !( ' 8ก • + ( / ) ) ( $ 4 + ก (* ก #
  • 72.
    + ( / ) ' 8ก ก ( (* 1 (* 2 (* 3 */+5 (* !-3 + (* + ก (* 3 + ก ) 2 $ #
  • 73.
    + ( / !( ' 8ก + ( ก (* 2 */+5 (* !-3 (* 2 ) + ก (* 1 + DEก (* 1 + (* ) + DEก 3 + ก ) 2 $ #
  • 74.
    + ( / ) ) ( $ 4 + ก (* ก ( */+5 (* !-3 ก + + 3 + (* ก (* (* ก ) 2 $ #
  • 75.
    / ! ก $ ! *( * (' ก ( * ก 1 ก ก+ 2 ( ( / (Instructional Design) 8 ( 3 ;#ก% ( . ) ) $ 7 3ก!2 $2 $ ( * 6 / ก $ 4 ก !-3 (Instruction Construction) 5 ก / ! ก #