Uzun süredir blogu boşladım. İş, güç, master falan derken… Yok inanmayın. Bahane uyduruyorum. Hayatta herşey için vakit vardır. Hele ki kişinin uzmanlık alanı ile ilgiliyse ekstra bir boş zamana zaten gerek yoktur. Neyse, sosyal mesajımızı da verdikten sonra konumuza dönebiliriz.

Code igniter ile olan ilişkim devam ediyor. Bu sefer ki yazım gene code igniter ile ilgili. Fakat sadece bunula sınırlı değil. Jquery’nin nimetlerinden de yararlandım. JQuery UI-layout ve jqgrid library’lerini ile kullandım. Şu an yazdığım cms’de bu library’leri kullanıyorum. Madem kullanıyorum küçük bir demoyu da blogumda sizlerle paylaşmak istedim.

Bütün kodları blog postuna yazmam imkansız. Aslında imkansız değil ama bunları yaparken çok sıkılırım O nedenle tüm dosyalara yazının sonunda vermiş olduğum linkten ulaşabilirsiniz. Eğer herhangi bir problem yaşarsanız bana nasıl ulaşacağınızı zaten biliyorsunuz

İlk olarak dosyalar hangi dizinlerde ve programı çalıştırırken nelere dikkat edeceksiniz onlardan bahsetmek istiyorum.

• Dosyaları indirdikten sonra cms_yeni.sql isimli dosyayı phpmyadmin’de çalıştırınız ve veritabanınızı oluşturunuz.
• Programı http://localhost/cms/anasayfa şeklinde veya sizin belirlediğiniz bir dosya yapısında çağırınız.
• Path’lerle iligi ayarları application/config/config.php, veritabanı ile ilgili ayarları ise application/config/database.php dosyalarından yapabilirsiniz.
• Layout ve grid ile ilgili tüm dosyalar /js klasörü içerisinde bulunmaktadır. Dosyayı açtığınız zaman kullanmış olduğum jqgrid’in versiyon numarası ile adlandırılmış olan jquery.jqGrid-3.7.1 isimli bir klasör göreceksiniz.
• Sayfanın arayüzü yani kullanıdığımız UI layout, jqgrid için kullandığımız library’ler, css dosyaları ve sayfanın html çatısı application/views/content.php içerisine yazılmaktadır.
• Kullanmış olduğum UI layout esnek bir yapıya sahiptir. Geliştiricileri tasarım yapma uğraşından kurtaracağı gibi gerektiğinde tasarıma da rahatça müdahale etmemizi sağlamaktadır. İstediğiniz paneli rahatlıkla açıp kapatabilme şansı vererek iyi bir kullanıcı deneyimi sağlamaktadır.
• Sayfaya girdikten sonra sol panelde bulunan Menü butonuna bastıktan sonra çıkacak alt menüden Haberler butonuna basarak haber listesini jqgrid içerisinde görebilirsiniz.
• Sol menüye eleman ekleyip çıkarmak için projenin içerisinde bulunan tree.xml dosyasını kullanabilirsiniz. Menü eklemek oldukça basittir. Herhangi bir satırı çoğaltın ve link adı ile url’yi değiştirin. İsterseniz bu dosyayı program içerisinde dinamik olarak da oluşturabilirsiniz. Orası sizin hayal gücünüze kalmış
• jqgrid üzerinde yapacağınız ekleme, güncelleme, silme, arama, yenileme(refresh) gibi işlemlerin tümü ajax ile çalışmaktadır.
• Haber modülü ile ilgili işlemlerin yapıldığı controller dosyası application/controllers/haber.php, model dosyası application/models/mhaber.php, view dosyası ise application/views/vhaber.php‘dir.

Biraz da jqgrid’in yüklenme mantığından bahsetmek istiyorum.

Sol menüden Haberler linkine tıkladıktan sonra ajax request ile http://localhost/cms/haber/haber_liste çalışmaktadır. Buradan da anlaşıldığı üzere haber controller’ı içerisindeki haber_liste fonksiyona gidiliyor. Bu fonksiyon içerisinde sadece aşağıdaki satırlar bulunmaktadır.

[sourcecode language='php']

public function haber_liste()

{

$this->load->view(‘vhaber’);

}

[/sourcecode]

Yani vhaber.php isimli view dosyası yüklenmektedir.

vhaber.php dosyasının içeriğinde ise grid’e yüklenecek olan haber bilgilerini çağıracak ve grid üzerinde yapacağımız ekleme, düzenleme, silme, arama işlemlerinin opsiyonlarını belirleyen javascript fonksiyonumuz bulunmaktadır. Ayrıca sayfanın en üstünde datanın ve grid pager’ın yerleşeceği html kodları bulunmaktadır.

[sourcecode language='html']

[/sourcecode]
Parametrelere bakarak aslında az çok ne işe yaradığını anlarsınız. Hala kafasında soru işareti olan varsa yorum yazabilir, e-posta atabilir veya jqgrid sayfasına bakabilir.
Burada dikkat edilmesini istediğim 2 şey var.
[sourcecode language='php']
url:”haber/haber_liste_grid”,
.
.
editurl: ‘haber/haber_islem’,
[/sourcecode]
Buradaki 2 url parametresinden ilki olan url parametresi javascript kodu yüklendikten sonra datanın alınacağı sayfayı ve fonksiyonu gönstermektedir. Yani grid objemize yerleşecek olan json data haber class’ının haber_liste_grid fonksiyonundan çekilecektir. Grid üzerinde bulunan ve data eklemeye, düzenlemeye ve silmeyi sağlayan url ise editurl parametresinde bulunmaktadır. Bu sayfa haber class’ının, haber_islem fonksiyonudur.
Bu fonksiyonların işlemlerini anlatırdım ama zaten ci yükleyip çalıştıracak olan kişi neler yaptığının da farkındadır
mhaber.php dosyasında ise iliglii veritabanı işlemleri bulunmaktadır. Burada dikkat edilmesi gerekilen fonksiyon listeGrid fonksiyonudur. vhaber.php dosyasından gelecek olan parametreler ile arama kriterleri ve arama kelimelerine göre sql farklı şekillerde yazılmaktadır. Arama işlemlerinde arama opsiyonu olarak AND veya OR parametresi gelmektedir. Ayrıca birden fazla where koşulu da bulunma ihtimali vardır. Bu nedenle sql farklı durumlara göre farklı şekiller alarak CI’nin nimetlerinden faydalanılmıştır. Örneğin eğer şart parametresi AND ise yani farklı durumlar AND ile birleştirilecek ve arama opsiyonu cn yani contain ise $this->db->like($row['field'],$row['data']); şeklinde bir satır göreceksiniz. Eğer seçilen arama kriterleri OR ile bağlanacaksa ve gene cn kullanılmış ise bu sefer arama sql’i $this->db->or_like($row['field'],$row['data']); şeklinde olacaktır. Kodu açıp biraz incelediğinizde ne demek istediğimi eminim daha iyi anlayacaksınız

Bu sistem eminim çoğu geliştirinini işin oldukça kolaylaştıracaktır. Yapmanız gereken dosyayı indirmek ve gerekli ayar işlemlerini yaptıktan sonra programı çalıştırmaktır. Programı yazarken ben oldukça eğlendim. Sizin de eğleneceğinizi düşünmekteyim İyi çalışmalar.

Kodları indirmek için tıklayınız.

jqgrid ile ilgili diğer örnekleri görmek ve gelişmeleri takip etmek istiyorsanız burayı ziyaret edebilirsiniz: http://www.trirand.com/blog/

ui-layout için daha fazla örnek görmek istiyorsanız burayı ziyaret edebilirsiniz: http://layout.jquery-dev.net/

Dosyayı upload ettir,
Uzantıları belirle,
İsimlendir,
Depolaması ayrı dert,
Güvenliği önemli,
Daha sonra sildireceksin

….

Yapamadğımdan değil tabiki de. Çok kez yaptım, yapıyorum da.

Ama file upload olayı sıkıcı geliyor.

Karşıma çıktığında “gene mi lan” diyorum kendi kendime…

Sizlerin de kod yazarken sıkıcı bulduğunuz konular mutlaka vardır değil mi?

Nereye geliyorum sizce?

Programlamaya yeni başlamış, öğrenme isteği ile dolu bir arkadaşım bazı temel şeyleri bilmeden, olayın, konseptin mantığını oturtmadan bir iki stage sonrasına geçmek istedi. Ona şu soruyu sordum: Sen hiç Süper Mario oynadın mı?

Nasıl Super Mario Bro her bir bölümü başarı ile bitirip sonraki adıma geçemezse, programlama ile uğraşan kişilerde temel kavramları ve genel konsept adımlarını bilmeden bir sonraki adıma geçmemelidir.

Geçebilir mi? Evet geçebilir.
Yararlı olur mu? Sanmıyorum.

Acele etmeyin arkadaşlar prenses orada duruyor. Tek yapmanız gereken şey bulunduğunuz kısımı gerçekten bitirdiğinizden emin olmaktır.

Yazıyı bir soru ile sonlandıracağım.
Prensese ulaşan var mı aranızda?

Paranoya denen kavram insanların sosyal hayatlarında oldukça sık görülen, gelişen ve değişen insan ilişkilerine sekte vuran bir ruh hali. İş arkadaşlarınızı, akrabalarınızı hatta çok yakınızındaki insanlar ile birbirinize düşmenize neden olan bir psiko hali. Sosyolog falan değilim. Tanımları tamamen kendi deneyimlerim sonucund yazdım.

Teknolojinin hayatımıza girmesinden sonra bu paranoya iyice arttı.
Bir örnek ile daha iyi anlayacağınızı umuyorum:

X kişi: (Telefon ile kız arkadaşını arar) Zırrrr…. Zııırrrrr…
-Karşıdaki abla cevap vermez.-
X kişi: Acaba duymuyor mu?
X kişi: Yoksa sessizde mi telefon?
X kişi: Ya konuşmak istemiyorsa?
X kişi: Ya sevmiyorsa beni?
X kişi: Ya istemiyorsa beni artık?
X kişi: Ayrılacak mı yoksa?
X kişi: Hayııııırrrr!

Halbuki hatun kişi açmış televizyonu uzanıyor ya da annesine yardım ediyor ya da banyoda (napsın pasaklı mı gelsin yanına kız?) …

Sonuç olarak yukardaki monolog olayı aşağı yukarı özetliyor.

Şimdi gelelim bizim şu “internet dünyası” ile olan alakasına.

Kullanıcı etkileşimli internet çağının başlaması ile hayatımızı da internetde yaşar olduk. Eskiden otobüs duraklarında insanlarla tanışırdık, kafeler de “arkadaşların arkadaşları” ile muhabbet ederdik ya da ortak iş yaptığımız insanlarla yemeklere, iş görüşmelerine giderdik. Şimdi bunların yerine friendfeed’in home feed’i, twitter’ın direct mesajı, facebook’un “arkadaşının arkadaşı” durumu, xing’in, linkedin’in profosyonel iş grupları geldi. Ama paranoya hiç bitmedi!

Asıl konumuza bağladık sonunda.
Liste liste gidecem bu noktada. Okurken sıkılmayın:

• Msn’de online. Titreşim attım. Yazı yazdım. Neden cevap vermiyor? Evde olacağını söylemişti. Yoksa beni mi kandırıyor!
• Ben yazıyorum 2 dakika sonra cevap veriyor. Acaba başkası ile mi konuşuyor?
• Neden tweetimi retweet yapmadı? Beğenmedi mi yoksa?
• Feed’ime like vermedi. Nah bulur bir daha like’ı.
• Facebook’da durumu online ama cevap vermiyor. Sen bir daha istersin benden ders notu! (Bizzat yaptım. Evet.)
• Neden smiley eklemedi? Kızdı mı acaba? (Bunu da yaptım. Tiksiniyorum kendimden!)
• Neden beni follow friday listesine eklemedi ki? Acaba tweetlerimde performans düşüklüğü mü var? (Yorumsuz!)
• Beni neden mimlememiş ki blog yazısında? Ben de bu konu hakkında yazacak potansiyel görmüyor mu artık yoksa?

Bu liste uzar gider…

Yukardaki listede bulunan paranoya durumları gerçek de olabilir. Karşılık beklediğiniz kişinin o düşünceler içerisinde bulunma ihtimali var mutlaka. Ama insanlar anlık psikolojiler içerisinde bulunabiliyor. O anlık durumu göz ardı etmemek gerek. Belki o an dalgınlığına geldi ve senin feed’ine like vermedi ya da sana gerçekten değer verdiği için msnde geç cevap veriyor (pollyanna’nın kulakları çınlasın).

Sonuç olarak yukardakilerin bir ya da bir kaçında mutlaka kendinizi görmüşsünüzdür. Sabahki doğrunun akşam gerçekliğini yitirdiği internet gibi bir alanda paranoyak olup can sıkmaya hiç gerek yok. Biraz daha aynaya bakıp “noooluyoo lan bana” demek lazım bence. Hayat paranoyasız daha güzel.

Not: Listeye katkılarınızı bekliyorum. Saygılar…

X kişi: Onur msn listemde arkadaşları göremiyorum. Ama onlar beni görüyor. Nedendir acaba?

Ben: Bilmem. Msnde sorun vardır abi. (:s)

X kişi: Benim msnde mi?

Ben: Bilmem. Genel de olabilir.

X kişi: Çok sağol (Tribal ifade)

Ben: Anlamam abi ben bu msn falan.

X kişi: Bilmem mi! (Tribin son noktası)

Sonuç olarak bir programcı, tasarımcı, yazılım uzmanı, bilgisayar mühendisi, bilgisayar öğretmeni… sırf o okulu okudu diye senin msndeki sorununu çözecek değil. Kaldı ki bana “bir msn sorununu bile çözemedi” diyorsan yaptığım işi de küçültmüş oluyorsun. Bizim işimiz msn sorunları çözmekten daha öte bir şey . Kusura bakmayın!

Bunlardan birisi de bread crump olarak adlandırılan uygulama için yazdığım library. Bread crump, siz sayfalarda gezindikçe hiyerarşik olarak gezdiğiniz sayfaların sırasını sayfanın bir köşesinde gösteren uygulamadır. Örnek için tıklayınız.

İlk olarak kütüphanemizi oluşturuyoruz. İsmini bread_crump.php koyuyoruz ve application/libraries içine kaydediyoruz. Kütüphanemizin içeriği ise şu şekildedir:

[sourcecode language='php']

/**
* A bread crump generation library for CodeIgniter.
*
* Copyright (c) 2010 Onur DEGERLI
*
* jci! bread_crump - v1
*
* Usage example:
* -------------------
* $config['breadcrump_start'] = '“;
}

if($arr_bread_crump['link']!=”) {
$this->bread_crump .= ““;
}

if($flag_ayrac==true) {
$this->bread_crump .= ‘ ‘.$this->ayrac.’ ‘;
}
}

/**
* Generates bread crump following the HTML conventions
* @return string the compiled bread crump for insertion into your view
*/
function generate_bread_crump()
{
return $this->bread_crump;
}

}

/* End of file bread_crump.php */
/* Location: ./system/application/libraries/bread_crump.php */

[/sourcecode]

Ardından bread crump uygulamak istediğimiz controller class’ına oluşturuyoruz. add_bread_crump fonksiyonunu kaç link oluşturacaksak o kadar çağırıyoruz. Application/controllers içerisinde detay.php isimli bir controller class’ı oluşturuyoruz. index() fonksiyonunun içerisinde bread crump datalarımızı oluşturuyoruz.

[sourcecode language='php']

/*
*
* detay class'i
* @abstract
*
* @author Onur DEGERLI
* @email
* @copyright Copyright (c) 2010 Onur DEGERLI
* @version 1.0
* @access public
* */

class Detay extends Controller {

public function __construct()
{
parent::Controller();
}

function index()

{

$this->load->library(‘bread_crump’);

$config['breadcrump_start'] = ‘