23 Januari 2011
Kembali Pimpin Google
22 Januari 2011
Mengirim Nilai dengan PHP
Mengirimkan nilai dengan menggunakan PHP, bagaimana caranya??hmmmm itu yang terpikir begitu saya mau menulis posting ke blog. yaaa..... sekedar untuk berbagi dan untuk menyimpan ilmu yang sudah saya dapatkan. Berhubung ini lagi senang-senangnya belajar web, hhmmm pengennya sih jadi programmer, baik yang web maupun yang desktop.
Pertama kali saya baca buku PHP tentang mengirimkan nilai, saya sempat bingung untuk apa nilai itu dikirimkan. Baca sedikit demi sedikit, yaa sedikit paham lah apa gunanya. Oke langsung aja, kita belajar dengan satu contoh sederhana :
contoh kasus membuat perhitungan luas segi tiga :
Pertama : Buat form untuk menginputkan nilai yang akan di masukkan, contoh yang saya coba seperti berikut :
<html>
<head>
<title>Form Hitung Luas</title>
</head>
<body bgcolor="#00FF99">
<form action="hasil.php" method="post">
<table border="0" align="center" style="margin-top:15%; background-color:#999;" cellpadding="5">
<tr>
<td align="center" valign="middle" colspan="2" style=" font-size:18px; font-weight:bold;">Menghitung Luas Lingkarang<br />Masukkan Nilai..!!</td>
</tr>
<tr>
<td style="font-weight:bold">Alas</td>
<td align="right"><input type="text" name="alas" title="Masukkan Alas Segitiga" /></td>
</tr>
<tr>
<td style="font-weight:bold">Tinggi</td>
<td align="right"><input type="text" name="tinggi" title="Masukkan Tinggi Segitiga" /></td>
</tr>
<tr>
<td> </td>
<td align="right"><input type="submit" value="Hitung" /></td>
</tr>
</table>
</form>
</body>
</html>
Kedua : Buat file php seperti berikut (nama file : hasil.php)
<?php
$alas = $_POST["alas"];
$tinggi =$_POST["tinggi"];$luas = (1/2)*$alas*$tinggi;
?>
<html>
<head>
<title>Hasil Perhitungan Luas</title>
</head>
<body bgcolor="#00FF99">
<form action="hasil.php" method="post">
<table border="0" align="center" style="margin-top:15%; background-color:#999;" cellpadding="5">
<tr>
<td align="center" valign="middle" colspan="2" style=" font-size:18px; font-weight:bold; color:#FFF;">
Luas Segitiganya adalah :
</td>
</tr>
<tr>
<td style="font-weight:bold; font-size:36px; color:#0F0" align="center">
<?php echo $luas;?>
</td>
</tr>
</table>
</form>
</body>
</html>
Yaaa.... dari kedua file tersebut kita dapat melihat ada dua nilai yang dikirim kan oleh file pertama ke file php (hasil.php). Dua nilai itu adalah Alas dan Tinggi, nilai itu lah yang dibaca oleh hasil.php dan kemudian di hitung dengan rumus luas segi tiga (1/2 x Alas x Tinggi).
Mari kita coba jalankan file pertama, yang form untuk mengisikan nilai yang dibutuhkan untuk mendapatkan hasil Luas segitiga, maka akan ditampilkan pada browser seperti ini.
gambar : form Pengisian nilai
Setelah munul form hitung luas segitiga, Anda dapat mengisi dua textbox dan memasukkan angka yang di butuhkan untuk menginputkan nilai alas dan tinggi seperti berikut :
gambar : Ketika diinputkan nilai
Setelah mengisi nilai kedua-duanya (alas dan tinggi), Anda dapat meng-klik tombol Hitung, maka yang file hasil.php menampilkan hasil yang telah di hitung (Luas segitiga yang di cari), seperti berikut :
gambar : Hasil
yaaa... untuk hari ini mungkin itu dulu yang bisa aku jelasin. karena saya juga masih dalam belajar. Tolong kritikin dan disaranin kalau-kalau penjelasan saya ada kesalahan..
21 Januari 2011
Cerita Petak Umpet 4 anak
- bego
- sopan
- santun
- mati
Setelah itu, si bego terus mencari satu temannya (si Mati), lama si bego mencari di halaman dan di dalam rumah, dia juga tidak menemukan si Mati... Pusiiiing dah, si bego ni mencari si mati dan dua temannya si sopan dan si santun pun tidak membantu mencari. Akhirnya, si bego mencari keluar, ketika di tengah jalan hampir saja si bego di tabrak oleh sebuah truk.
Langsung saja si sopir truk itu pun memarahi si bego,
Sopir Truk : dasar BEGOOOOO.... mau ngapain kamu di tengah jalan?? cari MATI kah??
si Bego : iya, bang... kok tau??
Sopir Truk : dasar anak kurang ajar... di mana SOPAN SANTUN mu???
si Bego : tu bang di kamar mandi.... ya udah dulu bang, q mau cari mati dulu
si Sopir Truk pun bingung "sebenarnya siapa yang gila? aku atau anak itu??hmmmmm
18 Januari 2011
Membuat Jam Digital dengan Javascript
Membuat Jam Digital, itu yang awalnya ku pikirkan ketika mau posting di blogku ini. Belajar-belajar dan cari-cari tau dari internet wah lama banget dapat petunjuk cara buatnya (jam digital). Mumpung koneksi lagi lancar-lancarnya, yaaa santai ja dech. Akhirnya, pencarian menuju satu web yang emank membahas mengenai web. Bagus banget itu web (pikirku... halah laaaaahh!!)
Oke, dah cukup basa-basinya. Langsung aja kita praktekan apa yang telah aku dapat dari web W3Schools tadi, contoh yang aku dapatkan seperti ini.
wah awalnya aku copas script yang dari web ini, hasilnya ndak sesuai dengan yang ada ditampilkan di web itu (yaaa iyaaaaaaaaaaaaa lah) lah wong ra ono gambare. Haa...
Akhirnya belajar kreatif sedikit, nemu lah caranya... berhubung ndak ada gambar angka-angka yaa pakai teks aja. begini caranya :
Pertama, hapus aja array yang ada di script awal (num=new Array("0fdr.gif","1fdr.gif","2fdr.gif","3fdr.gif","4fdr.gif","5fdr.gif","6fdr.gif","7fdr.gif","8fdr.gif","9fdr.gif");) alasannya aku ndak punya gambar yang mau ditampilkan.
Kedua, ganti aja scirpt berikut :
if (hour<10)
{
document.getElementById('hour1').src=num[0];
h2="'" + hour + "'";
h2=h2.charAt(1);
document.getElementById('hour2').src=num[h2];
}
else
{
h1="'" + hour + "'";
h1=h1.charAt(1);
document.getElementById('hour1').src=num[h1];
h2="'" + hour + "'";
h2=h2.charAt(2);
document.getElementById('hour2').src=num[h2];
}
ganti dengan :
if (hour<10)
{
document.getElementById('hour').innerHTML = "0"+hour;
}
else
{
document.getElementById('hour').innerHTML = hour;
}
Cukup lebih simple dari yang contonya kan??heheheeeee.... Begitu juga pada bagian menit dan detik.
Ketiga, ganti script awal yang ada di body seperti bgcolor yang awalnya "#000000" (tu warna hitam), tapi jika anda ingin tetap warna hitam backgroundnya, biarkan aja asalkan teks yang untuk angka jamnya warna yang kontras dengan warna background yang anda pakai. Nah yang terpenting dalam menampilkan teks jamnya, ganti script awal berikut :
<body onload="showTime()" onunload="stopInterval()" bgcolor="#000000">
<img id="hour1" />
<img id="hour2" />
<img id="minute1" />
<img id="minute2" />
<img id="second1" />
<img id="second2" />
</body>
ganti dengan :
<body onLoad="showTime()" onUnload="stopInterval()">
<div id="hour" style="width:20px; float:left;"></div>
<div style="width:5px; float:left;">:</div>
<div id="minute" style="width:20px; float:left;"></div>
<div style="width:5px; float:left;">:</div>
<div id="second" style="width:20px; float:left;"></div>
</body>
Nah sekarang, simpan dan kemudian lihat hasilnya. Tampilan hasil yang telah aku coba seperti berikut ini.
Demikian yang bisa ku ceritakan bagaimana caranya membuat jam digital dengan menggunakan javascript (dengan mengubah sedikit dari script yang sudah diberikan oleh w3schools). Terima kasih udah mampir di blogku
15 November 2010
Belajar Javascript
berikut contoh simplenya..
<script type="'text/javascript'">
alert("Terima kasih sudah mampir di blog ini \n tinggalkan pesan anda di blog ini");
</script>
code di atas dapat anda simpan di bagian tag head(<head>.....script code......</head>)
contoh tampilannya seperti yang anda lihat ketika web ini anda buka...
terima kasih atas perhatian Anda...
13 November 2010
Belajar PHP
Penulisan PHP diawali tag berikut contoh penulisan PHP :
<?php
echo"Saya lagi belajar PHP";
?>
perintah echo digunakan untuk menampikan string,
Sementara ini dulu yang bisa saya share ke kalian yang pengen belajar. Soalnya saya juga baru belajar. so kalau ada ilmu... di sebarkan yaaaa???
11 Maret 2010
Lagu-lagu Superman Is Dead
1. Rock n roll band klik disini
2. Musuh Sahabat klik disini
3. Goodbye Whiskey klik disini
10 Maret 2010
Icon bluetooth di taskbar gak muncul
cara yang saya dapatkan kurang lebih seperti ini
1. buka windows task manager, kemudian
2. klik tab Processes,lalu cari proses explorer.exe
3. setelah itu klik kanan explorer.exe pilih End Process (atau langsung aja klik tombol End Process)
4. kemuadian klik file-->New Task (Run...)
5. lalu ketikkan "explore" (tanpa tanda kutip) lalu oke...
Lihat perubahannya,yaa untuk permasalahan yang sama dengan yang aku alami insya Allah terselesaikan..
selamat mencoba..
02 Maret 2010
Tes Kualitas keyboard
Nah kata nya seperti ini :
1. Buka notepad anda.
2. Tekan dan tahan tombol shift kiri dan shift kanan.
3. Ketik kalimat “the quick brown fox jumps over the lazy dog”. (Ingat tombol shift kiri dan shift kanan jangan di lepas).
4. Lihat apakah tulisan yang keluar lengkap sesuai dengan kata-kata di atas atau ada huruf yang hilang.
5. Semakin banyak huruf yang tidak keluar, maka semakin jelek kualitas keyboard anda.
kalau Anda menanyakan, kenapa kalimat “the quick brown fox jumps over the lazy dog” ? alasannya karena kalimat tersebut memuat semua huruf alfabet (kata sumber yang kudapat)
oke,langsung dicoba ja, caranya simple ja khan
Oke....Selamat Mencoba.
Buat tulisan terbalik
Begini caranya..
Pertama : copy script di bawah ini
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Membuat Tulisan Terbalik</title>
<style type="text/css">
textarea { font-family: "Arial Unicode MS", terbalik }
</style>
<script language="JavaScript">
function flip() {
var result = flipString(document.f.original.value.toLowerCase());
document.f.flipped.value = result;
}
function flipString(aString) {
var last = aString.length - 1;
var result = new Array(aString.length)
for (var i = last; i >= 0; --i) {
var c = aString.charAt(i)
var r = flipTable[c]
result[last - i] = r != undefined ? r : c
}
return result.join('')
}
var flipTable = {
a : '\u0250',
b : 'q',
c : '\u0254',
d : 'p',
e : '\u01DD',
f : '\u025F',
g : '\u0183',
h : '\u0265',
i : '\u0131',
j : '\u027E',
k : '\u029E',
//l : '\u0283',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF',
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
'\\' : '/',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235'
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
</script>
</head>
<body linkifytime="0" linkified="0" linkifying="false">
<h1>Membuat Tulisan Terbalik</h1>
<form name="f">
Tulisan Asli: <br>
<textarea rows="6" cols="50" name="original" onkeyup="flip()"></textarea>
<br>
Tulisan Terbalik: <br>
<textarea rows="6" cols="50" name="flipped"></textarea>
</form>
Powered by <a href="http://finderonly.com/">Finderonly</a>
</body>
</html>
kedua : paste-kan ke text editor kemudian simpan dalam ekstensi .html (tw kan caranya)
ketiga: jalankan file itu....nah tuliskan apa yang Anda mau tulis kemudian copy n paste-kan ke tempat yang anda mau tampilkan (status FB atau postingan Blog Anda)
oke,sumbernya klik DISINI
Cara mengetahui data di kolom Spreadsheet sudah ada yang sama (Duplikat)
Ketika kita menginput data yang cukup banyak, bisa jadi disaat penginputan data tersebut ada data yang duplikat atau sudah pernah diinput se...
-
Wah sudah lama ndak nulis di blogku ini, hemmm bingung mau nulis apa. Pikir-pikir kemarin baru meng-import data dari excel ke mysql. Awalnya...
-
Kalkulator merupakan alat bantu hitung yang biasa kita temukan di berbagai tempat, seperti warung, pasar dan tempat lainnya. Kalau pengert...
-
Berawal dari mau tau bagaimana cara mengambil hanya beberapa kata yang akan ditampilkan pada browser menggunakan PHP. Maka, langsung aja car...