Pemanfaatan Games Dalam Pengembangan Inteligence Tutoring Systems (ITSs) pada Mata Pelajaran Fisika

B.    Desain Arsitektur Sistem
1.    Model Komunikasi (Interface)
Model komunikasi merupakan antar muka interaksi sistem dengan siswa. Dalam model ini semua informasi berupa bantuan, feedback, pertanyaan, dan tutorial yang diberika kepada siswa dengan menggunakan teknologi multimedia (Adang Suhendra dkk, 2004).
Dalam sistem ini, sebagai antarmuka menggunakan Windows XP menggunakan pemrograman Macromedia Flash. Bentuk komponen ditampilkan dialog interaktif dan secara grafis. Selain itu, untuk komponen interaksi disusun menggunakan kotak dialog, tombol, dan option serta animasi yang dapat diakses melalui mouse dan keyboard. Dalam unit soal terdapat kotak dialog, tombol dan option untuk memilih jawaban yang benar. Sebagai sistem penjelas, ditampilkan animasi objek yang memberikan petunjuk jawaban yang benar
2.    Modul Pakar
Modul pakar berfungsi sebagai pengatur proses pedagogig dan menghitung tingkat kognitif yang diterapkan sistem kepada siswa. Pada modul pakar, strategi penyusunan materi didasarkan pada model taksonomi tujuan instruksional (taksonomi bloom’s pada ranah kognitif), (Wasmana, 2005).
Sistem pakar merupakan komponen utama dalam ITS (Clancey, 1981 dan Clancey, 1986). Sistem pakar mempunyai upaya untuk membimbing pelajar dalam menyelesaikan sesuatu masalah serta dapat mengukur prestasi pelajar.
Parameter input yang digunakan untuk melakukan evaluasi adalah profil siswa dan hasil interaksi siswa dengan sistem. Profil siswa ini menyangkut ketertarikan siswa dalam memahami materi, yang selanjutnya oleh sistem diartikan ke dalam basis data sebagai pemahaman yang kurang, cukup dan baik serta tingkat kognitif siswa. Hasil akhir dari modul pakar ini adalah sebagai rekomendasi terhadap pemilihan materi evaluasi, penentuan tingkat pedagogig terhadap materi terkiat atau pada materi selanjutnya (sulit, normal, mudah)

3.    Modul Pedagogic
Hasil dari proses identifikasi pengetahuan yang diperoleh dari pakar  selanjutnya diterjemahkan sebagai bentuk modul pedagogig. Komponen pada modul ini terbagi dalam tiga sub modul, yaitu :
a.    Unit kurikulum yang memuat aturan perkuliahan yang berlaku. Proses aturan ini selanjutnya disebut sebagai sekuen perkuliahan. Untuk memudahkan dalam pembagian secara logis, proses sekuen ini dibagi menjadi dua proses, yaitu :
•    Sekuen konsep, memuat keterkaitan materi pada tingkat bab (suku bahasan utama)
•    Sekuen chunk, memuat keterkaitan sub bahasan terkecil pada setiap bab.
Penentuan kognitif seorang siswa ditentukan oleh sekuen konsep. Sedangkan untuk proses evaluasi dan pemindaian tingkat akurasi pengetahuan ditentukan oleh sekuen chunk.
b.    Unit materi yang memuat materi – materi perkuliahan dengan tingkat penjelasan yang berbeda. Tingkat penjelasan ini didasarkan pada tingkat  kognitif siswa dan model pedagogig yang yang telah diterapkan dalam sistem pada sesi pembelajaran sebelumnya. Secara umum terdapat tiga tingkat penjabaran materi yang diberikan sistem, yaitu : lambat, normal, cepat. Masing – masing penjelasan ini dipersiapkan untuk setiap bab bahasan. Selain itu, unit materi dilengkapi dengan bentuk – bentuk fragment pengetahuan yang mencerminkan satu sub komponen bahasan terkecil (chunk).
c.    Unit soal yang memuat beragam bentuk soal yang bertujuan menguji kemampuan siswa dalam menguasai materi perkuliahan. Setiap soal memiliki karakteristik yang sesuai dengan ranah kognitif dan tingkat pedagogig yang dimiliki siswa.
Model pedagogig yang dikembangkan menggunakan konsep overlay model. Pada model ini, unit materi berisi seluruh konsep yang harus dipelajari siswa dan diasumsikan bahwa siswa mengetahui sebagian dari konsep tersebut. Proses pembelajaran dianggap sebagai proses mengisi lubang – lubang kosong yang ada dalam pengetahuan siswa. Proses ini terus dilakukan hingga mereka telah dipandang cukup menguasai materi yang diberikan (Martin 2004).
    Dalam Sistem ITSs yang kami kembangkan ini, Unit Kurikulum memuat aturan pelaksanaan pembelajaran yang berlaku. Aturan kurikulum tersebut mengacu pada silabus dan RPP yang mengatur materi pembelajaran.
 Unit materi didasarkan pada tingkat kognitif siswa. Masing-masing materi dipersiapkan untuk setiap bab bahasan yang dilengkapi dengan bentuk-bentuk fragment yang mencerminkan satu sub komponen bahasan terkecil. Unit materi berisi seluruh konsep yang harus dipelajari siswa.
Pada sistem ini unit soal dikembangkan dengan bentuk seperti games yang tersusun dalam level-level yang dapat menguji kemampuan siswa dalam menguasai materi pembelajaran. Setiap level menunjukkan kemampuan siswa dalam menguasai subbab tersebut. Semakin tinggi level, tingkat kesulitan soal semakin tinggi.

4.    Modul Siswa
Pada modul siswa ini akan terekam data siswa, komponen data yang terekam berkaitan dengan proses adaptasi sistem terhadap kemampuan siswa (Prentzas et al. 2002). Untuk lebih memperjelas latar belakang siswa yang berkaitan dengan materi yang diberikan, maka selain informasi interaksi dengan sistem, profil siswa turut direkam di dalam sistem. (Wasmana 2005).
Disini model yang digunakan berisi konsep yang harus dipelajari siwa. Ketika siswa memperlajari materi, sistem akan merekam dan menyimpan kemajuan siswa dalam pemahamanan ke dalam basis data. Jika siswa sudah mempelajari materi hingga selesai maka siswa akan berlanjut ke dalam  evaluasi(test) yaitu soal yang berupa games yang dibangun dari modul pakar yang disesuaikan dengan materi yang dipelajari.

5.    Modul Evaluator
a.    Pemberian Nilai
Setelah tes input-output selesai dilaksanakan, akan dihitung presentasi keberhasilan tes ini. Semakin banyak item tes input-output diharapkan semakin akurat hasil penilaian terhadap pekerjaan siswa. Penilaian terhadap pekerjaan siswa diperoleh dari rasio antara tes yang benar dan jumlah tes.
Nilai = (Jawaban benar / Jumlah test) * 100
Jawaban salah nilai berkurang 1 poin dari jumlah  nilai
Nilai total = nilai - (jumlah salah*1)
Unit soal terdiri dari 5 level. Setiap level terdiri dari 10 pertanyaan. Dalam setiap level terdapat 1 lives. Sehingga jika siswa tidak dapat menyelesaikan level tersebut, siswa mempunyai kesempatan untuk mendapat bonus  level tersebut (1 lives).
Arti tingkat penguasaan yang Anda capai :
90 – 100% = baik sekali
80 - 89% = baik
70 – 79% = cukup
< 70% = kurang
Bila siswa mencapai skore 70% atau lebih maka siswa melanjutkan ke level selanjutnya. Tetapi jika siswa  mendapatkan skore kurang dari 70% maka harus akan muncul sistem penjelas dan siswa harus melakukan remedial(mengulang) level sisa yang diberikan (1 lives)
b.    Sistem Penjelas
Sistem penjelas akan memberikan petunjuk kesalahan sebagai penjelas yang memberikan umpan balik kepada siswa atas kesalahan yang dilakukan siswa dalam mengerjakan soal yang diberikan. Umpan balik yang diberikan terdiri dari dua jenis: petunjuk umum dan petunjuk khusus. Penjelasan kesalahan harus disertai dengan posisi dimana kesalahan tersebut terjadi. Jenis kesalahan yang terjadi juga harus disertakan, agar siswa dapat memahami secara teoritis kenapa kesalahan tersebut terjadi. Dalam petunjuk umum dan khusus ini menekankan penjelasan yang diberikan kesalahan yang dilakukan siswa. Petunjuk umum, jika jawaban siswa benar tetapi alasannya tidak sesuai dengan teori yang ada. Sedangkan petunjuk khusus, jika siswa tidak bisa mengerjakan (jawaban siswa salah). Bentuk dari petunjuk umum dan khusus ini ditampilkan dengan memunculkan sebuah animasi yang memberikan petunjuk.

6.    Guru
Taksonomi intelligent tutoring systems meliputi hubungan fungsional dosen/guru terhadap mahasiswa/siswa (tutor, penasihat, kritik, memberi bantuan, konsultan, agen) dan aktivitas dosen (mengajar, membimbing, memberi visualisasi, menjelaskan, memberi kritik, beradu pendapat, dan bahkan “menghambat”). Memperhatikan taksonomi tadi maka dosen yang terlibat di dalam proses pembelajaran yang berorientasi SCL perlu memiliki kearifan yang sesuai dengan proses yang sedang berjalan. Di lain pihak, penanggung jawab institusi terdepan perlu memperhatikan seluruh aspek yang terkait dan terlibat dalam proses pembelajaran agar seluruh kebijakan (policy) didasarkan atas kearifan yang menjamin terselenggaranya proses pembelajaran secara kondusif, efisien, dan efektif. (Harsono: 2004).
Dalam hal ini hubungan guru dengan siswa dalam Intelligent tutoring systems adalah sebagai penasihat, kritik dan memberi bantuan, konsultan. Dalam sistem ini, ketika siswa kesulitan mengerjakan unit soal dalam level tersebut, siswa dapat memilih option Guru yang berfungsi sebagai pemberi bantuan ketika siswa kesulitan. Selain itu guru dapat menjadi umpan balik dari modul evaluator sehingga guru dapat mengetahui kemampuan siswa.

Form Processing with PHP

Pemrosesan form atau istilah kerennya form processing merupakan dasar operasi aplikasi web. Contohnya untuk menerima masukan dari user, maka diperlukan form isian dan cara pemrosesannya. Demikian ketika admin ingin masuk ke sistem, tentu diperluka penghubung. keberadaan form dan pemrosesannya diperlukan dalam membangun aplikasi web yang interaktif.  Salah satu contoh nyata yang sering kita jumpai adalah aplikasi login. Bentuk sederhananya seperti gambar dibawah ini

untuk pertama kali langkah nya kita membuat wrapper terlebih dahulu. Pada aplikasi ini pemrosesan formnya dibuat dengan PHP sedangkan untuk memperindah tampilan web kita gunakan metode CSS. Wrapper:
#wrapper{
margin:auto;
width:750px;
height : 600px;
background: #69e0f5;
}
#box1{
margin:50px auto;
width:400px;
height : 280px;
background: #b4edf7;
border: 3px solid black;
}
#box2{
margin:auto;
width:500px;
height : 40px;
font-family: Comic Sans;
font-size: 30px;
color:black;
}
#ok{
margin:30px 175px;
}

#user{
margin: 30px 60px auto;
font-family: Comic Sans;
font-size: 16px;
color:blue;
}
#pass{
margin: 20px 60px auto;
font-family: Comic Sans;
font-size: 16px;
color:blue;
}

Passing Argument di PHP

Passing argument di PHP (PHP: Hypertext Processor)

2 contoh passing yang akan dijelaskan kali ini yaitu passing by value dan passing by reference
Passing By Value
secara default, semua nilai yang di-pass masuk atau keluar dari fungsi adalah passing by value, bukan by reference. Passing by Value ini maksudnya PHP membuat kopian dari nilai asli dan nilai kopian itulah yang kita akses dan kita manipulasi, bukan nilai aslinya.
dengan begitu bagaimanapun kita ubah nilai itu, tidak akan mengubah nilai aslinya...
Contoh kode program By Value dibawah ini:
<!DOCTYPE  html  PUBLIC  "-//W3C//DTD  XHTML  1.0  Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Pass By Value</title>
</head>
<body>
<p>Contoh fungsi pass by value</p>
<?php
function jumlah($nilai) {
$nilai++;
}
$input=10;
jumlah($input);
echo $input;
?>
</body>
</html>

Penjelasan:
Pada saat fungsi jumlah dipanggil,
jumlah($input);
fungsi tersebut akan memasukkan nilai dari variabel $input kedalam argumennya, jadi disini argumen fungsi jumlah adalah 10 (ini adalah nilai aslinya). selanjutnya PHP meng-copy nilai asli tersebut, kemudian hasil copy-nya digunakan untuk proses manipulasi fungsi, sedangkan nilai yang asli dibiarkan tidak berubah. Proses manipulasinya sbb:
$nilai++;
$nilai = $nilai + 1
$nilai = 10 + 1
$nilai = 11
Untuk output,
echo $input;
nilai variabel $input yang diambil disini adalah nilai variabel aslinya, sehingga hasil manipulasi fungsi tadi tidak dipakai, karena bukan nilai asli. Jadi outputnya adalah10
Tampilan output:

 

  

tetapi apabila menggunakan passing by reference akan bernilai 11.
Mengapa outputnya akan bernilai 11? Dibawah akan saya jelaskan mengenai Passing By Reference

Passing By Reference
berbeda dengan passing by value yang bersifat mengkopi, passing by reference memberikan nilai aslinya untuk diakses dan dimanipulasi, dengan contoh yang sama seperti diatas, kita akan modifikasi menjadi mekanisme passing by reference.
Untuk mengubah jadi passing by reference, kita hanya cukup menambahkan operator & pada argumennya.
<!DOCTYPE  html  PUBLIC  "-//W3C//DTD  XHTML  1.0  Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Pass By Reference</title>
</head>
<body>
<p>Contoh fungsi pass by reference</p>
<?php
function jumlah(&$nilai) {
$nilai++;
}
$input=10;
jumlah($input);
echo $input;
?>
Penjelasan:
Sesuai dengan penjelasan passing by reference diatas, nilai yang diakses & dimanipulasi adalah nilai aslinya, dengan begitu hasil manipulasi fungsilah yang gunakan sebagai outputnya, yaitu 11.

Membuat Form dengan JavaScript2

merupakan jenis lain dari pemrograman yang umumnya lebih mudah dipahami. Script dapat disisipkan ke dalam dokumen HTML dengan menggunakan tag<script>. DHTML(Dynamic HTML) merupakan suatu teknik untuk menciptakan halaman web yang interaktif dgn cara mengombinasikan elemen-elemen HTML, style sheet, dan scripting. Pada bagian ini mempelajari Java Script. Elemen Dasar Java Script

    * Kotak Dialog. Java Script memungkinkan kita untuk menampilkan kotak dialog melalui fungsi alert(). Kotak dialog ini dimanfaatkan untuk meyampaikan informasi atau konfirmasi.
    * Dukungan Scripting . melalui tag<noscript>, kita bisa mengidentifikasikan apakah browser mendukung scripting atau tidak. Jika tidak mendukung scripting maka yang dijalankan adalah tag<noscript>.
    * Merujuk elemen. Hal ini menggunakan berbagai pendekatan yang bisa digunakan untuk mengacu atau mengakses elemen-elemen objek.
    * Even.Event ini yang paling populer adalah OnClick. Event ini dipicu jika objek misalnya button atau teks diklik.
    * Linked Scripting.langkah ini sebaiknya digunakan ketika melakukan implementasi nyata dengan tujuan membuat kode yang bersih

 Meretreive Nilai JavaScript dapat dimanfaatkan untuk operasi pengambilan nilai.Elemen-elemen operasi validasi ini antara lain:

    * Text field.menyediakan prooperti value yang bisa digunakan untuk menetapkan atau mendapatkan nilai elemen.
    * Select(Combo Box).dimanfaatkan untuk mendapatkan nilai select atau combo box
    * Check Box .terlebih dahulu mengidentifikasikan item yang dipilih
    * Memilih item check. Agar lebih efisien digunakan pendekatan check/uncheck all

Window Didalam window aktif kita dapat menciptakan window baru melalui method window open(). Untuk komunikasi wondow, apabila diperlukan window induk (yang menciptakan subwindow) juga dapat berkomunikasi dengan window buatannya. Misalkan kali ini kita belajar membuat form pemesanan berbasis JavaScript seperti pada contoh dibawah ini

Untuk lebih jelasnya tentang sintaknya silahkan klik disini

Membuat Form dengan JavaScript

Scripting merupakan jenis lain pemrograman. Script dapat disisipkan ke dalam dokuen HTML dengan menggunakan tag

 Untuk sintaknya contoh form diatas selengkapnya klik disini 

Membuat Form dengan JavaScript

Scripting merupakan jenis lain pemrograman. Script dapat disisipkan ke dalam dokuen HTML dengan menggunakan tag

CSS(Cascading Style Sheet)

Cascading style sheet (CSS) merupakan suatu teknologi yang digunakan untuk memperindah tampilan halaman website (situs). Singkatnya dengan menggunakan Methode CSS ini anda dengan mudah mengubah secara keseluruhan warna dan tampilan yang ada di situs anda, sekaligus memformat ulang situs anda (merubah secara cepat). CSS juga memungkinkan si pembuat web untuk memodifikasi HTML untuk membentuk tampilan sebuah website.
CSS diperkenalkan untuk pengembangan website pada tahun 1996. Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian akan membentuk hubungan parent-child pada setiap style. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS. CSS adalah sebuah dokumen yang berdiri sendiri dan dapat dimasukkan dalam kode HTML atau sekedar mejadi rujukan oleh HTML dalam pendefinisian style. CSS menggunakan kode2 yang tersusun untuk menetapkan style pda elemen HTML atau dapat juga digunakan membuat style baru yang biasa disebut class.
 CSS mempunyai tiga jenis style diantaranya
1. Embedded yaitu properti style yang diletakkan didalam satu blok di dokumen html.
2. Inline yaitu properti style yang diterapkan secara langsung perbaris atau per elemen HTML.
3. Properti style yang diletakkan di file yang berekstensi css dan dikaitkan dengan dokumen HTML.
Kita dapat mengimplementasikan ketiga pendekatan style sheet tersebut dalam pembuatan  style per baris atau per tag, paragraf. CSS dapat juga memformat border dan padding menjadi variasi yang seperti dalam tabel. Fungsi lain CSS, memungkinkan kita untuk mengatur style dari suatu link dan list.
CSS disini juga sangat baik untuk memformat elemen-elemen HTML misalnya division untuk mengatur posisi area secara berurutan dari atas ke bawah secara fleksibel.
Untuk pembuatan  sebuah halaman web dengan divisi sebelumnya kita buat kerangka terlebih dahulu.Ibarat sebuah makanan kerangka dasar