Cara membuat database dan table mysql dengan phpmyadmin

Cara membuat database dan table mysql dengan phpmyadmin

Banyak aplikasi bantu untuk mengelola database mysql, diantaranya yang paling mudah dan banyak digunakan adalah phpmyadmin. Aplikasi phpmyadmin dikembangkan berbasis web sehingga sangat mudah digunakan. Biasanya aplikasi ini sudah terdapat dalam paket web server seperti xampp, lamp dll jika anda menginstall untuk dijalankan dikomputer pribadi (silahkan baca jika anda belum menginstall web server). Bagi yang memiliki hosting php, biasanya juga tersedia dalam menu cpanel (caranya akan saya bahas lain waktu).

Pertama, buka browser dan jalankan phpmyadmin dengan mengetik http://localhost/phpmyadmin pada bagian address bar. Tunggu beberapa saat sampai ada tampilan seperti berikut :

Kolom sebelah kiri merupakan naviagasi daftar database yang sudah ada. Kolom kanan tempat munculnya table atau operasi2 yang dapat dilakukan dengan phpmyadmin.

Untuk membuat database baru, ketikkan nama database pada kolom kanan dibawa tulisan create new database. Nama database sebaiknya ditulis tanpa spasi misal db_tamu, kemudian tekan tombol create. Setelah itu akan muncul tampilan seperti gambar berikut :

Kolom kiri menunjukkan database yang sedang aktif digunakan (baru dibuat), kolom kanan berisi menu untuk operasi yang bisa dilakukan dalam database aktif.

Sekarang membuat tabel dalam database aktif. Caranya ketikkan nama tabel sebaiknya tidak menggunakan spasi contoh tb_tamu, isian jumlah field jika sudah diketahui boleh diisikan, jika belum bisa diisi jumlah perkiraan, misal diisi 3, kemudian tekan tombol go. Maka akan muncul tampilan seperti gambar berikut :

Isikan nama field, tipe datanya dan panjangnya.

Misal :

field pertama : id, tipe int, panjang 10, index primary, autoincrement ya
filed kedua : nama, tipe varchar, panjang 30
field ketiga : alamat, tipe varchar, panjang 100

Jika anda mau menambah field, isikan jumlah field pada kanan bawah dan tekan go. Jika sudah selesai tekan save.

setelah berhasil akan muncul seperti gambar berikut :

Read More

Cara membuat proses menyimpan data kedalam database mysql dengan php

Cara membuat proses menyimpan data kedalam database mysql dengan php

Jika anda baru belajar tentang php ada baiknya membaca artikel tentang bagaimana cara install php dilingkungan windows. Setelah itu baru anda membaca artikel ini.

Langkah pertama untuk membuat proses penyimpanan data kedalam database mysql adalah membuat form input datanya, silahkan baca panduan cara membuat form dengan HTML, cara buat form input di website.

Langkah berikutnya adalah membuat database dan table mysql, silahkan baca panduannya disini.

Kemudian kita membuat file php untuk melakukan koneksi ke database, silahkan anda baca panduannya disini.

Untuk tiga langkah diatas jangan lupa sesuaikan dengan kasus yang sekarang anda kerjakan.

Semuanya sudah siap, sekarang tinggal bagaimana mengirimkan dan menyimpan data yang sudah anda isikan melalui form kedalam database mysql. Silahkan lihat kode berikut :

<?php

  include("config.php"); //memanggil file koneksi database

 

  $nama=$_POST['nama']; //memindah nilai input nama dari objek form kedalam variabel $nama

  $email=$_POST['email'];

  $website=$_POST['website'];

  $pesan=$_POST['pesan'];

  // kita bisa tambahkan pengecekan isi masing2 varibel untuk memastikan semuanya sudah diisi

  if($nama!="" && $email!="" && $website!="" && $pesan!="")

  {

     //buat susunan query sql sementara dalam variabel

     $query="INSERT INTO tb_bukutamu(nama,email,website,pesan) VALUES('$nama','$email','$website','$pesan');";

     //jalankan query

     mysql_query($query) or die("Gagal menyimpan karena :".mysql_error());

     //or die digunakan untuk memunculkan pesan jika query gagal dijalankan

     echo "<h2 align=\"center\">Data berhasil disimpan</h2>"; //Pesan tulisan dengan format H2 ini akan muncul jika berhasil

  }

  else

  {

     echo "<h2 align=\"center\">Isikan data dengan benar</h2>"; //tulisan dengan format H2 ini akan muncul jika form kosong

  }

?>

Inti dari kode diatas adalah membuat koneksi, mengecek isi form, dan menjalankan perintah mysql untuk menyimpan data. Setiap baris kode dengan awalan 2 garis miring merupakan keterangan atau catatan yang diabaikan oleh php.

Read More

Cara mengatur tampilan dengan css sesuai dengan media outputnya

Cara mengatur tampilan dengan css sesuai dengan media outputnya

Perkembangan teknologi web sekarang ini memungkinkan kita mengatur hasil output ke banyak media dengan berbagai macam bentuk tampilan. Bisa sesuai aslinya, bahkan bisa dengan format tampilan tertentu sesuai dengan media yang kita inginkan.

Untuk melakukan itu kita bisa memanfaatkan teknologi css. Perlu anda ketahui bahwa css bukan hanya digunakan untuk mengatur tampilan dilayar tapi juga bisa digunakan untuk mengatur tampilan ke berbagai media. Berikut ini media yang didukung oleh css :

1. all : berlaku untuk semua media artinya css akan mengatur otomatis tampilan sesuai dengan media yang digunakan untuk menampilkanya
2. aural : digunakan untuk media yang mendukung suara
3. braille  : dugunakan untuk perangkat bantu tulisan braille (untuk orang buta)
4. embossed  : digunakan untuk mencetak ke printer braille
5. handheld  : digunakan untuk perangkat kecil
6. print : digunakan untuk printer
7. projection  : digunakan untuk layar proyektor
8. screen  : digunakan untuk layar monitor
9. tty : digunakan untuk terminal atau teletype
10. tv : digunakan untuk tv

dari pilihan media yang sudah didukung css tersebut memang yang paling sering digunakan yaitu all, print, dan screen. Termasuk saya pribadi. Penggunaan salah satu pilihan yang tepat memang akan lebih optimal hasilnya, misal jika memang hanya untuk print saja sebaiknya gunakan media print. Kembali ke si pembuat mau dioutputkan kemana hasilnya, sebaiknya gunakan salah satunya.

Jika sudah ditetapkan media outputnya, tinggal kita deklarasikan css bada bagian dokumenya. Misal untuk keperluan tampilan ke layar monitor kita gunakan media screen. Caranya lihat kode berikut :

<link rel="stylesheet" type="text/css" href="namafile.css" media="screen" />

Kode diatas digunakan jika menggunakan file css ekternal yang terpisah dengan dokumennya. Jika cssnya digabung dalam dokumennya cara penggunaannya seperti berikut :

<style type="text/css" media="screen">

  kode css disini

</style>

Read More