rpp mengelola isi halaman web

RENCANA PELAKSANAAN PEMBELAJARAN (RPP)

1

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

2. Pemahaman

3. Praktek

:

:

:

20

30

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

Kepala UPTD SMK Negeri 1 Nganjuk

Ir. Edi Rosyadi Wijaya, MM

Pembina Tk. I

NIP. 19611007 198304 1 008

Guru Mata Pelajaran

Produktif MM

Slamet Budi Santoso, S.Kom

NIP. 19800724 200801 1 014


2




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

2. Pemahaman

3. Praktek

:

:

:

20

30

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

Mengetahui



Pembina Tk. I

NIP. 19611007 198304 1 008

Guru Mata Pelajaran

Produktif MM


NIP. 19800724 200801 1 014


3







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

2. Pemahaman

3. Praktek

:

:

:

20

30

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

Mengetahui



Pembina Tk. I

NIP. 19611007 198304 1 008

Guru Mata Pelajaran

Produktif MM


NIP. 19800724 200801 1 014


4







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

2. Pemahaman

3. Praktek

:

:

:

20

30

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

Mengetahui



Pembina Tk. I

NIP. 19611007 198304 1 008

Guru Mata Pelajaran

Produktif MM


NIP. 19800724 200801 1 014

rpp mengelola isi halaman web

Documents