Membuat Barcode Generator (BAGEN) Version 2 QR Code Dengan PHP, MYSQL dan BOOTSTRAP 4

  
Pada artikel sebelumnnya saya sudah membuat barcode generator 1D atau juga disebut barcode batang, pada kesempatan kali ini saya akan memberikan tutorial singkat untuk membuat barcode generator dengan PHP, MySQL dan Boostrap 4 Version 2 yaitu barcode 2D atau juga sering di sebut QR Code.

Kenapa harus QR Code.? karena QR Code lebih reponse di bandingkan dengan barcode 1D, untuk membuat QR Code generator tentunya anda harus mendownload library nya terlebih dahulu, tapi tenang  karena saya sudah menyiapkan source code dan library QR Code di akhir tutorial ini.
  • Langkah pertama adalah mendownload CSS framework bootstrap di https://www.getbootstrap.com
  • Buat sebuah folder dengan nama qrcode di direktori C:/XAMPP/htdocs/qrcode  simpan file bootstrap kedalam folder tersebut.
  • kemudian langkah selanjutnya, silahkan anda copy dan pastekan code di bawah ini kemudian simpan dengan nama index.php ke direktori C:/XAMPP/htdocs/qrcode

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="BaGen (Barcode Generator) QR Code Version">
    <meta name="author" content="Hakko Bio Richard">
    <link rel="icon" href="">

    <title>BaGen (Barcode Generator) QR Code Version</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="signin.css" rel="stylesheet">
  </head>
<?php include "phpqrcode/qrlib.php"; ?>
  <body>

    <div class="container">

      <form method="GET" action="hasil.php" class="form-signin">
        <h2 class="form-signin-heading">QR Code Generator</h2>
        <label for="inputData" class="sr-only">InputData</label>
        <input type="text" id="kode" name="kode" class="form-control" placeholder="Masukkan Data" required autofocus>
        <br />
        <button class="btn btn-lg btn-primary btn-block" type="submit">Generate QR</button>
      </form>

    </div> <!-- /container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>

Selanjutnya silahkan copy dan pastekan code di bawah ini dan simpan dengan nama hasil.php ke direktori C:/XAMPP/htdocs/qrcode


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="BaGen (Barcode Generator) QR Code Version">
    <meta name="author" content="Hakko Bio Richard">
    <link rel="icon" href="">

    <title>BaGen (Barcode Generator) QR Code Version</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="signin.css" rel="stylesheet">
  </head>
<?php include "phpqrcode/qrlib.php"; ?>
  <body>

    <div class="container">

      <form class="form-signin">
        <h2 class="form-signin-heading">QR Code Generator</h2>
        <label for="inputData" class="sr-only">InputData</label>
        <center><?php QRcode::png("$_GET[kode]", "png/$_GET[kode].png", "L", 6, 6); ?><?php echo "<img src='png/$_GET[kode].png' /><br/>" ?></center>
        <br />
        <center><h4><?php echo "$_GET[kode]"; ?></h4></center>
        <?php $a = "png/$_GET[kode].png"; ?>
        <a class="btn btn-lg btn-primary btn-block" href="<?php echo "$a" ?>" >Download PNG</a>
      </form>
    </div> <!-- /container -->

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>

kemudian akses via browser dengan mengetikkan url localhost/qrcode, bila berhasil anda akan mendapatkan tampilan seperti di bawah ini:


Ketika anda mengetikkan karater di textbox kemudian di generate maka akan muncul QR Code nya, misal saya akan generate www.zieleite.com maka hasilnya akan seperti gambar di bawah ini :



Bagaimana mudah bukan..??
Jika sobat blogger tidak mau ribet ribet untuk codingnya, silahkan download source codenya dibawah ini...Terimakasih



Cara Upload atau Import File SQL Ukuran Besar di phpmyadmin xampp

  
Pada postingaan kali ini saya akan membahas tentang cara import file SQL besar yang lebih dari limit size di PhpMyAdmin bila tetap di import akan selalu failed / gagal, hal ini saya alami ketika sedang membuat project, bila anda mengalami hal tersebut nah postingan ini wajib anda baca sampai selesai, oke langsung saja kita mulai step by step pembahasannya seperti berikut ini:


1. Buka control panel xampp, kemudian matikan (stop) Apache dan MySQL, seperti gambar di bawah ini:


2. Bukalah file config.inc.php yang ada di direktory C:/xampp/phpMyAdmin/config.inc.php lihat gambar di bawah ini untuk lebih jelas :


3. Kemudian silahkan anda edit file config.inc.php menggunakan notepad ++ atau yang lainnya dan tambahkan code berikut di bawah kode $i++;
 $cfg['UploadDir'] = 'upload';  
 $cfg['ExecTimeLimit'] = 0;

untuk lebih jelas silahkan lihat gambar berikut ini :


4. Setelah itu buatlah sebuah folder di direktori C:/xampp/phpMyAdmin/ dengan nama upload seperti gambar di bawah ini :


5. Kemudian silahkan anda copy file sql besar yang akan di import dan pastekan di folder upload di direktori C:/xampp/phpMyAdmin/upload.

6. Setelah itu buka control panel xampp dan aktifkan kembali Apache juga MySQL dengan mengklik tombol start di control panel xampp.

7. Buka phpMyAdmin, pilih file SQL yang akan di import pada database, pilih pilihan pilih dari direktori unggah upload/ pada web server, untuk lebih jelas silahkan lihat gambar di bawah ini :



Selamat anda telah berhasil mengimport file SQL besar ke database di phpMyAdmin, semoga tutorial ini bisa bermanfaat dan berguna, demikian tutorial singkat tentang Cara Upload atau Import File SQL Ukuran Besar di phpMyAdmin, semoga bisa membantu anda dalam menyelesaikan project, tugas, ataupun untuk pembelajaran, selamat mencoba.

Enable PHP opcache extension pada XAMPP Windows

  

Jika XAMPP Anda dilengkapi dengan PHP 5.5+ secara default, opcache sudah disertakan dalam bundel, Anda hanya perlu mengaktifkannya. Untuk mengaktifkan ekstensi:

  1. Buka php.ini (secara default berada di C:\xampp\php\php.ini)
  2. Tambahkan baris ini di akhir / paling bawah: zend_extension = "C:\xampp\php\ext\php_opcache.dll"
  3. Restart Apache Server Anda / Restart XAMPP nya.
  4. SELESAI...
Jika ada pertanyaan silahkan tulis di komentar...Terimakasih