Showing posts with label php. Show all posts
Showing posts with label php. Show all posts

Cara Mudah Membuat Form Pencarian Dengan PHP dan MySQL

Cara Mudah Membuat Form Pencarian Dengan PHP dan MySQL

Cara Mudah Membuat Form Pencarian Dengan PHP dan MySQL - form pencarian memang menjadi komponen yang termasuk penting di sebuah aplikasi yang berhubungan dengan data, entah itu di blog, di aplikasi eccommerce atau di aplikasi kependudukan dan lain lain.

Form pencarian sangat memudahkan kita apabila ingin mencari sebuah data, kita tidak perlu mancari sampai akhir record untuk menemukan sebuah data, dengan form pencarian menggunakan php data yang ditampilkan adalah data yang sesuai dengan apa yang kita cari, misalnya kita ingin mencari nama yang ada kata kunci ahmad, nah data yang ditampilkan hanya data yang mempunyai kata kunci ahmad, jadi tidak semua record ditampilkan.

Baca Juga :



Cara Mudah Membuat Form Pencarian Dengan PHP dan MySQL

Pertama tama silahkan buat database terlebih dahulu bernama pencarian dan import sql yang telah saya sediakan, sql nya bisa didownload disini. https://drive.google.com/open?id=1tCoIjgEkzj9b5zHiYlvvQAPzW_0DpKi2


Jika sudah siahkan butat 2 file php nya, yang pertama koneksi.php dan yang kedua adalah index.php.


sekarang kita buat file koneksi.php dan isi dengan kode dibawah ini. (fungsinya adalah untuk mengkoneksikan kedalam database)

<?php
mysql_connect("localhost","root","root");
mysql_select_db("pencarian");
?>

Setelah itu kita buat file index.php yang berfungsi sebagai menampilkan data dari database mysql sekaligus untuk melakukan pencarian, buat file index.php dan isi dengan code dibawah ini.

<?php
include "koneksi.php";
?>
<!DOCTYPE html>
<html>
<head>
<title>Pencarian menggunakan php dan mysql</title>
</head>
<body>
<h1>Pencarian menggunakan php dan mysql</h1>
<form action="" method="get">
<input type="text" name="q">
<button type="submit">cari</button>
</form><br>
<table border="1">
<tr>
<th>Nama</th>
</tr>
<?php
if (isset($_GET['q']))
 $sql="select * from nama where nama LIKE '%$_GET[q]%'";
else
 $sql="select * from nama";

$query = mysql_query($sql);
while ($data = mysql_fetch_array($query)) {
 echo "<tr><td>$data[nama]</td></tr>";
}
?>
</table>
</body>
</html>

Nah jika sudah benar akan tampil seperti dibawah ini.

Cara Mudah Membuat Form Pencarian Dengan PHP dan MySQL

Semoga bermanfaat, jangan lupa share kepada yang membutuhkan hehe.

Incoming search terms:

  • cara membuat search di php
  • pencarian php
  • coding php untuk pencarian data
  • cara membuat search diphp dengan database
  • cara membuat pencarian php
  • cari data php
  • pencarian dengan php
  • script php pencarian data
  • cara membuat search engine dengan php dan mysql

Gratis Aplikasi Cms Sederhana Dengan Menggunakan Codeigniter Dan Bootstrap

Gratis Aplikasi Cms Sederhana Dengan Menggunakan Codeigniter Dan Bootstrap

Gratis Aplikasi Cms Sederhana Dengan Codeigniter Dan Bootstrap - Hai, Berjumpa lagi di blog yang berbagi source code gratis dan tutorial seputar bahasa pemrograman. dalam kesempatan kali ini saya akan share source code cms sederhanya dengan menggunakan codeigniter dan bootstrap.

Baca Juga :




Codeigniter merupakan framework php yang cukup populer karena kemudahan yang diberikan. disamping itu codeigniter memberikan dokumentasi yang sangat lengkap dan sangat mudah difahami,

Disamping itu banyak fitur fitur yang diberikan diantaranya adalah : ringan, cepat, menggunakan MVC (Model View Controller), dan masih banyak lagi.

Saya telah membuat aplikasi cms sederhana dengan beberapa fitur yang telah saya buat yaitu diantaranya adalah :
  • Admin
    • Post (Menambah, Mengedit dan Menghapus Post)
    • Label (Menambah dan Menghapus)
    • Bisa Upload Media (Gambar)
    • Menghapus Komentar
    • Setting (Merubah judul dan deskripsi Blog)
  • Pengunjung
    • Melihat Artikel
    • Berkomentar
    • Pencarian Artikel
    • Melihat Archive
    • Melihat Label

Preview Aplikasi Cms Sederhana Dengan Codeigniter Dan Bootstrap

Halaman Admin

Halaman ini berisi layaknya cms sederhana yaitu ada fungsi tambah post, tambah media, tambah label, dan lain lain, untuk fitur lengkapnya silahkan dilihat sendiri nanti ya hehe.

Gratis Aplikasi Cms Sederhana Dengan Menggunakan Codeigniter Dan Bootstrap

Gratis Aplikasi Cms Sederhana Dengan Menggunakan Codeigniter Dan Bootstrap

Gratis Aplikasi Cms Sederhana Dengan Menggunakan Codeigniter Dan Bootstrap

Gratis Aplikasi Cms Sederhana Dengan Menggunakan Codeigniter Dan Bootstrap

Gratis Aplikasi Cms Sederhana Dengan Menggunakan Codeigniter Dan Bootstrap

Halaman Pengunjung

Dihalaman pengunjung terlihat seperti blog pada umunya, yaitu kita bisa melihat postingan, berkomentar dan lain lain.

Gratis Aplikasi Cms Sederhana Dengan Menggunakan Codeigniter Dan Bootstrap

Gratis Aplikasi Cms Sederhana Dengan Menggunakan Codeigniter Dan Bootstrap

Gratis Aplikasi Cms Sederhana Dengan Menggunakan Codeigniter Dan Bootstrap

Gratis Aplikasi Cms Sederhana Dengan Menggunakan Codeigniter Dan Bootstrap

Gratis Aplikasi Cms Sederhana Dengan Codeigniter Dan Bootstrap

SIlahkan didownload aplikasi cms sederhana ini, jangan lupa share postingan ini jika menurut anda postingan ini membantu.

silahkan download di repositori github saya di link dibawah ini.

https://github.com/athoulmuwafiq/athoul-cms

Tutorial Membuat login dan session dengan codeigniter 3

Tutorial Membuat login dan session dengan codeigniter 3

Membuat login dan session dengan codeigniter - hai, berjumpa lagi dengan saya di blog tercinta ini :D, kali ini saya akan share bagaimana membuat login sekaligus session dengan menggunakan codeigniter. Codeigniter 3 memang salah satu framework php yang mudah dan saya sangat menyukainya karena kemudahannya, meskipun codeigniter 3 bisa dibilang sudah ketinggalan jaman oleh framework php lainnya semisal laravel, tetapi sekarang pihak codeigniter telah mengembangkan codeigniter 4 untuk menandingi framework framework php lainnya, hehe. Silahkan disimak cara membuat login dan session menggunakan codeigniter dibawah ini.

Membuat login dan session dengan codeigniter 3

Pertama, kita siapkan codeigniternya, disini saya menggunakan codeigniter 3.1.7, silahkan di download codeigniternya dan diletakkan ke dalam localhost masing masing. sebelumnya saya sudah menghilangkan index.php di url path nya, jika belum silahkan kesini :
  • Menghilangkan index.php di url path codeigniter
Selanjutnya silahkan membuat database untuk login tersebut, kalau masih bingung silahkan jalankan sql ini di phpmyadmin.
-- phpMyAdmin SQL Dump
-- version 4.5.4.1deb2ubuntu2
-- http://www.phpmyadmin.net
--
-- Host: localhost
-- Generation Time: Feb 21, 2018 at 10:04 AM
-- Server version: 5.7.21-0ubuntu0.16.04.1
-- PHP Version: 5.6.33-3+ubuntu16.04.1+deb.sury.org+1

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `athoul`
--
CREATE DATABASE IF NOT EXISTS `athoul` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci;
USE `athoul`;

-- --------------------------------------------------------

--
-- Table structure for table `user`
--

CREATE TABLE `user` (
  `id` int(11) NOT NULL,
  `username` varchar(50) NOT NULL,
  `password` varchar(50) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `user`
--

INSERT INTO `user` (`id`, `username`, `password`) VALUES
(1, 'admin', 'd033e22ae348aeb5660fc2140aec35850c4da997');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `user`
--
ALTER TABLE `user`
  ADD PRIMARY KEY (`id`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `user`
--
ALTER TABLE `user`
  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
Nah jika sudah sekarang kita konfigurasi codeigniternya. pertama kita akan mengatur databasenya, buka application/config/database.php. isi array username, password dan database sesuai yang kamu buat tadi. username biasanya 'root' dan password biasanya kosong, dan database isi sesuai dengan nama database yang kamu buat tadi, hingga seperti dibawah ini.
'username' => 'root',
'password' => '',
'database' => 'athoul',
Sekarang kita akan menambahkan library database dan session di autoload. buka application/config/autoload.php , tambakan library database dan session di array $autoload['libraries'] hingga seperti dibawah ini.
$autoload['libraries'] = array('database','session');
Jangan lupa juga tambahkan helper url dan form $autoload['helper'] hingga seperti dibawah ini, filenya masih sama ya di autoload.php.
$autoload['helper'] = array('url','form');
setelah itu sekarang kita akan mengatur default controllernya, buka application/config/routes.php. disini saya akan mengatur default controllernya yaitu Athoul.php, jadi saya akan mengatur seperti dibawah ini, silahkan disesuaikan sendiri ya.
$route['default_controller'] = 'athoul';
nah sekarang kita mulai coding, sudah memahami mvc bukan? jika belum mvc adalah singkatan dari model, view dan controller. Didalam sebuah framework codeigniter struktrur kode nya sudah diatur sedemikian rupa hingga kita tidak perlu memikirkan struktur kode lagi, jadi kita bisa lebih fokus terhadap tujuan utama membuat sebuah aplikasi. Kita akan membuat sebuah file view dulu, fungsinya adalah untuk menampilkan halaman login yang akan di inputkan oleh user nanti. Buat sebuah file bernama login.php di folder application/views/ dan isikan kode program berikut ini.
<!DOCTYPE html>
<html>
<head>
<title>Login dengan codeigniter www.athoul.site</title>
<style type="text/css">
*{margin: 0;padding: 0;font-family: Arial;}
body{background: #f1f1f1}
form{
max-width: 350px;
margin:0 auto;
margin-top: 100px;
background: #fff;
padding: 20px;
box-sizing: border-box;
border-radius: 4px;

}
form input{
display: block;
box-sizing: border-box;
width: 100%;
padding: 8px;
margin-bottom: 10px;
}
form input[type='submit']{
background: #3498db;
color: #fff;
border: 0;
border-radius: 4px;
cursor: pointer;
}
</style>
</head>
<body>
<?php
echo form_open('athoul/aksi_login');
echo form_input('username', '', array('placeholder'=>'Username'));
echo form_password('password', '', array('placeholder'=>'Password'));
echo form_submit('', 'Login');
?>
</body>
</html>
Buat juga file home.php untuk destinasi jika login tersebut berhasil. Buat file home.php di folder application/views dan isikan kode berikut.
<!DOCTYPE html>
<html>
<head>
<title>Halaman home</title>
</head>
<body>
<h1>Hallo <?php echo $this->session->userdata('username'); ?></h1>
selamat datang dihalaman home,<br>
<?php echo anchor('athoul/logout', 'Logout'); ?>
</body>
</html>
Sekarang kita membuat file mode nya, model disini berfungsi untuk mengecek kedalam database apakah username dan password tersebut cocok di dalam database. Buat file bernama M_login.php didalam folder application/models dan isikan kode berikut.
<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class M_login extends CI_Model {
function cek_login(){
$data = array(
'username' => $this->input->post('username'),
'password' => sha1($this->input->post('password'))
);
$q=$this->db->get_where('user',$data);
$cek=$q->num_rows();
if ($cek > 0) {
$data = array(
'username' => $this->input->post('username')
);

$this->session->set_userdata( $data );
redirect('athoul/home');
}else{
$this->load->view('login');
}
}
}
?>
nah jika sudah, terakhir kita buat file controllernya, buat sesuai dengan default controller yang ada di routes.php, berhubung tadi saya beri nama athoul jadi saya membuat controllernya bernama Athoul.php. Buat file bernama Athoul.php didalam folder application/controllers dan isikan kode berikut ini.
<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Athoul extends CI_Controller {
function __construct()
{
parent::__construct();
$this->load->model('m_login');

}
function index()
{
$this->load->view('login');
}
function aksi_login(){
$this->m_login->cek_login();
}
function home(){
if (!$this->session->userdata('username')) {
redirect(base_url());
}
$this->load->view('home');
}
function logout(){
$this->session->sess_destroy();
redirect(base_url());
}
}
?>

Kamu juga bisa download script login dengan codeigniter di link ini:

https://drive.google.com/file/d/1tyFjpvfP6Z5ZBlfh6wNqhGOJzKtX32HD/view?usp=sharing

Sekian tutorial kali ini, semoga bermanfaat untuk teman teman semua.

Cara Mudah Menghilangkan Index.php Di Codeigniter

Cara Mudah Menghilangkan Index.php Pada Url Codeigniter

Cara Mudah Menghilangkan Index.php Di Codeigniter dalam kesempatan kali ini athoul akan share tutorial bagaimana menghilangkan index.php di url codeigniter.
index.php dapat kita hilangkan dengan mudah agar kamu tidak merlu menuliskan index.php saat mengakses controller, jika index.php dihilangkan maka url yang dihasilkan lebih simpel dan singkat seperti dibawah ini, silahkan disimak tutorial menghilangkan index.php di codeigniter.
http://localhost/athoul/index.php/admin
Dan kita akan ubah menjadi seperti dibawah ini.
http://localhost/athoul/admin

Didalam kasus ini folder project codeigniter saya bernama athoul, silahkan sesuaikan dengan nama project masing masing.

Jadi urlnya akan terlihat lebih simpel dan lebih mudah diakses, caranya yaitu dengan mengubah application/config/config.php tepatnya adalah config index page, dan selanjutnya kita akan menambahkan file .htacces di root folder project kita. Kamu juga bisa mengakses user_guide untuk lebih detailnya tentang menghilangkan index.php dengan .htacces di user_guide/general/urls.html.

silahkan dismak dibawah ini Cara Mudah Menghilangkan Index.php Di Codeigniter.

Cara Mudah Menghilangkan Index.php Pada Codeigniter

Pertama buka file config.php yang letaknya di application/config/config.php, buka file config.php dan cari config dibawah ini.
$config['index_page'] = 'index.php';
Dan rubahlah seperti dibawah ini.
$config['index_page'] = '';
Setelah kita menghapus index.php dalam file config.php selanjutnya kita akan membuat file .htacces pada directory root project kamu. Buat file bernama '.htaccess' ingat file tersebut hanya bernama .htaccess dan selanjutnya isikan kode berikut.
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]

Cara Mudah Menghilangkan Index.php Pada Url Codeigniter
Penempatan file .htaccess


Nah sekarang silahkan disimpan dan coba akses url kamu, sekarang jadi lebih singkat dan lebih simpel bukan? saya juga telah selesai menghilangkan index.php dan hasilnya bisa dilihat pada gambar dibawah ini.

Cara Mudah Menghilangkan Index.php Pada Url Codeigniter
Cukup mudah bukan tutorial Menghilangkan Index.php Di Codeigniter? Sekian tutorial kal ini seomoga bermanfaat.


Incoming Search Terms

  • menghilangkan index php codeigniter
  • cara menghilangkan index php
  • cara menghilangkan index php di codeigniter
  • Cara menghilangkan index php di ci
  • menghilangkan index php di codeigniter
  • cara menghilangkan index php codeigniter
  • cara menghilangkan index php ci
  • menghilangkan index php codeigniter 3
  • cara menghilangkan index php pada codeigniter
  • menghilangkan index php pada codeigniter

Gratis Aplikasi Penjualan Dengan PHP Dan MySQL

Gratis Source Code Aplikasi Penjualan Dengan PHP

Download Gratis Source Code Aplikasi Penjualan Dengan PHP Dan Mysql - Pada kesempatan kali ini Athoul.site akan aplikasi buatan saya untuk tugas akhir mata kuliah imk yaitu aplikasi penjualan.

Program ini tidak meggunakan cms, framework atau sejenisnya, program ini saya buat menggunakan PHP oop.

Terdapat beberapa plugin untuk mendukung keselarasan dalam Pengelolaan cetak nota,cetak laporan,cetak data barang,sorting dan lain lain. Penggunaan plugin tersebut diantaranya :
  • Jquery (Untuk login dengan ajax)
  • Fpdf (Untuk generate pdf cetak nota,laporan dan barang)
  • Table sorter (Untuk sorting data barang)
  • Font awesome (Untuk icon)
  • Font : TitilliumWeb-SemiBold.ttf (Font yang saya gunakan)
Kenapa saya bagikan secara gratis? ya buat apa disimpen sendiri ngga guna juga kan? daripada saya simpan di hardisk lebih baik saya bagikan ke teman teman yang ingin belajar pemrograman kan? mau dijual juga ga bakalan laku haha.

tetapi program ini menurut saya cukup lah untuk dibuat belajar walaupun ada banyak kekurangan dan sedikit kelebihan haha, silahkan nanti di modifikasi atau dikembangkan sendiri.

Fitur Fitur Aplikasi Penjualan

Beberapa fitur yang ada dalam aplikasi penjualan ini diantara lain adalah:
  • login (admin dan kasir)
  • Data barang - Crud (admin)
  • Data kategori barang - Crud (admin)
  • Data Kasir - Crud (admin)
  • Data Laporan (admin)
  • Cetak Laporan berdasarkan hari atau bulan (admin)
  • Tambah Transaksi (kasir)
  • cetak nota (kasir)
  • dan lain lain.

Di aplikasi ini ada 2 user yaitu admin dan kasir, kedua user tersebut memiliki hak yang berbeda simak penjelasan dibawah ini.

Login sebagai admin
Bisa menambah data barang, menambah user kasir, mencetak laporan data barang dan laporan penjualan perhari dan perbulan.

Login sebagai kasir
Hanya bisa melakukan transaksi penjualan

Detail Aplikasi Penjualan.

Saya akan menyertakan beberapa screenshot isi dari program tersebut mulai dari menu admin dan menu kasir, silahkan simak dibawah ini.

Halaman Login




 Halaman Dashboard Admin




Halaman Laporan



Halaman Data Barang



Halaman Cetak Laporan




Dan ada beberapa lagi yang tidak sempat saya screenshots.

Aplikasi Penjualan Dengan PHP Dan MySQL

Silahkan didownload aplikasi penjualan dengan php dan mysql secara gratis dengan klik link dibawah ini :


Sekian Download Gratis Aplikasi Penjualan Dengan PHP Dan MySQL, semoga bermanfaat untuk teman teman.

Incoming search terms:

  • athoul
  • contoh program penjualan menggunakan php dan mysql
  • contoh program php mysql penjualan
  • aplikasi penjualan berbasis web
  • aplikasi penjualan
  • membuat aplikasi penjualan dengan php dan mysql
  • cara membuat aplikasi penjualan dengan php dan mysql
  • aplikasi penjualan php
  • contoh program penjualan menggunakan php
  • download aplikasi penjualan dengan php dan mysql

Membuat Form Login Dengan PHP Dan MySQL Dengan Mudah

Membuat Form Login Dengan PHP Dan MySQL Dengan Mudah

Membuat Form Login Dengan PHP Dan MySQL Dengan Mudah - Hai, salam kenal. Di post pertama ini saya akan share bagaimana cara membuat login dengan php. Php sendiri  adalah bahasa pemrograman berbasis web yang cukup terkenal.

Kamu pasti sudah mengerti apa itu login bukan? login adalah fitur untuk memastikan bahwa halaman hanya  bisa diakses oleh  user yang berhak, misalnya halaman admin hanya bisa diakses oleh admin.

Didalam kasus ini kita akan membuat sebuah database yang berisi data untuk autentifikasi pengguna tersebut, selain  itu kita akan membuat halaman login dan halaman yang akan diakses  dengan menggunakan user yang berhak berdasarkan database yang kita buat.

Membuat Form Login Dengan PHP Dan MySQL

Membuat Database Dan Tabel
  • buat database dengan nama belajar_login (hanya contoh), kamu bisa menggunakan phpmyadmin atau juga bisa langsung di cmd.
  • buat tabel dengan nama user untuk menyimpan data login dengan field field seperti dibawah ini.
detail tabel

  • isikan data sebagai autentifikasi, saya menggunakan phpmyadmin untuk memasukkan satu data user, gunakan sha1 sebagai enkripsi password,dan selanjutnya klik go.
insert user


Membuat File Koneksi
fungsi flie koneksi adalah untuk kita koneksi ke dalam database, alangkah baiknya bagian koneksi ini dipisah agar kita tidak perlu membuat koneksi satu persatu untuk setiap halaman yang akan melakukan koneksi kedalam database.

Buat sebuah file bernama koneksi.php dan masukkan kode dibawah ini.
<?php
$host="localhost";
$user="root";
$password="";
$database="belajar_login";
$con=mysqli_connect($host, $user, $password, $database);
if (mysqli_connect_errno()) {
 echo "Koneksi gagal";
 exit();
}
?>
Membuat Form Login (Html Dan Css)
fungsi form login adalah untuk pengguna memasukkan username dan password yang selanjutnya akan diproses apakah data yang dimasukkan itu sesuai dengan yang ada di dalam database, jika data tersebut sama, maka user tersebut bisa mengakses halaman selanjutnya.

form login
didalam bagian ini, kita akan membuat login seperi diatas, buat sebuah file index.php dan isikan kode dibawah ini :
<!DOCTYPE html>
<html>
<head>
 <title>Login</title>
 <link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div class="athoul_container">
 <h3>Login</h3>
 <form action="proseslogin.php" method="post">
  <input type="text" name="username" placeholder="Username">
  <input type="password" name="password" placeholder="password">
  <button type="submit">Login</button>
 </form>
</div>
</body>
</html>
Buat juga file index.css  untuk melakukan style terhadap tag html diatas, dan masukkan kode dibawah ini.
*{
 margin: 0;
 padding: 0;
 font-family: Arial;
}
body{
 background: #f1f1f1;
}
.athoul_container{
 background: #fff;
 max-width: 400px;
 margin: 0 auto;
 margin-top: 120px;
 border-radius: 5px;
}
.athoul_container h3{
 padding: 20px;
 display: block;
 color: #fff;
 background:#3498db;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}
.athoul_container form{
 padding: 30px;
}
.athoul_container input{
 display: block;
 box-sizing: border-box;
 padding: 15px;
 width: 100%;
 margin-bottom:30px;
 border: 1px solid #ccc;
 outline: 0;
 border-radius: 5px;
}
.athoul_container input:focus{
 border: 1px solid #565656;
 transition: 0.2s;
}
.athoul_container button{
 display: block;
 box-sizing: border-box;
 padding: 10px 25px;
 color: #fff;
 background: #3498db;
 border-radius: 5px;
 outline: 0;
 border:0;
 cursor: pointer;

}
.athoul_container button:hover{
 background: #565656;
 transition: 0.2s;
}
Membuat file proseslogin
Setelah kita membuat halaman login diatas, sekarang kita akan membuat halaman proses login, fungsi halaman ini adalah untuk mengecek apakah username dan password yang di inputkan oleh user sesuai dengan yang ada didalam database.

Jika yang user inputkan tidak sesuai dengan yang ada didalam database maka akan muncul peringatan dan akan di redirect ke halaman index.php, sebaliknya apabila berhasil maka akan di redirect kehalaman home.php.

buat sebuah file bernama proseslogin.php dan isikan kode dibawah ini :
<?php
include "koneksi.php";

$username=$_POST['username'];
$password=sha1($_POST['password']);

if (empty($username) || empty($password)) {
 echo "<script>alert('form masih ada yang kosong')</script>";
 echo "<script>window.location.href='index.php';</script>";
}

$query=mysqli_query($con,"select * from user where username='$username' and password='$password'");
$cek=mysqli_num_rows($query);
if ($cek > 0) {
 $data=mysqli_fetch_array($query);
 session_start();
 $_SESSION['nama']=$data['nama'];
 $_SESSION['username']=$data['username'];
 header("location:home.php");
}else{
 echo "<script>alert('Login gagal, Username atau password salah')</script>";
 echo "<script>window.location.href='index.php';</script>";
}
?>

Membuat halaman home
Didalam tutorial ini, home.php adalah halaman yang membutuhkan hak akses untuk bisa mengaksesnya.

oleh karena itu jika ingin mengaksesnya harus login terlebih dahulu dihalaman index.php.

Buat sebuah file bernama home.php dan tuliskan kode dibawah ini.
<?php
session_start();
if (!$_SESSION['username']) {
 header("location:index.php");
}
?>
<!DOCTYPE html>
<html>
<head>
 <title>Selamat datang <?= $_SESSION['nama'] ?></title>
 <style type="text/css">
  *{margin: 0;padding: 0;font-family: Arial;}
  .container{max-width: 800px;margin: 0 auto;background:#D9EDF7;padding: 20px;box-sizing: border-box;}
 </style>
</head>
<body>
 <div class="container">
  <h3>Selamat datang <?= $_SESSION['nama'] ?></h3>
  <a href="logout.php">Logout</a>
 </div>
</body>
</html>

Membuat file logout
Logout Berfungsi untuk menghapus session yang kita buat tadi dihalman proses login.php.

Buat sebuah file bernama logout.php dan isikan kode dibawah ini :
<?php
session_start();
session_destroy();
header("location:index.php");
?>
Jika semua step sudah dijalankan dengan benar, apabila kita login akan masuk kedalam halaman home.php seperti dibawah ini.

halaman home