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;


2/39

G. M/ P&'


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


4/39


SMK "MERDEKA"


E-&' * +&,&/,'/13'.6&





Alokasi &aktu : ( X )*+ , Sesi ke 5-

A. S'8/' K&98+


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;


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&'


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 .


7/39


SMK "MERDEKA"


E-&' * +&,&/,'/13'.6&





Alokasi &aktu : ( X )*+ , Sesi ke 3-

A. S'8/' K&98+


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/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


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 .


10/39


SMK "MERDEKA"


E-&' * +&,&/,'/13'.6&





Alokasi &aktu : ( X )*+ , Sesi ke ) -

A. S'8/' K&98+


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;


11/39

#. A,'+ W',;


G. M/ P&'


12/39

3. Internet

). So9t0are

*. Menu 4el

Bandun$2 .


13/39


G. M/ P&'


14/39

K. Sumber Belajar

(. Modul

5. Komuter

3. Internet

). So9t0are

*. Menu 4el

Bandun$2 .


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',;


G. M/ P&'


16/39

K. Sumber Belajar

(. Modul

5. Komuter

3. Internet

). So9t0are

*. Menu 4el

Bandun$2 .


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


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 .


19/39


SMK "MERDEKA"


E-&' * +&,&/,'/13'.6&




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;


20/39

3. Men$eta!ui ke$unaan entin$n7a keamanan dalam Data'ase

E. M' A


21/39

K. Sumber Belajar

. Modul

. Komuter

C. Internet

. So9t0are

(=. Menu 4el

Bandun$2 .


22/39

3. Men$!u'un$kan 6lient den$an Ser1er dan M7S

E. M' A


23/39


24/39


25/39

K. Sumber Belajar

(. Modul

5. Komuter

3. Internet

). So9t0are

*. Menu 4el

Bandun$2 .


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;


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 .


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;


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


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 .


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;


31/39

menam'a! DA"A dalam ta'le


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 .


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;


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 .


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;


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 .


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;


37/39

T,8, P8''8 B8;, I8+;&8 I8+;&8


K. Sumber Belajar

(. Modul

5. Komuter

3. Internet

). So9t0are

*. Menu 4el

Bandun$2 .


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;


39/39

J. P8''8

T,8, P8''8 B8;, I8+;&8 I8+;&8


K. Sumber Belajar

(. Modul

5. Komuter

3. Internet

). So9t0are

*. Menu 4el

Bandun$2 .

rpp web disign xi

Documents