» » » » » Upload Banyak Gambar Sekaligus di Drupal Menggunakan Plupload

Upload Banyak Gambar Sekaligus di Drupal Menggunakan Plupload

,,,

Dengan menggunakan Pluupload kita bisa dengan mudah memasukan/upload banyak gambar sekaligus ke dalam sebuah artikel atau content type tertentu yang sudah kita set untuk keperluan upload gambar. Pluupload mungkin akan sangat berguna sekali terutama untuk situs web drupal yang isi atau konten websitenya memerlukan banyak gambar/foto, bila melakukan upload foto/gambar satu – persatu tentunya akan sangat merepotkan, sedangakn bila menggunakan Pluupload tentunya pekerjaan kita akan menjadi lebih ringan dan efisien.

Dalam tutorial kali ini Saya menggunakan Drupal 7.43 sehingga mungkin akan sedikit berbeda caranya bila Anda menggunakan Drupal versi diatasnya. Kemudian disini juga untuk text editor yang saya gunakan adalah CKEditor, jadi module text editor ini juga perlu ditambahkan terlebih dahulu, sebelum memparaktikan tutorial ini. Instalasi dan konfigurasi CKEditor bisa And abaca pada artikel : Menambahkan Text Editor Baru Ke CMS Drupal 

Untuk dapat mengaktifkan, menajalankan atau menggunakan Plupload di Drupal, ada beberapa module yang perlu Anda persiapkan/instal diantaranya :

 

Module IMCE dan Plupload yang sudah terinstal di drupal
1. IMCE
IMCE bisa berjalan tanpa bantuan Plupload/IMCE Plupload sedangkan Plupload tidak bisa berjalan tanpa ada module IMCE, jadi sudah bisa di ambil kesimpulan bahwa module/plugins Plupload ini digunakan untuk membantu IMCE dalam melakukan proses uploag gambar dalam jumlah yang banyak. Untuk konfigurasi, instalasi dan cara penggunaan IMCE sudah saya jelaskan dalam artikel : Cara Menambahkan Gambar Ke Dalam Artikel di Drupal
 
2. IMCE Plupload
Ini juga perlu ditambahkan ke dalam module Drupal, dengan IMCE Plupload kita bisa melakukan multi-file upload, maksudnya mengupload banyak file sekaligus https://www.drupal.org/project/imce_plupload

3. Plupload integration module
Menurut Saya module ini merupakan bagian dari IMCE Plupload, maksudnya tanpa ada Plupload integration module, maka module IMCE Plupload tidak akan berjalan https://www.drupal.org/project/plupload
 
4. FileField Sources Plupload
Module ini juga merupakan bagian dari Plupload, tanpa module ini “Plupload integration module” tidak akan bisa berjalan, begitu juga sebaliknya “FileField Source Plupload” juga membutuhkan “Pluupload itegartion Module” https://www.drupal.org/project/filefield_sources_plupload

5. File Field Sources
Module “FileField Sources Plupload” membutuhkan module “File Field Sources” agar bisa menjalankan fungsinya dengan baik https://www.drupal.org/project/filefield_sources

6. Source Code Plupload
Ini bukan module melainkan source code pluupload yang perlu Anda tambahkan ke folder sites/all/libraries, Anda bisa mendownload source code plupload di situs resmi plupload http://www.plupload.com/download/

Module dari point 2 – 5 memiliki ketergantungan satu sama lain, jadi module – module tersebut harus dalam keadaan aktif supaya fungsi – fungsi Plupload bisa berjalan dengan baik. Disini Saya asumsikan bahwa semua module 1- 5 sudah terinstal di web drupal Anda, langkah selanjutnya adalah mendownload Souce Code Plupload di situs resminya :
  1. Masuk ke situs plupload http://www.plupload.com/download/ 
  2. Kemudian Download Source Codenya, Disini Saya menggunakan versi Source Code versi 1.5.8. Atau Anda bisa mendowloadnya disini. Download Plupload versi 1.5.8 
  3. Bila sudah di download, extract folder/source code tersebut ke folder sites/all/libraries 
  4. Rename foldernya jadi “plupload” 
  5. Selanjutnya masuk ke halaman module drupal, dan aktifkan module pada point 2 -5

Selanjutnya untuk dapat Upload banyak Gambar Sekaligus di Drupal Menggunakan Plupload caranya cukup mudah :
 
1. Buatlah artikel baru klik Content > Add Content > Artickel Saya asumsikan
    bahwa IMCE sudah di konfigurasi dengan baik, bila belum maka baca dulu 
   artikel : Cara Menambahkan Gambar Ke Dalam Artikel di Drupal
2. Klik icon IMCE, maka nanti akan muncul jendela IMCE klik tombol upload.
3. Bila konfigurasi sudah benar maka pada sat klik upload akan tampil,
    tampilan seperti pada gambar di bawah ini : 

tampilan plupload di CKEditor


4. Bila Plupload tidak di konfigurasi dengan baik maka pada saat klik upload 
   akan muncul tampilan seperti berikut : 

Plupload belum terpasang/belum aktif

5. Bila icon/tombol IMCE tidak terdapat di CKEditor, maka berarti IMCE belum 
   di konfigurasi dengan benar, Anda perlu mengkonfigurasi iMCE terlebih
   dahulu. Saya sudah jelaskan cara konfigurasi IMCE pada artikel :

IMCE Plupload juga bisa digunakan/ditambahkan bukan hanya pada halaman artikel (text area/body) saja tapi juga bisa ditambahkan ke content type tertentu, missal bila Anda meliki content type dengan format “image” atau gambar maka Anda bisa menambahkan/mengaktifkan fungsi plupload, caranya adalah sebagai berikut :

1. Klik menu structure > artickel > manage field
2. Kemudian tambahkan jenis content type baru missal “photos” dengan 
format image” dan klik Save 

Membuat Content Type Baru

3. Selanjutnya edit “photos” atau nanti bila diarahkan pada jendela/tab edit
 Anda scroll ke bawah dan klik link/menu FILE SOURCES, dan
 aktifkan/centang “Advanced upload widget (Plupload)”, jangan lupa
 untuk  field settings di set ke “Unlimited” artinya content type tersebut
 bisa  digunakan untuk menampung banyak gambar/photo 

Setting Pluload untuk content type baru

4. Bila berhasil maka nanti pada saat Anda ingin menambah artickel, maka 
akan ada content type baru dengan nama “Photo” dengan dilengkapi pilihan
“Advanced Upload”. 

plupload sudah tersedia di content type baru
Content type ini tidak harus selalu ditambahkan pada content artickel, Anda bisa membuat content type baru kemudian menambahkan fungsi upload gambar.



#Update
Bila Anda menggunakan plupload versi 2 maka nantinya akan terjadi kegagalan fungsi terhadap IMCE, karena versi 2 plupload tidak support, jika dipaksakan maka akan membuat tombol upload IMCE menghilang. Jadi Anda nanti tetap harus menggunakan versi 1.5.8, bisa di unduh di
https://github.com/moxiecode/plupload/archive/v1.5.8.zip

Permasalahan ini sudah saya jelaskan pada artikel Mengatasi Masalah Plupload version could not be determined

 Video Instalasi dan konfigurasi plupload di drupal yang membuat terjadinya kegagalan fungsi IMCE, tombol upload IMCE menghilang karena saya menggunakan versi 2.x plupload




 

0 Response to "Upload Banyak Gambar Sekaligus di Drupal Menggunakan Plupload"

Post a Comment

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

Subscribe to:Post Comments (Atom)
nagabet76slot gacorslot online1213141516Slot Online Menghadirkan Pengalaman Digital Yang Didukung Pemrosesan Data Secara Real TimeMahjongways Menganalisis Pola Visual Dan Dinamika Simbol Berdasarkan Pemrosesan Data DigitalMahjongways Mengembangkan Dinamika Permainan Melalui Pengelolaan Data Dan Elemen Visual TerintegrasiAnalisis Komputasi Modern Membantu Memetakan Dinamika Sistem Digital Berdasarkan Data ObservasiMember Baru Mendorong Dinamika Komunitas Digital Menuju Pengalaman Yang Lebih Aktif Dan Menarikslot onlinemahjongwayasarsitektur layananpemrosesan data adaptifmember baruSlot Online Terbaru Menghadirkan AnalisisScatter Hitam Dianalisis Melalui PemetaanPola Scatter Hitam Membentuk Distribusi Visual Yang Dapat Dikaji Menggunakan Komputasi AdaptifArsitektur Teknologi TerdistribusiTeknologi Visualisasi DataMahjongways Mengembangkan Interaksi Visual Melalui Integrasi Simbol Digital Yang DinamisAnalisis Mahjongways Memetakan Dinamika Visual Dan Respons Antarmuka Berbasis DataScatter Hitam Dianalisis Melalui Pemetaan Struktur Simbol Digital Berbasis Komputasi AdaptifAlgoritma Scatter Hitam Membantu Mengidentifikasi Dinamika Pola Melalui Analisis Data ObservasiPg Soft Mengembangkan Sistem Rendering Adaptif Untuk Mendukung Visualisasi Digital ModernTeknologi Pg Soft Mengoptimalkan Pemrosesan Grafis Melalui Arsitektur Rendering TerintegrasiTeknologi Pemodelan Data Membantu Menganalisis Dinamika Informasi Pada Ekosistem Digital ModernArsitektur Komputasi Terdistribusi Meningkatkan Keandalan Pengelolaan Data Pada Platform DigitalTeknologi Kecerdasan Komputasional Mendorong Pengembangan Sistem Digital Yang Lebih AdaptifPemrosesan Data Modern Membantu Memetakan Pola Informasi Melalui Pendekatan Komputasi TerukurTeknologi Integrasi Data Mempermudah Sinkronisasi Informasi Dalam Lingkungan Digital TerpaduVisualisasi Komputasi Modern Membantu Menginterpretasikan Perubahan Pola Pada Sistem Digital KompleksTeknologi Otomasi Data Meningkatkan Efisiensi Pengelolaan Informasi Pada Infrastruktur DigitalModel Komputasi Adaptif Mendukung Pengembangan Teknologi Digital Melalui Analisis Data BerkelanjutanPengembangan Pg Soft Mengintegrasikan Teknologi Rendering Dengan Interaksi Visual Yang ResponsifPg Soft Menerapkan Komputasi Visual Untuk Meningkatkan Efisiensi Pengolahan Elemen DigitalEksplorasi Scatter Hitam Memetakan Distribusi Simbol Melalui Model Analitik Digital TerintegrasiPola Scatter Hitam Dikaji Menggunakan Pendekatan Visualisasi Data Dan Pemodelan StatistikMahjongways Menghadirkan Pendekatan Visual Interaktif Melalui Pemrosesan Simbol Yang AdaptifEksplorasi Mahjongways Mengungkap Perubahan Pola Visual Dalam Lingkungan Digital Terintegrasimahjong ways dalam bingkai desain visual dan budaya digitaljejak klasik menemukan bentuk baru melalui mahjong waysmahjong ways dan perjalanan simbol menuju layar interaktif moderncerita visual mengikuti perkembangan mahjong ways di era teknologimahjong ways dilihat dari sisi kreativitas dan identitas platformperubahan tampilan membawa mahjong ways ke perspektif yang berbedamahjong ways dalam percakapan seputar tradisi dan budaya digitaldari konsep lama ke format baru menelusuri mahjong wayssimbol dan tema mengiringi perjalanan mahjong ways di ruang digitalmahjong ways menjadi bagian dari perubahan desain hiburan moderngame online dan perubahan kebiasaan di tengah budaya internetkomunitas digital menjadi bagian dari perjalanan game onlinegame online dalam potret interaksi sosial di era platform modernjejak mobile membawa game online ke pengalaman yang semakin beragamketika game online bertemu dengan kreativitas dan komunitas digitalgame online dan pergeseran cara menikmati hiburan interaktifdari komunitas ke platform menyusuri perkembangan game onlinedesain visual membentuk identitas baru dalam dunia game onlinegame online di tengah perubahan teknologi dan budaya populerperjalanan game online mengikuti arah baru ekosistem digitaltekanan emosional muncul di tengah kebiasaan judi online yang berulangstres dan judi online menjadi bahasan dalam perubahan kondisi keuanganketika pengeluaran judi online mulai membawa tekanan dalam kehidupanbeban pikiran dapat bertambah seiring kebiasaan judi online berlangsungmasalah keuangan dan stres muncul dalam pembahasan seputar judi onlinejudi online dan tekanan emosional menjadi sorotan di ruang digitaldampak stres mulai dibahas seiring perubahan kebiasaan judi onlinetekanan hidup dan kebiasaan judi online dalam sorotan mediastres finansial menjadi bagian dari pembahasan dampak judi onlinememahami kaitan tekanan emosional dengan kebiasaan judi onlinegame digital mulai masuk dalam sorotan budaya hiburan modernperkembangan game digital menjadi bahasan di tengah perubahan teknologimedia mengulas perjalanan game digital dari konsol menuju platform modernfenomena game digital muncul dalam perbincangan industri hiburangame digital dan perubahan kebiasaan menjadi catatan di era internetsorotan terkini membahas arah baru perkembangan game digitalteknologi interaktif membawa game digital ke percakapan media yang lebih luasgame digital menjadi bagian dari pergeseran budaya hiburan masa kinicatatan media menyoroti perubahan wajah game digital dari waktu ke waktuplatform baru membuka babak berbeda dalam perjalanan game digitaljudi online kembali menjadi sorotan dalam pemberitaan digital terkinimedia menyoroti perkembangan platform judi online di ruang internetfenomena judi online masuk dalam pembahasan seputar budaya digitalberita terkini mengulas perubahan ekosistem judi online masa kinijudi online dan perkembangan teknologi menjadi bahan perbincangan mediasorotan baru membahas pergeseran perilaku di seputar judi onlineruang digital kembali mengangkat pembahasan tentang judi onlineperkembangan internet membawa judi online ke sorotan media terkinicatatan media mengulas fenomena judi online dari sisi digitalperubahan platform menjadi bahasan baru dalam pemberitaan judi onlineandi pratama dan cerita keberuntungan 8 juta di mahjong waysrizky membahas pengalaman 17 juta dalam permainan mahjong wayskisah dimas berawal dari game online hingga hasil 25 jutafajar menjadi perbincangan usai mendapat hasil 12 jutacerita bayu muncul di tengah tren mahjong ways masa kinirio mengulas pengalaman bermain dengan hasil sekitar 19 jutayoga dan perjalanan singkat menuju hasil permainan 7 jutaarif membagikan catatan pribadi soal hasil 14 jutabima dan pengalaman 28 juta yang ramai dibicarakandoni mengungkap cerita di balik hasil 22 juta mahjong wayscerita reza dengan hasil 9 juta dari mahjong ways16 juta jadi bagian pengalaman rangga di game onlinemaulana membahas perolehan 23 juta dari mahjong winsgame digital membawa cerita baru bagi ilham dengan hasil 11 jutahasil 28 juta diceritakan bagus saat memainkan mahjong ways 2yusuf mengulas pengalaman bermain dengan perolehan 14 jutamahjong online dan cerita farhan tentang hasil 8 jutadava mengungkap pengalaman 19 juta saat memainkan game mahjonggame online menjadi bagian cerita akmal dengan hasil 26 jutafauzan dan perolehan 21 juta dalam permainan mahjong winscerita rendi dengan hasil 7 juta dari mahjong ways18 juta jadi pengalaman baru bagi rafli di game onlinemahjong wins menghadirkan cerita hasil 27 juta bagi hendrapengalaman dion dan perolehan 13 juta dalam game digitalhasil 22 juta diceritakan arya setelah memainkan mahjong ways 2fikri mengulas permainan online dengan hasil sekitar 16 jutamahjong online dan kisah ilham soal perolehan 10 jutasatria mengungkap pengalaman 24 juta dalam game mahjonggame online menjadi catatan baru bagi wahyu dengan hasil 15 jutaperolehan 30 juta dikaitkan dengan cerita rehan di mahjong wins