Aplikasi Kalkulator

Hemmm...Apa yah???[ding dong]Jadi begini ceritanya, hari sabtu malam minggu kemaren nie ceritanya gak da yang ngajak week end buat keluar, jadi malam minggu kemaren nangkring di kosan sambil otak atik komputer..Al-Hasil ke inget kalo punya tugas praktikum PW disuruh buat aplikasi kalkulator..Sebelum nya lagi nonton tv nie, karena acara tv malem minggu gak da yang oke dan gw pun teringat ada tugas jadinya gw keluar aja..[ke wc maksudnya terus balik kamar lagi][hehehehe]..Di pikir2 kayak nya menarik tu buat aplikasi kalkulator...

Dan akhirnya memutuskan deh buat garap tugas nie...[cie rajin malam minggu buat tugas]..Pemikiran yang ada pertama kali buat aplikasi kalkulator dengan buat 4 tombol dan 3 edit teks [yang pentingnya], tapi setelah dipikir bosen buat bentuk begitu terus..di praktikum yang lain gtuw soalnya..jadi gw pikir untuk buat form dulu..lagi buat form nya tau2 terlintas pake tombol radio grup yo'i nie kayaknya..akhirnya diputuskan buat form seperti gambar ini jadi deh form nya.
Dari buat form agak tambah penasaran karena gw gak langsung dapat ide buat coding php nya..[hahaha] mikir sambil tiduran di kasur depan komputer dan dapat ide lagi..[dahsyat ternyata garap tugas di malam minggu, malah banyak dapat ide] dan ini coding php sekaligus form nye..

<form action="" method="post"><center><h3>Operator Hitung: </h3><table border="0"><tr> <td><label><input type="radio" name="hitung" value="tambah"> Tambah</label></td> <td><label><input type="radio" name="hitung" value="kurang"> Kurang</label></td><tr> <td><label><input type="radio" name="hitung" value="kali"> Kali</label></td> <td><label><input type="radio" name="hitung" value="bagi"> Bagi</label></td></tr></table><h3>Masukkan bilangan yang akan diproses: </h3><table border="0"><tr> <td>Bilangan 1</td> <td> : <input name="bil1" type="text" value="">" width="40"/></td></tr><tr> <td>Bilangan 2</td> <td> : <input name="bil2" type="text" value="">" width="40"/></td></tr><tr> <td>Hasil</td> <td> : <input name="hasil" type="text" value="">" width="40"/></td></tr></table><br /><table width="120" border="0"> <tr> <td><div align="center"> <input name="submit" type="submit" value="Proses" width="100"> </div></td> </tr> </table><?phpfunction kalk(){ $hitung=$_POST['hitung']; $hasil=$_POST['hasil']; if($hitung=="tambah") { $bil1=$_POST['bil1']; $bil2=$_POST['bil2']; $coba=$bil1+$bil2; //print ("<br />Hasilnya adalah $coba"); } elseif($hitung=="kurang") { $bil1=$_POST['bil1']; $bil2=$_POST['bil2']; $coba=$bil1-$bil2; //print ("<br />Hasilnya adalah $coba"); } elseif($hitung=="kali") { $bil1=$_POST['bil1']; $bil2=$_POST['bil2']; $coba=$bil1*$bil2; //print ("<br />Hasilnya adalah $coba"); } elseif($hitung=="bagi") { $bil1=$_POST['bil1']; $bil2=$_POST['bil2']; $coba=$bil1/$bil2; /*print ("<br />Hasilnya adalah $coba");*/ } else { print ("Pilih operator hitung"); }return $coba;}?></center></form>
Itu dia Codingnya...[hahahaha]
Jelasin dikit ja, nyang terakhir return $coba; nie buat looping keatas lagi dan masukkin $coba ke edit text hasil..Gituw....

Output Operator Kali
Output Operator Kurang

Buat Operator jumlah sama bagi nye coba sendiri ye..o iya simpen dengan nama.php jangan.html..[heheheh]

[PHP singkatan dari PHP Hypertext Preprocessor]..[ckckckc]...

Nama: Panji Muharif
Nim: 123070180
Plug 6

-Read More-

Cascading Style Sheets

[Hoaaaammmm][Hahahahahahahah] Senang sekarang ada bahan buat posting terus, sekalian belajar disimpen deh disini..itu seneng yang pertama...seneng yang kedua karena bisa buat tugas praktikum tentang CSS, setelah berpusing pusing ria kemaren akhirnya dapat dimengerti juga..
Sekarang nie bakal ngetik tentang CSS..Apa sie CSS itu??pasti itu yang ada di benak semua orang yang belum mengerti..

CSS itu dipake buat halaman HTML untuk membuat style, bisa style font, table, paragraf, background, dll..[googling banyak][hahahah]..Nah CSS ini digunakan pada halaman HTML bisa dengan 3 cara..
1. external style
Bentuk :
<link rel="“stylesheet”" type="“text/css”" href="file.css">
dimana :

- "<"link, merupakan="" tag="" pembuka="" diakhiri="" dengan="" tanda="">”
- rel=“stylesheet”, menerangkan halaman ini akan dikenai efek style sheet
- type=“text/css”, file yang dipanggil berupa css
- href=“css_files.css”, alamat dokumen stylesheet yang dipanggil

2. Internal Style Sheets
Bentuk:
<html><head><style type="“text/css”">..definisi style..</style></head><body>....</body></html>
3. Inline Style sheet
Bentuk:
<html><head>centranet</title></head><body style="color: white; background: green; font-family : arial;"><h1>Css</h1><p>Css adalah bla bla bla bla</p></body></html>
[eh di save dulu kepotong gara2 di suruh pindah ma tukang warnetnya][hahahha]

lanjut deh ke contohnya, tapi css yang buat contoh ini css yang buat memperindah link yang kita buat..Ni dia...
Simpan di dalam folder image beri nama coba.css:
.coba a:link {color:green;text-decoration:none;background-image: url("button1.jpg");background-repeat:no-repeat;background-position: 100% 50%;padding:0.5em;margin:0.5em;display:block;}.coba a:visited {color:red;text-decoration:none;background-image:url("button.gif");background-position:right;background-repeat:no-repeat;padding:0.5em;margin:0,5em;display:block;}.coba a:active {color:black;background-image:url("#buton.gif");padding:0.5em;margin:0,5em;display:block;text-decoration:underline;}.coba a:hover{color:green;text-decoration:underline;color:purple;background-image:url("buton.gif");background-position:right;background-repeat:no-repeat;}

Halaman HTML nya..
<html><head><link rel="stylesheet" type="text/css" href="Image/coba.css"><title>Coba Button</title></head><body><div class="coba"> <h4><a href="#">Test button link : </a></h4></div></body></html>

Gambar di browser:
Ketika CSS yang aktif .coba a:hover :

Ketika CSS yang aktif .coba a:active :

Ketika CSS yang aktif .coba a:visited :


Tombolnya download disini aja..
buton.gif
button.gif
button1.jpg

Nama: Panji Muharif
Nim: 123070180
Plug 6

-Read More-

Buat Form di Web

Satu lagi nie tentang pemrograman Web...(hoaammmmmm)Kali ni ane bakal buat sebuah form atau nama lainnye borang..[jiakakakak]tapi borang yang satu ini dibuat hanya sekadar borang gak da koneksi ke database...Mungkin esok hari bakal bahas Database nye juga..[Semoga]Berhubung dah ayam berkokok jadi kagak pake lame ye ngomong basa basi nye..[mata 5 watt]..Nie dia..

Simpan dengan nama form.html [kalo mau yang lain juga gak papa sie sebenernye][jiakakakka]

<html><head><title>Formulir</title></head><body><form id="form1" name="form1" method="post" action=""><label>Name : <input type="text" name="textfield"> <br /> <br /> Password : <input type="text" name="textfield2"> </label> <p> <label>Age Range : <select name="select"> <option value="">16 - 20</option> <option>21 - 25</option> <option>26 - 30</option> <option>31 - 35</option> <option>36 - 40</option> </select> </label> </p> <p> <label>Life Story :</label></p> <p> <label> <!-- <textarea name="textarea" cols="100" rows="10"> -->

Your Favorite Sport : Tennis Cricket Baseball Polo

Language you choose : PHP C++ Delphi Java

Nah berhubung di dalam form ini ada text area nya..jadi text area yang di form di jadikan comment di dalam coding..codingnya yang ada di dalam tanda begini ye (<)!-- blabla... --(>) [dibuat dalam kurung biar bisa keliatan], nah ntar itu diapus biar bisa sempurna form nye..hehehehe...

-Read More-

Buat Halaman Web Biodata Diri

HooooooLaaaaaa...Akhirnya kamu terjamah lagi..(hehehe)Mumpung ada praktikum yang bikin seneng yang bikin semangat kuliah lagi dan bikin semuanya..[alay!!]. Biar inget biar bisa refresh biar bisa dibaca2 lagi jadi kuputuskan akan ku post di blog ku tercinta..[jiaaa?]..Ini Codingnnya...

Save dengan nama index.html
<html><head><title>BIODATA DIRI</title></head><frameset rows="*" cols="224,*" frameborder="yes" bordercolor="#00FF66"> <frame src="kiri.html" name="menu"><frameset rows="80%,22%"><frame src="kanan.html" name="comment"><frame src="bawah.html" name="note"></frameset></frameset><noframes></noframes></html>

Save dengan nama kiri.html
<html><head><title>kiri</title></head><body><h3>Menu</h3><li><a href="nama.html" target="comment">Nama Lengkap</a></li><br /><br /><li><a href="ttl.html" target="comment">Tempat dan Tanggal Lahir</a></li><br /><br /><li><a href="kuliah.html" target="comment">Riwayat Pendidikan</a></li><br /><br /><li><a href="foto.html" target="comment">Photo</a></li></body></html>

Save dengan nama kanan.html
<html><head><title>Welcome</title><style type="text/css"><!--.style1 { font-size: 36px; font-weight: bold;}.style2 {font-size: 36px; font-weight: bold; color: #0000FF; }--></style></head><body><div align="center"><p class="style1"> </p><p class="style1"> </p><p class="style1"> </p><p class="style1"> </p><p class="style2">SELAMAT DATANG</p></div></body></html>

Save dengan nama nama.html
<html><head><title>Comment</title></head><body><p align="center"><span style="font-family:Comic Sans MS;font-size:6;color:#0099FF;"><strong>Nama Lengkap</strong></span><br /><br /><h3>Sejak kecil hingga sekarang nama lengkap saya <span style="font-size:180%;">Panji Muharif</span>.</h3></body></html>

Save dengan nama ttl.html
<html><head><title>Comment</title></head><body><p align="center"><span style="font-family:Comic Sans MS;font-size:6;color:#0099FF;"><strong>Tempat dan Tanggal Lahir</strong></span><br /><br /><blockquote> <h3>Dilahirkan di kota Bandar Lampung pada tanggal 04 April 1989.</h3></blockquote></body></html>

Save dengan nama kuliah.html
<html><head><title>Comment</title></head><body><p align="center"><span style="font-family:Comic Sans MS;font-size:6;color:#0099FF;"><strong>PENDIDIKAN</strong></span><br /><p align="justify"><span style="font-size:130%;">Memulai pendidikan di TK Mutiara Bandar Lampung pada umur 5 tahun, lalu melanjutkan ke jenjang Sekolah Dasar diumur 6 tahun di SD Kartika II-V, belajar selama 6 tahun lebih bulan dikit lalu melanjutkan ke SMP Negeri 4 Bandar Lampung, Selama 3 tahun lebih bulan dikit mendapatkan pelajaran di SMP tersebut (Wajib belajar 9 tahun nie), tapi gak cuma 9 tahun yeee, Lanjutin lagi di SMA YP UNILA Bandar Lampung selama 3 tahun lebih bulan dikit (12 tahun menuntut ilmu di kota kelahiran). Ceritanya jenuh....cari PT di luar deh, akhirnya YOGYAKARTA menjadi kota pelabuhan dan UPN YK menjadi pilihan untuk mendapatkan gelar strata 1, Tepatnya di jurusan <a href="http://himatif.or.id">Informatika</a></span></body></html>

Save dengan nama foto.html
<html><head><title>Comment</title></head><body><p align="center"><span style="font-family:Comic Sans MS;font-size:6;color:#0099FF;"><strong>My Photo</strong></span><br /><br /><img src="16122007(005).jpg" width="362" height="472" /></body></html>

Save dengan nama bawah.html
<html><head><title>bawah</title></head><body><p align="Left"><span style="font-size:5 face=;color:#0099FF;"><strong>Motto</strong></span><br /><blockquote><span style="color:#FF6600;"><h2>Hidup untuk membuat hari esok lebih baik bukan hidup di dalam sejarah masa lalu</h2></span></blockquote></body></html>

Selesai..Lihat hasilnya di browser Kamu..Kalo pade mau pake 2 frame, misalnye kanan kiri ni ye tinggal edit halaman index.html nye aje, terus di oprek-oprek dikit..Jadi..hehehehehe..

-Read More-