PELATIHAN ICT - GURU RSBI TINGKAT KALTIM

Di Samarinda Kalimantan Timur, perwakilan guru-guru RSBI se-Kaltim mendapatkan pencerahan ICT. Peserta terdiri dari guru SMP dan SMA. Untuk guru SMP menginap di hotel Diamond dan guru SMA menginap di hotel MJ. Untuk guru SMP, pelatihan bertempat di Meeting Room hotel Diamont. Guru-guru juga mengikuti Out Bound di Taman Bunga Lempake. Sedangkan pelatihan ICT bertempat di Dinas Pendidikan Propinsi Kaltim Jl. Basuki Rahmat. Sebagian guru-guru juga berkesempatan menghadiri Pelantikan Dewan Pendidikan Prov. Kaltim oleg Gubernur Kaltim.
Inilah photo-photo saat pelantikan Dewan Pendidikan Kaltim di Gedung Lamin Etam.




















































---------------------------------------------------------------------------------------------

Dan inilah memorial saat-saat mengikuti pelatihan pembelajaran ICT di Gedung Dinas Pendidikan Prov. Kaltim

Read more »

Posted in: pelatihan guru

Glosarium PKn Kelas 7

07. PKN KLS 7 GLOSARIUM

Read more »

Posted in: bahan ajar

Cara buat Read Me

• buka edit html
• cari pada skrip html tulisan </head>. Gunakan find atau klik F3 untuk pencarian
• Copy paste skrip html berikut diatas </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 430;
summary_img = 340;
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>

• Selanjutnya masukkan di bawah  <data: post.body>, skrip html berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>&#187;&#187;&#160;&#160;BACA SELENGKAPNYA</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Hapus <data: post.body>
• Jangan lupa simpan edit html
• Contoh hasil seperti di bawah ini:

Simpan Gambar di Picasa dan buat album

Upload photo buka http://picasaweb.google.com/ log in dengan gmail setiap insert image di blogger, maka image secara otomatis tersimpan di picasa coba buka alamat di atas dan coba tekan UPLOAD cari file image lalu klik ok. File bisa dikelompokkan dalam album-album Untuk ngambil image dari picasa masuk ke edit posting caranya: Klik icon insert...

»»  BACA SELENGKAPNYA

Read more »

Posted in: Blog Tutorial

Simpan DOC, PDF di SCRIBD

Upload File Doc dan Pdf

• kunjungi http://www.scribd.com
• sign up
• upload file doc/pdf

Jalankan File Doc dari Blog

• klik file yang akan dipilih
• share and embed
• copy embed
• buka blogger.com
• buka rancangan
• add gadget
• tambahkan HTML/javascript
• paste(ctrl+V)
• Hasilnya ada di blog ini

Read more »

Posted in: Blog Tutorial

Simpan Gambar di Picasa dan buat album

Upload photo

• buka http://picasaweb.google.com/
• log in dengan gmail
• setiap insert image di blogger, maka image secara otomatis tersimpan di picasa
• coba buka alamat di atas dan coba tekan UPLOAD
• cari file image lalu klik ok.
• File bisa dikelompokkan dalam album-album
• Untuk ngambil image dari picasa masuk ke edit posting caranya:

• Klik icon insert image (ada 4 pilihan: upload, from this blog, from picasa, from URL) 
• Gambar di atas diambil dari picasa. Caranya pilih gambar dan klik OK

Buat Album

• buka picasa
• log in kalau belum
• pilih album dan double click
• pada right bar, tekan links to this album
• pilih Paste HTML to embed in website
• copy HTML tersebut (CTRL+A dan CTRL+C)
• buka blogger.com
• buka rancangan
• add gadget tambahkan HTML/javascripts
• paste (CTRL+V)
• contoh HTML yang dicopy-paste:Paste HTML to embed in website

<embed type="application/x-shockwave-flash" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" width=100% height="320" flashvars="host=picasaweb.google.com&hl=en_US&feat=flashalbum&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F114146684915682695385%2Falbumid%2F5394886657701992225%3Falt%3Drss%26kind%3Dphoto%26authkey%3DGv1sRgCMbrp-mEopPq3wE%26hl%3Den_US" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

•  Hasilnya bisa dilihat pada album blog ini. 

Read more »

Posted in: Blog Tutorial

Menu Links Scrolling

<div style='overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee'>
<ul>
<li><a href='http://ict-smpypk.blogspot.com/2010/08/menu-links-scrolling.html'>menu links scrolling</a></li>
<li><a href='http://ict-smpypk.blogspot.com/2010/08/cara-membuat-links.html'>menu links</a></li>
<li><a href='http://ict-smpypk.blogspot.com/2010/08/cara-buat-daftar-isi.html'>buat daftar isi</a></li>
<li><a href='http://ict-smpypk.blogspot.com/2010/08/cara-upload-file-di-sites-google-dan.html'>upload file sites google</a></li>
<li><a href='http://ict-smpypk.blogspot.com/2010/08/cara-memasang-banner-flash-di-blog.html'>memasang flash</a></li>
<li><a href='http://ict-smpypk.blogspot.com/2010/08/classpostingbox-styleheight300px.html'>buat scroll box</a></li>
<li><a href='http://ict-smpypk.blogspot.com/2010/08/software-belajar-by-emedio.html'>coba buka file di scribd</a></li>
</ul>
</div>

Read more »

Posted in: Blog Tutorial

Cara membuat links

• buka blogger
• buka rancangan
• klik add gadget
• pilih html/javascript
• masukkan skrip html berikut:

<div class="list">
<a href="http://softwarebelajar.blogspot.com">Links 1</a></div>
<a href="http://belajarmembaca.blogspot.com">Links 2</a>

• yang diganti adalah alamat URL dan nama links

Read more »

Posted in: Blog Tutorial

Cara buat daftar isi

<script language="JavaScript" src="http://widgets.cc/rss/scrollbox/scrollbox.php?rss=http%3A%2F%2Fict-smpypk.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Falt%3Drss&width=172&height=300&border_style=outset"></script><noscript><div style="font-size: 14px; overflow: hidden; background: #dcdcdc; border-style: outset; width: 200px; height: 300px;"><div id="rssScrollbox" style="overflow: hidden; height: 100%; width: 99%; margin-right: 5px;">JavaScript must be enabled for the <a href="http://widgets.cc/rss/scrollbox/">RSS Scrollbox Widget</a> to work.</div></div></noscript>

Copy paste skrip di atas, lalu ganti ict-smpypk dengan nama blog Anda.

Read more »

Posted in: Blog Tutorial

Cara Upload File di sites google dan Links to download

 Upload File:

• https://sites.google.com
• log in dengan email (gmail anda)
• buat sites dengan menekan tombol create new site
• ketik name your site di form
• pilih blank templete
• ketik code show
• tekan tombol create site
• pilih menu utama, klik attachmaents
• mulai upload file (file teks, gambar, pdf, swf, dll)

 Cara buat links to file (untuk download)

• bila upload sukses maka file akan masuk dalam daftar
• setiap file dibuatkan dua links: view (menampilkan) dan download (untuk di download)
• agar file yang disimpan tadi bisa di-download oleh para pengunjung blog kita maka perlu dibuatkan links-nya ke file tersebut. Caranya tempatkan kursor di download - klik kanan mouse - copy links location.
• copy paste, maka muncul alamat links nya, lalu https://sites.google.com/site/ictsmpypk/visimisiforweb.swf?attredirects=0&d=1 dan tekan icon Link makan hasilnya seperti ini (silahkan coba di klik) https://sites.google.com/site/ictsmpypk/visimisiforweb.swf?attredirects=0&d=1
• atau dibuat links dengan nama, misalanya: silahkan download di sini. (kalau di edit posting caranya: sorot di sini - tekan link - masukkan di web address https://sites.google.com/site/ictsmpypk/visimisiforweb.swf?attredirects=0&d=1 lalu klik OK
• Kalau belum paham kunjungi http://ict-smpypk.blogspot.com. Terimakasih.

Read more »

Posted in: Blog Tutorial

Cara Memasang Banner Flash di Blog

<center><embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" quality="high"  src="http://domainanda.com/namabanner.swf" bgcolor="white" type="application/x-shockwave-flash" width="468" height="60"></embed></center>

Read more »

Posted in: Blog Tutorial

MEMBUAT SCROLL BOX

Seperti halnya penggunaan textarea, scroll box juga berfungsi untuk lebih memudahkan blogger dan terutama pembaca blog saat menikmati blog yang berkaitan dengan KODE HTML. Penggunaan scroll box sedikit mempunyai nilai lebih karena dokumen yang dipostingkan di dalamnya dengan mudah dapat dilakukan beberapa perubahan seperti halnya jenis, warna dan ukuran font yang pada akhirnya akan lebih memudahkan bagi pembaca blog untuk memahami dokumen yang terposting. Selain dari hal tersebut, dalam scroll box dapat juga disertakan posting yang berupa image atau gambar. Scroll box dapat dibuat dalam bentuk yang paling sederhana hingga bentuk yang cukup kompleks dengan memadukan KODE HTML dan image hingga tercipta sebuah scroll box yang indah, dinamis dan atraktif. Dibawah ini salah satu contoh bentuk scroll box sederhana yang dapat dikembangkan menjadi bentuk yang lebih kompleks dengan menambahkan beberapa fungsi lain baik dengan menggunakan KODE CSS ataupun gambar.

Gunakan KODE berikut saat melakukan posting :

<div style="height:200px; width:500px; background: #66CCFF; border:2px solid #0000FF; padding: 20px 6px; overflow:scroll;overflow:auto;">
Letakkan Teks/Image/KODE HTML atau materi posting yang lain di sini
</div>

Bisa juga membentuk sebuah scroll box dengan menggunakan KODE CSS dengan menyimpannya di bagian head di antara tag <head> dan tag </head> (tepatnya di atas kode ]]></b:skin>). Dengan menggunakan CSS yang bersifat permanen, maka KODE lain yang dipergunakan saat melakukan posting menjadi lebih simple dan ruang posting menjadi tidak penuh sesak oleh banyaknya KODE HTML pembentuk scroll box.

Langkah yang harus dilakukan adalah sebagai berikut :

Simpan KODE CSS berikut di bagian head :

.postingbox {
     width: 500px; /* sesuaikan lebar dg kebutuhan atau pakailah auto - width:auto */
     background: #66CCFF url();/* Untuk background color atau image */
     border: 2px solid #555; /*tebal, jenis dan warna */
     overflow: scroll; overflow:auto;
     font-size: 12px; /* ukuran font */
     font-family: Verdana; /*atau jenis font lain */
     font-weight: 500; /* font-weight bisa juga normal atau bold */
     padding: 15px 8px; /* atas/bawah=20px, kanan/kiri=6px */
     margin:15px 5px; /silahkan atur margin bila di kehendaki */
     }

background: #66CCFF url(URL image);
Contoh :
background:#66ccff url(http://picasaweb.google.com/lh/photo/0i9tRpRmzC4SjmxNcObbFKx473hnftpwMKtX-Piw38I?feat=directlink);

Gunakan KODE berikut saat melakukan posting :

<div class="postingbox" style="height:300px;">
Letakkan di sini Teks/Image/KODE HTML yang akan dipostingkan
</div>

Read more »

Posted in: Blog Tutorial

Coba file DOC / PDF yang tersimpan di www.SCRIBD.com

Software Belajar by Emedio

Read more »

Posted in: Blog Tutorial

selamat berpuasa

kepada segenap guru karyawan smp ypk kami tim ict mengucapkan selamat menjalankan puasa semoga menjadi orang yang bertaqwa.
(hae)

Read more »

Posted in: ucapan selamat

VISI-MISI SMP YPK BONTANG

Read more »

Posted in: visi misi

SELAMAT DATANG

Semangat untuk mewujudkan pembelajaran dengan menggunakan media internet sebagai media informasi dan komunikasi sudah menjadi keharusan setiap guru. Dengan media ini, komunikasi antar guru dengan siswa atau antara siswa dengan siswa atau antar guru sendiri akan terjalin tidak hanya di dalam kelas melainkan juga di luar kelas.

Kondisi untuk mewujudkan ini sangat terbuka karena beberapa faktor:

Pertama, sekolah memiliki komputer yang sudah terkoneksi dalam jaringan internet. Demikian juga, hampir seluruh siswa kami sudah memiliki komputer dan koneksi internet di rumah. Kedua, kompetensi setiap guru sudah cukup memadai memiliki pengetahuan tentang ICT dan sudah mempraktekkannya dalam pembelajaran di kelas. Ketiga, kebijakan yayasan dan sekolah turut memberikan dukungan baik motivasi maupun dukungan infrastruktur berkaitan dengan berbagai sarana dan prasarana yang kami butuhkan untuk terwujudnya pembelajaran berbasis ICT.

Mudah-mudahan, apa yang kami rencanakan ini mendapatkan dukungan semua pihak baik unsur sekolah (guru dan siswa) maupun orangtua siswa. Kami berharap semua ini akan berjalan dengan lancar demi meningkatkan kualitas pendidikan khususnya di sekolah kami.

Terimakasih atas partisipasi semua pihak

Tim ICT SMP YPK Bontang

Read more »

Posted in: selamat datang