Kendi günlüğümüzü yazmaya devam ediyoruz. Bu yazıya geçmeden önce, ilk yazının bölüm özetine (son bölüm) bakınız ki nerede kaldığımızı ve şu aşamaya kadar neler yaptığımızı hatırlayasınız. Tek cümle ile özetlemek gerekirse projemize ilk adımı atmış, gerekli dosyaları toplayıp dizin yapısını oluşturmuş ve projenin kapsamını belirtmiştik.
Bu yazımızda YGünlük’ün yönetim panelini tasarlayacak, veritabanı tablolarını şekillendirecek ve yönetim panelindeki dosyaların çalışma mantığını göreceğiz.
Yönetim paneli tasarımını nasıl yapsam diye çok düşündüm. Uzun zamandır Wordpress kullandığım için onun etkisinden uzak durmaya çalıştım ama sanırım pek başarılı olamadım. Fakat yine de CSS açısından çok temiz ve düzenli bir kod yazarak kendi yönetim panelimizi ürettim. Burada CSS konusuna özellikle değinmek istiyorum. Hazır bir şeyler üretiyorsak her aşamada bilgimize yeni bir şey katalım istedim. Bu nedenle de Volkan Görgülü’nün Düzenli ve Organize CSS Geliştirmek başlıklı videosunda anlattığı sistemi yönetim panelinin CSS dosyasında bizzat uyguladım.
Yönetim panelini tasarlarken standart tasarlama yoluna gittim. Önce Photoshop’ta çizdim ve ardından çizdiklerimi koda döktüm. Üst menüsü yaklaşık olarak şu şekilde görünüyor.

Yönetim panelinin Photoshop çizimi olarak .psd dosyasını buradan indirebilirsiniz.
Tasarlamış olduğum yönetim panelini ise şurada doğrudan test edebilirsiniz.
Not:Olur da bu proje bittikten sonra ortaya çıkan günlüğü ciddi anlamda geliştirmeye karar verirsem mutlaka orjinal bir yönetim paneli tasarlarım. Buradaki amacımız öğretmek olduğu için benzerliğe pek de fazla takılmıyorum.
İlk olarak UTF8 dil kodlamasıyla (tam olarak utf8_general_ci) ygunluk isimli bir veritabanı yarattım ve daha sonra 6 adet tablo oluşturdum. Oluşturmuş olduğum tablolar;
yg_ayarlar, yg_baglantilar, yg_kategoriler, yg_sayfalar, yg_yazilar, yg_yorumlar
Tabloların özelliklerini görmek ve oluşturmak için şu .sql dosyasını inceleyebilir, bir sorgu olduğu için veritabanınızda doğrudan çalıştırabilirsiniz.
Öncelikle sabit bir ust.php, alt.php dosyalarımız bulunacak. Değişecek olan ise içerik kısmı. İçerik kısmına en iyi örnek sanırım yönetim paneli anasayfamız olan index.php dosyası. Anasayfamız olan index.php dosyasının içeriği kabaca şöyle olacak.
<?php include('ust.php'); ?>
<div id="icerik">
</div>
<?php include('alt.php'); ?>
Gördüğünüz gibi index.php dosyasının içinden alt.php ve ust.php dosyalarını çağırıyorum. Diğer tüm dosyalarda da (yazi.php, sayfa.php, kategori.php vb.) mantık aynı şekilde olacak.
Bu bölümü fazla uzun tutmayacağım. Aslına bakarsanız tutamayacağım çünkü bir yandan kendi işlerim bir yandan böyle bir sistem yazmak ve bununla birlikte yazdığın sistemi anlatmak zaman alıyor.
Bir dahaki yazımda yönetim panelinde kayıt formları yaratmaya ve artık sistemimize veri girişi yapmaya başlayacağız.
Projenin dosyalarının bulunduğu paketi son yazdıklarımı da ekleyerek güncelledim. Veritabanı dosyasını (.sql) bilesenler klasörüne attım. Ayrıca yönetim panelini de pakete dahil ettim.
YGünlük sisteminin son halini buradan indirebilirsiniz.
YGünlük sisteminin yönetim panelini buradan test edebilirsiniz.
Kuvvet ordudur. Düşmanlar milletimizi bağımsızlıktan mahrum etmek için evvela onu ordudan mahrum etmek çarelerine giriştiler. Kumandanlarımıza ve subaylarımıza tecavuz etmeye başladılar. Ordumuzu tamamen lağvederek milletin bağımsızlığını muhafaza için muhtaç olduğu dayanak noktasından mahrum etmeye teşebbüs ettiler. Herhalde ordu düşmanlarımızın birinci taaruz hedefi oldu. Orduyu imha etmek için de mutlaka subayları mahvetmek ve aşağılamak lazımdır. Bundan sonra milleti koyun sürüsü gibi boğazlamakta engeller ve müşkülat kalmaz.
Mustafa Kemal Atatürk
Rastgele Sözler Eklentisi ile oluşturulmuştur.
yakuter.com © 2006-2009 Erhan Yakut. Site tasarım fallendesign. Hosting sponsoru WebGrup.
Site içerisindeki içerikler izinsiz kopyalanamaz, alıntı yapılamaz.
1 Muhittin
05 Ağustos 2008, 00:18
Bu yazı dizisinin devamını merakla bekliyordum ancak 2. yazıda beklediğimi bulamadım diyebilirim. Tabi ki işlerinizden dolayı uzun tutamamışsınızdır yazınızı ancak bence yayınlamayıp devamını yazdıktan sonra daha dolu yayınlasaydınız sanki daha da güzel olurdu.
Devamını bekliyoruz :)
2 Oğuzhan Bugüş
05 Ağustos 2008, 08:35
Gözümde büyüttüğüm programcılık. Çok abartılacak birşey değilmiş. (Tabi yinede zor :)) Yeter ki bi öğreten olsun. :D
3 gürcan
05 Ağustos 2008, 10:25
güzel olmuş.
4 bilginyoksa
05 Ağustos 2008, 14:35
yazı dizisi gerçektende güzel gidiyor devamını sabırsızlıkla bekliyorum
5 yakuter
06 Ağustos 2008, 00:12
@Muhittin, beklentini biliyorum ama yazı dizisinde her bir bölümü ayrı ayrı sade tutmaya çalışıyorum. Gereğinden fazla uzunluk da sıkar değil mi;) Ayrıca zaman kısıtlaması zaten en büyük derdim :(
@Oğuzhan, aynen dediğin gibi. Programlamanın büyütülecek bir tarafı yok ;) Öğretmeye gerek yok. Ben kendim öğrenmiştim :)
6 Volkan Görgülü
06 Ağustos 2008, 02:29
@Oğuzhan, birilerinin bizlere bir şey öğretmesini beklemek yerine bizlerin harakete geçmesi çok daha önemli, yakuter kendisi öğrenmiş ve şu anda ne kadar güzel bir yere gelmiş, dolayısı ile öğreteni beklemek yerine öğrenmek daha doğru bir adım.
7 NeTHaLiL
08 Ağustos 2008, 08:31
sana katılıyorum bizler alışmışız sürekli birilerinden birşeyler beklemeye aslında istesek hepimiz öğrenebilir ve yapabiliriz.
8 WrZ-TR
08 Ağustos 2008, 21:44
isteyen insan kendi başarır başkasından yardım istemez.
9 M.Can
24 Ağustos 2008, 19:18
Gerçekten çok iyi bir anlatım. Her ne kadar ben geç okusamda bunun sayesinde blog olmasa bile yönetim panelimi düzenledim. Ve ferah ve daha iyi bir yönetim panelim oldu. Teşekkürler…
10 Janberk Arıkan
26 Aralık 2008, 00:10
Kodlarımı sildi bu yahu :)
11 yakuter
29 Aralık 2008, 09:29
Evet, malesef yorumlarda kod görüntülenmiyor. İfade edersen daha çok sevinirim :)
12 Janberk Arıkan
29 Aralık 2008, 13:36
Şöyle :) şimdi ust.php ve alt.php yerine bir index.php içerisinde “icerik” id li divin içerisine mesela goster.php include edilebilir… Böylece daha az kod yazmış olursunuz, hem de css mantığıyla düşünürsek tek dosyada yaptığınız değişiklik bütün dosyalarda etkili olur.
Yani mesela ust.php altına başka birşey daha eklenmek istendi. bunu tutup bütün sayfalarda değiştirmeye gerek kalmaz böylece index.php de değiştirirsek yeterli.
Umarım anlatabilmişimdir. Kolay Gelsin.
13 Zihni BABUZ
15 Mayıs 2009, 19:18
Hocam inş devamı gelir bu makalelerin wordpress dururken boşuna diyenler var ama bazı düşüncelerimi ben böyle bir makaleyle oturtuyorum:)
14 Juba
03 Haziran 2009, 00:27
devamı gelirse çok iyi olur gerçekden..
15 M.Can Kaymaz
01 Eylül 2009, 14:56
Yazının ilk çıkış zamanında okuyup hemen kendi günlüğüm için bu yazıyı şablon olarak kodlamaya başlamıştım. 1. ve 2. yazıları okuduktan sonra devamını bekliyordum. Fakat son yazının üzerinden 1 yıl geçti… :)
Hala bekliyoruz… Umarım bu yazı dizisini yarım bırakmazsınız…