Pemanfaatan Teknologi Informasi dan Komunikasi Dalam Pendidikan

foto : Ujian kompetensi keahlian Teknik Komputer & Jaringan

Peran pendidikan di setiap suatu negara sangat diutamakan, apa jadinya jika suatu negara tanpa pendidikan?  Tetapi itu hal yang mustahil jika suatu negara buta akan pendidikan dan apalagi mereka menginginkaan negara mereka  berkembang, Oleh karena itu seiring berjalannya waktu dalam dunia pendidikan teknologi informasi dan komunikasi sehingga tidak bisa kita hindari apalagi bagi siswa yang masih menjadi pelajar karena kita dituntut untuk mengikuti perkembangan tersebut supaya kita tidak ketinggalan akan perkembangan teknologi.




Seperti yang dilakukan oleh para guru yang berada di sekolah SMK PGRI Tanjung Raja dalam memanfaatkan  Teknologi Infomasi dan Komunikasi mereka memanfaatkan teknologi yakni komputer untuk dijadikan salah satu mata pelajaran produktif yaitu Teknik Komputer dan Jaringan karena siswa dituntut untuk memiliki keahlian di bidang komputer dan jaringan karena dengan cara ini lebih evisien untuk mengasa kemampuan para peserta didik/siswa. tidak hanya sebatas siswa yang memanfaatkan teknologi yang ada di sekolah tetapi para guru beserta para staf nya juga bisa memanfaatkannya, dalam hal pembuatan surat, laporan, dan apalagi disaat penerimaan siswa baru dalam  memudahkan pendataan mereka lebih menggunakan komputer di bandingkan dengan kertas karena lebih memudahkan dalam penataan data siswa dan juga penghematan waktu dan tenaga.

Dalam  pemanfaatan Teknologi Informasi dan Komunikasi disekolah, kami memanfaatkan komputer menjadi bahan praktik prakitan, perbaikan, ataupun pemasangan program/os dan ada juga pembuatan server ataupun router, biasanya kami lakukan ketika  kami akan belajar produktif  TKJ (Teknik Komputer & Jaringan) di dalam ruang Multimedia, bukan hanya sekedar bahan peraktik saja terkadang kami juga memanfaatkan komputer sebagai alat untuk membantu kami ketika akan membuat  tugas sekolah. Selain itu kami juga sering datang di ICT Center Oi (Pusat TIK SMK Tra) untuk mencari info, berdiskusi ataupun bertanya pada yang ahlinya berkaitan dengan Teknologi Informasi dan Komunikasi yang sedang berkembang saat ini. ketika ingin mengirim e-mail, atau mencari tutorial yang kami butuhkan kami menggunakan jaringan internet yang ada disekolah untuk membantu kami menyelesaikan tugas atau belajar secara online E-Learning. Pembelajaran tidak hanya terjadi di dalam kelas, tetapi juga di luar kelas, seperti extrakulikuler yang diadakan setiap jam pulang sekolah yang memuat praktik menggunakan program  pengolah kata, dengan cara seperti itu cukup efektif untuk mengembangkan keahliaan mereka dibidang komputer, bukan hanya siswa yang terbantu adanya teknologi komputer tetapi para guru pada saat menerangkan atau mengajar mereka sering menggunakan proyektor untuk memudahkan menjelaskan materi yang akan diajarkan.

Suasana Ruang LabKom di SMK PGRI Tra
"Siswa SMK PGRI Tra Sedang Mengikuti Kegiatan Extrakulikuler Komputer"

Dalam mengembangkan teknologi di dalam lingkungan sekolah kami menggunakan Sistem Operasi berbasis Open Source karena sistem operasi ini mudah digunakan dan free memungkinkan para siswa untuk menggunakannya tanpa harus membeli sistem operasi berbayar yang harganya tidak sedikit. Salah satu upaya dalam menggali  potensi siswa dalam hal keahlian Teknik Komputer & Jaringan, pihak sekolah bekerja sama dengan Kementerian Pendidikan dan Kebudayaan DIRJEN Pendidikan Menengah Direktorat Pembinaan SMK dan sekolah SMK lainnya untuk mengadakan lomba atau Latihan Keterampilan Siswa (LKS) tingkat kabupaten yang bertujuan untuk :

• Mempromosikan keterampilan siswa kepada dunia industri sebagai calon pengguna tenaga kerja.
• Memberikan kesempatan dan motivasi kepada siswa untuk berkompetisi secara positif.
• Untuk menumbuhkan kebanggaan pada bidang keahlian yang ditekuninya.

foto : LKS 2011 "Lomba IT/Networking Support"
saya (feridi) mewakili sekolah dan mendapat juara 3 tingkat kabupaten

foto : LKS 2011 "Lomba Web Desain"
Handini mewakili sekolah dan mendapat juara 3 tingkat kabupaten

Ada Banyak sekali teknologi dan informasi yang berkembang di saat ini sebaiknya kita sebagai pengguna (user) ada baiknya tetap berhati-hati  dan menyaring konten-konten yang kurang pantas untuk tidak ditiru, supaya teknologi yang ada tidak di salah gunakan yang dampaknya dapat merugikan orang lain ataupun diri kita sendiri, semuanya itu tergantung pada kita bagaimana menyikapi teknologi yang ada. Gunakanlah Teknologi dengan bijak.

Daftarkan Alamat Situs Anda Di 70 Mesin Pencari Dalam 1 Langkah

Daftarkan alamat URL anda ke search engine sudah menjadi keharusan untuk website / blog anda dikenali dan di-indeks oleh mesin pencari. Dalam artikel sebelumnya saya sudah membahas diterbitkan memanfaatkan google webmaster tools. Namun, tidak hanya search engine google, ada ribuan mesin pencari di internet.

Seperti pada direktori web, kita akan mengalami kesulitan jika mengirim alamat URL dari sebuah website / blog ke mesin pencari yang berbeda secara manual, satu per satu. Untuk mengatasi hal ini, kita dapat mengaktifkan layanan otomatis Submite dari beberapa situs.

Auto Submit ke 70 Search Engine
Untuk dapat mendaftar atau submit website / blog ke 70 mesin pencari Anda dapat menggunakan fasilitas dari website di bawah ini.

 http://www.submitexpress.com

Di website, Anda dapat mengaturnya untuk mencari mesin mana hanya alamat URL dari website / blog akan menjadi tempat Anda.

Langkah-langkah tersebut adalah:

1. Membuka alamat http://www.submitexpress.com

2.Isi alamat wabsite URL untuk membentuk Submission Free, kemudian klik Lanjutkan 

3.Kemudian isi formulir yang muncul dan masukkan kode verifikasi, kemudian klik Submit

4.Ketiaka selesai anda mengisi formulir, klik Subnmit Now

5.URL telah selesai di kirim 

Search Engine Daftar dan Rincian:

The main engines we submit to:

Google Jayde Alexa Scrub the Web ExactSeek Fyber Search InfoTiger WalHello EntireWeb

Burf WebSquash Anoox GhetoSearch Feedplex Amfibi Active Search Results SurfSafely WhatUSeek

Amidalla Secret Search Engine Labs Acoon Boitho MyaHint SearchSight Claymont Slider

In addition your site will be listed in the below Search Engines:

All the Web Alta Vista AOL Beauco Up! Clusty CurryGuide Dogpile Excite Family Friendly Search Fazzle Find Info Galaxy GigaBlast Go.com Hotbot

IceRocket Info.com InfoGrid InfoSpace Internet Sleuth Ixquick iZito Kanoodle Kartoo Lycos Mamma MetaCrawler MetaEureka Netscape One Page MultiSearch Engines

Proteus Scrub the Web Search Hippo Search the Web Search.com SurfWax Teoma Turbo10 WebCrawler ZapMeta Highway 61 37.com One Seek MetaSpider MegaGo

  

Banner SMK PGRI Tanjung Raja

Bagi yang ingin menampilkan Banner SMK PGRI Tanjung Raja cukup mudah Ikutin langkah-langkah berikut (tutorial berikut menggunakan blogspot) :

1. Login di blogger 
2.  Masuk kemenu Tata Letak
3. Pilih Add Widget / Tambah Widget 
4. pilih HTML/Java Script

5.   Pada kolom JUDUL terserah anda untuk di isi atau tidak

6.kemudia silahkan copy paste kode di bawah ini:

<marquee align="center" direction="left" height="100" scrollamount="2" width="100%">

<a href="http://www.smktra.web.id/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgczU9EtbWpoLAXmbV2wX-5bN6MHc_q4kSmMKJBhxizLiSzKYr_ZcKxw_QGfQnTgaCufK2GzlZKxf7ICDp3RFOZTKN3_o9AQYTVwRBoCONrcU2Oq2oUujNTOAxL70M5rO1Lmxc6Y5FWToTN/s1600/SMK+PGRI+Tanjung+Raja.jpg" width="200" height="58" alt="SMK PGRI TRA" /></a>

</marquee>

yang berwarna merah di ganti sesuai kebutuhan

Maka hasilnya seperti di bawah ini:

Membuat Tabview Widget Blog

Tabview sebenarnya hampir sama dengan daftar isi scroll, bedanya tabview mempunyai kelebihan yaitu tabmenu , sehingga daftar isi tabview tidak hanya berisikan satu kategori namun bisa lebih dari 2, Selain di gunakan sebagai tempat penampung daftar isi postingan, tabview juga bisa di isi dengan gambar, text, link, banner, widget followers dan lain sebagainya.

Untuk membuat widget tab view pada blog anda silahkan ikuti langkah berikut :

- Login 'Dasbor'

- Rancangan 'Elemen Laman'

- Edit HTML Sebelum melakukan pengeditan pada template ada baiknya di backup terlebih dahulu,

- Centang pada Expand Widget

- Cari lah kode ]]></b:skin> untuk memudahkan pencarian tekan Ctrl + F, Jika sudah ketemu, Copy script di bawah ini lalu paste tepat di atas kode ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}

div.TabView div.Tabs
{
height: 24px;
overflow: auto;
}

div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center;
height: 30px; padding-top: 3px;
vertical-align: middle;
border: 1px solid #000000; border-bottom-width: 0;
text-decoration: none;
font-family: "Arial", Times New Roman, Serif; font-weight: 900;
color: #000080;
}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #BDBDBD;
}

div.TabView div.Pages
{
clear: both;
background-color: #FFFFFF; border: 1px solid #000000; overflow: auto;
}

div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: auto;
}

div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}


}

Tinggi, lebar, warna, border bisa di ubah sesuaikan pada script di atas.
Next, cari kode </head> jika sudah ketemu copy script di bawah ini lalu paste tepat di atas kode </head>

<script type='text/javascript'>

function tabview_aux(TabViewId, id)

{

var TabView = document.getElementById(TabViewId);



// ----- Tabs -----



var Tabs = TabView.firstChild;

while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;



var Tab = Tabs.firstChild;

var i = 0;



do

{

if (Tab.tagName == "A")

{

i++;

Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";

Tab.className = (i == id) ? "Active" : "";

Tab.blur();

}

}

while (Tab = Tab.nextSibling);



// ----- Pages -----



var Pages = TabView.firstChild;

while (Pages.className != 'Pages') Pages = Pages.nextSibling;



var Page = Pages.firstChild;

var i = 0;



do

{

if (Page.className == 'Page')

{

i++;

if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";

Page.style.overflow = "auto";

Page.style.display = (i == id) ? 'block' : 'none';

}

}

while (Page = Page.nextSibling);

}



// ----- Functions -------------------------------------------------------------



function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }



function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }

</script>

Langkah terakhir, tambahkan script di bawah ini pada HTML / JavaScript di blog anda :

<form action="tabview.html" method="get">

<div class="TabView" id="TabView">

<div class="Tabs" style="width: 200px;">

<a>Tab 1</a>

<a>Tab 2</a>

</div>

<div class="Pages" style="width: 300px; height: 250px;">



<div class="Page">

<div class="Pad">



TAMBAHKAN TEXT, LINK, GAMBAR DLL DISINI



</div>

</div>



<div class="Page">

<div class="Pad">



TAMBAHKAN TEXT, LINK, GAMBAR DLL DISINI



</div>

</div>



</div>

</div>

</form>



<script type="text/javascript">

tabview_initialize('TabView');

</script>

Selesai, save lalu lihatlah perubahan.
Jika anda ingin menambahkan Tabmenu nya tinggal menambahkan script <a>Tab 3</a>
<div class="Page">
<div class="Pad">

ISI 

</div> </div>

Cara Buat Screen Saver ENERGY SAVING MODE di BLOG

Screen Saver Energy Saving Mode jika blog kita di kunjungi dan dalam beberapa waktu di diemin maka halaman blog akan menutup dengan halaman hitam dan akan kembali seperti semula jika mouse di goyang goyang kan.

 Langkah-langkahnya sebagai berikut :

1. Loggin dulu ah ke blog sobat-sobat  
2. Masuk ke Rancangan > Edit HTML  
3. Cari kode <head>  kemudian kamu copy kan scrip berikut di atas <head> :
   
   
   <script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

   
   kemudian simpan.

Cara Membuat Navigasi Halaman Bernomor Di Blog

Kali ini saya akan membahas Cara Membuat Navigasi Halaman Di Blog, Sebelum mengedit template blog anda ada baiknya di backup dulu template blognya.
contohnya seperti gambar di bawah ini:

1. langkah pertama yang harus di lakukan adalah login dulu ke blogger >Rancangan/Tata Letak > Edit HTML


2. Cari Kode ]]></b:skin> , Copy kode di bawah ini dan paste tepat sebelum ]]></ b: skin> 

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

border:1px solid #CCCCCC;

margin:0 3px;

padding:3px 7px;

text-decoration:none;

}

.showpageNum a:hover {

background-color:#CCCCCC;

border:1px solid #CCCCCC;

}

.showpagePoint {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#CCCCCC none repeat scroll 0 0;

border:1px solid #CCCCCC;

color:#333333;

margin:0 3px;

padding:3px 7px;

text-decoration:none;

}

.showpageOf {

margin:0 3px 0 0;

padding:3px 7px;

text-decoration:none;

}

.showpage a {

border:1px solid #CCCCCC;

padding:3px 7px;

text-decoration:none;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link, .showpage a:link {

color:#333333;

text-decoration:none;

}

    5. Setelah kode di atas sudah di letakkan tepat sebelum ]]></ b: skin>, Selanjutnya SIMPAN TEMPLATE
    6.  pergi  ke Rancangan> Elemen Halaman> dan klik pada "Add gadget". pilih "html / java script" dan tambahkan kode yang diberikan di bawah ini dan klik simpan tarik gadget baru Anda di bawah Bagian "Blog Posts".
 

 

<script type='text/javascript'>



var home_page_url = location.href;





var pageCount=1;

var displayPageNum=3;

var upPageWord ='Previous';

var downPageWord ='Next';





function showpageCount(json) {

var thisUrl = home_page_url;

var htmlMap = new Array();

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';











for(var i=0, post; post = json.feed.entry[i]; i++) {



var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);

timestamp = encodeURIComponent(timestamp1);





var title = post.title.$t;



if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

 if(thisUrl.indexOf(timestamp)!=-1 ){

   thisNum = postNum;

 }



 if(title!='') postNum++;

 htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;

}

}

itemCount++;



}



for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

 if(thisNum==2){

  upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';

 }else{

  upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

 }



 fFlag++;

}



if(p==(thisNum-1)){

 html += '<span class="showpagePoint">'+thisNum+'</span>';

}else{

 if(p==0){

   html += '<span class="showpageNum"><a href="/">1</a></span>';



 }else{

  html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';

 }

}



if(eFlag ==0 && p == thisNum){

 downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

 eFlag++;

}

}

}



if(thisNum>1){

html = ''+upPageHtml+' '+html +' ';

}



html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;



if(thisNum<(postNum-1)){

html += downPageHtml;

}



if(postNum==1) postNum++;

html += '</div>';





var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");



if(postNum <= 2){

html ='';

}



for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}



if(pageArea&&pageArea.length>0){

html ='';

}



if(blogPager){

blogPager.innerHTML = html;

}





}





function showpageCount2(json) {



var thisUrl = home_page_url;

var htmlMap = new Array();

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';







var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

var thisUrl = home_page_url;





for(var i=0, post; post = json.feed.entry[i]; i++) {



var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);

timestamp = encodeURIComponent(timestamp1);







var title = post.title.$t;



if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

 if(thisUrl.indexOf(timestamp)!=-1 ){

  thisNum = postNum;

 }



 if(title!='') postNum++;

 htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;



}

}

itemCount++;

}



for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

 if(thisNum==2){

  upPageHtml = labelHtml + upPageWord +'</a></span>';

 }else{

  upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

 }



 fFlag++;

}



if(p==(thisNum-1)){

 html += '<span class="showpagePoint">'+thisNum+'</span>';

}else{

 if(p==0){

  html = labelHtml+'1</a></span>';

 }else{

  html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';

 }

}



if(eFlag ==0 && p == thisNum){

 downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

 eFlag++;

}

}

}



if(thisNum>1){

if(!isLablePage){

html = ''+upPageHtml+' '+html +' ';

}else{

html = ''+upPageHtml+' '+html +' ';

}

}



html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;



if(thisNum<(postNum-1)){

html += downPageHtml;

}



if(postNum==1) postNum++;

html += '</div>';



var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");



if(postNum <= 2){

html ='';

}



for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}



if(pageArea&&pageArea.length>0){

html ='';

}



if(blogPager){

blogPager.innerHTML = html;

}





}





</script>

<script type='text/javascript'>



var thisUrl = home_page_url;

if (thisUrl.indexOf("/search/label/")!=-1){

if (thisUrl.indexOf("?updated-max")!=-1){

 var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));

}else{

 var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));

}

}



var home_page = "/";

if (thisUrl.indexOf("?q=")==-1){

if (thisUrl.indexOf("/search/label/")==-1){

 document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')

}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')

}

}

</script>

Catatan:
Perubahan nilai-nilai pageCount, displayPageNum, upPageWord, downPageWord jika Anda suka.

Anda selesai.

Cara Membuat READMORE Otomatis

Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

1. Silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini : 

  

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/> 

     2. cari kode html berikut ini : 

<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah ini : 

<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;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

    3. klik save template.