Pertama-tama pastikan komputer kamu sudah terinstal xampp dengan phpmyadmin versi 4.7 keatas.
Sebelum memulai membuat kode php, kita harus memiliki database yang berisikan password dan username yang akan digunakan untuk login.

Caranya adalah dengan mengetikkan pada browser url sebagai berikut : localhost/phpmyadmin

Setelah itu akan muncul halaman awal dari phpmyadmin


username dan password yang akan kita isikan pada from login nantinya adalah

username : 001

password : 001

Cara membuat database pada phpmyadmin adalah dengan mengklik New pada sidebar sebelah kiri dari phpmyadmin.

Pada kolom create database ketikkan nama dari dari database yang akan kita buat, isikan dengan nama pondokit



Pada kolom create tables silahkan isi dengan nama user dan jumlah kolom 3

Isikan kolom-kolomnya dengan data sebagai berikut:



Setelah selesai klik save.
Kemudian isikan pada table yang ada, username dan password yang sudah kita tentukan sebelumnya yaitu pondokit dengan mengklik pada tab insert pada bagian atas.
Dengan ini kita sudah dapat login menggunakan php dengan mengisikan password dan email sesuai dengan yang sudah kita tentukan pada database.
  1. Menulis Script PHP
Pada bagian ini kita akan membuat file php berjumlah 3 buah yang akan digunakan untuk melakukan login. Perlu diingat bahwa file-file ini kita buat didalam folder xampp/htdocs/ghoulnime supaya kita dapat mengaksesnya menggunakan browser. Silahkan tulis script dibawah ini dan simpan filenya dengan nama yang sesuai.
Index.php

Koneksi.php

Proses-login.php



Style.css




Tes Form Login
Setelah menulis script diatas tentunya kita penasaran apakah yang kita tulis sudah benar, atau masih banyak errornya. Nah cara mengetahuinya adalah dengan mengetes langsung script yang telah kita buat tadi dengan menggunakan browser.

Caranya cukup mudah yaitu :

Buka browser kamu dan ketikkan di address bar localhost/ghoulnime
Jika muncul tampilan seperti ini maka kodingan kamu sudah benar.

Kemudian langkah selanjutnya adalah kita harus mengisi username dan password sesuai dengan apa yang sudah kita buat didatabase sebelumnya.

Jika username dan password yang kalian masukkan sesuai dengan yang ada pada database, hasilnya akan seperti gambar di bawah ini.


Begitu juga sebaliknya jika kamu salah menginputkan data di form login tersebut maka akan muncul adalah seperti ini.



Dan yang terakhir adalah, jika kalian mengosongkan atau tidak mengisi salah satu dari form input login tersebut maka hasilnya akan seperti gambar dibawah ini.


Sekian tutorial yang dapat kami sampaikan

 Nama Kelompok :
1. RM Mirza Prasetyo
2. Reksa Sunan Aji
3. Ade Kurniawan