Hi, My name is Muhammad Azmi

I'm from Palembang, one of best culinary city in Indonesia. I learn to code by myself from 2014 until now.

About Me

I'm a Full Stack Web Developer with over 5 years of experience specializing in backend development. Experienced with all stages of the development cycle for dynamic web projects. Having an in-depth knowledge including HTML5, CSS, CSS3, PHP, Codeigniter, JavaScript, JQuery, Bootstrap. You can see my latest project on AmperaKoding

Blog

LATEST FORM Blog

Cara Menggunakan/ Integrasi/ Pasang Datepicker pada Bootstrap

Pada tulisan kali ini, saya akan membahas tentang Cara Menggunakan/ Integrasi/ Pasang Datepicker pada Bootstrap. Datepicker adalah plugin yang dapat memunculkan tanggal, bulan dan tahun yang nantinya dapat Anda pilih secara bebas di sebuah form.


Datepicker yang sederhana dapat Anda dapatkan di https://jqueryui.com/datepicker. Cara integrasi atau memasangnyapun cukup mudah dengan memperhatikan kodingan berikut ini:


Klik menu SEE ORIGINAL untuk lebih jelasnya

Penjelasan

  1. Kalau Anda perhatikan kodingan diatas, Anda perlu memanggil dulu file-file yang diperlukan, antara lain:
    • Jquery
    • Jquery UI (js + css)
  2. Kemudian, setelah kita memanggil file-file tersebut maka kita siapkan form yang akan dibuat menjadi form yang support dengan datepicker dan script js nya. 
  3. Pada baris ke 9-13 merupakan bagian untuk membuat fungsi javascript yang ditujukan ke form datepicker yang kita pilih.
  4. Pada baris ke 11 ada teks #datepicker yang artinya kita akan memasang datepicker pada form Date yang ada di baris ke-17 dengan id="datepicker". Sebagai catatan, kalau Anda ingin mengatur untuk ditampilkan dengan class, maka ganti simbol # menjadi . Jangan lupa juga id="datepicker" anda ubah menjadi class="datepicker".

Bagaimana Kalau Menggunakannya dengan Bootstrap?

Pada bagian ini, saya menjelaskan cara mengintegrasikannya dengan bootstrap pada 2 field input yang berbeda yaitu tgl_awal dan tgl_akhir yang caranyapun tidak terlalu sulit. Tutorial Premium saya yang berjudul Membuat Website Ecommerce Professional dengan Codeigniter 3, Bootstrap 4, PHP 7, IonAuth 2 dan API Rajaongkir juga telah disediakan fitur ini. Anda perlu menyiapkan beberapa file seperti pada bagian Datepicker tanpa bootstrap di awal tulisan ini.
  1. Download dulu filenya di
    https://github.com/uxsolutions/bootstrap-datepicker/tree/1.6 atau langsung klik disini. Dokumentasinya bisa Anda lihat disini
  2. Download jquery, klik disini
  3. Download bootstrap, klik disini
  4. Ekstrak file yang telah Anda download diatas ke direktori project Anda
  5. Buatlah kodingan seperti berikut ini:

    Klik menu SEE ORIGINAL untuk lebih jelasnya
  6. Jalankan dan lihat hasil yang telah Anda buat atau Anda bisa mendownload hasil jadinya yang versi bootstrap di bagian Download dibawah ini.

Download

Source code: klik disini

Silahkan ajukan pertanyaan di kolom komentar kalau ada yang ingin ditanyakan, jangan lupa dibagikan tulisan ini dan semoga bermanfaat

Cara Konfigurasi Kirim Email pada Library ion_auth Tanpa atau dengan SMTP

Pada artikel kali ini saya akan membahas tentang Cara Konfigurasi Kirim Email pada Library ion_auth Tanpa atau dengan SMTP. Artikel ini dibuat karena banyak yang masih bingung cara setup kirim email di ion_auth. Artikel ini juga akan saya masukkan di file google drive, dan bagi Anda yang telah memilikinya silahkan cek kembali.


Baiklah tanpa basa-basi panjang lebar lagi silahkan perhatikan langkah-langkahnya berikut ini.

TANPA SMTP


  1. Perhatikan 2 baris yang saya blok di gambar diatas pada file ion_auth.php pada folder config.
  2. Silahkan Anda ubah site_title menjadi nama web Anda yang valid/ benar misalkan: azmicolejr.com dan admin_email seperti: mail@azmicolejr.com.
  3. Email tersebut harus Anda miliki/ buat di server Anda.
  4. Scroll ke bawah dan pastikan $config['use_ci_email'] = FALSE; telah dirubah nilainya dari FALSE menjadi TRUE. Hal ini akan membuat ion_auth mengirimkan format email dengan fungsi mail()
  5. Selesai
CATATAN
Supaya metode ini dapat berjalan, pastikan terlebih dahulu sebelum membeli server apakah pihak hosting menyediakan fitur mail() atau tidak. Kalau tidak maka cari yang bisa, saya pribadi hosting di dewaweb.

Dengan SMTP

Pada bagian ini saya membahas dengan SMTP. Sebenarnya setting SMTP ini lumayan ribet, saya pribadi tidak menggunakan metode ini karna lebih mudah apabila menggunakan fungsi bawaan php yaitu mail(). Namun, ada pihak hosting yang tidak memberikan fungsi ini secara default/ bawaan. Saya tidak merubah source code yang sudah ada dengan metode ini. 

LANGKAH-LANGKAH:
  1. Matikan terlebih dahulu verifikasi 2 langkah di akun gmail Anda, silahkan ke https://support.google.com/accounts/answer/1064203?hl=id 
  2. Buka file ion_auth.php pada folder config.
    Ganti $config['identity'] = 'username’; menjadi $config['identity'] = ‘email’;Ganti $config['use_ci_email'] = TRUE; menjadi $config['use_ci_email'] = FALSE;
  3. Buka file Auth pada direktori project: admin/Auth.php. Scroll atau cari baris function forgot_password dan copas skrip berikut pada function forgot_password tersebut:


  4.  Pada function username_check di file model: Ion_auth_model, ganti return $this->db->where(username', $username) menjadi return $this->db->where(email’, $username)
Contact

Send Me A Email

Address

ContactInfo

Address:

Perumnas Sako, Palembang, South Sumatra, Indonesia

Phone:

+6281228289766

Email:

amperakoding@gmail.com