PEMROGRAMAN WEB

M. IBROHIM, M.KOM

PERTEMUAN 5
Pada pertemuan ini kita akan belajar membuat login dengan user dan password dari
database dengan metode native dan kemanan password menggunakan MD5, pada
pembuatan login tentunya kita membutuhkan database sebagai penyimpanan data,
sebagai latihan praktik mandiri database yang kita gunakan sekarang adalah MySql
dengan web server apache. Sebelum membuat tabel tentunya kita harus membuat
database terlebih dahulu, untuk membuat database silahkan buka
http://localhost/phpmyadmin/ kemudian ketikkan perintah dibawah ini pada tab SQL
untuk membuat database.

setelah perintah tersebut diketikkan kemudian eksekusi dengan mengklik tombol “GO”
maka akan terbentuk sebuah database dengan nama “latihan”

Selanjutnya klik database latihan yang sudah dibuat kemudian pada tab SQL ketikkan
perintah berikut untuk membuat table dengan nama “login”
Setelah perintah tersebut diketik kemudian eksekusi dengan mengklik tombol “GO” jika
perintah tersebut sukses maka akan terbentuk sebuah table dengan nama “login”

Setelah database dan table terbentuk sekarang membuat antarmuka proses login, buat
folder dengan nama “latihan” kemudian buka teks editor dan buat file dengan nama
koneksi.php, file ini berfungsi untuk mengkoneksikan php dengan database dengan cara
ketikkan perintah dibawah ini:

Kemudian simpan file tersebut dengan nama koneksi.php

Selanjutnya buat file baru dan ketikkan perintah dibawah ini

Kemudian simpan file tersebut dengan nama index.php yang akan digunakan sebagai
halaman utama yaitu form login.

Untuk mempercantik tampilan form login tersebut tentunya memerlukan file css untuk
mendesain tampilan login yang sudah dibuat. Untuk itu buatkan perintah pada file baru
seperti dibawah ini
Simpan file tersebut dengan nama style.css

Selanjutya membuat file untuk memproses data login dengan cara ketikkan perintah
dibawah ini

Kemudian simpan file tersebut dengan nama logproses.php

Kemudian untuk halaman uji coba setelah login berhasil kita buat halaman home
dengan cara ketikkan perintah dibawah ini.
Simpan file tersebut dengan nama home.php

Terakhir agar proses logout dapat kembali secara otomatis kehalaman utama index atau
login buat file baru kembali dan ketikkan perintah dibawah ini

Simpan file tersebut dengan nama logout.php

Untuk uji coba user pertama kali masukkan data user melalui database
Catatan: untuk password kalian harus gunakan MD5 Encrypt dikarenakan perintah
yang sudah dibuat menggunakan enkripsi.
atau bisa menggunakan password “unsera” dengan enkripsi yang sudah dibuat sebagai
berikut: 2a373a9530a07ec218dbc27884653cb2
Setelah semua perintah dibuat silahkan lihat hasilnya menggunakan browser, jika dari
semua perintah tersebut dituliskan secara benar maka kurang lebih tampilan yang akan
disajika pada browser seperti dibawah ini

Dan jika login berhasil maka akan disajikan halaman utama/home seperti dibawah ini

Apabila Logout maka akan secara otomatis kembali pada halaman utama login. Dan
perlu diketahui bahwa latihan diatas sudah menggunakan session, jadi tidak akan bisa
dipanggil langsung ke home tanpa melalui proses login.
… SELESAI …
TERIMA KASIH