Tutorial Web Dasar (Koneksi, input, simpan,, tampil dan batal)

MEMBUAT DATABASE

Kali ini saya akan share tentang pengenalan HTML dasar yang akan sangat bermanfaat untuk membuat website dinamis mengingat web ini juga akan berhubungan dengan database.

1.       Silahkan buka web browsernya dan aktifkan web servernya (XAMPP)

2.     Silahkan akses halaman localhost/phpmyadmin

3.     Buatlah database baru dengan nama db_dasar

4.       Selanjutnya buatlah table dengan nama tb_dasar

Catatan : Dalam membuat tabel diharapkan untuk tidak menggukan tanda Setrip (-) takutnya bermasalah pada saat menggunakan fungsi simpan (INSERT) *berdasarkan pengalamn pribadi. Lebih bagus menggunakan tanda Underscor  ( _ ).

5.       Setelah membuat table, Silahkan untuk membuat Field table berdasarkan ketentuan berikut :

6.       Jika Sudah, silahkan isi tabel tersebut cukup 1 baris saja, Seperti berikut :

7.       Nah Selanjutnya setelah membuat database, kita akan membuat halamn websitenya untuk fungsi INPUT dan SIMPAN pada database

MEMBUAT FUNGSI ‘KONEKSI’, ‘INPUT’,‘SIMPAN’,’TAMPIL’ dan ‘HAPUS’

Membuat halaman Koneksi.php

1.      Silahkan buka Web editornya (Dream Wiever)

2.      Perlu diketahui, bahwa jika kita ingin membuat web yang berkaitan dengan database

Kita harus menghubungkan dulu web kita dengan database SQL pada phpmyadmin

3.      Buat Halaman baru pilih File – New - Dynamic Page – php

4.      Kemudian beri nama koneksi.php

5.      Jika sudah, Silahkan buatlah koding berikut, agar terhubung ke database :

   *password yang diisi disesuaikan dengan pengaturan XAMPP pada laptop masing-           masing, jika tidak menggunakan password cukup diisi dengan kutip saja, contoh :         $password= “ ”

6.      Jika sudah, silahkan simpan pada Folder yang sudah kita buat pada htdoc

7.      Jika belum mebuat folder di dalam folder htdoc, silahkan membuat folder terlebih dahulu, dengan nama latihan

8.      Jika sudah membuat folder, silahkan simpan file koneksi.php pada folder tersebut

9.      Untuk mengecek apakh berhasil atau tidak, silahkan jalankan pada web browser

Localhost/nama_folder/nama_file berarti localhost/latihan/koneksi.php

10.   Jika koneksi berhasil, maka tidak akan muncul apa-apa alias kosong, tapi jika masih ada masalah, akan muncul tulisan “Koneksi gagal” atau “Database tidak bisa dibuka”

Jika itu terjadi, silahkan cek kembali,

•      Password
•      Nama databasenya

Membuat halaman input.php

1.      Jika halaman koneksi.php sudah berhasil, selanjutnya adalah membuat halaman input.php, caranya masih sama seperti sebelumnya

2.      Buat Halaman baru pilih File – New - Dynamic Page – php

3.      Beri nama file dengan nama input.php

4.      Simpan pada folder yang sama (folder sebelumnya (folder latihan))

5.      Silahkan isi halamn input.php dengan koding berikut :

*pada bagian form ada FORM ACTION, bagian ini berfungsi untuk mentukan

halaman mana yang akan tuju, jika kita mengklik tombol SIMPAN (type= “submit”)

·         Perhatikan pada bagian objek textboxnya

·         name = untuk menetukan nama objek yang nantinya akan berpengaruh saat penyimpanan

6.      Jika sudah, silahkan coba jalankan pada browser, localhost/latihan/input.php

Membuat halaman simpan.php

1.      Jika halaman sebelumnya sudah berhasil, selanjutnya adalah membuat halaman simpan.php, caranya masih sama seperti sebelumnya

2.      Buat Halaman baru pilih File – New - Dynamic Page – php

3.      Beri nama file dengan nama simpan.php

4.      Simpan pada folder yang sama (folder sebelumnya (folder latihan))

5.      Silahkan isi halaman simpan.php dengan koding berikut :

6.      Jika sudah, silahkan coba jalankan pada browser, localhost/latihan/input.php lalu isi texboxnya, selanjutnya klik tombol “SIMPAN”

7.      Jika setelah disimpan, mucul validasi Data sudah tersimpan! Berarti penyimpana telah berhasil, lihat pada databasenya

8.      Jika setelah disimpan,tampilan masih kosong, kemungkina ada kesalahan pada halaman simpan.php silahkan dicek kembali

Membuat halaman tampil.php

1.      Selanjutnya membuat halaman tampil.php untuk menampilkan isi tabel pada browser

2.      Simpan file tampil.php pada folder yang sama

3.      Silahkan isi dengan koding berikut :

Membuat halaman hapus.php

1.      Selanjutnya membuat halaman hapus.php untuk menampilkan isi tabel pada browser

2.      Simpan file hapus.php pada folder yang sama

3.      Silahkan isi dengan koding berikut :