TELKOM
NIKA
, Vol.12, No
.3, Septembe
r 2014, pp. 6
39~650
ISSN: 1693-6
930,
accredited
A
by DIKTI, De
cree No: 58/DIK
T
I/Kep/2013
DOI
:
10.12928/TELKOMNIKA.v12i3.82
639
Re
cei
v
ed Ma
rch 2, 2
014;
Re
vised
Ma
y 16, 2014; Accepted June 1
5
, 2014
Designing Comprehensive Independent Learning
Interactive Mult
imedia and its Resources Demands
Enjang Akh
m
ad Juand
a
1
, Ali Ibnun
Nurha
d
i
2
Dep
a
rtment of Electrical E
ngi
neer
ing,
Ind
o
n
e
sia U
n
ivers
i
t
y
of Educatio
n
Dr. Setiabu
dhi
Street No. 207,
Bandu
ng - Ind
ones
ia, Pho
ne
+
62 222 0
13 1
63 e
x
t. 341
0
E-mail: nj
ang
we@gma
il.com
1
, aliib
nu
nn
urha
di@gm
a
il.c
o
m
2
A
b
st
r
a
ct
General
ly,
mu
l
t
ime
d
i
a
pr
oject
refers to
a c
o
mb
in
at
ion
of t
w
o or thre
e ty
pes
of
med
i
a,
such
as
texts, ima
ges,
ani
mations,
a
pplic
atio
ns, an
d vid
eos,
a
n
d
is eas
ily
dec
ompil
ed.
T
h
is r
e
searc
h
pr
odu
ces
interactiv
e
mu
l
t
ime
d
i
a
w
i
th fi
ve types
of
medi
a us
ing
ActionScri
p
t.
Usin
g a
n
exter
nal
XML file
as t
h
e
conn
ector betw
een i
n
terface a
nd cont
ents, this intera
ctiv
e multi
m
e
d
ia b
e
co
mes re
usa
b
le
and d
e
ve
lop
a
b
l
e
.
T
h
is
multi
m
edi
a pro
j
ect is
fla
s
h bas
ed
w
i
th
the exte
nsio
ns
*.sw
f and *.ex
e.
T
o
protect from dec
o
m
p
ili
n
g
,
the pro
j
ect us
e
s
layer
ed e
n
cr
yption c
o
mbi
n
ed w
i
th As
3Cr
y
pto encry
ptio
n.
Based
on test results, Sothink
SW
F
Decomp
il
er softw
are cannot dec
o
m
pi
l
e
and dis
p
l
a
y all
the pro
perti
es of the proje
c
t. In
this research
,the analysis
highlights
mu
ltiplatfor
m
, standalone, media types
, cont
ent types, ex
ercises system
,
respo
n
sive, r
e
usab
ility, d
e
vel
opa
bil
i
ty, ener
gy efficie
n
cy, l
a
yere
d e
n
cryp
tion a
n
d
in
de
p
end
ent l
ear
nin
g
.
Based
on
test
results, the
pro
j
ect h
a
s b
een
tested
and
p
a
rticipa
n
ts dec
lare
d that th
ey ca
n
use
all
cont
en
ts
and n
a
vi
gatio
n
s
easily a
nd it ran
nor
mally o
n
the devices
us
ed.
Ke
y
w
ords
: int
e
ractive
mu
lti
m
edi
a, mu
lti
m
ed
i
a
security
, mult
iplatfor
m
, stan
dal
one, i
nde
pe
nde
nt lear
nin
g
1. Introduc
tion
Gene
rally,
intera
ctive multi
m
edia
co
nsi
s
ts of
two
or
three type
s
of media, i.e
.
texts,
image
s, a
n
im
ations,
appli
c
ations,
and
video
s [1]. In
e
ducation, inte
ractive
multi
m
edia
is u
s
e
d
to
improve th
e
effectivene
ss and
efficien
cy of learni
ng
activities. In t
h
is
re
sea
r
ch,
the flash
proj
ect
is pu
blished i
n
the Sho
c
kwave file forma
t
with t
he ext
ensi
on *.swf.
The Sho
c
kwa
v
e file format
is
an ope
n file format [2] whi
c
h ha
s
se
curi
ty issue
s
;
for
example, it is easy to de
co
mpile the sou
r
ce
file usin
g S
W
F d
e
compil
er
softwa
r
e
[3]. This
re
se
arch p
r
o
duce
s
inte
ra
ctive multimedia
by
c
o
mbining five types of
media
us
ing A
c
tionSc
r
ip
t [4],[5] and examining
how to protec
t
the
*.swf
file proje
c
tsf
r
om ille
gal
decompilin
g
usin
g layere
d en
cryption
combi
ned
with As3
C
rypto
encryption [
6
].
This laye
red e
n
cryptio
n
is an
effort to
sup
p
ress d
e
compi
ling i
ssu
es
and
plagia
r
ism of
the flash
pla
tform multim
edia p
r
oje
c
t, becau
se the
unen
crypte
d
SWFfile p
r
oj
ect
can
be d
e
co
mpiled e
a
sily
using
pop
ul
ar SWF de
compile
r software
su
ch a
s
Sothin
k S
W
F
Decompil
er. I
f
the multimedia file is decompiled,
the
output file
will be
c
onverted to *.fla form
at,
enabli
ng mo
dification
s to
be mad
e
to
the project f
ile and
sh
owing all p
r
op
e
r
ties
and a
ssets
including Acti
onScript insi
de.
The ki
nd of integratio
n m
e
thod where
the in
tera
ctive learnin
g
multimedia p
r
oje
c
t is
publi
s
hed i
n
one file that
con
s
i
s
t of the
interface an
d all co
ntents will ma
ke it difficult to mo
dify
the conte
n
ts
and ha
rd to
develop the
proje
c
t.
To
so
lve this pro
b
l
e
m, the interactive multim
edia
prod
uct shoul
d be sep
a
rat
ed into the interface and
co
ntents u
s
ing
an external X
M
L file [1]. With
this te
chniq
u
e
, we
ca
n
chang
e an
d d
e
velop the
in
teractive
mul
t
imedia
cont
ents
quickly
and
easily. In the impleme
n
tation stag
e, an intera
ctiv
e learning m
u
ltimedia a
b
out the ante
nna
s
y
s
t
em was
developed for voc
a
tional s
t
udents
who
refer
to
the SKKD
unt
uk
SMK
Teknik
Telekomu
nikasi (Sta
nda
rd Cu
rri
cul
u
m for Vo
cational Stud
ents in
Tel
e
com
m
uni
cat
i
on
Engineering
Field) [7] and BSE SMK
Tekni
k
Te
l
e
kom
uni
kasi
Jilid I (Telecom
muni
cat
i
on
Enginee
ring
Text Book for Vocational S
t
udent, Volu
me I) [8].
This su
bje
c
t wa
s cho
s
en b
e
ca
use
for vocationa
l edu
cation
only a few i
n
tera
ctive m
u
ltimedia
co
nce
r
nin
g
the
antenn
a sy
stem
subj
ect
s
exist.
In this proj
ect, the subj
ect is
pre
s
e
n
t
ed us
i
ng five types of m
edia, i.e. texts,
pictures, ani
mations, ap
pl
ication
s
, and
videos
(fo
r
th
e tutorial and
pra
c
tical g
u
id
e).
This inte
ra
ctive multimedia model wi
ll be
useful,
espe
cially for vocation
al an
d
engin
eeri
ng
edu
cation
an
d for
many
indep
ende
nt learning
a
c
tivities, whi
c
h are g
ene
rally
Evaluation Warning : The document was created with Spire.PDF for Python.
ISSN: 16
93-6
930
TELKOM
NIKA
Vol. 12, No. 3, September 20
14: 63
9 – 650
640
dominate
d
b
y
pra
c
tical
activities.
De
sign
ed a
s
comprehe
nsiv
e multimedi
a
,
there
are
ten
highlight
s:
a.
Multiplatform
Operating Sy
stem. Thi
s
int
e
ra
ctive multi
m
edia
pro
g
ra
m ca
n run o
n
three type
s
of operatin
g systems i.e. Windo
ws, MAC OS, and Linu
x, include
s Mobile OS (An
d
roid
).
b.
Standalon
e. This multime
d
ia proj
ect is
publi
s
hed in
an executabl
e format.
c.
Media Ty
p
e
s.
This i
n
t
e
ra
ct
iv
e multimedi
a program in
clud
es five
types
of medi
a
,
i.e. texts,
image
s, anim
a
tions, ap
plications a
nd video
s.
d.
Content Types. Thi
s
interactive multimedia cove
rs all
the ba
sic
sta
ges
of learnin
g
activities,
con
s
i
s
ting of
introdu
ction,
main subj
ect, motivation
al material
s, que
stion
s
an
d solutio
n
s,
exerci
se
s, ad
ditional ap
pli
c
ation
s
, vide
os
[9] and
e
m
ail form (fo
r
co
mmuni
ca
tion betwe
en
stude
nts an
d teach
e
r).
e.
Encryptio
n
. T
h
is inte
ra
ctive multimedi
a
prog
ram
ha
s
been
protect
ed with
layered en
cryption
and combin
e
d
with As3
C
rypto encrypti
on.
f.
Re
spo
n
sive.
This i
n
tera
cti
v
e multimedi
a
program can
run on
v
a
ri
ou
s devices, su
ch
a
s
desktop
s, tablets and
smartph
one
s, with vari
ou
s
scree
n
re
sol
u
tions, a
s
pe
ct ratios a
n
d
sc
ree
n
si
ze
s.
g.
Reu
s
a
b
le an
d Easily Dev
e
lopa
ble. Th
e cont
e
n
ts
can be
cha
n
g
ed or
rep
a
ire
d
quickly an
d
develop
ed ea
sily in terms o
f
overall cont
ents [10].
h.
Energy Saving. By applying
a dark/bl
ack theme, this inte
ractiv
e multimedia
prog
ram is
desi
gne
d so
that it can sa
ve on energy
usage d
u
rin
g
the display
process [11]
.
This is an
effort to e
n
coura
ge th
e
developm
ent
of inte
ractiv
e multime
d
ia
that is envi
r
onm
entally
friendly.
i.
Exerci
se
s System. Th
ere
are
some
feature
s
,
i.e. passin
g
score,
time
limit
er,
multitype
que
stion
s
in
cluding
e
s
say
que
stion
s
, ra
ndomi
s
ation
of que
stion
s
,
ran
domi
s
atio
n of a
n
swe
r
choi
ce
s, and
the numb
e
r o
f
question
s di
splaye
d
from
the que
stion
ban
k. After the exercises
finish, the
stu
dent can
revi
ew the
exerci
se p
r
o
c
e
s
s, so they will
kn
ow
whi
c
h i
s
t
he ri
ght an
d
the wrong a
n
s
wer. The
n
, the test re
sult
can b
e
print
ed out u
s
ing
the print feat
ure. Besi
de
s
this, the teacher will
receiv
e the student’s test result
s automatically via email.
Indepe
nde
nt Learning
Con
c
ept
s [12]. This inte
ractiv
e multimedia
program is
desi
gne
d
for in
dep
end
ent lea
r
nin
g
activities. T
h
i
s
p
r
oj
ect i
s
b
undle
d
with
complete
cont
ents, featu
r
e
s
and
basi
c
sta
g
e
s
of learnin
g
, as well a
s
hint
s.
2. Rese
arch
Metho
d
The
re
sea
r
ch
method
he
re
is
a lite
r
ature st
u
d
y [13],[14] an
d exp
e
riment. T
h
is rese
arch
begin
s
with colle
cting ref
e
ren
c
e
s
,
d
e
signing
i
n
te
rfa
c
e a
nd
co
ntents, p
r
od
uci
ng inte
rface
and
conte
n
ts, an
d asso
ciating
interface a
n
d
conte
n
ts
.
T
o
measure the perfo
rma
n
ce of intera
ct
ive
multimedia
p
r
og
ram p
r
o
d
u
ce
d, the int
e
ra
ctive mu
lti
m
edia i
s
te
sted, whi
c
h i
n
clud
es
re
sou
r
ce
usa
ge m
onit
o
ring,
device co
mpatibil
ity testi
ng,
operating sy
stem comp
a
t
ibility
testing,
multimedia
secu
rity testing, and user resp
on
se testi
ng.
2.1
Res
earc
h
an
d Designing
Flo
w
c
h
ar
t
The flowch
art
in Figure 1 d
e
scrib
e
s th
e step
s
in de
sig
n
ing an
d prod
ucin
g this inte
ractive
multimedia p
r
oject.
Evaluation Warning : The document was created with Spire.PDF for Python.
TELKOM
NIKA
ISSN:
1693-6
930
Designi
ng Com
p
rehensi
ve
I
ndependent Learning In
teracti
v
e .... (Enjang Akhm
ad Juanda)
641
Figure 1. Re
search an
d De
signi
ng Flo
w
chart
2.2
Interac
t
iv
e Multimedia Sy
stem Flo
w
c
h
art
This flowch
a
r
t de
scrib
e
s ho
w thi
s
mult
imedia
works, multi
m
edia
struct
ure
an
d
comp
one
nts i
n
clu
ded in
sid
e
.
Figure 2. Interactive Multi
m
edia Syste
m
Flowcha
r
t
2.3
Con
t
en
t Exe
c
ution Flo
w
c
h
art
This flowch
art depicts a p
r
ogra
mming h
i
era
r
chy and how the
s
e int
e
ra
ctive multimedia
comp
one
nts
are exe
c
uted
throug
h the p
r
og
ram code
cre
a
ted.
Evaluation Warning : The document was created with Spire.PDF for Python.
ISSN: 16
93-6
930
TELKOM
NIKA
Vol. 12, No. 3, September 20
14: 63
9 – 650
642
Figure 3. Con
t
ent Execution Flowcha
r
t
2.4 Design
Spe
c
i
fications
This p
r
oje
c
t is de
sign
ed to
meet the followin
g
sp
ecifi
c
ation
s
:
(1) Th
e
sa
mple
su
bject
is re
stri
cte
d
tothe
ante
nna
syste
m
su
bje
c
t of
Indone
sia
vocational st
udent
s
with
reference to SKKD unt
uk SMK T
e
knik Tel
e
komunikasi
(Standard
Curri
c
ulum for Vocational
Students in T
e
leco
mmunication Engineering
Field) [
7
] and BSE
SMK
Tekni
k
Tele
komuni
ka
si
Jil
i
d I (T
eleco
mmuni
cation
Engine
erin
g
Text Boo
k
for Vo
catio
nal
Student, Volu
me I) [8]; (2
)
stand
alon
e a
nd m
u
ltiplatfo
rm fo
r 3
2
bit, 64
bit a
n
d
m
obile
ope
ratin
g
system
s (Win
dows, Linux,
Mac OS,
an
d
Android
)
; (3
) publish targ
e
t
to Flash Pla
y
er 11.2; (4
)
1
gigabyte
storage h
a
rddisk
cap
a
city of ta
rget; (5
)
scre
en resolution
stand
ard:
10
24 x 76
8 pixe
ls;
and (6
) pu
blished in Sho
c
kwave file (*.swf) and P
r
oje
c
tor (*.exe) fo
rmat.
2.5
Flash Pla
y
er
11.2 Minimum Sy
stem Requiremen
t
s
Table 1. Fla
s
h Player 11.2
Mini
mum System Requi
re
ments [15]
Window
s
Macintosh
Linux
Android
Processor
2
.
3
3
G
h
z or
f
a
st
er
x
8
6-
compatible processor, or
Intel® Atom™ 1.
6 GHz or
faster processor
for Netbo
o
k
class devices
Intel® Core
™ Duo 1.8
3
GHz
or
faster
processor
2
.
3
3
G
h
z or
f
a
st
er
x
8
6-
compatible processor, or
Intel Atom™ 1.6
GHz or
faster processor
for
Netbook class devices
ARMv7 processor
w
i
th
Vector FPU, Mini
mum
550 MHz, Op
en
GL
ES2.0, H.264 &
AAC
H/W Decoders
Oper
ating
Sy
s
t
e
m
Microsoft® Window
s® XP
(32-bit), Windo
w
s
Server®
2003 (32
-
bit), Wi
ndo
w
s
Server 2008
(32-
bit),
Window
s Vista®
(32-bit),
Window
s 7 (
32-b
i
t and 64-bit)
Mac OS® X
10.6 and
Mac OS X
10.7
Red Hat® En
terp
rise
Linux (R
HEL) 5.
6
or later
(32-bit and
64-bit
)
,
openSUSE® 11.
3 or later
(32-bit and
64-bit
)
,
Ubuntu 10.0
4
or l
a
ter
(32-bit and
64-bit
)
Android 2.2, 2.3,
3.0,
3.1, 3.2 and 4
.
0
Memory
128 MB of RAM (
1
GB RAM
recommended fo
r netbook
class devices), 128 MB of
graphics memor
y
256 MB of
RAM, 128
MB of
graphics
memory
512 MB of RAM,
128 MB
of graphics mem
o
r
y
256
RAM
Evaluation Warning : The document was created with Spire.PDF for Python.
TELKOM
NIKA
ISSN:
1693-6
9
30
Designi
ng Com
p
rehensi
ve
Independent Learning In
teracti
v
e .... (Enjang Akhm
ad Juanda)
643
2.6
Interface an
d Encoding Metho
d
Table 2. Interface an
d Encoding
Captures
Function
(As)
Representative
Codes
I
n
t
e
r
f
ac
e
Interfaces > Scenes
> La
y
e
rs > F
r
am
es >
Movie Clips Target >
ActionScript 3.0
etena_hal_1.load_x
ml
("ETENA_Kumpulan
Halaman
XML/Halaman
1.xml");
Con
n
ector
External
XML F
iles
<?xml
version="1.0"
encoding="utf-8"?>
<item><content>
<![CDATA[<spanclas
s=
"title">title</spa
n>
<p
align="justify">
text</p>
<p
align="center"><im
g
src="file.jpg"></p
>
</content></item>
Con
t
en
ts
Pictures,
Animations,
Applications,
Videos, Quiz, PHP
Script, CSS.
<?php
$contact_name =
$_POST['name'];
$contact_email =
$_POST['email'];
$contact_message =
$_POST['message'];
if( $contact_name
== true )
{… … …}?>
2.7 Encr
y
p
tion
Metho
d
The en
crypti
on tech
niqu
e use
d
is l
a
yered e
n
cryption techni
que combin
ed with
As3C
ry
pto e
n
cry
p
tio
n
(lib
rary
). To e
n
c
r
y
p
t the
file proje
c
t, two
addition
a
l too
l
s are used, i.e.
Hexa Editor
usin
g Hex
-
Ed
Software [16
]
and Flash B
u
ilder [1
7] for enco
ding
re
quire
m
ent
s. The
security and
vulnerability of the encrypt
ed file
i
s
test
ed using Sot
h
ink SWF
Decompil
er software
versio
n 7.4 [18]. To comp
are test results,
comme
rci
a
l encryption
software wa
s used, nam
ely
Amayeta SWF Encrypt en
cryption
software ve
rsion
7.0 [19]. The
st
eps of the l
a
yered
en
crypti
on
techni
que
s are sho
w
n in th
e Table 3.
Evaluation Warning : The document was created with Spire.PDF for Python.
ISSN: 16
93-6
930
TELKOM
NIKA
Vol. 12, No. 3, September 20
14: 63
9 – 650
644
Table 3. Laye
r
ed En
cryptio
n
Steps
Step Process
Descriptions
Example
Capt
ur
ed
La
y
e
rs
Decompiler
Tes
t
1
Load SWF at R
u
ntime
Protect and emb
ed
SWF as binar
y
d
a
ta
using the Embed
tag.
1
The assets
and the
original code
disappears
2
Decompressing the
SW
F Fi
l
e
Reading the
uncompressed h
eader
and create comp
ress
function.
2
ActionScript
w
a
s hidde
n
in thousands
lines of
encr
y
ption
code.
3 Cr
eating
Utility
4
Uncompressing the
Loading SWF
5 Anal
y
z
ing
Hex
C
ode
6
Adding as3cr
y
pt
o
Encry
p
tion
Adding as3cr
y
pt
o
Enc
r
y
p
ti
on (l
i
b
ra
r
y
),
modif
y
ing the loa
d
ing
SWF.
7 Encr
y
p
ting
Dat
a
8 Encry
p
tion
Utility
9
Modif
y
ing the Lo
ader
10
String Obfuscatio
n
:
Renaming the
Package, Classe
s,
Functions and
Variables.
Rename packag
e
,
classes, funct
i
ons and
variables to unusual
labels such as : ;
;;;;;;;;;
. This unusual labels
w
ill be matter
s
to the
decompiler but n
o
t to
the Flash Pla
y
er.
3
The Sothink
SWF
Decompiler
Software
cannot
decompiling
the
encr
y
pte
d
SWF
file.
2.8
Exercise
Re
sults Tar
g
eted [20
]
The exerci
se results
w
ill
be sent to the email
server (u
se instructor’
s
email
account)
throug
h an I
n
ternet
con
n
e
ction. Th
e system in
dicating wo
rks
well if stud
e
n
ts ca
n revi
ew
exerci
se
worked on a
ndp
rint the test result
s and
if the teache
r receive
s
the summary of test
results via e
m
ail. Figure 5
describ
es th
e purp
o
sed p
r
ocess.
Figure 4. Exerci
se Results
Process
2.9
Interactiv
e M
u
ltimedia Testing
Before the sy
stem de
sign
e
d
wa
s tested,
ev
erything th
at was n
eed
e
d
wa
s prepa
red, for
example:
(1)
The
system
to be
teste
d
, (2)
so
ftware
a
nd h
a
rd
wa
re
to be
used fo
r me
asure
m
e
n
t/
testing, (3
) the other ad
ditional re
qui
rem
ent
s to acco
mplish eve
r
y measurement
/ test needed.
Evaluation Warning : The document was created with Spire.PDF for Python.
TELKOM
NIKA
ISSN:
1693-6
930
Designi
ng Com
p
rehensi
ve
I
ndependent Learning In
teracti
v
e .... (Enjang Akhm
ad Juanda)
645
2.9.1
Reso
urce
s Usage Moni
to
ring
Re
sou
r
ce u
s
age mo
nitori
ng will b
e
co
ndu
cted to find out the
reso
urce u
s
a
ge of the
intera
ctive multimedia. It is don
e usin
g
the Anvi
r Task Ma
nag
er
Pro 7.2 [21] with the following
para
m
eters [22]:
a.
Hardware: Intel Pentium i7
2720
QM Pro
c
e
s
so
r 2
200
MHz,
4 Gb
DDR3 of Mem
o
ry, Intel HD
Grap
hics Fa
mily (Switcha
ble) NVI
D
IA
GeFo
rce GT
540M 2 GB o
f
Graphi
c Me
mory.
b.
The te
st is p
e
rform
ed th
ree time
s (th
r
ee pe
riod
s). Each
peri
od
is do
ne in
a
spa
n
of on
e
hour,
whi
c
h i
s
the total ti
me nee
ded t
o
revie
w
all
this interactiv
e multimedi
a
menu a
nd
conte
n
ts.
c.
Monitori
ng is
carrie
d out on
the usag
e of the pro
c
e
s
sor, memory and
harddi
sk.
2.9.2 Dev
i
ce
Testing
The te
st is
p
e
rform
ed to
examine
dire
ctly
the u
s
ag
e of interacti
v
e multimedi
a on
a
variety of de
vices
with va
riou
s
scree
n
width,
scree
n
re
solutio
n
a
nd a
s
pe
ct ratio. Testin
g was
perfo
rmed u
s
i
ng four types
of device
s
su
ch
a
s
de
skto
p
, laptop, tablet, and sma
r
tphon
e.
2.9.3
Opera
t
ing Sy
stems Testing
Based on Fl
ash Pl
ayer data compatibility for
various operating system
s, the test i
s
perfo
rmed
to
find out di
re
ct
ly how thi
s
i
n
tera
ct
ive multi
m
edia
run
s
o
n
vario
u
s ope
rating
syste
m
s,
including:
a.
Wind
ows
: XP SP2 32 bit, Vista 32 bit, Windows 7
Ultimate 64 bit, Windo
ws
8 64 bit.
b.
Mac OS
: Mac OS X 10.6 32 & 64 b
i
t
c.
Linux
: Ubuntu 10.4
32 bit, RHEL
5.6 32
bit, openSUSE 11.3
32 bit, Andro
i
d 4.0 ICS.
2.9.4 Securit
y
Testing
The test is p
e
rform
ed by
usin
g software So
think S
W
F Decompi
l
er version 7.
4. This
softwa
r
e i
s
p
opula
r
a
s
de
compil
er software fo
r the
*.swf file fo
rmat. The te
st
is
co
ndu
cte
d
to
discover th
e vulnera
b
ility of the SWF file proj
ec
t wit
hout en
crypti
on, and te
st the ro
bu
stne
ss of
layered e
n
cry
p
tion and Am
ayeta SWF Encrypt en
cryp
tion.
2.9.5 User
T
estin
g
User testing
i
s
con
d
u
c
ted
with 3
0
p
a
rtic
ipants
who are
vocational
high-scho
ol students
who
a
r
e ta
ki
ng the
ante
n
na
system
subje
c
t. Part
icipants were
not conditio
n
ed b
e
fore, u
s
ed
variou
s devices, ope
rating
systems a
n
d
each of
the partici
pant
s h
ad a different
way to explore
the intera
ctive multimedia
prod
uct.
3. Results a
nd Discu
ssi
on
3.1
Interac
t
iv
e Multimedia Ov
erv
i
e
w
s
(Mai
n Interface,
Con
t
en
t T
y
p
es, Media T
y
pes)
Here a
r
e
screen
captu
r
e
s
of the inte
ract
ive multim
edia p
r
od
uct
and i
n
terfa
c
e, whi
c
h
con
s
i
s
t of eleven menu b
u
ttons an
d an exit bu
tton. Beside
s this, also pre
s
e
n
t
ed are scre
en
captu
r
e
s
of intera
ctive mu
ltim
edia co
ntents that rep
r
ese
n
t the
co
ntent and me
dia types of this
interactive multimedia program.
Evaluation Warning : The document was created with Spire.PDF for Python.
ISSN: 16
93-6
930
TELKOM
NIKA
Vol. 12, No. 3, September 20
14: 63
9 – 650
646
Figure 5. Example Ca
pture
s
of
Intera
ctive Multimedia
Produ
ct (O
uter and Inn
e
r
CD Produ
ct)
The followi
ng
screen
captu
r
es a
r
e
some
image
s displa
ying the prod
uct:
Main Interface
Media : Text;
Content :
Introduc
t
ions
Media : Picture; Content :
Motivational Material
Media : Picture; Content :
Main Materi
al
Media : Animation; Conte
n
t :
Main Materi
al
Media : Simulation; Conte
n
t
:
Main Materi
al
Media : Appli
c
ation; Conte
n
t :
Applicatio
n
Media : Video
; Content :
Tutorial Vide
os
Media : Video
; Content :
Tutorial Vide
os
Media : Picture; Content :
Que
s
tion
s-So
lutions
Media : Appli
c
ation; Conte
n
t :
E
x
erci
se
s S
y
st
em
Media : Appli
c
ation; Conte
n
t :
Email Form
Figure 6. Interactive Multi
m
edia Pro
d
u
c
t: Scree
n
Ca
pture Ove
r
vie
w
Evaluation Warning : The document was created with Spire.PDF for Python.
TELKOM
NIKA
ISSN:
1693-6
9
30
Designi
ng Com
p
rehensi
ve
Independent Learning In
teracti
v
e .... (Enjang Akhm
ad Juanda)
647
3.2
Reso
urce
Us
age Monito
ring Res
u
lts
The followi
n
g
scree
n
ca
pture
s
are o
f
the
resou
r
ce usag
e mo
nitoring of proce
s
sor,
memory an
d hard
d
isk, whi
c
h are pe
rf
ormed in thre
e seq
uential p
e
r
iod
s
:
Figure 7. Measu
r
em
ent (1
) Pro
c
e
sso
r,
Memory an
d Hard Di
sk
Usage Graph
Figure 8. Measu
r
em
ent (2
) Pro
c
e
sso
r,
Memory an
d Hard Di
sk
Usage Graph
Figure 9. Measu
r
em
ent (3
) Pro
c
e
sso
r,
Memory an
d Hard Di
sk
Usage Graph
Here is the summaryof the
reso
urce p
e
rforman
c
e me
asu
r
em
ent re
sults:
Table 4. Re
source Perfo
r
mance Mea
s
urem
ent Re
sults
No Parameter
Measurement
1
(Peak)
M
easurement 2
(Peak)
Measurement 3
(Peak)
1.
Processor
966 MHz
1229 MHz
1054 MHz
2.
Memory
128 Mb
144 Mb
108 Mb
3.
Harddisk
608 KB/s
384 KB/s
232 KB/s
Evaluation Warning : The document was created with Spire.PDF for Python.
ISSN: 16
93-6
930
TELKOM
NIKA
Vol. 12, No. 3, September 20
14: 63
9 – 650
648
Based o
n
the monitori
ng
result
s abov
e, this intera
ctive multime
d
ia doe
s not
requi
re
large
re
sou
r
ces. It is even
belo
w
the val
ue of t
he mini
mum sy
stem
requi
rem
ents
of Flash Play
er
11.2 (Tabl
e
1). The moni
toring
result
s indi
cate t
hat
this i
n
teracti
v
e multimedi
a will
be
running
norm
a
lly and
smoothly.
3.3
Dev
i
ce Testing Res
u
lt
Table 5. Devi
ce Te
sting Result
Device
Processor Memory
Grap
hic
Memory
Screen
Size
Grap
hic
Standard
Pix
e
l
Resolution
Ratio Result
Dekstop
Intel Core i3
4130
2 GB
1 GB
18.5
inch
XG
A
HD/WXGA
WXG
A
WXG
A
1028 x
768
1280 x
720
1280 x
768
1366 x
768
4:3
16:9
5:3
16:9
OK
OK
OK
OK
Laptop
Intel Core i7
2670 QM
4 GB
2 GB
14 inch
XG
A
HD/WXGA
WXG
A
WXG
A
1028 x
768
1280 x
720
1280 x
768
1366 x
768
4:3
16:9
5:3
16:9
OK
OK
OK
OK
Tablet
Qualcomm
Snapdrago
n
800
3 GB
Adreno
330
10.1
inch
WQXGA
2560
x
1600
16:10
OK
Smart
Phone
ARM Corte
x
-A8
512 MB
Adreno
330
7 inch
WSVGA
1024 x
600
16:10
OK
B
a
sed o
n
t
h
e
t
e
st
result
s o
n
v
a
riou
s dev
ice
s
,
wi
th its specifications as listed in the table
4, it was p
r
o
v
en that this intera
ctive multimedi
a
can
run no
rmally
and sm
oothl
y. This test d
a
ta
sho
w
s that this intera
ctive multimedia i
s
respon
sive.
3.4
Opera
t
ing Sy
stem Testing Resul
t
s
Table 6. Ope
r
ating System Testing
Re
sul
t
s
No. Oper
ating
S
y
ste
m
Version
Result
1. Window
s
XP SP2 32 bit
Running OK
Vista 32 bit
Running OK
7 Ultimate 64 bit
Running OK
8 64 bit
Running OK
2.
Mac OS
X 10.6 32 & 64 bi
t
Running OK
3. Linux
Ubuntu 10.4
32 b
i
t
Running OK
RHEL 5.6 32
bit
Running OK
openSUSE 11.3
32 bit
Running OK
Android 4.0 Ice
Cream Sand
w
i
ch
Running OK
Table 6 ab
ove descri
b
e
s
the test re
sult
s
for vario
u
s
operating sy
stems. Base
d on the
test results, t
h
is i
n
teractiv
e multime
d
ia
ca
n
run
no
rmally on
Wi
n
dows, M
a
c O
S
, and
Linux
in
variou
s versi
ons that a
r
e l
i
sted in the t
able ab
ove.
This i
s
in accorda
n
ce with
the data of Flash
Player
syste
m
re
quireme
nts. The
flash platform
p
r
oject
ca
n run
on va
riou
s
o
peratin
g
syst
ems
(Win
d
o
w
s, M
a
c OS, Linux).
3.5
Securit
y
Testing Re
sults
The followi
ng
table (7)
sh
ows the scre
en ca
pture
s
of the deco
m
piling test re
sults and
their en
crypti
on/ decryptio
n explanatio
n
.
Evaluation Warning : The document was created with Spire.PDF for Python.