Muhammad Ihsan Ramdani

Free CSS3 menu Generator

2010-08-08T18:30:00.000-07:00

CSS3 saat ini sedang hangat-hangatnya dibicarakan oleh para webmaster serta blogger. Kehadiran CSS3 dianggap membawa angin segar khususnya bagi mereka para web developer. Hal ini tiada lain karena fitur-fitur CSS3 yang begitu menakjubkan.

Salah satu contoh kecil dari fitur CSS3 adalah dalam pembuatan tombol menu atau navigasi. Dengan CSS3 ini, membuat tombol navigasi berbentuk rounder tidak lagi memerlukan bantuan gambar atau javascript, sehingga proses loding akan lebih cepat.

Nah, bagi anda yang menyukai menu dengan efek dari CSS3 yang menakjubkan, kini tidak usah berpusing ria atau berguling-guling dipasir karena anda dapat membuatnya dalam waktu beberapa menit saja dengan memakai CSS3 menu Generator.

Nama asli dari aplikasi ini adalah CSS3 menu 1.2, cuma biar gayaan dikit kang rohman tambahkan generator di belakangnya .

Dengan aplikasi CSS3 Menu, anda dapat membuat berbagai macam Menu yang begitu cantik hasil dari efek CSS3 hanya dalam hitungan menit. Untuk melihat live demo yang dihasilkan dari CSS3 menu, bisa anda lihat di sini.

Yang mo nyoba, silahkan download saja langsung CSS3 Menu.

Semoga bermanfaat!

kolom-tutorial

Perintah echo pada PHP

2010-08-08T18:20:00.000-07:00

Pada artikel sebelumnya di sini, kita membahas cara membuat server web localhost. Nah pada kesempatan kali ini, mari kita coba dan pelajari cara menggunakan server web tersebut secara lebih maksimal, yaitu dengan mencobanya dengan membuat file PHP.

Langkah pertama adalah buat folder baru di dalam server localhost yang berlokasi di C:\XAMPP\htdocs (sesuai tempat penginstallan). Beri nama folder baru tersebut dengan “latihan”.

Kita akan membuatnya menggunakan notepad, karena merupakan software default bawaan dari windows. So, sobat-sobat pasti punya kan? Setelah program notepad terbuka, maka ketikanlah kode berikut di dalamnya.

<html>

<head><title>Web PHP Pertamaku</title></head>
<body>
<?php
echo "Tulisan Tanpa Variasi. <br>";
echo "<b>Tulisan Dengan Bold.</b><br>";

echo "<u>Tulisan Dengan Garis Bawah.</u>";
?>
</body>
</html>

Setelah selesai mengetikan kode di atas, simpan dengan nama “pertama.php” di dalam folder “latihan” yang baru saja dibuat.

Ingat! Karena sobat menggunakan notepad, jadi harus perhatikan juga Save as type nya , ubah jadi All Files.

Setelah selesai menyimpannya, maka selanjutnya kita akses file tersebut dari browser kesayangan sobat. Buka browsernya lalu arahkan addressnya ke http://localhost/latihan/pertama.php dan lihat hasilnya.

PENJELASAN KODE

Setiap memulai kode PHP, harus kita awali dengan tanda <?php. Lalu di baris-baris kode berikutnya sobat sering melihat kata echo, kata ini sebenarnya adalah sebuah perintah PHP untuk mencetak kata ke layar browser. Kalau pada HTML kita bisa mengetikan secara langsung kodenya untuk ditampilkan ke layar browser, tapi kalau di PHP harus diawali dengan perintah echo terlebih dahulu.

echo "<b>Tulisan Dengan Bold.</b><br>";

Isi yang akan kita cetak, harus kita letakan di antara tanda petik. Selain itu kita juga bisa menambahkan kode HTML di dalamnya, pada hal ini kita tambahkan tag <b> yang fungsinya untuk mencetak tebal (bold). Dan jangan lupa setelah selesai setiap suatu perintah (statement) di dalam PHP harus kita beri tanda titik koma ( ; ).

Sekarang kita beralih ke alamat/URL pengaksesannya, yaitu http://localhost/latihan/pertama.php

http://localhost adalah URL untuk mengakses server local, lalu latihan/ adalah nama folder tempat kita menyimpan filenya. Sedangkan pertama.php adalah nama file yang akan kita akses.

Sekian dulu tutorial kali ini, sampai jumpa next time. Mudah-mudahan bisa bermanfaat bagi semua.

Tentang Author :

Wilianto Indrawan

Seorang blogger dan freelance web developer yang suka coba-coba hal-hal baru walaupun kadang suka sok tau, but be myself..

Blog: http://www.wilianto.com

Buat Halaman Intro Di blogger

2010-08-08T18:00:00.000-07:00

Posted: 06 Aug 2010 09:01 AM PDT

Ada beberapa orang yang menanyakan ke Kang Rohman, bisakah di blogger membuat halaman intro seperti pada website-website tertentu? jawabannya mungkin bisa saja kali, cuma terus terang kang Rohman belum pernah mencobanya.

Apa yang dimaksud intro disini? mungkin yang dimaksud oleh si penanya adalah pada website-website tertentu, apabila website tersebut dikunjungi tidak langsung ke halaman utama, namun terlebih dahulu disuguhkan oleh sebuah halaman yang umumnya adalah ucapan selamat datang atau navigasi, ada juga yang berupa gambar animasi ataupun dalam bentuk flash.

Secara umum, blog diblogger agak sulit untuk membuat halaman intro, namun bukan berarti tidak mungkin. Terkait masalah intro ini, pernah juga beberapa blogger membahasnya, antara lain adalah teman kang Rohman yaitu Kang Jaloe, dalam blognya diterangkan bagaimana mengakali agar diblogger bisa dibuat sebuah intro.

Tertarik akan topik ini, kang Rohman mencoba untuk membuat sebuah halaman intro yang bisa dipakai di blogger. Dengan bermodalkan sebuah script iklan dari dynamicdrive, dan tentu saja terjadi modifikasi dibeberapa titik, akhirnya halaman yang mirip intro bisa juga dibuat. Yang penasaran mungkin bisa melihat halaman demonya disini.

Jika sesuai skenario, pada halaman tersebut anda disuguhi sebuah halaman intro berupa ucapan selamat datang dan sebuah animasi gif dari winnie the pooh, dan untuk melihat halaman asli dari blog tersebut anda bisa klik tulisan “Go to Homepage” atau pada animasi winnie the pooh nya.

Apabila anda telah masuk ke homepage halaman aslinya, anda tidak akan melihat kembali halaman intro tersebut, dengan kata lain anda tidak akan diganggu lagi oleh kehadirannya. Kapan anda bisa melihat kembali halaman intro tersebut? halaman intro tersebut akan muncul kembali apabila anda menutup browser yang digunakan, kemudian mengunjungi kembali halaman tersebut. Namun efek tersebut berlaku apabila komputer yang anda gunakan tidak mematikan fungsi cookie karena script yang digunakan menggunakan meninggalkan jejak di cookie komputer sebagai pengingat.

Ah kang Rohman terlalu banyak basa basi, langsung ke tutorial pemasangan script tersebut dong? Eith, sabar dulu dong. Kalau orang dewasa bilang perlu ~~foreplay~~ agar terasa lebih nikmat…. upsss itu sih untuk tujuh belas tahun keatas

Tapi jika terlalu kepanjangan jadi bosen juga yah, mending langsung aja deh ke tutorial bagaimana cara memasang script intro ke blogger.

Cara Pasang Script Intro Ke blogger

Silahkan ikuti langkah-langkah berikut ini :

Silahkan login ke blogger dengan ID anda.
Klik Rancangan.
Klik menu Edit HTML
Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

Silahkan cari kode berikut pada template anda :

]]></b:skin>

Silahkan copy, lalu paste kode berikut diatas kode ]]></b:skin>

#intro{
background:#CAD8C9 url(http://lh6.ggpht.com/_pt7i0nbIOCY/TDVAtE_sRoI/AAAAAAAACtU/vYI1BUEhw0g/latar_thumb%5B2%5D.jpg) repeat-x top left fixed;
position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
z-index:100;
text-align:center;
visibility:hidden;
}
* html #intro{
position:absolute;
width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
#intro .welcome{
color: rgb(255, 0, 0);
font-weight: bold;
font-style: italic;
font-size:30px;
margin-top:10%;
margin-bottom:1%;
text-shadow:1px 1px 1px #fff;
}
#intro a img{border:none}
.gohome, .gohome a,.gohome a:visited,.gohome a:active{
color: rgb(255, 0, 0);
font-weight: bold;
font-style: italic;
margin-top:4%;
font-size:25px;
text-shadow:1px 1px 1px #fff
}
.gohome a:hover{
color:#ffffff;
text-shadow:1px 1px 1px #f00;
text-decoration:none
}

Silahkan cari kode berikut pada template anda :

</head>

Silahkan copy, lalu paste script berikut diatas kode </head>

<script type='text/javascript'>

//<![CDATA[
/***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
/*************************************************
* Blogger intro by http://www.blogspottutorial.com
**************************************************/
var persistclose=1
var startX = 0
var startY = 0
var verticalpos="fromtop"
function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}}return returnvalue;}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"

document.getElementById("intro").style.visibility="hidden";}
function staticbar(){
barheight=document.getElementById("intro").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;  }
return el; }
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y == (pY + startY - ftlObj.y)/0;}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y == (pY - startY - ftlObj.y)/0;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10); }
ftlObj = ml("intro");
stayTopLeft();}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>

</script>

Cari kode berikut pada template anda <body>

Copy, lalu paste kode berikut dibawah kode <body>

<div id='intro'><div class='welcome'>Welcome to my blog</div>

<a href='' onclick='closebar(); return false'><img alt='go to my homepage' src='http://i234.photobucket.com/albums/ee208/decnote/cute-comment/Cute-hi5-60.gif' title='go to my homepage'/></a>
<div class='gohome'><a href='' onclick='closebar(); return false'>Go to homepage</a></div>
</div>

Klik tombol SIMPAN SETELAN.

Silahkan lihat hasilnya. Selesai.

Penjelasan

Script diatas hanyalah sebuah contoh saja, anda dapat berbagai variasi tampilan dengan memodifikasi bagian CSS.

Anda dapat mengubah tulisan yang ada dengan tulisan anda sendiri, selain itu jika anda penggemar flash, tentu saja dapat mengganti gambar animasi gif diatas dengan kode flash yang anda miliki.

Kelebihan Script Intro Blogger

Script ini menggunakan cookie sebagai pengingat, sehingga karekteristiknya hampir mendekati sebuah intro sungguhan seperti pada website-wbsite tertentu.

Kekurangan Script Intro Blogger

Kekurangan yang dirasa cukup mencolok adalah intro ini menggunakan script untuk menutup halaman utama yang dalam kenyataannya halaman blog anda yang lebih dahulu di load daripada script intro yang sedikit lambat untuk di load, sehingga halaman yang terbuka lebih dahulu adalah halaman blog anda kemudian beberapa saat kemudian disusul dengan halaman intro. Ini tentunya terbalik dengan tujuan utama dari sebuah intro.

Walaupun demikian, ini tentunya bisa jadi sebuah ide atau inspirasi bagi anda yang mahir tentang pemrograman untuk menciptakan script intro yang lebih ringan di load ataupun cara-cara lain untuk membuat sebuah halaman intro yang lebih mantap surantap .

Akhir Kata

Semua tulisan diatas hanyalah sebuah iseng dari sebuah kesenangan kang Rohman belaka, oleh karenanya tentu banyak kekurangan disana sini yang tentunya anda perlu memaklumi atas kekurangan tersebut.

Source and Credits

Original script - dynamicdrive

Animated gift - Graphics comments hi5

kolom-tutorial

Bikin Form Tanya Jawab Pribadi

2010-01-13T02:11:00.000-08:00

formspring.me
Website ini menyediakan layanan form tanya jawab. Si penanya boleh nanya apa aja, dan kita berhak menentukan mau jawab atau enggak, karena banyak juga pertanyaan-pertanyaan isenk.

Form ini selain bisa digunakan untuk pribadi, juga sepertinya bisa digunakan untuk usaha kita, menjawab pertanyaan-pertanyaan konsumen atau pengunjung website/blog kita. Jangan khawatir kalau ada pertanyaan-pertanyaan ngaco, karena kalau belum terjawab tidak akan ditampilkan, jadi tinggal delete aja :)

Form pertanyaannya juga bisa diembed ke blog dengan fasilitas widgetnya (temukan di menu Setting) .

Pernak - Pernik Blog

Fitur Baru Blogger - Avatar Komentar

2009-09-23T20:29:00.000-07:00

Lagi-lagi blogger buzz mengabarkan bahwa kini blogger telah menambahkan satu fitur baru kedalam mesin mereka yaitu berupa avatar disamping komentar. Dikatakan bahwa fitur ini adalah untuk melengkapi berbagai fitur baru dalam rangka perayaan ulang tahunnya blogger.

Bagi anda yang komentarnya belum muncul avatar, mungkin template anda memang belum support untuk fitur baru ini, namun tentunya jangan khawatir karena dengan sedikit sentuhan modifikasi pada kode template anda, avatar blogger akan muncul, yang penting fasilitasnya sudah disediakan oleh blogger.

Untuk pengembang blogger, ditunggu kehadiran fitur barunya yang lain agar para blogger mania tidak merasa minder menggunakan mesinmu. Go..go..go.. blogger.

kolom-tutorial

Ubitmenu: Menu Klasik Untuk Office 2007 / office 2010

2009-09-05T22:41:00.000-07:00

Ubitmenu: Menu Klasik Untuk Office 2007 / office 2010 - Terus terang, ketika kang Rohman pertama kali menginstall office 2007 sedikit tercengang melihat tampilan menu barunya. Betapa tidak, menu yang terdapat pada office 2007 benar-benar berbeda 100% dari versi sebelumnya yaitu office 2003. Oleh karena itu, kang Rohman harus belajar dari awal lagi untuk mengenal menu-menu yang terdapat pada office 2007.

Bagi anda yang menggunakan office 2007 atau office 2010 namun tampilan menu nya ingin seperti office 2003, ada satu Add-ins yang bisa membuat menu office 2003 pada ofice 2007 / office 2010 namanya adalah UbitMenu. UbitMenu mampu menambahkan satu menu yang tampilannya mirip dengan office 2003 baik itu pada Microsoft Word, Microsoft Excel serta Microsoft PowerPoint.

UbitMenu bisa anda download secara gratis, namun untuk pemakaian pribadi atau untuk versi trial saja. Untuk pemakaian pada instansi atau kantoran harus membayar lisensi. File UbitMenu tidaklah terlalu besar, hanya sekitar 336 KB.

Yang berminat, silahkan langsung pada situs penyedianya di http://www.ubit.ch/software/ubitmenu-languages .

Semoga dengan adanya menu ini, anda tidak usah berpusing ria. Tapi tentunya kita harus pula belajar dengan tampilan menu baru yang ada pada office 2007 atau 2010.

kolom-tutorial

Solusi Problem gambar pada Magazine Template 2

2009-08-26T06:37:00.000-07:00

Ada yang melaporkan bahwa ada yang mengalami problem pada magazine Template 2. Background pada template tersebut hilang sehingga template yang di pakai menjadi tidak karuan. Apakah gerangan yang terjadi? ini tentu saja di karenakan account hosting yang di gunakan kang rohman yaitu photobucket.com telah habis bandwidthnya. Kejadian ini tentu saja wajar karena begitu banyaknya pengguna template kang Rohman dan mereka tidak mengganti alamat yang ada dengan hosting masing-masing.

Bagaimana solusi agar template bisa kembali tersebut bisa kembali seperti semula? sebenarnya hal ini tidak perlu terjadi bila anda sedikit meluangkan waktu untuk mengupload gambar template tersebut ke hosting gambar yang biasa anda pakai. Ini karena pada file yang anda download dulu sudah kang Rohman sertakan gambar agar anda bisa menggunakan hosting anda.

Pada folder Images Upload first adalah gambar yang bisa anda upload ke hosting anda masing-masing, kemudian setelah anda mendapatkan alamat gambar yang sudah di upload, anda tinggal mengganti pada bagian CSS nya.

Bingung? kalau bingung dengan cara di atas, silahkan ikuti saja langkah berikut :

Silahkan login ke blogger dengan ID anda.
Klik Tata Letak
Klik tab Edit HTML
Silahkan cari kode berikut :

#wrap {
background:#718fa8 url(http://i162.photobucket.com/albums/t253/rohman24/bg-1.gif) center repeat-y;
width: 990px;
margin: 0px auto 0px;
padding: 0px;
}
Silahkan ganti dengan kode di bawah ini :

#wrap {
background:#718fa8 url(http://lh4.ggpht.com/_pt7i0nbIOCY/SpMUXavLA1I/AAAAAAAACPY/cUPqRzsLINU/bg-1_thumb%5B2%5D.gif) center repeat-y;
width: 990px;
margin: 0px auto 0px;
padding: 0px;
}
Sedikit ke bagian bawah, lalu temukan kode ini :

#upper{
width:100%;
padding:0px;
background:url(http://i162.photobucket.com/albums/t253/rohman24/top-1.gif) no-repeat center top;
height:20px;
clear:both;
}
Silahkan ganti kode yang tadi dengan kode berikut :

#upper{
width:100%;
padding:0px;
background:url(http://lh3.ggpht.com/_pt7i0nbIOCY/SpMUSCdXXLI/AAAAAAAACPs/Rl86twpuSjE/top-1_thumb%5B2%5D.gif) no-repeat center top;
height:20px;
clear:both;
}
Tuju bagian bawah template, dan temukan kode ini :

<img alt='Bottom' src='http://i162.photobucket.com/albums/t253/rohman24/bottom-1.gif'/>
Silahkan ganti kode yang tadi dengan kode berikut :

<img alt='Bottom' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SpMUbvDBW1I/AAAAAAAACPg/Ymjw5fkvDkY/bottom-1_thumb%5B2%5D.gif'/>
Klik tombol Simpan Template
Selesai

kolom-tutorial

Cara Praktis Promosi Blog

2009-07-26T21:33:00.000-07:00

Setelah selesai membuat blog, hal yg tak kalah pentingnya adalah empromosikan/memperkenalkan blog milik Anda pada dunia ramai. Apa gunanya membuat blog kalau isi curhat, puisi, cerpen, refleksi dan opini Anda yang diposting tidak dibaca orang, bukan?

Ikuti langkah-langkah promosi blog sebagai berikut:

(1) Daftarkan di blog directory

Daftarkan blog Anda ke berbagai direktori blog (blog directory). Sedikitnya, daftarkan di tiga blog directory terbesar dan terpopuler, yaitu (a) http://technorati.com (b) http://feeburner.com (c) http://blogdigger.com. Ikuti seluruh petunjuk pada ketiga blog directory tsb ketika mendaftar.Blog-blog directory ini nantinya secara otomatis akan mengirim data blog dan posting-posting anda ke berbagai search engine, termasuk tiga search engine besar yaitu http://google.com, http://msn.com, http://yahoo.com.

(2) Link-trade, Link Exchange atau Tukar Link Ajak teman anda yg memiliki blog untuk saling tukar link. Link URL anda di blog dia, dan jangan lupa anda juga memasukkan link blog teman anda tsb. di blog anda. Dalam dunia blog, ini disebut juga dg istilah BLOGROLL. Dan blogroll ini salah satu penyebab cepatnya popularitas blog di seluruh dunia, mengalahkan website yg biasa.Blogroll atau link-exchange tidak harus melalui permintaan, bisa juga dg saling suka rela. Umpamanya, ada seseorang blogger (pemilik blog) yg memasang link Anda di blog dia, apabila Anda tahu, maka Anda juga “berkewajiban” menambah link blog dia di blog Anda. Apabila tidak, maka akan dicap sebagai “blogger pelit”. Di dunia maya pun, sebagaimana di dunia nyata, orang pelit akan selalu teralienasi. Dg kata lain, sedikit “tamu”nya.

Nah, bagaimana cara mengetahui ada yg mengelink blog Anda? Caranya mudah: tulis di kotak http://technorati.com/search alamat blog Anda atau blog siapa saja yg ingin Anda ketahui. Contoh blog ini, http://afatih.wordpress.com, setelah itu tekan search, anda akan tahu siapa saja yg ngelink ke blog tsb.

Sebagai langkah pertama ‘proyek’ tukar link, Anda bisa mencoba dg memasang link blog http://fatihsyuhud.com di sidebar blog Anda. Dalam waktu tidak lama, alamat blog Anda akan tampil di blognya.

(3) Berkunjung ke blog lain

Untuk menambah teman untuk diajak blogroll, sempatkan berkunjung ke blog2 lain, dan berkomentar di bukutamu atau tagboard mereka atau berkomentar di tulisan mereka sambil jangan lupa memasang alamat blog Anda di blog mereka. Dalam waktu tidak lama, mereka akan “bertamu balik” ke “rumah” atau blog Anda.

(4) Aktivitas posting
Usahakan sedikitnya satu kali posting setiap harinya. Posting yg teratur di blog, akan membuat tamu datang secara teratur juga.

(5) Alamat blog di signature email
Tulis alamat blog Anda di signature email. Sehingga setiap anda menulis email ke pribadi atau ke milis, alamat blog anda akan selalu muncul, dan “menggoda” orang untuk berkunjung. Memposting ringkasan tulisan di blog Anda ke milis juga akan sangat menggoda member milis untuk datang ke blog Anda. (bersambung)

Sumber: www.fatihsyuhud.com

Layanan Free Blog Lokal (Indonesia)

2009-07-26T20:40:00.000-07:00

Kita pasti sudah mengenal berbagai penyedia blog Internasional yang terkemuka. Yang sudah tidak asing lagi contohnya seperti Blogspot atau blogger.com, Wordpress.com, Blogsome.com, ataupun Blogdrive.com.

Tapi belakangan ini mulai bermunculan layanan-layanan penyedia fasilitas blog yang berasal dari anak negeri, Indonesia.
Fasilitas dan kemudahannya pun tidak kalah dengan layanan Internasional. Software yang dipakai sama dengan yang ada di Wordpress.com , jadi tentu sudah tidak akan merasa asing lagi.
Hanya memang kapasitas penyimpanan filenya tidak (atau belum) sebesar layanan seperti Blogger.com atau Wordpress.com. Tapi kalau hanya untuk nge-blog biasa saja saya rasa sudah cukup.

Tentu dengan banyaknya layanan baru yang muncul, diharapkan pertumbuhan blogger di Indonesia semakin pesat.

Layanan-layanan penyedia blog dari Indonesia, antara lain:

1. BlogDetik.com
Ya, sesuai namanya, layanan ini memang dibuat oleh salah satu situs berita terbesar di Indonesia, detik.com. Total space saat ini: 25MB, dengan fitur standar.
Nama URL-nya nanti menjadi username.blogdetik.com

2. DagDigDug.com
Layanan ini baru di-launching 1 Februari 2008 lalu. Salah satu pendirinya adalah blogger yang sudah tidak asing lagi, Paman Tyo.
Selain fitur standar, fitur yang ditawarkan adalah kapasitas sebesar 50MB, fasilitas untuk membuat polling, dan statistik.
Nama URL-nya nanti menjadi username.dagdigdug.com

3. Oggix.org
Oggix.com yang sudah terkenal dengan layanan shoutboxnya itu kini juga mengeluarkan layanan barunya berupa layanan blog dengan alamat di Oggix.org.
Meski menggunakan software seperti wordpress.com juga, tapi tampilan dashboardnya sudah dimodifikasi dan jauh berbeda.
Kapasitas yang ditawarkan saat ini hanya sebesar 10MB, tapi kata pemiliknya layanannya nanti akan diintegrasikan dengan layanan Oggix .
Nama URL-nya nanti menjadi username.oggix.org

Catatan:
Semua detail di atas adalah detail saat tulisan ini dibuat. Di kemudian hari diperkirakan fitur-fiturnya akan semakin bertambah, misal dari ketersediaan plugin, kapasitas, dan lain-lain.

pernakpernikblog

Pemrograman Java

2009-06-20T21:45:00.000-07:00

Java adalah bahasa pemrograman yang dapat dijalankan di berbagai komputer termasuk telepon genggam. Dikembangkan oleh Sun Microsystems dan diterbitkan tahun 1995.

Sejarah perkembangan Java

Bahasa pemrograman Java pertama lahir dari The Green Project, yang berjalan selama 18 bulan, dari awal tahun 1991 hingga musim panas 1992. Proyek tersebut belum menggunakan versi yang dinamakan Oak. Proyek ini dimotori oleh Patrick Naughton, Mike Sheridan, James Gosling dan Bill Joy, beserta sembilan pemrogram lainnya dari Sun Microsystems. Salah satu hasil proyek ini adalah maskot Duke yang dibuat oleh Joe Palrang.

Pertemuan proyek berlangsung di sebuah gedung perkantoran Sand Hill Road di Menlo Park. Sekitar musim panas 1992 proyek ini ditutup dengan menghasilkan sebuah program Java Oak pertama, yang ditujukan sebagai pengendali sebuah peralatan dengan teknologi layar sentuh (touch screen), seperti pada PDA sekarang ini. Teknologi baru ini dinamai “*7″ (Star Seven).

Setelah era Star Seven selesai, sebuah anak perusahaan TV kabel tertarik ditambah beberapa orang dari proyek The Green Project. Mereka memusatkan kegiatannya pada sebuah ruangan kantor di 100 Hamilton Avenue, Palo Alto.

Perusahaan baru ini bertambah maju: jumlah karyawan meningkat dalam waktu singkat dari 13 menjadi 70 orang. Pada rentang waktu ini juga ditetapkan pemakaian Internet sebagai medium yang menjembatani kerja dan ide di antara mereka. Pada awal tahun 1990-an, Internet masih merupakan rintisan, yang dipakai hanya di kalangan akademisi dan militer.

Mereka menjadikan perambah (browser) Mosaic sebagai landasan awal untuk membuat perambah Java pertama yang dinamai Web Runner, terinsipirasi dari film 1980-an, Blade Runner. Pada perkembangan rilis pertama, Web Runner berganti nama menjadi Hot Java.

Pada sekitar bulan Maret 1995, untuk pertama kali kode sumber Java versi 1.0a2 dibuka. Kesuksesan mereka diikuti dengan untuk pemberitaan pertama kali pada surat kabar San Jose Mercury News pada tanggal 23 Mei 1995.

Sayang terjadi perpecahan di antara mereka suatu hari pada pukul 04.00 di sebuah ruangan hotel Sheraton Palace. Tiga dari pimpinan utama proyek, Eric Schmidt dan George Paolini dari Sun Microsystems bersama Marc Andreessen, membentuk Netscape.

Nama Oak, diambil dari pohon oak yang tumbuh di depan jendela ruangan kerja “bapak java”, James Gosling. Nama Oak ini tidak dipakai untuk versi release Java karena sebuah perangkat lunak sudah terdaftar dengan merek dagang tersebut, sehingga diambil nama penggantinya menjadi “Java”. Nama ini diambil dari kopi murni yang digiling langsung dari biji (kopi tubruk) kesukaan Gosling.

Versi Awal

Versi awal Java ditahun 1996 sudah merupakan versi release sehingga dinamakan Java Versi 1.0. Java versi ini menyertakan banyak paket standar awal yang terus dikembangkan pada versi selanjutnya:

java.lang: Peruntukan kelas elemen-elemen dasar.
java.io: Peruntukan kelas input dan output, termasuk penggunaan berkas.
java.util: Peruntukan kelas pelengkap seperti kelas struktur data dan kelas kelas penanggalan.
java.net: Peruntukan kelas TCP/IP, yang memungkinkan berkomunikasi dengan komputer lain menggunakan jaringan TCP/IP.
java.awt: Kelas dasar untuk aplikasi antarmuka dengan pengguna (GUI)
java.applet: Kelas dasar aplikasi antar muka untuk diterapkan pada penjelajah web.

Kelebihan

Multiplatform. Kelebihan utama dari Java ialah dapat dijalankan di beberapa platform / sistem operasi komputer, sesuai dengan prinsip tulis sekali, jalankan di mana saja. Dengan kelebihan ini pemrogram cukup menulis sebuah program Java dan dikompilasi (diubah, dari bahasa yang dimengerti manusia menjadi bahasa mesin / bytecode) sekali lalu hasilnya dapat dijalankan di atas beberapa platform tanpa perubahan. Kelebihan ini memungkinkan sebuah program berbasis java dikerjakan diatas operating system Linux tetapi dijalankan dengan baik di atas Microsoft Windows. Platform yang didukung sampai saat ini adalah Microsoft Windows, Linux, Mac OS dan Sun Solaris. Penyebanya adalah setiap sistem operasi menggunakan programnya sendiri-sendiri (yang dapat diunduh dari situs Java) untuk meninterpretasikan bytecode tersebut.

OOP (Object Oriented Programming – Pemrogram Berorientasi Objek) yang artinya semua aspek yang terdapat di Java adalah Objek. Java merupakan salah satu bahasa pemrograman berbasis oebjek secara murni. Semua tipe data diturunkan dari kelas dasar yang disebut Object. Hal ini sangat memudahkan pemrogram untuk mendesain, membuat, mengembangkan dan mengalokasi kesalahan sebuah program dengan basis Java secara cepat, tepat, mudah dan terorganisir. Kelebihan ini menjadikan Java sebagai salah satu bahasa pemograman termudah, bahkan untuk fungsi fungsi yang advance seperti komunikasi antara komputer sekalipun.

Perpustakaan Kelas Yang Lengkap, Java terkenal dengan kelengkapan library/perpustakaan (kumpulan program program yang disertakan dalam pemrograman java) yang sangat memudahkan dalam penggunaan oleh para pemrogram untuk membangun aplikasinya. Kelengkapan perpustakaan ini ditambah dengan keberadaan komunitas Java yang besar yang terus menerus membuat perpustakaan-perpustakaan baru untuk melingkupi seluruh kebutuhan pembangunan aplikasi.

Bergaya C++, memiliki sintaks seperti bahasa pemrograman [C++] sehingga menarik banyak pemrogram C++ untuk pindah ke Java. Saat ini pengguna Java sangat banyak, sebagian besar adalah pemrogram C++ yang pindah ke Java. Universitas-universitas di Amerika juga mulai berpindah dengan mengajarkan Java kepada murid-murid yang baru karena lebih mudah dipahami oleh murid dan dapat berguna juga bagi mereka yang bukan mengambil jurusan komputer.

Pengumpulan sampah otomatis, memiliki fasilitas pengaturan penggunaan memori sehingga para pemrogram tidak perlu melakukan pengaturan memori secara langsung (seperti halnya dalam bahasa C++ yang dipakai secara luas).

Kekurangan

Tulis sekali, perbaiki di mana saja – Masih ada beberapa hal yang tidak kompatibel antara platform satu dengan platform lain. Untuk J2SE, misalnya SWT-AWT bridge yang sampai sekarang tidak berfungsi pada Mac OS X.

Mudah didekompilasi. Dekompilasi adalah proses membalikkan dari kode jadi menjadi kode sumber. Ini dimungkinkan karena koe jadi Java merupakan bytecode yang menyimpan banyak atribut bahasa tingkat tinggi, seperti nama-nama kelas, metode, dan tipe data. Hal yang sama juga terjadi pada Microsoft .NET Platform. Dengan demikian, algoritma yang digunakan program akan lebih sulit disembunyikan dan mudah dibajak/direverse-engineer.

Penggunaan memori yang banyak. Penggunaan memori untuk program berbasis Java jauh lebih besar daripada bahasa tingkat tinggi generasi sebelumnya seperti C/C++ dan Pascal (lebih spesifik lagi, Delphi dan Object Pascal). Biasanya ini bukan merupakan masalah bagi pihak yang menggunakan teknologi terbaru (karena trend memori terpasang makin murah), tetapi menjadi masalah bagi mereka yang masih harus berkutat dengan mesin komputer berumur lebih dari 4 tahun.

Sumber: Wikipedia

Microsoft Visual Basic .NET

2009-06-16T08:26:00.000-07:00

Microsoft Visual Basic .NET adalah sebuah alat untuk mengembangkan dan membangun aplikasi yang bergerak di atas sistem .NET Framework, dengan menggunakan bahasa BASIC. Dengan menggunakan alat ini, para programmer dapat membangun aplikasi Windows Forms, Aplikasi web berbasis ASP.NET, dan juga aplikasi command-line. Alat ini dapat diperoleh secara terpisah dari beberapa produk lainnya (seperti Microsoft Visual C++, Visual C#, atau Visual J#), atau juga dapat diperoleh secara terpadu dalam Microsoft Visual Studio .NET. Bahasa Visual Basic .NET sendiri menganut paradigma bahasa pemrograman berorientasi objek yang dapat dilihat sebagai evolusi dari Microsoft Visual Basic versi sebelumnya yang diimplementasikan di atas .NET Framework. Peluncurannya mengundang kontroversi, mengingat banyak sekali perubahan yang dilakukan oleh Microsoft, dan versi baru ini tidak kompatibel dengan versi terdahulu.

Terdapat tiga buah versi Visual Basic yang dirilis hingga bulan Agustus 2007, yakni:

Visual Basic .NET 2002 (VB 7.0)

Versi pertama dari Visual Basic .NET adalah Visual Basic .NET 2002 yang dirilis pertama kali pada bulan Februari 2002. Visual Basic .NET 2002 merupakan sebuah bahasa pemrograman visual yang berbasis bahasa BASIC (sama seperti halnya Visual Basic 6.0, tetapi lebih disempurnakan dan lebih berorientasi objek), dan didesain untuk berjalan di atas Microsoft .NET Framework versi 1.0.

Versi 7.0 ini dirilis bersamaan dengan Visual C# dan ASP.NET. Bahasa C#, yang dianggap sebagai jawaban terhadap Java, mendapatkan perhatian yang lebih banyak dibandingkan dengan VB.NET yang kurang begitu banyak diulas. Hasilnya, sedikit orang di luar komunitas Visual Basic yang memperhatikan VB.NET. Versi pertama ini kurang mendapat sambutan yang bagus dari para programmer, dan pada saat itu, program berbasis Visual Basic 6.0 sedang marak-maraknya dibuat. Para programmer yang mencoba Visual Basic .NET untuk pertama kali akan merasakan bahwa Visual Basic .NET sangatlah berbeda dibandingkan dengan Visual Basic sebelumnya. Contoh yang paling mudah adalah runtime engine yang lebih besar 10 kali lipat dibandingkan Visual Basic 6.0, dan juga meningkatkan beban di memori.

Visual Basic .NET 2003 (VB 7.1)

Selanjutnya, pada bulan Maret 2003, Microsoft pun merilis lagi versi yang lebih baru dari Visual Basic .NET, Visual Basic .NET 2003. Versi ini berisi beberapa perbaikan dibandingkan dengan versi sebelumnya, dan aplikasi yang dibuatnya dapat berjalan di atas .NET Framework versi 1.1. Fitur yang ditambahkan adalah dukungan terhadap .NET Compact Framework dan mesin wizard upgrade VB6 ke VB.NET yang telah ditingkatkan. Peningkatan yang lainnya adalah peningkatan pada performa dan keandalan dari Integrated Development Environment (IDE) Visual Basic itu sendiri, dan juga runtime engine.

Visual Basic .NET 2003 tersedia dalam beberapa jenis cita rasa: Professional, Enterprise Architect dan Academic Edition. Khusus untuk Visual Basic .NET 2003 Academic Edition, versi tersebut didistribusikan secara gratis untuk beberapa sekolah di dalam setiap negara; versi Professional dan Enterprise Architect merupakan produk komersial.

Visual Basic 2005 (VB 8.0)

Setelah itu, Microsoft pun berkonsentrasi dalam mengembangkan Microsoft .NET Framework 2.0, dan tentunya alat bantu untuk membangun program di atasnya. Hingga pada tahun 2005, mereka pun merilis versi terbaru dari Visual Basic .NET, yang kali ini disebut dengan Visual Basic 2005 (dengan membuang kata ".NET"), bersama-sama dengan beberapa aplikasi pengembangan lainnya.

Untuk rilis 2005 ini, Microsoft menambahkan beberapa fitur baru, di antaranya adalah:

Edit and Continue
Fitur ini sebelumnya terdapat di dalam Visual Basic, akan tetapi dihapus di dalam Visual Basic .NET. Dengan keberadaan fitur ini, para programmer dapat memodifikasi kode pada saat program dieksekusi dan melanjutkan proses eksekusi dengan kode yang telah dimodifikasi tersebut.
Evaluasi ekspresi pada saat waktu desain
Munculnya Pseudo-Namespace "My", yang menyediakan:
- Akses yang mudah terhadap beberapa area tertentu dari dalam .NET Framework yang tanpanya membutuhkan kode yang sangat signifikan.
- Kelas-kelas yang dibuat secara dinamis (khususnya My.Forms).
Peningkatan yang dilakukan terhadap konverter kode sumber dari Visual Basic ke Visual Basic .NET.
Penggunaan kata kunci (keyword) Using, yang menyederhanakan penggunaan objek-objek yang membutuhkan pola Dispose untuk membebaskan sumber daya yang sudah tidak terpakai.
Just My Code, yang menyembunyikan kode reusable yang ditulis oleh alat bantu Integrated Development Environment (IDE) Visual Studio .NET.
Pengikatan sumber data (Data Source binding), yang mampu mempermudah pengembangan aplikasi basis data berbasis klien/server.

Fungsi-fungsi yang tersebut di atas (khususnya My) ditujukan untuk memfokuskan Visual Basic .NET sebagai sebuah platform pengembangan aplikasi secara cepat dan "menjauhkannya" dari bahasa C#.

Bahasa Visual Basic 2005 memperkenalkan fitur-fitur baru, yakni:

Bawaan .NET Framework 2.0:
- Generics
- Partial class, sebuah metode yang dapat digunakan untuk mendefinisikan beberapa bagian dari sebuah kelas di dalam sebuah berkas, lalu menambahkan definisinya di lain waktu; sangat berguna khususnya ketika mengintegrasikan kode pengguna dengan kode yang dibuat secara otomatis.
- Nullable Type
Komentar XML yang dapat diproses dengan menggunakan beberapa alat bantu seperti NDoc untuk membuat dokumentasi secara otomatis.
Operator overloading
Dukungan terhadap tipe data bilangan bulat tak bertanda (unsigned integer) yang umumnya digunakan di dalam bahasa lainnya.

Visual Basic 9.0 (Visual Basic 2008)

Versi ini merupakan versi terbaru yang dirilis oleh Microsoft pada tanggal 19 November 2007, bersamaan dengan dirilisnya Microsoft Visual C# 2008, Microsoft Visual C++ 2008, dan Microsoft .NET Framework 3.5.

Dalam versi ini, Microsoft menambahkan banyak fitur baru, termasuk di antaranya adalah:

Operator If sekarang merupakan operator ternary (membutuhkan tiga operand), dengan sintaksis If (boolean, nilai, nilai). Ini dimaksudkan untuk mengganti fungsi IIF.
Dukungan anonymous types
Dukungan terhadap Language Integrated Query (LINQ)
Dukungan terhadap ekspresi Lambda
Dukungan terhadap literal XML
Dukungan terhadap inferensi tipe data.

Sumber: Wikipedia

HTML

2009-06-08T19:30:00.000-07:00

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: TAMPIL TEBAL. Tanda digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda untuk menonaktifkan cetak tebal tersebut.

Sumber: Wikipedia

CSS (Cascading Style Sheets)

2009-06-08T19:24:00.000-07:00

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi.

CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh browser basis-suara atau pembaca layar), dan juga alat pembaca braille. Halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.

Sumber: Wikipedia