• Tidak ada hasil yang ditemukan

Pengembangan Lanjutan untuk Latihan, Evaluasi dan Penilaian

Dalam dokumen Panduan Penyusunan E Modul 2017 final (Halaman 34-62)

D. Tahapan Pembuatan

4. Pengembangan Lanjutan untuk Latihan, Evaluasi dan Penilaian

Pengembangan lanjutan pada pembuatan e-Modul menggunakan Sigil yaitu dengan memanfaatkan fungsi-fungsi script HTML sehingga dapat digunakan antara lain :

a. Latihan dan Evaluasi

Gambar 4.24 Tampilan latihan soal

b. Penilaian Diri

Gambar 4.26 Tampilan Penilaian Diri

Untuk keterangan lebih lanjut dapat dilihat pada Lampiran 1, 2, dan 3.

5. Membaca ePub

Terdapat berbagai macam software untuk membaca ePub, namun hanya sebagian yang dapat memutar file multimedia, antara lain:

 aplikasi desktop -> GHP Reader

 Android -> Ideal Reader -> install dari google play  iOS -> iBooks

 Google Chrome -> Readium -> install dari chrome store -> beberapa video tidak dapat diputar

Tampilan readium, ideal reader (android) dan iBooks (iPhone) Untuk melakukan instalasi plugin Readium di Google Chrome,

cukup buka halaman

http://readium.org dari Google chrome, kemudian tekan tombol

Gambar 4.24 Informasi Add to Chrome

Untuk mengakses readium, ketikkan chrome://apps/ di address bar google chrome anda, dan silahkan pilih readium dari daftar

aplikasi google chrome anda.

Gambar 4.25 Tampilan Add to Chrome pada google chrome

Untuk menambahkan buku ke dalam readium, tekan tombol “add new book” di pojok kanan atas google chrome, maka buku akan ditambahkan ke dalam pustaka readium.

E. Uji Validasi

Uji validasi dimaksudkan apakah e-modul yang dibuat sudah sesuai kebutuhan peserta didik secara efektif dan efisien. Dengan melihat kegiatan pembelajaran yang disampaikan dan untuk membuktikan apakah e-Modul sudah dapat untuk membantu dan digunakan peserta didik dalam sistem pembelajaran dalam memenuhi standar pembelajaran. Agar e-modul benar-benar digunakan untuk membelajarkan siswa mencapai tujuan pembelajaran, maka ada sejumlah prinsip yang harus diperhatikan, diantaranya:

1.E-Modul yang digunakan harus mencapai Kompetensi Dasar yang sudah ditentukan

2.E-Modul yang digunakan harus sesuai dengan tujuan pembelajaran yang telah ditetapkan

3.E-Modul yang digunakan sesuai dengan materi pembelajaran

4.E-Modul pembelajaran yang digunakan dapat merespon siswa belajar

5.E-Modul harus sesuai dengan minat, kebutuhan, dan kondisi siswa.

6.E-Modul yang digunakan harus memperhatikan efektivitas dan efisiensi

Tabel 4.1: Instrumen Validasi e-Modul

No Kriteria Jawaban Validator1 2 3 4

1 E-Modul yang digunakan mencapai Kompetensi Dasar

2 e-Modul yang digunakan sesuai dengan tujuan pembelajaran

3 e-Modul yang digunakan sesuai dengan materi pembelajaran

4 e-Modul mempermudah memahami materi pembelajaran

5 e-Modul memenuhi minat, kebutuhan, dan kondisi siswa

6 e-Modul dapat memfasilitasi belajar efektif dan efisien

Masukan :

Keterangan : Instrumen validasi diatas diisi dengan memberikan tanda (¿ pada kolom 1, 2, 3 dan 4 sesuai dengan pandangan

validator dengan ketentuan; 4 sangat baik

3 baik

2 cukup 1 kurang

skor=

skor perolehan

skor maksimumx100

Jika skor yang diperoleh

80

, maka e-Modul efektif digunakan

V. PENUTUP

Panduan praktis penyusunan e-modul ini merupakan rambu-rambu umum bagi penulis atau guru sebagai pengembang modul pembelajaran peserta didik SMA Melalui panduan praktis ini diharapkan para guru dapat menyusun modul SMA dengan pola pengembangan dan penulisan yang baku, walaupun demikian panduan ini tidak harus diikuti secara kaku, tetapi dapat dikembangkan sesuai dengan kebutuhan, kekhususan, karakteristik kompetensi Dasar (KD) yang dikembangkan. Rambu-rambu e-modul yang akan dikembangkan mengacu pada ketentuan sebagai berikut : Modul dikembangkan berdasarkan KI/KD yang tertuang didalam Silabus/RPP Sekolah Menengah Atas (SMA). Desain penyusunan modul sesuai dengan RPP yang telah disusun guru. Modul akan digunakan oleh peserta didik pada kegiatan pembelajaran di Sekolah Menengah Atas (SMA). Modul dikembangkan untuk membantu pencapaian kompetensi yang telah ditargetkan di dalam kurikulum.

DAFTAR PUSTAKA

BNSP. 2008. Bimbingan Teknis Penyusunan Kurikulum Tingkat Satuan Pendidikan. Depdiknas: Jakarta.

Pengembangan dan Penerapan Model Belajar Berbasis Kompetensi. Depdiknas: Jakarta.

Lampiran 1. Cara Membuat Latihan Soal

Terdapat 2 halaman yang dibuat yaitu:

a. latihan1.xhtml (sebagai latihan soal) b. h_latihan1.xhtml (sebagai hasil latihan)

a. Cara membuat latihan1.xhtml sbb:

Dengan cara yang sama buatlah script untuk soal ke 3, ke 4, s.d 10

Hasil tampilan Soal 1 dan 2 sbb:

CATATAN:

-

Isi soal, isi pilihan jawaban bisa diganti sesuai mata pelajaran.

-

Kemudian kunci jawaban juga dapat diubah sesuai dengan kunci yang telah

ditentukan.

-

Perubahan ini dilakukan pada scriptnya.

kemudian dilanjutkan script berikut untuk membuat tombol submit (untuk

melihat hasil latihan)

b. Cara membuat h_latihan1.xhtml sbb:

Script untuk membuat hasil latihan soal sbb:

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>Hasil tes</title>

<link rel="stylesheet" type="text/css" href="../Styles/epub.css"/> <script type="text/javascript"> //<![CDATA[ function fkunci(angka) { switch (angka) { case "a": angka="a"; break; case "b": angka="b"; break; case "c": angka="c"; break; case "d": angka="d"; break; case "e": angka="e"; break; case "A": angka="a"; break; case "B": angka="b"; break; case "C": angka="c"; break; case "D": angka="d"; break; case "E": angka="e"; break; default: angka="-"; break; } return angka; } var GET = {}; (function (input) { 'use strict'; if (input.length > 1) {

var params = input.slice(1).replace(/\+/g, ' ').split('&'), plength = params.length, tmp, key, val, obj, p; for (p = 0; p < plength; p += 1) { tmp = params[p].split('='); key = decodeURIComponent(tmp[0]); val = decodeURIComponent(tmp[1]); if (GET.hasOwnProperty(key)) { obj = GET[key]; if (obj.constructor === Array) { obj.push(val); } else {

GET[key] = [obj, val]; } } else { GET[key] = val; } } } }(window.location.search)); function cek(){ } var jmlsoal = 10; var nilai = 0; var nilmax = 100; var kkm=80; var hasil; window.onload = function() {

for (var i = 1; i <= jmlsoal; i++) { var status; var soal; var kunci; soal = GET["q"+i]; kunci = GET["k"+i]; if(soal==undefined){soal="-";} if(kunci==undefined){kunci="-";}

document.getElementById("j"+i).innerHTML = "<font style='text-transform:uppercase;'>"+ soal+"</font>";

document.getElementById("k"+i).innerHTML = "<font style='text-transform:uppercase;'>"+ fkunci(kunci)+"</font>"; document.getElementById("n"+i).innerHTML = i; if(soal==fkunci(kunci)) { if(soal=="-" || kunci =="-") {

document.getElementById("s"+i).innerHTML = " <font style='color:#093;'>??</font>"; } else

{

document.getElementById("s"+i).innerHTML = " <font style='color:#093;'>Jawaban Benar</ font>";

nilai++; }

} else {

document.getElementById("s"+i).innerHTML = "<font style='color:#F00;'>Jawaban Salah</ font>"; } } hasil=Math.round(100*nilai*nilmax/jmlsoal)/100; if(hasil>=kkm) { if(hasil>=(((100-kkm)/2)+kkm)) {

document.getElementById("komen").innerHTML = "Luar biasa... , nilai anda <strong>"+hasil+"</strong> <br/> anda telah berhasil melampaui KKM"; }

else{

document.getElementById("komen").innerHTML = "Bagus..., nilai anda <strong>"+hasil+"</ strong> <br/> anda telah berhasil mencapai KKM";

} }else {

document.getElementById("komen").innerHTML = "Maaf..., nilai anda <strong>"+hasil+"</ strong> <br/> anda belum mencapai KKM, silahkan belajar lagi !!";

} } //]]> </script> </head> <body>

<h4 class="sigil_not_in_toc">Hasil Latihan Soal Pembelajaran I</h4>

<div id="komen" class="kethsl">Maaf..., nilai anda <strong>0</strong> <br/> anda belum mencapai KKM, silahkan belajar lagi !!</div>

<br/> <table id="table-a"> <thead><tr><th>NO</th> <th>JAWABAN</th> <th>KUNCI</th> <th>KETERANGAN</th> </tr> </thead> <tbody> <tr align="center"><td><div id="n1">1</div> </td>

<td><div id="j1"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="k1"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="s1"> <font style="color:#093;">??</font></div> </td>

</tr>

<tr align="center"><td><div id="n2">2</div> </td>

<td><div id="j2"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="k2"><font style="text-transform:uppercase;">-</font></div> </td>

</td> </tr>

<tr align="center"><td><div id="n3">3</div> </td>

<td><div id="j3"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="k3"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="s3"> <font style="color:#093;">??</font></div> </td>

</tr>

<tr align="center"><td><div id="n4">4</div> </td>

<td><div id="j4"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="k4"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="s4"> <font style="color:#093;">??</font></div> </td>

</tr>

<tr align="center"><td><div id="n5">5</div> </td>

<td><div id="j5"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="k5"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="s5"> <font style="color:#093;">??</font></div> </td>

</tr>

<tr align="center"><td><div id="n6">6</div> </td>

<td><div id="j6"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="k6"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="s6"> <font style="color:#093;">??</font></div> </td>

</tr>

<tr align="center"><td><div id="n7">7</div> </td>

<td><div id="j7"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="k7"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="s7"> <font style="color:#093;">??</font></div> </td>

</tr>

<tr align="center"><td><div id="n8">8</div> </td>

<td><div id="j8"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="k8"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="s8"> <font style="color:#093;">??</font></div> </td>

</tr>

<tr align="center"><td><div id="n9">9</div> </td>

<td><div id="j9"><font style="text-transform:uppercase;">-</font></div> </td>

</td>

<td><div id="s9"> <font style="color:#093;">??</font></div> </td>

</tr>

<tr align="center"><td><div id="n10">10</div> </td>

<td><div id="j10"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="k10"><font style="text-transform:uppercase;">-</font></div> </td>

<td><div id="s10"> <font style="color:#093;">??</font></div> </td> </tr> </tbody> </table> <br/> <div class="menunav"> <table width="100%">

<tbody><tr><td width="25%" align="left"></td>

<td align="center"><a href="../Text/daftar_isi22.xhtml" class="a_btn_next menubtn">menu</ a></td>

<td width="25%" align="right"><a href="../Text/evaldiri1.xhtml" class="a_btn_next nextbtn">Next</a></td> </tr> </tbody> </table> </div> <br/> <div><br/></div> </body> </html>

Lampiran 2. Cara Membuat Penilaian Diri

Terdapat 2 halaman yang dibuat yaitu: penilaian_diri1.xhtml (sebagai halaman soal penilaian diri) dan h_pendiri1.xhtml (sebagai hasil penilaian diri)

Cara membuat penilaian_diri1.xhtml sbb:

Script untuk membuat penilaian diri berjumlah 5 sbb:

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<link rel="stylesheet" type="text/css" href="../Styles/epub.css"/> <script>

$("input:checkbox").on('click', function() {

// in the handler, 'this' refers to the box clicked on var $box = $(this);

if ($box.is(":checked")) {

// the name of the box is retrieved using the .attr() method // as it is assumed and expected to be immutable

var group = "input:checkbox[name='" + $box.attr("name") + "']"; // the checked state of the group/box on the other hand will change // and the current value is retrieved using .prop() method

$(group).prop("checked", false); $box.prop("checked", true); } else { $box.prop("checked", false); } }); </script> <title></title> </head> <body> <h3 class="sigil_not_in_toc">Penilaian Diri 1</h3> <div class="petunjuk">

Silahkan isi pernyataan berikut dengan jujur, sesuai dengan kemampuan diri anda ! </div>

<br/>

<form action="h_pendiri1.xhtml" method="get" name="CheckQuestions" class="form-diri"> <table id="table-a"> <thead> <tr> <th width="20px">NO</th> <th>PERNYATAAN</th> <th width="60px">YA</th> <th width="60px">TIDAK</th> </tr> </thead> <tbody> <tr> <td align="center" valign="middle">1</td>

<td valign="top">Saya dapat menyebutkan ulang pengertian Atmosfer</td> <td valign="middle" align="center">

<td valign="middle" align="center"> <input name="q1" type="radio" value="0"/></td> </tr>

<tr>

<td align="center" valign="middle">2</td>

<td valign="top">Saya dapat menyebutkan lapisan-lapisan atmosfer</td> <td valign="middle" align="center">

<input name="q2" type="radio" value="1"/></td>

<td valign="middle" align="center"> <input name="q2" type="radio" value="0"/></td> </tr>

<tr>

<td align="center" valign="middle">3</td>

<td valign="top">Saya dapat menjelaskan kharakteristik lapisan-lapisan udara menurut ketinggian, perubahan suhu, dan gejala-gejalanya&nbsp;</td>

<td valign="middle" align="center">

<input name="q3" type="radio" value="1"/></td>

<td valign="middle" align="center"> <input name="q3" type="radio" value="0"/></td> </tr>

<tr>

<td align="center" valign="middle">4</td>

<td valign="top">Saya dapat menganalisis hubungan lapisan atmosfer dengan manfaatnya bagi kehidupan</td>

<td valign="middle" align="center">

<input name="q4" type="radio" value="1"/></td>

<td valign="middle" align="center"> <input name="q4" type="radio" value="0"/></td> </tr>

<tr>

<td align="center" valign="middle">5</td>

<td valign="top">Apakah kalian bisa menyebutkan perbedaan antara karakteristik ekosistem dari bioma sabana dengan stepa?</td>

<td valign="middle" align="center">

<input name="q5" type="radio" value="1"/></td>

<td valign="middle" align="center"> <input name="q4" type="radio" value="0"/></td> </tr>

<tr>

<td align="center" valign="middle">6</td>

<td valign="top">Apakah kalian bisa menyebutkan perbedaan antara karakteristik ekosistem dari bioma taiga dengan tundra?</td>

<td valign="middle" align="center">

<input name="q6" type="radio" value="1"/></td>

<td valign="middle" align="center"> <input name="q4" type="radio" value="0"/></td> </tr>

<tr>

<td align="center" valign="middle">7</td>

<td valign="top">Apakah kalian bisa menyebutkan perbedaan antara karakteristik ekosistem dari bioma hutan gugur dengan hutan uusim tropis?</td>

<td valign="middle" align="center">

<input name="q7" type="radio" value="1"/></td>

<td valign="middle" align="center"> <input name="q4" type="radio" value="0"/></td> </tr>

<tr>

<td align="center" valign="middle">8</td>

<td valign="top">Apakah kalian bisa menjelaskan keterkaitan antara Iklim dengan persebaran flora?</td>

<td valign="middle" align="center">

<input name="q8" type="radio" value="1"/></td>

<td valign="middle" align="center"> <input name="q4" type="radio" value="0"/></td> </tr>

<tr>

<td align="center" valign="middle">9</td>

<td valign="top">Apakah kalian bisa menjelaskan keterkaitan antara jenis Tanah dengan persebaran flora?</td>

<td valign="middle" align="center">

<input name="q9" type="radio" value="1"/></td>

<td valign="middle" align="center"> <input name="q4" type="radio" value="0"/></td> </tr>

<tr>

<td align="center" valign="middle">10</td>

<td valign="top">Apakah kalian bisa menjelaskan keterkaitan antara aktivitas makhluk hidup dengan persebaran flora?</td>

<td valign="middle" align="center">

<input name="q10" type="radio" value="1"/></td>

<td valign="middle" align="center"> <input name="q4" type="radio" value="0"/></td>

Dalam dokumen Panduan Penyusunan E Modul 2017 final (Halaman 34-62)

Dokumen terkait