Tutorial TTS Lanjutan - Membuat TTS Interaktif di Blog

Haii... sahabat bloger, berjumpa lagi di blog ngiringmelajah.com. Pada kesempatan kali ini admin akan membagikan tutorial lanjutan terkait tutorial TTS yang sebelumnya, yaitu Tutorial Membuat TTS Interaktif di Blog.

Kira-kira bagaimanakah caranya?

Simak penjelasannya di bawah ini.

Langkah-langkah membuat TTS interaktif di Blog

• Buatlah sebuah TTS seperti pada tutorial sebelumnya sampai pada tahap akhir seperti gambar berikut.

• Pilih Save as a wabe page kemudian klik Interactive with Javascript, akan tampil seperti berikut.

• Pilih letak penyimpanan filenya, isikan nama filenya pada File name kemudian klik save.

• Admin menyimpan filenya di dekstop untuk memudahkan mencari. Selanjutnya kita akan buka file tersebut. Klik kanan pada file tersebut kemudian pilih Open with kemudian pilih Google Chrome.

• Setelah file terbuka akan terlihat seperti gambar di atas. Selanjutnya klik kanan sembarangan pada bagian yang putih sehingga muncul seperti yang dikotak merah, kemudian klik lihat sumber halaman.

• Setelah muncul seperti gambar di atas kemudian tekan CTRL + A pada kode html tersebut, kemudian tekan CTRL + C.

• Selanjutnya kita buka blog yang telah dimiliki, klik Postingan kemudian klik Entri baru.

• Ketikkan judul postingan pada kolom entri (yang diberi nomor 1 pada gambar di atas) kemudian tuliskan kalimat pengantar untuk pengerjaan TTS pada lembar putih kosong (yang diberi nomor 2 pada gambar di atas).

• Selanjutnya klik html, sehingga muncul seperti gambar berikut.

• Pastekan kode html yang sudah dicopy tadi pada bagian yang diberi garis merah seperti gambar di atas, sehingga jadinya seperti gambar berikut.

• Untuk melihat hasilnya silakan klik pratinjau (yang diberi nomor 1 pada gambar di atas), jika sudah pas klik publikasikan (yang diberi nomor 2 pada gambar di atas).

• Langkah terakhir, silakan buka blognya terus klik postingan TTS yang telah dibuat tadi, kemudian copy link postingannya dan siap dibagikan kepada siswa.

TUTORIAL TAMBAHAN (Menghilangkan Tombol Solve)

Perhatikan gambar berikut!

Setelah TTS ini disematkan di blog dan ditugaskan siswa untuk menjawab maka ketika kotak di klik akan muncul seperti gambar di atas. Disana muncul tombol SOLVE, jika tombol itu di klik oleh siswa maka akan langsung memunculkan jawaban yang benar pada kotak TTS. Nah bagaimana menghilangkan tombol tersebut agar siswa tidak tahu jawaban yang benar? Berikut admin berikan penjelasannya.

Langkah-langkahnya sebagai berikut.

• Setelah selesai membuat TTS seperti gambar berikut, silakan klik OPTIONS.

• Selanjutnya klik WEB.

• Kemudian centang pada kotak di Do not allow cheating. Terakhir klik OK.

• Silakan dicoba lagi dibuka TTS nya maka tombol SOLVE telah hilang

TUTORIAL TAMBAHAN (Membuat TTS Interaktif Tanpa Menyematkan di Blog)

Setelah TTS tersimpan dalam bentuk HTML seperti gambar berikut.

Naah file tersebut tinggal langsung kirimkan ke siswa melalui Grup Whatsapp atau Grup Telegram. Setelah itu siswa tinggal klik dan mulai mengerjakan TTS tersebut. Selanjutnya untuk menilai pekerjaan siswa, tinggal kita suruh untuk mengirimkan screenshoot hasil pengerjaannya.

Demikianlah tutorial pembuatan TTS interaktif, semoga bermanfaat, salam ngiring melajah

Terimakasih

Bagikan Artikel ini