DESAIN WEB UNTUK SISTEM INFORMASI ANGKUT
_____________________________________________________________________________________
!
# $
"
,
! * )
!
! ! .
*
!
*
)
! *
*
* 43
) ( 5 6!
!
!
6#
$. 3
7
(
) ! 82 .
!0
(
) )
1 ) 82 !
3
3 2-
%
& ! '
)
%
! .(
-
(
!
*
!
*
!
0
!
.%
(
!
! *
( ! *
)
!
(
)
8 !
2
*
7
!
7
*
(
(
*
!
* )
(
!
!!
6
0
# $
*
&
+
/ . .!
) (
*
) )
)
0 !
(
3
2
( !#
!
*
$
(
0
!
!
1
.
2
. 3
2
! 1 ( *
*
*. 4
!
) !
*
!
) !
!
) ! )
6!
)
! *
2
! *)
)
7
!
! 1 )
7!
.
7
!
9
!
"#$
%$
&&$
'($
)
*
+, ,
!
/
-
.
,
1
_____________________________________________________________________________________
!
:$ !
! !
)
! !
!
. 43
!
) 0
0
*
4 7
2
!
0
0
( !
1
!
! *
)*2
) *
) *
)
7
7
.> *
!
2
!
0
.
.
(
.
)
*
! 82
*!
*
(
*
!)
.
)
!
7
!
)
) )
*
!
7
)!
(
0 !
) )
1 )
.
0
2
!
! 1
* !
*
! 0
) *
2
* (
7
)
)
(
.
)
1
7
( *
7
(
0
0 !
7
!
*
!
)
0
!
!
(
)
7
(
) *
!
0 !
! *
*. 9!
)
!
1 )
!
! ?<
!
@ !
!*
(
7
) )
!
!
* ;( A .
!
(
) * )
(
!
7
)
# 7
$
7
1
)
(
* !
(
( .
)
4
!
(
!
=
)
) *
!
1
!
)
*
7
0
(
7. =
7
1 )!
! *
! *
)
)
)*
+6$. ;
1
(
0
! 1 ( *
6!
!
!)
!
) $(
*
. <
)
(
(
)
7
*
(
2
+
!
#+
! 1 ( *
)
!
0
- .5
# )
!
)
:#
( *
*
2
2
!
$. '
*0
*
(
!
. 5 01 #
0
43
1
+
)
) !
* )
(
01
( !
4
(
* 5.+
0
)
!
* )
! (
#
!
*
7
!
(
!
*
)* )
*
$
2
@ !
0 ! )
0
) *
. 4
!
#
2
(
$
7
0 !
) )
.
) *
1 )!
)
( (
! 8
!!
( .
(
*
2
!
(
!
) *
* @ !
.
2
_____________________________________________________________________________________
1
! *
) *
!
(
!
2 *
) *
* .
) * 7
! *
@ !
1
* )
!
2 *
.@ !
!
!
) *
*
2 ! !
!
*) *
2
) *
(
8
*
) )
(
(
. 3
(
7
2
C 1@
.
) *
8
1 )) 1
**
!
*
7
2
@ !
!
!
*
!
! * !
! 8
. =
=
*
=%;
!
!
)
!
!
!
!
= ) )
!
( (
!
!
(
)*2
)
) (
!
) *
1
(
)
; !
2
1
2 !
!)
!
!
( !
(
. % 0
0
1 . @ !
!
2
* !
! 8
)
* .
) * 1 )
)
)
B
)
=
!
)
=%; !
*
1 )
!
!
8
=
!
* D E.
=
2
2
( 4 @
A
H
T
M
L
@
; !
A
=
2
2
@
( 4
2*
A
=
2
2
@
( 4
2*
C 1
!
;( A
2*
G
@
' )
%
@ !
2
* !
0
1 )
*
$
& 1
; !
!
"#
C 1
4
!
@
1 ) 2
8
!
*
' "#
$
( !
!
;( A . ' )
1 )
8
!
8
8
1 )
*
8
!
(
9 2*
*
(
(
!
F
D E.
3
_____________________________________________________________________________________
;( A
) *
0
! )
2 (
!
7
<
F.
0
!
)
*
!
D E. * ;(9!
(
!
=
*% )
! ;( A
8
G
!
*
)
*
2*
!
) *
*
.
I
!
!
* ;(9!
!
;( A ) )
!
1 )(
!
H
* ;(9!
! *
)
0
7 2 1 ). =
* ;(9!
) * !
!
1
;( A
(!
! *
;( A
*
!
!)
8!
8
)
)
!
)
!
;( A
*
! ;( A .
"
2
(
!
!
*
!)
!
) )
$!
!) 1 *
!
)
!
!)
(
! ! 0
( !
(
!
1 )!
!
!
7
= #0
)
;( H
!
)
' )
7
B
7
!
9
!
%
)
.
)
!
?
)
!
!
!
!
!
.
* ( !
7
-=
)
9!
, @9G 9
G77
0
B1 2
B
=
!
1
!B
B +B)
0
* !
@ !
7
1
.
2 !
. !7. 4
6. G *
! 9
L
< 8
2
; *
B
!B
7. 111.2 !
8. 111.)
(
B B9
, .
2
)
!( *
2
(
.
)
(<
@
*
@
;
;
-BB7 .
@ !
. 2. !B
@ !
.
B1
. !7.
.2
.2
8
!
# $
"
,
! * )
!
! ! .
*
!
*
)
! *
*
* 43
) ( 5 6!
!
!
6#
$. 3
7
(
) ! 82 .
!0
(
) )
1 ) 82 !
3
3 2-
%
& ! '
)
%
! .(
-
(
!
*
!
*
!
0
!
.%
(
!
! *
( ! *
)
!
(
)
8 !
2
*
7
!
7
*
(
(
*
!
* )
(
!
!!
6
0
# $
*
&
+
/ . .!
) (
*
) )
)
0 !
(
3
2
( !#
!
*
$
(
0
!
!
1
.
2
. 3
2
! 1 ( *
*
*. 4
!
) !
*
!
) !
!
) ! )
6!
)
! *
2
! *)
)
7
!
! 1 )
7!
.
7
!
9
!
"#$
%$
&&$
'($
)
*
+, ,
!
/
-
.
,
1
_____________________________________________________________________________________
!
:$ !
! !
)
! !
!
. 43
!
) 0
0
*
4 7
2
!
0
0
( !
1
!
! *
)*2
) *
) *
)
7
7
.> *
!
2
!
0
.
.
(
.
)
*
! 82
*!
*
(
*
!)
.
)
!
7
!
)
) )
*
!
7
)!
(
0 !
) )
1 )
.
0
2
!
! 1
* !
*
! 0
) *
2
* (
7
)
)
(
.
)
1
7
( *
7
(
0
0 !
7
!
*
!
)
0
!
!
(
)
7
(
) *
!
0 !
! *
*. 9!
)
!
1 )
!
! ?<
!
@ !
!*
(
7
) )
!
!
* ;( A .
!
(
) * )
(
!
7
)
# 7
$
7
1
)
(
* !
(
( .
)
4
!
(
!
=
)
) *
!
1
!
)
*
7
0
(
7. =
7
1 )!
! *
! *
)
)
)*
+6$. ;
1
(
0
! 1 ( *
6!
!
!)
!
) $(
*
. <
)
(
(
)
7
*
(
2
+
!
#+
! 1 ( *
)
!
0
- .5
# )
!
)
:#
( *
*
2
2
!
$. '
*0
*
(
!
. 5 01 #
0
43
1
+
)
) !
* )
(
01
( !
4
(
* 5.+
0
)
!
* )
! (
#
!
*
7
!
(
!
*
)* )
*
$
2
@ !
0 ! )
0
) *
. 4
!
#
2
(
$
7
0 !
) )
.
) *
1 )!
)
( (
! 8
!!
( .
(
*
2
!
(
!
) *
* @ !
.
2
_____________________________________________________________________________________
1
! *
) *
!
(
!
2 *
) *
* .
) * 7
! *
@ !
1
* )
!
2 *
.@ !
!
!
) *
*
2 ! !
!
*) *
2
) *
(
8
*
) )
(
(
. 3
(
7
2
C 1@
.
) *
8
1 )) 1
**
!
*
7
2
@ !
!
!
*
!
! * !
! 8
. =
=
*
=%;
!
!
)
!
!
!
!
= ) )
!
( (
!
!
(
)*2
)
) (
!
) *
1
(
)
; !
2
1
2 !
!)
!
!
( !
(
. % 0
0
1 . @ !
!
2
* !
! 8
)
* .
) * 1 )
)
)
B
)
=
!
)
=%; !
*
1 )
!
!
8
=
!
* D E.
=
2
2
( 4 @
A
H
T
M
L
@
; !
A
=
2
2
@
( 4
2*
A
=
2
2
@
( 4
2*
C 1
!
;( A
2*
G
@
' )
%
@ !
2
* !
0
1 )
*
$
& 1
; !
!
"#
C 1
4
!
@
1 ) 2
8
!
*
' "#
$
( !
!
;( A . ' )
1 )
8
!
8
8
1 )
*
8
!
(
9 2*
*
(
(
!
F
D E.
3
_____________________________________________________________________________________
;( A
) *
0
! )
2 (
!
7
<
F.
0
!
)
*
!
D E. * ;(9!
(
!
=
*% )
! ;( A
8
G
!
*
)
*
2*
!
) *
*
.
I
!
!
* ;(9!
!
;( A ) )
!
1 )(
!
H
* ;(9!
! *
)
0
7 2 1 ). =
* ;(9!
) * !
!
1
;( A
(!
! *
;( A
*
!
!)
8!
8
)
)
!
)
!
;( A
*
! ;( A .
"
2
(
!
!
*
!)
!
) )
$!
!) 1 *
!
)
!
!)
(
! ! 0
( !
(
!
1 )!
!
!
7
= #0
)
;( H
!
)
' )
7
B
7
!
9
!
%
)
.
)
!
?
)
!
!
!
!
!
.
* ( !
7
-=
)
9!
, @9G 9
G77
0
B1 2
B
=
!
1
!B
B +B)
0
* !
@ !
7
1
.
2 !
. !7. 4
6. G *
! 9
L
< 8
2
; *
B
!B
7. 111.2 !
8. 111.)
(
B B9
, .
2
)
!( *
2
(
.
)
(<
@
*
@
;
;
-BB7 .
@ !
. 2. !B
@ !
.
B1
. !7.
.2
.2
8