Our social:

Latest Post

Thursday, May 11, 2017

Template Login Sederhana Dengan Bootstrap

Halaman Login terdapat pada Website Dinamis. Halaman ini adalah ‘pintu’ menuju halaman administrator, atau halaman user jika website-nya merupakan website yang mengharuskan penggunanya mempunyai akun.

Mengingat pentinya halaman ini, kita tidak bisa asal-asalan merancangnya. Desain halaman login yang bagus akan menghasilkan pengalaman pengguna yang baik.

Maka Dari itu saya disini akan share membuat template sederhana dengan menggunakan HTML dan Bootstrap. dengan model sederhana :D
oke langsung saja :

1. Download Bootstrap di Website Resmi nya ( cari di google )
2. setelah download selesai silahkan kamu buka XAMPP dan nyalakan Apache untuk web servernya, dan kemudian extract bootstrap kamu yg sudah di download tadi  di folder project kamu, misalnya di C:\xampp\htdocs\login . maka nanti akan muncul 3 buah folder css, fonts dan js.
3.folder css berisi tentang file file style yang digunakan oleh bootstrap, file fonts berisi font yang dibutuhkan oleh css dan file js berisi file - file javascript.

setelah berhasil kamu extract di folder project kamu sekarang buatlah sebuah file dengan nama login.php
 
<!DOCTYPE HTML>
 <html>
  <head>
   <title>
    Login - CODEBARENG.NET
   </title>
   <link rel="stylesheet" href="assets/css/bootstrap.css">
   <link rel="stylesheet" href="assets/css/font-awesome.css">
  </head>
  <body style="background:#3598DC;">
   <div id="row" style="margin-top:9pc;">
    <div class="col-lg-3 col-lg-offset-4 centered">
     <div class="panel panel-default"  style="margin-left:3pc;">
      <div class="panel-heading">
       <h3>Input Data Login</h3>
      </div>
      <div class="panel-body">
       <form>
        <input type="text" class="form-control" placeholder="Username" name="user">
        <br>
        <input type="text" class="form-control" placeholder="Password" name="pass">
        <br>
        <button class="btn btn-primary btn-md"> SIGN IN</button>
        
        <span class="pull-right" style="padding-top:5px;">
         <a href="#">lost your password ?</a>
        </span>
       </form>
      </div>
     </div>
    </div>
   </div>
  </body>
 </html>
Oke Setelah itu Save dan Lihat Hasil nya
berikut hasilnya


  Atau kamu bisa Download Disini :

Wednesday, May 10, 2017

Source Code Aplikasi Penjualan Barang (Kasir) dengan PHP MYSQL


Halo semua, kali ini saya akan berbagi Source Code Aplikasi Penjualan Barang (Kasir) dengan PHP MYSQL, tambah data, update / edit data, dan hapus data, pencarian data dengan menggunakan jquery data tables. Userinterface menggunakan Template Bootstrap
Fitur-fitur pada Aplikasi pada kali ini :
- Management Barang
- Penambahan dan manipulasi kategori dan barang
- Transaksi Penjualan
- Laporan Transaksi Penjualan
- Melihat stok barang dan restok barang
- Peringatan untuk barang habis
Login :
Username : Admin
Password : 123

untuk revisi bug aplikasi ada di blog saya yang satunya silahkan berkunjung ke : https://www.codekop.com/read/49/source-code-aplikasi-penjualan-barang-kasir-dengan-php-amp-mysql-gratis-/ 
terima kasih.

 
Screenshoot :












 Untuk Menu dan fasilitas pada program download soucre ini dengan gratis dan silahkan  jika mau di kembangkan. mohon maaf kalu masih dalam kekurangan. Terima kasih ..

Monday, April 24, 2017

Tutorial Cara Membuat Koneksi Database MYSQL dengan PHP


Halo Semua, Jumpa Lagi di tutorial PHP www.codebareng.blogspot.com oke kali ini saya sebagai penulis ingin membagikan tutorial bagaimana sih cara Cara Membuat Koneksi Database MYSQL dengan PHP. Mengapa database MYSQL harus di hubungkan den PHP ?, Yep. Karena untuk memanipulasi Database pada php harus di hubungan dengan bahasa pemograman khusus nya yang satu ini yang akan saya bahas. Cara nya Bagaimana ?, cukup mudah ya hanya untuk  mengkoneksikannya ke database. Karena PHP sudah menyediakan fungsi-fungsi  khusus untuk menghubungkan PHP ke Database. Oke Langsung saja Pada tutorial kali ini kita bahas Cara Membuat Koneksi Database MYSQL dengan PHP.


 Cara Membuat Koneksi Database MYSQL dengan PHP.

1. Buat Database Terlebih dahulu. dengan nama db_contoh.


  




2. Setelah Selesai buat Table sesuai keinginan kalian.. ( kalo tidak juga gpp ini hanya contoh )
3. Menghubungkan Database dengan PHP, Buatlah folder koneksi dan file koneksi.php di XAMPP
htdocs.. ( Saya Menggunakan XAMPP untuk Web Server )
<?php
    $user = 'root';
    $pass = 'Codebareng';

    try{
        $koneksi = new PDO('mysql:host=localhost;dbname=db_contoh',$user,$pass);
       echo 'Sukses Bro';
    }catch(PDOException $e){
        echo 'Gagal Koneksi Bro' .$e -> getMessage();
    }

?>


 Ket :
$user adalah username phpmyadmin 
$pass adalah password phpmyadmin / jika tidak pakai password kosongkan saja
db driver yang di gunakan : 'mysql'
host: 'localhost'
dbname: 'db_contoh'

 4. Jika Sudah Buka Browser anda dan UjiCoba . url : localhost/koneksi/koneksi.php












Sekian lah tutorial kali ini Cara Membuat Koneksi Database MYSQL dengan PHP. Terima kasih sudah Berkunjung ^_^ 

Incoming search terms:

  • koneksi database php dengan xampp
  • Cara Membuat Koneksi Database MYSQL dengan PHP
  • cara membuat koneksi php
  • Membuat koneksi php
  • koneksi database
  • koneksi database php
  • cara menghubungkan php dengan mysql
  • cara koneksi php ke mysql
  • koneksi php dengan MySQL
  • cara koneksi php ke database
  • cara membuat koneksi database php mysql

Sunday, April 16, 2017

Tutorial Cara Menambah User Root di Ubuntu


User root adalah user yang memiliki hak akses tertinggi di sistem operasi Linux.Dengan user root tersebut, kita bisa melakukan kustomisasi dan konfigurasi apapun di sistem tersebut.
di ubuntu sendiri belum aktif user root nya jadi kali ini saya memberikan langkah-langkah cara menambahkan user root di ubuntu cekidot :

1. Anda hanya perlu menjalankan perintah
sudo passwd root
2. Kemudian anda akan diminta memasukkan password user anda
3. Jika Otentikasi berhasil, maka anda akan diminta memasukkan password root yang baru dua kali untuk otentikasi.
4. Jika berhasil maka akan ada info bahwa password updated successfully seperti yang tertampil pada gambar di bawah:



Semoga bermanfaat ….

Copyright 2017 CODEBARENG All Rights Reserved