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 Install Xampp yang Baik dan Benar pada OS Windows



Pada tutorial kali ini, saya akan membahas tentang Cara Instal Xampp yang Baik dan Benar pada OS Windows. Xampp merupakan software yang berisi berbagai macam paket instalasi yang terkenal di kalangan web developer saat ini, xampp terdiri dari:
  1. PHP
  2. Apache
  3. Mysql
  4. FileZilla
  5. phpMyAdmin
  6. Tomcat

Pengertian/ Kepanjangan XAMPP

XAMPP adalah singkatan yang masing-masing hurufnya adalah:

X
Program ini dapat dijalankan dibanyak sistem operasi, seperti Windows, Linux, Mac OS, dan Solaris.

A
Apache, merupakan aplikasi web server. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. jika diperlukan juga berdasarkan kode PHP yang dituliskan,maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan.

M
MySQL, merupakan aplikasi database server. Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database. MySQL dapat digunakan untuk membuat dan mengelola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah, dan menghapus data yang berada dalam database.

P
PHP, bahasa pemrograman web. Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. Sistem manajemen basis data yang sering digunakan bersama PHP adalah MySQl. namun PHP juga mendukung sistem manajement database Oracle, Microsoft Access, Interbase, d-base, PostgreSQL, dan sebagainya

P
Perl, bahasa pemrograman untuk segala keperluan, dikembangkan pertama kali oleh Larry Wall di mesin Unix. Perl dirilis pertama kali pada tanggal 18 Desember 1987 ditandai dengan keluarnya Perl 1. Pada versi-versi selanjutnya, Perl tersedia pula untuk berbagai sistem operasi varian Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows,PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.

Komponen Utama pada Xampp

Ada 3 komponen utama pada Xampp, antara lain:
  1. htdocs
    Merupakan folder tempat meletakkan berkas-berkas yang akan dijalankan, seperti berkas PHP, HTML dan skrip lain.
  2. phpMyAdmin
    Merupakan bagian untuk mengelola basis data MySQL yang ada dikomputer. Untuk membukanya, buka browser lalu ketikkan alamat http://localhost/phpMyAdmin, maka akan muncul halaman phpMyAdmin.
  3. Kontrol Panel
    Berfungsi untuk mengelola layanan (service) XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).

Cara Install Xampp yang Baik dan Benar pada OS Windows

Ada beberapa tahapan dalam cara menginstall xampp dengan baik dan benar, yaitu:
  1. Pertama-tama, Anda harus memiliki softwarenya terlebih dahulu. Apabila belum memiliki, maka harus download melalui websitenya langsung atau melalui google.

  2. Setelah Anda memilih/ mengklik link yang ada lingkaran merah pada foto diatas, maka langkah selanjutnya adalah mendownload versi Xampp sesuai OS yang Anda pakai.

  3. Setelah selesai mendownload Xampp, maka jalankan file tersebut yang nantinya akan muncul tampilan sebagai berikut:

  4. Kemudian, setelah Anda klik next pada tahap ke-3 diatas, maka akan muncul tampilan untuk menginstall komponen apa saja yang dibutuhkan. Silahkan klik next dan biarkan tercentang semua.

  5. Pada tahap ini, Anda akan diberikan pilihan untuk memilih lokasi instal Xampp, saya menyarankan kepada Anda untuk menginstal pada direktori D laptop/ PC Anda karena untuk memudahkan backup data yang apabila direktori C windows Anda bermasalah/ harus diinstall ulang.

  6. Selanjutnya, muncul lagi tampilan seperti berikut yang diabaikan saja dan klik next.4

  7. Pada tahap ke-7 akan muncul tampilan bahwa Xampp sudah siap untuk diinstall, kemudian silahkan klik next.

  8. Proses instalasi Xampp yang sedang berjalan

  9. Apabila muncul tampilan seperti berikut, maka silahkan di “Allow Access” kan saja

  10. Proses instalasi telah selesai, pada tahap ini harap di hilangkan saja centang yang ada pada tampilan berikut:

  11. Kemudian masuk ke folder xampp dimana Anda menginstall, klik kanan pada xampp-control dan pilih “Run As Administrator” seperti pada tampilan berikut

  12. Apabila muncul pilihan seperti ini, silahkan pilih yang bendera amerika untuk tampilan dalam bahasa inggris.

  13. Setelah itu, jendela xampp control panel akan terbuka secara otomatis. Namun, apabila tidak tampil, maka klik kanan pada icon xampp yang ada di taskbar windows Anda di bagian sudut kanan bawah, lalu klik show/hide seperti foto berikut

  14. Setelah melalui langkah ke-13, maka akan muncul jendela Xampp Control Panel seperti berikut:

  15. Tahap selanjutnya adalah menginstall Apache dan MySQL melalui Xampp Control Panel, caranya adalah dengan mengklik tanda silang X pada samping kiri Apache/ MySQL dan pilih yes yang nantinya akan muncul tampilan seperti berikut:

  16. Sama seperti tahap ke-15, namun tahap ini untuk menginstall module MySQL nya

  17. Tahap terakhir, apabila berhasil diinstall dan dijalankan/ start maka akan muncul tampilan seperti berikut:


Atau Anda bisa ikuti dari video berikut ini:


Semoga bermanfaat

Menampilkan Preview Gambar Sebelum Upload

Kembali lagi di ArenaPHP, pada tutorial kali ini saya akan memberikan trik tentang Bagaimana Cara Menampilkan Preview atau Cuplikan Gambar Sebelum di Upload. Fitur ini berguna untuk memberitahu user bahwa file yang akan di upload adalah benar file dalam format gambar dan memberikan cuplikan atau preview gambar yang dipilih sebelum masuk ke proses upload.

Image result for preview

Bagaimana Caranya?

Seperti biasa, tanpa basa-basi langsung saja copas skrip berikut:

PERHATIAN

  1. Koding diatas menggunakan perintah onchange yang nantinya ketika form upload gambar selesai diisi/ memilih gambar maka akan menampilkan previewnya di bagian Preview Gambar, namun apabila yang diupload bukan berformat gambar seperti png/jpg/jpeg/gif maka akan menampilkan eror.
  2. Baris 1-32 merupakan skrip untuk memproses perintah preview gambar yang bisa Anda letakkan dibawah form atau diatasnya.

Semoga bermanfaat, Happy Coding!

Upload Banyak Gambar dengan Codeigniter dan MySQLi

Pada beberapa tutorial sebelumnya, saya sudah memberikan Cara Upload Foto dengan PHP Native dan MySQLi. Nah, di tutorial ini kita akan belajar tentang bagaimana Cara Upload Banyak Gambar dan Simpan ke Database dengan Codeigniter.
Hasil gambar untuk photo upload

Baiklah, tanpa basa-basi langsung saja Anda copas koding dibawah ini:

PERHATIAN:

  1. Buatlah dan sesuaikan controller, model, dan view dari koding diatas pada project Anda.
  2. Setting lokasi upload, tipe file yang diperbolehkan untuk diupload, ukuran maksimum, dan setting lainnya yang telah disediakan CI bisa Anda sesuaikan di bagian controller set_upload_options
Semoga bermanfaat, Happy Coding!

Upload Banyak Foto dengan JBImages pada TinyMCE

Tutorial kali ini adalah tutorial tambahan dari tutorial sebelumnya yang membahas Cara Integrasi TinyMCE pada Form Input Textarea. Plugin ini merupakan plugin yang sangat berguna bagi developer untuk dapat memberikan fitur upload foto pada form yang telah dipasang TinyMCE.


Bagaimana Cara Pakainya?

  1. Download terlebih dahulu plugin JB Image (JustBoil.me) di http://justboil.me/
    kemudian buka link githubnya di https://github.com/vikdiesel/justboil.me
  2. Copas dan ekstrak filenya ke folder plugins TinyMCE: htdocs/namaproject/tinymce/js/tinymce/plugins/jbimages
  3. Copas koding berikut ke project yang sudah dibahas pada tutorial sebelumnya atau sesuaikan dengan project yang sedang Anda buat:
  4. PERHATIAN:
    • Jangan lupa untuk membuat folder images pada direktori teratas/ root project Anda
    • Pengaturan jbimages ada di foldernya yaitu di folder htdocs/namaproject/tinymce/js/tinymce/plugins/jbimages/config.php atau bisa membaca dokumentasi di webnya seperti yang telah disebutkan diatas.
Silahkan download juga source codenya apabila diperlukan: Klik Disini

Video



Semoga bermanfaat, Happy Coding!

Cara Integrasi TinyMce pada Form Input Textarea

Pada tutorial kali ini saya akan memberikan penjelasan tentang bagaimana cara mengintegrasikan atau memasang TinyMCE pada form input di aplikasi yang dibuat. TinyMCE merupakan salah 1 plugin untuk mempercantik dan mempermudah user dalam mengisikan konten pada website yang dibuat. TinyMCE juga disebut sebagai WYSIWYG (What You See Is What You Get) Text Editor. Dalam hal tampilan, TinyMCE tidak jauh berbeda dari Microsoft Word, Libre Office, WPS Office dan lain sebagainya.

Bagaimana Cara Mengintegrasikannya?

Silahkan ikuti langkah-langkah integrasinya seperti berikut ini:
  1. Download Plugin TinyMCE terlebih dahulu di https://www.tinymce.com/download/
  2. Setelah selesai download, silahkan pindahkan dan ekstrak file ke folder project/ aplikasi yang sedang Anda buat.
  3. Kemudian copas (copy-paste) script berikut ke dalam file project Anda, misalkan pada file index.php
  4. Penjelasan:
    Baris ke-4 untuk memanggil skrip TinyMCE itu sendiri.
    Baris ke-5 yaitu bagian selector textarea adalah tinymce akan otomatis membaca atau merubah form textarea biasa menjadi text editor TinyMCE.
    Baris ke-8 membuat form textarea yang otomatis telah terintegrasi dengan TinyMCE.

Video


Semoga bermanfaat, silahkan berikan komentar apabila ada yang ingin ditanyakan. Happy Coding!
Contact

Send Me A Email

Address

ContactInfo

Address:

Perumnas Sako, Palembang, South Sumatra, Indonesia

Phone:

+6281228289766

Email:

amperakoding@gmail.com