RENCANA PELAKSANAAN PEMBELAJARAN
“PEMROGRAMAN DASAR WEB”
KURIKULUM 2013
Oleh :
Rini Kartiko Sari (5302412037)
Dosen Pengampu :
Dr. H. Noor Hudallah, M.T.
PROGRAM STUDI PENDIDIKAN TEKNIK INFORMATIKA DAN
KOMPUTER
JURUSAN TEKNIK ELEKTRO
FAKULTAS TEKNIK
UNIVERSITAS NEGERI SEMARANG
2015
RENCANA PELAKSANAAN PEMBELAJARAN
Sekolah : SMK N 3 SEMARANG
Mata Pelajaran : Pemrograman Web Kelas/Semester : X / I
Materi Pokok : Teknologi Aplikasi Web
Alokasi Waktu : 2 x 45 menit ( 1 kali pertemuan )
A. Kompetensi Inti
1. Menghayati dan mengamalkan ajaran agama yang dianutnya.
2. Menghayati dan Mengamalkan perilaku jujur, disiplin,tanggungjawab, peduli (gotong royong, kerjasama, toleran, damai), santun, responsif dan proaktif dan menunjukan sikap sebagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menempatkan diri sebagai cerminan bangsa dalam pergaulan dunia.
3. Memahami, menerapkan dan menganalisis pengetahuan faktual, konseptual, dan prosedural berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dalam wawasan kemanusiaan, kebangsaan, kenegaraan, dan peradaban terkait penyebab fenomena dan kejadian dalam bidang kerja yang spesifik untuk memecahkan masalah
4. Mengolah, menalar, dan menyaji dalam ranah konkret dan ranah abstrak terkait dengan pengembangan dari yang dipelajarinya di sekolah secara mandiri, dan mampu menggunakan metoda sesuai kaidah keilmuan
B. Kompetensi Dasar dan Indikator
1.1 Memahami nilai-nilai keimanan dengan menyadari hubungan keteraturan dan kompleksitas alam dan jagad raya terhadap kebesaran Tuhan yang menciptakannya
1.1.1. Berdoa pada awal dan akhir kegiatan pembelajaran
1.1.2. Memberi dan menjawab salam pada saat awal dan akhir presentasi sesuai dengan agama yang di anut
2.1 Menunjukkan perilaku ilmiah (memiliki rasa ingin tahu; objektif; jujur; teliti; cermat; tekun; hati-hati; bertanggung jawab; terbuka; kritis; kreatif; inovatif dan peduli lingkungan) dalam aktivitas sehari-hari sebagai wujud implementasi sikap dalam melakukan percobaan dan berdiskusi
2.1.1. Disiplin dalam melakukan berbagai macam kegiatan; 2.1.2. Tanggungjawab dalam
melaksanakan tugas dan kewajibannya;
2.1.3. Toleransi sikap dan tindakan yang menghargai perbedaan; 2.1.4. Gotong royong bekerja sama
dengan orang lain untuk mencapai tujuan bersama;
2.1.5. Santun atau sopan dalam pergaulan dari segi bahasa maupun tingkah laku
3.1 Memahami konsep Teknologi Aplikasi Web 3.1.1 Memahami Cara Kerja Web 3.1.2 Mengeksplorasi aplikasi-aplikasi untuk pengembangan aplikasi web
4.1 Menyajikan berbagai Teknologi Pengembangan Aplikasi Web
4.1.1 Menyampaikan hasil tentang cara kerja web dan penggunaan aplikasi pengembangan web
C. Tujuan Pembelajaran
Kompetensi Sikap Spiritual dan Sikap Sosial :
1.1.1 Peserta didik terbiasa berdoa pada awal dan akhir kegiatan pembelajaran dengan sungguh-sungguh;
1.1.2 Peserta didik terbiasa memberi dan menjawab salam pada saat awal dan akhir presentasi sesuai dengan agama yang dianut
2.1.2 Peserta didik patuh pada tata tertib atau aturan bersama/sekolah
2.1.3 Peserta didik mengerjakan / mengumpulkan tugas sesuai waktu yang ditentukan 2.1.4 Peserta didik melaksanakan tugas individu dengan baik
2.1.5 Peserta didik menerima kesepakatan meskipun berbeda dengan pendapatnya 2.1.6 Peserta didik aktif dalam kerja kelompok
2.1.7 Peserta didik menghormati Guru
2.1.8 Peserta didik bersikap 3 S (salam, senyum, sapa)
2.1.9 Peserta didik meminta ijin ketika akan memasuki atau keluar ruangan kelas
Kompetensi Pengetahuan :
3.1.1 Peserta didik mampu memahami cara kerja Web 3.1.2 Peserta didik mampu mengeksplorasi aplikasi web
3.1.3 Peserta didik mampu menyampaikan komponen – komponen web
Kompetensi Ketrampilan :
4.1.1 Peserta didik dapat menggunakan komponen – komponen web dalam membuat aplikasi web sederhana
D. Materi Pembelajaran :
1. Pengertian HTML 2. Jenis - Jenis HTML
3. Struktur dasar Hypertext Markup Language 4. Cara kerja Web
E. Metode Pembelajaran
Metode : Inkuiri terbimbing
Model Pembelajaran menggunakan pendekatan scientific dengan model pembelajaran Discovery learning
F. Media, Alat dan Sumber Pembelajaran
1. Media Pembelajaran : Power point, LCD dan Papan tulis 2. Alat Pembelajaran : Laptop dan Spidol
Sumber pembelajaran : Modul, Buku pemrograma web php dengan mysql dan java dengan mysql andy offset dan Internet
Kegiatan Deskripsi Kegiatan Alokasi Waktu
Pendahuluan Berdo’a Bersama Dengan Membaca Surat
Al-Fatihah Dilanjutkan Dengan Shalawat Kemudian Salam
Mengecek Tingkat Kehadiran Peserta Didik
Apersepsi Tanya Jawab Meliputi Pengetahuan Peserta Didik Mengenai Web
Menyampaikan Tujuan Kegiatan Pembelajaran Mata Pelajaran Pemrograman Web
Membuat komitmen dengan peserta didik mengenai punnisment dan reward
10 menit
Inti 1. Guru memberikan gambaran singkat mengenai
aplikasi berbasis web.
2. Peserta didik mencari tahu mengenai program aplikasi notepad,mozila firefox,xampp for windows. 3. Peserta didik mengelompok – kelompokan jenis
program aplikasi tersebut berdasarkan fungsinya 4. Peserta didik menyimpulkan hasil temuannya
5. Eksplorasi Peserta didik membandingkan hasil temuan mereka dengan hasil temuan temannya. 6. Mengkomunikasikan hasil temuanya di depan kelas
65 menit
Penutup Menyampaikan kesimpulan/refleksi bersama
Menginformasikan rencana kegiatan pada pertemuan berikutnya
Membaca hamdalah bersama-sama Salam penutup kegiatan belajar
15 menit
Penilaian menggunakan penilaian Autentik berupa portofolio yang terdiri dari : Penilaian Kinerja dan Tes tertulis
1. Teknik Penilaian Kinerja
2. Prosedur Penilaian
No Aspek yang dinilai Teknik Penilaian Waktu Penilaian
1. Sikap
a. Terlibat aktif dalam pembelajaran.
b. Bekerjasama dalam kegiatan kelompok.
c. Toleran terhadap proses pemecahan masalah yang berbeda dan kreatif.
Pengamatan Selama pembelajaran dan saat diskusi
2. Pengetahuan
a. Menjelaskan kembali pengertian HTML, macam-macam HTML Menyatakan kembali Struktur dasar HTML
Pengamatan dan tes
Penyelesaian tugas individu dan kelompok
3. Keterampilan
a. Terampil menerapkan Pemrograman HTML dalam membuat aplikasi web sederhana
Kinerja Penyelesaian tugas (baik individu maupun kelompok) dan saat diskusi
3. Instrumen Penilaian Hasil belajar terlampir
Semarang, 21 April 2015 Guru Mata Pelajaran, Praktikan,
_
Rini Kartiko Sari NIP. - Mengetahui; Kepala SMK N 3 Semarang Bambang Susanto, S.Pd., MM NIP. -
Lampiran
A. Bahan Ajar Pertemuan 1
1. Pengertian HTML
HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser) . HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet. Supaya dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut Standard Generalized Markup Language (SGML ). Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C). Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa).
2. Jenis – jenis HTML
1. HTML versi 1.0
Kemampuan yang dimiliki versi 1.0 ini antara lain - heading
- paragraph - hypertext - list
- cetak tebal dan mirin pada teks
Versi ini juga mendukung peletakan gambar pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya.
2. HTML 2.0
Pada versi ini penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dan dengan adanya form ini, maka kita dapat
memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.
3. HTML 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML vers 3.2.
4. HTML 3.2
Penyempurnaan dari HTML versi 3.0 berada pada versi 3.2 ini, keluarnya versi ini dikarenakan adanya beberapa kasus yang timbul pada pengembang browser yang telah melakukan pendekatan dengan cara lain yang justru hal tersebut menjadi popular. Maka dibakukan versi 3.2 untuk mengakomodasi praktek yang banyak digunakan oleh pengembang browser dan diterima secara umum. Dapat dikatakan versi 3.2 ini merupakan versi 3.2 yang dikembangkan oleh beberapa pengembang browser seperti Netscape dan Microsoft.
5. HTML 4.0
HTML versi 4 ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti :
- table - image - link - text meta - imagemaps
- form, dan lain-lain.
6. HTML 4.01
HTML versi 4.01 menjadi rekomendasi W3C. HTML 4.01 adalah minor update, koreksi dan
perbaikan bug dari HTML 4.0.
7. HTML 5
Versi ini memiliki banyak sekali fitur baru yaitu : - Unsur kanvas untuk menggambar
-Dukungan yang lebih baik untuk penyimpanan secara offline
- Elemen konten yang lebih spesifik seperti artikel, footer, header, nav, section - Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.
3. Struktur dasar HTML
a. Elemen
Elemen terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.Contonya untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML.
b. Tag
Tag merupakan teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body>ini adalah tag penutup isi dokumen HTML. Yang merupakan tag-tag dasar dalam HTML adalah:
Ø <html> </html>
Tag <html> dan </html> digunakan untuk menandai awal dan akhir dari suatu file HTML. Ø <title> </title>
Tulisan yang berada diantara tag <title> dan </title> akan ditampilkan oleh browser pada bagian title dan merupakan title dari jendela browser.
Ø <head> </head>
Berisi keterangan informasi, seperti title dan jenis dokumen, ditulis diantara <head> </head>.
Ø <body> </body>
Bagian tag <body> </body> menandai awal dan akhir dari badan dokumen HTML. Tag ini memiliki sejumlah attribut yang dapat ditentukan.
Contoh : <html> <head>
<title>Contoh Document HTML</title> </head>
<body>
Hallo Pembaca Makalah Pemrograman Dasar WEBsite dengan HTML. </body>
</html>
Atribut terdapat di dalam script sebuah elemen dan memberikan informasi tambahan tentang elemen. Atribut selalu ditentukan dalam tag awal Atribut ditulis dalam pasangan nama / nilai. Nilai dari atribut harus selalu tertutup dalam tanda kutip. Tanda kutip ganda adalah yang paling umum, tapi gaya tanda kutip tunggal juga diperbolehkan. Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip, maka perlu menggunakan tanda kutip tunggal Misalnya: name = 'John "shotgun" Nelson'. Di bawah ini adalah daftar dari beberapa atribut yang dapat digunakan pada setiap elemen HTML :
Atribut Deskripsi
Class Menentukan satu atau lebih classnames untuk sebuah
elemen(mengacu pada kelas dalam style sheet).
Id Menentukan id unik untuk sebuah elemen.
Style Menentukan inline CSS style untuk elemen.
Title Menentukan informasi tambahan
mengenai elemen (ditampilkan sebagai tool tip). Lembar Kerja Kelompok
Memahami Cara Kerja Web
Siswa membentuk 6 kelompok, masing-masing kelompok mendiskusikan “Cara Kerja Web”
Carilah sebuah referensi mengenai tampilan web sederhana
1. Setelah memahami pengertian, jenis-jenis dan strutur dasar HTML maka buatlah tampilan web sederhana!
Kriteria Penilaian Hasil Memahami Cara Kerja Web
No. Aspek dan Kriteria Skor
a. Struktur Web
1. Header
2. Isi (isi konten, format teks)
3. Footer
30 40 30 Total Skor 100
Lembar Penilaian (Rubrik/Penilaian Sikap Santun, Jujur, Tanggung Jawab)
Petunjuk :
Lembaran ini diisi oleh guru untuk menilai sikap sopan/santun peserta didik. Berilah tanda cek (v) pada kolom skor sesuai sikap spiritual yang ditampilkan oleh peserta didik, dengan kriteria sebagai berikut :
4 = selalu, apabila secara terus menerus melakukan aspek yang diamati 3 = sering, apabila cenderung lebih banyak melakukan aspek yang diamati
2 = kadang-kadang, apabila cenderung lebih sedikit melakukan aspek yang diamati 1 = tidak pernah, apabila tidak pernah melakukan aspek yang diamati
Nama Peserta Didik : ... Kelas : ... Tanggal Pengamatan : ... Materi Pokok : ...
No Aspek Pengamatan Skor
1 2 3 4 1 Menghormati Guru, saling menghormati teman dalam kegiatan belajar
memahami dan menangkap makna teks tenggapan deskriptif 2 Tidak berkata kotor, kasar dan takabur
3 Bersikap senyum, salam, sapa
4 Tidak menyela pembicaraan pada waktu yang tidak tepat
5 Mengucapkan terima kasih setelah menaggapi atau berpendapat dalam pembelajaran teks deskripsi
6 Meminta izin ketika masuk/keluar kelas dan meminjam barang teman (pada waktu kegiatan belajar berlangsung)
7 Memperlakukan teman sebagaimana diri kita ingin diperlakukan (mencela nama orang tua)
Jumlah Skor
Petunjuk Penskoran :
Skor akhir menggunakan skala 1 sampai 4 Perhitungan skor akhir menggunakan rumus :
Peserta didik memperoleh nilai :
Sangat Baik : apabila memperoleh skor 3,34 – 4,00 Baik : apabila memperoleh skor 2,66 – 3,33 Cukup : apabila memperoleh skor 1,66 – 2,65 Kurang : apabila memperoleh skor kurang 1,66
2. Lembar Penilaian Diri Sikap Jujur
Nama Peserta Didik : ……….……….
Kelas : ……….……….
Materi Pokok : ……….……….
Tanggal : ……….……….
Petunjuk
1. Bacalah pernyataan yang ada di dalam kolom dengan teliti
2. berilah tanda cek (√) sesuai dengan sesuai dengan kondisi dan keadaan kalian sehari-hari
No Pernyataan TP KD SR SL
1 2 3 4
1 Saya tidak menyukai akan adanya kecurangan yang dilakukan oleh siapa pun pada saat mengerjakan teks deskripsi.
2 Saya menyalin karya orang lain dengan menyebutkan sumbernya pada saat mengerjakan tugas mencari teks deskripsi
3 Saya menghargai keunggulan pendapat orang lain ktika berdiskusi menangkap makna teks
4 Saya berani mengakui kesalahan yang saya dilakukan 5 Saya tidak pernah mencontek dalam bentuk apapun Jumlah Skor
Keterangan :
selalu, apabila selalu melakukan sesuai pernyataan
sering, apabila sering melakukan sesuai pernyataan dan kadang-kadang tidak melakukan kadang-kadang, apabila kadang-kadang melakukan dan sering tidak melakukan
tidak pernah, apabila tidak pernah melakukan Petunjuk Penskoran :
Skor akhir menggunakan skala 1 sampai 4 Perhitungan skor akhir menggunakan rumus :
Peserta didik memperoleh nilai :
Sangat Baik : apabila memperoleh skor 3,34 – 4,00 Baik : apabila memperoleh skor 2,66 – 3,33
Cukup : apabila memperoleh skor 1,66 – 2,65 Kurang : apabila memperoleh skor kurang 1,66
3. Lembar Penilaian Antarpeserta Didik Sikap Tanggung Jawab
Petunjuk :
Lembaran ini diisi oleh peserta didik untuk menilai sikap sosial peserta didik lain dalam kedisiplinan. Berilah tanda cek (v) pada kolom skor sesuai sikap disiplin yang ditampilkan oleh peserta didik, dengan kriteria sebagai berikut :
Ya = apabila peserta didik menunjukkan perbuatan sesuai aspek pengamatan Tidak = apabila peserta didik tidak menunjukkan perbuatan sesuai aspek pengamatan.
Nama Penilai : Tidak diisi
Nama Peserta Didik yang Dinilai : ... Kelas : ... Mata Pelajaran : ...
No Sikap yang diamati Melakukan
Ya Tidak
1 Melaksanakan tugas individu menyimpulkan pengertian teks deskripsi dengan baik
2 Menerima resiko dari tindakan yang dilakukan 3 Bekerja dalam kelompok
4 Mengembalikan barang yang dipinjam saat pembelajaran
5 Mengakui dan meminta maaf atas kesalahan yang telah dilakukan pada sesama teman
6 Menepati janji
7 Melaksanakan apa yang pernah dikatakan tanpa disuruh/diminta 8 Tidak menyalahkan orang lain untuk tidakan dari perbuatan kita
sendiri
9 Tidak menyalahkan/menuduh orang lain tanpa bukti yang akurat Jumlah
Petunjuk Penskoran
Jawaban YA diberi skor 1, dan jawaban TIDAK diberi skor 0 Perhitungan skor akhir menggunakan rumus :
Peserta didik memperoleh nilai :
Baik : apabila memperoleh skor 2,66 – 3,33 Cukup : apabila memperoleh skor 1,66 – 2,65 Kurang : apabila memperoleh skor kurang 1,66
4. Jurnal
Petunjuk pengisian jurnal (diisi oleh guru): 1. Tulislah kelas dari peserta didik yang diamati. 2. Tulislah hari/tanggal pengamatan.
3. Tulislah identitas peserta didik yang diamati
4. Deskripsikan kejadian-kejadian yang dialami oleh peserta didik, baik yang merupakan kekuatan peserta didik maupun kelemahan peserta didik sesuai dengan pengamatan guru terkait dengan Sikap Spiritual dan/atau Sikap Sosial.
5. Tulislah dengan segera kejadian yang diamati. Kelas : ...
5. Rekapitulasi Penilaian Sikap
LEMBAR PENGAMATAN SIKAP
Mata Pelajaran : ... Kelas/Semester : ... Tahun Ajaran : ... Waktu Pengamatan : ...
Sikap yang diintegrasikan dan dikembangkan adalah perilaku religius, jujur, tanggung jawab, dan santun.
Indikator perkembangan sikap perilaku religius, jujur, tanggung jawab, dan santun.
1. BT (belum tampak) jika sama sekali tidak menunjukkan usaha sungguh-sungguh dalam menyelesaikan tugas
2. MT (mulai tampak) jika menunjukkan sudah ada usaha sungguh-sungguh dalam menyelesaikan tugas tetapi masih sedikit dan belum ajeg/konsisten
3. MB (mulai berkembang) jika menunjukkan ada usaha sungguh-sungguh dalam menyelesaikan tugas yang cukup sering dan mulai ajeg/konsisten
4. MK (membudaya) jika menunjukkan adanya usaha sungguh-sungguh dalam menyelesaikan tugas secara terus-menerus dan ajeg/konsisten.
Bubuhkan tanda √ pada kolom-kolom sesuai hasil pengamatan. No
.
Nama Siswa
Spiritual Jujur Tanggung jawab Santun J
m lh N il ai BT M T M B MK B T M T M B M K B T M T M B M K B T M T M B M K 1. 2. 3. 4. 5. ..
