Membuat menu D tree(mirip dengan windows explorer)

Beberapa waktu yang lampau, saya pernah menulis artikel mengenai cara membuat menu yang menyerupai menu yang ada pada Windows explorer yaitu menu dtree, akan tetapi rupanya kemarin lusa ada laporan bahwa menu tersebut mendadak hilang entah kemana, untuk itu tulisan ini adalah sebagai referensi agar kejadian tersebut tidak terulang kembali.

Saran saya, apabila sobat memasang suatu script atau image yang bersumber dari milik orang lain, sebaiknya bersegeralah untuk menyimpannya pada account milik sobat, akan tetapi sebelum mengambilnya tentu sobat harus minta izin terlebih dahulu kepada pemilik script tersebut, etika nya seperti itu. Misalkan seperti ini, apabila saya menyuruh memasang script seperti ini :


pasanglah kode ini di atas kode </head> :

<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />

kode --> http://amen24.googlepages.com/Readmore.js berarti java script ini di simpan pada account milik saya. Tentu apabila sobat memasang kode ini tidak ada masalah, akan tetapi hal itu beresiko apabila saya iseng atau tidak sengaja atau juga terjadi suatu hal sehingga sumber dari script tersebut terhapus, walhasil sobat akan kehilangan fungsi dari script tersebut tanpa bisa berbuat apa-apa. Bagaimana cara mengatasinya? begini caranya : copy kode sumber script ini lalu paste pada address bar browser internet sobat :

http://amen24.googlepages.com/Readmore.js

Jangan lupa untuk klik Go untuk memanggilnya. Setelah itu nanti akan muncul sederetan script java. Langkah selanjutnya adalah klik file pada bar menu yang ada paling atas sebelah kiri, klik Save As lalu simpan di komputer sobat. Apabila kode tersebut sudah tersimpan di komputer sobat, uploadlah kode tersebut pada hosting yang biasa sobat gunakan, misalkan saya sering menyimpannya di Google Page Creator.Setelah di upload, copy alamat dari script yang baru di upload tadi, misalkan script ini mempunyai alamat :

http://juned.googlepages.com/Readmore.js

Nah, langkah terakhir adalah mengganti sumber script yang saya punyai dengan milik sobat, misal kode di atas seperti ini :

<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />



Gantilah sumber script di atas dengan yang sobat miliki, sehingga kodenya jadi seperti ini :

<script type='text/javascript' src='http://juned.googlepages.com/Readmore.js' />

Apabila sobat melakukan hal yang di atas, maka sobat tidak usah khawatir akan kehilangan dari fungsi script tersebut.

Langkah-langkah di atas merupakan langkah preventif saja bukan bermaksud mengajarkan sobat untuk mencuri kode milik orang lain.


Baiklah kita kembali pada topik pembahasan mengenai cara membuat menu dtree, karena pada pembahasan yang tempo hari agak menyulitkan pembaca, sehingga kali ini saya akan mencoba membahasnya lebih mendalam dengan maksud agar lebih mudah untuk di pahami.

Untuk membuat menu dtree, sobat bisa mendownload pada situs resminya yaitu di http://www.destroydrop.com, silahkan untuk mendownloadnya sendiri. Akan tetapi kode tersebut tidaklah merupakan suatu barang yang sudah jadi, dengan kata lain sobat harus memahaminya, oleh karena alasan tadi maka saya akan mencoba memberi sedikit gambaran agar supaya lebih mudah untuk di pahami.

Contoh dasar dari script menu dtree yang langsung dari situs http://www.destroydrop.com adalah sebagai berikut :

Kode ini di simpan di atas kode </head> :

<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>


Kode di bawah ini di simpan di bagian sidebar :

<h2>Example</h2>
<div class="dtree">
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','example01.html');
d.add(2,0,'Node 2','example01.html');
d.add(3,1,'Node 1.1','example01.html');
d.add(4,0,'Node 3','example01.html');
d.add(5,3,'Node 1.1.1','example01.html');
d.add(6,5,'Node 1.1.1.1','example01.html');
d.add(7,0,'Node 4','example01.html');
d.add(8,1,'Node 1.2','example01.html');
d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
d.add(11,9,'Mom\'s birthday','example01.html');
d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');
document.write(d);
//-->
</script>
</div>


Apabila sobat mempunyai intelegensi yang cukup lumayan bagus, maka saya yakin tidak usah saya terangkanpun akan memahami bagaimana untuk membuat menu dtree dari kode diatas sehingga link-link milik sobat dapat di pasang pada kode-kode di atas.

Dengan tidak ada maksud saya untuk merendahkan sobat yang masih belum mengerti, maka saya akan mencoba menerangkannya, akan tetapi untuk lebih memudahkan maka saya telah membuat sebuah menu dtree buatan saya yang telah saya sertakan link-link di dalamnya : source code dari menu yang saya buat seperti ini :

Kode ini di simpan di atas kode </head> :

<link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" />
<script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script>


Kode di bawah ini di simpan di bagian sidebar :

<div class="dtree">
<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Home','http://kolom-tutorial.blogspot.com');


d.add(1,0,'Free template & navigation')

d.add(3,1,'free template','');
d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html');
d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html');
d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html');
d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html');
d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html');
d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html');
d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html');
d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html');
d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html');
d.add(100,3,'template klasik');
d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html');
d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html');

d.add(5,1,'Free css menu navigation');
d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html');
d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html');
d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html');
d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html');
d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html');
d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');
d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html');
d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html');

d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');
d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');
d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');

d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif');
d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif');
d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif');
d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif');


document.write(d);
//-->
</script>
</div>


Untuk melihat hasilnya, silahkan klik dulu di sini !

Baiklah, saya akan mencoba mengulasnya agar lebih mudah untuk di pahami :

Jika sobat perhatikan dari kode di atas, akan terlihat beberapa ciri yang mudah untuk di kenali, antara lain :

d.add(1,0
d.add(2,0
d.add(4,0
d.add(6,0
d.add(7,0

Kode angka yang bergandengan dengan angka 0 (nol) akan selalu menjadi induk dari menu dtree, jadi jika sobat menginginkan menu yang di simpan menjadi induk, sobat harus menuliskan angka yang berbeda kemudian di belakang koma harus di susul dengan angka nol.

d.add(3,1
d.add(5,1
Kode angka yang bergandengan dengan angka 1 (satu) akan menjadi cabang dari induk yang pertama. Akan tetapi angka di depan angka 1 (satu) adalah angka penentu bahwa menu ini akan menjadi cabang dari kode --> d.add(1,0


d.add(10,5
d.add(20,5
d.add(30,5
d.add(40,5
d.add(50,5
d.add(60,5

Terlihat bahwa angka yang bergandengan dengan angka 5 (lima) akan menjadi cabang dari menu --> d.add(5,1
begitupun angka yang bergandengan dengan angka 3 (tiga) akan menjadi cabang dari menu --> d.add(3,1


Ciri selanjutnya adalah tulisan yang tertera di samping icon selalu di dalam tanda petik (''), formasinya misal seperti ini :

d.add(10,3,'','','','','');

Jika di jabarkan denga isi menu, seperti ini :

d.add(10,3,'isi ke 1','isi ke 2','isi ke 3','isi ke 4','isi ke 5''isi ke 6');



isi ke 1 = adalah tulisan yang akan muncul terlihat langsung
isi ke 2 = adalah alamat yang di tuju apabila di klik tulisan dari isi ke 1
isi ke 3 = adalah judul atau titel atau tulisan yang akan muncul ketika mouse menyorot pada isi ke 1, akan tetapi ini berlaku bagi induk yang tidak mempunyai cabang, misal menu : my frienster.
isi ke 4 = terus terang saya tidak tahu pasti, tapi ada kemungkinan untuk alamat image
isi ke 5 = adalah untuk alamat image icon yang mau di munculkan
isi ke 6 = adalah untuk alamat image icon yang akan menggantikan icon isi ke 5


Misal :

d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');
Blogroll = tulisan yang kan muncul pada menu induk
http://amen24.googlepages.com/globe.gif (isi ke 5) = icon yang mau dunculkan di samping tulisan Blogroll
http://amen24.googlepages.com/globe.gif (isi ke 6) = icon yang mau dunculkan ketika tulisan Blogroll di klik (akan tetapi dalam hal ini alamatnya sama, maka gambar icon seolah tidak mengalami perubahan)


dan masih banyak ciri-ciri lainnya yang dapat memudahkan sobat untuk mengnalinya.


Bagaimana sudah jelaskah? atau masih tetap bingung? biar tidak terlalu bingung mending langsung bikin menu dtree nya, silahkan ikuti langkah-langkah berikut ini, akan tetapi jangan lupa untuk membuat Backup data dari template sobat:

Untuk template Klasik

1. Sign in di blogger
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kode HTML yang ada, lalu save untuk back up
5. Simpan kode berikut di bawah kode <title><$BlogPageTitle$></title> :
<link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" /> <script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script>
6. Copy kode berikut, lalu paste pada kode sidebar sobat (link nya harus di ganti dengan milik sobat):
<div class="dtree"> <p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p> <script type="text/javascript"> <!-- d = new dTree('d'); d.add(0,-1,'Home','http://kolom-tutorial.blogspot.com'); d.add(1,0,'Free template & navigation') d.add(3,1,'free template',''); d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html'); d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html'); d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html'); d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html'); d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html'); d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html'); d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html'); d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html'); d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html'); d.add(100,3,'template klasik'); d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html'); d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html'); d.add(5,1,'Free css menu navigation'); d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html'); d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html'); d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html'); d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html'); d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html'); d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html'); d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html'); d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html'); d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html'); d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif'); d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif'); d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif'); d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif'); d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif'); document.write(d); //--> </script> </div>
7. Klik tombol Simpan Perubahan Template
8. Selesai.

Untuk Template Baru

1. Sign in di blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik tulisan Download Template Lengkap, save dulu untuk backup data biar aman
5. Copy paste kode berikut di atas kode </head>
<link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" /> <script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script>
6. Klik tombol Simpan Template
7. Klik menu Elemen Halaman yang ada di sebelah atas monitor
8. Klik tulisan Tambahkan sebuah Elemen Halaman
9. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
10. Copy paste kode berikut pada kotak yang muncul (ganti link nya dengan milik sobat)
<div class="dtree"> <p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p> <script type="text/javascript"> <!-- d = new dTree('d'); d.add(0,-1,'Home','http://kolom-tutorial.blogspot.com'); d.add(1,0,'Free template & navigation') d.add(3,1,'free template',''); d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html'); d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html'); d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html'); d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html'); d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html'); d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html'); d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html'); d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html'); d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html'); d.add(100,3,'template klasik'); d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html'); d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html'); d.add(5,1,'Free css menu navigation'); d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html'); d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html'); d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html'); d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html'); d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html'); d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html'); d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html'); d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html'); d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html'); d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif'); d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif'); d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif'); d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif'); d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif'); d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif'); document.write(d); //--> </script> </div>
11. Klik tombol Simpan
12. Klik pada elemen yang barusan di buat, tahan lalu geser pada tempat yang di inginkan (di drag & drop)
13. Klik tombol Simpan yang berada di sebelah atas
14. Selesai. Silahkan lihat hasilnya

Huuuuuhhh..... cape uy nulis tutorial ini, dua malem baru deh kelar..... tapi alhamdulillah, akhirnya bisa juga di posting.

Manajemen Bandwidth Di Squid Menggunakan Delay Pools

ok sob kali ini saya ingin membagi ilmu \

mungkin ilmu ini tidak terlalu berguna bagi anda, tetapi bagi saya sangat berguna


ke pada anda semua yaitu tentang manejemen bandwidth di squid menggunakan delay pool

Dokumen ini menjelaskan bagaimana cara mengkonfigurasikan proxy server anda untuk membatasi bandwidth download atau incoming traffic.
Berikut langkah-langkah pengkonfigurasian manajemen bandwidth di squid:
1. Pertama-tama periksa apakah squid telah berjalan di server dan telah dikonfiguraisi sebagai mesin proxy server.
2. Sebelum memulai memanajemen bandwidth di squid, kita jelaskan dulu komponen-komponen manajement bandwidth di squid :

delay_pools
Opsi ini untuk menspesifikasi berapa jumlah pool yang digunakan untuk membatasi jumlah bandwidth dari ACL. Opsi ini akan dirangkaikan bersama opsi delay_class dan delay_parameters yang akan dibahas di bawah ini.
delay_class
Opsi ini menspesifikasikan kelompok dari masing-masing pool yang telah didefinisikan pada opsi delay-pools. Ada tiga class yang didukung Squid, antara lain:
• class 1: Semua akses dibatasi dengan single bucket, artinya hanya bisa mendefinisikan overall bandwidth untuk suatu ACL saja, tidak bisa mendefinisikan bandwidth dengan lebih mendetail
• class 2: Semua akses dibatasi dengan single agregate dengan dua parameter bandwidth. Parameter pertama mendefinisikan berapa bandwidth maksimal yang didapatkan ACL, parameter kedua mendefinisikan berapa bandwidth overall untuk ACL yang spesifik yang ada pada network tersebut.
• class 3: Kelompok yang definisi bandwidth-nya paling mendetail. Parameter pertama mendefinisikan berapa bandwidth maksimal yang didapatkan ACL, parameter kedua mendefinisikan berapa bandwidth normal yang didapatkan ACL secara umum, dan parameter yang ketiga adalah mendefinisikan bandwidth yang didapatkan ACL jika mengakses ACL-ACL tertentu yang spesifik, misalnya file mp3.
delay_parameters
Opsi ini menspesifikasikan rumus bandwidth yang akan didapatkan oleh ACL yang akan memasuki delay_pool. Misalnya ada entry berikut ini pada delay_parameters:
delay_parameters 1 -1/-1 2100/4000
Angka 1 berarti rumus ini berlaku untuk pool 1. Angka -1/-1 berarti bandwidth maksimal yang diberikan Squid adalah tidak terbatas untuk pool ini.
Angka 2100/4000 berarti bandwidth yang didapatkan oleh ACL setelah masuk ke pool ini. Angka ini berada dalam kelipatan 8 b, sehingga untuk mendapatkan nilai bandwidth yang sebenarnya harus dikalikan delapan. Angka 2100 adalah bandwidth yang didapatkan ACL pada masa-masa normal. Jika dikalikan 8, maka bandwidth normal yang akan didapatkan ACL sekitar 18 Kbps. Angka 4000 adalah bandwidth maksimal yang didapatkan ACL pada masa-masa jalur sedang kosong. Jika dikalikan 8, maka bandwidth yang didapatkan sekitar 32 Kbps.
delay_access
Opsi ini mendefinisikan siapa-siapa ACL yang akan dimasukkan ke pool tertentu untuk mendapatkan “perlambatan” bandwidth. Bentuk umumnya adalah seperti ini:
delay_access 1 allow labprog
Opsi di atas berarti kita memasukkan ACL labprog ke dalam pool 1.
3. Jika sudah mengerti komponen-komponen delay pool, kita mulai konfigurasi delay pool .
Di umpamakan kita mempunyai bandwidth dari ISP sebesar 512kb, dan kita membuat rule seperti berikut ini:
- Batas kecepatan koneksi overall adalah 256 Kbps. per-network adalah 64 kbps. Sedangkan per-user/host dibatasi 2 Kbps jika digunakan untuk download file bertipe exe, mp3, vqf, tar.gz, gz, rpm, zip, rar, avi, mpeg, mpe, mpg, qt, ram, rm, iso, raw, dan wav. Jika tidak, maka koneksi perhost HANYA mengikuti aturan per-Network saja.
Penyelesaian:

Edit file /etc/squid/squid.conf
#vi /etc/squid/squid.confLalu tambahkan contoh konfigurasi ini:
# Sebelum kita melakukan pembatasan, kita perlu mendefinisikan ACL network # # yang kita perlukan terlebih dahulu. ACL yang didefinisikan pada host bridge
# seperti di bawah ini:acl lokal src 192.168.1.0/24# Kemudian kita membatasi maksimum download dengan tag di bawah ini:
# Batas kecepatan koneksi overall adalah 256 Kbps. per-network adalah
# 64 kbps. Sedangkan per-user/host dibatasi 2 Kbps jika digunakan untuk
# download file bertipe exe, mp3, vqf, tar.gz, gz, rpm, zip, rar, avi,
# mpeg, mpe, mpg, qt, ram, rm, iso, raw, dan wav. Jika tidak, maka
# koneksi perhost HANYA mengikuti aturan per-Network saja.
acl filegede url_regex -i \.exe
acl filegede url_regex -i \.mp3
acl filegede url_regex -i \.vqf
acl filegede url_regex -i \.gz
acl filegede url_regex -i \.rpm
acl filegede url_regex -i \.zip
acl filegede url_regex -i \.rar
acl filegede url_regex -i \.avi
acl filegede url_regex -i \.mpeg
acl filegede url_regex -i \.mpe
acl filegede url_regex -i \.mpg
acl filegede url_regex -i \.qt
acl filegede url_regex -i \.ram
acl filegede url_regex -i \.rm
acl filegede url_regex -i \.iso
acl filegede url_regex -i \.raw
acl filegede url_regex -i \.wav
# Kita buat dulu ACL untuk mendefinisikan file-file di atas dengan menggunakan # regularexpression. Kemudian kita mendefinisikan 2 delay pool untuk
# menampung bandwidth.
# Satu pool masuk dalam kategori class 2 untuk mendefinisikan aturan overall
# 256 Kbps dan per-network 64 Kbps. Satu pool lainnya masuk kategori class 3
# untuk mendefinisikan aturan tambahan jika user mendownload file-file yang
#didefinisikan dalam ACL url_regex dengan bandwidth maksimal 2 Kbps.

delay_pools 2
delay_class 1 3
delay_parameters 1 32000/32000 8000/8000 250/250
delay_access 1 allow lokal filegede
delay_access 1 deny all
delay_class 2 2
delay_parameters 2 32000/32000 8000/8000
delay_access 2 allow lokal
delay_access 2 deny all
Jika sudah selesai, simpan hasil konfigurasi dan restart squid

#/etc/init.d/squid restart

Cara Membuat iklan gratis bersama fahrulrozi

ok sob kali ini saya ingin memberikan sebuah ilmu untuk membuat iklan gratis dari blog sobat,
buatnya grastis lo buat nya mudah ko jangan sampe kalah sama yang laen yea
ayo buat buruan jangan sampe ketinggalan ok sob

nah sekarang kita mulai yea buatnya, caranya seperti ini :

1. Silahkan login ke blogger dengan ID anda.
2. Klik Pengaturan.
   
3. klik tab Email. Dibagian sebelah bawah ada tulisan Alamat Mail-ke-Blogger yang di sebelahnya ada kotak kosong. Isilah kotak kosong tersebut dengan yang anda mau. Contoh : iklangue. Beri tanda pada radio button di samping tulusan Publikasikan segera email, dan akhiri dengan klik tombol SIMPAN SETELAN. Berikut ilustrasinya :
   
   
4. Terlihat dari ilustrasi di atas bahwa alamat yang saya buat adalah Templateforyou.iklangue@blogger.com. Catatlah alamat tersebut untuk nanti di pakai ( tentunya alamat email yang anda buat ).
   
5. Selesai.
   

• Buat sebuah kontak form

Untuk membuat sebuah kontak form anda bisa menggunakan berbagai layanan di internet seperti http://www.zoho.com, http://www.emailmeform.com, http://kontactr.com dan lain sebagainya. Yang pernah kang Rohman terangkan adalah di http://www.emailmeform.com yang bisa anda baca pada artikel  Cara membuat Contact form / Kontak Kami. Silahkan anda baca kembali artikel tersebut karena kang Rohman tidak akan menulisnya lagi.
Satu yang harus di ingat, ketika anda membuat sebuah kontak form di http://www.emailmeform.com . pada form ; Recipients Emails ( penerima email ) yang harus anda isikan adalah alamat email yang anda buat tadi di blogger, sebagai contoh email yang saya buat adalah Templateforyou.iklangue@blogger.com.

• Pasang Script Kontak form di Blogger

Sekarang saya anggap anda sudah membuat alamat email di blogger dan sudah mempunyai sebuah script kontak form yang siap di pasang di blogger. Berikut langkah-langkah untuk memasang script tersebut.

1. Silahkan login di blogger
2. Klik Tata Letak.
3. Klik Elemen Halaman.
4. Klik tambah Gadget
5. Klik Tanda plus ( + ) untuk HTML/Javascript.
6. Copy lalu paste script kontak form yang anda punyai. Klik tombol simpan.
7. Pindahkan elemen (gadget) yang baru saja anda buat ke tempat yang anda inginkan ( sebaiknya di atas elemen posting).
8. Klik tombol SIMPAN
9. Selesai. 

dah selesai kan buat nya
jangan lupa comment yea
By : fahrulrozi

Philosophy and Technology ERP Goong

Have long nich ngak post articles, because padetnya activity in developing applications "9oon9" - ERP, speaking about the philosophy, goong name taken from a typical musical instruments native to Indonesia Sundanese people, certainly all know colleagues bentuknnya, we take it because goong "echoed", and also if there is no goong in typical Sundanese music playing something was missing .. goong but it is also often used as symbols in an inauguration of any opening that type of activity, so the expected application oon9 '9 'can be echoed and can be used on any type of business .. Amien .. Then the letter "9oon9" itself has significance where the letter "G" we make the number "9" (nine), so maknannya we recognize that we as human beings are stupid or we know called "OON" it's just that we as human beings .. because all Muslim religious team, then there is an accompanying and always watching over us that is God Almighty which has 99 names or known as "Asmaul Husna" .. so if we incorporate it into a "9 - oon - 9", because we believe that no human power in an attempt to make something without permission segelumit HIS ... nah it will be said about the philosophy and why we menamain these applications as a "9oon9", apart from philosophy as well but hopefully the point of this application can be beneficial and can advance our nation because this application is intended for both .. Amien.
Ok, hopefully been able to answer questions about the philosophy of "9oon9", now there are questions arise why why use English rather than Indonesian, a very good question, actually we want to make it, but many in the business world that uses the universal languages (UK), even with Indonesian Foreign fact that there are terms that we tend to get to know the English language, but also we want to Feeding Children Nations, so that we can compete with applications from Outside ... Amien
Now we discuss about the technology that we developed in this 9oon9 application, this application we design mengabungkan 2 technology is popular in the world of IT, namely technological ease of updates and changes (WEB) technology and ease of use (User Friendly Window-Based Desktop GUI) . We developed the technology in the affairs of WEB Applications and Business Process / Logic, and the technology we develop Windows GUI applications to display "Input, Report" to the User .. so if we are describing is as follows ...

Listen

Read phonetically

Rate translation

 

9oon9 Technology

Jadi dengan mekanisme teknologi ini, para pengguna aplikasi “9oon9′ akan mendapatkan 2 keuntungan sekaligus, karena dari sisi technical, akan mudah memaintenace aplikasi, semudah memaintenance aplikasi berbasis Web, karena pada sisi user hanya terinstall goong browser, sejenis browser berbasis IE Automation seperti halnya browser Firefox,Opera atau Chrome yang jadi dapat digunakan juga sebagai browser untuk membuka situs-situs di Internet, kemudian keuntungan yang kedua adalah, kemudahan dari sisi user karena User Interfacennya berbasis GUI Windows yang sangat terkenal “User Friendly”, selain kedua hal tersebut adalah dari sisi server, biasannya aplikasi berbasis web menggunakan aplikasi server seperti Apache, IIS dsb, tapi ’9oon9′ memiliki aplikasi server sendiri yang berbasis “WINSOCK“, yang kami sebut dengan nama GBOS ( 9oon9 business object server ), mengapa hal itu kami lakukan ?, yang pertama karena aplikasi ini adalah aplikasi business, maka kami ingin memberikan keamanan lebih bagi para pengguna dalam menggunakan aplikasi “9oon9″ ini, sehingga aplikasi ini menjamin keamanan dan kenyamanan bagi si pengguna aplikasi .., karena dengan menggunakan aplikasi server sendiri, kita dapat membuat role/aturan sendiri .. sesuai dengan keinginan user, sehingga tingkat keamanan dapat diatur sedemikian rupa, contohnya kita dapat atur user yang mengakses dari mekanisme IP bahkan hingga mencatat dari nomor-nomor seri yang ada pada komputer si pengguna seperti nomor hardisk, mac address .. mengapa itu dilakukan ? .. karena sistem akan berjalan di “hutan rimba internet” dimana hukum rimba dapat berlaku, berikut ini tampilan dari “9oon9 browser“

Tampilan 9oon9 Business dalam 9oon9 Browser Dengan Merah Putih Ada Di kanan Atas

Tampilan PHPMyadmin dalam 9oon9 Browser

Tampilan Facebook dalam 9oon9 Browser

Tampilan Google dalam 9oon9 Browser

Tamplilan Menu 9oon9 Business Solution

9oon9 business object server

 

gBOS - Run at Windows Server 2008 64 Bit

nah, itu sekelumit mengenai 9oon9 business, untuk keterangan lebih lanjut silahkan hubungi kami di www.goongbusiness.com, jangan khawatir mengenai masalah harga dan masalah license, karena database yang kami gunakan adalah database Open Source, dan aplikasi kami design sendiri,  jadi sangat-sangat fleksible, bagi kami yang penting biaya dan ongkos implementasi dapat tergantikan … jadi kami sangat membuka kesempatan kepada Institusi dan baik instutusi negara, pendidikan maupun swasta untuk dapat bekerja sama dengan kami … terima kasih …

Ditulis dalam 1, Cisco, ERP, FreeBsd, Hardware dan PC, Jaringan, Linux - Kubuntu, mySQL, Onno W. Purbo, Open Office, Seputar Internet, Seputar Virus, Teknologi Informasi, Umum | 4 Komentar »

Goong ERP – Hasil Karya Anak Bangsa (ERP Asli Buatan Indonesia)

ERP world in Indonesia is still dominated by products outside, so many dollars that are sent to this nation out of the country .. This condition seemed to wince once plasticity, as a nation that on average this smart, applies only as lovers and users only .. Whether it is mental this beloved nation, while scattered clay ERP applications but I do not support the existence of mutual support, which eventually fell off one by one, and it's not just in the business applications industry have turned out .. sector but in other technologies such as the automotive industry .. many engineers many doctors, but which until recently foreign products are widely used although there but not significant, our nation can only make a "muffler" that brisik it and make light glare that makes it ... When I was given the opportunity to walk into industrialized nations out there .. look at all that the people-his people loved their own products, especially the "Japan" .. woih banget tuch pool, it is time our nation rise, starting from the small (if the word Aa) correspond to areas controlled by ... nah speak it, my team and try to use methods that do the "Japan" on as of yore .. ie Purchase later Unloading and Learn then create a resource like this with the possible result as it is today .. an ERP application device, where the module is complete and can be compared with the ERP products currently available .. for that we really need the support .. either from the Board of Education and Industry to provide an opportunity for us to be a product application that can boast of this nation .. For that we are open for cooperation of government agencies, education, industry to support new product "The Work of the Son of the Nation" This is, if talking price could well be negotiated many roads lead to Rome, if the problem fiture please give us a chance to mempersentasikannya, and if talk support, we opened as wide as business partners, so that not only we who control .. for more information please visit www.goongbusiness.com, the following screen capture from Goong Business ...

Main Menu

Chart of Account

Employee Management

Document Approval

Production Plan Gantt Chart

CRM Dashboard

Inventory Management

Warehouse Management

Dashboard Management

Trade and Logistic

Mengenal Teknologi HARD DISK

Hardisk merupakan piranti penyimpanan sekunder dimana data disimpan sebagai pulsa magnetik pada piringan metal yang berputar yang terintegrasi. Data disimpan dalam lingkaran konsentris yang disebut track. Tiap track dibagi dalam beberapa segment yang dikenal sebagai sector. Untuk melakukan operasi baca tulis data dari dan ke piringan, harddisk menggunakan head untuk melakukannya, yang berada disetiap piringan. Head inilah yang selanjut bergerak mencari sector-sector tertentu untuk dilakukan operasi terhadapnya. Waktu yang diperlukan untuk mencari sector disebut seek time. Setelah menemukan sector yang diinginkan, maka head akan berputar untuk mencari track. Waktu yang diperlukan untuk mencari track ini dinamakan latency.

Harddisk merupakan media penyimpan yang didesain untuk dapat digunakan menyimpan data dalam kapasitas yang besar. Hal ini dilatar belakangi adanya program aplikasi yang tidak memungkinkan berada dalam 1 disket dan juga membutuhkan media penyimpan berkas yang besar misalnya database suatu instansi.  Tidak hanya itu, harddisk diharapkan juga diimbangi dari kecepatan aksesnya. Kecepatan harddisk bila dibandingkan dengan disket biasa, sangat jauh. Hal ini dikarenakan harddisk mempunyai mekanisme yang berbeda dan teknologi bahan yang tentu saja lebih baik dari pada disket biasa.  Bila tanpa harddisk, dapat dibayangkan betapa banyak yang harus disediakan untuk menyimpan data kepegawaian suatu instansi atau menyimpan program aplikasi. Hal ini tentu saja tidak efisien. Ditambah lagi waktu pembacaannya yang sangat lambat bila menggunakan media penyimpanan disket konvensional tersebut.  

Sejarah Perkembangan Harddisk

 Harddisk pada awal perkembangannya didominasi oleh perusahaan raksasa yang menjadi standard komputer yaitu IBM. Ditahun-tahun berikutnya muncul perusahaan-perusahaan lain antara lain Seagate, Quantum, Conner sampai dengan Hewlet Packard’s di tahun 1992.  Pada awalnya teknologi yang digunakan untuk baca/tulis, antara head baca/tulisnya dan piringan metal penyimpannya saling menyentuh. Tetapi pada saat ini hal ini dihindari, dikarenakan kecepatan putar harddisk saat ini yang tinggi, sentuhan pada piringan metal penyimpan justru akan merusak fisik dari piringan tersebut.  

 

Gambar 1 : Evolusi Teknologi Hardisk Menurut IBM

 Dari gambar tersebut dapat dilihat dari tahun 1984 sampai dengan 2006 mendatang, perkembangan teknologi penyimpanan data berkembang cepat. Mulai dari ukuran mikro untuk penggunaan laptop sampai ukuran normal untuk penggunaan PC Desktop.  

Trend Perkembangan HardDisk

 Trend perkembangan harddisk dapat kita amati dari beberapa karakteristik berikut :  

a. Kerapatan Data/Teknologi Bahan

 Merupakan ukuran teknologi bahan yang digunakan seberapa besar bit data yang mampu disimpan dalam satu satuan persegi. Dalam hal kerapatan data dari awal sampai sekarang terjadi evolusi yang sangat kontras. Pada awal perkembangannya kerapannya sekitar 0.004 Gbits/in² tetapi pada tahun 1999 labortorium IBM sudah ada sekitar 35.3 Gbits/in². Tetapi menurut www.bizspaceinfotech.com akan diperkenalkan apa yang dinamakan TerraBit density. Harddisk pada awal perkembangannya, bahan yang digunakan sebagai media penyimpan adalah iron oxide. Tetapi sekarang banyak digunakan media thin film. Media ini merupakan media yang lebih banyak menyimpan data dari pada iron oxide pada luasan yang sama dan juga sifatnya yang lebih awet.  

b. Struktur head baca/tulis

 Head baca/tulis merupakan perantara antara media fisik dengan data elektronik. Lewat head ini data ditulis ke medium fisik atau dibaca dari medium fisik. Head akan mengubah data bit menjadi pulsa magnetik dan menuliskannya ke medium fisik. Pada proses pembacaan data prosesnya merupakan kebalikannya.
   
Gambar 2 Desain karakteristik kebanyakan head baca/tulis  
Proses baca tulis data merupakan hal yang sangat penting, oleh karena itu mekanismenya juga perlu diperhatikan. Dalam pendahuluan sebelumnya terdapat perbedaan letak fisik head dalam operasinya. Dulu head bersentuhan fisik dengan metal penyimpan. Kini antara head dan metal penyimpan sudah diberi jarak. Bila head bersentuhan dengan metal penyimpan, hal ini akan menyebabkan kerusakan permanen fisik, head yang aus, tentu saja panas akibat gesekan. Apalagi teknologi sekarang kecepatan putar harddisk sudah sangat cepat. Selain itu teknologi head harddiskpun juga mengalami evolusi.  Evolusi head baca/tulis harddisk : Ferrite head, Metal-In-Gap (MIG) head, Thin Film (TF) Head, (Anisotropic) Magnetoresistive (MR/AMR) Heads, Giant Magnetoresistive (GMR) Heads dan sekarang yang digunakan adalah Colossal Magnetoresistive (CMR) Heads. Ferrite head, merupakan teknologi head yang paling kuno, terbuat dari inti besi yang berbentuk huruf U dan dibungkus oleh lilitan elektromagnetis. Teknologi ini diimplementasikan pada pertengahan tahun 1980 pada harddisk Seagate ST-251. Kebanyakan terdapat pada harddisk yang ukurannya kurang dari 50MB. Metal-In-Gap (MIG), merupakan penyempurnaan dari head Ferrite. Biasanya digunakan pada harddisk yang ukurannya 50MB sampai dengan 100MB. Thin Film (TF) heads, berbeda jauh dengan jenis head sebelumnya. Head ini dibuat dengan proses photolothografi seperti yang digunakan pada pembuatan prosessor.  (Anisotropic) Magnetoresistive (MR/AMR) Heads, head ini digunakan untuk membaca saja. Untuk penulisannya digunakan head jenis Thin Film. Diimplementasikan pada harddisk ukuran 1GB sampai dengan 30GB. Giant Magnetoresistive (GMR) Heads, merupakan penemuan dari peneliti Eropa Peter Gruenberg and Albert Fert. Digunakan pada harddisk ukuran besar seperti 75GB dan kerapatan tinggi sekitar 10 Gbits/in² sampai dengan 15 Gbits/in².

Karena teknologi Giant Magnetoresistive (GMR) mulai ditarik dari pasaran, sebagai penggantinya adalah Colossal Magnetoresistive (CMR).

 Kecepatan Putar Disk

Kecepatan putar pada jaman awal sekitar 3600RPM. Dengan semakin berkembangnya teknologi, kecepatan putar ditingkatkan menjadi 4500RPM dan 5400RPM. Karena kebutuhan media penyimpan yang mempunyai kemampuan tinggi dibuatlah dengan kecepatan 7200RPM yang digunakan pada harddisk SCSI.

 Berikut tabel kecepatan harddisk yang diaplikasikan pada berbagai jenis interface yang berberda :

 

3. Kapasitas

 Kapasitas harddisk pada saat ini sudah mencapai orde ratusan GB. Hal ini dikarenakan teknologi bahan yang semakin baik, kerapatan data yang semakin tinggi. Teknologi dari Western Digital saat ini telah mampu membuat harddisk 200GB dengan kecepatan 7200RPM. Sedangkan Maxtor dengan Maxtor MaxLine II-nya yaitu harddisk berukuran 300GB dengan kecepatan 5400RPM. Beriringan dengan transisi ke ukuran harddisk yang lebih kecil dan kapasitas yang semakin besar terjadi penurunan dramatik dalam harga per megabyte penyimpanan, membuat hardisk kapasitas besar tercapai harganya oleh para pemakai komputer biasa.   Gambar 3 Sistem kontrol head  Pada tiap piringan penyimpan terdapat satu head. Untuk menjangkau tengah pinggir piringan digunakan sliders sebagai perantaranya.

Teknologi Harddisk masadepan

 Harddisk dimasa mendatang salah satunya dititik beratkan pada kecepatan akses dan kapasitasnya. Hal ini dapat dilakukan dengan mereduksi komponen mekanis dari fisik harddisknya. Komponen mekanis yang tidak mampu bekerja pada frekuensi tinggi digeser dengan komponen yang bersifat elektris yang mampu bekerja dalam orde MHz bahkan GHz.

Dapat dilihat saat ini sudah dirilis berbagai macam media penyimpan elektronis dalam bentuk kecil. Misalnya USB Drive dan MultiMedia Card. Bila nantinya teknologi ini diterapkan dan dapat harganya terjangkau, kemampuan komputer dari sisi kecepatan akses baca/tulis media penyimpan akan meningkat pesat. Otomatis kemampuan PC Server untuk melayani request dari client akan meningkat.

Berikut Ini Beberapa Rangkuman Referensi Singkat Mengenai Hard Disk ;

INTERFACE HARD DISK IDE (Integrated Drive Electronics) ;

standar lama yang masih ada. Murah, dan terintegrasi dengan MB merupakan alasan teknologi ini teta p ada.Jumlah IDE ada 4 buah tiap MBKoneksi dengan kabel pipih 80 pininterface yang bottleneck dan menghambat panas 

SCSI (Small Computer Standard Interface)

Kecapatan 160 mb/detik Jenis SCSI (SCASI I, Wide SCSI, Ultra wide)Menggunakan card tersendiriMB teknologi baru sudah menyertakan card SCSInya .

SCSI biasanya digunakan untuk system server, yang menuntut kinerja tinggi Sistem SCSI dikenal dengan teknologi RAID,sistem penyusunan, penulisan, keamanan dengan beberapa HD.

RAID (Redudancy Array of Independent Disk), merupakan sekumpulan diskdrive yang dianggap oleh OS sebagai drive tunggal.Recovery dan security menjadi prioritas.

Pemasangan Harddisk

Kabel IDE terdapat strip warna merah Power supply ditancapkan bersebelahan atau sejajar dengan warna merah pada kabel IDEJika salah komputer tidak akan bootingLakukan deteksi HD lewat BIOS 

Proses Baca Hardisk 

Saat sebuah sistem operasi mengirimkan data kepada hard drive untuk direkam, drive tersebut memproses data tersebut menggunakan sebuah formula matematikal yang kompleks yang menambahkan sebuah bit ekstra pada data tersebut.Bit tersebut tidak memakan tempat: Di kemudian hari, saat data diambil, bit ekstra tersebut memungkinkan drive untuk mendeteksi dan mengkoreksi kesalahan acak yang disebabkan oleh variasi dari medan magnet di dalam drive tersebut. Kemudian, drive tersebut menggerakkan head melalui track yang sesuai dari platter tersebut. Waktu untuk menggerakkan head tersebut dinamakan “seek time”. Saat berada di atas track yang benar, drive menunggu sampai platter berputar hingga sector yang diinginkan berada di bawah head. Jumlah waktu tersebut dinamakan “drive latency”. Semakin pendek waktu `seek` dan `latency`, semakin cepat drive tersebut menyelesaikan pekerjaannya. Saat komponen elektronik drive menentukan bahwa sebuah head berada di atas sector yang tepat untuk menulis data, drive mengirimkan pulsa elektrik pada head tersebut. Pulsa tersebut menghasilkan sebuah medan magnetik yang mengubah permukaan magnetik pada platter. Variasi yang terekam tersebut sekarang mewakili sebuah data. Membaca data memerlukan beberapa proses perekaman. Drive memposisikan bagian pembaca dari head di atas track yang sesuai, dan kemudian menunggu sector yang tepat untuk berputar di atasnya. Saat spektrum magnetik tertentu yang mewakili data Anda pada sector dan track yang tepat berada tepat di atas head pembaca, komponen elektronik drive mendeteksi perubahan kecil pada medan magnetik dan mengubahnya menjadi bit. Saat drive tersebut selesai mengecek error pada bit dan membetulkannya jika perlu, ia kemudian mengirimkan data tersebut pada sistem operasi. 

 

Sectors dan Tracks 
Tracks adalah bagian dari sepanjanjang keliling lingkaran dari luar sampai ke dalam.Sedangkan sector adalah bagian dari tracks.Sectors memiliki jumlah bytes yang sudah diatur. 
Ada ribuan sector dalam HD
1 sectors normalnya menyimpan 512 byte informasi 

 

Bahan Pembuat Hardisk 
Saat ini hd dibuat dengan teknologi material media magnetik disebut thin film.Lebih rapat, masa pakainya, kecil, ringan dari bahan oxide 

Mekanisme Kerja Hard Disk
Proses baca tulis dilakukan oleh lengan hd dengan media Fisik magnetikHead hardisk melakukan konversi bits ke pulse magnetik dan menyimpannya ke dalam platters, dan mengembalikan data jika proses pembacaan dilakukan Hard disk memiliki “Hard platter” yang berfungsi untuk menyimpan medan magnet.Pada dasarnya cara kerja hard disk adalah dengan menggunakan teknik perekaman medan magnet. Cara kerja teknik magnet tersebut memanfaatkan Iron oxide (FeO) atau karat dari besi, Ferric oxide (Fe2O3) atau oxida lain dari besi. 2 oxida tersebut adalah zat yang bersifat ferromagnetic , yaitu jika didekatkan ke medan magnet maka akan ditarik secara permanen oleh zat tersebut.

Cara Aman Mengotak-atik Setting BIOS PC

Bila Windows adalah wajah ramah yang ditampilkan proyek-proyek komputer kepada dunia, maka BIOS adalah sisi gelap bawah sadar yang bertugas untuk berpikir. BIOS (Basic Input/Output System) adalah kode untuk fungsi-fungsi fundamental PC, seperti mengumpulkan ketukan tombol dari keyboard atau meletakkan pixel ke layar.
Program kecil ini bekerja di balik layar, menterjemahkan perintah Windows yang people-friendly menjadi angka nol dan satu yang hanya dimengerti oleh hardware Anda. Dan sebagaimana alam bawah sadar manusia, BIOS bisa berpengaruh sangat kuat pada tingkah laku dan kinerja PC Anda.

Terapi BIOS
Ketika teknologi baru muncul dan bug tua ditemukan, para pembuat komputer sering menerbitkan versi BIOS yang telah diupdate yang dapat mengatasi problem dan meningkatkan kinerja. Periksa situs Web pembuat PC Anda mengenai update terbaru. Namun pertama-tama pastikan Anda memiliki nomor versi terbaru BIOS; biasanya muncul sekilas di monitor Anda tepat setelah Anda menyalakan sistem. (Tekan tombol Pause bila kilasannya terlalu cepat.)
Mengupdate BIOS mudah, tetapi Anda harus melakukannya dengan hati-hati. Biasanya Anda perlu menjalankan program kecil dari floppy disk saja. Namun bila terjadi masalah, Anda hanya bisa meratapi motherboard yang tidak bisa lagi Anda gunakan. Jadi pastikan bahwa sebelumnya Anda telah membaca semua instruksi di file readme BIOS update. Dan selalu lakukan persis seperti apa yang petunjuk-petunjuk itu katakan.
Jika BIOS adalah bawah sadar PC, maka utiliti Setup merupakan fondasi untuk membangun karakter PC. Utiliti tersebut memiliki setting user untuk mengontrol harddisk, memori, kartu-kartu grafis, power saving, port USB, dan hardware lain. Program tersebut biasanya disertakan dalam disk, tetapi sekarang sudah tersimpan dalam chip ROM yang sama dengan BIOS PC.
Untuk membuka Setup, cukup tekan tombol (atau kombinasi tombol) yang disarankan kepada Anda untuk dimasukkan ketika PC melakukan start up. Masing-masing pembuat BIOS menggunakan tombol yang berbeda — Delete, F1, atau F10. Di layar Anda seharusnya memperlihatkan tombol atau tombol-tombol mana yang perlu ditekan untuk Setup tepat setelah layar menampilkan angka versi BIOS. Jika tidak, periksa dokumentasi sistem Anda.
Karena utiliti Setup dibuat oleh pembuat BIOS dan berada dalam chip yang sama dengan BIOS, ini sering disebut utiliti BIOS Setup. Dan karena utiliti ini menyimpan settingnya di chip clock/calendar — chip complementary metal-oxide semiconductor, atau CMOS — maka sering pula disebut sebagai program Setup CMOS. (Chip CMOS memiliki batere sendiri untuk memelihara setting chip sekalipun PC dimatikan.)
Utiliti Setup memiliki setting hardware yang berlimpah, mulai dari yang terlihat nyata, seperti setting waktu di clock PC, sampai yang tidak kelihatan, seperti jumlah “wait states” yang mengkoordinasi aliran data antara RAM dan CPU.
Pertama, Jangan Merusak
Ketika bekerja dengan utiliti Setup PC, gunakan petunjuk praktis yang sama diajarkan pada awal bedah otak: Bila Anda tidak tahu apa yang dilakukan sesuatu, jangan berurusan dengannya. Kecerobohan mengubah wait state atau setting lainnya dapat menurunkan kinerja atau bahkan menyebabkan sistem mengalami crash.
Jika Anda mengira Anda telah tanpa sengaja mengubah setting ketika sedang bekerja dengan utiliti Setup, segera berhenti dan mulailah dari awal lagi. Semua utiliti Setup memiliki pilihan menu yang memungkinkan Anda keluar tanpa menyimpan perubahan. Anda mungkin melihat pula pilihan untuk mengembalikan setting ke nilai defaultnya. Abaikan opsi ini: Bila vendor PC Anda telah melakukan fine-tune terhadap sistem, setting default si pembuat BIOS mungkin membuatnya menjadi tidak optimal.
Backup setting-setting Anda sebelum membuat perubahan. Bila batere yang menghidupi chip clock/calendar mati, setting-setting Anda mati bersamanya. Bila utiliti Setup Anda mempunyai opsi backup, gunakanlah. Jika tidak, catat setting di kertas — atau tekan key Print Screen untuk masing-masing layar di utiliti tersebut (tetapi ini tidak selalu berfungsi).
Apa yang Dicari
Sebelum mulai, baca sampai selesai user manual yang menyertai PC atau motherboard. Banyak manual menawarkan penjelasan singkat masing-masing setting. Setting bervariasi menurut manufaktur dan model, namun Anda seharusnya menemukan ini di hampir semua PC:
Optimalisasi dan kompatibilitas setting: Utiliti Setup sering berisi setting-setting untuk kinerja hardware. Kadang-kadang ini tidak diatur secara optimal di pabrik, utamanya pada PC yang dibuat berdasar pesanan atau generik. Scan seluruh program Setup. Setting modus AGP dan setting DMA merupakan kandidat utama untuk dioptimalisasi. Setting-setting ini juga berguna untuk troubleshooting hardware yang baru diinstall: Menonaktifkan atau menurunkan setting yang diberikan bisa memicu ketidak-kompatibelan kartu grafis, CD-ROM drive, atau peranti lain yang terjadi sebelumnya.
Setting harddisk: Anda akan menemukan tabel, biasanya pada halaman kedua atau Advanced dan dengan judul “IDE”, yang mendaftar semua parameter konfigurasi untuk EIDE harddisk yang secara langsung terkoneksi ke motherboard. (SCSI harddisk dan EIDE harddisk yang tidak punya kartu ekspansi akan menjalankan program konfigurasinya sendiri.) Sementara kebanyakan PC yang dibuat selama beberapa tahun terakhir dapat dengan mulus mendeteksi dan mengkonfigurasi harddisk baru, sebagian memerlukan instalasi manual. Baca your dokumentasi disk baru Anda mengenai prosedur tersebut dan gunakan opsi-opsi on-screen untuk membuat perubahan di tabel ini.
Floppy disk: Opsi ini memungkinkan Anda menyetel tipe floppy drive (3,5 inci, 1,44MB, sebagai contoh) yang telah Anda tetapkan sebagai drive A: atau B: Anda. Ini merupakan setting yang perlu diperiksa jika Anda mengalami problem floppy-drive. Sebagian utiliti Setup mempunyai setting sekuriti `Floppy Read only` tersendiri yang mencegah data Anda dituliskan ke floppy disk dan dihapus dari PC.
Urutan booting: Setting ini menentukan mana yang pertama kali dilihat PC ketika instruksi boot-up. Contoh: `A: kemudian C:`, `C: kemudian A:`, atau `C:, Zip drive`. Untuk booting dari CD-ROM drive, Zip, atau LS-120, Anda sepertinya harus mengubah setting ini.
Proteksi password: Bila ini diaktifkan, BIOS akan menanyakan password sebelum booting up. Sangat berhati-hatilah dengan yang satu ini: Bila melupakan password, Anda terpaksa mereset jumper motherboard atau mencopot batere CMOS, yang akan menyebabkan Anda kehilangan semua setting, atau Anda bahkan harus membeli motherboard baru.
Setting IRQ: Bila Anda butuh setting IRQ ekstra untuk hardware baru, Anda perlu membebaskan satu IRQ dengan menonaktifkan feature yang tidak digunakan, seperti port serial, port paralel, atau port USB.
Setting port paralel: Pilih modus yang paling cocok untuk hardware. Modus ECP atau EPP dapat sangat mempercepat printer dan peranti lain.
Kipas RPM dan temperatur CPU: Dua parameter kritis ini sebaiknya dicentang secara periodik untuk memastikan mereka berfungsi dengan benar.
Bantuan Hardware Offline
Internet sangat bagus untuk menemukan jawaban atas pertanyaan-pertanyaan hardware, tetapi menyelidiki situs-situs Web untuk mendapatkan nasihat yang bisa dipercaya cukup menghabiskan waktu. Kadangkala cara tercepat untuk mendapat jawaban adalah cara gaya kuno: dengan buku referensi yang baik. Di bawah ini adalah dua yang terbaik.
Upgrading and Repairing PCs ( www.upgradingandrepairingpcs.com) karya Scott Mueller (US$ 60) merupakan buku klasik yang mencakup segala sesuatu yang Anda butuhkan tentang PC dan hal-hal yang mungkin Anda tidak ketahui. Bila Anda mencari referensi menyeluruh, keluasan dan kedalaman judul ini belum terkalahkan ( www.quepublishing.com).
PC Hardware in a Nutshell ( www.oreilly.com/catalog/pchardnut2) oleh Barbara Fritchman Thompson dan Robert Bruce Thompson (US$ 40) merupakan panduan praktis yang bagus untuk membeli dan menggunakan PC. Dimuati dengan nasehat bergaya ringkas yang secara jelas memberikan informasi yang Anda perlukan, tanpa Anda harus mencari-carinya (www.oreilly.com).
Drive Kotor
Benah-benah di akhir minggu meninggalkan lapisan debu yang menutupi seluruh kantor, dan Anda kuaatir CD-RW drive Anda mungkin kotor. Bagaimana sebaiknya membersihkannya?
Mungkin sebaiknya tidak. Gosokan paling halus sekalipun dapat menghambat laser sensitif pada drive, jadi bila tidak rusak, jangan bersihkan. Bila kinerja menurun, atau bila drive Anda tidak mampu membaca medianya, coba beberapa semprotan yang diarahkan dengan baik dari kaleng semprotan udara — tersedia dengan harga kurang dari US$ 10 di toko-toko komputer. Pastikan menggunakan sedotan plastik yang menyertai kaleng. Dan jaga agar menyemprot pelan-pelan; desakan semprotan yang berlebihan dapat menyebabkan kondensasi yang menumpuk uap lembab pada interior drive. Sebelum menggunakan kit pembersih CD-RW seperti US$ 15 Drive Guardian buatan Kensington ( www.kensington.com/html/1080.html), carilah rekomendasi dari pembuat drive; sebagian merekomendasikannya, tetapi yang lainnya tidak.
Menghentikan Program Tua
Beberapa program software yang benar-benar tua hanya tidak sanggup berfungsi pada PC kecepatan tinggi sekarang ini. Jika Anda memiliki program kuno yang mengunci atau memunculkan pesan error setiap kali Anda hendak menjalankannya, cobalah CPUKiller; utiliti gratis dan mudah digunakan, yang memungkinkan Anda memperlambat PC sesedikit atau sebanyak Anda inginkan. Pergilah ke www.cpukiller.com untuk mendownloadnya.