Langsung ke konten utama

Cara Membuat Coding Login

 


Cara Membuat Coding Login

 19/11/2017     Risman Hakim     41149      Website

Seperti kita ketahui bahwa form login merupakan elemen penting dalam sebuah halaman web terumata pada saat akan mengakses halaman administrator, tentu kita tidak ingin setiap user bisa mengakses, Maka dari itu kita wajib memberikan hak akses. Nah, dengan form login maka user tidak bisa sembarangan lagi bisa masuk dan mengakses data pada halaman administrator. Berikut ini akan saya share tutorial sederhana mengenai cara membuat coding login, simak uraiannya berikut ini.

Pada kasus ini, login yang akan kita buat adalah dengan menggunakan kode PHP dan tanpa mysql. Nah, buat kalian yang masih bingung maupun yang lagi belajar membuat login sederhana dengan PHP tidak ada salahnya untuk mencoba. Baik langsung saja ikuti langkah-langkahnya berikut ini.

Cara Membuat Coding Login : Halaman Form Login

Cara Membuat Coding Login

Sebelum memulai pada proses loginnya, kita akan buat dulu halaman form login berikut ini.

<body>
    <form method="post">
        <table>
            <tr>
                <td>Usernam</td>
                <td>:</td>
                <td><input type="text" name="username" /></td>
            </tr>
            <tr>
                <td>Password</td>
                <td>:</td>
                <td><input type="password" name="password" /></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td><input type="submit" name="login" value="Login" /></td>
            </tr>
        </table>
    </form>
</body>

Pada kasus ini saya membuat login dengan session dan nantinya session akan dipanggil atau ditampilkan pada halaman adminstrator sebagai informasi user yang sedang login atau aktif. Nah, Setlah membuat form login seperti diatas, selanjutnya kita akan buat proses login dengan kode PHP berikut ini.

<?php
session_start();
$_SESSION["username"]="Risman Hakim";
$_SESSION["password"]="123";
if (isset($_POST["login"])){
    if ($_POST["username"]=="risman" && $_POST["password"]=="123"){
        header("location:home.php");
    }else{
        echo "Maaf Username Atau Password Salah !";
    }
}
?>

Cara Membuat Coding Login : Halaman Administrator

Cara Membuat Coding Login

Selanjutnya setelah kita membuat halaman form login seperti diatas, kita akan buat halaman administrator, silahkan kalian buat satu file untuk halaman adminstrator dan ketikan kode seperti berikut ini.

<style>
    .wrapper {
        width: 400px;
        padding: 10px;
        background: #3498db;
        color: white;
    }
    a {
        background: #2c3e50;
        padding: 5px;
        color: white;
        font-weight: bold;
        text-decoration: none;
        margin-top: 20px;
    }
    span {
        font-style: italic;
        color: #f90;
    }
</style>

<body>
    <div class="wrapper">
        <?php
            session_start();
            if (!isset($_SESSION["username"])) header("location:login.php");
        ?>
        <h3>Selamat Datang Admin : <span><?php echo $_SESSION["username"]?></span></h3>
        <a href="logout.php">Logout</a>    
    </div>
</body>

Cara Membuat Coding Login : Proses Logout

Pada kasus ini saya membuat halaman admin dengan nama home.php, Selanjutnya kurang lengkap apabila kita login tapi kita tidak logout, maka dari itu kita wajib membuat proses logout, silahkan buat satu file logout dan ketikan kode nya seperti berikut ini.

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

Setelah semua kode diatas telah diketikan, sekarang silahkan buka pada localhost dan jalankan mulai dari proses login sampai logout jika telah berhasil login sesuai dengan user dan password yang telah ditentukan maka proses login berhasil. Baik sekian tutorial sederhana mengenai bagaimana cara membuat coding login, semoga bermanfaat.

 

 PHPHTML CSSwebsite

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

LEARN MORE

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

LEARN MORE

Komentar

Postingan populer dari blog ini

PEMAKAIAN FONT FONT KHUSUS UNTUK SIMBOL SIMBOL NOTASI ANGKA LAGU

  PEMAKAIAN FONT FONT KHUSUS UNTUK SIMBOL SIMBOL NOTASI ANGKA LAGU Bagaimana kalau di dalam applikasi pertitur notasi angka dibuatkan sistem teks dengan memakai font parnumstion untuk membuat simbol simbol pada notasi angka lagu Menggunakan font khusus seperti **Parnumstion** untuk membuat simbol-simbol pada notasi angka dalam aplikasi pertitur dapat menjadi solusi yang elegan untuk menampilkan simbol notasi secara visual menarik dan konsisten. Berikut adalah langkah-langkah umum yang dapat kamu lakukan untuk mengimplementasikan sistem teks dengan font ini dalam aplikasi Python, khususnya jika kamu menggunakan tkinter: ### Langkah-langkah Implementasi: 1. **Pastikan Font Tersedia:**    - Unduh dan instal font **Parnumstion** pada sistem yang akan menjalankan aplikasi. Font ini harus diinstal agar bisa digunakan oleh aplikasi tkinter.    - Kamu dapat menempatkan file font (biasanya dengan ekstensi `.ttf`) di folder aplikasi atau menginstalnya secara manual di sis...

Cara Membuat Config HTTP Custom

  Lompat ke konten Lompat ke sidebar Lompat ke footer KANGARIF.NET × Beranda   /  android   /  internet gratis Cara Membuat Config HTTP Custom Oleh bustami    12/13/2020    15 komentar Di artikel kali ini saya akan membagikan tutorial bagaimana  cara membuat config HTTP Custom . Daftar isi 1  Apa itu HTTP Custom ? 2  Apa itu Config HTTP Custom ? 3  Cara Membuat Config HTTP Custom 3.1  Membuat Config HTTP Custom dengan Metode SSL/SNI 4  Penutup Apa itu HTTP Custom ? HTTP Custom  adalah sebuah aplikasi Android yang saat ini banyak dipakai oleh para pecinta internet gratis (gretonger). Kepopuleran aplikasi ini bisa dibilang sebanding atau bahkan lebih bila dibandingkan dengan aplikasi sejenis yang lebih dulu populer, yaitu HTTP Injector. Saat ini HTTP Custom banyak dipakai untuk mengubah kuota internet tertentu dari operator seluler menjadi bisa digunakan untuk semua aplikasi. Seperti misalnya yang saat ini sed...

Error “ Unable To Locate Package ”

  CadeMedia Media Informasi Terbaru 2023 8 Cara Mengatasi “Tidak Dapat Menemukan Paket Termux” di HP Android TERAKHIR DIPERBARUI 16 SEPTEMBER 2023 Error “  Unable To Locate Package  ” adalah masalah yang sering dialami oleh pengguna Termux. Ini terjadi ketika Termux tidak dapat menemukan  paket  yang hendak diinstal. Salah satu contohnya ketika Anda mencoba menginstal  paket  seperti git. Termux adalah aplikasi terminal  emulator  dan  environment  berbasis Linux untuk perangkat Android. Sehingga pengguna dapat menjalankan perintah dan aplikasi Linux tanpa perlu akses  root  atau mengutak-atik sistem Android. Nah, arti dari  tidak dapat menemukan paket  adalah Termux tidak dapat menemukan lokasi atau keberadaan  paket  ingin Anda  install  . Pada artikel kali ini CadeMedia bahas tuntas, penyebab hingga cara mengatasi pesan  error  pada Termux yang sering muncul. Simak penjelasan di b...