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

Pemograman R Studio

  Metode Numerik Menggunakan R Pengantar Gambaran Isi Buku Cara Berkontribusi dalam Buku Ini Ucapan Terima Kasih Lisensi 1  Bahasa Pemrograman R 1.1  Sejarah R 1.2  Fitur dan Karakteristik R 1.3  Kelebihan dan Kekurangan R 1.4  RStudio 1.5  Menginstall R dan RStudio 1.6  Working Directory 1.6.1  Mengubah Lokasi Working Directory 1.6.2  Mengubah Lokasi Working Directory Default 1.7  Memasang dan Mengaktifkan Paket R 1.8  Fasilitas Help 1.8.1  Mencari Help dari Suatu Perintah Tertentu 1.8.2  General Help 1.8.3  Fasilitas Help Lainnya 1.9  Referensi 2  Kalkulasi Menggunakan R 2.1  Operator Aritmatik 2.2  Fungsi Aritmetik 2.3  Operator Relasi 2.4  Operator Logika 2.5  Memasukkan Nilai Kedalam Variabel 2.6  Tipe dan Struktur Data 2.7  Vektor 2.7.1  Membuat vektor 2.7.2  Missing Values 2.7.3  Subset Pada Vektor 2.7.4  Operasi Matematis Menggunakan Vektor ...

MIGRASI DATABASE DARI SQLite KE MySQL (Part-1)

  MIGRASI DATABASE DARI SQLite KE MySQL (Part-1) Pemakaian yang mana lebih baik dalam membuat database_musik di mysql atau Exel yang cell Cell pada tabel dilakukan operasi fungsi logika matematika. Untuk keperluan membuat database atau tabel yang memerlukan operasi logika atau matematika, seperti yang Anda sebutkan, MySQL jauh lebih baik dibandingkan Excel. Berikut adalah beberapa alasan mengapa MySQL lebih disarankan: 1. **Kapasitas dan Skalabilitas**: MySQL dapat menangani jumlah data yang jauh lebih besar daripada Excel. Ini penting jika Anda berencana untuk menyimpan banyak data atau melakukan operasi yang kompleks di atas data tersebut. 2. **Kekuatan dan Kinerja**: MySQL dirancang khusus untuk memproses query dan operasi basis data dengan cepat. Ini termasuk operasi matematika, logika, dan agregasi data yang umum dilakukan dalam aplikasi. 3. **Fleksibilitas Struktur**: Dalam MySQL, Anda dapat dengan mudah menentukan struktur tabel yang kompleks dan melakukan kueri yang lebih r...

Cara Menjadi Pengembang Front End – Keterampilan Front End Web Dev

  Menyumbangkan Belajar coding —  kurikulum 3.000 jam gratis 10 JUNI 2022 / #PENGEMBANGAN UJUNG DEPAN Bagaimana Menjadi Pengembang Front End – Keterampilan Front End Web Dev Joel Olawanle Beberapa profesional dengan bayaran tertinggi di dunia adalah pengembang front-end.  Mereka menggunakan pengetahuan dan bakat mereka untuk merancang situs web yang menarik dan ramah pengguna. Pengembang front-end tidak memerlukan gelar atau sertifikat sekolah untuk bekerja.  Sebaliknya, mereka harus memahami dasar-dasar pengembangan front-end, bahasa pemrograman, dan kerangka kerja pengembangan front-end. Dalam panduan ini, Anda akan belajar bagaimana menjadi pengembang front end dengan terlebih dahulu memahami apa yang dimaksud dengan pengembangan front end, keterampilan teknis dan soft skill yang diperlukan, bahasa dan kerangka kerja yang tersedia, dan beberapa langkah untuk memulai. Seorang pengembang front-end di Amerika Serikat dapat memperoleh rata-rata $86,178 per tahun, menu...