Tgs 1 Imk Subargawa m.b 1504505037 A

8/20/2019 Tgs 1 Imk Subargawa m.b 1504505037 A

1/17

KETERKAIATAN INTERAKSI MANUSIA KOMPUTER

DENGAN ILMU DAN BIDANG LAINYA

IDA BAGUS SUBARGAWA M.B

1504505037

TEKNOLOGI INFORMASI

FAKULTAS TEKNIK

UNIVERSITAS UDAYANA

2016

KATA PENGANTAR


2/17

Om S!"#$!"#%& P%'( )!* "$%+%, -*%/(" !#%,+!* + !)!-!* T%!* Y!* M!! E"!&

+!,*! ,+!# ,!m!#N$!& !+(,*$! -*%/(" m!m-% m*$/"!(+!* m!+!/! m**!(

KETERKAITAN INTERAKSI MANUSIA KOMPUTER DENGAN PERANANGAN

GRAFIS DAN TIPOGRAFI. D!/!m -*$%"%*!* /!-,!* (*( -*%/(" m*)!-!# !*#%!* )!,(

!*$!+ -(!+.S!$! m*$!)!,( !! m!+!/! (*( '!% )!,( +!#! "m-%,*!& !(+ )!/!m -*$%"%*!*&

!!"!*& m!%-%* -*%/("!**$!. O/ +!,*! (#% +,(#(+ )!* "!,!* $!* ,"(!# mm!*%*

)!,( "m%! -(!+ "!*!# )(!,!-+!* )m( #,!-!(*$! +"m-%,*!!* )!/!m m!+!/! (*(.

A+(, +!#!& "m! m!+!/! (*( )!-!# mm,(+!* m!*!!# !( "m%! -(!+& ""%!(

$!*)(!,!-+!*.

D*-!"!,& 16 P,%!,( 2016

P*%/("

DAFTAR ISI

*Kata pengantar:.................................................................................................2

2 Ida Bagus S%!,!! M!*%!! B(+"!


3/17

*Bab I Pena!"#"an:...........................................................................................$

*Latar Be#a%ang:.................................................................................................$

*R"&"'an Ma'a#a!:............................................................................................$

*Bab II Pe&ba!a'an:..........................................................................................(

)K&p"ter.................................................................................................(

)Man"'+a...................................................................................................(

)Intera%'+...................................................................................................,

)Intera%'+ Man"'+a K&p"ter................................................................,

)U'er Inter-ae......................................................................................../0

)I#&" 1ang Ber%a+tan Dengan IMK...................................................../

*Bab III Ke'+&p"#an:......................................................................................../(

*Da-tar P"'ta%a:................................................................................................/3

BAB I

PENDA8ULUAN

1.1 L!#!, B/!+!*

3 Ida Bagus S%!,!! M!*%!! B(+"!


4/17

P!)! )%*(! /!/ "-,#( "+!,!* (*( +(#! ",(* m/(!# (*#,!+"((*#,!+"(

$!* #,'!)( -!)! +(!#!* m!*%"(!. D!,( "+(!* !*$!+ (*#,!+"( #,"%#& $!*

-!/(* !*$!+ #,'!)( !)!/! (*#,!+"( m!*%"(! )*!* m!*%"(! )!* (*#,!+"( m!*%"(!

)*!* m-%#,. I*#,!+"( m!*%"(! )*!* m-%#, m,%-!+!* "%!#% (*#,!+"(

m!*%"(! )*!* -,!/!#!* /+#,*(+*$! )*!* m!+"%) %*#%+ m*!-!( "%!#% #%'%!*#,#*#%. *#*$! %*#%+ m*)*!, m%"(+ m!*%"(! !,%" ,(*#,!+"( )*!*

-,!/!#!* /+#,*(+*$! ("! ,%-! ,!)(& !*)-*& )!* /!(* "!!(*$! %*#%+

)!-!# m*!-!( #%'%!* m*)*!, m%"(+. N! )!,( *# (*#,!+"( #,"%# ("!

)(+!#!+!* #,'!)( +m%*(+!"( )%! !,! !*#!,! m!*%"(! )*!* /+#,*(+*$!.

9!)( )!,( -,"" (*#,!+"( m!*%"(! +m-%#, m!*%"(! ,!,!- ("!

m*!"(/+!* !#!% m*%*!+!* "$"#m $!* ,m!*!!# :%"!/; )!* !m!* :"!;&

!,#(*$! "("#m #,"%# )!-!# ,%*"( )*!* !(+. S("#m #,"%# ("! %*#%+

m*m!*+!* )!* m*(*+!#+!* +!m!*!* :"!#$;& %#(/(#!" :%#(/(#$;& +#,%*!!*

:%"!(/(#$;& +#((#!" :#(


5/17

BAB II

PEMBA8ASAN

2.1 P*,#(!* Km-%#,

5 Ida Bagus S%!,!! M!*%!! B(+"!


6/17

K#(+! +m-%#, -,#!m! +!/( )(-,+*!/+!* "!,! +m,"(!/ -!)! #!%* 50!*& m"(* (*(

"!*!# "%/(# )(-!+!( )!* "!*!# #()!+ -,!+#(". 8!/ )m(+(!* +!,*! !+#% (#% +m-%#,

m,%-!+!* m"(* $!* "!*!# m!!/ )!* "!,& !*$! )(-!+!( )(+!/!*!* #,#*#%& m("!/*$!

-!,! (/m%!* !#!% !/(!/( #+*(+.

S#/! +m-%#, -,(!)( :P; )(-,+*!/+!* -!)! #!%* 70!*& m!+! ,+m!*/!

-*%*!!* #+*/( (*( "!,! -!# )!* m*!%,*+!* + ,!!( -*'%,% +()%-!*

:-*)()(+!*& -,)!!*!*& -,#!!*!*& -,%"!!!*& )!* "!!(*$!;. Km!'%!*+m!'%!*

#+*/( #,"%# !+(,*$! '%! mm-*!,%( ,!*!*!* "("#m. S("#m ,!*!*!* )(#%*#%#

!,%" ("! mm*%( +%#%!* -m!+!(& "("#m !,%" mm-%*$!( +++!* )*!*

+%#%!* -m!+!( !#!% "%!#% "("#m $!* )(,!*!* !,%" ,,(*#!"( +-!)! -m!+!(.

P!)! !!/ #!%* 70!* (*(& '%! m%/!( m%*%/ ("% #+*(+ !*#!,m%+! -m!+!( :%", (*#,!;

$!* )(+#!%( "!!( M!*M!(* I*#,!#(* :MMI; !#!% I*#,!+"( M!*%"(!M"(*.

P!)! M!*M!(* I*#,!#(* "%)! )(#,!-+!* "("#m $!* >%", ,(*)/$?. N!,*%*& "(!#

%", ,(*)/$ -!)! MMI (*( )(!,#(+!* "!,! #,!#!". U", ,(*)/$ -!)! MMI !*$!

)(+!(#+!* )*!* !"-+!"-+ $!* ,%%*!* )*!* "##(+! !#!% +(*)!!* #!m-(/!*

-!)! /!$!, "!'!. S("#m #,"%# !*$! m*(#(+ ,!#+!* -!)! !"-+ ,!*!*!* !*#!,m%+!*$!

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

"!,! ,!*("!"( !#!% (*)(


7/17

D!/!m !+#, m!*%"(! )!,( "( -*/(!#!* $!(#% m!#! !)! ,!-! !+#, $!* mm-*!,%(

-*/(!#!* +(#!& $!(#%

• L%m(*!*" !)!/! !!$! $!* )(-!*#%/+!* )!,( -,m%+!!* "%!#% '+

•K*#,!" !)!/! !!$! $!* )(+/%!,+!* )!,( "%!#% '+ )!* /!#!, /!+!* $!* )(-!+!(

• K,!!* !)!/! #!*!-!* "%'+#( #,!)!- !!$!

• S%)%# )!* +#!'!m!* -*/(!#!* !)!/! S%)%# -*/(!#!* !)!/! "%)%# $!* #,*#%+

/ '+& ")!*+!* +#!'!m!* -*/(!#!* !)!/! -*/(!#!* m(*(m%m -!)! "!!#

m!#! m!"( ("! m/(!# '+

• A,! -*/(!#!* !)!/! !,! $!* )!-!# )(/(!# / m!#! m!*%"(! *,m!/

• W!,*! !)!/! !!$! $!* #!m-!+ m,%-!+!* "!(!* +(/ )!,( "-+#,%m

/+#,m!*#(+. P!*'!* !!$! $!* *!m-!+ ,+("!, -!)! 400700 *!* m#, $!*

,!)! -!)! )!,! %/#,!%*% :%/#,!


8/17

2.3P*,#(!* I*#,!+"(

I*#,!+"( !)!/! +m%*(+!"( 2 !,! !*#!,! m!*%"(! :%",; )*!* m!*%"(! (#% "*)(,( !#!%

*)! $!* !)! )("+(#!,*$! :"("#m m-%#,;. I*#,!+"( m*'!)( m!+"(m!/ !-!(/! +)%!

/! -(!+ m!m-% mm,(+!* "#(m%/!* )!* ,"-* :!+"( H ,!+"(; $!* "!/(*

m*)%+%*& '(+! "!/! "!#% #()!+ ("!& m!+! (*#,!+"( !+!* m*!/!m( !m!#!* !#!% !+!*

m*%'% -m(!"!* #%'%!*.

2.4 P*,#(!* I*#,!+"( M!*%"(! Km-%#,

1. M*%,%# W(+(-)(!

I*#,!+"( m!*%"(! )!* +m-%#, :%m!*m-%#, (*#,!#(* :8I;; !)!/! )("(-/(*

(/m% $!* mm-/!'!,( %%*!* !*#!,! m!*%"(! )!* +m-%#, $!* m/(-%#( -,!*!*!*&

m!*%"(!. I/m% (*( ,%"!! m*m%+!* !,! $!* -!/(* ("(* %*#%+ m,!*!* -"!*/+#,*(+. S)!*+!* (*#,!+"( m!*%"(! )!* +m-%#, "*)(,( !)!/! ",!*+!(!* -,""&

)(!/ )!* +(!#!* $!* )(/!+%+!* / m!*%"(! %*#%+ ,(*#,!+"( )*!* +m-%#, $!*

+)%!*$! "!/(* mm,(+!* m!"%+!* )!* %m-!* !/(+ m/!/%( "%! !*#!,m%+! %*#%+

mm-,/ !"(/ !+(, $!* )(!,!-+!*.

1. M*%,%# B!+, )!* B%#* @)!/!m PRE4

I*#,!+"( M!*%"(! Km-%#, (*( )()(*("(+!* "!!( >"# -,"""& )(!/%"& !*)

!#(*" #,% ( ! %m!* %", m-/$" !*) (*#,!#" (# m-%#,>. AMSG8I

@)!/!m PRE4 /( '!% m*%/("+!* )(*("( #*#!* 8I "!!( ,(+%#

human-computer interaction is a discipline concerned with the design, evaluation and

implementation of interactive computing system for human use and with the study of major

phenomena surrounding them

interaksi manusia komputer adalah disiplin ilmu yang berkaitan dengan desain, evaluasi dan

implementasi sistem komputer interaktif untuk digunakan manusia dan dengan studi

fenomena besar di sekitar mereka

)!/!m ,(*#,!+"( )*!* +m-%#,& -!,! -m!+!( !+!* ,!)!-!* )*!* -,!*+!# +,!"

+m-%#,. U*#%+ "!m-!( -!)! ("( $!* (*(* )("!m-!(+!* / -,!*+!# /%*!+& -m!+!(

)(!)!-+!* #,/( )!%/% )*!* "-,!*+!# !/!# "-,#( -!-!* +#(+ :+$!,);& m*(#,&

m%"& '$"#(+& )!* /!(*/!(*. S/!*'%#*$!& -m!+!( !+!* ,!)!-!* )*!* m!!mm!!m

#!m-(/!* m*%& m!!mm!!m -,(*#! $!* #,)(,( )!,( +!#! !#!% +!#!+!#! $!* !,%"

)(+#(++!**$!& m("!/*$! "!

(m-/m*#!"( "$"#m (*#,!+#( !*#!,m%+! -*%*! +m-%#, %*#%+ )(%*!+!* m!*%"(!

)*!* m%)! )!* )*!* "#%)( *m*! "!, )( "+(#!, m,+!.

8 Ida Bagus S%!,!! M!*%!! B(+"!


9/17

2.4.1 F!+#,!+#, )!/!m I*#,!+"( M!*%"(! Km-%#,

• F!+#, ,!*("!"(

T,!(*(*& ' )"(*& -/(#("& ,/"& ,+ ,!*(!#(*!/• F!+#, /(*+%*!*

N("& !#(*& /(#(*&

• F!+#, +*$!m!*!*

S!#(*& J%(-m*# /!$%#

• F!+#, U",I*#,!

I*-%# )

2.4.2 T%'%!* )!,( I*#,!+"( M!*%"(! Km-%#,

1. M*!"(/+!* "("#m $!* ,%*! )!* !m!*.

2. M*m!*+!* )!* m*(*+!#+!* +!m!*!*& %#(/(#!"& +#(


10/17

A*#!,m%+! -*%*! :%", (*#,!; m,%-!+!* *#%+ #!m-(/!* ,!(" $!* ,%%*!*

/!*"%* )*!* -*%*! :%",;. A*#!,m%+! -*%*! ,%*"( %*#%+ m*%%*+!*

!*#!,! -*%*! )*!* "("#m -,!"(& "(*! +m-%#, #,"%# ("! )(%*!+!*. U",

(*#,! !)!/! !,! -,,!m )!* %", ,+m%*(+!"(. I"#(/! %", (*#,! !#!% (*#,!

+!)!*+!)!* )(%*!+!* "!!( -*!#( ("#(/! 8I :8%m!* m-%#, I*#,!#(*;. 8I:8%m!* m-%#, I*#,!; !)!/! "m%! !"-+ )!,( (*#,!+"( -*%*! )!* m-%#,&

#()!+ !*$! !,)!,. Sm%!*$! $!* #,/!# )(/!$!,& mm!! )!/!m )+%m*#!"( )!*

)(m!*(-%/!"( )*!* +$!,) :!#!% m%"; m,%-!+! !(!* )!,( %", (*#,!. A*#!,m%+!

-*%*! %*#%+ (*)%"#,( %/! )*!* m*%*!+!* -%"%##* !*#!,m%+! -*%*!& )!/!m

()!* )"!(* (*)%"#,( (*#,!+"( m!*%"(!m"(*& !)!/! "%! #m-!# )( m!*! (*#,!+"(

!*#!,! m!*%"(! )!* m"(* #,'!)(. T%'%!* )!,( (*#,!+"( !*#!,! m!*%"(! )!* m"(* -!)!

!*#!,m%+! -*%*! !)!/! -*-,!"(!* )!* +*#,/ m"(* $!* +#(& )!* %m-!* !/(+

)!,( m"(* $!* mm!*#% -,!#, )!/!m mm%!# +-%#%"!* -,!"(*!/. *#*#

)!,( +*"- /%!" !*#!,m%+! -*%*! (*( #,m!"%+ !"-+!"-+ (*#,!+#( )!,( "("#m -,!"(

+m-%#,& !/!#!/!#& +*#,/ -,!#, m"(* ,!#& )!* +*#,/ -,"". P,#(m!*!* )"!(*

,/!+% +#(+! mm%!# !*#!,m%+! -*%*! $!* ,+!(#!* !#!% m/(!#+!* )("(-/(*

)("(-/(* (/m% "-,#( ,*m( )!* -"(+/(. U", I*#,! ,%*"( %*#%+ m*%%*+!*

!#!% -*#,'m! (*,m!"( !*#!,! -*%*! )*!* "$"#m -,!"(& "(*! m-%#, )!-!#

)(%*!+!*. D*!* )m(+(!*& %", (*#,! ("! '%! )(!,#(+!* "!!( m+!*("m (*#,

,/!"( !#!% (*#,!"( ##!/ )!,( -,!*+!# +,!" )!* /%*!+ $!* mm*#%+ -*!/!m!*

+m-%#,. U" (*#,! )!,( "("( "#!, (!" ,*#%+ G,!-(!/ U", I*#,! :GUI;

!#!% mm!*) L(* I*#,! :LI;& ")!*+!* )!,( "("( !,)!, (!" ,*#%+ A-//

D"+#- B%" :ADB;& USB& )!* (, (,.

S%! !*#!,m%+! -*%*! !)!/! "("#m )( m!*! -*%*! ,(*#,!+"( )*!* m"(*.

A*#!,m%+! -*%*! m*!+%- -,!*+!# +,!" )!* -,!*+!# /%*!+. A*#!,m%+! -*%*!

!)(, %*#%+ ,!!( "("#m& )!* m*$)(!+!* !,! %*#%+

• I*-%#& mm%*+(*+!* -*%*! %*#%+ mm!*(-%/!"( "%! "("#m

• O%#-%#& mm%*+(*+!* "("#m %*#%+ m*%*'%+!* + )!,( m!*(-%/!"( -*%*!

S!,! %m%m& #%'%!* )!,( #+*(+ (*#,!+"( m!*%"(!m"(* !)!/! %*#%+ m*!"(/+!* "%!

!*#!,m%+! -*%*! $!* mm%!#*$! m%)!& ("(*& )!* m*$*!*+!* %*#%+

m*-,!"(+!* "%! m"(* )*!* !,! $!* m*!"(/+!* !"(/ $!* )((*(*+!*. I*(

(!"!*$! ,!,#( !! -,!#, !,%" m*$)(!+!* (*-%# m(*(m!/ %*#%+ m*!-!( %#-%#

$!* )(!,!-+!*& )!* '%! !! m"(* !,%" mm(*(m!/+!* %#-%# $!* #()!+ )((*(*+!*.

2.5.1 K*"- U", I*#,!

M*+*"- %", (*#,! "!,! *!, #()!+/! m%)!. T,)!-!# (#% !*$!+ !"-+ $!*

-/% )(-,!#(+!*. U", (*#,! !+!* m*!% -!)! ,!!m !-/(+!"( #+*/( m%/!( )!,(

/#,*( )("-/!$& "#!, !-/(+!"( m-%#,&!-/(+!"( & !-/(+!"( m(/&(*! !-/(+!"(

+("+ I*,m!"( -%/(. K(+" !)!/! -,!/!#!* "("#m (*,m!"( -%/(+ $!* )(,!*!*

")m(+(!* ,%-! $!* )(#%'%+!* %*#%+ ,!!m +*)("( %",& !(+ "!,! %"(!& *),& /!#!,

10 Ida Bagus S%!,!! M!*%!! B(+"!


11/17

/!+!* +%/#%,!/& #(*+!# -m!!m!* )!* -*)()(+!* !+!* +*)("( +#,!#!"!* ("(+ $!*

,)!. T,)!-!# #(! #+*(+ !*#!, m%+! (*#, ! $!(#%

1. LINGUISTI STYLES

L(*%("#( "#$/" !)!/! -*$!m-!(!* >!+"(? m/!/%( !!"! $!* )(m*,#( / m-%#,.(,,( #+*(+ (*( !*#!,! /!(*

M!"%+!* !+"( m/!/%( -!-!* +#(+ !/-!# $!* )(#%/(" !#!% )(+#(+.

B!!"! $!* )(m*,#( / m-%#, m,%-!+!* !(!* +(/ )!,( !!"! m!*%"(!

A)!*$! !#%,!* -*%/("!* :"$*#!; )!* "m!*#( %*#%+ m*$!#!+!* -,(*#!

2. KEY MODALS STYLE

K$ M)!/" S#$/ !)!/! -*$!m-!(!* !+"( m/!/%( -*+!*!* #m/#m/ $!*)-,,!m "/%m*$! %*#%+ m*'!/!*+!* %*"(%*"(. (, #+*(+ (*( !*#!,! /!(*

M!"%+!* !+"( m/!/%( #m/ %*"( !#!% #m/ !/-!#

I*"#,%+"( /!*+! )m( /!*+!

D(%*!+!* )!/!m "$"#m ,'!/!*

3. DIRET MANIPULATION STYLE

D(,# M!*(-%/!#(* S#$/ !)!/! -*$!m-!(!* -,(*#! m/!/%( m!*(-%/!" '+ #,#*#%.

(,,( #+*(+ (*( !*#!,! /!(*

D(#!m-(/+!**$! '+ %*#%+ (*#,!+"( -*%*!

D(#!m-(/+!**$! -*%*'%+ %*#%+ mm!*(-%/!"( '+

P,(*#! )(#,!-+!* /!*"%* -!)! '+

R"-* "+#(+! -!)! %*"( '+

U", I*#,! $!* B!(+ m/(-%#(

• M*%,!*( (!$! )(*

• T(*(*$! (!$! (/! #,'!)( -,/m (*#,!

• M*%,!*( +"!/!!* $!* ,!+(!# !#!/

• I*#,!" $!* !(+ m*(*+!#+!* -*'%!/!* -,)%+

• M*(*+!#+!* -*%*!!* +m-%#, )!/!m "%!#% /(*+%*!*

11 Ida Bagus S%!,!! M!*%!! B(+"!


12/17

2.5.2 9"(* U", I*#,!

A)! )%! '*(" %", (*#,!& $!(#%

1. OMMAND LINE INTERFAE :LI;

LI :mm!*) L(* I*#,!; !)!/! #(- !*#!,m%+! )(m!*! -*%* ,(*#,!+"( )*!*

"$"#m -,!"( m/!/%( ## #,m(*!/. LI !)!/! "%! *#%+ !*#!,m%+! !*#!,! "("#m

-,!"( )!* -m!+!( )(m!*! -m!+!( m*#(++!* -,(*#!-,(*#! )*!* m*%*!+!*

-,(*#! )!/!m *#%+ #+" )!* "%! m#) %*#%+ mm!"%+(*$!.

P*%*! LI (!"!*$! !)!/! !)m(*("#,!#, "("#m ,!"(" "("#m -,!"( LINU. S#(!-

"("#m -,!"( mm,( *!m! LI *$! ,)!)!. U*( mm, *!m! LI*$! "!!(

!"& !"& +"& )!* /!(* "!!(*$!. M"D" mm,( *!m! LI*$! mm!*).m !#!%

mm!*) -,m-#. S)!*+!* W(*)" V("#!& M(,"# m*!m!+!**$! P,"//.

P*%*! L(*% m**!/ LI -!)! L(*% "!!( T,m(*!/& ")!*+!* -!)! A--/ !#!%m!(*#" *!m!*$! !)!/! mm!*)"//.

5. GRAP8IAL USER INTERFAE :GUI;

S!!# (*( (*#,! $!* !*$!+ )(%*!+!* )!/!m "#!, !)!/! GUI :G,!-(!/ U",

I*#,!;. P*!*%# GUI (!"!*$! !)!/! m,+! $!* "%)! #,(!"! )*!* "$"#m -,!"(

W*)". B!( m,+!& GUI !)!/! !,! m!#( $!* #()!+ ("! )(#!!, /!(. GUI !)!/! #(-

!*#!,m%+! $!* )(%*!+!* / -*%*! %*#%+ ,(*#,!+"( )*!* "$"#m -,!"( m/!/%(

!m!,!m!, ,!(+& +*& )!* m*%*!+!* -,!*+!# -*%*'%+ :-(*#(* )


13/17

M"+(-%* -*#(*& *!m%* "!$!**$! +!)!* -*%*!!* !!"!& "-,#( -m(/(!* ("#(/!&

",(* "+!/( )(!*!- +%,!* (#% -*#(*. T,/( )!,( (#% )!/!m )%*(! )"!(* "(#%" W

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

(*#,! /!(**$!. A,#(+/ (*( !+!* m*! mm,(+!* ,!-! -,#(m!*!* -m(/(!*

!!"! )!* ("#(/! %*#%+ m*(*+!#+!* %"!(/(#$ m/!/%( -,!(+!* +m%*(+!"( )*!* %",.

2.5.4 B!!$! K"!/!!* )!/!m U", (*#,!

• A*!/("(" #,!*"+,(- #/-* 11 %*#%+ )#+"( m )( *#**(!/ P!,+ +#(+! O/(m-(!)

A#/!*#! m*%*'%++!* !! )(-,/%+!* !+#% 20 m*(# %*#%+ -*(,(m!* )!#!

o S("#m -*(,(m!* )!#! !,%" mm(/(+( !/!m!# *#**(!/ P!,+

o O-,!#, -*(,(m!* #()!+ )!-!# m*m%+!* "",!* $!* m*#!%(

!/!m!# #,"%#

o Bm )("# m/)!+ )!/!m 30 m*(#

• K/!+!!* -"!!# #!%* 16 )( %*%* "+(#!, /m(! )*!* +,!* "/%,%

-*%m-!*

o P(/# m*#(++!* %,% >R? )!,(-!)! m*%/("+!* *!m! !*)!,!

o S("#m !+!* m*!,( *!m! !*)!,! $!* )(m%/!( )*!* %,% >R? $!*

#,*$!#! !)/!! *!m! !*)!,! $!* "!/!

o K"!/!!* (*( m*$!+!* -"!!# m*!,!+ %*%*

2.6 I/m% )!* B()!* $!* B,+!(#!* )*!* I*#,!+"( M!*%"(! Km-%#,

1. T+*(+ /+#,*(+! )!* (/m% +m-%#,

• T+*(+ E/+#,*(+! m*$)(!+!* #+*/( +,!*+! +,'! %*#%+ )"!(* "("#m

m!*%"(! +m-%#,. I/m% (*( m,%-!+!* ()!* %#!m! )!/!m +,!*+! -,!*!*!*

"%!#% "("#m (*#,!+"( m!%"(!+m-%#,. I/m% +m-%#, !)!/! "#%)( "("#m!#(+

#*#!* -,"" !/,(#m(+ $!* m*'/!"+!* )!* m*"#,!*",m!"(+!* (*,m!"(& !(+

(#% ,%%*!* )*!* #,(#,(& !*!/("("& )"!(*& ("(*"(& (m-/m*#!"(& !#!%-%*

!-/(+!"(!-/(+!"( $!* !)! -!)!*$!. B()!* (*( ,-,!* mm,(+!* +,!*+! +,'!

%*#%+ )!-!# m,!*!* "("#m %m!*m-%#, (*#,!#(* :8I;.2. P"(+/( K*(#(

• P"(+/( K*(#( !)!/! "!/! "!#% !!* )!,( -"(+/( $!* )(+*"*#,!"(+!*

%*#%+ mm!!m( -,(/!+% m!*%"(!. P"(+/( +*(#( mm-/!'!,( #*#!* !,!

m!*%"(! m*,(m!& mm-,"-"(& mm-/!'!,(& m*!/!,& m*(*!# )!* ,-(+(,

#*#!* "%!#% (*,m!"(& +!/(!* m**#,/ m#,(+& )!* m*!'%+!* m)/ -,""

+*(#( $!* )!-!# mm,(+!* -*#!%!* $!* ,m!*!!# + )!/!m m#)

-*+!* m"(* #,!)!- -*%*! :m!*%"(!;. P*!/!m!* -"(+/( m*$)(!+!*

#+*(+


14/17

• Km!m-%!* "##(+! )!,( )"!(* ,!(" )!* #(-,!( !)!/! -*(*+!#!* $!* -*#(*

#,!)!- )"!(* "("#m m!*%"(!+m-%#, "!!( -*%*! !*#!,m%+! m*'!)( /(

/+"(/ )!* -,%//. S%! !m!, )!-!# ,m!+*! "!m! )*!* ",(% +!#!.

G!m!, )!-!# )(%*!+!* "!!( "!,!*! )(!/ $!* %+%- +#( !*#!,! m!*%"(! H

+m-%#,.4. E,*m(+

• E,*m( )(+*"*#,!"(+!* /( -!)! !"-+ ("(+ )!,( -*+!* m"(* + m!*%"(!&

)!* )()%+%* "%!#% )!#! !*#,-m#,(+ $!* m*$)(!+!* -)m!* )!/!m )"!(*

#m-!# +,'! )!* /(*+%*!**$!& -!-!* +#(+ +m-%#,& )!* /!$!, m*(#, )!* !"-+

("(+ )!,( !/!#!/!# !*#!,m%+! !*#!,! m!*%"(! )!* m"(*

5. A*#,-/(

• A*#,-/( :I/m% M!*%"(!; )(+*"*#,!"(+!* )*!* "#%)( )!,( (*#,!+"( m!*%"(!

+m-%#,. D(m!*! (*#,!+"( (*( )(-*!,%( / #+*/( $!* !)! :"!!(

*# )( +!*#,;& !*#,-/( )!-!# m*$)(!+!* -*#!%!* $!* ,*(/!( +

)!/!m !+#((#!" "-,#(& (*#,!+"( #(m )*!* "("#m +m-%#,& "!!( *# #(m+,'! )"!(*& +/m-+ -*%/("& )!* /!(*/!(*.

• I/m% #*#!* m!*%"(! $!* mm!* -,!*!* -*#(* )!/!m "("#m (*#,!+"(

m!*%"(!+m-%#,

• Mm,( -!*)!*!* #*#!* !,! +,'! ,+/m-+ "(*! m!"(*m!"(*

)!-!# mm,( +*#,(%"( ""%!( +!/(!*

6. L(*%("#(+

• L(*%("#(+ m,%-!+!* !!* (/m% $!* mm-/!'!,( #*#!* !!"!. U*#%+

m/!+%+!* )(!/ )(-,/%+!* "!,!*! +m%*(+!"( $!* mm!)!( ,%-! "%!#%

!!"! +%"%"& m("!/ !!"! ,!("& !!"! !/!m(& !!"! m*%& !!"! -,(*#!&

)!* /!(* "!!(*$!.

7. S"(/(

• Mm-/!'!,( -*!,% "("#m m!*%"(!+m-%#, )!/!m "#,%+#%, ""(!/ :(*#,!+"(

!*#!, m!*%"(!& ,!*("!"(;. S"(/( )!/!m +*#+" (*( )(+*"*#,!"(+!* )*!*

"#%)( )!,( -*!,% "("#m m!*%"(!+m-%#, -!)! "#,%+#%, /(*+%*!**$!

C. A,#(((!/ I*#/(*

• I*#/('* B%!#!* m,%-!+!* +,)!"!* !#!% +m!m-%!* )!,( m!*%"(! $!*

)(#,!-+!* -!)! "%! *#(#!" %!#!*. B(!"!*$! "("#m "-,#( (*( )(+*!/ "!!(

+m-%#,. Km-%#, -!)! !!/*$! )(%*!+!* !*$! %*#%+ m/!+%+!* -,!"(

(#%*. N!m%* )*!* ,+m!**$! -(+(,!* m!*%"(! ",#! +,)!"!* m!*%"(!&+m-%#, )!-!# m/!+%+!* +(!#!* +(!#!* $!* ("! )(/!+%+!* / m!*%"(!.

. E*(*,(*

• T+*(+ $!(#% )("(-/(*& "*(& +#,!m-(/!*& -,"( )!* #+*/( mm-,/ )!*

m*,!-+!* (/m% -*#!%!*& m!#m!#(+!& +*m( -*#!%!*& ""(!/& )!*

-,!+#("& %*#%+ m,!*!* )!* mm!*%* "#,%+#%,& m"(*& -,!*+!#& "("#m&

!!* )!* -,""& )*!* m*%!"!( #+*(+#+*(+ $!* )!-!# )(%*!+!* )!/!m

-,!*!*!* %", (*#,! !!, /( +#(. S%!#% -,)%+ -,,!m $!* )(%!#

mm%#%+!* -#%*'%+ m!*%!/ !!, ,!* $!* /%m (!"! m*%*!+!*

-,)%+ #,"%# ("! mm-/!'!,( /( )!%/% "(*! )!-!# #,'!)( (*#,!+"(

$!* !(+ !*#!,! ,!* (#% )*!* +m-%#,.

10. M!#m!#(+!

14 Ida Bagus S%!,!! M!*%!! B(+"!


15/17

• 8%%*!* m!#m!#(+! )*!* (*#,!+"( m!*%"(! )!* +m-%#, !)!/! "%!#%

*# -m%!#!* "#!, !,%"/! ("(* )!/!m -,(#%*!* m!#m!#(+!. 9(+!

"%!#% "#!, ("! )('!/!*+!* / "m%! ,!* $!* !,% /!'!, m!%-%* -!+!,&

%*"%, +m%)!!* )!/!m "( (#%*!* m!#m!#(+! !+!* mm%!# "#!,

#,"%# )("%+!( / !*$!+ ,!*. 9(+! "#!, m*%*!+!* !"-+ m!#m!#(+!"!,! ("(* m!+! "#!, #,"%# )!-!# )(%*!+!* "!,! m!+"(m!/ )*!*

-*%*! )!* m*!"(/+!* !"(/ $!* -#(m!/.

BAB III

KESIMPULAN

3.1 K"(m-%/!*

I*#,!+"( M!*%"(! Km-%#, :8I; !)!/! "%! )("(-/(* (/m% $!* mm-/!'!,(

%%*!* m!*%"(! )*!* +m-%#, $!* m/(-%#( )"!(*&

(*#,!+#( !*#!,m%+! -*%*! +m-%#, %*#%+ )(%*!+!* m!*%"(! )*!* m%)! )!*

)*!* "#%)( *m*! "!, )( "+(#!, m,+!.

15 Ida Bagus S%!,!! M!*%!! B(+"!


16/17

A*#!,m%+! -*%*! :%", (*#,!; m,%-!+!* *#%+ #!m-(/!* ,!(" $!*

,%%*!* /!*"%* )*!* -*%*! :%",;. A*#!,m%+! -*%*! ,%*"( %*#%+

m*%%*+!* !*#!,! -*%*! )*!* "("#m -,!"(& "(*! +m-%#, #,"%# ("!

)(%*!+!*. U", (*#,! !)!/! !,! -,,!m )!* %", ,+m%*(+!"(. I"#(/! %",

(*#,! !#!% (*#,! +!)!*+!)!* )(%*!+!* "!!( -*!#( ("#(/! 8I :8%m!*m-%#, I*#,!#(*;. 8I :8%m!* m-%#, I*#,!; !)!/! "m%! !"-+ )!,(

(*#,!+"( -*%*! )!* m-%#,& #()!+ !*$! !,)!,. Sm%!*$! $!* #,/!# )(/!$!,&

mm!! )!/!m )+%m*#!"( )!* )(m!*(-%/!"( )*!* +$!,) :!#!% m%"; m,%-!+!

!(!* )!,( %", (*#,!.

I*#,!+"( M!*%"(! Km-%#, '%! ,+!(#!* )*!* ()!* (/m% /!(**$! "-,#( T+*(+

/+#,*(+! )!* (/m% +m-%#,& P"(+/( K*(#(& P,!*!*!* ,!(" )!* #(-,!(&

E,*m(+& A*#,-/(& L(*%("#(+& S"(/(& A,#(((!/ I*#/(*& E*(*,(* )!*

M!#m!#(+!.

D!#!, P%"#!+!

##-"().(+(-)(!.,(+(I*#,!+"(m!*%"(!+m-%#,

##-"().(+(-)(!.,(+(A*#!,m%+!-*%*!

##-+!,$!"!./"-#..()201412()!*(/m%

$!*,-,!*)!/!m.#m/

16 Ida Bagus S%!,!! M!*%!! B(+"!

https://id.wikipedia.org/wiki/Interaksi_manusia-komputerhttps://id.wikipedia.org/wiki/Antarmuka_penggunahttp://karyasfa.blogspot.co.id/2014/12/bidang-ilmu-yangberperan-dalam.htmlhttp://karyasfa.blogspot.co.id/2014/12/bidang-ilmu-yangberperan-dalam.htmlhttps://id.wikipedia.org/wiki/Antarmuka_penggunahttp://karyasfa.blogspot.co.id/2014/12/bidang-ilmu-yangberperan-dalam.htmlhttp://karyasfa.blogspot.co.id/2014/12/bidang-ilmu-yangberperan-dalam.htmlhttps://id.wikipedia.org/wiki/Interaksi_manusia-komputer


17/17

##-"*!/!"#(!*"!./"-#..()201210-*,#(!*%",

(*#,!%",.#m/

17 Ida Bagus S%!,!! M!*%!! B(+"!
http://senalastiansah.blogspot.co.id/2012/10/pengertian-user-interface-user.htmlhttp://senalastiansah.blogspot.co.id/2012/10/pengertian-user-interface-user.htmlhttp://senalastiansah.blogspot.co.id/2012/10/pengertian-user-interface-user.htmlhttp://senalastiansah.blogspot.co.id/2012/10/pengertian-user-interface-user.html

Documents

Tgs 1 Imk Subargawa m.b 1504505037 A