DayliLife79 | ORARI ? | Mukti911

Assalamualaikum Wr. Wb.

A. Pendahuluan
Nah padakali ini aku akan sharing kegiatanku pada hari ini aku hari ini mmpelajari tentang Radio... Nah kenapa oh kenapa demikian karena di hari kemarin aku mendapatkan tugas untuk ikut menjadi tim IT di Event Special Call Orari Lokal Klaten.

B. Latar Belakang
Karena ingin mengetahui lebih dalam mengenai Radio dan ORARI

C. Maksud & Tujuan
Agar dapat menjalankan tugas semaksimal mungkin saat ditanya tentang Radio dan Lain Sebagainnya.

D. Pembahasan

Sebelumnya saya akan menjelaskan dahulu, Apa itu sebenarnya Radio dan ORARI apa hubungan mereka berdua sebenarnya. Radio adalah teknologi yang digunakan untuk pengiriman sinyal dengan cara modulasi dan radiasi elektromagnetik (gelombang elektromagnetik). Gelombang ini melintas, dan merambat lewat udara, dan bisa juga merambat lewat ruang angkasa yang hampa udara, karena gelombang ini tidak memerlukan medium pengangkut (seperti molekul udara). Lalu Apa itu ORARI ?.. rganisasi Amatir Radio Indonesia, disingkat ORARI, adalah satu-satunya wadah bagi amatir radio di Indonesia. Organisasi ini resmi berdiri pada 9 Juli 1968 atas dasar Peraturan Pemerintah RI No. 21 tahun 1967. Hingga tahun 2006, ORARI telah memiliki 31 ORARI Daerah dan 367 ORARI Lokal yang tersebar di seluruh pelosok Indonesia. 

ORARI adalah bagian dari International Amateur Radio Union (IARU) yang merupakan Organisasi Amatir Radio Dunia. Ketentuan yang mengatur kegiatan Amatir Radio diatur pula dalam Radio Regulation yang di keluarkan oleh International Telecommunication Union (ITU).

Nah Apa hubungan mereka bedua ya mereka berdua saling ketekaitan. Karena Radio adalah teknologi pengirim sinyal yang digunakn untuk bertukar informasi. Lalu ORARI adalah organisasi yang berkecimpung didunia Amatir Radio.

Nah disini saya mendapatkan tugas untuk menjadi Logger yaitu sebagai pencatat CallSign yang saling berkomunikasi natinya dengan CallSign miliknya Event Speciall Call ORARI Lokal Klaten.

E. Penutup
Ok itu saja yang dapat saya sampaikan bila ada kurang lebihnya saya mohon maaf.

Wassalamualaikum Wr. Wb.

DailyLife77 | Sharing With Adi Rahmat RM ( CEO Valutac & WebDevolopment ) | Mukti911

Assalamualaikum Wr. Wb.

A. Pendahuluan
Ok Guys kali ini aku akan membuat artikel untuk kegiatan ku hari ini. Sekarangkan adalah hari Sabtu biasanya aku di hari sabtu menlakukan evalusasi apa saja yang telah dilakukan selama seminggu. Nah pada waktu itu aku Sudah Mengevaluasi Program Kerjaku. Selang beberapa saat lalu datang Mas Adi Rahmat.

B. Waktu Pelaksanaan

• 10:00 - Selesai

C. Hal yang disampaikan

Nah saat itu aku binggung siapa orang itu tiba tiba dia datang dan berada dideban lalu langsung bawa MIC. Nah ternyata oh ternyata dia adalah Mas Adi Rahmat, Kalau kalian belum tau. Mas Adi Rahmat ini dia adalah Seorang Network Engginer sekaligus Programer. Nah itu sekilasnya, Lalu Mas Adi Rahmat mulai bertanya siapa disini yang suka Koding. Nah lalu aku langsung Mengajukan diri.

Didepan Mas Adi Rahmat menceritakan saat pertama kali ia kok bisa menjadi sekarang ini. Nah ceritanya kurang lebih demikian Mas Adi Rahmat dia itu adalah orang yang tergolong pintar dan dia Sekolah nya saat SMA di Sekolahan yang dimana Mayoritas Siswany adalah Siswa Perempuan.

Nah dia terkenal di kalangan wanita dan dia berda di jurusan Akutansi dan dia Suka dengan yang Namannya Komputer saat pertama kali ia kenal komputer ia kenal komputer di rumah temannya dimana komputer itu miliknya ayahnya temannya. Lalu pertama kali dia kenal internet dia mengunakan kabel telepon milik rumah temannya lalu ditancapkan ke komputer temannya. Mulai dari situlah ia Suka Komputer.

Disaat Sekolah pun ia sering main ke lab komputer dan mencari informasi informasi dan disitulah ia kenal yang namannya Kode Program. Nah dia lalu Prakerin di Salah satu tempat akutansi lalu disana dia menjadi Siswa Prakerin yang bisa mengoperasikan komputer. Lalu ia memanfaatkan hal itu untuk belajar komputer. Nah itu itulah singkat ceritannya. Nah dia juga membicarakan soal dirinya yang sekarang dia sekarang adalah CEO di Valutac. Dan dia seorang Network Engginering dan Programenr.

Salah satu topik pembicaraan yang aku suka pada saat ia bilang sebenarnya aku ini malas. Tapi aku mengunakan kemalasanku menjadi kelebihanku. Maksudnya gimana? Nah Contohnya saja diaseringkali disuruh untuk membangun sebuah server dan dia malas untuk mengkonfigurasi server itu. lalu dia berini siatif untuk membuat sebuah program aplikasi buatannya sendiri untuk mengkonfigurasi server.

D. Hasil yang didapat

• Bertambahnya ilmu soal programer

E. Penutup
Sekian artikel hari ini, Bila ada kurang lebihnya saya mohon maaf. (-_-)

Wasalamualaikum Wr. Wb

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: 5px;"><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.

Project | CookieSystem | Interface Student & School | #4 | 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.

Nah,  setelah membuat system login saya akan membuat interface untuk form siswa dan form guru. Nah itu saya kan telah mengunakan metode include jadi kita tingal buat pada bagian for saja langsung saja ya.

• student.php

<div class="col-md-9" style="background-color: #eee;">
<h2 style="border-bottom: 2px solid black; margin-bottom: 20px;">School Profile</h2>
<form>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="FullName">Full Name :</label>
<input type="text" class="form-control" id="FullName">
</div>
<div class="form-group">
<label for="Nick Name">Nick Name :</label>
<input type="text" class="form-control" id="NickName">
</div>
<div class="form-group">
<label for="NISN">NISN :</label>
<input type="text" class="form-control" id="NISN">
</div>
<div class="form-group">
<label for="Gender">Gender :</label>
<input type="text" class="form-control" id="Gender">
</div>
<div class="form-group">
<label for="HomeAddress1">Home Address 1 :</label>
<input type="text" class="form-control" id="HomeAddress1">
</div>
<div class="form-group">
<label for="HomeAddress2">HomeAddress 2 :</label>
<input type="text" class="form-control" id="HomeAddress2">
</div>
<div class="form-group">
<div class="row">
<div class="col-md-4">
<label for="City">City :</label>
<input type="text" class="form-control" id="City">
</div>
<div class="col-md-4">
<label for="State">State :</label>
<input type="text" class="form-control" id="State">
</div>
<div class="col-md-4">
<label for="Zip">Zip :</label>
<input type="text" class="form-control" id="Zip">
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="BirthDate">Birth Date :</label>
<div class="row">
<div class="col-md-7">
<input type="text" class="form-control" id="BD">
</div>
<div class="col-md-5">
<input type="date" class="form-control" id="BD"> </div>
</div>
</div>
<div class="form-group">
<label for="HomePhone">Home Phone :</label>
<input type="text" class="form-control" id="HomePhone">
</div>
</div>
</div>
</form>
</div>

• school.php

<div class="col-md-9" style="background-color: #eee;">
<h2 style="border-bottom: 2px solid black; margin-bottom: 20px;">School Profile</h2>
<form>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="SchoolName">School Name :</label>
<input type="text" class="form-control" id="SchoolName">
</div>
<div class="form-group">
<label for="TypeOfSchool">Type Of School :</label>
<input type="text" class="form-control" id="TypeOfSchool">
</div>
<div class="form-group">
<label for="FoundedOn">Founded On :</label>
<input type="text" class="form-control" id="FoundedOn">
</div>
<div class="form-group">
<div class="row">
<div class="col-md-8">
<label for="Accreditation">Accreditation :</label>
<input type="text" class="form-control" id="Accreditation">
</div>
<div class="col-md-4">
<label for="AccreditedOn">Accredited On :</label>
<input type="text" class="form-control" id="Accredited On">
</div>
</div>
</div>
<div class="form-group">
<label for="SchoolStatisticsNumber">School Statistics Number :</label>
<input type="text" class="form-control" id="SchoolStatisticsNumber">
</div>
<div class="form-group">
<label for="PrincipalNumberOfNationalSchool">Principal Number Of National School :</label>
<input type="text" class="form-control" id="PrincipalNumberOfNationalSchool">
</div>
<div class="form-group">
<label for="EducationCurriculum">Education Curriculum :</label>
<input type="text" class="form-control" id="EducationCurriculum">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="EducationCurriculum">School logo:</label>
<div class="displaylogo" style="background-image: url(img/main/n.png);">
<img src="">
</div>
<input type="file"  class="form-control" name="SchoolLogo" >
</div>
<div class="form-group">
<label for="Status">About School :</label>
<textarea class="form-control" rows="5" id="comment"></textarea>
</div>
<div class="form-group">
<input type="submit"  class="form-control smschool" name="SchoolSubmit">
</div>
</div>
</div>
</form>
</div>

Alhasil jika digabungkan dengan file admin yang kemarin maka kan terlihat seperti berikut. Kita hanya perlu mengubah include-nya.

F. Referensi

• www.w3school.com
• duniailkom.com

Waalaikumsalam Wr. Wb.

Project | CookieSystem | Membuat System Login | #3 | 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.

Nah setelah dihari sebelummnya aku membuat Tampilan Admin dan Tampilan Login aku akan meng itregrasikan mereka dengan mengunakan system login. Cara membuat system loginnya seperti berikut. Sebelum memulai membuat kodingannya yang belum lihat kodingan sebelummnya silahkan lihat dulu dan baca dengan seksama. Lalu coba di copy.

Kita lanjutkan pada bagian mebuat file action/ad_check.php. di artikel ke dua tentang membuat sebuah form login. 

<?php
include 'connect.php';
session_start();
if (isset($_POST['log'])) {
$username = $_POST['name'];
$password = md5($_POST['pass']);
if (strpos($username, "'") OR strpos($username, "=")) {
echo "gk iso";
}
else{
if (!filter_var($username, FILTER_SANITIZE_STRING) === false && !filter_var($password, FILTER_SANITIZE_STRING) === false) {
$result = mysqli_query($connect,"SELECT * FROM user_admin WHERE Username='$username' AND Password='$password'");
echo var_dump($result);
echo $username;
echo $password;
$check = mysqli_num_rows($result);
if ($check > 0) {
$_SESSION['username'] = $username;
$_SESSION['status'] = "login";
header("Location:../admin.php");
echo "ada";
}
else {
header("Location:../login.php?notice=gagal");
}
}
}
}
?> 

• connect.php

<?php
$servername = "localhost";
$username = "root";
$password = "";
$database = "euesystem";
$connect = mysqli_connect($servername,$username,$password,$database);
if (!$connect) {
die("Koneksi Gagal dilakukan". mysqli_connect_error());
}
else {
}
?>

• Buat database euesytem dan tabel user_admin

Download File Database Contohnya

• Lalu pada bagian admin.php tambahkan script

<?php
session_start();
if ($_SESSION['status']!="login") {
header("location:login.php?notice=belum_login");
}
?>

• Lalu action/ad_logout.php

<?php
session_start();
session_destroy();
header("Location:../login.php?notice=logout");
?>

F. Referensi

• www.w3school.com
• duniailkom.com

Waalaikumsalam Wr. Wb.

Project | CookieSystem | Interface Login Page Admin | #2 | 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.

Pada awalnya saya berfokus untuk membuat bagian admin untuk system absensi saya nah itu bentuknya seperti berikut ini :

Tampilan diatas adalah hasil yang saya buat selama seharian ini. Nah berikut ini adalah kodingan untuk membuat tampilan seperti gambar diatas.

• login.php

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
margin: 0px;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
overflow-y: hidden;
user-select: none;
}
* {
box-sizing: border-box;
}
.bg-img {
background-image: url("img/main/bg3.jpg");
min-height: 676px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.container {
position: absolute;
right: 100px;
top: 150px;
margin: 20px;
border-radius: 10px;
max-width: 300px;
padding: 16px;
background-color: #00000069;
}
input[type=text], input[type=password] {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
border: none;
background: #f1f1f1;
}
input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
}
.btn {
background-color: #4CAF50;
color: white;
padding: 16px 20px;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}
.btn:hover {
opacity: 1;
}
h1, label, p {
color: #fff;
}
#a {
width: 100%;
}
p#b {
font-size: 30px;
position: relative;
left: 10px;
color: #000;
text-shadow:  4px 4px rgba(100, 100, 100, 0.8);
}
.c {
width: 600px;
position: relative;
height: 300px;
top: 220px;
left: 160px;
float: left;
}
p {
margin: 3px 0px;
}
</style>
</head>
<body>
<div class="bg-img">
<div class="c">
<img src="img/main/CSLogo.png" id="a">
<p id="b">The System For School</p>
</div>
<form action="action/ad_check.php" method="post">
<div class="container">
<h1>Login</h1>
<label for="username"><b>Username</b></label>
<input type="text" placeholder="Enter Username" name="name" required>
<label for="password"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="pass" required>
<?php
if (isset($_GET['notice'])) {
if ($_GET['notice'] == "gagal") {
echo '<p style="font-size: 11px;">Login gagal! username dan password salah!</p>';
}
else if($_GET['notice'] == "logout"){
echo '<p style="font-size: 11px;">Anda telah berhasil logout</p>';
}
else if($_GET['notice'] == "belum_login"){
echo '<p style="font-size: 11px;">Anda harus login untuk mengakses halaman admin</p>';
}
}
?>
<button type="submit" class="btn" name="log" style="font-size:20px;">Login</button>
</div>
</form>
</div>
</body>
</html>

F. Referensi

• www.w3school.com
• duniailkom.com

Waalaikumsalam Wr. Wb.

Project | CookieSystem | Interface Admin | #1 | 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.

Pada awalnya saya berfokus untuk membuat bagian admin untuk system absensi saya nah itu bentuknya seperti berikut ini :

Tampilan diatas adalah hasil yang saya buat selama seharian ini. Nah berikut ini adalah kodingan untuk membuat tampilan seperti gambar diatas.

• File admin.php

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>EUESystem - School Management System</title>
<?php
include 'main-body-assets/css.html';
?>
<style type="text/css">
* {
box-sizing: border-box;
}
.row {
display: flex;
}
.z-menu {
height: 529px;
list-style-type: none;
padding: 0;
margin: 0;
}
.z-menu li a {
padding: 12px;
text-decoration: none;
font-size: 18px;
color: #fff;
display: block
}
.z-menu li a:hover {
background-color: #37474f;
}
ul.z-menu li ul {
list-style-type: none;
padding-left: 0px;
}
ul.z-menu li ul li a {
padding-left: 30px;
font-size: 16px;
}
</style>
<script>
$(document).ready(function(){
<?php
for ($i=0; $i < 5 ; $i++) {
echo '
$("#f'.$i.'").click(function(){
$("#s'.$i.'").toggle();
});
';
}
?>
});
</script>
</head>
<body style="overflow-y: hidden;">
<?php
include 'main-body-assets/header.html';
?>
<div class="z-content container-fluid">
<div class="row" >
<div class="col-md-3 zaza" style="background-color: #102027; padding: 0px;  overflow-y: scroll; height: 612px;">
<div class="ads-page">
<div class="ads-img"></div>
<div class="ads-pro">
<h4><?php echo $_SESSION['username']; ?></h4>
<p>Administrator</p>
<div class="closed"><a href="action/ad_logout.php">Logout</a></div>
</div>
</div>
<h3 style="padding: 10px;color: #fff; ">Menu Admin</h3>
<ul class="z-menu" style="height: auto;" >
<li ><a href="#" id="f0">School<i class="fa fa-caret-down" style="float: right;"></i></a>
<ul class="dropdown-container" id="s0">
<li><a href="#">School Profile</a></li>
<li><a href="#">School Vision And Mission</a></li>
<li><a href="#">School History</a></li>
<li><a href="#">Strukur Sekolah</a></li>
<li><a href="#">Link 1</a></li>
</ul>
</li>
<li><a href="#">Student</a></li>
<li><a href="#">Teacher</a></li>
<li><a href="#">Class</a></li>
<li><a href="#">Vocational</a></li>
<li><a href="#">Absentc</a></li>
<li><a href="#">School Maps</a></li>
<li ><a href="#" id="f1">Admin</a></li>
</ul>
</div>
<?php
include 'admin/admin-cr.php';
?>
</div>
</div>
</div>
<div class="z-footer">
</div>
</body>
</html>

• main-body-assets/css.html

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="assets/main/main.css">
<link rel="stylesheet" type="text/css" href="assets/main/admin.css">

• assets/main/main.css

.ads-page {
width: 100%;
height: 100px;
padding-top: 10px;
padding-left: 10px;
}
.ads-pro {
width: 70%;
height: 80px;
margin-left: 10px;
float: left;border-radius: 5px;
background-color: #fff;
}
.ads-page p, .ads-page h4 {
padding-left: 10px;
}
.ads-page p {
margin: 0;
}
.closed {
background-color: #ccc;
text-align: center;
position: relative;
width: 60px;
bottom: 5px;
padding: 3px;
border-radius: 0px 0px 5px 0px;
float: right;
}
.ads-img {
float: left;
width: 70px;
height: 70px;
background-color: #fff;
background-size: 100%;
border: 1px solid #ccc;
border-radius: 50%;
}
.table1 tbody tr td {
vertical-align: middle !important;
}

• assets/main/admin.css

body {
background-color: #f5f5f5;
}
.z-header {
padding: 10px 10px 0px 10px;
}
.z-header img {
width: 40px;
float: left;
}
.z-header h1 {
float: left;
}
.z-nav {
margin-left: 25px;
margin-top: 25px;
float: left;
}
body {
margin: 0;
font-family: Arial, Helvetica;
}
.topnav {
overflow: hidden;
background-color:#0086c3;
}
.topnav a {
float: right;
display: block;
color: #ffffff;
text-align: center;
padding: 20px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #63ccff;
color: black;
}
.active {
background-color: #202831;
color: #fff;
}
.topnav .icon {
display: none;
}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) { display: none; }
.topnav a.ico {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
}
#z-logo {
height: 100%;
width: 300px;
float: left;
padding: 10px;
}
#z-logo img {
height:40px;
float: left;
}
#z-logo h2 {
padding-top: 10px;
color: #fff;
margin: 0;
margin-left: 30px;
}
.zaza::-webkit-scrollbar {
width: 5px;
}
.zaza::-webkit-scrollbar-track {
background: #f1f1f1;
}
.zaza::-webkit-scrollbar-thumb {
background: #888;
}
.zaza::-webkit-scrollbar-thumb:hover {
background: #555;
}

• main-body-assets/header.html

<div class="container-fluid" style="padding: 0;">
<div class="topnav" id="nav">
<div id="z-logo">
<img src="img/main/CSLogo.png">
</div>
<a href="#home" class="active">Home</a>
<a href="#news">Info</a>
<a href="#contact">Sekolah</a>
<a href="#about">Absensi</a>
<a href="javascript:void( 0);" class="icon" onclick="z-nav()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>

• 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>

F. Referensi

• www.w3school.com
• duniailkom.com