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 1. Kegiatan Awal (15 menit) Membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi sebelumnya.

2. Kegiatan Inti (150 menit) 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. 3. Kegiatan Akhir (15 menit) Instruktur memeriksa hasil kerja yang dilakukan siswa. Pertemuan Ketiga 1. Kegiatan Awal (15 menit) Membuka kelas dengan salam, absesnsi siswa, mengulas secara singkat materi sebelumnya. 2. Kegiatan Inti (150 menit) 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!. 3. Kegiatan Akhir (15 menit) Instruktur melakukan review hasil pekerjaan siswa. D. Alat / Bahan / Sumber Belajar 1. Alat / Bahan 2. Sumber Belajar

: : Komputer, LCD Projector, Software XAMPP & Joomla! CMS : Dokumentasi software terkait, tutorial, buku referensi lain

E. Penilaian Hasil Akhir 1. Teknik Penilaian 2. Bentuk Penilaian

: : Pengamatan dan observasi : Unjuk kerja

E.1 Bobot Penilaian 1. Persiapan 2. Pemahaman 3. Praktek TOTAL SKOR

: : : :
 

20 30 50 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

Mengetahui Kepala UPTD SMK Negeri 1 Nganjuk

Ir. Edi Rosyadi Wijaya, MM Pembina Tk. I NIP. 19611007 198304 1 008

Nganjuk, Juli 2009 Guru Mata Pelajaran Produktif MM

Slamet Budi Santoso, S.Kom NIP. 19800724 200801 1 014

RENCANA PELAKSANAAN PEMBELAJARAN (RPP) 2 Sekolah : SMK Negeri 1 Nganjuk Mata Pelajaran : Produktif Multimedia Kelas / Semester : X/1 Pertemuan Ke: 4 s/d 6 Alokasi Waktu : 12 Jam Pelajaran ( 3 x Pertemuan ) Standar Kompetensi : Mengelola Isi Halaman Web 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. A. Tujuan Pembelajaran : Setelah melakukan kegiatan ini diharapkan peserta didik mampu: • 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 B. Materi Pembelajaran : • Memeriksa link pada website menggunakan fasilitas online link checker • Manajemen menu/navigasi web berbasis Joomla! • Manajemen weblinks dalam sebuah website • Membuat site map website C. Metode Pembelajaran

: Tutorial dan praktikum

D. Langkah Pembelajaran : Pertemuan Keempat 1. Kegiatan Awal (15 menit) Membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi sebelumnya. 2. Kegiatan Inti (150 menit) 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 masingmasing.

3. Kegiatan Akhir (15 menit) Instruktur memeriksa hasil kerja yang dilakukan siswa dan memberikan tugas (pekerjaan rumah) Pertemuan Kelima 1. Kegiatan Awal (30 menit) Instruktur membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi sebelumnya, dan memeriksa tugas (pekerjaan rumah) siswa. 2. Kegiatan Inti (135 menit) 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. 3. Kegiatan Akhir (15 menit) Instruktur memeriksa hasil kerja siswa dan memberikan tugas untuk pertemuan selanjutnya. Pertemuan Keenam 1. Kegiatan Awal (30 menit) Instruktur membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi sebelumnya, dan memeriksa tugas (pekerjaan rumah) siswa. 2. Kegiatan Inti (120 menit) a. Instruktur menjelaskan langkah-langkah mendesain navigasi sebuah website. b. Siswa melakukan desain menu navigasi web dan menerapkannya pada website lokal masing-masing. 3. Kegiatan Akhir (30 menit) Instruktur memeriksa hasil kerja yang dilakukan siswa dan mengajukan beberapa pertanyaan untuk menilai pemahaman siswa terhadap rangkaian materi. D. Alat / Bahan / Sumber Belajar 1. Alat / Bahan 2. Sumber Belajar

: : Komputer, LCD Projector, Software XAMPP & Joomla! CMS : Dokumentasi software terkait, tutorial, buku referensi lain

E. Penilaian Hasil Akhir 1. Teknik Penilaian 2. Bentuk Penilaian

: : Pengamatan dan observasi : Unjuk Kerja dan Tugas Rumah

E.1 Bobot Penilaian Konsep 1. Persiapan 2. Pemahaman 3. Praktek TOTAL SKOR

: : : :


 

20 30 50 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.

Mengetahui Kepala UPTD SMK Negeri 1 Nganjuk

Ir. Edi Rosyadi Wijaya, MM Pembina Tk. I NIP. 19611007 198304 1 008

Nganjuk, Juli 2009 Guru Mata Pelajaran Produktif MM

Slamet Budi Santoso, S.Kom NIP. 19800724 200801 1 014

RENCANA PELAKSANAAN PEMBELAJARAN (RPP) 3 Sekolah : SMK Negeri 1 Nganjuk Mata Pelajaran : Produktif Multimedia Kelas / Semester : X/1 Pertemuan Ke: 7 s/d 9 Alokasi Waktu : 12 Jam Pelajaran ( 3 x Pertemuan ) Standar Kompetensi : Mengelola Isi Halaman Web 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. A. Tujuan Pembelajaran : Setelah melakukan kegiatan ini diharapkan peserta didik mampu: • 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. B. Materi Pembelajaran : • Pengelolaan artikel, halaman depan (frontpage), section dan category, dan media. • Pengelolaan modul dan template situs. C. Metode Pembelajaran

: Tutorial dan praktikum

D. Langkah Pembelajaran : Pertemuan Tujuh 1. Kegiatan Awal (15 menit) Membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi sebelumnya. 2. Kegiatan Inti (150 menit) a. Instruktur menjelaskan langkah-langkah pengelolaan artikel. b. Siswa melakukan praktek pada web lokal masing-masing sesuai dengan tutorial yang diberikan.

3. Kegiatan Akhir (15 menit) Instruktur memeriksa hasil kerja yang dilakukan siswa dan memberikan tugas (pekerjaan rumah) penulisan berita. Pertemuan Kedelapan 1. Kegiatan Awal (15 menit) Membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi sebelumnya, dan memeriksa tugas (pekerjaan rumah) siswa. 2. Kegiatan Inti (150 menit) 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. 3. Kegiatan Akhir (15 menit) Instruktur memeriksa hasil kerja siswa dan memberikan tugas (pekerjaan rumah) untuk mengirimkan artikel ke situs resmi sekolah. Pertemuan Kesembilan 1. Kegiatan Awal (15 menit) Membuka kelas dengan salam, absensi siswa, dan menunjukkan artikel yang dikirim oleh siswa ke situs resmi sekolah. 2. Kegiatan Inti (150 menit) 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. 3. Kegiatan Akhir (15 menit) Instruktur memeriksa hasil desain template website lokal siswa, dan memberikan tugas membuat desain untuk situs resmi sekolah. D. Alat / Bahan / Sumber Belajar 3. Alat / Bahan 4. Sumber Belajar

: : Komputer, LCD Projector, Software XAMPP & Joomla! CMS : Dokumentasi software terkait, tutorial, buku referensi lain

E. Penilaian Hasil Akhir 3. Teknik Penilaian 4. Bentuk Penilaian

: : Pengamatan dan observasi : Unjuk Kerja dan Tugas Rumah

E.1 Bobot Penilaian Konsep 1. Persiapan 2. Pemahaman 3. Praktek TOTAL SKOR

: : : :


 

20 30 50 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.

Mengetahui Kepala UPTD SMK Negeri 1 Nganjuk

Ir. Edi Rosyadi Wijaya, MM Pembina Tk. I NIP. 19611007 198304 1 008

Nganjuk, Juli 2009 Guru Mata Pelajaran Produktif MM

Slamet Budi Santoso, S.Kom NIP. 19800724 200801 1 014

RENCANA PELAKSANAAN PEMBELAJARAN (RPP) 4 Sekolah : SMK Negeri 1 Nganjuk Mata Pelajaran : Produktif Multimedia Kelas / Semester : X/1 Pertemuan Ke: 10 s/d 12 Alokasi Waktu : 12 Jam Pelajaran ( 3 x Pertemuan ) Standar Kompetensi : Mengelola Isi Halaman Web 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. A. Tujuan Pembelajaran : Setelah melakukan kegiatan ini diharapkan peserta didik mampu: • 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. B. Materi Pembelajaran : • 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.

C. Metode Pembelajaran

: Tutorial dan praktikum

D. Langkah Pembelajaran : Pertemuan Kesepuluh 1. Kegiatan Awal (15 menit) Membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi sebelumnya, dan memeriksa tugas siswa pembuatan template situs resmi sekolah. 2. Kegiatan Inti (150 menit) 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. 3. Kegiatan Akhir (15 menit) Instruktur memeriksa hasil perbaikan desain yang dilakukan siswa dan menugaskan siswa untuk membuat daftar komponen yang perlu ditambahkan pada website resmi sekolah.

Pertemuan Kesebelas 1. Kegiatan Awal (15 menit) Membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi sebelumnya. 2. Kegiatan Inti (150 menit) 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. 3. Kegiatan Akhir (15 menit) Instruktur memeriksa hasil pengecekan dan perbaikan yang dilakukan oleh siswa. Pertemuan Keduabelas 1. Kegiatan Awal (15 menit) Membuka kelas dengan salam, absensi siswa, memberikan ulasan singkat materi sebelumnya. 2. Kegiatan Inti (150 menit) a. Instruktur menunjukkan bentuk laporan update website. b. Siswa membuat laporan sesuai bentuk/format yang diberikan instruktur dan dikumpulkan untuk dinilai. 3. Kegiatan Akhir (15 menit) Instruktur memberikan ulasan terhadap tugas yang dikumpulkan.

D. Alat / Bahan / Sumber Belajar 1. Alat / Bahan 2. Sumber Belajar

: : Komputer, LCD Projector, Software XAMPP & Joomla! CMS : Dokumentasi software terkait, tutorial, buku referensi lain

E. Penilaian Hasil Akhir 1. Teknik Penilaian 2. Bentuk Penilaian

: : Pengamatan dan observasi : Unjuk Kerja dan Tugas Rumah

E.1 Bobot Penilaian Konsep 1. Persiapan 2. Pemahaman 3. Praktek TOTAL SKOR

: : : :


 

20 30 50 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!

Mengetahui Kepala UPTD SMK Negeri 1 Nganjuk

Ir. Edi Rosyadi Wijaya, MM Pembina Tk. I NIP. 19611007 198304 1 008

Nganjuk, Juli 2009 Guru Mata Pelajaran Produktif MM

Slamet Budi Santoso, S.Kom NIP. 19800724 200801 1 014