Rabu, 19 Oktober 2011

Video
Text

CODEIGNITER No.24: Membuat JQuery image cropping pada Codeigniter PART 1

PART 1 :: JQuery Cropping Image pada Codeigniter

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

Please share bila tutorial ini cukup berbobot untuk anda!

MediaTutorial mengedepankan tutorial yang berkualitas. Semua penjelasan dipaparkan sedetail mungkin.
Please, bila tutorial ini membantu anda dan cukup berkualitas bagi anda mohon untuk share pada button sharing berikut ini.

Writen by: Okie Eko Wardoyo

Comments