Welcome To My Blog: Tugas 7/SMT 4 "Cara Membuat Web Sederhana"

Nama : Gilang Daniyal Fiqri
Dosen : Elly Agustina
Mata Kuliah : Pengantar Web Science

Software/alat2 yang digunakan :
1. VS Code
2. Web Browser
3. Xampp
4. Bootstrap4

1. Database

Database yang digunakan di phpmyadmin(http://localhost/phpmyadmin).

terdapat 1 db dan 1 table : users yang berisikan variable : no, username, email, password,nama, kelas dan terakhir npm.

2. VS Code

Pada bagian VS Code, disini terdapat bootstrap sebagai library frameworknya, dan beberapa file php yang sudah dibuat.

3. Penjelasan Program

Pertama kita membuat kode untuk koneksi ke database, yang terdapat

pada file server.php, kodenya seperti ini :

-session_start(); merupakan deklarasi awal membuat session, yang nantinya akan dibuat untuk mengeset suatu nilai pada variabel $_SESSION.

-mysqli_connect digunakan untuk membuat koneksi antar php dengan mysqlserver. "localhost" sebagai host, "root" sebagai user, "" sebagai password, dan "registration" sebagai nama database yang kita gunakan.

-objek $db akan digunakan sebagai query kedatabase.

1. Registrasi User

-if (isset($_POST['reg_user'])) { kondisi ini akan terpenuhi saat kita menekan tombol daftar.

-mysqli_real_escape_string akan menampung data dari method post dan akan kita simpan ke variabel yang ada.

-Dan Jika nilai variabel masih kosong , maka akan mengirim pesan error. contohnya jika kita belum mengisi username, maka akan mengirim pesan "Username is required".

-Jika eror sudah tidak ada , maka akan melakukan query dengan objek $db. data yang dinput tadi akan masuk ke dalam database.

-$_SESSION['username'] = $username; var session disini saya gunakan untuk mengoper value string, agar nanti bisa ditampilkan saat registrasi berhasil.

2. Login User

Algoritmanya hampir sama dengan register.

-(isset($_POST['login_user'])) { kondisi ini akan berjalan saat kita menekan tombol login.

-mysqli_real_escape_string akan menampung data dari method post dan akan kita simpan ke variabel yang ada .

-Dan Jika nilai variabel masih kosong , maka akan mengirim pesan error. contohnya jika kita belum mengisi username, maka akan mengirim pesan "Username is required".

-Jika Eror tidak ada , maka akan langsung mengkripsi password dengan md5 , dan objek $query melakukan query memilih dan mencocokan username dan password di database berdasarkan var $username dan $password yang kita input. hasil query tersebut akan di passing ke var $results.

-Dan jika hasil query $results cocok(benar), objek $row akan menerima hasil dari query $result1, dan masing2 variabel akan menerima passing nilai dari $row[] , yang selanjutnya akan di passing lagi ke $SESSION. dan terakhir halaman akan berpindah ke index.php.

-Jika hasil query $results tidak cocok/tidak ada data yang ditemukan , maka akan menampilkan pessan error "Wrong username/password combination".

3. Halaman Utama

Halaman utama yang terdapat pada index.php :

-Disaat halaman utama/web pertama kali dibuka, if (!isset($_SESSION['username'])){ akan mengecek jika belum di set/register. jika benar maka halaman akan di direct/pindah ke login.php.

-if (isset($_GET['logout'])) {. kondisi akan terpenuhi saat kita menekan tombol logout, jika terpenuhi ,session_destroy akan menghapus/menghancurkan semua session. dan un-register pada session username, yang selanjutnya halaman akan berpindah ke page login.

-if (isset($_GET['logout'])) {. kondisi akan terpenuhi saat kita menekan tombol logout, jika terpenuhi ,session_destroy akan menghapus/menghancurkan semua session. dan un-register pada session username, yang selanjutnya halaman akan berpindah ke page login.

-Disaat session username sudah terdaftar, kondisi ini terpenuhi saat kita sudah berhasil login. Menampilkan info username, nama, npm, kelas dan tombol logout.

4 .Halaman Login

Halaman loginyang terdapat pada login.php.

-Page login menggunakan html. berisikan label, kolom input username, password , button login dan hyperlink untuk registrasi.