Penulis ingin sedikit berbagi dengan pengunjung agussaputra.com sekalian, ketika penulis menghadapi suatu kasus, dimana ada proyek survey dari suatu perusahaan restoran yang menginginkan cinderamata untuk pengunjung yang telah mengikuti survey... Cinderamata itu berupa item-item yang dia pilih pada saat survey, dan item yang dipilih ditampilkan diatas suatu background yang menurut penulis lumayan susah untuk diterapkan menggunakan CSS.. contoh cinderamatanya seperti ini:
Lumayan kan gimana cara mengaturnya jika menggunakan bantuan CSS.. karena cinderamata ini memiliki 3 kriteria:
1. Ke dalam bentuk gambar JPEG
2. Ke dalam bentuk format PDF
3. Upload secara otomatis ke dalam album photo Facebook pengunjung.
Wah, lumayan ribet juga, dalam 1 klik, 3 kriteria tercipta sekaligus.
Namun penulis ingin memberikan salah satu ilmu saja, yaitu point 1. Create dalam bentuk JPG.
Kronologis nya seperti berikut:
1. Kita memiliki 1 buah background KTM (Kartu Tanda Mahasiswa). Contohnya kayak gini.
2. Kita akan meletakkan suatu foto dan teks ke dalam background tersebut menggunakan PHP murni. Kurang lebih hasilnya seperti ini.
Berikut contoh skripnya:
created.php
<?php
// Set KTM jpg sebagai background
$background = imagecreatefromjpeg('ktm.jpg');// Tentukan warna teks, 255, 255, 255 adalah warna putih
$color1 = imagecolorallocate( $background, 255, 255, 255 );// Gunakan font teks yang akan digunakan
$font = 'fonts/MyriadPro-Regular.ttf';// Tentukan posisi teks akan diletakkan
imagettftext($background, 25, 0, 340, 530, $color1, $font, "Agus Saputra");
imagettftext($background, 25, 0, 340, 570, $color1, $font, "2010101002");
imagettftext($background, 25, 0, 340, 610, $color1, $font, "Information System");// Ambil foto mahasiswa untuk diletakkan diatas background KTM
$foto = imagecreatefromjpeg('small_2010101002.jpg');// ambil size foto mahasiswa
$sizejpeg = getimagesize('small_2010101002.jpg');
$jpegw = $sizejpeg[0];
$jpegh = $sizejpeg[1];// tentukan posisi foto akan diletakkan
$placementX = 60;
$placementY = 305;// Aksi untuk menempelkan komponen foto dan teks ke dalam background
imagecopy($background, $foto, $placementX, $placementY, 0, 0, $jpegw, $jpegh);// created file JPG
imagejpeg($background, "ktm_2010101002.jpg");// tampilkan preview hasilnya
echo "
";// destroy file
imagedestroy($foto);
imagedestroy($background);
?>
Untuk contoh pelengkapnya telah penulis rangkum dalam full source code.
Download disini
Semoga tutorial ini dapat memberikan manfaat untuk Anda.
mick
pertamaaxxx bang ! :)
ATK0100
izin copas min
sukses selalu
http://fix-howto.blogspot.com/
LKP Omega Komputer Semarang
Sip pak agus. Pak, boleh tanya. Untuk website yang menggunakan Mod_rewrite On seperti CMS Bapak, saya pernah coba membuat upload gambar lewat frontside (pengunjung), bukan lewat backend (administrator) hasilnya selalu gagal. Nama file bisa masuk database tapi gambar tidak dapat terupload ke folder server. Bapak ada solusi?
Agus Saputra
LKP Omega Komputer Semarang @ kemungkinan besar itu karena file permission folder belum anda ubah ke 777 .. coba ubah file (folder) permissionnya ...
Heru Hidayat
Wah mantaaapp... sukses selaaluuu gan :)
sanca
Terimakasih banyak ilmunya. Sangat bermanfaat..