ADV Manager

6 Şubat 2012 Pazartesi

29 Nisan 2010 Perşembe

Google ADV Preview Test for IE

Google ADV Preview Test

468 x 60

728 x 90

336 x 280

300 x 250

120 x 600

160 x 600

26 Mart 2010 Cuma

Reklam Yöneticimizde Yazı Düzenleme Kutucuğu

Reklam yöneticimizin bir diğer problemi de kullanıcının girmiş olduğu yazıların ön izlemede görüntülenmesi ve editörde görüntülenmesi farkıydı. Bu farkı kapatmak adına, editörümüzda tanımlama şablonlarından okunabilen TEXTAREA nesnesine genişlik ve yükseklik belirterek ve hatta renk, yazı tipi ve boyutunun da aynı zamanda ön izlemesi olabilen yazı alanları oluşturduk. Bu yazı düzenleme alanlarını oluşturmamızdaki asıl sebep kullanıcıya görüntülenecek yazının ne kadarının görüneceğini ve yazı boyutunu değiştirdiğinde reklamda nasıl değişikliklere sebep olabileceğini göstermekti.
Bu aracımızın diğer temalarda da kullanıma geçmesi için tek yapmamız gereken şablon tanımlama dosyasında yazı alanına genişlik ve yükseklik değeri belirtmek. Gerekli işlemleri sistem zaten kendiliğinden yapacaktır.

20 Mart 2010 Cumartesi

ADV Manager Tema 1

Reklam yöneticimizin son haline uygun, basitleştirilmiş, birden fazla resim boyutunu destekleyen ve esnek yazı görünümlerini destekleyen bir reklam şablonu hazırladım. Bu şablonun yeteneği bir sonraki şablonlar için örnek olacak şekilde yaratıldı. Şablon tanımında da sonradan eklenen bazı değişiklikler olduğundan, reklam yöneticimizin tüm özelliklerini desteklemesi çok önemli.

Reklam Yöneticimizde Resimler için Konumlandırıcı

Yazı konumlandırıcımızın ardından resim nesnelerimiz için de aynı işlemi sağlayacak bölümümüzü hazırladık. Özellikle not düşmek istediğim bir nokta da var. Flash dosyamızda resim yüklemesi yapabilmemiz için kullandığımız kod, eğer Actionscript 2.0 dışında bir sürüm ile yayımlanırsa, şablon resim yükleme yeteneğini kaybediyor. Şimdilik bu bir problem gibi gözükmüyor ancak, eğer ileride Actionscript 3.0 veya daha yeni sürümler ile yayımlanacak şablonlar hazırlarsak, eski kodlarımız pek te yararlı olmayacak.

19 Mart 2010 Cuma

Reklam Yöneticimizi Geliştiriyoruz

Hafta sonu hazırladığım reklam şablonu dedemesi sonucu karşılaştığım eksiklerin hızlı bir şekilde giderilmesi için sistemde geliştirmeler yapmam söz konusu oldu. Sistemi esnek hazırlamış olmamın faydası ile bu işi oldukça kolay ve hızlı bir şekilde hazırlayabiliyorum. Öncelikle, her şablon için ayrı resim boyutu tanımlanabilmesi ve sistemin gerekli boyutlandırmayı yaparak gerekli boylarda resmi küçültülmesi ile ilgili geliştirmeyi yaptım. Bu sayede, şablonunda farklı boyutta resimler kullanan reklam şablonları da kolaylıkla sistemde yer alabiliyor olacak.
Bir diğer konu da sistemde standart olarak hazırlanan şablonların sabit konumlu olmaları ve şablon boyutları değiştikçe içeriğin bu yönde sığmaması veya çok küçük boyutlarda görüntülenmesi söz konusuydu. Bu doğrultuda ilk hamlem şablon editörüne bir konumlandırma joystick'i eklemek oldu. Bu araç sayesinde şablon içerisinde değiştirilen yazı veya resim nesnelerinin konumları da değiştirilebiliyor olacak.
Bu noktada her şablonda yer ihtiyacı farklı olacağını ön görmemiz çok ta zor olmayacaktır. Bu gibi bir problemi de ortadan kaldırmak için her boyut şablon için düzenleme ekranının görüntülenmesi, değişikliklerin ayrı ayrı tutulması söz konusu olacaktır.
Şablonlarımızı daha yetenekli ve kullanışlı olmasını sağlayacak olan bu yenilik ile ilgili çalışmalarıma başlamış bulunmaktayım...

13 Mart 2010 Cumartesi

Google AdWords Teması

ADVManager reklam yöneticimize Google AdWords görünümü kazandırdık. Bu sayede AdWords yönetim paneline eklenmesi çok daha uyumlu bir şekilde gerçekleşecek.

ADVManager Kullanıcı isteği XML Şablonu

Şablon yöneticimizde kullanıcıların isteklerini anlamlı ve işlenebilir bir hale getirebilmek için XML şaması kullandık ve hazırlamış olduğumuz formdan gelen bilgileri XML şablonumuza uygun şekilde formatladık.

6 Şubat 2010 Cumartesi

Flash Reklam Hazırlamak - Değişken Tanımları

Flash reklamlarımızda kullanacağımız değişen veri alanlarının tanıtılmasında sistemimizin kullanacağı stadartları tanıtmamız gerekiyor. Bu standartları tanıtmak amaçlı bir örnek şu şekilde oluşturulabilir.
Yazı Değişkenleri
Flash animasyonumuzda değişen yazı alanları oluştururken dikkat etmemiz gereken iki önemli nokta vardır. İlki flash nesnelerinin isim formatı diğeri de nasnelerin türleridir. Flash dosyamıza text alanı eklemek için uygulamamız gereken adımlar aşağıdaki gibidir.

Library penceremizde New Symbol butonuna basıyoruz.
Yeni sembol oluşturma ekranında Name kısmına nesnemizi tanıtıcı bir isim belirliyoruz ve Type bölümnden Movie Clip'i seçiyoruz. Adlandırırken genellikle eklemek istediğiniz nesne için kullanacağınız değişken ismi ile ilişkili bir isim verebilirsiniz.
Oluşturduğumuz Movie clip nesnesi sahnede görüntülendiğinden emin olarak Tool box araç çubuğundan Text Tool'u seçiyoruz.
Text tool'umuzu kullanarak sahneye bir yazı alanı belirleyip bir ilk değer yazısıyazıyoruz.
Bu yazı nesnemizin Properties penceresindeki sahne özelliklerini aşağıdaki gibi düzenliyoruz. Burada dikkat etmemiz gereken buradaki isimlendirme ayrıntısıdır. txt prefix'inin ardınan değişken ismimiz(LinkText) yerleştirilmiştir.
Yazı alanımızı adlandırdıktan sonra ana sahnemize geri dönüyoruz. İçerisinde yazı alanı oluşturduğumuz Movie clip nesnemizi kütüphanemizden sahnemize sürüklüyoruz. Bu adımdan sonra animasyon teknikleri uygulamadan önce bir sonraki adımı öncelikli bir şekilde gerçekleştirin.
Son olarak sahnemize eklediğimiz movie clip nesnemizi isimlendirmemiz gerekiyor. Doğru bir isimlendirme için yine örnekte gördüğünüz gibi mc prefixinin arından değişken ismimiz(LinkText) yerleştirilmiş.
Bu noktadan itibaren eklemiş olduğumuz nesnemiz üzerinde animasyon tekniklerini uygulayabiliriz. Movie clip nesnemizin sahne adının değişmediğinden emin olmanızı önemle hatırlatıyorum.

16 Ocak 2010 Cumartesi

ADV Manager Editör Özellikleri

Reklam yöneticimizin editör ve arka planda çalışması gereken sistemi hazırlandı. Uzun zamandır burada bilgi vermediğim için şu ana kadar neler yaptık bir özeleyelim ve ADV Manager sistemimizin özelliklerini listeleyelim.

Reklam Temaları

Öncelikle, yöneticimizin reklam şablonlarındaki yeteğinden bahsedelim. Reklam yöneticimizin en güçlü yanlarından biri olan otomatik tema tanımlayıcı sistemi ile sisteme her çeşit ve özelliklere sahip reklam şablonları eklememiz mümkün olabiliyor. Reklam Yöneticimiz sisteme yüklü olan temaların tamamını tarayarak bir kategori listesi hazırlıyor. Bu kategori listesinden seçilen temanın da editöre aktarılmasını sağlıyor. Editörümüz gelen temanın şablon dosyasından yapısını tarayarak gerekli veriler için editör formunu hazırlıyor. Dolayısı ile şablon değişiklikleri tamamı ile bağımsız ele alınıyor.

Reklam Önizlemesi

Editörümüzün hazırlamış olduğu form nesnelerinin otomatik olarak şablon dosyamız ile ilişkilendirilmesi için de bir sistem geliştirdik. Bu sistem her bir form elemanını tarayarak, flash verileri ile ilişkilendiriyor ve her bir değişkenin değişikliğinde şablon dosyamız güncellenerek önizleme bölümündeki flash dosyamız güncelleniyor. Yine önizleme bölümümüzde kullanıcılar için pratik yönetim butonlarımız mevcut. Bu butonlar ile flash dosyamızda Güncelle, Oynat, Durdur, İleri Sar, Geri Sar gibi yönetimsel hareketler yapmamız mümkün.

Reklam'a Resim Eklemek

Reklam editörümüzün bir diğer özelliği de yüklediği form nesnelerinden biri resim ise, bunun için bir arayüz oluşturmak. Kullanıcı lokal bir konumdan resim yükleyebiliyor ve yüklediği resmi kaldırabiliyor. Tabiiki bu resmin de Flash önizlememizde görüntülenmesi sözkonusu. Burada kritik noktalardan biri, kullanıcı her resim yükleme ve kaldırma işlemlerinde aynı isimle bir dosyanın mevcut olabileceği ihtimali ve yüklenen resim dosyalarının ihtiyaç dışı olması durumunda kaldırılmasıydı. Resim yüneticimiz ile de gereksiz resimlerin aynı isim ile olduğunda yeniden adlandırılmasını ve ihtiyaç dışı olduğunda kaldırılmasını sağladık.

9 Ocak 2010 Cumartesi

ADV Manager Şablon Listesi & Şablon Editörü

Hazırlamış olduğum kategori görünümü ve şablon editörümüzün birşeltirilmesi işlemini tamamladık. Editörümüzün üst kısmında hazırlamış olduğumuz şablonlar listeleniyor ve sayfalar halinde gösterilebiliyorlar. Bu şablonlar arasından seçilen bir tema editöre yükleniyor ve şablon gereksinimlerinin tanımlandığı şablon tanım dosyasından form bilgileri okunarak editör hazırlanıyor. Hazırlanan editör verilerinin kullanıcı tarafından değiştirilerek kayıt edilmesi işlemi için yine şablon gereksinimlerini okuyarak hazırlayacağımız bir veri yapısı ile kayıt edebileceğiz. Bir sonraki adımda, editörümüzün aktif çalşmasını ve form gönderisinin kayıt edilmesi işlemlerini hazırlayacağız.

29 Aralık 2009 Salı

ADVTemplateListView Class

MVC (Model View Controller) temeline dayanan bir anlayış ile ADVTemplateList modelimizi HTML görünümüne çevirmesi için bir yönetici View sınıfı oluşturdum. Bu View sınıfı sayesinde reklam şablonlarımız kolaylıkla listelenebiliyor, listelenen şablonlar sayfalar haline getirilebiliyor ve bu sayfalar tek tek listelenebiliyorlar.
Hazırlamış olduğum ADVTemplateListView Class dosyasının kodu şöyle:

<?php
/**
  * This class is used to represent the view part of the Template List.
  * 
  * @author Behçet MUTLU
  * @copyright 2009
  */
class ADVTemplateListView {
        
      private $templateList;
      private $currentPage;
      private $pageSize;
      
      
      /**
      * ADVTemplateListView::__constructor()
      * 
      * This is the default constructor of the view class.
      * 
      * @param mixed $templateList
      * @param integer $currentPage
      * @param integer $pageSize
      * @return void
      */
      public function __construct($templateList, $currentPage = 0, $pageSize = 4)
      {
          $this->templateList = $templateList;
          $this->currentPage = $currentPage;
          $this->pageSize = $pageSize;
      }
      
      public function getNextPage()
      {
          $output = "<ul class=\"tmpList\">";
          $currentIndex = $this->currentPage * $this->pageSize;
          $nextIndex = min($currentIndex + $this->pageSize, $this->templateList->getTemplateCount());
          
          for($i = $currentIndex; $i < $nextIndex; $i++)
          {
            $output.= $this->_toHTML($this->templateList->getTemplateAt($i));
          }
          
          $output.= "</ul>";
          
          $this->currentPage += 1;
          
          return $output;
      }
      
      /**
      * ADVTemplateListView::_toHTML()
      * 
      * This method is used to get the HTML output of template thumbnail
      * 
      * <li>
      *    <a href="#">Şablon #4</a>
      *    <div class="thumb"><img src="adv_templates/template1/thumb.jpg" width="178" height="148" /></div>
      * </li>
      * 
      * @param mixed $template
      * @return
      */
      private function _toHTML($template)
      {
          $output = "<li>";
          
          $output.= "<a href=\"#\">" . $template->getName() . "</a>";
          
          $output.="<div class=\"thumb\"><img src=\"". $template->getThumbnail()
          ."\" width=\"178\" height=\"148\"></div>";
          
          return $output . "</li>";
      }
  
  }

?>

ADV Manager Şablon Kategorileri Tasarımı

Reklam Yöneticimizin Şablon listeleme ekranını hazırladım. Bu bölüm reklam editörümüzün hemen üzerinde görüntülenecek ve kullanıcılar diledikleri anda tasarımlarını seçerek düzenleme işlemlerini yapabilecekler. Şablon listesi daha önce hazırladığım ADVTemplateList Class'ı tarafından oluşturulan listeden yüklenecektir. Yine her bir şablon ile ilgili veriler de bu sınıf sayesinde eklenerek düzenleme işlemleri yapılabilecektir.

26 Aralık 2009 Cumartesi

ADVTemplateList Class Test

ADVTemplateList sınıfımızı test edebilmek için hazırladığım kod da aşağıdaki gibi.

<?php
/**
  * This is the tester of ADVTemplateList class
  * 
  * @author Behçet MUTLU
  * @copyright 2009
  */

    include_once("../system.core.php");
    
    $list = new ADVTemplateList($_SERVER["DOCUMENT_ROOT"]."ADVManager/adv_templates/");
    
    if($list->isReady())
          pre($list->getList());
    else
        print("List is not ready!");
    
?>

Bu kodun çıktısı şu şekilde.

ADVTemplateList Class ile Tema Listesinin Alınması

ADVTemplateList sınıfı reklam yöneticimiz tarafından kullanılacak ve şablon listemizi hazırlayacak olan sınıftır. Amacı belirtilen bir veya birden fazla klasör içerisinde bulunan şablon dosyalarını okuyarak ADVTemplate objeleri listesini hazırlamasıdır.
Bu sınıf oluşturulurken listesini hazırlayacağı klasör konumuna zorunlu olarak ihtiyaç duymaktadır. Hazırladığım sınıfın kaynak kodu şu şekilde geliştirildi.

<?php
/**
  * This class is used to represent the list of Templates that are in a directory.
  * 
  * @author Behçet MUTLU
  * @copyright 2009 Adres Gezgini
  */
  class ADVTemplateList {
    
      private $dir;
      private $list;
      private $ready;
      
      /**
      * This is the default constructor of the class that needs directory to be 
      * traversed of which contains the templates.
      * 
      * @param mixed $dir
      * @return void
      */
      public function __construct($dir)
      {
          $this->dir = $dir;
          $this->_initialize();
      }
      
      /**
      * This method is used to initialize the private variables of the class that
      * are used by this class.
      * 
      * @return void
      */
      private function _initialize()
      {
          $this->list = $this->_getTemplates($this->dir);
          
          $this->ready = $this->list != false;
      }
      
      /**
      * This method is used to traverse the list of the directories of given directory
      * and collect the list of templates in to an array and return, if the directory
      * exist template list, otherwise false.
      * 
      * @param mixed $directory to be traversed
      * @param mixed $exempt to exclude from listing
      * @param mixed $templates the referance to be used 
      *                         if we want collect from multiple directories
      * @return template list or false
      */
      private function _getTemplates($directory, 
                                      $exempt = array('.','..','.ds_store','.svn'), 
                                      &$templates = array()) 
      {
          if( ! ($handle = @opendir($directory))) // with @ character we are avoiding the wrong path error to be displayed as an exception
              return false;
          
          while(false !== ($resource = readdir($handle))) {
              if(!in_array(strtolower($resource),$exempt)) {
                  if(is_dir($directory.$resource.'/'))
                  {
                      if(file_exists($directory.$resource."/template.xml"))
                       $templates[] = new ADVTemplate($directory.$resource."/template.xml");
                      else
                       debug("Template at \"" . $directory.$resource . "\" does not contain  <i>template.xml</i> schema file.");
                  }
              }
          }
          closedir($handle);
          return $templates;
      } 
      
      /**
      * The setter methods of the class
      * @param value to set
      */
      public function setList($value) { $this->list = $value; }
      public function setDir($value) { $this->dir = $value; $this->_initialize();}
      
      /**
      * The getter methods of the class
      * 
      * @return values requested
      */
      public function getList() { return $this->list; }
      public function getDir() { return $this->dir; }
      public function isReady() { return $this->ready; }
  }
?>

Şablon Klasör Taraması

Hazırladığımız şablonların herbirini bir klasör içerisinde barındırıdığımızda, bu klasör altında bulunan tüm şablonların tek tek taranarak sistemde görüntülenmesi için basit bir Klasör Tarama kodu hazırladım. Bu kod, belirtilen klasör altındaki klasörlerin içerisinde eğer varsa template.xml dosyasını şablon olarak yüklenmesini sağlıyor.
Şimdilik bu kodu ufkumuzu genişletmesi için hazırladım, tema yükleme işleminin oldukça kolaylaşacağını ve temaların sisteme uyumluluğunun hat safhada olacağını belirtmeliyim.
Hazırladığım kod şu şekilde:

/**
 * This is the test of directory listing of the adv_templates directory
 * 
 * @author Behçet MUTLU
 * @copyright 2009
 */

require_once("system/system.core.php");
@$dir = $_SERVER["DOCUMENT_ROOT"]."ADVManager/adv_templates/";

function _readdir($dir)
{
    $dh = opendir($dir);
    while (false !== ($filename = readdir($dh))) {
        $files[] = $filename;
    }
    return $files;
}

$files = _readdir($dir);

foreach($files as $file)
{
    if(is_dir($dir.$file) && $file != "." && $file != "..")
    {
        echo ">$file\n";
        foreach(_readdir($dir.$file) as $temp_file)
        {
            if($temp_file == "template.xml")
            {
                $adv = new ADVTemplate($dir.$file . "/template.xml");
                pre($adv);
            }
        }
    }
}

Bu kodun geri döndürdüğü çıktı ise şu şekildeydi: