Cara Membuat Media Pembelajaran Online (Materi, Quiz, dan Penilaian) Melalui Google Form

Google Form adalah platform dari google yang berfungsi untuk membuat formulir atau dokumen yang mudah dan praktis. Berikut cara membuat membuat media pemmbelajaran yang berisi materi, quiz, dan penilaian menggunakan google form.

1. Masuk ke Google Drive untuk membuat google form.

2. Klik tombol + Baru di sebelah pojok kiri atas. kemudian klik Lainnya dan pilih google formulir.

3. Setelah masuk ke tampilan awal google form, mulailah membuat dokumen yang diperlukan. kali ini saya akan mencontohkan untuk membuat materi, quiz, dan penilaian tentang materi "teknologi pendidikan.
4. Tulislah judulnya dan hapus kolom pertanyaan yang ada.

5. Tambahkan Judul dan Deskripsi sebagai kolom Materi.

6. Tampilan sementara judul dan materi yang telah dibuat.

7. Setelah membuat materi, kemudian beralih untuk membuat quiz. Klik Tambahkan Bagian sesuai dengan gambar.

8. Setelah muncul bagian yang kedua, tulis judulnya dengan judul quiz.

9. Kemudian jadikan formulir ini menjadi quiz. Dengan cara klik tombol setting yang ada di atas.

10. Setelah muncul tampilan setting (pengaturan) klik tombol "jadikan quiz" kemudian hilangkan centang hanya pada kolom "Pertanyaan tak Terjawab" di bagian responden dapat melihat.

11. Klik tombol simpan.

12. Kemudian kembali lagi ke bagian quiz. mulailah membuat quiz dengan mengeklik icon tambahkan pertanyaan. 

13. Pada kesempatan kali ini saya akan membuat pertanyaan dengan jawaban pilihan ganda. Tulislah pertanyaan kemudian buatlah beberapa opsi jawabannya. Jika ingin membuat soal selanjutnya klik tombol duplikat untuk mempermudah, nanti tinggal diganti soal dan jawabannya.

14. Setelah itu mulai membuat kunci jawaban untuk setiap soal. Klik tombol "kunci jawaban"

14. Berilah nilai atau poin untuk setiap soal. kali ini saya memberikan poin 5 untuk setiap soal.

15. Pilihlah jawaban yang benar.

16. Setelah itu, beri tanggapan untuk setiap jawaban yang benar dan yang salah. Klik "Tambahkan Masukkan Jawaban". Setelah itu ketika muncul tampilan tanggapan jawaban, berilah tanggapan. Kali ini saya memberikan tanggapan "Salah" pada jawaban yang salah. sedangkan tanggapan "benar" pada jawaban yang benar. Klik simpan.

17. Tampilannya seperti ini. Kemudian klik selesai. 

18. Klik wajib diisi.

19. Google form sudah siap digunakan, tinggal di kirim. Kali ini saya akan mengcopy link google ini dengan cara klik tombol kirim yang di atas sebelah kanan, pilih link, perpendek link, copy. 

20. Selesai, untuk melihat hasil dari setiap responden, klik tombol tanggapan atau respon dan lihat penilaian yang sudah otomatis.

21. Ini tampilan dari responden setelah mengerjakan quiz. Akan terlihat poin yang diperoleh.

Selamat Mencoba, jika ada kesulitan silahkan komentar di kolom komentar yang ada di bawah yaaa:)

CARA MEMBUAT MENU DROP DOWN PADA BLOGSPOT

1. Buka blogspot anda
2. Masuk menu tata letak
3. Pilih Tambahkan Widget

4. Pilih menu Html/Java Script

5. Copy kan semua coding di bawah ini pada kolom  konten.

<div id='mbtnavbar'>
      <ul id='mbtnav'>
        <li>
          <a href='#'>Home</a>
        </li>
        <li>
          <a href='#'>About</a>
       </li>
        <li>
          <a href='#'>Contact</a>
        </li>
  <li>
           <a href='#'>Sitemap</a>
            <ul>
                <li><a href='#'>Sub Page #1</a></li>
                <li><a href='#'>Sub Page #2</a></li>
                <li><a href='#'>Sub Page #3</a></li>
              </ul>
        </li>
      </ul>
    </div>

Nb : - Ganti warna kuning dengan menu bar yang diinginkan

        - Ganti warna merah dengan sub menu bar yang diinginkan

        - Ganti (#) sesuai dengan alamat URL setiap menu dan sub menu.

6. Klik save

7. Kemudian pindah posisi gadget tersebut pada layout utama

(Sebelum)

(Sesudah)

8. Untuk menambah menu horizontal anda dapat mengcopy kode yang berada di dalam <li> </li>

contoh:

<li>
          <a href='#'>Nama Menu</a>
        </li> 

9. Kemudian masuk ke template/tema - edit HTML

10. Cari kode     ']]></b:skin>' untuk memudahkan, gunakan tombol perintah CTRL+F.

11. Masukan semua coding di bawah ini tepat di atas kode ']]></b:skin>'

#mbtnavbar {
    background: #060505;
    width: 960px;
    color: #FFF;
        margin: 0px;
        padding: 0;
        position: relative;
        border-top:0px solid #960100;
        height:35px;
}
#mbtnav {
    margin: 0;
    padding: 0;
}
#mbtnav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#mbtnav li {
    list-style: none;
    margin: 0;
    padding: 0;
        border-left:1px solid #333;
        border-right:1px solid #333;
        height:35px;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
    color: #FFF;
    display: block;
   font:normal 12px Helvetica, sans-serif;    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
}
#mbtnav li a:hover, #mbtnav li a:active {
    background: #BF0100;
    color: #FFF;
    display: block;
    text-decoration: none;
        margin: 0;
    padding: 9px 12px 10px 12px;
}
#mbtnav li {
    float: left;
    padding: 0;
}
#mbtnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}
#mbtnav li ul a {
    width: 140px;
}
#mbtnav li ul ul {
    margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
    left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
    left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
    position: static;
}
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
    background: #BF0100;
    width: 120px;
    color: #FFF;
    display: block;
    font:normal 12px Helvetica, sans-serif;
    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
z-index:9999;
border-bottom:1px dotted #333;
}
#mbtnav li li a:hover, #mbtnavli li a:active {
    background: #060505;
    color: #FFF;
    display: block;     margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
}

        

12. Simpan Html

13. Selesai

CARA MEMBUAT MENU BAR MUDAH DI BLOGSPOT

CARA MEMBUAT MENU BAR MUDAH DI BLOGSPOT

1. Buka Blogger.com 

2. Sebelum membuat menu bar, pastikan sudah mempunyai postingan untuk menjadi halaman dari     menu bar yang di buat. Dalam membuat postingan agar lebih mudah penataan diberi label.

3. Setelah itu, pilih tata letak, kemudian "tambahkan gadget" pada header seluruh kolom

4. kemudian akan muncul menu pop up, pilih tool "halaman"

5. Setelah muncul pop up baru, klik "tambahkan link eksternal"

6. kemudian isi kolom judul dengan nama menu bar yang diinginkan, dan di isi alamat sesuai halaman yang akan mengisi menu bar tersebut,

7. sebagai contoh , lihat blog anda, klik menu "profil" pada daftar label yang telah dibuat tadi.

gambar 1

gambar 2

8. copy link tersebut dan isikan pada kolom link pada pont ke 6.

9. setelah itu di save. Maka akan muncul tampilan seperti ini.

10. Jika ingin menambah menu bar lagi, maka lakukan langkah yang sama dengan klik edit menu halaman tersebut. kemudian klik "tambahkan link eksternal" lagi dan seterusnya.

11. Tampilan dari menu bar.

12. Selamat mencoba, jika masih ada kebingungan silahkan berkomentar.

CARA MEMBUAT GOOGLE FORM

CARA MEMBUAT GOOGLE FORM

1. Buka Drive.com
2. Login dengan alamat email yang masih aktif
3. Setelah masuk tampilan google drive, klik tombol baru sebelah kiri atas
4. Kemudian, pilih lainnya, pilih google formulir

      5. Isi kolom judul dan deskripsi sesuai kebutuhan

      6. Setelah itu, isikan setiap opsi yang ingin ditambahkan.

     7. Pilih jawaban sesuai dengan kebutuhan opsi

     8. Jika opsi ingin bersifat wajib, maka tekan tombol wajib diisi

     9. Untuk menambah opsi selanjutnya, klik ikon duplikat

    10. Setelah selesai dengan beberapa opsi, maka klik tombol kirim di pojok kanan atas

    11. Kemudian akan muncul pop up yang berisi alamat pengiriman. Anda bisa berbagi melalui       email, link, dan html. Kali ini saya akan mencontohkan berbagi lewat tautan/link.

    12. Untuk memperpendek tautan, klik perpendek URL. Setelah itu klik salin. 

     13. Bagikan salinan URL tersebut kepada teman atau kolega yang terkait.

     14. Selesai