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 digunakanV. 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 </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>