Archive for May 2012

Script CSS : Modifikasi Tampilan Tombol/Button

Posted on Thursday, May 31, 2012 by


Tombol/button yang sering digunakan untuk mengeksekusi suatu perintah memiliki tampilan yang standar dan terkesan monoton. Contoh button yang sering kita jumpai adalah tombol 'ok', 'cancel', 'back', 'login' dan lain-lain. Tombol tersebut biasanya terdapat pada sebuah form pengisian data seperti form login.

Pada postingan kali ini, saya akan memberikan sedikit tips agar tampilan tombol tersebut terkesan tidak monoton. Tombol tersebut dapat kita ganti dengan gambar-gambar sesuai dengan keinginan kita. Untuk lebih jelasnya mari kita ikuti langkah-langkahnya.

1. Membuat file html untuk form login


<html>
  <head>
  <title>Login Area</title>
 
</head>


<body>
  <form method="post" action="proses.php">
  <table width="50%" border="0" align="center" cellpadding="4" cellspacing="2">
  <tr>
  <td colspan="2"><h2>Login Area</h2></td>
  </tr>
  <tr>
  <td width="29%">Username</td>
  <td width="71%"><input name="username" type="text" id="username" size="30" maxlength="30"  class="textfield"  /></td>
  </tr>
  <tr>
  <td>Password</td>
  <td><input name="password" type="password" id="password" size="30" maxlength="30"  class="textfield" autocomplete="off" /></td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td><input name="login" type="submit" class="login" value="" size="15"/>
  <input type="reset" name="Reset" class="reset" value="" /></td>
  </tr>
  </table>
  </form>
  </body>
  </html>




2. Menambahkan Script CSS didalam tag head


<style type="text/css">
  .login{
  cursor:pointer;
  background:url(login.png) no-repeat center;
  width: 50px;
  }


.reset{
  cursor:pointer;
  background:url(reset.png) no-repeat center;
  width: 50px;
  }
  </style>



Berikut ini adalah tampilan hasil coding tesebut :

1. Tampilan Sebelum ditambahkan script CSS


2. Tampilan Setelah ditambahkan script CSS



Demikian Sedikit ilmu yang dapat saya bagi, semoga bermanfaat. Selamat mencoba...




Posted in , | Leave a comment

Query MySQL : Menampilkan Data yang Paling Banyak Muncul

Posted on Monday, May 14, 2012 by


Dalam hal ini saya akan mengambil contoh kasus Poling pemilihan suatu organisasi, yang kemudian data tersebut akan diolah sehingga dapat diketahui siapa pemenang dari kandidat tersebut. Query MySQL yang akan saya bahas disini adalah bagaimana cara mengolah data yang sudah ada. Untuk penginputan datanya dapat anda kembangkan sendiri.

Seperti biasa database dan table harus disiapkan terlebih dahulu :
Database : pemilihan
Table : polling



Setelah table tersebut siap, maka kita isi table tersebut dengan data. Bisa dilakukan secara manual dengan input langsung dari phpmyadmin atau dapat Anda kembangkan interfacenya untuk input data kedalam table. Setelah table terisi dengan record yang ada, maka kita dapat melakukan query terhadap data tersebut untuk mencari siapa pemenang dari poling tersebut

<?php
  $server = "localhost";
  $username = "root";
  $password = "";
  $database = "kuis";

mysql_connect($server,$username,$password) or die("Koneksi gagal");
  mysql_select_db($database) or die("Database tidak bisa dibuka");

$sql=mysql_query("SELECT kandidat, count(kandidat) as jumlah FROM poling GROUP BY kandidat ORDER BY jumlah DESC");
  $result=mysql_fetch_array($sql);

echo "<h2>Hasil Poling</h2>
  Pemenang = $result[kandidat], jumlah = $result[jumlah]";
  ?>


Dari script di atas jika di compile hasilnya adalah :


Demikian yang dapat saya share hari ini, semoga bermanfaat. :)

Posted in , | 2 Comments

Contact Us

Posted on Friday, May 11, 2012 by

For more information, you can contact me on:


E-mail : wahyuadipriyanto@yahoo.co.id

Ym : wahyuadipriyanto@yahoo.co.id

Facebook : www.facebook.com/wahyuadipriyanto

Twitter : @wahyuadi_p

Black Berry pin : 28B1CEDE

Address : Jl. Kabupaten, Kronggahan, Sleman, Yogyakarta, Indonesia

Leave a comment

Script php : Penggunaan Perintah Join pada Query MySQL

Posted on Wednesday, May 2, 2012 by


Untuk menampilkan data dari dua table yang berbeda, dapat di lakukan dengan cara menggunakan perintah JOIN pada Query MySQL. Ada banyak jenis dari perintah Join. Namun saya akan mengambil satu contoh penggunaan join yang paling sering di gunakan.

Sebelum melakukan scripting, hal yang perlu dipersiapkan adalah membuat database terlebih dahulu, kemudian membuat dua table yang akan digunakan. setelah itu tentukan field dari masing-masing table

Database   = latihanjoin
table 1 = user
table 2 = pesan

Field dan tipe data untuk table 'user' adalah sebagai berikut :



Field untuk table 'pesan' adalah sebagai berikut :


setelah table dibuat, langkah berikutnya adalah mengisi table tersebut. recordnya adalah sebagai berikut :

1. Table user

2. Table pesan

diharapkan script yang akan dibuat dapat menampilkan semua isi pesan yang dikirim oleh satu user, dan data tersebut diambil dari kedua table. berikut ini adalah scripnya :

1. Membuka koneksi ke server dan memilih database



<?php
  $server = "localhost";
  $username = "root";
  $password = "";
  $database = "latihanjoin";


//Membuka koneksi ke server database MySQL
  mysql_connect($server,$username,$password) or die("Koneksi gagal");


//Memilih database di server
  mysql_select_db($database) or die("Maaf Database tidak bisa dibuka, Silahkan cek koneksi anda !!");
  ?>







2. Memanggil isi database dan menampilkannya, letakkan script ini dibawah script dari langkah pertama







<?php

  $sql=mysql_query("SELECT * FROM user a JOIN pesan b ON a.id_user=b.id_user");

  echo "<table>";

  echo "<tr><td>Nama</td><td>tanggal kirim</td><td>isi pesan</td></tr>";

  while($r=mysql_fetch_array($sql)){

  echo "<tr><td>$nama</td><td>$tgl</td><td>$isi</td></tr>";

  }

  echo "</table>";

  ?>











Demikian sedikit ilmu yang bisa saya bagi, semoga bermanfaat, dan selamat mencoba.

Happy Codding :)





















Posted in
,

|


Leave a comment