3 Library Authentication Terbaik Codeigniter

Library Authentication  Codeigniter Terbaik 

juragan coding - oke kali gw gak bakal panjang lebar dan kali ini gw akan memberikan beberapa library codeigniter untuk memudahkan loe dalam proses pengembangan web khusus nya dalam proses authentication, ada banyak library codeigniter untuk memudahlan kita dalam proses authentication nah tapi kali ini gw akan memilih hanya 3 saja, langsung saja
untuk urutan pertama jatuh pada ION Auth

1. Ion Auth

nah untuk fitur dari ion auth bisa di lihat di bawah ini

1. Registration
2. Login and Logout
3. Forgotten Password
4. Change Password Method
5. Focused on security
6. User groups
7. “Remember Me” funtionality
8. Extremely Customizable

jika loe tertarik untuk menggunakan ion auth bisa lihat dokumentasi nya di sini DocIon Auth

2. AG Auth

1. Login (using username or email) 
2. Logout 
3. Register
4. Secure Remember me (essentially unbreakable) 
5. Strong username and password policy server side 
6. Maximum number of failed login attempts, security against DDoS or Bruteforce attacks 
7. Makes use of the form validation class

Doc Ag Auth

3. Bit Auth

untuk library tidak jauh beda dengan AG auth, dan memiliki beberapa kelebihan yaitu  

Password aging: Require your users to change their passwords at a set interval

Documentation Bit Auth

Cara Merubah Tampilan Alert Javascript

Mempercantik Alert JavaScript dengan SweetAlert

juragan coding - yuhu sahabat codig kali ini hadir kembali dalam edisi tutorial, dan kali ini gw akan berbagi tutorial mengenagi cara merubah tampilan javascript agar terlihat cantik dengan sweetalert, belum tau apa itu sweetalert ? silahkan cari di google

untuk tampilan interfaces nya silahkan lihat di gambar di atas

Tutorial Merubah Tampilan Alert Javascript

1. Download file master di disini
2. Extract file tersebut.
3. Copy folder dist ke folder project.

Setelah file css dan js sweet alert telah terdapat pada project kita, maka loadkedua file tersebut dalam file html kita. Dan kita bisa menampilkan alert darisweet alert dengan memanggil fungsi berikut:

swal("Good job!", "You clicked the button!", "success");

untuk keseluruhan code nya silahkan salin di bawah ini

<!DOCTYPE html>
<html>
<head>
<title>Sweet Alert</title>
<link rel="stylesheet" type="text/css" href="dist/sweetalert.css">
<script type="text/javascript" src="dist/sweetalert.min.js"></script>
</head>
<body>
<button onclick="classic()">Normal Alert</button>
<button onclick="sweet()">Sweet Alert</button>
<script>
function normal () {
alert("Normal Alert!");
}
function sweet (){
swal("Good job!", "You clicked the button!", "success");
}
</script>
</body>
</html>

Mengulas Kelebihan Mysql Dan MariaDb

Mariadb VS Mysql

juragan coding - mysql dan mariadb bagus mana ? nah mungkin ada beberapa dari sahabat coding yang bertanya seperti itu, ya wajar saja karena ke dua aplikasi mempunyai track record yang sangat bagus terlebih mariadb di gunakan oleh beberap situs besar seperti google yang memakai mariadb dan web sekelas wikipedia pun memilih wikipedia sebagai database nya, nah pertanyaan nya bagus mana mysql dan mariadb ?

mari kita lihat dibawah sahabt coding 

Pengertian mysql dan mariadb

Mysql :

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia.

Mariadb

MariaDB merupakan versi pengembangan terbuka dan mandiri dari MySQL. Sejak diakuisisinya MySQL oleh Oracle pada September 2010, Monty Program sebagai penulis awal kode sumber MySQL memisahkan diri dari pengembangan dan membuat versi yang lebih mandiri yakni MariaDB. 

Kelebihan Mysql dan MariaDb
Mysql :

1. Dapat bekerja di beberapa platform yang berbeda seperti LINUX, Windows, MacOS, FreeBSD, Solaris, dll.
2. Dapat dikoneksikan pada bahasa C, C++, Java , Perl, PHP, dan Python.
3. Mempunyai lebih banyak tipe data seperti : signed/unsigned integer yang memiliki panjang data sebesar 1,2,3,4 dan 8 byte. FLOAT, DOUBLE, CHAR, VARCHAR, TEXT, BLOB, DATE, TIME, DATETIME, TIMESTAMP, YEAR, SET, dan tipe ENUM.
4. Mendukung penuh terhadap kalimat SQL GROUP BY dan ORDER BY . Mendukung terhadap fungsi penuh ( COUNT ( ), COUNT(DISTINCT), AVG( ), STD ( ), SUM ( ), MAX ( ), AND MIN ( ) ).
5. Mendukung terhadap LEFT OUTHER JOIN dengan ANSI SQL dan sintak ODBC.
6. Mendukung ODBC for windows 95' (dengan source program). Semua fungsi ODBC 2.5 dan sebagainya. Sebagai contoh kita dapat menggunakan Access untuk connect ke MySQL server.
7. Menggunakan GNU automake, autoconf, dan LIBTOOL untuk portabilitas.
8. Kita dapat menggabungkan beberapa table dari database yang berbeda dalam query yang sama. Structure table MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE dibandingkan DBMS lainnya.
9. Ditulis dengan menggunakan bahasa C dan C++. Diuji oleh compiler yang sangat jauh berbeda.

MariaDb :

1. MariaDB itu sangat compatible dengan MySQL. Jadi kalo aplikasi kamu sekarang make MySQL lalu suatu saat MySQL dikomersilkan oleh Oracle (siapa tau aja…) maka kamu bisa dengan mudah pindah make MariaDB.
2. Selamanya gratis. Mau dijelasin kaya apa, yang pasti gratisss.
3. Penuh fitur. Fitur2nya melimpah, meskipun saya ngga make, ‘katanya’ sih begitu.
4. Memilki storage engine yang lebih banyak dari MySQL. Nah kalo yang ini saya ngga begitu tertarik, yang penting mah database saya bisa jalan, itu aja udah cukup.
5. Dikembangkan oleh si pembuat MySQL. Meskpun ganti nama, kalo dikembangin oleh yang nyiptainnya udah pasti akan terawat, karena pasti dia udah ngerti seluk beluk dan dalemannya
6. Raksasa internet pada pindah. Yup, Wikipedia dan Google adalah 2 dari perusahaan raksasa yang beralih make MariaDB

Jadi Lebih Bagus Mana ?

kalo bicara lebih bagus mana seperti nya kedua aplikasi basis data tersebut memiliki kekurangan dan kelebihan sendiri jadi itu semua tergantung kita sebagai developer untuk lebih bijak dalam mempertimbangkan mana aplikasi basis data yang seharus nya dapat menunjang performa web

nah sekian artikel tentang mengulas kelebihan dan kekurangan mysql dan mariadb semoga bermanfaat

Trik CMD Buat Kamu Yang Ngaku Hacker

Trik Merubah Warna CMD Ala Hacker

juragam coding - halo sahabat coder kali ini gw akan berbagi sedikit trik yang sangt konyol sekali ya maklum lah masih belum ada postingan buat tutorial, jadi yang daripada blog sepi jadi gw bikin tutorial yang ala kadar nya aja aja, tutorial ini gw beri judul "trik cmd untuk hacker"

Tutorial 

nah pertama buka CMD kamu setelah itu kamu ketikan color -h

nah disana terdapat banyak pilihan untuk merubah warna teks di cmd misalnya saya ketika color 1 maka warna akan berubah menjadi biru, silahkan coba mudah kok 

Kumpulan Flat Icon Untuk Website Berbasis Pendidikan

Flat icon untuk website Design

Juragan Coding - Icon Flat untuk website memang sangat mearik untuk mempercantik user interface icon, icon juga berfungsi sebagai sarana komunikasi antara user dan website anda maka dari itu pemilihan icon sangat penting sekali untuk menunjang hasil web design anda, Nah, menemukan icon yang paling tepat untuk dipasang di website Anda bisa dibilang merupakan pekerjaan yang gampang-gampang susah. Hal ini bisa jadi cukup membosankan dan membuang waktu (Bayangkan jika kita harus mencari melalui berbagai situs penyedia icon). Maka tulisan saya mungkin bisa sedikit membantu memecahkan masalah anda. Di sini, saya kumpulkan icon web untuk website edukasi atau pendidikan

silahkan di download di bawah ini

Cara Export Data PHP Menjadi File PDF

Juragan coding – merubah data web menjadi PDF di PHP dengan library FPDF

Halo bro kali ini juragan coding akan memberikan tutorial cara eksport data di PHP menjadi sebuah file

pdf yang bias download, konsep ini sangat cocok untuk loe yang akan membuat website seperti

penerimaan siswa baru dengan codeignitr atau aplikasi CRUD yang kompleks dengan PHP, untuk

membuat file pdf disini gw menggunakan library FPDF jadi di tutorial kali gw akan ngejelasin dari mulai

cara install sampai tahap pembuatan langsung saja di simak

Pertama download fpdf di bawah ini

Setelah di download include kan ke file php loe

Untuk melihat hasilnya silahkan copy script di bawah ini

<?php
require('fpdf.php');
$pdf = new FPDF();
$pdf->AddPage();
$pdf->SetFont('Arial','B',16);
$pdf->Cell(40,10,'www.juragancoding.com');
$pdf->Output();
?>

Nah jika loe masih bingung bias di coba scipt di bawah ini

<?php
require('fpdf.php');
class PDF extends FPDF
{
// Page header
function Header()
{
// Logo
$this->Image('logo.png',10,6,30);
// Arial bold 15
$this->SetFont('Arial','',9);
// Move to the right
$this->Cell(48);
// Title
$this->Cell(10,-2,'YAYASAN PEMBINA LEMBAGA PENDIDIKAN DASAR DAN MENENGAH
PGRI',0,'C');
// Line break
$this->Ln(4);
// Arial bold 15
$this->SetFont('Arial','',9);
// Move to the right
$this->Cell(58);
// Title
$this->Cell(10,-2,'(YPLP DIKDASMEN PGRI) KABUPATEN BANDUNG BARAT',0,'C');
// Line break
$this->Ln(5);
// Arial bold 15
$this->SetFont('Arial','B',14);
// Move to the right
$this->Cell(80);
// Title
$this->Cell(10,-2,'SMK PGRI LEMBANG',0,'C');
// Line break
$this->Ln(5);
// Arial bold 15
$this->SetFont('Arial','',9);
// Move to the right
$this->Cell(40);
// Title
$this->Cell(10,-2,'Terakreditasi B (SK-BAN- S/M PROPINSI JAWA BARAT NO.
02.00/694/BP-SM/X/2011)',0,'C');
// Line break
$this->Ln(4);
// Arial bold 15
$this->SetFont('Arial','',8);
// Move to the right
$this->Cell(30);
// Title
$this->Cell(10,-2,'Jl.Barulaksana No.65 Kec. Lembang Kabupaten Bandung
Barat | Tlp : (021) 8767655 www.smkpgrilembang.sch.id',0,'C');
$this->Ln(4);
$this->cell(190,0.2,'','0','1','C',true);
$this->Ln(5);
$this->SetFont('Times','',12);
$this->Cell(10,-2,'Nama : M Candra Hamdani',0,'C');
$this->SetFont('Times','',12);
$this->Cell(130);
$this->Cell(10,-2,'Program Studi : TKJ',0,'C');
$this->Ln(5);
$this->SetFont('Times','',12);
$this->Cell(10,-2,'Kelas : Xi Semester 2',0,'C');
$this->SetFont('Times','',12);
$this->Cell(130);
$this->Cell(10,-2,'Ranking : 1',0,'C');
// Line break
$this->Ln(6);
}
// Page footer
function Footer()
{
// Position at 1.5 cm from bottom
$this->SetY(-15);
// Arial italic 8
$this->SetFont('Arial','I',8);
// Page number
$this->Cell(0,10,'www.smkpgrilembang.sch.id',0,0,'C');
}
}
// Instanciation of inherited class
$pdf = new PDF();
$pdf->AddPage();
$pdf->SetFont('Times','',12);
$pdf->Cell(0,10,'Mohon maaf masih dalam perbaikan');
$pdf->Output();
?>

Cara Logout Facebook Ketika Internet Gak Konek

Pernah gk ketika kamu main facebook di warnet tiba-tiba internet gak konek, nah gimana cara logout nya sedangkan internet nya aja kan gak konek nah tenang aja jika kamu pengguna google chrome logout facebook tanpa internet jadi mudah hanya dengan sekali klik facebook kita udah logout, gak percaya ? simak di bawah ini

Tutorial logout facebook :

1. Pertama klik kanan->inspect elemen di bagian yang kosong area facebook kamu

2. pilih resource terus hapus semua cookie yang ada di tab resource, bingung lihat gambar di bawah

3. Refresh facebook kamu dan seketika facebook kamu sudah logout secara otomatis

nah gimana mudah kan ? terima kasih

Membuat Pricing Table Atau Menu Harga Dengan CSS

Membuat Pricing Table Atau Menu Harga Dengan CSS - hay kali ini juragan coding akan berbagi tutorial mengenai CSS, dan kali ini juragan coding akan berbagi tutorial mengenai membuat menu harga tampilan seperti yang terlihat di menu hosting ya sobat

TUTORIAL

<body>
    <div class="wrapper">
        <!-- PRICING-TABLE CONTAINER -->
        <div class="pricing-table group">
            <h1 class="heading">
                Pricing overview
            </h1>
            <!-- PERSONAL -->
            <div class="block personal fl">
                <h2 class="title">personal</h2>
                <!-- CONTENT -->
                <div class="content">
                    <p class="price">
                        <sup>$</sup>
                        <span>29</span>
                        <sub>/mo.</sub>
                    </p>
                    <p class="hint">Perfect for freelancers</p>
                </div>
                <!-- /CONTENT -->
                <!-- FEATURES -->
                <ul class="features">
                    <li><span class="fontawesome-cog"></span>1 WordPress Install</li>
                    <li><span class="fontawesome-star"></span>25,000 visits/mo.</li>
                    <li><span class="fontawesome-dashboard"></span>Unlimited Data Transfer</li>
                    <li><span class="fontawesome-cloud"></span>10GB Local Storage</li>
                </ul>
                <!-- /FEATURES -->
                <!-- PT-FOOTER -->
                <div class="pt-footer">
                    <p>Host My Website</p>
                </div>
                <!-- /PT-FOOTER -->
            </div>
            <!-- /PERSONAL -->
            <!-- PROFESSIONAL -->
            <div class="block professional fl">
                <h2 class="title">Professional</h2>
                <!-- CONTENT -->
                <div class="content">
                    <p class="price">
                        <sup>$</sup>
                        <span>99</span>
                        <sub>/mo.</sub>
                    </p>
                    <p class="hint">Suitable for startups</p>
                </div>
                <!-- /CONTENT -->
                <!-- FEATURES -->
                <ul class="features">
                    <li><span class="fontawesome-cog"></span>10 WordPress Install</li>
                    <li><span class="fontawesome-star"></span>100,000 visits/mo.</li>
                    <li><span class="fontawesome-dashboard"></span>Unlimited Data Transfer</li>
                    <li><span class="fontawesome-cloud"></span>20GB Local Storage</li>
                </ul>
                <!-- /FEATURES -->
                <!-- PT-FOOTER -->
                <div class="pt-footer">
                    <p>Host My Website</p>
                </div>
                <!-- /PT-FOOTER -->
            </div>
            <!-- /PROFESSIONAL -->
            <!-- BUSINESS -->
            <div class="block business fl">
                <h2 class="title">Business</h2>
                <!-- CONTENT -->
                <div class="content">
                    <p class="price">
                        <sup>$</sup>
                        <span>249</span>
                        <sub>/mo.</sub>
                    </p>
                    <p class="hint">For established business</p>
                </div>
                <!-- /CONTENT -->

                <!-- FEATURES -->
                <ul class="features">
                    <li><span class="fontawesome-cog"></span>25 WordPress Install</li>
                    <li><span class="fontawesome-star"></span>400,000 visits/mo.</li>
                    <li><span class="fontawesome-dashboard"></span>Unlimited Data Transfer</li>
                    <li><span class="fontawesome-cloud"></span>30GB Local Storage</li>
                </ul>
                <!-- /FEATURES -->

                <!-- PT-FOOTER -->
                <div class="pt-footer">
                    <p>Host My Website</p>
                </div>
                <!-- /PT-FOOTER -->
            </div>
            <!-- /BUSINESS -->
        </div>
        <!-- /PRICING-TABLE -->
    </div>
</body>

Setelah itu copykan file css di bawah ini di bagian projects html kamu

/*
Inspired by the dribble shot http://dribbble.com/shots/1285240-Freebie-Flat-Pricing-Table?list=tags&tag=pricing_table
*/

/*--------- Font ------------*/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*------ utiltity classes -----*/
.fl{ float:left; }
.fr{ float: right; }
/*its also known as clearfix*/
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1;  /*For IE 6/7 (trigger hasLayout) */
}

body {
    background: #F2F2F2;
    font-family: 'Droid Sans', sans-serif;
    line-height: 1;
    font-size: 16px;    
}
.wrapper {
    
}
.pricing-table {
    width: 80%;
    margin: 50px auto;
    text-align: center;
    padding: 10px;
    padding-right: 0;
}
.pricing-table .heading{
    color: #9C9E9F;
    text-transform: uppercase;
    font-size: 1.3rem;
    margin-bottom: 4rem;
}
.block{
    width: 30%;    
    margin: 0 15px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
/*    border: 1px solid red;*/
}
/*Shared properties*/
.title,.pt-footer{
    color: #FEFEFE;
    text-transform: capitalize;
    line-height: 2.5;
    position: relative;
}
.content{
    position: relative;
    color: #FEFEFE;
    padding: 20px 0 10px 0;
}
/*arrow creation*/
.content:after, .content:before,.pt-footer:before,.pt-footer:after {
 top: 100%;
 left: 50%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}
.pt-footer:after,.pt-footer:before{
    top:0;
}
.content:after,.pt-footer:after {
 border-color: rgba(136, 183, 213, 0); 
 border-width: 5px;
 margin-left: -5px;
}
/*/arrow creation*/
.price{
    position: relative;
    display: inline-block;
    margin-bottom: 0.625rem;
}
.price span{    
    font-size: 6rem;
    letter-spacing: 8px;
    font-weight: bold;        
}
.price sup{
    font-size: 1.5rem;    
    position: absolute;    
    top: 12px;
    left: -12px;
}
.hint{
    font-style: italic;
    font-size: 0.9rem;
}
.features{
    list-style-type: none;    
    background: #FFFFFF;
    text-align: left;
    color: #9C9C9C;
    padding:30px 22%;
    font-size: 0.9rem;
}
.features li{
    padding:15px 0;
    width: 100%;
}
.features li span{
   padding-right: 0.4rem; 
}
.pt-footer{
    font-size: 0.95rem;
    text-transform: capitalize;
}
/*PERSONAL*/
.personal .title{        
    background: #78CFBF;    
}
.personal .content,.personal .pt-footer{
    background: #82DACA;
}
.personal .content:after{ 
 border-top-color: #82DACA; 
}
.personal .pt-footer:after{
    border-top-color: #FFFFFF;
}
/*PROFESSIONAL*/
.professional .title{
    background: #3EC6E0;
}
.professional .content,.professional .pt-footer{
    background: #53CFE9;
}
.professional .content:after{ 
 border-top-color: #53CFE9; 
}
.professional .pt-footer:after{
    border-top-color: #FFFFFF;
}
/*BUSINESS*/
.business .title{
    background: #E3536C;
}
.business .content,.business .pt-footer{
    background: #EB6379;
}
.business .content:after{ 
 border-top-color: #EB6379; 
}
.business .pt-footer:after { 
 border-top-color: #FFFFFF; 
}

Nah gimana mudah bukan, mungkin sekian tutor dari juragancoding mengenai membuat pricing table menu dengan css semoga bermanfaat