Selasa, 12 Mei 2015

Relasi Antara Form dan Tabel

MEMBUAT DATABASE DATA MAHASISWA


Ø  Aktifkan XAMPP yang ada pada komputer anda.



Ø  Bukalah browser pada komputer, dan ketikkan “localhost/phpmyadmin”.
Ø  Buatlah sebuah database dengan nama “test”, dan tabel dengan nama “tes” dengan jumlah kolom 5, kemudian klik go.

Ø  Kemudian masukkan field-field yang akan akan diisi pengguna nantinya. Pada form ini, terdapat 5 field, diantaranya:
·         Nama, dengan type text dan length 30.
·         NPM, dengan type int dan length 8.
·         Kelas, dengan type int dan length 13.
·         Alamat, dengan type int dan length 50.
·         No Telp, dengan type int dan length 13.

Ø  Setelah itu, bukalah notepad++ pada komputer anda, dan ketikkan script berikut ini.
Ø  Simpan dengan nama “data.php” di dalam sebuah folder baru yang terdapat di dalam folder htdocs yang ada di dalam folder XAMPP.



Ø  Berikut ini logika dari script diatas:
  • Pada baris 1 merupakan deskripsi mengenai halaman html.
  • Pada baris 2,3,5 <head> merupakan kepala dari program, disini yang merupakan kepala adalah judul. Maka dibawahnya tertulis <title> ……. Dan untuk menutupi kepala program, maka gunakan </head>
  • Pada baris 5 menjelaskan bahwa form ini berupa inputan.
  • Pada baris 6, align=”center” digunakan untuk meletakkan tulisan berada di tengah layar, dan strong untuk menebalkan tulisan.
  • Pada baris 7 sampai 22, merupakan form yang akan ditampilkan pada browser, yaitu nama, npm, kelas, alamat, no.telpon.
  • Pada baris 23 digunakan untuk membuat button “klik” agar data muncul di tabel yang terdapat dibawah form.
  • Pada baris 24 sampai 31, merupakan halaman PHP yang akan menyimpan data tersebut pada database.
  • Pada baris 32-33, digunakan untuk membuat tabel dengan border 1.
  • Pada baris 34-39, merupakan deskripsi field yang ada pada tabel.
  • Pada baris 40-48 merupakan isi dari program, yaitu pemanggilan data yang diinput pada form agar muncul pada tabel dan tersimpan pada database.
  • Pada baris 49 merupakan perintah untuk mengakhiri form.
  • Dan pada baris 50 merupakan perintah untuk mengakhiri halaman html, dan program siap dijalankan.

Ø  Jika sudah selesai menuliskan script diatas, bukalah browser pada komputer anda, kemudian ketikkan localhost/namafolder/namafile.php. Disini file tersebut di simpan di dalam folder tes, dengan nama data.php. Maka ketikkan localhost/tes/data.php pada browser seperti pada gambar berikut ini.
Ø  Gambar di bawah ini merupakan output dari script yang ditulis.


Ø  Pada awalnya halaman akan kosong, kemudian masukkan data nama, NPM, Kelas, Alamat, dan No.Telpon seperti di bawah ini. Data tersebut tidak boleh dikosongkan, apabila dikosongkan maka ketika button “klik” ditekan, akan muncul tulisan untuk mengisi kolom yang kosong tersebut.


Ø  Ketika button “klik” ditekan, maka data tersebut akan muncul pada tabel di bawahnya, dan akan tersimpan pada database.



Tidak ada komentar:

Posting Komentar