Sabtu, 14 Januari 2012

Video
Text

FLASH No.43: Modifikasi Kuis / Quiz Flash (php, mysql, xml, As3)

Masih ingatkah anda dengan Tutorial membuat Flash Quiz / Soal evaluasi beberapa waktu yang lalu??? Nah, beberapa hari yang lalu juga ada seorang teman yang meminta saya untuk memodifikasi sedikit Flash Quiz tersebut untuk disesuaikan dengan kebutuhannya. Kemudian saya mencoba mengutak atik dan akhirnya jadi juga. Saya rasa tidak ada salahnya bila saya sharing source codenya meskipun mungkin agak sulit dimengerti untuk yang masih awam dengan as3 (^^,)
Contoh screenshot awal:


Berikut merupakan modifikasi dari Flash Quiz kita

A. MODIFIKASI FLASH QUIZ siswa login dengan no induk
View a live demo Download the source filesUPDATED 17 Okt 2012, Flash Quiz Ver 3
Admin username = admin, password = admin
NB:: Ada bug dalam quiz ini, yaitu apa bila anda memasukkan " (tanda petik/koma atas) pada pertanyaan, maka akan error parsing XML nya / XML NOT WELL FORMED.
*Bila anda telah mendownload sebelumnya silahkan buka quiz_evaluasi.php line 131 (fungsi generate_xml())
*Ganti saja dari $soal = $row_pertanyaan['soal']; menjadi $soal = str_replace('"','\'',$row_pertanyaan['soal']);

//
Dalam konteks ini kita membuat sebuah aplikasi flash yang nantinya memungkinkan siswa login terlebih dahulu dengan no induk masing masing. Disini kita fasilitasi tombol 'bukan saya' bila siswa keliru memasukkan no induk nya. Kemudian setelah berhasil siswa dapat menjawab soal soal pertanyaan untuk dikoreksi. Dan hasil koreksi akan langsung dimasukkan ke dalam database admin.

Sedangkan dalam aplikasi ini admin dapat menambahkan siswa kedalam databasenya, men-sortir siswa berdasarkan nama, nilai, no induk sehingga nanti bisa memeringkat prestasi siwa dalam menjawab pertanyaan. Selain menambahkan siswa, adminpun dapat mengedit dan mendelete siswa. Juga dapat meng-administrasi pertanyaan pertanyaan yang telah tersedia.

Lalu bagaimana dengan code didalamnya?? adakah yang berubah?
Yup, banyak perubahan, bahkan cenderung tidak karu-karuan. Tapi lebih terstruktur (^^,)

Silahkan coba sebagai siswa, dan coba sebagai admin ^_^

Berikut screenshotnya:






UPDATE 28 OKTOBER 2012
XAMPP 1.8.0 keatas!
Terkadang tanpa disadari flash quiz tidak bisa jalan, saat preview di Adobe Flash kita mendapatkan output bahwa xml not well formed, , sehingga flash quiz kita error.

Perlu diperhatikan bahwa kunci dari flash quiz adalah pada quiz_evaluasi.php yang akan men-generate xml dari data di dalam database mysql kita.

Untuk anda pengguna Xampp 1.8.0 keatas, pasti akan mendapatkan error saat ingin membuka http://localhost/quiz_folder/quiz_evaluasi.php
dan akan mendapatkan tampilan row code dibrowser seperti ini:
\n"; $sort = isset($_GET['sort'])?$_GET['sort']:''; $query = 'SELECT * FROM `quiz_data_siswa` ORDER BY `id` ASC'; switch($sort){ case 'no_induk': $query = "SELECT * FROM `quiz_data_siswa` ORDER BY `no_induk` ASC"; break; case 'nama': $query = "S..... dan seterusnya

solusinya adalah, coba ganti <? dengan <?php , :)


Updated!! 5 Mei 2012
Mungkin ada banyak dari anda yang belum tau cara installasinya, silahkan buka link berikut:
FLASH No.47: Cara Installasi Flash Quiz
Solved


Updated!! 22 Maret 2012
Terkadang belum loading semua variable di config_xml, sudah play ke frame berikutnya, ni menyebabkan kadang tidak tampil text pertanyaan dan title quiz. Solved

Updated!! 9 Maret 2012
Sekarang Flash Quiz dengan No Induk siswa ini dilengkapi dengan 'Download Data', sehingga nanti admin dapat mendownload dan melihatnya di Microsoft Excel.


B. MODIFIKASI FLASH QUIZ animasi shaund the sheep
Ini merupakan quiz offline, anda dapat mengubah data dengan mengedit file xml nya, sehingga pada quiz animasi ini tidak kita sertakan admin panel.

Nah, quiz animasi shaund the sheep ini cocok sekali untuk anak TK, saat membuka quiz, terlebih dahulu ada animasi carousel berputar dimana setiap siswa dapat memilih penjumplahan, pengurangan, perkalian atau pembagian.
Dan setiap click selalu ada animasi dan sound dari suara domba. Juga terdapat backsound lagu(^^,)

Berikut screenshotnya:



(^^,)

Video di atas dapat anda download dengan menggunakan IDM (Internet Download Manager) atau aplikasi downloader yang lain yang telah terinstall di komputer anda.
Jangan lupa juga untuk like Mediatutorial on Facebook

Please share bila tutorial ini cukup berbobot untuk anda!

MediaTutorial mengedepankan tutorial yang berkualitas. Semua penjelasan dipaparkan sedetail mungkin.
Please, bila tutorial ini membantu anda dan cukup berkualitas bagi anda mohon untuk share pada button sharing berikut ini.

Writen by: Okie Eko Wardoyo

Comments