i Blogger and U?

Rilis Library CodeIgniter Gudlux_manager

published by Moch. Iqbal Chahyadi
kategori posting: CodeIgniter, telah ditampilkan sebanyak 843 kali

Share posting ini di:

Berawal dari "kegiatan yang berulang kali dilakukan" yakni menempatkan CSS dan Javascript di header (dan gambar di beberapa lokasi) maka terpikir untuk membuat "library sederhana" untuk sedikit mempersingkat hal yang berulang-ulang tadi. Sempat mencari ke situs sana situs sini dan menemukan beberapa library yang melakukan hal serupa (yang menurut saya agak ribet) maka saya membuat yang simpel dan awalnya memang ditujukan untuk penggunaan pribadi. Akan tetapi, sekarang saya ingin sedikit berbagi mengenai library sederhana yang saya beri nama Gudlux_manager. Bagi yang berminat silahkan untuk men-download Gudlux_manager.

Sebelum menggunakan library ini, perlu diperhatikan hierarki folder yang digunakan untuk menyimpan file-file CSS, Javascript, dan image (gambar). Silahkan buat folder bernama "komponen" (atau terserah anda tapi pastikan untuk mengubah namanya di library) dengan hierarki seperti di bawah ini (folder css dan js berada di bawah folder komponen):


Library ini memang sengaja tidak saya sertakan file config karena yang variabel konfigurasi hanya ada satu (itu pun kalau memang mau diganti) yakni $gudlux_folder. Jadi, kalau mau mengganti nama folder utama (default adalah komponen) silahkan ganti isi variabel $gudlux_folder dengan nama yang lain.

Penggunaan library ini ditampilkan dalam gambar di bawah ini:

Menampilkan satu file css ke dalam view
$this->load->library("gudlux_manager");
$this->gudlux_manager->css("NAMA_CSS_1.css");
$data['css'] = $this->gudlux_manager->tampilkan();
$this->load->view('nama_view',$data);
Lihat Gambar Contoh Menampilkan satu file css ke dalam view

Menampilkan lebih dari satu file css ke dalam view
$this->load->library("gudlux_manager");
$this->gudlux_manager->css("NAMA_CSS_1.css");
$this->gudlux_manager->css("NAMA_CSS_2.css");
$this->gudlux_manager->css("NAMA_CSS_3.css");
$data['css'] = $this->gudlux_manager->tampilkan();
$this->load->view('nama_view',$data);
Lihat Gambar Contoh Menampilkan lebih dari satu file css ke dalam view

Menampilkan satu file javascript ke dalam view
$this->load->library("gudlux_manager");
$this->gudlux_manager->js("NAMA_Javascript_1.js");
$data['js_file'] = $this->gudlux_manager->tampilkan();
$this->load->view('nama_view',$data);
Lihat Gambar Contoh Menampilkan satu file javascript ke dalam view

Menampilkan lebih dari satu file javascript ke dalam view
$this->load->library("gudlux_manager");
$this->gudlux_manager->js("NAMA_Javascript_1.js");
$this->gudlux_manager->js("NAMA_Javascript_2.js");
$this->gudlux_manager->js("NAMA_Javascript_3.js");
$data['js_file'] = $this->gudlux_manager->tampilkan();
$this->load->view('nama_view',$data);
Lihat Gambar Contoh Menampilkan lebih dari satu file javascript ke dalam view

Menampilkan satu file css dan satu file javascript ke dalam view
$this->load->library("gudlux_manager");
$this->gudlux_manager->js("NAMA_Javascript_1.js");
$this->gudlux_manager->css("NAMA_CSS_1.css");
$data['js_css'] = $this->gudlux_manager->tampilkan();
$this->load->view('nama_view',$data);
Lihat Gambar Contoh Menampilkan satu file css dan satu file javascript ke dalam view

Menampilkan banyak file css dan javascript ke dalam view
$this->load->library("gudlux_manager");
$this->gudlux_manager->js("NAMA_Javascript_1.js");
$this->gudlux_manager->js("NAMA_Javascript_2.js");
$this->gudlux_manager->js("NAMA_Javascript_3.js");
$this->gudlux_manager->css("NAMA_CSS_1.css");
$this->gudlux_manager->css("NAMA_CSS_2.css");
$this->gudlux_manager->css("NAMA_CSS_3.css");
$data['js_css'] = $this->gudlux_manager->tampilkan();
$this->load->view('nama_view',$data);
Lihat Gambar Contoh Menampilkan banyak file css dan javascript ke dalam view

Menampilkan satu file gambar ke dalam view
$this->load->library("gudlux_manager");
$this->gudlux_manager->image("NAMA_file_image_1.png");
$data['gbr'] = $this->gudlux_manager->show_img();
$this->load->view('nama_view',$data);
Lihat Gambar Contoh Menampilkan banyak file image ke dalam view

Menampilkan banyak file gambar ke dalam view (gambar berurutan)
$this->load->library("gudlux_manager");
$this->gudlux_manager->image("NAMA_file_image_1.png");
$this->gudlux_manager->image("NAMA_file_image_2.png");
$this->gudlux_manager->image("NAMA_file_image_1.jpg");
$this->gudlux_manager->image("NAMA_file_image_2.jpg");
$data['gbr'] = $this->gudlux_manager->show_img();
$this->load->view('nama_view',$data);
Lihat Gambar Contoh Menampilkan banyak file image ke dalam view

Khusus untuk gambar ada kalanya yang ditampilkan tidak berurutan dan terpisah-pisah, misalnya dalam paragraf pertama ada Image1.png kemudian di paragraf ketiga ada gambar Image3.jpg maka untuk melakukan hal ini digunakan:
$this->load->library("gudlux_manager");
$data['gbr1'] = $this->gudlux_manager->img_khusus("NAMA_file_image_1.png");
$data['gbr3'] = $this->gudlux_manager->img_khusus("NAMA_file_image_3.png");
$this->load->view('nama_view',$data);
Lihat Gambar Contoh Menampilkan banyak file image tidak berurutan ke dalam view

Library ini akan menampilkan CSS, Javascript dan image ke dalam format seperti di bawah ini:
untuk file javascript


untuk file CSS


untuk file image(gambar)


Sebagai catatan, pastikan anda sudah mengaktifkan autoload url --> $autoload['helper'] = array('url');

Mungkin library ini masih sangat sederhana dan tentunya masih bisa dikembangkan lagi dengan berbagai hal.

Artikel-artikel yang sejenis:

• Bagian 1: Cara-cara Mengamankan Aplikasi Web CodeIgniter
• Mengakali Base URL di CodeIgniter
• CodeIgniter VS CakePHP, (bukan Duel) MVC Framework
• Instalasi Awal CodeIgniter
• Salah Satu Keuntungan MVC
• Bagian 2: Cara-cara Mengamankan Aplikasi Web CodeIgniter, Another Error Reporting
• Tips Me-load Banyak Variabel dalam View CodeIgniter
• CodeIgniter atau Symfony atau CakePHP
• Mengubah Halaman Awal CodeIgniter

Your Reply...

Nama

E-mail

URL Blog (boleh kosong)

Captcha: 64 + 3 :