lampiran oke

63

LAMPIRAN 1

HASIL WAWANCARA

Pertanyaan

1. Peneliti : Apakah kurikulum yang digunakan dalam proses pembelajaran ?

Guru : Kurikulum 2013 untuk kelas X dan XI

Kurikulum KTSP untuk kelas XII

2. Peneliti : Jenis model pembelajaran apa yang diterapkan sebelumnya ?

Guru : Model pembelajaran ceramah dan model pembelajaran praktik

3. Peneliti : Bagaimana nilai harian siswa?

Guru : Masih banyak siswa nilainya belum mencapai KKM dari 37 siswa hanya 9

siswa yang mencapai KKM pada nilai ulangan harian.

4. Peneliti : Bagaimana nilai tugas siswa?

Guru : nilai siswa terdiri dari nilai tugas, nilai praktik membuat postingan di blog

5. Peneliti : Apa saja sarana dan prasarana yang digunakan dalam proses pembelajaran?

Guru : Laboratorium Komputer dan Laboratorium Multimedia

6. Peneliti : Materi yang telah di sampaikan sejauh mana?

Guru : Pembuatan blog dan aplikasinya untuk tugas

7. Peneliti : Kendala-kendala apa saja yang di rasakan dalam proses pembelajaran baik

Oleh guru atau siswa?

Guru : Komputer yang terbatas dengan jumlah 26 PC, 24 untuk komputer bersama 2

untuk komputer server, koneksi internet yang terbatas sehingga menghambat

proses pembelajaran, AC yang sering mati sehingga kondisi laboratorium

panas sehingga siswa kurang berkonsentrasi, siswa yang cenderung nakal

sehingga kurang motivasi untuk belajar dan jarang mengerjakan tugas yang

diberikan guru

64

LAMPIRAN 2

DAFTAR PEMBAGIAN KELOMPOK

SISWA KELAS X MULTIMEDIA

NO KELOMPOK NAMA JENIS KELAMIN1

I

AHMAD TOFIK S L2 AHMAD SAHERTIAN L3 ELYSIA NUR ULA FIRDAUS P4 KURNIAWAN L5 DITA FITRI PURNAMASARI P6

II

CHIQUITITA TRI AGUSTIN P7 WAIS INTAN SARI P8 CHANDRA DWI YOGA K L9 ASRUL RAHMAD L10 FEBRI NUGROHO L11

III

DANDY SUNAJI TRI ATMOJO L12 AJI BAGAS PRAKOSO L13 FELISA FATIKHANI P14 MAYANG DWI ARYANTI P15 NISA ZAHROTUL FIRDAUS P16

IV

ISTIQOMAH P17 RIZAL MAULANA AQBAR L18 NOR SHOBAH P19 MICHELL BEFITRA L20

V

NUR MAHARANI P21 ALFIN KRISNA L22 ILHAM AJI SAPUTRA L23 RAHMADIKA LUTHFI MANAFI L24 ROCHMANSAH L25

VI

RENA RIZKY SEPTIANA P26 ANDREAS DEDDY WIJAYA L27 WIDIYANTI P28 RIZKI PRATAMA FERDINANSYAH L29 ILHAM ALIF RIZKI GUMILAR L30

VIIVARELLIA GITA PRAMESWARI P

31 ANGGI SAFITRI P32 ILHAM HARTANTO L33 RIZKI MUDA NUR IHWAN FAUZI L34

VIIISALSABILLA DISA WAHYUDI P

35 DAFFA SURYA PANGESTU L36 MUHAMMAD RIDWAN L37 YASHINTA NADILA AGUSTINA P

65

LAMPIRAN 3

LEMBAR OBSERVASI MOTIVASI BELAJAR

NoNamaSiswa

klmpk

tekun menghadapi

tugas

Ulet menghadapi kesulitan

Minat terhadap masalah

Senang bekerja mandiri dalam kelompok

Senang mencari dan memecahkan masalah

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1 Tofik I2 Sahertian

3 Elysia

4 Kurniawan

5 Dita

6 Agustin II7 Wais

8 Chandra

9 Asrul

10 Febri

11 Dandy III12 Aji bagas

13 Felisia

14 Mayang

15 Nisa

16 Istiqomah IV17 Rizal

18 Shobah

19 Michell

20 Rani V21 Alfin

22 Ilham aji

23 Luthfi

24 Rochmansah

25 Rena VI26 Andreas

27 Widiyanti

28 Rizki

29 Ilham alif

30 Varellia VII31 Anggi

32 Ilham

33 Rizki muda

34 Disa VIII35 Daffa

36 Ridwan

65

37 Yashinta

Keterangan : 1 = Tidak Baik 2 = Cukup baik 3 = Baik 4 = Sangat Baik

66

LAMPIRAN 4

RUBRIK ANALISIS MOTIVASI BELAJAR

Aspek yang dinilai Skor DeskripsiTekun menghadapi tugas 4 Mengerjakan tugas secara terus menerus dan sampai

selesai dengan sangat baik.3 Mengerjakan tugas secara terus menerus dan sampai

selesai dengan baik.2 Cukup baik mengerjakan tugas secara terus menerus

hanya sebagian dan tidak selesai

1 Tidak mengerjakan tugas secara terus menerus dan tidak selesai

Ulet menghadapi kesulitan

4 Tidak cepat putus asa ketika menghadapi kesulitan dan semangat yang tinggi

3 Tidak cepat putus asa ketika menghadapi kesulitan dan bersemangat

2 Mudah cepat putus asa ketika menghadapi kesulitan dan kurang bersemangat

1 Mudah cepat putus asa ketika menghadapi kesulitan dan tidak bersemangat

Minat terhadap masalah 4 Sangat antusias terhadap permasalahan3 Antusias terhadap permasalahan 2 Cukup antusias terhadap masalah1 Tidak antusias terhadap masalah

Senang bekerja mandiri dalam kelompok

4 Lebih mandiri dalam penyelesaian permasalahan dengan kelompoknya dengan sangat baik

3 Mandiri dalam penyelesaian permasalahan dengan kelompoknya dengan baik

2 Cukup mandiri dalam penyelesaian permasalahan dengan kelompoknya

1 Tidak mandiri dalam penyelesaian permasalahan dengan kelompoknya

Senang mencari dan memecahkan masalah

4 Sangat senang dan antusias mencari dan menemukan pemecahan masalah dalam kelompoknya

3 Senang dan antusias mencari dan menemukan pemecahan masalah dalam kelompoknya

2 Cukup senang dan antusias mencari dan menemukan pemecahan masalah dalam kelompoknya

1 Tidak senang dan antusias mencari dan menemukan pemecahan masalah dalam kelompoknya.

67

ANALISIS MOTIVASI BELAJAR SIKLUS I

No Kode SiswaIndikator SKOR NP KRITERIA

tekun ulet minat mandiri senang 1 R-01 3 3 3 3 2 14 70 baik2 R-02 4 3 4 3 3 17 85 sangat baik3 R-03 2 2 2 1 1 8 40 cukup4 R-04 2 1 2 2 1 8 40 cukup5 R-05 2 2 2 1 1 8 40 cukup6 R-06 2 3 3 2 2 12 60 baik7 R-07 2 3 3 2 2 12 60 baik8 R-08 2 3 3 2 2 12 60 baik9 R-09 4 3 3 3 2 15 75 baik10 R-10 4 3 3 3 2 15 75 baik11 R-11 4 3 3 3 2 15 75 baik12 R-12 2 1 2 2 2 9 45 cukup13 R-13 2 2 3 2 2 11 55 baik14 R-14 2 1 2 2 2 9 45 cukup15 R-15 3 2 3 2 2 12 60 baik16 R-16 1 1 1 1 1 5 25 kurang baik17 R-17 2 2 2 2 2 10 50 cukup18 R-18 2 2 3 2 2 11 55 baik19 R-19 4 3 4 2 2 15 75 baik20 R-20 2 1 2 1 1 7 35 cukup21 R-21 3 2 3 2 2 12 60 baik22 R-22 1 1 1 1 1 5 25 kurang baik23 R-23 4 2 4 2 3 15 75 baik24 R-24 3 2 2 3 3 13 65 baik25 R-25 3 3 2 3 2 13 65 baik26 R-26 4 3 3 3 3 16 80 sangat baik27 R-27 2 2 3 2 2 11 55 baik28 R-28 4 3 4 2 3 16 80 sangat baik29 R-29 2 1 2 2 2 9 45 cukup30 R-30 2 2 3 2 2 11 55 baik31 R-31 2 2 3 2 2 11 55 baik32 R-32 3 2 2 2 2 11 55 baik33 R-33 3 3 2 3 2 13 65 baik34 R-34 3 3 2 3 3 14 70 baik35 R-35 3 3 2 3 2 13 65 baik36 R-36 3 2 2 2 2 11 55 baik37 R-37 3 2 2 2 2 11 55 baik

ANALISIS MOTIVASI BELAJAR SIKLUS II

LA

MP

IRA

N 5

68

NoKode Siswa

Indikator skor NP Kriteria tekun ulet minat mandiri senang

1 R-01 4 3 4 3 3 17 85 SANGAT BAIK2 R-02 4 3 4 3 4 18 90 SANGAT BAIK3 R-03 2 2 2 2 2 10 50 CUKUP4 R-04 2 2 2 2 2 10 50 CUKUP5 R-05 2 2 2 2 2 10 50 CUKUP6 R-06 4 4 4 4 4 20 100 SANGAT BAIK7 R-07 3 3 3 3 3 15 75 BAIK8 R-08 4 3 3 3 2 15 75 BAIK9 R-09 4 4 4 4 3 19 95 SANGAT BAIK10 R-10 3 3 3 3 4 16 80 SANGAT BAIK11 R-11 4 4 4 4 4 20 100 SANGAT BAIK12 R-12 3 3 4 3 2 15 75 BAIK13 R-13 3 3 4 3 3 16 80 SANGAT BAIK14 R-14 3 3 2 2 3 13 65 BAIK15 R-15 3 3 2 3 3 14 70 BAIK16 R-16 2 2 2 2 2 10 50 CUKUP17 R-17 3 3 3 3 3 15 75 BAIK18 R-18 3 3 3 4 3 16 80 SANGAT BAIK19 R-19 4 3 3 4 3 17 85 SANGAT BAIK20 R-20 2 2 2 2 2 10 50 CUKUP21 R-21 3 3 2 3 3 14 70 BAIK22 R-22 2 2 2 2 2 10 50 CUKUP23 R-23 4 4 4 3 4 19 95 SANGAT BAIK24 R-24 3 3 4 4 3 17 85 SANGAT BAIK25 R-25 4 3 4 3 3 17 85 SANGAT BAIK26 R-26 4 4 4 3 4 19 95 SANGAT BAIK27 R-27 3 3 3 4 3 16 80 SANGAT BAIK28 R-28 4 4 4 4 4 20 100 SANGAT BAIK29 R-29 2 2 2 2 2 10 50 CUKUP30 R-30 3 3 3 4 3 16 80 SANGAT BAIK31 R-31 3 3 3 2 3 14 70 BAIK32 R-32 3 3 3 4 4 17 85 SANGAT BAIK33 R-33 4 3 3 3 4 17 85 SANGAT BAIK34 R-34 4 3 4 4 4 19 95 SANGAT BAIK35 R-35 4 4 4 4 4 20 100 SANGAT BAIK36 R-36 3 3 3 3 4 16 80 SANGAT BAIK37 R-37 3 3 3 2 3 14 70 BAIK

LA

MP

IRA

N 6

69

LAMPIRAN 7DAFTAR NILAI HARIAN SISWA

SMK PALEBON SEMARANGTAHUN PELAJARAN 2014/2015

Kelas : X MultimediaSemester : GenapNo NAMA L/P NILAI KETERANGAN1 AHMAD SAHERTIAN L 56 TIDAK TUNTAS 2 AHMAD TOFIK S L 75 TUNTAS3 AJI BAGAS PRAKOSO L 46 TIDAK TUNTAS4 ALFIN KRISNA L 29 TIDAK TUNTAS5 ANDREAS DEDDY WIJAYA L 29 TIDAK TUNTAS6 ANGGI SAFITRI P 81 TUNTAS7 ASRUL RAHMAD L 47 TIDAK TUNTAS8 CHANDRA DWI YOGA K L 66 TIDAK TUNTAS9 CHIQUITITA TRI AGUSTIN P 76 TUNTAS10 DAFFA SURYA PANGESTU L 58 TIDAK TUNTAS11 DANDY SUNAJI TRI ATMOJO L 76 TUNTAS12 DITA FITRI PURNAMASARI P 29 TIDAK TUNTAS13 ELYSIA NUR ULA FIRDAUS P 53 TIDAK TUNTAS14 FEBRI NUGROHO L 45 TIDAK TUNTAS15 FELISA FATIKHANI P 63 TIDAK TUNTAS16 ILHAM AJI SAPUTRA L 29 TIDAK TUNTAS17 ILHAM ALIF RIZKI GUMILAR L 45 TIDAK TUNTAS18 ILHAM HARTANTO L 50 TIDAK TUNTAS19 ISTIQOMAH P 66 TIDAK TUNTAS20 KURNIAWAN L 52 TIDAK TUNTAS21 MAYANG DWI ARYANTI P 64 TIDAK TUNTAS22 MICHELL BEFITRA L 51 TIDAK TUNTAS23 MUHAMMAD RIDWAN L 54 TIDAK TUNTAS24 NISA ZAHROTUL FIRDAUS P 75 TUNTAS25 NOR SHOBAH P 69 TIDAK TUNTAS26 NUR MAHARANI P 75 TUNTAS27 RAHMADIKA LUTHFI MANAFI L 75 TUNTAS28 RENA RIZKY SEPTIANA P 56 TIDAK TUNTAS29 RIZAL MAULANA AQBAR L 64 TIDAK TUNTAS30 RIZKI MUDA NUR IHWAN FAUZI L 54 TIDAK TUNTAS31 RIZKI PRATAMA FERDINANSYAH L 64 TIDAK TUNTAS32 ROCHMANSAH L 54 TIDAK TUNTAS33 SALSABILLA DISA WAHYUDI P 64 TIDAK TUNTAS34 VARELLIA GITA PRAMESWARI P 75 TUNTAS35 WAIS INTAN SARI P 75 TUNTAS36 WIDIYANTI P 55 TIDAK TUNTAS37 YASHINTA NADILA AGUSTINA P 59 TIDAK TUNTAS

70

LAMPIRAN 8DAFTAR NILAI HARIAN PRAKTIK

SMK PALEBON SEMARANGTAHUN PELAJARAN 2014/2015

Kelas : X MultimediaSemester : GenapNo NAMA L/P NILAI KETERANGAN

1 AHMAD SAHERTIAN L 75 TUNTAS

2 AHMAD TOFIK S L 78 TUNTAS

3 AJI BAGAS PRAKOSO L 60 TIDAK TUNTAS

4 ALFIN KRISNA L 55 TIDAK TUNTAS

5 ANDREAS DEDDY WIJAYA L 55 TIDAK TUNTAS

6 ANGGI SAFITRI P 60 TIDAK TUNTAS

7 ASRUL RAHMAD L 75 TUNTAS

8 CHANDRA DWI YOGA K L 60 TIDAK TUNTAS

9 CHIQUITITA TRI AGUSTIN P 60 TIDAK TUNTAS

10 DAFFA SURYA PANGESTU L 75 TUNTAS

11 DANDY SUNAJI TRI ATMOJO L 80 TUNTAS

12 DITA FITRI PURNAMASARI P 60 TIDAK TUNTAS

13 ELYSIA NUR ULA FIRDAUS P 60 TIDAK TUNTAS

14 FEBRI NUGROHO L 60 TIDAK TUNTAS

15 FELISA FATIKHANI P 75 TUNTAS

16 ILHAM AJI SAPUTRA L 55 TIDAK TUNTAS

17 ILHAM ALIF RIZKI GUMILAR L 60 TIDAK TUNTAS

18 ILHAM HARTANTO L 60 TIDAK TUNTAS

19 ISTIQOMAH P 80 TUNTAS

20 KURNIAWAN L 60 TIDAK TUNTAS

21 MAYANG DWI ARYANTI P 60 TIDAK TUNTAS

22 MICHELL BEFITRA L 55 TIDAK TUNTAS

23 MUHAMMAD RIDWAN L 75 TUNTAS

71

24 NISA ZAHROTUL FIRDAUS P 75 TUNTAS

25 NOR SHOBAH P 75 TUNTAS

26 NUR MAHARANI P 75 TUNTAS

27 RAHMADIKA LUTHFI MANAFI L 75 TUNTAS

28 RENA RIZKY SEPTIANA P 60 TIDAK TUNTAS

29 RIZAL MAULANA AQBAR L 55 TIDAK TUNTAS

30 RIZKI MUDA NUR IHWAN FAUZI L 60 TIDAK TUNTAS

31 RIZKI PRATAMA FERDINANSYAH L 75 TUNTAS

32 ROCHMANSAH L 75 TUNTAS

33 SALSABILLA DISA WAHYUDI P 75 TUNTAS

34 VARELLIA GITA PRAMESWARI P 75 TUNTAS

35 WAIS INTAN SARI P 75 TUNTAS

36 WIDIYANTI P 75 TUNTAS

37 YASHINTA NADILA AGUSTINA P 75 TUNTAS

72

LAMPIRAN 9

DAFTAR NAMA SISWA KELAS UJI COBAKELAS XI MULTIMEDIA

No NAMA L/P KODE SISWA

1 ADE PRATAMA L M-01

2 BELA SUKMA P M-02

3 DESY NUR ALIYAH P M-03

4 DEVI APRILIANI P M-04

5 DIANA BUDI PRAMESTI P M-05

6 DIFTA ALINKA RIZKI P M-06

7 FITRIYANTO NADI PRASETYO L M-07

8 FRIDA MEGANINGRUM P M-08

9 INDANA ZULFA P M-09

10 ISMAK PRIYANTIN P M-10

11 MADHITYA GUSTA P M-11

12 MARINDA ARDIYANA P M-12

13 M.ADITYA PRASETYA L M-13

14 M.DANANG NOVIANTO L M-14

15 NOVIA NUR LUTHFIANISA P M-15

16 PUJI LESTARI P M-16

17 RISMA YULIANA P M-17

18 ROHMATUL INAYAH P M-18

19 UTAMI NOOR AZIZAH P M-19

20 YUSUF ADE TIAR L M-20

73

DAFTAR NAMA SISWA KELAS PENELITIAN

KELAS X MULTIMEDIA

No NAMA L/P KODE SISWA1 AHMAD SAHERTIAN L R-012 AHMAD TOFIK S L R-023 AJI BAGAS PRAKOSO L R-034 ALFIN KRISNA L R-045 ANDREAS DEDDY WIJAYA L R-056 ANGGI SAFITRI P R-067 ASRUL RAHMAD L R-078 CHANDRA DWI YOGA K L R-089 CHIQUITITA TRI AGUSTIN P R-0910 DAFFA SURYA PANGESTU L R-1011 DANDY SUNAJI TRI ATMOJO L R-1112 DITA FITRI PURNAMASARI P R-1213 ELYSIA NUR ULA FIRDAUS P R-1314 FEBRI NUGROHO L R-1415 FELISA FATIKHANI P R-1516 ILHAM AJI SAPUTRA L R-1617 ILHAM ALIF RIZKI GUMILAR L R-1718 ILHAM HARTANTO L R-1819 ISTIQOMAH P R-1920 KURNIAWAN L R-2021 MAYANG DWI ARYANTI P R-2122 MICHELL BEFITRA L R-2223 MUHAMMAD RIDWAN L R-2324 NISA ZAHROTUL FIRDAUS P R-2425 NOR SHOBAH P R-2526 NUR MAHARANI P R-2627 RAHMADIKA LUTHFI MANAFI L R-2728 RENA RIZKY SEPTIANA P R-2829 RIZAL MAULANA AQBAR L R-2930 RIZKI MUDA NUR IHWAN FAUZI L R-3031 RIZKI PRATAMA FERDINANSYAH L R-3132 ROCHMANSAH L R-3233 SALSABILLA DISA WAHYUDI P R-3334 VARELLIA GITA PRAMESWARI P R-3435 WAIS INTAN SARI P R-3536 WIDIYANTI P R-3637 YASHINTA NADILA AGUSTINA P R-37

LA

MP

IRA

N 10

74

LAMPIRAN 11KISI-KISI SOAL UJI COBA INSTRUMEN PENELITIAN

IndikatorNo. butir

soal

Aspek Tingkat kesukaran soal

C1(Mengingat)

C2(Memahami

)

C3(Mengaplikas

ikan)

C4(Menganalisis)

C5(Mengevalu

asi)

C6(Mencipta)

Mudah Sedang Sulit

1. Mengetahui dasar pemrograman HTML, CSS, dan PHP

2. Mempraktikkan pembuatan tabel dengan HTML

P.1 √ √P.2 √ √P.3 √ √P.4 √ √P.5 √ √P.6 √ √P.7 √ √P.8 √ √P.9 √ √P.10 √ √P.11 √ √P.12 √ √P.13 √ √P.14 √ √P.15 √ √P.16 √P.17 √ √P.18 √ √P.19 √ √P.20 √ √P.21 √ √P.22 √ √P.23 √ √

75

P.24 √ √

IndikatorNo. butir soal

Aspek Tingkat kesukaran soal

C1(Mengingat)

C2(Memahami

)

C3(Mengaplikas

ikan)

C4(Menganalisis)

C5(Mengevalu

asi)

C6(Mencipta)

Mudah Sedang Sulit

1. Mengetahui dasar pemrograman HTM, CSS, dan PHP

2. Mempraktikkan pembuatan tabel dengan HTML

P.25 √ √P.26 √ √P.27 √ √P.28 √ √P.29 √ √P.30 √ √P.31 √ √P.32 √ √P.33 √ √P.34 √ √P.35 √ √P.36 √ √P.37 √ √P.38 √ √P.39 √ √P.40 √

76

LAMPIRAN 12

SOAL UJI COBA

Mata Pelajaran : Pemrograman Web

Kelas : X

Sekolah : SMK Palebon

Waktu : 1 X 45 menit

PETUNJUK UMUM

1. Berdoalah sebelum Anda mengerjakan soal.

2. Isikan identitas Anda pada lembar jawaban yang tersedia.

3. Jumlah soal sebanyak 40 soal pilihan ganda

4. Bacalah petunjuk soal sebelum menjawab

5. Pilih salah satu jawaban yang Anda anggap benar dengan tanda silang (X) pada pilihan A,

B, C, D, atau E

6. Kerjakan terlebih dahulu soal yang Anda anggap mudah.

1. Editor untuk membuat file HTML banyak tersedia, diantaranya,kecuali…A. FronfageB. NotepadC. DreamwaverD. Crimson EditorE. Aphace

2. Web terdiri dari 4 (empat) hal yaitu,kecuali…A. HypertextB. Resource identifierC. Client-serverD. Markup languageE. Repeater

3. Kepanjangan dari HTML adalah …A. Hyper text mail languageB. Hyper team master languageC. HyperText Markup LanguageD. Hyper team mode languageE. Hyper tuts mark up language

4. Di bawah ini yang merupakan dokumen web adalah ….A. *.doc D. *.htmlB. *.xls E. *.gifC. *.swf

5. Tag pasangan sebagai penutup suatu elemen dari HTML biasanya diawali dengan tanda ,,,A. ” D. /B. : E. ?C. &

6. Penulisan tag HTML yang benar adalah ....A. <Tittle>............... <Tittle>B. <Head>.............<Head>C. <Html>................ <Head>D. <Body>............ <Body>

77

E. <Html> ............. </Html>7. Dalam penulisan file HTML, teks yang akan muncul pada title bar didefinisikan di antara

tag ....A. <head> dan </head>B. <title> dan </title>C. <bar> dan </bar>D. <title bar> dan </title bar>E. <body> dan </body>

8. Tag HTML yang digunakan untuk menandai sebuah paragraf dari dokumen HTML yangdibuat adalah ....A. <paragraf> D. <pg>B. <paragraph> E. <prg>C. <p>

9. Tag HTML yang digunakan untuk memisahkan teks menjadi baris baru adalah ....A. <hr> D. <breakB. <bb> E. <br>C. <teks>

10. Atribut colspan digunakan untuk ....A. Melebarkan baris D. Membuat border kolomB. Melebarkan kolom E. Membuat border barisC. Melebarkan baris dan kolom

11. Atribut rowspan digunakan untuk ....A. Melebarkan baris D. Membuat border kolomB. Melebarkan kolom E. Membuat border barisC. Melebarkan baris dan kolom

12. Tag heading yang terkecil dalam HTML adalah ....A. <h6>heading</h6> D. <h2>heading</h2>B. <h5>heading</h5> E. <h1>heading</h1>C. <h4>heading</h4>

13. Tag HR memiliki atribut ....A. Size D. size dan widthB. Width E. size dan heightC. Height

14. Tag HTML yang digunakan untuk menampilkan sebuah gambar dalam halaman web adalah…A. <img> D. <bmp>B. <image> E. <gambar>C. <jpg>

15. Perintah HTML dalam form yang digunakan untuk menerima masukan dari pengguna berupa beberapa baris teks, seperti komentar dalam guestbook adalah ....A. <input type=”text”> masukan </input>B. <input type=”radio”>masukan</input>C. <form> masukan </form>D. <select> masukan </select>E. <textarea> masukan </textarea>

16. Contoh penulisan perintah HTML untuk menjadikan beberapa baris dalam tabel menjadi satu adalah ....A. <table colspan=”3”>B. <tr colspan=”3”>C. <td colspan=”3”>D. <tr rowspan=”3”>E. <td rowspan=”3”>

17. Code HTML yang benar untuk merubah ukuran tulisan adalah ......A. <marquee> ….. </marquee>B. <font size = 12 px> ........ </font>C. <font color=FF0000> .......</font>

D. <html> ….... </html>E. <br> ….... </br>

78

18. Code HTML yang benar untuk membuat tulisan berjalan dari kanan ke kiri adalah …...A. <marquee> ….. </marquee>B. <marquee> ….. <marquee>C. </marquee> ….. </marquee>

D. <html> ….... </html>E. <br> …......... </br>

19. Penulisan untuk pembuatan tampilan tabel yang yang salah adalah…

A. </table><p><table border=1> <tr><td>Ini contoh tabel sederhana dengan border</td> </tr>

</table>

B. <table border="1"> <tr> <td>baris 1, kolom 1</td>

<td>baris 1, kolom 2</td> </tr></table>

C. <table border="1"><tr><td>baris 1, kolom 1</td><td>baris 1, kolom 2</td></tr><tr><td>baris 2, kolom 1</td><td>baris 2, kolom 2</td></tr></table>

D. <table border="1"><tr><td>Row 1, cell 1</td><td>Row 1, cell 2</td></tr></table>

</table> E. <p>

< border=1> <tr><td>Ini contoh tabel sederhana dengan border</td> </tr>

</table>

20. Pada scriptor di bawah adalah contoh pembuatan…

<html><head><title>Belajar menggunakan frame</title></head><frameset cols="20%, 80%"><frame src="links.html" name="links"><frame src="display.html" name="display"><noframes><body><p> File ini menggunakan frame. Ikuti link <a href="noframes.html">tanpa frame</a> untuk menuju versidari file ini tanpa frame </p></body></noframes><frameset><html>

79

A. ProfilB. Input dataC. Tampilan dataD. Coneksi Data BaseE. Tampilan Menu Utama

21. Manakah di bawah ini sintak link html yang benar…A. <a href=”url”>home</a> B. <a herf=”url”>profile</a>C. <a href:=”url”>galeri</a>D. <a href="url">contact<a>E. <a href:\"url">about us</a>

22. Pelajari program tag HTML berikut ini!

<table><tr><td colspan=3> </td></tr><tr><td> </td><td> </td><td> </td></tr><tr><td colspan=3> </td></tr></table>

Dari program berikut akan menghasilkan bentuk tabel seperti gambar….

23. Kode HTML, untuk pembuatan daftar tak berurut digunakan tag …A. <hr> D. <br> B. <ul> E. <list>C. <ol>

24. Elemen form pada dokumen HTML yang digunakan untuk menerima input teks multibaris adalah …A. <input type=”text” …> B. <input type=”radio” …> C. <input type=”checkbox” …> D. <select>E. <textarea>

25. Tag HTML untuk menampilkan gambar adalah…A. <src img=”file.jpg”> D. <img src=”file.jpg”> B. <scr img=”file.jpg”> E. <include img.jpg>C. <img scr=”file.jpg”>

26. Untuk membuat judul tabel digunakan tag…A. <table>B. <td>C. <th>D. <tr>E. <judul>

27. Perintah untuk membuat teks menjadi berwarna yaitu …A. <font color=”color”>B. <bgcolor=”color”>C. <img src=”url”>D. <td bacground=”url”>E. <p align=”center”>

28. Perintah untuk mengatur huruf agar menjadi miring pada HTML adalah …A. <u>B. <b>

80

C. <p>D. <i>

29. Tag <div> </div> digunakan untuk…A. Membuat hyperlinkB. Membuat tabelC. Memformat teks menjadi tercetak miringD. Memformat teks menjadi tercetak tebalE. Membuat blok paragraph dengan baris baru akhir paragraph

30. Dalam form, isi atribut dari type untuk menerima masukan berupa pilihan dengan hanya satu pilihan dalam satu waktu adalah ....

A. textB. passwordC. checkboxD. radioE. checkbox dan radio

31. Dalam form, isi atribut dari type untuk menyembunyikan karakter yang sudah di ketik adalah ....


32. Tag <script></script> di dalam file HTML biasanya merupakan client-side script. Bahasa pemrograman yang ditulis di antara tag <script> adalah ....A. VBAB. VB ScriptC. JavaD. JavaScriptE. VB.Net

33. Perintah untuk mengakhiri pemprograman dengan PHP adalah dengan tanda ....A. [ ]B. <?C. ?>D. { }E. /

34. Perhatikan hasil screen shoot beikut!

Untuk menampilkan hasil tersebut,script CSS yang benar adalah…

A.

B.

C.

D

<html><head>

<title>css</title></head><body><div style=”font-size:10pt”>ukuran huruf 10 point</div><div style=”font-size:16pt”>ukuran huruf 16 point</div><div style=”font-size:12px”>ukuran huruf 12 pixel</div></html>

<html><head>

<title>css</title></head><body><div style=”font-size:10pt”>ukuran huruf 10 point</div><div style=”font-size:16pt”>ukuran huruf 16 point</div><div style=”font-size:12px”>ukuran huruf 12 pixel</div></body>

<html><head>

<title>css</title></head><body><div style=”font-size:10pt”>ukuran huruf 10 point</div><div style=”font-size:16pt”>ukuran huruf 16 point</div><div style=”font-size:12pt”>ukuran huruf 12 point</div></body></html>

<html><head>

<title>css</title></head><body><div style=”font-size:10pt”>ukuran huruf 10 point</div><div style=”font-size:16pt”>ukuran huruf 16 point</div><div style=”font-size:12px”>ukuran huruf 12 pixel</div></body></html>

82

E.

35. Penulisan kode javascript dalam dokumen HTML yang benar di bawah ini adalah…

A. <script language=”javascript”> …. </script>

B. <script language=’javascript’> …

</script>

C. <script language = javascript> …

<script/>

D. <script language =”javascript”> ……<script/>

E. <script language=’javascript’> …

<script/>

36. Cara menuliskan kode program javascript dalam suatu file teks dan kemudian file teks

yang berisi kode javascript yang dipanggil dari dalam dokumen HTML adalah…

A. <script language=”javascript” src=”lokasi/file.js”></script>

B. <script language=”javascript” src=”lokasi/file.js”><script/>

C. <script language=’javascript’ src=’lokasi/file.js”></script>

D. <script language=’javascript’ src=’lokasi/file.js’><script/>

E. <script language=”javascript” src=”lokasi/file.js”>

<html><head>

<title>css</title><body><div style=”font-size:10pt”>ukuran huruf 10 point</div><div style=”font-size:16pt”>ukuran huruf 16 point</div><div style=”font-size:12px”>ukuran huruf 12 pixel</div></body></html>

83

37. <html> <php?

Print ("Contoh text yang menggunakan kode PHP");

?>

</html>

Dari kode di atas perintah Print dapat juga seperti ……

A. HelpB. script languageC. head

D. includeE. echo

38. Penulisan komentar dalam satu satu baris di javascript menggunakan tanda….

A. //

B. /*

C. /

D. */

E. ?

39. Perintah untuk memanggil file dalam PHP,misalnya akan memanggil file config.php yang ada pada folder common ….A. <a href = "/common/config'.ph">; D. calling("/common/config.php");B. include("/common/config.php"); E. <a href = "config.php">C. class = "/common/config.php";

40. Dalam PHP penulisan nama variabel di awali dengan tanda….

A. $

B. @

C. #

D. *

E. %

84

LAMPIRAN 13

KUNCI JAWABAN

UJI COBA INSTRUMEN PENELITIAN

1. A

2. E

3. C

4. D

5. D

6. E

7. B

8. C

9. E

10. B

11. A

12. A

13. D

14. A

15. A

16. E

17. B

18. A

19. E

20. E

21. A

22. E

23. B

24. E

25. D

26. C

27. A

28. E

29. E

30. D

31. B

32. D

33. C

34. D

35. A

36. A

37. E

38. A

39. B

40. A

85

LAMPIRAN 14

LEMBAR JAWABAN

Nama :

No. Absen :

Kelas :

21 A B C D E

22. A B C D E

23. A B C D E

24. A B C D E

25. A B C D E

26. A B C D E

27. A B C D E

28. A B C D E

29. A B C D E

30. A B C D E

31. A B C D E

32. A B C D E

33. A B C D E

34. A B C D E

35. A B C D E

36. A B C D E

37. A B C D E

38. A B C D E

39. A B C D E

40. A B C D E

86

Analisis Tingkat Kesukaran, Daya Beda, Validitas, dan Reliabilitas Soal Uji Coba Instrumen Penelitian

LA

MP

IRA

N 15

87

LAMPIRAN 16

88

SILABUS

NAMA SEKOLAH : SMK Palebon SemarangMATA PELAJARAN : Pemrograman WebKELAS/SEMESTER : X/GenapSTANDAR KOMPETENSI : Memahami dasar HTML, CSS, dan PHPALOKASI WAKTU : 4 X 45 Menit

Kompetensi Dasar

Materi Pokok

Pembelajaran Indikator AlokasiWaktu

SumberBelajar

3.6. Memahami dasar pemrograman HTML, CSS, dan PHP dalam bentuk tabel

4.7. Menyajikan formulir pada halaman web dengan HTML dan PHP

Dasar HTML dan PHP

Dasar struktur HTML Tabel dengan HTML Cara kerja form Dasar CSS Dasar PHP

Mengamati

Pelbagai jenis format tabel dengan HTML dan tampilannya terhadap halaman web

Menanya

Mendiskusikan pelbagai tampilan format tabel, formulir dan komponen-komponennya pada halaman web

Mengeksplorasi

Eksplorasi pelbagai jenis format formulir dengan tabel

Eksplorasi pelbagai komponen-komponen

Tugas

Menyelesaikan masalah tentang format formulir pada halaman web

Observasi

Mengamati kegiatan/aktivitas siswa secara individu dan dalam diskusi dengan checklist lembar pengamatan atau dalam bentuk lain

Portofolio

Laporan percobaan

8 JP Buku Teks Pelajaran Buku Panduan Guru Pemrograman Web

Dengan HTML Revisi Keempat, Betha sidik, Ir., Husni I. Pohan, Ir., M.Eng., Penerbit Informatika Bandung, Juni 2012

Learning Web Design 4th Edition, Jennifer Niederst Robbins, Penerbit O'Reilly Media, Inc.: Kanada, 2012

Buku-buku dan referensi lain yang relevan

Media cetak/elektronik Lingkungan sekitar

89

pada formulir

Mengasosiasi

Menyimpulkan tentang format formulir dengan tabel dan pelbagai komponen pada halaman web

Mengkomunikasikan

Menyampaikan hasil percobaan dan pengamatan pelbagai format tabel dan komponen-komponen formulir pada halaman web

Tes

pilihan ganda

90

LAMPIRAN 17RENCANA PELAKSANAAN PEMBELAJARAN SIKLUS 1

MATA PELAJARAN : Pemrograman WebSTANDAR KOMPETENSI : Memahami dasar HTML, CSS, dan PHPKELAS/SEMESTER : X / GenapALOKASI WAKTU : 4 x 45 Menit (4 JP)

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 pro-aktif dan menunjukkan

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, menganalisis dan mengevaluasi pengetahuan faktual,

konseptual, prosedural, dan metakognitif 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, menyaji, dan mencipta dalam ranah konkret dan ranah abstrak

terkait dengan pengembangan dari yang dipelajarinya di sekolah secara mandiri serta

bertindak secara efektif dan kreatif, dan mampu menggunakan metoda sesuai kaidah

keilmuan.

B. Kompetensi Dasar:

1. Memahami dasar pemrograman HTML, CSS, dan PHP.

2. Menyajikan teknik-teknik dalam pemrograman HTML, CSS, dan PHP.

C. Indikator Pencapaian Kompetensi

1. Mengetahui pembuatan tabel dengan HTML.

2. Mengetahui desain halaman web dengan konsep tabel dengan HTML.

3. Mengetahui anatomi dan cara kerja form.

4. Memahami dasar pemrograman CSS

91

5. Memahami dasar pemrograman PHP (Struktur Penulisan PHP dalam HTML,

pengenalan variabel di PHP)

D. Tujuan Pembelajaran:

Setelah selesai pembelajaran,peserta didik dapat :

1. Memahami dan mempraktikan pembuatan tabel dengan HTML

2. Memahami desain halaman web dengan konsep tabel

3. Memahami anatomi dan cara kerja form

4. Memahami dasar CSS

5. Memahami dasar PHP (struktur penulisan PHP dalam HTML ,pengenalan variabel di

PHP)

E. Materi Ajar

1. Pembuatan tabel dengan HTML

2. Desain halaman web dengan konsep tabel

3. Anatomi dan cara kerja form

4. Struktur dasar CSS

5. Struktur penulisan PHP dalam HTML

F. Metode Pembelajaran

- Pendekatan : Saintifik

- Model : Reciprocal Teaching

- Metode : Simulasi/praktek, diskusi kelompok, penugasan

G. Sumber Belajar

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 O'Reilly

Media, Inc.: Kanada, 2012

5. Buku-buku dan referensi lain yang relevan.

6. Media cetak/elektronik

92

H. Media Pembelajaran

1. Media : Powerpoint,internet

2. Alat dan bahan : LCD

I. Kegiatan Pembelajaran

a. Pertemuan ke 1 (2x 45 menit )

Kegiatan Deskripsi KegiatanAlokasi waktu

Pendahuluan 1. Guru mempersiapkan kelas agar lebih kondusif untuk proses belajar mengajar; kerapian dan kebersihan ruang kelas, presensi (kehadiran, agenda kegiatan, kebersihan kelas, menyiapkan media dan alat serta buku yang diperlukan).

2. Guru memberi salam kepada peserta didik.3. Guru memberikan penjelasan mengenai model

pembelajaran Reciprocal Teaching serta memberikan motivasi siswa untuk belajar.

4. Siswa menerima informasi tentang kompetensi, ruang lingkup materi, tujuan, manfaat, dan langkah pembelajaran serta metode yang akan dilaksanakan.

5. Sebagai apersepsi untuk mendorong rasa ingin tahu dan berpikir kritis, guru mengajukan pertanyaan tentang materi yang telah di terangkan sebelumnya.

15 menit

Inti 1. Guru menjelaskan poin-poin penting dari materi yang akan di pelajari

2. Guru membentuk kelompok yang terdiri dari 4-5 orang setiap kelompok secara heterogen.

3. Peserta didik melakukan diskusi kelompok.4. Guru menunjuk kelompok untuk mempresentasikan

hasil diskusi.5. Siswa menanggapi hasil diskusi kelompok lain

untuk di kritisi.6. Guru melakukan penilaian motivasi belajar sesuai

dengan lembar observasi.

65 menit

Penutup 1. Guru mengajak peserta didik untuk melakukan refleksi terhadap kegiatan pembelajaran yang telah dilakukan.

2. Guru menyimpulkan materi yang telah dipelajari3. Siswa mendengarkan arahan guru untuk materi pada

pertemuan berikutnya4. Guru mengakhiri pembelajaran dengan

mengucapkan rasa syukur kepada Allah SWT bahwa pertemuan kali ini telah berlangsung dengan baik dan lancar.

10 menit

93

b. Pertemuan 2 (2x 45 menit)


Pendahuluan 1. Guru mempersiapkan kelas agar lebih kondusif untuk proses belajar mengajar; kerapian dan kebersihan ruang kelas, presensi (kehadiran, agenda kegiatan, kebersihan kelas, menyiapkan media dan alat serta buku yang diperlukan).

2. Guru memberi salam kepada peserta didik.3. Siswa menerima informasi tentang kompetensi,

ruang lingkup materi, tujuan, manfaat, dan langkah pembelajaran serta metode yang akan dilaksanakan.


10 menit

Inti 1. Guru memberikan motivasi sebelum pembelajaran2. Guru mengulas kembali materi yang telah dijelaskan

sebelumnya. 3. Guru menunjuk kelompok untuk mempresentasikan

hasil diskusi pada pertemuan sebelumnya.4. Siswa menanggapi hasil diskusi kelompok lain untuk

di kritisi.5. Guru memberikan penguatan terkait jawaban yang

disampaikan siswa.6. Guru melakukan penilaian motivasi belajar sesuai

dengan lembar observasi.

55 menit

Penutup 1. Guru menyimpulkan materi yang telah dipelajari2. Siswa mulai mengerjakan tes evaluasi3. Siswa mendengarkan arahan guru untuk materi pada

pertemuan berikutnya4. Guru mengakhiri pembelajaran dengan

mengucapkan rasa syukur kepada Allah SWT, Tuhan YME bahwa pertemuan kali ini telah berlangsung dengan baik dan lancar.

25 menit

Materi

1. HTML merupakan Standard bahasa yang di gunakan untuk menampilkan dokumen web. Yang biasa anda lakukan dengan HTML yaitu:

a. Mengontrol tampilan dari web page dan contentnya.

b. Mempublikasikan document secara online sehingga bisa diakses dari seluruh dunia.

94

c. Membuat online form yang bisa digunakan untuk menangani pendaftaran, transaksi secara online.

d. Menambahkan object-object seperti image, audio, video, dan juga java applet dalam dokumen HTML

2. Program yang di gunakan untuk membuat dokumen HTML, ada banyak HTML editor

yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.

3. Dokumen HTML bisa dibagi menjadi 3 bagian utama:

a. HTML

Setiap document HTML harus di awali dan di tutup dengan tag HTML

<HTML> </HTML>

b. HEAD

Bagian header dari document HTML di apit oleh tag <HEAD></HEAD> di dalam

bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada

titlenya browser.

c. BODY

Document body di gunakan untuk menampilkan text, image link dan semua yang akan

ditampilkan pada web page.

Berikut merupakan struktur dasar HTML:

<html> <head> <title>Disini judul dokumen web</title> </head> <body>

Disini isi konten halaman web yang akan ditampilkan oleh browser

</body>

4. Tag yang digunakan dalam HTML dapat di sajikan dalam tabel berikut:

Tag Atribut/Contoh penulisan Fungsi<body> <body bgcolor=”red”>

<body bgcolor=”#FF0000”>

text=” ... “link=” ...”vlink=”...”

alink=”...”

Backgorund halaman berwarnamerahMemberi warna pada teksWarna linkWarna link yang sudah dikunjungi

95

<bodybackground=”D:\Gambar.jpg”>

Warna link yang aktifMemberi background gambarpada halaman

<a> ... </a> <a href=”D:\home.html”>Home</a> Membuat hyperlink/link

<img> <img src="person.jpg" width="50" height="50" border="0" alt="Person" align="left">

<img src=”C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures\Sunset.jpg>

Memasukkan gambar dengan nama file gambar person.jpg, lebar 50px, tinggi 50px, border 0,rata kiri, dan jika gambar tidak muncul akan keluar teks Person

<font>... /font> <FONT size="2" color="#FFFF00" face="arial">...</font>

Mengatur font dengan ukuran 2,warna kuning, jenis huruf Arial

<BIG>...</BIG> <BIG>Contoh </BIG> Membuat teks Contoh menjadi lebih besar

<SMALL>...</SMALL> <SMALL> Contoh</SMALL> Membuat teks Contoh menjadi lebih kecil

<b>...</b> Teks bold/dicetak lebih tebal

<i>…</i> Teks italic/miring<strike>...</strike> Teks tercoret<u>...</u> Teks underlined<h1>...</h1> Teks heading 1. Tingkat heading bisa sampai

tingkat 6. Semakin besar tingkar heading, maka teks akan dicetak semakin kecil

<hr> <hr width=”600”>

<hr align=”center” size=”5”width=”80%”

Garis dengan lebar 600. Tag <hr>tidak perlu ditutup

Garis dengan tinggi 5, lebar 80%dari lebar layar browser dan ratatengah

<p align=”center’> ...</p>

Paragraf rata tengah. Perintah inijuga dapat ditulis dengan tag<center>...</center>

<br> Tag untuk ganti baris Tag <br> tidak perlu ditutup

<marquee> ....</marquee>

Teks berjalan. Memiliki atributdirection, behavior dan lain-lain.Contoh:<marquee direction=”right”>

96

....</marquee><marquee behavior=”alternate”>... </marquee>

5. Beberapa perintah penting untuk membuat tabel:

a. <table border=”1”> .... </table> merupakan perintah utama dalam pembuatan tabel,tabel dengan ketebalan 1px

b. <tr> ... </tr> tag untuk membuat barisc. <td> ... </td> tag untuk membuat kolom/cell d. <th> … </th> mendefiniskan table heading atau judul tiap kolome. colspan merge/melebarkan kolom/cellf. rowspan merge/melebarkan baris

Atribut-atribut yang digunakan dalam HTML sebagai berikut:

Tag Fungsi <div> ... </div> Sebuah wilayah teks yang akan

diformat <dl> ... </dl> Sebuah daftar definisi <dt> ... </dt> Sebuah istilah definisi, sebagai bagian

dari daftar definisi. <dd> ... </dd> Sesuai untuk istilah definisi, sebagai

bagian dari daftar definisi <ol> ... </ol> Ordered List atau daftar berurutan <ul> ... </ul> Un-Ordered List atau daftar tidak

berurutan <li> ... </li> Sebuah daftar item untuk digunakan

dengan <ol> atau <ul>.

pembuatan tabel :

untuk menampilkan data dalam bentuk tabel pada HTML, digunakan tag <Table>

struktur pembuatan tabel dapat disajikan seperti berikut:

<table> <tr> <td>data baris 1 kolom 1</td> <td>data baris 1 kolom 2</td> </tr> </table>

6. Menyajikan bentuk tabel

Berikut contoh pembuatan tabel , disimpan dengan tabel 1.html

<html> <head> <title>tabel</title>

97

</head> <body> berikut contoh tabel dengan rowspan dan colspan <table width=80% border=2 cellspacing=0 cellpadding=0> <tr> <td>baris 1 kolom 1</td> <td>baris 1 kolom 2</td> </tr>

J. Penilaian

a. Teknik penilaian

Aspek Teknik Bentuk InstrumenKognitif Tes Tertulis TesMotivasi Belajar Observasi Pedoman Observasi dan Rubrik

Penilaian

b. Kisi- Kisi Penilaian.

Dilampirkan

c. Instrumen Penilaian

Dilampirkan

Semarang,April 2015

Mengetahui,

Kepala Sekolah Peneliti

Drs. Joko Raharjo Zeli PrimaliaNIM. 5302411129

98

LAMPIRAN 18

RENCANA PELAKSANAAN PEMBELAJARAN SIKLUS II

MATA PELAJARAN : Pemrograman WebSTANDAR KOMPETENSI : Memahami dasar HTML, CSS, dan PHPKELAS/SEMESTER : X / GenapALOKASI WAKTU : 4 x 45 Menit (4 JP)

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 pro-aktif dan menunjukkan

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, menganalisis dan mengevaluasi pengetahuan faktual,

konseptual, prosedural, dan metakognitif 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, menyaji, dan mencipta dalam ranah konkret dan ranah abstrak terkait

dengan pengembangan dari yang dipelajarinya di sekolah secara mandiri serta bertindak

secara efektif dan kreatif, dan mampu menggunakan metoda sesuai kaidah keilmuan.

B. Kompetensi Dasar:

a. Memahami dasar pemrograman HTML, CSS, dan PHP.

b. Menyajikan teknik-teknik dalam pemrograman HTML, CSS, dan PHP.

C. Indikator Pencapaian Kompetensi

a. Mengetahui pembuatan tabel dengan HTML.

b. Mengetahui desain halaman web dengan konsep tabel dengan HTML.

c. Mengetahui anatomi dan cara kerja form.

99

d. Mengetahui dasar pemrograman CSS

e. Memahami dasar pemrograman PHP(Struktur Penulisan PHP dalam HTML,

pengenalan variabel di PHP)

D. Tujuan Pembelajaran:

Setelah selesai pembelajaran,peserta didik dapat :

a. Memahami dan mempraktikan pembuatan tabel dengan HTML

b. Memahami desain halaman web dengan konsep tabel

c. Memahami anatomi dan cara kerja form

d. Memahami dasar CSS

e. Memahami dasar PHP (struktur penulisan PHP dalam HTML,pengenalan variabel di

PHP)

E. Materi Ajar

a. Pembuatan tabel dengan HTML

b. Desain halaman web dengan konsep tabel

c. Anatomi dan cara kerja form

d. Struktur dasar CSS

e. Struktur penulisan PHP dalam HTML

F. Metode Pembelajaran

- Pendekatan : Saintifik

- Model : Reciprocal Teaching

- Metode : Simulasi/praktek, diskusi kelompok, penugasan

G. Sumber Belajar

a. Buku teks pelajaran

b. Buku panduan Guru

c. Pemrograman Web Dengan HTML Revisi Keempat, Betha sidik, Ir., Husni I. Pohan,

Ir., M.Eng., Penerbit Informatika Bandung, Juni 2012

d. Learning Web Design 4th Edition, Jennifer Niederst Robbins, Penerbit O'Reilly

Media, Inc.: Kanada, 2012

100

e. Buku-buku dan referensi lain yang relevan.

f. Media cetak/elektronik

H. Media Pembelajaran

a. Media : Powerpoint,internet

b. Alat dan bahan : LCD

I. Kegiatan Pembelajaran

a. Pertemuan ke 1 (2x 45 menit )


Pendahuluan

1. Guru mempersiapkan kelas agar lebih kondusif untuk proses belajar mengajar; kerapian dan kebersihan ruang kelas, presensi (kehadiran, agenda kegiatan, kebersihan kelas, menyiapkan media dan alat serta buku yang diperlukan).

2. Guru memberi salam kepada peserta didik.3. Siswa menerima informasi tentang kompetensi, ruang lingkup

materi, tujuan, manfaat, dan langkah pembelajaran serta metode yang akan dilaksanakan.


10 menit

Inti 1. Guru menjelaskan poin-poin penting dari materi yang akan di pelajari

2. Guru mempraktikan cara pembuatan tabel biodata dengan HTML

3. Siswa mulai mempraktikan pembuatan tabel biodata dengan kelompoknya masing-masing.

4. Guru menilai motivasi belajar siswa.

70 menit

Penutup 1. Guru mengajak peserta didik untuk melakukan refleksi terhadap kegiatan pembelajaran yang telah dilakukan.

2. Guru menyimpulkan materi yang telah dipelajari3. Siswa mendengarkan arahan guru untuk materi pada pertemuan

berikutnya4. Guru mengakhiri pembelajaran dengan mengucapkan rasa

syukur kepada Allah SWT bahwa pertemuan kali ini telah berlangsung dengan baik dan lancar.

10 menit

b. Pertemuan 2 (2x 45 menit)


Pendahuluan 1. Guru mempersiapkan kelas agar lebih kondusif 10 menit

101


untuk proses belajar mengajar; kerapian dan kebersihan ruang kelas, presensi (kehadiran, agenda kegiatan, kebersihan kelas, menyiapkan media dan alat serta buku yang diperlukan).

2. Guru memberi salam kepada peserta didik.3. Siswa menerima informasi tentang kompetensi,

ruang lingkup materi, tujuan, manfaat, dan langkah pembelajaran serta metode yang akan dilaksanakan.


Inti 1. Guru memberikan motivasi sebelum pembelajaran2. Guru mengulas kembali materi yang telah dijelaskan

sebelumnya. 3. Guru melakukan refleksi pembelajaran yang telah

dilaksanakan.4. Guru menjelaskan materi yang menjadi

permasalahan siswa.5. Siswa melakukan diskusi atau tanya jawab terkait

materi yang belum dipahami.

50 menit

Penutup 1. Guru menyimpulkan materi yang telah dipelajari

2. Siswa mulai mengerjakan tes evaluasi3. Siswa mendengarkan arahan guru untuk materi

pada pertemuan berikutnya4. Guru mengakhiri pembelajaran dengan

mengucapkan rasa syukur kepada Allah SWT, Tuhan YME bahwa pertemuan kali ini telah berlangsung dengan baik dan lancar.

30m

Materi

a. Menggabungkan baris atau kolom pada tabel digunakan atribut berikut:

- Rowspan : untuk baris

- Colspan : untuk kolom

Contohnya sebagai berikut :

<html <head> <title>Tabel Dengan Rowspan</title> </head> <body> <table width="500" border="1">

102

<tr> <th scope="col">Nama Perumahan </th> <th scope="col">Tipe / Luas tanah (m<sup>2</sup>) </th> </tr> <tr> <td rowspan="4">Griya Indah Permai </td> <td>21 / 60 </td> </tr> <tr> <td>36 / 90 </td>

</tr> <tr> <td>45 / 120 </td> </tr> <tr> <td>54 / 120 </td> </tr> </table> </body> </html>

b. CSS merupakan standard pembuatan dan pemakaian style untuk dokumen terstruktur,

CSS digunakan untuk mempersingkat penulisan tag HTML seperti font,color,text, dan

table menjadi lebih ringkas sehingga tidak terjadi pengulangan tulisan.

Aturan penulisan CSS

Selector

Terdiri dari tag,class,ID

Declaration

Mendeskripsikan property dan value

Contoh

H1

{

Color : #0000FF

}

Keterangan :

Selector : H1

Properti : Color

Value : #0000FF

Macam-macam Selector

103

Tag/Elemen

Setiap tag yang ada pada HTML bisa dijadikan selector

Class

Diawal penulisan menggunakan tanda titik,pada HTML ditambahkan class

stlye1.css

IDDiawali dengan tanda #, dapat digunakan untuk mendefinisikan header,content, dan

footer dalam desain web krn didefiniskan denga ID berbeda.

Misal.

Style1.css

c. Dasar-dasar PHP

PHP (Hypertext Preprocessor) merupakan bahasa pemrograman web bersifat

serverside, artinya bahasa berbentuk script yang disimpan dan dijalankan di komputer

server (WebServer) sedang hasilnya yang dikirimkan ke komputer client

(WebBrowser) dalam bentuk script HTML (Hypertext Mark up Language).

Struktur PHP :

<?php…………… ?> atau <?..................?>

104

Menyisipkan file PHP dalam HTML :

<html>

<head>

<title>Halaman PHP pertamaku</title>

</head>

<body>

<h1>Script PHP dalam (X)HTML</h1>

<?php

echo "Hello World!";





?>

</body>

</html>

Penggunaan Variabel

Dalam PHP, nama suatu variabel ditandai dengan tanda dollar ($)

Nama variabel harus diawali dengan huruf atau underscore ( _ )

Nama variabel hanya boleh dituliskan dengan alpha numeric a-z, A-Z, 0-9 dan

underscore

Nama variabel yang terdiri lebih dari satu kata, dapat dipisahkan dengan

underscore

Contoh : $teks = "Hello World!";

$sebuah_bilangan = 4;

J.Penilaian

a. Teknik penilaian

Aspek Teknik Bentuk InstrumenKognitif Tes Tertulis TesMotivasi Belajar Observasi Pedoman Observasi dan Rubrik

Penilaian

b. Kisi- Kisi Penilaian.

105

Dilampirkan

d. Instrumen Penilaian

Dilampirkan

Semarang,April 2015

Mengetahui,

Kepala Sekolah Peneliti

Drs. Joko Raharjo Zeli PrimaliaNIM. 5302411129

106

LAMPIRAN 19

SOAL TES EVALUASI

Mata Pelajaran : Pemrograman Web

Kelas : X

Sekolah : SMK Palebon

Waktu : 1 X 20 menit

PETUNJUK UMUM

1. Berdoalah sebelum Anda mengerjakan soal.

2. Isikan identitas Anda pada lembar jawaban yang tersedia.

3. Jumlah soal sebanyak 25 soal pilihan ganda

4. Bacalah petunjuk soal sebelum menjawab

5. Pilih salah satu jawaban yang Anda anggap benar dengan tanda silang (X) pada pilihan A,

B, C, D, atau E

6. Kerjakan terlebih dahulu soal yang Anda anggap mudah.

1. Editor untuk membuat file HTML banyak tersedia, diantaranya,kecuali…A. FronfageB. NotepadC. DreamwaverD. Crimson EditorE. Aphace

2. Web terdiri dari 4 (empat) hal yaitu,kecuali…A. HypertextB. Resource identifierC. Client-serverD. Markup languageE. Repeater

3. Tag pasangan sebagai penutup suatu elemen dari HTML biasanya diawali dengan tanda... A. ” D. /B. : E. ?C. &

4. Penulisan tag HTML yang benar adalah ....A. <Tittle>............... <Tittle>B. <Head>.............<Head>C. <Html>................ <Head>D. <Body>............ <Body>E. <Html> ............. </Html>

107

5. Tag HTML yang digunakan untuk memisahkan teks menjadi baris baru adalah ....A. <hr> D. <breakB. <bb> E. <br>C. <teks>

6. Atribut colspan digunakan untuk ....A. Melebarkan baris D. Membuat border kolomB. Melebarkan kolom E. Membuat border barisC. Melebarkan baris dan kolom

7. Atribut rowspan digunakan untuk ....A. Melebarkan baris D. Membuat border kolomB. Melebarkan kolom E. Membuat border barisC. Melebarkan baris dan kolom

8. Tag heading yang terkecil dalam HTML adalah ....A. <h6>heading</h6> D. <h2>heading</h2>B. <h5>heading</h5> E. <h1>heading</h1>C. <h4>heading</h4>

9. Tag HR memiliki atribut ....A. Size D. size dan widthB. Width E. size dan heightC. Height

10. Tag HTML yang digunakan untuk menampilkan sebuah gambar dalam halaman web adalah…

A. <img> D. <bmp>B. <image> E. <gambar>C. <jpg>

11. Contoh penulisan perintah HTML untuk menjadikan beberapa baris dalam tabel menjadi satu adalah ....

A. <table colspan=”3”>B. <tr colspan=”3”>C. <td colspan=”3”>D. <tr rowspan=”3”>E. <td rowspan=”3”>

12. Penulisan untuk pembuatan tampilan tabel yang yang salah adalah…

A. </table><p><table border=1> <tr><td>Ini contoh tabel sederhana dengan border</td> </tr>

</table>

B. <table border="1"> <tr> <td>baris 1, kolom 1</td>

<td>baris 1, kolom 2</td> </tr></table>

C. <table border="1"><tr><td>baris 1, kolom 1</td><td>baris 1, kolom 2</td></tr><tr><td>baris 2, kolom 1</td>

108

<td>baris 2, kolom 2</td></tr></table>

D. <table border="1"><tr><td>Row 1, cell 1</td><td>Row 1, cell 2</td></tr></table>

E. </table><p>< border=1> <tr><td>Ini contoh tabel sederhana dengan border</td> </tr>

</table>

13. Manakah di bawah ini sintak link html yang benar…A. <a href=”url”>home</a> B. <a herf=”url”>profile</a>C. <a href:=”url”>galeri</a>D. <a href="url">contact<a>E. <a href:\"url">about us</a>

14. Pelajari program tag HTML berikut ini!

<table><tr><td colspan=3> </td></tr><tr><td> </td><td> </td><td> </td></tr><tr><td colspan=3> </td></tr></table>

Dari program berikut akan menghasilkan bentuk tabel seperti gambar….

15. Kode HTML, untuk pembuatan daftar tak berurut digunakan tag …A. <hr> D. <br> B. <ul> E. <list>C. <ol>

16. Elemen form pada dokumen HTML yang digunakan untuk menerima input teks multibaris adalah …

A. <input type=”text” …> B. <input type=”radio” …> C. <input type=”checkbox” …> D. <select>E. <textarea>

109

17. Untuk membuat judul tabel digunakan tag…A. <table>B. <td>C. <th>D. <tr>E. <judul>

18. Tag HTML untuk menampilkan gambar adalah…A. <src img=”file.jpg”> D. <img src=”file.jpg”> B. <scr img=”file.jpg”> E. <include img.jpg>C. <img scr=”file.jpg”>

19. Perintah untuk membuat teks menjadi berwarna yaitu …A. <font color=”color”>B. <bgcolor=”color”>C. <img src=”url”>D. <td bacground=”url”>E. <p align=”center”>

20. Perintah untuk mengatur huruf agar menjadi miring pada HTML adalah …A. <u>B. <b>C. <a>D. <p>E. <i>

21. Dalam form, isi atribut dari type untuk menerima masukan berupa pilihan dengan hanya satu pilihan dalam satu waktu adalah ....


22. Perintah untuk mengakhiri pemprograman dengan PHP adalah dengan tanda ....A. [ ]B. <?C. ?>D. { }E. /

23. Penulisan kode javascript dalam dokumen HTML yang benar di bawah ini adalah…

A. <script language=”javascript”> …. </script>

B. <script language=’javascript’> …

</script>

C. <script language = javascript> …

<script/>

110

D. <script language =”javascript”> ……<script/>

E. <script language=’javascript’> …

<script/>

24. <html> <php?

Print ("Contoh text yang menggunakan kode PHP");

?>

</html>

Dari kode di atas perintah Print dapat juga seperti ……

A. HelpB. script languageC. head

D. includeE. echo

25. Dalam PHP penulisan nama variabel di awali dengan tanda….

A. $

B. @

C. #

D. *

E. %

111

HASIL TES EVALUASI SIKLUS I

NO NAMA NILAI KETERANGAN1 AHMAD SAHERTIAN 76 TUNTAS

2 AHMAD TOFIK S 56 TIDAK TUNTAS

3 AJI BAGAS PRAKOSO 68 TIDAK TUNTAS

4 ALFIN KRISNA 40 TUNTAS

5 ANDREAS DEDDY WIJAYA 76 TUNTAS

6 ANGGI SAFITRI 56 TIDAK TUNTAS

7 ASRUL RAHMAD 56 TIDAK TUNTAS

8 CHANDRA DWI YOGA K 52 TIDAK TUNTAS

9 CHIQUITITA TRI AGUSTIN 32 TIDAK TUNTAS10 DAFFA SURYA PANGESTU 40 TUNTAS

11 DANDY SUNAJI TRI ATMOJO 84 TUNTAS

12 DITA FITRI PURNAMASARI 32 TIDAK TUNTAS

13 ELYSIA NUR ULA FIRDAUS 76 TUNTAS

14 FEBRI NUGROHO 64 TIDAK TUNTAS

15 FELISA FATIKHANI 80 TUNTAS

16 ILHAM AJI SAPUTRA 64 TIDAK TUNTAS

17 ILHAM ALIF RIZKI GUMILAR 48 TIDAK TUNTAS

18 ILHAM HARTANTO 44 TIDAK TUNTAS

19 ISTIQOMAH 76 TUNTAS

20 KURNIAWAN 56 TIDAK TUNTAS

21 MAYANG DWI ARYANTI 80 TUNTAS

22 MICHELL BEFITRA 56 TIDAK TUNTAS

23 MUHAMMAD RIDWAN 76 TUNTAS

24 NISA ZAHROTUL FIRDAUS 44 TIDAK TUNTAS

25 NOR SHOBAH 48 TIDAK TUNTAS

26 NUR MAHARANI 80 TUNTAS

27 RAHMADIKA LUTHFI MANAFI 64 TIDAK TUNTAS

28 RENA RIZKY SEPTIANA 84 TUNTAS29 RIZAL MAULANA AQBAR 60 TIDAK TUNTAS30 RIZKI MUDA NUR IHWAN FAUZI 76 TUNTAS

31 RIZKI PRATAMA FERDINANSYAH 60 TIDAK TUNTAS

32 ROCHMANSAH 76 TUNTAS

33 SALSABILLA DISA WAHYUDI 76 TUNTAS

34 VARELLIA GITA PRAMESWARI 76 TUNTAS

35 WAIS INTAN SARI 76 TUNTAS

36 WIDIYANTI 44 TIDAK TUNTAS

37 YASHINTA NADILA AGUSTINA 44 TIDAK TUNTASTUNTAS 15

TIDAK TUNTAS 32

LA

MP

IRA

N 20

112

ANALISIS TES EVALUASI SIKLUS I

LA

MP

IRA

N 21

113

Jumlah siswa tuntas = 15

Jumlah siswa tidak tuntas = 32

Rata-rata = 65,6

Ketuntasan klasikal = 41 %

114

HASIL TES EVALUASI SIKLUS II

NO NAMA NILAI KETERANGAN

1 AHMAD SAHERTIAN 80 TUNTAS

2 AHMAD TOFIK S 80 TUNTAS

3 AJI BAGAS PRAKOSO 76 TUNTAS

4 ALFIN KRISNA 56 TIDAK TUNTAS


6 ANGGI SAFITRI 76 TUNTAS

7 ASRUL RAHMAD 84 TUNTAS

8 CHANDRA DWI YOGA K 76 TUNTAS

9 CHIQUITITA TRI AGUSTIN 92 TUNTAS

10 DAFFA SURYA PANGESTU 80 TUNTAS




14 FEBRI NUGROHO 84 TUNTAS


16 ILHAM AJI SAPUTRA 80 TUNTAS

17 ILHAM ALIF RIZKI GUMILAR 84 TUNTAS

18 ILHAM HARTANTO 84 TUNTAS




22 MICHELL BEFITRA 84 TUNTAS

23 MUHAMMAD RIDWAN 52 TIDAK TUNTAS

24 NISA ZAHROTUL FIRDAUS 52 TIDAK TUNTAS

25 NOR SHOBAH 76 TUNTAS


27 RAHMADIKA LUTHFI MANAFI 76 TUNTAS

28 RENA RIZKY SEPTIANA 92 TUNTAS

29 RIZAL MAULANA AQBAR 76 TUNTAS

30 RIZKI MUDA NUR IHWAN FAUZI 84 TUNTAS

LA

MP

IRA

N 22

115

31 RIZKI PRATAMA FERDINANSYAH 76 TUNTAS





36 WIDIYANTI 56 TIDAK TUNTAS

37 YASHINTA NADILA AGUSTINA 76 TUNTAS

TUNTAS 31

TIDAK TUNTAS 6

116

ANALISIS TES EVALUASI SIKLUS II

LA

MP

IRA

N 23

117

Jumlah siswa tuntas = 30

Jumlah siswa tidak tuntas = 7

Rata-rata = 76,6

Ketuntasan klasikal = 81%

118

LAMPIRAN 24

LEMBAR PENILAIANTES PRAKTIK/PROYEK

Kode Komponen Nilai Praktik

A Persiapan Kerja

B Proses atau cara kerja

C Hasil Kerja

D Waktu

E Presentasi

Skor Total

119

ANALLISIS NILAI PRAKTIK SIKLUS I

Kode Siswa

Komponen Praktik Skor Keterangan

A B C D ER-01 78 78 78 80 76 78 tuntasR-02 85 85 85 85 85 85 tuntasR-03 70 65 60 65 65 65 tidak tuntasR-04 60 60 60 60 60 60 tidak tuntasR-05 60 60 60 60 60 60 tidak tuntasR-06 75 80 70 75 75 75 tuntasR-07 74 76 78 76 76 76 tuntasR-08 75 72 75 75 78 75 tuntasR-09 78 75 75 72 75 75 tuntasR-10 76 78 80 78 78 78 tuntasR-11 83 85 86 86 85 85 tuntasR-12 65 70 60 65 65 65 tidak tuntasR-13 75 75 75 75 75 75 tuntasR-14 70 60 65 65 65 65 tidak tuntasR-15 78 78 80 78 76 78 tuntasR-16 60 56 60 64 60 60 tidak tuntasR-17 65 65 60 70 65 65 tidak tuntasR-18 65 60 70 65 65 65 tidak tuntasR-19 85 85 85 85 85 85 tuntasR-20 67 68 62 62 66 65 tidak tuntasR-21 78 75 72 75 75 75 tuntasR-22 60 56 60 64 60 60 tidak tuntasR-23 76 80 82 76 86 80 tuntasR-24 74 76 78 76 76 76 tuntasR-25 76 74 76 78 76 76 tuntasR-26 78 72 78 76 76 76 tuntasR-27 75 75 75 75 75 75 tuntasR-28 75 73 75 72 80 75 tuntasR-29 65 60 70 65 65 65 tidak tuntasR-30 70 78 75 75 77 75 tuntasR-31 76 78 74 76 76 76 tuntasR-32 74 76 78 74 78 76 tuntasR-33 72 76 78 76 78 76 tuntasR-34 78 78 82 76 76 78 tuntasR-35 76 76 80 76 82 78 tuntasR-36 78 76 76 76 74 76 tuntasR-37 78 78 76 72 76 76 tuntas

LAMPIRAN 26

LA

MP

IRA

N 25

120

NILAI PRAKTIK SIKLUS I




3 AJI BAGAS PRAKOSO 65 TIDAK TUNTAS


5 ANDREAS DEDDY WIJAYA 60 TIDAK TUNTAS









14 FEBRI NUGROHO 65 TIDAK TUNTAS


16 ILHAM AJI SAPUTRA 60 TIDAK TUNTAS

17 ILHAM ALIF RIZKI GUMILAR 65 TIDAK TUNTAS

18 ILHAM HARTANTO 65 TIDAK TUNTAS






24 NISA ZAHROTUL FIRDAUS 76 TUNTAS

121





29 RIZAL MAULANA AQBAR 65 TIDAK TUNTAS







36 WIDIYANTI 76 TUNTAS


TUNTAS 26TIDAK TUNTAS 11

122

ANALLISIS NILAI PRAKTIK SIKLUS II

Kode Siswa

Komponen Praktik skor keterangan

A B C D ER-01 76 80 82 76 86 80 tuntasR-02 88 92 92 90 88 90 tuntasR-03 75 75 72 75 78 75 tuntasR-04 70 65 62 63 65 65 tidak tuntasR-05 75 75 75 75 75 75 tuntasR-06 76 86 76 78 84 80 tuntasR-07 76 80 78 78 78 78 tuntasR-08 72 72 78 75 78 75 tuntasR-09 78 80 80 78 84 80 tuntasR-10 76 82 82 80 80 80 tuntasR-11 88 92 92 88 90 90 tuntasR-12 75 75 75 75 75 75 tuntasR-13 78 80 78 78 76 78 tuntasR-14 70 84 80 76 65 75 tuntasR-15 78 80 84 78 80 80 tuntasR-16 72 78 80 70 75 75 tuntasR-17 74 76 75 74 76 75 tuntasR-18 70 78 77 72 78 75 tuntasR-19 90 92 94 86 88 90 tuntasR-20 73 75 77 75 75 75 tuntasR-21 78 78 80 78 76 78 tuntasR-22 62 68 65 65 65 65 tidak tuntasR-23 90 90 90 88 92 90 tuntasR-24 76 80 82 74 78 78 tuntasR-25 76 80 80 78 76 78 tuntasR-26 76 85 85 78 76 80 tuntasR-27 78 86 80 80 76 80 tuntasR-28 88 92 92 88 90 90 tuntasR-29 70 84 82 74 65 75 tuntasR-30 74 80 82 76 78 78 tuntasR-31 76 80 82 72 80 78 tuntasR-32 78 82 84 76 80 80 tuntasR-33 78 80 82 70 80 78 tuntasR-34 78 80 84 78 80 80 tuntasR-35 78 80 82 76 84 80 tuntasR-36 78 78 80 78 76 78 tuntasR-37 78 80 78 76 78 78 tuntas

LAMPIRAN 28

LA

MP

IRA

N 27

123

NILAI PRAKTIK SIKLUS II




3 AJI BAGAS PRAKOSO 75 TUNTAS









12 DITA FITRI PURNAMASARI 75 TUNTAS


14 FEBRI NUGROHO 75 TUNTAS


16 ILHAM AJI SAPUTRA 75 TUNTAS

17 ILHAM ALIF RIZKI GUMILAR 75 TUNTAS

18 ILHAM HARTANTO 75 TUNTAS


20 KURNIAWAN 75 TUNTAS




24 NISA ZAHROTUL FIRDAUS 78 TUNTAS

124





29 RIZAL MAULANA AQBAR 75 TUNTAS







36 WIDIYANTI 78 TUNTAS


TUNTAS 35TIDAK TUNTAS 2

LAMPIRAN 29

125

DOKUMENTASI PENELITIAN

Foto Tes Soal Uji Coba Foto Tes Soal Uji Coba

KBM Siklus I Diskusi Kelompok Siklus I

Presentasi Hasil Diskusi Siklus I KBM Siklus II

Diskusi Kelompok Siklus II Presentasi Hasil Diskusi Siklus II

126

Presentasi Hasil Diskusi Siklus II KBM Praktik Siklus I

KBM Praktik Siklus II

LAMPIRAN 30

127

HASIL PRAKTIK