Pemrograman Web
Membuat JavaScript Kalkulator
by Randy Septian on Nov.25, 2009, under Pemrograman Web
Hi friends.. seperti yg udah pernah gw janjiin nih gw kasih lg program unik yg bisa dipake buat belajar dan iseng-iseng. Program ini adalah sebuah kalkulator yang menggunakan JavaScript dan HTML.
Kalkulator yg dibuat nantinya akan memiliki kondisi seperti ini:
Kalkulator simple ( a + b = c) dimana a, +, b, c adalah input box
yang keempatnya diisi dengan menekan button/link
contoh button
0 1 2 3 4 5 6 7 8 9 + – =
bila dalam keadaan kosong menekan angka, maka ‘a’ akan terisi angka
menekan tanda +/- akan mengisi operator dan memindahkan kursor ke teks box B
menekan angka saat kursor di teks box B akan mengisinya
ketika menekan tanda =
maka pada teks box C akan muncul hasil
So, begini deh script kalkulatornya :
<html> <head> <title>JAVASCRIPT CALCULATOR</title> <meta name="Programmer" content="Randy Septian D. Putra" /> <script language="javascript" type="text/javascript"> <!-- var flag = false; function isi(num) { if (flag) calc.b.value += num; else calc.a.value += num; } function tambah() { calc.opr.value = ' + ' flag = true; calc.b.focus() } function kurang() { calc.opr.value = ' - ' flag = true; calc.b.focus() } function kosong() { calc.a.focus() calc.a.value="" calc.opr.value="" calc.b.value="" calc.c.value="" flag = false; } //--> </script> <style type="text/css"> p { font-family:verdana; font-size:10px; line-height:1.6em; font-weight:bold; color:#727272 } </style> </head> <body onload=kosong()> <center> <p style="padding:20px 0px 30px 0px"><font size="6">JavaScript Calculator</font></p> <form name="calc"> <table border="4" bordercolor="#3333ff"> <tr> <td> <input type="text" name="a" size="2" /> <input type="text" name="opr" size="1" /> <input type="text" name="b" size="2" /> = <input type="text" name="c" size="2" /> <br/> </td> </tr> <tr> <td> <input type="button" name="one" value=" 1 " onclick="isi(1)" /> <input type="button" name="two" value=" 2 " onclick="isi(2)" /> <input type="button" name="three" value=" 3 " onclick="isi(3)" /> <input type="button" name="plus" value=" + " onclick="tambah()" /> <br/> <input type="button" name="four" value=" 4 " onclick="isi(4)" /> <input type="button" name="five" value=" 5 " onclick="isi(5)" /> <input type="button" name="six" value=" 6 " onclick="isi(6)" /> <input type="button" name="minus" value=" - " onclick="kurang()" /> <br/> <input type="button" name="seven" value=" 7 " onclick="isi(7)" /> <input type="button" name="eight" value=" 8 " onclick="isi(8)" /> <input type="button" name="nine" value=" 9 " onclick="isi(9)" /> <br/> <input type="button" name="clear" value=" c " onclick="kosong()" /> <input type="button" name="zero" value=" 0 " onclick="isi(0)" /> <input type="button" name="DoIt" value=" = " onclick="calc.c.value=eval(calc.a.value+calc.opr.value+calc.b.value)" /> <br/> </td> </tr> </table> </form> <p>Created by : <br/>Randy Septian Dewa Putra</p><hr/> <p>2009 © RanTech Inc. All Rights Reserved.</p> </center> </body> </html>
Untuk melihat hasilnya coba aja klik disini. Semoga bermanfaat ya.. 
Cara membuka isi file PDF dan PowerPoint secara online
by Randy Septian on Nov.24, 2009, under Pemrograman Web
Seringkali kita mempunyai file PDF atau PowerPoint (PPT) yang ingin kita tampilkan secara online di web, namun karena sulit akhirnya yang ada hanya membuat link untuk download. Tetapi tidak lagi untuk saat ini, karena Google telah merilis sebuah layanan baru bagi pengguna internet, yaitu Google docs Viewer.
Dengan tools ini kita dapat menampilkan file-file berformat PDF, PPT dan TIFF secara online dengan sangat mudah. Jadi untuk melihat file dengan format tersebut tidak perlu dilakukan download terlebih dahulu, namun oleh mbah Google tetap disediakan link untuk mendownload file-file tersebut.
Layanan ini tentunya dapat sangat membantu bagi pemilik blog/situs dalam menampilkan file yang dimilikinya secara live/online dengan memasukkan/embed kode yang telah diberikan Google pada blog/situs miliknya.
Sudah siap mencoba? Langkah pertama yg dapat kamu lakukan adalah dengan masuk ke halaman Google docs Viewer pada alamat url http://docs.google.com/viewer. Setelah itu masukkan link file pdf yang ingin ditampilkan dan klik “Generate Link” seperti pada contoh gambar di bawah ini.
Entry URL to Google docs
Setelah kita melakukan langkah tersebut maka kita diberikan daftar link dan kode HTML yang dapat kita gunakan sesuai kebutuhan, yaitu:
- Link untuk dimasukkan dalam pesan email/IM atau link untuk dimasukkan ke dalam address bar browser. Contoh untuk penggunaan pertama ini akan menjadi sebuah link yang dapat dibagikan melalui pesan email/instant messenger :
https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B0wFIYj4B2J3OGM4YTlkMWUtNGQ2My00NGM0LWE3NjctYjM3Y2I0YjQ5NTky&hl=en
- Kode HTML untuk dipasang di situs/blog untuk menampilkan link untuk melihat file tersebut. Untuk contoh penggunaan kedua ini apabila ditaruh dalam blog maka akan menjadi link berikut ini : Lihat UU ITE
- Kode HTML tag iframe buat dipasang di situs/blog agar bisa menampilkan secara live di sebuah halaman situs/blog kita. Tentunya kode ini hanya bisa dipasang pada situs/blog yang mendukung kode tag iframe. Untuk contoh penggunaan ketiga dapat kalian lihat pada halaman UU RI tentang ITE.
Selamat mencoba ya..!!
Konversi array ke XML dalam PHP
by Randy Septian on Nov.23, 2009, under Pemrograman Web
Ini salah satu pengalaman gw dalam nyari-nyari kerjaan beberapa waktu yg lalu. Setelah gw masukin lamaran secara online, lalu dikirimin soal-soal tes dari perusahaan tersebut. Ada beberapa tugas yg diberikan dan harus selesai dalam waktu dua hari, nah diantara tugas-tugas tersebut ada nih yg bisa gw bagiin ke teman-teman semua. Salah satu tugasnya yaitu untuk membuat fungsi konversi inputan array ke dalam bentuk XML.
Pada awalnya susah banget tuh ngerjainnya, karena br aja belajar untuk masalah XML. 
Jadi akhirnya gw coba cari referensi dgn browsing-browsing di mbah Google. Dapet juga deh akhirnya. Nah bentuk fungsi yang udah jadinya kayak gini deh.
<?
$data = array(
'name' => array(
'first' => 'Randy',
'last' => 'Septian'
),
'phone' => array(
'personal' => array(
'mobile' => '085687xxxxx',
'home' => '0217788xxxx'
),
'office' => array(
'fax' => '0217788xxxx'
)
),
'gender' => 'male'
);
$xml = new XmlWriter();
$xml->openMemory();
$xml->startDocument('1.0', 'UTF-8');
$xml->startElement('root');
function write(XMLWriter $xml, $data){
foreach($data as $key => $value){
if(is_array($value)){
$xml->startElement($key);
write($xml, $value);
$xml->endElement();
continue;
}
$xml->writeElement($key, $value);
}
}
write($xml, $data);
$xml->endElement();
echo $xml->outputMemory(true);
?>
Akhirnya selesai juga deh fungsi konversi tersebut. Tapi sayangnya tugas-tugas yg dikasi telat gw kerjain, jadi telat juga kirimnya. Soalnya baru sempat lihat emailnya 2 hari setelah dikirimin dari perusahaan tersebut.
Tapi gpp lah, yg penting kan bisa nambah ilmu dengan soal-soal tersebut. 
Oia, jgn lupa jalaninnya pake browser selain firefox ya! Soalnya klo pake firefox bentuk XML nya gak kliatan. Untuk program lainnya akan menyusul, ditunggu saja ya kawan…!!
-
Hii.. Welcome to Randy's Blog of Life!
Thanks for dropping by! Feel free to join the discussion by leaving comments, and stay updated by subscribing to the RSS feed. See ya around!
Ketentuan Distribusi Konten
Mengacu pada ketentuan yang telah dinyatakan pada halaman Kebijakan Privasi dan didasari oleh UU ITE Pasal 25, untuk kemudahan dengan ini dinyatakan bahwa kegiatan memperbanyak, distribusi, publikasi, dan / atau transmisi ulang bahan yang terkandung dalam situs ini diperkenankan selama pelaku pendistribusian mencantumkan sumber berupa anchor text kepada www.randyseptian.web.id serta tidak merubah anchor text yang telah tertera dalam konten yang didistribusikan.
© 2011
