• Home
  • /
  • Tag Archives:  php tutorial

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.

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… 🙂

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.