SELAMAT DATANG DI BLOG SIGURUINOVATIF BLOG AS LEARNING MEDIA, TEMPAT BELAJAR MATEMATIKA, COMPUTER DAN SAINS

Jumat, 09 Oktober 2020

Membuat Read More Pada Blogspot

 Punya postingan artikel yang panjang tentunya akan membuat  tampilan blog menjadi sangat penjang dan tidak enak dilihat. untuk itu kita perlu memasang readmore pada blog kita. nah saya akan berbagi bagaimana cara untuk  membuat read more pada blog secara otomatis.

langkah - langkah membuat read more adalah :

  • Login ke bloger dengan akun anda
  • Pada Dashbor klik templet/TEMA, pilih tomobol sesuaikan , pilih  edit HTML

  • maka kita akan masuk ke halaman edit HTML. Disini kita bisa melakukan penyesuaian/mengedit tema dari blog kita. 

  •  Tekan control + F pada keyboard. carilah code </head> dengan mengetikkannya pada  kotak search lalu tekan Enter pada keyboard

  •  copy dan paste script berikut diatas code </head>

<script type="text/javascript">

var thumbnail_mode = "float" ;

summary_noimg = 275;

summary_img = 275;

img_thumb_height = 120;

img_thumb_width = 120;

</script>

<script type="text/javascript">

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>

' + removeHtmlTag(div.innerHTML,summ) + '</div>

';

div.innerHTML = summary;

}

//]]>

</script>


Keterangan untuk kode berwarna merah adalah :

summary_no_img = 275; Jumlah Huruf dengan gambar

summary_img = 275; Jumlah Huruf Tanpa gambar

img_thumb_height = 120; Tinggi gambar

img_thumb_width = 120; Lebar Gambar

  • selanjutnya cari kode  <data:post.body/>  dengan ctrl + F pada keyboard. ganti kode <data:post.body/> dengan  kode dibawah ini :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div class='readmore-link'><span class='arrow'>›</span> <a expr:href='data:post.url'>Read More</a></div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Teks warna merah Read More dapat  diganti dengan kata apa saja misalnya  lanjut membaca. 

 

Readmore → Membuat Read More Pada Blogspot

Kamis, 08 Oktober 2020

WORKSHOP MEDIA PEMBELAJARAN

 WORKSHOP MEDIA PEMBELAJARAN



Pandemi COVID-19 berpengeruh disegala bidang kehidupan, tertuama untuk dunia pendidikan. Adanya pendemi ini membuat kita harus berpikir keras bagaimana agar anak-anak, generasi bangsa ini dapat belajar seperti biasa di masa sulit seperti ini. Sudah beberapa bulan kita tidak bisa mengadakan pembelajaran tatap muka, tidak bisa medidik putra-putri kita, bahkan mungkin kita tidak tau baimana rupa wajah dari siswa baru kita. 

Namun pandemi bukanlah sebuah halangan, kita dapat melakukan pembelajaran jarak jauh dengan tetap dirumah saja melalui daring, ataupun upaya  lainnya. Era berbagi ILMU di Pandemi, tidak membuat kita hanya terpaku pada satu bidang saja. Era berbagi, mencari, membuat dan menerapkan ILMU dari berbagai hal dan masalah. Era tentang Daring, Presentasi, Webinar, dan beberapa metode Virtual Meeting memerlukan komponen yang beragam. Diantara komponennya adalah Media Pembelajaran Interaktif dan Web Blog Pendidikan. 

Bapak Ibu Guru Hebat sekalian, mungkin berpikir, “Apa itu Media Pembelajaran Interaktif dan Web Blog Pendidikan?”

Menjawab pertanyaan tersebut kami Sahabat Rumah Belajar Lombok Timur Nusa Tenggara Barat berkerja sama dengan HIGUMA (Himpunan  Guru Matematika )nakan mengadakan pelatihan /webminar  dengan materi membuat media pembelajaran MPI, dan Blog Pendidikan.

Kegiatan ini akan dibuka langsung oleh:

1. Mohamad Mustari, M.M., M.A., Ph.D (Kepala LPMP Nusa Tenggara Barat)

2. Dr. H. Mashun, M.Ap., M.Pd (Kepala Cabang Dinas Dikbud NTB Wilayah Lombok Timur)

3. Hasto Tyas Suryono, S.Pd (Duta Rumah Belajar Nusa Tenggara Barat)

4. H. L. Saprihadi, S.Pd., M.Pd (Ketua HIGUMA Lombok Timur)

PENASARAN ????

Bagi para guru, orang tua, juga siapapun yang penasaran dan membutuhkan informasi diatas, Silahkan Bergabung pada: 

Hari/tanggal: Selasa-Jumat, 6-9 Oktober 2020

Link Pendaftaran: Daftara Sekarang

Download Rowndown Acara Download

Download Aset Media Download Aset

Download Articulate Storyline 3 Download

Tutorial Instalasi Articulate Storyline 3 Tonton Tutorial


FASILITAS

- E-sertifikat 32 JP

- File Materi


Salam Berbagi Kebaikan bersama Sahabat Rumah Belajar

Berbagi Inovasi Pembelajaran Berbasis TIK Mewujudkan Merdeka Belajar

Merdeka Belajarnya, Rumah Belajar Portalnya, Maju Indonesia

#MerdekaBelajar #NadiemMakarim #PembaTIK2020 #pembatiklevel4 #RumahBelajar #tributetohendriwidiatmoko #guruberbagi #gurupenggerak

Readmore → WORKSHOP MEDIA PEMBELAJARAN

Modul Articulate Storyline 3


Modul dapat didownload pada link berikut : Download MOdul
Readmore → Modul Articulate Storyline 3

Kamis, 24 September 2020

Membagi Postingan Blog Menjadi Beberapa Halaman

Semangat Pagi Sobat Pencari Ilmu! Pastinya sobat sering membuat postingan di blog yang pembahasannnya sangat panjang sehingga ketika ditampilkan dibrowser menjadi sangat panjang, tentunya menjadi sangat tidak elok dilihat. Nah kali ini saya akan berbagi tutorial bagaimana caranya membagi postingan yang pajang menjadi beberapa halaman. Berikut langkah-langkahnya :
  1. Login terlebih dahulu ke dasbor blog anda



  2. Pilih "Tema" pada menu sebelah kiri

  3. Klik sesuaikan, pilih Edit HTML
  4. Tambahkan script berikut diatas kode </body> . untuk mempermudah  mencarinya gunakan CTRL + di keyboard
  5. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>

    <script style="text/javascript">
    jQuery(document).ready(function(){
    jQuery('.button_1').click(function(){
    jQuery('.content_1').show('slow');
    jQuery('.content_2').hide('slow');
    jQuery('.content_3').hide('slow');
    return false;
    });
    jQuery('.button_2').click(function(){
    jQuery('.content_1').hide('slow');
    jQuery('.content_2').show('slow');
    jQuery('.content_3').hide('slow');
    return false;
    });
    jQuery('.button_3').click(function(){
    jQuery('.content_1').hide('slow');
    jQuery('.content_2').hide('slow');
    jQuery('.content_3').show('slow');
    return false;
    });
    });
    </script>
  6. Buatlah postingan terlebih dahulu, pada halaman postingan pilih mode HTML kemudian bagilah postingan menjadi beberapa bagian dengan menambahkan DIV atau SPAN dengan menambahkan atribut CLASS. contoh script dapat dilhat pada kode berikut :
    <!--to posting page -->
    <div class="content_1">
    DISINI POSTING HALAMAN PERTAMA
    </div>

    <div class="content_2" style="display:none;">
    DISINI POSTING HALAMAN KEDUA
    </div>

    <div class="content_3" style="display:none;">
    DISINI POSTING HALAMAN KETIKA
    </div>
  7. Untuk menampilkan tombol halamanya, masukkan kode dibawah ini pada mode HTML. Paste pada tang </DIV> postingan yang terakhir.
    <!--button on alltutorials html-->
    <div style="font-size: 22px; font-weight: bold;">
    Halaman : <a class="button_1" href="#">
    <img height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT6CrhEua0GMhbjZTDC5JlW4gjWxFbvUpzgGQNNUsLbcdxqpln34sdnxAyUUBQmk5kV5En_YiRwQdXEvV23FMOAeWFbDpL1yQW9tZfcDEagjYWQAwPcjxso9QHLnZwcVqHqRGd2-iv6tPu/s1600/1.png" title="page posting 1" width="25" /></a>&nbsp;<a class="button_2" href="#"><img height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifxrM9YA3TvRuNg8QjIosUvPpcGIOu5uOnJ2U9e57jQmvaAfOGFHaqen3TRaC-ZHbP8M5BhlQbCHFePq9cSBM1zcypAjCJ1bo96f46BQYpjOYjqtecoVvn7TApvelWm4pc-yRpv-4uS-g6/s1600/2.png" title="page posting 2" width="25" /></a>&nbsp;<a class="button_3" href="#"><img height="25" src="http://4.bp.blogspot.com/-
    x7TFtw7YNK0/VLDn8H_xs3I/AAAAAAAACn0/681_f2L8gOA/s1600/3.png" title="page posting 3" width="25" /></a></div>
Readmore → Membagi Postingan Blog Menjadi Beberapa Halaman

Rabu, 23 September 2020

Pembelajaran Milenial


Setiap era ada masanya !. mungkin adalah kata yang tepat untuk menggambarkan era sekarang ini. Kemajuan teknologi berpengaruh disegala bidang, termasuk dalam dunia pendidikan, teknologi dapat  mempengaruhi gaya belajar. Ketika era kita dulu, belajar kita dapatkan dari penjelasan guru dikelas, buku paket yang dibagikan, LKS dan mungkin paling keren jika ada bimbel. Namun di era milenial sekarang ini ada banyak cara untuk belajar apalagi dengan tersedianya  gadget dan jaringan internet, banyak flatform yang menyediakan Multimedia Pembelajaran Interaktif (MPI) dengan materi yang beragam dan tinggal klik. Adapula media pembelajaran dengan menggunakan  Augmented Reality dan Virtual Reality, pembelajaran maya  yang dapat membawa siswa kedalam sistuasi seperti aslinya/nyata.

Sebagai seorang guru dari generasi yang milenial tentunya kita harus menjadi guru yang milenial pula dengan pembelajaran yang milenial mengikuti perkembangan teknologi, guru harus berinovasi mencipatakan pembelajaran yang menyenangkan sesuai eranya.

Berikut adalah beberapa  inovasi pembelajaran milenial yang pernah saya lakukan sebagai sekorang guru, semoga  tulisa ini dapat menginspirasi guru-guru hebat semua.

1.    Virtual Reality (VR)

Virtual reality merupakan sebuah teknologi yang membuat pengguna atau user dapat berinteraksi dengan lingkungan yang ada dalam dunia maya yang disimulasikan oleh komputer, sehingga pengguna merasa berada di dalam lingkungan tersebut. Di dalam bahasa Indonesia virtual reality dikenal dengan istilah realitas maya.

Dalam praktik pembelajaran saya menggunakan  VR agar pembelajaran lebih menyenangkan dan tentunya menciptakan pengalaman baru bagi siswa. Pembelajaran dengan VR ini membutuhkan  sebuah kacamata khusus, Handpone dan tentunya aplikasi VR yang dapat  didowload di Playstore sesuai dengan materi yang kita inginkan. Khusus dalam pembelajaran yang saya lakukan aplikasi yang saya gunakan adalah safari Tour Adventure VR. Aplikasi ini adalah aplikasi VR yang menggambarkan sebuah kebun binatang, pengguna seolah –olah benar benar berada disebuah kebun binatang. Aplikasi saya manfaatkan untuk pembelajaran IPA materi Penggolongan Mahluk Hidup, siswa saya minta untuk mengamati kebun binatang maya lalu mencatat dan menggolongkan hewan yang ditemui berdasarkan jenis makanannya, karnivora, herbivora dan omivora.



Pembelajaran dengan VR


2.    Augmented Reality (AR)

AR (augmented reality), adalah teknologi yang menggabungkan benda maya dua dimensi dan ataupun tiga dimensi ke dalam sebuah lingkungan nyata lalu memproyeksikan benda-benda maya tersebut secara realitas dalam waktu nyata. Realitas tertambah dapat diaplikasikan untuk semua indera, termasuk pendengaran, sentuhan, dan penciuman. Selain digunakan dalam bidang-bidang seperti kesehatan, militer, industri manufaktur maupun dunia pendidikan. Teknologi AR ini dapat menyisipkan suatu informasi tertentu ke dalam dunia maya dan menampilkannya di dunia nyata dengan bantuan perlengkapan seperti webcam, komputer, HP Android, maupun kacamata khusus.

Kelebihan dari Augmented Reality adalah tampilan visual yang menarik, karena dapat menampilkan objek 3D beserta animasinya yang seakan-akan ada pada lingkungan nyata dan disandingkan dengan informasi tentang objek 3D yang berupa suara.

Pengalaman saya ketika menggunakan  AR dalam pembelajaran, siswa sangat senang dan antusias dalam belajara, ini adalah pengelaman baru bagi mereka. Saya menggunakannya dalam mata pelajaran Tematik denga muatan pembelajaran Ilmu Pengetahuan Alam. Aplikasi AR yang saya install adalah Aurasma, dengan menggunakan aplikasi ini kita dapat menguplod file berupa gambar/atau diambil langsung dari camera handphone. File gambar ini akan menjadi marker yang kemudian dihubungkan ke file animasi, video, 3D yang akan muncul ketika marker di scane dengan kamera handphone.



Pembelajaran dengan AR


3.    Aplikasi Mobile Lerning

Merujuk dari definisi tersebut maka, m-learning adalah model pembelajaran yang memanfaatkan teknologi informasi dan komunikasi. Pada konsep pembelajaran tersebut m-learning membawa manfaat ketersediaan materi ajar yang dapat di akses setiap saat dan visualisasi materi yang menarik dan dapat diakses dari mana saja dan kapan saja. Mobile learning dapat didefinisikan sebagai suatu fasilitas atau layanan yang memberikan informasi elektronik secara umum kepada pembelajar dan content yang edukasional yang membantu pencapaian pengetahuan tanpa mempermasalahkan lokasi dan waktu. Sistem m-learning ini memanfaatkan mobilitas dari perangkat handheld/mobile, seperti handphone dan PDA, untuk memberikan suatu fungsi pembelajaran yang dapat dilakukan di mana pun dan kapan pun.

Untuk pembelajaran dengan menggunakan aplikasi mobile learning ini, saya menggunakan aplikasi buatan sendiri yang saya program untuk dapat  diinstal di gadget  milik siswa, dengan demikian siswa dapat belajar secara mendiri disekolah maupun dirumah. Untuk aplikasi mobile sendiri dapat sahabat download dihalaman lain diblog ini atau dengan mengikuti link berikut ini : Download Aplikasi Mobile

 




4.    Video Pembelajaran

Video pembelajaran adalah suatu media yang dirancang secara sistematis dengan berpedoman kepada kurikulum yang berlaku dan dalam pengembangannya mengaplikasikan prinsip-prinsip pembelajaran sehingga program tersebut memungkinkan peserta didik mencemarti materi pelajaran secara lebih mudah dan menarik.

Untuk video pembelajaran sendiri telah banyak dan dapat didapatkan dengan mudah melalui situs youtube, namun suatu kebanggan bagi seorang guru untuk dapat membuat video sendiri dan ditonton oleh siswa. Saya pribadi menggunakan video buatan sendiri, yang di custom menurut kemauan berdasarkan materi yang ingi disampaikan. Untuk video pembelajaran karya saya pribadi dapat dilihat pada link berikut :  Download Video Pembelajaran atau langung ke chanel youtbe My Youtube

5.    Rumah Belajar

Berdasarkan halaman utama rumah belajar belajar.kemdikbud.go.id : Portal pembelajaran yang menyediakan bahan belajar serta fasilitas komunikasi yang mendukung interaksi antar komunitas. Rumah Belajar hadir sebagai bentuk inovasi pembelajaran di era industri 4.0 yang dapat dimanfaatkan oleh siswa dan guru Pendidikan Anak Usia Dini (PAUD), Sekolah Dasar (SD), Sekolah Menengah Pertama (SMP), Sekolah Menengah Atas/Kejuruan (SMA/SMK) sederajat. Dengan menggunakan Rumah Belajar, kita dapat belajar di mana saja, kapan saja dengan siapa saja. Seluruh konten yang ada di Rumah Belajar dapat diakses dan dimanfaatkan secara gratis.

Rumah belajar memiliki  fitur – fitur yang sangat lengkap yang terdiri dari fitur utama dan fitur pendukung. Fitur utama rumah belajar adalah Kelas maya, Sumber belajar, Bank Soal dan Laboratorium Maya. Sedangkan untuk fitur pendukung yaitu Peta Budaya, Buku Sekolah Elektronik, Wahana Jelajah angkasa, Karya Bahasa dan Sastra, Perkembangan Profesi Berkelanjutan dan Edugame.

Portal rumah belajar ini kren banget lho sahabat, cocok untuk pembelajaran era milenial apalagi di jaman panedmi Covid-19 sekarang ini.


Readmore → Pembelajaran Milenial