Scribd Logo
Unggah

Selamat datang di Scribd!

  • 3 tayangan

    Barued

    Diunggah oleh

    Ryan

    Hak Cipta:

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

    Anda mungkin juga menyukai

    Barued

    Diunggah oleh

    Ryan
    3 tayangan8 halaman

    Judul Asli

    barued

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOC, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

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

    Barued

    Diunggah oleh

    Ryan

    Hak Cipta:

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

    Membuat Login dan logout dengan

    menggunakan PHP dan MYSQL disertai dengan


    SESSION.

    1. Buat lah database dengan nama domainku.


    Nama tabel : user
    Field : id_ user, integer, 50, primary key, Auto incremen.
    Nama, varchar, 50.
    Email, varchar, 50.
    Password, varchar, 50.
    Isi datanya..

    2. Buatlah folder baru di c, xampp, htdoc, dengan nama domainku.


    3. Buka notepad dan simpan di dalam folder domainku dengan nama index.php
    Ketik lah kode di bawah.

    <html>
    <head>
    <tittle> Halaman Beranda </title>
    </head>
    <body>
    <header>
    <ul>
    <a href=”#”><li>Beranda</li></a>
    <a href=”#”><li>Profil</li></a>
    <a href=”#”><li>Logout</li></a>
    </ul>
    </header>
    <section>

    </section>
    <footer>

    </footer>
    </body>
    </html>

    Simpan dan bukalah di browser.

    4. Selanjutnya kita membuat kode CSS nya. Bukalah notpet baru dan simpan dengan
    nama style.css
    *{
    margin:0;
    padding:0;
    font-family: sans-serif;
    }
    5. Selanjutnya hubungkan file CSS dan file Index nya. Dengan menambahkan koding di
    bawah diantara tag <head>..</head> pada index. Setelah di tambah, lalu jalankan.

    <head>
    <title> halaman Beranda </title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>

    6. Selanjutnya kita akan edit tag header pada index dengan menggunakan css.
    Tambahkan kode css di bawah ini.

    header {
    max-width: 100%;
    height: 50px;
    background-color:#333;
    color:#fff;
    line-height:50px;
    padding-left:4%;
    }

    Lalu jalankan. Maka menunya ke bawah, dan kita akan meletakkan menunya
    kesamping, dengan menambahkan kode CSS di bawah ini.

    header ul li {
    width:10%;
    height:50px;
    float:left;
    list-style:none;
    }

    Simpan dan jalankan. Tulisannya masih berwarna biru. Sekarang kita ganti menjadi
    warna putih, dengan menambahkan kode css di bawah.
    a{
    color: #fff;
    }

    Mengedit tag header sudah selesai. Selanjutnya mengedit tag section. Tambahkan
    kode css di bawah ini.
    section {
    width:100%;
    min-height: 400px;
    background-color:#f9f9f9;
    }
    Simpan dan jalankan. Selanjutnya tambah kan koding di index diantara tag
    <section>...</section>
    section>
    <center><font style="font-size:40px">Selamat Datang Di Halaman Beranda</font>
    </center>
    </section>

    Simpan dan jalankan. Selanjutnya mengedit tag <footer>. Tambahkan koding css di
    bawah ini.
    footer {
    width:100%;
    height:50px;
    background:#666;
    color:#fff;
    line-height:50px;
    text-align:center;
    }

    Simpan dan jalankan. Selanjutnya tambahkan kode di bawah di halaman index di


    antara tag <footer>...</footer>
    <footer>
    copyright &copy; 2019 MBP&POLIPROFESI.
    </footer>

    <html>
    7. Selanjutnya<head>
    kita buat file baru untuk membuat halaman Profil. Buka notepad baru
    dan simpan dengan <title>
    namahalaman Profile
    profil.php, dan</title>
    copy koding yang ada di halaman
    <link rel="stylesheet" type="text/css" href="style.css">
    index.php. lalu paste ke halaman profil.php.
    </head>
    <body>
    Edit head dan sectionnya.
    <header>
    <ul>
    <a href="index.php"><li>Beranda</li></a>
    <a href="profil.php"><li>Profil</li></a>
    <a href="logout.php"><li>Logout</li></a>
    </ul>
    </header>
    <section>
    <center><font style="font-size:40px">Selamat Datang Di Halaman
    Profile</font></center>
    </section>
    <footer>
    copyright &copy; 2018 Mbp&POLIPROFESI. All Rights Reserved.
    </footer>
    </body>
    </html>
    8. Selanjutnya membuat halaman login atau masuk. Buka notepad baru dan save
    dengan nama masuk.php. lalu ketikan koding di bawah ini :
    <html>
    <head>
    <title> halaman masuk </title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>

    <body>
    <div class="box-login">
    <font style="font-size:26px; color:#fff;">Silahkan Masuk</font>
    <form action="" method="post">
    <input type="text" name="email" placeholder="masuka email
    anda"/><br>
    <input type="password" name="pass" placeholder="masuka
    password anda"/><br>
    <input type="submit" name="masuk" value="masuk"/><br>
    </form>
    </div>
    </body>
    </html>

    Simpan dan jalankan. Selanjutnya mengedit form masuk dengan css. Tambahkan
    koding css di bawah ini:
    .box-login {
    width:30%;
    height:300px;
    background-color:#666;
    margin: 5% auto;
    padding:2%;
    }
    Simpan dan jalankan. Selanjutnya kita akan edit input type nya. Ketikan kode css di
    bawah ini :

    .box-login form input[type=text],


    .box-login form input[type=password] {
    width:90%;
    height:30px;
    margin:1% 0;
    padding-left:1%;
    }

    Simpan dan jalankan.

    9. Selanjutnya membuat file koneksi. Buka notepad baru dan simpan dengan nama
    koneksi.php. lalu ketikan kode di bawah ini: dan jalankan.

    <?php
    $conn = mysqli_connect('localhost','root','','domainku');
    if(!$conn){
    echo 'gagal terhubung ke database';
    }
    ?>

    10. Selanjutnya membuat proses login atau masuk. Tambahkan kode dibawah ini setelah
    tag </form> pada halaman masuk.php.

    \ <?php
    include "koneksi.php";
    if(isset($_POST['masuk'])){
    $cek = mysqli_query($conn, "SELECT * FROM user
    WHERE
    email= '" .$_POST['email']."' AND password = '".
    $_POST['pass']."'");
    $hasil = mysqli_fetch_array ($cek);
    $count = mysqli_num_rows($cek);

    if($count > 0){


    header("location:index.php");
    }else{
    echo "gagal masuk";
    }
    }
    ?>

    Simpan dan jalankan. Bukalah form masuk, dan masukan email dan password yang benar.
    11. Selanjutnya membuat halaman logout. buka notepad baru dan simpan dengan nama
    logout.php. lalu ketikan koding di bawah ini :

    <?php
    session_start();
    session_destroy();
    header("location:masuk.php");
    ?>

    Simpan dan klik menu logout.

    12. Sudah selesai. Tetapi masih harus diamankan. Tanpa login, tidak boleh masuk ke
    halaman index. Coba jalankan file index.php dan profil.php nya.

    13. Kita akan coba amankan dengan menggunakan SESSION di dalam masuk.php.
    tambahkan koding di bawah ini:

    <?php
    include "koneksi.php";
    if(isset($_POST['masuk'])){
    $cek = mysqli_query($conn, "SELECT * FROM user
    WHERE
    email= '" .$_POST['email']."' AND password = '".
    $_POST['pass']."'");
    $hasil = mysqli_fetch_array ($cek);
    $count = mysqli_num_rows($cek);
    $nama_user = $hasil['nama'];
    if($count > 0){
    session_start();
    $_SESSION['nama'] = $nama_user;
    header("location:index.php");
    }else{
    echo "gagal masuk";
    }
    }
    ?>
    14. Selanjutnya kita akan membuktikan, tambahkan kode PHP di dalam halaman
    index.php.
    <?php
    session_start();
    if(!isset($_SESSION['nama'])){
    header("location:masuk.php");
    }else{
    ?>
    <html>
    <head>
    <title> halaman Beranda </title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>

    <body>
    <header>
    <ul>
    <a href="index.php"><li>Beranda</li></a>
    <a href="profil.php"><li>Profil</li></a>
    <a href="logout.php"><li>Logout</li></a>
    </ul>

    </header>
    <section>
    <center><font style="font-size:40px">Selamat Datang <?php echo $_SESSION['nama'];?> Di Halaman
    Beranda</font></center>
    </section>
    <footer>
    copyright &copy; 2018 Mbp&POLIPROFESI. All Rights Reserved.
    </footer>

    </body>
    </html>
    <?php } ?>

    Simpan. Selanjutnya jalankan. Sebelum kamu login, kamu buka halaman


    index.php/profil.php apakah bisa atau tidak, kalau tidak bisa, berarti sudah berhasil.
    15. Selanjutnya jika sudah login/masuk, dan sedang berada di halaman index.php.
    lalu kita buka halaman login/masuk.php tanpa logout dulu. Jika berhasil ke
    halaman Masuk berarti program kita gagal, karena harus logout dulu.

    Caranya tambahka kode di bawah ini di halaman masuk.php :

    <?php
    session_start();
    if(isset($_SESSION['nama'])){
    echo "anda belum keluar! <a href='index.php'>keluar</a> dulu bro' ";
    }else{
    ?>
    <html>
    <head>
    <title> halaman Beranda </title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>

    <body>
    <div class="box-login">
    <font style="font-size:26px; color:#fff;">Silahkan Masuk</font>
    <form action="" method="post">
    <input type="text" name="email" placeholder="masuka email anda"/><br>
    <input type="password" name="pass" placeholder="masuka password anda"/><br>
    <input type="submit" name="masuk" value="masuk"/><br>
    </form>
    <?php
    include "koneksi.php";
    if(isset($_POST['masuk'])){
    $cek = mysqli_query($conn, "SELECT * FROM user WHERE
    email= '" .$_POST['email']."' AND password = '".$_POST['pass']."'");
    $hasil = mysqli_fetch_array ($cek);
    $count = mysqli_num_rows($cek);
    $nama_user = $hasil['nama'];
    if($count > 0){
    session_start();
    $_SESSION['nama'] = $nama_user;
    header("location:index.php");
    }else{
    echo "gagal masuk";
    }
    }
    ?>

    </div>
    </body>
    </html>
    <?php } ?>

    Anda mungkin juga menyukai