Okul Siteleri İçin Anket

27 Kas 2010 Cmt 86 yorum

Sitenizde çeşitli anketler gerçekleştirerek ziyaretçilerinizin belirli konulardaki fikirlerini alabilirsiniz.

Kısa bir süre önce okul sitelerine nasıl ziyaretçi defteri ekleneceği konusunundan bahetmiştim. Bu yazımda da sitemizin bir köşesine anket eklemeyi, hazırladığım arayüzle anketlerin oluşturulması ve değiştirilmesini anlatacağım.

Anketin Özellikleri:

  • IP tabanlı çalışıyor, bir IP'den bir anket için sadece bir oy verilebiliyor. (İsteğe bağlı Çerez tabanlı dosya eklendi.)
  • Ajax ile hazırlanmış basit arayüze sahip.
  • Önceki anketlere ulaşmak için bağlantı var.

 

İlk Adım: Geri Dönün:

Şayet henüz ücretsiz bir sunucudan alan almamış iseniz buradaki yazımı okuyarak gerekli işlemleri gerçekleştirin. Veritabanı oluşturun, ayarlarınızı değiştirin.

 

Dosyaların Yüklenmesi:

FTP uygulamanız ile ücretsiz sunucunuz üzerindeki alana bağlanın ve anket paketindeki tüm dosyaları yükleyin. Eğer daha önceden ziyaretçi defterini de yüklemiş iseniz, "ayarlar.php" dosyanızın üzerine yazmayın. Fakat diğer dosyaların üzerine yazılma isteğini kabul edin. (Örneğin, java.js.)

 

Kurulum:

Sunucunuzdaki "anketkur.php" dosyasını bir defaya mahsus çalıştırın. Tabloların oluşturulduğuna dair bir mesaj alacaksınız. Olumsuz yanıt alırsanız bağlantı ayarlarınızda sorun var demektir. Özellikle veritabanı adını "ayarlar.php" dosyasından kontrol edin.

 

Arayüzü Okul Sitenize Ekleyin:

Anket oluşturmak için Ajax kullanan bir arayüz hazırladım. Tıpkı ziyaretçi defterini kendi sitenize çektiğiniz gibi arayüzü de içerik bölümünüze aşağıdaki satırı ekleyerek alın.

<iframe src="http://---sizin---siteniz----/anketolustur.php" style="width:725px; height:600px; " scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe>

Bu dosyayı anket.html ismiyle kaydedip MEB sunucunuza yükleyebilirsiniz.

 

Anketi Ekleyin:

Sitenizin eklemek istediğiniz kısma aşağıdaki satırı yapıştırın.

<iframe scrolling="no" frameborder="0" src="http://---sizin---siteniz---/anket.php" style="height:270px; width:315px; margin-top:-20px; overflow:hidden"></iframe>

Eğer benim şablonumu kullanıyorsanız bu kodu duyuruların altına yapıştırmanızı öneririm. Fakat duyurular bölümünü küçültmeniz gerekecektir.

 

Anket Yönetimi:

İster doğrudan ücretsiz alanda "anketolustur.php" dosyasını, isterseniz de MEB sunucumuza attığımız anket.html dosyanızı açarak anket yönetimi ekranına ulaşabilirsiniz. Açılan ekranda ilk olarak yönetici adı ve şifrenizi girmeniz gerekiyor. Bu değerleri "ayarlar.php" dosyasında tanımlayabilirsiniz.


Oldukça basit bir arayüz hazırladım.

Anket yönetimi için basit ve hızlı bir arayüz hazırladım. Birçok işlem AJAX ile yapıldığında sayfanın yenilenmesine gerek kalmıyor. Sitenizde hiç anket olmadığı için 2. adım ilk başta gözükmeyecektir. Anket sorunuzu oluşturduktan sonra seçenekleri ekleyebilirsiniz.

 

Sonuç:

Anketi bitirdikten sonra Ankete git düğmesine basarak nasıl göründüğüne bakabilirsiniz.


Anketimiz hazır.

Anket Paket Dosyası:

Buraya tıklayarak anket için gerekli dosyaları indirebilirsiniz.

Çerez tabanlı sürümünü indirmek için tıklayın.

 

Güncellemeler:

  • Türkçe karakter sorunu giderildi.
  • Orhan Özkılınç hocamızın isteği üzerine anket çubukları için belirli bir renk döngüsü hazırlandı. 
  • Dilerseniz çerez (cookie) tabanlı sürümü indirebilirsiniz. Böylelikle aynı ağdaki bilgisayarlardan da oy verilebilir.

 

Renk Kullanımı:

Renklerinizi "_tasarim" klasöründe r0.png, r1.png.. şeklinde tanımlayın. Bu resim dosyaları 1x1 piksel boyutlarında olup herhangi bir resim düzenleme programında oluşturulabilir ve düzenlenebilir. Kaç adet renk dosyanız var ise "anketayarlari.php" dosyasında "$anketrenkleri=1;" değerini ona uygun şekilde değiştirin.

 

Umarım faydalı bir yazı olmuştur. Mezunlar sayfası hazırlama yazımda görüşmek dileğiyle...

66158 kez okundu.

86 Yorum Var

  1. Hakan ÖZTÜRKER demiş ki

    Sayın Hocam iyi akşamlar. Biraz önce sizin sayenizde başarıyla galeri sayfasını düzenleyebildim. Sizin yönergeleriniz olduğu halde uğraştım. Bir kez daha bilginize hayran kaldım. Hakkınızı ödeyemeyiz. Her şey için TEŞEKKÜRLER.

  2. Hakan ÖZTÜRKER demiş ki

    Sayın Hocam dosyayı mail adresinize gönderdim. Bakabilirseniz sevinirim. İlginize TEŞEKKÜRLER...

    • Ahmet Soyarslan demiş ki

      Dosyanızı inceliyorum hocam. Ekran görüntüsü ile göndermeniz güzel olmuş. En kısa sürede cevap vermeye çalışacağım.

    • Ahmet Soyarslan demiş ki

      Scripts\news_slider klasöründeki style.css dosyasını açın ve aşağıdaki değeri düşürün. (İki tane var.)

      height:300px

  3. Hakan ÖZTÜRKER demiş ki

    Sayın Hocam index dosyası @gmail adresinize atsam olur mu ?TEŞEKKÜRLER.

  4. Hakan ÖZTÜRKER demiş ki

    Sayın Hocam okulumuz yeni kuruldu. Dolayısıyla sitesini daha yeni yapıyorum daha yayınlayamadık. Sayın Hocam ben o kısmın kodunu gönderiyorum. Size zahmet bir bakar mısınız ?

  5. Hakan ÖZTÜRKER demiş ki

    Sayın Hocam iyi akşamlar. Sayenizde yapILAN anket sayfasını duyuru kısmının altına yerleştiremiyorum. Duyuruları tek görünecek hale getirdim ancak anketi alta eklediğim zaman boşlık oluyur. div lerle oynadım olmadı. Katman atınca oluyor yanlız katman atmak istemiyorum. Ne yapabilirim. TEŞEKKÜRLER.

  6. orhan ozkilinc demiş ki

    Ahmet hocam kolay gelsin merak etme bi sey sormayacagim sdece bir selam vereyim ustamiza dedim.

  7. orhan özkılınç demiş ki

    hocam tam olarak yerleşim bu ama olmuyo

    • Ahmet Soyarslan demiş ki

      div style="width:400px; float:left; height:300px; overflow:hidden"
      Buradaki height değerini 385px yapmayı deneyin.

  8. orhan özkılınç demiş ki

    bu şekilde yaptım olmadı hemen /div üst tarafınada yaptım olumsuz
    manşet haberlerin altına yapılacak değilmi

    /object
    iframe style="width:400px; height:80px;margin-top:5px " scrolling="no" frameborder="0" src="http://oroz26.0fees.net/haberler.php"/iframe
    !--![endif]--
    /object
    /div

  9. Hakan ÖZTÜRKER demiş ki

    Sayın Hocam sizin hakkınızı ödeyemeyiz. Bugün çok vaktinizi aldım kusuruma bakmayın. Herşey için yürekten TEŞEKKÜRLER.

  10. orhan özkılınç demiş ki

    ahmet hocam eyvallah dediğiniz gibi iframe ile siteye çağırdım çalışıyor sıkıntı yok ama konumlandırmada bir sıkıntı var iframe yi index dosyasında hemen anket iframe değerinin altına yazdım böyle olunca haber akışı anketin alt tarafında kaldı aynen sizin sitedeki gibi olması için iframeyi nereye yazmam lazım ve yükseklik genişlik değerlerinide ankettekiyle aynı tuttum
    acil cevap teşekkürler

    • Ahmet Soyarslan demiş ki

      Hemen Flash'ın bittiği yere (object) aşağıdaki kodu tamamlayarak yapıştırın:

      iframe style="width:400px; height:80px;margin-top:5px " scrolling="no" frameborder="0" src="http://--siteniz--/haberler.php" /iframe



Yorum Yazın