RPP Mengelola Isi Halaman Web

RENCANA PELAKSANAAN PEMBELAJARAN (RPP)
Sekolah : SMK Negeri 1 Nganjuk

Mata Pelajaran : Produktif Multimedia
Kelas / Semester : X/1
Pertemuan Ke- : 1, 2 & 3
Alokasi Waktu : 12 Jam Pelajaran ( 3 x Pertemuan @ 4 JP)
Standar Kompetensi : Mengelola Isi Halaman Web
Kompetensi Dasar : Memeriksa Informasi untuk Relevansi dan Keterkinian
Indikator :
• Konfirmasi kekerapan revisi situs dengan personil terkait
• Didapatkan materi content tambahan dan revisi dalam bentuk elektronik dari klien
• Konfirmasi dengan personil terkait mengenai revisi lainnya bila perlu
A. Tujuan Pembelajaran :
Setelah melakukan kegiatan ini diharapkan peserta didik mampu:
• Mengakses halaman web dengan software yang telah ditentukan dengan baik dan benar
• Mencermati informasi yang tersaji pada halaman web
• Mengamati target pranala (links) luar yang terdapat pada halaman web
• Membandingkan konten/isi halaman web dengan tujuan pembuatan halaman web
• Mengidentifikasi kebutuhan akan penambahan dan/atau pengurangan obyek yang
terdapat pada halama web
B. Materi Pembelajaran :
• Membangun Server Lokal
• Menginstalasi Joomla! Content management system (cms)
• Joomla! Global Configuration
C. Metode Pembelajaran : Tutorial dan praktikum
D. Langkah Pembelajaran :
Pertemuan Kesatu
1. Kegiatan Awal (15 menit)
Membuka kelas dengan salam, absensi siswa, memberikan pengantar pengelolaan web.
2. Kegiatan Inti (150 menit)

a. Siswa duduk sesuai komputer masing-masing.
b. Instruktur menjelaskan materi ajar secara tutorial (langkah demi langkah)
menggunakan proyektor LCD.
c. Siswa mempraktekkan materi ajar pada komputer masing-masing.
d. Instruktur memfasilitasi siswa untuk tanya-jawab.
3. Kegiatan Akhir (15 menit)

Instruktur menjelaskan secara singkat tentang fungsi server lokal.
Pertemuan Kedua
Membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi
sebelumnya.
a. Siswa melakukan pemeriksaan hasil instalasi server lokal pada pertemuan sebelumnya.
b. Instruktur memberikan tutorial instalasi Joomla!
c. Siswa mempraktekkan materi ajar pada komputer masing-masing, instruktur bertindak
sebagai pembimbing.

Instruktur memeriksa hasil kerja yang dilakukan siswa.
Pertemuan Ketiga
Membuka kelas dengan salam, absesnsi siswa, mengulas secara singkat materi
sebelumnya.

a. Siswa membuka kembali halaman administrasi dari web berbasis Joomla!.
b. Instruktur menjelaskan administrasi Joomla! dalam manajemen artikel.
c. Siswa mempraktekkan manajemen artikel di Joomla!.

Instruktur melakukan review hasil pekerjaan siswa.
D. Alat / Bahan / Sumber Belajar :

1. Alat / Bahan : Komputer, LCD Projector, Software XAMPP & Joomla!
CMS
2. Sumber Belajar : Dokumentasi software terkait, tutorial, buku referensi
lain
E. Penilaian Hasil Akhir :

1. Teknik Penilaian : Pengamatan dan observasi
2. Bentuk Penilaian : Unjuk kerja
E.1 Bobot Penilaian

1. Persiapan : 20
2. Pemahaman : 30
3. Praktek : 50
TOTAL SKOR : 100

100

E.2 Pertanyaan
1. Apa yang dimaksud dengan website?
2. Apakah yang dimaksud dengan content management system (cms) dan sebutkan
contohnya!
3. Software apa saja yang perlu dipersiapkan untuk membangun web berbasis Joomla! pada
personal computer (PC)?
4. Sebutkan langkah-langkah instalasi Joomla! pada server web lokal!
E.3 Kunci Jawaban
1. Website adalah sekumpulan halaman web yang saling terkait berisi gambar, video, teks,
atau aset digital lainnya yang dialamatkan pada nama domain atau IP yang sama.
2. Content Management System (CMS) adalah sebuah aplikasi pengelolaan konten/isi web
yang berupa: teks, gambar, link, dll.
3. Software yang diperlukan untuk membangun web berbasis Joomla! adalah:

a. Apache Web Server
b. PHP
c. MySQL Database Server
d. Joomla!
4. Langkah-langkah instalasi Joomla!

a. Siapkan database MySQL
b. Download file-file instalasi Joomla! dan tempatkan pada direktori server
c. Jalankan browser dan ketikkan alamat Joomla! pada server lokal:
http://localhost/joomla untuk memulai instalasi via browser
d. Ikuti langkah-langkah instalasi
Nganjuk, Juli 2009

Mengetahui Guru Mata Pelajaran
Kepala UPTD SMK Negeri 1 Nganjuk Produktif MM
Ir. Edi Rosyadi Wijaya, MM Slamet Budi Santoso, S.Kom

Pembina Tk. I NIP. 19800724 200801 1 014
NIP. 19611007 198304 1 008

Pertemuan Ke- : 4 s/d 6
Alokasi Waktu : 12 Jam Pelajaran ( 3 x Pertemuan )
Kompetensi Dasar : Memeriksa links dan navigasi
Indikator :
• Software link-checking dipilih dengan tepat, dijalankan untuk menguji links dan memeriksa
keterkinian links yang ada.
• Dokumen laporan disimpan sesuai dengan persyaratan teknis dan organisasi.
• Mengakses halaman web dengan software yang telah ditentukan dengan baik dan benar
• Memilih software link checking yang tepat sesuai tujuan
• Mengoperasikan software link-checking sesuai dengan aturan penggunaannya
• Mengidentifikasi target links yang terdapat pada halaman web klien, baik yang ke dalam
maupun yang ke luar dengan cermat
• Mengakses obyek navigasi dan membandingkan dengan kriteria navigasi yang baik secara
cermat dan teliti
• Membuat laporan tertulis tentang hasil pengidentifikasian links dan pengamatan obyek
navigasi dengan rapi
• Memeriksa link pada website menggunakan fasilitas online link checker
• Manajemen menu/navigasi web berbasis Joomla!
• Manajemen weblinks dalam sebuah website
• Membuat site map website
Pertemuan Keempat
sebelumnya.

a. Instruktur menunjukkan langkah-langkah pemeriksaan links pada situs resmi SMK
Negeri 1 Nganjuk yang beralamat di: http://smkn1nganjuk.sch.id menggunakan aplikasi
online link-checker http://validator.w3.org/checklink .
b. Instruktur menjelaskan hasil pemeriksaan yang diperoleh.
c. Instruktur menjelaskan secara tutorial pembuatan links navigasi, link di dalam artikel,
pembuatan daftar weblinks, dan siswa mempraktekkan pada website lokal masing-
masing.
Instruktur memeriksa hasil kerja yang dilakukan siswa dan memberikan tugas (pekerjaan
rumah)
Pertemuan Kelima
Instruktur membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi
sebelumnya, dan memeriksa tugas (pekerjaan rumah) siswa.

a. Instruktur menjelaskan tutorial dalam melakukan instalasi komponen Joomla! (Xmap
atau JooMap) untuk membuat site map.
b. Siswa melakukan praktek membuat menu navigasi untuk website sekolah. Instruktur
mendampingi sebagai pembimbing.

Instruktur memeriksa hasil kerja siswa dan memberikan tugas untuk pertemuan
selanjutnya.
Pertemuan Keenam
Instruktur membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi

a. Instruktur menjelaskan langkah-langkah mendesain navigasi sebuah website.
b. Siswa melakukan desain menu navigasi web dan menerapkannya pada website lokal
masing-masing.

Instruktur memeriksa hasil kerja yang dilakukan siswa dan mengajukan beberapa
pertanyaan untuk menilai pemahaman siswa terhadap rangkaian materi.

CMS
lain

2. Bentuk Penilaian : Unjuk Kerja dan Tugas Rumah
E.1 Bobot Penilaian Konsep

1. Persiapan : 20
2. Pemahaman : 30
3. Praktek : 50
TOTAL SKOR : 100

100

E.2 Pertanyaan
1. Apakah tujuan pemeriksaan links menggunakan link checker?
2. Sebutkan fasilitas link checker yang terdapat di internet secara online?
3. Apakah yang dimaksud dengan site map?
E.3 Kunci Jawaban

1. Tujuannya adalah untuk mendeteksi keadaan seluruh link yang terdapat pada suatu
website. Kondisi link dikatakan baik apabila link dan halaman/sumber daya yang dituju
terhubung.
2. Terdapat banyak fasilitas link checker di internet secara online tanpa harus diinstal, di
antaranya:
a. http://validator.w3.org/checklink
b. http://www.dead-links.com/
c. http://www.webmaster-toolkit.com/link-checker.shtml
d. Dll.
3. Site Map atau Peta Situs adalah gambaran tentang halaman-halaman web internal yang
dihubungkan oleh links menu navigasi.
Nganjuk, Juli 2009


Pembina Tk. I NIP. 19800724 200801 1 014
NIP. 19611007 198304 1 008

Kompetensi Dasar : Mengedit informasi sesuai kebutuhan
Indikator :
• Links yang cacat atau gagal diperiksa untuk menentukan penutupan situs atau tempat situs
baru.
• Closed Links ditiadakan dan dibuka links baru jika memungkinkan.
• Page Links internal diperiksa dan diralat sesuai kebutuhan.
• Links yang tidak digunakan dihapus bila perlu.
• Content materi disisipkan dan diedit bila perlu.
• Dibuat revisi heading, typographical, dan image yang diperlukan.
• Disisipkan halaman tambahan yang diperlukan, memastikan links dibuat dengan benar
dalam struktur situs.
• Saran pada personil terkait bila diperlukan button, interface, atau desain navigasi baru
untuk membuat materi tambahan.
• Mengidentifikasi links yang cacat/mati pada halaman web dengan teliti.
• Mendaftar alamat-alamat website yang perlu ditambahkan dengan rapi.
• Memperbaiki dan/atau menghapus links yang cacat/mati dengan benar.
• Menambahkan links yang telah didaftar ke bagian tertentu pada halaman web.
• Menambahkan informasi.
• Mengatur ulang links sesuai dengan struktur web yang benar.
• Mendesain ulang tampilan halaman web baik sebagian maupun secara menyeluruh.
• Pengelolaan artikel, halaman depan (frontpage), section dan category, dan media.
• Pengelolaan modul dan template situs.
Pertemuan Tujuh
sebelumnya.

a. Instruktur menjelaskan langkah-langkah pengelolaan artikel.
b. Siswa melakukan praktek pada web lokal masing-masing sesuai dengan tutorial yang
diberikan.
Instruktur memeriksa hasil kerja yang dilakukan siswa dan memberikan tugas (pekerjaan
rumah) penulisan berita.
Pertemuan Kedelapan

a. Siswa memasukkan berita yang diperolehnya dari tugas pada pertemuan selanjutnya
untuk ditambahkan pada web lokal masing-masing.
b. Instruktur memberikan bimbingan pada siswa yang kesulitan.

Instruktur memeriksa hasil kerja siswa dan memberikan tugas (pekerjaan rumah) untuk
mengirimkan artikel ke situs resmi sekolah.
Pertemuan Kesembilan
Membuka kelas dengan salam, absensi siswa, dan menunjukkan artikel yang dikirim oleh
siswa ke situs resmi sekolah.

a. Instruktur menjelaskan pentingnya merawat content website agar tetap up to date.
b. Instruktur memberikan ulasan tutorial pembuatan desain template website.
c. Siswa mempraktekkan pembuatan template untuk website lokalnya masing-masing.

Instruktur memeriksa hasil desain template website lokal siswa, dan memberikan tugas
membuat desain untuk situs resmi sekolah.

CMS
lain


1. Persiapan : 20
2. Pemahaman : 30
3. Praktek : 50
TOTAL SKOR : 100

100

E.2 Pertanyaan
1. Artikel dikelompokkan pada 2 (dua) kelompok besar yaitu ....
2. Apakah yang dimaksud dengan META TAG?
3. Sebutkan 2 (dua) teknik pembuatan layout web !
E.3 Kunci Jawaban

1. Section dan Category, dimana Section merupakan kumpulan kategori-kategori yang sejenis
dan Kategori merupakan pengelompokkan artikel berdasar permasalahan/muatan
kontennya.
2. META TAG menyediakan metadata dari sebuah dokumen HTML. Metadata tidak akan
ditampilkan pada halaman, tetapi dapat dibaca oleh mesin pencari. META TAG umumnya
digunakan untuk menjelaskan deskripsi halaman, kata kunci, penulis/author dokumen, dan
lain sebagainya.
3. Teknik pembuatan layout web ada 2(dua) yaitu: table based dan CSS based.
Nganjuk, Juli 2009


Pembina Tk. I NIP. 19800724 200801 1 014
NIP. 19611007 198304 1 008

Kompetensi Dasar : Menguji dan memastikan perubahan-perubahan
Indikator :
• Semua links yang valid diperiksa sebelum meminta klien memeriksa semua perubahan
content dan mengkonfirmasikan bahwa perubahan tersebut valid.
• Klien disediakan laporan lengkap mengenai semua perubahan yang dibuat.
• Mengamati dan menguji tampilan, isi dan links hasil pengubahan dengan cermat dan teliti
baik pada web server yang terdapat di lokal maupun di internet.
• Membuat laporan tertulis hasil pengamatan dan pengujian halaman web dengan rapi.
• Melaporkan hasil pengubahan halaman web ke klien bila diperlukan.
• Menerapkan perubahan template website.
• Melakukan pengecekkan secara online
o http://www.websiteoptimization.com/services/analyze/
o http://sitereportcard.com/
• Melakukan pengecekkan dan pembuatan laporan dengan menambahkan komponen

website: Jxtended Reports.
Pertemuan Kesepuluh
sebelumnya, dan memeriksa tugas siswa pembuatan template situs resmi sekolah.

a. Instruktur menunjukkan proses pemasangan template yang dibuat oleh siswa pada
website resmi sekolah dan memberikan komentar pada desain tersebut.
b. Siswa melakukan perbaikan-perbaikan yang diperlukan pada desainnya masing-masing.

Instruktur memeriksa hasil perbaikan desain yang dilakukan siswa dan menugaskan siswa
untuk membuat daftar komponen yang perlu ditambahkan pada website resmi sekolah.
Pertemuan Kesebelas
sebelumnya.

a. Instruktur menunjukkan hasil pengecekan pada situs resmi sekolah yang telah diubah
dengan desain buatan siswa.
b. Instruktur menjelaskan informasi yang diperoleh dari hasil pengecekan, siswa
mencatat dan memperbaiki jika terdapat kesalahan.

Instruktur memeriksa hasil pengecekan dan perbaikan yang dilakukan oleh siswa.
Pertemuan Keduabelas
sebelumnya.

a. Instruktur menunjukkan bentuk laporan update website.
b. Siswa membuat laporan sesuai bentuk/format yang diberikan instruktur dan
dikumpulkan untuk dinilai.

Instruktur memberikan ulasan terhadap tugas yang dikumpulkan.

CMS
lain


1. Persiapan : 20
2. Pemahaman : 30
3. Praktek : 50
TOTAL SKOR : 100

100

E.2 Pertanyaan
1. Sebutkan hal-hal apa saja yang dapat dilaporkan dari pengecekan secara online!
2. Komponen tambahan apakah yang dapat dipasang pada website berbasis Joomla! yang
memiliki fungsi pembuatan laporan?
E.3 Kunci Jawaban
1. Hal-hal yang diperiksa:
a. Link Check
b. HTML Check
c. Load Time Check
d. Meta Tag Check
e. Keyword Check
2. Jxtended Report dapat digunakan untuk memberikan fasilitas pembuatan report pada
website berbasis Joomla!
Nganjuk, Juli 2009


Pembina Tk. I NIP. 19800724 200801 1 014
NIP. 19611007 198304 1 008

RPP Mengelola Isi Halaman Web

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

RPP Mengelola Isi Halaman Web

Diunggah oleh

Hak Cipta:

Format Tersedia

RENCANA PELAKSANAAN PEMBELAJARAN (RPP)

Sekolah : SMK Negeri 1 Nganjuk

C. Metode Pembelajaran : Tutorial dan praktikum

2. Kegiatan Inti (150 menit)

3. Kegiatan Akhir (15 menit)

3. Kegiatan Akhir (15 menit)

2. Kegiatan Inti (150 menit)

3. Kegiatan Akhir (15 menit)

D. Alat / Bahan / Sumber Belajar :

E. Penilaian Hasil Akhir :

E.1 Bobot Penilaian

3. Software yang diperlukan untuk membangun web berbasis Joomla! adalah:

4. Langkah-langkah instalasi Joomla!

Nganjuk, Juli 2009

Ir. Edi Rosyadi Wijaya, MM Slamet Budi Santoso, S.Kom

Sekolah : SMK Negeri 1 Nganjuk

C. Metode Pembelajaran : Tutorial dan praktikum

2. Kegiatan Inti (150 menit)

2. Kegiatan Inti (135 menit)

3. Kegiatan Akhir (15 menit)

2. Kegiatan Inti (120 menit)

3. Kegiatan Akhir (30 menit)

D. Alat / Bahan / Sumber Belajar :

E. Penilaian Hasil Akhir :

E.1 Bobot Penilaian Konsep

E.3 Kunci Jawaban

Nganjuk, Juli 2009

Ir. Edi Rosyadi Wijaya, MM Slamet Budi Santoso, S.Kom

Sekolah : SMK Negeri 1 Nganjuk

C. Metode Pembelajaran : Tutorial dan praktikum

2. Kegiatan Inti (150 menit)

2. Kegiatan Inti (150 menit)

3. Kegiatan Akhir (15 menit)

2. Kegiatan Inti (150 menit)

3. Kegiatan Akhir (15 menit)

D. Alat / Bahan / Sumber Belajar :

E. Penilaian Hasil Akhir :

E.1 Bobot Penilaian Konsep

E.3 Kunci Jawaban

Nganjuk, Juli 2009

Ir. Edi Rosyadi Wijaya, MM Slamet Budi Santoso, S.Kom

Sekolah : SMK Negeri 1 Nganjuk

• Melakukan pengecekkan dan pembuatan laporan dengan menambahkan komponen

C. Metode Pembelajaran : Tutorial dan praktikum

2. Kegiatan Inti (150 menit)

3. Kegiatan Akhir (15 menit)

2. Kegiatan Inti (150 menit)

3. Kegiatan Akhir (15 menit)

2. Kegiatan Inti (150 menit)

3. Kegiatan Akhir (15 menit)

D. Alat / Bahan / Sumber Belajar :

E. Penilaian Hasil Akhir :

E.1 Bobot Penilaian Konsep

Nganjuk, Juli 2009

Ir. Edi Rosyadi Wijaya, MM Slamet Budi Santoso, S.Kom

Anda mungkin juga menyukai