RPP Web Disign XI
Transcript of RPP Web Disign XI
-
8/9/2019 RPP Web Disign XI
1/39
YAYASAN PENDIDIKAN WAHIDIN BANDUNG
SMK "MERDEKA"
JL. PAHLAWAN NO. 54 - TELP. (022) 720!2#A$. 72!4%
E-&' * +&,&/,'/13'.6&
Satuan Pendidikan : SMK MERDEKA BANDUNG
Kelas/Semester : XI / 3
Kometensi Kea!lian: "eknik Komuter dan #arin$an
Mata Pela%aran : &e' Disain
Alokasi &aktu : ( X )*+ , Sesi ke ( -
A. S'8/' K&98+
Menerapkan dasar-dasar pembuatan web statis tingkatdasar (070 KK 11)
B. K&98+ D'+'Menjelaskan konsep dasar dan teknologi Webpage.
:. I8/,' P86'9''8 K&98+
(. Konsekonse dan teknolo$i 0e' di%elaskan ,0e' Ser1er2 UR2 4""P2 4"M2
&e' 'ro0ser -
5. Per'edaan antara klien dan ser1er di%elaskan.
3. 6ara 'a$aimana 'and0idt! memen$aru!i transmisi data dan $am'ar ada la7ar
di%elaskan.
). 6iri8iri dan 9un$si dari so9t0are teks editor 7an$ tersedia untuk meran8an$ 0e'
a$e di'andin$kan
*. Keuntun$an dan keru$ian runnin$ dari ser1er 7an$ dimiliki di'andin$kan ser1erro1ider di%elaskan.
D. T;
-
8/9/2019 RPP Web Disign XI
2/39
G. M/ P&'
-
8/9/2019 RPP Web Disign XI
3/39
di'andin$kan ser1er ro1ider.
K. S;& B'5>0?2> >?!0% 00!
/var/www/apps/conversion/tmp/scratch_5/258306362.docHal3 dari39
-
8/9/2019 RPP Web Disign XI
4/39
YAYASAN PENDIDIKAN WAHIDIN BANDUNG
SMK "MERDEKA"
JL. PAHLAWAN NO. 54 - TELP. (022) 720!2#A$. 72!4%
E-&' * +&,&/,'/13'.6&
Satuan Pendidikan : SMK MERDEKA BANDUNG
Kelas/Semester : XI / 3
Kometensi Kea!lian: "eknik Komuter dan #arin$an
Mata Pela%aran : &e' Disain
Alokasi &aktu : ( X )*+ , Sesi ke 5-
A. S'8/' K&98+
Menerapkan dasar-dasar pembuatan web statis tingkatdasar (070 KK 11)
B. K&98+ D'+'
Menjelaskan Struktur Dokumen !M":. I8/,' P86'9''8 K&98+
(. Ke$unaan dari dokumen dan tar$etsasaran 0e' 7an$ ditu%u diidenti9ikasi
5. Ba!asa 4"M 7an$ teat 7an$ akan di$unakan ada dokumen dan tar$etsasaran
0e' ditetakan
3. Struktur dasar dokumen sesuai ers7aratan en$$una diran8an$
). Site mapdokumen dikem'an$kan dan dikon9irmasikan den$an tar$etsasaran
0e'
D. T;
-
8/9/2019 RPP Web Disign XI
5/39
). Site mapdokumen dikem'an$kan den$an klien
#. A,'+ W',;
"ata Muka : ) ; )* menit
Penu$asan "erstruktur :
Ke$iatan Mandiri "idak "erstruktur :
G. M/ P&'
-
8/9/2019 RPP Web Disign XI
6/39
ke'utu!an?
5. #elaskan 8ara mem'uat Area ker%a
untuk mem'uat dokumen 0e'?
3. #elaskan 'a$aimana memersiakan
sketsa disain untuk 0e' 7an$ akan
di'uat?
). #elaskan 'a$aimana men7ediakandata 7an$ akan ditamilkan di &e'
*. #elaskan 8ara men7iakan area ker%a
untuk mem'uat dokumen 0e' 'aru..
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
7/39
YAYASAN PENDIDIKAN WAHIDIN BANDUNG
SMK "MERDEKA"
JL. PAHLAWAN NO. 54 - TELP. (022) 720!2#A$. 72!4%
E-&' * +&,&/,'/13'.6&
Satuan Pendidikan : SMK MERDEKA BANDUNG
Kelas/Semester : XI / 3
Kometensi Kea!lian: "eknik Komuter dan #arin$an
Mata Pela%aran : &e' Disain
Alokasi &aktu : ( X )*+ , Sesi ke 3-
A. S'8/' K&98+
Menerapkan dasar-dasar pembuatan web statis tingkatdasar (070 KK 11)
B. K&98+ D'+'
enam!ah"an #!$e" pada %e!:. I8/,' P86'9''8 K&98+
(. "eks di9ormat untuk memenu!i ers7aratan en7a%ian en$$una
5. Background0arna atau $am'ar 7an$ sesuai menurut ers7aratan en$$una
, lo$o erusa!aan2 9oto- diasan$3. Posisi setia elemen ada !alaman di'uat le'i! menarik
). Indentteks dan list,ordered, unordered, dannested- di'uat
*. Gam'ar disisikan ,GI@2 #PEG2 atau embedded image- dan dokumen
di9ormat sesuai ers7aratan
. Wrapteks di sekitar $am'ar di$unakan atau ditam'a!kan %arak di sekitar
$am'ar
. Skala $am'ar dan erataan ada dokumen di 9ormat
D. T;
-
8/9/2019 RPP Web Disign XI
8/39
3. Menematkan Posisi setia elemen ada !alaman
). Membuat Indentteks dan list,ordered, unordered, dannested-
*. Wrapteks di sekitar $am'ar di$unakan atau %arak di sekitar
. Skala $am'ar dan erataan ada dokumen di 9ormat
. Mem'uat setia elemen ada !alaman di'uat le'i! menarik
C. Men7isikan $am'ar ,GI@2 #PEG2 atau embedded image-
E. M' A
-
8/9/2019 RPP Web Disign XI
9/39
T,8, P8''8 B8;, I8+;&8 I8+;&8
"es tertulis Da9tar ertan7aan (. #elaskan 8ara melakukan lan$ka!
lan$ka! roses em'uatan &e'
sesuai den$an standar oerasi
alikasi
5. #elaskan 8ara mem'andin$kan &e'7an$ di'uat tamilan dila7ar sesuai
den$an disain.
3. #elaskan 8ara menamilkan data
7an$ tersedia di la7ar &e'
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
10/39
YAYASAN PENDIDIKAN WAHIDIN BANDUNG
SMK "MERDEKA"
JL. PAHLAWAN NO. 54 - TELP. (022) 720!2#A$. 72!4%
E-&' * +&,&/,'/13'.6&
Satuan Pendidikan : SMK MERDEKA BANDUNG
Kelas/Semester : XI / 3
Kometensi Kea!lian: "eknik Komuter dan #arin$an
Mata Pela%aran : &e' Disain
Alokasi &aktu : ( X )*+ , Sesi ke ) -
A. S'8/' K&98+
Menerapkan dasar-dasar pembuatan web statis tingkatdasar (070 KK 11)
B. K&98+ D'+'
Membuat !abel pada Web:. I8/,' P86'9''8 K&98+
(. Elemen ta'el di%elaskan dan ditun%ukan
5. Atri'ut ta'el diidenti9ikasi
3. Menam'a!kan o'7ek ada ta'el ditun%ukanD. T;
-
8/9/2019 RPP Web Disign XI
11/39
#. A,'+ W',;
"ata Muka : ) ; )* menit
G. M/ P&'
-
8/9/2019 RPP Web Disign XI
12/39
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
13/39
"ata Muka : ) ; )* menit
G. M/ P&'
-
8/9/2019 RPP Web Disign XI
14/39
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
15/39
(. Desain struktur direktori
5. Penamaan 'erkas 7an$ teat
3. Penematan 'erkas di lokasi 7an$ teat di komuter ser1er
). Pen$$unaan ro$ram uload 'erkas/ro7ek
#. A,'+ W',;
"ata Muka : ) ; )* menit
G. M/ P&'
-
8/9/2019 RPP Web Disign XI
16/39
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
17/39
). Men$eta!ui Peran dari 'ro0ser dalam mem'a8a 9ile9ile &e' ,te;tonl72
!7erte;t- den$an men$akses ke UR tertentu melalui menu 7an$ tersedia
*. Men$identi9ikasi er'edaan 'ro0ser 7an$ memen$aru!i tamilan dari !alaman
0e'
E. M' A
-
8/9/2019 RPP Web Disign XI
18/39
&e' ,te;tonl72 !7erte;t- den$an
men$akses ke UR tertentu melalui
menu 7an$ tersedia
3. #elaskan ma8amma8am 'ro0ser 0e'
). #elaskan eran dari 'ro0ser dalam
mem'a8a 9ile9ile &e' ,te;tonl72
!7erte;t- den$an men$akses ke UR
tertentu melalui menu 7an$ tersedia*. #elaskan er'edaan 'ro0ser 7an$
memen$aru!i tamilan dari !alaman
0e'
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
19/39
YAYASAN PENDIDIKAN WAHIDIN BANDUNG
SMK "MERDEKA"
JL. PAHLAWAN NO. 54 - TELP. (022) 720!2#A$. 72!4%
E-&' * +&,&/,'/13'.6&
Satuan Pendidikan : SMK MERDEKA BANDUNG
Kelas/Semester : XI / 3
Kometensi Kea!lian: "eknik Komuter dan #arin$an
Mata Pela%aran : &e' Data'ase
Alokasi &aktu : 5 X )*+ , Sesi ke C -
A. S'8/' K&98+
enerap"an!ahasa pemro+raman - tin+"at dasar(070 KK0#)
B. K&98+ D'+'
Menjelaskan konsep pengoperasian ba$asa
pemrograman (S%")
:. I8/,' P86'9''8 K&98+
. Konse Data'ase di%elaskan
2. Ke$unaan S di%elaskan
%. Kele'i!an S diidenti9ikasi
D. T;
-
8/9/2019 RPP Web Disign XI
20/39
3. Men$eta!ui ke$unaan entin$n7a keamanan dalam Data'ase
E. M' A
-
8/9/2019 RPP Web Disign XI
21/39
K. Sumber Belajar
. Modul
. Komuter
C. Internet
. So9t0are
(=. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
22/39
3. Men$!u'un$kan 6lient den$an Ser1er dan M7S
E. M' A
-
8/9/2019 RPP Web Disign XI
23/39
-
8/9/2019 RPP Web Disign XI
24/39
-
8/9/2019 RPP Web Disign XI
25/39
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
26/39
5. Perinta!erinta! 7an$ ada dalam men$u'a! dan menam'a! ta'el di%elaskan
3. Mem'uat 9ield9ield dalam suatu ta'el di%elaskan
D. T;
-
8/9/2019 RPP Web Disign XI
27/39
"es tertulis Da9tar ertan7aan(. "uliskan erinta! S untuk
mem'uat ta'le dalam data'ase
5. "uliskan erinta! S untuk
menam'a! ta'le
3. "uliskan erinta! Sl untuk
men$!aus "a'el
). "uliskan erinta! S untukmemodi9ikasi ta'le
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
28/39
(. an$ka!lan$ka! dalam men$oerasikan ta'le dalam data'ase diidenti9ikasi
5. Perinta!erinta! 7an$ ada dalam menamilkan ta'el di%elaskan
3. Menamilkan ta'el dalam menu alikasi dan 'ro0ser di%elaskan
D. T;
-
8/9/2019 RPP Web Disign XI
29/39
"es tertulis Da9tar ertan7aan(. "uliskan erinta! S untuk mem'uat
DA"A dalam ta'le dalam data'ase
5. "uliskan erinta! S untuk
menam'a! DA"A dalam ta'le
3. "uliskan erinta! Sl untuk
men$!aus DA"A dalam "a'el
). "uliskan erinta! S untukmemodi9ikasi DA"A dalam ta'le
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
30/39
(. an$ka!lan$ka! dalamem'uatan !alaman webdinamisdiidenti9ikasi
5. Per'edaan !alaman 0e' dinamis dan statis di%elaskan
3. @aktor enun%an$ untuk em'uatan !alaman 0e' dinamis di%elaskan
D. T;
-
8/9/2019 RPP Web Disign XI
31/39
menam'a! DA"A dalam ta'le
3. "uliskan erinta! Sl untuk
men$!aus DA"A dalam "a'el
). "uliskan erinta! S untuk
memodi9ikasi DA"A dalam ta'le
K. Sumber Belajar
. Modul
. Komuter
C. Internet
. So9t0are
(=. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
32/39
. &e' Ser1er suda! diasan$ ,diinstall-
2. So9t0are 7an$ di'utu!kan untuk disain 0e' ,ado'e2 8orel2 9ire0ork- diidenti9ikasi.
%. Editor 0e' diidenti9ikasi dan disiakan.
4. Resolusi monitor 7an$ akan diakai diidenti9ikasi
5. Ukuran i;el dan ukuran '7te ada $am'ar dia!ami
D. T;
-
8/9/2019 RPP Web Disign XI
33/39
T,8, P8''8 B8;, I8+;&8 I8+;&8
"es tertulis Da9tar ertan7aan (. Se'utkan ukuran resolusi monitor 7an$
anda keta!ui
5. Aa 7an$ dimaksud den$an i;el
3. Aa 7an$ dimaksud den$an '7tes .
). Beraa '7tes ukuran$ minimum suatu
$am'ar *. Se'utkan 9ormat $am'ar 7an$ 'iasa
dier$unakan dalam 0e'site
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
34/39
em!at halaman webdinamis sederhana
:. I8/,' P86'9''8 K&98+
. "ema ran8an$an 0e'site ditentukan
2. Ran8an$an tamilan dasar 0e' di'uat.
%. Peta situs ,site ma- ditentukan
4. okasi en7imanan 4alaman 0e' di'uat dan di%elaskan5. Data'ase dan ta'el data di'uat dan di%elaskan.
D. T;
-
8/9/2019 RPP Web Disign XI
35/39
Guru menutu ke$iatan 'ela%ar men$a%ar
?. P8''8
T,8, P8''8 B8;, I8+;&8 I8+;&8
"es tertulis Da9tar ertan7aan (.
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
36/39
(. Haria'el1aria'el dan arra7 di$unakan dan dideklarasikan menurut ers7aratan.
5. Nilai 1aria'el2 strin$ dan konstansta ditetakan.
3. @un$si9un$si internal di$unakan ada !alaman 0e'
). 6ontrol stru8ture ,seerti statement I92 &!ile2 9or2 s0i8! - di$unakan sesuai
ke'utu!an
D. T;
-
8/9/2019 RPP Web Disign XI
37/39
T,8, P8''8 B8;, I8+;&8 I8+;&8
"es tertulis Da9tar ertan7aan (.
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .
-
8/9/2019 RPP Web Disign XI
38/39
:. I8/,' P86'9''8 K&98+
. ink ink tia !alaman dieriksa.
2. Pesan kesala!an dalam 'ro0ser dieriksa dan diidenti9ikasi.
%. E9ekti9itas $am'ar dieriksa dan die1aluasi.
4. &e'site daat diuload
D. T;
-
8/9/2019 RPP Web Disign XI
39/39
J. P8''8
T,8, P8''8 B8;, I8+;&8 I8+;&8
"es tertulis Da9tar ertan7aan (.
K. Sumber Belajar
(. Modul
5. Komuter
3. Internet
). So9t0are
*. Menu 4el
Bandun$2 .