Sabtu, 02 April 2011

Sejarah Komputer

Sejarah Komputer
Mungkin tidak pernah terpikir, seperti apa awalnya komputer yang Anda gunakan saat ini? Sebenarnya, komputer telah lama diciptakan orang, yaitu sekitar tahun 1940-an. Menurut eranya, komputer terbagi menjadi beberapa generasi sebagai berikut.
1. Generasi pertama (1940–1959)
Komputer generasi pertama mempunyai ukuran sangat besar dan terdiri dari tabung-tabung vakum (hampa gas) untuk memproses dan menyimpan pesan. Tabung vakum tersebut seperti lampu-lampu kecil yang cepat panas dan mudah terbakar. Sekitar tahun 1937-1942, muncullah ABC, komputer digital elektronik pertama yang diciptakan oleh Jhon V.
Atanasoff dan Clifford Benry. Sekitar tahun 1946, Dr. John Mauchly dan Presper Eckert menciptakan ENIAC (electronic numerical integrator and calculator) yang membutuhkan tempat cukup besar (sekitar 140 m2, dengan berat 30 ton, daya 130 kilowatt, dan 1.800 tabung vakum).
Setelah ENIAC diciptakan, Dr. John Mauchly dan Presper Eckert mencoba teknologi komputer yang lebih baik, yaitu EDVAC (electronic discrete variabel automatic computer). Teknologi ini telah mengurangi pemakaian tabung vakum sehingga kemampuannya lebih baik. Munculnya teknologi EDSAC (electronic delay storage automatic calculator) yang menggunakan raksa dan tabung vakum sebagai penyimpan data atau pesan, membuat teknologi komputer semakin berkembang.
Pada tahun 1951, Dr. John Mauchly dan Presper menciptakan UNIVAC1 (universal automatic calculator), yaitu komputer pertama untuk memproses data perdagangan dengan teknologi yang menggunakan raksa sebagai penyimpan. Tahun 1953 diluncurkan IBM 701 dan tahun 1959 diluncurkan pula IBM 650 sebagai teknologi terbaru pada era tersebut.
2. Generasi kedua (1959-1964)

Pada generasi kedua, komputer menggunakan transistor dan diode. Tabung-tabung vakum yang mudah rusak atau terbakar tidak dipakai lagi. Selanjutnya, cara terbaru pada generasi kedua adalah menggunakan teras magnetik sebagai penyimpan data atau pesan.
Pada era ini, sudah digunakan bahasa tingkat tinggi, yaitu FORTRAN (1954) dan COBOL (1959) sebagai pengganti bahasa mesin. Komputer diciptakan lebih kecil, lebih murah, dan digunakan untuk memproses data di bidang perdagangan dan militer, juga di universitas.
Komputer yang dikenal pada era ini adalah IBM 1400 yang diciptakan oleh John Bardeen, William Shockley, dan Walter Brattain. Teknologi selanjutnya adalah UNIVAC M460, IBM 7090, IBM 7094, NCR 315, dan BURROUGHS 5000.
Generasi ketiga (1964–1980)
Pada generasi ketiga, IBM (international business machine) memperkenalkan sistem 360 yang menggunakan teknologi terpadu dengan meletakkan beribu-ribu transistor pada keping silikon, biasa dikenal dengan large scale integration (LSI).
Bahasa yang digunakan adalah BASIC dan PASCAL. Pada generasi ketiga ini, komputer telah mencapai era mini komputer. Komputer yang dikenal pada era ini, yaitu IBM 360 (1964), minikomputer— PDP-8 (1965), ICL 1900 (international computer limited), dan VAC 9000.
Generasi keempat (1980 )
Komputer generasi keempat telah mencapai teknologi mikroelektronik atau lebih dikenal masyarakat umum dengan cip atau IC. Teknologi ini meletakkan ribuan transistor dalam satu keping silikon melalui proses LSI.
Transistor digunakan sebagai bahan logika komputer. Komputer yang dikenal pada era ini adalah Apple II, IBM PC, NEC PC dan Sinclair. Komputer generasi keempat sudah sangat maju, seperti halnya komputer yang ditemukan sekarang, mulai dari Prosessor 8086, 80286, 80386, 80486, Pentium, Celeron, Pentium II, Pentium III, dan Pentium 4.
Untuk generasi berikutnya, mungkin akan dijumpai komputer yang sangat canggih dan kecil, atau komputer yang dapat mengerti keinginan penggunanya.
 Generasi Kelima (1982 – …)
Komputer generasi kelima menggunakan komponen elektronik bentuk paling baru dari CHIP VLSI.Program dibuat dalam Bahasa PROLOG (Programming Logic) dan LISP (List Processor).
Komputer generasi kelima difokuskan kepada Artificial Inteligence (kecerdasan buatan), yaitu sesuatu yang berhubungan dengan penggunaan komputer untuk melaksanakan tugas-tugas yang merupakan analogi tingkah laku manusia.
Ciri-cirinya:
• Dapat membantu menyusun program untuk dirinya sendiri.
• Dapat menerjemahkan dari suatu bahasa ke bahasa lain.
• Dapat membuat pertimbangan-pertimbangan logik.
• Dapat mendengar kalimat perintah yang diucapkan serta melaksanakannya.
• Dapat memilih setumpuk fakta serta menggunakan fakta yang diperlukan.
• Dapat mengolah gambar-gambar dan grafik dengan cara yang sama dengan mengolah kata, misalnya dapat melihat serta mengerti sebuah foto.
Menteri Perindustrian dan Perdagangan Jepang mempunyai inisiatif untuk membuat proyek komputer generasi kelima dengan nama PIM. Gambar menunjukkan komputer generasi kelima, PIM.

Jumat, 01 April 2011

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :




Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}


4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

<script src='http://wlgl-laksana.blogspot.com/blog/tabview.js' type='text/javascript'/>


6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>

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

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />

</div>
</div>


</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>


Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

Membuat Loading Blog Menjadi Cepat

Banyak cara untuk mengurangi berat loading blog. Salah satunya dengan CSS Compressor.Cara kerja alat ini adalah memotong/memperpendek code CSS dari template blog. Sehingga membuat kode-kode yang ada pada template blog menjadi lebih sedikit. Alhasil ,loading blog menjadi lebih cepat.

 Kode CSS pada tempplate contohnya seperti ini,
a {
color: #ffffff;
font-size: 12px;
text-decoration: none;
text-transform:title case;
padding: 0px 0px 0px 3px;
}

a:visited {
color: #ffffff;
font-size: 12px;
text-decoration: none;
text-transform:title case;
padding: 0px 0px 0px 3px;
}

a:hover {
color: #ffffff;
text-decoration: none;
padding: 0px 0px 0px 3px;
}

Setelah diamati, maka dari contoh tersebut kita bisa melihat ada dua bagian CSS yang sama. Bagian itu adalah properti CSS untuk fungsi a dan fungsi a:visited. Nah, kedua properti tersebut dapat disederhanakan dengan menggabungkannya dengan memberi tanda koma ( , ). Sekarang perhatikan kode warna dalam hexa color code #ffffff. Warna juga bisa disederhanakan menjadi seperti ini #fff. Sehingga secara keseluruhan kode CSS tersebut bisa menjadi seperti ini :

a,a:visited{
color:#fff;font-size:12px;
text-decoration:none;
text-transform:title case;
padding:0 0 0 3px
}

a:hover{
color:#fff;
text-decoration:none;
padding:0 0 0 3px
}

Setelah kode CSS tersebut dikompres, terlihat ada pengurangan spasi di antara kode a,a:visited. Nah, berarti bisa diambil kesimpulan bahwa spasi juga berpengaruh terhadap kecepatan loading blog. Maka kode di atas masih dapat disederhanakan lagi menjadi seperti ini :

a:hover{color:#fff;text-decoration:none;padding:0 0 0 3px}
a,a:visited{color:#fff;font-size:12px;text-decoration:none;text-transform:title case;padding:0 0 0 3px}

Nah, jika sudah menjadi singkat sperti itu, maka dijamin loading blog akan menjadi cepat.

Banyak tool CSS compressor yang bisa Anda gunakan secara gratis di internet. Cari saja dengan kata kunci "css compressor" atau "free css compressor". Salah satunya adalah CSS Compressor situs yang memang khusus menangani kompresi CSS. Nah, jika Anda memang tertarik menggunakan tool ini, maka saya sarankan sebaiknya backup dulu templateAnda dan simpan di komputer.

Berikut langkah cara kompresi CSS dengan CSS Compressor :
  1. Silahkan kunjungi http://www.csscompressor.com
  2. Pada Compression Mode pilih mode kompresi yang anda inginkan. Ada yang Highest, Hight, Standart, atau Low.
  3. Copy lalu paste kode CSS yang ingin anda kompres ke CSS input.
  4. Kemudian klik tombol Compress.
  5. Di kolom bawah akan ada hasil kompresi. Sekarang klik tombol Select All. Copy kemudian paste kode tersebut pada template anda yang CSS nya dikompres.
  1. Selesai.
Selain tool dari CSS Compressor, Anda juga bisa menggunakan tool css compressor lainnya dari CSSDrive.com, Arantius.com, Mabblog.com, CSSOptimiser.com dan lain-lain. Silahkan kunjungi situs-situs di bawah ini untuk mengkompress CSS template blog Anda :