Pemirsa pada tutorial kita di perjumpaan kali ini, kita akan sharing mengenai bagaimana cara mengcropping image yang sudah kita upload.
Nah, sebetulnya tutorial ini merupakan lanjutan dari tutorial kita sebelumnya yaitu tentang cara membuat Profile Pic Uploader yang dapat anda lihat di link ini (http://www.mediatutorial.web.id/2011/10/codeigniter-no22-membuat-jquery-profile.html).
Nah, dengan tool cropping ini maka nanti user dapat meng-crop setiap image dari gambar untuk dijadikan profile pic sesuka hati.
Dalam tutorial ini kita akan membahas tentang:
1. JQuery Plugin imgAreaSelect
2. Pembuatan css untuk tampilan
3. Pembuatan script untuk penyesuaian dengan imgAreaSelect
4. Penambahan fungsi cropping pada Mediatutorialupload.php model
5. Penambahan fungsi Cropping pada upload.php controller
Requirement:
Sebelum kita membahas satu persatu dalam tutorial ini, yang harus anda persiapkan adalah
1. Baca terlebih dahulu tutorial kita sebelumnya (http://www.mediatutorial.web.id/2011/10/codeigniter-no22-membuat-jquery-profile.html)
2. Download terlebih dahulu script kita sebelumnya (https://docs.google.com/file/d/0B6_ki5nuY_ysX1lYUFhiVEFBakk/edit?usp=sharing)
Hasil:
1. Untuk source code dari tutorial ini dapat didownload di: https://docs.google.com/file/d/0B6_ki5nuY_ysWkJNVjhlaHFiS00/edit?usp=sharing
2. Untuk demo tutorial ini dapat di lihat di : http://structurecore.xtreemhost.com/1_demo/demo_elements/upload/
Tambahan:
1. Photo Model: Lokyta Indra ( https://www.facebook.com/profile.php?id=1447288101 )
2. Backsound Theme: Pinta Hatiku by Putri Endah Gaffara: http://www.4shared.com/audio/vs3EQhyV/1_Pinta_hatiku_-_Putri_Gaffara.html
3. Bila ada link source code, atau link demo yang tidak aktif, mohon menghubungi kami ^_^
ANDA DAPAT MELIHAT TUTORIALNYA DI BAWAH INI
PART YANG LAIN:
PART 2: http://www.mediatutorial.web.id/2011/10/codeigniter-no25-membuat-jquery-image.html
Video di atas dapat anda download dengan menggunakan IDM (Internet Download Manager) atau aplikasi downloader yang lain yang telah terinstall di komputer anda.
Jangan lupa juga untuk like Mediatutorial on Facebook
