Skip to main content

Posts

Showing posts from August, 2017

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: PHP Apache Mysql FileZilla phpMyAdmin 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

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. Bagaimana Caranya? Seperti biasa, tanpa basa-basi langsung saja copas skrip berikut: PERHATIAN 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. 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 . Baiklah, tanpa basa-basi langsung saja Anda copas koding dibawah ini: PERHATIAN: Buatlah dan sesuaikan controller, model, dan view dari koding diatas pada project Anda. 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? Download terlebih dahulu plugin JB Image (JustBoil.me) di  http://justboil.me/ kemudian buka link githubnya di  https://github.com/vikdiesel/justboil.me Copas dan ekstrak filenya ke folder plugins TinyMCE: htdocs/ namaproject /tinymce/js/tinymce/plugins/ jbimages Copas koding berikut ke project yang sudah dibahas pada tutorial sebelumnya atau sesuaikan dengan project yang sedang Anda buat: 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

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: Download Plugin TinyMCE terlebih dahulu di https://www.tinymce.com/download/ Setelah selesai download, silahkan pindahkan dan ekstrak file ke folder project/ aplikasi yang sedang Anda buat. Kemudian copas (copy-paste) script berikut ke dalam file project Anda, misalkan pada file index.php Penjelasan: Baris ke-4 untuk memanggil skrip TinyMCE itu sendiri. Baris ke-5 yaitu bagian selector textarea adalah tinymc