RENCANA PELAKSANAAN PENGAJARAN (RPP) SMA NEGERI 1 LABUAN AMAS SELATAN

(1)

RENCANA PELAKSANAAN PENGAJARAN (RPP)

SMA NEGERI 1 LABUAN AMAS SELATAN

Wilayah : HULU SUNGAI TENGAH Unit Karya : SMA NEGERI 1 LAS Alamat : Jl. Raya Pantai Hambawang

Mata Pelajaran : Teknologi Informasi & Komunikasi Kelas / Semester : XII / I

Tahun : 2007/2008

Standar Kompetensi : 1. Menggunakan perangkat lunak desain web untuk membuat website Alokasi Waktu : 270 menit

6 jam pelajaran

Kompetensi Dasar : 1.1 Menjelaskan dasar-dasar perancangan web

Indikator : 1. Menjelaskan konsep dasar dan tata letak pada perancangan web 2. Menjelaskan perangkat keras dan sistem komputer yang digunakan 3. Menjelaskan struktur dasar bahasa HTML

4. Mendemonstrasikan pembuatan web sederhana menggunakan perintah HTML

A. Tujuan Pembelajaran Siswa dapat :

1. Mengenal konsep dasar dan tata letak perancangan web

2. Mengetahui perangkat keras dan sistem komputer yang digunakan 3. Mengetahui struktur dasar

bahasa HTML

4. Mendemonstrasikan cara membuat tabel untuk mengatur tata letak web

B. Materi Pembelajaran

1. Menjelaskan konsep dasar dan tata letak perancangan web

C. Metode Pembelajaran

Teori & Praktek Demonstrasi

Pertemuan ke-1 :

D. Langkah-langkah Kegiatan Pembelajaran

1. Kegiatan Pendahuluan · Melakukan presensi

· Menyampaikan tujuan pembelajaran

2. Kegiatan Inti

· Menjelaskan konsep dasar dan tata letak pada perancangan web

· Menjelaskan perangkat keras dan sistem komputer yang digunakan

3. Kegiatan Penutup · Review materi

Waktu (dalam menit):

5

75

10

E. Sumber Belajar

· Buku panduan, buku digital, internet, computer

F. Penilaian

1. Tenik : Tes tertulis

2. Bentuk instrument : Uraian / pilihan ganda 3. Soal / instrument : (menggunakan buku LKS)

a. Sebutkan 4 tahapan dalam melakukan perancngan website ?

b. Sebutkan perangkat lunak yang anda ketahui untuk perancangan halaman we ?

(2)

Pertemuan ke-2

1. Kegiatan Pendahuluan · Melakukan presensi

· Menjelaskan struktur dasar bahasa HTML

· Menjelaskan penggunaan perangkat lunak pengolah kata sederhana untuk membuat situs web dengan bahasa HTML

3. Kegiatan Penutup

· Membuat website sederhana dengan HTML

5

60

25

· Buku panduan, buku digital, internet, computer 1. Tenik F. Penilaian : Unjuk Kerja / Praktik 2. Bentuk instrument : Hasil karya 3. Soal / instrument :

a. Buatlah website sederhana dengan HTML ?

Pertemuan ke-3

1. Kegiatan Pendahuluan

· Melakukan presensi

· Mendemonstrasikan pembuatan web sederhana menggunakan perintah HTML

· Menyimpan dan menampilkan web pada browser

5

70

15

· Buku panduan, buku digital, internet, computer 1. Tenik F. Penilaian : Unjuk Kerja / Praktik 2. Bentuk instrument : Hasil karya 3. Soal / instrument :

a. Tampilkan website yang anda buat pada web browser ?

Kompetensi Dasar : 1.2 Menggunakan menu dan ikon yang terdapat dalam perangkat lunak desain web Alokasi waktu : 1350 menit

30 jam pelajaran

Indikator : 1.Menjelaskan struktur dan kegunaan menu ikon pada aplikasi desain web 2. Menjelaskan bagian-bagian pada situs web

3. Mendemonstrasikan cara menyisipkan hyperlink dan pengaturan teks

4. Mendemonstrasikan cara pembuatan tabel dalam pengaturan tata letak situs web 5. Mendemonstrasikan cara menambahkan obyek pada situs web

6. Menjelaskan penggunaan layer untuk mempersingkat akses situs web yang kita buat 7. Menjelaskan fungsi dan cara pembuatan form pada website

8. Membuat form pada situs web

(3)

10. Membuat frame pada website

11. Menjelaskan pembuatan identitas situs web kita pada mesin pencar1 12. Menjelaskan metode CSS dalam pembuatan situs web

13. Menjelaskan penggunaan behavior pada website 14. Mempraktikkan pembuatan berbagai behavior

15. Menjelaskan penggunaan panel-panel yang ada pada perangkat lunak pembuatan web 16. Menjelaskan langkah-langkah pembuatan website dengan template

17. Mempublikasikan situs web yang teah dibuat pada sever

1. Mengetahui struktur dan kegunaan menu ikon pada aplikasi desain web

2. Memahami bagian-bagian pada situs web 3. Menyisipkan hyperlink dan pengaturan teks 4. Memahami cara membuat tabel dalam

pengaturan tata letak situs web 5. Menambahkan obyek pada situs web 6. Menggunakan layer untuk berbagai

kepentingan

7. Memahami fungsi form dan membuat pada situs web

8. Memahami frame dan frameset pada website 9. Membuat frame pada situs web

10. Mengenal identitas web pada mesin pencari 11. Menggunakan CSS dalam pembuatan web 12. Menggunakan behavior pada website 13. Memahami panel-panel pada perangkat

lunak desain web

14. Membuat website dengan fasilitas template 15. Mempublikasikan web pada server

1.2.1. Fungsi menu dan ikon aplikais desain web untuk membuat website

Teori & Praktek Penugasan / proyek

· Menyampaikan tujuan

pembelajaran

· Menjelaskan struktur web pada perangkat lunak pembuatan web / desain web

· Menjelaskan kegunaan dari menu dan icon pada perangkat lunak pembuatan web

· Review menu dan ikon

aplikasi desain web

5

70

15

· Buku panduan, buku digital, internet, computer 1. Tenik F. Penilaian : Tes tertulis

2. Bentuk instrument : Uraian / pilihan gansa 3. Soal / instrument :

a. Jelaskan struktur bahasa HTML ?

b. Sebutkan menu-menu pilihan yang ada pada menu panel insert bar ?

(4)

pembelajaran

· Mempraktikkan pemberian judul, komponen garis, dan gambar pada situs web

· Menyisipkan hyperlink untuk navigasi pada halaman web

· Mempraktikkan pengaturan web teks pada situs web

· Membuat hyperlink pada web yang pernah dibuat

10

60

20

· Buku panduan, buku digital, internet, computer 1. Tenik F. Penilaian : Praktek / Unjuk Kerja 2. Bentuk instrument : Hasil Karya Web 3. Soal / instrument :

Buatlah hyperlink untuk : Hal Utama, Galery, Kontak

pembelajaran

· Mempraktikkan penggunaan tabel untuk pengaturan tata letak situs web

· Menyisipkan baris dan kolom pada tabel

· Mengatur tata letak web

yang pernah dibuat

15

60

15

· Buku panduan, buku digital, internet, computer 1. Tenik F. Penilaian : Praktek / Unjuk Kerja 2. Bentuk instrument : Hasil Karya Web 3. Soal / instrument :

Buatlah tata letak web yang menarik dengan menggunakan tabel dan Horizontal Rule

(5)

pembelajaran

· Mendemonstarikan cara manmbahkan obyek gambar, obyek animasi, obyek flash button pada situs web

· Tambahkan obyek gambar, animasi dan flash button pada website

15

60

15

F. Penilaian

1. Tenik : Praktek / Unjuk Kerja 2. Bentuk instrument : Hasil Karya Web 3. Soal / instrument :

Tambahkanlah gambar, animasi, dan flash button pada situs web

pembelajaran

· Mendiskusikan konsep layer

· Mempraktikkan penggunaan layer pada situs web

· Membuat web dengan

fasilitas layer-layer

15

60

15

· Buku panduan, buku digital, internet, computer F. Penilaian1. Tenik : Praktek / Unjuk Kerja 2. Bentuk instrument : Hasil Karya Web 3. Soal / instrument :

Buatlah website dengan menyertakan komponen layer

15

(6)

pembelajaran

· Menjelaskan konsep komponen form

· Menjelaskan langkah-langkah dalam pembuatan form pada website

· Membuat form buku

tamu pada website

15

Buatlah sebuah form buku tamu pada website

pembelajaran

· Mendefinisikan fungsi frame dan frameset

· Menjelaskan keuntungan penggunaan frame

· Membuat website dengan fasilitas frame

· Membuat website

dengan frame dan frameset

15

60

15

Buatlah website dengan fasilitas frame dan frameset

pembelajaran

· Mempelajari menu navigasi seperti flash button dan rollover button

15

60

(7)

· Membuat menu navigasi flash button dan rollover button

Buatlah menu navigasi berupa flash button dan rollover button pada website

pembelajaran

· Mempelajari pembuatan identitas situs web pada mesin pencari dengan menggunakan head, meta, description, keyword, dan refresh

· Menambahkan identitas

situs pada web

15

60

15

F. Penilaian

1. Tenik : Praktek / Unjuk Kerja 2. Bentuk instrument : Hasil Karya Web 3. Soal / instrument :

Tambahkanlah identitas pada situs web dengan ; head, description, keyword, dan refresh

pembelajaran

· Mempelajari CSS (Cascading Style Sheet)

· Mempelajari penggunaan dan pengaturan CSS pada situs web

· Menggunakan CSS

dalam membuat web

15

45

30

(8)

Buatkan website dengan fasilitas CSS

pembelajaran

· Menjelaskan penggunaan behavior pada website

· Menjelaskan langkah-langkah pembuatan behavior

· Memberikan kesimpulan

fungsi behavior

5

75

10

· Buku panduan, buku digital, internet, computer F. Penilaian1. Tenik : Tertulis 2. Bentuk instrument : Uraian / pilihan ganda

3. Soal / instrument :

a. Jelaskan fungsi dari action check browser ?

(9)

pembelajaran

· Mempraktikkan pembuatan berbagai behavior

· Memberikan kesimpulan

fungsi behavior

5

75

10

· Buku panduan, buku digital, internet, computer F. Penilaian1. Tenik : Unuk kerja / Praktik 2. Bentuk instrument : hasil karya web / Pengamatan

Buatlah menggunakan action open browser window untuk menampilkan window pada saat dokumen website utama dibuka, dengan ketentuan sebagai berikut :

- Window yang ditampilkan berisi informasi iklan

- Ukuran window : width = 150 pixels, height=200 pixels, window name= Sisipan_Iklan

- Tampilkan Navigation Bar dan Status Bar

pembelajaran

· Mendiskusikan fungsi panel-panel pada perangkat lunak pembuatan web

· Memberikan kesimpulan fungsi panel-panel yang sering digunakan

5

75

10

· Buku panduan, buku digital, internet, computer F. Penilaian1. Tenik : Tes Tertulis

2. Bentuk instrument : Uraian / Pilihan ganda 3. Soal / instrument :

- A

(10)

u n a a n d ar i p a n el hi st or y ?

- Tuliskan langkah-langkah untuk membuat menu command ?

- Apa fungsi elemen Refresh dalam sebuah dkumen website ?

pembelajaran

· Menjelaskan penggunaan template untuk membangun website

· Mendefinisikan region

· Mempraktikkan membuat template pada website

5

45

40

· Buku panduan, buku digital, internet, computer F. Penilaian1. Tenik : Praktik / Unjuk Kerja 2. Bentuk instrument : Hasil Karya web / Pengamatan

- Buatlah template dalam bentuk tabel untuk mengisi data DAFTAR TEMAN dengan ketentuan sebagai berikut :

Field terdiri dari : No. ; Nama Lengkap ; Kota; Kode Pos; Email

(11)

pembelajaran

· Mempelajari cara mempublikasikan situs web yang telah dibuat

· Mempraktikkan mempublikasikan web ke server

5

45

40

F. Penilaian

1. Tenik : Praktik / Unjuk Kerja 2. Bentuk instrument : Hasil Karya web / Pengamatan

Publikasikan website yang pernah anda buat pada server yang telah disediakan ?

Barabai, 25 September 2007

Mengetahui : Guru Mata Pelajaran,

Kepala SMA Negeri 1 LAS,

Drs. Rif’at Drs. H. Nurul Fiddin

NIP. 131876720 NIP. 131785378

RENCANA PELAKSANAAN PENGAJARAN (RPP)

SMA NEGERI 1 LABUAN AMAS SELATAN

Wilayah : HULU SUNGAI TENGAH Unit Karya : SMA NEGERI 1 LAS Alamat : Jl. Pantai Hambawang

Mata Pelajaran : Teknologi Informasi & Komunikasi Kelas / Semester : XII / II

Tahun : 2007/2008

Standar Kompetensi : 2. Menggunakan perangkat lunak pemrograman web untuk membangun situs web dinamis Alokasi Waktu : 900 menit

20 jam pelajaran

Kompetensi Dasar : 2.1 Menjelaskan dasar pembuatan situs web dengan menggunakan aplikasi pemrograman web

Indikator : 1. Menjelaskan dasar-dasar bahasa pemrograman web 2. Menjelaskan langkah instalasi bahasa pemrograman web 3. Menjelaskan struktur pemrograman web dinamis

4. Mendemonstrasikan penggunaan operator pada bahasa pemrograman web 5. Menjelaskan fungsi string pada bahasa pemrograman web

6. Mendemonstrasikan penggunaan Struktur control dalam bahasa pemrograman web 7. Menjelaskan definisi tentang function

8. Menjelaskan penggunaan array pada bahasa pemrograman web 9. Mengelola form untuk menyajikan informasi dari user

10. Mempraktikkan pembuatan form

(12)

12. Menjelaskan penggunaan statement pada bahasa pemrograman web

1. Mengenal dasar-dasar pemrograman web 2. Melakukan instalasi perangkat lunak

pemrograman web

3. Mengetahui struktur pemrograman web dinamis

4. Membuat program web dengan menggunakan operator

5. Mengenal fungsi string pemrograman web 6. Menggunakan struktur control dalam

pemrograman web 7. Mengenal function 8. Mengenal fungsi array

9. Membuat form untuk mngelola informasi 10. Membuat validasi data masukan 11. Mengenal statement pemrograman web

1. Struktur dasar bahasa pemrograman untuk pembuatan situs web

Teori & Praktek Demonstrasi

· Menyimak penjelasan tentang dasar pembuatan situs web dengan bahasa pemrograman web

· Mencari informasi tentang bahasa pemrograman web

· Review materi

5

75

10

F. Penilaian

1. Tenik : Tes tertulis

2. Bentuk instrument : Uraian / pilihan ganda 3. Soal / instrument : (menggunakan buku LKS)

a. Jelaskan perbedaan web statis dan web dinamis b. Jelaskan perbedaan pemrograman server side

dan client side ?

c. Apa kelebihan yang dimiliki oleh PHP Script ? d. Apa saja yang dibutuhkan untuk dapat

menggunakan program PHP script ?

· Menjelaskan langkah-langkah instalasi bahasa pemrograman web dan perangkat lunak basis data yang akan digunakan

· Menjelaskan struktur bahasa pemrograman web untuk pembuatan web dinamis

· Menggunakan bahasa pemrograman web

5

65

(13)

untuk membuat situs web

· Melakukan instalasi perangkat lunak PHP triad

F. Penilaian

1. Tenik : Unjuk Kerja / Praktik 2. Bentuk instrument : Pengamatan / Observasi 3. Soal / instrument : (menggunakan buku LKS)

a. Jalankan langkah-langkah instalasi aplikasi PHP Triad

b. Jalankan fitur-fitur pendukung Aplikasi tersebut.

· Mengenal dan menggunakan operator dalam bahasa pemrograman web

· Membuat program dengan operator

5

65

20

F. Penilaian

a. Buatlah salah program dengan menggunakan operator

· Menggunakan fungsi string untuk

mempermudah pembuatan situs web dalam script bahasa pemrograman web

· Membuat program dengan fungsi string

5

65

20

F. Penilaian

a. Buatlah program dengan fungsi string

(14)

· Mengenal dan menggunakan struktur kontrol dalam bahasa pemrograman web

· Mempraktikkan penggunaan struktur pernyataan if

· Mempraktikkan penggunaan struktur pernyataan switch

· Membuat dengan fungsi if dan switch

5

65

20

F. Penilaian

a. Buatlah program dengan fungsi if dan switch

Pertemuan ke-6:

· Mendefinisikan tentang function

· Menjelaskan cakupan dari function

· Menjelaskan penggunaanReturn Values 3. Kegiatan Penutup

· Membuat dengan function

5

65

20

F. Penilaian

1. Tenik : Unjuk Kerja / Praktik 2. Bentuk instrument : Pengamatan / Observasi 3. Soal / instrument :

a. Buatlah program dengan function

Pertemuan ke-7:

· Menjelaskan penggunaan array dalam bahasa pemrograman web

· Membuat program dengan fungsi array

5

65

20

F. Penilaian

(15)

Pertemuan ke-8:

· Melakukan pengeloaan form

· Membuat form untuk mengambil data

· Memperlajari metode GET dan Post

· Membuat sebuah form dengan metode Post dan GET

5

40

45

F. Penilaian

a. Buatlah sebuah form dengan metode post dan GET

Pertemuan ke-9:

· Mendefinisikan karakter meta

· Menguji alamat email, kode pos dan nomor telepon

· Menguji form yang telah dibuat pada browser

5

40

45

F. Penilaian

a. Jalankan program yang telah anda buat pada browser

Pertemuan ke-10:

(16)

· Mengenal dan menggunakan Statement dalam bahasa pemrograman web untuk menyertakan suatu file ke dalam file yang memanggilnya

· Menguji hasil program

40

45

F. Penilaian

a. Jalankan program yang telah anda buat pada browser

Barabai, 25 September 2007

Mengetahui :

Guru Mata Pelajaran,

Kepala SMA Negeri 1 LAS,

Drs. Rif’at

Drs. H. Nurul Fiddin

(17)

(18)

(19)

(20)