Innovasi Hypermedia dan Ilmu Komputer

Prof. Zainal A. Hasibuan, PhD
Fakultas Ilmu Komputer, Universitas
Indonesia, 29 Maret 2017
Pengertian
Hypermedia
Text, Hypertext, Media, dan
Hypermedia
Landasan Teori Hypermedia
Innovasi Hypermedia
Implementasi Hypermedia
dalam Pembelajaran
Penutup
Hypermedia is a Nonlinear
Medium of information which
includes graphics, audio, video,
plain text and Hyperlinks
Computer
Mediated
Random Accessable
User Interactive
Digital not analogue
A Hybrid Medium
Source: http://users.ecs.soton.ac.uk/lac/LoweNHall/extracts/Hypermedia.html
Source: http://users.ecs.soton.ac.uk/lac/LoweNHall/extracts/Hypermedia.html
Text
HyperText
Media
HyperMedia
Object
Text
Text+Links
Multimedi
a
Multimedia+Lin
ks
Characte
ristics
Part of Non-linear
Docu
ment
Multidocument
Non-linear
Tool
Word
Informatio W3C (World
n
Wide Web)
Technolog
ies
Authoring
Tools
LEVEL 1
LEVEL 2
LEVEL 3

Page links

Sound

Video

Image Maps
3 levels of Interactivity
Navigational
Functional
Adaptive
Navigational
Most basic form of interactivity
Process of navigating through ‘information space’
Menu’s and commands
Hypertext links
Embedded links
Add multimedia information space becomes multi-sensory but
‘passive’
Functional Interactivity
Higher level of interactivity
User interaction with the system to accomplish a goal or set of
goals
Example: online order or game
Feedback loop strong and not passive
System to User
User to System
Adaptive Interactivity
Highest level of Interactivity
Boundary between Functional & Adaptive is blurred BUT key
difference is ‘creative user/system control’
User and or System adapts the application or
information space to fit specific needs or
requirements.
Who is the author? Who is the reader?

Addresses audience priorities

Allows User Defined Pacing

Builds Audience Associations

Integrates Information

Search Engines, Chat Rooms,
Mail Groups, UseNet
Newsgroups, VRML 3D, Flash
and Shockwave enabled.






JavaScript - Forms, Dialogues, Buttons
Graphics / Animations / Movies/Flash Shockwave
Java - Applets - connect to IT systems
XML - Intelligence + Information
Active server pages ASP, JSP. PhP
Application server Cold Fusion, Web Objects
 Mengakomodir
pembelajar
kebutuhan
 Pembelajar
bisa mengatur
kecepatannya (pace) belajar
 Pembelajar
bisa membangun
keterkaitan
 Integrasi Informasi