.:: GnouBdilS Blog ::.

Select All pada Checkbox dengan JQuery

gnoubdils@gmail.com (GnouBdilS) — Fri, 18 Feb 2011 00:49:00 +0700

Tutorial yang saya akan tulis kali ini adalah membuat sebuah fasilitas select all pada checkbox dengan menggunakan JQuery.
Dengan memanfaatkan JQuery kita bisa dengan mudah membuat fasilitas select all pada checkbox.
Select all akan berguna jika kita memiliki data dengan jumlah banyak.

Contoh :

Pada gambar tersebut memperlihatkan pada kita fasilitas select all akan mempermudah kita jika ingin menghapus seluruh data.
Tentunya selain mempermudah dalam menghapus data penggunaan select all pada checkbox juga bisa diterapkan untuk yang lainnya semisal update data secara simultan.

Pada tutorial ini saya akan membuatnya menggunakan JQuery.
Selain menggunakan JQuery anda juga bisa alternatif lainnya yaitu Javascript.

Berikut langkahnya :
1. Masukan kode berikut ini diantara <head> dan </head> :

<script type="text/javascript" src="jquery.js"></script>

2. Masukan kode berikut ini diantara <body> dan </body> :

<script type="text/javascript">
$(document).ready(function() {
$("#cekall").click(function () {
$('.cek').attr('checked', this.checked);
});
$(".cek").click(function(){
if($(".cek").length == $(".cek:checked").length) { $("#cekall").attr("checked", "checked");
} else {
$("#cekall").removeAttr("checked");
}
});
})
</script>

3. Menggunakan pada checkbox :

Tutorial Select All pada Checkbox dengan JQuery<br>
<input type="checkbox" name="cek1" class='cek' value="Data1">Data1<br>
<input type="checkbox" name="cek2" class='cek' value="Data2">Data2<br>
<input type="checkbox" name="cek3" class='cek' value="Data3">Data3<br><br>
<input type="checkbox" id="cekall">Select All<br>

Kode secara lengkapnya adalah sebagai berikut :

<html>
<head>
<title>Select All dengan JQuery</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$("#cekall").click(function () {
$('.cek').attr('checked', this.checked);
});
$(".cek").click(function(){
if($(".cek").length == $(".cek:checked").length) {
$("#cekall").attr("checked", "checked");
} else {
$("#cekall").removeAttr("checked");
}
});
})
</script>
Tutorial Select All pada Checkbox dengan JQuery<br>
<input type="checkbox" name="cek1" class='cek' value="Data1">Data1<br>
<input type="checkbox" name="cek2" class='cek' value="Data2">Data2<br>
<input type="checkbox" name="cek3" class='cek' value="Data3">Data3<br><br>
<input type="checkbox" id="cekall">Select All<br>
</body>
</html>

Klik Download Select All pada Checkbox dengan JQuery untuk mendownload file contoh.
Semoga bermanfaat

Ragam cara melindungi web

gnoubdils@gmail.com (GnouBdilS) — Wed, 9 Feb 2011 09:53:00 +0700

Keamanan web merupakan sebuah hal yang paling penting ketika kita ingin membangun sebuah web.
Ada banyak cara yang dapat digunakan untuk melindungi web kita. Dalam tutorial ini saya akan mencoba sedikit berbagi bagaimana cara melindungi web kita.

1. Pengecekan terhadap url
Biasanya masih banyak programer yang menerapkan penggunaan url seperti berikut ini :

http://www.apaajadeh.com/index.php?page=news&id=1

bentuk url seperti itu jika tidak diantisipasi dalam penggunaannya maka akan memungkinkan terjadinya SQL Injection.
Biasanya dalam melakukan SQL Injection hacker akan melakukan pengecekan terlebih dahulu dengan menambahkan tanda - atau ' pada url.
Contoh :

http://www.apaajadeh.com/index.php?page=news&id=-1

atau

http://www.apaajadeh.com/index.php?page=news&id=1'

Untuk mengatasinya ada baiknya kita melakukan pengecekan url terlebih dahulu sebelum menggunakan query sql untuk mengakses database.
Berikut contohnya :

if(substr($_GET[id],0,1) == "-" OR substr($_GET[id],-1,1) == "'")
{
echo "Anda tidak boleh menggunakan tanda - atau ' pada url";
}
else
{
//kode untuk menampilkan data
}

Pada kode tersebut diatas akan melakukan pengecekan terhadap id pada url.

substr($_GET[id],0,1) == "-" perintah ini akan mengecek apakah didepan id terdapat tanda -.

sedangkan substr($_GET[id],-1,1) == "'" akan mengecek apakah dibelakang id terdapat tanda '.

2. Hindari pengunjung dapat mengakses folder secara langung
Terkadang kita lalai dalam memproteksi folder file web kita. Sehingga memungkinkan pengunjung dapat mengakses folder file web kita. Ini sama sekali tidak dapat dibiarkan karena dengan pengunjung dapat mengakses folder file web kita secara langsung dapat membahayakan web milik kita. Untuk mengatasi hal ini buatlah sebuah file dengan nama .htaccess pada root folder web.
Pada file tersebut tambahkanlah kode berikut :

Options All -Indexes

3. Gunakanlah permalink
Selain dapat mencegah SQL Injection penggunaan permalink juga biasanya digunakan untuk SEO.
Pembahasan mengenai cara membuat permalink akan saya bahas pada postingan tersendiri.

4. Gunakanlah captcha untuk menghalau spam
Terkadang bila web kita menyediakan fasilitas untuk memberi komentar terdahap sebuah posting akan dijumpai komentar-komentar yang berupa spam. Untuk menghalau hal ini tambahkanlah captcha pada form komentar anda. Untuk membuatnya bisa melihat tutorial saya mengenai cara membuat captcha.

5. Berikan nama unik untuk folder Admin
Memberikan nama yang mudah ditebak pada folder Admin akan memudahkan seorang hacker untuk mendapatkan nama folder Admin anda. Folder dengan nama admin, Admin, administrator, adminweb merupakan contoh-contoh nama folder yang sangat mudah ditebak. Usahakanlah menggunakan nama yang unik yang menggunakan Alphanumerik sehingga akan mempersempit jalan masuknya hacker. Contohnya adalah SuP3rM13, B4k50 atau nama-nama lain sesuai dengan keinginan anda yang terpenting adalah tidak mudah ditebak.

6. Antisipasi terhadap XSS Attack
XSS (Cross Side Scripting) adalah suatu cara memasukan tag/skrip HTML kedalam suatu website dengan tujuan mengacaukan website. Skrip XSS yang bisa digunakan biasanya menggunakan bahasa HTML, dan Javascript.
Adapun untuk menanggulangi serangan XSS ini dengan membuat filter untuk mengabaikan setiap tag skrip HTML dan Javascript yang diinput oleh pengunjung.
Fungsi-fungsi dari php yang dapat digunakan untuk menangkal serangan XSS adalah :
- stripslashes -> untuk menghilangkan tanda slash pada setiap quote
- strip_tags -> untuk mengabaikan tag, baik HTML maupun tag PHP
- htmlspecialchars -> untuk mengabaikan tag HTML dan Javascript atau kode-kode khusus
- ENT_QOUTES -> biasanya digunakan bersamaan dengan htmlspecialchars yang merupakan kode untuk mengkonversi tanda petik ganda/tunggal secara bersamaan.
Contoh penggunaan :

function anti_xss($d)
{
$f = stripslashes(strip_tags(htmlspecialchars($d,ENT_QOUTES)));
return $f;
}

$nama = anti_xss($_POST[txtnama]);
$isi = anti_xss($_POST[txtisi]);

7. Proteksi halaman login
Halaman login juga menjadi salah satu bagian dari web yang sering mendapat serangan dari hacker.
Aktifitas SQL Injection juga banyak terjadi disini.
Usahakan gunakanlah fungsi dari php yang bernama mysql_real_escape_string pada file yang digunakan untuk aksi dari form login anda.
Contoh saya mempunyai 2 file, file form loginnya adalah frmlogin.php dan file aksinya adalah cek_login.php.
Pada file cek_login.php terapkanlah script berikut :

function anti_sql_injection($data)
{
$filter = mysql_real_escape_string($data);
return $filter;
}

$username = anti_sql_injection($_POST[txtusername]);
$pass = anti_sql_ijection(md5($_POST[txtpass]));

if(!ctype_alnum($username) OR !ctype_alnum($pass))
{
echo "Ga bisa di injeksi";
}
else
{
echo "Login berhasil";
}

Ok semoga tutorial ini berguna..
Kalo ada kesalah harap maklum saya hanyalah seorang newbie m(_ _)m
CMIIW...

Ajax Multiple File Upload Form Dengan JQuery

gnoubdils@gmail.com (GnouBdilS) — Tue, 14 Dec 2010 23:03:00 +0700

Tutorial JQuery kali ini akan membahas mengenai multiple upload file dengan jquery dengan menggunakan sebuah plugin JQuery yang dibuat oleh Andrew Valums.
Pada contoh kali ini digunakan 5 buah file yaitu :
- jquery-1.3.2.js
- ajaxupload.3.5.js
- index.html
- upload-file.php
- styles.css
Kelima file tersebut dapat anda download pada file contoh.

Untuk dapat menggunakan Ajax Upload kita perlu menginisialisasi objek AjaxUpload dan juga memberikan nilai-nilai parameternya terlebih dahulu. Parameter pertama adalah id dari elemen button yang akan digunakan oleh pengguna untuk memilih file yang akan diupload, dan parameter kedua adalah server side script yang akan menangani file upload.

Disini dalam melakukan upload file kita tidak akan menggunakan inputbox standar, kita hanya akan menggunakan sebuah tombol upload yang bila diklik maka akan membuka dialogbox untuk memilih sebuah file.

Kita mulai dengan membuat sebuah file index.html (anda bisa menggunakan editor apapun seperti notepad, dreamweaver, dll) berikut ini adalah kode yang akan kita buat pada file index.html :

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>AJAX File Upload</title>
<script type="text/javascript" src="js/jquery-1.3.2.js" ></script>
<script type="text/javascript" src="js/ajaxupload.3.5.js" ></script>
<link rel="stylesheet" type="text/css" href="./styles.css" />
<script type="text/javascript" >
$(function(){
var btnUpload=$('#upload');
var status=$('#status');
new AjaxUpload(btnUpload, {
action: 'upload-file.php',
name: 'uploadfile',
onSubmit: function(file, ext){
if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
// extension is not allowed
status.text('Hanya file JPG, PNG atau GIF yang diijinkan');
return false;
}
status.text('Uploading...');
},
onComplete: function(file, response){
//On completion clear the status
status.text('');
//Add uploaded file to list
if(response==="success"){
$('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('success');
} else{
$('<li></li>').appendTo('#files').text(file).addClass('error');
}
}
});

});
</script>
</head>
<body>
<div id="mainbody" >
<h3>» AJAX File Upload Form Using jQuery</h3>

<div id="upload" ><span>Upload File<span></div><span id="status" ></span>

<ul id="files" ></ul>
</div>
</body>

Tahap kedua adalah kita membuat file styles.css berikut kodenya :

#upload{
margin:30px 200px; padding:15px;
font-weight:bold; font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:#f2f2f2;
color:#3366cc;
border:1px solid #ccc;
width:150px;
cursor:pointer !important;
-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
background:#ddd !important;
}
#status{
font-family:Arial; padding:5px;
}
ul#files{ list-style:none; padding:0; margin:0; }
ul#files li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files li img{ max-width:180px; max-height:150px; }
.success{ background:#99f099; border:1px solid #339933; }
.error{ background:#f0c6c3; border:1px solid #cc6622; }

Tahap ketiga adalah membuat file upload-file.php yang akan menghandle proses upload file ke server. berikut kodenya :

<?php
$uploaddir = './uploads/';
$file = $uploaddir . basename($_FILES['uploadfile']['name']);

if (move_uploaded_file($_FILES['uploadfile']['tmp_name'], $file)) {
echo "success";
} else {
echo "error";
}
?>

Khusus untuk file jquery-1.3.2.js dan ajaxupload.3.5.js kita tidak perlu membuatnya dikarenakan kita hanya perlu menginisialisasinya saja pada file utama kita yaitu index.html
Ketika file index.html diakses melalui web browser maka hasilnya adalah sebagai berikut :

Hanya terdapat 1 buah tombol yaitu upload file dimana ketika tombol tersebut diklik maka akan menampilkan dialogbox untuk memilih sebuah file

Setelah anda memilih sebuah file maka akan secara otomatis terjadi proses upload file

Jika proses upload telah selesai maka akan dibuatkan sebuah thumbnail dibawah tombol tersebut

Jika anda ingin menambahkan file lainnya anda hanya perlu mengklik tombol upload filenya.

Cukup mudah bukan?
Sesuai dengan moto JQuery yaitu : Write Les Do More.. :)
Selamat belajar

Membuat Efek Perangko Pada Foto

gnoubdils@gmail.com (GnouBdilS) — Sun, 5 Dec 2010 04:53:00 +0700

Membuat foto dengan bentuk seperti perangko dapat anda lakukan dengan mudah dengan menggunakan photoshop.
Dalam tutorial photoshop ini saya menggunakan photoshop cs3.

Berikut langkahnya..
Bukalah sebuah dokumen baru

Warnai background dengan warna abu-abu menggunakan Paint Bucket Tool.

Buatlah layer baru dengan mengklik menu Layer > New > Layer atau menekan tombol Shift + Ctrl + N.
Dengan menggunakan Rectangle Marquee Tool buatlah sebuah kotak di layer baru tersebut kemudian warnailah dengan warna putih.

Tekan Ctrl + D untuk menghilangkan seleksi.
Buat kotak baru didalam kotak berwarna putih dengan menggunakan Rectangle Tool yang pada option bar-nya telah diaktifkan Paths.

Klik Eraser Tool, Kemudian klik Window > Brushes.
Setting seperti gambar yang ada dibawah ini

Klik Path Selection Tool, kemudian klik kanan di kotak Paths lalu klik Stroke Path.

Pada setingan Stroke Path pilih Eraser kemudian klik OK

Hasilnya akan seperti dibawah ini

Langkah berikutnya adalah membuat bayangan agar hasil diatas tadi lebih terlihat nyata.
Klik kanan pada layer 1 kemudian pilih Blending Option.
Atur seperti gambar dibawah ini

Langkah berikutnya adalah memasukan foto kedalam template perangko yang telah kita buat.
Bukalah file foto yang ingin dimasukan kedalam template perangko, kemudian drag foto ke dalam template perangko.

Sesuaikan size foto agar sesuai dengan template perangko.
Hapus bagian bawah foto aga bisa digunakan untuk subtitle menggunakan Rectangle Marquee Tool.

Setelah menentukan batas foto yang akan dihapus pada bagian bawah, untuk menghapusnya tekan delete dan hasilnya akan tampak seperti gambar diatas.
Buat garis pada tepi foto caranya dengan mengklik kanan pada layer foto > Blending Option kemudian atur seperti gambar berikut :

Sampai tahap ini selanjutnya tinggal anda menambahkan kreasi anda sendiri pada foto anda bisa dengan menambahkan tulisan ataupun lainnya.
Berikut hasilnya :

Selamat mencoba..

Membuat Efek Foto Jadul Dengan Photoshop

gnoubdils@gmail.com (GnouBdilS) — Sat, 4 Dec 2010 05:39:00 +0700

Tutorial Photoshop yang akan saya tulis kali ini adalah mengenai cara membuat efek foto jadul.
Adapun dalam pembuatan efek foto jadul ini saya menggunakan photoshop cs3
Caranya cukup mudah berikut langkahnya :

Siapkanlah foto yang akan kita edit. Saya menggunakan foto berikut :

Duplikat layer background dengan menekan tombol Ctrl + J. Aktifkan layer duplikat tersebut kemudian klik menu Image > Adjusment > Hue / Saturnation kemudian sesuaikan nilainya seperti pada gambar berikut :

Jangan lupa setelah disesuaikan nilainya klik opsi Colorize.
Buat sebuah layer baru dengan mengklik menu Layer > New > Layer.
Warnai layer dengan Radial Gradient Hitam - Putih

Ganti layer efek menjadi Softlight

Masukan file scratch berikut ini pada gambar yang sudah kita edit tadi.

Caranya Save As file scratch tersebut kemudian bukalah di photoshop kemudian drag file scratch ke foto.

Atur scratch yang sudah di drag ke foto kemudian tempatkan layernya dilayer paling atas lalu ubah layer efeknya menjadi Softlight.

Untuk finishing akan kita tambahkan kotak putih pada tepian foto.
Buat layer baru dengan mengklik menu Layer > New > Layer.
Lalu pada layer baru tersebut buatlah sebuah kotak dengan menggunakan Rectangle Marquee Tool

Klik menu Select > Inverse, Kemudian warnai tepian foto dengan warna putih menggunakan Paint Bucket Tool.

Tekan Ctrl + D untuk menghilangkan seleksi.
Hasilnya :

Selamat mencoba

Statemen Logika (IF) Pada Python

gnoubdils@gmail.com (GnouBdilS) — Sun, 31 Oct 2010 23:31:00 +0700

Dalam bahasa pemrograman sering dikenal mengenai statemen logika yaitu sebuah pernyataan yang akan menentukan kondisi benar atau salah. Sama halnya seperti bahasa pemrograman lain dalam bahasa pemrograman Python juga terdapat statemen logika, yaitu :
- Statement if
- Statement if...else
- Statement if...elif...else

A. Statement if
Bentuk dari statement ini adalah :

if <kondisi>
<pernyataan>

Pernyataan akan dijalankan kalau bernilai benar.
Contoh :

x = input("Masukan nilai : ")
if x >= 55:
print "Lulus"

Hasilnya :

Penjelasan dari pernyataan diatas adalah :
- Ketika program dijalankan maka program akan meminta untuk memasukkan nilai
- Setelah nilai diinput maka program akan mengecek nilai yang diinput apakah sesuai dengan kondisinya (x>=55)
- Jika x mempunyai nilai >= 55 maka program akan menampilkan tulisan lulus
- Jika x mempunyai nilai < 55 maka program tidak akan menampilkan apapun

Jika anda menggunakan bentuk if yang sederhana seperti diatas dan pernyataan yang tergantung oleh kondisi if hanya berupa sebuah pernyataan, maka anda bisa menuliskan pernyataan tersebut dalam baris yang sama dengan if.

Contoh :

x = input("Masukan nilai : ")
if x >= 55: print "Lulus"

B. Statemen if...else
Bentuk sederhana dari statemen ini adalah :

if <kondisi>:
<pernyataan1>
else:
<pernyataan2>

Pada bentuk diatas, bagian akan dijalankan jika bernilai benar dan bagian hanya akan dijalankan jika bernilai salah.

Contoh :

x = input("Masukan nilai : ")
if x >= 55:
print "Lulus"
else:
print "Gagal"

Hasilnya :

Penjelasan dari pernyataan diatas adalah :
- Ketika program dijalankan maka program akan meminta untuk memasukkan nilai
- Setelah nilai diinput maka program akan mengecek nilai yang diinput apakah sesuai dengan kondisinya (x>=55)
- Jika x mempunyai nilai >= 55 maka program akan menampilkan tulisan lulus
- Jika x mempunyai nilai < 55 maka program akan menampilkan tulisan gagal

C. Statemen if...elif...else
Bentuk sederhana dari statemen ini adalah :

if <kondisi1>:
    <pernyataan1>
[elif <kondisi2>:
    <pernyataan2>]
[elif <kondisi3>:
    <pernyataan3>]
.....
[else:
    <pernyataan_n>]

Pada pernyataan diatas terdapat tanda [] yang menyatakan bahwa bagian tersebut bisa ada bisa juga tidak.

Contoh :

x = input("Masukan nilai : ")
if x > 85:
    print "Grade : A"
elif x >= 75:
    print "Grade : B"
elif x >= 65:
    print "Grade : C"
elif x >= 55:
    print "Grade : D"
else:
    print "Grade : E"

Hasilnya :

Penjelasan dari pernyataan diatas adalah :
- Ketika program dijalankan maka program akan meminta untuk memasukkan nilai
- Setelah nilai diinput maka program akan mengecek nilai yang diinput
- Jika x mempunyai nilai > 85 maka program akan menampilkan tulisan Grade : A
- Jika x mempunyai nilai >=75 maka program akan menampilkan tulisan Grade : B
- Jika x mempunyai nilai >=65 maka program akan menampilkan tulisan Grade : C
- Jika x mempunyai nilai >=55 maka program akan menampilkan tulisan Grade : D
- Jika x mempunyai nilai selain kondisi diatas maka program akan menampilkan tulisan Grade : E

Nb : Pada contoh diatas saya tidak menggunakan penulisan kode secara interaktif

Selamat belajar
.

Input dan Output di Pemrograman Python

gnoubdils@gmail.com (GnouBdilS) — Thu, 14 Oct 2010 00:58:00 +0700

Seperti bahasa pemrograman C++ dan lainnya Python menyediakan fungsi untuk melakukan Input (masukan) dan Output (keluaran). Adapun fungsi untuk melakukan input di Python yaitu raw_input() dan juga input, dan untuk output di Python yaitu print.

A. Input (Masukan) Dengan Fungsi raw_input()
Fungsi raw_input() pada Python berguna untuk membaca data dari keyboard. Bentuk umum dari fungsi ini adalah :

raw_input([prompt])

Argumen prompt (yang bersifat opsional) menyatakan keterangan yang ditampilkan tepat sebelum komentar menunggu user memasukan data dari keyboard. Nilai balik dari fungsi berupa string yang dimasukkan oleh user.
Contoh :

nama = raw_input("Masukan Nama Anda : ") (Tekan Enter)
print nama (Tekan Enter)

Hasilnya sebagai berikut :

Dikarenakan nilai balik dari fungsi ini berupa string maka bila anda menginginkan memperoleh data yang bukan berupa string, anda perlu mengkonversi hasil dari raw_input().
Beberapa fungsi yang dapat digunakan untuk melakukan konversi tipe data pada fungsi raw_input() :
- int() -> mengkonversi ke bilangan bulat
- long() -> mengkonversi ke bilangan bulat panjang
- float() -> mengkonversi ke bilangan kompleks
- tuple() -> mengkonversi ke struktur data tuple
- list() -> mengkonversi ke struktur data list

Contoh berikut memperlihatkan skrip yang meminta masukan dua buah bilangan den kemudian menampilkan hasil penjumlahan kedua bilangan tersebut. Pada kasus ini kita tidak lagi melakukan penulisan skrip Python secara interaktif melainkan menyimpan skrip Python kedalam sebuah file untuk kemudian program dieksekusi. Simpan file dengan nama latihan1.py

print "Program penjumlahan bilangan"
a = raw_input("Masukan nilai pertama : ")
b = raw_input("Masukan nilai kedua : ")

a = int(a)
b = int(b)

print "Hasil penjumlahan : ", (a+b)

Hasilnya apabila program dieksekusi adalah sebagai berikut :

Penjelasan :
Pada contoh skrip diatas, variable a dan b awalnya diisi dengan data yang berasal dari keyboard kemudian secara berturut-turut mengkonversi nilai a dan b yang bertipe string menjadi bilangan bulat. lalu setelah itu nilai a dijumlahkan dengan nilai b yang kemudian hasil dari penjumlahan akan ditampilkan dilayar

B. Input (Masukan) Dengan Fungsi input
Fungsi input() berfungsi untuk menerima masukan data dari keyboard. Bentuk pemakaiannya sama dengan fungsi raw_input(). Namun bedanya fungsi input() dengan raw_input() adalah fungsi input() hanya bisa menerima data yang berbentuk bilangan.
Contoh :

x = input("Bilangan = ")     (Tekan Enter)
Bilangan =     (Isi Nilai Bilangan Kemudian Enter)
x     (Tekan Enter)
y = input("Bilangan = ")     (Tekan Enter)
Bilangan =     (Isi Nilai Dengan Bilangan Hexa Kemudian Enter)
y     (Tekan Enter)
z = input("Bilangan = ")     (Tekan Enter)
Bilangan =    (Isi Dengan Karakter Kemudian Tekan Enter)

Hasilnya adalah sebagai berikut :

Penjelasan :
Pada skrip diatas terdapat tulisan Bilangan yang bukan sebuah variable. Tulisan tersebut tidak perlu anda ketik secara manual karena akan secara otomatis ditampilkan dikarenakan anda telah menuliskannya dengan fungsi input("Bilangan = ").
Masukan nilai x yang berbentuk bilangan bulat kemudian tekan enter, kemudian variable x yang menampung data dari keyboard dipanggil, maka data yang anda inputkan dari keyboard akan ditampilkan dilayar.
Masukan nilai y yang berbentuk bilangan hexa kemudian tekan enter, kemudian variable y yang menampung data dari keyboard dipanggil, maka data yang anda inputkan dari keyboard akan ditampilkan dilayar dalam nilai identiknya pada bilangan desimal (berbasis 10).
Masukan nilai z yang berbentuk string kemudian tekan enter, maka Python akan menampilkan sebuah pesan eror, ini dikarenakan perintah input() hanya bisa menerima data yang berbentuk bilangan.

Contoh berikut ini merupakan modifikasi pada contoh sebelumnya yaitu file latihan1.py yang menggunakan fungsi raw_input() didalamnya. Simpan file dengan nama latihan2.py :

print "Program penjumlahan bilangan"
a = input("Masukan nilai pertama : ")
b = input("Masukan nilai kedua : ")

print "Hasil penjumlahan : ", (a+b)

Hasilnya adalah sebagai berikut :

Dari contoh diatas terlihat bahwa ketika menggunakan input() anda tidak perlu lagi melakukan pengkonversian dengan menggunakan int().

C. Output (Keluaran) Dengan Fungsi print

Sejauh ini mungkin anda sudah mempraktekan penggunaan fungsi print yang ditujukan untuk menampilkan suatu informasi ke layar. Printah print juga dapat digunakan untuk memformat sesuatu keluaran, mirip seperti printf pada bahasa C++. Contoh :

nama = "GnouBdilS" (Tekan Enter)
print "Hi.. Nama saya %s" % (nama)

Hasilnya adalah sebagai berikut :

Pada contoh diatas, yang berperan untuk memformat adalah operator % (operator format). Bentuk ekspresiya adalah sebagai berikut :

string_format %(argumen_untuk_format)

Didalam string format perlu diletakan kode % untuk memformat argumen yang diletakan dalam tanda (). Berikut gambar penjelasan hubungan argumen dan kode %s :

Adapun kode pemformat yang dapat digunakan dalam string format pada ekspresi yang melibatkan operator format adalah sebagai berikut :
- %c -> sebuah karakter
- %s -> sebuah objek string
- %d -> bilangan bulat
- %i -> bilangan bulat
- %u -> bilangan bulat tak bertanda
- %o -> bilangan oktal
- %x -> bilangan heksadesimal (huruf kecil)
- %X -> bilangan heksadesimal (huruf besar)
- %e -> titik mengambang dengan bentuk : [-]m.dddddde±xx
- %E -> titik mengambang dengan bentuk : [-]m.ddddddE±xx
- %f -> titik mengambang dengan bentuk : [-]m.dddddd
- %g, %G -> titik mengambang dengan bentuk eksponen
- %% -> karakter %

Dalam penggunaannya anda bisa menuliskan kode pemformat dengan jumlah lebih dari datu pada string pemformat. Contoh :

print "Jumlah Pesanan : %i buah %s" % (5, "mie instan")

Hasilnya adalah sebagai berikut :

Pada kode pemformat juga bisa mengatur lebar yang digunakan untuk data dengan cara menyertakan lebar data antara kode % dan simbol pemformat. Contoh :

%8d

yang menyatakan bahwa bilangan diformat dengan lebar 8 karakter.
Contoh kasus berikut akan lebih menjelaskan bagaimana mengatur lebar pada kode pemformat. Simpanlah dengan nama latihan3.py :

a = 802
print "%d" % a
print "%8d" % a
print "%10d" % a

Hasilnya adalah sebagai berikut:

Pada contoh diatas data akan ditampilkan rata kanan terhadap lebar yang tersedia. Sebaliknya anda bisa menggunakan tanda minus (-). Contoh berikut merupakan modifikasi file latihan3.py :

a = 802<br>
print "%d" % a<br>
print "%8d" % a<br>
print "%10d" % a<br>
print "%-8d hari"% a

Hasilnya adalah sebagai berikut:

Akan berbeda bila anda menggunakan tanda plus (+). Contoh :

print "%+d" % 153 (Tekan Enter)
print "%+d" % -153 (Tekan Enter)

Hasilnya adalah sebagai berikut:

Anda bisa menggunakan format 0.n dimana n berupa bilangan yang berguna untuk mengatur berbagai hal tergantung pada kode format yang digunakan. Contoh :

print "%0.4f" % 3.14 (Tekan Enter)
print "%0.4d" % 314 (Tekan Enter)
print "%0.4s" % "Python"

Hasilnya adalah sebagai berikut:

Penjelasan :
- %0.4f -> menentukan jumlah digit pecahan sebanyak 4 digit
- %0.4d -> menentukan penambah nol diawal bilangan sehingga jumlah digit = 4
- %0.4s -> menentukan jumlah karakter yang ditampilkan

Selamat Belajar...

Nb :
Pada contoh-contoh diatas saya menggunakan 2 cara yaitu menggunakan penulisan kode secara interaktif agar dapat langsung didapatkan hasilnya dan juga menuliskan kode program yang kemudian disimpan dan dieksekusi.
Pada contoh yang diskripnya terdapat tulisan "Tekan Enter" itu berarti contoh tersebut menggunakan penulisan kode secara interaktif.

Komentar dan Pernyataan diPemrograman Python

gnoubdils@gmail.com (GnouBdilS) — Sun, 10 Oct 2010 23:16:00 +0700

A. Komentar
Komentar biasa dipakai dalam program untuk memberikan keterangan pada bagian program kepada pembaca program. Keterangan tersebut bisa berupa fungsi program, pembuat program, waktu program dibuat, dan penjelasan lain yang sekiranya perlu dipahami pembaca program (termasuk oleh program itu sendiri). Komentar itu akan diabaikan oleh interpreter.

Dalam bahasa pemrograman Python ditulis dengan awalan simbol #. Semua karakter yang dituliskan sesudah simbol tersebut hingga akhir baris akan dianggap sebagai sebuah komentar. Contoh :

#ini adalah sebuah komentar (Tekan Enter)
print "tes" #menampilkan string (Tekan Enter)

Hasilnya adalah sebagai berikut :

Pada contoh diatas terlihat ketika mengeksekusi perintah baris pertama tidak akan dihasilkan apa-apa pada layar dikarenakan baris tersebut berkedudukan sebagai komentar. Kemudian ketika perintah baris kedua dieksekusi hanya akan ditampilkan tulisan tes pada layar dikarenakan perintah setelah tanda # tidak dieksekusi oleh interpreter.

B. Pernyataan
1. Memenggal Pernyataan Lebih Satu Baris
Pernyataan pada bahasa pemrograman Python umumnya dibatasi oleh karakter pindah baris (newline), yang berarti setiap baris hanya boleh mengandung sebuah pernyataan. Pada prakteknya anda bisa memenggal suatu pernyataan sehingga suatu pernyataan bisa terletak pada lebih dari satu baris. Hal ini biasanya dilakukan agar isi suatu baris tidak terlalu panjang sehingga mudah untuk dibaca.

Untuk memenggal suatu pernyataan agar dapat diletakan pada lebih dari satu baris perlu ditambahkan tanda \ (backslash) sebelum akhir baris. Contoh :

print "Halo.. " + \ (Tekan Enter)
"Apa Kabar?" (Tekan Enter)

Hasilnya adalah sebagai berikut :

Terdapat pengecualian yang membuat suatu pernyataan dapat ditulis lebih dari satu baris tanpa melibatkan tanda \ yaitu pada kasus :
- Penulisan ekspresi dalam tanda kurung, kurung siku, atau kurung kurawal
- Karakter pindah baris (newline) terdapat pada string yang ditulis dalam tiga buah tanda petik
Contoh kasus pertama :

a = (2, 3, 4,    (Tekan Enter)
7, 8, 9)     (Tekan Enter)
print a    (Tekan Enter)

Hasilnya adalah sebagai berikut :

Contoh lain :

hari = ["SENIN", "SELASA",    (Tekan Enter)
"RABU", "KAMIS",    (Tekan Enter)
"JUMAT", "SABTU",    (Tekan Enter)
"MINGGU"]    (Tekan Enter)
hari    (Tekan Enter)

Hasilnya adalah sebagai berikut :

Adapun contoh kasus kedua sudah pernah saya tulis pada posting saya dengan judul Tipe Data di Bahasa Pemrograman Python

2. Dua Pernyataan Dalam Datu Baris
Bahasa pemrograman Python memungkinkan dua pernyataan ditulis dalam satu baris. Dalam kondisi ini pernyataan tersebut akan diperlakukan sebagai sebuah blok kode (kumpulan instruksi yang akan dieksekusi sebagai suatu kesatuan) dan disebut suites. Hal ini bermanfaat pada pernyataan yang bersifat kompleks seperti if dan while. Adapun pemisahnya adalah tanda titik koma (;).
Contoh :

a = "GnouBdilS" ; print a (Tekan Enter)

Hasilnya adalah sebagai berikut :

Selamat belajar..
Nb : Pada contoh kasus diatas penulisan perintah program secara interaktif sehingga hasilnya dapat langsung didapatkan

Expresi dan Operator di Pemrograman Python

gnoubdils@gmail.com (GnouBdilS) — Thu, 7 Oct 2010 22:54:00 +0700

A. Ekspresi
Expresi adalah suatu bentuk penulisan yang menghasilkan suatu nilai. Dalam bentuk sederhana ekspresi berupa sebuah operator atau variable dan dalam bentuk kompleks ekspresi melibatkan operator dan operand.

Kegunaan ekspresi :
- melakukan perhitungan
- melakukan pembandingan
- melakukan manipulasi terhadap teks ataupun berbagai struktur data seperti list dan tuple

Contoh ekspresi :

1+2-3

Contoh ekspresi diatas digunakan untuk memperoleh hasil penjumlahan 1 dengan 2 kemudian dikurangi dengan 3. Pada ekspresi diatas tanda + dan - disebut dengan operator sedangkan 1,2, dan 3 merupakan operand.

B. Operator
Dalam bahasa pemrograman Python terdapat cukup banyak operator, yaitu :
1. Operator Aritmatika
Operator aritmatika adalah operator yang berhubungan dengan perhitungan bilangan. Adapun daftar operator aritmatika dalam bahasa pemrograman Python seperti dibawah ini :
- ** : Perpangkatan
- - : Negasi
- * : Perkalian
- / : Pembagian
- % : Sisa Pembagian
- + : Penjumlahan
- - : Pengurangan
Adapun dalam hubungannya dengan operasi aritmatika, Python melakukan pengkonversian tipe data dengan ketentuan sebagai berikut :
- Jika terdapat operand yang berupa bilangan kompleks, yang lain akan dikonversikan ke bilangan kompleks.
- Jika terdapat operand yang berupa bilangan titik-mengambang, yang lain akan dikonversikan ke bilangan titik mengambang
- Jika terdapat operand yang berupa bilangan bulat panjang, yang lain akan dikonversikan ke bilangan bulat panjang
- Jika kedua operand berupa bilangan bulat biasa maka tidak ada pengonversian
Contoh :

Jika menuliskan ekspresi 3/2 hasilnya adalah 1
Jika menuliskan ekspresi 3/2.0 hasilnya adalah 1.5

2. Operator Penggabungan String
Dalam bahasa pemrograman Python untuk menggabungkan dua buah string bisa digunakan operator +. Contoh :

a = "Pemrograman" (Tekan Enter)
b = " Python"   (Tekan Enter)
c = a + b   (Tekan Enter)
c   (Tekan Enter)

Hasilnya akan tampak seperti gambar dibawah ini :

Selain operator +, terdapat juga operator * yang akan menghasilkan pengulangan dari string sebanyak n kali.
Bentuk umumnya :

string * n

Contoh :

a = "Halo " * 5 (Tekan Enter)
a (Tekan Enter)

Hasilnya tampak seperti gambar dibawah ini :

3. Operator Pembanding
Operator pembanding biasanya digunakan untuk melakukan pembandingan dua buah operand. Pembandingan dapat berupa kesamaan atau ketidaksamaan, atau berbagai hal lain. Hasil pembandingan berupa angka 0 (menyatakan salah) dan 1 (menyatakan benar).
Berikut operator pembanding dalam bahasa pemrograman Python :
- > : Lebih dari. Contoh : 5 > 6 = 0
- < : Kurang dari. Contoh : 5 < 6 = 1
- = atau = = : Sama dengan. Contoh : 5 = 6 = 0
- <> atau != : Tidak sama dengan. Contoh : 5 <> 6 = 1
- >= : Lebih dari sama dengan. Contoh : 5 >= 6 = 0
- <= : Kurang dari sama dengan. Contoh : 5 <= 6 = 0
Contoh :

"GnouBdilS" == "gnoubdils" (Tekan Enter)
5 > 6 (Tekan Enter)
5 < 6 (Tekan Enter)
"GnouBdilS" <> "GnouBdilS" (Tekan Enter)

Hasilnya akan tampil seperti gambar dibawah ini :

Khusus untuk tipe data string terdapat operator pembanding berupa in. Bentuk umumnya :

str1 in str2

Hasil pembandingan akan menampilkan benar bila str1 ada pada str2. Contoh :

str1 = "ri"    (Tekan Enter)
str2 = "rian aulia dwilazuaris"    (Tekan Enter)
str1 in str2    (Tekan Enter)
"ir" in str2   (Tekan Enter)

Hasilnya seperti gambar dibawah ini :

4. Operator Berbasis Bit
Python mendukung operator yang beroperasi pada level bit (0 dan 1) berupa :
- & (dan untuk biner)
- | (atau untuk biner)
- ^ (atau ekslusif / xor)
- ~ (inversi untuk biner)
- << (geser kiri)
- >> (geser kanan)

a. Operator &
Operator & berguna untuk melakukan operasi "dan" pada level bit. Berikut sifat operasi bit dengan operator & :
- bit1 = 0 & bit2 = 0 maka hasilnya adalah 0
- bit1 = 0 & bit2 = 1 maka hasilnya adalah 0
- bit1 = 1 & bit2 = 0 maka hasilnya adalah 0
- bit1 = 1 & bit2 = 1 maka hasilnya adalah 1
Dari sifat operasinya tampak bahwa bit hasil berupa 1 hanya akan dihasilkan bila kedua bit yang dikenakan operator & bernilai 1.
Contoh :

9 & 10 (Tekan Enter)
29 & 7 (Tekan Enter)

Hasilnya seperti dibawah ini :

Penjelasan :
- Angka 9 bila di konversikan ke biner adalah 1001
- Angka 10 bila dikonversikan ke biner adalah 1010
- Jadi bila digunakan operator & berdasarkan sifat operasinya diatas akan menghasilkan nilai biner 1000 yang merupakan angka 8

b. Operator |
Operator | berguna untuk melakukan operasi "atau" pada level biner. Berikut sifat operasi biner antarbit dengan operator | :
- bit1 = 0 | bit2 = 0 maka hasilnya adalah 0
- bit1 = 0 | bit2 = 1 maka hasilnya adalah 1
- bit1 = 1 | bit2 = 0 maka hasilnya adalah 1
- bit1 = 1 | bit2 = 1 maka hasilnya adalah 1
Dari sifat operasinya tampak bahwa bit hasil berupa 0 hanya akan dihasilkan bila kedua bit yang dikenakan operator | bernilai 0.
Contoh :

9 | 10 (Tekan Enter)
29 | 7 (Tekan Enter)

Hasilnya seperti dibawah ini :

Penjelasan :
- Angka 9 bila di konversikan ke biner adalah 1001
- Angka 10 bila dikonversikan ke biner adalah 1010
- Jadi bila digunakan operator | berdasarkan sifat operasinya diatas akan menghasilkan nilai biner 1011 yang merupakan angka 11

c. Operator ^
Operator ^ berguna untuk melakukan operasi "atau ekslusif(xor)" pada level biner. Berikut sifat operasi biner antarbit dengan operator ^ :
- bit1 = 0 ^ bit2 = 0 maka hasilnya adalah 0
- bit1 = 0 ^ bit2 = 1 maka hasilnya adalah 1
- bit1 = 1 ^ bit2 = 0 maka hasilnya adalah 1
- bit1 = 1 ^ bit2 = 1 maka hasilnya adalah 0
Dari sifat operasinya tampak bahwa bit hasil berupa 1 hanya akan dihasilkan bila salah satu bit yang dikenakan operator ^ bernilai 1.
Contoh :

9 ^ 10 (Tekan Enter)

Hasilnya seperti dibawah ini :

Penjelasan :
- Angka 9 bila di konversikan ke biner adalah 1001
- Angka 10 bila dikonversikan ke biner adalah 1010
- Jadi bila digunakan operator ^ berdasarkan sifat operasinya diatas akan menghasilkan nilai biner 0011 yang merupakan angka 3.

d. Operator ~
Operator ini memberikan hasil dengan masing-masing bit berupa kebalikan dari bit operand.
Contoh :

~185 (Tekan Enter)

Hasilnya seperti dibawah ini :

Penjelasan :
Angka 185 bila dikonversikan kedalam binner adalah 000..10111001
Dilihat dari sifatnya yang membalikan bit operand hasilnya 111..101000110 yang merupakan angka (-186)

e. Operator <<
Operator << (geser kiri) berfungsi untuk menggeser bit-bit kekiri. Jumlah penggeseran ditentukan oleh operand yang terletak dikanan operator ini. Contoh :

29 << 1 (Tekan Enter)

Hasilnya seperti dibawah ini :

Penjelasan :
Angka 29 bila dikonversikan ke binner adalah 00011101 bila digeser ke kiri 1 bit hasilnya adalah 00111010 yang merupakan angka 58

f. Operator >>
Operator >> (geser kanan) berfungsi untuk menggeser bit-bit ke kanan. Jumlah penggeseran ditentukan oleh operand yang terletak dikanan operator ini. Contoh :

29 >> 1 (Tekan Enter)

Hasilnya seperti dibawah ini :

Penjelasan :
Angka 29 bila dikonversikan ke binner adalah 00011101 bila digeser ke kanan1 bit hasilnya adalah 00001110 yang merupakan angka 14

5. Operator Logika
Operator logika biasa digunakan untuk membentuk suatu keadaan logika (benar atau salah) berdasarkan sebuah atau dua buah ekspresi kondisi (tergantung operator logika yang digunakan). Adapun operator logika yang ada dalam bahasa pemrograman Python :
- and
- or
- not
Berikut ini merupakan table kebenaran operasi dengan operator logika :

A	B	not A	A and B	A or B
T	T	F	T	T
T	F	F	F	T
F	T	T	F	T
F	F	T	F	F

T = True, F = False

Contoh :

(1 < 2) and (2 < 3)    (Tekan Enter)
(4 > 5) and (4 < 5)    (Tekan Enter)
(3 > 4) or (2 < 3)    (Tekan Enter)
not (5 < 4)    (Tekan Enter)

Hasilnya seperti dibawah ini :

6. Prioritas Operator

Masing-masing operator dalam suatu ekspresi berkemungkinan memiliki prioritas pengerjaan yang berbeda. Berikut merupakan table prioritas operator pada bahasa pemrograman Python :

Prioritas	Operator
1	() -> Tuple [] -> List {} -> Dictionary 'objek' (konversi string)
2	objek[i] -> Indeks objek[i:j] -> Irisan x.atribut -> Referensi atribut fungsi() -> Pemanggilan fungsi
3	+x -> Positif -x -> Negatif ~x -> Negasi bit
4	**
5	*, /, %
6	+, - (sebagai penjumlah/pengurang)
7	<<, >>
8	&
9	^
10	\|
11	<, <=, >, >=, !=, <>, is, is not, in, not in
12	not
13	and
14	or
15	lambda

Selamat belajar..

Note :

- Untuk perhitungan konversi ke binner anda bisa menggunakan software Quick Number Base Converter yang bisa anda cari melalui google.

- Pada contoh diatas saya menuliskan kode secara interaktif sehingga bisa langsung didapatkan hasilnya

Tipe Data di Bahasa Pemrograman Python

gnoubdils@gmail.com (GnouBdilS) — Tue, 5 Oct 2010 23:58:00 +0700

Tipe data dibahasa pemrograman python dibagi menjadi dua kelompok yaitu :
- immutable = tipe data yang tidak bisa diubah (string dan bilangan)
- mutable = tipe data yang bisa diubah (list dan dictionary)
Dalam posting kali ini hanya akan dibahas mengenai tipe data immutable dan saya akan membahas perkasusnya dengan menuliskan perintah Python secara interaktif sehingga setiap kode yang ditulis akan langsung diketahui hasilnya.

A. Bilangan
Ada berbagai macam bilangan yang didukung oleh bahasa pemrograman Python, yaitu :
1. bilangan bulat
tidak ada bagian pecahan, bisa berupa bilangan positif maupun negatif
contoh : -5, 43
2. bilangan bulat panjang
bilangan bulat yang tidak terbatas
contoh : 2L
3. bilangan titik mengambang
menyatakan bilangan real, tanda pecahan berupa titik, notasi E atau e untuk menyatakan notasi sains.
contoh : 7.3, -234.56, 3.5e+8, 3.5E-4
4. bilangan heksadesimal
adalah bilangan yang berbasis 16, simbol yang digunakan 0 s/d 9 dan A s/d F, bilangan ini ditulis dengan awalan 0x
contoh : 0x83, 0xA
5. bilangan oktal
adalah bilangan berbasis 8, simbol yang digunakan 0 s/d 7, bilangan ini selalu ditulis dengan awalan nol (0).
contoh : 017
6. bilangan kompleks
adalah bilangan yang mempunyai bagian real dan bagian imajiner, notasi untuk bagian imajiner dapat berupa j atau J
contoh : 10-3J, 10+5j

Tulisan seperti 10 atau "Python" biasa disebut literal yang berarti sesuatu nilai yang konstan. Literal semacam 10 berarti literal tersebut berupa bilangan pecahan (identik dengan 10.0), literal seperti .01 identik dengan 0.01

Contoh bilangan heksadesimal

Contoh diatas menjelaskan bahwa 0x121 (heksadesimal) identik dengan bilangan 289 pada sistem desimal (berbasis 10).

Contoh bilangan oktal

Contoh diatas menjelaskan bahwa 0153 (oktal) identik dengan bilangan 107 pada sistem desimal (berbasis 10).

Contoh bilangan titik-mengambang

Walaupun sebenarnya anda menuliskan 8.2 tidak semua bilangan real bisa disimpan secara eksak didalam komputer sehingga hasil yang ditampilkan dari 8.2 adalah 8.1999999999999993

Contoh bilangan kompleks

B. String

String adalah deretan karakter. Sebuah karakter dapat berupa sebuah huruf, sebuah digit, atau sebuah simbol seperti + atau *. Contoh :

"Python"

adalah string yang terdiri dari 5 buah karakter yang secara internal string tersebut akan disimpan dengan format sebagai berikut :

["P", "y", "t", "h", "o", "n"]

selain dengan menggunakan kutip ganda (") dalam menuliskan string juga bisa menggunakan kutip tunggal (').
String bisa saja tidak menggunakan satu karakterpun. String seperti itu disebut dengan string kosong. Penulisannya adalah sebagai berikut :

'' atau ""

Didalam suatu string juga bisa melibatkan karakter kutip tunggal maupun kutip ganda.
Jika ingin menampilkan kutip tunggal didalam sebuah string maka gunakan kutip ganda sebagai awalan dan akhiran untuk menuliskan string. sebaliknya bila ingin menampilkan kutip ganda didalam sebuah string maka gunakan kutip tunggal sebagai awalan dan akhiran untuk menuliskan string tersebut. Contoh :

print "Jum'at" (tekan enter)

print '"Hai apa kabar?", "Gimana kabarmu?"' (tekan enter)

Hasilnya akan tampil pada gambar dibawah ini :

Karakter dalam suatu string bisa diperoleh melalui indeks. Contoh :

a = "gnoubdils" (tekan enter)
a[0] (tekan enter)

Hasilnya akan tampil seperti gambar berikut :

Namun pengubahan terhadap string melalui indeks tidak dimungkinkan. Contoh :

a = "gnoubdils" (tekan enter)
a[0] = "k" (tekan enter)

Hasilnya akan tampil error seperti berikut ini :

Indeks string bisa juga berupa bilangan negatif. Dalam kondisi ini pengambilan karakter dimulai dari kanan. Contoh :

a = "gnoubdils" (tekan enter)
a[-1] (tekan enter)

Hasilnya :

Pengambilan beberapa karakter string dapat dilakukan dengan menggunakan notasi seperti berikut :

string[a:b]

Contoh :

a = "gnoubdils"    (tekan enter)
a[1:4]    (tekan enter)
a[-4:-1]    (tekan enter)
a[2:]    (tekan enter)
a[-2:]    (tekan enter)

Hasilnya :

Penjelasan :
- a[1:4] = mengambil karakter dimulai dari indeks yang pertama hingga indeks yang ke 4 dari kiri
- a[-4:-1] = mengambil karakter dimulai dari indeks -4 hingga indeks -1 dari kanan
- a[2:] = mengambil karakter dari indeks nomor 2 paling kiri hingga indeks terakhir paling kanan
- a[-2:] = mengambil karakter dari indeks nomor 2 dari sebelah kanan hingga indeks terakhir paling kanan

String juga bisa melibatkan kode escape. Kode escape adalah sebuah karakter yang dinotasikan dengan awalan berupa \.
Berikut kode escape pada Python :
- \\ = backslash
- \' = petik tunggal
- \" = petik ganda
- \b = backspace
- \e = escape
- \0 = null
- \n = linefeed
- \v = tab vertikal
- \t = tab horizontal
- \r = carriage return
- \f = form feed
- \0nn = nilai oktal, dengan nn berupa digit 0..7
- \0xnn = nilai heksadesimal, dengan nn dapat berupa digit 0..9, huruf A..Z atau a..z

Contoh :

print "Halo\nApa kabar?" (tekan enter)

Hasilnya :

Untuk penulisan string yang panjang, penggunaan tiga buah tanda petik tunggal atau tiga buah petik ganda (triple quote) diperkenankan. Dengan menggunakan awalan dan akhiran tanda ini string bisa ditulis lebih dari satu baris. Contoh :

s = '''Tes..tes     (tekan enter)
123 tes tes'''     (tekan enter)
s     (tekan enter)
print s     (tekan enter)

Hasilnya :

Dalam ekspresi string, kada dijumpai penggunaan tanda backquote (petik terbalik). Tanda ini digunakan untuk mengapit nama sebuah variable, nilai variable ini akan dikonversikan ke string. Contoh :

n = 1 (tekan enter)
print `n` + " hati" (tekan enter)

Hasilnya :

Python juga menyediakan fungsi untuk menghitung jumlah karakter yang terkandung dalam string, fungsi tersebut adalah len(). Contoh :

kota_lahir = "cirebon" (tekan enter)
len (kota_lahir) (tekan enter)

Hasilnya :

Variable dan Penugasan Dibahasa Pemrograman Python

gnoubdils@gmail.com (GnouBdilS) — Tue, 5 Oct 2010 20:05:00 +0700

A. Identifier
Identifier atau pengenal merupakan suatu dasar yang perlu dipahami karena banyak digunakan program dalam memberikan nama sebuah variable, fungsi, dan kelas.
Didalam bahasa pemrograman Python dalam memberikan nama untuk pengenal adalah sebagai berikut :
- Dapat melibatkan huruf (A-Z, a-z), digit (0-9), dan garis bawah ( _ )
- Tidak boleh berawalan dengan digit
- Huruf kecil dan huruf besar dibedakan (case sensitive)
- Tidak menggunakan kata tercadang (reserved-word)
Secara internal Python banyak menggunakan variable yang diawali dengan karakter garis bawah ( _ ) untuk menghindari konflik, maka sebaiknya pengenal (identifier) yang anda buat tidak diawali dengan ( _ ).

Contoh identifier yang valid :
- x
-Y
- nama_bulan
- Ok_1

Contoh identifier yang tidak valid :
- Jml barang -> Kesalahan : Terdapat spasi
- for -> Kesalahan : Kata tercadang
- hitung-2 - > Kesalahan : Ada tanda minus

B. Variable dan Penugasan
Variable adalah suatu nama yang digunakan untuk menyimpan nilai dan nilai yang ada didalamnya bisa diubah. Di dalam bahasa pemrograman Python variable tidak perlu dideklarasikan berbeda pada bahasa seperti C/C++ pendeklarasian digunakan untuk menentukan tipe data yang hendak disimpan ke dalam variable.

Contoh :

a = 5

Maksudnya adalah variable a ditugasi dengan bilangan 5 atau dengan kata lain variable a merujuk ke objek bilangan 5. Dalam hal ini, operator = dinamakan operator penugasan.
Sebagai contoh dalam bahasa C/C++ dalam mendeklarasikan sebuah variable maka harus ditulis seperti berikut ini :

int a,b;

Dalam Python anda bisa merubah tipe data pada variable kapan saja. Dengan kata lain, setelah anda mengisikan bilangan 5 ke variable a, anda bisa mengisikan string ke variable tersebut seperti pada contoh berikut :

a = "Python"

Karena sifatnya yang demikian Python dikatakan memiliki type data yang dinamis.
Penugasan variable juga bisa melibatkan operator, contoh:

x = 1 + 2

yang merupakan pernyataan untuk mengisikan hasil penjumlahan 1 dan 2 ke variable x.
contoh lain dari sebuah penugasan variable dalam Python adalah sebagai berikut :

x = x + 3

pernyataan tersebut meyatakan bahwa variable x diisi dengan hasil penjumlahan nilai x lama dengan 3. atau dengan kata lain pernyataan tersebut digunakan untuk menaikan nilai variable x sebesar 3.

Video & Lirik - Pilihanku - Maliq & D Essentials

gnoubdils@gmail.com (GnouBdilS) — Wed, 29 Sep 2010 00:32:00 +0700

Berjuta rasa rasa yang tak mampu diungkapkan kata-kata
Dengan beribu cara-cara kau selalu membuat ku bahagia
Kau adalah alasan dan jawaban atas semua pertanyaan
Yang benar-benar kuinginkan hanyalah kau untuk selalu di sini ada untukku
Maukah kau tuk menjadi pilihanku
Menjadi yang terakhir dalam hidupku
Maukah kau tuk menjadi yang pertama
Yang selalu ada di saat pagi ku membuka mata

Oh..
Ijinkan aku memilikimu, mengasihimu, menjagamu, menyayangimu,
memberi cinta
memberi semua yang engkau inginkan
selama aku mampu aku akan berusaha
mewujudkan semua impian dan harapan
tuk menjadi kenyataan

Maukah kau tuk menjadi pilihanku
Menjadi yang terakhir dalam hidupku
Maukah kau tuk menjadi yang pertama
Yang slalu ada di saat pagi ku membuka mata

Jadilah yang terakhir
Tuk jadi yang pertama
Tuk jadi selamanya...

Maukah kau tuk menjadi pilihanku
Menjadi yang terakhir dalam hidupku
Maukah kau tuk menjadi yang pertama
Yang selalu ada di saat pagi ku

Maukah kau tuk menjadi pilihanku
Menjadi yang terakhir dalam hidupku
Maukah kau tuk menjadi yang pertama
Yang selalu ada di saat pagi ku membuka mata

Jadilah yang terakhir
Tuk jadi yang pertama
Tuk jadi selamanya....

Memasang Tombol Reply Pada Blogger

gnoubdils@gmail.com (GnouBdilS) — Wed, 29 Sep 2010 00:11:00 +0700

Bila dibandingkan blog yang menggunakan Blogger/Blogspot dengan yang menggunakan WordPress, salah satu kelebihan blog yang menggunakan WordPress adalah kemudahan berinteraksi antar sesama pengunjung yang berkomentar pada sebuah artikel, yaitu dengan menggunakan tombol Reply, untuk mengomentari atau membalas komentar yang disampaikan oleh pengunjung lainnya.

Sebenarnya blog yang menggunakan Blogger/Blogspot pun dapat juga menampilkan tombol reply tersebut, tentunya dengan penambahan kode tertentu.
Berikut langkah-langkahnya untuk memasang tombol reply pada blogger :
- Klik tab Design kemudian klik Edit HTML lalu klik opsi Expand Widget Templates kemudian carilah kode berikut ini :

<data:commentPostedByMsg/>

- Tambahkan kode berikut dibawah kode tersebut diatas :

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=ID-BLOG-ANDA&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E%3A%20#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;' style='padding:0px 5px; border:1px solid #999;'>Reply</a></span>

- Ubahlah tulisan ID-BLOG-ANDA dengan nomer blog id anda. caranya adalah dengan melihatnya pada address bar :

Simpan perubahan dan hasilnya akan tampil seperti berikut :

Untuk mendapatkan tampilan yang lebih baik anda bisa mengedit kode diatas.
Sebagai catatan tampilan reply pada Blogger tidak seperti tampilan pada WordPress yang berbentuk Threaded Comment (komentar berjenjang). Tapi ini cukup untuk membuat kolom komentar menjadi lebih interaktif.

Memasang Tombol Tweet, Facebook Share, Facebook Like di Blogger

gnoubdils@gmail.com (GnouBdilS) — Tue, 28 Sep 2010 23:48:00 +0700

Saat ini situs-situs jejaring sosial terutama Facebook dan Twitter merupakan jenis situs online yang paling banyak diakses oleh pengguna internet di seluruh dunia. Salah satu layanan yang banyak digunakan adalah kemudahan bagi penggunanya untuk menyebarkan/membagikan/share artikel online yang ada di berbagai website/blog.

Bagi pemilik atau pengelola website/blog, tentunya hal tersebut menjadi salah satu peluang untuk memperbesar tingkat kunjungan ke situsnya melalui Facebook dan Twitter ini, dengan memberikan kemudahan bagi pengunjung untuk share artikel yang ada di blog, salah satunya adalah dengan memasang tombol share Facebook dan Twitter.

Pemasangan tombol ini menggunakan layanan dari LinksAlpha yang menyediakan tombol share yang menggabungkan tiga tombol share yaitu tweet, facebook share, dan facebook like.
Sebenarnya tombol yang bernama 1-Click Retweet/Share/Like yang disediakan oleh LinksAlpha ini bisa anda pasang dengan menggunakan kode yang diberikan oleh situs LinksAlpha tapi sayangnya kode tersebut disediakan hanya untuk halaman / url statis saja terkecuali anda menggunakan Wordpres atau TypePad maka anda hanya perlu menginstall pluginnya. Namun jangan khawatir, pengguna blogger juga dapat memanfaatkannya tentunya dengan sedikit melakukan perubahan.

Berikut langkahnya :
- Klik tab Design lalu klik Edit HTML centang pilihan Expand Widget Templates
- Carilah kode berikut ini :

<data:post.body/>

- Tambahkan kode berikut ini dibawah kode tersebut diatas :

<iframe id='websites_iframe' expr:src='"http://www.linksalpha.com/social?link=" + data:post.url + ""' frameborder='0' height='25px' scrolling='no' width='320px'/>

Hasilnya akan tampil seperti gambar dibawah ini :

Selamat mencoba

Video & Lirik - Cerita Cinta Kita - Alyssa Soebandono

gnoubdils@gmail.com (GnouBdilS) — Tue, 28 Sep 2010 21:54:00 +0700

Bukannya aku tak cinta
Ku hanya tahu ini keliru
Bukannya aku tak mau
Sungguh mati aku suka kamu

Setengah gila aku menahan rasa
Yang ada di dalam dada
Jangan kau paksa diriku
Untuk melanggar janji cintaku

Ku ingin sungguh ku mau
Tapi ku hanya tak bisa denganmu
Aku sendiri tapi kau bersamanya
Kita tak mungkin berdua

[*]
Biarlah cerita cinta kita
Bersemi di dalam hati ini saja
Semoga kau bahagia
Aku juga pasti ‘kan bahagia

[**]
Biarlah cerita kita
Menjadi bunga mimpi-mimpi semata
Semoga kau bahagia
Ku berdoa untukmu selamanya

Back to [*][**]

Back to [*]

Pengenalan Pemrograman Python

gnoubdils@gmail.com (GnouBdilS) — Tue, 21 Sep 2010 16:08:00 +0700

Python merupakan bahasa pemrograman yang diciptakan oleh Guido van Rossum pada tahun 1989 di Amsterdam, Belanda. Bersifat open source sehingga bebas anda pakai tanpa harus membeli interpreternya dan dapat didownload secara gratis pada situsnya di http://www.python.org/ . Sebagai bahasa yang multiplatform, yang dapat berjalan didalam lingkungan sistem operasi seperti Windows, UNIX, Linux, dan Mac, Python memberikan kemudahan dalam menulis suatu program dan juga memberikan portabilitas yang tinggi.

Python banyak diminati karena kesederhanaannya. Didalam bahasa inti python sendiri hanya menyediakan sedikit tata bahasa dan kosakata sehingga mudah untuk diingat. Hal ini berbeda dengan bahasa seperti C, yang menawarkan berbagai alternatif pengkodean untuk melakukan tugas yang sama. Sebagai contoh untuk menangani masalah perulangan bahasa C menyediakan perintah for dan while sedangkan python hanya menyediakan perintah while. Namun bukan berarti perintah for tidak ada didalam python, hanya saja perintah ini digunakan untuk kepentingan lain, yaitu khusus untuk menangani list.

Python mendukung banyak pustaka yang tersimpan dalam modul-modul, diantaranya mendukung jaringan, antarmuka grafis, pencitraan, analisis dan komputasi numerik, hypertext(html, xml, dll), akses database, dll.
Selain sederhana, kode Python mudah untuk dibaca oleh siapa saja, baik oleh pemula maupun oleh mereka yang sudah terbiasa dengan dunia pemrograman. Hal ini berarti Python mudah untuk dipelajari.

Kemudahan untuk memperlajari bahasa pemrograman Python juga dikarenakan Python menggunakan interpreter sebagai penterjemah. Dengan menggunakan interpreter Python, pengguna dapat menguji suatu pernyataan dalam Python secara interaktif, tidak perlu menuliskan kode dalam bentuk program.

Python merupakan bahasa pemrograman berorientasi objek (OOP), oleh karena itu keistimewaan tentang pewarisan dan instansiasi yang ditawarkan pada bahasa pemrograman berorientasi objek juga dapat diwujudkan pada Python.

A. Menuliskan Perintah Secara Interaktif
Untuk menuliskan sebuah perintah Python secara interaktif, terlebih dahulu kita harus memanggil interpreternya dengan cara mengetikan python kemudian Enter pada prompt shell Linux atau dengan cara mengklik tombol Start -> All Programs -> Python 2.4 -> Python (command line) pada Windows.

Gambar berikut memperlihatkan keadaan setelah Python dipanggil pada Windows

Selain menggunakan interpreter berbentuk baris perintah Python juga menyediakan antarmuka pemakai grafis yang dinamakan IDLE (Integrated Development Environtment) yang dapat diakses dengan cara mengklik tombol Start -> All Programs -> Python 2.4 -> IDLE (Python GUI) pada Windows.

Apapun yang anda gunakan anda akan menemukan prompt >>> setelah anda memanggil interpreter Python. Prompt tersebut menyatakan bahwa interpreter Python siap menerima instruksi dari pemakai.
Contoh ketikanlah perintah berikut ini :

print "Python"

kemudian tekan tombol Enter. Anda akan menjumpai tulisan Python dibawah perintah yang anda ketik tadi.

Notasi "Python" menunjukan suatu string yang berisi tulisan Python. Pernyataan print "Python" berarti menampilkan string Python.

Contoh lain, ketikanlah perintah berikut :

a=5

a+7

maka pada Python akan ditampilkan berikut ini :

Pada contoh diatas, a=5 merupakan pernyataan untuk memberikan nilai 5 ke variabel bernama a. Variable merupakan suatu wadah yang dapat digunakan untuk menyimpan nilai dan nilai didalamnya bisa dirubah sewaktu-waktu. Perintah a+7 menyatakan suatu instruksi untuk menampilkan penjumlahan antara isi variable a dengan nilai 7.

Selain contoh diatas, dengan menggunakan Python anda bisa menuliskan suatu instruksi yang lebih kompleks yang melibatkan beberapa baris, sebagai contoh perintah berikut :

if 3 < 4:
print "Benar"

Hasilnya adalah sebagai berikut :

B. Membuat Program
Menulis perintah secara interaktif berguna untuk menguji suatu perintah dengan mudah. Anda mengetikan suatu perintah dan langsung mendapatkan hasilnya. Namun adakalanya anda perlu menuliskan sekumpulan instruksi dalam suatu berkas.

Untuk membuat sebuah program dengan bahasa Python anda bisa menggunakan media notepad maupun IDLE dari Python.
Bila anda menggunakan IDLE Python dari IDLE Python klik menu File -> New Window.
Dari jendela baru inilah kita akan membuat sebuah program baru, ketikanlah skrip berikut ini :

print "Hello World.."
print "Selamat Belajar Python"

kemudian simpan dengan cara mengklik menu File -> Save As kemudian pilihlah lokasi tempat penyimpanan dan berilah nama file dengan nama awal.py dalam kasus ini saya menyimpan file pada folder C:\Python24.

Jika anda menuliskan skrip Python dilingkungan UNIX dan Linux anda perlu menyisipkan baris berikut pada awal skrip :

# ! /usr/local/bin/python

Baris tersebut berfungsi untuk memberitahukan kepada sistem operasi untuk mengeksekusi skrip dengan menggunakan interpreter Python yang terletak pada direktori /usr/local/bin. Jika program Python dikomputer anda tidak terletak pada direktori tersebut tentu saja anda harus menyesuaikannya. Untuk menemukan lokasi interpreter Python gunakan perintah berikut pada prompt shell UNIX/Linux :

Whereis python

Untuk menjalankan skrip Python pada lingkungan UNIX/Linux dengan cara mengetikan skrip berikut :

$ chmod +x namaskrip.py
$ namaskrip.py

Pada lingkungan Windows, anda bisa menjalankan skrip Python dengan cara berikut :

python namaskrip.py

atau

namaskrip.py

Khusus untuk skrip yang kedua (berwarna ungu) anda harus menuliskan perintah berikut pada prompt shell sebelum menjalankannya :

SET PATH=%PATH%;C:\Python24

Dilihat dari skrip diatas prompt shell menset variable DOS bernama PATH untuk merujuk kepada folder C:\Python24 bila anda menyimpan skrip pada folder lain ubahlah PATH agar merujuk kepada folder tersebut.
Dalam kasus saya, karena saya menyimpan file program pada folder C:\Python24 dengan nama file awal.py
maka skrip untuk menjalankannya adalah sebagai berikut :

SET PATH=%PATH%;C:\Python24
awal.py

Atau untuk lebih mudahnya, bila anda menggunakan IDLE Python untuk membuat program tersebut ada cara yang lebih mudah untuk menjalankan program yaitu dengan mengklk menu Run -> Run Module atau mengklik tombol F5.

Maka akan tampil seperti gambar dibawah ini :

Memodifikasi Datepicker Dengan JQuery

gnoubdils@gmail.com (GnouBdilS) — Tue, 21 Sep 2010 10:17:00 +0700

Pada postingan saya sebelumnya saya menjelaskan bagaimana cara menambahkan datepicker dengan jquery pada sebuah website. Dalam postingan kali ini masih berhubungan dengan bagaimana menambahkan datepicker dengan jquery namun dengan tambahan yaitu modifikasi datepicker yang kita gunakan agar sesuai dengan keinginan.

Adapun disini saya akan membaginya kedalam beberapa contoh kasus, yaitu :
1. Datepicker dengan tampilan menggunakan bahasa indonesia
Untuk dapat menggunakan datepicker dengan menggunakan bahasa indonesia dibutuhkan sebuah library lagi yaitu ui.datepicker-id.js. darimana anda dapat mendapatkannya? jangan khawatir semua contoh yang ada disini saya sediakan filenya sehingga nanti anda dapat mendownloadnya.
Langkahnya sebagai berikut :
- tambahkan script berikut di antara <head> dan </head> script ini dapat anda tambahkan dibawah script pada artikel sebelumnya mengenai cara menambahkan datepicker dengan jquery :

<script type="text/javascript" src="../lib/ui.datepicker-id.js"></script>

lengkapnya scriptnya akan seperti dibawah ini :

<link type="text/css" href="../themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../lib/jquery-1.3.2.js"></script>
<script type="text/javascript" src="../lib/ui.core.js"></script>
<script type="text/javascript" src="../lib/ui.datepicker.js"></script>
<script type="text/javascript" src="../lib/ui.datepicker-id.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#dtp").datepicker();
});
</script>

untuk pemanggilannya pun masih sama seperti pada posting saya sebelumnya mengenai cara menambahkan datepicker dengan jquery yaitu dengan menggunakan id="dtp" contoh :

Masukan Tanggal : <input id="dtp" type="text">

Hasil dari contoh diatas adalah sebagai berikut :

Bedakan dengan hasil sebelum kita memodifikasinya :

Terlihat perbedaan setelah dimodifikasi kini tampilan datepicker sudah menggunakan bahasa indonesia Mg=Minggu, Sn=Senin, dst.

2. Merubah format tanggal datepicker
Sebelum kita melakukan modifikasi format tanggal datepicker masih berbentuk "mm/dd/yyyy" contoh tanggal 21 September 2010 maka akan ditulis dengan bentuk "09/21/2010". Agar dapat dirubah formatnya sesuai dengan keinginan kita maka kita akan menggunakan sebuah fungsi dari datepicker dengan nama dateFormat.
Langkahnya adalah sebagai berikut :
- Pada postingan saya yang sebelumnya mengenai cara menambahkan datepicker dengan jquery anda tentunya akan menemukan script berikut :

<script type="text/javascript">

$(document).ready(function(){

$("#dtp").datepicker();

});

</script>

Sebagaimana disebutkan diatas bahwa untuk merubah format dari datepicker kita akan menggunakan fungsi dari datepicker dengan nama dateFormat. Fungsi ini akan kita letakan pada script diatas sehingga nantinya script akan menjadi sebagai berikut :

<script type="text/javascript">
$(document).ready(function(){
$("#dtp").datepicker({
dateFormat: "dd MM yy"
});
});
</script>

Nah nantinya jika sudah ditambahkan fungsi tersebut diatas secara lengkap script akan menjadi sebagai berikut :

<link type="text/css" href="../themes/base/ui.all.css" rel="stylesheet" />

<script type="text/javascript" src="../lib/jquery-1.3.2.js"></script>

<script type="text/javascript" src="../lib/ui.core.js"></script>

<script type="text/javascript" src="../lib/ui.datepicker.js"></script>

<script type="text/javascript" src="../lib/ui.datepicker-id.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#dtp").datepicker({

dateFormat: "dd MM yy"

});

});

</script>

Hasil dari contoh diatas adalah sebagai berikut :

3. Menampilkan pilihan bulan dan tahun
Seperti yang dapat anda lihat pada contoh-contoh diatas dan juga pada postingan saya sebelumnya mengenai cara menambahkan datepicker dengan jquery terlihat bahwa bulan dan tahun tidak dapat langsung dipilih pada bulan atau tahun tertentu. kita harus mengklik tombol panah yang ada hingga mendapatkan bulan dan tahun yang diinginkan. tentunya akan sangat merepotkan bila bulan dan tahun yang anda ingin pilih memiliki rentang yang cukup jauh dengan bulan dan tahun sekarang. Untuk mempermudahnya kita bisa memodifikasi datepicker dengan menampilkan combobox pilihan bulan dan tahun dengan menggunakan fungsi changeMonth dan changeYear.
Langkahnya adalah sebagai berikut :
- Pada contoh sebelumnya kita telah menambahkan sebuah fungsi yaitu dateFormat. Penempatan fungsi changeMonth dan changeYear tidak jauh berbeda dengan contoh sebelumnya jadi pada script berikut :

<script type="text/javascript">
$(document).ready(function(){
$("#dtp").datepicker({
dateFormat: "dd MM yy"
});
});
</script>

kita tambahkan saja script ini :

changeMonth: true,

changeYear: true

Berikut script lengkapnya :

<link type="text/css" href="../themes/base/ui.all.css" rel="stylesheet" />

<script type="text/javascript" src="../lib/jquery-1.3.2.js"></script>

<script type="text/javascript" src="../lib/ui.core.js"></script>

<script type="text/javascript" src="../lib/ui.datepicker.js"></script>

<script type="text/javascript" src="../lib/ui.datepicker-id.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#dtp").datepicker({

dateFormat: "dd MM yy",

changeMonth: true,

changeYear: true

});

});

</script>

Hasil dari contoh diatas adalah sebagai berikut :

4. Menampilkan datepicker menggunakan button
Kita dapat menggunakan button untuk menampilkan datepicker adapun button tersebut bisa kita buat lebih menarik dengan menggunakan sebuah image semisal gambar berikut :

Untuk menampilkan datepicker menggunakan button yang menggunakan gambar kita akan menggunakan fungsi showOn, buttonImage dan buttonImageOnly. Adapun bila kita tidak menggunakan gambar pada buttonnya maka cukup menggunakan fungsi showOn, dan buttonText.
Berikut langkahnya :
- Siapkan terlebih dahulu image yang akan gunakan untuk button anda bisa menggunakan gambar diatas (save as) ataupun menggunakan image yang ada pada file contoh yang bisa anda download kemudian.
- Pada script berikut :

<script type="text/javascript">
$(document).ready(function(){
$("#dtp").datepicker({
dateFormat: "dd MM yy"
});
});
</script>

tambahkan script :

showOn: "button",
buttonImage: "../image/cal.gif",
buttonImageOnly: true

jadi kalau kita gabungkan dengan contoh sebelumnya maka scriptnya akan menjadi seperti berikut :

<link type="text/css" href="../themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../lib/jquery-1.3.2.js"></script>
<script type="text/javascript" src="../lib/ui.core.js"></script>
<script type="text/javascript" src="../lib/ui.datepicker.js"></script>
<script type="text/javascript" src="../lib/ui.datepicker-id.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#dtp").datepicker({
dateFormat: "dd MM yy",
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "../image/cal.gif",
buttonImageOnly: true
});
});
</script>

Hasil dari contoh diatas adalah sebagai berikut :

5. Mengganti theme datepicker
Anda dapat merubah tampilan standar datepicker tentunya dengan mendownload terlebih dahulu themenya. Tapi saya sudah sertakan beberapa theme yang dapat anda gunakan pada file contoh yang anda dapat download nanti.
Langkahnya sebagai berikut :
- Seperti dilihat dari script sebelumnya bahwa untuk tampilan datepicker didukung dengan adanya file *.css anda bisa melihatnya pada script berikut :

<link type="text/css" href="../themes/base/ui.all.css" rel="stylesheet" />

Untuk merubah theme dari datepicker maka setelah theme anda miliki anda cukup merubah script diatas misalnya menjadi :

<link type="text/css" href="../themes/le-frog/ui.all.css" rel="stylesheet" />

Sehingga nantinya keseluruhan script akan menjadi seperti berikut :

<link type="text/css" href="../themes/le-frog/ui.all.css" rel="stylesheet" />

<script type="text/javascript" src="../lib/jquery-1.3.2.js"></script>

<script type="text/javascript" src="../lib/ui.core.js"></script>

<script type="text/javascript" src="../lib/ui.datepicker.js"></script>

<script type="text/javascript" src="../lib/ui.datepicker-id.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#dtp").datepicker({

dateFormat: "dd MM yy",

changeMonth: true,

changeYear: true,

showOn: "button",

buttonImage: "../image/cal.gif",

buttonImageOnly: true

});

});

</script>

Hasil dari contoh diatas adalah sebagai berikut :

Ok. semoga postingan kali ini dapat bermanfaat.
File contoh dapat anda download di download modifikasi datepicker dengan jquery.

Datepicker Dengan JQuery

gnoubdils@gmail.com (GnouBdilS) — Mon, 20 Sep 2010 22:38:00 +0700

Pada posting saya terdahulu saya pernah menuliskan bagaimana cara menambahkan datepicker di php dengan ajax pada artikel kali ini saya akan menuliskan bagaimana menambahkan sebuah datepicker dengan menggunakan jquery.

Untuk dapat menambahkan datepicker dengan jquery pada website diperlukan beberapa file pendukung yaitu :
- jquery-1.3.2.js
- ui.core.js
- ui.datepicker.js
- themes

Setelah file tersebut anda miliki barulah anda bisa menggunakan datepicker dengan jquery pada website anda.
Langkahnya adalah sebagai berikut :
1. Letakan script berikut diantara <head> dan </head> :

<link type="text/css" href="themes/base/ui.all.css" rel="stylesheet" />

<script type="text/javascript" src="lib/jquery-1.3.2.js"></script>

<script type="text/javascript" src="lib/ui.core.js"></script>

<script type="text/javascript" src="lib/ui.datepicker.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#dtp").datepicker();

});

</script>

Berikut penjelasan singkat dari script diatas :
- href="themes/base/ui.all.css" pemanggilan css library jquery ui
- src="lib/jquery-1.3.2.js" pemanggilan library jquery (jquery-1.3.2.js)
- src="lib/ui.core.js" pemanggilan library utama jquery (ui.core.js)
- src="lib/ui.datepicker.js" pemanggilan library komponen jquery (ui.datepicker.js)

2. Kemudian untuk memanggil datepickernya cukup tambahkan id="dtp"contoh :

Masukan Tanggal : <input id="dtp" type="text">

Selesai sudah, berikut tampilannya :

File pendukung yang dibutuhkan dapat anda download di download datepicker dengan jquery

Menambahkan Rule Pada JQuery Validation

gnoubdils@gmail.com (GnouBdilS) — Fri, 17 Sep 2010 04:09:00 +0700

Pada artikel saya terdahulu yang berjudul Validasi Pada Form dengan JQuery dijelaskan bagaimana sebuah form dapat melakukan validasi terlebih dahulu sebelum form tersebut disubmit. Dalam artikel ini akan dijelaskan bagaimana menambahkan rule pada jquery validation untuk melakukan Validasi Pada Form dengan JQuery

Dokumentasi dari JQuery Validation Plugin sendiri bisa anda lihat pada link berikut ini :
http://docs.jquery.com/Plugins/Validation/Validator#Options_for_the_validate.28.29_method

Pada artikel sebelumnya untuk melakukan validasi pada sebuah form kita hanya perlu menempatkan script berikut ini diantara <head> dan </head> :

<script type="text/javascript" src="includefile/jquery.js"></script>
<script type="text/javascript" src="includefile/jquery.validate.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#myForm").validate({
})
</script>

Sebenarnya dengan hanya menambahkan script tersebut diantara <head> dan </head> anda sudah dapat melakukan validasi terhadap sebuah form. Tapi bagaimana bila anda ingin memvalidasi jika suatu field pada sebuah form hanya boleh angka, memvalidasi apakah penulisan sebuah email valid, dll?
Untuk melakukan hal tersebut anda perlu menambahkan rule pada jquery validation. Lalu bagaimanakah caranya untuk menambahkan rulenya? Berikut langkahnya :
Dalam kasus ini saya memberikan contoh apabila kita menginput nomor telepon field nomor telepon pada form hanya akan menerima input dalam bentuk angka dan dibatasi sebanyak 13 digit angka saja.
Berikut scriptnya :

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#myForm").validate({
rules: {
txttelp: {
maxlength: 13,
number: true
}
},
messages: {
txttelp: {
maxlength: jQuery.format("Maksimal {0} angka"),
number: "Hanya boleh angka"
}
}
});
})
</script>

Terlihat dari script diatas tidak jauh berbeda dengan script sebelumnya hanya terdapat penambahan rule dan message. rule merupakan aturan yang diterapkan pada form saat melakukan validasi sedangkan message merupakan pesan yang akan ditampilkan saat terjadi kesalahan penginputan.
Selain terdapat penambahan rule dan message dalam penggunaan pada formpun ada sedikit perbedaan bila pada contoh sebelumnya scriptnya seperti berikut ini :

<input name="txttelp" type="text" id="txttelp" size="20" maxlength="13" class="required" title="Telphone tidak boleh kosong"/>

Setelah anda menambahkan rule dan messagenya maka penggunaannya adalah sebagai berikut :

<input id='txttelp' name='txttelp' type='text' size='20'>

Lalu bagaimana caranya untuk memvalidasi penginputan email?
Khusus untuk memvalidasi penginputan email cukup menambahkan script berikut ini pada message karena rule untuk email ini sendiri sudah terdapat pada plugin sehingga kita hanya perlu untuk menambahkan messagenya saja :

email: {
required: "E-mail harus diisi",
email: "Masukkan E-mail yang valid"
}

Lalu penggunaannya pada form adalah sebagai berikut :

<input name="email" id="email" class="required email" size="30" type="text" />

Selamat mencoba

EASEUS Data Recovery

gnoubdils@gmail.com (GnouBdilS) — Sat, 11 Sep 2010 11:39:00 +0700

EASEUS Data Recovery merupakan salah satu software yang dibuat oleh CHENGDU YIWO Tech Development Co., Ltd (YIWO Tech Ltd) yang berfungsi untuk merecovery data yang hilang yang disebabkan oleh penghapusan file secara tidak disengaja, virus, terformat, hilang akibat salah partisi, korup, dan banyak macam masalah yang bukan diakibatkan oleh kerusakan fisik.

EASEUS Data Recovery dapat merecover file dan folder dari yang komponen-kompenen berikut ini telah rusak bahkan hilang :
- Partisi
- Boot Record
- File Alocation Tabl
- Root Folder
- Master File Table

EASEUS Data Recovery mendukung file system :
- FAT12
- FAT16
- FAT32
- NTFS
- EXT2/EXT3 (Linux)

Media yang didukung oleh EASEUS Data Recovery adalah :
- IDE HDD
- SCSI HDD
- SATA HDD
- Fire Wire HDD
- Floppy Drive
- Dynamic Disc (Simple Volume, Stripped Volume, Spanned Volume, Mirrored Volume, RAID 5 Volume)
- Compact Flach Card yang menggunakan FAT/NTFS/EXT2/EXT3 File System

Adapun Requirements untuk dapat menggunakan EASEUS Data Recovery adalah :
- OS = Windows 2000, XP, 2003, Vista, 2008, dan Windows 7
- Ram = Minimal 128Mb
- Sejumlah ruang yang cukup pada harddisk untuk melakukan recovery

Fitur-fitur dari EASEUS Data Recovery adalah :
- Merecover file/folder yang terhapus bahkan jika file tersebut sudah tidak ada di recycle bin atau menghapus dengan menggunakan Shift+Del
- Merecover file/folder dari partisi yang terhapus/hilang/terformat
- Merecover file yang terkompres dan terenkrip pada NTFS File System
- Kemampuan untuk mengulang hasil recovery yang terakhir, dll

Yang harus diingat adalah jangan melakukan recovery pada volume yang sama dengan dimana data tersebut hilang contoh file anda hilang berada di C:\Folder maka restorelah file tersebut ke drive lain misal D:\Folder

EASEUS Data Recovery dapat anda download dengan mengklik EASEUS Data Recovery Download

Mengatasi bugs pada file content.php pada cms lokomedia v1

gnoubdils@gmail.com (GnouBdilS) — Tue, 7 Sep 2010 23:43:00 +0700

Pada postingan saya yang sebelumnya dengan judul Bugs pada cms lokomedia versi 1 dijelaskan bahwa CMS Lokomedia memiliki bugs yang dapat mengakibatkan seorang yang belum login dapat masuk kehalaman admin.

Bugs ini penyebabnya adalah tidak digunakannya session pada pemanggilan file content.php sehingga siapapun dapat mengaksesnya sebagai seorang administrator/user.

Nah untuk dapat mengatasi bugs pada cms lokomedia cukup mudah anda hanya perlu menambahkan beberapa baris script pada file content.php
Pertama-tama carilah script berikut ini :

if ($_GET[module]=='home'){

Sebelum script tersebut tambahkanlah script berikut ini :

if($_SESSION[leveluser]=="admin")

{

Berikutnya carilah scrit berikut ini :

else{

echo "<p><b>MODUL BELUM ADA</b></p>";

}

Setelah script tersebut, tambahkanlah script berikut ini :

}
else
{
echo "<center><b>Anda Tidak Dapat Mengakses Halaman Ini</b></center>";
}

Nantinya secara keseluruhan script anda akan menjadi seperti ini :

<?php
include "../config/koneksi.php";
include "../config/library.php";
include "../config/fungsi_indotgl.php";
include "../config/fungsi_combobox.php";
include "../config/class_paging.php";

if($_SESSION[leveluser]=="admin")
{
// Bagian Home
if ($_GET[module]=='home'){
echo "<h2>Selamat Datang</h2>
<p>Hai <b>$_SESSION[namauser]</b>, silahkan klik menu pilihan yang berada
di sebelah kiri untuk mengelola content website. </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align=right>Login Hari ini: ";
echo tgl_indo(date("Y m d"));
echo " | ";
echo date("H:i:s");
echo "</p>";
}

// Bagian Profil Lembaga
elseif ($_GET[module]=='profil'){
$sql = mysql_query("SELECT * FROM modul WHERE id_modul='11'");
$r = mysql_fetch_array($sql);

echo "<h2>Profil Lembaga</h2>
<form method=POST enctype='multipart/form-data' action=aksi.php?module=profil&act=update>
<input type=hidden name=id value=$r[id_modul]>
<table>
<tr><td><img src=foto_berita/$r[gambar]></td></tr>
<tr><td>Ganti Foto : <input type=file size=30 name=fupload></td></tr>
<tr><td><textarea name=isi cols=94 rows=30>$r[static_content]</textarea></td></tr>
<tr><td><input type=submit value=Update></td></tr>
</form></table>";
}

// Bagian User
elseif ($_GET[module]=='user'){
include "modul/mod_user.php";
}

// Bagian Modul
elseif ($_GET[module]=='modul'){
include "modul/mod_modul.php";
}

// Bagian Agenda
elseif ($_GET[module]=='agenda'){
include "modul/mod_agenda.php";
}

// Bagian Berita
elseif ($_GET[module]=='berita'){
include "modul/mod_berita.php";
}

// Bagian Pengumuman
elseif ($_GET[module]=='pengumuman'){
include "modul/mod_pengumuman.php";
}

// Bagian Banner
elseif ($_GET[module]=='banner'){
include "modul/mod_banner.php";
}

// Bagian Hubungi Kami
elseif ($_GET[module]=='hubungi'){
include "modul/mod_hubungi.php";
}

// Apabila modul tidak ditemukan
else{
echo "<p><b>MODUL BELUM ADA</b></p>";
}
}
else
{
echo "<center><b>Anda Tidak Dapat Mengakses Halaman Ini</b></center>";
}
?>

Dengan menggunakan script diatas yang bisa mengakses file content.php adalah hanya administrator saja. bagaimana jika anda ingin membuat jika modul bisa diakses oleh administrator dan user ?
Tinggal rubah scriptnya menjadi seperti berikut ini :

<?php
include "../config/koneksi.php";
include "../config/library.php";
include "../config/fungsi_indotgl.php";
include "../config/fungsi_combobox.php";
include "../config/class_paging.php";

// Bagian Home
if ($_GET[module]=='home'){
if($_SESSION[leveluser]=="admin" OR $_SESSION[leveluser]=="user")
{
echo "<h2>Selamat Datang</h2>
<p>Hai <b>$_SESSION[namauser]</b>, silahkan klik menu pilihan yang berada
di sebelah kiri untuk mengelola content website. </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align=right>Login Hari ini: ";
echo tgl_indo(date("Y m d"));
echo " | ";
echo date("H:i:s");
echo "</p>";
}
else
{
echo "<center><b>Anda tidak dapat mengakses halaman ini</b></center>";
}
}

// Bagian Profil Lembaga
elseif ($_GET[module]=='profil'){
if($_SESSION[leveluser]=="admin")
{
$sql = mysql_query("SELECT * FROM modul WHERE id_modul='11'");
$r = mysql_fetch_array($sql);

echo "<h2>Profil Lembaga</h2>
<form method=POST enctype='multipart/form-data' action=aksi.php?module=profil&act=update>
<input type=hidden name=id value=$r[id_modul]>
<table>
<tr><td><img src=foto_berita/$r[gambar]></td></tr>
<tr><td>Ganti Foto : <input type=file size=30 name=fupload></td></tr>
<tr><td><textarea name=isi cols=94 rows=30>$r[static_content]</textarea></td></tr>
<tr><td><input type=submit value=Update></td></tr>
</form></table>";
}
else
{
echo "<center><b>Anda tidak dapat mengakses halaman ini</b></center>";
}
}

// Bagian User
elseif ($_GET[module]=='user'){
if($_SESSION[leveluser]=="admin")
{
include "modul/mod_user.php";
}
else
{
echo "<center><b>Anda tidak dapat mengakses halaman ini</b></center>";
}
}

// Bagian Modul
elseif ($_GET[module]=='modul'){
if($_SESSION[leveluser]=="admin")
{
include "modul/mod_modul.php";
}
else
{
echo "<center><b>Anda tidak dapat mengakses halaman ini</b></center>";
}
}

// Bagian Agenda
elseif ($_GET[module]=='agenda'){
if($_SESSION[leveluser]=="admin" OR $_SESSION[leveluser]=="user")
{
include "modul/mod_agenda.php";
}
else
{
echo "<center><b>Anda tidak dapat mengakses halaman ini</b></center>";
}
}

// Bagian Berita
elseif ($_GET[module]=='berita'){
if($_SESSION[leveluser]=="admin" OR $_SESSION[leveluser]=="user")
{
include "modul/mod_berita.php";
}
else
{
echo "<center><b>Anda tidak dapat mengakses halaman ini</b></center>";
}
}

// Bagian Pengumuman
elseif ($_GET[module]=='pengumuman'){
if($_SESSION[leveluser]=="admin")
{
include "modul/mod_pengumuman.php";
}
else
{
echo "<center><b>Anda tidak dapat mengakses halaman ini</b></center>";
}
}

// Bagian Banner
elseif ($_GET[module]=='banner'){
if($_SESSION[leveluser]=="admin")
{
include "modul/mod_banner.php";
}
else
{
echo "<center><b>Anda tidak dapat mengakses halaman ini</b></center>";
}
}

// Bagian Hubungi Kami
elseif ($_GET[module]=='hubungi'){
if($_SESSION[leveluser]=="admin")
{
include "modul/mod_hubungi.php";
}
else
{
echo "<center><b>Anda tidak dapat mengakses halaman ini</b></center>";
}
}

// Apabila modul tidak ditemukan
else{
echo "<p><b>MODUL BELUM ADA</b></p>";
}
?>

Nah setelah anda ubah script pada file content.php cobalah akses kembali web dengan memanggil URLnya seperti berikut :

http://www.apaajadeh.com/admin/content.php?module=home

Hasilnya akan tampak seperti berikut ini :

Selamat mencoba..

Bugs pada cms lokomedia versi 1

gnoubdils@gmail.com (GnouBdilS) — Tue, 7 Sep 2010 23:01:00 +0700

CMS Lokomedia merupakan CMS (Content Management System) yang dibuat oleh Lukmanul Hakim dimana CMS ini bersifat opensource yang source codenya diberikan dalam bundling buku yang ditulis oleh Lukmanul Hakim dengan judul "Membongkar Trik Rahasia Para Master PHP". Dalam buku itu sendiri kita diajarkan untuk membuat sebuah website lebih khususnya kepada project untuk membuat sebuah CMS.

CMS Lokomedia Versi 1 merupakan CMS versi pertama yang diluncurkan karena setelahnya memang dikeluarkan lagi versi terbarunya pada buku yang berikutnya bahkan pada bukunya yang terakhir CMS ini sudah diupdate sedemikian rupa bahkan sudah menggunakan framework jquery didalamnya.

Berdasarkan penglihatan saya melalui mesin pencari google dengan menggunakan keyword inurl:media.php
saya menemukan cukup banyak situs yang menggunakan CMS ini. Keyword ini saya pergunakan dikarenakan setiap web yang menggunakan CMS ini urlnya pasti berbentuk seperti ini :

http://www.apaajadeh.com/media.php?module=home

Lalu ada apa gerangan dengan CMS ini?
Ada satu hal yang hendak saya bahas disini terutama mengenai bugs yang ada pada CMS Lokomedia. sebenarnya bugs pada cms lokomedia sudah lama ditemukan dan sang pembuat CMS pun sudah memberikan update pada buku berikutnya yaitu pada buku "Trik Rahasia Master PHP Terbongkar Lagi". Namun entah kenapa masih saja ada beberapa situs yang belum melakukan update sehingga hal ini sangat riskan untuk website tersebut.
Ini telah saya buktikan sendiri pada beberapa situs yang saya dapati melalui google.
Bugs yang paling utamanya adalah memungkinkan user yang tidak login dan tanpa level admin dapat merubah / mengutak-atik isi website dengan sesuka hatinya hal ini dikarenakan adanya suatu bugs pada file content.php

Bagaimana itu bisa terjadi langkah dibawah ini menjelaskan bagaimana seorang yang tidak login dapat melakukan perubahan terhadap isi/konten dari website yang menggunakan CMS ini.
Sebelum lebih jauh membahasnya berikut gambar tampilan CMS Lokomedia Versi 1.

Dari struktur file yang ada pada CMS ini untuk dapat mengakses halaman admin kita dapat menambahkan kata admin setelah domain web.
Contoh :

http://www.apaajadeh.com/admin

Lalu akan tampil halaman untuk melakukan login seperti gambar dibawah ini :

Lalu bagaimanakah seseorang yang tanpa login dapat mengakses halaman admin?
Apakah dengan menggunakan teknik SQL Injection atau sejenisnya?
Jawabannya adalah tidak perlu menggunakan teknik SQL Injection bagi seseorang yang tidak login untuk dapat masuk kehalaman admin.
Lalu bagaimana caranya?
Pada url ubahlah menjadi :

http://www.apaajadeh.com/admin/content.php?module=home

apa yang terjadi?? Baaamm... website menunjukan bahwa ada sedang dalam keadaan login sebagai seorang admin/user

Begitu mudahnya seorang yang tanpa login untuk bisa mengakses halaman admin.
Lalu apakah hanya sampai disini?
Tentu tidak.. dengan memanfaatkan bugs ini kita bisa merubah isi/konten website bahkan bisa juga untuk menambahkan user. hmm.. kalau sudah begini website kita sudah sangat tidak aman.
Berikut contoh pemanfaatan bugs ini untuk menambahkan sebuah user baru..
pada URL ubah menjadi seperti berikut ini :

http://www.apaajadeh.com/admin/content.php?module=user

maka akan tampil halaman untuk melakukan manajemen user. dari situ kita bisa menambah, mengedit, bahkan menghapus user yang ada.

Jadi jika anda ingin merubah suatu modul cukup dengan menyertakan nama modulnya setelah content.php?module=

Dalam kondisi standardnya (yang diberikan pada bukunya) terdapat 8 buah modul yang digunakan untuk memanage isi/konten web yaitu :
- Manajemen User
- Manajemen Modul
- Profil
- Berita
- Agenda
- Pengumuman
- Banner
- Hubungi Kami

Untuk dapat melihat modul apa saja yang ada pada CMS tersebut ubahlah URL menjadi seperti berikut ini :

http://www.apaajadeh.com/admin/content.php?module=modul

Kalau sudah begini sisanya tinggal terserah anda mau melakukan apa :)
Nah contoh berikut ini adalah yang bisa terjadi pada website apabila belum dilakukan patch (saya melakukan perubahan pada profil) :

Ok.. semoga informasi ini berguna khususnya bagi yang webnya menggunakan CMS ini tetapi belum melakukan patch..
Next time saya akan memposting trick untuk mengatasi bugs ini.

Operator Perbandingan Di Visual C++ 2005

gnoubdils@gmail.com (GnouBdilS) — Wed, 7 Jul 2010 00:58:00 +0700

Operator perbandingan adalah operator yang digunakan untuk membandingkan antara dua buah nilai, yang akan menghasilkan nilai true jika kondisinya terpenuhi dan false jika sebaliknya.
Berikut ini adalah table operator perbandingan yang dapat digunakan di visual c++ 2005.

Operator	Keterangan
= =	true, apabila nilai pertama sama dengan nilai kedua
>	true, apabila nilai pertama lebih besar dari nilai kedua
<	true, apabila nilai pertama lebih kecil dari nilai kedua
>=	true, apabila nilai pertama lebih besar atau sama dengan nilai kedua
<=	true, apabila nilai pertama lebih kecil atau sama dengan nilai kedua
!=	true, apabila nilai pertama tidak sama dengan nilai kedua

Dalam tutorial kali ini akan menjelaskan penggunaan operator perbandingan di visual c++ 2005 secara sederhana.
Tambahkanlah 3 buah objek label, 2 buah objek textbox, dan juga 6buah button seperti pada gambar dibawah ini :

kemudian aturlah propertiesnya seperti berikut :

Nama Kontrol
Form1
Properties
StartPosition : CenterScreen

Nama Kontrol
Label1
Properties
Text : Nilai 1

Nama Kontrol
Label2
Properties
Text : Nilai 2

Nama Kontrol
Label3
Properties
Text : ............

Nama Kontrol
Textbox1
Properties
Name : txtnil1
Text : (kosongkan text)

Nama Kontrol
Textbox2
Properties
Name : txtnil2
Text : (kosongkan text)

Nama Kontrol
Button1
Properties
Name : cmdsama
Text : = =

Nama Kontrol
Button2
Properties
Name : cmdkrgdr
Text : <

Nama Kontrol
Button3
Properties
Name : cmdlbhdr
Text : &gt

Nama Kontrol
Button4
Properties
Name : cmdgasama
Text : !=

Nama Kontrol
Button5
Properties
Name : cmdkrgdrsama
Text : <=

Nama Kontrol
Button6
Properties
Name : cmdlbhdrsama
Text : <=

Tambahkan variable global berikut ini pada form

int nil1, nil2;
bool hasil;

Bagi yang belum mengetahui cara mendeklarasikan variable di visual c++ 2005 bisa melihat pada link berikut ini http://gnoubdils.blogspot.com/2010/07/deklarasi-variable-di-visual-c-2005.html

Jika sudah mendeklarasikan variable global yang dibutuhkan, pada jendela form / designer double klik tombol cmdsama ( = = ) lalu ketikkanlah kode berikut ini :

private: System::Void cmdsama_Click(System::Object^ sender, System::EventArgs^ e) {
nil1=Int32::Parse (txtnil1->Text);
nil2=Int32::Parse (txtnil2->Text);
hasil = nil1 == nil2;
lblhasil->Text = "Nilai " + nil1 + " " + cmdsama->Text + " Nilai " + nil2 + " Hasil bandingnya adalah " + hasil;
}

Lanjutkanlah dengan menambahkan kode-kode berikut ini sesuai dengan objeknya..
- cmdkrgdr :

private: System::Void cmdkrgdr_Click(System::Object^ sender, System::EventArgs^ e) {
nil1=Int32::Parse (txtnil1->Text);
nil2=Int32::Parse (txtnil2->Text);
hasil = nil1 < nil2;
lblhasil->Text = "Nilai " + nil1 + " " + cmdkrgdr->Text + " Nilai " + nil2 + " Hasil bandingnya adalah " + hasil;
}

- cmdlbhdr :

private: System::Void cmdlbhdr_Click(System::Object^ sender, System::EventArgs^ e) {
nil1=Int32::Parse (txtnil1->Text);
nil2=Int32::Parse (txtnil2->Text);
hasil = nil1 > nil2;
lblhasil->Text = "Nilai " + nil1 + " " + cmdlbhdr->Text + " Nilai " + nil2 + " Hasil bandingnya adalah " + hasil;
}

- cmdgasama :

private: System::Void cmdgasama_Click(System::Object^ sender, System::EventArgs^ e) {
nil1=Int32::Parse (txtnil1->Text);
nil2=Int32::Parse (txtnil2->Text);
hasil = nil1 != nil2;
lblhasil->Text = "Nilai " + nil1 + " " + cmdgasama->Text + " Nilai " + nil2 + " Hasil bandingnya adalah " + hasil;
}

- cmdkrgdrsama :

private: System::Void cmdkrgdrsama_Click(System::Object^ sender, System::EventArgs^ e) {
nil1=Int32::Parse (txtnil1->Text);
nil2=Int32::Parse (txtnil2->Text);
hasil = nil1 <= nil2;
lblhasil->Text = "Nilai " + nil1 + " " + cmdkrgdrsama->Text + " Nilai " + nil2 + " Hasil bandingnya adalah " + hasil;
}

- cmdlbhdrsama :

private: System::Void cmdlbhdrsama_Click(System::Object^ sender, System::EventArgs^ e) {
nil1=Int32::Parse (txtnil1->Text);
nil2=Int32::Parse (txtnil2->Text);
hasil = nil1 >= nil2;
lblhasil->Text = "Nilai " + nil1 + " " + cmdlbhdrsama->Text + " Nilai " + nil2 + " Hasil bandingnya adalah " + hasil;
}

Jalankan program dengan menekan tombol F5 pada keyboard.

Deklarasi Variable Di Visual C++ 2005

gnoubdils@gmail.com (GnouBdilS) — Wed, 7 Jul 2010 00:37:00 +0700

Variable merupakan tempat untuk menyimpan data yang akan diproses oleh program yang disimpan dimemori komputer selama variable tersebut masih digunakan oleh program.
Dalam mendeklarasikan sebuah variable khususnya di visual c++ sama halnya dengan pendeklarasian variable di C++ dimana terdapat beberapa aturan yang harus diikuti, aturan-aturan tersebut yaitu :
1. Variable bersifat case sensitive yang artinya membedakan antara penulisan VARIABLE dengan variable atau Variable.
2. Nama variable tidak boleh diawali dengan angka atau terdiri dari angka semua misalkan, 1angka, 1234
3. Nama variable tidak boleh mengandung spasi apabila memang harus mengandung spasi maka bisa diganti dengan underscore ( _ ) misalkan ini_variable
4. Nama variable tidak boleh menggunakan simbol-simbol seperti /, #
5. Nama variable tidak boleh menggunakan keyword / kata kunci khusus yang telah digunakan oleh bahasa pemrograman bersangkutan misalkan if, return

Variable dibagi menjadi 2 jenis yaitu variable lokal dan global.
Variable lokal adalah variable yang hanya bisa digunakan pada lingkup tempat variable tersebut dideklarasikan. Misalkan variable A dideklarasikan pada fungsi A atau objek A.
Variable global adalah variable yang dideklarasikan pada lingkup yang lebih tinggi dari fungsi atau objek.

Dalam tutorial kali ini saya akan menjelaskan bagaimana mendeklarasikan variable di visual c++ 2005 baik yang bersifat lokal maupun global.
Berikut langkah-langkahnya :
1. Buatlah sebuah form baru pada visual c++ 2005 dengan didalamnya ditambahkan 2 buah objek button seperti pada gambar dibawah ini

2. Kita terlebih dahulu akan mendeklarasikan variable didalam sebuah objek button. Klik ganda button pertama yang memiliki caption/text Variable Lokal kemudian ketikanlah script berikut ini:

private: System::Void button1_Click(System::Object^ sender, System::EventArgs^ e) {

int nilailokal = 15;

MessageBox::Show("Angka yang berada pada variable nilai lokal = " + nilailokal.ToString(), "Hasil");

}

int nilailokal = 15 merupakan deklarasi sebuah variable yang bersifat lokal.

3. Berikutnya adalah mendeklarasikan variable yang bersifat global. Untuk mendeklarasikan variable yang bersifat global pada jendela code carilah kode berikut ini :

public ref class Form1 : public System::Windows::Forms::Form

kode diatas merupakan kode yang secara otomatis diciptakan oleh visual c++ 2005 yang menunjukan bahwa class Form1 merupakan class yang bersifat public.
untuk mendeklarasikan variable yang bersifat global deklarasikanlah variable tersebut diatas kode diatas dimana nantinya akan seperti kode dibawah ini :

int nilaiglobal = 3;

public ref class Form1 : public System::Windows::Forms::Form

kembali lagi ke jendela form double klik button kedua yang memiliki caption/text Variable Global kemudian ketikkanlah kode berikut ini :

MessageBox::Show("Angka yang berada pada variable nilai global = " + nilaiglobal.ToString(), "Hasil");

4. Jalankan program dengan menekan tombol F5 pada keyboard. Kliklah tombol yang ada di form. maka akan tampil seperti gambar dibawah

Gambar pertama merupakan hasil apabila anda mengklik tombol Variable Lokal, sedangkan gambar kedua merupakan hasil apabila anda mengklik tombol Variable Global.

Cara menambahkan datepicker di PHP dengan Ajax

gnoubdils@gmail.com (GnouBdilS) — Tue, 6 Jul 2010 10:35:00 +0700

Datepicker merupakan sebuah komponen yang banyak bisa dijumpai dalam berbagai bahasa pemrograman diantaranya yaitu pada pemrograman berbasis Visual Basic. komponen ini mempermudah kita dalam memilih tanggal dengan menampilkan sebuah kalendar yang kemudian dapat kita pilih tanggalnya. Lalu bagaimana dengan php? dapatkah kita menggunakan datepicker di php? jawabannya adalah bisa. dengan menggunakan ajax kita dapat menambahkan datepicker di php.

Dalam tutorial ini saya tidak membuat sendiri datepicker menggunakan ajax tersebut melainkan menggunakan Vista-Like Ajax Calendar yang dibuat oleh dev.base86.com Vista-Like Ajax Calendar yang dibuat oleh dev.base86.com ini memerlukan Mootools Javascript Framework agar dapat digunakan. Tapi jangan khawatir pada file yang anda download di url http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html Mootools Javascript Framework sudah disertakan.

Untuk dapat menggunakan Vista-Like Ajax Calendar ini anda terlebih dahulu harus mendownload filenya pada link http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html dimana ketika anda mengekstrak filenya akan terdapat 4 buah folder dan satu buah file contoh (example.html). dari 4 folder tersebut terdapat 2 folder penting yang harus ada jika anda ingin menggunakan Vista-Like Ajax Calendar yaitu folder jslib dan inc nah kedua folder ini yang wajib anda sertakan dalam web anda.

Dalam kasus ini saya menggunakan style standar dari Vista-Like Ajax Calendar sehingga saya tidak membutuhkan folder adobe_cs3 dan folder apple_widget yang ada dalam folder images (folder ini tidak saya sertakan pada project). saya juga tidak menyertakan file vlaCal-v2.1-adobe_cs3.css dan vlaCal-v2.1-apple_widget.css yang terdapat pada folder styles.

Setelah semua file yang dibutuhkan siap maka selanjutnya adalah menggunakan Vista-Like Ajax Calendar dalam project website kita. Langkahnya adalah sebagai berikut :
1. Letakan script berikut ini tepat dibawah <head> :

<link rel="stylesheet" media="screen" href="styles/vlaCal-v2.1.css" type="text/css" />
<script type="text/javascript" src="jslib/mootools-1.2-core-compressed.js"></script>
<script type="text/javascript" src="jslib/vlaCal-v2.1-compressed.js"></script>

2. Dibawah script tersebut tambahkan juga script berikut ini :

<script type="text/javascript">
window.addEvent('domready', function() {
new vlaDatePicker('exampleI', { openWith: 'togglePicker', offset: { y: -2, x: 2 }, separateInput: { day: 'day', month: 'month', year: 'year' } });
});
</script>

3. Berikutnya adalah design tampilannya seperti gambar berikut ini :

Gimana buatnya? ya pake css lah.. pasti bisa kan? ;) hohoho tenang dalam file contoh yang saya berikan. semuanya sudah tersedia.. anda bisa mendownloadnya dengan mengklik disini.

4. Nah untuk memanggil datepickernya cukup tambahkan id="togglePicker" pada gambar kalender yang ada pada textfield tersebut. script lengkapnya adalah seperi berikut ini :

<img src="images/calendar.gif" id="togglePicker" class="pickerImg" width="13px" height="12px" alt="" />

class="pickerImg" merupakan css yang dapat anda tambahkan sendiri untuk mengatur posisi tampilnya datepicker tersebut.

Ok.. selesai sudah datepickerpun sudah bisa digunakan pada project web anda. berikut tampilan dari datepicker tersebut :

Selamat mencoba..