This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Minggu, 12 Februari 2017

Pembelajaran Konfigurasi Pada Codeigniter Secara Lengkap

Assalammu'alaikum Warahmatullahi Wabarakatuh

Apa kabar semua? Semoga sehat selalu dan selalu dalam lindungan Allah SWT. Aamiin..
Pada kesempatan kali ini saya akan coba membagikan informasi mengenai apa saja konfigurasi yang dilakukan sebelum membuat suatu project dengan framework codeigniter. Untuk diketahui, menurut saya konfigurasi ini bertujuan untuk mengatur fungsi-fungsi yang terdapat didalam script project, seperti database, session bahkan link controller. Untuk lebih jelasnya perhatikan penjelasan berikut :

Pertama :
Kita akan menambahkan beberapa fungsi pada file autoload.php
File tersebut terdapat pada extract file Codeigniter -> application -> config -> autoload.php atau perhatikan gambar berikut :


Setelah sudah dibuka lalu fokuskan perhatian anda pada :
Pertama :
$autoload['libraries'] = array(); pada line 61
Lalu tambahkan menjadi seperti berikut :
$autoload['libraries'] = array('session','database');

Kedua :
$autoload['helper'] = array(); pada line 86
Lalu tambahkan menjadi seperti berikut :
$autoload['helper'] = array('url','form');

Konfigurasi untuk file autoload sudah selesai dan kita save

Selanjutnya, kita buka pada file config.php
File tersebut terdapat pada extract file Codeigniter -> application -> config -> config.php atau perhatikan gambar berikut :

Setelah dibuka file nya, lalu fokuskan perhatian anda pada script :

Pertama :
$config['base_url'] = '';
Dan tambahkan menjadi seperti berikut :
$config['base_url'] = 'http://localhost:8080/CI/';
Cara menambahkan, silahkan anda buka browser lalu masukan script untuk installasi codeigniter seperti yang saya sudah jelaskan pada artikel sebelum ini.. Dan save

Oke lanjuttt, kita buka file database.php untuk alamatnya, perhatikan gambar diatas dan lihat file database.php .. Sebelumnya pastikan anda sudah membuat database di phpmyadmin , setelah dibuat lalu tambahkan pada : 
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => '',
'password' => '',
'database' => '',
'dbdriver' => 'mysqli',
'dbprefix' => '',
'pconnect' => FALSE,
'db_debug' => (ENVIRONMENT !== 'production'),
'cache_on' => FALSE,
'cachedir' => '',
'char_set' => 'utf8',
'dbcollat' => 'utf8_general_ci',
'swap_pre' => '',
'encrypt' => FALSE,
'compress' => FALSE,
'stricton' => FALSE,
'failover' => array(),
'save_queries' => TRUE
);

Menjadi 
$active_group = 'default';
$query_builder = TRUE;

$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => 'keluhan',
'dbdriver' => 'mysqli',
'dbprefix' => '',
'pconnect' => FALSE,
'db_debug' => (ENVIRONMENT !== 'production'),
'cache_on' => FALSE,
'cachedir' => '',
'char_set' => 'utf8',
'dbcollat' => 'utf8_general_ci',
'swap_pre' => '',
'encrypt' => FALSE,
'compress' => FALSE,
'stricton' => FALSE,
'failover' => array(),
'save_queries' => TRUE
);
*Perhatikan pada script berwarna merah, itu merupakan script yang ditambahkan. Untuk hostname kita karena kita menggunakan phpmyadmin tentu saja kita memakai localhost sebagai hostname, lalu untuk username default kita menggunakan root, untuk password kita kosongkan karena kita tidak mengunci phpmyadmin kita dan terakhir database saya memasukan 'keluhan' sebagai nama database yang akan saya digunakan.

Oke terakhir, kita buka file routes.php script ini akan mengatur halaman pertama yang akan muncul. Setelah anda membuka file tersebut anda menemukan script :
$route['default_controller'] = 'welcome';
script diatas adalah halaman yang akan muncul pertama kali berdasarkan routes welcome yakni tampilannya seperti dibawah ini sama seperti saat proses penginstallan..

Nah, saat ini saya akan mengatur bahwa tampilan pertama yang akan muncul adalah routes bernama login atau halaman login. Maka anda ubah script diatas menjadi :
$route['default_controller'] = 'login';
Dan silahkan disave, lalu apabila anda jalankan maka tampilannya seperti berikut :

Mengapa not found? Karena saya sudah mengubah routes nya. Apa fungsi controller routes? Saya sudah jelaskan disini silahkan dibaca.
Oia, seharusnya yang saya mau tampilan pertama yang muncul seperti ini :

Tampilan diatas adalah dari template yang saya download dari sini , karena kita akan menggunakan template tersebut dan mengubahnya sesuai keinginan kita atau kalian ingin menggunakan template lain bahkan membuat desain sendiri. Sangat dipersilahkan.
Oke cukup sekian dan tutorial selanjutnya adalah membuat back-end admin dengan menggunakan codeigniter. Semoga bermanfaat dan salam sukses !!

Sabtu, 11 Februari 2017

Konsep Framework CodeIgniter

Assalammu'alaikum Warahmatullahi Wabarakatuh..
Sebelum kita mengerjakan project menggunakan framework codeigniter (CI), ada baiknya kita mempelajari terlebih dahulu konsep dan aturan mainnya. Artikel ini saya kutip dari situsali.com karena saya sulit menjelaskan teori nya dengan sendiri. Oke dibawah merupakan penjelasan mengenai CI :

Sebelum jauh mengenal cara menggunakan framework di PHP, terlebih dahulu kita memahami konsep MVC. Apa itu MVC? MVC kependekan dari Model, View, Controller. Dalam artikel kali ini akan saya jelaskan secara terperinci mengenai konsep MVC yang merupakan dasar untuk memahami framework di PHP.
Model View Controller merupakan suatu konsep yang cukup populer dalam pembangunan aplikasi web, berawal pada bahasa pemrograman Small Talk (Wikipedia), MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, user interface, dan bagian yang menjadi kontrol aplikasi. Terdapat 3 jenis komponen yang membangun suatu MVC pattern dalam suatu aplikasi yaitu :
  • View, merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML, yang diatur oleh controller. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.
  • Model, biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.
  • Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view, controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.
Singkat kata Model untuk mengatur alur databaseView untuk menampilkan web, sedangkan Controller untuk mengatur alur kerja antara Model dan View. Jadi misalnya Anda ingin membuat akun facebook atau e-mail. Pertama Anda akan melihat tampilan sign-up / register itulah View, kemudian Anda menuliskan form pengisian seperti username, password, dll dan Anda klik sign-up / register maka di sini View memanggil Controller dan Controller memanggil Model, sedangkan Model mengecek apakah Anda sudah sesuai dengan kriteria pendaftaran seperti sudah mengisi username, password dan lain sebagainya. Kemudian Model menggembalikan (callback) ke Controller dan Controller mengembalikan ke View, dan kita akan melihat berhasil atau tidak kita sign-up/register. 

Oke sudah jelas? 
Semoga bermanfaat yaa dan salam sukses !!!

Jumat, 10 Februari 2017

Pembelajaran Lengkap Mengenai Installasi CodeIgniter

Assalammu'alaikum Warahmatullahi Wabarakatuh

Pada kesempatan kali ini saya akan memulai memposting beberapa hasil karya yang pernah saya buat dengan menggunakan codeigniter. Untuk pertama kali, saya akan membuat tutorial jelas cara installasi codeigniter..

Langkah Pertama :
Pastikan anda sudah menginstall XAMPP atau WOS seperti yang saya gunakan ini yakni WOS Portable.. Apabila sudah, silahkan anda download CodeIgniter disini , sebagai saran gunakan versi dibawah 3.1.3 karena belum compatible.. Oke sudah download nya

Langkah Kedua :
Apabila anda menggunakan XAMPP, extract file codeigniter dan pindahkan file nya kedalam folder htdocs.
Apabila anda menggunakan WOS, extract file codeigniter dan pindahkan file nya kedalam folder www.

Langkah Ketiga :
Jalankan dibrowser kesayangan anda dan masukan http://localhost/CI/ dan apabila berhasil akan tampil seperti berikut :


Oke sekian, semoga bermanfaat dan sampai bertemu di project selanjutnya. Salam sukses !!!

Daftar Isi Pembelajaran CodeIgniter Lengkap

Daftar Isi Pembelajaran Lengkap CodeIgniter



C. CI dan MySQL

Pembelajaran Pembuatan Website Konter Untuk Admin Information Product

Assalammu'alaikum Warahmatullahi Wabarakatuh

Bagaimana kabar kalia? Semoga selalu sehat dan selalu dalam lindungan Allah SWT.
Oke, pada artikel kali ini saya baru sempat memposting lanjutan pembuatan back-end admin untuk website konter. Dan bagi teman-teman yang belum mengikuti dari awal, saya sudah buatkan daftar isi dibagian paling bawah artikel ini. Untuk artikel ini, saya akan membagikan pembuatan halaman update information, halaman back-end ini berfungsi untuk menampilkan data informasi produk pada front-end nanti. Agar lebih bersememangat mengerjakannya, berikut adalah tampilan halaman update information produk.

Langkah Pertama :
Buat tabel dari database yang sudah dibuat sebelumnya. Beri nama tabel products dan buat field seperti berikut atau anda bisa kembangkan sesuai keinginan kalian:

Langkah Kedua :
Kita akan buat script untuk membuat halaman update product beri nama product.php
<!DOCTYPE html>
<html>
<head>
<?php include("header.php");?>
 <?php
 include('koneksi.php');
 include('session.php');

 ?>

  <div class="navbar navbar-inverse">
  <div class="navbar-inner">
    <ul class="nav"> <li class="divider-vertical"></li>
      <li><a href="homeadmin.php">Admin</a></li>  <li class="divider-vertical"></li>
      <li  class="active"><a href="product.php">Products</a></li> <li class="divider-vertical"></li>
      <li><a href="gallery_add.php">Gallery</a></li>  <li class="divider-vertical"></li>
      <li><a href="info.php">Update Information</a></li>  <li class="divider-vertical"></li>
      <li><a href="contacts.php">Messages</a></li>  <li class="divider-vertical">
    </ul>
  </div>
  </div>

<body>
  <div class="container">
  <br>
  <div class="row-fluid">
  <div class="span12">
  <div class="row-fluid">
  <div class="span12">
  <div class="span9">      
  <div class="alert alert-success">
    <h4>List Products</h4>
  </div>
    <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">
      <thead>
        <tr>
          <th>Product Name</th>
          <th>Description</th>
          <th>Price</th>
          <th>Photo</th>
          <th width="180">Action</th>
        </tr>
      </thead>
  <tbody>
  
  <?php
  $query=mysql_query("select * from products")or die(mysql_error());
  while($product=mysql_fetch_array($query)){
  $id=$product['Product_ID'];
  ?>
  
    <tr>
      <td><?php echo $product['Name']; ?></td>
      <td><?php echo $product['Description']; ?></td>
      <td>Rp.<?php echo $product['Price']; ?></td>
      <td width="100"><img class="img-rounded" src="<?php echo $product['Photo']; ?>" width="100"></td>
      <td> <a href="#edit_products<?php  echo $id;?>"  data-toggle="modal"  class="btn btn-warning" ><i class="icon-pencil icon-large"></i>&nbsp; Edit</a>
      <a href="#delete<?php echo $id; ?>" a data-toggle="modal" class="btn btn-danger">  <i class="icon-trash icon-large"></i>&nbsp;Delete</a></td>
  
    <?php 
    include('modal_delete_product.php');
    ?>
    <?php 
    include('modal_edit_products.php');
    ?>
  
  
    <?php } 
    ?>
  </tr>
  </tbody>
  </table>
  </div> 

    
    
  <?php
    
    include('session_sidebar.php');
    ?>
     <div class="well">
    <a button class="btn btn-block btn-success" type="button" href="#adddessert" role="button"  data-toggle="modal"><i class="icon-pencil"></i> Add Products</button></a>
     <?php
  include('modal_addproduct.php');
  ?>
    </div>
    </div>
    </div>
  </div>
  </div>
  </div>
Jika anda menjalankan website dari script diatas, pasti terdapat error pada beberapa bagian. Error tersebut karena terdapat beberapa file yang belum kita buat (perhatikan script yang berwarna merah).
header.php -> berfungsi untuk memanggil fungsi css, js dan bootstrap. Berikut script nya :
 <head>
<title>Konter Pulsa</title>
   <link rel="shortcut icon" href="images/logo.png">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="css/DT_bootstrap.css">

<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="screen">
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css" media="screen">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="screen">
</head>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8" language="javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8" language="javascript" src="js/DT_bootstrap.js"></script>

koneksi.php -> script ini untuk mengkoneksikan database dengan script php. Berikut script nya:
<?php
mysql_select_db('konter',  mysql_connect('localhost','root',''))or die(mysql_error());
?>

session.php
<?php
include('koneksi.php');
session_start();
if (!isset($_SESSION['id'])){
header('location:index.php');
}
?>

Oke apabila ketiga file diatas sudah dibuat, sudah mengurangi error. Dan kita akan lanjutkan script berikutnya :
modal_delete_product.php -> script ini untuk menampilkan tampilan modal untuk mempercantik proses delete. Berikut script nya :
<div id="delete_info<?php echo $id; ?>" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
  </div>
  <div class="modal-body">
  <div class="alert alert-gray">Are you Sure you Want to <strong>Delete?</strong></div>
  </div>
  <div class="modal-footer">
      <a href="delete_info.php<?php echo '?id='.$id; ?>" class="btn btn-danger"><i class="icon-trash"></i>&nbsp;Yes</a>
       <button class="btn" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i>&nbsp;Close</button>
  </div>
</div>

Apabila kalian klik button delete pada tabel akan tampil tampilan seperti berikut :
Namun untuk proses delete nya belum bisa kan? Oke, perhatikan script modal delete diatas, terdapat script merah kan? Nah itu adalah proses deletenya. Oke langsung saja buat file dengan nama delete_info.php -> untuk proses delete product nya dan berikut script nya :
<?php 
include('koneksi.php');
$id=$_GET['dessert'];
mysql_query("delete from products where Product_ID='$id'")or die(mysql_error());
header('location:product.php');
?>
Oke sudah berhasilkan? Kita lanjut

Perhatikan pada script product.php terdapat script berwarna merah lain seperti ini modal_edit_products.php -> script ini untuk menampilkan modal atau tampilan agar mempercantik proses edit atau update product. Berikut script nya :
<!-- Modal -->
<div id="edit_products<?php echo  $id; ?>" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<div class="alert alert-gray">
  Edit Product
</div>

<div class="modal-body">
<hr>
    <form class="form-horizontal" method="POST" enctype="multipart/form-data">
    <div class="control-group">
    <label class="control-label" for="inputEmail">Product Name:</label>
    <div class="controls">
    <input name="Product_ID" value="<?php echo $product['Product_ID']?>" type="hidden" id="inputEmail" placeholder="ID">
    <input name="name" value="<?php echo $product['Name']; ?>" type="text" id="inputEmail" placeholder="Product Name">
    </div>
    </div>
  <div class="control-group">
    <label class="control-label" for="inputPassword">Description:</label>
    <div class="controls">
    <textarea rows="2" class="span9" placeholder="Description" name="desc"><?php echo $product['Description']; ?></textarea>  
    </div>
    </div>
    <div class="control-group">
    <label class="control-label" for="inputPassword">Price:</label>
    <div class="controls">
    <input name="price" value="<?php echo $product['Price']; ?>" type="text" id="inputEmail" placeholder="Price">
    </div>
    </div>
 <input type="hidden" value="<?php echo $product['Photo']; ?>"  name="Photo" id="inputEmail"  placeholder="Photo">
    <div class="control-group">
      <label class="control-label" for="input01">Photo:</label>
    <div class="controls">
      <input type="file" name="image" class="font"> 
    </div>
    </div>

    <div class="modal-footer">
        <button name="edit" type="submit" class="btn btn-large btn-warning"><i class="icon-save"></i>&nbsp;Save</button>
    <button class="btn btn-large" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i>&nbsp;No</button>
    </div>
    </form>
<?php
      if (isset($_POST['edit'])){
      $Product_ID = $_POST['Product_ID'];
      $nm = $_POST['name'];
      $descr = $_POST['desc'];
      $price = $_POST['price'];
$image = addslashes(file_get_contents($_FILES['image']['tmp_name']));
                                $image_name = addslashes($_FILES['image']['name']);
                                $image_size = getimagesize($_FILES['image']['tmp_name']);

                                move_uploaded_file($_FILES["image"]["tmp_name"], "upload/" . $_FILES["image"]["name"]);
                                $photo = "upload/" . $_FILES["image"]["name"];

    mysql_query("update products set Name='$nm' , Description='$descr', Price='$price', Photo='$photo' where Product_ID = '$Product_ID' ")or die(mysql_error());
    header('location:product.php');
      }
    ?>
  </div>
  </div>
Dari script diatas, maka dibawah ini merupakan hasilnya :

Bagaimana? Sudah bisa proses edit dan delete nya? Kalo sudah kita lanjut dan kalau belum atau terdapat error silahkan komentar. Selanjutnya terdapat script berwarna merah pada product.php yakni session_sidebar.php -> berfungsi untuk menampilkan nama admin yang sedang mengakses sesuai dengan username dan password dan menampilkan button logout. Seperti pada gambar berikut :
Dari gambar diatas berikut adalah script nya :
<div class="span3">  

 <div class="alert alert-warning">
    Welcome:
   <?php 
 $id=$_SESSION['id'];
$result=mysql_query("select * from tbl_admin where id='$id'")or die(mysql_error);
$row=mysql_fetch_array($result);

$nama=$row['nama'];

echo $nama; 
  
  ?>
 </div>
  <div class="well">
  <a button class="btn btn-block btn-danger" type="button" href="#myModal" role="button"  data-toggle="modal"><i class="icon-signout icon-large"></i> Sign Out</button></a>
<?php include("logout_modal.php");?>
 </div>
*Perhatikan script diatas, pada script berwarna biru ke ungu-unguan merupakan script untuk menampilkan nama admin yang sedang mengakses halaman back-end ini diambil daru tabel admin.
Dan untuk yang berwarna merah merupakan script untuk menampilkan "sign out" dari tampilan berikut :

Dan berikut adalah script modal logout seperti pada gambar diatas. Beri nama dengan nama logout_modal.php
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
  </div>
  <div class="modal-body">
  <div class="alert alert-gray">Are you Sure you Want to <strong>Logout?</strong></div>
  </div>
  <div class="modal-footer">
      <button class="btn" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i>&nbsp;Close</button>
      <a href="logout.php" class="btn btn-danger"><i class="icon-signout"></i>&nbsp;Logout</a>
  </div>
</div>

Dan pada script diatas terdapat script berwarna merah yakni logout.php, yang berfungsi untuk memproses proses logout. Maka akan kembali ke halaman login berikut :

Oke yang terakhir nih, pada script product.php paling akhir terdapat script berwarna merah yakni modal_addproduct.php  yang berfungsi untuk menambahkan data product. Berikut script nya
<div id="adddessert" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
  <div class="alert alert-gray">
  Add Product
  </div>
  <div class="modal-body">
  <hr>
 <form class="form-horizontal" method="POST" enctype="multipart/form-data">
  <div class="control-group">
    <label class="control-label" for="inputEmail">Product Name</label>
    <div class="controls">
      <input type="text" id="inputEmail" name="Product_Name" placeholder="Product Name" required>
    </div>
  </div>
  <div class="control-group">
    <label class="control-label" for="inputPassword">Price</label>
    <div class="controls">
      <input type="text" id="inputPassword" name="Price" placeholder="Price" required>
    </div>
  </div>
  
   <div class="control-group">
    <label class="control-label" for="inputPassword">Description</label>
    <div class="controls">
<textarea name="Description" rows="5" required></textarea>
    </div>
  </div>
  
  
<div class="control-group">
                                    <label class="control-label" for="input01">Image:</label>
                                    <div class="controls">
                                        <input type="file" name="image" class="font" required> 
                                    </div>
                                </div>

  </div>
  <div class="modal-footer">
    <button name="add_product" type="submit" class="btn btn-success"><i class="icon-save"></i>&nbsp;Save</button>
      <button class="btn" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i>&nbsp;Close</button>
    </form>  
  </div>
</div>


<?php
if(isset($_POST['add_product'])){
$Prodname=$_POST['Product_Name'];
$price=$_POST['Price'];
$desc=$_POST['Description'];
$image = addslashes(file_get_contents($_FILES['image']['tmp_name']));
                                $image_name = addslashes($_FILES['image']['name']);
                                $image_size = getimagesize($_FILES['image']['tmp_name']);

                                move_uploaded_file($_FILES["image"]["tmp_name"], "upload/" . $_FILES["image"]["name"]);
                                $Photo = "upload/" . $_FILES["image"]["name"];
mysql_query("insert into products (Name, Price, Description, Photo) values('$Prodname','$price','$desc','$Photo')")or die(mysql_error());
header('location:product.php');
}
?>

Dan berikut adalah tampilannya :


Oke selesai. Apabila anda berhasil silahkan kembangan dan apabila terdapat error silahkan ditanyakan. Terimakasih, semoga bermanfaat dan salam sukses !!!

Daftar Isi Pembuatan Website

Minggu, 05 Februari 2017

Pembelajaran Pembuatan Website Konter Untuk Admin Gallery

Assalammmu'alaikum Warahmatullahi Wabarakatuh

Pada kesempatan kali ini saya akan coba melanjutkan proses pembuatan back-end atau halaman admin pada pembuatan website konter. Untuk lebih bersemangat berikut tampilan halaman gallery nya untuk admin

Langkah Pertama :
Karena ini melanjutkan dari artikel sebelumnya, berarti hanya membuat tabel dengan nama tbl_gallery dan buat field seperti pada gambar berikut

Langkah Kedua :
Buat file dengan nama gallery_add.php dan berikut scriptnya
 <?php include('header.php'); ?>
 <?php
 include('koneksi.php');
 include('session.php');
 ?>

  <div class="navbar navbar-inverse">
  <div class="navbar-inner">
  <ul class="nav">
    <li class="divider-vertical"></li> <li><a href="admin.php">Admin</a></li>  <li class="divider-vertical"></li>
    <li><a href="product.php">Products</a></li>  <li class="divider-vertical"></li>
    <li  class="active"><a href="gallery_add.php">Gallery</a></li>  <li class="divider-vertical"></li>
    <li><a href="info.php">Update Information</a></li>  <li class="divider-vertical"></li>
    <li><a href="contacts.php">Messages</a></li>  <li class="divider-vertical"></li> 
  </ul>
  </div>
  </div>

  <body>
    <div class="container">
    <br>
    <div class="row-fluid">
    <div class="row-fluid">
    <div class="span12">
    <div class="span9">
    <div class="alert alert-success">
        <h4>Gallery</h4>
    </div>
        <table cellpadding="0" cellspacing="0" border="1" class="table table-striped table-bordered" id="example">
        <caption></caption>
        <thead>
          <tr>
            <th>Photos</th>
            <th width="180">Action</th>
          </tr>
        </thead>

        <?php
        $query=mysql_query("select * from tbl_gallery")or die(mysql_error());
        while($row=mysql_fetch_array($query)){
        $id=$row['Photo_ID'];
        ?>
        <tr>
          <td><img class="img-rounded" src="<?php echo $row['Photo']; ?>" width="200" height="100"></td>
          <td width = "180">
         <a href="#edit_photo<?php  echo $id;?>"  data-toggle="modal"  class="btn btn-warning" ><i class="icon-pencil icon-large"></i>&nbsp; Edit</a>
         <a data-toggle="modal" href="#<?php echo $id; ?>" class="btn btn-danger">  <i class="icon-trash icon-large"></i>&nbsp;Delete</a>
          <?php
          include('modal_delete_photo.php');
          include('edit_photos.php');
          ?>
          </td>
          </tr>
          </tbody>
          <?php } ?>
          </table>
          </div> 

          <?php
          include('session_sidebar.php');
          ?>
        <div class="well">
    <a button class="btn btn-block btn-success" type="button" href="#addphotos" role="button"  data-toggle="modal"><i class="icon-pencil"></i> Add Photos</button></a>
     
     <?php
      include('modal_addphoto.php');
      ?>
    </div>
    </div>
    </div>
  </div>
  </div>
  </div>
  </body>

*Perhatikan pada script yang berwarna merah, itu merupakan script lain yang harus kita buat.

Header.php

 <head>
<title>Konter Pulsa</title>
   <link rel="shortcut icon" href="images/logo.png">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="css/DT_bootstrap.css">

<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="screen">
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css" media="screen">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="screen">
</head>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8" language="javascript" src="js/jquery.dataTables.js"></script>

<script type="text/javascript" charset="utf-8" language="javascript" src="js/DT_bootstrap.js"></script>
*Script diatas untuk memanggil fungsi css dan javascript

Koneksi.php
<?php
mysql_select_db('konter',  mysql_connect('localhost','root',''))or die(mysql_error());
?>
*Untuk mengkoneksikan database

session.php
<?php
include('koneksi.php');
session_start();
if (!isset($_SESSION['id'])){
header('location:index.php');
}
?>

modal_delete_photo.php
Pada script ini digunakan untuk menghapus gambar dan berikut script nya.
<div id="<?php echo $id; ?>" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
  </div>
  <div class="modal-body">
  <div class="alert alert-gray">Are you Sure you Want to <strong>Delete?</strong></div>
  </div>
  <div class="modal-footer">
      <a href="delete_photo.php<?php echo '?id='.$id; ?>" class="btn btn-danger"><i class="icon-trash"></i>&nbsp;Yes</a>
       <button class="btn" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i>&nbsp;Close</button>

  </div>
</div>
Dan dibawah ini tampilannya :

edit_photos.php
script ini untuk mengedit gambar  dan berikut script nya

<div id="edit_photo<?php  echo $id;?>" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
  <div class="alert alert-gray">
  Edit Photos from Gallery
  </div>
  <div class="modal-body">
  <hr>
 <form class="form-horizontal" method="POST" enctype="multipart/form-data">
  
  
                
                <input type="hidden" value="<?php echo $row['Photo_ID']; ?>"  name="Photo_ID" id="inputEmail"  placeholder="Username" required>

                
                
                 <div class="control-group">
                                    <label class="control-label" for="input01">Image:</label>
                                    <div class="controls">
                                        <input type="file" name="image" class="font" required> 
                                    </div>
                                </div>
  
   
      <?php

                            if (isset($_POST['edit_photo'])) {
              
              $Photo_ID = $_POST['Photo_ID'];

              
                 $image = addslashes(file_get_contents($_FILES['image']['tmp_name']));
                                $image_name = addslashes($_FILES['image']['name']);
                                $image_size = getimagesize($_FILES['image']['tmp_name']);

                                move_uploaded_file($_FILES["image"]["tmp_name"], "upload/" . $_FILES["image"]["name"]);
                                $location = "upload/" . $_FILES["image"]["name"];

                                mysql_query("UPDATE tbl_gallery SET Photo='$location' WHERE Photo_ID = '$Photo_ID'") or die(mysql_error());
                               header("Location:gallery_add.php");  
                            }
                            ?>


  </div>
  <div class="modal-footer">
    <button name="edit_photo" type="submit" class="btn btn-success"><i class="icon-pencil"></i>&nbsp;Save</button>
      <button class="btn" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i>&nbsp;Close</button>
    </form>  
  </div>
</div>
</form>
</div>
</div>
</div>
Dan berikut tampilannya :

Session_sidebar.php
Pada script berikut untuk menampilkan pilihan logout dan berikut scriptnya
<div class="span3">  

 <div class="alert alert-warning">
    Welcome:
   <?php 
 $id=$_SESSION['id'];
$result=mysql_query("select * from tbl_admin where id='$id'")or die(mysql_error);
$row=mysql_fetch_array($result);

$nama=$row['nama'];

echo $nama; 
  
  ?>
 </div>
  <div class="well">
  <a button class="btn btn-block btn-danger" type="button" href="#myModal" role="button"  data-toggle="modal"><i class="icon-signout icon-large"></i> Sign Out</button></a>
<?php include("logout_modal.php");?>
 </div>

*Perhatikan script berwarna merah, itu merupakan script yang akan kita buat untuk menampilkan modal logout
logout_modal.php
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
  </div>
  <div class="modal-body">
  <div class="alert alert-gray">Are you Sure you Want to <strong>Logout?</strong></div>
  </div>
  <div class="modal-footer">
      <button class="btn" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i>&nbsp;Close</button>
      <a href="logout.php" class="btn btn-danger"><i class="icon-signout"></i>&nbsp;Logout</a>
  </div>
</div>
*Perhatikan script merah, itu merupakan untuk proses logout
logout.php
<?php
session_start();
session_destroy();
header('location:index.php');
?>
Dan berikut tampilannya :

Dan Terakhir kita akan membuat proses add photo
modal_addphoto.php
<div id="addphotos" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
  <div class="alert alert-gray">
  Add Photos to Gallery
  </div>
  <div class="modal-body">
  <hr>
 <form class="form-horizontal" method="POST" enctype="multipart/form-data">
  
  
                
                 <div class="control-group">
                                    <label class="control-label" for="input01">Image:</label>
                                    <div class="controls">
                                        <input type="file" name="image" class="font" required> 
                                    </div>
                                </div>
  
   

  </div>
  <div class="modal-footer">
    <button name="save" type="submit" class="btn btn-success"><i class="icon-pencil"></i>&nbsp;Post</button>
      <button class="btn" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i>&nbsp;Close</button>
    </form>  
  </div>
</div>

    <?php
                            if (isset($_POST['save'])) {
                           
                                $image_save = addslashes(file_get_contents($_FILES['image']['tmp_name']));
                                $image_name = addslashes($_FILES['image']['name']);
                                $image_size = getimagesize($_FILES['image']['tmp_name']);

                                move_uploaded_file($_FILES["image"]["tmp_name"], "upload/" . $_FILES["image"]["name"]);
                                $location = "upload/" . $_FILES["image"]["name"];

                                mysql_query("insert into tbl_gallery (Photo) values ('$location')") or die(mysql_error());
                                header('location:gallery_add.php');
                            }
                            ?>
*Dan berikut tampilannya :

Oke sekian semoga bermanfaat dan Salam sukses !!!

Daftar Isi Pembuatan Website

Cara Mudah Menampilkan Data Pada Database Dengan PHP dan MySQL

Assalammu'alaikum Warahmatullahi Wabarakatuh

Pada kesempatan kali ini saya akan buat pembelajaran sederhana untuk melakukan proses menampilkan data pada database kedalam tabel dengan mudah.

Langkah Pertama :
Buat database dengan nama konter dan buat tabel dengan nama tbl_admin , lalu buat field seperti berikut :

Langkah Kedua :
Buat file pada xampp anda pada folder htdoc atau jika anda memakai WOS seperti saya buat file pada folder www dengan nama head.php lalu buat script berikut :
<?php
//membuat koneksi ke database
$host = 'localhost';
  $user = 'root';      
  $password = '';      
  $database = 'konter';  
    
  $konek_db = mysql_connect($host, $user, $password);    
  $find_db = mysql_select_db($database) ;
?>
*Penjelasan dari skrip diatas yakni untuk melakukan proses koneksi database

Langkah Ketiga :
Buat file dengan nama Index.php untuk menampilkan data yang terdapat pada database dan masukan script berikut :
<?php include('koneksi.php'); ?>
<center> 
MENAMPILKAN DATA USER LOGIN 
<br>
<br>

<!-- ///////////////////////////// Script untuk membuat tabel///////////////////////////////// -->

<table  border='1' Width='800'>  

<tr>

    <th> No </th>
    <th> Nama </th>
    <th> Nomer HP </th>
    <th> Username </th>
    <th> Password </th>
    
</tr>


<?php  
// Perintah untuk menampilkan data
$queri="Select * From tbl_admin" ;  //menampikan SEMUA data dari tabel siswa

$hasil=MySQL_query ($queri);    //fungsi untuk SQL

// perintah untuk membaca dan mengambil data dalam bentuk array
while ($data = mysql_fetch_array ($hasil)){
$i++;

$id = $data['id'];
 echo "

        <tr>
        <td>".$i."</td>
        <td>".$data['nama']."</td>
        <td>".$data['nohp']."</td>
        <td>".$data['username']."</td>
        <td>".$data['password']."</td>
        
        </tr> 
        ";
        
}

?>
</table>

Selesai dan berikut hasilnya :
Silahkan anda kembangkan. Sekian dan terimakasih, semoga bermanfaat. Salam Sukses !!!