Latihan ini mempelajari cara melakukan login dan update password pengguna dengan membuat file-file PHP dan melakukan konfigurasi pada file index.php dan file-file lainnya. Beberapa langkahnya adalah membuat file PeriksaLogin.php untuk proses login, mengkonfigurasi index.php untuk mengarahkan ke file tersebut, membuat file FrmUser.php untuk tampilan setelah login, dan file frmUpdateDataUser.php untuk memperbarui data pengguna.

1. Latihan Membuat Projek – 2
Pada latihan ini, kita akan belajar melakukan login dan update password user. Anda tetap
bekerja pada folder PROJEK-TI dan menggunakan software MACROMEDIA.
1. Silakan buat file baru dengan nama PeriksaLogin.php, dan tulis kodingnya sebagai berikut :
File PriksaLogin.php akan dijalankan ketika user klik tombol Login pada kotak login.
2. Buka file index.php dan lakukan perubahan pada bagian kotak login, seperti yang
ditampilkan pada gambar di bawah :
Ganti pada bagian yang dilingkari (register.html) dengan nama file PeriksaLogin.php.
3. Sebagai contoh, pada saat user melakukan login dengan username : wayan seperti yang
ditampilkan pada gambar berikut :

2. Ketika user klik tombol Login , maka akan ditampilkan gambar berikut yang merupakan
tampilan dari file FrmUser.php.
a. Tampilan jika user yang login adalah user biasa
b. Tampilan jika user yang login adalah admin
Setiap user dapat melakukan aktivitas yang ada pada bagian kiri.

3. 4. Membua file FrmUser.php. Buka file index.php lalu simpan (Save As) dengan nama file
FrmUser.php, dan selanjutnya lalukan beberapa perubahan pada file.
a. Sisipkan/ketik koding berikut dan taruh pada bagian atas file FrmUser.php pada posisi
sebelum tag <!DOCYPE …………………> .
b. Hapus koding yang ada di antara tag <div id=”rightcontent”> dan tag </div>, lalu
sisipkan koding sehingga
menghasilkan sebagai berikut :
c. Hapus koding yang ada di antara tag <div id=”leftcontent”> dan tag </div>, lalu
sisipkan koding, sehingga menjadi seperti di bawah ini:
d. Simpan kembali perubahan tersebut. Hasil tampilannya adalah seperti dua gambar di
atas, disesuaikan dengan jenis user yang melakukan login (admin atau user biasa).

4. 5. Aktivitas Ubah Data User :
Jika user klik link ini, maka user dapat melakukan update datanya sendiri yang meliputi nim,
nama, password dan confirm password. Data username tidak bisa diupdate karena berfungsi
sebagai kunci utama (primary key).
Ketika user klik link Ubah Data User, maka akan dijalankan file frmUpdateDataUser.php.
6. Membuat file frmUpdateDataUser.php. Silakan buka file FrmUser.php lalu simpan (save
as) dengan nama frmUpdateDataUser.php dan lakukan beberapa perubahan terhadap
koding di dalamnya.
a. Hapus koding yang ada di antara tag <div id=”rightcontent”> dan tag </div>, lalu
sisipkan koding sehingga menghasilkan seperti berikut ini :

5. b. Ketika user Wayan mengklik link Ubah Data User, maka akan ditampilkan gambar
berikut ini :
c. Pada tampilan di atas, user wayan hanya dapat mengubah data nim, nama, password
dan konfirm password.

6. d. Contoh perubahan data yang dilakukan oleh user wayan adalah seperti yang
ditampilkan pada gambar di bawah ini :
e. s