Kita akan memasuki dunia pengembangan web dengan PHP. Anda akan diajak untuk membuat form login sederhana menggunakan bahasa pemrograman PHP. Kami akan membahas langkah-langkahnya, memberikan contoh source code, dan memberikan pemahaman mendalam tentang bagaimana form login dapat diimplementasikan.
Langkah 1. Aktifkan Apache dan MySQL di XAMPP
Buka XAMPP dan aktifkan Apache dan MySQL. Dengan meng-klik tombol Start pada baris Apache dan MySQL
Langkah 2. Pastikan Terhubung dengan Internet
Pastikan koneksi internet aktif karena beberapa sumber daya mungkin diunduh selama proses instalasi dan konfigurasi. Kalian bisa mengecek pada Control Panel.
Langkah 3. Cek IP Address Koneksi Internet dan Ping IP
Buka command prompt dan ketik ipconfig (untuk Windows) atau ifconfig (untuk Linux/Mac) untuk menemukan alamat IP Anda. Cari alamat IPv4 untuk koneksi internet aktif. Dan cek dengan Ping IP dengan cara ketik ping [alamat IP] untuk memastikan bahwa Anda dapat mencapai alamat IP tersebut.
Langkah 4. Membuat Folder dan File
Buat folder baru dengan nama "Khanifah" di direktori htdocs di folder instalasi XAMPP Anda. Misalnya, C:\xampp\htdocs\Khanifah. Folder ini digunakan untuk menyimpan Source Code index.php dan Source Code proses.php untuk membuat From Login.
Langkah 5. Source Code index.php
- <html>: Menandakan awal dari dokumen HTML.
- <head>: Berisi informasi tambahan tentang dokumen, seperti judul halaman (dalam hal ini, "Login").
- <title>: Memberikan judul untuk halaman web yang akan ditampilkan di tab peramban. Judulnya dalam hal ini adalah "Login".
- <body>: Berisi konten utama dari halaman web.
- <center>: Mengatur kontennya menjadi rata tengah di halaman.
- <h1>: Judul (heading) level 1 yang menampilkan teks "Halaman Login" dengan ukuran huruf besar.
- <form>: Membuat formulir untuk pengguna memasukkan informasi. Atribut method="GET" menentukan bahwa data formulir akan dikirim melalui URL sebagai bagian dari string query. Atribut action="proses.php" menentukan lokasi (file atau URL) ke mana data formulir akan dikirim untuk diproses.
- <input type="text">: Elemen input untuk memasukkan teks. Atribut name="nama" akan menjadi kunci identifikasi untuk data yang dimasukkan.
- <br>: Tag untuk membuat garis baru, memberikan jarak antara elemen-elemen dalam halaman.
- <input type="password">: Elemen input yang digunakan untuk memasukkan kata sandi. Dengan menggunakan type="password", karakter yang dimasukkan akan disembunyikan.
- <input type="submit">: Tombol kirim (submit) yang, ketika ditekan, akan mengirimkan data formulir ke lokasi yang ditentukan dalam atribut action.
- </form>: Menutup tag formulir.
- </center>: Menutup tag untuk mengakhiri pengaturan rata tengah.
- </body>: Menutup tag tubuh dokumen HTML.
- </html>: Menutup tag dokumen HTML.
Langkah 6. Source Code proses.php
- <?php ... ?>: Tag PHP untuk memulai dan mengakhiri blok kode PHP.
- $namakiriman=$_GET["nama"];: Membaca nilai yang dikirimkan melalui URL dengan parameter "nama" menggunakan metode GET dan menyimpannya dalam variabel PHP $namakiriman.
- $sandikiriman=$_GET["sandi"];: Membaca nilai yang dikirimkan melalui URL dengan parameter "sandi" menggunakan metode GET dan menyimpannya dalam variabel PHP $sandikiriman.
- echo "<h1> Nama Kamu : ".$namakiriman."<br>"."Sandi Kamu : ".$sandikiriman."</h1>";: Menampilkan hasilnya ke layar. Menggunakan tag HTML <h1> untuk membuat judul dengan ukuran huruf besar. Nilai dari $namakiriman dan $sandikiriman ditampilkan dalam teks sebagai "Nama Kamu" dan "Sandi Kamu" diikuti oleh nilainya.
Langkah 7. Cek Form Login
Buka browser dan masukkan URL http://[IP Anda]/Khanifah/index.php (misalnya, http://10.254.20.104//Khanifah//index.php).
Langkah 8. Hasil Login
Masukkan "Khanifah" sebagai username dan "hani99" sebagai password, lalu tekan tombol Login. Anda akan melihat hasilnya, baik sukses atau gagal, tergantung pada data yang dimasukkan.
sekian langkah-langkah membuat Form Login sederhana dengan PHP semoga bermanfaat, Terimakasih.
Komentar
Posting Komentar