Teknik Membuat Script Mengubah Ukuran Image dengan Javascript

Pada artikel kali ini, saya akan mencoba menjelaskan bagaimana teknik membuat script mengubah ukuran image dengan DOM di Javascript. Hal ini pernah saya jadikan tugas bagi mahasiswa saya yang mengambil matakuliah pemrograman web. Tapi sudah lama kok 🙂

OK… Karena menggunakan Javascript, sehingga dalam hal ini prosesnya tidak perlu melalui request ke server namun hanya terjadi dalam client saja. Oleh karena itu proses resizing image ini dapat dilakukan dengan cepat.

Hmm… adapun skenario mengubah ukuran imagenya sebagai berikut. Dalam halaman web muncul sebuah image, kemudian terdapat 3 buah tombol atau button. Tombol pertama (+) digunakan untuk memperbesar ukuran image menjadi 2 kali sebelumnya. Tombol kedua (-) untuk memperkecil ukuran image 1/2 kali sebelumnya, dan tombol ketiga (=) untuk mereset ukuran image menjadi ukuran aslinya.

Continue reading “Teknik Membuat Script Mengubah Ukuran Image dengan Javascript”

Membuat Script Random Image dengan PHP

Setelah saya posting artikel beberapa waktu yang lalu tentang cara membuat random quotes dengan PHP, kali ini saya akan coba memaparkan bagaimana ide dan cara membuat random image.

Image yang kemunculannya akan dirandom ini nantinya disimpan ke dalam database, dan bukan berdiri sendiri sebagai file dalam direktori atau folder. Dalam hal ini user bisa mengupload image file ke server melalui form. Dengan ditempatkannya image ke dalam database, maka tingkat sekuriti dapat lebih aman karena kita tidak perlu meng-chmod 777 folder di server sebagai tempat image diupload. Selain itu… biasanya banyak hosting yang menyediakan fitur space MySQL yang unlimited, dibandingkan space quota di server yang biasanya terbatas 🙂

Secara umum, ide untuk membuat random image ini sangat mudah. Konsepnya adalah sebagai berikut: user mengupload image dari komputer client ke server, tepatnya ke database. Selanjutnya untuk proses mengacak imagenya kita gunakan function RAND() yang ada di MySQL. Konsep ini hampir sama dengan membuat random quotes. Tambahan lagi, untuk memunculkan image dari database ke browser, kita memerlukan script khusus. Script khusus apa nih maksudnya? Simak baik-baik artikel ini selanjutnya.

Continue reading “Membuat Script Random Image dengan PHP”