Sticker WhatsApp

Saat ini netizen sedang diramaikan oleh App WhatsApp dengan fitur baru nya yakni Sticker yang dimana sebelumnya hanya ada Emotin dan Gif. Bukan untuk yang pertama kali penggunaan Feature Sticker digunakan untuk aplikasi komunikasi pada android atau IOS, sebelumnya Blackbery, Facebook Messenger, Line sudah menggunakan feature tersebut namun yang paling beda WhatsApp tidak menambahkan Ads(Iklan) pada aplikasinya sehingga para netizen sangat nyaman dalam penggunaanya. WhatsApp sticker saat ini baru dirilis pada smartphone IOS dan untuk android sebagian sudah bisa digunakan dengan mengupdate untuk Versi terbarunya di Playstore namun jika ada yang belum bisa jangan khwatir sudah ada versi WhatsApp yang terupdate diluar playstore. anda bisa mendownload di link dibawah ini dan penggunaanya sangat mudah berikut caranya.

1.  Setelah di perbaharui atau di install WhatsApp yang baru, buka aplikasi WhatsApp.

2. Pilih menu emotion. 

3. Pilih menu stiker setelah Gif.

4. Akan muncul gambar sticker yang mau kita kirim, pilih tanda plus untuk menambahkan sticker baru. 

5. Klik sticker lalu gambar akan muncul pada pesan, penerima.

Selamat Mencoba.

Download

Membuat Log Error pada codeigniter

Sebelumnya saya sudah membuat tutorial bagaimana cara Menghilangkan pesan Error php pada Codeignite,sekarang saya akan melanjutkan bagaimana cara menampilkan error log pada codeigniter, disaat kita menyembunyikan atau hidden notif error php pada codeigniter dengan Handling Multiple Environments menggunakan setting production bukan berarti aplikasi atau project web kita tidak ada masalah tanpa pesan error dari tampilan memang tidak keliatan ada error namun untuk kelanjutannya akan berdampak buruk bagi project web kita  kemungkinan fungsi-fungsi tersebut tidak bisa berjakan baik saat ekseskusi. nah... saat web kita berjalan dengan setting environment production kita bisa melihat error apa saja  yang terjadi pada web kita, pada codeigntier terdapat 4 jenis pesan log yang bisa kita tampilkan yakni :

• 0 = Log error dinonaktifkan.
• 1 = Pesan error (termasuk error php)
• 2 = Pesan Debug
• 3 = Pesan Informasi
• 4 = Menampilkan semua pesan

Untuk membuat log error codeigniter kita harus mengaktifkan nya terlebih dahulu. secara default log error pada codeigniter diset dalam keadaan off yakni dengan option '0'. lalu kita bisa mengedit pesan error sesuai dengan kebutuhan kita dengan memilih salah-satu pesan error atau multiple. berikut contohnya.

1. Buka folder project web anda.

2. Lalu buka file config.php pada folder root/application/config/config.php

3. Lalu kita cari config log_threshold berada pada line 226.

4. Disana dapat kita lihat bahwa pengaturan log secara default 0 berarti pesan error atau log error dalam keadaan off.

5. Selanjutnya kita set sesuai kebutuhan kita.

$config['log_threshold'] = 1; //berarti error php akan tampil pada log error

$config['log_threshold'] = 2; //pesan debug akan tampil di log error

$config['log_threshold'] = 3; //pesan informasi akan tampil pada log error

$config['log_threshold'] = 4; //semua pesan akan muncul (error, informasi maupun debug)

6. Nah lalu bagaimana jika saya hanya ingin menampilkan pesan error dan pesan informasi saja, nah  itu kita bisa mensetting nya dengan menggunakan array().

$config['log_threshold'] = array(1,3); //berarti pesan yang akan muncul erro dan informasi saja

7. Nah lalu anda dapat melihat pesan error tersebut pada folder logs. root/application/logs

7. Setiap logs akan dibuat dalam 1 file php perhari, jadi jika beda hari akan buat file baru sesuai tanggal error.

8. Setelah kita buka maka tampilannya akan seperti ini.

Nah bagaimana cukup mudah kan cara membuat log error pada codeigniter, tapi perlu di ingat jika web kita sudah dihosting ataupun dilocalhost jika log error berjalan jangan kaget jika tiba-tiba kapasitas hosting anda menjadi penuh jadi perlu dicek secara berkala logs error jika memang tidak sangat dibutuhkan bisa dinonaktifkan saja.

Semoga bermanfaat

Menghilangkan pesan Error php pada Codeigniter

Saat ini saya akan membuat artikel tentang cara menyembunyikan error pada codeigniter, dimana ini sangat penting bagi anda yang sedang membangun website saat dihosting maupun dilokal mungkin saat web sudah siap di publish namun anda belum mengecek pada setiap page dan script controlles atau views ketika anda atau user sedang mengakses web dan terdapat debug atau tampilan pesan error pada script php yang dimana itu adalah salah satu celah untuk seorang hacker untuk meretas web kita dari error tersebut. kita biasa menyembunyikan dengan menggunakan script default php yakni error_reporting(0); atau E_ALL & ~E_NOTICE namun pada framework codeigniter script tersebut sudah tersedia dan dibuat lebih mudah untuk digunakan yakni dengan Handling Multiple Environments dimana anda bisa mengatur kebutuhan project anda. terdapat 3 handing yang bisa digunakan yakni :  

• development
• testing
• production

Development, dimana pada environments development ini biasanya digunakan saat anda sedang membuat sebuah project masih dalam tahap pengembangan, sehingga setiap error atau warning akan muncul untuk memberitahu kita bahwa ada yang salah dari script php yang kita buat, maka kita set environments menjadi development.

Testing, dari document user guide memang tidak dibahas tentang environments testing namun mungkin maksud nya environments testing ini kita bisa custom sendiri untuk handling environments. CMIW

Production, saat web kita sudah masuk kedalam tahap running atau publish maka kita bisa aktifkan environments production untuk menyembunyikan pesa error pada web kita saat sedang berjalan. 

cara untuk mengubah environments pada codeigniter sebagai berikut.

1. buka folder project kita.

2. lalu buka file index.php dengan software editor kesayangan anda.

3. ubah environments development menjadi production untuk handling error pada web kita.

Selesai dan coba testing pada web anda buatlah sebuah kesalahan script php dan coba ubah environments antara production dan development. sekian dari saya semoga bermanfaat dan jangan lupa follow terus dan KLIK iklan nya ya..

Cara Membuat Intent Pada android Studio

Jika anda sering menggunakan aplikasi android saat pertama muncul menu halaman utama dan saat anda menekan button atau perintah lain maka akan berganti ke layar yang lain, dalam proses tersebut dibutuhkan sebuah Intent untuk merubah layout awal dari activity pertama kepada layout yang dituju sesuai dengan Activity nya. Intent ini sangat sering digunakan untuk membangun aplikasi android untuk lebih jelasnya berikut turorial nya.

1. Buatlah sebuah project dengan nama BelajarIntent lalu pilih next.

2. Selanjutnya set minimun SDK yang akan digunakan.

3. Lalu next pilih Empty Activity lalu klik next lagi.

4. Dan tahap akhir persiapan buat project pilih Finish dan tunggu hingga selesai.

5. Setelah tahap persiapan project sekarang buka MainActivity lalu ketikan script berikut.

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private Button btnIntent;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //indentifikasi button
        btnIntent = (Button)findViewById(R.id.btnIntent);
        btnIntent.setOnClickListener(this);
    }

    //proses click button
    @Override
    public void onClick(View v) {
        Intent moveIntent = new Intent(MainActivity.this, HasilIntent.class);
        startActivity(moveIntent);
    }
}

6. Selanjutnya buat script untuk layout nya, ketikan script berikut pada activity_main pada folder res/layout.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.cahbagusnongkrong.belajarintent.MainActivity">

    <Button
        android:id="@+id/btnIntent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Pindah Halaman"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

7. Jika sudah sekarang kita buat Activity baru dengan cara klik kanan pada package lalu ikuti petunjuk sesuai gambar berikut.

8. Kita membuat Activity baru karena kita akan menampilkan halaman baru dari Activity tersebut, Beri nama activity tersebut dengan nama HasilIntent .

9. Selanjutnya ketikan pada Activity HasilIntent seperti berikut.

public class HasilIntent extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_hasil_intent);
        setTitle("Hasil Intent");
    }
}

10. Lalu kita buat tampilan dari Activity HasilIntent nya, pada res/layout/activity_hasil_intent.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.cahbagusnongkrong.belajarintent.MainActivity">

    <TextView
        android:id="@+id/btnIntent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Saya Halaman Baru"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

11. Jika sudah maka hasilnya akan seperti ini.

Ok selamat anda berhasil membuat sebuah intent untuk menampilkan layout lainnya. masih banyak yang bisa digunakan oleh intent jadi tetep ikuti tutorial intent selanjutnya.

Semoga Bermanfaat

Membuat Tab Layout pada Windows explorer dengan Clover 3.4.0

Buat pengguna OS windows pasti kalian sering menggunakan windows explorer yang berfungsi sebagai file directori saat kita ingin membuka atau mencari sebuah file. Namun saat kita ingin mebuka 2 folder direktori dengan windows explorer secara bersamaan maka kita harus membuka windows explorer baru untuk melihat data yang satu nya lagi. Dari cerita  diatas mungkin tidak terlalu dijadikan masalah namun bagimana jika kita mau membuka 10 folder dengan isi yang berbeda maka kita akan membuka 10 windows explorer secara bersamaan  dan itu bisa membuat computer kita menjadi lambat jika menggunakan spek yang standar, mungkin dengan adanya extension Clover bisa membantu anda dalam mengatasi menjalankan windows explorer. Clover berfungsi sebagai Tab Layout windows explorer anda seperti halnya pada aplikasi Nautilus pada OS Linux. Nah.. agar kalian tidak binggung mengambarkanya silahkan ikuti tutorial berikut ini.

1. Download aplikasi Clover Disini atau Disini.

2. Buka hasil download Clover dan jalankan instalasi.

3. Dalam instalasi  anda jangan shock ketika ada tidak bisa mengartikan tulisanya cukup ikuti langkah yang sudah saya buat : ) klik tombol yang dilingkari merah.

4. Tunggu hingga proses instalasi  selesai.

5. JIka sudah klik yang tombol yang dilingkari merah.

6. JIka berhasil maka akan menjadi seperti ini.

Cukup mudah kan anda tinggal menekan tobol ( + ) pada tab layout untuk menambahkan tampilan layout windows explorer jadi anda tidak perlu repot cari windows explorer mana yang terakhir anda buka.

Download


Semoga bermanfaat. 

Cara menghilangkan virus shorcut di Flashdisk

Mungkin anda pernah mengalami saat anda mau ngeprint file ke warnet atau ngambil data dari temen yang dimana komputer atau laptop nya tidak memiliki anti virus atau anti virus nya tidak pernah di update. mungkin saat dicolokin flashdisk kita ke komputer tersebut data anda masih aman tidak ada  masalah namun saat anda coba cabut lalu colokin lagi atau anda colokin komputer lain dan anda tiba-tiba langsung heboh karena data nya ilang atau hanya ada file shortcut saja dan yang paling penting lagi disitu ada tugas skripsi anda dan foto mantan anda gmn rasanya kalo itu bener-bener hilang. jika terjadi hal tersebut anda jangan panik dan memformat flashdisk anda karena data anda masih bisa terselamatkan. berikut cara nya.

1. Buka run dengan menekan windows + R dan ketikan cmd.

2. Lalu akan muncul tampilan command prompt seperti berikut.

3. Selanjutnya masuk ke drive USB kita yang terkena virus shorcut tersebut.

4. Laku ketikan script berikut pada CMD untuk mengembalikan data  attrib -s -r -h /s /d 

5. jika sudah tunggu hingga selesai lalu check USB Flashdisk kamu akan ada folder ( . ) tanpa  nama lalu lihat didalam nya disitulah file anda tesimpan, lalu pindahkan datanya dulu dari USB yang kena virus ke Drive yang lain, lalu format Flashdisk anda.

Pada dasarnya virus shorcut hanya menyebabkan file anda terhidden saja namun jangan dianggap enteng jika antivirus anda yang selalu update dan tiba-tiba menscan Flashdisk anda dan anda belum melakukan pengembalian data dengan cara diatas, maka data file anda akan hilang selamanya dan harus direcovery dengan cara Recovery data USB Flashdisk, namun jika data shorcut anda berada dikarantina maka segera restore kembali agar data anda bisa dikembalikan. 

Semoga bermanfaat.

Menghitung Jumlah text Karakter dengan Jquery

Saat kita menginput sebuah text yang panjang mungkin perlu suatu batasan jumlah text agar data yang di input tidak terlalu banyak sehingga dapat ditampilkan sesuai kebutuhan yang ada. mungkin salah satu contoh adalah twitter kita hanya bisa membuat postingan twett hanya 140 karakter text saja jadi saat melebihi batas yang ditentukan maka tombol submit twett tidak bisa diklik twett tersebut. saya memiliki tutorial simple cara menghitung jumlah karakter dengan jquery mungkin ini bisa membantu anda untuk mengerjakan sebuah project. Berikut tutorialnya.

1. Buat lah sebuah file index.html lalu ketikan script berikut, disini saya menggunkan bootstrap.

<div class="form-group">    
 <div class="col-md-12">
  <textarea class="message form-control" rows="5" cols="30" ></textarea>
  <span class="countdown"></span>
  <button type="submit" class="btn_cut btn" id="update">
   Update
  </button>
 </div>
</div>  

2. Tambahkan script Jquery seperti berikut.

$(document).ready(function ($) {
    updateCountdownAll();
    $('.message').live('input', updateCountdown);

});

function updateCountdownAll() {
    $('.message').each(function () {
        updateCountdown(this);
    });
}

function updateCountdown(e) {

    var currentElement;
    if (e.target) {
        currentElement = e.target;
    } else {
        currentElement = e;
    }

    var maxLengh = 50;
    var remaining = maxLengh - $(currentElement).val().length;
    $(currentElement).nextAll('.countdown:first').text(remaining).css('color', 'black');
 if (remaining == 0 ){
  $('.countdown:first').hide();
  $(':input[type="submit"]').removeAttr("disabled");
 }else if(remaining < 0){
  $(currentElement).nextAll('.countdown:first').text(remaining).css('color', 'red').show();
  $(':input[type="submit"]').prop('disabled', true);  
 }else{
  $(currentElement).nextAll('.countdown:first').text(remaining).css('color', 'black').show();
 }
} 

3. Jangan lupa include file jquery nya secara offline atau online dengan CDN. 

4. Jika sudah jalan kan jika berhasil tampilan nya akan seperti ini.

Cukup mudahkan proses nya anda bisa menggunakan script ini untuk berbagai kebutuhan anda seperti membuat sebuah pesan, membuat sebuah komentar atau hal lainnya. semoga bermanfaat.


Demo

Cara Copy text dengan clipboard.js

Sekarang saya akan membuat tutorial cara copy text dengan menggunkan plugins jquery clipboard.js. plugins ini sudah umum digunakan oleh website-website lain, dengan proses copy text yang sangat simple tampa harus memblock text yang akan di copy hanya cukup menekan tombol copy maka text akan otomatis tercopy lalu tinggal di paste. plugins ini dibuat oleh Zeno Rocha dengan Licensi MIT jadi anda bisa menggunakan untuk web komersil anda. untuk lebih lanjut berikut tutorialnya.

1. Download plugin  Clipboard.js disini atau melalui github.

2. Extract plugin  Clipboard.js pada folder project anda.

4. Buatlah link extension untuk memanggil Clipboard.js untuk nama folder sesuai selera masing-masing.  

<script type="text/javascript" src="assets/plugins/clipboardjs/clipboard.js"></script>    
<script type="text/javascript" src="assets/js/jquery-2.2.3.min.js"></script> 

5. Buat lah sebuah input text yang akan kita copy, seperti contoh dibawah ini

<div class="input-group input-group-md">
   <input id="foo" class="form-control" value="https://cahbagusnongkrong.blogspot.co.id/">
   <span class="input-group-btn">
      <button class="btn_copy btn" data-clipboard-target="#foo">
         <i class="fa fa-clipboard" aria-hidden="true"></i>
      </button>
  </span>
</div>

6. Lalu tambahkan script Jquery seperti berikut.

$('.btn_copy').tooltip({
  trigger: 'click',
  placement: 'bottom'
});
function setTooltip(message) {
  $('.btn_copy').tooltip('hide')
    .attr('data-original-title', message)
    .tooltip('show');
}
function hideTooltip() {
  setTimeout(function() {
    $('.btn_copy').tooltip('hide');
  }, 2000);
}
var clipboard = new Clipboard('.btn_copy');
clipboard.on('success', function(e) {
  setTooltip('Copied!');
  hideTooltip();
});
clipboard.on('error', function(e) {
  setTooltip('Failed!');
  hideTooltip();
});

7. Jika sudah kita jalankan jika berhasil maka hasil nya seperti ini .


8. Jika anda ingin membuat cut text anda bisa menambahkan script berikut.

<textarea id="bar" rows="5">Isi dengan text anda</textarea><br/>
<button class="btn_copy btn" data-clipboard-action="cut" data-clipboard-target="#bar">Cut data text</button>

Bagaimana mudahkan cara mengimplementasikannya, anda tidak perlu menekan ctrl + C lagi pada keyboard anda, cukup tekan klik lalu paste. sekian tutorial dari saya semoga bermanfaat.

Demo

Mempercantik Alert JavaScript dengan Sweet Alert

Saat anda membangun sebuah project untuk client pasti anda pernah membuat sebuah notifikasi peringatan dengan menggunakan javascript maupun jquery secara default untuk memberikan informasi bahwa terjadi suatu kesalahan, peringatan ataupun perintah lainnya, cara paling mudah yang sering dilakukan adalah  dengan menuliskan script alert('Terjadi kesalahan ..!'); dari segi tampilan ya standar saja namun terkadang tiap browser berbeda untuk hasilnya, jika anda terbiasa menggunakan Bootstrap mungkin akan sedikit lebih menarik dengan menampilkan modal sebagai notifikasi peringatan. tetapi pada tutorial ini saya akang menggunakan plugin SweetAlert2 untuk menampilkan pesan peringatan agar lebih interaktif dengan user. untuk lebih lanjut berikut tutorialnya.

1. Download SweetAlert2 Plugin

2.  Extract plugin SweetAlert ke folder project kalian.

3. Buatlah scritp seperti berikut.

<html>
<head>
<title>Page Loading</title>
   <link rel="stylesheet" href="sweetalert2.min.css" />
   <script src="jquery-2.2.3.min.js"></script>
   <script src="sweetalert2.min.js"></script>
</head>
<body>
 <button type="button" id="alert1">Alert 1</button>
 <button type="button" id="alert2">Alert 2</button>
 <button type="button" id="alert3">Alert 3</button>
 <button type="button" id="alert4">Alert 4</button>
 <button type="button" id="alert5">Alert 5</button>
 <button type="button" id="alert6">Alert 6</button>
</body>
</html>

3. Lalu buat lah config untuk tampilan alert nya.

$('#alert1').click(function() {
 swal('Hello saya menggunakan SweetAlert plugin js')
});

$('#alert2').click(function() {
 swal(
   'Apa itu SweetAlert?',
   'Sebuah plugin js untuk merpercantik Notifikasi Alert',
   'question'
 ) 
}); 

$('#alert3').click(function() {
 swal(
   'Good job!',
   'Pilihan anda benar!',
   'success'
 ) 
}); 

$('#alert4').click(function() {
 swal({
   title: 'Automotasi Exit Alert!',
   text: 'Saya akan close setelah 2 detik.',
   timer: 2000
 }).then(
   function () {},
   function (dismiss) {
  if (dismiss === 'timer') {
    console.log('I was closed by the timer')
  }
   }
 ) 
}); 

$('#alert5').click(function() {
 swal({
   title: 'HTML example',
   type: 'info',
   html:
  'Anda bisa menggunakan Tag HTML seperti bold text, ' +
  'links ' +
  'dan HTML Tag lainnya',
   showCloseButton: true,
   showCancelButton: true,
   confirmButtonText:
  ' Great!',
   cancelButtonText:
  ''
 }) 
}); 

$('#alert6').click(function() {
 swal({
   title: 'Apakah anda yakin?',
   text: "Anda akan keluar dari Form ini!",
   type: 'warning',
   showCancelButton: true,
   confirmButtonColor: '#3085d6',
   cancelButtonColor: '#d33',
   confirmButtonText: 'Yes ',
   cancelButtonText: 'No',
   confirmButtonClass: 'btn btn-success',
   cancelButtonClass: 'btn btn-danger',
   buttonsStyling: false
 }).then(function () {
   swal(
  'Logout!',
  'Anda telah berhasil logout.',
  'success'
   )
 }, function (dismiss) {
   if (dismiss === 'cancel') {
  swal(
    'Cancelled',
    'Anda tidak dapat logout :)',
    'error'
  )
   }
 })
}); 

5. Jika sudah coba jalankan dan hasilnya akan seperti berikut.

Cukup mudah bukan prosesnya dan hasilnya pun menarik perhatian. untuk lebih jelasnya anda bisa lihat diweb resminya Sweet alert2 anda bisa gunakan plugin ini sesuai kebutuhan anda karena plugin ini berlisensi MIT License anda bisa menggunakan untuk web komersil anda.

Demo


Semoga Bermanfaat