Cara Mengambil Data Wilayah Indonesia dengan PHP Laravel

Beberapa aplikasi membutuhkan data wilayah seperti Provinsi, Kota, Daerah. Sebagai contoh yang sering kita pakai ada untuk mengambil data pengiriman barang melalui jasa shipping. Beberapa aplikasi yang pasti memerlukan data wilayah ini tidak lain biasanya adalah aplikasi yang membutuhkan lokasi detail user ataupun pengguna. Continue reading Cara Mengambil Data Wilayah Indonesia dengan PHP Laravel

Belajar ES6 – Default Parameter dan Rest Parameter

Kembali belajar ES6, saya coba menuliskan artikel agar tidak lupa dan biasanya dengan menuliskan apa yang kita pelajari akan lebih lama diingat dibanding dengan hanya menonton dan membaca saja. Jika pada artikel sebelumnya saya menulis Spread Operator pada ES6, sekarang kita coba kebalikan dari Spread Operator yaitu Rest Parameter dan ada baiknya kita bahas juga apa itu Default Parameter pada ES6. Continue reading Belajar ES6 – Default Parameter dan Rest Parameter

Belajar ES6 – Spread Operator

Salah satu feature dari EcmaScript 6 yang sering digunakan adalah Spread Operator. Dengan spread operator ini kode kita menjadi lebih pendek dan mudah untuk dibaca. Beberapa tutorial React dan beberapa framework Javascript mulai banyak menggunakannya. Jadi mari kita pelajari apa itu Spread Operator pada ES6. Continue reading Belajar ES6 – Spread Operator

Belajar ES6 – Arrow Function

Salah satu fitur yang banyak digunakan dari ES6 adalah arrow function. Dari namanya kita sudah bisa mengira, ini adalah fitur pada function. Salah satu kegunaan dari fitur ini adalah syntax javascript kita menjadi lebih ringkes.

Continue reading Belajar ES6 – Arrow Function

Belajar ES6 – Destructuring Assignment

Destructuring Assignment adalah sintax dari Javascript untuk mengeluarkan suatu data dari array atau property dari satu object menjadi satu variable yang dapat kita manfaatkan untuk keperluan tertentu.

Proses ini akan banyak kita gunakan untuk mendapatkan satu variable yang ada pada array atau object javascript tertentu. Salah satu contoh yang sederhana seperti kode dibawah ini. Continue reading Belajar ES6 – Destructuring Assignment

Hardisk terkena S.M.A.R.T Status Bad, Backup and Replace

Kemarin, 23 Agustus 2018 tepatnya setelah sehari dari Hari Idul Adha, pagi-pagi saya terima notif dari laptop Asus saya. S.M.A.R.T status bad, backup and replace. Status ini baru saya alami seumur-umur saya bekerja di IT. Penasaran saya google dan ketemu informasi mengenai apa itu S.M.A.R.T pada hardisk di situs Asus Indonesia [https://www.asus.com/id/support/FAQ/1010992/].

Continue reading Hardisk terkena S.M.A.R.T Status Bad, Backup and Replace

Cara Membuat Qrcode dengan Laravel

QRCode salah satu fitur yang memudahkan pembacaan kode suatu produk dalam kasus inventory. Dulu kita juga pernah menggunakan barcode pada Codeigniter. Kasus tersebut saya gunakan dalam pembuatan inventory bengkel dan aplikasi sales order lainnya.

Pada laravel, kita dapat melakukan hal yang sama dengan lebih mudah. Compose memudahkan kita untuk mendownload class yang digunakan untuk membuat QRCode tersebut. Untuk mencobanya, saya akan menjelaskan cara sederhana membuat Qrcode dengan Laravel. Mari ikuti langkah per langkah. Continue reading Cara Membuat Qrcode dengan Laravel

Mengganti URL Composer dengan URL Indonesia

Ada beberapa kawan-kawan yang mulai beralih ke Laravel kesulitan saat melakukan instalasi. Itu saya rasakan juga sekitar 2 bulan yang lalu. Ketika composer install, proses memakan waktu yang lama dan tiba-tiba terhenti. Mencari solusi di Internet tidak ketemu sampai ada yang menyarankan mengecek provider Internet sendiri dan benar. Ternyata ada masalah di Indi*ome.

Setelah itu saya mulai mencari untuk mengganti URL composer agar provider ini tidak nge-block URL composer. Akhirnya ketemu mirroring dari Jepang dengan alamat https://packagist.jp.

Cara untuk mengganti menjadi URL Composer ini dengan perintah pada commandline / CMD / Terminal.

composer config -g repositories.packagist composer https://packagist.jp

Lalu setelah itu untuk melihat apa sudah ada perubahan pada URL tersebut. Bisa ketik dengan perintah command line berikut:

composer config --list --global

Perintah tersebut melihat config list global pada composer yang telah tersetting di komputer kita.

Lalu saya melihat group Laravel Indonesia yang memberi kabar kalau composer sudah ada mirroring nya di Indonesia. Berikut adalah linknya https://packagist.phpindonesia.id

Cara melakukannya hampir sama, copy paste saja kode dibawah ini ke terminal kawan-kawan.

composer config -g repos.packagist composer https://packagist.phpindonesia.id

setelah it bisa lihat kembali config –list –globalnya.

Setelah itu, tada.. silahkan lakukan composer install / update untuk melihat result composer kawan-kawan. Mudah-mudahan lebih cepat ya 🙂

PHPUnit : Cara Mengambil Value Dari Hasil Test Fungsi Lain

PHPUnit salah satu tool yang menarik untuk dipelajari terutama untuk kita yang ingin project atau aplikasi kita bebas dari bug. Mungkin ada beberapa kita pernah dengar istilah TDD, Test Driven Development? Atau mungkin pernah mendengar Continuous Integration? Nah dari sini mulai belajar bagaimana code yang kita buat itu sebelumnya harus menjalankan unit testing sehingga kedepan aplikasi kita lancar walaupun ada panambahan fitur baru. Continue reading PHPUnit : Cara Mengambil Value Dari Hasil Test Fungsi Lain

Membuat Tanggal Carbon menjadi Tanggal Indonesia di Laravel

Ada beberapa kawan-kawan menanyakan, bagaimana cara agar tanggal pada Carbon itu menjadi tanggal Indonesia? Karena sebagai informasi kawan-kawan, carbon itu defaultnya adalah bahasa inggris, jadi kita perlu ubah agar tanggal indonesia dengan carbon pada aplikasi kita menjadi lebih sesuai.

Berikut ini saya akan jelaskan cara agar tanggal di carbon menjadi tanggal waktu Indonesia. Kawan-kawan di luar indonesia juga bisa melakukan setting tanggal menurut wilayahnya sendiri. Continue reading Membuat Tanggal Carbon menjadi Tanggal Indonesia di Laravel

Tutorial Autocomplete Dengan Select2 dan Laravel – Kasus User Role

Pada tutorial berikut ini saya ingin membahas sederhana cara membuat autocomplete dengan Select2 pada Laravel. Pada tutorial ini diharapkan kawan-kawan bisa mengintegrasikan autocomplete ini pada project atau aplikasi Laravel kawan-kawan.

Asumsi disini adalah saya memiliki data user yang cukup banyak, jadi tidak mungkin kita tampilkan semua karena pasti akan membuat aplikasi Laravel kita jadi lambat.

Setiap user memiliki 1 role. Role ini seperti jabatan dan pada kasus autocomplete ini, data role tidak dibuat autocomplete karena data role tidak begitu banyak di aplikasi. Jika nanti kedepan banyak, mungkin saatnya kita buatkan autocomplete pada data role juga. Continue reading Tutorial Autocomplete Dengan Select2 dan Laravel – Kasus User Role

Tutorial Cara Preview Gambar Sebelum Diupload

Kadang ada user yang ingin mengupload gambar namun sebelum diproses atau disimpan pada database atau storage server ingin di preview terlebih dahulu. Hal ini mungkin akan sangat bermanfaat jika gambar yang diupload banyak sehingga perlu preview terlebih dahulu.

Di jQuery ada cara yang sangat mudah. Berikut adalah cara melakukannya.

Pertama siapkan file HTML lalu buat seperti ini.

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<input type="file" multiple id="uploadImage">
<div class="div_image"></div>
</body>
</html>

Lalu kita tambahkan javascript seperti kode berikut.

$(function() {
    // Multiple images preview in browser
    var imagesPreview = function(input, placeToInsertImagePreview) {

        if (input.files) {
            var filesAmount = input.files.length;

            for (i = 0; i < filesAmount; i++) {
                var reader = new FileReader();

                reader.onload = function(event) {
                    $($.parseHTML('<img>')).attr('src',event.target.result).appendTo(placeToInsertImagePreview);
                }

                reader.readAsDataURL(input.files[i]);
            }
        }

    };

    $('input#uploadImage').on('change', function() {
        imagesPreview(this, '.div_image');
    });
});

Dan hasilnya bisa temen-temen coba di sini: https://jsfiddle.net/adiputra/4nmLqfxk/2/

Pilih beberapa gambar lalu temen-temen akan melihat gambar langsung di preview.

Menarik ya.

Selamat mencoba Tutorial Cara Preview Gambar Sebelum Diupload 🙂