Social Icons

twitterfacebookgoogle pluslinkedinrss feedemail

Selasa, 01 Desember 2015

Kamis, 22 Oktober 2015

APRESIASI GURU BERPRESTASI 2015

APRESIASI GURU BERPRESTASI 2015
 
 
 
Bapak/Ibu GPAI yth.
 
 
Mari tunjukkan prestasimu sebagai Guru PAI yang Amanah, Profesional, Kompeten, dan Berprestasi...!!
 
Kantor Wilayah Kementerian Agama Prov. Jatim akan mengadakan Apresiasi Guru PAI Berprestasi Tahun 2015. Adapun Pedoman dan Petunjuk Teknis Pelaksanaannya, silahkan diunduh di sini.
 
Demikian, terima kasih.
 
 
 
 
 
 
 

Kamis, 15 Oktober 2015

UNDANGAN DAN PROPOSAL UPDATE SEMARAK MUHARRAM 1437 H

Assalamu'alaikum Wr. Wb
Perkenankanlah kami sampaikan surat undangan semarak Muharram 1437 H beserta proposalnya, silahkan para GPAI mulai TK, SD, SMP, SMA dan SMK yang berkeinginan untuk ngeprint sendiri silahkan.

Undangan Untuk KKG PAI Kecamatan <<<< Klik Disini >>>>
Undangan Untuk KS TK, SD, SMP, SMA dan SMK <<<<<<Klik Disini>>>>>
Proposal semarak Muharram 1437 H <<<<Klik Disini>>>>

Terima kasih

Selasa, 13 Oktober 2015

SEMARAK MUHARRAM 1437 H PELAJAR SURABAYA

Kami perlu umumkan bahwa semarak Muharram 1437 H Pelajar Kota Surabaya akan dilaksanakan pada hari Minggu, 18 Oktober 2015 dengan tehnis dan rute tetap.
Pemberangkatan jam 06.30 WIB dari Balai Pemuda dan finish di Taman Surya dilanjutkan dengan kegiatan ikrar bersama menyambut tahun baru Islam 1437 H.
Demikian pengumuman kami, mari kita rayakan tahun baru Islam sebagaimana kita rayakan tahun baru Masehi pada tiap tanggal 1 Januari. semangat GPAI

Kamis, 27 Agustus 2015

Pembinaan Guru PAI kec. Semampir

Surabaya - KKGPAI Kecamatan Semampir mengadakan Pembinaan Guru PAI kec. Semampir Yang diikuti perwakilan GPAI dari SDN dan SDS , turut memberikan motivasi dan informasi kedinasan ustadzAchmad Zainal Abidin dari KKG PAI Kota Surabaya diantaranya 1 muharram 1437 H akan diadakan Gebyar Muharram yang akan diadakan di Balai Kota Surabaya mulai TK hingga SMA-K ,dan KKG PAI Kota Surabaya sudah mencetak perangkat pembelajaran siap edar, informasi Visiting GPAI dan semua informasi dinas bisa diakses ke Website : paikota.surabaya@kemenag.go.id

Pembinaan dilanjutkan oleh PPAI , H. Husnul Umami ,M.Pd.I yang menyampaikan bahwa GPAI harus punya buku supervisi, dimohon program KKG PAI Kota Surabaya yang bisa sinkron dengan KKG PAI Kecamatan , resmi dengan juklaknya 
Berikan lah kesempatan pada regenerasi agar KKG PAI Kecamatan Semampir g ketinggalan dwngan kecamatan lain ( Bunda Tri )






Rabu, 12 Agustus 2015

Pemutakhiran Data Emis GPAI Semester Ganjil 2015/2016 Dan sinkronisasi Penerbitan NRG

Assalamu 'alaikum wr. wb
Bapak / Ibu Guru PAI yang terhormat, sesuai dengan surat edaran dari Kepala Kementrian Kantor Kota Surabaya, mohon ditindaklanjuti hal-hal berikut ini : 
1. Pemutakhiran Data Emis GPAI Semester Ganjil Tahun pelajaran 2015/2016.

 Surat edaran Kepala Kemenag Kota Surabaya  Download disini
Form isian GPAI  Download disini
Form isian Pengawas  Download disini

2. Sinkronisasi penerbitan NRG yang harus segera dilaksanakan paling akhir 25 Agustus 2015.

Berikut file surat edaran Kemenag tentang sinkronisasi NRG. Silahkan download disini.

Jumat, 07 Agustus 2015

FORMAT RPP KOSONGAN (Permendikbud No.103 Tahun 2014)

FORMAT RPP KOSONGAN

السلام عليكم ورحمة الله وبركاته

Para Tim RPP yang profesional dan handal, monggo diunduh format RPP kosongan di sini. dan mohon  segera dikumpulkan paling lambat tanggal 13 Agustus 2015 di zainalgpaisby@yahoo.co.id atau zainalgpaisby@gmail.com 

SELAMAT BEKERJA SOBAT.....!!

الله يرحمكم، آمين

والسلام


Sabtu, 11 Juli 2015

Materi Bimtek Kurtilas Jatim 2015 dan Buku PAI Terbaru

Assalamu 'alaikum sobat GPAI ..
Alhamdulillah, segala puji dan syukur ke hadirat Allah swt, atas rahmat-Nya Kemenag Jawa Timur sukses mengadakan Bimtek Kurikulum 2013 yang dilaksanakan di hotel Utami pada tanggal 06-09 Juli 2015.
Bagi rekan-rekan GPAI yang tidak di ikut sertakan dalam kegiatan tersebut, berikut kami sampaikan file-file materi Bimtek Kurtilas Jatim 2015 besereta Buku PAI Terbaru (Kelas III dan VI).
Kami berharap, file-file tersebut bisa dipelajari dan disebarkan kepada seluruh rekan-rekan GPAI terutama di Surabaya.
Semoga bermanfaat !

Download files :
1. Islam Rahmatan Lil 'Alamiin  Klik disini untuk download file
2. 15 Model Pembelajaran PAI   Klik disini untuk download file
3. Pemetaan KD PAI   Klik disini untuk download file
4. KD PAI SD Terbaru edisi Revisi  Klik disini untuk download file
5. Buku Guru Kelas III PAI  Klik disini untuk download file
6. Buku Siswa Kelas III PAI  Klik disini untuk download file
7. Buku Guru Kelas VI PAI  Klik disini untuk download file
8. Buku Siswa Kelas VI PAI  Klik disini untuk download file

Kamis, 26 Maret 2015

WORKSHOP MEDIA PAI ICT

WORKSHOP MEDIA PAI BERBASIS ICT BEKERJA SAMA DENGAN PIKTI ITS

السلام عليكم ورحمة الله وبركاته
Kepada Yth. 
Bpk/Ibu Calon Peserta Workshop ICT
di Surabaya

Dengan hormat, 
Diberitahukan kepada para calon peserta workshop media ICT bekerja sama dengan PIKTI ITS Surabaya, bahwa kegiatan tersebut insya Allah akan dilaksanakan pada:
Hari, tanggal           : Gel. I: Sabtu, 11 April 2015
                                Gel. II: Sabtu, 18 April 2015
Tempat                   : Gedung PIKTI Teknik Informatika ITS Surabaya
Waktu                    : Gel. I: 07.00 – 16.00 WIB (dimulai dengan Acara Pembukaan)
                                     Gel. II: 07.30 – 16.00 WIB 
maka, kami (panitia) mengharap partisipasi dan kerja sama Bapak/Ibu dalam acara tersebut. Kami juga sudah upload Proposal beserta Surat Permohonan Izin kepada Kepala Sekolah untuk dibuatkan Surat Tugas. Adapun Proposal dapat didownload di sini dan Surat Permohonan Izin Kepala Sekolah di sini. Daftar Peserta workshop dapat didownload juga di sini sebagai lampiran Surat.

Demikian, atas perhatian dan kesediaan Bapak/Ibu kami sampaikan banyak terima kasih.

والسلام عليكم ورحمة الله وبركاته

 


Senin, 23 Maret 2015

UNDANGAN RAPAT (Selasa, 24 Maret 2015)

UNDANGAN RAPAT

Kepada Yth.
Bapak/Ibu Pengurus KKG PAI Kota Surabaya
di Surabaya

Assalamu'alaykum Wr.Wb.

Dimohon kehadirannya pada:
Hari/tanggal    : Selasa/24 Maret 2015
Waktu              : 13.30 WIB - selesai
Tempat            : Musholla SMP Lab. UNESA Surabaya
Agenda Rapat : Rapat Koordinasi Kegiatan Do'a Bersama (Istighotsah) dan Workshop ICT.
Undangan       : Dapat didownload di sini
Demikian, atas perhatian dan kehadiran Bpk/Ibu kami haturkan banyak terima kasih.

Wassalamu'alaykum Wr.Wb.


Selasa, 10 Maret 2015

PAKET 2. TRY OUT UASBN PAI 2015

Assalamu'alaikum wr. wb
selamat siang GPAI se Kota Surabaya, salam bravo dan salam semangat. hari ini saya upload lagi paket 2 try out UASBN PAI 2015.
Meski sudah di edit, tidak menutup kemungkinan ada beberapa kesalahan, mohon di sempurnakan sendiri ya.... kami pengurus memohon paket 2 ini di share ke GPAI wilayah masing-masing untuk dipakai latihan anak-anak kita, sehingga hasil USEK PAI anak kita maksimal.
Demikian dan terima kasih
Salam sukses
KKG PAI KOTA SURABAYA
Sekretaris

Paket 2 bisa di download di bawah ini
https://app.box.com/s/8kyfhcc52f8fwxlynbb45q6djol3g7su


Senin, 09 Maret 2015

PAKET 1, TRYOUT UASBN PAI 2015


ASSALAMU'ALAIKUM Wr. Wb.

Berikut paket 1 dari 4 paket try out UASBN PAI yang dibuat oleh KKG PAI kota Surabaya yang dibuat berdasarkan kisi-kisi UASBN PAI dari Direktorat PAIS 2015.
Kami pengurus KKG berharap dengan hadirnya paket try out versi Ms. Word, bisa digandakan oleh pengurus KKG Kec Se Surabaya. dan selanjutnya dibagikan ke sekolah-sekolah di wilayah masing-masing. selamat bekerja dan beribadah, semoga menjadi ladang pahala bagi kita,amin

Wassalamu'alaikum Wr. Wb
Salam sukses GPAI Surabaya
 

PAKET 1 UASBN PAI 2015
https://app.box.com/s/7bg218tjiml33i3yn55sv8xd7zopvqqh
 

Jumat, 13 Februari 2015

Surat larangan merayakan hari Valentin dari Ka Dispendik Surabaya

Surat larangan merayakan hari Valentin dari kepala Dispendik Surabaya : "semua siswa surabaya dilarang merayakan hari valentin baik disekolah maupun diluar sekolah"

Sumber surat Ka Dispendik : http://dispendik.surabaya.go.id/index.php/pengumuman/2838-undangan-pemetaan-kompetensi-gpai

Kamis, 12 Februari 2015

PEMBERKASAN dan UNDANGAN PEMETAAN GPAI SURABAYA_Update

Berikut kami sampaikan undangan Pemberkasan TPP TW 1 Tahun 2015 sekaligus Undangan Pemetaan GPAI Surabaya.


Berdasarkan informasi dari Kasi PAIS Kemenag Kota Surabaya, Pemetaan GPAI wajib diikuti oleh semua GPAI yang masih aktif di lingkungan Pendidikan Kota Surabaya, Baik PNS, Non PNS, GTT, GTY, Sudah tersertifikasi maupun belum
Untuk syarat yang tertera pada surat Ka Kemenag diatas, wajib dipenuhi oleh GPAI yang pemberkasan, bagi yang tidak hanya wajib membawa surat tugas dari KS.
Berikut kami sertakan surat dari Kepala Dispendik Surabaya sebagai penegasan dan tindak lanjut dari surat Ka Kemenag Kota Surabaya.



Ket : Untuk download undangan, silahkan klik kanan, simpan gambar sebagai ... / save picture as ...

KISI-KISI USBN PAI 2014/2015

Dengan ini kami sampaikan kisi-kisi USBN PAI 2014/2015, (sumber dari pendis.kemenag.go.id) silahkan di download:

1. Kisi-Kisi Ujian Tulis PAI SD
2. Panduan Ujian Praktik PAI SD
3. Kisi-Kisi Ujian Praktik PAI SD
4. Daftar Nilai Ujian Praktik PAI SD

Rabu, 11 Februari 2015

Download template MPI (Multimedia Pembelajaran Interaktif) Power Point dan Flash

Assalamu 'alaikum Wr.Wb
Sobat guru PAI yang tercinta ... Sebagai guru profesional, sudah saatnya kita meningkatkan kemampuan mengajar dengan menggunakan MPI (Multimedia Pembelajaran Interaktif). MPI ini bisa kita buat dengan menggunakan beberapa software diantaranya : Microsoft power point, Adobe Flash, Adobe Director, Auto Play Media Studio, Aurora Presentation 3D, dsb. Diantara software-sofware yang saya sebutkan diatas, mungkin Microsoft power point adalah software yang paling kita kenal bahkan paling sering kita gunakan. 
Walaupun demikian, masih banyak diantara kita yang belum mampu memaksimalkan software tersebut, baik dengan alasan kurangnya pengetahuan maupun kurangnya waktu karena terlalu banyak kesibukan. Oleh sebab itu, dibawah ini saya sediakan template power point yang akan membantu kita membuat MPI dengan cepat tanpa harus melakukan desain yang rumit dan memakan waktu yang sangat banyak. Tinggal lakukan copy paste, buka template, tulis materi, action ...
Berikut link downloadnya :
  1. Template mampuono-bluegreen1 [DOWNLOAD]
  2. Template mampuono-blackorange1 [DOWNLOAD]
  3. Template mampuono-blueorange1 [DOWNLOAD]
  4. Template mampuono-green2 [DOWNLOAD]
  5. Template mampuono-violet2 [DOWNLOAD]
  6. Template Flash IGI Green [DOWNLOAD]
  7. Template mampuono maroon-1 [DOWNLOAD]      
  8. Template Hijau
  9. Template Violet 
  10. Template Blu Orange1 

Sumber Link Download : Sampleblogedukasi 


Bagi rekan - rekan yang ingin mencoba template MPI yang berbasis Flash, berikut link downloadnya :

BUTTON AND MENU ANIMATED

Menu Animasi tombol dan menu sangat diperlukan untuk menambah daya tarik multimedia. Berikut ini contoh-contoh tombol menu yang beranimasi, saya bongkar dari preview-preview swf di situs-situs kelas wahid. Anda bisa mempelajari sendiri teknik pembuatannya.
Download Button Animated 1. zip
Download Button Animated 2. zip
Download Button Animated 3. zip

 

 

LOADING ANIMATIONS

Ini bukan animasi loading yang biasa di buat tutorial. Animasi ini lebih high-end dan jauh lebih keren. Mudah digunakan dan yang pasti terlihat simple namun elegan. Cocok untuk animasi preloader atau sekedar intro saja. Segera download source-nya.
Download Loading Animation.fla

 

FLASH TEMPLATES : MULTIMEDIA PEMBELAJARAN INTERAKTIF PACK 1

Berikut ini saya berikan beberapa template multimedia pembelajaran interaktif yang mungkin bisa dijadikan referensi untuk mendesain multimedia. Silakan dibongkar dan Anda pelajari sendiri tekniknya. Kemudian kembangkan desain tersebut sesuai dengan keinginan dan gaya (style) Anda sendiri. Semoga bermanfaat.

FLASH TEMPLATES : MULTIMEDIA PEMBELAJARAN INTERAKTIF PACK 2

Masih tentang template multimedia, kali ini edisi ke 2 saya lengkapi dengan transisi antar content yang menarik. Perpindahan dari satu menu ke menu yang lain diselingi animasi transisi yang beraneka ragam. Namun begitu Anda dijamin tidak akan kesulitan untuk meng-edit content.

Sekedar berbagi pada sesama, semoga bermanfaat.

Sumber Link Download : Blog Yassirrozagi

Membuat Aplikasi Soal Latihan di lengkapi dengan Database/Bank Soal Menggunakan Adobe Flash CS6

belajarmultimedia.com – Aplikasi ini sangat berguna untuk para guru/calon guru, mahasiswa atau siapapun yang ingin membuat soal latihan dalam bentuk digital dilengkapi dengan file XML sebagai database/bank soal, jadi tidak perlu kuatir apabila ingin mengganti atau menambahkan soal. Hanya cukup dengan mengedit file XML dengan notepad, notepad++, microsoft word atau software pengolah teks apapun yang anda miliki tanpa perlu mengubah source aplikasi utamanya. Oke langsung saja ikutilah tutorial dibawah ini, dimulai dengan membuat aplikasi utama untuk menampilkan soal-soal latihan.

  1. Jalankan Adobe Flash CS6, di New Document pilih Actionscript 2.0. Untuk Width nya kita isi 800 px dan Height nya 600 px.
  2. Setelah kita klik oke secara otomatis Flash menampilkan sebuah stage baru dengan ukuran yang sudah kita tentukan sebelumnya. Kita bisa mengecilkan tampilan stage agar sesuai dengan layar monitor kita dengan mengatur tampilan pada stage viewer yang terletak di atas kanan pada stage. Rubah menjadi Fit in Window untuk menampilkan stage secara keseluruhan.
  3. Kita bisa menambahkan background dari luar atau hanya menggati warna yang ada di Background color. Disini saya asumsikan kita akan menambahkan background dari luar. Caranya, klik File > Import > Import to Library.
  4. Carilah file image di komputer anda, usahakan ukurannya sama dengan ukuran stage yang sudah kita atur sebelumnya yaitu 800 x 600 pixel. Kalaupun ternyata ukuran gambar tidak sesuai dengan stage yang kita buat, kita bisa mengaturnya nanti pada Align Tools. Atau gunakan saja gambar background.jpg yang sudah saya sediakan pada Folder materi.
  5. Bukalah library yang ada di sidebar kemudian klik dan drag kedalam stage, kemudian atur posisinya tepat berada di tengah-tengah stage agar terlihat rapi. Anda bisa menggunakan Align untuk mengatur posisi background agar tepat berada ditengah.
  6. Ganti nama layer 1 dengan Background. Kemudian tambahkan layer baru kedalam stage dengan cara Klik Insert > Timeline > Layer. Kemudian gantilah nama layer tersebut menjadi title atau apapun terserah anda.
  7. Kuncilah layer Background untuk menjaganya dari perubahan posisi lalu pilih layer Title. Kemudian gunakan Text Tool untuk menuliskan teks didalam stage. Disini saya menuliskan “Pilihlah jawaban dari pertanyaan di bawah ini dengan benar.”
  8. Tambahkan lagi layer baru di atas layer Title, kemudian beri nama Soal. Dan jangan lupa pada layer Title di gembok agar tidak terganggu pada saat pengeditan aplikasi ini.
  9. Masih di layer Soal, kembali ke stage kita akan membuat Dynamic Text yang akan menjadi tempat menampilkan soal-soal yang akan ditampilkan secara otomatis dari XML yang kita buat nantinya. Caranya, klik Text Tool yang ada pada Tools Panel, pada tampilan properties instance name nya saya tulis “soal_txt” (huruf kecil semua dan tanpa tanda petik) lalu ubahlah Text Type dari Static Text menjadi Dynamic Text. Untuk font saya menggunakan Arial, stylenya Reguler, sizenya 15pt, color hitam, anti aliasnya pilihan saya adalah use device font, format text adalah rata kiri dan BehaviornyaMultiline. Lebih jelasnya lihat gambar dibawah.
  10. Kemudian buat sebuah text area didalam stage menggunakan text tool yang sudah kita setting tadi. Aturlah ukuran luas areanya dengan menarik sisi kiri-kanan dan atas-bawah nya, tapi jangan sampai melebihi dari stage.
  11. Setelah teks area untuk soal-soal selesai, buat lagi sebuah teks area untuk menampilkan nomor soal. Caranya sama seperti membuat area teks soal, hanya disini behavior di ganti menjadi Single line dan Instance Name nya isilah menjadi “nomorsoal_txt” (huruf kecil semua dan tanpa tanda petik) kemudian aturlah posisi untuk nomor soal nantinya tepat di sisi kiri dari teks area soal.
  12. Kemudian buatlah sebuah layer baru lagi kemudian beri nama Pilihan Jawaban.
  13. Di sini buatlah empat buah area teks yang masing-masing nantinya itu akan menjadi tempat untuk pilihan jawaban A, jawaban B, jawaban C dan jawaban D. Caranya sama seperti membuat teks area untuk soal-soal seperti sebelumnya yang membedakannya hanya Instance Name nya saja.
  14. Kemudian beri masing masing teks area pilihan jawaban tersebut dengan Instance Name yang berbeda-beda. Disini saya menggunakan nama “pilihanjwb_a_txt” untukInstance Name area teks pilihan jawaban A, “pilihanjwb_b_txt” untuk Instance Name area teks pilihan jawaban B, “pilihanjwb_c_txt” untuk Instance Name area teks pilihan jawaban C dan “pilihanjwb_d_txt” untuk Instance Name area teks pilihan jawaban D.
  15. Selanjutnya buat empat buah tombol yang masing –masing nantinya di gunakan untuk masing-masing pilihan jawaban A, jawaban B, jawaban C dan jawaban D. Caranya gunakan Rectangle Tool yang ada di tools panel. Buatlah sebuah kotal kecil yang nanti akan di konvert menjadi tombol.
  16. Aturlah bentuk kotak dan warna nya sesuai keinginan anda, disini saya membuat kotak yang tidak terlalu lancip dengan mengatur rectangle options nya yang berada di properties menjadi 10px dan memilih warna gradasi pada color panel.
  17. Kemudian saya menambahkan teks diatasnya untuk menandakan pilihan tombol jawaban. Saya menggunakan Static Text dan Font Arial dengan pilihan Bold/tebal. Dan sizenya 20pt.
  18. Kemudian kotak yang dibuat tadi letakkan disisi kiri dari teks area pilihan jawaban A.
  19. Dan Copy Paste kan untuk menduplikat kotak yang dibuat tadi dan letakkan di bawah tepat disamping kiri pada pilihan jawaban B. Kemudian ganti teksnya menjadi B.
  20. Kemudian lakukan hal yang sama dengan meng-copy paste-kan kotak yang ada untuk ditempatkan pada pilihan jawaban C dan pilihan jawaban D.
  21. Sekarang mari kita konvert kotak-kotak yang sudah kita buat tadi menjadi tombol-tombol untuk pilihan masing-masing jawaban. Kita mulai dari tombol pilihan jawaban A, caranya seleksi kotak A dengan mouse (pastikan kotak dan teks nya terseleksi).
  22. Kemudian tekan F8 pada keyboard untuk merubah kotak tersebut menjadi tombol. Pada tampilan jendela yang keluar pilihan pada Type adalah Button. Lihat pada gambar dibawah. Kemudian klik OK.
  23. Sampai sini kita sudah memiliki sebuah tombol. Agar lebih menarik, tombol yang kita buat tadi bisa kita edit lagi dengan cara klik dua kali pada tombol tersebut dan secara otomatis kita masuk kebagian pengeditan tombol. Hal itu ditandai oleh perubahan pada Timeline. Disana ada empat buah frame yang masing-masing berisi Up, Over, Down dan Hit. Up adalah tampilan tombol bila tidak tersentuh oleh mouse, Over adalah tampilan tombol ketika tersentuh oleh mouse, Down adalah tampilan tombol ketika di klik dan Hit adalah luas area dari tombol.
  24. Sekarang klik kanan pada frame Over dan pilih Insert Keyframe untuk menduplikat tombol yang ada di frame Up ke frame Over.
  25. Maka tampilan pada timeline berubah. ada tambahan pada frame Over yang sudah berisi Keyframe.
  26. Kemudian pada teks yang ada pada kotak kita rubah warna font-nya. Disini warna asal fontnya adalah hitam, kemudian saya ganti dengan memilih warna merah gelap.
  27. Pengeditan tombol A saya akhiri sampai disini, apabila anda ingin melanjutkan ke frame selanjutnya boleh saja, caranya sama seperti sebelumnya klik kanan pada frame-nya kemudian pilih insert Keyframe untuk mengisi frame yang kosong.
  28. Sekarang klik Scene 1 untuk kembali ke timeline utama.
  29. Sekarang kita lanjutkan membuat tombol yang kedua dan seterusnya, caranya sama seperti tombol A, kita seleksi seluruh tombol B termasuk teks yang ada di atasnya. Kemudian tekan F8 pada keyboard dan pilih Button pada Type.
  30. Sampai disini kotak B sudah menjadi tombol. Agar lebih menarik dan sama seperti tombol A kita edit tombol tersebut dengan meng-klik dua kali pada tombol B. Dan lakukan hal yang sama seperti yang kita lakukan pada tombol A yaitu kita tambahkanKeyframe pada frame Over dan font color nya kita rubah menjadi merah gelap.
  31. Lakukan hal yang sama pada kotak C dan kotak D. Rubah kotak nya menjadi tombol dengan men-seleksi kotak tersebut dan tekan F8 pada keyboard untuk meng-konvert-nya menjadi tombol. Kemudian tambahkan keyframe untuk frame Over dan rubah warna fontnya menjadi merah gelap.
  32. Bila semua tombol sudah kita edit, pastikan sekarang kita berada pada timeline utama. Bila belum klik Scene 1 untuk kembali ke timeline utama.
  33. Disini sekarang kita harus menambahkan Instance Name untuk setiap tombol yang sudah kita buat. Mulai dari tombol A, klik sekali saja sampai ada kotak biru yang mengelilingi tombol tersebut.
  34. Beralih ke Properties pada Instance Name beri nama “tombol_a_btn” (huruf kecil semua dan tanpa tanda petik).
  35. Beralih ke stage, kemudian pilih tombol B klik sekali saja sama seperti halnya dengan tombol A sebelumnya. Lalu pada properties, isi Instance Name nya dengan “tombol_b_btn” (huruf kecil semua dan tanpa tanda petik).
  36. Lanjutkan ke tombol C dan tombol D, isi Instance Name nya masing-masing dengan Instance Name “tombol_c_btn” untuk tombol C dan Instance Name “tombol_d_btn” untuk tombol D. Ingat, Instance Name nya dengan huruf kecil semua dan tanpa tanda petik.
  37. Langkah selanjutnya adalah buat Layer baru. Kemudian beri nama Nilai.
  38. Kemudian gunakan Text Tool, pada propertiesnya apabila masih Static Text maka ubah menjadi Dynamic Text. Disini saya menggunakan Font Arial dengan Style Bold dan size 15pt, warna hitam dan Anti-alias nya Use Device Font, kemudian Behaviornya Single Line. Bisa diperhatikan pada gambar di bawah.
  39. Kemudian buatlah sebuah teks area di bagian bawah pada stage, ini akan kita jadikan tempat untuk nilai dari jawaban yang benar di jawab.
  40. Selanjutnya beri Instance Name untuk Teks Area tadi dengan Instance Name “nilai_txt” (tanpa tanda petik dan huruf kecil semua).
  41. Selanjutnya gunakan kembali Teks Tool namun pilihannya bukan lagi Dynamic Text melainkan Static Text. Dan tuliskan “Nilai Kamu :” di samping kiri dari teks area tadi.
  42. Sampai sini selesai lah desain layout Aplikasi Soal Latihan Dengan Bank Soal Menggunakan Adobe Flash CS6 yang kita buat silahkan di save dulu pekerjaan nya. Selanjutnya kita akan masuk ke tahap penulisan ActionScript 2.0 agar aplikasi ini berjalan dengan semestinya.
  43. Kita kunci dulu semua Layer yang ada. Dengan mengklik tanda Gembok/Lock yang ada di atas dari layer.
  44. Kemudian buat sebuah Layer baru lagi, dan beri nama Actions.
  45. Kemudian tekan F9 pada Keyboard untuk membuka jendela Actions yang mana disitu akan kita gunakan untuk menempatkan ActionScript didalamnya.
  46. Kemudian Copy dan Pastekan Script berikut ini kedalam panel Actions.
    stop();
    //---buat function array acakaduk
    Array.prototype.acakaduk = function() {
    for (i=0; i<this.length; i++) {
    var tmp = this[i];
    var acakaduk = random(this.length);
    this[i] = this[acakaduk];
    this[acakaduk] = tmp;
    }
    };
    var array_soal = [];
    var array_tanya = [];
    var array_pilihan_a = [];
    var array_pilihan_b = [];
    var array_pilihan_c = [];
    var array_pilihan_d = [];
    var array_jwb = [];
    var jawabku;
    var nobaru;
    var totalsoal;
    var limit_soal;
    clearInterval(_root.brs);
    //----tombol jawab pilihan dan cek jawaban
    _root.tombol_a_btn.onRelease = function() {
    _root.jawabku = "a";
    cek_jwb();
    _root.nobaru++;
    tampil_soal(_root.nobaru);
    };
    _root.tombol_b_btn.onRelease = function() {
    _root.jawabku = "b";
    cek_jwb();
    _root.nobaru++;
    tampil_soal(_root.nobaru);
    };
    _root.tombol_c_btn.onRelease = function() {
    _root.jawabku = "c";
    cek_jwb();
    _root.nobaru++;
    tampil_soal(_root.nobaru);
    };
    _root.tombol_d_btn.onRelease = function() {
    _root.jawabku = "d";
    cek_jwb();
    _root.nobaru++;
    tampil_soal(_root.nobaru);
    };
    //----nilai awal(mengambil data dari XML)
    mysoal = new XML();
    mysoal.ignoreWhite = true;
    mysoal.load("Bank Soal - belajarmultimediacom.xml");
    mysoal.onLoad = function() {
    _root.limit_soal = mysoal.firstChild.attributes.jml;
    _root.totalsoal = mysoal.firstChild.childNodes.length;
    _root.nomorsoal_txt.text = "0";
    _root.benar = 0;
    _root.nilai_txt.text = "0";
    for (i=0; i<_root.totalsoal; i++) {
    _root.array_soal[i] = i;
    }
    _root.array_soal.acakaduk();
    for (j=0; j<_root.limit_soal; j++) {
    _root.array_tanya[j] = mysoal.firstChild.childNodes[_root.array_soal[j]].childNodes[0].childNodes[0].toString();
    _root.array_pilihan_a[j] = mysoal.firstChild.childNodes[_root.array_soal[j]].childNodes[1].childNodes[0].nodeValue;
    _root.array_pilihan_b[j] = mysoal.firstChild.childNodes[_root.array_soal[j]].childNodes[2].childNodes[0].nodeValue;
    _root.array_pilihan_c[j] = mysoal.firstChild.childNodes[_root.array_soal[j]].childNodes[3].childNodes[0].nodeValue;
    _root.array_pilihan_d[j] = mysoal.firstChild.childNodes[_root.array_soal[j]].childNodes[4].childNodes[0].nodeValue;
    _root.array_jwb[j] = mysoal.firstChild.childNodes[_root.array_soal[j]].childNodes[5].childNodes[0].nodeValue;
    }
    tampil_soal(0);
    };
    //----menampilkan soal dari Array
    function tampil_soal(x):Void {
    clearInterval(_root.brs);
    _root.brs = setInterval(counter, 1000);
    if (x<array_tanya.length) {
    _root.soal_txt.text = _root.array_tanya[x];
    _root.pilihanjwb_a_txt.text = _root.array_pilihan_a[x];
    _root.pilihanjwb_b_txt.text = _root.array_pilihan_b[x];
    _root.pilihanjwb_c_txt.text = _root.array_pilihan_c[x];
    _root.pilihanjwb_d_txt.text = _root.array_pilihan_d[x];
    _root.jawaban = _root.array_jwb[x];
    _root.nobaru = x;
    _root.nomorsoal_txt.text = x+1+".";
    } else {
    hitung_nilai();
    _root.gotoAndStop(1);
    }
    }
    //----cek jawaban
    function cek_jwb():Void {
    //--membandingkan antara jawabku dengan jawaban
    if (_root.jawabku == _root.jawaban) {
    //-- bila benar maka nilai bertambah
    _root.benar += 1;
    _root.nilai_txt.text = _root.benar;
    }
    }
    //----hitung nilai akhir
    function hitung_nilai():Void {
    _root.nilaiakhir = Math.ceil((100/_root.array_tanya.length)*_root.benar);
    }
  47. Sekarang kita membuat tampilan layout terakhir untuk menampilkan jumlah jawaban yang benar. Sebelumnya kita tutup dulu panel Action-nya dengan menekan F9 kembali pada Keyboard, kemudian klik kanan Frame dua pada Layer Background dan pilih Insert Frame.
  48. Kemudian klik kanan lagi pada Frame dua namun ini dilakukan pada Layer Nilai, kemudian pilih Insert KeyFrame.
  49. Buka gembok/lock yang ada pada Layer Nilai, kemudian atur posisi dari teks nilai dan teks area nya berada di tengah-tengah dari stage. Kemudian ganti Instance Name yang ada pada teks area yang sebelumnya “nilai_txt” menjadi “nilaiakhir_txt”.
  50. Kemudian buat sebuah tombol baru. Caranya gunakan Rectangle Tool yang ada di Panel Tool (caranya sama seperti kita buat tombol sebelumnya). Namun tombol ini agak lebih panjang.
  51. Kemudian beri teks dengan nama Coba Lagi. Kemudian seleksi kotak yang kita buat tadi beserta teks yang ada didalamnya. Lalu klik F8 pada Keyboard dan pilih Button. Kemudian edit seperti tombol-tombol sebelumnya.
  52. Beri Instance Name tombol tersebut dengan “cobalagi_btn”.
  53. Kemudian klik kanan lagi pada Frame dua pada Layer Actions dan pilih Insert Blank Keyframe.
  54. Kemudian tekan F9 pada Keyboard untuk membuka panel action. Kemudian isikan script seperti yang ada di bawah ini.
    stop();
    //----kembali ke Soal Latihan
    _root.cobalagi_btn.onRelease = function() {
    gotoAndStop(1);
    };
    //----Tampil nilai akhir
    clearInterval(_root.brs);
    _root.nilaiakhir_txt.text = _root.nilaiakhir;
  55. Kemudian save hasil kerja anda, lalu kita publish caranya klik File > Publish Settings.Pada panel yang keluar kita centang Flash (.swf) dan Win Projector saja yang lain tidak perlu.
  56. Kemudian klik Publish, bila sudah selesai proses publish baru klik OK.
  57. Sampai sini aplikasi flash yang kita buat sudah selesai dan bisa dijalankan namun belum menampilkan soal-soal karena data base soal belum kita buat. Sekarang siapkan Notepad, Notepad++, Dreamweaver, Microsoft word atau aplikasi apapun yang bisa meng-edit format XML yang ada di komputer anda, kemudian ketikkan mengikuti format penulisan seperti berikut ini.
    <test jml="10">
    <soal >
    <tanya>Bagian Komputer yang berfungsi untuk Pusat proses adalah</tanya>
    <pilih_a>Motherboard</pilih_a>
    <pilih_b>Prosessor</pilih_b>
    <pilih_c>HeatSink</pilih_c>
    <pilih_d>Monitor</pilih_d>
    <jawab>b</jawab>
    </soal>
    </test>
  58. Itu hanya untuk satu soal beserta pilihan jawabannya. Untuk menambahkan soal kedua dan seterusnya anda hanya perlu meng-copy format dari <soal> sampai dengan </soal> kemudian ganti isi nya dengan pertanyaan kedua beserta pilihan jawabannya. Lihat contoh.
    <test jml="10">
    <soal >
    <tanya>Bagian Komputer yang berfungsi untuk Pusat proses adalah</tanya>
    <pilih_a>Motherboard</pilih_a>
    <pilih_b>Prosessor</pilih_b>
    <pilih_c>HeatSink</pilih_c>
    <pilih_d>Monitor</pilih_d>
    <jawab>b</jawab>
    </soal>
    <soal >
    <tanya>Dibawah ini alat yang digunakan untuk merakit PC , kecuali:</tanya>
    <pilih_a>Tang</pilih_a>
    <pilih_b>Obeng</pilih_b>
    <pilih_c>Palu</pilih_c>
    <pilih_d>Gelang Statis</pilih_d>
    <jawab>c</jawab>
    </soal>
    </test>
  59. Bila anda ingin mengganti banyaknya jumlah soal yang di tampilkan, anda hanya perlu mengedit <test jml=”isi nilai”> ganti teks isi nilai dengan angka berapapun anda inginkan. Ilustrasinya, bila anda mempunyai sebanyak 100 soal maka yang ditampilkan hanya sebanyak isi nilai yang anda tulis dan soal di random di antara 100 soal tersebut.
  60. Terimakasih sudah membaca tutorial yang saya buat. Tentunya tutorial ini akan lebih mudah dipahami dengan sambil mempraktekkan langkah demi langkah sesuai dengan urutan yang ada di tutorial ini. Semoga bermanfaat dan menambah ilmu yang anda miliki. Anda boleh menyebarkan eBook ini dengan tanpa merubah informasi maupun sumber tulisan ini berasal. Silahkan kunjungi website saya untuk belajar dan menambah ilmu multimedia anda.
Update :
  1. Teks “Nilai Kamu :” yang ada di kanan bawah lebih tepat di ganti menjadi “Kamu Benar :”
  2. Lihatlah pada gambar dibawah untuk lebih tepatnya.
  3. Download eBook dan File Materinya disini
Sumber : http://www.belajarmultimedia.com/?p=304
 
 
Blogger Templates