bildirgec.org

Yeni bir PHP framework (çalışma çatısı) üstelik TM
Tam tanımı PHP Faces Olay yönelimli MVC çatısı

PHP Faces ın özellikleri
MVC (Model-View-Controller)
Bileşen mimarisi
UI bileşenleri
Olay yönelimli programlama(Event-oriented programming)
AJAX
Template Engine
Özel Etiketler
ORM (Object Relation Papping)

Şurdan indirilir.

buradan örneklere bakılır.

Buradan öğrenilir

Jquery, ajax, javascript ve efekt olarak kullanabileceğiniz bir framework‘dür. Bu yazıda haziran 2009’un en iyi jquery derslerine ulaşabileceksiniz.

1. Animated Menu Using jQuery

Bu derste jquery ve css kullanarak nasıl animasyonlu bir menü yapıldığını göreceksiniz.

2. Create a Dynamic Scrolling Content Box Using AJAX

Dinamik kaydırma kutusu oluşturma dersi.

Full of jQuery Awesomeness Sites

Bir javascript framework’ü olan jQuery ile geliştirilmiş, aşağıdaki 20 web sitesi, web tasarımlarına yeni bir soluk getiriyor. İlham kaynağı olarak kabul edebileceğiniz 20 web sitesi, aşağıda listelenmiştir.

1. The Pixel Moving Society

Full of jQuery Awesomeness Sites

2. We Are Hunted

Full of jQuery Awesomeness Sites

Adobe firması Flash Platform’unun yeni içerik oluşturma araçlarını Adobe Labs sitesinden duyurdu.

Yeni Flash platformunda Adobe Flash Builder 4 *, Adobe Flash Catalyst *, açık kaynak kodlu Flex 4 Framework * araçları bulunmakta.

Flash Builder 4: Zengin içerikli web tabanlı uygulamalar geliştirmenizi sağlıyor. Önceki adı Adobe Flex Builder olan bu uygulama açık kaynak kodlu Flex 4 Framework ile ücretli olan uygulamaların ayrışması için değiştirilmiş.

Adobe Flash Catalyst: Web tabanlı uygulamar için RIA (Rich Internet applications) arayüzlerin tasarlanması için geliştirilmiş bir araç olaması dolayısı ile geliştiricilerden ziyade tasarımcılara yararlı olacağa benziyor.

Flex 4 Framework: RIAs (Rich Internet applications/zengin içerikli web tabanlı uygulamalar) uygulamarın geliştirilmesi için birçok açık kaynak kodlu aracı birarada sunmakta.

Rss, “Really Simple Syndication” kelimelerinin baş harflerinin bir araya gelmesi ile oluşmuş bir site takip formatıdır. Bir sitedeki tüm değişikliklerin Rss formatına alınmasının ardından, başka siteler ya da kullanıcılar tarafından takip edilebilirliği artar. Ziyaretöiler sürekli yeni bir şey var mı? diyerek sitenize gelmeyi bir süre sonra unuturlarsa, bu opsiyon sayesinde sitedeki yeniliklerden anında haberdar olurlar.

CodeIgniter, standart paketine dahil olan RSS kütüphanesi ile kullancıların kolaylıkla sitedeki yenilikleri takipçilerine aktarmalarına olanak sağlar. Rss kütüphanesi kullanarak bir blog sitesine eklenen her yeni yazıyı takip amacıyla bir Rss.xml oluşturalım.

Yahoo Developer Network

Merhabalar,
Spry Serisini bitirdikten sonra karşınızda bir kullanıcı arayüzü librarysi olan Yahoo! User Interface ile devam ediyoruz. YUI bir Yahoo Developer Network ürünü. Ayrıca başarılı olduğunu söylemek mümkün. YUI’ı LinkedIn gibi sitelerde kullanıyor. Sözü uzatmadan YUI ile Drag&Drop nesneler yapmaya başlayalım.

1
2
3
4
5

<script type="text/javascript" src="http://arsiv.pilli.com/http://yui.yahooapis.com/2.7.0/build/yahoo-dom-event/yahoo-dom-event.js" ></script>
<script type="text/javascript" src="http://arsiv.pilli.com/http://yui.yahooapis.com/2.7.0/build/dragdrop/dragdrop-min.js" ></script>
<script type="text/javascript">
var dragg = new YAHOO.util.DD("drag");
</script>

Şimdi koda baktığımızda ilk iki satırda YUI’ı sayfaya dahil ettik. Son satırda var dragg ile draggable olacak yerleri işaretliyoruz.

1

new YAHOO.util.DD("drag");

Drag yazılı yere herhangi bir ID yada element girebilirsiniz.

1
2
3
4
5
6
7

<style type="text/css">
.pref {
width:90px;
height:75px;
background-color:FFFF66;
}
</style>

ile de 90*75 Sarı renkte bir kutu oluşturduk.

1

<div id="drag" class="pref">HEY! DRAG ME!</div>

ile de “Drag” id’li bir div oluşturduk. Herşey bukadar. Bundan sonrası sizin yaratıcılığınıza kalmış.
Dış bağlantılar:
YUI anasayfası
YUI blog

Nasıl ki Javascript için Prototype, JQuery, mootools, script.aculo.us gibi çatılar (framework) mevcutsa, Flash / Flex geliştirme ortamları için de benzer şekilde yardımcı çatılar mevcuttur.

Bunların içinde en göze çarpanların başında Papervision3D * gelmektedir.

Flash için bir 3D Engine (Flash’ta 3 boyutluluğu destekleyen motor) olarak anılan Papervision3D’iyi Flash/Flex projelerinize kolayca ekleyerek oldukça ilgi çekici 3 boyutlu görsel elemanlar elde edebilirsiniz.

Papervision3D’inin blog’una buradan erişebilir, kendisini buradan + indirebilir, dokümanlarına buradan göz atabilir, forum sayfasına buradan ulaşabilir ve sürekli yeni örneklerin eklendiği ve her örneği kaynak koduyla birlikte indirip kullanabileceğiniz örnekler sitesi olan pv3d.org’a buradan erişebilirsiniz.

Bilindiği gibi jQuery en popüler javascript çatılarından biridir.
Şimdi jQuery ile 4 adımda renkli menümüzü oluşturacağız.

1.Adım: Gerekli dosya ve eklentileri indirme
Şuradan jquery-1.3.2.min.js dosyasını indiriyoruz.
Renklerle işlem yapacağımız için jQuery color eklentisini şuradan indiriyoruz.

2. Adım: Stilleri oluşturma

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

#menu{
	width:500px;
	height:70px;
	background-color:#fff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin:0 auto;
}
#menu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#menu ul li{
	float:left;
}
#menu ul li a{
	width:100px;
	display:block;
	text-align:center;
	font-size:20px;
	line-height:70px;
	text-decoration:none;
	color:#000;
}

Yazdığımız bu stil dosyasını stil.css isminde kaydediyoruz. Burada menünün boyutları, konumu vs. ayarlamaları yapıyoruz. Bu kısımda isteğinize göre düzenlemeler yapabilirsiniz.

CakePHP‘de modeller arasındaki ilişkilendirmeler diğer yazılarımda şurada ve şurada bahsetmiştim. Şimdi bu ilişkilendirmeleri daha ayrıntılı olarak inceleyeceğiz. CakePHP’de 4 ilişkilendirme bulunmaktadır:

• hasOne
• hasMany
• belongsTo
• hasAndBelongsToMany (HABTM)

hasOne
Bu ilişkilendirmede bir modele ait bir model bulunur.

1
2
3
4
5
6
7

<?php
class Kullanici extends AppModel
{
var $name = "Kullanici";
var $hasOne = "Profil";
}
?>

Burada Kullanici ve Profil adında iki farklı modelimiz var. İlişkilendirme sonucunda bir kullanıcının bir profili olur.

1
2
3
4
5
6
7

<?php
class Kullanici extends AppModel
{
var $name = "Kullanici";
var $hasOne = array("Profil"=>array("className"=>"Profil","dependent"=>true));
}
?>

Burada bir array kullanarak özellikleri biraz daha değiştirdik. İlk örnekteki ilişkilendirmelerde model isimlerinin de uygun olması gerekiyordu. Ama şimdi model ismini biz belirttiğimiz için sorun yok. “dependent” parametresini true yaptığımızda ise herhangi bir kullanıcı silindiğinde ona ait profil de silinir.

CodeIgniter’da şablon mantığı bir çok farklı çeşitte çalıştırılabilmektedir. Birden fazla şablonun bir araya getirilerek kullanıldığı basit bir şablon yönetmini anlatmak istiyorum.

Aşağıda kodlarını verdiğim Layout kütüphane dosyası ile sitemizin ekrana yansıyan görüntülerini modüler hale getirmemiz mümkün olacaktır. Bu dosyanın yeri application/libraries dizini altındadır ve ismi layout.php olarak kayıtlı olmalıdır.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

if (!defined('BASEPATH')) exit('No direct script access allowed');

class Layout
{
    
    var $obj;
    var $layout;
    
    function Layout($layout = "")
    {
        $this->obj =& get_instance();
        $this->layout = $layout;
    }

    function setLayout($layout)
    {
      $this->layout = $layout;
    }
    
    function view($view, $data=null, $return=false)
    {
        $data['sablon_icerigi'] = $this->obj->load->view($view,$data,true);
       
        if($return)
        {
            $output = $this->obj->load->view($this->layout,$data, true);
            return $output;
        }
        else
        {
            $this->obj->load->view($this->layout,$data, false);
        }
    }
}