1. Laporan ALI

7/25/2019 1. Laporan ALI

1/95

LAPORAN

PRAKTEK KERJA INDUSTRI

DI

PT NUTRIFOOD INDONESIA

JALAN SELAYAR 2 BLOK H 7-8 KAWASAN INDUSTRI MM 2100

CIBITUNG, BEKASI

APLIKASI DISPLAY INFORMASI DEPARTEMEN PRODUKSI

BERBASIS WEBSITE

Diaj!a" "#! $%$%"&i 'a(a& 'a# ')a*a# !%(('a" +a*i SMK N%%*i 1 Ci$a&i

Oleh :

NAMA ALI MUSTO.A

NO/ INDUK 121010081

TINGKAT I EMAT3

AKET KEAHLIAN TEKNIK IN.ORMASI DAN KOMUNIKASI

BIDANG KEAHLIAN REKAYASA ERANGKAT LUNAK

SEKOLAH MENENGAH KEJURUAN NEGERI 1 CIMAHI

KOTA CIMAHI

2016

ENGESAHAN DARI IHAK INDUSTRI


2/95

APLIKASI DISPLAY PRODUKSI BERBASIS WEBSITE

La45*a" i"i #%(a& +i'%#ji 5(%&

%$6i$6i",

E!5 A+i N*5&5

NIK/ 0002271207

M%"%#a&i,

RD Ma"a%*,

Ria( Ba&a*a

NIK/ 00000009

HRD Ma"a%*,

D%:i K*i'#ia"i

NIK/ 0002190;0 6(a" +i

T/ NUTRI.OOD INDONESIA #%*&i#" $(ai +a*i #a"a( 0 A'#' ? 1

D%'%$6%* 201>/

%"(i' +i#%$4a#!a" +i 6aia" D%4a*#%$%" PRD *5+@#i5" (a" D3.

D%4a*#%$%" i"i 6%*#a"" ja:a6 a#a' !%(a"'"a" 4*5'%' 4*5+!'i )a"

6%*%*a! +i 6i+a" 4*5+!'i $i"$a" "#! +i%# +a" !%'%&a#a"/

%"(i' #%(a& 6%*&a'i( $%")'" !a*)a #(i' '%6aai &a'i( +a*i !%ia#a"

*a!#%! K%*ja I"+'#*i +i T/ N#*i55+ I"+5"%'ia/ Ka*)a #(i' i"i 6%*6%"#!

(a45*a" )a" 6%*j+( ALIKASI DISLAY IN.ORMASI DEARTEMEN

RODUKSI BERBASIS WEBSITE/

Ba")a! 4i&a! )a" #%(a& $%$6a"# %"(i' +a(a$ 4%(a!'a"aa" *a!#%!

K%*ja I"+'#*i +a" 4%"(i'a" !a*)a #(i' i"i, 6a"#a" )a" 6%*'ia# $5*i( $a4"

$a#%*i( )a" #%(a& $%$6a"# +a(a$ !%ia#a" *a!#%! K%*ja I"+'#*i +a"

4%$6a#a" !a*)a #(i' i"i/ O(%& !a*%"a i# 4a+a !%'%$4a#a" i"i +%"a" '%a(a

&5*$a# 4%"(i' $%"@a4!a" #%*i$a !a'i& !%4a+a

1. O*a" #a +a" !%(a*a )a" #i+a! 4%*"a& 6%*&%"#i $%$6%*i!a" $5#ia'i,

'%$a"a#, '%*#a +!"a" 6ai! $5*i( $a4" $a#%*i(,

2. Ba4a! Ria( Ba&a*a, '%(a! manager RD +i T/ N#*i55+ I"+5"%'ia,3. Ba4a! E!5 A+i N*5&5, '%(a! %!'%!#i RD +i T/ N#*i55+ I"+5"%'ia

'%!a(i' 4%$6i$6i" +i T/ N#*i55+ I"+5"%'ia,

4. Ba4a! D*'/ H/ E*$i(, M/+/, '%(a! K%4a(a S%!5(a& M%"%"a&

K%j*a" N%%*i 1 Ci$a&i,

5. Ba4a! A' N*5&5, S/+, MT '%(a! K%#a *5*a$ K%a&(ia"

R%!a)a'a %*a"!a# L"a!,

6. Ba4a! C&a"+*a Ha*+ia:a" '%(a! Wa(i K%(a' 9 RL,

7. Ba4a! Y(i a$"!a', S '%(a! 4%$6i$6i" +i '%!5(a&,


5/95

%"(i' $%")a+a*i 6a&:a +a(a$ 4%")'"a" !a*)a #(i' i"i $a'i& 6a")a!

!%'a(a&a" +a" !%!*a"a" )a" +i'%6a6!a" 5(%& !%#%*6a#a'a" !%$a$4a" )a"

%"(i' $i(i!i +a" !%#%*6a#a'a" 6a&a" )a" +i4%*5(%&/ O(%& !a*%"a i# %"(i'

$%"&a*a4!a" !*i#i! +a" 'a*a" )a" 6%*'ia# $%$6a"" '%6aai 6a&a" $a'!a"

6ai %"(i' +i$a'a )a" a!a" +a#a"/

Di&a*a4!a" La45*a" *a!#i! K%*ja I"+'#*i i"i +a4a# 6%*$a"aa# 6ai 4a*a

4%$6a@a +a" $a$4 $%$4%*(a' 4%"%#a&a" )a" $a"a a!a" 6%*"a +i $a'a

+%4a"/

Ci$a&i, Ja"a*i 201;

%"(i'

DAFTAR ISI

KATA ENGANTAR////////////////////////////////////////////////////////////////////////////////////////////////i

DA.TAR ISI///////////////////////////////////////////////////////////////////////////////////////////////////////////iii

DA.TAR GAMBAR///////////////////////////////////////////////////////////////////////////////////////////////

DA.TAR TABEL/////////////////////////////////////////////////////////////////////////////////////////////////iii

BAB I ENDAHULUAN////////////////////////////////////////////////////////////////////////////////////////


6/95

1/1/ La#a* B%(a!a" Ma'a(a&////////////////////////////////////////////////////////////////////////////

2// S%*#ii!a'i///////////////////////////////////////////////////////////////////////////////////////////////////;

2/9/ i'i +a" Mi'i %*'a&aa"//////////////////////////////////////////////////////////////////////////;

2/>/ B+a)a %*'a&aa"////////////////////////////////////////////////////////////////////////////////////;

2/;/ L55 %*'a&aa"///////////////////////////////////////////////////////////////////////////////////////

/>/ DatabaseBa'i' Da#a3/////////////////////////////////////////////////////////////////////////////2;

/>/1/ Ma"aa# %""aa" Da#a6a'%////////////////////////////////////////////////////////27

/>/2/ Ba&a'a Ba'i' Da#a////////////////////////////////////////////////////////////////////////////28


7/95

/>// E"#i#) R%(a#i5"'&i4 Dia*a$ ERD3////////////////////////////////////////////////28

/>/9/ Da#a .(5: Dia*a$ D.D3//////////////////////////////////////////////////////////////1

/>/>/ Da#a6a'% S%*%*////////////////////////////////////////////////////////////////////////////////2

3.6. Web #er(er///////////////////////////////////////////////////////////////////////////////////////////////

/;/1/ ."'i W%6 S%*%*///////////////////////////////////////////////////////////////////////////9

/;/2/ C5"#5& W%6 S%*%*//////////////////////////////////////////////////////////////////////////9

BAB I EMBAHASAN//////////////////////////////////////////////////////////////////////////////////////;

9/1/ A"a(i'a Si'#%$/////////////////////////////////////////////////////////////////////////////////////////;

9/2/ A"a(i'a K%6#&a" Si'#%$//////////////////////////////////////////////////////////////////////;

9// A"a(i'a K%6#&a" Da#a//////////////////////////////////////////////////////////////////////////7

9/9/ %*a"@a"a" *5'%+* a#a A(*///////////////////////////////////////////////////////////////1/ Data )$'* DiagramD.D3/////////////////////////////////////////////////////////////9

9/;/ %*a"@a"a" Ba'i' Da#a//////////////////////////////////////////////////////////////////////////97

9/;/1/ +ntity Re$ati'ns%ip DiagramERD3////////////////////////////////////////////////97

9/;/2/ D%'!*i4'i Ta6%(/////////////////////////////////////////////////////////////////////////////////98

9/7/ %*a"@a"a",nter-a!e a#a Ta$4i(a"/////////////////////////////////////////////////////>2

9/7/1/ Lay'utHa(a$a")r'nt +n"//////////////////////////////////////////////////////////////>2

9/7/2/ Lay'utHa(a$a"a!k+n"///////////////////////////////////////////////////////////////>9

9/8/ #itemap////////////////////////////////////////////////////////////////////////////////////////////////////>9

9//2/1/ Sa*a" U"#! i&a! I"+'#*i//////////////////////////////////////////////////////////////78

>/2/2/ Sa*a" U"#! i&a! S%!5(a&//////////////////////////////////////////////////////////////7


8/95

DA.TAR USTAKA/////////////////////////////////////////////////////////////////////////////////////////////81

LAMIRAN///////////////////////////////////////////////////////////////////////////////////////////////////////////82

DAFTAR GAMBAR

Ga$6a* 2/1 La$6a" I-CARE////////////////////////////////////////////////////////////////////////////////7

Ga$6a* 2/2 L55 T/ N#*i55+ I"+5"%'ia////////////////////////////////////////////////////////////10

Ga$6a* /1 S#*!#* CSS///////////////////////////////////////////////////////////////////////////////////////22

Ga$6a* /2 N5#a'i ERD E"#i#a'////////////////////////////////////////////////////////////////////////////2

Ga$6a* 9/1; D.D $e(e$ 2 Ta$6a& .5#5 A4(i!a'iDisp$ay I"5*$a'i *5+!'i/////9;

Ga$6a* 9/17 D.D $e(e$ 2 Ta$6a& i+%5 A4(i!a'iDisp$ay I"5*$a'i *5+!'i/ /9;

Ga$6a* 9/18 D.D $e(e$ 2 Ta$6a&+(entA4(i!a'iDisp$ay I"5*$a'i *5+!'i///97

Ga$6a* 9/1< ERD A4(i!a'iDisp$ay I"5*$a'i *5+!'i//////////////////////////////////////98

Ga$6a* 9/20Lay'utHa(a$a" $'gina"ministrat'r///////////////////////////////////////////////>2

Ga$6a* 9/21Lay'utHa(a$a"6%*a"+a 4%""a/////////////////////////////////////////////////>Ga$6a* 9/22Lay'utHa(a$a"JM, i"5*$a'i, *ai!//////////////////////////////////////////>

Ga$6a* 9/2Lay'utHa(a$a"6%*a"+a a"ministrat'r///////////////////////////////////////////>9

Ga$6a* 9/29 #itemap Ha(a$a" %""a/////////////////////////////////////////////////////////////>>

Ga$6a* 9/2> Si#%$a4 Ha(a$a" A+$i"i'#*a#5*//////////////////////////////////////////////////////>>

Ga$6a* 9/2; %$6a#a" Ba'i' Da#a//////////////////////////////////////////////////////////////////////>7

Ga$6a* 9/27 %$6a#a" Ta6%(//////////////////////////////////////////////////////////////////////////////>7

Ga$6a* 9/28 %$6a#a" I'i Ta6%( K5(5$3//////////////////////////////////////////////////////////>8


10/95

Ga$6a* 9/2< S!*i4 K5"%!'i///////////////////////////////////////////////////////////////////////////////////>8

Ga$6a* 9/0 S!*i4 %$a"i(a" CSS///////////////////////////////////////////////////////////////////>8

Ga$6a* 9/1 S!*i4 %$a"i(a"P$ugin Jaa'@*i4#///////////////////////////////////////////////>8

Ga$6a* 9/2 Ha(a$a" B%*a"+a %""a 1/////////////////////////////////////////////////////////> Ha(a$a",mp'rtI"'#*!'i K%*ja///////////////////////////////////////////////////////;8

Ga$6a* 9/9; Ha(a$a" Ta$6a& B%*i#a B%*ja(a"////////////////////////////////////////////////////;8

Ga$6a* 9/97 Ha(a$a" Ta$6a& I"5//////////////////////////////////////////////////////////////////////;1 Ha(a$a" Ta$6a& Ka*)a:a"////////////////////////////////////////////////////////////72

Ga$6a* 9/>2 Ha(a$a" Li&a# Ka*)a:a"////////////////////////////////////////////////////////////////72

Ga$6a* 9/> Ha(a$a" Ga"#ia!kgr'un"/////////////////////////////////////////////////////////////7Ga$6a* 9/>9 Ha(a$a" Ga"#i I/////////////////////////////////////////////////////////////////////////////79


11/95

DAFTAR TABEL

Ta6%( /1 N5#a'i D.D M%"*# a*a A&(i//////////////////////////////////////////////////////////////1

Ta6%( 9/1 A"a(i'a K%6#&a" Si'#%$/////////////////////////////////////////////////////////////////////;

Ta6%( 9/2 A"a(i'a K%6#&a" Da#a/////////////////////////////////////////////////////////////////////////7

Ta6%( 9/ S#*!#* Ta6%( Baia"/////////////////////////////////////////////////////////////////////////////98

Ta6%( 9/9 S#*!#* Ta6%(+(ent///////////////////////////////////////////////////////////////////////////////9 S#*!#* Ta6%( .5#5/////////////////////////////////////////////////////////////////////////////////9


12/95

Ta6%( 9/; S#*!#* Ta6%( j4$//////////////////////////////////////////////////////////////////////////////////90

Ta6%( 9/10 S#*!#* Ta6%( $%'i"+%#ai(//////////////////////////////////////////////////////////////////>0

Ta6%( 9/11 S#*!#* Ta6%( '&i#///////////////////////////////////////////////////////////////////////////////>1

Ta6%( 9/12 S#*!#* Ta6%( #%!'6%*ja(a"/////////////////////////////////////////////////////////////////>1

Ta6%( 9/1 S#*!#* Ta6%( #a'//////////////////////////////////////////////////////////////////////////////>1

Ta6%( 9/19 S#*!#* Ta6%( i+%5////////////////////////////////////////////////////////////////////////////>1

BAB I

PENDAHULUAN


13/95

11 L!"!# Bel!$!%& M!'!l!h

D%:a'a i"i %*a (56a(i'a'i )a" '%$a!i" #%*a'a 4%"a*&")a $%"ja+i!a"

$a"'ia 'a"a# 6%*a"#" 4a+a #%!"5(5i/ %*!%$6a"a" #%!"5(5i 'aa# i"i #%*'

6%*!%$6a" +a*i &a*i !% &a*i 6ai! i"5*$a'i #(i'a", 'a*a $a4" a$6a*/

%*!%$6a"a" #%!"5(5i i"i $%"ja+i!a" $a')a*a!a# +%"a" $+a&")a $%$i(i!i

a!'%' #%*&a+a4 '$6%* i"5*$a'i +i$a"a4" +a" !a4a"4"/ A!i6a#")a '%$a!i"

6a")a! 4%*'a&aa" 4%")%+ia i"5*$a'i 6%*(5$6a-(5$6a "#! $%")aji!a"

i"5*$a'i #%*!i"i )a" +i6#&!a" $a')a*a!a#/

D%"a" 4%'a#")a 4%*!%$6a"a" #%!"5(5i, $a!a #i+a!(a& &%*a" ji!a

+i6%*6aai 4%*'a&aa" 6a")a! )a" $%""a!a" !5$4#%* '%6aai a(a# "#!

$%$6a"# 4%!%*jaa"/T/ N#*i55+ I"+5"%'ia a+a(a& #%$4a# +i$a"a 4%"(i' $%(a!!a" *a!#i!

K%*ja I"+'#*i/ Di T/ N#*i55+ I"+5"%'ia &a$4i* '%$a i"5*$a'i +%4a*#%$%" +i

@%#a! $%""a!a" !%*#a'/ %""aa" !%*#a' )a" 6%*(%6i&a" 'a"a# #i+a!

*a$a& (i"!"a"/ U"#! i# 4%*( a+a")a a4(i!a'i )a" +a4a# $%"*a"i

4%""aa" !%*#a'/

B%*+a'a*!a" (a#a* 6%(a!a" $a'a(a& +i a#a', $a!a 4%"(i' $%"a$6i(

j+( ALIKASI DISLAY IN.ORMASI DEARTEMEN RODUKSI

BERBASIS WEBSITE "a $%$6a"# $%"*a"i 4%""aa" !%*#a' )a"

6%*(%6i&a" aa* *a$a& (i"!"a"/

12 T()(!%

Tja" 4%"(i' $%"a$6i( j+( ALIKASI DISLAY IN.ORMASI

DEARTEMEN RODUKSI BERBASIS WEBSITE a+a(a&

1/ M%$4%*$+a& 4%""a "#! $%")a$4ai!a" i"5*$a'i/

2/ M%$4%*$+a& 4%""a +a(a$ 4%$6a#a" ja+:a( !%*ja $i"a",

4%$6a#a" a(%*i 5#5 a#a4" i+%5, 4%$6a#a" e(ent +a" (ai"

'%6aai")a/

/ M%$i"i$a(i'i* 4%""aa" !%*#a' aa* (%6i& *a$a& (i"!"a"/

1* Pe+,!"!'!% M!'!l!h

Aa* 4%"(i'a" La45*a" *a!#i! K%*ja I"+'#*i i"i #i+a! #%*(a( (a' +a"

+a4a# (%6i& #%*a*a&, $a!a 4%$6a&a'a" (a45*a" i"i +i6a#a'i '%'ai +%"a" j+(

(a45*a" )a" +iaj!a"/


14/95

%"(i' $%$6a# (a45*a" 4*a!#i! !%*ja i"+'#*i +%"a" j+( APLIKASI

DISPLAY INFORMASI DEPARTEMEN PRODUKSI BERBASIS

WEBSITE- '%&i"a 4%$6a#a'a" $a'a(a& +a(a$ 4%")'"a" (a45*a" i"i a+a(a&

'%6aai 6%*i!#

1/ Lay'ut +a" 'i'#%$ a4(i!a'i #i+a! $%""a!a"-rame*'rk.

2/ U"#! $%(a!!a" 4%"a$6a&a" !5"#%" *ebsite&a")a +i(a!!a" 5(%&

a+$i"i'#*a#5*/

1. S/'"e+!"/$! Pe+,!h!'!%

S%@a*a a*i' 6%'a* $a#%*i La45*a" *a!#i! K%*ja I"+'#*i i"i #%*6ai +a(a$

6%6%*a4a 6a6 )a" #%*''" '%6aai 6%*i!#

BAB 1 PENDAHULUAN

Ba6 i"i $%$6a&a' #%"#a" (a#a* 6%(a!a" a4(i!a'i, #ja" 4%$6a#a"

a4(i!a'i, 4%$6a#a'a" $a'a(a& +a" 'i'#%$a#i!a 4%$6a&a'a"/

BAB 2 TINJAUAN PERUSAHAAN

Ba6 i"i $%$6a&a' #%"#a" 4*5i( 4%*'a&aa", '%ja*a& 4%*'a&aa", (5!a'i

4%*'a&aa", '%*#ii!a'i, i'i +a" $i'i 4%*'a&aa", 6+a)a 4%*'a&aa",

$a!"a +a*i (55 4%*'a&aa", 4%$6%*+a)aa" $a')a*a!a#, +a" 4%"%"a(a"

4*5+! 4%*'a&aa"/

BAB * LANDASAN TEORI

Ba6 i"i $%$6a&a' #%"#a" #%5*i 4%"+!" )a" $%"ja+i (a"+a'a" +a(a$

4%$6a#a" a4(i!a'i/

BAB . ANALISA DAN PERANCANGAN

Ba6 i"i $%$6a&a' #%"#a" *aia" 4%$6a&a'a" a4(i!a'i, +a*i $(ai a"a(i'a

'i'#%$ 6%*ja(a", a"a(i'a !%6#&a" 'i'#%$, a"a(i'a !%6#&a" +a#a,

4%*a"@a"a" 4*5'%+* a#a a(*, +a" 4%*a"@a"a" inter-a!e/

BAB IMPLEMENTASI DAN PENGUJIAN

Ba6 i"i $%"j%(a'!a" 6%"#! i$4(%$%"#a'i a4(i!a'i $(ai +a*i 4%*'ia4a"

#%!"i' )ai# @a*a $%"a$4i(!a" a4(i!a'i, 4%$6a#a" !5+% 4*5*a$ +a"

'i$(a'i inter-a!ea4(i!a'i +%"a"s!reens%'t#a$4i(a" "#! '%#ia4 "'i,

+a" $%(a!!a" 4%"jia" a4(i!a'i/

BAB 6 KESIMPULAN


15/95

Ba6 i"i $%$6a&a' #%"#a" !%'i$4(a" +a" 'a*a" "a $%$4%*6ai!i

!%!*a"a" )a" #%*+a4a# 4a+a a4(i!a'i Disp$ay I"5*$a'i D%4a*#%$%"

*5+!'i #%*'%6#/


16/95


17/95

N#*i55+ I"+5"%'ia a+a(a& 4%*'a&aa" )a" '%@a*a i"5a#i $%"i"'4i*a'i

+a" $%$6a"# '%#ia4 i"+ii+ "#! $%"@a4ai !%'%i$6a"a" &i+4 +%"a"

$%"ja(a"!a" 45(a &i+4 '%&a# )a" $%")%"a"!a" +a" $%$4%*&a#i!a" a'4a"

"#*i'i '%&i"a +a4a# $%"i!$a#i &i+4 '%&a# (%6i& (a$a/

O(%& !a*%"a i#, 4*5+! )a" +i&a'i(!a" a+a(a& 4*5+!-4*5+! "#!

!%'%&a#a"/ Da $a@a$ 4*5+! )a" +i&a'i(!a" 5(%& T N#*i55+ I"+5"%'ia,

)ai#

1. *5+!Diet

*5+! Diet i"i "#! !5"'$%" )a" $%"+%*i#a 4%")a!i# Dia6%#%'

$%((i#' F !%"@i" $a"i'/ S%(ai" i#, 4%""a 4*5+! i"i ja "#!

!5"'$%" )a" i"i" $%"jaa !%*a$4i"a" #6& +a(a$ $%"a#a'i

!%%$!a"/ K5"'$%" +a4a# $%"i!$a#i $a!a"a" +a" $i"$a" )a"

%"a! +a" '%a* #a"4a #a$6a&a" 4%$a"i' )a" 6%*(%6i&a" "a$" #%#a4

+a4a# $%"jaa a'4a" "#*i'i "#! !%'%&a#a" #6&/

2. *5+!'n Diet

T/ N#*i55+ I"+5"%'ia #%*' 6%*'a&a" "#! $%$aj!a" +a"

$%"%$6a"!a" 4*5+!-4*5+!")a '%'ai +%"a" #"##a" a$a" +a"

4%*$i"#aa" 4a'a*/

22 L$!'/ PT N("#/3 I%3%e'/!

T N#*i55+ I"+5"%'ia $%"%$4a#i (5!a'i )a" $%$i(i!i "'i )a"

6%*6%+a, )ai#

1/ Ja(a" Ra:a6a(i II N5/ , Ka:a'a" I"+'#*i (5a+", Ja!a*#a Ti$*/

L5!a'i i"i $%*4a!a" !a"#5* 4'a# T/ N#*i55+ I"+5"%'ia/

2/ Ja(a" Ra)a Cia:i N5/ 280A, Cia:i, B55*/ L5!a'i i"i $%*4a!a" 4a6*i!

+a" +a" (5i'#i@ 4%*#a$a +a*i T/ N#*i55+ I"+5"%'ia/

/ Ja(a" S%(a)a* II B(5! H 7-8, Ka:a'a" I"+'#*i MM2100 Ci6i#", B%!a'i/

L5!a'i i"i $%*4a!a" 4a6*i! +a" +a" (5i'#i@ !%+a +a*i T/ N#*i55+

I"+5"%'ia/

>


18/95

2* Se#"//$!'/

1 200>

200< N#*i55+ "5" Ma"a!#* $%"+a4a#!a" '%*#ii!a# ISO


19/95

Ga$6a* 2/1 La$6a" I-CARE

B+a)a i"i $%*4a!a" 'a# a!*5"i$ +a*i 6%6%*a4a !a#a +a(a$ Ba&a'a

I"*i', )ai#

1. ,ntegrity

,ntegrity)ai# "i(ai $5*a( )a" #i"i a+a(a& +a'a* +a*i !%4%*@a)aa" +a(a$

&6"a" 'a# 'a$a (ai"/ S%$a 5*a" i"i" 6%*&6"a" +%"a" 5*a"

)a" $%$i(i!i "i(ai - "i(ai %#i!a +a" +a4a# +i4%*@a)a/ C5"#5&")a 6%*'i!a4

jj* +a" 6%*#a"" ja:a6 a#a' 4%!%*jaa" +a" &a'i( !%*ja/

2. '$$ab'rati'n

'$$ab'rati'na#a !%*ja 6%*'a$a "#! $%"@a4ai #ja" 6%*'a$a a+a(a&

4*i"'i4 !i#a +a(a$ 6%!%*ja +i 'a# 5*a"i'a'i, +i&a*a4!a" $a'i"-$a'i"

a"5#a 5*a"i'a'i +a4a# 'a(i" $%$6a"# +a" $%"@i4#a!a" (i"!"a"

!%*ja )a" $%")%"a"!a"/ C5"#5&")a 6%*!5"#*i6'i a!#i #%*&a+a4

!%$aja" #i$, $a $%$6a"# a"5#a !%(5$45! )a" $%$6#&!a"/

3. ,nn'(ati'n

,nn'(ati'n a#a $%"@i4#a!a" i+%-i+% 6a* a+a(a& !"@i !%$%"a"a"

4%*'ai"a" +i $a'a $%"+a#a", 6i'a 6%*4a #%*565'a" breakt%r'ug% a#a

7


20/95

4%*6ai!a" #%*' $%"%*' !'ntinu'us impr'(ement (i"!"a" )a"

!5"+'i 6ai #i$ "#! 6%!%*ja 'a$a $%"@a4ai i'i/ D%"a" #%*'

6%*i"5a'i, !i#a ja 6i'a $%$6a"!i#!a" !%6a"aa" a!a" 5*a"i'a'i

)a" #%*' $%"%*' 6%*a+a #%*+%4a" +a(a$ 6i+a"")a/ C5"#5&")a #%*6!a

#%*&a+a4 4%*6a&a" 6a* +a(a$ 6%!%*ja, $a $%$6%*i!a" i+% 6a* "#!

4%*6ai!a" +%4a*#%$%"/

4. Respe!t

Respe!ta#a $%"&a*ai 5*a" (ai" a+a(a& +a'a* )a" 4a(i" $%"+a(a$

+a*i !5$"i!a'i )a" a"#a*a $a"'ia/ S%$a 5*a" i"i" +i&a*ai +a"

$%"+a4a# 4%*(a!a" 6ai!/ C5"#5&")a $%"&a*ai 4%*6%+aa" +a" $a

$%"+%"a*!a" 4%"+a4a# 5*a" (ai"/

5. +x!e$$en!e

#tri(ing-'r +xe$$en!e a#a !%$aa" "#! #%*' $%"%*' $%"@a4ai &a'i(

)a" (%6i& 6ai! $%*4a!a" +a'a* +a*i 4*5%'i5"a(i'$% +a(a$ 6%!%*ja,

+i&a*a4!a" '%#ia4 5*a" "#! 6a"a a#a' 4%!%*jaa" )a" +i(a!!a"

!a*%"a &a'i(")a 'a"a# 6ai!, +a4a# $%(%6i&i &a*a4a" !5"'$%", *%!a"!%*ja, +a" a#a'a"")a/ C5"#5&")a '%(a( 6%*'a&a "#! $%"@a4ai &a'i(

!%*ja )a" (%6i& 6ai!/

S%(ai" 6+a)a,R+, T N#*i55+ I"+5"%'ia ja $%"%*a4!a" 6+a)a

>R/ B+a)a >R +i#%*a4!a" +i T N#*i55+ I"+5"%'ia +%"a" #ja" "#!

$%"i"!a#!a" %i'i%"'i, 4*5+!#ii#a', !a(i#a', +a" !%'%(a$a#a" !%*ja !a*)a:a"/

>R i# #%*+i*i +a*i

1/ Ri"!a'

Ri"!a' $%*4a!a" (a"!a& a:a( )a" 'a"a# '#*a#%i', +%"a" 4%"%*#ia"

'%#ia4 i"+ii+ $(ai $%")i"!i*!a" 6%"+a - 6%"+a )a" #i+a! +i4%*(!a"

+a*i #%$4a# !%*ja !a*%"a 6%"+a - 6%"+a #%*'%6# $%")%6a6!a" 6%6a" 6ai

#%$4a# !%*ja, $%")i#a *a" !%*ja )a" #%*'%+ia, +a" *a" !%*ja '%$a!i"

'%$4i# '%&i"a +a4a# $%"a" 4*5'%' 4*5+!'i/

8


21/95

2/ Ra4i

K%*a4ia" #%$4a# !%*ja +a4a# +i@a4ai +%"a" $%"%$4a#!a" 6a*a" +i

#%$4a# )a" $+a& +i(i&a#, +ia$6i(, +a" +i!%$6a(i!a" '%&i"a '%#ia4i"+ii+ #i+a! a!a" !%'(i#a" "#! $%"%$!a" 6a*a" #%*'%6#/

/ R%'i!

S%#ia4 i"+ii+ +i&a*a4!a" +a4a# $%"jaa 6%"+a-6%"+a )a" a+a +i #%$4a#

!%*ja +a(a$ !%a+aa" 6%*'i& "#! !%$+a&a" $%$a"#a a#a

$%"a"(a"i '%a(a 45#%"'i a"a" '%+i"i +a" '%@%4a# $"!i"/

9/ Ra:a#

T%$4a# !%*ja $a'i"-$a'i" i"+ii+ '%6ai!")a #%*a:a# +%"a" 6ai!

'%&i"a $%$6%*i !%$+a&a" +a(a$ $%"%$4a#!a" !%j%(a'a" i"5*$a'i,

!a(i#a' &a'i( !%*ja, +a" !%'%(a$a#a" !%*ja/

>/ Raji"

%"%*#ia" *aji" )a!"i '%#ia4 i"+ii+ '%(a( $%(a!!a" (a"!a&-(a"!a&

)a" +i4%*(!a" "#! $%$%(i&a*a +a" $%"i"!a#!a" a4a )a" #%(a&

+i(a!!a"/

K%6%*&a'i(a" +a(a$ $%(a!'a"a!a" 6+a)a >R +a4a# +i*ai& +%"a"

$%"%a!a" +i'i4(i" +a*i $a'i"-$a'i" i"+ii+ !a*%"a 4%(a!'a"aa" >R 6%*a:a(

+a*i +i*i 4*i6a+i +a" 6+a)a #%*'%6# 4%*( +i(a!!a" '%#ia4 &a*i &i"a 4a+a

a!&i*")a '%#ia4 i"+ii+ )a" $%(a!'a"a!a" 6+a)a #%*'%6# a!a" $%"+a4a#!a"

$a"aa#")a/

26 L& Pe#('!h!!%

S%#ia4 4%*'a&aa" #%"#")a $%$i(i!i (55 !&a' )a" $%$i(i!i @i*i +a"

$a!"a #%*'%"+i*i/ L55 T N#*i55+ I"+5"%'ia +i#"j!a" 5(%& a$6a* 2/1 )a"

$%$i(i!i @i*i +a" $a!"a #%*'%"+i*i +i6a(i! !%i"+a&a" 6%"#! +a" :a*"a")a/ L55

N#*i55+ +a4a# +i(i&a# +i a$6a* 2/2/


22/95

Ga$6a* 2/2 L55 T/ N#*i55+ I"+5"%'ia

Ma!"a +a*i L55 T/ N#*i55+ I"+5"%'ia

1/ Hija S%&a#, #$6&, !%&i+4a"

2/ Da !%@a$6a& S$6%* i"'4i*a'i, !%&i+4a", 4%*$(aa" &i+4

/ N I"i'ia( T/ N#*i55+ I"+5"%'ia9/ 5'i'i K%@a$6a& Sa(i" 6%*'i"%*i, $%(a$6a"!a" !%'%i$6a"a"

>/ Li"!a*a" Di"a$i', 6%*!%'i"a$6"a"

;/ T5#a(i#a' M5+%*", i"5a#i, (56a(

2 Pe+,e#3!5!!% M!'5!#!$!"

N#*i55+ 6%*'a$a !%%"a$ bran" !%"(a"")a $%$i(i!i !5$i#$%"

"#! $%$6%*i!a" !5"#*i6'i 45'i#i !%4a+a $a')a*a!a# +a" (i"!"a"/ D%"a"

$i'i ,nspiring a utriti'us Li-e N#*i55+ a!#i 6%*4a*#i'i4a'i +a"

$%")%(%"a*a!a" 6%*6aai !%ia#a" )a" '%@a*a 6%*!%'i"a$6"a"

+i(a!'a"a!a" "#! $%$6a"# $a')a*a!a# +a(a$ $%"i"!a#!a" !a(i#a'

!%&i+4a" $%(a(i 45(a &i+4 +a" "#*i'i )a" #%4a# +a" '%&a#/ Di6a:a& i"i

6%6%*a4a 6%"#! !%ia#a"")a

1/ Bi+a" K%'%&a#a"

N#*i55+ a!#i 6%*4a*#i'i4a'i +a" $%")%(%"a*a!a" 6%*6aai !%ia#a"

"#! $%$6a"# $a')a*a!a# +a(a$ $%"i"!a#!a" !a(i#a' &i+4 $%(a(i

45(a &i+4 '%&a# +a" "#*i'i '%i$6a"/ B%6%*a4a 4*5*a$ )a" +i(a!!a"

N#*i55+ +i 6i+a" !%'%&a#a" a"#a*a (ai" Hea$t% gent *ar",

%"i"!a#a" .a'i(i#a' K%'%&a#a" +a" a$%*a" Gii S%i$6a"/

Hea$t% gent *ar" a+a(a& 'a(a& 'a# 4*5*a$ !'rp'rate s'!ia$

resp'nsibi$ity N#*i55+ 6%*'a$a '%$a bran"")a )a" 6%*#ja" "#!

10


23/95

$%"%+!a'i +a" $%$5#ia'i $a')a*a!a# "#! $%"%*a4!a" a)a &i+4

'%&a# 6%*"#*i'i/ *5*a$ i"i #%*+i*i +a*i 2 !%ia#a" )ai#

a/ Ka#%5*i Si':a +a" G* S%&a# K%ia#a" %+!a'i 6ai 'i':aFi +a"* SD +i 6%6%*a4a #i#i! %+!a'i )a" 4%(a!'a"aa"")a +i6a"# 5(%&

'a# *5$5'i K%'%&a#a", K%$%"#%*ia" K%'%&a#a" R%46(i! I"+5"%'ia/

6/ Ka#%5*i %+aa" S%&a# K%ia#a" %+!a'i $%"%"ai jaja"a" '%&a#

6ai 4a*a 4%+aa" +i #i"!a# SD )a" 4%(a!'a"aa"")a ja +i6a"#

5(%& Di*%!#5*a# #ur(e$ien!e Ba+a" %"a:a' O6a# +a" Ma!a"a"

BOM3/

S%(ai" i#, +a(a$ $%"+!" 4%"i"!a#a" !a(i#a' !%'%&a#a" +i +a%*a&'%!i#a* 4a6*i!, N#*i55+ EMBANGUNAN '!%'$a' %$6a"# +i +a%*a&

Ha*ja'a*i '%*#a 5')a"+/ K%ia#a" i"i ja +ii!#i +%"a" 4%$6i"aa" 4a*a

4%#a' 5')a"+ '%*#a 6%*6aai !%ia#a" (ai"")a '%4a"ja" #a&"/

2/ Bi+a" %"+i+i!a"

%"+i+i!a" a$a# $%$4%"a*&i !%'a+a*a" a!a" !%'%&a#a"/ O(%& !a*%"a

i#, N#*i55+ ja $%$i(i!i 6%6%*a4a 4*5*a$ +i 6i+a" 4%"+i+i!a"/

1/ utri-''" Lea"ers%ip *ar"

2/ %$6a""a" !%$6a(i SD K%+"*i"

/ %$6a""a" (%$6a(i SMN 2 Ba"ja*'a*i a"a(%"a"

9/ K%*ja'a$a +%"a" I"+5"%'ia M%"aja*

/ Bi+a" Li"!"a"

Hi+4 '%&a# #i+a! #%*(%4a' +a*i (i"!"a" )a" '%&a#/ O(%& !a*%"a i#,

N#*i55+ $%$i(i!i 6%6%*a4a 4*5*a$ "#! $%"i"!a#!a" !%'a+a*a" $a')a*a!a#

#%*&a+a4 a)a &i+4 &ija '%4%*#i 4%$6a#a" '$* *%'a4a" +i $a')a*a!a# !5#a

B55*, '%*#aursery, 4%$6aia" 6i6i# 6a& "( +a" 4%$6i"aa" *#i" !%4a+a

4%#a"i/

27 Pe%&e%!l!% P#3($

B%6%*a4a 4*5+! )a" a+a +i T/ N#*i55+ I"+5"%'ia, )ai#

1. %$a"i'

11


24/95

%$a"i' $%*4a!a" '%*a"!aia" 4*5+! '%&a# +a" 6%*@i#a *a'a #i"i )a"

$%"i"'4i*a'i !5"'$%" "#! &i+4 '%&a# (%6i& (a$a/ D%"a" !a"+"a"

)a" $%$4*i5*i#a'!a" !%'%&a#a" +a" $%$6%*i!a" $a"aa#-$a"aa#

!%'%&a#a" '%4%*#i 6%6a' (a +a" *%"+a& !a(5*i/

a. *5+! B%6a' G(a

1/ G(a R%"+a& Ka(5*i

2. 8er' a$'ries

/ G(a Ja:a R%"+a& Ka(5*i

9/ Ma+ R%"+a& Ka(5*i

5. a-9 Latte

;/ Si*4

7. :am

b. S''n )at

1/ .i(5'#%*5(

2/ O$%a-.i6%*

/ S5) Gi"%*

!. %(%"!a4 Ma'a!a"

1. 'rn /i$

2/ K%@a4 Ma"i'

/ K%@a4 A'i"

9/ G(a T%6 R%"+a& Ka(5*i

". Hea$t%y Mea$

1. S'Hea$t%y Mea$

2. Hea$t%y Mea$ ''kies

3. Hea$t%y Mea$ a*ia'i ;'$"

2. *5+! S''n )at

S' 66! "5"-at$%*4a!a" 'a(a& 'a# 4*5+! '' a(a$i )a" *%"+a&

(%$a! +a" #i"i 4*5#%i"/ T%*'%+ia +a(a$ 6%*6aai $%*%! '%'ai +%"a"

range !5"'$%" )a" +i&a*a4!a"/Range !5"'$%" 6ia'a")a #%*6ai a#a'

$* !5"'$%"/ B%6%*a4a @5"#5& +a*i 4*5+! '' 66! +%"a"

6%*6aai *a'a

a/ S' B6! "#! Ma"(a

S' 66! "#! Ma"(a $%*4a!a" '' $i"%*a( a(a$i

+%"a" G(@5'a$i"% +a" C&5"+*5i#i" "#! 'ia >0 #a&" !%

a#a', '%&i"a #i+a! &a")a 6ai! "#! #(a" "a$" ja

'%"+i/

12


25/95

6/ S' B6! "#! D%:a'a

S' 66! "#! +%:a'a $%*4a!a" '' $i"%*a( a(a$i

"#! !%'%&a#a" #(a" +a" '%"+i/ S%(ai" #i"i !a('i$ +a"

*%"+a& (%$a!, '' 66! "#! +%:a'a ja $%"a"+"

G(@5'a$i"% +a" C&5"+*5i#i" "#! !%'%&a#a" '%"+i @5@5!

"#! 'ia a"#a*a 10 #a&"/

@/ S' B6! "#! R%$aja

S' 66! "#! *%$aja $%*4a!a" '' $i"%*a( a(a$i )a"

6ai! "#! 4%*#$6&a" #(a" +a" '%"+i )a" #i"i !a('i$

+a" *%"+a& (%$a!, @5@5! "#! 'ia +i6a:a& 1< #a&"/

+/ S' B6! "#! A"a!-a"a!

Ma'a !a"a!-!a"a! $%*4a!a" a'% )a" 4%"#i" +a(a$

4%*#$6&a"/ U"#! i#, a"a! a"+a $%$6#&!a" "#*i'i )a"

#%4a#/ Sa(a& 'a# i"+i!a#5* 4%*#$6&a" )a" 6ai! a+a(a&

4%*#a$6a&a" #i"i +a" 6%*a# 6a+a"")a #%4a#/

%/ S' B6! Ra'a Ka@a" Hija

S' 66! !a@a" &ija $%*4a!a" '' $i"%*a( a(a$i *a'a

!a@a" &ija, '%(ai" #i"i !a('i$ +a" *%"+a& (%$a!, ''

66! !a@a" &ija ja $%"a"+" '' !%+%(ai, '%&i"a

$%$i(i!i !a"+"a" (a!#5'a )a" *%"+a&/

/ S' B6! S5(%&a

S' 66! '5(%&a $%*4a!a" '' $i"%*a( a(a$i "#! 5*a"

)a" !*a" $%"+a4a#!a" 'i"a* $a#a&a*i/ Ha( i"i +i!a*%"a!a"

'%(ai" #i"i !a('i$ +a" *%"+a& (%$a!, '' 66! '5(%&a

ja #i"i i#a$i" D $%$%"&i 100 !%6#&a" #6& 4%*

&a*i3 )a" +a4a# $%$6a"# 4%")%*a4a" !a('i$ +a(a$ #6&/

3. Sa*i Ba&

Sa*i 6a& +a" 'a)* 6%*"#*i'i )a" +i4*5'%' +%"a" #%!"5(5i #i"i aa*

#%*jaa !%a(a$ia"")a/ Ka"+"a" i#a$i" C ")a $%$%"&i 100

!%6#&a" &a*ia"$/ Sa*i 6a& $%"a"+" 10 $a@a$ a# ii #a$a

)a" +i4%*(!a" #6& +a" 6%6a' 6a&a" 4%"a:%#/

a/ Sa*i Ba& Sia4 Mi"$

1/ Sa*i Ba& Ki:i

2/ Sa*i Ba& 5$%*a"a#%

/ Sa*i Ba& .*#%" %

9/ Sa*i Ba& O*a"%

1


26/95

6/ Sa*i Ba& S%*6!

1/ Sa*i Ba& J%*! Ma"i' +a" J%*! O*a"i!

2/ Ra'a J%*! Ma"i'

/ Ra'a J%*! Ma"+a*i"9/ Ra'a J%*! Ni4i'

>/ Ra'a L%@i

;/ S:%%# Gaa

7/ Ra'a .*#%" %

4. S' S4(%$%" *ia

S' '4(%$%" 4*ia $%*4a!a" 'a(a& 'a# +a*i 4*5+! "#*i55+ )a"

+i5*$(a'i!a" "#! $%$6a"# 4*ia +a(a$ $%$6%"#! 5#5# +a" #6&

)a" a#(%#i', '%*#a $%$6a"# $%$6%*i!a" a'4a" %"%*i +a" 4*5#%i" )a"

#i"i "a$" #%#a4 +i'%i$6a"!a" +%"a" 6%*5(a&*aa '%@a*a #%*a#* aa*

5#5# +a" !%'%&a#a" #6& )a" +i&a'i(!a" (%6i& 6ai!/

5. S' Di%#

S' +i%# a+a(a& 4*5+! )a" $%"a:a*!a" 4*5*a$ 4%"*"a" 6%*a#

6a+a" +%"a" ii (%"!a4 +a" !a(5*i )a" @!4/ *5+! i"i #%*+i*i +a*i

Ma!a"a" Di%# U#a$a MDU3 +a" Ma!a"a" Di%# %(%"!a4 MD3/

*5+! MDU "#! $a!a" 4ai +a" $a(a$, '%+a"!a" 4*5+! MD

$%*4a!a" $a!a"a" '%(i"a" +i '%(a-'%(a :a!# "#! $%"a#a'i *a'a

(a4a* #a"4a !a(5*i )a" 6%*(%6i&a" '%&i"a #%#a4 +a4a# $%"jaa !%'%&a#a"

#6& +%"a" a'4a" "#*i'i )a" 6ai!/

19


27/95

BAB III

LANDASAN TEORI

*1 Website

Websitea+a(a& '%*i" ja +i'%6# Web, +a4a# +ia*#i!a" 'a# !$4(a"-

!$4(a" &a(a$a" )a" $%"a$4i(!a" 6%*6aai $a@a$ i"5*$a'i #%!', +a#a,

a$6a* +ia$ a#a4" 6%*%*a!, +a#a a"i$a'i, 'a*a, i+%5 $a4" a6"a" +a*i

'%$a")a, 6ai! i# )a" 6%*'ia# '#a#i' $a4" )a" +i"a$i', )a" +i$a"a

$%$6%"#! 'a# *a"!aia" 6a""a" )a" 'a(i" 6%*!ai#a" +i$a"a $a'i"-

$a'i" +i&6"!a" +%"a" ja*i"a" &a(a$a" a#a %yper$ink/

A#a +%i"i'i *ebsite a+a(a& !$4(a" +a*i 6%*6aai $a@a$ &a(a$a"

'i#', )a" #%*a"!$ +i+a(a$ '%6a& +5$ai" a#a ja sub"'main, )a" (%6i&

#%$4a#")a 6%*a+a +i +a(a$ WWW W'r$" Wi"e Web3 )a" #%"#")a #%*+a4a# +i

+a(a$ I"#%*"%#/ Ha(a$a" *ebsite6ia'a")a 6%*4a +5!$%" )a" +i#(i' +a(a$

5*$a#Hyper 0ext Markup LanguageHTML3, )a" 6i'a +ia!'%' $%(a(i HTT,

HTT a+a(a& 'a# 4*5#5!5( )a" $%")a$4ai!a" 6%*6aai i"5*$a'i +a*i ser(er

*ebsite"#! +i#a$4i(!a" !%4a+a 4a*a usera#a 4%$a!ai $%(a(i *ebbr'*ser/

/1/1/ J%"i'-J%"i' Website

1/ WebsiteS#a#i'

WebsiteS#a#i' a+a(a& 'a# :%6'i#% )a" $%$4")ai &a(a$a" )a" #i+a!

6%*6a&/ Ya" a*#i")a a+a(a& "#! $%(a!!a" '%6a& 4%*6a&a" 4a+a 'a#

&a(a$a" &a")a 6i'a +i(a!!a" '%@a*a $a"a( )i# +%"a" @a*a $%"%+i# !5+%-!5+% )a" $%"ja+i '#*!#* +a*i *ebsitei# '%"+i*i/

2/ WebsiteDi"a$i'

WebsiteDi"a$i' a+a(a& $%*4a!a" 'a# *ebsite)a" '%@a*a '#*!#*")a

+i4%*"#!a" "#! up"ate'%'%*i" $"!i"/ Bia'a")a '%(ai" +i$a"a #a$a")a

)a" 6i'a +ia!'%' 5(%& 4a*a 4%""a user3 4a+a $$")a, ja #%(a& +i'%+ia!a"

&a(a$a" ba!ken")ai# "#! $%"%+i# !5"#%" +a*i *ebsite#%*'%6#/ C5"#5& +a*i

*ebsite+i"a$i' '%4%*#i *eb6%*i#a )a" +i+a(a$")a #%*+a4a# a'i(i#a' 6%*i#a/

1>


28/95

/ WebsiteI"#%*a!#i

Website I"#%*a!#i a+a(a& 'a# *ebsite )a" $%$a" 4a+a 'aa# i"i

$%$a" #%*!%"a(/ C5"#5&")a *ebsite i"#%*a!#i '%4%*#i 5*$ +a" 6(5/ Di

*ebsitei"i 4a*a 4%""a 6i'a 6%*i"#%*a!'i +a" ja 6%*a+ argument$%"%"ai

a4a )a" $%"ja+i 4%$i!i*a" $%*%!a/

/1/2/ Ma"aa# Website

1. M%$4%*(a' ja"!aa" 4*5$5'i '%'a#, +%"a" $%$i(i!i :%6'i#% $a!a

4*5+! (%6i& 6i'a +i!%"a( 5(%& $a')a*a!a# !&''")a 4%""a i"#%*"%#/

2. Bi'a $%"ja+i $%+ia #a"4a 6a#a', '%6a6 i"#%*"%# a+a(a& $%+ia i"5*$a'i)a" #a"4a 6a#a'/ D%"a" $%$i(i!i *ebsite 6%*a*#i 'a$a 'aja $%$i(i!i

6a")a! !a*)a:a" )a" $%$4*5$5'i!a" 4*5+! '%(a$a 29 ja$/ Ya"

a*#i")a +i$a"a *ebsite a!a" $%$6%*i!a" 'a# i"5*$a'i !%4a+a @a(5"

!5"'$%" '%(a$a 29 ja$/

3. *5$5'i )a" (a', i"#%*"%# a+a(a& 'a# $%+ia 4*5$5'i #%*(a' +i +"ia

ji!a +i(i&a# +a*i ja"!aa" a*%a/

4. M%+ia 4%"%"a(a" 4%*'a&aa", Ji!a $%$i(i!i 'a# 4%*'a&aa" a!a" (%6i&

$+a& ji!a $%"%"a(!a" 4%*'a&aa" (%:a# *ebsite, !%*a"a ja"!aa"")a

i"#%*"%# )a" (a' +a" 4%$a!ai")a )a" 6a")a!, '%&i"a 4%*'a&aa"

a!a" +i!%"a( 5(%& $a')a*a!a# 6a")a! '%&i"a +a4a# $%"+a#a"!a" @a(5"

!5"'$%" +%"a" @a*a 4*5$5'i 4*5+! (%:a# *ebsite/

5. M%+ia i"5*$a'i, #%*!ai# rep'rt+a"per-'rman!e.

/1// Ma@a$-Ma@a$ D5$ai" Website

1/ /@5/i+ Bia'a")a +i"a!a" "#! 6a+a" 'a&a )a" $%$i(i!i 6a+a"

&!$ 'a&/

2/ /5/i+ K&'' +i"a!a" "#! L%$6aa %$%*i"#a&a" RI/

/ /a@/i+ Di4a!ai "#! L%$6aa %"+i+i!a"/

9/ /5*/i+ Di4a!ai "#! '%a(a $a@a$ 5*a"i'a'i )a" #i+a! #%*$a'!

!%+a(a$ !a#%5*i @5/i+,5/i+,$i(/i+, a@/i+ +a" '%6aai")a/


29/95

>/ /:a*/"%#/i+ Di4a!i "#! i"+'#*i :a*" i"#%*"%# :a*"%#3 )a" a+a +i

I"+5"%'ia

;/ /'@&/i+ Di4a!ai !&'' "#! L%$6aa %"+i+i!a" SD, SM +a" SMU

a#a SMK

7/ /:%6/i+ Bia'a")a +i"a!a" "#! 5*a"i'a'i, 6a+a" 'a&a, a#a4"

4%*'%5*a"a" )a" $%(a!!a" !%ia#a"")a +i WWW/

*2 HTML 8Hypertext Markup Language9

HTML a+a(a& 6a&a'a $a*!4 i"#%*"%# *eb3 6%*4a !5+% +a" 'i$65( )a"

+i$a'!!a" !%+a(a$ '%6a& i(% )a" +i#j!a" "#! +i#a$4i(!a" +i+a(a$'%6a& *ebsite/ Si"!a#")a, HTML a+a(a& 6a&a'a markup)a" +i"a!a" "#!

$%$6a# *ebsite/ Website )a" +i6a# +%"a" HTML i"i, +a4a# +i(i&a# 5(%&

'%$a 5*a" )a" #%*!5"%!'i +%"a" i"#%*"%#/ T%"#")a +%"a" $%""a!a"

a4(i!a'i 4%"j%(aja& i"#%*"%# br'*ser3 '%4%*#i I"#%*"%# E4(5*%*, M5i((a .i*%5

+a" G55(% C&*5$%/

S%4%*#i )a" '+a& 'a)a j%(a'!a" '%6%($")a, HTML a+a(a& 'i"!a#a"

+a*iHyper 0ext Markup Language/ Ta4i $%"%#a&i 'i"!a#a"")a 'aja #i+a! a!a"

@!4/ Ka*%"a i# 'a)a a!a" $%")aji!a" a*#i +a*i !a#a !a#a #%*'%6#/

1/ Hypertext

Hypertext a+a(a& $%#5+% +i$a"a 6%*4i"+a& +i'%!%(i(i" *eb, +%"a"

$%"%!(i! '%6a& #%!' )a" 6%*"a$a %yper$ink/ Hyper$ink a+a(a& '%6a& #%!'

!&'' +i i"#%*"%#, +i$a"a 'aa# #%!' #%*'%6# +i!(i!, a!a" $%$6a:a !% &a(a$a"

*eb'%(a"j#")aF&a(a$a" *eb(ai" )a" #%(a& +i#%"#!a"/

2/ Markup

Markupa+a(a& &a( )a" +i(a!!a" 5(%& tagHTML !%4a+a #%!' )a" a+a

+i+a(a$")a/ HTML $%"a"+ai #%!' )a" 6%*a+a +i+a(a$")a '%6aai #i4% #%!'

#%*#%"#/ Mi'a(")a 'aja ji!a $%"a"+ai '%6a& #%!' +%"a" tagHTML i, $a!a

#%!' #%*'%6# a!a" 6%*6a& $%"ja+i ita$i! &* )a" $i*i"3/ S%+a"!a" ji!a

$%"a"+ai")a +%"a" 6, $a!a #%!' #%*'%6# a!a" 6%*6a& $%"aja+i b'$"&*

#%6a(3/

/ Language


30/95

Language )a" 6%*a*#i 6a&a'a/ HTML a+a(a& '%6a& 6a&a'a )a"

$%$i(i!i !a#a !a#a 6%*4a !5+% +a" syntax '%4%*#i 6a&a'a )a" (ai"/ Saa# i"i

6a&a'a HTML $a'i& #%*' +i!%$6a"!a"/ Ha( i"i +i!a*%"a!a" 4%""a i"#%*"%#

'%$a!i" &a*i '%$a!i" 6%*!%$6a" 4%'a#/ O(%& !a*%"a i# 6a&a'a HTML &a*'

+i#i"!a#!a" (ai aa* 6i'a $%"@i4#a!a" &a(a$a" *eb )a" (%6i& 6%*!a(i#a'/

U"#! i#(a& +i6%"#! '%6a& 5*a"i'a'i )a" 6%*#a""ja:a6 $%"%$6a"!a"

6a&a'a HTML/ O*a"i'a'i i"i 6%*"a$a WC/

/2/1/ ."'i +a" K%"aa" HTML

1/ U"#! $%$6a# &a(a$a" *eb/ Ba&a'a HTML +i"a!a" "#! $%$6a#&a(a$a" *eb/ S%$a &a(a$a" *eb 4a'#i +i6a# +%"a" $%""a!a"

HTML/

2/ S%6aai 45"+a'i 6ai '%6a& *ebsite/ S%6a& *$a& ji!a #i+a! $%$i(i!i

45"+a'i $a!a a!a" @%4a# *565&/ B%i# ja +%"a" *ebsite/ Ji!a #i+a!

$%$i(i!i HTML '%6aai 45"+a'i, !i#a #i+a! +a4a# $%"i$4(%$%"#a'i!a"

6a&a'a (ai"")a '%4%*#i CSS 6a&a'a "#! $%"+%'ai" *ebsite3, Jaa'@*i4#

6a&a'a "#! $%"a$6a& 4*i(a! *ebsite3, +a" H 6a&a'a 4%$*5*a$a"

ser(er*ebsite3/

/ U"#! $%"a"+ai #%!' 4a+a &a(a$a" *eb/ Mi'a(")a, !i#a +a4a# $%"a"+ai

'%6a& #%!' $%"ja+i 6%*a*i' 6a:a& +%"a" $%""a!a" #a $( /

9/ U"#! $%"a"+ai e$ementF6aia" 4a+a &a(a$a" *eb/ S%6a& *ebsite

$%$i(i!i 6%6%*a4a 6aia" '%4%*#i %ea"er, "aia'i, main+a"-''ter/ Ki#a

+a4a# $%"a"+ai '%#ia4 6aia"")a +%"a" HTML/

>/ U"#! $%"a$4i(!a" i"5*$a'i +a(a$ 6%"#! #a6%(/

;/ U"#! $%"a$6a&!a" 56j%! '%4%*#i au"i', i+%5, a$6a*, +(( +a(a$

&a(a$a" *eb.

7/ U"#! $%$6a# 'n$ine -'rm.

/2/2/ S#*!#* Da'a* HTML

1/ +$ement


31/95

+$ement #%*+i*i +a*i 6aia", )ai# tag 4%$6!a, i'i +a" 4%"#4/

C5"#5&")a "#! $%"a$4i(!a" j+( +a*i '%6a& &a(a$a", !i#a $%$6a# !5+%

$( '%4%*#i i"i

Website Milik Faiz

Ya" 6%*:a*"a 6i*, i# a+a(a& 4%$6!a/ Ya" :a*"a &ija a+a(a& i'i/ S%+a"!a"

)a" :a*"a $%*a& a+a(a& 4%"#4/ I'i a+a(a& 54'i5"a(, +a(a$ a*#ia" #i+a! $a'a(a&

ji!a !i#a #i+a! $%$6%*i!a" i'i/ B%+a +%"a" 4%$6!a +a" 4%"#4, !%+a")a

&a*' a+a +a(a$ '%6a& !5+% $(/ Ji!a #i+a! $a!a a!a" #%*ja+i err'r, +a" !5+%

#i+a! a!a" 6%*"'i/

A+a ja 4%$6!a +a" 4%"#4 )a" 6%*6%+a +%"a" @5"#5& +ia#a'/

C5"#5&")a '%4%*i i"i

a+a #a i"4# !i#a #i+a! 4%*( $%"#4")a +%"a" Fi"4# ,@!4 +%"a" F /

Ba&!a" +%"a" $%"(i'!a" 'aja ja 6i'a/

2/ 0ag

0ag a+a(a& #%!' !&'' 6%*4a +a !a*a!#%* +a" / C5"#5&")a #a

&%a+ +%"a" "a$a &%a+, 65+) +%"a" "a$a 65+), +a" '%6aai")a/ Ta i"i

'+a& +ia#* '%@a*a "e-au$t, ja+i #i+a! 65(%& $%$6a#")a '%"+i*i/ Mi'a( ji!a

$%"(i' 65+i, j%(a' #i+a! a!a" 6%*"'i/

U"#! (%6i& $%$4%*j%(a', 6%*i!# i"i '#*!#* +a'a* !5+% HTML

Website Faiz Agil Wirawan


32/95

!ai teman teman ini website pribadi saya lh##

%"j%(a'a"

"#! $%"a"+ai a:a( +a" a!&i* +a*i i(% HTML 6%*i'i!a" !%#%*a"a" i"5*$a'i '%4%*#i tit$e +a" j%"i'

+5!$%" '%6aai j+( &a(a$a" *eb 6aia" i"i a+a(a& !5"#%" #a$a *eb '%4%*#i %ea"er,

"aia'i, a*#i!%(,si"ebar+a"-''ter

A"+a +a4a# $%"(i'!a" !5+% $( +i a4(i!a'i 6a:aa" Wi"+5:', N5#%4a+/ Bi'a

ja $%"+5:"(5a+ a4(i!a'i !&'' "#! $%"(i' !5+% )ai# N5#%4a+/

/ A#*i6#

A#*i6# #%*+a4a# +i+a(a$s!ript'%6a& %(%$%", "'i")a "#! $%$6%*i

i"5*$a'i #a$6a&a" #%"#a"e$ement/ Ni(ai +a*i a#*i6# &a*' +i##4 +%"a" #a"+a

!#i4/

K5+% +ia#a' a!a" $%$6a# '%6a& !5#a! i'ia" )a" +i!&''!a" "#!

$%"(i' pass*'r"/ Da(a$ a*#ia", ji!a $%"(i' +i i'ia" #%*'%6#, #(i'a" a!a"

6%*6a& $%"ja+i 6i"#a" 6i"#a" '%4%*i i"i /

** CSS 8Cascading Style Sheet9

CSS a+a(a& 'i"!a#a" +a*i as!a"ing #ty$e #%eets/ B%*i'i *a"!aia"

i"'#*!'i )a" $%"%"#!a" 6aia$a"a 'a# texta!a" #%*#a$4i( +i &a(a$a" *eb/

%*a"@a"a" +%'ai" text +a4a# +i(a!!a" +%"a" $%"+%i"i'i!a" -'nts &*3 ,


33/95

!'$'rs:a*"a3, margins!*a"3, (a#a* 6%(a!a" 6a@!*5"+3, !*a"-'nt5"#

'i%'3 +a" (ai"-(ai"/ E(%$%"-%(%$%" '%4%*#i !'$'rs :a*"a3 , -'nts &*3, si


34/95

//2/ ."'i CSS

CSS +a4a# $%"%"+a(i!a" !*a" a$6a*, :a*"a 6aia" #6& 4a+a #%!',

:a*"a #a6%(, !*a" b'r"er, :a*"a b'r"er, :a*"a %yper$ink, :a*"a m'use '(er,

'4a'i a"#a* 4a*a*a, '4a'i a"#a* #%!', $a*i" !i*i, !a"a", a#a', 6a:a&, +a"

4a*a$%#%* (ai"")a/ CSS a+a(a& 6a&a'asty$es%eet)a" +i"a!a" "#! $%"a#*

#a$4i(a" +5!$%"/D%"a" a+a")a CSS $%$"!i"!a" "#! $%"a$4i(!a"

&a(a$a" )a" 'a$a +%"a" 5*$a# )a" 6%*6%+a/

/// M%#5+% %"(i'a" CSS

1/ ,n$ine #ty$e #%eet

CSS +i+%i"i'i!a" (a"'" 4a+a tag HTML )a" 6%*'a"!#a"/ Ca*a

4%"(i'a"")a @!4 +%"a" $%"a$6a&!a" a#*i6# sty$e/// +a(a$ tag HTML

#%*'%6#/ #ty$e &a")a a!a" 6%*(a! 4a+a tag)a" 6%*'a"!#a", +a" #i+a! a!a"

$%$%"a*&i tagHTML )a" (ai"/ C5"#5& 4%"(i'a"


35/95

/ +xterna$ #ty$e #%eet

CSS +i+%i"i'i!a" #%*(%6i& +a(a$ '%6a& -i$e/@''3/ a+a 4%"+%i"i'ia"

i"i +i'%6#!a" a#*i6#-a#*i6# CSS )a" a!a" +i"a!a" "#! tag-tag HTML,

)a" '%(a"j#")a "a$a -i$e +i 4a"i( +%"a" syntax HTML 4a+a -i$e HTML/

C5"#5& 4%"(i'a"

//9/ K%(%6i&a" CSS

1/ D%"a" 6a&a'a #i"!a# #i"i, CSS 'a"a# $+a& "#! +i4%(aja*i +a"

+i"a!a"

2/ CSS $%$i'a&!a" a"#a*a D%'ai" +a" K5"#%" WebFB(5

/ %"a#*a" D%'ai" +a4a# +i(a!!a" '%%i'i%" $"!i"

9/ M%"&%$a# 4%"(i'a" !5+%, !a*%"a 'a# CSS +a4a# +i4a!ai 6%6%*a4a !a(i

>/ M%$4%*'i"!a# :a!# !%*ja, 6ai! 'aa# $%$6a# $a4" 'aa# $5+ii!a'i

&a(a$a" WebFB(5

;/ U!*a" i(% HTML ja+i (%6i& !%@i(, !a*%"a 6ia'a")a CSS +i'i$4a" +i -i$e

#%*4i'a& +xterna$ #ty$es%eet3

*. PHP 8PHP: Hypertext Processor9

Hypertext Prepr'!ess'rH3 $%*4a!a" 'a# #%!"5(5is!ripting)a"

6%*6a'i'ser(erser(ersi"e pr'gramming3 "#! $%$6a"" &a(a$a" *eb)a"

+i"a$i' +a" intera!ti(e, +i$a"a 4%*i"#a& - 4%*i"#a& +i4*5'%' #%*(%6i& +a&( +i

*ebser(er/ S%6aai i('#*a'i/ !%#i!a '%5*a" user$%$a'!!a" a(a$a# #%*#%"# +i

br'*ser, $a!a br'*ser a!a" $%"i*i$!a" 4%*$i"#aa" #%*'%6# !% *ebser(er

)a" +i$a!'+ +a" $%"" &a'i(")a/ Ji!a -i$e )a" +i$i"#a a+a(a& '%6a&

+5!$%" HTML, $a!a *ebser(era!a" $%$6%*i!a"-i$e#%*'%6# !% *eb br'*ser


36/95

a4a a+a")a/ Na$", ji!a -i$e )a" +i$i"#a a+a(a& -i$e)a" $%"a"+" s!ript

ser(er si"e, $a!a *eb ser(er a!a" $%$4*5'%' #%*(%6i& +a&( s!ript #%*'%6#

+a" $%"i*i$!a" &a'i(")a !% br'*ser/

/9/1/ K%(%6i&a" H

1/ H $%*4a!a" '5#:a*% 54%" '5*@%

2/ H +a4a# $+a& 6%*ja(a" 4a+a *eb ser(er)a" 6%*6%+a +a(a$ 'i'#%$

54%*a'i )a" 6%*6%+a 4(a/

/ H #%*$a'! embe""e" +a4a# +i(%#a!!a" a#a +i'i'i4!a" +a(a$ tag

HTML3/

/9/2/ S#*!#* Da'a* H

H a+a(a& '%6a& 6a&a'a )a" HTML-embe""e", a*#i")a 4%*i"#a& -

4%*i"#a& +a(a$ H +a4a# $%")a# +%"a" tag-tag HTML +a(a$ '%6a& -i$e/

Sa# 4*5*a$ 6ia'a")a +i!%"a( 5(%& *ebser(er+a*i %!'#%"'i")a/ D%$i!ia" ja

+%"a" -i$e H )a" +a4a# +i'i$4a" +%"a" $%""a!a" %!'#%"'i /4&4,

/4&4, /4$(/

O(%& !a*%"a H $%*4a!a" '%6a& 6a&a'a )a" HTML-embe""e", $a!a &a*'

a+a 'a# @a*a "#! $%$i'a&!a" 6aia" $a"a +a(a$ i(% #%*'%6# )a" $%*4a!a"

4*5*a$ H/ A+a @a*a "#! $%"(i'!a" !5+% H, )ai#

Ca*a 1

Ca*a 2

Ca*a

####################


37/95

Di$a"a #i#i! ? #i#i! +a4a# +ii'i +%"a"s!riptH/ C5"#5& 4*5*a$ H a+a(a&

'%6aai 6%*i!#

3nth 4rgram 4!4

U"#! $%"ji a4(i!a'i )a" +i6a# '%#%(a& +i'i'i4!a" +%"a"s!riptH, a4(i!a'i

$%$6#&!a" *ebser(er)a" 6%*"'i "#! $%"56a& s!ript H, &a( i"i

+i!a*%"a!a" 'ia# H )a" ser(er si"e pr'graming/ C5"#5& +a*i *eb ser(er

'%4%*#i i#a$i, %*'5"a( W%6 S%*%* WS3 +a*i Mi@*5'5#, a#a A4a@&% *eb

ser(er/

* Database8B!'/' D!"!9

Database a#a 6a'i' +a#a a+a(a& !$4(a" +a#a )a" +i'i$4a" '%@a*a

'i'#%$a#i' +i +a(a$ !5$4#%* )a" +a4a# +i5(a& a#a +i$a"i4(a'i $%""a!a"

4%*a"!a# ("a! 4*5*a$ a4(i!a'i3 "#! $%"&a'i(!a" i"5*$a'i/ %"+%i"i'ia"

6a'i' +a#a $%(i4#i '4%'ii!a'i 6%*4a #i4% +a#a, '#*!#* +a#a +a" ja 6a#a'a"-

6a#a'a" +a#a )a" a!a" +i'i$4a"/ Ba'i' +a#a $%*4a!a" a'4%! )a" 'a"a#

4%"#i" +a(a$ 'i'#%$ i"5*$a'i +i$a"a 6a'i' +a#a $%*4a!a" +a"

4%")i$4a"a" +a#a )a" a!a" +i5(a& (%6i& (a"j#/ Ba'i' +a#a $%"ja+i 4%"#i"

!a*%"a +a4a# $%"5*a"i'a'i +a#a, $%"&i+a*i +4(i!a'i +a#a, &6"a" a"#a* +a#a

)a" #i+a! j%(a' +a" ja up"ate)a" *$i#/


38/95

/>/1/ Ma"aa# %""aa" Da#a6a'%

1/ K%@%4a#a" +a" K%$+a&a"

Database$%$i(i!i !%$a$4a" +a(a$ $%")%(%!'i +a#a '%&i"a $%"ja+i

'a# !%(5$45! )a" #%**# +%"a" @%4a#/ Ha( i"i(a& )a" a&i*")a +a4a#

$%"&a'i(!a" i"5*$a'i )a" +i6#&!a" '%@a*a @%4a# 4(a/ S%6%*a4a @%4a#

4%$*5'%'a" +a#a 5(%& "atabase#%*a"#" 4(a 4a+a 4%*a"@a"a" 6a'i' +a#a")a/

2/ %$a!aia" B%*'a$a-'a$a

Sa# "atabase6i'a +i"a!a" 5(%& 'ia4a 'aja +a(a$ 'a# 4%*'a&aa"/

S%6aai @5"#5& "atabase$a&a'i':a +a(a$ 'a# 4%**a" #i"i +i6#&!a"

5(%& 6%6%*a4a 6aia", '%4%*#i 6aia" a+$i", 6aia" !%a"a", 6aia" a!a+%$i!/

K%'%$a 6i+a" #%*'%6# $%$6#&!a" "atabase$a&a'i':a "a$" #i+a! 4%*(

$a'i"-$a'i" 6aia" $%$6a# 6a'i' +a#a")a '%"+i*i, @!4 "atabase$a&a'i':a

'a# 'aja )a" +i'i$4a" +iser(er4'a#/ Na"#i a4(i!a'i +a*i $a'i"-$a'i" 6aia"

6i'a #%*&6" !% "atabase$a&a'i':a #%*'%6#/

/ K5"#*5( +a#a #%*4'a#

Ma'i& 6%*!ai#a" +%"a" p'int!% +a, $%'!i4" 4a+a 'a# 4%*'a&aa"

$%$i(i!i 6a")a! 6aia" a#a +ii'i #a4i +a#a6a'% )a" +i4%*(!a" #%#a4 'a# 'aja/

Ha( i"i $%$4%*$+a& 4%"5"#*5(a" +a#a '%4%*#i !%#i!a i"i" $%"6a& +a#a$a&a'i':a, $a!a +i4%*(!a" $%"6a& '%$a +a#a +i $a'i"-$a'i" 6aia" a#a

+ii'i, #%#a4i @!4 +i 'a# "atabase'aja )a" a+a +iser(er4'a#/

9/ M%"&%$a# 6ia)a 4%*a"!a#

D%"a" $%$i(i!i +a#a6a'% '%@a*a #%*4'a# $a!a +i $a'i"-$a'i" +ii'i #i+a!

$%$%*(!a" 4%*a"!a# "#! $%")i$4a" +a#a6a'% 6%*&6" +a#a6a'% )a"

+i6#&!a" &a")a 'a# )ai# )a" +i'i$4a" +i '%*%* 4'a#, i"i #%"#")a

$%$a"!a' 6ia)a 4%$6%(ia" 4%*a"!a#/

>/ K%a$a"a" Da#a

Ha$4i* '%$a a4(i!a'i $a"aj%$%" "atabase'%!a*a" $%$i(i!i a'i(i#a'

$a"aj%$%" 4%""a/ Ma"aj%$%" 4%""a i"i $a$4 $%$6a# &a! a!'%' )a"

6%*6%+a-6%+a +i'%'ai!a" +%"a" !%4%"#i"a" $a4" 45'i'i 4%""a/ S%(ai"

i# +a#a )a" #%*'i$4a" +i "atabase+i4%*(!a"pass*'r""#! $%"a!'%'")a/

;/ M%$+a&!a" +a(a$ 4%$6a#a" a4(i!a'i 6a*


39/95

Da(a$ 45i" i"i "atabase)a" +i*a"@a" +%"a" 'a"a# 6ai!, '%&i"a 'i

4%*'a&aa" $%$%*(!a" a4(i!a'i 6a* #i+a! 4%*( $%$6a# "atabase)a" 6a*

ja, a#a #i+a! 4%*( $%"6a& !%$6a(i '#*!#* "atabase )a" '+a& a+a/

S%&i"a Si 4%$6a# a4(i!a'i a#a pr'grammer &a")a @!4 $%$6a# a#a

4%"a#* a"#a*$!a a4(i!a'i")a 'aja/

/>/2/ Ba&a'a Ba'i' Da#a

1/ Data 'ntr'$ LanguageDCL3

DCL $%*4a!a" '6 6a&a'a "#! $%"%"+a(i!a" '#*!#* i"#%*"a( 6a'i'

+a#a, DCL "#! $%")%'ai!a" 'i'#%$ aa* '4a)a (%6i& %i'i%" +a" DCL 'a"a#6%*a"#" 4a+a %"+5*/

2/ Data De-initi'n LanguageDDL3

S#*!#* F '!%$a 6a'i' +a#a )a" $%"a$6a*!a" F $%:a!i(i +%'ai" 6a'i'

+a#a '%@a*a !%'%(*&a" +i'4%'ii!a'i!a" +%"a" 6a&a'a !&'' )ai# DDL/

D%"a" 6a&a'a i"i +a4a# +i(a!!a"")a $%$6a# #a6%( !reate tab$e3 6a*, i"+%!',

$%"6a& tab$e, $%"%"#!a" '#*!#* 4%")i$4a"a" tab$e, +a" (ai"")a/ Ha'i( +a*i

!5$4i(a'i 4%*i"#a& DDL, a+a(a& !$4(a" #a6(% )a" +i'i$4a" +a(a$ -i$e!&''

)a" +i'%6# !a$' +a#a "ata "i!ti'nary3/

/ Data Manipu$ati'n Language DML3

Data Manipu$ati'n Language DML3 a+a(a& 6%"#! 6a&a'a 6a'i' +a#a

"#! $%(a!!a" $%"i4(a'i +a" 4%"a$6i(a" +a#a 4a+a 'a# 6a'i' +a#a/

Ma"i4(a'i +a#a 4a+a "atabase+a4a# 6%*4a

a/ %")i'i4a" F 4%"a$6a&a" +a#a 4a+a-i$eF tab$e+a(a$ 'a# 6a'i' +a#a/

6/ %"&a4'a" +a#a 4a+a-i$eF tab$e+a(a$ 'a# 6a'i' +a#a/

@/ %"6a&a" +a#a 4a+a-i$eF tab$e+a(a$ 'a# 6a'i' +a#a/

+/ %"%('*a" +a#a 4a+a-i$eF tab$e+a(a$ 'a# 6a'i' +a#a/

/>// E"#i#) R%(a#i5"'&i4 Dia*a$ ERD3

+ntity Re$ati'ns%ip Diagram ERD3 a+a(a& 'a# $5+%( "#!

$%"j%(a'!a" &6"a" a"#a* +a#a +a(a$ 6a'i' +a#a 6%*+a'a*!a" 56j%!-56j%! +a'a*

+a#a )a" $%$4")ai &6"a" a"#a* *%(a'i/ERD "#! $%$5+%(!a" '#*!#*


40/95

+a#a +a" &6"a" a"#a* +a#a, "#! $%"a$6a*!a"")a +i"a!a" 6%6%*a4a

"5#a'i +a" 'i$65(/

N5#a'i-"5#a'i 'i$65(i! )a" +i"a!a" +a(a$ ERD a+a(a& '%6aai

6%*i!#

a/ E"#i#a'

E"#i#i $%*4a!a" 56j%! )a" $%:a!i(i '%'a# )a" ")a#a +a" +a4a#

+i6%+a!a" +a*i '%'a# )a" (ai"/ Si$65( +a*i %"#i#i i"i 6ia'a")a

+ia$6a*!a" +%"a" 4%*'%i 4a"ja"/

Ga$6a* /2 N5#a'i ERD E"#i#a'

6/ A#*i6#

S%#ia4 %"#i#a' 4a'#i $%$4")ai %(%$%" )a" +i'%6# a#*i6# )a"

6%*"'i "#! $%"+%'!*i4'i!a" !a*a!#%*i'#i! +a*i %"#i#a' #%*'%6#/ I'i

+a*i a#*i6# $%$4")ai '%'a# )a" +a4a# $%"i+%"#ii!a'i!a" i'i

%(%$%" 'a# +%"a" )a" (ai"

Ga$6a* / N5#a'i ERD A#*i6#

@/ R%(a'i

R%(a'i $%""j!!a" a+a")a &6"a" +ia"#a*a '%j$(a& %"#i#a' )a"

6%*a'a( +a*i &i$4"a" %"#i#a' )a" 6%*6%+a/ %"&6" a"#a*a

&i$4"a" *%(a'i +%"a" &i$4"a" %"#i#a' +a" &i$4"a" %"#i#a'

+%"a" a#*i6# +i")a#a!a" +a(a$ 6%"#! a*i'/


41/95

Ga$6a* /9 N5#a'i ERD R%(a'i

a+a +a'a*")a *%(a'i +i6%+a!a" $%"ja+i , )ai#

1/ R%(a'i/ne 0' /ne

R%(a'i /ne 0' /ne )ai# '%#ia4 %"#i#a' 4a+a &i$4"a" %"#i#a' A

6%*&6"a" 4a(i" 6a")a! +%"a" 'a# %"#i#a' 4a+a &i$4"a" %"#i#a'

B/

Ga$6a* /> N5#a'i ERD R%(a'i /ne 0' /ne

2/ R%(a'i /ne 0' Many

R%(a'i /ne 0' Many)ai# '%#ia4 %"#i#a' 4a+a &i$4"a" %"#i#a' A +a4a#

6%*&6"a" +%"a" 6a")a! %"#i#a' 4a+a &i$4"a" %"#i#a' B, #%#a4i

'%#ia4 %"#i#a' 4a+a %"#i#a' B +a4a# 6%*&6"a" +%"a" 'a# %"#i#a'

4a+a &i$4"a" %"#i#a' A/

Ga$6a* /; N5#a'i ERD R%(a'i /ne 0' Many

/ R%(a'iMany 0' /ne

R%(a'iMany 0' /ne )ai# '%#ia4 %"#i#a' 4a+a &i$4"a" %"#i#a' A +a4a#

6%*&6"a" +%"a" 'a# %"#i#a' 4a+a &i$4"a" %"#i#a' B, #%#a4i '%#ia4

%"#i#a' 4a+a %"#i#a' B +a4a# 6%*&6"a" +%"a" 6a")a! %"#i#a' 4a+a

&i$4"a" %"#i#a' A/


42/95

Ga$6a* /7 N5#a'i ERD R%(a'iMany 0' /ne

9/ R%(a'iMany 0' ManyR%(a'i Many 0' Many )ai# '%#ia4 %"#i#a' 4a+a &i$4"a" %"#i#a' A

+a4a# 6%*&6"a" +%"a" 6a")a! %"#i#a' 4a+a &i$4"a" %"#i#a' B,

6%i#4(a '%6a(i!")a/

Ga$6a* /8 N5#a'i ERD R%(a'iMany 0' Many

/>/9/ Da#a .(5: Dia*a$ D.D3

Data )$'* Diagram D.D3 a+a(a& 'a# +ia*a$ )a" $%""a!a"

"5#a'i-"5#a'i "#! $%"a$6a*!a" a*' +a*i +a#a 'i'#%$, )a" 4%""aa"")a

'a"a# $%$6a"# "#! $%$a&a$i 'i'#%$ '%@a*a (5i!a, #%*'#*!#* +a" j%(a'/

A+a4" "5#a'i )a" +i"a!a" +a(a$ D.D )ai#

Ta6%( /1 N5#a'i D.D M%"*# a*a A&(i

M%"*#K%#%*a"a"

Ga"% +a" S%*'5" Y5*+5" +a" D% Ma*@5

E"#i#a' %!'#%*"a( +a4a#

6%*4a 5*a"F"i# #%*!ai#

)a" 6%*i"#%*a!'i +%"a"

'i'#%$, #%#a4i +i(a*

'i'#%$/

O*a"F"i# )a"

$%$4%*"a!a" a#a

$%(a!!a" #*a"'5*$a'i

+a#a/ K5$45"%" i'i!

#i+a! +ii+%"#ii!a'i!a"/


43/95

A(i*a" +a#a +%"a" a*a&

!&'' +a*i '$6%* !%

#ja"

%")i$4a"a" +a#a a#a

#%$4a# +a#a +i(i&a# 5(%&

4*5'%'

/>/>/ Da#a6a'% S%*%*

Database #er(er a+a(a& '%6a& 4*5*a$ !5$4#%* )a" $%")%+ia!a"

(a)a"a" 4%"%(5(aa" 6a'i' +a#a +a" $%(a)a"i !5$4#%* a#a 4*5*a$ a4(i!a'i

6a'i' +a#a )a" $%""a!a" $5+%( !(i%"Fser(er/ I'#i(a& i"i ja $%*j! !%4a+a

'%6a& !5$4#%* $$")a $%*4a!a" ser(er3 )a" +i+%+i!a'i!a" "#!

$%"ja(a"!a" 4*5*a$ )a" 6%*'a"!#a"/ Si'#%$ $a"aj%$%" 6a'i' +a#a SMBD3

4a+a $$")a $%")%+ia!a" "'i-"'i ser(er 6a'i' +a#a, +a" 6%6%*a4a

SMBD '%4%*#i &a(")a M)SL a#a Mi@*5'5# SL S%*%*3 'a"a# 6%*a"#"

!%4a+a $5+%( !(i%"-ser(er"#! $%"a!'%' 6a'i' +a#a")a/

B%*i!# i"i $%*4a!a" @5"#5& a4(i!a'i "atabase ser(er )a" '%*i"

+i"a!a"

a/ M'/ A@@%''

M'/ A@@%'' a+a(a&Database #t'rage +ngine6a#a" +a*i Mi@*5'5# )a"

$%"%$4%( +i 4*5+! Mi@*5'5# Oi@%/ U"#! i"'#a(a'i")a $%$6#&!a"spa!e+i

&a*+i'! )a" ($a)a" 6%'a*/+nginei"i &a")a 6i'a +ija(a"!a" +i (i"!4 'i'#%$

54%*a'i Wi"+5:' 'aja/ Ka4a'i#a' +a#a")a 'a"a# #%*6a#a' '%&i"a &a")a @5@5!

ji!a +ia4(i!a'i!a" "#! sma$$systema#a %'me6i'"i'/ U"#! !%a$a"a")a #i+a!

6%i# 6i'a +i&a"+a(!a" :a(a4" '+a& $%"%"a( !5"'%4 re$ati'ns%ip/

6/ M)SV(

Database #t'rage +nginei"i 6a")a! +i"a!a" 5(%&pr'grammera4a(ai

5(%& *eb "e(e$'per!a*%"a 'ia#")a )a"-ree/ U"#! )a" expert'+a& a+a )a"

6a)a*/ K%$a$4a"")a '+a& 6i'a +ia"+a(!a", $%$4")ai !a4a'i#a' )a" @!4

$$4"i '%!i#a* ;0/000 #a6%( +%"a" j$(a& re!'r" $%"@a4ai >/000/000/000

6a&!a" "#! )a" #%*6a* '+a& (%6i&/ K%a$a"a" +a#a")a @!4 a$a" :a(a4"

#i+a! '%&%6a# 5'#*% a4a(ai O*a@(%/ E"i"% i"i $(#i4(a#5*$ '%&i"a $a$4


44/95

+ia4(i!a'i!a" +i 6%*6aai 'i'#%$ 54%*a'i/ M)SV( @5@5! +ia4(i!a'i!a" +ia4(i!a'i

!%(a' !%@i( +a" $%"%"a&/ K%(%6i&a" 4a(i" #a$a %"i"% i"i a+a(a&

!%@%4a#a"")a/

@/ SL S%*%*

Database #t'rage +ngine 6a#a" Mi@*5'5#/ +ngine i"i 6%*6a)a*, a!a"

#%#a4i Mi@*5'5# ja $%")%+ia!a" )a" %*'i *a#i'")a +xpress +"iti'n3/ Ka*%"a

6a#a" +a*i B5' Bi(( Ga#%' $a!a +ngine i"i &a")a 6i'a +ija(a"!a" +i 'i'#%$

54%*a'i Wi"+5:' 'aja m'n'p$at-'rm3/ K%a$a"a" +a#a")a '+a& ($a)a"/

Ka4a'i#a' 4%")i$4a"a" +a#a")a #i+a! $%"@a4ai 0era yte, '%&i"a '+a&

$a$4 "#! +i#%*a4!a" +i a4(i!a'i 6%'a*/ SL S%*%* 6a")a! 6%*$ai" +i $%$5*i

"#! pr'!essing/ U"#! ba!kup "ata M' SL 6a")a! %#%"'i")a a+a %#%"'i

/MDB, /BAK, /i(%/

+/ 5'#*%

Database #t'rage +ngine i"i 6%*'ia# 'pen s'ur!e *a#i'3 )a"

+i!%$6a"!a" 5(%& 6%*6aai "e(e$'per +i+"ia/"#! syntax V%*) 45'#*% 'V(

$%""a!a" ANSI SL 8


45/95

+a(a$ 6%"#! &a(a$a"-&a(a$a" *eb)a" 4a+a $$")a 6%*6%"#! +5!$%"

HTML/

Da*i 4%"%*#ia" +ia#a', +a4a# +i'i$4(!a" 6a&:a *ebser(er $%*4a!a"

4%(a)a" 4%$6%*i (a)a"a"3 6ai *eb !$ient br'*ser3 '%4%*#i M5i((a, C&*5$%,

I"#%*"%# E4(5*%*, O4%*a, Saa*i +a" (ai" '%6aai")a, '4a)a br'*ser +a4a#

$%"a$4i(!a" &a(a$a" a#a +a#a )a" a"+a $i"#a/

/;/1/ ."'i W%6 S%*%*

."'i #a$a +a*i *eb ser(er a+a(a& "#! $%$i"+a&!a" 6%*!a' )a"

+i$i"#a 5(%& 4%""a $%(a(i 4*5#5!5( !5$"i!a'i #%*#%"#/ O(%& !a*%"a +a(a$'a# &a(a$a" *eb 6ia'a")a #%*+i*i +a*i 6%*6aai $a@a$ j%"i' 6%*!a' '%4%*#i

a$6a*, i+%5, #%!', au"i', -i$e +a" (ai" '%6aai")a, $a!a 4%$a"aa#a" *eb

ser(er6%*"'i ja "#! $%$i"+a&!a" !%'%(*&a" a'4%! 4%$6%*!a'a" +a(a$

&a(a$a" #%*'%6#, #%*$a'! #%!', a$6a*, i+%5, au"i',-i$e+a" '%6aai")a/

/;/2/ C5"#5& W%6 S%*%*

1/ A4a@&%

Webser(er a4a@&% )a" a:a( $(a")a '%6a& s'-t*are 'pens'ur!e

4%*a"!a# ("a! #%*6!a3 a+a(a& a(#%*"a#i +a*i "%#'@a4% )a" !%$+ia" '%ja!

6(a" a4*i( 1


46/95

S%6a& 4%*'a&aa" 6%'a* $i@*5'5# $%""a!a" *ebser(er IIS 4a+a

'i'#%$ 54%*a'i")a, )ai# 4a+a Wi"+5:' NT 9/0 S%*%*, Wi"+5:' 2000 S%*%* a#a

Wi"+5:' S%*%* 200/ La)a"a" i"i 6%*"'i '%6aai 4%"+!" 4*5#5!5( TCFI

)a" 6%*ja(a" +a(a$ (a4i'a" a4(i!a'i app$i!ati'n$ayer3/

/ Li#%S4%%+

Li#%S4%%+ a+a(a& :%6 '%*%* )a" *i"a", +a" $a$4 $%$6a@a !5"i*a'i

A4a@&% '%@a*a (a"'"/ %*a"!a# ("a! $$")a +i"a!a" 6%*'a$a +%"a"

!'ntr'$pane$ *eb %'sting, "#! $%"a"#i!a" a4a@&% '%6aai *ebser(er/

Li#%S4%%+ #%*'%+ia "#! Li", Ma@ OS , S5(a*i', +a" .*%%BSD/ Ri(i' '#a6i(

#%*a!&i* a+a(a& >/0 )a" +i*i(i' 4a+a 6(a" A4*i( 201>/


47/95

BAB I4

PEMBAHASAN

.1 A%!l/'! S/'"e+

a+a 'aa# i"i, 4%*'a&aa" +a(a$ $%$6%*i!a" i"5*$a'i !%4a+a !a*)a:a"

$a'i& '(i#/ Ka*%"a i# 'i'#%$ a4(i!a'i Disp$ayI"5*$a'i D%4a*#%$%" *5+!'i

)a" 'aa# i"i 6%*ja(a" $%$i(i!i !%!*a"a", )ai#

a. %")a$4aia" i"5*$a'i $a'i& &a*' +i@%#a!/

b. I"5*$a'i )a" '+a& +i@%#a! &a*' +i#%$4%( +i #%$65! '--i!e.

!. Di6#&!a" *a" !5'5" )a" (a' "#! $%")a$4ai!a" i"5*$a'i

)a" 6a")a!/

.2 A%!l/'! Ke,("(h!% S/'"e+

A4(i!a'i i"i #%*+a4a# !%6#&a" 'i'#%$ +a" 4%*6a&a" )a" a!a" #%*ja+i

4a+a 'i'#%$ '%6aai 6%*i!#

Ta6%( 9/1 A"a(i'a K%6#&a" Si'#%$

?ser @ie* Re>uirement

%"*'F"ministrat'r 1. M%(i&a#, $%(a!!a" 4%"i'ia",

$%"&a4', +a" $%"6a& +a#a

)a" $%(i4#i

a. Da#a 6aia" !%*ja

b. Da#a e(ent

!. Da#a a(%*i 5#5

". Da#a ja+:a( 4%$6aia" #a'

$i"a" JM3

e. Da#a !a*)a:a"

-. Da#a $%'i"

g. Da#as%i-t

%. Da#a 6%*i#a #%!' 6%*ja(a"

i. Da#a #a' !a)a:a"

=. Da#a a(%*i i+%5

>


48/95

2. M%(a!!a" $'gin'%6aai

a"ministrat'r

3. M%(a!!a" 4%"6a&a" !a#a 'a"+i

%""a 1/ M%"a!'%' &a(a$a" )a" $%(i4#i

a/ Ha(a$a" 6%*a"+a

6/ Ha(a$a" i"5*$a'i $%'i"

@/ Ha(a$a" i"5*$a'i ja+:a(

4%$6aia" #a' $i"a"

JM3

+/ Ha(a$a" a(%*i 5#5 +a" i+%5

2/ M%(i&a# i"5*$a'i (a" #a&",e(ent, +a" 6%*i#a 6%*ja(a"

.* A%!l/'! Ke,("(h!% D!"!

Da#a )a" +i4%*(!a" +a(a$ $%$6a"" a4(i!a'i Disp$ay I"5*$a'i

D%4a*#%$%" *5+!'i, )ai#

Ta6%( 9/2 A"a(i'a K%6#&a" Da#a

Da#a D%'!*i4'i

Baia"1/ I+6aia"

2/ Na$a

+(ent

1/ I+%%"#

2/ J+(

/ Wa!#$(ai

9/ Wa!#a!&i*

>/ T%$4a#

.5#5 1/ I+5#5

2/ J+(

/ .5#5

JM 1/ I+j4$

2/ T($(ai

/ T(a!&i*

JM+%#ai( 1/ I+j4$+%#ai(


49/95

2/ Ni!

/ I+'&i#

Ka*)a:a" 1/ Ni!

2/ Na$a

/ T((&*

9/ .5#5

>/ I+6aia"

;/ I+$%'i"

7/ Ta'

M%'i" 1/ I+$%'i"

2/ I+6aia"

/ Na$a

M%'i"+%#ai( 1/ I+4a'a"

2/ I+$%'i"4a@!

/ I+$%'i"i((

#%i-t 1/ I+'&i#

2/ Na$a

/ W!#$(ai

9/ W!#a!&i*>/ W!#6*%a!$(ai

;/ W!#6*%a!a!&i*

7/ K%#%*a"a"

T%!'6%*ja(a" 1/ I+#%!'

2/ T%!'

Ta' 1/ I+#a'

2/ Ta'

/ I+6aia"i+%5 1/ I+i+%5

2/ J+(

/ i+%5


50/95

.. Pe#!%!%&!% P#'e3(# !"!( Al(#

a+a a4(i!a'i Disp$ayI"5*$a'i D%4a*#%$%" *5+!'i i"i #%*+a4a# +a

4i&a!, )ai# 4%""a +a" 4%"*' '%6aai a"ministrat'r. B%*i!# -$'* !%art

a4(i!a'i Disp$ayI"5*$a'i D%4a*#%$%" *5+!'i

9/9/1/ .(5:@&a*# A+$i"i'#*a#5*

a. )$'*!%art L'gin

Ga$6a* 9/1)$'*!%art "ministrat'r L'gin

b. )$'*!%art Ta$6a& Baia" K%*ja

Ga$6a* 9/2)$'*!%art "ministrat'r Ta$6a& Baia"

!. )$'*!%art Ta$6a&+(ent


51/95

Ga$6a* 9/)$'*!%art "ministrat'rTa$6a&+(ent

". )$'*!%art Ta$6a& .5#5

Ga$6a* 9/9)$'*!%art "ministrat'rTa$6a& .5#5

e. )$'*!%art Ta$6a& Ta'


52/95

Ga$6a* 9/>)$'*!%art "ministrat'rTa$6a& Ta'

-. )$'*!%art Ta$6a& i+%5

Ga$6a* 9/;)$'*!%art "ministrat'rTa$6a& i+%5

g. )$'*!%art Ta$6a& #%i-t


53/95

Ga$6a* 9/7)$'*!%art "ministrat'rTa$6a& #%i-t

%. )$'*!%art Ta$6a& M%'i"

Ga$6a* 9/8)$'*!%art "ministrat'rTa$6a& M%'i"

i. )$'*!%art Ta$6a& B%*i#a B%*ja(a"


54/95

Ga$6a* 9//1/ Data )$'* DiagramD.D3

Data )$'* Diagram D.D3 $%*4a!a" +ia*a$ )a" $%""a!a"

"5#a'i-"5#a'i a#a 'i$65(-'i$65( "#! $%"a$6a*!a" 'i'#%$ ja*i"a" !%*ja


55/95

a"#a* "'i-"'i )a" 6%*&6"a" 'a# 'a$a (ai" +%"a" a(i*a" +a"

4%")i$4a"a" +a#a/ a+a a4(i!a'i i"i ja #%*+a4a# &6"a" a"#a* !%+a &a(

#%*'%6#/

Ga$6a* 9/11 D.D $e(e$ 0 A4(i!a'iDisp$ay I"5*$a'i *5+!'i

Data berita

Pengguna

2

ManipulasiBerita

3

Manipulasi

Jadwal

Mingguan

4

ManipulasiGaleri Foto

5

ManipulasiGaleri Video

1 Database d b_di splay

Manipulasi !"ent

Data #adwal$ingguan

Data galeri

%oto

Data galeri

%oto

Data galeri

"ideo

Data galeri

"ideo

Data e"ent

Data e"ent

Data berita

Data #adwal $ingguan

Pengurus

Data berita

Data berita




Data galeri %oto

Data galeri %oto

1

&ogin

Data berita

Data login

Data login

Data galeri

%oto

Data galeri

"ideo

Data e"ent

Data galeri "ideo

Data galeri "ideo

Data galeri e"ent

Data galeri e"ent

Ga$6a* 9/12 D.D $e(e$ 1 A4(i!a'iDisp$ay I"5*$a'i *5+!'i


56/95

1'2

(e) "alida si userna$e * password

+&ogin,

1'1

-nput userna$e * password

+&ogin,

1'3

Masu))an data player )e session

+&ogin,

Pengurus

.serna$e/ password

.serna$e

2 0abel ad$in Data ad$in

Data ad$in

Ga$6a* 9/1 D.D $e(e$ 2L'ginA4(i!a'iDisp$ay I"5*$a'i *5+!'i

Pengurus Pengguna

2'1

-nput berita

+Manipulasi Berita,Data berita

3 0abel berita

Data berita

2'2

Mena$pil)an

berita

+Manipulasi Berita,

Data berita

Data berita

Ga$6a* 9/19 D.D $e(e$ 2 Ta$6a& 6%*i#a A4(i!a'iDisp$ay I"5*$a'i *5+!'i

Pengurus Pengguna

4 0abel #p$Data #p$ Data #p$

3'2

-nput ni)/si%t

+Manipulasi Jadwal Mingguan,

Data #p$

5 0abel #p$_detail

Data #p$

3'3Mena$pil)an #p$

+Manipulasi Jadwal Mingguan, Data

#p$

3'1

-nput tgl_$ulai/ tgl_a)ir

+Manipulasi Jadwal Mingguan,

Data

#p$

Data

#p$

Ga$6a* 9/1> D.D $e(e$ 2 Ta$6a& JM A4(i!a'iDisp$ay I"5*$a'i *5+!'i


57/95

Pengurus Pengguna

4'1

-nput %oto/ #udul

+Manipulasi Galeri Foto,

4'2

(e) tipe %oto


Data %oto4'3

.pload %oto+Manipulasi Galeri Foto,

Data %oto

0abel %oto

Data %oto

4'4

Mena$pi l)an %oto


Data %oto

Data %oto

Data %oto

Ga$6a* 9/1; D.D $e(e$ 2 Ta$6a& .5#5 A4(i!a'iDisp$ay I"5*$a'i *5+!'i

Pengurus Pengguna

5'1

-nput "ideo/ #udul

+Manipulasi Galeri Video,

Data "ideo

5'2

(e) tipe "ideo


Data "ideo5'3

.pload "ideo


0abel "ideo

5'4

Mena$pil)an "ideo


Data "ideo

Data "ideo

Data "ideo

Data "ideo

Ga$6a* 9/17 D.D $e(e$ 2 Ta$6a& i+%5 A4(i!a'iDisp$ay I"5*$a'i *5+!'i


58/95

Pengurus Pengguna

'1

-nput e"ent+Manipulasi !"ent,

Data e"ent

0abel e"ent

'2

Mena$pil)an

e"ent

+Manipulasi !"ent,

Data e"ent

Data e"ent

Data e"ent

Ga$6a* 9/18 D.D $e(e$ 2 Ta$6a&+(entA4(i!a'iDisp$ay I"5*$a'i *5+!'i

.6 Pe#!%!%&!% B!'/' D!"!

a+a a4(i!a'i i"i $%""a!a" 6a'i' +a#a +a(a$ $%")i$4a" +a#a/ U"#!

$%(i&a# *%(a'i a"#a* #a6%( +a4a# +i(i&a# 4a+a 6aia" ERD +ntity Re$ati'ns%ip

Diagram3 +a" "#! $%(i&a# '#*!#* #a6%( +a4a# +i(i&a# 4a+a 6aia" +%'!*i4'i

#a6%(/

9/;/1/ +ntity Re$ati'ns%ip DiagramERD3

M5+%( +a#a 6%*4a "5#a'i *ai' +a(a$ 4%$5+%(a" +a#a !5"'%4#a( )a"

$%"a$6a*!a" &6"a" a"#a* 4%")i$4a"a" 'a# +%"a" 4%")i$4a"a" (ai"")a/

Dia*a$ &6"a" %"#i#a' a4(i!a'i Disp$ay I"5*$a'i D%4a*#%$%" *5+!'i

+a4a# +i(i&a# 4a+a a$6a* 9/1


59/95


60/95

2. Ta6%(+(ent

Ta6%( 9/9 S#*!#* Ta6%(+(ent

Na$a K5(5$ Ti4% Da#a K%#%*a"a"

I+%%"# I"#113 *i$a*) !%), A#5 i"@*%$%"#

J+( a*@&a*2>>3

Wa!#$(ai Da#%#i$%

Wa!#a!&i* Da#%#i$%

T%$4a# a*@&a*1003

3. Ta6%( .5#5

Ta6%( 9/> S#*!#* Ta6%( .5#5


I+5#5 I"#113 *i$a*) !%), A#5 i"@*%$%"#

J+( a*@&a*2>>3

.5#5 a*@&a*2>>3

4. Ta6%( j4$

Ta6%( 9/; S#*!#* Ta6%( j4$


I+j4$ I"#113 *i$a*) !%), A#5 i"@*%$%"#

T($(ai Da#%

T(a!&i* Da#%

5. Ta6%( j4$+%#ai(

Ta6%( 9/7 S#*!#* Ta6%( j4$+%#ai(


I+j4$+%#ai( I"#113

Ni! a*@&a*203

I+'&i# I"#113

6. Ta6%( !a*)a:a"

Ta6%( 9/8 S#*!#* Ta6%( !a*)a:a"


61/95


Ni! a*@&a*203 *i$a*) !%)

Na$a a*@&a*1003

T((&* Da#%.5#5 a*@&a*1003

I+6aia" I"#113

I+$%'i" I"#113

Ta' a*@&a*1003

7. Ta6%( $%'i"

Ta6%( 9/< S#*!#* Ta6%( $%'i"

Na$a K5(5$ Ti4% Da#a K%#%*a"a"I+$%'i" I"#113 *i$a*) !%), A#5 i"@*%$%"#

I+6aia" I"#113

Na$a a*@&a*1003

A. Ta6%( $%'i"+%#ai(

Ta6%( 9/10 S#*!#* Ta6%( $%'i"+%#ai(


I+4a'a" I"#113

I+$%'i"4a@! I"#113

I+$%'i"i(( I"#113

B. Ta6%( '&i#

Ta6%( 9/11 S#*!#* Ta6%( '&i#


I+'&i# I"#113 *i$a*) !%), A#5 i"@*%$%"#Na$a a*@&a*1003

W!#$(ai Ti$%

W!#a!&i* Ti$%

W!#6*%a!$(ai Ti$%

W!#6*%a!a!&i* Ti$%

K%#%*a"a" T%#

1C. Ta6%( #%!'6%*ja(a"

Ta6%( 9/12 S#*!#* Ta6%( #%!'6%*ja(a"


62/95


I+#%!' I"#113 *i$a*) !%), A#5 i"@*%$%"#

T%!' a*@&a*2>>3

11. Ta6%( #a'

Ta6%( 9/1 S#*!#* Ta6%( #a'


I+#a' I"#113 *i$a*) !%), A#5 i"@*%$%"#

Ta' a*@&a*1003

I+6aia" I"#113

12. Ta6%( i+%5

Ta6%( 9/19 S#*!#* Ta6%( i+%5


I+i+%5 I"#113 *i$a*) !%), A#5 i"@*%$%"#

J+( a*@&a*2>>3

i+%5 a*@&a*2>>3

. Pe#!%!%&!%"nter#ace !"!( T!+;/l!%

%*a"@a"a" inter-a!e a#a #a$4i(a" a+a(a& !ajia" $%"%"ai 4%"%"#a"

!%*a"!a +a'a* 4%$6a#a" #a$4i(a"F+%'ai" '%6a& &a(a$a" *ebsite. Di$a"a

!%*a"!a i"i &a")a 6%*i'i 6aia" +i '%#ia4 6aia"")a #a"4a $%"a$6a*!a"

i'i")a/

%*a"@a"a" +ia$6a*!a" +a(a$ '!%#'a +a'a*, +i$a"a &a")a +ia$6a*!a"

6%*4a #a6%( +a" +i6%*i "a$a #ia4 6aia"")a, #a"4a $%$6%*i!a" a#a

$%"a$6a*!a" #a$4i(a" '%4%*#i a'(i")a/ *5'%' 4%*%"@a"aa" i"i $%(i4#i

4%*%"@a"aa" +%'ai" #a$4i(a" &a(a$a"-r'nt en" +a" &a(a$a" ba!k en".

9/7/1/ Lay'utHa(a$a")r'nt +n"

Ha(a$a" -r'nt en" $%*4a!a" &a(a$a" )a" +i#a$4i(!a" !%4a+a

4%""a )a" $%$i(i!i $a4" )a" #i+a! $%$i(i!i &a! a!'%' #%*&a+a4 'i'#%$/

1. Ha(a$a" $'gin a"ministrat'r


63/95

L55

T%#65pass*'r"

C54)*i

Ga$6a* 9/20Lay'utHa(a$a" $'gina"ministrat'r

K%#%*a"a"

a+a &a(a$a" i"i #%*+a4a# textb'x "#! username +a" pass*'r" )a"

+i6#&!a" "#! $'gin'%6aai a"ministrat'r/ K%+a textb'xi"i &a*' +ii'i, 6i(a

'a(a& 'a# textb'x #i+a! +ii'i a#a a!" #i+a! a+a, $a!a a!a" $"@(

4%$6%*i#a&a" err'r/

2. Ha(a$a" 6%*a"+a 4%""a

Ga$6a* 9/21Lay'utHa(a$a"6%*a"+a 4%""a

K%#%*a"a"

T5$65( Ma'!

Ta$4i(!a" M%" Wa!# Ha*i I"i

K5"#%"

U(a"

Ta&" Ha*i

E%"#

B(a" i"i

B%*i#a B%*ja(a"


64/95

a+a &a(a$a" 6%*a"+a 4%""a #%*+a4a# #5$65( Ta$4i(!a" M%" "#!

$%"a$4i(!a" $%" )a" '%6%($")a +i'%$6")i!a"/ a+a !5"#%" U(a" Ta&"

Ha*i i"i #%*+a4a# 5#5, "a$a, +a" $* !a*)a:a" )a" '%+a" 6%*(a" #a&"/

a+a +(ent 6(a" i"i #%*+a4a# e(ent6(a" i"i )a" 6%($ +i(a!'a"a!a" 6%*4a

j+(, :a!#, +a" #%$4a# e(ent.

3. Ha(a$a" JM, I"5*$a'i, G*ai!/

Ga$6a* 9/22Lay'utHa(a$a"JM, i"5*$a'i, *ai!

K%#%*a"a"

a+a &a(a$a" i"i &a")a #%*+a4a# !5"#%" +a" 6%*i#a 6%*ja(a", !a*%"a !5"#%"

JM, i"5*$a'i, +a" *ai! $%$6#&!a" *a" )a" @!4 (a' aa* #(i'a"

+a4a# #%*6a@a +%"a" j%(a'/

9/7/2/ Lay'utHa(a$a"a!k+n"

Ha(a$a" ba!k en"$%*4a!a" &a(a$a" +i $a"a 4%""a )a" $%$i(i!i

&a! a!'%' #%*&a+a4 'i'#%$ +a4a# $%(a!!a" 4*5'%+* !reate, rea", up"ate,

$a4" "e$ete'%'ai +%"a" &a! )a" +i$i(i!i")a/

1. Ha(a$a" 6%*a"+a a"ministrat'r

K5"#%"T5$65( K%$6a(i

B%*i#a B%* a(a"


65/95

2.

3.

4.

5.

Ga$6a* 9/2Lay'utHa(a$a"6%*a"+a a"ministrat'r

K%#%*a"a"

a+a &a(a$a" 6%*a"+a a"ministrat'r #%*+a4a# "r'p"'*n +%"a" (a6%(

username)a" a4a6i(a +i!(i! a!a" $"@( (i"! "#! %+i# pass*'r" +a" "#!

$'g'ut/ K%$+ia" #%*+a4a# M%" )a" 6%*"'i "#! $%"&6"!a" !%

&a(a$a" (ai", )a" a!a" +i#a$4i(!a" +i 6aia" !5"#%"/

.7 Site$ap

#itemap $%*4a!a" 4%#a 4a+a '%6a& 'i#'/ #itemap 'a"a# +i6#&!a"

6ai 4%""a 'i#' "#! $%$+a&!a" $%"j%(aja&i *ebsite )a" '%+a"

+i"a!a"/ a+a +a'a*")a, sitemap $%*4a!a" "aia'i-"aia'i )a" a+a 4a+a

*eb.

U"#! $%"%#a&i &a(a$a"-&a(a$a" )a" #%*+a4a# 4a+a *ebsite Disp$ay

I"5*$a'i D%4a*#%$%" *5+!'i, 4%"(i' $%"a$6a*!a" +%"a" sitemap

6%*i!#/

Pengguna

Beranda JPM Galeri -n%or$asi Gra%i)

Foto

Video

-nstru)si er#a

M%"

L5 5 %*'a&aa" U'%*"a$%

U'%*"a$%

+a" (%%(

C54)*i

K5"#%"


66/95

Ga$6a* 9/29 #itemap Ha(a$a" %""a

Administrator

Beranda JPM Import -n%or$asi Event Bagian er#a Mesin

i%t aryawan GaleriGantiBackground

EditPassword

eluar

Input

Delete

Waste

-

BeritaBer#alan

-n%o

Input

Edit

Delete

Input

Edit

Delete

Input

Edit

Delete

Input

Edit

Delete

Input

Edit

Delete

Input

Edit

Delete

Input

Edit

Delete

Ga$6a* 9/2> Si#%$a4 Ha(a$a" A+$i"i'#*a#5*

.


67/95

B%*6aai 4*5*a$ 4%"+!" )a" +i"a!a" +a(a$ 4%$6a#a" *eb i"i

'a"a# 6%*aa$ +a" 54'i5"a(, $a!'+")a a+a(a& 4*5*a$ )a" +i"a!a"

6%*6%+a "a$" $%$i(i!i 'ia# +a" !%"aa" )a" 'a$a/ B%*i!# 4*5*a$ a4(i!a'i

4%"+!"")a/

a/ L'!a$ #er(er

Da(a$ &a( i"i 4%"(i' $%""a!a" Wa$4 '%6aai a4(i!a'i *eb

ser(er/ Da(a$ i"'#a(a'i Wa$4 #i+a!(a& '(i#, &a")a $%"i!#i 4%*i"#a&

+%$i 4%*i"#a& )a" +ii"'#*!'i!a"/

6/ 0ext +"it'r

Da(a$ &a( $%$i(i& a4(i!a'i 4%"+!" text e"it'r 4%"(i'

$%""a!a" S6(i$% T%# "#! $%")"#i" 4%$6a#a" &a(a$a"

*eb. Ba&a'a 4%$*5*a$a" )a" #%*+a4a# 4a+a text e"it'r i"i 'a$a

'%4%*#i text e"it'r)a" (ai"")a/ Ba&a'a 4%$*5*a$a" )a" +i"a!a"

+a(a$ 4%$6a#a" *ebi"i a+a(a& HTML, CSS, H, +a" Jaa'@*i4#/

I"'#a(a'i S6(i$% T%# #i+a! @!4 '(i#, &a")a $%"i!#i 4%*i"#a&-

4%*i"#a& )a" +ii"#*!'i!a"/

@/ r'*ser

Da(a$ &a( $%$i(i& br'*ser4%"(i' $%""a!a" G55(% C&*5$%/

."'i +a*i br'*ser+a(a$ 4%$6a#a" *eb a+a(a& "#! $%"a$4i(!a"

+a" $%(a!!a" i"#%*a!'i +%"a" +5!$%" )a" +i'%+ia!a" 5(%& *eb

ser(er/ Ca*a $%"i"'#a( @!4 "'*n$'a" #%*(%6i& +a&( +i *ebsite

*%'$i G55(% C&*5$%, insta$$ +a" #" &i"a 4*5'%' i"'#a(a'i

'%(%'ai/

2/ %$6a#a" Ba'i' Da#aDa(a$ 4%$6a#a" 6a'i' +a#a, +i4%*(!a" 4%@a"@a"a" #%*(%6i& +a&(,

'%4%*#i #a6%( a4a 'aja )a" +i6#&!a" +a(a$ 4%$6a#a" a4(i!a'i, !5(5$ a4a 'aja

)a" #%*+a4a# +a(a$ '%6a& #a6%(, primary key+a*i '%6a& #a6%(,'%*#a &a( +%#ai(

'%4%*#i #i4% +a#a )a" +i"a!a" +a*i '%6a& !5(5$ +a" )a" (ai"")a

B%*i!# a!a" +ij%(a'!a" (a"!a&-(a"!a& +a(a$ 4%$6a#a" 6a'i' +a#a +i

4&4M)A+$i"


68/95

a/ M%$6a# 6a'i' +a#a 6a* +%"a" "a$a +6+i'4(a) !%$+ia" !(i! 6a#,

'%4%*#i 4a+a a$6a* +i 6a:a& i"i/

Ga$6a* 9/2; %$6a#a" Ba'i' Da#a

6/ S%#%(a& !(i! 6a#, !%$+ia" a!a "a+a 5*$ "#! $%$6a# #a6%(/ T(i'!a"

"a$a #a6%( +a" 6a")a! !5(5$ )a" +i6#&!a" 4a+a #a6%( i# !%$+ia"

!(i! Ki*i$, '%4%*#i 4a+a a$6a* +i 6a:a& i"i/

Ga$6a* 9/27 %$6a#a" Ta6%(

@/ S%#%(a& !(i! Ki*i$, !%$+ia" i'i !5(5$-!5(5$ 6%*i!# 6%'%*#a #i4% +a#a,

4a"ja" +a*i #i4% +a#a, i"+%!' +a" !%#%*a"a" (ai"")a/ S%#%(a& i# !(i!

Si$4a" '%4%*#i 4a+a a$6a* +i 6a:a& i"i/

Ga$6a* 9/28 %$6a#a" I'i Ta6%( K5(5$3

+/ %$6a#a" #a6%( 6%'%*#a i'i #a6%( !5(5$3 #%(a& '%(%'ai, (a"i (a"!a& 6

+a" @ "#! $%$6a# #a6%( 6a*/

/ S!*i4

a+a 6aia" i"i +i6a&a' $%"%"ai 6%6%*a4as'ur!e !'"e+a(a$ 'i'#%$

a4(i!a'i Disp$ayI"5*$a'i D%4a*#%$%" *5+!'i/

a/ K5"%!'i


69/95

a+a 6aia" !5"%!'i i"i +i"a!a" "#! $%"&6"!a" a4(i!a'i !%

6a'i' +a#a )a" a+a +i $'!a$ ser(er)a" #%(a& +ii"'#a(( #%*(%6i& +a&(/

S!*i4 !5"%!'i +a4a# +i(i&a# 4a+a a$6a* 6%*i!#/

Ga$6a* 9/2< S!*i4 K5"%!'i

6/ %$a"i(a" CSS

Ga$6a* 9/0 S!*i4 %$a"i(a" CSS

@/ %$a"i(a"P$ugin Jaa'@*i4#

Ga$6a* 9/1 S!*i4 %$a"i(a"P$ugin Jaa'@*i4#

.10 S/+(l!'/"nter#ace A;l/$!'/

a+a 6aia" i"i $%"j%(a'!a" #%"a" 'i$(a'i #a$4i(a" +a*i a4(i!a'i/

Si$(a'i a+a(a& 4%"a$6a*a" 'a# 'i'#%$ a#a 4*5'%'/

a+a 6aia" 'i$(a'i inter-a!e i"i $%"j%(a'!a" 6aai$a"a a4(i!a'i

6%*ja(a", '%*#a $%"a$4i(!a" #a$4i(a" +i '%#ia4 &a(a$a" )a" #%*+a4a# 4a+a

a4(i!a'i/ a+a 6aia" 'i$(a'i inter-a!e a4(i!a'i i"i ja $%$6a&a' i#*-i#*

)a" #%*+a4a# 4a+a a4(i!a'i, '%&i"a $%$+a&!a" 4%""a '%6%($

$%"ja(a"!a" a4(i!a'i/

Baia" )a" +ij%(a'!a" $%"@a!4 !5"#%" )a" #%*+a4a# 4a+a &a(a$a"

#%*'%6#, i#*-i#* )a" #%*+a4a# 4a+a &a(a$a" #%*'%6#, +a" 4%""a +%"a"

&a! a!'%' a4a )a" +a4a# $%"a!'%' &a(a$a" #%*'%6#/

1/ Ha(a$a" B%*a"+a %""a


70/95

Ga$6a* 9/2 Ha(a$a" B%*a"+a %""a 1

Ga$6a* 9/ Ha(a$a" B%*a"+a %""a 2

a+a &a(a$a" 6%*a"+a 4%""a i"i #%*+a4a# @a4a" '%(a$a# +a#a",

:a!# 'aa# i"i, !a*)a:a" )a" 6%*(a" #a&" &a*i i"i, a@a*a 6(a" i"i, +a" #%*+a4a#

i"5*$a'i 4*5+!'i )a" +ia$6i( +a*i *ebsite4%*'a&aa"/ M%" 4a+a &a(a$a" i"i

+i'%$6")i!a" #%*(%6i& +a&(, !a*%"a !5"#%" 4a+a &a(a$a" i"i $%$6#&!a"

spa!e )a" @!4 (a'/ Ma!a +a*i i# +i6a# #5$65( "#! $%"a$4i(!a" $%",

a4a6i(a #5$65( #%*'%6# +i!(i! $a!a #a$4i(a" a!a" '%4%*#i a$6a* 9// Di 6a:a&

&a(a$a" i"i #%*+a4a# 6%*i#a 6%*ja(a"/


71/95

2/ Ha(a$a" JM

Ga$6a* 9/9 Ha(a$a" JM

a+a &a(a$a" JM a#a ja+:a( !%*ja 4%* $i" #%*+a4a# i"5*$a'i :a!#

$a'! !%*ja !a*)a:a" 4%* $%'i"")a/ a+a 4%$6aia" ja+:a( $a'! !%*ja")a

+i6ai $%"ja+i 2s%i-t)ai#s%i-t A +a"s%i-t B/ Di6aia" i"i ja #%*+a4a# 6%*i#a

6%*ja(a" '%4%*#i +i &a(a$a" 6%*a"+a/

/ Ha(a$a" Ga(%*i .5#5

Ga$6a* 9/> Ha(a$a" Ga(%*i .5#5


72/95

a+a &a(a$a" a(%*i 5#5 #%*+a4a#s$i"es%'*"#! $%"a$4i(!a" 5#5-5#5

!%ia#a" )a" '+a& +i(a!!a" !a*)a:a", '%4%*#i !%ia#a" gat%ering -ami$y/

S%4%*#i &a(")a &a(a$a" 6%*a"+a, 4a+a &a(a$a" i"i ja #%*+a4a# !a*)a:a" )a"

6%*(a" #a&" &a*i i"i, a@a*a 6(a" i"i, +a" 6%*i#a 6%*ja(a"/

9/ Ha(a$a" Ga(%*i i+%5

Ga$6a* 9/; Ha(a$a" Ga(%*i i+%5

a+a &a(a$a" a(%*i i+%5 #%*+a4a# !$4(a" i+%5 "#! $%"a$4i(!a"

i+%5 !%ia#a" )a" '+a& +i(a!!a" !a*)a:a" a#a4" i"5*$a'i )a" 6%*6%"#!

i+%5/ i+%5 i"i a!a" 6%*ja(a" '%@a*a 5#5$a#i' +a" 6%**#a"/ S%4%*#i &a(")a

&a(a$a" 6%*a"+a, 4a+a &a(a$a" i"i ja #%*+a4a# !a*)a:a" )a" 6%*(a" #a&"

&a*i i"i, a@a*a 6(a" i"i, +a" 6%*i#a 6%*ja(a"/

>/ Ha(a$a" G*ai! Waste


73/95

Ga$6a* 9/7 Ha(a$a" G*ai!

a+a &a(a$a" *ai! *aste#%*+a4a# *ai! "#! $%"a$4i(!a" 4%*'%"#a'%

*aste6a&a" !%$a', '%4%*#i +', 65, +a" r'$$/ Da(a$ $%"a$4i(!a" *ai! *aste

i"i +a4a# +ia#* 6%*+a'a*!a" #a&", 6(a", #a$4i(a"bran" 4*5+!, +a" i#%$3/

a+a &a(a$a" i"i ja #%*+a4a# 6%*i#a 6%*ja(a" +i6aia" 6a:a&")a/

;/ Ha(a$a" i"5

Ga$6a* 9/8 Ha(a$a" I"5


74/95

a+a &a(a$a" i"5 #%*+a4a# s$i"es%'*"#! $%"a$4i(!a" i"5*$a'i )a"

6%*6%"#! a$6a*/ a+a 6aia" 6a:a&")a #%*+a4a# 6%*i#a 6%*ja(a" "#!

$%"a$4i(!a" i"5*$a'i )a" 6%*6%"#! #%!'/

7/ Ha(a$a" I"'#*!'i K%*ja

Ga$6a* 9/< Ha(a$a" I"'#*!'i K%*ja

a+a &a(a$a" i"'#*!'i !%*ja i"i #%*+a4a# +a#a* i"'#*!'i !%*ja 6ai! 6aia"

+a*i 6aia"pa!king $a4"pr'!essing.U"#! $%$6a@a i"'#*!'i !%*ja")a, &a*'

!(i! 4a+a $ink)a" '%(a"j#")a a!a" #%*&6" !% &a(a$a" +%#ai( i"'#*!'i !%*ja/

S%4%*#i &a(")a &a(a$a" 6%*a"+a, 4a+a &a(a$a" i"i ja #%*+a4a# !a*)a:a" )a"

6%*(a" #a&" &a*i i"i, a@a*a 6(a" i"i, +a" 6%*i#a 6%*ja(a" +i 6a:a&")a/

8/ Ha(a$a" I"'#*!'i K%*ja D%#ai(


75/95

Ga$6a* 9/90 Ha(a$a" I"'#*!'i K%*ja D%#ai(

a+a &a(a$a" i"'#*!'i !%*ja +%#ai( #%*+a4a# 4+ (ie*er "#! $%$6a@a

i"'#*!'i !%*ja )a" #%(a& +i4i(i& +i &a(a$a" i"'#*!'i !%*ja/ a+a &a(a$a" i"i ja

#%*+a4a# !a*)a:a" )a" 6%*(a" #a&", a@a*a 6(a" i"i, +a" 6%*i#a 6%*ja(a" +i

6a:a&")a/


76/95

$%$a'!!a" usernamea#apass*'r" $a!a a!a" $"@( 4%$6%*i#a&a" 6a&:a

username +a"pass*'r"&a*' +ii'i/ B%i# ja a4a6i(a a!" #i+a! +i#%$!a",

$a!a a!a" $"@( 4%$6%*i#a&a" 6a&:a a!" #i+a! a+a/

10/ Ha(a$a" 6%*a"+a a"ministrat'r

Ga$6a* 9/92 Ha(a$a" 6%*a"+a a"ministrat'r

Ha(a$a" 6%*a"+a a"ministrat'r a+a(a& &a(a$a" )a" 4%*#a$a +ia!'%'

!%#i!a '%5*a" a"ministrat'r6%*&a'i( $%(a!!a" 4*5'%' $'gin.a+a &a(a$a" i"i

$%"a$4i(!a" $%" a"ministrat'r, i"5*$a'i j$(a& +a#a, +a#a !a*)a:a", +a"

+a#a $%'i"/

11/ Ha(a$a" Ta$6a& JM


77/95

Ga$6a* 9/9 Ha(a$a" Ta$6a& JM

Ha(a$a" #a$6a& JM a+a(a& &a(a$a" )a" 6%*"'i "#! $%$6a#

ja+:a( !%*ja $i"a" !a*)a:a"/ a+a &a(a$a" #a$6a& JM #%*+a4a# 2 textb'x

)ai# #a"a( $(ai +a" #a"a( a!&i*/ K%+a textb'x #%*'%6# +i6#&!a" "#!

$%$6a#a'i :a!# 4%$6a#a" JM, 6ia'a")a 4%$6a#a" JM i"i +i6a#

4%*$i"/ JM i"i +i6a# 4%*$%'i", $a'i"-$a'i" $%'i" 6%*6%+a :a!# $a'!

!%*ja")a/ "ministrat'r +a4a# (a"'" $%$i(i& !a*)a:a" +%"a" !%e!k$ist

+i6aia" !%e!kb'x/

12/ Ha(a$a",mp'rtWaste


78/95

Ga$6a* 9/99 Ha(a$a",mp'rt Waste

Ha(a$a" imp'rt *astea+a(a& &a(a$a" "#! $%$a'!!a" j$(a& *aste

4*5+!'i '%4%*#i 65, +', +a" *5((/ Da#a )a" a!a" +i$a'!!a" 6%*6%"#! -i$e%@%( +%"a" 5*$a# /('/ Da#a *aste i"i +i!%(5$45!!a" 6%*+a'a*!a" #a&" +a"

6(a", )a" '%(a"j#")a a!a" +i#a$4i(!a" 6%*6%"#! *ai! 6a#a"/

1/ Ha(a$a",mp'rt I"'#*!'i K%*ja

Ga$6a* 9/9> Ha(a$a",mp'rtI"'#*!'i K%*ja

Ha(a$a" i"'#*!'i !%*ja a+a(a& &a(a$a" "#! $%$a'!!a" i"'#*!'i !%*ja

+%"a" 5*$a# /4+/ a+a &a(a$a" i"i #%*+a4a# textb'x j+( +a" #5$65( "#!

$%$i(i& -i$e 4+/ A4a6i(a -i$e 6%*&a'i( +i$a'!!a", $a!a a!a" $"@( +i #a6%(

Da#a IK/ a+a &a(a$a" i"i ja #%*+a4a# #5$65( "#! $%"&a4' i"'#*!'i !%*ja

)a" '+a& +i$a'!!a"/

19/ Ha(a$a" Ta$6a& B%*i#a B%*ja(a"


79/95

Ga$6a* 9/9; Ha(a$a" Ta$6a& B%*i#a B%*ja(a"

Ha(a$a" #a$6a& 6%*i#a 6%*ja(a" a+a(a& &a(a$a" "#! $%"a$6a&!a"

6%*i#a 6%*ja(a" )a" a!a" +i#a$4i(!a" +i &a(a$a" 6%*a"+a 4%""a/ a+a

&a(a$a" i"i #%*+a4a# '%6a& textb'x )a" &a*' +ii'i +%"a" 6%*i#a )a" a!a"

+i#a$4i(!a"/ A4a6i(a +a#a 6%*&a'i( +i$a'!!a", $a!a a!a" $"@( +i #a6%( Da#a

B%*i#a/ a+a #a6%( #%*'%6# #%*+a4a# 2 a!'i, )ai# &a4' +a" e"it/

1>/ Ha(a$a" Ta$6a& I"5

Ga$6a* 9/97 Ha(a$a" Ta$6a& I"5


80/95

Ha(a$a" #a$6a& i"5 a+a(a& &a(a$a" "#! $%"a$6a&!a" i"5*$a'i )a"

6%*6%"#! a$6a* )a" a!a" +i#a$4i(!a" +i Ha(a$a" I"5*$a'i/ a+a &a(a$a" i"i

#%*+a4a# '%6a& textb'x j+( +a" #5$65( "#! $%$i(i& a$6a*/ A4a6i(a

4%"i'ia" +a#a '+a& '%(%'ai !%$+ia" !(i! #5$65( Ta$6a& I"5/

1;/ Ha(a$a" Li&a# I"5

Ga$6a* 9/98 Ha(a$a" Li&a# I"5

Ha(a$a" (i&a# i"5 a+a(a& &a(a$a" "#! $%(i&a# +a#a i"5*$a'i )a"

'+a& a+a, '%4%*#i j+( +a" a$6a*/ Di &a(a$a" i"i ja #%*+a4a# 2 #5$65(, )ai#

#5$65( &a4' +a" #5$65( e"it/ A4a6i(a #5$65( &a4' +i!(i!, $a!a a!a" $"@(

!5"i*$a'i 4%"&a4'a" "#! $%)a!i"!a" a"ministrat'r/ A4a6i(a #5$65( e"it

+i!(i!, $a!a a!a" +ia(i&!a" !% &a(a$a" e"iti"5/

17/ Ha(a$a" Ta$6a&+(ent


81/95

Ga$6a* 9/9< Ha(a$a" Ta$6a&+(ent

Ha(a$a" #a$6a& e(ent a+a(a& &a(a$a" "#! $%"a$6a&!a" !%ia#a"

+%"a" *i"@ia" :a!# +a" #%$4a#")a/ +(ent i"i a!a" +i#a$4i(!a" +i &a(a$a"

4%""a/ a+a &a(a$a" i"i #%*+a4a# 9 textb'x, )ai# j+(, :a!# a:a(, :a!#

a!&i*, +a" #%$4a#/ A4a6i(a 4%"i'ia" +a#a '+a& '%(%'ai !%$+ia" !(i! #5$65(

Ta$6a&+(ent/

18/ Ha(a$a" Li&a#+(ent

Ga$6a* 9/>0 Ha(a$a" Li&a#+(ent


82/95

Ha(a$a" (i&a# e(enta+a(a& &a(a$a" "#! $%(i&a# +a#a e(ent)a" '+a&

a+a/ Da#a )a" +i#a$4i(!a" )ai# j+(, :a!# $(ai, :a!# a!&i*, +a" #%$4a#

!%ia#a"/ Di &a(a$a" i"i ja #%*+a4a# 2 #5$65(, )ai# #5$65( &a4' +a" #5$65(

e"it/ A4a6i(a #5$65( &a4' +i!(i!, $a!a a!a" $"@( !5"i*$a'i 4%"&a4'a"

"#! $%)a!i"!a" a"ministrat'r/ A4a6i(a #5$65( e"it+i!(i!, $a!a a!a" +ia(i&!a"

!% &a(a$a" e"ite(ent/

11 Ha(a$a" Ta$6a& Ka*)a:a"

a+a &a(a$a" #a$6a& !a*)a:a" #%*+a4a# textb'x NIK, textb'x "a$a,

textb'x #a"a( (a&i*, !'mb'b'x 6aia", !'mb'b'x $%'i", !'mb'b'x #a', +a"

#5$65( "#! $%$i(i& 5#5 !a*)a:a"/ A4a6i(a +a#a #%(a& '%(%'ai +ii'i '%(a"j#")a

!(i! #5$65( Ta$6a& Ka*)a:a"/

20/ Ha(a$a" Li&a# Ka*)a:a"


83/95

Ga$6a* 9/>2 Ha(a$a" Li&a# Ka*)a:a"

Ha(a$a" (i&a# !a*)a:a" a+a(a& &a(a$a" "#! $%(i&a# +a#a !a*)a:a"

)a" '+a& a+a/ Da#a )a" +i#a$4i(!a" )ai# NIK, "a$a, #a"a( (a&i*, "a$a

6aia", "a$a $%'i", #a', +a" 5#5 !a*)a:a"/ Di &a(a$a" i"i ja #%*+a4a# 2

#5$65(, )ai# #5$65( &a4' +a" #5$65( e"it/ A4a6i(a #5$65( &a4' +i!(i!, $a!a

a!a" $"@( !5"i*$a'i 4%"&a4'a" "#! $%)a!i"!a" a"ministrat'r/ A4a6i(a

#5$65( e"it+i!(i!, $a!a a!a" +ia(i&!a" !% &a(a$a" e"it!a*)a:a"/

21/ Ha(a$a" Ga"#ia!kgr'un"

Ga$6a* 9/> Ha(a$a" Ga"#ia!kgr'un"


84/95

Ha(a$a" a"#i ba!kgr'un" a+a(a& &a(a$a" "#! $%"a"#i a$6a*

ba!kgr'un"4a+a &a(a$a" 6%*a"+a 4%""a/ a+a &a(a$a" i"i #%*+a4a# #5$65(

"#! $%$i(i& a$6a* ba!kgr'un". A4a6i(a #%(a& '%(%'ai $%$i(i& a$6a*

!%$+ia" !(i! #5$65( Ga"#i S%!a*a" "#! $%"6a& ba!kgr'un"/

22/ Ha(a$a" Ga"#i I

Ga$6a* 9/>9 Ha(a$a" Ga"#i I

Ha(a$a" Ga"#i I a+a(a& &a(a$a" "#! $%"6a& I *ebsite$%'i" )a"

a!a" +i#a$4i(!a" +i &a(a$a" 6%*a"+a 4%""a/

.11 Pe%&()/!% A;l/$!'/

%"jia" a4(i!a'i $%*4a!a" 6aia" 4%"#i"/ %"jia" +i(a!!a" "#!

$%"%#a&i 'a# 4*5'%' )a" #%*+a4a# +i +a(a$ a4(i!a'i $%$%"&i &a*a4a" )a"

+ii"i"!a" a#a #i+a!/

9/11/1/ 5i" %"jia"

5i" 4%"jia" a4(i!a'i Disp$ayI"5*$a'i D%4a*#%$%" *5+!'i a+a(a&

'%6aai 6%*i!#

1. L'gin

2. ,nput JM

3. De$ete JM

4. ,mp'rt *aste


85/95

5. ,mp'rt i"'#*!'i !%*ja

6. ,nput 6%*i#a 6%*ja(a"

7. +"it 6%*i#a 6%*ja(a"

A. De$ete6%*i#a 6%*ja(a"

B. ,nput i"5

1C. +"iti"5

11. De$etei"5

12. ,npute(ent

13. +"ite(ent

14. De$etee(ent

15. ,nput6aia" !%*ja

16. +"it6aia" !%*ja

17. De$ete6aia" !%*ja

1A. ,nput$%'i"

1B. +"it$%'i"

2C. De$ete$%'i"

21. ,nputs%i-t

22. +"its%i-t

23. De$etes%i-t

24. ,nput!a*)a:a"

25. +"it!a*)a:a"

26. De$ete!a*)a:a"

27. ,nputa(%*i 5#5

2A. +"ita(%*i 5#5

2B. De$etea(%*i 5#53C. ,nputa(%*i i+%5

31. +"ita(%*i i+%5

32. De$etea(%*i i+%5

33. Ga"#i ba!kgr'un"

34. Ga"#i I $%'i"

35. E+i#pass*'r"

36. L'g'ut


86/95


87/95

9/11/2/ Ta6%( %"jia" A4(i!a'i

Ta6%( 9/1> %"jia" A4(i!a'i

N5/ D%'!*i4'i *5'%+* %"jia" Ma'!!a" K%(a*a"K*i#%*ia

Ea(a'i Ha'i(

Ha'i( )a"

+i+a4a#

K%'i$4(a"

1/ L'gin 1/ A4(i!a'i 6%*ja(a"

2/ Ha(a$a" $'gin

/ Ta$4i(a"-'rm $'gin9/ Ma'!!a" +a#a $'gin

)a" 6%"a*

>/ K(i! #5$65( Ma'!

1. ?sername

2. Pass*'r"

B%*&a'i($'gin

+a" #a$4i(

&a(a$a"6%*a"+a

a"ministrat'r

B%*&a'i( $'gin

+a" #a$4i(

&a(a$a"6%*a"+a

a"ministrat'r

OK B%*&a'i(

2/ L'gin 1/ A4(i!a'i 6%*ja(a"

2/ Ha(a$a" $'gin

/ Ta$4i(a"-'rm $'gin

9/ Ma'!!a" +a#a $'gin

)a" 'a(a&>/ K(i! #5$65( Ma'!

1. ?sername

2. Pass*'r"

Ti+a! 6%*&a'i(

$%(a!!a"

$'gin $"@(

4%$6%*i#a&a"

+a" #a$4i(-'rm$'gin

Ti+a! 6%*&a'i(

$%(a!!a"

$'gin $"@(

4%$6%*i#a&a"

+a" #a$4i(-'rm$'gin

OK B%*&a'i(

/ ,nput JM 1/ A4(i!a'i 6%*ja(a"

2/ Ha(a$a" #a$6a&

JM/ Ta$4i(-'rm#a$6a&

JM

9/ Ma'!!a" +a#as%i-tI

>/ K(i! #5$65( Ta$6a&

1/ Ta"a(

$(ai

2/ Ta"a(a!&i*

/ #%i-t

4%*$%'i"

9/ Ka*)a:a"

M"@(

4%$6%*i#a&a"

6a&:a JM6%*&a'i(

+i'i$4a" +a"

#a$4i( &a(a$a"

#a$6a& JM

M"@(

4%$6%*i#a&a"

6a&:a JM6%*&a'i(

+i'i$4a" +a"

#a$4i( &a(a$a"

#a$6a& JM

OK B%*&a'i(


88/95

N5/ D%'!*i4'i *5'%+* %"jia" Ma'!!a" K%(a*a"K*i#%*ia

Ea(a'i Ha'i(

Ha'i( )a"

+i+a4a#K%'i$4(a"

#%i-t II

;/ Ma'!!a" +a#as%i-t

II

7/ K(i! #5$65( '%(%'ai

4%*$%'i"


89/95

BAB 4

PENUTUP

1 Ke'/+;(l!%

D%"a" a+a")a a4(i!a'i Disp$ay I"5*$a'i i"i, #%*+a4a# 6%6%*a4a

!%(%6i&a" +i6a"+i"!a" '%6%($ a+a")a a4(i!a'i i"i, )ai#

1/ A4(i!a'i i"i $%$4%*$+a& 4%""a +a(a$ $%")a$4ai!a" i"5*$a'i,

'%&i"a 4a*a a"ministrat'r #i+a! 'a& $%"@%#a! i"5 #%*'%6# )a"

'%(a"j#")a a!a" +i#%$4%( +i #%$65!/ a+a a4(i!a'i i"i '+a& $%"*a"i

4%""aa" !%*#a' +a" $%"*a"i 4%"%$4%(a" !%*#a' +i #%$65!/2/ A4(i!a'i i"i ja $%$4%*$+a& 4%""a +a(a$ $%$6a# ja+:a( !%*ja

$i"a" +a" $%")a$4ai!a"")a !%4a+a 4a*a !a*)a:a"/

/ A4(i!a'i i"i ja +a4a# $%$6a# a(%*i 5#5 +a" i+%5 )a" 6%*"'i

"#! $%"a$4i(!a" !%ia#a"-!%ia#a" )a" '+a& +i(a!!a" !a*)a:a",

'%4%*#i &a(")a !%ia#a")ami$y ;at%ering.S%&i"a 4a*a !a*)a:a" +a4a#

$%(i&a# +a" $%"%"a" !%ia#a" #%*'%6#/

9/ A4(i!a'i i"i ja +a4a# $%$6a# e(ent )a" +a4a# $%"i"a#!a" 4a*a

!a*)a:a" a4a6i(a a+a !%ia#a" )a" a!a" +i(a!!a"/>/ A4(i!a'i i"i ja +a4a# $%"i"5!a" !%4a+a 4a*a !a*)a:a" )a" '%+a"

6%*(a" #a&" &a*i i"i, '%&i"a !a*)a:a" )a" 6%*(a" #a&" a!a"

#%*i"a# +a" +a4a# $%"$6&!a" *a'a !%6%*'a$aa" a"#a* !a*)a:a"/

2 S!#!%

>/2/1/ Sa*a" U"#! i&a! I"+'#*i

I"+'#*i 'a"a# 6%*4%*a" 4%"#i" +a(a$ 4%(a!'a"aa" *a!#%! K%*ja

I"+'#*i, 5(%& !a*%"a i# 4%"(i' $%"@a4!a" #%*i$a !a'i& )a" '%6%'a*-6%'a*")a

!%4a+a 4i&a! i"+'#*i, !&''")a "#! T/ N#*i55+ I"+5"%'ia )a" #%(a&

$%$6%*i!a" !%'%$4a#a" !%4a+a 4%"(i' "#! +a4a# $%(a!'a"a!a" *a!#%! K%*ja

I"+'#*i/ Sa*a" )a" i"i" 4%"(i' 'a$4ai!a" +ia"#a*a")a

1/ %"(i' 6%*&a*a4 aa* T/ N#*i55+ I"+5"%'ia #%#a4 $%"ja(i" !%*ja'a$a

+%"a" 4i&a! SMK N%%*i 1 Ci$a&i +a(a$ $%(a!'a"a!a" *a!#%! K%*ja

I"+'#i 6a&!a" a+a")a 4%"i"!a#a" !%*ja'a$a (ai +a

1. Laporan ALI

Documents

Transcript of 1. Laporan ALI