Membuat Progress Bar Upload File Dengan PHP, AJAX dan HTML5

Pada kesempatan kali ini, saya akan membahas bagaimana cara membuat script PHP untuk upload file dengan progress bar. Adapun konsep dari program ini adalah sama seperti script upload file yang pada umumnya namun dilengkapi dengan sebuah progress bar yang menggunakan script HTML5 dan Javascript. Progress bar merupakan tampilan secara grafis yang menunjukkan sudah berapa persen file tersebut diupload ke server. Untuk lebih jelasnya dapat anda lihat pada gambar berikut:

photo upload-progressbar_zps0e247118.jpg

Pada gambar diatas, tampak bahwa ketika selama proses uploading file, progress bar (warna hijau) akan bergerak dan menampilkan ukuran file yang telah terupload hingga file sempurna terupload. Sistem hampir mirip dengan sistem yang diterapkan oleh situs sharing video, misalnya Youtube ketika usernya akan mengupload video. Penasaran bagaimana cara membuat script php seperti gambar diatas ? Berikut adalah penjelasannya.

view post

PHP

Membuat Script PHP Export Data MySQL Ke File Text

Sebuah artikel dalam blog ini, pernah dibahas tentang cara mengenerate file text dengan script PHP. Selanjutnya dalam artikel ini, teknik tersebut akan digunakan untuk mengekspor data dalam database mysql ke dalam file text. Biasanya eksport data ini diterapkan pada backup data.

Pada tutorial kali ini akan saya jelaskan cara membuat script eksport data ke file text menggunakan separator “tab”. Tanda separator ini nantinya akan dipakai untuk memisahkan data pada setiap fieldnya. Adapun penggunaan separator tidak harus berupa tab, namun bisa menggunakan karakter lain misalnya koma, titik koma (semicolon) dll. Namun yang perlu diperhatikan bahwa pastikan karakter separator yang digunakan tidak ada dalam datanya. Mengapa demikian? Ya… karena apabila dalam data yang dieksport tersebut terdapat karakter separator, maka dapat mengacaukan proses import data apabila data hasil eskport tersebut nantinya akan direstore ke dalam database. Sebagai contoh, misalkan di dalam data terdapat data berupa alamat: Jl. Apel No. 11, Surakarta. Maka pastikan jangan menggunakan karakter koma sebagai separator antar data di dalam file text nya. Saya kira paham ya… 🙂

view post

SMS Gateway

Cara Melakukan “Hard Reset” Modem SMS dengan GAMMU

Wah.. sudah lama tidak menulis artikel tentang SMS Gateway di blog ini. Dalam artikel kali ini akan saya jelaskan cara melakukan hard reset modem SMS melalui Gammu.

Ide penulisan artikel ini berawal dari pengalaman pribadi beberapa hari yang lalu ketika saya menghadapi kesulitan menangani server HTTP SMS API saya, di mana tiba-tiba semua modem sms mengalami blank signal. Dari informasi yang pernah saya dapat, jika modem mengalami blank signal maka modem harus dicabut dari komputer lalu dipasang kembali. Hal yang sama juga kita lakukan sewaktu HP kita tiba-tiba mengalami blank signal, maka kita harus merestart HP. Jika pada modem Wavecom, maka indikator blank signal ini ditandai dengan lampu modem yang menyala terus menerus. Masalah ini tidak bisa teratasi hanya dengan merestart PC server, karena ketika restart PC server, modem tetap dalam kondisi ON (teraliri oleh listrik). Proses cabut-colok modem ke komputer ini bertujuan untuk memutus sementara aliran listrik (power) ke modemnya. Namun kendala saya waktu itu adalah tidak mungkin mencabut dan memasang modem karena saya tidak sedang di depan server, padahal banyak klien saya yang memanfaatkan HTTP SMS API tersebut. Oleh karena itu harus ada cara lain untuk mengatasi permasalahan ini. Dan.. Alhamdulillaah atas pertolongan Allah akhirnya saya mendapat solusi yaitu dengan melakukan “Hard Reset” pada modem. Melalui remote access via TeamViewer, saya kemudian melakukan hard reset pada semua modem tanpa cabut-colok modem di server, dan semua masalah dapat teratasi dengan sukses.

view post

PHP

Cara Membuat Script PHP Untuk Mengenerate File TEXT (Plain Text) dan Mendownloadnya

Dalam tutorial php kali ini, saya akan membahas bagaimana cara membuat script PHP untuk mengenerate sebuah file text kemudian langsung mendownload file tersebut di browser. Konsep ini biasa dipakai dalam sebuah aplikasi khususnya untuk fitur backup data atau export data, di mana data-data tersebut akan diletakkan atau dipindah ke dalam file text tersebut, selanjutnya bisa didownload langsung melalui browser.

view post

CSS, JQuery

Cara Mudah Mempercantik Tooltips dengan Bootstrap dan JQuery

Setelah kemarin membahas tentang penerapan bootstrap di navigasi paging, kini saya akan membahas tentang bagaimana cara membuat tooltips keren dengan sangat mudah menggunakan kombinasi bootstrap dan jQuery.

Oya, apa itu tooltips? tooltips adalah informasi yang muncul ketika mouse dikenakan pada suatu obyek. Perhatikan contoh tooltips berikut ini

OK dah paham ya apa itu tooltips. Selanjutnya dalam artikel ini kita akan memodifikasi tampilan tooltips tersebut supaya lebih cantik menggunakan Bootstrap dan jQuery. Ini dia tampilan yang diharapkan…

view post

CSS

Mempercantik Navigasi Paging dengan Twitter Bootstrap

Beberapa waktu yang lalu, saya pernah memaparkan tentang bagaimana membuat script PHP untuk keperluan paging. Jika diperhatikan, link navigasi perhalaman yang dihasilkan dari script tersebut masih sangat sederhana sekali. Perhatikan gambar berikut ini

photo twitter-bootstrap01_zpsa29c4847.jpg

Nah.. dalam artikel ini kita akan sedikit memoles tampilan navigasinya tersebut supaya lebih cantik menggunakan Twitter Bootstrap. Apa itu Twitter Bootstrap? Twitter Bootstrap adalah framework CSS yang dikembangkan oleh Twitter. Dengan framework CSS yang siap ini kita tidak perlu pusing-pusing memikirkan atau membuat style CSS nya. Adapun hasil akhir dari tampilan navigasinya nanti adalah seperti ini

photo twitter-bootstrap02_zpsde13f801.jpg

Mau tau cara membuatnya? OK mudah kok ternyata.

view post

Database

Manajemen User dan Hak Akses Database di MySQL

Masih sering saya jumpai para developer aplikasi yang kurang memperhatikan masalah pengaturan hak akses database yang digunakannya. Padahal hal ini permasalahan yang sangat riskan sekali karena menyangkut masalah keamanan databasenya. Sebagai contoh, misalkan ada developer yang masih menggunakan user ‘root’ untuk keperluan koneksi dari aplikasi yang dibuatnya ke database MySQL. Padahal ini riskan sekali, coba bayangkan seandainya ada peretas yang berhasil masuk ke aplikasinya melalui celah kelemahannya, maka peretas bisa melakukan apapun terhadap semua databasenya karena user ‘root’ adalah top level user di MySQL. Hal ini merupakan salah satu contoh kasus saja yang bisa berakibat permasalahan yang fatal.

Oleh karena itu, dalam artikel ini saya akan memaparkan bagaimana cara melakukan manajemen user di MySQL, mulai dari cara membuat user baru, kemudian memberi hak akses si user tersebut pada database tertentu, dan juga bagaimana cara membatasi hak akses si user tersebut.

view post

PHP

Manfaat Function urlencode() di PHP

Jika Anda sudah familiar dengan PHP, maka sudahkah Anda mengetahui adanya function urlencode()? Jika belum pernah mengetahui, maka saya akan jelaskan manfaat function tersebut. Function urlencode() digunakan untuk mengkonvert karakter atau string ke dalam bentuk format karakter URL yang valid. Masih belum ada gambaran? OK saya akan saya berikan gambaran lebih lanjut tentang masalah ini.

view post

6 789 10