Senin, 12 Desember 2011

Memasang Fitur Kontak atau Hubungi Kami


Blog yang didesain sebagai media pembelajaran online oleh seorang Guru (blogger lain... hehehe) tentunya perlu dukungan fitur penghubung antara pengguna dengan yang empunya blog, misalnya bertanya, mengirim file, atau mengirim tugas, dll.

Untuk Memasang Fitur Kontak atau Hubungi Kami, kita perlu bantuan pihak ke-3, yaitu Email Me Form. Email Me Form menyediakan fitur kontak kami secara gratis, walaupun ada juga yang berbayar, tentunya pilihan kita sama, yaitu gratis. Bagaimana cara mendapatkannya?

Untuk memasang fitur Kontak Kami atau Hubungi Kami, ikuti 3 langkah utama, yaitu:
A. Mendaftar di Email Me Form
B. Kreasi Kontak Kami
C. Memasang di Blog

A. Mendaftar di Email Me Form
1. Silahkan kunjungi situs Email Me Form
2. Klik Sign Up For Free, jika Anda belum pernah mendaftar sebelumnya
3. Pada halaman Sign Up, silahkan isi data-data berikut ini:
o First Name, isi dengan nama awal Anda
o Last Name, isi dengan nama belakang Anda
o Username, isi dengan nama yang ingin digunakan sebagai nama login jika sudah terdaftar
o Password, masukkan pasangan username atau password
o Retype Password, masukkan password yang sama dengan password yang pertama
o Your Email, masukkan alamat email Anda. Alamat email ini sekaligus sebagai penerima pesan dari pengguna Kontak Kami atau Hubungi Kami
4. Jika sudah benar, silahkan klik Sign Up
5. Periksa email yang Anda masukkan untuk mengetahui hasil verifikasi dan klik link yang dikirimkan oleh Email Me Form dengan subject Your New Account Information
6. Pada halaman Email Me Form hasil konfirmasi, silahkan klik Here pada bagian teks "Please click here to go into your Control Panel"

Presentasi Berjalan Otomatis


Dalam dunia pendidikan khususnya pada proses belajar mengajar di kelas ada yang namanya proses penguatan yang bertujuan memberikan motivasi dll kepada siswa, penguatan yang dimaksud adalah suatu proses yang diberikan oleh guru kepada siswa, banyak cara yang bisa dilakukan seperti memberikan semangat dengan ungkapan atau kata-kata positif atau mendekati siswa lalu menepuk-nepuk pundak siswa.

Lalu bagaimana jadinya kalau seorang guru yang menggunakan sebuah media pembelajaran berbasis presentasi dengan aplikasi powerpoint. Apakah bisa? Memberikan penguatan sambil memberikan motivasi kepada siswanya atau pulang balik antara mendekati siswa lalu kembali lagi ke media presentasi yang mau dijalankan. Kalau hal ini terjadi alangkah beratnya seorang guru yang harus bolak-balik menjalankan presentasi kemudian mendekati siswa lagi.
Pada tutorial kali ini saya akan memberikan tips untuk mengurangi beban seorang guru atau pemateri untuk tidak susah menghadapi permasalahan-permasalahan di atas, dimana seorang guru hanya tinggal menjelaskan materi pelajaran sambil memberikan motivasi kepada siswa yang ada disekitarnya dan media presentasi tetap jalan secara otomatis.

Ikuti langkah-langkah berikut:
1. Buka file media presentasi powerpoint 2007 Anda
2. Hitunglah waktu yang Anda butuhkan untuk menjelaskan materi pada media presentasi Anda, misalnya Anda membutuhkan waktu 2 menit tiap slide. Lanjutkan dengan meng-klik Animation pada Toolbar (Gambar bag. 1)

3. Beri tanda centang pada kotak Automatically After di Advance Slide (Gambar bag. 2) lalu berikan waktu pada tiap slide (Gambar bag. 3, waktu = 2 menit)
4. Akhiri dengan mengklik Apply to All,
klik ini bertujuan untuk memberlakukan bahwa waktu slide aktif akan berpindah ke halaman slide selanjutnya adalah sekitar 2 menit dan berlaku untuk semua slide (cukup waktu menjelaskan materi dan mendekati siswa). Artinya, jika Anda mempunyai file yang memiliki slide sebanyak 5 halaman, maka dibutuhkan waktu 10 menit untuk aktif atau slide show, lalu kembali lagi ke halaman kerja powerpoint ditambah dengan waktu yang Anda berikan pada animasi teks atau gambar. Jadi total waktu semuanya lebih dari 10 menit.
Catatan:
Bila Ada animasi pada pada slide Anda, maka animasi tersebut akan berjalan otomatis bukan lagi di klik baru akan berjalan walaupun Anda memberikan perintah pada animasi tersebut On Click.
Selain tips di atas, Anda dapat juga menggunakan mouse yang berfungsi sebagai remote control.

Selamat mempraktekkan!!!

Merancang Soal PG Interaktif


Marhaban ya ramadhan, walaupun telat tapi masih lebih baik daripada sama sekali tidak terucap. Bulan puasa membuat saya kurang bersemangat untuk online banyak hal yang jadi penyebab tapi tentunya mendekatkan diri sama yang kuasa jadi salah satu yang dominan.

Setelah lama ga online, banyak juga komentar dan salah satunya dari pak IG (sengaja saya inisialkan) yang masih sempat memperhatikan tulisan-tulisan di blog on Media Physics, yang bertanya tentang bagaimana membuat soal pilihan ganda pada PowerPoint jika diklik jawaban yang salah maka muncul kalimat "Jawaban Anda Salah" dan jika klik jawaban yang benar muncul teks "Jawaban Anda Benar".

Prinsip utama jawaban atas pertanyaan di atas ada 2, yaitu :
(1) Animasi
(2) Tombol Trigger

Untuk lebih jelasnya, silahkan simak langkah-langkah berikut ini:
1. Tuliskan soal dengan fasilitas kotak teks
2. Tuliskan jawaban (A, B, C, dan D) masing-masing menggunakan kotak teks, misalkan jawaban A, B, dan C adalah jawaban yang salah dan jawaban D adalah jawaban yang benar.
3. Tuliskan teks "Jawaban salah" dengan menggunakan kotak teks (aturlah posisi di bawah pilihan jawaban A, B, C, dan D)
4. Berikan efek animasi kotak teks "Jawaban salah" dengan animasi masuk (entrance) dan pilih appear (buatlah efek animasi entrance-appear sebanyak 3, ingat bahwa soal pilihan ganda hanya ada satu jawaban yang benar)
5. Tulikan teks "Jawaban benar" dengan menggunakan kotak teks lalu berikan efek animasi entrance-appear (cukup satu saja)
Memberikan efek animasi sudah, sekarang lanjutkan dengan memberikan fungsi tombol (trigger), tentunya Anda sudah mengetahui jawaban-jawaban yang salah (A, B, dan C) dan benar adalah D. (saya misalkan saja)
6. Perhatikan pada kotak dialog efek animasi di situ terdapat 4 efek animasi entrance-appear
7. Pilihlah efek animasi teks "Jawaban salah" yang pertama lalu klik tanda panah samping lalu muncul pilihan, silahkan pilih "Timing"
8. Muncul kotak dialog, silahkan klik trigger dan klik lingkaran ke dua "Start effect on click of"
9. Silahkan cari kotak teks jawaban A. ... (A adalah jawaban yang salah) dan akhiri dengan klik Ok
10. Ulangi langkah 7-9 untuk membuat tombol trigger pada jawaban B dan C dengan efek animasi "Jawaban salah" sehingga muncul 3 pilihan tombol "Jawaban salah"
11. Tersisa 1 efek animasi entrance-appear dari teks "Jawaban benar", untuk membuatkan tombol trigger lakukan hal yang sama (langkah 7-9) dengan memilih tombol jawaban D. ... dan akhir klik Ok.
12. Selesai, silahkan uji coba dulu dengan menekan F5 dan silahkan klik jawaban-jawabannya dan perhatikan apakah teks "Jawaban salah" muncul jika diklik jawaban yang salah atau muncul teks "Jawaban benar" jika diklik jawaban yang benar.
Masalahnya, semua teguran jawaban muncul sehingga membingungkan mana jawaban yang benar atau salah, untuk menghilangkan teguran "Jawaban salah" jika sudah menemukan yang benar sehingga hanya teguran "Jawaban benar" yang tampil, sebaiknya ditambahkan efek animasi keluar (Exit-Disapper) dengan cara berikut ini:
1. Pilihlah kotak teks "Jawaban salah" lalu berikan efek animasi Exit-Disapper dan tempatkan efek animasi ini pada trigger "Jawaban benar" posisinya di atas efek animasi dari teks "Jawaban benar"
2. Tambahkan efek animasi dari kotak teks "Jawaban benar" dengan efek Exit-Disapper sebanyak 3 kali, lalu bagi-bagi efek animai ini pada tombol trigger Jawaban yang salah (A, B, dan C), posisinya di atas masing-masing efek animasi Entrance-Appear.
3. Tambahkan efek animasi Exit-Disapper dari teks "Jawaban salah" dan "Jawaban benar" dan posisinya jangan digeser
4. Ubahlah semua efek animasi star dengan With Previous
5. Selesai
Catatan:
• Efek animasi Entrance memberikan efek masuk sesuai fungsi trigger
• Efek animasi Exit keluar sesuai perintah
• Susunan efek animasi pada fungsi trigger berjalan sistematis
• Efek animasi exit (with previous) pada posisi teratas bertujuan tidak menampilkan teguran jawaban

Selasa, 06 Desember 2011

Cara Menampilkan Kode HTML dalam Postingan Blog


Menampilkan kode HTML di dalam postingan sebuah blog terkadang biasa di lakukan bagi seorang blogger untuk mengshare tutorial tips dan triknya kepada orang lain, misalkan saja seperti tutorial saya sebelumnya Cara Pasang Navigasi Breadcrumb di Blogger. di situ saya memberikan tutorial di mana mengharuskan saya memasukkan kode HTML ke dalam postingan.


Bagi yang sudah tahu, cara untuk menampilkan kode HTML ke dalam posting mungkin sudah biasa di lakukan, namun hal tersebut akan berbeda bagi blogger baru (sama seperti saya sewaktu belajar ngeblog).

Sebagai contoh, coba anda masukan kode dibawah ini untuk ditampilkan kedalam posting blog anda

<table width="400" border="1">
<tr><td>Nama</td><td>Blog</td></tr>
<tr><td>Achmad</td><td>http://www.internetberitaku.com</td></tr>
</table>


Pasti dari kode di atas akan menampilkan hasil table seperti dibawah.
Nama Blog
Achmad http://www.internetberitaku.com


Nah yang jadi pertanyaan sebagian blogger ialah bagaimana sih untuk menampilkan kode HTML nya saja dan bukan hasil dari kode tersebut?.

Caranya sih sebenarnya cukup gampang, untuk cara manualnya cukup anda merubah beberapa bagian karakter kode sebelum di letakkan di halaman posting seperti dibawah
Kode < Ganti dengan <
Kode > Ganti dengan >
Kode " Ganti dengan "

Tapi jika dilakukan dengan cara manual tentu sangat melelahkan apalagi jika kode HTML nya sangat banyak, jadi untuk mempercepat pekerjaan anda bisa melakukan Parse menggunakan tools Convert text to HTML entities and vice versa.

[Cara Menampilkan Kode HTML dalam Postingan Blog]


Untuk menggunakan tools tersebut carannya ialah cukup copy Kode HTML yang akan ditampilkan kedalam posting blog, pada contoh tutorial ini ialah kode Table diatas. Kemudian pastekan ke halaman tools Convert text to HTML entities and vice versa. Setelah itu tekan tombol Encode.

Ambil kode yang telah di Parse Tool tersebut kemudia copy kembali ke halaman Posting Blog anda dan lihat perbedaannya.

Oh ya selain bisa melakukan Parse Code HTML, Tools Tersebut juga bisa mengembalikan kode yang telah di Parse ke Kode HTML aslinnya.

Cara Menampilkan Kode HTML dalam Postingan Blog


<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>