Hypermedia

1
?????????????????????????????????
4000108

• ??????????????????????
• ??????????????????????

2
????? 3 ?????????????

• 3.1 ????????????????????????
• 3.2 ??????????????????????????
• 3.3 ????????????????????????????
• 3.4 ?????????????????????????????

3
????????????? (Hypermedia)

• ????????????? ???????????????????????????????????
  ???????????????????? ? ???????????? ??????? ?????
  ??????? ????????????? ???????????????????????????
  ???????????????? ? ???????????????????????????????
  ???? ???????????????????????????????????????
  ???????????? ?????????????????????????????????????
  ???????? ?????????????????????????????????????????
  ??? (Multiple media) ?????????????????????????????
  ???????????????????????????????????????
  ??????????? (Multimedia) ?????????????????????????
  ?????????????????????????????????????????????????
  ?????????????????????????????????????????????

4
???????????? (Hypertext)

• ????????? Hypertext
• ??????????????????????????????????????????????????
  ??????????? Interactive
• ?????????????????????????????? (Document)
  ?????????????????????????????????????
  (Nonsequential documents)
• ??????????????????????????????????????????????????
  ??????????????????????????
• ???????? ??????????????????????????????? ???? PDF
  ??????????????????????? ??????????

5
???????? Hypertext
6
??????????? (Multimedia)

• ??????????????????????????????????????????????
  ???????????????
• ??????? (Text)
• ??????? (Image)
• ????????????? (Animation)
• ????????? (Digital Video)
• ????? (Sound)
• ???????????(Interactive) ??????????????????????
  ???????
• ??????????????????????????????????????????????????
  ?????
• ????????????????????????????????????????

7
Hypermedia (????)

• Hypermedia ???????????????????????????????????????
  ???????????????????????????? Interactive
  ?????????????????? ??????????? ???????,???????????
  ??,?????, ?????? ?????????????????????????????????
  
• ???????? http//disney.go.com/magicartist/calendar
  s/index.html
• http//barbie.everythinggirl.com

8
?????????????????? (CAI)Computer Assisted
Instruction

• CAI ????????????????????????
• ????????????????????????????????????? Multimedia
• ??????????????????????????????
• ?????????? ????-?????????
• ?????????????????????????????
• ??????????????????????????????????????????????
• VDO ??????? ??? CAI ??????????????

9
??????????????????? Hypermedia, Hypertext ???
Multimedia
10
??????????????????????????

• 1.????????? (Browsing)
• ??????????????????????????????????????????????
  ?????????????????? ? ?????????????????????????????
  ?????????? ???????????????????????????????????????
  ???????? (Learning-Style) ??????????
• 2.???????????? (Linking)
• ?????????????????????????????????? ?
  ????????????????? ????????????????????????????????
  ??????
• 3.???????????? (Authoring)
• ??????????????????????????????????????? ?
  ?????????? ??????????????????????????? ??????
  Authorware, Toolbook , Director

11
??????????????????????????????????

• ??????? ?????????? (File) ???? ?
  ???????????????????????????????? ??????
• ??????? (Text)
• ??????? (Image)
• ????????????? (Animation)
• ????????? (Digital Video)
• ????? (Sound)

12
?????????????
??????????????????????????????????????????????????
??????? ????

• ??????????? (Drawing Object)
• ?????? ???????????????????????????????????????
• ??????????????? ?

• ??????? (Photo) ???????????
• ?????? ????????????????????????????????????
• ????????????

13
????????????????????????????????????

• ????????????????????????????????? 2 ?????????
• ????????? (Bitmap) ???????????? (Raster)
• ?????????????? (Vector)

Bitmap
Vector
14
????????????????????????????????????

• ????????? (Bitmap) ????????????
• (Raster)
• ???????????????????????????(Dot) ???????????
  (Pixel) ????????
• ???????????? ?????????????????????????????????????
  ??? ????? ??????? ??? ????????? (RGB)
• ???????? ???? ??????? ????????????????????????????

• ?????????????? (Vector)
• ??????????????????????????????????
• ??????????????????????????
• ???????????????????????????????????????????

15
???????????????????????????????????????????

• BMP (Bitmap) ????????????????????????
  ???????????????????????????????????
  ?????????????????????????????
• JPG (Joint Photographic Expert Group)
  ????????????????????????????????????????
  (Compress) ?????????????????????????? BMP
  ??????????? ????????????????????????????
• GIF (Graphics Interchange Format)
  ????????????????????????????????????????????? JPG
  ????????????????????????????????????????????
  ?????????????????? 256 ??
• TIF (Tagged Image File Format) ???????????????????
  BMP ?????????????????????????????????
  ??????????????????????? ??????????????????????????
  ? ???????????

16
???????????????????????????????????
17
??????????????????????????

• ??????????????????????????????/??????
  ??????????????????????????????????
• ????????????????????? Photoshop, Illustrator

18
????? (Audio)

• ?????????????????? ???????????????????????????????
  ?????? ???? ??????????? ?????????? ???????
  ??????????????
• ??????????????????????????????????????????????????
  ???? ???????????????????????? ?
  ??????????????????????????????? ? ???? 44K, 22K
  ???? 11K ?????????
• ??????????????????????????????????????????????????
  ?????????????????????????? ???????????????????????
  ????????????

19
?????? ?????????????????? (Audio)

• ??????????????????????????????????????????????????
  ?????????
• 1. Audio CD
• ??????????????????????????????????????????????????
  ??????????????? CD
• ???????????????????????????Track File ??????
  ??????????????????????
• 2. Wave Form Audio
• ??????????????????????????????????????????????????
  ?????? (Drive)
• ?????????????? CD-ROM ???
• ???????????????????????????????????? Sound Card
  ??????????????????????????????????????

20
?????? ?????????????????? (Audio)(???)

• 3. ADPCM (Adaptive Differential Pulse Code
  Modulation)
• ??????????????????????????????????????????????????
  ???????????????????????
• ??????????????????????????????????????
• 4. MIDI (Musical Instrument Digital Interface)
• ?????? File ??????????????????????????
• ?????? File ????????????????????
• ????????????????????????????? Hardware
  (soundcard) ????? Wavetable ???????
• ????? Computer ??????????????? Wavetable ???
  Soundcard ????????????????????????????
  ?????????????????????????????????????????????

21
??????????????(Sample Rate)

• Sample Rate ?????????????????????????????????????
  ??????? ?????????????????????????????????????
  File ???????????????????????????? File
  ??????????????????

22
??????????????????

• ??????????????????????? ???????? ?????? ??????
  ????????????????????????????????????????????
  Sound Forge ????????????????????????? Waveform
  ????????
• ???????????????????????? MIDI ????????????????????
  ???????????????????????????? ????????????
  Cakewalk Midiwalk
• ?????????????????????????????????????????????
  Adobe Audio,MP3 Splitter, Sonic Foundry Sound,
  dBpowerAMP, Windows Media Encoder

23
????????????? (Motion Picture)

• 1. ?????????? (Animation)
• ??????????????????????????????????????????????????
  ????
• ???????????????? Animation ???????????????????? 2
  ?????? ???
• ????????????? ??????? ????????????????????????????
  ?????? ???????????????????????????????????????????
  ?
• Cast-Based/Object animation
• Frame-Based
• ????????????? ??????? ????????????????????????????
  ?????????????????????????????????????????

24
?????????????

• Cast-Based/Object animation ???????????????????
  ????? Object ???? ? ??? Object ???? ?
  ??????????????????????? ???? ?? ?????? ???
  ???????????????? Object ???? ? ???????????????????
  ???????????????? Script ????????? Path ??????
• Frame-Based ???????????????????????????????????
  ?????????????????????????????????????????????
  ???????????????? Frame-Based ?????????????????????
  ?????? Digital Video ???????????????????????????
  ?????????? ???????????????????????????????????????
  ??????????? ?????????????????????????????????????
  ???? (???????????? 15 ????????????)
  ????????????????????????????????????????

25
?????????????????? Animation

• Macromedia Flash
• Lighwave
• Etc.

• Microsoft GIF Animator
• Ulead GIF Animator
• Animagic GIF Ulead 3D
• Macromedia Director
• 3D/FX
• Maya
• 3D Max Studio
• Poser

26
????????????? (Motion Picture)(???)

• 2. ?????? (Video) ??? Digital Video
• ???????????????????????????????????????????????
  ????????????? ????????????? ????????
• ????????????????????????? File ?????????????
  ?????? Hardware ???????????????? Video Capture
  Board ??????????????????????? File
• ??????????????????????????????????????????????????
  ??????? 3 ???? ???
• ????????????????????? ?????????
  ??????????????????????????????????????????????????
  ?????????
• ????????????????? ????????????????????????????????
  ?????????????????????????????????????????????????
  ?????????
• ??????????????????? ????????????????????????? ?
  ??????????? ???? (Clip) ??????????????????????????
  ? (Vedio Clip)

27
???????????????????

• ????????????????????????????????????
  ???????????????????????????
• ???????????????????????????????????
  ???????????????????????
• DVP (Asymetrix Digital video production)
• Adobe Premiere
• Media Studio
• Cut VCD
• Windows Movies Maker

28
????????????????????????????????

• ??????????????????????????? (Presentation)
• MS-PowerPoint
• Proshow Gold
• ?????????????????????????????????? (Hypermedia
  Authoring)
• Asymetrix Toolbook II
• Macromedia Flash
• Macromedia Authorware
• Macromedia Director

29
???????????

• ????????????????????? Microsoft PowerPoint
  ????????????????????? ?????????????????? ????????
  ????????????? ???? ?????????????

30
???????3