Jasa Pembuatan Website Jogja
  • Beranda
  • Siapa Kita?
  • Harga Website
  • Pembuatan Website
    • Landing Page
    • Website Perusahaan
    • Toko Online
    • Website Berita
    • Website Pendidikan
  • Portfolio
  • Blog
  • Kontak
Pilih Laman

Membuat Form Login, Logout Php MySql Lengkap dengan Foto

| Artikel

Anda ingin membuat aplikasi atau website berbasis php native, tentunya hal yang terpenting adalah form login. Form login ini bukan semata-mata agar terlihat keren, namun juga memiliki fungsi yang khusus untuk para penggunanya.

Dalam tutorial kali ini kami membahasa cara membuat form login dengan php dan MySql. Tutorial menggunakan Wamp Server 2.5, kamu juga dapat menggunakan pada xampp atau server lainya. Untuk langkah awal, silakan buat database, seperti yang kami contohkan yaitu dengan nama database ‘crm’. Nah, karena di dalam database ini berisi banyak tabel dan kolom, maka teman teman nanti saya sertakan database downloadnya, silakan di import.

Download database crm

Jika sudah silakan di import melalui phpmy admin, caranya aktifkan dulu wamp servernya, setelah hijau, akses ke localhost/phpmyadmin. Klik new, lalu create database isikan dengan ‘crm’. Lalu klik import. Silakan import database crm yang kamu download tadi ke dalam database crm kamu.

Cara membuat database di wamp
Cara membuat database di wamp

Setelah berhasil di import akan terlihat seperti ini.

Cara membuat database di wamp
Cara membuat database di wamp

Langkah berikutnya adalah coding, akan kita jelaskan coding nya dan nanti juga akan kita kasih link download nya buat latihan.

Script koneksi.php

?php
//variabel koneksi
$address="localhost";
$username="root";
$password="";

//membuat koneksi ke server MySQL
$koneksi=@mysql_connect($address,$username,$password);
if (!$koneksi) {
echo "koneksi ke server gagal";
exit();
}
//memilih database dan mengaktifkannya
$database="crm";
if (!@mysql_select_db($database)) {
exit("database tidak ditemukan");
}
?

Script di atas untuk memilik database dan mengaktifkanya.

Script Login.php

<div class="sidebar">
<div class="gadget">
<form method="post" action="member/cekmember.php">
<h2 class="star"><span> Login User</span></h2>
<table>
<tr><td colspan="2" align="center"><?php if(isset($_GET['psn'])) echo $_GET['psn']; else echo '';?></td></tr>
<tr><td>Email</td><td><input type="text" name="txtemail"></td></tr>
<tr><td>Password</td><td><input type="password" name="txtpass"></td></tr>
<tr><td colspan="2" align="center"><input type="submit" name="Login" value="login"></td></tr>
</table>
<div class="clr"></div>

</form>
</div>
<div class="gadget">
<?php


$data=mysql_query("select * from polling order by idpolling limit 1");
$row=mysql_fetch_array($data);
?>

Script cekmember.php

?php
session_start();
include "../include/koneksi.php";

$user=($_POST['txtemail']) ;
$pwd=trim(md5($_POST['txtpass'])) ;
echo $user;
$data=mysql_query("select idmember, nama,gambar,email from member where email='$user' and password='$pwd' ");
$row=mysql_fetch_array($data);

if(mysql_num_rows($data)>0){
$_SESSION['idmember']=$row[0];
$_SESSION['nma']=$row[1];
$_SESSION['gambar']=$row[2];
$_SESSION['email']=$row[3];
header("Location:index.php");
}
else if(!preg_match("/^[_\.0-9a-zA-Z-]+@([0-9a-zA-Z][0-9a-zA-Z-]+\.)+[a-zA-Z]{2,6}$/i", $_POST['txtemail'])) {
$psn = 'Penulisan Email salah!';
header("Location:../index.php?mod=member&psn=$psn");
}else{
$psn="Email/Password salah/tidak boleh kosong!";
header("Location:../index.php?mod=member&psn=$psn");
}

?

Scrip di atas digunakan untuk mengecek dan mengambil data yang di input dari scrip login.php

data yang di ambil berupa nama, gambar, email, dan idmember anda. Untuk password sendiri telah menggunakan md5. Md5 adalah fungsi hasi kliptografi yang berfungsi untuk keamanan atau enksripsi. Script di atas juga memiliki pengecekan penulisan email, jika penulisan email salah akan ada pesan penulisan email salah.

Screen Shoot dari script di atas

Cara membuat database di wamp
Cara membuat database di wamp

Untuk mencoba login, silakan teman-teman mengisi email dan password nya berikut :

email : wibawasinta@gmail.com

password : terserah

setelah klik login akan masuk ke halaman member seperti gambar di bawah ini.

Cara membuat database di wamp
Cara membuat database di wamp

Setelah login, ada dapat mengubah email, password, dan juga foto sesuka hati anda. Semoga script inii membantu teman-teman sekalian yang ingin mempelajari login dengan php menggunakan session.

Our Score
Click to rate this post!
[Total: 0 Average: 0]

3 Komentar

  1. Tiara shinta
    Tiara shinta di Maret 8, 2020 pada 10:06 am

    Wahh, menarik sekali kak untuk di pelajari terima kasih sudah memberikan contoh yang sangat keren dan bermanfaat ini, semoga kededepannya web kakak semakin berkembang lagi. Perkenalkan saya Tiara Shinta mahasiswi STMIK Atmaluhur dan jangan lupa mampir ya kak di website kampus kami https://www.atmaluhur.ac.id/

    Balas
  2. Anonymous
    Anonymous di Maret 10, 2020 pada 4:35 pm

    Mantap gan

    Balas
  3. Salam
    Salam di Maret 12, 2020 pada 5:38 am

    Saya error semua tolong diperjelas kembali

    Balas

Kirim Komentar Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Add your own review

Rating

Artikel Terbaru

  • Jasa Pembuatan Website Konstruksi di Jogja
  • Jasa Pembuatan Website Malang Mulai Rp350.000,-
  • Jasa Pembuatan Website Surabaya Rp300.000,00
  • Cara Meningkatkan Omset Melalui Website
  • Cara Translate WordPress Secara Manual Dengan Mudah

Kategori

  • Artikel (95)
  • Jasa Pembuatan Website (8)
  • Jasa Website Jogja (3)
  • Theme WordPress (1)
  • Uncategorized (4)
  • WooCommerce (1)

Tentang Kami

Kami adalah Jasa Pembuatan Website Jogja sejak 2011 telah mengerjakan berbagai jenis website dan telah dipercaya ratusan klient aktif. Memberikan harga murah dengan fitur-fitur yang lengkap dan fungsional pada website Anda.

Kontak Kami

Alamat : Jl. Parangtritis km 19.5, Bantul, Yogyakarta

Telp – SMS WA : 085643599573

Pembayaran

Bank Mandiri

No rek 137-00-1191538-2

A.n Dyar Gilang B

  • Beranda
  • Blog
  • Harga
  • Kontak
  • Portfolio
  • Siapa Kita?
© UltraWebJogja 2022. All Right Reserved.

WhatsApp us