Project | CookieSystem | CRUD System Admin ( Create & Read )| #5 | Mukti911


Assalamu’alaikum Wr. Wb.

A. Pendahuluan
Pada hari ini saya akan memulai project yang akan saya buat. Project ini berbentuk website, dimana berfungsi sebagai sarana informasi bagi para siswa dan guru agar dapat saling berkomunikasi. Dengan adanya project ini saya berharap dapat membantu pendidikan di indonesia dalam absensi, pemberian tugas, penjadwalan, dan yang paling penting lagi yaitu komunikasi antara guru dan murid.

B. Latar Belakang
Karena turunnya mutu pendidikan di indonesia, dan dampaknya pada prestasi yang diraih oleh siswa tidak sesuai harapan. Maka dari itu saya berinisiatif untuk membuat project ini.

C. Maksud & Tujuan
bertujuan agar sekolah, guru, murid dapat saling berkomunikasi dan saling bertukar informasi dengan mengunakan sebuah situs yang akan saya buat ini.

E. Pembahasan
Sebelumnya aku membuat website, Website ini masih saya fokuskan untuk pembuatan absensi untuk Sekolah. Nah website ini mungkin akan saya bangun dengan mengunakan kode HTML, CSS, Javascript, PHP, Bootstrap, Jquery, dan Mysqli.

Setelah membuat beberapa interface kali ini kita akan membuat system agar interface itu bisa dijalankan. Nah kali ini saya telah membuat sebuah system Create dan Read Account untuk Admin Interface. Berikut ini adalah kodingannya :
  • admin/admin-cr.php 

<div class=”col-md-9″ style=”background-color: #eee;”>
<h2 style=”border-bottom: 2px solid black; margin-bottom: 20px;”>Administrator Create User</h2>
<form method=”post” action=”action/ad_add.php” enctype=”multipart/form-data”>
<div class=”row”>
<div class=”col-md-6″>
<div class=”form-group”>
<label for=”SchoolName”>Username :</label>
<input type=”text” class=”form-control” id=”Username” name=”Username”>
</div>
<div class=”form-group”>
<label for=”TypeOfSchool”>Password :</label>
<input type=”password” class=”form-control” id=”Password” name=”Password”>
</div>
<div class=”form-group”>
<label for=”SchoolName”>Email :</label>
<input type=”email” class=”form-control” id=”Email” name=”Email”>
</div>
<div class=”form-group”>
<label for=”FoundedOn”>Full Name :</label>
<input type=”text” class=”form-control” id=”FullName” name=”FullName”>
</div>
<div class=”form-group”>
<label for=”FoundedOn”>Nick Name :</label>
<input type=”text” class=”form-control” id=”NickName” name=”NickName”>
</div>
<div class=”form-group”>
<label for=”SchoolStatisticsNumber”>Permission :</label>
<select name=”Permission” class=”form-control”>
<option value=”Article”>Article</option>
<option value=”Attendance”>Attendance</option>
</select>
</div>
<div class=”form-group”>
<label for=”PrincipalNumberOfNationalSchool”>Phone :</label>
<input type=”text” class=”form-control” id=”Phone” name=”Phone”>
</div>
</div>
<div class=”col-md-6″>
<div class=”form-group”>
<label for=”EducationCurriculum”>User Image :</label>
<div class=”displaylogo” style=”background-image: url(img/main/n.png);”>
<img src=””>
</div>
<input type=”file”  class=”form-control” name=”UserImage” >
</div>
<div class=”form-group”>
<label for=”Status”>Address :</label>
<textarea class=”form-control” rows=”5″ id=”comment” name=”Address”></textarea>
</div>
<div class=”form-group”>
<input type=”submit”  class=”form-control smschool” name=”ad-add”>
</div>
</div>
</div>
</form>
</div>
</div>

  • Setelah itu buat tu action/ad_add.php file ini untuk menambahkan user.

<?php
if (isset($_POST[‘ad-add’])) {
$Username = $_POST[‘Username’];
$Password = md5($_POST[‘Password’]);
$Email = $_POST[‘Email’];
$FullName = $_POST[‘FullName’];
$NickName = $_POST[‘NickName’];
$Permission = $_POST[‘Permission’];
$Phone = $_POST[‘Phone’];
$Address = $_POST[‘Address’];
if (isset($_FILES[‘UserImage’][‘name’])) {
$target_dir = “../img/user/”.$Username.”/”;
if (!is_dir($target_dir)) {
mkdir($target_dir,0777,true);
}
$target_file = $target_dir.basename($_FILES[‘UserImage’][‘name’]);
$Condition = 1 ;
$img = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
if (isset($_FILES[‘UserImage’][‘tmp_name’])) {
$Check = getimagesize($_FILES[‘UserImage’][‘tmp_name’]);
if ($Check !== false) {
echo “File Yang Di Upload”.$Check[‘mime’].”.”;
$Condition = 1;
}
else {
echo “This File Not Image”;
$Condition = 0;
}
if ($_FILES[‘UserImage’][‘size’] > 2000000) {
echo “Ukuran File Tidak Sesuai”;
$Condition = 0;
}
if ($img != “jpg” && $img != “jpeg” && $img != “png”) {
echo “Format File mu tidak sesuai”;
$Condition = 0;
}
if ($Condition == 0) {
echo “Mohon Maaf File Kamu Tidak Bisa Di Upload”;
}
else {
date_default_timezone_set(‘Asia/Jakarta’);
$NameFile = $target_dir.$Username.date(‘dmY_His’).”.”.$img;
if (move_uploaded_file($_FILES[‘UserImage’][‘tmp_name’], $NameFile)) {
echo “File mu Telah Teruplaod “;
}
else {
echo “Mohon Maaf File Kamu Tidak Bisa Di Upload”;
}
}
}
}
$NameFile = $target_dir.$Username.date(‘dmY_His’).”.”.$img;
include_once ‘connect.php’;
$CodeUnix = strtoupper(substr(md5(date(“Yism”)), 20));
$AdminCode = strtoupper(substr(md5(strtoupper(substr(strrev(md5(date(“Yisim”))), 24))), 24));
$sql = “INSERT INTO `user_admin` (`Number`, `CodeUnix`, `AdminCode`, `Username`, `Password`, `Email`, `FullName`, `NickName`, `Permission`, `NumberPhone`, `UserImage`, `Address`, `DateAdded`) VALUES (NULL, ‘$CodeUnix’, ‘$AdminCode’, ‘$Username’, ‘$Password’, ‘$Email’, ‘$FullName’, ‘$NickName’, ‘$Permission’, ‘$Phone’, ‘$NameFile’, ‘$Address’, CURRENT_TIMESTAMP)”;
if (mysqli_query($connect,$sql)) {
echo “New record created successfully”;
}
else {
echo “Error: ” . $sql . “<br>” . mysqli_error($connect);
}
mysqli_close($connect);
header(‘Location:../admin.php‘);
}
?>

  • Setelah itu membaca penambahan yang sudah dilakukan. admin-sw.php lalu include kan seperti sebelummnya di bagian admin.php

<div class=”col-md-9″ style=”background-color: #eee;”>
<h2 style=”border-bottom: 2px solid black; margin-bottom: 20px;”>Administrator</h2>
<form>
<div class=”row”>
<div class=”col-md-12″> <div class=”search-container” style=””>
<form>
<button type=”submit” class=”xs” style=”width: 50px; margin-left: 5
px;”><i class=”fa fa-search”></i></button>
<input class=”xs” type=”text” placeholder=”Search..” name=”search”>
<style type=”text/css”>
.xs {
width: 200px;
float: right;
padding: 10px 6px;
margin-left: 20px;
border-radius: 5px;
}
table.sad {
width: 100%;
height: 50px;
}
table.sad tr td {
padding: 5px 10px;
font-size: 12px;
}
table.sad tr td:nth-child(1){
width: 10px;
}
table.sad tr td:nth-child(2), table.sad tr td:nth-child(3), table.sad tr td:nth-child(6){
width: 100px;
}
table.sad tr td:nth-child(4){
width: 250px;
}
table.sad tr td:nth-child(5){
width: 150px;
}
table.sad tr td:nth-child(7){
width: 108px;
}
.saa {
color: #fff;
}
</style>
</form>
<button type=”button” class=”btn btn-primary” style=”width: 120px; float: right; padding: 10px;”>Create Account</button>
</div>
<div style=”width: 100%; height: 50px; float: left; margin-top: 10px; “>
<table class=”sad saa” style=”border-radius: 5px 5px 0px 0px; background-color: #222;font-weight: bold;”>
<tr>
<td>No</td>
<td>Username</td>
<td>Nickname</td>
<td>FullName</td>
<td>Email</td>
<td>Phone</td>
<td></td>
</tr>
</table>
</div>
<div style=”width: 100%; height: 410px;  float: left; overflow-y: scroll;” class=”zaza”>
<table class=”sad”>
<tr>
<?php
include_once ‘action/connect.php’;
$query = mysqli_query($connect, “SELECT * FROM `user_admin`”);
$x = 0;
while ($q = mysqli_fetch_array($query)) {
$x++;
$Password = $q[“Password”];
echo ‘
<tr> <td>’.$x.'</td>
<td>’.$q[“Username”].'</td>
<td>’.$q[“NickName”].'</td>
<td>’.$q[“FullName”].'</td>
<td>’.$q[“Email”].'</td>
<td>’.$q[“NumberPhone”].'</td>
<td style=”width: 100px;”>
<i class=”fa fa-trash” style=”font-size: 25px; padding: 5px; width: 40px; height: 40px; float:left;”></i>
<i class=”fa fa-edit” style=”font-size: 25px; padding: 5px;float:left; width: 40px; height: 40px; “></i>
</td>
</tr>
‘;
}
?>
</tr>
</table>
</div>
</div>
</div>
</form>
</div>

  • Maka akan terlihat seperti berikut ini :

F. Referensi

  • www.w3school.com
  • duniailkom.com
Waalaikumsalam Wr. Wb.

Tags:

Comments

Tinggalkan Balasan

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