MODUL WEB DAN MOBILE

MODUL PEMROGRAMAN WEB DAN PERANGKAT BERGERAK
APLIKASI LOGIN MULTI USER
1. STRUKTUR BASIS DATA

Buatlah database dengan nama pegawai dengan struktur basis data sebagai berikut :
Field Type Size Index Keterangan

id Int 11 PRIMARY KEY AUTO_INCREMENT
username Varchar 35 - -
password Varchar 35 - -
nama_lengkap Varchar 35 - -
level Varchar 10 - -
Isi data table tersebut dengan data :
2. KODE PROGRAM KONEKSI BASIS DATA

Ketikan Kode Program di bawah ini pada text editor :
<?php
$koneksi = mysqli_connect("localhost","root","","pegawai");
// Check connection
if (mysqli_connect_errno()){
echo "Koneksi database gagal : " . mysqli_connect_error();
}
?>
Kemudian simpan dengan nama koneksi.php
3. KODE PROGRAM STYLE CSS

body{
font-family: sans-serif;
background: #ebf9fb;
}
h1{
text-align: center;
/*ketebalan font*/
font-weight: 300;
}
.tulisan_login{
text-align: center;
/*membuat semua huruf menjadi kapital*/
text-transform: uppercase;
}
.kotak_login{
width: 350px;
background: white;
/*meletakkan form ke tengah*/
margin: 80px auto;
padding: 30px 20px;
box-shadow: 0px 0px 100px 4px #d6d6d6;
}
label{
font-size: 11pt;
}
.form_login{
/*membuat lebar form penuh*/
box-sizing : border-box;
width: 100%;
padding: 10px;
font-size: 11pt;
margin-bottom: 20px;
}
.tombol_login{
background: #2aa7e2;
color: white;
font-size: 11pt;
width: 100%;
border: none;
border-radius: 3px;
padding: 10px 20px;
}
.link{
color: #232323;
text-decoration: none;
font-size: 10pt;
}
.alert{
background: #e44e4e;
color: white;
padding: 10px;
text-align: center;
border:1px solid #b32929;
}
<form action="cek_login.php" method="post">
Kemudian simpan dengan nama style.css
4. KODE PROGRAM INDEX (FORM LOGIN)

<html>
<head>
<title>Membuat Login Multi User Level Dengan PHP dan
MySQLi</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<?php
if(isset($_GET['pesan'])){
if($_GET['pesan']=="gagal"){
echo "<div class='alert'>Username dan Password tidak sesuai!
</div>";
}
}
?>
<div class="kotak_login">
<p class="tulisan_login">Silahkan login</p>
<form action="cek_login.php" method="post">

<label>Username</label>
<input type="text" name="username" class="form_login"
placeholder="Username .." required="required">
<label>Password</label>
<input type="password" name="password"
class="form_login" placeholder="Password .." required="required">
<input type="submit" class="tombol_login"
value="LOGIN">
</form>
</div>
</body>
</html>
Kemudian simpan dengan nama index.php

Jika berhasil, maka akan menampilkan hasil seperti di bawah ini :
5. KODE PROGRAM CEK LOGIN

<?php
// mengaktifkan session pada php
session_start();
// menghubungkan php dengan koneksi database

include 'koneksi.php';
// menangkap data yang dikirim dari form login

$username = $_POST['username'];
$password = $_POST['password'];
// menyeleksi data user dengan username dan password yang sesuai

$login = mysqli_query($koneksi,"select * from tbl_akses where
username='$username' and password='$password'");
// menghitung jumlah data yang ditemukan
$cek = mysqli_num_rows($login);
// cek apakah username dan password di temukan pada database

if($cek > 0){
$data = mysqli_fetch_assoc($login);
// cek jika user login sebagai admin

if($data['level']=="admin"){
// buat session login dan username

$_SESSION['username'] = $username;
$_SESSION['level'] = "admin";
// alihkan ke halaman dashboard admin
header("location:halaman_admin.php");
// cek jika user login sebagai pegawai
}else if($data['level']=="pegawai"){
$_SESSION['level'] = "pegawai";
// alihkan ke halaman dashboard pegawai
header("location:halaman_pegawai.php");
// cek jika user login sebagai pengurus
}else if($data['level']=="pengurus"){
$_SESSION['level'] = "pengurus";
// alihkan ke halaman dashboard pengurus
header("location:halaman_pengurus.php");
}else{
// alihkan ke halaman login kembali

header("location:index.php?pesan=gagal");
}
}else{
}
?>
Kemudian simpan dengan nama cek_login.php
6. KODE PROGRAM HALAMAN ADMINISTRATOR

<!DOCTYPE html>
<html>
<head>
<title>Halaman admin </title>
</head>
<body>
<?php
session_start();
// cek apakah yang mengakses halaman ini sudah login

if($_SESSION['level']==""){
}
?>
<h1>Halaman Admin</h1>
<p>Halo <b><?php echo $_SESSION['username']; ?></b> Anda telah

login sebagai <b><?php echo $_SESSION['level']; ?></b>.</p>
<a href="logout.php">LOGOUT</a>
</body>
</html>
Kemudian simpan dengan nama halaman_admin.php
7. KODE PROGRAM HALAMAN PEGAWAI
<!DOCTYPE html>
<html>
<head>
<title>Halaman Pegawai</title>
</head>
<body>
<?php
session_start();

}
?>
<h1>Halaman Pegawai</h1>

</body>
</html>
Kemudian simpan dengan nama halaman_pegawai.php
8. KODE PROGRAM HALAMAN PENGURUS

<!DOCTYPE html>
<html>
<head>
<title>Halaman Pengurus</title>
</head>
<body>
<?php
session_start();
}
?>
<h1>Halaman Pengurus</h1>
</body>
</html>
Kemudian simpan dengan nama halaman_pengurus.php
9. KODE PROGRAM LOGOUT

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

session_destroy();
// mengalihkan halaman ke halaman login

header("location:index.php");
?>
Kemudian simpan dengan nama logout.php

MODUL WEB DAN MOBILE

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

MODUL WEB DAN MOBILE

Diunggah oleh

Hak Cipta:

Format Tersedia

MODUL PEMROGRAMAN WEB DAN PERANGKAT BERGERAK

APLIKASI LOGIN MULTI USER

1. STRUKTUR BASIS DATA

Field Type Size Index Keterangan

Isi data table tersebut dengan data :

2. KODE PROGRAM KONEKSI BASIS DATA

Kemudian simpan dengan nama koneksi.php

3. KODE PROGRAM STYLE CSS

Kemudian simpan dengan nama style.css

4. KODE PROGRAM INDEX (FORM LOGIN)

<form action="cek_login.php" method="post">

Kemudian simpan dengan nama index.php

5. KODE PROGRAM CEK LOGIN

// menghubungkan php dengan koneksi database

// menangkap data yang dikirim dari form login

// menyeleksi data user dengan username dan password yang sesuai

// cek apakah username dan password di temukan pada database

// cek jika user login sebagai admin

// buat session login dan username

// alihkan ke halaman login kembali

6. KODE PROGRAM HALAMAN ADMINISTRATOR

// cek apakah yang mengakses halaman ini sudah login

<p>Halo <b><?php echo $_SESSION['username']; ?></b> Anda telah

// cek apakah yang mengakses halaman ini sudah login

<p>Halo <b><?php echo $_SESSION['username']; ?></b> Anda telah

8. KODE PROGRAM HALAMAN PENGURUS

9. KODE PROGRAM LOGOUT

// menghapus semua session

// mengalihkan halaman ke halaman login

Anda mungkin juga menyukai