Tutorial Koneksi Database MySQL dan PHP Pada Halaman Web


Tutorial Koneksi Database MySQL dan PHP Pada Halaman Web

Tulisan ini dibuat untuk yang baru mau memulai membangun web dinamis. Masih dasar sekali. Tools yang saya gunakan : Notepad++, XAMPP dan browser (saya pakai Mozilla). Tutorial ini sementara hanya untuk menampilkan data tabel dari database yang telah dibuat ke halaman web. Semoga bermanfaat.
1.       Pastikan semua software yang dibutuhkan sudah terinstall dengan baik dan benar
2.       Set port XAMPP agar tidak berbenturan dengan aplikasi lain. Pastikan Apache dan MySQLnya dalam keadaan aktif (klik start). Idealnya, posisi XAMPP control panelnya seperti screenshot berikut :

 3.       Mulailah dengan membuat sebuah database dengan phpMyAdmin dengan mengetikkan url ini pada browser http://localhost/phpmyadmin/ (Saya membuat database dengan nama “penjualan”) lalu klik button create.

4.       Berikutnya, buatlah tabel dalam database yang telah dibuat sebelumnya. Saya membuat tabel “Barang” dalam database “penjualan”, dengan detail tabel seperti berikut ini :

5.       Sampai pada tahap ini, pembuatan database dengan sebuah tabel didalamnya sudah selesai. Kita dapat menambahkan tabel sesuai dengan kebutuhan web atau sistem informasi yang akan dibuat. Langkah berikutnya adalah menyiapkan file php untuk menghubungkan database dengan halaman web. Ketikkan kode program berikut, kemudian simpan dengan nama koneksi.php

6.       Pada halaman web, saya hanya ingin menampilkan data nama barang, harga dan keterangan saja (namaitem, harga, keterangan). Ketikkan kode program berikut, lalu simpan dengan nama tab.php bagian terpentingnya saya blok (bagian koneksi sampai dengan menampilkan nama barang, harga dan keterangan). Selebihnya hanya kode untuk tampilan saja, terdiri dari judul dan tabel barang.



Kurang jelaskah bagian yang saya blok? ini ya kodingnya…
  include "koneksi.php";

  $a=mysql_query("select*from barang");
  while($baris=mysql_fetch_array($a)){
  ?>

 
 
   

7.       Hampir selesai, sekarang yang tidak kalah penting adalah masalah penyimpanan filenya. Kedua file yang telah dibuat tadi harus disimpan dalam folder htdocs. Carilah folder XAMPP (saya ada di drive c: ), kemudian buka folder htdocs. Dalam folder htdocs ini, buatlah sebuah folder untuk menyimpan pekerjaan kita tadi (file koneksi.php dan tab.php). Saya membuat folder dengan nama “coba”. Dalam proses pengembangannya, kita dapat menyimpan semua file yang dibutuhkan dalam web seperti gambar, audio atau video dalam folder ini agar tak terpencar dan lebih mudah dalam pengerjaannya.

8.       Selesai sudah, silakan dicek hasilnya pada browser dengan mengetikkan url berikut http://localhost/coba/tab.php

9.       Tampilannya kurang menarik ya? Boleh ditambahkan gambar, warna atau style lain dengan CSS.  Mudah ya? Selamat mencoba, jangan berhenti disini. Silakan dikembangkan sampai menjadi suatu sistem informasi atau website yang utuh. Semoga berhasil. Salam 😀

Komentar

Posting Komentar

Postingan populer dari blog ini

Sejarah, Definisi & Komponen Sistem Basis Data

Gambar
1.     Sejarah Basis Data Konsep basis data ( database ) berawal dari proses penyimpanan berkas secara manual. Sistem pemrosesan manual (berbasis kertas) merupakan bentuk pemrosesan yang menggunakan dasar berupa setumpuk data yang disimpan pada lemari arsip. Jika suatu berkas diperlukan, berkas tersebut harus dicari pada lemari arsip tersebut. Salah satu tujuan penggunaan komputer adalah sebagai tempat penyimpanan dan pengelolaan data. Pada awal tahun 1960, Charles Bachman di perusahaan General Electric merancang DBMS generasi pertama yang disebut Penyimpanan Data Terintegrasi ( Integrated Data Store ). Pada akhir tahun 1960-an, IBM mengembangkan system manajemen informasi ( Information Manajemen System ) DBMS. IMS dibentuk dari representasi data pada kerangka kerja yang disebut model data hierarki. Pada tahun 1970, Edgar Codd di laboratorium penelitian di San Jose mengusulkan suatu representasi data baru yang disebut model data relasional. Pada tahun 1980, model relasional m
Baca selengkapnya

Hayoo.. Curhat atau mengeluh? :)

Ini adalah cerita seorang mahasiswi yang baru saja memperoleh gelar sarjana. Sebut saja "Bunga". :p Hari ini bukan hari pertama, minggu pertama, atau bulan pertama ia bekerja. Tapi dalam hati ia masih saja mengumpat “Gue kesel, gue capeeee, gue gak kuat kerja disini.. gue mau resign” begitu terus sejak pertama kali bekerja hingga menginjak bulan ke-5. *Nah, kalau gak kuat kenapa bisa 5 bulan?* Pekerjaannya memang tidak mudah. Ia perempuan sendiri dalam posisi engineer di sebuah perusahaan IT ternama.
Baca selengkapnya

Tutorial Dasar MongoDB

Gambar
Hmm.. saya mau bahas tentang mongodb. Tapi saya ga bahas tentang pengertian mongodb, cara install dll, cz itu sudah bertebaran dimana-mana, tinggal browsing.. betul tidak? :). Ok, saya akan bahas tutorial dasar tentang mongodb. Saya mulai dari cara mulai menggunakan mongodb, pembuatan database,collection,document & cara menampilkannya. Oiya,, CMIIW plissss :)
Baca selengkapnya