DokumentasiLSP HandriKusuma 191011400870 AbsenNo5

LSP UNPAM
Nama : Handri Kusuma

Nim : 191011400870
Kelas : U23020095
Database
Tabel Barang
Tabel Kasir
Tabel Detail Penjualan
Tabel Penjualan
Tabel Shift
Relasi
Form Login
Source Code Index
<?php
include 'koneksi.php';
error_reporting(0);
session_start();
if (isset($_SESSION['username'])) {
header("Location: berhasil_login.php");
}
if (isset($_POST['submit'])) {
$email = $_POST['email'];
$password = md5($_POST['password']);
$sql = "SELECT * FROM users WHERE email='$email' AND password='$password'";

$result = mysqli_query($conn, $sql);
if ($result->num_rows > 0) {
$row = mysqli_fetch_assoc($result);
$_SESSION['username'] = $row['username'];
header("Location: berhasil_login.php");
} else {
echo "<script>alert('Email atau password Anda salah. Silahkan coba
lagi!')</script>";
}
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-

awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Form Login Handri</title>

</head>
<body>
<div class="alert alert-warning" role="alert">
<?php echo $_SESSION['error']?>
</div>
<div class="container">
<form action="" method="POST" class="login-email">
<p class="login-text" style="font-size: 2rem; font-weight:
800;">Login</p>
<div class="input-group">
<input type="email" placeholder="Email" name="email" value="<?php
echo $email; ?>" required>
</div>
<input type="password" placeholder="Password" name="password"
value="<?php echo $_POST['password']; ?>" required>
</div>
<button name="submit" class="btn">Login</button>
</div>
<p class="login-register-text">Anda belum punya akun? <a
href="register.php">Register</a></p>
</form>
</div>
</body>
</html>
Source Code Koneksi :
<?php
$server = "localhost";
$user = "root";
$pass = "";
$database = "ujikom";
$conn = mysqli_connect($server, $user, $pass, $database);
if (!$conn) {
die("<script>alert('Gagal tersambung dengan database.')</script>");
}
?>
Source Code Logout
<?php
session_start();
session_destroy();
header("Location: index.php");
?>
Source Code Regist
nclude 'koneksi.php';
error_reporting(0);
session_start();
if (isset($_SESSION['username'])) {
}
if (isset($_POST['submit'])) {
$username = $_POST['username'];
$namakasir = $_POST['NamaKasir'];
$password = md5($_POST['password']);
$cpassword = md5($_POST['cpassword']);
if ($password == $cpassword) {
$sql = "SELECT * FROM tbl_kasir WHERE NamaKasir='$namakasir'";
if (!$result->num_rows > 0) {
$sql = "INSERT INTO users (username, NamaKasir, password)
VALUES ('$username', '$namakasir', '$password')";
if ($result) {
echo "<script>alert('Selamat, registrasi berhasil!')</script>";
$username = "";
$namakasir = "";
$_POST['password'] = "";
$_POST['cpassword'] = "";
} else {
echo "<script>alert('Woops! Terjadi kesalahan.')</script>";
}
} else {
echo "<script>alert('Woops! Email Sudah Terdaftar.')</script>";
}
} else {
echo "<script>alert('Password Tidak Sesuai')</script>";
}
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<title>Register</title>
</head>
<body>
<div class="container">
<p class="login-text" style="font-size: 2rem; font-weight:
800;">Register</p>
<input type="text" placeholder="Username" name="username"
value="<?php echo $username; ?>" required>
</div>
<input type="NamaKasir" placeholder="NamaKasir" name="NamaKasir"
value="<?php echo $namakasir; ?>" required>
</div>
<input type="password" placeholder="Password" name="password"
value="<?php echo $_POST['password']; ?>" required>
</div>
<input type="password" placeholder="Confirm Password"
name="cpassword" value="<?php echo $_POST['cpassword']; ?>" required>
</div>
<button name="submit" class="btn">Register</button>
</div>
<p class="login-register-text">Anda sudah punya akun? <a
href="index.php">Login </a></p>
</form>
</div>
</body>
</html>
Source Code Berhasil Login
<?php
session_start();
if (!isset($_SESSION['username'])) {
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<title>Berhasil Login</title>
</head>
<body>
<div class="container-logout">
<?php echo "<h1>Selamat Datang, " . $_SESSION['username'] ."!".
"</h1>"; ?>
<a href="logout.php" class="btn">Logout</a>
</div>
</form>
</div>
</body>
</html>
Source Code Style Css
@import
url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300
;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,
800;1,900&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
body {
width: 100%;
min-height: 100vh;
background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)),
url(images/bg5.jpg);
background-position: center;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
}
.container {
width: 400px;
min-height: 400px;
background: #FFF;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0,0,0,.3);
padding: 40px 30px;
}
.container .login-text {
color: #111;
font-weight: 500;
font-size: 1.1rem;
text-align: center;
margin-bottom: 20px;
display: block;
text-transform: capitalize;
}
.container .login-email .input-group {

width: 100%;
height: 50px;
margin-bottom: 25px;
}
.container .login-email .input-group input {

width: 100%;
height: 100%;
border: 2px solid #e7e7e7;
padding: 15px 20px;
font-size: 1rem;
border-radius: 30px;
background: transparent;
outline: none;
transition: .3s;
}
.container .login-email .input-group input:focus, .container .login-email .input-

group input:valid {
border-color: #a29bfe;
}
.container .login-email .input-group .btn {

display: block;
width: 100%;
padding: 15px 20px;
text-align: center;
border: none;
background: #a29bfe;
outline: none;
font-size: 1.2rem;
color: #FFF;
cursor: pointer;
transition: .3s;
}
.container .login-email .input-group .btn:hover {

transform: translateY(-5px);
background: #6c5ce7;
}
.login-register-text {
color: #111;
font-weight: 600;
}
.login-register-text a {
text-decoration: none;
color: #6c5ce7;
}
.container-logout {
width: 500px;
min-height: 200px;
background: #FFF;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0,0,0,.3);
padding: 40px 30px;
}
.container-logout .login-email .input-group .btn {

display: block;
width: 100%;
padding: 15px 20px;
text-align: center;
border: none;
background: #a29bfe;
outline: none;
font-size: 1.2rem;
color: #FFF;
cursor: pointer;
transition: .3s;
margin-top: 20px;
}
.container-logout .login-email .input-group .btn:hover {

transform: translateY(-5px);
background: #6c5ce7;
}
@media (max-width: 430px) {

.container {
width: 300px;
}
}
Regist
Note : Kenapa Pekerjaannya lama ? karena kendala saya dilaptop , laptop yang
saya gunakan spek tidak memumpini atau lagg dalam membuat source code di vs
code, dan ketika mencari framework untuk mengerjakannya laptop saya blank.
Terima Kasih

DokumentasiLSP HandriKusuma 191011400870 AbsenNo5

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

DokumentasiLSP HandriKusuma 191011400870 AbsenNo5

Uploaded by

Copyright:

Available Formats

LSP UNPAM

Nama : Handri Kusuma

Source Code Index

$sql = "SELECT * FROM users WHERE email='$email' AND password='$password'";

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-

<link rel="stylesheet" type="text/css" href="style.css">

<title>Form Login Handri</title>

Source Code Koneksi :

$conn = mysqli_connect($server, $user, $pass, $database);

Source Code Logout

Source Code Regist

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-

Source Code Berhasil Login

<link rel="stylesheet" type="text/css" href="style.css">

Source Code Style Css

.container .login-email .input-group {

.container .login-email .input-group input {

.container .login-email .input-group input:focus, .container .login-email .input-

.container .login-email .input-group .btn {

.container .login-email .input-group .btn:hover {

.container-logout .login-email .input-group .btn {

.container-logout .login-email .input-group .btn:hover {

@media (max-width: 430px) {

You might also like