Materi Pembelajaran Metode Pembelajaran Kegaiatn Pembelajaran Kompetensi Inti

10 Kurang sempurna dalam menjelaskan fungsi tag html Purworejo, ................ Guru Pembimbing Tri Wibowo, S.Kom. Mahasiswa PPL Azis Amirulbahar Modul Siswa Struktur Dasar HTML HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Untuk membuka suatu halam web, diperlukan browser. Browser adalah sebuah aplikasi perangkat lunak yang digunakan untuk menampilkan halaman Web. Contoh Browser adalah Internet Explorer,Opera, Mozilla Firefox, Google Chrome,dll Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu diawali dengan namatag dan diakhiri dengan namatag terdapat tanda . Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai berikut: html head titleJudul FormCaptiontitle head body ISI WEB body html Keterangan: html .. html Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML. head .. head Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE META. title .. title Sebagai titel atau judul halamanform. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda pada title bar. body .. body Mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin. Memulai Membuat Halaman Web: 1. Buka notepad 2. “i pa doku e , de ga klik FILE → “AVE A“ Di bagia save as type pilih All Files ke udia di file a e,ta bahka .html tanpa spasi.kemudian pilih Save. 3. Ketikkan kode HTML seperti di bawah ini: 4. Jika sudah selesai,silakan disimpan. Dengan pilih menu File→Save 5. Buka My Computer kemudian cari file latihan1.html yang telah disimpan 6. Double klik pada latihan1.html 7. Hasilnya: RENCANA PELAKSANAAN PEMBELAJARAN RPP Satuan Pendidikan : SMK Nama Sekolah : SMK BATIK PERBAIK PURWOREJO Mata Pelajaran : Pemrograman Web KelasSemester : X1 Topik : Format Teks Halaman Web Waktu : 4 x 40 menit Jumlah Pertemuan : 8 Pertemuan ke : 2 dan 3

A. Kompetensi Inti

1. Menghayati dan mengamalkan ajaran agama yang dianutnya. 2. Menghayati dan mengamalkan perilaku jujut, disiplin, tanggungjawab, peduli gotong royong, kerjasama, toleran, damai, santun, responsif dan pro-aktif dan menunjukkan sikap sabagai bagian dari solusi atas berbagai permasalahan dalam berinteraksi secara efektif dengan lingkungan sosial dan alam serta dalam menmpatkan diri sebagai cerminan bangsa dalam pergaulan dunia. 3. Memahami, menerapkan, menganalisis pengetahuan faktual, konseptual, prosedural berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi, seni, budaya, dan humaniora dengan wawasan kemanusiaan, kebangsaan, kenegaraan, dan peradaban terkait penyebab fenomena dan kejadian, serta menerapkan pengetahuan prosedural pada bidang kajian yang spesifik sesuai dengan bakat dan minatnya 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 mempu menggunakan metode sesuai kaidah keilmuan.

B. Kompetensi Dasar

1.1 Memahami nilai-nilai keimanan dengan menyadari hubungan keteraturan dan kompleksitas alam dan jagad raya terhadap kebesaran Tuhan yang menciptakannya. 1.2 Mendeskripsikan kebesaran Tuhan yang menciptakan berbagai sumber energi di alam 1.3 Mengamalkan nilai-nilai keimanan sesuai dengan ajaran agama dalam kehidupan sehari-hari. 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.2 Menghargai kerja individu dan kelompok dalam aktivitas sehari-hari sebagai wujud implementasi melaksanakan percobaan dan melaporkan hasil percobaan 3.2 Memahami format teks pada halaman web 4.2 Menyajikan teks dalam format tertentu pada halaman web

C. Indikator Pencapaian Kompetensi

1. Bersifat jujur dalam proses aktivitas pembelajaran. 2. Selalu memulai kegiatan dengan doa. 3. Terlibat aktif dalam pembelajaran. 4. Memahami berbagai format heading pada halaman web. 5. Memahami berbagai format paragraph pada halaman web. 6. Menyajikan format teks heading pada halaman web. 7. Menyajikan format teks paragraf pada halaman web.

D. Tujuan Pembelajaran

Selama dan setelah proses pembelajaran diharapkan siswa mampu: 1. Menerapkan tag heading pada halaman web. 2. Menerapkan tag paragraph pada halaman web. 3. Menyajikan tag heading pada html. 4. Menyajikan tag paragraph pada html.

E. Materi Pembelajaran

1. Tag heading 2. Tag paragraph 3. Tag br

F. Metode Pembelajaran

1. Metode : Demonstrasi 2. Model : Cooperative learning

G. Kegaiatan Pembelajaran

Pertemuan ke-2 Kegiatan Deskripsi Alokasi Waktu Pendahuluan 1. Guru memberikan salam dan menginstruksikan siswa untuk berdoa dengan dipimpin oleh salah satu murid. 2. Absensi. 3. Menyiapkan siswa secara psikis dan fisik untuk mengikuti proses pembelajaran. 4. Guru memberikan apersepsi. 5. Guru menjelaskan tujuan pembelajaran dan kompetensi dasar yang akan dicapai siswa. 10 menit Inti Mengamati:  Pelbagai jenis tag heading html dan hasilnya terhadap halaman web Menanya:  Mendiskusikan pelbagai tag heading pada HTML Mengeksplorasi:  Eksplorasi pelbagai tag heading.  Eksperimen penerapan tag heading dari suatu halaman web. Mengasosiasi:  Menganalisa hubungan antara tag paragraph dengan halaman web yang dihasilkan Mengkomunikasikan:  Menyampaikan hasil tentang pemecahan masalah menggunakan pelbagai tag dasar. 60 menit Penutup 1. Guru dan peserta didik melakukan refleksi diri terhadap materi yang telah dibahas. 2. Guru menginstruksikan siswa untuk membaca materi yang akan dibahas pada pertemuan selanjutnya. 3. Guru mengakhiri kegiatan belajar dengan salam penutup dan doa 10 menit Pertemuan ke-3 Kegiatan Deskripsi Alokasi Waktu Pendahuluan 1. Guru memberikan salam dan menginstruksikan siswa untuk berdoa dengan dipimpin oleh salah satu murid. 2. Absensi. 3. Menyiapkan siswa secara psikis dan fisik untuk mengikuti proses pembelajaran. 4. Guru memberikan apersepsi. 5. Guru menjelaskan tujuan pembelajaran dan kompetensi dasar yang akan dicapai siswa. 10 menit Inti Mengamati:  Pelbagai jenis tag paragraf html dan hasilnya terhadap halaman web  Pelbagai jenis tag br html dan hasilnya terhadap halaman web Menanya:  Mendiskusikan pelbagai tag paragraf pada HTML  Mendiskusikan pelbagai tag br pada HTML  Mengeksplorasi:  Eksplorasi pelbagai tag paragraf.  Eksperimen penerapan tag paragraf dari suatu halaman web.  Eksplorasi pelbagai tag br. 60 menit  Eksperimen penerapan tag br dari suatu halaman web. Mengasosiasi:  Menganalisa hubungan antara tag paragraph dengan halaman web yang dihasilkan  Menganalisa hubungan antara tag br dengan halaman web yang dihasilkan Mengkomunikasikan:  Menyampaikan hasil tentang pemecahan masalah menggunakan tag paragraph.  Menyampaikan hasil tentang pemecahan masalah menggunakan tag br Penutup 1. Guru dan peserta didik melakukan refleksi diri terhadap materi yang telah dibahas. 2. Guru menginstruksikan siswa untuk membaca materi yang akan dibahas pada pertemuan selanjutnya. 3. Guru mengakhiri kegiatan belajar dengan salam penutup dan doa 10 menit

H. AlatMediaSumber Pembelajaran

Alat: 1. LCD dan proyektor 2. Laptop Media: 1. Internet 2. Modul Sumber: 1. Buku Teks Pelajaran 2. Buku Panduan Guru 3. Pemrograman Web Dengan HTML Revisi Keempat, Betha sidik, Ir., Husni I. Pohan, Ir., M.Eng., Penerbit Informatika Bandung, Juni 2012 4. Learning Web Design 4th Edition, Jennifer Niederst Robbins, Penerbit OReilly Media, Inc.: Kanada, 2012 5. Buku-buku dan referensi lain yang relevan 6. Media cetakelektronik 7. Lingkungan sekitar

I. Penilaian

Teknik Penilaian : Pengamatan, Kinerja, dan Tes Tertulis Prosedur Penilaian Penilaian Kinerja No Aspek yang dinilai Sikap Pengetahuan Ketrampilan Jumlah Skor Nama 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 Kriteria Penskoran : 1 = Kurang 2 = Cukup 3 = Baik 4 = Amat Baik Kriteria Penilaian : Jumlah skor 3 : D 4 Jumlah skor 6 : C 4 Jumlah skor 6 : B 10 Jumlah skor 12 : A Rubrik Penilaian Kinerja : No Aspek yang dinilai Keterangan 1. Sikap 1 = Tidak aktif dalam pembelajaran 2 = Cukup aktid dalam pembelajaran 3 = Aktif dalam pembelajaran 4 = Amat aktif dalam pembelajaran 2. Pengetahuan 1 = Tidak memahami konsep pemecahan masalah 2 = Cukup memahami konsep pemecahan masalah 3 = Memahami konsep pemecahan masalah 4 = Amat memahami konsep pemecahan masalah 3. Ketrampilan 1 = Tidak terampil melaksanakan prosedur pemecahan masalah 2 = Cukup terampil melaksanakan prosedur pemecahan masalah 3 = Terampil melaksanakan prosedur pemecahan masalah 4 = Amat terampil melaksanakan prosedur pemecahan masalah