Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Cara Membuat Login dengan Database dan CRUD (Create, Read, Update, Delete) Untuk Uji Kompetensi Unpam Part 1

maswijaba.my.id

Belajar Materi Ujikompetensi Membuat Login dengan Database dan CRUD (Create, Read, Update, Delete) Part 1 (Untuk Ujikom)

Ya Assalamualaikum Wr.Wb. Kali ini saya akan membahas materi ujikompetensi yang sudah saya pelajari dan praktekan dengan hasil yang sangat memuaskan hehe. Sebenernya gampang sih, kalian cuma disuruh membuat CRUD (Create, Read, Update, Delete). Maka dari itu jika kalian tidak bisa menghafal skripnya anda cukup menghafal koneksinya. Yang terpenting adalah anda tau skrip ini mau di jalankan kemana dan skrip yang lain mau di jalankan kemana. InsyaAllah kalian akan memahami perintah assesor/dosen yang mengawas tersebut. Jika kalian tidak mengerti, ya sama saja. Tidak ada program yang akan jalan dengan sesuai. Dan anda hanya akan mendapatkan sertifikat skill passport tapi jika berhasil kalian akan mendapatkan sertifikat bnsp (garuda) yang diincar oleh rata-rata mahasiswa/i yuhuuuuuuuuu...


Disini kita diminta untuk membuat :
  • Form Login dengan database
  • Form Halaman Utama
  • Form Dokter (Create, Read, Update, Delete)
  • Form Logout
Sebenarnya tidak hanya 4 form tersebut yang dibuat hanya saja saya menyingkat waktu untuk memberikan materi ini, form lainnya juga sama seperti Form Dokter kita hanya perlu meng-copy pastekan Form Dokter menjadi seperti misalnya Form Pasien, Form Obat itu saja. Dan juga soalnya tidak melulu tentang meng-CRUD bagian-bagian di dalam rumah sakit, ada juga yang soalnya disuruh meng-CRUD ( Mahasiswa, Laundy, Gas Elpiji, Barang ) pokoknya soalnya berbeda tapi intinya sama.

TESTIMONI 

maswijaba.my.id
Dashboard ketika anda kompeten dalam ujikom
maswijaba.my.id
Dashboard ketika anda tidak kompeten dalam ujikom
Ya langsung saja kita praktekan materi ujikompetensi ini dengan seksama (Jika ada yang ingin ditanyakan silahkan berkomentar). Yang pertama adalah membuat form login, selanjutnya akan kami jelaskan secara bertahap agar kalian bisa memahami dengan seksama. Buat folder terlebih dahulu dengan nama 'ujikompetensi' kemudian buat file index.php di dalam folder tersebut.

index.php

<html>
<head>
    <title>Halaman Login - www.mangujang.site</title>
</head>
<body>
    <center>
    <h2>Login - www.mangujang.site</h2>
    <!-- cek pesan notifikasi -->
    <?php
    if(isset($_GET['pesan'])){
        if($_GET['pesan'] == "gagal"){
            echo "Login gagal! username dan password salah!";
        }else if($_GET['pesan'] == "logout"){
            echo "Anda telah berhasil logout";
        }else if($_GET['pesan'] == "belum_login"){
            echo "Anda harus login";
        }
    }
    ?>
    <br/>
    <form method="post" action="cek_login.php">
        <table>
            <tr>
                <td>Username</td>
                <td>:</td>
                <td><input type="text" name="username" placeholder="Masukkan username..."></td>
            </tr>
            <tr>
                <td>Password</td>
                <td>:</td>
                <td><input type="password" name="password" placeholder="Masukkan password.."></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td><input type="submit" value="LOGIN"></td>
            </tr>
        </table>          
    </form>
</center>
</body>
</html>
Ini kita membuat halaman depan form login, kita lanjutkan lagi dengan membuat file yang akan mengelola data yang di kirim dari form login. Disini kita akan membuat cek_login.php dengan method POST untuk jenis pengirim datanya.

cek_login.php

<?php
// mengaktifkan session php
session_start();

// menghubungkan dengan koneksi
include 'koneksi.php';

// menangkap data yang dikirim dari form
$username = $_POST['username'];
$password = $_POST['password'];

// menyeleksi data admin dengan username dan password yang sesuai
$data = mysqli_query($koneksi,"select * from admin where username='$username' and password='$password'");

// menghitung jumlah data yang ditemukan
$cek = mysqli_num_rows($data);

if($cek > 0){
    $_SESSION['username'] = $username;
    $_SESSION['status'] = "login";
    header("location:halaman_utama.php");
}else{
    header("location:index.php?pesan=gagal");
}
?>
cek_login.php ini untuk menghubungkan form login ke form halaman utama, jika username dan password benar kita akan dialihkan ke form halaman utama sebaliknya jika username dan password salah kita akan diberi peringatan login gagal.

sekarang kita bikin file halaman_utama.php langsung saja masukan syntax berikut ini


halaman_utama.php

<html>
<head>
    <title>Halaman Utama - www.mangujang.site</title>
</head>
<body>
    <center>
    <h2>Halaman Utama - www.mangujang.site</h2>
    <h2>Selamat Datang Di Menu Utama</h2>
    <br/>
    <a href="dokter.php">Form Data Dokter</a><br/>
    <a href="logout.php">Logout</a><br/>
    </center>
</body>
</html>
Jika yang login adalah pengguna dengan username dengan benar maka kita akan dialihkan ke form halaman_utama.php jika tidak benar maka harus mengisi ulang sampai benar.

Selanjutnya kita membuat database agar bisa login dengan password dan username yang kita buat. Buat database dengan nama db_rs. Kemudian kita buat tabel dengan nama admin dalam database db_rs.
maswijaba.my.id
Membuat database

 Isi tabel admin dengan :
  • id , INT
  • username, VARCHAR (150)
  • password, VARCHAR (150)
maswijaba.my.id
Membuat tabel admin

Setelah kita buat tabel admin, masuk ke tabel tersebut kemudian insert/tambahkan, masukkan :
  • id = 1
  • username = mangujang
  • password = mangujang123
maswijaba.my.id
Memasukkan Username dan Password
Persiapan di database selesai.
maswijaba.my.id

Selanjutnya kita membuat koneksi database, kita wajib membuat koneksi database dulu. Tujuannya agar project yang kita buat terhubung dengan database yang tadi kita telah buat.

Langsung saja buat file bernama koneksi.php dan simpan di folder 'ujikompetensi' yang tadi.

koneksi.php

<?php
$koneksi = mysqli_connect("localhost","root","","db_rs");

if (mysqli_connect_errno()){
echo "Koneksi database gagal : " . mysqli_connect_error();
}

?>
Disini saya mengisi database "db_rs" dikarenakan nama database yang saya buat adalah itu, jika kalian berbeda databasenya isi sesuai database kalian masing-masing.

Setelah kita membuat koneksi.php maka tampilannya seperti ini jika kita jalankan keseluruhan:

Catatan: www.mangujang.site ke blokir:(

1. Form Login

maswijaba.my.id
Tampilan Form Login

2. Form Login jika username & password tidak sesuai database

maswijaba.my.id
Tampilan Form Login jika Username dan Password salah


3. Form Halaman_Utama jika Login Sukses

maswijaba.my.id
Tampilan Halaman Utama jika Login Sukses

Sampai disini ya membuat form login di database telah selesai kita buat. Selanjutnya akan kita buat Form Data Dokter untuk membuat CRUD supaya bisa menambah data, mengubah data, dan menghapus data dokter tersebut.

Jika kalian butuh filenya bisa di download disini.

Post a Comment for "Cara Membuat Login dengan Database dan CRUD (Create, Read, Update, Delete) Untuk Uji Kompetensi Unpam Part 1"