JurusanTeknol

ogiInf
ormasi
Pol
it
ekni
kNeger
iMal
ang
Jobsheet
-10:Rout
ing
Mat aKul
iahPemrogramanWebLanj
ut
Pengampu:
Tim Aj
arPemr
ogr
amanWebLanj
ut
Apr
il2019

Topi
k

- Rout
ingdanNav
igasi

Tuj
uan

Mahasi
swadihar
apkandapat:
1.Melakukanrout
ing
2.Melakukankonfi
gurasi
rout
e

Pendahul
uan

Padaprakti
kum- prakt
ikum sebelumny aki
tatel
ahmenggunakanbeberapamodul e,ant
ara
l
ainFor
m, React
iveForm, Htt
pdansat ul agimodul
eangulary
angakankit
apelaj
ariadalahmodule
r
oute.
Untukmelakukanr out
ingada3l angkahyangdil
akukanyai
tu:
1.Konfigurasi Route
Padat ahapi ni
,kit
amendekl ar
asi
kankomponen-komponenyangakant ampilpada
urlt
ertentu
2.AddRout erOutlet
Menampi lkankomponeny angakti
fpadali
nktert
entu
3.Addl i
nks

Pr
akt
ikum –Bagi
an1:
Conf
igur
ether
out
es
Langkah Ket
erangan
1 Buatpr
ojectbar
uyangber
isi
komponenpost
s,f
orm-
member
,nav
bar
,not
-f
ound,
home
2 Ji
kanode_
modul
esbel
um t
ersi
da,
inst
all
menggunakannpm i
nst
all
Bukafi
leapp.
modul
e.t
s.Past
ikankomponenpadal
angkah1sudaht
erdaf
tarseper
ti
3
gambardi
bawahi
ni

1
 Tambahkanmodul
erout
erpadahal
amanapp.
modul
e.t
sseper
tigambardi
bawahi
ni:

Bukahal
amannav
bar
.component
.ht
mldant
ambahkankodedi
bawahi
ni:

Bukahal
amanapp.
component
.ht
ml.t
ambahkankodedi
bawahi
ni:

7 Jal
ankandancat
athasi
l
nya(
soal
no.1)

2
Pr
akt
ikum -Bagi
an2:
Rout
erOut
let

Langkah Ket
erangan
Bukahal
amanapp.
component
.ht
mldanr
ubahmenj
adi
seper
tidi
bawahi
ni:

Jal
ankandani
nspectel
emenseper
tipadagambardi
bawahi
ni

Apay
angbi
saandasi
mpul
kan?(
Soal
No2)
Jal
ankanl
i
nkdi
bawahi
nil
ocal
host
:4200/
for
m seper
tigambardi
bawahi
ni:
3
cat
athasi
l
nya(
Soal
nNo.3)
Jal
ankanl
i
nkdi
bawahi
nil
ocal
host
:4200/
postseper
tigambardi
bawahi
ni:
4
cat
athasi
l
nya(
Soal
nNo.4)
Jal
ankanl
i
nkdi
bawahi
nil
ocal
host
:4200/
cobaseper
tigambardi
bawahi
ni:
5
cat
athasi
l
nya(
Soal
nNo.5)
6 SI
mpul
kanl
angkah3,
4dan5(
Soal
No.6)

Pr
akt
ikum -Bagi
an3:
AddLi
nk
Langkah Ket
erangan
Bukahal
amannav
bar.component
.ht
ml.t
ambahkanl
i
nkpadahr
eft
iapmenuseper
ti
1
gambardi
bawahi
ni:

3
2 Jal
ankan,
cat
atdanber
ikanpenj
elasan(
Soal
No.7)
Modi
fikasihr
efmenj
adi
rout
erLi
nkpadahal
amannav
bar
.component
.ht
mlseper
ti
gambardibawahi
ni:

Jal
ankan,inspectel
ement
,cobal
i
nkdancekpadat
abnet
wor
k.Cat
atdanber
i
4
penj
elasan(SoalNo.8)
Modi
fikasicl
assl
ipadahal
amannav
bar
.component
.ht
mlmenj
adi
seper
tipada
gambardibawahi
ni:

6 Jal
ankan,
cat
atdanber
ipenj
elasan(
Soal
No.9)
4
Pr
akt
ikum -Bagi
an4:
Accesi
ngRout
ePar
amet
er
Langkah Ket
erangan
1 Buatkomponenbar
udengannamapr
ofi
l
edenganper
int
ahnggcpr
ofi
l
e
Bukaapp.
modul
e.t
sdant
ambahkanr
out
eunt
ukpr
ofi
l
eseper
tigambardi
bawahi
ni:

Modi
fi
kasi
hal
amanhome.
component
.ht
mlmenj
adi
seper
tigambardi
bawahi
ni:

Modi
fi
kasi
fil
epr
ofi
l
e.component
.t
smenj
adi
seper
tipadagambardi
bawahi
ni:

Jalankan,kl
i
ktombolhomekemudi
ankl
i
kli
nkj
okobowokemudi
ainspectel
ement
5
sepertidi
bawahi
ni:

5
 Cat
atdanber
ikanpenj
elasan(
Soal
No.10)
Modi
fi
kasi
fil
epr
ofi
l
e.component
.t
smenj
adi
seper
tipadagambardi
bawahi
ni:

Jal
ankan,
kli
ktombolhomekemudiankl
i
kli
nkj
okobowokemudi
ainspectel
ement
.
7
Cat
atdanberi
kanpenjel
asan(
Soal
nNo.11)

Daf
tarpustaka:
htt
ps://
nodej
s.org/
en/
htt
ps://
angul
ar.i
o/
htt
ps://
www.udemy .com/
the-
compl
ete-
angul
ar-
mast
er-
class/
lear
n/v
4/cont
ent