Scribd Logo
Unggah

Selamat datang di Scribd!

  • Part 2 Form Login

    Diunggah oleh

    riza_zaenal
    8 tayangan3 halaman
    Jobsheet ini membahas pembuatan form login sederhana menggunakan PHP dan database MySQL. Terdiri dari beberapa langkah yaitu menjalankan XAMPP dan MySQL, membuat file login.php untuk form login, dan sukses.php untuk halaman setelah login berhasil. File login.php berisi form login dengan username dan password yang akan diverifikasi melalui PHP untuk diteruskan ke halaman sukses.php.

    Deskripsi Asli:

    Judul Asli

    Part-2-Form-Login

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Jobsheet ini membahas pembuatan form login sederhana menggunakan PHP dan database MySQL. Terdiri dari beberapa langkah yaitu menjalankan XAMPP dan MySQL, membuat file login.php untuk form login, dan sukses.php untuk halaman setelah login berhasil. File login.php berisi form login dengan username dan password yang akan diverifikasi melalui PHP untuk diteruskan ke halaman sukses.php.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    8 tayangan3 halaman

    Part 2 Form Login

    Diunggah oleh

    riza_zaenal
    Jobsheet ini membahas pembuatan form login sederhana menggunakan PHP dan database MySQL. Terdiri dari beberapa langkah yaitu menjalankan XAMPP dan MySQL, membuat file login.php untuk form login, dan sukses.php untuk halaman setelah login berhasil. File login.php berisi form login dengan username dan password yang akan diverifikasi melalui PHP untuk diteruskan ke halaman sukses.php.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    SMK BINA KERJA PURWAKARTA

    MENCERDASKAN ANAK BANGSA


    JOBSHEET WEB

    Tema :
    Form Login
    Alat :
    ✓ Hardware :
    ➢ Komputer
    ✓ Software :
    ➢ Xampp
    ➢ Visual Studio Code
    ➢ Web Browser : Mozilla Firefox / Chrome / Microsoft Edge
    Materi :
    1. Jalankan aplikasi XAMPP dan jalankan service APACHE dan MySQL
    2. Buka folder proyek_nama (folder yang dibuat di job sheet part 1 – koneksi database)
    kalian dengan Visual Studio Code
    3. Buat file baru dengan nama login.php

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login - SMK Bina Kerja</title>
    <style>
    html,body{
    width:100%;
    }
    .login-container{
    width:350px;
    margin:auto;
    border:solid 1px;
    padding:25px;
    }
    .title{
    text-align:center;
    }
    .input-label{
    width:200px;
    display:block;
    }
    .input{
    padding:5px 0px;
    }
    input{
    width:100%;
    }
    </style>
    </head>
    <body>
    <div class="login-container">
    <div class="title">
    <h1>LOGIN USER</h1>
    </div>
    <form action="" method="post">
    <div class="input">
    <label for="username" class="input-
    label">Nama Pengguna</label>
    <input type="text" id="username" name="username" placeholder="
    Nama Pengguna">
    </div>
    <div class="input">
    <label for="password" class="input-label">Kata Sandi</label>
    <input type="password" id="password" name="password">
    </div>
    <div class="input">
    <button type="submit" class="button" name="login">LOGIN</butto
    n>
    </div>
    </form >
    </div>
    </body>
    </html>
    <?php
    // Set variabel user dan kata sandi
    $user = "joko";
    $katasandi=1234;

    if(isset($_POST['login'])){//cek apakah tombol login telah di klik


    if(($user == $_POST['username'])&&($katasandi = $_POST['password'])){
    //Halaman akan diteruskan ke alamat sukses.php
    header('location:sukses.php');
    }
    }
    ?>

    Rubah data variable $user dan $katasandi dengan nama dan NIS kalian. SImpan dengan
    login.php
    4. Kemudian buat halaman sukses.php , sebagai tampilan ketika login berhasil dilakukan.

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login Berhasil</title>
    </head>
    <body>
    <h1>LOGIN ANDA BERHASIL</h1>
    </body>
    </html>
    5. Lakukan ujicoba dengan menjalankan login.php dan isikan dengan username dan
    katasandi yang telah kalian buat. Cek jika ada yang error.

    Anda mungkin juga menyukai